@burdenoff/microfe-timecampus 2026.703.3 → 2026.703.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/timecampus/pages/client-portal/ClientPortalPage.js +192 -181
- package/dist/timecampus/pages/client-portal/ClientPortalPage.js.map +1 -1
- package/dist/timecampus/pages/expense-tracking/ExpenseTrackingPage.js +60 -49
- package/dist/timecampus/pages/expense-tracking/ExpenseTrackingPage.js.map +1 -1
- package/dist/timecampus/pages/meetings/MeetingFormModal.js +79 -68
- package/dist/timecampus/pages/meetings/MeetingFormModal.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpenseTrackingPage.js","names":[],"sources":["../../../../src/timecampus/pages/expense-tracking/ExpenseTrackingPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n Receipt,\n Plus,\n DollarSign,\n Pencil,\n Trash2,\n Send,\n Check,\n X,\n Upload,\n ExternalLink,\n MessageSquare,\n} from \"lucide-react\";\nimport { gql } from \"@apollo/client\";\nimport { useApolloClient } from \"@apollo/client/react\";\nimport { uploadBlobToFiles } from \"@burdenoff/fe-libs/storage\";\nimport { ContextConversationWidget } from \"@burdenoff/fe-libs/shared\";\nimport { useRegisterPageConversationContext } from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { StatusBadge } from \"../../components/StatusBadge\";\nimport { Modal } from \"../../components/Modal\";\nimport { ToastContainer, useToast } from \"../../components/Toast\";\nimport { formatCurrency, formatDate } from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n useListExpensesQuery,\n useGetExpenseStatsQuery,\n useCreateExpenseMutation,\n useUpdateExpenseMutation,\n useDeleteExpenseMutation,\n useSubmitExpenseForApprovalMutation,\n useApproveExpenseMutation,\n useRejectExpenseMutation,\n type ExpenseFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { ExpenseStatus } from \"@/generated/wspace-types\";\n\nconst PAGE_SIZE = 25;\n\nconst CATEGORY_OPTIONS = [\n \"Travel\",\n \"Meals\",\n \"Software\",\n \"Hardware\",\n \"Office\",\n \"Training\",\n \"Other\",\n];\n\nconst inputClass =\n \"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary\";\n\n/**\n * Resolves a presigned download URL for an uploaded receipt.\n *\n * KNOWN LIMITATION: `getFileDownloadUrl` returns a presigned URL that expires\n * after `expiresIn` seconds (capped at 604800 = 7 days by wspace-files-svc).\n * We persist that URL in the expense's `receiptUrl` scalar, so a stored link\n * stops resolving after 7 days. Re-uploading the receipt (or resolving a fresh\n * URL on read) would be needed for longer-lived access.\n */\nconst GET_FILE_DOWNLOAD_URL = gql`\n query TimeCampusExpense_GetFileDownloadUrl($id: ID!, $expiresIn: Int) {\n getFileDownloadUrl(id: $id, expiresIn: $expiresIn)\n }\n`;\n\nconst RECEIPT_URL_EXPIRES_IN = 604800; // 7 days — the max wspace-files allows.\n\ninterface ExpenseFormState {\n amount: string;\n category: string;\n description: string;\n projectId: string;\n date: string;\n receiptUrl: string;\n}\n\n/**\n * Child component that mounts the per-expense review conversation thread.\n * Kept as a separate component so `useRegisterPageConversationContext` runs\n * (registering + tearing down the entity context) exactly while the review\n * modal is mounted. The widget self-scopes the thread to this entity and\n * self-guards its own errors, so the existing scalar notes/reason flow is\n * left completely untouched.\n */\nfunction ExpenseReviewThread({\n expense,\n}: {\n expense: ExpenseFieldsFragment;\n}) {\n useRegisterPageConversationContext({\n entityType: \"TIMECAMPUS_EXPENSE\",\n entityId: expense.id,\n contextTitle: `Expense · ${expense.description ?? expense.id}`,\n });\n return <ContextConversationWidget widgetKey=\"expense-review\" />;\n}\n\nfunction todayIso(): string {\n return new Date().toISOString().slice(0, 10);\n}\n\nconst emptyForm: ExpenseFormState = {\n amount: \"\",\n category: CATEGORY_OPTIONS[0],\n description: \"\",\n projectId: \"\",\n date: todayIso(),\n receiptUrl: \"\",\n};\n\nexport function ExpenseTrackingPage() {\n const { workspaceId = \"\" } = useTimeCampus();\n const { toasts, addToast, dismissToast } = useToast();\n const apollo = useApolloClient();\n\n const {\n data: expensesData,\n loading: expensesLoading,\n error: expensesError,\n refetch,\n fetchMore,\n } = useListExpensesQuery({\n variables: { workspaceId, limit: PAGE_SIZE, offset: 0 },\n notifyOnNetworkStatusChange: true,\n });\n const {\n data: statsData,\n loading: statsLoading,\n error: statsError,\n refetch: refetchStats,\n } = useGetExpenseStatsQuery({\n variables: { workspaceId },\n });\n\n const [createExpense, { loading: creating }] = useCreateExpenseMutation();\n const [updateExpense, { loading: updating }] = useUpdateExpenseMutation();\n const [deleteExpense, { loading: deleting }] = useDeleteExpenseMutation();\n const [submitExpense] = useSubmitExpenseForApprovalMutation();\n const [approveExpense] = useApproveExpenseMutation();\n const [rejectExpense, { loading: rejecting }] = useRejectExpenseMutation();\n\n const expenses = expensesData?.expenses ?? [];\n const stats = statsData?.expenseStats;\n\n const [loadingMore, setLoadingMore] = useState(false);\n const [canLoadMore, setCanLoadMore] = useState(true);\n\n // Create / edit modal\n const [formOpen, setFormOpen] = useState(false);\n const [editing, setEditing] = useState<ExpenseFieldsFragment | null>(null);\n const [form, setForm] = useState<ExpenseFormState>(emptyForm);\n const [uploadingReceipt, setUploadingReceipt] = useState(false);\n\n // Per-expense review conversation thread\n const [reviewTarget, setReviewTarget] =\n useState<ExpenseFieldsFragment | null>(null);\n\n // Delete confirm\n const [deleteTarget, setDeleteTarget] =\n useState<ExpenseFieldsFragment | null>(null);\n\n // Reject reason\n const [rejectTarget, setRejectTarget] =\n useState<ExpenseFieldsFragment | null>(null);\n const [rejectReason, setRejectReason] = useState(\"\");\n\n // Per-row busy state for status transitions\n const [busyId, setBusyId] = useState<string | null>(null);\n\n const refreshAll = async () => {\n await Promise.all([refetch(), refetchStats()]);\n };\n\n const openCreate = () => {\n setEditing(null);\n setForm({ ...emptyForm, date: todayIso() });\n setFormOpen(true);\n };\n\n const openEdit = (expense: ExpenseFieldsFragment) => {\n setEditing(expense);\n setForm({\n amount: String(expense.amount),\n category: expense.category,\n description: expense.description ?? \"\",\n projectId: expense.projectId ?? \"\",\n date: expense.date ? expense.date.slice(0, 10) : todayIso(),\n receiptUrl: expense.receiptUrl ?? \"\",\n });\n setFormOpen(true);\n };\n\n const handleReceiptUpload = async (file: File) => {\n setUploadingReceipt(true);\n try {\n const uploaded = await uploadBlobToFiles({\n client: apollo,\n blob: file,\n filename: file.name,\n mimeType: file.type || \"application/octet-stream\",\n folderId: \"\", // no target folder → wspace-files stores at the workspace root\n });\n const { data } = await apollo.query({\n query: GET_FILE_DOWNLOAD_URL,\n variables: { id: uploaded.id, expiresIn: RECEIPT_URL_EXPIRES_IN },\n fetchPolicy: \"no-cache\",\n });\n const url = (data as { getFileDownloadUrl?: string } | null | undefined)?.getFileDownloadUrl;\n if (!url) throw new Error(\"No download URL returned\");\n setForm((f) => ({ ...f, receiptUrl: url }));\n addToast({ title: \"Receipt attached\", variant: \"success\" });\n } catch {\n // Upload is best-effort: never block the modal, just surface the failure.\n addToast({ title: \"Failed to upload receipt\", variant: \"error\" });\n } finally {\n setUploadingReceipt(false);\n }\n };\n\n const closeForm = () => {\n setFormOpen(false);\n setEditing(null);\n };\n\n const handleSubmit = async () => {\n const amount = Number(form.amount);\n if (!form.amount || Number.isNaN(amount) || !form.category.trim()) return;\n const isoDate = new Date(form.date).toISOString();\n try {\n if (editing) {\n await updateExpense({\n variables: {\n id: editing.id,\n workspaceId,\n input: {\n amount,\n category: form.category.trim(),\n description: form.description.trim() || undefined,\n projectId: form.projectId.trim() || undefined,\n date: isoDate,\n receiptUrl: form.receiptUrl || undefined,\n },\n },\n });\n addToast({ title: \"Expense updated\", variant: \"success\" });\n } else {\n await createExpense({\n variables: {\n input: {\n workspaceId,\n amount,\n category: form.category.trim(),\n description: form.description.trim() || undefined,\n projectId: form.projectId.trim() || undefined,\n date: isoDate,\n receiptUrl: form.receiptUrl || undefined,\n },\n },\n });\n addToast({ title: \"Expense added\", variant: \"success\" });\n }\n closeForm();\n await refreshAll();\n } catch {\n addToast({\n title: editing ? \"Failed to update expense\" : \"Failed to add expense\",\n variant: \"error\",\n });\n }\n };\n\n const handleDelete = async () => {\n if (!deleteTarget) return;\n try {\n await deleteExpense({\n variables: { id: deleteTarget.id, workspaceId },\n });\n addToast({ title: \"Expense deleted\", variant: \"success\" });\n setDeleteTarget(null);\n await refreshAll();\n } catch {\n addToast({ title: \"Failed to delete expense\", variant: \"error\" });\n }\n };\n\n const handleSubmitForApproval = async (expense: ExpenseFieldsFragment) => {\n setBusyId(expense.id);\n try {\n await submitExpense({ variables: { id: expense.id, workspaceId } });\n addToast({ title: \"Submitted for approval\", variant: \"success\" });\n await refreshAll();\n } catch {\n addToast({ title: \"Failed to submit expense\", variant: \"error\" });\n } finally {\n setBusyId(null);\n }\n };\n\n const handleApprove = async (expense: ExpenseFieldsFragment) => {\n setBusyId(expense.id);\n try {\n await approveExpense({ variables: { id: expense.id, workspaceId } });\n addToast({ title: \"Expense approved\", variant: \"success\" });\n await refreshAll();\n } catch {\n addToast({ title: \"Failed to approve expense\", variant: \"error\" });\n } finally {\n setBusyId(null);\n }\n };\n\n const handleReject = async () => {\n if (!rejectTarget) return;\n try {\n await rejectExpense({\n variables: {\n id: rejectTarget.id,\n workspaceId,\n reason: rejectReason.trim() || undefined,\n },\n });\n addToast({ title: \"Expense rejected\", variant: \"success\" });\n setRejectTarget(null);\n setRejectReason(\"\");\n await refreshAll();\n } catch {\n addToast({ title: \"Failed to reject expense\", variant: \"error\" });\n }\n };\n\n const handleLoadMore = async () => {\n setLoadingMore(true);\n try {\n const res = await fetchMore({\n variables: { workspaceId, limit: PAGE_SIZE, offset: expenses.length },\n updateQuery: (prev, { fetchMoreResult }) => {\n if (!fetchMoreResult) return prev;\n return {\n ...prev,\n expenses: [...prev.expenses, ...fetchMoreResult.expenses],\n };\n },\n });\n if ((res.data?.expenses?.length ?? 0) < PAGE_SIZE) {\n setCanLoadMore(false);\n }\n } finally {\n setLoadingMore(false);\n }\n };\n\n if (expensesLoading && statsLoading && expenses.length === 0) {\n return (\n <PageLayout\n title=\"Expense Tracking\"\n description=\"Track and manage work expenses\"\n >\n <LoadingSkeleton variant=\"list\" count={4} />\n </PageLayout>\n );\n }\n\n if (expensesError && statsError) {\n return (\n <PageLayout\n title=\"Expense Tracking\"\n description=\"Track and manage work expenses\"\n >\n <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n Failed to load expense data. Please try again later.\n </div>\n </PageLayout>\n );\n }\n\n const addButton = (\n <button\n onClick={openCreate}\n className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n >\n <Plus className=\"h-4 w-4\" />\n Add Expense\n </button>\n );\n\n return (\n <PageLayout\n title=\"Expense Tracking\"\n description=\"Track and manage work expenses\"\n purpose=\"Capture project-related costs alongside the hours you log — receipts, categories and approvals in one place — so the bill you send a client reflects the full cost of the work, not just time.\"\n actions={addButton}\n >\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n <StatCard\n featured\n title=\"Total This Month\"\n value={formatCurrency(stats?.totalAmount ?? 0)}\n icon={<DollarSign className=\"h-5 w-5\" />}\n />\n <StatCard\n title=\"Pending\"\n value={String(stats?.pendingCount ?? 0)}\n description=\"expenses awaiting approval\"\n />\n <StatCard\n title=\"Approved\"\n value={String(stats?.approvedCount ?? 0)}\n description=\"expenses approved\"\n />\n <StatCard\n title=\"Average\"\n value={formatCurrency(stats?.averageAmount ?? 0)}\n icon={<Receipt className=\"h-5 w-5\" />}\n description=\"per expense\"\n />\n </div>\n\n {expenses.length === 0 && !expensesLoading ? (\n <EmptyState\n illustration=\"empty-data\"\n title=\"No expenses recorded yet\"\n description=\"Add your first expense to track project costs and route them for approval.\"\n action={addButton}\n />\n ) : (\n <>\n <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop\">\n <div className=\"divide-y divide-border\">\n {expenses.map((expense: ExpenseFieldsFragment) => {\n const rowBusy = busyId === expense.id;\n const isPending = expense.status === ExpenseStatus.Pending;\n const isRejected = expense.status === ExpenseStatus.Rejected;\n return (\n <div\n key={expense.id}\n className=\"flex flex-col gap-3 p-4 hover:bg-bg-sunken/50 transition-colors sm:flex-row sm:items-center sm:justify-between\"\n >\n <div className=\"flex items-center gap-3\">\n <Receipt className=\"h-5 w-5 shrink-0 text-text-secondary\" />\n <div>\n <p className=\"text-sm font-medium text-text-primary\">\n {expense.description ?? \"Untitled expense\"}\n </p>\n <p className=\"text-xs text-text-secondary\">\n {expense.category} ·{\" \"}\n {expense.projectId ?? \"No project\"} ·{\" \"}\n {formatDate(expense.date)}\n </p>\n </div>\n </div>\n <div className=\"flex items-center gap-3\">\n <p className=\"text-sm font-medium text-text-primary\">\n {formatCurrency(expense.amount, expense.currency)}\n </p>\n <StatusBadge\n label={expense.status.toLowerCase()}\n status={expense.status.toLowerCase()}\n />\n <div className=\"flex items-center gap-1\">\n {isPending && (\n <>\n <button\n type=\"button\"\n disabled={rowBusy}\n onClick={() => handleApprove(expense)}\n title=\"Approve expense\"\n className=\"rounded-md p-1.5 text-status-success-text hover:bg-status-success-bg disabled:opacity-50\"\n >\n <Check className=\"h-4 w-4\" />\n </button>\n <button\n type=\"button\"\n disabled={rowBusy}\n onClick={() => {\n setRejectTarget(expense);\n setRejectReason(\"\");\n }}\n title=\"Reject expense\"\n className=\"rounded-md p-1.5 text-status-error-text hover:bg-status-error-bg disabled:opacity-50\"\n >\n <X className=\"h-4 w-4\" />\n </button>\n </>\n )}\n {isRejected && (\n <button\n type=\"button\"\n disabled={rowBusy}\n onClick={() => handleSubmitForApproval(expense)}\n title=\"Resubmit for approval\"\n className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken disabled:opacity-50\"\n >\n <Send className=\"h-4 w-4\" />\n </button>\n )}\n <button\n type=\"button\"\n onClick={() => setReviewTarget(expense)}\n title=\"Review expense\"\n className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken\"\n >\n <MessageSquare className=\"h-4 w-4\" />\n </button>\n <button\n type=\"button\"\n onClick={() => openEdit(expense)}\n title=\"Edit expense\"\n className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken\"\n >\n <Pencil className=\"h-4 w-4\" />\n </button>\n <button\n type=\"button\"\n onClick={() => setDeleteTarget(expense)}\n title=\"Delete expense\"\n className=\"rounded-md p-1.5 text-status-error-text hover:bg-status-error-bg\"\n >\n <Trash2 className=\"h-4 w-4\" />\n </button>\n </div>\n </div>\n </div>\n );\n })}\n </div>\n </div>\n\n {canLoadMore && expenses.length >= PAGE_SIZE && (\n <div className=\"mt-4 flex justify-center\">\n <button\n onClick={handleLoadMore}\n disabled={loadingMore}\n className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50\"\n >\n {loadingMore ? \"Loading...\" : \"Load more\"}\n </button>\n </div>\n )}\n </>\n )}\n\n <Modal\n open={formOpen}\n onClose={closeForm}\n title={editing ? \"Edit Expense\" : \"Add Expense\"}\n description={\n editing\n ? \"Update this expense's details.\"\n : \"Record a project-related cost to track alongside your logged hours.\"\n }\n footer={\n <>\n <button\n onClick={closeForm}\n className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n >\n Cancel\n </button>\n <button\n onClick={handleSubmit}\n disabled={\n creating ||\n updating ||\n !form.amount ||\n Number.isNaN(Number(form.amount)) ||\n !form.category.trim()\n }\n className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n >\n {creating || updating\n ? \"Saving...\"\n : editing\n ? \"Save Changes\"\n : \"Add Expense\"}\n </button>\n </>\n }\n >\n <div className=\"space-y-4\">\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label className=\"block text-sm font-medium text-text-primary\">\n Amount\n </label>\n <input\n type=\"number\"\n min={0}\n step=\"0.01\"\n placeholder=\"0.00\"\n value={form.amount}\n onChange={(e) => setForm({ ...form, amount: e.target.value })}\n className={inputClass}\n />\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary\">\n Category\n </label>\n <select\n value={form.category}\n onChange={(e) => setForm({ ...form, category: e.target.value })}\n className={inputClass}\n >\n {CATEGORY_OPTIONS.map((c) => (\n <option key={c} value={c}>\n {c}\n </option>\n ))}\n </select>\n </div>\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary\">\n Description\n </label>\n <input\n type=\"text\"\n placeholder=\"What was this expense for?\"\n value={form.description}\n onChange={(e) =>\n setForm({ ...form, description: e.target.value })\n }\n className={inputClass}\n />\n </div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label className=\"block text-sm font-medium text-text-primary\">\n Project ID\n </label>\n <input\n type=\"text\"\n placeholder=\"Optional project ID\"\n value={form.projectId}\n onChange={(e) =>\n setForm({ ...form, projectId: e.target.value })\n }\n className={inputClass}\n />\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary\">\n Date\n </label>\n <input\n type=\"date\"\n value={form.date}\n onChange={(e) => setForm({ ...form, date: e.target.value })}\n className={inputClass}\n />\n </div>\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary\">\n Receipt\n </label>\n <div className=\"mt-1 flex flex-col gap-2\">\n <label\n className={`inline-flex w-fit cursor-pointer items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 ${\n uploadingReceipt ? \"opacity-50\" : \"\"\n }`}\n >\n <Upload className=\"h-4 w-4\" />\n {uploadingReceipt ? \"Uploading...\" : \"Upload receipt\"}\n <input\n type=\"file\"\n accept=\"image/*,application/pdf\"\n disabled={uploadingReceipt}\n className=\"hidden\"\n onChange={(e) => {\n const file = e.target.files?.[0];\n // Reset the input so re-selecting the same file re-triggers change.\n e.target.value = \"\";\n if (file) void handleReceiptUpload(file);\n }}\n />\n </label>\n {form.receiptUrl && (\n <a\n href={form.receiptUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"inline-flex w-fit items-center gap-1.5 text-sm font-medium text-action-primary-text/90 underline decoration-border-subtle underline-offset-2 hover:text-action-primary-text\"\n >\n <ExternalLink className=\"h-3.5 w-3.5\" />\n View current receipt\n </a>\n )}\n <p className=\"text-xs text-text-secondary\">\n Attach an image or PDF. Uploading is optional and never blocks\n saving the expense.\n </p>\n </div>\n </div>\n </div>\n </Modal>\n\n <Modal\n open={deleteTarget !== null}\n onClose={() => setDeleteTarget(null)}\n title=\"Delete expense?\"\n description={\n deleteTarget\n ? `${formatCurrency(deleteTarget.amount, deleteTarget.currency)} · ${deleteTarget.category} will be removed.`\n : undefined\n }\n size=\"sm\"\n footer={\n <>\n <button\n onClick={() => setDeleteTarget(null)}\n className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n >\n Cancel\n </button>\n <button\n onClick={handleDelete}\n disabled={deleting}\n className=\"rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50\"\n >\n {deleting ? \"Deleting...\" : \"Delete\"}\n </button>\n </>\n }\n >\n <p className=\"text-sm text-text-secondary\">\n This permanently removes the expense. This action cannot be undone.\n </p>\n </Modal>\n\n <Modal\n open={rejectTarget !== null}\n onClose={() => setRejectTarget(null)}\n title=\"Reject expense\"\n description=\"Let the submitter know why this expense was rejected.\"\n size=\"sm\"\n footer={\n <>\n <button\n onClick={() => setRejectTarget(null)}\n className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n >\n Cancel\n </button>\n <button\n onClick={handleReject}\n disabled={rejecting}\n className=\"rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50\"\n >\n {rejecting ? \"Rejecting...\" : \"Reject Expense\"}\n </button>\n </>\n }\n >\n <label className=\"block text-sm font-medium text-text-primary\">\n Reason\n </label>\n <textarea\n rows={3}\n placeholder=\"Reason for rejection (optional)\"\n value={rejectReason}\n onChange={(e) => setRejectReason(e.target.value)}\n className={inputClass}\n />\n </Modal>\n\n <Modal\n open={reviewTarget !== null}\n onClose={() => setReviewTarget(null)}\n title=\"Expense review\"\n description={\n reviewTarget\n ? `Discuss ${reviewTarget.description ?? \"this expense\"} with your team.`\n : undefined\n }\n >\n {reviewTarget && <ExpenseReviewThread expense={reviewTarget} />}\n </Modal>\n\n <ToastContainer toasts={toasts} onDismiss={dismissToast} />\n </PageLayout>\n );\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ExpenseTrackingPage.js","names":[],"sources":["../../../../src/timecampus/pages/expense-tracking/ExpenseTrackingPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n Receipt,\n Plus,\n DollarSign,\n Pencil,\n Trash2,\n Send,\n Check,\n X,\n Upload,\n ExternalLink,\n MessageSquare,\n} from \"lucide-react\";\nimport { gql } from \"@apollo/client\";\nimport { useApolloClient } from \"@apollo/client/react\";\nimport { uploadBlobToFiles } from \"@burdenoff/fe-libs/storage\";\nimport { ContextConversationWidget } from \"@burdenoff/fe-libs/shared\";\nimport { useRegisterPageConversationContext } from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { StatusBadge } from \"../../components/StatusBadge\";\nimport { Modal } from \"../../components/Modal\";\nimport { ToastContainer, useToast } from \"../../components/Toast\";\nimport { formatCurrency, formatDate } from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n useListExpensesQuery,\n useGetExpenseStatsQuery,\n useCreateExpenseMutation,\n useUpdateExpenseMutation,\n useDeleteExpenseMutation,\n useSubmitExpenseForApprovalMutation,\n useApproveExpenseMutation,\n useRejectExpenseMutation,\n type ExpenseFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { ExpenseStatus } from \"@/generated/wspace-types\";\n\nconst PAGE_SIZE = 25;\n\nconst CATEGORY_OPTIONS = [\n \"Travel\",\n \"Meals\",\n \"Software\",\n \"Hardware\",\n \"Office\",\n \"Training\",\n \"Other\",\n];\n\nconst inputClass =\n \"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary\";\n\n/**\n * Resolves a presigned download URL for an uploaded receipt.\n *\n * KNOWN LIMITATION: `getFileDownloadUrl` returns a presigned URL that expires\n * after `expiresIn` seconds (capped at 604800 = 7 days by wspace-files-svc).\n * We persist that URL in the expense's `receiptUrl` scalar, so a stored link\n * stops resolving after 7 days. Re-uploading the receipt (or resolving a fresh\n * URL on read) would be needed for longer-lived access.\n */\nconst GET_FILE_DOWNLOAD_URL = gql`\n query TimeCampusExpense_GetFileDownloadUrl($id: ID!, $expiresIn: Int) {\n getFileDownloadUrl(id: $id, expiresIn: $expiresIn)\n }\n`;\n\n// wspace-files requires a real folder id (File.folderId FK); resolve/create a\n// TimeCampus folder rather than passing an empty string.\nconst ENSURE_FOLDER = gql`\n mutation TimeCampusExpense_EnsureFolder($path: String!) {\n ensureFolderByPath(path: $path) {\n id\n }\n }\n`;\n\nconst RECEIPT_URL_EXPIRES_IN = 604800; // 7 days — the max wspace-files allows.\n\ninterface ExpenseFormState {\n amount: string;\n category: string;\n description: string;\n projectId: string;\n date: string;\n receiptUrl: string;\n}\n\n/**\n * Child component that mounts the per-expense review conversation thread.\n * Kept as a separate component so `useRegisterPageConversationContext` runs\n * (registering + tearing down the entity context) exactly while the review\n * modal is mounted. The widget self-scopes the thread to this entity and\n * self-guards its own errors, so the existing scalar notes/reason flow is\n * left completely untouched.\n */\nfunction ExpenseReviewThread({\n expense,\n}: {\n expense: ExpenseFieldsFragment;\n}) {\n useRegisterPageConversationContext({\n entityType: \"TIMECAMPUS_EXPENSE\",\n entityId: expense.id,\n contextTitle: `Expense · ${expense.description ?? expense.id}`,\n });\n return <ContextConversationWidget widgetKey=\"expense-review\" />;\n}\n\nfunction todayIso(): string {\n return new Date().toISOString().slice(0, 10);\n}\n\nconst emptyForm: ExpenseFormState = {\n amount: \"\",\n category: CATEGORY_OPTIONS[0],\n description: \"\",\n projectId: \"\",\n date: todayIso(),\n receiptUrl: \"\",\n};\n\nexport function ExpenseTrackingPage() {\n const { workspaceId = \"\" } = useTimeCampus();\n const { toasts, addToast, dismissToast } = useToast();\n const apollo = useApolloClient();\n\n const {\n data: expensesData,\n loading: expensesLoading,\n error: expensesError,\n refetch,\n fetchMore,\n } = useListExpensesQuery({\n variables: { workspaceId, limit: PAGE_SIZE, offset: 0 },\n notifyOnNetworkStatusChange: true,\n });\n const {\n data: statsData,\n loading: statsLoading,\n error: statsError,\n refetch: refetchStats,\n } = useGetExpenseStatsQuery({\n variables: { workspaceId },\n });\n\n const [createExpense, { loading: creating }] = useCreateExpenseMutation();\n const [updateExpense, { loading: updating }] = useUpdateExpenseMutation();\n const [deleteExpense, { loading: deleting }] = useDeleteExpenseMutation();\n const [submitExpense] = useSubmitExpenseForApprovalMutation();\n const [approveExpense] = useApproveExpenseMutation();\n const [rejectExpense, { loading: rejecting }] = useRejectExpenseMutation();\n\n const expenses = expensesData?.expenses ?? [];\n const stats = statsData?.expenseStats;\n\n const [loadingMore, setLoadingMore] = useState(false);\n const [canLoadMore, setCanLoadMore] = useState(true);\n\n // Create / edit modal\n const [formOpen, setFormOpen] = useState(false);\n const [editing, setEditing] = useState<ExpenseFieldsFragment | null>(null);\n const [form, setForm] = useState<ExpenseFormState>(emptyForm);\n const [uploadingReceipt, setUploadingReceipt] = useState(false);\n\n // Per-expense review conversation thread\n const [reviewTarget, setReviewTarget] =\n useState<ExpenseFieldsFragment | null>(null);\n\n // Delete confirm\n const [deleteTarget, setDeleteTarget] =\n useState<ExpenseFieldsFragment | null>(null);\n\n // Reject reason\n const [rejectTarget, setRejectTarget] =\n useState<ExpenseFieldsFragment | null>(null);\n const [rejectReason, setRejectReason] = useState(\"\");\n\n // Per-row busy state for status transitions\n const [busyId, setBusyId] = useState<string | null>(null);\n\n const refreshAll = async () => {\n await Promise.all([refetch(), refetchStats()]);\n };\n\n const openCreate = () => {\n setEditing(null);\n setForm({ ...emptyForm, date: todayIso() });\n setFormOpen(true);\n };\n\n const openEdit = (expense: ExpenseFieldsFragment) => {\n setEditing(expense);\n setForm({\n amount: String(expense.amount),\n category: expense.category,\n description: expense.description ?? \"\",\n projectId: expense.projectId ?? \"\",\n date: expense.date ? expense.date.slice(0, 10) : todayIso(),\n receiptUrl: expense.receiptUrl ?? \"\",\n });\n setFormOpen(true);\n };\n\n const handleReceiptUpload = async (file: File) => {\n setUploadingReceipt(true);\n try {\n const { data: folderData } = await apollo.mutate({\n mutation: ENSURE_FOLDER,\n variables: { path: \"/TimeCampus/Receipts\" },\n });\n const folderId = (folderData as { ensureFolderByPath?: { id: string } } | null)\n ?.ensureFolderByPath?.id;\n if (!folderId) throw new Error(\"Could not resolve upload folder\");\n const uploaded = await uploadBlobToFiles({\n client: apollo,\n blob: file,\n filename: file.name,\n mimeType: file.type || \"application/octet-stream\",\n folderId,\n });\n const { data } = await apollo.query({\n query: GET_FILE_DOWNLOAD_URL,\n variables: { id: uploaded.id, expiresIn: RECEIPT_URL_EXPIRES_IN },\n fetchPolicy: \"no-cache\",\n });\n const url = (data as { getFileDownloadUrl?: string } | null | undefined)?.getFileDownloadUrl;\n if (!url) throw new Error(\"No download URL returned\");\n setForm((f) => ({ ...f, receiptUrl: url }));\n addToast({ title: \"Receipt attached\", variant: \"success\" });\n } catch {\n // Upload is best-effort: never block the modal, just surface the failure.\n addToast({ title: \"Failed to upload receipt\", variant: \"error\" });\n } finally {\n setUploadingReceipt(false);\n }\n };\n\n const closeForm = () => {\n setFormOpen(false);\n setEditing(null);\n };\n\n const handleSubmit = async () => {\n const amount = Number(form.amount);\n if (!form.amount || Number.isNaN(amount) || !form.category.trim()) return;\n const isoDate = new Date(form.date).toISOString();\n try {\n if (editing) {\n await updateExpense({\n variables: {\n id: editing.id,\n workspaceId,\n input: {\n amount,\n category: form.category.trim(),\n description: form.description.trim() || undefined,\n projectId: form.projectId.trim() || undefined,\n date: isoDate,\n receiptUrl: form.receiptUrl || undefined,\n },\n },\n });\n addToast({ title: \"Expense updated\", variant: \"success\" });\n } else {\n await createExpense({\n variables: {\n input: {\n workspaceId,\n amount,\n category: form.category.trim(),\n description: form.description.trim() || undefined,\n projectId: form.projectId.trim() || undefined,\n date: isoDate,\n receiptUrl: form.receiptUrl || undefined,\n },\n },\n });\n addToast({ title: \"Expense added\", variant: \"success\" });\n }\n closeForm();\n await refreshAll();\n } catch {\n addToast({\n title: editing ? \"Failed to update expense\" : \"Failed to add expense\",\n variant: \"error\",\n });\n }\n };\n\n const handleDelete = async () => {\n if (!deleteTarget) return;\n try {\n await deleteExpense({\n variables: { id: deleteTarget.id, workspaceId },\n });\n addToast({ title: \"Expense deleted\", variant: \"success\" });\n setDeleteTarget(null);\n await refreshAll();\n } catch {\n addToast({ title: \"Failed to delete expense\", variant: \"error\" });\n }\n };\n\n const handleSubmitForApproval = async (expense: ExpenseFieldsFragment) => {\n setBusyId(expense.id);\n try {\n await submitExpense({ variables: { id: expense.id, workspaceId } });\n addToast({ title: \"Submitted for approval\", variant: \"success\" });\n await refreshAll();\n } catch {\n addToast({ title: \"Failed to submit expense\", variant: \"error\" });\n } finally {\n setBusyId(null);\n }\n };\n\n const handleApprove = async (expense: ExpenseFieldsFragment) => {\n setBusyId(expense.id);\n try {\n await approveExpense({ variables: { id: expense.id, workspaceId } });\n addToast({ title: \"Expense approved\", variant: \"success\" });\n await refreshAll();\n } catch {\n addToast({ title: \"Failed to approve expense\", variant: \"error\" });\n } finally {\n setBusyId(null);\n }\n };\n\n const handleReject = async () => {\n if (!rejectTarget) return;\n try {\n await rejectExpense({\n variables: {\n id: rejectTarget.id,\n workspaceId,\n reason: rejectReason.trim() || undefined,\n },\n });\n addToast({ title: \"Expense rejected\", variant: \"success\" });\n setRejectTarget(null);\n setRejectReason(\"\");\n await refreshAll();\n } catch {\n addToast({ title: \"Failed to reject expense\", variant: \"error\" });\n }\n };\n\n const handleLoadMore = async () => {\n setLoadingMore(true);\n try {\n const res = await fetchMore({\n variables: { workspaceId, limit: PAGE_SIZE, offset: expenses.length },\n updateQuery: (prev, { fetchMoreResult }) => {\n if (!fetchMoreResult) return prev;\n return {\n ...prev,\n expenses: [...prev.expenses, ...fetchMoreResult.expenses],\n };\n },\n });\n if ((res.data?.expenses?.length ?? 0) < PAGE_SIZE) {\n setCanLoadMore(false);\n }\n } finally {\n setLoadingMore(false);\n }\n };\n\n if (expensesLoading && statsLoading && expenses.length === 0) {\n return (\n <PageLayout\n title=\"Expense Tracking\"\n description=\"Track and manage work expenses\"\n >\n <LoadingSkeleton variant=\"list\" count={4} />\n </PageLayout>\n );\n }\n\n if (expensesError && statsError) {\n return (\n <PageLayout\n title=\"Expense Tracking\"\n description=\"Track and manage work expenses\"\n >\n <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n Failed to load expense data. Please try again later.\n </div>\n </PageLayout>\n );\n }\n\n const addButton = (\n <button\n onClick={openCreate}\n className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n >\n <Plus className=\"h-4 w-4\" />\n Add Expense\n </button>\n );\n\n return (\n <PageLayout\n title=\"Expense Tracking\"\n description=\"Track and manage work expenses\"\n purpose=\"Capture project-related costs alongside the hours you log — receipts, categories and approvals in one place — so the bill you send a client reflects the full cost of the work, not just time.\"\n actions={addButton}\n >\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n <StatCard\n featured\n title=\"Total This Month\"\n value={formatCurrency(stats?.totalAmount ?? 0)}\n icon={<DollarSign className=\"h-5 w-5\" />}\n />\n <StatCard\n title=\"Pending\"\n value={String(stats?.pendingCount ?? 0)}\n description=\"expenses awaiting approval\"\n />\n <StatCard\n title=\"Approved\"\n value={String(stats?.approvedCount ?? 0)}\n description=\"expenses approved\"\n />\n <StatCard\n title=\"Average\"\n value={formatCurrency(stats?.averageAmount ?? 0)}\n icon={<Receipt className=\"h-5 w-5\" />}\n description=\"per expense\"\n />\n </div>\n\n {expenses.length === 0 && !expensesLoading ? (\n <EmptyState\n illustration=\"empty-data\"\n title=\"No expenses recorded yet\"\n description=\"Add your first expense to track project costs and route them for approval.\"\n action={addButton}\n />\n ) : (\n <>\n <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop\">\n <div className=\"divide-y divide-border\">\n {expenses.map((expense: ExpenseFieldsFragment) => {\n const rowBusy = busyId === expense.id;\n const isPending = expense.status === ExpenseStatus.Pending;\n const isRejected = expense.status === ExpenseStatus.Rejected;\n return (\n <div\n key={expense.id}\n className=\"flex flex-col gap-3 p-4 hover:bg-bg-sunken/50 transition-colors sm:flex-row sm:items-center sm:justify-between\"\n >\n <div className=\"flex items-center gap-3\">\n <Receipt className=\"h-5 w-5 shrink-0 text-text-secondary\" />\n <div>\n <p className=\"text-sm font-medium text-text-primary\">\n {expense.description ?? \"Untitled expense\"}\n </p>\n <p className=\"text-xs text-text-secondary\">\n {expense.category} ·{\" \"}\n {expense.projectId ?? \"No project\"} ·{\" \"}\n {formatDate(expense.date)}\n </p>\n </div>\n </div>\n <div className=\"flex items-center gap-3\">\n <p className=\"text-sm font-medium text-text-primary\">\n {formatCurrency(expense.amount, expense.currency)}\n </p>\n <StatusBadge\n label={expense.status.toLowerCase()}\n status={expense.status.toLowerCase()}\n />\n <div className=\"flex items-center gap-1\">\n {isPending && (\n <>\n <button\n type=\"button\"\n disabled={rowBusy}\n onClick={() => handleApprove(expense)}\n title=\"Approve expense\"\n className=\"rounded-md p-1.5 text-status-success-text hover:bg-status-success-bg disabled:opacity-50\"\n >\n <Check className=\"h-4 w-4\" />\n </button>\n <button\n type=\"button\"\n disabled={rowBusy}\n onClick={() => {\n setRejectTarget(expense);\n setRejectReason(\"\");\n }}\n title=\"Reject expense\"\n className=\"rounded-md p-1.5 text-status-error-text hover:bg-status-error-bg disabled:opacity-50\"\n >\n <X className=\"h-4 w-4\" />\n </button>\n </>\n )}\n {isRejected && (\n <button\n type=\"button\"\n disabled={rowBusy}\n onClick={() => handleSubmitForApproval(expense)}\n title=\"Resubmit for approval\"\n className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken disabled:opacity-50\"\n >\n <Send className=\"h-4 w-4\" />\n </button>\n )}\n <button\n type=\"button\"\n onClick={() => setReviewTarget(expense)}\n title=\"Review expense\"\n className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken\"\n >\n <MessageSquare className=\"h-4 w-4\" />\n </button>\n <button\n type=\"button\"\n onClick={() => openEdit(expense)}\n title=\"Edit expense\"\n className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken\"\n >\n <Pencil className=\"h-4 w-4\" />\n </button>\n <button\n type=\"button\"\n onClick={() => setDeleteTarget(expense)}\n title=\"Delete expense\"\n className=\"rounded-md p-1.5 text-status-error-text hover:bg-status-error-bg\"\n >\n <Trash2 className=\"h-4 w-4\" />\n </button>\n </div>\n </div>\n </div>\n );\n })}\n </div>\n </div>\n\n {canLoadMore && expenses.length >= PAGE_SIZE && (\n <div className=\"mt-4 flex justify-center\">\n <button\n onClick={handleLoadMore}\n disabled={loadingMore}\n className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50\"\n >\n {loadingMore ? \"Loading...\" : \"Load more\"}\n </button>\n </div>\n )}\n </>\n )}\n\n <Modal\n open={formOpen}\n onClose={closeForm}\n title={editing ? \"Edit Expense\" : \"Add Expense\"}\n description={\n editing\n ? \"Update this expense's details.\"\n : \"Record a project-related cost to track alongside your logged hours.\"\n }\n footer={\n <>\n <button\n onClick={closeForm}\n className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n >\n Cancel\n </button>\n <button\n onClick={handleSubmit}\n disabled={\n creating ||\n updating ||\n !form.amount ||\n Number.isNaN(Number(form.amount)) ||\n !form.category.trim()\n }\n className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n >\n {creating || updating\n ? \"Saving...\"\n : editing\n ? \"Save Changes\"\n : \"Add Expense\"}\n </button>\n </>\n }\n >\n <div className=\"space-y-4\">\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label className=\"block text-sm font-medium text-text-primary\">\n Amount\n </label>\n <input\n type=\"number\"\n min={0}\n step=\"0.01\"\n placeholder=\"0.00\"\n value={form.amount}\n onChange={(e) => setForm({ ...form, amount: e.target.value })}\n className={inputClass}\n />\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary\">\n Category\n </label>\n <select\n value={form.category}\n onChange={(e) => setForm({ ...form, category: e.target.value })}\n className={inputClass}\n >\n {CATEGORY_OPTIONS.map((c) => (\n <option key={c} value={c}>\n {c}\n </option>\n ))}\n </select>\n </div>\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary\">\n Description\n </label>\n <input\n type=\"text\"\n placeholder=\"What was this expense for?\"\n value={form.description}\n onChange={(e) =>\n setForm({ ...form, description: e.target.value })\n }\n className={inputClass}\n />\n </div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label className=\"block text-sm font-medium text-text-primary\">\n Project ID\n </label>\n <input\n type=\"text\"\n placeholder=\"Optional project ID\"\n value={form.projectId}\n onChange={(e) =>\n setForm({ ...form, projectId: e.target.value })\n }\n className={inputClass}\n />\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary\">\n Date\n </label>\n <input\n type=\"date\"\n value={form.date}\n onChange={(e) => setForm({ ...form, date: e.target.value })}\n className={inputClass}\n />\n </div>\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary\">\n Receipt\n </label>\n <div className=\"mt-1 flex flex-col gap-2\">\n <label\n className={`inline-flex w-fit cursor-pointer items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 ${\n uploadingReceipt ? \"opacity-50\" : \"\"\n }`}\n >\n <Upload className=\"h-4 w-4\" />\n {uploadingReceipt ? \"Uploading...\" : \"Upload receipt\"}\n <input\n type=\"file\"\n accept=\"image/*,application/pdf\"\n disabled={uploadingReceipt}\n className=\"hidden\"\n onChange={(e) => {\n const file = e.target.files?.[0];\n // Reset the input so re-selecting the same file re-triggers change.\n e.target.value = \"\";\n if (file) void handleReceiptUpload(file);\n }}\n />\n </label>\n {form.receiptUrl && (\n <a\n href={form.receiptUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"inline-flex w-fit items-center gap-1.5 text-sm font-medium text-action-primary-text/90 underline decoration-border-subtle underline-offset-2 hover:text-action-primary-text\"\n >\n <ExternalLink className=\"h-3.5 w-3.5\" />\n View current receipt\n </a>\n )}\n <p className=\"text-xs text-text-secondary\">\n Attach an image or PDF. Uploading is optional and never blocks\n saving the expense.\n </p>\n </div>\n </div>\n </div>\n </Modal>\n\n <Modal\n open={deleteTarget !== null}\n onClose={() => setDeleteTarget(null)}\n title=\"Delete expense?\"\n description={\n deleteTarget\n ? `${formatCurrency(deleteTarget.amount, deleteTarget.currency)} · ${deleteTarget.category} will be removed.`\n : undefined\n }\n size=\"sm\"\n footer={\n <>\n <button\n onClick={() => setDeleteTarget(null)}\n className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n >\n Cancel\n </button>\n <button\n onClick={handleDelete}\n disabled={deleting}\n className=\"rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50\"\n >\n {deleting ? \"Deleting...\" : \"Delete\"}\n </button>\n </>\n }\n >\n <p className=\"text-sm text-text-secondary\">\n This permanently removes the expense. This action cannot be undone.\n </p>\n </Modal>\n\n <Modal\n open={rejectTarget !== null}\n onClose={() => setRejectTarget(null)}\n title=\"Reject expense\"\n description=\"Let the submitter know why this expense was rejected.\"\n size=\"sm\"\n footer={\n <>\n <button\n onClick={() => setRejectTarget(null)}\n className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n >\n Cancel\n </button>\n <button\n onClick={handleReject}\n disabled={rejecting}\n className=\"rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50\"\n >\n {rejecting ? \"Rejecting...\" : \"Reject Expense\"}\n </button>\n </>\n }\n >\n <label className=\"block text-sm font-medium text-text-primary\">\n Reason\n </label>\n <textarea\n rows={3}\n placeholder=\"Reason for rejection (optional)\"\n value={rejectReason}\n onChange={(e) => setRejectReason(e.target.value)}\n className={inputClass}\n />\n </Modal>\n\n <Modal\n open={reviewTarget !== null}\n onClose={() => setReviewTarget(null)}\n title=\"Expense review\"\n description={\n reviewTarget\n ? `Discuss ${reviewTarget.description ?? \"this expense\"} with your team.`\n : undefined\n }\n >\n {reviewTarget && <ExpenseReviewThread expense={reviewTarget} />}\n </Modal>\n\n <ToastContainer toasts={toasts} onDismiss={dismissToast} />\n </PageLayout>\n );\n}\n"],"mappings":"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"}
|
|
@@ -10,7 +10,13 @@ var l = r`
|
|
|
10
10
|
query TimeCampus_GetFileDownloadUrl($id: ID!, $expiresIn: Int) {
|
|
11
11
|
getFileDownloadUrl(id: $id, expiresIn: $expiresIn)
|
|
12
12
|
}
|
|
13
|
-
`, u =
|
|
13
|
+
`, u = r`
|
|
14
|
+
mutation TimeCampusMeeting_EnsureFolder($path: String!) {
|
|
15
|
+
ensureFolderByPath(path: $path) {
|
|
16
|
+
id
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
`, d = [
|
|
14
20
|
{
|
|
15
21
|
value: e.Team,
|
|
16
22
|
label: "Team"
|
|
@@ -39,170 +45,175 @@ var l = r`
|
|
|
39
45
|
value: e.External,
|
|
40
46
|
label: "External"
|
|
41
47
|
}
|
|
42
|
-
],
|
|
43
|
-
function
|
|
48
|
+
], f = "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary", p = "block text-sm font-medium text-text-primary";
|
|
49
|
+
function m(e) {
|
|
44
50
|
if (!e) return "";
|
|
45
51
|
let t = new Date(e);
|
|
46
52
|
if (Number.isNaN(t.getTime())) return "";
|
|
47
53
|
let n = (e) => String(e).padStart(2, "0");
|
|
48
54
|
return `${t.getFullYear()}-${n(t.getMonth() + 1)}-${n(t.getDate())}T${n(t.getHours())}:${n(t.getMinutes())}`;
|
|
49
55
|
}
|
|
50
|
-
var
|
|
51
|
-
let
|
|
52
|
-
|
|
56
|
+
var h = ({ open: r, onClose: h, meeting: g, workspaceId: _, submitting: v, error: y, onCreate: b, onUpdate: x }) => {
|
|
57
|
+
let S = !!g, [C, w] = n(g?.title ?? ""), [T, E] = n(g?.meetingType ?? e.Team), [D, O] = n(m(g?.startTime)), [k, A] = n(g?.duration ?? 30), [j, M] = n(g?.notes ?? ""), [N, P] = n(g?.recordingUrl ?? ""), F = i(), [I, L] = n(!1), [R, z] = n(null), B = !!(C.trim() && D) && !v, V = async (e) => {
|
|
58
|
+
L(!0), z(null);
|
|
53
59
|
try {
|
|
54
|
-
let t = await
|
|
55
|
-
|
|
60
|
+
let { data: t } = await F.mutate({
|
|
61
|
+
mutation: u,
|
|
62
|
+
variables: { path: "/TimeCampus/Recordings" }
|
|
63
|
+
}), n = t?.ensureFolderByPath?.id;
|
|
64
|
+
if (!n) throw Error("Could not resolve upload folder");
|
|
65
|
+
let r = await c({
|
|
66
|
+
client: F,
|
|
56
67
|
blob: e,
|
|
57
68
|
filename: e.name,
|
|
58
69
|
mimeType: e.type || "application/octet-stream",
|
|
59
|
-
folderId:
|
|
60
|
-
}), { data:
|
|
70
|
+
folderId: n
|
|
71
|
+
}), { data: i } = await F.query({
|
|
61
72
|
query: l,
|
|
62
73
|
variables: {
|
|
63
|
-
id:
|
|
74
|
+
id: r.id,
|
|
64
75
|
expiresIn: 604800
|
|
65
76
|
},
|
|
66
77
|
fetchPolicy: "no-cache"
|
|
67
|
-
}),
|
|
68
|
-
if (!
|
|
69
|
-
|
|
78
|
+
}), a = i?.getFileDownloadUrl;
|
|
79
|
+
if (!a) throw Error("No download URL returned");
|
|
80
|
+
P(a);
|
|
70
81
|
} catch {
|
|
71
|
-
|
|
82
|
+
z("Failed to upload recording. You can paste a URL instead.");
|
|
72
83
|
} finally {
|
|
73
|
-
|
|
84
|
+
L(!1);
|
|
74
85
|
}
|
|
75
86
|
};
|
|
76
87
|
return /* @__PURE__ */ s(t, {
|
|
77
88
|
open: r,
|
|
78
|
-
onClose:
|
|
79
|
-
title:
|
|
80
|
-
description:
|
|
89
|
+
onClose: h,
|
|
90
|
+
title: S ? "Edit Meeting" : "Schedule Meeting",
|
|
91
|
+
description: S ? "Update this meeting's details." : "Add a meeting to track its time, cost and follow-ups.",
|
|
81
92
|
size: "xl",
|
|
82
93
|
footer: /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("button", {
|
|
83
|
-
onClick:
|
|
94
|
+
onClick: h,
|
|
84
95
|
className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
|
|
85
96
|
children: "Cancel"
|
|
86
97
|
}), /* @__PURE__ */ o("button", {
|
|
87
98
|
onClick: async () => {
|
|
88
|
-
if (!
|
|
89
|
-
let e = new Date(
|
|
90
|
-
|
|
91
|
-
title:
|
|
92
|
-
meetingType:
|
|
99
|
+
if (!B) return;
|
|
100
|
+
let e = new Date(D).toISOString(), t = k > 0 ? new Date(new Date(D).getTime() + k * 6e4).toISOString() : void 0;
|
|
101
|
+
S && x ? await x({
|
|
102
|
+
title: C.trim(),
|
|
103
|
+
meetingType: T,
|
|
93
104
|
startTime: e,
|
|
94
105
|
endTime: t,
|
|
95
|
-
notes:
|
|
96
|
-
recordingUrl:
|
|
97
|
-
}) :
|
|
98
|
-
workspaceId:
|
|
99
|
-
title:
|
|
100
|
-
meetingType:
|
|
106
|
+
notes: j.trim() || void 0,
|
|
107
|
+
recordingUrl: N.trim() || void 0
|
|
108
|
+
}) : b && await b({
|
|
109
|
+
workspaceId: _,
|
|
110
|
+
title: C.trim(),
|
|
111
|
+
meetingType: T,
|
|
101
112
|
startTime: e,
|
|
102
113
|
endTime: t,
|
|
103
|
-
notes:
|
|
104
|
-
recordingUrl:
|
|
114
|
+
notes: j.trim() || void 0,
|
|
115
|
+
recordingUrl: N.trim() || void 0
|
|
105
116
|
});
|
|
106
117
|
},
|
|
107
|
-
disabled: !
|
|
118
|
+
disabled: !B,
|
|
108
119
|
className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50",
|
|
109
|
-
children:
|
|
120
|
+
children: v ? S ? "Saving..." : "Scheduling..." : S ? "Save Changes" : "Schedule"
|
|
110
121
|
})] }),
|
|
111
|
-
children: [
|
|
122
|
+
children: [y && /* @__PURE__ */ o("div", {
|
|
112
123
|
className: "mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text",
|
|
113
|
-
children:
|
|
124
|
+
children: S ? "Failed to update meeting. Please try again." : "Failed to schedule meeting. Please try again."
|
|
114
125
|
}), /* @__PURE__ */ s("div", {
|
|
115
126
|
className: "space-y-4",
|
|
116
127
|
children: [
|
|
117
128
|
/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("label", {
|
|
118
|
-
className:
|
|
129
|
+
className: p,
|
|
119
130
|
children: "Meeting Title"
|
|
120
131
|
}), /* @__PURE__ */ o("input", {
|
|
121
132
|
type: "text",
|
|
122
133
|
placeholder: "Enter meeting title",
|
|
123
|
-
value:
|
|
124
|
-
onChange: (e) =>
|
|
125
|
-
className:
|
|
134
|
+
value: C,
|
|
135
|
+
onChange: (e) => w(e.target.value),
|
|
136
|
+
className: f
|
|
126
137
|
})] }),
|
|
127
138
|
/* @__PURE__ */ s("div", {
|
|
128
139
|
className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
|
|
129
140
|
children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("label", {
|
|
130
|
-
className:
|
|
141
|
+
className: p,
|
|
131
142
|
children: "Type"
|
|
132
143
|
}), /* @__PURE__ */ o("select", {
|
|
133
|
-
value:
|
|
134
|
-
onChange: (e) =>
|
|
135
|
-
className:
|
|
136
|
-
children:
|
|
144
|
+
value: T,
|
|
145
|
+
onChange: (e) => E(e.target.value),
|
|
146
|
+
className: f,
|
|
147
|
+
children: d.map((e) => /* @__PURE__ */ o("option", {
|
|
137
148
|
value: e.value,
|
|
138
149
|
children: e.label
|
|
139
150
|
}, e.value))
|
|
140
151
|
})] }), /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("label", {
|
|
141
|
-
className:
|
|
152
|
+
className: p,
|
|
142
153
|
children: "Duration (minutes)"
|
|
143
154
|
}), /* @__PURE__ */ o("input", {
|
|
144
155
|
type: "number",
|
|
145
156
|
min: 0,
|
|
146
|
-
value:
|
|
147
|
-
onChange: (e) =>
|
|
148
|
-
className:
|
|
157
|
+
value: k,
|
|
158
|
+
onChange: (e) => A(Number(e.target.value)),
|
|
159
|
+
className: f
|
|
149
160
|
})] })]
|
|
150
161
|
}),
|
|
151
162
|
/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("label", {
|
|
152
|
-
className:
|
|
163
|
+
className: p,
|
|
153
164
|
children: "Start"
|
|
154
165
|
}), /* @__PURE__ */ o("input", {
|
|
155
166
|
type: "datetime-local",
|
|
156
|
-
value:
|
|
157
|
-
onChange: (e) =>
|
|
158
|
-
className:
|
|
167
|
+
value: D,
|
|
168
|
+
onChange: (e) => O(e.target.value),
|
|
169
|
+
className: f
|
|
159
170
|
})] }),
|
|
160
171
|
/* @__PURE__ */ s("div", { children: [
|
|
161
172
|
/* @__PURE__ */ o("label", {
|
|
162
|
-
className:
|
|
173
|
+
className: p,
|
|
163
174
|
children: "Recording"
|
|
164
175
|
}),
|
|
165
176
|
/* @__PURE__ */ o("input", {
|
|
166
177
|
type: "file",
|
|
167
178
|
accept: "audio/*,video/*",
|
|
168
|
-
disabled:
|
|
179
|
+
disabled: I,
|
|
169
180
|
onChange: (e) => {
|
|
170
181
|
let t = e.target.files?.[0];
|
|
171
|
-
t &&
|
|
182
|
+
t && V(t), e.target.value = "";
|
|
172
183
|
},
|
|
173
184
|
className: "mt-1 block w-full text-sm text-text-secondary file:mr-3 file:rounded-md file:border-0 file:bg-action-primary-bg file:px-3 file:py-1.5 file:text-sm file:font-medium file:text-action-primary-text hover:file:bg-action-primary-bg/90"
|
|
174
185
|
}),
|
|
175
|
-
|
|
186
|
+
I && /* @__PURE__ */ o("p", {
|
|
176
187
|
className: "mt-1 text-xs text-text-secondary",
|
|
177
188
|
children: "Uploading…"
|
|
178
189
|
}),
|
|
179
|
-
|
|
190
|
+
R && /* @__PURE__ */ o("p", {
|
|
180
191
|
className: "mt-1 text-xs text-status-error-text",
|
|
181
|
-
children:
|
|
192
|
+
children: R
|
|
182
193
|
}),
|
|
183
194
|
/* @__PURE__ */ o("input", {
|
|
184
195
|
type: "url",
|
|
185
196
|
placeholder: "…or paste a recording URL (https://...)",
|
|
186
|
-
value:
|
|
187
|
-
onChange: (e) =>
|
|
188
|
-
className:
|
|
197
|
+
value: N,
|
|
198
|
+
onChange: (e) => P(e.target.value),
|
|
199
|
+
className: f
|
|
189
200
|
})
|
|
190
201
|
] }),
|
|
191
202
|
/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("label", {
|
|
192
|
-
className:
|
|
203
|
+
className: p,
|
|
193
204
|
children: "Notes / Agenda"
|
|
194
205
|
}), /* @__PURE__ */ o("textarea", {
|
|
195
206
|
placeholder: "Meeting agenda...",
|
|
196
207
|
rows: 3,
|
|
197
|
-
value:
|
|
198
|
-
onChange: (e) =>
|
|
199
|
-
className:
|
|
208
|
+
value: j,
|
|
209
|
+
onChange: (e) => M(e.target.value),
|
|
210
|
+
className: f
|
|
200
211
|
})] })
|
|
201
212
|
]
|
|
202
213
|
})]
|
|
203
214
|
});
|
|
204
215
|
};
|
|
205
216
|
//#endregion
|
|
206
|
-
export {
|
|
217
|
+
export { h as MeetingFormModal };
|
|
207
218
|
|
|
208
219
|
//# sourceMappingURL=MeetingFormModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeetingFormModal.js","names":[],"sources":["../../../../src/timecampus/pages/meetings/MeetingFormModal.tsx"],"sourcesContent":["import { useState, type FC } from \"react\";\nimport { gql } from \"@apollo/client\";\nimport { useApolloClient } from \"@apollo/client/react\";\nimport { uploadBlobToFiles } from \"@burdenoff/fe-libs/storage\";\nimport { Modal } from \"../../components/Modal\";\nimport {\n MeetingType,\n type CreateMeetingInput,\n type UpdateMeetingInput,\n} from \"@/generated/wspace-types\";\nimport type { MeetingFieldsFragment } from \"@/generated/wspace-operations\";\n\n/**\n * Resolve a downloadable URL for a Files object. The URL is presigned and\n * expires after 7 days (604800s) — a known limitation: a stored recordingUrl\n * will eventually 403 and the recording must be re-uploaded to refresh it.\n */\nconst GET_FILE_DOWNLOAD_URL = gql`\n query TimeCampus_GetFileDownloadUrl($id: ID!, $expiresIn: Int) {\n getFileDownloadUrl(id: $id, expiresIn: $expiresIn)\n }\n`;\n\nconst MEETING_TYPES: { value: MeetingType; label: string }[] = [\n { value: MeetingType.Team, label: \"Team\" },\n { value: MeetingType.Standup, label: \"Standup\" },\n { value: MeetingType.OneOnOne, label: \"One-on-one\" },\n { value: MeetingType.Planning, label: \"Planning\" },\n { value: MeetingType.Review, label: \"Review\" },\n { value: MeetingType.Retrospective, label: \"Retrospective\" },\n { value: MeetingType.External, label: \"External\" },\n];\n\nconst inputClass =\n \"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary\";\nconst labelClass = \"block text-sm font-medium text-text-primary\";\n\n/** Convert an ISO string into a value usable by a datetime-local input. */\nfunction toLocalInput(iso?: string | null): string {\n if (!iso) return \"\";\n const d = new Date(iso);\n if (Number.isNaN(d.getTime())) return \"\";\n const pad = (n: number) => String(n).padStart(2, \"0\");\n return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(\n d.getHours(),\n )}:${pad(d.getMinutes())}`;\n}\n\nexport interface MeetingFormValues {\n title: string;\n meetingType: MeetingType;\n startTime: string;\n endTime?: string;\n notes?: string;\n recordingUrl?: string;\n cost?: number;\n}\n\ninterface MeetingFormModalProps {\n open: boolean;\n onClose: () => void;\n /** Existing meeting when editing; undefined when creating. */\n meeting?: MeetingFieldsFragment;\n workspaceId: string;\n submitting: boolean;\n error?: boolean;\n /** Receives a ready-to-send input; caller wires it to the right mutation. */\n onCreate?: (input: CreateMeetingInput) => Promise<void> | void;\n onUpdate?: (input: UpdateMeetingInput) => Promise<void> | void;\n}\n\nexport const MeetingFormModal: FC<MeetingFormModalProps> = ({\n open,\n onClose,\n meeting,\n workspaceId,\n submitting,\n error,\n onCreate,\n onUpdate,\n}) => {\n const isEdit = Boolean(meeting);\n const [title, setTitle] = useState(meeting?.title ?? \"\");\n const [meetingType, setMeetingType] = useState<MeetingType>(\n (meeting?.meetingType as MeetingType | undefined) ?? MeetingType.Team,\n );\n const [start, setStart] = useState(toLocalInput(meeting?.startTime));\n const [duration, setDuration] = useState<number>(meeting?.duration ?? 30);\n const [notes, setNotes] = useState(meeting?.notes ?? \"\");\n const [recordingUrl, setRecordingUrl] = useState(meeting?.recordingUrl ?? \"\");\n const apollo = useApolloClient();\n const [recordingUploading, setRecordingUploading] = useState(false);\n const [recordingError, setRecordingError] = useState<string | null>(null);\n\n const canSubmit = Boolean(title.trim() && start) && !submitting;\n\n /**\n * Upload a recording (audio/video) to platform Files and store its presigned\n * URL in the existing recordingUrl state. Failures surface an inline error\n * but never block submitting the meeting — the recording is optional and the\n * manual URL field remains available as a fallback.\n */\n const handleRecordingUpload = async (file: File) => {\n setRecordingUploading(true);\n setRecordingError(null);\n try {\n const uploaded = await uploadBlobToFiles({\n client: apollo,\n blob: file,\n filename: file.name,\n mimeType: file.type || \"application/octet-stream\",\n // Empty folderId = workspace root; backend treats it as unfoldered.\n folderId: \"\",\n });\n const { data } = await apollo.query({\n query: GET_FILE_DOWNLOAD_URL,\n variables: { id: uploaded.id, expiresIn: 604800 },\n fetchPolicy: \"no-cache\",\n });\n const url = (data as { getFileDownloadUrl?: string } | null | undefined)?.getFileDownloadUrl;\n if (!url) throw new Error(\"No download URL returned\");\n setRecordingUrl(url);\n } catch {\n setRecordingError(\"Failed to upload recording. You can paste a URL instead.\");\n } finally {\n setRecordingUploading(false);\n }\n };\n\n const handleSubmit = async () => {\n if (!canSubmit) return;\n const startIso = new Date(start).toISOString();\n const endIso =\n duration > 0\n ? new Date(new Date(start).getTime() + duration * 60_000).toISOString()\n : undefined;\n\n if (isEdit && onUpdate) {\n await onUpdate({\n title: title.trim(),\n meetingType,\n startTime: startIso,\n endTime: endIso,\n notes: notes.trim() || undefined,\n recordingUrl: recordingUrl.trim() || undefined,\n });\n } else if (onCreate) {\n await onCreate({\n workspaceId,\n title: title.trim(),\n meetingType,\n startTime: startIso,\n endTime: endIso,\n notes: notes.trim() || undefined,\n recordingUrl: recordingUrl.trim() || undefined,\n });\n }\n };\n\n return (\n <Modal\n open={open}\n onClose={onClose}\n title={isEdit ? \"Edit Meeting\" : \"Schedule Meeting\"}\n description={\n isEdit\n ? \"Update this meeting's details.\"\n : \"Add a meeting to track its time, cost and follow-ups.\"\n }\n size=\"xl\"\n footer={\n <>\n <button\n onClick={onClose}\n className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n >\n Cancel\n </button>\n <button\n onClick={handleSubmit}\n disabled={!canSubmit}\n className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n >\n {submitting\n ? isEdit\n ? \"Saving...\"\n : \"Scheduling...\"\n : isEdit\n ? \"Save Changes\"\n : \"Schedule\"}\n </button>\n </>\n }\n >\n {error && (\n <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n {isEdit\n ? \"Failed to update meeting. Please try again.\"\n : \"Failed to schedule meeting. Please try again.\"}\n </div>\n )}\n <div className=\"space-y-4\">\n <div>\n <label className={labelClass}>Meeting Title</label>\n <input\n type=\"text\"\n placeholder=\"Enter meeting title\"\n value={title}\n onChange={(e) => setTitle(e.target.value)}\n className={inputClass}\n />\n </div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label className={labelClass}>Type</label>\n <select\n value={meetingType}\n onChange={(e) => setMeetingType(e.target.value as MeetingType)}\n className={inputClass}\n >\n {MEETING_TYPES.map((t) => (\n <option key={t.value} value={t.value}>\n {t.label}\n </option>\n ))}\n </select>\n </div>\n <div>\n <label className={labelClass}>Duration (minutes)</label>\n <input\n type=\"number\"\n min={0}\n value={duration}\n onChange={(e) => setDuration(Number(e.target.value))}\n className={inputClass}\n />\n </div>\n </div>\n <div>\n <label className={labelClass}>Start</label>\n <input\n type=\"datetime-local\"\n value={start}\n onChange={(e) => setStart(e.target.value)}\n className={inputClass}\n />\n </div>\n <div>\n <label className={labelClass}>Recording</label>\n <input\n type=\"file\"\n accept=\"audio/*,video/*\"\n disabled={recordingUploading}\n onChange={(e) => {\n const file = e.target.files?.[0];\n if (file) void handleRecordingUpload(file);\n // Reset so re-selecting the same file re-triggers onChange.\n e.target.value = \"\";\n }}\n className=\"mt-1 block w-full text-sm text-text-secondary file:mr-3 file:rounded-md file:border-0 file:bg-action-primary-bg file:px-3 file:py-1.5 file:text-sm file:font-medium file:text-action-primary-text hover:file:bg-action-primary-bg/90\"\n />\n {recordingUploading && (\n <p className=\"mt-1 text-xs text-text-secondary\">Uploading…</p>\n )}\n {recordingError && (\n <p className=\"mt-1 text-xs text-status-error-text\">\n {recordingError}\n </p>\n )}\n <input\n type=\"url\"\n placeholder=\"…or paste a recording URL (https://...)\"\n value={recordingUrl}\n onChange={(e) => setRecordingUrl(e.target.value)}\n className={inputClass}\n />\n </div>\n <div>\n <label className={labelClass}>Notes / Agenda</label>\n <textarea\n placeholder=\"Meeting agenda...\"\n rows={3}\n value={notes}\n onChange={(e) => setNotes(e.target.value)}\n className={inputClass}\n />\n </div>\n </div>\n </Modal>\n );\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"MeetingFormModal.js","names":[],"sources":["../../../../src/timecampus/pages/meetings/MeetingFormModal.tsx"],"sourcesContent":["import { useState, type FC } from \"react\";\nimport { gql } from \"@apollo/client\";\nimport { useApolloClient } from \"@apollo/client/react\";\nimport { uploadBlobToFiles } from \"@burdenoff/fe-libs/storage\";\nimport { Modal } from \"../../components/Modal\";\nimport {\n MeetingType,\n type CreateMeetingInput,\n type UpdateMeetingInput,\n} from \"@/generated/wspace-types\";\nimport type { MeetingFieldsFragment } from \"@/generated/wspace-operations\";\n\n/**\n * Resolve a downloadable URL for a Files object. The URL is presigned and\n * expires after 7 days (604800s) — a known limitation: a stored recordingUrl\n * will eventually 403 and the recording must be re-uploaded to refresh it.\n */\nconst GET_FILE_DOWNLOAD_URL = gql`\n query TimeCampus_GetFileDownloadUrl($id: ID!, $expiresIn: Int) {\n getFileDownloadUrl(id: $id, expiresIn: $expiresIn)\n }\n`;\n\n// wspace-files requires a real folder id (File.folderId FK).\nconst ENSURE_FOLDER = gql`\n mutation TimeCampusMeeting_EnsureFolder($path: String!) {\n ensureFolderByPath(path: $path) {\n id\n }\n }\n`;\n\nconst MEETING_TYPES: { value: MeetingType; label: string }[] = [\n { value: MeetingType.Team, label: \"Team\" },\n { value: MeetingType.Standup, label: \"Standup\" },\n { value: MeetingType.OneOnOne, label: \"One-on-one\" },\n { value: MeetingType.Planning, label: \"Planning\" },\n { value: MeetingType.Review, label: \"Review\" },\n { value: MeetingType.Retrospective, label: \"Retrospective\" },\n { value: MeetingType.External, label: \"External\" },\n];\n\nconst inputClass =\n \"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary\";\nconst labelClass = \"block text-sm font-medium text-text-primary\";\n\n/** Convert an ISO string into a value usable by a datetime-local input. */\nfunction toLocalInput(iso?: string | null): string {\n if (!iso) return \"\";\n const d = new Date(iso);\n if (Number.isNaN(d.getTime())) return \"\";\n const pad = (n: number) => String(n).padStart(2, \"0\");\n return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(\n d.getHours(),\n )}:${pad(d.getMinutes())}`;\n}\n\nexport interface MeetingFormValues {\n title: string;\n meetingType: MeetingType;\n startTime: string;\n endTime?: string;\n notes?: string;\n recordingUrl?: string;\n cost?: number;\n}\n\ninterface MeetingFormModalProps {\n open: boolean;\n onClose: () => void;\n /** Existing meeting when editing; undefined when creating. */\n meeting?: MeetingFieldsFragment;\n workspaceId: string;\n submitting: boolean;\n error?: boolean;\n /** Receives a ready-to-send input; caller wires it to the right mutation. */\n onCreate?: (input: CreateMeetingInput) => Promise<void> | void;\n onUpdate?: (input: UpdateMeetingInput) => Promise<void> | void;\n}\n\nexport const MeetingFormModal: FC<MeetingFormModalProps> = ({\n open,\n onClose,\n meeting,\n workspaceId,\n submitting,\n error,\n onCreate,\n onUpdate,\n}) => {\n const isEdit = Boolean(meeting);\n const [title, setTitle] = useState(meeting?.title ?? \"\");\n const [meetingType, setMeetingType] = useState<MeetingType>(\n (meeting?.meetingType as MeetingType | undefined) ?? MeetingType.Team,\n );\n const [start, setStart] = useState(toLocalInput(meeting?.startTime));\n const [duration, setDuration] = useState<number>(meeting?.duration ?? 30);\n const [notes, setNotes] = useState(meeting?.notes ?? \"\");\n const [recordingUrl, setRecordingUrl] = useState(meeting?.recordingUrl ?? \"\");\n const apollo = useApolloClient();\n const [recordingUploading, setRecordingUploading] = useState(false);\n const [recordingError, setRecordingError] = useState<string | null>(null);\n\n const canSubmit = Boolean(title.trim() && start) && !submitting;\n\n /**\n * Upload a recording (audio/video) to platform Files and store its presigned\n * URL in the existing recordingUrl state. Failures surface an inline error\n * but never block submitting the meeting — the recording is optional and the\n * manual URL field remains available as a fallback.\n */\n const handleRecordingUpload = async (file: File) => {\n setRecordingUploading(true);\n setRecordingError(null);\n try {\n const { data: folderData } = await apollo.mutate({\n mutation: ENSURE_FOLDER,\n variables: { path: \"/TimeCampus/Recordings\" },\n });\n const folderId = (folderData as { ensureFolderByPath?: { id: string } } | null)\n ?.ensureFolderByPath?.id;\n if (!folderId) throw new Error(\"Could not resolve upload folder\");\n const uploaded = await uploadBlobToFiles({\n client: apollo,\n blob: file,\n filename: file.name,\n mimeType: file.type || \"application/octet-stream\",\n folderId,\n });\n const { data } = await apollo.query({\n query: GET_FILE_DOWNLOAD_URL,\n variables: { id: uploaded.id, expiresIn: 604800 },\n fetchPolicy: \"no-cache\",\n });\n const url = (data as { getFileDownloadUrl?: string } | null | undefined)?.getFileDownloadUrl;\n if (!url) throw new Error(\"No download URL returned\");\n setRecordingUrl(url);\n } catch {\n setRecordingError(\"Failed to upload recording. You can paste a URL instead.\");\n } finally {\n setRecordingUploading(false);\n }\n };\n\n const handleSubmit = async () => {\n if (!canSubmit) return;\n const startIso = new Date(start).toISOString();\n const endIso =\n duration > 0\n ? new Date(new Date(start).getTime() + duration * 60_000).toISOString()\n : undefined;\n\n if (isEdit && onUpdate) {\n await onUpdate({\n title: title.trim(),\n meetingType,\n startTime: startIso,\n endTime: endIso,\n notes: notes.trim() || undefined,\n recordingUrl: recordingUrl.trim() || undefined,\n });\n } else if (onCreate) {\n await onCreate({\n workspaceId,\n title: title.trim(),\n meetingType,\n startTime: startIso,\n endTime: endIso,\n notes: notes.trim() || undefined,\n recordingUrl: recordingUrl.trim() || undefined,\n });\n }\n };\n\n return (\n <Modal\n open={open}\n onClose={onClose}\n title={isEdit ? \"Edit Meeting\" : \"Schedule Meeting\"}\n description={\n isEdit\n ? \"Update this meeting's details.\"\n : \"Add a meeting to track its time, cost and follow-ups.\"\n }\n size=\"xl\"\n footer={\n <>\n <button\n onClick={onClose}\n className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n >\n Cancel\n </button>\n <button\n onClick={handleSubmit}\n disabled={!canSubmit}\n className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n >\n {submitting\n ? isEdit\n ? \"Saving...\"\n : \"Scheduling...\"\n : isEdit\n ? \"Save Changes\"\n : \"Schedule\"}\n </button>\n </>\n }\n >\n {error && (\n <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n {isEdit\n ? \"Failed to update meeting. Please try again.\"\n : \"Failed to schedule meeting. Please try again.\"}\n </div>\n )}\n <div className=\"space-y-4\">\n <div>\n <label className={labelClass}>Meeting Title</label>\n <input\n type=\"text\"\n placeholder=\"Enter meeting title\"\n value={title}\n onChange={(e) => setTitle(e.target.value)}\n className={inputClass}\n />\n </div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label className={labelClass}>Type</label>\n <select\n value={meetingType}\n onChange={(e) => setMeetingType(e.target.value as MeetingType)}\n className={inputClass}\n >\n {MEETING_TYPES.map((t) => (\n <option key={t.value} value={t.value}>\n {t.label}\n </option>\n ))}\n </select>\n </div>\n <div>\n <label className={labelClass}>Duration (minutes)</label>\n <input\n type=\"number\"\n min={0}\n value={duration}\n onChange={(e) => setDuration(Number(e.target.value))}\n className={inputClass}\n />\n </div>\n </div>\n <div>\n <label className={labelClass}>Start</label>\n <input\n type=\"datetime-local\"\n value={start}\n onChange={(e) => setStart(e.target.value)}\n className={inputClass}\n />\n </div>\n <div>\n <label className={labelClass}>Recording</label>\n <input\n type=\"file\"\n accept=\"audio/*,video/*\"\n disabled={recordingUploading}\n onChange={(e) => {\n const file = e.target.files?.[0];\n if (file) void handleRecordingUpload(file);\n // Reset so re-selecting the same file re-triggers onChange.\n e.target.value = \"\";\n }}\n className=\"mt-1 block w-full text-sm text-text-secondary file:mr-3 file:rounded-md file:border-0 file:bg-action-primary-bg file:px-3 file:py-1.5 file:text-sm file:font-medium file:text-action-primary-text hover:file:bg-action-primary-bg/90\"\n />\n {recordingUploading && (\n <p className=\"mt-1 text-xs text-text-secondary\">Uploading…</p>\n )}\n {recordingError && (\n <p className=\"mt-1 text-xs text-status-error-text\">\n {recordingError}\n </p>\n )}\n <input\n type=\"url\"\n placeholder=\"…or paste a recording URL (https://...)\"\n value={recordingUrl}\n onChange={(e) => setRecordingUrl(e.target.value)}\n className={inputClass}\n />\n </div>\n <div>\n <label className={labelClass}>Notes / Agenda</label>\n <textarea\n placeholder=\"Meeting agenda...\"\n rows={3}\n value={notes}\n onChange={(e) => setNotes(e.target.value)}\n className={inputClass}\n />\n </div>\n </div>\n </Modal>\n );\n};\n"],"mappings":"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"}
|
package/package.json
CHANGED