{"version":3,"file":"bearingSearch-7ea6206a.js","sources":["../../js/engineering-tools/components/BearingTypeAssistance.tsx","../../js/engineering-tools/bearing-search/reducer.ts","../../js/engineering-tools/components/bearing-type-dropdown/reducer.ts","../../js/engineering-tools/components/bearing-type-dropdown/BearingTypeDropdown.tsx","../../js/engineering-tools/components/bearing-search-results/reducer.ts","../../js/engineering-tools/components/bearing-search-results/BearingSearchResults.tsx","../../js/engineering-tools/bearing-search/BearingSearch.tsx","../../js/engineering-tools/bearing-search/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { helpMeChooseData } from '../../components/bearing-search/api/api';\nimport { text } from '../data';\nimport { generateId, purgeHtml } from '../utils/engineering-tools';\nimport { BearingCharacteristicGrade } from '../../components/bearing-search/types/types';\n\ntype AssistedTypeOption = {\n\tid: string;\n\tlabel: string;\n\thtml: string;\n\tselected: boolean;\n\tpartTypes: string[];\n\tcharacteristics: Record<string, string>;\n};\n\ninterface BearingTypeAssistanceProps {\n\tonCancel: () => void;\n\tonApply: ( types: string[] ) => void;\n}\n\nconst BearingTypeAssistance: React.FC<BearingTypeAssistanceProps> = ( {\n\tonApply,\n\tonCancel,\n} ) => {\n\tconst [ assistedTypes, setAssistedTypes ] = useState<AssistedTypeOption[]>( [] );\n\n\tuseEffect( () => {\n\t\tconst types = helpMeChooseData.bearingTypes.map( ( type ) => {\n\t\t\tconst typeLabel = purgeHtml( type.label );\n\t\t\tconst typeId = generateId( typeLabel );\n\n\t\t\treturn {\n\t\t\t\tid: typeId,\n\t\t\t\tlabel: typeLabel,\n\t\t\t\thtml: type.label,\n\t\t\t\tselected: false,\n\t\t\t\tpartTypes: type.part_types ? type.part_types.split( ',' ) : [],\n\t\t\t\tcharacteristics: type.characteristics,\n\t\t\t} as AssistedTypeOption;\n\t\t} );\n\n\t\tsetAssistedTypes( types );\n\t}, [] );\n\n\tconst toggleAssistedType = ( index: number ) => {\n\t\tconst types = [ ...assistedTypes ];\n\n\t\tif ( ! types[ index ] ) {\n\t\t\treturn;\n\t\t}\n\n\t\ttypes[ index ].selected = ! types[ index ].selected;\n\t\tsetAssistedTypes( types );\n\t};\n\n\tconst apply = () => {\n\t\tconst partTypes: string[] = [];\n\n\t\tassistedTypes\n\t\t\t.filter( ( type ) => type.selected )\n\t\t\t.forEach( ( type ) => {\n\t\t\t\tfor ( const partType of type.partTypes ) {\n\t\t\t\t\tif ( ! partTypes.includes( partType ) ) {\n\t\t\t\t\t\tpartTypes.push( partType );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\n\t\tonApply( partTypes );\n\t\treset();\n\t};\n\n\tconst cancel = () => {\n\t\treset();\n\t\tonCancel();\n\t};\n\n\tconst reset = () => {\n\t\tconst types = assistedTypes.map( ( type ) => {\n\t\t\treturn {\n\t\t\t\t...type,\n\t\t\t\tselected: false,\n\t\t\t} as AssistedTypeOption;\n\t\t} );\n\n\t\tsetAssistedTypes( types );\n\t};\n\n\treturn (\n\t\t<div className=\"c-help-me-choose\">\n\t\t\t<h3>{helpMeChooseData.title || ''}</h3>\n\t\t\t<p dangerouslySetInnerHTML={{ __html: helpMeChooseData.description }}></p>\n\n\t\t\t<div className=\"c-help-me-choose__body\">\n\t\t\t\t<table>\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th scope=\"col\">{text.characteristic}</th>\n\t\t\t\t\t\t\t{assistedTypes.map( ( type, index ) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<th key={`help_me_choose_type_${ type.id }`}>\n\t\t\t\t\t\t\t\t\t\t<div className=\"m-checkbox m-checkbox--add\">\n\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\tid={`bearing_type_${ type.id }`}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"m-checkbox__input\"\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={type.selected}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={() => toggleAssistedType( index )}\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={type.label}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"m-checkbox__label\"\n\t\t\t\t\t\t\t\t\t\t\t\thtmlFor={`bearing_type_${ type.id }`}\n\t\t\t\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: type.html }}\n\t\t\t\t\t\t\t\t\t\t\t></label>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} )}\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t</thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t{Object.keys( helpMeChooseData.characteristics ).map(\n\t\t\t\t\t\t\t( characteristic ) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<tr key={`help_me_choose_row_${ characteristic }`}>\n\t\t\t\t\t\t\t\t\t\t<th scope=\"row\">\n\t\t\t\t\t\t\t\t\t\t\t{helpMeChooseData.characteristics[ characteristic ]}\n\t\t\t\t\t\t\t\t\t\t</th>\n\n\t\t\t\t\t\t\t\t\t\t{assistedTypes.map( ( type ) => {\n\t\t\t\t\t\t\t\t\t\t\tconst grade = type.characteristics[ characteristic ];\n\n\t\t\t\t\t\t\t\t\t\t\tconst cssClass: Record<\n\t\t\t\t\t\t\t\t\t\t\t\tBearingCharacteristicGrade,\n\t\t\t\t\t\t\t\t\t\t\t\tstring\n\t\t\t\t\t\t\t\t\t\t\t> = {\n\t\t\t\t\t\t\t\t\t\t\t\texcellent: 'c-help-me-choose__data--positive',\n\t\t\t\t\t\t\t\t\t\t\t\tgood: 'c-help-me-choose__data--positive',\n\t\t\t\t\t\t\t\t\t\t\t\tfair: '',\n\t\t\t\t\t\t\t\t\t\t\t\tpoor: 'c-help-me-choose__data--negative',\n\t\t\t\t\t\t\t\t\t\t\t\tunsuitable: 'c-help-me-choose__data--negative',\n\t\t\t\t\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={`c-help-me-choose__data ${ cssClass[ grade ] }`}\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={`help_me_choose_${ type.label }_${ characteristic }`}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{helpMeChooseData.performances[ grade ]}\n\t\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} )}\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t)}\n\t\t\t\t\t</tbody>\n\t\t\t\t</table>\n\t\t\t</div>\n\n\t\t\t<div className=\"c-help-me-choose__actions\">\n\t\t\t\t<button\n\t\t\t\t\tclassName=\"btn btn--primary\"\n\t\t\t\t\tdisabled={! assistedTypes.some( ( type ) => type.selected )}\n\t\t\t\t\tonClick={() => apply()}\n\t\t\t\t>\n\t\t\t\t\t{text.apply}\n\t\t\t\t</button>\n\t\t\t\t<button className=\"btn btn--secondary\" onClick={() => cancel()}>\n\t\t\t\t\t{text.cancel}\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default BearingTypeAssistance;\n","import React from 'react';\nimport { BearingAdvancedFilterKey, BearingPayload, BearingTypeCode, TimkenUnit, UnitType } from '../../components/bearing-search/types/types';\nimport { getTooltip, handleActionError } from '../utils/engineering-tools';\nimport { bearingSearchLabels, text } from '../data';\nimport { convertNumberInput, isValidBoundary } from '../utils/validations';\n\nexport type BearingSearchState = {\n\tunit: TimkenUnit;\n\tmarketPlaceDescription: string;\n\tpartType: string[];\n\tbearingType: string[];\n\tbearingSubType: string[];\n\tadvancedFilters: BearingAdvancedFilterMap;\n\tvalidation: BearingAdvancedFilterValidationMap;\n\trequestData?: Partial<BearingPayload>;\n};\n\nexport type BearingAdvancedFilter = {\n\tid: string;\n\tlabel: string;\n\tvalue?: number;\n\ttype: UnitType;\n\ttooltip?: string;\n\tisApplicable?: boolean;\n};\n\ntype BearingAdvancedFilterMap = { [Property in BearingAdvancedFilterKey]: BearingAdvancedFilter };\ntype BearingAdvancedFilterValidationMap = Map<BearingAdvancedFilterKey, { invalid: boolean, message: string; }>;\n\nconst defaultFilterValue: Pick<BearingAdvancedFilter, 'value' | 'type' | 'isApplicable'> = {\n\ttype: 'length',\n\tisApplicable: true,\n};\n\nconst filterPairs: Array<[BearingAdvancedFilterKey, BearingAdvancedFilterKey]> = [\n\t[ 'boreMinimum', 'boreMaximum' ],\n\t[ 'outerDiameterMinimum', 'outerDiameterMaximum' ],\n\t[ 'bearingWidthMinimum', 'bearingWidthMaximum' ],\n\t[ 'c1RatingMinimum', 'c1RatingMaximum' ],\n\t[ 'c90RatingMinimum', 'c90RatingMaximum' ],\n\t[ 'ceRatingMinimum', 'ceRatingMaximum' ],\n\t[ 'kFactorMinimum', 'kFactorMaximum' ],\n\t[ 'y1FactorMinimum', 'y1FactorMaximum' ],\n];\n\nconst getValidationMap = ( state?: BearingSearchState ): BearingAdvancedFilterValidationMap => {\n\tif ( ! state ) {\n\t\t// assign initial value\n\t\tconst initialValidationMap: BearingAdvancedFilterValidationMap = new Map();\n\n\t\tfilterPairs.forEach( ( [ min, max ] ) => {\n\t\t\tinitialValidationMap.set( min, {\n\t\t\t\tmessage: text.errorBoundaryLower,\n\t\t\t\tinvalid: false,\n\t\t\t} );\n\n\t\t\tinitialValidationMap.set( max, {\n\t\t\t\tmessage: text.errorBoundaryUpper,\n\t\t\t\tinvalid: false,\n\t\t\t} );\n\t\t} );\n\n\t\treturn initialValidationMap;\n\t}\n\n\tconst { advancedFilters: filters, validation: map } = state;\n\n\tconst validation = new Map(Object.entries(map || {}));\n\n\tfilterPairs.forEach( ( [ min, max ] ) => {\n\t\tconst invalid = ! isValidBoundary( filters[ min ].value, filters[ max ].value );\n\n\t\tvalidation.set( min, {\n\t\t\tinvalid,\n\t\t\tmessage: text.errorBoundaryLower,\n\t\t} );\n\t\tvalidation.set( max, {\n\t\t\tinvalid,\n\t\t\tmessage: text.errorBoundaryUpper,\n\t\t} );\n\t} );\n\n\treturn validation;\n};\n\nconst initialAdvancedFilters: BearingAdvancedFilterMap = {\n\tboreMinimum: {\n\t\t...defaultFilterValue,\n\t\tid: 'bearing_search_bore_min',\n\t\tlabel: bearingSearchLabels.boreMinimum || '',\n\t\ttooltip: bearingSearchLabels.boreMinimum && getTooltip( bearingSearchLabels.boreMinimum ),\n\t},\n\tboreMaximum: {\n\t\t...defaultFilterValue,\n\t\tid: 'bearing_search_bore_max',\n\t\tlabel: bearingSearchLabels.boreMaximum || '',\n\t\ttooltip: bearingSearchLabels.boreMaximum && getTooltip( bearingSearchLabels.boreMaximum ),\n\t},\n\touterDiameterMinimum: {\n\t\t...defaultFilterValue,\n\t\tid: 'bearing_search_out_diameter_min',\n\t\tlabel: bearingSearchLabels.outerDiameterMinimum || '',\n\t\ttooltip: bearingSearchLabels.outerDiameterMinimum && getTooltip( bearingSearchLabels.outerDiameterMinimum ),\n\t},\n\touterDiameterMaximum: {\n\t\t...defaultFilterValue,\n\t\tid: 'bearing_search_out_diameter_max',\n\t\tlabel: bearingSearchLabels.outerDiameterMaximum || '',\n\t\ttooltip: bearingSearchLabels.outerDiameterMaximum && getTooltip( bearingSearchLabels.outerDiameterMaximum ),\n\t},\n\tbearingWidthMinimum: {\n\t\t...defaultFilterValue,\n\t\tid: 'bearing_search_width_min',\n\t\tlabel: bearingSearchLabels.bearingWidthMinimum || '',\n\t\ttooltip: bearingSearchLabels.bearingWidthMinimum && getTooltip( bearingSearchLabels.bearingWidthMinimum ),\n\t},\n\tbearingWidthMaximum: {\n\t\t...defaultFilterValue,\n\t\tid: 'bearing_search_width_max',\n\t\tlabel: bearingSearchLabels.bearingWidthMaximum || '',\n\t\ttooltip: bearingSearchLabels.bearingWidthMaximum && getTooltip( bearingSearchLabels.bearingWidthMaximum ),\n\t},\n\tc1RatingMinimum: {\n\t\t...defaultFilterValue,\n\t\tid: 'bearing_search_c1_min',\n\t\ttype: 'force',\n\t\tlabel: bearingSearchLabels.c1RatingMinimum || '',\n\t\ttooltip: bearingSearchLabels.c1RatingMinimum && getTooltip( bearingSearchLabels.c1RatingMinimum ),\n\t},\n\tc1RatingMaximum: {\n\t\t...defaultFilterValue,\n\t\tid: 'bearing_search_c1_max',\n\t\ttype: 'force',\n\t\tlabel: bearingSearchLabels.c1RatingMaximum || '',\n\t\ttooltip: bearingSearchLabels.c1RatingMaximum && getTooltip( bearingSearchLabels.c1RatingMaximum ),\n\t},\n\tc90RatingMinimum: {\n\t\t...defaultFilterValue,\n\t\tid: 'bearing_search_c90_min',\n\t\ttype: 'force',\n\t\tlabel: bearingSearchLabels.c90RatingMinimum || '',\n\t\ttooltip: bearingSearchLabels.c90RatingMinimum && getTooltip( bearingSearchLabels.c90RatingMinimum ),\n\t},\n\tc90RatingMaximum: {\n\t\t...defaultFilterValue,\n\t\tid: 'bearing_search_c90_max',\n\t\ttype: 'force',\n\t\tlabel: bearingSearchLabels.c90RatingMaximum || '',\n\t\ttooltip: bearingSearchLabels.c90RatingMaximum && getTooltip( bearingSearchLabels.c90RatingMaximum ),\n\t},\n\tceRatingMinimum: {\n\t\t...defaultFilterValue,\n\t\tid: 'bearing_search_ce_min',\n\t\ttype: 'force',\n\t\tlabel: bearingSearchLabels.ceRatingMinimum || '',\n\t\ttooltip: bearingSearchLabels.ceRatingMinimum && getTooltip( bearingSearchLabels.ceRatingMinimum ),\n\t},\n\tceRatingMaximum: {\n\t\t...defaultFilterValue,\n\t\tid: 'bearing_search_ce_max',\n\t\ttype: 'force',\n\t\tlabel: bearingSearchLabels.ceRatingMaximum || '',\n\t\ttooltip: bearingSearchLabels.ceRatingMaximum && getTooltip( bearingSearchLabels.ceRatingMaximum ),\n\t},\n\tkFactorMinimum: {\n\t\t...defaultFilterValue,\n\t\tid: 'bearing_search_k_factor_min',\n\t\ttype: 'unitless',\n\t\tlabel: bearingSearchLabels.kFactorMinimum || '',\n\t\ttooltip: bearingSearchLabels.kFactorMinimum && getTooltip( bearingSearchLabels.kFactorMinimum ),\n\t},\n\tkFactorMaximum: {\n\t\t...defaultFilterValue,\n\t\tid: 'bearing_search_k_factor_max',\n\t\ttype: 'unitless',\n\t\tlabel: bearingSearchLabels.kFactorMaximum || '',\n\t\ttooltip: bearingSearchLabels.kFactorMaximum && getTooltip( bearingSearchLabels.kFactorMaximum ),\n\t},\n\ty1FactorMinimum: {\n\t\t...defaultFilterValue,\n\t\tid: 'bearing_search_y1_factor_min',\n\t\ttype: 'unitless',\n\t\tlabel: bearingSearchLabels.y1FactorMinimum || '',\n\t\ttooltip: bearingSearchLabels.y1FactorMinimum && getTooltip( bearingSearchLabels.y1FactorMinimum ),\n\t},\n\ty1FactorMaximum: {\n\t\t...defaultFilterValue,\n\t\tid: 'bearing_search_y1_factor_max',\n\t\ttype: 'unitless',\n\t\tlabel: bearingSearchLabels.y1FactorMaximum || '',\n\t\ttooltip: bearingSearchLabels.y1FactorMaximum && getTooltip( bearingSearchLabels.y1FactorMaximum ),\n\t},\n};\n\nexport const initialBearingSearchState: BearingSearchState = {\n\tunit: 'M',\n\tmarketPlaceDescription: '',\n\tpartType: [],\n\tbearingType: [],\n\tbearingSubType: [],\n\tadvancedFilters: initialAdvancedFilters,\n\tvalidation: getValidationMap(),\n};\n\nconst updateAdvancedFilters = ( initialFilters: BearingAdvancedFilterMap, bearingType: string[] ): BearingAdvancedFilterMap => {\n\tconst filters = { ...initialFilters };\n\tObject.values( filters ).forEach( ( filter ) => filter.isApplicable = true );\n\tconst hiddenFields: BearingAdvancedFilterKey[] = [];\n\n\tif ( bearingType.length > 0 ) {\n\t\tif ( ! bearingType.filter( ( type ) => type !== 'RBB' && type !== 'ACBB' ).length ) {\n\t\t\thiddenFields.push( 'c1RatingMinimum', 'c1RatingMaximum' );\n\t\t}\n\n\t\tif ( ! bearingType.includes( BearingTypeCode.TRB ) ) {\n\t\t\thiddenFields.push( 'c90RatingMinimum', 'c90RatingMaximum', 'kFactorMinimum', 'kFactorMaximum' );\n\t\t}\n\n\t\tif ( ! bearingType.includes( BearingTypeCode.SRB ) ) {\n\t\t\thiddenFields.push( 'y1FactorMinimum', 'y1FactorMaximum' );\n\t\t}\n\n\t\tif ( ! bearingType.includes( BearingTypeCode.RBB ) && ! bearingType.includes( BearingTypeCode.ACBB ) ) {\n\t\t\thiddenFields.push( 'ceRatingMinimum', 'ceRatingMaximum' );\n\t\t}\n\n\t\tfor ( const key of hiddenFields ) {\n\t\t\tfilters[ key ].isApplicable = false;\n\t\t}\n\t}\n\n\treturn filters;\n};\n\nexport type BearingSearchAction =\n\t| { type: 'change_unit'; payload: TimkenUnit; }\n\t| { type: 'change_part_number'; payload: string; }\n\t| {\n\t\ttype: 'change_bearing_type'; payload: {\n\t\t\tpartType: string[];\n\t\t\tbearingType: string[];\n\t\t\tbearingSubType: string[];\n\t\t};\n\t}\n\t| { type: 'change_advanced_filter'; payload: Array<keyof BearingSearchState>; }\n\t| { type: 'change_number_field'; payload: [keyof BearingPayload, unknown]; }\n\t| { type: 'update_request_data'; }\n\t| { type: 'reset'; payload?: BearingSearchState; };\n\nconst bearingSearchReducer: React.Reducer<\n\tBearingSearchState,\n\tBearingSearchAction\n> = ( state, action ) => {\n\tswitch ( action.type ) {\n\t\tcase 'change_unit': {\n\t\t\tconst unit = action.payload;\n\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tunit,\n\t\t\t};\n\t\t}\n\t\tcase 'change_part_number': {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tmarketPlaceDescription: action.payload,\n\t\t\t};\n\t\t}\n\t\tcase 'change_bearing_type': {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\t...action.payload,\n\t\t\t\tadvancedFilters: updateAdvancedFilters( state.advancedFilters, action.payload.bearingType ),\n\t\t\t};\n\t\t}\n\t\tcase 'change_advanced_filter': {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tadvancedFields: [ ...action.payload ],\n\t\t\t};\n\t\t}\n\t\tcase 'change_number_field': {\n\t\t\tconst [ key, value ] = action.payload;\n\n\t\t\tif ( ! state.advancedFilters[ key ] ) {\n\t\t\t\treturn { ...state };\n\t\t\t}\n\n\t\t\tconst filter = { ...state.advancedFilters[ key ] };\n\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tadvancedFilters: {\n\t\t\t\t\t...state.advancedFilters,\n\t\t\t\t\t[ key ]: {\n\t\t\t\t\t\t...filter,\n\t\t\t\t\t\tvalue: convertNumberInput( value ),\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\t\tcase 'update_request_data': {\n\t\t\tconst validation = getValidationMap( state );\n\t\t\tconst isInValid = Array.from( validation.values() ).some( ( field ) => field.invalid );\n\n\t\t\tif ( isInValid ) {\n\t\t\t\treturn {\n\t\t\t\t\t...state,\n\t\t\t\t\tvalidation,\n\t\t\t\t\trequestData: undefined,\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tconst { unit, marketPlaceDescription, partType, advancedFilters } = state;\n\t\t\tconst requestData: Partial<BearingPayload> = { unit, marketPlaceDescription, partType };\n\n\t\t\tObject.keys( advancedFilters ).filter( ( key ) => {\n\t\t\t\tconst field = advancedFilters[ key ] as BearingAdvancedFilter;\n\n\t\t\t\treturn field.isApplicable && field.value;\n\t\t\t} ).forEach( ( key ) => {\n\t\t\t\tconst field = advancedFilters[ key ] as BearingAdvancedFilter;\n\n\t\t\t\trequestData[ key ] = field.value;\n\t\t\t} );\n\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tvalidation,\n\t\t\t\trequestData,\n\t\t\t};\n\t\t}\n\t\tcase 'reset': {\n\t\t\tconst newState = action.payload ? action.payload : initialBearingSearchState;\n\n\t\t\treturn {\n\t\t\t\t...newState,\n\t\t\t};\n\t\t}\n\t}\n\n\treturn handleActionError( action );\n};\n\nexport default bearingSearchReducer;\n","import React from 'react';\nimport { BearingGroupOption, BearingTypeOption, MultiSelectState } from '../../types/types';\nimport { handleActionError } from '../../utils/engineering-tools';\nimport { BearingTypeCode } from '../../../components/bearing-search/types/types';\n\nexport type BearingTypeDropdownState = {\n\tisOpen: boolean;\n\tgroups: BearingGroupOption[];\n\tgroupsInAction: BearingGroupOption[];\n\tpartType: string[];\n\tbearingType: BearingTypeCode[];\n\tbearingSubType: string[];\n};\n\nexport const initialBearingTypeDropdownState: BearingTypeDropdownState = {\n\tisOpen: false,\n\tgroupsInAction: [],\n\tgroups: [],\n\tpartType: [],\n\tbearingType: [],\n\tbearingSubType: [],\n};\n\nexport type BearingTypeDropdownAction =\n\t| { type: 'set_part_types'; payload: string[] }\n\t| { type: 'change_part_group'; payload: { groupIndex: number, selected: MultiSelectState } }\n\t| { type: 'change_part_type'; payload: { groupIndex: number, typeIndex: number, selected: boolean } }\n\t| { type: 'start_selection' }\n\t| { type: 'apply_selection' }\n\t| { type: 'cancel_selection' }\n\t| { type: 'reset'; payload: BearingTypeDropdownState };\n\nconst getTypeData = ( groups: BearingGroupOption[] ): {\n\tpartType: string[];\n\tbearingType: BearingTypeCode[];\n\tbearingSubType: string[];\n} => {\n\tconst partType: string[] = [];\n\tconst bearingType = new Set<BearingTypeCode>();\n\tconst bearingSubType: string[] = [];\n\n\tfor ( const type of groups.flatMap( ( group ) => group.types ) ) {\n\t\tif ( type.selected ) {\n\t\t\tpartType.push( type.value );\n\t\t\tconst { bearingType: bType, bearingSubType: sType } = type;\n\n\t\t\tif ( bType ) {\n\t\t\t\tbearingType.add( bType );\n\t\t\t}\n\n\t\t\tif ( sType && bType === BearingTypeCode.TRB ) {\n\t\t\t\tbearingSubType.push( sType );\n\t\t\t}\n\t\t}\n\t}\n\n\treturn {\n\t\tpartType,\n\t\tbearingType: [ ...bearingType ],\n\t\tbearingSubType,\n\t};\n};\n\nconst bearingTypeReducer: React.Reducer<\n\tBearingTypeDropdownState,\n\tBearingTypeDropdownAction\n> = ( state, action ) => {\n\tswitch ( action.type ) {\n\t\tcase 'set_part_types': {\n\t\t\tconst newTypes = action.payload;\n\n\t\t\tconst groups = state.groups.map( ( group ) => {\n\t\t\t\tlet selectedCount = 0;\n\n\t\t\t\tconst types = group.types.map( ( type ) => {\n\t\t\t\t\tlet selected = false;\n\n\t\t\t\t\tif ( newTypes.includes( type.value ) ) {\n\t\t\t\t\t\tselectedCount++;\n\t\t\t\t\t\tselected = true;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...type,\n\t\t\t\t\t\tselected,\n\t\t\t\t\t};\n\t\t\t\t} );\n\n\t\t\t\tconst selected: MultiSelectState = ( selectedCount > 0 && selectedCount < group.types.length ) ? 'mixed' : selectedCount !== 0;\n\n\t\t\t\treturn {\n\t\t\t\t\t...group,\n\t\t\t\t\ttypes,\n\t\t\t\t\tselected,\n\t\t\t\t};\n\t\t\t} );\n\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tgroups,\n\t\t\t\t...getTypeData( groups ),\n\t\t\t};\n\t\t}\n\t\tcase 'start_selection': {\n\t\t\tconst groupsInAction = JSON.parse( JSON.stringify( state.groups ) );\n\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisOpen: true,\n\t\t\t\tgroupsInAction,\n\t\t\t};\n\t\t}\n\t\tcase 'cancel_selection': {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisOpen: false,\n\t\t\t\tgroupsInAction: [],\n\t\t\t};\n\t\t}\n\t\tcase 'apply_selection': {\n\t\t\tconst groups = JSON.parse( JSON.stringify( state.groupsInAction ) );\n\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisOpen: false,\n\t\t\t\tgroups,\n\t\t\t\tgroupsInAction: [],\n\t\t\t\t...getTypeData( groups ),\n\t\t\t};\n\t\t}\n\t\tcase 'change_part_type': {\n\t\t\tconst { groupIndex, typeIndex, selected } = action.payload;\n\t\t\tconst groupsInAction: BearingGroupOption[] = JSON.parse( JSON.stringify( state.groupsInAction ) );\n\n\t\t\tif ( ! groupsInAction[ groupIndex ]?.types[ typeIndex ] ) {\n\t\t\t\treturn { ...state };\n\t\t\t}\n\n\t\t\tconst groupOption = groupsInAction[ groupIndex ];\n\t\t\tconst typeOption = groupOption.types[ typeIndex ];\n\n\t\t\t// Toggle type selection\n\t\t\ttypeOption.selected = ! selected;\n\n\t\t\t// Update group selection status\n\t\t\tconst selectedCount = groupOption.types.filter( ( type: BearingTypeOption ) => type.selected ).length;\n\t\t\tgroupOption.selected = ( selectedCount > 0 && selectedCount < groupOption.types.length ) ? 'mixed' : selectedCount !== 0;\n\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tgroupsInAction,\n\t\t\t};\n\t\t}\n\t\tcase 'change_part_group': {\n\t\t\tconst { groupIndex, selected } = action.payload;\n\t\t\tconst groupsInAction = JSON.parse( JSON.stringify( state.groupsInAction ) );\n\t\t\tconst groupOption = groupsInAction[ groupIndex ];\n\n\t\t\tif ( ! groupOption ) {\n\t\t\t\treturn { ...state };\n\t\t\t}\n\n\t\t\t// Unselect all types if all types were selected\n\t\t\t// Select all types if some or no types were selected\n\t\t\tconst isUnselectAll = selected === true;\n\n\t\t\tgroupOption.selected = ! isUnselectAll;\n\t\t\tgroupOption.types.forEach( ( type: BearingTypeOption ) => type.selected = ! isUnselectAll );\n\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tgroupsInAction,\n\t\t\t};\n\t\t}\n\t\tcase 'reset': {\n\t\t\treturn {\n\t\t\t\t...action.payload,\n\t\t\t};\n\t\t}\n\t}\n\n\treturn handleActionError( action );\n};\n\nexport default bearingTypeReducer;\n","import React, { Reducer, useEffect, useReducer } from 'react';\nimport { BearingGroupOption, BearingTypeOption } from '../../types/types';\nimport { BearingGroup } from '../../../components/bearing-search/types/types';\nimport bearingTypeReducer, {\n\tBearingTypeDropdownAction,\n\tBearingTypeDropdownState,\n\tinitialBearingTypeDropdownState,\n} from './reducer';\nimport { text } from '../../data';\n\ninterface GroupSelectDropdownProps {\n\tid: string;\n\tlabel: string;\n\tgroups: BearingGroup[];\n\tpreselected: string[];\n\tonChange: ( typeData: {\n\t\tpartType: string[];\n\t\tbearingType: string[];\n\t\tbearingSubType: string[];\n\t} ) => void;\n\tonApply: ( bearingGroups: BearingGroupOption[] ) => void;\n\trequired?: boolean;\n\tplaceholder?: string;\n}\n\nconst GroupSelectDropdown: React.FC<GroupSelectDropdownProps> = ( {\n\tid,\n\tlabel,\n\tgroups,\n\tpreselected,\n\trequired,\n\tplaceholder,\n\tonChange,\n\tonApply,\n} ) => {\n\tconst initialBearingGroups = groups.map( ( group ) => {\n\t\tconst groupOption: BearingGroupOption = {\n\t\t\tselected: false,\n\t\t\tgroupId: group.bearingGroupID,\n\t\t\tlabel: group.bearingGroupDescription || '',\n\t\t\ttypes: group.bearingTypeDetailsList.map( ( type ) => {\n\t\t\t\tconst {\n\t\t\t\t\tpartType,\n\t\t\t\t\tdescription,\n\t\t\t\t\tbearingType,\n\t\t\t\t\tbearingSubType,\n\t\t\t\t\tbearingGroupID: groupId,\n\t\t\t\t} = type;\n\n\t\t\t\tconst typeOption: BearingTypeOption = {\n\t\t\t\t\tselected: false,\n\t\t\t\t\tid: `bearing_type_${ partType.toLowerCase() }`,\n\t\t\t\t\tlabel: description,\n\t\t\t\t\tvalue: partType,\n\t\t\t\t\tgroupId,\n\t\t\t\t\tbearingType,\n\t\t\t\t\tbearingSubType,\n\t\t\t\t};\n\n\t\t\t\treturn typeOption;\n\t\t\t} ),\n\t\t};\n\n\t\treturn groupOption;\n\t} );\n\n\tconst [ typeState, dispatch ] = useReducer<Reducer<BearingTypeDropdownState, BearingTypeDropdownAction>>(\n\t\tbearingTypeReducer,\n\t\tinitialBearingTypeDropdownState,\n\t);\n\n\tuseEffect( () => {\n\t\tdispatch( {\n\t\t\ttype: 'reset',\n\t\t\tpayload: {\n\t\t\t\t...initialBearingTypeDropdownState,\n\t\t\t\tgroups: initialBearingGroups,\n\t\t\t},\n\t\t} );\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tdispatch( {\n\t\t\ttype: 'set_part_types',\n\t\t\tpayload: preselected,\n\t\t} );\n\t}, [ preselected ] );\n\n\tuseEffect( () => {\n\t\tconst { partType, bearingType, bearingSubType } = typeState;\n\n\t\tonChange( {\n\t\t\tpartType,\n\t\t\tbearingType,\n\t\t\tbearingSubType,\n\t\t} );\n\t}, [ typeState.partType ] );\n\n\tuseEffect( () => {\n\t\t// Close on clicking outside the menu\n\t\tif ( typeState.isOpen ) {\n\t\t\tdocument.addEventListener( 'click', handleClickOutside );\n\t\t}\n\n\t\treturn () => document.removeEventListener( 'click', handleClickOutside );\n\t}, [ typeState.isOpen ] );\n\n\tconst handleClickOutside = ( event: MouseEvent ) => {\n\t\tconst target = event.target;\n\n\t\tif (\n\t\t\ttarget instanceof Element &&\n\t\t\t! ( target as HTMLElement ).closest( '.js-bearing-type-dropdown' )\n\t\t) {\n\t\t\tdispatch( { type: 'cancel_selection' } );\n\t\t}\n\t};\n\n\tconst toggleMenu = () => {\n\t\tif ( typeState.isOpen ) {\n\t\t\tdispatch( { type: 'cancel_selection' } );\n\t\t} else {\n\t\t\tdispatch( { type: 'start_selection' } );\n\t\t}\n\t};\n\n\treturn (\n\t\t<div className=\"m-select\">\n\t\t\t<label\n\t\t\t\tclassName={`m-select__label ${\n\t\t\t\t\trequired ? 'm-select__label--required' : ''\n\t\t\t\t}`}\n\t\t\t\thtmlFor={id}\n\t\t\t>\n\t\t\t\t{label}\n\t\t\t</label>\n\n\t\t\t<div className=\"a-dropdown js-bearing-type-dropdown\">\n\t\t\t\t<button\n\t\t\t\t\tclassName={`a-dropdown__toggle ${ typeState.isOpen ? 'open' : '' }`}\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tid={`${ id }_toggle`}\n\t\t\t\t\taria-haspopup={true}\n\t\t\t\t\taria-expanded={typeState.isOpen}\n\t\t\t\t\tonClick={() => toggleMenu()}\n\t\t\t\t>\n\t\t\t\t\t{typeState.partType.length === 0 && (\n\t\t\t\t\t\t<span className=\"a-dropdown__placeholder\">\n\t\t\t\t\t\t\t{placeholder || label}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{typeState.partType.length > 0 && (\n\t\t\t\t\t\t<div className=\"a-dropdown__selected-item\">\n\t\t\t\t\t\t\t<div className=\"m-checkbox mb-0\">\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\tclassName=\"m-checkbox__input\"\n\t\t\t\t\t\t\t\t\tchecked={true}\n\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t\t\treadOnly\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<label className=\"m-checkbox__label\">\n\t\t\t\t\t\t\t\t\t{typeState.groups\n\t\t\t\t\t\t\t\t\t\t.flatMap( ( group ) => group.types )\n\t\t\t\t\t\t\t\t\t\t.filter( ( type ) => type.selected )\n\t\t\t\t\t\t\t\t\t\t.map( ( type ) => type.label )\n\t\t\t\t\t\t\t\t\t\t.join( '; ' )}\n\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</button>\n\n\t\t\t\t<div\n\t\t\t\t\tclassName={`a-dropdown__menu ${ typeState.isOpen ? 'show' : '' }`}\n\t\t\t\t\taria-labelledby={`${ id }_toggle`}\n\t\t\t\t>\n\t\t\t\t\t<div className=\"a-dropdown__menu-wrapper\">\n\t\t\t\t\t\t{typeState.groupsInAction.map( ( group, groupIndex ) => {\n\t\t\t\t\t\t\tconst { groupId, label: groupLabel, types } = group;\n\n\t\t\t\t\t\t\tconst ariaControlLabel = types\n\t\t\t\t\t\t\t\t.map( ( type ) => type.id )\n\t\t\t\t\t\t\t\t.join( ' ' )\n\t\t\t\t\t\t\t\t.trim();\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<fieldset key={groupId}>\n\t\t\t\t\t\t\t\t\t<div className=\"m-checkbox\">\n\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\tid={`bearing_group_${ groupId }`}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"m-checkbox__input m-checkbox__input--multi\"\n\t\t\t\t\t\t\t\t\t\t\tchecked={group.selected === true}\n\t\t\t\t\t\t\t\t\t\t\taria-checked={group.selected}\n\t\t\t\t\t\t\t\t\t\t\taria-controls={ariaControlLabel}\n\t\t\t\t\t\t\t\t\t\t\tonChange={() =>\n\t\t\t\t\t\t\t\t\t\t\t\tdispatch( {\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype: 'change_part_group',\n\t\t\t\t\t\t\t\t\t\t\t\t\tpayload: { groupIndex, selected: group.selected },\n\t\t\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"m-checkbox__label\"\n\t\t\t\t\t\t\t\t\t\t\thtmlFor={`bearing_group_${ groupId }`}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{groupLabel}\n\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<ul className=\"a-dropdown__menu-group\">\n\t\t\t\t\t\t\t\t\t\t{types.map( ( type, typeIndex ) => {\n\t\t\t\t\t\t\t\t\t\t\tconst {\n\t\t\t\t\t\t\t\t\t\t\t\tid: typeId,\n\t\t\t\t\t\t\t\t\t\t\t\tlabel: typeLabel,\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: typeValue,\n\t\t\t\t\t\t\t\t\t\t\t\tselected: typeSelected,\n\t\t\t\t\t\t\t\t\t\t\t} = type;\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<li key={typeId}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"m-checkbox\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tid={typeId}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"m-checkbox__input\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={typeValue}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={typeSelected}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdispatch( {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype: 'change_part_type',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpayload: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgroupIndex,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttypeIndex,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselected: typeSelected,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"m-checkbox__label\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thtmlFor={typeId}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{typeLabel}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} )}\n\t\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t\t</fieldset>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} )}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"a-dropdown__menu-buttons\">\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tclassName=\"btn btn--primary\"\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tonApply( typeState.groupsInAction );\n\t\t\t\t\t\t\t\tdispatch( {\n\t\t\t\t\t\t\t\t\ttype: 'apply_selection',\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{text.apply}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tclassName=\"btn btn--secondary\"\n\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\tdispatch( {\n\t\t\t\t\t\t\t\t\ttype: 'cancel_selection',\n\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{text.cancel}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default GroupSelectDropdown;\n","import React from 'react';\nimport { View } from '../../types/types';\nimport { handleActionError } from '../../utils/engineering-tools';\nimport { PAGE_SIZE } from '../../../components/bearing-search/api/api';\nimport { BearingInfo, BearingKey, TimkenSortDirection } from '../../../components/bearing-search/types/types';\n\nexport type BearingSearchState = {\n\tcomparedData: BearingInfo[];\n\tcurrentPage: number;\n\ttotalPages: number;\n\tpageSize: number;\n\tisRefining: boolean;\n\tsortExpression?: BearingKey;\n\tsortDirection?: TimkenSortDirection;\n\tview: View;\n};\n\nexport const initialSearchState: BearingSearchState = {\n\tcomparedData: [],\n\tcurrentPage: 1,\n\ttotalPages: 0,\n\tpageSize: PAGE_SIZE,\n\tisRefining: false,\n\tsortDirection: \"desc\",\n\tsortExpression: \"availability\",\n\tview: View.LIST,\n};\n\nexport type BearingSearchAction =\n\t| { type: 'update_total_records'; payload: number }\n\t| { type: 'change_page'; payload: number }\n\t| { type: 'update_compare'; payload: BearingInfo }\n\t| { type: 'sort_by'; payload: string | undefined }\n\t| { type: 'change_view'; payload: View }\n\t| { type: 'reset'; payload?: BearingSearchState };\n\nconst paginate = ( totalRecords: number, size: number ): number => {\n\treturn totalRecords === 0 ? 0 : Math.ceil( totalRecords / size );\n};\n\nconst bearingSearchReducer: React.Reducer<\n\tBearingSearchState,\n\tBearingSearchAction\n> = ( state, action ) => {\n\tswitch ( action.type ) {\n\t\tcase 'update_total_records': {\n\t\t\tconst totalPages = paginate( action.payload, state.pageSize );\n\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\ttotalPages,\n\t\t\t\tisRefining: false,\n\t\t\t};\n\t\t}\n\t\tcase 'update_compare': {\n\t\t\tconst bearing = action.payload;\n\t\t\tconst comparedData = [ ...state.comparedData ];\n\n\t\t\tconst targetId = comparedData.findIndex( ( item ) => item.marketPlaceDescription === bearing.marketPlaceDescription );\n\n\t\t\tif ( targetId >= 0 ) {\n\t\t\t\t// remove\n\t\t\t\tcomparedData.splice( targetId, 1 );\n\t\t\t} else {\n\t\t\t\t// add\n\t\t\t\tcomparedData.push( bearing );\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tcomparedData,\n\t\t\t};\n\t\t}\n\t\tcase 'change_page': {\n\t\t\tconst currentPage = action.payload;\n\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisRefining: true,\n\t\t\t\tcurrentPage,\n\t\t\t};\n\t\t}\n\t\tcase 'sort_by': {\n\t\t\tconst { sortDirection, sortKey } = state;\n\t\t\tconst newSortKey = action.payload;\n\n\t\t\tif ( ! newSortKey ) {\n\t\t\t\t// Unsort\n\t\t\t\treturn {\n\t\t\t\t\t...state,\n\t\t\t\t\tsortKey: undefined,\n\t\t\t\t\tsortDirection: undefined,\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tconst newSortDirection = sortKey !== newSortKey || sortDirection !== 'asc' ? 'asc' : 'desc';\n\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisRefining: true,\n\t\t\t\tsortKey: newSortKey as BearingKey,\n\t\t\t\tsortDirection: newSortDirection,\n\t\t\t};\n\t\t}\n\t\tcase 'change_view': {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tview: action.payload,\n\t\t\t};\n\t\t}\n\t\tcase 'reset': {\n\t\t\tconst newState = action.payload ? action.payload : initialSearchState;\n\n\t\t\treturn {\n\t\t\t\t...newState,\n\t\t\t};\n\t\t}\n\t}\n\n\treturn handleActionError( action );\n};\n\nexport default bearingSearchReducer;\n","import React, {\n\tFunctionComponent,\n\tReducer,\n\tuseEffect,\n\tuseReducer,\n\tuseState,\n} from 'react';\nimport { bearingSearchTableHeads, text } from '../../data';\nimport TableLoader from '../TableLoader';\nimport { generateId, getTooltip } from '../../utils/engineering-tools';\nimport { View } from '../../types/types';\nimport SearchPagination from '../../../components/bearing-search/components/SearchPagination';\nimport Loader from '../../../components/bearing-search/components/Loader';\nimport bearingSearchReducer, {\n\tinitialSearchState,\n\tBearingSearchState,\n\tBearingSearchAction,\n} from './reducer';\nimport SearchPaginationLabel from '../../../components/bearing-search/components/SearchPaginationLabel';\nimport {\n\tBearingInfo,\n\tBearingKey,\n\tBearingPayload,\n\tBearingSortPayload,\n\tBearingTypeCode,\n\tTimkenUnit,\n} from '../../../components/bearing-search/types/types';\nimport {\n\tCOMPARE_SIZE,\n\tcompareBearingsUrl,\n\tgetBearingDetailsUrl,\n\tguidedHelpUrls,\n\treduceArrayData,\n} from '../../../components/bearing-search/api/api';\nimport { bearingSortableKeys } from '../../../components/bearing-search/data';\nimport {\n\tanalyticsData,\n\tgetBearingImpressionData,\n\ttrackBearingListImpression,\n} from '../../utils/analytics';\nimport { trackProductClick } from '../../../analytics/engineering-tools';\nimport {\n\tlogin,\n\tregister,\n\tisEnabled as ssoIsEnabled,\n\tisAuthenticated as ssoIsAuthenticated,\n\tisAuthorized as ssoIsAuthorized\n} from '../../../sso';\nimport SortButton from '../SortButton';\n\ninterface BearingSearchResultsProps {\n\tunit: TimkenUnit;\n\tdata: BearingInfo[];\n\ttotalRecords: number;\n\tloading?: boolean;\n\tonRefine?: ( payload: Partial<BearingPayload> ) => void;\n}\n\nconst BearingSearchResults: FunctionComponent<BearingSearchResultsProps> = ( {\n\tunit,\n\tdata,\n\ttotalRecords,\n\tloading,\n\tonRefine,\n} ) => {\n\tconst [ compareUrl, setCompareUrl ] = useState( '' );\n\tconst [ refinementState, dispatch ] = useReducer<\n\t\tReducer<BearingSearchState, BearingSearchAction>\n\t>( bearingSearchReducer, initialSearchState );\n\tconst isInComparedData = ( marketPlaceDescription: string ) =>\n\t\trefinementState.comparedData.some(\n\t\t\t( bearing ) => bearing.marketPlaceDescription === marketPlaceDescription,\n\t\t);\n\tconst isSsoEnabled = ssoIsEnabled()\n\tconst isAuthenticated = ssoIsAuthenticated()\n\tconst isAuthorized = ssoIsAuthorized()\n\n\tuseEffect( () => {\n\t\tdispatch( {\n\t\t\ttype: 'update_total_records',\n\t\t\tpayload: totalRecords,\n\t\t} );\n\n\t\tif ( ! data.length ) {\n\t\t\tdispatch( {\n\t\t\t\ttype: 'reset',\n\t\t\t} );\n\t\t} else {\n\t\t\tconst { currentPage, pageSize } = refinementState;\n\t\t\ttrackBearingListImpression(\n\t\t\t\tdata,\n\t\t\t\tcurrentPage,\n\t\t\t\tpageSize,\n\t\t\t\tanalyticsData.bearingSearch.name,\n\t\t\t);\n\t\t}\n\t}, [ data ] );\n\n\t// Paginate and sort\n\tuseEffect( () => {\n\t\tif ( data.length && onRefine ) {\n\t\t\tconst { sortKey, sortDirection, currentPage } = refinementState;\n\t\t\tlet sortOptions: BearingSortPayload | undefined;\n\n\t\t\tif ( sortKey && bearingSortableKeys[ sortKey ] ) {\n\t\t\t\tsortOptions = {\n\t\t\t\t\tsortDirection,\n\t\t\t\t\tsortExpression: bearingSortableKeys[ sortKey ]?.[ unit ],\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tonRefine( {\n\t\t\t\t...sortOptions,\n\t\t\t\tpageNumber: currentPage,\n\t\t\t} );\n\t\t}\n\t}, [\n\t\trefinementState.sortKey,\n\t\trefinementState.sortDirection,\n\t\trefinementState.currentPage,\n\t] );\n\n\t// Update compare url\n\tuseEffect( () => {\n\t\tconst bearings = refinementState.comparedData;\n\n\t\tif ( bearings.length > 1 ) {\n\t\t\tconst url = new URL( compareBearingsUrl );\n\n\t\t\tbearings.forEach( ( bearing, index ) => {\n\t\t\t\tconst {\n\t\t\t\t\tworldAssemblyPartNumber,\n\t\t\t\t\tmarketPlaceDescription: description,\n\t\t\t\t\tbearingType: types,\n\t\t\t\t\tbearingSubType: subtypes,\n\t\t\t\t\tinnerRingPartNumber,\n\t\t\t\t\touterRingPartNumber,\n\t\t\t\t\tbrand,\n\t\t\t\t} = bearing;\n\n\t\t\t\tlet partNumber = worldAssemblyPartNumber || '';\n\t\t\t\tlet cupPartNumber = '';\n\n\t\t\t\tconst marketPlaceDescription = description || '';\n\t\t\t\tconst bearingType = reduceArrayData( types ) as BearingTypeCode;\n\t\t\t\tconst bearingSubType = reduceArrayData( subtypes );\n\n\t\t\t\tif ( bearingType === BearingTypeCode.TRB ) {\n\t\t\t\t\tpartNumber = reduceArrayData( innerRingPartNumber );\n\t\t\t\t\tcupPartNumber = reduceArrayData( outerRingPartNumber );\n\t\t\t\t}\n\n\t\t\t\turl.searchParams.append(\n\t\t\t\t\t`bearings[${ index }][bearing_type]`,\n\t\t\t\t\tbearingType,\n\t\t\t\t);\n\n\t\t\t\turl.searchParams.append(\n\t\t\t\t\t`bearings[${ index }][bearing_subtype]`,\n\t\t\t\t\tbearingSubType,\n\t\t\t\t);\n\n\t\t\t\turl.searchParams.append( `bearings[${ index }][part_number]`, partNumber );\n\n\t\t\t\turl.searchParams.append(\n\t\t\t\t\t`bearings[${ index }][cup_part_number]`,\n\t\t\t\t\tcupPartNumber,\n\t\t\t\t);\n\n\t\t\t\turl.searchParams.append(\n\t\t\t\t\t`bearings[${ index }][marketplace_description]`,\n\t\t\t\t\tmarketPlaceDescription,\n\t\t\t\t);\n\n\t\t\t\turl.searchParams.append( `bearings[${ index }][brand]`, brand || '' );\n\n\t\t\t\turl.searchParams.append( 'unit', unit );\n\n\t\t\t\tsetCompareUrl( url.toString() );\n\t\t\t} );\n\t\t}\n\t}, [ refinementState.comparedData ] );\n\n\tconst handleProductClick = ( item: BearingInfo, index: number ) => {\n\t\tconst { currentPage, pageSize } = refinementState;\n\n\t\tconst product = getBearingImpressionData(\n\t\t\titem,\n\t\t\tindex,\n\t\t\tcurrentPage,\n\t\t\tpageSize,\n\t\t\tanalyticsData.bearingSearch.name,\n\t\t);\n\n\t\ttrackProductClick( product );\n\t};\n\n\tconst handleSignIn = ( e ) => {\n\t\te.preventDefault();\n\t\tlogin();\n\t};\n\n\tconst handleSignUp = ( e ) => {\n\t\te.preventDefault();\n\t\tregister({ appId: 'pa' });\n\t};\n\n\tconst profileUrl = window?._timken?.profileUrl as string || '';\n\n\treturn (\n\t\t<div className=\"t-engineering-tools__results\">\n\t\t\t<h2>\n\t\t\t\t{! loading && totalRecords === 0 ? text.noBearingResults : text.results}\n\t\t\t</h2>\n\n\t\t\t{loading && <TableLoader />}\n\n\t\t\t{! loading && (\n\t\t\t\t<>\n\t\t\t\t\t{totalRecords === 0 && (\n\t\t\t\t\t\t<div className=\"t-engineering-tools__no-results\">\n\t\t\t\t\t\t\t{text.noBearingResultsText1}{' '}\n\t\t\t\t\t\t\t<a href={guidedHelpUrls.contactUs || '/contact-us'}>\n\t\t\t\t\t\t\t\t{text.contactUs}\n\t\t\t\t\t\t\t</a>{' '}\n\t\t\t\t\t\t\t{text.noBearingResultsText2}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{totalRecords > 0 && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{isSsoEnabled && ! isAuthenticated && <p className=\"t-engineering-tools__unauthenticated-verbiage\">\n\t\t\t\t\t\t\t\t<a href=\"#\" onClick={handleSignIn} >{text.unauthenticatedVerbiageSignIn}</a>\n\t\t\t\t\t\t\t\t{text.unauthenticatedVerbiageOr}\n\t\t\t\t\t\t\t\t<a href=\"#\" onClick={handleSignUp} >{text.unauthenticatedVerbiageRegister}</a>\n\t\t\t\t\t\t\t\t{text.unauthenticatedVerbiage}\n\t\t\t\t\t\t\t</p>}\n\n\t\t\t\t\t\t\t{isSsoEnabled && isAuthenticated && !isAuthorized && <p className=\"t-engineering-tools__unauthenticated-verbiage\">\n\t\t\t\t\t\t\t\t<a href={profileUrl} target=\"_blank\" className=\"sso-widget__request-access-button\">{text.unauthorizedVerbiageRegister}</a>\n\t\t\t\t\t\t\t\t{text.unauthenticatedVerbiage}\n\t\t\t\t\t\t\t</p>}\n\n\t\t\t\t\t\t\t<div className=\"t-engineering-tools__view-bar\">\n\t\t\t\t\t\t\t\t<SearchPaginationLabel\n\t\t\t\t\t\t\t\t\tcurrent={refinementState.currentPage}\n\t\t\t\t\t\t\t\t\ttotal={totalRecords}\n\t\t\t\t\t\t\t\t\tpageSize={refinementState.pageSize}\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t<div className=\"t-engineering-tools__view-toggle\">\n\t\t\t\t\t\t\t\t\t<button className=\"a-icon-cta\">\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\t\t\t\trefinementState.view === View.LIST\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'icon-list-fill'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 'icon-list-outline'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\taria-label={text.list}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\tdispatch( { type: 'change_view', payload: View.LIST } )\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t</button>\n\n\t\t\t\t\t\t\t\t\t<button className=\"a-icon-cta\">\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\t\t\t\trefinementState.view === View.GRID\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'icon-grid-fill'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 'icon-grid-outline'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\taria-label={text.grid}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\tdispatch( { type: 'change_view', payload: View.GRID } )\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{refinementState.view === View.LIST && (\n\t\t\t\t\t\t\t\t<div className=\"t-engineering-tools__table\">\n\t\t\t\t\t\t\t\t\t{refinementState.isRefining && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"t-engineering-tools__table-overlay\">\n\t\t\t\t\t\t\t\t\t\t\t<Loader />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t<div className=\"c-bearings-table\">\n\t\t\t\t\t\t\t\t\t\t<table>\n\t\t\t\t\t\t\t\t\t\t\t<caption className=\"sr-only\">{text.results}</caption>\n\t\t\t\t\t\t\t\t\t\t\t<thead>\n\t\t\t\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<th scope=\"col\">{text.compare}</th>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<th scope=\"col\">{text.productDetails}</th>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t{bearingSearchTableHeads.map( ( head ) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst { key, label, labelUnit, showLabelUnit, sortable } = head;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst { sortDirection, sortKey } = refinementState;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst isAuthorizedOnlyColumn = key === 'relPrice' || key === 'availability';\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tscope=\"col\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={`bearing_search_results_head_${ key.toLowerCase() }`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={`col--${ key.toLowerCase() } ${ isAuthorizedOnlyColumn && ! isAuthorized ? ' is--disabled' : '' }`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className={isAuthorizedOnlyColumn && ! isAuthorized ? 'is--authenticated-only' : ''}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{label} {showLabelUnit && ' (' + labelUnit[unit] + ')'}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{getTooltip( label ) &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"a-tooltip\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M12 8.03261V7M12 16.5L12 9.27174M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"#2C2929\"></path>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"a-tooltip__text a-tooltip__text--bottom\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: getTooltip( label ) }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{sortable && totalRecords > 1 && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<SortButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsortKey={key}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdirection={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey === sortKey\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? sortDirection\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisActive={key === sortKey}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonSort={( newSortKey ) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdispatch( {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype: 'sort_by',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpayload: newSortKey as BearingKey,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t} )}\n\t\t\t\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t\t\t</thead>\n\t\t\t\t\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t\t\t\t\t{data.map( ( row, rowIndex ) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst marketPlaceDescription =\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trow.marketPlaceDescription || '';\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst rowKey = generateId(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t`${ marketPlaceDescription || rowIndex }`,\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst detailsUrl = getBearingDetailsUrl( row );\n\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<tr key={`bearing_search_row_${ rowKey }`}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"m-checkbox m-checkbox--add\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tid={`bearing_search_compare_${ rowKey }`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"m-checkbox__input\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={`${ text.addToCompare }${ marketPlaceDescription }`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tname={`bearing_search_compare_${ rowKey }`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={`bearing_search_compare_${ rowKey }`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={isInComparedData(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmarketPlaceDescription,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t! isInComparedData(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmarketPlaceDescription,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trefinementState.comparedData.length >=\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCOMPARE_SIZE\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdispatch( {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype: 'update_compare',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpayload: row,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"m-checkbox__label\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thtmlFor={`bearing_search_compare_${ rowKey }`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t></label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</td>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"btn btn--tertiary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thref={detailsUrl}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thandleProductClick( row, rowIndex )\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{text.viewDetails}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</td>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{bearingSearchTableHeads.map( ( column ) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst colKey = generateId( column.key );\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst isAuthorizedOnlyColumn = column.key === 'relPrice' || column.key === 'availability';\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif ( isAuthorizedOnlyColumn ) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif ( isAuthorized ) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif ( column.key === 'relPrice' ) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={`bearing_search_data_${ colKey }`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={ `is--price is--price-${ row[ column.key ].length }`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif ( column.key === 'availability' ) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={`bearing_search_data_${ colKey }`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={`is--availability is--availability-${ row[ column.key ].length }`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={`bearing_search_data_${ colKey }`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={! isAuthorized ? 'is--disabled' : ''}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{column.key === 'relPrice' ? '$ -- --' : '-- -- --'}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn <td key={`bearing_search_data_${ colKey }`}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{row[ column.key ]}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</td>;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t} )}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t} )}\n\t\t\t\t\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t\t\t\t\t</table>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{refinementState.view === View.GRID && (\n\t\t\t\t\t\t\t\t<div className=\"c-bearings-grid\">\n\t\t\t\t\t\t\t\t\t{refinementState.isRefining && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"t-engineering-tools__table-overlay\">\n\t\t\t\t\t\t\t\t\t\t\t<Loader />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t<ul className=\"c-bearings-grid__list\">\n\t\t\t\t\t\t\t\t\t\t{data.map( ( row, rowIndex ) => {\n\t\t\t\t\t\t\t\t\t\t\tconst marketPlaceDescription =\n\t\t\t\t\t\t\t\t\t\t\t\trow.marketPlaceDescription || '';\n\t\t\t\t\t\t\t\t\t\t\tconst rowKey = generateId(\n\t\t\t\t\t\t\t\t\t\t\t\t`${ marketPlaceDescription || rowIndex }`,\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\tconst detailsUrl = getBearingDetailsUrl( row );\n\n\t\t\t\t\t\t\t\t\t\t\t// Split into two columns\n\t\t\t\t\t\t\t\t\t\t\tconst columnLen = bearingSearchTableHeads.length;\n\t\t\t\t\t\t\t\t\t\t\tconst middle = Math.ceil( columnLen / 2 );\n\t\t\t\t\t\t\t\t\t\t\tconst group1 = bearingSearchTableHeads.slice( 0, middle );\n\t\t\t\t\t\t\t\t\t\t\tconst group2 = bearingSearchTableHeads.slice(\n\t\t\t\t\t\t\t\t\t\t\t\tmiddle,\n\t\t\t\t\t\t\t\t\t\t\t\tcolumnLen,\n\t\t\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<li key={rowKey} className=\"c-bearings-grid__item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"c-bearings-grid__head\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5>{marketPlaceDescription}</h5>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{!! detailsUrl && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"btn btn--tertiary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thref={detailsUrl}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thandleProductClick( row, rowIndex )\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{text.viewDetails}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<table className=\"ms-auto\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"m-checkbox m-checkbox--add\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tid={`bearing_search_compare_${ rowKey }`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"m-checkbox__input\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={`${ text.addToCompare }${ marketPlaceDescription }`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tname={`bearing_search_compare_${ rowKey }`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={`bearing_search_compare_${ rowKey }`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={isInComparedData(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmarketPlaceDescription,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisInComparedData(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmarketPlaceDescription,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? false\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: refinementState.comparedData\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.length >= COMPARE_SIZE\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdispatch( {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype: 'update_compare',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpayload: row,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"m-checkbox__label\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thtmlFor={`bearing_search_compare_${ rowKey }`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t></label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thtmlFor={`bearing_search_compare_${ rowKey }`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// eslint-disable-next-line no-nested-ternary\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={`btn btn--tertiary ${\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t! isInComparedData(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmarketPlaceDescription,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trefinementState.comparedData.length >=\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCOMPARE_SIZE\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'disabled'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{text.addToCompareLabel}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</table>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"row\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"col-md-6 col-lg-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<table>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{group1.map( ( _, colIndex ) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst column =\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbearingSearchTableHeads[ colIndex ];\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst colKey = generateId( column.key );\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst isAuthorizedOnlyColumn = column.key === 'relPrice' || column.key === 'availability';\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif ( isAuthorizedOnlyColumn ) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif ( isAuthorized ) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif ( column.key === 'relPrice' ) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<tr key={colKey}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<th scope=\"row\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{column.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"a-tooltip\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M12 8.03261V7M12 16.5L12 9.27174M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"#2C2929\"></path>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"a-tooltip__text a-tooltip__text--bottom\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: getTooltip( column.label ) }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td className={ `is--price is--price-${ row[ column.key ].length }`}></td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif ( column.key === 'availability' ) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<tr key={colKey}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<th scope=\"row\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{column.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"a-tooltip\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M12 8.03261V7M12 16.5L12 9.27174M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"#2C2929\"></path>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"a-tooltip__text a-tooltip__text--bottom\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: getTooltip( column.label ) }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td className={`is--availability is--availability-${ row[ column.key ].length }`}></td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<tr key={colKey} className={! isAuthorized ? 'is--disabled' : ''}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<th scope=\"row\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"is--authenticated-only\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{column.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"a-tooltip\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M12 8.03261V7M12 16.5L12 9.27174M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"#2C2929\"></path>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"a-tooltip__text a-tooltip__text--bottom\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{__html: getTooltip(column.label)}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{column.key === 'relPrice' ? '$ -- --' : '-- -- --'}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<tr key={colKey}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<th scope=\"row\">{column.label} {column.showLabelUnit && ' (' + column.labelUnit[unit] + ')'}</th>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>{row[ column.key ]}</td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t} )}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</table>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"offset-md-1 col-md-5 col-lg-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<table>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{group2.map( ( _, colIndex ) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst column =\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbearingSearchTableHeads[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmiddle + colIndex\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst colKey = generateId( column.key );\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<tr key={colKey}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<th scope=\"row\">{column.label} {column.showLabelUnit && ' (' + column.labelUnit[unit] + ')'}</th>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>{row[ column.key ]}</td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t} )}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</table>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} )}\n\t\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t<div className=\"c-bearings-table__footer-actions\">\n\t\t\t\t\t\t\t\t<div className=\"c-bearings-table__footer-cta\">\n\t\t\t\t\t\t\t\t\t{refinementState.comparedData.length > 1 && compareUrl && (\n\t\t\t\t\t\t\t\t\t\t<a href={compareUrl} className=\"btn btn--primary\">\n\t\t\t\t\t\t\t\t\t\t\t{text.compare}\n\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<div className=\"c-bearings-table__footer-pagination\">\n\t\t\t\t\t\t\t\t\t<SearchPagination\n\t\t\t\t\t\t\t\t\t\ttotal={refinementState.totalPages}\n\t\t\t\t\t\t\t\t\t\tcurrent={refinementState.currentPage}\n\t\t\t\t\t\t\t\t\t\tonNavigate={( page: number ) =>\n\t\t\t\t\t\t\t\t\t\t\tdispatch( { type: 'change_page', payload: page } )\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default BearingSearchResults;\n","import React, { ChangeEvent, FormEvent, Reducer, useEffect, useReducer, useRef, useState } from 'react';\nimport SearchModal from '../../components/bearing-search/components/SearchModal';\nimport { text, unitList, unitMap } from '../data';\nimport BearingTypeAssistance from '../components/BearingTypeAssistance';\nimport bearingSearchReducer, {\n\tBearingAdvancedFilter,\n\tBearingSearchAction,\n\tBearingSearchState,\n\tinitialBearingSearchState,\n} from './reducer';\nimport BearingTypeDropdown from '../components/bearing-type-dropdown/BearingTypeDropdown';\nimport { bearingGroups, getBearings } from '../../components/bearing-search/api/api';\nimport TextInput from '../../components/bearing-search/components/forms/TextInput';\nimport SelectDropdown from '../../components/bearing-search/components/forms/SelectDropdown';\nimport {\n\tBearingAdvancedFilterKey,\n\tBearingInfo,\n\tBearingPayload,\n\tBearingResponse,\n\tTimkenUnit,\n} from '../../components/bearing-search/types/types';\nimport NumberInput from '../../components/bearing-search/components/forms/NumberInput';\nimport BearingSearchResults from '../components/bearing-search-results/BearingSearchResults';\nimport {\n\ttrackStart,\n\ttrackResults,\n\tupdateActionParams,\n\ttrackFilters,\n\ttrackProductResults,\n} from '../utils/analytics';\nimport { toggleNextTools } from '../utils/engineering-tools';\nimport { BearingGroupOption } from '../types/types';\n\ndeclare global {\n\tinterface Window {\n\t\tsearchTerm?: string;\n\t}\n}\n\nconst BearingSearch: React.FC = () => {\n\tconst [ isSearched, setIsSearched ] = useState( false );\n\tconst [ isValidated, setIsValidated ] = useState( false );\n\tconst [ isResultsLoading, setIsResultsLoading ] = useState( false );\n\tconst [ displayUnit, setDisplayUnit ] = useState<TimkenUnit>( 'M' );\n\tconst [ results, setResults ] = useState<BearingInfo[]>( [] );\n\tconst [ totalRecords, setTotalRecords ] = useState( 0 );\n\tconst [ isAssistanceModalOpen, setIsAssistanceModalOpen ] = useState( false );\n\tconst [ isAdvancedFilterOpen, setIsAdvancedFilterOpen ] = useState( false );\n\tconst [ preselectedTypes, setPreselectedTypes ] = useState<string[]>( [] );\n\tconst [ formState, dispatch ] = useReducer<Reducer<BearingSearchState, BearingSearchAction>>(\n\t\tbearingSearchReducer,\n\t\tinitialBearingSearchState,\n\t);\n\tconst [ isRendered, setIsRendered ] = useState( false );\n\tconst formRef = useRef<HTMLFormElement>( null );\n\tconst [ bearingTypesGroups, setBearingTypesGroups ] = useState<BearingGroupOption[]>( [] );\n\n\tuseEffect( () => {\n\t\ttrackStart( 'bearingSearch' );\n\n\t\tconst handleAccountInfoLoaded = ( ) => {\n\t\t\tif ( window.searchTerm ) {\n\t\t\t\tdispatch( {\n\t\t\t\t\ttype: 'change_part_number',\n\t\t\t\t\tpayload: window.searchTerm,\n\t\t\t\t} );\n\n\t\t\t\tdispatch( {\n\t\t\t\t\ttype: 'update_request_data',\n\t\t\t\t} );\n\n\t\t\t\tsetIsRendered( true );\n\t\t\t} else {\n\t\t\t\tconst queryMap = new URLSearchParams( document.location.search );\n\n\t\t\t\tif ( queryMap.get( 'savedSearch' ) || queryMap.get( 'gig_savedSearch' ) ) {\n\t\t\t\t\t// Restore from saved search\n\t\t\t\t\tconst savedSearch = window.localStorage.getItem( 'savedSearch' );\n\n\t\t\t\t\tif ( savedSearch ) {\n\t\t\t\t\t\tconst savedState: BearingSearchState = JSON.parse( savedSearch );\n\t\t\t\t\t\tsetPreselectedTypes( savedState.partType || [] );\n\n\t\t\t\t\t\tdispatch( {\n\t\t\t\t\t\t\ttype: 'reset',\n\t\t\t\t\t\t\tpayload: savedState,\n\t\t\t\t\t\t} );\n\n\t\t\t\t\t\tdispatch( {\n\t\t\t\t\t\t\ttype: 'update_request_data',\n\t\t\t\t\t\t} );\n\n\t\t\t\t\t\tsetIsRendered( true );\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t// Clear saved search and start fresh\n\t\t\t\t\twindow.localStorage.removeItem( 'savedSearch' );\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tdocument.addEventListener( 'timken_sso_account_info_loaded', handleAccountInfoLoaded );\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener( 'timken_sso_account_info_loaded', handleAccountInfoLoaded );\n\t\t};\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( ! isRendered ) {\n\t\t\treturn;\n\t\t}\n\n\t\tformRef.current?.dispatchEvent(\n\t\t\tnew Event( 'submit', { cancelable: true, bubbles: true } ),\n\t\t);\n\t}, [ isRendered ] );\n\n\tuseEffect( () => {\n\t\tconst isShown = isSearched && ! isResultsLoading;\n\n\t\ttoggleNextTools( isShown );\n\n\t\treturn () => toggleNextTools( false );\n\t}, [ isSearched, isResultsLoading ] );\n\n\tconst selectTypesFromAssistance = ( partTypes: string[] ) => {\n\t\t// select part types;\n\t\tsetPreselectedTypes( partTypes );\n\n\t\t// clear assistance modal status\n\t\tsetIsAssistanceModalOpen( false );\n\t};\n\n\tconst selectTypes = ( typeData: { partType: string[]; bearingType: string[]; bearingSubType: string[]; } ) => {\n\t\tsetIsValidated( false );\n\n\t\tdispatch( {\n\t\t\ttype: 'change_bearing_type',\n\t\t\tpayload: typeData,\n\t\t} );\n\n\t\tdispatch( {\n\t\t\ttype: 'update_request_data',\n\t\t} );\n\t};\n\n\tconst refineResults = ( payload: Partial<BearingPayload> ) => {\n\t\tconst request: Partial<BearingPayload> = {\n\t\t\t...formState.requestData,\n\t\t\t...payload,\n\t\t};\n\n\t\tgetBearings( request ).then( ( response: BearingResponse ) => {\n\t\t\tsetResults( response.bearingInformation || [] );\n\t\t\tsetTotalRecords( response.totalRecords );\n\t\t} );\n\t};\n\n\tconst handleFormChange = () => {\n\t\tsetIsValidated( false );\n\n\t\tdispatch( {\n\t\t\ttype: 'update_request_data',\n\t\t} );\n\t};\n\n\tconst handleSubmit = ( event: FormEvent ) => {\n\t\tevent.preventDefault();\n\t\tsetIsValidated( true );\n\n\t\tif ( formState.requestData ) {\n\t\t\tsetIsSearched( true );\n\t\t\tsetIsResultsLoading( true );\n\t\t\tsetResults( [] );\n\n\t\t\tconst payload: Partial<BearingPayload> = {\n\t\t\t\t...formState.requestData,\n\t\t\t\tpageNumber: 1,\n\t\t\t};\n\n\t\t\ttrackFilters( payload, bearingTypesGroups );\n\n\t\t\tgetBearings( payload )\n\t\t\t\t.then( ( response: BearingResponse ) => {\n\t\t\t\t\ttrackProductResults( 'bearingSearch', payload, response.totalRecords, formState.marketPlaceDescription );\n\t\t\t\t\tupdateActionParams( 'bearingSearch' );\n\t\t\t\t\tsetDisplayUnit( formState.unit );\n\t\t\t\t\tsetResults( response.bearingInformation || [] );\n\t\t\t\t\tsetTotalRecords( response.totalRecords );\n\t\t\t\t\t// Save search state\n\t\t\t\t\twindow.localStorage.setItem( 'savedSearch', JSON.stringify( formState ) );\n\n\t\t\t\t\tdocument.querySelector('.t-engineering-tools__results').scrollIntoView({\n\t\t\t\t\t\tbehavior: 'smooth'\n\t\t\t\t\t});\n\t\t\t\t} )\n\t\t\t\t.finally( () => {\n\t\t\t\t\tsetIsResultsLoading( false );\n\t\t\t\t} );\n\t\t}\n\t};\n\n\tconst clearSearch = () => {\n\t\tsetIsSearched( false );\n\t\tsetIsValidated( false );\n\n\t\t// Reset form\n\t\tdispatch( {\n\t\t\ttype: 'reset',\n\t\t} );\n\n\t\t// Reset bearing type dropdown\n\t\tsetPreselectedTypes( [] );\n\n\t\t// Remove search state\n\t\twindow.localStorage.removeItem( 'savedSearch' );\n\t};\n\n\treturn (\n\t\t<div>\n\t\t\t<button\n\t\t\t\tclassName=\"btn btn--tertiary t-engineering-tools__help-me-choose\"\n\t\t\t\taria-controls=\"help_me_choose_modal\"\n\t\t\t\tonClick={() => setIsAssistanceModalOpen( true )}\n\t\t\t>\n\t\t\t\t{text.helpMeChoose}\n\t\t\t</button>\n\n\t\t\t<form onSubmit={handleSubmit} onChange={handleFormChange} ref={formRef}>\n\t\t\t\t<div className=\"row\">\n\t\t\t\t\t<div className=\"col-xl-8\">\n\t\t\t\t\t\t<div className=\"row form-row\">\n\t\t\t\t\t\t\t<div className=\"col-md-4 col-xl-5\">\n\t\t\t\t\t\t\t\t<BearingTypeDropdown\n\t\t\t\t\t\t\t\t\tid=\"bearing_search_type\"\n\t\t\t\t\t\t\t\t\tlabel={text.bearingType}\n\t\t\t\t\t\t\t\t\tplaceholder={text.selectBearingType}\n\t\t\t\t\t\t\t\t\tgroups={bearingGroups}\n\t\t\t\t\t\t\t\t\tpreselected={preselectedTypes}\n\t\t\t\t\t\t\t\t\tonChange={selectTypes}\n\t\t\t\t\t\t\t\t\tonApply={( groups ) => setBearingTypesGroups( groups )}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className=\"col-md-5 col-xl-5\">\n\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\tid=\"bearing_search_part_number\"\n\t\t\t\t\t\t\t\t\tlabel={text.partNumber}\n\t\t\t\t\t\t\t\t\tname=\"marketPlaceDescription\"\n\t\t\t\t\t\t\t\t\tvalue={formState.marketPlaceDescription}\n\t\t\t\t\t\t\t\t\tplaceholder={text.partNumber}\n\t\t\t\t\t\t\t\t\tmessage={text.partWildCardHint}\n\t\t\t\t\t\t\t\t\tonChange={( event: ChangeEvent<HTMLInputElement> ) =>\n\t\t\t\t\t\t\t\t\t\tdispatch( {\n\t\t\t\t\t\t\t\t\t\t\ttype: 'change_part_number',\n\t\t\t\t\t\t\t\t\t\t\tpayload: event.target.value as string,\n\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className=\"col-md-3 col-xl-2\">\n\t\t\t\t\t\t\t\t<SelectDropdown\n\t\t\t\t\t\t\t\t\tid=\"bearing_search_unit\"\n\t\t\t\t\t\t\t\t\trequired={true}\n\t\t\t\t\t\t\t\t\tlabel={text.displayUnits}\n\t\t\t\t\t\t\t\t\tvalue={formState.unit}\n\t\t\t\t\t\t\t\t\toptions={unitList}\n\t\t\t\t\t\t\t\t\tonChange={( event: ChangeEvent<HTMLSelectElement> ) =>\n\t\t\t\t\t\t\t\t\t\tdispatch( {\n\t\t\t\t\t\t\t\t\t\t\ttype: 'change_unit',\n\t\t\t\t\t\t\t\t\t\t\tpayload: event.target.value as TimkenUnit,\n\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"col-xl-4 text-xl-end\">\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tclassName=\"btn btn--secondary t-engineering-tools__advanced-filter-toggle\"\n\t\t\t\t\t\t\taria-controls=\"bearing_search_advanced-filters\"\n\t\t\t\t\t\t\taria-expanded={isAdvancedFilterOpen}\n\t\t\t\t\t\t\tonClick={() => setIsAdvancedFilterOpen( ! isAdvancedFilterOpen )}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span className=\"btn__icon icon-filter\" aria-hidden=\"true\"></span>\n\t\t\t\t\t\t\t<span>{isAdvancedFilterOpen ? text.hideAdvancedFilters : text.advancedFilters}</span>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div\n\t\t\t\t\tclassName={`t-engineering-tools__constraints ${ isAdvancedFilterOpen ? '' : 'd-none' }`}\n\t\t\t\t\tid=\"bearing_search_advanced-filters\"\n\t\t\t\t>\n\t\t\t\t\t<h3>{text.advancedFilters}</h3>\n\n\t\t\t\t\t<div className=\"row form-row\">\n\t\t\t\t\t\t{Object.keys( formState.advancedFilters ).map( ( key ) => {\n\t\t\t\t\t\t\tconst filter = formState.advancedFilters[ key ];\n\n\t\t\t\t\t\t\tif ( ! filter ) {\n\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tconst { id, label, value, type, isApplicable, tooltip } = filter as BearingAdvancedFilter;\n\t\t\t\t\t\t\tconst validation = formState.validation.get( key as BearingAdvancedFilterKey );\n\t\t\t\t\t\t\tconst unitLabel = unitMap[ formState.unit ][ type ];\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div className=\"col-md-3 col-xl-2\" key={id}>\n\t\t\t\t\t\t\t\t\t<NumberInput\n\t\t\t\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\t\t\t\tlabel={label}\n\t\t\t\t\t\t\t\t\t\tunitLabel={unitLabel}\n\t\t\t\t\t\t\t\t\t\ttooltip={tooltip}\n\t\t\t\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\t\t\t\tmin={0}\n\t\t\t\t\t\t\t\t\t\tdisabled={! isApplicable}\n\t\t\t\t\t\t\t\t\t\tinvalid={isValidated && validation?.invalid}\n\t\t\t\t\t\t\t\t\t\terrorMessage={validation?.message}\n\t\t\t\t\t\t\t\t\t\tonChange={( event: ChangeEvent<HTMLInputElement> ) =>\n\t\t\t\t\t\t\t\t\t\t\tdispatch( {\n\t\t\t\t\t\t\t\t\t\t\t\ttype: 'change_number_field',\n\t\t\t\t\t\t\t\t\t\t\t\tpayload: [ key as keyof BearingPayload, event.target.value ],\n\t\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} )}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"t-engineering-tools__search-actions\">\n\t\t\t\t\t<button className=\"btn btn--primary\" type=\"submit\">\n\t\t\t\t\t\t{text.search}\n\t\t\t\t\t</button>\n\n\t\t\t\t\t<button className=\"btn btn--secondary\" type=\"button\" onClick={() => clearSearch()}>\n\t\t\t\t\t\t{text.clear}\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</form>\n\n\t\t\t{isSearched && (\n\t\t\t\t<BearingSearchResults\n\t\t\t\t\tloading={isResultsLoading}\n\t\t\t\t\tunit={displayUnit}\n\t\t\t\t\tdata={results}\n\t\t\t\t\ttotalRecords={totalRecords}\n\t\t\t\t\tonRefine={refineResults}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<SearchModal\n\t\t\t\tid=\"help_me_choose_modal\"\n\t\t\t\tisOpen={isAssistanceModalOpen}\n\t\t\t\tonClose={() => setIsAssistanceModalOpen( false )}\n\t\t\t>\n\t\t\t\t<BearingTypeAssistance onApply={selectTypesFromAssistance} onCancel={() => setIsAssistanceModalOpen( false )} />\n\t\t\t</SearchModal>\n\t\t</div>\n\t);\n};\n\nexport default BearingSearch;\n","import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport BearingSearch from './BearingSearch';\n\nconst $root: HTMLElement | null = document.getElementById(\n\t'timken-tool-bearing-search',\n);\n\nif ( $root ) {\n\tReactDOM.createRoot( $root ).render(\n\t\t<React.StrictMode>\n\t\t\t<BearingSearch />\n\t\t</React.StrictMode>,\n\t);\n}\n"],"names":["useState","useEffect","bearingSearchReducer","selected","useReducer","ssoIsEnabled","isAuthenticated","ssoIsAuthenticated","isAuthorized","ssoIsAuthorized","_a","useRef","BearingTypeDropdown","ReactDOM"],"mappings":"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"}