turash/bugulma/frontend/constants.tsx

import { z } from 'zod';
// Force cache refresh
import { Briefcase, Car, Church, Coffee, Fuel, Heart, Home, ShoppingCart, Stethoscope, Waves, Wrench } from 'lucide-react';
import { Building2, Factory } from 'lucide-react';
import { Handshake, User, UserSearch } from 'lucide-react';
import { businessFocusOptionsSchema } from '@/schemas/businessFocus.ts';
import { howItWorksStepSchema } from '@/schemas/howItWorks.ts';
import { liveActivitySchema } from '@/schemas/liveActivity.ts';
import { sectorSchema } from '@/schemas/sector.ts';

// Sector display mapping - maps normalized backend sector names to display properties
const sectorDisplayMap: Record<string, { nameKey: string; icon: React.ReactElement; colorKey: string }> = {
  retail: { nameKey: 'sectors.retail', icon: <ShoppingCart className="h-4 w-4 text-current" />, colorKey: 'retail' },
  healthcare: { nameKey: 'sectors.healthcare', icon: <Stethoscope className="h-4 w-4 text-current" />, colorKey: 'healthcare' },
  services: { nameKey: 'sectors.services', icon: <Briefcase className="h-4 w-4 text-current" />, colorKey: 'services' },
  education: { nameKey: 'sectors.education', icon: <Home className="h-4 w-4 text-current" />, colorKey: 'education' },
  automotive: { nameKey: 'sectors.automotive', icon: <Car className="h-4 w-4 text-current" />, colorKey: 'automotive' },
  food_beverage: { nameKey: 'sectors.food_beverage', icon: <Coffee className="h-4 w-4 text-current" />, colorKey: 'food_beverage' },
  religious: { nameKey: 'sectors.religious', icon: <Church className="h-4 w-4 text-current" />, colorKey: 'religious' },
  beauty_wellness: { nameKey: 'sectors.beauty_wellness', icon: <Heart className="h-4 w-4 text-current" />, colorKey: 'beauty_wellness' },
  energy: { nameKey: 'sectors.energy', icon: <Fuel className="h-4 w-4 text-current" />, colorKey: 'energy' },
  financial: { nameKey: 'sectors.financial', icon: <Briefcase className="h-4 w-4 text-current" />, colorKey: 'financial' },
  construction: { nameKey: 'sectors.construction', icon: <Wrench className="h-4 w-4 text-current" />, colorKey: 'construction' },
  manufacturing: { nameKey: 'sectors.manufacturing', icon: <Factory className="h-4 w-4 text-current" />, colorKey: 'manufacturing' },
  hospitality: { nameKey: 'sectors.hospitality', icon: <Home className="h-4 w-4 text-current" />, colorKey: 'hospitality' },
  entertainment: { nameKey: 'sectors.entertainment', icon: <Waves className="h-4 w-4 text-current" />, colorKey: 'entertainment' },
  agriculture: { nameKey: 'sectors.agriculture', icon: <Factory className="h-4 w-4 text-current" />, colorKey: 'agriculture' },
  furniture: { nameKey: 'sectors.furniture', icon: <Wrench className="h-4 w-4 text-current" />, colorKey: 'furniture' },
  sports: { nameKey: 'sectors.sports', icon: <Waves className="h-4 w-4 text-current" />, colorKey: 'sports' },
  government: { nameKey: 'sectors.government', icon: <Briefcase className="h-4 w-4 text-current" />, colorKey: 'government' },
  technology: { nameKey: 'sectors.technology', icon: <Factory className="h-4 w-4 text-current" />, colorKey: 'technology' },
  other: { nameKey: 'sectors.other', icon: <Briefcase className="h-4 w-4 text-current" />, colorKey: 'other' },
};

// Default fallback for unknown sectors
const defaultSectorDisplay = { nameKey: 'sectors.other', icon: <Briefcase className="h-4 w-4 text-current" />, colorKey: 'other' };

export const getSectorDisplay = (sectorName: string) => {
  return sectorDisplayMap[sectorName] || { ...defaultSectorDisplay, nameKey: `sectors.${sectorName}` };
};

// Legacy SECTORS export for backward compatibility
// TODO: Gradually migrate all components to use useDynamicSectors hook
const legacySectorsData = [
  { nameKey: 'sectors.construction', icon: <Wrench className="h-4 w-4 text-current" />, colorKey: 'construction' },
  { nameKey: 'sectors.manufacturing', icon: <Factory className="h-4 w-4 text-current" />, colorKey: 'manufacturing' },
  { nameKey: 'sectors.services', icon: <Briefcase className="h-4 w-4 text-current" />, colorKey: 'services' },
  { nameKey: 'sectors.retail', icon: <ShoppingCart className="h-4 w-4 text-current" />, colorKey: 'retail' },
];
export const SECTORS = z.array(sectorSchema).parse(legacySectorsData);

// Infer options from the schema to maintain a single source of truth
export const BUSINESS_FOCUS_OPTIONS = businessFocusOptionsSchema.options;

const liveActivitiesData = [
  {
    orgId: '1',
    icon: <Factory className="h-4 w-4 text-current" />,
    actionKey: 'liveActivity.actions.newOffer',
    subjectKey: 'liveActivity.subjects.confectionery',
    timeKey: 'liveActivity.timeAgo',
    timeValue: 2,
  },
  {
    orgId: '2',
    icon: <Building2 className="h-4 w-4 text-current" />,
    actionKey: 'liveActivity.actions.newNeed',
    subjectKey: 'liveActivity.subjects.buildingMaterials',
    timeKey: 'liveActivity.timeAgoHour',
    timeValue: 1,
  },
  {
    orgId: '3',
    icon: <Waves className="h-4 w-4 text-current" />,
    actionKey: 'liveActivity.actions.profileUpdate',
    timeKey: 'liveActivity.timeAgoHour',
    timeValue: 3,
  },
];
export const LIVE_ACTIVITIES_DATA = z.array(liveActivitySchema).parse(liveActivitiesData);

const howItWorksStepsData = [
  {
    icon: <User className="h-4 w-4 text-current" />,
    titleKey: 'howItWorks.step1.title',
    textKey: 'howItWorks.step1.text',
  },
  {
    icon: <UserSearch className="h-4 w-4 text-current" />,
    titleKey: 'howItWorks.step2.title',
    textKey: 'howItWorks.step2.text',
  },
  {
    icon: <Handshake className="h-4 w-4 text-current" />,
    titleKey: 'howItWorks.step3.title',
    textKey: 'howItWorks.step3.text',
  },
];
export const HOW_IT_WORKS_STEPS = z.array(howItWorksStepSchema).parse(howItWorksStepsData);