@navneet_25/tempjs 2.0.0 → 3.0.0

package/packages/core/modules/blog-compose/lib/features/blog-compose/blog-compose.service.ts

@@ -0,0 +1,72 @@
+import type { BlogPost } from "@prisma/client";
+import { slugify } from "@/lib/utils/slugify";
+import {
+  createEmptyComposeDocument,
+  isComposeDocument,
+  type ComposeDocument,
+} from "@/lib/blog/compose";
+import { blogComposeRepository, BlogComposeRepository } from "./blog-compose.repository";
+import type { BlogPostInput, BlogPostUpdate } from "./blog-compose.types";
+
+export class BlogComposeService {
+  private repo: BlogComposeRepository;
+
+  constructor(repo: BlogComposeRepository = blogComposeRepository) {
+    this.repo = repo;
+  }
+
+  private parseContent(json: unknown): ComposeDocument {
+    if (isComposeDocument(json)) return json;
+    return createEmptyComposeDocument();
+  }
+
+  private resolveSlug(title: string, slug?: string): string {
+    const base = slug?.trim() || slugify(title);
+    if (!base) throw new Error("Slug is required.");
+    return base;
+  }
+
+  async listPublic(): Promise<BlogPost[]> {
+    return this.repo.listPublished();
+  }
+
+  async listAll(): Promise<BlogPost[]> {
+    return this.repo.listAll();
+  }
+
+  async getById(id: string): Promise<BlogPost | null> {
+    return this.repo.getById(id);
+  }
+
+  async getPublishedBySlug(slug: string): Promise<BlogPost | null> {
+    return this.repo.getBySlug(slug, true);
+  }
+
+  async create(data: BlogPostInput): Promise<BlogPost> {
+    if (!data.title?.trim()) throw new Error("Title is required.");
+    if (!isComposeDocument(data.content)) throw new Error("Invalid compose document.");
+    const slug = this.resolveSlug(data.title, data.slug);
+    return this.repo.create({ ...data, slug });
+  }
+
+  async update(id: string, data: BlogPostUpdate): Promise<BlogPost> {
+    if (data.content && !isComposeDocument(data.content)) {
+      throw new Error("Invalid compose document.");
+    }
+    const slug =
+      data.slug !== undefined
+        ? this.resolveSlug(data.title ?? "post", data.slug)
+        : undefined;
+    return this.repo.update(id, { ...data, slug });
+  }
+
+  async delete(id: string): Promise<BlogPost> {
+    return this.repo.delete(id);
+  }
+
+  contentFromPost(post: BlogPost): ComposeDocument {
+    return this.parseContent(post.contentJson);
+  }
+}
+
+export const blogComposeService = new BlogComposeService();

package/packages/core/modules/blog-compose/lib/features/blog-compose/blog-compose.types.ts

@@ -0,0 +1,20 @@
+import type { ComposeDocument } from "@/lib/blog/compose";
+
+export interface BlogPostInput {
+  title: string;
+  slug?: string;
+  excerpt?: string | null;
+  coverImage?: string | null;
+  engine?: string;
+  content: ComposeDocument;
+  published?: boolean;
+}
+
+export interface BlogPostUpdate {
+  title?: string;
+  slug?: string;
+  excerpt?: string | null;
+  coverImage?: string | null;
+  content?: ComposeDocument;
+  published?: boolean;
+}

package/packages/core/modules/blog-compose/lib/features/blog-compose/index.ts

@@ -0,0 +1,7 @@
+export * from "./blog-compose.types";
+export {
+  BlogComposeRepository,
+  blogComposeRepository,
+} from "./blog-compose.repository";
+export { BlogComposeService, blogComposeService } from "./blog-compose.service";
+export { BlogComposeController, blogComposeController } from "./blog-compose.controller";

package/packages/core/modules/blog-compose/prisma/blog-compose.prisma

@@ -0,0 +1,13 @@
+model BlogPost {
+  id          String    @id @default(uuid())
+  slug        String    @unique
+  title       String
+  excerpt     String?   @db.Text
+  coverImage  String?   @db.Text
+  engine      String    @default("compose")
+  contentJson Json
+  published   Boolean   @default(false)
+  publishedAt DateTime?
+  createdAt   DateTime  @default(now())
+  updatedAt   DateTime  @updatedAt
+}

package/packages/core/modules/enquiry-modal/app/components/EnquiryModal.tsx

@@ -0,0 +1,308 @@
+"use client";
+
+import React, { useState, useEffect } from "react";
+import { SITE } from "@/constants";
+
+export interface ListingOption {
+  id?: string;
+  name: string;
+}
+
+interface EnquiryModalProps {
+  isOpen: boolean;
+  onClose: () => void;
+  defaultSelection?: string;
+}
+
+export default function EnquiryModal({
+  isOpen,
+  onClose,
+  defaultSelection = "",
+}: EnquiryModalProps) {
+  const [name, setName] = useState("");
+  const [formData, setFormData] = useState({
+    email: "",
+    phone: "",
+    message: "",
+    selection: "",
+  });
+
+  const [options, setOptions] = useState<ListingOption[]>([]);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [isSuccess, setIsSuccess] = useState(false);
+  const [error, setError] = useState("");
+
+  const staticOptions: ListingOption[] = SITE.enquiry.selectionOptions.map((opt) => ({
+    name: opt.value,
+  }));
+
+  useEffect(() => {
+    const apiPath = SITE.enquiry.listingsApiPath?.trim();
+    if (!apiPath) {
+      setOptions(staticOptions);
+      return;
+    }
+
+    async function fetchListings() {
+      try {
+        const res = await fetch(apiPath);
+        const json = await res.json();
+        if (json.success && Array.isArray(json.data) && json.data.length > 0) {
+          setOptions(
+            json.data.map((item: { id?: string; name: string }) => ({
+              id: item.id,
+              name: item.name,
+            }))
+          );
+        } else {
+          setOptions(staticOptions);
+        }
+      } catch (err) {
+        console.warn("Failed to fetch listings for enquiry modal:", err);
+        setOptions(staticOptions);
+      }
+    }
+
+    fetchListings();
+  }, []);
+
+  useEffect(() => {
+    if (!isOpen) return;
+
+    const available = options.length > 0 ? options : staticOptions;
+    const isValid = available.some((o) => o.name === defaultSelection);
+    const fallback = available[0]?.name ?? "";
+
+    setFormData((prev) => ({
+      ...prev,
+      selection: defaultSelection && isValid ? defaultSelection : prev.selection || fallback,
+      message:
+        defaultSelection && !isValid && defaultSelection
+          ? `Request for: ${defaultSelection}`
+          : prev.message,
+    }));
+
+    setName("");
+    setIsSuccess(false);
+    setError("");
+  }, [isOpen, defaultSelection, options]);
+
+  if (!isOpen) return null;
+
+  const selectionOptions = options.length > 0 ? options : staticOptions;
+  const showSelection = selectionOptions.length > 0;
+  const selectionLabel = SITE.enquiry.selectionLabel || "Interest";
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setError("");
+
+    if (!name.trim()) return setError("Please enter your name.");
+    if (showSelection && !formData.selection) {
+      return setError(`Please select ${selectionLabel.toLowerCase()}.`);
+    }
+    if (!formData.phone.trim() || formData.phone.replace(/\D/g, "").length < 10) {
+      return setError("Please enter a valid 10-digit phone number.");
+    }
+
+    setIsSubmitting(true);
+
+    try {
+      const projectName = showSelection
+        ? formData.selection
+        : formData.message.trim() || SITE.brand.name;
+
+      const res = await fetch("/api/leads", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          projectName,
+          name: name.trim(),
+          email: formData.email,
+          phone: formData.phone,
+          message: formData.message || `Request callback for ${projectName}`,
+        }),
+      });
+
+      const json = await res.json();
+      if (!res.ok || !json.success) {
+        throw new Error(json.error || "Failed to submit enquiry.");
+      }
+
+      setIsSuccess(true);
+      setFormData({ email: "", phone: "", message: "", selection: "" });
+      setName("");
+    } catch (err: unknown) {
+      const message = err instanceof Error ? err.message : "An unexpected error occurred.";
+      setError(message);
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  const handleChange = (
+    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>
+  ) => {
+    const { name: field, value } = e.target;
+    setFormData((prev) => ({ ...prev, [field]: value }));
+  };
+
+  return (
+    <div
+      className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/40 backdrop-blur-sm animate-fade-in"
+      onClick={onClose}
+    >
+      <div
+        className="relative w-full max-w-md overflow-hidden rounded-3xl bg-white p-8 sm:p-10 shadow-2xl border border-primary/10 animate-scale-up"
+        onClick={(e) => e.stopPropagation()}
+      >
+        <button
+          onClick={onClose}
+          className="absolute top-6 right-6 text-text-muted hover:text-primary transition-colors cursor-pointer"
+          aria-label="Close modal"
+        >
+          <svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+            <path strokeLinecap="round" strokeLinejoin="round" d="M6 18L18 6M6 6l12 12" />
+          </svg>
+        </button>
+
+        {isSuccess ? (
+          <div className="flex flex-col items-center justify-center text-center py-8 space-y-4">
+            <div className="w-16 h-16 rounded-full bg-green-100 flex items-center justify-center text-green-600 animate-bounce">
+              <svg className="w-8 h-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2.5}>
+                <path strokeLinecap="round" strokeLinejoin="round" d="M5 13l4 4L19 7" />
+              </svg>
+            </div>
+            <h4 className="text-xl font-bold text-primary">Request submitted!</h4>
+            <p className="text-sm text-text-muted max-w-sm leading-relaxed">{SITE.enquiry.successMessage}</p>
+            <button
+              onClick={onClose}
+              className="mt-6 px-8 py-2.5 bg-cta-primary hover:bg-cta-primary-hover text-white font-bold text-xs rounded-xl shadow-md transition-colors"
+            >
+              Close
+            </button>
+          </div>
+        ) : (
+          <form onSubmit={handleSubmit} className="space-y-5">
+            <div className="text-center mb-6">
+              <h3 className="text-2xl font-bold text-primary tracking-tight leading-tight font-serif">
+                {SITE.enquiry.modalTitle}
+              </h3>
+              <p className="text-xs text-text-muted font-semibold mt-1.5">{SITE.enquiry.modalSubtitle}</p>
+            </div>
+
+            {error && (
+              <div className="p-3 text-xs text-red-700 bg-red-50 border border-red-200 rounded-lg">{error}</div>
+            )}
+
+            <div>
+              <input
+                type="text"
+                value={name}
+                onChange={(e) => setName(e.target.value)}
+                placeholder="Name*"
+                className="w-full bg-transparent border-b border-primary/20 focus:border-primary focus:outline-none py-2 text-sm text-text-main placeholder-text-muted/60 font-medium transition-colors"
+                required
+              />
+            </div>
+
+            <div>
+              <div className="flex items-center border-b border-primary/20 focus-within:border-primary py-1 transition-colors">
+                <div className="flex items-center space-x-1 pr-2 select-none mr-2 border-r border-primary/10">
+                  <span className="text-sm">🇮🇳</span>
+                </div>
+                <input
+                  type="tel"
+                  name="phone"
+                  maxLength={10}
+                  value={formData.phone}
+                  onChange={handleChange}
+                  placeholder="Phone number*"
+                  className="w-full bg-transparent focus:outline-none text-sm text-text-main placeholder-text-muted/60 font-medium"
+                  required
+                />
+              </div>
+            </div>
+
+            <div>
+              <input
+                type="email"
+                name="email"
+                value={formData.email}
+                onChange={handleChange}
+                placeholder="Email (optional)"
+                className="w-full bg-transparent border-b border-primary/20 focus:border-primary focus:outline-none py-2 text-sm text-text-main placeholder-text-muted/60 font-medium transition-colors"
+              />
+            </div>
+
+            {showSelection && (
+              <div className="space-y-1">
+                <label className="block text-xs font-bold text-text-muted">{selectionLabel}*</label>
+                <div className="relative">
+                  <select
+                    name="selection"
+                    value={formData.selection}
+                    onChange={handleChange}
+                    className="w-full bg-transparent border-b border-primary/20 focus:border-primary focus:outline-none py-2 text-sm text-text-main font-medium appearance-none cursor-pointer"
+                    required
+                  >
+                    <option value="" disabled>Select</option>
+                    {selectionOptions.map((opt) => (
+                      <option key={opt.id ?? opt.name} value={opt.name}>
+                        {opt.name}
+                      </option>
+                    ))}
+                  </select>
+                </div>
+              </div>
+            )}
+
+            {!showSelection && (
+              <div>
+                <textarea
+                  name="message"
+                  value={formData.message}
+                  onChange={handleChange}
+                  placeholder="Your message (optional)"
+                  rows={2}
+                  className="w-full bg-transparent border-b border-primary/20 focus:border-primary focus:outline-none py-2 text-sm text-text-main placeholder-text-muted/60 font-medium transition-colors resize-none"
+                />
+              </div>
+            )}
+
+            <div className="flex items-start mt-6">
+              <input
+                type="checkbox"
+                id="consent"
+                required
+                defaultChecked
+                className="mt-1 mr-3 rounded border-primary/20 text-primary focus:ring-primary w-4 h-4 cursor-pointer"
+              />
+              <label htmlFor="consent" className="text-[10px] text-text-muted leading-normal font-medium select-none">
+                I consent to processing of my data per{" "}
+                <a href={SITE.legal.privacyPolicyPath} target="_blank" rel="noopener noreferrer" className="underline hover:text-primary">
+                  Privacy Policy
+                </a>
+                {" | "}
+                <a href={SITE.legal.termsPath} target="_blank" rel="noopener noreferrer" className="underline hover:text-primary">
+                  Terms
+                </a>
+                . {SITE.legal.consentText}
+              </label>
+            </div>
+
+            <div className="flex justify-center pt-4">
+              <button
+                type="submit"
+                disabled={isSubmitting}
+                className="w-full max-w-xs py-3 px-8 bg-cta-primary hover:bg-cta-primary-hover text-white font-bold text-sm rounded-xl transition-all duration-300 disabled:opacity-50 cursor-pointer shadow-md text-center transform hover:scale-[1.02] active:scale-[0.98]"
+              >
+                {isSubmitting ? "Submitting..." : "Enquire now"}
+              </button>
+            </div>
+          </form>
+        )}
+      </div>
+    </div>
+  );
+}

package/packages/core/modules/footer/app/components/Footer.tsx

@@ -0,0 +1,127 @@
+"use client";
+
+import React, { useEffect, useState } from "react";
+import { SITE } from "@/constants";
+
+interface ReraDisplay {
+  name: string;
+  rera: string;
+  reraId?: string | null;
+  reraLabel?: string | null;
+  reraQrImage?: string | null;
+}
+
+interface FooterProps {
+  reraItems?: ReraDisplay[] | null;
+  /** @deprecated Use reraItems — single listing on detail pages */
+  singleProject?: ReraDisplay | null;
+}
+
+function ReraQr({ name, qrImage }: { name: string; qrImage?: string | null }) {
+  if (qrImage) {
+    return (
+      <div className="flex flex-col items-center justify-center p-2 rounded-xl bg-white border border-primary/10 shadow-sm w-36 h-36 overflow-hidden">
+        {/* eslint-disable-next-line @next/next/no-img-element */}
+        <img src={qrImage} alt={`QR code for ${name}`} className="w-28 h-28 object-contain" />
+      </div>
+    );
+  }
+
+  return (
+    <div className="flex flex-col items-center justify-center p-3.5 rounded-xl bg-white border border-primary/10 shadow-sm text-primary w-36 h-36">
+      <svg className="w-20 h-20 text-primary/60" viewBox="0 0 100 100" fill="currentColor">
+        <rect x="0" y="0" width="30" height="30" />
+        <rect x="5" y="5" width="20" height="20" fill="white" />
+        <rect x="10" y="10" width="10" height="10" />
+        <rect x="70" y="0" width="30" height="30" />
+        <rect x="75" y="5" width="20" height="20" fill="white" />
+        <rect x="80" y="10" width="10" height="10" />
+        <rect x="0" y="70" width="30" height="30" />
+        <rect x="5" y="75" width="20" height="20" fill="white" />
+        <rect x="10" y="80" width="10" height="10" />
+        <rect x="70" y="70" width="10" height="10" />
+        <rect x="85" y="85" width="15" height="15" />
+      </svg>
+    </div>
+  );
+}
+
+export default function Footer({ reraItems, singleProject }: FooterProps) {
+  const [loadedItems, setLoadedItems] = useState<ReraDisplay[]>([]);
+  const listingsApiPath = SITE.footer.listingsApiPath?.trim();
+  const detailItems = reraItems ?? (singleProject ? [singleProject] : null);
+
+  useEffect(() => {
+    if (detailItems || !listingsApiPath) return;
+
+    async function loadListings() {
+      try {
+        const res = await fetch(listingsApiPath);
+        const json = await res.json();
+        if (json.success && Array.isArray(json.data) && json.data.length > 0) {
+          setLoadedItems(
+            json.data.map((item: ReraDisplay) => ({
+              name: item.name,
+              rera: item.rera,
+              reraId: item.reraId,
+              reraLabel: item.reraLabel,
+              reraQrImage: item.reraQrImage,
+            }))
+          );
+        }
+      } catch (error) {
+        console.warn("Footer: failed to load listing RERA data", error);
+      }
+    }
+
+    loadListings();
+  }, [detailItems, listingsApiPath]);
+
+  const displayQrs: ReraDisplay[] =
+    detailItems && detailItems.length > 0
+      ? detailItems
+      : loadedItems.length > 0
+        ? loadedItems
+        : SITE.footer.reraFallbacks;
+
+  return (
+    <footer className="bg-footer-bg text-text-main py-16 px-4 md:px-8 border-t border-primary/10">
+      <div className="max-w-7xl mx-auto space-y-12">
+        {SITE.legal.agentRera && (
+          <div className="text-center">
+            <span className="text-sm font-bold tracking-widest text-accent-gold-dark uppercase border-b border-accent-gold/20 pb-2 px-4">
+              {SITE.footer.reraLabel}: {SITE.legal.agentRera}
+            </span>
+          </div>
+        )}
+
+        {displayQrs.length > 0 && (
+          <div className="flex flex-wrap justify-center gap-6 pt-4">
+            {displayQrs.map((qr, index) => (
+              <div key={index} className="flex flex-col items-center space-y-2">
+                <ReraQr name={qr.name} qrImage={qr.reraQrImage} />
+                <div className="text-center w-full flex flex-col items-center">
+                  <span className="block text-[10px] font-bold text-primary truncate max-w-[144px] text-center mx-auto">
+                    {qr.reraLabel || qr.name}
+                  </span>
+                  <span className="text-[9px] font-medium text-text-muted block select-all text-center mx-auto">
+                    {qr.reraId || qr.rera}
+                  </span>
+                </div>
+              </div>
+            ))}
+          </div>
+        )}
+
+        <div className="text-[10px] text-text-muted leading-relaxed border-t border-primary/10 pt-8 space-y-3 font-light text-center">
+          {SITE.legal.disclaimer.map((paragraph, idx) => (
+            <p key={idx} className="max-w-4xl mx-auto">{paragraph}</p>
+          ))}
+          <p className="text-center pt-4 text-text-main/70 text-[11px] font-medium max-w-4xl mx-auto">
+            &copy; {new Date().getFullYear()} {SITE.brand.copyright} {SITE.brand.managedBy}
+          </p>
+        </div>
+      </div>
+    </footer>
+  );
+}

package/packages/core/modules/gallery/app/admin/components/GalleryFormModal.tsx

@@ -0,0 +1,132 @@
+"use client";
+
+import React, { useEffect, useState } from "react";
+import type { GalleryDataInput } from "../hooks/useGallery";
+
+interface GalleryFormModalProps {
+  isOpen: boolean;
+  onClose: () => void;
+  onSubmit: (data: GalleryDataInput) => void;
+  initialData: GalleryDataInput | null;
+  error?: string;
+  isSubmitting?: boolean;
+}
+
+export default function GalleryFormModal({
+  isOpen,
+  onClose,
+  onSubmit,
+  initialData,
+  error,
+  isSubmitting,
+}: GalleryFormModalProps) {
+  const [form, setForm] = useState<GalleryDataInput>({
+    title: "",
+    category: "general",
+    description: "",
+    imageUrl: "",
+    sortOrder: 0,
+    published: true,
+  });
+
+  useEffect(() => {
+    if (isOpen) {
+      setForm(
+        initialData ?? {
+          title: "",
+          category: "general",
+          description: "",
+          imageUrl: "",
+          sortOrder: 0,
+          published: true,
+        }
+      );
+    }
+  }, [isOpen, initialData]);
+
+  if (!isOpen) return null;
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/40" onClick={onClose}>
+      <div
+        className="bg-white rounded-2xl p-6 w-full max-w-md shadow-xl border border-primary/10"
+        onClick={(e) => e.stopPropagation()}
+      >
+        <h3 className="text-lg font-bold text-primary mb-4">
+          {initialData?.id ? "Edit image" : "Add gallery image"}
+        </h3>
+
+        {error && (
+          <div className="mb-4 p-3 text-xs text-red-700 bg-red-50 border border-red-200 rounded-lg">{error}</div>
+        )}
+
+        <form
+          className="space-y-4"
+          onSubmit={(e) => {
+            e.preventDefault();
+            onSubmit(form);
+          }}
+        >
+          <input
+            className="w-full border border-primary/20 rounded-lg px-3 py-2 text-sm"
+            placeholder="Title*"
+            value={form.title}
+            onChange={(e) => setForm({ ...form, title: e.target.value })}
+            required
+          />
+          <input
+            className="w-full border border-primary/20 rounded-lg px-3 py-2 text-sm"
+            placeholder="Category"
+            value={form.category}
+            onChange={(e) => setForm({ ...form, category: e.target.value })}
+          />
+          <input
+            className="w-full border border-primary/20 rounded-lg px-3 py-2 text-sm"
+            placeholder="Image URL* (/assets/... or https://)"
+            value={form.imageUrl}
+            onChange={(e) => setForm({ ...form, imageUrl: e.target.value })}
+            required
+          />
+          <textarea
+            className="w-full border border-primary/20 rounded-lg px-3 py-2 text-sm resize-none"
+            placeholder="Description (optional)"
+            rows={2}
+            value={form.description ?? ""}
+            onChange={(e) => setForm({ ...form, description: e.target.value })}
+          />
+          <input
+            type="number"
+            className="w-full border border-primary/20 rounded-lg px-3 py-2 text-sm"
+            placeholder="Sort order"
+            value={form.sortOrder}
+            onChange={(e) => setForm({ ...form, sortOrder: Number(e.target.value) || 0 })}
+          />
+          <label className="flex items-center gap-2 text-sm">
+            <input
+              type="checkbox"
+              checked={form.published}
+              onChange={(e) => setForm({ ...form, published: e.target.checked })}
+            />
+            Published on site
+          </label>
+          <div className="flex gap-3 pt-2">
+            <button
+              type="button"
+              onClick={onClose}
+              className="flex-1 py-2.5 rounded-lg border border-primary/20 text-sm font-bold cursor-pointer"
+            >
+              Cancel
+            </button>
+            <button
+              type="submit"
+              disabled={isSubmitting}
+              className="flex-1 py-2.5 rounded-lg bg-primary text-white text-sm font-bold disabled:opacity-50 cursor-pointer"
+            >
+              {isSubmitting ? "Saving..." : "Save"}
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  );
+}