\n
\n );\n }\n}\n\nStep16.propTypes = {\n form: PropTypes.object,\n onFormDataChange: PropTypes.func,\n next: PropTypes.func,\n prev: PropTypes.func,\n onFormDataSave: PropTypes.func,\n adjust: PropTypes.func,\n isSummary: PropTypes.bool,\n submitted: PropTypes.bool,\n loading: PropTypes.bool,\n makeError: PropTypes.func,\n makeValid: PropTypes.func,\n step: PropTypes.number,\n currentStep: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n validateStep: PropTypes.string,\n stepName: PropTypes.string,\n errors: PropTypes.any,\n isReadOnly: PropTypes.any,\n};\n\nconst mapStateToProps = createStructuredSelector({\n form: makeSelectStep16(),\n loading: makeSelectProgressBarStatus(),\n currentStep: makeSelectCurrentStep(),\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n onFormDataChange: (propertyName, value) => dispatch(handleFormDataChange(propertyName, value)),\n onFormDataSave: () => dispatch(saveFormData()),\n});\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps\n);\nconst withReducer = injectReducer({ key: 'step16', reducer });\n\nexport default compose(\n withReducer,\n withConnect\n)(Step16);\n\n\n\n// WEBPACK FOOTER //\n// ./app/containers/FastCover/Step16/index.js","import { fromJS } from 'immutable';\n\nimport {\n VALUE_CHANGED,\n LOAD,\n RESET,\n SET_DEFAULT_VALUE,\n} from './constants';\n\n// The initial state of the App\nconst initialState = fromJS({\n form: {\n benefitAreYouClaimingFor: '',\n assistance: '',\n nameOfDeceased: '',\n dateApproved: '',\n causeOfDeath: '',\n dateOfDeath: '',\n stateOfDeath: '',\n countryOfDeath: '',\n wasTheMemberHospitalized: '',\n fromDate: '',\n toDate: '',\n nameOfFuneralServiceProvider: '',\n costOfLocalBurial: '',\n invoice: '',\n amountClaimed: '',\n costOfLocalBurialCurrency: '',\n amountClaimedCurrency: '',\n familyMemberProvidingInformation: '',\n relationshipToMember: '',\n address: '',\n cityOrTown: '',\n country: '',\n postalCode: '',\n },\n});\n\nfunction step17Reducer(state = initialState, action) {\n const properties = action.propertyName ? action.propertyName.split('.') : '';\n switch (action.type) {\n case SET_DEFAULT_VALUE: {\n return state.setIn(properties, action.value);\n }\n case VALUE_CHANGED:\n return state.setIn(properties, action.value);\n case LOAD:\n return action.payload\n ? fromJS({ form: action.payload, errors: [] })\n : initialState;\n case RESET:\n return initialState;\n default:\n return state;\n }\n}\n\nexport default step17Reducer;\n\n\n\n// WEBPACK FOOTER //\n// ./app/containers/FastCover/Step17/reducer.js","import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n benefitAreYouClaimingFor: {\n id: 'fastCover.step17.benefitAreYouClaimingFor',\n defaultMessage: 'Which Benefit are you claiming for?',\n },\n\n localBurial: {\n id: 'fastCover.step17.localBurial',\n defaultMessage: 'Local Burial',\n },\n\n repatriation: {\n id: 'fastCover.step17.repatriation',\n defaultMessage: 'Repatriation',\n },\n\n assistance: {\n id: 'fastCover.step17.assistance',\n defaultMessage: 'Assistance company/Claims / Administrator Approval Number',\n },\n\n dateApproved: {\n id: 'fastCover.step17.dateApproved',\n defaultMessage: 'Date Approved',\n },\n\n causeOfDeath: {\n id: 'fastCover.step17.causeOfDeath',\n defaultMessage: 'Cause Of Death',\n },\n\n dateOfDeath: {\n id: 'fastCover.step17.dateOfDeath',\n defaultMessage: 'Date Of Death',\n },\n\n stateOfDeath: {\n id: 'fastCover.step17.stateOfDeath',\n defaultMessage: 'State Of Death',\n },\n\n countryOfDeath: {\n id: 'fastCover.step17.countryOfDeath',\n defaultMessage: 'Country Of Death',\n },\n\n wasTheMemberHospitalized: {\n id: 'fastCover.step17.wasTheMemberHospitalized',\n defaultMessage: 'Was the Member Hospitalized',\n },\n\n yes: {\n id: 'fastCover.step17.yes',\n defaultMessage: 'Yes',\n },\n no: {\n id: 'fastCover.step17.no',\n defaultMessage: 'No',\n },\n\n from: {\n id: 'fastCover.step17.from',\n defaultMessage: 'From',\n },\n\n to: {\n id: 'fastCover.step17.to',\n defaultMessage: 'To',\n },\n\n nameOfFuneralServiceProvider: {\n id: 'fastCover.step17.nameOfFuneralServiceProvider',\n defaultMessage: 'Name of Funeral Service Provider',\n },\n\n costOfLocalBurial: {\n id: 'fastCover.step17.costOfLocalBurial',\n defaultMessage: 'Cost of Local Burial',\n },\n\n invoice: {\n id: 'fastCover.step17.invoice',\n defaultMessage: 'Invoice',\n },\n\n amountClaimed: {\n id: 'fastCover.step17.amountClaimed',\n defaultMessage: 'Amount Claimed',\n },\n\n currency: {\n id: 'fastCover.step17.currency',\n defaultMessage: 'Currency',\n },\n\n familyMemberProvidingInformation: {\n id: 'fastCover.step17.familyMemberProvidingInformation',\n defaultMessage: 'Family member providing information (claimant)',\n },\n\n relationshipToMember: {\n id: 'fastCover.step17.relationshipToMember',\n defaultMessage: 'Relationship to Member',\n },\n\n address: {\n id: 'fastCover.step17.address',\n defaultMessage: 'Address',\n },\n\n cityOrTown: {\n id: 'fastCover.step17.cityOrTown',\n defaultMessage: 'City Or Town',\n },\n\n country: {\n id: 'fastCover.step17.country',\n defaultMessage: 'Country',\n },\n\n postalCode: {\n id: 'fastCover.step17.postalCode',\n defaultMessage: 'Postal Code',\n },\n\n phoneNumber: {\n id: 'fastCover.step17.phoneNumber',\n defaultMessage: 'Phone Number',\n },\n\n isRequired: {\n id: 'fastCover.step17.isRequired',\n defaultMessage: \"'{defaultMessage}' is required\",\n },\n\n});\n\n\n\n// WEBPACK FOOTER //\n// ./app/containers/FastCover/Step17/messages.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport { createStructuredSelector } from 'reselect';\nimport { FormattedMessage } from 'react-intl';\nimport ReactResizeDetector from 'react-resize-detector';\nimport * as _ from 'lodash';\nimport { removeTimeZoneFromDate } from 'utils/dateUtil';\nimport FlexBox from 'components/FlexBox';\nimport injectReducer from 'utils/injectReducer';\nimport { makeSelectStep17 } from './selectors';\nimport reducer from './reducer';\nimport PageSectionHeader from '../components/PageSectionHeader';\nimport Textbox from '../components/Textbox';\nimport DatePicker from '../components/DatePicker';\nimport TextArea from '../components/TextArea';\nimport messages from './messages';\nimport {\n handleFormDataChange,\n} from './actions';\nimport OptionsContainer from '../components/OptionsContainer';\nimport { Button } from '../components/Button';\nimport { saveFormData } from '../actions';\nimport {\n ValidateGroup,\n} from '../../../components/Validation/';\nimport AsyncButton from '../../../components/AsyncButton/index';\nimport { makeSelectProgressBarStatus } from '../../ProgressBar/selectors';\nimport { makeSelectCurrentStep } from '../../Wizard/selectors';\nimport CurrencySelector from '../components/CurrencySelector';\n\nclass Step17 extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n validationCounter: 0,\n errors: [],\n };\n\n this.validatorGroup = new ValidateGroup();\n this.saveButtonId = _.uniqueId();\n this.clickedItemId = '';\n this.nextButton = null;\n\n this.onResize = this.onResize.bind(this);\n }\n\n componentWillReceiveProps(nextProps) {\n const { currentStep, step, stepName } = this.props;\n if ((stepName && nextProps.validateStep === stepName) || (currentStep !== nextProps.currentStep && currentStep === step)) {\n this.checkFormError();\n }\n\n if (this.props.isReadOnly && nextProps.errors !== this.props.errors) {\n this.state.validationCounter += 1;\n this.validatorGroup.checkValidation();\n }\n\n if (!nextProps.loading) {\n this.clickedItemId = '';\n }\n }\n onResize = () => {\n const { adjust } = this.props;\n if (adjust) {\n adjust();\n }\n };\n\n handleSaveButtonClick = (event) => {\n const target = event.currentTarget || event.srcElement;\n this.clickedItemId = target.id;\n this.props.onFormDataSave();\n this.nextButton.focus();\n };\n\n handleChange = (propertyName) => (event) => {\n const target = event.target;\n const value = target.type === 'checkbox' ? target.checked : target.value;\n if (target.type === 'radio') {\n this.props.adjust();\n }\n this.props.onFormDataChange(propertyName, value);\n };\n\n handleCurrencyChange = (propertyName) => (value) => {\n this.props.onFormDataChange(propertyName, value);\n }\n\n handleChangeNameOfDeceased = (propertyName) => (event) => {\n const { checkNameOfDeceased } = this.props.form;\n const checkNameOfDeceases = !!checkNameOfDeceased && typeof checkNameOfDeceased.toJS === 'function'\n ? checkNameOfDeceased.toJS()\n : checkNameOfDeceased || [];\n\n const listChecked = _.cloneDeep(checkNameOfDeceases);\n const target = event.target;\n const name = target.name;\n const value = target.type === 'checkbox' ? target.checked : target.value;\n if (value) {\n listChecked.push(name);\n } else {\n listChecked.splice(listChecked.indexOf(name), 1);\n }\n this.props.onFormDataChange(propertyName, listChecked);\n };\n\n handleDayChange = (propertyName) => (day) => {\n const localDate = removeTimeZoneFromDate(day);\n this.props.onFormDataChange(propertyName, localDate);\n };\n\n handleNext = () => {\n const { submitted } = this.props;\n if (submitted) {\n this.props.next();\n return;\n }\n this.checkFormError();\n\n this.props.onFormDataSave();\n this.props.next();\n };\n\n checkFormError() {\n const valid = this.validatorGroup.checkValidation();\n if (!valid) {\n this.props.makeError(this.props.step);\n const counter = this.state.validationCounter + 1;\n this.setState({ validationCounter: counter });\n } else {\n this.props.makeValid(this.props.step);\n }\n }\n\n handleFormDataSave = () => {\n this.props.onFormDataSave();\n };\n\n handleUncheckedFormState = (field, resetAction) => (event) => {\n const target = event.target;\n const value = target.type === 'checkbox' ? target.checked : target.value;\n\n if (value === 'false') {\n resetAction();\n }\n\n this.handleChange(field)(event);\n };\n\n handleKeyDown = (e) => {\n if (e.shiftKey && e.key === 'Tab') {\n return;\n }\n if (e.key === 'Tab') {\n e.preventDefault();\n }\n };\n\n showSpinnerForElement = (elementId) => this.clickedItemId === elementId;\n\n summaryFormValue() {\n return _.mapValues(this.props.form, (prop) => prop || 'N/A');\n }\n\n render() {\n const { isSummary, submitted, loading } = this.props;\n\n const {\n benefitAreYouClaimingFor,\n assistance,\n dateApproved,\n causeOfDeath,\n dateOfDeath,\n stateOfDeath,\n countryOfDeath,\n wasTheMemberHospitalized,\n fromDate,\n toDate,\n nameOfFuneralServiceProvider,\n costOfLocalBurial,\n invoice,\n amountClaimed,\n costOfLocalBurialCurrency,\n amountClaimedCurrency,\n familyMemberProvidingInformation,\n relationshipToMember,\n address,\n cityOrTown,\n country,\n postalCode,\n phoneNumber,\n } = isSummary ? this.summaryFormValue() : this.props.form;\n\n const isReadOnly = submitted || isSummary;\n return (\n \n
\n \n \n \n \n \n
\n \n \n \n \n \n \n \n \n \n
\n \n
\n \n \n \n \n \n \n \n
\n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n \n \n
\n \n
\n \n \n \n \n \n
\n \n
\n {!isSummary && (\n \n \n On clicking the button an email with the Statement of Attending Physician will be sent to you. Once sent please check your email.\n \n
\n \n \n
\n \n
\n )}\n \n
\n {!submitted && (\n \n
\n \n \n Back\n \n
\n \n {\n this.nextButton = ref;\n }}\n >\n Next >\n \n
\n \n \n Save\n \n
\n )}\n \n
\n );\n }\n}\n\nStep17.propTypes = {\n form: PropTypes.object,\n onFormDataChange: PropTypes.func,\n next: PropTypes.func,\n prev: PropTypes.func,\n onFormDataSave: PropTypes.func,\n adjust: PropTypes.func,\n isSummary: PropTypes.bool,\n submitted: PropTypes.bool,\n loading: PropTypes.bool,\n makeError: PropTypes.func,\n makeValid: PropTypes.func,\n step: PropTypes.number,\n currentStep: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n validateStep: PropTypes.string,\n stepName: PropTypes.string,\n errors: PropTypes.any,\n isReadOnly: PropTypes.any,\n};\n\nconst mapStateToProps = createStructuredSelector({\n form: makeSelectStep17(),\n loading: makeSelectProgressBarStatus(),\n currentStep: makeSelectCurrentStep(),\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n onFormDataChange: (propertyName, value) => dispatch(handleFormDataChange(propertyName, value)),\n onFormDataSave: () => dispatch(saveFormData()),\n});\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps\n);\nconst withReducer = injectReducer({ key: 'step17', reducer });\n\nexport default compose(\n withReducer,\n withConnect\n)(Step17);\n\n\n\n// WEBPACK FOOTER //\n// ./app/containers/FastCover/Step17/index.js","import styled from 'styled-components';\n\nconst FieldHeader = styled.div`\n font-size: 1.25em;\n margin: 5px 0;\n padding: 0;\n font-weight: 500;\n line-height: 1.2em;\n`;\n\nexport default FieldHeader;\n\n\n\n// WEBPACK FOOTER //\n// ./app/containers/FastCover/components/FieldHeader/index.js","import React from 'react';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport { createStructuredSelector } from 'reselect';\nimport Collapsible from 'react-collapsible';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport _ from 'lodash';\n\nimport AsyncButton from 'components/AsyncButton';\nimport LoginPage from 'containers/Login';\n\nimport messages from './messages';\nimport StepAppsureBankDetails from '../FastCover/Appsure.StepBankDetails';\n// import Step4 from '../FastCover/Step4';\nimport StepWhatHappened from '../FastCover/StepWhatHappened';\nimport StepCancellationAdditional from '../FastCover/StepCancellationAdditional';\nimport StepPersonalItems from '../FastCover/StepPersonalItems';\nimport StepOverseasMedical from '../FastCover/StepOverseasMedical';\nimport StepRentalVehicle from '../FastCover/StepRentalVehicle';\nimport StepSnowSports from '../FastCover/StepSnowSports';\nimport StepOther from '../FastCover/StepOther';\nimport StepSupportingDocuments from '../FastCover/StepSupportingDocuments';\nimport StepClaimSummary from '../FastCover/StepClaimSummary';\nimport Step16 from '../FastCover/Step16';\nimport Step17 from '../FastCover/Step17';\nimport StepTripCancellationAndTripInterruption from '../FastCover/StepTripCancellationAndTripInterruption';\nimport StepBaggageAndPersonalItems from '../FastCover/StepBaggageAndPersonalItems';\nimport StepMedicalExpenses from '../FastCover/StepMedicalExpenses';\nimport StepPaymentDetails from '../FastCover/StepPaymentDetails';\nimport MedicalExpenseStep from '../FastCover/Trawick.NationWide.MedicalExpenseStep/';\nimport AccidentalDeathAndDismemberment from '../FastCover/Trawick.NationWide.AccidentalDeathAndDismembermentStep/';\nimport TripCancellationStep from '../FastCover/Trawick.NationWide.TripCancellationStep/';\nimport TripDelayStep from '../FastCover/Trawick.NationWide.TripDelayStep/';\nimport TripInterruptionStep from '../FastCover/Trawick.NationWide.TripInterruptionStep/';\nimport MissedConnectionStep from '../FastCover/Trawick.NationWide.MissedConnectionStep/';\nimport PetMedicalStep from '../FastCover/Trawick.NationWide.PetMedicalStep/';\nimport CollisionDamageStep from '../FastCover/Trawick.NationWide.CollisionDamageStep/';\nimport PropertyDamageStep from '../FastCover/Trawick.NationWide.PropertyDamageStep/';\nimport BaggageAndPersonalStep from '../FastCover/Trawick.NationWide.PersonalItemStep/';\nimport SportsEquipmentStep from '../FastCover/Trawick.NationWide.SportsEquipmentStep/';\nimport MedicalHardshipStep from '../FastCover/Trawick.DuesProtect.MedicalHardshipStep/';\nimport JobLossHardshipStep from '../FastCover/Trawick.DuesProtect.JobLossHardshipStep/';\nimport MedicalExpenseCFStep from '../FastCover/Trawick.CFTripCan.MedicalExpense/';\nimport MedicalExpenseZurichStep from '../FastCover/Trawick.Zurich.MedicalExpense/';\nimport TripCancellationCFStep from '../FastCover/Trawick.CFTripCan.TripCancellationStep/';\nimport BaggagePersonalEffects from '../FastCover/Trawick.CFTripCan.BaggagePersonalEffects/';\nimport ItineraryChange from '../FastCover/Trawick.CFTripCan.ItineraryChange/';\nimport StepTravelDelay from '../FastCover/StepTravelDelay/';\nimport SubmissionScreen from '../FastCover/StepDeclaration';\nimport FieldHeader from '../FastCover/components/FieldHeader/index';\nimport { setAuthenticationToken } from '../Login/actions';\nimport { setSelectedPolicyId } from '../App/actions';\nimport {\n loadClaimFromSummary,\n updateSelectedClaimId,\n loadClaimList,\n downLoadSummary,\n updateSelectedClaimNumber,\n getShowElectronicConsent,\n} from '../ClaimList/actions';\nimport { getClaimTypes } from '../FastCover/StepWhatHappened/actions';\nimport saga from '../ClaimList/saga';\nimport stepWhatHappenedSaga from '../FastCover/StepWhatHappened/saga';\nimport {\n makeSelectClaimList,\n makeSelectClaimTypes,\n} from '../ClaimList/selectors';\nimport {\n makeSelectClaimPaymentVersion,\n makeSelectShowElectronicConsentDocument,\n makeSelectJSONVersion,\n makeSelectInitClaimTypeList,\n makeSelectShowRequiredDocument,\n makeSelectShowZurichUHC,\n makeSelectClaimantId,\n} from '../App/selectors';\nimport reducer from '../ClaimList/reducer';\nimport stepWhatHappenedReducer from '../FastCover/StepWhatHappened/reducer';\nimport injectReducer from '../../utils/injectReducer';\nimport loginSaga from '../Login/saga';\nimport loginReducer from '../Login/reducer';\nimport injectSaga from '../../utils/injectSaga';\nimport ModalNotice from '../FastCover/StepDeclaration/components/ModalNotice';\nimport apiConfig from '../../utils/apiConfig';\nimport { makeSelectStepWhatHappened } from '../FastCover/StepWhatHappened/selectors';\nimport { makeSelectStepOther } from '../FastCover/StepOther/selectors';\nimport { makeSelectStepTripCancellationAndTripInterruption } from '../FastCover/StepTripCancellationAndTripInterruption/selectors';\nimport { makeSelectStepDeclaration } from '../FastCover/StepDeclaration/selectors';\nimport {\n stepSnowSportsExpenseLookup,\n stepOtherExpenseLookup,\n stepTripCancellationAndTripInterruptionExpenseLookup,\n stepBaggageAndPersonalItemsExpenseLookup,\n stepMedicalExpensesExpenseLookup,\n stepCancellationAdditionalExpenseLookup,\n stepPersonalItemsExpenseLookup,\n stepOverseasMedicalExpenseLookup,\n stepRentalVehicleExpenseLookup,\n stepPetMedicalExpenseLookup,\n stepCollisionDamageExpenseLookup,\n stepPropertyDamageExpenseLookup,\n stepMedicalExpenseLookup,\n stepTripCancellationLookup,\n stepTripInterruptionLookup,\n stepTripDelayLookup,\n stepMissedConnectionLookup,\n stepAccidentalDeathAndDismembermentLookup,\n stepBaggageAndPersonalLookup,\n stepSportsEquipmentLookup,\n stepMedicalExpenseCFLookup,\n stepTripCancellationCFLookup,\n baggagePersonalEffectsLookup,\n itineraryChangeLookup,\n medicalHardshipLookup,\n jobLossHardshipLookup,\n disasterAssistanceHardshipLookup,\n stepTravelDelayLookup,\n} from '../FastCover/dataMapper/claimCodeMapper';\nimport { makeDirty, makeError, makeValid } from '../Wizard/actions';\nclass SummaryScreen extends React.Component {\n constructor(props) {\n super(props);\n const { showZurichUHC } = this.props;\n this.state = {\n exporting: false,\n notice: false,\n claimNo: '',\n sections: [\n {\n id: 3,\n title: messages.section4,\n component: StepWhatHappened,\n },\n {\n id: 6,\n title: messages.section7,\n component: StepOverseasMedical,\n },\n {\n id: 5,\n title: messages.section6,\n component: StepPersonalItems,\n },\n {\n id: 4,\n title: messages.section5,\n component: StepCancellationAdditional,\n },\n {\n id: 7,\n title: messages.section8,\n component: StepRentalVehicle,\n },\n {\n id: 8,\n title: messages.section9,\n component: StepSnowSports,\n },\n {\n id: 20,\n title: showZurichUHC ? messages.sectionMedicalExpenseZurichStep : messages.section20,\n component: showZurichUHC ? MedicalExpenseZurichStep : StepMedicalExpenses,\n },\n {\n id: 18,\n title: messages.section18,\n component: StepTripCancellationAndTripInterruption,\n },\n {\n id: 19,\n title: messages.section19,\n component: StepBaggageAndPersonalItems,\n },\n {\n id: 9,\n title: messages.section10,\n component: StepOther,\n },\n // new screen\n {\n id: 16,\n title: messages.sectionPetMedicalStep,\n component: PetMedicalStep,\n },\n {\n id: 17,\n title: messages.sectionCollisionDamageStep,\n component: CollisionDamageStep,\n },\n {\n id: 21,\n title: messages.sectionPropertyDamage,\n component: PropertyDamageStep,\n },\n {\n id: 22,\n title: messages.sectionTripCancellation,\n component: TripCancellationStep,\n },\n {\n id: 23,\n title: messages.sectionMedicalExpenseStep,\n component: MedicalExpenseStep,\n },\n {\n id: 24,\n title: messages.sectionAccidentalDeathAndDismemberment,\n component: AccidentalDeathAndDismemberment,\n },\n {\n id: 25,\n title: messages.sectionTripDelayStep,\n component: TripDelayStep,\n },\n {\n id: 26,\n title: messages.sectionTripInterruptionStep,\n component: TripInterruptionStep,\n },\n {\n id: 27,\n title: messages.sectionMissedConnectionStep,\n component: MissedConnectionStep,\n },\n {\n id: 28,\n title: messages.sectionBaggageAndPersonalStep,\n component: BaggageAndPersonalStep,\n },\n {\n id: 29,\n title: messages.sectionSportsEquipmentStep,\n component: SportsEquipmentStep,\n },\n // {\n // id: 30,\n // title: messages.sectionMedicalHardshipStep,\n // component: MedicalHardshipStep,\n // },\n // {\n // id: 31,\n // title: messages.sectionJobLossHardshipStep,\n // component: JobLossHardshipStep,\n // },\n {\n id: 32,\n title: messages.sectionMedicalExpenseCFStep,\n component: MedicalExpenseCFStep,\n },\n {\n id: 33,\n title: messages.sectionTripCancellationCFStep,\n component: TripCancellationCFStep,\n },\n {\n id: 34,\n title: messages.sectionBaggagePersonalEffects,\n component: BaggagePersonalEffects,\n },\n {\n id: 35,\n title: messages.sectionItineraryChange,\n component: ItineraryChange,\n },\n {\n id: 36,\n title: messages.sectionTravelDelay,\n component: StepTravelDelay,\n },\n {\n id: 10,\n title: messages.section11,\n component: StepSupportingDocuments,\n },\n {\n id: 2,\n title: apiConfig.enableNewPaymentScreen === true ? messages.section2 : messages.section21,\n component: apiConfig.enableNewPaymentScreen === true ? StepAppsureBankDetails : StepPaymentDetails,\n },\n {\n id: 15,\n title: messages.section15,\n component: StepClaimSummary,\n },\n {\n id: 11,\n title: messages.readyToSubmit,\n component: SubmissionScreen,\n },\n ],\n };\n }\n\n componentDidMount() {\n const { params } = this.props.match || {};\n this.props.onRequestClaimJson(params);\n this.props.loadClaimList();\n // this.props.getClaimTypes();\n }\n\n componentWillReceiveProps(nextProps) {\n if (\n nextProps.claim &&\n nextProps.claim.claims &&\n nextProps.claim.claims.length\n ) {\n const { params } = this.props.match || {};\n const res = _.find(\n nextProps.claim.claims,\n (i) => i.claimParentId.toString() === params.claimNumber\n );\n const claimNumber = res === undefined ? params.claimNumber : res.claimNumber;\n this.setState({ claimNo: claimNumber });\n this.props.updateSelectedClaimNumber(claimNumber);\n }\n }\n\n showModal = () => {\n this.setState({ notice: true });\n };\n\n closeModal = () => {\n this.setState({ notice: false });\n };\n\n exportPdf = () => {\n this.setState({ exporting: true });\n this.showModal();\n const cb = () => {\n this.setState({ exporting: false });\n this.closeModal();\n };\n this.props.downLoadSummary(cb);\n };\n\n renderCollapsibleHeader = (message) => \n
\n \n \n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n \n \n
\n \n
\n \n
\n \n \n \n
\n \n
\n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n \n \n \n \n \n \n \n \n
\n { wasTheMemberHospitalized === 'true' && (\n \n
\n )}\n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n {!isSummary && (\n \n \n \n
\n \n
\n \n
\n )}\n \n
\n {!submitted && (\n \n
\n \n \n Back\n \n
\n \n {\n this.nextButton = ref;\n }}\n >\n Next >\n \n
\n \n \n Save\n \n
\n )}\n \n \n \n \n \n \n ![\"Header]()
\n \n \n \n \n \n \n \n \n \n \n \n \n
\n );\n }\n}\n\nSummaryScreen.propTypes = {\n onRequestClaimJson: PropTypes.func,\n loadClaimList: PropTypes.func,\n match: PropTypes.object,\n claim: PropTypes.object,\n downLoadSummary: PropTypes.func,\n updateSelectedClaimNumber: PropTypes.func,\n form: PropTypes.any,\n stepTripCancellationAndTripInterruptionData: PropTypes.any,\n stepOtherData: PropTypes.any,\n stepDeclarationData: PropTypes.any,\n claimTypes: PropTypes.any,\n claimPaymentVersion: PropTypes.any,\n showElectronicConsentDocument: PropTypes.bool,\n jsonVersion: PropTypes.string,\n claimTypesInit: PropTypes.array,\n showRequiredDocument: PropTypes.bool,\n showZurichUHC: PropTypes.bool,\n claimantId: PropTypes.any,\n};\n\nconst mapStateToProps = createStructuredSelector({\n claim: makeSelectClaimList(),\n form: makeSelectStepWhatHappened(),\n stepTripCancellationAndTripInterruptionData: makeSelectStepTripCancellationAndTripInterruption(),\n stepOtherData: makeSelectStepOther(),\n stepDeclarationData: makeSelectStepDeclaration(),\n claimTypes: makeSelectClaimTypes(),\n claimPaymentVersion: makeSelectClaimPaymentVersion(),\n showElectronicConsentDocument: makeSelectShowElectronicConsentDocument(),\n jsonVersion: makeSelectJSONVersion(),\n claimTypesInit: makeSelectInitClaimTypeList(),\n showRequiredDocument: makeSelectShowRequiredDocument(),\n showZurichUHC: makeSelectShowZurichUHC(),\n claimantId: makeSelectClaimantId(),\n});\n\nfunction mapDispatchToProps(dispatch) {\n return {\n onRequestClaimJson: (params) => {\n dispatch(setAuthenticationToken(params.token));\n dispatch(setSelectedPolicyId(params.policyNumber));\n dispatch(updateSelectedClaimId(params.claimNumber));\n dispatch(getShowElectronicConsent());\n dispatch(loadClaimList());\n dispatch(loadClaimFromSummary());\n dispatch(getClaimTypes(true));\n },\n loadClaimList: () => dispatch(loadClaimList()),\n getClaimTypes: () => dispatch(getClaimTypes()),\n getShowElectronicConsent: () => dispatch(getShowElectronicConsent()),\n downLoadSummary: (cb) => dispatch(downLoadSummary(cb)),\n updateSelectedClaimNumber: (claimNumber) =>\n dispatch(updateSelectedClaimNumber(claimNumber)),\n makeError: (s) => dispatch(makeError(s)),\n makeDirty: (s) => dispatch(makeDirty(s)),\n makeValid: (s) => dispatch(makeValid(s)),\n };\n}\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps\n);\n\nconst withReducer = injectReducer({ key: 'claims', reducer });\nconst withStepWhatHappenedReducer = injectReducer({ key: 'stepWhatHappened', reducer: stepWhatHappenedReducer });\nconst withSaga = injectSaga({ key: 'claims', saga });\nconst withStepWhatHappenedSaga = injectSaga({ key: 'stepWhatHappened', saga: stepWhatHappenedSaga });\nconst withLoginSaga = injectSaga({ key: 'oauth', saga: loginSaga });\nconst withLoginReducer = injectReducer({ key: 'oauth', reducer: loginReducer });\n\nexport default compose(\n withStepWhatHappenedReducer,\n withReducer,\n withStepWhatHappenedSaga,\n withSaga,\n withLoginReducer,\n withLoginSaga,\n withConnect\n)(SummaryScreen);\n\n\n\n// WEBPACK FOOTER //\n// ./app/containers/SummaryScreen/index.js","/**\n * Asynchronously loads the component for HomePage\n */\nimport Loadable from 'react-loadable';\n\nimport LoadingIndicator from 'components/LoadingIndicator';\n\nexport default Loadable({\n loader: () => import('./index'),\n loading: LoadingIndicator,\n});\n\n\n\n// WEBPACK FOOTER //\n// ./app/containers/PostSubmit/Loadable.js","/* eslint-disable import/extensions,import/no-unresolved,react/prefer-stateless-function,import/no-duplicates,import/no-named-as-default-member */\n\nimport React from 'react';\nimport { Helmet } from 'react-helmet';\nimport styled from 'styled-components';\nimport {\n Route,\n Switch,\n} from 'react-router-dom';\n\nimport LoginPage from 'containers/Login/Loadable';\nimport NotFoundPage from 'containers/NotFoundPage/Loadable';\nimport FastCoverWizardPage from 'containers/FastCover/Loadable';\nimport ClaimListPage from 'containers/ClaimList/Loadable';\nimport PrivateRoute from 'containers/PrivateRoute';\nimport routeConfig from 'utils/routeConfig';\nimport ProgressBar from 'containers/ProgressBar';\nimport Notification from 'containers/Toastr';\nimport SummaryScreen from '../SummaryScreen';\nimport PostSubmit from '../PostSubmit/Loadable';\n\nconst AppWrapper = styled.div`\n max-width: 852px;\n margin: 0 auto;\n display: flex;\n // min-height: 100%;\n padding: 0 16px;\n flex-direction: column;\n`;\n\nexport default class App extends React.Component {\n\n render() {\n return (\n \n \n \n {sections.map((section, index) => {\n if (selected.length) {\n if (\n section.id === 4 &&\n !_.intersection(\n stepCancellationAdditionalExpenseLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 5 &&\n !_.intersection(\n stepPersonalItemsExpenseLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 6 &&\n !_.intersection(\n stepOverseasMedicalExpenseLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 7 &&\n !_.intersection(\n stepRentalVehicleExpenseLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 8 &&\n !_.intersection(\n stepSnowSportsExpenseLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 9 &&\n !_.intersection(\n stepOtherExpenseLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 18 &&\n !_.intersection(\n stepTripCancellationAndTripInterruptionExpenseLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 19 &&\n !_.intersection(\n stepBaggageAndPersonalItemsExpenseLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 20 &&\n !_.intersection(\n stepMedicalExpensesExpenseLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 16 &&\n !_.intersection(\n stepPetMedicalExpenseLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 17 &&\n !_.intersection(\n stepCollisionDamageExpenseLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 21 &&\n !_.intersection(\n stepPropertyDamageExpenseLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 22 &&\n !_.intersection(\n stepTripCancellationLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 23 &&\n !_.intersection(\n stepMedicalExpenseLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 24 &&\n !_.intersection(\n stepAccidentalDeathAndDismembermentLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 25 &&\n !_.intersection(\n stepTripDelayLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 26 &&\n !_.intersection(\n stepTripInterruptionLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 27 &&\n !_.intersection(\n stepMissedConnectionLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 28 &&\n !_.intersection(\n stepBaggageAndPersonalLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 29 &&\n !_.intersection(\n stepSportsEquipmentLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 32 &&\n !_.intersection(\n stepMedicalExpenseCFLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 33 &&\n !_.intersection(\n stepTripCancellationCFLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 34 &&\n !_.intersection(\n baggagePersonalEffectsLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 35 &&\n !_.intersection(\n itineraryChangeLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 33 &&\n !_.intersection(\n medicalHardshipLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 34 &&\n !_.intersection(\n jobLossHardshipLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 35 &&\n !_.intersection(\n disasterAssistanceHardshipLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n if (\n section.id === 36 &&\n !_.intersection(\n stepTravelDelayLookup.claimCodeList,\n _.map(selected, 'claimCode')\n ).length\n ) {\n return null;\n }\n }\n const Component = section.component;\n return (\n \n {index === 0 && (\n \n {claim.cellcaptive} Travel Claim Summary - \n {claimNo}\n
\n )}\n \n {}}\n {...this.props}\n claimTypes={this.props.claimTypes}\n stepWhatHappenedData={this.props.form}\n stepOtherData={this.props.stepOtherData}\n stepTripCancellationAndTripInterruptionData={this.props.stepTripCancellationAndTripInterruptionData}\n showElectronicConsentDocument={showElectronicConsentDocument}\n electronicConsentDocument\n handleDownload={() => {}}\n emailAddress={emailAddress}\n errorEmails={errorEmails}\n jsonVersion={jsonVersion}\n claimTypesInit={this.props.claimTypesInit}\n showRequiredDocument={this.props.showRequiredDocument}\n showZurichUHC={this.props.showZurichUHC}\n claimantId={this.props.claimantId}\n />\n
\n \n \n );\n })}\n \n \n
\n