\n {this.nicknameField()}\n {this.payeeNameField()}\n {this.achAccountTypeField()}\n {this.achRoutingNumberField()}\n {this.achAccountNumberField()}\n {this.achAccountConfirmationField()}\n {this.disclosureLanguagueNotice()}\n
\n );\n }\n }\n\n achAccountTypeField() {\n const checkingId = \"ach_account_type_checking\";\n const savingsId = \"ach_account_type_savings\";\n\n return (\n \n
\n {this.props.i18n.portal.payer.payment.account_type}\n
\n\n
\n
\n \n {this.props.i18n.common.checking}\n \n
\n\n
\n \n {this.props.i18n.common.savings}\n \n
\n
\n
\n {this.ccGeneralFieldset()}\n {this.ccBillingFieldset()}\n {this.ccCardInfoFieldset()}\n
\n );\n }\n }\n\n ccGeneralFieldset() {\n if (this.props.showNicknameField) {\n return (\n \n {this.ccCardNumberField()}\n {this.ccVerificationNumberField()}\n {this.ccExpirationField()}\n
\n );\n }\n }\n\n ccCardNumberField() {\n return (\n \n {this.tabs()}\n {this.achFields()}\n {this.creditCardFields()}\n {this.checkFields()}\n {this.plastiqFields()}\n {this.checkHelpModal()}\n
\n );\n }\n}\n\nPayMethodForm.defaultProps = {\n showNicknameField: true\n};\n\nPayMethodForm.propTypes = {\n newPayMethod: PropTypes.object,\n creditCardEnabled: PropTypes.bool,\n plastiqEnabled: PropTypes.bool,\n stripeEnabled: PropTypes.bool,\n showNicknameField: PropTypes.bool,\n onChange: PropTypes.func.isRequired,\n onError: PropTypes.func.isRequired,\n clearErrors: PropTypes.func.isRequired,\n labelClass: PropTypes.string.isRequired,\n fieldClass: PropTypes.string.isRequired,\n i18n: PropTypes.object.isRequired,\n content: PropTypes.object.isRequired,\n config: PropTypes.object.isRequired,\n abilities: PropTypes.object,\n stripeIntent: PropTypes.string,\n createStripeIntent: PropTypes.func,\n account: PropTypes.object,\n oneTimePayment: PropTypes.bool,\n};\n\nexport default PayMethodForm;\n","import React, { Fragment } from 'react';\nimport { PropTypes } from 'prop-types';\nimport Modal from './Modal';\nimport PayMethodForm from './PayMethodForm';\nimport FormErrors from 'shared/components/FormErrors';\n\nclass PayMethodModal extends React.Component {\n\n constructor(props) {\n super(props);\n\n this.state = {\n isNewPayMethodValid: false\n };\n\n this.handleSubmit = this.handleSubmit.bind(this);\n this.handlePayMethodChange = this.handlePayMethodChange.bind(this);\n\n this.modal = React.createRef();\n }\n\n content() {\n return (\n \n \n \n \n {this.getPayMethodName()}\n
\n );\n }\n };\n }\n\n defaultComponent() {\n return ({ rowData }) => {\n if (rowData.default) {\n return (\n \n \n );\n }\n else {\n return null;\n }\n };\n }\n\n expirationComponent() {\n return ({ rowData }) => {\n const { is_expired, expiration_info } = rowData;\n\n if (is_expired) {\n return (\n \n {expiration_info}\n \n );\n }\n else {\n return (\n {expiration_info} \n );\n }\n };\n }\n\n render() {\n if (this.props.results) {\n return (\n \n {message}\n
\n );\n }\n}\n\nPaymentConfirmationMessage.propTypes = {\n payment: PropTypes.object.isRequired,\n content: PropTypes.object.isRequired\n};\n\nexport default PaymentConfirmationMessage;\n","import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport format from '../../utils/formatUtils';\nimport moment from 'moment';\n\nclass PaymentDetails extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {};\n }\n\n componentWillMount() {\n const isNewAchPayMethod = this.isAch(this.props.newPayMethod);\n const isNewCreditCardPayMethod = this.isCreditCard(this.props.newPayMethod);\n const isNewCheckPayMethod = this.isCheck(this.props.newPayMethod);\n const isPlastiqPayMethod = this.isPlastiq(this.props.newPayMethod);\n this.setState({\n isNewAchPayMethod,\n isNewCreditCardPayMethod,\n isNewCheckPayMethod,\n isPlastiqPayMethod\n });\n }\n\n confirmationNumberRow() {\n if (this.props.payment.confirmation_code) {\n return (\n \n \n {this.props.i18n.portal.payment_confirmation.confirmation_code}\n \n {this.props.payment.confirmation_code} \n \n );\n }\n }\n\n accountRow() {\n if (!this.props.config.feature.bill_search_enabled && this.props.account) {\n return (\n \n \n {this.props.i18n.common.account}\n \n {this.props.account.account_label} \n \n );\n }\n }\n\n accountNumRow() {\n const account = this.props.account || this.props.payment.receivable_account;\n if (this.props.config.feature.bill_search_enabled && account) {\n return (\n \n \n {this.props.content.receivable_accounts_external_key_label}\n \n {account.external_key} \n \n );\n }\n }\n\n accountLabelRow() {\n const account = this.props.account || this.props.payment.receivable_account;\n if (this.props.config.feature.bill_search_enabled && account) {\n return (\n \n \n {this.props.content.payers_name_label}\n \n {account.payer.name} \n \n );\n }\n }\n\n hasFees() {\n return this.props.payment.fees_total > 0;\n }\n\n subtotalRow() {\n if (!this.hasFees()) return;\n return (\n \n \n {this.props.i18n.portal.payer.payment.payment_subtotal}\n \n \n {format.currency(this.props.payment.subtotal)}\n \n \n );\n }\n\n feesRow() {\n if (!this.hasFees()) return;\n return (\n \n \n {this.props.content.fees_label}{' '}\n ({this.props.payment.fee_percentage}%)\n \n \n {format.currency(this.props.payment.fees_total)}\n \n \n );\n }\n\n amountRow() {\n return (\n \n \n {this.props.i18n.portal.payer.payment.payment_total}\n \n \n {format.currency(this.props.payment.amount)}\n \n \n );\n }\n\n amountReasonRow() {\n if (\n this.props.config.feature.bill_search_enabled &&\n !this.props.oneTimePayment\n ) {\n return;\n }\n\n const portalSplit = this.props.payment.portal_splits_data &&\n this.props.payment.portal_splits_data.portal_splits[0];\n\n const amountReason = this.props.payment.amount_reason ||\n (portalSplit && portalSplit.amount_reason);\n\n if (this.props.config.different_amount_reason_required && amountReason) {\n return (\n \n \n {this.props.i18n.portal.payment.amount_reason_label}\n \n \n {amountReason}\n \n \n );\n }\n }\n\n paymentDateRow() {\n let date = this.props.payment.external ? this.props.payment.payment_date : this.props.payment.scheduled_date;\n if (this.props.payment.is_staged && this.props.config.same_day_payments_enforced) date = moment();\n return (\n \n \n {this.props.i18n.portal.payer.payment.payment_date}\n \n \n {format.date(date)}\n \n \n );\n }\n\n isAch(payMethod) {\n return payMethod ? (payMethod.type == \"AchPayMethod\") : false;\n }\n\n isCreditCard(payMethod) {\n return payMethod ? (payMethod.type == \"CreditCardPayMethod\") : false;\n }\n\n isCheck(payMethod) {\n return payMethod ? (payMethod.type == \"CheckPayMethod\") : false;\n }\n\n isPlastiq(payMethod) {\n return payMethod && payMethod.type == \"PlastiqPayMethod\";\n }\n\n achAccountTypeRow() {\n if (this.state.isNewAchPayMethod) {\n return (\n \n \n {this.props.i18n.portal.payer.payment.ach_account_type}\n \n {this.props.newPayMethod.ach_account_type} \n \n );\n }\n }\n\n achRoutingNumberRow() {\n if (this.state.isNewAchPayMethod) {\n return (\n \n \n {this.props.i18n.portal.payer.payment.ach_routing_num}\n \n \n {this.props.newPayMethod.ach_routing_num}\n \n \n );\n }\n }\n\n achAccountNumberRow() {\n if (this.state.isNewAchPayMethod) {\n return (\n \n \n {this.props.content.ach_account_num_label}\n \n {this.maskedAchAccountNumber()} \n \n );\n }\n }\n\n ccPayMethodRow() {\n if (this.state.isNewCreditCardPayMethod) {\n return (\n \n \n {this.props.content.pay_method_label}\n \n \n {this.props.i18n.common.credit_card}\n \n \n );\n }\n }\n\n payMethodRow() {\n const payMethod = this.getPayMethod() || this.props.payment.pay_method;\n if (payMethod) {\n return (\n \n \n {this.props.content.pay_method_label}\n \n {payMethod.details} \n \n );\n }\n }\n\n getPayMethod() {\n if (this.props.payMethods) {\n return this.props.payMethods.find((p) => {\n return p.id == this.props.payment.pay_method_id;\n });\n }\n }\n\n maskedAchAccountNumber() {\n if (this.props.newPayMethod.ach_account_num) {\n const accountNumber = this.props.newPayMethod.ach_account_num;\n const lastDigits = accountNumber.substring(accountNumber.length - 3);\n return `****${lastDigits}`;\n }\n }\n\n numItemsRow() {\n let numItems;\n\n const { payment } = this.props;\n\n if (payment.portal_splits_data && payment.portal_splits_data.portal_splits) {\n numItems = payment.portal_splits_data.total_portal_splits;\n } else if (payment.external_bills) {\n numItems = payment.external_bills.length;\n } else if (payment.splits) {\n numItems = payment.splits.length;\n } else {\n numItems = 0;\n }\n\n if (this.props.config.feature.bill_search_enabled && numItems > 0) {\n return (\n \n \n {this.props.i18n.common.num_items}\n \n \n {numItems}\n \n \n );\n }\n }\n\n statusRow() {\n if (this.props.payment.status) {\n return (\n \n \n {this.props.i18n.common.status}\n \n \n {this.getStatus()}\n \n \n );\n }\n }\n\n getStatus() {\n if (this.props.payment.is_processing) {\n return this.props.content.payment_status_processing;\n }\n else {\n return this.props.payment.status;\n }\n }\n\n failureReasonRow() {\n if (this.props.payment.is_failed) {\n return (\n \n \n {this.props.i18n.common.failure_reason}\n \n \n {this.props.payment.failure_reason}\n \n \n );\n }\n }\n\n commentRow() {\n if (this.props.payment.otp_comment) {\n return (\n \n \n {this.props.i18n.common.comment}\n \n \n {this.props.payment.otp_comment}\n \n \n );\n }\n }\n\n checkPayMethodRow() {\n if (this.state.isNewCheckPayMethod) {\n return (\n \n \n {this.props.content.pay_method_label}\n \n \n {this.props.i18n.check}\n \n \n );\n }\n }\n\n checkImagesRow() {\n if (this.state.isNewCheckPayMethod) {\n return (\n \n \n \n \n \n \n );\n }\n }\n\n docItemsRow() {\n if (this.props.payment.portal_documents && this.props.payment.portal_documents.length > 0) {\n return (\n \n \n {this.props.i18n.common.documents}\n \n \n \n {this.docListItem()}\n \n \n \n );\n }\n }\n\n docListItem() {\n return this.props.payment.portal_documents.map((doc, i) => {\n return (\n \n {doc.display_name.split(\"\\n\").map((text, i) => {\n return {text}
;\n })}\n \n );\n });\n }\n\n render() {\n return (\n \n \n {this.confirmationNumberRow()}\n {this.paymentDateRow()}\n {this.accountRow()}\n {this.accountNumRow()}\n {this.accountLabelRow()}\n {this.achAccountTypeRow()}\n {this.achRoutingNumberRow()}\n {this.achAccountNumberRow()}\n {this.ccPayMethodRow()}\n {this.payMethodRow()}\n {this.numItemsRow()}\n {this.commentRow()}\n {this.statusRow()}\n {this.failureReasonRow()}\n {this.checkPayMethodRow()}\n {this.checkImagesRow()}\n {this.docItemsRow()}\n {this.subtotalRow()}\n {this.feesRow()}\n {this.amountRow()}\n {this.amountReasonRow()}\n \n
\n );\n }\n}\n\nPaymentDetails.propTypes = {\n oneTimePayment: PropTypes.bool,\n payment: PropTypes.object,\n account: PropTypes.object,\n splits: PropTypes.array,\n payMethods: PropTypes.array,\n newPayMethod: PropTypes.object,\n i18n: PropTypes.object.isRequired,\n config:PropTypes.object.isRequired,\n content: PropTypes.object.isRequired\n};\n\nexport default PaymentDetails;\n","import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport Button from '../common/Button';\nimport { DatePicker } from './DatePicker';\nimport moment from 'moment';\nimport Icon from 'shared/components/Icon';\nimport format from '../../utils/formatUtils';\nimport PaymentDetails from './PaymentDetails';\nimport PayMethodForm from './PayMethodForm';\nimport PayMethodModal from '../common/PayMethodModal';\nimport UserDetails from '../common/UserDetails';\nimport PaymentAmountInput from '../common/PaymentAmountInput';\nimport WarningMessage from '../common/WarningMessage';\nimport ConfirmModal from '../common/ConfirmModal';\nimport AccountDetails from '../account/AccountDetails';\nimport FormErrors from 'shared/components/FormErrors';\nimport DatePickerInput from './DatePickerInput';\nimport Link from './Link';\nimport PaymentConfirmationMessage from '../common/PaymentConfirmationMessage';\nimport Checkbox from './Checkbox';\nimport Spinner from './Spinner';\n\nclass PaymentForm extends React.Component {\n\n constructor(props) {\n super(props);\n\n this.state = {\n currentStep: 1,\n lastStep: 3,\n overPaymentAmountLimit: false,\n percentageRestrictionExceeded: false,\n negativeAmount: false,\n billsValid: true,\n lockdownDate: false,\n selectedPayMethodIsExpired: false,\n paymentAuthorizationChecked: false,\n isPlastiqConfirmationModalOpen: false,\n };\n\n this.handleAmountChange = this.handleAmountChange.bind(this);\n this.handleDateChange = this.handleDateChange.bind(this);\n this.handleFieldChange = this.handleFieldChange.bind(this);\n this.editDetails = this.editDetails.bind(this);\n this.handleContinue = this.handleContinue.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n this.togglePayMethodModal = this.togglePayMethodModal.bind(this);\n this.closePayMethodModal = this.closePayMethodModal.bind(this);\n this.handleNewPayMethodChange = this.handleNewPayMethodChange.bind(this);\n this.onPaymentAuthChange = this.onPaymentAuthChange.bind(this);\n }\n\n componentWillMount() {\n const payMethods = this.getPayMethods();\n const payMethod = this.getPayMethod();\n const newPayMethod = {};\n const formGroupClass = this.getFormGroupClass();\n const labelClass = this.getLabelClass();\n const fieldClass = this.getFieldClass();\n const paymentDocs = this.props.payment.portal_documents;\n const scheduledDate = this.props.payment.scheduled_date;\n\n this.setDefaults(payMethods);\n\n this.setState({\n paymentDocs,\n payMethod,\n newPayMethod,\n payMethods,\n formGroupClass,\n labelClass,\n fieldClass,\n isPayMethodModalOpen: false,\n }, this.validateForm);\n }\n\n componentWillReceiveProps(nextProps) {\n this.handleErrors(nextProps);\n this.handleValidationChange(nextProps);\n this.handleSavedPayment(nextProps);\n this.handlePayMethods(nextProps);\n this.handleSavedPayMethod(nextProps);\n this.handleDocsChange(nextProps);\n this.handleSplitUpdating(nextProps);\n }\n\n handleSplitUpdating(nextProps) {\n this.validateForm(nextProps);\n }\n\n handleDocsChange(nextProps) {\n if (nextProps.docsAdded) {\n this.props.clearDocsAdded();\n const payMethods = this.getPayMethods();\n let payMethodId = payMethods.length ? this.getDefaultPayMethodId(payMethods) : '';\n this.props.onChange({\n pay_method_id: payMethodId\n });\n\n this.setState({ paymentDocs: nextProps.payment.portal_documents });\n }\n }\n\n handleValidationChange(nextProps) {\n const paymentChanged = this.props.payment != nextProps.payment;\n const splitsChanged = this.props.splitsValid != nextProps.splitsValid;\n if (paymentChanged || splitsChanged) {\n this.validateForm(nextProps);\n }\n }\n\n handleErrors(nextProps) {\n if (nextProps.errors) {\n this.setState({ currentStep: 1 });\n }\n }\n\n handleSavedPayment(nextProps) {\n if (nextProps.savedPayment) {\n const selectedPayMethod = this.getSelectedPayMethod(this.props.payment);\n if (this.isPlastiq(selectedPayMethod)) {\n window.location = nextProps.savedPayment.plastiq_request_url;\n } else {\n this.setState({ currentStep: 3 });\n }\n }\n }\n\n handlePayMethods(nextProps) {\n const payMethodsChanged = this.props.payMethods != nextProps.payMethods;\n const ccEnabledChanged = this.props.creditCardEnabled != nextProps.creditCardEnabled;\n if (!this.props.newPayMethodMode && (payMethodsChanged || ccEnabledChanged)) {\n const payMethods = this.filterPayMethods(nextProps.payMethods, nextProps.creditCardEnabled);\n this.setAvailablePayMethod(payMethods);\n this.setState({ payMethods });\n }\n }\n\n handleSavedPayMethod(nextProps) {\n if (nextProps.savedPayMethod) {\n this.props.clearSavedPayMethod();\n\n this.props.onChange({\n pay_method_id: nextProps.savedPayMethod.id\n });\n\n this.setState({\n isPayMethodModalOpen: false\n }, this.validateForm);\n }\n }\n\n handleNewPayMethodChange(data) {\n this.setState({\n newPayMethod: data.newPayMethod,\n isNewPayMethodValid: data.isNewPayMethodValid\n }, this.validateForm);\n }\n\n handleAmountChange(amount) {\n const account = this.props.account || {};\n const possibleDueAmounts = [account.due_amount, account.payment_amount]\n .map((amount) => (+amount).toFixed(2));\n const different_amount = !possibleDueAmounts.includes(amount.toFixed(2));\n const amount_reason = different_amount ? this.props.payment.amount_reason : '';\n\n this.props.onChange({\n amount,\n different_amount,\n amount_reason\n });\n }\n\n handleDateChange(date) {\n const newScheduledDate = moment(date).format('YYYY-MM-DD');\n this.props.onChange({\n scheduled_date: newScheduledDate\n });\n this.props.updatePayment({\n ...this.props.payment,\n scheduled_date: newScheduledDate\n });\n }\n\n handleFieldChange(e) {\n this.props.onChange({\n [e.currentTarget.name]: e.currentTarget.value\n });\n }\n\n setDefaults(payMethods) {\n const payment = {};\n\n if (!this.props.payment.amount) {\n payment.amount = this.getDefaultAmount();\n }\n\n if (!this.props.payment.scheduled_date && this.props.config.default_date_enabled) {\n payment.scheduled_date = this.props.minDate;\n }\n\n if (!this.props.payment.pay_method_id || !(this.props.payment.pay_method && this.props.payment.pay_method.active)) {\n payment.pay_method_id = payMethods.length ? this.getDefaultPayMethodId(payMethods) : '';\n }\n\n this.props.onChange({\n ...payment\n });\n }\n\n getDefaultPayMethodId(payMethods) {\n let defaultPayMethod = payMethods.find((payMethod) => {\n return payMethod.default;\n });\n\n defaultPayMethod = defaultPayMethod || payMethods[0];\n\n return defaultPayMethod ? defaultPayMethod.id : null;\n }\n\n getDefaultAmount() {\n const account = this.props.account || {};\n const amount = account.due_amount || account.payment_amount || 0;\n return parseFloat(amount);\n }\n\n setAvailablePayMethod(payMethods) {\n if (!payMethods) return;\n const isAvailable = payMethods.find((p) => p.id == this.props.payment.pay_method_id);\n if (!isAvailable) {\n const newPayMethodId = payMethods.length ? payMethods[0].id : '';\n this.props.onChange({\n pay_method_id: newPayMethodId\n });\n }\n }\n\n getPayMethods() {\n if (this.props.payMethods) {\n return this.filterPayMethods(this.props.payMethods, this.props.creditCardEnabled);\n }\n else {\n return [];\n }\n }\n\n getPayMethod() {\n if (this.props.payMethod) {\n return this.props.payMethod;\n }\n else {\n return this.props.payment ? this.props.payment.pay_method : null;\n }\n }\n\n filterPayMethods(payMethods, creditCardEnabled) {\n if (!creditCardEnabled) {\n return payMethods.filter((p) => {\n return !p.is_credit_card;\n });\n }\n else {\n return payMethods;\n }\n }\n\n getFormGroupClass() {\n const classes = ['form-group'];\n if (!this.props.verticalLayout) classes.push('row');\n return classes.join(' ');\n }\n\n getLabelClass() {\n return this.props.verticalLayout ? '' : `col-form-label ${this.props.labelClass}`;\n }\n\n getFieldClass() {\n return this.props.verticalLayout ? '' : 'col-md-6';\n }\n\n stepClass(step) {\n const currentStep = this.state.currentStep;\n let classes = ['step', 'btn'];\n if (currentStep == step) classes.push('active');\n else if (currentStep < step) classes.push('disabled');\n if (currentStep > step && currentStep == this.state.lastStep) classes.push('disabled');\n return classes.join(' ');\n }\n\n stepLink(step, label) {\n return (\n \n {label}\n \n \n \n {step}\n \n \n \n );\n }\n\n steps() {\n if (this.props.showSteps) {\n return (\n \n {this.stepLink(1, this.props.i18n.common.details)}\n {this.stepLink(2, this.props.i18n.common.confirm)}\n {this.stepLink(3, this.props.i18n.common.done)}\n
\n );\n }\n }\n\n getSelectedPayMethod(payment) {\n if (payment.pay_method_id) {\n return this.props.payMethods.find((payMethod) => {\n return payMethod.id == payment.pay_method_id;\n });\n }\n else {\n return this.state.newPayMethod;\n }\n }\n\n isDateValid() {\n const blackoutConfig = this.props.config.payment_blackout_config;\n const blackoutDates = blackoutConfig.blackout_dates;\n const date = this.getPaymentDate();\n\n if (!date) return true;\n const dateString = date.format().substring(0,10);\n\n if (blackoutDates.length > 0 && this.state.lockdownDate) {\n return !blackoutDates.includes(dateString);\n } else {\n return true;\n }\n }\n\n isDateLocked(props) {\n const selectedPayMethod = this.getSelectedPayMethod(props.payment);\n return this.isPlastiq(selectedPayMethod) || this.props.config.same_day_payments_enforced;\n }\n\n isPlastiq(selectedPayMethod) {\n return selectedPayMethod && selectedPayMethod.type == \"PlastiqPayMethod\";\n }\n\n validateForm(props) {\n props = props || this.props;\n\n let billsValid = true;\n\n if (props.config.enforce_due_date) {\n billsValid = this.props.areBillsInDateRage();\n this.setState({ billsValid });\n }\n\n const payment = props.payment;\n\n let selectedPayMethod;\n let selectedPayMethodIsExpired;\n\n if (payment.pay_method_id) {\n selectedPayMethod = this.getSelectedPayMethod(payment);\n if (selectedPayMethod && selectedPayMethod.is_expired) {\n selectedPayMethodIsExpired = selectedPayMethod.is_expired;\n }\n }\n\n const amount = props.config.fees_enabled ? payment.subtotal : payment.amount;\n const amountValid = amount && amount > 0;\n const negativeAmount = amount && amount < 0;\n const dateValid = payment.scheduled_date;\n const payMethodValid = (selectedPayMethod && !selectedPayMethodIsExpired) || this.state.isNewPayMethodValid;\n const commentValid = !props.commentRequired || payment.otp_comment;\n const splitsValid = props.splitsValid;\n const lockdownDate = this.isDateLocked(props);\n const amountReasonPresent = !props.config.different_amount_reason_required ||\n !props.payment.different_amount ||\n !!props.payment.amount_reason;\n const splitNotUpdating = !props.splitUpdating;\n\n const isValid =\n amountValid &&\n dateValid &&\n payMethodValid &&\n commentValid &&\n splitsValid &&\n billsValid &&\n amountReasonPresent &&\n splitNotUpdating;\n\n this.setState({\n isValid,\n negativeAmount,\n splitsValid,\n lockdownDate,\n selectedPayMethodIsExpired\n });\n }\n\n handleContinue($event) {\n $event.preventDefault();\n if (this.state.isValid) {\n if (this.props.onContinue) {\n this.props.onContinue(this.props.payment);\n }\n if (!this.props.disableContinue) {\n this.props.clearErrors();\n this.setState({ currentStep: 2 });\n }\n }\n }\n\n handleSubmit($event) {\n $event.preventDefault();\n const { config, payment } = this.props;\n const selectedPayMethod = this.getSelectedPayMethod(payment);\n const plastiqConfirmationEnabled = config.pay_method_config.plastiq_confirmation_notice_enabled;\n\n if (this.isPlastiq(selectedPayMethod) && plastiqConfirmationEnabled) {\n this.togglePlastiqConfirmationModal();\n } else {\n this.plastiqConfirmation();\n }\n }\n\n formErrors() {\n if (this.props.showErrors) {\n return (\n \n {this.headingText()}\n \n );\n }\n\n userDetails() {\n if (this.props.showUserDetails) {\n return (\n \n {this.props.i18n.portal.ada_headers.account_details} \n \n \n );\n }\n }\n\n warningTargetClass(stateField, initialClass, warningClass) {\n const fieldClass = stateField ? warningClass : initialClass;\n return `${fieldClass}`;\n }\n\n amountField() {\n if (this.props.showAmountField) {\n return (\n \n
\n {this.props.i18n.common.amount}\n \n
\n
\n
\n {this.props.i18n.portal.payment.amount_reason_label}\n \n
\n
\n
\n
\n {this.props.i18n.portal.payer.payment.payment_date}\n \n
\n
\n
\n
\n {this.props.content.pay_method_label}\n \n
\n {this.payMethodSelect()}\n
\n
\n \n {this.payMethodOptions()}\n \n {this.newPayMethodButton()}\n
\n );\n }\n\n payMethodOptions() {\n return this.state.payMethods.map((payMethod, i) =>\n \n {payMethod.details}\n \n );\n }\n\n enabledTypesLength() {\n const achEnabled = this.props.config.pay_method_config.ach_enabled;\n const checkEnabled = this.props.config.pay_method_config.check_enabled;\n const creditCardEnabled = this.props.config.pay_method_config.cc_enabled;\n const plastiqEnabled = this.props.plastiqEnabled;\n const enabledTypes = [achEnabled, checkEnabled, creditCardEnabled, plastiqEnabled];\n return enabledTypes.filter((enabled) => enabled).length;\n }\n\n newPayMethodButtonEnabled() {\n return this.props.abilities.manage_pay_method && this.enabledTypesLength() > 0;\n }\n\n newPayMethodButton() {\n if (this.newPayMethodButtonEnabled()) {\n return (\n \n
\n );\n }\n }\n\n payMethodForm() {\n if (this.props.newPayMethodMode) {\n return (\n \n
\n {this.props.i18n.common.documents}\n \n
\n
\n {this.fileListItem()}\n \n
\n
\n \n {doc.display_name.split(\"\\n\").map((text, i) => {\n return
{text}
;\n })}\n
\n );\n });\n }\n\n commentField() {\n if (this.props.commentRequired) {\n return (\n \n
\n {this.props.i18n.common.comment}\n \n
\n
\n
\n
\n {this.props.i18n.portal.payer.payment.payment_balance}\n \n
\n \n \n \n {this.props.i18n.portal.payer.payment[label]}\n \n \n {this.amountValue(amount)}\n \n \n \n
\n {this.payMethodExpiredMessage()}\n {this.expiredDiscountWarning()}\n {this.negativeAmountMessage()}\n {this.discountDateWarning()}\n {this.amountDiffersWarning()}\n {this.blackedOutDateWarning()}\n
{format.currency(amount)}
;\n }\n }\n\n formActions() {\n return (\n \n
\n );\n }\n\n detailsSection() {\n const hiddenClass = this.state.currentStep == 1 ? '' : 'd-none';\n\n return (\n \n {this.formHeading()}\n {this.detailsSectionContent()}\n \n );\n }\n\n detailsSectionContent() {\n const canManangePayments = this.props.abilities.manage_portal_payment && (this.state.payMethods && this.state.payMethods.length > 0) || this.props.abilities.manage_pay_method;\n if (this.props.oneTimePayment || canManangePayments) {\n return (\n \n {this.userDetails()}\n {this.accountDetails()}\n {this.amountField()}\n {this.amountReasonField()}\n {this.dateField()}\n {this.payMethodField()}\n {this.payMethodForm()}\n {this.commentField()}\n {this.documentsField()}\n {this.paymentBalance()}\n {this.formActions()}\n
\n );\n }\n }\n\n editDetails() {\n this.setState({ currentStep: 1 });\n }\n\n confirmSection() {\n if (this.state.currentStep == 2) {\n const payment = this.props.payment;\n const translations = this.props.i18n.portal.payer.payment;\n const confirmText = translations.confirm_payment_details;\n const detailsText = translations.payment_details;\n const submitText = translations.submit_payment;\n const plastiqText = translations.continue_to_plastiq;\n const selectedPayMethod = this.getSelectedPayMethod(payment);\n const buttonText = this.isPlastiq(selectedPayMethod) ? plastiqText : submitText;\n const headerText = this.isPlastiq(selectedPayMethod) ? detailsText : confirmText;\n const paymentAuthorizationEnabled = this.props.config.payment_authorization_checkbox_enabled;\n const paymentNeedsAuthorization = paymentAuthorizationEnabled && !this.state.paymentAuthorizationChecked;\n const submitDisabled = this.props.submitting || paymentNeedsAuthorization;\n return (\n \n
\n {headerText}\n
\n\n
\n\n
\n \n {this.props.i18n.portal.payer.payment.edit_details}\n \n
\n {this.paymentAuthorizationContent()}\n
\n \n {buttonText}\n \n
\n
\n
\n
\n
\n {this.printPaymentButton()}\n
\n
\n \n {this.props.i18n.common.done}\n \n
\n
\n {this.props.i18n.common.print}\n \n );\n }\n }\n\n payMethodModal() {\n return (\n \n {this.steps()}\n {this.formErrors()}\n {this.detailsSection()}\n {this.confirmSection()}\n {this.doneSection()}\n {this.payMethodModal()}\n {this.plastiqConfirmationModal()}\n \n );\n }\n}\n\nPaymentForm.defaultProps = {\n labelClass: 'col-md-5',\n showErrors: true,\n splitsValid: true\n};\n\nPaymentForm.propTypes = {\n abilities: PropTypes.object,\n account: PropTypes.object,\n accountDetailsClass: PropTypes.string,\n areBillsInDateRage: PropTypes.func,\n clearDocsAdded: PropTypes.func,\n clearErrors: PropTypes.func,\n clearPayMethodErrors: PropTypes.func,\n clearSavedPayMethod: PropTypes.func,\n commentRequired: PropTypes.bool,\n config: PropTypes.object.isRequired,\n content: PropTypes.object.isRequired,\n createStripeIntent: PropTypes.func,\n creditCardEnabled: PropTypes.bool,\n deletePortalDocument: PropTypes.func,\n disableContinue: PropTypes.bool,\n errors: PropTypes.array,\n hasExpiredDiscount: PropTypes.bool,\n i18n: PropTypes.object.isRequired,\n labelClass: PropTypes.string,\n maxDate: PropTypes.object,\n minDate: PropTypes.object,\n newPayMethod: PropTypes.object,\n newPayMethodMode: PropTypes.bool,\n onChange: PropTypes.func.isRequired,\n onContinue: PropTypes.func,\n onDone: PropTypes.func,\n oneTimePayment: PropTypes.bool,\n onPayMethodError: PropTypes.func,\n onPrint: PropTypes.func,\n onSubmit: PropTypes.func,\n onSubmitPayMethod: PropTypes.func,\n payment: PropTypes.object,\n payMethod: PropTypes.object,\n payMethodErrors: PropTypes.array,\n payMethods: PropTypes.array,\n plastiqEnabled: PropTypes.bool,\n savedPayment: PropTypes.object,\n savedPayMethod: PropTypes.object,\n showAmountField: PropTypes.bool,\n showBalance: PropTypes.bool,\n showErrors: PropTypes.bool,\n showNicknameField: PropTypes.bool,\n showSteps: PropTypes.bool,\n showUserDetails: PropTypes.bool,\n splitUpdating: PropTypes.bool,\n splitsValid: PropTypes.bool,\n stripeEnabled: PropTypes.bool,\n stripeIntent: PropTypes.string,\n submitting: PropTypes.bool,\n updatePayment: PropTypes.func.isRequired,\n updatePaymentAmount: PropTypes.func,\n verticalLayout: PropTypes.bool,\n};\n\nexport default PaymentForm;\n","import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport { DatePicker } from './DatePicker';\nimport Button from './Button';\nimport DatePickerInput from './DatePickerInput';\nimport PaymentAmountInput from '../common/PaymentAmountInput';\nimport WarningMessage from '../common/WarningMessage';\nimport { hashHistory } from 'react-router';\nimport moment from 'moment';\nimport ordinal from 'ordinal-numbers';\nimport format from '../../utils/formatUtils';\nimport Link from './Link';\nimport NoticePopover from './NoticePopover';\nimport FormErrors from 'shared/components/FormErrors';\nimport Checkbox from './Checkbox';\n\nclass RecurrenceForm extends React.Component {\n\n constructor(props) {\n super(props);\n\n this.state = {\n recurrence: this.getRecurrence(),\n overPaymentAmountLimit: false,\n percentageRestrictionExceeded: false,\n popoverOpen: false,\n selectedPayMethodIsExpired: false,\n paymentAuthorizationChecked: false\n };\n\n this.handleSubmit = this.handleSubmit.bind(this);\n this.handleFieldChange = this.handleFieldChange.bind(this);\n this.handleAmountChange = this.handleAmountChange.bind(this);\n this.handleEndDateChange = this.handleEndDateChange.bind(this);\n this.togglePopover = this.togglePopover.bind(this);\n this.goToSettings = this.goToSettings.bind(this);\n this.onPaymentAuthChange = this.onPaymentAuthChange.bind(this);\n }\n\n componentWillMount() {\n this.validateForm();\n }\n\n getRecurrence() {\n const amount = this.props.account ? this.props.account.payment_amount : 0;\n const newRecurence = this.props.requireAmount ? { amount } : {};\n return this.props.recurrence || newRecurence;\n }\n\n togglePopover() {\n this.setState({\n popoverOpen: !this.state.popoverOpen\n });\n }\n\n dayOfMonthNotice() {\n if (this.props.content.day_of_month_notice) {\n return (\n <>\n \n \n \n \n
\n \n {this.props.i18n.portal.payer.autopay[action]}\n
\n );\n }\n\n formErrors() {\n return (\n \n
\n {this.props.i18n.common.amount}\n \n
\n
\n
\n {this.props.i18n.common.day_of_month}\n \n
\n
\n
\n {this.dayOfMonthSelect()}\n {this.dayOfMonthNotice()}\n
\n
\n
\n
\n \n {day}\n \n );\n }\n\n getRestrictedDays(account, restriction) {\n const dueDate = moment(account.due_date);\n const minDate = moment(dueDate).subtract(restriction, 'days');\n const daysArray = [];\n let date = minDate;\n\n while (!date.isSame(dueDate)) {\n daysArray.push(date.add(1, 'day').date());\n }\n\n return daysArray;\n }\n\n payMethodField() {\n return (\n \n
\n {this.props.content.pay_method_label}\n \n
\n {this.payMethodSelect()}\n
\n
\n
\n {this.props.i18n.portal.payer.autopay.payment_breakdown_type}\n \n
\n {this.multipleBillsPerPaymentInput()}\n {this.singleBillPerPaymentInput()}\n
\n
\n \n {this.props.content.single_bill_per_payment_label}\n \n
\n );\n }\n\n multipleBillsPerPaymentInput() {\n const id = \"payment_breakdown_type_multiple\";\n const isChecked = !this.state.recurrence.payment_breakdown_type || this.state.recurrence.payment_breakdown_type == \"multiple_bills_per_payment\";\n\n return (\n \n \n {this.props.content.multiple_bills_per_payment_label}\n \n
\n );\n }\n\n payMethodSelect() {\n if (this.props.payMethods && this.props.payMethods.length) {\n return (\n \n \n {this.props.i18n.common.add}\n \n );\n }\n\n payMethodOptions() {\n return this.props.payMethods.map((payMethod) =>\n \n {payMethod.details}\n \n );\n }\n\n endDateField() {\n if (this.props.optionalEndDate) {\n const endDate = this.state.recurrence.end_date ? moment(this.state.recurrence.end_date) : null;\n return (\n \n
\n {this.props.i18n.common.end_date}{' '}\n ({this.props.i18n.common.optional})\n \n
\n
\n
\n {this.cancelButton()}{' '}\n {this.submitButton()}\n \n );\n }\n\n submitButton() {\n const paymentAuthorizationEnabled = this.props.config.payment_authorization_checkbox_enabled;\n const paymentNeedsAuthorization = paymentAuthorizationEnabled && !this.state.paymentAuthorizationChecked;\n const submitDisabled = this.props.disabled || !this.state.isValid || paymentNeedsAuthorization;\n\n return (\n \n {this.props.i18n.common.cancel}\n \n );\n }\n }\n\n confirmation() {\n if (this.props.showConfirmation && this.state.isValid) {\n return (\n \n
\n
\n {this.props.i18n.portal.payer.payment_settings.confirm_autopay}\n \n
\n {this.amountConfirmation()}{' '}\n {this.accountConfirmation()}{' '}\n {this.payMethodConfirmation()}{' '}\n {this.dayOfMonthConfirmation()}{' '}\n {this.endDateConfirmation()}\n
\n
\n {this.props.i18n.portal.payer.payment_settings.auto_pay}{' '}\n {format.currency(this.state.recurrence.amount)} \n \n );\n }\n\n accountConfirmation() {\n return (\n \n {this.props.i18n.common.to}{' '}\n {this.props.account.account_label} \n \n );\n }\n\n payMethodConfirmation() {\n const selectedPayMethod = this.getSelectedPayMethod();\n if (selectedPayMethod) {\n return (\n \n {this.props.i18n.common.from}{' '}\n {selectedPayMethod.details} \n \n );\n }\n }\n\n getSelectedPayMethod() {\n return this.props.payMethods.find((payMethod) => {\n return payMethod.id == this.state.recurrence.pay_method_id;\n });\n }\n\n dayOfMonthConfirmation() {\n return (\n \n {this.props.i18n.portal.payer.payment_settings.every_month_on_the}{' '}\n {ordinal(parseFloat(this.state.recurrence.day_of_month))} \n \n );\n }\n\n endDateConfirmation() {\n if (this.state.recurrence.end_date) {\n return (\n \n {this.props.i18n.common.ending_on} {' '}\n {format.date(this.state.recurrence.end_date)} \n \n );\n }\n }\n\n payMethodExpiredMessage() {\n return (\n \n {this.formErrors()}\n {this.heading()}\n {this.amountField()}\n {this.payMethodField()}\n {this.paymentBreakdownField()}\n {this.dayOfMonthField()}\n {this.endDateField()}\n {this.confirmation()}\n {this.payMethodExpiredMessage()}\n {this.paymentAuthorizationContent()}\n {this.actions()}\n \n );\n }\n}\n\nRecurrenceForm.propTypes = {\n disabled: PropTypes.bool,\n recurrence: PropTypes.object,\n account: PropTypes.object,\n payMethods: PropTypes.array,\n onSubmit: PropTypes.func.isRequired,\n onCancel: PropTypes.func.isRequired,\n showConfirmation: PropTypes.bool,\n requirePayMethod: PropTypes.bool,\n requireAmount: PropTypes.bool,\n requireDayOfMonth: PropTypes.bool,\n optionalEndDate: PropTypes.bool,\n allowCancel: PropTypes.bool,\n content: PropTypes.object.isRequired,\n config: PropTypes.object,\n i18n: PropTypes.object.isRequired,\n errors: PropTypes.array,\n clearErrors: PropTypes.func,\n showPaymentBreakdownOption: PropTypes.bool\n};\n\nexport default RecurrenceForm;\n","import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport Button from './Button';\nimport ordinal from 'ordinal-numbers';\nimport format from '../../utils/formatUtils';\n\nclass RecurrenceSettings extends React.Component {\n\n constructor(props) {\n super(props);\n this.handleEdit = this.handleEdit.bind(this);\n this.handleRemove = this.handleRemove.bind(this);\n }\n\n editButton() {\n return (\n \n {this.props.i18n.portal.payer.autopay.edit_autopay}\n \n );\n }\n\n handleEdit() {\n this.props.onEdit(this.props.recurrence);\n }\n\n removeButton() {\n return (\n \n {this.props.i18n.portal.payer.autopay.remove_autopay}\n \n );\n }\n\n handleRemove() {\n this.props.onRemove(this.props.recurrence);\n }\n\n payMethodRow() {\n return (\n \n \n {this.props.content.pay_method_label}\n \n \n {this.props.recurrence.pay_method.details}\n \n \n );\n }\n\n amountRow() {\n if (this.props.recurrence.amount) {\n return (\n \n \n {this.props.i18n.common.amount}\n \n {format.currency(this.props.recurrence.amount)} \n \n );\n }\n }\n\n dayOfMonthRow() {\n if (this.props.recurrence.day_of_month) {\n return (\n \n \n {this.props.i18n.common.recurs_on}\n \n \n {ordinal(parseFloat(this.props.recurrence.day_of_month))}\n \n \n );\n }\n }\n\n endDateRow() {\n if (this.props.recurrence.end_date) {\n return (\n \n \n {this.props.i18n.common.ends}\n \n \n {format.date(this.props.recurrence.end_date)}\n \n \n );\n }\n }\n\n recurrenceDetails() {\n return (\n \n \n {this.amountRow()}\n {this.payMethodRow()}\n {this.dayOfMonthRow()}\n {this.endDateRow()}\n \n
\n );\n }\n\n actions() {\n return (\n \n {this.editButton()}{' '}\n {this.removeButton()}\n
\n );\n }\n\n heading() {\n return (\n \n {this.props.i18n.portal.dashboard.autopay_settings}\n
\n );\n }\n\n render() {\n return (\n \n {this.heading()}\n {this.recurrenceDetails()}\n {this.actions()}\n \n );\n }\n}\n\nRecurrenceSettings.propTypes = {\n recurrence: PropTypes.object.isRequired,\n onEdit: PropTypes.func.isRequired,\n onRemove: PropTypes.func.isRequired,\n content: PropTypes.object.isRequired,\n i18n: PropTypes.object.isRequired\n};\n\nexport default RecurrenceSettings;\n","import React from 'react';\nimport { PropTypes } from 'prop-types';\n\nclass Spinner extends React.Component {\n\n getSpinnerSize() {\n switch (this.props.size) {\n case \"medium\":\n return \"fa-2x\";\n default:\n return \"\";\n }\n }\n\n render() {\n const spinnerSize = this.getSpinnerSize();\n const spinnerClass = `fa fa-spinner fa-spin ${spinnerSize} ${this.props.className}`;\n const spinnerIcon = \n {spinnerIcon}\n
\n );\n }\n else {\n return spinnerIcon;\n }\n }\n}\n\nSpinner.propTypes = {\n size: PropTypes.string,\n className: PropTypes.string,\n centered: PropTypes.bool\n};\n\nexport default Spinner;\n","import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport Button from './Button';\nimport CurrencyInput from 'shared/components/CurrencyInput';\nimport Filter from './Filter';\nimport Pagination from 'shared/components/Pagination';\nimport Link from './Link';\nimport Spinner from './Spinner';\nimport format from '../../utils/formatUtils';\nimport arraySort from 'array-sort';\nimport deep from 'griddle-react/modules/deep';\nimport debounce from '../../utils/debounce';\n\nclass SplitsTable extends React.Component {\n\n constructor(props) {\n super(props);\n\n const unsortableColumns = [];\n const columnAlignment = {\n right: [\n 'bills.discount_amount',\n 'bills.due_amount',\n 'splits.amount'\n ]\n };\n\n this.state = {\n splits: this.props.splits,\n sortOrder: 'bills.due_date ASC',\n sortAscending: true,\n currentPage: 1,\n unsortableColumns,\n columnAlignment,\n commentValue: '',\n editingCommentSplitId: null,\n amountValue: '',\n editingAmountSplitId: null\n };\n\n this.handleFilterChange = this.handleFilterChange.bind(this);\n this.handlePageChange = this.handlePageChange.bind(this);\n this.onChangeDebounced = debounce(this.onChangeDebounced, 500);\n this.onAmountDebounced = debounce(this.onAmountDebounced, 300);\n }\n\n componentWillMount() {\n this.applySortAndFilter([...this.props.splits]);\n }\n\n componentWillReceiveProps(nextProps) {\n this.applySortAndFilter([...nextProps.splits]);\n }\n\n applySortAndFilter(splits) {\n // apply sort\n if (this.state.sortColumn) {\n splits = this.sortDataAscending(splits, this.state.sortColumn);\n if (!this.state.sortAscending) splits.reverse();\n }\n\n // apply filter\n if (this.state.filter) {\n splits = this.filterData(splits, this.state.filter);\n }\n\n // set valid page\n let totalPages = Math.ceil(splits.length / this.props.itemsPerPage);\n let currentPage = this.state.currentPage;\n\n if (this.state.currentPage > totalPages) {\n currentPage = totalPages;\n }\n\n this.setState({\n splits,\n currentPage\n });\n }\n\n filter() {\n return (\n \n {format.date(bill.due_date, this.props.config.date_format_string)}{' '}\n {dueLabel}\n \n );\n }\n\n dueLabel() {\n return (\n \n {this.props.content.due_label}\n \n );\n }\n\n tableHeaders() {\n const columns = this.props.columns;\n return columns.map((column, i) => {\n const handleSortChange = this.handleSortChange.bind(this, column);\n return (\n \n {this.headerLabel(column)}\n \n );\n });\n }\n\n tableRows() {\n if (this.props.splits) {\n return this.props.splits.map((split, i) => {\n return (\n \n {this.dataRow(split)}\n {this.infoRow(split, `${i}_info`)}\n \n );\n });\n }\n }\n\n dataRow(split) {\n const handleClick = this.handleRowClick.bind(this, split);\n const rowClass = this.getRowClass(split);\n\n let data = this.props.columns.map((column) => {\n const value = this.rowValue(split, column);\n if (value) {\n return this.tableRowData(split, column, value);\n }\n });\n\n if (!split.bill) {\n data.splice(data.length - 1, 0, this.payToAccountRowData());\n }\n\n return (\n \n {data.map((rowData) => rowData)}\n \n );\n }\n\n payToAccountRowData() {\n const colSpan = this.props.columns.length - 3;\n return (\n \n {this.props.i18n.portal.payer.payment.pay_to_account} \n \n );\n }\n\n rowValue(split, column) {\n switch (column) {\n case 'receivable_accounts.external_key':\n return split.bill ? split.bill.account_number : split.receivable_account.external_key;\n case 'payers.name':\n return split.bill ? split.bill.account_name : split.receivable_account.payer.name;\n case 'bills.due_date':\n return split.bill ? this.billDueDate(split.bill) : null;\n case 'bills.external_type':\n return split.bill ? split.bill.external_type : null;\n case 'bills.external_key':\n return split.bill ? this.billExternalKey(split.bill) : null;\n case 'bills.discount_amount':\n return split.bill ? format.currency(split.bill.discount_amount) : null;\n case 'bills.due_amount':\n return split.bill ? format.currency(split.bill.due_amount) : null;\n case 'splits.amount':\n return this.amountRowValue(split);\n }\n }\n\n billExternalKey(bill) {\n if (this.props.showBillExternalKeyAsLink) {\n const handleExternalKeyClick = this.handleExternalKeyClick.bind(this, bill);\n return (\n \n {value}\n \n );\n }\n\n infoRow(split, key) {\n if (this.showAmountReason(split)) {\n return (\n \n \n {this.commentField(split)}\n {this.comment(split)}\n \n \n );\n }\n }\n\n showAmountReason(split) {\n if (split.bill) {\n if (this.props.config.different_amount_reason_required) {\n if (this.props.entryMode && split.bill) {\n return split.amount != this.props.billAmount(split.bill);\n }\n else {\n return split.amount_reason;\n }\n }\n } else {\n if (this.props.config.pay_to_account_comment_required) {\n if (this.props.entryMode) {\n return true;\n }\n else {\n return split.pay_to_account_comment;\n }\n }\n }\n }\n\n commentField(split) {\n if (this.props.entryMode) {\n const fieldName = split.bill ? \"amount_reason\" : \"pay_to_account_comment\";\n const commentExists = (split.amount_reason || split.pay_to_account_comment);\n const errorClass = commentExists ? '' : 'has-error';\n const handleCommentChange = this.handleCommentChange.bind(this, split);\n const handleCommentBlur = this.handleCommentBlur.bind(this, split);\n const placeholder = split.bill ? this.props.i18n.portal.payment.amount_reason_instruction : this.props.content.pay_to_account_comment_instructions;\n let commentValue;\n\n if (this.state.editingCommentSplitId == split.id) {\n commentValue = this.state.commentValue;\n } else {\n commentValue = commentExists || '';\n }\n\n return (\n \n \n );\n }\n }\n\n handleCommentChange(split, e) {\n const reason = e.target.value;\n this.setState(\n {\n commentValue: reason,\n editingCommentSplitId: split.id\n }\n );\n this.onChangeDebounced(reason, split);\n }\n\n onChangeDebounced(reason, split) {\n if (split.bill && this.props.onAmountReasonChange) {\n this.props.onAmountReasonChange(split, reason);\n }\n else if (this.props.onAccountCommentChange) {\n this.props.onAccountCommentChange(split, reason);\n }\n }\n\n handleCommentBlur(split) {\n if (this.props.onSplitChange) {\n this.setState(\n {\n commentValue: '',\n editingCommentSplitId: null\n }\n );\n this.props.onSplitChange(split);\n }\n }\n\n comment(split) {\n const label = split.bill ? this.props.i18n.portal.payment.amount_reason_label : this.props.i18n.common.comment;\n const commentValue = split.bill ? split.amount_reason : split.pay_to_account_comment;\n if (!this.props.entryMode) {\n return (\n \n \n {label}\n \n {' '}\n {commentValue}\n \n );\n }\n }\n\n getPaginatedData() {\n const itemsPerPage = this.props.itemsPerPage;\n const offset = Math.ceil((this.state.currentPage - 1) * itemsPerPage);\n return this.state.splits.slice(offset, itemsPerPage + offset);\n }\n\n getRowClass(split) {\n if (this.props.isRowSelected) {\n return this.props.isRowSelected(split) ? 'selected' : '';\n }\n }\n\n getCellClass(split, column) {\n if (column == 'splits.amount') {\n const entryClass = (this.props.entryMode && this.props.config.split_amount_edit_enabled) || (this.props.entryMode && !split.bill) ? 'entry-td' : '';\n return `${this.alignmentClass(column)} ${entryClass}`;\n }\n }\n\n getTableClass() {\n const selectableClass = this.props.selectable ? 'table-selectable' : '';\n return `table data-table splits-table ${selectableClass}`;\n }\n\n handleSortChange(column) {\n if (!this.state.unsortableColumns.includes(column)) {\n const sortOrder = this.state.sortOrder;\n let newSortOrder;\n\n switch (sortOrder) {\n case `${column} ASC`: {\n newSortOrder = `${column} DESC`;\n break;\n }\n case `${column} DESC`: {\n newSortOrder = null;\n break;\n }\n default: {\n newSortOrder = `${column} ASC`;\n }\n }\n\n this.setState({ sortOrder: newSortOrder });\n this.props.onSort(newSortOrder);\n }\n }\n\n sortDataAscending(splits, column) {\n switch (column) {\n case 'receivable_accounts.external_key':\n return arraySort(splits, ['bill.external_key', 'receivable_account.external_key']);\n case 'payers.name':\n return arraySort(splits, ['bill.account_name', 'receivable_account.payer.name']);\n case 'bills.due_date':\n return arraySort(splits, 'bill.due_date');\n case 'bills.external_key':\n return arraySort(splits, 'bill.external_key');\n case 'bills.discount_amount':\n return arraySort(splits, 'bill.discount_amount');\n case 'bills.due_amount':\n return arraySort(splits, 'bill.due_amount');\n case 'splits.amount':\n return arraySort(splits, 'amount');\n }\n }\n\n headerLabel(column) {\n if (column == \"splits.amount\") {\n return this.props.i18n.common.amount;\n }\n else {\n const columnName = column.replace(/\\./, '_');\n return this.props.content[`${columnName}_label`];\n }\n }\n\n table() {\n const tableClass = this.getTableClass();\n return (\n \n
\n
\n \n \n {this.tableHeaders()}\n \n \n {this.tableRows()}\n
\n
\n {this.noResults()}\n
\n {this.props.i18n.portal.data_table.no_results}\n
\n );\n }\n }\n\n heading() {\n if (this.props.heading) {\n return (\n {this.props.heading} \n );\n }\n }\n\n actions() {\n if (this.props.actions) {\n return (\n \n {this.props.actions}\n \n );\n }\n }\n\n pagination() {\n if (this.props.splits) {\n return (\n \n {this.heading()}\n {this.actions()}\n \n );\n }\n }\n\n render() {\n return (\n \n {this.header()}\n {this.filter()}\n {this.table()}\n {this.pagination()}\n \n );\n }\n}\n\nSplitsTable.propTypes = {\n billAmount: PropTypes.func,\n data: PropTypes.object,\n splits: PropTypes.array,\n columns: PropTypes.array.isRequired,\n heading: PropTypes.string,\n selectable: PropTypes.bool,\n actions: PropTypes.element,\n showActions: PropTypes.bool,\n onRowClick: PropTypes.func,\n isRowSelected: PropTypes.func,\n onAmountChange: PropTypes.func,\n onAmountReasonChange: PropTypes.func,\n onAccountCommentChange: PropTypes.func,\n onFilter: PropTypes.func,\n onSort: PropTypes.func,\n onPage: PropTypes.func,\n onSplitChange: PropTypes.func,\n itemsPerPage: PropTypes.number.isRequired,\n entryMode: PropTypes.bool,\n amountReasonRequired: PropTypes.bool,\n showBillExternalKeyAsLink: PropTypes.bool,\n onBillExternalKeyClick: PropTypes.func,\n i18n: PropTypes.object.isRequired,\n content: PropTypes.object.isRequired,\n config: PropTypes.object.isRequired,\n showDueLabel: PropTypes.bool\n};\n\nexport default SplitsTable;\n","import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport Link from './Link';\n\nclass Tab extends React.Component {\n constructor(props) {\n super(props);\n this.handleTabClick = this.handleTabClick.bind(this);\n }\n\n handleTabClick() {\n if (!this.props.active) {\n this.props.onSelect();\n }\n }\n\n linkClasses() {\n const classes = ['nav-link'];\n if (this.props.active) classes.push('active');\n return classes.join(' ');\n }\n\n render() {\n if (this.props.show) {\n return (\n \n \n );\n }\n else {\n return null;\n }\n }\n}\n\nTab.propTypes = {\n label: PropTypes.string.isRequired,\n active: PropTypes.bool,\n onSelect: PropTypes.func,\n show: PropTypes.bool\n};\n\nexport default Tab;\n","import React from 'react';\nimport { PropTypes } from 'prop-types';\n\nclass TabSet extends React.Component {\n containerClasses() {\n const classes = ['tabset-themed'];\n if (this.props.className) classes.push(this.props.className);\n return classes.join(' ');\n }\n\n tabsClasses() {\n const classes = ['nav', 'nav-tabs'];\n if (this.props.card) classes.push('card-header-tabs');\n if (this.props.justified) classes.push('nav-justified');\n if (this.props.pills) classes.push('nav-pills');\n return classes.join(' ');\n }\n\n render() {\n //\n //
\n return (\n \n {this.props.children}\n \n );\n }\n}\n\nTabSet.propTypes = {\n card: PropTypes.bool,\n className: PropTypes.string,\n children: PropTypes.node,\n justified: PropTypes.bool,\n pills: PropTypes.bool\n};\n\nexport default TabSet;\n","/* eslint-disable react/display-name, react/no-multi-comp */\nimport React from 'react';\nimport { PropTypes } from 'prop-types';\nimport Griddle from 'griddle-react';\nimport Filter from './Filter';\nimport Pagination from 'shared/components/Pagination';\nimport { _invert } from '../../utils/enumerable';\nimport format from '../../utils/formatUtils';\n\nclass Table extends React.Component {\n\n constructor(props) {\n super(props);\n\n this.state = {\n columnMap: this.props.columnMap\n };\n\n this.handleRowClick = this.handleRowClick.bind(this);\n this.handleFilterChange = this.handleFilterChange.bind(this);\n this.handlePageChange = this.handlePageChange.bind(this);\n this.externalSetFilter = this.externalSetFilter.bind(this);\n this.externalChangeSort = this.externalChangeSort.bind(this);\n this.updatePagination = this.updatePagination.bind(this);\n }\n\n filter() {\n if (this.props.showFilter) {\n return (\n {format.date(this.props.data)} ;\n }\n };\n }\n\n currencyComponent() {\n return class extends React.Component {\n render() {\n return {format.currency(this.props.data)} ;\n }\n };\n }\n\n table() {\n const useExternal = this.props.useExternal;\n return (\n \n );\n }\n\n pagination() {\n if (!this.props.useExternal || (this.props.useExternal && this.props.data)) {\n return (\n {noDataMessage}
;\n }\n };\n }\n\n heading() {\n if (this.props.heading) {\n return {this.props.heading} ;\n }\n }\n\n actions() {\n if (this.props.actions && this.props.showActions) {\n return (\n \n {this.props.actions}\n \n );\n }\n }\n\n header() {\n if (this.props.heading || this.props.actions) {\n return (\n \n {this.heading()}\n {this.actions()}\n \n );\n }\n }\n\n render() {\n return (\n \n {this.props.heading} {this.props.i18n.portal.ada_headers.table} \n {this.header()}\n {this.filter()}\n {this.table()}\n {this.pagination()}\n \n );\n }\n}\n\nTable.defaultProps = {\n showFilter: true,\n actionsAlign: \"right\"\n};\n\nTable.propTypes = {\n results: PropTypes.array,\n data: PropTypes.object,\n columns: PropTypes.array.isRequired,\n columnMap: PropTypes.object,\n className: PropTypes.string,\n heading: PropTypes.string,\n selectable: PropTypes.bool,\n showFilter: PropTypes.bool,\n columnMetadata: PropTypes.array,\n showDateFilter: PropTypes.bool,\n filterQuery: PropTypes.string,\n filterPlaceholder: PropTypes.string,\n totalItems: PropTypes.number,\n noDataMessage: PropTypes.string,\n actions: PropTypes.element,\n actionsAlign: PropTypes.oneOf(['left', 'right']),\n showActions: PropTypes.bool,\n onRowClick: PropTypes.func,\n isRowSelected: PropTypes.func,\n useExternal: PropTypes.bool,\n externalSetFilter: PropTypes.func,\n externalSetPage: PropTypes.func,\n externalChangeSort: PropTypes.func,\n i18n: PropTypes.object.isRequired\n};\n\nexport default Table;\n","import React from 'react';\nimport { PropTypes } from 'prop-types';\n\nclass UserDetails extends React.Component {\n\n payerNameField() {\n if (this.props.fields.includes('payers.name')) {\n return (\n \n {this.props.account.payer.name}\n \n );\n }\n }\n\n payerEmailField() {\n if (this.props.fields.includes('payers.email')) {\n return (\n \n {this.props.account.payer.email}\n
\n );\n }\n }\n\n accountExternalKeyField() {\n if (this.props.fields.includes('receivable_accounts.external_key')) {\n return (\n \n \n {this.props.content.receivable_accounts_external_key_label}\n {': '}\n {this.props.account.external_key}\n
\n );\n }\n }\n\n render() {\n return (\n \n {this.props.i18n.portal.ada_headers.account_details} \n \n {this.payerNameField()}\n {this.payerEmailField()}\n {this.accountExternalKeyField()}\n
\n \n );\n }\n}\n\nUserDetails.propTypes = {\n account: PropTypes.object.isRequired,\n content: PropTypes.object.isRequired,\n fields: PropTypes.array.isRequired,\n i18n: PropTypes.object\n};\n\nexport default UserDetails;\n","import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport Link from '../common/Link';\nimport Icon from 'shared/components/Icon';\n\nclass UserDropdown extends React.Component {\n\n switchAccountLinkItem() {\n if (this.props.currentUser.portal_user.portal_divisions.length) {\n return (\n \n {this.switchAccountLinkItem()}\n {this.logoutLinkItem()}\n {this.exitLinkItem()}\n
\n );\n }\n }\n\n tabIndex() {\n return this.props.focusable ? 0 : -1;\n }\n\n toggleWithoutPayerInfo() {\n return (\n \n
\n );\n }\n\n toggleWithPayerInfo() {\n return (\n \n
\n {this.props.currentUser.portal_division.name}\n
\n
\n
\n
\n \n {this.props.showPayerInfo ?\n this.toggleWithPayerInfo() :\n this.toggleWithoutPayerInfo()}\n \n {this.dropdownContents()}\n
\n );\n }\n}\n\nUserDropdown.propTypes = {\n config: PropTypes.object,\n showPayerInfo: PropTypes.bool,\n currentUser: PropTypes.object,\n toggleSwitchAccountModal: PropTypes.func,\n content: PropTypes.object,\n i18n: PropTypes.object,\n exit: PropTypes.func,\n logout: PropTypes.func,\n focusable: PropTypes.bool\n};\n\nUserDropdown.defaultProps = {\n focusable: true\n};\n\nexport default UserDropdown;\n","import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport PasswordStrength from './PasswordStrength';\nimport WarningMessage from './WarningMessage';\nimport Link from './Link';\nimport { Popover, PopoverTitle, PopoverContent } from 'reactstrap';\nimport NoticePopover from './NoticePopover';\nimport ReactMarkdown from 'react-markdown';\n\nclass UserForm extends React.Component {\n constructor(props) {\n super(props);\n\n const user = {\n email: '',\n password: '',\n password_confirmation: ''\n };\n\n this.state = {\n user,\n isValid: false,\n emailPopoverOpen: false,\n passwordPopoverOpen: false\n };\n\n this.handleSubmit = this.handleSubmit.bind(this);\n this.handleFieldChange = this.handleFieldChange.bind(this);\n this.handlePasswordChange = this.handlePasswordChange.bind(this);\n this.toggleEmailPopover = this.toggleEmailPopover.bind(this);\n }\n\n toggleEmailPopover() {\n this.setState({\n emailPopoverOpen: !this.state.emailPopoverOpen\n });\n }\n\n emailNotice() {\n if (this.props.content.register_account_notice) {\n return (\n <>\n \n \n \n \n
\n \n
\n {this.props.i18n.common.email}\n \n
\n
\n
\n
\n
\n
\n {this.props.i18n.common.password}\n \n
\n
\n
\n {this.props.i18n.common.confirm_password}\n \n
\n
\n
\n
\n );\n }\n\n handleSubmit($event) {\n $event.preventDefault();\n this.props.onSubmit(this.state.user);\n }\n\n render() {\n return (\n \n \n {this.emailField()}\n {this.passwordField()}\n {this.confirmPasswordField()}\n {this.actions()}\n
\n \n );\n }\n}\n\nUserForm.propTypes = {\n onSubmit: PropTypes.func.isRequired,\n content: PropTypes.object,\n i18n: PropTypes.object.isRequired\n};\n\nexport default UserForm;\n","import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport Table from './Table';\nimport Spinner from './Spinner';\n\nclass UsersTable extends React.Component {\n\n columns() {\n return [\"name\", \"email\"];\n }\n\n columnMetadata() {\n return [\n {\n \"columnName\": \"name\",\n \"displayName\": this.props.i18n.common.name\n },\n {\n \"columnName\": \"email\",\n \"displayName\": this.props.i18n.common.email\n }\n ];\n }\n\n render() {\n if (this.props.results) {\n return (\n \n
\n {this.props.message}\n
\n
\n
\n
{this.props.heading} \n {this.props.subHeading} \n \n
\n {this.logoLink()}\n {this.props.content.portal_title} \n \n );\n }\n\n landingOptions() {\n return (\n \n {this.loginOption()}\n {this.registrationOption()}\n {this.otpOption()}\n \n );\n }\n\n landingNotice() {\n if (this.props.content.landing_page_notice) {\n return (\n \n {this.inviteErrorMessage()}\n {this.header()}\n {this.landingOptions()}\n {this.landingNotice()}\n
\n );\n }\n}\n\nLandingPage.propTypes = {\n i18n: PropTypes.object,\n config: PropTypes.object,\n clearErrors: PropTypes.func,\n content: PropTypes.object\n};\n\nexport default LandingPage;\n","import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport { Link } from 'react-router';\nimport ResetMessage from './ResetMessage';\n\nclass ForgotPasswordPage extends React.Component {\n\n constructor(props) {\n super(props);\n\n this.state = {\n submitDisabled: true\n };\n\n this.handleChange = this.handleChange.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n componentWillMount() {\n this.props.clearPasswordReset();\n }\n\n resetFooter() {\n return (\n \n );\n }\n\n handleSubmit($event) {\n $event.preventDefault();\n const email = this.refs.email.value;\n this.props.reset(email);\n }\n\n handleChange() {\n if (this.refs.email.value.length > 0) {\n this.setState({submitDisabled: false});\n }\n else {\n this.setState({submitDisabled: true});\n }\n }\n\n resetForm() {\n return (\n \n\n {this.props.content.portal_title} \n {this.props.i18n.portal.password_reset.reset_password}
\n \n\n {this.resetFooter()}\n \n );\n }\n\n resetMessage() {\n return (\n \n
\n
\n {this.props.resetPassword ? this.resetMessage() : this.resetForm()}\n
\n
\n
\n \n );\n }\n }\n\n loginFooter() {\n return (\n \n {this.rememberMe()}\n \n );\n }\n\n handleSubmit($event) {\n $event.preventDefault();\n const email = this.refs.email.value;\n const password = this.refs.password.value;\n this.props.clearLoginErrors();\n this.props.login(email, password);\n }\n\n loginForm() {\n return (\n \n \n \n {this.props.i18n.portal.ada_headers.sign_in_form}\n \n \n \n {this.props.content.email_label}\n \n \n {this.props.i18n.common.password}\n \n
\n \n\n {this.loginFooter()}\n \n );\n }\n\n render() {\n return (\n \n
\n
\n
\n
{this.props.content.portal_title} \n
{this.props.content.sign_in_label}
\n {this.loginForm()}\n
\n
\n
\n
\n );\n }\n\n actions() {\n return (\n \n
\n );\n }\n\n passwordForm() {\n if (!this.props.resetPassword) {\n return (\n \n \n {this.passwordField()}\n {this.confirmPasswordField()}\n {this.actions()}\n
\n \n );\n }\n }\n\n formErrors() {\n return (\n \n {this.props.i18n.portal.password_reset.reset_required}\n
\n );\n }\n }\n\n heading() {\n return (\n \n
{this.props.content.portal_title} \n
\n {this.props.i18n.portal.password_reset.reset_password}\n
\n
\n {this.formErrors()}\n
\n
\n {this.heading()}\n {this.passwordChangeRequiredMessage()}\n {this.passwordForm()}\n {this.successMessage()}\n
\n
\n
\n \n );\n }\n\n render() {\n return (\n \n
{this.props.content.i18n.common.thanks} \n
{this.props.content.i18n.portal.password_reset.check_email}
\n {this.resetMessageFormFooter()}\n
\n
\n
\n {this.props.content.help_section_label}\n \n
\n
\n
\n \n {this.props.linkDescription}\n
\n \n );\n }\n}\n\nMenuItem.propTypes = {\n active: PropTypes.bool,\n linkTo: PropTypes.string.isRequired,\n linkLabel: PropTypes.string.isRequired,\n linkDescription: PropTypes.string.isRequired,\n itemClass: PropTypes.string,\n onClick: PropTypes.func\n};\n\nexport default MenuItem;\n","import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport MenuItem from './MenuItem';\nimport UserDropdown from '../common/UserDropdown';\nimport BrandLink from '../common/BrandLink';\nimport NavbarToggle from '../common/NavbarToggle';\nimport SwitchAccountModal from './SwitchAccountModal';\n\nclass PayerLayout extends React.Component {\n\n constructor(props) {\n super(props);\n\n this.logout = this.logout.bind(this);\n this.exit = this.exit.bind(this);\n this.toggleMenu = this.toggleMenu.bind(this);\n }\n\n logout(logoutUrl = this.props.config.logout_url) {\n const redirect = logoutUrl ? function() { window.location = logoutUrl; } : null;\n this.props.logout(redirect);\n }\n\n exit() {\n window.location = this.props.config.exit_url;\n }\n\n userDropdown(props = {}) {\n return (\n \n {this.props.i18n.portal.ada_headers.payer_navbar} \n \n
\n \n );\n }\n\n brandLink() {\n return (\n \n \n {this.props.i18n.portal.ada_headers.payer_sidenav}\n \n \n
\n
\n {this.dashboardLinkItem()}\n {this.autopayLinkItem()}\n {this.settingsLinkItem()}\n {this.accountLinkItem()}\n {this.helpLinkItem()}\n \n {this.userDropdown({ focusable: false })}\n
\n );\n }\n\n skipToMainButton() {\n return (\n \n {this.props.i18n.common.skip_to_main}\n \n );\n }\n\n switchAccountModal() {\n if (this.hasMultipleDivisions()) {\n return (\n \n
\n {this.skipToMainButton()}\n {this.header()}\n {this.navbar()}\n
\n
\n {this.menu()}\n \n {React.cloneElement(this.props.children.props.children, this.props)}\n \n
\n {this.switchAccountModal()}\n
\n \n \n );\n }\n}\n\nSwitchAccountModal.propTypes = {\n isOpen: PropTypes.bool.isRequired,\n toggle: PropTypes.func.isRequired,\n title: PropTypes.string.isRequired,\n divisions: PropTypes.array.isRequired\n};\n","import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport RecurrenceForm from '../../common/RecurrenceForm';\n\nclass BillRecurrenceForm extends React.Component {\n\n render() {\n return (\n \n \n {this.props.recurrence.pay_method.details}\n \n \n );\n }\n\n actions() {\n return (\n \n {this.returnLink()}\n {this.settingsLink()}\n \n );\n }\n\n returnLink() {\n return (\n \n {this.props.i18n.portal.payer.autopay.return_to_list}\n \n );\n }\n\n settingsLink() {\n const linkText = this.state.showSettings ? 'hide_settings' : 'view_settings';\n return (\n \n {this.props.i18n.portal.payer.autopay[linkText]}\n \n );\n }\n\n toggleSettings() {\n this.setState({\n showSettings: !this.state.showSettings\n });\n }\n\n accountsTable() {\n if (this.props.recurrenceAccounts.data) {\n if (!this.state.showSettings) {\n return (\n \n );\n }\n }\n else {\n return \n {this.addAccountButton()}{' '}\n {this.removeAccountButton()}\n
\n );\n }\n\n addAccountButton() {\n return (\n \n {this.props.i18n.common.add}\n \n );\n }\n\n removeAccountButton() {\n if (this.state.selectedAccount) {\n return (\n \n {this.props.i18n.common.remove}\n \n );\n }\n }\n\n toggleAccountsModal() {\n this.setState({ isAccountsModalOpen: !this.state.isAccountsModalOpen });\n }\n\n accountsModal() {\n const fetchParams = { available_for_recurrence: true };\n\n return (\n \n {this.header()}\n {this.actions()}\n {this.accountsTable()}\n {this.recurrenceSettings()}\n {this.accountsModal()}\n {this.removeAccountModal()}\n
\n );\n }\n}\n\nBillRecurrenceOverview.propTypes = {\n recurrence: PropTypes.object.isRequired,\n recurrenceAccounts: PropTypes.object.isRequired,\n clearRecurrenceAccounts: PropTypes.func.isRequired,\n fetchRecurrenceAccounts: PropTypes.func.isRequired,\n createRecurrenceAccount: PropTypes.func.isRequired,\n deleteRecurrenceAccount: PropTypes.func.isRequired,\n clearCreatedRecurrenceAccount: PropTypes.func.isRequired,\n clearDeletedRecurrenceAccount: PropTypes.func.isRequired,\n fetchPortalAccounts: PropTypes.func.isRequired,\n clearPortalAccounts: PropTypes.func.isRequired,\n portalAccounts: PropTypes.object.isRequired,\n onReturn: PropTypes.func.isRequired,\n onEdit: PropTypes.func.isRequired,\n onRemove: PropTypes.func.isRequired,\n content: PropTypes.object.isRequired,\n config: PropTypes.object.isRequired,\n i18n: PropTypes.object.isRequired\n};\n\nexport default BillRecurrenceOverview;\n","import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport { Link, hashHistory } from 'react-router';\nimport BillRecurrenceForm from './BillRecurrenceForm';\nimport BillRecurrencesTable from './BillRecurrencesTable';\nimport BillRecurrenceOverview from './BillRecurrenceOverview';\nimport Spinner from '../../common/Spinner';\nimport Button from '../../common/Button';\nimport Modal from '../../common/Modal';\n\nclass BillRecurrencePage extends React.Component {\n\n constructor(props) {\n super(props);\n\n this.state = {\n showForm: false,\n allowFormCancel: false,\n selectedRecurrence: null,\n isRemoveModalOpen: false,\n isSubmitDisabled: false\n };\n\n this.selectRecurrence = this.selectRecurrence.bind(this);\n this.filterRecurrences = this.filterRecurrences.bind(this);\n this.pageRecurrences = this.pageRecurrences.bind(this);\n this.sortRecurrences = this.sortRecurrences.bind(this);\n this.toggleForm = this.toggleForm.bind(this);\n this.toggleSelectedRecurrence = this.toggleSelectedRecurrence.bind(this);\n this.editRecurrence = this.editRecurrence.bind(this);\n this.toggleRemoveModal = this.toggleRemoveModal.bind(this);\n this.removeSelectedRecurrence = this.removeSelectedRecurrence.bind(this);\n this.returnToBillRecurrencesList = this.returnToBillRecurrencesList.bind(this);\n this.saveRecurrence = this.saveRecurrence.bind(this);\n }\n\n componentWillMount() {\n this.authorize();\n this.props.clearBillRecurrences();\n this.props.fetchBillRecurrences();\n this.props.fetchPayMethods({\n bill_recurrence_allowed: true\n });\n }\n\n componentWillReceiveProps(nextProps) {\n this.checkForRecurrences(nextProps);\n this.checkForSavedRecurrence(nextProps);\n this.checkForDeletedRecurrence(nextProps);\n }\n\n authorize() {\n const enabled = this.props.config.bill_recurrence_enabled;\n const hasAccounts = this.props.currentUser.portal_user.has_bill_recurrence_enabled_accounts;\n const autopayEnabled = enabled && hasAccounts;\n if (!autopayEnabled) {\n hashHistory.push('/payer');\n }\n }\n\n checkForRecurrences(nextProps) {\n const data = nextProps.billRecurrences.data;\n const hasRecurrences = data ? (data.total_recurrences > 0) : false;\n const initialScreen = !this.state.selectedRecurrence && !this.state.showForm;\n if (initialScreen && data && !hasRecurrences && !this.state.recurrencesQuery) {\n this.setState({\n showForm: true,\n allowFormCancel: false,\n isSubmitDisabled: false\n });\n }\n }\n\n checkForSavedRecurrence(nextProps) {\n if (nextProps.savedBillRecurrence) {\n this.setState({\n showForm: false,\n selectedRecurrence: nextProps.savedBillRecurrence,\n isSubmitDisabled: false\n });\n this.props.fetchBillRecurrences();\n this.props.clearSavedBillRecurrence();\n }\n }\n\n checkForDeletedRecurrence(nextProps) {\n if (nextProps.deletedBillRecurrence) {\n this.setState({\n isRemoveModalOpen: false,\n selectedRecurrence: null,\n isSubmitDisabled: false\n });\n this.props.fetchBillRecurrences();\n this.props.clearDeletedBillRecurrence();\n }\n }\n\n recurrenceForm() {\n if (this.state.showForm) {\n return (\n \n {this.props.i18n.common.add}\n \n );\n }\n\n filterRecurrences(query) {\n this.setState({ recurrencesQuery: query });\n this.props.fetchBillRecurrences({\n query,\n sort_order: this.state.recurrencesSortOrder\n });\n }\n\n pageRecurrences(page) {\n this.props.fetchBillRecurrences({\n page,\n query: this.state.recurrencesQuery,\n sort_order: this.state.recurrencesSortOrder\n });\n }\n\n sortRecurrences(sortOrder) {\n this.setState({ recurrencesSortOrder: sortOrder });\n this.props.fetchBillRecurrences({\n sort_order: sortOrder,\n query: this.state.recurrencesQuery\n });\n }\n\n selectRecurrence(recurrence) {\n this.setState({ selectedRecurrence: recurrence });\n }\n\n recurrenceOverview() {\n if (this.state.selectedRecurrence && !this.state.showForm) {\n return (\n \n
\n
\n \n {this.props.i18n.portal.payer.autopay.manage_autopay}\n \n \n
\n {this.loading()}\n {this.recurrenceForm()}\n {this.recurrencesTable()}\n {this.recurrenceOverview()}\n
\n
\n
\n {this.removeRecurrenceModal()}\n
\n \n Card details\n \n
\n );\n}\n\nCardSection.propTypes = {\n onError: PropTypes.func,\n clearErrors: PropTypes.func,\n};\n\nexport default CardSection;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport CardSection from './CardSection';\nimport { CardElement, ElementsConsumer } from '@stripe/react-stripe-js';\n\nclass StripeCheckoutForm extends React.Component {\n handleSubmit = async (onSuccess) => {\n const {\n stripeIntent,\n payMethod,\n stripe,\n elements,\n onError\n } = this.props;\n\n if (!stripe || !elements) {\n // Stripe.js has not loaded yet. Make sure to disable\n // form submission until Stripe.js has loaded.\n return;\n }\n\n const result = await stripe.confirmCardSetup(stripeIntent, {\n payment_method: {\n card: elements.getElement(CardElement),\n }\n });\n\n if (result.error) {\n // Dispaly result.error.message\n onError(result.error.message);\n } else {\n // Display success\n payMethod.card_token = result.setupIntent.payment_method;\n onSuccess(payMethod);\n }\n };\n\n render() {\n return (\n \n
\n );\n }\n}\n\nconst StripeForm = React.forwardRef((props, ref) => {\n return (\n \n {({ elements, stripe }) => (\n \n );\n});\n\nStripeCheckoutForm.propTypes = {\n payMethod: PropTypes.object.isRequired,\n stripeIntent: PropTypes.string.isRequired,\n stripe: PropTypes.object,\n elements: PropTypes.object,\n onError: PropTypes.func,\n clearErrors: PropTypes.func,\n};\n\nexport default StripeForm;\n","import * as types from './types';\n\n// Shared actions\nexport function resetScreen() {\n return {\n type: types.RESET_SCREEN\n };\n}\n\nexport function clearErrors() {\n return {\n type: types.CLEAR_ERRORS\n };\n}\n\nexport function setCurrentStep(step) {\n return {\n type: types.SET_CURRENT_STEP,\n payload: step\n };\n}\n\nexport function setAccount(account) {\n return {\n type: types.SET_ACCOUNT,\n payload: account\n };\n}\n\nexport function setPayment(payment) {\n return {\n type: types.SET_PAYMENT,\n payload: payment\n };\n}\n\nexport function toggleSwitchAccountModal() {\n return {\n type: types.TOGGLE_SWITCH_ACCOUNT_MODAL\n };\n}\n\nexport function setConfigPending() {\n return {\n type: types.FETCH_CONFIG_PENDING\n };\n}\n\nexport function createStripeIntent(account) {\n return function(dispatch) {\n dispatch({\n type: types.CREATE_STRIPE_INTENT,\n payload: PayMethodAPI.createStripeIntent(account)\n }).catch((error) => {});\n };\n}\n\n//\n// TODO: Move to appropriate screen/resource actions\n//\nimport ConfigAPI from '../api/configAPI';\nimport UserSessionAPI from '../api/userSessionAPI';\nimport UserAPI from '../api/userAPI';\nimport ResetPasswordAPI from '../api/resetPasswordAPI';\nimport BillAPI from '../api/billAPI';\nimport ReceivableAccountAPI from '../api/receivableAccountAPI';\nimport PaymentAPI from '../api/paymentAPI';\nimport OneTimePaymentAPI from '../api/oneTimePaymentAPI';\nimport PayMethodAPI from '../api/payMethodAPI';\nimport BillRecurrenceAPI from '../api/billRecurrenceAPI';\nimport RecurrenceAccountAPI from '../api/recurrenceAccountAPI';\nimport PortalAccountAPI from '../api/portalAccountAPI';\nimport PortalAgreementAPI from '../api/portalAgreementAPI';\nimport AccountRecurrenceAPI from '../api/accountRecurrenceAPI';\nimport BillDocumentAPI from '../api/billDocumentAPI';\nimport ExternalBillAPI from '../api/externalBillAPI';\nimport ExternalPaymentAPI from '../api/externalPaymentAPI';\nimport PayMethodAssignmentAPI from '../api/payMethodAssignmentAPI';\nimport PortalDocumentAPI from '../api/portalDocumentAPI';\nimport EmailConfirmationAPI from '../api/emailConfirmationAPI';\n\nexport function fetchConfig() {\n return function(dispatch) {\n dispatch({\n type: types.FETCH_CONFIG,\n payload: ConfigAPI.fetchConfig()\n });\n };\n}\n\nexport function login(email, password) {\n return function(dispatch) {\n dispatch({\n type: types.LOGIN,\n payload: UserSessionAPI.create(email, password)\n }).catch((error) => {});\n };\n}\n\nexport function updateUser(user, password = null, email = null) {\n return function(dispatch) {\n dispatch({\n type: types.UPDATE_USER,\n payload: UserAPI.updateUser(user, password, email)\n }).catch((error) => {});\n };\n}\n\nexport function reset(email) {\n return function(dispatch) {\n dispatch({\n type: types.RESET_PASSWORD,\n payload: ResetPasswordAPI.create(email)\n }).catch((error) => {});\n };\n}\n\nexport function updatePassword(token, user) {\n return function(dispatch) {\n dispatch({\n type: types.UPDATE_PASSWORD,\n payload: ResetPasswordAPI.update(token, user)\n }).catch((error) => {});\n };\n}\n\nexport function sendEmailConfirmation(emailAddress, paymentID) {\n return function(dispatch) {\n dispatch({\n type: types.SEND_EMAIL_CONFIRMATION,\n payload: EmailConfirmationAPI.create(emailAddress, paymentID)\n }).catch((error) => {});\n };\n}\n\nexport function clearPasswordResetErrors() {\n return {\n type: types.CLEAR_ERRORS,\n payload: 'passwordReset'\n };\n}\n\nexport function clearLoginErrors() {\n return {\n type: types.CLEAR_ERRORS,\n payload: 'login'\n };\n}\n\nexport function clearUserErrors() {\n return {\n type: types.CLEAR_ERRORS,\n payload: 'user'\n };\n}\n\nexport function setUserErrors(errors) {\n return {\n type: types.SET_ERRORS,\n payload: {\n key: 'user',\n errors\n }\n };\n}\n\nexport function setPayMethodErrors(errors) {\n return {\n type: types.SET_ERRORS,\n payload: {\n key: 'pay_method',\n errors\n }\n };\n}\n\nexport function setPaymentErrors(errors) {\n return {\n type: types.SET_ERRORS,\n payload: {\n key: 'payment',\n errors\n }\n };\n}\n\nexport function setAccountsErrors(errors) {\n return {\n type: types.SET_ERRORS,\n payload: {\n key: 'accounts',\n errors\n }\n };\n}\n\nexport function clearAccountsErrors() {\n return {\n type: types.CLEAR_ERRORS,\n payload: 'accounts'\n };\n}\n\nexport function setOneTimePaymentErrors(errors) {\n return {\n type: types.SET_ERRORS,\n payload: {\n key: 'one_time_payment',\n errors\n }\n };\n}\n\nexport function clearOneTimePaymentErrors() {\n return {\n type: types.CLEAR_ERRORS,\n payload: 'one_time_payment'\n };\n}\n\nexport function logout(redirect) {\n return function(dispatch) {\n dispatch({type: types.LOGOUT_PENDING});\n UserSessionAPI.destroy()\n .then((response) => {\n if (redirect) { redirect(); }\n else {\n dispatch({\n type: types.LOGOUT_FULFILLED,\n payload: response\n });\n }\n })\n .catch((error) => {\n dispatch({\n type: types.LOGOUT_REJECTED,\n payload: error\n });\n });\n };\n}\n\nexport function checkSessionTimeout(redirect) {\n return function(dispatch) {\n dispatch({type: types.SESSION_TIMEOUT_PENDING});\n UserSessionAPI.checkTimeout()\n .then((response) => {\n dispatch({\n type: types.SESSION_TIMEOUT_FULFILLED,\n payload: response\n });\n })\n .catch((error) => {\n if (redirect) { redirect(); }\n else {\n dispatch({\n type: types.SESSION_TIMEOUT_REJECTED,\n payload: error\n });\n }\n });\n };\n}\n\nexport function fetchBillsOverview() {\n return function(dispatch) {\n dispatch({\n type: types.FETCH_BILLS_OVERVIEW,\n payload: BillAPI.fetchOverview()\n });\n };\n}\n\nexport function fetchBills(params = {}) {\n return function(dispatch) {\n dispatch({\n type: types.FETCH_BILLS,\n payload: BillAPI.fetchBills(params)\n });\n };\n}\n\nexport function selectBills(params = {}) {\n return function(dispatch) {\n dispatch({\n type: types.SELECT_BILLS,\n payload: BillAPI.fetchBills({\n ...params,\n all: params.all\n })\n });\n };\n}\n\nexport function selectDueBills(params = {}) {\n return function(dispatch) {\n dispatch({\n type: types.SELECT_BILLS,\n payload: BillAPI.fetchDueBills(params)\n });\n };\n}\n\nexport function clearSelectedBills() {\n return {\n type: types.CLEAR_SELECTED_BILLS\n };\n}\n\nexport function fetchAccounts(portalUser, params = {}) {\n return function(dispatch) {\n dispatch({\n type: types.FETCH_ACCOUNTS,\n payload: ReceivableAccountAPI.fetchAccounts(portalUser, params)\n });\n };\n}\n\nexport function clearAccounts() {\n return {\n type: types.CLEAR_ACCOUNTS\n };\n}\n\nexport function fetchReceivableAccount(account_number,first_name,last_name) {\n return function(dispatch) {\n dispatch({\n type: types.FETCH_RECEIVABLE_ACCOUNT,\n payload: ReceivableAccountAPI.fetchReceivableAccount(account_number,first_name,last_name)\n });\n };\n}\n\nexport function fetchPayments(params) {\n return function(dispatch) {\n dispatch({\n type: types.FETCH_PAYMENTS,\n payload: PaymentAPI.fetchPayments(params)\n });\n };\n}\n\n// TODO:\n// export function fetchBankName(routing_number) {\n// return function(dispatch) {\n// dispatch({\n// type: types.FETCH_OTP_BANK_NAME,\n// payload: OtpAPI.fetchBankName(routing_number)\n// });\n// };\n// }\n\nexport function createOneTimePayment(payment, payMethod, account) {\n return function(dispatch) {\n dispatch({\n type: types.SAVE_PAYMENT,\n payload: OneTimePaymentAPI.createPayment(payment, payMethod, account)\n }).catch((error) => {});\n };\n}\n\nexport function clearPayments() {\n return {\n type: types.CLEAR_PAYMENTS\n };\n}\n\nexport function savePayment(payment, params = {}) {\n return function(dispatch) {\n dispatch({\n type: types.SAVE_PAYMENT,\n payload: PaymentAPI.savePayment(payment, params)\n }).catch((error) => {});\n };\n}\n\nexport function clearPaymentErrors() {\n return {\n type: types.CLEAR_ERRORS,\n payload: 'payment'\n };\n}\n\nexport function clearPayment() {\n return {\n type: types.CLEAR_PAYMENT\n };\n}\n\nexport function clearUpdatedUserCheck() {\n return {\n type: types.CLEAR_UPDATED_USER_CHECK\n };\n}\n\nexport function clearSavedPayment() {\n return {\n type: types.CLEAR_SAVED_PAYMENT\n };\n}\n\nexport function fetchPayMethods(params = {}) {\n return function(dispatch) {\n dispatch({\n type: types.FETCH_PAY_METHODS,\n payload: PayMethodAPI.fetchPayMethods(params)\n });\n };\n}\n\nexport function savePayMethod(payMethod, params = {}) {\n return function(dispatch) {\n dispatch({\n type: types.SAVE_PAY_METHOD,\n payload: PayMethodAPI.savePayMethod(payMethod, params)\n }).catch((error) => {});\n };\n}\n\nexport function clearSavePayMethodErrors() {\n return {\n type: types.CLEAR_ERRORS,\n payload: 'pay_method'\n };\n}\n\nexport function deletePayMethod(payMethod) {\n return function(dispatch) {\n dispatch({\n type: types.DELETE_PAY_METHOD,\n payload: PayMethodAPI.deletePayMethod(payMethod)\n });\n };\n}\n\nexport function clearDeletedPayMethod() {\n return {\n type: types.CLEAR_DELETED_PAY_METHOD\n };\n}\n\n\nexport function clearSavedPayMethod() {\n return {\n type: types.CLEAR_SAVED_PAY_METHOD\n };\n}\n\nexport function clearDocsAdded() {\n return {\n type: types.CLEAR_DOCS_ADDED\n };\n}\n\nexport function fetchPortalUsers(payer) {\n return function(dispatch) {\n dispatch({\n type: types.FETCH_PORTAL_USERS,\n payload: UserAPI.fetchPortalUsers(payer)\n });\n };\n}\n\nexport function fetchBillDocuments(billId, external = false) {\n return function(dispatch) {\n dispatch({\n type: types.FETCH_BILL_DOCUMENTS,\n payload: BillDocumentAPI.fetchBillDocuments(billId, external)\n });\n };\n}\n\nexport function fetchPayMethodAssignments(portalUser) {\n return function(dispatch) {\n dispatch({\n type: types.FETCH_PAY_METHOD_ASSIGNMENTS,\n payload: PayMethodAssignmentAPI.fetchPayMethodAssignments(portalUser)\n });\n };\n}\n\nexport function createPayMethodAssignment(portalUser, payMethod) {\n return function(dispatch) {\n dispatch({\n type: types.CREATE_PAY_METHOD_ASSIGNMENT,\n payload: PayMethodAssignmentAPI.createPayMethodAssignment(portalUser, payMethod)\n });\n };\n}\n\nexport function deletePayMethodAssignment(portalUser, payMethod) {\n return function(dispatch) {\n dispatch({\n type: types.DELETE_PAY_METHOD_ASSIGNMENT,\n payload: PayMethodAssignmentAPI.deletePayMethodAssignment(portalUser, payMethod)\n });\n };\n}\n\nexport function clearPayMethodAssignments() {\n return {\n type: types.CLEAR_PAY_METHOD_ASSIGNMENTS\n };\n}\n\nexport function fetchExternalBillDocuments(bill) {\n return fetchBillDocuments(bill.id,\n {\n external: true\n });\n}\n\nexport function clearBillDocuments() {\n return {\n type: types.CLEAR_BILL_DOCUMENTS\n };\n}\n\nexport function fetchExternalBills(params = {}) {\n return function(dispatch) {\n dispatch({\n type: types.FETCH_EXTERNAL_BILLS,\n payload: ExternalBillAPI.fetchExternalBills(params)\n });\n };\n}\n\nexport function fetchExternalPayments(params = {}) {\n return function(dispatch) {\n dispatch({\n type: types.FETCH_EXTERNAL_PAYMENTS,\n payload: ExternalPaymentAPI.fetchExternalPayments(params)\n });\n };\n}\n\nexport function fetchExternalPayment(id) {\n return function(dispatch) {\n dispatch({\n type: types.FETCH_EXTERNAL_PAYMENT,\n payload: ExternalPaymentAPI.fetchExternalPayment(id)\n });\n };\n}\n\nexport function clearExternalPayment() {\n return {\n type: types.CLEAR_EXTERNAL_PAYMENT\n };\n}\n\nexport function deletePayment(payment) {\n return function(dispatch) {\n dispatch({\n type: types.DELETE_PAYMENT,\n payload: PaymentAPI.deletePayment(payment)\n });\n };\n}\n\nexport function clearDeletedPayment() {\n return {\n type: types.CLEAR_DELETED_PAYMENT\n };\n}\n\nexport function fetchBillRecurrences(params = {}) {\n return function(dispatch) {\n dispatch({\n type: types.FETCH_BILL_RECURRENCES,\n payload: BillRecurrenceAPI.fetchBillRecurrences(params)\n });\n };\n}\n\nexport function clearBillRecurrences() {\n return {\n type: types.CLEAR_BILL_RECURRENCES\n };\n}\n\nexport function fetchBillRecurrence(portalPayer, billRecurrenceId) {\n return function(dispatch) {\n dispatch({\n type: types.FETCH_BILL_RECURRENCE,\n payload: BillRecurrenceAPI.fetchBillRecurrence(portalPayer, billRecurrenceId)\n });\n };\n}\n\nexport function fetchRecurrenceAccounts(recurrence, params = {}) {\n return function(dispatch) {\n dispatch({\n type: types.FETCH_RECURRENCE_ACCOUNTS,\n payload: RecurrenceAccountAPI.fetchRecurrenceAccounts(recurrence, params)\n });\n };\n}\n\nexport function clearRecurrenceAccounts() {\n return {\n type: types.CLEAR_RECURRENCE_ACCOUNTS\n };\n}\n\nexport function saveBillRecurrence(recurrence) {\n return function(dispatch) {\n dispatch({\n type: types.SAVE_BILL_RECURRENCE,\n payload: BillRecurrenceAPI.saveBillRecurrence(recurrence)\n });\n };\n}\n\nexport function clearSavedBillRecurrence() {\n return {\n type: types.CLEAR_SAVED_BILL_RECURRENCE\n };\n}\n\nexport function createRecurrenceAccount(recurrence, params = {}) {\n return function(dispatch) {\n dispatch({\n type: types.CREATE_RECURRENCE_ACCOUNT,\n payload: RecurrenceAccountAPI.createRecurrenceAccount(recurrence, params)\n });\n };\n}\n\nexport function clearCreatedRecurrenceAccount() {\n return {\n type: types.CLEAR_CREATED_RECURRENCE_ACCOUNT\n };\n}\n\nexport function fetchPortalAccounts(params = {}) {\n return function(dispatch) {\n dispatch({\n type: types.FETCH_PORTAL_ACCOUNTS,\n payload: PortalAccountAPI.fetchPortalAccounts(params)\n });\n };\n}\n\nexport function clearPortalAccounts() {\n return {\n type: types.CLEAR_PORTAL_ACCOUNTS\n };\n}\n\nexport function deleteRecurrenceAccount(recurrence, account) {\n return function(dispatch) {\n dispatch({\n type: types.DELETE_RECURRENCE_ACCOUNT,\n payload: RecurrenceAccountAPI.deleteRecurrenceAccount(recurrence, account)\n });\n };\n}\n\nexport function clearDeletedRecurrenceAccount() {\n return {\n type: types.CLEAR_DELETED_RECURRENCE_ACCOUNT\n };\n}\n\nexport function editBillRecurrence(portalPayer, recurrence) {\n return function(dispatch) {\n dispatch({\n type: types.EDIT_BILL_RECURRENCE,\n payload: BillRecurrenceAPI.editBillRecurrence(portalPayer, recurrence)\n });\n };\n}\n\nexport function deleteBillRecurrence(recurrence) {\n return function(dispatch) {\n dispatch({\n type: types.DELETE_BILL_RECURRENCE,\n payload: BillRecurrenceAPI.deleteBillRecurrence(recurrence)\n });\n };\n}\n\nexport function clearDeletedBillRecurrence() {\n return {\n type: types.CLEAR_DELETED_BILL_RECURRENCE\n };\n}\n\nexport function deleteAccountRecurrence(recurrence) {\n return function(dispatch) {\n dispatch({\n type: types.DELETE_ACCOUNT_RECURRENCE,\n payload: AccountRecurrenceAPI.deleteAccountRecurrence(recurrence)\n });\n };\n}\n\nexport function clearDeletedAccountRecurrence() {\n return {\n type: types.CLEAR_DELETED_ACCOUNT_RECURRENCE\n };\n}\n\nexport function createAccountRecurrence(recurrence) {\n return function(dispatch) {\n dispatch({\n type: types.CREATE_ACCOUNT_RECURRENCE,\n payload: AccountRecurrenceAPI.createAccountRecurrence(recurrence)\n }).catch((error) => {});\n };\n}\n\nexport function createPortalAgreement(portalUser) {\n return function(dispatch) {\n dispatch({\n type: types.CREATE_PORTAL_AGREEMENT,\n payload: PortalAgreementAPI.createPortalAgreement(portalUser)\n });\n };\n}\n\nexport function clearCreatedAccountRecurrence() {\n return {\n type: types.CLEAR_CREATED_ACCOUNT_RECURRENCE\n };\n}\n\nexport function clearPasswordReset() {\n return {\n type: types.CLEAR_PASSWORD_RESET\n };\n}\n\nexport function createPortalDocument(portalPayment, file, splitId = null) {\n return {\n type: types.CREATE_PORTAL_DOCUMENT,\n payload: PortalDocumentAPI.createPortalDocument(portalPayment, file, splitId)\n };\n}\n\nexport function deletePortalDocument(portalPayment, file) {\n return {\n type: types.DELETE_PORTAL_DOCUMENT,\n payload: PortalDocumentAPI.deletePortalDocument(portalPayment, file)\n };\n}\n","export const FETCH_PAYMENT = 'FETCH_PAYMENT';\nexport const FETCH_PAYMENT_FULFILLED = 'FETCH_PAYMENT_FULFILLED';\nexport const FETCH_PAYMENT_PENDING = 'FETCH_PAYMENT_PENDING';\nexport const FETCH_PAYMENT_REJECTED = 'FETCH_PAYMENT_REJECTED';\n\nexport const FETCH_STAGED_PAYMENT = 'FETCH_STAGED_PAYMENT';\nexport const FETCH_STAGED_PAYMENT_FULFILLED = 'FETCH_STAGED_PAYMENT_FULFILLED';\nexport const FETCH_STAGED_PAYMENT_PENDING = 'FETCH_STAGED_PAYMENT_PENDING';\nexport const FETCH_STAGED_PAYMENT_REJECTED = 'FETCH_STAGED_PAYMENT_REJECTED';\n\nexport const CONFIRM_PAYMENT = 'CONFIRM_PAYMENT';\nexport const CONFIRM_PAYMENT_FULFILLED = 'CONFIRM_PAYMENT_FULFILLED';\nexport const CONFIRM_PAYMENT_PENDING = 'CONFIRM_PAYMENT_PENDING';\nexport const CONFIRM_PAYMENT_REJECTED = 'CONFIRM_PAYMENT_REJECTED';\n\nexport const UPDATE_PAYMENT = 'UPDATE_PAYMENT';\nexport const UPDATE_PAYMENT_FULFILLED = 'UPDATE_PAYMENT_FULFILLED';\nexport const UPDATE_PAYMENT_PENDING = 'UPDATE_PAYMENT_PENDING';\nexport const UPDATE_PAYMENT_REJECTED = 'UPDATE_PAYMENT_REJECTED';\n","export const FETCH_SPLITS = 'FETCH_SPLITS';\nexport const FETCH_SPLITS_FULFILLED = 'FETCH_SPLITS_FULFILLED';\nexport const FETCH_SPLITS_PENDING = 'FETCH_SPLITS_PENDING';\nexport const FETCH_SPLITS_REJECTED = 'FETCH_SPLITS_REJECTED';\n\nexport const SAVE_SPLIT = 'SAVE_SPLIT';\nexport const SAVE_SPLIT_FULFILLED = 'SAVE_SPLIT_FULFILLED';\nexport const SAVE_SPLIT_PENDING = 'SAVE_SPLIT_PENDING';\nexport const SAVE_SPLIT_REJECTED = 'SAVE_SPLIT_REJECTED';\n\nexport const SAVE_SPLITS = 'SAVE_SPLITS';\nexport const SAVE_SPLITS_FULFILLED = 'SAVE_SPLITS_FULFILLED';\nexport const SAVE_SPLITS_PENDING = 'SAVE_SPLITS_PENDING';\nexport const SAVE_SPLITS_REJECTED = 'SAVE_SPLITS_REJECTED';\n\nexport const UPDATE_SPLIT = 'UPDATE_SPLIT';\nexport const UPDATE_SPLIT_FULFILLED = 'UPDATE_SPLIT_FULFILLED';\nexport const UPDATE_SPLIT_PENDING = 'UPDATE_SPLIT_PENDING';\nexport const UPDATE_SPLIT_REJECTED = 'UPDATE_SPLIT_REJECTED';\n\nexport const DELETE_SPLIT = 'DELETE_SPLIT';\nexport const DELETE_SPLIT_FULFILLED = 'DELETE_SPLIT_FULFILLED';\nexport const DELETE_SPLIT_PENDING = 'DELETE_SPLIT_PENDING';\nexport const DELETE_SPLIT_REJECTED = 'DELETE_SPLIT_REJECTED';\n\nexport const DELETE_ALL_SPLITS = 'DELETE_ALL_SPLITS';\nexport const DELETE_ALL_SPLITS_FULFILLED = 'DELETE_ALL_SPLITS_FULFILLED';\nexport const DELETE_ALL_SPLITS_PENDING = 'DELETE_ALL_SPLITS_PENDING';\nexport const DELETE_ALL_SPLITS_REJECTED = 'DELETE_ALL_SPLITS_REJECTED';\n","export const SUBSCRIBE = 'SUBSCRIBE';\nexport const SUBSCRIBE_FULFILLED = 'SUBSCRIBE_FULFILLED';\nexport const SUBSCRIBE_PENDING = 'SUBSCRIBE_PENDING';\nexport const SUBSCRIBE_REJECTED = 'SUBSCRIBE_REJECTED';\n\nexport const UNSUBSCRIBE = 'UNSUBSCRIBE';\nexport const UNSUBSCRIBE_FULFILLED = 'UNSUBSCRIBE_FULFILLED';\nexport const UNSUBSCRIBE_PENDING = 'UNSUBSCRIBE_PENDING';\nexport const UNSUBSCRIBE_REJECTED = 'UNSUBSCRIBE_REJECTED';","export const SET_SPLIT = 'SET_SPLIT';\nexport const SET_CREDIT_CARD_ENABLED = 'SET_CREDIT_CARD_ENABLED';\nexport const SET_SPLITS_VALID = 'SET_SPLITS_VALID';\nexport const SET_VIEW_ONLY = 'SET_VIEW_ONLY';\nexport const ADD_BILL_FILTER = 'ADD_BILL_FILTER';\nexport const REMOVE_BILL_FILTER = 'REMOVE_BILL_FILTER';\nexport const CLEAR_BILL_FILTERS = 'CLEAR_BILL_FILTERS';\nexport const SET_ACTIVE_TAB = 'SET_ACTIVE_TAB';\nexport const TOGGLE_MIX_KEY_MODAL = 'TOGGLE_MIX_KEY_MODAL';\nexport const TOGGLE_REMOVE_ALL_CONFIRMATION_MODAL = 'TOGGLE_REMOVE_ALL_CONFIRMATION_MODAL';\nexport const TOGGLE_PLASTIQ_CONFIRMATION_MODAL = 'TOGGLE_PLASTIQ_CONFIRMATION_MODAL';\nexport const TOGGLE_CREDIT_CARD_MODAL = 'TOGGLE_CREDIT_CARD_MODAL';\nexport const SET_CONFIRMATION_SPLIT = 'SET_CONFIRMATION_SPLIT';\nexport const SET_SELECTED_SPLIT = 'SET_SELECTED_SPLIT';\nexport const SET_BILLS_QUERY = 'SET_BILLS_QUERY';\nexport const SET_SPLITS_QUERY = 'SET_SPLITS_QUERY';\nexport const SET_BILLS_SORT_ORDER = 'SET_BILLS_SORT_ORDER';\nexport const SET_SPLITS_SORT_ORDER = 'SET_SPLITS_SORT_ORDER';\nexport const SET_ACCOUNTS_QUERY = 'SET_ACCOUNTS_QUERY';\nexport const SET_ACCOUNTS_SORT_ORDER = 'SET_ACCOUNTS_SORT_ORDER';\nexport const SET_ACCOUNTS_PAGE = 'SET_ACCOUNTS_PAGE';\n\nexport const FETCH_PAY_TO_ACCOUNTS = 'FETCH_PAY_TO_ACCOUNTS';\nexport const FETCH_PAY_TO_ACCOUNTS_FULFILLED = 'FETCH_PAY_TO_ACCOUNTS_FULFILLED';\nexport const FETCH_PAY_TO_ACCOUNTS_PENDING = 'FETCH_PAY_TO_ACCOUNTS_PENDING';\nexport const FETCH_PAY_TO_ACCOUNTS_REJECTED = 'FETCH_PAY_TO_ACCOUNTS_REJECTED';\n","export const UNCONFIRM_PAYMENT = 'UNCONFIRM_PAYMENT';\nexport const UNCONFIRM_PAYMENT_FULFILLED = 'UNCONFIRM_PAYMENT_FULFILLED';\nexport const UNCONFIRM_PAYMENT_PENDING = 'UNCONFIRM_PAYMENT_PENDING';\nexport const UNCONFIRM_PAYMENT_REJECTED = 'UNCONFIRM_PAYMENT_REJECTED';\n\nexport const CLEAR_UNCONFIRMED_PAYMENT = 'CLEAR_UNCONFIRMED_PAYMENT';\nexport const CLEAR_ACCOUNT_RECURRENCE_ERRORS = 'CLEAR_ACCOUNT_RECURRENCE_ERRORS';\n\nexport const HIDE_WELCOME = 'HIDE_WELCOME';\n","export const CREATE_REGISTRATION = 'CREATE_REGISTRATION';\nexport const CREATE_REGISTRATION_PENDING = 'CREATE_REGISTRATION_PENDING';\nexport const CREATE_REGISTRATION_FULFILLED = 'CREATE_REGISTRATION_FULFILLED';\nexport const CREATE_REGISTRATION_REJECTED = 'CREATE_REGISTRATION_REJECTED';\n\nexport const CREATE_REGISTRATION_ACCOUNT = 'CREATE_REGISTRATION_ACCOUNT';\nexport const CREATE_REGISTRATION_ACCOUNT_PENDING = 'CREATE_REGISTRATION_ACCOUNT_PENDING';\nexport const CREATE_REGISTRATION_ACCOUNT_FULFILLED = 'CREATE_REGISTRATION_ACCOUNT_FULFILLED';\nexport const CREATE_REGISTRATION_ACCOUNT_REJECTED = 'CREATE_REGISTRATION_ACCOUNT_REJECTED';\n\nexport const CREATE_USER = 'CREATE_USER';\nexport const CREATE_USER_PENDING = 'CREATE_USER_PENDING';\nexport const CREATE_USER_FULFILLED = 'CREATE_USER_FULFILLED';\nexport const CREATE_USER_REJECTED = 'CREATE_USER_REJECTED';\n\nexport const NEW_ACCOUNT = 'NEW_ACCOUNT';\n","// Resource types\nexport * from './resources/payment/types';\nexport * from './resources/split/types';\n\n// Screen types\nexport * from './screens/registration/types';\nexport * from './screens/dashboard/types';\nexport * from './screens/bill_payment/types';\nexport * from './screens/account/types';\n\n// Shared types\nexport const RESET_SCREEN = 'RESET_SCREEN';\nexport const CLEAR_ERRORS = 'CLEAR_ERRORS';\nexport const SET_ERRORS = 'SET_ERRORS';\nexport const SET_CURRENT_STEP = 'SET_CURRENT_STEP';\nexport const SET_ACCOUNT = 'SET_ACCOUNT';\nexport const SET_PAYMENT = 'SET_PAYMENT';\nexport const TOGGLE_SWITCH_ACCOUNT_MODAL = 'TOGGLE_SWITCH_ACCOUNT_MODAL';\n\n//\n// TODO: Move to appropriate state types\n//\nexport const FETCH_CONFIG = 'FETCH_CONFIG';\nexport const FETCH_CONFIG_PENDING = 'FETCH_CONFIG_PENDING';\nexport const FETCH_CONFIG_FULFILLED = 'FETCH_CONFIG_FULFILLED';\n\nexport const UPDATE_USER = 'UPDATE_USER';\nexport const UPDATE_USER_FULFILLED = 'UPDATE_USER_FULFILLED';\nexport const UPDATE_USER_REJECTED = 'UPDATE_USER_REJECTED';\n\nexport const LOGIN = 'LOGIN';\nexport const LOGIN_FULFILLED = 'LOGIN_FULFILLED';\nexport const LOGIN_PENDING = 'LOGIN_PENDING';\nexport const LOGIN_REJECTED = 'LOGIN_REJECTED';\n\nexport const RESET_PASSWORD = 'RESET_PASSWORD';\nexport const RESET_PASSWORD_FULFILLED = 'RESET_PASSWORD_FULFILLED';\nexport const RESET_PASSWORD_PENDING = 'RESET_PASSWORD_PENDING';\nexport const RESET_PASSWORD_REJECTED = 'RESET_PASSWORD_REJECTED';\n\nexport const UPDATE_PASSWORD = 'UPDATE_PASSWORD';\nexport const UPDATE_PASSWORD_FULFILLED = 'UPDATE_PASSWORD_FULFILLED';\nexport const UPDATE_PASSWORD_PENDING = 'UPDATE_PASSWORD_PENDING';\nexport const UPDATE_PASSWORD_REJECTED = 'UPDATE_PASSWORD_REJECTED';\n\nexport const SEND_EMAIL_CONFIRMATION = 'SEND_EMAIL_CONFIRMATION';\nexport const SEND_EMAIL_CONFIRMATION_FULFILLED = 'SEND_EMAIL_CONFIRMATION_FULFILLED';\nexport const SEND_EMAIL_CONFIRMATION_PENDING = 'SEND_EMAIL_CONFIRMATION_PENDING';\nexport const SEND_EMAIL_CONFIRMATIO_REJECTED = 'SEND_EMAIL_CONFIRMATIO_REJECTED';\n\nexport const CLEAR_PASSWORD_RESET = 'CLEAR_PASSWORD_RESET';\n\nexport const CLEAR_UPDATED_USER_CHECK = 'CLEAR_UPDATED_USER_CHECK';\n\nexport const LOGOUT = 'LOGOUT';\nexport const LOGOUT_FULFILLED = 'LOGOUT_FULFILLED';\nexport const LOGOUT_PENDING = 'LOGOUT_PENDING';\nexport const LOGOUT_REJECTED = 'LOGOUT_REJECTED';\n\nexport const SESSION_TIMEOUT = 'SESSION_TIMEOUT';\nexport const SESSION_TIMEOUT_FULFILLED = 'SESSION_TIMEOUT_FULFILLED';\nexport const SESSION_TIMEOUT_PENDING = 'SESSION_TIMEOUT_PENDING';\nexport const SESSION_TIMEOUT_REJECTED = 'SESSION_TIMEOUT_REJECTED';\n\nexport const FETCH_BILLS_OVERVIEW = 'FETCH_BILLS_OVERVIEW';\nexport const FETCH_BILLS_OVERVIEW_FULFILLED = 'FETCH_BILLS_OVERVIEW_FULFILLED';\nexport const FETCH_BILLS_OVERVIEW_PENDING = 'FETCH_BILLS_OVERVIEW_PENDING';\nexport const FETCH_BILLS_OVERVIEW_REJECTED = 'FETCH_BILLS_OVERVIEW_REJECTED';\n\nexport const FETCH_BILLS = 'FETCH_BILLS';\nexport const FETCH_BILLS_FULFILLED = 'FETCH_BILLS_FULFILLED';\nexport const FETCH_BILLS_PENDING = 'FETCH_BILLS_PENDING';\nexport const FETCH_BILLS_REJECTED = 'FETCH_BILLS_REJECTED';\n\nexport const CLEAR_BILLS_DATA = 'CLEAR_BILLS_DATA';\n\nexport const SELECT_BILLS = 'SELECT_BILLS';\nexport const SELECT_BILLS_FULFILLED = 'SELECT_BILLS_FULFILLED';\nexport const SELECT_BILLS_PENDING = 'SELECT_BILLS_PENDING';\nexport const SELECT_BILLS_REJECTED = 'SELECT_BILLS_REJECTED';\n\nexport const CLEAR_SELECTED_BILLS = 'CLEAR_SELECTED_BILLS';\n\nexport const FETCH_ACCOUNTS = 'FETCH_ACCOUNTS';\nexport const FETCH_ACCOUNTS_FULFILLED = 'FETCH_ACCOUNTS_FULFILLED';\nexport const FETCH_ACCOUNTS_PENDING = 'FETCH_ACCOUNTS_PENDING';\nexport const FETCH_ACCOUNTS_REJECTED = 'FETCH_ACCOUNTS_REJECTED';\n\nexport const CLEAR_ACCOUNTS = 'CLEAR_ACCOUNTS';\n\nexport const FETCH_RECEIVABLE_ACCOUNT = 'FETCH_RECEIVABLE_ACCOUNT';\nexport const FETCH_RECEIVABLE_ACCOUNT_FULFILLED = 'FETCH_RECEIVABLE_ACCOUNT_FULFILLED';\n\nexport const FETCH_PAYMENTS = 'FETCH_PAYMENTS';\nexport const FETCH_PAYMENTS_PENDING = 'FETCH_PAYMENTS_PENDING';\nexport const FETCH_PAYMENTS_FULFILLED = 'FETCH_PAYMENTS_FULFILLED';\nexport const FETCH_PAYMENTS_REJECTED = 'FETCH_PAYMENTS_REJECTED';\n\nexport const FETCH_OTP_BANK_NAME = 'FETCH_OTP_BANK_NAME';\nexport const FETCH_OTP_BANK_NAME_PENDING = 'FETCH_OTP_BANK_NAME_PENDING';\nexport const FETCH_OTP_BANK_NAME_FULFILLED = 'FETCH_OTP_BANK_NAME_FULFILLED';\nexport const FETCH_OTP_BANK_NAME_REJECTED = 'FETCH_OTP_BANK_NAME_REJECTED';\n\nexport const CLEAR_PAYMENTS = 'CLEAR_PAYMENTS';\nexport const CLEAR_PAYMENT = 'CLEAR_PAYMENT';\nexport const CLEAR_SAVED_PAYMENT = 'CLEAR_SAVED_PAYMENT';\n\nexport const SAVE_PAYMENT = 'SAVE_PAYMENT';\nexport const SAVE_PAYMENT_PENDING = 'SAVE_PAYMENT_PENDING';\nexport const SAVE_PAYMENT_FULFILLED = 'SAVE_PAYMENT_FULFILLED';\nexport const SAVE_PAYMENT_REJECTED = 'SAVE_PAYMENT_REJECTED';\n\nexport const FETCH_PAY_METHODS = 'FETCH_PAY_METHODS';\nexport const FETCH_PAY_METHODS_FULFILLED = 'FETCH_PAY_METHODS_FULFILLED';\nexport const FETCH_PAY_METHODS_PENDING = 'FETCH_PAY_METHODS_PENDING';\nexport const FETCH_PAY_METHODS_REJECTED = 'FETCH_PAY_METHODS_REJECTED';\n\nexport const SAVE_PAY_METHOD = 'SAVE_PAY_METHOD';\nexport const SAVE_PAY_METHOD_FULFILLED = 'SAVE_PAY_METHOD_FULFILLED';\nexport const SAVE_PAY_METHOD_PENDING = 'SAVE_PAY_METHOD_PENDING';\nexport const SAVE_PAY_METHOD_REJECTED = 'SAVE_PAY_METHOD_REJECTED';\n\nexport const CLEAR_SAVED_PAY_METHOD = 'CLEAR_SAVED_PAY_METHOD';\n\nexport const CLEAR_DOCS_ADDED = 'CLEAR_DOCS_ADDED';\n\nexport const DELETE_PAY_METHOD = 'DELETE_PAY_METHOD';\nexport const DELETE_PAY_METHOD_PENDING = 'DELETE_PAY_METHOD_PENDING';\nexport const DELETE_PAY_METHOD_FULFILLED = 'DELETE_PAY_METHOD_FULFILLED';\nexport const DELETE_PAY_METHOD_REJECTED = 'DELETE_PAY_METHOD_REJECTED';\n\nexport const CLEAR_DELETED_PAY_METHOD = 'CLEAR_DELETED_PAY_METHOD';\n\nexport const FETCH_PORTAL_USERS = 'FETCH_PORTAL_USERS';\nexport const FETCH_PORTAL_USERS_FULFILLED = 'FETCH_PORTAL_USERS_FULFILLED';\nexport const FETCH_PORTAL_USERS_PENDING = 'FETCH_PORTAL_USERS_PENDING';\nexport const FETCH_PORTAL_USERS_REJECTED = 'FETCH_PORTAL_USERS_REJECTED';\n\nexport const FETCH_PAY_METHOD_ASSIGNMENTS = 'FETCH_PAY_METHOD_ASSIGNMENTS';\nexport const FETCH_PAY_METHOD_ASSIGNMENTS_FULFILLED = 'FETCH_PAY_METHOD_ASSIGNMENTS_FULFILLED';\nexport const FETCH_PAY_METHOD_ASSIGNMENTS_PENDING = 'FETCH_PAY_METHOD_ASSIGNMENTS_PENDING';\nexport const FETCH_PAY_METHOD_ASSIGNMENTS_REJECTED = 'FETCH_PAY_METHOD_ASSIGNMENTS_REJECTED';\n\nexport const CREATE_PORTAL_AGREEMENT = 'CREATE_PORTAL_AGREEMENT';\nexport const CREATE_PORTAL_AGREEMENT_FULFILLED = 'CREATE_PORTAL_AGREEMENT_FULFILLED';\nexport const CREATE_PORTAL_AGREEMENT_PENDING = 'CREATE_PORTAL_AGREEMENT_PENDING';\nexport const CREATE_PORTAL_AGREEMENT_REJECTED = 'CREATE_PORTAL_AGREEMENT_REJECTED';\n\nexport const CREATE_PORTAL_DOCUMENT = 'CREATE_PORTAL_DOCUMENT';\nexport const CREATE_PORTAL_DOCUMENT_FULFILLED = 'CREATE_PORTAL_DOCUMENT_FULFILLED';\nexport const CREATE_PORTAL_DOCUMENT_PENDING = 'CREATE_PORTAL_DOCUMENT_PENDING';\nexport const CREATE_PORTAL_DOCUMENT_REJECTED = 'CREATE_PORTAL_DOCUMENT_REJECTED';\n\nexport const DELETE_PORTAL_DOCUMENT = 'DELETE_PORTAL_DOCUMENT';\nexport const DELETE_PORTAL_DOCUMENT_FULFILLED = 'DELETE_PORTAL_DOCUMENT_FULFILLED';\nexport const DELETE_PORTAL_DOCUMENT_PENDING = 'DELETE_PORTAL_DOCUMENT_PENDING';\nexport const DELETE_PORTAL_DOCUMENT_REJECTED = 'DELETE_PORTAL_DOCUMENT_REJECTED';\n\nexport const CLEAR_PAY_METHOD_ASSIGNMENTS = 'CLEAR_PAY_METHOD_ASSIGNMENTS';\n\nexport const CREATE_PAY_METHOD_ASSIGNMENT = 'CREATE_PAY_METHOD_ASSIGNMENT';\nexport const CREATE_PAY_METHOD_ASSIGNMENT_FULFILLED = 'CREATE_PAY_METHOD_ASSIGNMENT_FULFILLED';\nexport const CREATE_PAY_METHOD_ASSIGNMENT_PENDING = 'CREATE_PAY_METHOD_ASSIGNMENT_PENDING';\nexport const CREATE_PAY_METHOD_ASSIGNMENT_REJECTED = 'CREATE_PAY_METHOD_ASSIGNMENT_REJECTED';\n\nexport const DELETE_PAY_METHOD_ASSIGNMENT = 'DELETE_PAY_METHOD_ASSIGNMENT';\nexport const DELETE_PAY_METHOD_ASSIGNMENT_FULFILLED = 'DELETE_PAY_METHOD_ASSIGNMENT_FULFILLED';\nexport const DELETE_PAY_METHOD_ASSIGNMENT_PENDING = 'DELETE_PAY_METHOD_ASSIGNMENT_PENDING';\nexport const DELETE_PAY_METHOD_ASSIGNMENT_REJECTED = 'DELETE_PAY_METHOD_ASSIGNMENT_REJECTED';\n\nexport const FETCH_BILL_RECURRENCE = 'FETCH_BILL_RECURRENCE';\nexport const FETCH_BILL_RECURRENCE_PENDING = 'FETCH_BILL_RECURRENCE_PENDING';\nexport const FETCH_BILL_RECURRENCE_FULFILLED = 'FETCH_BILL_RECURRENCE_FULFILLED';\nexport const FETCH_BILL_RECURRENCE_REJECTED = 'FETCH_BILL_RECURRENCE_REJECTED';\n\nexport const FETCH_BILL_RECURRENCES = 'FETCH_BILL_RECURRENCES';\nexport const FETCH_BILL_RECURRENCES_PENDING = 'FETCH_BILL_RECURRENCES_PENDING';\nexport const FETCH_BILL_RECURRENCES_FULFILLED = 'FETCH_BILL_RECURRENCES_FULFILLED';\nexport const FETCH_BILL_RECURRENCES_REJECTED = 'FETCH_BILL_RECURRENCES_REJECTED';\n\nexport const CLEAR_BILL_RECURRENCES = 'CLEAR_BILL_RECURRENCES';\n\nexport const FETCH_RECURRENCE_ACCOUNTS = 'FETCH_RECURRENCE_ACCOUNTS';\nexport const FETCH_RECURRENCE_ACCOUNTS_PENDING = 'FETCH_RECURRENCE_ACCOUNTS_PENDING';\nexport const FETCH_RECURRENCE_ACCOUNTS_FULFILLED = 'FETCH_RECURRENCE_ACCOUNTS_FULFILLED';\nexport const FETCH_RECURRENCE_ACCOUNTS_REJECTED = 'FETCH_RECURRENCE_ACCOUNTS_REJECTED';\n\nexport const CLEAR_RECURRENCE_ACCOUNTS = 'CLEAR_RECURRENCE_ACCOUNTS';\n\nexport const SAVE_BILL_RECURRENCE = 'SAVE_BILL_RECURRENCE';\nexport const SAVE_BILL_RECURRENCE_PENDING = 'SAVE_BILL_RECURRENCE_PENDING';\nexport const SAVE_BILL_RECURRENCE_FULFILLED = 'SAVE_BILL_RECURRENCE_FULFILLED';\nexport const SAVE_BILL_RECURRENCE_REJECTED = 'SAVE_BILL_RECURRENCE_REJECTED';\n\nexport const CLEAR_SAVED_BILL_RECURRENCE = 'CLEAR_SAVED_BILL_RECURRENCE';\n\nexport const FETCH_PORTAL_ACCOUNTS = 'FETCH_PORTAL_ACCOUNTS';\nexport const FETCH_PORTAL_ACCOUNTS_PENDING = 'FETCH_PORTAL_ACCOUNTS_PENDING';\nexport const FETCH_PORTAL_ACCOUNTS_FULFILLED = 'FETCH_PORTAL_ACCOUNTS_FULFILLED';\nexport const FETCH_PORTAL_ACCOUNTS_REJECTED = 'FETCH_PORTAL_ACCOUNTS_REJECTED';\n\nexport const CLEAR_PORTAL_ACCOUNTS = 'CLEAR_PORTAL_ACCOUNTS';\n\nexport const CREATE_RECURRENCE_ACCOUNT = 'CREATE_RECURRENCE_ACCOUNT';\nexport const CREATE_RECURRENCE_ACCOUNT_PENDING = 'CREATE_RECURRENCE_ACCOUNT_PENDING';\nexport const CREATE_RECURRENCE_ACCOUNT_FULFILLED = 'CREATE_RECURRENCE_ACCOUNT_FULFILLED';\nexport const CREATE_RECURRENCE_ACCOUNT_REJECTED = 'CREATE_RECURRENCE_ACCOUNT_REJECTED';\n\nexport const CLEAR_CREATED_RECURRENCE_ACCOUNT = 'CLEAR_CREATED_RECURRENCE_ACCOUNT';\n\nexport const DELETE_RECURRENCE_ACCOUNT = 'DELETE_RECURRENCE_ACCOUNT';\nexport const DELETE_RECURRENCE_ACCOUNT_PENDING = 'DELETE_RECURRENCE_ACCOUNT_PENDING';\nexport const DELETE_RECURRENCE_ACCOUNT_FULFILLED = 'DELETE_RECURRENCE_ACCOUNT_FULFILLED';\nexport const DELETE_RECURRENCE_ACCOUNT_REJECTED = 'DELETE_RECURRENCE_ACCOUNT_REJECTED';\n\nexport const CLEAR_DELETED_RECURRENCE_ACCOUNT = 'CLEAR_DELETED_RECURRENCE_ACCOUNT';\n\nexport const DELETE_BILL_RECURRENCE = 'DELETE_BILL_RECURRENCE';\nexport const DELETE_BILL_RECURRENCE_PENDING = 'DELETE_BILL_RECURRENCE_PENDING';\nexport const DELETE_BILL_RECURRENCE_FULFILLED = 'DELETE_BILL_RECURRENCE_FULFILLED';\nexport const DELETE_BILL_RECURRENCE_REJECTED = 'DELETE_BILL_RECURRENCE_REJECTED';\n\nexport const CLEAR_DELETED_BILL_RECURRENCE = 'CLEAR_DELETED_BILL_RECURRENCE';\n\nexport const EDIT_BILL_RECURRENCE = 'EDIT_BILL_RECURRENCE';\nexport const EDIT_BILL_RECURRENCE_PENDING = 'EDIT_BILL_RECURRENCE_PENDING';\nexport const EDIT_BILL_RECURRENCE_FULFILLED = 'EDIT_BILL_RECURRENCE_FULFILLED';\nexport const EDIT_BILL_RECURRENCE_REJECTED = 'EDIT_BILL_RECURRENCE_REJECTED';\n\nexport const CREATE_ACCOUNT_RECURRENCE = 'CREATE_ACCOUNT_RECURRENCE';\nexport const CREATE_ACCOUNT_RECURRENCE_PENDING = 'CREATE_ACCOUNT_RECURRENCE_PENDING';\nexport const CREATE_ACCOUNT_RECURRENCE_FULFILLED = 'CREATE_ACCOUNT_RECURRENCE_FULFILLED';\nexport const CREATE_ACCOUNT_RECURRENCE_REJECTED = 'CREATE_ACCOUNT_RECURRENCE_REJECTED';\n\nexport const CLEAR_CREATED_ACCOUNT_RECURRENCE = 'CLEAR_CREATED_ACCOUNT_RECURRENCE';\n\nexport const DELETE_ACCOUNT_RECURRENCE = 'DELETE_ACCOUNT_RECURRENCE';\nexport const DELETE_ACCOUNT_RECURRENCE_PENDING = 'DELETE_ACCOUNT_RECURRENCE_PENDING';\nexport const DELETE_ACCOUNT_RECURRENCE_FULFILLED = 'DELETE_ACCOUNT_RECURRENCE_FULFILLED';\nexport const DELETE_ACCOUNT_RECURRENCE_REJECTED = 'DELETE_ACCOUNT_RECURRENCE_REJECTED';\n\nexport const CLEAR_DELETED_ACCOUNT_RECURRENCE = 'CLEAR_DELETED_ACCOUNT_RECURRENCE';\n\nexport const FETCH_BILL_DOCUMENTS = 'FETCH_BILL_DOCUMENTS';\nexport const FETCH_BILL_DOCUMENTS_FULFILLED = 'FETCH_BILL_DOCUMENTS_FULFILLED';\nexport const FETCH_BILL_DOCUMENTS_PENDING = 'FETCH_BILL_DOCUMENTS_PENDING';\nexport const FETCH_BILL_DOCUMENTS_REJECTED = 'FETCH_BILL_DOCUMENTS_REJECTED';\n\nexport const CLEAR_BILL_DOCUMENTS = 'CLEAR_BILL_DOCUMENTS';\n\nexport const FETCH_EXTERNAL_BILLS = 'FETCH_EXTERNAL_BILLS';\nexport const FETCH_EXTERNAL_BILLS_FULFILLED = 'FETCH_EXTERNAL_BILLS_FULFILLED';\nexport const FETCH_EXTERNAL_BILLS_PENDING = 'FETCH_EXTERNAL_BILLS_PENDING';\nexport const FETCH_EXTERNAL_BILLS_REJECTED = 'FETCH_EXTERNAL_BILLS_REJECTED';\n\nexport const FETCH_EXTERNAL_PAYMENTS = 'FETCH_EXTERNAL_PAYMENTS';\nexport const FETCH_EXTERNAL_PAYMENTS_FULFILLED = 'FETCH_EXTERNAL_PAYMENTS_FULFILLED';\nexport const FETCH_EXTERNAL_PAYMENTS_PENDING = 'FETCH_EXTERNAL_PAYMENTS_PENDING';\nexport const FETCH_EXTERNAL_PAYMENTS_REJECTED = 'FETCH_EXTERNAL_PAYMENTS_REJECTED';\n\nexport const FETCH_EXTERNAL_PAYMENT = 'FETCH_EXTERNAL_PAYMENT';\nexport const FETCH_EXTERNAL_PAYMENT_FULFILLED = 'FETCH_EXTERNAL_PAYMENT_FULFILLED';\nexport const FETCH_EXTERNAL_PAYMENT_PENDING = 'FETCH_EXTERNAL_PAYMENT_PENDING';\nexport const FETCH_EXTERNAL_PAYMENT_REJECTED = 'FETCH_EXTERNAL_PAYMENT_REJECTED';\n\nexport const CLEAR_EXTERNAL_PAYMENT = 'CLEAR_EXTERNAL_PAYMENT';\n\nexport const DELETE_PAYMENT = 'DELETE_PAYMENT';\nexport const DELETE_PAYMENT_PENDING = 'DELETE_PAYMENT_PENDING';\nexport const DELETE_PAYMENT_FULFILLED = 'DELETE_PAYMENT_FULFILLED';\nexport const DELETE_PAYMENT_REJECTED = 'DELETE_PAYMENT_REJECTED';\n\nexport const CLEAR_DELETED_PAYMENT = 'CLEAR_DELETED_PAYMENT';\n\nexport const CREATE_STRIPE_INTENT = 'CREATE_STRIPE_INTENT';\nexport const CREATE_STRIPE_INTENT_FULFILLED = 'CREATE_STRIPE_INTENT_FULFILLED';\nexport const CREATE_STRIPE_INTENT_PENDING = 'CREATE_STRIPE_INTENT_PENDING';\nexport const CREATE_STRIPE_INTENT_REJECTED = 'CREATE_STRIPE_INTENT_REJECTED';\n","const debounce = (func, wait) => {\n let timeout;\n return function(...args) {\n const context = this;\n clearTimeout(timeout);\n timeout = setTimeout(() => func.apply(context, args), wait);\n };\n};\n\nexport default debounce;\n","export const _invert = (object) => {\n const invertedObject = {};\n for (key of Object.keys(object)) {\n invertedObject[object[key]] = key;\n }\n return invertedObject;\n};\n","import moment from 'moment';\nimport accounting from 'accounting';\n\nconst date = function(dateParam, dateFormat = \"MM/DD/YYYY\") {\n return dateParam ? moment(dateParam).format(dateFormat) : '';\n};\n\nconst currency = function(amount) {\n return accounting.formatMoney(amount);\n};\n\nexport default {\n date,\n currency\n};\n","export const getQueryParam = function(name) {\n const match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);\n return match && decodeURIComponent(match[1].replace(/\\+/g, ' '));\n};\n\nexport default {\n getQueryParam\n};\n","var map = {\n\t\"./en-au\": 53872,\n\t\"./en-au.js\": 53872,\n\t\"./en-ca\": 28298,\n\t\"./en-ca.js\": 28298,\n\t\"./en-gb\": 56195,\n\t\"./en-gb.js\": 56195,\n\t\"./en-ie\": 66584,\n\t\"./en-ie.js\": 66584,\n\t\"./en-il\": 65543,\n\t\"./en-il.js\": 65543,\n\t\"./en-in\": 9033,\n\t\"./en-in.js\": 9033,\n\t\"./en-nz\": 79402,\n\t\"./en-nz.js\": 79402,\n\t\"./en-sg\": 43004,\n\t\"./en-sg.js\": 43004,\n\t\"./fr\": 85498,\n\t\"./fr-ca\": 26435,\n\t\"./fr-ca.js\": 26435,\n\t\"./fr-ch\": 37892,\n\t\"./fr-ch.js\": 37892,\n\t\"./fr.js\": 85498\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 38197;"],"names":["apiEndpoint","url","path","http","baseURL","setAPIBaseUrl","setDefaultHeader","name","value","headers","common","csrfToken","$","attr","CurrencyInput","React","constructor","props","super","this","handleChange","bind","event","maskedValue","floatValue","onChange","render","ReactCurrencyInput","placeholder","autoFocus","allowNegative","className","id","onClick","onChangeEvent","onBlur","readOnly","propTypes","DatePicker","filterDate","excludeWeekends","date","day","getDay","convertToDate","momentObjectOrString","Date","toDate","ReactDatePicker","locale","selected","maxDate","minDate","customInput","disabled","dateFormat","isoString","toISOString","popperModifiers","offset","enabled","preventOverflow","escapeWithReference","boundariesElement","inline","fixedHeight","selectsStart","selectsEnd","PropTypes","maxRange","excludeDates","FormErrors","Component","state","alertElement","showAlert","componentDidMount","context","store","getState","alertHeading","heading","i18n","portal","form_errors","error_message","errors","componentDidUpdate","prevProps","scrollTop","handleDismiss","setState","window","setTimeout","fade","hideHeader","errorMessages","map","renderError","error","i","key","role","type","contextTypes","object","isRequired","array","bool","dismiss","func","string","Icon","STYLES","solid","regular","SIZES","large","TYPES","bank","style","size","classes","spin","push","fixedWidth","join","defaultProps","Pagination","totalItems","currentPage","getCurrentPage","handlePageChange","componentWillReceiveProps","nextProps","parseInt","data","onPageChange","setCurrentPage","setTotalItems","itemCount","pageCount","shownItemsCount","actualCurrentPage","Math","ceil","itemsPerPage","ReactPaginate","activeClassName","breakClassName","breakLabel","breakLinkClassName","containerClassName","forcePage","marginPagesDisplayed","nextClassName","nextLabel","nextLinkClassName","pageClassName","pageLinkClassName","pageRangeDisplayed","previousClassName","previousLabel","previousLinkClassName","number","oneOfType","module","exports","configureStore","rootReducer","createStore","applyMiddleware","thunk","promise","createAccountRecurrence","recurrence","post","portal_recurrence","receivable_account_id","pay_method_id","amount","day_of_month","end_date","deleteAccountRecurrence","delete","fetchOverview","get","fetchBills","params","fetchDueBills","CsvExportUrl","param","PdfExportUrl","fetchBillDocuments","billID","downloadUrl","billDocument","external","billable_id","fetchBillRecurrences","paged","saveBillRecurrence","updateBillRecurrence","createBillRecurrence","portal_bill_recurrence","put","payment_breakdown_type","deleteBillRecurrence","fetchConfig","create","emailAddress","paymentID","email_address","payment_id","fetchExternalBills","billsExportUrl","format","fetchExternalPayments","fetchExternalPayment","exportUrl","externalPayment","paymentsExportUrl","new","account","token","encrypted_token","createPayment","payment","payMethod","new_pay_method","amount_reason","portal_payment","scheduled_date","otp_comment","fetchPayMethods","createPayMethod","pay_method","updatePayMethod","savePayMethod","deletePayMethod","createStripeIntent","fetchPayMethodAssignments","portalUser","createPayMethodAssignment","pay_method_assignment","deletePayMethodAssignment","portal_pay_method_assignment","fetch","fetchStaged","fetchPayments","updatePayment","savePayment","deletePayment","fetchPortalAccounts","createPortalAgreement","createPortalDocument","portalPayment","file","splitId","file_content","content","file_name","file_size","file_type","file_blob","preview","split_id","deletePortalDocument","fetchAccounts","fetchRecurrenceAccounts","createRecurrenceAccount","portalAccount","portal_recurrence_account","portal_account_id","deleteRecurrenceAccount","email","user","update","registration","updateUser","password","fetchPortalUsers","payer","fetchPortalUserPayAssignment","user_session","destroy","checkTimeout","createUser","App","startSessionTimer","interceptErrors","getQueryParam","router","route","children","isLanding","landing","isPasswordReset","currentUser","handleLogin","handleLogout","handleAddPaymentMethod","savedPayMethod","toastManager","details","add","pay_method_success","appearance","autoDismiss","userSpecifiedLocale","portal_user","portal_divisions","length","handlePortalDivisionChange","portal_locale","handlePortalLocaleChange","location","pathname","split","config","portal_division","setConfigPending","reload","configDivision","userDivision","configLocale","userLocale","setInterval","checkSessionTimeout","timeoutUrl","timeout_url","redirect","interceptors","response","use","undefined","errorUrl","error_url","status","Promise","reject","Layout","connect","dispatch","bindActionCreators","actionCreators","withToastManager","AccountDetail","show","label","AccountDetails","popoverOpen","togglePopover","accountNoticeButton","showNotice","payment_account_notice","Link","accountNoticeText","NoticePopover","placement","isOpen","target","toggle","source","containerTagName","detailsTable","accountLabel","payoff_amount","feature","receivable_accounts_balance_label","accounting","balance","payment_amount","receivable_accounts_payment_amount_label","due_amount","receivable_accounts_due_amount_label","due_date","receivable_accounts_due_date_label","moment","showLabel","colSpan","account_label","FindAccountForm","first_name","last_name","account_number","phone","ssn_last_four","bill_external_key","isValid","isRegistrationImageOpen","handleSubmit","handleFieldChange","toggleRegistrationImage","find_account","registrationNoticeButton","registrationNoticeText","nameField","fields","includes","htmlFor","payers_name_label","required","firstNameField","lastNameField","accountNumberField","inputClass","registration_image_url","registrationImageLink","tabIndex","registrationImageModal","ImageModal","imgDescription","registration_image_description","imgAlt","registration_image_alt","image","emailField","phoneField","ssnField","maxLength","billExternalKeyField","bills_external_key_label","actions","continue","e","setAccount","currentTarget","validateForm","forEach","field","fieldName","$event","preventDefault","onSubmit","registration_notice","ref","noValidate","AccountRecurrenceForm","RecurrenceForm","_extends","requireAmount","requirePayMethod","requireDayOfMonth","optionalEndDate","showConfirmation","AccountsModal","accountsQuery","accountsSortOrder","filterAccounts","pageAccounts","sortAccounts","clearFilters","clearAccounts","fetchParams","query","sort_order","page","sortOrder","accountsTable","accounts","AccountsTable","selectable","useExternal","columns","portal_account_assignments_manage_columns","onRowClick","filterPlaceholder","accounts_table","filter_accounts","filterQuery","externalSetFilter","externalSetPage","externalChangeSort","Spinner","centered","Modal","showClose","title","otp","select_account","message","closeLabel","cancel","columnMap","columnMetadata","columnName","displayName","receivable_accounts_external_key_label","group_name_label","Table","showActions","results","total_accounts","noDataMessage","data_table","no_results","showFilter","element","isRowSelected","BillDocumentsModal","fetchDocuments","documentsList","billDocuments","documents","billDoc","documentItem","pagination","no_documents_found_message","handleDocumentClick","bill_document_type","document_type","onDocumentClick","total_documents","modals","bill_documents","close","BillsTable","defaultSortField","default_bill_sort_field","unsortableColumns","columnAlignment","right","isAccountsModalOpen","toggleAccountsModal","handleAccountSelect","hasBills","bills","hasPayableBills","total_payable_bills","hasPayableDueBills","total_payable_due_bills","dropdownItemClasses","selectButton","selectEnabled","selectAllEnabled","selectAllDueEnabled","Button","select","onSelectAll","bills_table","select_all","onSelectAllDue","select_all_due","exportButton","exportEnabled","export","onExportCsv","csv","onExportPdf","pdf","btnGroupClass","filter","Filter","showDateFilter","showAddFilter","onAddFilter","filter_invoices","onFilter","noticeSource","bill_search_notice","filterLabels","onRemoveFilter","onRemoveAccountFilter","accountsModal","onAddAccountFilter","table","tableHeaders","tableRows","noResults","total_bills","handleRowClick","bill","alignmentClass","column","headerClass","sortClass","cellValue","cellValueContents","account_name","billDueDate","external_type","external_key","external_number","alternate_key","discountAmount","currency","discount_date","date_format_string","origin_date","original_amount","rollupContents","rollup_amount","external_code","showBillDocsLink","bill_documents_link_field","handleClick","showBillDocsLinkClick","onBillDocsLinkClick","stopPropagation","dueLabel","due","discount_amount","isDiscountExpired","due_label","sortColumn","sortBy","headerLabel","rowClass","tableData","view_only","newSortOrder","onSort","replace","items_per_page","onPage","current_page","BrandLink","logoImage","alt","logo_image_alt","longdesc","logo_image_description","src","logo","logoClass","linkContent","linkLabel","linkClass","defaultClass","logoLinkClass","linkTo","to","icon","buttonClasses","active","outline","ReactButton","color","node","Checkbox","ConfirmModal","ModalHeader","ModalBody","ModalFooter","action","buttonText","DatePickerComponent","DatePickerInput","datePickernotice","calendar","showCalendar","groupClass","for","onKeyDown","DocumentUploader","files","onDrop","handleRemove","fileArray","reader","FileReader","onload","fileAsDataURL","result","readAsDataURL","concat","newFiles","addDocs","dropzone","Dropzone","accept","uploadedFilesTable","charAt","toUpperCase","slice","deleteFile","index","splice","EmailConfirmationModal","emailConfirmationAddress","closeEmailConfirmationModal","sendEmailConfirmation","handleEmailConfirmationChange","sendEmailConfirmationForm","showConfirm","send_email_confirmation","confirmLabel","confirm","onConfirm","ExternalBillsTable","customComponent","externalKeyComponent","cssClassName","Object","keys","showAsLink","showBillExternalKeyAsLink","onBillExternalKeyClick","rowData","bill_documents_accessible","external_bills","total_items","external_bills_table","filter_bills","ExternalPaymentsTable","external_payments_external_type_label","external_payments_external_reference_label","external_payments","portal_external_payments_columns","external_payments_table","filter_payments","FallbackErrorBoundary","hasError","componentDidCatch","info","errorStyle","textAlign","paddingTop","margin","isDateModalOpen","toggleDateModal","startDateChanged","endDateChanged","clearDateFilter","submitDateFilter","filterLabel","componentWillMount","parseDates","dates","startDate","parseDate","endDate","dateString","trim","addFilter","dateFilter","dateModal","datepicker","dateModalContent","dateModalActions","clear","submit","searchNotice","removeFilter","ada_headers","search_bar","showSkipToMain","toggleLanding","toggleClass","navbar","Navbar","skipToMainButton","href","skip_to_main","layout","payer_layout","spinner","isLoaded","noEvent","handleConfirm","header","closeButton","confirmButton","footer","ReactModal","confirmClassName","confirmEnabled","navbarHeader","logoUrl","landing_logo_image_url","logo_image_url","biller","NavbarToggle","registrationLinkItem","user_registration_enabled","register","loginLinkItem","sign_in_label","navbarLinks","Popover","PopoverContent","ReactMarkdown","escapeHtml","scoreClasses","scoreBackgroundClasses","PasswordStrength","score","setPassword","changeCallback","labels","zxcvbn","containsDigits","test","containsUpper","containsLower","min_length","special_character","scoreWords","weak","okay","good","strong","stronger","scoreWord","notice","password_notice","inputProps","height","width","PayMethodAssignmentModal","formErrors","payMethodsTable","clearErrors","PayMethodsTable","payMethods","onPayMethodSelect","pay_methods","select_pay_method","PayMethodForm","routingErrorClass","accountNumErrorClass","accountNumConfErrorClass","isCheckHelpModalOpen","defaultCountry","pay_method_config","default_country_selection","achTabSelected","creditCardTabSelected","plastiqTabSelected","checkTabSelected","handleCountryChange","configureCreditCardClient","handleCreditCardResponse","toggleCheckHelpModal","handleBlur","handleCheckImage","newPayMethod","getNewPayMethod","setNewPayMethod","callback","isNewPayMethodValid","isAch","typeValid","ach_account_type","routingNumValid","ach_routing_num","accountNumValid","ach_account_num","confirmNumValid","ach_account_num_confirmation","valid","show_pay_method_payee_field","payeeNameValid","payee_name","isCreditCard","stripeEnabled","nameValid","name_on_card","addressValid","address_line_1","countryValid","country","stateValid","cityValid","city","zipValid","zip_code","cardValid","isCardValid","isCheck","checkFront","checkRear","isPlastiq","isEmailValid","card","cc_iframe_enabled","credit_card_number","cc_expiration","ccv_number","enabledTypesLength","creditCardEnabled","newCreditCardPayMethod","newAchPayMethod","ach_enabled","check_enabled","oneTimePayment","plastiqEnabled","tabs","payMethodToggle","payMethodTypeOptions","getNewPayMethodIcon","getNewPayMethodName","achOption","checkOption","creditCardOption","plastiqOption","ach_label","check_label","credit_card_label","plastiq_label","newCheckPayMethod","newPlastiqPayMethod","regex","registerNewPayMethod","onSuccess","refs","StripeForm","registerCreditCardSuccess","registerCreditCard","nickname","checkHelpModal","example_check_image_description","example_check_image_alt","example_check_image_url","disclosureLanguagueNotice","disclosure_language_notice","plastiqNotice","plastiq_pay_method_notice","stripeForm","stripeIntent","stripeKey","stripe_publishable_key","stripePromise","loadStripe","Elements","stripe","onError","achFields","nicknameField","payeeNameField","achAccountTypeField","achRoutingNumberField","achAccountNumberField","achAccountConfirmationField","checkingId","savingsId","labelClass","account_type","fieldClass","checked","checking","savings","classWithErrors","fieldClassState","ach_routing_num_label","autoComplete","ach_routing_example","checkHelpLink","ach_account_num_label","confirm_ach_account_num_label","showNicknameField","name_on_account","creditCardConfig","paypageId","vantiv_paypage_id","reportGroup","vantiv_report_group","merchant_id","cc_merchant_id","registration_endpoint","cc_registration_endpoint","showCvv","timeout","div","numYears","months","ccMonths","tooltipText","cvv","accountNumber","expMonth","expYear","placeholderText","creditCardClient","registerCard","orderId","valueOf","cardData","formatResponse","credit_card","error_messages","CreditCardClient","address_line_2","creditCardFields","ccGeneralFieldset","ccBillingFieldset","ccCardInfoFieldset","general","billing","billing_information","ccNameOnCardField","ccAddress1Field","ccAddress2Field","ccCountryField","ccStateField","ccCityField","ccZipCodeField","ccCardInfoFields","ccCardNumberField","ccVerificationNumberField","ccExpirationField","credit_card_number_label","MaskedInput","mask","credit_card_security_number_label","credit_card_expiration_label","street_address_1","street_address_2","countryOptions","countries","code","getBillingLabelByOperationCountry","toLowerCase","stateOptions","find","checkFields","checkFrontButton","checkRearButton","iconType","capture","imageType","upload","plastiqFields","abilities","PayMethodModal","handlePayMethodChange","modal","Fragment","payMethodForm","newPayMethodMode","stripe_enabled","showDefaultColumn","typeComponent","expires","expirationComponent","defaultComponent","getPayMethodIcon","getPayMethodName","type_name","default","is_expired","expiration_info","initialSort","PaymentAmountInput","handleAmountChange","maxAmount","getMaxAmount","showWarning","maxPaymentAmount","getMaxPaymentAmount","maxDueAmount","getMaxDueAmount","maxOverBalance","getMaxBalanceAmount","amountLimits","min","max_payment_amount","parseFloat","balanceTolerance","over_balance_tolerance","duePercentage","due_amount_percentage_restriction","dueAmount","warning","WarningMessage","warningType","alignment","inputClasses","PaymentConfirmationMessage","messageClass","is_failed","payment_failure_message","already_confirmed","payment_confirmation_message","PaymentDetails","isNewAchPayMethod","isNewCreditCardPayMethod","isNewCheckPayMethod","isPlastiqPayMethod","confirmationNumberRow","confirmation_code","payment_confirmation","accountRow","bill_search_enabled","accountNumRow","receivable_account","accountLabelRow","hasFees","fees_total","subtotalRow","payment_subtotal","subtotal","feesRow","fees_label","fee_percentage","amountRow","payment_total","amountReasonRow","portalSplit","portal_splits_data","portal_splits","amountReason","different_amount_reason_required","amount_reason_label","paymentDateRow","payment_date","is_staged","same_day_payments_enforced","achAccountTypeRow","achRoutingNumberRow","achAccountNumberRow","maskedAchAccountNumber","ccPayMethodRow","pay_method_label","payMethodRow","getPayMethod","p","substring","numItemsRow","numItems","total_portal_splits","splits","num_items","statusRow","getStatus","is_processing","payment_status_processing","failureReasonRow","failure_reason","commentRow","comment","checkPayMethodRow","check","checkImagesRow","is","class","docItemsRow","portal_documents","docListItem","doc","display_name","text","PaymentForm","currentStep","lastStep","overPaymentAmountLimit","percentageRestrictionExceeded","negativeAmount","billsValid","lockdownDate","selectedPayMethodIsExpired","paymentAuthorizationChecked","isPlastiqConfirmationModalOpen","handleDateChange","editDetails","handleContinue","togglePayMethodModal","closePayMethodModal","handleNewPayMethodChange","onPaymentAuthChange","getPayMethods","formGroupClass","getFormGroupClass","getLabelClass","getFieldClass","paymentDocs","setDefaults","isPayMethodModalOpen","handleErrors","handleValidationChange","handleSavedPayment","handlePayMethods","handleSavedPayMethod","handleDocsChange","handleSplitUpdating","docsAdded","clearDocsAdded","payMethodId","getDefaultPayMethodId","paymentChanged","splitsChanged","splitsValid","savedPayment","selectedPayMethod","getSelectedPayMethod","plastiq_request_url","payMethodsChanged","ccEnabledChanged","filterPayMethods","setAvailablePayMethod","clearSavedPayMethod","possibleDueAmounts","toFixed","different_amount","newScheduledDate","getDefaultAmount","default_date_enabled","defaultPayMethod","newPayMethodId","is_credit_card","verticalLayout","stepClass","step","stepLink","steps","showSteps","done","isDateValid","blackoutDates","payment_blackout_config","blackout_dates","getPaymentDate","isDateLocked","enforce_due_date","areBillsInDateRage","fees_enabled","amountValid","dateValid","payMethodValid","commentValid","commentRequired","amountReasonPresent","splitNotUpdating","splitUpdating","onContinue","disableContinue","plastiqConfirmationEnabled","plastiq_confirmation_notice_enabled","togglePlastiqConfirmationModal","plastiqConfirmation","showErrors","headingText","payment_details","manage_portal_payment","manage_pay_method","no_pay_method_notice","formHeading","userDetails","showUserDetails","UserDetails","portal_ach_form_fields","accountDetails","accountDetailsClass","account_details","labelConfig","warningTargetClass","stateField","initialClass","warningClass","amountField","showAmountField","amountReasonField","errorClass","amount_reason_instruction","dateField","blackoutConfig","max_range","datePickerInput","blackout_weekends","payment_date_notice","payMethodField","payMethodSelect","newPayMethodButtonEnabled","payMethodOptions","newPayMethodButton","cc_enabled","onPayMethodError","documentsField","fileListItem","removePortalDoc","commentField","rows","payMethodExpiredMessage","pay_method_is_expired","negativeAmountMessage","negative_amount_message","discountDateWarning","due_date_warning","amountDiffersWarning","splits_invalid","expiredDiscountWarning","hasExpiredDiscount","expired_discount","blackedOutDateWarning","cant_be_on_holiday","paymentBalance","showBalance","payment_balance","amountValue","formActions","detailsSection","hiddenClass","detailsSectionContent","canManangePayments","confirmSection","translations","confirmText","confirm_payment_details","detailsText","submitText","submit_payment","plastiqText","continue_to_plastiq","headerText","paymentNeedsAuthorization","payment_authorization_checkbox_enabled","submitDisabled","submitting","edit_details","paymentAuthorizationContent","payment_authorization_checkbox_label","payment_authorization_checkbox_content","doneSection","printPaymentButton","onDone","onPrint","print","payMethodModal","onSubmitPayMethod","payMethodErrors","clearPayMethodErrors","plastiqConfirmationModal","plastiq_confirmation_notice","confirmation","updatePaymentAmount","getRecurrence","handleEndDateChange","goToSettings","newRecurence","dayOfMonthNotice","day_of_month_notice","setRecurrence","autopay","lockdown_autopay_amount","dayOfMonthFieldClass","dayOfMonthField","dayOfMonthSelect","dayOfMonthOptions","restriction","pay_date_restriction","daysArray","Array","getRestrictedDays","dueDate","subtract","isSame","paymentBreakdownField","showPaymentBreakdownOption","multipleBillsPerPaymentInput","singleBillPerPaymentInput","isChecked","single_bill_per_payment_label","multiple_bills_per_payment_label","hashHistory","endDateField","optional","isClearable","cancelButton","submitButton","allowCancel","onCancel","payment_settings","confirm_autopay","amountConfirmation","accountConfirmation","payMethodConfirmation","dayOfMonthConfirmation","endDateConfirmation","auto_pay","from","every_month_on_the","ordinal","ending_on","RecurrenceSettings","handleEdit","editButton","edit_autopay","onEdit","removeButton","remove_autopay","onRemove","dayOfMonthRow","recurs_on","endDateRow","ends","recurrenceDetails","dashboard","autopay_settings","getSpinnerSize","spinnerClass","spinnerIcon","SplitsTable","sortAscending","commentValue","editingCommentSplitId","editingAmountSplitId","handleFilterChange","onChangeDebounced","debounce","onAmountDebounced","applySortAndFilter","sortDataAscending","reverse","filterData","totalPages","filter_items","item","arr","deep","toString","indexOf","amountRowValue","loading","editEnabled","split_amount_edit_enabled","entryMode","bill_id","handleAmountBlur","negativeAllowed","abs","onAmountChange","onSplitChange","showDueLabel","handleSortChange","dataRow","infoRow","getRowClass","rowValue","tableRowData","payToAccountRowData","pay_to_account","billExternalKey","handleExternalKeyClick","getCellClass","showAmountReason","billAmount","pay_to_account_comment_required","pay_to_account_comment","commentExists","handleCommentChange","handleCommentBlur","pay_to_account_comment_instructions","reason","onAmountReasonChange","onAccountCommentChange","getPaginatedData","entryClass","getTableClass","arraySort","tableClass","total_displayed_splits","amountReasonRequired","Tab","handleTabClick","onSelect","linkClasses","TabSet","containerClasses","tabsClasses","justified","pills","updatePagination","Griddle","setFilter","griddleState","filteredResults","row","getColumns","_invert","externalSetPageSize","getExternalSortColumn","getExternalSortAscending","getTotalItems","getMaxPage","getColumnMetadata","metadata","customCompareFn","getColumnComponent","dateComponent","currencyComponent","rowMetadata","getRowMetadata","showPager","useGriddleStyles","tableClassName","getTableClassName","sortAscendingClassName","sortDescendingClassName","sortAscendingComponent","sortDescendingComponent","customNoDataComponent","noDataComponent","externalSortColumn","externalSortAscending","externalCurrentPage","externalMaxPage","setPage","bodyCssClassName","selectableClass","actionsAlign","oneOf","payerNameField","payerEmailField","accountExternalKeyField","UserDropdown","switchAccountLinkItem","toggleSwitchAccountModal","menu","switch_account","logoutLinkItem","logout","sign_out_label","exitLinkItem","exit_url","exit","exit_label","dropdownContents","disable_logout","focusable","toggleWithoutPayerInfo","toggleWithPayerInfo","showPayerInfo","UserForm","password_confirmation","emailPopoverOpen","passwordPopoverOpen","handlePasswordChange","toggleEmailPopover","emailNotice","register_account_notice","emailFieldClass","passwordField","password_validation_helper","showPasswordConfirmationWarning","passwordConfirmationWarning","sign_up","passwords_must_match","confirmPasswordField","confirm_password","passwordMessage","passwordValid","setUser","UsersTable","messageWellClass","LandingOption","wrapperClass","subHeading","LandingPage","optEnabled","one_time_payment_enabled","otpLinkEnabled","otp_landing_link_enabled","registrationEnabled","loginWrapperClass","offsetClass","optionsCount","loginOption","landing_sign_in_heading","landing_sign_in_sub_heading","registrationOption","landing_register_heading","landing_register_sub_heading","otpOption","landing_one_time_payment_heading","landing_one_time_payment_sub_heading","otp_button_text","logoLink","imgStyle","landing_logo_width","portal_title","landingOptions","landingNotice","landing_page_notice","inviteErrorMessage","portal_mailer","invite","expired_message","ForgotPasswordPage","clearPasswordReset","resetFooter","reset","resetForm","password_reset","reset_password","resetMessage","ResetMessage","resetPassword","LoginPage","clearLoginErrors","portal_payers","rememberMe","remember_me_enabled","login","remember_me","loginFooter","forgot_password","loginForm","sign_in_form","email_label","PasswordResetPage","clearPasswordResetErrors","getPasswordResetToken","updatePassword","password_reset_token","setPasswordReset","new_password","passwordMessageClass","confirm_new_password","update_password","passwordForm","passwordReset","successMessage","password_updated","passwordChangeRequiredMessage","password_change_required","reset_required","resetMessageFormFooter","return_to_sign_in","thanks","check_email","HelpPage","help_section_label","help_section_content","MenuItem","linkDescription","itemClass","PayerLayout","toggleMenu","logoutUrl","logout_url","userDropdown","hasMultipleDivisions","payer_navbar","brandLink","closeMenu","isCurrentPath","endsWith","dashboardLinkItem","menu_dashboard_label","menu_dashboard_description","autopayLinkItem","bill_recurrence_enabled","has_bill_recurrence_enabled_accounts","autopay_description","settingsLinkItem","menu_settings_label","menu_settings_description","accountLinkItem","account_tab_enabled","operator","portal_operator","menu_account_label","menu_account_description","helpLinkItem","help_section_enabled","help_section_description","getDocumentHeight","d","document","documentElement","body","offsetHeight","max","scrollHeight","hasClass","css","addClass","scrollTo","removeClass","payer_sidenav","switchAccountModal","SwitchAccountModal","app","isSwitchAccountModalOpen","divisions","division","link","BillRecurrenceForm","BillRecurrenceOverview","showSettings","isRemoveModalOpen","toggleSettings","toggleRemoveModal","removeSelectedAccount","toggleSelectedAccount","isAccountSelected","clearRecurrenceAccounts","checkForCreatedRecurrenceAccount","checkForDeletedRecurrenceAccount","createdRecurrenceAccount","clearCreatedRecurrenceAccount","deletedRecurrenceAccount","clearDeletedRecurrenceAccount","returnLink","settingsLink","onReturn","return_to_list","linkText","recurrenceAccounts","portal_accounts_manage_columns","autopay_accounts_heading","accountsActions","selectedAccount","addAccountButton","removeAccountButton","remove","portalAccounts","clearPortalAccounts","available_for_recurrence","recurrenceSettings","removeAccountModal","confirm_remove_header","confirm_remove_message","BillRecurrencePage","showForm","allowFormCancel","selectedRecurrence","isSubmitDisabled","selectRecurrence","filterRecurrences","pageRecurrences","sortRecurrences","toggleForm","toggleSelectedRecurrence","editRecurrence","removeSelectedRecurrence","returnToBillRecurrencesList","saveRecurrence","authorize","clearBillRecurrences","bill_recurrence_allowed","checkForRecurrences","checkForSavedRecurrence","checkForDeletedRecurrence","hasAccounts","billRecurrences","hasRecurrences","total_recurrences","recurrencesQuery","savedBillRecurrence","clearSavedBillRecurrence","deletedBillRecurrence","clearDeletedBillRecurrence","recurrenceForm","recurrencesTable","BillRecurrencesTable","portal_bill_recurrences_columns","recurrenceActions","recurrencesSortOrder","recurrenceOverview","removeRecurrenceModal","manage_autopay","sortable","recurrences","CARD_ELEMENT_OPTIONS","base","fontFamily","fontSmoothing","fontSize","invalid","iconColor","CardSection","CardElement","options","StripeCheckoutForm","async","elements","confirmCardSetup","payment_method","getElement","card_token","setupIntent","ElementsConsumer","resetScreen","types","setCurrentStep","payload","setPayment","PayMethodAPI","catch","ConfigAPI","UserSessionAPI","UserAPI","ResetPasswordAPI","EmailConfirmationAPI","clearUserErrors","setUserErrors","setPayMethodErrors","setPaymentErrors","setAccountsErrors","clearAccountsErrors","setOneTimePaymentErrors","clearOneTimePaymentErrors","then","fetchBillsOverview","BillAPI","selectBills","all","selectDueBills","clearSelectedBills","ReceivableAccountAPI","fetchReceivableAccount","PaymentAPI","createOneTimePayment","OneTimePaymentAPI","clearPayments","clearPaymentErrors","clearPayment","clearUpdatedUserCheck","clearSavedPayment","clearSavePayMethodErrors","clearDeletedPayMethod","billId","BillDocumentAPI","PayMethodAssignmentAPI","clearPayMethodAssignments","fetchExternalBillDocuments","clearBillDocuments","ExternalBillAPI","ExternalPaymentAPI","clearExternalPayment","clearDeletedPayment","BillRecurrenceAPI","fetchBillRecurrence","portalPayer","billRecurrenceId","RecurrenceAccountAPI","PortalAccountAPI","editBillRecurrence","AccountRecurrenceAPI","clearDeletedAccountRecurrence","PortalAgreementAPI","clearCreatedAccountRecurrence","PortalDocumentAPI","FETCH_PAYMENT","FETCH_PAYMENT_FULFILLED","FETCH_PAYMENT_PENDING","FETCH_PAYMENT_REJECTED","FETCH_STAGED_PAYMENT","FETCH_STAGED_PAYMENT_FULFILLED","FETCH_STAGED_PAYMENT_PENDING","FETCH_STAGED_PAYMENT_REJECTED","CONFIRM_PAYMENT","CONFIRM_PAYMENT_FULFILLED","CONFIRM_PAYMENT_PENDING","CONFIRM_PAYMENT_REJECTED","UPDATE_PAYMENT","UPDATE_PAYMENT_FULFILLED","UPDATE_PAYMENT_PENDING","UPDATE_PAYMENT_REJECTED","FETCH_SPLITS","FETCH_SPLITS_FULFILLED","FETCH_SPLITS_PENDING","FETCH_SPLITS_REJECTED","SAVE_SPLIT","SAVE_SPLIT_FULFILLED","SAVE_SPLIT_PENDING","SAVE_SPLIT_REJECTED","SAVE_SPLITS","SAVE_SPLITS_FULFILLED","SAVE_SPLITS_PENDING","SAVE_SPLITS_REJECTED","UPDATE_SPLIT","UPDATE_SPLIT_FULFILLED","UPDATE_SPLIT_PENDING","UPDATE_SPLIT_REJECTED","DELETE_SPLIT","DELETE_SPLIT_FULFILLED","DELETE_SPLIT_PENDING","DELETE_SPLIT_REJECTED","DELETE_ALL_SPLITS","DELETE_ALL_SPLITS_FULFILLED","DELETE_ALL_SPLITS_PENDING","DELETE_ALL_SPLITS_REJECTED","SUBSCRIBE","SUBSCRIBE_FULFILLED","SUBSCRIBE_PENDING","SUBSCRIBE_REJECTED","UNSUBSCRIBE","UNSUBSCRIBE_FULFILLED","UNSUBSCRIBE_PENDING","UNSUBSCRIBE_REJECTED","SET_SPLIT","SET_CREDIT_CARD_ENABLED","SET_SPLITS_VALID","SET_VIEW_ONLY","ADD_BILL_FILTER","REMOVE_BILL_FILTER","CLEAR_BILL_FILTERS","SET_ACTIVE_TAB","TOGGLE_MIX_KEY_MODAL","TOGGLE_REMOVE_ALL_CONFIRMATION_MODAL","TOGGLE_PLASTIQ_CONFIRMATION_MODAL","TOGGLE_CREDIT_CARD_MODAL","SET_CONFIRMATION_SPLIT","SET_SELECTED_SPLIT","SET_BILLS_QUERY","SET_SPLITS_QUERY","SET_BILLS_SORT_ORDER","SET_SPLITS_SORT_ORDER","SET_ACCOUNTS_QUERY","SET_ACCOUNTS_SORT_ORDER","SET_ACCOUNTS_PAGE","FETCH_PAY_TO_ACCOUNTS","FETCH_PAY_TO_ACCOUNTS_FULFILLED","FETCH_PAY_TO_ACCOUNTS_PENDING","FETCH_PAY_TO_ACCOUNTS_REJECTED","UNCONFIRM_PAYMENT","UNCONFIRM_PAYMENT_FULFILLED","UNCONFIRM_PAYMENT_PENDING","UNCONFIRM_PAYMENT_REJECTED","CLEAR_UNCONFIRMED_PAYMENT","CLEAR_ACCOUNT_RECURRENCE_ERRORS","HIDE_WELCOME","CREATE_REGISTRATION","CREATE_REGISTRATION_PENDING","CREATE_REGISTRATION_FULFILLED","CREATE_REGISTRATION_REJECTED","CREATE_REGISTRATION_ACCOUNT","CREATE_REGISTRATION_ACCOUNT_PENDING","CREATE_REGISTRATION_ACCOUNT_FULFILLED","CREATE_REGISTRATION_ACCOUNT_REJECTED","CREATE_USER","CREATE_USER_PENDING","CREATE_USER_FULFILLED","CREATE_USER_REJECTED","NEW_ACCOUNT","RESET_SCREEN","CLEAR_ERRORS","SET_ERRORS","SET_CURRENT_STEP","SET_ACCOUNT","SET_PAYMENT","TOGGLE_SWITCH_ACCOUNT_MODAL","FETCH_CONFIG","FETCH_CONFIG_PENDING","FETCH_CONFIG_FULFILLED","UPDATE_USER","UPDATE_USER_FULFILLED","UPDATE_USER_REJECTED","LOGIN","LOGIN_FULFILLED","LOGIN_PENDING","LOGIN_REJECTED","RESET_PASSWORD","RESET_PASSWORD_FULFILLED","RESET_PASSWORD_PENDING","RESET_PASSWORD_REJECTED","UPDATE_PASSWORD","UPDATE_PASSWORD_FULFILLED","UPDATE_PASSWORD_PENDING","UPDATE_PASSWORD_REJECTED","SEND_EMAIL_CONFIRMATION","SEND_EMAIL_CONFIRMATION_FULFILLED","SEND_EMAIL_CONFIRMATION_PENDING","SEND_EMAIL_CONFIRMATIO_REJECTED","CLEAR_PASSWORD_RESET","CLEAR_UPDATED_USER_CHECK","LOGOUT","LOGOUT_FULFILLED","LOGOUT_PENDING","LOGOUT_REJECTED","SESSION_TIMEOUT","SESSION_TIMEOUT_FULFILLED","SESSION_TIMEOUT_PENDING","SESSION_TIMEOUT_REJECTED","FETCH_BILLS_OVERVIEW","FETCH_BILLS_OVERVIEW_FULFILLED","FETCH_BILLS_OVERVIEW_PENDING","FETCH_BILLS_OVERVIEW_REJECTED","FETCH_BILLS","FETCH_BILLS_FULFILLED","FETCH_BILLS_PENDING","FETCH_BILLS_REJECTED","CLEAR_BILLS_DATA","SELECT_BILLS","SELECT_BILLS_FULFILLED","SELECT_BILLS_PENDING","SELECT_BILLS_REJECTED","CLEAR_SELECTED_BILLS","FETCH_ACCOUNTS","FETCH_ACCOUNTS_FULFILLED","FETCH_ACCOUNTS_PENDING","FETCH_ACCOUNTS_REJECTED","CLEAR_ACCOUNTS","FETCH_RECEIVABLE_ACCOUNT","FETCH_RECEIVABLE_ACCOUNT_FULFILLED","FETCH_PAYMENTS","FETCH_PAYMENTS_PENDING","FETCH_PAYMENTS_FULFILLED","FETCH_PAYMENTS_REJECTED","FETCH_OTP_BANK_NAME","FETCH_OTP_BANK_NAME_PENDING","FETCH_OTP_BANK_NAME_FULFILLED","FETCH_OTP_BANK_NAME_REJECTED","CLEAR_PAYMENTS","CLEAR_PAYMENT","CLEAR_SAVED_PAYMENT","SAVE_PAYMENT","SAVE_PAYMENT_PENDING","SAVE_PAYMENT_FULFILLED","SAVE_PAYMENT_REJECTED","FETCH_PAY_METHODS","FETCH_PAY_METHODS_FULFILLED","FETCH_PAY_METHODS_PENDING","FETCH_PAY_METHODS_REJECTED","SAVE_PAY_METHOD","SAVE_PAY_METHOD_FULFILLED","SAVE_PAY_METHOD_PENDING","SAVE_PAY_METHOD_REJECTED","CLEAR_SAVED_PAY_METHOD","CLEAR_DOCS_ADDED","DELETE_PAY_METHOD","DELETE_PAY_METHOD_PENDING","DELETE_PAY_METHOD_FULFILLED","DELETE_PAY_METHOD_REJECTED","CLEAR_DELETED_PAY_METHOD","FETCH_PORTAL_USERS","FETCH_PORTAL_USERS_FULFILLED","FETCH_PORTAL_USERS_PENDING","FETCH_PORTAL_USERS_REJECTED","FETCH_PAY_METHOD_ASSIGNMENTS","FETCH_PAY_METHOD_ASSIGNMENTS_FULFILLED","FETCH_PAY_METHOD_ASSIGNMENTS_PENDING","FETCH_PAY_METHOD_ASSIGNMENTS_REJECTED","CREATE_PORTAL_AGREEMENT","CREATE_PORTAL_AGREEMENT_FULFILLED","CREATE_PORTAL_AGREEMENT_PENDING","CREATE_PORTAL_AGREEMENT_REJECTED","CREATE_PORTAL_DOCUMENT","CREATE_PORTAL_DOCUMENT_FULFILLED","CREATE_PORTAL_DOCUMENT_PENDING","CREATE_PORTAL_DOCUMENT_REJECTED","DELETE_PORTAL_DOCUMENT","DELETE_PORTAL_DOCUMENT_FULFILLED","DELETE_PORTAL_DOCUMENT_PENDING","DELETE_PORTAL_DOCUMENT_REJECTED","CLEAR_PAY_METHOD_ASSIGNMENTS","CREATE_PAY_METHOD_ASSIGNMENT","CREATE_PAY_METHOD_ASSIGNMENT_FULFILLED","CREATE_PAY_METHOD_ASSIGNMENT_PENDING","CREATE_PAY_METHOD_ASSIGNMENT_REJECTED","DELETE_PAY_METHOD_ASSIGNMENT","DELETE_PAY_METHOD_ASSIGNMENT_FULFILLED","DELETE_PAY_METHOD_ASSIGNMENT_PENDING","DELETE_PAY_METHOD_ASSIGNMENT_REJECTED","FETCH_BILL_RECURRENCE","FETCH_BILL_RECURRENCE_PENDING","FETCH_BILL_RECURRENCE_FULFILLED","FETCH_BILL_RECURRENCE_REJECTED","FETCH_BILL_RECURRENCES","FETCH_BILL_RECURRENCES_PENDING","FETCH_BILL_RECURRENCES_FULFILLED","FETCH_BILL_RECURRENCES_REJECTED","CLEAR_BILL_RECURRENCES","FETCH_RECURRENCE_ACCOUNTS","FETCH_RECURRENCE_ACCOUNTS_PENDING","FETCH_RECURRENCE_ACCOUNTS_FULFILLED","FETCH_RECURRENCE_ACCOUNTS_REJECTED","CLEAR_RECURRENCE_ACCOUNTS","SAVE_BILL_RECURRENCE","SAVE_BILL_RECURRENCE_PENDING","SAVE_BILL_RECURRENCE_FULFILLED","SAVE_BILL_RECURRENCE_REJECTED","CLEAR_SAVED_BILL_RECURRENCE","FETCH_PORTAL_ACCOUNTS","FETCH_PORTAL_ACCOUNTS_PENDING","FETCH_PORTAL_ACCOUNTS_FULFILLED","FETCH_PORTAL_ACCOUNTS_REJECTED","CLEAR_PORTAL_ACCOUNTS","CREATE_RECURRENCE_ACCOUNT","CREATE_RECURRENCE_ACCOUNT_PENDING","CREATE_RECURRENCE_ACCOUNT_FULFILLED","CREATE_RECURRENCE_ACCOUNT_REJECTED","CLEAR_CREATED_RECURRENCE_ACCOUNT","DELETE_RECURRENCE_ACCOUNT","DELETE_RECURRENCE_ACCOUNT_PENDING","DELETE_RECURRENCE_ACCOUNT_FULFILLED","DELETE_RECURRENCE_ACCOUNT_REJECTED","CLEAR_DELETED_RECURRENCE_ACCOUNT","DELETE_BILL_RECURRENCE","DELETE_BILL_RECURRENCE_PENDING","DELETE_BILL_RECURRENCE_FULFILLED","DELETE_BILL_RECURRENCE_REJECTED","CLEAR_DELETED_BILL_RECURRENCE","EDIT_BILL_RECURRENCE","EDIT_BILL_RECURRENCE_PENDING","EDIT_BILL_RECURRENCE_FULFILLED","EDIT_BILL_RECURRENCE_REJECTED","CREATE_ACCOUNT_RECURRENCE","CREATE_ACCOUNT_RECURRENCE_PENDING","CREATE_ACCOUNT_RECURRENCE_FULFILLED","CREATE_ACCOUNT_RECURRENCE_REJECTED","CLEAR_CREATED_ACCOUNT_RECURRENCE","DELETE_ACCOUNT_RECURRENCE","DELETE_ACCOUNT_RECURRENCE_PENDING","DELETE_ACCOUNT_RECURRENCE_FULFILLED","DELETE_ACCOUNT_RECURRENCE_REJECTED","CLEAR_DELETED_ACCOUNT_RECURRENCE","FETCH_BILL_DOCUMENTS","FETCH_BILL_DOCUMENTS_FULFILLED","FETCH_BILL_DOCUMENTS_PENDING","FETCH_BILL_DOCUMENTS_REJECTED","CLEAR_BILL_DOCUMENTS","FETCH_EXTERNAL_BILLS","FETCH_EXTERNAL_BILLS_FULFILLED","FETCH_EXTERNAL_BILLS_PENDING","FETCH_EXTERNAL_BILLS_REJECTED","FETCH_EXTERNAL_PAYMENTS","FETCH_EXTERNAL_PAYMENTS_FULFILLED","FETCH_EXTERNAL_PAYMENTS_PENDING","FETCH_EXTERNAL_PAYMENTS_REJECTED","FETCH_EXTERNAL_PAYMENT","FETCH_EXTERNAL_PAYMENT_FULFILLED","FETCH_EXTERNAL_PAYMENT_PENDING","FETCH_EXTERNAL_PAYMENT_REJECTED","CLEAR_EXTERNAL_PAYMENT","DELETE_PAYMENT","DELETE_PAYMENT_PENDING","DELETE_PAYMENT_FULFILLED","DELETE_PAYMENT_REJECTED","CLEAR_DELETED_PAYMENT","CREATE_STRIPE_INTENT","CREATE_STRIPE_INTENT_FULFILLED","CREATE_STRIPE_INTENT_PENDING","CREATE_STRIPE_INTENT_REJECTED","wait","args","clearTimeout","apply","invertedObject","dateParam","match","RegExp","exec","search","decodeURIComponent","webpackContext","req","webpackContextResolve","__webpack_require__","o","Error","resolve"],"sourceRoot":""}