\n ![\"\"]({require(\"img/loading.svg\")})
\n emc med data is working on your request.\n
\n );\n } else {\n return (\n \n emc med data is working on your request.\n \n
\n );\n }\n};\n","import React, { createContext, useState, useLayoutEffect, useContext } from \"react\";\nimport { useHistory, useLocation } from \"react-router-dom\";\nimport Oidc from \"oidc-client\";\nimport { FetchAPI } from \"components/APIConnections/APIConnections.js\";\nimport { IsLoading } from \"components/IsLoading/IsLoading.js\";\nimport { GlobalContext } from \"./GlobalStore.js\";\nimport Cookies from \"universal-cookie\";\n\nexport const UserContext = createContext({});\n\nexport const UserStore = ({ children }) => {\n const { setSidebarBehavior, showErrorLogsOnConsole } = useContext(GlobalContext);\n const oidcConfig = {\n authority: process.env.REACT_APP_AUTH_URL,\n client_id: process.env.REACT_APP_IDENTITY_CLIENT_ID,\n redirect_uri: process.env.REACT_APP_REDIRECT_URL,\n response_type: \"code\",\n scope: \"openid profile datapharm.indemand.api\",\n\n automaticSilentRenew: false,\n silentRequestTimeout: 20 * 1000,\n silent_redirect_uri: process.env.REACT_APP_SILENT_REDIRECT_URL,\n // silent_redirect_uri: \"http://localhost:4200/silentRenew\", // << if this is different from the original REACT_APP_REDIRECT_URL ident throws an error\n\n // monitorSession: true,\n // accessTokenExpiringNotificationTime: 20, //default 60\n // checkSessionInterval: 5000, //default 2000\n // silentRequestTimeout: 20000, //default: 10000\n\n revokeAccessTokenOnSignout: true,\n\n metadata: {\n issuer: process.env.REACT_APP_AUTH_URL,\n jwks_uri: process.env.REACT_APP_AUTH_URL + \"/.well-known/openid-configuration/jwks\",\n authorization_endpoint: process.env.REACT_APP_AUTH_URL + \"/connect/authorize\",\n token_endpoint: process.env.REACT_APP_AUTH_URL + \"/connect/token\",\n userinfo_endpoint: process.env.REACT_APP_AUTH_URL + \"/connect/userinfo\",\n end_session_endpoint: process.env.REACT_APP_AUTH_URL + \"/connect/endsession\",\n check_session_iframe: process.env.REACT_APP_AUTH_URL + \"/connect/checksession\",\n revocation_endpoint: process.env.REACT_APP_AUTH_URL + \"/connect/revocation\",\n introspection_endpoint: process.env.REACT_APP_AUTH_URL + \"/connect/introspect\",\n },\n };\n const alreadyVisitedHubCookie = \"alreadyVisitedHub\";\n let history = useHistory();\n const cookies = new Cookies();\n const [oidcMgr, setOidcMgr] = useState();\n\n const [processing, setProcessing] = useState(true);\n const [user, setUser] = useState();\n const [userState, setUserState] = useState();\n const location = useLocation();\n\n /**\n * CREATE INDEMAND OR PUBLISHER HUB OIDCMGR\n */\n useLayoutEffect(() => {\n setupAuthentication();\n }, []);\n\n const setupAuthentication = () => {\n setupMeddataAuthentication();\n const newOidcMgr = new Oidc.UserManager(oidcConfig);\n setOidcMgr(newOidcMgr);\n }\n\n const setupMeddataAuthentication = () => {\n if (!location.search) {\n const cookie = getHubVisitCookie();\n if (!cookie) {\n setHubOIDCSettings();\n }\n }\n else if (location.search?.includes(process.env.REACT_APP_MEDDATA_REDIRECT_QUERY_PARAM)) {\n setHubVisitCookie();\n }\n else if (!location.search?.includes(\"code\")) {\n setHubOIDCSettings();\n }\n }\n\n const getHubVisitCookie = () => cookies.get(alreadyVisitedHubCookie);\n const setHubVisitCookie = () => cookies.set(alreadyVisitedHubCookie, null, { expires: 0 });\n\n const setHubOIDCSettings = () => {\n oidcConfig.client_id = process.env.REACT_APP_MEDDATA_IDENTITY_CLIENT_ID;\n oidcConfig.redirect_uri = process.env.REACT_APP_MEDDATA_REDIRECT_URL;\n oidcConfig.silent_redirect_uri = process.env.REACT_APP_MEDDATA_SILENT_REDIRECT_URL;\n }\n\n /**\n * DEFINE USER MANAGER and GET TOKENS\n */\n useLayoutEffect(() => {\n if (!oidcMgr) {\n return;\n }\n\n if (history.location.pathname === \"/callback\") {\n signinRedirectCallback();\n } else {\n oidcMgr.getUser().then((user) => {\n handleUser(user);\n });\n }\n\n oidcMgr.events.addSilentRenewError((e) => {\n alert(\"silent renew error\", e.message);\n logout();\n });\n\n oidcMgr.events.addAccessTokenExpired(() => {\n tokenExpired();\n });\n }, [oidcMgr]);\n\n /**\n * USER MANAGER FUNCTIONS\n */\n const handleUser = async (user) => {\n if (!!!user) {\n setProcessing(false);\n return;\n }\n if (showErrorLogsOnConsole) {\n console.info(user);\n }\n setUser(user);\n\n let accessToken = user.access_token;\n let userId = user.profile.user_id;\n let userName = user.profile.user_name;\n let userEmail = user.profile.email;\n\n if (!!!accessToken || !!!userId || !!!userName) {\n history.push(\"/error/noAccessToken\");\n setProcessing(false);\n return;\n }\n\n // LOAD PERMISSIONS\n let permissions = await FetchAPI({\n showErrorLogsOnConsole: showErrorLogsOnConsole,\n callbackWithErrorStatusOrConfirmation: true,\n history: history,\n apiShortName: \"callUserPermissions\",\n token: accessToken,\n apiNeeds: {\n userId: userId,\n },\n });\n\n if (\n permissions.ok === false\n || permissions.message === \"Failed to fetch\"\n || permissions.companyPermissions.length === 0\n ) {\n history.push(\"/error/noPermissions\");\n setProcessing(false);\n return;\n }\n\n // FIND SELECTED COMPANY\n\n let Cookie = getUserCookie(userId);\n let selectedCompany;\n if (!Cookie) {\n selectedCompany = permissions ? permissions.companyPermissions[0] : \"\";\n setUserCookie(userId, selectedCompany);\n } else {\n selectedCompany = Cookie.selectedCompany;\n }\n\n // UPDATE STATE\n setUserState({\n userId: userId,\n userName: userName,\n userEmail: userEmail,\n companyPermissions: permissions ? permissions.companyPermissions : \"\",\n selectedCompany: selectedCompany,\n companyPackCount: 66,\n companyProductCount: 99,\n currentPermLevel: definePermissionLevel(selectedCompany?.permissions || null),\n accessToken: accessToken,\n });\n setProcessing(false);\n };\n\n /**\n * COOKIES\n */\n const setUserCookie = (userId, selectedCompany) => {\n let newCookie = {\n userId: userId,\n selectedCompany: selectedCompany,\n };\n cookies.set(\"userState\", newCookie, { path: \"/\", expires: 0 });\n };\n const getUserCookie = (userId) => {\n let oldCookie = cookies.get(\"userState\");\n if (!oldCookie || oldCookie.userId !== userId) {\n cookies.remove(\"userState\");\n return false;\n } else {\n return oldCookie;\n }\n };\n const removeUserCookie = () => {\n cookies.remove(\"userState\");\n };\n\n /**\n * CHANGE SELECTED COMPANY\n */\n const changeSelectedCompany = (selectedCompanyId) => {\n let newCompany = userState.companyPermissions[selectedCompanyId];\n setUserCookie(userState.userId, newCompany);\n setUserState((prev) => ({\n ...prev,\n selectedCompany: newCompany,\n currentPermLevel: definePermissionLevel(newCompany.permissions || null),\n }));\n setSidebarBehavior({ position: \"landing\", content: \"none\" });\n };\n\n /**\n * DEFINE PERMISION LEVEL FOR SELECTED COMPANY\n */\n const definePermissionLevel = (selectedCompanyPermissionsArray) => {\n const L0Text = \"Indemand User\";\n const L1Text = \"in-demand V2 L1\";\n const L2Text = \"in-demand V2 L2\";\n let currentLevel = -1;\n\n if (!selectedCompanyPermissionsArray || selectedCompanyPermissionsArray.length === 0) {\n return currentLevel;\n }\n\n selectedCompanyPermissionsArray.forEach((item) => {\n if (item.role === L0Text && currentLevel < 0) {\n currentLevel = 0;\n }\n if (item.role === L1Text && currentLevel < 1) {\n currentLevel = 1;\n }\n if (item.role === L2Text && currentLevel < 2) {\n currentLevel = 2;\n }\n });\n\n return currentLevel;\n };\n\n /**\n * MANAGER ACTIONS\n */\n const isAuthenticated = () => {\n if (!user || !userState) {\n return false;\n } else {\n return true;\n }\n };\n\n const login = () => {\n oidcMgr.signinRedirect();\n };\n\n const signinRedirectCallback = () => {\n oidcMgr\n .signinRedirectCallback()\n .then((user) => {\n if (user) {\n handleUser(user);\n history.replace(\"/\");\n }\n })\n .catch((err) => {\n history.push(\"/error/signinRedirectCallbackErr\" + err);\n setProcessing(false);\n });\n };\n\n const logout = () => {\n setProcessing(false);\n oidcMgr.signoutRedirect();\n oidcMgr.clearStaleState();\n oidcMgr.signoutRedirectCallback().then(() => {\n localStorage.clear();\n sessionStorage.clear();\n removeUserCookie();\n history.push(\"/loggedOut\");\n });\n };\n\n const signoutRedirectCallback = () => {\n setProcessing(false);\n oidcMgr.signoutRedirectCallback().then(() => {\n localStorage.clear();\n sessionStorage.clear();\n oidcMgr.clearStaleState();\n removeUserCookie();\n history.push(\"/loggedOut\");\n });\n };\n\n const tokenExpired = () => {\n if (showErrorLogsOnConsole) {\n console.info(\"tokenExpired!!!\");\n }\n signoutRedirectCallback();\n };\n\n const signinSilent = () => {\n if (showErrorLogsOnConsole) {\n console.info(\"signinSilent>\");\n }\n oidcMgr\n .signinSilent()\n .then((user) => {\n if (showErrorLogsOnConsole) {\n console.info(\"silent signed in\", user);\n }\n })\n .catch((err) => {\n if (showErrorLogsOnConsole) {\n console.info(\"silent signed error\", err);\n }\n });\n };\n\n const signinSilentCallback = () => {\n if (showErrorLogsOnConsole) {\n console.info(\"signinSilentCallBack>\");\n }\n\n oidcMgr.signinSilentCallback((...props) => {\n console.info(props);\n });\n };\n\n //-------------------------------------------------------------\n // \t\tRETURN\n //-------------------------------------------------------------\n\n return (\n \n emc med data is working on your request.\n \n
\n );\n};\n","import React from \"react\";\n\nexport const CheckBox = (props) => {\n const { text, checked, onChange } = props;\n\n return (\n \n );\n};\n","import React, { useState, useCallback } from \"react\";\nimport _ from \"lodash\";\nimport \"./Button.scss\";\n\nexport const Button = (props) => {\n const {\n buttonType,\n text,\n onClick,\n additionalStyle,\n throttle,\n viewMode,\n } = props;\n const [isDisabled, setIsDisabled] = useState(false);\n\n /**\n * ONCLICK ACTION\n * @description buttons click onClick action which is coming from parent.\n * @description and if throttle is true, button is disabled for 5 sec.\n */\n const onClickAction = () => {\n onClick();\n if (throttle) {\n setIsDisabled(true);\n throttledCall();\n }\n };\n const throttledCall = useCallback(\n _.debounce(async () => {\n setIsDisabled(false);\n }, 5000),\n [],\n );\n\n //-------------------------------------------------------------\n // \t\tRETURN\n //-------------------------------------------------------------\n if (viewMode === \"view\") {\n return null;\n }\n\n return (\n \n {\" \"}\n Create New\n
\n Submission{\" \"}\n
\n \n \n Submission{\" \"}\n
\n New Product\n New Pack\n Update Product\n Update Pack\n Mass Price Update\n
\n \n
\n );\n};\n","import React, { useState, useLayoutEffect, useContext } from \"react\";\nimport { GlobalContext } from \"contexts/GlobalStore.js\";\nimport { useHistory } from \"react-router-dom\";\nimport { CheckBox } from \"./CheckBox.js\";\nimport { Button } from \"../FormElements/Button/Button.js\";\n\nexport const SelectType = (props) => {\n const { setSidebarBehavior } = useContext(GlobalContext);\n const [selectedCheckBoxes, setSelectedCheckBoxes] = useState({\n NewProduct: { name: \"New Product\", checked: true },\n NewPack: { name: \"New Pack\", checked: false },\n UpdateProduct: { name: \"Update Product\", checked: false },\n UpdatePack: { name: \"Update Pack\", checked: false },\n MassPriceUpdate: { name: \"Mass Price Update\", checked: false },\n });\n const [selectedCount, setSelectedCount] = useState(0);\n let history = useHistory();\n\n /**\n * @function handleSelect -> converts all selection checked or unchecked depending on param\n * @description if param is true, all options will be checked, if false, all will be unchecked\n * @param {boolean}\n *\n * @function changeSelection -> convert selected option checked or unchecked.\n * @param {string} selectedOption\n */\n const handleSelect = (trueOrFalse) => {\n let checked = false; // DESELECT ALL\n if (trueOrFalse) {\n checked = true;\n } // SELECT ALL\n\n let newArray = {};\n\n if (selectedCheckBoxes) {\n Object.entries(selectedCheckBoxes).map(([key, item]) => {\n newArray[key] = { name: item.name, checked: checked };\n return null;\n });\n\n setSelectedCheckBoxes(newArray);\n }\n };\n\n const changeSelection = (selectedOptions) => {\n setSelectedCheckBoxes((prev) => ({\n ...prev,\n [selectedOptions]: {\n name: selectedCheckBoxes[selectedOptions].name,\n checked: !selectedCheckBoxes[selectedOptions].checked,\n },\n }));\n };\n\n useLayoutEffect(() => {\n let newSelectedCount = 0;\n if (selectedCheckBoxes) {\n Object.entries(selectedCheckBoxes).map(([key, item]) => {\n if (item.checked) {\n newSelectedCount++;\n }\n\n return null;\n });\n\n setSelectedCount(newSelectedCount);\n }\n }, [selectedCheckBoxes]);\n\n /**\n * @function filterStatus\n * @description collect all selected options and send to the page\n * @description NOT FINISHED YET.\n */\n const filterType = () => {\n let newArray = [];\n\n if (selectedCheckBoxes) {\n Object.entries(selectedCheckBoxes).map(([key, item]) => {\n if (item.checked) {\n newArray.push(key);\n }\n return null;\n });\n\n history.push({\n pathname: \"/list\",\n search: \"?\" + new URLSearchParams({ type: newArray }).toString(),\n });\n setSidebarBehavior({ position: \"narrow\", content: \"none\" });\n }\n };\n\n //-------------------------------------------------------------\n // \t\tRETURN\n //-------------------------------------------------------------\n return (\n \n Select Status\n
\n \n \n {\n handleSelect(true);\n }}\n >\n Select All\n {\" \"}\n -{\" \"}\n {\n handleSelect(false);\n }}\n >\n Deselect All\n \n
\n \n {!selectedCheckBoxes\n ? null\n : Object.entries(selectedCheckBoxes).map(([key, item]) => {\n return (\n {\n changeSelection(key);\n }}\n />\n );\n })}\n\n {\n filterStatus();\n }}\n additionalStyle={{ marginRight: 0 }}\n />\n
\n \n
\n );\n};\n","import React from \"react\";\n\nexport const RadioButton = (props) => {\n const { text, checked, onChange } = props;\n\n return (\n \n );\n};\n","import React, { useState, useContext, useLayoutEffect } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { UserContext } from \"contexts/UserStore.js\";\nimport { RadioButton } from \"./RadioButton.js\";\nimport { Button } from \"../FormElements/Button/Button.js\";\nimport { Link } from \"react-router-dom\";\n\nexport const UserSettings = (props) => {\n const { userState, changeSelectedCompany } = useContext(UserContext);\n const [allRadios, setAllRadios] = useState(\n userState.companyPermissions.map((item) => {\n return {\n ...item,\n checked: userState.selectedCompany?.id === item.id ? true : false,\n };\n }),\n );\n const [selectedOption, setSelectedOption] = useState(userState.selectedCompany);\n let history = useHistory();\n\n /**\n * CHANGE COMPANY SELECTION\n */\n const changeSelection = (selectedCompany) => {\n setAllRadios((prev) => ({\n ...prev,\n [selectedOption]: {\n name: allRadios[selectedOption].name,\n checked: false,\n },\n [selectedCompany]: {\n name: allRadios[selectedCompany].name,\n checked: true,\n },\n }));\n };\n useLayoutEffect(() => {\n let newSelectedOption = 0;\n if (allRadios) {\n Object.entries(allRadios).map(([key, item]) => {\n if (item.checked) {\n newSelectedOption = key;\n }\n\n return null;\n });\n\n setSelectedOption(newSelectedOption);\n }\n }, [allRadios]);\n\n //-------------------------------------------------------------\n // \t\tRETURN\n //-------------------------------------------------------------\n return (\n \n Select Type\n
\n \n \n {\n handleSelect(true);\n }}\n >\n Select All\n {\" \"}\n -{\" \"}\n {\n handleSelect(false);\n }}\n >\n Deselect All\n \n
\n \n {!selectedCheckBoxes\n ? null\n : Object.entries(selectedCheckBoxes).map(([key, item]) => {\n return (\n {\n changeSelection(key);\n }}\n />\n );\n })}\n\n {\n filterType();\n }}\n additionalStyle={{ marginRight: 0 }}\n />\n
\n \n {/* HEADER */}\n \n \n \n
\n \n )}\n {/* SWITCH COMPANY */}\n\n {!allRadios || allRadios.length < 2 ? null : (\n User Settings
\n \n\n {/* CURRENT ACCOUNT */}\n \n ![\"\"]({require(\"img/user.svg\")})
\n {userState.selectedCompany?.name}\n ![\"\"]({require(\"img/company.svg\")})
\n \n Log Out\n \n
\n {/* CURRENT ROLE */}\n {userState.currentPermLevel === -1 ? null : (\n CURRENT ACCOUNT:
\n {userState.userName}\n \n {userState.selectedCompany?.name}\n \n \n Log Out\n \n PERMISSIONS:
\n {userState.currentPermLevel === 0\n ? \"Indemand User\"\n : userState.currentPermLevel === 1\n ? \"Collate and track submissions (L1)\"\n : userState.currentPermLevel === 2\n ? \"Collate, track and authorise submissions (L2)\"\n : null}\n \n {\n changeSelection(key);\n }}\n />\n );\n })}\n\n {\n changeSelectedCompany(selectedOption);\n history.push(\"/\");\n }}\n additionalStyle={{ marginRight: 0 }}\n />\n
\n SWITCH COMPANY:
\n\n {!allRadios\n ? null\n : Object.entries(allRadios).map(([key, item]) => {\n return (\n \n
\n \n\n \n Datapharm runs emc (electronic medicines compendium), the UK’s\n leading provider of trusted medical information, and provides\n regulatory and compliance software solutions to the\n pharmaceutical industry.\n {\n window.open(\"https://www.datapharm.com/\", \"_blank\");\n }}\n >\n More About Us\n \n
\n \n \n You can contact with us if you have questions and problems with\n your account or if you need help about emc InDemand.\n {\n window.open(\n \"https://www.google.com/search?q=contact\",\n \"_blank\",\n );\n }}\n additionalStyle={{ marginRight: 0 }}\n />\n
\n \n );\n};\n","import React, { useContext } from \"react\";\nimport { GlobalContext } from \"contexts/GlobalStore\";\n\nexport const NavButton = (props) => {\n const { id, text, icon, onClick } = props;\n const { sidebarBehavior } = useContext(GlobalContext);\n\n return (\n \n })
\n
\n \n );\n};\n","import React, { useContext } from \"react\";\nimport { GlobalContext } from \"contexts/GlobalStore\";\n\nexport const NavButtonMD = (props) => {\n const { id, icon, onClick } = props;\n const { sidebarBehavior } = useContext(GlobalContext);\n\n return (\n \n emc med data browser\n })
\n
\n \n \n \n
\n \n );\n};\n","import React, { useContext } from \"react\";\nimport { GlobalContext } from \"contexts/GlobalStore\";\n\nexport const NavButtonContact = (props) => {\n const { id, icon, onClick } = props;\n const { sidebarBehavior } = useContext(GlobalContext);\n\n return (\n \n Contact\n })
\n
\n \n \n \n
\n \n );\n};\n","import React, { useContext, useState, useCallback } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport _ from \"lodash\";\nimport { GlobalContext } from \"contexts/GlobalStore\";\nimport { UserContext } from \"contexts/UserStore.js\";\nimport { BackEmblem } from \"../BackEmblem/BackEmblem.js\";\nimport { CreateNew } from \"./CreateNew.js\";\nimport { SelectStatus } from \"./SelectStatus.js\";\nimport { SelectType } from \"./SelectType.js\";\nimport { UserSettings } from \"./UserSettings.js\";\nimport { Contact } from \"./Contact.js\";\nimport { NavButton } from \"./NavButton.js\";\nimport { NavButtonMD } from \"./NavButtonMD.js\";\nimport { NavButtonContact } from \"./NavButtonContact.js\";\nimport \"./Sidebar.scss\";\n\nexport const Sidebar = (props) => {\n const history = useHistory();\n const { sidebarBehavior, setSidebarBehavior, pageName, goToHome } = useContext(GlobalContext);\n const { userState, isAuthenticated } = useContext(UserContext);\n const [disableOnMouseLeave, setDisableOnMouseLeave] = useState(false);\n\n /**\n * HANDLE CONTENT\n * @description changes sidebar behaviour in global store\n * @param {string} newContent\n */\n const handleContent = (newContent) => {\n if (newContent === sidebarBehavior.content) {\n return;\n }\n setDisableOnMouseLeave(true);\n setSidebarBehavior((prev) => ({\n ...prev,\n content: newContent,\n }));\n delayDisableMouseLeave();\n };\n\n const delayDisableMouseLeave = useCallback(\n _.debounce(async (obj) => {\n setDisableOnMouseLeave(false);\n }, 250),\n [],\n );\n\n /**\n * ON MOUSE LEAVE FROM SIDEBAR\n * @description if mouse leave over sidebar, sidebar has to turn condensed version\n * @description An additional function can be added here to block onMouseOver immediately. It may help to user.\n */\n const onMouseLeaveAction = () => {\n if (disableOnMouseLeave || sidebarBehavior.position === \"mobile\") {\n return;\n }\n\n if (\n sidebarBehavior.position !== \"narrow\" &&\n sidebarBehavior.position !== \"landing\" &&\n pageName !== \"homePage\"\n ) {\n return;\n } else if (pageName === \"aboutPage\" && sidebarBehavior.content !== \"about\") {\n handleContent(\"about\");\n } else if (\n ((pageName && pageName.split(\"/\")[0] === \"handlePage\") ||\n pageName === \"listingPage\" ||\n pageName === \"homePage\") &&\n sidebarBehavior.content !== \"none\"\n ) {\n handleContent(\"none\");\n }\n };\n\n //-------------------------------------------------------------\n // \t\tRETURN\n //-------------------------------------------------------------\n\n if (!isAuthenticated()) {\n return null;\n }\n\n return (\n \n
\n\n {/* BACKEMBLEM */}\n \n {/* LOGOS */}\n STATUS\"\n icon=\"arrow.svg\"\n onClick={() => {\n handleContent(\"selectStatus\");\n }}\n />\n TYPE\"\n icon=\"label.svg\"\n onClick={() => {\n handleContent(\"selectType\");\n }}\n />\n
\n {/* SIDEBAR HEADERZONE ENDED */}\n\n {/* SIDEBAR FOOTERZONE STARTED */}\n \n {\n goToHome();\n }}\n src={require(\"../../img/logoNegative.svg\")}\n alt=\"emc med data dm+d\"\n /> \n {\n goToHome();\n }}\n src={require(\"../../img/logoNegative_iconSize.svg\")}\n alt=\"emc med data dm+d\"\n /> \n
\n\n {/* SIDEBAR NAVIGATION BUTTONS */}\n {pageName === \"homePage\" ? null : (\n \n {\n window.open(\"https://www.emcmeddata.com\", \"_blank\");\n }}\n />\n {\n if (pageName === \"aboutPage\") {\n handleContent(\"none\");\n } else {\n // MOVED TO EXTERNAL VERSION FOR THIS VERSION\n // history.push(\"/About&Legal\");\n\n window.open(\n \"https://www.datapharm.com/products/emc-indemand\",\n \"_blank\",\n );\n }\n }}\n />\n {\n window.open(\n \"https://support.datapharm.com/knowledge\",\n \"_blank\",\n );\n }}\n />\n \" +\n userState.userName +\n \"
(\" +\n userState.selectedCompany?.name +\n \")User Settings\"\n }\n icon=\"user.svg\"\n onClick={() => {\n handleContent(\"userSettings\");\n }}\n />\n {\n window.open(\"https://www.datapharm.com/contact/\", \"_blank\");\n }}\n />\n
\n {/* SIDEBAR FOOTERZONE ENDED */}\n \n );\n};\n","import React, { useContext } from \"react\";\nimport { Link, useHistory } from \"react-router-dom\";\nimport { GlobalContext } from \"contexts/GlobalStore.js\";\n\nexport const HeaderActions = (props) => {\n const { headerActionsScrollYPosition } = props;\n const {\n pageName,\n headerTitles,\n callSaveAndContinue,\n setCallSaveAndContinue,\n callPreSection,\n setCallPreSection,\n callNextSection,\n setCallNextSection,\n } = useContext(GlobalContext);\n const history = useHistory();\n\n /**\n * GO BACK with useHistory\n */\n const goBack = () => {\n history.goBack();\n };\n\n /**\n * SCROLL TO ACTIONS ZONE\n */\n const scrollToAction = () => {\n document.getElementById(\"userActionsZone\").scrollIntoView({\n behavior: \"smooth\",\n });\n };\n\n //-------------------------------------------------------------\n // \t\tRETURN FOR ABOUT\n //-------------------------------------------------------------\n if (pageName === \"aboutPage\") {\n return (\n (\" +\n userState.selectedCompany?.name +\n \")User Settings\"\n }\n icon=\"user.svg\"\n onClick={() => {\n handleContent(\"userSettings\");\n }}\n />\n
\n {\n goBack();\n }}\n >\n BACK\n
\n \n {headerTitles.currentAction !== \"view\" ||\n (headerTitles.status !== \"Draft\" &&\n headerTitles.status !== \"ReadyForAuthorisation\") ? (\n \n {\n setCallPreSection(!callPreSection);\n }}\n />\n {\n setCallSaveAndContinue(!callSaveAndContinue);\n }}\n />\n {\n setCallNextSection(!callNextSection);\n }}\n />\n \n ) : null}\n
\n \n );\n }\n\n //-------------------------------------------------------------\n // \t\tRETURN FOR LISTING PAGE\n //-------------------------------------------------------------\n else if (pageName === \"listingPage\") {\n return (\n \n
\n \n
\n About & Legal
\n \n {globalAlert ? globalAlert.text : \"\"}\n
\n \n {!headerTitles.productName ? (\n \n
\n )}\n \n \n
\n ) : (\n {headerTitles.submissionType}
\n {headerTitles.submissionType}
\n {headerTitles.productName}
\n \n {\n {\n handleOnMouseOver();\n }}\n onMouseOut={() => {\n handleOnMouseOut();\n }}\n >\n {\n if (e.keyCode === 27) {\n handleOnMouseOut();\n }\n if (e.keyCode === 13) {\n handleSubmit(e);\n }\n }}\n \n /> */}\n
\n }\n \n {headerTitles.submissionType}
\n {headerTitles.productName}
\n {/* \n
\n \n );\n};\n","import React from \"react\";\nimport { useHistory } from \"react-router-dom\";\n\nexport const CardSeeAll = (props) => {\n const { howMuchMore, status } = props;\n let history = useHistory();\n\n return (\n \n \n \n \n
\n {status === statusLib.DRA.co ||\n status === statusLib.DRA.scr ||\n status === statusLib.RFA.co ||\n status === statusLib.RFA.scr ||\n status === statusLib.CAN.co ||\n status === statusLib.CAN.scr ? (\n {status}
\n\n {addSpaces(type)}
\n {medName}
\n \n Last Updated on {dateOn}\n
\n by {dateBy}\n
\n ) : status === statusLib.NHS.co ||\n status === statusLib.NHS.scr ||\n status === statusLib.PENSUB.co ||\n status === statusLib.PENSUB.scr ||\n status === statusLib.PENCAN.co ||\n status === statusLib.PENCAN.scr ? (\n \n by {dateBy}\n
\n Authorised on {dateOn}\n
\n by {dateBy}\n
\n ) : status === statusLib.CON.co ||\n status === statusLib.REJ.co ||\n status === statusLib.CON.scr ||\n status === statusLib.REJ.scr ? (\n \n by {dateBy}\n
{nhsMsg}
\n ) : null}\n \n
\n +{howMuchMore}
\n more submissions
\n See All
\n \n );\n};\n","import React, { useLayoutEffect, useState, useRef, useContext } from \"react\";\nimport _ from \"lodash\";\nimport useEventListener from \"@use-it/event-listener\";\nimport { ClientContext } from \"contexts/ClientStore.js\";\nimport { GlobalContext } from \"contexts/GlobalStore.js\";\n\nimport { Card } from \"../Card/Card.js\";\nimport { CardSeeAll } from \"../CardSeeAll/CardSeeAll.js\";\nimport \"./CardSliderForHome.scss\";\n\nexport const CardSliderForHome = (props) => {\n const { title, status, order } = props;\n const data = props.data ? props.data : [];\n const { CS } = useContext(ClientContext);\n const { convertDateForScreen } = useContext(GlobalContext);\n const [howMuchMore, setHowMuchMore] = useState();\n\n const sArea = useRef();\n const sAreaLong = useRef();\n const sLine = useRef();\n const sBar = useRef();\n const sBarZone = useRef();\n const mouseX = useRef();\n const delayFunc = useRef();\n const delayFunc2 = useRef();\n\n const [currentWINW, setCurrentWINW] = useState(CS.WINW);\n\n const [sBarMaxLeft, setSBarMaxLeft] = useState();\n const [sAreaMaxLeft, setSAreaMaxLeft] = useState();\n const [isSBarNeeded, setIsSBarNeeded] = useState();\n const [sBarLeftToWall, setSBarLeftToWall] = useState();\n const [halfOfSBar, setHalfOfSBar] = useState();\n\n /**\n * CALCULATE HOW MUCH MORE\n */\n useLayoutEffect(() => {\n setHowMuchMore(data.length - order);\n }, [data, order]);\n\n /**\n * INDIVIDUAL SCROLL BAR MOVEMENT\n * @description lots of Math\n */\n const blockScrollingIfDOMIsntReady = () => {\n if (\n (sBarMaxLeft && sBarMaxLeft) ||\n !sArea ||\n !sAreaLong ||\n !sLine ||\n !sBar ||\n !sBarZone ||\n !mouseX ||\n !delayFunc\n ) {\n return false;\n }\n return true;\n };\n const defineRects = () => {\n if (!blockScrollingIfDOMIsntReady) {\n return;\n }\n\n delayFunc2.current = _.delay(function () {\n let sAreaWidth = sArea.current.getBoundingClientRect().width; // -> görünür alanın genişliği\n let sAreaLongWidth = sAreaLong.current.getBoundingClientRect().width; //-> hareket eden alanın genişliği\n setSAreaMaxLeft(sAreaLongWidth - sAreaWidth); // maksimum scroll seviyesi\n\n if (sAreaLongWidth > sAreaWidth) {\n setIsSBarNeeded(true);\n let sBarRect = sBar.current.getBoundingClientRect();\n setSBarLeftToWall(sBarRect.left); // -> scroll barın sol duvara uzaklığı\n let sBarWidth = sBarRect.width; //-> scroll barın genişliği\n let sBarZoneWidth = sBarZone.current.getBoundingClientRect().width; //-> scroll barın hareket edebileceği genişlik\n setHalfOfSBar(sBarWidth / 2);\n setSBarMaxLeft(sBarZoneWidth - sBarWidth); // scrollBarın gelebileceği max left seviyesi\n }\n }, 500);\n };\n useLayoutEffect(() => {\n if ((sBarMaxLeft && currentWINW) === CS.WINW) {\n return;\n }\n defineRects();\n setCurrentWINW(CS.WINW);\n }, [CS.WINW]);\n const onScrollLeft = () => {\n if (!blockScrollingIfDOMIsntReady) {\n return;\n }\n let sAreaSLeft = sArea.current.scrollLeft;\n sBar.current.style.left = sAreaSLeft * (sBarMaxLeft / sAreaMaxLeft) + \"px\";\n };\n const onBarDrag = (mX, e) => {\n if (!blockScrollingIfDOMIsntReady) {\n return;\n }\n if (delayFunc) {\n clearTimeout(delayFunc.current);\n }\n let newVal;\n if (sBarLeftToWall + halfOfSBar > mX) {\n newVal = 0;\n } else if (mX > sBarLeftToWall + halfOfSBar + sBarMaxLeft) {\n newVal = sBarMaxLeft;\n } else {\n newVal = mX - sBarLeftToWall - halfOfSBar;\n }\n sBar.current.style.left = newVal + \"px\";\n // sArea.current.scrollLeft = newVal * (sAreaMaxLeft / sBarMaxLeft);\n sArea.current.scrollable = false;\n delayFunc.current = _.delay(function () {\n sArea.current.scrollable = true;\n }, 750);\n\n sArea.current.scrollTo({\n left: newVal * (sAreaMaxLeft / sBarMaxLeft),\n behavior: \"smooth\",\n });\n\n e.preventDefault();\n };\n const getMX = (e) => {\n if (!blockScrollingIfDOMIsntReady) {\n return;\n }\n if (sLine && sLine.current && sLine.current.mouseDown) {\n mouseX.current = Number((e.clientX || 0).toFixed(0));\n onBarDrag(mouseX.current, e);\n }\n };\n useEventListener(\"mousemove\", (e) => {\n getMX(e);\n });\n useEventListener(\"mouseup\", () => {\n if (sLine && sLine.current && sLine.current.mouseDown) {\n sLine.current.mouseDown = false;\n }\n });\n\n /**\n * UNMOUNT & CLEAR FOR DELAY FUNCTIONS\n */\n useLayoutEffect(() => {\n return () => {\n clearTimeout(delayFunc.current);\n clearTimeout(delayFunc2.current);\n };\n }, []);\n\n //-------------------------------------------------------------\n // \t\tRETURN\n //-------------------------------------------------------------\n if (!data) {\n return null;\n }\n return (\n \n {title}\n ({data.length})\n
\n\n {/* SEARCH BAR */}\n \n {/* CALL CARDS */}\n {!data || data.length === 0 ? (\n \n You don't have any \"{title}\" submission.\n
\n ) : (\n data.map((item, key) => {\n if (key > order - 1) {\n return null;\n }\n return (\n \n {\n sLine.current.mouseDown = true;\n getMX(e);\n }}\n >\n \n \n
\n \n )}\n \n
\n );\n }\n return (\n \n Welcome to emc med data dm+d.\n
\n
\n \n
\n Welcome to emc med data dm+d. You haven't yet made any submissions to the NHS\n BSA. Once started, your submissions will appear here. Please Create a New\n Submission using the menu option\n
\nSearch a Submission
\n \n {placeHolder}\n
\n );\n};\n","import React, { useContext } from \"react\";\nimport { GlobalContext } from \"contexts/GlobalStore.js\";\n\nimport \"./SummarySection.scss\";\n\nexport const SummarySection = (props) => {\n const { savedData } = props;\n const { convertDateForScreen } = useContext(GlobalContext);\n\n const findClassName = (status) => {\n if (status === \"Draft\") {\n return \"draft\";\n }\n if (status === \"ReadyForAuthorisation\") {\n return \"ready\";\n }\n if (status === \"PendingSubmission\" || status === \"PendingCancellation\") {\n return \"pending\";\n }\n if (status === \"WithNhsBsa\") {\n return \"withNHS\";\n }\n if (status === \"Confirmed\") {\n return \"confirmed\";\n }\n if (status === \"Rejected\") {\n return \"rejected\";\n }\n if (status === \"Cancelled\") {\n return \"canceled\";\n }\n };\n\n const newClass = findClassName(savedData.status);\n\n //-------------------------------------------------------------\n // \t\tRETURN\n //-------------------------------------------------------------\n\n return (\n \n
\n );\n};\n","import React from \"react\";\n\nimport \"./FreeForm.scss\";\n\nexport const FreeForm = (props) => {\n const { savedData } = props;\n\n\n const getResponse = (e) => {\n const thisResponses = e.responses.map((name, index) =>\n // name.additionalInfo\n \n
\n\n Status
\n \n \n \n \n
\n \n
\n \n
\n ID
\n \n {savedData.submissionId > 0 ? savedData.submissionId : 'Not yet assigned'}\n
\n \n
\n \n
\n Type
\n \n {savedData.type}\n
\n \n
\n \n
\n Name
\n \n {savedData.title}\n
\n \n
\n \n
\n Last Updated
\n \n \n by {savedData.modifiedBy} on {convertDateForScreen(savedData.modified)}\n \n
\n \n
\n );\n};\n","import React from \"react\";\nimport useEventListener from \"@use-it/event-listener\";\n\nimport { Button } from \"../Button/Button.js\";\nimport \"./ApprovalZone.scss\";\n\nexport const ApprovalZone = (props) => {\n const {\n onConfirm,\n onDecline,\n headerText,\n redText,\n onConfirmText,\n onDeclineText,\n areYouSureText,\n } = props;\n\n /**\n * EVENT LISTENER FOR ENTER or ESC\n * @description onConfirm when Enter pressed - onDecline when Esc pressed\n */\n useEventListener(\"keydown\", (e) => {\n if (e.keyCode === 13 || e.keyCode === 32) {\n e.preventDefault();\n onConfirm();\n } else if (e.keyCode === 27) {\n e.preventDefault();\n onDecline();\n }\n\n return;\n });\n\n //-------------------------------------------------------------\n // \t\tRETURN\n //-------------------------------------------------------------\n\n if (!onConfirm || !onDecline || !headerText || !redText) {\n return null;\n }\n return (\n - \n {newResponse}\n
\n
\n );\n};\n","import React, { useLayoutEffect, useState, useContext } from \"react\";\nimport { Prompt } from \"react-router\";\nimport { useHistory } from \"react-router-dom\";\nimport useEventListener from \"@use-it/event-listener\";\nimport _ from \"lodash\";\n\nimport { GlobalContext } from \"contexts/GlobalStore.js\";\nimport { UserContext } from \"contexts/UserStore.js\";\nimport { Button } from \"components/FormElements/Button/Button.js\";\nimport { Seperator } from \"components/FormElements/Seperator/Seperator.js\";\nimport { ApprovalZone } from \"components/FormElements/ApprovalZone/ApprovalZone.js\";\nimport { FetchAPI } from \"components/APIConnections/APIConnections.js\";\nimport { IsLoading } from \"components/IsLoading/IsLoading.js\";\n\nexport const UserActions = (props) => {\n const {\n data,\n errorFieldNameClicked,\n settings,\n setSettings,\n sections,\n convertCurrentValueToSavedValue,\n silentUpdateData,\n areTheyEqual,\n } = props;\n const {\n ID,\n action,\n status,\n submissionType,\n submissionID,\n internalState,\n isThereAnyChange,\n } = settings;\n const {\n isNotEmpty,\n callSaveAndContinue,\n callPreSection,\n callNextSection,\n headerTitles,\n triggerGlobalAlert,\n showErrorLogsOnConsole,\n } = useContext(GlobalContext);\n const { userState } = useContext(UserContext);\n const [allErrorFields, setAllErrorFields] = useState([]);\n let history = useHistory();\n\n const [propsForApprovalState, setPropsForApprovalState] = useState();\n const [localIsLoading, setLocalIsLoading] = useState(false);\n const [firstRender, setFirstRender] = useState(true);\n const [promptWhen, setPromptWhen] = useState(true);\n\n /**\n * FIND ALL ERROR FIELDS\n */\n useLayoutEffect(() => {\n if (!data) {\n return;\n }\n let newAllErrorFields = [];\n\n Object.entries(data).map(([key, item]) => {\n if (\n (action !== \"view\" && (item.internalState || 1) > (internalState || 1)) ||\n item.dontSendToApi\n ) {\n return null;\n }\n\n if (item.errorText && item.errorText !== [] && item.errorText.length > 0) {\n newAllErrorFields.push(key);\n }\n return null;\n });\n\n setAllErrorFields(newAllErrorFields);\n }, [data, internalState, action]);\n\n /**\n * EVENT LISTENER FOR CTRL + S - AND ARROW KEYS\n * @description ctrl S is triggering save as draft -> saveAndContinue in UserActions\n */\n useEventListener(\"keydown\", (e) => {\n if (action === \"view\") {\n return;\n }\n\n const preventDef = (e) => {\n if (e.preventDefault) {\n e.preventDefault();\n }\n };\n\n let isCtrlKeyDown = navigator.platform.indexOf(\"Mac\") > -1 ? e.metaKey : e.ctrlKey;\n let isSDown = (e.key && e.key === \"s\") || (e.keyCode || e.which) === 83;\n\n if (isCtrlKeyDown && isSDown) {\n preventDef(e);\n saveAndContinue();\n return false;\n }\n });\n\n /**\n * DISABLE or ENABLE SCROLLING DEPENDING on APPROVAL STATEs\n */\n useLayoutEffect(() => {\n if (propsForApprovalState || localIsLoading) {\n // scroll disabled\n document.getElementsByTagName(\"body\")[0].setAttribute(\"style\", \"overflow-y:hidden;\");\n } else {\n // scroll enabled\n document.getElementsByTagName(\"body\")[0].setAttribute(\"style\", \"overflow-y:auto;\");\n }\n }, [propsForApprovalState, localIsLoading]);\n\n /**\n * UNMOUNT EFFECT FOR ENABLE SCROLLING.\n * @description need this, because on page switch, scrolling left disabled without this correction.\n */\n useLayoutEffect(() => {\n setPromptWhen(true);\n return () => {\n setLocalIsLoading(false);\n setPropsForApprovalState();\n document.getElementsByTagName(\"body\")[0].setAttribute(\"style\", \"overflow-y:auto;\");\n };\n }, []);\n\n /**\n * REMOVE FIRST RENDER\n */\n useLayoutEffect(() => {\n setFirstRender(false);\n }, []);\n\n /**\n * HANDLE GO TO TOP\n * @description Goes to top of the page smoothly.\n */\n const handleGoToTop = () => {\n window.scrollTo({ top: 0, left: 0, behavior: \"smooth\" });\n };\n\n /**\n * LISTEN JUMP TO SECTION\n */\n const jumpToSection = (preOrNext) => {\n if (\n (submissionType === \"UpdateProduct\" && internalState < 3) ||\n (submissionType === \"UpdatePack\" && internalState < 4)\n ) {\n return;\n }\n\n let scrollY = Math.round(\n window.scrollY ||\n window.scrollTop ||\n document.getElementsByTagName(\"html\")[0].scrollTop,\n );\n\n let allSectionYValues = [];\n sections.forEach((item) => {\n allSectionYValues.push(document.getElementById(item).offsetTop);\n });\n allSectionYValues.sort(function (a, b) {\n return a - b;\n });\n\n const arraySiraliEkle = (array, elem) => {\n let i = 0;\n while (i < array.length && array[i] < elem) {\n i++;\n }\n return i;\n };\n\n let i = arraySiraliEkle(allSectionYValues, scrollY);\n\n let prePoint = allSectionYValues[i - 1];\n if (prePoint === scrollY || (prePoint < scrollY + 10 && prePoint > scrollY - 10)) {\n prePoint = allSectionYValues[i - 2];\n }\n if (!prePoint) {\n prePoint = 0;\n }\n\n let nextPoint = allSectionYValues[i];\n if (nextPoint === scrollY || (nextPoint < scrollY + 10 && nextPoint > scrollY - 10)) {\n nextPoint = allSectionYValues[i + 1];\n }\n if (!nextPoint) {\n nextPoint = document.body.scrollHeight;\n }\n\n if (preOrNext === \"pre\") {\n window.scrollTo({ top: prePoint, left: 0, behavior: \"smooth\" });\n } else if (preOrNext === \"next\") {\n window.scrollTo({ top: nextPoint, left: 0, behavior: \"smooth\" });\n }\n };\n\n /**\n * CHANGE STATUS\n * @description change submission status from Draft to \"ReadyForAuthorisation\" or \"PendingSubmission\" or \"Cancelled\"\n * This works, if the user editing the page.\n * Otherwise, if user creating a new page, (action===\"new\") mark button directs user to SaveAndGoHome function.\n */\n const changeStatus = async (newStatus) => {\n if (!newStatus) {\n return;\n }\n let serverReply;\n\n if (newStatus === \"cancel\") {\n serverReply = await FetchAPI({\n showErrorLogsOnConsole: showErrorLogsOnConsole,\n callbackWithErrorStatusOrConfirmation: true,\n history: history,\n apiShortName: \"markAsCancelled\",\n token: userState.accessToken,\n apiNeeds: {\n ID: ID,\n submissionID: submissionID,\n companyId: userState.selectedCompany?.id,\n },\n setIsLoading: (boo) => {\n setLocalIsLoading(boo);\n },\n });\n } else if (newStatus === \"rfa\") {\n serverReply = await FetchAPI({\n showErrorLogsOnConsole: showErrorLogsOnConsole,\n callbackWithErrorStatusOrConfirmation: true,\n history: history,\n apiShortName: \"updateASubmission\",\n token: userState.accessToken,\n apiNeeds: {\n companyId: userState.selectedCompany?.id,\n ID: ID,\n submissionID: submissionID,\n name: settings.name,\n status: \"ReadyForAuthorisation\",\n },\n setIsLoading: (boo) => {\n setLocalIsLoading(boo);\n },\n });\n } else if (newStatus === \"nhs\") {\n serverReply = await FetchAPI({\n showErrorLogsOnConsole: showErrorLogsOnConsole,\n callbackWithErrorStatusOrConfirmation: true,\n history: history,\n apiShortName: \"updateASubmission\",\n token: userState.accessToken,\n apiNeeds: {\n companyId: userState.selectedCompany?.id,\n ID: ID,\n submissionID: submissionID,\n name: settings.name,\n status: \"PendingSubmission\",\n },\n setIsLoading: (boo) => {\n setLocalIsLoading(boo);\n },\n });\n } else {\n history.push({ pathname: \"/error/missingStatusName\" });\n }\n\n if (serverReply.ok === false || serverReply.id === undefined) {\n // !permissions.ok gives an error because undefined is not a false in BE side.\n setLocalIsLoading(false);\n setPropsForApprovalState({\n pathName: \"/\",\n headerText: \"A server error has occurred (\" + serverReply.status + \")\",\n redText: \"Your submission has not been successful. \",\n areYouSureText: \"Would you like to try again? \",\n onConfirmText: \"Yes\",\n onConfirm: () => {\n setPropsForApprovalState();\n },\n onDeclineText: \"No\",\n onDecline: () => {\n history.push({ pathname: \"/\" });\n },\n });\n } else {\n setPromptWhen(false);\n history.push({ pathname: \"/\" });\n }\n };\n\n /**\n * CREATE THE API PACKAGE for CURRENT VALUES and POST IT\n * @description updates store depending on changes via fields.\n */\n const createApiPackage = async () => {\n if (!data) {\n return false;\n }\n let newData = _.cloneDeep(data);\n\n /**\n * CHECK IF FILE IS UPLOADED or NOT\n * Then, upload if it's not uploaded yet.\n */\n if (\n (submissionType === \"NewProduct\" ||\n submissionType === \"NewPack\" ||\n submissionType === \"UpdateProduct\" ||\n submissionType === \"UpdatePack\") &&\n data.smpcFile?.currentValue?.fileProps &&\n !data.smpcFile?.currentValue?.fileUrl\n ) {\n let serverReply = await FetchAPI({\n showErrorLogsOnConsole: showErrorLogsOnConsole,\n callbackWithErrorStatusOrConfirmation: true,\n history: history,\n apiShortName: \"fileUpload\",\n token: userState.accessToken,\n apiNeeds: {\n fileProps: data.smpcFile.currentValue.fileProps[0],\n },\n });\n\n let URL = serverReply.uri;\n\n newData.smpcFile.currentValue.fileUrl = URL;\n silentUpdateData(\"smpcFile\", {\n ...data.smpcFile.currentValue,\n fileUrl: URL,\n });\n }\n\n /**\n * CREATE API PACKAGE\n */\n let apiPackage = {};\n\n Object.keys(newData).forEach((item) => {\n if (\n !newData[item].dontSendToApi &&\n isNotEmpty(newData[item].currentValue) &&\n (newData[item].internalState || 1) <= (internalState || 1)\n ) {\n apiPackage[item] = convertCurrentValueToSavedValue(\n newData[item],\n newData[item].currentValue,\n );\n }\n });\n\n if (Object.keys(apiPackage).length === 0) {\n return false;\n }\n\n /**\n * @description NewPack doesn't have name field. But Api needs it.\n * In here, I'm creating a name field for newPack and for other forms as well, if their name field is empty.\n * Because validations are not blocking for Draft Saving.\n */\n if (!apiPackage.name) {\n apiPackage.name = headerTitles.productName || \"No Name\";\n }\n /**\n * UpdateProduct and UpdatePack needs some extra fields depending on discontinue product or pack values.\n */\n if (submissionType === \"UpdateProduct\" || submissionType === \"UpdatePack\") {\n if (\n (data.discontinueProduct || data.discontinuePack) &&\n (data.discontinueProduct?.currentValue?.label === \"Yes\" ||\n data.discontinuePack?.currentValue?.label === \"Yes\")\n ) {\n apiPackage.discontinued = true;\n }\n }\n /**\n * Add Single Price update here --->\n */\n if (submissionType === \"UpdatePack\") {\n apiPackage.singlePriceUpdate = false;\n\n if (settings.inComingPack && data.price) {\n const relatedFields_isItSinglePriceSub = [\n \"quantity\",\n \"legalCategory\",\n \"subpackInfo\",\n \"gtinCodes\",\n \"calendarPack\",\n \"hospitalPack\",\n \"limitedStability\",\n ];\n\n if (\n !areTheyEqual(settings.inComingPack.price.currentValue, data.price.currentValue)\n ) {\n apiPackage.singlePriceUpdate = true;\n\n for (let i = 0; i < relatedFields_isItSinglePriceSub.length; i++) {\n let item = relatedFields_isItSinglePriceSub[i];\n if (\n !areTheyEqual(\n settings.inComingPack[item].currentValue,\n data[item].currentValue,\n )\n ) {\n apiPackage.singlePriceUpdate = false;\n break;\n }\n }\n }\n }\n }\n\n /**\n * remove 0 items from the list\n */\n if (submissionType === \"MassPriceUpdate\") {\n apiPackage[\"prices\"] = apiPackage[\"prices\"].filter(item => item.newPrice > 0);\n const priceLength = apiPackage[\"prices\"].length;\n\n if(priceLength === 0)\n return null;\n\n apiPackage[\"name\"] = apiPackage[\"name\"].replace(/(\\d+)/g, priceLength);\n }\n\n return apiPackage;\n };\n\n /**\n * POST SUBMISSION is a assistant function.\n * Is called by SaveAndContinue or SaveAndGoHome functions.\n */\n const postSubmission = async (apiPackage, newStatus = \"draft\", disableIsLoading = false) => {\n let newStatusName;\n if (newStatus === \"draft\") {\n newStatusName = \"Draft\";\n } else if (newStatus === \"rfa\") {\n newStatusName = \"ReadyForAuthorisation\";\n } else if (newStatus === \"nhs\") {\n newStatusName = \"PendingSubmission\";\n } else if (newStatus === \"cancel\") {\n newStatusName = \"Cancelled\";\n }\n\n /**\n * CREATE SUBMISSION DEPENDING ON REQUEST\n */\n let serverReply = await FetchAPI({\n showErrorLogsOnConsole: showErrorLogsOnConsole,\n callbackWithErrorStatusOrConfirmation: true,\n history: history,\n apiShortName: action === \"new\" ? \"postNewSubmission\" : \"updateASubmission\",\n token: userState.accessToken,\n apiNeeds: {\n title: apiPackage.name,\n status: newStatusName, // --> Draft RFA or pending submission -> CHANGE HERE.\n type: submissionType,\n companyId: userState.selectedCompany?.id,\n ...(action === \"edit\" && { ID: ID, submissionID: submissionID }),\n data: {\n ...apiPackage,\n },\n },\n });\n\n return serverReply;\n };\n const saveAndGoHome = async (newStatus) => {\n let apiPackage = await createApiPackage();\n if (!apiPackage) {\n return;\n }\n\n setLocalIsLoading(true);\n\n let serverReply = await postSubmission(apiPackage, newStatus);\n\n // GO HOME AFTER SAVING\n\n if (serverReply.ok === false || serverReply.id === undefined) {\n let headerText = \"A server error has occurred (\" + serverReply.status + \")\";\n let redText = \"Your data has not been saved.\";\n\n if(serverReply.status === 400) {\n headerText = \"Invalid Data\";\n redText = await serverReply.text();\n }\n\n setLocalIsLoading(false);\n setPropsForApprovalState({\n pathName: \"/\",\n headerText: headerText,\n redText: redText,\n areYouSureText: \"Would you like to try again? \",\n onConfirmText: \"Yes\",\n onConfirm: () => {\n setPropsForApprovalState();\n }, \n onDeclineText: \"No\",\n onDecline: () => {\n history.push({ pathname: \"/\" });\n },\n });\n } else {\n setLocalIsLoading(false);\n setPromptWhen(false);\n history.push({ pathname: \"/\" });\n }\n };\n const saveAndContinue = async () => {\n if (!isThereAnyChange) {\n return;\n }\n let apiPackage = await createApiPackage();\n if (!apiPackage) {\n return;\n }\n\n if (showErrorLogsOnConsole) {\n console.log(apiPackage);\n }\n\n let serverReply = await postSubmission(apiPackage, \"draft\", false);\n\n if (serverReply.ok === false || serverReply.id === undefined) {\n triggerGlobalAlert({\n text: \"Your data has not been saved. (\" + serverReply.status + \")\",\n status: \"warn\",\n });\n } else if (action === \"new\") {\n setPromptWhen(false);\n history.push(\"/edit/\" + serverReply.id);\n } else {\n triggerGlobalAlert({\n text: \"Saved successfully.\",\n });\n setSettings({ ...settings, isThereAnyChange: false });\n }\n };\n\n useLayoutEffect(() => {\n if (firstRender) {\n return;\n }\n saveAndContinue();\n }, [callSaveAndContinue]);\n useLayoutEffect(() => {\n if (firstRender) {\n return;\n }\n jumpToSection(\"pre\");\n }, [callPreSection]);\n useLayoutEffect(() => {\n if (firstRender) {\n return;\n }\n jumpToSection(\"next\");\n }, [callNextSection]);\n\n //-------------------------------------------------------------\n // \t\tRETURN\n //-------------------------------------------------------------\n\n return (\n \n
\n {headerText}
\n {redText}
\n {areYouSureText ? areYouSureText : \"Are you sure?\"}
\n \n {\n onConfirm();\n }}\n />\n {\n onDecline();\n }}\n additionalStyle={{ marginRight: 0 }}\n />\n
\n \n You have missing fields in the form. For marking the submission as \"Ready to\n Authorisation\" or for submitting submission to NHS, please edit and fill all\n mandatory fields.\n
\n ) : null}\n\n {/* VALIDATION ERRORS DETAILS BOX for NEW-EDIT */}\n {action !== \"view\" &&\n status === \"Draft\" &&\n allErrorFields &&\n allErrorFields.length > 0 ? (\n \n You have missing fields in the form. For marking the submission as \"Ready to\n Authorisation\" or for submitting submission to NHS, please correct these fields:\n \n
\n {allErrorFields.map((error) => {\n let errorFieldName = data[error].fieldName;\n\n return (\n {\n errorFieldNameClicked(error);\n }}\n >\n {errorFieldName}\n \n );\n })}\n
\n ) : null}\n\n {/* EDIT SUBMISSION BUTTON */}\n\n {action === \"view\" && status === \"Draft\" ? (\n \n {allErrorFields.map((error) => {\n let errorFieldName = data[error].fieldName;\n\n return (\n
\n {\n window.print();\n }}\n >\n PRINT\n
\n -
\n EXPORT
\n -
\n {placeHolder}
;\n};\n","import * as React from \"react\";\nimport { useEffect } from \"react\";\n\nexport const FeatureFlagsStore = React.createContext({});\n\nconst FeatureFlagsProvider = ({ children }) => {\n const initDefaults = {\n enableNhsBsaEmailAddress: undefined\n }\n\n const errorDefaults = {\n enableNhsBsaEmailAddress: false\n }\n\n const [flags, setFlags] = React.useState(initDefaults);\n\n useEffect(() => {\n async function getFlags() {\n try {\n const url = `${process.env.REACT_APP_API_PATH}/features/management`;\n const headers = {\n \"Content-Type\": \"application/json\",\n };\n\n const response = await fetch(url, { method: \"GET\", headers: headers });\n if (!response.ok) {\n throw new Error();\n }\n\n setFlags(await response.json());\n } catch {\n setFlags(errorDefaults)\n }\n }\n\n getFlags();\n }, []);\n\n return \n To request an ingredient be added to the dm+d please click here. Once the ingredient has been added to the dm+d, you will be able to make your submission to the NHS BSA\n
\n\n );\n \n};\n","const today = new Date();\nconst todayYear = today.getFullYear();\nconst newYears = [];\nfor (let i = 0; i < 3; i++) {\n newYears.push({\n label: todayYear + i + \"\",\n value: todayYear + i + \"\",\n });\n}\nconst newDays = [];\nfor (let i = 1; i < 31 + 1; i++) {\n newDays.push({ label: i + \"\", value: i + \"\" });\n}\n\nexport const defaultDateOptions = {\n month: [\n { label: \"Jan\", value: \"1\" },\n { label: \"Feb\", value: \"2\" },\n { label: \"Mar\", value: \"3\" },\n { label: \"Apr\", value: \"4\" },\n { label: \"May\", value: \"5\" },\n { label: \"Jun\", value: \"6\" },\n { label: \"Jul\", value: \"7\" },\n { label: \"Aug\", value: \"8\" },\n { label: \"Sep\", value: \"9\" },\n { label: \"Oct\", value: \"10\" },\n { label: \"Nov\", value: \"11\" },\n { label: \"Dec\", value: \"12\" },\n ],\n year: newYears,\n day: newDays,\n};\n\nexport const yesNoNA = [\n { value: \"NA\", label: \"Not Applicable\" },\n { value: \"Yes\", label: \"Yes\" },\n { value: \"No\", label: \"No\" },\n];\n\nexport const yesNo = [\n { value: \"Yes\", label: \"Yes\" },\n { value: \"No\", label: \"No\" },\n];\n\nexport const trueFalse = [\n { value: true, label: \"True\" },\n { value: false, label: \"False\" },\n];","import React, { useRef, useState, useContext, useLayoutEffect } from \"react\";\nimport { GlobalContext } from \"contexts/GlobalStore.js\";\nimport useDebounce from \"./useDebounce.js\";\n\nexport const TextInput = (props) => {\n const { data, keyName, updateData, additionalStyle, setIsFocused2, viewMode } = props;\n const {\n placeHolder,\n fieldName,\n currentValue,\n informationText,\n errorText,\n validationRules,\n alwaysNonEditable,\n } = data;\n const { turnArrayToLines, isNotEmpty } = useContext(GlobalContext);\n\n const [localCurrentValue, setLocalCurrentValue] = useState(currentValue);\n const [firstFocus, setFirstFocus] = useState(false);\n const inputZone = useRef();\n const debouncedSearchTerm = useDebounce(localCurrentValue, 250);\n\n /**\n * UPDATE DATA IN PARENT\n * @description sends local variables to parent with lodash\n */\n useLayoutEffect(() => {\n if (!firstFocus) {\n return;\n }\n\n if (debouncedSearchTerm) {\n updateData(keyName, localCurrentValue);\n } else {\n updateData(keyName, \"\");\n }\n }, [debouncedSearchTerm]);\n\n /**\n * UPDATE LOCAL CURRENT VALUE, IF AN EXTERNAL TOUCH ARRIVES\n */\n useLayoutEffect(() => {\n if (!data) {\n return;\n }\n if (currentValue !== localCurrentValue) {\n setLocalCurrentValue(currentValue);\n }\n }, [currentValue]);\n\n //-------------------------------------------------------------\n // \t\tRETURN\n //-------------------------------------------------------------\n if (data.dontSendToApi && viewMode === \"view\") {\n return null;\n } else if (viewMode === \"view\" || alwaysNonEditable) {\n return (\n \n
\n );\n }\n\n return (\n {fieldName}
\n \n {currentValue}\n
\n {informationText}
: null}\n {firstFocus && errorText?.length > 0 ? (\n {turnArrayToLines(errorText)}
\n ) : null}\n \n );\n};\n","//https://dev.to/gabe_ragland/debouncing-with-react-hooks-jci\n\nimport { useState, useEffect } from \"react\";\n\nexport default function useDebounce(value, delay) {\n // State and setters for debounced value\n const [debouncedValue, setDebouncedValue] = useState(value);\n\n useEffect(\n () => {\n // Update debounced value after delay\n const handler = setTimeout(() => {\n if (!value || value === \"\") {\n setDebouncedValue(null);\n } else {\n setDebouncedValue(value);\n }\n }, delay);\n\n // Cancel the timeout if value changes (also on delay change or unmount)\n // This is how we prevent debounced value from updating if value is changed ...\n // .. within the delay period. Timeout gets cleared and restarted.\n return () => {\n clearTimeout(handler);\n };\n },\n [value, delay], // Only re-call effect if value or delay changes\n );\n\n return debouncedValue;\n}\n","import React, { useContext, useState, useRef } from \"react\";\nimport { GlobalContext } from \"contexts/GlobalStore.js\";\nimport _ from \"lodash\";\n\nexport const MultipleTextInput = (props) => {\n const { data, keyName, updateData, viewMode } = props;\n const { placeHolder, fieldName, currentValue, errorText, informationText } = data;\n const { turnArrayToLines } = useContext(GlobalContext);\n const [localInputValue, setLocalInputValue] = useState();\n const [firstFocus, setFirstFocus] = useState(false);\n const inputZone = useRef();\n\n /**\n * A NEW ITEM ADDED\n * @description send new selected value through parent.\n */\n const anItemAdded = () => {\n let localInputValue2 = localInputValue?.trim();\n if (!localInputValue2) {\n return;\n }\n\n let newCurrentValue = _.cloneDeep(currentValue || []);\n if (newCurrentValue.indexOf(localInputValue2) >= 0) {\n // inputZone.current.value = \"\";\n setLocalInputValue(\"\");\n } else {\n newCurrentValue.push(localInputValue2);\n updateData(keyName, newCurrentValue);\n setLocalInputValue(\"\");\n }\n };\n\n /**\n * REMOVE AN ITEM\n * @description removes an item from Current values\n */\n const removeAnItem = (item) => {\n let newArray = (currentValue || []).filter((VAL) => {\n return VAL !== item;\n });\n updateData(keyName, newArray);\n };\n\n /**\n * PREPARE TYPED VALUES\n * @description prepares typedValues for currentValue\n */\n const typedValues = (currentValue || []).map((item, key) => {\n return (\n {item}
\n \n
\n );\n }\n\n return (\n {fieldName}
\n \n {!currentValue\n ? null\n : currentValue.map((item, key) => {\n return {item};\n })}\n
\n {informationText}
: null}\n {firstFocus && errorText?.length > 0 ? (\n {turnArrayToLines(errorText)}
\n ) : null}\n \n );\n};\n","import React, { useState, useCallback, useRef, useLayoutEffect, useContext } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { GlobalContext } from \"contexts/GlobalStore.js\";\nimport { UserContext } from \"contexts/UserStore.js\";\nimport { FetchAPI } from \"../../APIConnections/APIConnections.js\";\nimport _ from \"lodash\";\n\nexport const SelectBox = (props) => {\n const {\n data,\n keyName,\n updateData,\n silentUpdateData,\n additionalStyle,\n setIsFocused2,\n viewMode,\n onChange\n } = props;\n const {\n placeHolder,\n fieldName,\n currentValue,\n optionValue,\n apiNameForOptionValue,\n informationText,\n handleData,\n errorText,\n validationRules,\n alwaysNonEditable,\n } = data;\n const { turnArrayToLines, isNotEmpty, showErrorLogsOnConsole } = useContext(GlobalContext);\n const { userState } = useContext(UserContext);\n const [isFocused, setIsFocused] = useState(false);\n const [firstFocus, setFirstFocus] = useState(false);\n const [localLoading, setLocalLoading] = useState(false);\n const [localInputValue, setLocalInputValue] = useState(\"\");\n const [localOptionBuffer, setLocalOptionBuffer] = useState();\n const inputZone = useRef();\n let history = useHistory();\n\n /**\n * CALL NEW OPTINS VIA API\n * @description call new options for dynamic selectBox\n * @description works with lodash\n */\n const callNewOptionsViaAPI = useCallback(\n _.debounce(async (value) => {\n let newData = await FetchAPI({\n showErrorLogsOnConsole: showErrorLogsOnConsole,\n history: history,\n apiShortName: apiNameForOptionValue,\n token: userState.accessToken,\n apiNeeds: {\n value: value,\n companyId: userState.selectedCompany?.id,\n },\n });\n\n if (handleData) {\n newData = handleData({ DATA: newData });\n }\n\n setLocalOptionBuffer(newData);\n setLocalLoading(false);\n }, 500),\n [],\n );\n useLayoutEffect(() => {\n if (!localOptionBuffer) {\n return;\n }\n\n silentUpdateData(keyName, localOptionBuffer, \"optionValue\");\n setLocalOptionBuffer();\n }, [localOptionBuffer]);\n\n /**\n * PREPARE FILTERED OPTIONS\n * @description filtered \"options\" before mapping it.\n */\n const filteredOptions = (optionValue || [])\n .filter(\n (option) =>\n option.label\n .toLowerCase()\n .includes(localInputValue ? String(localInputValue).toLowerCase() : \"\") ||\n !localInputValue,\n )\n .map((item, key) => {\n return (\n \n
\n );\n }\n return (\n {fieldName}
\n \n {fieldName === \"Restrictions on Availability\" && currentValue?.value === \"0008\"\n ? currentValue.label =\"Hospital Only\"\n : currentValue\n ? currentValue.label \n : \"\"\n }\n \n
\n ![\"\"]({require(\"img/downArrow.svg\")})
\n {informationText}
\n ) : null}\n {firstFocus && errorText?.length > 0 ? (\n {turnArrayToLines(errorText)}
\n ) : null}\n {item.label}
\n \n
\n );\n }\n return (\n {fieldName}
\n \n {!currentValue\n ? null\n : currentValue.map((item, i) => {\n return {item.label};\n })}\n
\n 0 ? \"error\" : \"\")}>\n {fieldName ? (\n 0 && !isNotEmpty(currentValue)) ||\n errorText?.length > 0\n ? \" onLoadControlError\"\n : \"\")\n }\n >\n {fieldName}\n \n ) : null}\n\n {selectedValues.length > 0 ? selectedValues : null}\n\n {\n setLocalInputValue(\"\");\n if (!firstFocus) {\n setFirstFocus(true);\n }\n if (apiNameForOptionValue) {\n setLocalLoading(true);\n callNewOptionsViaAPI(keyName, \"\");\n }\n }}\n onChange={(e) => {\n let val = e.target.value;\n setLocalInputValue(val);\n if (apiNameForOptionValue) {\n setLocalLoading(true);\n callNewOptionsViaAPI(keyName, val);\n }\n }}\n />\n\n \n
\n );\n};\n","import React, { useLayoutEffect, useState } from \"react\";\nimport { useContext } from \"react\";\nimport { GlobalContext } from \"contexts/GlobalStore.js\";\nimport { SelectBox } from \"../SelectBox/SelectBox.js\";\n\nexport const DateInput = (props) => {\n const { data, keyName, updateData, silentUpdateData, viewMode } = props;\n const { fieldName, currentValue, informationText, errorText, optionValue } = data;\n const { turnArrayToLines } = useContext(GlobalContext);\n\n const today = new Date();\n const todayDay = today.getDate();\n const todayMonth = today.getMonth();\n const todayYear = today.getFullYear();\n\n const [isFocused, setIsFocused] = useState(false);\n const [firstFocus, setFirstFocus] = useState(false);\n\n /**\n * TOGGLE FIRST FOCUS\n */\n const toggleFirstFocus = () => {\n if (!firstFocus) {\n setFirstFocus(true);\n }\n };\n\n /**\n * PREPARE DAY - MONTH - YEARS\n * @description depending on month and year, day options are re-populate.\n * @description if an invalid day selected (ex 30th of Feb), set day null.\n */\n useLayoutEffect(() => {\n let newOptionValue = {\n month: optionValue.month,\n year: optionValue.year,\n };\n\n let newDays = [];\n let howManyDays = 31;\n if (currentValue?.month?.value) {\n switch (currentValue.month.value) {\n case \"2\":\n if (parseInt(currentValue?.year?.value) % 4 === 0) {\n howManyDays = 29;\n } else {\n howManyDays = 28;\n }\n break;\n case \"4\":\n case \"6\":\n case \"9\":\n case \"11\":\n howManyDays = 30;\n break;\n default:\n }\n }\n for (let i = 1; i < howManyDays + 1; i++) {\n newDays.push({ label: i + \"\", value: i + \"\" });\n }\n newOptionValue.day = newDays;\n silentUpdateData(keyName, newOptionValue, \"optionValue\");\n if (currentValue?.day?.value > howManyDays) {\n updateData(keyName, { ...currentValue, day: null });\n }\n }, [currentValue]);\n\n /**\n * CALL TODAY\n * @description updates store depending on changes via fields.\n */\n const callToday = () => {\n setFirstFocus(true);\n updateData(keyName, {\n day: { value: todayDay + \"\", label: todayDay + \"\" },\n month: {\n value: todayMonth + 1 + \"\",\n label: optionValue.month[todayMonth].label,\n },\n year: { value: todayYear + \"\", label: todayYear + \"\" },\n });\n };\n /**\n * UPDATE DATA_LOCAL\n */\n const updateData_local = (fieldName, newDataObj, propName = \"currentValue\") => {\n if (fieldName === \"day\") {\n updateData(keyName, {\n ...currentValue,\n day: newDataObj,\n });\n } else if (fieldName === \"month\") {\n updateData(keyName, {\n ...currentValue,\n month: newDataObj,\n });\n } else if (fieldName === \"year\") {\n updateData(keyName, {\n ...currentValue,\n year: newDataObj,\n });\n }\n };\n\n //-------------------------------------------------------------\n // \t\tRETURN\n //-------------------------------------------------------------\n if (viewMode === \"view\") {\n return (\n \n \n {localLoading ? (\n Loading...\n ) :\n filteredOptions.length > 0 ? (\n filteredOptions\n ) : (\n No results found.\n )}\n
\n\n {informationText ? {informationText}
: null}\n {firstFocus && errorText?.length > 0 ? (\n {turnArrayToLines(errorText)}
\n ) : null}\n \n
\n );\n }\n\n return (\n {fieldName}
\n \n \n {currentValue\n ? currentValue.day.label +\n \".\" +\n currentValue.month.label +\n \".\" +\n currentValue.year.label\n : \"\"}\n \n
\n \n {\n setIsFocused(boo);\n if (boo) {\n toggleFirstFocus();\n }\n }}\n />\n {\n setIsFocused(boo);\n if (boo) {\n toggleFirstFocus();\n }\n }}\n />\n {\n setIsFocused(boo);\n if (boo) {\n toggleFirstFocus();\n }\n }}\n />\n
\n\n {informationText ? (\n \n {informationText}\n
\n ) : null}\n {firstFocus && errorText && errorText.length > 0 ? (\n {turnArrayToLines(errorText)}
\n ) : null}\n \n
\n );\n }\n\n return (\n {fieldName}
\n \n \n {currentValue?.input && currentValue?.unit\n ? currentValue.input + \" \" + currentValue.unit.label\n : \"\"}\n \n
\n 0 ? \"error\" : \"\")}>\n {fieldName ? (\n 0 &&\n errorText?.length > 0 &&\n (!currentValue || !currentValue.unit || !currentValue.input)\n ? \" onLoadControlError\"\n : \"\")\n }\n >\n {fieldName}\n \n ) : null}\n\n
\n );\n};\n","import React, { useState, useContext } from \"react\";\nimport { GlobalContext } from \"contexts/GlobalStore.js\";\n\nexport const RadioButton = (props) => {\n const { data, keyName, updateData, additionalStyle, viewMode } = props;\n const {\n fieldName,\n currentValue,\n optionValue,\n informationText,\n errorText,\n validationRules,\n alwaysNonEditable,\n } = data;\n const { turnArrayToLines, isNotEmpty } = useContext(GlobalContext);\n const [firstFocus, setFirstFocus] = useState(false);\n\n //-------------------------------------------------------------\n // \t\tRETURN\n //-------------------------------------------------------------\n\n if (viewMode === \"view\" || alwaysNonEditable) {\n return (\n \n
\n\n {informationText ? (\n \n {\n setIsFocused(boo);\n if (boo) {\n toggleFirstFocus();\n }\n }}\n />\n
\n \n {fieldName === \"Denominator Strength\" ? \n (\n {\n updateData(keyName, {\n ...currentValue,\n input: '',\n unit: '',\n });\n }}>\n Clear\n \n )\n : null}\n {\n setIsFocused(boo);\n if (boo) {\n toggleFirstFocus();\n }\n }}\n />\n
\n \n {informationText}\n
\n ) : null}\n {firstFocus && errorText?.length > 0 ? (\n {turnArrayToLines(errorText)}
\n ) : null}\n \n
\n );\n }\n\n return (\n {fieldName}
\n \n {currentValue ? currentValue.label : \"\"}\n
\n {informationText}
: null}\n {firstFocus && errorText?.length > 0 ? (\n {turnArrayToLines(errorText)}
\n ) : null}\n \n );\n};\n","// https://www.newline.co/@andreeamaco/how-to-build-a-react-drag-and-drop-component-for-file-upload--bf8e5017\nimport React, { useRef, useState } from \"react\";\nimport { useContext } from \"react\";\nimport { GlobalContext } from \"contexts/GlobalStore.js\";\n\nexport const FileInput = (props) => {\n const { data, keyName, updateData, additionalStyle, viewMode } = props;\n const { fieldName, currentValue, informationText, errorText } = data;\n const { turnArrayToLines, isNotEmpty } = useContext(GlobalContext);\n\n const [firstFocus, setFirstFocus] = useState(false);\n\n const draggableZone = useRef();\n const input = useRef();\n\n /**\n * FILE INPUT CHANGED\n */\n const fileInputChanged = (e) => {\n let files = [];\n if (e.target.files) {\n files = e.target.files;\n updateData(keyName, {\n label: files[0].name,\n value: files[0].name,\n fileProps: files,\n });\n }\n };\n\n /**\n * REMOVE FILE\n */\n const fileRemove = () => {\n input.current.value = null;\n updateData(keyName, null);\n };\n\n /**\n * DROP EVENT\n */\n const dropEvent = (e) => {\n e.preventDefault();\n e.stopPropagation();\n let files = [];\n if (e.dataTransfer.files) {\n files = e.dataTransfer.files;\n updateData(keyName, {\n label: files[0].name,\n value: files[0].name,\n fileProps: files,\n });\n }\n };\n\n /**\n * ALLOW DROP\n */\n const allowDrop = (e) => {\n e.preventDefault();\n };\n /**\n * SHORTEN FILE NAME\n */\n const shortenFileName = (name) => {\n if (name.length > 24) {\n let file = name.split(\".\");\n let fileName = file[0];\n let fileType = file[file.length - 1];\n let newFileName =\n fileName.substring(0, 10) +\n \" (...) \" +\n fileName.substring(fileName.length - 10, fileName.length) +\n \".\" +\n fileType;\n\n return newFileName;\n } else {\n return name;\n }\n };\n\n //-------------------------------------------------------------\n // \t\tRETURN\n //-------------------------------------------------------------\n\n if (viewMode === \"view\") {\n return (\n \n
\n );\n }\n return (\n {fieldName}
\n \n {currentValue?.fileUrl ? (\n \n {currentValue.label}\n \n ) : null}\n
\n \n Drop your file here or \n {\n input.current.click();\n }}\n >\n Browse\n \n
\n ) : (\n \n {shortenFileName(currentValue?.label || \"\")}\n \n {\n fileRemove();\n }}\n >\n Remove\n \n
\n )}\n \n\n {firstFocus && informationText ? (\n {informationText}
\n ) : null}\n {firstFocus && errorText?.length > 0 ? (\n {turnArrayToLines(errorText)}
\n ) : null}\n \n );\n};\n","import React from \"react\";\n\nexport const IngredientBox = (props) => {\n const { currentAll, keyName, remove, viewMode, alwaysNonEditable } = props;\n\n //-------------------------------------------------------------\n // \t\tRETURN\n //-------------------------------------------------------------\n return (\n \n {viewMode === \"view\" || alwaysNonEditable ? null : (\n {\n remove({ keyName: keyName });\n }}\n />\n )}\n\n
\n );\n};\n","import React, { useContext } from \"react\";\nimport { GlobalContext } from \"contexts/GlobalStore.js\";\nimport { IngredientBox } from \"../IngredientBox/IngredientBox.js\";\n\nexport const Ingredients = (props) => {\n const { data, keyName, additionalStyle, viewMode, removeButtonForIngsAndPacks } = props;\n const { errorText, alwaysNonEditable, currentValue } = data;\n const { turnArrayToLines } = useContext(GlobalContext);\n\n //-------------------------------------------------------------\n // \t\tRETURN\n //-------------------------------------------------------------\n if (!data || data === {}) {\n return null;\n } else {\n return (\n \n {currentAll?.ingredientName?.currentValue?.label || \"\"} \n
\n \n BOPS: {currentAll?.bops?.currentValue?.label || \"\"}\n
\n \n BoSS: {currentAll?.boss?.currentValue?.label || \"\"}\n
\n \n Numerator Strength: \n {(currentAll?.numerator?.currentValue?.input || \"\") +\n \" \" +\n (currentAll?.numerator?.currentValue?.unit?.label || \"\")}\n
\n \n Denominator Strength: \n {(currentAll?.denominator?.currentValue?.input || \"\") +\n \" \" +\n (currentAll?.denominator?.currentValue?.unit?.label || \"\")}\n
\n \n {/* LIST OF ADDED INGREDIENTS */}\n {!currentValue && viewMode === \"view\" ? (\n {\n removeButtonForIngsAndPacks(additionalData);\n }}\n />\n );\n })\n ) : null}\n\n {/* ERROR TEXT */}\n {errorText?.length > 0 && viewMode !== \"view\" && alwaysNonEditable !== true ? (\n
\n );\n }\n};\n","import React from \"react\";\n\nexport const PackBox = (props) => {\n const { currentAll } = props;\n\n //-------------------------------------------------------------\n // \t\tRETURN\n //-------------------------------------------------------------\n return (\n There isn't any ingredient.
\n ) : !currentValue ? null : Object.entries(currentValue).length > 0 ? (\n Object.entries(currentValue).map(([key, item]) => {\n return (\n \n {turnArrayToLines(errorText)}\n
\n ) : null}\n \n
\n );\n};\n","import React, { useContext } from \"react\";\nimport { GlobalContext } from \"contexts/GlobalStore.js\";\nimport { PackBox } from \"../PackBox/PackBox.js\";\n\nexport const Packs = (props) => {\n const { data, keyName, additionalStyle, viewMode, removeButtonForIngsAndPacks } = props;\n const { errorText, alwaysNonEditable, currentValue } = data;\n const { turnArrayToLines } = useContext(GlobalContext);\n\n //-------------------------------------------------------------\n // \t\tRETURN\n //-------------------------------------------------------------\n if (data === {}) {\n return null;\n } else {\n return (\n \n \n {currentAll?.quantity?.currentValue?.input +\n \" \" +\n currentAll?.quantity?.currentValue?.unit?.label}\n \n
\n \n Legal Category: \n {currentAll?.legalCategory?.currentValue?.label}\n
\n \n Subpack Information: \n {currentAll?.subpackInfo?.currentValue}\n
\n \n GTIN Codes: \n {currentAll?.gtinCodes?.currentValue}\n
\n \n Calender Pack: \n {currentAll?.calendarPack?.currentValue?.label}\n
\n \n Hospital Pack: \n {currentAll?.hospitalPack?.currentValue?.label}\n
\n \n Limited Stability: \n {currentAll?.limitedStability?.currentValue?.label}\n
\n \n Price (in pence): \n {currentAll?.price?.currentValue}\n
\n \n {/* LIST OF ADDED PACKS */}\n {!currentValue && viewMode === \"view\" ? (\n {\n removeButtonForIngsAndPacks(additionalData);\n }}\n />\n );\n })\n ) : null}\n\n {/* ERROR TEXT */}\n {errorText &&\n errorText.length > 0 &&\n viewMode !== \"view\" &&\n alwaysNonEditable !== true ? (\n
\n );\n }\n};\n","import _ from \"lodash\";\n\n/**\n * hasToBeFilled\n * @description Mandotory Check\n * @returns true || errorText\n */\nexport const hasToBeFilled = (props) => {\n let errorText = \"Field has to be filled.\";\n const { DATA, typeIdentifier } = props;\n if (!DATA) {\n return errorText;\n }\n let typeOfData = typeIdentifier(DATA);\n\n if (typeOfData === \"array\" || typeOfData === \"string\") {\n if (DATA.length > 0) {\n return true;\n } else {\n return errorText;\n }\n } else if (typeOfData === \"object\") {\n if (Object.keys(DATA).length > 0) {\n return true;\n } else {\n return errorText;\n }\n }\n\n return false;\n};\n\n/**\n * hasToBeFilled\n * @description Mandotory Check\n * @returns true || errorText\n */\nexport const hasToBeFilledIfVisible = (props) => {\n let errorText = \"Field has to be filled.\";\n const { DATA, typeIdentifier, hideFromUI } = props;\n\n if (hideFromUI) {\n return true;\n }\n\n if (!DATA) {\n return errorText;\n }\n let typeOfData = typeIdentifier(DATA);\n\n if (typeOfData === \"array\" || typeOfData === \"string\") {\n if (DATA.length > 0) {\n return true;\n } else {\n return errorText;\n }\n } else if (typeOfData === \"object\") {\n if (Object.keys(DATA).length > 0) {\n return true;\n } else {\n return errorText;\n }\n }\n\n return false;\n};\n\n/**\n * hasToBeFilledDate\n * @description Mandotory Check for DATE INPUTS\n * @returns true || errorText\n */\nexport const hasToBeFilledDate = (props) => {\n let errorText = \"Date has to be filled.\";\n const { DATA } = props;\n\n if (!DATA) {\n return errorText;\n } else {\n return true;\n }\n};\n\n/**\n * hasToBeTodayOrFuture\n * @description Effective date can not be in the past.\n * @returns true || errorText\n */\nconst today = new Date();\nconst todayDay = today.getDate();\nconst todayMonth = today.getMonth();\nconst todayYear = today.getFullYear();\nexport const hasToBeTodayOrFuture = (props) => {\n let errorText = \"The Date has to be today or in future.\";\n const { DATA } = props;\n\n const prependZero = (value) => {\n return (\"0\" + value).slice(-2);\n };\n\n if (!DATA || _.isEmpty(DATA.year) || _.isEmpty(DATA.month) || _.isEmpty(DATA.day)) {\n return errorText;\n }\n\n let currentData = Number(\n DATA.year.value +\n \"\" +\n prependZero(DATA.month.value) +\n \"\" +\n prependZero(DATA.day.value),\n );\n let todayData = Number(\n todayYear +\n \"\" +\n prependZero(todayMonth + 1) +\n \"\" +\n prependZero(todayDay),\n );\n\n if (currentData < todayData) {\n return errorText;\n }\n\n return true;\n};\n\n/**\n * unithasToBeFilled\n * @description Mandotory Check for unit selector\n * @returns true || errorText\n */\nexport const hasToBeFilledUnit = (props) => {\n let errorText = \"Field has to be filled.\";\n const { DATA } = props;\n\n if (!DATA) {\n return errorText;\n }\n\n if (\n Object.keys(DATA).length === 0 ||\n !DATA.input ||\n !DATA.unit ||\n !DATA.unit.value ||\n !DATA.unit.label\n ) {\n return errorText;\n } else {\n return true;\n }\n};\n\n/**\n * unithasToBeFilled\n * @description Mandotory Check for unit selector\n * @returns true || errorText\n */\nexport const hasToBeFilledUnitIfVisible = (props) => {\n let errorText = \"Field has to be filled.\";\n const { DATA, hideFromUI } = props;\n\n if (hideFromUI) {\n return true;\n }\n\n if (!DATA) {\n return errorText;\n }\n\n if (\n Object.keys(DATA).length === 0 ||\n !DATA.input ||\n !DATA.unit ||\n !DATA.unit.value ||\n !DATA.unit.label\n ) {\n return errorText;\n } else {\n return true;\n }\n};\n\n/**\n * hasToBeDocOrPDF\n * @description checks if file type is not a DOC DOCX or PDF\n * @returns true || errorText\n */\nexport const hasToBeDocOrPDF = (props) => {\n let errorText = \"File type has to be doc, docx or pdf\";\n const { DATA } = props;\n\n if (!DATA || (!DATA.fileProps && !DATA.fileUrl)) {\n return errorText;\n } else {\n let fileType;\n if (DATA.fileProps) {\n fileType = DATA.fileProps[0].name.split(\".\");\n } else if (DATA.fileUrl) {\n fileType = DATA.label.split(\".\");\n }\n fileType = fileType[fileType.length - 1].toLowerCase();\n if (fileType === \"doc\" || fileType === \"docx\" || fileType === \"pdf\") {\n return true;\n } else {\n return errorText;\n }\n }\n};\n\n/**\n * hasToBeNumber\n * @description Checks if value is a number or not\n * @returns true || errorText\n */\nexport const hasToBeNumber = (props) => {\n let errorText = \"Value has to be a number\";\n const { DATA } = props;\n\n if (!DATA) {\n return errorText;\n }\n\n if (/^-?\\d+$/.test(DATA)) {\n return true;\n } else {\n return errorText;\n }\n};\n\n/**\n * hasToBePrice\n * @description Checks if value is a number or not\n * @returns true || errorText\n */\nexport const hasToBePrice = (props) => {\n let errorText = \"Price must be a whole number (in pence).\";\n const { DATA } = props;\n\n if (!DATA) {\n return errorText;\n }\n\n if (/^(?!0+$)[0-9]{1,10}$/.test(DATA)) {\n return true;\n } else {\n return errorText;\n }\n};\n\n/**\n * thereMustBeAnIngAtLeast\n * @description in Ingredients zone, there must be an ing box, minimum\n * @returns true || errorText\n */\nexport const thereMustBeAnIngAtLeast = (props) => {\n let errorText = \"An ingredient has to be added\";\n const { DATA } = props;\n\n if (!DATA) {\n return errorText;\n }\n if (Object.keys(DATA).length > 0) {\n return true;\n }\n\n return errorText;\n};\n\n/**\n * thereMustBeAnPackAtLeast\n * @description in Pack Details zone, there must be an pack box, minimum\n * @returns true || errorText\n */\nexport const thereMustBeAnPackAtLeast = (props) => {\n let errorText = \"A pack has to be added\";\n const { DATA } = props;\n\n if (!DATA) {\n return errorText;\n }\n if (Object.keys(DATA).length > 0) {\n return true;\n }\n\n return errorText;\n};\n\n/**\n * GTIN CODES CONTROL\n * @description gtin codes has to be 13 or 14 cha long.\n * @returns true || errorText\n */\n export const gtinCodesControl = (props) => {\n let errorText = \"GTIN is invalid. Only valid 13 or 14 digits GTINs are accepted.\";\n const { DATA } = props;\n if (!DATA) {\n return errorText;\n }\n let errorStatus = false;\n\n DATA.forEach((item) => {\n if (!item || item.length < 13 || item.length > 14 || !(/^\\d+$/.test(item))) {\n errorStatus = true;\n }else if(item || item.length === 13 || item.length === 14 || (/^\\d+$/.test(item))){\n var lastDigit = Number(item.substring(item.length - 1));\n var checkSum = 0;\n if (isNaN(lastDigit)) { return false; } // not a valid upc/ean\n \n var arr = item.substring(0,item.length - 1).split(\"\").reverse();\n var oddTotal = 0, evenTotal = 0;\n \n for (var i=0; iThere isn't any pack.
\n ) : !currentValue ? null : Object.entries(currentValue).length > 0 ? (\n Object.entries(currentValue).map(([key, item]) => {\n return (\n \n {turnArrayToLines(errorText)}\n
\n ) : null}\n Loading...
;\n }\n\n const handleUpdatePrice = (id, value) => {\n const newPrices = [...prices].map((item) => {\n if (item.actualPackId === id) {\n // if it is an empty string, ensure that the value would not be converted to zero\n return { ...item, newPrice: value === \"\" ? undefined : +value };\n }\n return item;\n });\n\n updateData(keyName, newPrices);\n };\n\n const tableRows = prices.map((price) => {\n const { actualPackId: id, newPrice: value } = price;\n\n return (\n {value}
\n )}\n 0 ? \"error\" : \"\")}>\n \n \n
\n { errorText ? (\n
\n );\n};\n","import React, { useLayoutEffect, useContext, useState } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport _ from \"lodash\";\n\nimport { GlobalContext } from \"contexts/GlobalStore.js\";\nimport { UserContext } from \"contexts/UserStore.js\";\nimport { FetchAPI } from \"components/APIConnections/APIConnections.js\";\nimport { Seperator } from \"components/FormElements/Seperator/Seperator.js\";\nimport { SummarySection } from \"components/FormElements/SummarySection/SummarySection.js\";\nimport { FreeForm } from \"components/FormElements/FreeForm/FreeForm.js\";\n\nimport { UserActions } from \"./UserActions.js\";\nimport {\n NewProduct,\n NewPack,\n UpdateProduct,\n UpdatePack,\n MassPriceUpdate,\n} from \"./setup/formFields.js\";\n\nimport \"./HandleSub.scss\";\nimport \"components/FormElements/forms.scss\";\n\nexport let textFunc;\n\nexport const HandleSub = (props) => {\n const { match } = props;\n const { params } = match || {};\n let { ID } = params || undefined;\n let { submissionType } = params || undefined;\n let { submissionID } = params || undefined;\n const {\n isLoading,\n setPageName,\n setSidebarBehavior,\n setHeaderTitles,\n addSpaces,\n setIsLoading,\n disableIsLoadingWithDelay,\n typeIdentifier,\n showErrorLogsOnConsole,\n } = useContext(GlobalContext);\n const { userState } = useContext(UserContext);\n const history = useHistory();\n const action = history.location.pathname.split(\"/\")[1];\n const [data, setData] = useState();\n const [settings, setSettings] = useState();\n const [sections, setSections] = useState();\n\n /**\n * CONVERTERS AND SUPPORTER FUNCTIONS\n * @description convert data to currentValue or savedValue or nhsForm\n */\n const convertSavedValueToCurrentValue = (fieldOrfieldName, savedValue, newData = data) => {\n if (!fieldOrfieldName || !savedValue) {\n return null;\n }\n let field;\n if (typeof fieldOrfieldName === \"object\") {\n field = fieldOrfieldName;\n } else {\n field = newData[fieldOrfieldName];\n }\n let componentType = field.componentTypeName;\n let currentValue;\n let newData2 = newData;\n\n switch (componentType) {\n case \"DataGrid\":\n currentValue = savedValue;\n break;\n case \"TextInput\":\n currentValue = savedValue;\n break;\n case \"SelectBox\":\n if (field.apiNameForOptionValue) {\n currentValue = savedValue;\n } else {\n let newObj;\n for (let i in field.optionValue) {\n if (field.optionValue[i].value === savedValue) {\n newObj = field.optionValue[i];\n break;\n }\n }\n\n currentValue = {\n value: savedValue,\n label: newObj?.label,\n };\n }\n break;\n case \"MultipleSelectBox\":\n if (field.apiNameForOptionValue) {\n if (showErrorLogsOnConsole) {\n console.log(\n \"we don't have a dynamic multipleSelectBox. Fill here if needed.\",\n );\n }\n } else {\n let newObj = [];\n for (let i in field.optionValue) {\n for (let i2 in savedValue) {\n if (field.optionValue[i].value === savedValue[i2]) {\n newObj.push({\n value: savedValue[i2],\n label: field.optionValue[i].label,\n });\n }\n }\n }\n currentValue = newObj;\n }\n break;\n case \"RadioButton\":\n let newRadio = [];\n for (let i in field.optionValue) {\n if (field.optionValue[i].value === savedValue) {\n newRadio = {\n value: savedValue,\n label: field.optionValue[i].label,\n };\n }\n }\n currentValue = newRadio;\n break;\n case \"DateInput\":\n let saved2 = savedValue.split(\"-\");\n let dayValue = saved2[2];\n let monthValue = saved2[1];\n let yearValue = saved2[0];\n currentValue = {\n day: { label: dayValue, value: dayValue },\n month: {\n label: field.optionValue.month[monthValue - 1].label,\n value: monthValue,\n },\n year: { label: yearValue, value: yearValue },\n };\n break;\n case \"UnitSelect\":\n let newObj;\n for (let i in field.optionValue) {\n if (field.optionValue[i].value === savedValue.uom) {\n newObj = field.optionValue[i];\n break;\n }\n }\n\n if (!newObj) {\n break;\n }\n\n currentValue = {\n input: savedValue.value,\n unit: {\n value: savedValue.uom,\n label: newObj.label,\n },\n };\n\n break;\n case \"MultipleTextInput\":\n currentValue = savedValue;\n break;\n case \"FileInput\":\n currentValue = {\n fileUrl: savedValue.url,\n label: savedValue.value,\n value: savedValue.value,\n };\n break;\n case \"Packs\":\n case \"Ingredients\":\n let currentPack = {};\n savedValue.forEach((item) => {\n let newPack = {};\n Object.keys(item).forEach((key) => {\n let fieldName2 = key;\n let oldSaved = item[key];\n let currentElem = convertSavedValueToCurrentValue(\n newData2[fieldName2],\n oldSaved,\n newData2,\n );\n newPack[key] = { currentValue: currentElem };\n });\n\n if (componentType === \"Packs\") {\n currentPack[\n newPack?.quantity?.currentValue?.input +\n \"\" +\n newPack?.quantity?.currentValue?.unit?.label\n ] = newPack;\n } else {\n currentPack[newPack?.ingredientName?.currentValue?.value] = newPack;\n }\n });\n currentValue = currentPack;\n\n break;\n default:\n break;\n }\n\n return currentValue;\n };\n const convertCurrentValueToSavedValue = (fieldOrfieldName, currentValue) => {\n if (!fieldOrfieldName || !currentValue) {\n return null;\n }\n let field;\n if (typeof fieldOrfieldName === \"object\") {\n field = fieldOrfieldName;\n } else {\n field = data[fieldOrfieldName];\n }\n\n let componentType = field.componentTypeName;\n let savedValue;\n\n switch (componentType) {\n case \"TextInput\":\n savedValue = currentValue;\n break;\n case \"SelectBox\":\n if (field.apiNameForOptionValue) {\n savedValue = currentValue;\n } else {\n savedValue = currentValue.value;\n }\n break;\n case \"RadioButton\":\n savedValue = currentValue.value;\n break;\n case \"MultipleSelectBox\":\n let newSaved = [];\n currentValue.forEach((item) => {\n newSaved.push(item.value);\n });\n savedValue = newSaved;\n break;\n case \"DateInput\":\n if (!currentValue.day || !currentValue.month || !currentValue.year) {\n savedValue = null;\n } else {\n // use slice() method instead of string.prototype.padStart, as we need to still support IE11...\n savedValue =\n currentValue.year.value +\n \"-\" +\n (\"0\" + currentValue.month.value).slice(-2) +\n \"-\" +\n (\"0\" + currentValue.day.value).slice(-2);\n }\n\n break;\n case \"UnitSelect\":\n if (!currentValue.input || !currentValue.unit) {\n savedValue = null;\n } else {\n savedValue = {\n value: currentValue.input,\n uom: currentValue.unit.value,\n };\n }\n break;\n case \"Packs\":\n case \"Ingredients\":\n let savedPack = [];\n Object.keys(currentValue).forEach((key) => {\n let objInner = currentValue[key];\n let innerPack = {};\n Object.keys(objInner).forEach((key2) => {\n let fieldName2 = key2;\n let elem2 = objInner[key2].currentValue;\n let savedElem = convertCurrentValueToSavedValue(fieldName2, elem2);\n innerPack[key2] = savedElem;\n });\n savedPack.push(innerPack);\n });\n savedValue = savedPack;\n break;\n case \"MultipleTextInput\":\n savedValue = currentValue;\n break;\n case \"FileInput\":\n savedValue = {\n value: currentValue.label,\n url: currentValue.fileUrl,\n };\n\n break;\n case \"DataGrid\":\n savedValue = currentValue.filter((item) => item.newPrice !== undefined);\n\n break;\n default:\n break;\n }\n return savedValue;\n };\n const convertNhsFormToCurrentValue = (dataOrg, incomingForm) => {\n if (!dataOrg || !incomingForm) {\n return;\n }\n\n let data = _.cloneDeep(dataOrg);\n\n const yesNoNAConverter = (val) => {\n if (val === true) {\n return \"Yes\";\n } else if (val === false) {\n return \"No\";\n } else if (val === null) {\n return \"NA\";\n }\n return undefined;\n };\n\n /**\n * IsThere function\n * @description we need this function because some NHS values are coming null but it doesn't mean that it is null.\n * \"null\" is a variable in nhs form. so, I have to handle them as well.\n */\n const formKeys = Object.keys(incomingForm) || [];\n const isThere = (val) => {\n if (formKeys.indexOf(val) > -1) {\n return true;\n }\n return false;\n };\n let onlyChanged = {\n calendarPack: { currentValue: null },\n hospitalPack: { currentValue: null },\n limitedStability: { currentValue: null },\n price: { currentValue: null },\n subpackInfo: { currentValue: null },\n gtinCodes: { currentValue: null },\n legalCategory: { currentValue: null },\n quantity: { currentValue: null },\n };\n\n if (isThere(\"name\") && data.name) {\n data.name.currentValue = incomingForm.name;\n }\n // need relatedVMP label !!!! ---- waiting for BE.\n if (isThere(\"virtualProductId\") && data.relatedVMP) {\n data.relatedVMP.currentValue = {\n value: incomingForm.virtualProductId,\n label: incomingForm.virtualProductId,\n };\n }\n if (isThere(\"formulation\") && data.formulation) {\n data.formulation.currentValue = convertSavedValueToCurrentValue(\n \"formulation\",\n incomingForm.formulation || \"\",\n data,\n );\n }\n if (isThere(\"licensedRoutes\") && data.licensedRoutes) {\n data.licensedRoutes.currentValue = convertSavedValueToCurrentValue(\n \"licensedRoutes\",\n incomingForm.licensedRoutes,\n data,\n );\n }\n if (isThere(\"flavourCode\") && data.productFlavour) {\n data.productFlavour.currentValue = convertSavedValueToCurrentValue(\n \"productFlavour\",\n incomingForm.flavourCode,\n data,\n );\n }\n if (isThere(\"glutenFree\") && data.glutenFreeProduct) {\n data.glutenFreeProduct.currentValue = convertSavedValueToCurrentValue(\n \"glutenFreeProduct\",\n yesNoNAConverter(incomingForm.glutenFree),\n data,\n );\n }\n if (isThere(\"preservativeFree\") && data.preservativeFreeProduct) {\n data.preservativeFreeProduct.currentValue = convertSavedValueToCurrentValue(\n \"preservativeFreeProduct\",\n yesNoNAConverter(incomingForm.preservativeFree),\n data,\n );\n }\n if (isThere(\"sugarFree\") && data.sugarFreeProduct) {\n data.sugarFreeProduct.currentValue = convertSavedValueToCurrentValue(\n \"sugarFreeProduct\",\n yesNoNAConverter(incomingForm.sugarFree),\n data,\n );\n }\n if (isThere(\"cfcFree\") && data.cfcFreeProduct) {\n data.cfcFreeProduct.currentValue = convertSavedValueToCurrentValue(\n \"cfcFreeProduct\",\n yesNoNAConverter(incomingForm.cfcFree),\n data,\n );\n }\n if (isThere(\"controlledDrugCategoryCode\") && data.controlledDrugCategory) {\n data.controlledDrugCategory.currentValue = convertSavedValueToCurrentValue(\n \"controlledDrugCategory\",\n incomingForm.controlledDrugCategoryCode,\n data,\n );\n }\n if (isThere(\"licensingAuthorityCode\") && data.currentLicensingAuthority) {\n data.currentLicensingAuthority.currentValue = convertSavedValueToCurrentValue(\n \"currentLicensingAuthority\",\n incomingForm.licensingAuthorityCode,\n data,\n );\n }\n if (isThere(\"restrictionOnAvailability\") && data.restrictionsOnAvailability) {\n data.restrictionsOnAvailability.currentValue = convertSavedValueToCurrentValue(\n \"restrictionsOnAvailability\",\n incomingForm.restrictionOnAvailability,\n data,\n );\n }\n if (isThere(\"emaAdditionalMonitoring\") && data.emaAdditionalMonitoring) {\n data.emaAdditionalMonitoring.currentValue = convertSavedValueToCurrentValue(\n \"emaAdditionalMonitoring\",\n incomingForm.emaAdditionalMonitoring,\n data,\n );\n }\n if (isThere(\"ingredients\") && data.ingredients) {\n let newIngs = {};\n incomingForm.ingredients.forEach((item) => {\n newIngs[item.id] = {\n ingredientName: {\n currentValue: {\n label: item.name,\n value: item.id,\n },\n },\n bops: {\n currentValue: convertSavedValueToCurrentValue(\n \"bops\",\n item.basisOfPharmStrengthCode,\n data,\n ),\n },\n boss: {\n currentValue: {\n label: item.basisOfStrengthSubstanceId,\n value: item.basisOfStrengthSubstanceId,\n },\n },\n numerator: {\n currentValue: convertSavedValueToCurrentValue(\n \"numerator\",\n {\n value: item.numeratorValue,\n uom: item.numeratorUomCode,\n },\n data,\n ),\n },\n denominator: {\n currentValue: convertSavedValueToCurrentValue(\n \"denominator\",\n {\n value: item.denominatorStrengthValue,\n uom: item.denominatorStrengthUomCode,\n },\n data,\n ),\n },\n };\n });\n\n data.ingredients.currentValue = newIngs;\n }\n if (isThere(\"packs\") && data.packs) {\n let newPacks = {};\n incomingForm.packs.forEach((item) => {\n let findQuantity = {\n currentValue: convertSavedValueToCurrentValue(\n \"quantity\",\n {\n value: item.quantity,\n uom: item.unitOfMeasureCode,\n },\n data,\n ),\n };\n\n newPacks[\n findQuantity.currentValue.input + \"\" + findQuantity.currentValue.unit.label\n ] = {\n quantity: findQuantity,\n legalCategory: {\n currentValue: convertSavedValueToCurrentValue(\n \"legalCategory\",\n item.legalCategoryCode,\n data,\n ),\n },\n subpackInfo: { currentValue: item.subPackInformation },\n gtinCodes: { currentValue: item.gtinCodes },\n calendarPack: {\n currentValue: convertSavedValueToCurrentValue(\n \"calendarPack\",\n yesNoNAConverter(item.calendarPack),\n data,\n ),\n },\n hospitalPack: {\n currentValue: convertSavedValueToCurrentValue(\n \"hospitalPack\",\n yesNoNAConverter(item.hospitalPack),\n data,\n ),\n },\n limitedStability: {\n currentValue: convertSavedValueToCurrentValue(\n \"limitedStability\",\n yesNoNAConverter(item.limitedStability),\n data,\n ),\n },\n price: { currentValue: item.price },\n };\n });\n\n data.packs.currentValue = newPacks;\n }\n\n /**\n * UPDATE PACK VALS.\n */\n\n if (isThere(\"calendarPack\") && data.calendarPack) {\n data.calendarPack.currentValue = onlyChanged.calendarPack.currentValue = convertSavedValueToCurrentValue(\n \"calendarPack\",\n yesNoNAConverter(incomingForm.calendarPack),\n data,\n );\n }\n if (isThere(\"hospitalPack\") && data.hospitalPack) {\n data.hospitalPack.currentValue = onlyChanged.hospitalPack.currentValue = convertSavedValueToCurrentValue(\n \"hospitalPack\",\n yesNoNAConverter(incomingForm.hospitalPack),\n data,\n );\n }\n if (isThere(\"limitedStability\") && data.limitedStability) {\n data.limitedStability.currentValue = onlyChanged.limitedStability.currentValue = convertSavedValueToCurrentValue(\n \"limitedStability\",\n yesNoNAConverter(incomingForm.limitedStability),\n data,\n );\n }\n if (isThere(\"price\") && data.price) {\n data.price.currentValue = onlyChanged.price.currentValue = incomingForm.price + \"\";\n }\n if (isThere(\"subPackInformation\") && data.subpackInfo) {\n data.subpackInfo.currentValue = onlyChanged.subpackInfo.currentValue =\n incomingForm.subPackInformation;\n }\n if (isThere(\"gtinCodes\") && data.gtinCodes) {\n data.gtinCodes.currentValue = onlyChanged.gtinCodes.currentValue =\n incomingForm.gtinCodes;\n }\n if (isThere(\"legalCategoryCode\") && data.legalCategory) {\n data.legalCategory.currentValue = onlyChanged.legalCategory.currentValue = convertSavedValueToCurrentValue(\n \"legalCategory\",\n incomingForm.legalCategoryCode,\n data,\n );\n }\n if (isThere(\"quantity\") && data.quantity) {\n data.quantity.currentValue = onlyChanged.quantity.currentValue = convertSavedValueToCurrentValue(\n \"quantity\",\n {\n value: incomingForm.quantity,\n uom: incomingForm.unitOfMeasureCode,\n },\n data,\n );\n }\n\n /**\n * LOG THEM.\n */\n\n if (\n !process.env.NODE_ENV &&\n process.env.NODE_ENV === \"development\" &&\n showErrorLogsOnConsole\n ) {\n console.info(\"nhsFormConverter worked.\");\n console.info(\"incomingForm>\", incomingForm);\n console.info(\"resultData>\", data);\n }\n\n return {\n data: data,\n onlyChanged: onlyChanged,\n };\n };\n\n const findError = (fieldOrfieldName, currentValue) => {\n let errorText = [];\n\n if (!fieldOrfieldName) {\n return errorText;\n }\n\n let field;\n if (typeof fieldOrfieldName === \"object\") {\n field = fieldOrfieldName;\n } else {\n if (!data) {\n return errorText;\n }\n field = data[fieldOrfieldName];\n }\n\n if (!field?.validationRules || field.validationRules.length === 0) {\n return errorText;\n }\n\n field.validationRules.forEach((rule) => {\n let validationResult = rule({\n typeIdentifier: typeIdentifier,\n DATA: currentValue,\n hideFromUI: field.hideFromUI,\n });\n if (validationResult !== true) {\n errorText.push(validationResult);\n }\n });\n\n return errorText;\n };\n const findAllErrors = (data) => {\n Object.entries(data).map(([key, item]) => {\n let validationRules = item.validationRules;\n if (!validationRules) {\n return null;\n }\n\n let errorText = [];\n\n validationRules.forEach((rule) => {\n let validationResult = rule({\n keyName: key,\n DATA: item.currentValue,\n setHeaderTitles: setHeaderTitles,\n typeIdentifier: typeIdentifier,\n token: userState.accessToken,\n hideFromUI: item.hideFromUI,\n });\n if (validationResult !== true) {\n errorText.push(validationResult);\n }\n });\n\n data[key].errorText = errorText;\n\n return null;\n });\n\n return data;\n };\n const areTheyEqual = (item1, item2) => {\n const typeOfItem1 = typeIdentifier(item1);\n const typeOfItem2 = typeIdentifier(item2);\n if (typeOfItem1 !== typeOfItem2) {\n return false;\n }\n\n if (typeOfItem1 === \"string\" || typeOfItem1 === \"number\" || typeOfItem1 === \"boolean\") {\n if (item1 !== item2) {\n return false;\n }\n } else if (typeOfItem1 === \"array\") {\n if (!_.isEqual(item1.sort(), item2.sort())) {\n return false;\n }\n } else if (typeOfItem1 === \"object\") {\n if (!_.isEqual(item1, item2)) {\n return false;\n }\n }\n\n return true;\n };\n\n /**\n * GET and ORGANISE ALL DATA\n */\n useLayoutEffect(() => {\n // go Error page if page doesn't have enough data.\n\n if (\n (action !== \"new\" && action !== \"edit\" && action !== \"view\") ||\n (action === \"new\" &&\n submissionType !== \"NewProduct\" &&\n submissionType !== \"NewPack\" &&\n submissionType !== \"UpdateProduct\" &&\n submissionType !== \"UpdatePack\" &&\n submissionType !== \"MassPriceUpdate\") ||\n ((action === \"edit\" || action === \"view\") && !ID)\n ) {\n history.push(\"/error/404\");\n }\n\n let newData;\n let savedData;\n\n let currentID = ID;\n let currentAction = action;\n let currentSubmissionType = submissionType;\n let currentSubmissionID = submissionID;\n let currentStatus = \"Draft\";\n let currentPageName;\n let newDataKeys;\n let newInternalState = 1;\n let inComingPack;\n\n // STEP 1 - AWAIT\n // GET SAVED DATA if action === edit or view\n const step1 = async () => {\n let retrievedData;\n if (action === \"new\" && submissionType === \"MassPriceUpdate\") {\n const newValue = await FetchAPI({\n showErrorLogsOnConsole: showErrorLogsOnConsole,\n history: history,\n apiShortName: \"callMassPriceUpdate\",\n token: userState.accessToken,\n apiNeeds: {\n companyId: userState.selectedCompany?.id,\n },\n setIsLoading: (boo) => {\n setIsLoading(boo);\n },\n });\n\n retrievedData = {\n type: submissionType,\n data: {\n prices: newValue.data,\n },\n };\n } else if (\n (action === \"view\" || action === \"edit\") &&\n submissionType === \"MassPriceUpdate\"\n ) {\n setIsLoading(false);\n return;\n } else if (action === \"view\" || action === \"edit\") {\n retrievedData = await FetchAPI({\n showErrorLogsOnConsole: showErrorLogsOnConsole,\n history: history,\n apiShortName: \"callASubmission\",\n token: userState.accessToken,\n apiNeeds: {\n ID: ID,\n submissionID: submissionID,\n companyId: userState.selectedCompany?.id,\n },\n setIsLoading: (boo) => {\n setIsLoading(boo);\n },\n });\n\n if (!retrievedData || retrievedData.data.length === 0) {\n history.push(\"/error/404\");\n }\n\n if (retrievedData.type === \"UpdatePack\" && retrievedData.data.relatedPack) {\n inComingPack = await FetchAPI({\n showErrorLogsOnConsole: showErrorLogsOnConsole,\n history: history,\n apiShortName: \"callAMPP_idSearch\",\n token: userState.accessToken,\n apiNeeds: {\n value: retrievedData.data.relatedPack,\n },\n });\n }\n }\n\n if (retrievedData) {\n savedData = retrievedData;\n currentID = retrievedData.id;\n currentSubmissionType = retrievedData.type;\n currentSubmissionID = retrievedData.submissionId;\n currentStatus = retrievedData.status || \"Draft\";\n }\n };\n\n // STEP 2\n // GET FORM FIELDS DEPENDING ON SUBMISSION TYPE (NewProduct, UpdatePack etc.)\n const step2 = async () => {\n switch (currentSubmissionType) {\n case \"NewProduct\":\n newData = _.cloneDeep(NewProduct(await getProductLookups()));\n break;\n case \"NewPack\":\n newData = _.cloneDeep(NewPack(await getPackLookups()));\n break;\n case \"UpdateProduct\":\n newData = _.cloneDeep(UpdateProduct(await getProductLookups()));\n break;\n case \"UpdatePack\":\n newData = _.cloneDeep(UpdatePack(await getPackLookups()));\n break;\n case \"MassPriceUpdate\":\n newData = _.cloneDeep(MassPriceUpdate);\n break;\n default:\n history.push(\"/error/404\");\n return;\n }\n };\n\n const getProductLookups = async () => {\n const formulations = await getLookup(\"callFormulation\");\n const licensedRoutes = await getLookup(\"callLicensedRoutes\");\n const flavours = await getLookup(\"callFlavours\")\n const controlledDrugCategories = await getLookup(\"callControlledDrugCategories\")\n const currentLicensing = await getLookup(\"callCurrentLicensing\")\n const restrictions = await getLookup(\"callRestrictions\")\n const bops = await getLookup(\"callBops\")\n const units = await getLookup(\"callUnits\");\n const legalCategories = await getLookup(\"callLegalCategory\")\n return {formulations, licensedRoutes, flavours, controlledDrugCategories, currentLicensing, restrictions, bops, units, legalCategories};\n }\n\n const getPackLookups = async () => {\n const units = await getLookup(\"callUnits\");\n const legalCategories = await getLookup(\"callLegalCategory\")\n return {units, legalCategories};\n }\n\n const getLookup = async (apiShortName) => await FetchAPI({\n showErrorLogsOnConsole: showErrorLogsOnConsole,\n history: history,\n apiShortName: apiShortName,\n token: userState.accessToken,\n setIsLoading: (boo) => {\n setIsLoading(boo);\n },\n });\n\n // STEP 3\n // UPDATE newData via savedData if action is VIEW or EDIT\n const step3 = () => {\n const processData = () => {\n if (!savedData) {\n return;\n }\n\n newDataKeys = Object.keys(newData);\n if (newDataKeys.indexOf(\"name\") > -1) {\n newData.name.currentValue = savedData.title;\n }\n let list = Object.keys(savedData.data);\n list.forEach((key) => {\n if (newDataKeys.indexOf(key) > -1) {\n newData[key].currentValue = convertSavedValueToCurrentValue(\n newData[key],\n savedData.data[key],\n newData,\n );\n }\n });\n };\n\n if (action === \"new\") {\n processData();\n } else if (action === \"view\" || action === \"edit\") {\n processData();\n\n if (currentSubmissionType === \"MassPriceUpdate\") {\n if (action === \"view\") {\n newData.prices.isReadOnly = true;\n } else {\n newData.prices.isReadOnly = false;\n }\n }\n\n if (currentSubmissionType === \"UpdateProduct\") {\n if (_.isEmpty(newData.relatedProduct.currentValue)) {\n newInternalState = 1;\n\n if (newData.discontinueReason) {\n newData.discontinueReason.hideFromUI = true;\n }\n } else {\n if (newData.discontinueProduct?.currentValue?.label === \"Yes\") {\n newInternalState = 2;\n\n if (newData.discontinueReason) {\n newData.discontinueReason.hideFromUI = false;\n }\n } else if (newData.discontinueProduct?.currentValue?.label === \"No\") {\n newInternalState = 3;\n\n if (newData.discontinueReason) {\n newData.discontinueReason.hideFromUI = true;\n }\n } else {\n newInternalState = 2;\n\n if (newData.discontinueReason) {\n newData.discontinueReason.hideFromUI = true;\n }\n }\n }\n }\n\n if (currentSubmissionType === \"UpdatePack\") {\n let nhsConverter = convertNhsFormToCurrentValue(newData, inComingPack);\n inComingPack = _.cloneDeep(nhsConverter.onlyChanged);\n\n if (\n inComingPack?.quantity?.currentValue?.input &&\n inComingPack?.quantity?.currentValue?.unit?.label\n ) {\n newData.relatedPack.currentValue.label =\n inComingPack.quantity.currentValue.input +\n \" \" +\n inComingPack.quantity.currentValue.unit.label;\n }\n\n if (_.isEmpty(newData.relatedProduct.currentValue)) {\n newInternalState = 1;\n\n if (newData.discontinueReason) {\n newData.discontinueReason.hideFromUI = true;\n newData.discontinueQuantity.hideFromUI = true;\n }\n } else if (_.isEmpty(newData.relatedPack.currentValue)) {\n newInternalState = 2;\n\n if (newData.discontinueReason) {\n newData.discontinueReason.hideFromUI = true;\n newData.discontinueQuantity.hideFromUI = true;\n }\n } else {\n if (newData.discontinuePack?.currentValue?.label === \"Yes\") {\n newInternalState = 3;\n if (newData.discontinueReason) {\n newData.discontinueReason.hideFromUI = false;\n newData.discontinueQuantity.hideFromUI = false;\n }\n } else if (newData.discontinuePack?.currentValue?.label === \"No\") {\n newInternalState = 4;\n if (newData.discontinueReason) {\n newData.discontinueReason.hideFromUI = true;\n newData.discontinueQuantity.hideFromUI = true;\n }\n } else {\n newInternalState = 3;\n if (newData.discontinueReason) {\n newData.discontinueReason.hideFromUI = true;\n newData.discontinueQuantity.hideFromUI = true;\n }\n }\n }\n }\n }\n };\n\n // STEP 4\n // FIND ERRORS\n const step4 = () => {\n if (savedData) {\n if (\n currentSubmissionType === \"UpdateProduct\" ||\n currentSubmissionType === \"UpdatePack\"\n ) {\n const savedIngredients = savedData[\"ingredients\"] || [];\n const hasNoSavedIngredients = savedIngredients.length === 0;\n\n const target = newData.ingredients || {};\n const noValidation = [];\n\n if (hasNoSavedIngredients) {\n target.validationRules = noValidation;\n }\n }\n }\n\n newData = findAllErrors(newData);\n };\n\n // LAST STEP, STEP 5\n // UPDATE STATES\n\n const step5 = () => {\n disableIsLoadingWithDelay();\n if (action === \"new\") {\n setHeaderTitles({\n id: null,\n submissionType: addSpaces(currentSubmissionType),\n productName: null,\n status: \"Draft\",\n submissionId: null,\n currentAction: currentAction,\n });\n } else {\n setHeaderTitles({\n id: ID,\n submissionType: addSpaces(savedData.type),\n productName: savedData.title,\n status: currentStatus,\n submissionId: submissionID,\n currentAction: currentAction,\n });\n }\n currentPageName =\n \"handlePage/\" +\n currentAction +\n \"/\" +\n currentSubmissionType +\n \"/\" +\n currentID;\n //currentSubmissionID;\n setPageName(currentPageName);\n setSidebarBehavior({ position: \"narrow\", content: \"none\" });\n\n setSettings({\n isThereAnyChange: false,\n action: currentAction,\n submissionType: currentSubmissionType,\n ID: currentID,\n submissionID: currentSubmissionID,\n name: savedData ? savedData.title : \"\",\n status: currentStatus,\n savedData: savedData,\n internalState: newInternalState,\n inComingPack: inComingPack,\n });\n setData(newData);\n };\n\n // RUN FUNCS\n const runFuncs = async () => {\n await step1();\n await step2();\n step3();\n step4();\n step5();\n };\n runFuncs();\n }, [ID, submissionType, submissionID, action]);\n \n /**\n * UPDATE DATA\n */\n const updateData = async (fieldName, newDataObj, propName = \"currentValue\") => {\n if (!data || !settings) {\n return;\n }\n let currentSubmissionType = settings.submissionType || \"\";\n\n /**\n * CLONE MAIN DATA and CHANGE INCOMING VALUES\n */\n let errorText = findError(fieldName, newDataObj);\n let newData = _.cloneDeep(data);\n let newSettings = _.cloneDeep(settings);\n\n newData[fieldName] = {\n ...newData[fieldName],\n [propName]: newDataObj,\n ...(propName === \"currentValue\" && {\n errorText: errorText,\n }),\n };\n\n /**\n * CHECK IF THERE IS ANY CHANGE FOR ONE TIME\n */\n if (\n !settings.isThereAnyChange &&\n data[fieldName].dontSendToApi !== true &&\n propName === \"currentValue\"\n ) {\n newSettings.isThereAnyChange = true;\n }\n\n /**\n * UNIQUE FUNCTIONS DEPENDING ON SUBMISSION TYPE\n */\n const toggleSaveIngredientButton = () => {\n const relatedFieldNames = [\n \"ingredientName\",\n \"bops\",\n \"boss\",\n \"numerator\",\n \"denominator\",\n ];\n if (!data.saveIngredientButton || relatedFieldNames.indexOf(fieldName) === -1) {\n return;\n } else if (errorText.length > 0) {\n newData.saveIngredientButton.buttonType = \"deactive\";\n } else {\n let newArr = relatedFieldNames.filter((item) => {\n if (item !== fieldName) {\n return data[item]?.errorText?.length !== 0;\n } else {\n return null;\n }\n });\n\n if (newArr.length > 0) {\n newData.saveIngredientButton.buttonType = \"deactive\";\n } else {\n newData.saveIngredientButton.buttonType = \"\";\n }\n }\n };\n const toggleSavePackButton = () => {\n const relatedFieldNames = [\n \"quantity\",\n \"legalCategory\",\n \"subpackInfo\",\n \"gtinCodes\",\n \"calendarPack\",\n \"hospitalPack\",\n \"limitedStability\",\n \"price\",\n ];\n if (!data.savePackButton || relatedFieldNames.indexOf(fieldName) === -1) {\n return;\n } else if (errorText.length > 0) {\n newData.savePackButton.buttonType = \"deactive\";\n } else {\n let newArr = relatedFieldNames.filter((item) => {\n if (item !== fieldName) {\n const errorCount = data[item]?.errorText?.length || 0;\n return errorCount !== 0;\n } else {\n return null;\n }\n });\n\n if (newArr.length > 0) {\n newData.savePackButton.buttonType = \"deactive\";\n } else {\n newData.savePackButton.buttonType = \"\";\n }\n }\n };\n const relatedProductChanged = async () => {\n if (\n !data.relatedProduct ||\n fieldName !== \"relatedProduct\" ||\n propName !== \"currentValue\" ||\n areTheyEqual(newDataObj, data.relatedProduct.currentValue)\n ) {\n return;\n }\n\n let inComingValues = await FetchAPI({\n showErrorLogsOnConsole: showErrorLogsOnConsole,\n history: history,\n apiShortName: \"callAMP_idSearch\",\n token: userState.accessToken,\n apiNeeds: {\n value: newDataObj.value,\n },\n setIsLoading: (boo) => {\n setIsLoading(boo);\n },\n });\n newData = _.cloneDeep(convertNhsFormToCurrentValue(newData, inComingValues).data);\n newData = findAllErrors(newData);\n newSettings.internalState = 2;\n\n setIsLoading(false);\n };\n const discontinueProductChanged = () => {\n if (_.isEmpty(newData.relatedProduct?.currentValue)) {\n if (newData.discontinueReason) {\n newData.discontinueReason.hideFromUI = true;\n }\n return;\n }\n\n if (newData.discontinueProduct?.currentValue?.label === \"Yes\") {\n newSettings.internalState = 2;\n\n if (newData.discontinueReason) {\n newData.discontinueReason.hideFromUI = false;\n }\n } else if (newData.discontinueProduct?.currentValue?.label === \"No\") {\n newSettings.internalState = 3;\n\n if (newData.discontinueReason) {\n newData.discontinueReason.hideFromUI = true;\n }\n } else {\n newSettings.internalState = 2;\n\n if (newData.discontinueReason) {\n newData.discontinueReason.hideFromUI = true;\n }\n }\n\n newData = findAllErrors(newData);\n };\n const discontinuePackChanged = () => {\n if (\n _.isEmpty(newData.relatedProduct?.currentValue) ||\n _.isEmpty(newData.relatedPack?.currentValue)\n ) {\n if (newData.discontinueReason) {\n newData.discontinueReason.hideFromUI = true;\n newData.discontinueQuantity.hideFromUI = true;\n }\n return;\n }\n\n if (newData.discontinuePack?.currentValue?.label === \"Yes\") {\n newSettings.internalState = 3;\n\n if (newData.discontinueReason) {\n newData.discontinueReason.hideFromUI = false;\n newData.discontinueQuantity.hideFromUI = false;\n }\n } else if (newData.discontinuePack?.currentValue?.label === \"No\") {\n newSettings.internalState = 4;\n\n if (newData.discontinueReason) {\n newData.discontinueReason.hideFromUI = true;\n newData.discontinueQuantity.hideFromUI = true;\n }\n } else {\n newSettings.internalState = 3;\n\n if (newData.discontinueReason) {\n newData.discontinueReason.hideFromUI = true;\n newData.discontinueQuantity.hideFromUI = true;\n }\n }\n\n newData = findAllErrors(newData);\n };\n\n const relatedProductChangedForUpdatePack = async () => {\n if (\n !data.relatedProduct ||\n fieldName !== \"relatedProduct\" ||\n propName !== \"currentValue\" ||\n areTheyEqual(newDataObj, data.relatedProduct.currentValue)\n ) {\n return;\n }\n\n let inComingValues = await FetchAPI({\n showErrorLogsOnConsole: showErrorLogsOnConsole,\n history: history,\n apiShortName: \"callAMPP\",\n token: userState.accessToken,\n apiNeeds: {\n companyId: userState.selectedCompany?.id,\n ampId: newDataObj.value,\n },\n setIsLoading: (boo) => {\n setIsLoading(boo);\n },\n });\n\n let newPackObj = [];\n\n inComingValues.data.forEach((item) => {\n newPackObj.push({\n value: item.id,\n label: item.name,\n });\n });\n\n newData.relatedPack.optionValue = newPackObj;\n newData.relatedPack.currentValue = undefined;\n\n newSettings.internalState = 2;\n setIsLoading(false);\n };\n const relatedPackChanged = async () => {\n if (\n !data.relatedPack ||\n fieldName !== \"relatedPack\" ||\n propName !== \"currentValue\" ||\n areTheyEqual(newDataObj, data.relatedPack.currentValue)\n ) {\n return;\n }\n\n let inComingValues = await FetchAPI({\n showErrorLogsOnConsole: showErrorLogsOnConsole,\n history: history,\n apiShortName: \"callAMPP_idSearch\",\n token: userState.accessToken,\n apiNeeds: {\n value: newDataObj.value,\n },\n setIsLoading: (boo) => {\n setIsLoading(boo);\n },\n });\n\n let nhsConverter = convertNhsFormToCurrentValue(newData, inComingValues);\n\n newData = _.cloneDeep(nhsConverter.data);\n newSettings.inComingPack = _.cloneDeep(nhsConverter.onlyChanged);\n\n newData = findAllErrors(newData);\n newSettings.internalState = 3;\n setIsLoading(false);\n };\n const massPriceUpdateChanged = () => {\n const noOfUpdatedPrice = newData.prices.currentValue.filter(item => item.newPrice > 0).length;\n newSettings.isThereAnyChange = noOfUpdatedPrice > 0;\n };\n\n switch (currentSubmissionType) {\n case \"NewProduct\":\n toggleSaveIngredientButton();\n toggleSavePackButton();\n break;\n case \"UpdateProduct\":\n await relatedProductChanged();\n discontinueProductChanged();\n toggleSavePackButton();\n break;\n case \"UpdatePack\":\n await relatedProductChangedForUpdatePack();\n await relatedPackChanged();\n discontinuePackChanged();\n break;\n case \"MassPriceUpdate\":\n massPriceUpdateChanged();\n break;\n default:\n break;\n }\n\n setData(newData);\n setSettings(newSettings);\n };\n const silentUpdateData = (fieldName, newDataObj, propName = \"currentValue\") => {\n if (!data) {\n return;\n }\n\n let currentValue = data[fieldName][propName];\n if (!areTheyEqual(currentValue, newDataObj)) {\n setData({\n ...data,\n [fieldName]: {\n ...data[fieldName],\n [propName]: newDataObj,\n },\n });\n }\n };\n\n /**\n * UPDATE HEADER TITLE\n */\n useLayoutEffect(() => {\n if (!data || !settings) {\n return;\n }\n\n let newHeaderTitle = \"\";\n\n if (settings.submissionType === \"NewProduct\" && data.name?.currentValue) {\n newHeaderTitle = data.name.currentValue;\n } else if (\n (settings.submissionType === \"NewPack\" || settings.submissionType === \"UpdatePack\") &&\n data.relatedProduct?.currentValue?.label &&\n data.quantity?.currentValue?.unit?.label\n ) {\n newHeaderTitle =\n data.relatedProduct.currentValue.label +\n \" \" +\n data.quantity.currentValue.input +\n \" \" +\n data.quantity.currentValue.unit.label;\n } else if (\n settings.submissionType === \"UpdateProduct\" &&\n data.relatedProduct?.currentValue?.label\n ) {\n newHeaderTitle = data.relatedProduct.currentValue.label;\n } else if (\n settings.submissionType === \"MassPriceUpdate\" &&\n data.prices?.currentValue?.length\n ) {\n const prices = data.prices?.currentValue || [];\n const count = prices.filter((item) => item.newPrice !== undefined && item.newPrice > 0).length;\n\n newHeaderTitle = `${count} Prices Updated`;\n } else {\n newHeaderTitle = settings.name;\n }\n\n if (setHeaderTitles.productName !== newHeaderTitle) {\n setHeaderTitles((prev) => ({\n ...prev,\n productName: newHeaderTitle,\n }));\n }\n }, [data, settings?.submissionType]);\n\n /**\n * DEFINE SECTIONS for ANCHOR POINTS\n */\n useLayoutEffect(() => {\n if (!data) {\n return;\n }\n let newSections = [];\n\n Object.keys(data).forEach((item) => {\n if (data[item].isASection) {\n newSections.push(item);\n }\n });\n setSections(newSections);\n }, [data]);\n\n /**\n * SCROLL TO ERROR FIELD\n */\n const errorFieldNameClicked = (fieldName) => {\n let element = document.getElementById(fieldName);\n window.scrollTo(0, element.offsetTop + 75);\n };\n\n /**\n * ON EXTERNAL CLICKS CALLBACK\n */\n const onExternalClick = (callBack, additionalData) => {\n if (callBack) {\n callBack(\n {\n data: data,\n setData: setData,\n updateData: updateData,\n silentUpdateData: silentUpdateData,\n settings: settings,\n setSettings: setSettings,\n findError: findError,\n },\n additionalData,\n );\n }\n };\n\n /**\n * USE CONSOL to SEE DATA or SETTINGS for DEVELOPMENT\n */\n if (!process.env.NODE_ENV || process.env.NODE_ENV === \"development\" || showErrorLogsOnConsole) {\n window.data = data;\n window.settings = settings;\n }\n\n //-------------------------------------------------------------\n // \t\tRETURN\n //-------------------------------------------------------------\n\n if (!data || !settings || isLoading) {\n return null;\n }\n\n return (\n | AMPP ID | \nPack Name | \nCurrent Price (Pence) | \nNew Price (Pence) | \n
|---|
{turnArrayToLines(errorText)}
\n ) : null}\n \n {/* SUMMARY SECTION FOR VIEW and EDIT ACTIONS */}\n {settings.action === \"view\" ? (\n \n \n ) : null}\n {/* Displaying the Freeform Message */}\n {(settings.status === \"Confirmed\" || settings.status === \"Rejected\") ? ( \n \n \n ) : null}\n\n {/* NHSs MESSAGE FOR FURTHER STEPS, WILL BE PLACED HERE */}\n\n {/* PRINT ALL FORM FIELDS */}\n {!data\n ? null\n : Object.entries(data).map(([key, item]) => {\n if (\n item.hideFromUI ||\n (settings.action !== \"view\" &&\n (item.internalState || 1) > (settings?.internalState || 1))\n ) {\n return null;\n }\n return (\n {\n onExternalClick(data[key].onClick);\n }}\n removeButtonForIngsAndPacks={(additionalData) => {\n onExternalClick(\n data[key].removeButtonForIngsAndPacks,\n additionalData,\n );\n }}\n onChange={(additionalData) => { \n onExternalClick(data[key].onChange, additionalData); \n }}\n />\n );\n })}\n\n {/* USER ACTIONS */}\n {\n errorFieldNameClicked(error);\n }}\n convertCurrentValueToSavedValue={convertCurrentValueToSavedValue}\n />\n\n \n
\n );\n};\n","import React from \"react\";\nimport { useLayoutEffect, useContext } from \"react\";\nimport { GlobalContext } from \"contexts/GlobalStore.js\";\n\nexport const About = (props) => {\n const thisPageName = \"aboutPage\";\n const {\n pageName,\n setPageName,\n setSidebarBehavior,\n disableIsLoadingWithDelay,\n setIsLoading,\n } = useContext(GlobalContext);\n\n /**\n * SET PAGE NAME and SIDEBAR BEHAVIOUR IN MOUNT AND REMOVE ISLOADING\n * @description sets pageName and sidebarBehaviour in globalStore\n */\n useLayoutEffect(() => {\n setIsLoading(true);\n setPageName(thisPageName);\n setSidebarBehavior({ position: \"narrow\", content: \"about\" });\n disableIsLoadingWithDelay();\n }, [pageName]);\n\n //-------------------------------------------------------------\n // \t\tRETURN\n //-------------------------------------------------------------\n return (\n \n
\n );\n};\n","import React from \"react\";\nimport { useLayoutEffect, useContext } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { GlobalContext } from \"contexts/GlobalStore.js\";\nimport { Button } from \"components/FormElements/Button/Button.js\";\nimport \"./ErrorPages.scss\";\n\nexport const ErrorPages = (props) => {\n const type = String(\n props?.type ? props.type : props?.match?.params?.type ? props.match.params.type : \"unknown\",\n );\n const {\n pageName,\n setPageName,\n setSidebarBehavior,\n goToHome,\n setIsLoading,\n disableIsLoadingWithDelay,\n } = useContext(GlobalContext);\n const history = useHistory();\n const thisPageName = \"errorPage\";\n\n /**\n * SET PAGE NAME and SIDEBAR BEHAVIOUR IN MOUNT AND REMOVE ISLOADING\n * @description sets pageName and sidebarBehaviour in globalStore\n */\n useLayoutEffect(() => {\n setIsLoading(true);\n setPageName(thisPageName);\n setSidebarBehavior({ position: \"noSidebar\", content: \"hide\" });\n disableIsLoadingWithDelay();\n history.replace(\"/error/\" + type);\n }, [pageName]);\n\n //-------------------------------------------------------------\n // \t\tRETURN\n //-------------------------------------------------------------\n return (\n About emc in demand
\n\n \n
\n\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed\n do eiusmod tempor incididunt ut labore et dolore magna\n aliqua. In dictum non consectetur a erat nam at lectus urna.\n Molestie a iaculis at erat pellentesque adipiscing commodo\n elit at. Rhoncus mattis rhoncus urna neque viverra justo nec\n ultrices. Pellentesque eu tincidunt tortor aliquam nulla.\n Morbi leo urna molestie at elementum. Quis hendrerit dolor\n magna eget est lorem.\n
\n\n\n Hac habitasse platea dictumst quisque sagittis purus sit\n amet. Lectus magna fringilla urna porttitor rhoncus dolor\n purus. Orci a scelerisque purus semper eget. Velit egestas\n dui id ornare arcu. Venenatis urna cursus eget nunc\n scelerisque viverra mauris in. Sodales neque sodales ut\n etiam sit amet nisl. Vitae semper quis lectus nulla at\n volutpat diam ut. Facilisi etiam dignissim diam quis enim\n lobortis scelerisque fermentum dui. In hendrerit gravida\n rutrum quisque non. Est ullamcorper eget nulla facilisi\n etiam. Massa tincidunt dui ut ornare lectus sit amet est\n placerat.\n
\nLegal
\n\n \n
\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed\n do eiusmod tempor incididunt ut labore et dolore magna\n aliqua. In dictum non consectetur a erat nam at lectus urna.\n Molestie a iaculis at erat pellentesque adipiscing commodo\n elit at. Rhoncus mattis rhoncus urna neque viverra justo nec\n ultrices. Pellentesque eu tincidunt tortor aliquam nulla.\n Morbi leo urna molestie at elementum. Quis hendrerit dolor\n magna eget est lorem.\n
\n\n\n Hac habitasse platea dictumst quisque sagittis purus sit\n amet. Lectus magna fringilla urna porttitor rhoncus dolor\n purus. Orci a scelerisque purus semper eget. Velit egestas\n dui id ornare arcu. Venenatis urna cursus eget nunc\n scelerisque viverra mauris in. Sodales neque sodales ut\n etiam sit amet nisl. Vitae semper quis lectus nulla at\n volutpat diam ut. Facilisi etiam dignissim diam quis enim\n lobortis scelerisque fermentum dui. In hendrerit gravida\n rutrum quisque non. Est ullamcorper eget nulla facilisi\n etiam. Massa tincidunt dui ut ornare lectus sit amet est\n placerat.\n
\n\n {\n goToHome();\n }}\n />\n\n history.push(\"/logout\")}\n additionalStyle={{}}\n />\n ) : (\n {\n goToHome();\n }}\n additionalStyle={{}}\n />\n )}\n
\n );\n};\n","import React, { useLayoutEffect, useContext, useState } from \"react\";\nimport { GlobalContext } from \"contexts/GlobalStore.js\";\nimport { UserContext } from \"contexts/UserStore.js\";\nimport { Button } from \"components/FormElements/Button/Button.js\";\nimport \"./LoggedOut.scss\";\n\nexport const LoggedOut = (props) => {\n const {\n pageName,\n setPageName,\n setSidebarBehavior,\n setIsLoading,\n disableIsLoadingWithDelay,\n } = useContext(GlobalContext);\n const { login } = useContext(UserContext);\n const thisPageName = \"logoutPage\";\n\n /**\n * SET PAGE NAME and SIDEBAR BEHAVIOUR\n * @description sets pageName and sidebarBehaviour in globalStore\n */\n useLayoutEffect(() => {\n setIsLoading(true);\n setPageName(thisPageName);\n setSidebarBehavior({ position: \"noSidebar\", content: \"hide\" });\n disableIsLoadingWithDelay();\n }, [pageName]);\n\n //-------------------------------------------------------------\n // \t\tRETURN\n //-------------------------------------------------------------\n return (\n Sorry to say, but...
\n \n {type === \"403\" ? (\n
\n {type !== \"noPermissions\" && `Error: ${type}`}\n
\n \n\n {type === \"403\" || type === \"noPermissions\" ? (\n \n You do not have access to the page you have requested.\n
\n Please contact Datapharm.\n
\n ) : type === \"404\" ? (\n \n Please contact Datapharm.\n
We could not locate the requested page
\n ) : type === \"500\" ? (\n \n There is something wrong.\n
\n Please contact Datapharm.\n
\n ) : type === \"noPermissions\" ? (\n \n Please contact Datapharm.\n
\n You have insufficient permissions to access emc med data dm+d.\n
\n
\n Please contact the service desk at servicedesk@datapharm.com\n
\n or call us on 01372 371 44\n
\n ) : (\n \n
\n Please contact the service desk at servicedesk@datapharm.com\n
\n or call us on 01372 371 44\n
\n There is something wrong.\n
\n Please try again or contact your admin.\n
\n )}\n \n Please try again or contact your admin.\n
\n {type !== \"noPermissions\" && `Error: ${type}`}\n
\n {\n login();\n }}\n />\n\n {\n login();\n }}\n additionalStyle={{}}\n />\n
\n );\n};\n","import React, { useContext } from \"react\";\nimport { GlobalContext } from \"contexts/GlobalStore.js\";\nimport { useHistory } from \"react-router-dom\";\nimport \"./MobileMenu.scss\";\n\nexport const MobileMenu = (props) => {\n const { setSidebarBehavior, pageName } = useContext(GlobalContext);\n let history = useHistory();\n\n //-------------------------------------------------------------\n // \t\tRETURN\n //-------------------------------------------------------------\n\n if (pageName === \"errorPage\") {\n return null;\n }\n\n return (\n You have been logged out.
\n Thank you for using emc med data dm+d. See you soon.
\n \n \n {\n history.push(\"/\");\n }}\n />\n {\n setSidebarBehavior({ position: \"mobile\", content: \"none\" });\n }}\n />\n
\n );\n};\n","import React, { useContext } from \"react\";\nimport { GlobalContext } from \"contexts/GlobalStore.js\";\nimport { Card } from \"../Card/Card.js\";\nimport \"./CardsForListing.scss\";\n\nexport const CardsForListing = (props) => {\n const { filteredSubmissions, clientTop, currentPage } = props;\n const { convertDateForScreen } = useContext(GlobalContext);\n\n /**\n * HANDLE GO TO TOP\n * @description Goes to top of the page smoothly.\n */\n const handleGoToTop = () => {\n window.scrollTo({ top: 0, left: 0, behavior: \"smooth\" });\n };\n /**\n * HANDLE GO TO BOTTOM\n * @description Goes to bottom of the page smoothly.\n */\n const handleGoToBottom = () => {\n window.scrollTo({\n top: document.body.scrollHeight,\n left: 0,\n behavior: \"smooth\",\n });\n };\n\n //-------------------------------------------------------------\n // \t\tRETURN\n //-------------------------------------------------------------\n\n return (\n \n {!filteredSubmissions\n ? null\n : filteredSubmissions.map((item, key) => {\n if (key > clientTop * currentPage - 1) {\n return null;\n }\n return (\n \n {clientTop && key % clientTop === 0 ? (\n
\n \n ) : null}\n\n \n {filteredSubmissions.length <= currentPage * clientTop ? (\n {\n handleGoToBottom();\n }}\n >\n Go Bottom\n
\n )}\n \n {\" \"}\n {filteredSubmissions.length}{\" \"}\n {filteredSubmissions.length > 1 ? \"items\" : \"item\"}\n
\n ) : (\n \n Items {key === 0 ? 1 : key} -{\" \"}\n {key + clientTop > filteredSubmissions.length\n ? filteredSubmissions.length\n : key + clientTop}{\" \"}\n of {filteredSubmissions.length}\n
\n )}\n \n {key === 0 ? null : (\n \n {\n handleGoToTop();\n }}\n >\n Go Top\n
{\" \"}\n -{\" \"}\n \n )}\n {filteredSubmissions.length <=\n currentPage * clientTop ? null : (\n \n {/* filteredContentBox will be here */}\n Sorry, we couldn't find anything...\n
\n Please try a new search or change filter settings.\n
\n );\n }\n\n return (\n \n Please try a new search or change filter settings.\n
Loading...
\n ) : (\n \n {\n handleGoToTop();\n }}\n >\n Go Top\n
\n \n )\n ) : null}\n {filteredSubmissions.length - currentPage * clientTop} more items
\n \n {\n setIsLoadMore(true);\n handleLoadMore();\n }}\n />\n
\n \n \n {version}\n
\n {/* ISLOADING */}\n \n {/* MOBILE HEADER WILL PLACE HERE ?!?!? */}\n \n {/* SWITCH to PAGE CONTENT */}\n \n \n \n
\n \n );\n};\n","import \"babel-polyfill\";\nimport \"core-js/features/url-search-params\";\n\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { BrowserRouter as Router } from \"react-router-dom\";\nimport * as serviceWorker from \"./serviceWorker\";\n\nimport GlobalStore from \"./contexts/GlobalStore.js\";\nimport ClientStore from \"./contexts/ClientStore.js\";\nimport UserStore from \"./contexts/UserStore.js\";\nimport { App } from \"./App\";\nimport FeatureFlagsStore from \"contexts/FeatureContext\";\nimport { AppInsightsContext } from '@microsoft/applicationinsights-react-js';\nimport { reactPlugin } from './Telemetry';\n\nReactDOM.render(\n\t