\r\n {children}\r\n \r\n );\r\n}\r\n\r\nParallax.propTypes = {\r\n className: PropTypes.string,\r\n filter: PropTypes.bool,\r\n children: PropTypes.node,\r\n style: PropTypes.string,\r\n image: PropTypes.string,\r\n small: PropTypes.bool\r\n};\r\n","import ClientOAuth2 from 'client-oauth2';\r\n\r\n\r\nlet BASE_URL\r\nif (window.location.hostname === \"localhost\" || window.location.hostname === \"127.0.0.1\" || window.location.hostname === \"\") {\r\n\tBASE_URL = \"https://thoviblm4z.apimanagement.eu2.hana.ondemand.com:443/v1/OAuthService\";\r\n} else {\r\n\tBASE_URL = \"/SECURE_API_GAPX\";\r\n}\r\n\r\nconst _auth = new ClientOAuth2({\r\n\tclientId: \"ElZvY8G5g6f6DWFbWSI6MKVSt24CXuH8\",//\"dAalUUaPcpqT5gAUGfO3UyENSy5RG7TI\",\r\n\tclientSecret: \"3WWir4F3e6ZGoDEP\",//\"4GGNBif4wxw29X7L\",\r\n\taccessTokenUri: `${BASE_URL}/token`,\r\n\tauthorizationGrants: ['password'],\r\n\tscope: 'user'\r\n});\r\n\r\nclass Auth {\r\n\tconstructor() {\r\n\t\tif (!Auth.instance) {\r\n\t\t\tAuth.instance = this;\r\n\t\t}\r\n\r\n\t\tthis.tokenExpiredEvent = document.createEvent(\"Event\");\r\n\t\tthis.tokenExpiredEvent.initEvent(\"tokenExpired\", true, true);\r\n\r\n\t\treturn Auth.instance;\r\n\t}\r\n\r\n\tasync login(username = \"public\", password = \"******\") {\r\n\t\tthis.grant = await _auth.owner.getToken(username, password);\r\n\t}\r\n\r\n\tasync getAccessToken() {\r\n\t\tif(!this.grant) await this.login();\r\n\t\tif (this.grant.expired()) {\r\n\t\t\ttry {\r\n\t\t\t\tthis.grant = await this.grant.refresh({ accessTokenUri: `${BASE_URL}/refresh_token` });\r\n\t\t\t} catch(ex) {\r\n\t\t\t\tthis.grant = undefined;\r\n\t\t\t\tawait this.login();\r\n\t\t\t\t// window.dispatchEvent(this.tokenExpiredEvent);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn this.grant.accessToken;\r\n\t}\r\n}\r\n\r\nexport default new Auth();","import querystring from \"querystring\";\r\n// import detectIE from \"./detectIE\";\r\nimport auth from \"../Utils/auth\";\r\nimport config from \"../Utils/config\";\r\n// import user from \"./user\";\r\n\r\nlet BASE_URL = \"\";\r\n// BASE_URL = 'https://genricapiuat.azure-api.net/gapwisetest/qrater.xsjs'\r\nBASE_URL = \"https://genric-prod-api.azure-api.net/gapwise/api\";\r\nconst handleResponse = response => {\r\n if (response.status >= 200 && response.status < 300) {\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.includes(\"application/json\")) {\r\n return response.text().then(textRes => {\r\n if (!textRes) return;\r\n return JSON.parse(textRes);\r\n });\r\n }\r\n return response.text();\r\n }\r\n\r\n return response.text().then(bodyText => {\r\n let errorString = response.statusText;\r\n if (bodyText && bodyText !== response.statusText)\r\n errorString += ` - ${bodyText}`;\r\n\r\n const error = new Error(errorString);\r\n error.status = response.statusText;\r\n error.response = response;\r\n throw error;\r\n });\r\n};\r\n\r\nexport default async (options, uri = BASE_URL) => {\r\n // if (isIE === undefined) isIE = detectIE();\r\n\r\n const headers = {\r\n \"Content-Type\": \"application/json\",\r\n Accept: \"application/json\"\r\n };\r\n\r\n const _options = {\r\n ...options,\r\n cache: \"no-store\",\r\n headers: new Headers(\r\n options.headers\r\n ? {\r\n ...headers,\r\n ...options.headers\r\n }\r\n : headers\r\n ),\r\n body: options.body ? JSON.stringify(options.body) : undefined\r\n };\r\n // if (isIE) options.qs[\"cachebuster\"] = new Date().getTime(); // Add Cachebuster\r\n\r\n const hasParams = Object.keys(options.qs).length > 0;\r\n const request = new Request(\r\n `${uri}${hasParams ? `?${querystring.stringify(options.qs)}` : \"\"}`,\r\n _options\r\n );\r\n return handleResponse(await fetch(request));\r\n};\r\n","import { container } from \"assets/jss/material-kit-react.js\";\r\n\r\nconst componentsStyle = {\r\n container,\r\n brand: {\r\n color: \"#FFFFFF\",\r\n textAlign: \"left\"\r\n },\r\n title: {\r\n fontSize: \"4.2rem\",\r\n fontWeight: \"600\",\r\n display: \"inline-block\",\r\n position: \"relative\"\r\n },\r\n subtitle: {\r\n fontSize: \"1.313rem\",\r\n maxWidth: \"500px\",\r\n margin: \"10px 0 0\"\r\n },\r\n main: {\r\n background: \"#FFFFFF\",\r\n position: \"relative\",\r\n zIndex: \"3\"\r\n },\r\n mainRaised: {\r\n margin: \"-60px 30px 0px\",\r\n borderRadius: \"6px\",\r\n boxShadow:\r\n \"0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)\"\r\n },\r\n infoBubble: {\r\n boxShadow: \"0px 1px 57px 17px rgba(189,189,189,0.51)\",\r\n borderRadius: \"25px\",\r\n paddingLeft: \"2em\",\r\n color: \"white\",\r\n margin: \"20px 0\",\r\n padding: '20px',\r\n width: '100%',\r\n maxWidth: \"500px\"\r\n\r\n },\r\n headerPrimary: {\r\n fontSize: \"24px\",\r\n fontFamily: \"Arial Rounded MT Bold, Helvetica Rounded, Arial\",\r\n color: '#0282d1'\r\n },\r\n headerSecondary: {\r\n fontSize: \"24px\",\r\n fontFamily: \"Arial Rounded MT Bold, Helvetica Rounded, Arial\",\r\n color: '#fdb812'\r\n\r\n },\r\n body: {\r\n fontSize: \"20\",\r\n fontFamily: \"Arial Rounded MT Bold, Helvetica Rounded, Arial\",\r\n color: '#000'\r\n\r\n },\r\n link: {\r\n textDecoration: \"none\"\r\n },\r\n textCenter: {\r\n textAlign: \"center\"\r\n },\r\n\r\n fontClass: {\r\n fontSize: \"14px\",\r\n fontFamily: \"Arial Rounded MT Bold, Helvetica Rounded, Arial\"\r\n },\r\n dropdownWidth: {\r\n width: \"-moz-available\"\r\n },\r\n inputDropdown: {\r\n border: \"unset !important\",\r\n paddingLeft: \"unset\",\r\n opacity: 0.7,\r\n borderBottom: \"0.1px solid rgba(0,0,0,0.3)\",\r\n }\r\n};\r\n\r\n/*h1 { font-family: \"Arial Rounded MT Bold\", \"Helvetica Rounded\", Arial, sans-serif; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26.4px; } h3 { font-family: \"Arial Rounded MT Bold\", \"Helvetica Rounded\", Arial, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 15.4px; } p { font-family: \"Arial Rounded MT Bold\", \"Helvetica Rounded\", Arial, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; } blockquote { font-family: \"Arial Rounded MT Bold\", \"Helvetica Rounded\", Arial, sans-serif; font-size: 21px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 30px; } pre { font-family: \"Arial Rounded MT Bold\", \"Helvetica Rounded\", Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 18.5714px; }*/\r\n\r\nexport default componentsStyle;\r\n","const medicalAidList = [\r\n {\r\n value: \"AECI MEDICAL AID SOCIETY\",\r\n key: \"MedScheme1\",\r\n }, {\r\n value: \"ALLIANCE-MIDMED MEDICAL SCHEME\",\r\n key: \"MedScheme2\",\r\n }, {\r\n value: \"ANGLO MEDICAL SCHEME\",\r\n key: \"MedScheme3\",\r\n }, {\r\n value: \"ANGLOVAAL GROUP MEDICAL SCHEME\",\r\n key: \"MedScheme4\",\r\n }, {\r\n value: \"BANKMED\",\r\n key: \"MedScheme5\",\r\n }, {\r\n value: \"BARLOWORLD MEDICAL SCHEME\",\r\n key: \"MedScheme6\",\r\n }, {\r\n value: \"BESTMED MEDICAL SCHEME\",\r\n key: \"MedScheme7\",\r\n }, {\r\n value: \"BMW EMPLOYEES MEDICAL AID SOCIETY\",\r\n key: \"MedScheme8\",\r\n }, {\r\n value: \"BONITAS MEDICAL FUND\",\r\n key: \"MedScheme9\",\r\n }, {\r\n value: \"BP MEDICAL AID SOCIETY\",\r\n key: \"MedScheme10\",\r\n },{\r\n value: \"BUILDING & CONSTRUCTION INDUSTRY MEDICAL AID FUND\",\r\n key: \"MedScheme11\",\r\n },{\r\n value: \"CAPE MEDICAL PLAN\",\r\n key: \"MedScheme12\",\r\n },{\r\n value: \"CHARTERED ACCOUNTANTS (SA) MEDICAL AID FUND (CAMAF)\",\r\n key: \"MedScheme13\",\r\n },{\r\n value: \"COMPCARE WELLNESS MEDICAL SCHEME\",\r\n key: \"MedScheme14\",\r\n },{\r\n value: \"DE BEERS BENEFIT SOCIETY\",\r\n key: \"MedScheme15\",\r\n },{\r\n value: \"DISCOVERY HEALTH MEDICAL SCHEME\",\r\n key: \"MedScheme16\",\r\n },{\r\n value: \"ENGEN MEDICAL BENEFIT FUND\",\r\n key: \"MedScheme17\",\r\n },{\r\n value: \"FEDHEALTH MEDICAL SCHEME\",\r\n key: \"MedScheme18\",\r\n },{\r\n value: \"FISHING INDUSTRY MEDICAL SCHEME (FISH-MED)\",\r\n key: \"MedScheme19\",\r\n },{\r\n value: \"FOOD WORKERS MEDICAL BENEFIT FUND\",\r\n key: \"MedScheme20\",\r\n },{\r\n value: \"GENESIS MEDICAL SCHEME\",\r\n key: \"MedScheme21\",\r\n },{\r\n value: \"GLENCORE MEDICAL SCHEME\",\r\n key: \"MedScheme22\",\r\n },{\r\n value: \"GOLDEN ARROWS EMPLOYEES' MEDICAL BENEFIT FUND\",\r\n key: \"MedScheme23\",\r\n },{\r\n value: \"GOVERNMENT EMPLOYEES MEDICAL SCHEME (GEMS)\",\r\n key: \"MedScheme24\",\r\n },{\r\n value: \"GRINTEK ELECTRONICS MEDICAL AID SCHEME\",\r\n key: \"MedScheme25\",\r\n },{\r\n value: \"HEALTH SQUARED MEDICAL SCHEME\",\r\n key: \"MedScheme26\",\r\n },{\r\n value: \"HORIZON MEDICAL SCHEME\",\r\n key: \"MedScheme27\",\r\n },{\r\n value: \"HOSMED MEDICAL AID SCHEME\",\r\n key: \"MedScheme28\",\r\n },{\r\n value: \"IMPALA MEDICAL PLAN\",\r\n key: \"MedScheme29\",\r\n },{\r\n value: \"IMPERIAL GROUP MEDICAL SCHEME\",\r\n key: \"MedScheme30\",\r\n },{\r\n value: \"KEYHEALTH\",\r\n key: \"MedScheme31\",\r\n },{\r\n value: \"LA-HEALTH MEDICAL SCHEME\",\r\n key: \"MedScheme32\",\r\n },{\r\n value: \"LIBCARE MEDICAL SCHEME\",\r\n key: \"MedScheme33\",\r\n },{\r\n value: \"LONMIN MEDICAL SCHEME\",\r\n key: \"MedScheme34\",\r\n },{\r\n value: \"MAKOTI MEDICAL SCHEME\",\r\n key: \"MedScheme35\",\r\n },{\r\n value: \"MALCOR MEDICAL SCHEME\",\r\n key: \"MedScheme36\",\r\n },{\r\n value: \"MASSMART HEALTH PLAN\",\r\n key: \"MedScheme37\",\r\n },{\r\n value: \"MBMED MEDICAL AID FUND\",\r\n key: \"MedScheme38\",\r\n },{\r\n value: \"MEDIHELP\",\r\n key: \"MedScheme39\",\r\n },{\r\n value: \"MEDIMED MEDICAL SCHEME\",\r\n key: \"MedScheme40\",\r\n },{\r\n value: \"MEDIPOS MEDICAL SCHEME\",\r\n key: \"MedScheme41\",\r\n },{\r\n value: \"MEDSHIELD MEDICAL SCHEME\",\r\n key: \"MedScheme42\",\r\n },{\r\n value: \"MOMENTUM HEALTH\",\r\n key: \"MedScheme43\",\r\n },{\r\n value: \"MOTOHEALTH CARE\",\r\n key: \"MedScheme44\",\r\n },{\r\n value: \"NASPERS MEDICAL FUND\",\r\n key: \"MedScheme45\",\r\n },{\r\n value: \"NEDGROUP MEDICAL AID SCHEME\",\r\n key: \"MedScheme46\",\r\n },{\r\n value: \"NETCARE MEDICAL\",\r\n key: \"MedScheme47\",\r\n },{\r\n value: \"OLD MUTUAL STAFF MEDICAL AID FUND\",\r\n key: \"MedScheme48\",\r\n },{\r\n value: \"PARMED MEDICAL AID SCHEME\",\r\n key: \"MedScheme49\",\r\n },{\r\n value: \"PG GROUP MEDICAL SCHEME\",\r\n key: \"MedScheme50\",\r\n },{\r\n value: \"PICK N PAY MEDICAL SCHEME\",\r\n key: \"MedScheme51\",\r\n },{\r\n value: \"PLATINUM HEALTH\",\r\n key: \"MedScheme52\",\r\n },{\r\n value: \"PROFMED\",\r\n key: \"MedScheme53\",\r\n },{\r\n value: \"QUANTUM MEDICAL AID SOCIETY\",\r\n key: \"MedScheme54\",\r\n },{\r\n value: \"RAND WATER MEDICAL SCHEME\",\r\n key: \"MedScheme55\",\r\n },{\r\n value: \"REMEDI MEDICAL AID SCHEME\",\r\n key: \"MedScheme56\",\r\n },{\r\n value: \"RETAIL MEDICAL SCHEME\",\r\n key: \"MedScheme57\",\r\n },{\r\n value: \"RHODES UNIVERSITY MEDICAL SCHEME\",\r\n key: \"MedScheme58\",\r\n },{\r\n value: \"SABC MEDICAL AID SCHEME\",\r\n key: \"MedScheme59\",\r\n },{\r\n value: \"SAMWUMED\",\r\n key: \"MedScheme60\",\r\n },{\r\n value: \"SASOLMED\",\r\n key: \"MedScheme61\",\r\n },{\r\n value: \"SEDMED\",\r\n key: \"MedScheme62\",\r\n },{\r\n value: \"SELFMED MEDICAL SCHEME\",\r\n key: \"MedScheme63\",\r\n },{\r\n value: \"SISONKE HEALTH MEDICAL SCHEME\",\r\n key: \"MedScheme64\",\r\n },{\r\n value: \"SIZWE MEDICAL FUND\",\r\n key: \"MedScheme65\",\r\n },{\r\n value: \"SOUTH AFRICAN BREWERIES MEDICAL SCHEME\",\r\n key: \"MedScheme66\",\r\n },{\r\n value: \"SOUTH AFRICAN POLICE SERVICE MEDICAL SCHEME (POLMED)\",\r\n key: \"MedScheme67\",\r\n },{\r\n value: \"SUREMED HEALTH\",\r\n key: \"MedScheme68\",\r\n },{\r\n value: \"TFG MEDICAL AID SCHEME\",\r\n key: \"MedScheme69\",\r\n },{\r\n value: \"THEBEMED\",\r\n key: \"MedScheme70\",\r\n },{\r\n value: \"TIGER BRANDS MEDICAL SCHEME\",\r\n key: \"MedScheme71\",\r\n },{\r\n value: \"TOPMED MEDICAL SCHEME\",\r\n key: \"MedScheme72\",\r\n },{\r\n value: \"TRANSMED MEDICAL FUND\",\r\n key: \"MedScheme73\",\r\n },{\r\n value: \"TSOGO SUN GROUP MEDICAL SCHEME\",\r\n key: \"MedScheme74\",\r\n },{\r\n value: \"UMVUZO HEALTH MEDICAL SCHEME\",\r\n key: \"MedScheme75\",\r\n },{\r\n value: \"UNIVERSITY OF KWA-ZULU NATAL MEDICAL SCHEME\",\r\n key: \"MedScheme76\",\r\n },{\r\n value: \"WITBANK COALFIELDS MEDICAL AID SCHEME\",\r\n key: \"MedScheme77\",\r\n },{\r\n value: \"WOOLTRU HEALTHCARE FUND\",\r\n key: \"MedScheme78\",\r\n },{\r\n value: \"OTHER\",\r\n key: \"MedScheme00\",\r\n }\r\n];\r\n\r\n\r\n\r\nexport default medicalAidList","import medicalAidList from \"./MedicalAidList\";\r\n\r\nconst bankDetailList = [\r\n {\r\n value: \"Absa\",\r\n key: \"632005\",\r\n },\r\n {\r\n value: \"Bank of Athens\",\r\n key: \"410506\",\r\n },\r\n {\r\n value: \"Bidvest Bank\",\r\n key: \"462005\",\r\n },\r\n {\r\n value: \"Capitec\",\r\n key: \"470010\",\r\n },\r\n {\r\n value: \"Discovery\",\r\n key: \"679000\",\r\n },\r\n {\r\n value: \"FNB\",\r\n key: \"250655\",\r\n },\r\n {\r\n value: \"Grobank\",\r\n key: \"410506\",\r\n },\r\n {\r\n value: \"Investec\",\r\n key: \"580105\",\r\n },\r\n {\r\n value: \"Nedbank\",\r\n key: \"198765\",\r\n },\r\n {\r\n value: \"SA Post Bank (Post Office)\",\r\n key: \"460005\",\r\n },\r\n {\r\n value: \"Standard Bank\",\r\n key: \"051001\",\r\n },\r\n {\r\n value: \"Tyme Bank\",\r\n key: \"678910\",\r\n }\r\n];\r\n\r\nexport default bankDetailList;\r\n","const relationshipList = [\"Spouse\"\r\n ,\"Child\"\r\n ,\"Parent\"\r\n ,\"Sibling\"\r\n ,\"Life Partner\"\r\n ,\"Other\"];\r\n\r\nexport default relationshipList;","export default __webpack_public_path__ + \"static/media/banner.debebc97.png\";","export function isValidPassport(number) {\r\n if (/[A-Za-z][A-Za-z0-9]{9}D[^A-Za-z0-9]\\d[A-Za-z0-9]{9}D[^A-Za-z0-9]/.test(number)) {\r\n return true;\r\n }\r\n if (/[A-Za-z]\\d{7}\\D/.test(number)) {\r\n return true;\r\n }\r\n if (/[A-Za-z]{2}\\d{6,7}\\D/.test(number)) {\r\n return true;\r\n }\r\n if (/[A-Za-z]{2}\\d{7}\\D/.test(number)) {\r\n return true;\r\n }\r\n if (/[A-Za-z][0-9]{7}[A-Za-z][^A-Za-z]/.test(number)) {\r\n return true;\r\n }\r\n if (/[A-Za-z][0-9]{7}[A-Za-z][^A-Za-z]/.test(number)) {\r\n return true;\r\n }\r\n if (/[A-Za-z][A-Za-z0-9]{7}[^A-Za-z0-9]/.test(number)) {\r\n return true;\r\n }\r\n if (/[A-Za-z][A-Za-z0-9]{6}[^A-Za-z0-9]\\d[A-Za-z0-9]{6}[^A-Za-z0-9]/.test(number)) {\r\n return true;\r\n }\r\n if (/[A-Za-z][A-Za-z0-9]{7}[^A-Za-z0-9]\\d[A-Za-z0-9]{7}[^A-Za-z0-9]/.test(number)) {\r\n return true;\r\n }\r\n if (/[A-Za-z][A-Za-z0-9]{7}[^A-Za-z0-9]\\d[A-Za-z0-9]{7}[^A-Za-z0-9]/.test(number)) {\r\n return true;\r\n }\r\n if (/[A-Za-z][A-Za-z0-9]{7}[^A-Za-z0-9]\\d[A-Za-z0-9]{7}[^A-Za-z0-9]/.test(number)) {\r\n return true;\r\n }\r\n if (/[A-Za-z][A-Za-z0-9]{6}[^A-Za-z0-9]\\d[A-Za-z0-9]{6}[^A-Za-z0-9][A-Za-z][A-Za-z0-9]{8}[^A-Za-z0-9]\\d[A-Za-z0-9]{8}[^A-Za-z0-9]/.test(number)) {\r\n return true;\r\n }\r\n if (/[A-Za-z][A-Za-z0-9]{7,8}[^A-Za-z0-9]\\d[A-Za-z0-9]{7,8}[^A-Za-z0-9]/.test(number)) {\r\n return true;\r\n }\r\n if (/[A-Za-z][A-Za-z0-9]{8}[^A-Za-z0-9]\\d[A-Za-z0-9]{8}[^A-Za-z0-9]/.test(number)) {\r\n return true;\r\n }\r\n if (/[A-Za-z][A-Za-z0-9]{8,9}[^A-Za-z0-9]\\d[A-Za-z0-9]{8,9}[^A-Za-z0-9]/.test(number)) {\r\n return true;\r\n }\r\n if (/[A-Za-z][A-Za-z0-9]{8,10}[^A-Za-z0-9]\\d[A-Za-z0-9]{8,10}[^A-Za-z0-9]/.test(number)) {\r\n return true;\r\n }\r\n if (/[A-Z]{2}[0-9]{7}\\D/.test(number)) {\r\n return true;\r\n }\r\n if (/[A-Z]{2}[0-9]{6}\\D/.test(number)) {\r\n return true;\r\n }\r\n if (/[A-Z]{2}[0-9]{6}\\D/.test(number)) {\r\n return true;\r\n }\r\n if (/[A-Za-z]{2}[0-9]{7}\\D\\d[A-Za-z]\\d{7}\\D[A-Za-z]\\d{8}\\D\\d{9}\\D/.test(number)) {\r\n return true;\r\n }\r\n if (/I[A-Za-z0-9]{5}\\d\\D/.test(number)) {\r\n return true;\r\n }\r\n if (/[AHKE]\\d{8}\\D/.test(number)) {\r\n return true;\r\n }\r\n if (/\\d{2}[A-Za-z0-9]{2}\\d{5}\\D/.test(number)) {\r\n return true;\r\n }\r\n if (/\\d{8}\\D/.test(number)) {\r\n return true;\r\n }\r\n if (/\\d{10}\\D/.test(number)) {\r\n return true;\r\n }\r\n if (/\\d{10,11}\\D/.test(number)) {\r\n return true;\r\n }\r\n if (/\\d{9}\\D/.test(number)) {\r\n return true;\r\n }\r\n if (/\\b\\d{9}\\b|\\b3\\d{8}\\b/.test(number)) {\r\n return true;\r\n }\r\n if (/^[A-Za-z]{2}[0-9]{4}$/.test(number)) {\r\n return true;\r\n }\r\n if (/^[A-Za-z]{2}[0-9]{6}$/.test(number)) {\r\n return true;\r\n }\r\n if (/^[A-Za-z][0-9]{8}$/.test(number)) {\r\n return true;\r\n }\r\n\r\n\r\n return false;\r\n}\r\n","export default __webpack_public_path__ + \"static/media/Doctor.0cc0468a.png\";","/*eslint-disable*/\r\nimport React from \"react\";\r\nimport classNames from \"classnames\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport CustomDropdown from \"../../components/CustomDropdown/CustomDropdown.js\";\r\nimport CustomInput from \"../../components/CustomInput/CustomInput.js\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport Switch from \"@material-ui/core/Switch\";\r\nimport Header from \"../../components/Header/Header.js\";\r\nimport Footer from \"../../components/Footer/Footer.js\";\r\nimport GridContainer from \"../../components/Grid/GridContainer.js\";\r\nimport GridItem from \"../../components/Grid/GridItem.js\";\r\nimport Button from \"../../components/CustomButtons/Button.js\";\r\nimport Parallax from \"../../components/Parallax/Parallax.js\";\r\nimport executeAPIRequest from \"../../Utils/executeAPIRequest\";\r\nimport Loader from 'react-loader-spinner'\r\nimport \"react-loader-spinner/dist/loader/css/react-spinner-loader.css\"\r\nimport styles from \"assets/jss/material-kit-react/views/components.js\";\r\nimport { MDBInput } from 'mdbreact';\r\nimport \"bootstrap-css-only/css/bootstrap.min.css\";\r\nimport \"mdbreact/dist/css/mdb.css\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport ReactSearchBox from 'react-search-box';\r\nimport bankDetailList from \"./BankDetailsList\";\r\nimport medicalAidList from \"./MedicalAidList\";\r\nimport monthList from \"./MonthList\";\r\nimport relationshipList from \"./RelationshipList\";\r\nimport banner from '../../assets/img/banner.png';\r\nimport BankDetailsList from \"./BankDetailsList\";\r\nimport { isValidPassport } from \"../../Utils/passportChecker\";\r\n\r\nimport doctor from '../../assets/img/Doctor.png'\r\nimport time from '../../assets/img/time.png';\r\nimport ReactDOM from 'react-dom';\r\nimport 'react-responsive-modal/styles.css';\r\nimport { Modal } from 'react-responsive-modal';\r\n\r\nconst useStyles = makeStyles(styles);\r\nlet getCodes = false;\r\n\r\nexport default function Components(props) {\r\n const currentDate = new Date();\r\n const classes = useStyles();\r\n let dataList = getZipInfo();\r\n let townList = {};\r\n\r\n //Intermediary details\r\n const [intermediaryInitialsChange, setIntermediaryInitialChange] = React.useState(\"\");\r\n const [intermediarySurnameChange, setIntermediarySurnameChange] = React.useState(\"\");\r\n const [brokerCodeChange, setBrokerCodeChange] = React.useState(\"\");\r\n\r\n //Choose cover type\r\n const [coverOption, setCoverOption] = React.useState(\" - Select - \");\r\n //Principle details\r\n const [nameChange, setNameChange] = React.useState(\"\");\r\n const [medicalNumberChange, setMedicalNumberChange] = React.useState(\"\");\r\n const [dependantMedicalNumberChange, setDependantMedicalNumberChange] = React.useState(\"\");\r\n const [surnameChange, setSurnameChange] = React.useState(\"\");\r\n const [idChange, setIDChange] = React.useState(\"\");\r\n const [idTypeChange, setIDType] = React.useState(\"\");\r\n const [dateOfBirth, setDateOfBirth] = React.useState(currentDate);\r\n const [title, setTitle] = React.useState(\" - Select - \");\r\n const [email, setEmailChange] = React.useState(\"\");\r\n const [telNumber, setTellChange] = React.useState(\"\");\r\n\r\n //Address details\r\n const [checkedAlternativeAddress, setCheckedAlternativeAddress] = React.useState(false);\r\n const [postalAddrA, setPosAddr1Change] = React.useState(\"\");\r\n const [postalAddrB, setPosAddr2Change] = React.useState(\"\");\r\n const [postalSuburb, setPosSuburbChange] = React.useState(\"\");\r\n const [postalCity, setPosCityChange] = React.useState(\"\");\r\n\r\n const [addrA, setAddr1Change] = React.useState(\"\");\r\n const [addrB, setAddr2Change] = React.useState(\"\");\r\n const [suburb, setSuburbChange] = React.useState(\"\");\r\n const [city, setCityChange] = React.useState(\"\");\r\n const [zipCode, setZipChange] = React.useState(\"\");\r\n const [postalzipCode, setPostalZipChange] = React.useState(\"\");\r\n const [suburbList, setSuburbList] = React.useState([]);\r\n\r\n //Principle medical aid info\r\n const [principalMedAid, setPrincipalMedAidChange] = React.useState(\"\");\r\n const [principalDueDate, setPrincipalDueDate] = React.useState(currentDate);\r\n const [principalHasGap, setPrincipalHasGapCoverChange] = React.useState(\" - Select - \");\r\n const [principalGapProvider, setPrincipalGapProvider] = React.useState(\" - Select - \");\r\n const [principalGapCoverStart, setPrincipalGapCoverStart] = React.useState(currentDate);\r\n const [principalGapCoverEnd, setPrincipleGapCoverEnd] = React.useState(currentDate);\r\n const [medicalDisclosure, setMedicalDisclosure] = React.useState(\" - Select - \");\r\n const [dependantMedicalAdmissionDate, setDependantMedicalAdmissionDate] = React.useState(currentDate);\r\n const [dependantMedicalAdmissionDetail, setDependantMedicalAdmissionDetail] = React.useState(\"\");\r\n const [principleAdmissionDetail, setPrincipleAdmissionDetail] = React.useState(\"\");\r\n const [principleAdmissionDate, setPrincipleAdmissionDate] = React.useState(currentDate);\r\n const [discloseMedicalAdmission, setdiscloseMedicalAdmission] = React.useState(\" - Select - \");\r\n const [discloseDependantMedicalAdmission, setDiscloseDepandantMedicalAdmission] = React.useState(\" - Select - \");\r\n const [lastHospitalAdmission, setlastHospitalAdmission] = React.useState(\" - Select - \");\r\n const [principalHospAdmissionDetail, setPrincipalHospAdmissionDetail] = React.useState(\"\");\r\n const [dependantHospAdmissionDetail, setDependantHospAdmissionDetail] = React.useState(\"\");\r\n const [principalHospAdmissionDate, setPrincipalHospAdmissionDate] = React.useState(currentDate);\r\n const [pregnancyDisclosure, setPregnancyDisclosure] = React.useState(\" - Select - \");\r\n const [dependantmedicalDisclosure, setDependantmedicalDisclosure] = React.useState(\" - Select - \");\r\n const [chronicDisclosure, setchronicDisclosure] = React.useState(\" - Select - \");\r\n const [principalChronicDetail, setPrincipalChronicDetail] = React.useState(\"\");\r\n const [principalCoverStartDate, setPrincipalCoverStartDate] = React.useState(\" - Select - \");\r\n\r\n //Form submit Disclaimer\r\n const [checkedDisclaimerA, setCheckedDisclaimerA] = React.useState(false);\r\n const [checkedDisclaimerB, setCheckedDisclaimerB] = React.useState(false);\r\n const [checkedWhatsappUpdates, setCheckedWhatsappUpdates] = React.useState(false);\r\n const [checkedIntermediary, setCheckedIntermediary] = React.useState(false);\r\n\r\n //Debit order details\r\n const [bankName, setBankName] = React.useState(\"\");\r\n const [branchCode, setBranchCode] = React.useState(\"\");\r\n const [accountNumber, setAccountNumber] = React.useState(\"\");\r\n const [accountHolderName, setAccountHolderName] = React.useState(\"\");\r\n const [accountType, setAccountType] = React.useState(\" - Select - \");\r\n const [collectionDate, setCollectionDate] = React.useState(\" - Select - \");\r\n\r\n //form submits\r\n const [formSubmit, setFormSubmit] = React.useState(false);\r\n const [loading, setLoading] = React.useState(false);\r\n const [loadingCode, setLoadingCode] = React.useState(true);\r\n const [onSearch, setOnSearch] = React.useState(false);\r\n const [acceptPremium, setPremiumAccept] = React.useState(false);\r\n const [acceptBankDetails, setAcceptBankDetails] = React.useState(false);\r\n const [policyCreating, setPolicyCreating] = React.useState(false);\r\n const [premium, setPremium] = React.useState(\"\");\r\n //Dependant info\r\n const [dependantlastHospitalAdmission, setDependantLastHospitalAdmission] = React.useState(\" - Select - \");\r\n const [dependantChronicDisclosure, setDependantChronicDisclosure] = React.useState(\" - Select - \");\r\n\r\n const [dependantName, setDependantName] = React.useState(\"\");\r\n const [dependantPregnancyDisclosure, setDependantPregnancyDisclosure] = React.useState(\" - Select - \");\r\n\r\n const [dependantSurname, setDependantSurname] = React.useState(\"\");\r\n const [dependantID, setDependantID] = React.useState(\"\");\r\n const [dependantIDType, setDependantIDType] = React.useState(\"ID\");\r\n const [dependantDOB, setDependantDOB] = React.useState(currentDate);\r\n const [dependantRelationshipToPrinciple, setdependantRelationshipToPrinciple] = React.useState(\" - Select - \");\r\n\r\n //dependant medical info\r\n const [dependantChronicDetail, setDependantChronicDetail] = React.useState(\"\");\r\n\r\n const [dependantHasSameMedAid, setdependantHasSameMedAidChange] = React.useState(\" - Select - \");\r\n const [dependantHospAdmissionDate, setDependantHospAdmissionDate] = React.useState(new Date());\r\n const [dependantDueDate, setDependantDueDate] = React.useState(new Date());\r\n const [dependantMedAidIndex, setdependantMedAidIndex] = React.useState(\"\");\r\n const [principalMedAidIndex, setPrincipalMedAidIndex] = React.useState(\"\");\r\n const [dependantMedAid, setdependantMedAidChange] = React.useState(\"\");\r\n\r\n //dependant Gap cover info\r\n const [dependantHasGapCover, setdependantHasGapCoverChange] = React.useState(\" - Select - \");\r\n const [dependantGapProvider, setdependantGapProvider] = React.useState(\" - Select - \");\r\n const [dependantGapCoverStart, setdependantGapCoverStart] = React.useState(new Date());\r\n const [dependantGapCoverEnd, setdependantGapCoverEnd] = React.useState(new Date());\r\n const [zipInfo, setZipInfo] = React.useState(false);\r\n const [nominatedBenSubmitted, setNominatedBenSubmitted] = React.useState(false);\r\n\r\n //dependant cover start date\r\n const [dependantCoverStartDate, setdependantCoverStartDateChange] = React.useState(\" - Select - \");\r\n\r\n const [dependantInfo, setdependantInfo] = React.useState([]);\r\n const [currentdependant, setCurrentdependant] = React.useState(0);\r\n const [dependants, setNoOfdependants] = React.useState(\" - No of dependants - \");\r\n\r\n //nominated beneficiary details\r\n\r\n const [benName, setbenName] = React.useState(\"\");\r\n const [benSurname, setBenSurname] = React.useState(\"\");\r\n const [benID, setBenID] = React.useState(\"\");\r\n const [benIDType, setBenIDType] = React.useState(\"ID\");\r\n const [benEmail, setBenEmail] = React.useState(\"\");\r\n const [benTelNumber, setBenTelNumber] = React.useState(\"\");\r\n const [benRelationshipToPrinciple, setBenRelationshipToPrinciple] = React.useState(\" - Select - \");\r\n const [open, setOpen] = React.useState(false);\r\n\r\n const onOpenModal = () => setOpen(true);\r\n const onCloseModal = () => setOpen(false);\r\n\r\n\r\n const [defaultList, setDefaultList] = React.useState([]);\r\n\r\n const handleRemoveItem = (e) => {\r\n const name = e.target.getAttribute(\"name\")\r\n\r\n for (let i = 0; i < dependantInfo.length; i++){\r\n console.log(dependantInfo[i].dependantName + \" \" + dependantInfo[i].dependantSurname);\r\n console.log(name);\r\n if (dependantInfo[i].dependantName + \" \" + dependantInfo[i].dependantSurname == name){\r\n console.log(\"this is removed\");\r\n console.log(i + \" index\");\r\n\r\n var dependantList = [...defaultList];\r\n if (i !== -1) {\r\n dependantList.splice(i, 1);\r\n setDefaultList(dependantList)\r\n\r\n }\r\n\r\n var array = [...dependantInfo]; // make a separate copy of the array\r\n if (i !== -1) {\r\n array.splice(i, 1);\r\n setdependantInfo(array);\r\n }\r\n }\r\n\r\n }\r\n\r\n\r\n };\r\n\r\n const monthsToShow = [];\r\n const CustomDateInput = ({ value, onClick }) => (\r\n \r\n {value}\r\n \r\n );\r\n\r\n const years = range(1910, new Date().getFullYear());\r\n const months = [\r\n \"January\",\r\n \"February\",\r\n \"March\",\r\n \"April\",\r\n \"May\",\r\n \"June\",\r\n \"July\",\r\n \"August\",\r\n \"September\",\r\n \"October\",\r\n \"November\",\r\n \"December\",\r\n ];\r\n\r\n function range(start, end) {\r\n var ans = [];\r\n for (let i = start; i <= end; i++) {\r\n ans.push(i);\r\n }\r\n return ans;\r\n }\r\n\r\n function getMonthsAvailable() {\r\n for (let i = 0; i < 3; i++) {\r\n let d = new Date();\r\n let tmpDate = new Date(d.setMonth(d.getMonth() + i));\r\n monthsToShow.push(tmpDate.toLocaleString('default', { month: 'long' }));\r\n }\r\n return monthsToShow;\r\n }\r\n\r\n function submitdependantInfo() {\r\n let error = \"\";\r\n if (dependantName === \"\") {\r\n error = \"Please enter dependant's name\";\r\n }\r\n if (dependantSurname === \"\") {\r\n error = \"Please enter dependant's surname\";\r\n }\r\n\r\n if (dependantID === \"\" || !(/^[0-9\\b]+$/.test(dependantID)) || dependantID.length !== 13) {\r\n //console.log(isValidPassport(idChange))\r\n if (isValidPassport(dependantID)) {\r\n error = \"\";\r\n setDependantIDType('Passport')\r\n\r\n } else {\r\n error = \"Please enter a valid Id number or Passport number\";\r\n }\r\n\r\n }\r\n\r\n if (dependantRelationshipToPrinciple === \"\") {\r\n error = \"Please specify your relationship with the dependant\";\r\n }\r\n if (dependantHasSameMedAid === \" - Select - \") {\r\n error = \"Please specify whether you are on the same medical aid\";\r\n }\r\n if (dependantmedicalDisclosure === \" - Select - \") {\r\n error = \"Please confirm if you have you been diagnosed, received medical advice, care or treatment for any condition in the past 12 months\";\r\n }\r\n if (dependantmedicalDisclosure === \"Yes\") {\r\n\r\n if (discloseDependantMedicalAdmission === \" - Select - \") {\r\n error = \"Please confirm if you are expecting any hospital admission or aware of any conditions or Illness that would require treatment in the next 12 months\";\r\n }\r\n if (discloseDependantMedicalAdmission === \"Yes\") {\r\n if (dependantMedicalAdmissionDetail === \"\") {\r\n error = \"Please provide more detail about any possible hospital admission, conditions or Illness that would require treatment in the next 12 months\";\r\n }\r\n }\r\n if (dependantlastHospitalAdmission === \" - Select - \") {\r\n error = \"Please confirm if you have been diagnosed, received medical advice, care or treatment in the last 4 months\";\r\n }\r\n if (dependantlastHospitalAdmission === \"Yes\") {\r\n if (dependantHospAdmissionDetail === \"\") {\r\n error = \"Please provide more detail about any hospital admissions in the last 4 months\";\r\n }\r\n }\r\n if (parseInt(dependantID.substr(6, 4)) <= 4999) {\r\n if (dependantPregnancyDisclosure === \" - Select - \") {\r\n error = \"Please specify if the dependant is pregnant\";\r\n }\r\n }\r\n\r\n if (dependantHasSameMedAid === \"No\") {\r\n if (dependantMedAidIndex === \"\") {\r\n error = \"Please specify you current medical aid provider\";\r\n }\r\n if (dependantMedicalNumberChange == \"\") {\r\n error = \"Please provide your medical aid number\";\r\n }\r\n }\r\n if (dependantChronicDisclosure === \" - Select - \") {\r\n error = \"Please confirm if you are currently taking or have taken chronic medication in the past 24 months?\";\r\n }\r\n if (dependantChronicDisclosure === \"Yes\") {\r\n if (dependantChronicDetail === \"\") {\r\n error = \"Please provide more detail regarding your chronic condition\";\r\n }\r\n }\r\n }\r\n\r\n if (dependantHasSameMedAid === \"No\") {\r\n if (dependantMedAid === \" - Select - \") {\r\n error = \"Please specify the dependant's medical aid provider\";\r\n }\r\n if (dependantHasGapCover === \" - Select - \") {\r\n error = \"Please specify whether the dependant has GAP cover\";\r\n }\r\n if (dependantHasGapCover === \"Yes\") {\r\n if (dependantGapProvider === \" - Select - \") {\r\n error = \"Please specify the GAP cover provider\";\r\n }\r\n }\r\n\r\n }\r\n if (error !== \"\") {\r\n alert(error);\r\n return;\r\n }\r\n\r\n setOpen(false);\r\n\r\n let dependant = {\r\n dependantName,\r\n dependantSurname,\r\n dependantDOB,\r\n dependantRelationshipToPrinciple,\r\n dependantHasSameMedAid,\r\n dependantMedicalNumberChange,\r\n dependantMedAidIndex,\r\n dependantHasGapCover,\r\n dependantGapProvider,\r\n dependantGapCoverStart,\r\n dependantGapCoverEnd,\r\n dependantMedicalAdmissionDate,\r\n dependantMedicalAdmissionDetail,\r\n discloseDependantMedicalAdmission,\r\n dependantHospAdmissionDetail,\r\n dependantmedicalDisclosure,\r\n dependantChronicDisclosure,\r\n dependantlastHospitalAdmission,\r\n dependantPregnancyDisclosure,\r\n dependantHospAdmissionDate,\r\n dependantChronicDetail,\r\n dependantID,\r\n dependantCoverStartDate,\r\n dependantDueDate\r\n };\r\n\r\n\r\n\r\n //setCurrentdependant(currentdependant + 1);\r\n let newdependantInfo = dependantInfo;\r\n newdependantInfo.push(dependant);\r\n let dependantList = defaultList;\r\n dependantList.push({name: dependantName + \" \" + dependantSurname});\r\n\r\n setDefaultList(dependantList);\r\n setdependantInfo(newdependantInfo);\r\n\r\n clearDependantInfo();\r\n\r\n\r\n }\r\n\r\n function submitBenInfo() {\r\n let error = \"\";\r\n if (benName === \"\") {\r\n error = \"Please enter nominated beneficiary's name\";\r\n }\r\n if (benSurname === \"\") {\r\n error = \"Please enter nominated beneficiary's surname\";\r\n }\r\n\r\n if (benID === \"\" || !(/^[0-9\\b]+$/.test(benID)) || benID.length !== 13) {\r\n //console.log(isValidPassport(idChange))\r\n if (isValidPassport(benID)) {\r\n error = \"\";\r\n setBenIDType('Passport')\r\n\r\n } else {\r\n error = \"Please enter a valid Id number or Passport number\";\r\n }\r\n\r\n }\r\n\r\n if (benRelationshipToPrinciple === \" - Select - \") {\r\n error = \"Please specify your relationship with the beneficiary\";\r\n }\r\n\r\n if (benEmail === \"\" || !(/^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/.test(benEmail))) {\r\n error = \"Please enter a valid email\";\r\n }\r\n\r\n if (benTelNumber === \"\" || !(/^[0-9\\b]+$/.test(benTelNumber))) {\r\n error = \"Please enter a valid contact number\";\r\n }\r\n\r\n if (error !== \"\") {\r\n alert(error);\r\n return;\r\n }\r\n\r\n setNominatedBenSubmitted(true);\r\n\r\n }\r\n\r\n function clearDependantInfo() {\r\n setDependantName(\"\");\r\n setDependantSurname(\"\");\r\n // console.log(dependantInfo);\r\n setDependantMedicalAdmissionDate(new Date());\r\n setDependantMedicalAdmissionDetail(\"\");\r\n setDependantHospAdmissionDetail(\"\");\r\n setDependantChronicDetail(\"\");\r\n setDependantID(\"\");\r\n setDiscloseDepandantMedicalAdmission(\" - Select - \");\r\n setDependantHospAdmissionDetail(\"\");\r\n setDependantmedicalDisclosure(\" - Select - \");\r\n setDependantChronicDisclosure(\" - Select - \");\r\n setDependantLastHospitalAdmission(\" - Select - \");\r\n setDependantPregnancyDisclosure(\" - Select - \");\r\n setDependantHospAdmissionDate(new Date());\r\n setDependantDOB(new Date());\r\n setdependantRelationshipToPrinciple(\" - Select - \");\r\n setdependantHasSameMedAidChange(\" - Select - \");\r\n setDependantMedicalNumberChange(\"\");\r\n setdependantMedAidChange(\"\");\r\n setdependantHasGapCoverChange(\" - Select - \");\r\n setdependantGapProvider(\" - Select - \");\r\n setdependantGapCoverStart(new Date());\r\n setdependantGapCoverEnd(new Date());\r\n setdependantCoverStartDateChange(\" - Select - \");\r\n // console.log(\"DEPENDANT CLEAR\");\r\n\r\n }\r\n\r\n async function getRate(e) {\r\n setLoading(true);\r\n // console.log('here1',idChange)\r\n var dob = '';\r\n if (isValidPassport(idChange)) {\r\n // console.log('isValidPassport')\r\n dob = dateOfBirth\r\n } else {\r\n dob = getDob(idChange)\r\n }\r\n\r\n let startCoverDate;\r\n var dt = new Date();\r\n var yr = dt.getFullYear().toString()\r\n var yrNext = dt.getFullYear()+1\r\n yrNext = yrNext.toString()\r\n\r\n switch (principalCoverStartDate) {\r\n case \"January\":\r\n startCoverDate = yr + \"-01-01\"\r\n let nd = new Date(startCoverDate)\r\n nd = addDays(nd,30)\r\n if(nd < dt){\r\n startCoverDate = yrNext + \"-01-01\"\r\n }\r\n break;\r\n case \"February\":\r\n startCoverDate = yr + \"-02-01\"\r\n nd = new Date(startCoverDate)\r\n nd = addDays(nd,30)\r\n if(nd < dt){\r\n startCoverDate = yrNext + \"-02-01\"\r\n }\r\n break;\r\n case \"March\":\r\n startCoverDate = yr + \"-03-01\"\r\n break;\r\n case \"April\":\r\n startCoverDate = yr + \"-04-01\"\r\n break;\r\n case \"May\":\r\n startCoverDate = yr + \"-05-01\"\r\n break;\r\n case \"June\":\r\n startCoverDate = yr + \"-06-01\"\r\n break;\r\n case \"July\":\r\n startCoverDate = yr + \"-07-01\"\r\n break;\r\n case \"August\":\r\n startCoverDate = yr + \"-08-01\"\r\n break;\r\n case \"September\":\r\n startCoverDate = yr + \"-09-01\"\r\n break;\r\n case \"October\":\r\n startCoverDate = yr + \"-10-01\"\r\n break;\r\n case \"November\":\r\n startCoverDate = yr + \"-11-01\"\r\n break;\r\n case \"December\":\r\n startCoverDate = yr + \"-12-01\"\r\n break;\r\n }\r\n\r\n\r\n var data = [];\r\n // data.push({\"coverStartDate\": startCoverDate});\r\n data.push({\r\n \"accountType\": \"principal\",\r\n \"id\": dob,//idChange,\r\n \"policyType\": coverOption.toLowerCase(),\r\n });\r\n var dependantJson = [];\r\n\r\n\r\n dependantInfo.forEach(dep => {\r\n let dob;\r\n if (isValidPassport(dep.dependantID)) {\r\n dob = dep.dependantDOB\r\n } else {\r\n dob = getDobDep(dep.dependantID)\r\n }\r\n\r\n console.log('dob', dob)\r\n dependantJson = {\r\n \"accountType\": \"dependant\",\r\n \"id\": dob,\r\n \"policyType\": coverOption.toLowerCase(),\r\n \"depType\": dep.dependantRelationshipToPrinciple\r\n }\r\n data.push(dependantJson);\r\n });\r\n console.log(data)\r\n const options = {\r\n method: \"POST\",\r\n qs: {\r\n cmd: \"getRate\",\r\n coverStartDate:startCoverDate\r\n },\r\n body: data\r\n };\r\n\r\n const response = await executeAPIRequest(options);\r\n try {\r\n if (response.result) {\r\n // this.setState({premium: response.totalPremium})\r\n setPremium(response.totalPremium)\r\n // alert(response.totalPremium)\r\n } else {\r\n setPremium('error')\r\n // alert(response.description)\r\n }\r\n } catch (error) {\r\n alert(error);\r\n return;\r\n } finally {\r\n setLoading(false);\r\n }\r\n\r\n if (discloseMedicalAdmission === \" - Select - \") {\r\n setdiscloseMedicalAdmission(\"\")\r\n }\r\n if (lastHospitalAdmission === \" - Select - \") {\r\n setlastHospitalAdmission(\"\")\r\n }\r\n if (pregnancyDisclosure === \" - Select - \") {\r\n setPregnancyDisclosure(\"\")\r\n }\r\n if (chronicDisclosure === \" - Select - \") {\r\n setchronicDisclosure(\"\")\r\n }\r\n }\r\n\r\n function addDays(date, days) {\r\n var result = new Date(date);\r\n result.setDate(result.getDate() + days);\r\n return result;\r\n }\r\n\r\n function getDob(idNumber) {\r\n if (idTypeChange == 'SAID' || idTypeChange == \"\" || idTypeChange == undefined) {\r\n var Year = idNumber.substring(0, 2);\r\n var Month = idNumber.substring(2, 4);\r\n var Day = idNumber.substring(4, 6);\r\n\r\n var cutoff = (new Date()).getFullYear() - 2000;\r\n\r\n var dob = (Year > cutoff ? '19' : '20') + Year + '-' + Month + '-' + Day;\r\n\r\n } else {\r\n var dob = dateOfBirth\r\n }\r\n\r\n return dob;\r\n }\r\n\r\n function getDobDep(idNumber) {\r\n\r\n var Year = idNumber.substring(0, 2);\r\n var Month = idNumber.substring(2, 4);\r\n var Day = idNumber.substring(4, 6);\r\n\r\n var cutoff = (new Date()).getFullYear() - 2000;\r\n\r\n var dob = (Year > cutoff ? '19' : '20') + Year + '-' + Month + '-' + Day;\r\n\r\n return dob;\r\n }\r\n\r\n function validateFormData() {\r\n\r\n let error = \"\";\r\n if (coverOption === \" - Select - \") {\r\n error = \"Please choose a cover option\";\r\n }\r\n\r\n if (principalCoverStartDate === \" - Select - \") {\r\n error = \"Please choose the month you would like to start your cover\";\r\n }\r\n\r\n if (title === \" - Select - \") {\r\n error = \"Please enter your title\";\r\n }\r\n if (nameChange === \"\" || !(/^[a-z ,.'-]+$/i.test(nameChange))) {\r\n error = \"Please enter your name\";\r\n\r\n }\r\n if (surnameChange === \"\" || !(/^[a-z ,.'-]+$/i.test(surnameChange))) {\r\n error = \"Please enter your surname\";\r\n }\r\n\r\n if (idChange === \"\" || !(/^[0-9\\b]+$/.test(idChange)) || idChange.length !== 13) {\r\n if (isValidPassport(idChange)) {\r\n error = \"\";\r\n console.log(\"set to passport\")\r\n setIDType(\"PASSPORT\");\r\n\r\n } else {\r\n error = \"Please enter a valid ID number or Passport number\";\r\n }\r\n\r\n } else {\r\n console.log(\"set to SAID\")\r\n setIDType(\"SAID\");\r\n }\r\n\r\n if (email === \"\" || !(/^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/.test(email))) {\r\n error = \"Please enter a valid email\";\r\n }\r\n\r\n if (principalMedAid === \" - Select - \") {\r\n error = \"Please choose your medical aid provider\";\r\n }\r\n if (medicalNumberChange == \"\") {\r\n error = \"Please provide your medical aid number\";\r\n }\r\n\r\n if (principalHasGap === \" - Select - \") {\r\n error = \"Please specify whether you have GAP cover\";\r\n }\r\n if (suburb === \"\"){\r\n error = \"Please enter your address info\";\r\n }\r\n if (addrA === \"\"){\r\n error = \"Please enter your address info\";\r\n }\r\n // if (addrB === \"\"){\r\n // error = \"Please enter your address info\";\r\n // }\r\n if (principalHasGap === \"Yes\") {\r\n if (principalGapProvider === \" - Select - \") {\r\n error = \"Please choose a GAP cover provider\";\r\n }\r\n\r\n }\r\n if (telNumber === \"\" || !(/^[0-9\\b]+$/.test(telNumber))) {\r\n error = \"Please enter a valid contact number\";\r\n }\r\n\r\n if (medicalDisclosure === \"Yes\") {\r\n var genFromId = idChange.substr(6, 4);\r\n // if (!parseInt(genFromId) <= 4999) {\r\n // if (pregnancyDisclosure === \" - Select - \") {\r\n // error = \"Please specify if you are pregnant\";\r\n // }\r\n // }\r\n\r\n if (discloseMedicalAdmission === \" - Select - \") {\r\n error = \"Please confirm if you are expecting any hospital admission or aware of any conditions or Illness that would require treatment in the next 12 months\";\r\n }\r\n if (discloseMedicalAdmission === \"Yes\") {\r\n if (principleAdmissionDetail === \"\") {\r\n error = \"Please provide more detail about any possible hospital admission, conditions or Illness that would require treatment in the next 12 months\";\r\n }\r\n }\r\n if (lastHospitalAdmission === \" - Select - \") {\r\n error = \"Please confirm if you have been diagnosed, received medical advice, care or treatment in the last 4 months\";\r\n }\r\n if (lastHospitalAdmission === \"Yes\") {\r\n if (principalHospAdmissionDetail === \"\") {\r\n error = \"Please provide more detail about any hospital admissions in the last 4 months\";\r\n }\r\n }\r\n if (chronicDisclosure === \" - Select - \") {\r\n error = \"Please confirm if you taken or actively taking chronic medication\";\r\n }\r\n if (chronicDisclosure === \"Yes\") {\r\n if (principalChronicDetail === \"\") {\r\n error = \"Please provide more detail regarding your chronic condition\";\r\n }\r\n }\r\n }\r\n\r\n if(checkedIntermediary){\r\n if (intermediaryInitialsChange == \"\") {\r\n error = \"Please provide Intermediary initials\";\r\n }if (intermediarySurnameChange == \"\") {\r\n error = \"Please provide Intermediary surname\";\r\n }\r\n // if (brokerCodeChange == \"\") {\r\n // error = \"Please provide Intermediary broker code\";\r\n // }\r\n }\r\n if (error !== \"\") {\r\n alert(error);\r\n return;\r\n }\r\n getRate();\r\n\r\n setFormSubmit(true);\r\n }\r\n function backToMainForm() {\r\n setFormSubmit(false);\r\n setPremiumAccept(false);\r\n setCurrentdependant(0);\r\n }\r\n function backToNomBen() {\r\n setNominatedBenSubmitted(false);\r\n }\r\n async function getZipInfo() {\r\n let suburbList = {};\r\n const options = {\r\n method: \"get\",\r\n qs: {\r\n cmd: \"getPostalCodes\"\r\n },\r\n\r\n };\r\n if (loadingCode !== false && getCodes === false) {\r\n const response = await executeAPIRequest(options);\r\n setSuburbList(generateSuburbList(response));\r\n setLoadingCode(false);\r\n getCodes = true;\r\n }\r\n\r\n\r\n }\r\n\r\n function generateSuburbList(response) {\r\n townList = response;\r\n if (response == undefined) {\r\n return;\r\n }\r\n\r\n let suburbArray = [];\r\n for (let i in response.data) {\r\n let item = {\r\n value: response.data[i].SUBURB + ', ' + response.data[i].TOWN + ', ' + response.data[i].CODE,\r\n key: response.data[i].SUBURB + ', ' + response.data[i].TOWN + ', ' + response.data[i].CODE\r\n };\r\n suburbArray.push(item);\r\n }\r\n return suburbArray;\r\n }\r\n\r\n async function submitFormData(e) {\r\n setPolicyCreating(true);\r\n\r\n // banking details validation\r\n const optionsB = {\r\n method: \"POST\",\r\n qs: {\r\n cmd: \"validateBankDetails\"\r\n },\r\n body: {\r\n \"countryAlpha2Code\": \"ZA\",\r\n \"value\": {\r\n \"accountHolder\": accountHolderName,\r\n \"accountNumber\": accountNumber,\r\n \"bank\": bankName,\r\n \"branchCode\": branchCode,\r\n \"accountType\": (accountType == \"Cheque\") ? \"Current\" : accountType\r\n }\r\n }\r\n };\r\n\r\n const responseB = await executeAPIRequest(optionsB);\r\n try {\r\n if (responseB.result) {\r\n // if (true) {\r\n setAcceptBankDetails(true);\r\n let startCoverDate;\r\n var dt = new Date();\r\n var yr = dt.getFullYear().toString()\r\n\r\n switch (principalCoverStartDate) {\r\n case \"January\":\r\n startCoverDate = yr + \"/01/01\"\r\n break;\r\n case \"February\":\r\n startCoverDate = yr + \"/02/01\"\r\n break;\r\n case \"March\":\r\n startCoverDate = yr + \"/03/01\"\r\n break;\r\n case \"April\":\r\n startCoverDate = yr + \"/04/01\"\r\n break;\r\n case \"May\":\r\n startCoverDate = yr + \"/05/01\"\r\n break;\r\n case \"June\":\r\n startCoverDate = yr + \"/06/01\"\r\n break;\r\n case \"July\":\r\n startCoverDate = yr + \"/07/01\"\r\n break;\r\n case \"August\":\r\n startCoverDate = yr + \"/08/01\"\r\n break;\r\n case \"September\":\r\n startCoverDate = yr + \"/09/01\"\r\n break;\r\n case \"October\":\r\n startCoverDate = yr + \"/10/01\"\r\n break;\r\n case \"November\":\r\n startCoverDate = yr + \"/11/01\"\r\n break;\r\n case \"December\":\r\n startCoverDate = yr + \"/12/01\"\r\n break;\r\n }\r\n\r\n setactualCoverStartDate(startCoverDate)\r\n\r\n var prinGender = \"Male\";\r\n\r\n var genFromId = idChange.substr(6, 4);\r\n if (parseInt(genFromId) <= 4999) {\r\n prinGender = \"Female\"\r\n }\r\n\r\n\r\n let type1;\r\n if (isValidPassport(idChange)) {\r\n type1 = \"PASSPORT\"\r\n } else {\r\n type1 = \"SAID\"\r\n }\r\n\r\n\r\n\r\n\r\n var startDate = new Date(startCoverDate);\r\n var endDate = new Date(startCoverDate);\r\n var endDate = new Date(endDate.setMonth(startDate.getMonth() + 10));\r\n var d = new Date();\r\n var currentDate = d.getFullYear() + '-' +\r\n ('0' + (d.getMonth() + 1)).slice(-2) + '-' +\r\n ('0' + d.getDate()).slice(-2);\r\n\r\n var risksJson = [];\r\n var detailFields = [];\r\n var principalData = [\r\n {\r\n \"code\": \"R_3MONGENWAI\",\r\n \"value\": \"NO\"\r\n },\r\n {\r\n \"code\": \"R_LASTNAME\",\r\n \"value\": surnameChange\r\n },\r\n {\r\n \"code\": \"R_ADDCONFNOTE\",\r\n \"value\": \"False\"\r\n },\r\n {\r\n \"code\": \"R_MEDANDPRE\",\r\n \"value\": \"False\"\r\n },\r\n {\r\n \"code\": \"R_MEDSCHDET01\",\r\n \"value\": medicalNumberChange\r\n },\r\n {\r\n \"code\": \"R_MEDSCH\",\r\n \"value\": principalMedAidIndex\r\n },\r\n {\r\n \"code\": \"R_ADDUND\",\r\n \"value\": \"False\"\r\n },\r\n {\r\n \"code\": \"R_NATION\",\r\n \"value\": \"001\"\r\n },\r\n {\r\n \"code\": \"R_COMMVAR\",\r\n \"value\": \"0\"\r\n },\r\n {\r\n \"code\": \"R_OPTION\",\r\n \"value\": (coverOption == 'Ultra') ? 'Option2' : 'Option1'\r\n },\r\n {\r\n \"code\": \"R_CONAPP\",\r\n \"value\": \"False\"\r\n },\r\n {\r\n \"code\": \"R_OVEPRE\",\r\n \"value\": \"False\"\r\n },\r\n {\r\n \"code\": \"R_CONSPEWAI\",\r\n \"value\": \"NO\"\r\n },\r\n {\r\n \"code\": \"R_PRECOVEND\",\r\n \"value\": principalGapCoverEnd\r\n },\r\n {\r\n \"code\": \"R_PRECOVSTA\",\r\n \"value\": principalGapCoverStart\r\n },\r\n {\r\n \"code\": \"R_CTDEFAULT\",\r\n \"value\": \"Default Cover Applicable up to an indemnity of 0.00\"\r\n },\r\n {\r\n \"code\": \"R_RATINGDATE\",\r\n \"value\": startCoverDate\r\n },\r\n {\r\n \"code\": \"R_DOB\",\r\n \"value\": dateOfBirth\r\n },\r\n {\r\n \"code\": \"R_RISKCPC\",\r\n \"value\": \"0.00 @ 0.0000000000 @ 100.00000 [1728.00]\"\r\n },\r\n {\r\n \"code\": \"R_RISKMEMRANDA\",\r\n \"value\": \"False\"\r\n },\r\n {\r\n \"code\": \"R_FIRSTNAME\",\r\n \"value\": nameChange\r\n },\r\n {\r\n \"code\": \"R_HAVYOUBEE\",\r\n \"value\": principalHasGap\r\n },\r\n {\r\n \"code\": \"R_HAVYOUBEE01\",\r\n \"value\": medicalDisclosure\r\n },\r\n {\r\n \"code\": \"R_CONSPEWAI01\",\r\n \"value\": \"Treatment of pre-existing and related conditions\"\r\n },\r\n {\r\n \"code\": \"R_PREPRO\",\r\n \"value\": (principalGapProvider === \" - Select - \") ? \"\" : principalGapProvider\r\n },\r\n {\r\n \"code\": \"R_PREPRODET\",\r\n \"value\": \"Other\"\r\n }\r\n ,\r\n {\r\n \"code\": \"R_STADATOF\",\r\n \"value\": startDate\r\n }\r\n ,\r\n {\r\n \"code\": \"R_ENDDATOF\",\r\n \"value\": endDate\r\n },\r\n {\r\n \"code\": \"R_TITLE\",\r\n \"value\": title\r\n },\r\n {\r\n \"code\": \"R_IDNO\",\r\n \"value\": idChange\r\n },\r\n {\r\n \"code\": \"R_TYPOFINS\",\r\n \"value\": \"XGPDEP1\"\r\n },\r\n {\r\n \"code\": \"R_IDTYPE\",\r\n \"value\": type1\r\n },\r\n {\r\n \"code\": \"R_INCSASRIA\",\r\n \"value\": \"False\"\r\n },\r\n {\r\n \"code\": \"R_ISTHEAPP\",\r\n \"value\": discloseMedicalAdmission\r\n },\r\n {\r\n \"code\": \"R_EXPDATOF\",\r\n \"value\": principleAdmissionDate\r\n },\r\n {\r\n \"code\": \"R_DETAILS\",\r\n \"value\": principleAdmissionDetail\r\n },\r\n {\r\n \"code\": \"R_2HASTHEAPP\",\r\n \"value\": lastHospitalAdmission\r\n },\r\n {\r\n \"code\": \"R_DATOFADM\",\r\n \"value\": principalHospAdmissionDate\r\n },\r\n {\r\n \"code\": \"R_DETAILS01\",\r\n \"value\": principalHospAdmissionDetail\r\n },\r\n {\r\n \"code\": \"R_3ISTHEAPP\",\r\n \"value\": (pregnancyDisclosure === \" - Select - \") ? \"No\" : pregnancyDisclosure \r\n },\r\n {\r\n \"code\": \"R_PLADELDAT\",\r\n \"value\": principalDueDate\r\n },\r\n {\r\n \"code\": \"R_ISTHEAPP01\",\r\n \"value\": chronicDisclosure\r\n },\r\n {\r\n \"code\": \"R_DETAILS02\",\r\n \"value\": principalChronicDetail\r\n },\r\n {\r\n \"code\": \"R_GENDER\",\r\n \"value\": prinGender\r\n }\r\n\r\n\r\n ];\r\n detailFields.push(principalData)\r\n\r\n console.log(JSON.stringify(principalData));\r\n var pricipalJson = {\r\n \"address\": null,\r\n \"header\": {\r\n \"sasriaCategory\": \"\",\r\n \"commissionRebate\": 0,\r\n \"matching\": \"string\",\r\n \"riskTypeId\": 16753,\r\n \"addressId\": -1,\r\n \"coInsurers\": [\r\n {\r\n \"code\": \"GICL\",\r\n \"percentage\": 100,\r\n \"principle\": true\r\n }\r\n ]\r\n },\r\n \"description\": nameChange + \" \" + surnameChange + \"(\" + getDob(idChange) + \")\",\r\n \"sumInsured\": 0,\r\n \"detailFields\": principalData\r\n }\r\n risksJson.push(pricipalJson)\r\n console.log(JSON.stringify(risksJson));\r\n\r\n var dependantJson = [];\r\n dependantInfo.forEach(dep => {\r\n\r\n var depGender = \"Male\";\r\n var genFromId = dep.dependantID.substr(6, 4);\r\n if (parseInt(genFromId) <= 4999) {\r\n depGender = \"Female\"\r\n }\r\n var depDob;\r\n depDob = getDobDep(dep.dependantID)\r\n\r\n let type2;\r\n if (isValidPassport(dep.dependantID)) {\r\n type2 = \"PASSPORT\"\r\n } else {\r\n type2 = \"SAID\"\r\n }\r\n\r\n\r\n var depRel = \"\";\r\n switch (dep.dependantRelationshipToPrinciple) {\r\n case \"Spouse\":\r\n depRel = \"XGPRTP1\";\r\n break;\r\n case \"Child\":\r\n depRel = \"XGPRTP2\";\r\n break;\r\n case \"Parent\":\r\n depRel = \"XGPRTP3\";\r\n break;\r\n case \"Sibling\":\r\n depRel = \"XGPRTP4\";\r\n break;\r\n case \"Life Partner\":\r\n depRel = \"XGPRTP5\";\r\n break;\r\n case \"Other\":\r\n depRel = \"XGPRTP6\";\r\n break;\r\n default:\r\n depRel = \"XGPRTP1\";\r\n break;\r\n\r\n }\r\n dependantJson = [{\r\n \"code\": \"R_3MONGENWAI\",\r\n \"value\": \"NO\"\r\n },\r\n {\r\n \"code\": \"R_LASTNAME\",\r\n \"value\": dep.dependantSurname\r\n },\r\n {\r\n \"code\": \"R_ADDCONFNOTE\",\r\n \"value\": \"False\"\r\n },\r\n {\r\n \"code\": \"R_MEDANDPRE\",\r\n \"value\": (dep.dependantHasSameMedAid === \"Yes\") ? true : false\r\n },\r\n {\r\n \"code\": \"R_MEDSCH\",\r\n \"value\": (dep.dependantMedAidIndex === \"\") ? principalMedAidIndex : dep.dependantMedAidIndex\r\n },\r\n {\r\n \"code\": \"R_ADDUND\",\r\n \"value\": \"False\"\r\n },\r\n {\r\n \"code\": \"R_NATION\",\r\n \"value\": \"001\"\r\n },\r\n {\r\n \"code\": \"R_IDNO\",\r\n \"value\": dep.dependantID\r\n },\r\n {\r\n \"code\": \"R_COMMVAR\",\r\n \"value\": \"0\"\r\n },\r\n {\r\n \"code\": \"R_OPTION\",\r\n \"value\": (coverOption == 'Ultra') ? 'Option2' : 'Option1'\r\n },\r\n {\r\n \"code\": \"R_CONAPP\",\r\n \"value\": \"False\"\r\n },\r\n {\r\n \"code\": \"R_OVEPRE\",\r\n \"value\": \"False\"\r\n },\r\n {\r\n \"code\": \"R_CONSPEWAI\",\r\n \"value\": \"NO\"\r\n },\r\n {\r\n \"code\": \"R_PRECOVEND\",\r\n \"value\": dep.dependantGapCoverEnd\r\n },\r\n {\r\n \"code\": \"R_PRECOVSTA\",\r\n \"value\": dep.dependantGapCoverStart\r\n },\r\n {\r\n \"code\": \"R_CTDEFAULT\",\r\n \"value\": \"Default Cover Applicable up to an indemnity of 0.00\"\r\n },\r\n {\r\n \"code\": \"R_PREPRO\",\r\n \"value\": (dep.dependantGapProvider === \" - Select - \") ? \"\" : dep.dependantGapProvider\r\n },\r\n {\r\n \"code\": \"R_PREPRODET\",\r\n \"value\": \"Other\"\r\n },\r\n {\r\n \"code\": \"R_RATINGDATE\",\r\n \"value\": startCoverDate\r\n },\r\n {\r\n \"code\": \"R_DOB\",\r\n \"value\": dep.dependantDOB\r\n },\r\n {\r\n \"code\": \"R_RISKCPC\",\r\n \"value\": \"0.00 @ 0.0000000000 @ 100.00000 [1728.00]\"\r\n },\r\n {\r\n \"code\": \"R_RISKMEMRANDA\",\r\n \"value\": \"False\"\r\n },\r\n {\r\n \"code\": \"R_FIRSTNAME\",\r\n \"value\": dep.dependantName\r\n },\r\n {\r\n \"code\": \"R_HAVYOUBEE\",\r\n \"value\": (dep.dependantHasGapCover === \" - Select - \") ? \"No\" : dep.dependantHasGapCover\r\n },\r\n {\r\n \"code\": \"R_TITLE\",\r\n \"value\": \"Mr\"\r\n },\r\n {\r\n \"code\": \"R_TYPOFINS\",\r\n \"value\": \"XGPDEP2\"\r\n },\r\n {\r\n \"code\": \"R_IDTYPE\",\r\n \"value\": type2\r\n },\r\n {\r\n \"code\": \"R_GENDER\",\r\n \"value\": depGender\r\n },\r\n {\r\n \"code\": \"R_INCSASRIA\",\r\n \"value\": \"False\"\r\n },\r\n {\r\n \"code\": \"R_RELTOPRI\",\r\n \"value\": depRel\r\n },\r\n\r\n {\r\n \"code\": \"R_RELDET\",\r\n \"value\": depRel\r\n },\r\n {\r\n \"code\": \"R_HAVYOUBEE01\",\r\n \"value\": dep.dependantmedicalDisclosure\r\n },\r\n {\r\n \"code\": \"R_CONSPEWAI01\",\r\n \"value\": \"Treatment of pre-existing and related conditions\"\r\n }\r\n ,\r\n {\r\n \"code\": \"R_STADATOF\",\r\n \"value\": startDate\r\n }\r\n ,\r\n {\r\n \"code\": \"R_ENDDATOF\",\r\n \"value\": endDate\r\n },\r\n\r\n {\r\n \"code\": \"R_ISTHEAPP\",\r\n \"value\": (dep.discloseDependantMedicalAdmission === \" - Select - \") ? \"No\" : dep.discloseDependantMedicalAdmission\r\n },\r\n {\r\n \"code\": \"R_EXPDATOF\",\r\n \"value\": dep.dependantMedicalAdmissionDate\r\n },\r\n {\r\n \"code\": \"R_DETAILS\",\r\n \"value\": dep.dependantMedicalAdmissionDetail\r\n },\r\n {\r\n \"code\": \"R_2HASTHEAPP\",\r\n \"value\": (dep.dependantlastHospitalAdmission === \" - Select - \") ? \"No\" : dep.dependantlastHospitalAdmission\r\n },\r\n {\r\n \"code\": \"R_DATOFADM\",\r\n \"value\": dep.dependantHospAdmissionDate\r\n },\r\n {\r\n \"code\": \"R_DETAILS01\",\r\n \"value\": dep.dependantHospAdmissionDetail\r\n },\r\n {\r\n \"code\": \"R_3ISTHEAPP\",\r\n \"value\": (dep.dependantPregnancyDisclosure === \" - Select - \") ? \"No\" : dep.dependantPregnancyDisclosure\r\n },\r\n {\r\n \"code\": \"R_PLADELDAT\",\r\n \"value\": dep.dependantDueDate\r\n },\r\n {\r\n \"code\": \"R_ISTHEAPP01\",\r\n \"value\": (dep.dependantChronicDisclosure === \" - Select - \") ? \"No\" : dep.dependantChronicDisclosure\r\n },\r\n {\r\n \"code\": \"R_DETAILS02\",\r\n \"value\": dep.dependantChronicDetail\r\n }]\r\n console.log(dependantJson);\r\n // detailFields.push(dependantJson);\r\n\r\n var depJson = {\r\n \"address\": null,\r\n \"header\": {\r\n \"sasriaCategory\": \"\",\r\n \"commissionRebate\": 0,\r\n \"matching\": \"string\",\r\n \"riskTypeId\": 16753,\r\n \"addressId\": -1,\r\n \"coInsurers\": [\r\n {\r\n \"code\": \"GICL\",\r\n \"percentage\": 100,\r\n \"principle\": false\r\n }\r\n ]\r\n },\r\n \"description\": dep.dependantName + \" \" + dep.dependantSurname + \"(\" + depDob + \")\",\r\n \"sumInsured\": 0,\r\n \"detailFields\": dependantJson\r\n }\r\n risksJson.push(depJson)\r\n });\r\n console.log(JSON.stringify(dependantInfo));\r\n\r\n const json = {\r\n \"policies\": [\r\n {\r\n \"header\": {\r\n \"productId\": 16657,\r\n \"subCampaignId\": -1,\r\n \"commissionVersion\": -1,\r\n \"oldPolicyNumber\": \"\",\r\n \"actualPolicyNumber\": \"\",\r\n \"comment\": \"New Policy\",\r\n \"countryAlpha2Code\": \"ZA\",\r\n \"coverStartDate\": startCoverDate\r\n },\r\n \"finance\": {\r\n \"bankDetails\": {\r\n \"accountHolder\": accountHolderName,\r\n \"accountNumber\": accountNumber,\r\n \"bank\": bankName,\r\n \"branchCode\": branchCode,\r\n \"sortCode\": null,\r\n \"accountType\": (accountType == \"Cheque\") ? \"Current\" : accountType\r\n },\r\n \"defaultCoInsurers\": null,\r\n \"paymentMethod\": 0,\r\n \"collectionDay\": collectionDate,\r\n \"taxPercentage\": 1.15,\r\n \"coverTerm\": 0,\r\n \"paymentTerm\": 3,\r\n \"currencyType\": 0,\r\n \"financeEnabled\": true,\r\n \"paymentStatus\": \"unCollected\",\r\n \"fees\": {\r\n \"adminFee\": {\r\n \"min\": 0,\r\n \"max\": 0,\r\n \"value\": 0,\r\n \"calculationMethod\": \"none\",\r\n \"coverPeriod\": \"none\"\r\n },\r\n \"brokerFee\": {\r\n \"min\": 0.0,\r\n \"max\": 0.0,\r\n \"value\": (Number((coverOption.toLowerCase() == \"ultra\") ? 20 : 13)),\r\n \"calculationMethod\": \"flat\",\r\n \"coverPeriod\": \"none\"\r\n },\r\n \"policyFee\": {\r\n \"min\": 0,\r\n \"max\": 0,\r\n \"value\": 0,\r\n \"calculationMethod\": \"none\",\r\n \"coverPeriod\": \"none\"\r\n }\r\n },\r\n \"commissionCalcMethod\": \"drip\"\r\n },\r\n \"sections\": [\r\n {\r\n \"riskTypeId\": 16753,\r\n \"detailFields\": [\r\n ]\r\n }\r\n ],\r\n \"risks\": risksJson,\r\n \"detailFields\": [\r\n {\r\n \"code\": \"P_SOURCE\",\r\n \"value\": \"NEW\"\r\n },\r\n {\r\n \"code\": \"P_EMAIL\",\r\n \"value\": email\r\n },\r\n {\r\n \"code\": \"P_CONNUM\",\r\n \"value\": telNumber\r\n },\r\n {\r\n \"code\": \"P_INITIALS\",\r\n \"value\": nameChange.substring(0, 1) + surnameChange.substring(0, 1)\r\n },\r\n {\r\n \"code\": \"P_OVERRIDEBRK1\",\r\n \"value\": true\r\n },\r\n {\r\n \"code\": \"P_BRKFLAT1\",\r\n \"value\": (Number((coverOption.toLowerCase() == \"ultra\") ? 20 : 13))\r\n }\r\n ]\r\n }\r\n ],\r\n \"header\": {\r\n \"firstName\": nameChange,\r\n \"lastName\": surnameChange,\r\n \"initials\": nameChange.substring(0, 1) + surnameChange.substring(0, 1),\r\n \"customerType\": \"individual\",\r\n \"companyName\": \"\",\r\n \"contactName\": \"\",\r\n \"customerId\": -1,\r\n \"commissionRelId\": 656,\r\n \"language\": \"Eng\",\r\n \"postalAddressId\": -1,\r\n \"physicalAddressId\": -1,\r\n \"workAddressId\": -1,\r\n \"itcCheckAuthorised\": false,\r\n \"countryAlpha2Code\": \"ZA\",\r\n \"vatRegistered\": false,\r\n \"vatRegNo\": \"\"\r\n },\r\n \"addresses\": [\r\n {\r\n \"id\": -1,\r\n \"addressGroup\": \"Client\",\r\n \"addressType\": \"physical\",\r\n \"addressLine1\": addrA,\r\n \"addressLine2\": addrB,\r\n \"addressLine3\": \"\",\r\n \"suburb\": (suburb == \"\") ? city : suburb,\r\n \"town\": city,\r\n \"postalCode\": zipCode,\r\n \"phoneNumber\": \"\",\r\n \"faxNumber\": \"\",\r\n \"cellNumber\": \"\",\r\n \"emailAddress\": \"\",\r\n \"longitude\": 0,\r\n \"latitude\": 0\r\n },\r\n {\r\n \"id\": -2,\r\n \"addressGroup\": \"Client\",\r\n \"addressType\": \"postal\",\r\n \"addressLine1\": (!checkedAlternativeAddress) ? addrA : postalAddrA,\r\n \"addressLine2\": (!checkedAlternativeAddress) ? addrB : postalAddrB,\r\n \"addressLine3\": \"\",\r\n \"suburb\": (suburb == \"\") ? city : suburb,\r\n \"town\": (!checkedAlternativeAddress) ? city : postalCity,\r\n \"postalCode\": (!checkedAlternativeAddress) ? zipCode : postalzipCode,\r\n \"phoneNumber\": \"\",\r\n \"faxNumber\": \"\",\r\n \"cellNumber\": \"\",\r\n \"emailAddress\": \"\",\r\n \"longitude\": 0,\r\n \"latitude\": 0\r\n }\r\n ],\r\n \"detailFields\": [\r\n {\r\n \"code\": \"C_CELLNO\",\r\n \"value\": telNumber\r\n },\r\n {\r\n \"code\": \"C_DOB\",\r\n \"value\": getDob(idChange)\r\n },\r\n {\r\n \"code\": \"C_PRECOMMET\",\r\n \"value\": \"1\"\r\n },\r\n {\r\n \"code\": \"C_EMAIL\",\r\n \"value\": email\r\n },\r\n {\r\n \"code\": \"C_PROFESSION\",\r\n \"value\": \"ADMIN\"\r\n },\r\n {\r\n \"code\": \"C_IDNO\",\r\n \"value\": idChange\r\n },\r\n {\r\n \"code\": \"C_IDTYPE\",\r\n \"value\": type1\r\n },\r\n {\r\n \"code\": \"C_TITLE\",\r\n \"value\": title\r\n },\r\n {\r\n \"code\": \"C_MARSTA\",\r\n \"value\": \"\"\r\n },\r\n {\r\n \"code\": \"C_TYPOFCLI\",\r\n \"value\": \"INDIVIDUAL\"\r\n },\r\n {\r\n \"code\": \"C_NATION\",\r\n \"value\": \"001\"\r\n },\r\n {\r\n \"code\": \"C_GENDER\",\r\n \"value\": prinGender\r\n },\r\n\r\n\r\n\r\n ]\r\n };\r\n\r\n console.log(JSON.stringify(json))\r\n\r\n\r\n var customerData = getPostData();\r\n\r\n const options = {\r\n method: \"POST\",\r\n qs: {\r\n cmd: \"getLighticoSession\",\r\n },\r\n body: customerData\r\n\r\n };\r\n const response = await executeAPIRequest(options);\r\n console.log(response)\r\n\r\n ///////////////////////\r\n const options1 = {\r\n method: \"POST\",\r\n qs: {\r\n cmd: \"savePolicy\",\r\n cbTempalteId: \"1dd5ef8e-778d-4306-b9bf-c0062bf361dd\",// response.message.templateFileId,//\"07cf51ef-5053-426d-819c-43ffd9daa4c2\",\r\n cbSessionId: response.message.sessionId\r\n },\r\n body: {\r\n json\r\n }\r\n };\r\n\r\n const response1 = await executeAPIRequest(options1);\r\n console.log('response1', response1)\r\n try {\r\n if (response1.result) {\r\n window.location.replace(response.customerURL);\r\n } else {\r\n alert(\"Oops, we're having trouble creating your policy. Don't worry, we have your details to proceed with your policy. \")\r\n setPolicyCreating(false);\r\n }\r\n console.log(JSON.stringify(response))\r\n } catch (error) {\r\n console.log(JSON.stringify(response))\r\n alert(error)\r\n setPolicyCreating(false);\r\n }\r\n\r\n } else {\r\n alert('Your banking details are not valid.')\r\n }\r\n } catch (error) {\r\n alert(error)\r\n }\r\n\r\n };\r\n const [actualCoverStartDate, setactualCoverStartDate] = React.useState('');\r\n\r\n function getPostData() {\r\n\r\n let startCoverDate;\r\n var dt = new Date();\r\n var yr = dt.getFullYear().toString()\r\n switch (principalCoverStartDate) {\r\n case \"January\":\r\n startCoverDate = yr + \"/01/01\"\r\n break;\r\n case \"February\":\r\n startCoverDate = yr + \"/02/01\"\r\n break;\r\n case \"March\":\r\n startCoverDate = yr + \"/03/01\"\r\n break;\r\n case \"April\":\r\n startCoverDate = yr + \"/04/01\"\r\n break;\r\n case \"May\":\r\n startCoverDate = yr + \"/05/01\"\r\n break;\r\n case \"June\":\r\n startCoverDate = yr + \"/06/01\"\r\n break;\r\n case \"July\":\r\n startCoverDate = yr + \"/07/01\"\r\n break;\r\n case \"August\":\r\n startCoverDate = yr + \"/08/01\"\r\n break;\r\n case \"September\":\r\n startCoverDate = yr + \"/09/01\"\r\n break;\r\n case \"October\":\r\n startCoverDate = yr + \"/10/01\"\r\n break;\r\n case \"November\":\r\n startCoverDate = yr + \"/11/01\"\r\n break;\r\n case \"December\":\r\n startCoverDate = yr + \"/12/01\"\r\n break;\r\n }\r\n\r\n var customerData = {\r\n \"medical_number\": medicalNumberChange,\r\n \"medical_scheme\": principalMedAidIndex,\r\n \"medical_aid_option\": coverOption,\r\n \"prev_gap_cover\": (principalGapProvider === ' - Select - ') ? \"No\" : principalGapProvider,\r\n \"date_terminated\": (principalGapProvider === ' - Select - ') ? \"\" : principalGapCoverEnd,\r\n \"joined_date\": (principalGapProvider === ' - Select - ') ? \"\" : principalGapCoverStart,\r\n \"full_name\": nameChange + ' ' + surnameChange,\r\n \"customerd\": idChange,\r\n \"ben_title_radiobutton\": title,\r\n \"date_of_birth\": getDob(idChange),\r\n \"email_i\": email,\r\n \"home_contact\": telNumber,\r\n \"work_number\": telNumber,\r\n \"cell_i\": telNumber,\r\n \"postal_address\": (!checkedAlternativeAddress) ? addrA : postalAddrA,\r\n \"postal_town\": (!checkedAlternativeAddress) ? addrB + ((addrB !== '') ? ', ' : '') + suburb + ', ' + city : postalAddrB + ((postalAddrB !== '') ? ', ' : '') + postalSuburb + ', ' + postalCity,\r\n \"postal_postal_code\": (!checkedAlternativeAddress) ? zipCode : postalzipCode,\r\n \"physical_address_one\": addrA,\r\n \"physical_address_two\": addrB + ((addrB !== '') ? ', ' : '') + suburb + ', ' + city,\r\n \"physical_postal_code\": zipCode,\r\n\r\n \"admitted_to_hosp\": (lastHospitalAdmission !== \"Yes\") ? \"no\" : \"yes\",\r\n \"expecting_hosp_admission\": (discloseMedicalAdmission !== \"Yes\") ? \"no\" : \"yes\",\r\n \"pregnant_check\": (pregnancyDisclosure !== \"Yes\") ? \"no\" : \"yes\",\r\n \"taking_chronic_medication\": (chronicDisclosure !== \"Yes\") ? \"no\" : \"yes\",\r\n \"gap_cover_question\": (principalGapProvider === ' - Select - ') ? \"No\" : \"Yes\",\r\n\r\n \"question1\": 1,\r\n \"question2\": 2,\r\n \"question3\": 3,\r\n \"question4\": 4,\r\n \"question5\": 5,\r\n // \"dependant1\":,\r\n // \"dependant2\":,\r\n // \"dependant3\":,\r\n // \"dependant4\":,\r\n // \"dependant5\":,\r\n // \"condition1\":,\r\n // \"condition2\":,\r\n // \"condition3\":\"\",\r\n // \"condition4\":,\r\n // \"condition5\":\"\",\r\n \"medication1\": principalHospAdmissionDetail,\r\n \"medication2\": principleAdmissionDetail,\r\n \"medication3\": \"\",\r\n \"medication4\": principalChronicDetail,\r\n \"medication5\": (principalGapProvider === ' - Select - ') ? \"\" : principalGapProvider,\r\n \"date_diagnosed1\": (lastHospitalAdmission !== \"Yes\") ? \"\" : principalHospAdmissionDate,\r\n \"date_diagnosed2\": (discloseMedicalAdmission !== \"Yes\") ? \"\" : principleAdmissionDate,\r\n \"date_diagnosed3\": (pregnancyDisclosure !== \"Yes\") ? \"\" : principalDueDate,\r\n \"date_diagnosed4\": \"\",\r\n \"date_diagnosed5\": \"\",\r\n\r\n \"nominated_ben\": benName + \" \" + benSurname,\r\n \"nominated_ben_id\": benID,\r\n \"intermediary_email\": benEmail,\r\n // \"ben_title_radiobutton\":,\r\n // \"selected_ben_dob\":,\r\n \"nom_ben_home_contact\": benTelNumber,\r\n // \"nom_ben_cell_contact\":,\r\n \"relationship_insured\": benRelationshipToPrinciple,\r\n\r\n \"account_holder\": accountHolderName,\r\n \"account_number\": accountNumber,\r\n \"banks_radiobutton\": bankName,\r\n \"account_type_radiobutton\": accountType,\r\n \"debit_order_day_radiobutton\": collectionDate,\r\n \"policy_commence\": startCoverDate,\r\n \"broker_fee\": \"R\" + (Number((coverOption.toLowerCase() == \"ultra\") ? 20 : 13)),\r\n \"list_of_services\": \"Access to personal assistance with emergencies relating to health events during after normal working hours. \" +\r\n \"Facilitating of non-insurance value added services including medical scheme liaison and operational processes in this regard. \" +\r\n \"Short-term Ombud escalation and technical support as may be applicable. \" +\r\n \"Arrange and assist with external relevant professionals as may be applicable. \" +\r\n \"Assist in obtaining quotes for claim processing. \" +\r\n \"Monthly newsletters containing health topics, educational articles, tips, testimonials and industry information. \" +\r\n \"Product comparison services\",\r\n \"total_premium\": premium,\r\n \"company_name\": \"Myfin 1237 Financial Services (Pty) Ltd\",\r\n \"fsp\": \"44462\",\r\n \"intermediary_code\":brokerCodeChange,\r\n \"Initials\":intermediaryInitialsChange,\r\n \"intermediary\":intermediarySurnameChange\r\n\r\n }\r\n console.log(customerData)\r\n\r\n let i = 1;\r\n dependantInfo.forEach(dep => {\r\n\r\n\r\n if (dep.dependantlastHospitalAdmission === \"Yes\") {\r\n customerData.admitted_to_hosp = \"yes\"\r\n customerData.medication1 = dep.dependantHospAdmissionDetail\r\n customerData.date_diagnosed1 = dep.dependantHospAdmissionDate\r\n customerData.dependant1 = dep.dependantName + ' ' + dep.dependantSurname\r\n }\r\n if (dep.discloseDependantMedicalAdmission === \"Yes\") {\r\n customerData.expecting_hosp_admission = \"yes\"\r\n customerData.medication2 = dep.dependantMedicalAdmissionDetail\r\n customerData.date_diagnosed2 = dep.dependantMedicalAdmissionDate\r\n customerData.dependant2 = dep.dependantName + ' ' + dep.dependantSurname\r\n }\r\n if (dep.dependantPregnancyDisclosure === \"Yes\") {\r\n customerData.pregnant_check = \"yes\"\r\n customerData.date_diagnosed3 = dep.dependantDueDate\r\n customerData.dependant3 = dep.dependantName + ' ' + dep.dependantSurname\r\n }\r\n if (dep.dependantChronicDisclosure === \"Yes\") {\r\n customerData.taking_chronic_medication = \"yes\"\r\n customerData.medication4 = dep.dependantChronicDetail\r\n customerData.dependant4 = dep.dependantName + ' ' + dep.dependantSurname\r\n }\r\n\r\n var depGender = \"\";\r\n if (isValidPassport(dep.dependantID)) {\r\n\r\n } else {\r\n var genFromId = dep.dependantID.substr(6, 4);\r\n console.log('genFromId',genFromId)\r\n if (parseInt(genFromId) <= 4999) {\r\n depGender = \"female\"\r\n } else {\r\n depGender = \"male\"\r\n }\r\n\r\n }\r\n\r\n let dob;\r\n if (isValidPassport(dep.dependantID)) {\r\n dob = dep.dependantDOB\r\n } else {\r\n dob = getDobDep(dep.dependantID)\r\n }\r\n\r\n switch (i) {\r\n case 1:\r\n customerData.ben_1_full_name = dep.dependantName + ' ' + dep.dependantSurname;\r\n customerData.ben_1_id = dep.dependantID;\r\n customerData.ben_1_gender = depGender;\r\n customerData.ben_1_dob = dob;\r\n customerData.ben_1_rta = dep.dependantRelationshipToPrinciple;\r\n break;\r\n case 2:\r\n customerData.ben_2_full_name = dep.dependantName + ' ' + dep.dependantSurname;\r\n customerData.ben_2_id = dep.dependantID;\r\n customerData.ben_2_gender = depGender;\r\n customerData.ben_2_dob = dob;\r\n customerData.ben_2_rta = dep.dependantRelationshipToPrinciple;\r\n break;\r\n case 3:\r\n customerData.ben_3_full_name = dep.dependantName + ' ' + dep.dependantSurname;\r\n customerData.ben_3_id = dep.dependantID;\r\n customerData.ben_3_gender = depGender;\r\n customerData.ben_3_dob = dob;\r\n customerData.ben_3_rta = dep.dependantRelationshipToPrinciple;\r\n break;\r\n case 4:\r\n customerData.ben_4_full_name = dep.dependantName + ' ' + dep.dependantSurname;\r\n customerData.ben_4_id = dep.dependantID;\r\n customerData.ben_4_gender = depGender;\r\n customerData.ben_4_dob = dob;\r\n customerData.ben_4_rta = dep.dependantRelationshipToPrinciple;\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n console.log(i, customerData)\r\n i++;\r\n })\r\n return customerData;\r\n }\r\n\r\n function handleDependantsChange(e) {\r\n setNoOfdependants(e);\r\n };\r\n\r\n function handleTitleChange(e) {\r\n setTitle(e);\r\n };\r\n\r\n function handleGapCoverChange(e) {\r\n setPrincipalHasGapCoverChange(e);\r\n }\r\n function handleGapCoverChangedependants(e) {\r\n setdependantHasGapCoverChange(e);\r\n }\r\n\r\n function handlePrincipalCoverStartDate(e) {\r\n setPrincipalCoverStartDate(e);\r\n }\r\n function handledependantMedicalAid(e) {\r\n setdependantMedAidIndex(e.key);\r\n setdependantMedAidChange(e.value);\r\n }\r\n function handleBankDetails(e) {\r\n setBankName(e.value);\r\n setBranchCode(e.key);\r\n\r\n }\r\n\r\n function handleMedicalAdmissionDetails(e) {\r\n setPrincipleAdmissionDetail(e.target.value);\r\n\r\n }\r\n function handleClickDisclaimerA(e) {\r\n setCheckedDisclaimerA(!checkedDisclaimerA);\r\n }\r\n function handleClickAlternativeAddress(e) {\r\n setCheckedAlternativeAddress(!checkedAlternativeAddress);\r\n }\r\n function handleClickDisclaimerB(e) {\r\n setCheckedDisclaimerB(!checkedDisclaimerB);\r\n }\r\n function handleClickWhatsappUpdates(e) {\r\n setCheckedWhatsappUpdates(!checkedWhatsappUpdates);\r\n }\r\n function handleCheckedIntermediary(e) {\r\n setCheckedIntermediary(!checkedIntermediary);\r\n }\r\n function handleDetailsOfTreatment(e) {\r\n setPrincipalHospAdmissionDetail(e.target.value);\r\n // console.log(e.target.value);\r\n }\r\n function handleChronicDetail(e) {\r\n setPrincipalChronicDetail(e.target.value);\r\n // console.log(e.target.value);\r\n }\r\n function handleDependentMedicalAdmission(e) {\r\n setDependantMedicalAdmissionDetail(e.target.value);\r\n // console.log(e.target.value);\r\n }\r\n function handleDependentHospitalAdmission(e) {\r\n setDependantHospAdmissionDetail(e.target.value);\r\n // console.log(e.target.value);\r\n } function handleDependentChronicDetail(e) {\r\n setDependantChronicDetail(e.target.value);\r\n // console.log(e.target.value);\r\n }\r\n\r\n function handlePrincipalMedicalAid(e) {\r\n setPrincipalMedAidIndex(e.key);\r\n setPrincipalMedAidChange(e.value);\r\n }\r\n\r\n function handleSuburbChange(e) {\r\n console.log('call force update');\r\n var res = e.value.split(', ');\r\n setSuburbChange(res[0]);\r\n setCityChange(res[1]);\r\n setZipChange(res[2]);\r\n\r\n\r\n }\r\n\r\n function handlePostalSuburbChange(e) {\r\n console.log('call force update');\r\n var res = e.value.split(', ');\r\n setPosSuburbChange(res[0]);\r\n setPosCityChange(res[1]);\r\n setPostalZipChange(res[2]);\r\n }\r\n\r\n function handlePrincipalGapCover(e) {\r\n setPrincipalGapProvider(e);\r\n }\r\n function handledependantGapCover(e) {\r\n setdependantGapProvider(e);\r\n }\r\n\r\n function acceptMonthlyPremium() {\r\n if (checkedDisclaimerB === false) {\r\n alert(\"Please accept the medical disclaimer\");\r\n return;\r\n }\r\n if (checkedDisclaimerA === false) {\r\n alert(\"Please accept the medical scheme disclaimer\");\r\n return;\r\n }\r\n setPremiumAccept(true);\r\n }\r\n\r\n function ShowSuccessScreen() {\r\n if (policyCreating) {\r\n return (\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n }\r\n\r\n function submitBankingDetails() {\r\n let error = \"\";\r\n if (bankName === \" - Bank Name - \") {\r\n error = \"Please select your bank\";\r\n }\r\n\r\n if (accountNumber === \"\" || !(/^[0-9\\b]+$/.test(accountNumber))) {\r\n error = \"Please enter a valid account number\";\r\n }\r\n\r\n if (accountHolderName === \"\") {\r\n error = \"Please enter the account holder name\";\r\n }\r\n if (collectionDate === \" - Select - \") {\r\n error = \"Please enter the account holder name\";\r\n }\r\n if (error !== \"\") {\r\n alert(error);\r\n return;\r\n }\r\n\r\n submitFormData();\r\n }\r\n\r\n const { ...rest } = props;\r\n\r\n function showLoader() {\r\n if (loadingCode && onSearch) {\r\n return (\r\n\r\n
)\r\n }\r\n }\r\n\r\n function ShowPremium() {\r\n if (loading) {\r\n return (\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n We calculated based on the information provided that your monthly premium will be: \r\n \r\n R{premium} \r\n \r\n \r\n \r\n *I accept that this application is subject to underwriting and that the policy will only incepted once a policy schedule reflecting premiums and underwriting has been sent. I accept that I will have 31 days to cancel this policy should I not wish to continue with cover \r\n \r\n handleClickDisclaimerA(event)}\r\n value=\"checkedA\"\r\n classes={{\r\n switchBase: classes.switchBase,\r\n checked: classes.switchChecked,\r\n thumb: classes.switchIcon,\r\n track: classes.switchBar\r\n }}\r\n />\r\n }\r\n classes={{\r\n label: classes.label\r\n }}\r\n label=\"Accept\"\r\n />\r\n
\r\n *This is not a Medical Scheme and the cover is not the same as that of a Medical Scheme. This policy is not a substitute for Medical Scheme membership.; Membership of a valid Medical Scheme registered in terms of the Medical Schemes act 131 of 1998 is required to qualify for cover under this policy \r\n \r\n handleClickDisclaimerB(event)}\r\n value=\"checkedB\"\r\n classes={{\r\n switchBase: classes.switchBase,\r\n checked: classes.switchChecked,\r\n thumb: classes.switchIcon,\r\n track: classes.switchBar\r\n }}\r\n />\r\n }\r\n classes={{\r\n label: classes.label\r\n }}\r\n label=\"Accept\"\r\n />\r\n
\r\n\r\n \r\n handleClickWhatsappUpdates(event)}\r\n value=\"checkedA\"\r\n classes={{\r\n switchBase: classes.switchBase,\r\n checked: classes.switchChecked,\r\n thumb: classes.switchIcon,\r\n track: classes.switchBar\r\n }}\r\n />\r\n }\r\n classes={{\r\n label: classes.label\r\n }}\r\n label=\"Receive policy updates via WhatsApp?\"\r\n />\r\n
\r\n \r\n\r\n backToNomBen()} style={{ marginBottom: \"40px\" }}>Back \r\n acceptMonthlyPremium()} style={{ marginBottom: \"40px\" }}>Accept \r\n );\r\n }\r\n return (\r\n
*Additional Detail \r\n handleMedicalAdmissionDetails(e)}\r\n />\r\n\r\n *Date \r\n\r\n setPrincipleAdmissionDate(date)}\r\n peekNextMonth\r\n showMonthDropdown\r\n showYearDropdown\r\n dropdownMode=\"select\"\r\n customInput={ );\r\n\r\n }\r\n return (\r\n
*Due Date \r\n\r\n setPrincipalDueDate(date)}\r\n peekNextMonth\r\n showMonthDropdown\r\n showYearDropdown\r\n dropdownMode=\"select\"\r\n customInput={ );\r\n\r\n }\r\n return (\r\n
*Additional Detail \r\n handleDetailsOfTreatment(e)}\r\n />\r\n\r\n *Date \r\n\r\n setPrincipalHospAdmissionDate(date)}\r\n peekNextMonth\r\n showMonthDropdown\r\n showYearDropdown\r\n dropdownMode=\"select\"\r\n customInput={ );\r\n\r\n }\r\n return (\r\n
*Additional Detail \r\n \r\n handleChronicDetail(e)}\r\n />\r\n\r\n \r\n\r\n );\r\n\r\n }\r\n return (\r\n \r\n *Are you currently pregnant?\r\n \r\n setPregnancyDisclosure(menuItem)} //TODO: Get value from this place console.log(menuItem)\r\n dropdownHeader=\"Choose Option\"\r\n buttonProps={{\r\n className: classes.navLink,\r\n color: \"transparent\",\r\n\r\n }}\r\n dropdownList={[\r\n \"Yes\",\r\n \"No\",\r\n\r\n ]}\r\n />\r\n \r\n
)\r\n } else return (\r\n \r\n *Are you expecting a hospital admission or aware of any conditions or Illness that would require treatment in the next 12 months?\r\n \r\n setdiscloseMedicalAdmission(menuItem)} //TODO: Get value from this place console.log(menuItem)\r\n dropdownHeader=\"Choose Option\"\r\n buttonProps={{\r\n className: classes.navLink,\r\n color: \"transparent\",\r\n\r\n }}\r\n dropdownList={[\r\n \"Yes\",\r\n \"No\",\r\n\r\n ]}\r\n />\r\n \r\n {ShowMedicalAdmissionDetails()}\r\n\r\n \r\n *Have you been admitted to hospital in the last 4 months?\r\n \r\n setlastHospitalAdmission(menuItem)} //TODO: Get value from this place console.log(menuItem)\r\n dropdownHeader=\"Choose Option\"\r\n buttonProps={{\r\n className: classes.navLink,\r\n color: \"transparent\",\r\n\r\n }}\r\n dropdownList={[\r\n \"Yes\",\r\n \"No\",\r\n\r\n ]}\r\n />\r\n \r\n {ShowDetailsOfTreatment()}\r\n {ShowPrincIsPregnant()}\r\n {ShowPregnancy()}\r\n \r\n *Are you currently taking or taken chronic medication in the past 24 months?\r\n \r\n setchronicDisclosure(menuItem)} //TODO: Get value from this place console.log(menuItem)\r\n dropdownHeader=\"Choose Option\"\r\n buttonProps={{\r\n className: classes.navLink,\r\n color: \"transparent\",\r\n\r\n }}\r\n dropdownList={[\r\n \"Yes\",\r\n \"No\",\r\n\r\n ]}\r\n />\r\n \r\n {ShowChronicDetails()}\r\n
)\r\n }\r\n return (\r\n
\r\n \r\n Banking Details \r\n handleBankDetails(menuItem)}\r\n />\r\n\r\n setAccountNumber(event.target.value)\r\n\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n setAccountHolderName(event.target.value)\r\n\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n *Account type \r\n setAccountType(menuItem)}\r\n dropdownHeader=\"Choose Option\"\r\n buttonProps={{\r\n className: classes.navLink,\r\n color: \"transparent\",\r\n\r\n }}\r\n dropdownList={[\r\n \"Savings\",\r\n \"Transmission\",\r\n \"Cheque\"\r\n\r\n ]}\r\n />\r\n *Collection Date \r\n setCollectionDate(menuItem)}\r\n dropdownHeader=\"Choose Option\"\r\n buttonProps={{\r\n className: classes.navLink,\r\n color: \"transparent\",\r\n\r\n }}\r\n dropdownList={[\r\n \"1\",\r\n \"5\",\r\n \"7\",\r\n \"15\",\r\n \"20\",\r\n \"25\",\r\n \"31\"\r\n\r\n\r\n ]}\r\n />\r\n I/We hereby confirm acceptance of the Gapwise policy, and authorise GENRIC Insurance Company Limited, to draw on my/our account at the under mentioned institution in any manner agreed on between GENRIC Insurance Company Limited and such institution, the amount of the premium payable, and request the aforesaid institution to debit my/our account with all debits drawn against it by GENRIC Insurance Company Limited.\r\n \r\n \r\n backToNomBen()} style={{ marginBottom: \"40px\" }}>Back \r\n submitBankingDetails()} style={{ marginBottom: \"40px\" }}>Continue\r\n \r\n \r\n\r\n \r\n\r\n \r\n
\r\n
Postal address \r\n\r\n setPosAddr1Change(event.target.value)\r\n\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n setPosAddr2Change(event.target.value)\r\n\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n setOnSearch(true)}\r\n value={suburb}\r\n data={suburbList}\r\n onSelect={(menuItem) => handlePostalSuburbChange(menuItem)}\r\n className={classes.inputDropdown}\r\n style={{\r\n border: \"none\",\r\n borderBottom: \"1px solid lightgrey\",\r\n borderRadius: \"unset\",\r\n marginLeft: \"0px\",\r\n paddingLeft: \"0px\",\r\n marginBottom: \"1em\",\r\n fontWeight: 100\r\n }}\r\n />\r\n setPosCityChange(event.target.value)\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n )\r\n } else return (
*Gap Cover Start Date \r\n setPrincipalGapCoverStart(date)}\r\n peekNextMonth\r\n showMonthDropdown\r\n showYearDropdown\r\n dropdownMode=\"select\"\r\n customInput={*Gap Cover End Date \r\n\r\n setPrincipleGapCoverEnd(date)}\r\n peekNextMonth\r\n showMonthDropdown\r\n showYearDropdown\r\n dropdownMode=\"select\"\r\n customInput={*Gap Cover Provider\r\n \r\n { handlePrincipalGapCover(menuItem) }} //TODO: Get value from this place console.log(menuItem)\r\n\r\n dropdownList={[\r\n \"Cura\",\r\n \"Discovery\",\r\n \"Elixi\",\r\n \"iWyze\",\r\n \"KaeloXeulus\",\r\n \"Liberty\",\r\n \"Momentum\",\r\n \"Old Mutual\",\r\n \"Sanlam\",\r\n \"Sirago\",\r\n \"Stratum\",\r\n \"Other\",\r\n\r\n ]}\r\n />\r\n );\r\n }\r\n return children;\r\n }\r\n function AdditionalDetailsDependant() {\r\n let children = [];\r\n if (dependantHasGapCover === \"Yes\") {\r\n return (
*Gap Cover Start Date \r\n setdependantGapCoverStart(date)}\r\n peekNextMonth\r\n showMonthDropdown\r\n showYearDropdown\r\n dropdownMode=\"select\"\r\n customInput={*Gap Cover End Date \r\n setdependantGapCoverEnd(date)}\r\n peekNextMonth\r\n showMonthDropdown\r\n showYearDropdown\r\n dropdownMode=\"select\"\r\n customInput={*Gap Cover Provider\r\n \r\n { handledependantGapCover(menuItem) }} //TODO: Get value from this place console.log(menuItem)\r\n\r\n dropdownList={[\r\n \"Cura\",\r\n \"Discovery\",\r\n \"Elixi\",\r\n \"iWyze\",\r\n \"KaeloXeulus\",\r\n \"Liberty\",\r\n \"Momentum\",\r\n \"Old Mutual\",\r\n \"Sanlam\",\r\n \"Sirago\",\r\n \"Stratum\",\r\n \"Other\",\r\n\r\n ]}\r\n />\r\n );\r\n }\r\n return children;\r\n }\r\n function DependantMedicalAidInfo() {\r\n let children = [];\r\n if (dependantHasSameMedAid === \"No\") {\r\n return (\r\n
*Medical Aid \r\n handledependantMedicalAid(menuItem)}\r\n />\r\n *Medical scheme number \r\n\r\n setDependantMedicalNumberChange(event.target.value)\r\n\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n *Currently Covered On Gap Cover \r\n { handleGapCoverChangedependants(menuItem) }} //TODO: Get value from this place console.log(menuItem)\r\n buttonProps={{\r\n className: classes.navLink,\r\n color: \"transparent\",\r\n padding: \"10px 10em 10px 10em\"\r\n }}\r\n dropdownList={[\r\n \"Yes\",\r\n \"No\",\r\n\r\n ]}\r\n />\r\n );\r\n }\r\n return children;\r\n }\r\n function DependantDetails() {\r\n // Outer loop to create parent\r\n //Inner loop to create children\r\n //if (currentdependant < dependants && formSubmit) {\r\n\r\n return (\r\n
Dependant Details \r\n
\r\n \r\n setDependantName(event.target.value)\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n setDependantSurname(event.target.value)\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n setDependantIDChangeFunc(event.target.value)\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n\r\n \r\n\r\n
\r\n *Relationship to Principal? \r\n setdependantRelationshipToPrinciple(menuItem)} //TODO: Get value from this place console.log(menuItem)\r\n buttonText={dependantRelationshipToPrinciple}\r\n dropdownHeader=\"Choose Option\"\r\n buttonProps={{\r\n className: classes.navLink,\r\n color: \"transparent\",\r\n padding: \"10px 10em 10px 10em\",\r\n borderBottom: \"solid 1px lightgray\",\r\n width: \"-webkit-fill-available\"\r\n }}\r\n dropdownList={relationshipList}\r\n\r\n />\r\n\r\n \r\n \r\n *Medical Aid and Gap Cover same as Principal? \r\n { setdependantHasSameMedAidChange(menuItem) }} //TODO: Get value from this place console.log(menuItem)\r\n buttonProps={{\r\n className: classes.navLink,\r\n color: \"transparent\",\r\n padding: \"10px 10em 10px 10em\",\r\n borderBottom: \"solid 1px lightgray\",\r\n width: \"-webkit-fill-available\"\r\n }}\r\n dropdownList={[\r\n \"Yes\",\r\n \"No\",\r\n\r\n ]}\r\n\r\n />\r\n *Have you been diagnosed, received medical advice, care or treatment for any condition in\r\n the past 12 months?\r\n \r\n setDependantmedicalDisclosure(menuItem)} //TODO: Get value from this place console.log(menuItem)\r\n dropdownHeader=\"Choose Option\"\r\n buttonProps={{\r\n className: classes.navLink,\r\n color: \"transparent\",\r\n\r\n }}\r\n dropdownList={[\r\n \"Yes\",\r\n \"No\",\r\n\r\n ]}\r\n />\r\n {ShowDependantMedicalDiagnostics()}\r\n\r\n\r\n \r\n\r\n \r\n submitdependantInfo()} style={{ marginBottom: \"15px\" }}>Add \r\n \r\n \r\n\r\n\r\n
\r\n
Nominated Beneficiary Details \r\n
\r\n \r\n setbenName(event.target.value)\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n setBenSurname(event.target.value)\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n setBenID(event.target.value)\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n\r\n \r\n \r\n\r\n *Email \r\n\r\n setBenEmail(event.target.value)\r\n\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n *Contact Number \r\n\r\n setBenTelNumber(event.target.value)\r\n\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n \r\n\r\n
\r\n *Relationship to Principal? \r\n setBenRelationshipToPrinciple(menuItem)} //TODO: Get value from this place console.log(menuItem)\r\n buttonText={benRelationshipToPrinciple}\r\n dropdownHeader=\"Choose Option\"\r\n buttonProps={{\r\n className: classes.navLink,\r\n color: \"transparent\",\r\n padding: \"10px 10em 10px 10em\",\r\n borderBottom: \"solid 1px lightgray\",\r\n width: \"-webkit-fill-available\"\r\n }}\r\n dropdownList={relationshipList}\r\n\r\n />\r\n\r\n \r\n\r\n \r\n backToMainForm()} style={{ marginBottom: \"15px\" }}>Back \r\n {/* submitBenInfo()} style={{ marginBottom: \"15px\" }}>Next */}\r\n submitBenInfo()} style={{ marginBottom: \"15px\" }}>Next \r\n \r\n \r\n\r\n\r\n
*ID Number/ Passport \r\n\r\n setIDChangeFunc(event.target.value)\r\n\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n )\r\n }\r\n\r\n function ShowDependantList() {\r\n return (\r\n\r\n {defaultList.map(item => {\r\n return (\r\n
\r\n \r\n Remove\r\n \r\n {item.name} \r\n
\r\n );\r\n })}\r\n\r\n\r\n
\r\n Add dependant + \r\n
);\r\n }\r\n return (
);\r\n }\r\n\r\n function ShowBanner(intermediary){\r\n if (intermediary) {\r\n return (\r\n \r\n
\r\n
Friendly \r\n Reminder \r\n \r\n
\r\n
\r\n
You need to be on a medical aid before you can apply for this\r\n cover.
\r\n
\r\n
\r\n
How \r\n Long \r\n Will it take? \r\n\r\n \r\n
\r\n
\r\n
Your application will be processed by our underwriters within 24\r\n hours
\r\n
\r\n
);\r\n }\r\n\r\n function ShowIntermediary(){\r\n if (checkedIntermediary){\r\n return (\r\n
Intermediary Details \r\n \r\n \r\n Intermediary Initials \r\n\r\n setIntermediaryInitialChange(event.target.value)\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n Intermediary Surname \r\n setIntermediarySurnameChange(event.target.value)\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n Broker code \r\n setBrokerCodeChange(event.target.value)\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n \r\n \r\n {ShowBanner(checkedIntermediary)}\r\n \r\n \r\n\r\n
);\r\n }\r\n\r\n function FormDetails() {\r\n if (!formSubmit) {\r\n return (\r\n handleCheckedIntermediary(event)}\r\n value=\"checkedA\"\r\n classes={{\r\n switchBase: classes.switchBase,\r\n checked: classes.switchChecked,\r\n thumb: classes.switchIcon,\r\n track: classes.switchBar\r\n }}\r\n />\r\n }\r\n classes={{\r\n label: classes.label\r\n }}\r\n label=\"This form is completed by an intermediary on behalf of the applicant\"\r\n />\r\n {ShowIntermediary()}\r\n Cover detail \r\n \r\n \r\n Option \r\n\r\n setCoverOption(menuItem)} //TODO: Get value from this place console.log(menuItem)\r\n buttonProps={{\r\n className: classes.navLink,\r\n color: \"transparent\"\r\n }}\r\n dropdownList={[\r\n \"Comprehensive\",\r\n \"Ultra\"\r\n ]}\r\n />\r\n *Cover Start Date \r\n {\r\n handlePrincipalCoverStartDate(menuItem)\r\n }} //TODO: Get value from this place console.log(menuItem)\r\n dropdownHeader=\"Choose Option\"\r\n buttonProps={{\r\n className: classes.navLink,\r\n color: \"transparent\",\r\n\r\n }}\r\n dropdownList={getMonthsAvailable()}\r\n />\r\n \r\n \r\n {ShowBanner(!checkedIntermediary)}\r\n \r\n\r\n \r\n\r\n Principal detail \r\n\r\n \r\n \r\n\r\n *Title \r\n handleTitleChange(menuItem)} //TODO: Get value from this place console.log(menuItem)\r\n dropdownHeader=\"Choose Option\"\r\n buttonProps={{\r\n className: classes.navLink,\r\n color: \"transparent\",\r\n\r\n }}\r\n dropdownList={[\r\n \"Mr\",\r\n \"Miss\",\r\n \"Mrs\",\r\n \"Rev\",\r\n \"Adv\",\r\n \"Dr\"\r\n\r\n ]}\r\n />\r\n *Name \r\n\r\n setNameChange(event.target.value)\r\n\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n *Surname \r\n\r\n setSurnameChange(event.target.value)\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n *Medical Aid \r\n\r\n handlePrincipalMedicalAid(menuItem)}\r\n />\r\n *Medical scheme number \r\n\r\n setMedicalNumberChange(event.target.value)\r\n\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n *Currently Covered On Gap Cover \r\n {\r\n handleGapCoverChange(menuItem)\r\n }} //TODO: Get value from this place console.log(menuItem)\r\n\r\n buttonProps={{\r\n className: classes.navLink,\r\n color: \"transparent\",\r\n padding: \"10px 10em 10px 10em\",\r\n\r\n }}\r\n dropdownList={[\r\n \"Yes\",\r\n \"No\",\r\n\r\n ]}\r\n />\r\n\r\n \r\n *Have you been diagnosed, received medical advice, care or treatment for any condition in\r\n the past 12 months?\r\n \r\n setMedicalDisclosure(menuItem)} //TODO: Get value from this place console.log(menuItem)\r\n dropdownHeader=\"Choose Option\"\r\n buttonProps={{\r\n className: classes.navLink,\r\n color: \"transparent\",\r\n\r\n }}\r\n dropdownList={[\r\n \"Yes\",\r\n \"No\",\r\n\r\n ]}\r\n />\r\n {ShowMedicalDiagnostics()}\r\n\r\n \r\n \r\n \r\n *Email \r\n\r\n setEmailChange(event.target.value)\r\n\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n *Contact Number \r\n\r\n setTellChange(event.target.value)\r\n\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n Principal physical address \r\n\r\n setAddr1Change(event.target.value)\r\n\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n setAddr2Change(event.target.value)\r\n\r\n }}\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n />\r\n setOnSearch(true)}\r\n value={suburb}\r\n data={suburbList}\r\n onSelect={(menuItem) => handleSuburbChange(menuItem)}\r\n className={classes.inputDropdown}\r\n style={{\r\n border: \"none\",\r\n borderBottom: \"1px solid lightgrey\",\r\n borderRadius: \"unset\",\r\n marginLeft: \"0px\",\r\n paddingLeft: \"0px\",\r\n marginBottom: \"1em\",\r\n fontWeight: 100\r\n }}\r\n />\r\n\r\n handleClickAlternativeAddress(event)}\r\n value=\"checkedA\"\r\n classes={{\r\n switchBase: classes.switchBase,\r\n checked: classes.switchChecked,\r\n thumb: classes.switchIcon,\r\n track: classes.switchBar\r\n }}\r\n />\r\n }\r\n classes={{\r\n label: classes.label\r\n }}\r\n label=\"Postal address is different from physical address\"\r\n />\r\n {ShowPostalAddress()}\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n\r\n \r\n\r\n {/*This is for the medical diagnostics disclaimer*/}\r\n\r\n\r\n Dependant Details \r\n \r\n\r\n\r\n {/* {\r\n handleDependantsChange(menuItem)\r\n }} //TODO: Get value from this place console.log(menuItem)\r\n buttonProps={{\r\n className: classes.navLink,\r\n color: \"transparent\",\r\n }}\r\n dropdownList={[\r\n \"0\",\r\n \"1\",\r\n \"2\",\r\n \"3\",\r\n \"4\"\r\n ]}\r\n\r\n />*/}\r\n {ShowDependantList()}\r\n {ShowAddDependant()}\r\n\r\n \r\n \r\n validateFormData()}\r\n style={{ marginBottom: \"40px\" }}>Next \r\n \r\n
\r\n );\r\n }\r\n return (\r\n
*Date of birth \r\n
\r\n
(\r\n \r\n \r\n {\"<\"}\r\n \r\n changeYear(value)}\r\n >\r\n {years.map((option) => (\r\n \r\n {option}\r\n \r\n ))}\r\n \r\n\r\n \r\n changeMonth(months.indexOf(value))\r\n }\r\n >\r\n {months.map((option) => (\r\n \r\n {option}\r\n \r\n ))}\r\n \r\n\r\n \r\n {\">\"}\r\n \r\n
) }\r\n\r\n }\r\n\r\n\r\n function showPrincipleDOBPicker() {\r\n if (idTypeChange === 'PASSPORT') {\r\n\r\n return (\r\n
*Date of birth \r\n
\r\n
(\r\n \r\n \r\n {\"<\"}\r\n \r\n changeYear(value)}\r\n >\r\n {years.map((option) => (\r\n \r\n {option}\r\n \r\n ))}\r\n \r\n\r\n \r\n changeMonth(months.indexOf(value))\r\n }\r\n >\r\n {months.map((option) => (\r\n \r\n {option}\r\n \r\n ))}\r\n \r\n\r\n \r\n {\">\"}\r\n \r\n
) }\r\n }\r\n\r\n function ShowDependantIsPregnant() {\r\n if (parseInt(dependantID.substr(6, 4)) <= 4999 || dependantIDType == \"PASSPORT\"){\r\n return (\r\n \r\n *Are you currently pregnant?\r\n \r\n setDependantPregnancyDisclosure(menuItem)} //TODO: Get value from this place console.log(menuItem)\r\n dropdownHeader=\"Choose Option\"\r\n buttonProps={{\r\n className: classes.navLink,\r\n color: \"transparent\",\r\n\r\n }}\r\n dropdownList={[\r\n \"Yes\",\r\n \"No\",\r\n\r\n ]}\r\n />\r\n \r\n
\r\n )\r\n } else return (\r\n \r\n *Are you expecting a hospital admission or aware of any conditions or Illness that would require treatment in the next 12 months?\r\n \r\n setDiscloseDepandantMedicalAdmission(menuItem)} //TODO: Get value from this place console.log(menuItem)\r\n dropdownHeader=\"Choose Option\"\r\n buttonProps={{\r\n className: classes.navLink,\r\n color: \"transparent\",\r\n\r\n }}\r\n dropdownList={[\r\n \"Yes\",\r\n \"No\",\r\n\r\n ]}\r\n />\r\n \r\n {ShowDependantMedicalAdmissionDetails()}\r\n\r\n \r\n *Have you been admitted to hospital in the last 4 months?\r\n \r\n setDependantLastHospitalAdmission(menuItem)} //TODO: Get value from this place console.log(menuItem)\r\n dropdownHeader=\"Choose Option\"\r\n buttonProps={{\r\n className: classes.navLink,\r\n color: \"transparent\",\r\n\r\n }}\r\n dropdownList={[\r\n \"Yes\",\r\n \"No\",\r\n\r\n ]}\r\n />\r\n \r\n {ShowDependantDetailsOfTreatment()}\r\n {ShowDependantIsPregnant()}\r\n {ShowDependantPregnancy()}\r\n \r\n *Are you currently taking or taken chronic medication in the past 24 months?\r\n \r\n setDependantChronicDisclosure(menuItem)} //TODO: Get value from this place console.log(menuItem)\r\n dropdownHeader=\"Choose Option\"\r\n buttonProps={{\r\n className: classes.navLink,\r\n color: \"transparent\",\r\n\r\n }}\r\n dropdownList={[\r\n \"Yes\",\r\n \"No\",\r\n\r\n ]}\r\n />\r\n \r\n {ShowDependantChronicDetails()}\r\n
)\r\n }\r\n return children;\r\n\r\n }\r\n function ShowDependantMedicalAdmissionDetails() {\r\n if (discloseDependantMedicalAdmission === \"Yes\") {\r\n return (\r\n
*Additional Detail \r\n handleDependentMedicalAdmission(e)}\r\n />\r\n\r\n *Date \r\n\r\n setDependantMedicalAdmissionDate(date)}\r\n peekNextMonth\r\n showMonthDropdown\r\n showYearDropdown\r\n dropdownMode=\"select\"\r\n customInput={ );\r\n\r\n }\r\n return (\r\n
*Due Date \r\n\r\n setDependantDueDate(date)}\r\n peekNextMonth\r\n showMonthDropdown\r\n showYearDropdown\r\n dropdownMode=\"select\"\r\n customInput={ );\r\n\r\n }\r\n return (\r\n
*Additional Detail \r\n\r\n handleDependentHospitalAdmission(e)}\r\n />\r\n\r\n\r\n *Date \r\n\r\n setDependantHospAdmissionDate(date)}\r\n peekNextMonth\r\n showMonthDropdown\r\n showYearDropdown\r\n dropdownMode=\"select\"\r\n customInput={ );\r\n\r\n }\r\n return (\r\n \r\n handleDependentChronicDetail(e)}\r\n />\r\n\r\n \r\n\r\n
);\r\n\r\n }\r\n return (\r\n\r\n
\r\n\r\n
\r\n
\r\n\r\n {FormDetails()}\r\n\r\n
\r\n {DependantDetails()}\r\n \r\n
\r\n {BeneficiaryDetails()}\r\n {ShowBankingDetails()}\r\n {ShowSuccessScreen()}\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n \r\n ,\r\n document.getElementById(\"root\")\r\n);\r\n","export default \"data:image/png;base64,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\""],"sourceRoot":""} 
\r\n 
\r\n 
\r\n\r\n