\r\n {!windowSize.isNotMobile ?\r\n
\r\n {(IsVIP || props.hla || props.sellUrl || props.IsEF || props.RequestACharter) &&\r\n
\r\n {vip &&\r\n
\r\n }\r\n {props.RequestACharter && !props.IsWatchList &&\r\n
\r\n }\r\n {(props.hla || props.sellUrl) &&\r\n
\r\n }\r\n {(!IsVIP || props.IsRY) &&\r\n
\r\n }\r\n
\r\n }\r\n
\r\n {(IsVIP || props.hla || props.sellUrl || props.IsEF || (props.RequestACharter && !props.IsWatchList)) &&\r\n
\r\n }\r\n
\r\n {!props.IsHostedSite && !props.IsWatchList && IsVIP && !props.IsRY &&\r\n
\r\n }\r\n {props.emailAlerts && (!IsVIP || props.IsWatchList) &&\r\n
\r\n }\r\n {props.RequestACharter && !props.IsWatchList &&\r\n
\r\n }\r\n {props.sort?.options?.length > 0 &&\r\n
\r\n }\r\n
\r\n {(props.IsHostedSite || (!IsVIP && props.IsWatchList && !props.emailAlerts && !props.IsAV)) &&\r\n
\r\n }\r\n
\r\n
\r\n :\r\n
\r\n {(IsVIP || props.hla || props.sellUrl || props.IsAuctionSite || props.RequestACharter) &&\r\n < div className='left-half'>\r\n {vip &&\r\n
\r\n }\r\n {(props.hla || props.sellUrl) &&\r\n
\r\n }\r\n {(!IsVIP || (props.IsWatchList && props.IsAuctionSite)) && !props.IsAV && !props.IsOS &&\r\n
\r\n }\r\n
\r\n }\r\n
\r\n {(IsVIP || props.hla || props.sellUrl) &&\r\n
\r\n }\r\n {!props.IsHostedSite && !(props.IsOS && props.IsWatchList) &&\r\n
\r\n {(IsVIP || props.IsRY || props.IsAV || props.IsOS) &&\r\n
\r\n }\r\n {props.emailAlerts &&\r\n
\r\n }\r\n {props.RequestACharter &&\r\n
\r\n }\r\n
\r\n }\r\n {!props.IsHostedSite && !(props.IsOS && props.IsWatchList) &&\r\n
\r\n { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); handleCollapse(); } }} tabIndex='0' onClick={handleCollapse} title={openBar ? translator.translate('Sandhills.Collapse') : translator.translate('Sandhills.CRM.DSCRM.Expand')} aria-label={openBar ? translator.translate('Sandhills.Collapse') : translator.translate('Sandhills.CRM.DSCRM.Expand')}>\r\n \r\n \r\n
\r\n }\r\n
\r\n
getItemAriaLabel(type, page, selected)}\r\n showLastButton\r\n shape='rounded'\r\n size={windowSize.isMobile ? 'small' : 'medium'}\r\n onChange={(e, value) => props.onChange(value)}\r\n renderItem={(item) => (\r\n \r\n )}\r\n />\r\n \r\n
\r\n
0 ? '' : ' no-media') + (props.NoImageRow ? ' no-images' : '')}>\r\n {!props.NoImageRow &&\r\n <>\r\n {\r\n props.MediaModel.Media.length > 0 ?\r\n
media.MediaUrl)} IsParts={true} AltText={props.PartNumber} />\r\n :\r\n \r\n \r\n \r\n }\r\n \r\n }\r\n \r\n
\r\n
\r\n \r\n {props.FormattedDiscountPrice || props.Price ?\r\n (props.FormattedDiscountPrice ?\r\n \r\n {props.Price}\r\n {props.DiscountSavePercentage && {props.DiscountSavePercentage}}\r\n {props.FormattedDiscountPrice}
\r\n \r\n :\r\n (props.ShowMSRPField && props.MSRP ?\r\n \r\n {props.MSRP}\r\n {props.MSRPSavePercentage && {props.MSRPSavePercentage}}\r\n {props.Price}
\r\n \r\n :\r\n {props.Price}\r\n )\r\n )\r\n :\r\n {translator.translate('sandhills.callforprice')}\r\n }\r\n \r\n \r\n {props.BuyNowURL ?\r\n
\r\n \r\n \r\n {(props.BuyNowNewTab || currentSite.IsMobileAppContext) && ({translator.translate('sandhills.opensinanewtab')})}\r\n \r\n :\r\n
\r\n \r\n \r\n \r\n }\r\n {props.Quantity &&\r\n
\r\n : \r\n {props.Quantity}\r\n \r\n }\r\n {props.ListingLocation &&
}\r\n
\r\n
\r\n
\r\n
\r\n {props.ShowCheckAvailability ?\r\n
{ if (e.key === \"Enter\" || e.key === ' ') { e.preventDefault(); openEmailModal(inquiryType.CheckAvailability); } }} onClick={() => openEmailModal(inquiryType.CheckAvailability)}>\r\n \r\n
\r\n :\r\n
{ if (e.key === \"Enter\" || e.key === ' ') { e.preventDefault(); openEmailModal(inquiryType.Email); } }} onClick={() => openEmailModal(inquiryType.Email)}>\r\n {props.CustomEmailSellerTextForRental ? props.CustomEmailSellerTextForRental : props.CustomEmailSellerTextForRetail ? props.CustomEmailSellerTextForRetail : (props.IsForRentOnly || props.IsRY) ? : }\r\n
\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {props.ListingPhotoCount > 0 &&\r\n
\r\n \r\n {props.ListingPhotoCount}\r\n
}\r\n {props.ListingSpin360Count > 0 &&\r\n
\r\n \r\n {props.ListingSpin360Count}\r\n
}\r\n {props.ListingVideoCount > 0 &&\r\n
\r\n \r\n {props.ListingVideoCount}\r\n
}\r\n
\r\n
{props.PartNumber}\r\n {props.InventoryManagementURL &&
View in Inventory Management ({translator.translate('sandhills.opensinanewtab')})}\r\n {props.Manufacturer &&\r\n
\r\n {props.Manufacturer}\r\n
}\r\n {props.ImageURL &&\r\n
}\r\n {(props.ImageURL && (props.ListingPhotoCount > 0 || props.ListingVideoCount > 0 || props.ListingSpin360Count > 0)) && \r\n getMediaIcons()}\r\n
\r\n \r\n {props.FormattedDiscountPrice ?\r\n \r\n {props.Price}\r\n {props.DiscountSavePercentage && {props.DiscountSavePercentage}}\r\n {props.FormattedDiscountPrice}
\r\n \r\n : (props.ShowMSRPField && props.MSRP ?\r\n \r\n {props.MSRP}\r\n {props.MSRPSavePercentage && {props.MSRPSavePercentage}}\r\n {props.Price}
\r\n \r\n : {props.Price})}\r\n \r\n \r\n {props.IsFreeShipping &&\r\n
}\r\n
\r\n {props.Quantity &&\r\n \r\n : \r\n {props.Quantity}\r\n }\r\n {props.Condition &&\r\n \r\n : \r\n {props.Condition}\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n : \r\n {props.DealerLocation}\r\n
\r\n {props.ListingLocation &&
}\r\n
\r\n {props.Description &&\r\n
\r\n \r\n {truncateString(props.Description, 200)}\r\n {props.Description.length > 200 &&\r\n }\r\n
\r\n }\r\n
\r\n {props.Updated &&\r\n
\r\n : \r\n {props.Updated}\r\n }\r\n
\r\n
\r\n
{props.PartNumber}\r\n {props.InventoryManagementURL &&
View in Inventory Management ({translator.translate('sandhills.opensinanewtab')})}\r\n
\r\n {props.FormattedDiscountPrice ?\r\n \r\n {props.Price}\r\n {props.DiscountSavePercentage && {props.DiscountSavePercentage}}\r\n {props.FormattedDiscountPrice}
\r\n \r\n : (props.ShowMSRPField && props.MSRP ?\r\n \r\n {props.MSRP}\r\n {props.MSRPSavePercentage && {props.MSRPSavePercentage}}\r\n {props.Price}
\r\n \r\n : {props.Price})}\r\n \r\n {props.IsFreeShipping &&\r\n
}\r\n {props.Manufacturer &&\r\n
\r\n {props.Manufacturer}\r\n }\r\n {props.Quantity &&\r\n
\r\n : \r\n {props.Quantity}\r\n }\r\n {props.Condition &&\r\n
\r\n : \r\n {props.Condition}\r\n }\r\n {props.Updated &&\r\n
\r\n : \r\n {props.Updated}\r\n }\r\n {props.ListingLocation &&
}\r\n
\r\n
\r\n
\r\n {props.Description &&\r\n
\r\n \r\n {truncateString(props.Description, 200)}\r\n {props.Description.length > 200 &&\r\n }\r\n
\r\n }\r\n
: {props.iconText || ''}}\r\n {props.buttonText || ''}\r\n {props.includeRightChevron && }\r\n \r\n );\r\n});\r\n\r\nexport default ActionButton;","import translator from \"@Components/Utilities/Translator\";\r\nimport atoms from '@Components/Utilities/SandhillsAtoms';\r\nimport { useRecoilValue } from 'recoil';\r\nconst ComplexBreadcrumb = (props) => {\r\n\r\n const {\r\n BreadCrumbModels\r\n } = props;\r\n\r\n const getBreadCrumbCount = () => {\r\n return BreadCrumbModels ? BreadCrumbModels.length : 0;\r\n };\r\n const currentSite = useRecoilValue(atoms.currentWebsite);\r\n\r\n if (BreadCrumbModels && !currentSite.IsMobileAppContext) {\r\n return (\r\n \r\n );\r\n } else {\r\n return (<>);\r\n }\r\n};\r\n\r\nexport default ComplexBreadcrumb;"," import { useState, useReducer, useRef, useEffect } from 'react';\r\nimport { useWindowSize } from '@Components/Utilities/WindowSize';\r\nimport { getOuterHeight } from '@Components/Utilities/SandhillsUtility';\r\nimport { loadable } from '@Components/Utilities/SandhillsLoadable';\r\nimport usePassiveLayoutEffect from '@react-hook/passive-layout-effect';\r\nimport TranslationText from '@Components/Utilities/TranslationText';\r\nimport translator from '@Components/Utilities/Translator';\r\nimport facetedSearchReducer from '@Components/Shared/FacetedSearch/FacetedSearchReducer';\r\nimport ready from 'document-ready';\r\nimport WebSavedSearchesButton from '@Components/WebSavedSearches/WebSavedSearchesButton';\r\nimport atoms from '@Components/Utilities/SandhillsAtoms';\r\nimport { useRecoilValue } from 'recoil';\r\n\r\nconst FacetedSearchSelectedFacet = loadable(() => import('@Components/Shared/FacetedSearch/FacetedSearchSelectedFacet'));\r\nconst FacetedSearchModal = loadable(() => import('@Components/Shared/FacetedSearch/FacetedSearchModal'), true);\r\nconst FacetedSearchField = loadable(() => import('@Components/Shared/FacetedSearch/FacetedSearchField'));\r\n\r\nconst FacetedSearch = (props) => {\r\n\r\n const windowSize = useWindowSize();\r\n const selectedFacetsRef = useRef(null);\r\n const [facetedSearchModal, dispatchFacetedSearchModal] = useReducer(facetedSearchReducer, { Options: [], ShowLoadingSpinner: true });\r\n const [showFacetedSearchModal, setShowFacetedSearchModal] = useState(props.openFacetedModalOnLoad);\r\n const [showAllSelectedOptions, setShowAllSelectedOptions] = useState(false);\r\n const currentUser = useRecoilValue(atoms.currentUser);\r\n const currentWebsite = useRecoilValue(atoms.currentWebsite);\r\n\r\n useEffect(() => {\r\n if (props.openFacetedModalOnLoad) {\r\n FacetedSearchModal.preload();\r\n }\r\n }, []);\r\n\r\n usePassiveLayoutEffect(() => {\r\n ready(() => adjustCollapsedAppliedFacetHeight(!showAllSelectedOptions));\r\n }, [props.SearchFields, props.SelectedFacets]);\r\n\r\n const onFacetOpen = () => {\r\n FacetedSearchSelectedFacet.preload();\r\n };\r\n\r\n const toggleSelectedOptions = () => {\r\n adjustCollapsedAppliedFacetHeight(showAllSelectedOptions);\r\n setShowAllSelectedOptions(showAllSelectedOptions => !showAllSelectedOptions);\r\n };\r\n\r\n const getCollapsedAppliedFacetMaxHeight = () => {\r\n return FacetedSearchSelectedFacet.load().then((f) => {\r\n return (getOuterHeight(selectedFacetsRef.current.firstChild, true) * 2) + 5;\r\n });\r\n };\r\n\r\n const adjustCollapsedAppliedFacetHeight = (adjustMaxHeight) => {\r\n if (selectedFacetsRef.current && selectedFacetsRef.current.firstChild) {\r\n getCollapsedAppliedFacetMaxHeight().then(maxHeight => {\r\n if (adjustMaxHeight) {\r\n selectedFacetsRef.current.style.whiteSpace = 'nowrap';\r\n selectedFacetsRef.current.style.maxHeight = maxHeight + 'px';\r\n } else {\r\n selectedFacetsRef.current.style.whiteSpace = 'normal';\r\n selectedFacetsRef.current.style.maxHeight = '';\r\n }\r\n\r\n if (selectedFacetsRef.current.clientHeight < maxHeight) {\r\n document.getElementsByClassName('facets-toggle')?.[0]?.setAttribute('style', 'display: none;');\r\n } else {\r\n document.getElementsByClassName('facets-toggle')?.[0]?.setAttribute('style', '');\r\n }\r\n });\r\n }\r\n };\r\n\r\n const renderSelectedFacets = () => {\r\n let facets = props.SelectedFacets ? props.SelectedFacets : props.SearchFields;\r\n return (facets.map(field =>\r\n )\r\n );\r\n };\r\n\r\n return (\r\n <>\r\n \r\n
{translator.translate('sandhills.appliedfilters')}
\r\n {windowSize.isMobile &&\r\n
}\r\n {(props.ListingsCount <= 0 && (props.renderError && typeof props.renderError === 'function')) && props.renderError()}\r\n {(!props.IsDefaultSearch || (props.ListingsCount <= 0 && !props.IsWatchList && !props.IsEventsPage) || (props.EnableWebSavedSearches && currentUser.IsAuthenticated && !windowSize.isMobile) || (currentWebsite?.Site?.IsBidcaller && props.IsAttachmentAjaxSearch)) &&\r\n
\r\n {windowSize.isMobile &&\r\n
\r\n :\r\n
}\r\n
\r\n {(!props.IsDefaultSearch || (props.ListingsCount <= 0 && !props.IsWatchList) || (currentWebsite?.Site?.IsBidcaller && props.IsDefaultSearch)) &&\r\n <>\r\n
\r\n \r\n \r\n
\r\n
\r\n {renderSelectedFacets()}\r\n
\r\n
\r\n \r\n }\r\n {((props.EnableWebSavedSearches && !props.TurnOffDefaultSaveThisSearch && props.savedSearchData && !windowSize.isMobile) || (!windowSize.isMobile && props.EnableWebSavedSearches && ((!props.IsDefaultSearch && !props.TurnOffDefaultSaveThisSearch) || currentUser.IsAuthenticated))) &&\r\n
\r\n }\r\n
\r\n
}\r\n
\r\n {props.isAttachmentPage && props.SearchFields.filter(item => !item.IsFitsTo && !item.GroupName && item.Type !== 'Hidden' && (item.FieldName == 'keywords' || item.FieldName == 'LotNumber' || item.FieldName == 'InventoryType' || item.FieldName == 'WLID')).map(item =>\r\n
0 && props.SelectedFacets.some(facet => facet.FieldName === item.FieldName || facet.SpecGroupName === item.FieldName))}\r\n DispatchFacetedSearchModal={dispatchFacetedSearchModal}\r\n SetShowModal={setShowFacetedSearchModal}\r\n ShowModal={showFacetedSearchModal}\r\n IsEmptySearch={props.ListingsCount <= 0 && !((props.isDealerInventoryLandingPage && props?.EmptyDealerLandingPageEnabledFacets?.includes(item.FieldName)) || item.EnableOnEmptySearch)}\r\n ClearFacet={props.clearFacet}\r\n UseSEOHTagReorganization={props.UseSEOHTagReorganization}\r\n ClassificationToForceScope={props.ClassificationToForceScope}\r\n />)}\r\n {props.isAttachmentPage &&\r\n \r\n \r\n
\r\n }\r\n {props.SearchFields.filter(item => !item.IsFitsTo && !item.GroupName && item.Type !== 'Hidden' && (!props.isAttachmentPage || (props.isAttachmentPage && item.FieldName !== 'keywords' && item.FieldName !== 'LotNumber' && item.FieldName !== 'InventoryType' && item.FieldName !== 'WLID'))).map(item =>\r\n 0 && props.SelectedFacets.some(facet => facet.FieldName === item.FieldName || facet.SpecGroupName === item.FieldName))}\r\n DispatchFacetedSearchModal={dispatchFacetedSearchModal}\r\n SetShowModal={setShowFacetedSearchModal}\r\n ShowModal={showFacetedSearchModal}\r\n IsEmptySearch={props.ListingsCount <= 0 && !((props.isDealerInventoryLandingPage && props?.EmptyDealerLandingPageEnabledFacets?.includes(item.FieldName)) || item.EnableOnEmptySearch)}\r\n ClearFacet={props.clearFacet}\r\n UseSEOHTagReorganization={props.UseSEOHTagReorganization}\r\n ClassificationToForceScope={props.ClassificationToForceScope}\r\n\r\n />)}\r\n {props.SearchFields.some(item => item.IsFitsTo) &&\r\n \r\n \r\n
}\r\n {props.SearchFields.filter(item => item.IsFitsTo).map(item =>\r\n )}\r\n {props.SearchFields.some(item => !item.IsFitsTo && item.GroupName) &&\r\n \r\n {props.isAttachmentPage ? : }\r\n
}\r\n {props.SearchFields.filter(item => !item.IsFitsTo && item.GroupName).map(item =>\r\n )}\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n if (props.vip && vip) {\r\n options.push(\r\n \r\n );\r\n }\r\n\r\n if (props.hlaUrl && !props.IsRY) {\r\n options.push(\r\n \r\n );\r\n }\r\n\r\n if (props.watchList) {\r\n options.push(\r\n \r\n );\r\n }\r\n\r\n if (props.stolenUrl) {\r\n options.push(\r\n \r\n );\r\n }\r\n\r\n if (props.sort?.options?.length > 0) {\r\n options.push(\r\n \r\n );\r\n }\r\n\r\n const columns = props.filter?.render ? 2 : 1;\r\n const chunkedOptions = chunkArray(options, columns);\r\n const chunkOneCount = chunkedOptions?.[0]?.length;\r\n const chunkTwoCount = chunkedOptions?.[1]?.length;\r\n const chunkOneBlack = (props.flyout?.render ? (chunkOneCount === 1 || ((props.vip && vip) && chunkOneCount === 2)) : ((props.vip && vip) && chunkOneCount === 1));\r\n const chunkTwoBlack = (props.flyout?.render && chunkOneCount === 1 && (props.vip && vip) && chunkTwoCount == 1);\r\n\r\n return (windowSize.isMobile ?\r\n (\r\n {props.filter?.render &&\r\n
{ if (e.key === \"Enter\" || e.key === ' ') { e.preventDefault(); props.filter.toggle(); } }} onClick={props.filter.toggle}>\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
}\r\n
\r\n {props.filter?.render ?\r\n (<>\r\n
\r\n {chunkedOptions?.[0]?.map(option => option)}\r\n
\r\n
\r\n {chunkedOptions?.[1]?.map(option => option)}\r\n
\r\n ) : (\r\n
\r\n {chunkedOptions?.map(chunk => chunk?.map(option => option))}\r\n
)}\r\n
\r\n
{translator.translate('sandhills.startdate')}: {props.StartDate}
}\r\n {props.EndDate &&\r\n {translator.translate('sandhills.enddate')}: {props.EndDate}
}\r\n {props.StartTime && {translator.translate('sandhills.time')}: {props.StartTime}
}\r\n {props.Description &&\r\n {props.Description}}\r\n\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default AuctionInformationModal;","import Modal from '@Components/Shared/Modals/Modal';\r\nimport translator from '@Components/Utilities/Translator';\r\n\r\nconst ConsignmentPackageInfoModal = (props) => {\r\n\r\n const onClose = () => {\r\n props.toggleModal();\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n {props.EventTitle}\r\n \r\n \r\n \r\n {props.Description &&\r\n \r\n {props.Description}\r\n
}\r\n \r\n
{translator.translate('sandhills.tradepubwebsite.mvc.contactinfo')}\r\n\r\n
\r\n {props.Name &&\r\n
\r\n
{translator.translate('sandhills.sellerinformation')}\r\n
{props.Name}
\r\n {props.DealerAddress && \r\n
{props.DealerAddress}
}\r\n {props.DealerCityStatePostal &&\r\n
{props.DealerCityStatePostal}
}\r\n {props.UnformattedDealerPhoneNumber &&\r\n
}\r\n
}\r\n\r\n {props.DisplayConsignorInformation &&\r\n
\r\n
{translator.translate('sandhills.crm.dscrm.consignorinfo')}\r\n {props.ConsignorCompanyName &&\r\n
{props.ConsignorCompanyName}
}\r\n {props.ConsignorName &&\r\n
{props.ConsignorName}
}\r\n {props.ConsignorEmail &&\r\n
{props.ConsignorEmail}
}\r\n {props.ConsignorPhoneNumber &&\r\n
}\r\n {props.ConsignorPreferredMethodOfContact &&\r\n
\r\n {translator.translate('sandhills.preferredcontactmethod')}: \r\n {props.ConsignorPreferredMethodOfContact}\r\n
}\r\n {props.ConsignorPreferredContactTimeOfDay &&\r\n
\r\n {translator.translate('sandhills.preferredcontacttime')}: \r\n {props.ConsignorPreferredContactTimeOfDay}\r\n
}\r\n
}\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default DescriptiveTextModal;","import translator from '@Components/Utilities/Translator';\r\nimport Modal from '@Components/Shared/Modals/Modal';\r\nimport {useEffect} from 'react';\r\n\r\nconst GoodleMapsLocationModal = (props) => {\r\n\r\n const dealerLocation = {\r\n lat: props.GoogleAPIData?.PinLocation?.Latitude,\r\n lng: props.GoogleAPIData?.PinLocation?.Longitude\r\n };\r\n\r\n useEffect(() => {\r\n toggleMap();\r\n }, [])\r\n\r\n\r\n const generateInfoWindow = (map) => {\r\n let tld = props.GoogleAPIData.TopLevelDomain;\r\n let hl = props.GoogleAPIData.TwoDigitISOLanguageCode;\r\n let viewOn = props.GoogleAPIData.ViewOnGoogleMaps;\r\n map.addListener('click', (e) => {\r\n if (e.placeId) {\r\n e.stop();\r\n let geocoder = new google.maps.Geocoder;\r\n geocoder.geocode({ 'placeId': e.placeId }, (results, status) => {\r\n if (status === 'OK') {\r\n if (results[0]) {\r\n let newInfowindow = new google.maps.InfoWindow({\r\n content: '',\r\n position: results[0].geometry.location\r\n });\r\n newInfowindow.open(map);\r\n }\r\n }\r\n });\r\n }\r\n });\r\n };\r\n const toggleMap = () => {\r\n if (props.GoogleAPIData && dealerLocation && dealerLocation.lat && dealerLocation.lng) {\r\n let map = new google.maps.Map(document.getElementById('dealer-map'), {\r\n zoom: 14,\r\n center: dealerLocation,\r\n disableDefaultUI: true,\r\n zoomControl: true,\r\n mapTypeControlOptions: {\r\n mapTypeIds: [google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.HYBRID],\r\n streetViewControl: true\r\n }\r\n });\r\n\r\n let marker = new google.maps.Marker({ position: dealerLocation, map: map });\r\n let infowindow = new google.maps.InfoWindow({\r\n content: ''\r\n });\r\n\r\n marker.addListener('click', function () {\r\n infowindow.open(map, marker);\r\n });\r\n generateInfoWindow(map);\r\n }\r\n };\r\n const onClose = () => {\r\n props.toggleModal();\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n {props.Name}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default GoodleMapsLocationModal;","import Modal from '@Components/Shared/Modals/Modal';\r\nimport WebSavedSearchesList from '@Components/WebSavedSearches/WebSavedSearchesList';\r\nimport translator from '@Components/Utilities/Translator';\r\nimport { useWindowSize } from '@Components/Utilities/WindowSize';\r\n\r\nconst WebSavedSearchesModal = (props) => {\r\n const windowSize = useWindowSize();\r\n\r\n const onClose = () => {\r\n props?.onClose?.();\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n {translator.translate('sandhills.savedsearches')}\r\n \r\n \r\n \r\n Add and view saved searches
\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default WebSavedSearchesModal;","import { useMemo } from 'react';\r\nimport debounce from 'lodash/debounce';\r\nimport TranslationText from '@Components/Utilities/TranslationText';\r\nimport Modal from '@Components/Shared/Modals/Modal';\r\nimport { hasCurrentLongitudeAndLatitudeCookies } from '@Components/Utilities/CookieHelper';\r\n\r\nconst SortDropdown = (props) => {\r\n const DistanceSortValue = 6;\r\n const delayQuery = useMemo(() => debounce(e => props.OnChange(e), 500), [props.OnChange]);\r\n\r\n const changeSort = (e) => {\r\n let sort = parseInt(e.target ? e.target.value : e)\r\n if (props.setShowDistanceModal && sort === DistanceSortValue && !(hasCurrentLongitudeAndLatitudeCookies())) {\r\n props.setShowDistanceModal(true)\r\n } else {\r\n delayQuery(sort);\r\n } \r\n };\r\n\r\n const onClose = (e) => {\r\n props.toggleMobileSort();\r\n };\r\n\r\n const calculateSortHeight = () => {\r\n let sortHeight = 'auto';\r\n if (props.isFromNavBar) {\r\n sortHeight = props.openBar ? '39.5px' : '11.5px';\r\n }\r\n return sortHeight;\r\n } \r\n\r\n return (props.IsDesktop && !props.SortButton ?\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n {showEdit ?\r\n
textChange(props.truncateText(e.target.value, webSavedSearchNameCharCountLimit))}\r\n autoFocus={true}\r\n onKeyPress={onKeyPress}\r\n onFocus={e => { e.target.select(); }} />\r\n :\r\n {props.SearchName} \r\n }\r\n \r\n { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); toggleEdit(); } }} onClick={() => toggleEdit()} className={showEdit ? 'fas fa-save' : \"fas fa-pencil-alt\"} title={showEdit ? translator.translate('sandhills.photosvideos.savechanges') : translator.translate('sandhills.edit')} />\r\n { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); showEdit ? closeEdit() : props.removeWebSavedSearch(props.WebSavedSearchID) } }} onClick={() => showEdit ? closeEdit() : props.removeWebSavedSearch(props.WebSavedSearchID)} className={showEdit ? 'fas fa-x' : 'fas fa-trash'} title={showEdit ? translator.translate('sandhills.closepage') : translator.translate('sandhills.delete')} />\r\n
\r\n \r\n
\r\n {(!props.IsDefaultSearch || (props.IsDefaultSearch && currentWebsite?.Site?.IsBidcaller)) && !props.TurnOffDefaultSaveThisSearch &&\r\n \r\n }\r\n {currentUser.IsAuthenticated &&\r\n \r\n }\r\n
\r\n {props.ShowModal &&\r\n \r\n }\r\n \r\n );\r\n};\r\n\r\nexport default WebSavedSearchesButton;","import { useState } from 'react';\r\nimport TextField from '@mui/material/TextField';\r\nimport Button from '@mui/material/Button';\r\nimport LoadingRing from '@Components/MuiWrappers/LoadingRing';\r\nimport translator from '@Components/Utilities/Translator';\r\nimport { webSavedSearchNameCharCountLimit, webSavedSearchAuthenticatedLimit } from '@Components/Utilities/SandhillsConstants';\r\nimport atoms from '@Components/Utilities/SandhillsAtoms';\r\nimport { useRecoilValue } from 'recoil';\r\nimport WebSavedSearchItem from '@Components/WebSavedSearches/WebSavedSearchItem';\r\nimport { useWindowSize } from '@Components/Utilities/WindowSize';\r\n\r\n\r\nconst WebSavedSearchesList = (props) => {\r\n\r\n const [pendingSearchName, setPendingSearchName] = useState(props.PendingSearchName);\r\n const currentUser = useRecoilValue(atoms.currentUser);\r\n const windowSize = useWindowSize();\r\n\r\n const textboxStyles = {\r\n fontSize: windowSize.isMobile ? '14px' : '16px',\r\n marginLeft: '10px'\r\n };\r\n\r\n const buttonStyles = {\r\n fontWeight: '700'\r\n };\r\n\r\n const saveSearch = () => {\r\n props.saveCurrentSearch(pendingSearchName);\r\n };\r\n\r\n const truncateText = (text, maxLength) => {\r\n if (text.length <= maxLength) {\r\n return text;\r\n }\r\n return text.substr(0, maxLength);\r\n };\r\n const onKeyPress = (e) => {\r\n if (e.key === 'Enter') {\r\n props.saveCurrentSearch(pendingSearchName);\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n {props.Loading && }\r\n \r\n {props.PendingSave ?\r\n
\r\n
{translator.translate('sandhills.tradesites.mvc.savedsearchname')}
\r\n
= webSavedSearchAuthenticatedLimit}\r\n onChange={(e) => setPendingSearchName(truncateText(e.target.value, webSavedSearchNameCharCountLimit))}\r\n onKeyPress={onKeyPress} />\r\n {props.Message &&\r\n \r\n
{props.Message}
\r\n {props.WebSavedSearches?.length >= webSavedSearchAuthenticatedLimit && props.PendingSave &&\r\n
{ if (e.key === \"Enter\" || e.key === ' ') { e.preventDefault(); props.setPendingSave(!props.PendingSave); } }} onClick={() => props.setPendingSave(!props.PendingSave)} className='edit-link'>{translator.translate('sandhills.tradesites.mvc.editsearches')}
\r\n }\r\n
\r\n :\r\n <>\r\n {props.Message &&\r\n <>\r\n
{props.Message}
\r\n {props.WebSavedSearches?.length >= webSavedSearchAuthenticatedLimit && props.PendingSave &&\r\n
{ if (e.key === \"Enter\" || e.key === ' ') { e.preventDefault(); props.setPendingSave(!props.PendingSave); } }} onClick={() => props.setPendingSave(!props.PendingSave)} className='edit-link'>{translator.translate('sandhills.tradesites.mvc.editsearches')}
\r\n }\r\n \r\n }\r\n
\r\n {props.WebSavedSearches?.length > 0 &&\r\n <>\r\n {props.WebSavedSearches.map(s =>\r\n \r\n )}\r\n \r\n }\r\n
\r\n \r\n }\r\n
\r\n
\r\n \r\n {!props.IsHostedSite &&
}\r\n {(!props.IsHostedSite && props.InventoryHeader) && !props.InventoryHeader?.EventID && !props.IsBothEventTypesDealerPage &&\r\n
\r\n
\r\n {props.InventoryHeader.InventoryUrls && props.InventoryHeader.InventoryUrls.length > 0 && props.InventoryHeader.InventoryUrls.map(item =>\r\n
{item.DisplayText})}\r\n
\r\n
}\r\n
\r\n
\r\n \r\n
\r\n {!props.ShowLandingPage &&
}\r\n
\r\n {props.ShowPrintThis &&\r\n }\r\n {props.ShowEmailThis &&\r\n }\r\n
\r\n
\r\n
\r\n {props.UseNewListPageDesign && !windowSize.isNotMobile && !props.ShowLandingPage &&\r\n
\r\n
{ if (e.key === 'Enter') setNewView(!newView) }} id='list-toggle' aria-label={translator.translate('sandhills.listview')} title={translator.translate('sandhills.listview')} className={newView ? 'sort' : 'sort active'} onClick={() => { setNewView(!newView) }}>\r\n \r\n
\r\n
{ if (e.key === 'Enter') setNewView(!newView) }} id='grid-toggle' aria-label={translator.translate('sandhills.thumbnailview')} title={translator.translate('sandhills.thumbnailview')} className={newView ? 'sort active' : 'sort'} onClick={() => { setNewView(!newView) }}>\r\n \r\n
\r\n
\r\n }\r\n
\r\n \r\n {!props.ShowLandingPage &&\r\n }\r\n
\r\n \r\n {props.ShowLandingPage &&\r\n
}\r\n {!props.ShowLandingPage &&\r\n <>\r\n {props.UseNewListPageDesign && windowSize.isNotMobile &&\r\n
\r\n
\r\n
{ if (e.key === 'Enter') setNewView(!newView) }} id='list-toggle' aria-label={translator.translate('sandhills.listview')} title={translator.translate('sandhills.listview')} className={newView ? 'sort' : 'sort active'} onClick={() => { setNewView(!newView) }}>\r\n \r\n
\r\n
{ if (e.key === 'Enter') setNewView(!newView) }} id='grid-toggle' aria-label={translator.translate('sandhills.thumbnailview')} title={translator.translate('sandhills.thumbnailview')} className={newView ? 'sort active' : 'sort'} onClick={() => { setNewView(!newView) }}>\r\n \r\n
\r\n
\r\n
\r\n }\r\n {props.InventoryHeader &&\r\n
\r\n }\r\n {props.ErrorMessage &&
{props.ErrorMessage}
}\r\n
\r\n {topBannerAd && props.UseNewListPageDesign &&\r\n
\r\n }\r\n {(props.UseNewListPageDesign && newView) ?\r\n <>\r\n {props.PartsListings.map((item, index) =>\r\n\r\n
\r\n {item.GroupBannerText &&\r\n {item.GroupBannerText}
}\r\n \r\n {renderBannerAd(index)}\r\n )}\r\n \r\n :\r\n <>\r\n {props.PartsListings.map((item, index) =>\r\n\r\n
\r\n {item.GroupBannerText &&\r\n {item.GroupBannerText}
}\r\n \r\n {renderBannerAd(index)}\r\n )}\r\n \r\n }\r\n
\r\n {props.PaginationModel.TotalPages > 1 &&\r\n
}\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {splitArrayEvenly(props.TopManufacturers, 4).map(group =>\r\n
\r\n {group.map(link =>\r\n
)}\r\n
)}\r\n
\r\n
\r\n
\r\n {props.ViewAllManufacturers &&\r\n
}\r\n
\r\n
\r\n {\r\n (!currentSite.IsBetaSite && !props.UseNewListPageDesign) &&\r\n
\r\n }\r\n {searchInProgress &&\r\n
}\r\n {(currentSite.IsMobileAppContext || (windowSize.isMobile && props.UseBottomMobilePadding)) &&\r\n
\r\n }\r\n
` by default. You can change this\n * behavior by providing a `component` prop.\n * If you use React v16+ and would like to avoid a wrapping `
` element\n * you can pass in `component={null}`. This is useful if the wrapping div\n * borks your css styles.\n */\n component: PropTypes.any,\n\n /**\n * A set of `` components, that are toggled `in` and out as they\n * leave. the `` will inject specific transition props, so\n * remember to spread them through if you are wrapping the `` as\n * with our `` example.\n *\n * While this component is meant for multiple `Transition` or `CSSTransition`\n * children, sometimes you may want to have a single transition child with\n * content that you want to be transitioned out and in when you change it\n * (e.g. routes, images etc.) In that case you can change the `key` prop of\n * the transition child as you change its content, this will cause\n * `TransitionGroup` to transition the child out and back in.\n */\n children: PropTypes.node,\n\n /**\n * A convenience prop that enables or disables appear animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n appear: PropTypes.bool,\n\n /**\n * A convenience prop that enables or disables enter animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n enter: PropTypes.bool,\n\n /**\n * A convenience prop that enables or disables exit animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n exit: PropTypes.bool,\n\n /**\n * You may need to apply reactive updates to a child as it is exiting.\n * This is generally done by using `cloneElement` however in the case of an exiting\n * child the element has already been removed and not accessible to the consumer.\n *\n * If you do need to update a child as it leaves you can provide a `childFactory`\n * to wrap every child, even the ones that are leaving.\n *\n * @type Function(child: ReactElement) -> ReactElement\n */\n childFactory: PropTypes.func\n} : {};\nTransitionGroup.defaultProps = defaultProps;\nexport default TransitionGroup;","function _extends() {\n return module.exports = _extends = Object.assign ? Object.assign.bind() : function (n) {\n for (var e = 1; e < arguments.length; e++) {\n var t = arguments[e];\n for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);\n }\n return n;\n }, module.exports.__esModule = true, module.exports[\"default\"] = module.exports, _extends.apply(null, arguments);\n}\nmodule.exports = _extends, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _objectWithoutPropertiesLoose(r, e) {\n if (null == r) return {};\n var t = {};\n for (var n in r) if ({}.hasOwnProperty.call(r, n)) {\n if (-1 !== e.indexOf(n)) continue;\n t[n] = r[n];\n }\n return t;\n}\nmodule.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t