fix (onboarding): test whatsapp number issue

Author: itsskofficial

src/client/app/api/settings/whatsapp-notifications/verify/route.js

@@ -0,0 +1,36 @@
+import { NextResponse } from "next/server"
+import { withAuth } from "@lib/api-utils"
+
+const appServerUrl =
+	process.env.NEXT_PUBLIC_ENVIRONMENT === "selfhost"
+		? process.env.INTERNAL_APP_SERVER_URL
+		: process.env.NEXT_PUBLIC_APP_SERVER_URL
+
+export const POST = withAuth(async function POST(request, { authHeader }) {
+	try {
+		const body = await request.json() // { phone_number: "..." }
+		const response = await fetch(
+			`${appServerUrl}/api/settings/whatsapp-notifications/verify`,
+			{
+				method: "POST",
+				headers: {
+					"Content-Type": "application/json",
+					...authHeader
+				},
+				body: JSON.stringify(body)
+			}
+		)
+
+		const data = await response.json()
+		if (!response.ok) {
+			throw new Error(data.detail || "Failed to verify WhatsApp number")
+		}
+		return NextResponse.json(data)
+	} catch (error) {
+		console.error(
+			"API Error in /settings/whatsapp-notifications/verify:",
+			error
+		)
+		return NextResponse.json({ detail: error.message }, { status: 500 })
+	}
+})

src/client/app/complete-profile/page.js

@@ -53,7 +53,7 @@ const CompleteProfilePage = () => {
 		setWhatsappStatus("checking")
 		setWhatsappError("")
 		try {
-			const response = await fetch("/api/testing/whatsapp/verify", {
+			const response = await fetch("/api/settings/whatsapp-notifications/verify", {
 				method: "POST",
 				headers: { "Content-Type": "application/json" },
 				body: JSON.stringify({ phone_number: number })
@@ -67,9 +67,7 @@ const CompleteProfilePage = () => {
 				setWhatsappError("")
 			} else {
 				setWhatsappStatus("invalid")
-				setWhatsappError(
-					"This number does not appear to be on WhatsApp."
-				)
+				setWhatsappError("This number does not appear to be on WhatsApp.")
 			}
 		} catch (error) {
 			setWhatsappStatus("invalid")

src/client/app/onboarding/page.js

@@ -21,6 +21,25 @@ import { UseCaseCarousel } from "@components/onboarding/UseCaseCarousel"
 
 // --- Helper Components ---
 
+const FormattedPaQuestion = () => (
+	<div className="text-neutral-200 space-y-4 mt-4 pl-4">
+		<p>
+			Are you someone who finds themselves spending too much time on
+			administrative work? For example:
+		</p>
+		<ul className="list-disc list-inside pl-4 space-y-2 text-neutral-300">
+			<li>Juggling multiple priorities</li>
+			<li>Managing a small team or leading projects</li>
+			<li>Scheduling meetings and organizing calendars</li>
+			<li>Responding to routine emails</li>
+		</ul>
+		<p className="font-semibold pt-2">
+			Do you ever feel the need for a personal assistant (human or AI) to
+			handle these repetitive tasks?
+		</p>
+	</div>
+)
+
 const TypingIndicator = () => (
 	<motion.div
 		initial={{ opacity: 0 }}
@@ -242,6 +261,17 @@ const OnboardingPage = () => {
 			if (index < questions.length) {
 				const question = questions[index]
 				if (question) {
+					if (question.id === "needs-pa") {
+						setConversation((prev) => [
+							...prev,
+							{
+								sender: "ai",
+								text: message,
+								type: "formatted-pa-question"
+							}
+						])
+						return
+					}
 					message += `\n\n${question.question}`
 				}
 			}
@@ -265,11 +295,14 @@ const OnboardingPage = () => {
 		setWhatsappStatus("checking")
 		setWhatsappError("")
 		try {
-			const response = await fetch("/api/testing/whatsapp/verify", {
-				method: "POST",
-				headers: { "Content-Type": "application/json" },
-				body: JSON.stringify({ phone_number: number })
-			})
+			const response = await fetch(
+				"/api/settings/whatsapp-notifications/verify",
+				{
+					method: "POST",
+					headers: { "Content-Type": "application/json" },
+					body: JSON.stringify({ phone_number: number })
+				}
+			)
 			const result = await response.json()
 			if (!response.ok) {
 				throw new Error(result.detail || "Verification request failed.")
@@ -714,15 +747,21 @@ const OnboardingPage = () => {
 							{conversation.map((msg, index) => (
 								<div key={index}>
 									{msg.sender === "ai" ? (
-										<p className="whitespace-pre-wrap">
-											<span className="text-brand-orange">
-												[SENTIENT]:
-											</span>
-											<span className="text-brand-white">
-												{" "}
-												{msg.text}
-											</span>
-										</p>
+										<div>
+											<p className="whitespace-pre-wrap">
+												<span className="text-brand-orange">
+													[SENTIENT]:
+												</span>
+												<span className="text-brand-white">
+													{" "}
+													{msg.text}
+												</span>
+											</p>
+											{msg.type ===
+												"formatted-pa-question" && (
+												<FormattedPaQuestion />
+											)}
+										</div>
 									) : (
 										<p className="whitespace-pre-wrap">
 											<span className="text-green-400">

src/server/main/settings/models.py

@@ -24,3 +24,6 @@ class CompleteProfileRequest(BaseModel):
 
     class Config:
         allow_population_by_field_name = True
+
+class WhatsAppVerifyRequest(BaseModel):
+    phone_number: str

src/server/main/settings/routes.py

@@ -6,7 +6,7 @@
 from main.dependencies import mongo_manager
 from main.auth.utils import PermissionChecker, AuthHelper
 from main.notifications.whatsapp_client import check_phone_number_exists, send_whatsapp_message
-from main.settings.models import WhatsAppMcpRequest, WhatsAppNotificationNumberRequest, ProfileUpdateRequest, WhatsAppNotificationRequest, CompleteProfileRequest
+from main.settings.models import WhatsAppMcpRequest, WhatsAppNotificationNumberRequest, ProfileUpdateRequest, WhatsAppNotificationRequest, CompleteProfileRequest, WhatsAppVerifyRequest
 from main.settings.google_sheets_utils import update_onboarding_data_in_sheet, update_plan_in_sheet, check_if_contact_is_missing
 
 logger = logging.getLogger(__name__)
@@ -134,6 +134,27 @@ async def set_whatsapp_notification_number(
             raise e
         raise HTTPException(status_code=status.HTTP_500_INTERNAL_SERVER_ERROR, detail="An unexpected error occurred.")
 
+@router.post("/whatsapp-notifications/verify", summary="Verify if a WhatsApp number exists")
+async def verify_whatsapp_notification_number(
+    request: WhatsAppVerifyRequest,
+    user_id: str = Depends(auth_helper.get_current_user_id)
+):
+    phone_number = request.phone_number
+    if not phone_number:
+        raise HTTPException(status_code=status.HTTP_400_BAD_REQUEST, detail="phone_number is required.")
+
+    try:
+        validation_result = await check_phone_number_exists(phone_number)
+        if validation_result is None:
+             raise HTTPException(status_code=status.HTTP_503_SERVICE_UNAVAILABLE, detail="Could not connect to WhatsApp service to verify number.")
+
+        return validation_result
+    except Exception as e:
+        logger.error(f"Error verifying WhatsApp number for user {user_id}: {e}", exc_info=True)
+        if isinstance(e, HTTPException):
+            raise e
+        raise HTTPException(status_code=status.HTTP_500_INTERNAL_SERVER_ERROR, detail=str(e))
+
 
 @router.get("/whatsapp-notifications", summary="Get WhatsApp Notification settings")
 async def get_whatsapp_notification_settings(