(\n \n {\" \"}\n \n
\n Basic Information
\n \n \n
\n
\n
\n
\n
\n
\n
\n \n This dependent is currently covered, or has been selected\n to be covered, on one or more policies. Are you sure you\n want to deactivate them? Doing so will not remove them\n from current policies, but you will no longer be able to\n add them to other policies.\n \n
\n )}\n {props.activecount}
\n \n
\n 0 ? true : false}\n />\n
\n\n
\n 0\n ? formRenderProps.valueGetter(\"relationship\") ===\n `Spouse`\n ? true\n : false\n : false\n }\n />\n
\n
\n {\" \"}\n {`${formRenderProps.valueGetter(\"relationship\")}` ===\n \"Disabled Child\" && (\n
\n
\n )}\n
\n
\n 0\n ? formRenderProps.valueGetter(\"relationship\") ===\n `Spouse`\n ? true\n : false\n : false\n }\n />\n
\n
\n
\n
\n
\n Address
\n \n
\n \n
\n \n
\n \n
\n
\n\n {/*
\n
*/}\n
\n
\n
\n
\n \n
\n \n {`${props.item.firstname}` === \"\" ? \"Save\" : \"Update\"}\n \n \n Cancel\n \n \n \n )}\n />\n \n );\n}\n","import React, { useState, useEffect, useContext } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { Button } from \"@progress/kendo-react-buttons\";\nimport { Grid, GridColumn as Column } from \"@progress/kendo-react-grid\";\nimport EditDependentForm from \"./EditDependentForm\";\nimport { STATUS } from \"../../model/constants\";\nimport { PostSave } from \"../../services/useFetch\";\nimport { urlDependents } from \"../../services/serviceURLs\";\nimport {\n Notification,\n NotificationGroup,\n} from \"@progress/kendo-react-notification\";\nimport { Fade } from \"@progress/kendo-react-animation\";\nimport Spinner from \"./../Spinner\";\nimport { AuthContext } from \"../AuthContext\";\nimport { redirectHome, ChangesSaveMessage } from \"../../services/shareconstant\";\n\nexport default function ReviewDependentsForm(props) {\n const [dependents, setDependents] = useState([]);\n const [openForm, setOpenForm] = useState(false);\n const [openAddForm, setOpenAddForm] = useState(false);\n const [editItem, setEditItem] = useState({});\n const [status, setStatus] = useState(STATUS.IDLE);\n const [saveError, setSaveError] = useState(null);\n const [success, setSuccess] = useState(false);\n const [error, setError] = useState(false);\n const authContext = useContext(AuthContext);\n const loggedinpersonid = authContext.state.userinfoglobal.LinkId;\n const emptyDependent = {\n id: -1,\n personid: loggedinpersonid,\n firstname: \"\",\n lasttname: \"\",\n dateOfBirth: \"\",\n gender: \"\",\n relationship: \"\",\n line1: \"\",\n line2: \"\",\n line3: \"\",\n city: \"\",\n country: \"\",\n stateprovince: \"\",\n postalcode: \"\",\n county: \"\",\n telephone: \"\",\n middlename: \"\",\n suffix: \"\",\n disabilitydate: \"\",\n isActive: true,\n };\n\n useEffect(() => {\n const initialdependents = props.data.map(function (item) {\n return {\n id: item.id,\n personid: loggedinpersonid,\n firstname: item.firstname,\n lastname: item.lastname,\n dateOfBirth:\n item.dateOfBirth === \"1900-01-01T00:00:00\" ||\n item.dateOfBirth === \"0001-01-01T00:00:00\"\n ? \"\"\n : new Date(item.dateOfBirth),\n gender: item.gender,\n relationship: item.relationship,\n line1: item.line1,\n line2: item.line2,\n line3: item.line3,\n city: item.city,\n country: item.country,\n stateprovince: item.stateprovince,\n postalcode: item.postalcode,\n county: item.county,\n telephone: item.telephone,\n middlename: item.middlename,\n suffix: item.suffix,\n disabilitydate:\n item.disabilitydate === \"1900-01-01T00:00:00\" ||\n item.disabilitydate === \"0001-01-01T00:00:00\"\n ? \"\"\n : new Date(item.disabilitydate),\n isActive: item.isActive,\n };\n });\n setDependents(initialdependents);\n }, [loggedinpersonid, props.data]);\n\n const enterEdit = (dataItem) => {\n //Date format with moment to handle date issue\n // dataItem.dateOfBirth = (dataItem.dateOfBirth === null || dataItem.dateOfBirth === 'null' || dataItem.dateOfBirth === '' || dataItem.dateOfBirth === '1900-01-01')? '': new Date(moment(dataItem.dateOfBirth).format(\"YYYY/MM/DD\"));\n dataItem.dateOfBirth =\n dataItem.dateOfBirth === null ||\n dataItem.dateOfBirth === \"null\" ||\n dataItem.dateOfBirth === \"\" ||\n dataItem.dateOfBirth === \"1900-01-01\"\n ? \"\"\n : new Date(dataItem.dateOfBirth);\n dataItem.disabilitydate =\n dataItem.disabilitydate === null ||\n dataItem.disabilitydate === \"null\" ||\n dataItem.disabilitydate === \"\" ||\n dataItem.disabilitydate === \"1900-01-01\" ||\n dataItem.relationship !== \"Disabled Child\"\n ? \"\"\n : new Date(dataItem.disabilitydate);\n setEditItem(dataItem);\n setOpenForm(true);\n };\n\n const enterAdd = (event) => {\n event.preventDefault();\n setOpenAddForm(true);\n };\n\n async function handleSubmit(event) {\n if (event.id > 0) {\n setOpenForm(false);\n } else {\n setOpenAddForm(false);\n }\n //event.dateOfBirth = (event.dateOfBirth === null || event.dateOfBirth === '' || event.dateOfBirth === '0001-01-01T00:00:00')? '1900-01-01': new Date(moment(event.dateOfBirth).format(\"YYYY-MM-DD\"));\n event.dateOfBirth =\n event.dateOfBirth === null ||\n event.dateOfBirth === \"\" ||\n event.dateOfBirth === \"1900-01-01\" ||\n event.dateOfBirth === \"0001-01-01T00:00:00\"\n ? \"1900-01-01\"\n : event.dateOfBirth.toLocaleDateString();\n event.disabilitydate =\n event.disabilitydate === null ||\n event.disabilitydate === \"\" ||\n event.disabilitydate === \"1900-01-01\" ||\n event.disabilitydate === \"0001-01-01T00:00:00\" ||\n event.relationship !== \"Disabled Child\"\n ? \"1900-01-01\"\n : event.disabilitydate.toLocaleDateString();\n setStatus(STATUS.SUBMITTING);\n try {\n //const saveresponse = await PostSave(`${urlDependents}/${event.id}`,`POST`,editDependent);\n const saveresponse = await PostSave(\n `${urlDependents}/${event.id}`,\n `POST`,\n event\n );\n // To handle null date\n //event.dateOfBirth = (event.dateOfBirth === null || event.dateOfBirth === '' || event.dateOfBirth === '1900-01-01')? '': new Date(moment(event.dateOfBirth).format(\"YYYY-MM-DD\"));\n event.dateOfBirth =\n event.dateOfBirth === null ||\n event.dateOfBirth === \"\" ||\n event.dateOfBirth === \"1900-01-01\"\n ? \"\"\n : new Date(event.dateOfBirth);\n event.disabilitydate =\n event.disabilitydate === null ||\n event.disabilitydate === \"\" ||\n event.disabilitydate === \"1900-01-01\" ||\n event.relationship !== \"Disabled Child\"\n ? \"\"\n : new Date(event.disabilitydate);\n\n setSaveError(null);\n if (saveresponse.ok) {\n if (event.id > 0) {\n const arr = [...dependents];\n let index = arr.findIndex((x) => x.id === event.id);\n arr[index] = event;\n setDependents(arr);\n } else {\n const json = await saveresponse.json();\n const newDependent = { ...event, id: json.id };\n setDependents((olddependents) => [...olddependents, newDependent]);\n }\n setSuccess(true);\n setTimeout(() => {\n setSuccess(false);\n }, 3000);\n setError(false);\n setStatus(STATUS.COMPLETED);\n } else {\n throw saveresponse;\n }\n } catch (e) {\n setSaveError(e.statusText);\n setStatus(STATUS.ERROR);\n setSuccess(false);\n setError(true);\n setTimeout(() => {\n setError(false);\n }, 3000);\n }\n }\n\n function handleCancelEdit() {\n setOpenForm(false);\n }\n\n function handleAddCancelEdit() {\n setOpenAddForm(false);\n }\n\n const EditCommandCell = (props) => {\n return (\n \n props.enterEdit(props.dataItem)}>\n \n \n );\n };\n\n const MyEditCommandCell = (props) => (\n \n {(data, loading, error) => {\n if (loading) return \n );\n}\n","import React from \"react\";\nimport { CardSubtitle } from \"@progress/kendo-react-layout\";\nimport { Tooltip } from \"@progress/kendo-react-tooltip\";\nimport CustomToolTip from \"../CurrentCoverage/CustomToolTip\";\nimport { currencyFormat } from \"../../services/shareconstant\";\nimport CustomEOIToolTip from \"../CurrentCoverage/CustomEOIToolTip\";\nexport default function ReviewCard(props) {\n return (\n <>\n {props.current ? (\n \n
\n {props.card.currentDetails.summaryAttributes &&\n Object.keys(props.card.currentDetails.summaryAttributes).map(\n (key, i) => (\n
\n {(props.card.status==='EOI Pending') && key==='EOI Amount' ?\n \n {\" \"}\n {key}\n \n :((key!=='EOI Amount')? \n \n {\" \"}\n {key}\n \n :null) \n }\n \n {(props.card.status==='EOI Pending') && key==='EOI Amount' ?\n currencyFormat(\n parseInt(\n props.card.currentDetails.summaryAttributes[key]\n )\n ) \n :((key!=='EOI Amount')? \n \n {\" \"} \n {isNaN(props.card.currentDetails.summaryAttributes[key])\n ? props.card.currentDetails.summaryAttributes[key]\n : currencyFormat(\n parseInt(\n props.card.currentDetails.summaryAttributes[key]\n )\n )}\n \n :null)\n }\n
\n )\n )}\n
\n
\n {props.card.discountOrPremiumWaiverEligible === true\n ? props.card.currentDetails &&\n Object.keys(props.card.currentDetails).map(\n (key, i) =>\n key !== \"discountOrPremiumWaiverAttributes\" &&\n key !== \"summaryAttributes\" && (\n
\n {key === \"memberCost\" ? (\n <>\n (\n \n Member Monthly Cost{\" \"}\n \n \n \n \n ) : (\n \n {\" \"} \n {key === \"fullCost\" && (props.card.status==='EOI Pending') ? <>\n (\n \n Full Monthly Cost{\" \"}\n \n \n \n : (key === \"fullCost\"?\"Full Monthly Cost\":key)}\n \n )}\n\n \n {\" \"}\n {isNaN(props.card.currentDetails[key])\n ? props.card.currentDetails[key]\n : props.card.currentDetails[key] === -1 ? 'TBD' : currencyFormat(\n props.card.currentDetails[key]\n )}{\" \"}\n \n
\n )\n )\n : props.card.currentDetails &&\n Object.keys(props.card.currentDetails).map(\n (key, i) =>\n key !== \"discountOrPremiumWaiverAttributes\" &&\n key !== \"summaryAttributes\" &&\n key !== \"fullCost\" && (\n
\n \n {\" \"}\n {key === \"memberCost\" ? \"Member Monthly Cost\" : key}{\" \"}\n \n\n \n {\" \"}\n {isNaN(props.card.currentDetails[key])\n ? props.card.currentDetails[key]\n : props.card.currentDetails[key] === -1 ? 'TBD' : currencyFormat(\n props.card.currentDetails[key]\n )}{\" \"}\n \n
\n )\n )}\n
\n
\n
\n {props.card.futureDetails.summaryAttributes &&\n Object.keys(props.card.futureDetails.summaryAttributes).map(\n (key, i) => (\n
\n \n {\" \"}\n {key}\n \n \n {\" \"}\n {isNaN(props.card.futureDetails.summaryAttributes[key])\n ? props.card.futureDetails.summaryAttributes[key]\n : currencyFormat(\n parseInt(\n props.card.futureDetails.summaryAttributes[key]\n )\n )}\n \n
\n )\n )}\n
\n
\n {props.card.discountOrPremiumWaiverEligible === true\n ? props.card.futureDetails &&\n Object.keys(props.card.futureDetails).map(\n (key, i) =>\n key !== \"discountOrPremiumWaiverAttributes\" &&\n key !== \"summaryAttributes\" &&\n key !== \"effectiveDate\" && (\n
\n {key === \"memberCost\" ? (\n <>\n (\n \n Member Monthly Cost{\" \"}\n \n \n \n \n ) : (\n \n {\" \"}\n {key === \"fullCost\" && (props.card.status==='EOI Pending') ? <>\n (\n \n Full Monthly Cost{\" \"}\n \n \n \n : (key === \"fullCost\"?\"Full Monthly Cost\":key)}\n \n )}\n \n {\" \"}\n {isNaN(props.card.futureDetails[key])\n ? props.card.futureDetails[key]\n : props.card.futureDetails[key] === -1 ? 'TBD' : currencyFormat(\n props.card.futureDetails[key]\n )}{\" \"}\n \n
\n )\n )\n : props.card.futureDetails &&\n Object.keys(props.card.futureDetails).map(\n (key, i) =>\n key !== \"discountOrPremiumWaiverAttributes\" &&\n key !== \"summaryAttributes\" &&\n key !== \"fullCost\" &&\n key !== \"effectiveDate\" && (\n
\n \n {\" \"}\n {key === \"memberCost\" ? \"Member Monthly Cost\" : key}{\" \"}\n \n \n {\" \"}\n {isNaN(props.card.futureDetails[key])\n ? props.card.futureDetails[key]\n : props.card.futureDetails[key] === -1 ? 'TBD' : currencyFormat(\n props.card.futureDetails[key]\n )}{\" \"}\n \n
\n )\n )}\n
\n
\n {getError}\n \n )}\n \n
\n \n
\n {props.electionData.insuranceID >= 0 ? (\n \n {props.electionData.insurancePlanTypeDescription} ID #\n {props.electionData.insuranceID}\n
\n ) : (\n \n {props.electionData.insurancePlanTypeDescription}\n
\n )} \n \n Start Date:{\" \"}\n {formatDate(\n parseDate(props.electionData.startDate, [\n \"yyyy/MM/dd\",\n \"yyyy-MM-ddTHH:mm:ss\",\n ]),\n \"MM/dd/yyyy\"\n )}\n
\n \n
\n \n showClick()}\n >\n {\" \"}\n {showChanges ? `Hide Details` : `Show Details`}{\" \"}\n \n
\n \n {showChanges === true && (\n <>\n
\n
\n \n Description \n Previous Election \n Changed Election \n \n \n \n {/* Top level - Key */}\n {details.Previous &&\n Object.keys(details.Previous).map(\n (key, i) =>\n key !== \"Attributes\" &&\n key !== \"Beneficiaries\" &&\n key !== \"Dependents\" && (\n \n \n {\" \"}\n {key === \"fullCost\" && (props.card.status==='EOI Pending') ? <>\n (\n \n Full Cost{\" \"}\n \n \n \n : (key === \"FullCost\"?\"Full Cost\":key)}\n \n
\n )\n )}\n {/* 2nd level Attributes - Key */}\n {details.Previous.Attributes &&\n Object.keys(details.Previous.Attributes).map(\n (key, i) => (\n \n {key} \n
\n )\n )}\n \n \n {/* Top level Previous - Value */}\n {details.Previous &&\n Object.keys(details.Previous).map(\n (key, i) =>\n key !== \"Attributes\" &&\n key !== \"Beneficiaries\" &&\n key !== \"Dependents\" && (\n \n {\n // details.Previous[key] &&\n \n {\" \"}\n {isNaN(details.Previous[key])\n ? details.Previous[key] \n : details.Previous[key] === -1 ? 'TBD'\n : currencyFormat(\n parseFloat(details.Previous[key])\n )}\n \n }\n
\n )\n )}\n {/* 2nd level Previous Attributes - Value */}\n {details.Previous.Attributes &&\n Object.keys(details.Previous.Attributes).map(\n (key, i) => (\n \n \n {\" \"}\n {isNaN(details.Previous.Attributes[key])\n ? details.Previous.Attributes[key]\n : details.Previous.Attributes[key] === -1 ? 'TBD' : currencyFormat(\n parseFloat(\n details.Previous.Attributes[key]\n )\n )}\n \n
\n )\n )}\n \n \n {/* Top level Changed - Value */}\n {details.Changed &&\n Object.keys(details.Changed).map(\n (key, i) =>\n key !== \"Attributes\" &&\n key !== \"Beneficiaries\" &&\n key !== \"Dependents\" && (\n \n {\n //details.Changed[key] &&\n \n {\" \"}\n {isNaN(details.Changed[key])\n ? details.Changed[key]\n : details.Changed[key] === -1 ? 'TBD'\n : currencyFormat(\n parseFloat(details.Changed[key])\n )}\n \n }\n
\n )\n )}\n {/* 2nd level Changed Attributes - Value */}\n {details.Changed.Attributes &&\n Object.keys(details.Changed.Attributes).map(\n (key, i) => (\n \n \n {\" \"}\n {isNaN(details.Changed.Attributes[key])\n ? details.Changed.Attributes[key]\n : details.Changed.Attributes[key] === -1 ? 'TBD' \n : currencyFormat(\n parseFloat(\n details.Changed.Attributes[key]\n )\n )}\n \n
\n )\n )}\n \n \n \n \n {/* 3rd level Array for Beneficiary - Key */}\n {details.Previous.Beneficiaries && (\n Beneficiaries
\n )}\n \n \n {/* 3rd level Previous Array for Beneficiary - Value */}\n {\n details.Previous.Beneficiaries && (\n \n \n Name \n Type \n Percentage \n \n {details.Previous.Beneficiaries.map(\n (beneficiary, index) => (\n \n {\" \"}\n {beneficiary.Name} {\" \"}\n {beneficiary.Type} {\" \"}\n {beneficiary.Percentage}% {\" \"}\n \n )\n )}\n
\n )\n // \n\n // \n \n {/* 3rd level Changed Array for Beneficiary - Value */}\n {\n details.Changed.Beneficiaries && (\n \n \n Name \n Type \n Percentage \n {\" \"}\n {details.Changed.Beneficiaries.map(\n (beneficiary, index) => (\n \n {beneficiary.Name} \n {beneficiary.Type} {\" \"}\n {beneficiary.Percentage}% {\" \"}\n \n )\n )}\n
\n )\n\n // \n\n // \n \n \n \n {details.Previous.Dependents && Dependents
}\n \n \n {/* 3rd level Previous Array for Dependents - Value */}\n {\n details.Previous.Dependents && (\n \n \n Name \n Relationship \n \n {details.Previous.Dependents.map(\n (dependent, index) => (\n \n {\" \"}\n {dependent.Name} {\" \"}\n {dependent.Relationship} {\" \"}\n \n )\n )}\n
\n )\n // \n\n // \n \n {/* 3rd level Changed Array for dependent - Value */}\n {\n details.Changed.Dependents && (\n \n \n Name \n Relationship \n {\" \"}\n {details.Changed.Dependents.map(\n (dependents, index) => (\n \n {dependents.Name} \n {dependents.Relationship} {\" \"}\n \n )\n )}\n
\n )\n // \n\n // \n \n
\n
\n \n )}\n
\n
\n
\n {props.electionData &&\n props.electionData.map((card, index) => {\n return (\n
\n
\n
\n {props.electionData &&\n props.electionData.map((card, index) => {\n return (\n
\n
\n {props.electionData &&\n props.electionData.map((card, index) => {\n return (\n
\n
\n \n
\n \n {card.insuranceID >= 0 ? (\n \n {card.insurancePlanTypeDescription} ID #\n {card.insuranceID}\n
\n ) : (\n \n {card.insurancePlanTypeDescription}\n
\n )}\n {card.nonContributoryOptIn === true &&\n JSON.parse(localStorage.getItem(\"showApprentice\")) ===\n true\n ? ` (Apprentice)`\n : null}\n \n \n Start Date: {dateFormat(card.startDate)}\n
\n \n
\n
\n );\n })}\n
\n {props.electionData &&\n props.electionData.map((card, index) => {\n return (\n
\n
\n \n
\n \n {card.insuranceID >= 0 ? (\n \n {card.insurancePlanTypeDescription} ID #\n {card.insuranceID}\n
\n ) : (\n \n {card.insurancePlanTypeDescription}\n
\n )}\n {card.nonContributoryOptIn === true &&\n JSON.parse(localStorage.getItem(\"showApprentice\")) ===\n true\n ? ` (Apprentice)`\n : null}\n \n \n Start Date: {dateFormat(card.startDate)}\n
\n \n
\n
\n );\n })}\n
\n {props.electionData &&\n props.electionData.map((card, index) => {\n return (\n
\n
\n \n
\n \n {card.insuranceID >= 0 ? (\n \n {card.insurancePlanTypeDescription} ID #\n {card.insuranceID}\n
\n ) : (\n \n {card.insurancePlanTypeDescription}\n
\n )}\n {card.nonContributoryOptIn === true &&\n JSON.parse(localStorage.getItem(\"showApprentice\")) ===\n true\n ? ` (Apprentice)`\n : null}\n \n \n Start Date: {dateFormat(card.startDate)}\n
\n \n
\n
\n );\n })}\n
\n {props.electionData &&\n props.electionData.map((card, index) => {\n return (\n
\n
\n \n
\n \n {card.insuranceID >= 0 ? (\n \n {card.insurancePlanTypeDescription} ID #\n {card.insuranceID}\n
\n ) : (\n \n {card.insurancePlanTypeDescription}\n
\n )}\n {card.nonContributoryOptIn === true &&\n JSON.parse(localStorage.getItem(\"showApprentice\")) ===\n true\n ? ` (Apprentice)`\n : null}\n \n \n Start Date: {dateFormat(card.startDate)}\n
\n \n
\n
\n );\n })}\n
{currencyFormat(cost)} ;\n };\n const ElectedAmountCost = (props) => { \n const cost = parseFloat(props.dataItem.ElectedAmount).toFixed(2);\n return {currencyFormat(cost)} ;\n };\n const AmountPendingEOI = (props) => { \n const cost = parseFloat(props.dataItem.AmountPendingEOI).toFixed(2);\n return {currencyFormat(cost)} ;\n };\n \n return (\n props.data[0] ? (\n
Benefits Pending Approval
\n
\n \n \n \n
\n
\n
Benefits Pending Approval
\n
You do not have pending EOI for any plan
\n \n {\" \"}\n Back\n {\" \"}\n \n \n Submit My Elections\n \n \n \n );\n\n if (props.location.state) {\n return (\n <>\n {status === STATUS.SUBMITTING && \n {success && (\n \n {SuccessSaveMessage}\n \n )}\n {error && (\n \n {errorSaveMessage}. {saveError}\n \n )}\n \n \n OK\n \n \n \n )}\n\n {openConfirmationForm && (\n \n \n There are potentially unresolved issues with your elections. Are\n you sure you want to submit?\n \n \n \n Yes\n \n \n No\n \n \n \n )}\n\n \n
Review Elections
\n
\n {\" \"}\n \n Take a moment to review all your benefits to ensure they are correct.{\" \"}\n
{\" \"}\n Edit the benefit that you wish to change, or if no further edits\n are required, click \"Submit My Elections\".\n \n If your Elections require evidence of insurability, you will receive a\n link after submitting. The link will also be available on the portal Homepage.\n
\n \n
\n Your Benefit Selections\n {submitButton}\n
\n\n
\n {props.location.state?.electionData.length !== 0 && (\n \n {props.location.state.electionData.map((item, index) => {\n return (\n \n {item.Message} \n \n );\n })}\n \n )}\n\n {props.location.state?.pendingNewElections.length !== 0 && (\n \n \n )}\n {channgeData > 0 && (\n \n {props.location.state?.pendingUpdateElectionsForFuturePlans\n .length !== 0 && (\n \n )}\n {terminateData > 0 && (\n \n {props.location.state?.pendingTerminations.length !== 0 && (\n \n )}\n {props.location.state?.pendingReinstatements.length !== 0 && (\n \n \n )}\n \n
\n \n Additional verification is required for the following election(s).\n Coverage amount will be determined once you have been approved.\n \n \n {\" \"}\n This is summary of your benefit elections. It does not take the place of\n or supersede official plan requirements including evidence of\n insurability(EOI) completion. Any coverage elections you make\n requiring EOI approval from an insurance carrier will not be\n effective until the insurance carrier provides confirmation of\n approval regardless of what may be displayed on this summary. In the\n event of discrepancy between the information within this summary and\n official plan documents, the plan documents will prevail.\n \n
\n {/*
\n
\n {\" \"}\n Your Benefit Selections Pending Approval
\n \n Additional verification is required for the following\n election(s). Coverage amount will be determined once you have\n been approved.\n
\n \n
*/}\n
{submitButton}
\n
{currencyFormat(cost)} ;\r\n };\r\n const ElectedAmountCost = (props) => { \r\n const cost = parseFloat(props.dataItem.ElectedAmount).toFixed(2);\r\n return {currencyFormat(cost)} ;\r\n };\r\n const AmountPendingEOI = (props) => { \r\n const cost = parseFloat(props.dataItem.AmountPendingEOI).toFixed(2);\r\n return {currencyFormat(cost)} ;\r\n };\r\n const EOIURL = (props) => { \r\n // console.log(window.location.href);\r\n // console.log(window.location.origin);\r\n // console.log(props.dataItem);\r\n if (props.dataItem.Plan === 'LTDFDX' || props.dataItem.Plan === 'ltdfdx'){\r\n var URL = window.location.origin + props.dataItem.EOIURL;\r\n }\r\n else\r\n URL = props.dataItem.EOIURL;\r\n \r\n return URL? Click here \r\n
Notifications
\r\n
\r\n \r\n {/* \r\n
\r\n
\r\n
Notifications
\r\n
You do not have pending EOI for any plan
To be Determined ;\r\n }\r\n return {currencyFormat(cost)} ;\r\n };\r\n \r\n return (\r\n props.data[0] ? (\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
You do not have Cost Summary
\r\n
\n
Confirmation
\n
\n {\" \"}\n Congratulations, your benefits have been confirmed.\n \n \n Your Cost Summary as of{\" \"}\n {dateFormat(props.location.state.electionDates.effectivedate)\n ? dateFormat(props.location.state.electionDates.effectivedate)\n : datewotimestampFormat(\n props.location.state.electionDates.effectivedate\n )}{\" \"}\n
\n \n \n Additional verification is required for the following election(s).\n Coverage amount will be determined once you have been approved.\n \n
\n \n \n {\" \"}\n This is summary of your benefit elections. It does not take the place of\n or supersede official plan requirements including evidence of\n insurability(EOI) completion. Any coverage elections you make\n requiring EOI approval from an insurance carrier will not be\n effective until the insurance carrier provides confirmation of\n approval regardless of what may be displayed on this summary. In the\n event of discrepancy between the information within this summary and\n official plan documents, the plan documents will prevail.\n \n\n \n {\" \"}\n Home\n \n \n props.enterAdd(props.dataItem)}>\n \n \n );\n };\n\n const MyAddCommandCell = (props) => (\n \n \n
\n \n \n \n \n
\n \n \n
(\n \n {\" \"}\n \n
\n Basic Information
\n \n \n\n \n {\" \"}\n
\n 0\n ? true\n : false\n }\n />\n
\n
\n 0\n ? formRenderProps.valueGetter(\n \"relationship\"\n ) === `Spouse`\n ? true\n : false\n : false\n }\n />\n
\n
\n
\n )}\n \n
\n 0\n ? formRenderProps.valueGetter(\n \"relationship\"\n ) === `Spouse`\n ? true\n : false\n : false\n }\n />\n
\n
\n
\n
\n
\n Address
\n \n
\n \n
\n \n
\n \n
\n
\n\n {/*
\n
*/}\n
\n
\n
\n
\n \n
\n \n {`${props.item.firstname}` === \"\" ? \"Save\" : \"Update\"}\n \n \n Cancel\n \n \n \n )}\n />\n \n
\n );\n}\n","import React, { useState, useContext } from \"react\";\nimport { Grid, GridColumn as Column } from \"@progress/kendo-react-grid\";\nimport { Button } from \"@progress/kendo-react-buttons\";\nimport FamilyReviewDependentForm from \"./FamilyReviewDependentForm\";\nimport { STATUS } from \"../../model/constants\";\nimport Spinner from \"./../Spinner\";\nimport { PostSave } from \"../../services/useFetch\";\nimport { urlDependents } from \"../../services/serviceURLs\";\nimport {\n Notification,\n NotificationGroup,\n} from \"@progress/kendo-react-notification\";\nimport { Fade } from \"@progress/kendo-react-animation\";\nimport { AuthContext } from \"../AuthContext\";\nimport { ChangesSaveMessage } from \"../../services/shareconstant\";\nimport { Label } from \"@progress/kendo-react-labels\";\n\nexport const FamilyReview = (props) => {\n const authContext = useContext(AuthContext);\n const loggedinpersonid = authContext.state.userinfoglobal.LinkId;\n const filteredDependent = props.dependents.filter(\n (item) => item.inPlan === true\n );\n const [openAddForm, setOpenAddForm] = useState(false);\n const [status, setStatus] = useState(STATUS.IDLE);\n const [saveError, setSaveError] = useState(null);\n const [success, setSuccess] = useState(false);\n const [error, setError] = useState(false);\n const [openForm, setOpenForm] = useState(false);\n const [editItem, setEditItem] = useState({});\n\n const emptyDependent = {\n id: -1,\n personid: loggedinpersonid,\n firstname: \"\",\n lasttname: \"\",\n dateOfBirth: \"\",\n gender: \"\",\n relationship: \"\",\n line1: \"\",\n line2: \"\",\n line3: \"\",\n city: \"\",\n country: \"\",\n stateprovince: \"\",\n postalcode: \"\",\n county: \"\",\n telephone: \"\",\n middlename: \"\",\n suffix: \"\",\n disabilitydate: \"\",\n inPlan: true,\n isActive: true,\n };\n\n const RemoveCommandCell = (props) => {\n return (\n \n props.enterRemove(props.dataItem)}\n >\n \n );\n };\n\n const MyRemoveCommandCell = (props) => (\n \n props.enterEdit(props.dataItem)}>\n \n \n );\n };\n\n const MyEditCommandCell = (props) => (\n \n
{props.labelValue}
\n {/*
My Family
*/}\n
\n {\" \"}\n Update your dependent data with current information if applicable.\n Please note that updating your dependent information here does not automatically enroll your dependents in an insurance product,\n nor does it designate them as beneficiaries. For survivor's benefit, you must separately add your\n beneficiaries to the coverage you want them to receive. If you would like your dependents to be covered under any of your plans, you must also add them separately to the desired programs.\n \n
\n
{props.primaryInsuredParty}
\n
\n \n Add New Dependent\n \n
\n {openAddForm && (\n
\n )}\n {status === STATUS.SUBMITTING &&
}\n\n
\n \n \n {success && (\n setSuccess(false)}\n >\n {ChangesSaveMessage} \n \n )}\n \n \n {error && (\n setError(false)}\n >\n {saveError} \n \n )}\n \n \n
\n
\n \n \n {openForm && (\n
\n
\n\n {props.benificaryValidMsg !== `` && (\n
{props.dependentValidMsg} \n )}\n
\n (\n \n \n {props.rateEstimationAttributes.map((item, i) => (\n \n ))}\n \n \n Show Rates\n \n \n \n \n )}\n />\n\n \n {\" \"}\n Estimated Monthly Cost: {currencyFormat(estimatedCost)}\n
\n {error && (\n \n Error while Retrive Estimate Cost Information. {saveError}\n \n )}\n \n \n Close\n \n \n \n );\n}\n","import * as React from \"react\";\nimport { Field } from \"@progress/kendo-react-form\";\nimport { requiredValidator } from \"../Common/validators\";\nimport { FormComboBox, FormNumericTextBox } from \"../Common/form-components\";\n\nimport { apCoverageAmountDisablePlan } from \"../../model/constants\";\nimport { CoverageAmountDisablePlanML10Or20 } from \"../../model/constants\";\n\nexport const CoverageInput = (props) => {\n const amountdisabled = \n ((props.plan.nonContributoryOptIn === true &&\n JSON.parse(localStorage.getItem(\"isAP\")) === true && apCoverageAmountDisablePlan.find(\n (str) => str === props.plan.insurancePlanTypeName\n )) ||\n (CoverageAmountDisablePlanML10Or20.find(\n (str) => str === props.plan.insurancePlanTypeName\n ) && props.plan.insuranceID >0 ));\n\n return (\n <>\n {props.coverage.type === \"Money\" && (\n <>\n \n {props.coverage.helpText} \n
\n \n {props.coverage.helpText2} \n
\n \n )}\n\n {props.coverage.type === \"Dropdown\" && (\n <>\n \n
\n {props.labelValue}
\n \n
\n {props.coverageData.map((coverage, i) => (\n \n ))}\n
\n\n
\n Rate Estimator \n \n Click to see your rates\n \n {openRateEstimaterForm && (\n
\n
\n {props.coverageamountValidMsg} \n
\n \n
\n \n )}\n \n );\n};\n","import * as React from \"react\";\nimport { Field } from \"@progress/kendo-react-form\";\nimport { Notification } from \"@progress/kendo-react-notification\";\nimport { FormCheckbox } from \"../Common/form-components\";\nimport { checkboxValidator } from \"../Common/validators\";\nimport {\n urlAffirmationContents\n} from \"../../services/serviceURLs\";\nimport { Fetch } from \"./../../services/useFetch\";\nimport Spinner from \"./../Spinner\";\nexport const Affirmation = (props) => {\n \n return (\n \n
{props.labelValue}
\n
\n {\" \"}\n Please review and acknowledge:\n \n \n
\n {(data, loading, error) => {\n if (loading) return \n {/*
\n plan={props.plan}\n */}\n {/*
\n \n I am actively at work or physically/psychologically available for work\n in the capacity for which I hold an FAA license.\n \n \n My health status has not changed since my last FAA physical exam.\n \n \n I declare that I am able to perform the normal activities of a person\n of such age and sex with a like occupation or retired status on the\n date I am enrolling. I understand that if I am unable to perform such\n normal activities on the scheduled effective date of insurance, such\n insurance will not take effective until I am able to resume performing\n such activities.\n \n \n If I do not enroll for the maximum coverage for which I am eligible,\n evidence of insurability satisfactory to MetLife may be required to\n enroll for or increase such coverage. Coverage will not take effect,\n or it will be limited, until notice is received that MetLife has\n approved the coverage or increase.\n \n \n I have read the Beneficiary Designation section provided in this\n enrollment form and I have made a designation if I so choose (if\n applicable).\n \n \n I have read the attached Fraud Warning(s) provided in this enrollment\n form.\n \n */}\n
\n
\n {getError}\n \n )}\n \n
Plan Cost
\n
Please review your selections.
\n
\n {\" \"}\n This may not take effect until your information is submitted and\n approved. You will see the appropriate cost reflected in your invoice.\n \n
\n
\n {electionCost && (\n
\n {electionCost.summaryAttributes &&\n Object.keys(electionCost.summaryAttributes).map((key, i) => (\n
\n {key} : \n \n {\" \"}\n {isNaN(electionCost.summaryAttributes[key])\n ? electionCost.summaryAttributes[key]\n : currencyFormat(\n parseFloat(electionCost.summaryAttributes[key])\n )}\n \n
\n ))}\n
\n {/*
Effective Date: {dateFormat(electionCost.effectiveDate)}
*/}\n {electionCost.estimatedMonthlyCost >=-1 ? (\n <>
Effective Date: {effectivedate}
\n Estimated Monthly Cost:{\" \"}\n {electionCost.estimatedMonthlyCost === -1 ? 'TBD' : electionCost.estimatedMonthlyCost > 0 ? currencyFormat(parseFloat(electionCost.estimatedMonthlyCost)) : \"TBD\"}\n
\n ) : null\n } \n
\n )}\n
\n {status === STATUS.SUBMITTING &&
}\n\n {(success || error) && (\n
\n {success && electionMsg === \"Success\" && (\n \n {SuccessSaveMessage}\n \n )}\n {success &&\n electionMsg !== \"Success\" &&\n (electionMsg === \"NotCreated\" || electionMsg === \"Cancelled\") && (\n \n The information you submitted is identical to your current\n coverage details. No changes will be made.\n \n )}\n {success &&\n electionMsg !== \"NotCreated\" &&\n electionMsg !== \"Cancelled\" &&\n electionMsg !== \"Success\" && (\n \n Validation Failed - {electionMsg}.\n \n )}\n {error && (\n \n {errorSaveMessage}\n {saveError}\n \n )}\n\n \n \n OK\n \n \n \n )}\n
\n
\n {props.location.state?.plan?.insurancePlanTypeDescription}\n
\n
\n
(\n \n
\n {stepComponent(formRenderProps)}\n \n \n Step {step + 1} of {steps.length}\n \n \n \n Cancel\n \n {step !== 0 ? (\n \n Previous\n \n ) : undefined}\n \n {isLastStep ? \"Save My Election\" : \"Next\"}\n \n
\n \n )}\n />\n
\r\n
Notifications
\r\n
You do not have pending EOI for any plan
\r\n {(data, loading, error) => {\r\n if (loading) return \r\n );\r\n}\r\n","import React from \"react\";\nimport Spinner from \"./../Spinner\";\nimport {\n urlContents\n} from \"../../services/serviceURLs\";\nimport { Fetch } from \"./../../services/useFetch\";\nexport default function HelpForm(props) {\n return ( \n \n {(data, loading, error) => {\n if (loading) return \n \n ); \n}","import React, { Component } from \"react\";\nimport { withRouter } from \"react-router-dom\";\nimport { AuthContext } from \"../AuthContext\";\nimport HelpForm from \"./HelpForm\";\n\nclass Help extends Component {\n static contextType = AuthContext;\n\n cobrowseSupportCode() {\n return (\n \n {\" \"}\n \n Generate a Support Code\n \n
\n );\n }\n\n render() {\n \n return ( \n \n
\n
\n
\n {this.cobrowseSupportCode()}\n
\n \n
\n {(data, loading, error) => {\n if (loading) return \n \n ); \n}","import React from \"react\";\nexport default function FDXEOIRequest() {\n debugger;\n return (\n \n \n
\n
Thank you for submitting your LTD application. You will receive an email from The Hartford insurance company, providing next steps on completing the Evidence of Insurability form. If you do not have an email on file, a form will be mailed to you. Please contact ALPA Insurance at \n insurance@alpa.org if you have any additional questions or require assistance.
\n
You have been successfully logged out.
\n
Please close the browser to complete the logout process.
\n
\n
The ALPA Enrollment portal is only available to US members. Click here to learn more about ALPA-Sponsored Canadian coverage and how to apply.
\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default App;\r\n","import React from \"react\";\n\nexport default class ErrorBoundary extends React.Component {\n constructor(props) {\n super(props);\n this.state = { exceptionMessage: \"\" };\n }\n\n static getDerivedStateFromError(error) {\n // Update state so the next render will show the fallback UI.\n return { exceptionMessage: error.toString() };\n }\n\n // handle exception\n componentDidCatch = (error, logInfo) => {\n // log it on console\n console.log(\n `Exception Occured ${error.toString()} and log stack${\n logInfo.componentStatck\n }`\n );\n };\n\n render() {\n if (this.state.exceptionMessage) {\n // You can render any custom fallback UI\n return (\n \n Something went wrong,please reload the page by clicking on reload\n button\n \n );\n }\n\n return this.props.children;\n }\n}\n","import React, { Component , Suspense} from \"react\";\nimport { urlLogout } from \"../services/serviceURLs\";\nimport { withRouter } from \"react-router\";\nimport { AuthContext } from \"./AuthContext\";\nimport { redirectHome, clearLocalStorage } from \"../services/shareconstant\";\nimport { urlCompanyAffilliatedCountry } from \"../services/serviceURLs\";\n//import Spinner from \"./Spinner\";\nimport { Loader } from \"@progress/kendo-react-indicators\";\nclass AuthProvider extends Component {\n constructor(props) {\n super(props);\n this.state = {\n userinfoglobal: {},\n redirectLoginURL: \"\",\n CompanyAffilliatedCountry:\"\",\n };\n }\n \n \n addUserHandler = (user) => {\n const redirect = this.state.redirectLoginURL;\n const requestOptions = {\n method: \"GET\",\n credentials: \"include\",\n redirect: \"follow\",\n };\n\n fetch(urlCompanyAffilliatedCountry, requestOptions)\n .then((response) => response.text())\n .then((result) => {\n this.setState(\n {\n CompanyAffilliatedCountry:result.includes(\"CA\")?\"CA\":\"US\"\n }); \n })\n this.setState(\n {\n userinfoglobal: user,\n redirectLoginURL: \"\",\n },\n () => {\n this.state.CompanyAffilliatedCountry===\"CA\"?\n this.props.history.push(\"/Restricted\"):(\n this.state.CompanyAffilliatedCountry!==\"CA\" && redirect.includes(\"Restricted\")?\n this.props.history.push(redirectHome()):(\n this.props.history.push(\n redirect === \"\" ? redirectHome() : JSON.parse(redirect)\n )));\n }\n );\n };\n\n addRedirectOnLoginHandler = (redirectURL) => {\n this.setState({ redirectLoginURL: redirectURL });\n };\n\n removeUserHandler = (resetRediect) => {\n //console.log(\"test logout\");\n resetRediect === true\n ? this.setState({ userinfoglobal: {}, redirectLoginURL: \"\" })\n : this.setState({\n userinfoglobal: {},\n redirectLoginURL: this.props.history.location,\n CompanyAffilliatedCountry:\"\",\n });\n this.props.history.push('/logout');\n };\n\n clearStorage = () => {\n this.props.history.push(redirectHome());\n };\n\n reLogin = () => {\n this.logout(this.removeUserHandler(false));\n this.login();\n };\n\n logout = (resetRediect = true) => {\n const requestOptions = {\n method: \"POST\",\n credentials: \"include\",\n redirect: \"follow\",\n };\n\n fetch(urlLogout, requestOptions)\n .then((response) => response.text())\n .then((result) => {\n clearLocalStorage();\n this.removeUserHandler(resetRediect);\n })\n .catch((error) => console.log(\"error\", error));\n };\n\n login = () => {\n clearLocalStorage();\n window.location.href = process.env.REACT_APP_API_SSO_URL;\n return null;\n };\n\n render() {\n return (\n <>\n {/* }> */}\n \n \n {this.props.children}\n \n \n \n );\n }\n}\n\nexport default withRouter(AuthProvider);\n","import { useEffect } from \"react\";\nimport { useLocation } from \"react-router-dom\";\n\nexport default function ScrollToTop() {\n const { pathname } = useLocation();\n\n useEffect(() => {\n window.scrollTo(0, 0);\n }, [pathname]);\n\n return null;\n}\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\n\nimport \"./styles/kendo-theme-bootstrap.css\";\nimport \"./styles/index.css\";\n//import 'bootstrap/dist/css/bootstrap.css';\n//import './styles/theme/AlpaTheme.css';\n//import '@progress/kendo-theme-bootstrap/dist/all.css'\nimport App from \"./components/App\";\nimport ErrorBoundary from \"./components/ErrorBoundary\";\nimport { BrowserRouter as Router, Route } from \"react-router-dom\";\nimport AuthProvider from \"./components/AuthProvider\";\nimport ScrollToTop from \"./components/ScrollToTop\";\n//import reportWebVitals from './reportWebVitals';\n// Comment added by Sachin\nReactDOM.render(\n \n \n \n \n \n \n \n ,\n document.getElementById(\"root\")\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\n//reportWebVitals();\n","const baseEbizURL = process.env.REACT_APP_API_EBiz_URL;\r\n//const baseEbizURL = \"https://ebiz60dev.alpa.org/SOA/\";\r\nexport const urlLogin = `${baseEbizURL}Authentication/Login/eBusinessWebUser/`;\r\nexport const urlLogout = `${baseEbizURL}Authentication/Logout/`;\r\nexport const urlUserInfo = `${baseEbizURL}UserInformation`;\r\n\r\nconst baseInsuranceURL = process.env.REACT_APP_API_Insurance_URL;\r\n//const baseInsuranceURL = \"https://ebiz60dev.alpa.org/SOA/v1/Insurance/\";\r\nexport const urlPersonalInformation = `${baseInsuranceURL}PersonalInfo`;\r\nexport const urlDependents = `${baseInsuranceURL}Dependents`;\r\nexport const urlBeneficiaries = `${baseInsuranceURL}Beneficiaries`;\r\nexport const urlCurrentCoverage = `${baseInsuranceURL}CurrentCoverage`;\r\nexport const urlCurrentCoverageOld = `${baseInsuranceURL}CurrentCoverageOld`;\r\nexport const urlEnrollNewCoverage = `${baseInsuranceURL}EligibleNewCoverage`;\r\nexport const urlEnrollNewCoverageLife = `${baseInsuranceURL}EligibleNewCoverageLife`;\r\nexport const urlEnrollNewCoverageDisability = `${baseInsuranceURL}EligibleNewCoverageDisability`;\r\nexport const urlEnrollNewCoverageCritical = `${baseInsuranceURL}EligibleNewCoverageCritical`;\r\nexport const urlEnrollNewCoverageDental = `${baseInsuranceURL}EligibleNewCoverageDental`;\r\nexport const urlEnrollmentQuestions = `${baseInsuranceURL}EnrollmentQuestions`;\r\nexport const urlEnrollmentInputAttributes = `${baseInsuranceURL}EnrollmentInputAttributes`;\r\nexport const urlRateEstimationAttributes = `${baseInsuranceURL}RateEstimationAttributes`;\r\nexport const urlEstimateCost = `${baseInsuranceURL}EstimateCost`;\r\nexport const urlEnrollmentSave = `${baseInsuranceURL}Election`;\r\nexport const urlReviewElections = `${baseInsuranceURL}ReviewElections`;\r\nexport const urlElectionCost = `${baseInsuranceURL}ElectionCost/`;\r\nexport const urlUpdateElectionDetails = `${baseInsuranceURL}UpdateElectionDetails/`;\r\nexport const urlFinalizeElections = `${baseInsuranceURL}FinalizeElections`;\r\nexport const urlLinkDepedent = `${urlDependents}/Link/`;\r\nexport const urlLinkBeneficiary = `${urlBeneficiaries}/Link/`;\r\nexport const urlcopyBeneficiary = `${baseInsuranceURL}Beneficiaries/Plans`;\r\nexport const urlPendingUpdateElectionsForNonFuturePlans = `${urlCurrentCoverage}/PendingUpdateElectionsForNonFuturePlans`;\r\nexport const urlPendingUpdateElectionsForFuturePlans = `${urlCurrentCoverage}/PendingUpdateElectionsForFuturePlans`;\r\nexport const urlPendingNewElections = `${urlCurrentCoverage}/PendingNewElections`;\r\nexport const urlPendingTerminations = `${urlCurrentCoverage}/PendingTerminations`;\r\nexport const urlNoPendingElections = `${urlCurrentCoverage}/NoPendingElections`;\r\nexport const urlPendingCancellations = `${urlCurrentCoverage}/PendingCancellations`;\r\nexport const urlPendingReinstatements = `${urlCurrentCoverage}/PendingReinstatements`;\r\nexport const urlMemberPlanDetails = `${baseInsuranceURL}MemberPlanDetails`;\r\nexport const urlEffectiveDate = `${baseInsuranceURL}EffectiveDate`;\r\nexport const urlCurrentDate = `${baseInsuranceURL}CurrentDate`;\r\nexport const urlPersonAPBenefitsInfo = `${baseInsuranceURL}PersonAPBenefitsInfo`;\r\nexport const urlSaveFreePlan = `${baseInsuranceURL}SaveFreePlan`;\r\nexport const urlAPBeneficiaries = `${baseInsuranceURL}Beneficiaries/-1/-1`;\r\nexport const urlAPEnrollmentQuestions = `${baseInsuranceURL}EnrollmentQuestions/-1/-1/40`;\r\nexport const urlHistoricalCoverage = `${baseInsuranceURL}HistoricalCoverage`;\r\nexport const urlPersonAPAsOf = `${baseInsuranceURL}PersonAPAsOf`;\r\nexport const urlPersonInsuranceEOIRequestsInfo = `${baseInsuranceURL}PersonInsuranceEOIRequestsInfo`;\r\nexport const urlPersonInsuranceEOIRequests = `${baseInsuranceURL}PersonInsuranceEOIRequests`;\r\nexport const urlEOIPendingUpdateElectionsForNonFuturePlans = `${urlCurrentCoverage}/EOIPendingUpdateElectionsForNonFuturePlans`;\r\nexport const urlEOIPendingUpdateElectionsForFuturePlans = `${urlCurrentCoverage}/EOIPendingUpdateElectionsForFuturePlans`;\r\nexport const urlEOIPendingNewElections = `${urlCurrentCoverage}/EOIPendingNewElections`;\r\nexport const urlContents = `${baseInsuranceURL}Contents`;\r\nexport const urlAffirmationContents = `${baseInsuranceURL}Affirmation`;\r\nexport const urlCompanyAffilliatedCountry = `${baseInsuranceURL}CompanyAffilliatedCountry`;\r\nexport const urlPendingPersonInsuranceEOIRequests = `${baseInsuranceURL}PersonInsuranceReviewEOIRequests`;\r\n\r\n","import * as React from 'react';\nimport moment from 'moment'\nimport { FieldWrapper } from '@progress/kendo-react-form';\nimport { Input, MaskedTextBox, NumericTextBox, Checkbox, ColorPicker, Switch, RadioGroup, Slider, SliderLabel, RangeSlider, TextArea, Rating } from '@progress/kendo-react-inputs';\nimport { DatePicker, TimePicker, DateTimePicker, DateRangePicker, DateInput } from '@progress/kendo-react-dateinputs';\nimport { Label, Error, Hint, FloatingLabel } from '@progress/kendo-react-labels';\nimport { Upload } from '@progress/kendo-react-upload';\nimport { DropDownList, AutoComplete, MultiSelect, ComboBox, MultiColumnComboBox, DropDownTree } from '@progress/kendo-react-dropdowns';\nimport { processTreeData, expandedState } from './tree-data-operations';\nimport ReactInputDateMask from 'react-input-date-mask';\n\nexport const FormInput = fieldRenderProps => {\n const {\n validationMessage,\n touched,\n label,\n id,\n valid,\n disabled,\n hint,\n type,\n optional,\n ...others\n } = fieldRenderProps;\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : '';\n const errorId = showValidationMessage ? `${id}_error` : '';\n return \n {label} \n \n {hint} }\n {showValidationMessage && {validationMessage} }\n
\n ;\n};\nexport const FormRadioGroup = fieldRenderProps => {\n const {\n validationMessage,\n touched,\n id,\n label,\n valid,\n disabled,\n hint,\n visited,\n modified,\n ...others\n } = fieldRenderProps;\n const editorRef = React.useRef(null);\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : '';\n const errorId = showValidationMessage ? `${id}_error` : '';\n const labelId = label ? `${id}_label` : '';\n return \n {label} \n {hint} }\n {showValidationMessage && {validationMessage} }\n ;\n};\nexport const FormNumericTextBox = fieldRenderProps => {\n const {\n validationMessage,\n touched,\n label,\n id,\n valid,\n disabled,\n hint,\n ...others\n } = fieldRenderProps;\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : '';\n const errorId = showValidationMessage ? `${id}_error` : '';\n return \n {label} \n {hint} }\n {showValidationMessage && {validationMessage} }\n ;\n};\nexport const FormCheckbox = fieldRenderProps => {\n const {\n validationMessage,\n touched,\n id,\n valid,\n disabled,\n hint,\n optional,\n label,\n visited,\n modified,\n ...others\n } = fieldRenderProps;\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : '';\n const errorId = showValidationMessage ? `${id}_error` : '';\n return \n {hint} }\n {showValidationMessage && {validationMessage} }\n ;\n};\nexport const FormSwitch = fieldRenderProps => {\n const {\n validationMessage,\n touched,\n label,\n optional,\n id,\n valid,\n disabled,\n hint,\n ...others\n } = fieldRenderProps;\n const editorRef = React.useRef(null);\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : '';\n const errorId = showValidationMessage ? `${id}_error` : '';\n const labelId = label ? `${id}_label` : '';\n return \n \n {label}\n \n {hint} }\n {showValidationMessage && {validationMessage} }\n ;\n};\nexport const FormMaskedTextBox = fieldRenderProps => {\n const {\n validationMessage,\n touched,\n label,\n id,\n valid,\n hint,\n optional,\n ...others\n } = fieldRenderProps;\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : '';\n const errorId = showValidationMessage ? `${id}_error` : '';\n return \n {label} \n \n {hint} }\n {showValidationMessage && {validationMessage} }\n
\n ;\n};\nexport const FormTextArea = fieldRenderProps => {\n const {\n validationMessage,\n touched,\n label,\n id,\n valid,\n hint,\n disabled,\n optional,\n ...others\n } = fieldRenderProps;\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : '';\n const errorId = showValidationMessage ? `${id}_error` : '';\n return \n {label} \n \n {showHint && {hint} }\n {showValidationMessage && {validationMessage} }\n ;\n};\nexport const FormColorPicker = fieldRenderProps => {\n const {\n validationMessage,\n touched,\n label,\n id,\n valid,\n disabled,\n hint,\n wrapperStyle,\n ...others\n } = fieldRenderProps;\n const editorRef = React.useRef(null);\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : '';\n const errorId = showValidationMessage ? `${id}_error` : '';\n const labelId = label ? `${id}_label` : '';\n return \n \n {label}\n \n {hint} }\n {showValidationMessage && {validationMessage} }\n ;\n};\nexport const FormSlider = fieldRenderProps => {\n const {\n validationMessage,\n touched,\n label,\n id,\n valid,\n disabled,\n hint,\n data,\n min,\n max,\n ...others\n } = fieldRenderProps;\n const editorRef = React.useRef(null);\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : '';\n const errorId = showValidationMessage ? `${id}_error` : '';\n const labelId = label ? `${id}_label` : '';\n return \n \n {label}\n \n \n {data.map(value => \n {value.toString()}\n )}\n \n {showHint && {hint} }\n {showValidationMessage && {validationMessage} }\n ;\n};\nexport const FormRangeSlider = fieldRenderProps => {\n const {\n validationMessage,\n touched,\n label,\n id,\n valid,\n hint,\n disabled,\n data,\n min,\n max,\n ...others\n } = fieldRenderProps;\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : '';\n const errorId = showValidationMessage ? `${id}_error` : '';\n return \n {label} \n {data.map(value => {\n return \n {value.toString()}\n ;\n })}\n \n {showValidationMessage && {validationMessage} }\n ;\n};\nexport const FormRating = fieldRenderProps => {\n const {\n validationMessage,\n touched,\n label,\n id,\n valid,\n hint,\n disabled,\n optional,\n ...others\n } = fieldRenderProps;\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : '';\n const errorId = showValidationMessage ? `${id}_error` : '';\n return \n {label} \n {validationMessage} }\n ;\n};\nexport const FormUpload = fieldRenderProps => {\n const {\n value,\n id,\n optional,\n label,\n hint,\n validationMessage,\n touched,\n ...others\n } = fieldRenderProps;\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : '';\n const errorId = showValidationMessage ? `${id}_error` : '';\n const labelId = label ? `${id}_label` : '';\n\n const onChangeHandler = event => {\n fieldRenderProps.onChange({\n value: event.newState\n });\n };\n\n const onRemoveHandler = event => {\n fieldRenderProps.onChange({\n value: event.newState\n });\n };\n\n return \n \n {label}\n \n {hint} }\n {showValidationMessage && {validationMessage} }\n ;\n};\nexport const FormDropDownList = fieldRenderProps => {\n const {\n validationMessage,\n touched,\n label,\n id,\n valid,\n disabled,\n hint,\n wrapperStyle,\n ...others\n } = fieldRenderProps;\n const editorRef = React.useRef(null);\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : '';\n const errorId = showValidationMessage ? `${id}_error` : '';\n const labelId = label ? `${id}_label` : '';\n return \n \n {label}\n \n {hint} }\n {showValidationMessage && {validationMessage} }\n ;\n};\nexport const FormAutoComplete = fieldRenderProps => {\n const {\n validationMessage,\n touched,\n label,\n id,\n valid,\n disabled,\n hint,\n wrapperStyle,\n ...others\n } = fieldRenderProps;\n const editorRef = React.useRef(null);\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : '';\n const errorId = showValidationMessage ? `${id}_error` : '';\n const labelId = label ? `${id}_label` : '';\n return \n \n {label}\n \n {hint} }\n {showValidationMessage && {validationMessage} }\n ;\n};\nexport const FormComboBox = fieldRenderProps => {\n const {\n validationMessage,\n touched,\n label,\n id,\n valid,\n disabled,\n hint,\n wrapperStyle,\n ...others\n } = fieldRenderProps;\n const editorRef = React.useRef(null);\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : '';\n const errorId = showValidationMessage ? `${id}_error` : '';\n const labelId = label ? `${id}_label` : '';\n return \n \n {label}\n \n {hint} }\n {showValidationMessage && {validationMessage} }\n ;\n};\nexport const FormMultiColumnComboBox = fieldRenderProps => {\n const {\n validationMessage,\n touched,\n label,\n id,\n valid,\n disabled,\n hint,\n wrapperStyle,\n ...others\n } = fieldRenderProps;\n const editorRef = React.useRef(null);\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : '';\n const errorId = showValidationMessage ? `${id}_error` : '';\n const labelId = label ? `${id}_label` : '';\n const columns = [{\n field: 'id',\n header: header ,\n width: '100px'\n }, {\n field: 'name',\n header: 'Name',\n width: '300px'\n }, {\n field: 'position',\n header: 'Position',\n width: '300px'\n }];\n return \n \n {label}\n \n {hint} }\n {showValidationMessage && {validationMessage} }\n ;\n};\nexport const FormMultiSelect = fieldRenderProps => {\n const {\n validationMessage,\n touched,\n label,\n id,\n valid,\n disabled,\n hint,\n wrapperStyle,\n ...others\n } = fieldRenderProps;\n const editorRef = React.useRef(null);\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : \"\";\n const errorId = showValidationMessage ? `${id}_error` : \"\";\n const labelId = label ? `${id}_label` : \"\";\n return \n \n {label}\n \n {hint} }\n {showValidationMessage && {validationMessage} }\n ;\n};\nexport const FormDropDownTree = fieldRenderProps => {\n const {\n validationMessage,\n touched,\n label,\n id,\n valid,\n disabled,\n hint,\n wrapperStyle,\n data,\n ...others\n } = fieldRenderProps;\n const {\n value,\n selectField,\n expandField,\n dataItemKey,\n filter\n } = others;\n const [expanded, setExpanded] = React.useState([data[0][dataItemKey]]);\n const treeData = React.useMemo(() => processTreeData(data, {\n expanded,\n value,\n filter\n }, {\n selectField,\n expandField,\n dataItemKey,\n subItemsField: 'items'\n }), [data, expanded, value, filter, selectField, expandField, dataItemKey]);\n const onExpandChange = React.useCallback(event => setExpanded(expandedState(event.item, dataItemKey, expanded)), [expanded, dataItemKey]);\n const editorRef = React.useRef(null);\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : \"\";\n const errorId = showValidationMessage ? `${id}_error` : \"\";\n const labelId = label ? `${id}_label` : \"\";\n return \n \n {label}\n \n {hint} }\n {showValidationMessage && {validationMessage} }\n ;\n};\nexport const FormDatePicker = fieldRenderProps => {\n const {\n validationMessage,\n touched,\n label,\n id,\n valid,\n disabled,\n hint,\n wrapperStyle,\n hintDirection,\n ...others\n } = fieldRenderProps;\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : '';\n const errorId = showValidationMessage ? `${id}_error` : '';\n const labelId = label ? `${id}_label` : '';\n return \n \n {label}\n \n \n {hint} }\n {showValidationMessage && {validationMessage} }\n
\n ;\n};\nexport const FormDateTimePicker = fieldRenderProps => {\n const {\n validationMessage,\n touched,\n label,\n id,\n valid,\n disabled,\n hint,\n wrapperStyle,\n ...others\n } = fieldRenderProps;\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : '';\n const errorId = showValidationMessage ? `${id}_error` : '';\n const labelId = label ? `${id}_label` : '';\n return \n \n {label}\n \n {hint} }\n {showValidationMessage && {validationMessage} }\n ;\n};\nexport const FormTimePicker = fieldRenderProps => {\n const {\n validationMessage,\n touched,\n label,\n id,\n valid,\n disabled,\n hint,\n wrapperStyle,\n ...others\n } = fieldRenderProps;\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : '';\n const errorId = showValidationMessage ? `${id}_error` : '';\n const labelId = label ? `${id}_label` : '';\n return \n \n {label}\n \n {hint} }\n {showValidationMessage && {validationMessage} }\n ;\n};\nexport const FormDateInput = fieldRenderProps => {\n const {\n validationMessage,\n touched,\n label,\n id,\n valid,\n disabled,\n hint,\n wrapperStyle,\n ...others\n } = fieldRenderProps;\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : '';\n const errorId = showValidationMessage ? `${id}_error` : '';\n const labelId = label ? `${id}_label` : '';\n return \n \n {label}\n \n {hint} }\n {showValidationMessage && {validationMessage} }\n ;\n};\nexport const FormDateRangePicker = fieldRenderProps => {\n const {\n validationMessage,\n touched,\n label,\n id,\n valid,\n disabled,\n hint,\n wrapperStyle,\n ...others\n } = fieldRenderProps;\n const editorRef = React.useRef(null);\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : '';\n const errorId = showValidationMessage ? `${id}_error` : '';\n const labelId = label ? `${id}_label` : '';\n return \n \n {label}\n \n {hint} }\n {showValidationMessage && {validationMessage} }\n ;\n};\nexport const FormFloatingNumericTextBox = fieldRenderProps => {\n const {\n validationMessage,\n touched,\n label,\n id,\n valid,\n disabled,\n hint,\n optional,\n value,\n ...others\n } = fieldRenderProps;\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : '';\n const errorId = showValidationMessage ? `${id}_error` : '';\n return \n \n \n {showHint && {hint} }\n {showValidationMessage && {validationMessage} }\n ;\n};\nexport const FormMaskedDate1 = fieldRenderProps => {\n const {\n validationMessage,\n touched,\n label,\n id,\n valid,\n disabled,\n hint,\n wrapperStyle,\n hintDirection,\n ...others\n } = fieldRenderProps;\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : '';\n const errorId = showValidationMessage ? `${id}_error` : '';\n const labelId = label ? `${id}_label` : '';\n return \n \n {label}\n \n \n {hint} }\n {showValidationMessage && {validationMessage} }\n
\n ;\n};\nexport const FormMaskedDate = fieldRenderProps => {\n const {\n value,\n validationMessage,\n touched,\n label,\n id,\n valid,\n disabled,\n hint,\n wrapperStyle,\n hintDirection,\n ...others\n } = fieldRenderProps;\n const showValidationMessage = touched && validationMessage;\n const showHint = !showValidationMessage && hint;\n const hintId = showHint ? `${id}_hint` : '';\n const errorId = showValidationMessage ? `${id}_error` : '';\n const labelId = label ? `${id}_label` : ''; \n const dateValue = Date.parse(`${value}`) ? moment(new Date(`${value}`)).format(\"MM/DD/YYYY\") : '';\n const onChangeHandler = event => {\n if(Date.parse(event)){\n fieldRenderProps.onChange({\n value: new Date(event)\n });\n }\n};\n return \n \n {label}\n \n \n \n {showHint && {hint} }\n {showValidationMessage && {validationMessage} }\n
\n ;\n};","import React from \"react\";\nimport { Loader } from \"@progress/kendo-react-indicators\";\n\nexport default function Spinner() {\n return (\n \n
\n );\n}\n","import { useState, useRef, useEffect } from \"react\";\n\nconst requestOptions = {\n method: \"GET\",\n headers: { \"Content-Type\": \"application/json\" },\n credentials: \"include\",\n redirect: \"follow\",\n};\n\nexport default function useFetch(url) {\n const isMounted = useRef(false);\n const [data, setData] = useState(null);\n const [error, setError] = useState(null);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n isMounted.current = true;\n async function init() {\n try {\n const response = await fetch(`${url}`, requestOptions);\n if (response.ok) {\n const json = await response.json();\n if (isMounted.current) setData(json);\n } else {\n throw response;\n }\n } catch (e) {\n if (isMounted.current) setError(e);\n } finally {\n if (isMounted.current) setLoading(false);\n }\n }\n init();\n\n return () => {\n isMounted.current = false;\n };\n }, [url]);\n\n return { data, error, loading };\n}\n\nexport function Fetch({ url, children }) {\n const { data, loading, error } = useFetch(url);\n return children(data, loading, error);\n}\n\nexport async function GetFetch(url) {\n return fetch(url, requestOptions);\n}\n\nexport async function SaveFetch(url, methodType, data) {\n const requestOptions = {\n method: methodType,\n headers: { \"Content-Type\": \"application/x-www-form-urlencoded\" },\n credentials: \"include\",\n body: data,\n redirect: \"follow\",\n };\n return fetch(url, requestOptions);\n}\nexport async function PostFetch(url, formdata) {\n const requestOptions = {\n method: \"POST\",\n body: formdata,\n credentials: \"include\",\n redirect: \"follow\",\n };\n return fetch(url, requestOptions);\n}\n\nexport async function PostSave(url, methodType, data) {\n const requestOptions = {\n method: methodType,\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(data),\n credentials: \"include\",\n redirect: \"follow\",\n };\n return fetch(url, requestOptions);\n}\n","export const requiredValidator = (value) =>\n value ? \"\" : \"Error: This field is required.\";\nexport const checkboxValidator = (value) =>\n !value ? \"Terms & Conditions checkbox is required\" : \"\";\n","import React from \"react\";\nexport const AuthContext = new React.createContext();\n","import React, { useContext } from \"react\";\nimport { AuthContext } from \"./AuthContext\";\nimport { Button } from \"@progress/kendo-react-buttons\";\n\nexport default function PageNotFound() {\n const authContext = useContext(AuthContext);\n return (\n \n authContext.Login()\n /* Page not found. \n\n \n It might be due to Logout from another session or timeout, Click on Log\n In by try again.{\" \"}\n
\n authContext.reLogin()} primary={true}>\n Log In\n */\n \n );\n}\n","import React from \"react\";\nconst tooltipMessageEOIAmount = `Full Cost and Member Cost can be affected by pending EOI decisions.`;\n\nexport default function CustomEOIToolTip() {\n return (\n <>\n {tooltipMessageEOIAmount} \n \n );\n}\n","import { formatDate, parseDate } from \"@telerik/kendo-intl\";\n\nexport const redirectHome = () => {\n return {\n pathname: \"/\",\n key: Date.now(),\n };\n};\n\nexport const currencyFormat = (num) => {\n return (\n \"$\" +\n parseFloat(num)\n .toFixed(2)\n .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\")\n );\n};\n\nexport const dateFormat = (date1) => {\n return formatDate(\n parseDate(date1, [\"yyyy/MM/dd\", \"yyyy-MM-ddTHH:mm:ss\"]),\n \"MM/dd/yyyy\"\n );\n};\nexport const datewotimestampFormat = (date1) => {\n return formatDate(\n parseDate(date1, [\"yyyy/MM/dd\", \"yyyy-MM-ddTHH:mm:ss.SSS\"]),\n \"MM/dd/yyyy\"\n );\n};\nexport const errorSaveMessage = `Error while Saving Information.`;\nexport const SuccessSaveMessage = `Information Saved Successfully`;\nexport const ChangesSaveMessage = `Changes have been successfully saved.`;\n\nexport const undoMessage1 = `This will undo all changes you have made to`;\nexport const undoMessage2 = `Click Confirm to proceed.`;\nexport const terminationMessage1 = `Please confirm termination of the below plan.`;\nexport const terminationMessage2 = `Clicking Confirm will terminate the plan effective`;\nexport const reinstatementMessage1 = `Please confirm reinstatement of the below plan.`;\nexport const reinstatementMessage2 = `Clicking Confirm will reinstate the plan effective`;\n\nexport const clearLocalStorage = () => {\n localStorage.removeItem(\"freeOptionRequired\");\n localStorage.removeItem(\"showApprentice\");\n localStorage.removeItem(\"isAP\");\n};\n\nexport const historyMinDate = new Date(1901, 1, 1);\nexport const historyMaxDate = new Date();\n","import React from \"react\";\nconst tooltipMessageMemberCost = `Member cost can be affected by factors such as discounts and premium waivers.`;\nconst tooltipMessageFactor = `Factors affecting this plan:`;\n\nexport default function CustomToolTip(props) {\n return (\n <>\n {props.data && Object.entries(props.data).length !== 0 ? (\n <>\n {tooltipMessageMemberCost} \n {tooltipMessageFactor} \n {Object.keys(props.data).map((key, i) => (\n <>\n \n {\" \"}\n {key} : {props.data[key]}\n \n \n ))}\n \n ) : (\n <>\n {tooltipMessageMemberCost} \n \n )}\n \n );\n}\n","import { useState, useRef, useEffect } from \"react\";\n\nconst requestOptions = {\n method: \"GET\",\n headers: { \"Content-Type\": \"application/json\" },\n credentials: \"include\",\n redirect: \"follow\",\n};\nexport default function useFetchAll(urls) {\n const prevUrls = useRef([]);\n const [data, setData] = useState(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n // Only run if the array of URLs passed in changes\n if (areEqual(prevUrls.current, urls)) {\n setLoading(false);\n return;\n }\n prevUrls.current = urls;\n\n const promises = urls.map((url) =>\n fetch(url, requestOptions).then((response) => {\n if (response.ok) return response.json();\n throw response;\n })\n );\n\n Promise.all(promises)\n .then((json) => setData(json))\n .catch((e) => {\n console.error(e);\n setError(e);\n })\n .finally(() => setLoading(false));\n }, [urls]);\n\n return { data, loading, error };\n}\n\nfunction areEqual(array1, array2) {\n return (\n array1.length === array2.length &&\n array1.every((value, index) => value === array2[index])\n );\n}\n\nexport function FetchAll({ urls, children }) {\n const { data, loading, error } = useFetchAll(urls);\n return children(data, loading, error);\n}\n","export const benificaryrelationships = [\n \"Self\",\n \"Spouse\",\n \"Child\",\n \"Parent\",\n \"Sibling\",\n \"Domestic Partner\",\n \"Domestic Partner Child\",\n \"Grand Child\",\n \"Other\",\n];\nexport const depedentrelationships = [\n \"Spouse\",\n \"Child\",\n \"Domestic Partner\",\n \"Domestic Partner Child\",\n \"Disabled Child\",\n];\nexport const genders = [\"Male\", \"Female\"];\nexport const STATUS = {\n IDLE: \"IDLE\",\n SUBMITTED: \"SUBMITTED\",\n SUBMITTING: \"SUBMITTING\",\n COMPLETED: \"COMPLETED\",\n ERROR: \"ERROR\",\n};\nexport const countries = [\"United States\", \"Canada\"];\nexport const beneficiarytypes = [\n \"Person\",\n \"Trust\",\n \"Organization/Charity\",\n \"My Estate\",\n];\nexport const types = [\"Primary\", \"Secondary\"];\nexport const PLANSTEP = {\n questions: \"Question\",\n coverage: \"Determine Coverage\",\n affirmation: \"Affirmation\",\n review: \"Plan Cost\",\n dependents: \"Family Review\",\n};\n\nexport const apCoverageAmountDisablePlan = [\"MLGTLM\", \"MLDP\", \"VOYACIM\"];\nexport const CoverageAmountDisablePlanML10Or20 = [\"ML10M\", \"ML20M\", \"ML10S\",\"ML20S\"];\n","import React from \"react\";\nimport { Button } from \"@progress/kendo-react-buttons\";\nimport { useHistory } from \"react-router-dom\";\nimport {\n Card,\n CardTitle,\n CardBody,\n CardActions,\n} from \"@progress/kendo-react-layout\";\n\nexport default function EnrollNewForm(props) {\n const history = useHistory();\n const enrollClick = (card) => {\n history.push({\n pathname: `/plan`,\n state: { plan: card, electionDates: props.electionDates },\n });\n };\n\n return (\n <>\n {props.enrollCoverage.length === 0 && There are no available plans to display.
}\n \n {props.enrollCoverage.map((card, index) => {\n return (\n
\n
\n \n
\n {card.insuranceID >= 0 ? (\n \n {card.insurancePlanTypeDescription} ID #\n {card.insuranceID}\n
\n ) : (\n {card.insurancePlanTypeDescription}
\n )}\n \n
\n \n
\n enrollClick(card)}\n >\n Enroll\n \n \n
\n
\n );\n })}\n
\n
\n {props.card.currentDetails.summaryAttributes &&\n Object.keys(props.card.currentDetails.summaryAttributes).map(\n (key, i) => (\n
\n {(props.card.status==='EOI Pending') && key==='EOI Amount' ?\n \n {\" \"}\n {key}\n \n :((key!=='EOI Amount')? \n \n {\" \"}\n {key}\n \n :null) \n }\n \n {(props.card.status==='EOI Pending') && key==='EOI Amount' ?\n currencyFormat(\n parseInt(\n props.card.currentDetails.summaryAttributes[key]\n )\n ) \n :((key!=='EOI Amount')? \n \n {\" \"} \n {isNaN(props.card.currentDetails.summaryAttributes[key])\n ? props.card.currentDetails.summaryAttributes[key]\n : currencyFormat(\n parseInt(\n props.card.currentDetails.summaryAttributes[key]\n )\n )}\n \n :null)\n }\n
\n )\n )}\n
\n
\n {props.card.discountOrPremiumWaiverEligible === true\n ? props.card.currentDetails &&\n Object.keys(props.card.currentDetails).map(\n (key, i) =>\n key !== \"discountOrPremiumWaiverAttributes\" &&\n key !== \"summaryAttributes\" && (\n
\n {key === \"memberCost\" ? (\n <>\n (\n \n Member Monthly Cost{\" \"}\n \n \n \n \n ) : (\n \n {\" \"} \n {key === \"fullCost\" && (props.card.status==='EOI Pending') ? <>\n (\n \n Full Monthly Cost{\" \"}\n \n \n \n : (key === \"fullCost\"?Full Monthly Cost :key)}\n
\n )}\n \n {\" \"}\n {isNaN(props.card.currentDetails[key])\n ? props.card.currentDetails[key]\n : props.card.currentDetails[key] === -1\n ? \"TBD\"\n : currencyFormat(props.card.currentDetails[key])}{\" \"}\n \n
\n )\n )\n : props.card.currentDetails &&\n Object.keys(props.card.currentDetails).map(\n (key, i) =>\n key !== \"discountOrPremiumWaiverAttributes\" &&\n key !== \"summaryAttributes\" &&\n key !== \"fullCost\" && (\n
\n \n {\" \"}\n {key === \"memberCost\" ? \"Member Monthly Cost\" : key}{\" \"}\n \n \n {\" \"}\n {isNaN(props.card.currentDetails[key])\n ? props.card.currentDetails[key]\n : props.card.currentDetails[key] === -1\n ? \"TBD\"\n : currencyFormat(props.card.currentDetails[key])}{\" \"}\n \n
\n )\n )}\n
\n
\n
\n {props.card.futureDetails.summaryAttributes &&\n Object.keys(props.card.futureDetails.summaryAttributes).map(\n (key, i) => (\n
\n \n {\" \"}\n {key}\n \n \n {\" \"}\n {isNaN(props.card.futureDetails.summaryAttributes[key])\n ? props.card.futureDetails.summaryAttributes[key]\n : currencyFormat(\n parseInt(\n props.card.futureDetails.summaryAttributes[key]\n )\n )}\n \n
\n )\n )}\n
\n
\n {props.card.discountOrPremiumWaiverEligible === true\n ? props.card.futureDetails &&\n Object.keys(props.card.futureDetails).map(\n (key, i) =>\n key !== \"discountOrPremiumWaiverAttributes\" &&\n key !== \"summaryAttributes\" &&\n key !== \"effectiveDate\" && (\n
\n {key === \"memberCost\" ? (\n <>\n (\n \n Member Monthly Cost{\" \"}\n \n \n \n \n ) : (\n \n {\" \"}\n {key === \"fullCost\" && (props.card.status==='EOI Pending') ? <>\n (\n \n Full Monthly Cost{\" \"}\n \n \n \n : (key === \"fullCost\"?Full Monthly Cost :key)}\n
\n )}\n \n {\" \"}\n {isNaN(props.card.futureDetails[key])\n ? props.card.futureDetails[key]\n : props.card.futureDetails[key] === -1\n ? \"TBD\"\n : currencyFormat(props.card.futureDetails[key])}{\" \"}\n \n
\n )\n )\n : props.card.futureDetails &&\n Object.keys(props.card.futureDetails).map(\n (key, i) =>\n key !== \"discountOrPremiumWaiverAttributes\" &&\n key !== \"summaryAttributes\" &&\n key !== \"fullCost\" &&\n key !== \"effectiveDate\" && (\n
\n \n {\" \"}\n {key === \"memberCost\" ? \"Member Monthly Cost\" : key}{\" \"}\n \n \n {\" \"}\n {isNaN(props.card.futureDetails[key])\n ? props.card.futureDetails[key]\n : props.card.futureDetails[key] === -1\n ? \"TBD\"\n : currencyFormat(props.card.futureDetails[key])}{\" \"}\n \n
\n )\n )}\n
\n
\n {\" \"}\n {buttonlable}\n \n {/* Unsubmitted update election - ALPAIN-61 -PendingUpdateElectionsForNonFuturePlans */}\n \n {props.card.insuranceID >= 0 ? (\n \n {props.card.insurancePlanTypeDescription} ID #{props.card.insuranceID}\n
\n ) : (\n \n {props.card.insurancePlanTypeDescription}\n
\n )}\n {props.card.nonContributoryOptIn === true &&\n JSON.parse(localStorage.getItem(\"showApprentice\")) === true\n ? ` (Apprentice)`\n : null}\n \n \n Start Date:{\" \"}\n {formatDate(\n parseDate(props.card.startDate, [\n \"yyyy/MM/dd\",\n \"yyyy-MM-ddTHH:mm:ss\",\n ]),\n \"MM/dd/yyyy\"\n )}\n
\n \n \n {children}\n
\n \n \n );\n}\n","import React from \"react\";\nconst tooltipMessageAmount = `Please contact ALPA at insurance@alpa.org to make changes to this election.`;\n\nexport default function CustomButtonToolTip() {\n return (\n <>\n {tooltipMessageAmount} \n \n );\n}\n","import React, { useState } from \"react\";\nimport { Button } from \"@progress/kendo-react-buttons\";\nimport { Dialog, DialogActionsBar } from \"@progress/kendo-react-dialogs\";\nimport { useHistory } from \"react-router-dom\";\nimport {\n Card,\n CardBody,\n CardActions,\n CardSubtitle,\n} from \"@progress/kendo-react-layout\";\nimport { Label } from \"@progress/kendo-react-labels\";\nimport { Notification } from \"@progress/kendo-react-notification\";\nimport { STATUS } from \"../../model/constants\";\nimport { PostSave } from \"../../services/useFetch\";\nimport { urlEnrollmentSave } from \"../../services/serviceURLs\";\nimport Spinner from \"../Spinner\";\nimport CurrentCoverageCard from \"./CurrentCoverageCard\";\nimport {\n redirectHome,\n errorSaveMessage,\n SuccessSaveMessage,\n undoMessage1,\n undoMessage2,\n} from \"../../services/shareconstant\";\nimport CustomButtonToolTip from \"./CustomButtonToolTip\";\nimport { Tooltip } from \"@progress/kendo-react-tooltip\";\n\nexport default function PendingUpdateElectionsForNonFuturePlans(props) {\n const [openCancelForm, setOpenCancelForm] = useState(false);\n const [cancelCard, setCancelCard] = useState({});\n const [status, setStatus] = useState(STATUS.IDLE);\n const [saveError, setSaveError] = useState(null);\n const [success, setSuccess] = useState(false);\n const [error, setError] = useState(false);\n const [electionMsg, setElectionMsg] = useState(``);\n const history = useHistory();\n\n const modifyClick = (card) => {\n history.push({\n pathname: `/plan`,\n state: { plan: card, electionDates: props.electionDates },\n });\n };\n const EOIClick = (card) => {\n history.push({\n pathname: `/eoirequest`\n });\n };\n const cancelClick = (card) => {\n setCancelCard(card);\n setOpenCancelForm(true);\n };\n\n const toggleDialog = () => {\n setOpenCancelForm(!openCancelForm);\n };\n\n const onCancelConfirm = async () => {\n try {\n setOpenCancelForm(false);\n setCancelCard({});\n setStatus(STATUS.SUBMITTING);\n const saveElection = {\n electionType: `CancelPending`,\n insuranceElectionID: cancelCard.insuranceElectionID,\n insuranceID: cancelCard.insuranceID,\n };\n const saveresponse = await PostSave(\n `${urlEnrollmentSave}`,\n `POST`,\n saveElection\n );\n setSaveError(null);\n\n if (saveresponse.ok) {\n const electionresult = await saveresponse.json();\n setElectionMsg(electionresult.Message);\n setSuccess(true);\n setError(false);\n setStatus(STATUS.COMPLETED);\n } else {\n throw saveresponse;\n }\n } catch (e) {\n setSaveError(e.statusText);\n setStatus(STATUS.ERROR);\n setSuccess(false);\n setError(true);\n }\n };\n\n function handleCloseDialog() {\n history.push(redirectHome());\n }\n\n return (\n <>\n {status === STATUS.SUBMITTING && \n {success && electionMsg === \"Cancelled\" && (\n \n {SuccessSaveMessage} \n \n )}\n {error && (\n \n \n {errorSaveMessage} {saveError}\n \n \n )}\n\n \n \n OK\n \n \n \n )}\n\n {openCancelForm && (\n \n {undoMessage1}
\n \n {cancelCard.insurancePlanTypeDescription}\n \n {undoMessage2}
\n\n \n \n {\" \"}\n Confirm\n \n \n {\" \"}\n Cancel\n \n \n \n )}\n\n {props.pendingUpdateElectionsForNonFuturePlans.map((card, index) => {\n return (\n \n
\n \n
\n \n \n
\n \n Unsubmitted Changes \n
\n \n {card.status==='EOI Pending' ? (\n EOIClick(card)}\n >\n {\" \"}\n EOI Pending{\" \"}\n \n ):null} \n
\n \n {\" \"} \n {card.insurancePlanTypeName!==\"MLUM\" && card.insurancePlanTypeName!==\"MLUS\" ? ( \n modifyClick(card)}\n >\n {\" \"}\n Modify{\" \"}\n \n ): (\n Modify }\n cancelClick(card)}\n >\n Undo{\" \"}\n \n
\n \n
\n
\n
\n {props.card.currentDetails.summaryAttributes &&\n Object.keys(props.card.currentDetails.summaryAttributes).map(\n (key, i) => (\n
\n {(props.card.status==='EOI Pending') && key==='EOI Amount' ?\n \n {\" \"}\n {key}\n \n :((key!=='EOI Amount')? \n \n {\" \"}\n {key}\n \n :null) \n }\n \n {(props.card.status==='EOI Pending') && key==='EOI Amount' ?\n currencyFormat(\n parseInt(\n props.card.currentDetails.summaryAttributes[key]\n )\n ) \n :((key!=='EOI Amount')? \n \n {\" \"} \n {isNaN(props.card.currentDetails.summaryAttributes[key])\n ? props.card.currentDetails.summaryAttributes[key]\n : currencyFormat(\n parseInt(\n props.card.currentDetails.summaryAttributes[key]\n )\n )}\n \n :null)\n }\n \n
\n )\n )}\n
\n
\n {props.card.discountOrPremiumWaiverEligible === true\n ? props.card.currentDetails &&\n Object.keys(props.card.currentDetails).map(\n (key, i) =>\n key !== \"discountOrPremiumWaiverAttributes\" &&\n key !== \"summaryAttributes\" && (\n
\n {key === \"memberCost\" ? (\n <>\n (\n \n Member Monthly Cost{\" \"}\n \n \n \n \n ) : (\n \n {\" \"}\n {key === \"fullCost\" && (props.card.status==='EOI Pending') ? <>\n (\n \n Full Monthly Cost{\" \"}\n \n \n \n : (key === \"fullCost\"?Full Monthly Cost :key)}\n
\n )}\n \n {\" \"}\n {isNaN(props.card.currentDetails[key])\n ? props.card.currentDetails[key]\n : props.card.currentDetails[key] === -1 ? 'TBD' : currencyFormat(props.card.currentDetails[key])}{\" \"}\n \n
\n )\n )\n : props.card.currentDetails &&\n Object.keys(props.card.currentDetails).map(\n (key, i) =>\n key !== \"discountOrPremiumWaiverAttributes\" &&\n key !== \"summaryAttributes\" &&\n key !== \"fullCost\" && (\n
\n \n {\" \"}\n {key === \"memberCost\" ? \"Member Monthly Cost\" : key}{\" \"}\n \n \n {\" \"}\n {isNaN(props.card.currentDetails[key])\n ? props.card.currentDetails[key]\n : props.card.currentDetails[key] === -1 ? 'TBD' : currencyFormat(props.card.currentDetails[key])}{\" \"}\n \n
\n )\n )}\n
\n
\n {success && electionMsg === \"Cancelled\" && (\n \n {SuccessSaveMessage} \n \n )}\n {error && (\n \n \n {errorSaveMessage} {saveError}\n \n \n )}\n\n \n \n OK\n \n \n \n )}\n\n {openCancelForm && (\n \n {undoMessage1}
\n \n {cancelCard.insurancePlanTypeDescription}.\n \n {undoMessage2}
\n \n \n {\" \"}\n Confirm\n \n \n {\" \"}\n Cancel\n \n \n \n )}\n\n {props.pendingUpdateElectionsForFuturePlans.map((card, index) => {\n return (\n \n
\n \n
\n {/* Approved future new coverage coming into effect next month, with unsubmitted update election - ALPAIN-62 -PendingUpdateElectionsForFuturePlan */}\n \n {card.insuranceID > 0 ? (\n \n {card.insurancePlanTypeDescription} ID #{card.insuranceID}\n
\n ) : (\n \n {card.insurancePlanTypeDescription}\n
\n )}\n {card.nonContributoryOptIn === true &&\n JSON.parse(localStorage.getItem(\"showApprentice\")) === true\n ? ` (Apprentice)`\n : null}\n \n \n Start Date: {dateFormat(card.startDate)}\n
\n \n
\n \n Unsubmitted Changes \n
\n \n {card.status==='EOI Pending' ? (\n EOIClick(card)}\n >\n {\" \"}\n EOI Pending{\" \"}\n \n ):null} \n
\n \n {\" \"} \n {card.insurancePlanTypeName!==\"MLUM\" && card.insurancePlanTypeName!==\"MLUS\" ? ( \n modifyClick(card)}\n >\n {\" \"}\n Modify{\" \"}\n \n ): (\n Modify }\n cancelClick(card)}\n >\n Undo{\" \"}\n \n
\n \n
\n
\n {success && electionMsg === \"Cancelled\" && (\n \n {SuccessSaveMessage} \n \n )}\n {error && (\n \n \n {errorSaveMessage} {saveError}\n \n \n )}\n \n \n OK\n \n \n \n )}\n\n {openCancelForm && (\n \n {undoMessage1}
\n \n {cancelCard.insurancePlanTypeDescription}.\n \n {undoMessage2}
\n \n \n {\" \"}\n Confirm\n \n \n {\" \"}\n Cancel\n \n \n \n )}\n\n {props.pendingNewElections.map((card, index) => {\n return (\n \n
\n \n
\n {/* Pending New Election - Unsubmitted new election - ALPAIN-60 */}\n \n {card.insuranceID >= 0 ? (\n \n {card.insurancePlanTypeDescription} ID #{card.insuranceID}\n
\n ) : (\n \n {card.insurancePlanTypeDescription}\n
\n )}\n {card.nonContributoryOptIn === true &&\n JSON.parse(localStorage.getItem(\"showApprentice\")) === true\n ? ` (Apprentice)`\n : null}\n \n \n Start Date:{\" \"}\n \n {dateFormat(card.startDate)}\n \n
\n \n
\n \n \n {\" \"}\n Unsubmitted Election\n \n
\n \n {card.status==='EOI Pending' ? (\n EOIClick(card)}\n >\n {\" \"}\n EOI Pending{\" \"}\n \n ):null} \n
\n \n {\" \"} \n {card.insurancePlanTypeName!==\"MLUM\" && card.insurancePlanTypeName!==\"MLUS\" ? ( \n modifyClick(card)}\n >\n {\" \"}\n Modify{\" \"}\n \n ): (\n Modify }\n cancelClick(card)}\n >\n Undo{\" \"}\n \n
\n \n
\n
\n {success && electionMsg === \"Cancelled\" && (\n \n {SuccessSaveMessage} \n \n )}\n {error && (\n \n \n {errorSaveMessage} {saveError}\n \n \n )}\n \n \n OK\n \n \n \n )}\n\n {openCancelForm && (\n \n {undoMessage1}
\n \n {cancelCard.insurancePlanTypeDescription}.\n \n {undoMessage2}
\n \n \n {\" \"}\n Confirm\n \n \n {\" \"}\n Cancel\n \n \n \n )}\n\n {props.pendingTerminations.map((card, index) => {\n return (\n \n
\n \n
\n {/* Pending terminations ALPAIN-63 -PendingTerminations */}\n \n {card.insuranceID >= 0 ? (\n \n {card.insurancePlanTypeDescription} ID #{card.insuranceID}\n
\n ) : (\n \n {card.insurancePlanTypeDescription}\n
\n )}\n {card.nonContributoryOptIn === true &&\n JSON.parse(localStorage.getItem(\"showApprentice\")) === true\n ? ` (Apprentice)`\n : null}\n \n \n Start Date: {dateFormat(card.startDate)}\n
\n \n
\n \n \n {\" \"}\n Unsubmitted Termination\n \n
\n \n cancelClick(card)}\n >\n Undo{\" \"}\n \n
\n \n
\n
\n {success && electionMsg === \"Success\" && (\n \n {SuccessSaveMessage} \n \n )}\n {error && (\n \n \n {errorSaveMessage} {saveError}\n \n \n )}\n \n \n OK\n \n \n \n )}\n\n {openTerminateForm && (\n \n {terminationMessage1}
\n \n {terminateCard.insurancePlanTypeDescription}{\" \"}\n \n \n {terminationMessage2}{\" \"}\n {dateFormat(props.electionDates.effectivedate)\n ? dateFormat(props.electionDates.effectivedate)\n : datewotimestampFormat(props.electionDates.effectivedate)}\n
\n \n \n {\" \"}\n Confirm\n \n \n {\" \"}\n Cancel\n \n \n \n )}\n\n {openReinstateForm && (\n \n {/* Please confirm Reinstatement of the below plan.
*/}\n {reinstatementMessage1}
\n \n {reinstateCard.insurancePlanTypeDescription}{\" \"}\n \n \n {reinstatementMessage2} {dateFormat(reinstateCard.endDate)}\n
\n {/* Clicking Confirm will reinstate the plan effective.
*/}\n \n \n {\" \"}\n Confirm\n \n \n {\" \"}\n Cancel\n \n \n \n )}\n\n {openCancelForm && (\n \n {terminationMessage1}
\n \n {cancelCard.insurancePlanTypeDescription}{\" \"}\n \n \n {terminationMessage2} {dateFormat(cancelCard.startDate)}\n
\n \n \n {\" \"}\n Confirm\n \n \n {\" \"}\n Cancel\n \n \n \n )}\n\n {props.noPendingElections.map((card, index) => {\n return (\n \n
\n \n
\n
\n {card.futureDetails ? (\n \n ) : (\n <>\n \n \n {card.insurancePlanTypeDescription} ID #\n {card.insuranceID}\n {card.nonContributoryOptIn === true &&\n JSON.parse(localStorage.getItem(\"showApprentice\")) ===\n true\n ? ` (Apprentice)`\n : null}\n
\n \n \n Start Date:\n {card.startDate < props.electionDates.currentdate ? (\n {dateFormat(card.startDate)} \n ) : (\n \n {\" \"}\n {dateFormat(card.startDate)}\n \n )}\n {/* Show EndDate if Cancellation (Future Date instead of 1/1/1900) */}\n {/* new Date(card.endDate).setHours(0,0,0,0) >= new Date().setHours(0,0,0,0) */}\n {card.endDate !== \"1900-01-01T00:00:00\" && (\n \n End Date:{\" \"}\n \n {dateFormat(card.endDate)}\n \n \n )}\n
\n \n
\n \n {card.status==='EOI Pending' ? (\n EOIClick(card)}\n >\n {\" \"}\n EOI Pending{\" \"}\n \n ):null} \n
\n \n {card.endDate === \"1900-01-01T00:00:00\" && card.insurancePlanTypeName!==\"MLUM\" && card.insurancePlanTypeName!==\"MLUS\" ? (\n modifyClick(card)}\n >\n {\" \"}\n Modify{\" \"}\n \n ): (\n Modify }\n {card.endDate === \"1900-01-01T00:00:00\" ? (\n card.startDate <= props.electionDates.currentdate ? (\n terminateClick(card)}\n >\n Terminate{\" \"}\n \n ) : (\n cancelClick(card)}\n >\n Terminate{\" \"}\n \n )\n ) : null}\n
\n \n
\n
\n {success && electionMsg === \"Cancelled\" && (\n \n {SuccessSaveMessage} \n \n )}\n {error && (\n \n \n {errorSaveMessage} {saveError}\n \n \n )}\n \n \n OK\n \n \n \n )}\n\n {openCancelForm && (\n \n {undoMessage1}
\n \n {cancelCard.insurancePlanTypeDescription}.\n \n {undoMessage2}
\n \n \n {\" \"}\n Confirm\n \n \n {\" \"}\n Cancel\n \n \n \n )}\n\n {props.pendingCancellations.map((card, index) => {\n return (\n \n
\n \n \n
\n {/* Pending terminations ALPAIN-63 -PendingTerminations */}\n \n {card.insuranceID >= 0 ? (\n \n {card.insurancePlanTypeDescription} ID #{card.insuranceID}\n
\n ) : (\n \n {card.insurancePlanTypeDescription}\n
\n )}\n {card.nonContributoryOptIn === true &&\n JSON.parse(localStorage.getItem(\"showApprentice\")) === true\n ? ` (Apprentice)`\n : null}\n \n \n Start Date: {dateFormat(card.startDate)}\n
\n \n
\n \n \n {\" \"}\n Unsubmitted Termination\n \n
\n \n cancelClick(card)}\n >\n Undo{\" \"}\n \n
\n \n
\n
\n {success && electionMsg === \"Cancelled\" && (\n \n {SuccessSaveMessage} \n \n )}\n {error && (\n \n \n {errorSaveMessage} {saveError}\n \n \n )}\n \n \n OK\n \n \n \n )}\n\n {openCancelForm && (\n \n {reinstatementMessage1}
\n {cancelCard.insurancePlanTypeDescription} \n {reinstatementMessage2}
\n \n \n {\" \"}\n Confirm\n \n \n {\" \"}\n Cancel\n \n \n \n )}\n\n {props.pendingReinstatements.map((card, index) => {\n return (\n \n
\n \n
\n {/* Pending terminations ALPAIN-63 -PendingTerminations */}\n \n {card.insuranceID >= 0 ? (\n \n {card.insurancePlanTypeDescription} ID #{card.insuranceID}\n
\n ) : (\n \n {card.insurancePlanTypeDescription}\n
\n )}\n {card.nonContributoryOptIn === true &&\n JSON.parse(localStorage.getItem(\"showApprentice\")) === true\n ? ` (Apprentice)`\n : null}\n \n \n {\" \"}\n \n Start Date: {dateFormat(card.startDate)}\n \n \n End Date:{\" \"}\n \n {dateFormat(card.endDate)}\n \n {\" \"}\n
{\" \"}\n \n
\n \n \n {\" \"}\n Unsubmitted Reinstatement\n \n
\n \n cancelClick(card)}\n >\n Undo{\" \"}\n \n
\n \n
\n
\n {success && electionMsg === \"Cancelled\" && (\n \n {SuccessSaveMessage} \n \n )}\n {error && (\n \n \n {errorSaveMessage} {saveError}\n \n \n )}\n\n \n \n OK\n \n \n \n )}\n\n {openCancelForm && (\n \n {undoMessage1}
\n \n {cancelCard.insurancePlanTypeDescription}.\n \n {undoMessage2}
\n\n \n \n {\" \"}\n Confirm\n \n \n {\" \"}\n Cancel\n \n \n \n )}\n\n {props.EOIpendingUpdateElectionsForNonFuturePlans.map((card, index) => {\n return (\n \n
\n \n
\n \n \n
\n \n {card.status==='EOI Pending' ? (\n EOIClick(card)}\n >\n {\" \"}\n EOI Pending{\" \"}\n \n ):null} \n
\n \n {\" \"} \n {card.insuranceID > 0 && card.insurancePlanTypeName!==\"MLUM\" && card.insurancePlanTypeName!==\"MLUS\" ? ( \n modifyClick(card)}\n >\n {\" \"}\n Modify{\" \"}\n \n ): (\n Modify }\n {card.status!=='EOI Pending' ? (\n cancelClick(card)}\n >\n Undo{\" \"}\n \n ):null} \n
\n \n
\n
\n {success && electionMsg === \"Cancelled\" && (\n \n {SuccessSaveMessage} \n \n )}\n {error && (\n \n \n {errorSaveMessage} {saveError}\n \n \n )}\n\n \n \n OK\n \n \n \n )}\n\n {openCancelForm && (\n \n {undoMessage1}
\n \n {cancelCard.insurancePlanTypeDescription}.\n \n {undoMessage2}
\n \n \n {\" \"}\n Confirm\n \n \n {\" \"}\n Cancel\n \n \n \n )}\n\n {props.EOIpendingUpdateElectionsForFuturePlans.map((card, index) => {\n return (\n \n
\n \n
\n {/* Approved future new coverage coming into effect next month, with unsubmitted update election - ALPAIN-62 -PendingUpdateElectionsForFuturePlan */}\n \n {card.insuranceID > 0 ? (\n \n {card.insurancePlanTypeDescription} ID #{card.insuranceID}\n
\n ) : (\n \n {card.insurancePlanTypeDescription}\n
\n )}\n {card.nonContributoryOptIn === true &&\n JSON.parse(localStorage.getItem(\"showApprentice\")) === true\n ? ` (Apprentice)`\n : null}\n \n \n Start Date: {dateFormat(card.startDate)}\n
\n \n
\n \n {card.status==='EOI Pending' ? (\n EOIClick(card)}\n >\n {\" \"}\n EOI Pending{\" \"}\n \n ):null} \n
\n \n {\" \"} \n {card.insuranceID > 0 && card.insurancePlanTypeName!==\"MLUM\" && card.insurancePlanTypeName!==\"MLUS\" ? ( \n modifyClick(card)}\n >\n {\" \"}\n Modify{\" \"}\n \n ): (\n Modify }\n {card.status!=='EOI Pending' ? (\n cancelClick(card)}\n >\n Undo{\" \"}\n \n ):null} \n
\n \n
\n
\n {success && electionMsg === \"Cancelled\" && (\n \n {SuccessSaveMessage} \n \n )}\n {error && (\n \n \n {errorSaveMessage} {saveError}\n \n \n )}\n \n \n OK\n \n \n \n )}\n\n {openCancelForm && (\n \n {undoMessage1}
\n \n {cancelCard.insurancePlanTypeDescription}.\n \n {undoMessage2}
\n \n \n {\" \"}\n Confirm\n \n \n {\" \"}\n Cancel\n \n \n \n )}\n\n {props.EOIpendingNewElections.map((card, index) => {\n return (\n \n
\n \n
\n {/* Pending New Election - Unsubmitted new election - ALPAIN-60 */}\n \n {card.insuranceID > 0 ? (\n \n {card.insurancePlanTypeDescription} ID #{card.insuranceID}\n
\n ) : (\n \n {card.insurancePlanTypeDescription}\n
\n )}\n {card.nonContributoryOptIn === true &&\n JSON.parse(localStorage.getItem(\"showApprentice\")) === true\n ? ` (Apprentice)`\n : null}\n \n \n Start Date:{\" \"}\n \n {dateFormat(card.startDate)}\n \n
\n \n
\n \n {card.status==='EOI Pending' ? (\n EOIClick(card)}\n >\n {\" \"}\n EOI Pending{\" \"}\n \n ):null} \n
\n \n {\" \"} \n {card.insuranceID > 0 && card.insurancePlanTypeName!==\"MLUM\" && card.insurancePlanTypeName!==\"MLUS\" ? ( \n modifyClick(card)}\n >\n {\" \"}\n Modify{\" \"}\n \n ): (\n Modify }\n {card.status!=='EOI Pending' ? (\n cancelClick(card)}\n >\n Undo{\" \"}\n \n ):null} \n \n
\n \n
\n
{props.card.status}
\n \n
\n {props.card.summaryAttributes &&\n Object.keys(props.card.summaryAttributes).map((key, i) => (\n
\n \n {\" \"}\n {key}\n \n \n {\" \"}\n {isNaN(props.card.summaryAttributes[key])\n ? props.card.summaryAttributes[key]\n : currencyFormat(\n parseInt(props.card.summaryAttributes[key])\n )}\n \n
\n ))}\n
\n
\n {props.card.discountOrPremiumWaiverEligible === true\n ? props.card.currentDetails &&\n Object.keys(props.card.currentDetails).map(\n (key, i) =>\n key !== \"discountOrPremiumWaiverAttributes\" &&\n key !== \"summaryAttributes\" && (\n
\n {key === \"memberCost\" ? (\n <>\n (\n \n Member Cost{\" \"}\n \n \n \n \n ) : (\n \n {key === \"fullCost\" && (props.card.status==='EOI Pending') ? <>\n (\n \n Full Cost{\" \"}\n \n \n \n : (key === \"fullCost\"?\"Full Cost\":key)}\n \n )}\n \n {\" \"}\n {isNaN(props.card.currentDetails[key])\n ? props.card.currentDetails[key]\n : props.card.currentDetails[key] === -1\n ? \"TBD\"\n : currencyFormat(props.card.currentDetails[key])}{\" \"}\n \n
\n )\n )\n : props.card.currentDetails &&\n Object.keys(props.card.currentDetails).map(\n (key, i) =>\n key !== \"discountOrPremiumWaiverAttributes\" &&\n key !== \"summaryAttributes\" &&\n key !== \"fullCost\" && (\n
\n \n {\" \"}\n {key === \"memberCost\" ? \"Member Cost\" : key}{\" \"}\n \n \n {\" \"}\n {isNaN(props.card.currentDetails[key])\n ? props.card.currentDetails[key]\n : props.card.currentDetails[key] === -1\n ? \"TBD\"\n : currencyFormat(props.card.currentDetails[key])}{\" \"}\n \n
\n )\n )}\n
\n
\n {getError}\n \n )}\n \n
\n \n
\n <>\n \n \n {props.card.insurancePlanTypeDescription} ID #\n {props.card.insuranceID}{\" \"}\n {props.card.nonContributoryOptIn === true &&\n props.isAP === true\n ? ` (Apprentice)`\n : null}\n
\n \n \n Start Date: {dateFormat(props.card.startDate)}\n {props.card.endDate !== \"1900-01-01T00:00:00\" && (\n \n End Date:{\" \"}\n \n {dateFormat(props.card.endDate)}\n \n \n )}\n
\n {\" \"}\n \n \n
\n \n showClick()}\n >\n {\" \"}\n {showChanges ? `Hide Details` : `Show Details`}{\" \"}\n \n
\n \n\n {showChanges === true && (\n <>\n {details.Beneficiaries === undefined &&\n details.Dependents === undefined && (\n
\n No details to show.\n \n )}\n\n {details.Beneficiaries && (\n <>\n {\" \"}\n \n Beneficiaries \n \n \n
\n \n )}\n {details.Dependents && (\n <>\n \n {details.Beneficiaries && Dependents \n \n \n
\n \n )}\n \n )}\n \n
\n {(data, loading, error) => {\n if (loading) return \n You have unsubmitted changes \n \n Continue to Submit Changes\n \n
\n )}\n \n );\n\n const currentenrollment = showCurrent ? (\n <>\n {checked && (\n <>\n {submitButton}\n \n
\n \n \n \n \n \n \n \n \n \n \n // \n // \n // \n // \n //
\n // )\n\n \n
\n )}\n \n ) : null;\n\n const newenrollment = showNew ? (\n \n Life Insurance \n Disability Insurance \n Limited Benefit Indemnity Plans \n Dental \n
\n ) : null;\n\n return (\n <>\n {status === STATUS.SUBMITTING && \n {getError}\n \n )}\n\n \n
\n \n \n \n \n \n \n \n
\n
\n \n {showCurrent?
\n \n Show Unsubmitted and Approved Changes\n \n {!checked && (\n \n Display coverage as of\n \n )}\n {!checked && (\n \n :
}\n {currentenrollment}\n
\n
\n
\n \n Enroll for New Plans \n \n \n
\n\n
{newenrollment}
\n
\n {(data, loading, error) => {\n if (loading) return \n {\" \"}\n
\n
Select Your Benefits
\n {data[16].length>0? \n
\n {\" \"}\n You have an election that is pending evidence of insurability or conditional question. Click here for more information.\n : null}\n
\n {\" \"}\n Applicable discounts will not be reflected until up to one month after enrollment.\n \n\n \n {\" \"}\n To make changes to your current coverage, click \"Modify\" under the plan you would like to change. To enroll in a new plan, click \"Enroll\".\n \n \n
\n
\n props.enterAdd(props.dataItem)}>\n \n \n );\n };\n\n const MyAddCommandCell = (props) => (\n \n \n
\n \n \n \n \n
\n \n \n
(\n \n \n
\n Fill in the Beneficiary fields (*required) \n Basic Information
\n \n
\n
\n {`${formRenderProps.valueGetter(\n \"beneficiarytype\"\n )}` !== \"My Estate\" &&\n `${formRenderProps.valueGetter(\n \"beneficiarytype\"\n )}` !== \"Person\" && (\n
\n
\n )}\n
\n
\n )}\n {`${formRenderProps.valueGetter(\"beneficiarytype\")}` ===\n \"Trust\" && (\n \n
\n )}\n \n {`${formRenderProps.valueGetter(\n \"beneficiarytype\"\n )}` === \"Person\" && (\n
\n
\n )}\n {`${formRenderProps.valueGetter(\n \"beneficiarytype\"\n )}` === \"Person\" && (\n
\n
\n )}{\" \"}\n
\n
\n )}\n {/* \n
*/}\n {`${formRenderProps.valueGetter(\"beneficiarytype\")}` ===\n \"Person\" && (\n \n
\n )}\n \n {`${formRenderProps.valueGetter(\"beneficiarytype\")}` !==\n \"My Estate\" && (\n
\n Address
\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 {`${props.item.name}` === \"\" ? \"Save\" : \"Update\"}\n \n \n Cancel\n \n \n \n )}\n />\n \n
\n );\n};\n","import * as React from \"react\";\nimport { Grid, GridColumn as Column } from \"@progress/kendo-react-grid\";\nimport { Button } from \"@progress/kendo-react-buttons\";\nimport { Dialog } from \"@progress/kendo-react-dialogs\";\nimport { Notification } from \"@progress/kendo-react-notification\";\nimport {\n Card,\n CardTitle,\n CardBody,\n CardActions,\n} from \"@progress/kendo-react-layout\";\nimport { dateFormat } from \"../../services/shareconstant\";\nexport const CopyBeneficiaryForm = (props) => {\n // reduce iterates over each item, using accumulator\n let beneficiaryData = props.copybeneficiaries.reduce((acc, next) => {\n // reusable beneficiary var\n let nextBeneficiary = {\n id: next.beneficiaryid,\n name: next.name,\n dateOfBirth: next.dateOfBirth,\n relationship: next.relationship,\n beneficiarytype: next.beneficiarytype,\n type: next.type,\n percentage: next.percentage,\n inPlan: true,\n };\n\n // find similar inusrance, and join them\n let exist = acc.find((v) =>\n v.InsuranceID > 0\n ? v.InsuranceID === next.InsuranceID\n : v.InsuranceElectionID === next.InsuranceElectionID\n );\n if (exist) {\n // insurance exists, update its beneficiary\n exist.beneficiaries.push(nextBeneficiary);\n } else {\n // create new insurance\n acc.push({\n InsuranceID: next.InsuranceID,\n InsuranceElectionID: next.InsuranceElectionID,\n InsurancePlanTypeID: next.InsurancePlanTypeID,\n InsurancePlanTypeName: next.InsurancePlanTypeName,\n InsurancePlanTypeDescription: next.InsurancePlanTypeDescription,\n startdate:\n next.startdate === \"1900-01-01T00:00:00\" ||\n next.startdate === \"0001-01-01T00:00:00\"\n ? \"\"\n : new Date(next.startdate),\n beneficiaries: [nextBeneficiary],\n });\n }\n return acc;\n }, []);\n\n const copyClick = (card) => {\n //Step 1 - original array update with inPlan false\n props.beneficiaries.forEach((element) => {\n element.inPlan = false;\n });\n\n //Step 2 - update original array elements with new value\n // Filter the relationship based on Plan Type category\n let copyBeneficiary;\n if (props.category === \"Life\" && props.primaryInsuredParty === \"Member\")\n copyBeneficiary = card.filter((item) => item.relationship !== \"Self\");\n else if (\n props.category === \"Life\" &&\n props.primaryInsuredParty === \"Spouse\"\n )\n copyBeneficiary = card.filter((item) => item.relationship !== \"Spouse\");\n else copyBeneficiary = card;\n\n //Merge Array\n const finalBeneficiaries = props.beneficiaries.map((item) => {\n const obj = copyBeneficiary.find((o) => o.id === item.id);\n return { ...item, ...obj };\n });\n\n props.setBeneficiaries(finalBeneficiaries);\n props.setOpenCopyForm(false);\n };\n\n return (\n \n \n
\n {beneficiaryData.length > 0 &&\n props.category === \"Life\" &&\n props.primaryInsuredParty === \"Member\" && (\n \n Self beneficiaries are ineligible for the current plan. If one\n is included on a plan you copy from, they will be omitted.\n \n )}\n\n {beneficiaryData.length > 0 &&\n props.category === \"Life\" &&\n props.primaryInsuredParty === \"Spouse\" && (\n \n Spouse beneficiaries are ineligible for the current plan. If one\n is included on a plan you copy from, they will be omitted.\n \n )}\n
\n
\n {beneficiaryData.length === 0 && (\n
No beneficiaries found to copy.
\n )}\n {beneficiaryData.map((card, index) => {\n return (\n
\n
\n \n
\n {card.InsuranceID >= 0 ? (\n \n {card.InsurancePlanTypeDescription} ID #\n {card.InsuranceID}\n
\n ) : (\n {card.InsurancePlanTypeDescription}
\n )} \n\n Start Date: {dateFormat(card.startdate)}
\n {/* Insurance: {card.InsuranceID >= 0 ? 'Update' : 'New'}
*/}\n {card.beneficiaries && (\n \n \n \n
\n )}\n \n
\n \n copyClick(card.beneficiaries)}\n >\n {\" \"}\n Copy{\" \"}\n \n
\n \n
\n
\n );\n })}\n
\n
\n Cancel\n \n \n
\n \n );\n};\n//Till Here\n\nexport const CoverageBeneficiary = (props) => {\n const editField = \"inEdit\";\n const authContext = useContext(AuthContext);\n const loggedinpersonid = authContext.state.userinfoglobal.LinkId;\n const [openAddForm, setOpenAddForm] = useState(false);\n const filteredBeneficiary = props.beneficiaries.filter(\n (item) => item.inPlan === true\n );\n const [status, setStatus] = useState(STATUS.IDLE);\n const [saveError, setSaveError] = useState(null);\n const [success, setSuccess] = useState(false);\n const [error, setError] = useState(false);\n const [openForm, setOpenForm] = useState(false);\n const [editItem, setEditItem] = useState({});\n const [openCopyForm, setOpenCopyForm] = useState(false);\n // const [type, setType] = useState('');\n // const [percentage, setPercentage] = useState('');\n\n const emptyBeneficiary = {\n id: -1,\n personid: loggedinpersonid,\n name: \"\",\n dateOfBirth: \"\",\n gender: \"\",\n relationship: \"\",\n isActive: true,\n beneficiarytype: \"Person\",\n taxidentifier: \"\",\n line1: \"\",\n line2: \"\",\n line3: \"\",\n city: \"\",\n country: \"\",\n stateprovince: \"\",\n postalcode: \"\",\n county: \"\",\n telephone: \"\",\n dateOfTrust: \"\",\n inPlan: true,\n type: \"Primary\",\n percentage: 0,\n inEdit: true,\n };\n\n function handleTypeChange(e) {\n let arr = [...props.beneficiaries];\n arr = arr.map((item) =>\n item.id === e.dataItem.id ? { ...item, [e.field]: e.value } : item\n );\n props.setBeneficiaries(arr);\n }\n const CustomTypeCell = (props) => {\n return (\n \n type === props.dataItem[props.field])}\n data={types}\n onChange={(e) => {\n props.onChange({\n dataItem: props.dataItem,\n field: props.field,\n syntheticEvent: e.syntheticEvent,\n value: e.target.value,\n });\n }}\n />\n \n );\n };\n\n const MyCustomTypeCell = (props) => (\n \n props.enterRemove(props.dataItem)}\n >\n \n \n \n );\n };\n\n const MyRemoveCommandCell = (props) => (\n \n props.enterEdit(props.dataItem)}>\n \n \n );\n };\n\n const MyEditCommandCell = (props) => (\n \n
\n Allocate Beneficiaries \n
\n
\n \n Split Percentage\n \n\n \n Copy From\n \n\n \n Add New Beneficiary\n \n
\n {openAddForm && (\n
\n )}\n {openCopyForm && (\n
\n )}\n {status === STATUS.SUBMITTING &&
}\n\n
\n \n \n {success && (\n setSuccess(false)}\n >\n {ChangesSaveMessage} \n \n )}\n \n \n {error && (\n setError(false)}\n >\n {saveError} \n \n )}\n \n \n
\n
\n
\n \n
\n {props.benificaryValidMsg !== `` && (\n
{props.benificaryValidMsg} \n )}\n
\n {props.question.questionType === \"Text\" && (\n <>\n
{`${props.question.questionText}`}
\n
\n \n )}\n\n {/* {props.question.QuestionType==='Text' && props.question.Requiered=== 'N' &&\n
\n } */}\n {props.question.questionType === \"Dropdown\" && (\n <>\n
{`${props.question.questionText}`}
\n
\n \n )}\n {/* {props.question.QuestionType==='Dropdown' && props.question.Requiered=== 'N' &&
\n } */}\n {props.question.questionType === \"Currency\" && (\n
\n )}\n {/* {props.question.QuestionType==='Currency' && props.question.Requiered=== 'N' &&
\n } */}\n
{props.labelValue}
\n {/*\n {props.showInfo && (\n \n {\" \"}\n Information below would be required to determine the Insurance\n eligibility and rates\n \n )}\n */}\n \n {props.data.map((question, questionID) => (\n \n ))}\n
\n \n );\n};\n\nQuestions.defaultProps = {\n showInfo: true,\n};\n"],"sourceRoot":""}