Implement industry mapping

Author: yashwin

client/a8c-for-agencies/sections/partner-directory/components/hooks/use-form-selectors.ts

@@ -29,18 +29,30 @@ export function useFormSelectors() {
 	};
 
 	const availableIndustries: Record< string, string > = {
-		agricultural_services: translate( 'Agricultural services' ),
-		business_services: translate( 'Business services' ),
-		clothing_shops: translate( 'Clothing shops' ),
-		contracted_services: translate( 'Contracted services' ),
-		government_services: translate( 'Government services' ),
-		miscellaneous_shops: translate( 'Miscellaneous shops' ),
-		professional_services_and_membership_organisations: translate(
-			'Professional services and membership organisations'
-		),
-		retail_outlet_services: translate( 'Retail outlet services' ),
-		transportation_services: translate( 'Transportation services' ),
-		utility_services: translate( 'Utility services' ),
+		technology_and_it_services: translate( 'Technology & IT Services' ),
+		e_commerce_and_retail: translate( 'E-commerce & Retail' ),
+		finance_and_insurance: translate( 'Finance & Insurance' ),
+		healthcare_and_medical: translate( 'Healthcare & Medical' ),
+		education_and_e_learning: translate( 'Education & E-Learning' ),
+		real_estate_and_property: translate( 'Real Estate & Property' ),
+		travel_and_hospitality: translate( 'Travel & Hospitality' ),
+		nonprofits_and_ngos: translate( 'Nonprofits & NGOs' ),
+		legal_and_professional_services: translate( 'Legal & Professional Services' ),
+		entertainment_and_media: translate( 'Entertainment & Media' ),
+		construction_and_engineering: translate( 'Construction & Engineering' ),
+		automotive_and_transportation: translate( 'Automotive & Transportation' ),
+		government_and_public_services: translate( 'Government & Public Services' ),
+		marketing_and_advertising: translate( 'Marketing & Advertising' ),
+		food_and_beverage: translate( 'Food & Beverage' ),
+		manufacturing_and_industry: translate( 'Manufacturing & Industry' ),
+		energy_and_utilities: translate( 'Energy & Utilities' ),
+		sports_and_recreation: translate( 'Sports & Recreation' ),
+		agriculture_and_farming: translate( 'Agriculture & Farming' ),
+		arts_and_culture: translate( 'Arts & Culture' ),
+		environmental_and_sustainability: translate( 'Environmental & Sustainability' ),
+		fashion_and_beauty: translate( 'Fashion & Beauty' ),
+		logistics_and_supply_chain: translate( 'Logistics & Supply Chain' ),
+		events_and_conferences: translate( 'Events & Conferences' ),
 	};
 
 	const availableProducts: Record< string, string > = {
@@ -58,11 +70,25 @@ export function useFormSelectors() {
 		pressable: 'Pressable.com',
 	};
 
+	const oldIndustries: Record< string, string > = {
+		agricultural_services: 'agriculture_and_farming',
+		business_services: 'legal_and_professional_services',
+		clothing_shops: 'fashion_and_beauty',
+		contracted_services: 'legal_and_professional_services',
+		government_services: 'government_and_public_services',
+		miscellaneous_shops: 'e_commerce_and_retail',
+		professional_services_and_membership_organisations: 'legal_and_professional_services',
+		retail_outlet_services: 'e_commerce_and_retail',
+		transportation_services: 'automotive_and_transportation',
+		utility_services: 'energy_and_utilities',
+	};
+
 	return {
 		availableServices,
 		availableLanguages,
 		availableProducts,
 		availableDirectories,
 		availableIndustries,
+		oldIndustries,
 	};
 }

client/a8c-for-agencies/sections/partner-directory/components/industries-selector.tsx

@@ -9,7 +9,7 @@ type Props = {
 };
 
 const IndustriesSelector = ( { setIndustries, industries }: Props ) => {
-	const { availableIndustries } = useFormSelectors();
+	const { availableIndustries, oldIndustries } = useFormSelectors();
 
 	// Get the reverse map of available industries
 	const availableIndustriesByLabel = useMemo(
@@ -31,12 +31,18 @@ const IndustriesSelector = ( { setIndustries, industries }: Props ) => {
 	);
 
 	// Get the selected industries by label
-	const selectedIndustriesByLabel = industries.flatMap( ( slug ) => {
-		const key = slug as string;
-		const value = availableIndustries[ key ];
-		return value ? [ value ] : [];
-	} );
-
+	const selectedIndustriesByLabel = Array.from(
+		new Set(
+			industries.flatMap( ( slug ) => {
+				const key = slug as string;
+				const value =
+					key in oldIndustries
+						? availableIndustries[ oldIndustries[ key ] ]
+						: availableIndustries[ key ];
+				return value ? [ value ] : [];
+			} )
+		)
+	);
 	return (
 		<FormTokenFieldWrapper
 			onChange={ handleSetIndustries }