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);