\n\t\t\t{(isSettingsLoading || isAuthLoading) && (\n\t\t\t\t\n\t\t\t\t\tLoading \n\t\t\t\t \n\t\t\t)}\n\n\t\t\tPayment Methods \n\n\t\t\t{sources.length <= (settings.numberOfPaymentMethodsToAllowOnSplitPayments || settings.numberOfPaymentMethodsToAllowOnSplitPayments === 0) && (\n\t\t\t\t\n\t\t\t)}\n\t\t\t
\n\t);\n};\n\nMultiPaymentInformation.propTypes = {\n\tpolicies: PropTypes.array.isRequired,\n\tpayment: PropTypes.object.isRequired,\n\tonPaymentInformationUpdate: PropTypes.func.isRequired,\n\tbypassEmailAddressCheck: PropTypes.bool,\n};\n\nexport default MultiPaymentInformation;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport PaymentInformationHeader from './PaymentInformationHeader';\nimport PaymentSource from './PaymentSource';\nimport { Form } from 'semantic-ui-react';\nimport EmailAddress from './EmailAddress';\n\nclass SinglePaymentInformation extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tsource: props.source ?? { emailAddress: props.defaultEmailAddress },\n\t\t};\n\n\t\tthis.paymentRef = React.createRef();\n\n\t\tthis.onSourceUpdate = this.onSourceUpdate.bind(this);\n\t\tthis.onSourceAdd = this.onSourceAdd.bind(this);\n\t\tthis.isValid = this.isValid.bind(this);\n\t}\n\n\tisValid() {\n\t\tconst { bypassEmailAddressCheck } = this.props;\n\t\tconst { source } = this.state;\n\t\tconst { emailAddress } = source;\n\n\t\tvar valid = !!bypassEmailAddressCheck ? true : !!emailAddress && emailAddress !== '';\n\n\t\tif (this.paymentRef.current) {\n\t\t\treturn valid && this.paymentRef.current.isValid();\n\t\t} else {\n\t\t\treturn valid && true;\n\t\t}\n\t}\n\n\tcontinue() {\n\t\tthis.paymentRef.current.add();\n\t}\n\n\treset() {\n\t\tthis.paymentRef.current.reset();\n\t}\n\n\tonSourceUpdate(source) {\n\t\tconst { onPaymentInformationUpdate, policies, isRecurring } = this.props;\n\t\tif (!isRecurring) {\n\t\t\tsource.amounts = {};\n\t\t\tpolicies.forEach((p) => {\n\t\t\t\tsource.amounts[p.displayName] = p.amount;\n\t\t\t});\n\t\t}\n\n\t\tthis.setState({ source }, () => {\n\t\t\tonPaymentInformationUpdate(source);\n\t\t});\n\t}\n\n\tonSourceAdd(source) {\n\t\tconst { onPaymentInformationUpdate, onContinue, policies, isRecurring } = this.props;\n\t\tif (!isRecurring) {\n\t\t\tsource.amounts = {};\n\t\t\tpolicies.forEach((p) => {\n\t\t\t\tsource.amounts[p.displayName] = p.amount;\n\t\t\t});\n\t\t}\n\n\t\tthis.setState({ source }, () => {\n\t\t\tonPaymentInformationUpdate(source);\n\t\t\tonContinue();\n\t\t});\n\t}\n\n\trender() {\n\t\tconst { policies, payment, isRecurring, actions, defaultEmailAddress, allowMultipleEmailAddresses, bypassEmailAddressCheck, emailAddressOptions, hidePaymentOption } = this.props;\n\t\tconst { source } = this.state;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{!isRecurring &&
\n\t\t);\n\t}\n}\n\nSinglePaymentInformation.propTypes = {\n\tpolicies: PropTypes.array.isRequired,\n\tpayment: PropTypes.object.isRequired,\n\tonPaymentInformationUpdate: PropTypes.func.isRequired,\n\tonContinue: PropTypes.func.isRequired,\n\tactions: PropTypes.object.isRequired,\n\tallowMultipleEmails: PropTypes.bool,\n\tbypassEmailAddressCheck: PropTypes.bool,\n};\n\nexport default SinglePaymentInformation;\n","import React from 'react';\nimport PaymentConfirm from './PaymentConfirm';\nimport PaymentConfirmation from './PaymentConfirmation';\nimport numeral from 'numeral';\nimport MultiPaymentInformation from './MultiPaymentInformation';\nimport SinglePaymentInformation from './SinglePaymentInformation';\nimport { Header } from 'semantic-ui-react';\n\nexport function PaymentConfirmationStep({ policies, sources, payment, paymentActions, setLoading, loading, onPaymentInformationUpdate, onPaymentComplete }) {\n\treturn {\n\t\tsubheader: null,\n\t\tcontent: - \n\t\t\t\t\t{errors.map((e, i) => {\n\t\t\t\t\t\treturn
- {e} ;\n\t\t\t\t\t})}\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t)}\n\t\t\tTime Left: {`${minutes}:${String(seconds).padStart(2, '0')}`}
\n\t\t\t\t\t\n\t\t\t
\n\t);\n};\n\nconst PaymentListItem = ({ subject, type }) => {\n\tconst { current, future, header } = subject;\n\n\tconst icon = useMemo(() => {\n\t\tconst prefix = header.substring(0, 3);\n\t\tvar iconType = '';\n\t\tswitch (prefix) {\n\t\t\tcase 'PPA':\n\t\t\t\ticonType = 'car';\n\t\t\t\tbreak;\n\t\t\tcase 'HOM':\n\t\t\tcase 'PIM':\n\t\t\tcase 'PUP':\n\t\t\tcase 'DFR':\n\t\t\t\ticonType = 'home';\n\t\t\t\tbreak;\n\t\t\tcase 'FAR':\n\t\t\tcase 'FUP':\n\t\t\t\ticonType = 'barn';\n\t\t\t\tbreak;\n\t\t\tcase 'ACC':\n\t\t\t\ticonType = '';\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\ticonType = 'open-sign';\n\t\t\t\tbreak;\n\t\t}\n\n\t\tif (iconType !== '') {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t
\n\t\t\t{subjects.map((subject, i) => {\n\t\t\t\treturn \n\t\t\t\t\t{paymentListType === PaymentListTypeAccount && 'Account'}\n\t\t\t\t\t{paymentListType === PaymentListTypePolicy && 'Policy'}\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t{paymentListType === PaymentListTypeAccount ? 'Policies' : ''}
\n\t\t\t\t\tCurrent Payment Due
\n\t\t\t\t\tLast Payment
\n\t\t\t\t\tTo Pay In Full
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\treturn null;\n\t}, [header]);\n\n\treturn (\n\t\t\n\t\t\t
\n\t);\n};\n\nconst PaymentListSubItemGroup = ({ subItems, isFuture, description, showDescription, total, ...rest }) => {\n\treturn (\n\t\t\n\t\t\t\t{icon}\n\t\t\t\t{header}\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t{
\n\t\t\t\n\t\t\t
\n\t);\n};\n\nconst PaymentListSubItem = ({ policy, includePolicyNumber, includeMetadata, isTotal }) => {\n\tconst { billing } = policy;\n\tconst { outstandingBalance, outstandingBalanceDueDate, payInFullAmount, lastPayment } = billing;\n\n\treturn (\n\t\t\n\t\t\t\t{showDescription\n\t\t\t\t\t? description.map((d) => {\n\t\t\t\t\t\t\treturn
\n\t\t\t\n\t\t\t{d}
;\n\t\t\t\t\t })\n\t\t\t\t\t: ''}\n\t\t\t\n\t\t\t\t{subItems &&\n\t\t\t\t\tsubItems.map((policy, i) => {\n\t\t\t\t\t\treturn
\n\t\t\n\t\t\t{isTotal ?
\n\t);\n};\n\nexport default PaymentList;\n","import React from 'react';\nimport PaymentList, { PaymentListTypeAccount, PaymentListTypePolicy } from './PaymentList';\n\nconst PaymentLists = ({ policies, accountGroups }) => {\n\treturn (\n\t\tTotal
\n\t\t\t\t\t : {includePolicyNumber ? policy.policyNumber : ''}
}\n\t\t\t\n\t\t\t\t
\n\t\t\t{`${numeral(Math.max(outstandingBalance < 1 ? 0 : outstandingBalance, 0)).format('$ 0,0.00')}`}
\n\t\t\t\t{includeMetadata && Math.max(outstandingBalance, 0) >= 1 && (\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t)}\n\t\t\t\n\t\t\t\t{!policy.isFuture && lastPayment && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t
\n\t\t\t{`${numeral(lastPayment.paymentAmount).format('$ 0,0.00')}`}
\n\t\t\t\t\t\t{includeMetadata && lastPayment.paymentAmount ? {`paid ${moment(lastPayment.itemDate).format('L')}`}
: null}\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\n\t\t\t\t
\n\t\t{`${numeral(payInFullAmount).format('$ 0,0.00')}`}
\n\t\t\t\n {(sources[0].type === 'credit' || sources[0].fiserv) ? \n
\n );\n};\n\nTerms.propTypes = {\n sources: PropTypes.array.isRequired\n};\n\nexport default Terms;","import React, { useMemo, useCallback } from 'react';\nimport { Form, Button, Loader, Input, Segment, Header } from 'semantic-ui-react';\nimport PaymentSourceDisplay from '../../../../external-components/payments/steps/PaymentSourceDisplay';\nimport styles from './EditRecurringPaymentInformation.module.scss';\n\nconst EditRecurringPaymentInformation = ({ settings, source, hasExisting, policyNumber, loading, onChangePaymentMethod, onPaymentInformationUpdate, isCredit }) => {\n\tconst { collectZipCodeForRecurringCreditCardPayments } = settings; //collectSecurityCodeForRecurringCreditCardPayments\n\n\tconst isWallet = useMemo(() => (source && source.fiserv ? !!source.fiserv.walletItemId : false), [source]);\n\tconst wallet = useMemo(() => (isWallet ? settings.wallets.find((w) => w.walletItemId === (source.fiserv || {}).walletItemId) : null), [isWallet, settings.wallets, source.fiserv]);\n\n\tconst months = useMemo(\n\t\t() =>\n\t\t\tArray.from(Array(13).keys())\n\t\t\t\t.slice(1)\n\t\t\t\t.map((o) => {\n\t\t\t\t\treturn { text: o, value: o };\n\t\t\t\t}),\n\t\t[]\n\t);\n\n\tconst years = useMemo(\n\t\t() =>\n\t\t\tArray.from(Array(10).keys())\n\t\t\t\t.map((o) => o + new Date().getFullYear())\n\t\t\t\t.map((o) => {\n\t\t\t\t\treturn { text: o, value: o };\n\t\t\t\t}),\n\t\t[]\n\t);\n\n\tconst onChange = useCallback(\n\t\t(field, value) => {\n\t\t\tonPaymentInformationUpdate({ ...source, [field]: value });\n\t\t},\n\t\t[onPaymentInformationUpdate, source]\n\t);\n\n\treturn (\n\t\t\n This authorization is to remain in full force and effect until Indiana Farmers Mutual Insurance Company has received notification (written or web) from me (us) of its termination, in such time and in such manner, as to afford Indiana Farmers Mutual Insurance Company and Credit Card Company and sponsoring financial institution a reasonable timeframe to process the transaction e.g., 15 days prior to the date the charge is scheduled to occur. I agree to pay Indiana Farmers Mutual Insurance Company for any charge that is not honored by my credit card company or sponsoring financial institution. I also understand and agree that Indiana Farmers Mutual Insurance Company may discontinue this Recurring Credit Card practice if charges are dishonored when presented to my credit card company or sponsoring financial institution and Indiana Farmers Mutual Insurance Company may invoice me for all applicable charges in any reasonable manner. I understand that the timing and amount of the Recurring Credit Card transaction will be provided in the Recurring Credit Card Notification.\n
:\n \n I (the insured) hereby represent that this request for payment via Electronic Fund Transfer has been duly authorized. I (the insured) authorize Indiana Farmers Mutual Insurance Company to make electronic withdrawals from the bank account according to the account information shown. This authorization remains in effect until I revoke it and Indiana Farmers Mutual Insurance Company has time to act. I understand that these transactions must comply with U.S. laws and that if my bank returns a payment for any reason, Indiana Farmers Mutual Insurance Company may add a return payment fee and/or this may result in the cancellation of insurance. A payment that is dishonored may result in cancellation of insurance.\n
}\n \n\t\t\t{loading &&
\n\t);\n};\n\nexport default EditRecurringPaymentInformation;\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { Icon, Header, Message, Dimmer, Loader } from 'semantic-ui-react';\nimport moment from 'moment';\n\nconst RecurringPaymentConfirmation = ({ source, data, actions, setLoading, loading }) => {\n\tconst { policyNumber, policyId, clientId, policyImageNum } = data;\n\n\tconst deductionDay = useMemo(() => moment(data.term.effectiveDate).date(), [data.term.effectiveDate]);\n\tconst [error, setError] = useState(null);\n\n\tuseEffect(() => {\n\t\tconst load = async () => {\n\t\t\ttry {\n\t\t\t\tsetLoading(true);\n\t\t\t\tconst result = await actions.addRecurringPayment({\n\t\t\t\t\tpolicyId,\n\t\t\t\t\tpolicyNumber,\n\t\t\t\t\tclientId,\n\t\t\t\t\timageNumber: policyImageNum,\n\t\t\t\t\tsource: {\n\t\t\t\t\t\t...source,\n\t\t\t\t\t\ttype: (source.type !== 'check' && source.type !== 'credit') ? source.fiserv.fundingCategory.toLowerCase(): (source.type === 'check' ? 'check' : 'credit')\n\t\t\t\t\t},\n\t\t\t\t\tdeductionDay\n\t\t\t\t});\n\t\t\t\tsetLoading(false);\n\t\t\t\tif (result.response && result.response.error) setError(result.response.error[0]);\n\t\t\t} catch (e) {\n\t\t\t\tsetLoading(false);\n\t\t\t\tsetError(e.error);\n\t\t\t}\n\t\t};\n\n\t\tload();\n\t}, [actions, clientId, policyImageNum, policyId, policyNumber, source, deductionDay, setLoading]);\n\n\treturn (\n\t\t\n\t\t\t\t\t{hasExisting && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tExisting Payment Method \n\t\t\t\t\t\t\t{isWallet && \n\t\t\t\t\t)}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t)}\n\t\tWallet: {wallet.nickname}
}\n\t\t\t\t\t\t\t\n\t\t\t{loading && (\n\t\t\t\t\n\t\t\t\t\tError: {error} \n\t\t\t\t\t \n\t\t\t)}\n\t\t\t{!error && !loading && (\n\t\t\t\t
\n\t);\n};\n\nexport default RecurringPaymentConfirmation;\n","import React, { useMemo, useEffect, useCallback, useState } from 'react';\nimport MakePayment from '../../../../external-components/payments/MakePayment';\nimport Terms from './Terms';\nimport EditRecurringPaymentInformation from './EditRecurringPaymentInformation';\nimport SinglePaymentInformation from '../../../../external-components/payments/steps/SinglePaymentInformation';\nimport RecurringPaymentConfirmation from './RecurringPaymentConfirmation';\n\nconst RecurringPayment = (props) => {\n\tconst { data, paymentActions, payment, defaultEmailAddress } = props;\n\tconst { policyId, policyNumber, paymentPlanId, isAdd,userId, paymentPlan } = data;\n\t\n\tconst [loading, setLoading] = useState(false);\n\tconst [hasExisting, setHasExisting] = useState(false);\n\tconst [source, setSource] = useState(null);\n\n\tuseEffect(() => {\n\t\tconst load = async () => {\n\t\t\ttry {\n\t\t\t\tsetLoading(true);\n\t\t\t\tconst { response: recurring } = await paymentActions.getRecurringPayment(policyNumber, policyId, userId);\n\t\t\tif (recurring.hasExisting) {\n\t\t\t\t\tsetSource({ ...recurring.source, emailAddress: recurring.source.emailAddress || defaultEmailAddress });\n\t\t\t\t\tsetHasExisting(recurring.hasExisting);\n\t\t\t\t}\n\n\t\t\t\tsetLoading(false);\n\t\t\t} catch {\n\t\t\t\tsetLoading(false);\n\t\t\t}\n\t\t};\n\n\t\tif (!isAdd) {\n\t\t\tload();\n\t\t}\n\t}, [defaultEmailAddress, isAdd, paymentActions, paymentPlanId, policyId, policyNumber,userId]);\n\n\tconst policies = useMemo(() => [{ policyNumber, policyId, paymentPlanId, paymentPlan }], [policyId, policyNumber, paymentPlanId, paymentPlan]);\n\n\tconst _payment = useMemo(() => {\n\t\tconst settings = { ...props.payment.settings };\n\t\tsettings.allowSplitPayments = false;\n\t\treturn { ...props.payment, settings };\n\t}, [props.payment]);\n\n\tconst [alterPaymentMethod, setAlterPaymentMethod] = useState(false);\n\n\tconst onPaymentInformationUpdate = useCallback((source) => {\n\t\tsetSource(source);\n\t}, []);\n\n\tconst termsStep = useCallback(() => {\n\t\treturn {\n\t\t\tsubheader: 'Agreement Terms',\n\t\t\tcontent: \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tSubmitting Payment Information...\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t)}\n\t\t\t{error && !loading && (\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t)}\n\t\t{walletItem.nickname}
\n\t\t\t{p}
;\n\t\t\t\t\t})}\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\n\t\t\t\t\t setEditWalletOpen(true)} onClose={() => setEditWalletOpen(false)} onSave={_onChange} payment={payment} actions={actions} userEmailAddress={userEmailAddress} />\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t
\n\t\t\n\t\t\t{error && Failed to load wallet }\n\t\t\t{!error && (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t)}\n\n\t\t\t\t\t{_wallets.map((wallet, i) => {\n\t\t\t\t\t\treturn \n\t\t\t)}\n\t\t
\n\t);\n};\n\nWallets.propTypes = {\n\tpayment: PropTypes.object.isRequired,\n\tactions: PropTypes.object.isRequired,\n\tpolicies: PropTypes.array.isRequired,\n\tuserEmailAddress: PropTypes.string.isRequired,\n};\n\nexport default Wallets;\n","import React, { useCallback, useState, useMemo, useEffect } from 'react';\nimport { Modal, Form, Button, Message, Icon, Dimmer, Loader, Segment } from 'semantic-ui-react';\nimport DatePicker from '../../DatePicker';\nimport PaymentSourceDisplay from '../../../external-components/payments/steps/PaymentSourceDisplay';\nimport IntlCurrencyInput from 'react-intl-currency-input';\nimport moment from 'moment';\nimport numeral from 'numeral';\nimport styles from './AddScheduledPaymentModal.module.scss';\nimport orderBy from 'lodash.orderby';\nimport WalletWarningModal from '../../../external-components/payments/steps/WalletWarningModal';\n\nconst AddScheduledPaymentModal = ({ open, onOpen, onClose, onAdd, wallets, policies, actions, scheduledPayments }) => {\n\tconst [loading, setLoading] = useState(false);\n\tconst [error, setError] = useState(null);\n\tconst [isFuture, setIsFuture] = useState(false);\n\tconst [showApproval, setShowApproval] = useState(false);\n\n\tconst minDate = useMemo(() => Date.parse(moment().add(1, 'days').format()), []);\n\n\tconst options = useMemo(() => {\n\t\treturn policies.filter(p => moment((p.futurePolicy || p).term.endDate) >= minDate && p.status === 'In-Force' && (!p.billing.isPartOfAccountBill || (p.billing.isPartOfAccountBill && p.billing.isPrimaryAccountPolicy))).map((p) => {\n\t\t\tconst val = p.billing.isPrimaryAccountPolicy ? p.billing.accountNumber : p.policyNumber\n\t\t\treturn { key: val, value: p.policyNumber, text: val };\n\t\t});\n\t}, [minDate, policies]);\n\n\tconst methods = useMemo(() => {\n\t\treturn [\n\t\t\t{ key: 'new', value: 'new', text: 'New Wallet Item' },\n\t\t\t...orderBy(\n\t\t\t\twallets.map((w) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tkey: w.fundingAccountToken,\n\t\t\t\t\t\tvalue: w.fundingAccountToken,\n\t\t\t\t\t\ttext: w.nickname,\n\t\t\t\t\t\twallet: w,\n\t\t\t\t\t\tcontent: (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t setAddOpen(true)} onClose={() => setAddOpen(false)} onAdd={onChange} actions={actions} payment={payment} userEmailAddress={userEmailAddress} userId={userId} />\n\t\t\t\t\t
\n\n\t\t\t\t\t{_wallets.length === 0 && (\n\t\t\t\t\t\tNo Wallets
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t),\n\t\t\t\t\t};\n\t\t\t\t}),\n\t\t\t\t(w) => w.nickname\n\t\t\t),\n\t\t];\n\t}, [wallets]);\n\n\tconst [data, setData] = useState({\n\t\tdate: minDate,\n\t\tmethod: methods[1].value,\n\t\tpolicyNumber: options[0].value,\n\t\tamount: 10,\n\t});\n\n\tconst selectedPolicy = useMemo(() => {\n\t\treturn policies.find((p) => p.policyNumber === data.policyNumber || p.billing.accountNumber === data.policyNumber);\n\t}, [data.policyNumber, policies]);\n\tconst selectedWallet = useMemo(() => methods.find((m) => m.value === data.method).wallet, [data.method, methods])\n\n\tconst maxDate = useMemo(() => {\n\t\treturn Date.parse(moment((selectedPolicy.futurePolicy || selectedPolicy).term.endDate).format());\n\t}, [selectedPolicy]);\n\n\tconst amount = useMemo(() => {\n\t\tconst { paymentInfo } = isFuture && selectedPolicy.futurePolicy ? selectedPolicy.futurePolicy : selectedPolicy;\n\n\t\tswitch (data.paymentOption) {\n\t\t\tcase 'currentBalance':\n\t\t\t\treturn paymentInfo.isPartOfAccountBill ? paymentInfo.accountOutstandingBalance : paymentInfo.outstandingBalance;\n\t\t\tcase 'totalBalance':\n\t\t\t\treturn paymentInfo.isPartOfAccountBill ? paymentInfo.accountPayInFull : paymentInfo.payInFullAmount;\n\t\t\tdefault:\n\t\t\t\treturn data.amount;\n\t\t}\n\n\t}, [data.amount, data.paymentOption, isFuture, selectedPolicy]);\n\n\tconst [shouldCalculateConFee, setShouldCalculateConFee] = useState(false);\n\tconst [conFee, setConFee] = useState('');\n\tconst [enableAddButton, setEnableAddButton ] = useState(false);\n\n\tconst isCreditCard = useMemo(() => selectedWallet.fundingCategory.toLowerCase() === 'credit', [selectedWallet]);\n\tconst showConvFee = isCreditCard === true && shouldCalculateConFee === true;\n\n\t\n\tconst shouldCalConFee = async () => {\n\t\ttry {\n\t\t\tsetLoading(true);\n\n\t\t\tconst calculateFeeResponse = await actions.shouldCalculateConvienceFee(data.date);\n\t\t\tconsole.log(calculateFeeResponse);\n\t\t\tconst { shouldCalculateFee } = calculateFeeResponse.response;\n\t\t\tsetShouldCalculateConFee(shouldCalculateFee);\n\n\t\t\tif(shouldCalculateFee && amount >= 10) {\n\t\t\t\tconvFeeLoad();\n\t\t\t}\n\n\t\t\tsetLoading(false);\n\t\t} catch (err) {\n\t\t\tconsole.log(err)\n\t\t\tsetLoading(false);\n\t\t}\n\t\t\n\t};\n\n\t\n\tconst convFeeLoad = async () => {\n\t\ttry {\n\t\t\tsetLoading(true);\n\t\t\tsetEnableAddButton(false);\n\n\t\t\t\tvar policy = policies.find(p => p.policyNumber === data.policyNumber);\n\t\t\t\tvar accountNumber = policy.billing.isPrimaryAccountPolicy ? policy.billing.accountNumber : null;\n\t\t\t\tconst result = await actions.CalculateConvFeeScheduled(data.policyNumber, amount, selectedWallet.fundingAccountToken, selectedWallet.walletItemKeyIdentifier, accountNumber);\n\t\t\t\tconsole.log(result);\n\t\t\t\tconst { responseData: { feeAmount, success } } = result.response;\n\t\t\t\tconsole.log(feeAmount, success)\n\t\t\t\tif (success) {\n\t\t\t\t\tsetConFee(feeAmount)\n\n\t\t\t\t}\n\t\t\tsetLoading(false);\n\t\t} catch (err) {\n\t\t\tconsole.log(err)\n\t\t\tsetLoading(false);\n\t\t}\n\t\tsetEnableAddButton(true);\n\t};\n\n\tuseEffect(() => {\n\t\tif (selectedWallet.fundingCategory.toLowerCase() === 'credit' && new Date(data.date).getTime() >= (new Date()).getTime() ) {\n\t\t\tshouldCalConFee();\n\t\t}\n\t\telse {\n\t\t\tsetConFee('');\n\t\t}\n\n\n\t}, [actions, data.date, selectedWallet, amount]);\n\n\tconst paymentOptions = useMemo(() => {\n\t\tlet { paymentInfo } = selectedPolicy;\n\t\tconst options = [];\n\n\t\tif ((paymentInfo.isPartOfAccountBill && paymentInfo.accountOutstandingBalance > 0) || (!paymentInfo.isPartOfAccountBill && paymentInfo.outstandingBalance > 0)) {\n\t\t\toptions.push({ key: 'currentBalance', value: 'currentBalance', text: 'Current Balance' });\n\t\t}\n\n\t\tif ((paymentInfo.isPartOfAccountBill && paymentInfo.accountPayInFull > 0) || (!paymentInfo.isPartOfAccountBill && paymentInfo.payInFullAmount > 0)) {\n\t\t\toptions.push({ key: 'totalBalance', value: 'totalBalance', text: 'Total Balance' });\n\t\t}\n\t\tsetIsFuture(false);\n\n\t\tif (options.length === 0 && selectedPolicy.futurePolicy) {\n\t\t\tpaymentInfo = selectedPolicy.futurePolicy.paymentInfo;\n\n\t\t\tif ((paymentInfo.isPartOfAccountBill && paymentInfo.accountOutstandingBalance > 0) || (!paymentInfo.isPartOfAccountBill && paymentInfo.outstandingBalance > 0)) {\n\t\t\t\toptions.push({ key: 'currentBalance', value: 'currentBalance', text: 'Current Balance' });\n\t\t\t}\n\n\t\t\tif ((paymentInfo.isPartOfAccountBill && paymentInfo.accountPayInFull > 0) || (!paymentInfo.isPartOfAccountBill && paymentInfo.payInFullAmount > 0)) {\n\t\t\t\toptions.push({ key: 'totalBalance', value: 'totalBalance', text: 'Total Balance' });\n\t\t\t}\n\n\t\t\tsetIsFuture(true);\n\t\t}\n\n\t\toptions.push({ key: 'customPayment', value: 'customPayment', text: 'Custom Payment' });\n\n\t\tif (!options.find((o) => o.value === data.paymentOption)) {\n\t\t\tsetData({ ...data, paymentOption: options[0].value });\n\t\t}\n\n\t\treturn options;\n\t}, [data, selectedPolicy]);\n\n\tuseEffect(() => {\n\t\tif (data.date > maxDate) {\n\t\t\tsetData({ ...data, date: maxDate });\n\t\t}\n\t}, [data, data.policyNumber, maxDate]);\n\n\tconst save = useCallback(async () => {\n\t\tsetLoading(true);\n\t\ttry {\n\t\t\tsetError(false);\n\t\t\tvar policy = policies.find(p => p.policyNumber === data.policyNumber);\n\t\t\tvar accountNumber = policy.billing.isPrimaryAccountPolicy ? policy.billing.accountNumber : null;\n\t\t\tawait actions.addScheduledPayment(data.policyNumber, amount, data.date, selectedWallet.fundingAccountToken, selectedWallet.walletItemId, selectedWallet.walletItemKeyIdentifier, accountNumber, conFee);\n\t\t\tonAdd();\n\t\t} catch(error) {\n\t\t\tsetError(true);\n\t\t}\n\t\tsetLoading(false);\n\t}, [actions, amount, data.date, data.policyNumber, onAdd, policies, selectedWallet, conFee]);\n\n\tconst onApproved = useCallback(async () => {\n\t\tsetShowApproval(false);\n\t\tawait save();\n\t}, [save]);\n\n\tconst onAddButtonClick = useCallback(async () => {\n\t\tif (scheduledPayments.some((sp) => sp.policyNumber === data.policyNumber && sp.fundingAccountToken === selectedWallet.fundingAccountToken && moment(sp.paymentScheduleDate).format() === moment(data.date).format())) {\n\t\t\tsetShowApproval(true);\n\t\t\treturn;\n\t\t}\n\n\t\tawait save();\n\t}, [data.date, data.policyNumber, save, scheduledPayments, selectedWallet.fundingAccountToken]);\n\n\tconst _onOpen = useCallback(() => {\n\t\tsetError(null);\n\t\tif (onOpen) onOpen();\n\t}, [onOpen]);\n\n\t//const isValid = useMemo(() => {\n\t//\treturn data.date != null && data.date !== '' && data.method != null && data.method !== '' && data.policyNumber != null && data.policyNumber !== '' && amount >= 10;\n\t//}, [data.date, data.method, data.policyNumber, amount]);\n\n\tuseEffect(() => {\n\t\tif (data.date != null && data.date !== '' && data.method != null && data.method !== '' && data.policyNumber != null && data.policyNumber !== '' && amount >= 10) {\n\t\t\tsetEnableAddButton(true);\n\t\t}\n\t\telse {\n\t\t\tsetEnableAddButton(false);\n\t\t\tsetConFee('');\n\t\t}\n\t}, [data.date, data.method, data.policyNumber, amount]);\n\n\tconst onChange = useCallback(\n\t\t(_, { name, value }) => {\n\t\t\tsetData({ ...data, [name]: value });\n\t\t},\n\t\t[data]\n\t);\n\n\tconst onPolicyNumberChange = useCallback(\n\t\t(_, { value }) => {\n\t\t\tsetData({ ...data, policyNumber: value, date: minDate });\n\t\t},\n\t\t[data, minDate]\n\t);\n\n\tconst onPaymentOptionChange = useCallback(\n\t\t(_, { value }) => {\n\t\t\tsetData({ ...data, paymentOption: value, amount: value !== 'customPayment' ? 10 : amount });\n\t\t},\n\t\t[amount, data]\n\t);\n\n\tconst [walletWarningOpen, setWalletWarningOpen] = useState(false);\n\n\tconst onMethodChange = useCallback(\n\t\t(_, { value }) => {\n\t\t\tif (value === 'new') {\n\t\t\t\tsetWalletWarningOpen(true);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetData({ ...data, method: value });\n\t\t},\n\t\t[data]\n\t);\n\n\tconst selectedMethod = useMemo(() => {\n\t\treturn { fiserv: methods.find((w) => w.value === data.method).wallet };\n\t}, [data.method, methods]);\n\n\tuseEffect(() => {\n\t\tconst { paymentInfo } = isFuture && selectedPolicy.futurePolicy ? selectedPolicy.futurePolicy : selectedPolicy;\n\n\t\tif ((paymentInfo.isPartOfAccountBill && paymentInfo.accountOutstandingBalance > 0) || (!paymentInfo.isPartOfAccountBill && paymentInfo.outstandingBalance > 0)) {\n\t\t\tsetData({ ...data, paymentOption: 'currentBalance' });\n\t\t} else if ((paymentInfo.isPartOfAccountBill && paymentInfo.accountPayInFull > 0) || (!paymentInfo.isPartOfAccountBill && paymentInfo.payInFullAmount > 0)) {\n\t\t\tsetData({ ...data, paymentOption: 'totalBalance' });\n\t\t} else {\n\t\t\tsetData({ ...data, paymentOption: 'customPayment', amount: 10 });\n\t\t}\n\t\t\n\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [isFuture, selectedPolicy]);\n\n\treturn (\n\t\t{w.nickname}
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tA wallet account is required before using scheduled payments
\n\t\t\t\n\t\t\t{error && Failed to load scheduled payments }\n\n\t\t\t{!error && (\n\t\t\t\t\n\t\t\t\t\t{policies.length > 0 && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t)}\n\n\t\t\t\t\t{scheduledPayments.length > 0 && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t \n\t\t\t)}\n\t\t
\n\t);\n};\n\nScheduledPayments.propTypes = {\n\tactions: PropTypes.object.isRequired,\n\tpolicies: PropTypes.array.isRequired,\n\twallets: PropTypes.array.isRequired,\n\tscheduledPayments: PropTypes.array.isRequired,\n};\n\nexport default ScheduledPayments;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { paymentSelector, profileSelector, appSelector, paymentListSelector } from '../../selectors';\nimport * as paymentActions from '../../actions/paymentActions';\nimport * as policyActions from '../../actions/policyActions';\nimport Section from '../../components/Section';\nimport { Confirm } from 'semantic-ui-react';\nimport AccountPayment from '../../external-components/payments/account/AccountPayment';\nimport PaymentLists from '../../components/sections/payment/PaymentLists';\nimport PastPaymentInformation from '../../components/sections/payment/PastPaymentInformation';\nimport PaymentMenu from '../../components/sections/payment/PaymentMenu';\nimport RecurringPayments from '../../components/sections/payment/RecurringPayments';\nimport RecurringPayment from '../../components/sections/payment/recurring/RecurringPayment';\nimport Wallets from '../../components/sections/payment/Wallets';\nimport ScheduledPayments from '../../components/sections/payment/ScheduledPayments';\n\nclass PaymentSection extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tconst { payment } = props;\n\t\tconst { policies } = payment;\n\t\tconst defaultPolicy = policies && policies.length ? policies[0] : {};\n\t\tthis.state = {\n\t\t\tactiveMenuItem: 'policies',\n\t\t\tselectedPastPaymentPolicy: defaultPolicy,\n\t\t\tshowMakePayment: false,\n\t\t\tshowRecurringPayment: false,\n\t\t\trecurringPaymentData: null,\n\t\t\tshowRemoveRecurring: false,\n\t\t\tremoveRecurringData: null,\n\t\t\tloading: false,\n\t\t\tshowRemoveSuccess: false,\n\t\t\tdisabled: false,\n\t\t\tshowCantChangeRecurring: false,\n\t\t\tisFuture: false,\n\t\t};\n\t\tthis.onMenuItemClick = this.onMenuItemClick.bind(this);\n\t\tthis.onPastPaymentListItmeClick = this.onPastPaymentListItmeClick.bind(this);\n\t\tthis.onAddRecurringPaymentClick = this.onAddRecurringPaymentClick.bind(this);\n\t\tthis.onEditRecurringPaymentClick = this.onEditRecurringPaymentClick.bind(this);\n\t\tthis.onRemoveRecurringPaymentClick = this.onRemoveRecurringPaymentClick.bind(this);\n\t\tthis.onRemoveRecurringPaymentContinue = this.onRemoveRecurringPaymentContinue.bind(this);\n\t\tthis.onRecurringPaymentClose = this.onRecurringPaymentClose.bind(this);\n\n\t\tthis.onRemoveRecurringPaymentCancel = this.onRemoveRecurringPaymentCancel.bind(this);\n\t\tthis.onFinishRemoveRecurringPayment = this.onFinishRemoveRecurringPayment.bind(this);\n\t\tthis.onCloseCantChangeRecurring = this.onCloseCantChangeRecurring.bind(this);\n\t}\n\n\tcomponentDidMount() {\n\t\tconst { actions } = this.props;\n\t\tactions.getPaymentSettings();\n\t}\n\n\tcomponentDidUpdate(prevProps, prevState) {\n\t\tconst { deepLink } = this.props;\n\t\tconst { selectedPastPaymentPolicy } = this.state;\n\t\tif (!selectedPastPaymentPolicy.id && prevProps.payment !== this.props.payment) {\n\t\t\tconst { payment } = this.props;\n\t\t\tconst { policies } = payment;\n\t\t\tconst defaultPolicy = policies && policies.length ? policies[0] : {};\n\t\t\tthis.setState({ selectedPastPaymentPolicy: defaultPolicy });\n\t\t}\n\t\tif (selectedPastPaymentPolicy.id && prevProps.payment !== this.props.payment) {\n\t\t\tconst { payment } = this.props;\n\t\t\tconst { policies } = payment;\n\t\t\tconst defaultPolicy = policies && policies.length ? policies[0] : {};\n\t\t\tthis.setState({ selectedPastPaymentPolicy: defaultPolicy });\n\t\t}\n\n\t\tif(deepLink && deepLink.action === \"paynow\") {\n\t\t\tthis.setState({ showMakePayment: true, isFuture: false });\n\t\t}\n\t}\n\n\tonPastPaymentListItmeClick(e, { data }) {\n\t\tthis.setState({ selectedPastPaymentPolicy: data });\n\t}\n\n\tonMenuItemClick(e, { name }) {\n\t\tif (name === 'pay now') {\n\t\t\treturn this.setState({ showMakePayment: true, isFuture: false });\n\t\t}\n\n\t\tif (name === 'make future payment') {\n\t\t\treturn this.setState({ showMakePayment: true, isFuture: true });\n\t\t}\n\n\t\tthis.setState({\n\t\t\tactiveMenuItem: name,\n\t\t});\n\t}\n\n\tonAddRecurringPaymentClick(e, { data }) {\n\t\tif (data.billing.outstandingBalance > 0) {\n\t\t\tthis.setState({ showCantChangeRecurring: true });\n\t\t\treturn;\n\t\t}\n\n\t\tthis.setState({ showRecurringPayment: true, recurringPaymentData: { isAdd: true, ...data } });\n\t}\n\n\tonRemoveRecurringPaymentClick(e, { data }) {\n\t\tthis.setState({ showRemoveRecurring: true, removeRecurringData: data });\n\t}\n\n\tonRemoveRecurringPaymentCancel(e) {\n\t\tthis.setState({ showRemoveRecurring: false });\n\t}\n\n\tasync onRemoveRecurringPaymentContinue() {\n\t\tconst { actions } = this.props;\n\t\tconst { removeRecurringData } = this.state;\n\t\tconst policy = removeRecurringData;\n\t\tconst rcc = {\n\t\t\tpayPlanId: 15,\n\t\t\tpolicyNumber: policy.policyNumber,\n\t\t\tpolicyId: policy.policyId,\n\t\t\timageNumber: policy.policyImageNum,\n\t\t\tclientId: policy.clientId,\n\t\t\tuserAgreedWithTerms: true,\n\t\t};\n\t\ttry {\n\t\t\tawait actions.removeRecurringPayment(rcc);\n\t\t\tthis.setState({ showRemoveSuccess: true, showRemoveRecurring: false });\n\t\t} catch (error) {\n\t\t\tthrow error;\n\t\t}\n\t}\n\n\tonFinishRemoveRecurringPayment() {\n\t\tconst { actions, profile } = this.props;\n\t\tthis.setState({ showRemoveRecurring: false, removeRecurringData: null, showRemoveSuccess: false });\n\t\tactions.getPolicies(profile.policies);\n\t}\n\n\tonEditRecurringPaymentClick(e, { data }) {\n\t\tif (data.billing.outstandingBalance > 0) {\n\t\t\tthis.setState({ showCantChangeRecurring: true });\n\t\t\treturn;\n\t\t}\n\n\t\tthis.setState({ showRecurringPayment: true, recurringPaymentData: data });\n\t}\n\n\tonCloseCantChangeRecurring() {\n\t\tthis.setState({ showCantChangeRecurring: false });\n\t}\n\n\tonRecurringPaymentClose(cancel) {\n\t\tconst { actions, profile } = this.props;\n\t\tthis.setState({ showRecurringPayment: false, recurringPaymentData: null });\n\t\tif (!cancel) actions.getPolicies(profile.policies);\n\t}\n\n\trender() {\n\t\tconst { app, deepLink, onDeepLinkComplete, billingList } = this.props;\n\t\tconst { activeMenuItem, selectedPastPaymentPolicy, showMakePayment, showRemoveRecurring, showRemoveSuccess, disabled, showCantChangeRecurring, isFuture, showRecurringPayment, recurringPaymentData } = this.state;\n\t\tconst { policies, settings, payablePolicies } = this.props.payment;\n\t\tconst { email, id } = this.props.profile;\n\t\tconst { isWalletEnabled, isScheduledPaymentEnabled } = settings;\n\t\tconst canMakePayment = (app.systemToggles || { canMakePayments: false }).canMakePayments;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t setAddOpen(true)} onClose={() => setAddOpen(false)} onAdd={onAdd} wallets={wallets} policies={policies} actions={actions} scheduledPayments={scheduledPayments} />\n\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\n\t\t\t\t\t{scheduledPayments.length === 0 && (\n\t\t\t\t\t\tNo Scheduled Payments
\n\t\t\t\t\t\tAuto ID cards for Garage (GAR) and Commercial Package (CPP) policies can be found in the Documents tab within the Policies section.
\n\t\t\t\t\t\t\t\tNo Auto ID Cards
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t
\n\t\t);\n\t}\n}\n\nHomePage.propTypes = {\n\tactions: PropTypes.object.isRequired,\n\tlocation: PropTypes.object.isRequired,\n};\n\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n\t\t...state,\n\t\tprofile: profileSelector(state),\n\t};\n};\n\nconst mapDispatchToProps = (dispatch) => ({\n\tactions: {\n\t\t...bindActionCreators({ push }, dispatch),\n\t\t...bindActionCreators(profileActions, dispatch),\n\t\t...bindActionCreators(policyActions, dispatch),\n\t},\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(HomePage);\n","import * as types from './actionTypes';\nimport {api} from './api';\n\nexport function updateUserAuth(user) {\n return { type: types.AUTH__UPDATE_USER, user };\n}\n\nexport function setLegacyUserAuth(username) {\n return { type: types.AUTH__SET_LEGACY_USER, username };\n}\n\n\nexport function logInUser(user) {\n return api({\n types: [types.AUTH__AUTHENTICATE_USER_REQUEST, types.AUTH__AUTHENTICATE_USER_SUCCESS, types.AUTH__AUTHENTICATE_USER_FAILURE],\n uri: '/api/account/login',\n shouldCallAPI: () => true,\n sendJwtBearer: false,\n config: {\n method: 'post',\n headers: {\n 'Accept': 'application/json',\n 'Content-Type': 'application/json'\n },\n credentials: 'same-origin', \n body: JSON.stringify( user )\n },\n payload: user\n });\n}\n\nexport function logOutUser() {\n return { type: types.LOGOUT__USER_SUCCESS };\n}\n\nexport function forgotPassword(email) {\n return api({\n types: [types.AUTH__FORGOT_PASSWORD_REQUEST, types.AUTH__FORGOT_PASSWORD_SUCCESS, types.AUTH__FORGOT_PASSWORD_FAILURE],\n uri: '/api/account/forgotpassword',\n shouldCallAPI: () => true,\n sendJwtBearer: false,\n config: {\n method: 'post',\n headers: {\n 'Accept': 'application/json',\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify( { email } )\n },\n payload: { email }\n });\n}\n\nexport function resetPassword(body) {\n return api({\n types: [types.AUTH__RESET_PASSWORD_REQUEST, types.AUTH__RESET_PASSWORD_SUCCESS, types.AUTH__RESET_PASSWORD_FAILURE],\n uri: '/api/account/resetpassword',\n sendJwtBearer: false,\n shouldCallAPI: () => true,\n config: {\n method: 'post',\n headers: {\n 'Accept': 'application/json',\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify( body )\n },\n payload: body \n });\n}\n\nexport function changeLegacyUser(username) {\n return api({\n types: [types.AUTH__CHANGE_LEGACY_USER_REQUEST, types.AUTH__CHANGE_LEGACY_USER_SUCCESS, types.AUTH__CHANGE_LEGACY_USER_FAILURE],\n uri: '/api/account/legacyuser', \n config: {\n method: 'post',\n headers: {\n 'Accept': 'application/json',\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify( {username} )\n },\n payload: { username }\n });\n}","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport {Admin} from '../../../components/sections';\nimport Section from '../../../components/Section';\n\nclass StaffVerificationSection extends Component {\n constructor(props){\n super(props);\n this.state = {showModal: false, item: null}; \n \n this.onCloseModal = this.onCloseModal.bind(this); \n\n const {actions} = props;\n actions.fetchPendingStaffVerifications();\n this.onOpen = this.onOpen.bind(this);\n\n this.onVerificationProcessed = this.onVerificationProcessed.bind(this);\n \n }\n \n \n onCloseModal(e){\n this.setState({showModal: false, item: null});\n }\n\n onOpen(e, {data}){\n this.setState({showModal: true, item: data});\n }\n\n async onVerificationProcessed(e,item)\n {\n //do action\n const {actions} = this.props;\n await actions.updateStaffVerificationRequest(item);\n await actions.fetchPendingStaffVerifications();\n this.onCloseModal(e);\n }\n\n \n render() {\n const {showModal, item} = this.state; \n const {admin} = this.props; \n const items = admin.pendingVerifications;\n const error = admin.error;\n\n return (\n {`${e}`}
) : this.props.admin.error;\n\t\t\terrorMessage = \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t
\n\n\t\t\t\t{mode === 3 ? (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t) : null}\n\t\t\t\t\n
\n \n\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tActive Users \n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t\t{/* \n\t\t\t\t\t\tLogs \n\t\t\t\t\t\t{logs.map((log, i) => (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t))}\n\t\t\t\t\t */}\n\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n}\n\nAdminPage.propTypes = {\n\tactions: PropTypes.object.isRequired,\n\tadmin: PropTypes.object.isRequired,\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tadmin: adminSelector(state),\n\t\tsession: sessionSelector(state),\n\t};\n};\n\nconst mapDispatchToProps = (dispatch) => ({\n\tactions: {\n\t\t...bindActionCreators({ push }, dispatch),\n\t\t...bindActionCreators(authActions, dispatch),\n\t\t...bindActionCreators(profileActions, dispatch),\n\t\t...bindActionCreators(policyActions, dispatch),\n\t\t...bindActionCreators(sessionActions, dispatch),\n\t\t...bindActionCreators(adminActions, dispatch),\n\t},\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(AdminPage);\n","import React, { Component } from 'react';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as adminActions from '../actions/adminActions';\nimport Dropzone from 'react-dropzone';\nimport { Button } from 'semantic-ui-react';\nclass AdminImportUsersPage extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tfile: null\n\t\t};\n\t\tthis.onDrop = this.onDrop.bind(this);\n\t\tthis.onImport = this.onImport.bind(this);\n\t\tthis.refresh = this.refresh.bind(this);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tconst { intervalId } = this.state;\n\t\tclearInterval(intervalId);\n\t}\n\n\tonDrop(files) {\n\t\tthis.setState({ file: files[0] });\n\t}\n\n\tonImport() {\n\t\tconst { actions } = this.props;\n\t\tactions.adminImportUsers(this.state.file);\n\t\tconst intervalId = setInterval(this.refresh, 3000);\n\t\tthis.setState({ intervalId });\n\t}\n\n\tasync refresh() {\n\t\tconst { actions } = this.props;\n\t\tconst result = await actions.adminGetImportStatus();\n\t\tthis.setState({ response: result.response });\n\t}\n\n\trender() {\n\t\tconst { file, response } = this.state;\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\tDownload Report Again\n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t{!response ? (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t)}\n\t\t\t\t{!response ? (\n\t\t\t\t\t\n\t\t\t\t) : null}\n\t\t\t\n\t\t);\n\t}\n}\n\nAdminImportUsersPage.propTypes = {};\n\nconst mapStateToProps = () => {\n\treturn {};\n};\n\nconst mapDispatchToProps = dispatch => ({\n\tactions: {\n\t\t...bindActionCreators(adminActions, dispatch)\n\t}\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(AdminImportUsersPage);\n","import * as types from './actionTypes';\nimport { api } from './api';\nexport function updateUserRegistration(user) {\n\treturn { type: types.REGISTRATION__UPDATE_USER, user };\n}\n\nexport function updatePolicyRegistration(policy) {\n\treturn { type: types.REGISTRATION__UPDATE_POLICY, policy };\n}\n\nexport function hidePasswordChangedBox() {\n\treturn { type: types.PROFILE__PASSWORD_CHANGED };\n}\n\nexport function hideEmailChangedBox() {\n\treturn { type: types.PROFILE__EMAIL_CHANGED };\n}\n\nexport function updateRequireStaffVerification(requiresStaffVerification) {\n\treturn { type: types.REGISTRATION__REQUIRE_STAFF_VERIFICATION, requiresStaffVerification };\n}\n\nexport function hasAccount(policyNumbers) {\n\treturn api({\n\t\ttypes: [types.REGISTRATION__HAS_ACCOUNT_REQUEST, types.REGISTRATION__HAS_ACCOUNT_SUCCESS, types.REGISTRATION__HAS_ACCOUNT_FAILURE],\n\t\turi: `/api/account/exists`,\n\t\tshouldCallAPI: () => true,\n sendJwtBearer: false,\n\t\tconfig: {\n\t\t\tmethod: 'post',\n\t\t\theaders: {\n\t\t\t\tAccept: 'application/json',\n\t\t\t\t'Content-Type': 'application/json',\n\t\t\t},\n\t\t\tbody: JSON.stringify({ policyNumbers }),\n\t\t},\n\t\tpayload: { policyNumbers },\n\t});\n}\n\nexport function resendConfirmationEmail(user) {\n\treturn api({\n\t\ttypes: [types.REGISTRATION__RESEND_CONFIRMATION_EMAIL_REQUEST, types.REGISTRATION__RESEND_CONFIRMATION_EMAIL_SUCCESS, types.REGISTRATION__RESEND_CONFIRMATION_EMAIL_FAILURE],\n\t\turi: '/api/account/register/resend',\n\t\tshouldCallAPI: () => true,\n\t\tsendJwtBearer: false,\n\t\tconfig: {\n\t\t\tmethod: 'post',\n\t\t\theaders: {\n\t\t\t\tAccept: 'application/json',\n\t\t\t\t'Content-Type': 'application/json',\n\t\t\t},\n\t\t\tbody: JSON.stringify(user),\n\t\t},\n\t\tpayload: { user },\n\t});\n}\n\nexport function registerUser(user) {\n\treturn api({\n\t\ttypes: [types.REGISTRATION__CREATE_USER_REQUEST, types.REGISTRATION__CREATE_USER_SUCCESS, types.REGISTRATION__CREATE_USER_FAILURE],\n\t\turi: '/api/account/register',\n\t\tshouldCallAPI: () => true,\n\t\tsendJwtBearer: false,\n\t\tconfig: {\n\t\t\tmethod: 'post',\n\t\t\theaders: {\n\t\t\t\tAccept: 'application/json',\n\t\t\t\t'Content-Type': 'application/json',\n\t\t\t},\n\t\t\tcredentials: 'same-origin',\n\t\t\tbody: JSON.stringify(user),\n\t\t},\n\t\tpayload: user,\n\t});\n}\n\nexport function verifyPolicy(policy) {\n\treturn api({\n\t\ttypes: [types.REGISTRATION__VERIFY_POLICY_REQUEST, types.REGISTRATION__VERIFY_POLICY_SUCCESS, types.REGISTRATION__VERIFY_POLICY_FAILURE],\n\t\turi: '/api/account/verifypolicy',\n\t\tsendJwtBearer: false,\n\t\tshouldCallAPI: () => true,\n\t\tconfig: {\n\t\t\tmethod: 'post',\n\t\t\theaders: {\n\t\t\t\tAccept: 'application/json',\n\t\t\t\t'Content-Type': 'application/json',\n\t\t\t},\n\t\t\tbody: JSON.stringify(policy),\n\t\t},\n\t\tpayload: policy,\n\t});\n}\n\nexport function verifyFullPolicy(policy) {\n\treturn api({\n\t\ttypes: [types.REGISTRATION__VERIFY_FULL_POLICY_REQUEST, types.REGISTRATION__VERIFY_FULL_POLICY_SUCCESS, types.REGISTRATION__VERIFY_FULL_POLICY_FAILURE],\n\t\turi: '/api/account/verifyfullpolicy',\n\t\tsendJwtBearer: false,\n\t\tshouldCallAPI: () => true,\n\t\tconfig: {\n\t\t\tmethod: 'post',\n\t\t\theaders: {\n\t\t\t\tAccept: 'application/json',\n\t\t\t\t'Content-Type': 'application/json',\n\t\t\t},\n\t\t\tbody: JSON.stringify(policy),\n\t\t},\n\t\tpayload: policy,\n\t});\n}\n\nexport function verifyPolicyByPaymentNumber(body) {\n\treturn api({\n\t\ttypes: [types.REGISTRATION__VERIFY_POLICY_BY_PAYMENT_NUMBER_REQUEST, types.REGISTRATION__VERIFY_POLICY_BY_PAYMENT_NUMBER_SUCCESS, types.REGISTRATION__VERIFY_POLICY_BY_PAYMENT_NUMBER_FAILURE],\n\t\turi: '/api/account/verifypaymentnumber',\n\t\tshouldCallAPI: () => true,\n\t\tsendJwtBearer: false,\n\t\tconfig: {\n\t\t\tmethod: 'post',\n\t\t\theaders: {\n\t\t\t\tAccept: 'application/json',\n\t\t\t\t'Content-Type': 'application/json',\n\t\t\t},\n\t\t\tbody: JSON.stringify(body),\n\t\t},\n\t\tpayload: { body },\n\t});\n}\n\nexport function verifyAccountNumber(body) {\n\treturn api({\n\t\ttypes: [types.REGISTRATION__VERIFY_ACCOUNT_NUMBER_REQUEST, types.REGISTRATION__VERIFY_ACCOUNT_NUMBER_SUCCESS, types.REGISTRATION__VERIFY_ACCOUNT_NUMBER_FAILURE],\n\t\turi: '/api/account/verifyaccountnumber',\n\t\tshouldCallAPI: () => true,\n\t\tsendJwtBearer: false,\n\t\tconfig: {\n\t\t\tmethod: 'post',\n\t\t\theaders: {\n\t\t\t\tAccept: 'application/json',\n\t\t\t\t'Content-Type': 'application/json',\n\t\t\t},\n\t\t\tbody: JSON.stringify(body),\n\t\t},\n\t\tpayload: { body },\n\t});\n}\n\nexport function verifyOnetimePolicy(body) {\n\treturn api({\n\t\ttypes: [types.REGISTRATION__VERIFY_POLICY_BY_PAYMENT_NUMBER_REQUEST, types.REGISTRATION__VERIFY_POLICY_BY_PAYMENT_NUMBER_SUCCESS, types.REGISTRATION__VERIFY_POLICY_BY_PAYMENT_NUMBER_FAILURE],\n\t\turi: '/api/account/verifyonetime',\n\t\tshouldCallAPI: () => true,\n\t\tsendJwtBearer: false,\n\t\tconfig: {\n\t\t\tmethod: 'post',\n\t\t\theaders: {\n\t\t\t\tAccept: 'application/json',\n\t\t\t\t'Content-Type': 'application/json',\n\t\t\t},\n\t\t\tbody: JSON.stringify(body),\n\t\t},\n\t\tpayload: { body },\n\t});\n}\n\nexport function verifyByStaff(policy) {\n\treturn api({\n\t\ttypes: [types.REGISTRATION__VERIFY_POLICY_BYSTAFF_REQUEST, types.REGISTRATION__VERIFY_POLICY_BYSTAFF_SUCCESS, types.REGISTRATION__VERIFY_POLICY_BYSTAFF_FAILURE],\n\t\turi: '/api/account/verifybystaff',\n\t\tsendJwtBearer: false,\n\t\tshouldCallAPI: () => true,\n\t\tconfig: {\n\t\t\tmethod: 'post',\n\t\t\theaders: {\n\t\t\t\tAccept: 'application/json',\n\t\t\t\t'Content-Type': 'application/json',\n\t\t\t},\n\t\t\tbody: JSON.stringify(policy),\n\t\t},\n\t\tpayload: policy,\n\t});\n}\n\nexport function confirmEmail(body) {\n\treturn api({\n\t\ttypes: [types.REGISTRATION__CONFIRM_EMAIL_REQUEST, types.REGISTRATION__CONFIRM_EMAIL_SUCCESS, types.REGISTRATION__CONFIRM_EMAIL_SUCCESS],\n\t\turi: `/api/account/confirmemail?code=${encodeURIComponent(body.code)}&userId=${body.userId}`,\n\t\tsendJwtBearer: false,\n\t\tshouldCallAPI: () => true,\n\t\tconfig: {\n\t\t\tmethod: 'get',\n\t\t},\n\t\tpayload: body,\n\t});\n}\n\nexport function changePassword(body) {\n\treturn api({\n\t\ttypes: [types.PROFILE__CHANGE_PASSWORD_REQUEST, types.PROFILE__CHANGE_PASSWORD_SUCCESS, types.PROFILE__CHANGE_PASSWORD_FAILURE],\n\t\turi: '/api/account/changepassword',\n\t\tshouldCallAPI: () => true,\n\t\tconfig: {\n\t\t\tmethod: 'post',\n\t\t\theaders: {\n\t\t\t\tAccept: 'application/json',\n\t\t\t\t'Content-Type': 'application/json',\n\t\t\t},\n\t\t\tbody: JSON.stringify(body),\n\t\t},\n\t\tpayload: body,\n\t});\n}\n\nexport function changeEmail(body) {\n\treturn api({\n\t\ttypes: [types.PROFILE__CHANGE_EMAIL_REQUEST, types.PROFILE__CHANGE_EMAIL_SUCCESS, types.PROFILE__CHANGE_EMAIL_FAILURE],\n\t\turi: '/api/account/sendemailchange',\n\t\tshouldCallAPI: () => true,\n\t\tconfig: {\n\t\t\tmethod: 'post',\n\t\t\theaders: {\n\t\t\t\tAccept: 'application/json',\n\t\t\t\t'Content-Type': 'application/json',\n\t\t\t},\n\t\t\tbody: JSON.stringify(body),\n\t\t},\n\t\tpayload: body,\n\t});\n}\n\nexport function confirmChangeEmail(body) {\n\treturn api({\n\t\ttypes: [types.PROFILE__CONFIRM_CHANGE_EMAIL_REQUEST, types.PROFILE__CONFIRM_CHANGE_EMAIL_SUCCESS, types.PROFILE__CONFIRM_CHANGE_EMAIL_FAILURE],\n\t\turi: `/api/account/changeemail`,\n\t\tsendJwtBearer: false,\n\t\tshouldCallAPI: () => true,\n\t\tconfig: {\n\t\t\tmethod: 'post',\n\t\t\theaders: {\n\t\t\t\tAccept: 'application/json',\n\t\t\t\t'Content-Type': 'application/json',\n\t\t\t},\n\t\t\tbody: JSON.stringify(body)\n\t\t},\n\t\tpayload: body,\n\t});\n}\n","import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Container, Form, Button, Message, Header } from 'semantic-ui-react';\n\nconst PolicyVerification = (props) => {\n\tlet errorMessage;\n\tif (props.error) {\n\t\tconst content = Array.isArray(props.error) ? props.error.map((e, index) => {file ? 'Import' : 'Drop User File Here'}
\n\t\t\t\t\t\t{file ?{file.name}
: null}\n\t\t\t\t\t\n\t\t\t\t) : (\n\t\t\t\t\tScheduled: {response.scheduled || 0}
\n\t\t\t\t\t\tSucceeded: {response.succeeded || 0}
\n\t\t\t\t\t\tProcessing: {response.processing || 0}
\n\t\t\t\t\t\tEnqueued: {response.enqueued || 0}
\n\t\t\t\t\t{`${e}`}
) : props.error;\n\t\terrorMessage = {`${e}`}
)) : props.error;\n errorMessage = ({`${e}`}
)) : props.error;\n errorMessage = (\n \n {payload.email} \n \n \n
\n \n {`${e}`}
)) : props.error;\n errorMessage = ({`${e}`}
)) : props.error;\n errorMessage = ({`${e}`}
)) : props.error;\n errorMessage = ({`${e}`}
)) : props.error;\n errorMessage = (\n Agreement of Terms\n
\n| \n \n Welcome to Indiana Farmers Mutual Insurance Group’s (\"IFMIG\") online\n Web services. Before registering, please take a few minutes\n to review the Terms and Conditions associated with the use\n of this site and this free service. When you have completed\n your review, indicate your agreement with these terms by\n clicking the Agree button. You will be automatically taken\n to the online registration page. Once you agree to these\n terms, you will be able to make your online payments. If you\n choose to not accept these terms and conditions, as stated,\n please select the Disagree button and you will be returned\n to the Company’s home page. Thank you for your business!\n | \n
| \n \n \n Terms and Conditions\n \n \n | \n
| \n \n 1. Agreement\n \n | \n
| \n \n By enrolling or registering for our service, you are\n indicating that you would like to make online payments for\n policy premiums.\n \n | \n
| \n \n 2. Services\n \n | \n
| \n \n IFMIG provides a service\n that enables its policyholders to make payments on premium\n invoices using various methods including accepted credit\n cards and echeck.\n
| \n
| \n \n 3. Conditions for Use\n \n | \n
| \n \n By registering for our service, you are indicating that you\n would like to make credit card and echeck payments for\n policy premiums.\n
| \n
| \n \n \n 4. Rights You Grant to Indiana Farmers Mutual Insurance\n Group\n \n \n | \n
\n
| \n
| \n \n 5. Disclaimer of Warranties\n \n | \n
| \n You expressly understand and agree that: \n
| \n
| \n \n 6. Limitation of Liability\n \n | \n
| \n \n By using this site, you, as user, agree to expressly limit\n IFMIG from any and all\n liability for any direct, indirect, incidental, special or\n consequential damages, or damages from loss of profits,\n revenue, data or use, incurred by you as user or any third\n party, whether, in an action in contract or tort, arising\n from access to, or use of, this site.\n | \n
| \n \n 7. Indemnification\n \n | \n
| \n \n You agree to defend, indemnify and hold harmless IFMIG, \n its affiliates (agencies),\n and service providers from any and all claims, liability,\n damages, losses or expenses (including, but not limited to,\n reasonable attorney fees and costs) caused by or arising\n from your use of this service, your violation of the Terms\n and Conditions, or your infringement, or infringement by any\n other user of your account, of any intellectual property or\n other right of anyone, or any other loss arising out of or\n in any way connected with access or use of this site.\n | \n
| \n \n 8. Applicable Law\n \n | \n
| \n \n All matters relating to access to and use of this site shall\n be governed by Indiana law. Any legal action or proceeding\n relating to your access to, or use of, shall be governed in\n accordance with the laws of the State of Indiana. You and\n IFMIG agree to submit to\n the jurisdiction of, and agree that the venue is proper in\n the State of Indiana in any such legal action or proceeding.\n | \n
| \n \n 9. Miscellaneous\n \n | \n
\n
| \n
Thank you for registering.
\n\t\t\t\tWe have sent an email with a confirmation link to your email address.
\n\t\t\t\tQuestions? Please contact Customer Service at 800.477.1660.
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tLogin\n\t\t\t\t\n\t\t\t\t{props.children}\n\t\t\t
\n\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{app.systemInfoMessage && app.systemInfoMessage.length > 0 ? (\n\t\t\t\t\t\t\t\t (\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t
\n\t\t);\n\t}\n}\n\nLoginPage.propTypes = {\n\tauth: PropTypes.object.isRequired,\n\tsession: PropTypes.object.isRequired,\n\tactions: PropTypes.object.isRequired,\n\tapp: PropTypes.object.isRequired\n};\n\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n\t\tauth: authSelector(state),\n\t\tsession: sessionSelector(state),\n\t\tapp: appSelector(state)\n\t};\n};\n\nconst mapDispatchToProps = (dispatch, ownProps) => {\n\treturn {\n\t\tactions: {\n\t\t\t...bindActionCreators(authActions, dispatch),\n\t\t\t...bindActionCreators(profileActions, dispatch),\n\t\t\t...bindActionCreators(policyActions, dispatch),\n\t\t\t...bindActionCreators(sessionActions, dispatch),\n\t\t\t...bindActionCreators(registrationActions, dispatch),\n\t\t\t...bindActionCreators({ push }, dispatch)\n\t\t}\n\t};\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(LoginPage);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as authActions from '../../actions/authActions';\nimport * as sessionActions from '../../actions/sessionActions';\n\nimport { authSelector, sessionSelector } from '../../selectors';\n\nclass LogoutPage extends Component {\n\tcomponentDidMount() {\n\t\tconst { session } = this.props;\n\t\tthis.logoutUser = this.logoutUser.bind(this);\n\t\tif (session.authenticated) {\n\t\t\tthis.logoutUser();\n\t\t}\n\t}\n\tcomponentDidUpdate() {\n\t\tconst { session, auth } = this.props;\n\t\tif (!session.authenticated && !auth.authenticated && !session.requiresLogin) {\n\t\t\twindow.location = '/';\n\t\t}\n\t}\n\tasync logoutUser() {\n\t\tconst { actions } = this.props;\n\t\tactions.logOutUser();\n\t}\n\trender() {\n\t\treturn ;\n\t}\n}\n\nLogoutPage.propTypes = {\n\tauth: PropTypes.object.isRequired,\n\tsession: PropTypes.object.isRequired,\n\tactions: PropTypes.object.isRequired\n};\n\nconst mapStateToProps = state => {\n\treturn {\n\t\tauth: authSelector(state),\n\t\tsession: sessionSelector(state)\n\t};\n};\n\nconst mapDispatchToProps = dispatch => {\n\treturn {\n\t\tactions: {\n\t\t\t...bindActionCreators(authActions, dispatch),\n\t\t\t...bindActionCreators(sessionActions, dispatch)\n\t\t}\n\t};\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(LogoutPage);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as registrationActions from '../../actions/registrationActions';\nimport * as sessionActions from '../../actions/sessionActions';\nimport * as profileActions from '../../actions/profileActions';\nimport * as policyActions from '../../actions/policyActions';\nimport { push } from 'connected-react-router';\nimport { registrationSelector, sessionSelector } from '../../selectors';\n\nimport { Container, Grid, Header, Button } from 'semantic-ui-react';\nimport { PolicyVerification, UserRegistration, StaffPolicyVerification, TermsModal, RegistrationComplete } from '../../components/auth';\nimport VMasker from 'vanilla-masker';\n\nclass RegistrationPage extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = { showTerms: false, registrationComplete: false };\n\t\tthis.onVerify = this.onVerify.bind(this);\n\t\tthis.onVerifyFieldChange = this.onVerifyFieldChange.bind(this);\n\t\tthis.onCreate = this.onCreate.bind(this);\n\t\tthis.onCreateFieldChange = this.onCreateFieldChange.bind(this);\n\t\tthis.onTryAgain = this.onTryAgain.bind(this);\n\t\tthis.onVerifyByStaff = this.onVerifyByStaff.bind(this);\n\t\tthis.onVerifyByStaffCompleted = this.onVerifyByStaffCompleted.bind(this);\n\t\tthis.onShowTerms = this.onShowTerms.bind(this);\n\t\tthis.onHideTerms = this.onHideTerms.bind(this);\n\t}\n\n\tcomponentDidMount() {\n\t\tconst { location, actions, registration } = this.props;\n\t\tconst { policy } = registration;\n\n\t\tvar searchParams = new URLSearchParams(location.search);\n\t\tvar newPolicy = { ...policy };\n\n\t\tvar policyNumber = searchParams.get('policyNumber');\n\t\tif (policyNumber) {\n\t\t\tnewPolicy.policyNumber = policyNumber;\n\t\t}\n\n\t\tvar policyHolder = searchParams.get('policyHolder');\n\t\tif (policyHolder) {\n\t\t\tnewPolicy.policyHolder = policyHolder;\n\t\t}\n\t\tactions.updatePolicyRegistration(newPolicy);\n\t}\n\n\tonVerify(e) {\n\t\tconst policy = { ...this.props.registration.policy };\n\t\tif (policy.verifiedPart1) {\n\t\t\treturn this.props.actions.verifyFullPolicy(policy);\n\t\t}\n\n\t\tthis.props.actions.verifyPolicy(policy);\n\t}\n\n\tonVerifyFieldChange(e) {\n\t\tconst policy = { ...this.props.registration.policy };\n\n\t\tif (e.target.name === 'staffVerificationPhoneNumber') {\n\t\t\tVMasker(e.target).maskPattern('999-999-9999');\n\t\t}\n\n\t\tif (e.target.name === 'driversLicenseNumber') {\n\t\t\tVMasker(e.target).maskPattern('SSSSSSSSSSSS');\n\t\t}\n\n\t\tpolicy[e.target.name] = e.target.value;\n\n\t\tif (e.target.name === 'zip') {\n\t\t\t//VMasker(e.target).maskNumber();\n\t\t\tpolicy[e.target.name] = e.target.value.replace(/[a-zA-Z]/g,'');\n\t\t}\n\t\tthis.props.actions.updatePolicyRegistration(policy);\n\t}\n\n\tonShowTerms(e) {\n\t\te.preventDefault();\n\t\tthis.setState({ showTerms: true });\n\t}\n\n\tonHideTerms(e) {\n\t\te.preventDefault();\n\t\tthis.setState({ showTerms: false });\n\t}\n\n\tasync onCreate(e) {\n\t\tconst { policy } = this.props.registration;\n\n\t\tconst user = { ...this.props.registration.user };\n\t\tuser.policyNumber = policy.policyNumber;\n\t\tuser.policyHolder = policy.policyHolder;\n\t\ttry {\n\t\t\tawait this.props.actions.registerUser(user);\n\t\t\tthis.setState({ registrationComplete: true });\n\t\t} catch (error) {\n\t\t\tthrow error;\n\t\t}\n\t}\n\n\tonCreateFieldChange(e, data) {\n\t\tconst user = { ...this.props.registration.user };\n\t\tif (!e.target.name) {\n\t\t\tuser[data.name] = data.checked;\n\t\t} else {\n\t\t\tuser[e.target.name] = e.target.value;\n\t\t}\n\t\tthis.props.actions.updateUserRegistration(user);\n\t}\n\n\tonTryAgain(e) {\n\t\tthis.props.actions.updateRequireStaffVerification(false);\n\t}\n\n\tonVerifyByStaff(e) {\n\t\tconst policy = { ...this.props.registration.policy };\n\t\tif (policy.requiresStaffVerification) {\n\t\t\tconst policy = { ...this.props.registration.policy };\n\t\t\treturn this.props.actions.verifyByStaff(policy);\n\t\t}\n\t}\n\n\tonVerifyByStaffCompleted() {\n\t\t// take home\n\t\tconst { actions } = this.props;\n\t\tactions.push('/');\n\t}\n\n\trender() {\n\t\tconst { policy, user } = this.props.registration;\n\t\tconst { showTerms, registrationComplete } = this.state;\n\n\t\tlet currentWorkflow;\n\t\tif (!(policy.verifiedPart1 && policy.verifiedPart2)) currentWorkflow = {`${e}`}
\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t{!requiresEmailConfirmation ? (\n\t\t\t\t\t\t\t\tlogin\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{!resendSuccess ? (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\n\t\tif (registrationComplete) currentWorkflow = \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{currentWorkflow}\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n}\n\nRegistrationPage.propTypes = {\n\tregistration: PropTypes.object.isRequired,\n\tsession: PropTypes.object.isRequired,\n\tactions: PropTypes.object.isRequired,\n};\n\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n\t\tsession: sessionSelector(state),\n\t\tregistration: registrationSelector(state),\n\t};\n};\n\nconst mapDispatchToProps = (dispatch, ownProps) => {\n\treturn {\n\t\tactions: {\n\t\t\t...bindActionCreators(registrationActions, dispatch),\n\t\t\t...bindActionCreators(profileActions, dispatch),\n\t\t\t...bindActionCreators(policyActions, dispatch),\n\t\t\t...bindActionCreators(sessionActions, dispatch),\n\t\t\t...bindActionCreators({ push }, dispatch),\n\t\t},\n\t};\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(RegistrationPage);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as registrationActions from '../../actions/registrationActions';\nimport { push } from 'connected-react-router';\nimport { Container, Grid, Button, Header } from 'semantic-ui-react';\n\nclass ConfirmEmailPage extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tconst query = new URLSearchParams(this.props.location.search);\n\t\tconst code = query.get(\"code\");\n\t\tconst userId = query.get(\"userId\");\n\n\t\tthis.state = {\n\t\t\tconfirmed: false,\n\t\t\tcode: code,\n\t\t\tuserId: userId\n\t\t};\n\n\t\tthis.props.actions.confirmEmail({ code, userId });\n\t\tthis.onLoginClick = this.onLoginClick.bind(this);\n\t}\n\n\tonLoginClick() {\n\t\tthis.props.actions.push('/');\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n}\n\nConfirmEmailPage.propTypes = {\n\tactions: PropTypes.object.isRequired,\n\tlocation: PropTypes.object.isRequired\n};\n\nconst mapStateToProps = (state, ownProps) => {\n\treturn {};\n};\n\nconst mapDispatchToProps = (dispatch, ownProps) => {\n\treturn {\n\t\tactions: {\n\t\t\t...bindActionCreators(registrationActions, dispatch),\n\t\t\t...bindActionCreators({ push }, dispatch)\n\t\t}\n\t};\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ConfirmEmailPage);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as authActions from '../../actions/authActions';\nimport * as sessionActions from '../../actions/sessionActions';\nimport { authSelector } from '../../selectors';\n\nimport { Container, Grid, Button, Header, Form, Message } from 'semantic-ui-react';\n\nclass ForgotPasswordPage extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.onSubmit = this.onSubmit.bind(this);\n\t\tthis.onChange = this.onChange.bind(this);\n\t}\n\tonSubmit(e) {\n\t\tconst auth = { ...this.props.auth };\n\n\t\tthis.props.actions.forgotPassword(auth.username);\n\t}\n\tonChange(e) {\n\t\tconst auth = { ...this.props.auth };\n\t\tauth[e.target.name] = e.target.value;\n\t\tthis.props.actions.updateUserAuth(auth);\n\t}\n\trender() {\n\t\tlet errorMessage;\n\t\tconst { passwordSent, error, username } = this.props.auth;\n\t\tif (error) {\n\t\t\tconst content = Array.isArray(error) ? error.map((e, index) => \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{`${e}`}
) : error;\n\t\t\terrorMessage = \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n}\n\nForgotPasswordPage.propTypes = {\n\tauth: PropTypes.object.isRequired,\n\tactions: PropTypes.object.isRequired\n};\n\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n\t\tauth: authSelector(state)\n\t};\n};\n\nconst mapDispatchToProps = (dispatch, ownProps) => {\n\treturn {\n\t\tactions: {\n\t\t\t...bindActionCreators(authActions, dispatch),\n\t\t\t...bindActionCreators(sessionActions, dispatch)\n\t\t}\n\t};\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ForgotPasswordPage);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as authActions from '../../actions/authActions';\nimport * as registrationActions from '../../actions/registrationActions';\nimport { push } from 'connected-react-router';\nimport { registrationSelector } from '../../selectors';\nimport { Container, Grid, Header, Button } from 'semantic-ui-react';\nimport { ResetPassword } from '../../components/auth';\n\nclass ResetPasswordPage extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tvar query = new URLSearchParams(this.props.location.search);\n\t\tvar code = query.get(\"code\");\n\t\tvar userId = query.get(\"userId\");\n\n\t\tthis.state = {\n\t\t\tcode: code,\n\t\t\tuserId: userId\n\t\t};\n\t\tthis.onFieldChange = this.onFieldChange.bind(this);\n\t\tthis.onSubmit = this.onSubmit.bind(this);\n\t\tthis.onLoginClick = this.onLoginClick.bind(this);\n\t}\n\tonLoginClick(e) {\n\t\tthis.props.actions.push('/');\n\t}\n\tonFieldChange(e) {\n\t\tconst user = { ...this.props.registration.user };\n\t\tuser[e.target.name] = e.target.value;\n\t\tthis.props.actions.updateUserRegistration(user);\n\t}\n\tonSubmit(e) {\n\t\tconst { password } = { ...this.props.registration.user };\n\t\tconst { code, userId } = this.state;\n\t\tthis.props.actions.resetPassword({ userId, password, code });\n\t}\n\trender() {\n\t\tconst { user } = this.props.registration;\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{!user.passwordReset ? (\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n}\n\nResetPasswordPage.propTypes = {\n\tregistration: PropTypes.object.isRequired,\n\tactions: PropTypes.object.isRequired,\n\tlocation: PropTypes.object.isRequired\n};\n\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n\t\tregistration: registrationSelector(state)\n\t};\n};\n\nconst mapDispatchToProps = (dispatch, ownProps) => {\n\treturn {\n\t\tactions: {\n\t\t\t...bindActionCreators(authActions, dispatch),\n\t\t\t...bindActionCreators(registrationActions, dispatch),\n\t\t\t...bindActionCreators({ push }, dispatch)\n\t\t}\n\t};\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ResetPasswordPage);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as registrationActions from '../../actions/registrationActions';\nimport { push } from 'connected-react-router';\nimport { Container, Segment, Grid, Button, Header } from 'semantic-ui-react';\n\nclass ConfirmEmailChangePage extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tvar query = new URLSearchParams(this.props.location.search);\n\t\tvar code = query.get(\"code\");\n\t\tvar userId = query.get(\"userId\");\n\t\tvar email = query.get(\"email\");\n\n\t\tthis.props.actions.confirmChangeEmail({ code, userId, email });\n\t\tthis.onLoginClick = this.onLoginClick.bind(this);\n\t}\n\n\tonLoginClick() {\n\t\tthis.props.actions.push('/');\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{`${e}`}
) : error;\n\t\t\terrorMessage = \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n}\n\nLegacyUserPage.propTypes = {\n\tprofile: PropTypes.object.isRequired,\n\tactions: PropTypes.object.isRequired,\n\tauth: PropTypes.object.isRequired\n};\n\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n\t\tprofile: profileSelector(state),\n\t\tauth: authSelector(state)\n\t};\n};\n\nconst mapDispatchToProps = dispatch => {\n\treturn {\n\t\tactions: {\n\t\t\t...bindActionCreators({ push }, dispatch),\n\t\t\t...bindActionCreators(authActions, dispatch),\n\t\t\t...bindActionCreators(profileActions, dispatch),\n\t\t\t...bindActionCreators(policyActions, dispatch),\n\t\t\t...bindActionCreators(sessionActions, dispatch),\n\t\t\t...bindActionCreators(registrationActions, dispatch)\n\t\t}\n\t};\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(LegacyUserPage);\n","import React, { Component } from 'react';\nimport { Header } from 'semantic-ui-react';\nimport { push } from 'connected-react-router';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { profileSelector } from '../../selectors';\nclass UsernameAndPassword extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.onClick = this.onClick.bind(this);\n\t}\n\n\tonClick(e) {\n\t\te.preventDefault();\n\t\tconst { actions } = this.props;\n\t\tactions.push(e.target.parentNode.href);\n\t}\n\n\trender() {\n\t\tconst { profile } = this.props;\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nUsernameAndPassword.propTypes = {};\n\nconst mapStateToProps = state => {\n\treturn {\n\t\tprofile: profileSelector(state)\n\t};\n};\n\nconst mapDispatchToProps = dispatch => {\n\treturn {\n\t\tactions: {\n\t\t\t// ...bindActionCreators(registrationActions, dispatch),\n\t\t\t...bindActionCreators({ push }, dispatch)\n\t\t}\n\t};\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(UsernameAndPassword);\n","import React, { Component } from 'react';\nimport { Header, Grid, Input } from 'semantic-ui-react';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { profileSelector, appSelector } from '../../selectors';\nimport * as profileActions from '../../actions/profileActions';\nimport styles from './AccountInformationPage.module.scss';\n\nclass AccountInformationPage extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\teditName: false,\n\t\t\tprofileName: props.profile.name\n\t\t};\n\t\tthis.onEditClick = this.onEditClick.bind(this);\n\t\tthis.onNameChange = this.onNameChange.bind(this);\n\t\tthis.onSaveClick = this.onSaveClick.bind(this);\n\t\tthis.onCancelClick = this.onCancelClick.bind(this);\n\t}\n\n\tonEditClick(e) {\n\t\te.preventDefault();\n\t\tthis.setState({ editName: true });\n\t}\n\n\tonNameChange(e, { value }) {\n\t\tthis.setState({ profileName: value });\n\t}\n\n\tasync onSaveClick(e) {\n\t\te.preventDefault();\n\t\tconst { profile, actions } = this.props;\n\t\tconst { profileName } = this.state;\n\t\tawait actions.updateName({ ...profile, name: profileName });\n\t\tthis.setState({ editName: false, profileName: profileName });\n\t}\n\n\tonCancelClick(e) {\n\t\te.preventDefault();\n\t\tconst { profile } = this.props;\n\t\tthis.setState({ editName: false, profileName: profile.name });\n\t}\n\n\trender() {\n\t\tconst { profile, app } = this.props;\n\t\tconst { editName, profileName } = this.state;\n\t\treturn (\n\t\t\t\n\t\t\t\t\t this.props.actions.push('/profile/security/username')} />\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t this.props.actions.push('/profile/security/password')} />\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{editName ? (\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t\t{app.systemToggles.electronicAlertsEnabled || profile.isDeliveryTester ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t{profile.isDelivery ? 'Signed Up' : 'No'} \n\t\t\t\t\t\t \n\t\t\t\t\t) : null}\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{profile.policies.map((p, idx) => (\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n}\n\nAccountInformationPage.propTypes = {};\n\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n\t\tapp: appSelector(state),\n\t\tprofile: profileSelector(state)\n\t};\n};\n\nconst mapDispatchToProps = (dispatch, ownProps) => {\n\treturn {\n\t\tactions: {\n\t\t\t...bindActionCreators(profileActions, dispatch)\n\t\t}\n\t};\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(AccountInformationPage);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as registrationActions from '../../actions/registrationActions';\nimport { registrationSelector } from '../../selectors';\nimport { ChangePassword } from '../../components/auth';\nimport { Modal, Button, Header } from 'semantic-ui-react';\n\nclass ChangePasswordPage extends Component {\n constructor(props){\n super(props);\n this.onFieldChange = this.onFieldChange.bind(this);\n this.onSubmit = this.onSubmit.bind(this);\n this.onConfirm = this.onConfirm.bind(this);\n }\n onFieldChange(e){\n const user = {...this.props.registration.user};\n user[e.target.name] = e.target.value;\n this.props.actions.updateUserRegistration(user);\n }\n onSubmit(e){\n const { oldPassword, password } = {...this.props.registration.user};\n this.props.actions.changePassword({ oldPassword, password });\n }\n onConfirm(){\n this.props.actions.hidePasswordChangedBox();\n }\n render() {\n const { user } = this.props.registration;\n return (\n \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t{profile.email}
\n\t\t\t\t\t\t\t**********
\n\t\t\t\t\t\t{p.policyNumber}
\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\n \n \n
\n );\n }\n}\n\nChangePasswordPage.propTypes = {\n actions: PropTypes.object.isRequired,\n registration: PropTypes.object.isRequired,\n};\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n registration: registrationSelector(state)\n };\n};\n\nconst mapDispatchToProps = (dispatch, ownProps) => {\n return {\n actions: { \n ...bindActionCreators(registrationActions, dispatch)\n }\n };\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ChangePasswordPage);","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as registrationActions from '../../actions/registrationActions';\nimport { registrationSelector } from '../../selectors';\nimport { ChangeEmail } from '../../components/auth';\nimport { Modal, Button, Header } from 'semantic-ui-react';\n\nclass ChangeEmailPage extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.onFieldChange = this.onFieldChange.bind(this);\n\t\tthis.onSubmit = this.onSubmit.bind(this);\n\t\tthis.onConfirm = this.onConfirm.bind(this);\n\t}\n\tonFieldChange(e) {\n\t\tconst user = { ...this.props.registration.user };\n\t\tuser[e.target.name] = e.target.value;\n\t\tthis.props.actions.updateUserRegistration(user);\n\t}\n\tonSubmit(e) {\n\t\tconst { username } = { ...this.props.registration.user };\n\t\tthis.props.actions.changeEmail({ newEmail: username });\n\t}\n\tonConfirm() {\n\t\tthis.props.actions.hideEmailChangedBox();\n\t}\n\trender() {\n\t\tconst { user } = this.props.registration;\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t
\n\t\t);\n\t}\n}\n\nChangeEmailPage.propTypes = {\n\tactions: PropTypes.object.isRequired,\n\tregistration: PropTypes.object.isRequired\n};\n\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n\t\tregistration: registrationSelector(state)\n\t};\n};\n\nconst mapDispatchToProps = (dispatch, ownProps) => {\n\treturn {\n\t\tactions: {\n\t\t\t...bindActionCreators(registrationActions, dispatch)\n\t\t}\n\t};\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ChangeEmailPage);\n","import React, { Component } from 'react';\nimport { Header, Checkbox, Button, Modal, Input, Form, Message, List } from 'semantic-ui-react';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { profileSelector } from '../../selectors';\nimport * as profileActions from '../../actions/profileActions';\nimport styles from './ElectronicDelivery.module.scss';\n\nclass ElectronicDelivery extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tconst { profile } = props;\n\t\tthis.state = {\n\t\t\tshowConfirmation: false,\n\t\t\tshowSuccess: false,\n\t\t\teditMobileNumber: false,\n\t\t\tphoneNumber: profile ? profile.phoneNumber : null,\n\t\t\terror: null,\n\t\t\tformDirty: false,\n\t\t\terrorHeader: null,\n\t\t\tadditionalPhoneNumber: '',\n\t\t\tadditionalPhoneNumberError: false,\n\t\t\tadditionalEmailAddress: '',\n\t\t\tadditionalEmailAddressError: false,\n\t\t};\n\t\tthis.onToggleDelivery = this.onToggleDelivery.bind(this);\n\t\tthis.onSave = this.onSave.bind(this);\n\t\tthis.onRealSave = this.onRealSave.bind(this);\n\t\tthis.onCloseSuccess = this.onCloseSuccess.bind(this);\n\t\tthis.onEditMobile = this.onEditMobile.bind(this);\n\t\tthis.onSaveMobile = this.onSaveMobile.bind(this);\n\t\tthis.onPhoneNumberChange = this.onPhoneNumberChange.bind(this);\n\t\tthis.onCancelMobileEdit = this.onCancelMobileEdit.bind(this);\n\t\tthis.onAdditionalPhoneNumberChange = this.onAdditionalPhoneNumberChange.bind(this);\n\t\tthis.onAdditionalEmailAddressChange = this.onAdditionalEmailAddressChange.bind(this);\n\t\tthis.onAddAdditionalPhoneNumber = this.onAddAdditionalPhoneNumber.bind(this);\n\t\tthis.onAddAdditionalEmailAddress = this.onAddAdditionalEmailAddress.bind(this);\n\t\tthis.onRemoveAdditionalEmailAddress = this.onRemoveAdditionalEmailAddress.bind(this);\n\t\tthis.onRemoveAdditionalPhoneNumber = this.onRemoveAdditionalPhoneNumber.bind(this);\n\n\t\tthis.temporaryMobile = '';\n\t}\n\n\tonToggleDelivery(e, { name, checked }) {\n\t\tconst { actions } = this.props;\n\t\tconst options = { [name]: checked };\n\t\tif (name === 'isDelivery' && checked) {\n\t\t\toptions.isDeliveryViaEmail = true;\n\t\t\toptions.isClaimDeliveryViaEmail = true;\n\t\t\toptions.isDeliveryViaText = false;\n\t\t\toptions.isClaimDeliveryViaText = false;\n\t\t} else if (name === 'isDelivery' && !checked) {\n\t\t\toptions.isDeliveryViaEmail = false;\n\t\t\toptions.isDeliveryViaText = false;\n\t\t\toptions.isClaimDeliveryViaEmail = false;\n\t\t\toptions.isClaimDeliveryViaText = false;\n\t\t}\n\t\tif (name === 'isDeliveryViaEmail' && checked) {\n\t\t\toptions.isDeliveryViaEmail = true;\n\t\t\toptions.isClaimDeliveryViaEmail = true;\n\t\t} else if (name === 'isDeliveryViaEmail' && !checked) {\n\t\t\toptions.isDeliveryViaEmail = false;\n\t\t\toptions.isClaimDeliveryViaEmail = false;\n\t\t}\n\n\t\tif (name === 'isDeliveryViaText' && checked) {\n\t\t\toptions.isDeliveryViaText = true;\n\t\t\toptions.isClaimDeliveryViaText = true;\n\t\t} else if (name === 'isDeliveryViaText' && !checked) {\n\t\t\toptions.isDeliveryViaText = false;\n\t\t\toptions.isClaimDeliveryViaText = false;\n\t\t}\n\n\t\tactions.configureDelivery(options);\n\t\tthis.setState({ formDirty: true });\n\t}\n\n\tonSave(e) {\n\t\tconst { profile } = this.props;\n\t\tif (profile.isDelivery) {\n\t\t\tif (!profile.isDeliveryViaEmail && !profile.isDeliveryViaText && !profile.isClaimDeliveryViaEmail && !profile.isClaimDeliveryViaText) {\n\t\t\t\treturn this.setState({ showError: true, error: 'To receive your documents and notifications electronically, either Email or Text must be selected.', errorHeader: 'Changes could not be saved.' });\n\t\t\t}\n\t\t\tthis.setState({ showConfirmation: true });\n\t\t} else {\n\t\t\tthis.onRealSave(e);\n\t\t}\n\t\tthis.setState({ formDirty: false });\n\t}\n\n\tonCloseSuccess(e) {\n\t\tthis.setState({ showConfirmation: false, showSuccess: false, showError: false });\n\t}\n\n\tonEditMobile(e) {\n\t\te.preventDefault();\n\n\t\t// check if the form is dirty. If so, prompt user to save changes before continuing\n\t\tconst { formDirty } = this.state;\n\t\tif (formDirty) {\n\t\t\treturn this.setState({ showError: true, error: 'Please save your current changes before updating the phone number.', errorHeader: 'Warning' });\n\t\t}\n\t\t// stash the current value\n\t\tconst { phoneNumber } = this.state;\n\t\tthis.temporaryMobile = phoneNumber;\n\n\t\tthis.setState({ editMobileNumber: true });\n\t}\n\n\tonCancelMobileEdit(e) {\n\t\te.preventDefault();\n\t\tconst { profile } = this.props;\n\t\tif (!this.temporaryMobile || this.temporaryMobile.trim() === '') {\n\t\t\tprofile.isClaimDeliveryViaText = false;\n\t\t\tprofile.isDeliveryViaText = false;\n\t\t}\n\t\tthis.setState({ editMobileNumber: false, phoneNumber: this.temporaryMobile });\n\t}\n\n\tasync onSaveMobile(e) {\n\t\te.preventDefault();\n\t\tconst { actions, profile } = this.props;\n\t\tconst { phoneNumber } = this.state;\n\n\t\tif (phoneNumber !== profile.phoneNumber) {\n\t\t\tif (phoneNumber && phoneNumber.trim() !== '') {\n\t\t\t\tconst stripped = phoneNumber.replace(/\\D/g, '');\n\t\t\t\tawait actions.updateMobilePhone({ ...profile, phoneNumber: stripped });\n\t\t\t} else {\n\t\t\t\tconst newNumber = phoneNumber ? phoneNumber.trim() : phoneNumber;\n\t\t\t\tawait actions.updateMobilePhone({ ...profile, phoneNumber: newNumber, isDeliveryViaText: false, isClaimDeliveryViaText: false, isDelivery: profile.isDeliveryViaEmail || profile.isClaimDeliveryViaEmail, additionalEDeliverySMSRecipients: [] });\n\t\t\t}\n\t\t}\n\n\t\tthis.setState({ editMobileNumber: false });\n\t}\n\n\tonPhoneNumberChange(e, { value }) {\n\t\tthis.setState({ phoneNumber: value });\n\t}\n\n\tonAdditionalPhoneNumberChange(_, { value }) {\n\t\tthis.setState({ additionalPhoneNumber: value, additionalPhoneNumberError: false });\n\t}\n\n\tonAddAdditionalPhoneNumber() {\n\t\tconst { actions, profile } = this.props;\n\t\tconst { additionalPhoneNumber } = this.state;\n\n\t\tconst stripped = additionalPhoneNumber.replace(/\\D/g, '').toLowerCase().trim();\n\n\t\tif (profile.additionalEDeliverySMSRecipients.find((er) => er.toLowerCase() === stripped) || stripped === profile.phoneNumber.toLowerCase()) {\n\t\t\tthis.setState({ additionalPhoneNumberError: true });\n\t\t\treturn;\n\t\t}\n\n\t\tactions.configureDelivery({ additionalEDeliverySMSRecipients: [...profile.additionalEDeliverySMSRecipients, stripped] });\n\t\tthis.setState({ additionalPhoneNumber: '' });\n\t}\n\n\tonRemoveAdditionalPhoneNumber(phoneNumber) {\n\t\tconst { actions, profile } = this.props;\n\t\tactions.configureDelivery({ additionalEDeliverySMSRecipients: profile.additionalEDeliverySMSRecipients.filter((pn) => pn !== phoneNumber) });\n\t}\n\n\tonAdditionalEmailAddressChange(_, { value }) {\n\t\tthis.setState({ additionalEmailAddress: value, additionalEmailAddressError: false });\n\t}\n\n\tonAddAdditionalEmailAddress() {\n\t\tconst { actions, profile } = this.props;\n\t\tconst { additionalEmailAddress } = this.state;\n\n\t\tvar trimmedAdditionalEmailAddress = additionalEmailAddress.toLowerCase().trim();\n\n\t\tif (profile.additionalEDeliveryEmailRecipients.find((er) => er.toLowerCase() === trimmedAdditionalEmailAddress) || trimmedAdditionalEmailAddress === profile.email.toLowerCase()) {\n\t\t\tthis.setState({ additionalEmailAddressError: true });\n\t\t\treturn;\n\t\t}\n\n\t\tactions.configureDelivery({ additionalEDeliveryEmailRecipients: [...profile.additionalEDeliveryEmailRecipients, trimmedAdditionalEmailAddress] });\n\t\tthis.setState({ additionalEmailAddress: '' });\n\t}\n\n\tonRemoveAdditionalEmailAddress(emailAddress) {\n\t\tconst { actions, profile } = this.props;\n\t\tactions.configureDelivery({ additionalEDeliveryEmailRecipients: profile.additionalEDeliveryEmailRecipients.filter((ea) => ea !== emailAddress) });\n\t}\n\n\tasync onRealSave(e) {\n\t\tconst { actions, profile } = this.props;\n\t\ttry {\n\t\t\tawait actions.saveDeliveryOptions(profile);\n\t\t\tthis.setState({ showConfirmation: false, showSuccess: true });\n\t\t} catch (error) {\n\t\t\tthis.setState({ error: error.message, showConfirmation: false, showError: true, errorHeader: 'Changes could not be saved.' });\n\t\t\tconsole.log(error);\n\t\t\tthrow error;\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { profile } = this.props;\n\t\tconst { showConfirmation, showSuccess, editMobileNumber, phoneNumber, showError, error, errorHeader, additionalPhoneNumber, additionalPhoneNumberError, additionalEmailAddress, additionalEmailAddressError } = this.state;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\te-Delivery Consent \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{errorHeader} \n\t\t\t\t\t\t{error}\n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t
\n\t\t);\n\t}\n}\n\nElectronicDelivery.propTypes = {};\n\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n\t\tprofile: profileSelector(state),\n\t};\n};\n\nconst mapDispatchToProps = (dispatch, ownProps) => {\n\treturn {\n\t\tactions: {\n\t\t\t...bindActionCreators(profileActions, dispatch),\n\t\t},\n\t};\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ElectronicDelivery);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { push } from 'connected-react-router';\nimport { appSelector, profileSelector } from '../../selectors';\nimport { Menu, Segment, Container, Grid } from 'semantic-ui-react';\nimport { Switch, Route } from 'react-router-dom';\nimport UsernameAndPassword from './UsernameAndPassword';\nimport AccountInformationPage from './AccountInformationPage';\nimport ChangePasswordPage from './ChangePasswordPage';\nimport ChangeEmailPage from './ChangeEmailPage';\nimport ElectronicDelivery from './ElectronicDelivery';\nimport * as profileActions from '../../actions/profileActions';\n\nclass UserProfilePage extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tactiveItem: 'info',\n\t\t};\n\t\tthis.onMenuItemClick = this.onMenuItemClick.bind(this);\n\t}\n\n\tcomponentDidMount() {\n\t\tconst { location, actions, profile } = this.props;\n\n\t\tif (!profile.loaded) {\n\t\t\tactions.getProfile();\n\t\t}\n\n\t\tconst pathname = location.pathname.replace('/profile', '');\n\t\tconst activeItem = pathname === '' ? 'info' : pathname.replace('/', '');\n\t\tif (activeItem !== this.state.activeItem) {\n\t\t\tthis.setState({\n\t\t\t\tactiveItem,\n\t\t\t});\n\t\t}\n\t}\n\n\tcomponentDidUpdate(prevProps, prevState) {\n\t\tconst { location } = this.props;\n\t\tconst pathname = location.pathname.replace('/profile', '');\n\t\tconst activeItem = pathname === '' ? 'info' : pathname.replace('/', '');\n\t\tif (activeItem !== this.state.activeItem) {\n\t\t\tthis.setState({\n\t\t\t\tactiveItem,\n\t\t\t});\n\t\t}\n\t}\n\n\tonMenuItemClick(e, { name }) {\n\t\tthis.setState({\n\t\t\tactiveItem: name,\n\t\t});\n\t\tif (name === 'info') return this.props.actions.push('/profile');\n\t\tthis.props.actions.push(`/profile/${name}`);\n\t}\n\n\trender() {\n\t\tconst { activeItem } = this.state;\n\t\tconst { app, profile } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\tAs a condition of my agreement to conduct business with Indiana Farmers Mutual Insurance Group and its affiliated insurance companies (\"Company\") electronically, I agree to receive information & notifications from the Company, via text messages and/or email. I understand this program is completely voluntary and that text messaging rates & fees may apply as determined by my cellular provider. I agree not to hold the Company liable for any electronic messaging charges or fees generated by this service. I further agree that in the event my contact/cell phone number changes that I will inform the Company or be liable for any fees or charges incurred. If at any time I wish to discontinue receiving text messages from the Company, I can opt-out of text message notification via a reply text message. This, as well as opting out of email notifications, may also be accomplished by changing my preferences via my Member Portal account. I will receive a text message confirmation and/or an email notification that I have been signed up for this program. By clicking the “Accept” button, I am providing consent to the terms and conditions of this Agreement.
\n\t\t\t\t\t\t\tCONSENT AND NOTICE REGARDING TEXT MESSAGE AUTHORIZATION
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\tConsent to Automatic Text Message and/or Email Notifications. You specifically agree to receive and/or obtain text messages from the Company via an automatic text messaging system and/or email.\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\tPaper version of the Agreement. You acknowledge that, for your records, you are able to retain a copy of this Agreement by printing and/or downloading and saving this Agreement.\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\tRevocation of Agreement. You have the right to withdraw your consent to receive/obtain text message and/or email notification communications from the Company at any time. If you wish to withdraw your consent, you may update your preferences online via your Member Portal account, or by opting-out via a reply text message.\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\tChange of Phone Number. You agree to notify the Company if the phone number you provide is no longer a valid phone number to reach you via text message. You acknowledge that failure to notify the Company of the change, transfer, or cancellation of the phone number provided in this Agreement may result in a third party seeing the text messages you have authorized. You agree not to hold the Company responsible for disclosure of information directly resulting from text messages sent to the number(s) provided in this Agreement if you have not notified the Company of the change, transfer, or cancellation of the phone number. If your phone number is changed, transferred, or cancelled, you may contact us at 800.477.1660.\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\tChange of Email Address. You agree to notify the Company if the email address you provide is no longer a valid email address to reach you. You acknowledge that failure to notify the Company of the change, transfer, or cancellation of the email address provided in this Agreement may result in a third party seeing the email messages you have authorized. You agree not to hold the Company responsible for disclosure of information directly resulting from email messages sent to the email address provided in this Agreement if you have not notified the Company of the change, transfer, or cancellation of the email address provided. If your email address is changed, transferred, or cancelled, you may contact us at 800.477.1660.\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
To obtain Automatic Text Messages or Email Notification/Information, indicate your consent to the terms and conditions of this Agreement by clicking on the \"Accept\" button.
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
It is recommended that you print a copy of this Agreement for future reference.
\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t{profile.isDelivery && (\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t)}\n\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{`Email Address: ${profile.email}`}
\n\t\t\t\t\t\t\t{editMobileNumber ? (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t{`Mobile Number: ${profile.phoneNumber || ''}`}
{' '}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tAdditional recipients: \n\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{additionalEmailAddressError &&
\n\t\t\t\t\t\t\t\t{profile.phoneNumber && profile.phoneNumber !== '' && (\n\t\t\t\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t\t\t{profile.additionalEDeliveryEmailRecipients.map((r, i) => {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{additionalPhoneNumberError &&
\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t\t\t\t{profile.additionalEDeliverySMSRecipients.map((r, i) => {\n\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tNew Document
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\tReceive an alert when a new policy document is available on your account at IndianaFarmers.com
\n\t\t\t\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t\t\t
- New Declarations Page \n\t\t\t\t\t\t\t\t\t\t
- Invoice \n\t\t\t\t\t\t\t\t\t\t
- Renewal Documents \n\t\t\t\t\t\t\t\t\t\t
- Notices \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tPayments
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\tReceive an alert when:
\n\t\t\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t\t
- Payment is due \n\t\t\t\t\t\t\t\t\t
- Payment is due in 7 days \n\t\t\t\t\t\t\t\t\t
- Payment is late \n\t\t\t\t\t\t\t\t\t
- Payment is posted \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tClaims
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tReceive an alert when:
\n\t\t\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t\t
- Claim received along with claim number \n\t\t\t\t\t\t\t\t\t
- Your adjuster's contact information \n\t\t\t\t\t\t\t\t\t
- A payment has been issued \n\t\t\t\t\t\t\t\t\t
- Your adjuster is trying to reach you \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n Agreement of Terms\n
\n| \n \n Welcome to Indiana Farmers Mutual Insurance Group’s (\"IFMIG\")\n online Web services. Before utilizing these services,\n please take a few minutes to review the Terms and\n Conditions associated with the use of this site and this\n free service. When you have completed your review, indicate\n your agreement with these terms by clicking the Agree\n button. Once you agree to these terms, you will able to\n make your online payments. If you choose to not accept\n these terms and conditions, as stated, please select the\n Disagree button and you will be returned to the Company’s\n home page. Thank you for your business!\n | \n
| \n \n Terms and Conditions\n \n | \n
| \n \n 1. Agreement\n \n | \n
| \n \n By agreeing to the terms of this service, you are\n indicating that you would like to make online payments for\n policy premiums.\n | \n
| \n \n 2. Services\n \n | \n
| \n \n IFMIG provides a service\n that enables its policyholders to make payments on premium\n invoices using various methods including accepted credit\n cards and echeck.\n
| \n
| \n \n 3. Conditions for Use\n \n | \n
| \n \n By utilizing this service, you are indicating that you\n would like to make credit card and echeck payments for\n policy premiums.\n
| \n
| \n \n \n 4. Rights You Grant to Indiana Farmers Mutual Insurance\n Group\n \n \n | \n
\n
| \n
| \n \n 5. Disclaimer of Warranties\n \n | \n
| \n \n You expressly understand and agree that:\n
| \n
| \n \n 6. Limitation of Liability\n \n | \n
| \n \n By using this site, you, as user, agree to expressly limit\n IFMIG from any and all\n liability for any direct, indirect, incidental, special or\n consequential damages, or damages from loss of profits,\n revenue, data or use, incurred by you as user or any third\n party, whether, in an action in contract or tort, arising\n from access to, or use of, this site.\n | \n
| \n \n 7. Indemnification\n \n | \n
| \n \n You agree to defend, indemnify and hold harmless IFMIG, its affiliates\n (agencies), and service providers from any and all claims,\n liability, damages, losses or expenses (including, but not\n limited to, reasonable attorney fees and costs) caused by\n or arising from your use of this service, your violation of\n the Terms and Conditions, or your infringement, or\n infringement by any other user of your account, of any\n intellectual property or other right of anyone, or any\n other loss arising out of or in any way connected with\n access or use of this site.\n | \n
| \n \n 8. Applicable Law\n \n | \n
| \n \n All matters relating to access to and use of this site\n shall be governed by Indiana law. Any legal action or\n proceeding relating to your access to, or use of, shall be\n governed in accordance with the laws of the State of\n Indiana. You and IFMIG\n agree to submit to the jurisdiction of, and agree that the\n venue is proper in the State of Indiana in any such legal\n action or proceeding.\n | \n
| \n \n 9. Miscellaneous\n \n | \n
\n
| \n
\n\t\t\t{showAccountPrompt && (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\n\t\t\t)}\n\t\t\tEasily pay your bills, schedule payments, access your policy and claims information, or sign up for paperless
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t
\n\t);\n};\n\nSection.propTypes = {\n\theader: PropTypes.string.isRequired,\n\ticon: PropTypes.any.isRequired,\n\tactions: PropTypes.array.isRequired,\n\tonSelect: PropTypes.func.isRequired,\n};\n\nexport default Section;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst VehicleDisplay = ({ vehicle, showVin }) => {\n\treturn (\n\t\t{header}
\n\n\t\t\t\n\t\t\t\t{actions && policy &&\n\t\t\t\t\tactions\n\t\t\t\t\t\t.filter((a) => !a.disabled)\n\t\t\t\t\t\t.map((action, i) => {\n\t\t\t\t\t\t\tif (action.isError) {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{action.title}\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\ttitle={action.header}\n\t\t\t\t\t\t\t\t\t\tmessage={action.message}\n\t\t\t\t\t\t\t\t\t\tagency={policy.agency}\n\t\t\t\t\t\t\t\t\t\tpolicyNumber={policy.policyNumber}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})}\n\t\t\t
\n\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\t
\n\t);\n};\n\nVehicleBundles.propTypes = {\n\tonNoThanks: PropTypes.func.isRequired,\n\tonBack: PropTypes.func.isRequired,\n\tonAddBetter: PropTypes.func.isRequired,\n\tonAddBest: PropTypes.func.isRequired,\n\tonSaveAndExit: PropTypes.func.isRequired,\n};\n\nexport default VehicleBundles;\n","import { useMemo } from 'react';\n\nexport function mapToOptions(list, useItem, nullText, base = 0) {\n\tlet allItems = list.map((item, i) => {\n\t\treturn { key: i, text: item, value: useItem ? item : (i + (base)) };\n\t});\n\t\n\tif (nullText) {\n\t\treturn [{ key: -1, text: nullText, value: null }, ...allItems];\n\t} else {\n\t\treturn allItems;\n\t}\n}\n\nexport function useMapToOptions(list, useItem, nullText, base = 0) {\n\treturn useMemo(() => mapToOptions(list, useItem, nullText, base), [nullText, list, useItem, base]);\n}\n\nexport function range(start, end) {\n\treturn Array(end - start + 1)\n\t\t.fill()\n\t\t.map((_, idx) => start + idx);\n}\n","const states = [\n\t{ id: 1, abbreviation: 'AK', name: 'Alaska' },\n\t{ id: 2, abbreviation: 'AL', name: 'Alabama' },\n\t{ id: 3, abbreviation: 'AR', name: 'Arkansas' },\n\t{ id: 4, abbreviation: 'AZ', name: 'Arizona' },\n\t{ id: 5, abbreviation: 'CA', name: 'California' },\n\t{ id: 6, abbreviation: 'CO', name: 'Colorado' },\n\t{ id: 7, abbreviation: 'CT', name: 'Connecticut' },\n\t{ id: 8, abbreviation: 'DC', name: 'District of Columbia' },\n\t{ id: 9, abbreviation: 'DE', name: 'Delaware' },\n\t{ id: 10, abbreviation: 'FL', name: 'Florida' },\n\t{ id: 11, abbreviation: 'GA', name: 'Georgia' },\n\t{ id: 12, abbreviation: 'HI', name: 'Hawaii' },\n\t{ id: 13, abbreviation: 'IA', name: 'Iowa' },\n\t{ id: 14, abbreviation: 'ID', name: 'Idaho' },\n\t{ id: 15, abbreviation: 'IL', name: 'Illinois' },\n\t{ id: 16, abbreviation: 'IN', name: 'Indiana' },\n\t{ id: 17, abbreviation: 'KS', name: 'Kansas' },\n\t{ id: 18, abbreviation: 'KY', name: 'Kentucky' },\n\t{ id: 19, abbreviation: 'LA', name: 'Louisiana' },\n\t{ id: 20, abbreviation: 'MA', name: 'Massachusetts' },\n\t{ id: 21, abbreviation: 'MD', name: 'Maryland' },\n\t{ id: 22, abbreviation: 'ME', name: 'Maine' },\n\t{ id: 23, abbreviation: 'MI', name: 'Michigan' },\n\t{ id: 24, abbreviation: 'MN', name: 'Minnesota' },\n\t{ id: 25, abbreviation: 'MO', name: 'Missouri' },\n\t{ id: 26, abbreviation: 'MS', name: 'Mississippi' },\n\t{ id: 27, abbreviation: 'MT', name: 'Montana' },\n\t{ id: 28, abbreviation: 'NC', name: 'North Carolina' },\n\t{ id: 29, abbreviation: 'ND', name: 'North Dakota' },\n\t{ id: 30, abbreviation: 'NE', name: 'Nebraska' },\n\t{ id: 31, abbreviation: 'NH', name: 'New Hampshire' },\n\t{ id: 32, abbreviation: 'NJ', name: 'New Jersey' },\n\t{ id: 33, abbreviation: 'NM', name: 'New Mexico' },\n\t{ id: 34, abbreviation: 'NV', name: 'Nevada' },\n\t{ id: 35, abbreviation: 'NY', name: 'New York' },\n\t{ id: 36, abbreviation: 'OH', name: 'Ohio' },\n\t{ id: 37, abbreviation: 'OK', name: 'Oklahoma' },\n\t{ id: 38, abbreviation: 'OR', name: 'Oregon' },\n\t{ id: 39, abbreviation: 'PA', name: 'Pennsylvania' },\n\t{ id: 40, abbreviation: 'RI', name: 'Rhode Island' },\n\t{ id: 41, abbreviation: 'SC', name: 'South Carolina' },\n\t{ id: 42, abbreviation: 'SD', name: 'South Dakota' },\n\t{ id: 43, abbreviation: 'TN', name: 'Tennessee' },\n\t{ id: 44, abbreviation: 'TX', name: 'Texas' },\n\t{ id: 45, abbreviation: 'UT', name: 'Utah' },\n\t{ id: 46, abbreviation: 'VA', name: 'Virginia' },\n\t{ id: 47, abbreviation: 'VT', name: 'Vermont' },\n\t{ id: 48, abbreviation: 'WA', name: 'Washington' },\n\t{ id: 49, abbreviation: 'WI', name: 'Wisconsin' },\n\t{ id: 50, abbreviation: 'WV', name: 'West Virginia' },\n\t{ id: 51, abbreviation: 'WY', name: 'Wyoming' },\n];\nexport default states;\n\nconst statesByAbbreviation = {};\nstates.forEach((state) => statesByAbbreviation[state.abbreviation] = state.id);\n\nexport { states, statesByAbbreviation };","import states from '../../../../States';\n\nexport default {\n\tcreditorType: {\n\t\tlabel: 'Is the creditor a person or a company?',\n\t\toptions: ['A Company (Lienholder)', 'A Person (Loss Payee)'],\n\t\trequired: true\n\t},\n\tcreditorFirstName: {\n\t\tlabel: 'First Name',\n\t\tvalidate: (data) => data.creditorType === 0 || (data.creditorType === 1 && data.creditorFirstName !== ''),\n\t\trequired: true\n\t},\n\tcreditorLastName: {\n\t\tlabel: 'Last Name',\n\t\tvalidate: (data) => data.creditorType === 0 || (data.creditorType === 1 && data.creditorLastName !== ''),\n\t\trequired: true\n\t},\n\tcreditorBusinessName: {\n\t\tlabel: 'Business Name',\n\t\tvalidate: (data) => data.creditorType === 1 || (data.creditorType === 0 && data.creditorBusinessName !== ''),\n\t\trequired: true\n\t},\n\tcreditorAddressHouseNumber: {\n\t\tlabel: 'Street #',\n\t\trequired: true,\n\t\tvalidate: (data) => data.creditorAddressHouseNumber !== '' || data.creditorAddressPOBox !== '',\n\t\ttype: 'number'\n\t},\n\tcreditorAddressStreetName: {\n\t\tlabel: 'Street',\n\t\trequired: true,\n\t\tvalidate: (data) => data.creditorAddressStreetName !== '' || data.creditorAddressPOBox !== ''\n\t},\n\tcreditorAddressApartmentNumber: {\n\t\tlabel: 'Apartment #',\n\t\tvalidate: () => true,\n\t\ttype: 'number'\n\t},\n\tcreditorAddressPOBox: {\n\t\tlabel: 'P.O. Box',\n\t\tvalidate: (data) => data.creditorAddressPOBox !== '' || (data.creditorAddressHouseNumber !== '' && data.creditorAddressStreetName !== '')\n\t},\n\tcreditorAddressZip: {\n\t\tlabel: 'Zip (5 digits)',\n\t\trequired: true,\n\t\tminimumlength: 5,\n\t\tmaximumlength: 5,\n numeric: true,\n\t\tvalidate: (data) => data.creditorAddressZip !== '' ,\n\t\ttype: 'number'\n\t},\n\tcreditorAddressCity: {\n\t\tlabel: 'City',\n\t\trequired: true\n\t},\n\tcreditorAddressStateId: {\n\t\tlabel: 'State',\n\t\toptions: () => states.map((s) => s.name.toUpperCase()),\n\t\tbase: 1,\n\t\trequired: true\n\t}\n};\n","import { range } from '../utilities';\nimport states from '../../../../States';\nimport numeral from 'numeral';\nimport React from 'react';\nimport CreditorFields from '../creditor/CreditorFields';\n\nexport const VehicleFields = {\n addBy: {\n label: 'Add vehicle by',\n options: ['Year, Make, Model', 'VIN'],\n },\n annualMileage: {\n label: 'Annual Mileage',\n options: ['0 - 3,000', '3,001 - 6,000', '6,001 - 9,000', '9,001 - 12,000', '12,001 - 15,000', '15,001+'],\n required: true,\n },\n vin: {\n label: 'VIN',\n help:\n \"Your vehicle's unique ID. It is most commonly located on the bottom of the window on the driver's side. It can also be found on the sticker on the driver's side door.\",\n validate: (data) => data.vin !== '' || (data.year > 0 && data.make !== '' && data.model !== ''),\n required: true,\n },\n year: {\n label: 'Year',\n options: range(1900, new Date().getFullYear() + 1).reverse(),\n validate: (data) => data.vin !== '' || data.year > 0,\n required: true,\n },\n make: {\n label: 'Make',\n validate: (data) => data.vin !== '' || data.make !== '',\n required: true,\n },\n model: {\n label: 'Model',\n validate: (data) => data.vin !== '' || data.model !== '',\n required: true,\n },\n loanOrLease: {\n label: 'Do you have a Loan or Lease?',\n required: true,\n },\n garagingAddressHouseNumber: {\n label: 'Street #',\n required: true,\n validate: (data) => !data.isOtherAddress ||\n (data.garagingAddressHouseNumber !== '' || data.garagingAddressPOBox !== ''),\n type: 'number'\n },\n garagingAddressStreetName: {\n label: 'Street',\n required: true,\n validate: (data) => !data.isOtherAddress ||\n (data.garagingAddressStreetName !== '' || data.garagingAddressPOBox !== '')\n },\n garagingAddressApartmentNumber: {\n label: 'Apartment #',\n validate: () => true,\n type: 'number'\n },\n garagingAddressPOBox: {\n label: 'P.O. Box',\n validate: (data) => !data.isOtherAddress ||\n (data.garagingAddressPOBox !== '' ||\n (data.garagingAddressHouseNumber !== '' && data.garagingAddressStreetName)),\n },\n garagingAddressCity: {\n label: 'City',\n required: true,\n validate: (data) => !data.isOtherAddress || data.garagingAddressCity !== ''\n },\n garagingAddressStateId: {\n label: 'State',\n options: () => states.map((s) => s.name.toUpperCase()),\n base: 1,\n required: true,\n validate: (data) => !data.isOtherAddress || data.garagingAddressStateId !== 0\n },\n garagingAddressZip: {\n label: 'Zip (5 digits)',\n required: true,\n minimumlength: 5,\n maximumlength: 5,\n numeric: true,\n\t\tvalidate: (data) => !data.isOtherAddress || data.garagingAddressZip !== '',\n type: 'number'\n\t},\n\tgaragingAddressCounty: {\n\t\tlabel: 'County',\n\t\trequired: true,\n\t\tvalidate: (data) => !data.isOtherAddress || data.garagingAddressCounty !== ''\n\t},\n\tstyle: {\n\t\tlabel: 'Style',\n\t\tvalidate: (data) => data.vin !== '' || data.style !== '',\n\t\trequired: true,\n\t},\n};\n\nexport const CoverageVehicleFields = {\n\tcomprehensive: {\n\t\tlabel: 'Comprehensive',\n\t\toptions: [null, 50, 100, 200, 250, 500, 1000, 2000, 5000],\n\t\thelp: (\n\t\t\t\n\t\t\t\t{Object.keys(bundleOptionDisclaimers).map((key, i) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t{key} - {bundleOptionDisclaimers[key]}\n\t\t\t\t\t\t
\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\tCovers damage to your vehicle from pretty much anything that's not a collision. Think: hail, flood or the handiwork of vandals. You can adjust your Comprehensive deductible to suit your needs. Choosing a higher deductible means the cost of your insurance could be lower, but you should consider your ability to pay the deductible out of pocket if you need to file a claim.
\n\t\t\t\t*Example: Your car is stolen. This coverage will pay up to the actual cash value of your car, minus your deductible.
\n\t\t\tIf you collide with something and damage your car, collision coverage pays for damage to your ride.
\n\t\t\t\tYou can adjust your Collision deductible to suit your needs. Choosing a higher deductible means the cost of your insurance could be lower, but you should consider your ability to pay the deductible out of pocket if you need to file a claim.
\n\t\t\t\t*Example: You back into a fence post and need a new bumper. This coverage will pay to repair the damage to your vehicle minus your deductible.
\n\t\t\t\n\t\t\t\tCurrent Policy Period: {moment(policy.effective).format('L')} - {moment(policy.expiration).format('L')}\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t)}\n\t\t\n\t\t\t setShowContactAgent(false)} size='tiny'>\n\t\t\t\tContact Your Agent \n\t\t\t\tPlease contact your agent for further assistance. \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t \n\t\t\t\n\t\t\t\tDo any of the following apply? \n\t\t\t\t \n\t\t\t
\n\t);\n};\n\nVehicleKillQuestions.propTypes = {};\n\nexport default VehicleKillQuestions;\n","import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { Form, Loader } from 'semantic-ui-react';\nimport Fields from './CreditorFields';\nimport { useMapToOptions } from '../utilities';\nimport { Field } from '../PolicyForm';\nimport styles from './CreditorForm.module.scss';\nimport useDebounce from '../../../../../helpers/debounce';\n\nconst CreditorSubForm = ({ form, isEdit, addressLookup, addressState }) => {\n\tconst creditorTypeOptions = useMapToOptions(Fields.creditorType.options);\n\tconst stateOptions = useMapToOptions(Fields.creditorAddressStateId.options(), false, null, Fields.creditorAddressStateId.base);\n\n\tconst debounceZip = useDebounce(form.data.creditorAddressZip, 500);\n\tuseEffect(() => {\n addressLookup(debounceZip);\n\t}, [addressLookup, debounceZip]);\n\n\treturn (\n\t\t\n\t\t\t\t\t
\n\t\t\t- \n\t\t\t\t\t\t
- Is there existing damage on this vehicle? \n\t\t\t\t\t\t
- Is this vehicle used in racing events or considered to have \"hot rod\" characteristics? \n\t\t\t\t\t\t
- Is this vehicle used in transportation services such as Uber or Lyft? \n\t\t\t\t\t\t
- Is this vehicle titled to someone not listed as a policyholder? \n\t\t\t\t\t\t
- Has this vehicle been modified / have special equipment or declared as a classic or antique automobile? \n\t\t\t\t\t\t
- Is this vehicle not normally considered a private passenger type vehicle including, but not limited to limousines or hearses, golf carts and ATV's? \n\t\t\t\t\t\t
- Is this vehicle used in Business or Farm? \n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t\t\tWe need some more information \n\t\t\t\n\t\t
\n\t);\n};\n\nVehicleMoreInformation.propTypes = {};\n\nexport default VehicleMoreInformation;\n","import React, { useCallback, useState, useEffect, useMemo } from 'react';\nimport AddLoanLeaseCoverage from './AddLoanLeaseCoverage';\nimport VehicleBundles from './VehicleBundles';\nimport VehicleCoverageSelection from './VehicleCoverageSelection';\nimport VehicleForm from './VehicleForm';\nimport VehicleKillQuestions from './VehicleKillQuestions';\nimport VehicleMoreInformation from './VehicleMoreInformation';\nimport { statesByAbbreviation } from '../../../../States';\n\nconst AddVehicle = ({ actions, policy, effectiveDate, onCancel, onComplete, save, onError, setLoading, onSave, onExit, previousVehicle, onClearRate, rate, setRate, error }) => {\n\tconst currentEnhancement = useMemo(() => {\n\t\tif (policy.hasAutoEnhancement) {\n\t\t\treturn 'better';\n\t\t} else if (policy.hasAutoPlusEnhancement) {\n\t\t\treturn 'best';\n\t\t} else {\n\t\t\treturn 'no';\n\t\t}\n\t}, [policy]);\n\n\tconst defaultGaragingAddress = useMemo(() => policy.addresses.filter(a => a.poBox === null || a.poBox === '')[0], [policy])\n\tconst [data, setData] = useState({\n\t\tstep: 0,\n\t\tyear: null,\n\t\tchangedFields: [],\n\t\taddBy: true,\n\t\tannualMileage: 0,\n\t\tvin: '',\n\t\tmake: '',\n\t\tmodel: '',\n\t\tloanOrLease: false,\n\t\taddLoanLeaseCoverage: null,\n\t\thasThirdPartyLoanLeaseCoverage: null,\n\t\tisOtherAddress: defaultGaragingAddress === null,\n\t\tgaragingAddressHouseNumber: '',\n\t\tgaragingAddressStreetName: '',\n\t\tgaragingAddressApartmentNumber: '',\n\t\tgaragingAddressPOBox: '',\n\t\tgaragingAddressStateId: 0,\n\t\tgaragingAddressZip: '',\n\t\tgaragingAddressCounty: '',\n\t\tgaragingAddressCity: '',\n\t\tcreditorType: 0,\n\t\tcreditorFirstName: '',\n\t\tcreditorLastName: '',\n\t\tcreditorBusinessName: '',\n\t\tcreditorAddressHouseNumber: '',\n\t\tcreditorAddressStreetName: '',\n\t\tcreditorAddressApartmentNumber: '',\n\t\tcreditorAddressPOBox: '',\n\t\tcreditorAddressZip: '',\n\t\tcreditorAddressCity: '',\n\t\tcreditorAddressStateId: null,\n\t\tenhancement: currentEnhancement,\n\t\tcomprehensive: previousVehicle?.comprehensive || 0,\n\t\tcollision: previousVehicle?.collision || 0,\n\t\trentalReimbursement: previousVehicle?.rentalReimbursement || 0,\n\t\ttowingAndLabor: previousVehicle?.towingAndLabor || 0,\n\t\tstyle: null\n\t});\n\n\tconst [vehicleState, setVehicleState] = useState({ valid: false, vehicle: null, loading: false });\n const [addressState, setAddressState] = useState({ addressLoading: false, previousZip: null });\n\n useEffect(() => {\n\t\tif (save) {\n\t\t\tsetData({ ...data, ...save });\n\t\t\tsetVehicleState({ valid: save.vehicle != null, vehicle: save.vehicle, loading: false });\n\t\t}\n\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\n\tconst onVehicleFormChange = useCallback(\n\t\t(changedData) => {\n\t\t\tconst changedKeys = Object.keys(changedData);\n\t\t\tsetData({ ...data, ...changedData, changedFields: [...new Set([...data.changedFields, ...changedKeys])] });\n\t\t},\n\t\t[data]\n\t);\n\n\tconst _onSave = useCallback(\n\t\tasync (vehicleData, _rate) => {\n\t\t\tvehicleData.vehicleNum = previousVehicle?.vehicleNum;\n\t\t\tvehicleData.vehicle = vehicleState.vehicle;\n\t\t\tawait onSave(vehicleData, _rate || rate);\n\t\t},\n\t\t[onSave, previousVehicle, rate, vehicleState]\n\t);\n\n\tconst _onSaveAndExit = useCallback(async () => {\n\t\tawait _onSave(data, rate);\n\t\tonExit();\n\t}, [_onSave, data, onExit, rate]);\n\n\tconst [success, setSuccess] = useState(false);\n\n\tconst onRateConfirm = useCallback(() => {\n\t\tonComplete(rate);\n\t\tsetSuccess(true);\n\t}, [onComplete, rate]);\n\n\tconst onRate = useCallback(async (newVehicleState) => {\n\t\ttry {\n\t\t\tif(newVehicleState) {\n\t\t\t\tsetVehicleState({ vehicle: newVehicleState, valid: newVehicleState != null, loading: false});\n\t\t\t\tsetData({ ...data, vin: newVehicleState.vin, addBy: true });\t\t\n\t\t\t}\n\n\t\t\tconst _vehicleState = newVehicleState ? { vehicle: newVehicleState } : vehicleState;\n\t\t\tsetLoading('Generating rate');\n\t\t\tconst _vehicle = { vehicleNum: previousVehicle?.vehicleNum || rate?.vehicleNum, year: _vehicleState.vehicle.year, make: _vehicleState.vehicle.make, model: _vehicleState.vehicle.model ,vin:_vehicleState.vehicle.vin};\n\t\t\tlet style = null;\n\t\t\tif (_vehicleState.vehicle.vin !== '') {\n\t\t\t\tstyle = _vehicleState.vehicle.styles[0];\n\t\t\t} else {\n\t\t\t\tstyle = JSON.parse(data.style);\n\t\t\t}\n\t\t\tlet rateData = { policyId: policy.policyId, policyNumber: policy.policyNumber, policyEffectiveDate: policy.term.effectiveDate, endorsementPolicyImageNumber: rate?.policyImageNum, effectiveDate, ...data, ..._vehicle, ...style };\n\t\t\tconst result = await actions.rateVehicle(rateData);\n\n\t\t\tconst _rate = { ...result.response, email: { action: 'Added', vehicle: _vehicleState.vehicle, comprehensive: data.comprehensive, rentalReimbursement: data.rentalReimbursement, collision: data.collision, towingAndLabor: data.towingAndLabor, previousVehicle } };\n\n\t\t\tsetRate(_rate);\n\t\t\tawait _onSave(data, _rate);\n\t\t\tsetLoading(null);\n\t\t} catch (error) {\n\t\t\tsetLoading(null);\n\t\t\tonError(error.error);\n\t\t\tthrow error;\n\t\t}\n\t}, [vehicleState, setLoading, previousVehicle, rate, policy, effectiveDate, data, actions, setRate, _onSave, onError]);\n\n\tconst updateVehicle = useCallback(\n\t\tasync (vin, year, make, model) => {\n\t\t\ttry {\n\t\t\t\tif (vin.length === 17 || (year > 0 && make !== '' && model !== '')) {\n\t\t\t\t\tsetVehicleState({ vehicle: null, valid: false, loading: true });\n\t\t\t\t\tconst result = await actions.vehicleLookup(vin, year, make, model, policy.versionId);\n setVehicleState({ vehicle: result.response ? { ...result.response, vin } : null, valid: result.response != null, loading: false });\n\t\t\t\t} else {\n\t\t\t\t\tsetVehicleState({ vehicle: null, valid: false, loading: false });\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tsetVehicleState({ vehicle: null, valid: false, loading: false });\n\t\t\t}\n\t\t},\n\t\t[actions, policy]\n\t);\n\t\n const garagingAddressLookup = useCallback(\n\t\tasync (zipCode) => {\n\t\t\tif (zipCode && zipCode.length === 5 && zipCode !== addressState.previousZip)\n\t\t\t{\n\t\t\t\ttry {\n setAddressState({ loadingAddress: true });\n \n\t\t\t\t\tconst result = await actions.addressLookup(zipCode);\n if (result) {\n\t\t\t\t\t\tconst state = statesByAbbreviation[result.response.stateAbbrev];\n\t\t\t\t\t\tif (data.garagingAddressStateId !== state ||\n data.garagingAddressCounty !== result.response.county ||\n data.garagingAddressCity !== result.response.city) {\n\n const changedData = {\n garagingAddressStateId: state,\n garagingAddressCounty: result.response.county,\n garagingAddressCity: result.response.city\n };\n\n onVehicleFormChange(changedData);\n }\n }\n\t\t\t\t} catch (error) {\n }\n setAddressState({ loadingAddress: false, previousZip: zipCode });\n\t\t\t}\n },\n [actions, onVehicleFormChange]\n );\n\n\tconst creditorAddressLookup = useCallback(\n\t\tasync (zipCode) => {\n\t\t\tif (zipCode && zipCode.length === 5 && zipCode !== addressState.previousZip)\n {\n try {\n setAddressState({ loadingAddress: true });\n\n const result = await actions.addressLookup(zipCode);\n \n if (result) {\n\t\t\t\t\t\tconst state = statesByAbbreviation[result.response.stateAbbrev];\n\n if (data.creditorAddressStateId !== state ||\n data.creditorAddressCity !== result.response.city) {\n\t\t\t\t\t\t\t\n const changedData = {\n creditorAddressStateId: state,\n creditorAddressCity: result.response.city\n };\n\n onVehicleFormChange(changedData);\n }\n }\n } catch (error) { }\n\t\t\t setAddressState({ loadingAddress: false, previousZip: zipCode });\n }\n },\n [actions, onVehicleFormChange]\n );\n\n\tconst onMoreInformationChange = useCallback(\n\t\t(changedData) => {\n\t\t\tif (changedData.vin && changedData.vin !== '') {\n\t\t\t\tchangedData.addBy = true;\n\t\t\t\tchangedData.year = null;\n\t\t\t\tchangedData.make = '';\n\t\t\t\tchangedData.model = '';\n\t\t\t\tchangedData.style = null;\n\t\t\t}\n\n\t\t\tonVehicleFormChange(changedData);\n\t\t},\n\t\t[onVehicleFormChange]\n\t);\n\n\tconst KILLQUESTIONS_STEP = 0;\n\tconst FORM_STEP = 1;\n\tconst MOREINFO_STEP = 2;\n\tconst LOANLEASECOVERAGE_STEP = 3;\n\tconst BUNDLES_STEP = 4;\n\tconst COVERAGE_STEP = 5;\n\n\tconst onContinue = useCallback(() => {\n\t\tconst currentStep = data.step;\n\t\tvar nextStep = currentStep + 1;\n\t\tsetData({ ...data, step: nextStep });\n\t}, [data]);\n\n\tconst onVehicleFormContinue = useCallback(() => {\n\t\tvar nextStep = MOREINFO_STEP;\n\t\tif (!data.loanOrLease) {\n\t\t\tif (currentEnhancement === 'best') {\n\t\t\t\tnextStep = COVERAGE_STEP;\n\t\t\t} else {\n\t\t\t\tnextStep = BUNDLES_STEP;\n\t\t\t}\n\t\t}\n\n\t\tsetData({ ...data, step: nextStep });\n\t}, [currentEnhancement, data]);\n\n\tconst onAddLoanLeaseCoverageContinue = useCallback(\n\t\t(add) => {\n\t\t\tvar nextStep = BUNDLES_STEP;\n\t\t\tif (currentEnhancement === 'best') {\n\t\t\t\tnextStep = COVERAGE_STEP;\n\t\t\t}\n\t\t\tsetData({ ...data, step: nextStep, addLoanLeaseCoverage: add });\n\t\t},\n\t\t[currentEnhancement, data]\n\t);\n\n\tconst onMoreInformationContinue = useCallback(() => {\n\t\tvar nextStep = LOANLEASECOVERAGE_STEP;\n\n\t\tif (!data.loanOrLease || data.hasThirdPartyLoanLeaseCoverage || data.hasThirdPartyLoanLeaseCoverage === null) {\n\t\t\tonAddLoanLeaseCoverageContinue(false);\n\t\t\treturn;\n\t\t}\n\n\t\tsetData({ ...data, step: nextStep });\n\t}, [data, onAddLoanLeaseCoverageContinue]);\n\n\tconst onBundlesContinue = useCallback(\n\t\t(enhancement) => {\n\t\t\tvar nextStep = COVERAGE_STEP;\n\t\t\tsetData({ ...data, step: nextStep, enhancement });\n\t\t},\n\t\t[data]\n\t);\n\n\tconst onBundlesBack = useCallback(() => {\n\t\tvar previousStep = FORM_STEP;\n\n\t\tif (data.loanOrLease && !data.hasThirdPartyLoanLeaseCoverage && data.hasThirdPartyLoanLeaseCoverage !== null) {\n\t\t\tpreviousStep = LOANLEASECOVERAGE_STEP;\n\t\t} else if (data.loanOrLease) {\n\t\t\tpreviousStep = MOREINFO_STEP;\n\t\t}\n\n\t\tsetData({ ...data, step: previousStep });\n\t}, [data]);\n\n\tconst onCoverageSelectionBack = useCallback(() => {\n\t\tonClearRate();\n\n\t\tvar previousStep = BUNDLES_STEP;\n\t\tif (currentEnhancement === 'best') {\n\t\t\tonBundlesBack();\n\t\t\treturn;\n\t\t}\n\n\t\tsetData({ ...data, step: previousStep });\n\t}, [onClearRate, currentEnhancement, data, onBundlesBack]);\n\n\tconst onBack = useCallback(() => {\n\t\tconst currentStep = data.step;\n\t\tvar previousStep = currentStep - 1;\n\t\tsetData({ ...data, step: previousStep });\n\t}, [data]);\n\t\n\tswitch (data.step) {\n\t\tdefault:\n\t\tcase KILLQUESTIONS_STEP:\n\t\t\treturn \n\t\t\t setShowConfirm(false)} size='tiny'>\n\t\t\t\tConfirm \n\t\t\t\t{confirmMessage} \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t \n\t\t\t setOpen(false)} size='tiny'>\n\t\t\t\tWarning \n\t\t\t\t{selectedVehicle != null ? 'This vehicle is already scheduled to be deleted from the policy on ' + new Date(selectedVehicle.deleteFutureEffectiveDate).toLocaleDateString() +'.': \"\" } \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t \n\t\t\t{message}: \n\t\t\t\n\t\t\t
\n\t);\n};\n\nexport default VehicleSelect;\n","import React, { useState, useCallback, useEffect } from 'react';\nimport VehicleSelect from './VehicleSelect';\nimport AddVehicle from './AddVehicle';\n\nconst ReplaceVehicle = (props) => {\n\tconst { policy, onCancel, save, onSave } = props;\n\tconst [vehicle, setVehicle] = useState(null);\n\n\tuseEffect(() => {\n\t\tif (save && save.previousVehicle) {\n\t\t\tsetVehicle(save.previousVehicle);\n\t\t}\n\t}, [save]);\n\n\tconst _onSave = useCallback(\n\t\tasync (vehicleData, _rate) => {\n\t\t\tvehicleData.previousVehicle = vehicle;\n\t\t\tawait onSave(vehicleData, _rate);\n\t\t},\n\t\t[onSave, vehicle]\n\t);\n\n\tif (!vehicle) return \n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t\t\t{title} \n\t\t\t{children} \n\t\t\t{rate &&
\n\t);\n};\n\nPolicyChange.propTypes = {\n\tname: PropTypes.string.isRequired,\n\tpolicy: PropTypes.object.isRequired,\n\tnewPolicy: PropTypes.object.isRequired,\n\tchildren: PropTypes.any.isRequired,\n};\n\nexport default PolicyChange;\n","import React from 'react';\nimport { Header, Segment, Button, Icon } from 'semantic-ui-react';\nimport PolicyRate from '../PolicyRate';\nimport styles from './Conclusion.module.scss';\n\nconst Conclusion = ({ children, title, rate, policy, onExit }) => {\n\treturn (\n\t\t\n\t\t\t\t{hideConfirm && }\n\n\t\t\t\t{!hideConfirm && (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t)}\n\n\t\t\t\t\n\t\t\t\t{showEdit && (\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\t\n\t\t\t
\n\t\t\n\t\t\t{title} \n\t\t\t{children} \n\t\t\t{rate && You will receive a confirmation email of this change shortly. \n\t\t\t
\n\t);\n};\n\nexport default Conclusion;\n","import React, { useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport Form from './FormDisplay';\nimport moment, { isDate } from 'moment';\nimport styles from './ChangedFields.module.scss';\n\nconst ChangedFields = ({ changedFields, originalData, data, isAdd, other, fields }) => {\n\tconst renderText = useCallback(\n\t\t(field, val) => {\n\t\t\tif (val !== null) {\n\t\t\t\tif (field.base != null) {\n\t\t\t\t\tif (typeof field.base === 'function') {\n\t\t\t\t\t\tval -= field.base(isAdd);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tval -= field.base;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif (field.options && !field.useItem) {\n\t\t\t\t\tif (typeof field.options === 'function') {\n\t\t\t\t\t\treturn field.options(isAdd)[val];\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (typeof val === 'boolean') {\n\t\t\t\t\t\t\tval = val ? 1 : 0;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn field.options[val];\n\t\t\t\t\t}\n\t\t\t\t} else if (isDate(val)) {\n\t\t\t\t\treturn moment(val).format('L');\n\t\t\t\t} else if (val instanceof moment) {\n\t\t\t\t\treturn val.format('L');\n\t\t\t\t} else {\n\t\t\t\t\tif (val === true) {\n\t\t\t\t\t\treturn 'Yes';\n\t\t\t\t\t}\n\t\t\t\t\tif (val === false) {\n\t\t\t\t\t\treturn 'No';\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn val;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\treturn '';\n\t\t\t}\n\t\t},\n\t\t[isAdd]\n\t);\n\n\treturn (\n\t\t\n\t);\n};\n\nChangedFields.propTypes = {\n\tdata: PropTypes.array,\n};\n\nexport default ChangedFields;\n","import React, { useCallback, useEffect, useState } from 'react';\nimport PolicyChange from '../PolicyChange';\nimport VehicleSelect from './VehicleSelect';\nimport { Form } from 'semantic-ui-react';\nimport VehicleDisplay from './VehicleDisplay';\nimport Conclusion from '../Conclusion';\nimport ChangedFields from '../ChangedFields';\n\nconst DeleteVehicle = ({ actions, policy, effectiveDate, onCancel, onComplete, save, onError, setLoading, onSave, onExit, rate, setRate }) => {\n\tconst [vehicle, setVehicle] = useState(null);\n\tconst [isComplete, setIsComplete] = useState(false);\n\n\tuseEffect(() => {\n\t\tif (save && save.originalVehicle) {\n\t\t\tsetVehicle(save.originalVehicle);\n\t\t}\n\t}, [save]);\n\n\tconst _onSaveAndExit = useCallback(async () => {\n\t\tawait onSave({ originalVehicle: vehicle }, rate);\n\t\tonExit();\n\t}, [onExit, onSave, rate, vehicle]);\n\n\tconst onRate = useCallback(\n\t\tasync (selectedVehicle) => {\n\t\t\ttry {\n\t\t\t\tsetVehicle(selectedVehicle);\n\t\t\t\tsetLoading('Generating rate');\n\t\t\t\tvar result = await actions.rateDeleteVehicle({ policyId: policy.policyId, policyImageNum: policy.policyImageNum, policyNumber: policy.policyNumber, effectiveDate, vehicleNum: selectedVehicle.vehicleNum });\n\n\t\t\t\tconst _rate = { ...result.response, email: { action: 'Removed', vehicle: selectedVehicle } };\n\n\t\t\t\tsetRate(_rate);\n\t\t\t\tawait onSave({ originalVehicle: selectedVehicle }, _rate);\n\n\t\t\t\tsetLoading(null);\n\t\t\t} catch (error) {\n\t\t\t\tsetVehicle(null);\n\t\t\t\tsetLoading(null);\n\t\t\t\tonError(error.error);\n\t\t\t}\n\t\t},\n\t\t[actions, effectiveDate, onError, onSave, policy, setLoading, setRate]\n\t);\n\n\tconst onRateConfirm = useCallback(() => {\n\t\tonComplete(rate);\n\t\tsetIsComplete(true);\n\t}, [onComplete, rate]);\n\n\tif (!vehicle) {\n\t\treturn \n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t\t\t setShowContactAgent(false)} size='tiny'>\n\t\t\t\tContact Your Agent \n\t\t\t\tPlease contact your agent for further assistance. \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t \n\t\t\t
\n\t);\n};\n\nDriverKillQuestions.propTypes = {\n\tonContinue: PropTypes.func.isRequired,\n\tonCancel: PropTypes.func.isRequired\n};\n\nexport default DriverKillQuestions;\n","import React from 'react';\nimport PolicyChange from '../PolicyChange';\nimport ChangedFields from '../ChangedFields';\nimport DriverFields from './DriverFields';\n\nconst DriverChangeConfirm = ({ policy, data, onComplete, onSaveAndExit, onEdit, onCancel, isAdd, rate }) => {\n\tif (!rate) return null;\n\t\n\treturn (\n\t\t\n\t\t\t\tDo any of the following apply? \n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t- \n\t\t\t\t\t\t\t
- Financial responsibility filing \n\t\t\t\t\t\t\t
- Has this driver had more than 1 accident or more than 1 violation in the last 3 years? \n\t\t\t\t\t\t\t
- Disregarding a police officer \n\t\t\t\t\t\t\t
- Driving under the influence of alcohol or drugs \n\t\t\t\t\t\t\t
- Driving with a suspended, invalid or revoked driver's license \n\t\t\t\t\t\t\t
- Failure to report an accident \n\t\t\t\t\t\t\t
- Fleeing or eluding a police officer \n\t\t\t\t\t\t\t
- Hit and run \n\t\t\t\t\t\t\t
- Leaving the scene of an accident \n\t\t\t\t\t\t\t
- Racing, participating in racing, dragging \n\t\t\t\t\t\t\t
- Reckless driving \n\t\t\t\t\t\t\t
- Speeding 26 mph or more over the legal limit \n\t\t\t\t\t\t\t
- Vehicular homicide or assualt with a motor vehicle \n\t\t\t\t\t\t\t
- Is the driver 80 years of age or older? \n\t\t\t\t\t\t\t
- Does the driver have physical/mental impairment? \n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t\t\t\n\t\t\t\t \n\t\t
\n\t);\n};\n\nDriverChangeConfirm.propTypes = {};\n\nexport default DriverChangeConfirm;\n","import React, { useState, useCallback, useEffect } from 'react';\nimport DriverForm from './DriverForm';\nimport DriverKillQuestions from './DriverKillQuestions';\nimport DriverChangeConfirm from './DriverChangeConfirm';\nimport DriverFields from './DriverFields';\nimport Conclusion from '../Conclusion';\nimport ChangedFields from '../ChangedFields';\nimport moment from 'moment';\n\nconst EditAndRateDriver = ({ onSave, onExit, onCancel, save, policy, isAdd, onRate, onRateConfirm, rate, onClearRate }) => {\n\tconst [data, setData] = useState({\n\t\tstep: 0,\n\t\tfirstName: '',\n\t\tmiddleInitial: '',\n\t\tlastName: '',\n\t\tsuffix: null,\n\t\tdateOfBirth: '',\n\t\tgender: 1,\n\t\tmaritalStatus: null,\n\t\tdriversLicenseNumber: '',\n\t\tstateLicensed: 16,\n\t\tlicenseStatus: 1,\n\t\trelationship: null,\n\t\tlicensedForThreeOrMoreYears: false,\n\t\tisBLevelStudent: false,\n\t\tisDriversLicenseValid: null,\n\t\tisFullTimeStudent: false,\n\t\tstudentStatus: null,\n\t\tchangedFields: isAdd ? ['gender', 'stateLicensed', 'isBLevelStudent'] : [],\n\t\toriginalDriver: null,\n\t});\n\n\tuseEffect(() => {\n\t\tif (save) {\n\t\t\tif (save.dateOfBirth != null && save.dateOfBirth !== '') {\n\t\t\t\tsave.dateOfBirth = moment(save.dateOfBirth).toDate();\n\t\t\t}\n\t\t\tsetData({ ...data, ...save });\n\t\t}\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\n\tconst onDriverFormChange = useCallback(\n\t\t(_, { name, value }) => {\n\t\t\tconst newData = {\n\t\t\t\t...data, [name]: value, changedFields: [...new Set([...data.changedFields, name])]\n\t\t\t}\n\t\t\t\n\t\t\tif(name === 'dateOfBirth') {\n\t\t\t\tvar driverAge = moment().diff(moment(value), 'years');\n\n\t\t\t\tif(driverAge < 16 && driverAge > 25) {\n\t\t\t\t\tnewData.studentStatus = null;\n\t\t\t\t\tnewData.isBLevelStudent = false;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tsetData(newData);\n\t\t},\n\t\t[data]\n\t);\n\n\tconst onDriverFormContinue = useCallback(async () => {\n\t\ttry {\n\t\t\tconst newData = { ...data, step: 2 };\n\n\t\t\tsetData(newData);\n\t\t\tawait onRate(newData);\n\t\t} catch (error) {\n\t\t\tconsole.log('error', error);\n\t\t}\n\t}, [data, onRate]);\n\n\tconst onChangeComplete = useCallback(async () => {\n\t\ttry {\n\t\t\tawait onRateConfirm();\n\t\t\tsetData({ ...data, step: 3 });\n\t\t} catch (error) {\n\t\t\tconsole.log('error', error);\n\t\t}\n\t}, [data, onRateConfirm]);\n\n\tconst onEdit = useCallback(() => {\n\t\tonClearRate();\n\t\tsetData({ ...data, step: 1 });\n\t}, [data, onClearRate]);\n\n\tconst onSaveAndExit = useCallback(() => {\n\t\tonSave(data);\n\t\tonExit();\n\t}, [data, onExit, onSave]);\n\n\tconst onResetStudentStatus = useCallback(() => {\n\t\tsetData({ ...data, studentStatus: null, isBLevelStudent: false });\n\t}, [data]);\n\n\tswitch (data.step) {\n\t\tcase 1:\n\t\t\treturn \n\t\t\t setShowConfirm(false)} size=\"tiny\">\n\t\t\t\tConfirm \n\t\t\t\t{confirmMessage} \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t \n\t\t\t setOpen(false)} size='tiny'>\n\t\t\t\tWarning \n\t\t\t\t{selectedDriver != null ? 'This driver is already scheduled to be deleted from the policy on ' + new Date(selectedDriver.deleteFutureEffectiveDate).toLocaleDateString() + '.' : \"\"} \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t \n\t\t\t{message}: \n\t\t\t\n\t\t\t
\n\t);\n};\n\nexport default DriverSelect;\n","import React, { useCallback, useEffect, useState } from 'react';\nimport DriverSelect from './DriverSelect';\nimport PolicyChange from '../PolicyChange';\nimport Form from '../FormDisplay';\nimport ChangedFields from '../ChangedFields';\nimport Conclusion from '../Conclusion';\n\nconst DeleteDriver = ({ setLoading, actions, onError, policy, onCancel, effectiveDate, onComplete, onSave, onExit, save, rate, setRate }) => {\n\tconst [driver, setDriver] = useState(null);\n\tconst [isComplete, setIsComplete] = useState(false);\n\n\tuseEffect(() => {\n\t\tif (save && save.originalDriver) {\n\t\t\tsetDriver(save.originalDriver);\n\t\t}\n\t}, [save]);\n\n\tconst _onSaveAndExit = useCallback(async () => {\n\t\tawait onSave({ originalDriver: driver }, rate);\n\t\tonExit();\n\t}, [driver, onExit, onSave, rate]);\n\n\tconst onRate = useCallback(\n\t\tasync (selectedDriver) => {\n\t\t\ttry {\n\t\t\t\tsetDriver(selectedDriver);\n\t\t\t\tsetLoading('Generating rate');\n\t\t\t\tvar result = await actions.rateDeleteDriver({ policyId: policy.policyId, policyNumber: policy.policyNumber, effectiveDate, driverNum: selectedDriver.driverNum });\n\n\t\t\t\tconst _rate = { ...result.response, email: { action: 'Deleted', name: `${selectedDriver.firstName} ${selectedDriver.lastName}` } };\n\n\t\t\t\tsetRate(_rate);\n\t\t\t\tawait onSave({ originalDriver: selectedDriver }, _rate);\n\n\t\t\t\tsetLoading(null);\n\t\t\t} catch (error) {\n\t\t\t\tsetDriver(null);\n\t\t\t\tonError(error.error);\n\t\t\t\tsetLoading(null);\n\t\t\t}\n\t\t},\n\t\t[actions, effectiveDate, onError, onSave, policy, setLoading, setRate]\n\t);\n\n\tconst onRateConfirm = useCallback(() => {\n\t\tonComplete(rate);\n\t\tsetIsComplete(true);\n\t}, [onComplete, rate]);\n\n\tif (!driver) {\n\t\treturn \n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t\t\t setShowConfirm(false)} size='tiny'>\n\t\t\t\tConfirm \n\t\t\t\t{confirmMessage} \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t \n\t\t\t setOpen(false)} size='tiny'>\n\t\t\t\tWarning \n\t\t\t\t{confirmMessage} \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t \n\t\t\t{message}: \n\t\t\t\n\t\t\t
\n\t);\n};\n\nCreditorSelect.propTypes = {\n\tonCreditorSelect: PropTypes.func.isRequired,\n\tvehicle: PropTypes.any.isRequired,\n\tonCancel: PropTypes.func.isRequired,\n\tonBack: PropTypes.func,\n\tconfirmMessage: PropTypes.string,\n\tmessage: PropTypes.string,\n};\n\nexport default CreditorSelect;\n","import React, { useState, useEffect, useCallback } from 'react';\nimport VehicleSelect from '../vehicle/VehicleSelect';\nimport CreditorSelect from './CreditorSelect';\nimport Fields from './CreditorFields';\nimport CreditorForm from './CreditorForm';\nimport PolicyChange from '../PolicyChange';\nimport ChangedFields from '../ChangedFields';\nimport Conclusion from '../Conclusion';\nimport moment from 'moment';\nimport { statesByAbbreviation } from '../../../../States';\n\nconst EditCreditor = ({ actions, policy, effectiveDate, onCancel, onComplete, save, onError, setLoading, onSave, onExit, onClearRate, rate, setRate }) => {\n\tconst [data, setData] = useState({\n\t\tchangedFields: [],\n\t\tcreditorType: 0,\n\t\tcreditorBusinessName: '',\n\t\tcreditorFirstName: '',\n\t\tcreditorLastName: '',\n\t\tcreditorAddressHouseHumber: '',\n\t\tcreditorAddressStreetName: '',\n\t\tcreditorAddressApartmentNumber: '',\n\t\tcreditorAddressPOBox: '',\n\t\tcreditorAddressCity: '',\n\t\tcreditorAddressStateId: null,\n\t\tcreditorAddressZip: '',\n\t\tcreditorAddressCounty: '',\n\t});\n\n\tconst [vehicle, setVehicle] = useState(null);\n\tconst [creditor, setCreditor] = useState(null);\n\tconst [isComplete, setIsComplete] = useState(false);\n\tconst [addressState, setAddressState] = useState({ addressLoading: false });\n\tconst [initialZipCode, setInitialZipCode] = useState(null);\n\n\tuseEffect(() => {\n\t\tif (save) {\n\t\t\tsetData({ ...data, ...save });\n\n\t\t\tif (save.originalVehicle) {\n\t\t\t\tsetVehicle(save.originalVehicle);\n\t\t\t}\n\n\t\t\tif (save.originalCreditor) {\n\t\t\t\tsetCreditor(save.originalCreditor);\n\t\t\t}\n\t\t}\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [save]);\n\n\tconst onChange = useCallback(\n\t\t(_, { name, value }) => {\n\t\t\tsetData({ ...data, [name]: value, changedFields: [...new Set([...data.changedFields, name])] });\n\t\t},\n\t\t[data]\n\t);\n\n\tconst onAddressChange = useCallback(\n\t\t(changedData) => {\n\t\t\tconst changedKeys = Object.keys(changedData);\n\t\t\tsetData({ ...data, ...changedData, changedFields: [...new Set([...data.changedFields, ...changedKeys])] });\n\t\t},\n\t\t[data]\n\t);\n\n\tconst onSaveAndExit = useCallback(() => {\n\t\tonSave({ ...data, originalVehicle: vehicle, originalCreditor: creditor }, rate);\n\t\tonExit();\n\t}, [creditor, data, onExit, onSave, rate, vehicle]);\n\n\tconst onEdit = useCallback(() => {\n\t\tonClearRate();\n\t}, [onClearRate]);\n\n\tconst onRate = useCallback(async () => {\n\t\ttry {\n\t\t\tsetLoading('Generating rate');\n\t\t\tconst result = await actions.rateCreditor({ policyId: policy.policyId, policyNumber: policy.policyNumber, endorsementPolicyImageNumber: rate?.policyImageNum, vehicleNum: vehicle.vehicleNum, creditorNum: creditor.creditorNum, effectiveDate, ...data });\n\t\t\t\n\t\t\tconst _rate = {\n\t\t\t\t...result.response,\n\t\t\t\temail: {\n\t\t\t\t\taction: 'Edited',\n\t\t\t\t\tvehicle,\n\t\t\t\t\taddressLine1: data.creditorBusinessName !== '' ? data.creditorBusinessName : `${data.creditorFirstName} ${data.creditorLastName}`,\n\t\t\t\t\taddressLine2: (`${data.creditorAddressHouseNumber} ${data.creditorAddressStreetName} ${data.creditorAddressApartmentNumber}`.trim() + (data.creditorAddressPOBox !== '' ? ` P.O. Box ${data.creditorAddressPOBox}` : '')).trim(),\n\t\t\t\t\taddressLine3: `${data.creditorAddressCity}, ${Fields.creditorAddressStateId.options()[data.creditorAddressStateId - Fields.creditorAddressStateId.base]} ${data.creditorAddressZip}`,\n\t\t\t\t},\n\t\t\t};\n\t\t\tsetRate(_rate);\n\t\t\tawait onSave({ ...data, originalVehicle: vehicle, originalCreditor: creditor }, _rate);\n\t\t\tsetLoading(null);\n\t\t} catch (error) {\n\t\t\tsetLoading(null);\n\t\t\tonError(error.error);\n\t\t}\n\t}, [setLoading, actions, policy, rate, vehicle, creditor, effectiveDate, data, setRate, onSave, onError]);\n\n\tconst onRateConfirm = useCallback(() => {\n\t\tonComplete(rate);\n\t\tsetIsComplete(true);\n\t}, [setIsComplete, onComplete, rate]);\n\n\tconst addressLookup = useCallback(\n\t\tasync (zipCode) => {\n\t\t\tif (zipCode) {\n\t\t\t\t// did the zip code change\n\t\t\t\tif (zipCode !== initialZipCode) {\n\t\t\t\t\tif (zipCode && zipCode.length === 5) {\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\tsetAddressState({ loadingAddress: true });\n\t\t\t\t\t\t\tconst result = await actions.addressLookup(zipCode);\n\n\t\t\t\t\t\t\tif (result) {\n\t\t\t\t\t\t\t\tconst state = statesByAbbreviation[result.response.stateAbbrev];\n\n\t\t\t\t\t\t\t\tif (data.creditorAddressStateId !== state ||\n\t\t\t\t\t\t\t\t\tdata.creditorAddressCity !== result.response.city) {\n\n\n const changedData = {\n creditorAddressStateId: state,\n creditorAddressCity: result.response.city,\n };\n onAddressChange(changedData);\n }\n }\n\t\t\t\t\t\t} catch (error) {}\n\t\t\t\t\t\tsetAddressState({ loadingAddress: false });\n\t\t\t\t\t}\n\t\t\t\t\tsetInitialZipCode(null);\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[actions, initialZipCode, onAddressChange]\n\t);\n\n\tconst onCreditorChange = useCallback(\n\t\t(creditor) => {\n\t\t\tlet creditorZip = creditor.address.zip;\n\t\t\tif (creditorZip.length > 5) {\n\t\t\t\tcreditorZip = creditorZip.substring(0, 5);\n\t\t\t}\n\n\t\t\tsetCreditor(creditor);\n\t\t\tsetInitialZipCode(creditorZip);\n\t\n\t\t\tsetData({\n\t\t\t\t...data,\n\t\t\t\tcreditorType: creditor.businessName !== '' ? 0 : 1,\n\t\t\t\tcreditorBusinessName: creditor.businessName,\n\t\t\t\tcreditorFirstName: creditor.firstName,\n\t\t\t\tcreditorLastName: creditor.lastName,\n\t\t\t\tcreditorAddressHouseNumber: creditor.address.houseNumber,\n\t\t\t\tcreditorAddressApartmentNumber: creditor.address.aptNum,\n\t\t\t\tcreditorAddressStreetName: creditor.address.streetName,\n\t\t\t\tcreditorAddressPOBox: creditor.address.poBox,\n\t\t\t\tcreditorAddressCity: creditor.address.city,\n\t\t\t\tcreditorAddressStateId: creditor.address.stateId,\n\t\t\t\tcreditorAddressZip: creditorZip,\n\t\t\t\tcreditorAddressCounty: creditor.address.county,\n\t\t\t});\n\t\t},\n\t\t[data]\n\t);\n\n\tif (!vehicle) return \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t{onBack && (\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t
\n\t\t| Policy Number: {policyNumber} | \n\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t\t\tEffective Policy Period: {moment(transactionDate).format('L')} to {moment(policyExpirationDate).format('L')}\n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\tCurrent Policy Period: {moment(policyEffectiveDate).format('L')} to {moment(policyExpirationDate).format('L')}\n\t\t\t\t\t \n\t\t\t\t | \n\t\t\t
| \n\t\t\t\t\t | \n\t\t\t|
| \n\t\t\t\t\tDriver {action}: {name}\n\t\t\t\t | \n\t\t\t|
\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\n\t\t\t{previousVehicle && (\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t)}\n\t\t
\n\t);\n};\n\nexport default VehicleEmailDetails;\n","import React from 'react';\nimport moment from 'moment';\nimport Rate from '../../Rate';\n\nconst CreditorEmailDetails = ({ policy, rate }) => {\n\tconst { policyNumber } = policy;\n\tconst { transactionDate, policyEffectiveDate, policyExpirationDate, email } = rate;\n\tconst { action, vehicle, addressLine1, addressLine2, addressLine3 } = email;\n\tconst { year, make, model } = vehicle;\n\n\treturn (\n\t\t| Policy Number: {policyNumber} | \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\tEffective Policy Period: {moment(transactionDate).format('L')} to {moment(policyExpirationDate).format('L')}\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\tCurrent Policy Period: {moment(policyEffectiveDate).format('L')} to {moment(policyExpirationDate).format('L')}\n\t\t\t\t\t\t \n\t\t\t\t\t | \n\t\t\t\t
| \n\t\t\t\t\t\t | \n\t\t\t\t|
| \n\t\t\t\t\t\tVehicle {action}: {year} {make} {model}\n\t\t\t\t\t | \n\t\t\t\t|
|---|---|
| VIN: {vin} | \n\t\t\t\t|
| Comprehensive Deductible: {comprehensive > 0 ? numeral(CoverageVehicleFields.comprehensive.options[comprehensive]).format('$0,0') : 'N/A'} | \n\t\t\t\t\t\t\tRental Car: {comprehensive > 0 ? CoverageVehicleFields.rentalReimbursement.options[rentalReimbursement] : 'N/A'} | \n\t\t\t\t\t\t
| Collision Deductible: {collision > 0 ? numeral(CoverageVehicleFields.collision.options[collision]).format('$0,0') : 'N/A'} | \n\t\t\t\t\t\t\tTowing and Labor: {towingAndLabor > 0 ? numeral(CoverageVehicleFields.towingAndLabor.options[towingAndLabor]).format('$0,0') : 'N/A'} | \n\t\t\t\t\t\t
| \n\t\t\t\t\t\t\tVehicle Removed: {previousVehicle.year} {previousVehicle.make} {previousVehicle.model}\n\t\t\t\t\t\t | \n\t\t\t\t\t|
|---|---|
| VIN: {previousVehicle.vin} | \n\t\t\t\t\t|
| Comprehensive Deductible: {previousVehicle.comprehensive > 0 ? numeral(CoverageVehicleFields.comprehensive.options[previousVehicle.comprehensive]).format('$0,0') : 'N/A'} | \n\t\t\t\t\t\tRental Car: {previousVehicle.comprehensive > 0 ? CoverageVehicleFields.rentalReimbursement.options[previousVehicle.rentalReimbursement] : 'N/A'} | \n\t\t\t\t\t
| Collision Deductible: {previousVehicle.collision > 0 ? numeral(CoverageVehicleFields.collision.options[previousVehicle.collision]).format('$0,0') : 'N/A'} | \n\t\t\t\t\t\tTowing and Labor: {previousVehicle.towingAndLabor > 0 ? numeral(CoverageVehicleFields.towingAndLabor.options[previousVehicle.towingAndLabor]).format('$0,0') : 'N/A'} | \n\t\t\t\t\t
| Policy Number: {policyNumber} | \n\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t\t\tEffective Policy Period: {moment(transactionDate).format('L')} to {moment(policyExpirationDate).format('L')}\n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\tCurrent Policy Period: {moment(policyEffectiveDate).format('L')} to {moment(policyExpirationDate).format('L')}\n\t\t\t\t\t \n\t\t\t\t | \n\t\t\t
| \n\t\t\t\t\t | \n\t\t\t|
| \n\t\t\t\t\tLienholder {action} on {year} {make} {model}\n\t\t\t\t | \n\t\t\t|
| \n\t\t\t\t\t Lienholder Information: \n\t\t\t\t\t{addressLine1} \n\t\t\t\t\t{addressLine2} \n\t\t\t\t\t{addressLine3} \n\t\t\t\t | \n\t\t\t|
\n\t\t\t
\n\t);\n};\n\nActionSelection.propTypes = {\n\tonSelect: PropTypes.func.isRequired,\n\tonCancel: PropTypes.func.isRequired,\n\tpolicy: PropTypes.any\n}\nexport default ActionSelection;\n","import React, { useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, Form, Modal } from 'semantic-ui-react';\nimport DatePicker from '../../../DatePicker';\nimport moment from 'moment';\nimport styles from './SelectEffectiveDate.module.scss';\n\nconst SelectEffectiveDate = ({ onCancel, onSelect, message, showFraudWarning, min, max }) => {\n\tconst minDate = useMemo(() => Date.parse(moment(min).format()), [min]);\n\tconst maxDate = useMemo(() => Date.parse(moment(max)), [max]);\n\n\tconst [effectiveDate, setEffectiveDate] = useState(null);\n\tconst [open, setOpen] = useState(false);\n\n\treturn (\n\t\t\n\t\t\t\t{actions.map((section, i) => {\n\t\t\t\t\treturn ;\n\t\t\t\t})}\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t\t\t
\n\t);\n};\n\nSelectEffectiveDate.propTypes = {\n\tonSelect: PropTypes.func.isRequired,\n};\n\nexport default SelectEffectiveDate;\n","import React from 'react';\nimport { Modal, Button } from 'semantic-ui-react';\n\nconst CancelModal = ({ open, onConfirm, onClose }) => {\n\treturn (\n\t\t{message}
\n\t\t\t\n\t\t\t\n\t\t\t\t{showFraudWarning && (\n\t\t\t\t\t setOpen(true)}\n\t\t\t\t\t\tsize='small'\n\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t}>\n\t\t\t\t\t\tWARNING!!! \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t)}\n\n\t\t\t\t{!showFraudWarning && (\n\t\t\t\t\t\n\t\t\t\t)}\n\n\t\t\t\t\n\t\t\t
\n\t\tANY PERSON WHO KNOWINGLY AND WITH INTENT TO DEFRAUD ANY INSURANCE COMPANY OR ANOTHER PERSON FILES AN APPLICATION FOR INSURANCE OR STATEMENT OF CLAIM CONTAINING ANY MATERIALLY FALSE OR DECEPTIVE INFORMATION, OR CONCEALS FOR THE PURPOSE OF MISLEADING INFORMATION CONCERNING ANY FACT MATERIAL THERETO, COMMITS A FRAUDULENT INSURANCE ACT, WHICH IS A CRIME AND SUBJECTS THE PERSON TO CRIMINAL AND CIVIL PENALTIES.
\n\t\t\t\t\t\t\tYOU AGREE THAT YOU HAVE READ AND REVIEWED ALL INFORMATION YOU HAVE PROVIDED AND YOU DECLARE THAT THE INFORMATION PROVIDED IS TRUE, COMPLETE AND CORRECT TO THE BEST OF YOUR KNOWLEDGE AND BELIEF.
\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\tAgency Information\n\t\t\t\t\t
\n\t\t\t\t\t{agency.displayName}
\n\t\t\t\t\t{agency.producer && {agency.producer.displayName}
}\n\t\t\t\t\t{agency.addressLine1}
\n\t\t\t\t\t{agency.addressLine2}
\n\t\t\t\t\t{phones[0]}
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t{exit && setShowActionCancel(false)} />\n\t\t\t setSave(null)} onYes={onUseSave} onNo={onNoSave} />\n\n\t\t\t{loading && (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{loading}\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t)}\n\n\t\t\t{!action && (\n\t\t\t\t
\n\t);\n};\n\nPolicyUpdatePage.propTypes = {\n\tactions: PropTypes.object.isRequired,\n\tpolicies: PropTypes.object.isRequired,\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tprofile: profileSelector(state),\n\t\tpolicies: policySelector(state),\n\t};\n};\n\nconst mapDispatchToProps = (dispatch) => ({\n\tactions: {\n\t\t...bindActionCreators({ push }, dispatch),\n\t\t...bindActionCreators(authActions, dispatch),\n\t\t...bindActionCreators(profileActions, dispatch),\n\t\t...bindActionCreators(policyActions, dispatch),\n\t\t...bindActionCreators(sessionActions, dispatch),\n\t\t...bindActionCreators(vehicleActions, dispatch),\n\t\t...bindActionCreators(addressActions, dispatch),\n\t},\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(PolicyUpdatePage);\n","import React, { useMemo, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Segment, Form, Header, Checkbox, Dropdown } from 'semantic-ui-react';\nimport styles from '../../../../containers/ReportClaimPage.module.scss';\n\nconst AutoInformation = ({ policy, data, onChange, errors, isCPPClaim, cccClaimsDisplay}) => {\n const [noDriver, setNoDriver] = useState(false);\n\n useEffect(() => {\n setNoDriver(data && (data.involvedDriverNum === -2 || data.noDriverToggle));\n }, [data]);\n\n const yearOptions = useMemo(() => {\n\t\tvar years = new Array(new Date().getFullYear() - 1898) \n .fill()\n\t\t\t.map((_, idx) => {\n\t\t\t\treturn {\n text: 1900 + idx,\n value: 1900 + idx\n }\n }\n\t\t).reverse();\n return years;\n });\n\n\tconst driverOptions = useMemo(() => {\n\t\tif (!policy.vehicles) return [];\n\t\tconst drivers = policy.drivers.map((d, i) => {\n\t\t\treturn {\n\t\t\t\ttext: d.displayName,\n\t\t\t\tvalue: d.driverNum,\n\t\t\t\tkey: i,\n\t\t\t};\n\t\t});\n\n\t\tdrivers.push({\n\t\t\ttext: 'DRIVER NOT LISTED',\n\t\t\tvalue: -1,\n\t\t\tkey: drivers.length,\n\t\t});\n\n\t\tdrivers.push({\n\t\t\ttext: 'NO ONE WAS DRIVING',\n\t\t\tvalue: -2,\n\t\t\tkey: drivers.length,\n\t\t});\n\n\t\treturn drivers;\n\t}, [policy]);\n\n\tconst vehicleOptions = useMemo(() => {\n\t\tif (!policy.vehicles) return [];\n\t\tconst vehicles = policy.vehicles.map((v, i) => {\n\t\t\treturn {\n\t\t\t\ttext: v.displayName,\n\t\t\t\tvalue: v.vehicleNum,\n\t\t\t\tkey: i,\n\t\t\t};\n\t\t});\n\n\t\tvehicles.push({\n\t\t\ttext: 'VEHICLE NOT LISTED',\n\t\t\tvalue: -1,\n\t\t\tkey: vehicles.length,\n\t\t});\n\n\t\treturn vehicles;\n\t}, [policy]);\n\n\tuseEffect(() => {\n\t\t// handle GAR policies with no vehicles\n\t\tif (policy.policyNumber.includes('GAR') && policy.vehicles.length === 0) {\n data.involvedVehicleNum = -1;\n\t\t}\n \n\t\t//handle GAR policies with no drivers\n\t\tif (policy.policyNumber.includes('GAR') && policy.drivers.length === 0 && data.involvedDriverNum !== -2) {\n data.involvedDriverNum = -1;\n }\n\n\t}, [policy, data]);\n\n\treturn (\n\t\t\n\t\t\t\t\n\t\t\t\t\t{policyNumber} - {action ? action.header : 'Make a Change'}\n\t\t\t\t \n\n\t\t\t\t{policy && (\n\t\t\t\t\t\n\t\t\t\t\t\t\t\tAgency Information\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t
\n\n\t\t\t\n\t\t\t\t\t{error && (\n\t\t\t\t\t\t
\n\t\t\t)}\n\t\t\t{action && (\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tError: {error}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\t{!error && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\n\t\t\t\t\t {\n\t\t\t\t\t\t\treturn !exit && (!nextLocation.pathname || !nextLocation.pathname.includes('mailto')) && !loading;\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t{({ onConfirm, onCancel }) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tLeaving? \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tIf you leave now your changes will not be saved. Are you sure?\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\n\t\t\t\t\t{!isEffectiveDateValid && !hasSave &&
\n\t\t\t)}\n\t\tUnfortunately we were not able to process the change you submitted to your policy ({policyNumber}) at this time. Please contact your agent at the following to discuss. Your agent will be able to move forward submitting the change.
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\n
\n \n {/*{cccClaimsDisplay && (*/}\n {/* \n {policy.drivers &&\n (\n \n \n \n \n )}\n\n {(data.involvedDriverNum === -1 || !policy.drivers) &&\n (\n \n \n \n {isCPPClaim && ( \n )}\n
\n \n \n */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* onChange(null, { name: 'drivable', value: true })} />*/}\n {/* onChange(null, { name: 'drivable', value: false })} />*/}\n {/* onChange(null, { name: 'drivable', value: -1 })} />*/}\n {/* */}\n {/* */}\n {/*
*/}\n {/*)}*/}\n\n {/*{cccClaimsDisplay && (*/}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* onChange(null, { name: 'airbagDeployed', value: true })} />*/}\n {/* onChange(null, { name: 'airbagDeployed', value: false })} />*/}\n {/* onChange(null, { name: 'airbagDeployed', value: -1 })} />*/}\n {/* */}\n {/* */}\n {/*
*/}\n {/*)}*/}\n {/*{cccClaimsDisplay && (*/}\n {/* */}\n {/* */}\n {/*
*/}\n {/*)}*/}\n \n \n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t{data.thirdPartyDrivers && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{data.thirdParties.map((tp, i) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tThird Party Driver {i + 1} - {tp.firstName} {tp.lastName}\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t\t \n\t\t\t\t\t)}\n\t\t\t\t
\n\t\t\t\n {length}/{maxLength}\n
\n \n );\n }\n}\n\n\nexport default LongTextArea;","import React, { useCallback } from 'react';\nimport moment from 'moment';\nimport severityValues from './SeverityValues';\n\nconst AdjusterEmailDetails = ({ policy, data }) => {\n\tconst { policyNumber } = policy;\n\n const severity = severityValues.find((x) => x.value === data.severity);\n\tlet severityText = severity ? severity.text : '';\n\n if ((data.medicalAttention || 0) > 0) {\n\t\tseverityText = severityText.replace('Loss', 'Injury');\n\t}\n\n\tconst conditionalRender = useCallback((label, value) => {\n\t\tif (!value || value === '') return null;\n\n\t\treturn (\n\t\t\t\n\t\t \n\t\t\t
\n\t
\n\n\t);\n};\n\nexport default AdjusterEmailDetails;\n","\nconst bodyTypes = [\n '14', '40', '41'\n];\n\nconst CCCPrivatePassengerclasscodes = [\n \"7381\", \"7382\", \"7383\", \"7386\", \"7387\", \"7388\", \"7391\", \"7392\", \"7393\", \"7394\", \"7398\", \"7399\"\n];\n\nconst cccLightVehPrimaryClassCodes = [\n \"011\", \"012\", \"013\", \"014\", \"015\", \"016\", \"021\", \"022\", \"023\", \"024\", \"025\", \"026\", \"031\", \"032\", \"033\", \"034\", \"035\", \"036\"\n];\n\nconst cccLightVehSecondaryClassCodes = [\n \"31\", \"32\", \"33\", \"34\", \"35\", \"39\", \"61\", \"62\", \"69\", \"81\", \"82\", \"83\", \"84\", \"85\", \"89\", \"99\"\n];\n\nconst cccMedVehPrimaryClassCodes = [\n \"211\", \"212\", \"213\", \"214\", \"215\", \"216\", \"221\", \"222\", \"223\", \"224\", \"225\", \"226\", \"231\", \"232\", \"233\", \"234\", \"235\", \"236\"\n];\n\nconst cccMedVehSecondaryClassCodes = [\n \"31\", \"32\", \"33\", \"34\", \"35\", \"39\", \"61\", \"62\", \"69\", \"81\", \"82\", \"83\", \"84\", \"85\", \"89\", \"99\"\n];\n\nexport {\n bodyTypes,\n CCCPrivatePassengerclasscodes,\n cccLightVehPrimaryClassCodes,\n cccLightVehSecondaryClassCodes,\n cccMedVehPrimaryClassCodes,\n cccMedVehSecondaryClassCodes\n\n} \n\n\n \n \n \n \n","/* eslint-disable no-use-before-define */\n/* eslint-disable eqeqeq */\nimport React, { useEffect, useMemo, useState, useCallback } from 'react';\nimport { renderToString } from 'react-dom/server';\nimport { Dropdown, Form, Header, Segment, Button, Icon, Loader } from 'semantic-ui-react';\nimport { Redirect } from 'react-router-dom';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as authActions from '../actions/authActions';\nimport * as sessionActions from '../actions/sessionActions';\nimport * as profileActions from '../actions/profileActions';\nimport * as policyActions from '../actions/policyActions';\nimport * as vehicleActions from '../actions/vehicleActions';\nimport * as addressActions from '../actions/addressActions';\nimport * as claimActions from '../actions/claimActions';\nimport { policySelector, profileSelector, appSelector } from '../selectors';\nimport { push } from 'connected-react-router';\nimport AutoInformation from '../components/sections/claim/report/AutoInformation';\nimport { useDropzone } from 'react-dropzone';\nimport moment from 'moment';\nimport styles from './ReportClaimPage.module.scss';\nimport { states, statesByAbbreviation } from '../components/States';\n\nimport severityValues from '../components/sections/claim/SeverityValues';\nimport * as LossTypeValues from '../components/sections/claim/LossTypeValues';\nimport * as FnolTypes from '../components/sections/claim/FnolTypes';\nimport DatePicker from '../components/DatePicker';\nimport HelpButton from '../components/sections/policy/change/HelpButton';\nimport ThirdPartyDrivers from '../components/sections/claim/report/ThirdPartyDrivers';\nimport FormPhoneNumberField from '../components/sections/claim/report/FormPhoneNumberField';\nimport CancelModal from '../components/sections/policy/change/CancelModal';\nimport ConfirmationModal from '../components/sections/claim/ConfirmationModal';\nimport LongTextArea from '../components/LongTextArea';\nimport * as EmailValidator from 'email-validator';\nimport ErrorModal from '../components/ErrorModal';\nimport AdjusterEmailDetails from '../components/sections/claim/AdjusterEmailDetails';\nimport { animateScroll as scroll } from 'react-scroll';\nimport useDebounce from '../helpers/debounce';\nimport * as VehicleValues from '../components/sections/claim/VehicleValues';\n\n\nconst ReportClaimPage = ({ actions, profile, policies, app }) => {\n\tconst [error, setError] = useState(null);\n\tconst [fileList, setFileList] = useState([]);\n\tconst [fileRejectionList, setFileRejectionList] = useState([]);\n\tconst [showActionCancel, setShowActionCancel] = useState(false);\n\tconst [exit, setExit] = useState(false);\n\tconst [showConfirmCancelledPolicy, setShowConfirmCancelledPolicy] = useState(false);\n\tconst [showSubmitConfirmed, setShowSubmitConfirmed] = useState(false);\n\tconst [whatHappenedLength, setWhatHappenedLength] = useState(0);\n\tconst [lossLocationLength, setLossLocationLength] = useState(0);\n\tconst [claimNumber, setClaimNumber] = useState(null);\n\tconst [showError, setShowError] = useState(false);\n\tconst [errorClosed, setErrorClosed] = useState(false);\n\tconst [errorEmailSent, setErrorEmailSent] = useState(false);\n\tconst [policyNumber, setPolicyNumber] = useState();\n\tconst [otherLocationAddressState, setOtherLocationAddressState] = useState({ otherLocationAddressLoading: false, previousZip: null });\n\tconst canMakePayment = (app.systemToggles || { canMakePayments: false }).canMakePayments || false;\n\tconst [policyChanged, setPolicyChanged] = useState(false);\n\tconst [submittedClaim, setSubmittedClaim] = useState(null);\n\n const maxLossDate = Date.parse(moment(app.systemUtcDateTime).local());\n\t\n\tconst cccClaimsEnabled = (app.systemToggles || { cccClaimsEnabled: false }).cccClaimsEnabled || false;\n\t\n const maximumIndividualAttachmentSize = 10485760;\n const maximumCombinedAttachmentSize = 20000000;\n\tconst [aggregatedAttachmentSize, setAggregatedAttachmentSize] = useState(0);\n\t\n\tfunction attachmentValidation(file) {\n\t\t// check for duplicates\n if (fileList.some((x) =>\n moment(x.lastModifiedDate).isSame(file.lastModifiedDate) &&\n moment(x.lastModified).isSame(file.lastModified) &&\n x.name === file.name &&\n x.path === file.path &&\n x.size === file.size &&\n x.type === file.type\n )) {\n return {\n code: \"duplicate_file\",\n message: `Duplicated file`\n };\n }\n\n\t\t// check individual file size\n\t\tif (file.size > maximumIndividualAttachmentSize) {\n return {\n code: \"attachment_size_exceeds_maximum\",\n message: `File size exceeds the 10MB maximum.`\n };\n }\n\n return null;\n }\n\n\tfunction isClassCodeExists(classCode) {\n\t\tconst combinedCodes = [];\n\n\t\tVehicleValues.cccLightVehPrimaryClassCodes.forEach(primaryCode => {\n\t\t\tVehicleValues.cccLightVehSecondaryClassCodes.forEach(secondaryCode => {\n\t\t\t\tcombinedCodes.push(primaryCode + secondaryCode);\n\t\t\t});\n\t\t});\n\n\t\tVehicleValues.cccMedVehPrimaryClassCodes.forEach(primaryCode => {\n\t\t\tVehicleValues.cccMedVehSecondaryClassCodes.forEach(secondaryCode => {\n\t\t\t\tcombinedCodes.push(primaryCode + secondaryCode);\n\t\t\t});\n\t\t});\n\n\t\tVehicleValues.CCCPrivatePassengerclasscodes.forEach(code => {\n\t\t\t\tcombinedCodes.push(code);\n\t\t});\n\n\t\t//combinedCodes.push(VehicleValues.CCCPrivatePassengerclasscodes);\n\n\t\treturn combinedCodes.includes(classCode);\n\t}\n\n\tconst onCancel = useCallback(async () => {\n\t\tsetShowActionCancel(true);\n\t}, []);\n\n\tconst onActionCancelConfirm = useCallback(async () => {\n\t\tsetShowActionCancel(false);\n\t\tsetExit(true);\n\t}, []);\n\n\tconst onErrorClose = useCallback(async () => {\n\t\tsetShowError(false);\n\t}, []);\n\n\tconst onDrop = useCallback(\n\t\t(acceptedFiles, fileRejections) => {\n\t\t\tconst newList = fileList.map((x) => x);\n\t\t\tconst newRejectionList = fileRejectionList.map((x) => x);\n\n acceptedFiles.forEach(function (file) {\n newList.push(file);\n });\n\n\t\t\tsetFileList(newList);\n\n const combinedFileSize = newList.map(item => item.size).reduce((prev, curr) => prev + curr, 0);\n\t\t\tsetAggregatedAttachmentSize(combinedFileSize);\n\t\t\t\n\t\t\tfileRejections.forEach(function (rejectedFile) {\n\t\t\t\tnewRejectionList.push(rejectedFile);\n\t\t\t});\n\n\t\t\tsetFileRejectionList(newRejectionList);\n },\n\t\t[fileList, fileRejectionList]\n\t);\n\n\tconst fileDelete = useCallback(\n\t\tasync (file, index) => {\n\t\t\tvar newList = fileList.map((x) => x);\n\t\t\tnewList.splice(index, 1);\n\t\t\tsetFileList(newList);\n\n\t\t\tconst combinedFileSize = newList.map(item => item.size).reduce((prev, curr) => prev + curr, 0);\n\t\t\tsetAggregatedAttachmentSize(combinedFileSize);\n\t\t},\n\t\t[fileList]\n\t);\n\n\tconst files = fileList.map((file, index) => (\n\t\t| \n\t\t\t\t\t Basic Information\n\t\t\t\t | \n\t\t\t|
| \n\t\t\t\t\t CLAIM WAS AUTOMATICALLY ASSIGNED BY DIAMOND\n\t\t\t\t | \n\t\t\t|
| Diamond Claim Number | \n\t\t\t\t{'{ClaimNumber}'} | \n\t\t\t
| Date | \n\t\t\t\t{moment().format('MM/DD/YYYY')} | \n\t\t\t
| Policy Number | \n\t\t\t\t{policyNumber} | \n\t\t\t
| Loss Date | \n\t\t\t\t{moment(data.lossDate).format('MM/DD/YYYY')} | \n\t\t\t
| Agency Name | \n\t\t\t\t{data.agency.displayName} | \n\t\t\t
| Agency Phone | \n\t\t\t\t{data.agency.phones[0]} | \n\t\t\t
| Agency FAX | \n\t\t\t\t{data.agency.faxes[0]} | \n\t\t\t
| \n\t\t\t\t\t Insured Information\n\t\t\t\t | \n\t\t\t|
| Primary Contact | \n\t\t\t\t\n\t\t\t\t\t {data.otherContactFirstName} {data.otherContactLastName}\n\t\t\t\t | \n\t\t\t
| \n\t\t\t\t\t\t\t Insured Vehicle Driver\n\t\t\t\t\t\t | \n\t\t\t\t\t|
| Driver First | \n\t\t\t\t\t\t{data.involvedDriverFirstName} | \n\t\t\t\t\t
| Driver Last | \n\t\t\t\t\t\t{data.involvedDriverLastName} | \n\t\t\t\t\t
| \n\t\t\t\t\t Loss Information\n\t\t\t\t | \n\t\t\t|
| \n\t\t\t\t\t\t\t\t Vehicle Information\n\t\t\t\t\t\t\t | \n\t\t\t\t\t\t|
| \n\t\t\t\t\t\t\t Other Vehicle Driver\n\t\t\t\t\t\t | \n\t\t\t\t\t|
\n Note: If this loss was incurred on a previous policy image, you may need to obtain an older version of the Declaration for the policy image that was in force when the loss incurred.\n\t\t\t
\n\t\t\n {errorClosed && \n \n \n\n {displayDetails && (\n\t\t\t\t setShowActionCancel(false)} />\n\n setShowConfirmCancelledPolicy(false)}>\n \n\n \n {(data.cccClaimConsent == 0 || !cccClaimEligible) && \n\n {policy && data.agency && (\n\t\t\t\t setErrorClosed(true)} error={error} title='Something Went Wrong'>\n\t\t\t\t\t \n\t\t\t)}\n \n {exit &&
\n\t);\n};\n\nReportClaimPage.propTypes = {};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tprofile: profileSelector(state),\n\t\tpolicies: policySelector(state),\n\t\tapp: appSelector(state),\n\t};\n};\nconst mapDispatchToProps = (dispatch) => ({\n\tactions: {\n\t\t...bindActionCreators({ push }, dispatch),\n\t\t...bindActionCreators(authActions, dispatch),\n\t\t...bindActionCreators(profileActions, dispatch),\n\t\t...bindActionCreators(policyActions, dispatch),\n\t\t...bindActionCreators(sessionActions, dispatch),\n\t\t...bindActionCreators(vehicleActions, dispatch),\n\t\t...bindActionCreators(addressActions, dispatch),\n\t\t...bindActionCreators(claimActions, dispatch),\n\t},\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ReportClaimPage);\n","import React from 'react';\nimport { Checkbox, Button, Modal } from 'semantic-ui-react';\nimport PropTypes from 'prop-types';\nimport styles from './AdvertisementModal.module.scss';\n\nconst AdvertisementModal = ({ open, onClose, onToggleDontShow, header, children, size }) => {\n\tconst sizeMapping = ['tiny', 'mini', 'small', 'large'];\n\tif (isNaN(parseInt(size))) {\n\t\tsize = Math.max(sizeMapping.indexOf(size), 0);\n\t}\n\n\treturn (\n\t\t\n
\n\n {!policy && \n
\n Report Claim
\n Fill in the fields below to report a claim.
\n To report a Workers' Compensation claim, please contact your agent.
}\n \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t
\n\t\t\t)}\n\n \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\tYou are about to submit a claim on a cancelled policy.
\nDo you wish to continue?
\nYou have successfully submitted your claim! We will be in touch soon.
}\n\t\t\t\t{(data.cccClaimConsent == 1 && cccClaimEligible) && <>Thank you! You have successfully submitted your claim!
You will receive a text walking you through the quick estimate process.
}\n {claimNumber &&Your claim number is {claimNumber}.
}\nIf your need is urgent, please give us a call at 800.477.1660.
\nWe're sorry. We are currently experiencing a technical issue with our website. While we work to fix it as quickly as possible, please contact your agent to discuss your claim. Their contact info is below. Thank you for your patience and understanding.
\n\t\t\t\t\t{claimNumber &&Your claim number is {claimNumber}.
}\n\t\t\t\t\n\t\t\t\t\t{children}\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\tGo paperless, save time and save some trees.
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\n\t\t\t\t\t 767 ? 'fixed' : ''}>\n\t\t\t\t\t\t{this.props.location.pathname === '/makepayment' ? (\n\t\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t