=\n | React.StatelessComponent
\n | React.ComponentClass
;\n\nexport default () => ({});\n","import React from \"react\";\nimport { usePageVisibility } from \"react-page-visibility\";\nimport { DismissableAlert } from \".\";\nimport { useActiveAlertMessages } from \"./AlertMessageQueries\";\nimport { AlertColor } from \"./types\";\n\n// Refresh every five minutes\nconst MESSAGE_REFRESH_INTERVAL = 1000 * 60 * 5;\n\nconst AlertMessages = () => {\n const isVisible = usePageVisibility();\n const activeAlertMessages = useActiveAlertMessages(\n isVisible ? MESSAGE_REFRESH_INTERVAL : undefined\n );\n return (\n <>\n {activeAlertMessages &&\n activeAlertMessages.map((message, i) => {\n message.color = AlertColor.info;\n if (!!message.redirectPath) {\n message.onClick = () => window.open(message.redirectPath, \"_blank\");\n }\n return \n Login succeeded, but the user is not authorised to access the Eurodrive\n dealer portal.\n \n Contact your account manager or Eurodrive technical support to log in.\n There has been an error on the Eurodrive server. \n Contact your account manager or Eurodrive technical support to log in.\n Your proposal has been submitted and is currently under review. Your account manager will soon be in touch with the outcome. \n To proceed enter your email address below. You will be sent\n an authorisation code which will grant access to your\n application.\n \n Enter your authorisation code and click the button to\n proceed to your finance application.\n \n \n {getSingleLineAddress(this.props.address)}\n {title}User is not authorised
\n \n
\n \n
\n Eurodrive motor finance
\n Dealer portal
\n \n Today's activity\n
\n Server error
\n \n
\n
Success!
\n \n Welcome to Eurodrive Motor Finance\n
\n
\n
{err}
: null}\nCustomer question
\n{additionalMessage}
\n ) : null}\nPage not found
\n\n Monthly Payment: {formatCurrency(monthlyPayment)}\n
\n\n {productType === ProductTypeEnum.PCP && (\nFinal rental {formatCurrency(guaranteedFutureValue)}
\n )}\n {false && (\n\n Total Amount Payable:{\" \"}\n {formatCurrency(\n finance + arrangementFee + completionFee + interestCharges\n )}\n
\n )}\nTerm {term} months
\n\n {commissionCode}\n
\n )}\n \n \n);\n\nconst MultiQuoteResultTable = ({\n quotationListResult,\n onSelectResult,\n loading,\n headerText,\n props,\n}: QuotationResultListProps & { props: FormikProps{alert.title}
: null}\n {alert.color === \"danger\" && process.env.NODE_ENV === \"development\" ? (\n{alert.message}\n ) : (\n alert.message\n )}\n {alert.count && alert.count > 1 ? (\n \n Error in this section\n
\n )}\n\n {(regNo || \"\").toUpperCase()}\n
\n{getSingleLineVehicle(values.vehicle)}
\n\n Make sure to add a middle name if you have one.\n
\n ) : (\n\n Make sure to add a middle name if the customer has one.\n
\n )}\n\n\n The customer name should be the same as it appears on the driving\n license or passport to successfully complete e-sign.\n
\n\n {shouldShowCustomerNameWarning(props.values) ? (\n\n
Customer question
\n\n Please ensure you explain the responsibilities of a\n secured finance agreement to the customer\n
\n ) : null}\n \n )}\n\n {vehicle.regNo.toUpperCase()}\n
\n ) : null}\n{getSingleLineVehicle(vehicle)}
\n\n Total Amount Payable:{\" \"}\n {formatCurrency(\n finance + arrangementFee + completionFee + interestCharges\n )}\n
\nTerm {term} months
\n\n {commissionCode}\n
\n )}\n \n \n);\n\nconst ProposalMultiQuoteResult = ({\n loading,\n multiQuoteResult,\n targetBy,\n props,\n onSelectResult,\n}: ProposalMultiQuoteResultProps & { props: FormikProps{result.lenderName}
\n\n Unable to quote for the selected vehicle and finance\n
\n {values.FORMSTATE_noQuotationResultsReasons\n ? values.FORMSTATE_noQuotationResultsReasons.map((x) => (\n\n
\n You can submit an application without a quote and we'll fix it for\n you\n
\nSaved Quotation:
\n \n\n {values.finance.productType === \"PCP\"\n ? `Balloon payment: ${formatCurrency(\n values.finance.balloonPayment\n )}`\n : null}\n
\n{`Period: ${values.finance.period} months`}
\n{`Product type: ${values.finance.productType}`}
\n {values.finance.aprRate && (\n\n {`APR rate: ${(\n Math.round(values.finance.aprRate * 100) /\n 100\n ).toFixed(2)}%`}\n
\n )}\n \n\n Unable to quote\n
\n ) : (\n\n Request a different loan type (optional)\n
\n\n For manually selected vehicles PCP or LP quotes have to be\n manually processed by one of our advisors. Please let us\n know if you want to convert your quote\n
\n\n {hasAddress(address) ? (\n getSingleLineAddress(address)\n ) : i > 0 ? (\n <>No previous address provided\n ) : (\n <>No current address provided\n )}\n
\n {address.ownership ? (\n\n Home ownership:{\" \"}\n {formatEnumValue(address.ownership)}\n
\n ) : null}\n {ValidateAddressDates(address) ? (\n\n {getMonthsAndYearsText(\n (address.yearsAtAddress\n ? address.yearsAtAddress\n : 0) *\n 12 +\n (address.monthsAtAddress\n ? address.monthsAtAddress\n : 0)\n )}\n
\n ) : null}\n {!validateAddress(address) ? (\n\n Home address section is incomplete\n
\n ) : null}\n\n {(errors.individualCustomer as any).homeAddressesError}\n
\n ) : null}\n \n ) : null}\n \n )}\n\n Make sure to add a middle name if the customer has one.\n
\n\n The customer name should be the same as it appears on their driving\n license or passport to successfully complete e-sign.\n
\n\n {director.title && director.forename && director.surname ? (\n \n Name: {`${director.title} ${director.forename} ${director.surname}`}\n \n ) : null}\n {director.dOB ? DOB: {director.dOB} : null}\n
\n\n {director.email ? (\n Email: {director.email}\n ) : null}\n {director.mobile ? Mobile: {director.mobile} : null}\n
\n {hasAddress(director.address) ? (\n\n Address: {getSingleLineAddress(director.address)}\n
\n ) : null}\n\n {director.owner && director.owner !== DirectorOwnerStatus.OTHER ? (\n \n Home ownership: {formatEnumValue(director.owner)}\n \n ) : director.owner === DirectorOwnerStatus.OTHER ? (\n director.otherStatus ? (\n Home ownership: {director.otherStatus}\n ) : null\n ) : null}\n {(director.homeMonths || director.homeMonths === 0) &&\n (director.homeYears || director.homeYears === 0) ? (\n \n {getMonthsAndYearsText(\n director.homeMonths + director.homeYears * 12\n )}\n \n ) : null}\n
\n \n );\n};\nclass DirectorsSection extends React.Component<\n FormSectionProps\n Director details section is incomplete\n
\n ) : null}\n\n {employmentDetails.employerName ? (\n \n Employer: {employmentDetails.employerName}\n \n ) : null}\n {employmentDetails.occupation ? (\n <>Occupation: {employmentDetails.occupation}\n ) : null}\n
\n\n {employmentDetails.employmentType\n ? formatEnumValue(employmentDetails.employmentType)\n : null}\n {employmentDetails.employmentStatus ? (\n <>\n {employmentDetails.employmentType ? \", \" : null}\n {formatEnumValue(employmentDetails.employmentStatus)}\n \n ) : null}\n {employmentDetails.employmentTerms ? (\n <>\n {employmentDetails.employmentType ||\n employmentDetails.employmentStatus\n ? \", \"\n : null}\n {formatEnumValue(employmentDetails.employmentTerms)}\n \n ) : null}\n\n {employmentDetails.yearsWithEmployer &&\n employmentDetails.monthsWithEmployer ? (\n <>\n {employmentDetails.employmentType ||\n employmentDetails.employmentStatus ||\n employmentDetails.employmentTerms\n ? \", \"\n : null}\n {getMonthsAndYearsText(\n employmentDetails.yearsWithEmployer * 12 +\n employmentDetails.monthsWithEmployer\n )}\n \n ) : null}\n
\n {employmentDetails.earnings ? (\n\n Earnings{\" \"}\n {employmentDetails.earningsPer ? (\n <>({formatEnumValue(employmentDetails.earningsPer)})\n ) : null}\n : {formatCurrency(employmentDetails.earnings)}{\" \"}\n
\n ) : null}\n {employmentDetails.address ? (\n\n {hasAddress(employmentDetails.address) ? <>Address: : null}\n {getSingleLineAddress(\n employmentDetails.address ? employmentDetails.address : {}\n )}\n
\n ) : null}\n \n );\n};\n\nclass EmploymentHistorySection extends React.Component<\n FormSectionProps\n Employer section is incomplete\n
\n )}\n\n {\n (errors.individualCustomer as any)\n .employmentDetailsError\n }\n
\n ) : null}\n \n ) : null}\n \n )}\n\n
\n )\n);\n","import * as React from \"react\";\nimport { Link as RouterLink } from \"react-router-dom\";\nimport { Breadcrumb, BreadcrumbItem } from \"reactstrap\";\n\ninterface PageBreadcrumbProps {\n breadcrumbs: {\n to: string;\n title: string;\n active?: boolean;\n }[];\n}\n\nconst Breadcrumbs = ({\n breadcrumbs,\n className\n}: PageBreadcrumbProps & {\n className?: string;\n}) => (\n Customer question
\n\n{dealer.name}
\n ) : null\n ) : (\n\n The personal information we have collected from you will be shared\n with fraud prevention agencies who will use it to prevent fraud and\n money-laundering and to verify your identity. If fraud is detected,\n you could be refused certain services, finance, or employment. Further\n details of how your information will be used by us and these fraud\n prevention agencies, and your data protection rights, can be found on\n our{\" \"}\n \n Terms and conditions\n {\" \"}\n page.\n
\n\n\n As we use a soft credit search, this allows you to obtain quotes\n without affecting your credit rating. These, however, may be visible\n on your credit report but will not display the search, on you, in the\n same manner as a full credit check until you decide to proceed with a\n full application for the loan. However, searches made by external\n lenders on our panel may show on your credit profile, depending on the\n type of search they use. Should you require further information please\n review our privacy policy para.6 .{\" \"}\n \n ‘Compliance with Laws’\n {\" \"}\n
\n\n You are about to start the direct deal process for an individual\n customer. To proceed, confirm the details below are correct.\n
\nThis action cannot be undone.
\n \n\n New proposal\n {customerName ? (\n - {customerName}\n ) : null}\n
\n\n
\n {index > 0 ? `Previous Employer ${index}` : \"Current Employer\"}\n
\nCustomer questions
\n\n Please ensure you explain the responsibilities of a secured\n finance agreement to the customer\n
\n )}\nImportant: Please Read
\n \nInitial Disclosure Document
\n \n\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {term} monthly payments: {formatCurrency(monthlyPayment)}{\" \"}\n {monthlyPayment === lowestProductPayment &&\n targetBy !== QuotationTargetBy.MONTHLY_PAYMENT ? (\n
\n Balloon payment: {formatCurrency(guaranteedFutureValue)}\n
\n\n APR: {(Math.round(aprRate * 100) / 100).toFixed(2)}%\n
\n\n Flat rate: {(Math.round(flatRate * 100) / 100).toFixed(2)}%\n
\n {showCommission ? (\nScheme code: {commissionCode}
\n ) : null}{\" \"}\n\n Could not quote for some {productType} products\n
\n- \n {unableToQuoteList.map(({ term, messages }) => (\n
- \n
\n {productType} finance, {term} months\n
\n {messages.map((message) => (\n{message}
\n ))}\n \n ))}\n
\n Please continue with the application and we'll get back to you\n with a quote as soon as we can\n
\n \n\n Unable to quote for {productType} at {term} months:\n
\n {messages.map((x) => (\n\n
{fullName}
: null}\n {cAP ? (\n <>\n\n {regNo ? (\n {`${regNo.toUpperCase()}, `}\n ) : null}\n {make} {model}\n
\n\n {style}\n {mileage && !vehicleErrors.mileage ? (\n <>, {mileage} miles\n ) : null}\n {maxAnnualMileage && !vehicleErrors.maxAnnualMileage ? (\n <>, Max {maxAnnualMileage} miles per year\n ) : null}\n
{\" \"}\n \n ) : null}\n {vehicleErrors.length ? (\n <>\n\n \n ) : null}\n \n
\n Make sure to add a middle name if the customer has one.\n
\n\n The customer name should be the same as it appears on\n their driving license or passport to successfully\n complete e-sign.\n
\n\n\n Vehicle details are incomplete\n
\n ) : null}\n\n\n Monthly Payment: {formatCurrency(monthlyPayment)}\n
\n\n\n Total Amount Payable:{\" \"}\n {formatCurrency(\n finance + arrangementFee + completionFee + interestCharges\n )}\n
\nTerm {term} months
\n\n {commissionCode}\n
\n )}\n \n \n);\n\nconst MultiQuoteResultSmallTable = ({\n quotationListResult,\n onSelectResult,\n loading,\n headerText,\n props,\n}: QuotationResultListProps & { props: FormikProps{result.lenderName}
\n\n
{result.lenderName}
\n\n Bank account not found\n
\n )}\n \n );\n }\n\n private handleClick(e: any) {\n e.preventDefault();\n const {\n validateFormData,\n onBankAccountValidated,\n accountNumber,\n sortCode\n } = this.props;\n\n validateFormData().then(formIsValid => {\n const { client } = this.props;\n\n if (formIsValid && accountNumber && sortCode) {\n this.setState({ loading: true });\n client\n .query