\r\n \r\n \r\n {item.name}\r\n \r\n
\r\n );\r\n });\r\n\r\n useEffect(() => {\r\n \r\n getCookie(\"footerHidden\")\r\n \r\n }, [cookieHasBeenAccepted])\r\n\r\n return (\r\n \r\n
\r\n \r\n {props.Title} {chosenCot}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {timesLoaded !== 0 && apiData.length &&
\r\n \r\n Click below to download documents to your downloads folder.\r\n
}\r\n {apiData.map((value, i) => {\r\n if (timesLoaded === 0) {\r\n return Checking for files
;\r\n } else if (value === \"\" || !apiData.length) {\r\n returnThere are no files available
;\r\n } else {\r\n let quarter = value.substring(\r\n value.indexOf(\"_Q\") + 2,\r\n value.length - 4\r\n );\r\n let year = value.substring(\r\n value.indexOf(\"_Q\") - 4,\r\n value.length - 7\r\n );\r\n\r\n let nameOfDocHolder = value.substring(\r\n value.indexOf(\"-us-\") + 4,\r\n value.length - 11\r\n );\r\n\r\n return (\r\n\r\n \r\n downloadReport(\r\n props.reportType,\r\n props.id,\r\n props.memType,\r\n year,\r\n quarter\r\n )\r\n }\r\n >\r\n {year} Q{quarter} {nameOfDocHolder} {props.reportType}\r\n \r\n
\r\n );\r\n }\r\n })}\r\n \r\n
\r\n {title}
\r\n \r\n \r\n
\r\n \r\n Click below to download documents to your downloads folder.\r\n
\r\n {data.map((cotQuarter, i) => {\r\n return cotQuarter.quarters.length > 0 ? (\r\n {cotQuarter.cot}
\r\n {cotQuarter.quarters.map((quarter, index) => {\r\n return (\r\n \r\n
\r\n \r\n OR Reports \r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n selectQuarter(i);\r\n }}\r\n >\r\n {val.Quarter}\r\n
\r\n \r\n );\r\n })\r\n ) : (\r\n \r\n {currentQuarter.Files.map((val, i) => {\r\n return (\r\n
\r\n );\r\n })}\r\n \r\n )}\r\n \r\n {\r\n downloadFile(val.Name, val.Path);\r\n }}\r\n >\r\n {val.Name} \r\n
\r\n \r\n
\r\n \r\n {title} \r\n
\r\n \r\n \r\n
\r\n - \r\n
- \r\n Click below to download documents to your downloads folder.\r\n \r\n {data.map((file) => {\r\n return (\r\n
- \r\n
{modalMessage}
\r\n{subList}
\r\n Loading ...
;\r\n }\r\n\r\n console.log(\"authState\", authState);\r\n\r\n if(!authState.isAuthenticated){\r\n console.log(\"login - clear storage\");\r\n localStorage.clear();\r\n }\r\n\r\n return authState.isAuthenticated ? (\r\n \r\n 
\r\n
\r\n );\r\n};\r\n\r\nexport default Login;\r\n","import React, { useContext, useState, useEffect } from \"react\";\r\nimport UserContext from \"./context/UserContext\";\r\nimport Dashboard from \"./sisense/Dashboard\";\r\nimport useTrait from \"./../hooks/useTrait\";\r\nimport axios from \"axios\";\r\nimport { loadScript, isLoaded } from \"./sisense/SiSenseScriptLoader\";\r\nimport { LoadingSpinner } from \"./layout/LoadingSpinner\";\r\n\r\nconst Home = (props) => {\r\n const userContext = useContext(UserContext);\r\n const currentUser = userContext.currentUser;\r\n const ltc = [\"LTC/NURSING HOME PROVIDER\", \"OMNICARE\"];\r\n const hasLocation = currentUser.Location ? true : false;\r\n const [sisenseLink, setSisenseLink] = useState();\r\n const [scriptLoaded, setScriptLoaded] = useState(false);\r\n const [filters, setFilters] = useState({});\r\n const [hasWaited, setWaited] = useState(false);\r\n console.log(\"Home - currentUser\", userContext.currentUser);\r\n const [toggleable, setToggleable] = useState(false);\r\n const [ltcToggle, setToggle] = useState(true);\r\n const [cotList,setCOTs] = useState([])\r\n const firstClicked = useTrait(false)\r\n const [loading, setLoading] = useState(false);\r\n \r\n //useEffect(() => {\r\n // if (isLoaded()) {\r\n // setScriptLoaded(true);\r\n // } else {\r\n // loadScript().then(() => {\r\n // setScriptLoaded(true);\r\n // });\r\n // }\r\n\r\n\r\n //}, [])\r\n function wait5seconds() {\r\n if (document.getElementById(\"test\") != null) {\r\n \r\n document.getElementById(\"test\").style.display = \"none\";\r\n setWaited(true);\r\n }\r\n else {\r\n \r\n pageLoadTimer()\r\n }\r\n }\r\n\r\n function pageLoadTimer() {\r\n if (currentUser.Location) {\r\n var initialLoadTimer;\r\n clearTimeout(initialLoadTimer);\r\n initialLoadTimer = setTimeout(wait5seconds, 9000);\r\n }\r\n // 1000 milliseconds = 1 second\r\n }\r\n\r\n \r\n useEffect(() => {\r\n pageLoadTimer();\r\n }, [])\r\n\r\n\r\n // useEffect(() => {\r\n\r\n // if(currentUser.Location){\r\n // let dim = \"\";\r\n // let title = \"\";\r\n // switch (currentUser.Location.Type) {\r\n // case \"Member\":\r\n // dim = \"[MemberHierarchy_Sisense.MM_MMID]\";\r\n // title = \"MMID\";\r\n // break;\r\n // case \"ParentCompany\":\r\n // dim = \"[MemberHierarchy_Sisense.RP_RPID]\";\r\n // title = \"RPID\";\r\n // break;\r\n // case \"Affiliate\":\r\n // dim = \"[MemberHierarchy_Sisense.AFFILIATE_ID]\";\r\n // title = \"AFFILIATE_ID\";\r\n // break;\r\n // }\r\n // const jaql = [\r\n // {\r\n // jaql: {\r\n // title: title,\r\n // dim: dim,\r\n // datatype: \"text\",\r\n // filter: {\r\n // members: [currentUser.Location.LOCID],\r\n // },\r\n // t: false,\r\n // l: false,\r\n // r: false,\r\n // },\r\n // },\r\n // ];\r\n // setFilters(jaql);\r\n // }\r\n // }, [currentUser.Location]);\r\n\r\n\r\n\r\n\r\n\r\n //first load\r\n useEffect(()=>{\r\n if(currentUser.Location != null){\r\n const cots = currentUser.Location.Type !== \"Member\" ? currentUser.Location.COTs.map(i=>i.Description)\r\n : [currentUser.Location.COT];\r\n setCOTs(cots);\r\n if(currentUser.Info != null && cots.some(r => ltc.includes(r)) && cots.some(r=> !ltc.includes(r))){\r\n setToggleable(true);\r\n \r\n }\r\n }\r\n\r\n },[])\r\n\r\n useEffect(()=>{\r\n if(toggleable){\r\n let isLTC = true;\r\n const maxCountCOT = currentUser.Location.COTs.reduce((a,b) => a.ActiveCount > b.ActiveCount ? a : b);\r\n if(!ltc.includes(maxCountCOT.Description))\r\n {\r\n isLTC = false;\r\n }\r\n if(currentUser.Dashboard){ \r\n if(currentUser.Dashboard !== \"LTC\"){\r\n isLTC = false; \r\n }else{\r\n isLTC = true;\r\n }\r\n };\r\n \r\n if(!isLTC){\r\n setToggle(false)\r\n document.getElementById(\"toggle\").checked = true;\r\n }else{\r\n setToggle(true);\r\n }\r\n }\r\n },[toggleable])\r\n\r\n \r\n\r\n const settings = {\r\n showToolbar: false,\r\n showLeftPane: false,\r\n showRightPane: false,\r\n };\r\n\r\n const getFilters = () => {\r\n let dim = \"\";\r\n let title = \"\";\r\n if (currentUser.Location) {\r\n switch (currentUser.Location.Type) {\r\n case \"Member\":\r\n dim = \"[MemberHierarchy_Sisense.MM_MMID]\";\r\n title = \"MMID\";\r\n break;\r\n case \"ParentCompany\":\r\n dim = \"[MemberHierarchy_Sisense.RP_RPID]\";\r\n title = \"RPID\";\r\n break;\r\n case \"Affiliate\":\r\n dim = \"[MemberHierarchy_Sisense.AFFILIATE_ID]\";\r\n title = \"AFFILIATE_ID\";\r\n break;\r\n }\r\n const jaql = [\r\n {\r\n jaql: {\r\n title: title,\r\n dim: dim,\r\n datatype: \"text\",\r\n filter: {\r\n members: [currentUser.Location.LOCID],\r\n },\r\n t: false,\r\n l: false,\r\n r: false,\r\n embed:false\r\n },\r\n },\r\n ];\r\n return encodeURIComponent(JSON.stringify(jaql));\r\n } else {\r\n return [];\r\n }\r\n };\r\n\r\n const getDashboardLink = () => {\r\n let link = \"\"; \r\n if (currentUser.Location != null) {\r\n if (currentUser.Info != null && cotList.length > 0) {\r\n if (!cotList.some((r) => ltc.includes(r))) {\r\n switch (currentUser.Location.Type) {\r\n case \"Member\":\r\n link = process.env.REACT_APP_Dashboard_ASCD_M;\r\n break;\r\n case \"ParentCompany\":\r\n link = process.env.REACT_APP_Dashboard_ASCD_PC;\r\n break;\r\n case \"Affiliate\":\r\n link = process.env.REACT_APP_Dashboard_ASCD_A;\r\n break;\r\n }\r\n } else {\r\n if(toggleable){\r\n switch (currentUser.Location.Type) {\r\n case \"Member\":\r\n link = ltcToggle ? process.env.REACT_APP_Dashboard_LTC_M :process.env.REACT_APP_Dashboard_ASCD_M;\r\n break;\r\n case \"ParentCompany\":\r\n link = ltcToggle ? process.env.REACT_APP_Dashboard_LTC_PC :process.env.REACT_APP_Dashboard_ASCD_PC;\r\n break;\r\n case \"Affiliate\":\r\n link = ltcToggle ? process.env.REACT_APP_Dashboard_LTC_A :process.env.REACT_APP_Dashboard_ASCD_A;\r\n break;\r\n } \r\n }else{\r\n switch (currentUser.Location.Type) {\r\n case \"Member\":\r\n link = process.env.REACT_APP_Dashboard_LTC_M;\r\n break;\r\n case \"ParentCompany\":\r\n link = process.env.REACT_APP_Dashboard_LTC_PC;\r\n break;\r\n case \"Affiliate\":\r\n link = process.env.REACT_APP_Dashboard_LTC_A;\r\n break;\r\n }\r\n }\r\n \r\n }\r\n }\r\n }\r\n return link;\r\n };\r\n\r\n const toggle = (event) =>{\r\n event.preventDefault();\r\n setToggle(!ltcToggle);\r\n setLoading(true);\r\n const checked = document.getElementById(\"toggle\").checked;\r\n document.getElementById(\"toggle\").checked=!checked;\r\n saveConfigCache(!checked);\r\n setTimeout(()=>{setLoading(false)},3000);\r\n }\r\n\r\n const saveConfigCache = (checked) =>{\r\n const email = currentUser.Email;\r\n const dashboard = checked ? \"ASCD\" : \"LTC\";\r\n const config = {Dashboard:dashboard};\r\n currentUser.Dashboard = dashboard;\r\n userContext.onCurrentUserChanged(currentUser);\r\n var uri = `api/cache/userConfig/${email}/dashboard`;\r\n console.log(`azure cache - api call - ${uri}`);\r\n axios.post(uri, config).then(\r\n (result) => {\r\n console.log(\"config\", result.data);\r\n },\r\n (error) => {\r\n console.error(error.message);\r\n }\r\n );\r\n }\r\n return (\r\n \r\n Welcome to the MHA Member Portal.\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 )\r\n }\r\n {toggleable && \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 \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","import React from \"react\";\r\nimport { Form, Col, Button } from \"react-bootstrap\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nconst formCallbacks = {\r\n onChange: PropTypes.func,\r\n};\r\nconst formGroupExact = {\r\n label: PropTypes.string,\r\n graphic: PropTypes.string,\r\n callBacks: PropTypes.exact(formCallbacks),\r\n formElement: PropTypes.element,\r\n type: PropTypes.string,\r\n id: PropTypes.string,\r\n};\r\n\r\nconst formExact = {\r\n formGroups: PropTypes.arrayOf(PropTypes.exact(formGroupExact)).isRequired,\r\n};\r\n\r\nexport function MHAForm(props) {\r\n const formGroups = props.form.formGroups.map((item, index) => {\r\n return (\r\n \r\n {item.label} \r\n {!!item.formElement ? (\r\n item.formElement\r\n ) : (\r\n \r\n );\r\n });\r\n\r\n return (\r\n \r\n {formGroups} \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nMHAForm.propTypes = {\r\n form: PropTypes.exact(formExact).isRequired,\r\n};\r\n","import React, { useEffect, useState, useRef } from \"react\";\r\nimport { Form } from \"react-bootstrap\";\r\nimport \"./Autocomplete.css\";\r\nimport axios from \"axios\";\r\nimport StatusModal from \"./StatusModal\";\r\nimport useStatusModal from \"../hooks/useStatusModal\";\r\n\r\nexport function Autocomplete(props) {\r\n const [activeOption, setActive] = useState(0);\r\n const [options, setOptions] = useState([]);\r\n const [showOptions, setOptionbool] = useState(false);\r\n const [loading, isLoading] = useState(false);\r\n const [userInput, setUserInput] = useState(\"\");\r\n const ref = useRef();\r\n const url = props.endpoint;\r\n const minLength = props.minLength;\r\n const { statusProps, handleErrorStatus } = useStatusModal();\r\n\r\n const onChange = (e) => {\r\n console.log(\"onChanges\");\r\n const input = e.currentTarget.value;\r\n setUserInput(e.currentTarget.value);\r\n let searchTerm = { Type: props.type, Term: input };\r\n if (input.length >= minLength) {\r\n isLoading(true);\r\n axios({ method: \"PUT\", url: url, data: JSON.stringify(searchTerm) })\r\n .then(function (response) {\r\n setOptions(response.data);\r\n setOptionbool(true);\r\n setActive(0);\r\n isLoading(false);\r\n })\r\n .catch((err) => {\r\n console.log(err.message);\r\n handleErrorStatus();\r\n isLoading(false);\r\n });\r\n }\r\n };\r\n\r\n const onClick = (e) => {\r\n setActive(0);\r\n setOptions([]);\r\n setOptionbool(false);\r\n setUserInput(e.currentTarget.innerText);\r\n };\r\n\r\n const onKeyDown = (e) => {\r\n if (e.keyCode === 13) {\r\n setActive(0);\r\n setOptionbool(false);\r\n setUserInput(options[activeOption]);\r\n } else if (e.keyCode === 38) {\r\n if (activeOption === 0) {\r\n return;\r\n }\r\n setActive(activeOption - 1);\r\n } else if (e.keyCode === 40) {\r\n if (activeOption === options.length - 1) {\r\n console.log(activeOption);\r\n return;\r\n }\r\n setActive(activeOption + 1);\r\n }\r\n };\r\n\r\n useOutsideClick(ref, () => {\r\n setActive(0);\r\n setOptions([]);\r\n setOptionbool(false);\r\n //setUserInput(\"\");\r\n });\r\n\r\n let optionList;\r\n if (showOptions && userInput) {\r\n if (options.length) {\r\n optionList = (\r\n \r\n \r\n );\r\n}\r\n\r\nconst useOutsideClick = (ref, callback) => {\r\n const handleClick = (e) => {\r\n if (ref.current && !ref.current.contains(e.target)) {\r\n callback();\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n document.addEventListener(\"click\", handleClick);\r\n\r\n return () => {\r\n document.removeEventListener(\"click\", handleClick);\r\n };\r\n });\r\n};\r\n","import React, { useState, useContext, useEffect } from \"react\";\r\nimport { Row, Col, Modal, Button } from \"react-bootstrap\";\r\nimport { LoadingSpinner } from \"./../../layout/LoadingSpinner\";\r\nimport { MHAForm } from \"./../../MHAForm\";\r\nimport { Autocomplete } from \"./../../Autocomplete\";\r\nimport { DataTable } from \"mha-ui-kit-react-library/dist/index\";\r\nimport \"mha-ui-kit-react-library/dist/styles.css\";\r\nimport { Link, Redirect } from \"react-router-dom\";\r\nimport axios from \"axios\";\r\nimport UserContext from \"../../context/UserContext\";\r\nimport StatusModal from \"../../StatusModal\";\r\nimport useStatusModal from \"../../../hooks/useStatusModal\";\r\nimport GrayedButton from \"./../../GrayedButton\";\r\n\r\nexport function ProductPortfolio(props) {\r\n const { statusProps, handleErrorStatus } = useStatusModal();\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [rows, setRows] = useState([]);\r\n const [isSecondaryASCD, setSecondaryASCD] = useState(false);\r\n const [isLTC, setLTC] = useState(false);\r\n const [showModal, setShowModal] = useState(false);\r\n const url = \"/api/products/autocomplete\";\r\n const userContext = useContext(UserContext);\r\n const currentUser = userContext.currentUser;\r\n const locId = currentUser.Location ? currentUser.Location.LOCID : null;\r\n const userType = currentUser.Location ? currentUser.Location.Type : null;\r\n const grayedMessage = \"Contact your Account Representative.\";\r\n\r\n const NAM = currentUser.Location != null ? currentUser.Location.NAM : null;\r\n const ltc = [\"LTC/NURSING HOME PROVIDER\", \"OMNICARE\"];\r\n const locationType = currentUser.Location ? currentUser.Location.Type : null;\r\n\r\n const termsAndConditions = currentUser.Info\r\n ? currentUser.Info.TermDetails\r\n : null;\r\n const [userHasRead, setHasRead] = useState(false);\r\n const userEmail = currentUser.Info ? currentUser.Info.Email : null;\r\n\r\n const columns = [\r\n {\r\n title: \"Item ID\",\r\n accessor: \"itemID\",\r\n hidden: true,\r\n },\r\n {\r\n title: \"NDC#\",\r\n accessor: \"NDC\",\r\n //filterValue: (value, index, row)=> ( `${value}` ),\r\n transform: (value, index, row) => {\r\n if (row.NDC && row.ContractID && row.itemID) {\r\n const url = `/NDC?NDC=${row.NDC}&contractNum=${row.ContractID}|${row.itemID}`;\r\n return {value};\r\n // return {value};\r\n } else {\r\n return value;\r\n }\r\n },\r\n },\r\n {\r\n title: \"Vendor Number\",\r\n accessor: \"VendorNumber\",\r\n },\r\n {\r\n title: \"Vendor\",\r\n accessor: \"VendorName\",\r\n },\r\n {\r\n title: \"Brand Name\",\r\n accessor: \"BrandName\",\r\n },\r\n {\r\n title: \"Generic Name\",\r\n accessor: \"Genericname\",\r\n },\r\n {\r\n title: \"Contract #\",\r\n accessor: \"ContractID\",\r\n },\r\n {\r\n title: \"Participation Status\",\r\n accessor: \"ParticipationStatus\",\r\n },\r\n {\r\n title: \"Price\",\r\n accessor: \"Price\",\r\n type: \"money\",\r\n },\r\n {\r\n title: \"WAC\",\r\n accessor: \"WAC\",\r\n type: \"money\",\r\n },\r\n {\r\n title: \"AWP\",\r\n accessor: \"AWP\",\r\n type: \"money\",\r\n },\r\n {\r\n title: \"Form\",\r\n accessor: \"Form\",\r\n },\r\n {\r\n title: \"Size\",\r\n accessor: \"Size\",\r\n },\r\n {\r\n title: \"UM\",\r\n accessor: \"UM\",\r\n },\r\n {\r\n title: \"Strength\",\r\n accessor: \"Strength\",\r\n },\r\n {\r\n title: \"UD\",\r\n accessor: \"UD\",\r\n },\r\n\r\n {\r\n title: \"FDA\",\r\n accessor: \"FDA\",\r\n },\r\n {\r\n title:\"Rebate Eligible\",\r\n accessor:\"RebateEligible\"\r\n }\r\n ];\r\n\r\n const handleClose = () => setShowModal(false);\r\n\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n let formData = {};\r\n setIsLoading(true);\r\n for (var i = 0; i < e.target.length - 1; i++) {\r\n formData[e.target[i].id] =\r\n e.target[i].value === \"\" ? null : e.target[i].value;\r\n }\r\n if (Object.keys(formData).length > 0) {\r\n formData[\"MMID\"] = locId;\r\n axios({\r\n method: \"POST\",\r\n url: \"/api/products\",\r\n data: JSON.stringify(formData),\r\n })\r\n .then(function (response) {\r\n setIsLoading(false);\r\n setRows(response.data.Products);\r\n })\r\n .catch((err) => {\r\n console.log(err.message);\r\n handleErrorStatus(\"An error occurred retrieving the product data.\");\r\n setIsLoading(false);\r\n return false;\r\n });\r\n }\r\n return;\r\n };\r\n\r\n const productForm = {\r\n formGroups: [\r\n {\r\n label: \"Name\",\r\n formElement: (\r\n {\r\n setShowModal(true);\r\n }}\r\n >\r\n {\" \"}\r\n Export Catalog\r\n \r\n );\r\n }\r\n if (isSecondaryASCD) {\r\n exportButtons.push(\r\n }\r\n NAM={NAM}\r\n />\r\n );\r\n }\r\n\r\n useEffect(() => {\r\n if (termsAndConditions != null) {\r\n if (\r\n termsAndConditions[0].currentTermsVersionDB ===\r\n termsAndConditions[0].termsVersionUser\r\n ) {\r\n setHasRead(true);\r\n }\r\n }\r\n }, [userHasRead]);\r\n\r\n function updateUserTermVersion() {\r\n axios\r\n .get(\"/api/Products/updateUser?email=\" + userEmail, {\r\n method: \"GET\",\r\n })\r\n .then((response) => {\r\n console.log(response.data);\r\n currentUser.Info.TermDetails = response.data;\r\n userContext.onCurrentUserChanged(currentUser);\r\n //setHasRead(true);\r\n })\r\n .catch((err) => {\r\n console.error(err.message);\r\n handleErrorStatus(\r\n \"An error occurred retrieving the product catalog data.\"\r\n );\r\n setHasRead(true);\r\n });\r\n\r\n console.log(currentUser);\r\n setHasRead(true);\r\n }\r\n\r\n return userType !== \"Member\" ? (\r\n \r\n \r\n \r\n \r\n ⚠ Disclaimer\r\n \r\n \r\n \r\n I agree to keep all information exported, in any form, from MHA\r\n regarding contract prices, programs, price lists, financial data,\r\n customer and supplier information, product development, business and\r\n marketing plans, and information contained in catalogs proprietary and\r\n confidential information of MHA (“Confidential Information”), strictly\r\n confidential and shall not directly or indirectly use (except pursuant\r\n to this Agreement) and/or reveal, report, publish, disclose or\r\n transfer to any party the Confidential Information for any purpose.\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n ⚠ Disclaimer\r\n \r\n \r\n \r\n I agree to keep all information exported, in any form, from MHA\r\n regarding contract prices, programs, price lists, financial data,\r\n customer and supplier information, product development, business and\r\n marketing plans, and information contained in catalogs proprietary and\r\n confidential information of MHA (\"Confidential Information\"), strictly\r\n confidential and shall not directly or indirectly use (except pursuant\r\n to this Agreement) and/or reveal, report, publish, disclose or\r\n transfer to any party the Confidential Information for any purpose.\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport { ListGroup } from \"react-bootstrap\";\r\nexport default function ProductDetails(props) {\r\n const { productDetails } = props;\r\n return (\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 \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 \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 \r\n \r\n \r\n );\r\n}\r\n","import React, { useState, useEffect, useContext } from \"react\";\r\nimport axios from \"axios\";\r\nimport { Row, Col, Tabs, Tab } from \"react-bootstrap\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport { DataTable } from \"mha-ui-kit-react-library/dist/index\";\r\nimport \"mha-ui-kit-react-library/dist/styles.css\";\r\nimport { LoadingSpinner } from \"./../../layout/LoadingSpinner\";\r\nimport ProductDetails from \"./ProductDetails\";\r\nimport \"./ProductPortfolio.css\";\r\nimport UserContext from \"../../context/UserContext\";\r\nimport queryString from \"query-string\";\r\nimport StatusModal from \"../../StatusModal\";\r\nimport useStatusModal from \"../../../hooks/useStatusModal\";\r\n\r\nexport function NDC(props) {\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [dataLoaded, setDataLoaded] = useState(false);\r\n const ndcLinkInfo = useLocation().search;\r\n const [productDetails, setProductDetails] = useState({\r\n BrandName: \"\",\r\n ContractNumber: \"\",\r\n DosageForm: \"\",\r\n FDARating: \"\",\r\n GenericName: \"\",\r\n ItemID: \"\",\r\n ItemVendorNum: 0,\r\n NDC: \"\",\r\n Name: \"\",\r\n RebateEligible: \"\",\r\n Size: \"\",\r\n Status: \"\",\r\n Strength: \"\",\r\n UPC: \"\",\r\n UnitDose: \"\",\r\n Vendor: \"\",\r\n });\r\n const [alternativesList, setAlternativesList] = useState([]);\r\n const [futurePriceList, setFuturePriceList] = useState([]);\r\n const [priceHistoryNDCs, setPriceHistoryNDCs] = useState([]);\r\n const [pricingInformationList, setPricingInformationList] = useState([]);\r\n const [purchastHistoryList, setPurchaseHistoryList] = useState([]);\r\n\r\n const userContext = useContext(UserContext);\r\n const currentUser = userContext.currentUser;\r\n const {\r\n statusProps,\r\n handleErrorStatus,\r\n handleAlertStatus,\r\n } = useStatusModal();\r\n const disclaimerMessage = \" **Disclaimer: Alternative products are based on GPI and Total Package Size.\"\r\n const dateTransform = (value) => {\r\n return value == null\r\n ? null\r\n : new Date(Date.parse(value)).toString(\"MMM dd, yyyy\");\r\n };\r\n\r\n useEffect(() => {\r\n if (!ndcLinkInfo) {\r\n handleAlertStatus(\"click from product portfolio\");\r\n // setStatusProps({\r\n // message: \"click from product portfolio\",\r\n // attributes: { alert: \"alert\" },\r\n // });\r\n // setError(true);\r\n return false;\r\n }\r\n if (!dataLoaded && ndcLinkInfo) {\r\n const { NDC, contractNum } = queryString.parse(ndcLinkInfo);\r\n const MMID = currentUser.Location.ID;\r\n const uri = `api/products/ndc?ndc=${NDC}&contractNum=${contractNum}&MMID=${MMID}`;\r\n setIsLoading(true);\r\n axios.get(uri).then(\r\n (result) => {\r\n console.log(result.data);\r\n if (result.data != null) {\r\n setProductDetails(result.data);\r\n setAlternativesList(result.data.AlternativesList);\r\n setFuturePriceList(result.data.FuturePriceList);\r\n setPriceHistoryNDCs(result.data.PriceHistoryNDCs);\r\n setPricingInformationList(result.data.PricingInformationList);\r\n\r\n setDataLoaded(true);\r\n }\r\n if (result.data == null) {\r\n alert(\"this product has hit an error, please contact your representative\")\r\n }\r\n setIsLoading(false);\r\n },\r\n (error) => {\r\n console.error(error.message);\r\n handleErrorStatus();\r\n setIsLoading(false);\r\n }\r\n );\r\n }\r\n }, [dataLoaded, ndcLinkInfo, currentUser.Location.ID]);\r\n\r\n const getPurchaseHistory = (key) => {\r\n if (key === \"purchase-history\") {\r\n const { contractNum } = queryString.parse(ndcLinkInfo);\r\n const MMID = currentUser.Location.ID;\r\n let purchaseUri = `api/products/PurchaseHistory?contractNum=${contractNum}&MMID=${MMID}`;\r\n setIsLoading(true);\r\n axios.get(purchaseUri).then(\r\n (result) => {\r\n setPurchaseHistoryList(result.data);\r\n setIsLoading(false);\r\n },\r\n (error) => {\r\n console.error(error.message);\r\n handleErrorStatus(\r\n \"An error occurred retrieving purchase history data.\"\r\n );\r\n setIsLoading(false);\r\n }\r\n );\r\n }\r\n };\r\n\r\n const priceHistoryColumns = [\r\n { title: \"Contract\", accessor: \"ContractNum\" },\r\n {\r\n title: \"Contract End Date\",\r\n accessor: \"ContractEnd\",\r\n transform: dateTransform,\r\n },\r\n { title: \"Price\", accessor: \"Pricing\", type: \"money\" },\r\n {\r\n title: \"Effective Date\",\r\n accessor: \"EffectiveDate\",\r\n transform: dateTransform,\r\n },\r\n ];\r\n\r\n const alternativesColumns = [\r\n { title: \"Vendor Name\", accessor: \"VendorName\" },\r\n { title: \"Contract Number\", accessor: \"ContractNumber\" },\r\n { title: \"Contract Price\", accessor: \"ContractPrice\", type: \"money\" },\r\n { title: \"Unit Price\", accessor: \"ContractUnitPrice\", type: \"money\" },\r\n { title: \"AWP\", accessor: \"AWP\" },\r\n { title: \"Trade Name\", accessor: \"TradeName\" },\r\n { title: \"Strength\", accessor: \"Strength\" },\r\n { title: \"Form\", accessor: \"Form\" },\r\n { title: \"Participation Status\", accessor: \"ParticipationStatus\" },\r\n ];\r\n\r\n const futurePriceColumns = [\r\n { title: \"Contract Num\", accessor: \"ContractNum\" },\r\n { title: \"Price\", accessor: \"Pricing\", type: \"money\" },\r\n {\r\n title: \"Effective Date\",\r\n accessor: \"EffectiveDate\",\r\n transform: dateTransform,\r\n },\r\n ];\r\n\r\n const purchaseHistoryColumns = [\r\n {\r\n title: \"Sales Date\",\r\n accessor: \"SalesYearMonth\"\r\n //,\r\n //transform: dateTransform,\r\n },\r\n { title: \"Total Sales\", accessor: \"TotalSales\", type: \"money\" },\r\n //{ title: \"Sales Year\", accessor: \"SalesYear\", type: \"number\" },\r\n { title: \"Total Units\", accessor: \"TotalUnits\", type: \"number\" },\r\n { title: \"Average Cost\", accessor: \"AvgCost\", type: \"money\" },\r\n ];\r\n\r\n const pricingInformationColumns = [\r\n { title: \"Pricing Information\", accessor: \"PricingInformation\" },\r\n {\r\n title: \"Effective Date\",\r\n accessor: \"EffectiveDate\",\r\n transform: dateTransform,\r\n },\r\n ];\r\n\r\n return (\r\n \r\n \r\n { }}\r\n freezeheader\r\n >\r\n \r\n
\r\n \r\n \r\n \r\n { }}\r\n freezeheader\r\n >\r\n \r\n \r\n { }}\r\n freezeheader\r\n > \r\n \r\n \r\n { }}\r\n freezeheader\r\n >\r\n \r\n \r\n { }}\r\n freezeheader\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n );\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport axios from \"axios\";\r\nimport { DataTable } from \"mha-ui-kit-react-library/dist/index\";\r\nimport { LoadingSpinner } from \"./../../layout/LoadingSpinner\";\r\nimport { Modal } from \"react-bootstrap\";\r\nimport StatusModal from \"../../StatusModal\";\r\nimport useStatusModal from \"../../../hooks/useStatusModal\";\r\n\r\nconst ContactsModal = (props) => {\r\n const { id, type, show, handleImpersonateClick } = props;\r\n\r\n const [contactsLoaded, setContactsLoaded] = useState(false);\r\n const [contactsData, setContactsData] = useState([]);\r\n\r\n const { statusProps, handleErrorStatus } = useStatusModal();\r\n\r\n useEffect(() => {\r\n if (id != null && type != null && !contactsLoaded) {\r\n const uri = `api/members/contacts?id=${id}&locType=${type}`;\r\n\r\n console.log(\"contacts modal - api call\", uri);\r\n axios.get(uri).then(\r\n (result) => {\r\n setContactsLoaded(true);\r\n setContactsData(result.data);\r\n },\r\n (error) => {\r\n console.error(error.message);\r\n handleErrorStatus(\"An error occurred retrieving the contacts data.\");\r\n setContactsLoaded(true);\r\n }\r\n );\r\n }\r\n }, [id, type, contactsLoaded]);\r\n\r\n const handleClose = () => {\r\n setContactsLoaded(false);\r\n props.handleClose();\r\n };\r\n\r\n const contactsColumns = [\r\n {\r\n title: \"Impersonate\",\r\n accessor: \"\",\r\n transform: (value, index, row) => {\r\n return (\r\n handleImpersonateClick(row)}\r\n >\r\n Impersonate\r\n \r\n );\r\n },\r\n },\r\n {\r\n title: \"First Name\",\r\n accessor: \"FirstName\",\r\n },\r\n {\r\n title: \"Last Name\",\r\n accessor: \"LastName\",\r\n },\r\n {\r\n title: \"Job Title\",\r\n accessor: \"JobTitle\",\r\n },\r\n {\r\n title: \"Email\",\r\n accessor: \"Email\",\r\n },\r\n ];\r\n\r\n const ContactsTable = () => {\r\n if (!contactsLoaded) {\r\n return (\r\n \r\n {}}\r\n />\r\n \r\n );\r\n } else {\r\n return (\r\n { }}\r\n freezeheader\r\n />\r\n );\r\n }\r\n };\r\n\r\n return (\r\n \r\n handleClose()}\r\n dialogClassName=\"modal-90w\"\r\n centered\r\n >\r\n \r\n Impersonate Contact \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default ContactsModal;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport axios from \"axios\";\r\nimport { DataTable } from \"mha-ui-kit-react-library/dist/index\";\r\nimport { LoadingSpinner } from \"./../../layout/LoadingSpinner\";\r\nimport { Modal } from \"react-bootstrap\";\r\nimport StatusModal from \"../../StatusModal\";\r\nimport useStatusModal from \"../../../hooks/useStatusModal\";\r\n\r\nconst ChildLocationModal = (props) => {\r\n const { id, type, email, show, handleLocationClick } = props;\r\n\r\n const [childLocationsLoaded, setChildLocationsLoaded] = useState(false);\r\n const [childLocationsData, setChildLocationsData] = useState([]);\r\n\r\n const { statusProps, handleErrorStatus } = useStatusModal();\r\n\r\n useEffect(() => {\r\n if (id != null && type != null && !childLocationsLoaded) {\r\n var uri = `api/members/?email=${email}&id=${id}&locType=${type}`;\r\n\r\n console.log(\"child location modal - api call\", uri);\r\n axios.get(uri).then(\r\n (result) => {\r\n setChildLocationsLoaded(true);\r\n setChildLocationsData(result.data);\r\n },\r\n (error) => {\r\n console.error(error.message);\r\n handleErrorStatus(\r\n \"An error occurred retrieving the locations data.\"\r\n );\r\n setChildLocationsLoaded(true);\r\n }\r\n );\r\n }\r\n }, [id, type, email, childLocationsLoaded]);\r\n\r\n const handleClose = () => {\r\n setChildLocationsLoaded(false);\r\n props.handleClose();\r\n };\r\n\r\n const childColumns = [\r\n {\r\n title: \"Name\",\r\n accessor: \"Name\",\r\n transform: (value, index, row) => {\r\n return (\r\n handleLocationClick({ Id: row.ID, Type: \"Member\" })}\r\n >\r\n {value}\r\n \r\n );\r\n },\r\n },\r\n {\r\n title: \"Address\",\r\n accessor: \"Address\",\r\n },\r\n {\r\n title: \"City\",\r\n accessor: \"City\",\r\n },\r\n {\r\n title: \"State\",\r\n accessor: \"State\",\r\n },\r\n {\r\n title: \"NCPDP\",\r\n accessor: \"NCPDP\",\r\n },\r\n {\r\n title: \"NPI\",\r\n accessor: \"NPI\",\r\n },\r\n {\r\n title: \"HIN\",\r\n accessor: \"HIN\",\r\n },\r\n {\r\n title: \"DEA\",\r\n accessor: \"DEA\",\r\n },\r\n ];\r\n\r\n const ChildLocationTable = () => {\r\n if (!childLocationsLoaded) {\r\n return (\r\n \r\n {}}\r\n />\r\n \r\n );\r\n } else {\r\n return (\r\n { }}\r\n freezeheader\r\n />\r\n );\r\n }\r\n };\r\n\r\n return (\r\n \r\n handleClose()}\r\n dialogClassName=\"modal-90w\"\r\n centered\r\n >\r\n \r\n Locations \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default ChildLocationModal;\r\n","import React, { useContext, useState, useEffect } from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport axios from \"axios\";\r\nimport UserContext from \"../../context/UserContext\";\r\nimport { DataTable } from \"mha-ui-kit-react-library/dist/index\";\r\nimport { LoadingSpinner } from \"./../../layout/LoadingSpinner\";\r\nimport \"mha-ui-kit-react-library/dist/styles.css\";\r\nimport { OverlayTrigger, Popover } from \"react-bootstrap\";\r\nimport ContactsModal from \"./ContactsModal\";\r\nimport ChildLocationModal from \"./ChildLocationsModal\";\r\nimport StatusModal from \"../../StatusModal\";\r\nimport useStatusModal from \"../../../hooks/useStatusModal\";\r\n\r\nconst List = () => {\r\n const userContext = useContext(UserContext);\r\n const currentUser = userContext.currentUser;\r\n const [impersonateEmail, setImpersonateEmail] = useState(null);\r\n const [impersonateName, setImpersonateName] = useState(null);\r\n const [emailUpdated, setEmailUpdated] = useState(false);\r\n const history = useHistory();\r\n const { statusProps, handleErrorStatus } = useStatusModal();\r\n\r\n const [isLoaded, setIsLoaded] = useState(false);\r\n const [locations, setLocations] = useState([]);\r\n const [currentLocation, setCurrentLocation] = useState(currentUser.Location);\r\n\r\n const [showLocationsModal, setShowLocationsModal] = useState(false);\r\n const [locationsModalId, setLocationsModalId] = useState(null);\r\n const [locationsModalType, setLocationsModalType] = useState(null);\r\n\r\n const [showContactsModal, setShowContactsModal] = useState(false);\r\n const [contactsModalId, setContactsModalId] = useState(null);\r\n const [contactsModalType, setContactsModalType] = useState(null);\r\n\r\n function handleImpersonateClick(contact) {\r\n setImpersonateEmail(contact.Email);\r\n setImpersonateName(`${contact.FirstName} ${contact.LastName}`);\r\n setEmailUpdated(true);\r\n }\r\n\r\n async function handleLocationClick(location) {\r\n const uri =\r\n location.Type === \"ParentCompany\"\r\n ? `api/${location.Type}/${location.Id}`\r\n : `api/${location.Type}s/${location.Id}`;\r\n\r\n console.log(\"handleLocationClick - api call\", uri);\r\n const email = currentUser.Email;\r\n let type = location.Type;\r\n if (type !== \"\") {\r\n type = type === \"Member\" ? \"M\" : type === \"ParentCompany\" ? \"PC\" : \"A\";\r\n }\r\n const id = location.Id;\r\n const config = { ID: id, Type: type };\r\n currentUser.LastLocation = config;\r\n var cacheUri = `api/cache/userConfig/${email}/location`;\r\n console.log(`azure cache - api call - ${uri}`);\r\n try {\r\n const cacheCall = await axios.post(cacheUri, config);\r\n console.log(\"config from member list\", cacheCall.data);\r\n } catch (error) {\r\n console.error(error.message);\r\n }\r\n\r\n // axios.post(cacheUri, config).then(\r\n // (result) => {\r\n // console.log(\"config from member list\", result.data);\r\n // },\r\n // (error) => {\r\n // alert(error.message);\r\n // console.error(error.message);\r\n // }\r\n // );\r\n axios.get(uri).then(\r\n (result) => {\r\n setCurrentLocation(result.data);\r\n },\r\n (error) => {\r\n console.error(error.message);\r\n handleErrorStatus(\"An error occurred getting the location data.\");\r\n }\r\n );\r\n }\r\n\r\n const OptionsPopover = (row) => {\r\n if (row) {\r\n return (\r\n \r\n {row.Name} \r\n \r\n \r\n handleLocationClick({ Id: row.ID, Type: row.Type })\r\n }\r\n >\r\n {row.Type === \"Affiliate\"\r\n ? \"Select Affiliate\"\r\n : \"Select Corporation\"}\r\n \r\n showChildLocationsModal(row.ID, row.Type)}\r\n >\r\n View Locations\r\n \r\n \r\n \r\n );\r\n }\r\n };\r\n\r\n function showContacts(id, locType) {\r\n setShowContactsModal(true);\r\n\r\n if (id !== contactsModalId) {\r\n setContactsModalId(id);\r\n locType = locType === \"ParentCompany\" ? \"PC\" : locType[0];\r\n setContactsModalType(locType);\r\n }\r\n }\r\n\r\n function showChildLocationsModal(id, locType) {\r\n setShowLocationsModal(true);\r\n\r\n if (id !== locationsModalId) {\r\n setLocationsModalId(id);\r\n locType = locType === \"Affiliate\" ? \"A\" : \"PC\";\r\n setLocationsModalType(locType);\r\n }\r\n // to close popover\r\n document.body.click();\r\n }\r\n\r\n const columns =\r\n //currentUser.IsTestMode\r\n (currentUser.Info &&\r\n currentUser.Info.Roles &&\r\n currentUser.Info.Roles.includes(\"Internal Admin\")) ||\r\n (currentUser.Info && currentUser.Info.IsAcctRep)\r\n ? [\r\n {\r\n title: \"Name\",\r\n accessor: \"Name\",\r\n transform: (value, index, row) => {\r\n return (\r\n \r\n \r\n handleLocationClick({ Id: row.ID, Type: \"Member\" })\r\n }\r\n >\r\n {value}\r\n \r\n {currentUser.Info.Roles.includes(\"Internal Admin\") && (\r\n showContacts(row.ID, \"Member\")}\r\n >\r\n [IMP]\r\n \r\n )}\r\n \r\n );\r\n },\r\n },\r\n {\r\n title: \"Address\",\r\n accessor: \"Address\",\r\n },\r\n {\r\n title: \"City\",\r\n accessor: \"City\",\r\n },\r\n {\r\n title: \"State\",\r\n accessor: \"State\",\r\n },\r\n {\r\n title: \"NCPDP\",\r\n accessor: \"NCPDP\",\r\n },\r\n {\r\n title: \"NPI\",\r\n accessor: \"NPI\",\r\n },\r\n {\r\n title: \"HIN\",\r\n accessor: \"HIN\",\r\n },\r\n {\r\n title: \"DEA\",\r\n accessor: \"DEA\",\r\n },\r\n {\r\n title: \"ParentCompanyId\",\r\n accessor: \"ParentCompanyId\",\r\n hidden: true,\r\n },\r\n {\r\n title: \"Corporate\",\r\n accessor: \"ParentCompanyName\",\r\n transform: (value, index, row) => {\r\n return (\r\n \r\n \r\n handleLocationClick({\r\n Id: row.ParentCompanyId,\r\n Type: \"ParentCompany\",\r\n })\r\n }\r\n >\r\n {value}\r\n \r\n {currentUser.Info.Roles.includes(\"Internal Admin\") && (\r\n \r\n showContacts(row.ParentCompanyId, \"ParentCompany\")\r\n }\r\n >\r\n [IMP]\r\n \r\n )}\r\n \r\n );\r\n },\r\n },\r\n {\r\n title: \"AffiliateId\",\r\n accessor: \"AffiliateId\",\r\n hidden: true,\r\n },\r\n {\r\n title: \"Affiliate\",\r\n accessor: \"AffiliateName\",\r\n transform: (value, index, row) => {\r\n return (\r\n \r\n \r\n handleLocationClick({\r\n Id: row.AffiliateId,\r\n Type: \"Affiliate\",\r\n })\r\n }\r\n >\r\n {value}\r\n \r\n {row.AffiliateId &&\r\n currentUser.Info.Roles.includes(\"Internal Admin\") && (\r\n \r\n showContacts(row.AffiliateId, \"Affiliate\")\r\n }\r\n >\r\n [IMP]\r\n \r\n )}\r\n \r\n );\r\n },\r\n },\r\n ]\r\n : [\r\n {\r\n title: \"Name\",\r\n accessor: \"Name\",\r\n transform: (value, index, row) => {\r\n if (row.Type === \"Member\") {\r\n return (\r\n \r\n handleLocationClick({ Id: row.ID, Type: \"Member\" })\r\n }\r\n >\r\n {value}\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n \r\n \r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"Address\",\r\n accessor: \"Address\",\r\n },\r\n {\r\n title: \"City\",\r\n accessor: \"City\",\r\n },\r\n {\r\n title: \"State\",\r\n accessor: \"State\",\r\n },\r\n {\r\n title: \"NCPDP\",\r\n accessor: \"NCPDP\",\r\n },\r\n {\r\n title: \"NPI\",\r\n accessor: \"NPI\",\r\n },\r\n {\r\n title: \"HIN\",\r\n accessor: \"HIN\",\r\n },\r\n {\r\n title: \"DEA\",\r\n accessor: \"DEA\",\r\n },\r\n ];\r\n\r\n // impersonate\r\n useEffect(() => {\r\n async function updateContext() {\r\n await userContext.onCurrentUserChanged(currentUser);\r\n return true;\r\n }\r\n\r\n let done = false;\r\n\r\n if (emailUpdated && impersonateEmail != null && impersonateName != null) {\r\n console.log(\"set imperson\", currentUser);\r\n if (!currentUser.AuthEmail) currentUser.AuthEmail = currentUser.Email;\r\n if (!currentUser.AuthName) currentUser.AuthName = currentUser.Name;\r\n currentUser.Name = impersonateName;\r\n currentUser.Email = impersonateEmail;\r\n currentUser.IsImpersonating = true;\r\n currentUser.OktaId = null;\r\n currentUser.Info = null;\r\n currentUser.Groups = null;\r\n currentUser.Location = null;\r\n //currentUser.IsTestMode = false;\r\n done = updateContext();\r\n }\r\n\r\n return () => {\r\n if (done) {\r\n console.log(\"impersonate push\");\r\n history.push(\"/\");\r\n }\r\n };\r\n }, [\r\n emailUpdated,\r\n impersonateEmail,\r\n impersonateName,\r\n currentUser,\r\n userContext,\r\n history,\r\n ]);\r\n\r\n // load member list\r\n useEffect(() => {\r\n let uri = \"api/members\";\r\n if (\r\n !(\r\n currentUser.Info &&\r\n currentUser.Info.Roles &&\r\n currentUser.Info.Roles.includes(\"Internal Admin\")\r\n )\r\n ) {\r\n uri = uri + `?email=${currentUser.Email}`;\r\n }\r\n console.log(\"List - useeffect - get member list - api call\", uri);\r\n axios.get(uri).then(\r\n (result) => {\r\n setIsLoaded(true);\r\n\r\n if (\r\n currentUser.Info &&\r\n currentUser.Info.Roles &&\r\n (currentUser.Info.Roles.includes(\"Internal Admin\") ||\r\n currentUser.Info.IsAcctRep)\r\n ) {\r\n setLocations(result.data);\r\n } else {\r\n result.data.forEach((l) => {\r\n if (l.Type == \"Affiliate\") l.TypeRank = 1;\r\n else if (l.Type == \"ParentCompany\") l.TypeRank = 2;\r\n else l.TypeRank = 3;\r\n });\r\n setLocations(\r\n result.data.sort((a, b) => {\r\n if (a.TypeRank < b.TypeRank) return -1;\r\n if (a.TypeRank > b.TypeRank) return 1;\r\n if (a.Name < b.Name) return -1;\r\n if (a.Name > b.Name) return 1;\r\n return 0;\r\n })\r\n );\r\n }\r\n },\r\n (error) => {\r\n console.error(error.message);\r\n handleErrorStatus(\"An error occurred retrieving the location list.\");\r\n setIsLoaded(true);\r\n }\r\n );\r\n }, [currentUser.Info, currentUser.Email]);\r\n\r\n // update current location and push home\r\n useEffect(() => {\r\n if (\r\n (currentUser.Location ||\r\n (currentUser.Info && currentUser.Info.IsAcctRep) ||\r\n // currentUser.IsTestMode\r\n (currentUser.Info &&\r\n currentUser.Info.Roles &&\r\n currentUser.Info.Roles.includes(\"Internal Admin\"))) &&\r\n currentLocation !== currentUser.Location\r\n ) {\r\n console.log(\"pushing is happening\");\r\n currentUser.Location = currentLocation;\r\n userContext.onCurrentUserChanged(currentUser);\r\n history.push(\"/\");\r\n }\r\n });\r\n\r\n const handleLocationsModalClose = () => {\r\n setShowLocationsModal(false);\r\n setLocationsModalId(null);\r\n setLocationsModalType(null);\r\n };\r\n\r\n const handleContactsModalClose = () => {\r\n setShowContactsModal(false);\r\n setContactsModalId(null);\r\n setContactsModalType(null);\r\n };\r\n\r\n if (!isLoaded) {\r\n return (\r\n \r\n \r\n );\r\n } else {\r\n //console.log(\"jon\", locations[0]);\r\n return (\r\n \r\n \r\n );\r\n }\r\n};\r\n\r\nexport default List;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport axios from \"axios\";\r\nimport Modal from \"react-bootstrap/Modal\";\r\nimport { DataTable } from \"mha-ui-kit-react-library/dist/index\";\r\nimport { LoadingSpinner } from \"./../../layout/LoadingSpinner\";\r\nimport StatusModal from \"../../StatusModal\";\r\nimport useStatusModal from \"../../../hooks/useStatusModal\";\r\nrequire(\"datejs\");\r\n\r\nconst StatusDetailsModal = (props) => {\r\n const [areDetailsLoaded, setAreDetailsLoaded] = useState(false);\r\n const [statusDetails, setStatusDetails] = useState([]);\r\n const { statusProps, handleErrorStatus } = useStatusModal();\r\n const { type } = props;\r\n useEffect(() => {\r\n\r\n console.log(props);\r\n console.log(type);\r\n\r\n\r\n if (props.uri != null) {\r\n console.log(\"Contract status details modal - api call\", props.uri);\r\n axios.get(props.uri).then(\r\n (result) => {\r\n setAreDetailsLoaded(true);\r\n setStatusDetails(result.data);\r\n },\r\n (error) => {\r\n console.error(error.message);\r\n handleErrorStatus(\r\n \"An error occurred retrieving the contract status details data.\"\r\n );\r\n setAreDetailsLoaded(true);\r\n }\r\n );\r\n }\r\n }, [props.uri]);\r\n\r\n const handleClose = () => {\r\n setAreDetailsLoaded(false);\r\n props.handleClose();\r\n };\r\n\r\n const columns = [\r\n {\r\n title: \"Vendor\",\r\n accessor: \"Vendor\",\r\n },\r\n {\r\n title: \"Contract Num\",\r\n accessor: \"ContractNum\",\r\n },\r\n {\r\n title: \"Status\",\r\n accessor: \"Status\",\r\n },\r\n {\r\n title: \"Effective Date\",\r\n accessor: \"EffectiveDate\",\r\n //transform: (value) => {\r\n // return new Date(Date.parse(value)).toString(\"yyyy-MM-dd\");\r\n //},\r\n },\r\n {\r\n title: \"Reason\",\r\n accessor: \"Reason\",\r\n },\r\n {\r\n title: \"DEA\",\r\n accessor: \"DEA\",\r\n },\r\n {\r\n title: \"HIN\",\r\n accessor: \"HIN\",\r\n },\r\n {\r\n title: \"Name\",\r\n accessor: \"Name\",\r\n },\r\n {\r\n title: \"Address\",\r\n accessor: \"Address\",\r\n },\r\n {\r\n title: \"City\",\r\n accessor: \"City\",\r\n },\r\n {\r\n title: \"State\",\r\n accessor: \"State\",\r\n },\r\n {\r\n title: \"COT\",\r\n accessor: \"COT\",\r\n },\r\n ];\r\n\r\n const DetailsGrid = () => {\r\n if (!areDetailsLoaded) {\r\n return (\r\n \r\n {}}\r\n />\r\n \r\n );\r\n } else {\r\n return (\r\n { }}\r\n freezeheader\r\n />\r\n );\r\n }\r\n };\r\n\r\n return (\r\n \r\n handleClose()}\r\n dialogClassName=\"modal-90w\"\r\n centered\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n {(type == 'A' || type == 'C') ?\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default StatusDetailsModal;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { DataTable } from \"mha-ui-kit-react-library/dist/index\";\r\nimport { LoadingSpinner } from \"./../../layout/LoadingSpinner\";\r\nimport StatusDetailsModal from \"./StatusDetailsModal\";\r\nimport axios from \"axios\";\r\nimport StatusModal from \"../../StatusModal\";\r\nimport useStatusModal from \"../../../hooks/useStatusModal\";\r\n\r\nconst ContractStatusCorpAffilGrid = (props) => {\r\n const [isContractsLoaded, setIsContractsLoaded] = useState(false);\r\n const [contracts, setContracts] = useState([]);\r\n const [showModal, setShowModal] = useState(false);\r\n const [modalUri, setModalUri] = useState(null);\r\n const { statusProps, handleErrorStatus } = useStatusModal();\r\n\r\n const { type, locId, shortType } = props;\r\n\r\n useEffect(() => {\r\n const uri = `api/contracts/PAStatus?locationId=${locId}&type=${shortType}`;\r\n console.log(\"corpAffil - useeffect - api call \", uri);\r\n axios.get(uri).then(\r\n (result) => {\r\n setIsContractsLoaded(true);\r\n setContracts(result.data);\r\n },\r\n (error) => {\r\n console.error(error.message);\r\n handleErrorStatus(\"An error occurred retrieving contract status data.\");\r\n setIsContractsLoaded(true);\r\n }\r\n );\r\n }, [locId, shortType]);\r\n\r\n function handleStatusClick(contractNum, status) {\r\n const uri = `api/contracts/StatusDetails/${escape(\r\n contractNum\r\n )}?locationId=${locId}&type=${type}&status=${status}`;\r\n console.log(\"corpAffil - useeffect - api call \", uri);\r\n\r\n setShowModal(true);\r\n setModalUri(uri);\r\n }\r\n\r\n const handleClose = () => {\r\n setShowModal(false);\r\n setModalUri(null);\r\n };\r\n\r\n const columns = [\r\n {\r\n title: \"Vendor\",\r\n accessor: \"Vendor\",\r\n },\r\n {\r\n title: \"Description\",\r\n accessor: \"Description\",\r\n },\r\n {\r\n title: \"Contract Number\",\r\n accessor: \"ContractNum\",\r\n transform: (value, index, row) => {\r\n return (\r\n \r\n handleStatusClick(value, \"All\")}\r\n >\r\n {value}\r\n \r\n {!row.Pricing && \"*\"}\r\n \r\n );\r\n },\r\n },\r\n {\r\n title: \"\",\r\n accessor: \"Pricing\",\r\n hidden: true,\r\n },\r\n {\r\n title: \"Approved\",\r\n accessor: \"AP\",\r\n transform: (value, index, row) => {\r\n return value > 0 ? (\r\n handleStatusClick(row[\"ContractNum\"], \"Approved\")}\r\n >\r\n {value}\r\n \r\n ) : (\r\n 0\r\n );\r\n },\r\n },\r\n {\r\n title: \"Pending\",\r\n accessor: \"P\",\r\n transform: (value, index, row) => {\r\n return value > 0 ? (\r\n handleStatusClick(row[\"ContractNum\"], \"Pending\")}\r\n >\r\n {value}\r\n \r\n ) : (\r\n 0\r\n );\r\n },\r\n },\r\n {\r\n title: \"Denied\",\r\n accessor: \"D\",\r\n transform: (value, index, row) => {\r\n return value > 0 ? (\r\n handleStatusClick(row[\"ContractNum\"], \"Denied\")}\r\n >\r\n {value}\r\n \r\n ) : (\r\n 0\r\n );\r\n },\r\n },\r\n ];\r\n\r\n if (!isContractsLoaded) {\r\n return (\r\n \r\n {}}\r\n />\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n {}}\r\n freezeheader\r\n />\r\n \r\n );\r\n }\r\n};\r\n\r\nexport default ContractStatusCorpAffilGrid;\r\n","import React, { useEffect, useState, useContext } from \"react\";\r\nimport axios from \"axios\";\r\nimport Modal from \"react-bootstrap/Modal\";\r\nimport { Button } from \"react-bootstrap\";\r\nimport { DataTable } from \"mha-ui-kit-react-library/dist/index\";\r\nimport { LoadingSpinner } from \"./../../layout/LoadingSpinner\";\r\nimport StatusModal from \"../../StatusModal\";\r\nimport useStatusModal from \"../../../hooks/useStatusModal\";\r\nimport UserContext from \"../../context/UserContext\";\r\n\r\nconst PaperworkDetailsModal = (props) => {\r\n const [areDetailsLoaded, setAreDetailsLoaded] = useState(false);\r\n const [paperworkDetails, setPaperworkDetails] = useState([]);\r\n const [showDisclaimer, setShowDisclaimer] = useState(false);\r\n const [showDisclaimerDocuSign, setShowDisclaimerDocuSign] = useState(false);\r\n const [showDisclaimerDocuSignSendforSignature, setShowDisclaimerDocuSignSendforSignature] = useState(false);\r\n const [currentPaperwork, setCurrentPaperwork] = useState(null);\r\n const { statusProps, handleErrorStatus } = useStatusModal();\r\n\r\n const { id, uri } = props;\r\n\r\n const userContext = useContext(UserContext);\r\n const currentUser = userContext.currentUser;\r\n const name = currentUser.Name;\r\n const email = currentUser.Email;\r\n const recipientemail =\"\";\r\n\r\n // Keep the state at this level and pass it down as needed.\r\n const [isVisible, setIsVisible] = React.useState(false);\r\n const toggleVisibility = () => setIsVisible(!isVisible);\r\n\r\n useEffect(() => {\r\n if (uri != null) {\r\n console.log(\"PaperworkDetailsModal - api call - \", uri);\r\n axios.get(uri).then(\r\n (result) => {\r\n setAreDetailsLoaded(true);\r\n setPaperworkDetails(result.data);\r\n },\r\n (error) => {\r\n console.error(error.message);\r\n handleErrorStatus(\"An error occured retrieving paperwork data.\");\r\n setAreDetailsLoaded(true);\r\n }\r\n );\r\n }\r\n }, [uri]);\r\n\r\n const handleClose = () => {\r\n setAreDetailsLoaded(false);\r\n props.handleClose();\r\n };\r\n\r\n function handleFileClick(paperwork) {\r\n console.log(paperwork);\r\n setCurrentPaperwork(paperwork);\r\n\r\n if (paperwork.Docusignable)\r\n {\r\n setShowDisclaimerDocuSign(true);\r\n }\r\n else { setShowDisclaimer(true); }\r\n\r\n }\r\n\r\n function handleDisclaimerDocuSignClose() {\r\n setShowDisclaimerDocuSign(false);\r\n }\r\n\r\n function handleDisclaimerDocuSignSendforSignatureClose() {\r\n setShowDisclaimerDocuSignSendforSignature(false);\r\n }\r\n\r\n function handleDisclaimerClose() {\r\n setShowDisclaimer(false);\r\n }\r\n\r\n const DisclaimerDocuSignModal = (props) => {\r\n const [reportLoading, setReportLoading] = useState(false);\r\n\r\n function getDocument2(paperwork, action, recipientemail) {\r\n setReportLoading(true);\r\n\r\n const uri = paperwork.Docusignable\r\n ? `api/contracts/DocusignLink?templateId=${paperwork.TemplateId}&id=${id}&username=${name}&email=${email}&App=MHAPortal&action=${action}&recipientemail=${recipientemail}`\r\n : `api/contracts/Paperwork?fileName=${paperwork.SemiFullPath}`;\r\n\r\n console.log(\"PaperworkDetailsModal - getDocument - api call\", uri);\r\n\r\n if (paperwork.Docusignable) {\r\n axios.get(uri).then(\r\n (response) => {\r\n setReportLoading(false);\r\n window.open(response.data, \"_blank\");\r\n },\r\n (error) => {\r\n console.error(error.message);\r\n handleErrorStatus(\"Could not get Docusign link.\");\r\n setReportLoading(false);\r\n }\r\n );\r\n } else {\r\n axios(uri, {\r\n method: \"GET\",\r\n responseType: \"blob\", //Force to receive data in a Blob Format\r\n }).then(\r\n (response) => {\r\n setReportLoading(false);\r\n window.open(URL.createObjectURL(response.data));\r\n },\r\n (error) => {\r\n console.error(error.message);\r\n handleErrorStatus(\"Could not retrieve document.\");\r\n setReportLoading(false);\r\n }\r\n );\r\n }\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n props.handleClose()} centered>\r\n \r\n \r\n Disclaimer\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setShowDisclaimerDocuSign(false);\r\n setShowDisclaimerDocuSignSendforSignature(true);\r\n }}\r\n >Send for Signature\r\n \r\n {\r\n getDocument2(currentPaperwork, \"ViewandSign\");\r\n setShowDisclaimerDocuSign(false);\r\n }}\r\n >View and Sign\r\n \r\n \r\n \r\n \r\n );\r\n };\r\n\r\n const DisclaimerDocuSignModalSendforSignature = (props) => {\r\n const [reportLoading, setReportLoading] = useState(false);\r\n\r\n function getDocument3(paperwork, action, recipientemail) {\r\n setReportLoading(true);\r\n\r\n const uri = paperwork.Docusignable\r\n ? `api/contracts/DocusignLink?templateId=${paperwork.TemplateId}&id=${id}&username=${name}&email=${email}&App=MHAPortal&action=${action}&recipientemail=${recipientemail}`\r\n : `api/contracts/Paperwork?fileName=${paperwork.SemiFullPath}`;\r\n\r\n console.log(\"PaperworkDetailsModal - getDocument - api call\", uri);\r\n\r\n if (paperwork.Docusignable) {\r\n axios.get(uri).then(\r\n (response) => {\r\n setReportLoading(false);\r\n alert('The email has been sent to the recipient!');\r\n //window.open(response.data, \"_blank\");\r\n },\r\n (error) => {\r\n console.error(error.message);\r\n handleErrorStatus(\"Could not get Docusign link.\");\r\n setReportLoading(false);\r\n }\r\n );\r\n } else {\r\n axios(uri, {\r\n method: \"GET\",\r\n responseType: \"blob\", //Force to receive data in a Blob Format\r\n }).then(\r\n (response) => {\r\n setReportLoading(false);\r\n window.open(URL.createObjectURL(response.data));\r\n },\r\n (error) => {\r\n console.error(error.message);\r\n handleErrorStatus(\"Could not retrieve document.\");\r\n setReportLoading(false);\r\n }\r\n );\r\n }\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n props.handleClose()} centered>\r\n \r\n Disclaimer \r\n \r\n \r\n {\r\n let recipemail = document.getElementById(\"txtrecipientemail\").value;\r\n getDocument3(currentPaperwork, \"SendforSignature\", recipemail);\r\n props.handleClose();\r\n }}\r\n >Send\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n };\r\n\r\n const DisclaimerModal = (props) => {\r\n const [reportLoading, setReportLoading] = useState(false);\r\n\r\n function getDocument(paperwork, action, recipientemail) {\r\n setReportLoading(true);\r\n\r\n const uri = paperwork.Docusignable\r\n ? `api/contracts/DocusignLink?templateId=${paperwork.TemplateId}&id=${id}&username=${name}&email=${email}&App=MHAPortal&action=${action}&recipientemail=${recipientemail}`\r\n : `api/contracts/Paperwork?fileName=${paperwork.SemiFullPath}`;\r\n\r\n console.log(\"PaperworkDetailsModal - getDocument - api call\", uri);\r\n\r\n if (paperwork.Docusignable) {\r\n axios.get(uri).then(\r\n (response) => {\r\n setReportLoading(false);\r\n window.open(response.data, \"_blank\");\r\n },\r\n (error) => {\r\n console.error(error.message);\r\n handleErrorStatus(\"Could not get Docusign link.\");\r\n setReportLoading(false);\r\n }\r\n );\r\n } else {\r\n axios(uri, {\r\n method: \"GET\",\r\n responseType: \"blob\", //Force to receive data in a Blob Format\r\n }).then(\r\n (response) => {\r\n setReportLoading(false);\r\n window.open(URL.createObjectURL(response.data));\r\n },\r\n (error) => {\r\n console.error(error.message);\r\n handleErrorStatus(\"Could not retrieve document.\");\r\n setReportLoading(false);\r\n }\r\n );\r\n }\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n props.handleClose()} centered>\r\n \r\n Disclaimer \r\n \r\n \r\n \r\n \r\n {\r\n getDocument(currentPaperwork);\r\n props.handleClose();\r\n }}\r\n >\r\n Okay\r\n \r\n \r\n \r\n \r\n \r\n );\r\n };\r\n\r\n const columns = [\r\n {\r\n title: \"Path\",\r\n accessor: \"FilePath\",\r\n transform: (value, index, row) => {\r\n return (\r\n \r\n );\r\n },\r\n },\r\n {\r\n title: \"Description\",\r\n accessor: \"Description\",\r\n },\r\n {\r\n title: \"Type\",\r\n accessor: \"Type\",\r\n },\r\n //{\r\n // title: \"Docusignable\",\r\n // accessor: \"Docusignable\",\r\n // transform: (value) => value.toString(),\r\n //},\r\n ];\r\n\r\n const DetailsGrid = () => {\r\n if (!areDetailsLoaded) {\r\n return (\r\n \r\n { }}\r\n\r\n />\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n { }}\r\n freezeheader\r\n />\r\n \r\n );\r\n }\r\n };\r\n\r\n return (\r\n \r\n handleClose()}\r\n // dialogClassName=\"modal-90w\"\r\n size=\"lg\"\r\n centered\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\nexport default PaperworkDetailsModal;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { DataTable } from \"mha-ui-kit-react-library/dist/index\";\r\nimport { LoadingSpinner } from \"./../../layout/LoadingSpinner\";\r\nimport PaperworkDetailsModal from \"./PaperworkDetailsModal\";\r\nimport axios from \"axios\";\r\nimport StatusModal from \"../../StatusModal\";\r\nimport useStatusModal from \"../../../hooks/useStatusModal\";\r\nrequire(\"datejs\");\r\n\r\nconst ContractStatusMemberGrid = (props) => {\r\n const [isContractsLoaded, setIsContractsLoaded] = useState(false);\r\n const [contracts, setContracts] = useState([]);\r\n const [showModal, setShowModal] = useState(false);\r\n const [modalUri, setModalUri] = useState(null);\r\n const { id, locId } = props;\r\n\r\n const { statusProps, handleErrorStatus } = useStatusModal();\r\n\r\n useEffect(() => {\r\n const uri = `api/contracts/MemberStatus?locationId=${locId}`;\r\n console.log(\"member - useeffect - api call \", uri);\r\n axios\r\n .get(uri)\r\n .then((result) => {\r\n setIsContractsLoaded(true);\r\n setContracts(result.data);\r\n })\r\n .catch((err) => {\r\n console.error(err.message);\r\n handleErrorStatus(\"An error occurred retrieving contract status data.\");\r\n setIsContractsLoaded(true);\r\n });\r\n }, [locId]);\r\n\r\n function handleViewClick(contractId) {\r\n const uri = `api/contracts/PaperworkDetails/${contractId}?mmid=${id}`;\r\n console.log(\"handleViewClick - modalUri\", uri);\r\n setShowModal(true);\r\n setModalUri(uri);\r\n }\r\n\r\n const handleClose = () => {\r\n setShowModal(false);\r\n setModalUri(null);\r\n };\r\n\r\n const columns = [\r\n {\r\n title: \"Action\",\r\n accessor: \"ContractId\",\r\n filterValue: (value, index, row) => {\r\n if (\r\n row[\"FilePath\"] &&\r\n row[\"FilePath\"] !== \"\" &&\r\n ((row[\"Paperwork\"] === \"COMMITTED CONTRACT\" &&\r\n row[\"Status\"] === \"Pending\") ||\r\n (row[\"Paperwork\"] === \"COMMITTED CONTRACT\" &&\r\n row[\"Status\"] === \"Denied\") ||\r\n row[\"Paperwork\"] === \"AUTO APPROVED W/ REBATE DOCS\")\r\n ) {\r\n return \"View\";\r\n }\r\n },\r\n transform: (value, index, row) => {\r\n if (\r\n row[\"FilePath\"] &&\r\n row[\"FilePath\"] !== \"\" &&\r\n ((row[\"Paperwork\"] === \"COMMITTED CONTRACT\" &&\r\n row[\"Status\"] === \"Pending\") ||\r\n (row[\"Paperwork\"] === \"COMMITTED CONTRACT\" &&\r\n row[\"Status\"] === \"Denied\") ||\r\n row[\"Paperwork\"] === \"AUTO APPROVED W/ REBATE DOCS\")\r\n ) {\r\n return (\r\n handleViewClick(value)}\r\n >\r\n View\r\n \r\n );\r\n } else return null;\r\n },\r\n },\r\n {\r\n title: \"Vendor\",\r\n accessor: \"Vendor\",\r\n },\r\n {\r\n title: \"Description\",\r\n accessor: \"Description\",\r\n },\r\n {\r\n title: \"Contract Number\",\r\n accessor: \"ContractNum\",\r\n transform: (value, index, row) => `${value}${!row.Pricing ? \"*\" : \"\"}`,\r\n },\r\n {\r\n title: \"\",\r\n accessor: \"Pricing\",\r\n hidden: true,\r\n },\r\n {\r\n title: \"Paperwork\",\r\n accessor: \"Paperwork\",\r\n },\r\n {\r\n title: \"Status\",\r\n accessor: \"Status\",\r\n },\r\n {\r\n title: \"Status Effective Date\",\r\n accessor: \"StatusEffDate\",\r\n //transform: (value) => {\r\n // return new Date(Date.parse(value)).toString(\"yyyy-MM-dd\");\r\n //},\r\n },\r\n {\r\n title: \"Reason\",\r\n accessor: \"Reason\",\r\n },\r\n {\r\n title: \"Document Date\",\r\n accessor: \"DocDate\",\r\n transform: (value) => {\r\n return value === \"0001-01-01T00:00:00\"\r\n ? \"\"\r\n : new Date(Date.parse(value)).toString(\"yyyy-MM-dd\");\r\n },\r\n },\r\n {\r\n title: \"Contract Type\",\r\n accessor: \"ContractType\",\r\n },\r\n ];\r\n\r\n const exportColumns = [\r\n {\r\n title: \"Vendor\",\r\n accessor: \"Vendor\",\r\n },\r\n {\r\n title: \"Description\",\r\n accessor: \"Description\",\r\n },\r\n {\r\n title: \"Contract Number\",\r\n accessor: \"ContractNum\",\r\n },\r\n {\r\n title: \"Paperwork\",\r\n accessor: \"Paperwork\",\r\n },\r\n {\r\n title: \"Status\",\r\n accessor: \"Status\",\r\n },\r\n {\r\n title: \"Status Effective Date\",\r\n accessor: \"StatusEffDate\",\r\n transform: (value) => {\r\n return new Date(Date.parse(value)).toString(\"yyyy-MM-dd\");\r\n },\r\n },\r\n {\r\n title: \"Reason\",\r\n accessor: \"Reason\",\r\n },\r\n {\r\n title: \"Document Date\",\r\n accessor: \"DocDate\",\r\n transform: (value) => {\r\n return value === \"0001-01-01T00:00:00\"\r\n ? \"\"\r\n : new Date(Date.parse(value)).toString(\"yyyy-MM-dd\");\r\n },\r\n },\r\n {\r\n title: \"Contract Type\",\r\n accessor: \"ContractType\",\r\n },\r\n ];\r\n\r\n if (!isContractsLoaded) {\r\n return (\r\n \r\n {}}\r\n />\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n {}}\r\n exportcolumns={exportColumns}\r\n exportrows={contracts}\r\n freezeheader\r\n />\r\n \r\n );\r\n }\r\n};\r\n\r\nexport default ContractStatusMemberGrid;\r\n","import React, { useContext, useEffect, useState } from \"react\";\r\nimport UserContext from \"../../context/UserContext\";\r\nimport ContractStatusCorpAffilGrid from \"./ContractStatusCorpAffilGrid\";\r\nimport ContractStatusMemberGrid from \"./ContractStatusMemberGrid\";\r\n\r\nconst ContractStatus = () => {\r\n const userContext = useContext(UserContext);\r\n const currentUser = userContext.currentUser;\r\n\r\n const [isUserLoaded, setIsUserLoaded] = useState(false);\r\n const [id, setId] = useState(null);\r\n const [locId, setLocId] = useState(null);\r\n const [type, setType] = useState(null);\r\n const [shortType, setShortType] = useState(null);\r\n\r\n useEffect(() => {\r\n if (currentUser && currentUser.Location) {\r\n setId(currentUser.Location.ID);\r\n setLocId(currentUser.Location.LOCID);\r\n setType(currentUser.Location.Type);\r\n }\r\n }, [currentUser]);\r\n\r\n useEffect(() => {\r\n if (type != null) {\r\n let short = currentUser.Location.Type;\r\n if (short === \"Affiliate\") {\r\n short = \"A\";\r\n } else if (type === \"ParentCompany\") {\r\n short = \"PC\";\r\n } else {\r\n short = \"M\";\r\n }\r\n setShortType(short);\r\n setIsUserLoaded(true);\r\n }\r\n }, [type, currentUser.Location.Type, shortType]);\r\n\r\n if (isUserLoaded) {\r\n if (type === \"Member\") {\r\n return (\r\n {}}\r\n freezeheader\r\n />\r\n ) : null;\r\n\r\n return (\r\n \r\n \r\n );\r\n};\r\n\r\nexport default GERReport;\r\n","import React, { useState } from \"react\";\r\nimport { Tabs, Tab } from \"react-bootstrap\";\r\nimport GERReport from \"./GERReport\";\r\nimport { LoadingSpinner } from \"../../../layout/LoadingSpinner\";\r\n\r\nconst GER = () => {\r\n const [isLoading, setIsLoading] = useState(false);\r\n\r\n function handleLoading(newValue) {\r\n setIsLoading(newValue);\r\n }\r\n\r\n function getColumnTypeSummary(measure) {\r\n return measure === \"trends\" ? \"percent\" : \"money\";\r\n }\r\n\r\n function getColumnTypeTrend(measure) {\r\n switch (measure) {\r\n case \"trend\":\r\n case \"discount\":\r\n return \"percent\";\r\n case \"claim\":\r\n case \"reimbursement\":\r\n case \"cost\":\r\n case \"profit\":\r\n return \"money\";\r\n case \"supply\":\r\n return \"number\";\r\n default:\r\n return \"text\";\r\n }\r\n }\r\n\r\n function getTitleSummary(n) {\r\n if (n.length === 6) {\r\n const monthIndex = parseInt(n.substring(4)) - 1;\r\n return new Date(n.substring(0, 4), monthIndex).toString(\"MMM yyyy\");\r\n } else return n;\r\n }\r\n\r\n function estPctMedHeader(measure, columnType) {\r\n if (measure === \"trends\") {\r\n return [\r\n {\r\n title: \"EstimatedPctMed\",\r\n accessor: \"EstimatedPctMed\",\r\n type: columnType,\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 \r\n );\r\n};\r\n\r\nexport default GER;\r\n","import React, { useContext, useEffect, useState } from \"react\";\r\nimport { Button, Col, Form, Row } from \"react-bootstrap\";\r\nimport axios from \"axios\";\r\nimport UserContext from \"../../../context/UserContext\";\r\nimport { LoadingSpinner } from \"../../../layout/LoadingSpinner\";\r\nimport StatusModal from \"../../../StatusModal\";\r\nimport useStatusModal from \"../../../../hooks/useStatusModal\";\r\nimport { DataTable } from \"mha-ui-kit-react-library/dist/index\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport moment from \"moment\"\r\nimport { saveAs } from 'file-saver';\r\nrequire(\"datejs\");\r\n\r\n\r\nconst AWP = () => {\r\n const userContext = useContext(UserContext);\r\n const currentUser = userContext.currentUser;\r\n const {\r\n statusProps,\r\n handleErrorStatus,\r\n handleAlertStatus,\r\n } = useStatusModal();\r\n\r\n const id = currentUser.Location.LOCID;\r\n const locType = currentUser.Location.Type;\r\n const cotList = currentUser.Location.COTs;\r\n const locationName = currentUser.Location.Name;\r\n const emailAddress = currentUser.Info.Email;\r\n const userOBJ = JSON.stringify(currentUser).toString();\r\n //const userOBJ = \"hello\";\r\n\r\n\r\n const today = Date.today();\r\n const threeYearsPrev = Date.today().add({ years: -3 });\r\n\r\n const [startDate, setStartDate] = useState(threeYearsPrev);\r\n const [endDate, setEndDate] = useState(today);\r\n\r\n const [isReportLoaded, setIsReportLoaded] = useState(false);\r\n const [reportData, setReportData] = useState([]);\r\n const [isColumnsLoaded, setIsColumnsLoaded] = useState(false);\r\n const [columns, setColumns] = useState([]);\r\n const [cotForm, setCOTForm] = useState('');\r\n\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [isDataAvailable, setDataAvailable] = useState(false);\r\n\r\n function handleCOTChange (event){\r\n let fieldVal = event.target.value;\r\n setCOTForm(fieldVal);\r\n }\r\n\r\n function handleSubmit(e) {\r\n e.preventDefault();\r\n\r\n const form = e.target;\r\n const data = form.elements;\r\n const startDate = Date.parse(data.awpStartDate.value).toString(\r\n \"yyyy-MM-dd\"\r\n );\r\n const endDate = Date.parse(data.awpEndDate.value)\r\n .add({ months: 1, days: -1 })\r\n .toString(\"yyyy-MM-dd\");\r\n\r\n if (endDate < startDate) {\r\n alert(\"Start date must be before end date\");\r\n return;\r\n }\r\n\r\n // reset state after each submit\r\n setReportData(null);\r\n setColumns([]);\r\n setIsReportLoaded(false);\r\n setIsColumnsLoaded(false);\r\n setIsLoading(true);\r\n const uri = `api/report/awp?locId=${id}&locType=${locType}&startDate=${startDate}&endDate=${endDate}&cotId=${cotForm}&emailAddress=${emailAddress}`;\r\n\r\n console.log(`AWP - api call`, uri);\r\n axios.get(uri, {\r\n \r\n data: userOBJ\r\n\r\n }).then(\r\n (result) => {\r\n setIsReportLoaded(true);\r\n setReportData(result.data);\r\n setIsLoading(false);\r\n setDataAvailable(true);\r\n if (result.data == null || result.data.length === 0) {\r\n setDataAvailable(false);\r\n handleAlertStatus(\"No records were found for these report criteria\");\r\n }\r\n },\r\n (error) => {\r\n console.error(error.message);\r\n setIsReportLoaded(true);\r\n setIsLoading(false);\r\n handleErrorStatus(\"An error occurred retrieving the report data.\");\r\n }\r\n );\r\n }\r\n\r\n function handleReset(e) {\r\n setStartDate(threeYearsPrev);\r\n setEndDate(today);\r\n }\r\n\r\n\r\n function sendDataToApi(e) {\r\n\r\n \r\n var formattedData = [reportData]\r\n let value = JSON.stringify(formattedData)\r\n console.log(formattedData);\r\n //console.log(JSON.stringify(formattedData));\r\n const uri = `api/report/generateAWPOutputReport`;\r\n axios.post(uri, {\r\n method: \"post\",\r\n responseType: \"arraybuffer\",\r\n data: formattedData,\r\n Name: locationName\r\n \r\n }).then((response) => {\r\n var FileSaver = require('file-saver');\r\n let blob = base64toBlob(response.data, 'application/vnd.ms-excel;');\r\n FileSaver.saveAs(blob, locationName + '_AWPTrendReport.xls');\r\n })\r\n .catch((error) => {\r\n console.error(error.message);\r\n alert(\"An error occurred downloading the file.\");\r\n });\r\n\r\n }\r\n\r\n function base64toBlob(base64Data, contentType) {\r\n contentType = contentType || '';\r\n var sliceSize = 1024;\r\n var byteCharacters = atob(base64Data);\r\n var bytesLength = byteCharacters.length;\r\n var slicesCount = Math.ceil(bytesLength / sliceSize);\r\n var byteArrays = new Array(slicesCount);\r\n\r\n for (var sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {\r\n var begin = sliceIndex * sliceSize;\r\n var end = Math.min(begin + sliceSize, bytesLength);\r\n\r\n var bytes = new Array(end - begin);\r\n for (var offset = begin, i = 0; offset < end; ++i, ++offset) {\r\n bytes[i] = byteCharacters[offset].charCodeAt(0);\r\n }\r\n byteArrays[sliceIndex] = new Uint8Array(bytes);\r\n }\r\n return new Blob(byteArrays, { type: contentType });\r\n }\r\n\r\n\r\n\r\n function getDynamicColumnNames(json) {\r\n let columnNames = [];\r\n for (let key in json) {\r\n if (\r\n ![\"TradeName\", \"ExpectedPatentExpiration\", \"LastQTRSales\"].includes(key)\r\n ) {\r\n columnNames.push(key);\r\n }\r\n }\r\n return columnNames;\r\n }\r\n\r\n useEffect(() => {\r\n function getDynamicHeaders(json) {\r\n\r\n \r\n\r\n const dynamicColumnNames = getDynamicColumnNames(json);\r\n\r\n let dynamicHeaders = [\r\n {\r\n title: \"Trade Name\",\r\n accessor: \"TradeName\",\r\n },\r\n {\r\n title: \"Expected Patent Expiration\",\r\n accessor: \"ExpectedPatentExpiration\",\r\n },\r\n {\r\n title: (moment().quarter() == 1 ? ((new Date().getFullYear() - 1) + \" \" + moment().subtract(1, \"Q\").quarter() + \"Q \" + \"Sales\") : new Date().getFullYear() + \" \" + moment().subtract(1, \"Q\").quarter() + \"Q \" + \"Sales\"),\r\n accessor: \"LastQTRSales\",\r\n type: \"money\",\r\n },\r\n ];\r\n\r\n dynamicColumnNames.forEach((n) => {\r\n dynamicHeaders.push({\r\n title: n,\r\n accessor: n,\r\n hidden: !n.includes(\"Change\"),\r\n });\r\n });\r\n return dynamicHeaders;\r\n }\r\n\r\n if (\r\n isReportLoaded &&\r\n reportData &&\r\n reportData.length > 0 &&\r\n columns.length === 0\r\n ) {\r\n const cols = getDynamicHeaders(reportData[0]);\r\n setColumns(cols);\r\n setIsColumnsLoaded(true);\r\n setIsLoading(false);\r\n }\r\n }, [isReportLoaded, reportData, columns.length]);\r\n\r\n const COTSelect = () => {\r\n return cotList && cotList.length > 1 ? (\r\n \r\n COT \r\n \r\n \r\n {cotList.map((c) => (\r\n \r\n ))}\r\n \r\n \r\n ) : null;\r\n };\r\n\r\n const AWPForm = () => {\r\n return (\r\n \r\n\r\n \r\n\r\n \r\n\r\n );\r\n };\r\n\r\n const AWPTable = () =>\r\n isColumnsLoaded ? (\r\n { }}\r\n freezeheader\r\n />\r\n ) : null;\r\n\r\n return (\r\n {}}\r\n totalFooter\r\n stopheaderColumnSort={stopheaderColumnSort}\r\n exportcolumns={exportcolumns}\r\n exportrows={reportDataExport}\r\n />\r\n ) : null;\r\n\r\n return (\r\n \r\n props.handleClose()}\r\n // dialogClassName=\"modal-90w\"\r\n size=\"lg\"\r\n centered\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n {isDataAvailable ? (\r\n
\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default StatusDetailsModal;\r\n","import React, { useContext, useState } from \"react\";\r\nimport { Button, Col, Form, Row } from \"react-bootstrap\";\r\nimport axios from \"axios\";\r\nimport UserContext from \"../../../context/UserContext\";\r\nimport { DataTable } from \"mha-ui-kit-react-library/dist/index\";\r\nimport \"mha-ui-kit-react-library/dist/styles.css\";\r\nimport StatusModal from \"../../../StatusModal\";\r\nimport useStatusModal from \"../../../../hooks/useStatusModal\";\r\nimport RebateStatusForm from \"./RebateStatusForm\";\r\nimport RebateCheckForm from \"./RebateCheckForm\";\r\nimport StatusDetailsModal from \"./StatusDetailsModal\";\r\nimport { saveAs } from 'file-saver';\r\nimport { parse } from \"date-fns/fp\";\r\nimport { Object } from \"core-js\";\r\n\r\nconst RebateReport = (props) => {\r\n const userContext = useContext(UserContext);\r\n const currentUser = userContext.currentUser;\r\n\r\n const locId = currentUser.Location.LOCID;\r\n const locType = currentUser.Location.Type;\r\n const shortType = locType === \"ParentCompany\" ? \"PC\" : locType[0];\r\n const locationName = currentUser.Location.Name;\r\n\r\n const {\r\n statusProps,\r\n handleErrorStatus,\r\n handleAlertStatus,\r\n } = useStatusModal();\r\n\r\n const [isReportLoaded, setIsReportLoaded] = useState(false);\r\n const [hasBeenFormatted, setHasBeenFormatted] = useState(false);\r\n const [formattedData, setFormattedData] = useState([]);\r\n const [reportData, setReportData] = useState([]);\r\n const [reportDataExport, setReportDataExport] = useState([]);\r\n const [columns, setColumns] = useState(null);\r\n const [exportcolumns, setColumnsExport] = useState(null);\r\n const [subcolumns, setSubColumns] = useState(null);\r\n const [detailcolumns, setDetailColumns] = useState(null);\r\n const [detailcolumnsexport, setDetailColumnsExport] = useState(null);\r\n const [detailsubcolumns, setSubDetailColumns] = useState(null);\r\n const [showModal, setShowModal] = useState(false);\r\n const [modalUri, setModalUri] = useState(null);\r\n const [modalUriExport, setModalUriExport] = useState(null);\r\n const [isDataAvailable, setDataAvailable] = useState(false);\r\n const { reportType, setLoading } = props;\r\n\r\n const statusColumns = [\r\n {\r\n title: \"Action\",\r\n accessor: \"Action\",\r\n },\r\n {\r\n title: \"Quarter\",\r\n accessor: \"Quarter\",\r\n },\r\n {\r\n title: \"Sales\",\r\n accessor: \"Sales\",\r\n showTotal: true,\r\n type: \"money\",\r\n },\r\n {\r\n title: \"Rebate\",\r\n accessor: \"Amount\",\r\n showTotal: true,\r\n type: \"money\",\r\n },\r\n ];\r\n\r\n const subStatusColumns = [\r\n {\r\n title: \"Quarter\",\r\n accessor: \"Quarter\",\r\n },\r\n {\r\n title: \"Business Name\",\r\n accessor: \"Name\",\r\n },\r\n {\r\n title: \"DEA\",\r\n accessor: \"DEA\",\r\n },\r\n {\r\n title: \"Vendor\",\r\n accessor: \"Vendor\",\r\n },\r\n {\r\n title: \"Product\",\r\n accessor: \"Product\",\r\n },\r\n {\r\n title: \"Sales\",\r\n accessor: \"Sales\",\r\n showTotal: true,\r\n type: \"money\",\r\n },\r\n {\r\n title: \"Rebate\",\r\n accessor: \"Amount\",\r\n showTotal: true,\r\n type: \"money\",\r\n },\r\n {\r\n title: \"Check Number\",\r\n accessor: \"CheckNumber\",\r\n },\r\n {\r\n title: \"Check Date\",\r\n accessor: \"CheckDate\",\r\n transform: (value) => {\r\n return value == null\r\n ? null\r\n : new Date(Date.parse(value)).toString(\"MMM dd, yyyy\");\r\n },\r\n },\r\n ];\r\n\r\n const subStatusColumnsUnpaid = [\r\n {\r\n title: \"Quarter\",\r\n accessor: \"Quarter\",\r\n },\r\n //{\r\n // title: \"DEA\",\r\n // accessor: \"DEA\",\r\n //},\r\n {\r\n title: \"Business Name\",\r\n accessor: \"Name\",\r\n },\r\n {\r\n title: \"Vendor\",\r\n accessor: \"Vendor\",\r\n },\r\n {\r\n title: \"Product\",\r\n accessor: \"Product\",\r\n },\r\n {\r\n title: \"Sales\",\r\n accessor: \"Sales\",\r\n type: \"money\",\r\n showTotal: true,\r\n },\r\n {\r\n title: \"Rebate\",\r\n accessor: \"Amount\",\r\n type: \"money\",\r\n showTotal: true,\r\n },\r\n ];\r\n\r\n const statusColumnsExport = [\r\n {\r\n title: \"Quarter\",\r\n accessor: \"Quarter\",\r\n },\r\n {\r\n title: \"Business Name\",\r\n accessor: \"Name\",\r\n },\r\n {\r\n title: \"Vendor\",\r\n accessor: \"Vendor\",\r\n },\r\n {\r\n title: \"Product\",\r\n accessor: \"Product\",\r\n },\r\n {\r\n title: \"Sales\",\r\n accessor: \"Sales\",\r\n type: \"money\",\r\n },\r\n {\r\n title: \"Rebate\",\r\n accessor: \"Amount\",\r\n type: \"money\",\r\n },\r\n {\r\n title: \"Check Number\",\r\n accessor: \"CheckNumber\",\r\n },\r\n {\r\n title: \"Check Date\",\r\n accessor: \"CheckDate\",\r\n },\r\n ];\r\n\r\n const statusColumnsUnpaidExport = [\r\n {\r\n title: \"Quarter\",\r\n accessor: \"Quarter\",\r\n },\r\n {\r\n title: \"Business Name\",\r\n accessor: \"Name\",\r\n },\r\n {\r\n title: \"Vendor\",\r\n accessor: \"Vendor\",\r\n },\r\n {\r\n title: \"Product\",\r\n accessor: \"Product\",\r\n },\r\n {\r\n title: \"Sales\",\r\n accessor: \"Sales\",\r\n type: \"money\",\r\n },\r\n {\r\n title: \"Rebate\",\r\n accessor: \"Amount\",\r\n type: \"money\",\r\n },\r\n ];\r\n\r\n const statusDetailColumns = [\r\n {\r\n title: \"Action\",\r\n accessor: \"Action\",\r\n },\r\n {\r\n title: \"Quarter\",\r\n accessor: \"Quarter\",\r\n },\r\n {\r\n title: \"DEA\",\r\n accessor: \"DEA\",\r\n },\r\n {\r\n title: \"Sales\",\r\n accessor: \"Sales\",\r\n showTotal: true,\r\n type: \"money\",\r\n },\r\n {\r\n title: \"Rebate\",\r\n accessor: \"Amount\",\r\n showTotal: true,\r\n type: \"money\",\r\n },\r\n ];\r\n\r\n const subStatusDetailColumns = [\r\n {\r\n title: \"DEA\",\r\n accessor: \"DEA\",\r\n },\r\n {\r\n title: \"Business Name\",\r\n accessor: \"Name\",\r\n },\r\n {\r\n title: \"City\",\r\n accessor: \"City\",\r\n },\r\n {\r\n title: \"State\",\r\n accessor: \"State\",\r\n },\r\n {\r\n title: \"Vendor\",\r\n accessor: \"Vendor\",\r\n },\r\n {\r\n title: \"Product\",\r\n accessor: \"Product\",\r\n },\r\n {\r\n title: \"Quarter\",\r\n accessor: \"Quarter\",\r\n },\r\n {\r\n title: \"Sales\",\r\n accessor: \"Sales\",\r\n showTotal: true,\r\n type: \"money\",\r\n },\r\n {\r\n title: \"Rebate\",\r\n accessor: \"Amount\",\r\n showTotal: true,\r\n type: \"money\",\r\n },\r\n {\r\n title: \"Rebate %\",\r\n accessor: \"Percentage\",\r\n type: \"number\",\r\n transform: (value) => {\r\n return `${value.toFixed(2)}%`;\r\n },\r\n },\r\n {\r\n title: \"Facility MS\",\r\n accessor: \"FacilityMS\",\r\n type: \"number\",\r\n transform: (value) => {\r\n return `${value.toFixed(2)}%`;\r\n },\r\n },\r\n {\r\n title: \"Corporate MS\",\r\n accessor: \"CorporateMS\",\r\n type: \"number\",\r\n transform: (value) => {\r\n return `${value.toFixed(2)}%`;\r\n },\r\n },\r\n {\r\n title: \"Check Number\",\r\n accessor: \"CheckNumber\",\r\n },\r\n {\r\n title: \"Check Date\",\r\n accessor: \"CheckDate\",\r\n transform: (value) => {\r\n return value == null\r\n ? null\r\n : new Date(Date.parse(value)).toString(\"MMM dd, yyyy\");\r\n },\r\n },\r\n ];\r\n\r\n const subStatusDetailColumnsUnpaid = [\r\n {\r\n title: \"DEA\",\r\n accessor: \"DEA\",\r\n },\r\n {\r\n title: \"Business Name\",\r\n accessor: \"Name\",\r\n },\r\n {\r\n title: \"City\",\r\n accessor: \"City\",\r\n },\r\n {\r\n title: \"State\",\r\n accessor: \"State\",\r\n },\r\n {\r\n title: \"Vendor\",\r\n accessor: \"Vendor\",\r\n },\r\n {\r\n title: \"Product\",\r\n accessor: \"Product\",\r\n },\r\n {\r\n title: \"Quarter\",\r\n accessor: \"Quarter\",\r\n },\r\n {\r\n title: \"Sales\",\r\n accessor: \"Sales\",\r\n type: \"money\",\r\n showTotal: true,\r\n },\r\n {\r\n title: \"Rebate\",\r\n accessor: \"Amount\",\r\n type: \"money\",\r\n showTotal: true,\r\n },\r\n {\r\n title: \"Rebate %\",\r\n accessor: \"Percentage\",\r\n type: \"number\",\r\n transform: (value) => {\r\n return `${value.toFixed(2)}%`;\r\n },\r\n },\r\n {\r\n title: \"Facility MS\",\r\n accessor: \"FacilityMS\",\r\n type: \"number\",\r\n transform: (value) => {\r\n return `${value.toFixed(2)}%`;\r\n },\r\n },\r\n {\r\n title: \"Corporate MS\",\r\n accessor: \"CorporateMS\",\r\n type: \"number\",\r\n transform: (value) => {\r\n return `${value.toFixed(2)}%`;\r\n },\r\n },\r\n ];\r\n\r\n const statusDetailColumnsExport = [\r\n {\r\n title: \"DEA\",\r\n accessor: \"DEA\",\r\n },\r\n {\r\n title: \"Business Name\",\r\n accessor: \"Name\",\r\n },\r\n {\r\n title: \"City\",\r\n accessor: \"City\",\r\n },\r\n {\r\n title: \"State\",\r\n accessor: \"State\",\r\n },\r\n {\r\n title: \"Vendor\",\r\n accessor: \"Vendor\",\r\n },\r\n {\r\n title: \"Product\",\r\n accessor: \"Product\",\r\n },\r\n {\r\n title: \"Quarter\",\r\n accessor: \"Quarter\",\r\n },\r\n {\r\n title: \"Sales\",\r\n accessor: \"Sales\",\r\n type: \"money\",\r\n },\r\n {\r\n title: \"Rebate\",\r\n accessor: \"Amount\",\r\n type: \"money\",\r\n },\r\n {\r\n title: \"Rebate %\",\r\n accessor: \"Percentage\",\r\n type: \"number\",\r\n },\r\n {\r\n title: \"Facility MS\",\r\n accessor: \"FacilityMS\",\r\n type: \"number\",\r\n },\r\n {\r\n title: \"Corporate MS\",\r\n accessor: \"CorporateMS\",\r\n type: \"number\",\r\n },\r\n {\r\n title: \"Check Number\",\r\n accessor: \"CheckNumber\",\r\n },\r\n {\r\n title: \"Check Date\",\r\n accessor: \"CheckDate\",\r\n },\r\n ];\r\n\r\n const statusDetailColumnsUnpaidExport = [\r\n {\r\n title: \"DEA\",\r\n accessor: \"DEA\",\r\n },\r\n {\r\n title: \"Business Name\",\r\n accessor: \"Name\",\r\n },\r\n {\r\n title: \"City\",\r\n accessor: \"City\",\r\n },\r\n {\r\n title: \"State\",\r\n accessor: \"State\",\r\n },\r\n {\r\n title: \"Vendor\",\r\n accessor: \"Vendor\",\r\n },\r\n {\r\n title: \"Product\",\r\n accessor: \"Product\",\r\n },\r\n {\r\n title: \"Quarter\",\r\n accessor: \"Quarter\",\r\n },\r\n {\r\n title: \"Sales\",\r\n accessor: \"Sales\",\r\n type: \"money\",\r\n },\r\n {\r\n title: \"Rebate\",\r\n accessor: \"Amount\",\r\n type: \"money\",\r\n },\r\n {\r\n title: \"Rebate %\",\r\n accessor: \"Percentage\",\r\n type: \"number\",\r\n },\r\n {\r\n title: \"Facility MS\",\r\n accessor: \"FacilityMS\",\r\n type: \"number\",\r\n },\r\n {\r\n title: \"Corporate MS\",\r\n accessor: \"CorporateMS\",\r\n type: \"number\",\r\n },\r\n ];\r\n\r\n const checkColumns = [\r\n {\r\n title: \"Action\",\r\n accessor: \"Action\",\r\n },\r\n {\r\n title: \"Check Number\",\r\n accessor: \"CheckNumber\",\r\n },\r\n {\r\n title: \"Check Date\",\r\n accessor: \"CheckDate\",\r\n transform: (value) => {\r\n return value == null\r\n ? null\r\n : new Date(Date.parse(value)).toString(\"MMM dd, yyyy\");\r\n },\r\n },\r\n {\r\n title: \"Sales\",\r\n accessor: \"Sales\",\r\n showTotal: true,\r\n type: \"money\",\r\n },\r\n {\r\n title: \"Rebate\",\r\n accessor: \"Amount\",\r\n showTotal: true,\r\n type: \"money\",\r\n },\r\n ];\r\n\r\n const subCheckColumns = [\r\n {\r\n title: \"DEA\",\r\n accessor: \"DEA\",\r\n },\r\n {\r\n title: \"Business Name\",\r\n accessor: \"Name\",\r\n },\r\n {\r\n title: \"City\",\r\n accessor: \"City\",\r\n },\r\n {\r\n title: \"State\",\r\n accessor: \"State\",\r\n },\r\n {\r\n title: \"Vendor\",\r\n accessor: \"Vendor\",\r\n },\r\n {\r\n title: \"Product\",\r\n accessor: \"Product\",\r\n },\r\n {\r\n title: \"Quarter\",\r\n accessor: \"Quarter\",\r\n },\r\n {\r\n title: \"Sales\",\r\n accessor: \"Sales\",\r\n type: \"money\",\r\n showTotal: true,\r\n },\r\n {\r\n title: \"Rebate\",\r\n accessor: \"Amount\",\r\n type: \"money\",\r\n showTotal: true,\r\n },\r\n {\r\n title: \"Rebate %\",\r\n accessor: \"Percentage\",\r\n type: \"number\",\r\n transform: (value) => {\r\n return `${value.toFixed(2)}%`;\r\n },\r\n },\r\n {\r\n title: \"Facility MS\",\r\n accessor: \"FacilityMS\",\r\n type: \"number\",\r\n transform: (value) => {\r\n return `${value.toFixed(2)}%`;\r\n },\r\n },\r\n {\r\n title: \"Corporate MS\",\r\n accessor: \"CorporateMS\",\r\n type: \"number\",\r\n transform: (value) => {\r\n return `${value.toFixed(2)}%`;\r\n },\r\n },\r\n {\r\n title: \"Check Number\",\r\n accessor: \"CheckNumber\",\r\n },\r\n {\r\n title: \"Check Date\",\r\n accessor: \"CheckDate\",\r\n transform: (value) => {\r\n return value == null\r\n ? null\r\n : new Date(Date.parse(value)).toString(\"MMM dd, yyyy\");\r\n },\r\n },\r\n ];\r\n\r\n const checkColumnsExport = [\r\n {\r\n title: \"DEA\",\r\n accessor: \"DEA\",\r\n },\r\n {\r\n title: \"Business Name\",\r\n accessor: \"Name\",\r\n },\r\n {\r\n title: \"City\",\r\n accessor: \"City\",\r\n },\r\n {\r\n title: \"State\",\r\n accessor: \"State\",\r\n },\r\n {\r\n title: \"Vendor\",\r\n accessor: \"Vendor\",\r\n },\r\n {\r\n title: \"Product\",\r\n accessor: \"Product\",\r\n },\r\n {\r\n title: \"Quarter\",\r\n accessor: \"Quarter\",\r\n },\r\n {\r\n title: \"Sales\",\r\n accessor: \"Sales\",\r\n type: \"money\",\r\n },\r\n {\r\n title: \"Rebate\",\r\n accessor: \"Amount\",\r\n type: \"money\",\r\n },\r\n {\r\n title: \"Rebate %\",\r\n accessor: \"Percentage\",\r\n type: \"number\",\r\n },\r\n {\r\n title: \"Facility MS\",\r\n accessor: \"FacilityMS\",\r\n type: \"number\",\r\n },\r\n {\r\n title: \"Corporate MS\",\r\n accessor: \"CorporateMS\",\r\n type: \"number\",\r\n },\r\n {\r\n title: \"Check Number\",\r\n accessor: \"CheckNumber\",\r\n },\r\n {\r\n title: \"Check Date\",\r\n accessor: \"CheckDate\",\r\n },\r\n ];\r\n\r\n let ReportForm, handleLoadGrid;\r\n\r\n switch (reportType) {\r\n case \"status\":\r\n ReportForm = RebateStatusForm;\r\n handleLoadGrid = loadStatusGrid;\r\n break;\r\n case \"check\":\r\n ReportForm = RebateCheckForm;\r\n handleLoadGrid = loadCheckGrid;\r\n break;\r\n default:\r\n console.error(\"Invalid Rebate Report Type\");\r\n }\r\n\r\n function loadStatusGrid(quarterStart, quarterEnd, paidUnpaid) {\r\n const uri = `api/report/rebate/status?locId=${locId}&locType=${shortType}&quarterStart=${quarterStart}&quarterEnd=${quarterEnd}&paidUnpaid=${paidUnpaid}`;\r\n\r\n setColumns(statusColumns);\r\n setDetailColumns(statusDetailColumns);\r\n\r\n if (paidUnpaid === \"unpaid\") {\r\n //setColumns(statusColumnsUnpaid);\r\n setSubColumns(subStatusColumnsUnpaid);\r\n setSubDetailColumns(subStatusDetailColumnsUnpaid);\r\n } else {\r\n //setColumns(statusColumns);\r\n setSubColumns(subStatusColumns);\r\n setSubDetailColumns(subStatusDetailColumns);\r\n }\r\n\r\n console.log(\"Rebate Report - status - api call\", uri);\r\n loadGrid(uri);\r\n loadStatusExport(quarterStart, quarterEnd, paidUnpaid);\r\n }\r\n\r\n function loadStatusExport(quarterStart, quarterEnd, paidUnpaid) {\r\n const uri = `api/report/rebate/statusexport?locId=${locId}&locType=${shortType}&quarterStart=${quarterStart}&quarterEnd=${quarterEnd}&paidUnpaid=${paidUnpaid}`;\r\n\r\n if (paidUnpaid === \"unpaid\") {\r\n setColumnsExport(statusColumnsUnpaidExport);\r\n setDetailColumnsExport(statusDetailColumnsUnpaidExport);\r\n } else {\r\n setColumnsExport(statusColumnsExport);\r\n setDetailColumnsExport(statusDetailColumnsExport);\r\n }\r\n\r\n loadExportData(uri);\r\n }\r\n\r\n function loadCheckGrid(startDate, endDate, checkNumber) {\r\n let uri = `api/report/rebate/check?locId=${locId}&locType=${shortType}`;\r\n\r\n if (checkNumber !== \"\") {\r\n uri += `&checkNumber=${checkNumber}`;\r\n } else {\r\n uri += `&startDate=${startDate}&endDate=${endDate}`;\r\n }\r\n\r\n setSubColumns(subCheckColumns);\r\n setColumns(checkColumns);\r\n\r\n console.log(\"Rebate Report - status - api call\", uri);\r\n loadGrid(uri);\r\n loadCheckExport(startDate, endDate, checkNumber);\r\n }\r\n\r\n function loadCheckExport(startDate, endDate, checkNumber) {\r\n let uri = `api/report/rebate/checkexport?locId=${locId}&locType=${shortType}`;\r\n\r\n if (checkNumber !== \"\") {\r\n uri += `&checkNumber=${checkNumber}`;\r\n } else {\r\n uri += `&startDate=${startDate}&endDate=${endDate}`;\r\n }\r\n\r\n setColumnsExport(checkColumnsExport);\r\n loadExportData(uri);\r\n }\r\n\r\n function loadGrid(uri) {\r\n setLoading(true);\r\n axios.get(uri).then(\r\n (result) => {\r\n setIsReportLoaded(true);\r\n setReportData(result.data);\r\n setFormattedData(result.data)\r\n setLoading(false);\r\n setDataAvailable(true);\r\n if (result.data == null || result.data.length === 0) {\r\n setDataAvailable(false);\r\n handleAlertStatus(\"No records were found for these report criteria\");\r\n }\r\n },\r\n (error) => {\r\n console.error(error.message);\r\n handleErrorStatus(\"An error occurred retrieving the report data.\");\r\n setLoading(false);\r\n setIsReportLoaded(true);\r\n }\r\n );\r\n }\r\n\r\n function loadExportData(uri) {\r\n setLoading(true);\r\n axios.get(uri).then(\r\n (result) => {\r\n setIsReportLoaded(true);\r\n setReportDataExport(result.data);\r\n setLoading(false);\r\n\r\n if (result.data == null || result.data.length === 0) {\r\n handleAlertStatus(\"No records were found for these report criteria.\");\r\n }\r\n },\r\n (error) => {\r\n console.error(error.message);\r\n handleErrorStatus(\r\n \"An error occurred retrieving the report data for export.\"\r\n );\r\n setLoading(false);\r\n setIsReportLoaded(true);\r\n }\r\n );\r\n }\r\n\r\n\r\n function sendDataToApi(e) {\r\n\r\n let a = formattedData;\r\n let b = JSON.parse(JSON.stringify(a));\r\n\r\n let reformattedData = formatArrayForRebateReportExport([b], hasBeenFormatted);\r\n\r\n const uri = `api/report/generateRebateOutputReport`;\r\n axios.post(uri, {\r\n method: \"post\",\r\n responseType: \"arraybuffer\",\r\n data: reformattedData,\r\n Name: locationName,\r\n reportType: reportType //\"rebateSummary\"\r\n\r\n }).then((response) => {\r\n var FileSaver = require('file-saver');\r\n let blob = base64toBlob(response.data, 'application/vnd.ms-excel;');\r\n FileSaver.saveAs(blob, locationName + '_RebateReport.xls');\r\n })\r\n .catch((error) => {\r\n console.error(error.message);\r\n alert(\"An error occurred downloading the file.\");\r\n });\r\n\r\n }\r\n\r\n\r\n function formatArrayForRebateReportExport([ArrayData], hasBeenFormatted) {\r\n\r\n let ArrayDataLength = ArrayData.length;\r\n if (!hasBeenFormatted) {\r\n for (let i = 0; i < ArrayDataLength; i++) {\r\n\r\n ArrayData[i].Record[0].Sales = (JSON.stringify(ArrayData[i].Record[0].Sales));\r\n }\r\n }\r\n setHasBeenFormatted(true);\r\n return [ArrayData];\r\n }\r\n\r\n function base64toBlob(base64Data, contentType) {\r\n contentType = contentType || '';\r\n var sliceSize = 1024;\r\n var byteCharacters = atob(base64Data);\r\n var bytesLength = byteCharacters.length;\r\n var slicesCount = Math.ceil(bytesLength / sliceSize);\r\n var byteArrays = new Array(slicesCount);\r\n\r\n for (var sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {\r\n var begin = sliceIndex * sliceSize;\r\n var end = Math.min(begin + sliceSize, bytesLength);\r\n\r\n var bytes = new Array(end - begin);\r\n for (var offset = begin, i = 0; offset < end; ++i, ++offset) {\r\n bytes[i] = byteCharacters[offset].charCodeAt(0);\r\n }\r\n byteArrays[sliceIndex] = new Uint8Array(bytes);\r\n }\r\n return new Blob(byteArrays, { type: contentType });\r\n }\r\n\r\n\r\n function handleClose() {\r\n setShowModal(false);\r\n setModalUri(null);\r\n setModalUriExport(null);\r\n }\r\n\r\n const ReportTable = () => {\r\n return isReportLoaded ? (\r\n \r\n {}}\r\n totalFooter\r\n stopheaderColumnSort\r\n expandAll\r\n exportcolumns={exportcolumns}\r\n exportrows={reportDataExport}\r\n />\r\n \r\n ) : null;\r\n };\r\n\r\n return (\r\n \r\n \r\n {isDataAvailable ? (\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default RebateReport;\r\n","import React, { useState } from \"react\";\r\nimport { Tabs, Tab } from \"react-bootstrap\";\r\nimport { LoadingSpinner } from \"../../../layout/LoadingSpinner\";\r\nimport RebateReport from \"./RebateReport\";\r\n\r\nconst Rebate = () => {\r\n const [isLoading, setIsLoading] = useState(false);\r\n\r\n function handleLoading(newValue) {\r\n setIsLoading(newValue);\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Rebate;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Form, Col, Button } from \"react-bootstrap\";\r\n\r\nexport function DocUploadForm(props) {\r\n const { handleSubmit, docTypes, email } = props;\r\n const [form, setForm] = useState({\r\n Email:email,\r\n });\r\n const [fileNames, setFileNames] = useState([]);\r\n const handleChange = (event) => {\r\n const fieldName = event.target.name;\r\n let files = [];\r\n if(event.target.files){\r\n for(let i=0; i < event.target.files.length; i++){\r\n files.push(event.target.files[i]);\r\n }\r\n }\r\n const fieldVal = event.target.files ? files : event.target.value ;\r\n\r\n if(event.target.files && event.target.files.length > 1){\r\n let names = [];\r\n for(let i=0; i < event.target.files.length;i++){\r\n let name = event.target.files[i].name;\r\n names.push(name);\r\n \r\n }\r\n setFileNames(names);\r\n }\r\n setForm({ ...form, [fieldName]: fieldVal });\r\n }\r\n const submit = (event) => {\r\n event.preventDefault();\r\n handleSubmit(form);\r\n }\r\n\r\n useEffect(()=>{\r\n if(docTypes.length > 0 && form['DocType'] == null){\r\n setForm({ ...form, 'DocType': docTypes[0] });\r\n }\r\n },[docTypes, form])\r\n \r\n return (\r\n \r\n )\r\n \r\n\r\n}","import React, { useContext, useState, useEffect } from \"react\";\r\nimport axios from \"axios\";\r\nimport UserContext from \"../../context/UserContext\";\r\nimport { Row, Modal, Button } from \"react-bootstrap\";\r\nimport StatusModal from \"../../StatusModal\";\r\nimport useStatusModal from \"../../../hooks/useStatusModal\";\r\nimport { LoadingSpinner } from \"../../layout/LoadingSpinner\";\r\nimport \"./Profile.css\";\r\nimport docTypes from \"./DocumentTypes\";\r\nimport { DocUploadForm } from \"./DocUploadForm\";\r\nimport { Redirect } from \"react-router-dom\";\r\n\r\nexport default function DocumentUpload(props) {\r\n const userContext = useContext(UserContext);\r\n const currentUser = userContext.currentUser;\r\n const email = currentUser.Email ?? \"\";\r\n const ltc = [\"LTC/NURSING HOME PROVIDER\", \"OMNICARE\"];\r\n const type = currentUser.Location.Type.toLowerCase();\r\n const cots = currentUser.Location.Type !== \"Member\" ? currentUser.Location.COTs.map(i=>i.Description)\r\n : [currentUser.Location.COT];\r\n const contactStatus =\r\n currentUser.Info && currentUser.Info.Contacts\r\n ? currentUser.Info.Contacts.some((r) => r.Status === \"Primary\")\r\n ? \"Primary\"\r\n : \"Secondary\"\r\n : null;\r\n const phone = currentUser.Info && currentUser.Info.Phone? currentUser.Info.Phone : \"\";\r\n const roles = currentUser.Info ? currentUser.Info.Roles : [];\r\n const name = currentUser.Name ?? \"\";\r\n const [form, setForm] = useState({});\r\n const [docTypeList, setDocTypeList] = useState([]);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const {\r\n statusProps,\r\n handleErrorStatus,\r\n handleAlertStatus,\r\n handleSuccessStatus,\r\n } = useStatusModal();\r\n const [show, setShow] = useState(false);\r\n\r\n const handleClose = () => setShow(false);\r\n\r\n useEffect(() => {\r\n if (docTypeList.length === 0) {\r\n let list = [];\r\n if (currentUser) {\r\n if (type === \"member\") {\r\n list = currentUser.Location.Services.some((x) =>\r\n x.includes(\"LTC Network\")\r\n )\r\n ? [...docTypes.types, ...docTypes.ltcTypes]\r\n : docTypes.types;\r\n } else {\r\n list = currentUser.Location.Services.some((x) =>\r\n x.Service.includes(\"LTC Network\")\r\n )\r\n ? [...docTypes.types, ...docTypes.ltcTypes]\r\n : docTypes.types;\r\n }\r\n }\r\n setDocTypeList(list);\r\n }\r\n }, [docTypeList.length, currentUser, type]);\r\n\r\n const handleSubmit = (form) => {\r\n setForm(form);\r\n setShow(true);\r\n };\r\n const handleClick = () => {\r\n \r\n if(currentUser.Location.PAR){\r\n let uri = `api/documents`;\r\n const formData = new FormData();\r\n setIsLoading(true);\r\n form.Files.forEach((file, index) => {\r\n formData.append(`file${index}`, file);\r\n });\r\n if(cots.some((r) => ltc.includes(r))){\r\n formData.append(\"LtcEmail\", \"LTCNetwork@mhainc.com\" )\r\n }\r\n formData.append(\"DocType\", form.DocType);\r\n formData.append(\"DocText\", form.DocText);\r\n formData.append(\"Email\", email);\r\n formData.append(\"PAR\", currentUser.Location.PAR);\r\n formData.append(\"Location\", currentUser.Location.Name);\r\n formData.append(\"LocationID\", currentUser.Location.ID);\r\n formData.append(\"Name\", name);\r\n formData.append(\"Phone\", phone);\r\n formData.append(\"Type\", type);\r\n axios\r\n .post(uri, formData, {\r\n headers: { \"content-type\": \"multipart/form-data\" },\r\n })\r\n .then(\r\n (result) => {\r\n setShow(false);\r\n console.log(result.data);\r\n \r\n let message =\r\n result.length > 1\r\n ? result\r\n : \"Document(s) have successfully been sent to your Account Representative\";\r\n \r\n if (result.data.includes(\"problem\")) {\r\n handleAlertStatus(message);\r\n } else {\r\n handleSuccessStatus(message);\r\n }\r\n setIsLoading(false);\r\n },\r\n (error) => {\r\n setShow(false);\r\n console.error(error.message);\r\n handleErrorStatus(\"An error occurred uploading the document(s).\");\r\n setIsLoading(false);\r\n }\r\n );\r\n }else{\r\n handleErrorStatus(\"Current Location does not have a PAR attached\");\r\n setShow(false);\r\n }\r\n \r\n };\r\n\r\n // return contactStatus === \"Primary\" || roles.includes(\"Internal Admin\") ? \r\n return(\r\n \r\n \r\n \r\n \r\n Upload \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 // \r\n \r\n \r\n Error\r\n \r\n \r\n
\r\n \r\n \r\n \r\n );\r\n}\r\n","import {ContentItem} from '@kentico/kontent-delivery';\r\n\r\nexport default class PrimaryOnly extends ContentItem{\r\n\r\n constructor(props){\r\n const{COT, userAccess} = props;\r\n super({\r\n richTextResolver:(primaryOnly) =>{\r\n if(COT === \"ASCD\" && userAccess===\"Secondary\"){\r\n return `\r\n < div className=\"contentbody\" dangerouslySetInnerHTML={{ __html: text }}>
\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\r\nexport default UnderMaintenance;\r\n","import React, { useContext, useEffect, useState } from \"react\";\r\nimport UserContext from \"./context/UserContext\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Form, Modal, Button } from \"react-bootstrap\";\r\n\r\n\r\nexport default function Impersonate () {\r\n const history = useHistory();\r\n const userContext = useContext(UserContext);\r\n const currentUser = userContext.currentUser;\r\n\r\n const [email, setEmail] = useState(\"\");\r\n const [emailUpdated, setEmailUpdated] = useState(false);\r\n const [show, setShow] = useState(true);\r\n const handleClose = () => {\r\n history.goBack();\r\n };\r\n const handleShow= () => setShow(true);\r\n async function updateContext(){\r\n await userContext.onCurrentUserChanged(currentUser);\r\n }\r\n function handleSubmit(e) {\r\n e.preventDefault();\r\n setEmailUpdated(true);\r\n }\r\n\r\n useEffect(() => {\r\n async function updateContext() {\r\n await userContext.onCurrentUserChanged(currentUser);\r\n }\r\n\r\n if (emailUpdated) {\r\n if (!currentUser.AuthEmail) currentUser.AuthEmail = currentUser.Email;\r\n if (!currentUser.AuthName) currentUser.AuthName = currentUser.Name;\r\n currentUser.Name = email;\r\n currentUser.Email = email;\r\n currentUser.IsImpersonating = true;\r\n currentUser.Info = null;\r\n currentUser.Groups = null;\r\n currentUser.Location = null;\r\n currentUser.OktaId = null;\r\n updateContext();\r\n }\r\n\r\n return () => {\r\n if (emailUpdated) history.push(\"/\");\r\n };\r\n });\r\n\r\n return (\r\n \r\n
\r\n We'll be back soon!
\r\n\r\n We're performing some maintenance at the moment and should be back shortly.\r\n
\r\nThanks for your patience!
\r\n\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n Impersonate User \r\n
\r\n \r\n \r\n
\r\n - \r\n {options.map((optionName, index) => {\r\n let className;\r\n if (index === activeOption) {\r\n className = \"option-active\";\r\n }\r\n return (\r\n
- \r\n {optionName}\r\n \r\n );\r\n })}\r\n
\r\n \r\n
\r\n \r\n {exportButtons.map((val) => val)}\r\n {}}\r\n freezeheader\r\n >\r\n
\r\n \r\n Disclaimer and referenced in the Member agreement: \r\n
\r\n \r\n Member agrees that it shall keep all information that it receives, in\r\n any form, from MHA regarding contract prices, programs, price lists,\r\n financial data, customer and supplier information, product\r\n development, business and marketing plans, and information contained\r\n in catalogs proprietary and confidential information of MHA\r\n (\"Confidential Information\"), strictly confidential and shall not\r\n directly or indirectly use (except pursuant to this Agreement) and/or\r\n reveal, report, publish, disclose or transfer to any party the\r\n Confidential Information for any purpose.\r\n
\r\n
\r\n \r\n {disclaimerMessage}\r\n
\r\n \r\n\r\n {disclaimerMessage}\r\n
\r\n \r\n\r\n {disclaimerMessage}\r\n
\r\n \r\n\r\n {disclaimerMessage}\r\n
\r\n \r\n\r\n {}}\r\n />\r\n
\r\n \r\n {}}\r\n freezeheader\r\n />\r\n
\r\n \r\n
\r\n \r\n Status Details\r\n
\r\n \r\n \r\n
\r\n \r\n **Please refer to the location level for more information on these contracts**\r\n
\r\n : null}\r\n \r\n
\r\n \r\n Contract Access/Eligibility is determined by each manufacturer based\r\n on their internal parameters.\r\n
\r\n* = Contact your account representative for more information.
\r\nPlease wait while the report is loading...
\r\n\r\n Additional documents may be required which your PAR will contact\r\n you about.\r\n
\r\n \r\nPlease wait while the report is loading...
\r\n\r\n Additional documents may be required which your PAR will contact\r\n you about.\r\n
\r\n\r\n \r\nPlease wait while the report is loading...
\r\n\r\n Additional documents may be required which your PAR will contact\r\n you about.\r\n
\r\n\r\n
\r\n \r\n \r\n Paperwork Details\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Contract Access/Eligibility is determined by each manufacturer based\r\n on their internal parameters.\r\n
\r\n* = Contact your account representative for more information.
\r\n\r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n } else return null;\r\n};\r\n\r\nexport default ContractStatus;\r\n","import React, { useState } from \"react\";\r\nimport { Button, Col, Form } from \"react-bootstrap\";\r\n\r\nrequire(\"datejs\");\r\n\r\nconst GERTrendsForm = (props) => {\r\n const [showBrand, setShowBrand] = useState(false);\r\n const [showGeneric, setShowGeneric] = useState(false);\r\n const [showOverall, setShowOverall] = useState(false);\r\n const [isBrandChecked, setIsBrandChecked] = useState(false);\r\n const [isGenericChecked, setIsGenericChecked] = useState(false);\r\n const [isOverallChecked, setIsOverallChecked] = useState(false);\r\n\r\n const currentQuarter = parseInt(Date.today().toString(\"q\"));\r\n const prevQuarters = [];\r\n const numQtrs = 8 + currentQuarter;\r\n\r\n let i;\r\n for (i = 0; i < numQtrs; i++) {\r\n prevQuarters.push(\r\n Date.today()\r\n .add({ months: -3 * i })\r\n .toString(\"yyyyq\")\r\n );\r\n }\r\n\r\n const [beginQuarter, setBeginQuarter] = useState(prevQuarters[5]);\r\n\r\n function handleSubmit(e) {\r\n e.preventDefault();\r\n\r\n const data = e.target.elements;\r\n\r\n let drugType = \"\";\r\n data.drugType.forEach((cb) => {\r\n drugType += cb.checked ? cb.value : \"\";\r\n });\r\n\r\n if (drugType === \"\") {\r\n alert(\"Please check at least one drug type.\");\r\n return;\r\n }\r\n\r\n props.handleSubmit(\r\n data.trendBeginQtr.value,\r\n data.trendEndQtr.value,\r\n data.trendMeasure.value,\r\n drugType\r\n );\r\n }\r\n\r\n function handleReset(e) {\r\n setIsBrandChecked(false);\r\n setIsGenericChecked(false);\r\n setIsOverallChecked(false);\r\n setShowBrand(false);\r\n setShowGeneric(false);\r\n setShowOverall(false);\r\n\r\n const bq = prevQuarters[5];\r\n const endQuarterSelect = document.getElementById(\"trendEndQtr\");\r\n const measureSelect = document.getElementById(\"trendMeasure\");\r\n\r\n setBeginQuarter(bq);\r\n endQuarterSelect.selectedIndex = 0;\r\n measureSelect.selectedIndex = 0;\r\n\r\n Array.prototype.forEach.call(endQuarterSelect.options, (o) => {\r\n o.disabled = o.value < bq;\r\n });\r\n }\r\n\r\n function handleQuarterChange(e) {\r\n const bq = e.target.value;\r\n const endQuarterSelect = document.getElementById(\"trendEndQtr\");\r\n\r\n setBeginQuarter(bq);\r\n\r\n if (endQuarterSelect.value < bq) {\r\n endQuarterSelect.value = bq;\r\n }\r\n\r\n Array.prototype.forEach.call(endQuarterSelect.options, (o) => {\r\n o.disabled = o.value < bq;\r\n });\r\n }\r\n\r\n function enableCheckBoxes(e) {\r\n const measure = e.target.value;\r\n switch (measure) {\r\n case \"0\":\r\n setShowBrand(false);\r\n setShowGeneric(false);\r\n setShowOverall(false);\r\n setIsBrandChecked(false);\r\n setIsGenericChecked(false);\r\n setIsOverallChecked(false);\r\n break;\r\n case \"trend\":\r\n setShowBrand(false);\r\n setShowGeneric(false);\r\n setShowOverall(false);\r\n setIsBrandChecked(false);\r\n setIsGenericChecked(true);\r\n setIsOverallChecked(false);\r\n break;\r\n case \"discount\":\r\n setShowBrand(false);\r\n setShowGeneric(false);\r\n setShowOverall(false);\r\n setIsBrandChecked(true);\r\n setIsGenericChecked(false);\r\n setIsOverallChecked(false);\r\n break;\r\n case \"claim\":\r\n setShowBrand(true);\r\n setShowGeneric(true);\r\n setShowOverall(false);\r\n setIsBrandChecked(false);\r\n setIsGenericChecked(false);\r\n setIsOverallChecked(false);\r\n break;\r\n default:\r\n setShowBrand(true);\r\n setShowGeneric(true);\r\n setShowOverall(true);\r\n setIsBrandChecked(false);\r\n setIsGenericChecked(false);\r\n setIsOverallChecked(false);\r\n }\r\n }\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default GERTrendsForm;\r\n","import React, { useState } from \"react\";\r\nimport { Button, Col, Form } from \"react-bootstrap\";\r\n\r\nrequire(\"datejs\");\r\n\r\nconst GERYearOverYearForm = (props) => {\r\n const currentQuarter = parseInt(Date.today().toString(\"q\"));\r\n const prevQuarters = [];\r\n const numQtrs = 8 + currentQuarter;\r\n\r\n let i;\r\n for (i = 0; i < numQtrs; i++) {\r\n prevQuarters.push(\r\n Date.today()\r\n .add({ months: -3 * i })\r\n .toString(\"yyyyq\")\r\n );\r\n }\r\n\r\n const [beginQuarter, setBeginQuarter] = useState(prevQuarters[5]);\r\n\r\n function handleSubmit(e) {\r\n e.preventDefault();\r\n\r\n const data = e.target.elements;\r\n\r\n props.handleSubmit(\r\n data.yearBeginQtr.value,\r\n data.yearEndQtr.value,\r\n data.yearMeasure.value\r\n );\r\n }\r\n\r\n function handleReset(e) {\r\n const bq = prevQuarters[5];\r\n const endQuarterSelect = document.getElementById(\"yearEndQtr\");\r\n const measureSelect = document.getElementById(\"yearMeasure\");\r\n\r\n setBeginQuarter(bq);\r\n endQuarterSelect.selectedIndex = 0;\r\n measureSelect.selectedIndex = 0;\r\n\r\n Array.prototype.forEach.call(endQuarterSelect.options, (o) => {\r\n o.disabled = o.value < bq;\r\n });\r\n }\r\n\r\n function handleQuarterChange(e) {\r\n const bq = e.target.value;\r\n const endQuarterSelect = document.getElementById(\"yearEndQtr\");\r\n\r\n setBeginQuarter(bq);\r\n\r\n if (endQuarterSelect.value < bq) {\r\n endQuarterSelect.value = bq;\r\n }\r\n\r\n Array.prototype.forEach.call(endQuarterSelect.options, (o) => {\r\n o.disabled = o.value < bq;\r\n });\r\n }\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default GERYearOverYearForm;\r\n","import React, { useState } from \"react\";\r\nimport { Button, Col, Form } from \"react-bootstrap\";\r\n\r\nrequire(\"datejs\");\r\n\r\nconst GERSummaryForm = (props) => {\r\n const currentQuarter = parseInt(Date.today().toString(\"q\"));\r\n const prevQuarters = [];\r\n const numQtrs = 8 + currentQuarter;\r\n\r\n let i;\r\n for (i = 0; i < numQtrs; i++) {\r\n prevQuarters.push(\r\n Date.today()\r\n .add({ months: -3 * i })\r\n .toString(\"yyyyq\")\r\n );\r\n }\r\n\r\n const [beginQuarter, setBeginQuarter] = useState(prevQuarters[5]);\r\n\r\n function handleSubmit(e) {\r\n e.preventDefault();\r\n\r\n const form = e.target;\r\n const data = form.elements;\r\n\r\n props.handleSubmit(\r\n data.summaryBeginQtr.value,\r\n data.summaryEndQtr.value,\r\n data.summaryMeasure.value\r\n );\r\n }\r\n\r\n function handleReset(e) {\r\n const bq = prevQuarters[5];\r\n const endQuarterSelect = document.getElementById(\"summaryEndQtr\");\r\n const measureSelect = document.getElementById(\"summaryMeasure\");\r\n\r\n setBeginQuarter(bq);\r\n endQuarterSelect.selectedIndex = 0;\r\n measureSelect.selectedIndex = 0;\r\n\r\n Array.prototype.forEach.call(endQuarterSelect.options, (o) => {\r\n o.disabled = o.value < bq;\r\n });\r\n }\r\n\r\n function handleQuarterChange(e) {\r\n const bq = e.target.value;\r\n const endQuarterSelect = document.getElementById(\"summaryEndQtr\");\r\n\r\n setBeginQuarter(bq);\r\n\r\n if (endQuarterSelect.value < bq) {\r\n endQuarterSelect.value = bq;\r\n }\r\n\r\n Array.prototype.forEach.call(endQuarterSelect.options, (o) => {\r\n o.disabled = o.value < bq;\r\n });\r\n }\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default GERSummaryForm;\r\n","import React, { useContext, useState, useEffect } from \"react\";\r\nimport axios from \"axios\";\r\nimport { Button, Col, Form, Row } from \"react-bootstrap\";\r\nimport UserContext from \"../../../context/UserContext\";\r\nimport { DataTable } from \"mha-ui-kit-react-library/dist/index\";\r\nimport GERTrendsForm from \"./GERTrendsForm\";\r\nimport GERYearOverYearForm from \"./GERYearOverYearForm\";\r\nimport GERSummaryForm from \"./GERSummaryForm\";\r\nimport StatusModal from \"../../../StatusModal\";\r\nimport useStatusModal from \"../../../../hooks/useStatusModal\";\r\n\r\nconst GERReport = (props) => {\r\n const userContext = useContext(UserContext);\r\n const currentUser = userContext.currentUser;\r\n\r\n const locId = currentUser.Location.LOCID;\r\n const shortType =\r\n currentUser.Location.Type === \"ParentCompany\"\r\n ? \"PC\"\r\n : currentUser.Location.Type[0];\r\n const locationName = currentUser.Location.Name;\r\n const [measure, setMeasure] = useState(null);\r\n const [isReportLoaded, setIsReportLoaded] = useState(false);\r\n const [isColumnsLoaded, setIsColumnsLoaded] = useState(false);\r\n const [reportData, setReportData] = useState([]);\r\n const [columns, setColumns] = useState([]);\r\n const [reportTypeForButton, setReportTypeForButton] = useState(null);\r\n const [dataForButton, setDataForButton] = useState([]);\r\n const { statusProps, handleErrorStatus, handleAlertStatus } =\r\n useStatusModal();\r\n\r\n const {\r\n reportType,\r\n getColumnType,\r\n getTitle,\r\n getAdditionalHeaders,\r\n setLoading,\r\n } = props;\r\n\r\n function loadGrid(quarterStart, quarterEnd, measure, drugType) {\r\n // reset state after each submit\r\n setMeasure(measure);\r\n setReportData(null);\r\n setColumns([]);\r\n setIsReportLoaded(false);\r\n setIsColumnsLoaded(false);\r\n setLoading(true);\r\n\r\n const uri = `api/report/ger/${reportType}?locId=${locId}&type=${shortType}&measure=${measure}&quarterStart=${quarterStart}&quarterEnd=${quarterEnd}&drugType=${drugType}`;\r\n\r\n console.log(`GERReport - ${reportType} - api call`, uri);\r\n axios.get(uri).then(\r\n (result) => {\r\n setIsReportLoaded(true);\r\n setReportData(result.data);\r\n setLoading(false);\r\n setDataForButton(result.data);\r\n setReportTypeForButton(reportType);\r\n if (result.data == null || result.data.length === 0) {\r\n handleAlertStatus(\"No records were found for these report criteria.\");\r\n }\r\n },\r\n (error) => {\r\n console.error(error.message);\r\n setLoading(false);\r\n setIsReportLoaded(true);\r\n handleErrorStatus(\"An error occurred retrieving the report data.\");\r\n }\r\n );\r\n }\r\n\r\n function getDynamicColumnNames(json) {\r\n let columnNames = [];\r\n for (let key in json) {\r\n if (![\"Payer\", \"EstimatedPctMed\"].includes(key)) {\r\n columnNames.push(key);\r\n }\r\n }\r\n return columnNames;\r\n }\r\n\r\n useEffect(() => {\r\n function getDynamicHeaders(json) {\r\n const dynamicColumnNames = getDynamicColumnNames(json);\r\n let dynamicHeaders = [\r\n {\r\n title: \"Payer\",\r\n accessor: \"Payer\",\r\n },\r\n ];\r\n\r\n let columnType = getColumnType ? getColumnType(measure) : \"text\";\r\n\r\n if (reportType === \"year\") {\r\n dynamicColumnNames.forEach((n) => {\r\n const colType = n.indexOf(\"Claim Count\") > 0 ? \"number\" : \"money\";\r\n\r\n if (\r\n n !== \"ID\" &&\r\n n.match(/^\\d{4}$/g) == null &&\r\n n.match(/^\\d{4}-\\d{4}$/g) == null\r\n ) {\r\n dynamicHeaders.push({\r\n title: n,\r\n accessor: n,\r\n type: colType,\r\n });\r\n }\r\n });\r\n } else if (columnType === \"number\") {\r\n dynamicColumnNames.forEach((n) => {\r\n let title = n;\r\n if (getTitle != null) {\r\n title = getTitle(n);\r\n }\r\n dynamicHeaders.push({\r\n title: title,\r\n accessor: n,\r\n type: columnType,\r\n transform: (value) => value && value.toFixed(2),\r\n });\r\n });\r\n } else {\r\n dynamicColumnNames.forEach((n) => {\r\n let title = n;\r\n if (getTitle != null) {\r\n title = getTitle(n);\r\n }\r\n dynamicHeaders.push({\r\n title: title,\r\n accessor: n,\r\n type: columnType,\r\n });\r\n });\r\n }\r\n\r\n const additionalHeaders =\r\n getAdditionalHeaders && getAdditionalHeaders(measure, columnType);\r\n\r\n if (additionalHeaders && additionalHeaders.length > 0) {\r\n additionalHeaders.forEach((h) => {\r\n dynamicHeaders.push(h);\r\n });\r\n }\r\n\r\n return dynamicHeaders;\r\n }\r\n\r\n if (\r\n isReportLoaded &&\r\n reportData &&\r\n reportData.length > 0 &&\r\n columns.length === 0\r\n ) {\r\n const cols = getDynamicHeaders(reportData[0], measure);\r\n setColumns(cols);\r\n setIsColumnsLoaded(true);\r\n setLoading(false);\r\n }\r\n }, [\r\n isReportLoaded,\r\n reportData,\r\n columns.length,\r\n getColumnType,\r\n measure,\r\n reportType,\r\n getAdditionalHeaders,\r\n getTitle,\r\n setLoading,\r\n ]);\r\n\r\n let ReportForm;\r\n\r\n switch (reportType) {\r\n case \"summary\":\r\n ReportForm = GERSummaryForm;\r\n break;\r\n case \"trend\":\r\n ReportForm = GERTrendsForm;\r\n break;\r\n case \"year\":\r\n ReportForm = GERYearOverYearForm;\r\n break;\r\n default:\r\n handleErrorStatus(\"Invalid GER Report Type\");\r\n }\r\n\r\n function sendDataToApi(e) {\r\n var formattedData = [reportData];\r\n //let value = JSON.stringify(formattedData);\r\n var formattedColumns = [columns];\r\n\r\n // console.log(\"cols\", formattedColumns);\r\n // console.log(\"data\", formattedData);\r\n\r\n const uri = `api/report/generateGEROutputReport`;\r\n // console.log(uri);\r\n axios\r\n .post(uri, {\r\n method: \"post\",\r\n responseType: \"arraybuffer\",\r\n data: formattedData,\r\n measure: measure,\r\n Name: locationName,\r\n type: reportType,\r\n })\r\n .then((response) => {\r\n var FileSaver = require(\"file-saver\");\r\n let blob = base64toBlob(response.data, \"application/vnd.ms-excel;\");\r\n FileSaver.saveAs(blob, locationName + \"_GERReport.xls\");\r\n })\r\n .catch((error) => {\r\n console.error(error.message);\r\n alert(\"An error occurred downloading the file.\");\r\n });\r\n }\r\n\r\n function base64toBlob(base64Data, contentType) {\r\n contentType = contentType || \"\";\r\n var sliceSize = 1024;\r\n var byteCharacters = atob(base64Data);\r\n var bytesLength = byteCharacters.length;\r\n var slicesCount = Math.ceil(bytesLength / sliceSize);\r\n var byteArrays = new Array(slicesCount);\r\n\r\n for (var sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {\r\n var begin = sliceIndex * sliceSize;\r\n var end = Math.min(begin + sliceSize, bytesLength);\r\n\r\n var bytes = new Array(end - begin);\r\n for (var offset = begin, i = 0; offset < end; ++i, ++offset) {\r\n bytes[i] = byteCharacters[offset].charCodeAt(0);\r\n }\r\n byteArrays[sliceIndex] = new Uint8Array(bytes);\r\n }\r\n return new Blob(byteArrays, { type: contentType });\r\n }\r\n\r\n const ReportTable = () =>\r\n isColumnsLoaded ? (\r\n \r\n \r\n {isDataAvailable ? (\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default AWP;\r\n","import React, { useContext, useState } from \"react\";\r\nimport UserContext from \"../../../context/UserContext\";\r\nimport { Button, Col, Form } from \"react-bootstrap\";\r\nimport \"font-awesome/css/font-awesome.min.css\";\r\n\r\nconst RebateStatusForm = (props) => {\r\n const userContext = useContext(UserContext);\r\n const currentUser = userContext.currentUser;\r\n\r\n const locId = currentUser.Location.LOCID;\r\n const locType = currentUser.Location.Type;\r\n const shortType = locType === \"ParentCompany\" ? \"PC\" : locType[0];\r\n\r\n const [isPaidChecked, setIsPaidChecked] = useState(true);\r\n const [isUnpaidChecked, setIsUnpaidChecked] = useState(true);\r\n\r\n const [startQuarter, setStartQuarter] = useState(null);\r\n const [endQuarter, setEndQuarter] = useState(null);\r\n const [paidStatus, setPaidStatus] = useState(null);\r\n\r\n const { isGridLoaded } = props;\r\n\r\n const prevQuarters = [];\r\n const numQtrs = 8;\r\n\r\n let i;\r\n for (i = 0; i < numQtrs; i++) {\r\n prevQuarters.push(\r\n Date.today()\r\n .add({ months: -3 * i })\r\n .toString(\"yyyyq\")\r\n );\r\n }\r\n\r\n const [beginQuarter, setBeginQuarter] = useState(prevQuarters[3]);\r\n\r\n function handleQuarterChange(e) {\r\n const bq = e.target.value;\r\n const endQuarterSelect = document.getElementById(\"statusEndQtr\");\r\n\r\n setBeginQuarter(bq);\r\n\r\n if (endQuarterSelect.value < bq) {\r\n endQuarterSelect.value = bq;\r\n }\r\n\r\n Array.prototype.forEach.call(endQuarterSelect.options, (o) => {\r\n o.disabled = o.value < bq;\r\n });\r\n }\r\n\r\n function handleSubmit(e) {\r\n e.preventDefault();\r\n\r\n const form = e.target;\r\n const data = form.elements;\r\n\r\n let paidStatus = \"\";\r\n data.paidStatus.forEach((cb) => {\r\n paidStatus += cb.checked ? cb.value : \"\";\r\n });\r\n\r\n if (paidStatus === \"\") {\r\n alert(\"Please check at least one payment status.\");\r\n return;\r\n }\r\n\r\n setStartQuarter(data.statusBeginQtr.value);\r\n setEndQuarter(data.statusEndQtr.value);\r\n setPaidStatus(paidStatus);\r\n\r\n props.handleSubmit(\r\n data.statusBeginQtr.value,\r\n data.statusEndQtr.value,\r\n paidStatus\r\n );\r\n }\r\n\r\n function handleReset(e) {\r\n const sq = prevQuarters[3];\r\n const endQuarterSelect = document.getElementById(\"statusEndQtr\");\r\n\r\n setBeginQuarter(sq);\r\n\r\n endQuarterSelect.selectedIndex = 0;\r\n\r\n Array.prototype.forEach.call(endQuarterSelect.options, (o) => {\r\n o.disabled = o.value < sq;\r\n });\r\n\r\n setIsPaidChecked(true);\r\n setIsUnpaidChecked(true);\r\n }\r\n\r\n const ViewDetails = () =>\r\n isGridLoaded ? (\r\n \r\n
\r\n \r\n Status Details\r\n
\r\n \r\n \r\n
\r\n Submit Document?
\r\nHTTP ERROR 401: Unauthorized Access
\r\n\r\n You have attempted to access a page for which you are not\r\n authorized.\r\n
\r\n\r\n
\r\n This page will automatically return to the previous page in 10\r\n seconds. But if you do not wish to wait, you can use the navigation\r\n provided to go to the page of your choice.\r\n
\r\n${primaryOnly.content.value}
`\r\n }else{\r\n return primaryOnly.content.value;\r\n }\r\n }\r\n })\r\n }\r\n}\r\n\r\n","import {ContentItem} from '@kentico/kontent-delivery';\r\n\r\nexport default class Vimeo extends ContentItem{\r\n\r\n constructor(){\r\n super({\r\n richTextResolver:(vimeo) =>{\r\n const url = vimeo.vimeo_url.value;\r\n const height = vimeo.height.value ? vimeo.height.value : 360;\r\n const width = vimeo.width.value ? vimeo.height.value : 640;\r\n return ``\r\n }\r\n })\r\n }\r\n}","import {ContentItem} from '@kentico/kontent-delivery';\r\n\r\nexport default class CardRow extends ContentItem{\r\n\r\n constructor(){\r\n super({\r\n richTextResolver:(rawData) =>{\r\n return `${rawData.row.value}
`;\r\n }\r\n })\r\n }\r\n}","import {ContentItem} from '@kentico/kontent-delivery';\r\n\r\nexport default class Card extends ContentItem{\r\n\r\n constructor(props){\r\n const{COT, userAccess} = props;\r\n super({\r\n richTextResolver:(rawData) =>{\r\n const primarySelected = rawData.untitled_multiple_choice.value[0]\r\n const title = userAccess !== \"Secondary\" || !primarySelected ? \"\" : \"Contact Your Account Representative\";\r\n const cardStyle = userAccess !== \"Secondary\" || !primarySelected ? \"\" : \"background-color: #f5f5f5; color: gray; pointer-events: none;\";\r\n const colNum = rawData.cardsize.value ?? 6;\r\n if(rawData.expirationdate.rawData.value){\r\n if(new Date() < new Date(rawData.expirationdate.rawData.value)){\r\n return `\r\n \r\n
\r\n `\r\n }else{\r\n return '';\r\n }\r\n }else{\r\n return `\r\n \r\n
\r\n \r\n
\r\n ${rawData.cardtitle.value}
\r\n${rawData.bodytext.value}
\r\n \r\n
\r\n `\r\n }\r\n }\r\n })\r\n }\r\n}","import {ContentItem} from '@kentico/kontent-delivery';\r\nexport default class Banner extends ContentItem{\r\n\r\n constructor(){\r\n super({\r\n richTextResolver:(rawData) =>{\r\n const height = rawData.height.value ?? 300;\r\n const imageUrl = rawData.image.images[0].url\r\n ?? '' ;\r\n return `\r\n
\r\n \r\n
\r\n ${rawData.cardtitle.value}
\r\n${rawData.bodytext.value}
\r\n \r\n
` \r\n \r\n }\r\n })\r\n }\r\n}","import {ContentItem} from '@kentico/kontent-delivery';\r\nexport default class ContentLink extends ContentItem{\r\n\r\n constructor(props){\r\n const {userAccess, COT, pathCodename} = props;\r\n super({\r\n richTextResolver:(rawData) =>{\r\n const codeName = rawData.link.itemCodenames[0];\r\n const name = rawData.link.value[0].system.name;\r\n const url = \"/content/${{\" +\r\n pathCodename +\r\n \"}}/${{\" +\r\n userAccess +\r\n \"}}/${{\" +\r\n COT +\r\n \"}}#/\" +\r\n codeName;\r\n return `${name}`\r\n \r\n // return \"hi`\r\n \r\n }\r\n })\r\n }\r\n}","import React, { useState, useEffect } from \"react\";\r\nimport axios from 'axios';\r\nimport {ContentItem, Elements, TypeResolver, DeliveryClient} from '@kentico/kontent-delivery';\r\nimport PrimaryOnly from \"./Models/PrimaryOnly\";\r\nimport Vimeo from \"./Models/Vimeo\";\r\nimport CardRow from \"./Models/CardRow\";\r\nimport Card from \"./Models/Card\";\r\nimport Banner from \"./Models/Banner\";\r\nimport ContentLink from \"./Models/ContentLink\";\r\n\r\nimport {\r\n Link,\r\n Route,\r\n HashRouter,\r\n useLocation\r\n} from \"react-router-dom\";\r\nimport \"./Content.css\";\r\n\r\nconst Content = (props) => {\r\n const [error, setError] = useState(null);\r\n const [isLoaded, setIsLoaded] = useState(false);\r\n const [menufinal, setDynamicMenu] = useState([]);\r\n const [contentfinal, setContent] = useState([]);\r\n const [hash, setHash] = useState('');\r\n let data = useLocation();\r\n let url = data.pathname;\r\n const navItem = data.hash.split(\"/\").pop();\r\n var pathCodename = url.substring(url.indexOf('{') + 1).split('/')[0].replace('}}', '').replace('{', '');\r\n //var isSecondaryASCD = url.substring(url.lastIndexOf('{') + 1).replace('}}', '');\r\n\r\n \r\n\r\n\r\n\r\n var secondaryindex = nthIndex(url, \"{\", 4)\r\n\r\n var ltcindex = nthIndex(url, \"{\", 6)\r\n\r\n function nthIndex(str, pat, n) {\r\n var L = str.length, i = -1;\r\n while (n-- && i++ < L) {\r\n i = str.indexOf(pat, i);\r\n if (i < 0) break;\r\n }\r\n return i;\r\n }\r\n\r\n const setPage = (e) => {\r\n const page = e.target.textContent;\r\n localStorage.setItem('content-page', page);\r\n }\r\n\r\n var isSecondaryASCD = url.substring(secondaryindex + 1).split('}')[0];\r\n\r\n var isLTC = url.substring(ltcindex + 1).split('}')[0];\r\n const COT = isLTC === \"false\" ? \"ASCD\" : \"LTC\";\r\n\r\n\r\n const userAccess = isSecondaryASCD === \"false\" ? \"Primary\" : \"Secondary\";\r\n const params = {\r\n COT,\r\n userAccess,\r\n pathCodename\r\n }\r\n const deliveryClient = new DeliveryClient({\r\n projectId:'b12ddcf2-e08f-0041-a439-0060fc80eb9c',\r\n defaultLanguage: 'en-US',\r\n typeResolvers:[\r\n new TypeResolver('banner', (rawData) => new Banner()),\r\n new TypeResolver('cardrow', (rawData) => new CardRow()),\r\n new TypeResolver('card', (rawData) => new Card(params)),\r\n new TypeResolver('primaryonly', (rawData) => new PrimaryOnly(params)),\r\n new TypeResolver('vimeo', (rawData) => new Vimeo()),\r\n new TypeResolver('contentlink', (rawData) => new ContentLink(params)),\r\n ]\r\n })\r\n \r\n\r\n\r\n\r\n const Content = ({ headertext, bodytext, type, codename }) => {\r\n\r\n const [text, setText] = useState(bodytext);\r\n\r\n \r\n \r\n useEffect( ()=>{\r\n if(type === \"header_and_text__creative_copy___copy_\"){\r\n let colNum = 2;\r\n const subscription = deliveryClient.item(codename)\r\n .toObservable()\r\n .subscribe(response => {\r\n let html = '';\r\n if (COT === \"ASCD\" && isSecondaryASCD) {\r\n if ( response.item.altsitebodytext.value !== \"\",\"\")\r\n bodytext = bodytext.replaceAll(\"
publishto) {\r\n bodytext = bodytext.replace(\"class=\" + \"\\\"d-flex align-items col-sm-6\" + \"\\\"\" + \" publishto=\" + \"\\\"\" + pdate + \"\\\"\", \"style='display:none'\");\r\n }\r\n }\r\n\r\n let name = linkedContent[itemCodename].system.name;\r\n let codename = linkedContent[itemCodename].system.codename;\r\n \r\n const categories = linkedContent[codename].elements.categories.value.map(x=>x.name);\r\n if (currentpagecodename === codename) {\r\n if ((COT === \"ASCD\") & (name === \"Long Term Care Resources\")) {\r\n name = \"Alternate Site Resources\";\r\n document.getElementById(\"feature-title\").innerHTML = \"Alternate Site Resources\";\r\n }\r\n else {\r\n document.getElementById(\"feature-title\").innerHTML = name;\r\n }\r\n //menudynamic.push(Home );\r\n menudynamic.push(Overview );\r\n }\r\n else{\r\n if(categories.length && !categories.includes(COT)){\r\n continue;\r\n //logic for secondary not set\r\n }else if(userAccess !== \"Primary\" && 1==2){\r\n menudynamic.push({name} );\r\n } \r\n else{\r\n menudynamic.push({name} );\r\n }\r\n };\r\n\r\n\r\n contentdynamic.push(\r\n \r\n } />\r\n \r\n \r\n );\r\n \r\n }\r\n};\r\n\r\n\r\nexport default Content;","import React from \"react\";\r\nimport \"../login.css\";\r\nimport Logo from \"../images/logo-mha.svg\";\r\n\r\nconst PageNotFound = () => {\r\n function handleHomeClick() {\r\n window.location = \"/\";\r\n \r\n }\r\n\r\n \r\n\r\n return (\r\n \r\n \r\n \r\n { }}\r\n totalFooter\r\n exportable\r\n freezeheader\r\n />\r\n \r\n Offer Rebate %: \r\n {ORPercent * 100}%\r\n \r\n \r\n Offer Rebate $: \r\n ${ORRebate}\r\n \r\n \r\n Additional Contracted Sales Needed to Reach Next Tier: \r\n ${ContractedSales}\r\n \r\n \r\n Rebate % at Next Tier: \r\n {RebatePercentNextTier * 100}%\r\n \r\n \r\n\r\n ) : null;\r\n };\r\n\r\n return (\r\n \r\n \r\n\r\n );\r\n\r\n\r\n\r\n};\r\n\r\nexport default ORProjectionReport;\r\n","import React, { useState } from \"react\";\r\nimport { Tabs, Tab } from \"react-bootstrap\";\r\nimport ORProjectionReport from \"./ORProjectionReport\";\r\nimport { LoadingSpinner } from \"../../../layout/LoadingSpinner\";\r\n\r\nconst ORProjection = () => {\r\n const [isLoading, setIsLoading] = useState(false);\r\n\r\n function handleLoading(newValue) {\r\n setIsLoading(newValue);\r\n\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default ORProjection;\r\n","import React from \"react\";\r\nimport axios from \"axios\";\r\n\r\nconst AzureCacheTest = () => {\r\n function getConfig() {\r\n var email = document.forms[0].email.value;\r\n\r\n var uri = `api/cache/userConfig/${email}`;\r\n axios.get(uri).then(\r\n (result) => {\r\n console.log(\"config\", result.data);\r\n },\r\n (error) => {\r\n alert(\"error\", error.message);\r\n console.error(error.message);\r\n }\r\n );\r\n }\r\n\r\n function setConfig() {\r\n var email = document.forms[0].email.value;\r\n var type = document.forms[0].type.value;\r\n var id = parseInt(document.forms[0].id.value);\r\n var dashboard = document.forms[0].dashboard.value;\r\n var lastLocation = { id, type, dashboard };\r\n var config = { email, lastLocation };\r\n\r\n console.log(\"Cache Test - set config\", config);\r\n\r\n var uri = `api/cache/userConfig/${email}`;\r\n console.log(`azure cache - api call - ${uri}`);\r\n axios.post(uri, config).then(\r\n (result) => {\r\n console.log(\"config\", result.data);\r\n },\r\n (error) => {\r\n alert(error.message);\r\n console.error(error.message);\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};\r\n\r\nexport default AzureCacheTest;\r\n","import React, { useContext, useEffect } from \"react\";\r\nimport { SecureRoute } from \"@okta/okta-react\";\r\nimport { Route, Switch, Redirect } from \"react-router-dom\";\r\n//import CustomAuthCallback from \"./auth/CustomAuthCallback\";\r\nimport Layout from \"./layout/Layout\";\r\nimport Login from \"./auth/Login\";\r\nimport Home from \"./Home\";\r\nimport UnderMaintenance from \"./UnderMaintenance\";\r\nimport Impersonate from \"./Impersonate\";\r\nimport { ProductPortfolio } from \"./pages/ProductPortfolio/ProductPortfolio\";\r\nimport { NDC } from \"./pages/ProductPortfolio/NDC\";\r\nimport MemberList from \"./pages/Member/List\";\r\nimport ContractStatus from \"./pages/Contracts/Status\";\r\nimport GER from \"./pages/Reports/GER/GER\";\r\nimport AWP from \"./pages/Reports/AWP/AWP\";\r\nimport Rebate from \"./pages/Reports/Rebate/Rebate\";\r\nimport DocumentUpload from \"./pages/Profiles/DocumentUpload\";\r\nimport UserContext from \"./context/UserContext\";\r\nimport Unauthorized from \"./auth/Unauthorized\";\r\nimport Content from \"./pages/Content/Content\";\r\nimport PageNotFound from \"./PageNotFound\";\r\nimport ErrorStatusTest from \"./pages/Test/ErrorStatusTest\";\r\nimport Reset from \"./Reset\";\r\nimport ORProjection from \"./pages/Reports/ORProjection/ORProjection\";\r\nimport AzureCacheTest from \"./pages/Test/AzureCacheTest\";\r\n\r\nconst Routes = () => {\r\n return (\r\n \r\n {/* (\r\n \r\n );\r\n};\r\n\r\nconst SecureRouteWithLayout = ({\r\n component: Component,\r\n featureTitle,\r\n requiredRoles = [],\r\n ...rest\r\n}) => {\r\n const userContext = useContext(UserContext);\r\n const currentUser = userContext.currentUser;\r\n const userInfo = currentUser ? currentUser.Info : null;\r\n const userRoles = userInfo ? userInfo.Roles : [];\r\n const userHasRequiredRole = userRoles\r\n ? requiredRoles.some((r) => userRoles.includes(r))\r\n : false;\r\n const message = \"You are not authorized for this page.\";\r\n return (\r\n \r\n (requiredRoles.length > 0 && userHasRequiredRole) ||\r\n requiredRoles.length === 0 ? (\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 \r\n );\r\n }\r\n}\r\n\r\n\r\nexport default App;\r\n","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport default function register () {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Lets check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl);\r\n } else {\r\n // Is not local host. Just register service worker\r\n registerValidSW(swUrl);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW (swUrl) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the old content will have been purged and\r\n // the fresh content will have been added to the cache.\r\n // It's the perfect time to display a \"New content is\r\n // available; please refresh.\" message in your web app.\r\n console.log('New content is available; please refresh.');\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker (swUrl) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n if (\r\n response.status === 404 ||\r\n response.headers.get('content-type').indexOf('javascript') === -1\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister () {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","import \"bootstrap/dist/css/bootstrap.css\";\r\nimport React, { useContext } from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport App from \"./App\";\r\nimport registerServiceWorker from \"./registerServiceWorker\";\r\n//import unregister from \"./ServiceWorker\";\r\nimport axios from \"axios\";\r\nimport UserContext from \"./components/context/UserContext\";\r\n\r\n//const baseUrl = document.getElementsByTagName(\"base\")[0].getAttribute(\"href\");\r\nconst rootElement = document.getElementById(\"root\");\r\n\r\n// inject authorization header using okta accesstoken to authorize request to api\r\naxios.interceptors.request.use(\r\n function (config) {\r\n //console.log(\"axios interceptor - config\", config);\r\n\r\n if (config.url.includes(process.env.REACT_APP_OKTA_URL)) {\r\n config.headers.Authorization = `${process.env.REACT_APP_CONFIGURE_HEADERS_AUTHORIZATION}`;\r\n } else {\r\n const okta = JSON.parse(localStorage.getItem(\"okta-token-storage\"));\r\n const token = okta && okta.accessToken && okta.accessToken.accessToken;\r\n\r\n if (token != null) {\r\n config.headers.Authorization = `Bearer ${token}`;\r\n var currentUser = localStorage.getItem(\"currentUser\")\r\n ? localStorage.getItem(\"currentUser\")\r\n : \"User has not been set yet\";\r\n \r\n if (currentUser != \"User has not been set yet\") {\r\n let parsedUser = JSON.parse(currentUser);\r\n let StringifyiedUser = JSON.stringify({\r\n Info: parsedUser.Info,\r\n \"Last location\": parsedUser.lastLocation,\r\n });\r\n config.headers[\"Log-User\"] = StringifyiedUser;\r\n } else {\r\n var temp = {\"Msg\": \"User has not been set yet\"};\r\n config.headers[\"Log-User\"] = JSON.stringify(temp);\r\n }\r\n }\r\n }\r\n\r\n //config.headers[\"request-user-email\"] = \"jspurgeon@mhainc.com\";\r\n return config;\r\n },\r\n function (err) {\r\n return Promise.reject(err);\r\n }\r\n);\r\n\r\nReactDOM.render(
Error: {error.message}
;\r\n } else if (!isLoaded) {\r\n return Loading...
;\r\n } else {\r\n\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {menufinal}\r\n
\r\n \r\n
\r\n \r\n {contentfinal}\r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default PageNotFound;\r\n","import React, { useContext } from \"react\";\r\nimport useStatusModal from \"../../../hooks/useStatusModal\";\r\nimport StatusModal from \"../../StatusModal\";\r\nimport UserContext from \"../../context/UserContext\";\r\n\r\nconst ErrorStatusTest = () => {\r\n const {\r\n statusProps,\r\n handleErrorStatus,\r\n handleAlertStatus,\r\n handleSuccessStatus,\r\n } = useStatusModal();\r\n\r\n const userContext = useContext(UserContext);\r\n const currentUser = userContext.currentUser;\r\n\r\n currentUser.Location = \"some goofy string\";\r\n userContext.onCurrentUserChanged(currentUser);\r\n\r\n return (\r\n \r\n
\r\n Page Not Found
\r\n\r\n There was an error loading this page. The page for this address was\r\n not found.\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ErrorStatusTest;\r\n","import React, { useContext, useEffect, useState } from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport UserContext from \"./context/UserContext\";\r\n\r\nconst Reset = () => {\r\n const userContext = useContext(UserContext);\r\n const currentUser = userContext.currentUser;\r\n\r\n const [resetLocation, setResetLocation] = useState(false);\r\n const history = useHistory();\r\n\r\n useEffect(() => {\r\n console.log(\"Reset - useEffect - check location\");\r\n if (currentUser.Location != null) {\r\n console.log(\"Reset - useEffect - location not null, reset = true\");\r\n setResetLocation(true);\r\n } else {\r\n console.log(\"Reset - useEffect - location null, redirect home\");\r\n history.push(\"/\");\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n console.log(\"Reset - useEffect - resetLocation\", resetLocation);\r\n async function updateContext() {\r\n await userContext.onCurrentUserChanged(currentUser);\r\n return true;\r\n }\r\n\r\n let done = false;\r\n\r\n if (resetLocation) {\r\n console.log(\"Reset - useEffect - updateContext\");\r\n currentUser.Location = null;\r\n done = updateContext();\r\n }\r\n\r\n return () => {\r\n if (done) {\r\n console.log(\"Reset - useEffect - done resetting, redirect home\");\r\n history.push(\"/\");\r\n }\r\n };\r\n }, [resetLocation, currentUser, userContext, history]);\r\n\r\n return null;\r\n};\r\n\r\nexport default Reset;\r\n","import React from \"react\";\r\nimport { Button, Col, Form } from \"react-bootstrap\";\r\n\r\nconst ORProjectionVendorForm = (props) => {\r\n function handleSubmit(e) {\r\n e.preventDefault();\r\n\r\n const form = e.target;\r\n const data = form.elements;\r\n\r\n console.log(\"OMGJON\", data.vendorCurprev.value);\r\n props.handleSubmit(data.vendorCurprev.value);\r\n }\r\n\r\n function handleReset(e) {\r\n const curprevSelect = document.getElementById(\"vendorCurprev\");\r\n curprevSelect.selectedIndex = 0;\r\n }\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default ORProjectionVendorForm;\r\n","import React from \"react\";\r\nimport { Button, Col, Form } from \"react-bootstrap\";\r\n\r\nconst ORProjectionFacilityForm = (props) => {\r\n function handleSubmit(e) {\r\n e.preventDefault();\r\n\r\n const form = e.target;\r\n const data = form.elements;\r\n\r\n props.handleSubmit(data.facilityCurprev.value);\r\n }\r\n\r\n function handleReset(e) {\r\n const curprevSelect = document.getElementById(\"facilityCurprev\");\r\n curprevSelect.selectedIndex = 0;\r\n }\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default ORProjectionFacilityForm;\r\n","import React, { useContext, useState } from \"react\";\r\nimport { Col, Form } from \"react-bootstrap\";\r\nimport axios from \"axios\";\r\nimport UserContext from \"../../../context/UserContext\";\r\nimport { DataTable } from \"mha-ui-kit-react-library/dist/index\";\r\nimport \"mha-ui-kit-react-library/dist/styles.css\";\r\nimport StatusModal from \"../../../StatusModal\";\r\nimport useStatusModal from \"../../../../hooks/useStatusModal\";\r\nimport ORProjectionVendorForm from \"./ORProjectionVendorForm\";\r\nimport ORProjectionFacilityForm from \"./ORProjectionFacilityForm\";\r\n\r\nconst ORProjectionReport = (props) => {\r\n const userContext = useContext(UserContext);\r\n const currentUser = userContext.currentUser;\r\n\r\n const locId = currentUser.Location.LOCID;\r\n const locType = currentUser.Location.Type;\r\n let shortType = locType === \"ParentCompany\" ? \"PC\" : locType[0];\r\n\r\n if (shortType === \"A\") { shortType = \"AF\" }\r\n\r\n const {\r\n statusProps,\r\n handleErrorStatus,\r\n handleAlertStatus,\r\n } = useStatusModal();\r\n\r\n const [isReportLoaded, setIsReportLoaded] = useState(false);\r\n const [reportData, setReportData] = useState([]);\r\n const [columns, setColumns] = useState(null);\r\n const { reportType, setLoading } = props;\r\n\r\n const [ORPercent, setORPercent] = useState([]);\r\n const [ORRebate, setORRebate] = useState([]);\r\n const [ContractedSales, setAmount] = useState([]);\r\n const [RebatePercentNextTier, setRebatePercentNextTIer] = useState([]);\r\n\r\n const [QtrText, setQtrText] = useState([]);\r\n const [DateText, setDateText] = useState([]);\r\n\r\n const vendorColumns = [\r\n {\r\n title: \"Vendor Name\",\r\n accessor: \"VendorName\",\r\n },\r\n {\r\n title: \"Estimate Sales\",\r\n accessor: \"Estimate_Sales\",\r\n type: \"money\",\r\n showTotal: true,\r\n },\r\n {\r\n title: \"Estimate Fees\",\r\n accessor: \"Estimate_fees\",\r\n type: \"money\",\r\n showTotal: true,\r\n },\r\n ];\r\n\r\n const facilityColumns = [\r\n {\r\n title: \"Facility Name\",\r\n accessor: \"FACILITY_NAME\",\r\n },\r\n {\r\n title: \"DEA Number\",\r\n accessor: \"DEANUM\",\r\n },\r\n {\r\n title: \"Estimate Sales\",\r\n accessor: \"Estimate_Sales\",\r\n type: \"money\",\r\n showTotal: true,\r\n },\r\n {\r\n title: \"Estimate Fees\",\r\n accessor: \"Estimate_fees\",\r\n type: \"money\",\r\n showTotal: true,\r\n },\r\n {\r\n title: \"Offeror Rebate %\",\r\n accessor: \"Percentage\",\r\n type: \"percent\"\r\n },\r\n {\r\n title: \"Rebate\",\r\n accessor: \"Rebate\",\r\n type: \"money\",\r\n showTotal: true,\r\n },\r\n ];\r\n\r\n let ReportForm, handleLoadGrid;\r\n\r\n switch (reportType) {\r\n case \"vendor\":\r\n //setVendorFaciliySelection(reportType);\r\n ReportForm = ORProjectionVendorForm;\r\n handleLoadGrid = loadVendorGrid;\r\n break;\r\n case \"facility\":\r\n //setVendorFaciliySelection(\"facility\");\r\n ReportForm = ORProjectionFacilityForm;\r\n handleLoadGrid = loadFacilityGrid;\r\n break;\r\n default:\r\n console.error(\"Invalid Rebate Report Type\");\r\n }\r\n\r\n function loadVendorGrid(curprev) {\r\n const uri = `api/report/orprojection/vendor?locId=${locId}&locType=${shortType}&curprev=${curprev}`;\r\n setColumns(vendorColumns);\r\n console.log(\"OR Projection Report - vendor - api call\", uri);\r\n loadGrid(uri);\r\n setDisclaimer();\r\n }\r\n\r\n function loadFacilityGrid(curprev) {\r\n const uri = `api/report/orprojection/facility?locId=${locId}&locType=${shortType}&curprev=${curprev}`;\r\n setColumns(facilityColumns);\r\n console.log(\"OR Projection Report - facility - api call\", uri);\r\n loadGrid(uri);\r\n setDisclaimer();\r\n }\r\n\r\n function loadGrid(uri) {\r\n setLoading(true);\r\n axios.get(uri).then(\r\n (result) => {\r\n setIsReportLoaded(true);\r\n\r\n //let removerow = \"false\";\r\n\r\n for (var i = 0; i < result.data.length; i++) {\r\n if (result.data[i].ToNextTierRow === \"X\") {\r\n setRebatePercentNextTIer(result.data[i].Percentage);\r\n setAmount(result.data[i].Estimate_fees.toFixed(2).replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,'));\r\n //removerow = \"true\";\r\n }\r\n else if (result.data[i].ToNextTierRow === \"O\") {\r\n setORRebate(result.data[i].Rebate.toFixed(2).replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,'));\r\n setORPercent(result.data[1].Percentage);\r\n //removerow = \"true\";\r\n }\r\n else {\r\n setReportData(result.data.splice(i));\r\n }\r\n\r\n }\r\n\r\n setLoading(false);\r\n if (result.data == null || result.data.length === 0) {\r\n handleAlertStatus(\"No records were found for these report criteria\");\r\n }\r\n },\r\n (error) => {\r\n console.error(error.message);\r\n handleErrorStatus(\"An error occurred retrieving the report data.\");\r\n setLoading(false);\r\n setIsReportLoaded(true);\r\n }\r\n );\r\n }\r\n\r\n function setDisclaimer() {\r\n\r\n if (document.getElementById(\"tabsORProjection-tab-facility\") != null) {\r\n\r\n if (document.getElementById(\"tabsORProjection-tab-facility\").className.includes('active') === true) {\r\n\r\n var e = document.getElementById(\"facilityCurprev\");\r\n var facilityCurprev = e.options[e.selectedIndex].value;\r\n\r\n //Previous Facility\r\n // Hide Everything\r\n if (facilityCurprev === \"PREVIOUS\") {\r\n\r\n if (document.getElementById(\"AddContractSales\") != null) {\r\n document.getElementById(\"AddContractSales\").style.display = \"none\";\r\n }\r\n if (document.getElementById(\"Rebate%\") != null) {\r\n document.getElementById(\"Rebate%\").style.display = \"none\";\r\n }\r\n if (document.getElementById(\"ORRebates%\") != null) {\r\n document.getElementById(\"ORRebates%\").style.display = \"none\";\r\n }\r\n if (document.getElementById(\"ORRebates$\") != null) {\r\n document.getElementById(\"ORRebates$\").style.display = \"none\";\r\n }\r\n\r\n var enddate = getCurrentPreviousQuarter(\"previous\").EndDate;\r\n var fullenddate = getCurrentPreviousQuarter(\"previous\").FullEndDate;\r\n\r\n var pyear = enddate.getFullYear();\r\n var pquarter = Math.floor((enddate.getMonth() + 3) / 3);\r\n var prevquarter = pquarter.toString() + \"Q\" + pyear.toString();\r\n\r\n setQtrText(prevquarter);\r\n setDateText(fullenddate);\r\n }\r\n\r\n //Current Facility\r\n\r\n // Hide OR\r\n // Hide OR%\r\n\r\n if (facilityCurprev === \"CURRENT\") {\r\n if (document.getElementById(\"ORRebates%\") != null) {\r\n document.getElementById(\"ORRebates%\").style.display = \"none\";\r\n }\r\n if (document.getElementById(\"ORRebates$\") != null) {\r\n document.getElementById(\"ORRebates$\").style.display = \"none\";\r\n }\r\n\r\n var today = new Date();\r\n\r\n const month = today.toLocaleString('default', { month: 'long' });\r\n const date = today.getDate();\r\n const year = today.getFullYear();\r\n\r\n const fulldate = month + \" \" + date + \", \" + year;\r\n\r\n var quarter = Math.floor((today.getMonth() + 3) / 3);\r\n var curquarter = quarter.toString() + \"Q\" + year.toString();\r\n\r\n setQtrText(curquarter);\r\n setDateText(fulldate);\r\n\r\n }\r\n\r\n if(facilityCurprev === \"PREVIOUS2\"){\r\n if (document.getElementById(\"AddContractSales\") != null) {\r\n document.getElementById(\"AddContractSales\").style.display = \"none\";\r\n }\r\n if (document.getElementById(\"Rebate%\") != null) {\r\n document.getElementById(\"Rebate%\").style.display = \"none\";\r\n }\r\n if (document.getElementById(\"ORRebates%\") != null) {\r\n document.getElementById(\"ORRebates%\").style.display = \"none\";\r\n }\r\n if (document.getElementById(\"ORRebates$\") != null) {\r\n document.getElementById(\"ORRebates$\").style.display = \"none\";\r\n }\r\n\r\n var enddate = getCurrentPreviousQuarter(\"previous2\").EndDate;\r\n var fullenddate = getCurrentPreviousQuarter(\"previous2\").FullEndDate;\r\n\r\n var pyear = enddate.getFullYear();\r\n var pquarter = Math.floor((enddate.getMonth() + 3) / 3);\r\n var prevquarter = pquarter.toString() + \"Q\" + pyear.toString();\r\n\r\n setQtrText(prevquarter);\r\n setDateText(fullenddate);\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n //PREVIOUS Vendor\r\n if (document.getElementById(\"tabsORProjection-tab-vendor\") != null) {\r\n // Hide AddContractSales\r\n // Hide RebatePercent\r\n \r\n if (document.getElementById(\"tabsORProjection-tab-vendor\").className.includes('active') === true) {\r\n var e = document.getElementById(\"vendorCurprev\");\r\n var vendorCurprev = e.options[e.selectedIndex].value;\r\n\r\n if (vendorCurprev === \"PREVIOUS\") {\r\n if (document.getElementById(\"AddContractSales\") != null) {\r\n document.getElementById(\"AddContractSales\").style.display = \"none\";\r\n }\r\n if (document.getElementById(\"Rebate%\") != null) {\r\n document.getElementById(\"Rebate%\").style.display = \"none\";\r\n }\r\n\r\n var enddate = getCurrentPreviousQuarter(\"previous\").EndDate;\r\n var fullenddate = getCurrentPreviousQuarter(\"previous\").FullEndDate;\r\n\r\n var pyear = enddate.getFullYear();\r\n var pquarter = Math.floor((enddate.getMonth() + 3) / 3);\r\n var prevquarter = pquarter.toString() + \"Q\" + pyear.toString();\r\n\r\n setQtrText(prevquarter);\r\n setDateText(fullenddate);\r\n }\r\n\r\n if (vendorCurprev === \"CURRENT\") {\r\n\r\n var today = new Date();\r\n\r\n const month = today.toLocaleString('default', { month: 'long' });\r\n const date = today.getDate();\r\n const year = today.getFullYear();\r\n\r\n const fulldate = month + \" \" + date + \", \" + year;\r\n\r\n var quarter = Math.floor((today.getMonth() + 3) / 3);\r\n var curquarter = quarter.toString() + \"Q\" + year.toString();\r\n\r\n setQtrText(curquarter);\r\n setDateText(fulldate);\r\n }\r\n\r\n if(vendorCurprev === \"PREVIOUS2\"){\r\n if (document.getElementById(\"AddContractSales\") != null) {\r\n document.getElementById(\"AddContractSales\").style.display = \"none\";\r\n }\r\n if (document.getElementById(\"Rebate%\") != null) {\r\n document.getElementById(\"Rebate%\").style.display = \"none\";\r\n }\r\n\r\n var enddate = getCurrentPreviousQuarter(\"previous2\").EndDate;\r\n var fullenddate = getCurrentPreviousQuarter(\"previous2\").FullEndDate;\r\n\r\n var pyear = enddate.getFullYear();\r\n var pquarter = Math.floor((enddate.getMonth() + 3) / 3);\r\n var prevquarter = pquarter.toString() + \"Q\" + pyear.toString();\r\n\r\n setQtrText(prevquarter);\r\n setDateText(fullenddate);\r\n }\r\n\r\n }\r\n //Current Vendor\r\n // Dont Hide Anything\r\n }\r\n\r\n }\r\n\r\n function getCurrentPreviousQuarter(value) {\r\n var today = new Date(),\r\n quarter = Math.floor((today.getMonth() / 3)),\r\n startDate,\r\n endDate,\r\n fullEndDate\r\n\r\n switch (value) {\r\n case \"previous\":\r\n startDate = new Date(today.getFullYear(), quarter * 3 - 3, 1);\r\n endDate = new Date(startDate.getFullYear(), startDate.getMonth() + 3, 0);\r\n\r\n const month = endDate.toLocaleString('default', { month: 'long' });\r\n const date = endDate.getDate();\r\n const year = endDate.getFullYear();\r\n\r\n fullEndDate = month + \" \" + date + \", \" + year;\r\n\r\n break;\r\n case \"previous2\":\r\n startDate = new Date(today.getFullYear(), quarter * 3 - 6, 1);\r\n endDate = new Date(startDate.getFullYear(), startDate.getMonth() + 3, 0);\r\n\r\n const prevMonth = endDate.toLocaleString('default', { month: 'long' });\r\n const prevDate = endDate.getDate();\r\n const prevYear = endDate.getFullYear();\r\n\r\n fullEndDate = prevMonth + \" \" + prevDate + \", \" + prevYear;\r\n break;\r\n default:\r\n startDate = new Date(today.getFullYear(), quarter * 3, 1);\r\n endDate = new Date(startDate.getFullYear(), startDate.getMonth() + 3, 0);\r\n break;\r\n }\r\n\r\n return {\r\n StartDate: startDate,\r\n EndDate: endDate,\r\n FullEndDate: fullEndDate\r\n };\r\n }\r\n\r\n\r\n const ReportTable = () => {\r\n\r\n return isReportLoaded ?\r\n (\r\n This is the error status test page.
\r\n\r\n \r\n
\r\n );\r\n }\r\n // Normally, just render children\r\n return this.props.children;\r\n }\r\n}\r\n","import React, { Component, } from \"react\";\r\nimport {Router, useHistory } from \"react-router-dom\";\r\nimport { Security } from \"@okta/okta-react\";\r\nimport UserContext from \"./components/context/UserContext\";\r\nimport Routes from \"./components/Routes\";\r\nimport ReactGA from \"react-ga\";\r\nimport ErrorBoundary from \"./components/ErrorBoundary\";\r\nimport { createBrowserHistory } from 'history';\r\nimport {pageView} from\"./googleAnalyticsHelper\";\r\nimport CacheBuster from 'react-cache-buster';\r\nimport {version} from \"../package.json\";\r\nimport { OktaAuth, toRelativeUrl } from \"@okta/okta-auth-js\";\r\n\r\n// import ReactGA from 'react-ga';\r\n//const oktaAuth = new OktaAuth(config.oidc);\r\n\r\nlet oktaIssuer = process.env.REACT_APP_OKTA_ISSUER;\r\n // console.log(oktaIssuer);\r\n\r\n //NOTE: I think we might need to store this somewhere on the deployed environment? Figure this out eventually\r\n let oktaClientId = process.env.REACT_APP_OKTA_CLIENTID;\r\n // console.log(oktaClientId);\r\n\r\n const constructedOktaAuth = new OktaAuth({\r\n issuer: oktaIssuer,\r\n clientId: oktaClientId,\r\n // redirectUri: window.location.origin + '/login/callback'\r\n // redirectUri: \"http://localhost:3000/testfile\"\r\n redirectUri: window.location.origin + \"/implicit/callback\",\r\n });\r\n\r\nconst history = createBrowserHistory();\r\n\r\nhistory.listen((location, action) => {\r\n if(location.state){\r\n let page = location.state && location.state.name ? location.state.name : (location.pathname + location.search).replaceAll(\"/\", \" \");\r\n pageView(page);\r\n }else{\r\n const contentPage = localStorage.getItem(\"content-page\");\r\n pageView(contentPage);\r\n }\r\n});\r\n\r\nconst HasAccessToRouter = () => {\r\n // example from react-router\r\n // const history = useHistory(); \r\n\r\n const customAuthHandler = () => {\r\n history.push(\"/login\");\r\n };\r\n\r\n const restoreOriginalUri = async (_oktaAuth, originalUri) => {\r\n history.replace(toRelativeUrl(originalUri || \"\", window.location.origin));\r\n };\r\n\r\n // const constructedRestoreOriginalUri = async (_oktaAuth, originalUri) => {\r\n // navigate(toRelativeUrl(originalUri, window.location.origin), {\r\n // replace: true,\r\n // });\r\n // };\r\n\r\n return (\r\n // \r\n
\r\n Application Error
\r\n\r\n There was an error loading this page. Please click below to return\r\n to the home page.\r\n
\r\n\r\n \r\n Return to Home Page\r\n \r\n
\r\n