\n
\n \n \n {getText(content, 'CustomHeaderMessage')}\n
\n\n \n
\n\n \n \n \n
\n \n \n
\n {getText(content, 'InstructionText1')}\n
\n );\n }\n return null;\n };\n\n const displayInstructionSet2 = () => {\n if ([ssn, pin, ddn].filter(el => !!el).length === 1) {\n return (\n\n {getText(content, 'InstructionText2')}\n
\n );\n }\n return null;\n }\n\n const displayInstructionSet3 = () => {\n if (\n [ssn, pin, ddn].filter(el => !!el).length === 2\n || (ssn && pin && ddn)\n ) {\n return (\n\n {getText(content, 'InstructionText3')}\n
\n );\n }\n return null;\n }\n return (\n\n {displayInstructionSet1()}\n {displayInstructionSet2()}\n {displayInstructionSet3()}\n
\n );\n};\n\nexport default InputInstructions;\n","import React from 'react';\n\ninterface Props {\n onClick: () => void\n}\n\nconst HelpIcon = ({onClick}: Props) => {\n return (\n \n ?\n
\n )\n}\n\nexport default HelpIcon;\n","import React, {useState} from 'react';\nimport HelpIcon from './HelpIcon';\nimport {Modal, ModalBody, ModalHeader} from 'reactstrap';\nimport {getText} from '../utils/ContentHelpers'\n\ninterface Props {\n headerTitle: any\n}\n\nconst HelpModalWrapper: React.FCError retrieving content. Please refresh and try again.
);\n } else {\n return props.children;\n }\n }\n\n return (\n\n 
\n
\n );\n }\n return null;\n };\n const displayImg2 = () => {\n if (\n content\n && content.Image2\n && content.Image2.Paths\n && content.Image2.Paths[0]\n ) {\n return (\n \n \n 
\n
\n );\n }\n return null;\n };\n return (\n \n {getText(content, 'Instructions1')}
\n{getText(content, 'Instructions2')}
\n {displayImg1()}\n {displayImg2()}\n{getText(content, 'Instructions3')}
\n\n Error: {errors[0]}\n
\n );\n } else if (errors.length > 1) {\n const errorList = errors.map((errorString, index) => {\n return (\nErrors:
\n- {errorList}
\n Loading...
\n );\n}\n\nexport default LoadingIcon;\n","import { Address } from \"../types\";\n\nexport const parseJWT = (jwt: string | null) => {\n if (jwt) {\n const b64URL = jwt.split('.')[1];\n const b64 = b64URL.replace(/-/g, '+').replace(/_/g, '/');\n const jsonPayload = decodeURIComponent(atob(b64).split('').map((c) => {\n return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);\n }).join(''));\n return JSON.parse(jsonPayload);\n }\n};\n\nexport const isEnhancedLogin = ():boolean => {\n const parsedJWT = parseJWT(sessionStorage.getItem('vor-jwt'));\n\n return parsedJWT && parsedJWT.enhancedLogin === 'true' ? true : false;\n}\n\nexport const parseCurrency = (currency?: number, noValReturn: string = ''): string => {\n if (currency) {\n const price = currency.toFixed(2);\n return `$${price}`;\n }\n return noValReturn;\n}\nexport const validateLegalAddressForm = (values: any) => {\n const errors: any = {};\n // tslint:disable-next-line\n const POBoxRegex = /^ *((#\\d+)|((box|bin)[-. /\\\\]?\\d+)|(.*p[ .]? ?(o|0)[-. /\\\\]? *-?((box|bin)|b|(#|num)?\\d+))|(p(ost)? *(o(ff(ice)?)?)? *((box|bin)|b)? *\\d+)|(p *-?\\/?(o)? *-?box)|post office box|((box|bin)|b) *(number|num|#)? *\\d+|(num|number|#) *\\d+) /i;\n\n if (POBoxRegex.test(values.lineOne)) {\n errors.address = 'A PO Box cannot be used as a legal address.';\n }\n\n if (!values.lineOne || values.lineOne === '') {\n errors.address = 'Address Required.';\n }\n\n if (!values.city || values.city === '') {\n errors.city = 'City Required.';\n }\n\n if (!values.state || values.state === '') {\n errors.state = 'State Required.';\n }\n\n if (!values.zip || values.zip === '') {\n errors.zip = 'Zip Required.';\n }\n\n if (values.lineOne && values.lineOne.length > 20) {\n errors.address = 'Address length cannot exceed 20 characters.';\n }\n\n if (values.city && values.city.length > 16) {\n errors.city = 'City length cannot exceed 16 characters.';\n }\n\n if (values.zip && values.zip.length > 11) {\n errors.zip = 'Zip length cannot exceed 11 characters.';\n }\n return errors;\n};\n\nexport const formatHeightFeet = (value: string): string => {\n if (value) {\n if (!/^\\d+$/.test(value)) {\n return '';\n } else if (Number(value) > 9) {\n return '9';\n } else if (Number(value) < 1) {\n return '1';\n }\n }\n return value;\n}\n\nexport const formatHeightInches = (value: string): string => {\n if (value) {\n if (!/^\\d+$/.test(value)) {\n return '';\n } else if (Number(value) > 11) {\n return '11';\n } else if (Number(value) < 0) {\n return '0';\n }\n }\n return value;\n}\n\nexport const formatWeight = (weight: any) => {\n if (!weight) {\n return weight;\n }\n if (weight) {\n if (!/^\\d+$/.test(weight)) {\n return '';\n } else if (Number(weight) > 999) {\n return '999';\n } else if (Number(weight) < 1) {\n return '1';\n } else {\n return weight;\n }\n }\n};\n\nexport const getCleanAddress = (address: Address): Address => {\n const cleanAddress = address;\n cleanAddress.country = cleanAddress.country === null ? \"\" : cleanAddress.country;\n cleanAddress.lineTwo = cleanAddress.lineTwo === null ? \"\" : cleanAddress.lineTwo;\n cleanAddress.lineThree = cleanAddress.lineThree === null ? \"\" : cleanAddress.lineThree;\n return cleanAddress\n}\n","import {getItemAction, postItemAction} from './baseActions';\nimport { TransactionModel } from '../types';\n\nexport const createPaymentTransaction = (transactionModel: TransactionModel) => {\n\n return postItemAction({\n url: '/cms/api/online-renewal/transactions',\n bodyObj: transactionModel\n });\n}\n\nexport interface Transaction {\n \"firstname\": string\n \"lastname\": string\n \"middleinitial\": string\n \"suffix\": string\n \"credentialtype\": string\n \"restrictions\": string\n \"endorsements\": string\n \"class\": string\n \"organdonor\": boolean\n \"veteran\": boolean\n \"paymenttype\": string\n \"lastforcreditcard\": string\n \"cardholdername\": string\n \"confirmationnumber\": string\n \"dateoftransaction\": string\n \"servicetype\": string\n \"pricingname\": string\n \"ordertotal\": number\n}\nexport const getTransactionDetails = (transactionId: string) => {\n return getItemAction({\n url: `/cms/api/online-renewal/transactions/${transactionId}`\n }) as Promise<{ data: Transaction }>;\n}\n\nexport const completePaymentTransaction = (transactionId: string, confId: string) => {\n return postItemAction({\n url: `/cms/api/online-renewal/transactions/${transactionId}/complete`,\n bodyObj: {\n transactionConfirmationNumber: confId\n }\n });\n}\n\nexport type TransactionHistoryItem = {\n transactionId: string | null\n identityId: string | null\n credentialId: string | null\n credentialRequestId: string | null\n dateBecameNotInflight: string | null\n fields: Transaction\n}\nexport const getPaymentTransactionHistory = () => {\n return getItemAction({\n url: `cms/api/online-renewal/transaction-history`\n }) as Promise<{ data: TransactionHistoryItem[] }>;\n};\n\n","import React from 'react';\nimport { Row, Col, Button, Card } from 'reactstrap';\nimport { getReviewEditsContent } from '../requestActions/contentActions';\nimport LoadingIcon from '../components/LoadingIcon';\nimport { getText } from '../utils/ContentHelpers';\nimport { parseCurrency, parseJWT, getCleanAddress } from '../utils/UtilityFunctions';\nimport { Addresses, TransactionModel, TransactionCreationResponse, Address } from '../types';\nimport { createPaymentTransaction } from '../requestActions/transactionActions';\nimport LaddaButton, {SLIDE_LEFT} from 'react-ladda';\nimport ErrorAlert from '../components/ErrorAlert';\n\ninterface Props {\n jwt: string\n selectedCredentialId: string\n language: string\n returnToEdit: () => void\n selectedCredential: any\n newServiceType?: string\n heightFeet?: string\n heightInches?: string\n weight?: string\n eyeColor?: string\n gender?: string\n organDonor?: boolean\n medicalDisclosure?: boolean\n declineVoter?: boolean\n cdlSelfCertificationType?: string\n citizen?: boolean\n legalPresence?: boolean\n resident?: boolean\n phone?: string\n email?: string\n receiveEmail?: boolean\n receiveSMS?: boolean\n newAddresses: Addresses\n price?: string,\n selectedPriceObj?: any\n eyeColorList: any\n genderList: any\n addressContent: any\n replacementReason?: string\n replacementReasonList: any\n keepSchoolBusEndorsement: any\n takenSchoolBusClinic: any\n keepHazardousMaterialsEndorsement: any\n submittedFingerprints: any\n}\n\nclass Confirmation extends React.Component \n \n
\n \n
\n \n \n
\n {this.displayDurationOrReason()}\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n {getText(reviewEditsContent.ReviewConfirmationPage, \"ConfirmButtonText\")}\n \n \n
\n
\n );\n }\n}\n\nexport default Confirmation;\n","import React from 'react';\nimport {Row, Col, Button} from 'reactstrap';\nimport { getText, getLinkObj } from '../../utils/ContentHelpers';\nimport LogoutBtn from '../../components/LogoutBtn';\nimport {Redirect} from \"react-router-dom\";\n\ninterface Props {\n content?: any\n}\n\nclass NoCredentials extends React.Component {getText(reviewEditsContent.ReviewConfirmationPage, \"Title\")}
\n \n{getText(reviewEditsContent.ReviewConfirmationPage, \"Subtitle\")}
\n \n\n {getText(content, 'NoCredentialTitle')}\n
\n \n\n {getText(content, 'NoCredentialSubtitle')}\n
\n \n\n {getText(content, 'NoCredentialMessage')}\n
\n \n\n {getText(content, 'NoCredentialContactMessage')}\n
\n \n \n {getText(content, 'NoCredentialWebsiteMessage')}\n {link.Text || link.Url}\n
\n \n \n {formattedDate}\n
\n );\n }\n return (\n \n {'N/A'}\n
\n );\n };\n\n const formatPriceCells = (row: any) => {\n const muted = row && (\n row.original.renewal4YearPrice\n || row.original.renewal2YearPrice\n || row.original.replacementPrice\n || row.original.restrictedPrice\n ) ? '' : 'light-grey-text';\n\n if (row.value) {\n return (\n \n {parseCurrency(row.value, 'N/A')}\n
\n );\n }\n return (\n \n {'N/A'}\n
\n );\n };\n\n const columns = [\n {\n Header: getText(content, \"TableHeadingColType\"),\n accessor: \"contextData.licensetype\",\n Cell: (rowInfo: any) => {\n const muted = rowInfo && (\n rowInfo.original.renewal4YearPrice\n || rowInfo.original.renewal2YearPrice\n || rowInfo.original.replacementPrice\n || rowInfo.original.restrictedPrice\n ) ? '' : 'light-grey-text';\n return (\n \n {rowInfo.original.contextData.licensetype}\n
\n );\n }\n },\n {\n Header: getText(content, \"TableHeadingColIssueDate\"),\n accessor: \"issueDate\",\n Cell: formatDateCells\n },\n {\n Header: getText(content, \"TableHeadingColExpDate\"),\n accessor: \"expirationDate\",\n Cell: formatDateCells\n },\n {\n Header: getText(content, \"TableHeadingColStatus\"),\n accessor: \"contextData.status\",\n Cell: (rowInfo: any) => {\n const muted = rowInfo && (\n rowInfo.original.renewal4YearPrice\n || rowInfo.original.renewal2YearPrice\n || rowInfo.original.replacementPrice\n || rowInfo.original.restrictedPrice\n ) ? '' : 'light-grey-text';\n return (\n \n {rowInfo.original.contextData.status}\n
\n );\n }\n },\n {\n Header: getText(content, \"TableHeadingColRenewal4Year\"),\n accessor: \"renewal4YearPrice\",\n Cell: formatPriceCells\n },\n {\n Header: getText(content, \"TableHeadingColRenewal2Year\"),\n accessor: \"renewal2YearPrice\",\n Cell: formatPriceCells\n },\n {\n Header: getText(content, \"TableHeadingColReplace\"),\n accessor: \"replacementPrice\",\n Cell: formatPriceCells\n },\n {\n Header: getText(content, \"TableHeadingColRestricted\"),\n accessor: \"restrictedPrice\",\n Cell: formatPriceCells\n }\n ]\n\n const toggleSelection = (key: any, shift: any, row: any) => {\n if (isSelected(row.id)) {\n onSelect(0);\n } else {\n onSelect(row.id);\n }\n }\n\n const isSelected = (key: any) => {\n return selectedRowId === key;\n }\n\n const getSelectableTrProps = (DataGridProps: any, rowData: any) => {\n if (\n rowData\n && (\n rowData.original.renewal4YearPrice\n || rowData.original.renewal2YearPrice\n || rowData.original.replacementPrice\n || rowData.original.restrictedPrice\n )\n ) {\n return {\n id: rowData.original.id,\n selected: isSelected(rowData.original.id),\n selectRow: toggleSelection,\n rowData: rowData\n };\n }\n return {};\n };\n const getSelectableInput = (DataGridProps: any) => {\n if (\n DataGridProps.row\n && (\n DataGridProps.row.renewal4YearPrice\n || DataGridProps.row.renewal2YearPrice\n || DataGridProps.row.replacementPrice\n || DataGridProps.row.restrictedPrice\n )\n ) {\n return (\n \n
\n );\n }\n return (\n \n {getText(content, 'SelectionHeading')}\n
\n \n\n {getText(content, \"SelectedLabelLastName\")}\n
\n \n {displayContextField('lastname', 'N/A')}\n
\n \n \n {getText(content, \"SelectedLabelMiddleName\")}\n
\n \n {displayContextField('middlename', 'N/A')}\n
\n \n \n {getText(content, \"SelectedLabelFirstName\")}\n
\n \n {displayContextField('firstname', 'N/A')}\n
\n \n \n {getText(content, \"SelectedLabelDOB\")}\n
\n \n {parseDateField(displayContextField('dateofbirth'))}\n
\n \n \n {getText(content, \"SelectedLabelLicenseType\")}\n
\n \n {displayContextField('licensetype', 'N/A')}\n
\n \n \n {getText(content, \"SelectedLabelIssueDate\")}\n
\n \n {parseDateField(displayField('issueDate'))}\n
\n \n \n {getText(content, \"SelectedLabelExpDate\")}\n
\n \n {parseDateField(displayField('expirationDate'))}\n
\n \n {getText(content, 'HelpInstructions')}
\n{getText(content, 'RenewalSectionHeader')}
\n\n
\n {getText(content, 'RenewalQuestion1')}
\n {getText(content, 'RenewalAnswer1')}
\n \n
\n {getText(content, 'RenewalQuestion2')}
\n {getText(content, 'RenewalAnswer2')}
\n {getText(content, 'ReplaceSectionHeader')}
\n\n
\n {getText(content, 'ReplaceQuestion1')}
\n {getText(content, 'ReplaceAnswer1')}
\n \n
\n {getText(content, 'ReplaceQuestion2')}
\n {getText(content, 'ReplaceAnswer2')}
\n {getText(content, 'MoreHelpText')}
\n {getText(content, 'MoreHelpText2')}{link.Text || link.Url}{getText(content, 'MoreHelpText3')}
\n \n {getText(content, 'MainTitle')}\n
\n \n\n {getText(content, 'Subtitle')}\n
\n \n\n {getText(content, 'AvailableCredHeading')}\n
\n \n\n {getText(content, 'EnhancedLogin')}\n
\n \n\n {getText(content, 'ActionsHeading')} \n \n \n
\n \n \n {getText(content, 'CancelButtonMessage')}\n
\n View any previous transactions
\n \n {getText(content, 'RenewButtonMessage')}\n
\n \n {getText(content, 'ReplaceButtonMessage')}\n
\n \n
\n )\n }\n\n addressCards = () => {\n const addressDisplayNameMap: any = {\n 0: getText(this.props.addressContent, 'LegalDisplayName'),\n 1: getText(this.props.addressContent, 'CommercialDisplayName'),\n 2: getText(this.props.addressContent, 'MailingDisplayName'),\n 3: getText(this.props.addressContent, 'SpecialMailingDisplayName'),\n 4: getText(this.props.addressContent, 'POBoxDisplayName')\n };\n\n if (this.props.newAddresses.length > 0) {\n return this.props.newAddresses.map((address: any, index: number) => {\n if (address.addressType !== 3) {\n return (\n \n
\n {isCurrent !== undefined && !isCurrent &&\n Is this your correct address?
\n \n \n
\n * Please update this address
\n }\n \n \n
\n \n
\n \n \n this.handleChange(index, 'lineOne', e.target.value)}\n value={this.props.newAddresses[index].lineOne}\n required={true}\n onBlur={address.addressType === 0 ? this.verifyLegalAddressEvent : this.verifyOtherAddressEvent}\n invalid={address.addressType === 0 ? this.state.legalAddressInvalid : this.state.otherAddressInvalid}\n />\n \n {address.addressType === 0 ? this.state.legalAddressError : this.state.otherAddressError}\n \n \n \n
\n \n \n this.handleChange(index, 'city', e.target.value)}\n value={this.props.newAddresses[index].city}\n required={true}\n onBlur={(e) => this.verifyCityEvent(e, index)}\n invalid={this.state['cityInvalid' + index]}\n />\n \n {this.state['cityError' + index]}\n \n \n \n
\n \n \n {address.addressType !== 2\n ? this.handleChange(index, 'state', e.target.value)}\n value={this.props.newAddresses[index].state}\n type=\"select\"\n name=\"legalState\"\n onBlur={(e) => this.verifyStateEvent(e, index)}\n invalid={this.state['stateInvalid' + index]}\n >\n \n {this.props.fieldOptions ? this.legalStateOptions() : null}\n \n : this.handleChange(index, 'state', e.target.value)}\n value={this.props.newAddresses[index].state}\n type=\"select\"\n name=\"mailingState\"\n onBlur={(e) => this.verifySpecialMailingStateEvent(e, index)}\n invalid={this.state.specialMailingStateInvalid}\n >\n \n {this.props.fieldOptions ? this.stateOptions() : null}\n }\n \n \n \n this.handleChange(index, 'zip', e.target.value)}\n value={this.props.newAddresses[index].zip}\n required={true}\n onBlur={(e) => this.verifyZipEvent(e, index)}\n invalid={this.state['zipInvalid' + index]}\n />\n \n {this.state['zipError' + index]}\n \n \n \n
\n
\n :\n \n {addressDisplayNameMap[address.addressType]}\n
\n \n\n
\n }\n \n {addressDisplayNameMap[address.addressType] + ': '}\n
\n \n {address.lineOne + ' '}
\n {address.city + ', '}\n {address.state + ', '}\n {address.zip}\n
\n {(address.addressType === 0 || address.addressType === 2) &&\n this.buildCurrentAddress(address.addressType)\n }\n \n {address.city + ', '}\n {address.state + ', '}\n {address.zip}\n
\n \n \n \n
\n \n \n this.toggleForeignAddress(index)}\n />\n {getText(this.props.addressContent, 'ForeignAddress')}\n \n this.toggleAPOAddress(index)}\n />\n {getText(this.props.addressContent, 'APOFPO')}\n \n \n \n \n this.handleChange(index, 'lineOne', e.target.value)}\n value={this.props.newAddresses[index].lineOne}\n required={true}\n onBlur={this.verifySpecialMailingAddressEvent}\n invalid={this.state.specialMailingAddressInvalid}\n />\n \n {this.state.specialMailingAddressError}\n \n \n \n \n {this.props.isAPOAddress ?\n \n \n \n this.handleChange(index, 'city', e.target.value)}\n >\n \n {this.apocityOptions()}\n \n \n \n \n \n this.handleChange(index, 'state', e.target.value)}\n >\n \n {this.apostateOptions()}\n \n \n \n \n \n this.handleChange(index, 'zip', e.target.value)}\n value={this.props.newAddresses[index].zip}\n />\n \n \n \n \n :\n \n \n \n this.handleChange(index, 'city', e.target.value)}\n value={this.props.newAddresses[index].city}\n required={true}\n onBlur={(e) => this.verifySpecialMailingCityEvent(e, index)}\n invalid={this.state.specialMailingCityInvalid}\n />\n \n {this.state.specialMailingCityError}\n \n \n \n \n \n {!this.props.isForeignAddress\n ? (\n \n \n this.handleChange(index, 'state', e.target.value)}\n value={this.props.newAddresses[index].state}\n type=\"select\"\n name=\"apocity\"\n onBlur={(e) => this.verifySpecialMailingStateEvent(e, index)}\n invalid={this.state.specialMailingStateInvalid}\n >\n \n {this.stateOptions()}\n \n \n {this.state.specialMailingStateError}\n \n \n \n \n this.handleChange(index, 'zip', e.target.value)}\n value={this.props.newAddresses[index].zip}\n required={true}\n onBlur={(e) => this.verifySpecialMailingZipEvent(e, index)}\n invalid={this.state.specialMailingZipInvalid}\n />\n \n {this.state.specialMailingZipInvalid}\n \n \n \n \n ) : (\n \n \n this.handleChange(index, 'country', e.target.value)}\n value={this.props.newAddresses[index].country}\n required={true}\n onBlur={(e) => this.verifySpecialMailingCountryEvent(e, index)}\n invalid={this.state.specialMailingCountryInvalid}\n />\n \n {this.state.specialMailingCountryError}\n \n \n \n \n this.handleChange(index, 'zip', e.target.value)}\n value={this.props.newAddresses[index].zip}\n required={false}\n onBlur={(e) => this.verifySpecialMailingZipEvent(e, index)}\n invalid={this.state.specialMailingZipInvalid}\n />\n {/* \n {this.state.specialMailingZipError}\n */}\n \n \n \n )\n }\n
\n \n }\n \n
\n
\n \n {addressDisplayNameMap[address.addressType]} \n
\n \n\n
\n \n {getText(this.props.addressContent, 'StreetSuffixInstructional')}\n
\n \n {getText(this.props.addressContent, 'StreetSuffix')}\n \n \n \n \n
\n \n
\n );\n }\n\n selectDurationRenew = (event: React.SyntheticEvent\n \n {getText(this.state.content, 'CancelButton')}\n \n
\n \n
\n
\n \n
\n \n {getText(this.state.content, 'SubmitButton')}\n \n
\n \n
\n );\n } else {\n const price = selectedCredential && selectedCredential.prices && selectedCredential.prices.filter((price: any) => price.name === \"Replacement\")\n if (!this.state.price) {\n this.setState({\n price: price && price[0].currency,\n selectedPriceObj: price[0]\n });\n }\n return (\n \n \n
\n {\n isRestricted ?\n \n {getText(this.state.content, 'RestrictedDurationText')}\n
\n :\n \n \n \n {duration}\n \n
\n }\n \n
\n \n \n
\n \n \n \n {this.mapReplacementReasonList()}\n \n
\n \n
\n
\n \n
\n
\n {this.state.keepSchoolBusEndorsement ?\n \n \n
\n \n this.setKeepSchoolBusEndorsement(true)}\n />{' '}{getText(content, 'Yes')}\n
\n \n this.setKeepSchoolBusEndorsement(false)}\n />{' '}{getText(content, 'No')}\n
\n \n
\n : <>\n }\n ;\n }\n\n HazardousMaterialsEndorsementQuestion = (content: any) => {\n return <>\n \n \n
\n \n this.setTakenSchoolBusClinic(true)}\n />{' '}{getText(content, 'Yes')}\n
\n \n this.setTakenSchoolBusClinic(false)}\n />{' '}{getText(content, 'No')}\n
\n \n \n {this.state.takenSchoolBusClinic === false ?\n <>Your application cannot be processed online. Please call 802-828-0598 : <>}\n
\n \n
\n
\n \n
\n
\n {this.state.keepHazardousMaterialsEndorsement ?\n \n \n
\n \n this.setKeepHazardousMaterialsEndorsement(true)}\n />{' '}{getText(content, 'Yes')}\n
\n \n this.setKeepHazardousMaterialsEndorsement(false)}\n />{' '}{getText(content, 'No')}\n
\n \n
\n : <>\n }\n \n }\n\n render() {\n const {\n selectedCredential,\n renderConfirm,\n loading,\n content,\n newServiceType,\n heightFeet,\n heightInches,\n weight,\n eyeColor,\n gender,\n organDonor,\n medicalDisclosure,\n declineVoter,\n cdlSelfCertificationType,\n citizen,\n legalPresence,\n resident,\n phone,\n email,\n receiveEmail,\n receiveSMS,\n newAddresses,\n price,\n selectedPriceObj,\n eyeColorList,\n genderList,\n displayErrorAlert,\n alertErrors,\n replacementReason,\n currentPhone,\n currentEmail,\n replacementReasonList,\n keepSchoolBusEndorsement,\n takenSchoolBusClinic,\n keepHazardousMaterialsEndorsement,\n submittedFingerprints\n\n } = this.state;\n\n if (loading) {\n return \n \n
\n \n this.setSubmittedFingerprints(true)}\n />{' '}{getText(content, 'Yes')}\n
\n \n this.setSubmittedFingerprints(false)}\n />{' '}{getText(content, 'No')}\n
\n \n \n {this.state.submittedFingerprints === false ?\n <>Your application cannot be processed online. Please call 802-828-0598 : <>}\n
\n \n \n 404 Page Not Found for
\n
\n );\n};\n\nexport default NotFound404;\n","import Handlebars from \"handlebars\";\nimport axios from \"axios\";\n\nexport type ReceiptModel = {\n firstName: string,\n lastName: string,\n middleInitial: string,\n suffix: string,\n credentialType: string,\n restrictions: string,\n endorsements: string,\n class: string,\n organDonor: string,\n veteran: string,\n paymentType: string,\n lastFourCreditCard: string,\n cardholderName: string\n confirmationNumber: string,\n dateOfTransaction: string,\n serviceType: string,\n orderTotal: number\n}\n\nconst buildReceiptTemplate = () => {\n const templateUrl = '/templates/printReceipt.html';\n return axios.get(templateUrl)\n .then((res) => {\n const receiptTemplate = Handlebars.compile(res.data);\n return receiptTemplate;\n });\n};\n\nexport const openPrintReceiptWindow = (model: ReceiptModel) => {\n const printReceiptWindow = window.open();\n if (printReceiptWindow) {\n buildReceiptTemplate()\n .then((template) => printReceiptWindow.document.write(template(model)));\n }\n}\n","import React from 'react';\nimport { Row, Col, Button } from 'reactstrap';\nimport { getPaymentConfirmationContent, getSharedContent } from '../requestActions/contentActions';\nimport LoadingIcon from '../components/LoadingIcon';\nimport { getText, getLinkObj } from '../utils/ContentHelpers';\nimport {openPrintReceiptWindow, ReceiptModel} from '../utils/ReceiptGenerator';\nimport LogoutBtn from '../components/LogoutBtn';\nimport { completePaymentTransaction } from '../requestActions/transactionActions';\nimport { TransactionCompleteResponse } from '../types';\n\ninterface Props {\n language: string\n}\n\nclass PrintReceipt extends React.Component \n 404 Page Not Found for {location.pathname}\n
\n {getText(paymentConfirmationContent.ConfirmationPage, \"Title\")}
\n \n{getText(paymentConfirmationContent.ConfirmationPage, \"Subtitle\")}
\n \n\n {formattedDate}\n
\n );\n }\n return (\n \n {'N/A'}\n
\n );\n };\n\n const formatPriceCells = (row: any) => {\n\n if (row.value) {\n return (\n \n {parseCurrency(row.value, 'N/A')}\n
\n );\n }\n return (\n \n {'N/A'}\n
\n );\n };\n\n const columns: Column[] = [\n {\n Header: \"Credential Type\",\n accessor: \"fields.credentialtype\"\n },\n {\n Header: \"Service Type\",\n accessor: \"fields.servicetype\"\n },\n {\n Header: \"Transaction Date\",\n accessor: \"fields.dateoftransaction\",\n Cell: formatDateCells\n },\n {\n Header: \"Order Total\",\n accessor: \"fields.ordertotal\",\n Cell: formatPriceCells\n },\n {\n Header: \"Re-Print Receipt\",\n accessor: \"\",\n Cell: (rowInfo) => No Transactions Found
)\n return (\n\n Transaction History\n
\n \n\n \n \n \n \n \n \n \n {jwt\n ?
\n \n \n \n
\n );\n }\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\ntype Config = {\n onSuccess?: (registration: ServiceWorkerRegistration) => void;\n onUpdate?: (registration: ServiceWorkerRegistration) => void;\n};\n\nexport function register(config?: Config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(\n (process as { env: { [key: string]: string } }).env.PUBLIC_URL,\n window.location.href\n );\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl: string, config?: Config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl: string, config?: Config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import React from 'react';\nimport TopHeader from './Headers/TopHeader';\nimport { Row, Col } from 'reactstrap';\n\ninterface State {\n hasError: boolean\n}\n\nclass ErrorBoundry extends React.Component \n
\n }\n \n \n {getText(sharedContentText.SharedContentItems, 'BottomFAQMessage')}\n {link}\n
\n\n An unexpected error has occurred.\n
\n\n Please refresh and try again.\n
\n\n
\n \n \n If this problem persists please contact us at: \n https://dmv.vermont.gov/contact\n
\n