\n {STRINGS.THIS_ACTION_CANNOT_BE_UNDONE}\n
\n
\n )\n}\n\nexport default InviteNewExistingUser","import React, { useEffect, useState } from 'react'\nimport Modal from '@mui/material/Modal';\nimport modalCrossBlack from '../../../../assests/modalCross.svg'\nimport Box from '@mui/material/Box';\nimport OutlinedInput from '@mui/material/OutlinedInput';\nimport Typography from '@mui/material/Typography';\nimport { Button, styled } from '@mui/material';\nimport MenuItem from '@mui/material/MenuItem';\nimport Select from '@mui/material/Select';\nimport { INVITE_USER_TO_ORG, INVITE_USER_TO_POJECT, LIST_PROJECT_MEMBERS } from '../../../../services';\nimport STRINGS from '../../../../helpers/staticContentHelper';\nimport OrgUsers from './orgUsers';\nimport BackImg from '../../../../assests/back.svg';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { decryptResponse } from '../../../../utils/encryptionDecryption';\nimport { GET_PROJECTS_LIST } from '../../../../services';\nimport InviteNewExistingUser from './inviteNewExistingUser';\nimport { LIST_ORG_MEMBERS } from '../../../../services';\nimport Chip from '@mui/material/Chip';\nimport { useParams } from 'react-router-dom';\nimport { useAlert } from '../../../../utils/alertsProvider';\n\nconst buttonStyle = {\n border: \"1px solid #E6E8EA\",\n borderRadius: \"12px\",\n color: \"black\",\n textTransform: 'none',\n \"&:hover\": {\n border: \"1px solid #E6E8EA\",\n },\n fontFamily: \"Plus Jakarta Sans\"\n};\n\nexport const buttonSecondaryStyle = {\n border: \"1px solid #ECF0F3\",\n background: '#1B2E31',\n borderRadius: \"12px\",\n color: \"white\",\n whiteSpace: 'nowrap',\n textTransform: 'none',\n // backgroundColor: '#ECF0F3',\n \"&:hover\": {\n border: \"1px solid #ECF0F3\",\n color: \"white\",\n background: '#1B2E31',\n },\n \"&:disabled\": {\n border: \"1px solid #ECF0F3\",\n color: \"#6D6D6D\",\n background: '#DBDEE0',\n },\n fontFamily: \"Plus Jakarta Sans\"\n};\n\nexport const popUpStyle = {\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n width: 500,\n bgcolor: 'background.paper',\n boxShadow: 24,\n p: 2,\n borderRadius: '0.5rem',\n fontFamily: \"Plus Jakarta Sans\" \n};\n\nconst fontAndSize = {\n fontFamily: \"Plus Jakarta Sans\",\n color: 'rgb(27, 46, 49)',\n fontSize: '16px',\n margin:'0.1rem'\n}\n\nconst ROLES = ['manager', 'estimator', 'project executive', 'project engineer']\n\nfunction extractDomain(email) {\n const regex = /@([\\w.-]+)/;\n const match = email.match(regex);\n return match ? match[1] : null;\n}\n\nexport const handleValidation = (data, adminEmail) => {\n const errorValue = {\n isError: false,\n first_name: '',\n last_name: '',\n user_email: '',\n role: '',\n // resource_ids: []\n }\n Object.entries(data).forEach(([key, value]) => {\n // if (key === 'resource_ids' && value.length === 0 && data.role !== 'admin') {\n // errorValue[key] = STRINGS.REQUIRED_FIELD_ERROR_MSG\n // errorValue.isError = true\n // } else \n if (!value) {\n errorValue[key] = STRINGS.REQUIRED_FIELD_ERROR_MSG\n errorValue.isError = true\n } else if (key === 'user_email') {\n const userDomain = extractDomain(value)\n const adminDomain = extractDomain(adminEmail)\n const re = /^(([^<>()[\\]\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@(([^<>()[\\]\\.,;:\\s@\\\"]+\\.)+[^<>()[\\]\\.,;:\\s@\\\"]{2,})$/i;\n if (!re.test(value)) {\n errorValue[key] = STRINGS.ENTER_VALID_EMAIL_ERROR_MSG\n errorValue.isError = true\n } else if (userDomain !== adminDomain) {\n alert(`Please ensure the user invited is from the same domain: ${adminDomain}`)\n errorValue.isError = true\n }\n }\n });\n return errorValue\n}\n\nexport const handleInviteUserValidation = (data, adminEmail) => {\n const errorValue = {\n isError: false,\n user_emails: '',\n resource_ids: ''\n }\n Object.entries(data).forEach(([key, value]) => {\n if (value.length === 0) {\n errorValue[key] = STRINGS.REQUIRED_FIELD_ERROR_MSG\n errorValue.isError = true\n }\n });\n return errorValue\n}\n\nfunction AddUserModal({ open, setOpen, userData }) {\n const { showAlert } = useAlert();\n const params = useParams();\n const { projectId } = params;\n const [activeTab, setActiveTab] = useState('');\n const [isUserInvitationPending, setIsUserInvitationPending] = useState(false);\n const [projectsList, setProjectsList] = useState([])\n const [usersData, setUsersData] = useState([])\n const [error, setError] = useState({\n isError: false,\n first_name: '',\n last_name: '',\n user_email: '',\n role: '',\n resource_ids: []\n })\n const [userFormData, setUserFormData] = useState({\n role: '',\n user_email: '',\n first_name: '',\n last_name: '',\n resource_ids: []\n })\n\n const handleClose = () => {\n setOpen(prev => !prev)\n }\n\n const handleChange = (event) => {\n const {\n target: { value },\n } = event;\n setUserFormData(prev => {\n return { ...prev, role: value, resource_ids: value === 'admin' ? [] : prev.resource_ids }\n })\n setError(prev => {\n return { ...prev, role: '' }\n })\n };\n\n const addUserToOrg = () => {\n const errorData = handleValidation(userFormData, userData.email)\n setError(errorData)\n if (errorData.isError) {\n return\n }\n setIsUserInvitationPending(true)\n INVITE_USER_TO_ORG({ ...userFormData, org_id: userData.org_id , entity_id:1}).then(res => {\n if (res) {\n const decryptedData = decryptResponse(res)\n const parsedDecryptedData = JSON.parse(decryptedData)\n if (parsedDecryptedData.invite_status) {\n setIsUserInvitationPending(false)\n handleClose()\n showAlert(STRINGS.INVITE_SENT, userFormData.user_email, STRINGS.USER_HAS_BEEN_NOTIFIED_TO_JOIN_ORG)\n } else {\n alert(JSON.parse(res?.request?.response)?.data || 'something went wrong')\n setIsUserInvitationPending(false)\n }\n }\n })\n }\n\n const onChangeFormData = (name, value) => {\n setUserFormData(prev => {\n return { ...prev, [name]: value }\n })\n if (value) {\n setError(prev => {\n return { ...prev, [name]: '' }\n })\n } else {\n setError(prev => {\n return { ...prev, [name]: STRINGS.REQUIRED_FIELD_ERROR_MSG }\n })\n }\n }\n\n useEffect(() => {\n setUserFormData({\n role: '',\n user_email: '',\n first_name: '',\n last_name: '',\n resource_ids: []\n })\n setActiveTab('')\n }, [open])\n\n const fetchProjectsList = () => {\n GET_PROJECTS_LIST({ created_by: userData.created_by }).then(res => {\n if (res) {\n const decryptedData = decryptResponse(res)\n const parsedDecryptedData = JSON.parse(decryptedData)\n if (parsedDecryptedData) {\n setProjectsList(parsedDecryptedData)\n }\n }\n\n })\n }\n\n useEffect(() => {\n if (open) {\n fetchProjectsList();\n }\n }, [open]) //eslint-disable-line\n\n const handleDelete = (chipToDelete, key) => () => {\n setUserFormData(prev => {\n const filteredData = prev[key].filter((chip) => chip !== chipToDelete)\n return { ...prev, [key]: filteredData }\n })\n };\n\n const getListOfOrgUsers = (orgId) => {\n LIST_ORG_MEMBERS(orgId).then(res => {\n if (res) {\n const decryptedUsersData = JSON.parse(decryptResponse(res))\n setUsersData(decryptedUsersData)\n }\n })\n }\n\n const getListOfProjectUsers = (orgId, projectId) => {\n const queryObj = {\n org_id: orgId,\n project_id: projectId,\n existing_project_users: true\n }\n LIST_PROJECT_MEMBERS(queryObj).then(res => {\n if (res) {\n const decryptedUsersData = JSON.parse(decryptResponse(res))\n setUsersData(decryptedUsersData)\n }\n })\n }\n\n useEffect(() => {\n if (open) {\n if (userData?.org_id && projectId) {\n getListOfProjectUsers(userData.org_id, projectId)\n } else if (userData?.org_id) {\n getListOfOrgUsers(userData.org_id)\n }\n }\n }, [userData.org_id, open, projectId])\n\n // validation and invite user project\n const [inviteUserError, setInviteUserError] = useState({\n isError: false,\n user_emails: [],\n resource_ids: []\n })\n const [inviteUserFormData, setInviteUserFormData] = useState({\n user_emails: [],\n resource_ids: []\n })\n\n const inviteUserToOrg = () => {\n const errorData = handleInviteUserValidation(inviteUserFormData)\n setInviteUserError(errorData)\n if (errorData.isError) {\n return\n }\n setIsUserInvitationPending(true)\n INVITE_USER_TO_POJECT({ ...inviteUserFormData, org_id: userData.org_id }).then(res => {\n if (res) {\n const decryptedData = decryptResponse(res)\n const parsedDecryptedData = JSON.parse(decryptedData)\n if (parsedDecryptedData.invite_status) {\n setIsUserInvitationPending(false)\n handleClose()\n const email = inviteUserFormData.user_emails.length === 1 ? inviteUserFormData.user_emails[0] : ''\n const message = inviteUserFormData.user_emails.length === 1 ? STRINGS.USERS_HAS_BEEN_NOTIFIED_TO_JOIN_PROJECT : STRINGS.USER_HAS_BEEN_NOTIFIED_TO_JOIN_PROJECT\n showAlert(STRINGS.INVITE_SENT, email, message)\n } else {\n alert(JSON.parse(res?.request?.response)?.data || 'something went wrong')\n setIsUserInvitationPending(false)\n }\n }\n })\n }\n\n const ListItem = styled('li')(({ theme }) => ({\n margin: theme.spacing(0.5),\n }));\n\n function getProjectName(data) {\n const filteredData = projectsList.find(projectData => projectData.project_id === data)\n return filteredData.project_name\n }\n\n const fetchUserList = () => {\n if (userData?.org_id && projectId) {\n getListOfProjectUsers(userData.org_id, projectId)\n } else if (userData?.org_id) {\n getListOfOrgUsers(userData.org_id)\n }\n }\n\n return (\n \n ![]()
{\n setActiveTab('')\n }} src={BackImg} alt='not-found' width='20px' height='20px' style={{ cursor: \"pointer\" }} />\n
\n \n {STRINGS.INVITE_USER_TO_TEAM}\n
\n\n
\n \n \n Select Projects\n \n {\n setUserFormData(prev => {\n return { ...prev, project_ids: [...prev.project_ids, e.target.value] }\n })\n setError(prev => {\n return { ...prev, project_ids: '' }\n })\n })}\n sx={{marginTop:\"0px\"}}\n input={\n {project.project_name}\n \n )\n }\n })}\n \n \n {userFormData?.project_ids?.map((data) => {\n let icon;\n return (\n \n \n );\n })}\n \n {(error.isError && error.project_ids) &&\n \n {error.project_ids}\n \n }\n
\n \n
\n \n \n Select User\n \n {\n setUserFormData(prev => {\n return { ...prev, user_emails: [...prev.user_emails, e.target.value] }\n })\n setError(prev => {\n return { ...prev, user_emails: '' }\n })\n })}\n sx={{marginTop:\"0px\"}}\n input={ e.stopPropagation()}\n key={user.email}\n value={user.email}\n sx={{ ...fontAndSize }}\n >\n {user.email}\n \n )\n }\n })}\n \n \n {userFormData.user_emails.map((data) => {\n let icon;\n return (\n \n \n );\n })}\n \n {(error.isError && error.user_emails) &&\n \n {error.user_emails}\n \n }\n
\n \n {STRINGS.CNNOT_FIND_YOUR_TEAM_MATE} {\n setActiveTab('add-user')\n }}>{STRINGS.ADD_NEW_USER}\n
\n\n
\n :\n activeTab === 'invite-user' ?\n \n ![]()
{\n setActiveTab('')\n }} src={BackImg} alt='not-found' width='20px' height='20px' style={{ cursor: \"pointer\" }} />\n
\n \n {/* {STRINGS.INVITE_USER_TO_TEAM} */}\n Add user to team\n
\n\n
\n \n \n {STRINGS.FIRST_NAME}\n \n onChangeFormData('first_name', e.target.value)}\n />\n {(error.isError && error.first_name) &&\n \n {error.first_name}\n \n }\n
\n \n \n {STRINGS.LAST_NAME}\n \n onChangeFormData('last_name', e.target.value)}\n />\n {(error.isError && error.last_name) &&\n \n {error.last_name}\n \n }\n
\n \n
\n \n \n {STRINGS.EMAIL}\n \n onChangeFormData('user_email', e.target.value)}\n />\n {(error.isError && error.user_email) &&\n \n {error.user_email}\n \n }\n
\n \n \n {STRINGS.ROLE}\n \n \n admin\n }\n {ROLES.map((name) => (\n \n {name}\n \n ))}\n \n {(error.isError && error.role) &&\n \n {error.role}\n \n }\n
\n {userFormData.role !== 'admin' &&\n \n \n Select Projects (optional)\n \n {\n setUserFormData(prev => {\n return { ...prev, resource_ids: [...prev.resource_ids, e.target.value] }\n })\n setError(prev => {\n return { ...prev, resource_ids: '' }\n })\n })}\n input={\n {project.project_name}\n \n )\n }\n })}\n \n \n {userFormData.resource_ids.map((data) => {\n let icon;\n return (\n \n \n );\n })}\n \n {(error.isError && error.resource_ids) &&\n \n {error.resource_ids}\n \n }\n
\n }\n \n
\n \n {STRINGS.USERS}\n
\n\n
\n \n }\n \n \n {activeTab === 'add-user' ?\n <>\n {\n isUserInvitationPending ?\n
\n \n
:\n \n }\n \n :\n <>\n {\n isUserInvitationPending ?\n \n
:\n \n }\n \n }\n \n
\n )\n}\n\nexport default FilterByDate;","export const ArrowUp = () => (\n \n FILTER\n
\n \n
\n\n \n\n
\n \n {\n if (date) {\n getElementInFocus()\n }\n let deepCopy = JSON.parse(JSON.stringify(selectedMaterials));\n if (date) {\n deepCopy.materials_transfer_period.start_date = moment(date).format(\"DD-MM-YYYY\");\n } else {\n delete deepCopy.materials_transfer_period.start_date\n }\n setSelectedMaterials(deepCopy)\n }}\n />\n {(error && !selectedMaterials?.materials_transfer_period?.start_date) &&\n \n {STRINGS.REQUIRED_FIELD_ERROR_MSG}\n \n }\n
\n\n \n {\n let deepCopy = JSON.parse(JSON.stringify(selectedMaterials));\n if (date.endDate) {\n deepCopy.materials_transfer_period.end_date = moment(date.endDate).format(\"DD-MM-YYYY\");\n } else {\n delete deepCopy.materials_transfer_period.end_date\n }\n setSelectedMaterials(deepCopy)\n }}\n calenderFieldId='general_end_date_filter'\n minDate={moment(selectedMaterials?.materials_transfer_period?.start_date, \"DD-MM-YYYY\").toDate()}\n />\n {(error && !selectedMaterials?.materials_transfer_period?.end_date) &&\n \n {STRINGS.REQUIRED_FIELD_ERROR_MSG}\n \n }\n
\n \n \n \n
\n \n clearFilter()} >{STRINGS.CLEAR}\n handleValidation()} >Apply\n
\n \n
\n )\n}\n\nexport default FilterBySearch;","var _path;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgNoMaterialFound(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 49,\n height: 53,\n viewBox: \"0 0 49 53\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M21.6156 3.16359L5.1925 12.6442L22 22.4036L38.7694 12.6442L22.3844 3.16359C22.2565 3.09943 22.1283 3.06734 22 3.06734C21.8717 3.06734 21.7435 3.09943 21.6156 3.16359ZM0.75 33.9755V14.0242C0.75 13.3926 0.905 12.7984 1.215 12.2417C1.52542 11.6851 1.97146 11.2359 2.55313 10.8942L20.1969 0.706718C20.5144 0.514218 20.8123 0.386719 21.0906 0.324219C21.3694 0.261719 21.67 0.230469 21.9925 0.230469C22.315 0.230469 22.6283 0.261719 22.9325 0.324219C23.2371 0.386719 23.5273 0.514218 23.8031 0.706718L41.4469 10.8942C42.0285 11.2359 42.4746 11.6851 42.785 12.2417C43.095 12.7984 43.25 13.3926 43.25 14.0242V25.6342H40.4131V14.9373L22.0387 25.6586L3.58687 14.9755V33.9998C3.58687 34.1282 3.61875 34.2484 3.6825 34.3605C3.74667 34.4725 3.84292 34.5686 3.97125 34.6486L22.0963 45.1248V48.3555L2.55313 37.1055C1.97146 36.7638 1.52542 36.3146 1.215 35.758C0.905 35.2013 0.75 34.6071 0.75 33.9755ZM37.4375 49.0717C37.7837 49.0717 38.0737 48.9611 38.3075 48.7398C38.5417 48.519 38.6587 48.229 38.6587 47.8698C38.6587 47.5111 38.5417 47.2211 38.3075 46.9998C38.0737 46.7786 37.7902 46.668 37.4569 46.668C37.0977 46.668 36.8075 46.7786 36.5863 46.9998C36.3654 47.2211 36.255 47.5111 36.255 47.8698C36.255 48.229 36.3654 48.519 36.5863 48.7398C36.8075 48.9611 37.0913 49.0717 37.4375 49.0717ZM36.3512 44.168H38.5625V34.2161H36.3512V44.168ZM37.455 52.4373C34.4946 52.4373 31.9558 51.3913 29.8387 49.2992C27.7221 47.2071 26.6638 44.6598 26.6638 41.6573C26.6638 38.679 27.7227 36.1334 29.8406 34.0205C31.9585 31.9076 34.4977 30.8511 37.4581 30.8511C40.4185 30.8511 42.9573 31.9048 45.0744 34.0123C47.1915 36.1198 48.25 38.6765 48.25 41.6823C48.25 44.6782 47.191 47.2196 45.0731 49.3067C42.9548 51.3938 40.4154 52.4373 37.455 52.4373Z\",\n fill: \"#1C1B1F\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgNoMaterialFound);\nexport default __webpack_public_path__ + \"static/media/noMaterialFound.199934c767af5018065d07b6ae409507.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2, _path3;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgAfterFilter(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 80,\n height: 81,\n viewBox: \"0 0 80 81\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M59.6521 47.9219L56.1271 51.4494L52.5996 47.9219L50.6946 49.8294L54.2196 53.3544L50.6946 56.8794L52.5996 58.7869L56.1271 55.2594L59.6521 58.7869L61.5571 56.8794L58.0321 53.3544L61.5571 49.8294L59.6521 47.9219Z\",\n fill: \"#1B2E31\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M73.1519 68.4731L66.7219 62.0406C68.6669 59.6731 69.8369 56.6481 69.8369 53.3506C69.8369 45.7906 63.6869 39.6406 56.1294 39.6406C48.5719 39.6406 42.4194 45.7906 42.4194 53.3506C42.4194 60.9106 48.5694 67.0581 56.1294 67.0581C59.4244 67.0581 62.4519 65.8881 64.8194 63.9431L71.2494 70.3756L73.1544 68.4706L73.1519 68.4731ZM56.1269 64.3656C50.0519 64.3656 45.1119 59.4256 45.1119 53.3531C45.1119 47.2806 50.0544 42.3381 56.1269 42.3381C62.1994 42.3381 67.1394 47.2806 67.1394 53.3531C67.1394 59.4256 62.1969 64.3656 56.1269 64.3656Z\",\n fill: \"#1B2E31\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9.54192 24.9647H62.1319V36.8197H64.8269V22.2697H9.54192V13.3122H34.7244L41.4469 20.0372H68.1194V41.5072H70.8144V17.3422H42.5644L35.8419 10.6172H6.84692V63.1872H38.9769V60.4922H9.54192V24.9647Z\",\n fill: \"#1B2E31\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgAfterFilter);\nexport default __webpack_public_path__ + \"static/media/afterFilter.1454f7c07954b8f1b1daa2b5b82bbd60.svg\";\nexport { ForwardRef as ReactComponent };","import React from 'react';\nimport NoDataFound from '../../materialSearch/components/noDataFound';\nimport { ReactComponent as NoMaterialFoundImg } from '../assets/noMaterialFound.svg';\nimport { ReactComponent as AfterFilterFound } from '../assets/afterFilter.svg';\nimport STRINGS from '../../../helpers/staticContentHelper';\n\nfunction NoMaterialFound({ ifFilterEnabled, handleClearButton }) {\n return (\n \n
\n \n {\n setSearchProjectText(e.target.value)\n handleProjectSearch(e.target.value)\n }}\n />\n \n
\n \n FILTER\n
\n {projectStatusFilterOptions.map((optionData, index) => {\n return \n \n \n
\n \n clearFilter()}>{STRINGS.CLEAR}\n closeWindow()} >Done\n
\n \n
\n )\n}\n\nexport default NoMaterialFound","import React, { useEffect, useState, useRef } from 'react';\nimport { ReactComponent as ChevronRight } from '../assets/rightArroTable.svg';\nimport { ReactComponent as TableArrow } from '../assets/tableUparrow.svg'\nimport { ReactComponent as MovementImg } from '../assets/movement.svg';\nimport { useNavigate } from 'react-router-dom';\nimport { ReactComponent as MaterialImg } from '../assets/materisl.svg';\nimport { ReactComponent as BidImg } from '../assets/bid.svg';\nimport './table.css';\nimport { convertToCamelCase, formatEndDate } from '../../../utils/encryptionDecryption';\nimport { formatNumberWithCommas } from '../createAndEditJob';\nimport { getTypeOfQuantity } from './jobDetailTable';\nimport FilterByMaterial from './filterForJobs/filterByMaterial';\nimport { ReactComponent as TableFilterImg } from '../assets/tableFilterIcon.svg';\nimport FilterForSingleSelection from './filterForJobs/singleSelectionForJobFilter';\nimport FilterByDate from './filterForJobs/filterByDate';\nimport FilterBySearch from './filterForJobs/searchByProjectName';\nimport { materialApprovalStatus, materialAvailabilityValues } from '../addNewJobPayload';\nimport { FILTER_JOB_BY_STATUS } from '../addNewJobPayload';\nimport NoMaterialFound from './NoMaterialFound';\nimport { formatDateWithMoment } from '../../../utils/encryptionDecryption';\nimport { JOB_TYPES } from '../materialTrackerDashboard';\n\nconst FILTER_RELATE_STYLE = { position: 'relative', alignItems: 'center', display: 'flex', gap: \"0.5rem\" }\n\nexport const EXCLUDE_STATUS = ['COMPLETED', 'AWARDED', 'CANCELLED', \"LOST\"];\n\nconst MaterialTable = ({ jobList,\n setJobsList,\n selectedMaterials,\n setSelectedMaterials,\n fetchJobs,\n setLastSelectedJobType,\n searchProjectText,\n setSearchProjectText,\n materialDropdownList,\n projectStatusFilterOptions,\n setProjectStatusFilterOptions,\n filterTempValue,\n setFilterTempValue,\n jobsLoading,\n handleNoResultButton,\n ifFilterEnabled }) => {\n const [initialJobList, setInitialJobList] = useState([]);\n const navigate = useNavigate();\n const [expandedRows, setExpandedRows] = useState(new Set([]));\n const [activeFilter, setActiveFilter] = useState('')\n\n const toggleRow = (id) => {\n const newExpanded = new Set(expandedRows);\n if (newExpanded.has(id)) {\n newExpanded.delete(id);\n } else {\n newExpanded.add(id);\n }\n setExpandedRows(newExpanded);\n };\n\n useEffect(() => {\n setInitialJobList(jobList)\n }, [])\n\n const handleProjectSearch = (searchValue) => {\n const filteredJobs = initialJobList.filter(job => (job.project_info.project_name.toLowerCase().includes(searchValue.toLowerCase()) || job.project_info.project_number.toLowerCase().includes(searchValue.toLowerCase())))\n if (filteredJobs.length > 0) {\n setJobsList(filteredJobs)\n }\n }\n\n const divRefForSearchBar = useRef(null);\n const divRefMaterial = useRef(null);\n const divRefForMovement = useRef(null);\n const divRefForTransferWindow = useRef(null);\n const divRefForStatus = useRef(null);\n\n return (\n \n
\n );\n};\n\nexport default MaterialTable;\n\n\nexport function NoTableData({ enableArrow = false }) {\n return (\n \n \n \n
\n
\n | \n \n {JOB_TYPES.includes(selectedMaterials.type) ? \"Job\" : 'Bid'} Details\n \n | \n \n Material Details \n | \n \n Material Quantity Details \n | \n {/* \n | */}\n||||
|---|---|---|---|---|---|---|---|
| \n Total no.\n | \n\n \n Name\n \n | \n \n \n Movement\n \n | \n \n Total quantity\n | \n\n Quantity moved\n | \n\n Quantity remaining\n | \n\n \n Material transfer window\n \n | \n \n \n Status\n \n | \n
| \n \n \n | \n |||||||
| \n \n \n \n \n \n \n | \n {\n e.stopPropagation()\n if (job.project_materials.length > 1) {\n toggleRow(index)\n } else {\n navigate(`/job-detail/${job.project_info.project_id}?type=${job.project_info.type}`)\n }\n }}>\n \n {expandedRows.has(index) ?\n \n \n \n \n {job.project_info.type === 'bid' ? \n {convertToCamelCase(job.project_info.project_status)}\n \n }\n {job.project_info.project_name} \n | \n \n {job.project_materials.length}\n | \n\n \n \n \n {job.project_materials[0].material_name}\n \n \n {job.project_materials[0].subtype_name || ''}\n \n | \n\n {job.project_materials[0].movement_type ?\n \n \n {convertToCamelCase(job.project_materials[0].movement_type)}\n | :\n \n \n {convertToCamelCase(job.project_materials[0].material_approval_status)}\n \n \n \n | :\n \n \n \n | */}\n \n {expandedRows.has(index) && job.project_materials.map((material, index) => (\n index > 0 && (\n |
| \n | \n | \n\n \n \n \n {material.material_name}\n \n \n {material.subtype_name || ''}\n \n | \n {material.movement_type ?\n \n \n {convertToCamelCase(material.movement_type)}\n | :\n \n {convertToCamelCase(material.material_approval_status)}\n | \n {/*\n | */}\n
\n
}\n \n
\n\n \n
\n \n {STRINGS.ADD_SUB_TYPE}\n
\n\n
\n \n \n {STRINGS.SELECT_MATERIAL}\n \n {\n onChangeFormData('material_id', value.material_id)\n }}\n placeholder='Select material'\n error={error.isError && error.material_id}\n value={userFormData.material_id ? getMaterialName() : ''}\n />\n
\n \n \n {STRINGS.ENTER_MATERIAL_SUB_TYPE_NAME}\n \n onChangeFormData('subtype_name', e.target.value)}\n />\n {(error.isError && error.subtype_name) &&\n \n {error.subtype_name}\n \n }\n
\n\n \n \n\n {isLoading ?\n
\n \n
:\n }\n \n {!hideCrossButton &&\n <>\n \n 
\n \n
\n\n \n
\n \n {STRINGS.INVITE_USER}\n
\nSend and add team members to your workspace
\n \n }\n {usersData.map((currentUserData, index) => {\n if ((editUserIndex === index) || (index === usersData.length - 1 && editUserIndex !== 0 && !editUserIndex)) {\n return (\n\n
\n )\n }\n })}\n \n \n {STRINGS.FIRST_NAME}\n \n handleValueChange('first_name', e.target.value, index)}\n />\n {(error && !currentUserData?.first_name) &&\n \n {STRINGS.REQUIRED_FIELD_ERROR_MSG}\n \n }\n
\n \n \n {STRINGS.LAST_NAME}\n \n handleValueChange('last_name', e.target.value, index)}\n />\n {(error && !currentUserData?.last_name) &&\n \n {STRINGS.REQUIRED_FIELD_ERROR_MSG}\n \n }\n
\n\n \n\n
\n {/* {usersData.length > 1 && \n \n {STRINGS.EMAIL}\n \n handleValueChange('email', e.target.value, index)}\n />\n {(error && !currentUserData?.email) &&\n \n {STRINGS.REQUIRED_FIELD_ERROR_MSG}\n \n }\n
\n\n \n \n {STRINGS.ROLE}\n \n {\n handleValueChange('role', value.value, index)\n }}\n placeholder='Select role'\n error={error && !currentUserData?.role}\n value={getRoleName(currentUserData.role)}\n style={{ maxHeight: \"35px\", fontSize: '12px' }}\n />\n
\n \n
} */}\n {\n removeUser(index)\n }}>Remove
\n\n
\n\n {\n const localError = handleError(true)\n if (!localError) {\n setUsersData(prev => [...prev, { ...initialUserData, entity_id: type === 'job' ? 2 : 3 }])\n }\n }}>
{\n setEditUserIndex(null)\n }} >{STRINGS.SAVE}
}\n\n {usersData.length > 1 && usersData.map((currentUserData, index) => {\n let fullName = currentUserData.first_name + \" \" + currentUserData.last_name\n if (index !== usersData.length - 1) {\n return (\n
\n \n
\n )\n }\n })}\n \n
\n \n
\n \n {currentUserData.role}\n \n {getTwoCharFromName(fullName)}
\n \n {fullName}\n {currentUserData.email}\n
\n \n {\n setEditUserIndex(index)\n }} />\n {\n removeUser(index)\n }} />\n
\n \n {isLoading ?\n
\n \n )\n}\n\nexport default AddMultipleUserComponent","import React, { useEffect, useState } from 'react'\nimport Modal from '@mui/material/Modal';\nimport AddMultipleUserComponent from './addMultipleUserComponent';\nimport Box from '@mui/material/Box';\n\nexport const popUpStyle = {\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n width: 500,\n bgcolor: 'background.paper',\n boxShadow: 24,\n p: 2,\n borderRadius: '0.5rem',\n fontFamily: \"Plus Jakarta Sans\"\n};\n\nfunction AddMultipleUsers({ open, setOpen , fetchUsers}) {\n const handleClose = () => {\n setOpen(prev => !prev)\n }\n return (\n \n
:\n }\n \n
\n\n \n
\n \n {STRINGS.ADD_MATERIAL}\n
\n\n
\n \n \n {STRINGS.ADD_MATERIAL_NAME}\n \n onChangeFormData('material_name', e.target.value)}\n />\n {(error.isError && error.material_name) &&\n \n {error.material_name}\n \n }\n
\n \n \n\n {isLoading ?\n
\n \n
:\n }\n \n {isMulti && multipleValues.length > 2 &&\n {\n if (!value) {\n handleSearch(e.target.value)\n }\n }}\n />\n {\n value && !isMulti ?\n {\n onValueChange('');\n setInputValue('');\n }} /> : multipleValues.length === 0 ?\n setIsFocused(true)} /> : <>\n }\n {(error && !value) &&\n \n *required\n \n }\n {!loading && (dropdownOptions?.length > 0 || addInviteButton || isCustomButtonEnabled) && isFocused &&\n {\n e.stopPropagation()\n handleCustomButton()\n }}\n >\n
\n }\n \n }\n \n )\n}\n\nexport default CustomDropdown;\n\n\nexport function SingleDropdownList({ optionData, onChange, optionValue, optionLabel, index }) {\n return (\n \n +{multipleValues.length - 2}\n
\n }\n \n {dropdownOptions.map((optionData, index) => {\n if (addCheckbox) {\n return ( {\n onValueChange(e)\n setInputValue('');\n }}\n optionValue={optionValue}\n optionLabel={optionLabel}\n />)\n }\n return ( {\n onValueChange(e)\n handleCloseFocus()\n setInputValue('');\n }}\n optionValue={optionValue}\n optionLabel={optionLabel}\n />)\n })}\n {addInviteButton &&\n \n
}\n {isCustomButtonEnabled &&\n {\n e.stopPropagation()\n inviteUser()\n }}\n >\n
\n \n {customButtonText}\n
\n onChange(optionData)}>\n
\n )\n}\n\nexport function SingleDropdownListWithCheckbox({ optionData, onChange, optionValue, optionLabel, multipleValues }) {\n return (\n \n {(optionData[optionLabel] && optionLabel === 'email') ? getSubStringEmail(optionData[optionLabel]) : optionData[optionLabel] || optionData.label}\n
\n {optionData.role && \n {convertToCamelCase(optionData.role === 'manager' ? 'Project manager' : optionData.role)}\n }\n {\n // if (optionData.role !== 'admin') {\n onChange(optionData)\n // }\n }} >\n
\n )\n}","import React, { useEffect, useState, useRef } from 'react';\nimport STRINGS from '../../../../helpers/staticContentHelper';\nimport { Checkbox } from '@mui/material';\nimport { ReactComponent as DropdownImg } from '../../assets/dropdown.svg';\nimport { onMaterialValueChange } from '../../../../utils/helper'\n\nexport const checkBoxStyle = {\n \"& .MuiSvgIcon-root\": {\n width: \"20px\",\n height: \"20px\",\n },\n color: '#A3A7AA',\n '&.Mui-checked': {\n color: '#1F5D5E',\n },\n padding: '0px',\n marginRight: \"6px\"\n}\n\nfunction FilterByMaterial({ selectedMaterials, divRefMaterial, clearActiveFilter, setSelectedMaterials, dropDownOptions, fetchJobs, clearFilter }) {\n const [materialDropdownList, setMaterialDropdownList] = useState([]);\n const [activeDropdownList, setActiveDropdownList] = useState([])\n\n const handleClickOutside = (event) => {\n if (divRefMaterial.current && !divRefMaterial.current.contains(event.target)) {\n // Add your logic here\n clearActiveFilter()\n }\n };\n\n useEffect(() => {\n document.addEventListener(\"mousedown\", handleClickOutside);\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, []);\n\n const getDropDownList = (dropDownOptions) => {\n const listOfIds = {\n materialIds: [],\n materialSubIds: []\n }\n try {\n let count = 0;\n const dropDownListFormMaterial = dropDownOptions.map(material => {\n listOfIds.materialIds.push(material.material.material_id)\n count++\n let obj = {}\n obj.material_name = material.material.material_name;\n obj.material_id = material.material.material_id;\n obj.subtypes = material.subtypes\n count = (count + material.subtypes.length)\n\n material.subtypes.forEach(element => {\n listOfIds.materialSubIds.push(element.subtype_id)\n });\n return obj\n })\n setMaterialDropdownList(dropDownListFormMaterial)\n } catch (error) {\n console.log(error)\n }\n }\n\n useEffect(() => {\n getDropDownList(dropDownOptions)\n }, [dropDownOptions])\n\n const onValueChange = (value, subOption) => {\n let deepCopy = onMaterialValueChange(value, subOption , selectedMaterials)\n setSelectedMaterials(deepCopy);\n }\n\n return (\n \n {\n // if (optionData.role !== 'admin') {\n onChange(optionData)\n // }\n }}\n checked={multipleValues.includes(optionData[optionValue])}\n />\n {optionData[optionLabel] ? getSubStringEmail(optionData[optionLabel]) : optionData.label}\n
\n \n {convertToCamelCase(optionData.role === 'manager' ? 'Project manager' : optionData.role)}\n \n \n { onValueChange(...rest) }}\n optionValue={'material_id'}\n optionLabel={'material_name'}\n activeDropdownList={activeDropdownList}\n setActiveDropdownList={setActiveDropdownList}\n paddingLeft='35px'\n subTypeValues={selectedMaterials.materials.subtype_ids}\n multipleValues={selectedMaterials.materials.material_ids}\n />)\n })}\n\n
\n )\n}\n\nexport default FilterByMaterial;\n\n\nexport function SingleDropdownListWithCheckboxForMaterial({ optionData, onChange, subTypeValues, optionValue, optionLabel, multipleValues, paddingLeft, index, activeDropdownList, setActiveDropdownList }) {\n return (\n <>\n \n FILTER\n
\n {materialDropdownList.map((optionData, index) => {\n return (\n \n\n \n
\n \n clearFilter()}>{STRINGS.CLEAR}\n Apply\n
\n {\n onChange(optionData)\n }}>\n onChange(optionData)}\n checked={multipleValues.includes(optionData[optionValue])}\n />\n {optionData[optionLabel] ? optionData[optionLabel] : optionData.label}\n\n {optionData?.subtypes?.length > 0 &&\n
\n\n {optionData?.subtypes?.length > 0 && activeDropdownList.includes(index) &&\n optionData?.subtypes?.map(subtype => {\n return (\n {\n e.stopPropagation()\n if (activeDropdownList.includes(index)) {\n const deepCopy = JSON.parse(JSON.stringify(activeDropdownList))\n const filteredArray = deepCopy.filter(i => i !== index)\n setActiveDropdownList(prev => filteredArray)\n } else {\n setActiveDropdownList(prev => {\n return [...prev, index]\n })\n }\n }}>\n
\n }\n {\n onChange({ ...subtype, material: optionData }, true)\n }} >\n onChange({ ...subtype, material: optionData }, true)}\n checked={subTypeValues.includes(subtype['subtype_id'])}\n />\n {subtype['subtype_name']}\n
\n )\n })}\n \n )\n}","import { useState } from \"react\";\nimport { Checkbox } from '@mui/material';\nimport { ReactComponent as DropdownImg } from '../../assets/dropdown.svg';\nimport { checkBoxStyle } from \"./filterByMaterial\";\nimport { convertToCamelCase } from \"../../../../utils/encryptionDecryption\";\n\nexport function MaterialStatusWithCheckbox({ optionData, index, setProjectStatusFilterOptions, projectStatusFilterOptions }) {\n const [activeDropdownList, setActiveDropdownList] = useState([]);\n\n const handleStatusChange = () => {\n const deepCopy = JSON.parse(JSON.stringify(projectStatusFilterOptions));\n if (deepCopy[index].isChecked && deepCopy[index]?.options?.length > 0) {\n deepCopy[index].options = deepCopy[index]?.options.map(option => {\n option.isChecked = false\n return option\n })\n } else if (deepCopy[index].options) {\n deepCopy[index].options = deepCopy[index]?.options.map(option => {\n option.isChecked = true\n return option\n })\n }\n deepCopy[index].isChecked = !deepCopy[index].isChecked\n setProjectStatusFilterOptions(deepCopy)\n }\n\n const isAnyOptionChecked = (allOptions) => {\n let isAnyChecked = false;\n let isAllChecked = 0;\n allOptions.forEach(element => {\n if (element.isChecked && !isAnyChecked) {\n isAnyChecked = true\n }\n if (!element.isChecked) {\n isAllChecked++\n }\n })\n return { isAnyChecked, isAllChecked: isAllChecked === 3 }\n }\n\n const handleSubOptionChange = (subTypeIndex) => {\n const deepCopy = JSON.parse(JSON.stringify(projectStatusFilterOptions));\n deepCopy[index].options[subTypeIndex].isChecked = !deepCopy[index].options[subTypeIndex].isChecked;\n const { isAnyChecked, isAllChecked } = isAnyOptionChecked(deepCopy[index].options);\n if (isAnyChecked && !deepCopy[index].isChecked) {\n deepCopy[index].isChecked = true\n } else if (isAllChecked) {\n deepCopy[index].isChecked = false\n }\n setProjectStatusFilterOptions(deepCopy)\n }\n\n return (\n <>\n handleStatusChange()}>\n handleStatusChange()}\n checked={optionData.isChecked}\n />\n {optionData.name}\n {optionData?.options?.length > 0 &&\n
\n\n {optionData?.options?.length > 0 && activeDropdownList.includes(index) &&\n optionData?.options?.map((subtype, subTypeIndex) => {\n return (\n {\n e.stopPropagation()\n if (activeDropdownList.includes(index)) {\n const deepCopy = JSON.parse(JSON.stringify(activeDropdownList))\n const filteredArray = deepCopy.filter(i => i !== index)\n setActiveDropdownList(prev => filteredArray)\n } else {\n setActiveDropdownList(prev => {\n return [...prev, index]\n })\n }\n }}>\n
\n }\n handleSubOptionChange(subTypeIndex)} >\n handleSubOptionChange(subTypeIndex)}\n checked={subtype.isChecked}\n />\n {convertToCamelCase(subtype['name'])}\n
\n )\n })}\n \n )\n}","var _path;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgActiveRadioButton(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 18,\n height: 18,\n viewBox: \"0 0 18 18\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9.00614 12.7984C10.0665 12.7984 10.9639 12.4293 11.6984 11.6909C12.4331 10.9524 12.8004 10.053 12.8004 8.99269C12.8004 7.93235 12.4312 7.03494 11.6929 6.30044C10.9544 5.56577 10.055 5.19844 8.99464 5.19844C7.93431 5.19844 7.03689 5.5676 6.30239 6.30594C5.56772 7.04444 5.20039 7.94385 5.20039 9.00419C5.20039 10.0645 5.56956 10.9619 6.30789 11.6964C7.04639 12.4311 7.94581 12.7984 9.00614 12.7984ZM9.01064 17.5984C7.82814 17.5984 6.71406 17.3748 5.66839 16.9274C4.62289 16.4801 3.70739 15.8641 2.92189 15.0794C2.13639 14.2948 1.51981 13.3804 1.07214 12.3364C0.624307 11.2926 0.400391 10.1773 0.400391 8.99044C0.400391 7.80344 0.624057 6.69127 1.07139 5.65394C1.51872 4.61677 2.13472 3.70544 2.91939 2.91994C3.70406 2.13444 4.61839 1.51785 5.66239 1.07019C6.70622 0.622354 7.82156 0.398438 9.00839 0.398438C10.1954 0.398438 11.3076 0.622105 12.3449 1.06944C13.3821 1.51677 14.2934 2.13277 15.0789 2.91744C15.8644 3.7021 16.481 4.61444 16.9286 5.65444C17.3765 6.69444 17.6004 7.80569 17.6004 8.98819C17.6004 10.1707 17.3767 11.2848 16.9294 12.3304C16.4821 13.3759 15.8661 14.2914 15.0814 15.0769C14.2967 15.8624 13.3844 16.479 12.3444 16.9267C11.3044 17.3745 10.1931 17.5984 9.01064 17.5984ZM9.00039 16.7984C11.1671 16.7984 13.0087 16.0401 14.5254 14.5234C16.0421 13.0068 16.8004 11.1651 16.8004 8.99844C16.8004 6.83177 16.0421 4.9901 14.5254 3.47344C13.0087 1.95677 11.1671 1.19844 9.00039 1.19844C6.83372 1.19844 4.99206 1.95677 3.47539 3.47344C1.95872 4.9901 1.20039 6.83177 1.20039 8.99844C1.20039 11.1651 1.95872 13.0068 3.47539 14.5234C4.99206 16.0401 6.83372 16.7984 9.00039 16.7984Z\",\n fill: \"#006D6B\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgActiveRadioButton);\nexport default __webpack_public_path__ + \"static/media/activeRadioButton.2c782466ca9e306e1fd37cd0deb55b8b.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgInActiveRadioButton(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 18,\n height: 18,\n viewBox: \"0 0 18 18\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9.01064 17.5984C7.82814 17.5984 6.71406 17.3748 5.66839 16.9274C4.62289 16.4801 3.70739 15.8641 2.92189 15.0794C2.13639 14.2948 1.51981 13.3804 1.07214 12.3364C0.624307 11.2926 0.400391 10.1773 0.400391 8.99044C0.400391 7.80344 0.624057 6.69127 1.07139 5.65394C1.51872 4.61677 2.13472 3.70544 2.91939 2.91994C3.70406 2.13444 4.61839 1.51785 5.66239 1.07019C6.70622 0.622354 7.82156 0.398438 9.00839 0.398438C10.1954 0.398438 11.3076 0.622105 12.3449 1.06944C13.3821 1.51677 14.2934 2.13277 15.0789 2.91744C15.8644 3.7021 16.481 4.61444 16.9286 5.65444C17.3765 6.69444 17.6004 7.80569 17.6004 8.98819C17.6004 10.1707 17.3767 11.2848 16.9294 12.3304C16.4821 13.3759 15.8661 14.2914 15.0814 15.0769C14.2967 15.8624 13.3844 16.479 12.3444 16.9267C11.3044 17.3745 10.1931 17.5984 9.01064 17.5984ZM9.00039 16.7984C11.1671 16.7984 13.0087 16.0401 14.5254 14.5234C16.0421 13.0068 16.8004 11.1651 16.8004 8.99844C16.8004 6.83177 16.0421 4.9901 14.5254 3.47344C13.0087 1.95677 11.1671 1.19844 9.00039 1.19844C6.83372 1.19844 4.99206 1.95677 3.47539 3.47344C1.95872 4.9901 1.20039 6.83177 1.20039 8.99844C1.20039 11.1651 1.95872 13.0068 3.47539 14.5234C4.99206 16.0401 6.83372 16.7984 9.00039 16.7984Z\",\n fill: \"#1C1B1F\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgInActiveRadioButton);\nexport default __webpack_public_path__ + \"static/media/inActiveRadioButton.e28fc0261e5d8d5ef0a6872163cb72d0.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState, useRef, useEffect } from 'react';\nimport STRINGS from '../../../../helpers/staticContentHelper';\nimport { ReactComponent as ActiveRadioButtonImg } from '../../assets/activeRadioButton.svg'\nimport { ReactComponent as InActiveRadioButtonImg } from '../../assets/inActiveRadioButton.svg'\nimport { Checkbox } from '@mui/material';\n\nfunction FilterForSingleSelection({ value = [],refDiv , onValueChange, useCheckbox = false, clearActiveFilter, dropDownOptions = [], left = '', fetchJobs, clearFilter }) {\n const [activeDropdownList, setActiveDropdownList] = useState([])\n\n const handleClickOutside = (event) => {\n if (refDiv.current && !refDiv.current.contains(event.target)) {\n // Add your logic here\n clearActiveFilter()\n }\n };\n\n useEffect(() => {\n document.addEventListener(\"mousedown\", handleClickOutside);\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, []);\n\n return (\n \n { onValueChange(...rest) }}\n optionValue={'value'}\n optionLabel={'label'}\n activeDropdownList={activeDropdownList}\n setActiveDropdownList={setActiveDropdownList}\n paddingLeft='35px'\n value={value}\n useCheckbox={useCheckbox}\n />)\n })}\n
\n )\n}\n\nexport default FilterForSingleSelection\n\n\nexport function SingleDropdownListWithCheckbox({ optionData, onChange, optionValue, optionLabel, value, useCheckbox }) {\n return (\n \n FILTER\n
\n {dropDownOptions.map((optionData, index) => {\n return (\n \n \n
\n \n clearFilter()}>{STRINGS.CLEAR}\n Apply\n
\n {\n onChange(optionData)\n }} style={{ textTransform: 'none' }}>\n {useCheckbox ? {\n if (optionData.role !== 'admin') {\n onChange(optionData)\n }\n }}\n checked={value.includes(optionData[optionValue])}\n /> : <>\n {value.includes(optionData[optionValue]) ?
\n\n )\n}","import * as React from 'react';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport Modal from '@mui/material/Modal';\nimport { Button } from '@mui/material';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport STRINGS from '../../../helpers/staticContentHelper';\nimport { DELETE_JOB } from '../../../services/trackMaterialServices';\nimport { ReactComponent as DeleteCloseWindowImg } from '../assets/deleteClose.svg';\nimport { buttonStyle, cancelButtonStyle } from '../materialTrackerDashboard';\n\nfunction JobDeleteModal({ open, setOpen, jobData = {}, handleLocalDelete }) {\n const [isLoading, setIsLoading] = React.useState(false);\n\n const handleClose = (e) => {\n setOpen(false);\n }\n\n const deleteOption = async (e) => {\n if (jobData.project_material_id) {\n setIsLoading(true)\n const reqData = {\n \"type\": jobData.type,\n \"project_id\": jobData.project_id,\n \"project_material_ids\": [\n {\n \"project_material_id\": jobData.project_material_id,\n \"movement_id\": jobData.movement_id\n }\n ],\n \"delete_complete_project\": false\n }\n const res = await DELETE_JOB(reqData)\n handleLocalDelete(jobData.index)\n setIsLoading(false)\n } else {\n handleLocalDelete(jobData.index)\n }\n handleClose()\n }\n\n const style = {\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n bgcolor: 'background.paper',\n boxShadow: 24,\n p: '32px',\n borderRadius: '16px'\n };\n\n React.useEffect(() => {\n setIsLoading(false)\n }, [])\n\n return (\n Summary
\nMaterial: {jobData?.material_name}
\n\n \n \n
\n
\n )\n}\n\nexport default JobDetailTable;","var _path;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgAi(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 17,\n height: 17,\n viewBox: \"0 0 17 17\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.83333 4.33333L6.40333 5.495C5.84 7.01833 5.55833 7.78 5.0025 8.33583C4.44667 8.89167 3.685 9.17333 2.16167 9.73667L1 10.1667L2.16167 10.5967C3.685 11.16 4.44667 11.4425 5.0025 11.9975C5.55833 12.5525 5.84 13.315 6.40333 14.8383L6.83333 16L7.26333 14.8383C7.82667 13.315 8.10917 12.5533 8.66417 11.9975C9.21917 11.4417 9.98167 11.16 11.505 10.5967L12.6667 10.1667L11.505 9.73667C9.98167 9.17333 9.22 8.89167 8.66417 8.33583C8.10833 7.78 7.82667 7.01833 7.26333 5.495L6.83333 4.33333ZM13.5 1L13.3158 1.4975C13.0742 2.15083 12.9533 2.4775 12.7158 2.715C12.4775 2.95333 12.1508 3.07417 11.4975 3.315L11 3.5L11.4983 3.68417C12.1508 3.92583 12.4775 4.04667 12.715 4.28417C12.9533 4.5225 13.0742 4.84917 13.315 5.5025L13.5 6L13.6842 5.5025C13.9258 4.84917 14.0467 4.5225 14.2842 4.285C14.5225 4.04667 14.8492 3.92583 15.5025 3.685L16 3.5L15.5017 3.31583C14.8492 3.07417 14.5225 2.95333 14.285 2.71583C14.0467 2.4775 13.9258 2.15083 13.685 1.4975L13.5 1Z\",\n stroke: \"#006D6B\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgAi);\nexport default __webpack_public_path__ + \"static/media/ai.40044e2d450a0daa2648773c0e0d4a4d.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgAiFilled(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 12,\n height: 13,\n viewBox: \"0 0 12 13\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4.22715 2.57861C4.58763 1.52363 6.04523 1.49168 6.47262 2.48276L6.50879 2.57921L6.99526 4.00192C7.10675 4.3282 7.28691 4.62678 7.52358 4.87751C7.76026 5.12824 8.04796 5.3253 8.36726 5.45538L8.49807 5.50421L9.92071 5.99011C10.9756 6.35061 11.0076 7.80828 10.0172 8.2357L9.92071 8.27187L8.49807 8.75837C8.1717 8.86979 7.87302 9.04992 7.6222 9.28662C7.37137 9.52331 7.17423 9.81106 7.04409 10.1304L6.99526 10.2607L6.5094 11.684C6.14891 12.739 4.69131 12.7709 4.26452 11.7804L4.22715 11.684L3.74128 10.2613C3.62987 9.93487 3.44974 9.63618 3.21306 9.38534C2.97638 9.1345 2.68865 8.93735 2.36928 8.8072L2.23907 8.75837L0.816436 8.27248C-0.239089 7.91197 -0.271038 6.4543 0.719986 6.02748L0.816436 5.99011L2.23907 5.50421C2.56533 5.39272 2.86389 5.21255 3.11461 4.97586C3.36533 4.73917 3.56237 4.45146 3.69245 4.13214L3.74128 4.00192L4.22715 2.57861ZM10.1908 0.5C10.3035 0.5 10.4141 0.531636 10.5097 0.591314C10.6054 0.650991 10.6825 0.736317 10.7321 0.837593L10.761 0.908126L10.972 1.52664L11.5911 1.73764C11.7041 1.77604 11.8032 1.84713 11.8758 1.94189C11.9483 2.03666 11.9912 2.15084 11.9988 2.26996C12.0064 2.38909 11.9785 2.50779 11.9186 2.61103C11.8586 2.71427 11.7694 2.7974 11.6622 2.84989L11.5911 2.87882L10.9726 3.08982L10.7616 3.70894C10.7232 3.82193 10.652 3.92096 10.5572 3.99348C10.4624 4.066 10.3482 4.10874 10.2291 4.1163C10.11 4.12385 9.99135 4.09587 9.88815 4.03591C9.78495 3.97595 9.70187 3.8867 9.64944 3.77947L9.62051 3.70894L9.40952 3.09042L8.79044 2.87943C8.67742 2.84103 8.57835 2.76994 8.50577 2.67517C8.4332 2.58041 8.39039 2.46623 8.38277 2.3471C8.37515 2.22798 8.40307 2.10928 8.46298 2.00603C8.52289 1.90279 8.6121 1.81966 8.71931 1.76718L8.79044 1.73824L9.40892 1.52725L9.61991 0.908126C9.66055 0.789019 9.73746 0.685621 9.83983 0.61243C9.94221 0.539239 10.0649 0.499924 10.1908 0.5Z\",\n fill: \"#A3A7AA\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgAiFilled);\nexport default __webpack_public_path__ + \"static/media/aiFilled.c290241cd97be04e89abb081db6f5447.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgActivities(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 16,\n height: 16,\n viewBox: \"0 0 16 16\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8.00011 15.5807C5.96705 15.5807 4.22775 14.8996 2.78219 13.5374C1.33664 12.1752 0.546014 10.4973 0.410319 8.50385C0.398653 8.35427 0.449694 8.22712 0.563444 8.1224C0.677194 8.01767 0.808861 7.96802 0.958444 7.97344C1.10803 7.97872 1.23303 8.0417 1.33344 8.1624C1.43386 8.28309 1.48726 8.41823 1.49365 8.56781C1.65074 10.2463 2.3449 11.6542 3.57615 12.7916C4.80754 13.9288 6.28219 14.4974 8.00011 14.4974C9.80567 14.4974 11.3404 13.8655 12.6043 12.6016C13.8682 11.3377 14.5001 9.80295 14.5001 7.9974C14.5001 6.19184 13.8682 4.65712 12.6043 3.39323C11.3404 2.12934 9.80567 1.4974 8.00011 1.4974C6.83025 1.4974 5.74317 1.78802 4.73886 2.36927C3.73456 2.95038 2.94719 3.75323 2.37678 4.77781H4.3624C4.51157 4.77781 4.63914 4.8308 4.74511 4.93677C4.85094 5.04274 4.90386 5.17045 4.90386 5.3199C4.90386 5.4692 4.85094 5.59677 4.74511 5.7026C4.63914 5.8083 4.51157 5.86115 4.3624 5.86115H1.72699C1.4774 5.86115 1.27754 5.75594 1.1274 5.54552C0.977403 5.33497 0.957958 5.11809 1.06907 4.8949C1.67476 3.53698 2.60372 2.45066 3.85594 1.63594C5.10803 0.821355 6.48942 0.414062 8.00011 0.414062C9.05358 0.414062 10.0376 0.611423 10.9522 1.00615C11.8668 1.40087 12.6699 1.94399 13.3616 2.63552C14.0532 3.32705 14.5964 4.13003 14.9912 5.04448C15.386 5.95892 15.5834 6.94274 15.5834 7.99594C15.5834 9.03538 15.386 10.016 14.9912 10.9378C14.5964 11.8596 14.0532 12.6664 13.3616 13.3582C12.6699 14.05 11.8668 14.5934 10.9522 14.9884C10.0376 15.3833 9.05358 15.5807 8.00011 15.5807ZM8.54178 7.4526L10.4168 9.33552C10.5322 9.44913 10.5864 9.57288 10.5795 9.70677C10.5725 9.84066 10.5114 9.96663 10.3959 10.0847C10.2805 10.2027 10.1515 10.2605 10.0089 10.2578C9.86622 10.2552 9.73726 10.1961 9.62199 10.0807L7.66594 8.12469C7.60025 8.05899 7.54928 7.98712 7.51303 7.90906C7.47664 7.83101 7.45844 7.74295 7.45844 7.6449V4.84365C7.45844 4.69434 7.51143 4.5667 7.6174 4.46073C7.72337 4.3549 7.85101 4.30198 8.00032 4.30198C8.14976 4.30198 8.27733 4.3549 8.38303 4.46073C8.48886 4.5667 8.54178 4.69434 8.54178 4.84365V7.4526Z\",\n fill: \"#006D6B\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgActivities);\nexport default __webpack_public_path__ + \"static/media/activities.1e9f6b1760a9cda766a8983eab6be0d9.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgImportExport(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 14,\n height: 8,\n viewBox: \"0 0 14 8\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.89776 4.43185H1.36693C1.24415 4.43185 1.14126 4.39063 1.05826 4.30819C0.975149 4.22574 0.933594 4.12363 0.933594 4.00185C0.933594 3.87997 0.975149 3.77674 1.05826 3.69219C1.14126 3.60752 1.24415 3.56519 1.36693 3.56519H5.89776L4.28226 1.94335C4.19004 1.85102 4.14882 1.74785 4.15859 1.63385C4.16848 1.51974 4.21743 1.4183 4.30543 1.32952C4.39632 1.23797 4.49809 1.19219 4.61076 1.19219C4.72343 1.19219 4.82593 1.2383 4.91826 1.33052L7.19126 3.62669C7.3007 3.73202 7.35543 3.85497 7.35543 3.99552C7.35543 4.13597 7.3007 4.26091 7.19126 4.37035L4.89509 6.66652C4.80276 6.75874 4.70237 6.79997 4.59393 6.79019C4.48537 6.7803 4.3867 6.73097 4.29793 6.64219C4.20637 6.55063 4.16059 6.44997 4.16059 6.34019C4.16059 6.23041 4.20671 6.12935 4.29893 6.03702L5.89776 4.43185ZM8.20793 7.75485C8.08515 7.75485 7.98226 7.71369 7.89926 7.63135C7.81615 7.54891 7.77459 7.44674 7.77459 7.32485C7.77459 7.20308 7.81615 7.09985 7.89926 7.01519C7.98226 6.93063 8.08515 6.88835 8.20793 6.88835H12.6336C12.7564 6.88835 12.8593 6.92952 12.9423 7.01185C13.0254 7.0943 13.0669 7.19647 13.0669 7.31836C13.0669 7.44013 13.0254 7.54335 12.9423 7.62802C12.8593 7.71258 12.7564 7.75485 12.6336 7.75485H8.20793ZM8.20793 1.10869C8.08515 1.10869 7.98226 1.06752 7.89926 0.985188C7.81615 0.902743 7.77459 0.800577 7.77459 0.678688C7.77459 0.55691 7.81615 0.453687 7.89926 0.369021C7.98226 0.284465 8.08515 0.242188 8.20793 0.242188H12.6336C12.7564 0.242188 12.8593 0.283355 12.9423 0.365688C13.0254 0.448133 13.0669 0.550298 13.0669 0.672187C13.0669 0.793965 13.0254 0.897188 12.9423 0.981854C12.8593 1.06641 12.7564 1.10869 12.6336 1.10869H8.20793ZM9.80793 4.43185C9.68515 4.43185 9.58226 4.39063 9.49926 4.30819C9.41615 4.22574 9.37459 4.12363 9.37459 4.00185C9.37459 3.87997 9.41615 3.77674 9.49926 3.69219C9.58226 3.60752 9.68515 3.56519 9.80793 3.56519H12.6336C12.7564 3.56519 12.8593 3.60641 12.9423 3.68885C13.0254 3.7713 13.0669 3.87341 13.0669 3.99519C13.0669 4.11708 13.0254 4.2203 12.9423 4.30485C12.8593 4.38952 12.7564 4.43185 12.6336 4.43185H9.80793Z\",\n fill: \"#6D6D6D\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgImportExport);\nexport default __webpack_public_path__ + \"static/media/importExport.7c1d6e8419f08167c9597d4618452708.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgMaterilApprovalStatus(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 12,\n height: 13,\n viewBox: \"0 0 12 13\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.13723 7.94158L4.0219 6.84275C3.92957 6.75053 3.83018 6.70331 3.72373 6.70108C3.6174 6.69897 3.5159 6.74619 3.41923 6.84275C3.32268 6.93942 3.2744 7.04264 3.2744 7.15242C3.2744 7.2622 3.32268 7.36542 3.41923 7.46208L4.7654 8.80808C4.87084 8.91753 4.99379 8.97225 5.13423 8.97225C5.27468 8.97225 5.39962 8.91753 5.50907 8.80808L8.56807 5.74925C8.66029 5.65692 8.70751 5.55475 8.70973 5.44275C8.71184 5.33086 8.66462 5.22658 8.56807 5.12992C8.4714 5.03336 8.37095 4.98508 8.26673 4.98508C8.16251 4.98508 8.06207 5.03336 7.9654 5.12992L5.13723 7.94158ZM1.80523 12.2646C1.50945 12.2646 1.25684 12.1599 1.0474 11.9506C0.838065 11.7411 0.733398 11.4885 0.733398 11.1928V2.80308C0.733398 2.50731 0.838065 2.25469 1.0474 2.04525C1.25684 1.83592 1.50945 1.73125 1.80523 1.73125H4.8219C4.80823 1.41669 4.91423 1.13808 5.1399 0.895416C5.36545 0.652638 5.65218 0.53125 6.00007 0.53125C6.35218 0.53125 6.64107 0.652638 6.86673 0.895416C7.0924 1.13808 7.19623 1.41669 7.17823 1.73125H10.1949C10.4907 1.73125 10.7433 1.83592 10.9527 2.04525C11.1621 2.25469 11.2667 2.50731 11.2667 2.80308V11.1928C11.2667 11.4885 11.1621 11.7411 10.9527 11.9506C10.7433 12.1599 10.4907 12.2646 10.1949 12.2646H1.80523ZM1.80523 11.3979H10.1949C10.2462 11.3979 10.2932 11.3765 10.3359 11.3338C10.3787 11.2911 10.4001 11.2441 10.4001 11.1928V2.80308C10.4001 2.75175 10.3787 2.70475 10.3359 2.66208C10.2932 2.61931 10.2462 2.59792 10.1949 2.59792H1.80523C1.7539 2.59792 1.7069 2.61931 1.66423 2.66208C1.62145 2.70475 1.60007 2.75175 1.60007 2.80308V11.1928C1.60007 11.2441 1.62145 11.2911 1.66423 11.3338C1.7069 11.3765 1.7539 11.3979 1.80523 11.3979ZM6.00007 2.26208C6.11562 2.26208 6.21118 2.22431 6.28673 2.14875C6.36229 2.07319 6.40007 1.97764 6.40007 1.86208C6.40007 1.74653 6.36229 1.65097 6.28673 1.57542C6.21118 1.49986 6.11562 1.46208 6.00007 1.46208C5.88451 1.46208 5.78895 1.49986 5.7134 1.57542C5.63784 1.65097 5.60007 1.74653 5.60007 1.86208C5.60007 1.97764 5.63784 2.07319 5.7134 2.14875C5.78895 2.22431 5.88451 2.26208 6.00007 2.26208Z\",\n fill: \"#6D6D6D\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgMaterilApprovalStatus);\nexport default __webpack_public_path__ + \"static/media/materilApprovalStatus.cd975ff415ac50e0710577a3c3ef8f5b.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgQuantityAvailable(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 14,\n height: 12,\n viewBox: \"0 0 14 12\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.99994 6.48523C6.91917 6.48523 6.84078 6.47517 6.76478 6.45506C6.68867 6.43495 6.61278 6.40695 6.53711 6.37106L1.12944 3.74423C1.03111 3.6929 0.955277 3.62528 0.901944 3.5414C0.8485 3.4574 0.821777 3.36528 0.821777 3.26506C0.821777 3.16484 0.8485 3.07178 0.901944 2.9859C0.955277 2.90001 1.03111 2.8314 1.12944 2.78006L6.53711 0.153229C6.61278 0.11734 6.68867 0.0893402 6.76478 0.0692291C6.84078 0.049118 6.91917 0.0390625 6.99994 0.0390625C7.08072 0.0390625 7.15911 0.049118 7.23511 0.0692291C7.31122 0.0893402 7.38711 0.11734 7.46278 0.153229L12.8768 2.78006C12.9751 2.8314 13.051 2.89901 13.1044 2.9829C13.1579 3.0669 13.1846 3.15901 13.1846 3.25923C13.1846 3.35945 13.1579 3.45251 13.1044 3.5384C13.051 3.62428 12.9751 3.6929 12.8768 3.74423L7.46278 6.37106C7.38711 6.40695 7.31122 6.43495 7.23511 6.45506C7.15911 6.47517 7.08072 6.48523 6.99994 6.48523ZM6.99994 5.62123L11.8819 3.26223L6.99994 0.903229L2.12428 3.26223L6.99994 5.62123ZM6.99994 8.35706L12.3024 5.7994C12.3068 5.79506 12.378 5.78567 12.5161 5.77123C12.6329 5.77967 12.7282 5.82401 12.8019 5.90423C12.8758 5.98445 12.9128 6.08123 12.9128 6.19456C12.9128 6.27378 12.8924 6.34778 12.8518 6.41656C12.8112 6.48545 12.7503 6.53912 12.6691 6.57756L7.46278 9.10706C7.38711 9.14295 7.31122 9.17095 7.23511 9.19106C7.15911 9.21106 7.08072 9.22106 6.99994 9.22106C6.91917 9.22106 6.84078 9.21106 6.76478 9.19106C6.68867 9.17095 6.61278 9.14295 6.53711 9.10706L1.33711 6.57756C1.25589 6.53912 1.19394 6.48617 1.15128 6.41873C1.1085 6.35117 1.08711 6.27551 1.08711 6.19173C1.08711 6.07728 1.12433 5.98073 1.19878 5.90206C1.27311 5.82328 1.3675 5.77967 1.48194 5.77123C1.52017 5.76267 1.55717 5.76078 1.59294 5.76556C1.62861 5.77034 1.66556 5.78162 1.70378 5.7994L6.99994 8.35706ZM6.99994 11.0929L12.3024 8.53523C12.3068 8.53101 12.378 8.52162 12.5161 8.50706C12.6329 8.51562 12.7282 8.56001 12.8019 8.64023C12.8758 8.72045 12.9128 8.81717 12.9128 8.9304C12.9128 9.00973 12.8924 9.08378 12.8518 9.15256C12.8112 9.22134 12.7503 9.27495 12.6691 9.3134L7.46278 11.8429C7.38711 11.8788 7.31122 11.9068 7.23511 11.9269C7.15911 11.947 7.08072 11.9571 6.99994 11.9571C6.91917 11.9571 6.84078 11.947 6.76478 11.9269C6.68867 11.9068 6.61278 11.8788 6.53711 11.8429L1.33711 9.3134C1.25589 9.27495 1.19394 9.22201 1.15128 9.15456C1.1085 9.08712 1.08711 9.01145 1.08711 8.92756C1.08711 8.81312 1.12433 8.71656 1.19878 8.6379C1.27311 8.55923 1.3675 8.51562 1.48194 8.50706C1.52017 8.49851 1.55717 8.49662 1.59294 8.5014C1.62861 8.50617 1.66556 8.51745 1.70378 8.53523L6.99994 11.0929Z\",\n fill: \"#6D6D6D\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgQuantityAvailable);\nexport default __webpack_public_path__ + \"static/media/quantityAvailable.10fd49e397ec7278ec01e5596141ad8f.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgTotalDistance(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 10,\n height: 14,\n viewBox: \"0 0 10 14\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.00026 13.063C3.85159 13.063 2.92554 12.9126 2.22209 12.6117C1.51865 12.3109 1.16693 11.9156 1.16693 11.4259C1.16693 11.2455 1.23554 11.0684 1.37276 10.8945C1.50987 10.7205 1.70493 10.5639 1.95793 10.4245C2.06393 10.3699 2.17782 10.3658 2.29959 10.4124C2.42137 10.4589 2.50965 10.5352 2.56443 10.6412C2.61909 10.7472 2.62315 10.8572 2.57659 10.9714C2.53004 11.0855 2.45376 11.1699 2.34776 11.2245C2.26398 11.2613 2.19176 11.2961 2.13109 11.329C2.07032 11.3619 2.03354 11.3976 2.02076 11.436C2.07543 11.613 2.41454 11.784 3.03809 11.9489C3.66154 12.1139 4.31559 12.1964 5.00026 12.1964C5.68493 12.1964 6.33898 12.1139 6.96243 11.9489C7.58598 11.784 7.92509 11.613 7.97976 11.436C7.96698 11.3976 7.93021 11.3619 7.86943 11.329C7.80876 11.2961 7.73654 11.2613 7.65276 11.2245C7.54676 11.1699 7.47048 11.0855 7.42393 10.9714C7.37737 10.8572 7.38143 10.7472 7.4361 10.6412C7.49087 10.5352 7.57915 10.4589 7.70093 10.4124C7.82271 10.3658 7.93659 10.3699 8.04259 10.4245C8.29559 10.5639 8.49065 10.7205 8.62776 10.8945C8.76498 11.0684 8.83359 11.2455 8.83359 11.4259C8.83359 11.9156 8.48187 12.3109 7.77843 12.6117C7.07498 12.9126 6.14893 13.063 5.00026 13.063ZM5.01693 9.97969C6.07671 9.17624 6.87221 8.36408 7.40343 7.54319C7.93465 6.72219 8.20026 5.92313 8.20026 5.14602C8.20026 4.04013 7.85687 3.20541 7.17009 2.64185C6.48332 2.07819 5.76004 1.79635 5.00026 1.79635C4.24471 1.79635 3.52248 2.07891 2.83359 2.64402C2.1447 3.20924 1.80026 4.0463 1.80026 5.15519C1.80026 5.88519 2.06798 6.65619 2.60343 7.46819C3.13887 8.28019 3.94337 9.11735 5.01693 9.97969ZM5.00026 10.8054C4.89082 10.8054 4.78143 10.787 4.67209 10.7502C4.56265 10.7134 4.46221 10.6549 4.37076 10.5745C3.21609 9.63441 2.35459 8.70708 1.78626 7.79252C1.21782 6.87797 0.933594 5.99752 0.933594 5.15119C0.933594 4.45708 1.05626 3.84902 1.30159 3.32702C1.54693 2.80491 1.8657 2.36669 2.25793 2.01235C2.65026 1.65813 3.08709 1.38913 3.56843 1.20535C4.04965 1.02158 4.52676 0.929688 4.99976 0.929688C5.47276 0.929688 5.95004 1.02158 6.43159 1.20535C6.91326 1.38913 7.34948 1.65808 7.74026 2.01219C8.13104 2.3663 8.44982 2.80585 8.69659 3.33085C8.94348 3.85574 9.06693 4.46397 9.06693 5.15552C9.06693 5.99897 8.78271 6.87797 8.21426 7.79252C7.64593 8.70708 6.78443 9.63441 5.62976 10.5745C5.53832 10.6549 5.43787 10.7134 5.32843 10.7502C5.21909 10.787 5.10971 10.8054 5.00026 10.8054ZM5.00376 6.12585C5.30054 6.12585 5.55276 6.02191 5.76043 5.81402C5.96821 5.60602 6.07209 5.35152 6.07209 5.05052C6.07209 4.75374 5.96704 4.50152 5.75693 4.29385C5.54693 4.08608 5.29354 3.98219 4.99676 3.98219C4.70421 3.98219 4.45304 4.08885 4.24326 4.30219C4.03337 4.51541 3.92843 4.76602 3.92843 5.05402C3.92843 5.34635 4.03454 5.59808 4.24676 5.80919C4.45898 6.0203 4.71132 6.12585 5.00376 6.12585Z\",\n fill: \"#6D6D6D\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgTotalDistance);\nexport default __webpack_public_path__ + \"static/media/totalDistance.5a5e24df2a89a64d13dc7743b4b75434.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgTransferWindow(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 12,\n height: 14,\n viewBox: \"0 0 12 14\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1.80523 13.0617C1.50512 13.0617 1.25145 12.9562 1.04423 12.7451C0.837009 12.534 0.733398 12.2822 0.733398 11.9899V3.60023C0.733398 3.3079 0.837009 3.05617 1.04423 2.84506C1.25145 2.63395 1.50512 2.5284 1.80523 2.5284H3.26157V1.29756C3.26157 1.17034 3.30379 1.06417 3.38823 0.979062C3.47268 0.894062 3.57801 0.851562 3.70423 0.851562C3.83057 0.851562 3.93707 0.894062 4.02373 0.979062C4.11051 1.06417 4.1539 1.17034 4.1539 1.29756V2.5284H7.8719V1.2849C7.8719 1.1619 7.91301 1.0589 7.99523 0.975895C8.07757 0.893006 8.17973 0.851562 8.30173 0.851562C8.42373 0.851562 8.52701 0.893006 8.61157 0.975895C8.69623 1.0589 8.73857 1.1619 8.73857 1.2849V2.5284H10.1949C10.495 2.5284 10.7487 2.63395 10.9559 2.84506C11.1631 3.05617 11.2667 3.3079 11.2667 3.60023V11.9899C11.2667 12.2822 11.1631 12.534 10.9559 12.7451C10.7487 12.9562 10.495 13.0617 10.1949 13.0617H1.80523ZM1.80523 12.1951H10.1949C10.2462 12.1951 10.2932 12.1737 10.3359 12.1309C10.3787 12.0882 10.4001 12.0412 10.4001 11.9899V6.40023H1.60007V11.9899C1.60007 12.0412 1.62145 12.0882 1.66423 12.1309C1.7069 12.1737 1.7539 12.1951 1.80523 12.1951ZM1.60007 5.53356H10.4001V3.60023C10.4001 3.5489 10.3787 3.5019 10.3359 3.45923C10.2932 3.41645 10.2462 3.39506 10.1949 3.39506H1.80523C1.7539 3.39506 1.7069 3.41645 1.66423 3.45923C1.62145 3.5019 1.60007 3.5489 1.60007 3.60023V5.53356Z\",\n fill: \"#6D6D6D\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgTransferWindow);\nexport default __webpack_public_path__ + \"static/media/transferWindow.a8d7370285733af2927558c3debecf2d.svg\";\nexport { ForwardRef as ReactComponent };","var _rect, _rect2, _rect3, _g;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgMaterialFilled(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 40,\n height: 40,\n viewBox: \"0 0 40 40\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 0.5,\n y: 0.5,\n width: 39,\n height: 39,\n rx: 7.5,\n fill: \"white\"\n })), _rect2 || (_rect2 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 0.5,\n y: 0.5,\n width: 39,\n height: 39,\n rx: 7.5,\n stroke: \"#ECF0F3\"\n })), /*#__PURE__*/React.createElement(\"mask\", {\n id: \"mask0_3394_6328\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 8,\n y: 8,\n width: 24,\n height: 24\n }, _rect3 || (_rect3 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 8,\n y: 8,\n width: 24,\n height: 24,\n fill: \"#D9D9D9\"\n }))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#mask0_3394_6328)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.3496 27.4181V20.3796L13.3996 16.9354V23.8009C13.3996 23.852 13.4124 23.9001 13.4381 23.9451C13.4638 23.99 13.5022 24.0284 13.5534 24.0604L19.3496 27.4181ZM20.6496 27.4181L26.4459 24.0854C26.497 24.0534 26.5354 24.015 26.5611 23.9701C26.5868 23.9251 26.5996 23.877 26.5996 23.8259V16.9604L20.6496 20.3796V27.4181ZM19.1959 28.8546L12.9036 25.2026C12.6506 25.0571 12.4534 24.8625 12.3119 24.6186C12.1704 24.3746 12.0996 24.1071 12.0996 23.8161V16.1816C12.0996 15.8906 12.1704 15.6231 12.3119 15.3791C12.4534 15.1353 12.6506 14.9406 12.9036 14.7951L19.1959 11.1431C19.4492 10.9956 19.7177 10.9219 20.0014 10.9219C20.2849 10.9219 20.5522 10.9956 20.8034 11.1431L27.0956 14.7951C27.3486 14.9406 27.5459 15.1353 27.6874 15.3791C27.8289 15.6231 27.8996 15.8906 27.8996 16.1816V23.8161C27.8996 24.1071 27.8289 24.3746 27.6874 24.6186C27.5459 24.8625 27.3486 25.0571 27.0956 25.2026L20.8034 28.8546C20.55 29.0021 20.2815 29.0759 19.9979 29.0759C19.7144 29.0759 19.447 29.0021 19.1959 28.8546ZM23.6554 17.1239L26.1246 15.7181L20.1284 12.2854C20.0772 12.2534 20.0259 12.2374 19.9746 12.2374C19.9233 12.2374 19.872 12.2534 19.8209 12.2854L17.5996 13.5854L23.6554 17.1239ZM19.9996 19.2374L22.4246 17.8411L16.2496 14.3469L13.8746 15.7181L19.9996 19.2374Z\",\n fill: \"#6D6D6D\"\n }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgMaterialFilled);\nexport default __webpack_public_path__ + \"static/media/materialFilled.81c17cadcd5184cbd2ed0c3c3eaa7bc9.svg\";\nexport { ForwardRef as ReactComponent };","var _rect, _rect2, _rect3, _g;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgActivitiesFilled(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 40,\n height: 40,\n viewBox: \"0 0 40 40\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 0.5,\n y: 0.5,\n width: 39,\n height: 39,\n rx: 7.5,\n fill: \"white\"\n })), _rect2 || (_rect2 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 0.5,\n y: 0.5,\n width: 39,\n height: 39,\n rx: 7.5,\n stroke: \"#ECF0F3\"\n })), /*#__PURE__*/React.createElement(\"mask\", {\n id: \"mask0_3401_6867\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 8,\n y: 8,\n width: 24,\n height: 24\n }, _rect3 || (_rect3 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 8,\n y: 8,\n width: 24,\n height: 24,\n fill: \"#D9D9D9\"\n }))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#mask0_3401_6867)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.9807 27.8962C17.8705 27.8962 16.0696 27.1911 14.5779 25.7808C13.0862 24.3706 12.2577 22.6341 12.0922 20.5712C12.0717 20.3892 12.1249 20.2399 12.2519 20.1233C12.3787 20.0066 12.5337 19.9514 12.7167 19.9578C12.8888 19.9642 13.0393 20.0213 13.1682 20.129C13.297 20.2367 13.3685 20.3783 13.3827 20.554C13.5467 22.2488 14.2543 23.6796 15.5057 24.8463C16.757 26.0129 18.2487 26.5963 19.9807 26.5963C21.7973 26.5963 23.3515 25.9504 24.6432 24.6588C25.9348 23.3671 26.5807 21.8129 26.5807 19.9963C26.5807 18.1796 25.9348 16.6254 24.6432 15.3337C23.3515 14.0421 21.7973 13.3962 19.9807 13.3962C19.005 13.3962 18.1017 13.5856 17.2709 13.9642C16.4399 14.3427 15.722 14.8637 15.1172 15.527H17.0077C17.1918 15.527 17.3462 15.5888 17.4707 15.7125C17.5953 15.8362 17.6577 15.9893 17.6577 16.172C17.6577 16.3548 17.5953 16.5097 17.4707 16.6365C17.3462 16.7635 17.1918 16.827 17.0077 16.827H13.3847C13.1568 16.827 12.9659 16.7499 12.8119 16.5957C12.6577 16.4417 12.5807 16.2508 12.5807 16.023V12.4C12.5807 12.2158 12.6425 12.0615 12.7662 11.937C12.8898 11.8123 13.0431 11.75 13.2259 11.75C13.4086 11.75 13.5634 11.8123 13.6904 11.937C13.8172 12.0615 13.8807 12.2158 13.8807 12.4V15.0192C14.6088 14.1282 15.4973 13.4183 16.5462 12.8895C17.5948 12.3607 18.7397 12.0962 19.9807 12.0962C21.0773 12.0962 22.1045 12.3035 23.0622 12.718C24.02 13.1325 24.8552 13.6962 25.5679 14.409C26.2807 15.1217 26.8444 15.9568 27.2589 16.9145C27.6734 17.8722 27.8807 18.8993 27.8807 19.9958C27.8807 21.0922 27.6734 22.1195 27.2589 23.0775C26.8444 24.0355 26.2807 24.8708 25.5679 25.5835C24.8552 26.2963 24.02 26.86 23.0622 27.2745C22.1045 27.689 21.0773 27.8962 19.9807 27.8962ZM20.6594 19.3425L23.1594 21.8425C23.2979 21.9808 23.3646 22.1298 23.3594 22.2895C23.3544 22.4492 23.2794 22.6014 23.1344 22.7463C22.9896 22.8911 22.8348 22.9635 22.6702 22.9635C22.5053 22.9635 22.3505 22.8911 22.2057 22.7463L19.6129 20.1535C19.5312 20.0717 19.4686 19.9823 19.4249 19.8855C19.3814 19.7887 19.3597 19.6886 19.3597 19.5852V15.838C19.3597 15.6562 19.4232 15.5037 19.5502 15.3807C19.6773 15.2577 19.8306 15.1962 20.0099 15.1962C20.1891 15.1962 20.3422 15.2585 20.4692 15.383C20.596 15.5077 20.6594 15.6621 20.6594 15.8462V19.3425Z\",\n fill: \"#6D6D6D\"\n }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgActivitiesFilled);\nexport default __webpack_public_path__ + \"static/media/activitiesFilled.79d9b25c42f043ee03801dc1e6f07ec0.svg\";\nexport { ForwardRef as ReactComponent };","\"use client\";\nimport { createContext } from 'react';\n\nconst LayoutGroupContext = createContext({});\n\nexport { LayoutGroupContext };\n","import { useRef } from 'react';\n\n/**\n * Creates a constant value over the lifecycle of a component.\n *\n * Even if `useMemo` is provided an empty array as its final argument, it doesn't offer\n * a guarantee that it won't re-run for performance reasons later on. By using `useConstant`\n * you can ensure that initialisers don't execute twice or more.\n */\nfunction useConstant(init) {\n const ref = useRef(null);\n if (ref.current === null) {\n ref.current = init();\n }\n return ref.current;\n}\n\nexport { useConstant };\n","\"use client\";\nimport { createContext } from 'react';\n\n/**\n * @public\n */\nconst PresenceContext = \n/* @__PURE__ */ createContext(null);\n\nexport { PresenceContext };\n","\"use client\";\nimport { createContext } from 'react';\n\n/**\n * @public\n */\nconst MotionConfigContext = createContext({\n transformPagePoint: (p) => p,\n isStatic: false,\n reducedMotion: \"never\",\n});\n\nexport { MotionConfigContext };\n","\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport * as React from 'react';\nimport { useId, useRef, useContext, useInsertionEffect } from 'react';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\n\n/**\n * Measurement functionality has to be within a separate component\n * to leverage snapshot lifecycle.\n */\nclass PopChildMeasure extends React.Component {\n getSnapshotBeforeUpdate(prevProps) {\n const element = this.props.childRef.current;\n if (element && prevProps.isPresent && !this.props.isPresent) {\n const parent = element.offsetParent;\n const parentWidth = parent instanceof HTMLElement ? parent.offsetWidth || 0 : 0;\n const size = this.props.sizeRef.current;\n size.height = element.offsetHeight || 0;\n size.width = element.offsetWidth || 0;\n size.top = element.offsetTop;\n size.left = element.offsetLeft;\n size.right = parentWidth - size.width - size.left;\n }\n return null;\n }\n /**\n * Required with getSnapshotBeforeUpdate to stop React complaining.\n */\n componentDidUpdate() { }\n render() {\n return this.props.children;\n }\n}\nfunction PopChild({ children, isPresent, anchorX }) {\n const id = useId();\n const ref = useRef(null);\n const size = useRef({\n width: 0,\n height: 0,\n top: 0,\n left: 0,\n right: 0,\n });\n const { nonce } = useContext(MotionConfigContext);\n /**\n * We create and inject a style block so we can apply this explicit\n * sizing in a non-destructive manner by just deleting the style block.\n *\n * We can't apply size via render as the measurement happens\n * in getSnapshotBeforeUpdate (post-render), likewise if we apply the\n * styles directly on the DOM node, we might be overwriting\n * styles set via the style prop.\n */\n useInsertionEffect(() => {\n const { width, height, top, left, right } = size.current;\n if (isPresent || !ref.current || !width || !height)\n return;\n const x = anchorX === \"left\" ? `left: ${left}` : `right: ${right}`;\n ref.current.dataset.motionPopId = id;\n const style = document.createElement(\"style\");\n if (nonce)\n style.nonce = nonce;\n document.head.appendChild(style);\n if (style.sheet) {\n style.sheet.insertRule(`\n [data-motion-pop-id=\"${id}\"] {\n position: absolute !important;\n width: ${width}px !important;\n height: ${height}px !important;\n ${x}px !important;\n top: ${top}px !important;\n }\n `);\n }\n return () => {\n document.head.removeChild(style);\n };\n }, [isPresent]);\n return (jsx(PopChildMeasure, { isPresent: isPresent, childRef: ref, sizeRef: size, children: React.cloneElement(children, { ref }) }));\n}\n\nexport { PopChild };\n","\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport * as React from 'react';\nimport { useId, useCallback, useMemo } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\nimport { PopChild } from './PopChild.mjs';\n\nconst PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode, anchorX, }) => {\n const presenceChildren = useConstant(newChildrenMap);\n const id = useId();\n const memoizedOnExitComplete = useCallback((childId) => {\n presenceChildren.set(childId, true);\n for (const isComplete of presenceChildren.values()) {\n if (!isComplete)\n return; // can stop searching when any is incomplete\n }\n onExitComplete && onExitComplete();\n }, [presenceChildren, onExitComplete]);\n const context = useMemo(() => ({\n id,\n initial,\n isPresent,\n custom,\n onExitComplete: memoizedOnExitComplete,\n register: (childId) => {\n presenceChildren.set(childId, false);\n return () => presenceChildren.delete(childId);\n },\n }), \n /**\n * If the presence of a child affects the layout of the components around it,\n * we want to make a new context value to ensure they get re-rendered\n * so they can detect that layout change.\n */\n presenceAffectsLayout\n ? [Math.random(), memoizedOnExitComplete]\n : [isPresent, memoizedOnExitComplete]);\n useMemo(() => {\n presenceChildren.forEach((_, key) => presenceChildren.set(key, false));\n }, [isPresent]);\n /**\n * If there's no `motion` components to fire exit animations, we want to remove this\n * component immediately.\n */\n React.useEffect(() => {\n !isPresent &&\n !presenceChildren.size &&\n onExitComplete &&\n onExitComplete();\n }, [isPresent]);\n if (mode === \"popLayout\") {\n children = (jsx(PopChild, { isPresent: isPresent, anchorX: anchorX, children: children }));\n }\n return (jsx(PresenceContext.Provider, { value: context, children: children }));\n};\nfunction newChildrenMap() {\n return new Map();\n}\n\nexport { PresenceChild };\n","import { useContext, useId, useEffect, useCallback } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\n\n/**\n * When a component is the child of `AnimatePresence`, it can use `usePresence`\n * to access information about whether it's still present in the React tree.\n *\n * ```jsx\n * import { usePresence } from \"framer-motion\"\n *\n * export const Component = () => {\n * const [isPresent, safeToRemove] = usePresence()\n *\n * useEffect(() => {\n * !isPresent && setTimeout(safeToRemove, 1000)\n * }, [isPresent])\n *\n * return \n * }\n * ```\n *\n * If `isPresent` is `false`, it means that a component has been removed the tree, but\n * `AnimatePresence` won't really remove it until `safeToRemove` has been called.\n *\n * @public\n */\nfunction usePresence(subscribe = true) {\n const context = useContext(PresenceContext);\n if (context === null)\n return [true, null];\n const { isPresent, onExitComplete, register } = context;\n // It's safe to call the following hooks conditionally (after an early return) because the context will always\n // either be null or non-null for the lifespan of the component.\n const id = useId();\n useEffect(() => {\n if (subscribe) {\n return register(id);\n }\n }, [subscribe]);\n const safeToRemove = useCallback(() => subscribe && onExitComplete && onExitComplete(id), [id, onExitComplete, subscribe]);\n return !isPresent && onExitComplete ? [false, safeToRemove] : [true];\n}\n/**\n * Similar to `usePresence`, except `useIsPresent` simply returns whether or not the component is present.\n * There is no `safeToRemove` function.\n *\n * ```jsx\n * import { useIsPresent } from \"framer-motion\"\n *\n * export const Component = () => {\n * const isPresent = useIsPresent()\n *\n * useEffect(() => {\n * !isPresent && console.log(\"I've been removed!\")\n * }, [isPresent])\n *\n * return \n * }\n * ```\n *\n * @public\n */\nfunction useIsPresent() {\n return isPresent(useContext(PresenceContext));\n}\nfunction isPresent(context) {\n return context === null ? true : context.isPresent;\n}\n\nexport { isPresent, useIsPresent, usePresence };\n","import { Children, isValidElement } from 'react';\n\nconst getChildKey = (child) => child.key || \"\";\nfunction onlyElements(children) {\n const filtered = [];\n // We use forEach here instead of map as map mutates the component key by preprending `.$`\n Children.forEach(children, (child) => {\n if (isValidElement(child))\n filtered.push(child);\n });\n return filtered;\n}\n\nexport { getChildKey, onlyElements };\n","const isBrowser = typeof window !== \"undefined\";\n\nexport { isBrowser };\n","import { useLayoutEffect, useEffect } from 'react';\nimport { isBrowser } from './is-browser.mjs';\n\nconst useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;\n\nexport { useIsomorphicLayoutEffect };\n","\"use client\";\nimport { jsx, Fragment } from 'react/jsx-runtime';\nimport { useMemo, useRef, useState, useContext } from 'react';\nimport { LayoutGroupContext } from '../../context/LayoutGroupContext.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\nimport { PresenceChild } from './PresenceChild.mjs';\nimport { usePresence } from './use-presence.mjs';\nimport { onlyElements, getChildKey } from './utils.mjs';\nimport { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';\n\n/**\n * `AnimatePresence` enables the animation of components that have been removed from the tree.\n *\n * When adding/removing more than a single child, every child **must** be given a unique `key` prop.\n *\n * Any `motion` components that have an `exit` property defined will animate out when removed from\n * the tree.\n *\n * ```jsx\n * import { motion, AnimatePresence } from 'framer-motion'\n *\n * export const Items = ({ items }) => (\n * | \n Material Details \n | \n \n Material Quantity Details \n | \n ||||||||
|---|---|---|---|---|---|---|---|---|---|
| \n \n Name\n \n | \n \n \n Subtype\n \n | \n \n : \n \n Name\n \n | }\n\n \n \n Movement\n \n | \n \n Total quantity\n | \n\n Quantity moved\n | \n\n Quantity remaining\n | \n\n \n Material transfer window\n \n | \n \n Status\n | \n {isEditMode &&}\n |
| \n \n \n | \n |||||||||
| \n | \n\n \n | \n\n \n | \n\n \n \n \n | \n\n \n \n \n | \n\n \n \n \n | \n\n \n \n \n \n \n -\n \n \n | \n \n \n \n | \n {\n setDeleteJobData({ ...job, type: jobData['project_info'].type, index });\n }}>\n | \n \n \n \n \n {job.material_name}\n \n \n {job.subtype_name || '-'}\n \n | \n {job.movement_type ?\n \n \n {convertToCamelCase(job.movement_type)}\n | \n :\n \n {formatNumberWithCommas(job.total_material_quantity) + getTypeOfQuantity(job.material_name)} \n | \n :\n {formatNumberWithCommas(job.trade_quantity_to_date) + getTypeOfQuantity(job.material_name)} \n | \n :\n\n {formatNumberWithCommas(job.remaining_trade_quantity) + getTypeOfQuantity(job.material_name)} \n | \n :\n\n {formatDateWithMoment(job?.materials_transfer_period?.start_date)} - {formatEndDate(formatDateWithMoment(job?.materials_transfer_period?.end_date))}\n | \n :\n {convertToCamelCase(job?.material_approval_status)}\n | \n :\n {\n let jobMaterials = JSON.parse(JSON.stringify(jobData));\n jobMaterials.project_materials.push({ ...projectMaterialInfo })\n setJobData(prev => jobMaterials)\n setError(false)\n }}>\n \n | \n }\n
\n
:\n \n \n
\n }\n \n )\n}\n\nexport default WarningBanner;","import React, { useEffect, useState } from 'react';\nimport Box from '@mui/material/Box';\nimport modalCross from '../../../assests/modalCross.svg'\nimport Typography from '@mui/material/Typography';\nimport Modal from '@mui/material/Modal';\nimport { Button } from '@mui/material';\nimport { UPDATE_PROJECT_STATUS } from '../../../services/trackMaterialServices';\nimport { decryptResponse } from '../../../utils/encryptionDecryption';\nimport OutlinedFilterDropdown from './outlinedCustomDropdown';\nimport { projectStatusValues, BidProjectStatusValues, bidProjectStatusClose, JObCloseValues } from '../addNewJobPayload';\nimport { convertToCamelCase } from '../../../utils/encryptionDecryption'\nimport { toast } from 'react-toastify';\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport OutlinedInput from '@mui/material/OutlinedInput';\nimport WarningBanner from './WarningBanner';\nimport { CONVERT_TO_JOB } from '../../../services/trackMaterialServices';\nimport { buttonStyle , cancelButtonStyle } from '../materialTrackerDashboard';\n\nconst fontAndSize = {\n fontFamily: \"Plus Jakarta Sans\",\n color: 'rgb(27, 46, 49)',\n fontSize: '16px',\n margin: '0.1rem'\n}\n\nfunction UpdateProjectStatus({ open, setOpen, jobId, setJobData, status, projectType }) {\n const [isLoading, setIsLoading] = useState(false);\n const [currentStatus, setCurrentStatus] = useState(null);\n const [error, setError] = useState(false);\n const [isConvertingToJob, setConvertingToJob] = useState(false);\n const [formActive, setFormActive] = useState(false);\n // const [showConfirmationAlert, setShowConfirmationAlert] = useState(false)\n const [jobFormData, setJobFormData] = useState({\n project_number: '',\n project_status: ''\n })\n const [projectDetailError, setProjectDetailError] = useState(false);\n\n const handleClose = (e) => {\n setOpen(false);\n }\n\n const style = {\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n bgcolor: 'background.paper',\n boxShadow: 24,\n p: '32px',\n borderRadius: '16px',\n width: 450,\n };\n\n const handleUpdateJobStatus = async () => {\n let localError = false;\n const reqPayload = {\n \"project_id\": jobId,\n \"new_status\": currentStatus,\n \"type\": projectType\n }\n if (!currentStatus) {\n localError = true\n }\n if (!localError) {\n setIsLoading(true)\n const res = await UPDATE_PROJECT_STATUS(reqPayload);\n const decryptedResponse = JSON.parse(decryptResponse(res))\n setJobData(decryptedResponse)\n handleClose()\n setIsLoading(false)\n toast.success(convertToCamelCase(projectType) + \" status updated\")\n }\n setError(localError)\n }\n\n useEffect(() => {\n if (open) {\n setCurrentStatus(null)\n setFormActive(false)\n setProjectDetailError(false)\n }\n }, [open])\n\n\n const changeJobFormdata = (key, value) => {\n setJobFormData(prev => {\n return { ...prev, [key]: value }\n })\n }\n\n const handleConvertToBidError = () => {\n let error = false;\n\n Object.entries(jobFormData).forEach(([key, value]) => {\n if (!value && !error) {\n error = true\n return\n }\n })\n setProjectDetailError(error)\n return error\n }\n\n\n const convertBidToJob = async () => {\n setConvertingToJob(true)\n let error = handleConvertToBidError()\n if (!error) {\n const res = await CONVERT_TO_JOB({ ...jobFormData, \"bid_id\": jobId });\n const parsedResponse = JSON.parse(decryptResponse(res))\n setJobData(parsedResponse)\n handleClose()\n toast.success(\"Bid Converted to job successfully\")\n }\n setConvertingToJob(false)\n setProjectDetailError(error)\n }\n\n return (\n \n \n Select Status\n \n {\n setCurrentStatus(value.value)\n }}\n placeholder='Select project status'\n error={error && !currentStatus}\n value={convertToCamelCase(currentStatus)}\n />\n
\n \n }\n {\n (status !== 'AWARDED' && status !== 'CANCELLED' && status !== 'LOST') && status !== 'COMPLETED' && !formActive &&\n \n \n Select Status\n \n {\n setCurrentStatus(value.value)\n }}\n placeholder='Select project status'\n error={error && !currentStatus}\n value={convertToCamelCase((currentStatus === \"COMPLETED\" && projectType === 'bid') ? 'AWARDED' : currentStatus)}\n />\n
\n \n }\n\n\n {formActive &&\n \n \n Job number\n \n changeJobFormdata('project_number', e.target.value)}\n value={jobFormData.project_number}\n sx={{ fontFamily: \"Plus Jakarta Sans\", marginTop: 0 }}\n />\n
\n\n \n \n Select job status\n \n {\n changeJobFormdata('project_status', value.value)\n }}\n placeholder='Select job status'\n error={projectDetailError && !jobFormData.project_status}\n value={convertToCamelCase(jobFormData.project_status)}\n />\n
\n \n getRoleSpecificUsers()} open={isAddUserModalActive} setOpen={setIsAddUserModalActive} />\n \n \n
\n
\n )\n}\n\nexport default ProjectDetailUsersTable;","import React from 'react';\nimport './table.css';\nimport { TextField } from '@mui/material';\nimport { UNDERLINE_INPUT_COLOR } from './searchableDropDown';\n\nfunction NotesTableView({ project_info = {}, loading, isEditMode, setJobData , jobData}) {\n const { notes } = project_info;\n return (\n | \n Project executive \n | \n \n Project Managers \n | \n \n Project Engineer \n | \n \n }\n \n Estimators \n | \n
|---|---|---|---|
| \n \n \n | \n |||
| \n \n \n | \n \n | \n\n \n | \n \n }\n\n \n | \n
| \n \n {project_executive_name ? \n \n : <>--}\n {getTwoCharFromName(project_executive_name)} \n {project_executive_name}\n | \n \n \n {project_manager_names?.length > 0 ?\n project_manager_names?.map(engineer => {\n return (\n \n \n \n )\n }) : <>--}\n {getTwoCharFromName(engineer)} \n {engineer}\n | \n \n \n {project_engineer_names?.length > 0 ?\n project_engineer_names?.map(engineer => {\n return (\n \n \n \n )\n }) : <>--}\n {getTwoCharFromName(engineer)} \n {engineer}\n | \n \n }\n \n \n {estimator_names?.length > 0 ? estimator_names?.map(engineer => {\n return (\n \n \n \n )\n }) : <>--}\n {getTwoCharFromName(engineer)} \n {engineer}\n | \n
\n \n \n
\n
\n )\n}\n\nexport default NotesTableView;","import React, { useState } from 'react';\nimport { formatDateWithMoment, convertToCamelCase, formatEndDate } from '../../../utils/encryptionDecryption';\nimport { UNDERLINE_INPUT_COLOR } from './searchableDropDown';\nimport { TextField } from '@mui/material';\nimport { ErrorMsg } from '../createAndEditJob';\nimport CustomDropdown from './customDropdown';\nimport { projectStatusValues, BidProjectStatusValues } from '../addNewJobPayload';\nimport VedaDatePicker from './vedaDatePicker';\nimport moment from 'moment';\nimport { FETCH_LOCATION_DATA } from '../../materialSearch/googleSerive';\n\nfunction JobGeneralDetails({ jobData, loading, error, isEditMode, setJobData }) {\n const [locationsData, setLocationsData] = useState([])\n\n const fetchLocationData = async (key) => {\n try {\n const res = await FETCH_LOCATION_DATA(key)\n setLocationsData(res)\n } catch (error) {\n console.log(error)\n }\n }\n\n const getElementInFocus = () => {\n const element = document.getElementById(\"general_end_date\");\n if (element) {\n element.focus();\n }\n }\n const shortcuts = [\n {\n label: 'Until full',\n value: () => {\n return {\n startDate: null,\n endDate: new Date(3000, 0, 1)\n }\n }\n }\n ];\n return (\n | \n NOTES \n | \n
|---|
| \n \n \n | \n
| \n | \n
| \n {notes ? \n : <>--}\n \n {notes}\n \n | \n
\n
\n )\n}\n\nexport default JobGeneralDetails","import React, { useEffect, useState } from 'react';\nimport { useParams, useNavigate, useSearchParams } from 'react-router-dom';\nimport { ReactComponent as BackImg } from '../assets/back.svg';\nimport { ReactComponent as AiImg } from '../assets/ai.svg';\nimport { ReactComponent as AiFilledImg } from '../assets/aiFilled.svg';\nimport { ReactComponent as ActivitiesImg } from '../assets/activities.svg';\nimport { ReactComponent as ImportExportImg } from '../assets/aiCardIcons/importExport.svg';\nimport { ReactComponent as MaterialApprovalStatusImg } from '../assets/aiCardIcons/materilApprovalStatus.svg';\nimport { ReactComponent as QuantityAvailableImg } from '../assets/aiCardIcons/quantityAvailable.svg';\nimport { ReactComponent as TotalDistanceImg } from '../assets/aiCardIcons/totalDistance.svg';\nimport { ReactComponent as TransferWindowImg } from '../assets/aiCardIcons/transferWindow.svg';\nimport { ReactComponent as MaterialFilledImg } from '../assets/materialFilled.svg';\nimport { ReactComponent as ActivitiesFilledImg } from '../assets/activitiesFilled.svg';\nimport { ReactComponent as MaterialImg } from '../assets/material.svg';\nimport moment from 'moment';\nimport JobDetailTable from './jobDetailTable';\nimport { GET_PROJECT_DETAILS } from '../../../services/trackMaterialServices';\nimport { decryptResponse } from '../../../utils/encryptionDecryption';\nimport { formatDateWithMoment } from '../../../utils/encryptionDecryption';\nimport UpdateProjectStatus from './updateProjectStatus';\nimport { ReactComponent as ShowMoreImg } from '../assets/showMoreTimemline.svg';\nimport { GET_VERSION_HISTORY, GET_AI_SUGGESTIONS } from '../../../services/trackMaterialServices';\nimport { convertToCamelCase, formatEndDate } from '../../../utils/encryptionDecryption';\nimport { formatNumberWithCommas } from '../createAndEditJob';\nimport ProjectDetailUsersTable from '../components/projectDetailUsersTable';\nimport SpecializedRolesTable from '../components/specializedRolesTable';\nimport NotesTableView from '../components/notesTableView';\nimport WarningBanner from './WarningBanner';\nimport { getTypeOfQuantity } from './jobDetailTable';\nimport JobGeneralDetails from './jobGeneralDetails';\nimport { GET_MATERIAL_SUB_TYPES_LIST } from '../../../services/trackMaterialServices';\nimport AddMaterialSubType from './addMaterialSubType';\nimport AddMaterial from './addNewMaterial';\nimport { FLOAT_NUMBERS, ASSIGN_ZERO_VALUES } from '../createAndEditJob';\nimport { UPDATE_JOB } from '../../../services/trackMaterialServices';\nimport { toast } from 'react-toastify';\nimport { VALIDATE_STEPPERS } from '../validateJobForm';\nimport JobDeleteModal from './jobDeleteModal';\nimport CloseJobModal from './closeJobModalPopup';\n\nconst OPTIONS = [{\n key: 'Suggestions',\n value: 'ai',\n img: AiImg\n},\n{\n key: 'All activities',\n value: 'activities',\n img: ActivitiesImg\n}]\n\nfunction JobDetailView() {\n const [openCloseModal, setOpenCloseModal] = useState(false)\n const [editingJob, setEditingJob] = useState(false)\n const [deleteJobData, setDeleteJobData] = useState(null)\n const [error, setError] = useState(false)\n const [materialDropDownList, setMaterialDropDownList] = useState([]);\n const [indexValueOfAddMaterial, setIndexValueOfAddMaterial] = useState(0);\n const [isAddMaterialOpen, setIsAddMaterialOpen] = useState(false)\n const [isAddSubTypeModalOpen, setIsAddSubTypeModalOpen] = useState(false)\n const [movementValidationData, setMovementValidationData] = useState([]);\n const [jobData, setJobData] = useState({})\n const [copyJobData, setCopyJobData] = useState([])\n const [versionHistoryData, setVersionHistoryData] = useState([])\n const [aiSuggestions, setAiSuggestions] = useState([])\n const [expandedRows, setExpandedRows] = useState(new Set([]));\n const [loading, setIsLoading] = useState(true)\n const [isJobStatusOpen, setIsJobStatusOpen] = useState(false)\n const [isEditMode, setEditMode] = useState(false)\n const [activeTab, setActiveTab] = useState('ai')\n const navigate = useNavigate();\n const params = useParams();\n const { jobId } = params;\n const [searchParams] = useSearchParams()\n const type = searchParams.get('type')\n\n const toggleRow = (id) => {\n const newExpanded = new Set(expandedRows);\n if (newExpanded.has(id)) {\n newExpanded.delete(id);\n } else {\n newExpanded.add(id);\n }\n setExpandedRows(newExpanded);\n };\n\n const getProjectDetails = async (jobId, type) => {\n setIsLoading(true)\n const res = await GET_PROJECT_DETAILS(jobId, type);\n const decryptedResponse = JSON.parse(decryptResponse(res))\n setJobData(decryptedResponse)\n setCopyJobData(decryptedResponse)\n setIsLoading(false)\n }\n\n const getVersionHistory = async (jobId, type) => {\n const res = await GET_VERSION_HISTORY(jobId, type)\n const decryptedResponse = JSON.parse(decryptResponse(res))\n setVersionHistoryData(decryptedResponse)\n }\n\n const getAiSuggestions = async (jobId, type) => {\n const res = await GET_AI_SUGGESTIONS(jobId, type)\n const decryptedResponse = JSON.parse(decryptResponse(res))\n setAiSuggestions(decryptedResponse)\n }\n\n const getAiSuggestionsAndVersionHistory = () => {\n getVersionHistory(jobId, type)\n getAiSuggestions(jobId, type)\n }\n\n useEffect(() => {\n if (jobId && type) {\n getProjectDetails(jobId, type)\n getAiSuggestionsAndVersionHistory()\n }\n }, [jobId, type])\n\n if (loading) {\n return (\n \n
\n\n \n\n {convertToCamelCase(jobData?.project_info.type)} number
\n {isEditMode ?\n\n {\n let jobMaterials = JSON.parse(JSON.stringify(jobData));\n jobMaterials['project_info'].project_number = e.target.value || '';\n setJobData(prev => jobMaterials)\n }}\n inputProps={{\n autoComplete: 'off', // Disables auto-suggestions\n }}\n />\n {(error && !jobData?.project_info?.project_number) &&\n
:\n {jobData?.project_info?.project_number}\n }\n \n
\n\n \n\n {jobData?.project_info?.project_status &&\n <>\n Location
\n {isEditMode ?\n\n {\n setJobData(prev => {\n return { ...prev, project_info: { ...prev.project_info, ['project_address']: value?.text || '' } }\n })\n }}\n fetchOptions={(value => {\n fetchLocationData(value)\n })}\n placeholder='Location'\n value={jobData?.project_info?.project_address || ''}\n error={error}\n />\n
\n : {jobData?.project_info?.project_address} \n }\n \n
\n \n \n }\n Project status
\n <>\n {isEditMode ?\n\n {\n setJobData(prev => {\n return { ...prev, project_info: { ...prev.project_info, ['project_status']: value?.value || '' } }\n })\n }}\n value={convertToCamelCase(jobData?.project_info?.project_status)?.replace(/_/g, \" \")}\n />\n
\n :\n jobData?.project_info?.project_status ?\n {convertToCamelCase((jobData?.project_info?.project_status === \"COMPLETED\" && jobData?.project_info?.type === 'bid') ? 'AWARDED' : jobData?.project_info?.project_status)}\n :\n 'N/A'\n }\n \n \n
\n\n \n\n Start date
\n {isEditMode ?\n {\n setJobData(prev => {\n let jobMaterials = JSON.parse(JSON.stringify(prev));\n jobMaterials.project_info.start_date = date ? moment(date).format(\"DD-MM-YYYY\") : null;\n return jobMaterials\n })\n if (date) {\n getElementInFocus()\n }\n }}\n />\n {(error && !jobData?.project_info.start_date) &&\n
: {formatDateWithMoment(jobData?.project_info?.start_date)} }\n \n
\n End date
\n {isEditMode ?\n {\n if (date) {\n let jobMaterials = JSON.parse(JSON.stringify(jobData));\n jobMaterials.project_info.end_date = date.endDate ? moment(date.endDate).format(\"DD-MM-YYYY\") : null;\n setJobData(prev => jobMaterials)\n }\n }}\n calenderFieldId='general_end_date'\n minDate={moment(jobData?.project_info?.start_date, \"DD-MM-YYYY\").toDate()}\n />\n {(error && !jobData?.project_info?.end_date) &&\n
:\n {formatEndDate(formatDateWithMoment(jobData?.project_info?.end_date))} }\n \n
\n )\n }\n\n const formatDateForAi = (date) => {\n return moment(date).format(\"MM/DD/YY\")\n }\n\n\n function startsWithNumber(str) {\n return /^\\d/.test(str.trim()); // Ensures the first character is a number\n }\n\n const getMaterialSubTypeList = async (material_id, index, jobMaterials) => {\n setCopyJobData(prev => jobMaterials)\n const res = await GET_MATERIAL_SUB_TYPES_LIST(material_id)\n const decryptedResponse = JSON.parse(decryptResponse(res))\n setCopyJobData(prev => {\n let jobMaterials = JSON.parse(JSON.stringify(prev));\n jobMaterials['project_materials'][index].subtype_options = decryptedResponse;\n return jobMaterials\n })\n }\n\n const changeDate = (index, key, keyTwo) => {\n let jobMaterials = JSON.parse(JSON.stringify(copyJobData));\n jobMaterials['project_materials'][index].materials_transfer_period[key] = '';\n if (keyTwo) {\n jobMaterials['project_materials'][index].materials_transfer_period[keyTwo] = '';\n }\n setCopyJobData(prev => jobMaterials)\n }\n\n const handleGeneralValidation = (step) => {\n let initialError = false\n const result = VALIDATE_STEPPERS(copyJobData, step);\n\n if (result?.movementValidation) {\n setMovementValidationData(result.movementValidation)\n if (result.movementValidation.length > 0) {\n initialError = true\n }\n }\n\n if (!result.generalValidation) {\n initialError = true\n }\n\n return initialError\n }\n\n const handleCreateEditJob = async () => {\n let localError = false\n const newArray = [...Array(3)]\n newArray.forEach((step, index) => {\n const error = handleGeneralValidation(index);\n if (!localError && error) {\n localError = error\n }\n })\n if (localError) {\n setError(true)\n return\n } else {\n setError(false)\n }\n setEditingJob(true)\n copyJobData.project_materials.forEach((material, index) => {\n for (let key in material) {\n if (FLOAT_NUMBERS.includes(key) && material[key]) {\n material[key] = parseFloat(material[key])\n }\n if (ASSIGN_ZERO_VALUES.includes(key) && !material[key]) {\n material[key] = 0\n }\n }\n return material\n })\n\n const res = await UPDATE_JOB(copyJobData);\n try {\n if (res?.response?.data?.detail) {\n const parsedValue = JSON.parse(res.response.data.detail.replace(/^500:\\s*/, \"\"));\n if (parsedValue.invalid_end_date && parsedValue.invalid_start_date) {\n toast.error('Invalid start and end date')\n changeDate(parsedValue.index, 'start_date', 'end_date')\n } else if (parsedValue.invalid_start_date) {\n changeDate(parsedValue.index, 'start_date')\n toast.error('Invalid start date')\n } else if (parsedValue.invalid_end_date) {\n changeDate(parsedValue.index, 'end_date')\n toast.error('Invalid end date')\n }\n } else {\n const parsedRes = JSON.parse(decryptResponse(res));\n if (parsedRes.project_info) {\n setEditMode(false)\n toast.success(convertToCamelCase(jobData.project_info.type) + \" updated successfully\")\n getAiSuggestionsAndVersionHistory()\n }\n }\n } catch (error) {\n toast.error(\"Something went wrong updating \" + jobData.project_info.type)\n } finally {\n setEditingJob(false)\n }\n }\n\n const handleLocalDelete = (materialIndex) => {\n let copyData = JSON.parse(JSON.stringify(jobData?.project_materials))\n const newArray = copyData.filter((_, index) => index !== materialIndex);\n setCopyJobData(prev => {\n return { ...prev, project_materials: newArray }\n })\n }\n\n return (\n \n \n \n \n
\n \n {\n setCopyJobData(jobData)\n setOpenCloseModal(false)\n setEditMode(false)\n }} />\n {\n let jobMaterials = JSON.parse(JSON.stringify(jobData));\n jobMaterials['project_materials'][indexValueOfAddMaterial].material_name = materialInfo.material_name;\n jobMaterials['project_materials'][indexValueOfAddMaterial].material_id = materialInfo?.material_id;\n jobMaterials['project_materials'][indexValueOfAddMaterial].subtype_name = data[data.length - 1]?.subtype_name;\n jobMaterials['project_materials'][indexValueOfAddMaterial].subtype_id = data[data.length - 1]?.subtype_id;\n jobMaterials['project_materials'][indexValueOfAddMaterial].subtype_options = data;\n setCopyJobData(prev => jobMaterials)\n setIsAddSubTypeModalOpen(false)\n }}\n open={isAddSubTypeModalOpen}\n setOpen={setIsAddSubTypeModalOpen}\n />\n setDeleteJobData(null)} jobData={deleteJobData} />\n {\n setMaterialDropDownList(data);\n let jobMaterials = JSON.parse(JSON.stringify(jobData));\n jobMaterials['project_materials'][indexValueOfAddMaterial].material_name = data[data.length - 1]?.material_name;\n jobMaterials['project_materials'][indexValueOfAddMaterial].material_id = data[data.length - 1]?.material_id;\n setCopyJobData(prev => jobMaterials)\n setIsAddMaterialOpen(false)\n }} />\n {\n setCopyJobData(jobData);\n getAiSuggestionsAndVersionHistory()\n })} projectType={jobData?.project_info?.type} />\n
\n )\n}\n\nexport default JobDetailView;\n\nexport function AiSuggestionCard({ activityData, index, expandedRows, toggleRow }) {\n return (\n <>\n \n
\n\n \n {\n navigate(jobId ? -1 : `/track-material`)\n }} style={{ cursor: 'pointer' }} />\n {jobData?.project_info?.project_name}\n
\n \n {(jobData?.project_info?.enable_edit && jobData?.project_info?.project_status !== 'AWARDED') &&\n }\n {jobData?.project_info?.enable_edit && jobData?.project_info?.project_status !== 'AWARDED' && jobData?.project_info?.project_status !== 'COMPLETED' && jobData?.project_info?.project_status !== 'CANCELLED' && jobData?.project_info?.project_status !== 'LOST' &&\n }\n
\n \n {(jobData?.project_info?.converted_project && jobData?.project_info.type === 'bid') &&\n
\n \n
\n \n { }}\n isEditMode={isEditMode}\n jobData={copyJobData}\n loading={loading}\n error={error} />\n \n\n
\n {/* this can be re used for the activities and Ai suggestions */}\n {!isEditMode &&\n General details
\nMaterial details
\n\n
\n\n \n\n Project roles
\n\n
\n\n \n\n Specialized roles
\n\n
\n\n \n\n Notes
\n\n
\n \n
}\n \n
\n {activeTab === 'ai' &&\n <>\n {aiSuggestions[0]?.suggestions.length > 0 ?\n aiSuggestions[0]?.suggestions?.map((activityData, index) => {\n return \n {OPTIONS.map((option, index) => {\n return (\n
\n setActiveTab(option.value)}>\n
\n )\n })}\n 0 && '1rem' }}>\n
\n )\n })}\n }\n \n
\n \n {activityData.comparisons_list.length > 0 &&\n activityData.comparisons_list.map((currentActivity, index) => {\n if (currentActivity.status === 'updated' || currentActivity.status === 'reopened') {\n return (\n <>\n {index > 0 && }\n \n
\n \n {activityData.comparisons_list.length} modification{activityData.comparisons_list.length > 1 && 's'}\n
\n \n by {activityData.version_added_by.name} - {formatDateForAi(activityData.created_at)}\n
\n \n
\n \n )\n }\n if (currentActivity.status === 'members_updated') {\n return (\n <>\n {index > 0 && }\n {currentActivity.description}
\n {currentActivity.status !== 'reopened' ?\n- \n
- Old value: {startsWithNumber(currentActivity.old_value) ? currentActivity.old_value : currentActivity.old_value} \n
- New value: {startsWithNumber(currentActivity.old_value) ? currentActivity.new_value : currentActivity.new_value} \n
- \n
- {currentActivity.type === 'bid' ? 'Bid' : 'Job'} status: {currentActivity.current_status} \n
\n
\n \n
\n \n )\n }\n return (\n <>\n {index > 0 && }\n {currentActivity.description}
\n- \n {currentActivity.updated_user_list.map((userEmail) => {\n return
- {userEmail} \n })}\n
\n
\n \n )\n })\n }\n {currentActivity.description}
\n 0 && '1rem' }}>\n
\n \n )\n}\n\n\nexport const getFormattedAiSuggestions = (suggestion) => {\n return { ...suggestion, project: suggestion.suggestion_type === 'IMPORT' ? suggestion.source_project : suggestion.target_project }\n}\n\n\nexport function NoAiSuggestions() {\n return (\n
\n\n {!expandedRows.has(index + 'ai') && activityData.suggestions.length > 0 &&\n activityData.suggestions.map((currentSuggestion, index) => {\n let suggestion = getFormattedAiSuggestions(currentSuggestion);\n return (\n <>\n \n \n
\n \n {activityData.material_name}\n
\n \n {activityData.suggestions.length} suggestion{activityData.suggestions.length > 1 && 's'}\n
\n toggleRow(index + 'ai')}>\n \n {!expandedRows.has(index + 'ai') ? 'Hide all' : 'View all'}\n \n
\n
\n
\n \n )\n })\n }\n - \n
{suggestion.suggestion_type === 'EXPORT' ? \"Export to\" : \"Import from\"} {suggestion.project.name} \n Quantity remaining: {formatNumberWithCommas(suggestion.quantity_available)} {getTypeOfQuantity(suggestion.project.name)} \n Transfer window: {formatDateWithMoment(suggestion.transfer_window.start_date)} - {formatEndDate(formatDateWithMoment(suggestion.transfer_window.end_date))} \n Material approval status: {suggestion.approval_status} \n Distance: {suggestion.distance_miles} miles \n Project executive: {suggestion.project.project_executive} \n
\n
)\n} ","import React, { useState, useRef, useEffect } from \"react\";\nimport Typography from '@mui/material/Typography';\nimport { ReactComponent as DropdownImg } from '../assets/dropdown.svg';\nimport OutlinedInput from '@mui/material/OutlinedInput';\nimport { convertToCamelCase } from \"../../../utils/encryptionDecryption\";\n\nconst iconStyling = { marginRight: \"0rem\", position: 'absolute', right: \"10px\", bottom: '15px', cursor: 'pointer' }\n\nconst fontAndSize = {\n fontFamily: \"Plus Jakarta Sans\",\n color: 'rgb(27, 46, 49)',\n fontSize: '12px',\n fontWeight: 400,\n \"& .MuiInputBase-input.Mui-disabled\": {\n WebkitTextFillColor: \"black\",\n backgroundColor: '#f3f3f3',\n },\n margin: '0.1rem',\n borderRadius: \"6px\", // Add border radius to each option\n padding: '10px 12px'\n}\n\nfunction OutlinedFilterDropdown({ error, dropdownOptions = [], label, onValueChange, optionLabel, placeholder, value, style = {} }) {\n const [isFocused, setIsFocused] = useState(false);\n const [loading, setIsLoading] = useState(false);\n\n const handleFocus = () => {\n setIsFocused(true);\n };\n\n const handleCloseFocus = () => {\n setIsFocused(false);\n }\n\n // trigger if user clicks outside\n const divRef = useRef(null);\n\n const handleClickOutside = (event) => {\n if (divRef.current && !divRef.current.contains(event.target)) {\n handleCloseFocus()\n // Add your logic here\n }\n };\n\n useEffect(() => {\n document.addEventListener(\"mousedown\", handleClickOutside);\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, []);\n\n return (\n <>\n \n
\n \n No suggestions available\n \n
\n \n
\n \n )\n}\n\nexport default OutlinedFilterDropdown;\n\n\nexport function SingleDropdownList({ optionData, onChange, optionLabel }) {\n return (\n <>\n \n {dropdownOptions.map((optionData, index) => {\n return ( {\n onValueChange(...rest)\n handleCloseFocus()\n }}\n optionLabel={optionLabel}\n />)\n })}\n
\n }\n {\n onChange(optionData)\n }}>\n {optionData[optionLabel] ? optionData[optionLabel] : optionData.label}\n {optionData.type && \n {convertToCamelCase(optionData.type)}\n }\n
\n \n )\n}","import React, { useEffect, useState } from \"react\";\nimport { Autocomplete, TextField, CircularProgress, Popper } from \"@mui/material\";\nimport { ReactComponent as DropdownImg } from '../assets/dropdown.svg';\nimport { border, fontSize, styled } from \"@mui/system\";\n\nexport const UNDERLINE_INPUT_COLOR = {\n \"& .MuiInputBase-root\": {\n fontFamily: \"Plus Jakarta Sans\", // Set font family\n },\n '& .MuiOutlinedInput-root': {\n '&.Mui-focused fieldset': {\n borderColor: '#1B2E31', // Change the border color on focus\n },\n },\n '& .MuiInputLabel-root': {\n fontFamily: \"Plus Jakarta Sans\",\n '&.Mui-focused': {\n color: '#1B2E31', // Change the label color on focus\n },\n },\n '& .MuiInput-underline:before': {\n borderBottomColor: '#A3A7AA', // Default underline color\n borderBottomWidth: \"1px\"\n },\n '& .MuiInput-underline:hover:before': {\n borderBottomColor: '#A3A7AA', // Hover color\n borderBottomWidth: \"1px\"\n },\n '& .MuiInput-underline:hover:after': {\n borderBottomColor: 'white', // Hover color\n borderBottomWidth: \"0px\"\n },\n '& .MuiInput-underline:after': {\n borderBottomColor: '#A3A7AA', // Focused underline color\n borderBottomWidth: \"1px\"\n },\n \"& .MuiInputBase-input\": {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n paddingRight: \"15px\", // Adjust padding on the right side of the text\n fontSize:'14px'\n },\n}\n\nfunction SearchableDropdown({ additionalOptionStyling = {}, label, options, fetchOptions = null, onChange, value, error, optionValue, maxWidth, minWidth }) {\n const [inputValue, setInputValue] = useState(\"\"); // For search input\n const [dropdownOptions, setDropdownOptions] = useState(options); // Dropdown list\n const [loading, setLoading] = useState(false); // API call loading state\n\n // Function to handle input changes and fetch new options\n const handleSearch = async (value) => {\n setInputValue(value);\n if (value.trim() === \"\") {\n setLoading(false);\n setDropdownOptions(options); // Reset to default options if the search is empty\n return;\n } else if (fetchOptions) {\n setLoading(true);\n try {\n const newOptions = await fetchOptions(value); // Fetch new options based on input\n // setDropdownOptions(newOptions);\n } catch (error) {\n console.error(\"Error fetching options:\", error);\n } finally {\n setLoading(false);\n }\n }\n };\n\n const StyledPopper = styled(Popper)(({ theme }) => ({\n \"& .MuiAutocomplete-paper\": {\n border: \"1px solid #ECF0F3\",\n boxShadow: \"0px 4px 12px 0px #0000001A\", // Add shadow for depth\n borderRadius: \"8px\", // Rounded corners\n overflow: \"hidden\", // Prevent content overflow\n backgroundColor: \"#FAFBFC\", // Dropdown background color\n marginTop: '0.3rem',\n padding: '0.3rem'\n },\n \"& .MuiAutocomplete-listbox\": {\n maxHeight: \"200px\", // Limit dropdown height\n overflowY: \"auto\", // Enable scrolling for overflow\n padding: \"0\", // Remove extra padding\n borderRadius: \"6px\",\n },\n \"& .MuiAutocomplete-option\": {\n borderRadius: '2px',\n padding: \"8px 10px\", // Padding for options\n \"&:hover\": {\n backgroundColor: \"#1b2d30 !important\", // Background on hover\n color: 'white',\n },\n fontSize: '14px',\n fontWeight: 400,\n color: '#1D1E25',\n fontFamily: \"Plus Jakarta Sans\",\n \"&[aria-selected='true']\": {\n backgroundColor: \"#e8f4fc\", // Background for selected option\n },\n \"&:first-of-type\": additionalOptionStyling,\n },\n }));\n\n useEffect(() => {\n setDropdownOptions(options);\n }, [options])\n\n return (\n \n option[optionValue] ? option[optionValue] : option.label || \"\"} // Adjust based on your options structure\n onInputChange={(event, value) => handleSearch(value)}\n value={value?.value ? value : null}\n renderInput={(params) => (\n \n {loading ?
\n );\n}\n\nexport default SearchableDropdown;\n","import React from 'react';\nimport './table.css';\nimport { UNDERLINE_INPUT_COLOR } from './searchableDropDown';\nimport { TextField } from '@mui/material';\n\nexport const getTwoCharFromName = (name) => {\n if (!name) return ''\n return name\n .split(\" \")\n .map(word => word.charAt(0))\n .join(\"\").slice(0, 2);;\n}\n\nfunction SpecializedRolesTable({ project_info = {}, loading, isEditMode, jobData, setJobData }) {\n const { soil_engineer, environmental_reviewer, general_contractor } = project_info;\n\n return (\n \n \n \n
\n
\n )\n}\n\nexport default SpecializedRolesTable;","import n,{useMemo as e,useState as r,useRef as a,useCallback as t,useEffect as o}from\"react\";var i=function(){return i=Object.assign||function(n){for(var e,r=1,a=arguments.length;r| \n Soil Engineer \n | \n \n Environmental Reviewer \n | \n \n General Contractor \n | \n
|---|---|---|
| \n \n \n | \n ||
| \n | \n\n \n | \n\n \n | \n
| \n {soil_engineer ? \n : <>--}\n \n \n {getTwoCharFromName(soil_engineer)} \n {soil_engineer}\n | \n \n {environmental_reviewer ? \n : <>--}\n \n \n {getTwoCharFromName(environmental_reviewer)} \n {environmental_reviewer}\n | \n \n {general_contractor ? \n : <>--}\n \n \n {getTwoCharFromName(general_contractor)} \n {general_contractor}\n | \n
\n {\n }}\n value={getEndDate ? getEndDateValue(value, hideValue) : replaceEndDate(value, hideValue)}\n {...props}\n />\n
\n )\n })\n return (\n \n
\n\n {jobData?.project_materials?.map((materialData, index) => {\n return (\n {STRINGS.MATERIAL_DETAILS}
\n\n \n\n
\n )\n })}\n \n )\n}\n\nexport default AddNewMaterial","import React from 'react';\nimport TextField from '@mui/material/TextField';\nimport { UNDERLINE_INPUT_COLOR } from './components/searchableDropDown';\nimport { convertToCamelCase } from '../../utils/encryptionDecryption';\nimport moment from 'moment';\nimport {\n projectStatusValues, BidProjectStatusValues\n} from './addNewJobPayload';\nimport STRINGS from '../../helpers/staticContentHelper';\nimport CustomDropdown from './components/customDropdown';\nimport { ErrorMsg } from './createAndEditJob';\nimport VedaDatePicker from './components/vedaDatePicker'\n\nfunction AddGeneralDetails({\n loadComponent,\n jobData,\n setJobData,\n error,\n locationsData,\n fetchLocationData,\n}) {\n const shortcuts = [\n {\n label: 'Until full',\n value: () => {\n return {\n startDate: null,\n endDate: new Date(3000, 0, 1)\n }\n }\n }\n ];\n\n const getElementInFocus = () => {\n const element = document.getElementById(\"general_end_date\");\n if (element) {\n element.focus();\n }\n }\n return (\n \n
\n\n {index + 1}. {STRINGS.MATERIAL}
\n\n {\n if (hiddenCards.includes(index)) {\n const filteredActiveCards = hiddenCards.filter(item => item !== index)\n setHiddenCards(prev => filteredActiveCards)\n } else {\n setHiddenCards(prev => [...prev, index])\n }\n }} />\n
\n {\n setDeleteJobData({ ...materialData, type: jobData['project_info'].type, index });\n }}>\n {STRINGS.DELETE}\n
\n \n
\n \n {\n setIsAddMaterialOpen(true);\n setIndexValueOfAddMaterial(index)\n }}\n error={error}\n optionValue='material_name'\n dropdownOptions={materialDropDownList}\n label='Material'\n placeholder='Select material'\n onValueChange={(value) => {\n let jobMaterials = JSON.parse(JSON.stringify(jobData));\n jobMaterials['project_materials'][index].material_name = value?.material_name || '';\n jobMaterials['project_materials'][index].material_id = value?.material_id || '';\n jobMaterials['project_materials'][index].subtype_options = [];\n if (value?.material_id) {\n getMaterialSubTypeList(value?.material_id, index, jobMaterials)\n } else {\n setJobData(prev => jobMaterials)\n }\n }}\n value={materialData?.material_name}\n optionLabel='material_name'\n />\n {\n setIndexValueOfAddMaterial(index)\n setIsAddSubTypeModalOpen(true);\n }}\n // error={error}\n optionValue='subtype_name'\n dropdownOptions={[...materialData.subtype_options]}\n label='Select material subtype'\n placeholder='Select material subtype'\n onValueChange={(value) => {\n let jobMaterials = JSON.parse(JSON.stringify(jobData));\n jobMaterials['project_materials'][index].subtype_name = value?.subtype_name || null;\n jobMaterials['project_materials'][index].subtype_id = value?.subtype_id || null;\n setJobData(prev => jobMaterials)\n }}\n value={materialData?.subtype_name}\n optionLabel='subtype_name'\n />\n {\n let jobMaterials = JSON.parse(JSON.stringify(jobData));\n jobMaterials['project_materials'][index].material_approval_status = value?.value || null;\n setJobData(prev => jobMaterials)\n }}\n value={convertToCamelCase(materialData?.material_approval_status)?.replace(/_/g, \" \")}\n />\n
\n\n \n {\n let inputValue = e.target.value;\n const cleanValue = inputValue.replace(/,/g, '');\n const regex = /^\\d*\\.?\\d*$/;\n if (inputValue === \"\" || regex.test(cleanValue)) {\n let jobMaterials = JSON.parse(JSON.stringify(jobData));\n jobMaterials['project_materials'][index].total_material_quantity = cleanValue;\n if (cleanValue && jobMaterials['project_materials'][index].trade_quantity_to_date) {\n jobMaterials['project_materials'][index].remaining_trade_quantity = (cleanValue - jobMaterials['project_materials'][index].trade_quantity_to_date).toString();\n } else {\n jobMaterials['project_materials'][index].remaining_trade_quantity = cleanValue;\n }\n setJobData(prev => jobMaterials);\n }\n }}\n type='text'\n inputProps={{\n step: 0.5,\n autoComplete: 'off',\n }}\n InputProps={{\n endAdornment: (\n \n \n {materialData?.material_name?.toLowerCase() === 'asphalt' ?\n \"tons\" :\n 'C.Y'\n }\n \n \n ),\n }} />\n {(error && !materialData?.total_material_quantity) &&\n
\n\n Material Movement
\n\n\n\n {\n let jobMaterials = JSON.parse(JSON.stringify(jobData));\n jobMaterials['project_materials'][index].movement_type = value?.value || null;\n setJobData(prev => jobMaterials)\n }}\n value={convertToCamelCase(materialData?.movement_type)?.replace(/_/g, \" \")}\n />\n\n {/* certificateStatusValues */}\n
\n \n \n \n {materialData?.material_name?.toLowerCase() === 'asphalt' ?\n \"tons\" :\n 'C.Y'}\n \n \n ),\n }}\n value={formatNumberWithCommas(materialData?.trade_quantity_to_date)}\n onChange={(e) => {\n let inputValue = e.target.value;\n const cleanValue = inputValue.replace(/,/g, '');\n const regex = /^\\d*\\.?\\d*$/;\n if (inputValue === \"\" || regex.test(cleanValue)) {\n let jobMaterials = JSON.parse(JSON.stringify(jobData));\n jobMaterials['project_materials'][index].trade_quantity_to_date = cleanValue || null;\n if (cleanValue && jobMaterials['project_materials'][index].total_material_quantity) {\n jobMaterials['project_materials'][index].remaining_trade_quantity = (jobMaterials['project_materials'][index].total_material_quantity - cleanValue).toString();\n } else {\n jobMaterials['project_materials'][index].remaining_trade_quantity = jobMaterials['project_materials'][index].total_material_quantity;\n }\n setJobData(prev => jobMaterials)\n }\n }}\n />\n {(error && !materialData?.trade_quantity_to_date && movementValidationData.includes(index)) &&\n
\n\n \n \n \n {materialData?.material_name?.toLowerCase() === 'asphalt' ?\n \"tons\" :\n 'C.Y'}\n \n \n ),\n }}\n value={formatNumberWithCommas(materialData?.remaining_trade_quantity)}\n onChange={(e) => { }}\n />\n {(error && !materialData?.remaining_trade_quantity && movementValidationData.includes(index)) &&\n
\n\n {/* materials_transfer_period */}\n \n {\n setJobData(prev => {\n let jobMaterials = JSON.parse(JSON.stringify(prev));\n jobMaterials['project_materials'][index].materials_transfer_period.start_date = date ? moment(date).format(\"DD-MM-YYYY\") : null;\n return jobMaterials\n })\n if (date) {\n getElementInFocus('general_end_date_transfer_period' + index)\n }\n }}\n minDate={moment(jobData?.project_info?.start_date, \"DD-MM-YYYY\").toDate()}\n maxDate={moment(jobData?.project_info?.end_date, \"DD-MM-YYYY\").toDate()}\n hideValue={!materialData?.materials_transfer_period?.start_date && true}\n />\n {(error && (materialData?.materials_transfer_period?.end_date && !materialData?.materials_transfer_period?.start_date)) &&\n
\n \n {\n if (date) {\n let jobMaterials = JSON.parse(JSON.stringify(jobData));\n jobMaterials['project_materials'][index].materials_transfer_period.end_date = date.endDate ? moment(date.endDate).format(\"DD-MM-YYYY\") : null;\n setJobData(prev => jobMaterials)\n }\n }}\n calenderFieldId={'general_end_date_transfer_period' + index}\n minDate={moment(materialData?.materials_transfer_period?.start_date, \"DD-MM-YYYY\").toDate()}\n maxDate={moment(jobData?.project_info?.end_date, \"DD-MM-YYYY\").toDate()}\n />\n {(error && (!materialData?.materials_transfer_period?.end_date && materialData?.materials_transfer_period?.start_date)) &&\n
\n \n
\n )\n}\n\nexport default AddGeneralDetails;","import React, { useState, useEffect } from 'react';\nimport TextField from '@mui/material/TextField';\nimport { UNDERLINE_INPUT_COLOR } from './components/searchableDropDown';\nimport CustomDropdown from './components/customDropdown';\nimport { GET_ROLE_SPECIFIC_USERS } from '../../services/trackMaterialServices';\nimport { LStorage } from '../../utils/localStorage.Helper';\nimport { decryptResponse } from '../../utils/encryptionDecryption';\nimport AddMultipleUsers from './components/addMultipleUsers';\nimport STRINGS from '../../helpers/staticContentHelper';\n\nfunction AddTeamDetails({\n loadComponent,\n jobData,\n setJobData,\n error,\n usersList,\n getValueToRender\n}) {\n const [isAddUserModalActive, setIsAddUserModalActive] = useState(false)\n const [roleSpecificUsers, setRoleSpecificUsers] = useState({\n \"admin\": [],\n \"manager\": [],\n \"estimator\": [],\n \"project executive\": [],\n \"project engineer\": []\n })\n\n const userData = LStorage.getUserData()\n\n const getRoleSpecificUsers = async () => {\n const payload = {\n \"org_id\": userData.org_id,\n \"roles\": jobData.project_info.type === 'job' ? [\"admin\", \"manager\", \"estimator\", \"project executive\", \"project engineer\"] : [\"estimator\"]\n\n }\n const res = await GET_ROLE_SPECIFIC_USERS(payload)\n const decryptedResponse = JSON.parse(decryptResponse(res));\n setRoleSpecificUsers((prev) => {\n return { ...prev, ...decryptedResponse }\n })\n }\n\n useEffect(() => {\n getRoleSpecificUsers()\n }, [])\n\n return (\n {STRINGS.GENERAL_DETAILS}
\n {loadComponent &&\n <>\n\n {\n setJobData(prev => {\n return { ...prev, project_info: { ...prev.project_info, ['project_address']: value?.text || '' } }\n })\n }}\n fetchOptions={(value => {\n fetchLocationData(value)\n })}\n placeholder='Location'\n value={jobData?.project_info?.project_address || ''}\n error={error}\n />\n {\n setJobData(prev => {\n return { ...prev, project_info: { ...prev.project_info, ['project_status']: value?.value || '' } }\n })\n }}\n value={convertToCamelCase(jobData?.project_info?.project_status)?.replace(/_/g, \" \")}\n />\n
\n \n }\n \n {\n let jobMaterials = JSON.parse(JSON.stringify(jobData));\n jobMaterials['project_info'].project_number = e.target.value || '';\n setJobData(prev => jobMaterials)\n }}\n inputProps={{\n autoComplete: 'off', // Disables auto-suggestions\n }}\n />\n {(error && !jobData?.project_info?.project_number) &&\n
\n\n \n {\n let jobMaterials = JSON.parse(JSON.stringify(jobData));\n jobMaterials['project_info'].project_name = e.target.value || '';\n setJobData(prev => jobMaterials)\n }}\n inputProps={{\n autoComplete: 'off', // Disables auto-suggestions\n }}\n />\n {(error && !jobData?.project_info?.project_name) &&\n
\n \n {\n setJobData(prev => {\n let jobMaterials = JSON.parse(JSON.stringify(prev));\n jobMaterials.project_info.start_date = date ? moment(date).format(\"DD-MM-YYYY\") : null;\n return jobMaterials\n })\n if (date) {\n getElementInFocus()\n }\n }}\n />\n {(error && !jobData?.project_info.start_date) &&\n
\n \n {\n if (date) {\n let jobMaterials = JSON.parse(JSON.stringify(jobData));\n jobMaterials.project_info.end_date = date.endDate ? moment(date.endDate).format(\"DD-MM-YYYY\") : null;\n setJobData(prev => jobMaterials)\n }\n }}\n calenderFieldId='general_end_date'\n minDate={moment(jobData?.project_info?.start_date, \"DD-MM-YYYY\").toDate()}\n />\n {(error && !jobData?.project_info?.end_date) &&\n
\n \n getRoleSpecificUsers()} open={isAddUserModalActive} setOpen={setIsAddUserModalActive} />\n
\n )\n}\n\nexport default AddTeamDetails","var _path;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgStepGeneraldetails(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 16,\n height: 18,\n viewBox: \"0 0 16 14\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0.192383 12.0962V6.09422C0.192383 5.88022 0.230799 5.67455 0.307633 5.47722C0.384633 5.27972 0.505133 5.09897 0.669133 4.93497L3.96613 1.63797C4.12713 1.47697 4.30313 1.36122 4.49413 1.29072C4.68513 1.22022 4.88447 1.18497 5.09213 1.18497C5.29997 1.18497 5.49938 1.22022 5.69038 1.29072C5.88138 1.36122 6.05738 1.47697 6.21838 1.63797L9.51538 4.93497C9.67938 5.09897 9.79988 5.27997 9.87688 5.47797C9.95372 5.6758 9.99213 5.88172 9.99213 6.09572V12.1012C9.99213 12.5441 9.83497 12.9213 9.52063 13.233C9.20647 13.5445 8.8273 13.7002 8.38313 13.7002H1.79313C1.34897 13.7002 0.971133 13.5436 0.659633 13.2302C0.348133 12.9169 0.192383 12.5389 0.192383 12.0962ZM1.79988 12.4002H4.31388V10.831C4.31388 10.6145 4.38913 10.4296 4.53963 10.2762C4.69013 10.1231 4.87605 10.0465 5.09738 10.0465C5.31255 10.0465 5.49622 10.1231 5.64838 10.2762C5.80072 10.4296 5.87688 10.6145 5.87688 10.831V12.4002H8.38463C8.4743 12.4002 8.54797 12.3714 8.60563 12.3137C8.6633 12.2561 8.69213 12.1823 8.69213 12.0925V6.07522C8.69213 6.03672 8.6858 5.99989 8.67313 5.96472C8.6603 5.92939 8.6378 5.89572 8.60563 5.86372L5.31338 2.57147C5.25572 2.5138 5.18197 2.48497 5.09213 2.48497C5.00247 2.48497 4.9288 2.5138 4.87113 2.57147L1.57888 5.86097C1.54672 5.89297 1.52422 5.92663 1.51138 5.96197C1.49855 5.9973 1.49213 6.03413 1.49213 6.07247V12.0925C1.49213 12.1823 1.52105 12.2561 1.57888 12.3137C1.63655 12.3714 1.71022 12.4002 1.79988 12.4002ZM11.6066 13.0595V4.86747C11.6066 4.82897 11.6002 4.79205 11.5874 4.75672C11.5745 4.72155 11.5521 4.68797 11.5201 4.65597L8.47488 1.61372C8.26855 1.40738 8.22372 1.17213 8.34038 0.907968C8.45705 0.643801 8.66088 0.511719 8.95188 0.511719C9.05305 0.511719 9.14022 0.528718 9.21338 0.562718C9.28638 0.596718 9.35497 0.645802 9.41913 0.709969L12.4229 3.71372C12.5871 3.87788 12.7076 4.05897 12.7844 4.25697C12.8614 4.45497 12.8999 4.66097 12.8999 4.87497V13.0527C12.8999 13.2369 12.8381 13.3925 12.7146 13.5195C12.5913 13.6463 12.4381 13.7097 12.2551 13.7097C12.0721 13.7097 11.9183 13.6475 11.7936 13.523C11.669 13.3985 11.6066 13.244 11.6066 13.0595ZM14.5114 13.0595V3.66072C14.5114 3.62222 14.505 3.58538 14.4921 3.55022C14.4793 3.51488 14.4569 3.48122 14.4249 3.44922L12.5884 1.62322C12.3819 1.41688 12.337 1.18005 12.4536 0.912718C12.5703 0.645385 12.7741 0.511719 13.0651 0.511719C13.1665 0.511719 13.2536 0.528718 13.3266 0.562718C13.3998 0.596718 13.4684 0.645802 13.5324 0.709969L15.3401 2.51747C15.5043 2.68163 15.6232 2.86263 15.6969 3.06047C15.7706 3.2583 15.8074 3.46422 15.8074 3.67822V13.053C15.8074 13.237 15.7457 13.3925 15.6224 13.5195C15.4989 13.6463 15.3457 13.7097 15.1629 13.7097C14.9799 13.7097 14.8256 13.6475 14.6999 13.523C14.5742 13.3985 14.5114 13.244 14.5114 13.0595ZM1.79988 12.4002H8.69213H1.49213H1.79988ZM5.09738 7.78472C4.88238 7.78472 4.69705 7.70863 4.54138 7.55647C4.38555 7.40413 4.30763 7.22047 4.30763 7.00547C4.30763 6.79047 4.3838 6.60505 4.53613 6.44922C4.6883 6.29355 4.87188 6.21572 5.08688 6.21572C5.30205 6.21572 5.48747 6.2918 5.64313 6.44397C5.79897 6.5963 5.87688 6.77997 5.87688 6.99497C5.87688 7.20997 5.80072 7.39539 5.64838 7.55122C5.49622 7.70688 5.31255 7.78472 5.09738 7.78472Z\",\n fill: \"#006D6B\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgStepGeneraldetails);\nexport default __webpack_public_path__ + \"static/media/stepGeneraldetails.fd68b5aad260ea12532428ff81aeec3e.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgStepperTeamDetails(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 22,\n height: 18,\n viewBox: \"0 0 22 10\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0.63075 9.57894C0.452083 9.57894 0.30225 9.51844 0.18125 9.39744C0.0604167 9.2766 0 9.12685 0 8.94819V8.81544C0 8.06794 0.3365 7.47494 1.0095 7.03644C1.68267 6.5981 2.58592 6.37894 3.71925 6.37894C3.90508 6.37894 4.11017 6.3946 4.3345 6.42594C4.559 6.45744 4.80267 6.49819 5.0655 6.54819C4.859 6.80452 4.699 7.09294 4.5855 7.41344C4.47217 7.73394 4.4155 8.0431 4.4155 8.34094V9.57894H0.63075ZM6.7155 9.57894C6.5065 9.57894 6.335 9.5111 6.201 9.37544C6.067 9.23977 6 9.07169 6 8.87119V8.55394C6 8.21994 6.092 7.9146 6.276 7.63794C6.46 7.36144 6.7135 7.16802 7.0365 7.05769C7.693 6.78085 8.34558 6.56902 8.99425 6.42219C9.64292 6.27535 10.3051 6.20194 10.9808 6.20194C11.6692 6.20194 12.3378 6.27535 12.9865 6.42219C13.6352 6.56902 14.2878 6.78085 14.9443 7.05769C15.2673 7.16802 15.524 7.36144 15.7145 7.63794C15.9048 7.9146 16 8.21994 16 8.55394V8.87119C16 9.07169 15.9322 9.23977 15.7965 9.37544C15.6608 9.5111 15.4927 9.57894 15.2922 9.57894H6.7155ZM17.5845 9.57894V8.32619C17.5845 7.99202 17.5246 7.67627 17.4047 7.37894C17.2849 7.08144 17.1218 6.80452 16.9155 6.54819C17.2243 6.49819 17.4868 6.45744 17.703 6.42594C17.919 6.3946 18.118 6.37894 18.3 6.37894C19.4333 6.37894 20.3333 6.60135 21 7.04619C21.6667 7.49102 22 8.08077 22 8.81544V8.94819C22 9.12685 21.9396 9.2766 21.8188 9.39744C21.6978 9.51844 21.5479 9.57894 21.3692 9.57894H17.5845ZM6.75375 8.77894H15.227V8.56744C15.2385 8.14294 14.8163 7.77594 13.9605 7.46644C13.1048 7.15677 12.118 7.00194 11 7.00194C9.882 7.00194 8.89517 7.15677 8.0395 7.46644C7.18367 7.77594 6.75508 8.14294 6.75375 8.56744V8.77894ZM3.70875 5.23644C3.36958 5.23644 3.08267 5.11777 2.848 4.88044C2.6135 4.64294 2.49625 4.35744 2.49625 4.02394C2.49625 3.69644 2.61492 3.41219 2.85225 3.17119C3.08975 2.93019 3.37525 2.80969 3.70875 2.80969C4.03625 2.80969 4.32375 2.92819 4.57125 3.16519C4.81858 3.40219 4.94225 3.6886 4.94225 4.02444C4.94225 4.35044 4.82408 4.63394 4.58775 4.87494C4.35125 5.11594 4.05825 5.23644 3.70875 5.23644ZM18.2947 5.23644C17.9649 5.23644 17.6795 5.11577 17.4385 4.87444C17.1975 4.63294 17.077 4.35135 17.077 4.02969C17.077 3.69835 17.1977 3.41219 17.439 3.17119C17.6805 2.93019 17.9653 2.80969 18.2932 2.80969C18.6311 2.80969 18.9205 2.92819 19.1615 3.16519C19.4025 3.40219 19.523 3.68669 19.523 4.01869C19.523 4.35652 19.4053 4.64394 19.17 4.88094C18.9345 5.11794 18.6427 5.23644 18.2947 5.23644ZM10.9945 5.00194C10.3957 5.00194 9.8815 4.78877 9.452 4.36244C9.0225 3.93627 8.80775 3.41869 8.80775 2.80969C8.80775 2.20519 9.02083 1.68869 9.447 1.26019C9.87333 0.831522 10.391 0.617188 11 0.617188C11.6045 0.617188 12.121 0.830855 12.5495 1.25819C12.978 1.68535 13.1922 2.20436 13.1922 2.81519C13.1922 3.41402 12.9787 3.92819 12.5515 4.35769C12.1243 4.78719 11.6053 5.00194 10.9945 5.00194ZM11.0095 4.20194C11.3945 4.20194 11.7212 4.06452 11.9895 3.78969C12.258 3.51469 12.3923 3.18477 12.3923 2.79994C12.3923 2.4151 12.2588 2.08844 11.992 1.81994C11.7252 1.55144 11.3945 1.41719 11 1.41719C10.6215 1.41719 10.2948 1.55069 10.02 1.81769C9.74517 2.08452 9.60775 2.41519 9.60775 2.80969C9.60775 3.18802 9.74517 3.51469 10.02 3.78969C10.2948 4.06452 10.6247 4.20194 11.0095 4.20194Z\",\n fill: \"#1B2E31\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgStepperTeamDetails);\nexport default __webpack_public_path__ + \"static/media/stepperTeamDetails.809f9ed2156386152a6a7a7e69bb9675.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgStepperRightArrows(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 11,\n height: 12,\n viewBox: \"0 0 11 12\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3.99211 6L0.580608 1.2615C0.462608 1.10017 0.453607 0.932917 0.553608 0.75975C0.653608 0.586584 0.796358 0.5 0.981858 0.5C1.05602 0.5 1.12644 0.514667 1.19311 0.544C1.25994 0.573334 1.31344 0.621499 1.35361 0.688499L5.16136 6L1.35361 11.3115C1.31561 11.3707 1.26236 11.4168 1.19386 11.45C1.12536 11.4833 1.05302 11.5 0.976857 11.5C0.781857 11.5 0.637607 11.4134 0.544107 11.2402C0.450441 11.0671 0.462608 10.8998 0.580608 10.7385L3.99211 6ZM9.13836 6L5.75186 1.2615C5.63386 1.10017 5.62486 0.932917 5.72486 0.75975C5.82486 0.586584 5.96828 0.5 6.15511 0.5C6.22978 0.5 6.30069 0.518834 6.36786 0.5565C6.43519 0.594167 6.48752 0.646499 6.52486 0.713499L10.3076 6L6.52486 11.3115C6.48686 11.3707 6.43352 11.4168 6.36486 11.45C6.29636 11.4833 6.22402 11.5 6.14786 11.5C5.95302 11.5 5.80886 11.4134 5.71536 11.2402C5.62169 11.0671 5.63386 10.8998 5.75186 10.7385L9.13836 6Z\",\n fill: \"#6D6D6D\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgStepperRightArrows);\nexport default __webpack_public_path__ + \"static/media/stepperRightArrows.0312c6407798042ab27224500b852418.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState, useEffect } from 'react';\nimport { ReactComponent as BackImg } from './assets/back.svg';\nimport { FETCH_LOCATION_DATA } from '../materialSearch/googleSerive';\nimport { ADD_JOB, UPDATE_JOB } from '../../services/trackMaterialServices';\nimport { GET_MATERIAL_LIST } from '../../services/trackMaterialServices';\nimport { VALIDATE_STEPPERS } from './validateJobForm';\nimport AddMaterial from './components/addNewMaterial';\nimport { convertToCamelCase, decryptResponse } from '../../utils/encryptionDecryption';\nimport JobDeleteModal from './components/jobDeleteModal'\nimport AddMaterialSubType from './components/addMaterialSubType';\nimport { GET_MATERIAL_SUB_TYPES_LIST } from '../../services/trackMaterialServices';\nimport { useNavigate } from \"react-router-dom\";\nimport { toast } from 'react-toastify';\nimport STRINGS from '../../helpers/staticContentHelper';\nimport { GET_JOB_MEMBERS } from '../../services/trackMaterialServices';\nimport { LIST_ORG_MEMBERS } from '../../services';\nimport { useSearchParams } from \"react-router-dom\";\nimport { Checkbox } from '@mui/material';\nimport AddNewMaterial from './addNewMaterial';\nimport AddGeneralDetails from './addGeneralDetails';\nimport AddTeamDetails from './addTeamDetails';\nimport { ReactComponent as GeneralDetails } from './assets/stepGeneraldetails.svg'\nimport { ReactComponent as MaterialDetails } from './assets/material.svg'\nimport { ReactComponent as TeamDetailsImg } from './assets/stepperTeamDetails.svg'\nimport { ReactComponent as RightArrowsImg } from './assets/stepperRightArrows.svg';\nimport { projectMaterialInfo } from './addNewJobPayload';\nimport CloseJobModal from './components/closeJobModalPopup';\nimport { checkUserPermission } from '../../utils/encryptionDecryption';\n\nexport const FLOAT_NUMBERS = ['material_unit_cost', 'total_material_quantity', 'material_quantity', 'remaining_trade_quantity', 'trade_quantity_to_date'];\nexport const ASSIGN_ZERO_VALUES = ['trade_quantity_to_date', 'total_material_quantity', 'remaining_trade_quantity']\n\nconst STEPPER_OPTIONS = [\n {\n title: 'General detail',\n Icon: GeneralDetails\n },\n {\n title: 'Material details',\n Icon: MaterialDetails\n },\n {\n title: 'Team details',\n Icon: TeamDetailsImg\n }\n]\n\nexport const formatNumberWithCommas = (value) => {\n if (value === 0) return '0'\n if (!value) return '';\n // Remove any existing commas first\n const cleanValue = value.toString().replace(/,/g, '');\n // Split number into whole and decimal parts\n const [wholePart, decimalPart] = cleanValue.split('.');\n // Format whole part with commas\n const formattedWholePart = wholePart.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\n // Return formatted number\n return decimalPart !== undefined\n ? `${formattedWholePart}.${decimalPart}`\n : formattedWholePart;\n};\n\nfunction CreateAndEditJob({ setIsAddJobEnabled, editJobData, getJObsList, projectInfo = {}, userData = {} }) {\n const [searchParams] = useSearchParams();\n const jobId = searchParams.get(\"jobId\");\n const navigate = useNavigate();\n const [loadComponent, setComponentLoad] = useState(false)\n const [isCloseJobOpen, setIsCloseJobOpen] = useState(false)\n const [hiddenCards, setHiddenCards] = useState([]);\n const [jobData, setJobData] = useState({\n project_info: projectInfo,\n project_materials: [projectMaterialInfo],\n // job_members: []\n });\n const [error, setError] = useState(false)\n const [locationsData, setLocationsData] = useState([]);\n const [movementValidationData, setMovementValidationData] = useState([]);\n const [materialDropDownList, setMaterialDropDownList] = useState([]);\n const [isAddMaterialOpen, setIsAddMaterialOpen] = useState(false)\n const [isAddSubTypeModalOpen, setIsAddSubTypeModalOpen] = useState(false)\n const [usersList, setUsersData] = useState([])\n const [deleteJobData, setDeleteJobData] = useState(null)\n const [isLoading, setIsLoading] = useState(false);\n const [indexValueOfAddMaterial, setIndexValueOfAddMaterial] = useState(0);\n const [activeStep, setActiveStep] = useState(0);\n\n useEffect(() => {\n if (editJobData) {\n setJobData({ ...editJobData, job_members: [] })\n }\n setTimeout(() => {\n setComponentLoad(true)\n }, 100);\n }, [editJobData])\n\n const changeDate = (index, key, keyTwo) => {\n let jobMaterials = JSON.parse(JSON.stringify(jobData));\n jobMaterials['project_materials'][index].materials_transfer_period[key] = '';\n if (keyTwo) {\n jobMaterials['project_materials'][index].materials_transfer_period[keyTwo] = '';\n }\n setJobData(prev => jobMaterials)\n }\n\n const handleCreateEditJob = async () => {\n jobData.project_materials.forEach((material, index) => {\n for (let key in material) {\n if (FLOAT_NUMBERS.includes(key) && material[key]) {\n material[key] = parseFloat(material[key])\n }\n if (ASSIGN_ZERO_VALUES.includes(key) && !material[key]) {\n material[key] = 0\n }\n }\n return material\n })\n\n setIsLoading(true)\n if (jobData.project_info.project_id) {\n const res = await UPDATE_JOB(jobData);\n try {\n if (res?.response?.data?.detail) {\n const parsedValue = JSON.parse(res.response.data.detail.replace(/^500:\\s*/, \"\"));\n if (parsedValue.err_code === 'SNR_2326') {\n setIsAddJobEnabled(false)\n return\n }\n if (parsedValue.invalid_end_date && parsedValue.invalid_start_date) {\n toast.error('Invalid start and end date')\n changeDate(parsedValue.index, 'start_date', 'end_date')\n } else if (parsedValue.invalid_start_date) {\n changeDate(parsedValue.index, 'start_date')\n toast.error('Invalid start date')\n } else if (parsedValue.invalid_end_date) {\n changeDate(parsedValue.index, 'end_date')\n toast.error('Invalid end date')\n }\n } else {\n const parsedRes = JSON.parse(decryptResponse(res));\n if (parsedRes.project_info) {\n getJObsList()\n toast.success(convertToCamelCase(jobData.project_info.type) + \" updated successfully\")\n navigate(-1)\n setIsAddJobEnabled(false)\n }\n }\n } catch (error) {\n toast.error(\"Something went wrong updating \" + jobData.project_info.type)\n } finally {\n setIsLoading(false)\n }\n } else {\n const res = await ADD_JOB(jobData);\n try {\n if (res?.response?.data?.detail) {\n const parsedValue = JSON.parse(res.response.data.detail.replace(/^500:\\s*/, \"\"));\n if (parsedValue.invalid_end_date && parsedValue.invalid_start_date) {\n toast.error('Invalid start and end date')\n changeDate(parsedValue.index, 'start_date', 'end_date')\n setError(true)\n } else if (parsedValue.invalid_start_date) {\n changeDate(parsedValue.index, 'start_date')\n toast.error('Invalid start date')\n } else if (parsedValue.invalid_end_date) {\n changeDate(parsedValue.index, 'end_date')\n toast.error('Invalid end date')\n }\n } else {\n const parsedRes = JSON.parse(decryptResponse(res));\n if (parsedRes.project_info) {\n getJObsList()\n toast.success(convertToCamelCase(jobData.project_info.type) + \" added successfully\")\n navigate(`/track-material`)\n setIsAddJobEnabled(false)\n }\n }\n } catch (error) {\n toast.error(\"Something went wrong while creating \" + jobData.project_info.type)\n } finally {\n setIsLoading(false)\n }\n }\n }\n\n const fetchLocationData = async (key) => {\n try {\n const res = await FETCH_LOCATION_DATA(key)\n setLocationsData(res)\n } catch (error) {\n console.log(error)\n }\n }\n\n const getMaterialList = async () => {\n try {\n const res = await GET_MATERIAL_LIST()\n const decryptedResponse = JSON.parse(decryptResponse(res))\n setMaterialDropDownList(decryptedResponse)\n } catch (error) {\n console.log(error)\n }\n }\n\n // const getListOfOrgUsers = () => {\n // GET_ADMIN_AND_MANAGERS(userData.org_id).then(res => {\n // if (res) {\n // const decryptedUsersData = JSON.parse(decryptResponse(res))\n // setOrgUsers(decryptedUsersData)\n // }\n // })\n // }\n\n useEffect(() => {\n getMaterialList()\n // getListOfOrgUsers()\n }, [])\n\n const handleLocalDelete = (materialIndex) => {\n let copyData = JSON.parse(JSON.stringify(jobData?.project_materials))\n const newArray = copyData.filter((_, index) => index !== materialIndex);\n setJobData(prev => {\n return { ...prev, project_materials: newArray }\n })\n }\n\n const getMaterialSubTypeList = async (material_id, index, jobMaterials) => {\n setJobData(prev => jobMaterials)\n const res = await GET_MATERIAL_SUB_TYPES_LIST(material_id)\n const decryptedResponse = JSON.parse(decryptResponse(res))\n setJobData(prev => {\n let jobMaterials = JSON.parse(JSON.stringify(prev));\n jobMaterials['project_materials'][index].subtype_options = decryptedResponse;\n return jobMaterials\n })\n }\n\n // get list for dropdown selection to add user to org or job\n const getListOfOrgUsersForDropdown = (orgId) => {\n LIST_ORG_MEMBERS(orgId).then(res => {\n if (res) {\n const decryptedUsersData = JSON.parse(decryptResponse(res))\n if (decryptedUsersData.length > 0) {\n setUsersData(decryptedUsersData)\n }\n }\n })\n }\n\n const getListOfJobUsers = (orgId, jobId) => {\n const queryObj = {\n org_id: orgId,\n job_id: jobId,\n existing_job_users: true\n }\n GET_JOB_MEMBERS(queryObj).then(res => {\n try {\n const decryptedUsersData = JSON.parse(decryptResponse(res))\n if (decryptedUsersData.length > 0) {\n const userEmails = decryptedUsersData.map(userData => userData.email)\n setJobData(prev => {\n return { ...prev, job_members: userEmails }\n })\n }\n } catch (error) {\n\n }\n })\n }\n\n useEffect(() => {\n getListOfOrgUsersForDropdown(userData.org_id)\n if (userData.org_id && jobId) {\n getListOfJobUsers(userData.org_id, jobId)\n }\n }, [userData.org_id, jobId])\n\n\n const getValueToRender = (listOfUsers) => {\n return listOfUsers.join(\", \")\n }\n\n const handleGeneralValidation = () => {\n let initialError = false\n const result = VALIDATE_STEPPERS(jobData, activeStep);\n\n if (result?.movementValidation) {\n setMovementValidationData(result.movementValidation)\n if (result.movementValidation.length > 0) {\n initialError = true\n }\n }\n\n if (!result.generalValidation) {\n initialError = true\n }\n\n if (initialError) {\n setError(true)\n return initialError\n } else {\n setError(false)\n }\n\n return initialError\n }\n\n const handleNextAndValidation = (isSaveButton = false) => {\n const error = handleGeneralValidation();\n\n if (error) {\n return\n }\n\n if (activeStep === 2 || isSaveButton) {\n handleCreateEditJob()\n } else {\n setActiveStep(activeStep + 1)\n }\n }\n\n return (\n <>\n {STRINGS.TEAM_DETAILS}
\n {loadComponent &&\n <>\n\n\n {jobData.project_info.type === 'job' &&\n {\n setJobData(prev => {\n return { ...prev, project_info: { ...prev.project_info, ['project_executive']: value?.email || '' } }\n })\n }}\n value={jobData?.project_info?.project_executive}\n optionLabel='email'\n inviteUser={() => setIsAddUserModalActive(true)}\n />\n }\n {jobData.project_info.type === 'job' &&\n <>\n {\n if (value.email) {\n const copyData = JSON.parse(JSON.stringify(jobData));\n if (copyData['project_info'].project_managers.includes(value.email)) {\n const filteredJobUsers = copyData['project_info'].project_managers.filter(userData => userData !== value.email);\n copyData['project_info'].project_managers = filteredJobUsers\n setJobData(copyData)\n } else {\n copyData['project_info'].project_managers = [...copyData['project_info'].project_managers, value.email]\n setJobData(prev => copyData)\n }\n }\n }}\n value={getValueToRender(jobData['project_info'].project_managers || [])}\n multipleValues={jobData['project_info'].project_managers || []}\n optionValue='email'\n optionLabel='email'\n inviteUser={() => setIsAddUserModalActive(true)}\n />\n {\n if (value.email) {\n const copyData = JSON.parse(JSON.stringify(jobData));\n if (copyData['project_info'].project_engineers.includes(value.email)) {\n const filteredJobUsers = copyData['project_info'].project_engineers.filter(userData => userData !== value.email);\n copyData['project_info'].project_engineers = filteredJobUsers\n setJobData(copyData)\n } else {\n copyData['project_info'].project_engineers = [...copyData['project_info'].project_engineers, value.email]\n setJobData(prev => copyData)\n }\n }\n }}\n value={getValueToRender(jobData['project_info'].project_engineers || [])}\n multipleValues={jobData['project_info'].project_engineers || []}\n optionValue='email'\n optionLabel='email'\n inviteUser={() => setIsAddUserModalActive(true)}\n />\n }\n {\n if (value.email) {\n const copyData = JSON.parse(JSON.stringify(jobData));\n if (copyData['project_info'].estimators.includes(value.email)) {\n const filteredJobUsers = copyData['project_info'].estimators.filter(userData => userData !== value.email);\n copyData['project_info'].estimators = filteredJobUsers\n setJobData(copyData)\n } else {\n copyData['project_info'].estimators = [...copyData['project_info'].estimators, value.email]\n setJobData(prev => copyData)\n }\n }\n }}\n value={getValueToRender(jobData['project_info'].estimators || [])}\n multipleValues={jobData['project_info'].estimators || []}\n optionValue='email'\n optionLabel='email'\n inviteUser={() => setIsAddUserModalActive(true)}\n />\n {/* {jobData.project_info.type === 'bid' &&\n {\n if (value.email) {\n const copyData = JSON.parse(JSON.stringify(jobData));\n if (copyData['project_info'].team_members.includes(value.email)) {\n const filteredJobUsers = copyData['project_info'].team_members.filter(userData => userData !== value.email);\n copyData['project_info'].team_members = filteredJobUsers\n setJobData(copyData)\n } else {\n copyData['project_info'].team_members = [...copyData['project_info'].team_members, value.email]\n setJobData(prev => copyData)\n }\n }\n }}\n value={getValueToRender(jobData['project_info'].team_members || [])}\n multipleValues={jobData['project_info'].team_members || []}\n optionValue='email'\n optionLabel='email'\n inviteUser={() => setIsAddUserModalActive(true)}\n />\n } */}\n {\n let jobMaterials = JSON.parse(JSON.stringify(jobData));\n jobMaterials['project_info'].soil_engineer = e.target.value || '';\n setJobData(prev => jobMaterials)\n }}\n inputProps={{\n autoComplete: 'off', // Disables auto-suggestions\n }}\n />\n {\n let jobMaterials = JSON.parse(JSON.stringify(jobData));\n jobMaterials['project_info'].environmental_reviewer = e.target.value || '';\n setJobData(prev => jobMaterials)\n }}\n inputProps={{\n autoComplete: 'off', // Disables auto-suggestions\n }}\n />\n\n {\n let jobMaterials = JSON.parse(JSON.stringify(jobData));\n jobMaterials['project_info'].general_contractor = e.target.value || '';\n setJobData(prev => jobMaterials)\n }}\n inputProps={{\n autoComplete: 'off', // Disables auto-suggestions\n }}\n />\n {\n let jobMaterials = JSON.parse(JSON.stringify(jobData));\n jobMaterials['project_info'].notes = e.target.value || '';\n setJobData(prev => jobMaterials)\n }}\n inputProps={{\n autoComplete: 'off', // Disables auto-suggestions\n }}\n multiline\n minRows={1} // Starts with 2 rows\n maxRows={10} // Expands up to 10 rows\n />\n
\n \n }\n \n
\n {/* header component end */}\n\n {/* STEPPER COMPONENT */}\n \n {\n navigate(jobId ? -1 : `/track-material`)\n setIsAddJobEnabled(false)\n }} style={{ cursor: 'pointer' }} />\n {editJobData ? 'Edit ' + jobData.project_info.type + ' details' : 'New ' + jobData.project_info.type + ' details'}\n
\n\n \n \n {jobId && }\n
\n \n {STEPPER_OPTIONS.map((optionDetails, index) => {\n return (\n <>\n
\n {activeStep === 0 &&\n {\n const err = handleGeneralValidation()\n if (!err) {\n setActiveStep(index)\n }\n }}>\n
\n {index !== STEPPER_OPTIONS.length - 1 &&\n \n {STRINGS.SELECT_TYPE}:\n {((jobData.project_info.id && jobData.project_info.type === 'job') || !jobData.project_info.id) &&\n
\n }\n\n \n {\n let jobMaterials = JSON.parse(JSON.stringify(jobData));\n jobMaterials['project_info'].type = 'job';\n setJobData(prev => jobMaterials)\n }}\n checked={jobData.project_info.type === 'job'}\n />\n {STRINGS.AWARDED_JOB}\n
}\n\n {((jobData.project_info.id && jobData.project_info.type === 'bid') || !jobData.project_info.id) && checkUserPermission('BID_CREATE', userData) &&\n \n {\n let jobMaterials = JSON.parse(JSON.stringify(jobData));\n jobMaterials['project_info'].type = 'bid';\n setJobData(prev => jobMaterials)\n }}\n checked={jobData.project_info.type == 'bid'}\n />\n {STRINGS.PENDING_BID}\n
}\n \n <>\n {/* general details form component */}\n {activeStep === 0 &&\n
\n\n \n {activeStep > 0 &&\n \n }\n \n
\n \n )\n}\n\nexport default CreateAndEditJob;\n\n\nexport function ErrorMsg() {\n return (\n \n {STRINGS.REQUIRED_FIELD_ERROR_MSG}\n \n )\n}","import React from 'react';\nimport { ReactComponent as MovementImg } from '../assets/movement.svg';\nimport './table.css';\nimport { formatNumberWithCommas } from '../createAndEditJob';\nimport moment from 'moment';\nimport { convertToCamelCase, formatEndDate } from '../../../utils/encryptionDecryption';\nimport { NoTableData } from './MaterialTable';\n\nexport const getTypeOfQuantity = (type) => {\n return type === 'asphalt' ? ' tons' : ' C.Y'\n}\n\nfunction OnHoverTable({ materialData = [] }) {\n return (\n \n \n \n
\n
\n )\n}\n\nexport default OnHoverTable;","var _rect, _rect2, _rect3, _rect4, _rect5, _path, _path2, _defs;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgImport(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 44,\n height: 65,\n viewBox: \"0 0 44 65\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 2,\n y: 2,\n width: 40,\n height: 40,\n rx: 20,\n fill: \"#F2FAFA\"\n })), _rect2 || (_rect2 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 2,\n y: 2,\n width: 40,\n height: 40,\n rx: 20,\n stroke: \"#006D6B\",\n strokeWidth: 4\n })), _rect3 || (_rect3 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 11,\n y: 10,\n width: 24,\n height: 24,\n fill: \"url(#pattern0_3136_10947)\"\n })), _rect4 || (_rect4 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 3,\n y: 46,\n width: 38,\n height: 18,\n rx: 9,\n fill: \"#F2FAFA\"\n })), _rect5 || (_rect5 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 3,\n y: 46,\n width: 38,\n height: 18,\n rx: 9,\n stroke: \"#006D6B\",\n strokeWidth: 2\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.01 58.5H13.61C13.5233 58.5 13.48 58.46 13.48 58.38V57.87C13.48 57.79 13.5233 57.75 13.61 57.75H14.37V52.07H13.61C13.5233 52.07 13.48 52.03 13.48 51.95V51.44C13.48 51.36 13.5233 51.32 13.61 51.32H16.01C16.0967 51.32 16.14 51.36 16.14 51.44V51.95C16.14 52.03 16.0967 52.07 16.01 52.07H15.24V57.75H16.01C16.0967 57.75 16.14 57.79 16.14 57.87V58.38C16.14 58.46 16.0967 58.5 16.01 58.5Z\",\n fill: \"black\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M26.0904 54.5751L30.5714 54.5751C30.6929 54.5751 30.7946 54.6159 30.8767 54.6974C30.9589 54.779 31 54.88 31 55.0004C31 55.1209 30.9589 55.223 30.8767 55.3067C30.7946 55.3904 30.6929 55.4323 30.5714 55.4323L26.0904 55.4323L27.6881 57.0363C27.7793 57.1276 27.8201 57.2296 27.8104 57.3424C27.8007 57.4552 27.7523 57.5556 27.6652 57.6434C27.5753 57.7339 27.4747 57.7792 27.3632 57.7792C27.2518 57.7792 27.1504 57.7336 27.0591 57.6424L24.8111 55.3714C24.7029 55.2673 24.6487 55.1457 24.6487 55.0067C24.6487 54.8678 24.7029 54.7442 24.8111 54.6359L27.082 52.365C27.1734 52.2738 27.2726 52.233 27.3799 52.2427C27.4873 52.2525 27.5848 52.3013 27.6726 52.3891C27.7632 52.4796 27.8085 52.5792 27.8085 52.6878C27.8085 52.7963 27.7629 52.8963 27.6716 52.9876L26.0904 54.5751ZM23.8056 51.2886C23.927 51.2886 24.0288 51.3294 24.1109 51.4108C24.1931 51.4923 24.2342 51.5934 24.2342 51.7139C24.2342 51.8344 24.1931 51.9364 24.1109 52.0202C24.0288 52.1038 23.927 52.1456 23.8056 52.1456L19.4286 52.1456C19.3071 52.1456 19.2054 52.1049 19.1233 52.0235C19.0411 51.9419 19 51.8409 19 51.7203C19 51.5999 19.0411 51.4978 19.1233 51.4141C19.2054 51.3305 19.3071 51.2886 19.4286 51.2886L23.8056 51.2886ZM23.8056 57.8618C23.927 57.8618 24.0288 57.9025 24.1109 57.9839C24.1931 58.0655 24.2342 58.1665 24.2342 58.287C24.2342 58.4075 24.1931 58.5096 24.1109 58.5933C24.0288 58.6769 23.927 58.7187 23.8056 58.7187L19.4286 58.7187C19.3071 58.7187 19.2054 58.678 19.1233 58.5966C19.0411 58.5151 19 58.414 19 58.2935C19 58.173 19.0411 58.0709 19.1233 57.9872C19.2054 57.9036 19.3071 57.8618 19.4286 57.8618L23.8056 57.8618ZM22.2232 54.5751C22.3446 54.5751 22.4464 54.6159 22.5285 54.6974C22.6107 54.779 22.6518 54.88 22.6518 55.0004C22.6518 55.1209 22.6107 55.223 22.5285 55.3067C22.4464 55.3904 22.3446 55.4323 22.2232 55.4323L19.4286 55.4323C19.3071 55.4323 19.2054 55.3915 19.1233 55.31C19.0411 55.2284 19 55.1274 19 55.007C19 54.8864 19.0411 54.7844 19.1233 54.7007C19.2054 54.617 19.3071 54.5751 19.4286 54.5751L22.2232 54.5751Z\",\n fill: \"black\"\n })), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"pattern\", {\n id: \"pattern0_3136_10947\",\n patternContentUnits: \"objectBoundingBox\",\n width: 1,\n height: 1\n }, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#image0_3136_10947\",\n transform: \"scale(0.00195312)\"\n })), /*#__PURE__*/React.createElement(\"image\", {\n id: \"image0_3136_10947\",\n width: 512,\n height: 512,\n xlinkHref: \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAACAASURBVHic7d13nCVVmfDx3wSGNMwMQxIREZEkSZKShCGYdYFdXcSAoALm1d017Lqvq+77bjAuriBiRhiSyi5mSQOCuEayJJEkmRkYhjBM6PeP0y1N293TfetUPafq/r6fz/NB0a566ty6t06dCJIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkaRWmRScgSdIIawEzgRXAyuBcOmtKdAKSpL4zC9gd2APYBtgMeAawCTBjxP93CfAgcAdww2BcDlw6+O8lSVLBdgX+H3Al6c1+oGKsGDzWJ4E98YVWkqRibAz8C3AL1R/4q4o7gH8ntSZIkqQAOwOnAEup/8E/MpYDZ5O6GCRJUgOeSXrwr6T5B//IWAl8B3hurVcsSVIfW4PUv/8Y8Q/+kbGM1DWwZm1XL0lSH9oJuIr4B/2q4kZg75rKQJKkvjEF+Hti+vmrtAb8Lc4YkCSpJ6sD3yT+gd5rnEnqtpAkSRO0AXAJ8Q/xqnEhaUEiSZK0ChsC1xD/8M4VvwTmZC0hSZI6Zn3SynvRD+3ccRF2B0iSNKp1gN8S/7CuK84CpmYrLUmSOmAKadBc9EO67viHXAUmSVIX/DPxD+cmYhmuEyBJEgAHkWfnvrbELcDaOQquDaZFJyBJKtLawA+AudGJNGgOqcvj/OhEJEmKcjzxb+QRsRTYOkP5SZLUOrvRX03/I+OM6kUoSVL7nEv8QzgylgNbVi5FSZJaZH/iH8AlxBerFqQkSW1yEfEP3xJiCR2fEeDKR5KkIdsCL4xOohBrAwdHJ1EnKwCSpCFvI02DU3J4dAJ18oOWJAGsDtwFrBudSEEeJ60NsDQ6kTrYAiBJgtT078P/qdYAnh+dRF2sAEiSAF4WnUCh9o1OoC5WACRJAC+NTqBQe0YnUBfHAEiS1gUWRidRqDuBTaKTqIMtAJKk7aITKNjTgY2ik6iDFQBJ0vbRCRRup+gE6mAFQJK0VXQChbMCIEnqpPWiExh0BfBuYBtgrcHYdvDfXRmY1/MCzy1JUm3+m9h19x8Hjmb8l9KppJUKHw/I75qJFqQkSU3YF5gPzKt4nAuJffjvN4lc59F8JWA5sOYkcpQkKbvZwLuAq3nyAfWKisdcQLMP1OFxTA/5viMgz86uCChJKtsuwEmkbWpHPpwOqXjsc0Y5ZhNxBb2NRZsGXNVwrr1UVIrmIEBJKtfqwGuAc4Ffk/rJR9ujfrWK51lc8e979WVgZQ9/twL4SuZcVqVzAwGnRycgSfozWwPHAkcysQ16RqsUTMaDFf++V+dV+Ntzs2UxMVYAJEm1mAa8HHgPcCCTW6r9GRXPfUPFv+/V7RX+9tZsWUzMjqRW815aLIpkBUCSYj0deCPwTmDTHo9RtQJwdcW/71WV/Wia7sJeG9gSuL7h80qSOmQqafe9/yZNMas6QO37FfPZIEMOvUSVPQh2CMj3sAr5FsdBgJLUnA2ADwA3Aj8EDiY1/Vf1zIp/fx9wS4Y8JutFQX/bq86NA5Ak1Wsf4BTqW8DmCaovVPP5mnIbL66mtwrQdODagHx/2EOukqQ+M4u0YM2VNPNw2rNivi9tKM+R8e4ecn1fUK539pCrJKlPPA84EXiYZh9O76mY9xqMvshQ3fEEk2vOf8ng30RUAAaAjSaRqySp49YAjgAuI+7B9M0M1zE/KPcngL9h/Jlp00lv/pEP/wFSBUSS1Oe2BD4FPEDsQ2kAuINq0+ogrUMQeQ3XAn9PmnM/ZzB2At4P/C44t6H4YM+lK0lqtanAQcB3SYvCRD+QhsfuFa9tOnB3AddRcpzWc+kWxmmAkjQxG5Pe/v5AWob2lVR/487t4Ip/vxw4I0ciHeZUQEnqA1NIb/tnEt/3PJG4KsM171bAdZQcK4CZPZeuJKlo65P6nW8k/oEz2dgqw/VHzLFvU+zRe9GWwy4ASXrSrsAXSRvNfAJ4Tmw6PXldhmOcmuEYXWY3gCR1wDrAMcBviX+zzBE3UX1swmakpu7oayk1Tuy9aCVJ0bYB/h1YSPwDJXfslaF8LirgOkqNn1coV0lSgNWB15BG8Uc/ROqMEzKU1dEFXEep8Sh5NnGSJNVsC9Lb/r3EPzyaiAdIlZ0qZpMedNHXUmps23vRSpLqNLRgz5mk+e3RD4ym45DqRchZBVxHqXF4hXItgrMAJHXN00gL9txMaup/Df3ZXPuGDMc4JcMxumqn6AQkSck+tGfBniZiKbBepRKF1YD7CriWEuNHFcpVklTRbNIUvquJfyCUGMf0XrR/cnwB11Fi3FOlUCVJvRlasOcR4h8EJcfFvRbwMHsWcB2lxsYVylWSNEFrAEcAvyH+h78tsRJ4di+FPcL1BVxLifHyKoUazUGAkko3tGDPncA3gJ1j02mVKeRZGrgzW+Bm5pLAkpTZDJ5csGcl8W96bY4bJln2o9kCP4fRwq2TJSmTfluwp6nYfTIfwhh+VsB1lBbXVypRSepz/b5gTxNx3IQ/jbG9o4DrKC1WADOrFKok9aOhBXv+QPwPedfjXtKc/irmAo8XcC2lRY6Nl0I4CFBS04YW7LmN1Nz/rNBs+sMGwIsrHmMhLn4zmtYOBLQCIKkJQwv2XAX8lDTAr+obqSbHpYHr0doKgCTVaWjBniXEN9X2ezxGqohVsQawqIBrKSl+UalEJalDXLCn3DhqnM9tok4q4DpKiseA6ZVKVJJabmtSn/4DxP8oG6PH+WN+ehO3bwHXUVpsV6lEJamFXLCnXbEC2HTUT3LippC2Wo6+lpLi9ZVKNIiDACX1YhPgo8DtpBH9B5EeDCrbVKovDTwAzM+QS5fsFJ2AJNXJBXu6EdeM/GB7sFUB11FS/KRacUpSmTbCBXu6Fjmmrv2ygOsoJe6vWJYh7AKQNJZdgZNJzfwu2NMtb8xwDNcEeNJ6pG4xSWqt4Qv2RL9VGfXF3VSfurYh8EQB11JKvKJacTbPFgBJ8OSCPX8c/Of2semoZhsBB1Q8xr2k2R9Kdo5OYLKsAEj9aw3SFL5LgF+R3vzXDs1ITbIbIK/WzQRw2o7Uf7YC3gwcTdrhTf3pEdKOjEsqHGNN4C6qLzHcBTcBW0YnMRm2AEj9YQZwGLAAuJ40qt+Hf39bRvWBnY8BZ1dPpRO2ANaJTkKShmxCetjfTvwgKaOc+C7wDPI4sIDrKSX2qViWklTJ8AV7lhH/o2iUE3cAf0leU4HbCri2EuJdFcuyUXYBSN0xtGDPTaTR2a/BXcqUrCTt4rct8J0ajn1a5mO2VesGAkpqt6EpfI8R/wZklBeXA8+nXs8t4DpLiF9VLUhJWpVZpGl7VxL/o2eUGY+QWoSaagW6vIFrKj0eB1arWpCSNJodgS+Tftyjf+yMcuP7NL90899lyLsLsUPVgpSk4XYhDepbSfwPnFFu3A0cQYyNcZfIAfIssCRJPB+4kPgfNaPsGBrkty6xfkx8WUTHpyqXoqS+tglpYN8K4n/QjLLjRqqv65/LEcSXR3ScV7kUJfWl1YB/wj5+Y9XxOPDPwOqUYyZpaeHosomM+yuXoqS+syNpGlH0D5hRfvyUNPWuRKcQXz7RsWnlUmyACwFJ8aYBHwd+TZrTL41lEfBWYF/g2uBcxvLN6AQK8LzoBCSVb0PgJ8S/sRjlx3dJY0NKN420Q2B0eUXGRyqXYgNsAZDiHEBayOdF0YmoaLcALwNeBfwxNpUJWYFLA7sksKQxvRV4gvg3FaPcWAYcRxpY1za7EF9+kfH76kUoqWumAB8l/gfKKDt+C+xOu11FfDlGxUpgTvUirJddAFJzViftxPbP0YmoWEuA9wG7Ab8MzqWqU6MTCDSFNKtHklgL+BHxbyZGufE9YDO6YxP6eyGr91QvwnrZAiDVb23gHOAl0YmoSHcDbwJeCdwanEtOfwQujk4iUPEDAa0ASPVak/Rmd2B0IirOAGnO/PbAycG51KWf1wTYOToBSXGmAd8ivinSKC9uAPan+2YBjxJf3hGxFJhRvQjrYwuAVI8pwNeAv4pOREV5nLRIzPakXR67bjGp+6sfzQC2iU5CUvM+TvwbiFFWXAxsS/95JfFlHxVvylB+klrk1aR5wNE/PkYZsQg4htQq1I+mkwY6Rn8OEfGZDOVXG7sApLx2Jw3o6tcfez3VqcDWwEmkB0I/Wg6cGZ1EEDcFkvrEusDNxL91GPFxM077HO75xH8mEbEIXwakzpsC/DfxPzhGbLR5/f66XUf85xMRm+UovDrYBSDl8QHg4OgkFOoXpCV8/4a0pK+e6pToBILYDSB12PNIc36j3zSMmHgE+CBp3QeNbTP6c3DsP+covDrYAiBVszpp0F/RC36oNt8jTe37D9K69xrbrcCl0UkEKLYFwAqAVM3HgB2ik1Dj7iQt8vQq4LbgXNqkH7sBiq0ASOrdjsATxDcxGs3FSlKLz1zUi3VJqyFGf45N3zPr5ii83GwBkHozFTgRWC06ETXmamBv4AhgYXAubbUI+H50Eg2bQqE7A1oBkHrzdmDP6CTUiMdJXT27ApcF59IFdgNIaq11gQeIb1o06o+LcEOX3GYA9xP/2TYZX8tScpnZAiBN3kexD7jrFgHHAvNIC9gonyeAs6KTaJgtAFIHbIFz/rseZwIboDrtTfzn3GQsJU0ZltRiZxL/Y2LUEzcBB6EmTAF+T/xn3mQU1wpgF4A0cduS5n6rW5YDnyON1D4vOJd+MUDaKbGf7BydwEhWAKSJ+zB+Z7rmN8AepPX7HwnOpd+cTKoI9IsipwJKWrUtSDu9RTcjGnliCa7fX4KfE38vNBUL8hSZpKZ9hfgfECNPfBfYFJXgXcTfD03FQ6SxD5Ja5Jk48r8LcSfwalSS9eiv79bmeYotD/szpVX7IO7212Yrgc+TFvT5VnAueqoHgB9HJ9GgomYCWAGQxjcTeGN0EurZVaQ55+8GFgfnotH109LAVgCkFnkDsE50Epq0x0jr9+9GGmimcp0DPBidREOKqgBIGt+vie83NCYXC4CtR/ksVa4vE3/fNBG35iowSfXaifgfDGPisRA4Bkdat9E84u+fpmL9PEVWnV0A0tjeFp2AJmQA+AawJXDS4H9Xu1wM3BadREN2jE5giBUAaXRrA6+LTkKr9HvgJcCRpBHlaqeV9M/SwMWMA7ACII3uNcCs6CQ0pieA/wtsD5wbnIvy6JfZAMVUACSN7lzi+wqN0eMqYLuxPzq12K+Iv7/qjiuzlZak7DYm7RAX/UNh/HmcTOqeUTe9j/h7rO5YBqyRq8CqsAtA+nOH4yYxpXkceBNwBO7a12WnkSrfXTYdeG50EmAFQBrN66MT0FM8SBrod3J0Iqrd3cB50Uk0YOfoBMAKgDTSNsAu0UnoT+4G9idNE1N/6IfBgDtFJwBWAKSRfPsvx73AC4HLoxNRo84GHo5OomZFzASwAiA91WujExAAjwIHAzdFJ6LGPUqqBHTZThSwYqUVAOlJewLPiU5CrAT+Cjfx6WffjE6gZrOAZ0cnYQVAetIbohMQAP8K/Cg6CYW6ALgjOomahXcDWAGQkunAq6OTEL8APh6dhMKtBE6PTqJm4QMBrQBIyUuADaOT6HNLSa0wy6ITURG63g0QPhXQCoCUOPo/3meBG6OTUDGupNvL5oZ3AUiCmcAS4pcI7ee4C1hnVR+U+s77ib8364z18xXV5NkCIMGhuL58tE/T/bnfmrxTgRXRSdQotBXACoBk83+0hcAXo5NQke4EFkQnUSMrAFKgjYADo5Poc1/Et3+NrcuDAa0ASIEOI00BVIwB4CvRSaho36a7O0CGTgW0AqB+Z/N/rPOB30cnoaItAc6JTqIm2wJrRichSVKpXk78iP26YreM5TQptgBIkkr3E9LW0F0UtiCQFQBJUumWA2dEJ1GTsHEAVgAkSW1wSnQCNXFFQEmSVuFq4vvsc8fDBL2M2wIgSWqL+dEJ1GAmsEXEia0ASJLa4hTSVsFdE9INYAVAktQWtwGXRCdRg5CBgFYAJElt0sWlgUOmAk6JOKkkST2aRVoToEsr6N0JbNL0SW0BkCS1yWLg+9FJZPZ00sZkjbICIElqmy52AzQ+DsAKgCSpbX4I3B+dRGaNzwSwAiBJaptlwJnRSWRmC4AkSRPQtW4AlwSWJGmCrid+Kd9csRxYK2/xjG96kyeTajIb2B/YF9gO2Gbw382OTEp/sgi4D7gW+C1wPnAZ3VzRTc06FfhYdBKZTAO2B34RnYhUuunAocD3SP2B0bV3Y3JxF/AZ4FlIvduCVJGMvp9zxTF5i0fqlmnAEcBNxH9ZjeqxDDiZgEVQ1BmXEn8f54oTMpeN1Bk7kprHor+kRv54GPhbXJ1Uk/d24u/fXPGzzGUjdcL7gCeI/4Ia9caPgQ2RJm4usJT4ezdHLMHZedKfrA6cRvwX02gubgKegzRxZxN/3+aKrTOXzZisaahkawHnAK+NTkSN2oLUr9vYD6Fa75ToBDJqbD0AKwAq1WqkWv2LoxNRiA2BnwDPiE5ErfA90nTTLrACoL73ZXz497tnkrp/XK9Eq7IUOCs6iUxcEVB97Z3E98MZ5cTHkVbthcTfqznintwFI7XFjsBjxH8JjXJiBWmlR2k8U4Cbib9fc8TTMpfNqOwCUEmmAicCa0QnoqJMBb6C94XGNwDMj04ik0a6AawAqCRHA3tGJ6EibQ68NzoJFa8rOwQ2vjWwFGkN4Hbim96McuNhYGOk8XVhtdDTspfKKGwBUCmOxilfGt9M4CPRSah4XWgFaKQLwHW3VYIpwHXAVtGJqHhLgWcDd0YnomJtAPyRtJZIW60kbWe+pM6T2AKgEhyED39NzOrAe6KTUNHuIy0i1WZTge2bOIkU7bDoBNQqbye9HUlj6cLSwLV3A1gBULRpwCHRSahVZgFHRCehov0PsDg6iYqsAKjzdgbWi05CrfMOHMOksT0GfDs6iYqsAKjzXhidgFppG2BedBIqWtu7AXYgtZDWxgqAornxhXp1bHQCKtoC0toibbUWNQ+OtgKgaDtEJ6DWOpS0bbA0mpW0f2ngWl+QrAAo0rqkzX+kXswAjoxOQkVrezeAFQB11r7U3MelzjsGf8c0tquBy6OTqKDWPQH84ijSftEJqPW2wK2CNb42twLsXOfBrQAo0rzoBNQJR0cnoKLNB1ZEJ9GjDYGn13VwKwCKMgf7/5WHgwE1nruA86OTqKC2cQBWABRlHvb/Kw8HA2pV2twNYAVAnWP/v3JyMKDG8x1q3lmvRrUNBPQLoyjzohNQpzgYUON5BPjv6CR6ZAuAOmUu9v8rPwcDajxt7QZ4DjAzOgkpl0OAgULjStJGM1uR9p6v2+MV812jgRwB1gZ2Bz4G3F0x57piKQ4G1NimAXcSf5/2EnvVUB5SiP8k/gs12sPj3TTfKtaWCsBw6wAn9phv3fGBGq9b7fdp4u/RXuIddRSGFOFy4r9Qw2Mp8OJar3hsbawADPmncfKKihtxm2CN7XnE36O9xEl1FIbUtLmkRTmiv1DD4321XvH42lwBgLTnevTnNzIOrPWK1XZXEX+PTjZ+UUtJSA07lPgv0/C4Dphe6xWPr+0VgGeRWlCiP8fhcUadF6zW+yDx9+hk41Fq+J1yFoCaNi86gRG+BiyPTqLFbgHOik5ihENwMKDGNp+0VXCbrAlsnfugVgDUtHnRCYzwP9EJdMDx0QmM4MqAGs/twEXRSfQg+3oADpZRk9YD7qWciucdwKbBOTxOtemGaw4eI9qvgV2ikxjmJtJUzoHoRFSko4CvVjzGCmDxBP+/D/PnLY3rDvvPs1n17+KngPdP8HwTEtn3qf6zH+U8/AHOi06gQ44HvhKdxDDPAQ6g3ZvAqD7fJt2za07g/3sbsAC4DLgGuBm4h/q6DucAaw3GbNIiQGsBD9Z0PqkRnyN+MM3weH29lzshbR8EOGRN4H7iP9Ph4WBAjec0xr53FgKfBXbDlnIpiyuIfygMxUrgafVe7oR0pQIA8AniP9fh4cqAGs8r+PN75m7gPUysZUDSBK1PeuhGPxSG4sp6L3fCulQB2Jzy1nhwZUCNZTVSU/4AsAz4JGnJa0mZ/SXxD4Ph8Zl6L3fCulQBADiH+M92eLgyoMZzHGnA6K7RiUhdVlr//8vrvdwJ61oF4CXEf7Yjw5UBNZZnkQbdSapRSctvLqWc7TW7VgGYQlpdMfozHh6n13rFkqQxbUBZ/f8Lar3ayelaBQDgvcR/xsPDwYDSKEqak63u2o+y+mGd/1+vrwFLopMYZgbwpugkpNJYAVAT5kUnMIIVgHo9BJwancQIx1JWJVSS+sLVxDcDD8UiyloBs4tdAADbUVa3zwBpZUBJg2wBUN02AJ4bncQwF+Luf024Brg4OokRjolOQCqJFQDVbR5lNb3a/N+c0nYJPBQHA0p/YgVAddsvOoERrAA052zSjoulcDCgJDXoGuL7fofi9pqvtRddHQMw5CPEf+7D4ybKapGSwvhFUJ02JG2uUcp99lXgLdFJjPA4sHqFv19z8BilehpwK+ntuxQHAhdEJ6HWm0L9qwg+RBpMK7XOa4h/4xseh9d7uT3pegsAwHziP/vh4cqA6tUuwOdJLUlLqf9eXQb8AThx8NxSaxxP/I/9UKykzAFg/VAB2Iv4z394uDKgJmst0oM/cmrrCuCLVGsxlBpTUv//5TVfa6/6oQIA8Bvi74Hh8f56L1cdMgP4EfH37FBcSFldatKf2YiyFoL5VL2X27N+qQC8hfh7YHjcQDljU1S2rxF/v46M/6r1iqWK/pr4L8nweGm9l9uzfqkArAk8QPx9MDxcGVCrciTx9+losRzYturFuQ6A6jIvOoFhngB+Gp1En3uMNAujJK4MqPFsR3mLWQ2ZBhwVnYQ0lmuJryUPRclTvvqlBQDg2aSBTNH3w1A4GFBjWZuyxjCNFr+pepG2AKgOGwLbRCcxjKv/leFm4AfRSQzjyoAay/GUtYfJaDaNTkAazWuJrx0Pj+fXe7mV9FMLAKSxGNH3w/BwZUCNdBTx9+VE4rG6CkCq4gvEfzmGYhGpv6xU/VYBmAJcT/x9MTwcDKgh2wGPEH9PNlIBsAtAdZgXncAw55P6nVWGAdKqZiVxMKAg9fufSVr0R1IPNqas+f9vq/dyK+u3FgBI66cvIf7eGAoHAwrg68Tfi7YAqNXmUVafqgMAy/MgcGp0EsM4GFBH4T0gVXYi8TXjobil3kvNoh9bACD1tZbUUuRgwP7Vpn7/4WELgIozLzqBYc6NTkBjuoayFmfaAtg/Ogk1rq/7/a0AKKeNga2jkxjG5v+ylbbK2tHRCahxbZjvL7XC4cQ3iw3FCmCDei83i37tAgCYDtxB/L0yFA4G7C9tme8/VtgFoKLMi05gmMuB+6KT0LiWA1+KTmIYBwP2j+2Az0cnIXVJSQu8/EfN15pLP7cAADyN9OYdfb8MhYMBu68N6/xPJGwBUDE2BraKTmIY+//b4W7gO9FJDONgwO6z31/K7HXE14iH14zXrPdys+n3FgCAfYi/Z4bHafVergK1vd9/5O+cVISTiP9CDEWb3v6tACS/Iv6+GQoHA3ZTW+f7jxV2AagY86ITGKZNFQAlJe0P4GDA7unr+f5SnTYmvjY8PHar93KzsgUgWRN4gPh7ZygcDNgtXyf+nsodlVsAplc9QCYbkQbe7AlsA2xJ2jBkNrZSaHIWAr+JTkKT9hjwNeDvohMZNDQY8ILoRFTZkdiiU5x1gXcAl1HWmuBGu+Ms2sUWgCdtQVrAKfoeGorT671cNaBr/f7Do5WDADcCPgEsJr4Aje7FsbSLFYCn+j7x99BQLKUdq0lqdF2Z7z9WtGoQ4FTgGOAG4P3AOg2eW/3DDYDaraT9AWaQmo/VTs73L8SzgJ8TX2Myuh030z62ADzVVOBG4u+lobgBBwO20ZHE3zt1RytaAF5KGpT1ggbOpf7m9L/2Wwl8ITqJYbbElQHbZjvKakkqVt0VgNcD55AG/El1+1V0Asriq6SBW6Vwm+D2cL7/JNRZAXgD8E1gtRrPIQ13Y3QCyuJBYH50EsP8JQ4GbAv7/SehrgrAy0i1ePvO1KRS1rVQdSU14ToYsB2OxPn+k1JHBeDZpNq7b/5q2ibRCSibK4BLopMY5mh8oSmZ/f49yF0BmE5aPGNO5uNKE/Gy6ASUVUk/6A4GLJf9/j3KXQF4D7B75mNKE/VK0r4E6oZvA3dFJzHMMdEJaFT2+xdgY1zdz4iPU2kX1wEY30eJv6eGwpUBy3MU8fdFVBS1DsDf4+p+ivc64B+ik1A2XwSWRScxyG2Cy7Id8PnoJATrAUuIrxEZxlAcD8ykfLYArNrpxN9PQ+HKgGXo+jr/E4liWgBeT/pApFK8A7ge+Ffg+cCGsemoAgcDaiT7/TPIVZP9NbBLpmNJmrg1Sa0IXXc5sFN0EoPOAF4bnUQfO4q0zky/e5z0/e9ZjhaAp+PDX1K9TohOYJhDsUUpiv3+GeWoAByU4RiSNJ5TgIXRSQyaARwRnUQfcr5/ZjkqAHtkOIYkjedR4BvRSQxzDA4GbJr9/pnlqABsk+EYkrQqx5O2Cy7BlsC86CT6yJtxCmZ2OSoAz8lwDElald8DP45OYpjXRSfQJ7YD/is6iS7KUQFw3X9JTSlpSuCLohPoA/b716hqBWAqzv+X1JwfADdGJzFoU9yCum72+9eoagVgeoZjSNJEDQAnRScxaCq+mdbJfv+aVR3FOoO0QYakGP2yENBwc4A7KKP1cTZpEzTltR3wC6xgjaeIhYAkqUkPAqdFJ6Ha2O/fECsAktrI1eC6y37/hlgBkNRGVwCXRieh7I7Cfv/GWAGQ1FbzoxNQVq7z3zArAJLaqqRFgVSN/f4Bul4BuI/YDUTuDz5/9PVLdbqNcpYGVjUnYL9/47pYAfgucDCpRrkhsB4wk7SFZxNvDN8HDhk85waD51978N/9sOHzD7/+gxs6+KRsRgAAGNBJREFUv9SUZaRNgtRuR+Huir14IjqBGaSFOUqIB4AXTyDnvyBNI8p9/oXASydw/lcAi2o6/8sDz2/ExBr0t4eJLf9Z9V9ip20HPEL896iNcXsP5Z1VKRWAhcC2k8h7J/L+cDxIupEnagfgoczn334S598+8/mNuLACEFv+VgB6tzZwDfHfobbGtZMv8rxKqQD8RQ+5vz7j+f+yh/MfFnz+v854fiMurADElr8VgN59g/jvT5vjfydf5HmVUAG4sMfcpwC/zHD+n1Y4/2UZzn9Jj+cn0/mN2LACEFv+VgB6cxTx3522x3mTLvURujAI8Os9/t0AqQbar+ev+reS1Avn++dReQ+KLlQAFlT42ws6cP4Lg/5WkibL+f753FL1AG2vAAwAd1X4+z9myKHfzy9JE+U6//lcV/UAba8ArKDaXMhHMuRQZR5yF84vSRPxZlznP6frqx6g7RUASVL5tgP+KzqJjrECIEkqmv3++S0G7q56ECsAkqQ6uc5/flfmOIgVAElSXd6M6/zXIcsMLisAkqQ62O9fnxxTyK0ASJKys9+/Po8DP89xICsAkqTcnO9fn0tIlYDKrABIknI6Cuf71+n8XAeyAiBJysV1/us1QOpaycIKgCQpB/v963cJcHOug1kBkCTlYL9//b6Z82BWACRJVbnOf/0eB87KeUArAJKkKrbH+f5NOAd4MOcBrQBIknq1NnAG9vs34bjcB7QCIEnqlf3+zTgX+Fnug1oBkCT1wn7/5vy/Og5qBUCSNFmu89+cy4CL6jiwFQBJ0mSsTRqNbr9/Mz5a14GtAEiSJuN4YNvoJPrE/wA/qevgVgAkSRNlv39zHgPeV+cJrABIkibCfv9m/V/gD3WewAqAJGlVXOe/WTcCn677JFYAJEmrcgLO92/KCuCtwNK6T9T2CsB0YEaFv187Qw5rBp9/VtDfStGmU+37p4l5C3BEdBJ95KPAxU2cqO0VAIB1K/zt3Aznr3KMHOd/ZoW/3TzD+aUomwLTopPouO2Bz0Un0UfOBf61qZN1oQKwS4W/3TXD+ascI8f59w/6W5Vhs+gEAr0oOoGOs9+/WXcBbwBWNnXCLlQADgn621LOfwQwpYe/m4rNel1wEt34Hk/WFOCY6CQ67gSc79+UJ4DDgXujE5mMGcBAcDwOPLuH3J8LLMtw/ieArXo4/zaZzj8AHNnD+Y/OdG4jPt5P/3kL8eU+QHfH0byZ+LLtl1gBvG5iH0tZSqgADAD/y+QG1M0CLs94/l8D60zi/OsAv8l4/keB/SZx/v1Ji0xEf25GnlhBntakttiHcu7fLlYAtgceIb5s+yVqXeynTqVUAAaAS5nYgLgtgF/WcP7/ZWKD6rYAflHD+R8nvQmuPs65Vwc+RJpeEv15GXljGfAR0sj4rpoKvI1yHv4DdK8CsDZwLfHl2i/xHxP7WMpUUgVgAFgMfArYiaf2i08lDRY8jnprtkuA/xw81/B+2amkAX91n38AuHOwDA4GdhuMQ0iLStxVwGdk1Bs3AR8e/Nw3oP1mATsA7wWuJL58R0bXKgAnE1+m/RJforfxW9lUPfkMGlisoEcPkR6GU4BNmFwTfQ5LgD8O/udNgJkNn19S/WaTXjy64M3AV6KT6BOfILXGDkQm0eUKgCTVrSsVgO1IXZNO+avXAOnB/4noRKDb/YWSpFVzvn8zlgPHAl+NTmSIFQBJ6m+fwXX+63YXaarfguA8nsIuAEnqXdu7AHYBfkXwYLSOO4+0wt890YmM1I8riEmSkrfhw78uK0hTc19CgQ9/sAtAkvrZgdEJdNSNpNVWL4pOZDy2AEhS/3pGdAId8xjprX8HCn/4Q/UWgOWknYusSEjqR09EJ1DREvJsSy44H3gncH10IhNV9cG9krSynST1mwHaPwj6rugEOuAy4OXAQbTo4Q953twXZTiGJLXNYoJXcsvgnOgEWuwC0hiKvYAfBufSkxwVgJsyHEOS2ubm6AQy+CapK1cTsxT4NrA36eF/QWw61eSoAFyX4RiS1DY3RieQwe+AT0Yn0QI/A94OPB149eB/b70c0wAvA96R4TiS1CY/j04gk4+RdlB9eXQiBVlK+nzPA06noy3dORaAeDpP7nonSf1iV+A30UlkMo20JPC76M9ZXY8AVwEXkpr1LyVN6eu0XCtA/ZK0/7gk9YPbgWeRZkJ1yY6kBWz2Bzaj/duYP0qa6riENGD9kcH/fDOp+/p64AbS59n2AZ2TlmslwJOxAiCpf5xG9x7+AFcC745OQs3I1QIwF7iV9tcWJWlVVpJ2z2vVnG9ppFx9PQuBEzMdS5JK9m18+KsDcu4CtRGpL2VWxmNKUkmWk7bQvSo6EamqaRmP9Qhp1ORLMx5TkkpyHGnxHKn1cu8DPQ24BNgj83ElKdrNwM6kJYCl1stdAQDYFPgtsF4Nx5akCEtJy7/+OjoRKZc6Fny4HTic9m+TKUmQ5ocfiw9/dUzOMQDD3Qz8HjiUeloZJKkp/wAcH52ElFtdFQCAqwfjYPItOCRJTRkAPgR8IjoRqQ5NvJ0fSNpMYf0GziVJOSwB3gqcEZ2IVJemmuefAcwHXtjQ+SSpV1cAr8WtztVxTe36dAewH/Am4P6GzilJk/EoaWvcF+DDX32gzjEAo7kC+CppSs1OwBoNn1+SRloCfI701v89YEVsOlIzIkforwO8BjgC2IfmKyOS+tdK4DLgFFI//6LYdKTmlTJFbw6pi2AvYBtgS9IOg+sAawXmJandhvaDXwjcSNrE5zLgIuCBwLwkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZJUoCnRCQSZDmwObA1sA2wFbAasC8wE1gbWAWYDU4NylFS/lcBDwMPAI8ASYBFwK3ADcB1wPfAHYHlQjlIt+qUCMAvYDzgAmAc8F5gRmZCkVnkCuBZYAFwAXAQsjkxIqqrLFYAdgMOBA4FdgWmx6UjqkBXAr4DzgdOAq2PTkSavaxWAucCrgSOAvYNzkdQ/rgVOBr4B3B2cizQhXakAHAj8LfBiUv++JEVYDvwY+DRwYXAu0rjaXgE4CPgXYI/oRCRphN8C/wZ8CxgIzkX6M22sAEwhNfN/GNgpOBdJWpXLSS8q34lORBqubRWArYDPAy+KTkSSJuki4J3ANdGJSNCekfFrkd7455MqAZLUNs8CjgbWBy4hTS2UwrShBeAVwBeATaMTkaRMbgWOJQ0YlEKU3AIwHfgIcCIwJzgXScppDvB60tTl80krEkqNKrUFYFPS4hrO5ZfUdb8ADgNuCc5DfabEde5fBVyBD39J/eH5wC+Bl0Qnov5SWhfAO0iraa0VnYgkNWgt0tLldwG/Cc5FfaKkCsAHgc9SbreEJNVpKvBK0m/ggthU1A9KqABMA04APhSdiCQFm0LasXR90gwBVxBUbaIrANOAU4Ejg/OQpJI8H9gcOAcrAapJdAXgP4G3BOcgSSXaCdgA+EF0IuqmyArAx4EPBJ5fkkq3O/A4cGl0IuqeqArA24FPBJ1bktrkQOAO0u6CUjYRI+7/AjibMtcgkKQSLQdeBpwXnYi6o+kKwKakWux6DZ9XktruXmBn4M7oRNQNTb6Frwacjg9/SerFhqQdUaMHb6sjmryRPgX8dYPnk6SuedbgPxcE5qCOaKoL4JWk+ayu8idJ1awEXgRcEJ2I2q2JB/JawLXAZg2cS5L6wU3ADqQpglJPmugC+DfS6FVJUh5zgWXARdGJqL3qbgHYjjTqf7WazyNJ/WYpsCNwQ3Qiaqc6ZwFMAT6PD39JqsPqwOeik1B71VkBOIy0q5UkqR4vwS5W9aiuLoApwBWkQSqSpPr8HNgzOgm1T10tAIfgw1+SmrAHsH90EmqfuloAfgnsVtOxS/QAaTTuz4DfAb8H7geWkPbynkna1nNzYFtSbX3e4L/rBw+QFi65jDQl9GbgPuCRwf99bVJZPJunls/6DecZ5X6eLJ/fMX75PJcny6dfVtW8j6eWzx8YvXy2IN0/ewH70T/lA2lNgAOjk5BeSnrodT0eAr4MvJDeWlKmkH6ovgAsKuB6cseDwEnAPj2Wz1Rgb+CLg8eKvp46yueLg9fYa/nsA3yJdC9GX0/uWAScSPqO9PKiMpX03exq+YwWdgMo3E+I/yLUGfcB/wTMyVVgwDrAB4F7Cri+qnEv8I/A7IzlMwv4h8FjR19frvKZlbF8ZgMfJt2b0ddXNe4BPmT59BRn5SowqRebkLatjP4i1BErgZOpt1l6NnAc7SzDFaTyqbPZ1fIZ3xzaXz5zs5fKk9pcPhOJpfRXt4cK80HivwR1xG2k5tam7AHckvka6oxbabb5cW/SZxJ93ZO5f/aupSRG90Lg9hquo664hXTPN6Vt989k4tiM5SRNyjXEfwFyx7nE1KrnAj/qId+m40fU+9Y2lvVIn0309Zd6/6xPGhgWff3eP83GJTkLSZqo3Yi/+XPHd4A1chbSJE0HvjJKXqXEqcSu9DgDOG2UvEqJs4m9f2YAp4+SVykxn/j7Z/4oebU9tspZSNJEfJL4Gz9nnE69KyVO1FTgFOLLY2ScQjnlU+JD7gzKKJ9ppMFh0eUxMuZTRvlMJVVko8sjZ/xj1hKSJuC3xN/4ueInpLeDUqwG/Jj4chmKH1LWHg8zgPOIL5ehOI+y7p/VgQuJL5eh+DFllc8Myvp+VY0L8haPNL71SKN4o2/8HHEbZS5Asy5pAZTo8rmVMkcaz6WMgZO3U+b9swFwB/Hlcxtl3j/rkhZgii6fHPEYsGbe4pHG9lfE3/Q5YjllL6axJ7FTmJYBu9d+lb3bh9iK6AqanS0yWfOILZ/Sv1970J0pggdkLhtpTMcTf8PniONyF0wN/ou48vl0A9dX1ReIK58TGri+qr5EXPm0Yeva44j/HcoR/5K7YKSxdGH6393kXX2sLrOJWRHvTtKKhaVbl7S2ftPlc//guUu3HrCQ5svnXvKuDlmXWaTfgujfo6rhdECtUo5RuKsDW2c4TrRPA4ujk5iAh4DPBpz3k8DDAeedrEXEtOQcN3ju0j1AzJv4Z0n3bukW046WrlXZkfo2e5P+ZDvia7tVYyFpx762mEWzGwjdR9pxrS3m0OwGMItpx9v/kLmkylxT5fMg7Xj7HzKTVFGK/l2qGk/PXTDqlhwtANtkOEa0+aSte9tiMXBmg+c7lSe3Xm2DB4FvNXi+b9GOt/8hC0mLXDXlTNrx9j9kCWmBqbZzQSCNK0cFoAs32TeiE+jByQ2ey/Ip51y5WD7ja+M9P1IXXs5UuG8Q39RVJe6mnX1lU2hme9M7mrqgzKbRzGC3BwfP1TbTaaab5AHKWPGvFyWsm1AlPpO/SNQlOb6Ym2U4RqTzSV+WthkAFjRwnvMbOEcdVgAXNXCeiwbP1TbLgYsbOM8C0lbabbQgOoGKNo9OQGXLUQFow9S58VwWnUAFTeRu+cSfoy6Wz/h+Fp1ARW2YtqtAOSoAbb/JrotOoILrGziH5TM+y2d8lk+ctv82q2Y5KgBtmj43mhujE6jghgbOYfmMz/IZn+UTp+2ts6qZXQDtmr41UhO5Wz7x56iL5TO+NucO7X85U82qVgCm0e5dpwZo1/z2kepemW8FaWextmpi5cI2rI44FstnfI/QzgGeQ9r+cqaaVa0AtHH0vCaujdMjm2YZja/t5dPm/P191riqVgBW0u43xCm0a4nbkequ4U+l3S08TbwBtbmZ1fIZ30zau4YBtLv1RQ3IcXO3YQOd8cyNTqCCJtaft3zGZ/mMz/KJYwVA48pRAWjTGvqj2TI6gQqaWIbZ8hmf5TM+yyeOFQCNK0cFoO032bbRCVTQxFrflk/8Oepi+YyvzblD+3+bVTO7AGDP6AQqaCJ3y2d8ezVwjrpYPuNrc+7Q/t9mtcDXid/0okrcQztH+k4F7qf+8rmzqQvKbBppHnfd5bOYtLFO20wn5V53+SyinZslTQHuIv73qUp8OnupqFNytAC0ealPgA2BF0Qn0YN9gPUaOM/GwG4NnCe3/YA5DZxnncFztc0BNLNU7BzSvdo2LwCeFp1ERW1fylg1y1EB6MJN9qboBHrwxgbPZfmUc65cLJ/xHRGdQAZd+G1W4Z5LfFNXjmbKNq2aNZtm9nIfigdo13zuuaQBUE2VzxLaNd1tfdIqd02Vz2KaaY3JZR1gIfG/S1Vj49wFo27J0QJwE2lv8TabA7wzOolJeA/NVljmAm9v8HxVvYdmKyxrD56zLd4LrNXg+dYB3tXg+ap6F+1fA+Ah0hgGqXZXEV/brRr30o63lLk0M/hvZNxNanko3XrEvL0tpJkxGVVtCDxI8+VzP+1oJZlD+i2I/j2qGhfnLhhpLJ8j/obPEcfnLpganEhc+RzXwPVV9WXiyudLDVxfVV8nrny+UP/lVXY88b9DOeKjmctFGtMhxN/wOWIFZY9YfiEpx6jyWU7Z6wLMI7Z8VgzmUKqDSPt3RJbPC2u/yt7tTbrHo3+HcsS8vEUjjW0O3fni3E4aJFWaucAtxJfPbZTZ1L0BcAfx5XM3ZU4f25C0pkN0+ZT6/VqXMr5fOeIRYPWspSOtwq+Iv/FzxfmU9QWaAZxHfLkMxU8GcyrF6sCFxJfLUFxIWffPGqQ+4ehyGYrzKOv+Ke37VTXOzVs80qr9O/E3fs44gzK2Ap0KzCe+PEbGfMopnzOIL4+RcRZlrIA3Dfg28eUxMk6nnPvnNOLLI2d8MGsJSRPwPOJv/NzxHdLbU5QZwKmj5FVKfJv48in5x/tsYstndcqsHJX0/Sqxcl0lVgKb5ywkaaKuIP4LkDvOJ6bPcj1SU3v09a8qziVmTMD6pM8m+vpLvX82ABZMMlfvn/bHgoxlJE3K3xH/BagjbqfZ0ct7ArfWcB11xW2kEdRN2Yf0mURf92TunyZnl+xLGQMiJxq30uzskrbdP5OJt2QsJ2lSNgKWEf8lqCNWAidT79vcbNJc+zbOqFhBKp863+bm0N7yGbp/LB/vn7riMdqxmJk67AfEfxHqjPuAfyTvUrwzgQ+QtiaOvr6qcS/woczls87gMbuwQttQ+eTciW8W6Z68r4Drqxr3kL4Lls/k47RcBSb16kDivwhNxIOkVfn2Iu0dPllTSFuOfp5ubDwyMhaRVn7bs0L57AGc0OHyOWHwGnstn71IZbyogOvJHQtJq/K9oGL5nNjR8hkt2rhttwL18sWaiMtIP2z94j7S3O+fAb8jbZC0aDAgLTIyG9gS2Ib0UDyA1GXSD+7lyfK5DriRVIEaq3z2IpXPho1nGuNe4ALS92bo/hlZPnN4avnsT/+Uzz08WT5D989DjF4+2/Jk+WzQeKZxfgy8NDoJtUtdFYBXAt+t6diSpKfaF/hpdBJql7oqAJBWBty1xuNLkuAiXPtfPahzpbL7gcNqPL4kCd4K/CE6CbVPnUtxfoe00IYkqR7+zqpndXYBQBqUcxVlbYwiSV3wKLAdaRdDadLq3qxkIWmt731rPo8k9Zv/A3w/Ogm1V90tAABrAlcDz27gXJLUD24AdgSWRiei9mpiO87HgLeRlkKVJFWzHHgzPvxVUVP7ld9M2nrTrgBJqubDuOyvMmiiC2DIVNLWnwc0eE5J6pIfAa/AFlVl0GQFAOBpwG8H/ylJmrg/AjuTlh6XKmtiDMBwdwNvIvVhSZImZinwWnz4K6OmxgAM93vSqlWH0nwLhCS1zUrgDcAPoxNRt0RUAACuJM0OeFHQ+SWpLd4HfDU6CXVPVAUA4FJgJmnrTknSn/sX4N+jk1A3RVYAAM4DNiUNbJEkPekLwPujk1B3RVcAAL47+M95kUlIUkH+A/hbYCA6EXVXCRUAgAXAg8CLcWCgpP41APw9qelfqlUpFQCA/yWtGPgqyspLkprwBPBG4EvRiag/lPi2vT8wHxcLktQ/7gAOBy6JTkT9o+mFgCbiQtIuVz+KTkSSGnA+sBs+/NWwUpvaHyW1AiwCDqTcPCWpV8tJff1vBZYE56I+VGIXwEj7AicBW0cnIkmZXAscDfwsOhH1rxK7AEa6GNgBeC/WkiW126PAx4Bd8OGvYG1pWl9JmiVwMrABsFNsOpI0ad8jbeX7P8CK4FykVrQADPdH4AjSHgIXB+ciSROxgDSW6VXArbGpSE9qwxiA8ewNfIhUq277tUjqlkuBjwAXRCcijaYrD83dSDtmHQqsGZyLpP71GHA28Bng18G5SOPqSgVgyCzgEOA1wMtozxgHSe21EriMNEbpdGBxbDrSxHStAjDcZsBhpL63fYC1YtOR1CGPkJr4zwPOAG6LTUeavC5XAIabAbwAOIC01PCOwLqhGUlqk0XAlaSVSi8gzUp6IjQjqaJ+qQCMZgNgG9ICQ1uRWgzmAjOHxeyw7CQ15SHSGiNDsZA0Wv8G4HrgOuC+sOwkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZLUmP8PTtfR0QH4iSMAAAAASUVORK5CYII=\"\n }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgImport);\nexport default __webpack_public_path__ + \"static/media/import.051989d0ddb4f72555d9843d4b86b509.svg\";\nexport { ForwardRef as ReactComponent };","var _rect, _rect2, _rect3, _rect4, _rect5, _path, _path2, _defs;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgExport(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 44,\n height: 67,\n viewBox: \"0 0 44 67\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 2,\n y: 2,\n width: 40,\n height: 40,\n rx: 20,\n fill: \"#F2FAFA\"\n })), _rect2 || (_rect2 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 2,\n y: 2,\n width: 40,\n height: 40,\n rx: 20,\n stroke: \"#D86201\",\n strokeWidth: 4\n })), _rect3 || (_rect3 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 11,\n y: 10,\n width: 24,\n height: 24,\n fill: \"url(#pattern0_3136_10964)\"\n })), _rect4 || (_rect4 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 6,\n y: 48,\n width: 33,\n height: 18,\n rx: 9,\n fill: \"#F2FAFA\"\n })), _rect5 || (_rect5 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 6,\n y: 48,\n width: 33,\n height: 18,\n rx: 9,\n stroke: \"#D86201\",\n strokeWidth: 2\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12.799 61V53.7273H17.3587V54.6719H13.8963V56.8878H17.1207V57.8288H13.8963V60.0554H17.4013V61H12.799Z\",\n fill: \"black\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M25.9096 57.4249H21.4286C21.3071 57.4249 21.2054 57.3841 21.1233 57.3026C21.0411 57.221 21 57.12 21 56.9996C21 56.8791 21.0411 56.777 21.1233 56.6933C21.2054 56.6096 21.3071 56.5677 21.4286 56.5677H25.9096L24.3119 54.9637C24.2207 54.8724 24.1799 54.7704 24.1896 54.6576C24.1993 54.5448 24.2477 54.4444 24.3348 54.3566C24.4247 54.2661 24.5253 54.2208 24.6368 54.2208C24.7482 54.2208 24.8496 54.2664 24.9409 54.3576L27.1889 56.6286C27.2971 56.7327 27.3513 56.8543 27.3513 56.9933C27.3513 57.1322 27.2971 57.2558 27.1889 57.3641L24.918 59.635C24.8266 59.7262 24.7274 59.767 24.6201 59.7573C24.5127 59.7475 24.4152 59.6987 24.3274 59.6109C24.2368 59.5204 24.1915 59.4208 24.1915 59.3122C24.1915 59.2037 24.2371 59.1037 24.3284 59.0124L25.9096 57.4249ZM28.1944 60.7114C28.073 60.7114 27.9712 60.6706 27.8891 60.5892C27.8069 60.5077 27.7658 60.4066 27.7658 60.2861C27.7658 60.1656 27.8069 60.0636 27.8891 59.9798C27.9712 59.8962 28.073 59.8544 28.1944 59.8544H32.5714C32.6929 59.8544 32.7946 59.8951 32.8767 59.9765C32.9589 60.0581 33 60.1591 33 60.2797C33 60.4001 32.9589 60.5022 32.8767 60.5859C32.7946 60.6695 32.6929 60.7114 32.5714 60.7114H28.1944ZM28.1944 54.1382C28.073 54.1382 27.9712 54.0975 27.8891 54.0161C27.8069 53.9345 27.7658 53.8335 27.7658 53.713C27.7658 53.5925 27.8069 53.4904 27.8891 53.4067C27.9712 53.3231 28.073 53.2812 28.1944 53.2812H32.5714C32.6929 53.2812 32.7946 53.322 32.8767 53.4034C32.9589 53.4849 33 53.586 33 53.7065C33 53.827 32.9589 53.9291 32.8767 54.0128C32.7946 54.0964 32.6929 54.1382 32.5714 54.1382H28.1944ZM29.7768 57.4249C29.6554 57.4249 29.5536 57.3841 29.4715 57.3026C29.3893 57.221 29.3482 57.12 29.3482 56.9996C29.3482 56.8791 29.3893 56.777 29.4715 56.6933C29.5536 56.6096 29.6554 56.5677 29.7768 56.5677H32.5714C32.6929 56.5677 32.7946 56.6085 32.8767 56.69C32.9589 56.7716 33 56.8726 33 56.993C33 57.1136 32.9589 57.2156 32.8767 57.2993C32.7946 57.383 32.6929 57.4249 32.5714 57.4249H29.7768Z\",\n fill: \"black\"\n })), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"pattern\", {\n id: \"pattern0_3136_10964\",\n patternContentUnits: \"objectBoundingBox\",\n width: 1,\n height: 1\n }, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#image0_3136_10964\",\n transform: \"scale(0.00195312)\"\n })), /*#__PURE__*/React.createElement(\"image\", {\n id: \"image0_3136_10964\",\n width: 512,\n height: 512,\n xlinkHref: \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAACAASURBVHic7d13nCVVmfDx3wSGNMwMQxIREZEkSZKShCGYdYFdXcSAoALm1d017Lqvq+77bjAuriBiRhiSyi5mSQOCuEayJJEkmRkYhjBM6PeP0y1N293TfetUPafq/r6fz/NB0a566ty6t06dCJIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkaRWmRScgSdIIawEzgRXAyuBcOmtKdAKSpL4zC9gd2APYBtgMeAawCTBjxP93CfAgcAdww2BcDlw6+O8lSVLBdgX+H3Al6c1+oGKsGDzWJ4E98YVWkqRibAz8C3AL1R/4q4o7gH8ntSZIkqQAOwOnAEup/8E/MpYDZ5O6GCRJUgOeSXrwr6T5B//IWAl8B3hurVcsSVIfW4PUv/8Y8Q/+kbGM1DWwZm1XL0lSH9oJuIr4B/2q4kZg75rKQJKkvjEF+Hti+vmrtAb8Lc4YkCSpJ6sD3yT+gd5rnEnqtpAkSRO0AXAJ8Q/xqnEhaUEiSZK0ChsC1xD/8M4VvwTmZC0hSZI6Zn3SynvRD+3ccRF2B0iSNKp1gN8S/7CuK84CpmYrLUmSOmAKadBc9EO67viHXAUmSVIX/DPxD+cmYhmuEyBJEgAHkWfnvrbELcDaOQquDaZFJyBJKtLawA+AudGJNGgOqcvj/OhEJEmKcjzxb+QRsRTYOkP5SZLUOrvRX03/I+OM6kUoSVL7nEv8QzgylgNbVi5FSZJaZH/iH8AlxBerFqQkSW1yEfEP3xJiCR2fEeDKR5KkIdsCL4xOohBrAwdHJ1EnKwCSpCFvI02DU3J4dAJ18oOWJAGsDtwFrBudSEEeJ60NsDQ6kTrYAiBJgtT078P/qdYAnh+dRF2sAEiSAF4WnUCh9o1OoC5WACRJAC+NTqBQe0YnUBfHAEiS1gUWRidRqDuBTaKTqIMtAJKk7aITKNjTgY2ik6iDFQBJ0vbRCRRup+gE6mAFQJK0VXQChbMCIEnqpPWiExh0BfBuYBtgrcHYdvDfXRmY1/MCzy1JUm3+m9h19x8Hjmb8l9KppJUKHw/I75qJFqQkSU3YF5gPzKt4nAuJffjvN4lc59F8JWA5sOYkcpQkKbvZwLuAq3nyAfWKisdcQLMP1OFxTA/5viMgz86uCChJKtsuwEmkbWpHPpwOqXjsc0Y5ZhNxBb2NRZsGXNVwrr1UVIrmIEBJKtfqwGuAc4Ffk/rJR9ujfrWK51lc8e979WVgZQ9/twL4SuZcVqVzAwGnRycgSfozWwPHAkcysQ16RqsUTMaDFf++V+dV+Ntzs2UxMVYAJEm1mAa8HHgPcCCTW6r9GRXPfUPFv+/V7RX+9tZsWUzMjqRW815aLIpkBUCSYj0deCPwTmDTHo9RtQJwdcW/71WV/Wia7sJeG9gSuL7h80qSOmQqafe9/yZNMas6QO37FfPZIEMOvUSVPQh2CMj3sAr5FsdBgJLUnA2ADwA3Aj8EDiY1/Vf1zIp/fx9wS4Y8JutFQX/bq86NA5Ak1Wsf4BTqW8DmCaovVPP5mnIbL66mtwrQdODagHx/2EOukqQ+M4u0YM2VNPNw2rNivi9tKM+R8e4ecn1fUK539pCrJKlPPA84EXiYZh9O76mY9xqMvshQ3fEEk2vOf8ng30RUAAaAjSaRqySp49YAjgAuI+7B9M0M1zE/KPcngL9h/Jlp00lv/pEP/wFSBUSS1Oe2BD4FPEDsQ2kAuINq0+ogrUMQeQ3XAn9PmnM/ZzB2At4P/C44t6H4YM+lK0lqtanAQcB3SYvCRD+QhsfuFa9tOnB3AddRcpzWc+kWxmmAkjQxG5Pe/v5AWob2lVR/487t4Ip/vxw4I0ciHeZUQEnqA1NIb/tnEt/3PJG4KsM171bAdZQcK4CZPZeuJKlo65P6nW8k/oEz2dgqw/VHzLFvU+zRe9GWwy4ASXrSrsAXSRvNfAJ4Tmw6PXldhmOcmuEYXWY3gCR1wDrAMcBviX+zzBE3UX1swmakpu7oayk1Tuy9aCVJ0bYB/h1YSPwDJXfslaF8LirgOkqNn1coV0lSgNWB15BG8Uc/ROqMEzKU1dEFXEep8Sh5NnGSJNVsC9Lb/r3EPzyaiAdIlZ0qZpMedNHXUmps23vRSpLqNLRgz5mk+e3RD4ym45DqRchZBVxHqXF4hXItgrMAJHXN00gL9txMaup/Df3ZXPuGDMc4JcMxumqn6AQkSck+tGfBniZiKbBepRKF1YD7CriWEuNHFcpVklTRbNIUvquJfyCUGMf0XrR/cnwB11Fi3FOlUCVJvRlasOcR4h8EJcfFvRbwMHsWcB2lxsYVylWSNEFrAEcAvyH+h78tsRJ4di+FPcL1BVxLifHyKoUazUGAkko3tGDPncA3gJ1j02mVKeRZGrgzW+Bm5pLAkpTZDJ5csGcl8W96bY4bJln2o9kCP4fRwq2TJSmTfluwp6nYfTIfwhh+VsB1lBbXVypRSepz/b5gTxNx3IQ/jbG9o4DrKC1WADOrFKok9aOhBXv+QPwPedfjXtKc/irmAo8XcC2lRY6Nl0I4CFBS04YW7LmN1Nz/rNBs+sMGwIsrHmMhLn4zmtYOBLQCIKkJQwv2XAX8lDTAr+obqSbHpYHr0doKgCTVaWjBniXEN9X2ezxGqohVsQawqIBrKSl+UalEJalDXLCn3DhqnM9tok4q4DpKiseA6ZVKVJJabmtSn/4DxP8oG6PH+WN+ehO3bwHXUVpsV6lEJamFXLCnXbEC2HTUT3LippC2Wo6+lpLi9ZVKNIiDACX1YhPgo8DtpBH9B5EeDCrbVKovDTwAzM+QS5fsFJ2AJNXJBXu6EdeM/GB7sFUB11FS/KRacUpSmTbCBXu6Fjmmrv2ygOsoJe6vWJYh7AKQNJZdgZNJzfwu2NMtb8xwDNcEeNJ6pG4xSWqt4Qv2RL9VGfXF3VSfurYh8EQB11JKvKJacTbPFgBJ8OSCPX8c/Of2semoZhsBB1Q8xr2k2R9Kdo5OYLKsAEj9aw3SFL5LgF+R3vzXDs1ITbIbIK/WzQRw2o7Uf7YC3gwcTdrhTf3pEdKOjEsqHGNN4C6qLzHcBTcBW0YnMRm2AEj9YQZwGLAAuJ40qt+Hf39bRvWBnY8BZ1dPpRO2ANaJTkKShmxCetjfTvwgKaOc+C7wDPI4sIDrKSX2qViWklTJ8AV7lhH/o2iUE3cAf0leU4HbCri2EuJdFcuyUXYBSN0xtGDPTaTR2a/BXcqUrCTt4rct8J0ajn1a5mO2VesGAkpqt6EpfI8R/wZklBeXA8+nXs8t4DpLiF9VLUhJWpVZpGl7VxL/o2eUGY+QWoSaagW6vIFrKj0eB1arWpCSNJodgS+Tftyjf+yMcuP7NL90899lyLsLsUPVgpSk4XYhDepbSfwPnFFu3A0cQYyNcZfIAfIssCRJPB+4kPgfNaPsGBrkty6xfkx8WUTHpyqXoqS+tglpYN8K4n/QjLLjRqqv65/LEcSXR3ScV7kUJfWl1YB/wj5+Y9XxOPDPwOqUYyZpaeHosomM+yuXoqS+syNpGlH0D5hRfvyUNPWuRKcQXz7RsWnlUmyACwFJ8aYBHwd+TZrTL41lEfBWYF/g2uBcxvLN6AQK8LzoBCSVb0PgJ8S/sRjlx3dJY0NKN420Q2B0eUXGRyqXYgNsAZDiHEBayOdF0YmoaLcALwNeBfwxNpUJWYFLA7sksKQxvRV4gvg3FaPcWAYcRxpY1za7EF9+kfH76kUoqWumAB8l/gfKKDt+C+xOu11FfDlGxUpgTvUirJddAFJzViftxPbP0YmoWEuA9wG7Ab8MzqWqU6MTCDSFNKtHklgL+BHxbyZGufE9YDO6YxP6eyGr91QvwnrZAiDVb23gHOAl0YmoSHcDbwJeCdwanEtOfwQujk4iUPEDAa0ASPVak/Rmd2B0IirOAGnO/PbAycG51KWf1wTYOToBSXGmAd8ivinSKC9uAPan+2YBjxJf3hGxFJhRvQjrYwuAVI8pwNeAv4pOREV5nLRIzPakXR67bjGp+6sfzQC2iU5CUvM+TvwbiFFWXAxsS/95JfFlHxVvylB+klrk1aR5wNE/PkYZsQg4htQq1I+mkwY6Rn8OEfGZDOVXG7sApLx2Jw3o6tcfez3VqcDWwEmkB0I/Wg6cGZ1EEDcFkvrEusDNxL91GPFxM077HO75xH8mEbEIXwakzpsC/DfxPzhGbLR5/f66XUf85xMRm+UovDrYBSDl8QHg4OgkFOoXpCV8/4a0pK+e6pToBILYDSB12PNIc36j3zSMmHgE+CBp3QeNbTP6c3DsP+covDrYAiBVszpp0F/RC36oNt8jTe37D9K69xrbrcCl0UkEKLYFwAqAVM3HgB2ik1Dj7iQt8vQq4LbgXNqkH7sBiq0ASOrdjsATxDcxGs3FSlKLz1zUi3VJqyFGf45N3zPr5ii83GwBkHozFTgRWC06ETXmamBv4AhgYXAubbUI+H50Eg2bQqE7A1oBkHrzdmDP6CTUiMdJXT27ApcF59IFdgNIaq11gQeIb1o06o+LcEOX3GYA9xP/2TYZX8tScpnZAiBN3kexD7jrFgHHAvNIC9gonyeAs6KTaJgtAFIHbIFz/rseZwIboDrtTfzn3GQsJU0ZltRiZxL/Y2LUEzcBB6EmTAF+T/xn3mQU1wpgF4A0cduS5n6rW5YDnyON1D4vOJd+MUDaKbGf7BydwEhWAKSJ+zB+Z7rmN8AepPX7HwnOpd+cTKoI9IsipwJKWrUtSDu9RTcjGnliCa7fX4KfE38vNBUL8hSZpKZ9hfgfECNPfBfYFJXgXcTfD03FQ6SxD5Ja5Jk48r8LcSfwalSS9eiv79bmeYotD/szpVX7IO7212Yrgc+TFvT5VnAueqoHgB9HJ9GgomYCWAGQxjcTeGN0EurZVaQ55+8GFgfnotH109LAVgCkFnkDsE50Epq0x0jr9+9GGmimcp0DPBidREOKqgBIGt+vie83NCYXC4CtR/ksVa4vE3/fNBG35iowSfXaifgfDGPisRA4Bkdat9E84u+fpmL9PEVWnV0A0tjeFp2AJmQA+AawJXDS4H9Xu1wM3BadREN2jE5giBUAaXRrA6+LTkKr9HvgJcCRpBHlaqeV9M/SwMWMA7ACII3uNcCs6CQ0pieA/wtsD5wbnIvy6JfZAMVUACSN7lzi+wqN0eMqYLuxPzq12K+Iv7/qjiuzlZak7DYm7RAX/UNh/HmcTOqeUTe9j/h7rO5YBqyRq8CqsAtA+nOH4yYxpXkceBNwBO7a12WnkSrfXTYdeG50EmAFQBrN66MT0FM8SBrod3J0Iqrd3cB50Uk0YOfoBMAKgDTSNsAu0UnoT+4G9idNE1N/6IfBgDtFJwBWAKSRfPsvx73AC4HLoxNRo84GHo5OomZFzASwAiA91WujExAAjwIHAzdFJ6LGPUqqBHTZThSwYqUVAOlJewLPiU5CrAT+Cjfx6WffjE6gZrOAZ0cnYQVAetIbohMQAP8K/Cg6CYW6ALgjOomahXcDWAGQkunAq6OTEL8APh6dhMKtBE6PTqJm4QMBrQBIyUuADaOT6HNLSa0wy6ITURG63g0QPhXQCoCUOPo/3meBG6OTUDGupNvL5oZ3AUiCmcAS4pcI7ee4C1hnVR+U+s77ib8364z18xXV5NkCIMGhuL58tE/T/bnfmrxTgRXRSdQotBXACoBk83+0hcAXo5NQke4EFkQnUSMrAFKgjYADo5Poc1/Et3+NrcuDAa0ASIEOI00BVIwB4CvRSaho36a7O0CGTgW0AqB+Z/N/rPOB30cnoaItAc6JTqIm2wJrRichSVKpXk78iP26YreM5TQptgBIkkr3E9LW0F0UtiCQFQBJUumWA2dEJ1GTsHEAVgAkSW1wSnQCNXFFQEmSVuFq4vvsc8fDBL2M2wIgSWqL+dEJ1GAmsEXEia0ASJLa4hTSVsFdE9INYAVAktQWtwGXRCdRg5CBgFYAJElt0sWlgUOmAk6JOKkkST2aRVoToEsr6N0JbNL0SW0BkCS1yWLg+9FJZPZ00sZkjbICIElqmy52AzQ+DsAKgCSpbX4I3B+dRGaNzwSwAiBJaptlwJnRSWRmC4AkSRPQtW4AlwSWJGmCrid+Kd9csRxYK2/xjG96kyeTajIb2B/YF9gO2Gbw382OTEp/sgi4D7gW+C1wPnAZ3VzRTc06FfhYdBKZTAO2B34RnYhUuunAocD3SP2B0bV3Y3JxF/AZ4FlIvduCVJGMvp9zxTF5i0fqlmnAEcBNxH9ZjeqxDDiZgEVQ1BmXEn8f54oTMpeN1Bk7kprHor+kRv54GPhbXJ1Uk/d24u/fXPGzzGUjdcL7gCeI/4Ia9caPgQ2RJm4usJT4ezdHLMHZedKfrA6cRvwX02gubgKegzRxZxN/3+aKrTOXzZisaahkawHnAK+NTkSN2oLUr9vYD6Fa75ToBDJqbD0AKwAq1WqkWv2LoxNRiA2BnwDPiE5ErfA90nTTLrACoL73ZXz497tnkrp/XK9Eq7IUOCs6iUxcEVB97Z3E98MZ5cTHkVbthcTfqznintwFI7XFjsBjxH8JjXJiBWmlR2k8U4Cbib9fc8TTMpfNqOwCUEmmAicCa0QnoqJMBb6C94XGNwDMj04ik0a6AawAqCRHA3tGJ6EibQ68NzoJFa8rOwQ2vjWwFGkN4Hbim96McuNhYGOk8XVhtdDTspfKKGwBUCmOxilfGt9M4CPRSah4XWgFaKQLwHW3VYIpwHXAVtGJqHhLgWcDd0YnomJtAPyRtJZIW60kbWe+pM6T2AKgEhyED39NzOrAe6KTUNHuIy0i1WZTge2bOIkU7bDoBNQqbye9HUlj6cLSwLV3A1gBULRpwCHRSahVZgFHRCehov0PsDg6iYqsAKjzdgbWi05CrfMOHMOksT0GfDs6iYqsAKjzXhidgFppG2BedBIqWtu7AXYgtZDWxgqAornxhXp1bHQCKtoC0toibbUWNQ+OtgKgaDtEJ6DWOpS0bbA0mpW0f2ngWl+QrAAo0rqkzX+kXswAjoxOQkVrezeAFQB11r7U3MelzjsGf8c0tquBy6OTqKDWPQH84ijSftEJqPW2wK2CNb42twLsXOfBrQAo0rzoBNQJR0cnoKLNB1ZEJ9GjDYGn13VwKwCKMgf7/5WHgwE1nruA86OTqKC2cQBWABRlHvb/Kw8HA2pV2twNYAVAnWP/v3JyMKDG8x1q3lmvRrUNBPQLoyjzohNQpzgYUON5BPjv6CR6ZAuAOmUu9v8rPwcDajxt7QZ4DjAzOgkpl0OAgULjStJGM1uR9p6v2+MV812jgRwB1gZ2Bz4G3F0x57piKQ4G1NimAXcSf5/2EnvVUB5SiP8k/gs12sPj3TTfKtaWCsBw6wAn9phv3fGBGq9b7fdp4u/RXuIddRSGFOFy4r9Qw2Mp8OJar3hsbawADPmncfKKihtxm2CN7XnE36O9xEl1FIbUtLmkRTmiv1DD4321XvH42lwBgLTnevTnNzIOrPWK1XZXEX+PTjZ+UUtJSA07lPgv0/C4Dphe6xWPr+0VgGeRWlCiP8fhcUadF6zW+yDx9+hk41Fq+J1yFoCaNi86gRG+BiyPTqLFbgHOik5ihENwMKDGNp+0VXCbrAlsnfugVgDUtHnRCYzwP9EJdMDx0QmM4MqAGs/twEXRSfQg+3oADpZRk9YD7qWciucdwKbBOTxOtemGaw4eI9qvgV2ikxjmJtJUzoHoRFSko4CvVjzGCmDxBP+/D/PnLY3rDvvPs1n17+KngPdP8HwTEtn3qf6zH+U8/AHOi06gQ44HvhKdxDDPAQ6g3ZvAqD7fJt2za07g/3sbsAC4DLgGuBm4h/q6DucAaw3GbNIiQGsBD9Z0PqkRnyN+MM3weH29lzshbR8EOGRN4H7iP9Ph4WBAjec0xr53FgKfBXbDlnIpiyuIfygMxUrgafVe7oR0pQIA8AniP9fh4cqAGs8r+PN75m7gPUysZUDSBK1PeuhGPxSG4sp6L3fCulQB2Jzy1nhwZUCNZTVSU/4AsAz4JGnJa0mZ/SXxD4Ph8Zl6L3fCulQBADiH+M92eLgyoMZzHGnA6K7RiUhdVlr//8vrvdwJ61oF4CXEf7Yjw5UBNZZnkQbdSapRSctvLqWc7TW7VgGYQlpdMfozHh6n13rFkqQxbUBZ/f8Lar3ayelaBQDgvcR/xsPDwYDSKEqak63u2o+y+mGd/1+vrwFLopMYZgbwpugkpNJYAVAT5kUnMIIVgHo9BJwancQIx1JWJVSS+sLVxDcDD8UiyloBs4tdAADbUVa3zwBpZUBJg2wBUN02AJ4bncQwF+Luf024Brg4OokRjolOQCqJFQDVbR5lNb3a/N+c0nYJPBQHA0p/YgVAddsvOoERrAA052zSjoulcDCgJDXoGuL7fofi9pqvtRddHQMw5CPEf+7D4ybKapGSwvhFUJ02JG2uUcp99lXgLdFJjPA4sHqFv19z8BilehpwK+ntuxQHAhdEJ6HWm0L9qwg+RBpMK7XOa4h/4xseh9d7uT3pegsAwHziP/vh4cqA6tUuwOdJLUlLqf9eXQb8AThx8NxSaxxP/I/9UKykzAFg/VAB2Iv4z394uDKgJmst0oM/cmrrCuCLVGsxlBpTUv//5TVfa6/6oQIA8Bvi74Hh8f56L1cdMgP4EfH37FBcSFldatKf2YiyFoL5VL2X27N+qQC8hfh7YHjcQDljU1S2rxF/v46M/6r1iqWK/pr4L8nweGm9l9uzfqkArAk8QPx9MDxcGVCrciTx9+losRzYturFuQ6A6jIvOoFhngB+Gp1En3uMNAujJK4MqPFsR3mLWQ2ZBhwVnYQ0lmuJryUPRclTvvqlBQDg2aSBTNH3w1A4GFBjWZuyxjCNFr+pepG2AKgOGwLbRCcxjKv/leFm4AfRSQzjyoAay/GUtYfJaDaNTkAazWuJrx0Pj+fXe7mV9FMLAKSxGNH3w/BwZUCNdBTx9+VE4rG6CkCq4gvEfzmGYhGpv6xU/VYBmAJcT/x9MTwcDKgh2wGPEH9PNlIBsAtAdZgXncAw55P6nVWGAdKqZiVxMKAg9fufSVr0R1IPNqas+f9vq/dyK+u3FgBI66cvIf7eGAoHAwrg68Tfi7YAqNXmUVafqgMAy/MgcGp0EsM4GFBH4T0gVXYi8TXjobil3kvNoh9bACD1tZbUUuRgwP7Vpn7/4WELgIozLzqBYc6NTkBjuoayFmfaAtg/Ogk1rq/7/a0AKKeNga2jkxjG5v+ylbbK2tHRCahxbZjvL7XC4cQ3iw3FCmCDei83i37tAgCYDtxB/L0yFA4G7C9tme8/VtgFoKLMi05gmMuB+6KT0LiWA1+KTmIYBwP2j+2Az0cnIXVJSQu8/EfN15pLP7cAADyN9OYdfb8MhYMBu68N6/xPJGwBUDE2BraKTmIY+//b4W7gO9FJDONgwO6z31/K7HXE14iH14zXrPdys+n3FgCAfYi/Z4bHafVergK1vd9/5O+cVISTiP9CDEWb3v6tACS/Iv6+GQoHA3ZTW+f7jxV2AagY86ITGKZNFQAlJe0P4GDA7unr+f5SnTYmvjY8PHar93KzsgUgWRN4gPh7ZygcDNgtXyf+nsodlVsAplc9QCYbkQbe7AlsA2xJ2jBkNrZSaHIWAr+JTkKT9hjwNeDvohMZNDQY8ILoRFTZkdiiU5x1gXcAl1HWmuBGu+Ms2sUWgCdtQVrAKfoeGorT671cNaBr/f7Do5WDADcCPgEsJr4Aje7FsbSLFYCn+j7x99BQLKUdq0lqdF2Z7z9WtGoQ4FTgGOAG4P3AOg2eW/3DDYDaraT9AWaQmo/VTs73L8SzgJ8TX2Myuh030z62ADzVVOBG4u+lobgBBwO20ZHE3zt1RytaAF5KGpT1ggbOpf7m9L/2Wwl8ITqJYbbElQHbZjvKakkqVt0VgNcD55AG/El1+1V0Asriq6SBW6Vwm+D2cL7/JNRZAXgD8E1gtRrPIQ13Y3QCyuJBYH50EsP8JQ4GbAv7/SehrgrAy0i1ePvO1KRS1rVQdSU14ToYsB2OxPn+k1JHBeDZpNq7b/5q2ibRCSibK4BLopMY5mh8oSmZ/f49yF0BmE5aPGNO5uNKE/Gy6ASUVUk/6A4GLJf9/j3KXQF4D7B75mNKE/VK0r4E6oZvA3dFJzHMMdEJaFT2+xdgY1zdz4iPU2kX1wEY30eJv6eGwpUBy3MU8fdFVBS1DsDf4+p+ivc64B+ik1A2XwSWRScxyG2Cy7Id8PnoJATrAUuIrxEZxlAcD8ykfLYArNrpxN9PQ+HKgGXo+jr/E4liWgBeT/pApFK8A7ge+Ffg+cCGsemoAgcDaiT7/TPIVZP9NbBLpmNJmrg1Sa0IXXc5sFN0EoPOAF4bnUQfO4q0zky/e5z0/e9ZjhaAp+PDX1K9TohOYJhDsUUpiv3+GeWoAByU4RiSNJ5TgIXRSQyaARwRnUQfcr5/ZjkqAHtkOIYkjedR4BvRSQxzDA4GbJr9/pnlqABsk+EYkrQqx5O2Cy7BlsC86CT6yJtxCmZ2OSoAz8lwDElald8DP45OYpjXRSfQJ7YD/is6iS7KUQFw3X9JTSlpSuCLohPoA/b716hqBWAqzv+X1JwfADdGJzFoU9yCum72+9eoagVgeoZjSNJEDQAnRScxaCq+mdbJfv+aVR3FOoO0QYakGP2yENBwc4A7KKP1cTZpEzTltR3wC6xgjaeIhYAkqUkPAqdFJ6Ha2O/fECsAktrI1eC6y37/hlgBkNRGVwCXRieh7I7Cfv/GWAGQ1FbzoxNQVq7z3zArAJLaqqRFgVSN/f4Bul4BuI/YDUTuDz5/9PVLdbqNcpYGVjUnYL9/47pYAfgucDCpRrkhsB4wk7SFZxNvDN8HDhk85waD51978N/9sOHzD7/+gxs6+KRsRgAAGNBJREFUv9SUZaRNgtRuR+Huir14IjqBGaSFOUqIB4AXTyDnvyBNI8p9/oXASydw/lcAi2o6/8sDz2/ExBr0t4eJLf9Z9V9ip20HPEL896iNcXsP5Z1VKRWAhcC2k8h7J/L+cDxIupEnagfgoczn334S598+8/mNuLACEFv+VgB6tzZwDfHfobbGtZMv8rxKqQD8RQ+5vz7j+f+yh/MfFnz+v854fiMurADElr8VgN59g/jvT5vjfydf5HmVUAG4sMfcpwC/zHD+n1Y4/2UZzn9Jj+cn0/mN2LACEFv+VgB6cxTx3522x3mTLvURujAI8Os9/t0AqQbar+ev+reS1Avn++dReQ+KLlQAFlT42ws6cP4Lg/5WkibL+f753FL1AG2vAAwAd1X4+z9myKHfzy9JE+U6//lcV/UAba8ArKDaXMhHMuRQZR5yF84vSRPxZlznP6frqx6g7RUASVL5tgP+KzqJjrECIEkqmv3++S0G7q56ECsAkqQ6uc5/flfmOIgVAElSXd6M6/zXIcsMLisAkqQ62O9fnxxTyK0ASJKys9+/Po8DP89xICsAkqTcnO9fn0tIlYDKrABIknI6Cuf71+n8XAeyAiBJysV1/us1QOpaycIKgCQpB/v963cJcHOug1kBkCTlYL9//b6Z82BWACRJVbnOf/0eB87KeUArAJKkKrbH+f5NOAd4MOcBrQBIknq1NnAG9vs34bjcB7QCIEnqlf3+zTgX+Fnug1oBkCT1wn7/5vy/Og5qBUCSNFmu89+cy4CL6jiwFQBJ0mSsTRqNbr9/Mz5a14GtAEiSJuN4YNvoJPrE/wA/qevgVgAkSRNlv39zHgPeV+cJrABIkibCfv9m/V/gD3WewAqAJGlVXOe/WTcCn677JFYAJEmrcgLO92/KCuCtwNK6T9T2CsB0YEaFv187Qw5rBp9/VtDfStGmU+37p4l5C3BEdBJ95KPAxU2cqO0VAIB1K/zt3Aznr3KMHOd/ZoW/3TzD+aUomwLTopPouO2Bz0Un0UfOBf61qZN1oQKwS4W/3TXD+ascI8f59w/6W5Vhs+gEAr0oOoGOs9+/WXcBbwBWNnXCLlQADgn621LOfwQwpYe/m4rNel1wEt34Hk/WFOCY6CQ67gSc79+UJ4DDgXujE5mMGcBAcDwOPLuH3J8LLMtw/ieArXo4/zaZzj8AHNnD+Y/OdG4jPt5P/3kL8eU+QHfH0byZ+LLtl1gBvG5iH0tZSqgADAD/y+QG1M0CLs94/l8D60zi/OsAv8l4/keB/SZx/v1Ji0xEf25GnlhBntakttiHcu7fLlYAtgceIb5s+yVqXeynTqVUAAaAS5nYgLgtgF/WcP7/ZWKD6rYAflHD+R8nvQmuPs65Vwc+RJpeEv15GXljGfAR0sj4rpoKvI1yHv4DdK8CsDZwLfHl2i/xHxP7WMpUUgVgAFgMfArYiaf2i08lDRY8jnprtkuA/xw81/B+2amkAX91n38AuHOwDA4GdhuMQ0iLStxVwGdk1Bs3AR8e/Nw3oP1mATsA7wWuJL58R0bXKgAnE1+m/RJforfxW9lUPfkMGlisoEcPkR6GU4BNmFwTfQ5LgD8O/udNgJkNn19S/WaTXjy64M3AV6KT6BOfILXGDkQm0eUKgCTVrSsVgO1IXZNO+avXAOnB/4noRKDb/YWSpFVzvn8zlgPHAl+NTmSIFQBJ6m+fwXX+63YXaarfguA8nsIuAEnqXdu7AHYBfkXwYLSOO4+0wt890YmM1I8riEmSkrfhw78uK0hTc19CgQ9/sAtAkvrZgdEJdNSNpNVWL4pOZDy2AEhS/3pGdAId8xjprX8HCn/4Q/UWgOWknYusSEjqR09EJ1DREvJsSy44H3gncH10IhNV9cG9krSynST1mwHaPwj6rugEOuAy4OXAQbTo4Q953twXZTiGJLXNYoJXcsvgnOgEWuwC0hiKvYAfBufSkxwVgJsyHEOS2ubm6AQy+CapK1cTsxT4NrA36eF/QWw61eSoAFyX4RiS1DY3RieQwe+AT0Yn0QI/A94OPB149eB/b70c0wAvA96R4TiS1CY/j04gk4+RdlB9eXQiBVlK+nzPA06noy3dORaAeDpP7nonSf1iV+A30UlkMo20JPC76M9ZXY8AVwEXkpr1LyVN6eu0XCtA/ZK0/7gk9YPbgWeRZkJ1yY6kBWz2Bzaj/duYP0qa6riENGD9kcH/fDOp+/p64AbS59n2AZ2TlmslwJOxAiCpf5xG9x7+AFcC745OQs3I1QIwF7iV9tcWJWlVVpJ2z2vVnG9ppFx9PQuBEzMdS5JK9m18+KsDcu4CtRGpL2VWxmNKUkmWk7bQvSo6EamqaRmP9Qhp1ORLMx5TkkpyHGnxHKn1cu8DPQ24BNgj83ElKdrNwM6kJYCl1stdAQDYFPgtsF4Nx5akCEtJy7/+OjoRKZc6Fny4HTic9m+TKUmQ5ocfiw9/dUzOMQDD3Qz8HjiUeloZJKkp/wAcH52ElFtdFQCAqwfjYPItOCRJTRkAPgR8IjoRqQ5NvJ0fSNpMYf0GziVJOSwB3gqcEZ2IVJemmuefAcwHXtjQ+SSpV1cAr8WtztVxTe36dAewH/Am4P6GzilJk/EoaWvcF+DDX32gzjEAo7kC+CppSs1OwBoNn1+SRloCfI701v89YEVsOlIzIkforwO8BjgC2IfmKyOS+tdK4DLgFFI//6LYdKTmlTJFbw6pi2AvYBtgS9IOg+sAawXmJandhvaDXwjcSNrE5zLgIuCBwLwkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZJUoCnRCQSZDmwObA1sA2wFbAasC8wE1gbWAWYDU4NylFS/lcBDwMPAI8ASYBFwK3ADcB1wPfAHYHlQjlIt+qUCMAvYDzgAmAc8F5gRmZCkVnkCuBZYAFwAXAQsjkxIqqrLFYAdgMOBA4FdgWmx6UjqkBXAr4DzgdOAq2PTkSavaxWAucCrgSOAvYNzkdQ/rgVOBr4B3B2cizQhXakAHAj8LfBiUv++JEVYDvwY+DRwYXAu0rjaXgE4CPgXYI/oRCRphN8C/wZ8CxgIzkX6M22sAEwhNfN/GNgpOBdJWpXLSS8q34lORBqubRWArYDPAy+KTkSSJuki4J3ANdGJSNCekfFrkd7455MqAZLUNs8CjgbWBy4hTS2UwrShBeAVwBeATaMTkaRMbgWOJQ0YlEKU3AIwHfgIcCIwJzgXScppDvB60tTl80krEkqNKrUFYFPS4hrO5ZfUdb8ADgNuCc5DfabEde5fBVyBD39J/eH5wC+Bl0Qnov5SWhfAO0iraa0VnYgkNWgt0tLldwG/Cc5FfaKkCsAHgc9SbreEJNVpKvBK0m/ggthU1A9KqABMA04APhSdiCQFm0LasXR90gwBVxBUbaIrANOAU4Ejg/OQpJI8H9gcOAcrAapJdAXgP4G3BOcgSSXaCdgA+EF0IuqmyArAx4EPBJ5fkkq3O/A4cGl0IuqeqArA24FPBJ1bktrkQOAO0u6CUjYRI+7/AjibMtcgkKQSLQdeBpwXnYi6o+kKwKakWux6DZ9XktruXmBn4M7oRNQNTb6Frwacjg9/SerFhqQdUaMHb6sjmryRPgX8dYPnk6SuedbgPxcE5qCOaKoL4JWk+ayu8idJ1awEXgRcEJ2I2q2JB/JawLXAZg2cS5L6wU3ADqQpglJPmugC+DfS6FVJUh5zgWXARdGJqL3qbgHYjjTqf7WazyNJ/WYpsCNwQ3Qiaqc6ZwFMAT6PD39JqsPqwOeik1B71VkBOIy0q5UkqR4vwS5W9aiuLoApwBWkQSqSpPr8HNgzOgm1T10tAIfgw1+SmrAHsH90EmqfuloAfgnsVtOxS/QAaTTuz4DfAb8H7geWkPbynkna1nNzYFtSbX3e4L/rBw+QFi65jDQl9GbgPuCRwf99bVJZPJunls/6DecZ5X6eLJ/fMX75PJcny6dfVtW8j6eWzx8YvXy2IN0/ewH70T/lA2lNgAOjk5BeSnrodT0eAr4MvJDeWlKmkH6ovgAsKuB6cseDwEnAPj2Wz1Rgb+CLg8eKvp46yueLg9fYa/nsA3yJdC9GX0/uWAScSPqO9PKiMpX03exq+YwWdgMo3E+I/yLUGfcB/wTMyVVgwDrAB4F7Cri+qnEv8I/A7IzlMwv4h8FjR19frvKZlbF8ZgMfJt2b0ddXNe4BPmT59BRn5SowqRebkLatjP4i1BErgZOpt1l6NnAc7SzDFaTyqbPZ1fIZ3xzaXz5zs5fKk9pcPhOJpfRXt4cK80HivwR1xG2k5tam7AHckvka6oxbabb5cW/SZxJ93ZO5f/aupSRG90Lg9hquo664hXTPN6Vt989k4tiM5SRNyjXEfwFyx7nE1KrnAj/qId+m40fU+9Y2lvVIn0309Zd6/6xPGhgWff3eP83GJTkLSZqo3Yi/+XPHd4A1chbSJE0HvjJKXqXEqcSu9DgDOG2UvEqJs4m9f2YAp4+SVykxn/j7Z/4oebU9tspZSNJEfJL4Gz9nnE69KyVO1FTgFOLLY2ScQjnlU+JD7gzKKJ9ppMFh0eUxMuZTRvlMJVVko8sjZ/xj1hKSJuC3xN/4ueInpLeDUqwG/Jj4chmKH1LWHg8zgPOIL5ehOI+y7p/VgQuJL5eh+DFllc8Myvp+VY0L8haPNL71SKN4o2/8HHEbZS5Asy5pAZTo8rmVMkcaz6WMgZO3U+b9swFwB/Hlcxtl3j/rkhZgii6fHPEYsGbe4pHG9lfE3/Q5YjllL6axJ7FTmJYBu9d+lb3bh9iK6AqanS0yWfOILZ/Sv1970J0pggdkLhtpTMcTf8PniONyF0wN/ou48vl0A9dX1ReIK58TGri+qr5EXPm0Yeva44j/HcoR/5K7YKSxdGH6393kXX2sLrOJWRHvTtKKhaVbl7S2ftPlc//guUu3HrCQ5svnXvKuDlmXWaTfgujfo6rhdECtUo5RuKsDW2c4TrRPA4ujk5iAh4DPBpz3k8DDAeedrEXEtOQcN3ju0j1AzJv4Z0n3bukW046WrlXZkfo2e5P+ZDvia7tVYyFpx762mEWzGwjdR9pxrS3m0OwGMItpx9v/kLmkylxT5fMg7Xj7HzKTVFGK/l2qGk/PXTDqlhwtANtkOEa0+aSte9tiMXBmg+c7lSe3Xm2DB4FvNXi+b9GOt/8hC0mLXDXlTNrx9j9kCWmBqbZzQSCNK0cFoAs32TeiE+jByQ2ey/Ip51y5WD7ja+M9P1IXXs5UuG8Q39RVJe6mnX1lU2hme9M7mrqgzKbRzGC3BwfP1TbTaaab5AHKWPGvFyWsm1AlPpO/SNQlOb6Ym2U4RqTzSV+WthkAFjRwnvMbOEcdVgAXNXCeiwbP1TbLgYsbOM8C0lbabbQgOoGKNo9OQGXLUQFow9S58VwWnUAFTeRu+cSfoy6Wz/h+Fp1ARW2YtqtAOSoAbb/JrotOoILrGziH5TM+y2d8lk+ctv82q2Y5KgBtmj43mhujE6jghgbOYfmMz/IZn+UTp+2ts6qZXQDtmr41UhO5Wz7x56iL5TO+NucO7X85U82qVgCm0e5dpwZo1/z2kepemW8FaWextmpi5cI2rI44FstnfI/QzgGeQ9r+cqaaVa0AtHH0vCaujdMjm2YZja/t5dPm/P191riqVgBW0u43xCm0a4nbkequ4U+l3S08TbwBtbmZ1fIZ30zau4YBtLv1RQ3IcXO3YQOd8cyNTqCCJtaft3zGZ/mMz/KJYwVA48pRAWjTGvqj2TI6gQqaWIbZ8hmf5TM+yyeOFQCNK0cFoO032bbRCVTQxFrflk/8Oepi+YyvzblD+3+bVTO7AGDP6AQqaCJ3y2d8ezVwjrpYPuNrc+7Q/t9mtcDXid/0okrcQztH+k4F7qf+8rmzqQvKbBppHnfd5bOYtLFO20wn5V53+SyinZslTQHuIv73qUp8OnupqFNytAC0ealPgA2BF0Qn0YN9gPUaOM/GwG4NnCe3/YA5DZxnncFztc0BNLNU7BzSvdo2LwCeFp1ERW1fylg1y1EB6MJN9qboBHrwxgbPZfmUc65cLJ/xHRGdQAZd+G1W4Z5LfFNXjmbKNq2aNZtm9nIfigdo13zuuaQBUE2VzxLaNd1tfdIqd02Vz2KaaY3JZR1gIfG/S1Vj49wFo27J0QJwE2lv8TabA7wzOolJeA/NVljmAm9v8HxVvYdmKyxrD56zLd4LrNXg+dYB3tXg+ap6F+1fA+Ah0hgGqXZXEV/brRr30o63lLk0M/hvZNxNanko3XrEvL0tpJkxGVVtCDxI8+VzP+1oJZlD+i2I/j2qGhfnLhhpLJ8j/obPEcfnLpganEhc+RzXwPVV9WXiyudLDVxfVV8nrny+UP/lVXY88b9DOeKjmctFGtMhxN/wOWIFZY9YfiEpx6jyWU7Z6wLMI7Z8VgzmUKqDSPt3RJbPC2u/yt7tTbrHo3+HcsS8vEUjjW0O3fni3E4aJFWaucAtxJfPbZTZ1L0BcAfx5XM3ZU4f25C0pkN0+ZT6/VqXMr5fOeIRYPWspSOtwq+Iv/FzxfmU9QWaAZxHfLkMxU8GcyrF6sCFxJfLUFxIWffPGqQ+4ehyGYrzKOv+Ke37VTXOzVs80qr9O/E3fs44gzK2Ap0KzCe+PEbGfMopnzOIL4+RcRZlrIA3Dfg28eUxMk6nnPvnNOLLI2d8MGsJSRPwPOJv/NzxHdLbU5QZwKmj5FVKfJv48in5x/tsYstndcqsHJX0/Sqxcl0lVgKb5ywkaaKuIP4LkDvOJ6bPcj1SU3v09a8qziVmTMD6pM8m+vpLvX82ABZMMlfvn/bHgoxlJE3K3xH/BagjbqfZ0ct7ArfWcB11xW2kEdRN2Yf0mURf92TunyZnl+xLGQMiJxq30uzskrbdP5OJt2QsJ2lSNgKWEf8lqCNWAidT79vcbNJc+zbOqFhBKp863+bm0N7yGbp/LB/vn7riMdqxmJk67AfEfxHqjPuAfyTvUrwzgQ+QtiaOvr6qcS/woczls87gMbuwQttQ+eTciW8W6Z68r4Drqxr3kL4Lls/k47RcBSb16kDivwhNxIOkVfn2Iu0dPllTSFuOfp5ubDwyMhaRVn7bs0L57AGc0OHyOWHwGnstn71IZbyogOvJHQtJq/K9oGL5nNjR8hkt2rhttwL18sWaiMtIP2z94j7S3O+fAb8jbZC0aDAgLTIyG9gS2Ib0UDyA1GXSD+7lyfK5DriRVIEaq3z2IpXPho1nGuNe4ALS92bo/hlZPnN4avnsT/+Uzz08WT5D989DjF4+2/Jk+WzQeKZxfgy8NDoJtUtdFYBXAt+t6diSpKfaF/hpdBJql7oqAJBWBty1xuNLkuAiXPtfPahzpbL7gcNqPL4kCd4K/CE6CbVPnUtxfoe00IYkqR7+zqpndXYBQBqUcxVlbYwiSV3wKLAdaRdDadLq3qxkIWmt731rPo8k9Zv/A3w/Ogm1V90tAABrAlcDz27gXJLUD24AdgSWRiei9mpiO87HgLeRlkKVJFWzHHgzPvxVUVP7ld9M2nrTrgBJqubDuOyvMmiiC2DIVNLWnwc0eE5J6pIfAa/AFlVl0GQFAOBpwG8H/ylJmrg/AjuTlh6XKmtiDMBwdwNvIvVhSZImZinwWnz4K6OmxgAM93vSqlWH0nwLhCS1zUrgDcAPoxNRt0RUAACuJM0OeFHQ+SWpLd4HfDU6CXVPVAUA4FJgJmnrTknSn/sX4N+jk1A3RVYAAM4DNiUNbJEkPekLwPujk1B3RVcAAL47+M95kUlIUkH+A/hbYCA6EXVXCRUAgAXAg8CLcWCgpP41APw9qelfqlUpFQCA/yWtGPgqyspLkprwBPBG4EvRiag/lPi2vT8wHxcLktQ/7gAOBy6JTkT9o+mFgCbiQtIuVz+KTkSSGnA+sBs+/NWwUpvaHyW1AiwCDqTcPCWpV8tJff1vBZYE56I+VGIXwEj7AicBW0cnIkmZXAscDfwsOhH1rxK7AEa6GNgBeC/WkiW126PAx4Bd8OGvYG1pWl9JmiVwMrABsFNsOpI0ad8jbeX7P8CK4FykVrQADPdH4AjSHgIXB+ciSROxgDSW6VXArbGpSE9qwxiA8ewNfIhUq277tUjqlkuBjwAXRCcijaYrD83dSDtmHQqsGZyLpP71GHA28Bng18G5SOPqSgVgyCzgEOA1wMtozxgHSe21EriMNEbpdGBxbDrSxHStAjDcZsBhpL63fYC1YtOR1CGPkJr4zwPOAG6LTUeavC5XAIabAbwAOIC01PCOwLqhGUlqk0XAlaSVSi8gzUp6IjQjqaJ+qQCMZgNgG9ICQ1uRWgzmAjOHxeyw7CQ15SHSGiNDsZA0Wv8G4HrgOuC+sOwkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZLUmP8PTtfR0QH4iSMAAAAASUVORK5CYII=\"\n }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgExport);\nexport default __webpack_public_path__ + \"static/media/export.3aa87be11fb2968ee6d6d91ee8ee714b.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2, _rect, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _rect2, _rect3, _path13, _path14, _rect4, _rect5, _path15, _path16;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgImportAndExport(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 44,\n height: 90,\n viewBox: \"0 0 44 90\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M44 45C44 42.1109 43.431 39.2501 42.3253 36.581C41.2197 33.9118 39.5992 31.4865 37.5564 29.4437C35.5135 27.4008 33.0882 25.7803 30.419 24.6746C27.7499 23.569 24.8891 23 22 23C19.1109 23 16.2501 23.569 13.581 24.6747C10.9118 25.7803 8.48654 27.4008 6.44365 29.4437C4.40076 31.4865 2.78025 33.9118 1.67465 36.581C0.569046 39.2501 -2.52571e-07 42.1109 0 45L22 45H44Z\",\n fill: \"#D86201\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1.9233e-06 45C1.67073e-06 47.8891 0.569047 50.7499 1.67465 53.419C2.78026 56.0882 4.40076 58.5135 6.44365 60.5563C8.48654 62.5992 10.9118 64.2197 13.581 65.3253C16.2501 66.431 19.1109 67 22 67C24.8891 67 27.7499 66.431 30.419 65.3253C33.0882 64.2197 35.5135 62.5992 37.5564 60.5563C39.5992 58.5135 41.2197 56.0882 42.3254 53.419C43.431 50.7499 44 47.8891 44 45L22 45L1.9233e-06 45Z\",\n fill: \"#006D6B\"\n })), _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 4,\n y: 27,\n width: 36,\n height: 36,\n rx: 18,\n fill: \"#F2FAFA\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M25.4141 54.0064C25.4141 55.1712 23.6664 55.1712 23.6664 54.0064C23.6664 52.8416 25.4141 52.8416 25.4141 54.0064Z\",\n fill: \"#1B2E31\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M25.0465 51.6562H11.6193C10.3283 51.6562 9.2738 52.7108 9.2738 54.0062C9.2738 55.3017 10.3283 56.3517 11.6193 56.3517H25.0465C26.3374 56.3517 27.3919 55.2972 27.3919 54.0062C27.3919 52.7153 26.3374 51.6562 25.0465 51.6562ZM12.1237 55.788C11.1419 55.788 10.3419 54.988 10.3419 54.0062C10.3419 53.0244 11.1419 52.2199 12.1237 52.2199C13.1055 52.2199 13.9101 53.0199 13.9101 54.0062C13.9101 54.9926 13.1101 55.788 12.1237 55.788ZM16.2645 55.788C15.2827 55.788 14.4827 54.988 14.4827 54.0062C14.4827 53.0244 15.2827 52.2199 16.2645 52.2199C17.2463 52.2199 18.0463 53.0199 18.0463 54.0062C18.0463 54.9926 17.2463 55.788 16.2645 55.788ZM20.4009 55.788C19.4191 55.788 18.6191 54.988 18.6191 54.0062C18.6191 53.0244 19.4191 52.2199 20.4009 52.2199C21.3827 52.2199 22.1827 53.0199 22.1827 54.0062C22.1827 54.9926 21.3827 55.788 20.4009 55.788ZM24.5417 55.788C23.5554 55.788 22.7599 54.988 22.7599 54.0062C22.7599 53.0244 23.5554 52.2199 24.5417 52.2199C25.5281 52.2199 26.3235 53.0199 26.3235 54.0062C26.3235 54.9926 25.5235 55.788 24.5417 55.788Z\",\n fill: \"#1B2E31\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M21.2754 54.0064C21.2754 55.1712 19.5277 55.1712 19.5277 54.0064C19.5277 52.8416 21.2754 52.8416 21.2754 54.0064Z\",\n fill: \"#1B2E31\"\n })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.1368 54.0064C17.1368 55.1712 15.389 55.1712 15.389 54.0064C15.389 52.8416 17.1368 52.8416 17.1368 54.0064Z\",\n fill: \"#1B2E31\"\n })), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12.9981 54.0064C12.9981 55.1712 11.2504 55.1712 11.2504 54.0064C11.2504 52.8416 12.9981 52.8416 12.9981 54.0064Z\",\n fill: \"#1B2E31\"\n })), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M31.3954 48.1927C32.0386 48.6825 32.8511 48.762 33.5727 48.4052C34.2966 48.0473 34.7284 47.3507 34.7284 46.5416V43.6484L29.392 46.6713L31.3965 48.1929L31.3954 48.1927Z\",\n fill: \"#1B2E31\"\n })), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M34.1045 42.9523L31.5136 34.6434C31.3863 34.2388 31.1045 33.9116 30.7227 33.7252C30.3363 33.5388 29.9045 33.5207 29.5091 33.6706C29.1 33.8252 28.7772 34.1525 28.6227 34.5616C28.4681 34.9661 28.4954 35.4252 28.7 35.8116L32.8274 43.6798L34.1045 42.9523ZM30.3 35.5251C30.2409 35.5524 30.1818 35.566 30.1182 35.566C29.9455 35.566 29.7773 35.4615 29.7 35.2887L29.6409 35.1478C29.5409 34.916 29.65 34.6478 29.8818 34.5478C30.1091 34.4524 30.3773 34.5569 30.4773 34.7887L30.5364 34.9297C30.6364 35.1615 30.5273 35.4297 30.3 35.5251Z\",\n fill: \"#1B2E31\"\n })), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M27.6293 34.8673L22.9838 37.8969L24.3497 41.9809L28.4815 37.3581L27.8928 36.2354C27.6701 35.8115 27.5838 35.3355 27.6293 34.8673Z\",\n fill: \"#1B2E31\"\n })), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.6781 49.2969H21.9872V50.7526H14.6781V49.2969Z\",\n fill: \"#1B2E31\"\n })), _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M23.8729 47.9255V43.4255L21.4638 36.2118C21.4274 36.1072 21.332 36.0391 21.2229 36.0391H15.8911C15.7502 36.0391 15.6365 36.1527 15.6365 36.2936V43.3482C15.6365 43.6027 15.432 43.8027 15.182 43.8027H11.6457C10.5048 43.8027 9.57751 44.7345 9.57751 45.88V47.7936C9.57751 48.1163 9.84115 48.3845 10.1684 48.3845H23.4138C23.6683 48.3845 23.8729 48.1755 23.8729 47.9255ZM11.7728 47.2801C11.7728 47.5301 11.5682 47.7346 11.3182 47.7346C11.0682 47.7346 10.8637 47.5301 10.8637 47.2801V46.6437C10.8637 46.3937 11.0682 46.1892 11.3182 46.1892C11.5682 46.1892 11.7728 46.3937 11.7728 46.6437V47.2801ZM12.991 47.2801C12.991 47.5301 12.7864 47.7346 12.5364 47.7346C12.2819 47.7346 12.0819 47.5301 12.0819 47.2801V46.6437C12.0819 46.3937 12.2819 46.1892 12.5364 46.1892C12.7864 46.1892 12.991 46.3937 12.991 46.6437V47.2801ZM14.2046 47.2801C14.2046 47.5301 14.0001 47.7346 13.7501 47.7346C13.5001 47.7346 13.2955 47.5301 13.2955 47.2801V46.6437C13.2955 46.3937 13.5001 46.1892 13.7501 46.1892C14.0001 46.1892 14.2046 46.3937 14.2046 46.6437V47.2801ZM22.0411 44.2302H20.1775L18.973 43.0256C18.932 42.9847 18.8775 42.9529 18.823 42.9302C18.7684 42.9075 18.7093 42.8938 18.6502 42.8938H17.3775V37.7802H20.1502L22.0411 43.4212L22.0411 44.2302Z\",\n fill: \"#1B2E31\"\n })), _rect2 || (_rect2 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 2.5,\n y: 1,\n width: 39,\n height: 18,\n rx: 9,\n fill: \"white\"\n })), _rect3 || (_rect3 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 2.5,\n y: 1,\n width: 39,\n height: 18,\n rx: 9,\n stroke: \"#D86201\",\n strokeWidth: 2\n })), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.42 13.5H12.11C12.0233 13.5 11.98 13.46 11.98 13.38V12.87C11.98 12.79 12.0233 12.75 12.11 12.75H12.87V7.07H12.11C12.0233 7.07 11.98 7.03 11.98 6.95V6.44C11.98 6.36 12.0233 6.32 12.11 6.32H17.42C17.5067 6.32 17.55 6.36 17.55 6.44V8.05C17.55 8.13667 17.5067 8.18 17.42 8.18H16.88C16.8 8.18 16.76 8.13667 16.76 8.05V7.07H13.74V9.55H16.27C16.3567 9.55 16.4 9.59 16.4 9.67V10.18C16.4 10.26 16.3567 10.3 16.27 10.3H13.74V12.75H16.75V11.77C16.75 11.69 16.7933 11.65 16.88 11.65H17.42C17.5067 11.65 17.55 11.69 17.55 11.77V13.38C17.55 13.46 17.5067 13.5 17.42 13.5Z\",\n fill: \"#1B2E31\"\n })), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M25.4096 10.4249H20.9286C20.8071 10.4249 20.7054 10.3841 20.6233 10.3026C20.5411 10.221 20.5 10.12 20.5 9.9996C20.5 9.87905 20.5411 9.77696 20.6233 9.69334C20.7054 9.6096 20.8071 9.56773 20.9286 9.56773H25.4096L23.8119 7.96372C23.7207 7.8724 23.6799 7.77037 23.6896 7.65762C23.6993 7.54477 23.7477 7.44444 23.8348 7.35663C23.9247 7.26608 24.0253 7.22081 24.1368 7.22081C24.2482 7.22081 24.3496 7.26641 24.4409 7.35762L26.6889 9.62856C26.7971 9.73273 26.8513 9.85433 26.8513 9.99334C26.8513 10.1322 26.7971 10.2558 26.6889 10.3641L24.418 12.635C24.3266 12.7262 24.2274 12.767 24.1201 12.7573C24.0127 12.7475 23.9152 12.6987 23.8274 12.6109C23.7368 12.5204 23.6915 12.4208 23.6915 12.3122C23.6915 12.2037 23.7371 12.1037 23.8284 12.0124L25.4096 10.4249ZM27.6944 13.7114C27.573 13.7114 27.4712 13.6706 27.3891 13.5892C27.3069 13.5077 27.2658 13.4066 27.2658 13.2861C27.2658 13.1656 27.3069 13.0636 27.3891 12.9798C27.4712 12.8962 27.573 12.8544 27.6944 12.8544L32.0714 12.8544C32.1929 12.8544 32.2946 12.8951 32.3767 12.9765C32.4589 13.0581 32.5 13.1591 32.5 13.2797C32.5 13.4001 32.4589 13.5022 32.3767 13.5859C32.2946 13.6695 32.1929 13.7114 32.0714 13.7114L27.6944 13.7114ZM27.6944 7.13823C27.573 7.13823 27.4712 7.09751 27.3891 7.01609C27.3069 6.93455 27.2658 6.8335 27.2658 6.71295C27.2658 6.59251 27.3069 6.49043 27.3891 6.40669C27.4712 6.32306 27.573 6.28125 27.6944 6.28125L32.0714 6.28125C32.1929 6.28125 32.2946 6.32196 32.3767 6.40339C32.4589 6.48493 32.5 6.58598 32.5 6.70652C32.5 6.82696 32.4589 6.92905 32.3767 7.01279C32.2946 7.09641 32.1929 7.13823 32.0714 7.13823L27.6944 7.13823ZM29.2768 10.4249C29.1554 10.4249 29.0536 10.3841 28.9715 10.3026C28.8893 10.221 28.8482 10.12 28.8482 9.9996C28.8482 9.87905 28.8893 9.77696 28.9715 9.69334C29.0536 9.6096 29.1554 9.56773 29.2768 9.56773L32.0714 9.56773C32.1929 9.56773 32.2946 9.6085 32.3767 9.69004C32.4589 9.77158 32.5 9.87257 32.5 9.99301C32.5 10.1136 32.4589 10.2156 32.3767 10.2993C32.2946 10.383 32.1929 10.4249 32.0714 10.4249L29.2768 10.4249Z\",\n fill: \"#1B2E31\"\n })), _rect4 || (_rect4 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 4,\n y: 71,\n width: 36,\n height: 18,\n rx: 9,\n fill: \"white\"\n })), _rect5 || (_rect5 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 4,\n y: 71,\n width: 36,\n height: 18,\n rx: 9,\n stroke: \"#006D6B\",\n strokeWidth: 2\n })), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.01 83.5H13.61C13.5233 83.5 13.48 83.46 13.48 83.38V82.87C13.48 82.79 13.5233 82.75 13.61 82.75H14.37V77.07H13.61C13.5233 77.07 13.48 77.03 13.48 76.95V76.44C13.48 76.36 13.5233 76.32 13.61 76.32H16.01C16.0967 76.32 16.14 76.36 16.14 76.44V76.95C16.14 77.03 16.0967 77.07 16.01 77.07H15.24V82.75H16.01C16.0967 82.75 16.14 82.79 16.14 82.87V83.38C16.14 83.46 16.0967 83.5 16.01 83.5Z\",\n fill: \"#1B2E31\"\n })), _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M26.0904 79.5751L30.5714 79.5751C30.6929 79.5751 30.7946 79.6159 30.8767 79.6974C30.9589 79.779 31 79.88 31 80.0004C31 80.1209 30.9589 80.223 30.8767 80.3067C30.7946 80.3904 30.6929 80.4323 30.5714 80.4323L26.0904 80.4323L27.6881 82.0363C27.7793 82.1276 27.8201 82.2296 27.8104 82.3424C27.8007 82.4552 27.7523 82.5556 27.6652 82.6434C27.5753 82.7339 27.4747 82.7792 27.3632 82.7792C27.2518 82.7792 27.1504 82.7336 27.0591 82.6424L24.8111 80.3714C24.7029 80.2673 24.6487 80.1457 24.6487 80.0067C24.6487 79.8678 24.7029 79.7442 24.8111 79.6359L27.082 77.365C27.1734 77.2738 27.2726 77.233 27.3799 77.2427C27.4873 77.2525 27.5848 77.3013 27.6726 77.3891C27.7632 77.4796 27.8085 77.5792 27.8085 77.6878C27.8085 77.7963 27.7629 77.8963 27.6716 77.9876L26.0904 79.5751ZM23.8056 76.2886C23.927 76.2886 24.0288 76.3294 24.1109 76.4108C24.1931 76.4923 24.2342 76.5934 24.2342 76.7139C24.2342 76.8344 24.1931 76.9364 24.1109 77.0202C24.0288 77.1038 23.927 77.1456 23.8056 77.1456L19.4286 77.1456C19.3071 77.1456 19.2054 77.1049 19.1233 77.0235C19.0411 76.9419 19 76.8409 19 76.7203C19 76.5999 19.0411 76.4978 19.1233 76.4141C19.2054 76.3305 19.3071 76.2886 19.4286 76.2886L23.8056 76.2886ZM23.8056 82.8618C23.927 82.8618 24.0288 82.9025 24.1109 82.9839C24.1931 83.0655 24.2342 83.1665 24.2342 83.287C24.2342 83.4075 24.1931 83.5096 24.1109 83.5933C24.0288 83.6769 23.927 83.7187 23.8056 83.7187L19.4286 83.7187C19.3071 83.7187 19.2054 83.678 19.1233 83.5966C19.0411 83.5151 19 83.414 19 83.2935C19 83.173 19.0411 83.0709 19.1233 82.9872C19.2054 82.9036 19.3071 82.8618 19.4286 82.8618L23.8056 82.8618ZM22.2232 79.5751C22.3446 79.5751 22.4464 79.6159 22.5285 79.6974C22.6107 79.779 22.6518 79.88 22.6518 80.0004C22.6518 80.1209 22.6107 80.223 22.5285 80.3067C22.4464 80.3904 22.3446 80.4323 22.2232 80.4323L19.4286 80.4323C19.3071 80.4323 19.2054 80.3915 19.1233 80.31C19.0411 80.2284 19 80.1274 19 80.007C19 79.8864 19.0411 79.7844 19.1233 79.7007C19.2054 79.617 19.3071 79.5751 19.4286 79.5751L22.2232 79.5751Z\",\n fill: \"#1B2E31\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgImportAndExport);\nexport default __webpack_public_path__ + \"static/media/importAndExport.60c9f44d1fd7a5c606c55a7f36af7526.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useEffect, useState, useCallback, useRef } from 'react'\nimport { GoogleMap, useJsApiLoader, DirectionsRenderer, Marker, InfoWindow } from '@react-google-maps/api';\nimport { ReactComponent as MaterialImg } from '../assets/materisl.svg';\nimport OnHoverTable from './onHoverTable'\nimport { convertToCamelCase } from '../../../utils/encryptionDecryption';\nimport { EXCLUDE_STATUS } from './MaterialTable';\nimport { OverlayView } from '@react-google-maps/api';\nimport { ReactComponent as ImportImg } from '../assets/import.svg'\nimport { ReactComponent as ExportImg } from '../assets/export.svg'\nimport { ReactComponent as ImportAndExportImg } from '../assets/importAndExport.svg'\n\nconst containerStyle = {\n width: '100%',\n height: '100%',\n};\n\nfunction MapsComponentForMaterial({ jobs, setLocationsPoints, handleMapClick, response, setIsDirectionsEnabled }) {\n const { isLoaded } = useJsApiLoader({\n id: 'google-map-script',\n googleMapsApiKey: 'AIzaSyDCbaUvm19bper4TcgOHxph29ATcEZ0ZLw'\n })\n const [map, setMap] = React.useState(null);\n const [finalResponse, setResponse] = useState(null);\n const mapRef = useRef(null); // Ref to store the map instance\n\n const onLoad = React.useCallback(function callback(map) {\n mapRef.current = map;\n setZoomLevel(map.getZoom()); // Set initial zoom level\n if (jobs.length > 0) {\n const bounds = new window.google.maps.LatLngBounds();\n if (jobs.length > 0) {\n // Center on the first job if no route is available\n jobs.forEach(job => {\n bounds.extend({\n lat: job.project_info.project_location.latitude,\n lng: job.project_info.project_location.longitude,\n });\n });\n map.fitBounds(bounds);\n }\n } else {\n map.setCenter({\n lat: 37.529944,\n lng: -121.845778\n });\n }\n setMap(map)\n }, [])\n\n const onUnmount = React.useCallback(function callback(map) {\n setMap(null)\n }, []);\n\n useEffect(() => {\n if (response) {\n setResponse(response)\n } else {\n setResponse(null)\n }\n }, [response])\n\n const checkIsLocationExist = (locationData, currentLocation) => {\n let duplicateFound = false\n locationData.forEach(location => {\n if (location.name === currentLocation.name) {\n duplicateFound = true\n }\n })\n return duplicateFound\n }\n\n useEffect(() => {\n if (map) {\n const bounds = new window.google.maps.LatLngBounds();\n if (response && response.routes?.length > 0) {\n // Get the first route's bounds and fit the map\n response.routes[0].legs.forEach(leg => {\n bounds.extend(leg.start_location);\n bounds.extend(leg.end_location);\n });\n map.fitBounds(bounds);\n }\n // if (!bounds.isEmpty()) {\n // map.fitBounds(bounds);\n // } else {\n // // Fallback to a default location or zoom level if needed\n // map.setZoom(12);\n // }\n }\n }, [response, jobs, map]);\n\n\n const [zoomLevel, setZoomLevel] = useState(10); // Default zoom level\n\n // Handle zoom changes\n const handleZoomChanged = useCallback(() => {\n if (mapRef.current) {\n setZoomLevel(mapRef.current.getZoom()); // Get zoom from the map instance\n }\n }, []);\n\n return isLoaded ? (\n | \n Material Details \n | \n \n Material Quantity Details \n | \n ||||
|---|---|---|---|---|---|
| \n Name\n | \n\n Movement\n | \n\n Total quantity\n | \n\n Quantity moved\n | \n\n Quantity remaining\n | \n\n Material transfer window\n | \n\n \n \n \n {job.material_name}\n \n \n {job.subtype_name || '-'}\n \n | \n\n {job.movement_type ?\n \n \n {convertToCamelCase(job.movement_type)}\n | \n :\n \n {formatNumberWithCommas(job.total_material_quantity) + getTypeOfQuantity(job.material_name)} \n | \n :\n\n {formatNumberWithCommas(job.trade_quantity_to_date) + getTypeOfQuantity(job.material_name)} \n | \n :\n\n {formatNumberWithCommas(job.remaining_trade_quantity) + getTypeOfQuantity(job.material_name)} \n | \n :\n\n {moment(job?.materials_transfer_period?.start_date, \"DD-MM-YYYY\").format(\"MM/DD/YYYY\")} - {formatEndDate(moment(job?.materials_transfer_period?.end_date, \"DD-MM-YYYY\").format(\"MM/DD/YYYY\"))}\n | \n :\n\n {job.status}\n | */}\n \n
{\n setLocationsPoints(prev => {\n const pointerValue = {\n lat: hoveredMarker.project_info.project_location.latitude,\n lng: hoveredMarker.project_info.project_location.longitude,\n name: hoveredMarker.project_info.project_address,\n projectName: hoveredMarker.project_info.project_name,\n projectNumber: hoveredMarker.project_info.project_number,\n materialTypes: getMovementType(hoveredMarker, true),\n projectId: hoveredMarker.project_info.project_id\n }\n let copyValues = JSON.parse(JSON.stringify(prev))\n if (checkIsLocationExist(prev, pointerValue)) return copyValues\n if (copyValues.length === 2) {\n if (!copyValues[0].name) {\n copyValues[0] = pointerValue\n setIsDirectionsEnabled(true)\n } else if (!copyValues[1].name) {\n copyValues[1] = pointerValue\n }\n return copyValues\n } else {\n if (!copyValues[copyValues.length - 1].name) {\n copyValues[copyValues.length - 1] = pointerValue\n }\n return copyValues\n }\n })\n }}\n >\n {getMovementType(hoveredMarker) === 'IMPORT_AND_EXPORT' ?
\n \n )\n })}\n {finalResponse && (\n {hoveredMarker.project_info.project_name}
\n }\n \n
\n \n
\n {convertToCamelCase(hoveredMarker.project_info.project_status)}\n
\n }\n {hoveredMarker.project_info.project_executive_name &&\n \n Project executive - {hoveredMarker.project_info.project_executive_name}\n \n }\n \n {hoveredMarker.project_info.project_name}\n
\n\n \n
\n \n {index !== locationPoints.length - 1 &&\n }\n {index === locationPoints.length - 1 ?\n 30) ? '...' : '')}\n className='outline-input-customized'\n onChange={(e) => {\n if (!selectedOption) {\n setInputValue(e.target.value)\n }\n }}\n endAdornment={\n <>\n {loading ?
\n );\n}\n\nexport default SearchableUnderlinedDropdown;\n","import React, { useState } from 'react';\nimport { ReactComponent as DirectionsImg } from '../assets/directions.svg';\nimport { ReactComponent as CrossImg } from '../assets/cross.svg';\nimport { ReactComponent as TrackerImg } from '../assets/tracker.svg';\nimport { ReactComponent as SwapLocationsImg } from '../assets/swapLocations.svg';\nimport { ReactComponent as AddDestinationImg } from '../assets/addDestination.svg';\nimport SearchableUnderlinedDropdown from './test';\nfunction checkType(value) {\n if (typeof value === 'function') {\n return 'function'\n } else {\n return 'number'\n }\n}\n\nfunction MapsDirectionsComponent({ locationPoints, isDirectionsEnabled, setIsDirectionsEnabled, setLocationsPoints, response, setResponse, setPointerValue }) {\n\n\n const triggerSetPointerValue = (routeData) => {\n let latitude = checkType(routeData.legs[0].steps[0].start_point.lat) === 'function' ? routeData.legs[0].steps[0].start_point.lat() : routeData.legs[0].steps[0].start_point.lat\n let longitude = checkType(routeData.legs[0].steps[0].start_point.lng) === 'function' ? routeData.legs[0].steps[0].start_point.lng() : routeData.legs[0].steps[0].start_point.lng\n let middleValue = Math.round(routeData.legs[0].steps.length / 2);\n const actualPointerValue = {\n ...routeData.legs[0].steps[middleValue].start_point,\n lat: latitude,\n lng: longitude,\n distance: (routeData.legs[0].distance.value / 1609.34).toFixed(2),\n duration: routeData.legs[0].duration.text,\n }\n setPointerValue(actualPointerValue)\n }\n return (\n 0 && 'show-on-hover'}`}>\n {\n let copyData = JSON.parse(JSON.stringify(locationPoints));\n if (copyData.length > 2) {\n copyData.splice(index, 1);\n } else {\n copyData[index] = {}\n }\n setSelectedOption('');\n setInputValue('');\n setLocationsPoints(prev => copyData);\n }}\n />\n
\n {!loading && dropdownOptions.length > 0 && isFocused &&\n \n {dropdownOptions.map(i => {\n return (\n
\n }\n setSelectedOption(i.label)}>\n {i.label}\n
\n )\n })}\n \n
\n )\n}\n\nexport default MapsDirectionsComponent;","var _path;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgFilterBySite(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 14,\n height: 15,\n viewBox: \"0 0 14 15\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0.810845 9.77271C0.647511 9.64882 0.566609 9.48618 0.568136 9.28479C0.569803 9.0834 0.652373 8.91805 0.815845 8.78875C0.931123 8.70444 1.05772 8.66229 1.19564 8.66229C1.33341 8.66229 1.46001 8.70444 1.57543 8.78875L6.8398 12.8625C6.88786 12.8999 6.94126 12.9185 7.00001 12.9185C7.05876 12.9185 7.11216 12.8999 7.16022 12.8625L12.4246 8.78875C12.54 8.70444 12.6666 8.66229 12.8044 8.66229C12.9423 8.66229 13.0689 8.70444 13.1842 8.78875C13.3477 8.91805 13.4302 9.0834 13.4319 9.28479C13.4334 9.48618 13.3525 9.64882 13.1892 9.77271L7.92459 13.8592C7.64584 14.074 7.33765 14.1815 7.00001 14.1815C6.66237 14.1815 6.35418 14.074 6.07543 13.8592L0.810845 9.77271ZM6.07543 10.1637L1.70043 6.76312C1.31251 6.46187 1.11855 6.06715 1.11855 5.57896C1.11855 5.09062 1.31251 4.69583 1.70043 4.39458L6.07543 0.993959C6.35418 0.779237 6.66237 0.671875 7.00001 0.671875C7.33765 0.671875 7.64584 0.779237 7.92459 0.993959L12.2996 4.39458C12.6875 4.69583 12.8815 5.09062 12.8815 5.57896C12.8815 6.06715 12.6875 6.46187 12.2996 6.76312L7.92459 10.1637C7.64584 10.3785 7.33765 10.4858 7.00001 10.4858C6.66237 10.4858 6.35418 10.3785 6.07543 10.1637ZM7.16022 9.16708L11.5273 5.77917C11.5967 5.72583 11.6315 5.6591 11.6315 5.57896C11.6315 5.49882 11.5967 5.43201 11.5273 5.37854L7.16022 1.99083C7.11216 1.95333 7.05876 1.93458 7.00001 1.93458C6.94126 1.93458 6.88786 1.95333 6.8398 1.99083L2.47272 5.37854C2.40328 5.43201 2.36855 5.49882 2.36855 5.57896C2.36855 5.6591 2.40328 5.72583 2.47272 5.77917L6.8398 9.16708C6.88786 9.20444 6.94126 9.22312 7.00001 9.22312C7.05876 9.22312 7.11216 9.20444 7.16022 9.16708Z\",\n fill: \"#1C1B1F\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgFilterBySite);\nexport default __webpack_public_path__ + \"static/media/filterBySite.8e52ba5c75de4b483b676c75a39314e1.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState, useEffect } from 'react';\nimport { ReactComponent as FilterImg } from '../assets/filterBySite.svg';\nimport { ReactComponent as CrossImg } from '../assets/cross.svg';\nimport { ReactComponent as DropdownImg } from '../assets/dropdown.svg';\nimport { materialAvailabilityValues } from '../addNewJobPayload';\nimport { SingleDropdownListWithCheckbox } from './filterForJobs/singleSelectionForJobFilter';\nimport { SingleDropdownListWithCheckboxForMaterial } from './filterForJobs/filterByMaterial';\nimport moment from 'moment';\nimport STRINGS from '../../../helpers/staticContentHelper';\nimport VedaDatePicker from './vedaDatePicker';\nimport { onMaterialValueChange } from '../../../utils/helper';\nimport { MaterialStatusWithCheckbox } from './filterForJobs/filterByStatus';\n\nconst CHECK_FILTER_COUNT = ['material_approval_status', 'material_movement', 'project_status']\n\nfunction MapFilters({ isLoading, selectedMaterials, setProjectStatusFilterOptions, projectStatusFilterOptions, setSelectedMaterials, dropDownOptions, fetchJobs, handleClearFilter, type }) {\n\n const shortcuts = [\n {\n label: 'Until full',\n value: () => {\n return { startDate: moment(selectedMaterials?.materials_transfer_period?.start_date, \"DD-MM-YYYY\").toDate(), endDate: new Date(3000, 0, 1) };\n }\n }\n ];\n const [isFIlterActive, setIsFIlterActive] = useState(false);\n const [activeDropdown, setActiveDropdown] = useState('');\n\n\n const [materialDropdownList, setMaterialDropdownList] = useState([]);\n const [activeDropdownList, setActiveDropdownList] = useState([])\n\n const getDropDownList = (dropDownOptions) => {\n const listOfIds = {\n materialIds: [],\n materialSubIds: []\n }\n try {\n let count = 0;\n const dropDownListFormMaterial = dropDownOptions.map(material => {\n listOfIds.materialIds.push(material.material.material_id)\n count++\n let obj = {}\n obj.material_name = material.material.material_name;\n obj.material_id = material.material.material_id;\n obj.subtypes = material.subtypes\n count = (count + material.subtypes.length)\n\n material.subtypes.forEach(element => {\n listOfIds.materialSubIds.push(element.subtype_id)\n });\n return obj\n })\n setMaterialDropdownList(dropDownListFormMaterial)\n } catch (error) {\n console.log(error)\n }\n }\n\n useEffect(() => {\n getDropDownList(dropDownOptions)\n }, [dropDownOptions])\n\n const onValueChange = (value, subOption) => {\n let deepCopy = onMaterialValueChange(value, subOption, selectedMaterials)\n setSelectedMaterials(deepCopy);\n }\n\n const [error, setError] = useState(false);\n\n const handleValidation = () => {\n let projectStatusArray = [];\n projectStatusFilterOptions.forEach(filterOption => {\n if (filterOption.isChecked && filterOption.value) {\n projectStatusArray.push(filterOption.value)\n }\n if (filterOption.options) {\n filterOption.options.forEach(filterOption => {\n if (filterOption.isChecked && filterOption.value) {\n projectStatusArray.push(filterOption.value)\n }\n })\n }\n })\n let deepCopy = JSON.parse(JSON.stringify(selectedMaterials));\n deepCopy.project_status = projectStatusArray\n let localError = false\n if (deepCopy.materials_transfer_period.start_date && deepCopy.materials_transfer_period.end_date) {\n localError = false\n } else if (!deepCopy.materials_transfer_period.start_date && deepCopy.materials_transfer_period.end_date) {\n localError = true\n } else if (deepCopy.materials_transfer_period.start_date && !deepCopy.materials_transfer_period.end_date) {\n localError = true\n } else {\n localError = false\n }\n setError(localError)\n if (!localError) {\n fetchJobs(deepCopy, true)\n setIsFIlterActive(false)\n }\n }\n\n\n const getFilterCount = () => {\n let count = 0;\n if (selectedMaterials.materials_transfer_period.start_date && selectedMaterials.materials_transfer_period.end_date) {\n count++\n }\n if (selectedMaterials.materials.material_ids.length > 0) {\n count++\n }\n CHECK_FILTER_COUNT.forEach(filterOption => {\n if (selectedMaterials[filterOption].length > 0) {\n count++\n }\n })\n return count\n }\n\n const getElementInFocus = () => {\n const element = document.getElementById(\"general_end_date_map_filter\");\n if (element) {\n element.focus();\n }\n }\n\n return (\n \n Directions\n {isDirectionsEnabled ? setIsDirectionsEnabled(prev => !prev)} /> :\n setIsDirectionsEnabled(prev => !prev)} />\n }\n
\n\n {isDirectionsEnabled &&\n <>\n \n {/*
\n {locationPoints[0]?.name && locationPoints[1]?.name &&\n <>\n \n
*/}\n \n {\n locationPoints.map((locationPoint, index) => {\n return (\n <>\n
\n {locationPoints.length === 2 &&\n {\n let copyData = JSON.parse(JSON.stringify(locationPoints));\n const locationOne = copyData[0]\n copyData[0] = copyData[1]\n copyData[1] = locationOne\n setLocationsPoints(prev => copyData);\n }}>\n
\n }\n setLocationsPoints(prev => {\n return [...prev, {}]\n })}>\n
\n \n \n }\n \n {response?.availableRoutes?.length > 0 &&\n response?.availableRoutes.map((routeData, index) => {\n return (\n
\n \n }\n {\n let deepCopy = JSON.parse(JSON.stringify(response))\n deepCopy.routes = [routeData]\n deepCopy.activeRoute = index\n setResponse(deepCopy)\n triggerSetPointerValue(routeData)\n }} style={{ flexDirection: \"column\", marginTop: \"0px\", paddingTop: \"0px\", cursor: \"pointer\" }}>\n
\n )\n })\n }\n { }} >\n
\n \n
\n {routeData.legs[0].duration.text}
\n via A457\n\n {routeData.legs[0].distance.text}les\n
\n \n {!isFIlterActive ?\n <>\n {\n let deepCopy = JSON.parse(JSON.stringify(selectedMaterials));\n if (deepCopy.material_movement.includes(value.value)) {\n setSelectedMaterials(prev => {\n return { ...prev, material_movement: [] }\n })\n } else {\n setSelectedMaterials(prev => {\n return { ...prev, material_movement: [value.value] }\n })\n }\n }}\n optionValue={'value'}\n optionLabel={'label'}\n paddingLeft='35px'\n value={selectedMaterials.material_movement}\n useCheckbox={false}\n />)\n })}\n\n \n\n { onValueChange(...rest) }}\n optionValue={'material_id'}\n optionLabel={'material_name'}\n activeDropdownList={activeDropdownList}\n setActiveDropdownList={setActiveDropdownList}\n paddingLeft='35px'\n subTypeValues={selectedMaterials.materials.subtype_ids}\n multipleValues={selectedMaterials.materials.material_ids}\n />)\n })}\n\n\n \n\n
\n )\n}\n\nexport default MapFilters","var _path;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgMap(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 14,\n height: 14,\n viewBox: \"0 0 14 14\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9.09779 13.421L4.50008 12.0508L1.29112 13.096C1.17723 13.1333 1.07105 13.1424 0.972581 13.1235C0.874248 13.1047 0.781817 13.0638 0.69529 13.0008C0.608762 12.9379 0.540707 12.8599 0.491123 12.7667C0.44154 12.6736 0.416748 12.5717 0.416748 12.461V2.50396C0.416748 2.29354 0.474734 2.10618 0.590707 1.94187C0.70654 1.77743 0.851054 1.66583 1.02425 1.60708L4.08987 0.578125C4.15196 0.550347 4.22064 0.532986 4.29592 0.526042C4.37119 0.519097 4.43925 0.515625 4.50008 0.515625C4.56091 0.515625 4.62897 0.519097 4.70425 0.526042C4.77953 0.532986 4.84821 0.550347 4.91029 0.578125L9.50008 1.94833L12.709 0.903125C12.8229 0.865902 12.9291 0.856735 13.0276 0.875624C13.1259 0.894513 13.2183 0.935416 13.3049 0.998333C13.3914 1.06125 13.4595 1.13931 13.509 1.2325C13.5586 1.32556 13.5834 1.42743 13.5834 1.53812V11.531C13.5834 11.7419 13.5249 11.9322 13.408 12.1021C13.2909 12.2719 13.1363 12.3793 12.944 12.4242L9.90237 13.429C9.83821 13.4567 9.7696 13.4728 9.69654 13.4771C9.62348 13.4814 9.55779 13.4835 9.49946 13.4835C9.44112 13.4835 9.37564 13.4801 9.303 13.4731C9.23036 13.4662 9.16196 13.4488 9.09779 13.421ZM8.95842 12.2721V2.89708L5.04175 1.71104V11.086L8.95842 12.2721ZM10.0417 12.2304L12.5001 11.4163V2.08292L10.0417 2.89708V12.2304ZM1.50008 11.9163L3.95841 11.086V1.75271L1.50008 2.58292V11.9163Z\",\n fill: \"#1C1B1F\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgMap);\nexport default __webpack_public_path__ + \"static/media/map.2a1f9c9d0065b6d6c9332367a86866b0.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState } from 'react';\nimport { ReactComponent as MaterialSearchActiveImg } from '../../materialSearch/assets/filter.svg';\nimport { ReactComponent as LandfillFilledImg } from '../assets/map.svg';\n\nexport function ViewOptions({selectedOption, setSelectedOption}) {\n return (\n setIsFIlterActive(true)}>\n
\n {getFilterCount() > 0 &&\n \n {getFilterCount()}\n
}\n \n :\n <>\n \n Filter by site\n setIsFIlterActive(false)} style={{ padding: \"6px\", backgroundColor: \"#1B2E3114\", borderRadius: '50%', cursor: \"pointer\" }} />\n
\n\n \n\n setActiveDropdown(prev => {\n return prev === 'upcoming' ? '' : 'upcoming'\n })}>\n Movement\n
\n\n {activeDropdown === 'upcoming' &&\n materialAvailabilityValues.map((optionData, index) => {\n return ( setActiveDropdown(prev => {\n return prev === 'material' ? '' : 'material'\n })}>\n Material\n
\n\n {activeDropdown === 'material' &&\n materialDropdownList.map((optionData, index) => {\n return ( setActiveDropdown(prev => {\n return prev === 'project_status' ? '' : 'project_status'\n })}>\n Project status \n
\n\n {activeDropdown === 'project_status' &&\n projectStatusFilterOptions.map((optionData, index) => {\n return setActiveDropdown(prev => {\n return prev === 'transfer_period' ? '' : 'transfer_period'\n })}>\n Transfer period \n
\n\n\n {activeDropdown === 'transfer_period' &&\n \n
\n }\n\n \n
\n \n {\n if (date) {\n getElementInFocus()\n }\n let deepCopy = JSON.parse(JSON.stringify(selectedMaterials));\n if (date) {\n deepCopy.materials_transfer_period.start_date = moment(date).format(\"DD-MM-YYYY\");\n } else {\n delete deepCopy.materials_transfer_period.start_date\n }\n setSelectedMaterials(deepCopy)\n }}\n />\n {(error && !selectedMaterials?.materials_transfer_period?.start_date) &&\n \n {STRINGS.REQUIRED_FIELD_ERROR_MSG}\n \n }\n
\n\n \n {\n let deepCopy = JSON.parse(JSON.stringify(selectedMaterials));\n if (date.endDate) {\n deepCopy.materials_transfer_period.end_date = moment(date.endDate).format(\"DD-MM-YYYY\");\n } else {\n delete deepCopy.materials_transfer_period.end_date\n }\n setSelectedMaterials(deepCopy)\n }}\n calenderFieldId='general_end_date_map_filter'\n minDate={moment(selectedMaterials?.materials_transfer_period?.start_date, \"DD-MM-YYYY\").toDate()}\n />\n {(error && !selectedMaterials?.materials_transfer_period?.end_date) &&\n \n {STRINGS.REQUIRED_FIELD_ERROR_MSG}\n \n }\n
\n \n \n \n
\n }\n \n {\n handleClearFilter()\n setIsFIlterActive(false)\n }} >{STRINGS.CLEAR}\n handleValidation()} >\n Apply\n \n
\n \n
\n )\n}\n","import React from 'react';\n\n\nconst OPTIONS = [{\n key: 'Awarded jobs',\n value: 'job'\n},\n{\n key: 'Bids',\n value: 'bid'\n},\n{\n key: 'Others',\n value: 'others'\n},\n{\n key: 'Completed',\n value: 'completed'\n},\n{\n key: 'All',\n value: 'all'\n}]\n\nexport function MultipleOptions({ selectedOption, setSelectedOption }) {\n return (\n setSelectedOption('List view')} style={{minWidth:\"50px\" , justifyContent:'center' , border:'0px' , fontSize:\"14px\"}}>\n {selectedOption === 'List view' ?\n
\n setSelectedOption('Map view')} style={{minWidth:\"50px\" , justifyContent:'center' , border:'0px' , fontSize:\"14px\"}}>\n {selectedOption === 'Map view' ?\n
\n \n {OPTIONS.map((option, index) => {\n return (\n
\n )\n}\n","import React from 'react';\nimport './loader.css'\n\nfunction MapSkelitonLoader() {\n return (\n setSelectedOption(option)}>\n {option.key}\n
\n )\n })}\n \n \n
\n )\n}\n\nexport default MapSkelitonLoader","import React, { useState } from 'react'\nimport { ReactComponent as MaterialImg } from '../assets/materisl.svg';\nimport { ReactComponent as BidImg } from '../assets/bid.svg';\nimport { AiSuggestionCard } from './jobDetailView';\nimport { NoAiSuggestions } from './jobDetailView';\nimport { ReactComponent as DirectionsImg } from '../assets/dropdown.svg';\nimport { ReactComponent as CrossImg } from '../assets/cross.svg';\n\nfunction AiSuggestionsForMaoView({ selectedAiSuggestions, showSuggestionsInsideMapView, setShowSuggestionsInsideMapView }) {\n const [expandedRows, setExpandedRows] = useState(new Set([]));\n\n const toggleRow = (id) => {\n const newExpanded = new Set(expandedRows);\n if (newExpanded.has(id)) {\n newExpanded.delete(id);\n } else {\n newExpanded.add(id);\n }\n setExpandedRows(newExpanded);\n };\n\n return (\n \n
\n )\n}\n\nexport default AiSuggestionsForMaoView","import React, { useEffect, useState } from 'react';\nimport CreateAndEditJob from './createAndEditJob';\nimport MapsComponentForMaterial from './components/mapsComponent';\nimport MapsDirectionsComponent from './components/mapsDirectionsComponent';\nimport MapFilters from './components/mapFilters';\nimport { FETCH_LOCATION_ROUTES } from '../materialSearch/googleSerive';\nimport { GET_JOBS } from '../../services/trackMaterialServices';\nimport { decryptResponse } from '../../utils/encryptionDecryption';\nimport { ViewOptions } from './components/options';\nimport { MultipleOptions } from './components/multipleOptions';\nimport MaterialTable from './components/MaterialTable';\nimport { useSearchParams } from 'react-router-dom';\nimport { GET_PROJECT_DETAILS } from '../../services/trackMaterialServices';\nimport { projectInfo } from './addNewJobPayload';\nimport { useRememberSelectedJobType } from '../../services/selectedJobType.Context';\nimport { GET_FILTER_DROPDOWN } from '../../services/trackMaterialServices';\nimport STRINGS from '../../helpers/staticContentHelper';\nimport { checkUserPermission } from '../../utils/encryptionDecryption';\nimport { LStorage } from '../../utils/localStorage.Helper';\nimport { FILTER_JOB_BY_STATUS } from './addNewJobPayload';\nimport MapSkelitonLoader from './components/mapSkelitonLoader';\nimport { GET_AI_SUGGESTIONS } from '../../services/trackMaterialServices';\nimport { getMovementType } from './components/mapsComponent';\nimport AiSuggestionsForMaoView from './components/aiSuggestionsForMaoView';\n\nlet initialFilterData = {\n \"type\": \"job\",\n \"materials\": {\n 'material_ids': [],\n 'subtype_ids': []\n },\n \"project_status\": [],\n \"material_movement\": [],\n \"materials_transfer_period\": {},\n \"material_approval_status\": []\n}\n\nexport const JOB_TYPES = ['all', 'completed', 'job']\n\nfunction MaterialTrackerDashboard() {\n const [isDirectionsEnabled, setIsDirectionsEnabled] = useState(false);\n const [filterTempValue, setFilterTempValue] = useState(initialFilterData)\n const [projectStatusFilterOptions, setProjectStatusFilterOptions] = useState(FILTER_JOB_BY_STATUS);\n const userData = LStorage.getUserData()\n const { lastSelectedJobType, setLastSelectedJobType } = useRememberSelectedJobType()\n const [searchParams] = useSearchParams()\n const type = searchParams.get('type')\n const jobId = searchParams.get('jobId')\n const [selectedOption, setSelectedOption] = useState('List view');\n const [searchProjectText, setSearchProjectText] = useState('');\n const [selectedMaterials, setSelectedMaterials] = useState(lastSelectedJobType);\n const [isAddJobEnabled, setIsAddJobEnabled] = useState(false);\n const [editJobData, setEditJobData] = useState(null);\n const [jobsLoading, setJobsLoading] = useState(false);\n const [fetchJobData, setFetchJobData] = useState(false);\n const [showSuggestionsInsideMapView, setShowSuggestionsInsideMapView] = useState(true);\n const [jobs, setJobs] = useState([]);\n const [pointerValue, triggerSetPointerValue] = useState(null);\n const [locationPoints, setLocationsPoints] = useState([{}, {}]);\n const [response, setResponse] = useState(null);\n const [materialDropdownList, setMaterialDropdownList] = useState([]);\n const [aiSuggestions, setAiSuggestions] = useState([]);\n const [mapDirectionsJobs, setMapDirectionsJobs] = useState([]);\n const [selectedAiSuggestions, setSelectedAiSuggestions] = useState([]);\n\n const getLocationData = async () => {\n if (locationPoints.length >= 2 && locationPoints[0]?.name && locationPoints[1]?.name) {\n\n const reqPayloadForDirection = {\n origin: locationPoints[0],\n destination: locationPoints[1],\n }\n\n if (locationPoints.length > 2 && locationPoints[locationPoints.length - 1].name) {\n const waypoints = locationPoints.slice(2).map(location => {\n return { location: location }\n });\n reqPayloadForDirection.waypoints = waypoints\n }\n\n const responseForRoute = await FETCH_LOCATION_ROUTES(reqPayloadForDirection);\n responseForRoute.availableRoutes = responseForRoute.routes\n responseForRoute.routes = [responseForRoute.availableRoutes[0]]\n responseForRoute.activeRoute = 0\n setResponse(prev => responseForRoute);\n\n } else {\n setResponse(prev => null)\n }\n }\n\n useEffect(() => {\n if (selectedOption !== 'List view') {\n getLocationData()\n }\n }, [selectedOption, locationPoints]);\n\n const getJObsList = async (payload, setValue = false) => {\n try {\n if (payload) {\n setSelectedMaterials(setValue ? payload : lastSelectedJobType)\n }\n setJobsLoading(true)\n const res = await GET_JOBS(payload ? payload : lastSelectedJobType);\n const decryptedResponse = JSON.parse(decryptResponse(res))\n setJobs(decryptedResponse)\n setJobsLoading(false)\n } catch (error) {\n console.log(error)\n }\n }\n\n useEffect(() => {\n getJObsList()\n }, [])\n\n const getProjectDetails = async (jobId, type) => {\n const res = await GET_PROJECT_DETAILS(jobId, type);\n const decryptedResponse = JSON.parse(decryptResponse(res))\n setIsAddJobEnabled(true)\n setEditJobData(decryptedResponse)\n setFetchJobData(false)\n }\n\n useEffect(() => {\n if (jobId && type) {\n setFetchJobData(true)\n getProjectDetails(jobId, type)\n }\n }, [jobId, type])\n\n const ifFilterEnabled = () => {\n if (selectedMaterials?.materials_transfer_period?.start_date && selectedMaterials?.materials_transfer_period?.end_date) {\n return true\n }\n return (selectedMaterials.materials.material_ids.length > 0 ||\n selectedMaterials.material_approval_status.length > 0 || selectedMaterials.material_movement.length > 0 ||\n selectedMaterials.project_status.length > 0)\n }\n\n const getDropDownList = async () => {\n const res = await GET_FILTER_DROPDOWN();\n try {\n const decryptedData = JSON.parse(decryptResponse(res));\n setMaterialDropdownList(decryptedData)\n } catch (error) {\n console.log(error)\n }\n }\n\n const getAiSuggestions = async () => {\n const res = await GET_AI_SUGGESTIONS(null, lastSelectedJobType.type, true)\n const decryptedResponse = JSON.parse(decryptResponse(res))\n setAiSuggestions(decryptedResponse)\n }\n\n useEffect(() => {\n getAiSuggestions()\n }, [lastSelectedJobType.type])\n\n useEffect(() => {\n getDropDownList()\n }, [])\n\n const fetchRelatedJobs = (currentJob) => {\n let listOfProjects = []\n // let listOfSuggestions = []\n // jobDetailStaticData.forEach(element => {\n // if (currentJob.projectNumber === element.project_number) {\n // listOfSuggestions = element?.suggestions[0]?.suggestions || []\n // }\n // }); this can be used if we need to sync with suggestions \n\n jobs.forEach(jobData => {\n const listOfMaterials = getMovementType(jobData, true);\n const hasMatch = currentJob.materialTypes.some(item => listOfMaterials.includes(item));\n if (hasMatch) {\n listOfProjects.push(jobData)\n }\n })\n setMapDirectionsJobs(listOfProjects);\n }\n\n useEffect(() => {\n if (locationPoints[0].projectNumber) {\n fetchRelatedJobs(locationPoints[0])\n } else {\n setMapDirectionsJobs([])\n }\n\n let locationPointsCopy = []\n locationPoints.forEach((locationPoint) => {\n aiSuggestions.forEach(aiSuggestion => {\n if (locationPoint.projectId === aiSuggestion.project_id) {\n locationPointsCopy.push(aiSuggestion)\n }\n })\n })\n setSelectedAiSuggestions(locationPointsCopy)\n }, [locationPoints])\n\n return (\n setShowSuggestionsInsideMapView(prev => !prev)} style={{ backgroundColor: 'white', padding: \"10px\", maxWidth: 'calc(100% - 20px)', borderRadius: \"8px\" }}>\n Suggestions\n {showSuggestionsInsideMapView ?
\n\n \n {showSuggestionsInsideMapView && selectedAiSuggestions.map((aiSuggestion, index) => {\n return (\n
\n\n \n
\n )\n })}\n \n
\n {aiSuggestion.suggestions.length > 0 ?\n aiSuggestion.suggestions?.map((activityData, index) => {\n return \n {aiSuggestion?.type === 'bid' ?
\n {aiSuggestion.project_name}
\n \n {isAddJobEnabled ?\n
\n )\n}\n\nexport default MaterialTrackerDashboard;\n\n\nexport const buttonStyle = {\n fontSize: '14px',\n padding: '10px 16px',\n border: \"1px solid #E6E8EA\",\n borderRadius: \"12px\",\n color: \"black\",\n textTransform: 'none',\n \"&:hover\": {\n opacity: '0.9',\n },\n fontFamily: 'Plus Jakarta Sans'\n};\n\nexport const cancelButtonStyle = {\n fontSize: '14px',\n padding: '10px 16px',\n border: \"1px solid #E6E8EA\",\n borderRadius: \"12px\",\n color: \"black\",\n textTransform: 'none',\n \"&:hover\": {\n border: \"1px solid #E6E8EA\",\n },\n fontFamily: 'Plus Jakarta Sans'\n};","export function VALIDATE_JOB_DATA(jobData) {\n\n const excludeFields = [\n 'subtype_id',\n 'deleted_at',\n 'material_certificate_file_name',\n 'material_certificate_id',\n 'material_certificate_s3_key',\n 'material_certificate_s3_url',\n 'subtype_name',\n \"project_material_id\",\n \"movement_id\",\n \"job_members\",\n \"subtype_info\",\n \"material_certificate\",\n \"subtype_options\",\n \"materials_transfer_period\",\n \"material_availability\",\n \"material_quantity\",\n \"movement_type\",\n ]\n let error = false; // Initialize error flag as false\n\n // Helper function to check if a value is empty\n const isEmpty = (key, value) => {\n if (excludeFields.includes(key)) return false\n return value === null ||\n value === undefined ||\n (typeof value === 'string' && value.trim() === '') ||\n (Array.isArray(value) && value.length === 0)\n };\n\n // Check values in project_info object\n for (const [key, value] of Object.entries(jobData.project_info)) {\n if (typeof value === 'object' && value !== null) {\n // For nested objects like job_location\n for (const nestedValue of Object.values(value)) {\n if (isEmpty(key, nestedValue)) {\n error = true;\n break;\n }\n }\n } else if (isEmpty(key, value)) {\n error = true;\n break;\n }\n }\n\n // Check values in project_materials array\n for (const material of jobData.project_materials) {\n for (const [key, value] of Object.entries(material)) {\n if (typeof value === 'object' && value !== null) {\n // For nested objects like materials_transfer_period\n for (const nestedValue of Object.values(value)) {\n if (isEmpty(key, nestedValue)) {\n error = true;\n break;\n }\n }\n } else if (isEmpty(key, value)) {\n error = true;\n break;\n }\n }\n if (error) break; // Break early if an error is found\n }\n\n return error;\n}\n\nexport const VALIDATE_MOVEMENT_DATA = (material) => {\n const movementKeys = [\n \"materials_transfer_period\",\n \"material_availability\",\n \"material_quantity\",\n \"movement_type\",\n ];\n\n const isEmptyValue = (value) => {\n if (value === null || value === undefined || value === \"\") return true;\n\n if (typeof value === \"object\") {\n return Object.values(value).every((nestedValue) =>\n nestedValue === null || nestedValue === undefined || nestedValue === \"\"\n );\n }\n\n return false;\n };\n\n let hasAnyValue = false;\n\n // Check if any movement key has a non-empty value\n for (const key of movementKeys) {\n const value = material[key];\n if (!isEmptyValue(value)) {\n hasAnyValue = true;\n break;\n }\n }\n\n // If any key has a value, ensure all movement-related keys are non-empty\n if (hasAnyValue) {\n for (const key of movementKeys) {\n const value = material[key];\n if (isEmptyValue(value)) {\n return false;\n }\n }\n }\n\n return true; // Passes movement validation\n};\n\n// ---- Updated Validation ----\n\nconst isEmpty = (value) => {\n if (Array.isArray(value)) {\n return value.length === 0;\n }\n return value === null || value === undefined || value === \"\";\n};\n\nconst areAllFieldsFilled = (fields) => {\n return fields.every(field => !isEmpty(field));\n};\n\n// Validate general project details\nconst validateProjectInfo = (projectInfo) => {\n let requiredFields = [\n projectInfo.project_number,\n projectInfo.project_name,\n projectInfo.project_address,\n projectInfo.start_date,\n projectInfo.end_date\n ];\n\n if (projectInfo.type === 'job'){\n requiredFields.push(projectInfo.project_status)\n }\n\n return areAllFieldsFilled(requiredFields);\n};\n\n// Validate movement details for a single material\nexport const validateMovementDetails = (material) => {\n const movementFields = [\n material.movement_type,\n material.remaining_trade_quantity,\n material.materials_transfer_period.start_date,\n material.materials_transfer_period.end_date\n ];\n\n const filledFieldsCount = movementFields.filter(field => !isEmpty(field)).length;\n if (filledFieldsCount === 0) return true;\n if (filledFieldsCount < movementFields.length) return false;\n\n return true;\n};\n\n// Validate material general fields\nconst validateMaterialFields = (material) => {\n const requiredFields = [\n material.material_id,\n material.material_name,\n material.total_material_quantity\n ];\n\n return areAllFieldsFilled(requiredFields);\n};\n\n// Validate a single material and return its validation results\nconst validateSingleMaterial = (material) => {\n const generalValidation = validateMaterialFields(material);\n // const movementValidation = validateMovementDetails(material);\n const movementValidation = true;\n\n return { generalValidation, movementValidation };\n};\n\n// Validate project team \nconst validateProjectMaterials = (materials) => {\n if (!materials || materials.length === 0) {\n return { movementValidation: [], generalValidation: false };\n }\n\n const invalidMaterialIndexes = [];\n let generalValidation = true;\n materials.forEach((material, index) => {\n const { generalValidation: materialGeneralValidation, movementValidation: materialMovementValidation } = validateSingleMaterial(material);\n\n if (!materialGeneralValidation) {\n generalValidation = false;\n }\n\n if (!materialMovementValidation) {\n invalidMaterialIndexes.push(index);\n }\n });\n\n return {\n movementValidation: invalidMaterialIndexes,\n generalValidation: generalValidation\n };\n};\n\n// Validate project team \nconst validateProjectTeam = (projectInfo) => {\n let requiredFields = [ \n projectInfo.estimators\n ];\n if (projectInfo.type === 'job'){\n requiredFields.push(\n projectInfo.project_executive,\n projectInfo.project_managers,\n projectInfo.project_engineers\n )\n }\n return areAllFieldsFilled(requiredFields);\n};\n\n// Main validation function\nexport const VALIDATE_STEPPERS = (jobData, index) => {\n let validationResult = { movementValidation: [], generalValidation: false };\n\n switch (index) {\n case 0:\n // Validate Project Info\n validationResult.generalValidation = validateProjectInfo(jobData.project_info);\n break;\n\n case 1:\n // Validate Project Materials\n validationResult = validateProjectMaterials(jobData.project_materials);\n break;\n\n case 2:\n // Validate Project Team\n // validationResult.generalValidation = validateProjectTeam(jobData.project_info);\n validationResult.generalValidation = true\n break;\n\n default:\n return validationResult;\n }\n\n return validationResult;\n};\n","const BACKEND_ENDPOINT = process.env.REACT_APP_BACKEND_ENDPOINT\nconst US_BACKEND_ENDPOINT = process.env.REACT_APP_US_BACKEND_ENDPOINT\nconst BASE_URL = BACKEND_ENDPOINT;\nconst US_BASE_URL = US_BACKEND_ENDPOINT;\nexport const USA_SERVER_VALIDATION = `${US_BACKEND_ENDPOINT}/validate-instance/`;\nexport const IP_INFO_URL = \"https://ipinfo.io?token=\"\nconst getBaseUrl = (useUsBaseUrl) => useUsBaseUrl ? US_BASE_URL : BASE_URL;\n\nexport const getApiEndpoints = (useUsBaseUrl = false) => {\n const baseUrl = getBaseUrl(useUsBaseUrl);\n return {\n ASK_QUESTIONS: `${baseUrl}/user-questions/`,\n ASK_QUESTIONS_AUTH: `${baseUrl}/user-questions-auth/`,\n USER_SIGN_UP: `${baseUrl}/register-user/`,\n USER_LOG_IN: `${baseUrl}/login-user/`,\n VERIFY_USER: `${baseUrl}/verify-user-registration/`,\n RESEND_VERIFICATION_LINK: `${baseUrl}/resend-verification-link/`,\n GET_PROJECTS_LIST: `${baseUrl}/list-user-projects/`,\n ADD_PROJECT: `${baseUrl}/add-project/`,\n UPLOAD_FILES: `${baseUrl}/upload-file/`,\n GET_FILES_LIST: `${baseUrl}/list-uploaded-files/?project_id=`,\n REFRESH_TOKEN: `${baseUrl}/refresh-token/`,\n RESET_PASSWORD_OTP: `${baseUrl}/otp-reset-password/`,\n VERIFY_PASSWORD_OTP: `${baseUrl}/verify-reset-otp/`,\n RESET_PASSWORD: `${baseUrl}/reset-password/`,\n SUGGESTION_QUESTIONS_AUTH: `${baseUrl}/suggestion-questions-auth/`,\n SUGGESTION_QUESTIONS: `${baseUrl}/suggestion-questions/`,\n GET_HIGHLIGHTED_PDF: `${baseUrl}/highlight-pdf/`,\n LOG_OUT_USER: `${baseUrl}/logout-user/`,\n INITIAL_PDF_INDEXING: `${baseUrl}/initial-pdf-indexing/`,\n CREATE_NEW_FOLDER: `${baseUrl}/create-new-folder/`,\n FETCH_FOLDER_FILES: `${baseUrl}/list-folder-files/`,\n RENAME_PROJECT_NAME: `${baseUrl}/rename-project/`,\n RENAME_FILE_NAME: `${baseUrl}/rename-file/`,\n RENAME_FOLDER_NAME: `${baseUrl}/rename-folder/`,\n DELETE_FILE: `${baseUrl}/delete-file/`,\n INITIAL_MULTI_FILE_INDEXING: `${baseUrl}/initial-multi-pdf-indexing/`,\n FETCH_PROJECT_HISTORY: `${baseUrl}/selected-project-threads/?project_id=`,\n FETCH_FILE_HISTORY: `${baseUrl}/selected-file-threads/?file_id=`,\n FETCH_THREAD_HISTORY: `${baseUrl}/selected-thread-history/?thread_id=`,\n FILE_INDEXING_STATUS: `${baseUrl}/selected-file-status/`,\n MULTI_PDF_SEARCH: `${baseUrl}/multi-pdf-search/`,\n GET_HIGHLIGHTED_MULTIPLE_PDF: `${baseUrl}/highlight-multi-pdf/`,\n CELERY_TASK_STATUS: `${baseUrl}/celery-task-status/`,\n CELERY_TASK_PENDING_LIST: `${baseUrl}/list-pending-tasks/`,\n CELERY_PENDING_TASKS_STATUS: `${baseUrl}/celery-tasks-status/`,\n GET_PDF_FILE_DETAILS: `${baseUrl}/get-file-details/?file_id=`,\n INVITE_USER_TO_ORG: `${baseUrl}/invite-new-org-user/`,\n INVITE_USER_TO_POJECT: `${baseUrl}/invite-new-project-user/`,\n LIST_ORG_MEMBERS: `${baseUrl}/list-org-members/?org_id=`,\n LIST_PROJECT_MEMBERS: `${baseUrl}/list-project-members/?`,\n GENERATE_RFI: `${baseUrl}/generate-rfi/`,\n RFI_HISTORY: `${baseUrl}/list-rfi-history/?project_id=`,\n KINDE_AUTH_URL: `${baseUrl}/kinde-callback/`,\n DELTE_USER_FROM_ORG: `${baseUrl}/delete-org-user/`,\n DELTE_USER_FROM_PROJECT: `${baseUrl}/remove-project-user/`,\n FIND_MATERIAL_PLACE: `${baseUrl}/find-material-place/`,\n MATERIAL_SEARCH_HISTORY: `${baseUrl}/material-search-history/`,\n LIST_MATERIAL_SEARCH_HISTORY: `${baseUrl}/list-material-search-history/`,\n ORG_DETAILS: `${baseUrl}/org-details/`,\n BLACK_LIST: `${baseUrl}/mark-blacklist-supplier/`,\n UNDO_BLACK_LIST: `${baseUrl}/undo-blacklist-supplier/`,\n FAVOURITE_SUPPLIER_LIST: `${baseUrl}/list-favourite-suppliers/?type=`,\n BLACKLISTED_SUPPLIER_LIST: `${baseUrl}/list-blacklisted-suppliers/?type=`,\n ADD_TO_FAV_LIST: `${baseUrl}/mark-favourite-supplier/`,\n UNDO_FAV_LIST: `${baseUrl}/undo-favourite-supplier/`,\n SUBMIT_USER_DETAILS: `${baseUrl}/submit-form-details/`,\n GET_SEARCH_COUNT_LEFT: `${baseUrl}/user-monthly-search-count/`,\n FIND_LANDFILL_PLACE: `${baseUrl}/find-landfill-place/`,\n LANDFILL_SAVE_HISTORY: `${baseUrl}/landfill-search-history/`,\n LANDFILL_MARK_FAVORITE: `${baseUrl}/mark-favourite-landfill/`,\n LANDFILL_MARK_BLACKLIST: `${baseUrl}/mark-blacklist-landfill/`,\n UNDO_LANDFILL_FAVORITE: `${baseUrl}/undo-favourite-landfill/`,\n UNDO_LANDFILL_BLACKLIST: `${baseUrl}/undo-blacklist-landfill/`,\n GET_LANDFILL_HISTORY: `${baseUrl}/list-landfill-search-history/`,\n GET_LANDFILL_USER_COUNT: `${baseUrl}/user-monthly-landfill-search-count/`,\n GET_LANDFILL_FAVORITE_HISTORY: `${baseUrl}/list-favourite-landfills/?type=`,\n GET_LANDFILL_BLACKLIST_HISTORY: `${baseUrl}/list-blacklisted-landfills/?type=`,\n CREATE_ASSISTANT: `${baseUrl}/create-assistant/`,\n UPDATE_ASSISTANT: `${baseUrl}/update-assistant/`,\n CREATE_GPT_THREAD: `${baseUrl}/create-thread/`,\n GPT_ADD_THREAD_MSG: `${baseUrl}/add-thread-message/`,\n DELETE_GPT_ASSISTANT_FILE: `${baseUrl}/delete-assistant-files/`,\n ADD_GPT_ASSISTANT_FILE: `${baseUrl}/add-assistant-files/`,\n LOAD_THREAD_MESSAGES: `${baseUrl}/load-thread-messages/?thread_id=`,\n LOAD_USER_ASSISTANTS: `${baseUrl}/load-user-assistants/`,\n LOAD_GPT_ASSISTANTS_THREADS: `${baseUrl}/load-assistant-threads/?assistant_id=`,\n LOAD_GPT_ASSISTANTS_FILES: `${baseUrl}/load-assistant-files/?assistant_id=`,\n MONTHLY_GPT_CHAT_COUNT: `${baseUrl}/user-monthly-chat-count/`,\n ADD_JOB: `${baseUrl}/add-emt-project/`,\n UPDATE_JOB: `${baseUrl}/update-emt-project/`,\n CONVERT_TO_JOB: `${baseUrl}/convert-bid-to-job/`,\n UPLOAD_CERTIFICATE: `${baseUrl}/upload-material-certificate/`,\n GET_MATERIAL_LIST: `${baseUrl}/get-materials-list/`,\n GET_JOBS: `${baseUrl}/get-emt-projects/`,\n ADD_NEW_MATERIAL: `${baseUrl}/add-material/`,\n INVITE_USER_TO_JOB: `${baseUrl}/invite-user-to-job/`,\n REMOVE_USER_FROM_JOB: `${baseUrl}/remove-user-from-emt-project/`,\n GET_ADMIN_AND_MANAGERS: `${baseUrl}/get-admins-and-managers/?`,\n GET_JOB_MEMBERS: `${baseUrl}/get-emt-project-members/?`,\n DELETE_JOB: `${baseUrl}/delete-emt-project/`,\n EDIT_USER_ROLE: `${baseUrl}/edit-org-user-role/ `,\n GET_MATERIAL_SUB_TYPES_LIST: `${baseUrl}/get-subtypes-list/?material_id=`,\n ADD_MATERIAL_SUB_TYPES_LIST: `${baseUrl}/add-subtype/`,\n GET_VERSION_HISTORY: `${baseUrl}/get-version-history/?`,\n GET_FILTER_DROPDOWN: `${baseUrl}/get-materials-filter-dropdown/`,\n GET_ROLE_SPECIFIC_USERS: `${baseUrl}/get-role-specific-users/`,\n GET_PROJECT_DETAILS: `${baseUrl}/get-project-detail/?`,\n UPDATE_PROJECT_STATUS: `${baseUrl}/update-project-status/`,\n GET_AI_SUGGESTIONS: `${baseUrl}/get-project-suggestions/?`,\n GOOGLE_MAPS_AUTO_COMPLETE: \"https://places.googleapis.com/v1/places:autocomplete?\",\n GOOGLE_MAPS_GET_GEOCODE: 'https://maps.googleapis.com/maps/api/geocode/json',\n };\n};","import axios from \"axios\";\nimport { LStorage } from \"../utils/localStorage.Helper\";\nimport { USER_LOG_OUT } from '../services/user.services';\nimport { decryptResponse } from \"../utils/encryptionDecryption\";\nconst BASE_URL = \"http://localhost:8000/api/\";\n// const BASE_URL = \"https://api.sonarlabs.ai/api/\";\n\nconst configInterceptor = (req) => {\n const accessToken = LStorage.getUserData()?.access_token;\n req.headers[\"Content-Type\"] = 'application/json';\n req.headers[\"ngrok-skip-browser-warning\"] = \"any\";\n if (accessToken) {\n req.headers.Authorization = `Bearer ${accessToken}`;\n }\n return req;\n};\n\nconst configInterceptorForFormData = (req) => {\n const accessToken = LStorage.getUserData()?.access_token;\n req.headers[\"Content-Type\"] = \"multipart/form-data\";\n req.headers[\"ngrok-skip-browser-warning\"] = \"any\";\n if (accessToken) {\n req.headers.Authorization = `Bearer ${accessToken}`;\n }\n return req;\n};\n\n// this config interceptors user for headers content-type ==> 'application/x-www-form-urlencoded'\nexport const API = axios.create({\n baseURL: BASE_URL,\n});\n\n\nAPI.interceptors.request.use(configInterceptor);\n\nexport const API_FOR_FORM = axios.create({\n baseURL: BASE_URL,\n});\n\nAPI_FOR_FORM.interceptors.request.use(configInterceptorForFormData);\n\nexport const handleApiResponse = async (res) => {\n let result = { message: 'something went wrong' }\n if (res?.response && (res.response.status === 403)) {\n try {\n USER_LOG_OUT().then(res => {\n if (res) {\n const decryptedData = decryptResponse(res)\n const parsedDecryptedData = JSON.parse(decryptedData)\n LStorage.removeUserData()\n if (parsedDecryptedData?.url) {\n window.location.href = '/'\n LStorage.removeUserData()\n window.open(parsedDecryptedData.url, \"_blank\");\n }\n }\n })\n } catch (error) {\n console.log(error)\n }\n // const loggedUserData = LStorage.getUserData()\n // const refreshToken = loggedUserData?.refresh_token;\n // const encryptedPayload = encryptPayload({ refresh_token: refreshToken })\n // const instance = getBooleanFromLocalStorage(\"instance\")\n // const API_END_POINT = getApiEndpoints(instance);\n // await axios.post(API_END_POINT.REFRESH_TOKEN, encryptedPayload).then(res => {\n // if (res?.data && res?.data?.data) {\n // const decryptedData = decryptResponse(res?.data?.data)\n // const parsedDecryptedData = decryptedData ? JSON.parse(decryptedData) : null\n // let userData = LStorage.getUserData()\n // userData.access_token = parsedDecryptedData?.new_access_token;\n // LStorage.setUserData(userData)\n // window.location.reload();\n // }\n // }).catch(err => {\n // LStorage.removeUserData()\n // window.location.reload();\n // })\n }\n\n return null\n};","import { getApiEndpoints } from \"./api.endpoints\";\nimport { API, handleApiResponse } from \"./axios.config\";\nimport { encryptPayload } from \"../utils/encryptionDecryption\";\nimport { getBooleanFromLocalStorage } from \"./user.services\";\nconst abortController = new AbortController();\n\nexport const REQUEST_QUERY = async (data) => {\n const encryptedPayload = encryptPayload(data)\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n\n const res = await API.post(API_END_POINT.ASK_QUESTIONS, encryptedPayload).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return err\n });\n return res\n}\n\nexport const ASK_QUESTIONS_AUTH = async (data) => {\n const encryptedPayload = encryptPayload(data)\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n\n const res = await API.post(API_END_POINT.ASK_QUESTIONS_AUTH, encryptedPayload).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n abortController.abort();\n return err\n });\n\n return res\n}\n\nexport const MULTI_PDF_SEARCH = async (data) => {\n const encryptedPayload = encryptPayload(data)\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n\n const res = await API.post(API_END_POINT.MULTI_PDF_SEARCH, encryptedPayload).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n abortController.abort();\n return err\n });\n\n return res\n}\n\nexport const SUGGESTION_QUESTIONS_AUTH = async (data) => {\n const encryptedPayload = encryptPayload(data)\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n\n const res = await API.post(API_END_POINT.SUGGESTION_QUESTIONS_AUTH, encryptedPayload).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return err\n });\n return res\n}\nexport const SUGGESTION_QUESTIONS = async () => {\n\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n const res = await API.post(API_END_POINT.SUGGESTION_QUESTIONS).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return err\n });\n return res\n}\n\nexport const HIGHLIGHTED_PDF = async (data) => {\n const encryptedPayload = encryptPayload(data)\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n const res = await API.post(API_END_POINT.GET_HIGHLIGHTED_PDF, encryptedPayload).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n abortController.abort();\n return err\n });\n\n return res\n}\n\nexport const GET_HIGHLIGHTED_MULTIPLE_PDF = async (data) => {\n const encryptedPayload = encryptPayload(data)\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n const res = await API.post(API_END_POINT.GET_HIGHLIGHTED_MULTIPLE_PDF, encryptedPayload).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n abortController.abort();\n return err\n });\n\n return res\n}\n\n\nexport const GET_PDF_FILE_DETAILS = async (data) => {\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n\n const res = await API.get(API_END_POINT.GET_PDF_FILE_DETAILS + data).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n abortController.abort();\n return err\n });\n\n return res\n}","import { encryptPayload } from \"../utils/encryptionDecryption\";\nimport { getApiEndpoints } from \"./api.endpoints\";\nimport { API, API_FOR_FORM, handleApiResponse } from \"./axios.config\";\nimport { getBooleanFromLocalStorage } from \"./user.services\";\n\n\n\nexport const GET_PROJECTS_LIST = async () => {\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n const res = await API_FOR_FORM.get(API_END_POINT.GET_PROJECTS_LIST).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return null\n })\n return res\n}\n\nexport const ADD_PROJECT = async (data) => {\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n\n const res = await API_FOR_FORM.post(API_END_POINT.ADD_PROJECT, data).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return err\n });\n return res;\n}\n\nexport const UPLOAD_FILES = async (data) => {\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n\n const res = await API_FOR_FORM.post(API_END_POINT.UPLOAD_FILES, data).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return err\n });\n return res;\n}\n\nexport const GET_FILES_LIST = async (data) => {\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n\n const res = await API.get(API_END_POINT.GET_FILES_LIST + data, data).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return null\n });\n return res;\n}\n\nexport const CREATE_NEW_FOLDER = async (data) => {\n const encryptedPayload = encryptPayload(data)\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n\n const res = await API.post(API_END_POINT.CREATE_NEW_FOLDER, encryptedPayload).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return err\n });\n return res;\n}\n\nexport const FETCH_FOLDER_FILES = async (data) => {\n const encryptedPayload = encryptPayload(data)\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n\n const res = await API.post(API_END_POINT.FETCH_FOLDER_FILES, encryptedPayload).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return null\n });\n return res;\n}\n\nexport const INITIAL_FILE_INDEXING = async (data) => {\n const encryptedPayload = encryptPayload(data)\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n const res = await API.post(API_END_POINT.INITIAL_PDF_INDEXING, encryptedPayload).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return err\n });\n\n return res\n}\n\nexport const INITIAL_MULTI_FILE_INDEXING = async (data) => {\n const encryptedPayload = encryptPayload(data)\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n\n const res = await API.post(API_END_POINT.INITIAL_MULTI_FILE_INDEXING, encryptedPayload).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return err\n });\n\n return res\n}\n\n\nexport const RENAME_PROJECT_NAME = async (data) => {\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n const res = await API.put(API_END_POINT.RENAME_PROJECT_NAME, data).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return err\n });\n return res;\n}\n\nexport const RENAME_FILE_NAME = async (data) => {\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n\n const res = await API.put(API_END_POINT.RENAME_FILE_NAME, data).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return err\n });\n return res;\n}\n\nexport const RENAME_FOLDER_NAME = async (data) => {\n const encryptedPayload = encryptPayload(data)\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n\n const res = await API.put(API_END_POINT.RENAME_FOLDER_NAME, encryptedPayload).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return err\n });\n return res;\n}\n\nexport const DELETE_FILE = async (data) => {\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n\n const res = await API.post(API_END_POINT.DELETE_FILE, data).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return err\n });\n return res;\n}\n\nexport const FETCH_PROJECT_HISTORY = async (data) => {\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n\n const res = await API.get(API_END_POINT.FETCH_PROJECT_HISTORY + data, data).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return null\n });\n return res;\n}\n\nexport const FETCH_FILE_HISTORY = async (data) => {\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n\n const res = await API.get(API_END_POINT.FETCH_FILE_HISTORY + data, data).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return null\n });\n return res;\n}\n\nexport const FETCH_THREAD_HISTORY = async (data) => {\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n\n const res = await API.get(API_END_POINT.FETCH_THREAD_HISTORY + data, data).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return null\n });\n return res;\n}\n\nexport const FILE_INDEXING_STATUS = async (data) => {\n const encryptedPayload = encryptPayload(data)\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n\n const res = await API.post(API_END_POINT.FILE_INDEXING_STATUS, encryptedPayload).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return err\n });\n\n return res\n}\n\nexport const CELERY_TASK_STATUS = async (data) => {\n // const encryptedPayload = encryptPayload(data)\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n\n const res = await API.post(API_END_POINT.CELERY_TASK_STATUS, data).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return err\n });\n\n return res\n}\nexport const CELERY_TASK_PENDING_LIST = async (data) => {\n // const encryptedPayload = encryptPayload(data)\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n\n const res = await API.post(API_END_POINT.CELERY_TASK_PENDING_LIST, data).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return err\n });\n\n return res\n}\nexport const CELERY_PENDING_TASKS_STATUS = async (data) => {\n // const encryptedPayload = encryptPayload(data)\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n\n const res = await API.post(API_END_POINT.CELERY_PENDING_TASKS_STATUS, data).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return err\n });\n\n return res\n}\n\nexport const FIND_MATERIAL_PLACE = async (data) => {\n const encryptedPayload = encryptPayload(data)\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n const res = await API.post(API_END_POINT.FIND_MATERIAL_PLACE, encryptedPayload).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return err\n });\n\n return res\n}\n\nexport const FIND_LANDFILL_PLACE = async (data) => {\n const encryptedPayload = encryptPayload(data)\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n const res = await API.post(API_END_POINT.FIND_LANDFILL_PLACE, encryptedPayload).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return err\n });\n return res\n}\n\nexport const LANDFILL_SAVE_HISTORY = async (data) => {\n const encryptedPayload = encryptPayload(data)\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n const res = await API.post(API_END_POINT.LANDFILL_SAVE_HISTORY, encryptedPayload).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return err\n });\n return res\n}\n\nexport const MATERIAL_SEARCH_HISTORY = async (data) => {\n const encryptedPayload = encryptPayload(data)\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n const res = await API.post(API_END_POINT.MATERIAL_SEARCH_HISTORY, encryptedPayload).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return err\n });\n return res\n}\n\nexport const LIST_MATERIAL_SEARCH_HISTORY = async () => {\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n const res = await API.get(API_END_POINT.LIST_MATERIAL_SEARCH_HISTORY).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return err\n });\n return res\n}\n\nexport const GET_LANDFILL_HISTORY = async () => {\n const instance = getBooleanFromLocalStorage(\"instance\")\n const API_END_POINT = getApiEndpoints(instance);\n const res = await API.get(API_END_POINT.GET_LANDFILL_HISTORY).then(res => {\n return res.data\n }).catch(err => {\n handleApiResponse(err)\n return err\n });\n return res\n}","import { createContext, useContext, useState } from 'react';\n\nconst RememberSelectedJobType = createContext();\n\nexport const RememberSelectedJobTypeContext = ({ children }) => {\n const [lastSelectedJobType, setLastSelectedJobType] = useState({\n \"type\": \"job\",\n \"materials\": {\n 'material_ids': [],\n 'subtype_ids': []\n },\n \"project_status\": [],\n \"material_movement\": [],\n \"materials_transfer_period\": {},\n \"material_approval_status\":[]\n });\n\n return (\n \n
}\n\n {/* header component end */}\n {selectedOption === 'List view' ?\n <>\n {\n fetchJobData ?\n \n
\n \n\n
\n }\n {\n if (searchProjectText) {\n setSearchProjectText('')\n } else {\n getJObsList({ ...initialFilterData, type: lastSelectedJobType.type }, true)\n setLastSelectedJobType(initialFilterData)\n setProjectStatusFilterOptions(FILTER_JOB_BY_STATUS)\n setFilterTempValue(initialFilterData)\n }\n }}>\n Clear filter\n
\n \n {/* Type of job : */}\n {\n const copyData = JSON.parse(JSON.stringify(initialFilterData))\n copyData.type = option.value\n setLastSelectedJobType(copyData)\n getJObsList(copyData, true)\n setProjectStatusFilterOptions(FILTER_JOB_BY_STATUS)\n setFilterTempValue(initialFilterData)\n setResponse(null)\n setLocationsPoints([{}, {}])\n setIsDirectionsEnabled(false)\n }} />\n {checkUserPermission(JOB_TYPES.includes(selectedMaterials.type) ? 'JOB_CREATE' : 'BID_CREATE', userData) &&\n }\n
\n \n
:\n \n \n \n \n
\n \n {\n if (ifFilterEnabled()) {\n getJObsList({ ...initialFilterData, type: lastSelectedJobType.type }, true)\n setLastSelectedJobType(initialFilterData)\n setProjectStatusFilterOptions(FILTER_JOB_BY_STATUS)\n setFilterTempValue(initialFilterData)\n } else {\n setIsAddJobEnabled(true);\n setEditJobData(null);\n }\n }}\n />\n
\n }\n \n :\n \n {jobsLoading &&\n 0 ? mapDirectionsJobs : jobs}\n response={response}\n setLocationsPoints={setLocationsPoints}\n pointerValue={pointerValue}\n setIsDirectionsEnabled={setIsDirectionsEnabled}\n />\n 2 ? projectStatusFilterOptions.slice(2) : projectStatusFilterOptions : selectedMaterials.type === 'job' ? projectStatusFilterOptions.slice(0, 2) : projectStatusFilterOptions}\n setProjectStatusFilterOptions={setProjectStatusFilterOptions}\n handleClearFilter={() => {\n setProjectStatusFilterOptions(FILTER_JOB_BY_STATUS)\n if (searchProjectText) {\n setSearchProjectText('')\n } else {\n getJObsList({ ...initialFilterData, type: lastSelectedJobType.type }, true)\n setLastSelectedJobType({ ...initialFilterData, type: lastSelectedJobType.type })\n setFilterTempValue({ ...initialFilterData, type: lastSelectedJobType.type })\n }\n }\n }\n />\n {selectedAiSuggestions.length > 0 &&\n
\n }\n \n }\n ` by default. You can change this\n * behavior by providing a `component` prop.\n * If you use React v16+ and would like to avoid a wrapping `
` element\n * you can pass in `component={null}`. This is useful if the wrapping div\n * borks your css styles.\n */\n component: PropTypes.any,\n\n /**\n * A set of `` components, that are toggled `in` and out as they\n * leave. the `` will inject specific transition props, so\n * remember to spread them through if you are wrapping the `` as\n * with our `` example.\n *\n * While this component is meant for multiple `Transition` or `CSSTransition`\n * children, sometimes you may want to have a single transition child with\n * content that you want to be transitioned out and in when you change it\n * (e.g. routes, images etc.) In that case you can change the `key` prop of\n * the transition child as you change its content, this will cause\n * `TransitionGroup` to transition the child out and back in.\n */\n children: PropTypes.node,\n\n /**\n * A convenience prop that enables or disables appear animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n appear: PropTypes.bool,\n\n /**\n * A convenience prop that enables or disables enter animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n enter: PropTypes.bool,\n\n /**\n * A convenience prop that enables or disables exit animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n exit: PropTypes.bool,\n\n /**\n * You may need to apply reactive updates to a child as it is exiting.\n * This is generally done by using `cloneElement` however in the case of an exiting\n * child the element has already been removed and not accessible to the consumer.\n *\n * If you do need to update a child as it leaves you can provide a `childFactory`\n * to wrap every child, even the ones that are leaving.\n *\n * @type Function(child: ReactElement) -> ReactElement\n */\n childFactory: PropTypes.func\n} : {};\nTransitionGroup.defaultProps = defaultProps;\nexport default TransitionGroup;","function _assertThisInitialized(e) {\n if (void 0 === e) throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n return e;\n}\nexport { _assertThisInitialized as default };","'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction Ripple(props) {\n const {\n className,\n classes,\n pulsate = false,\n rippleX,\n rippleY,\n rippleSize,\n in: inProp,\n onExited,\n timeout\n } = props;\n const [leaving, setLeaving] = React.useState(false);\n const rippleClassName = clsx(className, classes.ripple, classes.rippleVisible, pulsate && classes.ripplePulsate);\n const rippleStyles = {\n width: rippleSize,\n height: rippleSize,\n top: -(rippleSize / 2) + rippleY,\n left: -(rippleSize / 2) + rippleX\n };\n const childClassName = clsx(classes.child, leaving && classes.childLeaving, pulsate && classes.childPulsate);\n if (!inProp && !leaving) {\n setLeaving(true);\n }\n React.useEffect(() => {\n if (!inProp && onExited != null) {\n // react-transition-group#onExited\n const timeoutId = setTimeout(onExited, timeout);\n return () => {\n clearTimeout(timeoutId);\n };\n }\n return undefined;\n }, [onExited, inProp, timeout]);\n return /*#__PURE__*/_jsx(\"span\", {\n className: rippleClassName,\n style: rippleStyles,\n children: /*#__PURE__*/_jsx(\"span\", {\n className: childClassName\n })\n });\n}\nprocess.env.NODE_ENV !== \"production\" ? Ripple.propTypes /* remove-proptypes */ = {\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n /**\n * @ignore - injected from TransitionGroup\n */\n in: PropTypes.bool,\n /**\n * @ignore - injected from TransitionGroup\n */\n onExited: PropTypes.func,\n /**\n * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.\n */\n pulsate: PropTypes.bool,\n /**\n * Diameter of the ripple.\n */\n rippleSize: PropTypes.number,\n /**\n * Horizontal position of the ripple center.\n */\n rippleX: PropTypes.number,\n /**\n * Vertical position of the ripple center.\n */\n rippleY: PropTypes.number,\n /**\n * exit delay\n */\n timeout: PropTypes.number.isRequired\n} : void 0;\nexport default Ripple;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getTouchRippleUtilityClass(slot) {\n return generateUtilityClass('MuiTouchRipple', slot);\n}\nconst touchRippleClasses = generateUtilityClasses('MuiTouchRipple', ['root', 'ripple', 'rippleVisible', 'ripplePulsate', 'child', 'childLeaving', 'childPulsate']);\nexport default touchRippleClasses;","'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { TransitionGroup } from 'react-transition-group';\nimport clsx from 'clsx';\nimport useTimeout from '@mui/utils/useTimeout';\nimport { keyframes, styled } from \"../zero-styled/index.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport Ripple from \"./Ripple.js\";\nimport touchRippleClasses from \"./touchRippleClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst DURATION = 550;\nexport const DELAY_RIPPLE = 80;\nconst enterKeyframe = keyframes`\n 0% {\n transform: scale(0);\n opacity: 0.1;\n }\n\n 100% {\n transform: scale(1);\n opacity: 0.3;\n }\n`;\nconst exitKeyframe = keyframes`\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n`;\nconst pulsateKeyframe = keyframes`\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.92);\n }\n\n 100% {\n transform: scale(1);\n }\n`;\nexport const TouchRippleRoot = styled('span', {\n name: 'MuiTouchRipple',\n slot: 'Root'\n})({\n overflow: 'hidden',\n pointerEvents: 'none',\n position: 'absolute',\n zIndex: 0,\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n borderRadius: 'inherit'\n});\n\n// This `styled()` function invokes keyframes. `styled-components` only supports keyframes\n// in string templates. Do not convert these styles in JS object as it will break.\nexport const TouchRippleRipple = styled(Ripple, {\n name: 'MuiTouchRipple',\n slot: 'Ripple'\n})`\n opacity: 0;\n position: absolute;\n\n &.${touchRippleClasses.rippleVisible} {\n opacity: 0.3;\n transform: scale(1);\n animation-name: ${enterKeyframe};\n animation-duration: ${DURATION}ms;\n animation-timing-function: ${({\n theme\n}) => theme.transitions.easing.easeInOut};\n }\n\n &.${touchRippleClasses.ripplePulsate} {\n animation-duration: ${({\n theme\n}) => theme.transitions.duration.shorter}ms;\n }\n\n & .${touchRippleClasses.child} {\n opacity: 1;\n display: block;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: currentColor;\n }\n\n & .${touchRippleClasses.childLeaving} {\n opacity: 0;\n animation-name: ${exitKeyframe};\n animation-duration: ${DURATION}ms;\n animation-timing-function: ${({\n theme\n}) => theme.transitions.easing.easeInOut};\n }\n\n & .${touchRippleClasses.childPulsate} {\n position: absolute;\n /* @noflip */\n left: 0px;\n top: 0;\n animation-name: ${pulsateKeyframe};\n animation-duration: 2500ms;\n animation-timing-function: ${({\n theme\n}) => theme.transitions.easing.easeInOut};\n animation-iteration-count: infinite;\n animation-delay: 200ms;\n }\n`;\n\n/**\n * @ignore - internal component.\n *\n * TODO v5: Make private\n */\nconst TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps, ref) {\n const props = useDefaultProps({\n props: inProps,\n name: 'MuiTouchRipple'\n });\n const {\n center: centerProp = false,\n classes = {},\n className,\n ...other\n } = props;\n const [ripples, setRipples] = React.useState([]);\n const nextKey = React.useRef(0);\n const rippleCallback = React.useRef(null);\n React.useEffect(() => {\n if (rippleCallback.current) {\n rippleCallback.current();\n rippleCallback.current = null;\n }\n }, [ripples]);\n\n // Used to filter out mouse emulated events on mobile.\n const ignoringMouseDown = React.useRef(false);\n // We use a timer in order to only show the ripples for touch \"click\" like events.\n // We don't want to display the ripple for touch scroll events.\n const startTimer = useTimeout();\n\n // This is the hook called once the previous timeout is ready.\n const startTimerCommit = React.useRef(null);\n const container = React.useRef(null);\n const startCommit = React.useCallback(params => {\n const {\n pulsate,\n rippleX,\n rippleY,\n rippleSize,\n cb\n } = params;\n setRipples(oldRipples => [...oldRipples, /*#__PURE__*/_jsx(TouchRippleRipple, {\n classes: {\n ripple: clsx(classes.ripple, touchRippleClasses.ripple),\n rippleVisible: clsx(classes.rippleVisible, touchRippleClasses.rippleVisible),\n ripplePulsate: clsx(classes.ripplePulsate, touchRippleClasses.ripplePulsate),\n child: clsx(classes.child, touchRippleClasses.child),\n childLeaving: clsx(classes.childLeaving, touchRippleClasses.childLeaving),\n childPulsate: clsx(classes.childPulsate, touchRippleClasses.childPulsate)\n },\n timeout: DURATION,\n pulsate: pulsate,\n rippleX: rippleX,\n rippleY: rippleY,\n rippleSize: rippleSize\n }, nextKey.current)]);\n nextKey.current += 1;\n rippleCallback.current = cb;\n }, [classes]);\n const start = React.useCallback((event = {}, options = {}, cb = () => {}) => {\n const {\n pulsate = false,\n center = centerProp || options.pulsate,\n fakeElement = false // For test purposes\n } = options;\n if (event?.type === 'mousedown' && ignoringMouseDown.current) {\n ignoringMouseDown.current = false;\n return;\n }\n if (event?.type === 'touchstart') {\n ignoringMouseDown.current = true;\n }\n const element = fakeElement ? null : container.current;\n const rect = element ? element.getBoundingClientRect() : {\n width: 0,\n height: 0,\n left: 0,\n top: 0\n };\n\n // Get the size of the ripple\n let rippleX;\n let rippleY;\n let rippleSize;\n if (center || event === undefined || event.clientX === 0 && event.clientY === 0 || !event.clientX && !event.touches) {\n rippleX = Math.round(rect.width / 2);\n rippleY = Math.round(rect.height / 2);\n } else {\n const {\n clientX,\n clientY\n } = event.touches && event.touches.length > 0 ? event.touches[0] : event;\n rippleX = Math.round(clientX - rect.left);\n rippleY = Math.round(clientY - rect.top);\n }\n if (center) {\n rippleSize = Math.sqrt((2 * rect.width ** 2 + rect.height ** 2) / 3);\n\n // For some reason the animation is broken on Mobile Chrome if the size is even.\n if (rippleSize % 2 === 0) {\n rippleSize += 1;\n }\n } else {\n const sizeX = Math.max(Math.abs((element ? element.clientWidth : 0) - rippleX), rippleX) * 2 + 2;\n const sizeY = Math.max(Math.abs((element ? element.clientHeight : 0) - rippleY), rippleY) * 2 + 2;\n rippleSize = Math.sqrt(sizeX ** 2 + sizeY ** 2);\n }\n\n // Touche devices\n if (event?.touches) {\n // check that this isn't another touchstart due to multitouch\n // otherwise we will only clear a single timer when unmounting while two\n // are running\n if (startTimerCommit.current === null) {\n // Prepare the ripple effect.\n startTimerCommit.current = () => {\n startCommit({\n pulsate,\n rippleX,\n rippleY,\n rippleSize,\n cb\n });\n };\n // Delay the execution of the ripple effect.\n // We have to make a tradeoff with this delay value.\n startTimer.start(DELAY_RIPPLE, () => {\n if (startTimerCommit.current) {\n startTimerCommit.current();\n startTimerCommit.current = null;\n }\n });\n }\n } else {\n startCommit({\n pulsate,\n rippleX,\n rippleY,\n rippleSize,\n cb\n });\n }\n }, [centerProp, startCommit, startTimer]);\n const pulsate = React.useCallback(() => {\n start({}, {\n pulsate: true\n });\n }, [start]);\n const stop = React.useCallback((event, cb) => {\n startTimer.clear();\n\n // The touch interaction occurs too quickly.\n // We still want to show ripple effect.\n if (event?.type === 'touchend' && startTimerCommit.current) {\n startTimerCommit.current();\n startTimerCommit.current = null;\n startTimer.start(0, () => {\n stop(event, cb);\n });\n return;\n }\n startTimerCommit.current = null;\n setRipples(oldRipples => {\n if (oldRipples.length > 0) {\n return oldRipples.slice(1);\n }\n return oldRipples;\n });\n rippleCallback.current = cb;\n }, [startTimer]);\n React.useImperativeHandle(ref, () => ({\n pulsate,\n start,\n stop\n }), [pulsate, start, stop]);\n return /*#__PURE__*/_jsx(TouchRippleRoot, {\n className: clsx(touchRippleClasses.root, classes.root, className),\n ref: container,\n ...other,\n children: /*#__PURE__*/_jsx(TransitionGroup, {\n component: null,\n exit: true,\n children: ripples\n })\n });\n});\nprocess.env.NODE_ENV !== \"production\" ? TouchRipple.propTypes /* remove-proptypes */ = {\n /**\n * If `true`, the ripple starts at the center of the component\n * rather than at the point of interaction.\n */\n center: PropTypes.bool,\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n /**\n * @ignore\n */\n className: PropTypes.string\n} : void 0;\nexport default TouchRipple;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getButtonBaseUtilityClass(slot) {\n return generateUtilityClass('MuiButtonBase', slot);\n}\nconst buttonBaseClasses = generateUtilityClasses('MuiButtonBase', ['root', 'disabled', 'focusVisible']);\nexport default buttonBaseClasses;","'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport refType from '@mui/utils/refType';\nimport elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';\nimport composeClasses from '@mui/utils/composeClasses';\nimport isFocusVisible from '@mui/utils/isFocusVisible';\nimport { styled } from \"../zero-styled/index.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport useForkRef from \"../utils/useForkRef.js\";\nimport useEventCallback from \"../utils/useEventCallback.js\";\nimport useLazyRipple from \"../useLazyRipple/index.js\";\nimport TouchRipple from \"./TouchRipple.js\";\nimport buttonBaseClasses, { getButtonBaseUtilityClass } from \"./buttonBaseClasses.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n const {\n disabled,\n focusVisible,\n focusVisibleClassName,\n classes\n } = ownerState;\n const slots = {\n root: ['root', disabled && 'disabled', focusVisible && 'focusVisible']\n };\n const composedClasses = composeClasses(slots, getButtonBaseUtilityClass, classes);\n if (focusVisible && focusVisibleClassName) {\n composedClasses.root += ` ${focusVisibleClassName}`;\n }\n return composedClasses;\n};\nexport const ButtonBaseRoot = styled('button', {\n name: 'MuiButtonBase',\n slot: 'Root',\n overridesResolver: (props, styles) => styles.root\n})({\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n position: 'relative',\n boxSizing: 'border-box',\n WebkitTapHighlightColor: 'transparent',\n backgroundColor: 'transparent',\n // Reset default value\n // We disable the focus ring for mouse, touch and keyboard users.\n outline: 0,\n border: 0,\n margin: 0,\n // Remove the margin in Safari\n borderRadius: 0,\n padding: 0,\n // Remove the padding in Firefox\n cursor: 'pointer',\n userSelect: 'none',\n verticalAlign: 'middle',\n MozAppearance: 'none',\n // Reset\n WebkitAppearance: 'none',\n // Reset\n textDecoration: 'none',\n // So we take precedent over the style of a native element.\n color: 'inherit',\n '&::-moz-focus-inner': {\n borderStyle: 'none' // Remove Firefox dotted outline.\n },\n [`&.${buttonBaseClasses.disabled}`]: {\n pointerEvents: 'none',\n // Disable link interactions\n cursor: 'default'\n },\n '@media print': {\n colorAdjust: 'exact'\n }\n});\n\n/**\n * `ButtonBase` contains as few styles as possible.\n * It aims to be a simple building block for creating a button.\n * It contains a load of style reset and some focus/ripple logic.\n */\nconst ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref) {\n const props = useDefaultProps({\n props: inProps,\n name: 'MuiButtonBase'\n });\n const {\n action,\n centerRipple = false,\n children,\n className,\n component = 'button',\n disabled = false,\n disableRipple = false,\n disableTouchRipple = false,\n focusRipple = false,\n focusVisibleClassName,\n LinkComponent = 'a',\n onBlur,\n onClick,\n onContextMenu,\n onDragLeave,\n onFocus,\n onFocusVisible,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onMouseLeave,\n onMouseUp,\n onTouchEnd,\n onTouchMove,\n onTouchStart,\n tabIndex = 0,\n TouchRippleProps,\n touchRippleRef,\n type,\n ...other\n } = props;\n const buttonRef = React.useRef(null);\n const ripple = useLazyRipple();\n const handleRippleRef = useForkRef(ripple.ref, touchRippleRef);\n const [focusVisible, setFocusVisible] = React.useState(false);\n if (disabled && focusVisible) {\n setFocusVisible(false);\n }\n React.useImperativeHandle(action, () => ({\n focusVisible: () => {\n setFocusVisible(true);\n buttonRef.current.focus();\n }\n }), []);\n const enableTouchRipple = ripple.shouldMount && !disableRipple && !disabled;\n React.useEffect(() => {\n if (focusVisible && focusRipple && !disableRipple) {\n ripple.pulsate();\n }\n }, [disableRipple, focusRipple, focusVisible, ripple]);\n const handleMouseDown = useRippleHandler(ripple, 'start', onMouseDown, disableTouchRipple);\n const handleContextMenu = useRippleHandler(ripple, 'stop', onContextMenu, disableTouchRipple);\n const handleDragLeave = useRippleHandler(ripple, 'stop', onDragLeave, disableTouchRipple);\n const handleMouseUp = useRippleHandler(ripple, 'stop', onMouseUp, disableTouchRipple);\n const handleMouseLeave = useRippleHandler(ripple, 'stop', event => {\n if (focusVisible) {\n event.preventDefault();\n }\n if (onMouseLeave) {\n onMouseLeave(event);\n }\n }, disableTouchRipple);\n const handleTouchStart = useRippleHandler(ripple, 'start', onTouchStart, disableTouchRipple);\n const handleTouchEnd = useRippleHandler(ripple, 'stop', onTouchEnd, disableTouchRipple);\n const handleTouchMove = useRippleHandler(ripple, 'stop', onTouchMove, disableTouchRipple);\n const handleBlur = useRippleHandler(ripple, 'stop', event => {\n if (!isFocusVisible(event.target)) {\n setFocusVisible(false);\n }\n if (onBlur) {\n onBlur(event);\n }\n }, false);\n const handleFocus = useEventCallback(event => {\n // Fix for https://github.com/facebook/react/issues/7769\n if (!buttonRef.current) {\n buttonRef.current = event.currentTarget;\n }\n if (isFocusVisible(event.target)) {\n setFocusVisible(true);\n if (onFocusVisible) {\n onFocusVisible(event);\n }\n }\n if (onFocus) {\n onFocus(event);\n }\n });\n const isNonNativeButton = () => {\n const button = buttonRef.current;\n return component && component !== 'button' && !(button.tagName === 'A' && button.href);\n };\n const handleKeyDown = useEventCallback(event => {\n // Check if key is already down to avoid repeats being counted as multiple activations\n if (focusRipple && !event.repeat && focusVisible && event.key === ' ') {\n ripple.stop(event, () => {\n ripple.start(event);\n });\n }\n if (event.target === event.currentTarget && isNonNativeButton() && event.key === ' ') {\n event.preventDefault();\n }\n if (onKeyDown) {\n onKeyDown(event);\n }\n\n // Keyboard accessibility for non interactive elements\n if (event.target === event.currentTarget && isNonNativeButton() && event.key === 'Enter' && !disabled) {\n event.preventDefault();\n if (onClick) {\n onClick(event);\n }\n }\n });\n const handleKeyUp = useEventCallback(event => {\n // calling preventDefault in keyUp on a