Incident ID:${incident.incident_id}

Date/Time:${dt}

Priority Level:${incident.priority_level}

Incident Type:${incident.incident_type}

Location:${incident.location}

${incident.reference_number ? `

Reference Number:${incident.reference_number}

` : ""} ${incident.team_member_name || incident.user_code ? `

Responding Team Member:${incident.user_code ? `[${incident.user_code}] ` : ""}${incident.team_member_name || "Unknown"}

` : ""}

Status:${incident.status || "N/A"}

DESCRIPTION:

${incident.description.replace(/\n/g, "
")}

${incident.evidence_images && incident.evidence_images.length > 0 ? `

EVIDENCE PHOTOS (${incident.evidence_images.length}):
${incident.evidence_images.map((url) => `

`).join("")}

` : ""}

Report Created: ${created}

`); printWindow.document.close(); printWindow.focus(); setTimeout(() => { printWindow.print(); }, 250); }; // virtual:/apps/web/src/utils/useTeamMembers.js init_injected_globals(); var import_react10 = __toESM(require_react()); function useTeamMembers() { const query = useQuery({ queryKey: ["team-members"], staleTime: 5 * 60 * 1e3, retry: 1, queryFn: async () => { const resp = await fetch("/api/team-members"); if (!resp.ok) { throw new Error( `When fetching /api/team-members, the response was [${resp.status}] ${resp.statusText}` ); } return resp.json(); } }); const members = (0, import_react10.useMemo)(() => { const rows = query.data?.data; return Array.isArray(rows) ? rows : []; }, [query.data]); const byNameLower = (0, import_react10.useMemo)(() => { const m = /* @__PURE__ */ new Map(); for (const u of members) { const name = (u?.name || u?.email || "").trim(); if (!name) continue; m.set(name.toLowerCase(), u); } return m; }, [members]); const optionsByName = (0, import_react10.useMemo)(() => { return members.map((u) => { const name = (u?.name || u?.email || "").trim(); if (!name) return null; return { value: name, label: formatPersonLabel({ code: u?.user_code, name }).toUpperCase(), user: u }; }).filter(Boolean); }, [members]); return { members, byNameLower, optionsByName, loading: query.isLoading, error: query.error?.message || null, refetch: query.refetch }; } // virtual:/apps/web/src/components/Dashboard/IncidentsSection.jsx function IncidentsSection() { const { incidents, loading, error, success, submitIncident, closeIncident } = useIncidents(); const { data: currentUser } = useUser_default(); const isAdmin = currentUser?.role === "admin"; const { optionsByName: teamMembersOptions } = useTeamMembers(); const [upload, { loading: uploadLoading }] = useUpload(); const [selectedFiles, setSelectedFiles] = (0, import_react11.useState)([]); const [uploadedUrls, setUploadedUrls] = (0, import_react11.useState)([]); const [uploadError, setUploadError] = (0, import_react11.useState)(null); const [useInternalRef, setUseInternalRef] = (0, import_react11.useState)(false); const [internalRef, setInternalRef] = (0, import_react11.useState)(""); const [focusIncidentId, setFocusIncidentId] = (0, import_react11.useState)(null); (0, import_react11.useEffect)(() => { const readHash = () => { if (typeof window === "undefined") return; const h = window.location.hash || ""; if (h.startsWith("#incident-")) { const id = h.replace("#incident-", "").trim(); setFocusIncidentId(id || null); } else { setFocusIncidentId(null); } }; readHash(); window.addEventListener("hashchange", readHash); return () => window.removeEventListener("hashchange", readHash); }, []); (0, import_react11.useEffect)(() => { if (!focusIncidentId) return; const el = document.getElementById(`incident-${focusIncidentId}`); if (el) { el.scrollIntoView({ behavior: "smooth", block: "start" }); } }, [focusIncidentId, incidents]); const handleFileSelect = (e) => { const files = Array.from(e.target.files || []); setSelectedFiles((prev) => [...prev, ...files]); }; const removeFile = (index) => { setSelectedFiles((prev) => prev.filter((_, i) => i !== index)); }; const handleSubmit = async (e) => { e.preventDefault(); setUploadError(null); const urls = []; for (const file of selectedFiles) { const result = await upload({ file }); if (result.error) { const fileLabel = file?.name ? ` (file: ${file.name})` : ""; setUploadError(`${result.error}${fileLabel}`); return; } if (!result.url) { const fileLabel = file?.name ? ` (file: ${file.name})` : ""; setUploadError(`Upload failed: no URL returned${fileLabel}`); return; } urls.push(result.url); } const formData = new FormData(e.target); const allImages = [...uploadedUrls, ...urls]; const submitted = await submitIncident(formData, allImages); if (submitted) { e.target.reset(); setSelectedFiles([]); setUploadedUrls([]); setUseInternalRef(false); setInternalRef(""); } }; return /* @__PURE__ */ React.createElement("div", { className: "space-y-6 text-white font-mono" }, /* @__PURE__ */ React.createElement(IncidentHeader, null), /* @__PURE__ */ React.createElement( IncidentForm, { error, uploadError, success, loading, uploadLoading, selectedFiles, onFileSelect: handleFileSelect, onRemoveFile: removeFile, onSubmit: handleSubmit, useInternalRef, internalRef, onUseInternalRefChange: setUseInternalRef, onInternalRefChange: setInternalRef, teamMembersOptions } ), /* @__PURE__ */ React.createElement( IncidentsList, { incidents, loading, onDownload: downloadIncident, onPrint: printIncident, focusIncidentId, isAdmin, onCloseIncident: async (incidentId) => { await closeIncident(incidentId, "Closed"); } } )); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection.jsx init_injected_globals(); var import_react26 = __toESM(require_react()); // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/useShiftReportForm.js init_injected_globals(); var import_react12 = __toESM(require_react()); // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/constants.js init_injected_globals(); var CONDITION_OPTIONS = ["good", "average", "needs improvement"]; var PARK_AREAS = [ { label: "Wildflower BENTGRASS Park", prefix: "wildflower_bentgrass" }, { label: "Sky Village URSA MAJOR/BOREALIS Park(s)", prefix: "sky_village_ursa" }, { label: "Mountain View CHARLES YOUNG Park", prefix: "mountain_view_charles" }, { label: "Alamar CALABARI MINE Park", prefix: "alamar_calabari" }, { label: "Oasis Park(s)", prefix: "oasis_parks" }, { label: "Loma Verde Park(s)", prefix: "loma_verde" }, { label: "Vail Parke EXPEDITION Park", prefix: "vail_expedition" }, { label: "Monument View Way GRAYJAY Park", prefix: "monument_grayjay" }, { label: "Silver Ridge COMMON AREAS", prefix: "silver_ridge_common" }, { label: "Pedemonte Park", prefix: "pedemonte_park" } ]; var PARK_PATROL_SLOTS = [ { key: "beginning", label: "Beginning shift patrol" }, { key: "mid", label: "Mid shift patrol" }, { key: "completion", label: "Shift completion patrol" } ]; function buildInitialParkPatrolChecks() { const out = {}; for (const p of PARK_AREAS) { out[p.prefix] = { beginning: false, mid: false, completion: false }; } return out; } var INITIAL_FORM_STATE = { team_member_name: "", shift_time: "", // NOTE: set on the client in the form hook to avoid SSR/UTC "day ahead" issues shift_date: "", shift_start_time: "", shift_end_time: "", // NEW: park patrol checkboxes (replaces time-based auto-fill) park_patrol_checks: buildInitialParkPatrolChecks(), silver_ridge_parking_enforcement: false, spreadsheets_attached: false, citations_left: 0, engagement_level: "", max_people_hours_1_3: 0, max_people_hours_4_6: 0, max_people_hours_7_8: 0, special_event: false, special_event_people_count: 0, wildflower_bentgrass_time: "", wildflower_bentgrass_condition: "", sky_village_ursa_time: "", sky_village_ursa_condition: "", mountain_view_charles_time: "", mountain_view_charles_condition: "", alamar_calabari_time: "", alamar_calabari_condition: "", oasis_parks_time: "", oasis_parks_condition: "", loma_verde_time: "", loma_verde_condition: "", vail_expedition_time: "", vail_expedition_condition: "", monument_grayjay_time: "", monument_grayjay_condition: "", silver_ridge_common_time: "", silver_ridge_common_condition: "", pedemonte_park_time: "", pedemonte_park_condition: "", pedemonte_people_count: 0, park_visitors_other_parks: 0, other_parks_notes: "", // NEW diamond_park_condition: "", diamond_park_explanation: "", // Community engagement (NEW layout) park_closed_on_time: false, park_closed_time: "", // NEW (time) verbal_interaction: false, park_rules_compliant: null, // NEW (yes/no) sheriff_called: false, sheriff_reference_number: "", // NEW hoa_called: false, hoa_personnel_contacted: "", incident_report_submitted: false, incident_report_reference_number: "", // NEW other_actions_needed: null, // NEW (yes/no) other_actions_description: "", // NEW other_actions_followup_name: "", // NEW after_hour_alarm_response: false, after_hour_alarm_count: 0, // NEW after_hour_alarm_notes_included: false, // NEW after_hour_alarm_notes: "", // NEW // legacy fields kept for backwards compatibility hoa_rules_enforcement: false, hoa_compliance_achieved: false, reference_number: "", team_member_signature: "" }; // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/useShiftReportForm.js function useShiftReportForm(user) { const [editingReportId, setEditingReportId] = (0, import_react12.useState)(null); const [editingFromRejected, setEditingFromRejected] = (0, import_react12.useState)(false); const [formData, setFormData] = (0, import_react12.useState)(() => { const initialDate = typeof window === "undefined" ? "" : isoDateFromLocal(/* @__PURE__ */ new Date()); return { ...INITIAL_FORM_STATE, shift_date: INITIAL_FORM_STATE.shift_date || initialDate, team_member_name: user?.name || "", team_member_signature: user?.name || "" }; }); const [loading, setLoading] = (0, import_react12.useState)(false); const [error, setError] = (0, import_react12.useState)(null); const [success, setSuccess] = (0, import_react12.useState)(null); (0, import_react12.useEffect)(() => { if (typeof window === "undefined") return; if (!formData.shift_date) { setFormData((prev) => ({ ...prev, shift_date: isoDateFromLocal() })); } }, []); (0, import_react12.useEffect)(() => { if (!user) return; setFormData((prev) => { const next = { ...prev }; if (!next.team_member_name) next.team_member_name = user?.name || ""; if (!next.team_member_signature) next.team_member_signature = user?.name || ""; return next; }); }, [user]); const handleInputChange = (field, value) => { setFormData((prev) => ({ ...prev, [field]: value })); }; const resetForm = (0, import_react12.useCallback)(() => { const nextDate = typeof window === "undefined" ? "" : isoDateFromLocal(); setFormData({ ...INITIAL_FORM_STATE, shift_date: INITIAL_FORM_STATE.shift_date || nextDate, team_member_name: user?.name || "", team_member_signature: user?.name || "" }); setEditingReportId(null); setEditingFromRejected(false); }, [user]); const startEditingReport = (0, import_react12.useCallback)( (report) => { if (!report) return; const next = { ...INITIAL_FORM_STATE }; Object.keys(next).forEach((k) => { if (report[k] !== void 0 && report[k] !== null) { if (k === "shift_date") { const raw = report[k]; next[k] = typeof raw === "string" ? raw.slice(0, 10) : raw; } else { next[k] = report[k]; } } }); if (!next.shift_date) { next.shift_date = typeof window === "undefined" ? "" : isoDateFromLocal(); } if (!next.team_member_name) { next.team_member_name = user?.name || report.team_member_name || ""; } if (!next.team_member_signature) { next.team_member_signature = user?.name || report.team_member_signature || ""; } setFormData(next); setEditingReportId(report.id || null); setEditingFromRejected(report.approval_status === "rejected"); setSuccess(null); setError(null); }, [user] ); const handleSubmit = async (e, onSuccess) => { e.preventDefault(); try { setLoading(true); setError(null); setSuccess(null); const response = await fetch("/api/comprehensive-shift-reports", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); if (!response.ok) { throw new Error( `When submitting shift report, the response was [${response.status}] ${response.statusText}` ); } const result = await response.json(); const msg = editingReportId ? editingFromRejected ? "Shift report updated and resubmitted for approval." : "Shift report updated." : "Shift report submitted for approval! You will be notified once it's reviewed by administration."; setSuccess(msg); if (!editingReportId) { resetForm(); } if (result && onSuccess) { onSuccess(); } } catch (error2) { console.error(error2); setError("Could not submit shift report"); } finally { setLoading(false); } }; return { formData, loading, error, success, handleInputChange, handleSubmit, startEditingReport, resetForm, editingReportId, editingFromRejected }; } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/usePastReports.js init_injected_globals(); var import_react13 = __toESM(require_react()); // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/utils.js init_injected_globals(); var getDateRange = (timeFilter) => { const now = /* @__PURE__ */ new Date(); const today = new Date(now.getFullYear(), now.getMonth(), now.getDate()); const todayIso = isoDateFromLocal(today); switch (timeFilter.period) { case "today": return { start: todayIso, end: todayIso }; case "yesterday": const yesterday = new Date(today); yesterday.setDate(yesterday.getDate() - 1); const yesterdayIso = isoDateFromLocal(yesterday); return { start: yesterdayIso, end: yesterdayIso }; case "last7days": const week = new Date(today); week.setDate(week.getDate() - 7); const weekIso = isoDateFromLocal(week); return { start: weekIso, end: todayIso }; case "last30days": const month = new Date(today); month.setDate(month.getDate() - 30); const monthIso = isoDateFromLocal(month); return { start: monthIso, end: todayIso }; case "custom": return { start: timeFilter.startDate, end: timeFilter.endDate }; default: return { start: todayIso, end: todayIso }; } }; var buildReportsUrl = (dateRange) => { let url = "/api/comprehensive-shift-reports?limit=100"; if (dateRange.start) { if (dateRange.start === dateRange.end) { url += `&shift_date=${dateRange.start}`; } else { url += `&start_date=${dateRange.start}&end_date=${dateRange.end}`; } } return url; }; // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/usePastReports.js function usePastReports() { const [pastReports, setPastReports] = (0, import_react13.useState)([]); const [loadingReports, setLoadingReports] = (0, import_react13.useState)(false); const [timeFilter, setTimeFilter] = (0, import_react13.useState)({ period: "last30days", startDate: null, endDate: null }); const loadPastReports = async () => { try { setLoadingReports(true); const dateRange = getDateRange(timeFilter); const url = buildReportsUrl(dateRange); const response = await fetch(url); if (!response.ok) { throw new Error(`Failed to load reports: ${response.statusText}`); } const result = await response.json(); setPastReports(result.data || []); } catch (error) { console.error("Error loading past reports:", error); } finally { setLoadingReports(false); } }; (0, import_react13.useEffect)(() => { loadPastReports(); }, [timeFilter]); return { pastReports, loadingReports, timeFilter, setTimeFilter, loadPastReports }; } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/ShiftReportHeader.jsx init_injected_globals(); var import_react14 = __toESM(require_react()); var import_lucide_react11 = __toESM(require_lucide_react()); function ShiftReportHeader({ userRole }) { return /* @__PURE__ */ import_react14.default.createElement("div", { className: "bg-[#30415D]/35 border-l-4 border-[#8EAEBD]/60 p-6" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex items-center gap-3 mb-2" }, /* @__PURE__ */ import_react14.default.createElement(import_lucide_react11.FileText, { className: "w-8 h-8 text-[#8EAEBD]" }), /* @__PURE__ */ import_react14.default.createElement("div", null, /* @__PURE__ */ import_react14.default.createElement("h2", { className: "text-4xl font-black text-white tracking-wide" }, "SHIFT REPORT"), /* @__PURE__ */ import_react14.default.createElement("p", { className: "text-[#8EAEBD]/80 text-sm" }, "Comprehensive shift reporting -", " ", userRole === "admin" ? "Administrative Access" : "Team Member Access")))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/DateRangeFilter.jsx init_injected_globals(); var import_react15 = __toESM(require_react()); var import_lucide_react12 = __toESM(require_lucide_react()); function DateRangeFilter({ timeFilter, setTimeFilter }) { return /* @__PURE__ */ import_react15.default.createElement("div", { className: "bg-slate-800 border border-slate-700 p-4" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex items-center gap-2 mb-3" }, /* @__PURE__ */ import_react15.default.createElement(import_lucide_react12.Calendar, { className: "w-5 h-5 text-yellow-400" }), /* @__PURE__ */ import_react15.default.createElement("h3", { className: "text-lg font-black text-white tracking-wide" }, "VIEW PAST REPORTS - DATE FILTER")), /* @__PURE__ */ import_react15.default.createElement("div", { className: "grid grid-cols-2 md:grid-cols-6 gap-3" }, /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: () => setTimeFilter({ ...timeFilter, period: "today" }), className: `px-4 py-2 font-mono text-sm border transition-colors ${timeFilter.period === "today" ? "bg-yellow-600 border-yellow-500 text-white" : "bg-slate-700 border-slate-600 text-slate-300 hover:bg-slate-600"}` }, "TODAY" ), /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: () => setTimeFilter({ ...timeFilter, period: "yesterday" }), className: `px-4 py-2 font-mono text-sm border transition-colors ${timeFilter.period === "yesterday" ? "bg-yellow-600 border-yellow-500 text-white" : "bg-slate-700 border-slate-600 text-slate-300 hover:bg-slate-600"}` }, "YESTERDAY" ), /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: () => setTimeFilter({ ...timeFilter, period: "last7days" }), className: `px-4 py-2 font-mono text-sm border transition-colors ${timeFilter.period === "last7days" ? "bg-yellow-600 border-yellow-500 text-white" : "bg-slate-700 border-slate-600 text-slate-300 hover:bg-slate-600"}` }, "LAST 7 DAYS" ), /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: () => setTimeFilter({ ...timeFilter, period: "last30days" }), className: `px-4 py-2 font-mono text-sm border transition-colors ${timeFilter.period === "last30days" ? "bg-yellow-600 border-yellow-500 text-white" : "bg-slate-700 border-slate-600 text-slate-300 hover:bg-slate-600"}` }, "LAST 30 DAYS" ), /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: () => setTimeFilter({ ...timeFilter, period: "custom" }), className: `px-4 py-2 font-mono text-sm border transition-colors ${timeFilter.period === "custom" ? "bg-yellow-600 border-yellow-500 text-white" : "bg-slate-700 border-slate-600 text-slate-300 hover:bg-slate-600"}` }, "CUSTOM" )), timeFilter.period === "custom" && /* @__PURE__ */ import_react15.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3 mt-3" }, /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, "START DATE"), /* @__PURE__ */ import_react15.default.createElement( "input", { type: "date", value: timeFilter.startDate || "", onChange: (e) => setTimeFilter({ ...timeFilter, startDate: e.target.value }), className: "w-full px-3 py-2 bg-slate-700 border border-slate-600 text-white font-mono focus:outline-none focus:border-yellow-500" } )), /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, "END DATE"), /* @__PURE__ */ import_react15.default.createElement( "input", { type: "date", value: timeFilter.endDate || "", onChange: (e) => setTimeFilter({ ...timeFilter, endDate: e.target.value }), className: "w-full px-3 py-2 bg-slate-700 border border-slate-600 text-white font-mono focus:outline-none focus:border-yellow-500" } )))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/PastReportsList.jsx init_injected_globals(); var import_react16 = __toESM(require_react()); var import_lucide_react13 = __toESM(require_lucide_react()); function PastReportsList({ pastReports, loadingReports, onSelect, selectedReportId }) { return /* @__PURE__ */ import_react16.default.createElement("div", { className: "bg-slate-800 border border-slate-700 p-6 print:bg-white print:text-black print:border-gray-200" }, /* @__PURE__ */ import_react16.default.createElement("h3", { className: "text-xl font-black text-white mb-4 tracking-wide flex items-center gap-2 print:text-black" }, /* @__PURE__ */ import_react16.default.createElement(import_lucide_react13.Eye, { className: "w-5 h-5 text-yellow-400 print:text-yellow-700" }), "PAST SHIFT REPORTS (", pastReports.length, ")"), loadingReports ? /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-center py-8" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-slate-400 font-mono print:text-gray-600" }, "LOADING SHIFT REPORTS...")) : pastReports.length > 0 ? /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-3" }, pastReports.map((report) => { const isSelected = selectedReportId === report.id; const name = report.team_member_name || report.user_name || "Unknown"; const label = formatPersonLabel({ code: report.user_code, name }); return /* @__PURE__ */ import_react16.default.createElement( "div", { key: report.id, className: `bg-slate-700 border p-4 transition-colors ${isSelected ? "border-yellow-500 bg-slate-600" : "border-slate-600 hover:bg-slate-650"} print:bg-white print:text-black print:border-gray-300` }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-start justify-between mb-3" }, /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-white font-bold print:text-black" }, label), /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-slate-400 text-sm print:text-gray-700" }, report.shift_time, " \u2022 ", formatDateOnly(report.shift_date))), /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react16.default.createElement( "span", { className: `text-xs font-bold font-mono px-2 py-1 border ${report.approval_status === "approved" ? "text-green-400 border-green-600 bg-green-900/30" : report.approval_status === "rejected" ? "text-red-400 border-red-600 bg-red-900/30" : "text-orange-400 border-orange-600 bg-orange-900/30"} print:text-black print:bg-yellow-100 print:border-yellow-300` }, (report.approval_status || "pending").toUpperCase() ), /* @__PURE__ */ import_react16.default.createElement( "button", { onClick: () => onSelect && onSelect(report), className: `px-3 py-1 text-xs font-semibold rounded border transition-colors ${isSelected ? "bg-yellow-500 border-yellow-400 text-slate-900" : "bg-slate-800 border-slate-600 text-slate-200 hover:bg-slate-700"} print:bg-white print:text-black print:border-gray-300`, "aria-label": "View report" }, isSelected ? "VIEWING" : "VIEW" ))), /* @__PURE__ */ import_react16.default.createElement("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-3 text-sm" }, /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-xs text-slate-500 print:text-gray-600" }, "ENGAGEMENT:"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-slate-300 print:text-black" }, report.engagement_level || "N/A")), /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-xs text-slate-500 print:text-gray-600" }, "SILVER RIDGE:"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-slate-300 print:text-black" }, report.silver_ridge_parking_enforcement ? "\u2713 Yes" : "\u2717 No")), /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-xs text-slate-500 print:text-gray-600" }, "PARK CLOSED:"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-slate-300 print:text-black" }, report.park_closed_on_time ? "\u2713 Yes" : "\u2717 No")), /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-xs text-slate-500 print:text-gray-600" }, "CITATIONS LEFT:"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-slate-300 print:text-black" }, report.citations_left || 0))) ); })) : /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-center py-8 text-slate-500 font-mono print:text-gray-700" }, "NO SHIFT REPORTS FOUND")); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer.jsx init_injected_globals(); var import_react19 = __toESM(require_react()); // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer/ReportHeader.jsx init_injected_globals(); var import_react17 = __toESM(require_react()); var import_lucide_react14 = __toESM(require_lucide_react()); function ReportHeader({ report, onPrint, onDownloadCsv, onDownloadDoc }) { return /* @__PURE__ */ import_react17.default.createElement("div", { className: "p-6 border-b border-slate-700 flex items-center justify-between w-full print:border-gray-200" }, /* @__PURE__ */ import_react17.default.createElement("div", null, /* @__PURE__ */ import_react17.default.createElement("div", { className: "text-2xl font-black text-white tracking-wide flex items-center gap-2 print:text-black" }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react14.FileText, { className: "w-6 h-6 text-yellow-400 print:text-yellow-700" }), "SHIFT REPORT"), /* @__PURE__ */ import_react17.default.createElement("div", { className: "text-slate-400 text-sm mt-1 print:text-gray-700" }, formatDateOnly(report.shift_date), " \u2022 ", report.shift_time)), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react17.default.createElement( "button", { type: "button", onClick: () => onPrint?.(), className: "px-3 py-2 bg-slate-700 hover:bg-slate-600 text-white rounded border border-slate-600 flex items-center gap-2 print:bg-white print:text-black print:border-gray-300" }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react14.Printer, { className: "w-4 h-4" }), " Print" ), /* @__PURE__ */ import_react17.default.createElement( "button", { type: "button", onClick: () => onDownloadCsv?.(), className: "px-3 py-2 bg-slate-700 hover:bg-slate-600 text-white rounded border border-slate-600 flex items-center gap-2 print:bg-white print:text-black print:border-gray-300" }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react14.Download, { className: "w-4 h-4" }), " CSV" ), /* @__PURE__ */ import_react17.default.createElement( "button", { type: "button", onClick: () => onDownloadDoc?.(), className: "px-3 py-2 bg-slate-700 hover:bg-slate-600 text-white rounded border border-slate-600 flex items-center gap-2 print:bg-white print:text-black print:border-gray-300", title: "Downloads a Word-readable file (.doc). You can also Print and choose Save as PDF." }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react14.Download, { className: "w-4 h-4" }), " DOC" ))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer/ApprovalStatus.jsx init_injected_globals(); var import_react18 = __toESM(require_react()); function ApprovalStatus({ report }) { return /* @__PURE__ */ import_react18.default.createElement("div", { className: "text-sm text-slate-400 print:text-gray-700" }, "Status: ", (report.approval_status || "pending").toUpperCase(), report.approved_by && report.approved_at ? ` \u2022 Approved by ${report.approved_by} on ${new Date(report.approved_at).toLocaleString()}` : ""); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer/buildPrintableHtml.js init_injected_globals(); // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer/constants.js init_injected_globals(); var areaRows = [ { label: "Wildflower BENTGRASS Park", prefix: "wildflower_bentgrass" }, { label: "Sky Village URSA MAJOR/BOREALIS Park(s)", prefix: "sky_village_ursa" }, { label: "Mountain View CHARLES YOUNG Park", prefix: "mountain_view_charles" }, { label: "Alamar CALABARI MINE Park", prefix: "alamar_calabari" }, { label: "Oasis Park(s)", prefix: "oasis_parks" }, { label: "Loma Verde Park(s)", prefix: "loma_verde" }, { label: "Vail Parke EXPEDITION Park", prefix: "vail_expedition" }, { label: "Monument View Way GRAYJAY Park", prefix: "monument_grayjay" }, { label: "Silver Ridge COMMON AREAS", prefix: "silver_ridge_common" }, { label: "Pedemonte Park", prefix: "pedemonte_park" } ]; var ROCKING_K_MEDALLION_URL = "https://raw.createusercontent.com/2e61cfed-14c0-45ac-9944-dedbc4ca01c7/"; // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer/utils.js init_injected_globals(); function boolText(v) { return v ? "Yes" : "No"; } function safeNum(v) { const n = parseInt(v, 10); return Number.isFinite(n) ? n : 0; } function escapeForCsv(val) { if (val === null || val === void 0) return ""; const s = String(val).replace(/"/g, '""'); return /[",\n]/.test(s) ? `"${s}"` : s; } function parsePhoenixAssumed(value) { if (!value) return null; if (value instanceof Date) return value; const str = String(value); if (/(Z|[+-]\d\d:\d\d)$/.test(str)) { const d = new Date(str); return Number.isNaN(d.getTime()) ? null : d; } const m = str.match( /^(\d{4})-(\d{2})-(\d{2})(?:[ T](\d{2}):(\d{2})(?::(\d{2})(?:\.\d{1,6})?)?)?/ ); if (!m) { const d = new Date(str); return Number.isNaN(d.getTime()) ? null : d; } const y = Number(m[1]); const mo = Number(m[2]); const da = Number(m[3]); const hh = Number(m[4] || 0); const mi = Number(m[5] || 0); const ss = Number(m[6] || 0); if (!Number.isFinite(y) || !Number.isFinite(mo) || !Number.isFinite(da) || !Number.isFinite(hh) || !Number.isFinite(mi) || !Number.isFinite(ss)) { return null; } return new Date(Date.UTC(y, mo - 1, da, hh + 7, mi, ss)); } function formatPhoenixDateTime(value) { if (!value) return ""; try { const d = parsePhoenixAssumed(value); if (!d) return String(value); return d.toLocaleString("en-US", { timeZone: "America/Phoenix" }); } catch { return String(value); } } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer/buildPrintableHtml.js var PREVENT_LOGO_URL = "https://ucarecdn.com/5018039a-7e4f-4fab-b926-17b50e1f66ef/-/format/auto/"; function escapeHtml(str) { return String(str || "").replaceAll("&", "&").replaceAll("<", "<").replaceAll(">", ">").replaceAll('"', """).replaceAll("'", "'"); } function buildPrintableHtml(report) { const dateStr = formatDateOnly(report.shift_date); const teamMemberText = report.user_code ? `[${report.user_code}] ${report.team_member_name || ""}`.trim() : report.team_member_name || "\u2014"; const parkRowsHtml = areaRows.map((a) => { const t = report[`${a.prefix}_time`] || "\u2014"; const c = report[`${a.prefix}_condition`] || "\u2014"; return ` ${escapeHtml(a.label)} ${escapeHtml(t)} ${escapeHtml(c)} `; }).join(""); const showNonCompliance = report.park_rules_compliant === false; const showOtherActionDetails = report.other_actions_needed === true && String(report.other_actions_description || "").trim().length > 0; const showAfterHoursNotes = report.after_hour_alarm_response === true && report.after_hour_alarm_notes_included === true && String(report.after_hour_alarm_notes || "").trim().length > 0; const otherParksNotes = String(report.other_parks_notes || "").trim(); const diamondExplanation = String( report.diamond_park_explanation || "" ).trim(); const closeTimeText = report.park_closed_time || "\u2014"; return ` Shift Report ${escapeHtml(dateStr)}

BASIC INFORMATION

Team Member

${escapeHtml(teamMemberText)}

Shift Time

${escapeHtml(report.shift_time || "\u2014")}

Date

${escapeHtml(dateStr)}

1. COMMUNITY ENGAGEMENT

Park cleared and closed on time

${escapeHtml(boolText(report.park_closed_on_time))}

Close time

${escapeHtml(closeTimeText)}

Verbal interactions with individuals

${escapeHtml(boolText(report.verbal_interaction))}

Was everyone compliant with park rules?

${escapeHtml(boolText(report.park_rules_compliant))}

${showNonCompliance ? `

Compliance / Escalation (only when not compliant)

Was 911 called?

${escapeHtml(boolText(report.sheriff_called))}

Was the HOA called?

${escapeHtml(boolText(report.hoa_called))}

911 reference number

${escapeHtml(report.sheriff_reference_number || "\u2014")}

HOA contact name

${escapeHtml(report.hoa_personnel_contacted || "\u2014")}

Was an incident report filed?

${escapeHtml(boolText(report.incident_report_submitted))}

Incident report reference number

${escapeHtml(report.incident_report_reference_number || "\u2014")}

Any other actions that should be taken?

${escapeHtml(boolText(report.other_actions_needed))}

Follow-up person

${escapeHtml(report.other_actions_followup_name || "\u2014")}

${showOtherActionDetails ? `

Action details

${escapeHtml(report.other_actions_description)}

` : ``} ` : ``}

After Hour Alarms

After hour alarm response

${escapeHtml(boolText(report.after_hour_alarm_response))}

Alarm count

${escapeHtml(String(safeNum(report.after_hour_alarm_count)))}

Description listed below

${escapeHtml(boolText(report.after_hour_alarm_notes_included))}

${showAfterHoursNotes ? `

Alarm response notes

${escapeHtml(report.after_hour_alarm_notes)}

` : ``}

2. PARK VISITS (EXCLUDING DCP) AND CONDITIONS

${parkRowsHtml}

Area	Times	Condition

Grand total people count (all other parks)

${escapeHtml(String(safeNum(report.park_visitors_other_parks)))}

Brief entry

${escapeHtml(otherParksNotes || "\u2014")}

3. DIAMOND COMMUNITY PARK CAMPUS EVALUATION (DCPC)

Special event

${escapeHtml(boolText(report.special_event))}

Special event estimated attendance

${escapeHtml(String(safeNum(report.special_event_people_count)))}

DCP condition

${escapeHtml(report.diamond_park_condition || "\u2014")}

Max people (Hours 1\u20133)

${escapeHtml(String(safeNum(report.max_people_hours_1_3)))}

Max people (Hours 4\u20136)

${escapeHtml(String(safeNum(report.max_people_hours_4_6)))}

Max people (Hours 7\u20138)

${escapeHtml(String(safeNum(report.max_people_hours_7_8)))}

Explanation

${escapeHtml(diamondExplanation || "\u2014")}

Digital signature

${escapeHtml(report.team_member_signature || "\u2014")}

Printed on ${escapeHtml(formatPhoenixDateTime(/* @__PURE__ */ new Date()))}

`; } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer/downloadHandlers.js init_injected_globals(); function isLikelyIos() { if (typeof navigator === "undefined") return false; const ua = navigator.userAgent || ""; return /iPad|iPhone|iPod/i.test(ua); } function triggerBrowserDownload({ blob, fileName, mimeType }) { const url = URL.createObjectURL( blob instanceof Blob ? blob : new Blob([blob], { type: mimeType }) ); if (isLikelyIos()) { const win = window.open(url, "_blank"); if (!win) { alert( "Download was blocked by your browser. Please allow pop-ups for this site and try again." ); } setTimeout(() => URL.revokeObjectURL(url), 1e4); return; } const a = document.createElement("a"); a.href = url; a.download = fileName; document.body.appendChild(a); a.click(); a.remove(); URL.revokeObjectURL(url); } function handleDownloadCsv({ report }) { try { const esc = escapeForCsv; const lines = []; lines.push(["section", "key", "value"].join(",")); const teamMemberText = report.user_code ? `[${report.user_code}] ${report.team_member_name || ""}`.trim() : report.team_member_name || ""; const pairs = [ ["basic", "team_member", teamMemberText], ["basic", "shift_time", report.shift_time || ""], ["basic", "shift_date", report.shift_date || ""], [ "community_engagement", "park_closed_on_time", boolText(report.park_closed_on_time) ], [ "community_engagement", "park_closed_time", report.park_closed_time || "" ], [ "community_engagement", "verbal_interaction", boolText(report.verbal_interaction) ], [ "community_engagement", "park_rules_compliant", boolText(report.park_rules_compliant) ], [ "after_hour_alarms", "after_hour_alarm_response", boolText(report.after_hour_alarm_response) ], [ "after_hour_alarms", "after_hour_alarm_count", String(safeNum(report.after_hour_alarm_count)) ], [ "after_hour_alarms", "after_hour_alarm_notes_included", boolText(report.after_hour_alarm_notes_included) ], [ "after_hour_alarms", "after_hour_alarm_notes", report.after_hour_alarm_notes || "" ], [ "parks_excluding_dcp", "grand_total_people_count", String(safeNum(report.park_visitors_other_parks)) ], ["parks_excluding_dcp", "brief_entry", report.other_parks_notes || ""], ["dcp", "special_event", boolText(report.special_event)], [ "dcp", "special_event_people_count", String(safeNum(report.special_event_people_count)) ], [ "dcp", "max_people_hours_1_3", String(safeNum(report.max_people_hours_1_3)) ], [ "dcp", "max_people_hours_4_6", String(safeNum(report.max_people_hours_4_6)) ], [ "dcp", "max_people_hours_7_8", String(safeNum(report.max_people_hours_7_8)) ], ["dcp", "diamond_park_condition", report.diamond_park_condition || ""], [ "dcp", "diamond_park_explanation", report.diamond_park_explanation || "" ], ["dcp", "team_member_signature", report.team_member_signature || ""] ]; if (report.park_rules_compliant === false) { pairs.push( [ "compliance_escalation", "sheriff_called", boolText(report.sheriff_called) ], [ "compliance_escalation", "sheriff_reference_number", report.sheriff_reference_number || "" ], ["compliance_escalation", "hoa_called", boolText(report.hoa_called)], [ "compliance_escalation", "hoa_personnel_contacted", report.hoa_personnel_contacted || "" ], [ "compliance_escalation", "incident_report_submitted", boolText(report.incident_report_submitted) ], [ "compliance_escalation", "incident_report_reference_number", report.incident_report_reference_number || "" ], [ "compliance_escalation", "other_actions_needed", boolText(report.other_actions_needed) ], [ "compliance_escalation", "other_actions_description", report.other_actions_description || "" ], [ "compliance_escalation", "other_actions_followup_name", report.other_actions_followup_name || "" ] ); } for (const [section, key, value] of pairs) { lines.push([esc(section), esc(key), esc(value)].join(",")); } lines.push(""); lines.push(["park", "time", "condition"].join(",")); for (const park of areaRows) { lines.push( [ esc(park.label), esc(report[`${park.prefix}_time`] || ""), esc(report[`${park.prefix}_condition`] || "") ].join(",") ); } const csv = lines.join("\n"); const datePart = report.shift_date || (/* @__PURE__ */ new Date()).toISOString().slice(0, 10); const fileName = `shift-report-${datePart}-${(report.shift_time || "").replace(/\s+/g, "-")}.csv`; triggerBrowserDownload({ blob: new Blob([csv], { type: "text/csv;charset=utf-8" }), fileName, mimeType: "text/csv;charset=utf-8" }); } catch (e) { console.error("Download CSV failed", e); alert("Could not download CSV"); } } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer.jsx function isLikelyIos2() { if (typeof navigator === "undefined") return false; const ua = navigator.userAgent || ""; return /iPad|iPhone|iPod/i.test(ua); } function triggerBrowserDownload2({ blob, fileName, mimeType }) { const url = URL.createObjectURL( blob instanceof Blob ? blob : new Blob([blob], { type: mimeType }) ); if (isLikelyIos2()) { const win = window.open(url, "_blank"); if (!win) { alert( "Download was blocked by your browser. Please allow pop-ups for this site and try again." ); } setTimeout(() => URL.revokeObjectURL(url), 1e4); return; } const a = document.createElement("a"); a.href = url; a.download = fileName; document.body.appendChild(a); a.click(); a.remove(); URL.revokeObjectURL(url); } function boolText2(v) { if (v === true) return "Yes"; if (v === false) return "No"; return "\u2014"; } function Field({ label, value }) { return /* @__PURE__ */ import_react19.default.createElement("div", { className: "rounded border border-slate-200 bg-white p-3" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-xs text-slate-600 tracking-wide" }, label), /* @__PURE__ */ import_react19.default.createElement("div", { className: "mt-1 text-slate-900 font-semibold" }, value)); } function SectionCard({ title, children }) { return /* @__PURE__ */ import_react19.default.createElement("div", { className: "bg-white border border-slate-200 rounded p-6" }, /* @__PURE__ */ import_react19.default.createElement("h3", { className: "text-2xl font-extrabold text-[#0B2A4A] mb-4 tracking-wide" }, title), children); } function SelectedReportViewer({ report }) { const printableHtml = (0, import_react19.useMemo)(() => { if (!report) return ""; return buildPrintableHtml(report); }, [report]); if (!report) { return /* @__PURE__ */ import_react19.default.createElement("div", { className: "bg-white border border-slate-200 p-6 text-slate-600 print:bg-white print:text-black print:border-gray-200" }, "Select a report above to view details here."); } const handlePrint = () => { try { if (typeof window === "undefined") return; const html = printableHtml || ""; if (!html) { alert("The printable report is still loading. Try again in a moment."); return; } const win = window.open("", "_blank"); if (!win) { alert( "Print preview was blocked by your browser. Please allow pop-ups for this site and try again." ); return; } win.document.open(); win.document.write(html); win.document.close(); const tryPrint = () => { try { win.focus(); win.print(); } catch (e) { console.error("Print failed", e); alert( "Could not open print preview. Please allow pop-ups for this site." ); } }; win.onload = () => { setTimeout(tryPrint, 150); }; setTimeout(tryPrint, 400); } catch (e) { console.error("Print failed", e); alert( "Could not open print preview. Please allow pop-ups for this site." ); } }; const onDownloadCsv = () => handleDownloadCsv({ report }); const onDownloadDoc = () => { try { const html = printableHtml || ""; if (!html) { alert("The printable report is still loading. Try again in a moment."); return; } const datePart = (report.shift_date || "").slice(0, 10) || "report"; const shiftPart = (report.shift_time || "").replace(/\s+/g, "-"); const fileName = `shift-report-${datePart}-${shiftPart || "shift"}.doc`; triggerBrowserDownload2({ blob: new Blob([html], { type: "application/msword" }), fileName, mimeType: "application/msword" }); } catch (e) { console.error("Download DOC failed", e); alert("Could not download the report"); } }; const showNonCompliance = report.park_rules_compliant === false; const showAfterHoursNotes = report.after_hour_alarm_response === true && report.after_hour_alarm_notes_included === true; const closeTimeText = report.park_closed_time || "\u2014"; const teamMemberText = report.user_code ? `[${report.user_code}] ${report.team_member_name || ""}`.trim() : report.team_member_name || "\u2014"; const dateText = report.shift_date ? new Date(report.shift_date).toLocaleDateString() : "\u2014"; const parkRows = areaRows.map((park) => { const times = report[`${park.prefix}_time`] || "\u2014"; const condition = report[`${park.prefix}_condition`] || "\u2014"; return /* @__PURE__ */ import_react19.default.createElement("tr", { key: park.prefix, className: "border-t border-slate-200" }, /* @__PURE__ */ import_react19.default.createElement("td", { className: "px-3 py-2 text-sm text-slate-900" }, park.label), /* @__PURE__ */ import_react19.default.createElement("td", { className: "px-3 py-2 text-sm text-slate-800 font-mono" }, times), /* @__PURE__ */ import_react19.default.createElement("td", { className: "px-3 py-2 text-sm text-slate-800 font-mono" }, condition)); }); return /* @__PURE__ */ import_react19.default.createElement("div", { className: "bg-white border border-slate-200 rounded-lg overflow-hidden print:bg-white print:text-black print:border-gray-200" }, /* @__PURE__ */ import_react19.default.createElement( ReportHeader, { report, onPrint: handlePrint, onDownloadCsv, onDownloadDoc } ), /* @__PURE__ */ import_react19.default.createElement("div", { className: "p-6 space-y-8 text-slate-900" }, /* @__PURE__ */ import_react19.default.createElement(SectionCard, { title: "BASIC INFORMATION" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4" }, /* @__PURE__ */ import_react19.default.createElement(Field, { label: "Team Member", value: teamMemberText }), /* @__PURE__ */ import_react19.default.createElement(Field, { label: "Shift Time", value: report.shift_time || "\u2014" }), /* @__PURE__ */ import_react19.default.createElement(Field, { label: "Date", value: dateText }))), /* @__PURE__ */ import_react19.default.createElement(SectionCard, { title: "1. COMMUNITY ENGAGEMENT" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ import_react19.default.createElement( Field, { label: "Park cleared and closed on time", value: boolText2(report.park_closed_on_time) } ), /* @__PURE__ */ import_react19.default.createElement(Field, { label: "Close time", value: closeTimeText }), /* @__PURE__ */ import_react19.default.createElement( Field, { label: "Verbal interactions with individuals", value: boolText2(report.verbal_interaction) } ), /* @__PURE__ */ import_react19.default.createElement( Field, { label: "Was everyone compliant with park rules?", value: boolText2(report.park_rules_compliant) } )), showNonCompliance ? /* @__PURE__ */ import_react19.default.createElement("div", { className: "rounded border border-slate-200 bg-slate-50 p-4" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "font-bold text-[#0B2A4A] mb-3" }, "Compliance / Escalation (only when not compliant)"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ import_react19.default.createElement( Field, { label: "Was 911 called?", value: boolText2(report.sheriff_called) } ), /* @__PURE__ */ import_react19.default.createElement( Field, { label: "Was the HOA called?", value: boolText2(report.hoa_called) } ), /* @__PURE__ */ import_react19.default.createElement( Field, { label: "911 reference number", value: report.sheriff_reference_number || "\u2014" } ), /* @__PURE__ */ import_react19.default.createElement( Field, { label: "HOA contact name", value: report.hoa_personnel_contacted || "\u2014" } ), /* @__PURE__ */ import_react19.default.createElement( Field, { label: "Was an incident report filed?", value: boolText2(report.incident_report_submitted) } ), /* @__PURE__ */ import_react19.default.createElement( Field, { label: "Incident report reference number", value: report.incident_report_reference_number || "\u2014" } ), /* @__PURE__ */ import_react19.default.createElement( Field, { label: "Any other actions that should be taken?", value: boolText2(report.other_actions_needed) } ), /* @__PURE__ */ import_react19.default.createElement( Field, { label: "Follow-up person", value: report.other_actions_followup_name || "\u2014" } )), report.other_actions_needed === true && report.other_actions_description ? /* @__PURE__ */ import_react19.default.createElement("div", { className: "mt-4 rounded border border-slate-200 bg-white p-3" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-xs text-slate-600 tracking-wide" }, "Action details"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "mt-1 whitespace-pre-wrap text-slate-900" }, report.other_actions_description)) : null) : null, /* @__PURE__ */ import_react19.default.createElement("div", { className: "rounded border border-slate-200 p-4" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "font-bold text-[#0B2A4A] mb-3" }, "After Hour Alarms"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4" }, /* @__PURE__ */ import_react19.default.createElement( Field, { label: "After hour alarm response", value: boolText2(report.after_hour_alarm_response) } ), /* @__PURE__ */ import_react19.default.createElement( Field, { label: "Alarm count", value: String(report.after_hour_alarm_count || 0) } ), /* @__PURE__ */ import_react19.default.createElement( Field, { label: "Description listed below", value: boolText2(report.after_hour_alarm_notes_included) } )), showAfterHoursNotes && report.after_hour_alarm_notes ? /* @__PURE__ */ import_react19.default.createElement("div", { className: "mt-4 rounded border border-slate-200 bg-white p-3" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-xs text-slate-600 tracking-wide" }, "Alarm response notes"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "mt-1 whitespace-pre-wrap text-slate-900" }, report.after_hour_alarm_notes)) : null))), /* @__PURE__ */ import_react19.default.createElement(SectionCard, { title: "2. PARK VISITS (EXCLUDING DCP) AND CONDITIONS" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ import_react19.default.createElement("table", { className: "min-w-full border border-slate-200" }, /* @__PURE__ */ import_react19.default.createElement("thead", null, /* @__PURE__ */ import_react19.default.createElement("tr", { className: "bg-slate-50" }, /* @__PURE__ */ import_react19.default.createElement("th", { className: "text-left text-xs text-slate-700 px-3 py-2 border-b border-slate-200" }, "Area"), /* @__PURE__ */ import_react19.default.createElement("th", { className: "text-left text-xs text-slate-700 px-3 py-2 border-b border-slate-200" }, "Times"), /* @__PURE__ */ import_react19.default.createElement("th", { className: "text-left text-xs text-slate-700 px-3 py-2 border-b border-slate-200" }, "Condition"))), /* @__PURE__ */ import_react19.default.createElement("tbody", null, parkRows))), /* @__PURE__ */ import_react19.default.createElement("div", { className: "mt-6 grid grid-cols-1 md:grid-cols-3 gap-4" }, /* @__PURE__ */ import_react19.default.createElement( Field, { label: "Grand total people count (all other parks)", value: String(report.park_visitors_other_parks || 0) } ), /* @__PURE__ */ import_react19.default.createElement("div", { className: "md:col-span-2 rounded border border-slate-200 bg-white p-3" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-xs text-slate-600 tracking-wide" }, "Brief entry"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "mt-1 whitespace-pre-wrap text-slate-900" }, report.other_parks_notes || "\u2014")))), /* @__PURE__ */ import_react19.default.createElement(SectionCard, { title: "3. DIAMOND COMMUNITY PARK CAMPUS EVALUATION (DCPC)" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4" }, /* @__PURE__ */ import_react19.default.createElement( Field, { label: "Special event", value: boolText2(report.special_event) } ), /* @__PURE__ */ import_react19.default.createElement( Field, { label: "Special event estimated attendance", value: String(report.special_event_people_count || 0) } ), /* @__PURE__ */ import_react19.default.createElement( Field, { label: "DCP condition", value: report.diamond_park_condition || "\u2014" } )), /* @__PURE__ */ import_react19.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4" }, /* @__PURE__ */ import_react19.default.createElement( Field, { label: "Max people (Hours 1\u20133)", value: String(report.max_people_hours_1_3 || 0) } ), /* @__PURE__ */ import_react19.default.createElement( Field, { label: "Max people (Hours 4\u20136)", value: String(report.max_people_hours_4_6 || 0) } ), /* @__PURE__ */ import_react19.default.createElement( Field, { label: "Max people (Hours 7\u20138)", value: String(report.max_people_hours_7_8 || 0) } )), /* @__PURE__ */ import_react19.default.createElement("div", { className: "rounded border border-slate-200 bg-white p-3" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-xs text-slate-600 tracking-wide" }, "Explanation"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "mt-1 whitespace-pre-wrap text-slate-900" }, report.diamond_park_explanation || "\u2014")), /* @__PURE__ */ import_react19.default.createElement( Field, { label: "Digital signature", value: report.team_member_signature || "\u2014" } ))), /* @__PURE__ */ import_react19.default.createElement(ApprovalStatus, { report }))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/AlertMessages.jsx init_injected_globals(); var import_react20 = __toESM(require_react()); var import_lucide_react15 = __toESM(require_lucide_react()); function AlertMessages({ error, success }) { if (!error && !success) return null; return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, error && /* @__PURE__ */ import_react20.default.createElement("div", { className: "bg-[#CF6766]/10 border border-[#CF6766]/40 text-slate-100 px-4 py-3 rounded-xl font-mono" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react20.default.createElement(import_lucide_react15.AlertTriangle, { size: 20 }), /* @__PURE__ */ import_react20.default.createElement("span", { className: "font-bold" }, "ERROR:"), " ", error)), success && /* @__PURE__ */ import_react20.default.createElement("div", { className: "bg-[#8EAEBD]/10 border border-[#8EAEBD]/35 text-slate-100 px-4 py-3 rounded-xl font-mono" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react20.default.createElement(import_lucide_react15.CheckCircle, { size: 20 }), /* @__PURE__ */ import_react20.default.createElement("span", { className: "font-bold" }, "SUCCESS:"), " ", success))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/BasicInformationSection.jsx init_injected_globals(); var import_react21 = __toESM(require_react()); function BasicInformationSection({ formData, handleInputChange, userCode }) { const codeText = userCode ? `[${userCode}]` : null; const sectionTitleClass = "text-2xl font-extrabold text-white mb-4 tracking-wide"; const labelClass = "block text-xs text-[#8EAEBD]/80 mb-2 tracking-wide"; const inputClass = "w-full bg-[#031424]/45 border border-[#8EAEBD]/25 px-3 py-2 text-slate-50 placeholder:text-[#8EAEBD]/55 focus:outline-none focus:border-[#8EAEBD] rounded [color-scheme:dark]"; const selectClass = "w-full bg-white/90 border border-[#8EAEBD]/25 px-3 py-2 text-[#031424] focus:outline-none focus:ring-2 focus:ring-[#8EAEBD] rounded"; return /* @__PURE__ */ import_react21.default.createElement("div", { className: "bg-[#30415D]/30 border border-[#8EAEBD]/25 rounded-xl p-6" }, /* @__PURE__ */ import_react21.default.createElement("h3", { className: sectionTitleClass }, "BASIC INFORMATION"), /* @__PURE__ */ import_react21.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4" }, /* @__PURE__ */ import_react21.default.createElement("div", null, /* @__PURE__ */ import_react21.default.createElement("label", { className: labelClass }, "Team member on shift *"), /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex items-stretch" }, codeText ? /* @__PURE__ */ import_react21.default.createElement("div", { className: "shrink-0 inline-flex items-center px-3 bg-[#031424]/35 border border-[#8EAEBD]/25 text-[#8EAEBD] font-mono text-sm rounded-l" }, codeText) : null, /* @__PURE__ */ import_react21.default.createElement( "input", { type: "text", value: formData.team_member_name, onChange: (e) => handleInputChange("team_member_name", e.target.value), className: `${inputClass} ${codeText ? "rounded-l-none border-l-0" : ""}`, required: true } ))), /* @__PURE__ */ import_react21.default.createElement("div", null, /* @__PURE__ */ import_react21.default.createElement("label", { className: labelClass }, "Shift time *"), /* @__PURE__ */ import_react21.default.createElement( "select", { value: formData.shift_time || "", onChange: (e) => handleInputChange("shift_time", e.target.value), className: selectClass, required: true }, /* @__PURE__ */ import_react21.default.createElement("option", { value: "", disabled: true }, "Select shift time"), /* @__PURE__ */ import_react21.default.createElement("option", { value: "Day Shift" }, "Day Shift"), /* @__PURE__ */ import_react21.default.createElement("option", { value: "Night Shift" }, "Night Shift"), /* @__PURE__ */ import_react21.default.createElement("option", { value: "Unassigned Shift" }, "Unassigned Shift"), /* @__PURE__ */ import_react21.default.createElement("option", { value: "Special Assignment" }, "Special Assignment") )), /* @__PURE__ */ import_react21.default.createElement("div", null, /* @__PURE__ */ import_react21.default.createElement("label", { className: labelClass }, "Date *"), /* @__PURE__ */ import_react21.default.createElement( "input", { type: "date", value: formData.shift_date, onChange: (e) => handleInputChange("shift_date", e.target.value), className: inputClass, required: true } ))), /* @__PURE__ */ import_react21.default.createElement("div", { className: "mt-4 grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ import_react21.default.createElement("div", null, /* @__PURE__ */ import_react21.default.createElement("label", { className: labelClass }, "Shift start time *"), /* @__PURE__ */ import_react21.default.createElement( "input", { type: "time", value: formData.shift_start_time || "", onChange: (e) => handleInputChange("shift_start_time", e.target.value), className: inputClass, required: true } )), /* @__PURE__ */ import_react21.default.createElement("div", null, /* @__PURE__ */ import_react21.default.createElement("label", { className: labelClass }, "Shift end time *"), /* @__PURE__ */ import_react21.default.createElement( "input", { type: "time", value: formData.shift_end_time || "", onChange: (e) => handleInputChange("shift_end_time", e.target.value), className: inputClass, required: true } ))), /* @__PURE__ */ import_react21.default.createElement("div", { className: "mt-3 text-xs text-[#8EAEBD]/75" }, "These times are used in the Comprehensive Shift Report to show total team coverage for the day.")); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/ParkAuditsSection.jsx init_injected_globals(); var import_react22 = __toESM(require_react()); function getChecks(formData) { const raw = formData?.park_patrol_checks; if (raw && typeof raw === "object") return raw; return {}; } function ParkAuditsSection({ formData, handleInputChange }) { const checks = (0, import_react22.useMemo)(() => getChecks(formData), [formData]); const setCheck = (parkPrefix, slotKey, nextValue) => { const current = getChecks(formData); const parkRow = current?.[parkPrefix] || { beginning: false, mid: false, completion: false }; const next = { ...current, [parkPrefix]: { ...parkRow, [slotKey]: !!nextValue } }; handleInputChange("park_patrol_checks", next); }; const panelClass = "bg-[#30415D]/30 border border-[#8EAEBD]/25 rounded-xl p-6"; const titleClass = "text-2xl font-extrabold text-white mb-2 tracking-wide"; const subTextClass = "text-[#8EAEBD]/80 text-sm mb-4"; const tableClass = "min-w-full border border-[#8EAEBD]/25"; const headRowClass = "bg-[#031424]/35"; const headCellClass = "text-left text-xs text-[#8EAEBD] px-3 py-2 border-b border-[#8EAEBD]/20 whitespace-nowrap"; const rowBorderClass = "border-t border-[#8EAEBD]/15"; const nameCellClass = "px-3 py-2 text-sm text-slate-50"; const cellClass = "px-3 py-2 text-sm text-slate-100"; const labelClass = "block text-xs text-[#8EAEBD]/80 mb-2 tracking-wide"; const inputClass = ( // NOTE: ensure values + placeholders remain readable on dark background "w-full bg-[#031424]/45 border border-[#8EAEBD]/25 px-3 py-2 text-slate-50 placeholder:text-[#8EAEBD]/55 focus:outline-none focus:border-[#8EAEBD] rounded [color-scheme:dark]" ); return /* @__PURE__ */ import_react22.default.createElement("div", { className: panelClass }, /* @__PURE__ */ import_react22.default.createElement("h3", { className: titleClass }, "PARKS & COMMON AREA PATROLS"), /* @__PURE__ */ import_react22.default.createElement("div", { className: subTextClass }, "Check off when you patrolled each park. We are intentionally not using specific times here (it will roll up as counts on the Comprehensive Shift Report)."), /* @__PURE__ */ import_react22.default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ import_react22.default.createElement("table", { className: tableClass }, /* @__PURE__ */ import_react22.default.createElement("thead", null, /* @__PURE__ */ import_react22.default.createElement("tr", { className: headRowClass }, /* @__PURE__ */ import_react22.default.createElement("th", { className: headCellClass }, "Park / Area"), PARK_PATROL_SLOTS.map((s) => /* @__PURE__ */ import_react22.default.createElement("th", { key: s.key, className: headCellClass }, s.label)))), /* @__PURE__ */ import_react22.default.createElement("tbody", null, PARK_AREAS.map((park) => { const row = checks?.[park.prefix] || { beginning: false, mid: false, completion: false }; return /* @__PURE__ */ import_react22.default.createElement("tr", { key: park.prefix, className: rowBorderClass }, /* @__PURE__ */ import_react22.default.createElement("td", { className: nameCellClass }, park.label), PARK_PATROL_SLOTS.map((s) => { const checked = !!row[s.key]; const id = `patrol-${park.prefix}-${s.key}`; return /* @__PURE__ */ import_react22.default.createElement("td", { key: s.key, className: cellClass }, /* @__PURE__ */ import_react22.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react22.default.createElement( "input", { id, type: "checkbox", checked, onChange: (e) => setCheck(park.prefix, s.key, e.target.checked), className: "h-4 w-4 accent-[#8EAEBD]" } ), /* @__PURE__ */ import_react22.default.createElement( "label", { htmlFor: id, className: "text-[#8EAEBD]/80 text-xs cursor-pointer select-none" }, checked ? "\u2713" : "" ))); })); })))), /* @__PURE__ */ import_react22.default.createElement("div", { className: "mt-6 grid grid-cols-1 md:grid-cols-3 gap-4" }, /* @__PURE__ */ import_react22.default.createElement("div", null, /* @__PURE__ */ import_react22.default.createElement("label", { className: labelClass }, "Grand total people count (all other parks)"), /* @__PURE__ */ import_react22.default.createElement( "input", { type: "number", min: 0, value: formData.park_visitors_other_parks || 0, onChange: (e) => handleInputChange( "park_visitors_other_parks", Number(e.target.value || 0) ), className: inputClass } )), /* @__PURE__ */ import_react22.default.createElement("div", { className: "md:col-span-2" }, /* @__PURE__ */ import_react22.default.createElement("label", { className: labelClass }, "Brief entry"), /* @__PURE__ */ import_react22.default.createElement( "textarea", { rows: 3, value: formData.other_parks_notes || "", onChange: (e) => handleInputChange("other_parks_notes", e.target.value), className: `${inputClass} resize-none`, placeholder: "Optional notes about park patrols\u2026" } )))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/CommunityEngagementSection.jsx init_injected_globals(); var import_react23 = __toESM(require_react()); function YesNo({ label, value, onChange, name }) { const yesChecked = value === true; const noChecked = value === false; return /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex flex-col gap-2" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "text-sm font-semibold text-white" }, label), /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex items-center gap-6 text-sm" }, /* @__PURE__ */ import_react23.default.createElement("label", { className: "inline-flex items-center gap-2 text-slate-100" }, /* @__PURE__ */ import_react23.default.createElement( "input", { type: "radio", name, checked: yesChecked, onChange: () => onChange(true), className: "text-[#8EAEBD] focus:ring-[#8EAEBD]" } ), /* @__PURE__ */ import_react23.default.createElement("span", null, "Yes")), /* @__PURE__ */ import_react23.default.createElement("label", { className: "inline-flex items-center gap-2 text-slate-100" }, /* @__PURE__ */ import_react23.default.createElement( "input", { type: "radio", name, checked: noChecked, onChange: () => onChange(false), className: "text-[#8EAEBD] focus:ring-[#8EAEBD]" } ), /* @__PURE__ */ import_react23.default.createElement("span", null, "No")))); } function CommunityEngagementSection({ formData, handleInputChange }) { const complianceValue = formData.park_rules_compliant; const showNonComplianceFields = complianceValue === false; const afterHoursYesNoValue = formData.after_hour_alarm_response === true; const alarmCount = formData.after_hour_alarm_count || 0; const showAlarmDetailsBox = formData.after_hour_alarm_notes_included === true; const show911Ref = formData.sheriff_called === true; const showHoaName = formData.hoa_called === true; const showIncidentRef = formData.incident_report_submitted === true; const otherActionsValue = formData.other_actions_needed; const showOtherActions = otherActionsValue === true; const closedTimeEnabled = formData.park_closed_on_time === true; const sections = (0, import_react23.useMemo)(() => { return { compliance: "Compliance / Escalation", afterHours: "After Hour Alarms" }; }, []); const panelClass = "bg-[#30415D]/30 border border-[#8EAEBD]/25 rounded-xl p-6"; const titleClass = "text-2xl font-extrabold text-white mb-4 tracking-wide"; const cardClass = "rounded-xl border border-[#8EAEBD]/20 p-4 bg-[#031424]/20"; const cardTitleClass = "text-lg font-bold text-white mb-3"; const labelClass = "block text-xs text-[#8EAEBD]/80 mb-2 tracking-wide"; const inputClass = "w-full bg-[#031424]/45 border border-[#8EAEBD]/25 px-3 py-2 text-slate-50 placeholder:text-[#8EAEBD]/55 focus:outline-none focus:border-[#8EAEBD] rounded [color-scheme:dark]"; const disabledInputClass = "disabled:bg-[#031424]/20 disabled:text-[#8EAEBD]/55"; return /* @__PURE__ */ import_react23.default.createElement("div", { className: panelClass }, /* @__PURE__ */ import_react23.default.createElement("h3", { className: titleClass }, "COMMUNITY ENGAGEMENT"), /* @__PURE__ */ import_react23.default.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: cardClass }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "md:col-span-2" }, /* @__PURE__ */ import_react23.default.createElement( YesNo, { label: "Park cleared and closed on time", value: formData.park_closed_on_time === true, name: "park_closed_on_time", onChange: (v) => handleInputChange("park_closed_on_time", v) } )), /* @__PURE__ */ import_react23.default.createElement("div", null, /* @__PURE__ */ import_react23.default.createElement("label", { className: labelClass }, "Close time"), /* @__PURE__ */ import_react23.default.createElement( "input", { type: "time", value: formData.park_closed_time || "", onChange: (e) => handleInputChange("park_closed_time", e.target.value), disabled: !closedTimeEnabled, className: `${inputClass} ${disabledInputClass}` } )))), /* @__PURE__ */ import_react23.default.createElement("div", { className: cardClass }, /* @__PURE__ */ import_react23.default.createElement( YesNo, { label: "Verbal interactions with individuals", value: formData.verbal_interaction === true, name: "verbal_interaction", onChange: (v) => handleInputChange("verbal_interaction", v) } )), /* @__PURE__ */ import_react23.default.createElement("div", { className: cardClass }, /* @__PURE__ */ import_react23.default.createElement("div", { className: cardTitleClass }, sections.compliance), /* @__PURE__ */ import_react23.default.createElement( YesNo, { label: "Was everyone compliant with park rules?", value: complianceValue, name: "park_rules_compliant", onChange: (v) => handleInputChange("park_rules_compliant", v) } ), showNonComplianceFields ? /* @__PURE__ */ import_react23.default.createElement("div", { className: "mt-4 space-y-4" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ import_react23.default.createElement( YesNo, { label: "Was 911 called?", value: formData.sheriff_called === true, name: "sheriff_called", onChange: (v) => handleInputChange("sheriff_called", v) } ), /* @__PURE__ */ import_react23.default.createElement( YesNo, { label: "Was the HOA called?", value: formData.hoa_called === true, name: "hoa_called", onChange: (v) => handleInputChange("hoa_called", v) } )), show911Ref || showHoaName ? /* @__PURE__ */ import_react23.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ import_react23.default.createElement("div", null, /* @__PURE__ */ import_react23.default.createElement("label", { className: labelClass }, "911 reference number"), /* @__PURE__ */ import_react23.default.createElement( "input", { type: "text", value: formData.sheriff_reference_number || "", onChange: (e) => handleInputChange( "sheriff_reference_number", e.target.value ), disabled: !show911Ref, className: `${inputClass} ${disabledInputClass}`, placeholder: "Enter reference number" } )), /* @__PURE__ */ import_react23.default.createElement("div", null, /* @__PURE__ */ import_react23.default.createElement("label", { className: labelClass }, "HOA contact name"), /* @__PURE__ */ import_react23.default.createElement( "input", { type: "text", value: formData.hoa_personnel_contacted || "", onChange: (e) => handleInputChange( "hoa_personnel_contacted", e.target.value ), disabled: !showHoaName, className: `${inputClass} ${disabledInputClass}`, placeholder: "Name of individual called" } ))) : null, /* @__PURE__ */ import_react23.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ import_react23.default.createElement( YesNo, { label: "Was an incident report filed?", value: formData.incident_report_submitted === true, name: "incident_report_submitted", onChange: (v) => handleInputChange("incident_report_submitted", v) } ), showIncidentRef ? /* @__PURE__ */ import_react23.default.createElement("div", null, /* @__PURE__ */ import_react23.default.createElement("label", { className: labelClass }, "Incident report reference number"), /* @__PURE__ */ import_react23.default.createElement( "input", { type: "text", value: formData.incident_report_reference_number || "", onChange: (e) => handleInputChange( "incident_report_reference_number", e.target.value ), className: inputClass, placeholder: "Enter reference number" } )) : /* @__PURE__ */ import_react23.default.createElement("div", null)), /* @__PURE__ */ import_react23.default.createElement("div", { className: `${cardClass} bg-[#031424]/30` }, /* @__PURE__ */ import_react23.default.createElement( YesNo, { label: "Any other actions that should be taken?", value: otherActionsValue, name: "other_actions_needed", onChange: (v) => handleInputChange("other_actions_needed", v) } ), showOtherActions ? /* @__PURE__ */ import_react23.default.createElement("div", { className: "mt-4 grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "md:col-span-2" }, /* @__PURE__ */ import_react23.default.createElement("label", { className: labelClass }, "Action details"), /* @__PURE__ */ import_react23.default.createElement( "textarea", { rows: 3, value: formData.other_actions_description || "", onChange: (e) => handleInputChange( "other_actions_description", e.target.value ), className: `${inputClass} resize-none`, placeholder: "What needs to happen?" } )), /* @__PURE__ */ import_react23.default.createElement("div", null, /* @__PURE__ */ import_react23.default.createElement("label", { className: labelClass }, "Follow-up person"), /* @__PURE__ */ import_react23.default.createElement( "input", { type: "text", value: formData.other_actions_followup_name || "", onChange: (e) => handleInputChange( "other_actions_followup_name", e.target.value ), className: inputClass, placeholder: "Name" } ))) : null)) : null), /* @__PURE__ */ import_react23.default.createElement("div", { className: cardClass }, /* @__PURE__ */ import_react23.default.createElement("div", { className: cardTitleClass }, sections.afterHours), /* @__PURE__ */ import_react23.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "md:col-span-1" }, /* @__PURE__ */ import_react23.default.createElement( YesNo, { label: "After hour alarm response", value: afterHoursYesNoValue, name: "after_hour_alarm_response", onChange: (v) => handleInputChange("after_hour_alarm_response", v) } )), /* @__PURE__ */ import_react23.default.createElement("div", null, /* @__PURE__ */ import_react23.default.createElement("label", { className: labelClass }, "Alarm count"), /* @__PURE__ */ import_react23.default.createElement( "input", { type: "number", min: 0, value: alarmCount, onChange: (e) => handleInputChange( "after_hour_alarm_count", Number(e.target.value || 0) ), disabled: !afterHoursYesNoValue, className: `${inputClass} ${disabledInputClass}` } )), /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex items-end" }, /* @__PURE__ */ import_react23.default.createElement("label", { className: "inline-flex items-center gap-2 text-sm text-slate-100" }, /* @__PURE__ */ import_react23.default.createElement( "input", { type: "checkbox", checked: showAlarmDetailsBox, onChange: (e) => handleInputChange( "after_hour_alarm_notes_included", e.target.checked ), disabled: !afterHoursYesNoValue, className: "rounded border-[#8EAEBD]/25 accent-[#8EAEBD] disabled:opacity-50" } ), /* @__PURE__ */ import_react23.default.createElement("span", null, "Description listed below")))), afterHoursYesNoValue && showAlarmDetailsBox ? /* @__PURE__ */ import_react23.default.createElement("div", { className: "mt-4" }, /* @__PURE__ */ import_react23.default.createElement("label", { className: labelClass }, "Alarm response notes"), /* @__PURE__ */ import_react23.default.createElement( "textarea", { rows: 3, value: formData.after_hour_alarm_notes || "", onChange: (e) => handleInputChange("after_hour_alarm_notes", e.target.value), className: `${inputClass} resize-none`, placeholder: "Briefly describe the alarm response\u2026" } )) : null))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/DcpEvaluationSection.jsx init_injected_globals(); var import_react24 = __toESM(require_react()); function YesNo2({ label, value, onChange, name }) { const yesChecked = value === true; const noChecked = value === false; return /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex flex-col gap-2" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "text-sm font-semibold text-white" }, label), /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center gap-6 text-sm" }, /* @__PURE__ */ import_react24.default.createElement("label", { className: "inline-flex items-center gap-2 text-slate-100" }, /* @__PURE__ */ import_react24.default.createElement( "input", { type: "radio", name, checked: yesChecked, onChange: () => onChange(true), className: "text-[#8EAEBD] focus:ring-[#8EAEBD]" } ), /* @__PURE__ */ import_react24.default.createElement("span", null, "Yes")), /* @__PURE__ */ import_react24.default.createElement("label", { className: "inline-flex items-center gap-2 text-slate-100" }, /* @__PURE__ */ import_react24.default.createElement( "input", { type: "radio", name, checked: noChecked, onChange: () => onChange(false), className: "text-[#8EAEBD] focus:ring-[#8EAEBD]" } ), /* @__PURE__ */ import_react24.default.createElement("span", null, "No")))); } function DcpEvaluationSection({ formData, handleInputChange }) { const showSpecialEventCount = formData.special_event === true; const engagementBlocks = (0, import_react24.useMemo)(() => { return [ { key: "max_people_hours_1_3", label: "Hours 1\u20133" }, { key: "max_people_hours_4_6", label: "Hours 4\u20136" }, { key: "max_people_hours_7_8", label: "Hours 7\u20138" } ]; }, []); const panelClass = "bg-[#30415D]/30 border border-[#8EAEBD]/25 rounded-xl p-6"; const titleClass = "text-2xl font-extrabold text-white mb-4 tracking-wide"; const cardClass = "rounded-xl border border-[#8EAEBD]/20 p-4 bg-[#031424]/20"; const cardTitleClass = "text-lg font-bold text-white mb-3"; const labelClass = "block text-xs text-[#8EAEBD]/80 mb-2 tracking-wide"; const inputClass = "w-full bg-[#031424]/45 border border-[#8EAEBD]/25 px-3 py-2 text-slate-50 placeholder:text-[#8EAEBD]/55 focus:outline-none focus:border-[#8EAEBD] rounded [color-scheme:dark]"; const selectClass = "w-full bg-white/90 border border-[#8EAEBD]/25 px-3 py-2 text-[#031424] focus:outline-none focus:ring-2 focus:ring-[#8EAEBD] rounded"; return /* @__PURE__ */ import_react24.default.createElement("div", { className: panelClass }, /* @__PURE__ */ import_react24.default.createElement("h3", { className: titleClass }, "DIAMOND COMMUNITY PARK CAMPUS EVALUATION (DCPC)"), /* @__PURE__ */ import_react24.default.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: cardClass }, /* @__PURE__ */ import_react24.default.createElement("div", { className: cardTitleClass }, "Special Event"), /* @__PURE__ */ import_react24.default.createElement( YesNo2, { label: "Was there a special event?", value: formData.special_event === true, name: "dcp_special_event", onChange: (v) => handleInputChange("special_event", v) } ), showSpecialEventCount ? /* @__PURE__ */ import_react24.default.createElement("div", { className: "mt-4 max-w-[320px]" }, /* @__PURE__ */ import_react24.default.createElement("label", { className: labelClass }, "Special event estimated attendance"), /* @__PURE__ */ import_react24.default.createElement( "input", { type: "number", min: 0, value: formData.special_event_people_count || 0, onChange: (e) => handleInputChange( "special_event_people_count", Number(e.target.value || 0) ), className: inputClass } )) : null), /* @__PURE__ */ import_react24.default.createElement("div", { className: cardClass }, /* @__PURE__ */ import_react24.default.createElement("div", { className: cardTitleClass }, "Max People in DCP per Time Block"), /* @__PURE__ */ import_react24.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4" }, engagementBlocks.map((b) => /* @__PURE__ */ import_react24.default.createElement("div", { key: b.key }, /* @__PURE__ */ import_react24.default.createElement("label", { className: labelClass }, b.label), /* @__PURE__ */ import_react24.default.createElement( "input", { type: "number", min: 0, value: formData[b.key] || 0, onChange: (e) => handleInputChange(b.key, Number(e.target.value || 0)), className: inputClass } ))))), /* @__PURE__ */ import_react24.default.createElement("div", { className: cardClass }, /* @__PURE__ */ import_react24.default.createElement("div", { className: cardTitleClass }, "Diamond Community Park Grounds / Facilities"), /* @__PURE__ */ import_react24.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ import_react24.default.createElement("div", null, /* @__PURE__ */ import_react24.default.createElement("label", { className: labelClass }, "Condition"), /* @__PURE__ */ import_react24.default.createElement( "select", { value: formData.diamond_park_condition || "", onChange: (e) => handleInputChange("diamond_park_condition", e.target.value), className: selectClass }, /* @__PURE__ */ import_react24.default.createElement("option", { value: "" }, "Select condition"), CONDITION_OPTIONS.map((c) => /* @__PURE__ */ import_react24.default.createElement("option", { key: c, value: c }, String(c).toUpperCase())) )), /* @__PURE__ */ import_react24.default.createElement("div", { className: "md:col-span-2" }, /* @__PURE__ */ import_react24.default.createElement("label", { className: labelClass }, "Explanation"), /* @__PURE__ */ import_react24.default.createElement( "textarea", { rows: 4, value: formData.diamond_park_explanation || "", onChange: (e) => handleInputChange("diamond_park_explanation", e.target.value), className: `${inputClass} resize-none`, placeholder: "Brief notes about conditions, issues, observations, and actions taken\u2026" } )))), /* @__PURE__ */ import_react24.default.createElement("div", { className: cardClass }, /* @__PURE__ */ import_react24.default.createElement("div", { className: cardTitleClass }, "Digital Signature"), /* @__PURE__ */ import_react24.default.createElement("label", { className: labelClass }, "Name and team member digital signature"), /* @__PURE__ */ import_react24.default.createElement( "input", { type: "text", value: formData.team_member_signature || "", onChange: (e) => handleInputChange("team_member_signature", e.target.value), className: inputClass, placeholder: "Type your name" } )))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SubmitButton.jsx init_injected_globals(); var import_react25 = __toESM(require_react()); var import_lucide_react16 = __toESM(require_lucide_react()); function SubmitButton({ loading }) { return /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ import_react25.default.createElement( "button", { type: "submit", disabled: loading, className: "bg-[#8EAEBD] hover:bg-[#7ea1b0] disabled:opacity-50 text-[#031424] px-8 py-3 rounded-xl border border-[#8EAEBD]/60 font-black tracking-wide transition-colors flex items-center gap-2 font-mono" }, /* @__PURE__ */ import_react25.default.createElement(import_lucide_react16.Send, { size: 20 }), loading ? "SENDING..." : "SEND FOR APPROVAL" )); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection.jsx function ShiftReportSection({ userRole, autoEditReportId, onAutoEditHandled }) { const { data: user } = useUser_default(); const { myCode } = useUserCode(user); const isAdmin = userRole === "admin"; const { pastReports, loadingReports, timeFilter, setTimeFilter, loadPastReports } = usePastReports(); const { formData, loading, error, success, handleInputChange, handleSubmit, startEditingReport, resetForm, editingReportId, editingFromRejected } = useShiftReportForm(user); const onSubmit = (e) => { handleSubmit(e, loadPastReports); }; const [selectedReport, setSelectedReport] = (0, import_react26.useState)(null); const [showPastReports, setShowPastReports] = (0, import_react26.useState)(false); const scrollToForm = () => { if (typeof window === "undefined") return; const el = document.getElementById("shift-report-form"); if (el && el.scrollIntoView) { el.scrollIntoView({ behavior: "smooth", block: "start" }); } }; const onEditSelected = () => { if (!selectedReport) return; startEditingReport(selectedReport); scrollToForm(); }; (0, import_react26.useEffect)(() => { if (pastReports && pastReports.length > 0) { setSelectedReport((prev) => { if (prev && pastReports.some((r) => r.id === prev.id)) return prev; return pastReports[0]; }); } else { setSelectedReport(null); } }, [pastReports]); (0, import_react26.useEffect)(() => { if (!autoEditReportId) { return; } if (!pastReports || pastReports.length === 0) { return; } const match = pastReports.find((r) => r.id === autoEditReportId); if (match) { setSelectedReport(match); startEditingReport(match); scrollToForm(); } else { setShowPastReports(true); } if (onAutoEditHandled) { onAutoEditHandled(); } }, [autoEditReportId, pastReports, startEditingReport, onAutoEditHandled]); const hasRejectedNotes = (0, import_react26.useMemo)(() => { const notes = selectedReport?.rejection_feedback || ""; const status = selectedReport?.approval_status || ""; return status === "rejected" && String(notes).trim().length > 0; }, [selectedReport]); const canEditSelected = (0, import_react26.useMemo)(() => { if (!selectedReport) return false; return selectedReport.approval_status === "rejected"; }, [selectedReport]); const showHistory = !isAdmin; const pastReportsToggleLabel = showPastReports ? "HIDE PAST REPORTS" : "SEARCH PAST REPORTS"; return /* @__PURE__ */ import_react26.default.createElement("div", { className: "space-y-6 text-white font-mono" }, /* @__PURE__ */ import_react26.default.createElement(ShiftReportHeader, { userRole }), isAdmin ? /* @__PURE__ */ import_react26.default.createElement("div", { className: "bg-[#30415D]/35 border border-[#8EAEBD]/25 rounded-xl p-4 text-slate-100" }, /* @__PURE__ */ import_react26.default.createElement("div", { className: "font-bold" }, "Admin note"), /* @__PURE__ */ import_react26.default.createElement("div", { className: "text-sm text-[#8EAEBD]/80 mt-1" }, "Approving/rejecting shift reports happens in the Administrator tab. This page is mainly for filling out your own shift report.")) : null, showHistory ? /* @__PURE__ */ import_react26.default.createElement("div", { className: "bg-[#30415D]/25 border border-[#8EAEBD]/25 rounded-2xl overflow-hidden" }, /* @__PURE__ */ import_react26.default.createElement("div", { className: "px-6 py-4 border-b border-[#8EAEBD]/20 flex items-center justify-between" }, /* @__PURE__ */ import_react26.default.createElement("div", null, /* @__PURE__ */ import_react26.default.createElement("div", { className: "text-white font-black tracking-wide" }, "MY SHIFT REPORTS"), /* @__PURE__ */ import_react26.default.createElement("div", { className: "text-[#8EAEBD]/80 text-sm" }, "Past reports and approvals (optional)")), /* @__PURE__ */ import_react26.default.createElement( "button", { type: "button", onClick: () => setShowPastReports((v) => !v), className: "px-3 py-2 bg-[#031424]/40 hover:bg-[#031424]/55 text-white rounded-xl text-sm border border-[#8EAEBD]/25" }, pastReportsToggleLabel )), showPastReports ? /* @__PURE__ */ import_react26.default.createElement("div", { className: "px-6 py-4 border-b border-[#8EAEBD]/20" }, /* @__PURE__ */ import_react26.default.createElement( DateRangeFilter, { timeFilter, setTimeFilter } )) : null, showPastReports ? /* @__PURE__ */ import_react26.default.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-0" }, /* @__PURE__ */ import_react26.default.createElement("div", { className: "lg:col-span-1 border-b lg:border-b-0 lg:border-r border-[#8EAEBD]/20" }, /* @__PURE__ */ import_react26.default.createElement( PastReportsList, { pastReports, loadingReports, onSelect: setSelectedReport, selectedReportId: selectedReport?.id } )), /* @__PURE__ */ import_react26.default.createElement("div", { className: "lg:col-span-2" }, hasRejectedNotes ? /* @__PURE__ */ import_react26.default.createElement("div", { className: "mx-6 mt-6 mb-0 p-4 rounded-xl border border-[#CF6766]/45 bg-[#CF6766]/10 text-slate-100" }, /* @__PURE__ */ import_react26.default.createElement("div", { className: "flex items-start justify-between gap-3" }, /* @__PURE__ */ import_react26.default.createElement("div", null, /* @__PURE__ */ import_react26.default.createElement("div", { className: "font-bold" }, "Returned for changes"), /* @__PURE__ */ import_react26.default.createElement("div", { className: "text-sm mt-2 whitespace-pre-wrap text-slate-100" }, selectedReport.rejection_feedback)), canEditSelected ? /* @__PURE__ */ import_react26.default.createElement( "button", { type: "button", onClick: onEditSelected, className: "shrink-0 px-3 py-2 bg-[#CF6766] hover:bg-[#b85b5a] text-white rounded-xl border border-[#CF6766]/60 font-bold" }, "EDIT & RESUBMIT" ) : null)) : null, /* @__PURE__ */ import_react26.default.createElement("div", { className: "p-6" }, /* @__PURE__ */ import_react26.default.createElement(SelectedReportViewer, { report: selectedReport })))) : null) : null, /* @__PURE__ */ import_react26.default.createElement(AlertMessages, { error, success }), /* @__PURE__ */ import_react26.default.createElement("div", { className: "bg-[#30415D]/25 border border-[#8EAEBD]/25 rounded-2xl overflow-hidden" }, /* @__PURE__ */ import_react26.default.createElement("div", { className: "px-6 py-4 border-b border-[#8EAEBD]/20" }, /* @__PURE__ */ import_react26.default.createElement("div", { className: "text-white font-extrabold tracking-wide text-xl" }, "SUBMIT YOUR SHIFT REPORT"), /* @__PURE__ */ import_react26.default.createElement("div", { className: "text-[#8EAEBD]/80 text-sm mt-1" }, "When you submit, it goes to Admin for approval.")), editingReportId ? /* @__PURE__ */ import_react26.default.createElement("div", { className: "px-6 py-4 border-b border-[#8EAEBD]/20 bg-[#031424]/30" }, /* @__PURE__ */ import_react26.default.createElement("div", { className: "flex flex-col md:flex-row md:items-center justify-between gap-3" }, /* @__PURE__ */ import_react26.default.createElement("div", null, /* @__PURE__ */ import_react26.default.createElement("div", { className: "text-white font-bold" }, "Editing an existing report"), /* @__PURE__ */ import_react26.default.createElement("div", { className: "text-[#8EAEBD]/80 text-sm" }, editingFromRejected ? "This was rejected \u2014 saving will resubmit it for approval." : "Saving will update this report.")), /* @__PURE__ */ import_react26.default.createElement( "button", { type: "button", onClick: resetForm, className: "px-3 py-2 bg-transparent hover:bg-white/5 text-[#8EAEBD] rounded-xl border border-[#8EAEBD]/30 font-bold" }, "START NEW REPORT" ))) : null, /* @__PURE__ */ import_react26.default.createElement( "form", { id: "shift-report-form", onSubmit, className: "p-6 space-y-8" }, /* @__PURE__ */ import_react26.default.createElement( BasicInformationSection, { formData, handleInputChange, userCode: myCode || user?.user_code || null } ), /* @__PURE__ */ import_react26.default.createElement( CommunityEngagementSection, { formData, handleInputChange } ), /* @__PURE__ */ import_react26.default.createElement( ParkAuditsSection, { formData, handleInputChange, userCode: myCode || user?.user_code || null } ), /* @__PURE__ */ import_react26.default.createElement( DcpEvaluationSection, { formData, handleInputChange } ), /* @__PURE__ */ import_react26.default.createElement(SubmitButton, { loading }) ))); } // virtual:/apps/web/src/components/Dashboard/AdminSection.jsx init_injected_globals(); var import_react40 = __toESM(require_react()); var import_lucide_react28 = __toESM(require_lucide_react()); // virtual:/apps/web/src/components/Dashboard/AdminSection/ApprovalsSection.jsx init_injected_globals(); var import_react38 = __toESM(require_react()); // virtual:/apps/web/src/components/Dashboard/AdminSection/ApprovalsSection/useApprovals.js init_injected_globals(); var import_react27 = __toESM(require_react()); function useApprovals() { const [loading, setLoading] = (0, import_react27.useState)(true); const [error, setError] = (0, import_react27.useState)(null); const [pendingApprovals, setPendingApprovals] = (0, import_react27.useState)({ activities: [], incidents: [], shift_reports: [] }); const [processingApproval, setProcessingApproval] = (0, import_react27.useState)(null); const [expandedId, setExpandedId] = (0, import_react27.useState)(null); const loadPendingApprovals = async () => { try { setLoading(true); setError(null); console.log("\u{1F50D} Loading pending approvals from frontend..."); const response = await fetch("/api/approvals"); console.log( "\u{1F4E1} Approvals API response status:", response.status, response.statusText ); if (!response.ok) { const errorText = await response.text(); console.error("\u274C Approvals API error response:", errorText); let errorMessage = `API Error [${response.status}]: ${response.statusText}`; try { const errorData = JSON.parse(errorText); if (errorData.details) { errorMessage += ` - ${errorData.details}`; } if (errorData.stack) { console.error("\u274C Error stack from API:", errorData.stack); } } catch (e) { errorMessage += ` - ${errorText}`; } throw new Error(errorMessage); } const result = await response.json(); console.log("\u2705 Approvals loaded:", result.data); const data = result.data || {}; setPendingApprovals({ activities: Array.isArray(data.activities) ? data.activities : [], incidents: Array.isArray(data.incidents) ? data.incidents : [], shift_reports: Array.isArray(data.shift_reports) ? data.shift_reports : [] }); } catch (error2) { console.error("\u274C Error loading pending approvals:", error2); setError(error2.message || "Failed to load pending approvals"); setPendingApprovals({ activities: [], incidents: [], shift_reports: [] }); } finally { setLoading(false); } }; const handleApproval = async (type, id, action, feedback) => { try { setProcessingApproval(`${type}-${id}`); setError(null); const payload = { type, id, action }; if (typeof feedback === "string" && feedback.trim().length > 0) { payload.feedback = feedback.trim(); } const response = await fetch("/api/approvals", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload) }); if (!response.ok) { const text = await response.text(); console.error("Approvals POST failed", response.status, text); throw new Error(`Failed to ${action} ${type}: ${response.statusText}`); } await loadPendingApprovals(); if (expandedId === id) { setExpandedId(null); } } catch (error2) { console.error("Error processing approval:", error2); setError(`Failed to ${action} ${type}`); } finally { setProcessingApproval(null); } }; (0, import_react27.useEffect)(() => { loadPendingApprovals(); }, []); const totalPending = (pendingApprovals?.activities?.length || 0) + (pendingApprovals?.incidents?.length || 0) + (pendingApprovals?.shift_reports?.length || 0); return { loading, error, pendingApprovals, processingApproval, expandedId, setExpandedId, handleApproval, totalPending }; } // virtual:/apps/web/src/components/Dashboard/AdminSection/ApprovalsSection/ApprovalsHeader.jsx init_injected_globals(); var import_react28 = __toESM(require_react()); var import_lucide_react17 = __toESM(require_lucide_react()); function ApprovalsHeader({ totalPending }) { return /* @__PURE__ */ import_react28.default.createElement("div", { className: "bg-[#30415D]/35 border border-[#8EAEBD]/25 border-l-4 border-l-[#8EAEBD]/60 p-6 rounded-2xl" }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react28.default.createElement(import_lucide_react17.UserCheck, { className: "w-8 h-8 text-[#8EAEBD]" }), /* @__PURE__ */ import_react28.default.createElement("div", null, /* @__PURE__ */ import_react28.default.createElement("h2", { className: "text-4xl font-black text-white tracking-wide" }, "PENDING APPROVALS"), /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex items-center space-x-4 text-sm mt-2" }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "w-2 h-2 bg-[#8EAEBD] rounded-full" }), /* @__PURE__ */ import_react28.default.createElement("span", { className: "text-[#8EAEBD]/80 font-medium" }, totalPending, " ITEMS PENDING REVIEW"))))))); } // virtual:/apps/web/src/components/Dashboard/AdminSection/ApprovalsSection/ErrorMessage.jsx init_injected_globals(); var import_react29 = __toESM(require_react()); var import_lucide_react18 = __toESM(require_lucide_react()); function ErrorMessage({ error }) { if (!error) return null; return /* @__PURE__ */ import_react29.default.createElement("div", { className: "bg-red-900 border border-red-700 text-red-400 px-4 py-3 rounded font-mono" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react29.default.createElement(import_lucide_react18.AlertTriangle, { size: 20 }), "ERROR: ", error)); } // virtual:/apps/web/src/components/Dashboard/AdminSection/ApprovalsSection/EmptyState.jsx init_injected_globals(); var import_react30 = __toESM(require_react()); var import_lucide_react19 = __toESM(require_lucide_react()); function EmptyState() { return /* @__PURE__ */ import_react30.default.createElement("div", { className: "bg-slate-800 border border-slate-700 p-6 rounded text-center" }, /* @__PURE__ */ import_react30.default.createElement(import_lucide_react19.CheckCircle, { className: "w-12 h-12 text-green-400 mx-auto mb-4" }), /* @__PURE__ */ import_react30.default.createElement("h3", { className: "text-xl font-black text-white mb-2" }, "ALL CAUGHT UP!"), /* @__PURE__ */ import_react30.default.createElement("p", { className: "text-slate-400" }, "No pending approvals at this time.")); } // virtual:/apps/web/src/components/Dashboard/AdminSection/ApprovalsSection/LoadingState.jsx init_injected_globals(); var import_react31 = __toESM(require_react()); var import_lucide_react20 = __toESM(require_lucide_react()); function LoadingState() { return /* @__PURE__ */ import_react31.default.createElement("div", { className: "space-y-6 text-white font-mono" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "bg-slate-800 border-l-4 border-orange-500 p-6" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react31.default.createElement(import_lucide_react20.UserCheck, { className: "w-8 h-8 text-orange-400" }), /* @__PURE__ */ import_react31.default.createElement("h2", { className: "text-4xl font-black text-white tracking-wide" }, "PENDING APPROVALS"))), /* @__PURE__ */ import_react31.default.createElement("div", { className: "text-center py-8" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "text-slate-400 font-mono" }, "LOADING APPROVAL QUEUE..."))); } // virtual:/apps/web/src/components/Dashboard/AdminSection/ApprovalsSection/ShiftReportsList.jsx init_injected_globals(); var import_react33 = __toESM(require_react()); var import_lucide_react22 = __toESM(require_lucide_react()); // virtual:/apps/web/src/components/Dashboard/AdminSection/ApprovalsSection/ShiftReportItem.jsx init_injected_globals(); var import_react32 = __toESM(require_react()); var import_lucide_react21 = __toESM(require_lucide_react()); // virtual:/apps/web/src/components/Dashboard/AdminSection/ApprovalsSection/shiftReportUtils.js init_injected_globals(); var buildPrintableHtml2 = (report) => { const headerName = report.team_member_name || report.user_name || "Unknown"; const dateText = report.shift_date ? formatDateOnly(report.shift_date) : ""; const items = [ ["Team Member", headerName], ["Date", dateText], ["Shift Time", report.shift_time || ""], ["Engagement", report.engagement_level || ""], ["Park Visitors", report.park_visitors || ""], [ "Silver Ridge Parking Enforcement", report.silver_ridge_parking_enforcement === true ? "Yes" : report.silver_ridge_parking_enforcement === false ? "No" : "" ], [ "After Hours Alarm Response", report.after_hour_alarm_response === true ? "Yes" : report.after_hour_alarm_response === false ? "No" : "" ], [ "Special Event", report.special_event ? "Yes" : report.special_event === false ? "No" : "" ], ["Special Event People Count", report.special_event_people_count ?? ""], ["Max People (1-3)", report.max_people_hours_1_3 ?? ""], ["Max People (4-6)", report.max_people_hours_4_6 ?? ""], ["Max People (7-8)", report.max_people_hours_7_8 ?? ""] ]; const parkPairs = [ [ "wildflower_bentgrass_time", "wildflower_bentgrass_condition", "Wildflower/Bentgrass" ], ["sky_village_ursa_time", "sky_village_ursa_condition", "Sky Village/Ursa"], [ "mountain_view_charles_time", "mountain_view_charles_condition", "Mountain View/Charles" ], ["alamar_calabari_time", "alamar_calabari_condition", "Alamar/Calabari"], ["oasis_parks_time", "oasis_parks_condition", "Oasis Parks"], ["loma_verde_time", "loma_verde_condition", "Loma Verde"], ["vail_expedition_time", "vail_expedition_condition", "Vail Expedition"], ["monument_grayjay_time", "monument_grayjay_condition", "Monument/Grayjay"], [ "silver_ridge_common_time", "silver_ridge_common_condition", "Silver Ridge Common" ], ["pedemonte_park_time", "pedemonte_park_condition", "Pedemonte Park"] ]; const visibleParks = parkPairs.map(([tKey, cKey, label]) => ({ label, time: report[tKey], condition: report[cKey] })).filter((p) => p.time || p.condition); const summaryBlock = report.summary ? `

SUMMARY

${String(
      report.summary
    ).replace(/&/g, "&").replace(//g, ">")}

` : ""; const detailsRows = items.filter(([, v]) => v !== void 0 && v !== null && v !== "").map( ([label, value]) => `${label}${String( value )}` ).join(""); const parksRows = visibleParks.map( (p) => `

${p.label}

${p.time ? `

Time: ${p.time}

` : ""}${p.condition ? `

Condition: ${p.condition}

` : ""}

` ).join(""); return `Shift Report ${report.id || ""}

SHIFT REPORT

ID: ${report.id || ""}

${summaryBlock}

DETAILS

${detailsRows}

${parksRows ? `

PARK CHECKS

${parksRows}

` : ""}

INCIDENT REPORT

SHIFT REPORT

IN-FIELD ACTIVITY LOG