feat: replace fake paywall with under-development notice and add admin promo offer management

Author: pritpatel2412

client/src/pages/admin/free-audit-queue.tsx

@@ -13,6 +13,10 @@ import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { useToast } from "@/hooks/use-toast";
+import { useState, useEffect } from "react";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Calendar, Save } from "lucide-react";
 
 type FreeAuditRequest = {
   id: string;
@@ -29,6 +33,14 @@ type FreeAuditsResponse = {
   todayCost: number;
 };
 
+type PromoOffer = {
+  id: string;
+  name: string;
+  startsAt: string;
+  endsAt: string;
+  status: string;
+};
+
 export default function AdminFreeAuditQueue() {
   const { toast } = useToast();
   const queryClient = useQueryClient();
@@ -85,6 +97,61 @@ export default function AdminFreeAuditQueue() {
     );
   }
 
+  return <AdminFreeAuditQueueContent data={data!} approveMutation={approveMutation} rejectMutation={rejectMutation} />;
+}
+
+function AdminFreeAuditQueueContent({ 
+  data, 
+  approveMutation, 
+  rejectMutation 
+}: { 
+  data: FreeAuditsResponse, 
+  approveMutation: any, 
+  rejectMutation: any 
+}) {
+  const { toast } = useToast();
+  const queryClient = useQueryClient();
+
+  const { data: offer, isLoading: isOfferLoading } = useQuery<PromoOffer | null>({
+    queryKey: ["/api/admin/promo-offer"],
+  });
+
+  const [startsAt, setStartsAt] = useState("");
+  const [endsAt, setEndsAt] = useState("");
+
+  // Update local state when offer loads
+  useEffect(() => {
+    if (offer) {
+      if (offer.startsAt) setStartsAt(new Date(offer.startsAt).toISOString().slice(0, 16));
+      if (offer.endsAt) setEndsAt(new Date(offer.endsAt).toISOString().slice(0, 16));
+    }
+  }, [offer]);
+
+  const updateOfferMutation = useMutation({
+    mutationFn: async (values: { startsAt: string, endsAt: string }) => {
+      if (!offer?.id) throw new Error("No active offer found");
+      const res = await fetch(`/api/admin/promo-offer/${offer.id}`, {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(values),
+      });
+      if (!res.ok) throw new Error("Failed to update offer");
+      return res.json();
+    },
+    onSuccess: () => {
+      toast({ title: "Campaign Updated", description: "The promo offer dates have been updated." });
+      queryClient.invalidateQueries({ queryKey: ["/api/admin/promo-offer"] });
+      queryClient.invalidateQueries({ queryKey: ["/api/public/promo-offer"] });
+    },
+    onError: (error: any) => {
+      toast({ title: "Update Failed", description: error.message, variant: "destructive" });
+    }
+  });
+
+  const handleUpdateOffer = () => {
+    updateOfferMutation.mutate({ startsAt, endsAt });
+  };
+
   const requests = data?.requests || [];
   const todayCost = data?.todayCost || 0;
   const isCeilingReached = todayCost >= 100;
@@ -114,6 +181,59 @@ export default function AdminFreeAuditQueue() {
         </div>
       )}
 
+      {/* Campaign Settings Card */}
+      <Card>
+        <CardHeader className="pb-4">
+          <CardTitle className="text-lg flex items-center gap-2">
+            <Calendar className="w-5 h-5 text-primary" />
+            Campaign Settings
+          </CardTitle>
+          <CardDescription>
+            Manage the start and end dates for the active Free Audit promo offer.
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          {isOfferLoading ? (
+            <div className="flex items-center gap-2 text-sm text-muted-foreground">
+              <Loader2 className="h-4 w-4 animate-spin" /> Loading campaign data...
+            </div>
+          ) : offer ? (
+            <div className="flex flex-col sm:flex-row items-end gap-4 max-w-2xl">
+              <div className="space-y-1.5 w-full sm:w-auto flex-1">
+                <Label htmlFor="startsAt" className="text-xs">Start Date & Time</Label>
+                <Input 
+                  id="startsAt" 
+                  type="datetime-local" 
+                  value={startsAt}
+                  onChange={(e) => setStartsAt(e.target.value)}
+                  className="h-9"
+                />
+              </div>
+              <div className="space-y-1.5 w-full sm:w-auto flex-1">
+                <Label htmlFor="endsAt" className="text-xs">End Date & Time</Label>
+                <Input 
+                  id="endsAt" 
+                  type="datetime-local" 
+                  value={endsAt}
+                  onChange={(e) => setEndsAt(e.target.value)}
+                  className="h-9"
+                />
+              </div>
+              <Button 
+                onClick={handleUpdateOffer} 
+                disabled={updateOfferMutation.isPending}
+                className="w-full sm:w-auto h-9"
+              >
+                {updateOfferMutation.isPending ? <Loader2 className="w-4 h-4 mr-2 animate-spin" /> : <Save className="w-4 h-4 mr-2" />}
+                Save Changes
+              </Button>
+            </div>
+          ) : (
+            <p className="text-sm text-muted-foreground">No active promo offer found. Please seed the database.</p>
+          )}
+        </CardContent>
+      </Card>
+
       <Card>
         <CardHeader>
           <CardTitle>Pending Requests</CardTitle>

client/src/pages/pricing.tsx

@@ -218,162 +218,30 @@ export default function PricingPage() {
               <div className="p-5 border-b border-border/60 bg-muted/35">
                 <DialogTitle className="text-base font-semibold flex items-center gap-2">
                   <CreditCard className="w-5 h-5 text-primary" />
-                  {step === "success" ? "Subscription Activated" : "Complete Your Subscription"}
+                  CodeGuard is Under Development
                 </DialogTitle>
                 <DialogDescription className="text-xs text-muted-foreground mt-1">
-                  {step === "success" 
-                    ? `Welcome to CodeGuard ${selectedTier.name}!` 
-                    : `Authenticate payment details to unlock the ${selectedTier.name} tier.`}
+                  We are not currently accepting real payments or card details.
                 </DialogDescription>
               </div>
 
-              {/* Steps rendering */}
-              {step === "checkout" && (
-                <div className="p-5 space-y-4">
-                  {/* Order Summary */}
-                  <div className="bg-muted/40 p-3 rounded-lg border border-border/40 space-y-1.5 text-xs">
-                    <div className="flex justify-between font-medium">
-                      <span>{selectedTier.name} Plan ({billingCycle})</span>
-                      <span>${calculatePrice(selectedTier.priceUsd)} / mo</span>
-                    </div>
-                    {promoApplied && (
-                      <div className="flex justify-between text-green-500 font-medium">
-                        <span>Promo Code Applied (SECURE20)</span>
-                        <span>-20%</span>
-                      </div>
-                    )}
-                    <div className="border-t border-border/60 pt-1.5 flex justify-between font-bold text-foreground">
-                      <span>Total Amount:</span>
-                      <span>
-                        ${promoApplied 
-                          ? Math.round(calculatePrice(selectedTier.priceUsd) * 0.8) 
-                          : calculatePrice(selectedTier.priceUsd)} / mo
-                      </span>
-                    </div>
-                  </div>
-
-                  {/* Payment Details Form */}
-                  <div className="space-y-3">
-                    <div className="space-y-1">
-                      <Label htmlFor="card-name" className="text-xs">Cardholder Name</Label>
-                      <Input 
-                        id="card-name" 
-                        value={name} 
-                        onChange={(e) => setName(e.target.value)} 
-                        className="h-8 text-xs" 
-                      />
-                    </div>
-                    <div className="space-y-1">
-                      <Label htmlFor="card-num" className="text-xs">Card Number</Label>
-                      <div className="relative">
-                        <Input 
-                          id="card-num" 
-                          value={cardNumber} 
-                          onChange={(e) => setCardNumber(e.target.value)} 
-                          className="h-8 pl-8 text-xs font-mono" 
-                        />
-                        <CreditCard className="w-4 h-4 text-muted-foreground/60 absolute left-2.5 top-2" />
-                      </div>
-                    </div>
-                    <div className="grid grid-cols-2 gap-3">
-                      <div className="space-y-1">
-                        <Label htmlFor="card-exp" className="text-xs">Expiry Date</Label>
-                        <Input 
-                          id="card-exp" 
-                          value={expiry} 
-                          onChange={(e) => setExpiry(e.target.value)} 
-                          placeholder="MM/YY" 
-                          className="h-8 text-xs font-mono" 
-                        />
-                      </div>
-                      <div className="space-y-1">
-                        <Label htmlFor="card-cvc" className="text-xs">CVC</Label>
-                        <Input 
-                          id="card-cvc" 
-                          value={cvc} 
-                          onChange={(e) => setCvc(e.target.value)} 
-                          type="password" 
-                          className="h-8 text-xs font-mono" 
-                        />
-                      </div>
-                    </div>
-
-                    {/* Promo Code Fields */}
-                    <div className="space-y-1.5 pt-2">
-                      <Label htmlFor="promo" className="text-xs flex items-center gap-1">
-                        <Percent className="w-3 h-3 text-primary" />
-                        Promo Code
-                      </Label>
-                      <div className="flex gap-2">
-                        <Input
-                          id="promo"
-                          placeholder="e.g. SECURE20"
-                          value={promoCode}
-                          onChange={(e) => setPromoCode(e.target.value)}
-                          className="h-8 text-xs uppercase"
-                          disabled={promoApplied}
-                        />
-                        <Button 
-                          type="button" 
-                          variant="outline" 
-                          size="sm" 
-                          className="h-8 text-xs" 
-                          onClick={handleApplyPromo}
-                          disabled={promoApplied}
-                        >
-                          Apply
-                        </Button>
-                      </div>
-                      {promoApplied && (
-                        <p className="text-[10px] text-green-500 font-medium">Extra 20% discount code SECURE20 successfully applied!</p>
-                      )}
-                    </div>
-                  </div>
-
-                  {/* Actions */}
-                  <div className="pt-2 flex flex-col gap-2">
-                    <Button onClick={handlePayment} className="w-full text-xs h-9 font-semibold">
-                      <Lock className="w-3.5 h-3.5 mr-2" />
-                      Authorize & Pay
-                    </Button>
-                    <Button variant="ghost" onClick={closeCheckout} className="w-full text-xs h-9 text-muted-foreground">
-                      Cancel
-                    </Button>
-                  </div>
-
-                  <div className="flex items-center justify-center gap-1.5 text-[10px] text-muted-foreground/80 mt-1">
-                    <ShieldCheck className="w-3.5 h-3.5 text-green-600" />
-                    <span>Secure Stripe-simulated sandbox payment processing.</span>
-                  </div>
-                </div>
-              )}
-
-              {step === "processing" && (
-                <div className="p-10 flex flex-col items-center justify-center space-y-4 text-center">
-                  <Loader2 className="w-8 h-8 text-primary animate-spin" />
-                  <div className="space-y-1">
-                    <p className="text-sm font-semibold">Processing Secure Transaction</p>
-                    <p className="text-xs text-muted-foreground">Contacting issuing bank and acquiring tokenized key...</p>
-                  </div>
+              <div className="p-8 flex flex-col items-center justify-center space-y-5 text-center">
+                <div className="w-12 h-12 rounded-full bg-primary/10 text-primary flex items-center justify-center">
+                  <Sparkles className="w-7 h-7" />
                 </div>
-              )}
-
-              {step === "success" && (
-                <div className="p-8 flex flex-col items-center justify-center space-y-5 text-center">
-                  <div className="w-12 h-12 rounded-full bg-green-500/10 text-green-500 flex items-center justify-center">
-                    <ShieldCheck className="w-7 h-7" />
-                  </div>
-                  <div className="space-y-1.5">
-                    <h3 className="text-base font-bold text-foreground">Payment Confirmed</h3>
-                    <p className="text-xs text-muted-foreground leading-relaxed px-4">
-                      Thank you for your order! Your subscription is active. Your account is now upgraded to the <strong className="text-foreground">{selectedTier.name}</strong> tier.
-                    </p>
-                  </div>
-                  <Button onClick={closeCheckout} className="w-full text-xs h-9 font-semibold">
-                    Go to Dashboard
-                  </Button>
+                <div className="space-y-1.5">
+                  <h3 className="text-base font-bold text-foreground">Thank you for your interest!</h3>
+                  <p className="text-sm text-muted-foreground leading-relaxed px-4">
+                    Please do not pay or add any card details here. If you want to know more about the product or discuss enterprise access, please contact:
+                  </p>
+                  <p className="font-semibold text-primary mt-2">
+                    try.prit24@gmail.com
+                  </p>
                 </div>
-              )}
+                <Button onClick={closeCheckout} className="w-full text-xs h-9 font-semibold mt-4">
+                  Close
+                </Button>
+              </div>
             </div>
           )}
         </DialogContent>

server/middleware/request-logger.ts

@@ -96,9 +96,13 @@ export function requestLogger(req: Request, res: Response, next: NextFunction) {
       geoCity,
       geoLat,
       geoLng,
-    }).catch(err => {
-      console.error("[RequestLogger] Failed to insert log:", err);
-    });
+    }).returning()
+      .then(([log]) => {
+        if (log) emitAdminRequestUpdate(log);
+      })
+      .catch(err => {
+        console.error("[RequestLogger] Failed to insert log:", err);
+      });
   });
 
   next();

server/routes/admin.ts

@@ -118,6 +118,31 @@ router.post("/free-audits/:id/reject", async (req, res) => {
   }
 });
 
+// Promo Offer Management
+router.get("/promo-offer", async (req, res) => {
+  try {
+    const offer = await storage.getActivePromoOffer();
+    res.json(offer || null);
+  } catch (error: any) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+router.patch("/promo-offer/:id", async (req, res) => {
+  try {
+    const { startsAt, endsAt } = req.body;
+    const updated = await storage.updatePromoOffer(req.params.id, { 
+      startsAt: startsAt ? new Date(startsAt) : undefined,
+      endsAt: endsAt ? new Date(endsAt) : undefined,
+    });
+    
+    await logAdminAction(req.user!.id, "update_promo_offer", req.params.id, null, { startsAt, endsAt });
+    res.json(updated);
+  } catch (error: any) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
 router.get("/overview", async (req, res) => {
   try {
     const [{ count: totalUsers }] = await db.select({ count: sql<number>`count(*)` }).from(users);

server/socket.ts

@@ -40,3 +40,17 @@ export function emitReviewUpdate() {
     ioInstance.emit("review_update");
   }
 }
+
+export function emitAdminRequestUpdate(log: any) {
+  const ioInstance = getIO();
+  if (ioInstance) {
+    ioInstance.emit("admin_request_update", log);
+  }
+}
+
+export function emitAdminSystemUpdate(log: any) {
+  const ioInstance = getIO();
+  if (ioInstance) {
+    ioInstance.emit("admin_system_update", log);
+  }
+}