diff --git a/src/app/request-accepted/page.tsx b/src/app/request-accepted/page.tsx
index 6121206..0c6518c 100644
--- a/src/app/request-accepted/page.tsx
+++ b/src/app/request-accepted/page.tsx
@@ -5,14 +5,17 @@ import Link from "next/link";
import { useRouter } from "next/navigation";
import { useEffect, useMemo, useState } from "react";
import AdvisorActionsCard from "@/components/Componentes/advisor-actions-card";
-import { DotsLoader } from "@/components/Componentes/button";
import CallResultSheet from "@/components/Componentes/call-result-sheet";
import DismissReasonSheet from "@/components/Componentes/dismiss-reason-sheet";
import FemaleConsentSheet from "@/components/Componentes/female-consent-sheet";
+import FemaleOutcomeSheet from "@/components/Componentes/female-outcome-sheet";
+import { LoadingThreeDot } from "@/components/Componentes/loading-three-dot";
import OutcomeSelectionSheet from "@/components/Componentes/outcome-selection-sheet";
import { PageBackground } from "@/components/Componentes/page-background";
import PageHeader from "@/components/Componentes/page-header";
+import { PageLoadingSkeleton } from "@/components/Componentes/page-loading-skeleton";
import SubscriptionRequiredSheet from "@/components/Componentes/subscription-required-sheet";
+import SwipeButton from "@/components/Componentes/swipe-button";
import type {
MarriageField,
MarriagePhoneFieldValue,
@@ -176,27 +179,62 @@ export default function RequestAcceptedPage() {
const [isContactInfoSheetOpen, setIsContactInfoSheetOpen] = useState(false);
const [isSubscriptionSheetOpen, setIsSubscriptionSheetOpen] = useState(false);
const [isOutcomeSheetOpen, setIsOutcomeSheetOpen] = useState(false);
+ const [isTimeElapsed, setIsTimeElapsed] = useState(false);
+ const [isNoContactConfirmOpen, setIsNoContactConfirmOpen] = useState(false);
+ const [isContactReceivedConfirmOpen, setIsContactReceivedConfirmOpen] =
+ useState(false);
+ const [noContactReportedSuccess, setNoContactReportedSuccess] =
+ useState(false);
const profileHref = localizePath("/new-match/profile", locale);
const { data: profile, isLoading } = useMarriageProfileQuery({
refetchInterval: 3000,
});
+ const isFemaleProfile = profile?.gender === "female";
+ const contactSharedAtStr = profile?.active_case?.contact_shared_at;
+
useEffect(() => {
- if (!profile) {
+ if (!profile || noContactReportedSuccess) {
return;
}
const targetPath = getSubmitPath(profile);
if (targetPath !== "/request-accepted") {
router.replace(localizePath(targetPath, locale));
}
- }, [profile, router, locale]);
+ }, [profile, router, locale, noContactReportedSuccess]);
+
+ useEffect(() => {
+ if (!isFemaleProfile || !contactSharedAtStr) {
+ setIsTimeElapsed(true);
+ return;
+ }
+
+ const checkTime = () => {
+ const contactSharedTime = new Date(contactSharedAtStr).getTime();
+ const elapsed = Date.now() - contactSharedTime;
+ const isPast = elapsed >= 2 * 60 * 1000;
+ setIsTimeElapsed(isPast);
+ return isPast;
+ };
+
+ const isPast = checkTime();
+ if (isPast) return;
+
+ const timer = setInterval(() => {
+ const isPastNow = checkTime();
+ if (isPastNow) {
+ clearInterval(timer);
+ }
+ }, 1000);
+
+ return () => clearInterval(timer);
+ }, [isFemaleProfile, contactSharedAtStr]);
const isRedirecting = useMemo(() => {
if (!profile) return false;
return getSubmitPath(profile) !== "/request-accepted";
}, [profile]);
- const isFemaleProfile = profile?.gender === "female";
const caseId = profile?.active_case?.case_id;
const caseStatus = profile?.active_case?.status;
const recommendedPlanId = profile?.recommended_plan?.id;
@@ -205,8 +243,14 @@ export default function RequestAcceptedPage() {
const contactStatusMutation = useSubmitMarriageContactStatusMutation(
caseId ?? "",
{
- onSuccess: () => {
- router.push(localizePath("/finding-match", locale));
+ onSuccess: (_data, variables) => {
+ if (variables?.action === "no_contact") {
+ setNoContactReportedSuccess(true);
+ } else {
+ if (!isFemaleProfile) {
+ router.push(localizePath("/finding-match", locale));
+ }
+ }
},
},
);
@@ -215,14 +259,7 @@ export default function RequestAcceptedPage() {
});
if (isLoading || isRedirecting) {
- return (
- <>
-
-
-
-
- );
+ return
;
}
const titleText = isFemaleProfile
@@ -231,10 +268,10 @@ export default function RequestAcceptedPage() {
? t["Contact info released"]
: t["Request approved!"];
const primaryActionText = isFemaleProfile
- ? t["Report no contact"]
+ ? t["No Contact Received"]
: t["View profile"];
const secondaryActionText = isFemaleProfile
- ? t["Record call result"]
+ ? t["Contact Received"]
: caseStatus === "payment_done" || caseStatus === "contacted"
? t["View contact number"]
: t["Pay and get contact"];
@@ -244,7 +281,7 @@ export default function RequestAcceptedPage() {
const handleSecondaryAction = async () => {
if (isFemaleProfile) {
- setIsCallResultSheetOpen(true);
+ setIsContactReceivedConfirmOpen(true);
return;
}
@@ -323,6 +360,35 @@ export default function RequestAcceptedPage() {
/>
) : null}
+ {isContactReceivedConfirmOpen ? (
+
+ {t["Are you sure contact has been made?"]}
+
+ }
+ buttons={
+ {
+ setIsContactReceivedConfirmOpen(false);
+ if (caseId) {
+ await contactStatusMutation.mutateAsync({
+ action: "contacted",
+ custom_note:
+ "Contact received confirmed by female candidate",
+ });
+ }
+ }}
+ />
+ }
+ onClose={() => setIsContactReceivedConfirmOpen(false)}
+ closeOnOutside={true}
+ />
+ ) : null}
+
{isDismissReasonSheetOpen ? (
setIsDismissReasonSheetOpen(false)}
@@ -338,26 +404,51 @@ export default function RequestAcceptedPage() {
) : null}
{isOutcomeSheetOpen ? (
- setIsOutcomeSheetOpen(false)}
- onSubmit={async (status) => {
- if (status === "success") {
- if (caseId) {
- await outcomeMutation.mutateAsync({
- status: "success",
- });
+ isFemaleProfile ? (
+ setIsOutcomeSheetOpen(false)}
+ onSubmit={async (status, reason) => {
+ if (status === "success") {
+ // If they confirm they are in the acquaintance/proposal process and nothing is finalized yet:
+ // No change is made to the profile, we just close the sheet.
+ setIsOutcomeSheetOpen(false);
+ } else {
+ // If they cancel:
+ if (caseId) {
+ await outcomeMutation.mutateAsync({
+ status: "failure",
+ custom_note: reason,
+ });
+ }
}
- } else {
- setIsDismissReasonSheetOpen(true);
- }
- }}
- />
+ }}
+ />
+ ) : (
+ setIsOutcomeSheetOpen(false)}
+ onSubmit={async (status) => {
+ if (status === "success") {
+ if (caseId) {
+ await outcomeMutation.mutateAsync({
+ status: "success",
+ });
+ }
+ } else {
+ setIsDismissReasonSheetOpen(true);
+ }
+ }}
+ />
+ )
) : null}
{isContactInfoSheetOpen ? (
@@ -383,6 +474,35 @@ export default function RequestAcceptedPage() {
/>
) : null}
+ {isNoContactConfirmOpen ? (
+
+ {
+ t[
+ "No contact has been made with you in any way or by any party."
+ ]
+ }
+
+ }
+ buttons={
+ {
+ setIsNoContactConfirmOpen(false);
+ await handleNoContactReport();
+ }}
+ className="w-full h-[48px] rounded-[15px] bg-[#E03950] text-white font-semibold group-14 flex items-center justify-center transition-transform active:scale-[0.98] cursor-pointer hover:opacity-95"
+ >
+ {t.Confirm}
+
+ }
+ onClose={() => setIsNoContactConfirmOpen(false)}
+ closeOnOutside={true}
+ />
+ ) : null}
+
- {t["Wishing you a lifetime of love, joy, and happiness. Your profile has been successfully closed."]}
+ {
+ t[
+ "Wishing you a lifetime of love, joy, and happiness. Your profile has been successfully closed."
+ ]
+ }
) : (
@@ -417,96 +541,170 @@ export default function RequestAcceptedPage() {
{titleText}
- {caseStatus === "contacted" ? (
-
-
- {t["Thank you for giving us feedback, we would be very happy if you also let us know the final result."]}
-
+ {caseStatus === "contacted" ||
+ (isFemaleProfile && contactStatusMutation.isPending) ? (
+
+ {isFemaleProfile && contactStatusMutation.isPending ? (
+
+ ) : (
+
+ {isFemaleProfile
+ ? t[
+ "Thank you for your feedback. To complete the process, please submit the final outcome of this introduction/contact so that the final status can be determined. If the final status is not yet determined, you can stay in this state until it is finalized."
+ ]
+ : t[
+ "Thank you for giving us feedback, we would be very happy if you also let us know the final result."
+ ]}
+
+ )}
) : (
{isFemaleProfile
- ? t["The selected candidate will contact your family shortly."]
- : t["You can now view their family's contact details and arrange further steps."]}
+ ? t[
+ "The selected candidate will contact your family shortly."
+ ]
+ : t[
+ "You can now view their family's contact details and arrange further steps."
+ ]}
)}
- {caseStatus === "contacted" ? (
-
-
- router.push(localizePath("/new-match/profile", locale))
+ {noContactReportedSuccess ? (
+
+
+ {
+ t[
+ "Thank you for your feedback. Our support team will investigate the matter and notify you of the result. Please wait patiently during the review; our support will contact you."
+ ]
}
- className="flex-1 h-[52px] rounded-[15px] border border-[#BFBFBF] bg-white text-[#36363C] font-semibold group-14 flex items-center justify-center transition-transform active:scale-[0.98] cursor-pointer hover:bg-[#F5F5F5]"
- >
- {t["View Profile"]}
-
-
- setIsOutcomeSheetOpen(true)}
- disabled={outcomeMutation.isPending}
- className="flex-1 h-[52px] rounded-[15px] bg-gradient-to-r from-[#FE6F82] to-[#E03950] text-white font-semibold group-14 flex items-center justify-center shadow-lg shadow-[#FE6F82]/30 transition-transform active:scale-[0.98] cursor-pointer hover:opacity-95 disabled:opacity-50"
- >
- {outcomeMutation.isPending ? (
-
+
- {isFemaleProfile ? (
-
-
- {contactStatusMutation.isPending ? (
-
+ <>
+ {caseStatus === "contacted" ||
+ (isFemaleProfile && contactStatusMutation.isPending) ? (
+
+ {isFemaleProfile &&
+ contactStatusMutation.isPending ? null : isFemaleProfile ? (
+ setIsOutcomeSheetOpen(true)}
+ disabled={outcomeMutation.isPending}
+ className="w-full max-w-[315px] h-[52px] rounded-[15px] bg-gradient-to-r from-[#FE6F82] to-[#E03950] text-white font-semibold group-14 flex items-center justify-center shadow-lg shadow-[#FE6F82]/30 transition-transform active:scale-[0.98] cursor-pointer hover:opacity-95 disabled:opacity-50"
+ >
+ {outcomeMutation.isPending ? (
+
+ ) : (
+ <>
+
+ router.push(
+ localizePath("/new-match/profile", locale),
+ )
+ }
+ className="flex-1 h-[52px] rounded-[15px] border border-[#BFBFBF] bg-white text-[#36363C] font-semibold group-14 flex items-center justify-center transition-transform active:scale-[0.98] cursor-pointer hover:bg-[#F5F5F5]"
+ >
+ {t["View Profile"]}
+
+
+ setIsOutcomeSheetOpen(true)}
+ disabled={outcomeMutation.isPending}
+ className="flex-1 h-[52px] rounded-[15px] bg-gradient-to-r from-[#FE6F82] to-[#E03950] text-white font-semibold group-14 flex items-center justify-center shadow-lg shadow-[#FE6F82]/30 transition-transform active:scale-[0.98] cursor-pointer hover:opacity-95 disabled:opacity-50"
+ >
+ {outcomeMutation.isPending ? (
+
+
+ )}
+
+ ) : (
+
+ {isFemaleProfile ? (
+
setIsNoContactConfirmOpen(true)}
+ disabled={
+ contactStatusMutation.isPending || !isTimeElapsed
+ }
+ className="flex-1 h-[44px] rounded-[15px] border border-[#BFBFBF] bg-white text-[#36363C] font-semibold group-14 flex items-center justify-center transition-all cursor-pointer hover:bg-[#F5F5F5] disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-white"
+ >
+ {contactStatusMutation.isPending ? (
+
+ ) : (
+
+
+ {primaryActionText}
+
+
+ )}
+
+
{
+ void handleSecondaryAction();
+ }}
+ disabled={
+ isFemaleProfile
+ ? paymentMutation.isPending || !isTimeElapsed
+ : paymentMutation.isPending
+ }
+ className={
+ isFemaleProfile
+ ? "flex-1 h-[44px] rounded-[15px] bg-gradient-to-r from-[#FE6F82] to-[#E03950] text-white font-semibold group-14 flex items-center justify-center shadow-md shadow-[#FE6F82]/30 transition-all cursor-pointer hover:opacity-95 disabled:opacity-50 disabled:cursor-not-allowed disabled:shadow-none"
+ : "max-w-[212px] flex-1 appearance-none border-0 bg-transparent p-0 text-left"
+ }
+ >
+ {isFemaleProfile ? (
+ paymentMutation.isPending ? (
+
+ {paymentMutation.isPending ? (
+
)}
-
-
- ) : (
-
-
- {primaryActionText}
-
-
+
+
{
- void handleSecondaryAction();
- }}
- disabled={paymentMutation.isPending}
- className="max-w-[212px] appearance-none border-0 bg-transparent p-0 text-left"
- >
-
- {paymentMutation.isPending ? (
-
- ) : (
- secondaryActionText
- )}
+ {caseStatus !== "contacted" &&
+ !(isFemaleProfile && contactStatusMutation.isPending) ? (
+
+
+ {
+ t[
+ "Please be informed that from the time of this introduction, you have 48 hours (2 days) to contact the person or their respected family to declare your readiness and begin the acquaintance process. At this stage, merely an initial call to announce your presence is sufficient, and planning for further steps (such as an in-person meeting) depends entirely on your subsequent mutual agreements. Since failing to make contact within the specified time might be considered socially disrespectful, if no action is taken within these 2 days, the introduced match will be removed according to the platform's rules. We also remind you that this issue may lead to restrictions such as delays in future introductions and financial penalties."
+ ]
+ }
+
-
-
-
- {t["Please be informed that from the time of this introduction, you have 48 hours (2 days) to contact the person or their respected family to declare your readiness and begin the acquaintance process. At this stage, merely an initial call to announce your presence is sufficient, and planning for further steps (such as an in-person meeting) depends entirely on your subsequent mutual agreements. Since failing to make contact within the specified time might be considered socially disrespectful, if no action is taken within these 2 days, the introduced match will be removed according to the platform's rules. We also remind you that this issue may lead to restrictions such as delays in future introductions and financial penalties."]}
-
-
-
-
-
- );
+ return
-
- );
-}
-
const FILLED_STROKE = "#FFFFFF";
const EMPTY_STROKE = "rgba(255, 255, 255, 0.5)";
const RADIUS = 18;
@@ -171,7 +160,7 @@ export function Button({
className={baseClassName}
>
{isLoading ? (
-
{renderArrow("left")}
diff --git a/src/components/Componentes/dev-click-to-component.tsx b/src/components/Componentes/dev-click-to-component.tsx
index a808144..0868491 100644
--- a/src/components/Componentes/dev-click-to-component.tsx
+++ b/src/components/Componentes/dev-click-to-component.tsx
@@ -1,6 +1,7 @@
"use client";
import { useEffect, useRef, useState } from "react";
+import { LoadingThreeDot } from "./loading-three-dot";
const IDE_SCHEMES = [
{
@@ -596,27 +597,7 @@ export function DevClickToComponent() {
title="Send LocalStorage to Terminal API"
>
{isSendingStorage ? (
-
-
+
-
-
+
+
{t["Dismiss reasons"]}
@@ -157,12 +157,15 @@ export function DismissReasonSheet({
{t["Please provide the full reason for rejecting the submitted item"]}
-
+
{t["Dismiss reasons"]}
-
+
{options.map((option) => {
const checked = selectedReasons.includes(option);
const showTextArea = option === options[options.length - 1];
@@ -239,7 +242,7 @@ export function DismissReasonSheet({
-
+
void;
+ onSubmit?: (status: "success" | "failure", reason?: string) => void;
+};
+
+export function FemaleOutcomeSheet({
+ closeOnOutside = true,
+ onClose,
+ onSubmit,
+}: FemaleOutcomeSheetProps) {
+ const { dictionary: t } = useI18n();
+ const groupId = useId();
+
+ const [isVisible, setIsVisible] = useState(true);
+ const [isEntering, setIsEntering] = useState(true);
+ const [isClosing, setIsClosing] = useState(false);
+
+ // Outcome selection state: "ongoing" (Option A) or "canceled" (Option B)
+ const [outcome, setOutcome] = useState<"ongoing" | "canceled">("ongoing");
+
+ // Rejection/Cancellation reason states
+ const reasons = useMemo(
+ () => [
+ t["Not a good personal fit"],
+ t["No mutual interest"],
+ t["Different expectations"],
+ t["No connection felt"],
+ t["Location not suitable"],
+ t["Other reasons"],
+ ],
+ [t],
+ );
+ const [selectedReasons, setSelectedReasons] = useState([]);
+ const [reasonText, setReasonText] = useState("");
+ const textareaRef = useRef(null);
+
+ useEffect(() => {
+ const otherReason = reasons[reasons.length - 1];
+ if (selectedReasons.includes(otherReason)) {
+ const timeoutId = setTimeout(() => {
+ textareaRef.current?.scrollIntoView({
+ behavior: "smooth",
+ block: "nearest",
+ });
+ }, 100);
+ return () => clearTimeout(timeoutId);
+ }
+ }, [selectedReasons, reasons]);
+
+ const closeSheet = () => {
+ if (isClosing) {
+ return;
+ }
+ setIsClosing(true);
+ };
+
+ useEffect(() => {
+ const frameId = window.requestAnimationFrame(() => {
+ setIsEntering(false);
+ });
+
+ return () => {
+ window.cancelAnimationFrame(frameId);
+ };
+ }, []);
+
+ useEffect(() => {
+ if (!isVisible) {
+ return;
+ }
+
+ const previousBodyOverflow = document.body.style.overflow;
+ const previousHtmlOverflow = document.documentElement.style.overflow;
+
+ document.body.style.overflow = "hidden";
+ document.documentElement.style.overflow = "hidden";
+
+ return () => {
+ document.body.style.overflow = previousBodyOverflow;
+ document.documentElement.style.overflow = previousHtmlOverflow;
+ };
+ }, [isVisible]);
+
+ useEffect(() => {
+ if (!isClosing) {
+ return;
+ }
+
+ const timeoutId = window.setTimeout(() => {
+ setIsVisible(false);
+ onClose?.();
+ }, EXIT_ANIMATION_MS);
+
+ return () => {
+ window.clearTimeout(timeoutId);
+ };
+ }, [isClosing, onClose]);
+
+ if (!isVisible) {
+ return null;
+ }
+
+ const isCanceledSwipeDisabled =
+ selectedReasons.length === 0 ||
+ (selectedReasons.includes(reasons[reasons.length - 1]) &&
+ reasonText.trim() === "");
+
+ return (
+ {
+ if (closeOnOutside && event.target === event.currentTarget) {
+ closeSheet();
+ }
+ }}
+ onKeyDown={(event) => {
+ if (
+ closeOnOutside &&
+ event.target === event.currentTarget &&
+ (event.key === "Escape" || event.key === "Enter" || event.key === " ")
+ ) {
+ event.preventDefault();
+ closeSheet();
+ }
+ }}
+ >
+
+
+
+
+ {t["What was the outcome of your contact?"]}
+
+
+
+ {
+ t[
+ "We hope the acquaintance process is going well. Please let us know if you want to continue the acquaintance process or if the match has been canceled."
+ ]
+ }
+
+
+
+
+ {t["What was the outcome of your contact?"]}
+
+
+
+ {/* Option A: Ongoing acquaintance */}
+
+
+ {outcome === "ongoing" ? (
+
+
+ {
+ t[
+ "We are in the acquaintance/proposal process and nothing is finalized yet"
+ ]
+ }
+
+
+
+ {/* Option B: Canceled */}
+
+
+ {outcome === "canceled" ? (
+
+
+ {t.Canceled}
+
+
+
+ {/* Reasons List (if Canceled is chosen) */}
+ {outcome === "canceled" ? (
+
+
+ {t["Please select the reason for cancellation:"]}
+
+
+ {reasons.map((option) => {
+ const isReasonChecked =
+ selectedReasons.includes(option);
+ const isOtherReason =
+ option === reasons[reasons.length - 1];
+
+ return (
+
+
{
+ setSelectedReasons((prev) =>
+ prev.includes(option)
+ ? prev.filter((r) => r !== option)
+ : [...prev, option],
+ );
+ }}
+ >
+
+ {isReasonChecked ? (
+
+
+ ) : null}
+
+
+
+
+ {option}
+
+
+
+
+ {isReasonChecked && isOtherReason ? (
+