\n {/* Map through our array and display the corresponding value */}\n {reasonForVisitData.map((item) => {\n let value;\n if (item.key === patientData?.careInfo?.reasonForVisit) {\n value = item.value;\n }\n return value;\n })}\n
\n
\n\n \n\n :\n\n <>\n\n \n \n }\n\n
\n
\n
}\n \n )\n}\n\nBasicInfo.propTypes = {\n heading: PropTypes.object,\n patientData: PropTypes.object\n}\n","import React, { useEffect, useRef, useState } from 'react'\nimport { useForm } from 'react-hook-form'\nimport {\n EDIT, PATIENT_PICTURE_LBL,\n EMAIL_ID, EMAIL_LBL, CANCEL_ID, CANCEL_BTN, SUBMIT_ID, SAVE_BTN, PATIENT_PICTURE_ID,\n BODY_MASS_INDEX_ID, DIABETIC_ID, COMORBID_CONDITIONS_ID, SMOKING_STATUS_ID, INSURANCE_PAYER_ID,\n NE1_WMS_STATUS_ID, NE1_WMS_STATUS_LBL, INSURANCE_PAYER_LBL, SMOKING_STATUS_LBL,\n COMORBID_CONDITIONS_LBL, DIABETIC_LBL, BODY_MASS_INDEX_LBL, PATIENT_DIABETIC, PATIENT_SMOKING_STATUS,\n PATIENT_NE1_WMS_STATUS,\n UPDATE_FAILURE,\n UPDATE_SUCCESS,\n SUCCESS_STATUS,\n ERROR_STATUS,\n} from '../../../constants'\nimport { Form, Button, TextField, RadioButton, SelectBox, MultiSelect } from '../../primary'\nimport styles from './moreInfo.module.scss'\nimport { PatientHeading } from './patientHeading'\nimport { allNullCheck, checkEmailAlt, getKeyByValue } from '../../../utils'\nimport editIcon from '../../../static/images/edit-icon-blue.png'\nimport { PictureIcon } from '../../secondary'\nimport PropTypes from 'prop-types'\nimport { useDispatch, useSelector } from 'react-redux'\nimport DefaultImg from '../../../static/images/picture-icon-default.png'\nimport { setEditState, optionTypeAsync } from '../../../app/patientSlice'\nimport { AccessErrorModal } from '../../primary';\nimport Loader from '../../../static/images/spinner.svg';\n\nexport function MoreInfo({ patientData, updatePatientData }) {\n\n \n /* State to check editable forms */\n const [editable, setEditable] = useState(false)\n /* Function to toggle edit */\n const handleEdit = () => {\n setEditable(!editable)\n }\n\n /* Handle image preview */\n /* Preview image state */\n const [previewImg, setPreviewImg] = useState(null)\n /* Disable button state */\n const [buttonState, setButtonState] = useState(true)\n\n /* Set default image to a state if there is any */\n useEffect(() => {\n if (patientData?.moreInfo?.profilePicture) {\n setButtonState(false)\n setPreviewImg(patientData?.moreInfo?.profilePicture)\n }\n }, [patientData])\n\n /* Handle multiselect dropdown */\n const comorbidRef = useRef();\n\n /* State for storing comorbid conditions value */\n const [comorbidData, setComorbidData] = useState([]);\n\n /* State for displaying comorbid items */\n const comorbidItems = [];\n\n /* Handle comorbid select */\n const handleComorbidSelect = () => {\n /* Get all values - It will be array of objects */\n const selectedItems = comorbidRef.current.getSelectedItems()\n /* Map through the above selected items and filter out key */\n const tempData = selectedItems.map((data) => {\n return data.key\n });\n /* Set it in a state */\n setComorbidData(tempData)\n }\n\n /* Use hook form */\n const { register, handleSubmit, errors } = useForm();\n\n /* On Submit */\n const onSubmit = (data) => {\n\n handleEdit();\n\n\n let finalPic;\n if (previewImg) {\n finalPic = previewImg.replace('data:image/png;base64,', '')\n finalPic = finalPic.replace('data:image/jpeg;base64,', '')\n finalPic = finalPic.replace('data:image/jpg;base64,', '')\n finalPic = finalPic.replace('data:image/svg+xml;base64,', '')\n }\n\n\n const tempData = {\n moreInfo: {\n // profilePicture : previewImg ? previewImg : patientData.profilePicture,\n profilePicture: finalPic ? finalPic : patientData.profilePicture,\n email: data.email,\n bmi: data.bodyMassIndex,\n comorbidConditions: comorbidData,\n insurancePayer: data.insurancePayer,\n diabetic: getKeyByValue(PATIENT_DIABETIC, data.diabetic), // This function is for taking values from radio btn\n smokingStatus: getKeyByValue(PATIENT_SMOKING_STATUS, data.smokingStatus),\n ne1WMSStatus: getKeyByValue(PATIENT_NE1_WMS_STATUS, data.ne1WmsStatus)\n }\n }\n /* Merging default object with new data */\n const result = { ...patientData, ...tempData }\n /* Dispatching */\n updatePatientData(result)\n }\n\n /* Fetch dropdown datas */\n const comorbidConditionsData = useSelector(state => state.patient.comorbidConditions)\n const insurancePayerData = useSelector(state => state.patient.insurancePayer)\n\n /* Edit success */\n const editState = useSelector(state => state.patient.editState)\n\n const dispatch = useDispatch()\n\n useEffect(() => {\n setTimeout(() => {\n dispatch(setEditState(false))\n }, 5005)\n }, [editState, dispatch])\n\n const [editDelay, setEditDelay] = useState(false)\n\n useEffect(() => {\n dispatch(optionTypeAsync('insurancepayer'));\n dispatch(optionTypeAsync('comorbidcondition'));\n setTimeout(() => {\n setEditDelay(true)\n }, 3000)\n }, [])\n return (\n <>\n {/* Edit button */}\n {!editable && editDelay && allNullCheck(patientData?.firstName) &&
\n \n {/* Image */}\n {/* Below here, i added alternative image if the image from API got failed */}\n {\n !patientData?.moreInfo?.profilePicture ? :\n \n }\n \n
\n \n {/* Map through our array and display the corresponding value */}\n {patientData?.moreInfo?.comorbidConditions?.forEach((data) => { //NOSONAR\n /* Map through our local array to get value */\n comorbidConditionsData?.forEach((item) => { //NOSONAR\n if (item.key === data) {\n comorbidItems.push(item.value)\n }\n })//NOSONAR\n })}\n {/* Display comorbid items array */}\n {comorbidItems.join(', ')}\n \n
\n \n {/* Map through our array and display the corresponding value */}\n {insurancePayerData?.map((item) => {\n let value;\n if (item.key === patientData?.moreInfo?.insurancePayer) {\n value = item.value;\n }\n return value;\n })}\n \n
This patient is locked because another clinician\n {(offlineData && offlineData.addedBy) ? offlineData.addedBy : ''} added\n this patient to their offline list. Please have clinican\n {(offlineData && offlineData.addedBy) ? offlineData.addedBy : ''} remove\n this patient from their offline list\n
{dynParam?.acct_status&&dynParam?.acct_status==='customerInActive'?'Status: Medline account # is pending approval':'Status: Your registration is pending approval'}
\n
{'Your registration information is being reviewed for approval. Watch your email or login to the app for status updates.'}
\n
{'If you believe this is an error, please email us at NE1Support@medline.com'}
\n {patientData?.moreInfo?.ne1WMSStatus === 1 && newRiskAssessmentOpen()}\n >\n Risk assessment\n }\n {/****************************************** */\n /* DO NOT REMOVE THE BELOW COMMENTED CODE */\n /******************************************* */}\n {/* \n {imagePlusIcon}\n New Assessment\n */}\n {/*viewDrop &&\n
\n {/*
Choose Assessment
\n */}\n {/*
newAssessmentOpen()}>Wound Assessment
\n
newRiskAssessmentOpen()} >Risk Assessment
\n
\n */}\n {/****************************************** */\n /* DO NOT REMOVE THE ABOVE COMMENTED CODE */\n /******************************************* */}\n
\n {\n (rows.length === 0) && (searchKey === '') ? There are no items to show in this view :\n (rows.length === 0)\n &&\n !reportView ?\n
{formularyView ? formularyLeft ? \"There are no materials here. \" : 'There are no materials selected for this formulary' : 'There are no records in this list'}
\n :\n
There are no records matching your report criteria.
\n }\n
\n
\n \n }\n
\n \n )\n}\n\nDataTable.propTypes = {\n jsonData: PropTypes.object,\n sorting: PropTypes.bool,\n rowSelect: PropTypes.bool,\n setSelectedRows: PropTypes.func,\n saveData: PropTypes.func,\n onSort: PropTypes.func,\n workListView: PropTypes.bool,\n}\n","import React, { useState } from 'react';\nimport { Tab as ReactTabs, Tabs, TabList, TabPanel } from 'react-tabs';\nimport { PropTypes } from 'prop-types';\nimport 'react-tabs/style/react-tabs.css';\nimport {\n react_tabs,\n react_tabs_list,\n selected,\n react_tab_pane,\n fixed_width,\n tissueview_fix,\n tissueview_outer,\n wound_report_view,\n hist_cause_list,\n hr_Line\n} from './tab.module.scss';\n\n\n\nexport const Tab = ({ tabList, onSelect, defaultIndex, selectedIndex, workListView, tissueView,woundReportView,histCause, tabRemove }) => {\n return (\n \n {!tabRemove && \n {/* Map through tabs */}\n {tabList.map(tab => (\n {tab.name}\n ))}\n }\n \n {/* Map throgh tab panel */}\n {tabList.map((tabC, index) => (\n {tabC.content}\n \n ))}\n \n );\n};\n\nTab.propTypes = {\n tabList: PropTypes.array,\n tanPanelClass : PropTypes.object,\n onSelect: PropTypes.func,\n selectedIndex: PropTypes.number,\n tabShadowNone:PropTypes.any,\n workListView:PropTypes.bool\n};\n","import React from 'react'\nimport pictureIcon from '../../../static/images/picture-icon-default.png'\nimport styles from './pictureIcon.module.scss'\nimport PropTypes from 'prop-types';\nimport Icon from '../../../static/images/empty_icon.svg';\n\nexport function PictureIcon({ previewImg, setPreviewImg, buttonState, setButtonState, validator, id, name, browseLbl, classes, removeImages, listViewMenu }) {\n /* Image preview function */\n function handleImageChange(e) {\n e.preventDefault();\n /* Setup file reader */\n const reader = new FileReader();\n /* Select image */\n const file = e.target.files[0];\n /* Once image is loaded update state */\n reader.onloadend = () => {\n /* Image code into a state */\n setPreviewImg(reader.result)\n setButtonState(false)\n }\n reader.readAsDataURL(file)\n }\n\n /* Remove image */\n function removeImage() {\n setPreviewImg(null)\n setButtonState(true)\n }\n /*reset image*/\n if (removeImages) {\n removeImage();\n }\n return (\n <>\n {/* Upload block */}\n {
\n {'Based on your Primary dressing selection, Secondary dressing is not recommended.'} \n {'Are you sure you would like to proceed with your Secondary dressing selection?'} \n \n \n
\n }\n \n :\n 'This wound assessment is signed and locked, cannot be updated.'\n }\n \n }\n \n}\n","export default __webpack_public_path__ + \"static/media/delete-icon.19e2d26d.svg\";","export default class ErrorResponse extends Error {\n constructor({ method, resourceUrl, response, bodyText }, ...args) {\n let body = ``, msg,finalErrorRes;\n try {\n const { message, trace, ...rest } = JSON.parse(bodyText);\n if (message) {\n body += `Message:\\n\\n ${message}\\n`;\n msg = message;\n } else {\n body += 'Message:\\n\\n Unknown error occurred\\n';\n msg = 'Unknown error occurred';\n }\n const addl = Object.entries(rest);\n if (addl.length > 0) {\n body += `\\nAdditional info:\\n\\n${JSON.stringify(\n rest,\n null,\n 4\n )}\\n\\n`;\n if(rest){\n finalErrorRes=`${JSON.stringify(rest)}`\n }\n }\n if (trace) {\n body += `Error stack trace: \\n\\n${trace}`;\n }\n body += '\\n';\n } catch (e) {\n body = bodyText;\n msg = 'Unknown error occurred';\n }\n super(\n `${method} ${resourceUrl} responded ${response.status} ${\n response.statusText\n }: \\n\\n${body}`,\n ...args\n );\n if (Error.captureStackTrace) {\n Error.captureStackTrace(this, ErrorResponse);\n }\n this.errorMessage = msg;\n this.response = response;\n this.method = method;\n this.resourceUrl = resourceUrl;\n this.finalErrorRes=finalErrorRes;\n }\n}\n","/**\n * Network requests that have not yet fulfilled, available for sharing with\n * other idempotent and safe ServiceRequests for the same resource.\n * Resource matching is determined by a string composite [method, path, body].\n *\n * (ServiceRequests know not to use this cache for create operations, except for\n * singleton create operations like createCart, which have no body.)\n * @module MulticastCache\n */\n\n/**\n * String keyed map of in-flight requests. When a request completes,\n * it should be removed.\n * @private\n */\nconst inflight = new Map();\n\n/**\n * Reference cache to reduce repetitive requestToKey() calls.\n * @private\n */\nconst keyCache = new WeakMap();\n\n/**\n *\n * @private\n * @param {ServiceRequest} req\n * @return string Key for use in inflight cache.\n */\nfunction requestToKey(req) {\n let key = keyCache.get(req);\n if (!key) {\n const { method, body } = req.opts;\n const parts = [method, req.resourceUrl];\n if (body) {\n parts.push(body);\n }\n key = parts.join('|||');\n keyCache.set(req, key);\n }\n return key;\n}\n\n/**\n * Returns any inflight request with the same key as the supplied request.\n * May be the same request itself!\n * @param {ServiceRequest} req The request to match.\n * @return {ServiceRequest} A request with the same method, body, and resourceUrl..\n */\nexport function match(req) {\n return inflight.get(requestToKey(req));\n}\n/**\n * Store a request for potential future multicast.\n * Adds a callback to delete the request when it has settled.\n * @param {ServiceRequest} req The request to store.\n */\nexport function store(req) {\n inflight.set(requestToKey(req), req);\n}\n/**\n * Remove a request from cache if it exists there.\n * @param {ServiceRequest} req\n */\nexport function remove(req) {\n if (match(req) === req) {\n inflight.delete(requestToKey(req));\n }\n}\n","import ErrorResponse from './errorResponse';\nimport * as MulticastCache from './multicastCache';\nimport { SimplePersistence } from '../../utils';\nimport { API_KEY, BASE_URL, API_RESPONSE_TIMEOUT } from '../../constants';\nimport { unregister } from './intercepter'\n\n// TODO: headers are locked right now, add configurability\nconst withDefaultHeaders = headerAdditions => {\n const headers = new Headers({\n 'Content-type': 'application/json',\n Accept: 'application/json',\n 'Ocp-Apim-Subscription-Key': API_KEY,\n 'Cache-Control': 'no-store, no-cache, must-revalidate',\n 'Pragma': 'no-cache',\n 'Expires': '0',\n });\n if (headerAdditions) {\n if (headerAdditions instanceof Headers) {\n /* istanbul ignore next: current phantomJS doesn't support */\n if (headerAdditions.entries) {\n for (const [name, value] of headerAdditions) {\n headers.append(name, value);\n }\n } else if (headerAdditions.forEach) {\n // cover legacy case for old test environments\n headerAdditions.forEach((name, value) => {\n headers.append(name, value);\n });\n /* istanbul ignore next: should never happen, trivial to test*/\n } else {\n console.warn(\n 'Could not use headers object supplied to ServiceRequest',\n headerAdditions\n );\n }\n } else {\n for (const [name, value] of Object.entries(headerAdditions)) {\n headers.append(name, value);\n }\n }\n }\n return headers;\n};\n\n/**\n * All [fetch options]\n * (https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch#Parameters) a\n * re passed through, with the addition of:\n * @typedef {Object} RequestOptions\n * @property {boolean} [multicast] Override default multicast detection\n */\n\n/**\n * A request to the REST API. Returns a Promise created by a network\n * fetch, but can potentially reuse prior requests if they qualify for\n * multicast. Can abort an outstanding fetch request.\n *\n * @param {RequestOptions} opts - All other \n * [fetch options](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch#Parameters) \n * will be passed through to `fetch`.\n */\nclass ServiceRequest {\n constructor(resourceUrl, opts = {}) {\n const timeout =API_RESPONSE_TIMEOUT //\n const storage = new SimplePersistence();\n const signin_token = storage.getItem('signin_token');\n this.controller = new AbortController();\n const reason = new DOMException('signal timed out', 'TimeoutError');\n this.timeoutId = setTimeout(() => this.controller.abort(reason), timeout);\n this.resourceUrl = resourceUrl;\n // merge headers specially\n this.opts = {\n // can be overridden\n method: 'GET',\n signal: this.controller.signal,\n //credentials: 'include',\n ...opts,\n // cannot be overridden, only appended to\n headers: withDefaultHeaders(\n new Headers({\n authorization: signin_token ? `Bearer ${signin_token}` : '',\n 'medline-authorization': signin_token ? signin_token : '',\n })\n )\n };\n }\n /**\n * Execute the request. Must be run before {@link ServiceRequest#getResponse}\n * or {@link ServiceRequest#cancel} can be called.\n */\n run() {\n if (this._isMulticastable()) {\n this._promise = this._fetchMulticast();\n } else {\n this._promise = this._fetch();\n }\n }\n /**\n * Get the promise for the network operation. Can only be called after\n * `.run()` is called.\n * For multicast requests, will return a promise for a new copy of the\n * response every time it is called, since a Body can only be used once.\n * Exists so that requests can reuse the promises from other requests.\n * @returns {Promise} Promise for the result of the request.\n */\n getResponse() {\n if (!this._promise) {\n throw new Error(\n 'ServiceRequest#getResponse() called before ServiceRequest#run(), so no promise exists yet'\n );\n }\n if (this._isMulticastable()) {\n return this._promise.then(res => res.clone());\n } else {\n return this._promise;\n }\n }\n /**\n * Abort the network operation. Multicasted requests catch the AbortError\n * and attempt to reuse a more recent matching request from cache. Other\n * requests will pass the AbortError rejection through to the consumer.\n */\n abortRequest() {\n this.controller.abort();\n }\n /**\n * Check if this request intends to override prior requests to the same\n * resource. Rolling requests will take the place of prior outstanding\n * requests, to ensure the freshest resource at the cost of additional\n * network calls.\n *\n * The current logic for rolling requests is determined by the `cache`\n * option. [Cache modes](https://developer.mozilla.org/en-US/docs/Web/API/Request/cache)\n * `reload` and `no-store` both indicate complete cache bypass. This\n * logically implies that the user has just changed server state and wants\n * to force retrieve an updated resource, so multicasting a prior request\n * would not be appropriate--the response may not reflect the more recent\n * change.\n * @returns {boolean} True if the request is rolling.\n */\n isRolling() {\n return this.opts.cache === 'no-store' || this.opts.cache === 'reload';\n }\n /**\n * Make sure not to multicast POST requests which have a nonempty body,\n * since they are unsafe and non-idempotent, so each call may mutate\n * server-side state.\n *\n * In the REST API, some POST requests have no body, and those tend\n * to be idempotent.\n *\n * The `multicast` boolean option to the constructor can be used to\n * override this, either to force `false` or `true`.\n *\n * @private\n */\n _isMulticastable() {\n return this.opts.hasOwnProperty('multicast')\n ? this.opts.multicast\n : !(this.opts.method === 'POST' && this.opts.body);\n }\n /**\n * Use the Fetch API to place a request to the REST API.\n * Exposed on prototype for testing only.\n * @private\n */\n /* istanbul ignore next */\n _transport(...args) {\n return window.fetch(...args);\n }\n /**\n * Use the AbortController API to make a cancelable fetch request.\n * Reject on HTTP errors.\n * @private\n */\n _fetch() {\n return this._transport(this.resourceUrl, this.opts)\n .then(\n // When the network operation completes, remove from cache\n // as a side effect.\n res => {\n MulticastCache.remove(this);\n return res;\n },\n e => {\n MulticastCache.remove(this);\n throw e;\n }\n )\n .then(response => {\n clearTimeout(this.timeoutId);\n // WHATWG fetch will only reject in the unlikely event\n // of an error prior to opening the HTTP request.\n // It pays no attention to HTTP status codes.\n // But the response object does have an `ok` boolean\n // corresponding to status codes in the 2xx range.\n // An ServiceRequest will reject, passing server errors\n // to the client, in the event of an HTTP error code.\n if (!response.ok) {\n return (\n response\n // The response may or may not be JSON.\n // Let ErrorResponse handle it.\n .text()\n // Throw a specially formatted error which\n // includes the original context of the request,\n // and formats the server response.\n .then(bodyText => {\n throw new ErrorResponse({\n method: this.opts.method,\n resourceUrl: this.resourceUrl,\n response,\n bodyText\n });\n })\n );\n }\n return response;\n });\n }\n /**\n * Get a network operation matching this request, either by finding\n * one in the MulticastCache, or by launching a new one (and caching\n * it in the MulticastCache).\n * @private\n */\n _fetchMulticast() {\n // Does an inflight request exist that could be reused here?\n // That is, does it have the same method, resourceUrl, and body and it\n // appears idempotent and safe ?\n const inflightMatch = MulticastCache.match(this);\n\n // Is this request meant to override an existing inflight request?\n const rolling = this.isRolling();\n if (inflightMatch && !rolling) {\n // Reuse the request!\n return inflightMatch.getResponse();\n }\n\n // Either there is no match, or this is a rolling request\n // and we must override the match.\n\n // Cache this request for future use.\n MulticastCache.store(this);\n\n const promise = this._fetch().catch(error => {\n // Rolling requests cause prior matching requests to abort.\n // Their consumers will get an unexpected error unless we\n // swallow the AbortError we expect, and replace it with\n // the promise from our rolling request.\n if (error.name === 'AbortError') {\n const replacedInFlightMatch = MulticastCache.match(this);\n if (replacedInFlightMatch) {\n // There is a rolling request in the cache to override!\n return replacedInFlightMatch.getResponse();\n }\n }\n throw error;\n });\n\n if (rolling && inflightMatch) {\n inflightMatch.abortRequest();\n }\n\n return promise;\n }\n}\n\nexport default ServiceRequest;\n\n/**\n * Place a request to the REST API and return a Promise for the\n * response.\n * @param (string) resourceUrl The URL of the resource to request.\n * @param {RequestOptions} opts Options to be passed to \n * [fetch](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch#Parameters), \n * with the addition of the `multicast` option.\n * @returns {Promise} A promise for the parsed REST request.\n */\nexport function request(resourceUrl, opts) {\n \n const req = new ServiceRequest(BASE_URL + resourceUrl, opts);\n\n req.run();\n\n const promise = req.getResponse();\n\n if (opts && opts.parseJSON === false) {\n return promise;\n }\n return promise.then(res => res.json());\n}\n","import fetchIntercept from 'fetch-intercept';\nimport { toast } from 'react-toastify';\n\nexport const unregister = fetchIntercept.register({\n response: function (response) { \n if (response.status === 405) {\n localStorage.removeItem('badReqMsg')\n return response;\n } \n if (response.status === 400) {\n const data = response.json();\n var promise = new Promise(function(resolve, reject) {\n resolve(data);\n })\n promise.then((data) =>{\n if(data&&data.message){\n toast.error(` ${data.message}`, {\n toastId: 'warning1',\n position: \"top-right\",\n autoClose: true,\n hideProgressBar: false,\n closeOnClick: true,\n pauseOnHover: true,\n draggable: true,\n progress: 0,\n // pauseOnFocusLoss: false\n }); \n\n return response;\n }\n /*localStorage.removeItem('badReqMsg')\n if(data&&data.message){\n localStorage.setItem('badReqMsg',data.message)\n }\n window.location.href = \"/unAuthorized\"*/\n } )\n \n }\n if (response.status === 200 || response.status === 201) {\n return response;\n } else if(response.status === 401 || response.status === 403){\n localStorage.removeItem('badReqMsg')\n localStorage.removeItem('persist:DSHP_ROOT')\n localStorage.removeItem('DSHP_PERSISTENCE__signin_token');\n window.location.href = \"/login\"\n } else {\n return response;\n }\n }\n});\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAABqADAAQAAAABAAAABAAAAAAymEz/AAAANElEQVQIHWNgAIL////zA3EniI0CgIJngdgDiM/AJYCcdiA2AgkAaW0gXgOWBDLk4aqQGAB39SILoIX6iAAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAECAYAAABGM/VAAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAABaADAAQAAAABAAAABAAAAABhAhd7AAAALklEQVQIHWP4////cgYoALKdgTgZzAUyQCAdiGeABJigiuSBNAsjI2MGlI9JAQA89BXK494LiQAAAABJRU5ErkJggg==\"","import React, { useEffect, useRef, useState } from \"react\";\nimport { LIST_VIEW_LIMIT } from \"../../../constants\";\nimport { asec, desc } from \"../../../utils\";\nimport { ListView } from \"../../secondary\";\nimport styles from \"./createFormulary.module.scss\";\nimport { groupByList, deepCopyObject } from \"../../../utils\";\nimport { Accordion } from '../../secondary/Accordion/accordion';\nimport topArrow from '../../../static/images/up-dataTable.png'\nimport downArrow from '../../../static/images/down-dataTable.png'\n\nexport default function NewFormulary({\n addedItems,\n getRightSelectedItems,\n formularyName,\n addedMeta,\n setSeletedMaterial,\n seletedMaterial,\n changeMaterial\n}) {\n const metaConfig = { total: 0, limit: 0, offset: 0, prev: \"\", next: \"\" };\n\n Object.assign(metaConfig, addedMeta);\n\n // Disable pagination\n const [noPage, setNoPage] = useState(false);\n const [items, setItems] = useState(\n addedItems && Array.isArray(addedItems) ? [...addedItems] : []\n );\n const [itemsMeta, setItemsMeta] = useState({ ...metaConfig });\n const [displayItems, setDisplayItems] = useState(\n Array.isArray(items) ? [...items] : []\n );\n\n useEffect(() => {\n setItems(addedItems && Array.isArray(addedItems) ? addedItems : []);\n Object.assign(metaConfig, addedMeta);\n setItemsMeta(metaConfig);\n }, [addedItems, addedMeta]);\n\n useEffect(() => {\n if (items && Array.isArray(items)) {\n setDisplayItems(items);\n }\n }, [items]);\n\n // Displaying limited items, rest will go in another page\n useEffect(() => {\n if (addedItems && Array.isArray(addedItems) && addedItems?.length > 0) {\n // Adding first X items to 'items' state\n const temp = [];\n for (let i = 0; i < addedItems?.length; i++) {\n if (items[i]) {\n temp.push(items[i]);\n } else {\n break;\n }\n }\n setDisplayItems([...temp]);\n\n // Updating meta based on added items\n const tempMeta = { ...itemsMeta };\n tempMeta[\"total\"] = addedItems.length;\n tempMeta[\"limit\"] = LIST_VIEW_LIMIT;\n setItemsMeta({ ...tempMeta });\n }\n }, [addedItems, items]);\n\n // Hiding and Showing pagination based on items\n useEffect(() => {\n if (items && Array.isArray(items) && items?.length < 1) {\n setNoPage(true);\n }\n if (items && Array.isArray(items) && items?.length >= 1) {\n setNoPage(false);\n }\n }, [items]);\n\n // Custom pagination function\n const [activePage, setActivePage] = useState(1);\n const getActivePage = (data) => {\n const offset =\n data * LIST_VIEW_LIMIT - LIST_VIEW_LIMIT < LIST_VIEW_LIMIT\n ? 0\n : data * LIST_VIEW_LIMIT - LIST_VIEW_LIMIT;\n const temp = [];\n if (items && Array.isArray(items)) {\n for (let i = offset; i < LIST_VIEW_LIMIT + offset; i++) {\n if (items[i]) {\n temp.push(items[i]);\n } else {\n break;\n }\n }\n setDisplayItems([...temp]);\n setActivePage(data);\n }\n };\n\n // SORTING\n\n // We are adding the 'addedItems' array to useRef because of state update issue\n const ref = useRef(Array.isArray(addedItems) ? addedItems : []);\n\n useEffect(() => {\n if (Array.isArray(addedItems) && addedItems.length > 0) {\n ref.current = [...addedItems];\n }\n }, [addedItems]);\n\n // This function is called everytime we click the sort buttons. We receive, sort type as argument\n const sortingItems = (data) => {\n setActivePage(1);\n if (ref && Array.isArray(ref.current)) {\n const temp = [...ref.current];\n if (data?.desc === false) {\n temp.sort(asec);\n setItems([...temp]);\n }\n if (data?.desc === true) {\n temp.sort(desc);\n setItems([...temp]);\n }\n if (data === undefined) {\n temp.sort(asec);\n setItems([...temp]);\n }\n }\n };\n\n const [sortingPayload, setSortingPayload] = useState({\n queryParam: { limit: LIST_VIEW_LIMIT, offSet: 0 },\n asyncMethod: sortingItems,\n });\n\n // Data table column details\n\n const columns = [\n {\n Header: formularyName ? formularyName : \"\",\n accessor: \"title\",\n fixedColumn: false,\n },\n ];\n\n const [\n groubedByProductCategoryDesc,\n setGroubedByProductCategoryDesc,\n ] = useState([]);\n\n useEffect(() => {\n \n setTimeout(() => {\n if (Array.isArray(displayItems)) {\n const changeProd = groupByList(displayItems, \"productCategoryDesc\");\n setGroubedByProductCategoryDesc(changeProd);\n if(document.querySelectorAll('.remove_check')){\n document.querySelectorAll('.remove_check').forEach(el => el.checked = false);\n }\n \n }\n }, 100)\n }, [displayItems]);\n const [\n sortType,\n setSortType,\n ] = useState('both');\n const sortMaterail = (sortDir) => {\n if(document.querySelectorAll('.remove_check')){\n document.querySelectorAll('.remove_check').forEach(el => el.checked = false);\n }\n setSeletedMaterial([])\n let cpyCat= [...groubedByProductCategoryDesc]\n \n if(sortDir==='up'){\n Array.isArray(cpyCat) &&\n cpyCat.length > 0 &&\n cpyCat.sort((a, b) => (a.key > b.key ? 1 : -1));\n cpyCat.map((listItems) => {//NOSONAR\n return (\n listItems?.value &&\n Array.isArray(listItems?.value) &&listItems?.value.length > 0 &&\n listItems?.value.sort((a, b) => (a.title > b.title ? 1 : -1))\n )})//NOSONAR\n\n setGroubedByProductCategoryDesc(cpyCat)\n if(sortType==='up'){ setSortType('both')}else{\n setSortType('down')\n }\n \n }\n else if(sortDir==='down'){\n Array.isArray(cpyCat) &&\n cpyCat.length > 0 &&\n cpyCat.sort((a, b) => (a.key > b.key ? -1 : 1));\n cpyCat.map((listItems) => {//NOSONAR\n return (\n listItems?.value &&\n Array.isArray(listItems?.value) &&listItems?.value.length > 0 &&\n listItems?.value.sort((a, b) => (a.title > b.title ? -1 : 1))\n )})//NOSONAR\n setGroubedByProductCategoryDesc(cpyCat)\n \n if(sortType==='down'){ setSortType('both')}else{\n setSortType('up')\n }\n }\n }\n\n return (\n <>\n {displayItems&&groubedByProductCategoryDesc &&
! We strongly advise registering with a Medline account number, as doing so will grant you immediate access to the app. Registering without it may necessitate approval, which could result in a delay.\n
This patient is locked because another clinician\n {(offlineData && offlineData.addedBy) ? offlineData.addedBy : ''} added\n this patient to their offline list. Please have clinican\n {(offlineData && offlineData.addedBy) ? offlineData.addedBy : ''} remove\n this patient from their offline list\n
\n
\n
\n closeInfoConfirm()}\n />\n
\n
\n \n }\n {reAdmitModal && <>\n
\n Patient was discharged and needs to be re-admitted before processsing the wound photo.\n
:<>}\n \n {assessmentDetailsNew?.historyCause?.causeCategory!=='other'&&historyCause && historyCause.length > 0 && historyCause.map((data) => {\n let value;\n if (data?.options?.length > 0) {\n data.options.map((sub) => {\n if (assessmentDetailsNew?.historyCause?.cause&&sub.key=== assessmentDetailsNew?.historyCause?.cause?.toLowerCase()) {\n value = `${data.value}-${sub.value}`\n value=`${assessmentDetailsNew?.historyCause?.causeCategory==='unabletodetermine'?data.value:`${data.value}-${sub.value}`}`\n }\n })\n }\n else {\n if (assessmentDetailsNew?.historyCause?.cause&&data.key === assessmentDetailsNew?.historyCause?.cause?.toLowerCase()) {\n value = data.value\n }\n }\n return value;\n })}\n \n {assessmentDetailsNew?.historyCause?.causeCategory==='other'&&historyCause && historyCause.length > 0 && historyCause.map((data) => {\n let value;\n if (data?.options?.length > 0 ) {\n data?.options?.map((sub) => {\n if (sub.key === assessmentDetailsNew?.historyCause?.cause) {\n value=`${assessmentDetailsNew?.historyCause?.causeCategory==='unabletodetermine'?data.value:`${sub.value}`}`\n }\n })\n }\n else {\n if (data.key === assessmentDetailsNew?.historyCause?.cause) {\n value = data.value\n }\n }\n return value;\n })}\n \n {assessmentDetailsNew?.historyCause?.causeCategory==='others'&&`${assessmentDetailsNew?.historyCause?.cause}`}\n \n \n {/* Button to start */}\n {/* {hideIt &&
\n handleStart()} old flow\n onClick={() => handleStartNew()} //new work flow\n />\n
} */}\n\n
}\n {/* <>\n
\n handleStartNew()}\n />\n
*/}\n\n {/* Already saved */}\n\n\n {!editable ?\n\n // Readable field\n // 'fresh' - if the data is already saved, we just need to display. \n !fresh &&
\n}\n \n \n )\n}\n","export default __webpack_public_path__ + \"static/media/sign.e372d4f1.svg\";","export default __webpack_public_path__ + \"static/media/lock.ee5a62f9.svg\";","import React, { useEffect, useRef, useState } from 'react'\nimport { Button } from '../../primary/Button/button';\nimport styles from './signAndLock.module.scss'\nimport signImg from '../../../static/images/sign.svg'\nimport lockImg from '../../../static/images/lock.svg'\nimport signassignmentImg from '../../../static/images/signassignment.png'\nimport { ActionModal, Modal } from '../../secondary'\nimport { useDispatch, useSelector, connect } from 'react-redux'\nimport { useParams, withRouter } from 'react-router-dom'\nimport { detailAssessmentAsync, woundAssessmentUpdateAsync, signLockAsync, woundAssessmentReEvalAsync,validatecharacteristicsAsync, ne1updateassessmentsignlockAsync} from '../../../app/patientSlice'\nimport { lockSuccessAsyncData } from '../../../utils/patientsHelper'\n\nexport let SignAndLock = ({ location, assessmentDetail, signLockActions, hideIt, userDetails, patientData ,ne1getWounAssessmentDetailData}) => {\n\n //const detailAssessment = useSelector(state => state.patient.detailAssessment);\n // Get signWithOutMinimumDataset values \n //const ne1getWounAssessmentDetailData = useSelector(state => state.patient.ne1getWounAssessmentDetail)\n const ne1configsignwithoutmindatasetData = useSelector(state => state.patient.ne1configsignwithoutmindataset)\n //const minDataSet=assessmentDetail?.signWithOutMinimumDataset\n const minDataSet=ne1configsignwithoutmindatasetData?.isSignWithOutMinimumDataset\n const [isSignMinPopShow, setIsSignMinPopShow] = useState(0)\n /* Dispatch */\n const dispatch = useDispatch()\n // Getting details about wound assessment\n // Get values from url\n const { patientId, assessmentId } = useParams();\n // States for sign and lock button \n const [sign, setSign] = useState(false)\n const [lock, setLock] = useState(false)\n\n const [admitStatus, setAdmitStatus] = useState(false)\n useEffect(()=>{\n if(patientData?.statusInfo?.status!==\"discharged\" && patientData?.statusInfo?.status!==\"readmitted\"){\n setAdmitStatus(true)\n }\n else{\n setAdmitStatus(false)\n }\n },[patientData])\n\n // States for signed and locked view\n const [signed, setSigned] = useState(false)\n const [locked, setLocked] = useState(false)\n\n const getCharDetails = () => {\n // Assign it to payload\n const payload = { patientId, assessmentId }\n // Dispatching get assessment details call\n dispatch(detailAssessmentAsync(payload))\n }\n\n useEffect(() => {\n const payload = { patientId, assessmentId, type: 'signlockactions' }\n // To get details about what butotn to display\n dispatch(signLockAsync(payload))\n getCharDetails();\n }, [dispatch])\n\n // On change of location get assessment details\n useEffect(() => {\n getCharDetails();\n }, [location])\n\n // Setting sign and lock button based on the API data\n useEffect(() => {\n if(ne1configsignwithoutmindatasetData?.isAssessmentWithMinimumDatasetDone===1&&ne1getWounAssessmentDetailData?.isSignedDetailDone===0){\n setSign(true)\n setLock(false)\n }\n if(ne1getWounAssessmentDetailData?.isSignedDetailDone===1&&ne1getWounAssessmentDetailData?.isSignedLockedDetailDone===0){\n setSign(false)\n setLock(true)\n }\n // if (assessmentDetail?.signed === 1 && ((assessmentDetail?.classification?.woundBedIdentifiable === null && assessmentDetail?.classification?.woundClassification !==\"Unknown\") || ((assessmentDetail?.classification?.woundBedIdentifiable===0 || assessmentDetail?.classification?.woundBedIdentifiable === 1) && assessmentDetail?.classification?.woundClassification !==\"Unknown\"))) {\n if (ne1getWounAssessmentDetailData?.isSignedDetailDone === 1 ) {\n setSigned(true)\n } else if(ne1getWounAssessmentDetailData?.isSignedDetailDone === 0){\n setSigned(false)\n }\n //if (assessmentDetail?.locked === 1 && ((assessmentDetail?.classification?.woundBedIdentifiable === null && assessmentDetail?.classification?.woundClassification !==\"Unknown\") || ((assessmentDetail?.classification?.woundBedIdentifiable===0 || assessmentDetail?.classification?.woundBedIdentifiable === 1) && assessmentDetail?.classification?.woundClassification !==\"Unknown\"))) {\n \n if (ne1getWounAssessmentDetailData?.isSignedLockedDetailDone === 1 ) {\n setLocked(true)\n } else if(ne1getWounAssessmentDetailData?.isSignedLockedDetailDone === 0){\n setLocked(false)\n }\n\n\n //ne1configsignwithoutmindatasetAsync\n /* signLockActions && signLockActions.length > 0 && signLockActions.map((data) => {\n if (data.key === 'sign') {\n if (data.enable === 1) {\n setSign(true)\n setLock(false)\n }\n if (data.enable === 0) {\n setSign(false)\n setLock(false)\n }\n }\n if (data.key === 'signlock') {\n if (data.enable === 1 || data.enable === 0) {\n setLock(true)\n }\n }\n if (data.enable === 1 )\n setIsSignMinPopShow(data?.enable )\n })*/\n \n })\n\n // Functions and state for modal open and close\n const [showModal, setShowModal] = useState(false)\n const [modalType, setModalType] = useState('')\n const modalOpen = (e, type) => {\n e.preventDefault();\n setModalType(type)\n setShowModal(true);\n }\n const modalClose = () => {\n setShowModal(false);\n }\n\n /* State to check drop down assw */\n const [viewDrop, setViewDrop] = useState(false)\n\n // Function to handle just clicking on 'sign\n const handleSign = (e) => {\n e.preventDefault();\n setViewDrop(false)\n // Updating to 'Signed' and changing 'assessmentStage' to 'pendingreview'\n const assessment = { ...assessmentDetail } // Copying assessment details\n assessment['assessmentStage'] = 'pendingreview';\n assessment['signed'] = 1;\n const payload = {\n patientId,\n assessmentId,\n assessment,\n setSigned,\n setLock,\n getCharDetails,\n }\n // dispatch(woundAssessmentUpdateAsync(payload))\n dispatch(ne1updateassessmentsignlockAsync(payload))\n modalClose()\n }\n const handleCheckSign = (e) => {\n const payload = { patientId, assessmentId }\n // Dispatching get assessment details call\n dispatch(detailAssessmentAsync(payload))\n e.preventDefault();\n if(minDataSet===1){\n const payload = {\n patientId,\n assessmentId,\n }\n dispatch(validatecharacteristicsAsync(payload,e,modalOpen,handleSign))\n }else{\n handleSign(e)\n }\n }\n\n // Check lock response\n const checkLock = useSelector(state => state.patient.checkLock)\n\n // When checklock API returns 'success' then update wound assessment with \n // signed = 1 and locked = 1. This function will be called from patientSlice.\n const lockSuccessAsync = () => {\n lockSuccessAsyncData(setSigned, setLocked, assessmentDetail, patientId, assessmentId, getCharDetails, dispatch, woundAssessmentUpdateAsync,ne1updateassessmentsignlockAsync)\n }\n\n // If checklock API returns 'error' then don't update, just display error message.\n // This function will be called from patientSlice.\n const lockFailAsync = () => {\n setModalType('error')\n setShowModal(true);\n }\n\n // Call checkLock API\n const checkLockAsync = () => {\n const payload = { patientId, assessmentId, type: 'checklock', lockSuccessAsync, lockFailAsync }\n // To get details about what butotn to display\n dispatch(signLockAsync(payload))\n }\n\n // Main function to handle continue after clicking 'sign & lock'\n const handleContinue = (e) => {\n modalClose();\n // Calling checkLock API\n checkLockAsync();\n }\n\n /* Function to toggle drop assessment*/\n const handleDrop = (e) => {\n e.preventDefault();\n setViewDrop(!viewDrop)\n }\n\n /* Trigger Drop Down Items close */\n const dropRef = useRef();\n\n // Click event listener and calling handleClickOutside function if we click outside\n useEffect(() => {\n document.addEventListener('mousedown', handleClickOutside);\n return () => document.removeEventListener('mousedown', handleClickOutside);\n });\n const handleClickOutside = (e) => {\n if (dropRef !== null && dropRef.current && !dropRef.current.contains(e.target)) {\n setViewDrop(false);\n }\n };\n\n //handle ReEval click\nconst handleReEval = (e) => {\n e.preventDefault();\n const payload = {\n patientId,\n assessmentId,\n }\n //woundAssessmentReEvalAsync\n dispatch(woundAssessmentReEvalAsync(payload))\n}\n\n\n //handle ReEval Msg Pop click\n\nconst handleReEvalMSg = (e) => {\n e.preventDefault();\n modalOpen(e, 'reEvalPop')\n}\n\n // Main function to handle continue after clicking 'sign & lock'\n const handleContinueReEval= (e) => {\n modalClose();\n // Calling checkLock API\n handleReEval(e);\n}\n\n return (\n <>\n {modalType === 'minDataSignComplete' ?\n
\n
\n
\n
Sign Assessment
\n
\n \n
\n
\n \n
\n
\n
\n
The assessment documentation lacks essential information, including characteristics and a treatment plan. Would you like to proceed with signing the assessment?\n
\n \n {/* HTML range slider for sliding image and data in right \n When we slide we update the state 'currentAssess'. \n This will change current assessment.\n */}\n {healTraj && healTraj.length !== 1 &&
\n {mapper(data, 'primaryDressing').length > 0 && mapper(data, 'primaryDressing').map((item) => {\n // We are checking wheather the dressing frequency is there or it, if there is \n // Dressing frequency, then we are specifically setting that 'Array index' as true.\n // We are using array because we have multiple interventions and single state for \n // showing and hiding dressing frequency section\n if (item?.value?.dressingChangeFrequecy && item?.value?.dressingChangeFrequecy !== \" \") {\n if (!primaryDressFreq[mIndex]) {\n const temp = [...primaryDressFreq]\n temp[mIndex] = true\n setPrimaryDressFreq([...temp])\n }\n }\n if (item?.name) {\n return