=\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
\n CAUTION: Following a recent Court of Appeal ruling, it is\n essential you capture a valid and accurate email address from the\n applicant. Failure to do so will delay the processing of this\n application.\n
\n )}\n \nCustomer 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 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 {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
\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 As a Motor Finance Broker, our aim is to obtain the best financial\n acceptance to fit your circumstance. We work with a selected panel of\n finance partners in order to help you obtain an acceptance. Please\n note, we are only able to offer finance products from our panel of\n lenders. We’re happy to provide information on the finance products we\n offer at any time.\n \n
\n
\n
\n
\n If you were introduced to us by a motor retailer, then we will also\n pay a commission to the retailer for the introduction. Details of the\n commission paid and how it is calculated will also be disclosed to you\n before you enter into your agreement.\n \n
\n
\n We will arrange a soft search of your credit file. The soft search\n provides us with a credit score that determines the interest rate and\n lender that we will use for your finance application. The soft search\n will show on your credit file but other lenders will be unable to see\n it and so it will not affect their lending decisions Our finance\n providers, in order to assess your creditworthiness, will check your\n information with credit reference agencies, and potentially fraud\n prevention agencies. They will also use the information that you have\n provided us to assist them in assessing your current status and\n affordability. It is important that all the information you provide is\n accurate and up to date.\n
\n Please note that we cannot guarantee an acceptance and all potential\n finance is subject to terms and status.\n
\n Before entering into any agreement, you should ensure you have fully\n read and understood the agreement you are considering entering into.\n
\n We encourage you to take the time to read through any documentation\n provided, and please do ask any questions you may have. It is\n incredibly important you understand the type of agreement you are\n entering into along with your rights under the agreement such as (but\n not limited too) Distance Selling and the 14-day rule, Post Contract\n and your rights if there is an issue with the vehicle, Cancellation\n and what would happen should you not be able to keep up with the\n repayments. Our team is happy to answer any questions or go through\n anything in further detail, please contact us on the above.\n
\n We will never provide you with a recommendation or advise you on\n certain products, however our partners will provide you with all the\n information required within your Pre-Contract Information to assist\n you in making an informed decision.{\" \"}\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