\r\n \r\n Sort by\r\n \r\n \r\n setShow(false)}\r\n show={show}\r\n placement=\"bottom\"\r\n transition={false}\r\n >\r\n \r\n \r\n {Object.keys(sortFields).map((sortFieldName) => (\r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n )\r\n}\r\n","import { Alert } from 'react-bootstrap'\r\nimport styled from 'styled-components'\r\n\r\nexport const StyledUnwatchPlaceholderAlert = styled(Alert).attrs({\r\n variant: 'warning'\r\n})`\r\n min-height: 5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.4rem;\r\n`\r\n\r\nexport const StyledAddWatchListSpan = styled.span`\r\n color: ${({ theme }) => theme.colors.linkColor};\r\n cursor: pointer;\r\n`\r\n\r\nexport const StyledRemovedWatchListPlaceHolder = styled.div``\r\n","import { VehicleDetailsView } from 'common/constants'\r\nimport { VehicleContext } from 'modules/DealerVehicleManagement/VehicleContext'\r\nimport { useContext, useMemo } from 'react'\r\nimport { Col, Row, Spinner } from 'react-bootstrap'\r\nimport { useGlobalStore } from 'store/useGlobalStore'\r\nimport { IVehicleInfo } from 'types/vehicleTypes'\r\nimport shallow from 'zustand/shallow'\r\n\r\nimport {\r\n StyledAddWatchListSpan,\r\n StyledRemovedWatchListPlaceHolder,\r\n StyledUnwatchPlaceholderAlert\r\n} from './UnwatchPlaceholder.styled'\r\n\r\ninterface IProps {\r\n vehicleInfo: IVehicleInfo\r\n viewStyle?: VehicleDetailsView\r\n}\r\nexport const UnwatchPlaceholder = ({ vehicleInfo, viewStyle = VehicleDetailsView.List }: IProps) => {\r\n const isListView = useMemo(() => viewStyle === VehicleDetailsView.List, [viewStyle])\r\n const getLocalText = useGlobalStore((state) => state.getLocalText, shallow)\r\n const {\r\n vehicleWatchListState: { isSaving, saveWatchList }\r\n } = useContext(VehicleContext)\r\n\r\n return (\r\n \r\n
\r\n ))}\r\n {sortFieldName}
\r\n \r\n {sortFields[sortFieldName].map((sortOption, i) => (\r\n handleSortChange(sortOption.Value)}\r\n className={`btn-sort ${sortOption.Value === currentSort.Value ? 'active' : ''}`}\r\n >\r\n {sortOption.SortOrder === SortOrder.ASC ?
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n BMW GROUP DIRECT'\r\nexport const NISSAN_LOGIN_TITLE = 'WELCOME TO
NISSAN'\r\nexport const FORGOT_USER_ID = 'To recover your User ID, please contact Customer Care at: 844-266-0437'\r\nexport const FORBIDDEN_PAGE = 'You are not allowed to access this page'\r\nexport const NO_COMMENT_FROM_API_MESSAGE = 'No Data from API'\r\n","import { Modal } from 'react-bootstrap'\r\nimport styled from 'styled-components'\r\n\r\ninterface IProps {\r\n carouselSize: number\r\n}\r\n\r\nexport const StyledSlideshowGallery = styled(Modal)
\r\n \r\n {({ zoomIn, zoomOut, resetTransform }) => (\r\n \r\n {\r\n handleGoPrevious()\r\n resetTransform(0)\r\n }}\r\n >\r\n {\r\n handleGoNext()\r\n resetTransform(0)\r\n }}\r\n >\r\n \r\n )}\r\n \r\n
\r\n {images?.length > 0 && showCarousel && (\r\n resetTransform(0)}>\r\n \r\n \r\n
\r\n \r\n zoomIn()}\r\n />\r\n zoomOut()}\r\n />\r\n
\r\n \r\n \r\n \r\n {images.map((item, imageIndex) => (\r\n {\r\n handleImageChange(imageIndex)\r\n }}\r\n title={item.DamageImageDescription || item.Description}\r\n />\r\n \r\n ))}\r\n
\r\n \r\n ))}\r\n \r\n
\r\n )}\r\n \r\n {!WatchListID || WatchListID <= 0 ? (\r\n \r\n
\r\n )}\r\n \r\n {label}\r\n \r\n
\r\n \r\n )\r\n}\r\n","import { CollapseProps, Collapse as BootstrapCollapse } from 'react-bootstrap'\r\n\r\nconst Collapse = ({ children, ...restProps }: CollapseProps) => {\r\n return (\r\n {children}
\r\n \r\n {JSON.stringify(stockwaveData)}\r\n \r\n )\r\n}\r\n","import styled from 'styled-components'\r\nimport { StyledSlideOutElement } from './SlideOut.styled'\r\n\r\nexport const StyledSlideOutHeading = styled(StyledSlideOutElement)`\r\n color: ${({ theme }) => theme.colors.headerFontColor};\r\n .title {\r\n font-size: 2.6rem;\r\n }\r\n .vin {\r\n font-size: 1.8rem;\r\n }\r\n`\r\n","import { StyledSlideOutHeading } from './SlideOutHeading.styled'\r\n\r\ninterface IProps {\r\n vehicleTitle: string\r\n vin: string\r\n}\r\nexport const SlideOutHeading = ({ vehicleTitle, vin }: IProps) => {\r\n return (\r\n {vehicleTitle}
\r\n{vin}
\r\n\r\n setBidAmountText(e.target.value)}\r\n onBlur={(e) => {\r\n const bidAmount = parseNumberWithCommas(e.target.value)\r\n handleBidAmountChange(roundUpToNearest(bidAmount, formik.values.BidAmount, bidIncreasement))\r\n }}\r\n value={bidAmountText}\r\n onKeyPress={(event) => {\r\n if (event.charCode === EnterKeyCharCode) {\r\n const bidAmount = parseNumberWithCommas(bidAmountText)\r\n handleBidAmountChange(roundUpToNearest(bidAmount, formik.values.BidAmount, bidIncreasement))\r\n }\r\n }}\r\n />\r\n\r\n {\r\n handleBidAmountChange(formik.values.BidAmount + bidIncreasement)\r\n }}\r\n >\r\n {\r\n handleBidAmountChange(formik.values.BidAmount - bidIncreasement)\r\n }}\r\n >\r\n
\r\n\r\n {formik.errors.BidAmount && formik.touched.BidAmount && (\r\n \r\n Total Transaction Charges:\r\n \r\n {feeLoading ?
\r\n Total Delivery Charge: {deliveryCharge || 'N/A'}\r\n
\r\n {vehicleCharges?.map((charge, index) => (\r\n\r\n {charge.VehicleChargeTypeDescription}: {charge.PriceString}\r\n
\r\n ))}\r\n {!isIncentiveAccumulate &&\r\n incentives?.map((incentive, index) => (\r\n\r\n {incentive.Name}: {incentive.AmountString}\r\n
\r\n ))}\r\n\r\n Estimated Gross Price: \r\n {isNaN(estimatedGrossPrice) ? (\r\n 'N/A'\r\n ) : feeLoading ? (\r\n
\r\n {auctionInfo && {auctionInfo.CurrentPriceString} }\r\n {!auctionInfo && {vehicleInfo.FinalPriceString} }\r\n
\r\n )}\r\n \r\n ) : (\r\n \r\n \r\n \r\n {auctionInfo.IsHighestBidder ? getLocalText('WINNING', 'winning') : getLocalText('OUTBID', 'outbid')}\r\n \r\n \r\n
\r\n )}\r\n {vehicleInfo.StatusID !== VehicleStatuses.SoldNotFunded && Boolean(vehicleInfo.WatchListID) && (\r\n \r\n \r\n watching\r\n \r\n
\r\n )}\r\n \r\n setShowGotoPage(true)} />\r\n
\r\n \r\n )\r\n}\r\n","import { PageSizeOptions, PAGINATION_ITEM_SIZE } from 'common/constants'\r\nimport { DropdownList } from 'layouts/DropdownList'\r\nimport { useState } from 'react'\r\nimport { Pagination, PaginationProps } from 'react-bootstrap'\r\nimport { generatePageItems } from 'utils/pagingUtils'\r\nimport { StyledPagination } from './Paging.styled'\r\nimport { OverlayEllipsis } from './OverlayEllipsis'\r\n\r\ninterface IProps extends PaginationProps {\r\n currentPageSize?: number\r\n totalPages: number\r\n currentPage: number\r\n showRecordsPerPage?: boolean\r\n handlePageSizeChanged?: (pageSizeSelected: number) => void\r\n handleChangedPage?: (pageNum: number) => void\r\n}\r\n\r\nexport const Paging = ({\r\n currentPageSize,\r\n handlePageSizeChanged,\r\n totalPages,\r\n currentPage,\r\n showRecordsPerPage = true,\r\n handleChangedPage,\r\n ...props\r\n}: IProps) => {\r\n const [goToPageValue, setGoToPageValue] = useState\r\n Records per page:\r\n ({ id: size.toString(), value: size.toString() }))}\r\n onChange={handlePageSizeChanged}\r\n />\r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n {vehicleTitle}\r\n
\r\n\r\n \r\n VIN: \r\n \r\n {vehicleVin}\r\n
\r\n \r\n {message}\r\n
\r\n \r\n VIN: {vehicleInfo.VIN}\r\n
\r\n\r\n Document: \r\n enableDisclosureControl()}>\r\n View Disclosure Document\r\n \r\n
\r\n{errorMessages['ShowGenericMessage']}
\r\n \r\n\r\n addVehicleNote(values.VehicleNote)}\r\n >\r\n {(props) => (\r\n \r\n )}\r\n \r\n
\r\n ) : (\r\n <>\r\n {VehicleNote && !loading && (\r\n \r\n \r\n \r\n \r\n {VehicleNote}\r\n \r\n }\r\n >\r\n {` ${VehicleNote}`}\r\n \r\n
\r\n )}\r\n \r\n )}\r\n \r\n {documents.map(({ ID, DocumentDescription, FileName, DocumentURL }) => (\r\n
\r\n )}\r\n \r\n
\r\n ))}\r\n window.open(DocumentURL, \"_parent'\")}>\r\n {!!DocumentDescription && (\r\n
\r\n \r\n \r\n {vehiclePurchase.TotalPriceString}\r\n
\r\n \r\n \r\n {vehiclePurchase.PreAdjustmentPriceString}\r\n
\r\n \r\n \r\n {formatDate(vehiclePurchase.PurchaseDate, 'DD t')}\r\n
\r\n \r\n \r\n {vehiclePurchase.InvoiceNumber}\r\n
\r\n \r\n \r\n {vehiclePurchase.PaymentType}\r\n
\r\n \r\n \r\n {vehiclePurchase.Location}\r\n
\r\n \r\n
\r\n \r\n
\r\n TOP\r\n \r\n Connection to real time bid information has been lost. Please\r\n window.location.reload()}>\r\n click here \r\n \r\n to reload this page\r\n
\r\n \r\n )}\r\n \r\n )\r\n}\r\n","import { Modal } from 'react-bootstrap'\r\nimport styled from 'styled-components'\r\n\r\nexport const HeaderStyled = styled(Modal.Header)`\r\n font-size: 1.6rem;\r\n`\r\n","import { Modal } from 'react-bootstrap'\r\nimport { HeaderStyled } from './LinkNameModal.styled'\r\n\r\ninterface ILinkNameModal {\r\n show: boolean\r\n handleClose: () => void\r\n bodyText: string\r\n}\r\n\r\nexport const LinkNameModal = ({ show, handleClose, bodyText }: ILinkNameModal) => {\r\n return (\r\n <>\r\n\r\n {make}\r\n \r\n {modelType}\r\n \r\n
\r\n \r\n {yearModel.year} \r\n \r\n \r\n {`(${yearModel.total})`}\r\n \r\n \r\n
\r\n ))}\r\n {isNewInventoryView ? NO_NEW_INVENTORY_MESSAGE : GENERIC_NO_VEHICLE_AVAILABLE_MESSAGE}
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {vehicleBids?.length > 0 ? (\r\n vehicleBids.map((item) => (\r\n \r\n \r\n ))\r\n ) : (\r\n
\r\n \r\n {vehicles?.length > 0 ? (\r\n vehicles.map((item) => (\r\n \r\n \r\n ))\r\n ) : (\r\n
\r\n {allowedRules?.some((rule) => isInRule(rule)) && children}
\r\n}\r\n\r\nexport const Dashboard = () => {\r\n const { endPageLoad } = useDtmAnalytics()\r\n const { fetchFilters } = useSrpFiltersStore((state) => state, shallow)\r\n const { loading } = useFetch(() => fetchFilters())\r\n const location = useLocation()\r\n\r\n useLayoutEffect(() => {\r\n window.sessionStorage.removeItem(SessionStorageKey.SEARCH_FILTERS)\r\n window.sessionStorage.removeItem(SessionStorageKey.VEHICLE_INSTANCES)\r\n setListingBreadcrumb('Dashboard', location.pathname)\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (!loading) {\r\n endPageLoad()\r\n }\r\n }, [loading, endPageLoad])\r\n\r\n return (\r\n {message}
\r\n\r\n \r\n \r\n
\r\n \r\n exportView(selectedVehicles, vehicles, value as never)}>\r\n \r\n \r\n \r\n \r\n Excel \r\n PDF \r\n \r\n \r\n
\r\n )}\r\n noActivityMessage={getLocalText('NO_WATCHLIST_VEHICLES', BUY_VEHICLE_NO_ACTIVITY.WATCH_LIST)}\r\n />\r\n\r\n {textRenderFn ? textRenderFn(state.valueNow) : state.valueNow}
\r\n \r\n {sessionStorage.getItem(SessionStorageKey.SEARCH_DESCRIPTION) || 'SELECTED FILTERS:'}\r\n
\r\n \r\n {filtersData?.some((f) => f.ChildrenFilter.some((cf) => cf.Selected)) && (\r\n x.ChildrenFilter).filter((f) => f.Selected === true)}\r\n onRemoveFilter={deleteTagHandler}\r\n onCollapsed={handleSize}\r\n >\r\n )}\r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n {localText && (\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\n \r\n \r\n {!userClaimLoading && isAuthenticated ? (\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\n )}\r\n
\r\n )\r\n}\r\n","import { useFetch } from './useFetch'\r\nimport { useGlobalStore } from 'store/useGlobalStore'\r\nimport shallow from 'zustand/shallow'\r\n\r\nexport const useFetchUserClaim = () => {\r\n const [userClaims, isAuthenticated, fetchUserClaim] = useGlobalStore(\r\n (state) => [state.userClaims, state.isAuthenticated, state.fetchUserClaim],\r\n shallow\r\n )\r\n\r\n const { loading, error } = useFetch(async () => {\r\n if (isAuthenticated && !userClaims?.UserId) {\r\n await fetchUserClaim()\r\n }\r\n }, [isAuthenticated])\r\n\r\n return { loading, error }\r\n}\r\n","/* eslint-disable import/first */\r\nimport 'react-app-polyfill/ie11'\r\nimport 'core-js/es/array'\r\nimport 'core-js/es/object'\r\nimport React from 'react'\r\n\r\nimport ReactDOM from 'react-dom'\r\nimport { App } from 'App'\r\nif ((process.env.NODE_ENV as any) === 'mock') {\r\n const { worker } = require('./mocks/browser')\r\n worker.start()\r\n}\r\n\r\nReactDOM.render(\r\n - \r\n
- \r\n
{TERM_AND_CONDITION} \r\n \r\n {!_.isNil(isSSO) && !isSSO && (\r\n - \r\n
{getLocalText && getLocalText('LOGOUT', 'Logout')} \r\n \r\n )}\r\n - \r\n
{parse(intl.formatMessage({ id: MultiLanguageCode.CONTACT_US }))} \r\n \r\n
\r\n \r\n
\r\n \r\n {associatedBuyers.map((item) => (\r\n \r\n
\r\n {!isSSO && (\r\n \r\n
\r\n {isOveUser && (\r\n\r\n \r\n )}\r\n {userFunctionalities?.map(\r\n (item) =>\r\n !!item && (\r\n handlePortalMenuItemClick(item)}\r\n >\r\n {iconDict[item.MenuItem.Name]}\r\n {item.MenuItem.Text}\r\n \r\n )\r\n )}\r\n
\r\n )}\r\n \r\n {isOveUser && (\r\n