@mychoice/mychoice-sdk-store 2.1.82 → 2.1.84

package/dist/cjs/handlers/dataHandlers/VehicleDataHandlers/interfaces.d.ts

@@ -1,8 +1,9 @@
-import { SelectOptionInterface } from '@mychoice/mychoice-sdk-components';
+import { SelectOptionInterface, SelectOptionGroupInterface } from '@mychoice/mychoice-sdk-components';
 import { DataHandlerRequestState } from '../shared';
 export type UseHandlerVehicleMakeInterface = DataHandlerRequestState & {
     getVehicleMake: (year: string) => void;
     vehicleMakeList: SelectOptionInterface[];
+    vehicleMakeGroupList: SelectOptionGroupInterface[];
 };
 export type UseHandlerVehicleModelInterface = DataHandlerRequestState & {
     getVehicleModel: (year: string, make: string) => void;

package/dist/cjs/index.js

@@ -4677,10 +4677,23 @@ const useHandlerPostal = (insuranceType) => {
     };
 };
 
+const POPULAR_MAKES = [
+    'CHEVROLET',
+    'DODGE/RAM',
+    'FORD',
+    'HONDA',
+    'HYUNDAI',
+    'KIA',
+    'MAZDA',
+    'NISSAN',
+    'TOYOTA',
+    'VOLKSWAGEN',
+];
 const useHandlerCarMake = () => {
     const [requestState, setRequestState] = react.useReducer(dataHandlerReducer, { ...initialHandlerRequestState });
     const { cancelToken } = useCancelToken();
     const [vehicleMakeList, setVehicleMakeList] = react.useState([]);
+    const [vehicleMakeGroupList, setVehicleMakeGroupList] = react.useState([]);
     const { status, successMessage, responseData, errorMessage, isFirstRequest, responseError, } = requestState;
     const getVehicleMake = async (year) => {
         setRequestState({ type: DataHandlerActionTypes.SetLoading, payload: true });
@@ -4692,7 +4705,20 @@ const useHandlerCarMake = () => {
                     withoutToken: true,
                     cancelToken,
                 });
-                setVehicleMakeList(response.data.map(({ make }) => ({ name: make, value: make })));
+                const allMakes = response.data.map(({ make }) => ({ name: make, value: make }));
+                const popularMakes = allMakes.filter((make) => POPULAR_MAKES.includes(make.value));
+                const otherMakes = allMakes.filter((make) => !POPULAR_MAKES.includes(make.value));
+                setVehicleMakeList([]);
+                setVehicleMakeGroupList([
+                    {
+                        label: 'Popular Makes',
+                        options: popularMakes,
+                    },
+                    {
+                        label: 'All Makes',
+                        options: otherMakes,
+                    },
+                ]);
                 setRequestState({ type: DataHandlerActionTypes.SetSuccess, payload: response.data });
             }
             catch (error) {
@@ -4712,6 +4738,7 @@ const useHandlerCarMake = () => {
         isFirstRequest,
         responseError,
         vehicleMakeList,
+        vehicleMakeGroupList,
     };
 };
 const useHandlerCarModel = () => {