@burdenoff/microfe-housingvista 2026.510.105

package/dist/housingvista/pages/properties/AddPropertyPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddPropertyPage.js","names":[],"sources":["../../../../src/housingvista/pages/properties/AddPropertyPage.tsx"],"sourcesContent":["/**\n * HousingVista Add Property Page\n * Multi-step property creation form.\n * Migrated from legacy housingvista-frontend add-property.tsx\n * @module housingvista\n */\n\nimport { useState, useCallback } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  Home,\n  MapPin,\n  DollarSign,\n  Bed,\n  Bath,\n  Maximize,\n  Calendar,\n  Upload,\n  CheckCircle,\n  ChevronLeft,\n  ChevronRight,\n  Wifi,\n  Car,\n  Waves,\n  Dumbbell,\n  TreePine,\n  Shield,\n  Flame,\n  Wind,\n} from 'lucide-react';\nimport { PageLayout, Breadcrumbs } from '../../components';\nimport type { BreadcrumbItem } from '../../components';\nimport { cn } from '../../utils/helpers';\n\n// ---- Step definitions ----\nconst steps = [\n  { id: 'basic', label: 'Basic Info', icon: Home },\n  { id: 'location', label: 'Location', icon: MapPin },\n  { id: 'specs', label: 'Specifications', icon: Maximize },\n  { id: 'amenities', label: 'Amenities', icon: Wifi },\n  { id: 'pricing', label: 'Pricing', icon: DollarSign },\n  { id: 'images', label: 'Images', icon: Upload },\n] as const;\n\n// ---- Amenity options ----\nconst amenityOptions = [\n  { id: 'swimming_pool', label: 'Swimming Pool', icon: Waves },\n  { id: 'gym', label: 'Gym / Fitness', icon: Dumbbell },\n  { id: 'parking', label: 'Parking', icon: Car },\n  { id: 'garden', label: 'Garden', icon: TreePine },\n  { id: 'security', label: '24/7 Security', icon: Shield },\n  { id: 'wifi', label: 'Wi-Fi', icon: Wifi },\n  { id: 'fireplace', label: 'Fireplace', icon: Flame },\n  { id: 'ac', label: 'Central AC', icon: Wind },\n];\n\nconst breadcrumbs: BreadcrumbItem[] = [{ label: 'Properties', href: '../' }, { label: 'Add New' }];\n\nexport const AddPropertyPage = () => {\n  const navigate = useNavigate();\n  const [currentStep, setCurrentStep] = useState(0);\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [showSuccess, setShowSuccess] = useState(false);\n\n  const [formData, setFormData] = useState({\n    // Basic Info\n    title: '',\n    description: '',\n    propertyType: 'residential',\n    category: 'apartment',\n    listingType: 'sale',\n    // Location\n    address: '',\n    city: '',\n    state: '',\n    zipCode: '',\n    neighborhood: '',\n    country: 'USA',\n    // Specifications\n    bedrooms: '',\n    bathrooms: '',\n    area: '',\n    floors: '1',\n    parking: '0',\n    yearBuilt: '',\n    furnishing: 'unfurnished',\n    facing: 'North',\n    // Amenities\n    amenities: [] as string[],\n    // Pricing\n    price: '',\n    currency: 'USD',\n    negotiable: false,\n    // Images (mock)\n    images: [] as string[],\n  });\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => {\n      const { name, value, type } = e.target;\n      setFormData((prev) => ({\n        ...prev,\n        [name]: type === 'checkbox' ? (e.target as HTMLInputElement).checked : value,\n      }));\n    },\n    []\n  );\n\n  const toggleAmenity = useCallback((id: string) => {\n    setFormData((prev) => ({\n      ...prev,\n      amenities: prev.amenities.includes(id) ? prev.amenities.filter((a) => a !== id) : [...prev.amenities, id],\n    }));\n  }, []);\n\n  const canGoNext = () => {\n    switch (currentStep) {\n      case 0:\n        return formData.title.trim() !== '' && formData.description.trim() !== '';\n      case 1:\n        return formData.address.trim() !== '' && formData.city.trim() !== '' && formData.state.trim() !== '';\n      case 2:\n        return formData.area.trim() !== '';\n      case 3:\n        return true;\n      case 4:\n        return formData.price.trim() !== '';\n      case 5:\n        return true;\n      default:\n        return false;\n    }\n  };\n\n  const handleSubmit = async () => {\n    setIsSubmitting(true);\n    // Simulate API call\n    await new Promise((resolve) => setTimeout(resolve, 1500));\n    setIsSubmitting(false);\n    setShowSuccess(true);\n    setTimeout(() => {\n      navigate('../');\n    }, 2000);\n  };\n\n  const isLastStep = currentStep === steps.length - 1;\n\n  return (\n    <PageLayout title=\"Add New Property\" description=\"List your property for sale or rent\">\n      <Breadcrumbs items={breadcrumbs} />\n\n      {/* Success Toast */}\n      {showSuccess && (\n        <div className=\"flex items-center gap-3 rounded-lg border border-emerald-200 bg-emerald-50 p-4 dark:border-emerald-800 dark:bg-emerald-900/20\">\n          <CheckCircle className=\"h-5 w-5 text-emerald-600 dark:text-emerald-400\" />\n          <p className=\"text-sm font-medium text-emerald-800 dark:text-emerald-300\">\n            Property added successfully! Redirecting...\n          </p>\n        </div>\n      )}\n\n      {/* Step Indicators */}\n      <div className=\"overflow-x-auto\">\n        <div className=\"flex items-center gap-1 min-w-max\">\n          {steps.map((step, index) => {\n            const Icon = step.icon;\n            const isActive = index === currentStep;\n            const isCompleted = index < currentStep;\n            return (\n              <div key={step.id} className=\"flex items-center\">\n                <button\n                  onClick={() => index <= currentStep && setCurrentStep(index)}\n                  className={cn(\n                    'flex items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-colors',\n                    isActive && 'bg-foreground text-background',\n                    isCompleted && 'bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-400',\n                    !isActive && !isCompleted && 'text-muted-foreground'\n                  )}\n                  disabled={index > currentStep}\n                >\n                  {isCompleted ? <CheckCircle className=\"h-4 w-4\" /> : <Icon className=\"h-4 w-4\" />}\n                  <span className=\"hidden sm:inline\">{step.label}</span>\n                  <span className=\"sm:hidden\">{index + 1}</span>\n                </button>\n                {index < steps.length - 1 && (\n                  <div className={cn('mx-1 h-px w-6', isCompleted ? 'bg-emerald-400' : 'bg-border')} />\n                )}\n              </div>\n            );\n          })}\n        </div>\n      </div>\n\n      {/* Form Content */}\n      <div className=\"max-w-3xl\">\n        <div className=\"rounded-lg border border-border bg-card p-6\">\n          {/* Step 0: Basic Info */}\n          {currentStep === 0 && (\n            <div className=\"space-y-4\">\n              <h3 className=\"text-lg font-semibold text-foreground\">Basic Information</h3>\n              <div>\n                <label htmlFor=\"title\" className=\"mb-1.5 block text-sm font-medium text-foreground\">\n                  Property Title *\n                </label>\n                <input\n                  id=\"title\"\n                  name=\"title\"\n                  value={formData.title}\n                  onChange={handleChange}\n                  placeholder=\"e.g., Luxury 3BHK Apartment in Downtown\"\n                  required\n                  className=\"h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                />\n              </div>\n              <div>\n                <label htmlFor=\"description\" className=\"mb-1.5 block text-sm font-medium text-foreground\">\n                  Description *\n                </label>\n                <textarea\n                  id=\"description\"\n                  name=\"description\"\n                  value={formData.description}\n                  onChange={handleChange}\n                  placeholder=\"Describe your property in detail...\"\n                  required\n                  rows={4}\n                  className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                />\n              </div>\n              <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n                <div>\n                  <label htmlFor=\"propertyType\" className=\"mb-1.5 block text-sm font-medium text-foreground\">\n                    Property Type *\n                  </label>\n                  <select\n                    id=\"propertyType\"\n                    name=\"propertyType\"\n                    value={formData.propertyType}\n                    onChange={handleChange}\n                    className=\"h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                  >\n                    <option value=\"residential\">Residential</option>\n                    <option value=\"commercial\">Commercial</option>\n                    <option value=\"industrial\">Industrial</option>\n                    <option value=\"agricultural\">Agricultural</option>\n                    <option value=\"mixed_use\">Mixed Use</option>\n                  </select>\n                </div>\n                <div>\n                  <label htmlFor=\"category\" className=\"mb-1.5 block text-sm font-medium text-foreground\">\n                    Category *\n                  </label>\n                  <select\n                    id=\"category\"\n                    name=\"category\"\n                    value={formData.category}\n                    onChange={handleChange}\n                    className=\"h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                  >\n                    <option value=\"apartment\">Apartment</option>\n                    <option value=\"house\">House</option>\n                    <option value=\"villa\">Villa</option>\n                    <option value=\"office\">Office</option>\n                    <option value=\"retail\">Retail</option>\n                    <option value=\"warehouse\">Warehouse</option>\n                    <option value=\"land\">Land</option>\n                    <option value=\"plot\">Plot</option>\n                  </select>\n                </div>\n              </div>\n              <div>\n                <label htmlFor=\"listingType\" className=\"mb-1.5 block text-sm font-medium text-foreground\">\n                  Listing Type *\n                </label>\n                <select\n                  id=\"listingType\"\n                  name=\"listingType\"\n                  value={formData.listingType}\n                  onChange={handleChange}\n                  className=\"h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring sm:max-w-xs\"\n                >\n                  <option value=\"sale\">For Sale</option>\n                  <option value=\"rent\">For Rent</option>\n                  <option value=\"lease\">For Lease</option>\n                </select>\n              </div>\n            </div>\n          )}\n\n          {/* Step 1: Location */}\n          {currentStep === 1 && (\n            <div className=\"space-y-4\">\n              <h3 className=\"flex items-center gap-2 text-lg font-semibold text-foreground\">\n                <MapPin className=\"h-5 w-5\" />\n                Location Details\n              </h3>\n              <div>\n                <label htmlFor=\"address\" className=\"mb-1.5 block text-sm font-medium text-foreground\">\n                  Street Address *\n                </label>\n                <input\n                  id=\"address\"\n                  name=\"address\"\n                  value={formData.address}\n                  onChange={handleChange}\n                  placeholder=\"e.g., 123 Main Street, Unit 2504\"\n                  required\n                  className=\"h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                />\n              </div>\n              <div>\n                <label htmlFor=\"neighborhood\" className=\"mb-1.5 block text-sm font-medium text-foreground\">\n                  Neighborhood\n                </label>\n                <input\n                  id=\"neighborhood\"\n                  name=\"neighborhood\"\n                  value={formData.neighborhood}\n                  onChange={handleChange}\n                  placeholder=\"e.g., Midtown\"\n                  className=\"h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                />\n              </div>\n              <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n                <div>\n                  <label htmlFor=\"city\" className=\"mb-1.5 block text-sm font-medium text-foreground\">\n                    City *\n                  </label>\n                  <input\n                    id=\"city\"\n                    name=\"city\"\n                    value={formData.city}\n                    onChange={handleChange}\n                    placeholder=\"City\"\n                    required\n                    className=\"h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                  />\n                </div>\n                <div>\n                  <label htmlFor=\"state\" className=\"mb-1.5 block text-sm font-medium text-foreground\">\n                    State *\n                  </label>\n                  <input\n                    id=\"state\"\n                    name=\"state\"\n                    value={formData.state}\n                    onChange={handleChange}\n                    placeholder=\"State\"\n                    required\n                    className=\"h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                  />\n                </div>\n                <div>\n                  <label htmlFor=\"zipCode\" className=\"mb-1.5 block text-sm font-medium text-foreground\">\n                    ZIP Code *\n                  </label>\n                  <input\n                    id=\"zipCode\"\n                    name=\"zipCode\"\n                    value={formData.zipCode}\n                    onChange={handleChange}\n                    placeholder=\"ZIP Code\"\n                    required\n                    className=\"h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                  />\n                </div>\n              </div>\n              <div>\n                <label htmlFor=\"country\" className=\"mb-1.5 block text-sm font-medium text-foreground\">\n                  Country\n                </label>\n                <select\n                  id=\"country\"\n                  name=\"country\"\n                  value={formData.country}\n                  onChange={handleChange}\n                  className=\"h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring sm:max-w-xs\"\n                >\n                  <option value=\"USA\">United States</option>\n                  <option value=\"Canada\">Canada</option>\n                  <option value=\"UK\">United Kingdom</option>\n                  <option value=\"India\">India</option>\n                </select>\n              </div>\n            </div>\n          )}\n\n          {/* Step 2: Specifications */}\n          {currentStep === 2 && (\n            <div className=\"space-y-4\">\n              <h3 className=\"text-lg font-semibold text-foreground\">Property Specifications</h3>\n              <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n                <div>\n                  <label\n                    htmlFor=\"area\"\n                    className=\"mb-1.5 flex items-center gap-1.5 text-sm font-medium text-foreground\"\n                  >\n                    <Maximize className=\"h-4 w-4\" />\n                    Total Area (sq ft) *\n                  </label>\n                  <input\n                    id=\"area\"\n                    name=\"area\"\n                    type=\"number\"\n                    value={formData.area}\n                    onChange={handleChange}\n                    placeholder=\"Enter area\"\n                    required\n                    className=\"h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                  />\n                </div>\n                <div>\n                  <label\n                    htmlFor=\"yearBuilt\"\n                    className=\"mb-1.5 flex items-center gap-1.5 text-sm font-medium text-foreground\"\n                  >\n                    <Calendar className=\"h-4 w-4\" />\n                    Year Built\n                  </label>\n                  <input\n                    id=\"yearBuilt\"\n                    name=\"yearBuilt\"\n                    type=\"number\"\n                    value={formData.yearBuilt}\n                    onChange={handleChange}\n                    placeholder=\"YYYY\"\n                    className=\"h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                  />\n                </div>\n              </div>\n              <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n                <div>\n                  <label\n                    htmlFor=\"bedrooms\"\n                    className=\"mb-1.5 flex items-center gap-1.5 text-sm font-medium text-foreground\"\n                  >\n                    <Bed className=\"h-4 w-4\" />\n                    Bedrooms\n                  </label>\n                  <input\n                    id=\"bedrooms\"\n                    name=\"bedrooms\"\n                    type=\"number\"\n                    value={formData.bedrooms}\n                    onChange={handleChange}\n                    placeholder=\"0\"\n                    className=\"h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                  />\n                </div>\n                <div>\n                  <label\n                    htmlFor=\"bathrooms\"\n                    className=\"mb-1.5 flex items-center gap-1.5 text-sm font-medium text-foreground\"\n                  >\n                    <Bath className=\"h-4 w-4\" />\n                    Bathrooms\n                  </label>\n                  <input\n                    id=\"bathrooms\"\n                    name=\"bathrooms\"\n                    type=\"number\"\n                    value={formData.bathrooms}\n                    onChange={handleChange}\n                    placeholder=\"0\"\n                    className=\"h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                  />\n                </div>\n                <div>\n                  <label\n                    htmlFor=\"parking\"\n                    className=\"mb-1.5 flex items-center gap-1.5 text-sm font-medium text-foreground\"\n                  >\n                    <Car className=\"h-4 w-4\" />\n                    Parking Spots\n                  </label>\n                  <input\n                    id=\"parking\"\n                    name=\"parking\"\n                    type=\"number\"\n                    value={formData.parking}\n                    onChange={handleChange}\n                    placeholder=\"0\"\n                    className=\"h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                  />\n                </div>\n              </div>\n              <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n                <div>\n                  <label htmlFor=\"furnishing\" className=\"mb-1.5 block text-sm font-medium text-foreground\">\n                    Furnishing Status\n                  </label>\n                  <select\n                    id=\"furnishing\"\n                    name=\"furnishing\"\n                    value={formData.furnishing}\n                    onChange={handleChange}\n                    className=\"h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                  >\n                    <option value=\"unfurnished\">Unfurnished</option>\n                    <option value=\"semi_furnished\">Semi Furnished</option>\n                    <option value=\"furnished\">Furnished</option>\n                  </select>\n                </div>\n                <div>\n                  <label htmlFor=\"facing\" className=\"mb-1.5 block text-sm font-medium text-foreground\">\n                    Facing Direction\n                  </label>\n                  <select\n                    id=\"facing\"\n                    name=\"facing\"\n                    value={formData.facing}\n                    onChange={handleChange}\n                    className=\"h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                  >\n                    <option value=\"North\">North</option>\n                    <option value=\"South\">South</option>\n                    <option value=\"East\">East</option>\n                    <option value=\"West\">West</option>\n                    <option value=\"Northeast\">Northeast</option>\n                    <option value=\"Northwest\">Northwest</option>\n                    <option value=\"Southeast\">Southeast</option>\n                    <option value=\"Southwest\">Southwest</option>\n                  </select>\n                </div>\n              </div>\n            </div>\n          )}\n\n          {/* Step 3: Amenities */}\n          {currentStep === 3 && (\n            <div className=\"space-y-4\">\n              <h3 className=\"text-lg font-semibold text-foreground\">Property Amenities</h3>\n              <p className=\"text-sm text-muted-foreground\">Select all amenities available at this property.</p>\n              <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-4\">\n                {amenityOptions.map((amenity) => {\n                  const Icon = amenity.icon;\n                  const isSelected = formData.amenities.includes(amenity.id);\n                  return (\n                    <button\n                      key={amenity.id}\n                      type=\"button\"\n                      onClick={() => toggleAmenity(amenity.id)}\n                      className={cn(\n                        'flex flex-col items-center gap-2 rounded-lg border p-4 text-sm font-medium transition-colors',\n                        isSelected\n                          ? 'border-foreground bg-foreground/5 text-foreground'\n                          : 'border-border text-muted-foreground hover:bg-muted/50'\n                      )}\n                    >\n                      <Icon className=\"h-6 w-6\" />\n                      <span>{amenity.label}</span>\n                      {isSelected && <CheckCircle className=\"h-4 w-4 text-emerald-600 dark:text-emerald-400\" />}\n                    </button>\n                  );\n                })}\n              </div>\n            </div>\n          )}\n\n          {/* Step 4: Pricing */}\n          {currentStep === 4 && (\n            <div className=\"space-y-4\">\n              <h3 className=\"flex items-center gap-2 text-lg font-semibold text-foreground\">\n                <DollarSign className=\"h-5 w-5\" />\n                Pricing Details\n              </h3>\n              <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n                <div>\n                  <label htmlFor=\"price\" className=\"mb-1.5 block text-sm font-medium text-foreground\">\n                    Price *\n                  </label>\n                  <input\n                    id=\"price\"\n                    name=\"price\"\n                    type=\"number\"\n                    value={formData.price}\n                    onChange={handleChange}\n                    placeholder=\"Enter price\"\n                    required\n                    className=\"h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                  />\n                </div>\n                <div>\n                  <label htmlFor=\"currency\" className=\"mb-1.5 block text-sm font-medium text-foreground\">\n                    Currency\n                  </label>\n                  <select\n                    id=\"currency\"\n                    name=\"currency\"\n                    value={formData.currency}\n                    onChange={handleChange}\n                    className=\"h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                  >\n                    <option value=\"USD\">USD ($)</option>\n                    <option value=\"EUR\">EUR</option>\n                    <option value=\"GBP\">GBP</option>\n                    <option value=\"INR\">INR</option>\n                  </select>\n                </div>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <input\n                  type=\"checkbox\"\n                  id=\"negotiable\"\n                  name=\"negotiable\"\n                  checked={formData.negotiable}\n                  onChange={handleChange}\n                  className=\"h-4 w-4 rounded border-border\"\n                />\n                <label htmlFor=\"negotiable\" className=\"text-sm text-foreground\">\n                  Price is negotiable\n                </label>\n              </div>\n            </div>\n          )}\n\n          {/* Step 5: Images */}\n          {currentStep === 5 && (\n            <div className=\"space-y-4\">\n              <h3 className=\"flex items-center gap-2 text-lg font-semibold text-foreground\">\n                <Upload className=\"h-5 w-5\" />\n                Property Images\n              </h3>\n              <div className=\"rounded-lg border-2 border-dashed border-border p-8 text-center\">\n                <Upload className=\"mx-auto h-12 w-12 text-muted-foreground\" />\n                <p className=\"mt-3 text-sm text-muted-foreground\">Drag and drop images here, or click to browse</p>\n                <p className=\"mt-1 text-xs text-muted-foreground\">Upload up to 10 images (JPG, PNG, max 5MB each)</p>\n                <button\n                  type=\"button\"\n                  className=\"mt-4 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted\"\n                >\n                  Choose Files\n                </button>\n              </div>\n              {/* Mock uploaded images placeholder */}\n              <div className=\"grid grid-cols-3 gap-3 sm:grid-cols-4\">\n                {[1, 2, 3].map((i) => (\n                  <div\n                    key={i}\n                    className=\"flex aspect-square items-center justify-center rounded-lg border border-border bg-muted/50\"\n                  >\n                    <Home className=\"h-8 w-8 text-muted-foreground/30\" />\n                  </div>\n                ))}\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* Navigation Buttons */}\n        <div className=\"mt-6 flex items-center justify-between\">\n          <button\n            type=\"button\"\n            onClick={() => (currentStep === 0 ? navigate('../') : setCurrentStep((s) => s - 1))}\n            disabled={isSubmitting}\n            className=\"inline-flex items-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted disabled:opacity-50\"\n          >\n            <ChevronLeft className=\"h-4 w-4\" />\n            {currentStep === 0 ? 'Cancel' : 'Previous'}\n          </button>\n\n          {isLastStep ? (\n            <button\n              type=\"button\"\n              onClick={handleSubmit}\n              disabled={!canGoNext() || isSubmitting}\n              className=\"inline-flex items-center gap-2 rounded-md bg-foreground px-6 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90 disabled:opacity-50\"\n            >\n              {isSubmitting ? 'Adding Property...' : 'Submit Property'}\n            </button>\n          ) : (\n            <button\n              type=\"button\"\n              onClick={() => setCurrentStep((s) => s + 1)}\n              disabled={!canGoNext()}\n              className=\"inline-flex items-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90 disabled:opacity-50\"\n            >\n              Next\n              <ChevronRight className=\"h-4 w-4\" />\n            </button>\n          )}\n        </div>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}

package/dist/housingvista/pages/properties/PropertiesPage.d.ts

@@ -0,0 +1,7 @@
+/**
+ * HousingVista Properties Listing Page
+ * Migrated from legacy housingvista-frontend properties.tsx
+ * @module housingvista
+ */
+export declare const PropertiesPage: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PropertiesPage.d.ts.map

package/dist/housingvista/pages/properties/PropertiesPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertiesPage.d.ts","sourceRoot":"","sources":["../../../../src/housingvista/pages/properties/PropertiesPage.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAWH,eAAO,MAAM,cAAc,+CAgZ1B,CAAC"}

package/dist/housingvista/pages/properties/PropertiesPage.js

@@ -0,0 +1,385 @@
+import { cn as e } from "../../utils/helpers.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { StatCard as n } from "../../components/StatCard.js";
+import { EmptyState as r } from "../../components/EmptyState.js";
+import { FilterBar as i } from "../../components/FilterBar.js";
+import { PropertyCard as a } from "../../components/PropertyCard.js";
+import "../../components/index.js";
+import { useProperties as o } from "../../hooks/index.js";
+import { useMemo as s, useState as c } from "react";
+import { Building as l, Grid as u, List as d, Plus as f, SlidersHorizontal as p, X as m } from "lucide-react";
+import { useNavigate as h } from "react-router-dom";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useI18n as v } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/housingvista/pages/properties/PropertiesPage.tsx
+var y = () => {
+	let y = h(), { t: b } = v(), { data: x } = o(), S = (e, t) => {
+		let n = b(e);
+		return n === e ? t : n;
+	}, C = [
+		{
+			value: "all",
+			label: S("housingvista.properties.filters.propertyTypes.all", "All Types")
+		},
+		{
+			value: "residential",
+			label: S("housingvista.properties.filters.propertyTypes.residential", "Residential")
+		},
+		{
+			value: "commercial",
+			label: S("housingvista.properties.filters.propertyTypes.commercial", "Commercial")
+		},
+		{
+			value: "industrial",
+			label: S("housingvista.properties.filters.propertyTypes.industrial", "Industrial")
+		},
+		{
+			value: "agricultural",
+			label: S("housingvista.properties.filters.propertyTypes.agricultural", "Agricultural")
+		},
+		{
+			value: "mixed_use",
+			label: S("housingvista.properties.filters.propertyTypes.mixedUse", "Mixed Use")
+		}
+	], w = [
+		{
+			value: "all",
+			label: S("housingvista.properties.filters.propertyStatuses.all", "All Status")
+		},
+		{
+			value: "for_sale",
+			label: S("housingvista.properties.filters.propertyStatuses.forSale", "For Sale")
+		},
+		{
+			value: "for_rent",
+			label: S("housingvista.properties.filters.propertyStatuses.forRent", "For Rent")
+		},
+		{
+			value: "sold",
+			label: S("housingvista.properties.filters.propertyStatuses.sold", "Sold")
+		},
+		{
+			value: "rented",
+			label: S("housingvista.properties.filters.propertyStatuses.rented", "Rented")
+		},
+		{
+			value: "under_contract",
+			label: S("housingvista.properties.filters.propertyStatuses.underContract", "Under Contract")
+		},
+		{
+			value: "off_market",
+			label: S("housingvista.properties.filters.propertyStatuses.offMarket", "Off Market")
+		}
+	], T = [
+		{
+			value: "all",
+			label: S("housingvista.properties.filters.propertyCategories.all", "All Categories")
+		},
+		{
+			value: "apartment",
+			label: S("housingvista.properties.filters.propertyCategories.apartment", "Apartment")
+		},
+		{
+			value: "house",
+			label: S("housingvista.properties.filters.propertyCategories.house", "House")
+		},
+		{
+			value: "villa",
+			label: S("housingvista.properties.filters.propertyCategories.villa", "Villa")
+		},
+		{
+			value: "office",
+			label: S("housingvista.properties.filters.propertyCategories.office", "Office")
+		},
+		{
+			value: "retail",
+			label: S("housingvista.properties.filters.propertyCategories.retail", "Retail")
+		},
+		{
+			value: "warehouse",
+			label: S("housingvista.properties.filters.propertyCategories.warehouse", "Warehouse")
+		},
+		{
+			value: "land",
+			label: S("housingvista.properties.filters.propertyCategories.land", "Land")
+		},
+		{
+			value: "plot",
+			label: S("housingvista.properties.filters.propertyCategories.plot", "Plot")
+		}
+	], E = [
+		{
+			value: "all",
+			label: S("housingvista.properties.filters.priceRanges.all", "Any Price"),
+			min: 0,
+			max: Infinity
+		},
+		{
+			value: "under_100k",
+			label: S("housingvista.properties.filters.priceRanges.under100k", "Under $100K"),
+			min: 0,
+			max: 1e5
+		},
+		{
+			value: "100k_500k",
+			label: S("housingvista.properties.filters.priceRanges.100kTo500k", "$100K - $500K"),
+			min: 1e5,
+			max: 5e5
+		},
+		{
+			value: "500k_1m",
+			label: S("housingvista.properties.filters.priceRanges.500kTo1m", "$500K - $1M"),
+			min: 5e5,
+			max: 1e6
+		},
+		{
+			value: "over_1m",
+			label: S("housingvista.properties.filters.priceRanges.over1m", "Over $1M"),
+			min: 1e6,
+			max: Infinity
+		}
+	], D = [
+		{
+			value: "all",
+			label: S("housingvista.properties.filters.bedrooms.all", "Any Bedrooms")
+		},
+		{
+			value: "1",
+			label: "1+"
+		},
+		{
+			value: "2",
+			label: "2+"
+		},
+		{
+			value: "3",
+			label: "3+"
+		},
+		{
+			value: "4",
+			label: "4+"
+		},
+		{
+			value: "5",
+			label: "5+"
+		}
+	], [O, k] = c(""), [A, j] = c("all"), [M, N] = c("all"), [P, F] = c("all"), [I, L] = c("all"), [R, z] = c("all"), [B, V] = c("grid"), [H, U] = c(!1), W = E.find((e) => e.value === I) ?? E[0], G = R === "all" ? 0 : Number(R), K = s(() => x.filter((e) => {
+		let t = !O || e.title.toLowerCase().includes(O.toLowerCase()) || e.description.toLowerCase().includes(O.toLowerCase()) || e.location.city.toLowerCase().includes(O.toLowerCase()) || e.location.neighborhood.toLowerCase().includes(O.toLowerCase()), n = A === "all" || e.type === A, r = M === "all" || e.status === M, i = P === "all" || e.category === P, a = e.price.amount >= W.min && e.price.amount <= W.max, o = (e.specifications.bedrooms ?? 0) >= G;
+		return t && n && r && i && a && o;
+	}), [
+		x,
+		O,
+		A,
+		M,
+		P,
+		W,
+		G
+	]), q = s(() => {
+		let e = K.length;
+		return {
+			total: e,
+			forSale: K.filter((e) => e.status === "for_sale").length,
+			forRent: K.filter((e) => e.status === "for_rent").length,
+			avgPrice: e > 0 ? K.reduce((e, t) => e + t.price.amount, 0) / e : 0
+		};
+	}, [K]), J = O || A !== "all" || M !== "all" || P !== "all" || I !== "all" || R !== "all", Y = () => {
+		k(""), j("all"), N("all"), F("all"), L("all"), z("all");
+	};
+	return /* @__PURE__ */ _(t, {
+		title: S("housingvista.properties.title", "Properties"),
+		description: S("housingvista.properties.description", "Discover your perfect property from our comprehensive listings"),
+		actions: /* @__PURE__ */ _("button", {
+			onClick: () => y("new"),
+			className: "inline-flex items-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90",
+			children: [/* @__PURE__ */ g(f, { className: "h-4 w-4" }), S("housingvista.properties.actions.addProperty", "Add Property")]
+		}),
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ g(n, {
+						label: S("housingvista.properties.stats.totalProperties", "Total Properties"),
+						value: q.total,
+						icon: /* @__PURE__ */ g(l, { className: "h-5 w-5" })
+					}),
+					/* @__PURE__ */ g(n, {
+						label: S("housingvista.properties.stats.forSale", "For Sale"),
+						value: q.forSale,
+						trend: "up",
+						change: 5
+					}),
+					/* @__PURE__ */ g(n, {
+						label: S("housingvista.properties.stats.forRent", "For Rent"),
+						value: q.forRent,
+						trend: "up",
+						change: 3
+					}),
+					/* @__PURE__ */ g(n, {
+						label: S("housingvista.properties.stats.avgPrice", "Avg. Price"),
+						value: q.avgPrice,
+						prefix: "$"
+					})
+				]
+			}),
+			/* @__PURE__ */ g(i, {
+				searchValue: O,
+				onSearchChange: k,
+				searchPlaceholder: S("housingvista.properties.search.placeholder", "Search properties by name, city, or neighborhood..."),
+				filters: /* @__PURE__ */ _("button", {
+					onClick: () => U((e) => !e),
+					className: e("inline-flex items-center gap-2 rounded-md border border-border px-3 py-2 text-sm font-medium transition-colors", H ? "bg-foreground text-background" : "text-foreground hover:bg-muted"),
+					children: [
+						/* @__PURE__ */ g(p, { className: "h-4 w-4" }),
+						S("housingvista.properties.filters.toggle", "Filters"),
+						J && /* @__PURE__ */ g("span", {
+							className: "flex h-5 w-5 items-center justify-center rounded-full bg-primary text-[10px] font-bold text-primary-foreground",
+							children: "!"
+						})
+					]
+				}),
+				actions: /* @__PURE__ */ _("div", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ g("button", {
+						onClick: () => V("grid"),
+						className: e("rounded-md p-2 transition-colors", B === "grid" ? "bg-foreground text-background" : "text-muted-foreground hover:text-foreground hover:bg-muted"),
+						children: /* @__PURE__ */ g(u, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ g("button", {
+						onClick: () => V("list"),
+						className: e("rounded-md p-2 transition-colors", B === "list" ? "bg-foreground text-background" : "text-muted-foreground hover:text-foreground hover:bg-muted"),
+						children: /* @__PURE__ */ g(d, { className: "h-4 w-4" })
+					})]
+				})
+			}),
+			H && /* @__PURE__ */ _("div", {
+				className: "rounded-lg border border-border bg-card p-4",
+				children: [/* @__PURE__ */ _("div", {
+					className: "flex items-center justify-between mb-4",
+					children: [/* @__PURE__ */ g("h3", {
+						className: "text-sm font-medium text-foreground",
+						children: S("housingvista.properties.filters.title", "Filters")
+					}), J && /* @__PURE__ */ _("button", {
+						onClick: Y,
+						className: "inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground",
+						children: [/* @__PURE__ */ g(m, { className: "h-3 w-3" }), S("housingvista.properties.filters.clearAll", "Clear All")]
+					})]
+				}), /* @__PURE__ */ _("div", {
+					className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-5",
+					children: [
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+							className: "mb-1.5 block text-xs font-medium text-muted-foreground",
+							children: S("housingvista.properties.filters.labels.propertyType", "Property Type")
+						}), /* @__PURE__ */ g("select", {
+							value: A,
+							onChange: (e) => j(e.target.value),
+							className: "h-9 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							children: C.map((e) => /* @__PURE__ */ g("option", {
+								value: e.value,
+								children: e.label
+							}, e.value))
+						})] }),
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+							className: "mb-1.5 block text-xs font-medium text-muted-foreground",
+							children: S("housingvista.properties.filters.labels.status", "Status")
+						}), /* @__PURE__ */ g("select", {
+							value: M,
+							onChange: (e) => N(e.target.value),
+							className: "h-9 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							children: w.map((e) => /* @__PURE__ */ g("option", {
+								value: e.value,
+								children: e.label
+							}, e.value))
+						})] }),
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+							className: "mb-1.5 block text-xs font-medium text-muted-foreground",
+							children: S("housingvista.properties.filters.labels.category", "Category")
+						}), /* @__PURE__ */ g("select", {
+							value: P,
+							onChange: (e) => F(e.target.value),
+							className: "h-9 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							children: T.map((e) => /* @__PURE__ */ g("option", {
+								value: e.value,
+								children: e.label
+							}, e.value))
+						})] }),
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+							className: "mb-1.5 block text-xs font-medium text-muted-foreground",
+							children: S("housingvista.properties.filters.labels.priceRange", "Price Range")
+						}), /* @__PURE__ */ g("select", {
+							value: I,
+							onChange: (e) => L(e.target.value),
+							className: "h-9 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							children: E.map((e) => /* @__PURE__ */ g("option", {
+								value: e.value,
+								children: e.label
+							}, e.value))
+						})] }),
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+							className: "mb-1.5 block text-xs font-medium text-muted-foreground",
+							children: S("housingvista.properties.filters.labels.bedrooms", "Bedrooms")
+						}), /* @__PURE__ */ g("select", {
+							value: R,
+							onChange: (e) => z(e.target.value),
+							className: "h-9 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							children: D.map((e) => /* @__PURE__ */ g("option", {
+								value: e.value,
+								children: e.label
+							}, e.value))
+						})] })
+					]
+				})]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ _("p", {
+					className: "text-sm text-muted-foreground",
+					children: [
+						S("housingvista.properties.results.showing", "Showing"),
+						" ",
+						K.length,
+						" ",
+						S("housingvista.properties.results.of", "of"),
+						" ",
+						x.length,
+						" ",
+						S("housingvista.properties.results.properties", "properties")
+					]
+				}), J && /* @__PURE__ */ g("button", {
+					onClick: Y,
+					className: "text-sm text-muted-foreground hover:text-foreground",
+					children: S("housingvista.properties.results.clearFilters", "Clear Filters")
+				})]
+			}),
+			K.length > 0 ? /* @__PURE__ */ g("div", {
+				className: e(B === "grid" ? "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3" : "space-y-4"),
+				children: K.map((e) => /* @__PURE__ */ g(a, {
+					id: e.id,
+					title: e.title,
+					price: e.price.amount,
+					priceType: e.price.type === "rent" ? "rent" : "sale",
+					pricePeriod: e.price.period,
+					location: `${e.location.neighborhood}, ${e.location.city}`,
+					bedrooms: e.specifications.bedrooms,
+					bathrooms: e.specifications.bathrooms,
+					area: e.specifications.totalArea,
+					imageUrl: e.images[0]?.url,
+					status: e.status.replace("_", " "),
+					type: e.category,
+					onClick: () => y(e.id)
+				}, e.id))
+			}) : /* @__PURE__ */ g(r, {
+				icon: /* @__PURE__ */ g(l, { className: "h-12 w-12" }),
+				title: S("housingvista.properties.empty.title", "No properties found"),
+				description: S("housingvista.properties.empty.description", "Try adjusting your search criteria or filters to find more properties."),
+				action: /* @__PURE__ */ g("button", {
+					onClick: Y,
+					className: "rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90",
+					children: S("housingvista.properties.empty.clearAllFilters", "Clear All Filters")
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { y as PropertiesPage };
+
+//# sourceMappingURL=PropertiesPage.js.map

package/dist/housingvista/pages/properties/PropertiesPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertiesPage.js","names":[],"sources":["../../../../src/housingvista/pages/properties/PropertiesPage.tsx"],"sourcesContent":["/**\n * HousingVista Properties Listing Page\n * Migrated from legacy housingvista-frontend properties.tsx\n * @module housingvista\n */\n\nimport { useState, useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Plus, Grid, List, Building, SlidersHorizontal, X } from 'lucide-react';\nimport { PageLayout, FilterBar, PropertyCard, EmptyState, StatCard } from '../../components';\nimport { useProperties } from '../../hooks';\nimport { cn, formatCurrency, formatNumber } from '../../utils/helpers';\nimport type { PropertyType, PropertyStatus, PropertyCategory } from '../../types';\n\nexport const PropertiesPage = () => {\n  const navigate = useNavigate();\n  const { t } = useI18n();\n  const { data: properties } = useProperties();\n\n  const tr = (key: string, fallback: string) => {\n    const translated = t(key);\n    return translated === key ? fallback : translated;\n  };\n\n  const propertyTypes: { value: PropertyType | 'all'; label: string }[] = [\n    { value: 'all', label: tr('housingvista.properties.filters.propertyTypes.all', 'All Types') },\n    { value: 'residential', label: tr('housingvista.properties.filters.propertyTypes.residential', 'Residential') },\n    { value: 'commercial', label: tr('housingvista.properties.filters.propertyTypes.commercial', 'Commercial') },\n    { value: 'industrial', label: tr('housingvista.properties.filters.propertyTypes.industrial', 'Industrial') },\n    { value: 'agricultural', label: tr('housingvista.properties.filters.propertyTypes.agricultural', 'Agricultural') },\n    { value: 'mixed_use', label: tr('housingvista.properties.filters.propertyTypes.mixedUse', 'Mixed Use') },\n  ];\n\n  const propertyStatuses: { value: PropertyStatus | 'all'; label: string }[] = [\n    { value: 'all', label: tr('housingvista.properties.filters.propertyStatuses.all', 'All Status') },\n    { value: 'for_sale', label: tr('housingvista.properties.filters.propertyStatuses.forSale', 'For Sale') },\n    { value: 'for_rent', label: tr('housingvista.properties.filters.propertyStatuses.forRent', 'For Rent') },\n    { value: 'sold', label: tr('housingvista.properties.filters.propertyStatuses.sold', 'Sold') },\n    { value: 'rented', label: tr('housingvista.properties.filters.propertyStatuses.rented', 'Rented') },\n    {\n      value: 'under_contract',\n      label: tr('housingvista.properties.filters.propertyStatuses.underContract', 'Under Contract'),\n    },\n    { value: 'off_market', label: tr('housingvista.properties.filters.propertyStatuses.offMarket', 'Off Market') },\n  ];\n\n  const propertyCategories: { value: PropertyCategory | 'all'; label: string }[] = [\n    { value: 'all', label: tr('housingvista.properties.filters.propertyCategories.all', 'All Categories') },\n    { value: 'apartment', label: tr('housingvista.properties.filters.propertyCategories.apartment', 'Apartment') },\n    { value: 'house', label: tr('housingvista.properties.filters.propertyCategories.house', 'House') },\n    { value: 'villa', label: tr('housingvista.properties.filters.propertyCategories.villa', 'Villa') },\n    { value: 'office', label: tr('housingvista.properties.filters.propertyCategories.office', 'Office') },\n    { value: 'retail', label: tr('housingvista.properties.filters.propertyCategories.retail', 'Retail') },\n    { value: 'warehouse', label: tr('housingvista.properties.filters.propertyCategories.warehouse', 'Warehouse') },\n    { value: 'land', label: tr('housingvista.properties.filters.propertyCategories.land', 'Land') },\n    { value: 'plot', label: tr('housingvista.properties.filters.propertyCategories.plot', 'Plot') },\n  ];\n\n  const priceRanges = [\n    { value: 'all', label: tr('housingvista.properties.filters.priceRanges.all', 'Any Price'), min: 0, max: Infinity },\n    {\n      value: 'under_100k',\n      label: tr('housingvista.properties.filters.priceRanges.under100k', 'Under $100K'),\n      min: 0,\n      max: 100000,\n    },\n    {\n      value: '100k_500k',\n      label: tr('housingvista.properties.filters.priceRanges.100kTo500k', '$100K - $500K'),\n      min: 100000,\n      max: 500000,\n    },\n    {\n      value: '500k_1m',\n      label: tr('housingvista.properties.filters.priceRanges.500kTo1m', '$500K - $1M'),\n      min: 500000,\n      max: 1000000,\n    },\n    {\n      value: 'over_1m',\n      label: tr('housingvista.properties.filters.priceRanges.over1m', 'Over $1M'),\n      min: 1000000,\n      max: Infinity,\n    },\n  ];\n\n  const bedroomOptions = [\n    { value: 'all', label: tr('housingvista.properties.filters.bedrooms.all', 'Any Bedrooms') },\n    { value: '1', label: '1+' },\n    { value: '2', label: '2+' },\n    { value: '3', label: '3+' },\n    { value: '4', label: '4+' },\n    { value: '5', label: '5+' },\n  ];\n\n  const [searchQuery, setSearchQuery] = useState('');\n  const [selectedType, setSelectedType] = useState<PropertyType | 'all'>('all');\n  const [selectedStatus, setSelectedStatus] = useState<PropertyStatus | 'all'>('all');\n  const [selectedCategory, setSelectedCategory] = useState<PropertyCategory | 'all'>('all');\n  const [selectedPriceRange, setSelectedPriceRange] = useState('all');\n  const [selectedBedrooms, setSelectedBedrooms] = useState('all');\n  const [viewMode, setViewMode] = useState<'grid' | 'list'>('grid');\n  const [showFilters, setShowFilters] = useState(false);\n\n  const priceRange = priceRanges.find((r) => r.value === selectedPriceRange) ?? priceRanges[0];\n  const minBedrooms = selectedBedrooms === 'all' ? 0 : Number(selectedBedrooms);\n\n  const filteredProperties = useMemo(() => {\n    return properties.filter((property) => {\n      const matchesSearch =\n        !searchQuery ||\n        property.title.toLowerCase().includes(searchQuery.toLowerCase()) ||\n        property.description.toLowerCase().includes(searchQuery.toLowerCase()) ||\n        property.location.city.toLowerCase().includes(searchQuery.toLowerCase()) ||\n        property.location.neighborhood.toLowerCase().includes(searchQuery.toLowerCase());\n\n      const matchesType = selectedType === 'all' || property.type === selectedType;\n      const matchesStatus = selectedStatus === 'all' || property.status === selectedStatus;\n      const matchesCategory = selectedCategory === 'all' || property.category === selectedCategory;\n      const matchesPrice = property.price.amount >= priceRange.min && property.price.amount <= priceRange.max;\n      const matchesBedrooms = (property.specifications.bedrooms ?? 0) >= minBedrooms;\n\n      return matchesSearch && matchesType && matchesStatus && matchesCategory && matchesPrice && matchesBedrooms;\n    });\n  }, [properties, searchQuery, selectedType, selectedStatus, selectedCategory, priceRange, minBedrooms]);\n\n  const stats = useMemo(() => {\n    const total = filteredProperties.length;\n    const forSale = filteredProperties.filter((p) => p.status === 'for_sale').length;\n    const forRent = filteredProperties.filter((p) => p.status === 'for_rent').length;\n    const avgPrice = total > 0 ? filteredProperties.reduce((sum, p) => sum + p.price.amount, 0) / total : 0;\n    return { total, forSale, forRent, avgPrice };\n  }, [filteredProperties]);\n\n  const hasActiveFilters =\n    searchQuery ||\n    selectedType !== 'all' ||\n    selectedStatus !== 'all' ||\n    selectedCategory !== 'all' ||\n    selectedPriceRange !== 'all' ||\n    selectedBedrooms !== 'all';\n\n  const clearFilters = () => {\n    setSearchQuery('');\n    setSelectedType('all');\n    setSelectedStatus('all');\n    setSelectedCategory('all');\n    setSelectedPriceRange('all');\n    setSelectedBedrooms('all');\n  };\n\n  return (\n    <PageLayout\n      title={tr('housingvista.properties.title', 'Properties')}\n      description={tr(\n        'housingvista.properties.description',\n        'Discover your perfect property from our comprehensive listings'\n      )}\n      actions={\n        <button\n          onClick={() => navigate('new')}\n          className=\"inline-flex items-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90\"\n        >\n          <Plus className=\"h-4 w-4\" />\n          {tr('housingvista.properties.actions.addProperty', 'Add Property')}\n        </button>\n      }\n    >\n      {/* Stats */}\n      <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n        <StatCard\n          label={tr('housingvista.properties.stats.totalProperties', 'Total Properties')}\n          value={stats.total}\n          icon={<Building className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          label={tr('housingvista.properties.stats.forSale', 'For Sale')}\n          value={stats.forSale}\n          trend=\"up\"\n          change={5}\n        />\n        <StatCard\n          label={tr('housingvista.properties.stats.forRent', 'For Rent')}\n          value={stats.forRent}\n          trend=\"up\"\n          change={3}\n        />\n        <StatCard\n          label={tr('housingvista.properties.stats.avgPrice', 'Avg. Price')}\n          value={stats.avgPrice}\n          prefix=\"$\"\n        />\n      </div>\n\n      {/* Search + View Toggle */}\n      <FilterBar\n        searchValue={searchQuery}\n        onSearchChange={setSearchQuery}\n        searchPlaceholder={tr(\n          'housingvista.properties.search.placeholder',\n          'Search properties by name, city, or neighborhood...'\n        )}\n        filters={\n          <button\n            onClick={() => setShowFilters((prev) => !prev)}\n            className={cn(\n              'inline-flex items-center gap-2 rounded-md border border-border px-3 py-2 text-sm font-medium transition-colors',\n              showFilters ? 'bg-foreground text-background' : 'text-foreground hover:bg-muted'\n            )}\n          >\n            <SlidersHorizontal className=\"h-4 w-4\" />\n            {tr('housingvista.properties.filters.toggle', 'Filters')}\n            {hasActiveFilters && (\n              <span className=\"flex h-5 w-5 items-center justify-center rounded-full bg-primary text-[10px] font-bold text-primary-foreground\">\n                !\n              </span>\n            )}\n          </button>\n        }\n        actions={\n          <div className=\"flex items-center gap-1\">\n            <button\n              onClick={() => setViewMode('grid')}\n              className={cn(\n                'rounded-md p-2 transition-colors',\n                viewMode === 'grid'\n                  ? 'bg-foreground text-background'\n                  : 'text-muted-foreground hover:text-foreground hover:bg-muted'\n              )}\n            >\n              <Grid className=\"h-4 w-4\" />\n            </button>\n            <button\n              onClick={() => setViewMode('list')}\n              className={cn(\n                'rounded-md p-2 transition-colors',\n                viewMode === 'list'\n                  ? 'bg-foreground text-background'\n                  : 'text-muted-foreground hover:text-foreground hover:bg-muted'\n              )}\n            >\n              <List className=\"h-4 w-4\" />\n            </button>\n          </div>\n        }\n      />\n\n      {/* Filter Dropdowns */}\n      {showFilters && (\n        <div className=\"rounded-lg border border-border bg-card p-4\">\n          <div className=\"flex items-center justify-between mb-4\">\n            <h3 className=\"text-sm font-medium text-foreground\">\n              {tr('housingvista.properties.filters.title', 'Filters')}\n            </h3>\n            {hasActiveFilters && (\n              <button\n                onClick={clearFilters}\n                className=\"inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground\"\n              >\n                <X className=\"h-3 w-3\" />\n                {tr('housingvista.properties.filters.clearAll', 'Clear All')}\n              </button>\n            )}\n          </div>\n          <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-5\">\n            {/* Type */}\n            <div>\n              <label className=\"mb-1.5 block text-xs font-medium text-muted-foreground\">\n                {tr('housingvista.properties.filters.labels.propertyType', 'Property Type')}\n              </label>\n              <select\n                value={selectedType}\n                onChange={(e) => setSelectedType(e.target.value as PropertyType | 'all')}\n                className=\"h-9 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n              >\n                {propertyTypes.map((t) => (\n                  <option key={t.value} value={t.value}>\n                    {t.label}\n                  </option>\n                ))}\n              </select>\n            </div>\n\n            {/* Status */}\n            <div>\n              <label className=\"mb-1.5 block text-xs font-medium text-muted-foreground\">\n                {tr('housingvista.properties.filters.labels.status', 'Status')}\n              </label>\n              <select\n                value={selectedStatus}\n                onChange={(e) => setSelectedStatus(e.target.value as PropertyStatus | 'all')}\n                className=\"h-9 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n              >\n                {propertyStatuses.map((s) => (\n                  <option key={s.value} value={s.value}>\n                    {s.label}\n                  </option>\n                ))}\n              </select>\n            </div>\n\n            {/* Category */}\n            <div>\n              <label className=\"mb-1.5 block text-xs font-medium text-muted-foreground\">\n                {tr('housingvista.properties.filters.labels.category', 'Category')}\n              </label>\n              <select\n                value={selectedCategory}\n                onChange={(e) => setSelectedCategory(e.target.value as PropertyCategory | 'all')}\n                className=\"h-9 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n              >\n                {propertyCategories.map((c) => (\n                  <option key={c.value} value={c.value}>\n                    {c.label}\n                  </option>\n                ))}\n              </select>\n            </div>\n\n            {/* Price Range */}\n            <div>\n              <label className=\"mb-1.5 block text-xs font-medium text-muted-foreground\">\n                {tr('housingvista.properties.filters.labels.priceRange', 'Price Range')}\n              </label>\n              <select\n                value={selectedPriceRange}\n                onChange={(e) => setSelectedPriceRange(e.target.value)}\n                className=\"h-9 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n              >\n                {priceRanges.map((r) => (\n                  <option key={r.value} value={r.value}>\n                    {r.label}\n                  </option>\n                ))}\n              </select>\n            </div>\n\n            {/* Bedrooms */}\n            <div>\n              <label className=\"mb-1.5 block text-xs font-medium text-muted-foreground\">\n                {tr('housingvista.properties.filters.labels.bedrooms', 'Bedrooms')}\n              </label>\n              <select\n                value={selectedBedrooms}\n                onChange={(e) => setSelectedBedrooms(e.target.value)}\n                className=\"h-9 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n              >\n                {bedroomOptions.map((b) => (\n                  <option key={b.value} value={b.value}>\n                    {b.label}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Results Count */}\n      <div className=\"flex items-center justify-between\">\n        <p className=\"text-sm text-muted-foreground\">\n          {tr('housingvista.properties.results.showing', 'Showing')} {filteredProperties.length}{' '}\n          {tr('housingvista.properties.results.of', 'of')} {properties.length}{' '}\n          {tr('housingvista.properties.results.properties', 'properties')}\n        </p>\n        {hasActiveFilters && (\n          <button onClick={clearFilters} className=\"text-sm text-muted-foreground hover:text-foreground\">\n            {tr('housingvista.properties.results.clearFilters', 'Clear Filters')}\n          </button>\n        )}\n      </div>\n\n      {/* Property Grid / List */}\n      {filteredProperties.length > 0 ? (\n        <div className={cn(viewMode === 'grid' ? 'grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3' : 'space-y-4')}>\n          {filteredProperties.map((property) => (\n            <PropertyCard\n              key={property.id}\n              id={property.id}\n              title={property.title}\n              price={property.price.amount}\n              priceType={property.price.type === 'rent' ? 'rent' : 'sale'}\n              pricePeriod={property.price.period}\n              location={`${property.location.neighborhood}, ${property.location.city}`}\n              bedrooms={property.specifications.bedrooms}\n              bathrooms={property.specifications.bathrooms}\n              area={property.specifications.totalArea}\n              imageUrl={property.images[0]?.url}\n              status={property.status.replace('_', ' ')}\n              type={property.category}\n              onClick={() => navigate(property.id)}\n            />\n          ))}\n        </div>\n      ) : (\n        <EmptyState\n          icon={<Building className=\"h-12 w-12\" />}\n          title={tr('housingvista.properties.empty.title', 'No properties found')}\n          description={tr(\n            'housingvista.properties.empty.description',\n            'Try adjusting your search criteria or filters to find more properties.'\n          )}\n          action={\n            <button\n              onClick={clearFilters}\n              className=\"rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90\"\n            >\n              {tr('housingvista.properties.empty.clearAllFilters', 'Clear All Filters')}\n            </button>\n          }\n        />\n      )}\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}

package/dist/housingvista/pages/properties/PropertyDetailPage.d.ts

@@ -0,0 +1,8 @@
+/**
+ * HousingVista Property Detail Page
+ * Full property detail view with image gallery, specs, amenities, documents, owner info.
+ * Migrated from legacy housingvista-frontend property-detail.tsx
+ * @module housingvista
+ */
+export declare const PropertyDetailPage: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PropertyDetailPage.d.ts.map

package/dist/housingvista/pages/properties/PropertyDetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/housingvista/pages/properties/PropertyDetailPage.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAqDH,eAAO,MAAM,kBAAkB,+CA4iB9B,CAAC"}