feat(rfa): complete RFA Approval Refactor - all 9 phases (T001-T080)

Phase 1-2: Setup, SQL schema, enums, queue constants, base entities Phase 3 (US1): ReviewTeam, ReviewTeamMember, ReviewTask, TaskCreationService Phase 4 (US2): ResponseCode, ResponseCodeRule, ImplicationsService, NotificationTriggerService Phase 5 (US3): Delegation entity, CircularDetectionService, DelegationService/Controller/Module Phase 6 (US4): ReminderRule, SchedulerService, EscalationService, ReminderProcessor, ReminderModule Phase 7 (US5): DistributionMatrix, DistributionRecipient, ApprovalListenerService (Strangler), TransmittalCreatorService, DistributionProcessor, DistributionModule Phase 8 (US6): MatrixManagementService, InheritanceService (global→project override) Phase 9 (Polish): AggregateStatusService, ConsensusService, VetoOverrideService, ParallelGatewayHandler, review-validators, optimistic locking in completeReview, test stubs (unit/integration/e2e), jest.config.js updated for tests/ directory Frontend: ReviewTaskInbox, ParallelProgress, VetoOverrideDialog, DelegationForm, DelegatedBadge, MatrixEditor, ProjectOverrideManager, DistributionStatus, ReminderHistory, ResponseCodeSelector, CodeImplications, CompleteReviewForm, ReviewTeamForm, ReviewTeamSelector, TeamMemberManager Closes #1
2026-05-12 16:17:27 +07:00
parent 3df8707b7f
commit ef20839f99
82 changed files with 7052 additions and 104 deletions
@@ -0,0 +1,113 @@
+'use client';
+
+// File: components/review-task/CompleteReviewForm.tsx
+// Form สำหรับบันทึกผล Review Task (FR-009) — Response Code + Comments
+import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { z } from 'zod';
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form';
+import { Textarea } from '@/components/ui/textarea';
+import { Button } from '@/components/ui/button';
+import { ResponseCodeSelector } from '@/components/response-code/ResponseCodeSelector';
+import { CodeImplications } from '@/components/response-code/CodeImplications';
+import { useResponseCodes } from '@/hooks/use-response-codes';
+import { ResponseCode } from '@/types/review-team';
+import { useState } from 'react';
+
+const completeReviewSchema = z.object({
+  responseCodePublicId: z.string().uuid('Response Code is required'),
+  comments: z.string().optional(),
+});
+
+type CompleteReviewFormValues = z.infer<typeof completeReviewSchema>;
+
+interface CompleteReviewFormProps {
+  taskPublicId: string;
+  documentTypeId: number;
+  projectId?: number;
+  onSubmit: (values: CompleteReviewFormValues) => void;
+  isLoading?: boolean;
+}
+
+export function CompleteReviewForm({
+  taskPublicId: _taskPublicId,
+  documentTypeId,
+  projectId,
+  onSubmit,
+  isLoading,
+}: CompleteReviewFormProps) {
+  const [selectedCode, setSelectedCode] = useState<ResponseCode | null>(null);
+  const { data: allCodes = [] } = useResponseCodes();
+
+  const form = useForm<CompleteReviewFormValues>({
+    resolver: zodResolver(completeReviewSchema),
+  });
+
+  const handleCodeChange = (publicId: string) => {
+    form.setValue('responseCodePublicId', publicId);
+    const found = (allCodes as ResponseCode[]).find((c) => c.publicId === publicId) ?? null;
+    setSelectedCode(found);
+  };
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
+        <FormField
+          control={form.control}
+          name="responseCodePublicId"
+          render={() => (
+            <FormItem>
+              <FormLabel>Response Code</FormLabel>
+              <FormControl>
+                <ResponseCodeSelector
+                  documentTypeId={documentTypeId}
+                  projectId={projectId}
+                  value={form.watch('responseCodePublicId')}
+                  onChange={handleCodeChange}
+                  disabled={isLoading}
+                />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+
+        {selectedCode && <CodeImplications responseCode={selectedCode} />}
+
+        <FormField
+          control={form.control}
+          name="comments"
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>
+                Comments
+                {selectedCode?.code === '2' || selectedCode?.code === '3' ? (
+                  <span className="text-destructive ml-1">*</span>
+                ) : null}
+              </FormLabel>
+              <FormControl>
+                <Textarea
+                  placeholder="Enter review comments..."
+                  className="min-h-[80px]"
+                  {...field}
+                />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+
+        <Button type="submit" className="w-full" disabled={isLoading}>
+          {isLoading ? 'Submitting...' : 'Submit Review'}
+        </Button>
+      </form>
+    </Form>
+  );
+}