feat: implement marriage profile normalization logic and request-accepted client component with tests

src/app/request-accepted/request-accepted-client.test.tsx

@@ -339,4 +339,77 @@ describe("RequestAcceptedClient", () => {
     expect(screen.queryByText(/acquaintance concluded/i)).not.toBeInTheDocument();
     expect(sessionStorage.getItem("recent_declined_outcome")).toBeNull();
   });
+
+  it("handles female confirming 'Contact Received', invokes mutation with contacted action, and transitions cleanly to outcome reporting state", async () => {
+    mockContactStatusMutateAsync.mockResolvedValueOnce({ success: true });
+
+    mockProfileState.data = {
+      id: 2,
+      gender: "female",
+      is_registering_for_self: true,
+      status: "in_case",
+      active_case: {
+        case_id: 45,
+        status: "female_accepted",
+        has_outcome_reported: false,
+      },
+    };
+
+    render(<RequestAcceptedClient locale="en" />);
+
+    // Click "Contact Received" button
+    const contactReceivedBtn = screen.getByRole("button", {
+      name: "Contact Received",
+    });
+    expect(contactReceivedBtn).toBeInTheDocument();
+    await userEvent.click(contactReceivedBtn);
+
+    // Confirmation modal should appear
+    expect(
+      screen.getByText("Are you sure contact has been made?"),
+    ).toBeInTheDocument();
+
+    // Confirm button in the modal
+    const confirmBtn = screen.getByRole("button", { name: "Confirm" });
+    await userEvent.click(confirmBtn);
+
+    // Mutation should have been called with action: 'contacted'
+    expect(mockContactStatusMutateAsync).toHaveBeenCalledWith({
+      action: "contacted",
+      custom_note: "Contact received confirmed by female candidate",
+    });
+
+    // Modal should be closed and outcome state should be rendered
+    expect(
+      screen.queryByText("Are you sure contact has been made?"),
+    ).not.toBeInTheDocument();
+    expect(screen.getByText("Share Result")).toBeInTheDocument();
+  });
+
+  it("persists 'Acquaintance Concluded' across reload when active_case has has_outcome_reported: true in post-contact stage", () => {
+    mockProfileState.data = {
+      id: 2,
+      gender: "female",
+      is_registering_for_self: true,
+      status: "in_case",
+      active_case: {
+        case_id: 45,
+        status: "contacted",
+        has_outcome_reported: true,
+        outcome_reason: "personal_withdrawal",
+      },
+    };
+
+    render(<RequestAcceptedClient locale="en" />);
+
+    expect(screen.getByText(/acquaintance concluded/i)).toBeInTheDocument();
+    expect(
+      screen.getByText(
+        "This acquaintance has not reached a conclusion and the process has been stopped. Please contact support for information on the next steps.",
+      ),
+    ).toBeInTheDocument();
+    expect(screen.getByText("Contact Support")).toBeInTheDocument();
+    expect(screen.getByText("View all detail")).toBeInTheDocument();
+    expect(screen.queryByText("Share Result")).not.toBeInTheDocument();
+  });
 });

src/app/request-accepted/request-accepted-client.tsx

@@ -628,6 +628,7 @@ export default function RequestAcceptedClient() {
                       "Contact received confirmed by female candidate",
                   });
                   setHasConfirmedFemaleContact(true);
+                  await refetchProfile();
                   setIsContactReceivedConfirmOpen(false);
                 } catch (error) {
                   console.error("Unable to persist received contact", error);
@@ -756,6 +757,7 @@ export default function RequestAcceptedClient() {
               onSuccess={async () => {
                 try {
                   await handleNoContactReport();
+                  await refetchProfile();
                   setIsNoContactConfirmOpen(false);
                 } catch (err) {
                   console.error("Failed to report no contact", err);
@@ -825,13 +827,8 @@ export default function RequestAcceptedClient() {
                       }
                     </p>
                   </div>
-                ) : caseStatus === "contacted" ||
-                isFemaleContactConfirmed ||
-                (isFemaleProfile && contactStatusMutation.isPending) ? (
+                ) : caseStatus === "contacted" || isFemaleContactConfirmed ? (
                   <div className="w-full border border-[#E2E8F0] bg-white/90 backdrop-blur-sm rounded-[20px] mt-6 px-5 py-4 text-center shadow-sm max-w-[340px] flex flex-col items-center justify-center min-h-[90px]">
-                    {isFemaleProfile && contactStatusMutation.isPending ? (
-                      <LoadingThreeDot className="text-[#E03950]" />
-                    ) : (
                     <p className="text-[#475569] text-[14px] font-medium leading-relaxed">
                       {isFemaleProfile ? (
                         t[
@@ -854,7 +851,6 @@ export default function RequestAcceptedClient() {
                         </>
                       )}
                     </p>
-                    )}
                   </div>
                 ) : noContactReportedSuccess ? (
                   <p className="mt-4 max-w-[340px] text-[14.5px] leading-[1.6] font-semibold text-[#10B981]">
@@ -896,13 +892,8 @@ export default function RequestAcceptedClient() {
                         {t["Contact Support"] || "Contact Support"}
                       </button>
                     </div>
-                  ) : caseStatus === "contacted" ||
-                  isFemaleContactConfirmed ||
-                  (isFemaleProfile && contactStatusMutation.isPending) ? (
+                  ) : caseStatus === "contacted" || isFemaleContactConfirmed ? (
                     <div className="flex mt-8 w-full gap-3 justify-center max-w-[350px] mx-auto">
-                      {isFemaleProfile &&
-                      contactStatusMutation.isPending ? null : (
-                        <>
                       <button
                         type="button"
                         disabled={isOpeningProfile}
@@ -944,8 +935,6 @@ export default function RequestAcceptedClient() {
                           t["Share Result"] || "Share Result"
                         )}
                       </button>
-                        </>
-                      )}
                     </div>
                   ) : noContactReportedSuccess ? (
                     <div className="flex flex-col mt-8 w-full gap-3.5 max-w-md mx-auto">
@@ -1009,11 +998,7 @@ export default function RequestAcceptedClient() {
                                 : "border-[#E2E8F0] bg-white/95 backdrop-blur-sm text-[#475569] shadow-sm cursor-pointer hover:bg-[#F8FAFC] active:scale-[0.98]"
                             }`}
                           >
-                            {contactStatusMutation.isPending ? (
-                              <LoadingThreeDot />
-                            ) : (
-                              primaryActionText
-                            )}
+                            {primaryActionText}
                           </button>
                         ) : (
                           <button
@@ -1050,8 +1035,7 @@ export default function RequestAcceptedClient() {
 
                   {caseStatus !== "contacted" &&
                   !isFemaleContactConfirmed &&
-                  !noContactReportedSuccess &&
-                  !(isFemaleProfile && contactStatusMutation.isPending) ? (
+                  !noContactReportedSuccess ? (
                     <div className="border border-[#FDA4AF]/60 bg-[#FFF1F2]/80 backdrop-blur-sm rounded-[16px] mt-6 p-4 max-w-md mx-auto shadow-sm">
                       <p className="text-[#BE123C] text-[12px] font-medium leading-[1.65] whitespace-pre-line text-justify">
                         {

src/hooks/marriage/types.ts

@@ -82,6 +82,7 @@ export type MarriageActiveCase = {
   status: MarriageCaseStatus;
   introduced_at: string | null;
   contact_shared_at?: string | null;
+  payment_done_at?: string | null;
   minutes_since_contact_shared?: number | null;
   can_report_no_contact?: boolean;
   can_report_outcome?: boolean;

src/lib/marriage-profile-contract.ts

@@ -116,6 +116,10 @@ export function normalizeMarriageProfile(
             rawActiveCase.contact_shared_at ??
             rawActiveCase.contactSharedAt ??
             null,
+          payment_done_at:
+            rawActiveCase.payment_done_at ??
+            rawActiveCase.paymentDoneAt ??
+            null,
           minutes_since_contact_shared:
             rawActiveCase.minutes_since_contact_shared ??
             rawActiveCase.minutesSinceContactShared ??
@@ -125,6 +129,28 @@ export function normalizeMarriageProfile(
               rawActiveCase.canReportNoContact ??
               false,
           ),
+          can_report_outcome: Boolean(
+            rawActiveCase.can_report_outcome ??
+              rawActiveCase.canReportOutcome ??
+              false,
+          ),
+          has_outcome_reported: Boolean(
+            rawActiveCase.has_outcome_reported ??
+              rawActiveCase.hasOutcomeReported ??
+              false,
+          ),
+          outcome_reason:
+            rawActiveCase.outcome_reason ??
+            rawActiveCase.outcomeReason ??
+            null,
+          outcome_note:
+            rawActiveCase.outcome_note ??
+            rawActiveCase.outcomeNote ??
+            null,
+          outcome_reported_by:
+            rawActiveCase.outcome_reported_by ??
+            rawActiveCase.outcomeReportedBy ??
+            null,
           my_action:
             rawActiveCase.my_action ?? rawActiveCase.myAction ?? "pending",
           other_action: