{"version":3,"sources":["types/index.ts","components/Loading.tsx","types/config.ts","types/CustomError.ts","helpers/fetchHelper.ts","components/ValidationMessage.tsx","helpers/utils.ts","components/FormError.tsx","pages/UserRequestPage.tsx","hooks/useForm.tsx","components/FormField.tsx","pages/CreditFormPage.tsx","pages/CreditFormSuccessPage.tsx","pages/NotFoundPage.tsx","App.tsx","index.tsx"],"names":["FieldType","GroupTypeEnum","MessageType","Loading","className","type","color","height","width","config","ApiBaseUrl","process","Recaptcha_SiteKey","CustomError","message","data","validationErrors","Error","fetchHelper","url","method","fetch","body","JSON","stringify","undefined","headers","then","response","ok","statusText","status","json","catch","resJson","errorMessage","fetchText","ValidationMessage","props","children","trimValues","Object","keys","forEach","k","trim","removeWhitespaces","value","replace","formatUrl","test","FormError","errors","length","map","err","i","UserRequestPage","useState","loading","setLoading","setMessage","setErrors","initState","formData","setFormData","onInputChange","e","target","name","prevState","onInputBlur","onTextareaChange","onTextareaBlur","onChangeWithKey","key","resetForm","useForm","FirstName","LastName","EmailAddress","PhoneNumber","CompanyName","CompanyReg","CompanyWebsite","OrganisationalCode","CompanyAddress","CompanyAddress1","CompanyPostCode","CompanyCity","CompanyCountry","EVCGFContactName","EVCGFContactEmailAddress","useEffect","document","title","onSubmit","window","scrollTo","SUCCESS","text","ERROR","reduce","p","n","style","onChange","onBlur","maxLength","classnames","error","onClick","FormField","label","descriptionTop","description","field","halfField","halfInput","checkBoxLabel","meta","useField","startDate","setStartDate","country","setCountry","INPUT","TEXTAREA","CHECKBOX","setValue","currentTarget","checked","margin","DATEPICKER","id","dateFormat","selected","autoComplete","date","dateUTC","Date","getTime","COUNTRYSELECTOR","val","valueType","CURRENCYSELECTOR","Code","selectType","CreditFormPage","history","useHistory","validationSchema","yup","ACSContact","required","email","matches","max","companyName","TradingAddress1","TradingAddress2","TradingCity","TradingPostCode","TradingCountyCode","TradingCountryCode","AccountContact","TelephoneNo","FaxNo","AccountsEMailAddress","RegisteredOfficeAddress1","RegisteredOfficeAddress2","RegisteredOfficeCity","RegisteredOfficePostCode","RegisteredOfficeCountyCode","RegisteredOfficeCountryCode","VATNo","CompanyDefermentNo","IssuedAndPaidUpCapital","UltimateParent","FinancialDirector","AuditorsNameAddress1","AuditorsNameAddress2","AuditorsNameCity","AuditorsNameCounty","AuditorsNamePostCode","AuditorsNameCountryCode","BankNameAddress1","BankNameAddress2","BankNameCity","BankNameCounty","BankNamePostCode","BankNameCountryCode","AuditorsName","BankName","SortCode","AmountOfCreditRequired","AmountOfCreditRequiredCurrency","shape","Name","TermsAndConditions","oneOf","Token","useCallback","element","setSubmitting","requestBody","BIFATerms","getElementById","push","pathname","initialValues","tradingName","AccountsEmailAddress","DateIncorporated","AuditorsNameAddress","BankNameAddress","validateOnChange","validateOnBlur","isSubmitting","setFieldValue","component","textAlign","marginBottom","href","rel","marginTop","sitekey","onVerify","onExpire","disabled","CreditFormSuccessPage","NotFoundPage","App","exact","path","render"],"mappings":"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","file":"static/js/main.5442afde.chunk.js","sourcesContent":["export enum FieldType {\r\n    INPUT = 0,\r\n    TEXTAREA = 1,\r\n    CHECKBOX = 2,\r\n    DATEPICKER = 3,\r\n    COUNTRYSELECTOR = 4,\r\n    CURRENCYSELECTOR = 5,\r\n}\r\n\r\nexport interface CreditForm {\r\n    ACSContact: string;\r\n    companyName: string;\r\n    tradingName?: string;\r\n    TradingAddress1: string;\r\n    TradingAddress2?: string;\r\n    TradingCity: string;\r\n    TradingPostCode: string;\r\n    TradingCountyCode: string;\r\n    TradingCountryCode: string;\r\n    AccountContact?: string;\r\n    TelephoneNo: string;\r\n    FaxNo?: string;\r\n    AccountsEmailAddress: string;\r\n    RegisteredOfficeAddress1: string;\r\n    RegisteredOfficeAddress2?: string;\r\n    RegisteredOfficeCity: string;\r\n    RegisteredOfficePostCode: string;\r\n    RegisteredOfficeCountyCode: string;\r\n    RegisteredOfficeCountryCode: string;\r\n    CompanyReg?: string;\r\n    VATNo?: string;\r\n    CompanyDefermentNo?: string;\r\n    DateIncorporated?: Date | string;\r\n    IssuedAndPaidUpCapital?: string;\r\n    UltimateParent?: string;\r\n    FinancialDirector?: string;\r\n    SortCode?: string;\r\n    AmountOfCreditRequired?: number | string;\r\n    AmountOfCreditRequiredCurrency?: { Code: string; }\r\n    Name?: string;\r\n    TermsAndConditions: boolean;\r\n    BIFATerms: boolean;\r\n    AuditorsName?: string;\r\n    AuditorsNameAddress?: string;\r\n    AuditorsNameAddress1?: string;\r\n    AuditorsNameAddress2?: string;\r\n    AuditorsNameCity?: string;\r\n    AuditorsNameCounty?: string;\r\n    AuditorsNamePostCode?: string;\r\n    AuditorsNameCountryCode?: string;\r\n    BankName?: string;\r\n    BankNameAddress?: string;\r\n    BankNameAddress1?: string;\r\n    BankNameAddress2?: string;\r\n    BankNameCity?: string;\r\n    BankNameCounty?: string;\r\n    BankNamePostCode?: string;\r\n    BankNameCountryCode?: string;\r\n    Token?: string;\r\n}\r\n\r\nexport enum GroupTypeEnum {\r\n    Organisation = 0,\r\n    Company = 1,\r\n    Group = 2,\r\n}\r\n\r\nexport type SecurityGroup = {\r\n    id: number;\r\n    name: string;\r\n    description: string;\r\n};\r\n\r\nexport enum MessageType {\r\n    ERROR = \"error\",\r\n    SUCCESS = \"success\",\r\n}\r\n\r\nexport type Message = {\r\n    type: MessageType;\r\n    text: string | undefined;\r\n};\r\n\r\nexport interface ObjectResult<T = void> {\r\n    success: boolean;\r\n    errorList: string[];\r\n    message?: string;\r\n    response: T;\r\n}\r\n","import React from \"react\";\r\nimport Loader from \"react-loader-spinner\";\r\n\r\nconst Loading = () => (\r\n    <div className=\"loading-overlay\">\r\n        <Loader type=\"Oval\" color=\"#000000\" height={60} width={60} />\r\n    </div>\r\n);\r\n\r\nexport default Loading;","type ConfigType = {\r\n    ApiBaseUrl: string;\r\n    Recaptcha_SiteKey: string;\r\n}\r\n\r\nconst config: ConfigType = {\r\n    ApiBaseUrl: process.env.REACT_APP_API_BASEURL ?? \"\",\r\n    Recaptcha_SiteKey: process.env.REACT_APP_RECAPTCHA_SITEKEY ?? \"\"\r\n};\r\n\r\nexport default config;","type ValidationError = {\r\n    name: string;\r\n    errors: string[];\r\n}\r\n\r\nexport default class CustomError extends Error {\r\n    data?: any;\r\n    validationErrors: ValidationError[] | undefined;\r\n\r\n    constructor(message?: string, data?: any) {\r\n        super(message);\r\n        this.data = data;\r\n        this.validationErrors = data?.validationErrors;\r\n    }\r\n}","import config from \"../types/config\";\r\nimport CustomError from \"../types/CustomError\";\r\n\r\ntype MethodType = \"GET\" | \"POST\" | \"PUT\" | \"DELETE\";\r\n\r\nconst fetchHelper = async (url: string, method: MethodType, data?: any) => {\r\n    return fetch(config.ApiBaseUrl + url, {\r\n        method,\r\n        body: data ? JSON.stringify(data) : undefined,\r\n        headers: {\r\n            \"Content-Type\": \"application/json\"\r\n        }\r\n    })\r\n        .then(async (response) => {\r\n            if (!response.ok) {\r\n                let statusText = \"An error occured\";// response.statusText;\r\n\r\n                switch (response.status) {\r\n                    case 401:\r\n                        statusText = \"Not authenticated\";\r\n                        break;\r\n                    case 403:\r\n                        statusText = \"Access forbidden\";\r\n                        break;\r\n                    case 404:\r\n                        statusText = \"Endpoint not found\";\r\n                        break;\r\n                }\r\n\r\n                const resJson = await response.json().catch(() => null);\r\n                if (resJson?.errorMessage && resJson.errorMessage !== \"\") {\r\n                    statusText = resJson.errorMessage;\r\n                }\r\n\r\n                throw new CustomError(statusText, resJson);\r\n            }\r\n\r\n            return response;\r\n        });\r\n};\r\n\r\nexport const fetchJson = (url: string, method: MethodType, data?: any) => {\r\n    return fetchHelper(url, method, data)\r\n        .then(response => response.json().catch(() => null));\r\n};\r\n\r\nexport const fetchText = (url: string, method: MethodType, data?: any) => {\r\n    return fetchHelper(url, method, data)\r\n        .then(response => response.json().catch(() => null));\r\n};","import React, { FC, ReactNode } from \"react\";\r\nimport { MessageType } from \"../types\";\r\n\r\ntype ValidationMessageProps = {\r\n    type: MessageType;\r\n    children?: ReactNode;\r\n};\r\n\r\nconst ValidationMessage: FC<ValidationMessageProps> = (props) => (\r\n    <div className={`validation-${props.type}`}>\r\n        {props.children}\r\n    </div>\r\n);\r\n\r\nexport default ValidationMessage;","export const trimValues = (data: any) => {\r\n    Object.keys(data).forEach((k) => {\r\n        if (data[k] != null && typeof data[k] === \"string\") {\r\n            data[k] = data[k].trim();\r\n        }\r\n    });\r\n};\r\n\r\nexport const removeWhitespaces = (value: string | undefined | null) => {\r\n    if (value == null) return \"\";\r\n    // trim value and strip consecutive space chars\r\n    return value.trim().replace(/ {2,}/g, \" \");\r\n};\r\n\r\nexport const formatUrl = (value: string | undefined | null) => {\r\n    value = removeWhitespaces(value);\r\n    if (value == null || value === \"\") return \"\";\r\n\r\n    const pattern = /^((http|https|ftp):\\/\\/)/;\r\n\r\n    if (!pattern.test(value)) {\r\n        value = \"http://\" + value;\r\n    }\r\n\r\n    return value;\r\n};\r\n\r\nexport const textToBase64 = (text: string) => {\r\n    return btoa(text);\r\n};\r\n","import React, { FC } from \"react\";\r\n\r\ntype FormErrorProps = {\r\n    errors: string[] | undefined;\r\n};\r\n\r\nexport const FormError: FC<FormErrorProps> = props => {\r\n    if (props.errors == null || props.errors.length === 0) return null;\r\n\r\n    return (\r\n        <div>\r\n            {props.errors.map((err, i) => (\r\n                <div key={i} className=\"error-text\">\r\n                    {err}\r\n                </div>\r\n            ))}\r\n        </div>\r\n    );\r\n};\r\n","import React, { FC, useEffect, useState } from \"react\";\r\nimport { MessageType, Message } from \"../types\";\r\nimport Loading from \"../components/Loading\";\r\nimport { fetchJson } from \"../helpers/fetchHelper\";\r\nimport CustomError from \"../types/CustomError\";\r\nimport ValidationMessage from \"../components/ValidationMessage\";\r\nimport { useForm } from \"../hooks/useForm\";\r\nimport { formatUrl } from \"../helpers/utils\";\r\nimport { FormError } from \"../components/FormError\";\r\nimport classnames from \"classnames\";\r\nimport { useLocation } from \"react-router\";\r\n\r\ntype FormData = {\r\n    FirstName: string;\r\n    LastName: string;\r\n    EmailAddress: string;\r\n    PhoneNumber: string;\r\n    CompanyName: string;\r\n    CompanyReg: string;\r\n    CompanyWebsite: string;\r\n    OrganisationalCode: string;\r\n    CompanyAddress: string;\r\n    CompanyAddress1: string;\r\n    CompanyPostCode: string;\r\n    CompanyCity: string;\r\n    CompanyCountry: string;\r\n    EVCGFContactName: string;\r\n    EVCGFContactEmailAddress: string;\r\n};\r\n\r\nconst UserRequestPage: FC = () => {\r\n    const [loading, setLoading] = useState(false);\r\n    const [message, setMessage] = useState<Message | undefined>();\r\n    const [errors, setErrors] = useState<\r\n        { [key in keyof FormData]: string[] } | undefined\r\n    >();\r\n\r\n    const { formData, setFormData, resetForm, onInputChange, onInputBlur } =\r\n        useForm<FormData>({\r\n            FirstName: \"\",\r\n            LastName: \"\",\r\n            EmailAddress: \"\",\r\n            PhoneNumber: \"\",\r\n            CompanyName: \"\",\r\n            CompanyReg: \"\",\r\n            CompanyWebsite: \"\",\r\n            OrganisationalCode: \"\",\r\n            CompanyAddress: \"\",\r\n            CompanyAddress1: \"\",\r\n            CompanyPostCode: \"\",\r\n            CompanyCity: \"\",\r\n            CompanyCountry: \"\",\r\n            EVCGFContactName: \"\",\r\n            EVCGFContactEmailAddress: \"\",\r\n        });\r\n\r\n    useEffect(() => {\r\n        document.title = \"User registration\";\r\n    }, []);\r\n\r\n    const onWebsiteBlur = (e: React.FocusEvent<HTMLInputElement>) => {\r\n        const value = e.target.value;\r\n        setFormData(\r\n            (prevState) =>\r\n                ({\r\n                    ...prevState,\r\n                    CompanyWebsite: formatUrl(value),\r\n                } as FormData)\r\n        );\r\n    };\r\n\r\n    const onSubmit = async () => {\r\n        window.scrollTo(0, 0);\r\n\r\n        setLoading(true);\r\n        setMessage(undefined);\r\n        setErrors(undefined);\r\n\r\n        await fetchJson(\"user-request/new\", \"POST\", formData)\r\n            .then(() => {\r\n                setMessage({\r\n                    type: MessageType.SUCCESS,\r\n                    text: \"Your user account has been created successfully, but needs to be approved!\",\r\n                });\r\n                resetForm();\r\n            })\r\n            .catch((e: CustomError) => {\r\n                const errorMessage = e.message;\r\n\r\n                // if (e.validationErrors != null) {\r\n                //     errorMessage += \" \" + e.validationErrors.map(x => `${x.name}: ${x.errors.join(\", \")}`).join(\"; \");\r\n                // }\r\n\r\n                setMessage({ type: MessageType.ERROR, text: errorMessage });\r\n\r\n                setErrors(\r\n                    e.validationErrors?.reduce((p, n) => {\r\n                        p[n.name] = n.errors;\r\n                        return p;\r\n                    }, {} as any)\r\n                );\r\n            });\r\n\r\n        setLoading(false);\r\n    };\r\n\r\n    // const isSubmitDisabled = (\r\n    //     formData.FirstName === \"\"\r\n    //     || formData.LastName === \"\"\r\n    //     || formData.EmailAddress === \"\"\r\n    //     || formData.CompanyName === \"\"\r\n    //     || formData.OrganisationalCode === \"\"\r\n    //     || formData.CompanyAddress === \"\"\r\n    //     || formData.CompanyWebsite === \"\"\r\n    //     || formData.CompanyAddress1 === \"\"\r\n    //     || formData.CompanyPostCode === \"\"\r\n    //     || formData.CompanyCity === \"\"\r\n    //     || formData.CompanyCountry === \"\"\r\n    //     || formData.PhoneNumber === \"\"\r\n    //     || formData.EVCGFContactName === \"\"\r\n    //     || formData.EVCGFContactEmailAddress === \"\"\r\n    // );\r\n\r\n    return (\r\n        <div className=\"form-container\">\r\n            {loading && <Loading />}\r\n\r\n            <div className=\"form-header\">\r\n                <h3 className=\"form-title\">\r\n                    Application for Access Facilities\r\n                </h3>\r\n            </div>\r\n\r\n            {message && (\r\n                <ValidationMessage type={message.type}>\r\n                    {message.text ?? \"\"}\r\n                </ValidationMessage>\r\n            )}\r\n\r\n            <div className=\"form-body\">\r\n                <div className=\"form-field half\">\r\n                    <label className=\"field-label\">First Name *</label>\r\n                    <div style={{ width: \"100%\" }}>\r\n                        <input\r\n                            name=\"FirstName\"\r\n                            value={formData.FirstName}\r\n                            onChange={onInputChange}\r\n                            onBlur={onInputBlur}\r\n                            type=\"text\"\r\n                            maxLength={50}\r\n                            className={classnames(\"field-input\", {\r\n                                error: errors?.FirstName != null,\r\n                            })}\r\n                        />\r\n                    </div>\r\n                    <FormError errors={errors?.FirstName} />\r\n                </div>\r\n\r\n                <div className=\"form-field half\">\r\n                    <label className=\"field-label\">Last Name *</label>\r\n                    <div style={{ width: \"100%\" }}>\r\n                        <input\r\n                            name=\"LastName\"\r\n                            value={formData.LastName}\r\n                            onChange={onInputChange}\r\n                            onBlur={onInputBlur}\r\n                            type=\"text\"\r\n                            maxLength={50}\r\n                            className={classnames(\"field-input\", {\r\n                                error: errors?.LastName != null,\r\n                            })}\r\n                        />\r\n                    </div>\r\n                    <FormError errors={errors?.LastName} />\r\n                </div>\r\n\r\n                <div className=\"form-field\">\r\n                    <label className=\"field-label\">E-Mail Address *</label>\r\n                    <div style={{ width: \"100%\" }}>\r\n                        <input\r\n                            name=\"EmailAddress\"\r\n                            value={formData.EmailAddress}\r\n                            onChange={onInputChange}\r\n                            onBlur={onInputBlur}\r\n                            type=\"text\"\r\n                            className={classnames(\"field-input\", {\r\n                                error: errors?.EmailAddress != null,\r\n                            })}\r\n                        />\r\n                    </div>\r\n                    <FormError errors={errors?.EmailAddress} />\r\n                </div>\r\n\r\n                <div className=\"form-field\">\r\n                    <label className=\"field-label\">Company Name *</label>\r\n                    <div style={{ width: \"100%\" }}>\r\n                        <input\r\n                            name=\"CompanyName\"\r\n                            value={formData.CompanyName}\r\n                            onChange={onInputChange}\r\n                            onBlur={onInputBlur}\r\n                            type=\"text\"\r\n                            maxLength={50}\r\n                            className={classnames(\"field-input\", {\r\n                                error: errors?.CompanyName != null,\r\n                            })}\r\n                        />\r\n                    </div>\r\n                    <FormError errors={errors?.CompanyName} />\r\n                </div>\r\n\r\n                <div className=\"form-field half\">\r\n                    <label className=\"field-label\">Organisational Code</label>\r\n                    <div style={{ width: \"100%\" }}>\r\n                        <input\r\n                            name=\"OrganisationalCode\"\r\n                            value={formData.OrganisationalCode}\r\n                            onChange={onInputChange}\r\n                            onBlur={onInputBlur}\r\n                            type=\"text\"\r\n                            maxLength={50}\r\n                            className={classnames(\"field-input\", {\r\n                                error: errors?.OrganisationalCode != null,\r\n                            })}\r\n                        />\r\n                    </div>\r\n                    <div className=\"hint\">\r\n                        (you can find this on any documentation provided by EV\r\n                        Cargo)\r\n                    </div>\r\n                    <FormError errors={errors?.OrganisationalCode} />\r\n                </div>\r\n\r\n                <div className=\"form-field half\">\r\n                    <label className=\"field-label\">\r\n                        Company Registration No.\r\n                    </label>\r\n                    <div style={{ width: \"100%\" }}>\r\n                        <input\r\n                            name=\"CompanyReg\"\r\n                            value={formData.CompanyReg}\r\n                            onChange={onInputChange}\r\n                            onBlur={onInputBlur}\r\n                            type=\"text\"\r\n                            maxLength={50}\r\n                            className={classnames(\"field-input\", {\r\n                                error: errors?.CompanyReg != null,\r\n                            })}\r\n                        />\r\n                    </div>\r\n                    <FormError errors={errors?.CompanyReg} />\r\n                </div>\r\n\r\n                <div className=\"form-field\">\r\n                    <label className=\"field-label\">Address Line 1 *</label>\r\n                    <div style={{ width: \"100%\" }}>\r\n                        <input\r\n                            name=\"CompanyAddress\"\r\n                            value={formData.CompanyAddress}\r\n                            onChange={onInputChange}\r\n                            onBlur={onInputBlur}\r\n                            type=\"text\"\r\n                            maxLength={100}\r\n                            className={classnames(\"field-input\", {\r\n                                error: errors?.CompanyAddress != null,\r\n                            })}\r\n                        />\r\n                    </div>\r\n                    <FormError errors={errors?.CompanyAddress} />\r\n                </div>\r\n\r\n                <div className=\"form-field\">\r\n                    <label className=\"field-label\">Address Line 2</label>\r\n                    <div style={{ width: \"100%\" }}>\r\n                        <input\r\n                            name=\"CompanyAddress1\"\r\n                            value={formData.CompanyAddress1}\r\n                            onChange={onInputChange}\r\n                            onBlur={onInputBlur}\r\n                            type=\"text\"\r\n                            maxLength={100}\r\n                            className={classnames(\"field-input\", {\r\n                                error: errors?.CompanyAddress1 != null,\r\n                            })}\r\n                        />\r\n                    </div>\r\n                    <FormError errors={errors?.CompanyAddress1} />\r\n                </div>\r\n\r\n                <div className=\"form-field half\">\r\n                    <label className=\"field-label\">Post Code *</label>\r\n                    <div style={{ width: \"100%\" }}>\r\n                        <input\r\n                            name=\"CompanyPostCode\"\r\n                            value={formData.CompanyPostCode}\r\n                            onChange={onInputChange}\r\n                            onBlur={onInputBlur}\r\n                            type=\"text\"\r\n                            maxLength={20}\r\n                            className={classnames(\"field-input\", {\r\n                                error: errors?.CompanyPostCode != null,\r\n                            })}\r\n                        />\r\n                    </div>\r\n                    <FormError errors={errors?.CompanyPostCode} />\r\n                </div>\r\n\r\n                <div className=\"form-field half\">\r\n                    <label className=\"field-label\">City *</label>\r\n                    <div style={{ width: \"100%\" }}>\r\n                        <input\r\n                            name=\"CompanyCity\"\r\n                            value={formData.CompanyCity}\r\n                            onChange={onInputChange}\r\n                            onBlur={onInputBlur}\r\n                            type=\"text\"\r\n                            maxLength={100}\r\n                            className={classnames(\"field-input\", {\r\n                                error: errors?.CompanyCity != null,\r\n                            })}\r\n                        />\r\n                    </div>\r\n                    <FormError errors={errors?.CompanyCity} />\r\n                </div>\r\n\r\n                <div className=\"form-field half\">\r\n                    <label className=\"field-label\">Country *</label>\r\n                    <div style={{ width: \"100%\" }}>\r\n                        <input\r\n                            name=\"CompanyCountry\"\r\n                            value={formData.CompanyCountry}\r\n                            onChange={onInputChange}\r\n                            onBlur={onInputBlur}\r\n                            type=\"text\"\r\n                            maxLength={100}\r\n                            className={classnames(\"field-input\", {\r\n                                error: errors?.CompanyCountry != null,\r\n                            })}\r\n                        />\r\n                    </div>\r\n                    <FormError errors={errors?.CompanyCountry} />\r\n                </div>\r\n\r\n                <div className=\"form-field half\">\r\n                    <label className=\"field-label\">Telephone No *</label>\r\n                    <div style={{ width: \"100%\" }}>\r\n                        <input\r\n                            name=\"PhoneNumber\"\r\n                            value={formData.PhoneNumber}\r\n                            onChange={onInputChange}\r\n                            onBlur={onInputBlur}\r\n                            type=\"text\"\r\n                            maxLength={20}\r\n                            className={classnames(\"field-input\", {\r\n                                error: errors?.PhoneNumber != null,\r\n                            })}\r\n                        />\r\n                    </div>\r\n                    <FormError errors={errors?.PhoneNumber} />\r\n                </div>\r\n\r\n                <div className=\"form-field\">\r\n                    <label className=\"field-label\">Company Website *</label>\r\n                    <div style={{ width: \"100%\" }}>\r\n                        <input\r\n                            name=\"CompanyWebsite\"\r\n                            value={formData.CompanyWebsite}\r\n                            onChange={onInputChange}\r\n                            onBlur={onWebsiteBlur}\r\n                            type=\"text\"\r\n                            maxLength={2048}\r\n                            className={classnames(\"field-input\", {\r\n                                error: errors?.CompanyWebsite != null,\r\n                            })}\r\n                        />\r\n                    </div>\r\n                    <FormError errors={errors?.CompanyWebsite} />\r\n                </div>\r\n\r\n                <div className=\"form-field\">\r\n                    <label className=\"field-label\">\r\n                        Name of your EV Cargo contact *\r\n                    </label>\r\n                    <div style={{ width: \"100%\" }}>\r\n                        <input\r\n                            name=\"EVCGFContactName\"\r\n                            value={formData.EVCGFContactName}\r\n                            onChange={onInputChange}\r\n                            onBlur={onInputBlur}\r\n                            type=\"text\"\r\n                            maxLength={100}\r\n                            className={classnames(\"field-input\", {\r\n                                error: errors?.EVCGFContactName != null,\r\n                            })}\r\n                        />\r\n                    </div>\r\n                    <FormError errors={errors?.EVCGFContactName} />\r\n                </div>\r\n\r\n                <div className=\"form-field\">\r\n                    <label className=\"field-label\">\r\n                        E-mail address of your EV Cargo contact *\r\n                    </label>\r\n                    <div style={{ width: \"100%\" }}>\r\n                        <input\r\n                            name=\"EVCGFContactEmailAddress\"\r\n                            value={formData.EVCGFContactEmailAddress}\r\n                            onChange={onInputChange}\r\n                            onBlur={onInputBlur}\r\n                            type=\"text\"\r\n                            maxLength={100}\r\n                            className={classnames(\"field-input\", {\r\n                                error: errors?.EVCGFContactEmailAddress != null,\r\n                            })}\r\n                        />\r\n                    </div>\r\n                    <FormError errors={errors?.EVCGFContactEmailAddress} />\r\n                </div>\r\n\r\n                <div className=\"button-container\">\r\n                    <button\r\n                        type=\"submit\"\r\n                        // disabled={loading || isSubmitDisabled}\r\n                        onClick={onSubmit}\r\n                    >\r\n                        Apply\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default UserRequestPage;\r\n","import { useState } from \"react\";\r\nimport { removeWhitespaces } from \"../helpers/utils\";\r\n\r\nexport function useForm<T>(initState: T) {\r\n    const [formData, setFormData] = useState<T>(initState);\r\n\r\n    const onInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n        const { name, value } = e.target;\r\n        setFormData((prevState) => ({\r\n            ...prevState,\r\n            [name]: value,\r\n        }));\r\n    };\r\n\r\n    const onInputBlur = (e: React.FocusEvent<HTMLInputElement>) => {\r\n        const { name, value } = e.target;\r\n        setFormData((prevState) => ({\r\n            ...prevState,\r\n            [name]: removeWhitespaces(value),\r\n        }));\r\n    };\r\n\r\n    const onTextareaChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\r\n        const { name, value } = e.target;\r\n        setFormData((prevState) => ({\r\n            ...prevState,\r\n            [name]: value,\r\n        }));\r\n    };\r\n\r\n    const onTextareaBlur = (e: React.FocusEvent<HTMLTextAreaElement>) => {\r\n        const { name, value } = e.target;\r\n        setFormData((prevState) => ({\r\n            ...prevState,\r\n            [name]: removeWhitespaces(value),\r\n        }));\r\n    };\r\n\r\n    const onChangeWithKey = (key: string) => (e: { value: any }) => {\r\n        const value = e.value;\r\n        setFormData((prevState) => ({\r\n            ...prevState,\r\n            [key]: value,\r\n        }));\r\n    };\r\n\r\n    const resetForm = () => {\r\n        setFormData(initState);\r\n    };\r\n\r\n    return {\r\n        formData,\r\n        setFormData,\r\n        onInputChange,\r\n        onInputBlur,\r\n        onTextareaChange,\r\n        onTextareaBlur,\r\n        onChangeWithKey,\r\n        resetForm,\r\n    };\r\n}\r\n","import React, { CSSProperties, useState } from \"react\";\r\nimport { FieldProps, useField } from \"formik\";\r\nimport { FieldType } from \"../types\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport { CountryDropdown } from \"react-country-region-selector\";\r\n\r\ninterface Props extends FieldProps {\r\n    label: string;\r\n    descriptionTop?: boolean;\r\n    description?: string;\r\n    type?: FieldType;\r\n    halfField?: boolean;\r\n    halfInput?: boolean;\r\n    checkBoxLabel?: string;\r\n    style?: CSSProperties;\r\n    onChange?: (event) => void;\r\n}\r\n\r\nconst FormField = ({\r\n    label,\r\n    descriptionTop,\r\n    description,\r\n    type,\r\n    field,\r\n    halfField,\r\n    halfInput,\r\n    checkBoxLabel,\r\n    style,\r\n    onChange,\r\n}: Props) => {\r\n    const meta = useField(field);\r\n    const [startDate, setStartDate] = useState<Date | undefined>(undefined);\r\n    const [country, setCountry] = useState(field.value);\r\n\r\n    const selectType = (type) => {\r\n        switch (type) {\r\n            case FieldType.INPUT:\r\n                return (\r\n                    <div\r\n                        style={{\r\n                            width: \"100%\",\r\n                        }}\r\n                    >\r\n                        <input\r\n                            type=\"text\"\r\n                            className={\r\n                                (halfInput\r\n                                    ? \"field-input half \"\r\n                                    : \"field-input \") +\r\n                                (meta[1].error ? \"error-input\" : \"\")\r\n                            }\r\n                            {...field}\r\n                        />\r\n                    </div>\r\n                );\r\n            case FieldType.TEXTAREA:\r\n                return (\r\n                    <div\r\n                        style={{\r\n                            width: \"100%\",\r\n                        }}\r\n                    >\r\n                        <textarea\r\n                            className={\r\n                                \"field-input textarea \" +\r\n                                (meta[1].error ? \"error-input\" : \"\")\r\n                            }\r\n                            {...field}\r\n                        />\r\n                    </div>\r\n                );\r\n            case FieldType.CHECKBOX:\r\n                return (\r\n                    <label className=\"checkbox-label\">\r\n                        <input\r\n                            {...field}\r\n                            onChange={(e) => {\r\n                                onChange?.(e);\r\n                                meta[2].setValue(e.currentTarget.checked);\r\n                            }}\r\n                            type=\"checkbox\"\r\n                            style={{\r\n                                margin: \"0\",\r\n                            }}\r\n                        />{\" \"}\r\n                        {checkBoxLabel}\r\n                    </label>\r\n                );\r\n            case FieldType.DATEPICKER:\r\n                return (\r\n                    <DatePicker\r\n                        id=\"datepicker\"\r\n                        dateFormat=\"dd-MMM-yyyy\"\r\n                        selected={startDate}\r\n                        autoComplete=\"off\"\r\n                        onChange={(date: Date | null) => {\r\n                            if (date) {\r\n                                const dateUTC = new Date(\r\n                                    date.getTime() + 12 * 60 * 60 * 1000\r\n                                );\r\n                                setStartDate(date);\r\n                                meta[2].setValue(dateUTC);\r\n                            } else {\r\n                                setStartDate(undefined);\r\n                            }\r\n                        }}\r\n                        className={\r\n                            meta[1].error\r\n                                ? \"field-input error-input\"\r\n                                : \"field-input\"\r\n                        }\r\n                    />\r\n                );\r\n            case FieldType.COUNTRYSELECTOR:\r\n                return (\r\n                    <CountryDropdown\r\n                        value={country}\r\n                        onChange={(val) => {\r\n                            setCountry(val);\r\n                            meta[2].setValue(val);\r\n                        }}\r\n                        valueType=\"short\"\r\n                    />\r\n                );\r\n            case FieldType.CURRENCYSELECTOR:\r\n                return (\r\n                    <>\r\n                        <select name=\"currency\" id=\"currency\" onChange={e => { meta[2].setValue({ Code: e.currentTarget.value }); }}>\r\n                            <option value=\"GBP\">GBP</option>\r\n                            <option value=\"USD\">USD</option>\r\n                            <option value=\"EUR\">EUR</option>\r\n                        </select>\r\n                    </>\r\n                );\r\n            default:\r\n                return \"\";\r\n        }\r\n    };\r\n\r\n    return (\r\n        <div\r\n            className={\r\n                (halfField ? \"form-field half \" : \"form-field \") +\r\n                (meta[1].error ? \"error-field\" : \"\")\r\n            }\r\n            style={style}\r\n        >\r\n            <label\r\n                className={\r\n                    meta[1].error ? \"field-label error-label\" : \"field-label\"\r\n                }\r\n            >\r\n                {label}\r\n            </label>\r\n            {description && descriptionTop ? (\r\n                <div className=\"field-description\">{description}</div>\r\n            ) : null}\r\n\r\n            {selectType(type)}\r\n\r\n            {description && !descriptionTop ? (\r\n                <div className=\"field-description\">{description}</div>\r\n            ) : null}\r\n\r\n            {meta[1].error ? (\r\n                <div className=\"error-text\">{meta[1].error}</div>\r\n            ) : null}\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default FormField;\r\n","/* eslint-disable indent */\r\nimport React, { FC, useCallback, useEffect, useState } from \"react\";\r\nimport FormField from \"../components/FormField\";\r\nimport * as yup from \"yup\";\r\nimport { FieldType, Message, MessageType } from \"../types\";\r\nimport { Formik, Field, Form } from \"formik\";\r\nimport Reaptcha from \"reaptcha\";\r\nimport { CreditForm } from \"../types\";\r\nimport Loading from \"../components/Loading\";\r\nimport config from \"../types/config\";\r\nimport { fetchText } from \"../helpers/fetchHelper\";\r\nimport CustomError from \"../types/CustomError\";\r\nimport { useHistory } from \"react-router\";\r\nimport ValidationMessage from \"../components/ValidationMessage\";\r\nimport { trimValues } from \"../helpers/utils\";\r\n\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\n\r\ninterface INewUser {\r\n    name: string;\r\n    email: string;\r\n}\r\n\r\n// eslint-disable no-unused-expressions\r\nconst CreditFormPage: FC = () => {\r\n    const [message, setMessage] = useState<Message | undefined>();\r\n    const [isAddUserChecked, setIsAddUserChecked] = useState<boolean>(false);\r\n    const [requestedUserArray, setRequestedUserArray] = useState<INewUser[]>(\r\n        []\r\n    );\r\n\r\n    const history = useHistory();\r\n\r\n    useEffect(() => {\r\n        document.title = \"Credit Application\";\r\n    }, []);\r\n\r\n    const validationSchema = yup.object({\r\n        ACSContact: yup\r\n            .string()\r\n            .required(\"This field is required.\")\r\n            .email(\"Please insert a valid email address\")\r\n            .matches(\r\n                /^[A-Za-z0-9._%+-]+@evcargo\\.com$/,\r\n                \"Please enter a valid EV Cargo contact\"\r\n            )\r\n            .max(254, \"You have reached the maximum number of characters\"),\r\n        companyName: yup\r\n            .string()\r\n            .trim()\r\n            .required(\"This field is required.\")\r\n            .max(100, \"You have reached the maximum number of characters\"),\r\n        TradingAddress1: yup\r\n            .string()\r\n            .trim()\r\n            .required(\"This field is required.\")\r\n            .max(50, \"You have reached the maximum number of characters\"),\r\n        TradingAddress2: yup\r\n            .string()\r\n            .max(50, \"You have reached the maximum number of characters\"),\r\n        TradingCity: yup\r\n            .string()\r\n            .trim()\r\n            .required(\"This field is required.\")\r\n            .max(25, \"You have reached the maximum number of characters\"),\r\n        TradingPostCode: yup\r\n            .string()\r\n            .trim()\r\n            .required(\"This field is required.\")\r\n            .max(10, \"You have reached the maximum number of characters\"),\r\n        TradingCountyCode: yup\r\n            .string()\r\n            .trim()\r\n            .required(\"This field is required.\")\r\n            .max(25, \"You have reached the maximum number of characters\"),\r\n        TradingCountryCode: yup.string().required(\"This field is required.\"),\r\n        AccountContact: yup\r\n            .string()\r\n            .max(50, \"You have reached the maximum number of characters\"),\r\n        TelephoneNo: yup\r\n            .string()\r\n            .trim()\r\n            .required(\"This field is required.\")\r\n            .max(20, \"You have reached the maximum number of characters\"),\r\n        FaxNo: yup\r\n            .string()\r\n            .max(20, \"You have reached the maximum number of characters\"),\r\n        AccountsEMailAddress: yup\r\n            .string()\r\n            .required(\"This field is required\")\r\n            .email(\"Please insert a valid email address\")\r\n            .max(254, \"You have reached the maximum number of characters\"),\r\n        RegisteredOfficeAddress1: yup\r\n            .string()\r\n            .trim()\r\n            .required(\"This field is required.\")\r\n            .max(50, \"You have reached the maximum number of characters\"),\r\n        RegisteredOfficeAddress2: yup\r\n            .string()\r\n            .max(50, \"You have reached the maximum number of characters\"),\r\n        RegisteredOfficeCity: yup\r\n            .string()\r\n            .trim()\r\n            .required(\"This field is required.\")\r\n            .max(25, \"You have reached the maximum number of characters\"),\r\n        RegisteredOfficePostCode: yup\r\n            .string()\r\n            .trim()\r\n            .required(\"This field is required.\")\r\n            .max(10, \"You have reached the maximum number of characters\"),\r\n        RegisteredOfficeCountyCode: yup\r\n            .string()\r\n            .trim()\r\n            .required(\"This field is required.\")\r\n            .max(25, \"You have reached the maximum number of characters\"),\r\n        RegisteredOfficeCountryCode: yup\r\n            .string()\r\n            .required(\"This field is required.\"),\r\n        CompanyReg: yup\r\n            .string()\r\n            .max(35, \"You have reached the maximum number of characters\"),\r\n        VATNo: yup\r\n            .string()\r\n            .max(35, \"You have reached the maximum number of characters\"),\r\n        CompanyDefermentNo: yup\r\n            .string()\r\n            .max(35, \"You have reached the maximum number of characters\"),\r\n        IssuedAndPaidUpCapital: yup\r\n            .string()\r\n            .max(16, \"You have reached the maximum number of characters\"),\r\n        UltimateParent: yup\r\n            .string()\r\n            .max(128, \"You have reached the maximum number of characters\"),\r\n        FinancialDirector: yup\r\n            .string()\r\n            .max(50, \"You have reached the maximum number of characters\"),\r\n        AuditorsNameAddress1: yup\r\n            .string()\r\n            .max(50, \"You have reached the maximum number of characters\"),\r\n        AuditorsNameAddress2: yup\r\n            .string()\r\n            .max(50, \"You have reached the maximum number of characters\"),\r\n        AuditorsNameCity: yup\r\n            .string()\r\n            .max(25, \"You have reached the maximum number of characters\"),\r\n        AuditorsNameCounty: yup\r\n            .string()\r\n            .max(25, \"You have reached the maximum number of characters\"),\r\n        AuditorsNamePostCode: yup\r\n            .string()\r\n            .max(10, \"You have reached the maximum number of characters\"),\r\n        AuditorsNameCountryCode: yup\r\n            .string()\r\n            .max(2, \"You have reached the maximum number of characters\"),\r\n        BankNameAddress1: yup\r\n            .string()\r\n            .max(50, \"You have reached the maximum number of characters\"),\r\n        BankNameAddress2: yup\r\n            .string()\r\n            .max(50, \"You have reached the maximum number of characters\"),\r\n        BankNameCity: yup\r\n            .string()\r\n            .max(25, \"You have reached the maximum number of characters\"),\r\n        BankNameCounty: yup\r\n            .string()\r\n            .max(25, \"You have reached the maximum number of characters\"),\r\n        BankNamePostCode: yup\r\n            .string()\r\n            .max(10, \"You have reached the maximum number of characters\"),\r\n        BankNameCountryCode: yup\r\n            .string()\r\n            .max(2, \"You have reached the maximum number of characters\"),\r\n        AuditorsName: yup\r\n            .string()\r\n            .max(50, \"You have reached the maximum number of characters\"),\r\n        BankName: yup\r\n            .string()\r\n            .max(50, \"You have reached the maximum number of characters\"),\r\n        SortCode: yup\r\n            .string()\r\n            .max(16, \"You have reached the maximum number of characters\"),\r\n        AmountOfCreditRequired: yup\r\n            .string()\r\n            .matches(\r\n                /^\\d+(\\.\\d+)?$/,\r\n                \"Please enter a valid number\"\r\n            )\r\n            .required(\"This field is required.\"),\r\n        AmountOfCreditRequiredCurrency: yup.object().shape({\r\n            Code: yup.string().required(\"This field is required.\"),\r\n        }),\r\n        Name: yup\r\n            .string()\r\n            .trim()\r\n            .required(\"This field is required.\")\r\n            .max(50, \"You have reached the maximum number of characters\"),\r\n        TermsAndConditions: yup\r\n            .boolean()\r\n            .oneOf([true], \"This field is required.\"),\r\n        Token: yup.string().required(\"This field is required.\"),\r\n    });\r\n\r\n    const initialValues: CreditForm = {\r\n        ACSContact: \"\",\r\n        companyName: \"\",\r\n        tradingName: \"\",\r\n        TradingAddress1: \"\",\r\n        TradingAddress2: \"\",\r\n        TradingCity: \"\",\r\n        TradingCountryCode: \"GB\",\r\n        TradingPostCode: \"\",\r\n        TradingCountyCode: \"\",\r\n        AccountContact: \"\",\r\n        TelephoneNo: \"\",\r\n        FaxNo: \"\",\r\n        AccountsEmailAddress: \"\",\r\n        RegisteredOfficeAddress1: \"\",\r\n        RegisteredOfficeAddress2: \"\",\r\n        RegisteredOfficeCity: \"\",\r\n        RegisteredOfficeCountryCode: \"GB\",\r\n        RegisteredOfficePostCode: \"\",\r\n        RegisteredOfficeCountyCode: \"\",\r\n        CompanyReg: \"\",\r\n        VATNo: \"\",\r\n        CompanyDefermentNo: \"\",\r\n        DateIncorporated: \"\",\r\n        IssuedAndPaidUpCapital: \"\",\r\n        UltimateParent: \"\",\r\n        FinancialDirector: \"\",\r\n        AuditorsNameAddress1: \"\",\r\n        AuditorsNameAddress2: \"\",\r\n        AuditorsNameCity: \"\",\r\n        AuditorsNameCounty: \"\",\r\n        AuditorsNamePostCode: \"\",\r\n        AuditorsNameCountryCode: \"\",\r\n        BankNameAddress1: \"\",\r\n        BankNameAddress2: \"\",\r\n        BankNameCity: \"\",\r\n        BankNameCounty: \"\",\r\n        BankNamePostCode: \"\",\r\n        BankNameCountryCode: \"\",\r\n        AuditorsName: \"\",\r\n        BankName: \"\",\r\n        AuditorsNameAddress: \"\",\r\n        BankNameAddress: \"\",\r\n        SortCode: \"\",\r\n        AmountOfCreditRequired: \"\",\r\n        AmountOfCreditRequiredCurrency: { Code: \"GBP\" },\r\n        Name: \"\",\r\n        TermsAndConditions: false,\r\n        BIFATerms: false,\r\n        Token: \"\",\r\n    };\r\n\r\n    const onClick = useCallback(() => {\r\n        window.scrollTo(0, 0);\r\n    }, []);\r\n\r\n    const onSubmit = useCallback(\r\n        async (data: CreditForm, { setSubmitting, resetForm }) => {\r\n            setSubmitting(true);\r\n\r\n            //delete empty or null fields\r\n            for (const element in data) {\r\n                if (!data[element]) {\r\n                    delete data[element];\r\n                }\r\n            }\r\n\r\n            // trim values\r\n            trimValues(data);\r\n\r\n            const requestBody: CreditForm = { ...data };\r\n\r\n            requestBody.BIFATerms = requestBody.TermsAndConditions;\r\n\r\n            await fetchText(\"creditapplication\", \"POST\", requestBody)\r\n                .then(() => {\r\n                    resetForm();\r\n                    setMessage(undefined);\r\n                    (\r\n                        document.getElementById(\r\n                            \"datepicker\"\r\n                        ) as HTMLInputElement\r\n                    ).value = \"\";\r\n                    history.push({\r\n                        pathname: \"/credit-application/success\",\r\n                    });\r\n                })\r\n                .catch((e: CustomError) => {\r\n                    setMessage({ type: MessageType.ERROR, text: e.message });\r\n                });\r\n\r\n            setSubmitting(false);\r\n        },\r\n        [history]\r\n    );\r\n\r\n    // const newUserHandler = (event: boolean) => {\r\n    //     setIsAddUserChecked(event);\r\n    //     setRequestedUserArray(\r\n    //         event\r\n    //             ? [\r\n    //                   {\r\n    //                       name: \"\",\r\n    //                       email: \"\",\r\n    //                   },\r\n    //               ]\r\n    //             : []\r\n    //     );\r\n    // };\r\n\r\n    // const addNewUser = () => {\r\n    //     setRequestedUserArray([\r\n    //         ...requestedUserArray,\r\n    //         {\r\n    //             name: \"\",\r\n    //             email: \"\",\r\n    //         },\r\n    //     ]);\r\n    // };\r\n\r\n    return (\r\n        <div className=\"form-container\">\r\n            <Formik\r\n                initialValues={initialValues}\r\n                validateOnChange={false}\r\n                validateOnBlur={false}\r\n                validationSchema={validationSchema}\r\n                onSubmit={onSubmit}\r\n            >\r\n                {({ isSubmitting, errors, setFieldValue }) => {\r\n                    return (\r\n                        <>\r\n                            {isSubmitting && <Loading />}\r\n\r\n                            <Form>\r\n                                <div className=\"form-header\">\r\n                                    <h3 className=\"form-title\">\r\n                                        Application for Credit Facilities\r\n                                    </h3>\r\n                                </div>\r\n\r\n                                {message && (\r\n                                    <ValidationMessage type={message.type}>\r\n                                        {message.text ?? \"\"}\r\n                                    </ValidationMessage>\r\n                                )}\r\n\r\n                                {Object.keys(errors).length > 0 && (\r\n                                    <ValidationMessage type={MessageType.ERROR}>\r\n                                        There was a problem with your\r\n                                        submission. Errors have been highlighted\r\n                                        below.\r\n                                    </ValidationMessage>\r\n                                )}\r\n                                <div className=\"form-body\">\r\n                                    <Field\r\n                                        label=\"Enter the email address of your primary EV Cargo contact *\"\r\n                                        name=\"ACSContact\"\r\n                                        type={FieldType.INPUT}\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Company Name *\"\r\n                                        name=\"companyName\"\r\n                                        type={FieldType.INPUT}\r\n                                        component={FormField}\r\n                                        halfField\r\n                                    />\r\n\r\n                                    <Field\r\n                                        label=\"Trading Name\"\r\n                                        name=\"tradingName\"\r\n                                        type={FieldType.INPUT}\r\n                                        component={FormField}\r\n                                        halfField\r\n                                    />\r\n\r\n                                    <div className=\"section-title\">\r\n                                        Trading Address *\r\n                                    </div>\r\n                                    <Field\r\n                                        label=\"Address1 *\"\r\n                                        name=\"TradingAddress1\"\r\n                                        type={FieldType.INPUT}\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Address2\"\r\n                                        name=\"TradingAddress2\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"City *\"\r\n                                        name=\"TradingCity\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Post Code *\"\r\n                                        name=\"TradingPostCode\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"County/State *\"\r\n                                        name=\"TradingCountyCode\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Country *\"\r\n                                        name=\"TradingCountryCode\"\r\n                                        type={FieldType.COUNTRYSELECTOR}\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Account Contact\"\r\n                                        name=\"AccountContact\"\r\n                                        type={FieldType.INPUT}\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Telephone No. *\"\r\n                                        name=\"TelephoneNo\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Fax No.\"\r\n                                        name=\"FaxNo\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Accounts E-Mail Address *\"\r\n                                        name=\"AccountsEMailAddress\"\r\n                                        type={FieldType.INPUT}\r\n                                        component={FormField}\r\n                                    />\r\n\r\n                                    <div className=\"section-title\">\r\n                                        Registered Office *\r\n                                    </div>\r\n                                    <Field\r\n                                        label=\"Address1 *\"\r\n                                        name=\"RegisteredOfficeAddress1\"\r\n                                        type={FieldType.INPUT}\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Address2\"\r\n                                        name=\"RegisteredOfficeAddress2\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"City *\"\r\n                                        name=\"RegisteredOfficeCity\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Post Code *\"\r\n                                        name=\"RegisteredOfficePostCode\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"County/State *\"\r\n                                        name=\"RegisteredOfficeCountyCode\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Country *\"\r\n                                        name=\"RegisteredOfficeCountryCode\"\r\n                                        type={FieldType.COUNTRYSELECTOR}\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Company Registration No.\"\r\n                                        name=\"CompanyReg\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"VAT No.\"\r\n                                        name=\"VATNo\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Company Deferment No.\"\r\n                                        name=\"CompanyDefermentNo\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Date Incorporated\"\r\n                                        name=\"DateIncorporated\"\r\n                                        type={FieldType.DATEPICKER}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Issued and Paid Up Capital\"\r\n                                        name=\"IssuedAndPaidUpCapital\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Amount of Credit Required *\"\r\n                                        name=\"AmountOfCreditRequired\"\r\n                                        type={FieldType.INPUT}\r\n                                        style={{ width: \"23%\" }}\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Currency\"\r\n                                        name=\"AmountOfCreditRequiredCurrency\"\r\n                                        type={FieldType.CURRENCYSELECTOR}\r\n                                        style={{ width: \"23%\" }}\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Ultimate Parent\"\r\n                                        name=\"UltimateParent\"\r\n                                        type={FieldType.INPUT}\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Financial Director\"\r\n                                        name=\"FinancialDirector\"\r\n                                        type={FieldType.INPUT}\r\n                                        component={FormField}\r\n                                    />\r\n\r\n                                    <div className=\"section-title half\">\r\n                                        Auditors Name &amp; Address\r\n                                    </div>\r\n                                    <div className=\"section-title half\">\r\n                                        Bank Name &amp; Address\r\n                                    </div>\r\n                                    <Field\r\n                                        label=\"Name\"\r\n                                        name=\"AuditorsName\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Name\"\r\n                                        name=\"BankName\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Address1\"\r\n                                        name=\"AuditorsNameAddress1\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Address1\"\r\n                                        name=\"BankNameAddress1\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Address2\"\r\n                                        name=\"AuditorsNameAddress2\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Address2\"\r\n                                        name=\"BankNameAddress2\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Town/City\"\r\n                                        name=\"AuditorsNameCity\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Town/City\"\r\n                                        name=\"BankNameCity\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"County/State\"\r\n                                        name=\"AuditorsNameCounty\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"County/State\"\r\n                                        name=\"BankNameCounty\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Post Code\"\r\n                                        name=\"AuditorsNamePostCode\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Post Code\"\r\n                                        name=\"BankNamePostCode\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Country\"\r\n                                        name=\"AuditorsNameCountryCode\"\r\n                                        type={FieldType.COUNTRYSELECTOR}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Country\"\r\n                                        name=\"BankNameCountryCode\"\r\n                                        type={FieldType.COUNTRYSELECTOR}\r\n                                        halfField\r\n                                        component={FormField}\r\n                                    />\r\n                                    <Field\r\n                                        label=\"Sort Code\"\r\n                                        name=\"SortCode\"\r\n                                        type={FieldType.INPUT}\r\n                                        description=\"xx-xx-xx\"\r\n                                        component={FormField}\r\n                                    />\r\n                                    <div className=\"form-field\">\r\n                                        <div\r\n                                            style={{\r\n                                                textAlign: \"center\",\r\n                                                margin: \"0 auto\",\r\n                                            }}\r\n                                        >\r\n                                            <h3>\r\n                                                <strong>\r\n                                                    TO BE COMPLETED BY AN\r\n                                                    AUTHORIZED REPRESENTATIVE OF\r\n                                                    THE CUSTOMER\r\n                                                </strong>\r\n                                            </h3>\r\n                                        </div>\r\n                                    </div>\r\n                                    <Field\r\n                                        label=\"Your name *\"\r\n                                        name=\"Name\"\r\n                                        type={FieldType.INPUT}\r\n                                        halfInput\r\n                                        component={FormField}\r\n                                    />\r\n                                    {/* To be added back when BE part will be done */}\r\n                                    {/* <Field\r\n                                        type={FieldType.CHECKBOX}\r\n                                        checkBoxLabel=\"Add more users\"\r\n                                        component={FormField}\r\n                                        name=\"AddUsers\"\r\n                                        onChange={(e) =>\r\n                                            newUserHandler(e.target.checked)\r\n                                        }\r\n                                    /> */}\r\n                                    {/* {isAddUserChecked && (\r\n                                        <>\r\n                                            {requestedUserArray.map(\r\n                                                (m, index) => (\r\n                                                    <>\r\n                                                        <Field\r\n                                                            label=\"Name\"\r\n                                                            name={\r\n                                                                \"NewUserName\" +\r\n                                                                index\r\n                                                            }\r\n                                                            type={\r\n                                                                FieldType.INPUT\r\n                                                            }\r\n                                                            halfField\r\n                                                            component={\r\n                                                                FormField\r\n                                                            }\r\n                                                        />\r\n                                                        <Field\r\n                                                            label=\"Email\"\r\n                                                            name={\r\n                                                                \"NewUserEmail\" +\r\n                                                                index\r\n                                                            }\r\n                                                            type={\r\n                                                                FieldType.INPUT\r\n                                                            }\r\n                                                            halfField\r\n                                                            component={\r\n                                                                FormField\r\n                                                            }\r\n                                                        />\r\n                                                    </>\r\n                                                )\r\n                                            )}\r\n\r\n                                            <button\r\n                                                className=\"add-button\"\r\n                                                style={{\r\n                                                    marginLeft: \"8px\",\r\n                                                    marginBottom: \"20px\",\r\n                                                    marginTop: \"10px\",\r\n                                                }}\r\n                                                type=\"button\"\r\n                                                onClick={addNewUser}\r\n                                            >\r\n                                                Add one more\r\n                                            </button>\r\n                                        </>\r\n                                    )} */}\r\n                                    <p className=\"form-field\">\r\n                                        Terms & Conditions of appointment:\r\n                                    </p>\r\n                                    <p className=\"form-field\">\r\n                                        Subject to approval and credit checks,\r\n                                        the credit terms of EV Cargo Global\r\n                                        Forwarding Limited (EVCGF) are strictly\r\n                                        30 days the date of invoice (excluding\r\n                                        duty & VAT which is payable in advance).\r\n                                        In all dealings with HM Revenue and\r\n                                        Customs on behalf of the Customer, EVCGF\r\n                                        is deemed to be appointed as a direct\r\n                                        representative only, unless otherwise\r\n                                        agreed in writing.\r\n                                    </p>\r\n                                    <div\r\n                                        className=\"form-field\"\r\n                                        style={{ marginBottom: 0 }}\r\n                                    >\r\n                                        <p style={{ marginBottom: 0 }}>\r\n                                            All business with EVCGF is conducted\r\n                                            stricly upon the BIFA standard\r\n                                            trading conditions (Edition 2021)\r\n                                            (as amended from time to time)\r\n                                            <span>\r\n                                                (<strong>BIFA terms</strong>)\r\n                                            </span>\r\n                                            . A copy of the BIFA terms can be\r\n                                            found {\"  \"}\r\n                                            <a\r\n                                                href=\"https://www.evcargo.com/wp-content/uploads/2022/09/bifa-stc-2021-england-edition.pdf\"\r\n                                                target=\"_blank\"\r\n                                                rel=\"noopener noreferrer\"\r\n                                            >\r\n                                                here\r\n                                            </a>\r\n                                        </p>\r\n                                    </div>\r\n                                    <Field\r\n                                        name=\"TermsAndConditions\"\r\n                                        type={FieldType.CHECKBOX}\r\n                                        checkBoxLabel=\"By ticking this box you are confirming that you have read, understood and agree, on behalf of the \r\n                                        Company, to the application of the BIFA terms.\"\r\n                                        component={FormField}\r\n                                    />\r\n                                    <div\r\n                                        className={\r\n                                            \"form-field \" +\r\n                                            (errors.Token ? \"error-field\" : \"\")\r\n                                        }\r\n                                    >\r\n                                        <div\r\n                                            className={\r\n                                                \"field-label \" +\r\n                                                (errors.Token\r\n                                                    ? \"error-label\"\r\n                                                    : \"\")\r\n                                            }\r\n                                        >\r\n                                            CAPTCHA\r\n                                        </div>\r\n                                        <div\r\n                                            style={{\r\n                                                marginTop: \"8px\",\r\n                                            }}\r\n                                        >\r\n                                            <Reaptcha\r\n                                                sitekey={\r\n                                                    config.Recaptcha_SiteKey\r\n                                                }\r\n                                                onVerify={async (response) => {\r\n                                                    setFieldValue(\r\n                                                        \"Token\",\r\n                                                        response\r\n                                                    );\r\n                                                }}\r\n                                                onExpire={() => {\r\n                                                    setFieldValue(\"Token\", \"\");\r\n                                                }}\r\n                                            />\r\n                                        </div>\r\n                                        {errors.Token ? (\r\n                                            <div className=\"error-text\">\r\n                                                {errors.Token}\r\n                                            </div>\r\n                                        ) : null}\r\n                                    </div>\r\n                                    <div className=\"button-container\">\r\n                                        <button\r\n                                            type=\"submit\"\r\n                                            disabled={isSubmitting}\r\n                                            onClick={onClick}\r\n                                        >\r\n                                            Apply\r\n                                        </button>\r\n                                    </div>\r\n                                </div>\r\n                            </Form>\r\n                        </>\r\n                    );\r\n                }}\r\n            </Formik>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default CreditFormPage;\r\n","import React, { FC, useEffect } from \"react\";\r\nimport ValidationMessage from \"../components/ValidationMessage\";\r\nimport { MessageType } from \"../types\";\r\n\r\nconst CreditFormSuccessPage: FC = () => {\r\n    useEffect(() => {\r\n        document.title = \"Credit Application\";\r\n    }, []);\r\n\r\n    return (\r\n        <ValidationMessage type={MessageType.SUCCESS}>\r\n            Many thanks for your application. Your EV Cargo Global Forwarding\r\n            contact will be in touch with you soon to discuss and further\r\n            requirements.\r\n        </ValidationMessage>\r\n    );\r\n};\r\n\r\nexport default CreditFormSuccessPage;\r\n","import React from \"react\";\r\n\r\nconst NotFoundPage = () => {\r\n\r\n    return (\r\n        <div className=\"pages-body notfound-page p-d-flex p-flex-column\">\r\n            <div className=\"p-as-center p-mt-auto p-mb-auto\">\r\n                <div className=\"pages-panel card p-d-flex p-flex-column\">\r\n                    <div className=\"pages-header p-px-3 p-py-1\">\r\n                        <h2>NOT FOUND</h2>\r\n                    </div>\r\n                    <div className=\"pages-detail p-pb-6\">Requested resource is not available.</div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default NotFoundPage;\r\n","import React, { useEffect } from \"react\";\r\nimport { Route, Switch } from \"react-router\";\r\nimport { BrowserRouter } from \"react-router-dom\";\r\nimport UserRequestPage from \"./pages/UserRequestPage\";\r\nimport CreditFormPage from \"./pages/CreditFormPage\";\r\nimport CreditFormSuccessPage from \"./pages/CreditFormSuccessPage\";\r\nimport NotFoundPage from \"./pages/NotFoundPage\";\r\n\r\nconst App = () => {\r\n    return (\r\n        <BrowserRouter>\r\n            <Switch>\r\n                <Route exact path=\"/\" component={NotFoundPage} />\r\n                <Route\r\n                    exact\r\n                    path=\"/credit-application\"\r\n                    component={CreditFormPage}\r\n                />\r\n                <Route\r\n                    exact\r\n                    path=\"/credit-application/success\"\r\n                    component={CreditFormSuccessPage}\r\n                />\r\n                <Route exact path=\"/user-request\" component={UserRequestPage} />\r\n            </Switch>\r\n        </BrowserRouter>\r\n    );\r\n};\r\n\r\nexport default App;\r\n","import React from \"react\";\r\nimport { render } from \"react-dom\";\r\nimport App from \"./App\";\r\nimport \"./scss/style.scss\";\r\nimport \"react-loader-spinner/dist/loader/css/react-spinner-loader.css\";\r\n// import registerServiceWorker from './registerServiceWorker';\r\n\r\nrender(\r\n    <App />,\r\n    document.getElementById(\"root\")\r\n);\r\n\r\n// registerServiceWorker();\r\n"],"sourceRoot":""}