}
\n {label && (\n \n {\" \"}\n {label || \"\"}\n \n )}\n\n {isLoading ? (\n \n
\n );\n}\n\nexport default FileUpload;\n","import React, { useState, useEffect } from 'react';\n\nexport default function useDebounce(value, delay = 500) {\n const [debouncedValue, setDebouncedValue] = useState(value);\n\n useEffect(\n () => {\n const handler = setTimeout(() => {\n setDebouncedValue(value);\n }, delay);\n return () => {\n clearTimeout(handler);\n };\n },\n [value]\n );\n return debouncedValue;\n}","import React, { useContext, useEffect, useState } from \"react\";\nimport { ButtonGroup } from \"@material-ui/core\";\nimport { Button } from \"@material-ui/core\";\nimport MROTextField from \"./form_components/TextField\";\nimport AddIcon from \"@material-ui/icons/Add\";\nimport RemoveIcon from \"@material-ui/icons/Remove\";\nimport { makeStyles } from \"@material-ui/core\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\n\nconst useStyles = makeStyles(() => ({\n disableField: {\n pointerEvents: \"none\",\n backgroundColor: \"#F5F5F5\",\n },\n}));\n\nfunction QuantityCounter(props) {\n const classes = useStyles();\n const {\n name,\n disabled,\n label,\n placeholder,\n required,\n type,\n autoFocus,\n error,\n helperText,\n onChange,\n value,\n qty,\n setQty,\n style,\n setError,\n minQty,\n number,\n shouldNotAcceptZero,\n step,\n marginR\n } = props;\n\n const message = useContext(ToastMessageContext);\n\n const [minimumQty, setMinimumQty] = useState(0);\n\n useEffect(() => {\n if (minQty) {\n setMinimumQty(minQty)\n }\n }, [minQty])\n\n useEffect(() => {\n if (shouldNotAcceptZero && qty === 0) {\n message.showToastMessage({\n open: true,\n message: `${label.replace(\"*\", \"\")} must be greater than 0`,\n variant: \"error\",\n });\n }\n }, [shouldNotAcceptZero, label, qty])\n\n return (\n !viewOnly && !uploadButtonView && handleDropFiles(e)}\n onDragOver={(event) => event.preventDefault()}>\n {showBorderOnNoFiles && !defaultValue?.length && !files?.length && (\n \n No files found\n \n )}\n
\n ) : null}\n {!viewOnly && (\n <>\n {!uploadButtonView && (\n - \n {defaultValue?.length\n ? defaultValue?.map((file, index) => {\n const fileName = file.filename ?? `Docs ${index + 1}`;\n let extension = file?.filename?.split(\".\")[1]\n let uploadImage = \"\"\n if ([\"docx\", \"doc\"].includes(extension?.toLowerCase()))\n uploadImage = docFile;\n if ([\"xlsx\", \"xls\", \"csv\"].includes(extension?.toLowerCase()))\n uploadImage = CSVImage;\n if ([\"pdf\"].includes(extension?.toLowerCase()))\n uploadImage = Document;\n if ([\"ppt\", \"pptx\"].includes(extension?.toLowerCase()))\n uploadImage = pptFile;\n if ([\"hevc\", \"mov\", \"mp4\", \"mpg\", \"mpeg\"].includes(extension?.toLowerCase()))\n uploadImage = file.url\n\n const fileExtension = file?.filename?.split(\".\")[1];\n if (\n [\"jpg\", \"jpeg\", \"png\", \"heif\"].includes(\n fileExtension?.toLowerCase()\n )\n )\n uploadImage = `${APIUrl ?? BASE_API_URL_BOXR}${file?.url}`;\n return (\n
- \n \n {\n file.type.includes('video') ? :\n {fileName ?? file.name}\n
\n }\n\n
\n\n \n );\n })}\n
\n {\n [\"hevc\", \"mov\", \"mp4\", \"mpg\", \"mpeg\"].includes(extension?.toLowerCase()) ? : \n }\n\n {onDelete && (\n <>\n {isDeleting && selectedFileId === file.id ? (\n
\n {fileName}\n \n );\n })\n : null}\n {files.map((file, index) => {\n const fileName = file[0] && file[0]?.name?.split(\".\")[0];\n const objectUrl = URL.createObjectURL(file);\n let uploadImage =\n file.type === \"application/pdf\" ? Document : file.type === \"application/msword\" ? docFile : file.type === \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\" ? docFile : file.type === \"text/csv\" ? CSVImage : file.type === \"application/vnd.ms-excel\" ? CSVImage : file.type === \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\" ? CSVImage : file.type === \"application/vnd.ms-powerpoint\" ? pptFile : file.type === \"application/vnd.openxmlformats-officedocument.presentationml.presentation\" ? pptFile : objectUrl;\n if (file[0] && file[0].type?.split(\"/\")[0] === \"image\")\n uploadImage = URL.createObjectURL(file[0]);\n return (\n \n {\n e.stopPropagation();\n setSelectedFileId(file.id);\n onDelete(file?.id);\n }}\n fontSize=\"small\"\n />{\" \"}\n
\n )}\n \n )}\n \n
\n )}\n \n )}\n \n
\n \n \n {\n typeof setError === \"function\" && setError();\n setQty(parseInt(e.target.value.replace(/[A-Za-z]/g, \"\")));\n }}\n InputLabelProps={{ shrink: true }}\n value={isNaN(qty) ? \"\" : qty}\n fullWidth={true}\n style={{ marginRight: marginR ? marginR : \"15px\", ...style }}\n />\n\n \n {\n typeof setError === \"function\" && setError();\n typeof setQty === \"function\" && setQty((prevState) => (prevState > minimumQty ? step ? prevState - 0.5 : prevState - 1 : prevState));\n }}\n style={{ width: \"46px\", height: \"36px\" }}\n >\n {\n typeof setError === \"function\" && setError();\n typeof setQty === \"function\" && setQty((prevState) => (isNaN(prevState) ? 1 : step ? prevState + 0.5 : prevState + 1));\n }}\n style={{ width: \"46px\", height: \"36px\" }}\n >\n \n
\n );\n}\n\nexport default QuantityCounter;\n","\nimport requestApi from \"../common/boxp_api_client\";\nimport requestrApi from \"../common/boxr_api_client\";\n\nconst getPerformance = (params) => {\n return requestApi({\n url: \"/performance\",\n method: \"GET\",\n params,\n })\n}\nconst getPartsDetails = (params) => {\n return requestrApi({\n url: \"/part_requests/operation_request_listing\",\n method: \"GET\",\n params,\n })\n}\nconst getPartsTools = (params) => {\n return requestrApi({\n url: \"/operation_fields/operation_toolings\",\n method: \"GET\",\n params,\n })\n}\nconst getWorkOrderSection = (params) => {\n return requestrApi({\n url: \"/operation_fields/fetch_sections\",\n method: \"GET\",\n params,\n })\n}\nconst getWorkOrderSectionDetails = (params) => {\n return requestrApi({\n url: \"/operation_fields/fetch_fields\",\n method: \"GET\",\n params,\n })\n}\n\nconst updateWorkOrderSectionDetails = (data) => {\n return requestrApi({\n url: \"/operation_fields/save_operation_fields\",\n method: \"PUT\",\n data,\n })\n}\n\nconst getPerformanceListing = (params) => {\n return requestApi({\n url: \"/performance_listing\",\n method: \"GET\",\n params,\n })\n}\n\nconst getMaintHoursDetails = (params) => {\n return requestApi({\n url: \"/maint_hours\",\n method: \"GET\",\n params,\n })\n\n\n}\n\nconst getActivityDetails = (params) => {\n return requestApi({\n url: \"/line_activity\",\n method: \"GET\",\n params,\n })\n\n\n}\n\nconst getDownloadCSVMaintHrs = (params) => {\n return requestApi({\n url: \"/download_csv_file\",\n method: \"GET\",\n params,\n })\n\n}\nconst getPopUpDetails = (params) => {\n return requestApi({\n url: \"/dashboard_popup\",\n method: \"GET\",\n params,\n })\n\n}\nconst updateVerifyState = (data) => {\n return requestApi({\n url: `/update_verify_status?_method=PUT`,\n method: \"POST\",\n data,\n });\n};\nconst getStationBoardEventList = (params) => {\n return requestApi({\n url: \"/lm_events_list\",\n method: \"GET\",\n params,\n })\n\n}\nconst updateNotCallOutStatus = (data) => {\n return requestApi({\n url: `/update_not_called_out_status?_method=PUT`,\n method: \"POST\",\n data,\n });\n};\nconst updateCancelEvent = (data) => {\n return requestApi({\n url: `/cancel_event?_method=PUT`,\n method: \"POST\",\n data,\n });\n}; const updateStandNumber = (data) => {\n return requestApi({\n url: `/update_stand_number?_method=PUT`,\n method: \"POST\",\n data,\n });\n};\nconst updateAllocatedEngineers = (data) => {\n return requestApi({\n url: `/update_allocated_engineers`,\n method: \"POST\",\n data,\n });\n};\nconst CreateLineEvents = (formData) => {\n return requestApi({\n url: '/create_event_station_board',\n method: 'POST',\n data: formData\n })\n}\nexport const LineMaintainenceServices = {\n\n getPerformance,\n getPerformanceListing,\n getMaintHoursDetails,\n getDownloadCSVMaintHrs,\n getActivityDetails,\n getPopUpDetails,\n updateVerifyState,\n getStationBoardEventList,\n updateNotCallOutStatus,\n CreateLineEvents,\n updateCancelEvent,\n updateAllocatedEngineers,\n updateStandNumber,\n getPartsDetails,\n getPartsTools,\n getWorkOrderSection,\n getWorkOrderSectionDetails,\n updateWorkOrderSectionDetails\n}","module.exports = __webpack_public_path__ + \"static/media/GreenCopyIcon.71e594cb.svg\";","module.exports = __webpack_public_path__ + \"static/media/CopyFiles.e5a26d2d.svg\";","import React, { useState, useEffect } from \"react\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport Typography from \"@material-ui/core/Typography\";\nimport InputBase from \"@material-ui/core/InputBase\";\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\nimport SearchIcon from \"@material-ui/icons/Search\";\nimport { ICON_COLOUR } from \"../lib/constants/style_constants\";\nimport Divider from \"@material-ui/core/Divider\";\nimport { ClearAll, Clear } from \"@material-ui/icons\";\nimport { IconButton } from \"@material-ui/core\";\n\nconst useStyles = makeStyles(theme => ({\n wrapper: {\n backgroundColor: \"#fff\",\n padding: theme.spacing(1, 2),\n border: \"1px solid #d5d5d5\",\n margin: \"1% 0\",\n },\n divider: {\n margin: '8px 0'\n },\n filters: {\n padding: \"10px 0\",\n '& .filter': {\n paddingRight: theme.spacing(3),\n }\n }\n}));\n\nfunction SearchBarWithFilters(props) {\n const classes = useStyles();\n const { handleSearch, searchText, noSearch, title, boxShadow, padding, placeholder } = props;\n\n const clearSearch = () => {\n handleSearch('')\n }\n\n return (\n \n {\n !noSearch &&\n <>\n handleSearch(e.target.value)}\n value={searchText}\n startAdornment={\n : null}\n />\n {props.children &&
\n )\n}\n\nexport default SearchBarWithFilters;","import requestrApi from \"./common/boxr_api_client\";\n\nconst creationUrl = {\n training: '/trainings',\n competency: '/competencies',\n storageCondition: '/storage_conditions',\n procedureCategories: '/procedure_categories',\n aogSMS: '/line_customers/create_aog_sms_contacts',\n kpiEmail: '/line_customers/create_kpi_emails',\n reportEmail: '/line_customers/create_report_emails',\n competencyBaseList: '/competencies/base_applications',\n competencyGroupList: '/competencies/group_applications',\n trainingBaseList: '/trainings/base_applications',\n trainingGroupList: '/trainings/group_applications',\n delayCodes: '/line_customers/create_delay_codes',\n fixedPriceListGroup: '/line_customers/create_aircraft_type_groups',\n fixedPriceList: '/line_customers/create_fixed_price_lists',\n approvalType: '/approval_types',\n companyApprovals: '/company_approvals',\n approvalTypeGroup: '/group_types',\n approvalTypePermission: '/approval_types/create_type_permissions',\n typePermissions: '/approval_types/map_aircraft_permissions',\n approvalTypePerm: '/group_types/map_approval_types',\n authorisation: '/auth_lists',\n customerInfo: '/line_customers/create_customer_info',\n taskLibrary: '/task_libraries',\n vehicles: '/vehicles',\n baseStationChecks: '/base_stations/map_station_checks',\n competencyCategory: '/competencies/create_category',\n competencyQuestion: '/competencies/create_question',\n handoverCheck: '/handovers/create_setup',\n scheduledChecks: '/line_customers/save_scheduled_check_hours',\n lineCustomers: '/line_customers/listing_line_customers',\n createLineCustomer: '/line_customers/create_line_customers',\n updateLineCustomer: '/line_customers/update_line_customers',\n vendorParts: '/vendor_parts',\n saveTooling: '/operation_fields/save_toolings',\n operationalTasks: '/operational_tasks',\n uploadDocs: '/operation_fields/upload_docs',\n primaryParts: '/primary_parts',\n currencies: '/currencies',\n saveCertificates: '/primary_parts/save_certificates',\n formOne: '/form_ones/organisation_form_one',\n createContact: \"/customer/contact\",\n createEmail: \"/customer/report_emails\",\n createCheckRate: \"/check_rates\",\n createFixedFees: \"/line_customers/create_lc_app_type_rates\",\n createBasedAircraft: \"line_customers/create_based_ac_group\"\n\n}\n\nfunction createData(formData, section) {\n\n return requestrApi({\n url: creationUrl[section],\n method: 'POST',\n data: formData\n })\n}\n\nexport default createData;\n","import updateData from \"./update_data_service\";\nimport createData from \"./create_data_service\";\nimport deleteData from \"./delete_data\";\nimport { getData } from \"./listing_service\";\nimport { updateDataWithParams } from './update_data_service';\n\nconst DataService = {\n getData,\n createData,\n updateData,\n deleteData,\n updateDataWithParams,\n}\nexport default DataService;","import requestApi from \"lib/services/api/common/boxp_api_client\";\n\nfunction getActionIndicators(params) {\n return requestApi({\n url: `/action_indicator`,\n method: \"GET\",\n params,\n });\n}\nfunction getApprovedPosition(params) {\n return requestApi({\n url: `/approved_position`,\n method: \"GET\",\n params,\n });\n}\nfunction getCurrentPosition(params) {\n return requestApi({\n url: `/current_position`,\n method: \"GET\",\n params,\n });\n}\n\nfunction getActionBreakdown(params) {\n return requestApi({\n url: `/action_breakdown`,\n method: \"GET\",\n params\n })\n}\nfunction getEstimationDeparture(params) {\n return requestApi({\n url: `/estimated_departure`,\n method: \"GET\",\n params\n })\n}\nfunction getListItems(params) {\n return requestApi({\n url: `/line_items`,\n method: \"GET\",\n params: params\n })\n\n}\nfunction getExceptionTableListing(params) {\n return requestApi({\n url: `/action_overview`,\n method: \"GET\",\n params: params\n })\n\n}\n\nfunction getApprovalSubmissionTable(params) {\n return requestApi({\n url: `/submission_table`,\n method: \"GET\",\n params\n })\n}\nfunction getApprovalSubmissionDocument(params) {\n return requestApi({\n url: `/approval_documents`,\n method: \"GET\",\n params\n })\n}\nfunction downloadSubmissionDocument(params) {\n return requestApi({\n url: `/download_approval_documents`,\n method: \"GET\",\n params\n })\n}\n\nfunction getStandardPricing(params) {\n return requestApi({\n url: `/get_standard_pricing`,\n method: \"GET\",\n params\n })\n}\nfunction getHistoricalJobs(params) {\n return requestApi({\n url: `/historical_jobs`,\n method: \"GET\",\n params\n })\n}\nfunction getHistoricalJobsDetails(params) {\n return requestApi({\n url: `/historical_job_details`,\n method: \"GET\",\n params\n })\n}\n\n\n\nfunction updateApprovalStatus(data) {\n return requestApi({\n url: `/action_approval?_method=PUT`,\n method: \"POST\",\n data,\n });\n}\nfunction createNewApproval(data) {\n return requestApi({\n url: `/create_new_approval`,\n method: \"POST\",\n data,\n });\n}\nfunction customerApproval(data) {\n return requestApi({\n url: `/approve_customer_approval?_method=PUT`,\n method: \"POST\",\n data,\n });\n}\nconst deleteApproval = (params, id) => {\n return requestApi({\n url: `/delete_approved_position/${id}`,\n method: \"DELETE\",\n params\n });\n};\n\nfunction getNextStage(formData) {\n return requestApi({\n url: `/next_stage?_method=PUT`,\n method: \"POST\",\n data: formData\n });\n}\n\nfunction updateCustomerSupply(formData) {\n return requestApi({\n url: `/update_customer_supply?_method=PUT`,\n method: \"POST\",\n data: formData\n });\n}\nfunction updateApprovalActionStatus(formData) {\n return requestApi({\n url: `/approve_all_actions?_method=PUT`,\n method: \"POST\",\n data: formData\n });\n}\nfunction reviseEstDeparture(formData) {\n return requestApi({\n url: `/revise_estimate_departure`,\n method: \"POST\",\n data: formData\n });\n}\n\nexport const CommercialServices = {\n getActionIndicators,\n updateApprovalStatus,\n getApprovedPosition,\n getCurrentPosition,\n createNewApproval,\n customerApproval,\n deleteApproval,\n getActionBreakdown,\n getListItems,\n getNextStage,\n updateCustomerSupply,\n updateApprovalActionStatus,\n getEstimationDeparture,\n reviseEstDeparture,\n getApprovalSubmissionTable,\n getApprovalSubmissionDocument,\n downloadSubmissionDocument,\n getExceptionTableListing,\n getStandardPricing,\n getHistoricalJobs,\n getHistoricalJobsDetails\n\n\n};\n","import requestApi from \"../../common/boxp_api_client\";\n\n\n\n\n//Shift Patterns\n\nconst getShiftCalendarDetails = (params) => {\n return requestApi({\n url: '/shift_plan',\n method: 'GET',\n params\n })\n}\n\nconst getShiftWeeklyDetails = (params) => {\n return requestApi({\n url: '/week_view_shift_plan',\n method: 'GET',\n params\n })\n}\n\nconst getShiftLeaveDetails = (params) => {\n return requestApi({\n url: '/leave_request',\n method: 'GET',\n params\n })\n}\n\n\nconst getShiftOvertimeDetails = (params) => {\n return requestApi({\n url: '/overtime_request',\n method: 'GET',\n params\n })\n}\n\n\nfunction fetchUsers(params) {\n return requestApi({\n url: '/fetch_users',\n method: 'GET',\n params: params\n })\n\n}\nconst createLeaveRequest = (formData) => {\n return requestApi({\n url: '/leave_request',\n method: 'POST',\n data: formData\n })\n}\n\nconst createOvertimeRequest = (formData) => {\n return requestApi({\n url: '/overtime_request',\n method: 'POST',\n data: formData\n })\n}\n\n\n\nconst getShiftDayListingDetails = (params) => {\n return requestApi({\n url: '/shift_plan_listing',\n method: 'GET',\n params\n })\n}\n\nconst getLeaveReviewPage = (params) => {\n return requestApi({\n url: '/leave_review',\n method: 'GET',\n params\n })\n}\nconst getOvertimeReviewPage = (params) => {\n return requestApi({\n url: '/overtime_review',\n method: 'GET',\n params\n })\n}\nconst postLeaveActionRequest = (formData) => {\n return requestApi({\n url: '/leave_actions?_method=PUT',\n method: 'POST',\n data: formData\n })\n}\nconst getShiftUsedHoursDetails = (params) => {\n return requestApi({\n url: '/get_shift_user_hours',\n method: 'GET',\n params\n })\n}\nconst postOverTimeActionRequest = (formData) => {\n return requestApi({\n url: '/overtime_actions',\n method: 'POST',\n data: formData\n })\n}\nconst getLeaveRequestDetails = (params) => {\n return requestApi({\n url: '/leave_request_popup',\n method: 'GET',\n params\n })\n}\nconst getOvertimeRequestDetails = (params) => {\n return requestApi({\n url: '/overtime_request_popup',\n method: 'GET',\n params\n })\n}\n\n\nconst getStaffLeaveDetails = (params) => {\n return requestApi({\n url: '/staff_leave',\n method: 'GET',\n params\n })\n}\n\nconst getStaffOverTimeDetails = (params) => {\n return requestApi({\n url: '/staff_overtime',\n method: 'GET',\n params\n })\n}\nconst getHomePageMyLeaveSectionDetails = (params) => {\n return requestApi({\n url: '/leave_section_details',\n method: 'GET',\n params\n })\n}\nconst getHomePageMyOvertimeDetails = (params) => {\n return requestApi({\n url: '/staff_leave',\n method: 'GET',\n params\n })\n}\n\nconst deleteLeaveRequest = (id) => {\n\n return requestApi({\n url: `/leave_request/${id}`,\n method: 'DELETE',\n })\n}\n\n\nconst deleteOverTimeRequest = (id) => {\n\n return requestApi({\n url: `/overtime_request/${id}`,\n method: 'DELETE',\n })\n}\n\n\n\n\nconst ShiftServices = {\n\n getShiftCalendarDetails,\n getShiftLeaveDetails,\n getShiftOvertimeDetails,\n fetchUsers,\n createLeaveRequest,\n getShiftWeeklyDetails,\n getShiftDayListingDetails,\n getLeaveReviewPage,\n postLeaveActionRequest,\n getShiftUsedHoursDetails,\n createOvertimeRequest,\n getOvertimeReviewPage,\n postOverTimeActionRequest,\n getLeaveRequestDetails,\n getOvertimeRequestDetails,\n getStaffLeaveDetails,\n getStaffOverTimeDetails,\n getHomePageMyLeaveSectionDetails,\n getHomePageMyOvertimeDetails,\n deleteLeaveRequest,\n deleteOverTimeRequest\n\n\n}\n\n\n\n\nexport default ShiftServices\n","// import request from \"../../common/api_client\";\nimport requestrApi from \"../../common/boxr_api_client\";\n\nfunction getAllParts(params) {\n return requestrApi({\n url: \"/primary_parts\",\n method: \"GET\",\n params: params,\n });\n}\n\nfunction listingNonKits(params) {\n return requestrApi({\n url: \"/primary_parts/listing_non_kits\",\n method: \"GET\",\n params: params,\n });\n}\n\n/*function getAllParts() {\n return requestrApi({\n url: \"/primary_parts?search_keyword&page=1&count_per_page=10\",\n method: \"GET\",\n });\n}*/\n\nfunction getPrimaryPartInfo(id) {\n return requestrApi({\n url: `/primary_parts/primary_part_info?id=${id}`,\n method: \"GET\",\n });\n}\n\nfunction getAllPartsDependency(params) {\n return requestrApi({\n url: \"/primary_parts/primary_parts_dependencies?search_keyword\",\n method: \"GET\",\n params: params\n });\n}\n\n/**\n * @param query search query\n * @param currentPrimaryPartId\n * */\nfunction searchPrimaryPart(query, currentPrimaryPartId) {\n return requestrApi({\n // url: `https://dev-mropro-api.digiryte.co.uk/primary_parts/search_primary_parts?search_keyword=${query}&id=${currentPrimaryPartId}`,\n url: `/primary_parts?search_keyword=${query}&page=1`,\n method: \"GET\",\n });\n}\n\n/**\n * @param searchText string\n * @param baseStationId string | number\n * @param lineCustomerId string | number\n * @param mroOwned boolean\n */\nfunction searchAllListedPrimaryParts(\n searchText,\n baseStationId,\n lineCustomerId,\n mroOwned\n) {\n return requestrApi({\n url: `/primary_parts?search_keyword=${searchText}&page=1&count_per_page=10&base_station_id=${baseStationId}&line_customer_id=${lineCustomerId}&mro_owned=${mroOwned}`,\n method: \"GET\",\n });\n}\n\nfunction fetchDependencies() {\n return requestrApi({\n // url: '/parts/fetch_filter_dependencies',\n url: \"/primary_parts/fetch_dependencies\",\n method: \"GET\",\n });\n}\nfunction listOwnersODParts() {\n return requestrApi({\n url: \"/parts/list_owners\",\n method: \"GET\",\n });\n}\nfunction createParts(formData, isPrimaryPartFieldsDisabled) {\n const url = isPrimaryPartFieldsDisabled\n ? \"/primary_parts/save_secondary_part\"\n : \"/primary_parts\";\n\n return requestrApi({\n url: url,\n method: \"POST\",\n data: formData,\n });\n}\n\nfunction ddPartsFetchDependencies(params) {\n return requestrApi({\n // url: '/parts/fetch_filter_dependencies',\n url: \"/dd_parts/fetch_dependencies\",\n method: \"GET\",\n params,\n });\n}\n\nfunction postDocument(formData) {\n return requestrApi({\n url: \"/primary_parts/save_certificates\",\n method: \"POST\",\n data: formData,\n });\n}\n\nfunction deleteFile(fileId) {\n return requestrApi({\n url: `/primary_parts/remove_certificate?id=${fileId}`,\n method: \"DELETE\",\n });\n}\n\nfunction fetchSampleDocument() {\n return requestrApi({\n url: \"/parts/fetch_sample_document\",\n method: \"GET\",\n });\n}\nfunction fetchRelatedParts(id) {\n return requestrApi({\n url: `/parts/fetch_related_parts?part_number=${id}`,\n method: \"GET\",\n });\n}\nfunction updateParts(formData) {\n return requestrApi({\n url: \"/parts/update_part\",\n method: \"PUT\",\n data: formData,\n });\n}\nfunction updateSplitBatch(formData) {\n return requestrApi({\n url: \"/primary_parts/split_batch_function\",\n method: \"PUT\",\n data: formData,\n });\n}\n\nfunction updateSecPartsCertification(formData) {\n return requestrApi({\n url: \"/purchase_orders/create_secondary_part_certification\",\n method: \"PUT\",\n data: formData,\n });\n}\nfunction deleteParts(formData) {\n return requestrApi({\n url: `/parts/destroy_part`,\n method: \"DELETE\",\n data: formData,\n });\n}\nfunction bulkUpload(formData) {\n return requestrApi({\n url: \"/parts/bulk_upload\",\n method: \"POST\",\n data: formData,\n });\n}\nfunction changeStatus(formData) {\n return requestrApi({\n url: `/toolings/update_tooling`,\n method: \"PUT\",\n data: formData,\n });\n}\n\nfunction fetchStoreLocations(baseStationId, partNumber) {\n return requestrApi({\n url: `/primary_parts/fetch_store_locations?base_station_id=${baseStationId}&part_number=${partNumber}`,\n method: \"GET\",\n });\n}\n\n// for secondary parts\nfunction getAllSecondaryParts(params) {\n return requestrApi({\n url: `/primary_parts/fetch_secondary_parts`,\n method: \"GET\",\n params,\n });\n}\n\nfunction getAlternateParts(params) {\n return requestrApi({\n url: `/primary_parts/list_alternate_parts`,\n // ?id=${id}&page=1&count_per_page=10`,\n method: \"GET\",\n params: params,\n });\n}\n\nfunction updateSecondaryPart(formData) {\n return requestrApi({\n url: \"/primary_parts/update_secondary_part\",\n method: \"PUT\",\n data: formData,\n });\n}\n\nfunction updateAlternateParts(formData) {\n return requestrApi({\n url: \"/primary_parts/map_alternate_part\",\n method: \"PUT\",\n data: formData,\n });\n}\n\nfunction deleteAlternatePart(formData) {\n return requestrApi({\n url: `/primary_parts/remove_alternate_part`,\n method: \"PUT\",\n data: formData,\n });\n}\n\nfunction fetchMaterialCertificates(id) {\n return requestrApi({\n url: `/primary_parts/material_certificates?secondary_part_id=${id}`,\n method: \"GET\",\n });\n}\n\n// fetching quarantine parts\nfunction fetchQuarantineParts(id) {\n return requestrApi({\n url: `/part_conditions/listing_parts?condition=quarantine&page=1&count_per_page=10`,\n method: \"GET\",\n });\n}\n\nfunction fetchAllQuarantineParts(params) {\n return requestrApi({\n url: `/part_conditions/listing_parts`,\n method: \"GET\",\n params,\n });\n}\n\nfunction fetchShelfLifeParts(params) {\n return requestrApi({\n url: `/part_conditions/shelf_life_listing`,\n method: \"GET\",\n params,\n });\n}\n\nfunction transferPart(formData) {\n return requestrApi({\n url: `/part_requests/initiate_part_transfer`,\n method: \"POST\",\n data: formData,\n });\n}\n\nfunction getDDPartList(params) {\n return requestrApi({\n url: \"/dd_parts/listing_requests\",\n method: \"GET\",\n params: params,\n });\n}\nfunction deletePartRequests(formData) {\n return requestrApi({\n url: `/part_requests/destroy_request`,\n method: \"DELETE\",\n data: formData,\n });\n}\n\nconst PartsClientervices = {\n deletePartRequests,\n getDDPartList,\n getAllParts,\n createParts,\n deleteParts,\n fetchDependencies,\n changeStatus,\n updateParts,\n listOwnersODParts,\n bulkUpload,\n fetchSampleDocument,\n fetchRelatedParts,\n postDocument,\n getAllSecondaryParts,\n getAlternateParts,\n updateSecondaryPart,\n updateAlternateParts,\n searchPrimaryPart,\n fetchMaterialCertificates,\n fetchQuarantineParts,\n fetchShelfLifeParts,\n searchAllListedPrimaryParts,\n getAllPartsDependency,\n fetchAllQuarantineParts,\n fetchStoreLocations,\n getPrimaryPartInfo,\n deleteFile,\n deleteAlternatePart,\n transferPart,\n ddPartsFetchDependencies,\n listingNonKits,\n updateSecPartsCertification,\n updateSplitBatch,\n};\n\nexport default PartsClientervices;\n","import CircularProgress from \"@material-ui/core/CircularProgress\";\nimport React from \"react\";\n\nconst ChartLoader = (props) => (\n \n {props.children && {title ?? \"Filters\"} }\n {props.children}\n
\n \n
\n);\n\nexport default ChartLoader;","// export const API_WS_ROOT = 'wss://dev-mropro-api.digiryte.co.uk/cable';\n// export const HEADERS = {\n// 'Content-Type': 'application/json',\n// Accept: 'application/json',\n// };\n\nexport const MRO_MANAGED_PART = \"managed_part\";\nexport const MRO_NON_MANAGED_PART = \"non_managed_part\";\nexport const MRO_REQUEST_PART = \"request_part\";\nexport const MRO_QR_DIRECT = \"QR Direct Add\"\n","import React from \"react\";\n\nimport { Grid, Typography, makeStyles, Box } from \"@material-ui/core\";\nimport { ToggleButton, ToggleButtonGroup } from \"@material-ui/lab\";\n\nconst useStyles = makeStyles((theme) => ({\n error: {\n borderColor: \"red\",\n color: \"red\",\n },\n}));\n\nfunction YesNoField(props) {\n const classes = useStyles();\n\n const { value, handleToggle, error, setError, name, label, disabled, NoFieldError } = props;\n\n return (\n \n Please select the yes or no\n
\n )}\n {NoFieldError &&\n Must be Yes\n
}\n\n {Component?Component:
\n )\n}\n\nexport default LoadingIndicator;","// import request from \"./common/api_client\";\nimport requestrApi from \"./common/boxr_api_client\";\n\nfunction signUp(formData) {\n return requestrApi({\n url: '/auth/',\n method: 'POST',\n data: formData,\n handleHeaders: 2\n });\n}\n\nfunction login(formData) {\n return requestrApi({\n url: '/auth/sign_in',\n method: 'POST',\n data: formData,\n handleHeaders: 1,\n });\n}\n\nfunction logout() {\n return requestrApi({\n url: '/auth/sign_out',\n method: 'DELETE',\n handleHeaders: 0,\n });\n}\n\nfunction changePassword(formData, headers) {\n return requestrApi({\n url: '/users/create_password',\n method: 'POST',\n data: formData,\n headers: headers\n });\n}\n\nfunction changePin(formData, headers) {\n return requestrApi({\n url: '/users/create_password',\n method: 'POST',\n data: formData,\n headers: headers\n });\n}\n\n\nfunction requestReset(formData) {\n return requestrApi({\n url: '/auth/password',\n method: 'POST',\n data: formData,\n });\n}\n\nfunction updatePassword(formData) {\n return requestrApi({\n url: '/users/change_password',\n method: 'POST',\n data: formData\n })\n}\nfunction postOrgData(formData) {\n return requestrApi({\n url: '/organisations/organisation_login',\n method: 'POST',\n data: formData,\n handleHeaders: 3,\n });\n}\n\nfunction verifyOtpEmail(params) {\n return requestrApi({\n url: '/users/verify_by_email',\n method: 'POST',\n params\n });\n}\nfunction verifyOtpPhone(params) {\n return requestrApi({\n url: '/users/verify_by_number',\n method: 'POST',\n params\n });\n}\nfunction verifyTOTPCode(params) {\n return requestrApi({\n url: '/users/verify_totp_code',\n method: 'POST',\n params\n });\n}\nfunction verifyTOTPQR(params) {\n return requestrApi({\n url: '/users/verify_qr_code',\n method: 'POST',\n params\n });\n}\nfunction sendOtpByEmail(params) {\n return requestrApi({\n url: '/users/send_otp_by_email',\n method: 'GET',\n params\n });\n}\nfunction sendOtpByPhone(params) {\n return requestrApi({\n url: '/users/send_otp_by_num',\n method: 'GET',\n params\n });\n}\nfunction sendQRCodeLink(params) {\n return requestrApi({\n url: '/users/send_otp_by_qr',\n method: 'GET',\n params\n });\n}\n\nconst AuthClient = {\n verifyTOTPQR, verifyTOTPCode, sendQRCodeLink, verifyOtpPhone, verifyOtpEmail, sendOtpByPhone, sendOtpByEmail, signUp, login, logout, changePassword, requestReset, updatePassword, postOrgData, changePin\n};\n\nexport default AuthClient;","import React, { useEffect, useState } from \"react\";\nimport {\n KeyboardDatePicker,\n MuiPickersUtilsProvider,\n} from \"@material-ui/pickers\";\nimport MomentUtils from \"@date-io/moment\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport moment from \"moment\";\nimport MROTextField from \"./TextField\";\nimport EventIcon from \"@material-ui/icons/Event\";\nimport { InputAdornment } from \"@material-ui/core\";\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n \"& input::placeholder\": {\n textTransform: 'unset'\n },\n margin: theme.spacing(1, 0),\n \"& .MuiOutlinedInput-root\": {\n \"& fieldset\": {\n borderColor: theme.palette.primary.main,\n borderWidth: \"1px !important\",\n },\n \"&:hover fieldset\": {\n borderColor: theme.palette.primary.light,\n // borderWidth: '1px !important'\n },\n \"&.Mui-error:hover fieldset\": {\n borderColor: \"#f44336 !important\",\n },\n \"& .MuiOutlinedInput-input\": {\n padding: \"15px\",\n },\n },\n \"& label\": {\n color: theme.palette.primary.main,\n },\n },\n}));\n\nexport const checkFromat = (date) =>\n /^\\d{4}\\-(0?[1-9]|1[012])\\-(0?[1-9]|[12][0-9]|3[01])$/.test(date);\n\nfunction DateField(props) {\n const classes = useStyles();\n const [selectedDate, setSelectedDate] = useState(null);\n const {\n label,\n name,\n defaultValue,\n variant,\n onChange,\n error,\n helperText,\n disabled,\n } = props;\n const outputFormat = \"DD/MM/YYYY\";\n useEffect(() => {\n setSelectedDate(\n defaultValue\n ? moment(\n defaultValue,\n checkFromat(defaultValue) ? \"YYYY-MM-DD\" : \"DD/MM/YYYY\"\n ).format(\"lll\")\n : \"\"\n );\n }, [defaultValue]);\n\n if (disabled) {\n return (\n \n
\n )\n}\n","import React, { useState, useEffect } from \"react\";\nimport MROTextField from \"components/form_components/TextField\";\nimport DateTimeField from \"../../../../../components/form_components/DateTimeField\";\nimport RecordsTotalHours from \"./RecordsTotalHours\";\nimport { MenuItem } from \"@material-ui/core\";\n\nfunction FreeTextField(props) {\n const { handleChange, isDpdDisabled } = props;\n\n // console.log(\"props coming are=============\", { props })\n\n const inputProps = {\n maxLength: props.max_length,\n step: props.decimal_places ? 1 / (10 ^ props.decimal_places) : null,\n readOnly: props.disabled ? true : false,\n style: {\n textTransform: props.field_name?.replace(/\\s/g, '').toLowerCase() === 'tlp#' && 'uppercase',\n }\n };\n const fieldProps = {\n // required: props.mandatory || false,\n type: props.field_type === \"Datetime\" ? \"date\" : \"text\",\n label:\n props.mandatory && !props?.disabled\n ? props.field_name + \" *\"\n : props.field_name,\n name: `${props.id || props.org_field_id}`,\n // defaultValue: props.field_value ? props.field_value : props.field_name == \"Est Arrival Date/Time (UTC)\" ? props?.sectionDetails && props?.sectionDetails[0].sub_section_fields[0].field_value : props.field_name == \"Act Arrival Date/Time (UTC)\" ? props?.sectionDetails && props?.sectionDetails[0].sub_section_fields[1].field_value : null,\n defaultValue: props.field_name?.replace(/\\s/g, '').toLowerCase() === 'tlp#' ? props.field_value?.toUpperCase() : props.field_value,\n value: props.disabled\n ? props.field_value\n : props.field_type !== \"Datetime\"\n ? props.value\n : 0,\n // disabled: props.disabled,\n error:\n props.errors &&\n props.errors[props.id || props.org_field_id] &&\n !props.errors[props.id || props.org_field_id].valid &&\n props.mandatory,\n autoFocus:\n props.errors &&\n props.errors[props.id || props.org_field_id] &&\n !props.errors[props.id || props.org_field_id].valid &&\n props.mandatory,\n // error: props.formData && props?.formData[props.id || props.org_field_id] === '' && props.mandatory\n };\n\n if (props.field_name === \"Total Hours\") {\n return \n
\n ) : props.field_type === \"Time\" ? (\n \n
\n ) : props.field_type === \"Dropdown\" ? (\n \n \n {props?.menuItems?.map((item, idx) => (\n \n ))}\n \n
\n ) : props.field_type === \"Freetext\" ? (\n \n {\n handleChange(e);\n }}\n style={\n inputProps.readOnly\n ? {\n color: \"rgba(0, 0, 0, 0.87) !important\",\n cursor: \"not-allowed !important\",\n backgroundColor: \"rgba(0, 0, 0, 0.1)\",\n }\n : {}\n }\n // error={!fieldProps.defaultValue && fieldProps.required}\n />\n
\n ) : (\n \n {\n handleChange(e);\n }}\n style={\n inputProps.readOnly\n ? {\n color: \"rgba(0, 0, 0, 0.87) !important\",\n cursor: \"not-allowed !important\",\n backgroundColor: \"rgba(0, 0, 0, 0.1)\",\n }\n : {}\n }\n // error={!fieldProps.defaultValue && fieldProps.required}\n />\n
\n )\n}\n\nexport default React.memo(FreeTextField);\n","import requestrApi from \"../common/boxr_api_client\"\n\nconst createCapability = (data) => {\n return requestrApi({\n url: \"/capabilities\",\n method: \"POST\",\n data: data,\n });\n};\n\nconst updateCapability = (data) => {\n return requestrApi({\n url: \"/capabilities/update_capabilities\",\n method: \"PUT\",\n data: data,\n });\n};\n\nconst getPlatforms = (params) => {\n return requestrApi({\n url: \"/capabilities/listing_platforms\",\n method: \"GET\",\n params\n });\n};\nconst getFetchDependency = (params) => {\n return requestrApi({\n url: \"/capabilities/fetch_dependencies\",\n method: \"GET\",\n params\n });\n};\nconst getAllCapabilities = (params) => {\n return requestrApi({\n url: \"/capabilities\",\n method: \"GET\",\n params\n });\n};\n\nfunction deleteEngineTask(formData) {\n return requestrApi({\n url: `/capabilities/destroy_eng_tasks`,\n method: 'DELETE',\n data: formData\n })\n}\n\nconst createPlatform = (data) => {\n return requestrApi({\n url: \"/capabilities/create_platform\",\n method: \"POST\",\n data,\n });\n};\nconst createEngineTask = (data) => {\n return requestrApi({\n url: \"/capabilities/create_eng_tasks\",\n method: \"POST\",\n data,\n });\n};\nconst createCapWithoutRecord = (data) => {\n return requestrApi({\n url: `/capabilities/create_capability`,\n method: \"POST\",\n data: data,\n });\n};\n\nconst updatePlatform = (data) => {\n return requestrApi({\n url: \"/capabilities/update_platform\",\n method: \"PUT\",\n data,\n });\n};\n\nconst mapPlatform = (data) => {\n return requestrApi({\n url: \"/capabilities/map_platform\",\n method: \"PUT\",\n data,\n });\n};\n\nconst editEngineTask = (data) => {\n return requestrApi({\n url: \"/capabilities/update_eng_tasks\",\n method: \"PUT\",\n data,\n });\n};\n\nconst getAllTechData = (params) => {\n return requestrApi({\n url: \"/capabilities/listing_tech_data\",\n method: \"GET\",\n params\n });\n};\nconst createTechData = (data) => {\n return requestrApi({\n url: `/capabilities/create_tech_data`,\n method: \"POST\",\n data: data,\n });\n};\n\nfunction fetchSampleDocument(params) {\n return requestrApi({\n url: 'capabilities/fetch_sample_document',\n method: 'GET',\n params\n });\n}\n\nfunction bulkUpload(formData) {\n return requestrApi({\n url: '/capabilities/capability_upload',\n method: 'POST',\n data: formData\n })\n}\n\nconst updateTechData = (data) => {\n return requestrApi({\n url: \"/capabilities/update_tech_data\",\n method: \"PUT\",\n data,\n });\n};\n\nfunction deleteTechData(formData) {\n return requestrApi({\n url: `capabilities/destroy_tech_data`,\n method: 'DELETE',\n data: formData\n })\n}\nfunction verifyRevisionState(formData) {\n return requestrApi({\n url: `/capabilities/verify_revision_status`,\n method: 'POST',\n data: formData\n })\n}\n\nconst getAllRevisionDetails = (params) => {\n return requestrApi({\n url: \"/capabilities/revision_history\",\n method: \"GET\",\n params\n });\n};\n\n\n\nconst CapabilityServices = {\n createCapability,\n getPlatforms,\n createPlatform,\n updatePlatform,\n mapPlatform,\n getFetchDependency,\n createCapWithoutRecord,\n createEngineTask,\n editEngineTask,\n deleteEngineTask,\n updateCapability,\n getAllCapabilities,\n getAllTechData,\n createTechData,\n fetchSampleDocument,\n bulkUpload,\n updateTechData,\n deleteTechData,\n verifyRevisionState,\n getAllRevisionDetails\n};\n\nexport default CapabilityServices;\n","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABHNCSVQICAgIfAhkiAAAArxJREFUSEutlk1ME0EUx/+z7PJxUCAgYiCh8SP1gLEcS4OK8QotBxNvauLFeMELBjzISdSLiYnxKNxMPNDCXaqGcrSGmtgETWsgIkJs9VBgtzvOG9qmm3a7bWFOm/l4v/ef9968ZXAYI5GGgMIVPxh3gcMDxtrAeQoMUXCWMGEGF33ZUCUzzG5xJKKNK5w/kkadhoByhY8veLNz5baWQAIrcHFTmxeeepxsl6xzRJmijwW9SBSvWSCBZXg41KWqvLfzQKhiMIaDPnGduVGAHChQPx0KkLdKIMUYyCsqQEaXtShjuFjzFdkqQjTk0wdoWUJkkIHnRwbIGTKZeXvRm52VEH9ETQleaz2QnhY37p1+hZn4dfwzdqwmxLWFfEY7k3UAZb4eQHfzGTy98AGt6gn8yHzBw9i1EpCoozE2GtFIzs1aIQSY6V9Cu9Ytj65nvmIqdhV/jW2LKQ7MCYgaZmCXa4F0NfUJBR8LgJ+7a3iweqkEQDY5+HtmF49jagcm3W/x8vtdbGTiBR8I8Fgo6GzslXMEmIwNI6X/Ku8npbM/oglF1kGAJ/1hUFDTxm/p5ebuN3Q09kgFecDWXgITq0P2gHwxllNyXO0U3r5Db8t5ue2Pvoln8Ru4f24WXU0uOUcAUrCzv+Fw0zxtGxMCUeacaj5bYmR7f12oG6oCkItJpexq007KDCoGEWBKKNjaS1aVKzK7nOqkGETXRgqqBZAXsk7ow6niCTThfoMXa3dkAtQwkqFB3XXwdq003BLd73UNh6vaanm76MRRv8Kc4/OCT5eNz9pPuCoaTX0PpVWaSFtmeEr6CW2SnZGp4cOBBIAbV8p2xrwn1CFNUwvW08DoihRFD1Ts8cWSc8kwLeb6qohyUgR5mhpUub22v0T5zVRHDEpA1C6loggkxYynRZFR/BKc/rsGs8FKjvwHROgpQCmCE54AAAAASUVORK5CYII=\"","import { AUTH_ACTIONS } from '../actions/auth_actions';\nimport CreateReducer from '../lib/utils/create_reducer';\n\nexport const INITIAL_STATE = {\n loading: false,\n error: {},\n mask: true,\n message: {},\n authState: {},\n user: {}\n};\n\nconst authReducer = CreateReducer(INITIAL_STATE, {\n [AUTH_ACTIONS.AUTHENTICATED](state, action) {\n return {\n ...state,\n loading: false,\n };\n },\n [AUTH_ACTIONS.SET_AUTH_STATE](state, action) {\n return {\n ...state,\n authState: action.authState,\n user: action.user\n };\n },\n [AUTH_ACTIONS.AUTHENTICATION_ERROR](state, action) {\n return {\n ...state,\n error: { ...state.error, message: action.response },\n loading: false\n };\n },\n [AUTH_ACTIONS.TOGGLE_LOADING_STATE](state, action) {\n return {\n ...state,\n loading: !state.loading\n }\n },\n [AUTH_ACTIONS.PASSWORD_CHANGE_SUCCESS](state, action) {\n return {\n ...state,\n loading: false,\n message: { ...state.message, message: action.response, success: true }\n }\n },\n [AUTH_ACTIONS.PASSWORD_CHANGE_ERROR](state, action) {\n return {\n ...state,\n loading: false,\n message: { ...state.message, message: action.response, success: false }\n }\n },\n [AUTH_ACTIONS.SET_ERRORS](state, action) {\n return {\n ...state,\n loading: false,\n error: { ...state.error, ...action.error },\n }\n },\n [AUTH_ACTIONS.TOGGLE_MASK](state, action) {\n return {\n ...state,\n loading: false,\n mask: !state.mask\n }\n }\n});\n\nexport default authReducer;\n","import requestrApi from \"lib/services/api/common/boxr_api_client\";\n// import requestApi from \"../../../common/boxp_api_client\";\n\nconst getBatchNumbers = (params) => {\n return requestrApi({\n url: \"/primary_parts/secondary_part_info\",\n method: \"GET\",\n params: params,\n });\n};\n\n// Line Work order parts tab removed part section\nconst getRemovedParts = (params) => {\n return requestrApi({\n url: \"/part_conditions/work_order_removed_parts\",\n method: \"GET\",\n params: params,\n });\n\n}\n\nconst createRemovedParts = (formdata) => {\n return requestrApi({\n url: \"/part_conditions/create_allocation\",\n method: \"POST\",\n data: formdata,\n });\n\n}\n\nconst editRemovedParts = (data) => {\n return requestrApi({\n url: \"/part_conditions/edit_allocation\",\n method: \"PUT\",\n data\n });\n\n}\nconst deleteRemovedParts = (data) => {\n return requestrApi({\n url: \"/part_conditions/destroy_allocation\",\n method: \"DELETE\",\n data\n });\n\n}\n\nconst UpdateMaintTechLog = (data) => {\n return requestrApi({\n url: \"/operational_tasks/update_task\",\n method: \"PUT\",\n data\n });\n\n}\n\n\nconst getMaintPlannedTableDetails = (params) => {\n return requestrApi({\n url: \"/work_orders/planned_maintenance_table\",\n method: \"GET\",\n params: params,\n });\n\n}\nconst EditPlannedTask = (data) => {\n return requestrApi({\n url: \"/work_orders/edit_planned_tasks\",\n method: \"PUT\",\n data\n });\n\n}\n\n\nconst DeassignPlannedTask = (data) => {\n return requestrApi({\n url: \"/work_orders/deassign_planned_task\",\n method: \"PUT\",\n data\n });\n\n}\n\nconst EditPlannedRecords = (data) => {\n return requestrApi({\n url: \"/work_orders/edit_records\",\n method: \"PUT\",\n data\n });\n\n}\n\nconst UndoPlannedTask = (data) => {\n return requestrApi({\n url: \"/work_orders/undo_deassign_task\",\n method: \"PUT\",\n data\n });\n\n}\nfunction deleteDocument(params) {\n return requestrApi({\n url: `/generals/remove_attachment`,\n method: \"DELETE\",\n params\n });\n}\nexport const WorkOrderServices = {\n getBatchNumbers,\n getRemovedParts,\n createRemovedParts,\n editRemovedParts,\n deleteRemovedParts,\n UpdateMaintTechLog,\n getMaintPlannedTableDetails,\n EditPlannedTask,\n DeassignPlannedTask,\n EditPlannedRecords,\n deleteDocument,\n UndoPlannedTask\n};\n","module.exports = __webpack_public_path__ + \"static/media/Lock.bc4ca4d8.svg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFUAAABQCAYAAABoODnpAAAABHNCSVQICAgIfAhkiAAACFRJREFUeF7tnQlsFUUYx/9bEEEaqdiIIOXUcIhQEBIjEGsUBCkQ0CAqSMWYSAyXt0SComjUqFxBYzAqgveBbwtyaEQ5FIGgghxBOQwiCBIOG5Br/c+2FB597+3M7uzO8mSSpk125pvv++339s3+56iFmBbnM+ShOu6Fg1tgoTndzOXf2/j3MuTgFasX1sTUdboYw+KU4loCLKVrF2Vw7wUU4zHLYs2YldhBdRK4jrd6kSSn6VZvZnPMSqygOvNQF0ewjlDrSXNycLfVB29J14+gYryg2pjImEcqxe1gP2qhsdWNv2NSYgPVmYuGOI7N5HKeMhsHE5itTyi3C6lBfKDaeJsx3uUzzsM4gSZWX+zy2V5rs1hAdT5HCz5HxbM0x3d0DqYxW+/33V5jw3hAtZFgTL0DxeXw4QFcQbBbAtnR0Ng4VGcOOvKju0JDLOCI9T1CvUOLrQBGzEO1sZj+dwkQQ3LTHLQ1/bZlFCrfnHpVvDlpY0p785itPfUZVLdkFqqNn+nyVepue7Rw0JVgl2i3K2nQGFRm6SBm1TuSfqpVc7CSUDupNdJX2whUZyUH+H+6A/2G+kKpYqkfdYHZIdpPa9oM1ASGc0w6OdSAHWzkIK01VawTofaTwnjkUJ35qE3R5Hf6UjeCYIcyW9+MoJ+kLqKHWoqxfJaOjyjQ7aiPZlZHHI2oP7ebSKG60t5RN0trRxjkg8zWlyPsL2KoCQZnYXSUAbKvvaiBRtZNKIuq38gyNZC0F5zGM8zWscHNyFmIDmqCXxgWSuTc0l6rjIO4RlYPZm0EJRKo/qQ9ulYwFKjXC6jTntI1BwsH+AK2dymw+SXgyG5VPFOZrcNVG/mpHw3UBAfhFvpKOygAXv0BkH9j6iYC6OohwO4vpE1yxBGZNBg6VGVpL6cW0JnZKLIzY+GY/oc+wF9z5MECs5itg1Qa+KkbPlRVae9Kzv01lZz7O7IH+KoZcPygfOwRSIOhQuUcfk9+7OdKR1z9QqA7P9o5NaSb4BeO0LaISVjpMpfZygd1eCVcqKrSXv4NwDVfqkW7izMxK+Qf167xkKXB0KA6tjutMUuJUMMSoFDxVf3AT8C3hUrdEGqo0mAoUJ0PUQ01sYkf/aZK0RbcA7SbrtQE+1cDizuotRG1ORqxit0JR+0lHKi2O1U8VdnbKKGGKA1qh+pKe//iN6X1UCfpRwm1PFtLmK1iEYfWoh+q7S6/edqXl1FDBUKRBrVCDSztRQ9VZOtoZqvSmMwrYfRCtcGXcjzg1Wna6yaghiANaoOqRdozA1WMW8dz9nWc72Q4o6E+qDbeoG3KSgGKKaiggK1RGtQC1Z+0lwK+OagiW6cwW0cESInKpnqg2viUFvsFdsgkVHD2rBonCW/miCBgCQxVWdrL5LBZqCJbZzJbBwdkGnzij+/4+lbtmYd6gmBbc0X2xiBgA2Uqs7QH138oyO8erpqGWu7eHEqDxeagqkp7Xp7GA2pgadB3pnLV3kCxctmLk9L1BgOBDoom//4G+K5IqRvPygGlQV9QfUt7XtHktgKK1nnVSr6+7TVgzTC1NnK1+/AxYMtVTa7lD2ophjFLp/np0LNN0QZu7W3hWa2ywnIumt49T76+bM0A0qAyVOdrys8HsdWXtCcT0GUc0bSfIVMT2L+KArVY2xvant8hzFZJZ065rA61FGMYwwS5qH3WascplYKSzI3FTOpS7r8oCzT68XLQlzSoBNVZiDo45O65r+PlTbDrdKv5w+U/NfLPMMX5/h0fA+t57ZBYQBh6GcVsnaTSixrUBF4k0IdUOghU1+JUdYMBXHh5ebmZY/8QKEcHh/8IZFaxsfKqQWmoFdLeJjpUU9GpbKj+JLP1KdlA5KEmMJ1ZyunO/2VRkgaloGqT9s7u+zGJ2TpKJgQ5qAl8wiztL2Mwi+tIS4OeULVKe2c/8RnMVq7hzFy8oeqU9ry8ift1h5qchDSYESq10u6Mc76xWPOpwF16J8cbjYDz+VPGo6j28GSlne9yeLXPlFs2s5ULY9MXL6jhbMj1wlE9D2hDcHldU9c8SqAbKaIIwCZKDjpx+/vKdF2nhcosvY2N3o/cZwG0kKujc9t6d732dlNglzBb09zxNJvTQpP2vDEBTcbw53GZmpyqY8Yu5852E48CC8Vc2ZJybXzKTGWW3seoXpWLTHOtLpzMrK4gLWzgY2DnTM1OSJlbw0mXwlQbiqtADV3ay+SveIYWyq9md03tYbKs5YyBiWJhMLO1yh2tCtWG+Ow9a8JHiG/7NorTKft4AMWPxk73SCkNJkGNTtpLc8v8ZKpZqEIfH8G1AlNOjygZqo3nefERI1kqOq3ZmBsp1qp1v52zOr8+qtZGb+0q0mAlVIom9Xh+2VYRmt4+Fa0VchlBnsKJSt+3ob66TbETzdUdjGO2Vp5hcAqqjdfZlfmzSMX4VHxZyYwAzGfpybuTJA26ULmJrCl/id0k1TTfQ3/mxBdWS049ZwK7k7uJNoiRX0yKg4nMVvcsg3KoNj7ir1tj4l65G+L5Kl4CxLv/6eUw56W2PmdqbJoJUaU0aHGlSSt+gymuYIgQv3htza04D0wANf38zBR6xcmYFj/6k5mvkeyDj/BWmOqqjA/Qiy1+9NfTg5amvMi6fh0UCajiwJYLsi44UwGJDW+EuoP91zflQxb22188UxfwmdotC4MzExL/e4aAOoBQeWDJuaKBwCKK19efHKdy+Rx87O/W4EY2mbDQmVLgsnKo4oz9Y1jFjL0km2KMOJaRzFL3pM1T7/6zUcAx1oJzwyvFW+HwjE0L4vTLylM4qorUCe4jYiWaFsuZz40KUjMWw1CxWG8h30an8p0/aU3nfzteXQUMpPBNAAAAAElFTkSuQmCC\"","import { Button, ButtonGroup, Grid } from \"@material-ui/core\";\nimport React, { useEffect, useState } from \"react\";\nimport AddIcon from \"@material-ui/icons/Add\";\nimport RemoveIcon from \"@material-ui/icons/Remove\";\nimport MROTextField from \"../../../../../components/form_components/TextField\";\nimport { fixedInputValueTo2DecimalPlaces } from \"lib/utils/helperFunctions\";\n\nexport default function NumericIncrement({ setError, state, setState, ...props }) {\n const [val, setVal] = useState(props.value ? parseFloat(props?.value) : \"\");\n const handleChange = (action) => () => {\n typeof setError === \"function\" && setError();\n if (action === \"inc\") {\n if (parseFloat(val || 0) >= 0)\n if (parseFloat(val) % 0.5 === 0) setVal(parseFloat(val + 0.5));\n else setVal(parseFloat(val || 0) + 0.5);\n }\n if (action === \"dec\") {\n if (parseFloat(val) > 0)\n if (parseFloat(val) % 0.5 === 0) {\n setVal(parseFloat(val - 0.5))\n } else if (parseFloat(val) <= 0.5) {\n setVal(0)\n }\n else setVal(Math.round(parseFloat(val || 0) - 0.5))\n }\n };\n\n useEffect(() => {\n setState({\n ...state,\n man_hours: val,\n });\n }, [val]);\n\n console.log({ val });\n\n useEffect(() => {\n // setVal(parseFloat(props?.value))\n }, [props.value]);\n\n let inputprops = {\n value: props.value,\n };\n\n return (\n <>\n \n {!noTitle && \n {title === \"\" ? \"\" : title}\n }\n \n
:\n \n {children}\n {!noAction &&
\n }\n \n Cancel \n {\n handleConfirm()\n }}>Yes, Confirm \n
}\n \n \n {label && {label} }\n \n {/* { 0 ? {} : classes.error} >{fileList && fileList.length > 0 ? \"\": \"Please upload a document *\"} } */}\n\n
\n )\n}\n\nexport default UploadButton;","import React, { useEffect, useState } from \"react\";\nimport {\n KeyboardDatePicker,\n MuiPickersUtilsProvider,\n DateTimePicker,\n KeyboardDateTimePicker,\n KeyboardTimePicker\n} from '@material-ui/pickers';\nimport MomentUtils from '@date-io/moment';\nimport { makeStyles } from '@material-ui/core/styles';\nimport moment from \"moment\";\nimport MROTextField from \"./TextField\";\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n margin: theme.spacing(1, 0),\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n borderColor: theme.palette.primary.main + '!important',\n borderWidth: '1px !important'\n },\n '&:hover fieldset': {\n borderColor: theme.palette.primary.light + '!important',\n // borderWidth: '1px !important'\n },\n '&.Mui-disabled fieldset': {\n borderColor: 'rgba(0, 0, 0, 0.26) !important'\n },\n '&.Mui-error fieldset': {\n borderColor: '#f44336 !important',\n },\n '& .MuiOutlinedInput-input': {\n padding: '15px'\n }\n },\n '& label': {\n color: theme.palette.primary.main\n }\n },\n}))\n\n\n\nexport const checkFromat = (date) =>\n /^\\d{4}\\-(0?[1-9]|1[012])\\-(0?[1-9]|[12][0-9]|3[01])$/.test(date);\n\nfunction LMEventsDateTimeField(props) {\n const classes = useStyles();\n const [selectedDate, setSelectedDate] = useState(null);\n const { label, name, defaultValue, variant, disabled, onlyTime, onChange, setErrors, errors, format, helperText, maxDate, type\n } = props;\n\n function container() {\n // Use the fullscreen element if in fullscreen mode, otherwise just the document's body\n return document.fullscreenElement ?? document.body;\n }\n\n useEffect(() => {\n if (defaultValue !== 'Invalid date') {\n setSelectedDate(defaultValue ? moment(defaultValue, onlyTime ? \"HH:mm\" : \"DD/MM/YYYY HH:mm:ss a\") : null)\n }\n else {\n setSelectedDate(\"\")\n }\n }, [defaultValue]);\n\n const changeDate = (date) => {\n if (date === null) {\n\n setSelectedDate(\"\")\n onChange && onChange(\"\")\n } else {\n setSelectedDate(date);\n onChange && onChange(moment(date).format(type === \"events\" ? \"DD/MM/YYYY HH:mm\" : \"DD/MM/YYYY HH:mm:ss\"))\n\n }\n }\n\n const changeTime = (date) => {\n setSelectedDate(date); onChange && onChange(moment(date).format(type === \"events\" ? \"DD/MM/YYYY HH:mm\" : \"DD/MM/YYYY HH:mm:ss\"))\n }\n moment.locale(\"es-es\", {\n week: {\n dow: 1 //Monday is the first day of the week.\n }\n });\n if (onlyTime) {\n return \n {defaultValue && defaultValue?.length > 0 && {noFileExist ?? \"Existing Files:\"} }\n {defaultValue && defaultValue?.map((file, i) => {noFileExist ?? \"Chosen Files(new):\"} }\n {fileList && fileList?.map((file, i) => Please select the {labelName?.replace(\"*\", \"\") ?? label?.replace(\"*\", \"\")} }\n
\n \n {file.name ? \n : \"No Files found\"}\n
)}\n {fileList && fileList.length > 0 && \n
)}\n {error && \n {helperText}\n
\n )}\n\n {buttons.map((button,i)=> props.history.push(button.redirect)}>{button.name} )}\n
\n )\n}\n\nexport default ButtonGroupNavigation;","import requestApi from \"../../common/boxp_api_client\";\nimport requestrApi from \"../../common/boxr_api_client\";\n\n\n\n\n//Shift Patterns\n\nconst getShiftPatternListing = (params) => {\n return requestApi({\n url: '/shift_patterns',\n method: 'GET',\n params\n })\n}\n\nconst getTimeZone = (params) => {\n return requestApi({\n url: '/time_zones',\n method: 'GET',\n params\n })\n}\n\n\nconst createShiftPattern = (formData) => {\n return requestApi({\n url: '/shift_patterns',\n method: 'POST',\n data: formData\n })\n}\n\nconst updateShiftPattern = (formData, id) => {\n return requestApi({\n url: `/shift_patterns/${id}?_method=PUT`,\n method: 'POST',\n data: formData\n })\n}\n// Shiftpattern - sub shift\nconst getSubShiftPatternListing = (params) => {\n return requestApi({\n url: '/shift_listing',\n method: 'GET',\n params\n })\n}\n\n\nconst createSubShiftPattern = (formData) => {\n return requestApi({\n url: '/add_shift',\n method: 'POST',\n data: formData\n })\n}\n\nconst updateSubShiftPattern = (formData, id) => {\n return requestApi({\n url: `/edit_shift?_method=PUT&id=${id}`,\n method: 'POST',\n data: formData\n })\n}\n\nconst fetchShiftTypes = (params) => {\n return requestApi({\n url: '/shift_types',\n method: 'GET',\n params\n })\n}\n\nfunction deleteSubShiftPattern(params) {\n return requestApi({\n url: `/delete_shift`,\n method: 'DELETE',\n params\n })\n}\nconst createCopyToBottom = (formData) => {\n return requestApi({\n url: '/copy_to_bottom',\n method: 'POST',\n data: formData\n })\n}\n\nconst shiftMovePosition = (formData, id) => {\n return requestApi({\n url: `/move_position?_method=PUT`,\n method: 'POST',\n data: formData\n })\n}\n\nconst getActiveUsersListing = (params) => {\n return requestApi({\n url: '/active_pattern_users',\n method: 'GET',\n params\n })\n}\n\n\n\nfunction fetchUsers(params) {\n return requestApi({\n url: '/fetch_users',\n method: 'GET',\n params: params\n })\n\n}\nconst createActivePattern = (formData) => {\n return requestApi({\n url: '/create_user_shifts',\n method: 'POST',\n data: formData\n })\n}\nconst updateActivePattern = (formData) => {\n return requestApi({\n url: '/edit_end_date',\n method: 'POST',\n data: formData\n })\n}\n\n\n// User Shifts tab\nconst getUserShiftListing = (params) => {\n return requestApi({\n url: '/shifts',\n method: 'GET',\n params\n })\n}\n\n\nconst createUserShift = (formData) => {\n return requestApi({\n url: '/shifts',\n method: 'POST',\n data: formData\n })\n}\nconst getBaseStation = (params) => {\n return requestApi({\n url: '/base-stations',\n method: \"GET\",\n params\n });\n};\n\nconst updateShifZoneArea = (formData, id) => {\n return requestApi({\n url: `/edit_shift_zone_area?_method=PUT`,\n method: 'POST',\n data: formData\n })\n}\nconst updateShifAbsentTraning = (formData, id) => {\n return requestApi({\n url: `/mark_as_absent_training?_method=PUT`,\n method: 'POST',\n data: formData\n })\n}\n\nfunction deleteUserShifts(params) {\n return requestApi({\n url: `/remove_shift?_method=PUT`,\n method: 'DELETE',\n params\n })\n}\n\nconst updateAllShifZoneArea = (formData, id) => {\n return requestApi({\n url: `/set_all_shift_zone_area?_method=PUT`,\n method: 'POST',\n data: formData\n })\n}\nfunction deleteAllUserShifts(formData) {\n return requestApi({\n url: '/remove_all_shifts?_method=PUT',\n method: 'POST',\n data: formData\n })\n}\n// Leave tab\nconst getLeaveDetails = (params) => {\n return requestApi({\n url: '/user_leave_listing',\n method: 'GET',\n params\n })\n}\n\nconst updateUserEntitlement = (formData) => {\n return requestApi({\n url: '/set_user_entitlement?_method=PUT',\n method: 'POST',\n data: formData\n })\n}\n\nconst updateSetCarryForward = (formData) => {\n return requestApi({\n url: '/set_carry_forward?_method=PUT',\n method: 'POST',\n data: formData\n })\n}\n//Admin tab\n\nconst getDefaultListing = (params) => {\n return requestApi({\n url: '/get_default_settings',\n method: 'GET',\n params\n })\n}\n\nconst createDefaultSettings = (formData) => {\n return requestApi({\n url: '/add_update_default_settings',\n method: 'POST',\n data: formData\n })\n}\n\nconst getShiftAreaListing = (params) => {\n return requestApi({\n url: '/get_shift_areas',\n method: 'GET',\n params\n })\n}\n\nconst createShiftArea = (formData) => {\n return requestApi({\n url: '/create_shift_area',\n method: 'POST',\n data: formData\n })\n}\nconst updateShiftArea = (formData) => {\n return requestApi({\n url: '/update_shift_area?_method=PUT',\n method: 'POST',\n data: formData\n })\n}\nconst getUserGroupListing = (params) => {\n return requestApi({\n url: '/get_user_group_values',\n method: 'GET',\n params\n })\n}\nconst sensShiftsReport = (params) => {\n return requestrApi({\n url: '/shifts/send_shift_email',\n method: 'GET',\n params\n })\n}\n\nconst createUserGroup = (formData) => {\n return requestApi({\n url: '/create_user_group_value',\n method: 'POST',\n data: formData\n })\n}\nconst updateUserGroup = (formData) => {\n return requestApi({\n url: '/update_user_group_value?_method=PUT',\n method: 'POST',\n data: formData\n })\n}\nconst fetchUserGroups = (params) => {\n return requestApi({\n url: '/user_group_listing',\n method: 'GET',\n params\n })\n}\n\n\n\n\n\nconst getZoneListing = (params) => {\n return requestApi({\n url: '/get_shift_zones',\n method: 'GET',\n params\n })\n}\n\nconst createZone = (formData) => {\n return requestApi({\n url: '/create_shift_zones',\n method: 'POST',\n data: formData\n })\n}\nconst updateZone = (formData) => {\n return requestApi({\n url: '/update_shift_zones?_method=PUT',\n method: 'POST',\n data: formData\n })\n}\nconst resetShifts = (param) => {\n return requestApi({\n url: '/reset_shift?_method=PUT',\n method: 'POST',\n data: param\n })\n}\n\n\n\nfunction deleteUserGroup(params) {\n return requestApi({\n url: `/delete_user_group_value`,\n method: 'GET',\n params\n })\n}\nconst ResourcesServices = {\n getShiftPatternListing,\n createShiftPattern,\n getDefaultListing,\n createDefaultSettings,\n getShiftAreaListing,\n createShiftArea,\n updateShiftArea,\n getUserGroupListing,\n createUserGroup,\n updateUserGroup,\n getZoneListing,\n createZone,\n updateZone,\n fetchUserGroups,\n updateShiftPattern,\n getSubShiftPatternListing,\n createSubShiftPattern,\n deleteUserGroup,\n fetchShiftTypes,\n updateSubShiftPattern,\n createCopyToBottom,\n deleteSubShiftPattern,\n shiftMovePosition,\n getActiveUsersListing,\n fetchUserGroups,\n fetchUsers,\n createActivePattern,\n updateActivePattern,\n getUserShiftListing,\n createUserShift,\n getBaseStation,\n updateShifZoneArea,\n updateShifAbsentTraning,\n deleteUserShifts,\n getLeaveDetails,\n updateUserEntitlement,\n updateSetCarryForward,\n updateAllShifZoneArea,\n deleteAllUserShifts,\n resetShifts,\n getTimeZone,\n sensShiftsReport\n\n}\n\nexport default ResourcesServices","import React, { useEffect, useState } from 'react';\nimport makeStyles from '@material-ui/core/styles/makeStyles';\nimport withStyles from '@material-ui/core/styles/withStyles';\nimport AppBar from '@material-ui/core/AppBar';\nimport Tabs from '@material-ui/core/Tabs';\nimport Tab from '@material-ui/core/Tab';\nimport { Box, CircularProgress, useTheme } from '@material-ui/core';\n\nfunction a11yProps(index) {\n return {\n id: `tab-${index}`,\n 'aria-controls': `tabpanel-${index}`,\n };\n}\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n flexGrow: 1,\n },\n appBar: {\n backgroundColor: \"#fff\",\n color: theme.palette.primary.main,\n padding: \"1% 1% 0 1%\"\n },\n tabRoot: {\n \"&.MuiTab-root\": {\n minHeight: \"32px\"\n }\n }, tabsRoot: {\n \"&.MuiTabs-root\": {\n minHeight: \"38px\"\n }\n },\n}));\n\nconst MROTab = withStyles((theme) => ({\n root: {\n overflowX: \"hidden !important\",\n textTransform: 'none',\n fontWeight: 400,\n color: \"black\",\n '& .nav_icon': {\n visibility: 'hidden'\n },\n '&$selected': {\n color: theme.palette.primary.main,\n fontWeight: 500,\n '& .nav_icon': {\n visibility: \"visible\"\n }\n },\n },\n selected: {},\n}))((props) => \n \n \n {tabProp.map((tab, i) =>\n { props.history.push(tab.redirect) }} />\n )}\n \n \n
\n );\n}\n\nexport function TabSectionBar(props) {\n const classes = useStyles();\n const { isGettingDetails, currentTab, setCurrentTab, disableBack, disableNavigation } = props;\n const tabProp = props.tabProperties || [];\n const handleChange = (event, newValue) => {\n if (disableNavigation) {\n return;\n }\n else if (disableBack) {\n if (newValue > currentTab) {\n setCurrentTab(newValue);\n }\n }\n else {\n setCurrentTab(newValue);\n }\n };\n\n if (isGettingDetails) {\n return (\n \n \n \n {tabProp.map((tab, i) =>\n \n \n
\n );\n}\n\n\n\n\nexport function TabSectionBarV3(props) {\n const classes = useStyles();\n const theme = useTheme()\n const { isGettingDetails, currentTab, setCurrentTab, disableBack, disableNavigation } = props;\n const tabProp = props.tabProperties || [];\n const handleChange = (event, newValue) => {\n if (disableNavigation) {\n return;\n }\n else if (disableBack) {\n if (newValue > currentTab) {\n setCurrentTab(newValue);\n }\n }\n else {\n setCurrentTab(newValue);\n }\n };\n\n if (isGettingDetails) {\n return (\n \n \n \n {tabProp.map((tab, i) =>\n \n \n
\n );\n}\n","import requestApi from \"./common/boxp_api_client\";\n\nconst dataUrl = {\n allContact: \"/customer/contact/all\",\n reportEmailWorkshop: \"/customer/report_emails/all\",\n addresses: \"/customer/address/all\",\n storageRates: \"/customer/storage_rates/all\",\n commercialRates:\"/line_customers/create_commercial_rates\",\n fetchQuotation:\"/quotation\",\n OrderList:\"/maintenace_order_list\",\n inductionList: \"/induction\",\n allTaskLibrary: \"/task_library\",\n allActions: \"/action_imp\",\n allActionComment: \"/action_comment\",\n getAllCustomer: \"/customer/all\",\n actionListings: \"/action_overview\",\n getAllUsageList: \"/procurement_usage_list\",\n usageThreshold: \"/usage_threshold_get\",\n partHistory: \"/get_part_history\"\n}\n\nexport function getData(params, section) {\n return requestApi({\n url: dataUrl[section],\n method: 'GET',\n params: params,\n paramsSerializer: (params) => {\n // Sample implementation of query string building\n let result = '';\n Object.keys(params).forEach(key => {\n if (params[key] != null) {\n if(key== \"tasks[]\" || key == \"consumables[]\"){\n const tasksVal=params[key];\n tasksVal.map(function(eachTask){\n result += `${key}=${encodeURIComponent(eachTask)}&`;\n })\n }\n else{\n result += `${key}=${encodeURIComponent(params[key])}&`;\n }\n \n }\n });\n return result.substr(0, result.length - 1);\n }\n })\n}\n\nconst BoxpListingService = {\n getData\n}\n\n\nexport default BoxpListingService;\n","import BoxpListingService from \"lib/services/api/boxp_listing_services\";\n\nexport const TABLE_ACTIONS = {\n CHANGE_STATE: 'change_state_value',\n SET_RESPONSE: 'set_response_data',\n TOGGLE_IN_PROGRESS_STATE: 'toggle_in_progress',\n UPDATE_DATA_IN_LIST: 'update_data_in_list',\n SET_CURRENT_SELECTION: 'set_current_selection',\n CLEAR_STATE: 'clear_data'\n}\n\nfunction setPage(dispatch, page) {\n dispatch({ type: TABLE_ACTIONS.CHANGE_STATE, name: 'page', value: page });\n}\nfunction setSearchText(dispatch, searchText) {\n dispatch({ type: TABLE_ACTIONS.CHANGE_STATE, name: 'searchText', value: searchText })\n}\nfunction setPageSize(dispatch, pageSize) {\n dispatch({ type: TABLE_ACTIONS.CHANGE_STATE, name: 'pageSize', value: pageSize })\n}\nfunction setTotalCount(dispatch, totalCount) {\n dispatch({ type: TABLE_ACTIONS.CHANGE_STATE, name: 'totalCount', value: totalCount })\n}\nfunction getList(dispatch, message, params, section) {\n dispatch({ type: TABLE_ACTIONS.TOGGLE_IN_PROGRESS_STATE });\n BoxpListingService.getData(params, section).then((res) => {\n if (res.success) {\n dispatch({ type: TABLE_ACTIONS.SET_RESPONSE, payload: { data: res, totalCount: res.total_count || 0 } });\n }\n else {\n message && message.showToastMessage({ message: res.errors ? res.errors.join(', ') : \"Something went wrong.Try Again\", variant: \"error\" });\n }\n }).catch((e) => {\n dispatch({ type: TABLE_ACTIONS.TOGGLE_IN_PROGRESS_STATE });\n message.showToastMessage({ message: \"Something went wrong. Try Again\", variant: \"error\" })\n })\n}\n\nfunction addDataToList(tableDispatch, dataDispatch, data) {\n tableDispatch({ type: TABLE_ACTIONS.UPDATE_DATA_IN_LIST, payload: data });\n if (dataDispatch) {\n dataDispatch({ type: 'clear_data' });\n }\n}\n\nfunction clearData(tableDispatch) {\n tableDispatch({ type: TABLE_ACTIONS.CLEAR_STATE })\n}\n\n\nconst BoxpTableAction = {\n setPage,\n setPageSize,\n setSearchText,\n setTotalCount,\n getList,\n addDataToList,\n clearData\n}\nexport default BoxpTableAction;","// import { createMuiTheme } from \"@material-ui/core/styles\";\nimport { createTheme } from '@material-ui/core/styles' \n\nconst defaultTheme = createTheme();\n\nexport const organisationDetails = JSON.parse(sessionStorage.getItem('organisation'));\nconst primaryColor = organisationDetails && organisationDetails.primary_color_code ? organisationDetails.primary_color_code : null;\nconst secondaryColor = organisationDetails && organisationDetails.secondary_color_code ? organisationDetails.secondary_color_code : null;\n\n// console.log(primaryColor, secondaryColor)\nconst MROTheme = createTheme({\n palette: {\n common: {\n white: \"#fff\"\n },\n primary: {\n main: primaryColor || \"#145999\"\n },\n secondary: {\n main: secondaryColor || \"#26B4E8\"\n },\n },\n typography: {\n fontFamily: [\n 'Source Sans Pro',\n 'Roboto',\n '\"Helvetica Neue\"',\n 'Arial',\n 'sans-serif',\n 'Oxygen',\n '-apple-system',\n 'BlinkMacSystemFont',\n '\"Segoe UI\"',\n '\"Apple Color Emoji\"',\n '\"Segoe UI Emoji\"',\n '\"Segoe UI Symbol\"',\n ].join(','),\n subtitle2: {\n fontWeight: 'bold'\n },\n subtitle1: {\n fontSize: '0.9rem'\n },\n colorSuccess: defaultTheme.palette.success.dark,\n colorWarning: defaultTheme.palette.warning.dark\n },\n overrides: {\n MuiTypography: {\n colorSuccess: defaultTheme.palette.success.dark,\n colorWarning: defaultTheme.palette.warning.dark\n },\n MuiButton: {\n root: {\n textTransform: \"none\",\n fontWeight: 400,\n minWidth: 100,\n fontSize: '1rem',\n borderRadius: \"3px\",\n boxShadow: 'unset',\n },\n containedSecondary: {\n color: '#ffffff'\n },\n },\n\n MuiTableCell: {\n root: {\n padding: '5px',\n [defaultTheme.breakpoints.down(\"xs\")]: {\n padding: '16px'\n }\n },\n head: {\n fontWeight: 'bold'\n }\n },\n MuiCardContent: {\n root: {\n '&:last-child': {\n paddingBottom: '10px'\n }\n }\n },\n MuiIconButton: {\n root: {\n padding: '5px'\n }\n },\n MuiBackdrop: {\n root: {\n backgroundColor: \"rgba(255, 252, 252, 0.34)\"\n }\n },\n MuiMenuItem: {\n root: {\n '&.Mui-selected': {\n backgroundColor: primaryColor ? `${primaryColor}2A` : \"rgba(0, 0, 0, 0.15)\"\n }\n }\n },\n MuiChip: {\n root: {\n backgroundColor: \"#e0e0e073\"\n },\n deleteIcon: {\n color: \"rgba(0, 0, 0, 0.1)\"\n }\n },\n MuiSvgIcon: {\n fontSizeSmall: {\n fontSize: '1rem'\n }\n },\n MuiSelect: {\n root: {\n fontSize: \"14px\"\n }\n },\n MuiInputBase: {\n root: {\n fontSize: '0.9rem'\n }\n },\n MuiToggleButton: {\n root: {\n minWidth: '60px',\n padding: '5px 10px',\n color: primaryColor || \"#145999\",\n borderColor: primaryColor || \"#145999\",\n '&$selected': {\n backgroundColor: primaryColor || \"#145999\",\n color: '#fff',\n '&:hover': {\n backgroundColor: 'auto',\n color: '#fff'\n }\n },\n '&:hover': {\n backgroundColor: 'auto',\n color: '#000'\n }\n },\n },\n MuiAutocomplete: {\n inputRoot: {\n minHeight: '47.094px'\n },\n input: {\n marginTop: '-5px'\n }\n },\n MuiPickersDateRangePickerInput: {\n root: {\n width: '25rem'\n }\n },\n MuiOutlinedInput: {\n root: {\n height: '3rem'\n },\n inputMultiline: {\n padding: '0 !important'\n },\n inputAdornedStart: {\n paddingLeft: '0px !important'\n }\n },\n MuiInputLabel: {\n outlined: {\n color: primaryColor,\n // background: 'rgba(255,255,255,)',\n paddingLeft: defaultTheme.spacing(-1),\n marginRight: defaultTheme.spacing(1)\n },\n shrink: {\n transform: 'translate(13.5px, -5px) scale(0.7) !important'\n }\n },\n MuiInputAdornment: {\n positionStart: {\n marginRight: '0px'\n }\n },\n }\n})\n ;\n\nexport default MROTheme;","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAB90SURBVHja7d0JlCR1fcDxX8997Mmy7MXCuotcEqIIymGEsF4RIooIiiheSDwSkyiYYBTxERUx8cCHCkESDCAqBpCIF4gHeCwgcoPcuyyLBPaeq69U9Y7GwAI72z0z1V2fz0ul8flsZn7dU/9vV3dXFarVatC6lq9c1Z/cHJxsS5Jt/ma2qaYEk+O+B1b8+MX77X2QSTAZCgKgJRf92cnNq5Lt1cn2kmTrMRXInhtuui1mTp8mAhAA1LXodyU3b0+2o5Nt/2RrMxXIfgCkRACTwSLR/At/IdnekPzj7cl2ZrK9yOMKzWX12nUH/uTn111tEggAtnTxT9/bX5ZsFyTbYhMBEQACoLUX/rnJ9p3kH69MtuebCIgAEACtv/jvNfqq/y9MA0QACIB8LP6vS25+mmzbmwaIABAArb/wpx/0+2jyjxclW5+JgAgAAZCDxT+5+Y9kOznZCiYCIgAEQD58JNneZAwgAkAA5OfV/xGjr/wBESACEAA5WfzTT/unh/4d9gdEAAIgJ4v/3OTm0vCBP0AEIABy5ezwVT9ABCAAcvXq/6Dk5lCTAEQAAiA/i3/6fv+nTAIQAQiAfDky2fYxBkAEIADy8+q/K7n5uEkAIgABkC9vD5f0BUQAAiB3jjYCQAQgAHJk+cpVs5Ob/U0CEAEIgHx5lccCEAEIgPx5tREAIgABkCPLV67qT25eYhKACEAA5MvBydZjDIAIQADkyxIjAEQAAiB/5hsBIAIQAAIAQAQgAAQAgAhAAAgAABGAABAAACIAAdCcphoBIAIQAACIAAQAACIAAQCACEAAACACEAAAiAAEAAAiAAEAgAhAAAAgAgQAAIgAAQAAIkAAACACEAAAiAAEAAAiAAEAgAhAAAAgAhAAAIgABAAAIgABAIAIQAAAIAIQAACIAAQAACIAAQCACEAAACACEAAAiAAEAAAiQAAAgAgQAAAgAgQAAIgAAQAAIkAAAIAIEAAAIAIEAACIAAEAACJAAAAgAkSAAABABCAAABABCAAARAACAAARgAAAQAQgAAAQAQgAAEQAAgAAESAAAEAECAAAEAECAABEgAAAABEgAABABAgAABABAgAARIAAAAARIAAAQAQIAAAQAQIAAESAAAAAESAAAEAECAAAEAECAABEgAAAQAQgAAAQAQgAAESAAAAAESAAAEAECAAAEAECAIB6tLfZBYsAAQCQO52dHYYgAgQAQP4CoNMQRIAAAMhdAHQ4AiACBABADo8ACAARIAAAchgA3gIQAQIAIHe6uwSACBAAALkzdUp/tBUKBiECBABAnrS1tcXUqVMMQgQIAIC8mTFtqiGIAAEAkDfTBYAIEAAA+dPR0R5T+vsMQgQIAIC8mTljuiGIAAEAkDfbbjMjuru6DEIECACAPCkUCjF/7nYGIQIEAEDezJwxLfr7eg1CBAgAgLxZMG+OIYgAAQCQN+m3AZwXQAQIAIAc2mH7+dHlGgEiQAAA5Et6XoAlixbWThOMCBAAADnS29MTixbONwgRIAAA8mbG9Gkxb85sgxABAgAgb9IA2GamswSKAAEAkDuLFi5wJEAECACAvB4JWLzj9j4YKAIEAEDepJ8J2HnJoujs9BVBESAAAHKlr7cndn32s2K6kwWJgAYoVKtVj9AkWr5ylQcAGLP1GzbGQ6t+FwMDg4bRBGZOn/bjF++390ECAAEANOYV5pp1sTIJgeGREcMQAQJAAAB5ku7H/+fxNUkMrI0NGwcMRAQIAAEA5E2pVI6169bHmmRbv35DVOzjRYAAEABAvlQqldpnBYZHilEsplspiqXSH/65nPz35DcCOjwMAK0pPW/A031jYMPAULING9TkOHDSnx8eA4B8mtLXk2zdBpHXQDQCABGAAABABCAAABABCAAARAACAAARgAAAQAQgAAAQAQgAAEQAAgAAEYAAAEAEIAAAEAEIAABEAAIAABGAAABABCAAABABCAAARAACAAARgAAAQAQIAAAQAQIAAESAAAAAESAAAEAECAAAEAECAAARIAIEAAAiAAEAgAhAAAAgAhAAAIgABAAAIgABAIAIQAAAIAIQAACIAAQAACIAAQCACEAAACACBAAAiAABAAAiQAAAgAgQAAAgAgQAAIgAAQAAIkAAAIAIEAAAIAIEAACIAAEAACJAAACACBAAACACBAAAIgABAIAIQAAAIAIQAACIAAQAACJAAACACBAAACACBAAAiAABAAAiQAAAgAgQAAAgAgQAAIgAAQAAIkAA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\"","import React, { useState, useEffect } from \"react\";\nimport MROTextField from \"components/form_components/TextField\";\nimport TextField from \"@material-ui/core/TextField\";\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\nimport { setError } from \"../../../../../actions/auth_actions\";\n\nfunction DropdownField(props) {\n const { handleChange, errors, setErrors } = props;\n const [choices, setChoices] = useState([]);\n const [selectedOption, setSelectedOption] = useState({});\n\n\n const fieldProps = {\n // required: props.mandatory || false,\n label: props.field_name,\n name: `${props.id}`,\n defaultValue: { id: props.field_value, name: choices?.find(choice => choice.id === props.field_value)?.name },\n // error: props.errors[props.id || props.org_field_id]\n }\n\n useEffect(() => {\n let dropdownOptions = [];\n if (props.dropdown_values && props.dropdown_values.length > 0) {\n dropdownOptions = props.dropdown_values.map(option => {\n return ({ id: option.id, name: option.station })\n });\n }\n setChoices(dropdownOptions);\n }, [props.dropdown_values]);\n\n const handleDropdownValue = (value) => {\n setSelectedOption(value);\n handleChange && handleChange({ name: props.id || props.org_field_id, value: value.id });\n debugger\n setErrors({\n ...errors,\n [props.id]: {\n valid: value ? true : false\n }\n })\n }\n\n return (\n \n option.id === value.id}\n value={(selectedOption && selectedOption.id) ? selectedOption : fieldProps.defaultValue}\n onChange={(event, value) => handleDropdownValue(value)}\n options={choices}\n getOptionLabel={(option) => option.name}\n renderInput={(params) => (\n
\n )\n}\n\nexport default React.memo(DropdownField);","import { Box, Card, CardContent, CardHeader, Grid, MenuItem, Typography } from '@material-ui/core'\nimport React, { useRef } from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport MROButton from '../../../../components/buttons'\nimport ManageDialog from '../../../../components/form_components/manage_dialog'\n\nexport default function ViewPrintUSLabel(props) {\n\n const { part_off, part_on, batch, description, serial_on, serial_off, removal_location, removal_reason } = props.currentSelection;\n const { data } = props;\n const printRef = useRef()\n\n const handlePrint = () => window.print()\n\n const classes = useStyles();\n return (\n <>\n\n Part #
\n Batch #
\n Description #
\n Serial #
\n Work Order #
\n {part_on || '-'}
\n {batch || '-'}
\n {description || '-'}
\n {serial_on || '-'}
\n {data?.work_order_number || '-'}
\n Part # off
\n Serial # off
\n A/C Registration
\n Removal Location
\n Comments
\n {part_off || '-'}
\n {serial_off || '-'}
\n {data?.aircraft_registration || '-'}
\n {removal_location || '-'}
\n {removal_reason || '-'}
\n \n \n \n Edit\n \n \n Requested Part\n \n\n
\n \n\n \n
*/}\n {true ? (\n \n {/* Request detials container */}\n \n \n \n \n Request Details\n \n \n \n \n {partInfo?.data?.customer_supply === true ?\n <>\n < WarningIcon\n style={{\n color: \"#FFB300\",\n marginRight: \"10px\",\n fontSize: 20,\n }}\n />\n Customer Supply Part! \n : }\n \n \n \n\n \n \n \n \n \n
\n \n \n \n\n {/* Allocation details section */}\n \n
\n \n \n
\n \n \n setIsMaterialPopupOpen(true)}\n fontSize=\"small\"\n htmlColor={ICON_COLOUR}\n />\n
\n }\n />\n \n
\n )}\n\n \n {\n TableAction.setPage(dispatch, 0);\n setSearchText(value);\n }}\n searchText={searchText}\n >\n {/* \n setStatus(e.target.value)}\n input={ */}\n \n {\n TableAction.setPage(dispatch, 0);\n setIssued(e.target.checked);\n }}\n // name=\"checkedB\"\n color=\"primary\"\n />\n }\n label=\"Show ALL ISSUED items?\"\n labelPlacement=\"start\"\n />\n \n \n\n {\n TableAction.setPage(dispatch, page);\n }}\n onChangeRowsPerPage={(pageSize) => {\n // TableAction.setPageSize(dispatch, pageSize);\n setPageSize(pageSize);\n }}\n onSearchChange={(search) => {\n TableAction.setSearchText(dispatch, search);\n }}\n totalCount={totalCount}\n page={page}\n />\n\n {action === \"partDetails\" && (\n setAction(null)}\n currentSelectedData={currentSelelction}\n getData={getList}\n closeHandler={closeHandler}\n mroOwned={mroOwned}\n workOrderId={workOrderId}\n />\n )}\n
\n );\n}\n\nexport default AlternativePartsTable;\n","import React, {\n useContext,\n useEffect,\n useReducer,\n useState,\n useMemo,\n} from \"react\";\nimport { Box, IconButton, Menu, MenuItem, Typography } from \"@material-ui/core\";\nimport MaterialTable from \"material-table\";\nimport MoreVertIcon from \"@material-ui/icons/MoreVert\";\nimport TableAction from \"../../../../actions/table_actions\";\nimport tableIcons, {\n options,\n} from \"../../../../components/universal/table_attributes\";\nimport { ToastMessageContext } from \"../../../../lib/contexts/message_context\";\nimport DataService from \"../../../../lib/services/api\";\nimport tableReducer, {\n INITIAL_TABLE_STATE,\n} from \"../../../../reducers/table_reducer\";\nimport DataServiceAction from \"../../../../actions/data_actions\";\nimport ViewPrintUSLabel from \"./ViewPrintUSLabel\";\nimport ManageDataDialog from \"../../../../components/form_components/manage_data_dialog\";\nimport { BASE_API_URL_BOXR } from \"../../../../lib/constants\";\nimport AddNewPartsAndTools from \"./add_parts_tools\";\nimport LineCustomerServiceNew from \"lib/services/api/admin/line/line_customers_client\";\nimport { PartDetailsTableRefresh } from \"./section_detail\";\nimport ViewIcon from \"@material-ui/icons/Visibility\";\nimport AlternativePartsTable from \"./AlternativeParts/AlternativePartsTable\";\nimport {\n MRO_MANAGED_PART,\n MRO_NON_MANAGED_PART,\n MRO_REQUEST_PART,\n} from \"../../../../constants\";\nimport LoadingIndicator from \"components/universal/loading_indicator\";\n\n// const options1 = [\"Delete\", \"U/S label\", \"View material certificate\", \"Edit\"];\nconst options1 = [\"Delete\", \"Edit\"];\nconst ITEM_HEIGHT = 48;\n\nexport default function PartDetails(props) {\n const [dataa, setData] = useState([]);\n const [tableState, dispatch] = useReducer(tableReducer, INITIAL_TABLE_STATE);\n const { page, totalCount, pageSize, searchText, inProgress, data, taskDetails } =\n tableState;\n const message = useContext(ToastMessageContext);\n const [currentSelection, setCurrentSelection] = useState({});\n const [anchorEl, setAnchorEl] = React.useState(null);\n const [open, setOpen] = useState(false);\n const [action, setAction] = useState(\"\");\n const [createSection, setCreateSection] = useState(\"\");\n const [busy, setBusy] = useState(null);\n const { workOrderId, lineCustomerId, test, mroOwned, setMroOwned } = props;\n const RefreshPartDetailsTable = useContext(PartDetailsTableRefresh);\n\n useEffect(() => {\n setBusy(\"loading\");\n LineCustomerServiceNew.getLineCustomerDetails({\n line_customer_id: lineCustomerId,\n })\n .then((res) => {\n const {\n line_customer: { part_type },\n } = res;\n setMroOwned(part_type);\n\n setBusy(null);\n })\n .catch((err) => {\n setBusy(\"error\");\n console.log(\"something went wrong from part details\", err);\n });\n }, []);\n\n const tableOptions = {\n ...options,\n page: page,\n search: false,\n total: totalCount,\n pageSize: pageSize,\n searchText: searchText,\n };\n\n function getList() {\n let params = {\n // reportable_id: workOrderId,\n page: page + 1,\n count_per_page: pageSize,\n // reportable_type: \"WorkOrder\",\n };\n const key1 = mroOwned === MRO_MANAGED_PART ? \"reportable_id\" : \"id\";\n const key2 = mroOwned === MRO_MANAGED_PART ? \"reportable_type\" : \"type\";\n params[key1] = workOrderId;\n params[key2] = \"WorkOrder\";\n\n const url =\n mroOwned === MRO_MANAGED_PART ? \"partsAndToolsRequestParts\" : \"vendorParts\";\n // TableAction.getList(dispatch, message, params, \"vendorParts\");\n TableAction.getList(dispatch, message, params, url);\n }\n\n useEffect(() => {\n console.log({ mroOwned });\n if (props.hasOwnProperty(\"getList\") && mroOwned !== 1) props.getList(getList);\n }, [props.getList]);\n\n useEffect(() => {\n if (\n (mroOwned === MRO_NON_MANAGED_PART) &&\n workOrderId &&\n mroOwned !== 1\n ) {\n getList();\n }\n }, [\n pageSize,\n page,\n searchText,\n totalCount,\n props?.createdId,\n mroOwned,\n RefreshPartDetailsTable,\n ]);\n\n const handleClick = (event) => {\n setOpen(true);\n setAnchorEl(event.currentTarget);\n };\n\n const handleCloseMenu = () => {\n setOpen(false);\n setAction(null);\n setCurrentSelection({});\n };\n\n const handleOption = (option) => {\n if (option === \"Delete\") {\n setAction(\"delete\");\n } else if (option === \"U/S label\") {\n setAction(\"view\");\n } else if (option === \"View material certificate\") {\n message.showToastMessage({\n open: true,\n message: \"No certificate found!\",\n variant: \"error\",\n });\n } else if (option === \"Edit\") {\n setAction(\"update\");\n }\n };\n\n const checkRotable = (rowData) => {\n const { part_off, serial_off, removal_location } = rowData;\n if (part_off && serial_off && removal_location) {\n return \n {\n setCurrentSelection(rowData);\n handleClick(e);\n }}\n >\n
\n ),\n headerStyle: {\n textAlign: \"left\",\n width: \"7%\",\n },\n cellStyle: {\n width: \"7%\",\n },\n },\n\n // {\n // title: \"test\",\n // field: \"\",\n // render: (rowData) => (\n // \n
\n );\n }\n\n if (busy === \"error\") {\n return (\n \n \n Something went wrong! Please try again later\n \n
\n );\n }\n\n if (mroOwned === MRO_REQUEST_PART || mroOwned === MRO_MANAGED_PART) {\n return \n { setCurrentSelection(rowData); handleClick(e) }}\n >\n
,\n headerStyle: {\n textAlign: 'left',\n width: '7%'\n },\n cellStyle: {\n width: '7%'\n }\n }\n ]\n\n return (\n <>\n\n \n {\n subSections && subSections.map((section, index) => {\n if (section.child_section_name === 'Status') {\n return
\n )\n}\n\nexport default React.memo(AircraftDDs)\n\n\nconst Status = ({ section, errors, setErrors, setOut }) => {\n\n const [state, setstate] = useState({\n In: section?.child_section_fields[0]?.field_value,\n Cleared: section?.child_section_fields[1]?.field_value,\n Raised: section?.child_section_fields[2]?.field_value,\n Out: '0'\n })\n\n const handleChange = _name => ({ target: { name, value, id } }) => {\n setstate({\n ...state,\n [_name]: value\n })\n setErrors && setErrors({\n ...errors,\n [name]: {\n valid: value ? true : false\n }\n })\n }\n\n useEffect(() => {\n let out = parseFloat(state.In) - parseFloat(state.Cleared) + parseFloat(state.Raised)\n setstate({\n ...state,\n Out: out || 0\n })\n }, [state.In, state.Cleared, state.Raised])\n\n useEffect(() => {\n setOut(state.Out)\n }, [state.Out])\n\n return \n\n\n {\n subSection.field_name === 'Comments' && \n {\n subSection.field_name === 'Station Complete' &&\n // \n
\n )\n}\n\nexport default React.memo(StaionCompleteAndComments)\n","import React, { useContext, useEffect, useReducer, useState } from \"react\";\nimport {\n Grid,\n Typography,\n makeStyles,\n FormControl,\n Select,\n InputBase,\n MenuItem,\n Box,\n IconButton,\n FormControlLabel,\n Switch,\n useTheme,\n InputAdornment,\n} from \"@material-ui/core\";\nimport SearchBarWithFilters from \"components/search_with_filters\";\nimport useDependencies from \"lib/hooks/useDependencies\";\nimport MaterialTable from \"material-table\";\nimport tableIcons, { options } from \"components/universal/table_attributes\";\nimport TableAction from \"actions/table_actions\";\nimport tableReducer, { INITIAL_TABLE_STATE } from \"reducers/table_reducer\";\nimport MROTextField from \"components/form_components/TextField\";\nimport QuantityCounter from \"components/quantity_counter\";\nimport { Autocomplete, ToggleButton, ToggleButtonGroup } from \"@material-ui/lab\";\nimport MROButton from \"components/buttons\";\nimport TouchAppIcon from \"@material-ui/icons/TouchApp\";\nimport useDebounce from \"lib/utils/debounce\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport { Visibility } from \"@material-ui/icons\";\nimport WarningIcon from \"@material-ui/icons/Warning\";\nimport StockInfo from \"../../../../../../Stores/Parts/Stocks/stockInfo\";\nimport { ICON_COLOUR } from \"lib/constants/style_constants\";\nimport { OperationService } from \"lib/services/api/operaitons/save_operation\";\nimport CopyParts from 'assets/copyparts.png'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n height: \"100%\",\n \"& .MuiOutlinedInput-multiline\": {\n minHeight: \"89px\",\n },\n\n \"& textarea::placeholder\": {\n textTransform: \"none !important\",\n },\n\n \"& form\": {\n height: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n },\n\n \"& .Mui-disabled\": {\n color: \"rgba(0, 0, 0, 0.7)\",\n },\n },\n error: {\n borderColor: \"#ff0056\",\n borderWidth: \"1px\",\n borderStyle: \"solid\",\n margin: \"0px\",\n },\n title: {\n fontSize: \"20px\",\n },\n\n StockInfoDrawer: {\n \"& > div[aria-hidden='true']\": {\n visibility: \"hidden !important\",\n },\n },\n}));\n\nfunction Search(props) {\n const { baseStationId, lineCustomerId, acReg, workOrderId, onClose, taskDetails } = props;\n const classes = useStyles();\n const message = useContext(ToastMessageContext);\n const theme = useTheme();\n const user = JSON.parse(sessionStorage.getItem(\"user\"));\n const [tableState, dispatch] = useReducer(tableReducer, INITIAL_TABLE_STATE);\n const { page, totalCount, pageSize, inProgress, data } = tableState;\n const [baseStations, lineCustomers] = useDependencies();\n const [searchText, setSearchText] = useState(\"\");\n const debouncedVal = useDebounce(searchText);\n const [qty, setQty] = useState();\n const [value, setValue] = useState(null);\n const [currentSelection, setCurrentSelection] = useState({});\n const [action, setAction] = useState(null);\n const [errors, setErrors] = useState({});\n const [busy, setBusy] = useState(null);\n const [workOrderNum, setWorkOrderNum] = useState();\n const [filters, setFilters] = useState({\n line_customer_id: null,\n mro_owned: false,\n });\n const [selectedPart, setSelectedPart] = useState({});\n const [quantityRemoved, setQuantityRemoved] = useState();\n const [copyPartsOff, setCopyPartsOff] = useState('')\n const [seletectedTask, setSelectedTask] = useState({})\n const [selectedTaskId, SetSelectedID] = useState({})\n\n useEffect(() => {\n const myData = JSON.parse(localStorage.getItem(\"workOrder\"));\n setWorkOrderNum(myData?.work_order_number);\n }, []);\n\n useEffect(() => {\n setFilters((prevState) => ({\n ...prevState,\n base_station_id: baseStationId,\n }));\n }, [baseStationId]);\n\n const getList = () => {\n const parmas = {\n search_keyword: debouncedVal,\n page: page + 1,\n count_per_page: pageSize,\n ...filters,\n };\n\n TableAction.getList(dispatch, message, parmas, \"requestPart\");\n };\n\n useEffect(() => {\n if (filters.hasOwnProperty(\"base_station_id\")) {\n getList();\n }\n }, [page, debouncedVal, pageSize, filters]);\n\n const addPartFields = [\n {\n label: \"Selected Part # *\",\n placeholder: \"No Part Selected\",\n type: \"text\",\n required: true,\n name: \"selected_part_number\",\n disabled: true,\n defaultValue: selectedPart.part_number,\n },\n {\n label: \"Base Stock QTY\",\n placeholder: \"No Part Selected\",\n type: \"text\",\n required: false,\n name: \"stock_qty\",\n disabled: true,\n defaultValue: selectedPart.own_stock,\n },\n\n ];\n\n const addPartFields1 = [{\n label: \"Task # *\",\n placeholder: \"Search & Select\",\n type: \"select\",\n required: true,\n name: \"operational_task_id\",\n disabled: false,\n maxLength: \"\",\n setId: SetSelectedID,\n values: seletectedTask,\n setValues: setSelectedTask,\n data: taskDetails?.map((item) => ({\n id: item?.id,\n value: item?.task_tlp,\n })),\n },\n {\n label: \"Comment *\",\n placeholder: \"E.g., ZONE\",\n type: \"text\",\n required: true,\n name: \"issued_comment\",\n disabled: false,\n data: \"\",\n maxLength: 30\n },\n {\n label: value === \"yes\" ? \"Install Location *\" : \"Install Location\",\n placeholder: \"Location\",\n type: \"text\",\n required: value === \"yes\" ? true : false,\n name: \"install_location\",\n disabled: false,\n data: \"\",\n maxLength: 30\n },\n {\n label: \"DD / HIL \",\n placeholder: \"DD / HIL reference\",\n type: \"text\",\n required: false,\n name: \"defferal_data\",\n disabled: false,\n data: \"\",\n maxLength: 30\n },]\n\n const repairableFields = [\n {\n label: \"Part # Off *\",\n placeholder: \"Enter Part Number\",\n type: \"text\",\n required: true,\n name: \"part_off\",\n disabled: false,\n },\n {\n label: \"Serial # Off *\",\n placeholder: \"Enter Serial Number\",\n type: \"text\",\n required: true,\n name: \"serial_off\",\n disabled: false,\n },\n {\n label: \"U/S Comment * \",\n placeholder:\n \"Enter a removal reason or other comment as applicable - Max 150 Characters\",\n type: \"description\",\n required: true,\n name: \"us_comment\",\n disabled: false,\n },\n ];\n\n const tableOptions = {\n ...options,\n page: page,\n search: false,\n total: totalCount,\n pageSize: 10,\n searchText: searchText,\n };\n\n const handleViewInfo = (rowData) => {\n setAction(\"view\");\n setCurrentSelection(rowData);\n };\n\n const columns = [\n {\n title: \"Part #\",\n field: \"part_number\",\n cellStyle: {\n textAlign: \"left\",\n paddingLeft: \"10px\",\n width: \"35%\",\n },\n headerStyle: {\n textAlign: \"left\",\n paddingLeft: \"10px\",\n width: \"35%\",\n },\n },\n {\n title: \"Description\",\n field: \"description\",\n cellStyle: {\n width: \"40%\",\n paddingLeft: \"20px\",\n },\n headerStyle: {\n width: \"40%\",\n textAlign: \"left\",\n paddingLeft: \"20px\",\n },\n },\n {\n title: \"Total Stock\",\n field: \"total_stock\",\n },\n {\n title: \"Base Stock\",\n field: \"own_stock\",\n },\n\n {\n title: \"Stock Info\",\n field: \"\",\n headerStyle: {\n textAlign: \"center\",\n width: \"6%\",\n },\n cellStyle: {\n textAlign: \"center\",\n width: \"6%\",\n },\n render: (rowData) => (\n \n \n
\n );\n}\n\nexport default CreateNew;\n","import React, { useState } from \"react\";\nimport MROFullScreenRightDrawer from \"components/fullwidth_dialog\";\nimport {\n AppBar,\n IconButton,\n Toolbar,\n makeStyles,\n Typography,\n Box,\n ButtonGroup,\n} from \"@material-ui/core\";\nimport BackIcon from \"@material-ui/icons/KeyboardBackspace\";\nimport MROButton from \"components/buttons\";\nimport Search from \"./Search\";\nimport CreateNew from \"./CreateNew\";\nimport { useEffect } from \"react\";\n\nconst useStyles = makeStyles((theme) => ({\n appBar: {\n backgroundColor: \"#fff\",\n color: \"#000000CC\",\n boxShadow: \"0px 3px 6px #0000001A\",\n },\n backButton: {\n marginRight: theme.spacing(2),\n },\n root: { \"& > :first-child\": { position: \"unset\" } },\n wrapper: {\n padding: \"3%\",\n background: \"white\",\n },\n}));\n\nfunction CreateAlternativePart(props) {\n const { onClose, baseStationId, lineCustomerId, acReg, workOrderId, sectionDetails, taskDetails } = props;\n const classes = useStyles();\n const [state, setState] = useState(\"search\");\n\n\n\n\n\n // console.log(\"addparts=====\", removedparts)\n\n return (\n \n \n \n setState(\"search\")}\n style={{\n width: \"125px\",\n color: state === \"search\" ? \"white\" : undefined,\n }}\n >\n Search\n \n setState(\"create\")}\n style={{\n width: \"125px\",\n color: state === \"create\" ? \"white\" : undefined,\n }}\n >\n Create New\n \n \n \n\n \n {state === \"search\" ? (\n \n
\n \n \n\n Removed Part \n
\n \n \n \n \n )\n}\n\nexport default CreateParts","import { Box, IconButton, Menu, MenuItem } from '@material-ui/core';\nimport MROButton from 'components/buttons';\nimport React, { useState, useReducer, useContext } from 'react'\nimport AddIcon from \"@material-ui/icons/Add\";\nimport MaterialTable from 'material-table';\nimport tableIcons, {\n options,\n} from \"components/universal/table_attributes\";\nimport tableReducer, {\n INITIAL_TABLE_STATE,\n} from \"reducers/table_reducer\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport TableAction from \"actions/table_actions\";\nimport CreateRemovedParts from './CreateParts';\nimport { WorkOrderServices } from 'lib/services/api/operaitons/lineMaintenance/workOrder/workOrder';\nimport { useEffect } from 'react';\nimport { getOrganisationId } from 'lib/utils/common_utils';\nimport { Visibility as ViewIcon } from '@material-ui/icons';\nimport { BASE_API_URL_BOXR } from 'lib/constants';\nimport MoreVertIcon from \"@material-ui/icons/MoreVert\";\nimport ManageDataDialog from 'components/form_components/manage_data_dialog'\nimport { WorkshopContext } from 'views/Operations/Workshop/WorkshopContext/WorkshopContext';\n\n\nfunction RemovedParts(props) {\n const [action, setAction] = useState('')\n const { section, getSectionName, setCreateSection, workOrderId, mroOwned, taskDetails } = props\n const [tableState, dispatch] = useReducer(tableReducer, INITIAL_TABLE_STATE);\n const [totalCount, setTotalCount] = useState(5)\n const [data, setData] = useState([])\n const [loading, setLoading] = useState(false)\n const message = useContext(ToastMessageContext)\n const [currentSelection, setCurrentSelection] = useState({});\n const [anchorEl, setAnchorEl] = React.useState(null);\n const [open, setOpen] = useState(false);\n const [page, setPage] = useState(0)\n const [pageSize, setPageSize] = useState(5)\n const [loadingDelete, setloadingDelete] = useState(false)\n\n //table refresh\n const { tableRefresh, setTableRefresh } = useContext(WorkshopContext)\n // console.log(\"Refresh=======\", mroOwned)\n const tableOptions = {\n ...options,\n page: page,\n pageSize: pageSize,\n totalCount: totalCount,\n search: false,\n };\n const handleClick = (event) => {\n setOpen(true);\n setAnchorEl(event.currentTarget);\n };\n const handleCloseMenu = () => {\n setOpen(false);\n setAction(null);\n setCurrentSelection({});\n };\n const options1 = [\"Delete\", \"Edit\"];\n const ITEM_HEIGHT = 48;\n\n const handleOption = (option) => {\n if (option === \"Delete\") {\n setAction(\"delete\");\n }\n else if (option === \"Edit\") {\n setAction(\"update\");\n\n };\n\n }\n const handleDelete = async (e) => {\n setloadingDelete(true)\n const formData = {\n part_allocation_id: currentSelection.id\n }\n await WorkOrderServices.deleteRemovedParts(formData).then((res) => {\n if (res.success) {\n message.showToastMessage({ message: \"Removed successfully\", variant: \"success\" });\n }\n else {\n\n message.showToastMessage({ message: res.errors ? res.errors.join(', ') : \"Something went wrong. Try again\", variant: \"error\" });\n }\n handleCloseMenu()\n getRemovedPartList()\n\n }).catch((res) => {\n handleCloseMenu()\n message.showToastMessage({ message: res.errors ? res.errors.join(', ') : \"Something went wrong. Try again\", variant: \"error\" });\n }).finally(() => {\n setLoading(false)\n })\n }\n\n\n\n const columns = [\n {\n title: \"Task #\",\n field: \"task\",\n width: \"10%\",\n hidden: mroOwned !== \"request_part\" && \"true\",\n cellStyle: {\n textAlign: \"left\",\n width: \"10%\",\n paddingLeft: 10,\n },\n headerStyle: {\n width: \"10%\",\n textAlign: \"left\",\n paddingLeft: 10,\n },\n\n },\n {\n title: \"Part #\",\n field: \"part_off\",\n\n headerStyle: {\n textAlign: \"left\",\n paddingLeft: 15,\n\n },\n cellStyle: {\n textAlign: \"left\",\n paddingLeft: 15,\n\n },\n },\n {\n title: \"Serial #\",\n field: \"serial_off\",\n headerStyle: {\n textAlign: \"left\",\n },\n cellStyle: {\n textAlign: \"left\",\n\n },\n },\n {\n title: \"Description\",\n field: \"description_off\",\n width: \"50%\",\n headerStyle: {\n textAlign: \"left\",\n width: \"50%\"\n },\n cellStyle: {\n textAlign: \"left\",\n width: \"50%\"\n },\n },\n {\n title: \"Quantity\",\n field: \"part_quantity\",\n render: (rowData) => rowData.part_quantity || '-'\n },\n {\n title: \"Label\",\n field: \"us_label\",\n render: (rowData) => (\n \n {\n setCurrentSelection(rowData);\n handleClick(e);\n }}\n >\n
\n )\n },\n\n ]\n\n\n const getRemovedPartList = async () => {\n setLoading(true)\n const params = {\n organisation_id: getOrganisationId(),\n work_order_id: workOrderId,\n page: page + 1,\n count_per_page: pageSize\n\n }\n await WorkOrderServices.getRemovedParts(params).then((response) => {\n setData(response.data)\n setTotalCount(response.total_count)\n\n }).catch((response) => {\n message.showToastMessage({\n message: response?.message,\n variant: \"error\",\n });\n }).finally(() => {\n setLoading(false)\n setTableRefresh(false)\n })\n }\n useEffect(() => {\n const timeout = setTimeout(() => {\n getRemovedPartList()\n }, 0)\n return () => {\n clearTimeout(timeout)\n }\n\n }, [page, pageSize, tableRefresh])\n\n return (\n \n\n \n {\n setCreateSection(\n getSectionName(section.sub_section_name)\n );\n setAction(\"create_removed_parts\");\n // setAction(\"create_alternative_part\");\n }}\n startIcon={ \n
\n\n {\n setPage(page)\n }}\n onChangeRowsPerPage={(pageSize) => {\n setPageSize(pageSize)\n }}\n totalCount={totalCount}\n page={page} />\n \n
\n {open &&\n {currentSelection && options1.map((option) => {\n\n return (\n {\n handleOption(option);\n }}\n >\n {option}\n \n );\n })}\n\n\n\n }\n {action && action === 'create_removed_parts' && setAction(null)} workOrderId={workOrderId} getRemovedPartList={getRemovedPartList} action={action} mroOwned={mroOwned} taskDetails={taskDetails} />}\n\n {action && action === 'update' && \n Are you sure? Confirm Delete.\n \n )}\n\n
\n )\n}\n\nexport default React.memo(RemovedParts)","import {\n Box,\n Dialog,\n DialogTitle,\n DialogContent,\n Typography,\n Grid,\n} from \"@material-ui/core\";\nimport React, { useContext, useEffect, useState } from \"react\";\nimport MROButton from \"components/buttons\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport exclamationIcon from \"assets/exclamation.png\"\nimport WarningIcon from \"@material-ui/icons/Warning\";\nimport LoadingIndicator from \"components/universal/loading_indicator\";\nimport MROTextField from 'components/form_components/TextField';\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport { WorkOrderServices } from 'lib/services/api/operaitons/lineMaintenance/workOrder/workOrder';\nimport NumericIncrement from \"views/Operations/LineMaintenance/WorkOrder/FieldComponents/numeric_increment\";\n\nconst useStyles = makeStyles((theme) => ({\n wrapper: {\n backgroundColor: theme.palette.primary.main,\n border: `1px solid ${theme.palette.primary.main}`,\n margin: \"1% 0\",\n display: \"flex\",\n \"& button\": {\n marginRight: theme.spacing(2),\n width: \"200px\",\n \"& .MuiButton-label\": {\n justifyContent: \"space-between\",\n width: \"150px\",\n whiteSpace: \"nowrap\",\n textOverflow: \"ellipsis\",\n overflow: \"hidden\",\n },\n },\n },\n input: {\n color: \"#fff\",\n },\n paper: {\n borderRadius: \"5px\",\n backgroundColor: \"#fff\",\n padding: theme.spacing(3),\n boxShadow: \"0px 1px 4px #0000001A\",\n },\n head: {\n marginTop: \"20px\",\n marginBottom: \"10px\",\n },\n error: {\n borderColor: \"red\",\n },\n svg: {\n filter: \"invert(1)\",\n height: 18,\n marginBottom: 2,\n },\n disableSwitch: {\n pointerEvents: \"none\",\n },\n disableField: {\n pointerEvents: \"none\",\n backgroundColor: \"#F5F5F5\",\n },\n message: {\n display: \"flex\",\n justifyContent: \"flex-start\",\n margin: theme.spacing(1)\n },\n modal: {\n \"& .MuiDialog-paperWidthMd\": {\n width: \"670px\",\n },\n },\n disableField: {\n pointerEvents: \"none\",\n backgroundColor: \"#F5F5F5\",\n },\n}));\n\n\nexport default function Deassign(props) {\n const classes = useStyles();\n const { handleClose, currentSelection, getListing, action } = props\n const [loading, setLoading] = useState(false)\n const [acceptAll, setAcceptAll] = useState(false)\n const message = useContext(ToastMessageContext)\n const [errors, setErrors] = useState({})\n const [mroState, setMROState] = useState({ man_hours: '' });\n\n const handleSubmit = async (e) => {\n e.preventDefault()\n const formdata = new FormData(e.target)\n let valid = true;\n let error = {};\n\n\n for (let pair of formdata.entries()) {\n const value = pair[1];\n const key = pair[0];\n // console.table(\"formdata=====\", key, value)\n if (!value) {\n error[key] = true;\n valid = false;\n }\n }\n\n if (!valid) {\n setErrors(error);\n return;\n }\n const reason = formdata.get(\"reason\")\n const hours = formdata.get(\"man_hours\")\n formdata.delete(\"reason\")\n formdata.delete(\"man_hours\")\n\n const params = {\n task_id: currentSelection?.id,\n reason: reason,\n man_hours: hours,\n act_hours: hours\n\n }\n\n setLoading(true)\n await WorkOrderServices.DeassignPlannedTask(params).then((res) => {\n if (res.success) {\n message.showToastMessage({\n message: \"Planned Task Deassigned successfully !\",\n variant: \"success\",\n });\n handleClose()\n getListing()\n }\n else {\n message.showToastMessage({\n message: res?.errors ? res?.errors : \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n handleClose()\n }\n\n\n }).catch((res) => {\n handleClose()\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n }).finally(() => {\n setLoading(false)\n })\n }\n\n const handlePopUp = (e) => {\n handleClose()\n handleSubmit(e)\n }\n\n return (\n \n
\n {open &&
\n \n \n \n \n \n {action === \"deassign\" ? \"Deassign\" : \"Reason\"}\n \n \n {action === \"deassign\" && \n {\" \"}\n }\n \n \n\n\n {action === \"deassign\" &&\n \n \n }\n\n {action === \"reason\" && \n\n \n\n { setErrors({ ...errors, reason: false }); }}\n\n />\n\n\n\n \n\n\n }\n\n \n\n
\n )\n}\n","import { CircularProgress, Dialog, DialogContent, DialogTitle, IconButton, Typography, makeStyles, Grid } from '@material-ui/core'\nimport { Edit } from '@material-ui/icons'\nimport MROButton from 'components/buttons'\nimport FileUpload from 'components/form_components/fileUpload'\nimport { ICON_COLOUR } from 'lib/constants/style_constants'\nimport { ToastMessageContext } from 'lib/contexts/message_context'\nimport { WorkOrderServices } from 'lib/services/api/operaitons/lineMaintenance/workOrder/workOrder'\nimport PlanningWorkOrderServices from 'lib/services/api/planning/LineMaintenance/PlannedWO'\nimport React, { useContext, useEffect, useState } from 'react'\n\n\n\nconst useStyles = makeStyles((theme) => ({\n\n dialogTitle: {\n color: theme.palette.primary.main,\n fontSize: '18px'\n },\n modal: {\n \"&.MuiDialog-paperWidthMd\": {\n width: \"563px\",\n },\n },\n actionButtons: {\n paddingTop: \"5px\",\n paddingBottom: \"20px\",\n textAlign: \"right\",\n marginRight: \"20px\",\n \"& button:not(:last-child)\": {\n marginRight: \"20px\",\n },\n },\n\n}))\nfunction ViewRecords(props) {\n const classes = useStyles()\n const { handleClose, currentSelection } = props\n const [loading, setLoading] = useState(true)\n const [files, setFiles] = useState([])\n const [edit, setEdit] = useState(false)\n const [boolState, setBoolState] = useState(false);\n const [deletedStatus, setDeletedStatus] = useState(false);\n const [records, setRecords] = useState([]);\n const [busy, setBusy] = useState(null);\n const message = useContext(ToastMessageContext)\n\n useEffect(() => {\n getRecords()\n }, [currentSelection])\n\n const getRecords = () => {\n setLoading(true)\n const params = {\n task_id: currentSelection?.id\n }\n PlanningWorkOrderServices.getRecords(params).then((res) => {\n setFiles(res.blob_records)\n }).catch(() => {\n\n }).finally(() => {\n setLoading(false)\n })\n }\n\n\n const deleteFileHandler = async (id) => {\n setBusy(\"file-deleting\");\n try {\n const response = await WorkOrderServices.deleteDocument({ id: id });\n\n if (response.success) {\n message.showToastMessage({\n message: \"File deleted successfully\",\n variant: \"success\",\n });\n setDeletedStatus(true);\n getRecords()\n }\n setBusy(null);\n } catch (error) {\n message.showToastMessage({\n message: \"Something went wrong\",\n variant: \"error\",\n });\n setBusy(\"file-deleting-error\");\n }\n };\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n const formData = new FormData(e.target);\n formData.append(\"task_id\", currentSelection?.id);\n\n formData.delete(\"documents[]\");\n records.forEach((file) =>\n formData.append(\"documents[]\", file)\n );\n setBusy(\"loading\");\n if (deletedStatus !== true) {\n await WorkOrderServices.EditPlannedRecords(formData)\n .then(() => {\n setBusy(null);\n handleClose();\n message.showToastMessage({\n message: \"Added successfully!\",\n variant: \"success\",\n });\n setDeletedStatus(false);\n })\n .catch(() => {\n setBusy(null);\n handleClose();\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n });\n setBusy(null);\n }\n setBusy(null);\n handleClose();\n };\n useEffect(() => {\n if (records.length) {\n setDeletedStatus(false);\n }\n }, [records]);\n return (\n \n \n\n \n \n\n Uploaded Records \n {\n setBoolState(true)\n\n }}>\n\n \n \n \n\n\n\n\n \n \n \n \n\n
\n )\n}\n\nexport default ViewRecords","import React, { useEffect, useContext, useState, useMemo } from 'react'\nimport { Dialog, DialogContent, DialogTitle, Box, ButtonGroup, Button, FormControlLabel, Grid, MenuItem } from \"@material-ui/core\";\nimport { makeStyles } from '@material-ui/core/styles';\nimport MROButton from 'components/buttons';\nimport MROTextField from 'components/form_components/TextField';\nimport { getOrganisationId } from 'lib/utils/common_utils';\nimport { ToastMessageContext } from 'lib/contexts/message_context';\nimport NumericIncrement from \"views/Operations/LineMaintenance/WorkOrder/FieldComponents/numeric_increment\";\nimport { WorkOrderServices } from 'lib/services/api/operaitons/lineMaintenance/workOrder/workOrder';\n\n\n\nconst useStyles = makeStyles(theme => ({\n actionButtons: {\n paddingTop: '20px',\n paddingBottom: '33px',\n textAlign: 'right',\n '& button:not(:last-child)': {\n marginRight: '20px'\n }\n },\n modal: {\n '& .MuiDialog-paperWidthMd': {\n maxWidth: '380px',\n left: \"calc(62% - 250px)\",\n }\n },\n title: {\n fontSize: '18px',\n '& h2': {\n color: theme.palette.primary.main,\n textAlign: 'center'\n\n }\n },\n formLabel: {\n\n '& span:last-child': {\n fontSize: '14px',\n }\n },\n disableField: {\n pointerEvents: \"none\",\n backgroundColor: \"#F5F5F5\",\n },\n\n}));\n\nexport default function EditTask(props) {\n const classes = useStyles()\n const { handleClose, currentSelection, getListing } = props\n const [errors, setErrors] = useState({})\n\n const [mroState, setMROState] = useState({ man_hours: '' });\n const [loading, setLoading] = useState(false)\n const message = useContext(ToastMessageContext)\n\n\n\n const handleSubmit = async (e) => {\n e.preventDefault()\n const formdata = new FormData(e.target)\n let valid = true;\n let error = {};\n\n\n for (let pair of formdata.entries()) {\n const value = pair[1];\n const key = pair[0];\n // console.table(\"formdata=====\", key, value)\n if (!value) {\n error[key] = true;\n valid = false;\n }\n }\n\n if (!valid) {\n setErrors(error);\n return;\n }\n const task = formdata.get(\"task\")\n const hours = formdata.get(\"mro_hours\")\n let params = {\n task_id: currentSelection.id,\n task_tlp: task,\n act_hours: hours\n\n\n }\n setLoading(true)\n await WorkOrderServices.EditPlannedTask(params).then((res) => {\n handleClose()\n getListing()\n message.showToastMessage({\n message: \"Updated successfully\",\n variant: \"success\",\n duration: 800\n });\n }).catch(err => {\n message.showToastMessage({ message: 'Something went wrong', variant: 'error' })\n }).finally(() => {\n setLoading(false)\n })\n }\n\n useState(() => {\n if (currentSelection !== undefined) {\n setMROState({ man_hours: currentSelection?.act_hrs })\n }\n }, [currentSelection])\n return (\n \n \n Edit Planned Task\n \n\n \n \n \n\n \n\n\n
\n )\n}\n","import { Box, IconButton, Menu, MenuItem } from '@material-ui/core';\nimport MROButton from 'components/buttons';\nimport React, { useState, useReducer, useContext } from 'react'\nimport AddIcon from \"@material-ui/icons/Add\";\nimport MaterialTable from 'material-table';\nimport tableIcons, {\n options,\n} from \"components/universal/table_attributes\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport TableAction from \"actions/table_actions\";\nimport { WorkOrderServices } from 'lib/services/api/operaitons/lineMaintenance/workOrder/workOrder';\nimport { useEffect } from 'react';\nimport { getOrganisationId } from 'lib/utils/common_utils';\nimport MoreVertIcon from \"@material-ui/icons/MoreVert\";\nimport RedCrossIcon from 'assets/Red remove icon.png'\nimport GreenTickIcon from 'assets/green check.png'\nimport GearAmbear from 'assets/Amber gear@3x.png'\nimport Deassign from './PlannedMainTask.js/Deassign';\nimport ViewRecords from './PlannedMainTask.js/ViewRecords';\nimport EditTask from './PlannedMainTask.js/EditTask';\n\nfunction PlannedTaskDetails(props) {\n const [action, setAction] = useState('')\n const { workOrderId, wo_details } = props\n const [totalCount, setTotalCount] = useState(5)\n const [data, setData] = useState([])\n const [loading, setLoading] = useState(false)\n const message = useContext(ToastMessageContext)\n const [currentSelection, setCurrentSelection] = useState({});\n const [anchorEl, setAnchorEl] = React.useState(null);\n const [open, setOpen] = useState(false);\n const [page, setPage] = useState(0)\n const [pageSize, setPageSize] = useState(5)\n const [loadingDelete, setloadingDelete] = useState(false)\n\n\n const tableOptions = {\n ...options,\n page: page,\n pageSize: pageSize,\n totalCount: totalCount,\n actionsColumnIndex: 6,\n search: false,\n };\n const handleClick = (event) => {\n setOpen(true);\n setAnchorEl(event.currentTarget);\n };\n const handleCloseMenu = () => {\n setOpen(false);\n setAction(null);\n setCurrentSelection({});\n };\n const options1 = [\"Edit\", \"Deassign\", \"View Records\"];\n const ITEM_HEIGHT = 48;\n\n\n\n\n\n const columns = [\n {\n title: \"Status\",\n field: \"pt_status\",\n\n headerStyle: {\n textAlign: \"center\",\n\n },\n cellStyle: {\n textAlign: \"center\",\n\n\n },\n render: rowData => (\n \n {\n setCurrentSelection(rowData);\n handleClick(e);\n }}\n >\n
\n )\n },\n\n ]\n\n\n const getPlannedDetails = async () => {\n setLoading(true)\n const params = {\n organisation_id: getOrganisationId(),\n id: workOrderId,\n page: page + 1,\n count_per_page: pageSize\n\n }\n await WorkOrderServices.getMaintPlannedTableDetails(params).then((response) => {\n setData(response.data)\n setTotalCount(response.total_count)\n\n }).catch((response) => {\n message.showToastMessage({\n message: response?.message,\n variant: \"error\",\n });\n }).finally(() => {\n setLoading(false)\n\n })\n }\n useEffect(() => {\n getPlannedDetails()\n }, [page, pageSize])\n\n\n const handleUndoTask = () => {\n\n const params = {\n task_id: currentSelection?.id,\n\n\n }\n\n setLoading(true)\n WorkOrderServices.UndoPlannedTask(params).then((res) => {\n if (res.success) {\n message.showToastMessage({\n message: \"Planned Task updated successfully !\",\n variant: \"success\",\n });\n setOpen(false)\n getPlannedDetails()\n }\n else {\n message.showToastMessage({\n message: res?.errors ? res?.errors : \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n setOpen(false)\n }\n\n\n }).catch((res) => {\n setOpen(false)\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n }).finally(() => {\n setLoading(false)\n })\n\n\n }\n\n return (\n \n\n\n \n {\n setPage(page)\n }}\n onChangeRowsPerPage={(pageSize) => {\n setPageSize(pageSize)\n }}\n totalCount={totalCount}\n page={page}\n\n\n />\n \n
\n {open &&\n {currentSelection &&\n\n <> {currentSelection?.pt_status !== 2 &&\n {\n setAction(\"edit\")\n }}\n >\n Edit\n }\n {currentSelection?.pt_status === 0 && {\n setAction(\"deassign\");\n }}\n >\n Deassign\n }\n {currentSelection?.pt_status !== 2 && {\n setAction(\"view_records\");\n }}\n >\n View Records\n }\n {currentSelection?.pt_status === 2 && {\n setAction(\"reason\");\n }}\n >Reason\n }\n {currentSelection?.pt_status === 2 && wo_details?.status !== \"Closed\" && {\n handleUndoTask()\n }}\n >\n Undo\n }\n \n\n }\n\n\n\n }\n {action && action === \"deassign\" && {\n setAction('')\n setOpen(false)\n }}\n getListing={getPlannedDetails}\n action={action}\n />}\n {action && action === \"reason\" && {\n setAction('')\n setOpen(false)\n }}\n action={action}\n getListing={getPlannedDetails}\n\n />}\n {action && action === \"edit\" && {\n setAction('')\n setOpen(false)\n }}\n getListing={getPlannedDetails}\n\n />}\n {action && action === \"view_records\" && {\n setAction('')\n setOpen(false)\n }}\n getListing={getPlannedDetails}\n\n />}\n\n
\n\n\n )\n}\n\nexport default PlannedTaskDetails","import React, {\n useState,\n useEffect,\n useContext,\n useReducer,\n createContext,\n} from \"react\";\nimport ListingService from \"../../../../lib/services/api/listing_service\";\nimport SectionLabel from \"./FieldComponents/section_label\";\nimport FreeTextField from \"./FieldComponents/free_text_field\";\nimport Grid from \"@material-ui/core/Grid\";\nimport YesNoInput from \"./FieldComponents/yes_or_no_based_input_field\";\nimport NumericField from \"./FieldComponents/numeric_field_with_increments\";\nimport LoadingIndicator from \"../../../../components/universal/loading_indicator\";\nimport {\n FormContext,\n} from \"../../../../lib/contexts/form_context\";\nimport Typography from \"@material-ui/core/Typography\";\nimport MROButton from \"../../../../components/buttons\";\nimport DropdownField from \"./FieldComponents/dropdown_field\";\n// import DateField from \"../../../../components/form_components/DateField\";\n// import ManageDialog from \"../../../../components/form_components/manage_dialog\";\n// import MaterialTable from \"material-table\";\n// import tableIcons, {\n// options,\n// } from \"../../../../components/universal/table_attributes\";\nimport { OperationService } from \"../../../../lib/services/api/operaitons/save_operation\";\nimport { ToastMessageContext } from \"../../../../lib/contexts/message_context\";\nimport {\n Box,\n MuiThemeProvider,\n useTheme,\n} from \"@material-ui/core\";\nimport { createTheme } from '@material-ui/core/styles'\nimport AddIcon from \"@material-ui/icons/Add\";\nimport moment from \"moment\";\nimport AddNewPartsAndTools from \"./add_parts_tools\";\nimport PartDetails from \"./PartDetails\";\nimport TableAction from \"../../../../actions/table_actions\";\nimport tableReducer, {\n INITIAL_TABLE_STATE,\n} from \"../../../../reducers/table_reducer\";\n// import dataReducer, {\n// INITIAL_DATA_STATE,\n// } from \"../../../../reducers/data_reducer\";\nimport WorkOrderTooligs from \"./WorkOrderTooligs\";\nimport Rendermainttable from \"./RenderMaintTable\";\nimport SectionLabelAction from \"./FieldComponents/section_label_with_action\";\nimport AddMaintTasks from \"./AddMaintTasks\";\nimport AdditionalEngineers from \"./AdditionalEngineers\";\nimport { MultiUploadPreview } from \"./FieldComponents/MultiUpload\";\nimport { AircraftDDs } from \"./AircraftDDs\";\nimport InbondDelayCalculation from \"./InbondDelayCalc\";\nimport { DepartureDelayCalculation } from \"./DepartureDelayCalc\";\nimport { OilAndHydFluid } from \"./OilAndHydFluid\";\nimport { StaionCompleteAndComments } from \"./StaionCompleteAndComments\";\nimport { useRef } from \"react\";\nimport DataService from \"lib/services/api\";\nimport CreateAlternativePart from \"./AlternativeParts/create/CreateAlternativePart\";\nimport { MRO_MANAGED_PART, MRO_REQUEST_PART } from \"../../../../constants\";\nimport UploadButton from \"components/form_components/upload_multiple\";\nimport _ from 'lodash'\nimport AlternativePartsTable from \"./AlternativeParts/AlternativePartsTable\";\nimport SignatureFile from \"components/form_components/fileUpload/SIgnatureFile\";\nimport RemovedParts from \"./AlternativeParts/RemovedParts/RemovedParts\";\nimport PlannedTaskDetails from \"./PlannedTaskDetails\";\nimport { getOrganisationId } from \"lib/utils/common_utils\";\nimport LineCustomerServiceNew from \"lib/services/api/admin/line/line_customers_client\";\n\nexport const PartDetailsTableRefresh = createContext();\n\nconst mapTasks = {\n \"Tech Log Maint Tasks\": \"tech_log_maint\",\n \"Non-Fixed Price Scheduled Maintenance\": \"fixed_price_maint\",\n Defects: \"defects\",\n \"Cabin Maint Tasks\": \"cabin_maint\",\n};\nexport const timeCalculationFields = [\n \"Est Arrival Date/Time (UTC)\",\n \"Act Arrival Date/Time (UTC)\",\n \"Inbd delay (mins)\",\n];\n\nexport const departureTimeCalcFields = [\n \"Est Departure Date/Time (UTC)\",\n \"Act Departure Date/Time (UTC)\",\n \"Delay\",\n \"Gnd time\",\n];\n\nexport const HydAndOilQuarts = [\"Oil - Quarts\", \"Hyd Fluid - Quarts\"];\n\nexport const getTimeDiffFormatted = (duration) => {\n const days = duration.get(\"days\");\n\n const hrsMinDiff =\n String(Math.abs(duration.get(\"hours\"))).padStart(2, \"0\") +\n \":\" +\n String(Math.abs(duration.get(\"minutes\"))).padStart(2, \"0\");\n const hrs = Boolean(Math.abs(days))\n ? String(duration.get(\"days\")).padStart(2, \"0\") +\n \":\" +\n String(Math.abs(duration.get(\"hours\"))).padStart(2, \"0\") +\n \":\" +\n String(Math.abs(duration.get(\"minutes\"))).padStart(2, \"0\")\n : Math.sign(duration.get(\"minutes\")) == \"-1\"\n ? \"- \" + hrsMinDiff\n : hrsMinDiff;\n\n return hrs;\n};\n\nexport const StationAndCommentFields = [\"Station Complete\", \"Comments\"];\n\nfunction SectionDetail(props) {\n const theme1 = useTheme()\n const [tableRefresh, setTableRefresh] = useState(false);\n const { sectionId, lineCustomerId, workOrderId, baseStationId, wo_details } = props;\n const [sectionDetails, setSectionDetails] = useState([]);\n const [sectionName, setSectionName] = useState(\"\");\n const message = useContext(ToastMessageContext);\n const [loading, setLoading] = useState(false);\n const [action, setAction] = useState(\"\");\n const [createdId, setCreatedId] = useState(\"\");\n const form = useContext(FormContext);\n const [errors, setErrors] = useState({});\n const [formData, setFormData] = useState({});\n const [mroOwned, setMroOwned] = useState(1);\n const [subSectionDetails, setSubSectionDetails] = useState([])\n const [tableState, dispatch] = useReducer(tableReducer, INITIAL_TABLE_STATE);\n const {\n page,\n totalCount,\n pageSize,\n data: _data,\n } = tableState;\n const [state, rDispatch] = useReducer(tableReducer, INITIAL_TABLE_STATE);\n const [getList, setGetList] = useState(() => { });\n\n const [orgSectionId, setOrgSectionId] = useState(null);\n const [files, setFiles] = useState([]);\n const [taskDetails, setTaskDetails] = useState([])\n const fileUploadHandler = () => {\n const fileFormData = new FormData();\n\n // let existFile = sectionDetails?.map(sec => { return sec.sub_section_fields[0]?.file?.map(name => name.filename) })\n // if (existFile[0] !== undefined) {\n // const fileList = Array.from(files[0] || []);\n // let newFile = fileList?.map((item) => item.name)\n // let uniqueFiles = newFile?.filter(val => !existFile[0].includes(val));\n // let popFile = fileList?.filter((item) => {\n // if (uniqueFiles.includes(item.name) !== false) {\n // return item\n // }\n // })\n // popFile.forEach((file) => fileFormData.append(\"documents[]\", file))\n // } else {\n // const file = [];\n // files.forEach((_, i) => {\n // file[i] = Array.from(files[i]);\n // file[i].forEach((file) => fileFormData.append(\"documents[]\", file));\n // });\n\n // // files.length > 0 && files.forEach(item => formData.append(`documents[]`, item))\n // }\n\n // console.log(\"files ateeeee==============\", files)\n\n // const file = [];\n // files.forEach((_, i) => {\n // file[i] = Array.from(files[i]);\n // file[i].forEach((file) => fileFormData.append(\"documents[]\", file));\n // });\n // let result = _.intersection(popFile, existFile[0])\n // uniqueFiles.forEach((file)=> fileFormData.append(\"documents[]\", file))\n\n orgSectionId && fileFormData.append(\"org_section_id\", orgSectionId);\n fileFormData.append(\"id\", workOrderId);\n files.length > 0 && files.forEach((file) => fileFormData.append(\"documents[]\", file))\n fileFormData.append(\"operable_type\", \"WorkOrder\");\n DataService.createData(fileFormData, \"uploadDocs\")\n .then((res) => getSectionDetails())\n .catch((err) => console.log(err));\n };\n\n const sectionRef = useRef();\n\n useEffect(() => {\n getSectionDetails();\n }, [sectionId, workOrderId, lineCustomerId]);\n\n const [fieldsMap, setFieldsMap] = useState({});\n\n const fieldsToSkipValidation = [\n \"Closed By\",\n \"Name\",\n \"Date Closed\",\n \"Total Hours\",\n ];\n\n useEffect(() => {\n let map = {};\n let list = sectionDetails\n .map((sd) => {\n if (sd.sub_section_fields) {\n return sd.sub_section_fields;\n }\n if (sd.sub_sections) {\n return sd.sub_sections;\n }\n })\n .flat();\n\n list.map((item) => {\n // if (item) {\n map[item?.id] = {\n name: item?.field_name,\n ...item,\n };\n if (item?.secondary_field) {\n map[item?.secondary_fields[0]?.org_field_id] = {\n name: item.secondary_fields[0]?.field_name,\n ...item?.secondary_fields[0],\n };\n }\n if (item?.child_section_fields) {\n item.child_section_fields.map((cf) => {\n map[cf.id] = {\n name: cf.field_name,\n ...cf,\n };\n });\n }\n // }\n });\n\n setFieldsMap(map);\n\n // setOveridesErrorsField(Object?.values(map)?.map(value => value?.name))\n }, [sectionName, sectionDetails]);\n\n const fieldTypeMap = {\n Freetext: \"textfield\",\n Datetime: \"Datetime\",\n \"Yes/No\": \"yes_or_no\",\n Numeric: \"numeric\",\n Dropdown: \"dropdown\",\n table_data: \"table_data\",\n File: \"File\",\n Numerictext: \"Numerictext\",\n Time: \"time\",\n };\n\n const getSectionDetails = () => {\n if (sectionId && workOrderId && lineCustomerId) {\n const params = {\n line_customer_id: lineCustomerId || 72,\n org_section_id: sectionId || 153,\n id: workOrderId || 118,\n operable_type: \"WorkOrder\",\n };\n setLoading(true);\n ListingService.getData(params, \"workOrderSectionDetail\").then((res) => {\n if (res.section_details) {\n setSectionName(res.section_details.section_name);\n setSectionDetails(res.section_details.sub_sections || []);\n }\n setLoading(false);\n });\n }\n };\n\n const handleSubmit = (e) => {\n // #region testing region fold for submit\n // try {\n e.preventDefault();\n if (e.target.id === \"mainform\") {\n // const currentFormData = form.formState;\n // let _data = [];\n // let __data = [];\n // let newData = [];\n // let allIndexes = \"\";\n // // let errors = {\n\n // // }\n // for (var pair of new FormData(e.target).entries()) {\n // _data.push(pair);\n // __data.push(pair[0]);\n // }\n // const findIndexOfAll = (arr, val) =>\n // arr.reduce(\n // (acc, el, i) => (el.indexOf(val) > -1 ? [...acc, i] : acc),\n // []\n // );\n // const allIndexs = findIndexOfAll(__data, \"org_section_id\");\n\n // const constructObject = (arr) => {\n // return arr.reduce((acc, val) => {\n // const [key, value] = val;\n // if (value.includes(\"[\", \"]\")) {\n // acc[key] = JSON.parse(value);\n // } else {\n // let ud = updateFieldData(value);\n // acc[key] = ud?.id ? ud.id : value === \"\" ? null : value;\n // }\n\n // return acc;\n // }, {});\n // };\n\n // allIndexs.map((indexes, i) => {\n // let d = [..._data];\n // if (d[indexes][1] !== \"137\")\n // newData.push({\n // org_section_id: d[indexes][1],\n // fields: [\n // {\n // ...constructObject(\n // d.splice(\n // allIndexs[i] + 1,\n // allIndexs[i + 1] ? allIndexs[i + 1] - 1 : d.length - 1\n // )\n // ),\n // },\n // ],\n // });\n // });\n\n // const newFormData = [];\n // for (let data in currentFormData) {\n // if (currentFormData.hasOwnProperty(data)) {\n // let fObj = {\n // id: data,\n // value: currentFormData[data],\n // };\n // newFormData.push(fObj);\n // }\n // }\n\n let params = {};\n\n // let data = {\n // operable_type: \"WorkOrder\",\n // id: workOrderId,\n // close: false,\n // data: newData,\n // };\n\n // let error = {};\n // let fieldData = {};\n // const whiteListKeys = [];\n //['4012', '4013', '4018', '4070']\n\n // newData.map((data) => {\n // let field = data.fields[0];\n // Object.keys(field).map((key) => {\n // if (!fieldsToSkipValidation.includes(fieldsMap[key]?.name)) {\n // // error[key] = {\n // // valid: field[key] !== '' ? true : false\n // // }\n // fieldData[key] = {\n // value: field[key],\n // };\n // }\n // });\n // });\n\n // let overrrideErr = {}\n // Object.keys(fieldData).map(d => {\n // // if (fieldsMap[d].mandatory)\n // // if (fieldsMap[d]?.)\n // let err = errors[d]\n // error[d] = {\n // valid: fieldData[d].value === '' && fieldsMap[d]?.mandatory ? false : true\n // }\n // if (overridesErrorsField.includes(fieldsMap[d]?.name) && fieldData[d]?.value) {\n // overrrideErr[d] = {\n // valid: true\n // }\n // }\n // })\n //\n // setErrors({...error, ...errors, ...overrrideErr})\n // if (Object.values({...error, ...errors, ...overrrideErr}).some(e => e.valid === false)) {\n // sectionRef.current.scrollIntoView({behavior: \"smooth\"});\n // return false;\n // } else {\n // setErrors({})\n // }\n //************************************************************************************\n //? This logic has been written by Shahzaib\n let sectionData = {\n operable_type: \"WorkOrder\",\n id: workOrderId,\n close: false,\n data: [],\n };\n\n let data = [];\n\n let occurrence = 0;\n\n //! converting the form data into requierd data structure by api\n for (const pair of new FormData(e.target).entries()) {\n const key = pair[0];\n let bases = props.bases.filter(base => pair[1].includes(base.station))\n const value = pair[1].includes(\"[\", \"]\")\n ? JSON.parse(pair[1]) : bases?.length != 0 ? null\n : pair[1];\n\n if (key.includes(\"org_section_id\")) {\n data.push({ org_section_id: value, fields: [] });\n occurrence++;\n } else {\n if (data[occurrence - 1]?.fields.length === 0) {\n data[occurrence - 1].fields.push({\n [key]: value === \"\" || value === \"Invalid date\" ? null : value,\n });\n } else {\n data[occurrence - 1].fields[0][key] =\n value === \"\" || value === \"Invalid date\" ? null : value;\n }\n }\n }\n\n const updatedData = data.length > 0 && data.filter((item) => item.fields.length > 0)\n // console.log(\"data===\", updatedData)\n sectionData.data = updatedData;\n //************************************************************************************\n\n OperationService.saveOperationFields(params)(sectionData)\n .then((response) => {\n if (files.length > 0) {\n fileUploadHandler();\n }\n props.getList();\n message.showToastMessage({\n message: \"Work Order updated successfully.\",\n variant: \"success\",\n });\n getSectionDetails();\n })\n .catch((err) => {\n message.showToastMessage({\n message: \"Something went wrong. Try Again\",\n variant: \"error\",\n });\n });\n }\n // } catch (error) {\n // message.showToastMessage({\n // message: \"Something went wrong. Try Again\",\n // variant: \"error\",\n // });\n // }\n //#endregion\n };\n\n const [showTableData, setShowTableData] = useState(false);\n const [currentSelection, setCurrentSelection] = useState();\n const [data, setData] = useState([]);\n\n const columns = [\n {\n title: \"Task / TLP #\",\n field: \"task_tlp\",\n },\n {\n title: \"ATA Chapter\",\n field: \"ata_chapter\",\n },\n {\n title: \"Description\",\n field: \"description\",\n },\n {\n title: \"Man-Hours\",\n field: \"man_hours\",\n },\n ];\n\n useEffect(() => {\n // if (currentSelection?.child_section_name)\n // getOperationList(mapTasks[currentSelection?.child_section_name])\n }, [page, totalCount, pageSize, currentSelection]);\n\n const closeTableData = () => {\n setShowTableData(false);\n setCurrentSelection(null);\n TableAction.clearData(rDispatch);\n };\n const handleTableData = (data) => () => {\n setShowTableData(true);\n setCurrentSelection(data);\n getOperationList(mapTasks[data.child_section_name]);\n };\n\n function getOperationList(task_type) {\n let params = {\n id: workOrderId,\n task_type,\n page: page + 1,\n count_per_page: pageSize,\n };\n TableAction.getList(dispatch, message, params, \"operational_tasks\");\n }\n\n const getSectionName = (title) => {\n switch (title) {\n case \"Part Details\":\n return \"part\";\n case \"Tooling\":\n return \"tool\";\n default:\n return null\n }\n };\n\n const [createSection, setCreateSection] = useState(\"\");\n const handleClose = () => {\n setTableRefresh(!tableRefresh);\n setCreateSection(null);\n setAction(null);\n };\n\n //! Inbd delay (mins) = Act Arrival Date/Time (UTC) - Est Arrival Date/Time (UTC)\n const [inbondState, setInbondState] = useState({\n \"Est Arrival Date/Time (UTC)\": \"\",\n \"Act Arrival Date/Time (UTC)\": \"\",\n \"Inbd delay (mins)\": \"\",\n });\n const [delayCode, setDelayCode] = useState(\"00.00\")\n // ! Delay = Act Departure Date/Time (UTC) - Est Departure Date/Time (UTC)\n //! Gnd time = Act Departure Date/Time (UTC) - Act Arrival Date/Time (UTC)\n const [departureDetailsTime, setDepartureDetailsTime] = useState({\n \"Est Departure Date/Time (UTC)\": \"\",\n \"Act Departure Date/Time (UTC)\": \"\",\n Delay: \"\",\n \"Gnd time\": \"\",\n });\n\n const [oilState, setOilState] = useState({\n \"Oil - Quarts\": \"\",\n \"Hyd Fluid - Quarts\": \"\",\n });\n\n // useEffect(() => {\n // let format = \"YYYY-MM-DD - HH:mm:ss\";\n // let revFormat = \"DD-MM-YYYY - HH:mm:ss\";\n // let duration = moment.duration(\n // moment(\n // inbondState[timeCalculationFields[1]],\n // format).diff(\n // moment(\n // inbondState[timeCalculationFields[0]],\n // format)\n // )\n // );\n\n // if (duration.isValid()) {\n // const hrs =\n // (duration.get(\"days\") * 24 + duration.get(\"hours\"))\n // .toString()\n // .padStart(2, \"0\") +\n // \":\" +\n // duration.get(\"minutes\").toString().padStart(2, \"0\");\n // const timespan = hrs.toString().padStart(2, \"0\");\n // // + \":\" + duration.get(\"seconds\").toString().\n // // padStart(2, '0');\n\n // setInbondState({\n // ...inbondState,\n // \"Inbd delay (mins)\": getTimeDiffFormatted(duration),\n // });\n // }\n // }, [\n // inbondState[\"Act Arrival Date/Time (UTC)\"],\n // inbondState[\"Est Arrival Date/Time (UTC)\"],\n // ]);\n\n // useEffect(() => {\n // let format = \"YYYY-MM-DD - HH:mm:ss\";\n // }, [\n // inbondState[\"Act Arrival Date/Time (UTC)\"],\n // departureDetailsTime[\"Act Departure Date/Time (UTC)\"],\n // ]);\n // console.log(\"inboundd=======\", typeof delayCode)\n useEffect(() => {\n let format = \"YYYY-MM-DD - HH:mm:ss\";\n let revFormat = \"DD-MM-YYYY - HH:mm:ss\";\n\n let gndDuration = moment.duration(\n moment(departureDetailsTime[departureTimeCalcFields[1]], format).diff(\n moment(inbondState[timeCalculationFields[1]], format)\n )\n );\n\n let delayDuration = moment.duration(\n moment(\n departureDetailsTime[\"Act Departure Date/Time (UTC)\"],\n // departureDetailsTime[\"Est Departure Date/Time (UTC)\"],\n format\n ).diff(\n moment(departureDetailsTime[\"Est Departure Date/Time (UTC)\"], format)\n // moment(departureDetailsTime[\"Act Departure Date/Time (UTC)\"], format)\n )\n );\n\n // if (gndDuration.isValid() || delayDuration.isValid()) {\n // const hrs = gndDuration.get('days').toString().padStart(2, '0') + \":\" + gndDuration.get(\"hours\").toString().padStart(2, '0') + \":\" + gndDuration.get(\"minutes\").toString().padStart(2, '0')\n // const timespan = hrs.toString().\n // padStart(2, '0')\n // // + \":\" + gndDuration.get(\"seconds\").toString().\n // // padStart(2, '0');\n\n // }\n\n if (delayDuration.isValid() || gndDuration.isValid()) {\n const days = delayDuration.get(\"days\");\n\n const hrs = Boolean(Math.abs(days))\n ? String(delayDuration.get(\"days\")).padStart(2, \"0\") +\n \":\" +\n String(Math.abs(delayDuration.get(\"hours\"))).padStart(2, \"0\") +\n \":\" +\n String(Math.abs(delayDuration.get(\"minutes\"))).padStart(2, \"0\")\n : String(delayDuration.get(\"hours\")).padStart(2, \"0\") +\n \":\" +\n String(Math.abs(delayDuration.get(\"minutes\"))).padStart(2, \"0\");\n const timespan = hrs;\n console.log({ gndDuration, delayDuration });\n setDepartureDetailsTime({\n ...departureDetailsTime,\n \"Gnd time\": gndDuration.isValid()\n ? getTimeDiffFormatted(gndDuration)\n : \"\",\n Delay: delayDuration.isValid()\n ? getTimeDiffFormatted(delayDuration)\n : \"\",\n });\n // setDepartureDetailsTime({\n // ...departureDetailsTime,\n // 'Delay': timespan,\n\n // })\n }\n }, [\n departureDetailsTime[\"Act Departure Date/Time (UTC)\"],\n inbondState[\"Act Arrival Date/Time (UTC)\"],\n departureDetailsTime[\"Est Departure Date/Time (UTC)\"],\n ]);\n\n useEffect(() => {\n // setErrors({})\n }, [sectionId]);\n\n // console.log(\"set files is======================\", mroOwned)\n useEffect(() => {\n if (workOrderId && mroOwned == \"request_part\" || \"managed_part\") {\n const params = {\n organisation_id: getOrganisationId(),\n work_order_id: workOrderId\n\n }\n LineCustomerServiceNew.getTaskDetails(params).then((res) => {\n setTaskDetails(res.data)\n }).catch(() => {\n\n })\n\n }\n }, [workOrderId, mroOwned])\n\n\n\n\n\n\n\n\n\n\n const theme = useTheme();\n //TODO: implement useMemo() to boost performance between form value changes.\n return !loading ? (\n \n {open &&
\n \n \n \n {createSection && action === \"create\" && (\n
\n \n \n ) : (\n \n
\n );\n}\n\n\nexport default React.memo(SectionDetail);\n\nconst sectionTheme = (permission) => (theme) =>\n !permission?.write\n ? createTheme({\n ...theme,\n overrides: {\n ...theme.overrides,\n MuiGrid: {\n item: {\n zIndex: 0,\n },\n },\n MuiFormControl: {\n root: {\n zIndex: -1,\n },\n },\n MuiOutlinedInput: {\n root: {\n \"& fieldset\": {\n borderWidth: \"1px !important\",\n borderColor: theme.palette.primary.main,\n },\n },\n },\n MuiToggleButton: {\n ...theme.overrides.MuiToggleButton,\n root: {\n ...theme.overrides.MuiToggleButton.root,\n zIndex: -1,\n },\n },\n },\n })\n : createTheme({\n ...theme,\n overrides: {\n ...theme.overrides,\n MuiOutlinedInput: {\n root: {\n \"& fieldset\": {\n borderWidth: \"1px !important\",\n borderColor: theme.palette.primary.main,\n },\n },\n },\n },\n });\n","import requestApi from \"./common/boxp_api_client\";\n\nconst updateDataUrl = {\n acceptanceOrder: \"\"\n}\n\nfunction boxpUpdateData(formData, id = null, section) {\n return requestApi({\n url: id ? `${updateDataUrl[section]}/${id}` : `${updateDataUrl[section]}`,\n method: 'PUT',\n data: formData\n })\n}\n\nexport const boxpUpdateDataWithParams = (params, section) => {\n return requestApi({\n url: `${updateDataUrl[section]}`,\n method: 'PUT',\n params: params\n })\n}\n\nexport default boxpUpdateData;\n","import requestApi from \"./common/boxp_api_client\";\n\nconst creationUrl = {\n createContact: \"/customer/contact\",\n createEmail: \"/customer/report_emails\",\n createAddress: \"/customer/address\",\n createStorageRates:\"/customer/storage_rates\",\n createQuotation: \"/quotation\",\n planning: \"/planning\"\n}\n\nfunction BoxpCreateData(formData, section) {\n\n return requestApi({\n url: creationUrl[section],\n method: 'POST',\n data: formData\n })\n}\n\nexport default BoxpCreateData;\n","import requestApi from \"./common/boxp_api_client\";\n\nconst deletionUrl = {\n deleteComment: \"/action_comment\",\n deleteActionData : \"/action_imp\",\n deletePriceBreak: \"/price_breaks\"\n}\n\nfunction boxpDeleteData(id, section, data, params) {\n let url = params ? `${deletionUrl[section]}${params ? '?id=' + id : id || ''}`\n : `${deletionUrl[section]}/${id || ''}`\n return requestApi({\n url: url,\n method: 'DELETE',\n data: id ? '' : data\n })\n}\n\nexport default boxpDeleteData;","import boxpUpdateData from \"./boxp_update_data_service\";\nimport BoxpCreateData from \"./boxp_create_data_service\";\nimport boxpDeleteData from \"./boxp_delete_data\";\nimport { getData } from \"./listing_service\";\nimport { updateDataWithParams } from './update_data_service';\n\nconst BoxpDataService = {\n getData,\n BoxpCreateData,\n boxpUpdateData,\n boxpDeleteData,\n updateDataWithParams,\n}\nexport default BoxpDataService;","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABGCAYAAADFJBSLAAAABHNCSVQICAgIfAhkiAAAAmNJREFUWEftly1MQzEURjcFc6DIBGESB1PgGAqmwJEphsOxKbBTMAUogmJB4QDFHEPxo+YIisk5QIGD72vW8l7TsNsbBIImN1m73pO+tue9NpvJZD4QIwhNaWaR1UNMabKRUyfgDjGnBFQIaCOWlIAyAS3EuhJQJGAPsa0E5AnYQewqATkCqogTBeANOWMELCOuFIAn5EwTMI+4VQDumUtAAfGsAFwiZ5WAUcS7AnCMnE0CWDQ+NLmCFtBDJdaHOnIOLEDjQwWAMwvQ+FAGoG0BLVRifSgip2sBGh/yAPQtQONDjqtnAVVUYnwwHnD9LSDWB+NBEhDrg/EgCSigEuOD8SAJiPXBeJAExPpgPPABfTRMsFFQjAc+oIuGGUEyuxgPfECMD8YDH0DimnAExgMfwGfaEgKMBz4gxgfjgQ/guh4JRuA88AHcWecCgPPAB0h9cB74ANr1KBiB88AH0O8XAcB54ANYl3wfnAchgMQH50EIIPHBeRACSHxwHoQAEh+cByGAxAfnQQgg8cF5EAIM8yHlQQgwzIeUByHAMB9SHoQAk2g8/WE7P+C/1KHUftoECoS7/AO+zwd/bxJnMaSVxLB6+M134as/VH8ZS+iwjyAgVGhrIwlKAqr4Q3LQ4ltrA5H6NkqT7aiYvMiRcAR8nfN8ZI5tEeUQfWsE1AbPHZHruo4T0EEsaLI5FwR8KpOZ1vgVQA+k2NuKHbS5vbcQsXcFCzB35xLiWjEPN8y1O1GzEtxIHQvgJiJEetDkVuaju/sCfxNyMWRP8MPCjWeSfYBt45xUB3NjV4fPSzgTU0p/ATvhfD+Hq0VJAAAAAElFTkSuQmCC\"","import React, { useEffect, useState } from \"react\";\nimport {\n KeyboardDatePicker,\n MuiPickersUtilsProvider,\n} from \"@material-ui/pickers\";\nimport MomentUtils from \"@date-io/moment\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport moment from \"moment\";\n// import MROTextField from \"./TextField\";\n\nimport EventIcon from \"@material-ui/icons/Event\";\nimport { InputAdornment } from \"@material-ui/core\";\nimport MROTextField from \"components/form_components/TextField\";\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n \"& input::placeholder\": {\n textTransform: 'unset'\n },\n margin: theme.spacing(1, 0),\n \"& .MuiOutlinedInput-root\": {\n \"& fieldset\": {\n borderColor: theme.palette.primary.main,\n borderWidth: \"1px !important\",\n },\n \"&:hover fieldset\": {\n borderColor: theme.palette.primary.light,\n // borderWidth: '1px !important'\n },\n \"&.Mui-error:hover fieldset\": {\n borderColor: \"#f44336 !important\",\n },\n \"& .MuiOutlinedInput-input\": {\n padding: \"15px\",\n },\n },\n \"& label\": {\n color: theme.palette.primary.main,\n },\n },\n}));\n\nexport const checkFromat = (date) =>\n /^\\d{4}\\-(0?[1-9]|1[012])\\-(0?[1-9]|[12][0-9]|3[01])$/.test(date);\n\nfunction DateField(props) {\n const classes = useStyles();\n const [selectedDate, setSelectedDate] = useState(null);\n const {\n label,\n name,\n defaultValue,\n variant,\n onChange,\n error,\n helperText,\n disabled,\n calenderAction,\n type,\n maxDate,\n value,\n setRepeatDate\n } = props;\n\n\n const outputFormat = \"DD/MM/YYYY\";\n useEffect(() => {\n setSelectedDate(defaultValue ? moment(\n defaultValue,\n checkFromat(defaultValue) ? \"YYYY-MM-DD\" : calenderAction ? \"YYYY-MM-DD hh:mm:ss\" : \"DD/MM/YYYY\"\n ).format(\"lll\")\n : \"\"\n );\n }, [defaultValue]);\n\n\n useEffect(() => {\n if (value !== \"Invalid date\" && type === \"due\") {\n setSelectedDate(value)\n }\n }, [value])\n\n\n if (disabled) {\n return (\n ![{\"loading...\"}]({\"/loader.gif\"})
\n \n \n
\n );\n}\n\nRightDialog.propTypes = {\n children: propTypes.node.isRequired,\n open: propTypes.bool.isRequired,\n dialogCloseHandler: propTypes.func.isRequired,\n dialogOpenHandler: propTypes.func.isRequired,\n};\n\nexport default RightDialog;\n","// import request from \"./common/api_client\";\nimport requestrApi from \"./common/boxr_api_client\";\n\nconst dataUrl = {\n handOverDeps: 'handovers/fetch_dependencies',\n getAckOpenhandoverData: 'handovers/set_handover',\n training: '/trainings',\n competency: '/competencies',\n fetchTraining: 'user_compliances/fetch_user_trainings',\n fetchCompetency: 'user_compliances/fetch_user_competencies',\n storageCondition: '/storage_conditions',\n procedureCategories: '/procedure_categories',\n aogSMS: '/line_customers/aog_sms_contacts',\n reportEmail: '/line_customers/report_emails',\n kpiEmail: '/line_customers/kpi_emails',\n commercialRates: '/line_customers/commercial_rates',\n commercialRatesData: '/line_customers/fetch_commercial_rate',\n scheduledCheckHours: '/line_customers/scheduled_check_hours',\n delayCodes: '/line_customers/delay_codes',\n fixedPriceList: '/line_customers/aircraft_type_groups',\n scheduledChecks: '/line_customers/scheduled_check_hours',\n userCompliance: '/user_compliances/listing_users',\n complianceCompetency: '/user_compliances/listing_competencies',\n complianceTraining: '/user_compliances/listing_trainings',\n competencyBaseList: '/competencies/listing_base_applications',\n competencyGroupList: '/competencies/listing_group_applications',\n trainingBaseList: '/trainings/listing_base_applications',\n trainingGroupList: '/trainings/listing_group_applications',\n approvalType: '/approval_types',\n approvalTypeGroup: '/group_types',\n companyApprovals: '/company_approvals',\n authList: '/auth_lists',\n typePermissions: '/approval_types/listing_type_permissions',\n approvalScope: '/group_types/listing_approval_types',\n authFilters: '/auth_lists/fetch_dependencies',\n authGroupsCreateList: '/auth_lists/fetch_approval_types',\n authPermissionList: '/auth_lists/fetch_approval_permissions',\n authUserDetail: '/auth_lists/fetch_user_information',\n workOrder: '/work_orders',\n customerInfo: '/line_customers/customer_infos',\n taskLibrary: '/task_libraries',\n ataChapters: '/task_libraries/fetch_ata_chapters',\n ataScheduledChecks: 'ata_chapters/listing_scheduled_checks',\n\n vehicleList: '/vehicles',\n basesList: '/vehicles/fetch_base_stations',\n vehicleInspection: '/vehicle_inspections',\n vehicleInspectionFilters: '/vehicle_inspections/fetch_filter_dependencies',\n vehicleInspectionDetail: '/vehicle_inspections/vehicle_inspection_info',\n workOrderSections: '/operation_fields/fetch_sections',\n workOrderSectionDetail: '/operation_fields/fetch_fields',\n workOrderDependencyTable: '/',\n stationInspections: '/station_inspections',\n stationInspectionFilters: '/station_inspections/fetch_filter_dependencies',\n stationCheckDetail: '/station_inspections/station_inspection_info',\n baseStationChecks: '/base_stations/fetch_station_checks',\n userApprovals: '/user_compliances/approval_information',\n userGeneralFiles: '/user_compliances/general_files',\n competencyQuestions: '/competencies/competency_categories',\n adhocForms: '/adhoc_forms',\n LineManagers: '/base_stations/fetch_user_information',\n authListVersionDownload: '/auth_lists/version_download',\n handoverHistory: '/handovers',\n handoverChecks: '/handovers/setups',\n recencyTask: '/recencies',\n recency: '/user_compliances/recency',\n adhocFormDetail: '/adhoc_forms/fetch_adhoc_info',\n adhocDependency: '/adhoc_forms/adhoc_dependency',\n users: '/users/lm_compliance_status',\n vendorParts: '/vendor_parts',\n operational_tasks: '/operational_tasks',\n // operation_workorder_tooling: '/operation_fields/work_order_toolings',\n operation_workorder_tooling: '/operation_fields/operation_toolings',\n fetch_tooling: '/operation_fields/fetch_toolings',\n accountScheduledChecks: '/accounts/scheduled_checks',\n accountsWorkOrderReports: '/accounts/workorder_reports',\n accountsTowing: '/accounts/towing',\n accountsGND: '/accounts/gnd_equip',\n equipmentList: '/accounts/list_equipments',\n accountsCallOutFees: '/accounts/callout_fees',\n accountsCallOutHrs: '/accounts/callout_reports',\n accountsDelayReports: '/accounts/delay_reports',\n accountsTechLogMaint: '/accounts/tech_log_maint_tasks',\n accountsCabinMaint: '/accounts/cabin_maint_tasks',\n accountsNonFixedPrice: '/accounts/non_fixed_price_tasks',\n accountsDefects: '/accounts/defect_tasks',\n accountsPlannedTask: 'accounts/planned_tasks',\n accountsPlannedWorkOrders: \"/work_orders/planned_work_order_account\",\n accountsOutboundWorkOrders: \"/work_orders/outbound_work_order\",\n comsumeables: '/accounts/consumables',\n parts: '/accounts/parts',\n baseStations: '/base_stations',\n fetchUserInfo: '/operation_fields/fetch_user_info',\n workOrderListing: '/work_orders/listing_work_orders',\n dashboardHandovers: '/dashboards/handovers',\n dashboardVehicles: '/dashboards/vehicles',\n dashboardToolings: '/dashboards/toolings',\n dashboardSelfLifeExpiry: 'dashboards/shelf_life_expiry',\n dashboardVehicleMotPass: '/dashboards/vehicle_mot_pass',\n operationTotalHours: '/operation_fields/calculate_man_hours',\n operationTaskLibrary: '/operation_fields/fetch_task_libraries',\n listingATAChapter: '/ata_chapters/listing_ata_chapters',\n workOrderSendEmail: '/work_orders/send_work_order_mail',\n primeParts: '/primary_parts/listing_prime_parts',\n fetchSuppliers: '/part_suppliers/fetch_suppliers',\n partsFetchDependencies: '/primary_parts/fetch_dependencies',\n primaryPartsBaseLevels: '/primary_parts/listing_base_levels',\n currencies: '/currencies',\n purchaseOrders: '/purchase_orders/listing_orders',\n getCertificates: '/primary_parts/material_certificates',\n generateConsolidatedReport: '/consolidate_reports/generate_report',\n managedParts: '/accounts/managed_parts',\n mroMangedParts: '/part_conditions/listing_conditioned_parts',\n existingQty: '/primary_parts/unique_part_quantity',\n fetchHandOverById: 'handovers/fetch_handover_info',\n fetchRequestTable: '/part_requests/listing_part_requests',\n DelayListing: '/delays/listing_delays',\n CallOutsListing: '/call_outs/listing_callouts',\n stockOptionList: '/part_requests/stock_options',\n allocationList: \"/part_requests/allocated_parts_details\",\n allocatedList: '/part_conditions/listing_allocated',\n getAllRequest: '/part_requests/procurement_requests_listing',\n getAllProcRequest: '/procurement_requests/procurement_requests_listing',\n getAllocatedJobReq: \"/part_requests/allocated_job_req_details\",\n getAccountsFormListing: '/accounts/form_listing',\n getPurchasedItems: '/purchase_orders/po_items',\n\n // delay\n getDelayAndCalloutTabs: '/operation_fields/fetch_maint_sections',\n getDelayAndCalloutFields: '/operation_fields/fetch_maint_fields',\n //cancellation\n getCancellation: \"/line_customers/canclations\",\n\n\n //Delay Reason field dropdown values api\n delayReasonDpdValues: '/line_customers/delay_codes',\n\n // Request part\n requestPart: \"/primary_parts\",\n\n // compliance => approval => capability\n capabilitiesList: \"/capabilities\",\n capabilitiesEngineTask: \"/capabilities/capabilities_eng_tasks\",\n approvalFetchDependencies: \"/auth_lists/fetch_filter_dependencies\",\n\n // Request part table in parts and tool section;\n partsAndToolsRequestParts: '/part_requests/operation_request_listing',\n partInfoTable: \"/part_requests/allocated_job_req_details\",\n getAllKits: \"/primary_parts/listing_kits\",\n kitsPrimaryPart: \"/kits/kit_primary_parts\",\n\n // Admin => Workshop => Admin\n releaseTypesListing: \"/release_types\",\n\n // Procurement => Parts => Request => Allocated\n stockOptionsList: \"primary_parts/fetch_secondary_parts\",\n alternatePartList: \"/part_requests/allocated_job_req_details\",\n alternatePartOptionsListing: \"/primary_parts/list_alternate_parts\",\n\n\n //workshop admin customer contact details\n allContact: \"/customer/contact/all\",\n reportEmailWorkshop: \"/customer/report_emails/all\",\n\n workshopRequestPart: \"/part_requests/operation_request_listing\",\n workshopToolingRequestPart: \"/toolings/workshop_toolings\",\n workshopServices: \"/services/operation_listing\",\n getAllEquipmentList: \"/equipment_requests\",\n getWorkshopEquipment: \"/equipment_requests/operation_listing\",\n approval_tiers: \"/approval_tiers\",\n services: \"/services\",\n scheduledCheckRates: \"/check_rates\",\n // DD Parts\n DDPartListing: \"/dd_parts/listing_requests\",\n // DDPartListing: \"/dd_parts\"\n\n //CommercialRates\n scheduledCheckCus: \"/line_customers/scheduled_check_hours\",\n scheduledCheckRates: \"/check_rates\",\n accountScheduledRates: \"/accounts/check_rates\",\n Gnd_handling_fields_high_lift_equip: \"/accounts/gnd_handling_fields\",\n Gnd_handling_fields_large_steps: \"/accounts/gnd_handling_fields\",\n Gnd_handling_fields_medium_steps: \"/accounts/gnd_handling_fields\",\n Gnd_handling_fields_wheel_change_kit: \"/accounts/gnd_handling_fields\",\n accountDelayInbound: '/work_orders/inbound_work_orders',\n accountDelayExceeds: '/work_orders/exceeds_gnd_time',\n\n //procurement usage\n getAllUsageList: \"/procurement_usage_list\",\n getAllToolData: \"/toolings\",\n getAllForcast: \"procurement_requests/parts_forecast\",\n //removed parts\n lineRemoveParts: '/part_conditions/removed_parts',\n commercial_tooling: '/toolings/commercial_rates_toolings',\n //accounts/admin\n mileageRates: \"/vehicles/listing_vehicles\",\n labourRates: \"/user_groups/listing_labour_rates\",\n fixedFees: \"/line_customers/listing_lc_app_type_rates\",\n basedAircraft: \"/line_customers/listing_based_ac_groups\"\n}\n\nexport function getData(params, section) {\n return requestrApi({\n url: dataUrl[section],\n method: 'GET',\n params: params,\n paramsSerializer: (params) => {\n // Sample implementation of query string building\n let result = '';\n Object.keys(params).forEach(key => {\n if (params[key] != null) {\n if (key == \"tasks[]\" || key == \"consumables[]\" || key == \"aircraft_registrations[]\") {\n const tasksVal = params[key];\n tasksVal.map(function (eachTask) {\n result += `${key}=${encodeURIComponent(eachTask)}&`;\n })\n }\n else {\n result += `${key}=${encodeURIComponent(params[key])}&`;\n }\n\n }\n });\n return result.substr(0, result.length - 1);\n }\n })\n}\n\nconst ListingService = {\n getData\n}\n\n\nexport default ListingService;\n","import React from \"react\";\nimport {\n Box,\n CircularProgress,\n Dialog,\n DialogContent,\n makeStyles,\n} from \"@material-ui/core\";\nimport MROButton from \"./buttons\";\n\nfunction MRODialog(props) {\n const {\n open,\n handleClose,\n children,\n handleSubmit,\n isLoading,\n width,\n centerActionBtns,\n btnTitle,\n noActionBtns,\n btnLeft,\n bgColor,\n color,\n leftStartIcon,\n rightStartIcon,\n submit,\n hideYesButton\n } = props;\n\n const classes = useStyles(props);\n\n const submitHandler = (e) => {\n e.preventDefault();\n typeof handleSubmit === \"function\" && handleSubmit(e);\n };\n\n return (\n {children}
\n \n \n \n Oops!\n \n \n The page you are looking for does not exist.
\n You might have mistyped the address. Please check the URL and try again.\n \n
\n \n You might have mistyped the address. Please check the URL and try again.\n
\n\n
\n \n
\n \n Part #\n {(partDetails?.part_number || currentSelection?.part_on) ?? \"-\"}\n
\n \n Description\n {(partDetails?.description || currentSelection?.description) ?? \"-\"}\n
\n \n Units of Measure\n {(partDetails?.units_of_measure || currentSelection?.units_of_measure) ?? \"-\"}\n
\n \n Serial # On\n {(partDetails?.serial_number || currentSelection?.serial_number) ?? \"-\"}\n
\n \n
\n )} */}\n \n ) :\n <>\n \n Part#\n {(details?.part_number) ?? \"-\"}\n
\n \n Description\n {(details?.description) ?? \"-\"}\n
\n \n Serial # On\n {details?.serial_number ?? \"-\"}\n
\n \n
\n \n \n Stock Information\n \n \n Part Details\n \n \n \n \n Stock Details\n \n Min / Max Levels\n }\n columns={stockColumnConfig}\n data={stockList || []}\n isLoading={loading}\n options={stockTableOptions}\n localization={{\n toolbar: {\n searchPlaceholder: \"Search anything\",\n },\n body: {\n emptyDataSourceMessage: \"No Stock Found\",\n filterRow: {\n filterTooltip: \"Filter\",\n },\n },\n }}\n onChangePage={(page) => {\n TableAction.setPage(dispatch, page);\n }}\n onChangeRowsPerPage={(pageSize) => {\n TableAction.setPageSize(dispatch, pageSize);\n }}\n onSearchChange={(search) => {\n TableAction.setSearchText(dispatch, search);\n }}\n totalCount={totalCount}\n page={page}\n actions={[\n (rowData) => {\n return {\n icon: () => (\n \n \n \n Alternates *\n \n Min / Max Levels\n }\n columns={alternatesColumnConfig}\n data={alternateList || []}\n isLoading={loading}\n options={alternatesTableOptions}\n localization={{\n toolbar: {\n searchPlaceholder: \"Search anything\",\n },\n body: {\n emptyDataSourceMessage: \"No Alternates Found\",\n filterRow: {\n filterTooltip: \"Filter\",\n },\n },\n }}\n onChangePage={(page) => {\n setAlternateTableState((prevState) => {\n return {\n ...prevState,\n page: page,\n };\n });\n }}\n onChangeRowsPerPage={(pageSize) => {\n setAlternateTableState((prevState) => {\n return {\n ...prevState,\n pageSize: pageSize,\n };\n });\n }}\n onSearchChange={(search) => {\n TableAction.setSearchText(dispatch, search);\n }}\n totalCount={totalCount}\n page={page}\n />\n \n * Alternates must be verified IAW approved maintenance data!\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 MSDS \n \n \n {\n setOpenMsds(true);\n setMsdsList(partInfo?.mds);\n }}\n fontSize=\"small\"\n htmlColor={ICON_COLOUR}\n />\n \n \n
\n }\n \n
\n \n - \n {msdsList?.length ? (\n msdsList.map((file, index) => {\n return (\n
- \n \n\n PDF Name.pdf\n
\n
\n );\n })\n ) : (\n No MSDS found\n )}\n
\n
\n )\n}\n\nexport default React.memo(NumericField);","import { Button, ButtonGroup, Grid } from \"@material-ui/core\";\nimport React, { useEffect, useState } from \"react\";\nimport AddIcon from \"@material-ui/icons/Add\";\nimport RemoveIcon from \"@material-ui/icons/Remove\";\nimport MROTextField from \"./form_components/TextField\";\nimport { fixedInputValueTo2DecimalPlaces } from \"lib/utils/helperFunctions\";\n\nexport default function NumericIncrementJobClockings({ setError, state, setState, ...props }) {\n const [val, setVal] = useState(props.value ? parseFloat(props?.value) : 0);\n const handleChange = (action) => () => {\n typeof setError === \"function\" && setError();\n if (action === \"inc\") {\n if (parseFloat(val || 0) >= 0)\n if (parseFloat(val) % 0.25 === 0) {\n let total = parseFloat(val) + 0.25\n setVal(parseFloat(total).toFixed(2));\n }\n else\n\n setVal((parseFloat(val || 0) + 0.25).toFixed(2))\n }\n if (action === \"dec\") {\n if (parseFloat(val) > 0)\n if (parseFloat(val) % 0.25 === 0) {\n setVal(parseFloat(val - 0.25))\n } else if (parseFloat(val) <= 0.25) {\n setVal(0)\n }\n else setVal((parseFloat(val || 0) - 0.25).toFixed(2))\n }\n };\n\n useEffect(() => {\n setState({\n ...state,\n man_hours: val,\n });\n }, [val]);\n\n // console.log(props?.val, state, val, val % 0.25, parseFloat(val) % 0.25 === 0);\n\n // useEffect(() => {\n // if (state.man_hours > 0) {\n // setVal(parseFloat(state.man_hours))\n // }\n\n // }, [state.man_hours]);\n\n let inputprops = {\n value: props.value,\n };\n\n return (\n <>\n \n {\n handleChange({ name: e.target.name, value: e.target.value });\n setVal(e.target.value);\n }}\n style={inputProps.readOnly ? { opacity: 0.55, cursor: 'not-allowed !important' } : {}}\n />\n
\n {\n props.noIncreament &&\n \n \n \n \n \n
\n }\n {\n secondaryCheck &&\n \n {\n handleChange({ name: e.target.name, value: e.target.value });\n console.log(e.target.name)\n }}\n />\n
\n }\n \n \n \n \n \n \n \n \n\n\n \n \n {\n setAnchorEl(true);\n setOpen(true)\n\n }}>\n \n\n {open &&\n \n\n }\n\n\n\n\n
\n \n \n {isEdit && (\n \n
\n \n
\n \n
\n \n \n \n Edit\n \n \n Order\n \n\n \n \n {action === \"delete\" && (\n \n
\n\n {action === \"warning\" && (\n \n \n \n \n Workscope\n \n \n { getCopyPreviousPlanningId() }}\n style={{\n display: access.read ? \"none\" : undefined,\n }}\n >\n {\" \"}\n \n \n\n {action === \"copySection\" && (\n setAction(null)}\n closeTabAction={handleClose}\n currentSelection={currentSelection}\n workshop_id={workshopOrder}\n getWorkshopOrderDetails={getWorkshopOrderDetails}\n getMaintenanceOrder={getMaintenanceOrderList}\n getPlanningList={getPlanningList}\n setPlanningAction={setAction}\n actionTabId={actionTabId}\n planningId={planningCopyId}\n planningNullId={planningNullId}\n planningWholeDetails={planningDetails}\n copyTab={copyTab}\n />\n )\n }\n {\n action === \"searchCapability\" && (\n setAction(null)}\n func={dataFromParent}\n />\n )\n }\n\n {/* {action && action === \"complete\" && (\n setAction(null)}\n cautionMessage={closureData}\n // getAllActionStages={getAllActionStages}\n workshop_id={workshop_id}\n tab={\"planning\"}\n title=\"Planning Closure\"\n show={false}\n isGettingDetails={getData}\n btnTitle=\"Complete\"\n formDataProps={sendFormData}\n />\n )} */}\n
\n );\n}\n\nexport default Planning;\n","import React from \"react\";\nimport MROFullScreenRightDrawer from \"components/fullwidth_dialog\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport Grid from \"@material-ui/core/Grid\";\nimport BackIcon from \"@material-ui/icons/KeyboardBackspace\";\nimport Typography from \"@material-ui/core/Typography\";\nimport { Box } from \"@material-ui/core\";\n\nconst useStyles = makeStyles((theme) => ({\n wrapper: {\n margin: \"3%\",\n },\n appBar: {\n backgroundColor: \"#fff\",\n color: \"#000000CC\",\n boxShadow: \"0px 3px 6px #0000001A\",\n },\n backButton: {\n marginRight: theme.spacing(2),\n },\n paper: {\n borderRadius: \"5px\",\n backgroundColor: \"#F5F5F5\",\n padding: theme.spacing(2),\n boxShadow: \"0px 1px 4px #0000001A\",\n },\n partValue: {\n fontSize: \"14px\",\n color: \"#4D4F5C\",\n padding: \"2px\",\n display: \"flex\",\n alignItems: \"center\",\n },\n partKey: {\n \"& p\": {\n fontSize: \"14px\",\n padding: \"1px\",\n },\n },\n partCard: {\n borderRadius: \"8px\",\n padding: \"17px 24px\",\n \"& p\": {\n fontSize: \"14px\",\n padding: \"5px\",\n },\n },\n sec1: {\n borderRadius: \"10px\",\n backgroundColor: \"#fff\",\n padding: theme.spacing(5),\n boxShadow: \"0px 1px 4px #0000001A\",\n },\n}));\n\nfunction ManageInspection(props) {\n const classes = useStyles();\n const { handleClose} = props;\n\n return (\n \n \n \n \n \n Event Information \n \n \n\n \n
\n );\n}\n\nexport default ManageInspection;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport MROFullScreenRightDrawer from \"components/fullwidth_dialog\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport Grid from \"@material-ui/core/Grid\";\nimport BackIcon from \"@material-ui/icons/KeyboardBackspace\";\nimport Typography from \"@material-ui/core/Typography\";\nimport MROTextField from \"components/form_components/TextField\";\nimport FileUpload from \"components/form_components/fileUpload\";\nimport MROButton from \"components/buttons\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport YesNoField from \"components/form_components/YesNoField\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport { InspectionServices } from \"lib/services/api/operaitons/WorkShop/Inspection/InspectionService\";\nimport { validateFormData } from \"lib/utils/helperFunctions\";\nimport { BASE_API_URL_BOXP } from \"lib/constants\";\nimport NumericIncrement from \"views/Operations/LineMaintenance/WorkOrder/FieldComponents/numeric_increment\";\nimport { getOrganisationId } from \"lib/utils/common_utils\";\n\nconst useStyles = makeStyles((theme) => ({\n wrapper: {\n margin: \"3%\",\n overflowX: \"hidden !important\"\n },\n appBar: {\n backgroundColor: \"#fff\",\n color: \"#000000CC\",\n boxShadow: \"0px 3px 6px #0000001A\",\n },\n backButton: {\n marginRight: theme.spacing(2),\n },\n wrap: {\n borderRadius: \"5px\",\n backgroundColor: \"#fff\",\n padding: theme.spacing(3),\n boxShadow: \"0px 1px 4px #0000001A\",\n },\n paper: {\n borderRadius: \"5px\",\n backgroundColor: \"#F5F5F5\",\n padding: theme.spacing(2),\n boxShadow: \"0px 1px 4px #0000001A\",\n },\n partValue: {\n fontSize: \"14px\",\n color: \"#4D4F5C\",\n padding: \"2px\",\n display: \"flex\",\n alignItems: \"center\",\n },\n partKey: {\n \"& p\": {\n fontSize: \"14px\",\n padding: \"1px\",\n },\n },\n partCard: {\n borderRadius: \"8px\",\n padding: \"17px 24px\",\n \"& p\": {\n fontSize: \"14px\",\n padding: \"5px\",\n },\n },\n sec1: {\n borderRadius: \"10px\",\n backgroundColor: \"#fff\",\n padding: theme.spacing(5),\n boxShadow: \"0px 1px 4px #0000001A\",\n },\n actionButtons: {\n paddingTop: \"20px\",\n paddingBottom: \"33px\",\n textAlign: \"right\",\n marginRight: \"20px\",\n \"& button:not(:last-child)\": {\n marginRight: \"20px\",\n },\n },\n}));\n\nfunction ActionDetails(props) {\n const classes = useStyles();\n const { handleClose, workshop_id, action_type, getAllActions } = props;\n const message = useContext(ToastMessageContext);\n const [dropDownData, setDropdownData] = useState([]);\n const [errors, setErrors] = useState({});\n const [ataChapter, setAtaChapter] = useState(null);\n const [mechAuth, setMechAuth] = useState(null);\n const [inspAuth, setInspAuth] = useState(null);\n const [busy, setBusy] = useState(null);\n const [maintFile, setMaintFile] = useState([]);\n const [state, setState] = useState({ man_hours: '' });\n const [criticalConsideration, setCriticalConsideration] = useState(null);\n const [IndependentInsp, setIndependentInsp] = useState(null);\n\n useEffect(() => {\n getDropdownData();\n }, []);\n\n const getDropdownData = async () => {\n const params = {\n organisation_id: getOrganisationId()\n }\n await InspectionServices.getAllDropDown(params)\n .then((res) => {\n if (res) {\n setDropdownData(res.data);\n }\n })\n .catch(() => {\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n });\n };\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n const formData = new FormData(e.target);\n const { error, valid } = validateFormData(formData, [\"maintenance_file[]\"]);\n if (!valid) {\n // setLoading(null);\n setErrors(error);\n return;\n }\n\n formData.append(\"workshop_order_id\", workshop_id);\n formData.append(\"action_type\", action_type);\n let userDetails = JSON.parse(sessionStorage.getItem(\"user\"));\n formData.append(\"raised_by\", userDetails?.id);\n // formData.append(\"status\", \"Open\");\n formData.delete(\"maintenance_file[]\");\n maintFile.forEach((file) => (formData.append(\"maintenance_file[]\", file)))\n setBusy(\"loading\");\n await InspectionServices.createAction(formData)\n .then((res) => {\n if (res) {\n handleClose();\n getAllActions();\n setBusy(null);\n message.showToastMessage({\n message: \"Created successfully!!\",\n variant: \"success\",\n });\n }\n })\n .catch(() => {\n setBusy(null);\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n });\n setBusy(null);\n };\n\n const resetErrorsHandler = (name) => {\n setErrors((e) => ({ ...e, [name]: false }));\n };\n\n const handleCriticalConsideration = (value) => {\n if (value) {\n setCriticalConsideration(value);\n }\n };\n const handleIndependentInsp = (value) => {\n if (value) {\n setIndependentInsp(value);\n }\n };\n\n const handleChange = ({ target: { name, value } }) => {\n // setState({\n // ...state,\n // [name]: value\n // })\n }\n\n return (\n \n \n \n Event\n \n \n \n \n \n \n Action & stage Title\n \n \n \n Replace Humidity Cnt Desiccant \n \n \n \n\n \n \n Sub-Fields\n \n \n \n \n \n \n Sub-Field description 1\n \n \n \n Sub-Field text \n \n \n \n Sub-Field description 6\n \n \n \n Sub-Field text \n \n \n\n \n \n \n Sub-Field description 2\n \n \n \n Sub-Field text \n \n \n \n Sub-Field description 2\n \n \n \n Sub-Field text \n \n \n\n \n \n \n Sub-Field description 3\n \n \n \n Sub-Field text \n \n \n \n Sub-Field description 8\n \n \n \n Sub-Field text \n \n \n \n \n \n Sub-Field description 4\n \n \n \n Sub-Field text \n \n \n \n Sub-Field description 9\n \n \n \n Sub-Field text \n \n \n \n \n \n Sub-Field description 5\n \n \n \n Sub-Field text \n \n \n \n Sub-Field description 10\n \n \n \n Sub-Field text \n \n \n \n\n \n \n Event Closure\n \n \n \n \n \n \n Mech\n \n \n \n 5678 \n \n \n \n Date / Time\n \n \n \n 25/Dec/2020 11:59 \n \n \n\n \n \n \n Insp\n \n \n \n 7890 \n \n \n \n Date / Time\n \n \n \n 25/Dec/2020 11:59 \n \n \n \n\n \n \n Tech Records\n \n \n\n \n \n Event Scheduling\n \n \n \n \n \n \n Next Due\n \n \n \n 19/Jan/2021 \n \n \n \n
\n \n \n \n \n \n \n Add Action\n \n \n \n\n \n \n
\n );\n}\n\nexport default ActionDetails;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Typography from \"@material-ui/core/Typography\";\nimport FileUpload from \"components/form_components/fileUpload\"\nimport {\n Box,\n Dialog,\n DialogContent,\n DialogTitle,\n IconButton,\n} from \"@material-ui/core\";\nimport EditIcon from \"@material-ui/icons/Edit\";\nimport { ICON_COLOUR } from \"lib/constants/style_constants\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport cameraIcon from \"assets/camera@2x.png\";\nimport { InspectionServices } from \"lib/services/api/operaitons/WorkShop/Inspection/InspectionService\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport MROButton from \"components/buttons\";\nimport { BASE_API_URL_BOXP } from \"lib/constants\";\nimport { MaintenanceServices } from \"lib/services/api/operaitons/WorkShop/TaskLibrary/Maintenance/maintenance_operation\";\n\nconst useStyles = makeStyles((theme) => ({\n dialogPaper: {\n minHeight: \"30vh\",\n maxHeight: \"150vh\",\n },\n actionButtons: {\n paddingTop: \"5px\",\n paddingBottom: \"20px\",\n textAlign: \"right\",\n marginRight: \"20px\",\n \"& button:not(:last-child)\": {\n marginRight: \"20px\",\n },\n },\n}));\n\nfunction ManageTask(props) {\n const {\n open,\n handleCloseDailog,\n selectedId,\n action_type,\n styleProp,\n status\n } = props;\n const classes = useStyles();\n const message = useContext(ToastMessageContext);\n const [boolState, setBoolState] = useState(false);\n const [busy, setBusy] = useState(null);\n const [actionPhotos, setActionPhotos] = useState([]);\n const [actionImage, setActionImage] = useState([]);\n const [deletedStatus, setDeletedStatus] = useState(false)\n const [isLoading, setIsLoading] = useState(false)\n\n console.log(\"action is=============================\", props.permission.write, status, styleProp, boolState)\n\n useEffect(() => {\n getActionPhotos();\n }, []);\n\n useEffect(() => {\n if (actionImage.length) {\n setDeletedStatus(false)\n }\n }, [actionImage])\n\n const getActionPhotos = async () => {\n setBusy(\"get_photos\");\n setIsLoading(true)\n await InspectionServices.getActionPhotos(selectedId)\n .then((res) => {\n if (res) {\n setBusy(null);\n setActionPhotos(res.data);\n }\n })\n .catch(() => {\n setBusy(null);\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n }).finally(() => {\n setBusy(null);\n setIsLoading(false)\n })\n };\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n const formData = new FormData(e.target);\n formData.append(\"action_id\", selectedId);\n formData.append(\"action_type\", action_type);\n formData.delete(\"action_image[]\");\n actionImage.forEach((image) => formData.append(\"action_image[]\", image));\n setBusy(\"loading\");\n if (deletedStatus !== true) {\n await InspectionServices.addPhotos(formData)\n .then(() => {\n setBusy(null);\n handleCloseDailog();\n message.showToastMessage({\n message: \"Added successfully!\",\n variant: \"success\",\n });\n setDeletedStatus(false)\n })\n .catch(() => {\n setBusy(null);\n handleCloseDailog();\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n });\n setBusy(null);\n }\n setBusy(null);\n handleCloseDailog();\n };\n\n const deleteFileHandler = async (id) => {\n setBusy(\"file-deleting\");\n try {\n const response = await MaintenanceServices.deleteFile(id);\n\n if (response.success) {\n message.showToastMessage({\n message: \"File deleted successfully\",\n variant: \"success\",\n });\n setDeletedStatus(true);\n getActionPhotos();\n }\n setBusy(null);\n } catch (error) {\n message.showToastMessage({\n message: \"Something went wrong\",\n variant: \"error\",\n });\n setBusy(\"file-deleting-error\");\n }\n };\n\n return (\n \n \n \n \n \n \n Action Photos \n {!boolState && status != \"Closed\" && props.permission.write && (\n \n setBoolState(true)}\n />\n \n )}\n \n \n \n \n {\" \"}\n 
{\" \"}\n \n \n \n \n Upload any relevant images - E.g., defect photos etc\n \n \n \n \n
\n );\n}\n\nexport default ManageTask;\n","import React, { useContext, useState } from \"react\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport {\n Dialog,\n DialogContent,\n DialogTitle,\n Grid,\n Typography,\n} from \"@material-ui/core\";\nimport MROButton from \"components/buttons\";\nimport { InspectionServices } from \"lib/services/api/operaitons/WorkShop/Inspection/InspectionService\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\n\nconst useStyles = makeStyles(() => ({\n modal: {\n \"& .MuiDialog-paperWidthMd\": {\n width: \"25%\",\n },\n },\n title: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n warning: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n fontSize: \"16px\",\n marginBottom: \"20px\",\n },\n actionButtons: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n}));\n\nfunction DeleteStage(props) {\n const classes = useStyles();\n const { handleClose, open, action_Id, getAllActionStages, closeStageHandler } = props;\n const message = useContext(ToastMessageContext);\n const [loading, setLoading] = useState(null);\n\n const handleDelete = () => {\n setLoading(\"busy\");\n InspectionServices.deleteStage(action_Id)\n .then((res) => {\n if (res.success) {\n closeStageHandler(res.success);\n getAllActionStages();\n message.showToastMessage({\n message: \"Stage deleted successfully\",\n variant: \"success\",\n });\n }\n })\n .catch((res) => {\n if(!res.success){\n message.showToastMessage({\n message: `${res.error}`,\n variant: \"error\",\n });\n }\n closeStageHandler();\n })\n .finally(() => {\n setLoading(null);\n });\n };\n\n return (\n \n \n \n \n Delete Item\n \n \n \n \n This cannot be undone. Are you sure?\n \n \n \n \n Cancel\n \n \n \n \n Yes\n \n \n \n \n \n
\n );\n}\n\nexport default DeleteStage;\n","import React, { useState, useContext, useEffect } from \"react\";\nimport MROFullScreenRightDrawer from \"components/fullwidth_dialog\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport BackIcon from \"@material-ui/icons/KeyboardBackspace\";\nimport Typography from \"@material-ui/core/Typography\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport Grid from \"@material-ui/core/Grid\";\nimport MROTextField from \"components/form_components/TextField\";\nimport MROButton from \"components/buttons\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport { validateFormData } from \"lib/utils/helperFunctions\";\nimport DeleteIcon from \"@material-ui/icons/Delete\";\nimport { InspectionServices } from \"lib/services/api/operaitons/WorkShop/Inspection/InspectionService\";\nimport { Box, MenuItem } from \"@material-ui/core\";\nimport { ICON_COLOUR } from \"lib/constants/style_constants\";\nimport DeleteStage from \"./DeleteStage\";\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n \"& .MuiOutlinedInput-root\": {\n height: \"max-content\",\n },\n },\n wrapper: {\n padding: \"2%\",\n backgroundColor: \"#fff\",\n marginLeft: '24px'\n },\n appBar: {\n backgroundColor: \"#fff\",\n color: \"#000000CC\",\n boxShadow: \"0px 3px 6px #0000001A\",\n },\n backButton: {\n marginRight: theme.spacing(2),\n },\n content: {\n backgroundColor: \"#fff\",\n borderRadius: \"0 0 5px 5px\",\n minHeight: \"fit-content\",\n },\n inputField: {\n maxWidth: \"328px\",\n },\n actionButtons: {\n textAlign: \"right\",\n marginTop: \"30px\",\n \"& button\": {\n // marginRight: \"20px\",\n },\n },\n}));\n\nfunction UpdateStage(props) {\n const classes = useStyles();\n const { getAllActionStages, actionProp, closeStageHandler, action_Id, handleClose, selectedAction } = props;\n const message = useContext(ToastMessageContext);\n const [action, setAction] = useState(null)\n const [errors, setErrors] = useState({});\n const [description, setDescription] = useState(null);\n const [title, setTitle] = useState(null);\n const [busy, setBusy] = useState(null);\n const [fieldZero, setFieldZero] = useState({ id: null, name: null });\n const [fieldOne, setFieldOne] = useState({ id: null, name: null });\n const [fieldTwo, setFieldTwo] = useState({ id: null, name: null });\n const [fieldThree, setFieldThree] = useState({ id: null, name: null });\n const [fieldFour, setFieldFour] = useState({ id: null, name: null });\n const [fieldFive, setFieldFive] = useState({ id: null, name: null });\n const [fieldSix, setFieldSix] = useState({ id: null, name: null });\n const [fieldSeven, setFieldSeven] = useState({ id: null, name: null });\n const [fieldEight, setFieldEight] = useState({ id: null, name: null });\n const [fieldNine, setFieldNine] = useState({ id: null, name: null });\n const [typeZero, setTypeZero] = useState(null);\n const [typeOne, setTypeOne] = useState(null);\n const [typeTwo, setTypeTwo] = useState(null);\n const [typeThree, setTypeThree] = useState(null);\n const [typeFour, setTypeFour] = useState(null);\n const [typeFive, setTypeFive] = useState(null);\n const [typeSix, setTypeSix] = useState(null);\n const [typeSeven, setTypeSeven] = useState(null);\n const [typeEight, setTypeEight] = useState(null);\n const [typeNine, setTypeNine] = useState(null);\n\n useEffect(() => {\n setTitle(selectedAction?.title);\n setDescription(selectedAction?.description);\n\n if (selectedAction?.sub_fields != undefined) {\n setFieldZero(\n {\n id: selectedAction?.sub_fields[0]?.id,\n name: selectedAction?.sub_fields[0]?.field_name === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[0]?.field_name\n }\n );\n setFieldOne(\n {\n id: selectedAction?.sub_fields[1]?.id,\n name: selectedAction?.sub_fields[1]?.field_name === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[1]?.field_name\n }\n );\n setFieldTwo(\n {\n id: selectedAction?.sub_fields[2]?.id,\n name: selectedAction?.sub_fields[2]?.field_name === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[2]?.field_name\n }\n );\n setFieldThree(\n {\n id: selectedAction?.sub_fields[3]?.id,\n name: selectedAction?.sub_fields[3]?.field_name === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[3]?.field_name\n }\n );\n setFieldFour(\n {\n id: selectedAction?.sub_fields[4]?.id,\n name: selectedAction?.sub_fields[4]?.field_name === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[4]?.field_name\n }\n );\n setFieldFive(\n {\n id: selectedAction?.sub_fields[5]?.id,\n name: selectedAction?.sub_fields[5]?.field_name === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[5]?.field_name\n }\n );\n setFieldSix(\n {\n id: selectedAction?.sub_fields[6]?.id,\n name: selectedAction?.sub_fields[6]?.field_name === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[6]?.field_name\n }\n );\n setFieldSeven(\n {\n id: selectedAction?.sub_fields[7]?.id,\n name: selectedAction?.sub_fields[7]?.field_name === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[7]?.field_name\n }\n );\n setFieldEight(\n {\n id: selectedAction?.sub_fields[8]?.id,\n name: selectedAction?.sub_fields[8]?.field_name === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[8]?.field_name\n }\n );\n setFieldNine(\n {\n id: selectedAction?.sub_fields[9]?.id,\n name: selectedAction?.sub_fields[9]?.field_name === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[9]?.field_name\n }\n );\n\n setTypeZero(\n selectedAction?.sub_fields[0]?.field_type === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[0]?.field_type\n );\n setTypeOne(\n selectedAction?.sub_fields[1]?.field_type === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[1]?.field_type\n );\n setTypeTwo(\n selectedAction?.sub_fields[2]?.field_type === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[2]?.field_type\n );\n setTypeThree(\n selectedAction?.sub_fields[3]?.field_type === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[3]?.field_type\n );\n setTypeFour(\n selectedAction?.sub_fields[4]?.field_type === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[4]?.field_type\n );\n setTypeFive(\n selectedAction?.sub_fields[5]?.field_type === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[5]?.field_type\n );\n setTypeSix(\n selectedAction?.sub_fields[6]?.field_type === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[6]?.field_type\n );\n setTypeSeven(\n selectedAction?.sub_fields[7]?.field_type === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[7]?.field_type\n );\n setTypeEight(\n selectedAction?.sub_fields[8]?.field_type === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[8]?.field_type\n );\n setTypeNine(\n selectedAction?.sub_fields[9]?.field_type === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[9]?.field_type\n );\n }\n }, [selectedAction]);\n\n const validateFields = (formData) => {\n const { error, valid } = validateFormData(formData, [\n \"field_name[0]\",\n \"field_name[1]\",\n \"field_name[2]\",\n \"field_name[3]\",\n \"field_name[4]\",\n \"field_name[5]\",\n \"field_name[6]\",\n \"field_name[7]\",\n \"field_name[8]\",\n \"field_name[9]\",\n \"field_type[0]\",\n \"field_type[1]\",\n \"field_type[2]\",\n \"field_type[3]\",\n \"field_type[4]\",\n \"field_type[5]\",\n \"field_type[6]\",\n \"field_type[7]\",\n \"field_type[8]\",\n \"field_type[9]\",\n ]);\n\n if (!valid) {\n setBusy(null)\n setErrors(error);\n return;\n }\n return valid;\n };\n\n const handleUpdateData = () => {\n setBusy(\"updating\");\n const param = {\n id: action_Id,\n stage_name: title,\n description: description,\n sub_fields: [\n {\n id: fieldZero.id || null,\n field_name: fieldZero.name || null,\n field_type: typeZero || null\n },\n {\n id: fieldOne.id || null,\n field_name: fieldOne.name || null,\n field_type: typeOne || null\n },\n {\n id: fieldTwo.id || null,\n field_name: fieldTwo.name || null,\n field_type: typeTwo || null\n },\n {\n id: fieldThree.id || null,\n field_name: fieldThree.name || null,\n field_type: typeThree || null\n },\n {\n id: fieldFour.id || null,\n field_name: fieldFour.name || null,\n field_type: typeFour || null\n },\n {\n id: fieldFive.id || null,\n field_name: fieldFive.name || null,\n field_type: typeFive || null\n },\n {\n id: fieldSix.id || null,\n field_name: fieldSix.name || null,\n field_type: typeSix || null\n },\n {\n id: fieldSeven.id || null,\n field_name: fieldSeven.name || null,\n field_type: typeSeven || null\n },\n {\n id: fieldEight.id || null,\n field_name: fieldEight.name || null,\n field_type: typeEight || null\n },\n {\n id: fieldNine.id || null,\n field_name: fieldNine.name || null,\n field_type: typeNine || null\n },\n ]\n }\n\n InspectionServices.editStage(param).then((res) => {\n if (res?.success) {\n setBusy(null);\n closeStageHandler(res.success);\n getAllActionStages();\n message.showToastMessage({\n message: \"Stage Edited successfully\",\n variant: \"success\",\n });\n } else {\n setBusy(null);\n res.errors &&\n message.showToastMessage({\n message: res.errors.join(\",\"),\n variant: \"error\",\n });\n }\n }).finally(() => {\n setBusy(null);\n })\n };\n\n const handleSubmit = (e) => {\n e.preventDefault();\n const formData = new FormData(e.target);\n if (!validateFields(formData)) {\n return;\n }\n\n if (actionProp === \"Edit_Stage\") {\n handleUpdateData(formData);\n }\n };\n\n const resetErrorsHandler = (name) => {\n setErrors((e) => ({ ...e, [name]: false }));\n };\n\n\n return (\n \n \n \n \n \n \n \n Edit Stage\n \n \n setAction(\"delete\")}>\n \n Delete Item \n \n \n \n \n\n \n {action && action === \"delete\" && (\n setAction(null)}\n closeStageHandler={closeStageHandler}\n />\n )}\n
\n );\n}\n\nexport default UpdateStage;\n\n\n\n","import React, { useState, useEffect, useContext } from \"react\";\nimport MROFullScreenRightDrawer from \"components/fullwidth_dialog\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport Grid from \"@material-ui/core/Grid\";\nimport BackIcon from \"@material-ui/icons/KeyboardBackspace\";\nimport Typography from \"@material-ui/core/Typography\";\nimport { Box, CircularProgress, Tooltip } from \"@material-ui/core\";\nimport EditIcon from \"@material-ui/icons/Edit\";\nimport { ICON_COLOUR } from \"lib/constants/style_constants\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport EditStage from \"./EditStage\";\nimport { InspectionServices } from \"lib/services/api/operaitons/WorkShop/Inspection/InspectionService\";\nimport _ from \"lodash\";\nimport moment from \"moment\";\nimport RescheduleIcon from \"@material-ui/icons/History\";\nimport { format24HrDateTime, _formatDate } from \"lib/utils/common_utils\";\nimport ManHousrHistory from \"../ActionInformation/ManhoursHistory\";\nimport HistoryTablePopup from \"../ActionInformation/HistoryTablePopup\";\nimport MROTextField from \"components/form_components/TextField\";\n\nconst useStyles = makeStyles((theme) => ({\n wrapper: {\n margin: \"3%\",\n },\n description: {\n borderRadius: \"5px\",\n height: \"max-content\",\n fontSize: \"15px\",\n backgroundColor: \"#F5F5F5\",\n padding: theme.spacing(1),\n whiteSpace: 'break-spaces'\n },\n root: {\n backgroundColor: \"#ffffff\",\n },\n appBar: {\n backgroundColor: \"#fff\",\n color: \"#000000CC\",\n boxShadow: \"0px 3px 6px #0000001A\",\n },\n backButton: {\n marginRight: theme.spacing(2),\n },\n paper: {\n borderRadius: \"5px\",\n backgroundColor: \"#F5F5F5\",\n padding: theme.spacing(2),\n },\n partValue: {\n fontSize: \"14px\",\n color: \"#4D4F5C\",\n padding: \"2px\",\n display: \"flex\",\n alignItems: \"center\",\n },\n partKey: {\n \"& p\": {\n fontSize: \"14px\",\n padding: \"1px\",\n },\n },\n partCard: {\n borderRadius: \"8px\",\n padding: \"17px 24px\",\n \"& p\": {\n fontSize: \"14px\",\n padding: \"5px\",\n },\n },\n sec1: {\n borderRadius: \"10px\",\n backgroundColor: \"#fff\",\n padding: theme.spacing(5),\n boxShadow: \"0px 1px 4px #0000001A\",\n },\n EditIcon: {\n bgcolor: \"primary\",\n color: \"#fff\",\n },\n editButton: {\n marginLeft: \"300px\",\n },\n\n}));\n\nfunction StageInfo(props) {\n const classes = useStyles();\n const { handleClose, action_Id, styleProp, getAllActionStages, planning_verification, orderState } = props;\n const [action, setAction] = useState(null);\n const [loading, setLoading] = useState(false);\n const message = useContext(ToastMessageContext);\n const [selectedAction, setSelectedAction] = useState([]);\n const [fieldZero, setFieldZero] = useState(null);\n const [fieldOne, setFieldOne] = useState(null);\n const [fieldTwo, setFieldTwo] = useState(null);\n const [fieldThree, setFieldThree] = useState(null);\n const [fieldFour, setFieldFour] = useState(null);\n const [fieldFive, setFieldFive] = useState(null);\n const [fieldSix, setFieldSix] = useState(null);\n const [fieldSeven, setFieldSeven] = useState(null);\n const [fieldEight, setFieldEight] = useState(null);\n const [fieldNine, setFieldNine] = useState(null);\n\n // this for history table popup\n const [anchorEl, setAnchorEl] = useState(null);\n const [busy, setBusy] = useState(null);\n const [popupData, setPopupData] = useState([]);\n // for opening history table popup\n const handleClick = (event) => {\n setAnchorEl(true);\n };\n\n // for closing history table popup\n const handleCloseFunc = () => {\n setAnchorEl(false);\n };\n\n const handleCloseEdit = () => {\n if (action === \"EditStage\") {\n setAction(null);\n }\n };\n\n useEffect(() => {\n getStageAction();\n }, []);\n\n const getStageAction = async () => {\n setLoading(true);\n const params = {\n id: action_Id,\n };\n await InspectionServices.getStageAction(params)\n .then((res) => {\n if (res) {\n setLoading(false);\n setSelectedAction(res.data);\n }\n })\n .catch(() => {\n setLoading(false);\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n })\n .finally(() => {\n setLoading(false);\n });\n };\n\n const closeHHandler = () => {\n handleClose();\n getAllActionStages();\n };\n useEffect(() => {\n if (selectedAction?.sub_fields != undefined) {\n setFieldZero(\n selectedAction?.sub_fields[0]?.field_name === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[0]?.field_name\n );\n setFieldOne(\n selectedAction?.sub_fields[1]?.field_name === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[1]?.field_name\n );\n setFieldTwo(\n selectedAction?.sub_fields[2]?.field_name === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[2]?.field_name\n );\n setFieldThree(\n selectedAction?.sub_fields[3]?.field_name === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[3]?.field_name\n );\n setFieldFour(\n selectedAction?.sub_fields[4]?.field_name === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[4]?.field_name\n );\n setFieldFive(\n selectedAction?.sub_fields[5]?.field_name === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[5]?.field_name\n );\n setFieldSix(\n selectedAction?.sub_fields[6]?.field_name === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[6]?.field_name\n );\n setFieldSeven(\n selectedAction?.sub_fields[7]?.field_name === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[7]?.field_name\n );\n setFieldEight(\n selectedAction?.sub_fields[8]?.field_name === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[8]?.field_name\n );\n setFieldNine(\n selectedAction?.sub_fields[9]?.field_name === \"null\"\n ? \"\"\n : selectedAction?.sub_fields[9]?.field_name\n );\n }\n // }\n }, [selectedAction]);\n\n const formatDate = (date) => {\n let dateFormatted = _formatDate(date)\n if (dateFormatted != \"Invalid date\") {\n return dateFormatted\n } else {\n return \"-\"\n }\n }\n return (\n \n
\n \n \n
\n \n
\n {\n action === \"EditStage\" && (\n \n {loading && _.isEmpty(selectedAction) ? (\n \n \n \n Stage Details\n \n \n \n \n \n Raised by \n \n \n {selectedAction?.raised_by} \n \n \n Raised \n \n \n \n {moment(\n selectedAction?.raised,\n \"YYYY/MM/DD HH:mm:ss\"\n ).format(\"DD-MM-YYYY HH:mm\")}\n \n \n \n \n \n Title \n \n \n {selectedAction?.title} \n \n \n \n \n \n \n \n\n \n Detailed Description\n \n \n \n {selectedAction?.description}\n \n \n\n \n \n Sub-Fields\n \n \n \n \n \n Sub Field 1 \n \n \n {fieldZero || \"-\"} \n \n \n Sub Field 2 \n \n \n {fieldOne || \"-\"} \n \n\n \n\n \n \n Sub Field 3 \n \n \n {fieldTwo || \"-\"} \n \n \n Sub Field 4 \n \n \n {fieldThree || \"-\"} \n \n\n \n \n\n \n Sub Field 5 \n \n \n {fieldFour || \"-\"} \n \n \n Sub Field 6 \n \n \n {fieldFive || \"-\"} \n \n\n \n \n \n Sub Field 7 \n \n \n {fieldSix || \"-\"} \n \n\n \n Sub Field 8 \n \n \n {fieldSeven || \"-\"} \n \n\n \n \n \n Sub Field 9 \n \n \n {fieldEight || \"-\"} \n \n \n Sub Field 10 \n \n \n {fieldNine || \"-\"} \n \n \n \n\n \n \n Closure\n \n \n \n \n \n Mech Closed \n \n \n {formatDate(selectedAction?.mech_closed) || \"-\"} \n \n \n Mech \n \n \n {selectedAction?.mech || \"-\"} \n \n \n \n \n Insp Closed \n \n \n {formatDate(selectedAction?.insp_closed) || \"-\"} \n \n \n Insp \n \n \n {selectedAction?.insp || \"-\"} \n \n \n \n \n {\n handleClick(e);\n // setCurrentSelection(currentSelection);\n }}\n className={\"text-info\"}\n >\n \n \n \n \n \n \n )}\n
\n \n \n \n \n \n \n Add Stage\n \n \n \n\n \n
\n );\n}\n\nexport default UpdateStage;\n","import React, { useContext, useEffect, useReducer, useState } from \"react\";\nimport TouchAppIcon from \"@material-ui/icons/TouchApp\";\nimport tableReducer, { INITIAL_TABLE_STATE } from \"reducers/table_reducer\";\nimport MaterialTable from \"material-table\";\nimport tableIcons, { options } from \"components/universal/table_attributes\";\nimport { Box, Grid, IconButton, Typography } from \"@material-ui/core\";\nimport useDebounce from \"lib/utils/debounce\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\n// import ListingService from \"lib/services/api/listing_service\";\nimport TableAction from \"actions/table_actions\";\nimport SearchByKeyword from \"components/keyword_search\";\nimport { ICON_COLOUR } from \"lib/constants/style_constants\";\nimport BoxpTableAction from \"actions/boxp_table_actions\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport UpdateStage from \"./UpdateStage\";\nimport { getOrganisationId } from \"lib/utils/common_utils\";\n\nconst useStyles = makeStyles((theme) => ({\n paper: {\n // padding: \"4px\",\n textAlign: \"center\",\n },\n\n appBar: {\n backgroundColor: \"#fff\",\n color: \"#000000CC\",\n boxShadow: \"0px 3px 6px #0000001A\",\n },\n backButton: {\n marginRight: theme.spacing(2),\n },\n}));\n\nfunction Library(props) {\n const { action_Id } = props;\n const classes = useStyles();\n const message = useContext(ToastMessageContext);\n const [tableState, dispatch] = useReducer(tableReducer, INITIAL_TABLE_STATE);\n const { page, totalCount, pageSize, inProgress, data } = tableState;\n const [searchText, setSearchText] = useState(\"\");\n const debouncedVal = useDebounce(searchText);\n const [action, setAction] = useState(null);\n const [currentSelection, setCurrentSelection] = useState({});\n\n useEffect(() => {\n getAllTaskLibrary();\n }, [page, pageSize, debouncedVal, setSearchText]);\n\n const getAllTaskLibrary = () => {\n const params = {\n page: page + 1,\n limit: pageSize,\n search: debouncedVal,\n organisation_id: getOrganisationId()\n };\n BoxpTableAction.getList(dispatch, message, params, \"allTaskLibrary\");\n };\n\n const tableOptions = {\n ...options,\n page: page,\n total: totalCount,\n pageSize: pageSize,\n search: false,\n rowStyle: { height: 45 },\n };\n\n const columns = [\n {\n title: \"Title\",\n field: \"stage_name\",\n headerStyle: {\n textAlign: \"left\",\n paddingLeft: \"24px\",\n },\n cellStyle: {\n textAlign: \"left\",\n paddingLeft: \"24px\",\n width: \"40%\",\n },\n },\n {\n title: \"Sub-Fields\",\n field: \"sub_fields\",\n headerStyle: {\n textAlign: \"center\",\n },\n cellStyle: {\n textAlign: \"center\",\n },\n render: (rowData) => {rowData?.sub_fields?.length},\n },\n {\n title: \"Action\",\n headerStyle: {\n textAlign: \"center\",\n },\n cellStyle: {\n textAlign: \"center\",\n },\n render: (rowData) => {\n return (\n \n
\n \n \n
\n \n null,\n }}\n localization={{\n toolbar: {\n searchPlaceholder: \"Search anything\",\n },\n body: {\n emptyDataSourceMessage: \"No Tasks found\",\n filterRow: {\n filterTooltip: \"Filter\",\n },\n },\n }}\n onChangePage={(page) => {\n TableAction.setPage(dispatch, page);\n }}\n onChangeRowsPerPage={(pageSize) => {\n TableAction.setPageSize(dispatch, pageSize);\n }}\n totalCount={totalCount}\n page={page}\n />\n
\n \n
\n );\n}\n","import React, { useState } from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Box from \"@material-ui/core/Box\";\nimport Library from \"./Library\";\nimport CreateNewStage from \"./CreateNewStage\";\nimport MROButton from \"components/buttons\";\nimport { ButtonGroup } from \"@material-ui/core\";\n\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n selected1: {\n background: theme.palette.secondary.main,\n color: \"white\",\n },\n label1: {\n textTransform: \"none\",\n },\n wrapper: {\n padding: \"2%\",\n background: \"white\",\n },\n}));\n\nexport default function TabsWrappedLabel(props) {\n const classes = useStyles();\n const [state, setState] = useState(\"library\");\n\n return (\n \n
\n \n \n
\n \n
\n );\n}\n","import React from \"react\";\nimport MROFullScreenRightDrawer from \"components/fullwidth_dialog\";\nimport TabPanel from \"./AddStageTabComponent\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport BackIcon from \"@material-ui/icons/KeyboardBackspace\";\nimport Typography from \"@material-ui/core/Typography\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\n\nconst useStyles = makeStyles((theme) => ({\n paper: {\n padding: \"4px\",\n textAlign: \"center\",\n },\n offgoingchecksTable: {\n \"& td, th \": {\n border: \"1px solid #dddddd\",\n textAlign: \"left\",\n padding: \"8px\",\n },\n },\n ongoingchecksTable: {\n \"& td, th \": {\n border: \"1px solid #dddddd\",\n textAlign: \"left\",\n padding: \"8px\",\n },\n },\n\n logo: {\n height: \"76px\",\n },\n filePreviewContainer: {\n maxWidth: \"130px\",\n marginRight: \"30px\",\n },\n appBar: {\n backgroundColor: \"#fff\",\n color: \"#000000CC\",\n boxShadow: \"0px 3px 6px #0000001A\",\n },\n checksAppBar: {\n backgroundColor: \"lightgray\",\n color: theme.palette.secondary.main,\n boxShadow: \"0px 3px 6px gray\",\n },\n backButton: {\n marginRight: theme.spacing(2),\n },\n generalDetail: {\n backgroundColor: \"white\",\n padding: \"2%\",\n color: \"#fff\",\n borderRadius: \"5px 5px 0 0\",\n },\n content: {\n backgroundColor: \"#fff\",\n padding: \"3% 6%\",\n borderRadius: \"0 0 5px 5px\",\n minHeight: \"50vh\",\n \"& h4\": {\n padding: \"5px 0\",\n },\n },\n titleTile: {\n padding: \"3px 20px\",\n fontSize: \"13px\",\n fontWeight: 500,\n marginBottom: \"20px\",\n },\n wrapper: {\n\n backgroundColor: \"#fff\",\n marginLeft: '24px'\n },\n}));\n\nfunction AddStageTab(props) {\n const classes = useStyles();\n const { handleClose, action_Id } = props;\n\n const closeHHandler = () => {\n handleClose();\n props.getActionStages();\n };\n return (\n \n \n \n setState(\"createNew\")}\n style={{\n width: \"125px\",\n color: state === \"createNew\" ? \"white\" : undefined,\n }}\n >\n Create New\n \n setState(\"library\")}\n style={{\n width: \"125px\",\n color: state === \"library\" ? \"white\" : undefined,\n }}\n >\n Library\n \n \n \n\n \n {state === \"createNew\" ? (\n {}}\n handleCloseDrawer={props.handleClose}\n currentSelection={props.currentSelection}\n action_Id={props.action_Id}\n />\n )}\n \n
\n \n \n \n \n \n \n Add Stage\n \n \n \n \n
\n );\n}\n\nexport default AddStageTab;\n","import React, { useState } from \"react\";\nimport MROFullScreenRightDrawer from \"components/fullwidth_dialog\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport Grid from \"@material-ui/core/Grid\";\nimport BackIcon from \"@material-ui/icons/KeyboardBackspace\";\nimport Typography from \"@material-ui/core/Typography\";\nimport MROTextField from \"components/form_components/TextField\";\nimport FileUpload from \"components/form_components/fileUpload\";\nimport QuantityCounter from \"components/quantity_counter\";\nimport MROButton from \"components/buttons\";\nimport PositiveSwitch from \"components/form_components/switch\";\n\nconst useStyles = makeStyles((theme) => ({\n wrapper: {\n margin: \"4%\",\n backgroundColor: \"#F7F8FA\",\n },\n appBar: {\n backgroundColor: \"#fff\",\n color: \"#000000CC\",\n boxShadow: \"0px 3px 6px #0000001A\",\n },\n backButton: {\n marginRight: theme.spacing(2),\n },\n actionButtons: {\n paddingTop: \"20px\",\n paddingBottom: \"33px\",\n textAlign: \"right\",\n marginRight: \"20px\",\n \"& button:not(:last-child)\": {\n marginRight: \"20px\",\n },\n },\n content: {\n margin: \"3%\",\n backgroundColor: \"#F7F8FA\",\n // padding: \"3% 6%\",\n borderRadius: \"0 0 5px 5px\",\n minHeight: \"fit-content\",\n },\n inputField: {\n maxWidth: \"328px\",\n },\n input1: {\n height: 200,\n padding: 20,\n },\n input2: {\n height: 200,\n fontSize: \"3em\",\n },\n}));\n\nfunction CalendarActionDetails(props) {\n const classes = useStyles();\n const { handleClose, action } = props;\n const [files, setFiles] = useState([]);\n\n return (\n \n
\n \n \n \n \n \n \n {action === \"EditCalendarInfo\"\n ? \"Edit Calendar Action\"\n : \"Add Calendar Action\"}\n \n \n \n\n \n \n \n\n \n \n \n\n \n
\n );\n}\n\nexport default CalendarActionDetails;\n","import React, { useState, useEffect } from \"react\";\nimport MROFullScreenRightDrawer from \"components/fullwidth_dialog\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport Grid from \"@material-ui/core/Grid\";\nimport BackIcon from \"@material-ui/icons/KeyboardBackspace\";\nimport Typography from \"@material-ui/core/Typography\";\nimport { Box, useTheme } from \"@material-ui/core\";\nimport EditIcon from \"@material-ui/icons/Edit\";\nimport { ICON_COLOUR } from \"lib/constants/style_constants\";\nimport CalendarActionDetails from \"./CalenderActionDetails\";\n\nconst useStyles = makeStyles((theme) => ({\n wrapper: {\n margin: \"3%\",\n },\n appBar: {\n backgroundColor: \"#fff\",\n color: \"#000000CC\",\n boxShadow: \"0px 3px 6px #0000001A\",\n },\n backButton: {\n marginRight: theme.spacing(2),\n },\n description: {\n borderRadius: \"5px\",\n height: \"250px\",\n fontSize: \"15px\",\n backgroundColor: \"#F5F5F5\",\n padding: theme.spacing(1),\n boxShadow: \"0px 1px 4px #0000001A\",\n },\n paper1: {\n borderRadius: \"5px\",\n width: \"100%\",\n backgroundColor: \"#F5F5F5\",\n padding: theme.spacing(1),\n boxShadow: \"0px 1px 4px #0000001A\",\n },\n paper: {\n borderRadius: \"5px\",\n backgroundColor: \"#F5F5F5\",\n padding: theme.spacing(2),\n boxShadow: \"0px 1px 4px #0000001A\",\n },\n partValue: {\n fontSize: \"14px\",\n color: \"#4D4F5C\",\n padding: \"2px\",\n display: \"flex\",\n alignItems: \"center\",\n },\n partKey: {\n \"& p\": {\n fontSize: \"14px\",\n padding: \"1px\",\n },\n },\n partCard: {\n borderRadius: \"8px\",\n padding: \"17px 24px\",\n \"& p\": {\n fontSize: \"14px\",\n padding: \"5px\",\n },\n },\n sec1: {\n borderRadius: \"10px\",\n backgroundColor: \"#fff\",\n padding: theme.spacing(5),\n boxShadow: \"0px 1px 4px #0000001A\",\n },\n EditIcon: {\n bgcolor: \"primary\",\n color: \"#fff\",\n },\n editButton: {\n marginLeft: \"300px\",\n },\n partValue: {\n fontSize: \"14px\",\n color: \"#4D4F5C\",\n padding: \"2px\",\n display: \"flex\",\n alignItems: \"center\",\n },\n partKey: {\n \"& p\": {\n fontSize: \"14px\",\n padding: \"1px\",\n },\n },\n partCard: {\n borderRadius: \"8px\",\n padding: \"17px 24px\",\n \"& p\": {\n fontSize: \"14px\",\n padding: \"5px\",\n },\n },\n}));\n\nfunction CalendarActionInfo(props) {\n const classes = useStyles();\n const theme = useTheme();\n const { handleClose } = props;\n const [action, setAction] = useState(null);\n\n const handleCloseEdit = () => {\n if (action === \"EditStage\") {\n setAction(null);\n }\n };\n\n const GetInfoCard = (props) => {\n const classes = useStyles();\n const theme = useTheme();\n\n return (\n \n \n \n Action Details\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 Operator / CAMO Part M technical records applicable each time?\n \n \n \n setShow(!show)}\n />\n \n
\n\n \n \n
\n \n Cancel \n \n {action === \"EditCalendarInfo\"\n ? \"Update\"\n : \"Add\"}\n \n
\n \n \n \n \n \n \n \n Calendar Action Information\n \n \n \n setAction(\"EditCalendarInfo\")}\n />\n \n \n \n\n \n\n {action === \"EditCalendarInfo\" && setAction(null)} />}\n
\n );\n}\n\nexport default CalendarActionInfo;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Typography from \"@material-ui/core/Typography\";\nimport { styled } from \"@material-ui/styles\";\nimport FileUpload from \"components/form_components/fileUpload\";\nimport {\n Box,\n Dialog,\n DialogContent,\n DialogTitle,\n IconButton,\n} from \"@material-ui/core\";\nimport EditIcon from \"@material-ui/icons/Edit\";\nimport { ICON_COLOUR } from \"lib/constants/style_constants\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport certificateIcon from \"assets/certificate@2x.png\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport { InspectionServices } from \"lib/services/api/operaitons/WorkShop/Inspection/InspectionService\";\nimport MROButton from \"components/buttons\";\nimport { MaintenanceServices } from \"lib/services/api/operaitons/WorkShop/TaskLibrary/Maintenance/maintenance_operation\";\nimport { BASE_API_URL_BOXP } from \"lib/constants\";\n\nconst useStyles = makeStyles((theme) => ({\n dialogPaper: {\n minHeight: \"30vh\",\n maxHeight: \"150vh\",\n },\n actionButtons: {\n paddingTop: \"5px\",\n paddingBottom: \"20px\",\n textAlign: \"right\",\n marginRight: \"20px\",\n \"& button:not(:last-child)\": {\n marginRight: \"20px\",\n },\n },\n}));\n\nfunction Certificate(props) {\n const { open, handleCloseDailog, selectedId, action_type, styleProp, status } = props;\n const classes = useStyles();\n const [boolState, setBoolState] = useState(false);\n const message = useContext(ToastMessageContext);\n const [busy, setBusy] = useState(null);\n const [actionCertificate, setActionCertificate] = useState([]);\n const [certificate, setCertificate] = useState([]);\n const [deletedStatus, setDeletedStatus] = useState(false);\n const [isLoading, setIsLoading] = useState(false);\n\n useEffect(() => {\n getActionCertificate();\n }, []);\n\n const getActionCertificate = async () => {\n setBusy(\"certificate_loading\");\n setIsLoading(true);\n await InspectionServices.getActionCertificate(selectedId)\n .then((res) => {\n setBusy(null);\n if (res) {\n setActionCertificate(res?.data);\n }\n })\n .catch(() => {\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n })\n .finally(() => {\n setIsLoading(false);\n setBusy(null);\n });\n };\n\n useEffect(() => {\n if (certificate.length) {\n setDeletedStatus(false);\n }\n }, [certificate]);\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n const formData = new FormData(e.target);\n formData.append(\"action_id\", selectedId);\n formData.append(\"action_type\", action_type);\n formData.delete(\"action_certificate[]\");\n certificate.forEach((certificateFile) =>\n formData.append(\"action_certificate[]\", certificateFile)\n );\n setBusy(\"loading\");\n if (deletedStatus !== true) {\n await InspectionServices.addCertificate(formData)\n .then(() => {\n setBusy(null);\n handleCloseDailog();\n message.showToastMessage({\n message: \"Added successfully!\",\n variant: \"success\",\n });\n setDeletedStatus(false);\n })\n .catch(() => {\n setBusy(null);\n handleCloseDailog();\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n });\n setBusy(null);\n }\n setBusy(null);\n handleCloseDailog();\n };\n\n const deleteFileHandler = async (id) => {\n setBusy(\"file-deleting\");\n try {\n const response = await MaintenanceServices.deleteFile(id);\n\n if (response.success) {\n message.showToastMessage({\n message: \"File deleted successfully\",\n variant: \"success\",\n });\n setDeletedStatus(true);\n getActionCertificate();\n }\n setBusy(null);\n } catch (error) {\n message.showToastMessage({\n message: \"Something went wrong\",\n variant: \"error\",\n });\n setBusy(\"file-deleting-error\");\n }\n };\n\n return (\n \n \n \n Action Details\n \n \n\n \n \n \n \n \n \n \n \n\n \n \n Detailed Description\n \n \n \n \n Detailed stage description will appear here. Detailed stage\n descriptions can have up to 2000 characters. This higher character\n allowance than normal allows very detailed descriptions to be\n provide to engineers completing the stage. This box size is sized\n for 2000 characters to guide how large descriptions can be.\n \n \n\n \n \n Sub-Fields\n \n \n \n \n \n \n \n \n\n \n \n Technical Data\n \n \n\n \n \n Closure\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 Action Certificates \n {!boolState && status != \"Closed\" && props.permission.write && (\n \n setBoolState(true)}\n />\n \n )}\n \n \n \n \n {\" \"}\n 
{\" \"}\n \n \n \n \n Upload ALL task relevant certification documents - E.g., Form1’s,\n 8130’s, C of C’s etc.\n \n \n \n \n
\n );\n}\n\nexport default Certificate;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport Typography from \"@material-ui/core/Typography\";\nimport {\n Box,\n CircularProgress,\n Dialog,\n DialogContent,\n DialogTitle,\n Grid,\n} from \"@material-ui/core\";\nimport MROTextField from \"components/form_components/TextField\";\nimport MROButton from \"components/buttons\";\nimport { makeStyles } from \"@material-ui/core\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport { validateFormData } from \"lib/utils/helperFunctions\";\nimport { InspectionServices } from \"lib/services/api/operaitons/WorkShop/Inspection/InspectionService\";\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n \"& .MuiOutlinedInput-root\": {\n height: \"150px\",\n },\n },\n actionButtons: {\n textAlign: \"right\",\n marginTop: \"30px\",\n \"& button\": {},\n },\n subTitle: {\n fontSize: \"16px\",\n fontWeight: \"bold\",\n marginBottom: \"20px\",\n color: \"#4D4F5C\",\n },\n actionButtons: {\n paddingBottom: \"33px\",\n textAlign: \"right\",\n \"& button:not(:last-child)\": {\n marginRight: \"20px\",\n },\n },\n partCard: {\n borderRadius: \"8px\",\n padding: \"17px 24px\",\n },\n partKey: {\n fontSize: \"16px\",\n padding: \"5px\",\n },\n partValue: {\n fontSize: \"16px\",\n color: \"#4D4F5C\",\n padding: \"5px\",\n },\n modal: {\n \"& .MuiDialog-paperWidthMd\": {\n maxWidth: \"663px\",\n },\n },\n}));\n\nfunction ManageComment(props) {\n const classes = useStyles();\n const {\n handleClose,\n action,\n selectedId,\n currentSelection,\n getAllActionComments,\n } = props;\n const message = useContext(ToastMessageContext);\n const [errors, setErrors] = useState({});\n const [busy, setBusy] = useState(null);\n const [actionComments, setActionComment] = useState([]);\n const [isLoading, setIsLoading] = useState(false);\n\n useEffect(() => {\n if (action === \"Update\") {\n getActionComments();\n }\n }, []);\n\n const getActionComments = async () => {\n setIsLoading(true);\n setBusy(\"get_comment\");\n await InspectionServices.getActionComments(currentSelection?.id)\n .then((res) => {\n if (res) {\n setBusy(null);\n setActionComment(res.data);\n }\n })\n .catch(() => {\n setBusy(null);\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n })\n .finally(() => {\n setBusy(null);\n setIsLoading(false);\n });\n };\n\n const handleCreate = async (formData) => {\n setBusy(\"add\");\n formData.append(\"action_id\", selectedId);\n let userDetails = JSON.parse(sessionStorage.getItem(\"user\"));\n formData.append(\"raised_by\", userDetails?.id);\n await InspectionServices.addComments(formData)\n .then(() => {\n setBusy(null);\n handleClose();\n getAllActionComments();\n message.showToastMessage({\n message: \"Created successfully!\",\n variant: \"success\",\n });\n })\n .catch(() => {\n setBusy(null);\n handleClose();\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n });\n setBusy(null);\n };\n\n const handleUpdateData = async (formData) => {\n setBusy(\"edit\");\n formData.append(\"action_id\", selectedId);\n let userDetails = JSON.parse(sessionStorage.getItem(\"user\"));\n formData.append(\"raised_by\", userDetails?.id);\n await InspectionServices.editcomments(formData, currentSelection?.id)\n .then(() => {\n setBusy(null);\n handleClose();\n getAllActionComments();\n message.showToastMessage({\n message: \"Edited successfully!\",\n variant: \"success\",\n });\n })\n .catch(() => {\n setBusy(null);\n handleClose();\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n });\n setBusy(null);\n };\n\n const validateFields = (formData) => {\n const { error, valid } = validateFormData(formData, []);\n\n if (!valid) {\n setBusy(null);\n setErrors(error);\n return;\n }\n return valid;\n };\n\n const handleSubmit = (e) => {\n setBusy(action === \"Add\" ? \"add\" : \"edit\");\n e.preventDefault();\n const formData = new FormData(e.target);\n if (!validateFields(formData)) {\n return;\n }\n\n if (action === \"Add\") {\n handleCreate(formData);\n }\n if (action === \"Update\") {\n handleUpdateData(formData);\n }\n };\n\n const resetErrorsHandler = (name) => {\n setErrors((e) => ({ ...e, [name]: false }));\n };\n\n if (isLoading) {\n return (\n \n \n \n \n Comment\n \n \n \n \n \n
\n );\n}\n\nexport default ManageComment;\n","import React, { useContext, useState } from \"react\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport {\n Dialog,\n DialogContent,\n DialogTitle,\n Grid,\n Typography,\n} from \"@material-ui/core\";\nimport MROButton from \"components/buttons\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport BoxpDataService from \"lib/services/api/boxp_index\";\n\nconst useStyles = makeStyles(() => ({\n modal: {\n \"& .MuiDialog-paperWidthMd\": {\n width: \"25%\",\n },\n },\n title: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n warning: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n fontSize: \"16px\",\n marginBottom: \"20px\",\n },\n actionButtons: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n}));\n\nfunction DeleteData(props) {\n const classes = useStyles();\n const { handleClose, open , currentSelection, getAllActionComments} = props;\n const message = useContext(ToastMessageContext);\n const [busy, setBusy] = useState(null);\n\n\n const handleSubmit = () => {\n setBusy(\"loading\")\n BoxpDataService.boxpDeleteData(currentSelection?.id, 'deleteComment', currentSelection).then((res) => {\n if (res.success) {\n setBusy(null);\n getAllActionComments();\n handleClose(currentSelection);\n message.showToastMessage({ message: \"Comment removed successfully\", variant: \"success\" });\n }else{\n setBusy(null);\n handleClose(currentSelection);\n message.showToastMessage({ message: \"Something went wrong!!\", variant: \"error\" });\n }\n })\n}\n return (\n \n \n
\n \n \n \n \n Delete Item\n \n \n \n \n This cannot be undone. Are you sure?\n \n \n \n \n Cancel\n \n \n \n \n Yes\n \n \n \n \n \n
\n );\n}\n\nexport default DeleteData;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport Typography from \"@material-ui/core/Typography\";\nimport { AppBar, Box, IconButton, Toolbar } from \"@material-ui/core\";\nimport MaterialTable from \"material-table\";\nimport tableIcons, { options } from \"components/universal/table_attributes\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport MROFullScreenRightDrawer from \"components/fullwidth_dialog\";\nimport BackIcon from \"@material-ui/icons/KeyboardBackspace\";\nimport { ICON_COLOUR } from \"lib/constants/style_constants\";\nimport EditIcon from \"@material-ui/icons/Edit\";\nimport DeleteIcon from \"@material-ui/icons/Delete\";\nimport AddBoxIcon from \"@material-ui/icons/AddBox\";\nimport ManageComment from \"./ManageComment\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport moment from \"moment\";\nimport DeleteData from \"./DeleteComments\";\nimport { MaintenanceServices } from \"lib/services/api/operaitons/WorkShop/TaskLibrary/Maintenance/maintenance_operation\";\nconst useStyles = makeStyles((theme) => ({\n tableWrapper: {\n margin: \"3%\",\n width: \"90%\",\n },\n appBar: {\n backgroundColor: \"#fff\",\n color: \"#000000CC\",\n boxShadow: \"0px 3px 6px #0000001A\",\n },\n backButton: {\n marginRight: theme.spacing(2),\n },\n paper: {\n borderRadius: \"5px\",\n backgroundColor: \"#F5F5F5\",\n padding: theme.spacing(2),\n boxShadow: \"0px 1px 4px #0000001A\",\n },\n flex: {\n display: \"flex\",\n flexDirection: \"row\",\n justifyContent: \"flex-end\",\n marginRight: \"98px\",\n },\n}));\n\nfunction Comment(props) {\n const classes = useStyles();\n const { handleClose, selectedId, styleProp, status } = props;\n const message = useContext(ToastMessageContext);\n // const [tableState, dispatch] = useReducer(tableReducer, INITIAL_TABLE_STATE);\n const [action, setAction] = useState(null);\n const [loading, setLoading] = useState(false);\n const [page, setPage] = useState(0);\n const [totalCount, setTotalCount] = useState(5);\n const [pageSize, setPageSize] = useState(5);\n const [actionComments, setAllActionComments] = useState([]);\n const [currentSelection, setCurrentSelection] = useState({});\n let userDetails = JSON.parse(sessionStorage.getItem(\"user\"));\n\n useEffect(() => {\n getAllActionComments();\n }, [page, pageSize]);\n\n const getAllActionComments = async () => {\n setLoading(true);\n const params = {\n action_id: selectedId,\n page: page + 1,\n limit: pageSize,\n };\n await MaintenanceServices.getAllActionComments(params)\n .then((res) => {\n if (res) {\n setAllActionComments(res.data);\n setTotalCount(res.total_count);\n }\n setLoading(false);\n })\n .catch((err) => {\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n setLoading(false);\n });\n };\n\n const tableOptions = {\n ...options,\n page: page,\n total: totalCount,\n pageSize: pageSize,\n search: false,\n toolbar: true,\n rowStyle: { height: 42 },\n };\n\n const columns = [\n {\n title: \"Comment\",\n // field: \"comment\",\n headerStyle: {\n textAlign: \"left\",\n paddingLeft: \"30px\",\n },\n cellStyle: {\n textAlign: \"left\",\n paddingLeft: \"30px\",\n width: \"70%\",\n },\n render: (rowData) => (\n <>\n \n {userDetails?.stamp_number === rowData?.raised_by_userstamp ? (\n \n
\n );\n },\n },\n ];\n\n return (\n \n {status != \"Closed\" && props?.permission.write &&\n {\n setAction(\"Update\");\n setCurrentSelection(rowData);\n }}\n fontSize=\"small\"\n >\n
\n \n {status != \"Closed\" && props?.permission.write &&\n {\n setAction(\"delete\");\n setCurrentSelection(rowData);\n }}\n fontSize=\"small\"\n >\n
\n \n ) : (\n \"\"\n )}\n \n \n \n \n \n \n Action Comments\n \n \n \n\n \n {action && action !== \"delete\" && (\n setAction(null)}\n currentSelection={currentSelection}\n getAllActionComments={getAllActionComments}\n />\n )}\n {action === \"delete\" && (\n setAction(null)}\n open={true}\n section={\"deleteComment\"}\n currentSelection={currentSelection}\n getAllActionComments={getAllActionComments}\n />\n )}\n
\n );\n}\n\nexport default Comment;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport MROFullScreenRightDrawer from \"components/fullwidth_dialog\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport Grid from \"@material-ui/core/Grid\";\nimport BackIcon from \"@material-ui/icons/KeyboardBackspace\";\nimport Typography from \"@material-ui/core/Typography\";\nimport MROTextField from \"components/form_components/TextField\";\nimport FileUpload from \"components/form_components/fileUpload\";\nimport MROButton from \"components/buttons\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport YesNoField from \"components/form_components/YesNoField\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport { InspectionServices } from \"lib/services/api/operaitons/WorkShop/Inspection/InspectionService\";\nimport { validateFormData } from \"lib/utils/helperFunctions\";\nimport { BASE_API_URL_BOXP } from \"lib/constants\";\nimport NumericIncrement from \"views/Operations/LineMaintenance/WorkOrder/FieldComponents/numeric_increment\";\nimport { getOrganisationId } from \"lib/utils/common_utils\";\nimport { Autocomplete } from \"@material-ui/lab\";\n\n\nconst useStyles = makeStyles((theme) => ({\n wrapper: {\n margin: \"2%\",\n overflowX: \"hidden !important\"\n },\n appBar: {\n backgroundColor: \"#fff\",\n color: \"#000000CC\",\n boxShadow: \"0px 3px 6px #0000001A\",\n },\n backButton: {\n marginRight: theme.spacing(2),\n },\n wrap: {\n borderRadius: \"5px\",\n backgroundColor: \"#fff\",\n padding: theme.spacing(3),\n boxShadow: \"0px 1px 4px #0000001A\",\n },\n paper: {\n borderRadius: \"5px\",\n backgroundColor: \"#F5F5F5\",\n padding: theme.spacing(2),\n boxShadow: \"0px 1px 4px #0000001A\",\n },\n partValue: {\n fontSize: \"14px\",\n color: \"#4D4F5C\",\n padding: \"2px\",\n display: \"flex\",\n alignItems: \"center\",\n },\n partKey: {\n \"& p\": {\n fontSize: \"14px\",\n padding: \"1px\",\n },\n },\n partCard: {\n borderRadius: \"8px\",\n padding: \"17px 24px\",\n \"& p\": {\n fontSize: \"14px\",\n padding: \"5px\",\n },\n },\n sec1: {\n borderRadius: \"10px\",\n backgroundColor: \"#fff\",\n padding: theme.spacing(5),\n boxShadow: \"0px 1px 4px #0000001A\",\n },\n actionButtons: {\n paddingTop: \"20px\",\n paddingBottom: \"33px\",\n textAlign: \"right\",\n marginRight: \"20px\",\n \"& button:not(:last-child)\": {\n marginRight: \"20px\",\n },\n },\n}));\nfunction CreateActions(props) {\n const classes = useStyles();\n const { handleClose, workshop_id, action_type, getAllActions, copyTab, projectParts, currentWorkshopDetails } = props;\n const message = useContext(ToastMessageContext);\n const [dropDownData, setDropdownData] = useState([]);\n const [errors, setErrors] = useState({});\n const [ataChapter, setAtaChapter] = useState(null);\n const [mechAuth, setMechAuth] = useState(null);\n const [inspAuth, setInspAuth] = useState(null);\n const [actionCategory, setActionCategory] = useState(null);\n const [busy, setBusy] = useState(null);\n const [maintFile, setMaintFile] = useState([]);\n const [state, setState] = useState({ man_hours: '' });\n const [criticalConsideration, setCriticalConsideration] = useState(null);\n const [IndependentInsp, setIndependentInsp] = useState(null);\n const [project, setProject] = useState(null)\n useEffect(() => {\n getDropdownData();\n }, []);\n\n const getDropdownData = async () => {\n const params = {\n organisation_id: getOrganisationId()\n }\n await InspectionServices.getAllDropDown(params)\n .then((res) => {\n if (res) {\n setDropdownData(res.data);\n }\n })\n .catch(() => {\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n });\n };\n\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n const formData = new FormData(e.target);\n const { error, valid } = validateFormData(formData, [\"maintenance_file[]\"]);\n\n if (!valid) {\n // setLoading(null);\n setErrors(error);\n return;\n }\n\n const qty = +formData.get(\"estimate_man_hours\");\n if (qty === 0) {\n // console.log(\"qty===\", qty)\n setErrors((prevState) => ({\n ...prevState,\n estimate_man_hours_null: \"QTY must not be less than zero\",\n }))\n\n return;\n\n }\n formData.append(\"workshop_order_id\", workshop_id);\n formData.append(\"action_type\", action_type);\n let userDetails = JSON.parse(sessionStorage.getItem(\"user\"));\n formData.append(\"raised_by\", userDetails?.id);\n if (copyTab === \"template\") {\n formData.append(\"commercial_type\", 0)\n }\n formData.delete(\"project_part_id\")\n if (currentWorkshopDetails?.project_part && project?.part_number !== \"N/A\") {\n\n formData.append(\"project_part_id\", project?.id)\n\n }\n // formData.append(\"status\", \"Open\");\n formData.delete(\"maintenance_file[]\");\n maintFile.forEach((file) => (formData.append(\"maintenance_file[]\", file)))\n setBusy(\"loading\");\n await InspectionServices.createAction(formData)\n .then((res) => {\n if (res) {\n handleClose();\n getAllActions();\n setBusy(null);\n message.showToastMessage({\n message: \"Created successfully!!\",\n variant: \"success\",\n });\n }\n })\n .catch(() => {\n setBusy(null);\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n });\n setBusy(null);\n };\n\n const resetErrorsHandler = (name) => {\n setErrors((e) => ({ ...e, [name]: false }));\n };\n\n const handleCriticalConsideration = (value) => {\n if (value) {\n setCriticalConsideration(value);\n }\n };\n const handleIndependentInsp = (value) => {\n if (value) {\n setIndependentInsp(value);\n }\n };\n\n const handleChange = ({ target: { name, value } }) => {\n // setState({\n // ...state,\n // [name]: value\n // })\n }\n\n return (\n \n \n Comments\n \n {\n setPage(page);\n }}\n onChangeRowsPerPage={(pageSize) => {\n setPageSize(pageSize);\n }}\n totalCount={totalCount}\n page={page}\n actions={ props?.permission.write && status != \"Closed\" ? [\n {\n icon: () => (\n
\n \n
\n ),\n tooltip: \"Add\",\n isFreeAction: true,\n onClick: (event) => setAction(\"Add\"),\n },\n ]:\"\"}\n />\n \n\n\n \n
\n );\n}\n\nexport default CreateActions","\nimport React, { useEffect, useState } from \"react\";\nimport Dialog from \"@material-ui/core/Dialog\";\nimport { DialogContent, IconButton, Typography, Grid, makeStyles } from \"@material-ui/core\";\nimport FileUpload from \"components/form_components/fileUpload\";\nimport { BASE_API_URL_BOXR } from \"lib/constants\";\n\nconst useStyles = makeStyles((theme) => ({\n certDialog: {\n \"& .MuiDialog-paper\": {\n boxShadow: \"0px 3px 6px #00000029\",\n position: \"absolute\",\n left: \"calc(50% - 250px)\",\n width: '44%'\n },\n },\n description: {\n borderRadius: \"5px\",\n height: \"max-content\",\n fontSize: \"15px\",\n backgroundColor: \"#F5F5F5\",\n padding: theme.spacing(1),\n whiteSpace: 'break-spaces'\n },\n}));\nfunction TechFilesPopup(props) {\n const { handleClose, currentSelectedRow, open, name } = props\n const classes = useStyles();\n return (\n \n\n \n
\n )\n}\n\nexport default TechFilesPopup","import React, { useContext, useEffect, useReducer, useState } from \"react\";\nimport Dialog from \"@material-ui/core/Dialog\";\n\nimport {\n createStyles,\n Grid,\n IconButton,\n makeStyles,\n Typography,\n TableRow,\n TableCell,\n TableBody,\n MenuItem,\n Table,\n TableContainer,\n Divider,\n TableHead,\n} from \"@material-ui/core\";\nimport tableIcons, { options } from \"components/universal/table_attributes\";\nimport MaterialTable from \"material-table\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport tableReducer, { INITIAL_TABLE_STATE } from \"reducers/table_reducer\";\nimport { InspectionServices } from \"lib/services/api/operaitons/WorkShop/Inspection/InspectionService\";\n\n\nconst useStyles = makeStyles((theme) =>\n createStyles({\n modal: {\n \"& .MuiDialog-paperWidthSm\": {\n minWidth: \"750px\",\n // height: \"110vh\"\n },\n },\n container: {\n // minWidth: \"1200px\",\n // minHeight: \"400px\",\n padding: \"50px\",\n position: \"relative\",\n display: \"flex\",\n flexDirection: \"column\",\n overflow: \"hidden !important\"\n },\n\n popupTitle: {\n fontSize: \"20px\",\n lineHeight: \"28px\",\n position: \"absolute\",\n top: \"19px\",\n bottom: \"15px\",\n left: \"25px\",\n },\n divider: {\n borderBottom: `1px solid ${theme.palette.primary.main}`,\n },\n tableTitle: {\n fontSize: \"16px\",\n lineHeight: \"22px\",\n color: \"#4D4F5C\",\n fontWeight: \"bold\",\n marginTop: \"19px\",\n marginBottom: \"16px\",\n },\n tableCell: {\n height: '32px',\n justifyContent: \"space-between\",\n whiteSpace: \"normal\",\n wordWrap: \"break-word\",\n\n },\n })\n);\n\nexport default function Stages(props) {\n const { handleClose, currentSelection } = props;\n const classes = useStyles();\n const [tableState, dispatch] = useReducer(tableReducer, INITIAL_TABLE_STATE);\n const message = useContext(ToastMessageContext);\n const [actionStages, setActionStages] = useState([]);\n const [pageSizes, setPageSizes] = useState(5);\n const [page, setPage] = useState(0);\n const [totalCount, setTotalCount] = useState(5);\n const [isGettingDetails, setIsGettingDetails] = useState(false);\n const tableOptions = {\n ...options,\n page: page,\n total: totalCount,\n pageSize: pageSizes,\n search: false,\n toolbar: false,\n rowStyle: { height: 42 },\n };\n\n\n const column = [\n // {\n // title: \"\",\n // field: \"id\",\n // width: \"4%\",\n // render: () => ,\n // },\n {\n title: \"Stage\",\n field: \"stage_position\",\n headerStyle: {\n textAlign: \"left\",\n paddingLeft: \"0px\",\n },\n cellStyle: {\n textAlign: \"left\",\n paddingLeft: \"10px\",\n },\n },\n {\n title: \"Title\",\n field: \"stage_name\",\n width: '80%',\n headerStyle: {\n\n textAlign: \"left\",\n },\n cellStyle: {\n width: '80%',\n textAlign: \"left\",\n },\n },\n\n {\n title: \"SubFields\",\n headerStyle: {\n // textAlign: \"right\",\n paddingRight: '17px',\n },\n // cellStyle: {\n // paddingLeft: '80px',\n // textAlign: \"center\"\n // },\n render: (rowData) => (\n \n {!rowData?.stage_fields?.length ? \"0\" : rowData?.stage_fields?.length}\n \n ),\n },\n\n\n ];\n\n const getAllActionStages = async () => {\n setIsGettingDetails(true);\n const params = {\n workshop_action_id: currentSelection?.workshop_action_id,\n page: page + 1,\n limit: pageSizes,\n\n // search: debouncedVal,\n };\n await InspectionServices.getAllActionStages(params)\n .then((res) => {\n if (res) {\n setActionStages(res.data);\n setTotalCount(res.total_count);\n }\n })\n .catch((err) => {\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n })\n .finally(() => {\n setIsGettingDetails(false);\n });\n };\n\n\n useEffect(() => {\n if (currentSelection?.workshop_action_id)\n getAllActionStages();\n }, [currentSelection?.workshop_action_id, page, pageSizes]);\n return (\n \n {name !== 'service' && <>\n \n \n {currentSelectedRow?.detailed_description || ' '}\n \n \n\n }\n
\n\n \n \n \n Detailed Description\n \n\n
\n \n \n Files\n \n
\n \n {name === 'service' ? ({\n filename: file?.filename,\n url: file?.url,\n id: file?.id,\n })) : \" \"\n }\n APIUrl={\"\"}\n showBorderOnNoFiles={true}\n uploadButtonView={true}\n multiple={true}\n name={\"maintenance_file\"}\n action={\"Upload Document\"}\n\n /> :\n ({\n filename: file?.file_name,\n url: file?.file_path,\n id: file?.id,\n })) : \" \"\n }\n APIUrl={\"\"}\n\n // setFiles={setPrePackingFiles}\n showBorderOnNoFiles={true}\n uploadButtonView={true}\n multiple={true}\n name={\"maintenance_file\"}\n action={\"Upload Document\"}\n\n\n />}\n
\n \n \n \n \n\n
\n\n\n \n )\n }\n />\n \n
\n \n\n \n );\n}\n","import React, { useContext, useEffect, useState } from 'react'\nimport MaterialTable from 'material-table';\nimport tableIcons, { options } from 'components/universal/table_attributes';\nimport ViewIcon from \"@material-ui/icons/Visibility\";\nimport CopyFileIcon from \"assets/CopyFiles.svg\"\nimport GreenCopyIcon from \"assets/GreenCopyIcon.svg\"\nimport { ICON_COLOUR } from 'lib/constants/style_constants';\nimport { IconButton, Box } from '@material-ui/core';\nimport TechFilesPopup from '../TechFilesPopup';\nimport Stages from '../Stages';\nimport { WorkshopContext } from \"views/Operations/Workshop/WorkshopContext/WorkshopContext\";\nimport { MaintenanceServices } from 'lib/services/api/operaitons/WorkShop/TaskLibrary/Maintenance/maintenance_operation';\nimport { ToastMessageContext } from 'lib/contexts/message_context';\n\n\nfunction Actions(props) {\n const { currentActionData, currentWorkshopDetails, setCurrentActionId, projectPartId } = props\n const [action, setAction] = useState(false)\n const [currentSelection, setCurrentSelection] = useState({})\n const [currentSelectedRow, setCurrentSelectedRow] = useState({})\n const [isTechFiles, setIsTechFiles] = useState(false)\n const [actionData, setActionData] = useState([])\n const [files, setFiles] = useState([])\n\n const { copyInspection, setCopyInspection, copiedJobs } = useContext(WorkshopContext)\n const message = useContext(ToastMessageContext)\n\n\n\n useEffect(() => {\n let data = { ...currentActionData }\n setActionData([data])\n }, [currentActionData])\n\n\n // Copy Actions \n\n const handleSubmit = async (rowData) => {\n const formData = new FormData()\n\n formData.append(\"workshop_order_id\", currentWorkshopDetails?.id)\n formData.append(\"workshop_action_id\", rowData.workshop_action_id)\n formData.append(\"action_type\", rowData.action_type)\n if (projectPartId.id !== null) {\n formData.append(\"project_part_id\", projectPartId.id)\n }\n let userDetails = JSON.parse(sessionStorage.getItem(\"user\"));\n formData.append(\"raised_by\", userDetails?.id);\n setFiles(rowData.maintenance_file)\n files.forEach((file) => formData.set(\"maintenance_file[]\", file))\n\n await MaintenanceServices.copyPreviousCreateAction(formData).then((response) => {\n if (response.success) {\n setCopyInspection(true)\n setCurrentActionId(response.action_id)\n copiedJobs.push(currentActionData.workshop_action_id)\n message.showToastMessage({\n message: \"Copied successfully \",\n variant: \"success\",\n });\n }\n\n }).catch((error) => {\n message.showToastMessage({\n message: \"Something went wrong\",\n variant: \"error\",\n });\n })\n }\n\n\n\n\n\n const tableOptions = {\n ...options,\n paging: false,\n search: false,\n toolbar: false,\n rowStyle: { height: 42 },\n };\n\n const inspectionColumns = [\n {\n title: \"Action #\",\n field: \"action_number\",\n headerStyle: {\n textAlign: \"left\",\n paddingLeft: \"20px\"\n },\n cellStyle: {\n textAlign: \"left\",\n paddingLeft: \"20px\"\n },\n\n }, {\n title: \"Title\",\n field: \"title\",\n headerStyle: {\n textAlign: \"left\",\n },\n cellStyle: {\n textAlign: \"left\",\n width: \"50%\",\n },\n }, {\n title: \"Est Man-Hrs\",\n field: \"estimate_man_hours\",\n headerStyle: {\n textAlign: \"center\",\n },\n cellStyle: {\n textAlign: \"center\",\n },\n },\n {\n title: \"Details\",\n // field: \"maintenance_file\",\n headerStyle: {\n textAlign: \"center\",\n },\n cellStyle: {\n textAlign: \"center\",\n },\n render: (rowData) => (\n \n \n Stages\n \n\n \n {\n setPage(page);\n }}\n onChangeRowsPerPage={(pageSize) => {\n setPageSizes(pageSize);\n }}\n totalCount={totalCount}\n page={page}\n detailPanel={(rowData) =>\n !rowData?.stage_fields?.length ? (\n \n \n No sub fields found\n \n
\n ) : (\n \n \n {\n setIsTechFiles(true)\n setAction(\"view_files\")\n setCurrentSelectedRow(rowData)\n }}\n />\n \n\n
\n\n )\n\n\n },\n {\n title: \"Stages\",\n field: \"stages\",\n headerStyle: {\n textAlign: \"center\",\n },\n cellStyle: {\n textAlign: \"center\",\n },\n render: (rowData) => (\n \n )\n },\n {\n title: \"Action\",\n headerStyle: {\n textAlign: \"center\",\n },\n cellStyle: {\n textAlign: \"center\",\n },\n render: (rowData) => (\n \n {\n handleSubmit(rowData)\n }}\n disabled={copyInspection === true && copiedJobs.find((item) => item === rowData.workshop_action_id)}\n >\n {copyInspection === true && copiedJobs.find((item) => item === rowData.workshop_action_id) ? 
item === rowData.workshop_action_id) ? \"none\" : \"\", }} /> :\n\n 
\n }\n\n \n
\n )\n }\n\n ]\n\n return (\n \n\n \n \n {\n action === 'view_files' && (\n setAction(null)}\n currentSelectedRow={currentSelectedRow}\n open={isTechFiles}\n />\n )\n }\n {\n action === 'view_stages' && (\n setAction(null)}\n currentSelection={currentSelection}\n />\n\n )\n\n }\n
\n )\n}\n\nexport default React.memo(Actions)","import React, { useState, useReducer, useEffect, useContext } from 'react'\nimport MaterialTable from 'material-table';\nimport tableReducer, { INITIAL_TABLE_STATE } from \"reducers/table_reducer\";\nimport tableIcons, { options } from \"components/universal/table_attributes\";\nimport TableAction from \"actions/table_actions\";\nimport ViewIcon from \"@material-ui/icons/Visibility\";\nimport CopyFileIcon from \"assets/CopyFiles.svg\"\nimport GreenCopyIcon from \"assets/GreenCopyIcon.svg\"\nimport { ICON_COLOUR } from 'lib/constants/style_constants';\nimport { IconButton, Box } from '@material-ui/core';\nimport { ToastMessageContext } from 'lib/contexts/message_context';\nimport { WorkshopContext } from 'views/Operations/Workshop/WorkshopContext/WorkshopContext';\nimport { MaintenanceServices } from 'lib/services/api/operaitons/WorkShop/TaskLibrary/Maintenance/maintenance_operation';\n\n\n\nfunction Parts(props) {\n\n const { currentActionData, currentWorkshopDetails, currentClosedDetails, currentActionId, orderType } = props\n const [tableState, dispatch] = useReducer(tableReducer, INITIAL_TABLE_STATE);\n const { totalCount, inProgress, data } = tableState;\n const [issued, setIssued] = useState(true);\n const message = useContext(ToastMessageContext)\n const { copyParts, setCopyParts, copyInspection, copiedJobs } = useContext(WorkshopContext)\n const [pageSize, setPageSize] = useState(5);\n const [page, setPage] = useState(0);\n const [totalCountT, setTotalCountT] = useState(0)\n const [tData, setTData] = useState([])\n const [loading, setLoading] = useState(false)\n\n const getList = () => {\n const params = {\n reportable_type: \"WorkshopOrder\",\n reportable_id: currentActionData.workshop_order_id,\n page: 1 + page,\n count_per_page: pageSize,\n to_issued: issued,\n workshop_action_id: currentActionData.workshop_action_id\n // ...filters\n };\n\n TableAction.getList(dispatch, message, params, \"workshopRequestPart\");\n };\n\n useEffect(() => {\n if (orderType === \"Maintenance\" || orderType === \"Production\") {\n getList();\n }\n }, [page, pageSize, issued]);\n\n\n\n\n const getTemplateListing = () => {\n setLoading(true)\n const params = {\n workshop_order_id: currentActionData?.workshop_order_id,\n workshop_action_id: currentActionData.workshop_action_id,\n page: 1 + page,\n limit: pageSize,\n\n };\n\n MaintenanceServices.getTemlatePartsListing(params).then((res) => {\n setTData(res.data)\n setTotalCountT(res.total_count)\n }).catch(() => {\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n }).finally(() => {\n setLoading(false)\n })\n }\n\n useEffect(() => {\n if (orderType === \"Maintenance Template\" || orderType === \"Production Template\") {\n getTemplateListing()\n }\n }, [page, pageSize])\n\n\n\n ///copy parts\n\n\n const handleSubmit = async (rowData) => {\n copyParts.push(rowData.id)\n const formData = new FormData()\n let userDetails = JSON.parse(sessionStorage.getItem(\"user\"));\n if (orderType === \"Maintenance\" || orderType === \"Production\") {\n formData.append(\"workshop_action_id\", currentActionId)\n formData.append(\"issued_comment\", rowData.us_comment);\n formData.append(\"from_base_station_id\", currentWorkshopDetails?.base_station_id);\n formData.append(\"to_base_station_id\", currentWorkshopDetails?.base_station_id);\n formData.append(\"quantity\", rowData.required_quantity)\n formData.append(\"user_id\", userDetails?.id);\n formData.append(\"primary_part_id\", rowData?.prime_part_id);\n formData.append(\"reportable_type\", \"WorkshopOrder\");\n formData.append(\"reportable_id\", currentWorkshopDetails?.id);\n formData.append(\"order_number\", currentWorkshopDetails?.order_no);\n formData.append(\"line_customer_id\", currentWorkshopDetails?.line_customer_id);\n formData.append(\"part_number\", rowData.part_number)\n }\n else if (orderType === \"Maintenance Template\" || orderType === \"Production Template\") {\n formData.append(\"workshop_action_id\", currentActionId)\n formData.append(\"issued_comment\", \"\");\n formData.append(\"from_base_station_id\", currentWorkshopDetails?.base_station_id);\n formData.append(\"to_base_station_id\", currentWorkshopDetails?.base_station_id);\n formData.append(\"quantity\", rowData.quantity)\n formData.append(\"user_id\", userDetails?.id);\n formData.append(\"primary_part_id\", rowData?.primary_part_id);\n formData.append(\"reportable_type\", \"WorkshopOrder\");\n formData.append(\"reportable_id\", currentWorkshopDetails?.id);\n formData.append(\"order_number\", currentWorkshopDetails?.order_no);\n formData.append(\"line_customer_id\", currentWorkshopDetails?.line_customer_id);\n formData.append(\"part_number\", rowData.part_number)\n }\n\n await MaintenanceServices.createPartRequest(formData).then((res) => {\n if (res.success) {\n\n message.showToastMessage({\n message: \"Copied successfully \",\n variant: \"success\",\n });\n }\n else {\n message.showToastMessage({ message: res.errors ? res.errors.join(', ') : \"Something went wrong. Try again\", variant: \"error\" });\n\n }\n\n }).catch((err) => {\n message.showToastMessage({ message: \"Something went wrong. Try again\", variant: \"error\" });\n })\n }\n\n\n\n\n\n\n\n\n const tableOptions = {\n ...options,\n page: page,\n total: totalCount,\n pageSize: pageSize,\n search: false,\n toolbar: false,\n rowStyle: { height: 42 },\n };\n const tableOptions1 = {\n ...options,\n page: page,\n total: totalCountT,\n pageSize: pageSize,\n search: false,\n toolbar: false,\n rowStyle: { height: 42 },\n };\n\n\n\n\n const columns = [\n\n {\n title: \"Part #\",\n field: \"part_number\",\n headerStyle: {\n textAlign: \"left\",\n paddingLeft: \"20px\"\n },\n cellStyle: {\n textAlign: \"left\",\n paddingLeft: \"20px\"\n },\n },\n {\n title: \"Description\",\n field: \"description\",\n headerStyle: {\n textAlign: \"left\",\n },\n cellStyle: {\n textAlign: \"left\",\n width: \"70%\",\n },\n },\n {\n title: \"Quantity\",\n field: \"required_quantity\",\n headerStyle: {\n textAlign: \"left\",\n },\n cellStyle: {\n textAlign: \"left\",\n },\n },\n {\n title: \"Copy\",\n headerStyle: {\n textAlign: \"center\",\n },\n cellStyle: {\n textAlign: \"center\",\n },\n render: (rowData) => (\n \n {copiedJobs.find((item) => item === currentActionData.workshop_action_id) && {\n\n handleSubmit(rowData);\n\n }}\n disabled={copyParts.find((item) => item === rowData.id)}\n >\n {copyParts.find((item) => item === rowData.id) ? item === rowData.id) ? \"none\" : \"\", }} /> :\n\n \n }\n }\n
\n ),\n },\n ];\n\n\n\n const templateColumns = [\n {\n title: \"Action #\",\n field: \"action_number\",\n headerStyle: {\n textAlign: \"left\",\n paddingLeft: \"20px\"\n },\n cellStyle: {\n textAlign: \"left\",\n paddingLeft: \"20px\"\n },\n },\n {\n title: \"Part #\",\n field: \"part_number\",\n headerStyle: {\n textAlign: \"left\",\n },\n cellStyle: {\n textAlign: \"left\",\n },\n },\n {\n title: \"Description\",\n field: \"description\",\n headerStyle: {\n textAlign: \"left\",\n },\n cellStyle: {\n textAlign: \"left\",\n width: \"70%\",\n },\n },\n {\n title: \"Quantity\",\n field: \"quantity\",\n headerStyle: {\n textAlign: \"left\",\n },\n cellStyle: {\n textAlign: \"left\",\n },\n },\n {\n title: \"Copy\",\n headerStyle: {\n textAlign: \"center\",\n },\n cellStyle: {\n textAlign: \"center\",\n },\n render: (rowData) => (\n \n {copiedJobs.find((item) => item === currentActionData.workshop_action_id) && {\n\n handleSubmit(rowData);\n\n }}\n disabled={copyParts.find((item) => item === rowData.id)}\n >\n {copyParts.find((item) => item === rowData.id) ? item === rowData.id) ? \"none\" : \"\", }} /> :\n\n \n }\n }\n
\n ),\n },\n ];\n\n return (\n \n {\n setPage(page);\n }}\n onChangeRowsPerPage={(pageSize) => {\n setPageSize(pageSize);\n }}\n\n totalCount={orderType === \"Maintenance\" || orderType === \"Production\" ? totalCount : totalCountT}\n page={page}\n />
\n )\n}\n\nexport default React.memo(Parts)","import React, { useContext, useState, useEffect } from 'react'\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport Grid from \"@material-ui/core/Grid\";\nimport { Dialog, DialogContent, DialogTitle, Box, MenuItem } from \"@material-ui/core\";\nimport MROButton from 'components/buttons';\nimport { Typography } from \"@material-ui/core\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport DateField from 'components/form_components/DateField';\nimport MROTextField from \"components/form_components/TextField\";\nimport ServiceRequestListClientServices from \"lib/services/api/procurement/Services\";\nimport { MaintenanceServices } from 'lib/services/api/operaitons/WorkShop/TaskLibrary/Maintenance/maintenance_operation';\nimport { WorkshopContext } from 'views/Operations/Workshop/WorkshopContext/WorkshopContext';\n\n\nconst useStyles = makeStyles((theme) => ({\n formWrapper: {\n background: \"#fff\",\n width: \"100%\",\n },\n title: {\n display: \"flex\",\n justifyContent: \"left\",\n \"& h2\": {\n // color: theme.palette.primary.main,\n fontSize: \"40px\",\n fontWeight: 40,\n },\n },\n subTitle: {\n fontSize: \"16px\",\n fontWeight: \"bold\",\n marginBottom: \"20px\",\n color: \"#4D4F5C\",\n },\n card: {\n padding: \"0 25px\",\n },\n actionButtons: {\n paddingBottom: \"33px\",\n textAlign: \"end\",\n marginRight: \"6px\",\n marginTop: '21px',\n \"& button:not(:last-child)\": {\n marginRight: \"20px\",\n },\n },\n purchaseGrid: {\n paddingTop: \"0 !important\",\n paddingBottom: \"0 !important\",\n height: \"85px\",\n },\n purchaseStock: {\n marginBottom: \"75px\",\n maxWidth: \"340px\",\n marginTop: '10px'\n },\n modal: {\n \"& .MuiDialog-paperWidthMd\": {\n width: \"24%\",\n },\n }\n}));\n\nfunction ServicesAdditionalPopUp(props) {\n const classes = useStyles();\n const { handleClose, currentWorkshopDetails, currentClosedDetails, selectedRow, currentActionId, orderType, currentActionData } = props\n const message = useContext(ToastMessageContext)\n const { setServiceFlag } = useContext(WorkshopContext)\n const [error, setError] = useState({});\n\n\n console.log(\"action id====\", currentActionData)\n\n\n const handleSubmit = async (e) => {\n e.preventDefault()\n const formData = new FormData(e.target)\n let userDetails = JSON.parse(sessionStorage.getItem(\"user\"));\n let valid = true;\n let errors = {\n desired_date: false\n\n };\n\n if (formData && formData.get(\"desired_date\").length === 0) {\n errors.desired_date = true;\n valid = false;\n }\n if (!valid) {\n\n setError(errors);\n return;\n }\n if (orderType === \"Maintenance\" || orderType === \"Production\") {\n formData.append(\"workshop_action_id\", currentActionId)\n formData.append(\"service_id\", selectedRow.id)\n formData.append(\"location\", selectedRow.location);\n formData.append(\"part_scope_id\", selectedRow.part_scope_id);\n formData.append(\"approval_type_id\", selectedRow?.approval_type_id);\n formData.append(\"part_category_id\", selectedRow.part_category_id)\n formData.append(\"user_id\", userDetails?.id);\n formData.append(\"workshop_order_id\", currentWorkshopDetails?.id);\n formData.append(\"description\", selectedRow?.description);\n formData.append(\"tech_data_ref\", selectedRow?.tech_data_ref);\n formData.append(\"base_station_id\", currentWorkshopDetails?.base_station_id);\n formData.append(\"from_workshop_action_id\", currentWorkshopDetails?.id);\n formData.append(\"to_workshop_action_id\", currentActionData?.workshop_order_id);\n }\n else if (orderType === \"Maintenance Template\" || orderType === \"Production Template\") {\n formData.append(\"workshop_action_id\", currentActionId)\n formData.append(\"service_id\", selectedRow.id)\n formData.append(\"location\", selectedRow.location === \"Supplier Site\" ? \"supplier_off_site\" : \"mro_on_site\");\n formData.append(\"part_scope_id\", selectedRow.part_scope_id);\n formData.append(\"approval_type_id\", selectedRow?.approval_type_id);\n formData.append(\"part_category_id\", selectedRow.part_category_id)\n formData.append(\"user_id\", userDetails?.id);\n formData.append(\"workshop_order_id\", currentWorkshopDetails?.id);\n formData.append(\"description\", selectedRow?.description);\n formData.append(\"tech_data_ref\", selectedRow?.tech_data_ref);\n formData.append(\"base_station_id\", currentWorkshopDetails?.base_station_id);\n formData.append(\"from_workshop_action_id\", currentWorkshopDetails?.id);\n formData.append(\"to_workshop_action_id\", currentActionData?.workshop_order_id);\n formData.append(\"wst_service_id\", selectedRow.id);\n }\n // selectedRow.tech_data.forEach(file => formData.append(\"tech_data\", file))\n // selectedRow.order_reports.forEach(file => formData.append(\"order_reports\", file))\n\n\n await ServiceRequestListClientServices.createServices(formData).then((response) => {\n if (response.success) {\n setServiceFlag(true)\n handleClose()\n message.showToastMessage({\n message: \"Copied successfully \",\n variant: \"success\",\n });\n }\n }).catch((error) => {\n message.showToastMessage({\n message: \"Something went wrong\",\n variant: \"error\",\n });\n })\n }\n\n return (\n \n \n \n \n Additional Data Required\n \n \n \n \n \n
\n )\n}\n\nexport default ServicesAdditionalPopUp","import React, { useState, useReducer, useContext, useEffect } from 'react'\nimport MaterialTable from 'material-table';\nimport tableIcons, { options } from 'components/universal/table_attributes';\nimport ViewIcon from \"@material-ui/icons/Visibility\";\nimport CopyFileIcon from \"assets/CopyFiles.svg\"\nimport GreenCopyIcon from \"assets/GreenCopyIcon.svg\"\nimport { ICON_COLOUR } from 'lib/constants/style_constants';\nimport { IconButton, Box } from '@material-ui/core';\nimport TableAction from \"actions/table_actions\";\nimport tableReducer, { INITIAL_TABLE_STATE } from 'reducers/table_reducer';\nimport { ToastMessageContext } from 'lib/contexts/message_context';\nimport ServicesAdditionalPopUp from './ServicesAdditionalPopUp';\nimport TechFilesPopup from '../TechFilesPopup';\nimport { WorkshopContext } from 'views/Operations/Workshop/WorkshopContext/WorkshopContext';\nimport { MaintenanceServices } from 'lib/services/api/operaitons/WorkShop/TaskLibrary/Maintenance/maintenance_operation';\nimport TechFilesPopupServices from \"views/Operations/Workshop/PlanningTab/CopyTemplates/Tabs/Services/TechFilesPopup\"\n\n\n\nfunction Services(props) {\n const { currentActionData, currentWorkshopDetails, currentClosedDetails, currentActionId, orderType } = props\n const [action, setAction] = useState(false)\n const [isTechFiles, setIsTechFiles] = useState(false)\n const [currentSelectedRow, setCurrentSelectedRow] = useState({})\n const [searchText, setSearchText] = useState(\"\");\n const [tableState, dispatch] = useReducer(tableReducer, INITIAL_TABLE_STATE);\n const { totalCount, data, inProgress } = tableState;\n const message = useContext(ToastMessageContext);\n const [selectedRow, setSelectedRow] = useState({});\n const [pageSize, setPageSize] = useState(5);\n const [page, setPage] = useState(0);\n const [tData, setTData] = useState([])\n const [loading, setLoading] = useState(false)\n const [totalCountT, setTotalCountT] = useState(0)\n const { copyServices, serviceFlag, copyInspection, copiedJobs } = useContext(WorkshopContext)\n\n const tableOptions = {\n ...options,\n page: page,\n total: totalCount,\n pageSize: pageSize,\n search: false,\n toolbar: false,\n rowStyle: { height: 42 },\n };\n\n const tableOptions1 = {\n ...options,\n page: page,\n total: totalCountT,\n pageSize: pageSize,\n search: false,\n toolbar: false,\n rowStyle: { height: 42 },\n };\n\n\n const getServices = () => {\n const params = {\n count_per_page: pageSize,\n page: page + 1,\n workshop_order_id: currentActionData.workshop_order_id,\n workshop_action_id: currentActionData.workshop_action_id\n\n\n };\n TableAction.getList(dispatch, message, params, \"workshopServices\");\n }\n\n useEffect(() => {\n if (orderType === \"Maintenance\" || orderType === \"Production\") {\n getServices();\n }\n }, [page, pageSize]);\n\n const getTemplateServices = async () => {\n\n const params = {\n\n workshop_order_id: currentActionData?.workshop_order_id,\n workshop_action_id: currentActionData.workshop_action_id,\n page: 1 + page,\n limit: pageSize,\n }\n\n setLoading(true)\n await MaintenanceServices.getTemlateServiceListing(params).then((res) => {\n setTData(res.data)\n setTotalCountT(res.total_count)\n }).catch(() => {\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n }).finally(() => {\n\n setLoading(false)\n\n })\n }\n\n useEffect(() => {\n if (orderType === \"Maintenance Template\" || orderType === \"Production Template\") {\n getTemplateServices();\n }\n }, [page, pageSize]);\n\n const columns = [\n\n {\n title: \"Scope\",\n field: \"scope\",\n headerStyle: {\n textAlign: \"left\",\n paddingLeft: \"20px\"\n },\n cellStyle: {\n textAlign: \"left\",\n paddingLeft: \"20px\"\n },\n },\n {\n title: \"Type\",\n field: \"service_type\",\n headerStyle: {\n textAlign: \"left\",\n },\n cellStyle: {\n textAlign: \"left\",\n },\n },\n {\n title: \"Description\",\n field: \"description\",\n width: '45%',\n headerStyle: {\n textAlign: \"left\",\n width: '45%',\n },\n cellStyle: {\n textAlign: \"left\",\n width: '45%',\n },\n },\n {\n title: \"Location\",\n field: \"location\",\n headerStyle: {\n textAlign: \"left\",\n },\n cellStyle: {\n textAlign: \"left\",\n },\n render: (rowData) => {\n if (rowData?.location === \"mro_on_site\") return \"MRO Site\"\n else if (rowData?.location === \"supplier_off_site\") {\n return \"Supplier Site\"\n }\n }\n },\n\n {\n title: \"Tech Data\",\n // field: \"tech_data\",\n headerStyle: {\n textAlign: \"center\",\n },\n cellStyle: {\n textAlign: \"center\",\n },\n render: (rowData) => (\n \n \n
\n \n \n {\n setIsTechFiles(true)\n setAction(\"view_files\")\n setCurrentSelectedRow(rowData)\n }}\n />\n \n\n
\n\n )\n },\n {\n title: \"Copy\",\n headerStyle: {\n textAlign: \"center\",\n },\n cellStyle: {\n textAlign: \"center\",\n },\n render: (rowData) => (\n \n {copiedJobs.find((item) => item === currentActionData.workshop_action_id) && {\n setAction(\"View\");\n setSelectedRow(rowData);\n copyServices.push(rowData.id)\n }}\n disabled={serviceFlag && copyServices.find((item) => item === rowData.id)}\n >\n {serviceFlag && copyServices.find((item) => item === rowData.id) ? item === rowData.id) ? \"none\" : \"\" }} /> :\n\n \n }\n }\n
\n ),\n },\n ];\n\n const serviceColumns = [\n {\n title: \"Scope\",\n field: \"part_scope_name\",\n headerStyle: {\n textAlign: \"left\",\n paddingLeft: \"20px\"\n },\n cellStyle: {\n textAlign: \"left\",\n paddingLeft: \"20px\"\n },\n },\n {\n title: \"Type\",\n field: \"type\",\n headerStyle: {\n textAlign: \"left\",\n },\n cellStyle: {\n textAlign: \"left\",\n },\n },\n {\n title: \"Description\",\n field: \"description\",\n width: '45%',\n headerStyle: {\n textAlign: \"left\",\n width: '45%',\n },\n cellStyle: {\n textAlign: \"left\",\n width: '45%',\n },\n },\n {\n title: \"Location\",\n field: \"location\",\n headerStyle: {\n textAlign: \"left\",\n },\n cellStyle: {\n textAlign: \"left\",\n },\n\n },\n {\n title: \"Tech Data\",\n // field: \"tech_data\",\n headerStyle: {\n textAlign: \"center\",\n },\n cellStyle: {\n textAlign: \"center\",\n },\n render: (rowData) => (\n \n \n {\n setIsTechFiles(true)\n setAction(\"view_files\")\n setCurrentSelectedRow(rowData)\n }}\n />\n \n\n
\n\n )\n },\n {\n title: \"Copy\",\n headerStyle: {\n textAlign: \"center\",\n },\n cellStyle: {\n textAlign: \"center\",\n },\n render: (rowData) => (\n \n {copiedJobs.find((item) => item === currentActionData.workshop_action_id) && {\n setAction(\"View\");\n setSelectedRow(rowData);\n copyServices.push(rowData.id)\n }}\n disabled={serviceFlag && copyServices.find((item) => item === rowData.id)}\n >\n {serviceFlag && copyServices.find((item) => item === rowData.id) ? item === rowData.id) ? \"none\" : \"\" }} /> :\n\n \n }\n }\n
\n ),\n },\n ];\n\n return (\n \n \n \n \n Additional Data Required\n \n \n \n \n \n
\n )\n}\n","import React, { useState, useReducer, useContext, useEffect } from 'react'\nimport MaterialTable from 'material-table';\nimport tableReducer, { INITIAL_TABLE_STATE } from \"reducers/table_reducer\";\nimport tableIcons, { options } from \"components/universal/table_attributes\";\nimport TableAction from \"actions/table_actions\";\nimport ViewIcon from \"@material-ui/icons/Visibility\";\nimport CopyFileIcon from \"assets/CopyFiles.svg\"\nimport GreenCopyIcon from \"assets/GreenCopyIcon.svg\"\nimport { ICON_COLOUR } from 'lib/constants/style_constants';\nimport { IconButton, Box } from '@material-ui/core';\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport { WorkshopContext } from 'views/Operations/Workshop/WorkshopContext/WorkshopContext';\nimport EquipmentAdditionalPopUp from './EquipmentAdditionalPopUp';\nimport { MaintenanceServices } from 'lib/services/api/operaitons/WorkShop/TaskLibrary/Maintenance/maintenance_operation';\n\nfunction Equipments(props) {\n\n const { currentActionData, currentWorkshopDetails, currentClosedDetails, currentActionId, orderType } = props\n const [selectedRow, setSelectedRow] = useState({});\n const [tableState, dispatch] = useReducer(tableReducer, INITIAL_TABLE_STATE);\n const message = useContext(ToastMessageContext);\n const { totalCount, inProgress, data } = tableState;\n const [action, setAction] = useState(false)\n const { copyEquipments, equipmentFlag, copyInspection, copiedJobs } = useContext(WorkshopContext)\n const [pageSize, setPageSize] = useState(5);\n const [page, setPage] = useState(0);\n const [tData, setTData] = useState([])\n const [loading, setLoading] = useState(false)\n const [totalCountT, setTotalCountT] = useState(0)\n\n\n\n\n\n\n useEffect(() => {\n if (orderType === \"Maintenance\" || orderType === \"Production\") {\n getWorkshopEquipment();\n }\n }, [page, pageSize]);\n\n const getWorkshopEquipment = () => {\n const params = {\n\n page: page + 1,\n id: currentActionData.workshop_order_id,\n count_per_page: pageSize,\n workshop_action_id: currentActionData.workshop_action_id\n\n };\n TableAction.getList(dispatch, message, params, \"getWorkshopEquipment\");\n };\n const tableOptions = {\n ...options,\n page: page,\n total: totalCount,\n pageSize: pageSize,\n search: false,\n toolbar: false,\n\n };\n\n\n\n const tableOptions1 = {\n ...options,\n page: page,\n total: totalCountT,\n pageSize: pageSize,\n search: false,\n toolbar: false,\n\n };\n\n\n\n\n const getWorkshopTemplateEquipment = async () => {\n\n\n const params = {\n\n workshop_order_id: currentActionData.workshop_order_id,\n workshop_action_id: currentActionData.workshop_action_id,\n page: 1 + page,\n limit: pageSize,\n }\n setLoading(true)\n await MaintenanceServices.getTemlateEquipmentListing(params).then((res) => {\n setTData(res.data)\n setTotalCountT(res.total_count)\n }).catch(() => {\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n }).finally(() => {\n setLoading(false)\n })\n\n };\n useEffect(() => {\n if (orderType === \"Maintenance Template\" || orderType === \"Production Template\") {\n getWorkshopTemplateEquipment();\n }\n }, [page, pageSize]);\n\n\n\n const columns = [\n\n\n {\n title: \"Description\",\n field: \"description\",\n width: \"90%\",\n headerStyle: {\n textAlign: \"left\",\n paddingLeft: \"20px\",\n width: \"90%\",\n },\n cellStyle: {\n textAlign: \"left\",\n width: \"90%\",\n paddingLeft: \"20px\"\n },\n },\n\n {\n title: \"Copy\",\n headerStyle: {\n textAlign: \"center\",\n },\n cellStyle: {\n textAlign: \"center\",\n },\n render: (rowData) => (\n \n \n
\n \n {copiedJobs.find((item) => item === currentActionData.workshop_action_id) && < IconButton\n onClick={() => {\n setAction(\"View\");\n setSelectedRow(rowData);\n copyEquipments.push(rowData.id)\n }}\n disabled={equipmentFlag && copyEquipments.find((item) => item === rowData.id)}\n >\n\n {equipmentFlag &&\n copyEquipments.find((item) => item === rowData.id) ? item === rowData.id) ? \"none\" : \"\" }} /> :\n\n \n }\n }\n
\n ),\n },\n ];\n return (\n \n \n \n \n \n \n Actions\n \n \n \n\n \n\n
\n )\n}\n\nexport default React.memo(CopyActions)","import { AppBar, Toolbar, makeStyles, IconButton, Typography, Grid } from '@material-ui/core'\nimport MROFullScreenRightDrawer from 'components/fullwidth_dialog'\nimport React, { useReducer, useState, useEffect, useContext } from 'react'\nimport BackIcon from \"@material-ui/icons/KeyboardBackspace\";\nimport MaterialTable from 'material-table';\nimport tableIcons, { options } from 'components/universal/table_attributes';\nimport tableReducer, { INITIAL_TABLE_STATE } from \"reducers/table_reducer\";\nimport TableAction from 'actions/table_actions';\nimport ArrowForwardIcon from '@material-ui/icons/ArrowForward';\nimport { ICON_COLOUR } from 'lib/constants/style_constants';\nimport ViewIcon from \"@material-ui/icons/Visibility\";\nimport TechFilesPopup from './TechFilesPopup';\nimport Stages from './Stages';\nimport CopyActions from './CopyActions';\nimport { MaintenanceServices } from 'lib/services/api/operaitons/WorkShop/TaskLibrary/Maintenance/maintenance_operation';\nimport { ToastMessageContext } from 'lib/contexts/message_context';\nimport { WorkshopContext } from 'views/Operations/Workshop/WorkshopContext/WorkshopContext';\nimport { Clear } from \"@material-ui/icons\";\nimport GreenCopyIcon from \"assets/GreenCopyIcon.svg\"\nconst useStyles = makeStyles((theme) => ({\n appBar: {\n backgroundColor: \"#fff\",\n color: \"#000000CC\",\n boxShadow: \"0px 3px 6px #0000001A\",\n },\n backButton: {\n marginRight: theme.spacing(2),\n },\n wrapper: {\n margin: \"3%\",\n overflowX: \"hidden !important\"\n },\n\n}));\nfunction HistoricalJobs(props) {\n\n const classes = useStyles()\n const { handleClose, selectedRow, currentWorkshopDetails, tabname } = props\n const [tableState, dispatch] = useReducer(tableReducer, INITIAL_TABLE_STATE);\n const { page, totalCount, pageSize, inProgress, data } = tableState;\n const [action, setAction] = useState('')\n const [currentSelectedRow, setCurrentSelectedRow] = useState({})\n const [isTechFiles, setIsTechFiles] = useState(false)\n const [currentSelection, setCurrentSelection] = useState({})\n const [actionData, setActionData] = useState([])\n const [actionDetails, setActionDetails] = useState(false)\n const message = useContext(ToastMessageContext)\n const { setCopyInspection, setCopyParts, setCopyServices, setServiceFlag, setEquipmentFlag, setCopyEquipments, copyInspection, copiedJobs, setCopiedJobs } = useContext(WorkshopContext)\n\n\n\n const handleCopyClose = () => {\n handleClose()\n setCopyInspection(false)\n setServiceFlag(false)\n setCopyParts([])\n setCopyServices([])\n setEquipmentFlag(false)\n setCopyEquipments([])\n setCopiedJobs([])\n }\n // console.log(\"tabname=======\", tabname)\n const getActionList = async () => {\n setActionDetails(true)\n const params = {\n workshop_order_id: selectedRow.id,\n page: page + 1,\n limit: pageSize,\n action_type: tabname\n }\n await MaintenanceServices.copyPreviousGetActionList(params).then((response) => {\n\n setActionData(response.data)\n\n TableAction.setTotalCount(dispatch, response.total_count);\n }).catch((err) => {\n message.showToastMessage({\n message: \"Something went wrong. Try again\",\n variant: \"error\",\n })\n }).finally(() => {\n setActionDetails(false)\n })\n }\n\n useEffect(() => {\n getActionList()\n }, [selectedRow.id, page, pageSize, totalCount])\n\n\n const tableOptions = {\n ...options,\n page: page,\n total: totalCount,\n pageSize: pageSize,\n search: false,\n toolbar: false,\n // rowStyle: { height: 42 },\n };\n const column = [\n\n {\n title: \"Action #\",\n field: \"action_number\",\n headerStyle: {\n\n textAlign: 'left', paddingLeft: '5px'\n },\n cellStyle: {\n\n textAlign: 'left', paddingLeft: '5px'\n }\n },\n {\n title: 'Title',\n field: 'title',\n width: '60%',\n headerStyle: {\n width: '60%',\n textAlign: 'left'\n },\n cellStyle: {\n width: '60%',\n textAlign: 'left'\n }\n },\n {\n title: \"Detail\",\n field: \"maintenance_file\",\n render: (rowData) => (\n \n\n\n \n Be sure to copy Actions in the correct order you want them on the job. First copy the Action, then the Parts, Services and Equipment as applicable. Do not leave this page until you have completed ALL copying! \n \n \n\n
\n {/* Actionns Table */}\n\n Action \n \n
\n {/* Parts */}\n\n Parts \n \n
\n {/* Service */}\n\n Services \n \n
\n {/* equipment */}\n\n Equipment \n \n
\n\n \n {/* Actionns Table */}\n
\n {/* Parts */}\n
\n {/* Service */}\n
\n {/* equipment */}\n
\n \n {\n setIsTechFiles(true)\n setAction(\"view_files\")\n setCurrentSelectedRow(rowData)\n }}\n />\n \n\n
\n\n )\n\n },\n {\n title: \"Stages\",\n field: \"stage_count\",\n render: (rowData) => (\n \n )\n },\n {\n title: 'Parts',\n field: 'part_count',\n\n },\n {\n title: 'Service',\n field: 'service_count',\n\n },\n {\n title: 'Equipment',\n field: 'equipment_count',\n\n },\n\n {\n title: 'Copy',\n field: 'view',\n render: (rowData) => <>\n {copiedJobs.find((item) => item === rowData.workshop_action_id) ? \n \n \n \n \n \n Historical Jobs\n \n \n \n \n {\n action === 'view_files' && (\n setAction(null)}\n currentSelectedRow={currentSelectedRow}\n open={isTechFiles}\n />\n )\n }\n {\n action === 'view_stages' && (\n setAction(null)}\n currentSelection={currentSelection}\n />\n\n )\n\n }\n {action === 'copy' && (\n setAction(null)}\n currentSelection={currentSelection}\n currentWorkshopDetails={currentWorkshopDetails}\n currentClosedDetails={selectedRow}\n />\n\n )\n }\n
\n )\n}\n\nexport default HistoricalJobs","import { Grid, InputBase, Typography, InputAdornment, IconButton, makeStyles, TextField, FormControlLabel, useTheme, MenuItem, FormControl, Select } from '@material-ui/core'\nimport React, { useState, useReducer, useEffect, useContext } from 'react'\nimport SearchIcon from \"@material-ui/icons/Search\";\nimport { ICON_COLOUR } from 'lib/constants/style_constants';\nimport MROTextField from 'components/form_components/TextField';\nimport PartIcon from 'assets/PartIcon.png'\nimport DescriptionIcon from 'assets/Description.png'\nimport PositiveSwitch from 'components/form_components/switch';\nimport MaterialTable from 'material-table';\nimport tableIcons, { options } from 'components/universal/table_attributes';\nimport tableReducer, { INITIAL_TABLE_STATE } from \"reducers/table_reducer\";\nimport TableAction from 'actions/table_actions';\nimport ArrowForwardIcon from '@material-ui/icons/ArrowForward';\nimport HistoricalJobs from './HistoricalJobs';\nimport useDebounce from 'lib/utils/debounce';\nimport BoxpTableAction from \"actions/boxp_table_actions\";\nimport { formatToDateOnly, getOrganisationId } from \"lib/utils/common_utils\";\nimport { ToastMessageContext } from 'lib/contexts/message_context';\nimport { MaintenanceServices } from 'lib/services/api/operaitons/WorkShop/TaskLibrary/Maintenance/maintenance_operation';\nimport ViewIcon from \"@material-ui/icons/Visibility\";\nimport TechFilesPopup from './TechFilesPopup';\nimport GreenCopyIcon from \"assets/GreenCopyIcon.svg\"\nimport { WorkshopContext } from 'views/Operations/Workshop/WorkshopContext/WorkshopContext';\nimport Stages from './Stages';\nimport CopyActions from './CopyActions';\nimport { Autocomplete } from '@material-ui/lab';\n\n\n\n\nconst useStyle = makeStyles((theme) => ({\n\n root: {\n margin: '2%'\n },\n wrapper: {\n backgroundColor: \"#fff\",\n padding: theme.spacing(1, 2),\n border: \"1px solid #d5d5d5\",\n margin: \"1% 0\",\n },\n divider: {\n margin: '8px 0'\n },\n filters: {\n padding: \"10px 0\",\n '& .filter': {\n paddingRight: theme.spacing(3),\n }\n }\n\n}))\n\nfunction History(props) {\n const { currentWorkshopDetails, tabId, tabname, copyTab, projectParts } = props\n const [searchText, setSearchText] = useState(\"\");\n const [tableState, dispatch] = useReducer(tableReducer, INITIAL_TABLE_STATE);\n const [action, setAction] = useState('')\n const [partNumber, setPartNumber] = useState('')\n const [description, setDescription] = useState('')\n const [showOnWorkOrders, setShowOnWorkorders] = useState(false)\n const debouncedVal = useDebounce(searchText);\n const message = useContext(ToastMessageContext);\n const [selectedRow, setSelectedRow] = useState('')\n const [actionData, setActionData] = useState([])\n const [actionDetails, setActionDetails] = useState(false)\n const [currentSelectedRow, setCurrentSelectedRow] = useState({})\n const [isTechFiles, setIsTechFiles] = useState(false)\n const [currentSelection, setCurrentSelection] = useState({})\n const { copiedJobs } = useContext(WorkshopContext)\n const [page, setPage] = useState(0)\n const [pageSize, setPageSize] = useState(10)\n const [totalCount, setTotalCount] = useState(10)\n const [loading, setLoading] = useState(false)\n const theme = useTheme()\n const classes = useStyle()\n const [filters, setFilters] = useState({ order_type: tabId === 20 || tabId === 24 ? copyTab === \"normal\" ? \"Maintenance\" : \"Maintenance Template\" : tabId === 21 || tabId === 25 ? copyTab === \"normal\" ? \"Production\" : \"Production Template\" : '', action_type: tabname === \"Inspection\" ? \"Inspection\" : tabname === \"Maintenance\" ? \"Maintenance\" : tabname === \"Production\" ? \"Production\" : undefined });\n const [project, setProject] = useState(null)\n const [errors, setErrors] = useState({})\n useEffect(() => {\n if (currentWorkshopDetails) {\n setPartNumber(currentWorkshopDetails?.part_number)\n setDescription(currentWorkshopDetails?.description)\n }\n\n }, [currentWorkshopDetails])\n\n console.log(currentWorkshopDetails)\n //Handle part copy\n const handlePartCopy = () => {\n setPage(0);\n setSearchText(partNumber)\n\n }\n const handleDescriptionCopy = () => {\n setPage(0);\n setSearchText(description)\n\n }\n const handleSearch = (value) => {\n\n setPage(0);\n\n setSearchText(value)\n\n\n }\n const clearSearch = () => {\n handleSearch('')\n }\n\n\n\n\n const getActionList = async () => {\n setActionDetails(true)\n const params = {\n // workshop_order_id: currentWorkshopDetails.id,\n page: page + 1,\n limit: pageSize,\n part_desc_search: debouncedVal,\n organisation_id: getOrganisationId(),\n ...filters\n }\n await MaintenanceServices.getCopyInspectionHistory(params).then((response) => {\n\n setActionData(response.data)\n\n setTotalCount(response.total_count);\n }).catch((err) => {\n message.showToastMessage({\n message: \"Something went wrong. Try again\",\n variant: \"error\",\n })\n }).finally(() => {\n setActionDetails(false)\n })\n }\n\n useEffect(() => {\n\n getActionList()\n\n\n }, [currentWorkshopDetails, page, pageSize, totalCount, debouncedVal, filters,])\n\n // useEffect(() => {\n\n // getMaintenanceOrderList();\n\n // }, [page, pageSize, debouncedVal, showOnWorkOrders]);\n\n // const getMaintenanceOrderList = () => {\n // const params = {\n // page: page + 1,\n // limit: pageSize,\n // order_type: tabId === 21 || tabId === 25\n // ? \"Production\"\n // : tabId === 23\n // ? \"Storage\"\n // : \"Maintenance\",\n // organisation_id: getOrganisationId(),\n // part_desc_search: debouncedVal,\n // show_in_work_orders: showOnWorkOrders,\n // action_type: tabname\n\n\n // };\n\n // BoxpTableAction.getList(dispatch, message, params, \"OrderList\");\n // };\n\n\n const tableOptions = {\n ...options,\n page: page,\n total: totalCount,\n pageSize: pageSize,\n search: false,\n toolbar: false,\n // rowStyle: { height: 42 },\n };\n const column = [\n {\n title: 'Title',\n field: 'title',\n width: '25%',\n headerStyle: {\n\n textAlign: 'left',\n paddingLeft: '15px',\n width: '25%',\n },\n cellStyle: {\n\n textAlign: 'left',\n paddingLeft: '15px',\n width: '25%',\n }\n },\n {\n title: 'Order #',\n field: 'order_number',\n headerStyle: {\n\n textAlign: 'left'\n },\n cellStyle: {\n\n textAlign: 'left'\n }\n },\n\n {\n\n title: \"Action #\",\n field: \"action_number\",\n },\n {\n\n title: \"Part #\",\n field: \"part_number\",\n headerStyle: {\n\n textAlign: 'left',\n },\n cellStyle: {\n\n textAlign: 'left'\n }\n },\n {\n\n title: \"Description\",\n field: \"item_description\",\n headerStyle: {\n textAlign: 'left',\n },\n cellStyle: {\n textAlign: 'left'\n }\n },\n {\n title: \"Detail\",\n field: \"maintenance_file\",\n render: (rowData) => (\n \n \n\n Job Actions \n\n\n \n
\n\n {\n TableAction.setPage(dispatch, page);\n }}\n onChangeRowsPerPage={(pageSize) => {\n TableAction.setPageSize(dispatch, pageSize);\n }}\n totalCount={totalCount}\n page={page}\n />\n\n \n
\n \n
\n \n {\n setIsTechFiles(true)\n setAction(\"view_files\")\n setCurrentSelectedRow(rowData)\n }}\n />\n \n\n
\n\n )\n\n },\n {\n title: \"Stages\",\n field: \"stages\",\n render: (rowData) => (\n \n )\n },\n {\n title: 'Parts',\n field: 'parts',\n\n },\n {\n title: 'Service',\n field: 'services',\n\n },\n {\n title: 'Equipment',\n field: 'equipment',\n\n },\n\n {\n title: 'Copy',\n field: 'view',\n render: (rowData) => <>\n {copiedJobs.find((item) => item === rowData.workshop_action_id) ? \n \n\n {currentWorkshopDetails?.project_part &&\n <>\n\n \n Project Part \n \n\n\n \n\n\n option.id === value.id}\n filterSelectedOptions={true}\n onChange={(e, value) => {\n\n setProject(value)\n setErrors({ ...errors, project_part_id: false })\n }}\n id=\"tags-user\"\n options={projectParts || []}\n getOptionLabel={(option) => option.part_number === \"N/A\" ? option.part_number : `${option.part_number} - ${option.serial}` || \"\"}\n\n renderInput={(params) => (\n }\n\n \n Historical Actions \n \n\n
\n\n {\n setPage(page);\n }}\n onChangeRowsPerPage={(pageSize) => {\n setPageSize(pageSize);\n }}\n totalCount={totalCount}\n page={page}\n />\n\n \n \n {/* {action && action === 'history_jobs' &&\n setAction('')} selectedRow={selectedRow} currentWorkshopDetails={currentWorkshopDetails} tabname={tabname} />\n\n\n } */}\n\n {\n action === 'view_files' && (\n setAction(null)}\n currentSelectedRow={currentSelectedRow}\n open={isTechFiles}\n />\n )\n }\n {\n action === 'view_stages' && (\n setAction(null)}\n currentSelection={currentSelection}\n />\n\n )\n\n }\n {action === 'copy' && (\n setAction(null)}\n currentSelection={currentSelection}\n currentWorkshopDetails={currentWorkshopDetails}\n currentClosedDetails={selectedRow}\n orderType={filters?.order_type}\n projectPartId={project}\n />\n\n )\n }\n
\n )\n}\n\nexport default History","import React, { useState, useContext } from \"react\";\nimport MROFullScreenRightDrawer from \"components/fullwidth_dialog\";\nimport {\n AppBar,\n IconButton,\n Toolbar,\n makeStyles,\n Typography,\n Box,\n ButtonGroup,\n} from \"@material-ui/core\";\nimport BackIcon from \"@material-ui/icons/KeyboardBackspace\";\nimport MROButton from \"components/buttons\";\nimport CreateNewActions from \"./CreateNewActions/CreateActions\";\nimport History from \"./History\";\nimport { WorkshopContext } from 'views/Operations/Workshop/WorkshopContext/WorkshopContext';\nimport useGetProjectParts from \"../GetProjectParts\";\nimport { getOrganisationId } from \"lib/utils/common_utils\";\n\n\n\n\nconst useStyles = makeStyles((theme) => ({\n appBar: {\n backgroundColor: \"#fff\",\n color: \"#000000CC\",\n boxShadow: \"0px 3px 6px #0000001A\",\n },\n backButton: {\n marginRight: theme.spacing(2),\n },\n root: { \"& > :first-child\": { position: \"unset\" } },\n wrapper: {\n padding: \"3%\",\n background: \"white\",\n },\n}));\n\nfunction AddActions(props) {\n const { getAllActions, action_type, workshop_id, action, handleClose, currentWorkshopDetails, tabId, name, copyTab, } = props\n const classes = useStyles();\n const [state, setState] = useState(\"Create New\");\n const { setCopyInspection, setCopyParts, setCopyServices, setServiceFlag, setEquipmentFlag, setCopyEquipments, copyInspection, copiedJobs, setCopiedJobs } = useContext(WorkshopContext)\n\n\n\n const handleCopyClose = () => {\n handleClose()\n getAllActions()\n setCopyInspection(false)\n setServiceFlag(false)\n setCopyParts([])\n setCopyServices([])\n setEquipmentFlag(false)\n setCopyEquipments([])\n setCopiedJobs([])\n }\n\n\n\n const params1 = {\n organisation_id: getOrganisationId(),\n workshop_order_id: currentWorkshopDetails?.id,\n\n\n }\n\n const projectParts = useGetProjectParts(params1, currentWorkshopDetails?.project_part)\n\n\n\n\n\n // c\n return (\n \n\n handleSearch(e.target.value)}\n value={searchText}\n variant=\"standard\"\n InputLabelProps={{ shrink: true }}\n InputProps={{\n\n startAdornment: \n ,\n\n endAdornment: <>\n { handlePartCopy() }} style={{ cursor: 'pointer' }}>\n 
\n \n { handleDescriptionCopy() }} style={{ cursor: 'pointer' }}>\n 
\n \n \n }}\n\n />\n \n {\n setPage(0)\n setFilters((prevState) => ({\n ...prevState,\n order_type: e.target.value,\n }))\n\n }\n }\n input={ \n {/* \n {\n setPage(0)\n setFilters((prevState) => ({\n ...prevState,\n action_type: e.target.value,\n }))\n\n }\n }\n input={ */}\n\n\n
\n \n Filters \n\n
\n \n
\n \n \n setState(\"Create New\")}\n style={{\n width: \"125px\",\n color: state === \"Create New\" ? \"white\" : undefined,\n }}\n\n >\n Create New\n \n setState(\"History\")}\n style={{\n width: \"125px\",\n color: state === \"History\" ? \"white\" : undefined,\n }}\n >\n History\n \n \n \n\n \n {state === \"Create New\" ? (\n 0 ? projectParts : []}\n />\n ) : (\n 0 ? projectParts : []}\n />\n )}\n \n
\n \n {\n setSelectedStages(rowData);\n setAction(tabId === 23 ? \"view\" : \"viewAction\");\n }}\n />\n
\n ),\n },\n ];\n\n const renderButton = (rowData) => {\n // setCurrentSelection(rowData)\n let ButtonColor, buttonText;\n if (\n (rowData?.id === infoSelectedId && actionState === \"Verified\") ||\n rowData?.planning_verification === \"Verified\"\n ) {\n setActionState(null);\n ButtonColor = \"button-positive\";\n buttonText = \"VERIFIED\";\n } else if (\n (rowData?.id === infoSelectedId && actionState === \"Not Verified\") ||\n rowData?.planning_verification === \"Not Verified\" ||\n rowData?.planning_verification === null\n ) {\n setActionState(null);\n ButtonColor = \"button-warning\";\n buttonText = \"VERIFY\";\n }\n\n else if (\n (rowData?.id === infoSelectedId && actionState === \"Rejected\") ||\n rowData?.planning_verification === \"Rejected\"\n ) {\n setActionState(null);\n ButtonColor = \"button-negative\";\n buttonText = \"REJECTED\";\n }\n return (\n \n props?.permission.write && handleClick(e)}\n >\n {\n \n {buttonText}\n \n }\n
\n );\n };\n\n const options1 = [\"Verify\", \"Unverify\"];\n\n const handleOption = (option) => {\n if (option === \"Verify\") {\n setActionState(\"Verified\");\n setOpenMenu(false);\n } else if (option === \"Unverify\") {\n setActionState(\"Not Verified\");\n setOpenMenu(false);\n }\n // else if (option === \"Reject\") {\n // setActionState(\"Rejected\");\n // setOpenMenu(false);\n // }\n };\n\n /*This is handleClose function */\n const handleClose = () => {\n setAction(null);\n };\n\n useEffect(() => {\n updateVerification();\n }, [actionState]);\n\n const updateVerification = async (e) => {\n if (actionState) {\n const formData = new FormData();\n formData.append(\"action_id\", currentSelection?.id);\n let userDetails = JSON.parse(sessionStorage.getItem(\"user\"));\n formData.append(\"verified_by\", userDetails?.id);\n formData.append(\"planning_verification\", actionState);\n await InspectionServices.updateActionVerification(\n formData,\n currentSelection?.id\n )\n .then((res) => {\n if (res) {\n getAllActions();\n message.showToastMessage({\n message: \"Updated successfully!!\",\n variant: \"success\",\n });\n }\n })\n .catch((error) => {\n // setBusy(null);\n message.showToastMessage({\n message: `${error.error}`,\n variant: \"error\",\n });\n });\n // setBusy(null);\n }\n };\n\n return (\n \n \n {`${actions} Actions`}\n \n \n \n {props?.permission.write && (tabDetails === 1 || tabDetails === 2) && {\n setAction(\"reorder\")\n }} /> \n \n\n\n {\n setPages(0)\n setSearchText(e.target.value)\n\n\n }}\n value={searchText}\n style={{ width: \"350px\" }}\n InputProps={{\n endAdornment: (\n !!searchText?.length ? {\n setSearchText(\"\")\n setPages(0)\n }} size=\"medium\">\n : null\n ),\n startAdornment: (\n \n }\n isLoading={loading}\n columns={columns}\n data={allActions || []}\n options={{\n ...tableOptions,\n rowStyle: (rowData) => ({\n backgroundColor:\n selected && rowData.id === selectedRowId\n ? alpha(theme.palette.primary.main, 0.15)\n : \"#fff\",\n }),\n }}\n\n onChangePage={(page) => {\n setPages(page);\n }}\n onChangeRowsPerPage={(pageSize) => {\n setPageSizes(pageSize);\n }}\n\n onRowClick={onRowClick}\n totalCount={totalCounts}\n page={pages}\n actions={props?.permission.write && [\n {\n icon: () => (\n \n {options1.map((option) => (\n {\n handleOption(option);\n }}\n >\n {option}\n \n ))}\n \n )}\n\n {selectedRowId !== null && (\n \n \n {\" \"}\n Table Filters\n \n \n \n \n \n \n \n {\n setAction(\"reorder_stages\")\n }} />
}\n columns={columnsData}\n data={actionStages || []}\n options={tableOptions2}\n localization={{\n body: {\n emptyDataSourceMessage: \"No Records Found\",\n },\n }}\n onChangePage={(page) => {\n setPage(page);\n }}\n onChangeRowsPerPage={(pageSize) => {\n setPageSize(pageSize);\n }}\n totalCount={totalCount}\n page={page}\n onRowClick={handleROw}\n detailPanel={(rowData) =>\n !rowData?.stage_fields?.length ? (\n \n
\n ),\n tooltip: \"Add\",\n isFreeAction: true,\n onClick: () =>\n setAction(tabId === 23 ? \"createCalendar\" : \"create\"),\n },\n\n ]}\n />\n {openMenu && (\n \n \n Selected Action\n \n \n \n \n - \n
\n \n \n - \n
\n - \n
\n \n \n - \n
handleClickOpen(\"\")}>\n \n {\" \"}\n \n \n - \n
handleClickCertificate(\"\")}>\n \n {\" \"}\n \n \n - \n
handleClickMsg(\"\")}>\n \n {\" \"}\n \n \n - \n
handleInfo(\"\")}>\n \n {\" \"}\n \n \n
\n \n\n \n - \n
\n \n {currentSelection?.action_number || \"\"}\n \n {currentSelection?.title || \"\"}\n \n \n
\n\n \n \n
\n );\n}\n\nexport default CreateNew;\n","import React, { useState } from \"react\";\nimport MROFullScreenRightDrawer from \"components/fullwidth_dialog\";\nimport {\n AppBar,\n IconButton,\n Toolbar,\n makeStyles,\n Typography,\n Box,\n ButtonGroup,\n} from \"@material-ui/core\";\nimport BackIcon from \"@material-ui/icons/KeyboardBackspace\";\nimport MROButton from \"components/buttons\";\nimport Search from \"./Search\";\nimport CreateNew from \"./CreateNew\";\n\nconst useStyles = makeStyles((theme) => ({\n appBar: {\n backgroundColor: \"#fff\",\n color: \"#000000CC\",\n boxShadow: \"0px 3px 6px #0000001A\",\n },\n backButton: {\n marginRight: theme.spacing(2),\n },\n root: { \"& > :first-child\": { position: \"unset\" } },\n wrapper: {\n padding: \"3%\",\n background: \"white\",\n },\n}));\n\nfunction AddPart(props) {\n const {\n onClose,\n baseStationId,\n lineCustomerId,\n acReg,\n bases,\n lineCustomers,\n currentSelectedOrder,\n actionDpdOptions,\n getList,\n } = props;\n const classes = useStyles();\n const [state, setState] = useState(\"search\");\n\n return (\n \n \n \n setState(\"search\")}\n style={{\n width: \"125px\",\n color: state === \"search\" ? \"white\" : undefined,\n }}\n >\n Search\n \n setState(\"create\")}\n style={{\n width: \"125px\",\n color: state === \"create\" ? \"white\" : undefined,\n }}\n >\n Create New\n \n \n \n\n \n {state === \"search\" ? (\n \n
\n \n \n \n Edit\n \n
\n \n \n
*/}\n {true ? (\n \n {/* Request detials container */}\n \n \n \n \n Request Details\n \n \n \n \n {currentSelectedRequest?.customer_supply === true ?\n <>\n < WarningIcon\n style={{\n color: \"#FFB300\",\n marginRight: \"10px\",\n fontSize: 20,\n }}\n />\n Customer Supply Part! \n : }\n \n \n \n \n \n \n \n
\n \n \n \n\n {/* Allocation details section */}\n \n
\n \n \n setIsMaterialPopupOpen(true)}\n fontSize=\"small\"\n htmlColor={ICON_COLOUR}\n />\n
\n }\n />\n \n
\n )}\n\n \n \n {\n TableAction.setPage(dispatch, 0);\n setIssued(e.target.checked);\n }}\n />\n }\n label=\" Show ALL ISSUED items\"\n labelPlacement=\"start\"\n // name={\"show_all_issued_items\"}\n />\n {/* {\n TableAction.setPage(dispatch, 0);\n setIssued(e.target.checked);\n }}\n color=\"primary\"\n />\n }\n label=\"Show ALL ISSUED items\"\n labelPlacement=\"start\"\n /> */}\n
\n \n \n \n \n \n \n \n Specialist Service\n \n \n {orderState != \"Closed\" && props?.permission.write && !currentSelection?.purchased &&\n setIsEdit(\"Update\")}>\n \n }\n \n \n\n {!loading ? (\n \n\n {isEdit === \"Update\" && (\n setIsEdit(null)}\n action={isEdit}\n dependencies={dependencies}\n workshop_id={workshop_id}\n closeHandler={handleClose}\n getServices={getServices}\n techData={techData}\n />\n )}\n
\n );\n}\n\nexport default SpecialistService;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport MROTextField from \"components/form_components/TextField\";\nimport { Box } from \"@material-ui/core\";\nimport MROFullScreenRightDrawer from \"components/fullwidth_dialog\";\nimport {\n Toolbar,\n IconButton,\n AppBar,\n Typography,\n Grid,\n MenuItem\n} from \"@material-ui/core\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport BackIcon from \"@material-ui/icons/KeyboardBackspace\";\nimport DateField from \"components/form_components/DateField\";\nimport MROButton from \"components/buttons\";\nimport { ServicesAndEquip } from \"lib/services/api/operaitons/WorkShop/Services_Equipment/services\";\nimport { userDetails, validateFormData } from \"lib/utils/helperFunctions\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport ServiceRequestListClientServices from \"lib/services/api/procurement/Services\";\nimport { ICON_COLOUR } from \"lib/constants/style_constants\";\nimport DeleteServices from \"../DeleteServices\";\nimport DeleteIcon from \"@material-ui/icons/Delete\";\n\nconst useStyles = makeStyles((theme) => ({\n appBar: {\n backgroundColor: \"#fff\",\n color: \"#000000CC\",\n boxShadow: \"0px 3px 6px #0000001A\",\n },\n root: {\n backgroundColor: \"#fff\",\n },\n backButton: {\n marginRight: theme.spacing(2),\n },\n wrapper: {\n padding: \"3%\",\n background: \"white\",\n },\n title: {\n fontSize: \"20px\",\n marginBottom: \"10px\",\n marginRight: \"20px\",\n },\n paper: {\n borderRadius: \"2px\",\n backgroundColor: \"#F5F5F5\",\n // padding: theme.spacing(2),\n boxShadow: \"0px 1px 4px #0000001A\",\n },\n}));\n\nfunction AddSpecialistEquipment(props) {\n const classes = useStyles();\n const { closeHandler, onClose, workshop_id, action, isEdit, currentSelection, baseId, getWorkshopEquipment } = props;\n const message = useContext(ToastMessageContext)\n const [actionNumber, setActionNumber] = useState([]);\n const [deleteAction, setDeleteAction] = useState(false)\n const [busy, setBusy] = useState(null)\n const [desiredDate, setDesiredDate] = useState(null)\n const [errors, setErrors] = useState({})\n const [fieldsData, setFieldsData] = useState({\n workshop_action_id: null,\n description: null,\n desired_date: null,\n duration: null,\n });\n\n useEffect(() => {\n getActionNumber();\n }, []);\n\n const getActionNumber = async () => {\n const params = {\n id: workshop_id,\n };\n await ServicesAndEquip.getActionNumber(params)\n .then((res) => {\n if (res) {\n setActionNumber(res.data);\n }\n })\n .catch(() => {\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n });\n };\n\n useEffect(() => {\n if (isEdit && currentSelection !== null) {\n let tempData = {};\n Object.keys(currentSelection).forEach((key) => {\n tempData[key] = currentSelection[key];\n });\n setFieldsData(tempData);\n }\n }, [currentSelection]);\n\n const onChangeHandler = (e) => {\n const name = e.target.name;\n const value = e.target.value;\n\n resetErrorsHandler(name);\n setFieldsData((prevState) => ({ ...prevState, [name]: value }));\n };\n\n\n const handleCreate = (formData) => {\n formData.append(\"user_id\", userDetails.userId)\n formData.append(\"base_station_id\", baseId)\n setBusy(\"loading\")\n ServiceRequestListClientServices.workshopCreateEquipments(formData)\n .then((res) => {\n if (res) {\n onClose(res.success)\n props.getWorkshopEquipment()\n message.showToastMessage({\n message: \"Created successfully!!\",\n variant: \"success\"\n })\n }\n }).catch(() => {\n message.showToastMessage({\n message: \"Something went wrong. Try again!!\",\n variant: \"error\"\n })\n }).finally(() => {\n setBusy(null)\n })\n }\n const handleUpdate = (formData) => {\n setBusy(\"loading\")\n formData.append(\"id\", currentSelection.id)\n ServiceRequestListClientServices.workshopUpdateEquipments(formData)\n .then((res) => {\n if (res) {\n onClose(res.success)\n getWorkshopEquipment()\n message.showToastMessage({\n message: \"Updated successfully!!\",\n variant: \"success\"\n })\n }\n }).catch(() => {\n message.showToastMessage({\n message: \"Something went wrong. Try again!!\",\n variant: \"error\"\n })\n }).finally(() => {\n setBusy(null)\n })\n }\n\n const handleSubmit = (e) => {\n e.preventDefault();\n const formData = new FormData(e.target)\n const { error, valid } = validateFormData(formData, []);\n if (!valid) {\n setBusy(null);\n setErrors(error);\n return;\n }\n\n if (action === \"Add\") {\n handleCreate(formData)\n }\n if (isEdit) {\n handleUpdate(formData)\n }\n\n }\n\n const resetErrorsHandler = (name) => {\n setErrors((e) => ({ ...e, [name]: false }));\n };\n\n return (\n \n \n \n Request Details\n \n\n \n \n \n \n \n \n \n\n \n Description\n \n \n \n {currentSelection.description}\n \n \n\n \n \n Tech Data\n \n \n ({\n filename: item?.filename,\n url: `${item?.url}`,\n id: item?.id,\n }))\n : \"\"\n }\n APIUrl={\"\"}\n accept={\"multiple\"}\n showBorderOnNoFiles={true}\n uploadButtonView={true}\n multiple={true}\n name={\"shipping_condition_photo[]\"}\n action={\"Upload Document\"}\n id=\"shipping_condition_photo[]\"\n />\n \n \n\n \n \n Purchasing Details\n \n\n \n \n \n \n \n \n \n\n \n \n Closure\n \n\n \n \n \n \n \n \n \n\n \n \n Certification (C of C / Form 1)\n \n \n ({\n filename: item?.filename,\n url: `${item?.url}`,\n id: item?.id,\n }))\n : \"\"\n }\n APIUrl={\"\"}\n showBorderOnNoFiles={true}\n uploadButtonView={true}\n multiple={true}\n name={\"shipping_condition_photo[]\"}\n action={\"Upload Document\"}\n id=\"shipping_condition_photo[]\"\n />\n \n \n
) : (\n \n \n \n {releaseReqData?.data?.release_type_a || \"\"}\n \n {releaseBStatus ? \"\" : }{releaseBStatus ? \"\" : \"and\"}{releaseBStatus ? \"\" : }\n {releaseReqData?.data?.release_type_b || \"\"}\n \n \n {releaseReqData?.data?.message || \"\"}\n \n \n }\n />\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n \n \n \n \n {isEdit ? 'Edit' + \" \" + 'Specialist Equipment' : 'Add' + \" \" + 'Specialist Equipment'}\n \n \n setDeleteAction(true)} style={{ display: !isEdit && \"none\" }}>\n \n Delete Item \n \n \n \n \n\n \n \n {deleteAction && (\n setDeleteAction(false)}\n title=\"Delete Item\"\n description=\"This cannot be undone. Are you sure?\"\n tab=\"equipment\"\n Id={currentSelection?.id}\n closeHandler={closeHandler}\n getServices={getWorkshopEquipment}\n />\n )}\n
\n );\n}\n\nexport default AddSpecialistEquipment;\n\n\n","import React, { useState } from \"react\";\nimport MROFullScreenRightDrawer from \"components/fullwidth_dialog\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport BackIcon from \"@material-ui/icons/KeyboardBackspace\";\nimport Typography from \"@material-ui/core/Typography\";\nimport { Box, useTheme } from \"@material-ui/core\";\nimport EditIcon from \"@material-ui/icons/Edit\";\nimport { ICON_COLOUR } from \"lib/constants/style_constants\";\nimport AddSpecialistEquipment from \"./AddSpecialistEquipment\";\nimport { userDetails } from \"lib/utils/helperFunctions\";\nimport { formatDate } from \"lib/utils/common_utils\";\n\nconst useStyles = makeStyles((theme) => ({\n wrapper: {\n margin: \"3%\",\n },\n appBar: {\n backgroundColor: \"#fff\",\n color: \"#000000CC\",\n boxShadow: \"0px 3px 6px #0000001A\",\n },\n backButton: {\n marginRight: theme.spacing(2),\n },\n paper: {\n borderRadius: \"5px\",\n backgroundColor: \"#F5F5F5\",\n padding: theme.spacing(2),\n boxShadow: \"0px 1px 4px #0000001A\",\n },\n partValue: {\n fontSize: \"14px\",\n color: \"#4D4F5C\",\n padding: \"2px\",\n display: \"flex\",\n alignItems: \"center\",\n },\n partKey: {\n \"& p\": {\n fontSize: \"14px\",\n padding: \"1px\",\n },\n },\n partCard: {\n borderRadius: \"8px\",\n padding: \"17px 24px\",\n \"& p\": {\n fontSize: \"14px\",\n padding: \"5px\",\n },\n },\n sec1: {\n borderRadius: \"10px\",\n backgroundColor: \"#fff\",\n padding: theme.spacing(5),\n boxShadow: \"0px 1px 4px #0000001A\",\n },\n}));\n\nfunction SpecialistEquip(props) {\n const classes = useStyles();\n const theme = useTheme();\n const [isEdit, setIsEdit] = useState(false);\n const { handleClose, action, workshop_id = { workshop_id }, orderState, currentSelection, getWorkshopEquipment } = props;\n\n const GetInfoCard = (props) => {\n const classes = useStyles();\n const theme = useTheme();\n\n return (\n \n \n \n \n \n \n \n Specialist Equipment\n \n \n {orderState != \"Closed\" && props?.permission.write && !currentSelection?.purchased &&\n setIsEdit(true)}>\n }\n \n \n\n \n\n {isEdit && (\n setIsEdit(false)}\n closeHandler={handleClose}\n getWorkshopEquipment={getWorkshopEquipment}\n />\n )}\n
\n );\n}\n\nexport default SpecialistEquip;\n","import React, { useContext, useEffect, useReducer, useState } from \"react\";\nimport {\n Grid,\n Typography,\n makeStyles,\n FormControl,\n Select,\n InputBase,\n MenuItem,\n} from \"@material-ui/core\";\nimport clxc from \"clsx\";\nimport SearchBarWithFilters from \"components/search_with_filters\";\nimport MaterialTable from \"material-table\";\nimport tableIcons, { options } from \"components/universal/table_attributes\";\nimport TableAction from \"actions/table_actions\";\nimport tableReducer, { INITIAL_TABLE_STATE } from \"reducers/table_reducer\";\nimport MROButton from \"components/buttons\";\nimport useDebounce from \"lib/utils/debounce\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport AddSpecialistEquipment from \"./SpecialistEquipment/AddSpecialistEquipment\";\nimport SpecialistEquip from \"./SpecialistEquipment/SpecialistEquip\";\nimport { formatDate } from \"lib/utils/common_utils\";\n\nconst useStyles = makeStyles(() => ({\n root: {\n height: \"100%\",\n width: \"100%\",\n \"& .MuiOutlinedInput-multiline\": {\n minHeight: \"89px\",\n },\n\n \"& textarea::placeholder\": {\n textTransform: \"none !important\",\n },\n\n \"& form\": {\n height: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n },\n bold: {\n fontWeight: 600,\n },\n },\n title: {\n fontSize: \"17px\",\n marginTop: \"10px\",\n marginBottom: \"10px\",\n marginRight: \"20px\",\n },\n title2: {\n fontSize: \"20px\",\n margin: \"20px 20px 10px 0px\",\n },\n\n StockInfoDrawer: {\n \"& > div[aria-hidden='true']\": {\n visibility: \"hidden !important\",\n },\n },\n pendEo: {\n borderColor: \"#4D4F5C\",\n borderRadius: \"7px\",\n minWidth: \"20px\",\n height: \"30px\",\n backgroundColor: \"red\",\n },\n booked: {\n borderColor: \"#4FC605\",\n borderRadius: \"7px\",\n minWidth: \"20px\",\n height: \"30px\",\n backgroundColor: \"#FFB300\",\n },\n received: {\n borderColor: \"#4FC605\",\n borderRadius: \"7px\",\n minWidth: \"20px\",\n height: \"30px\",\n backgroundColor: \"#4FC605\",\n },\n cancelled: {\n borderColor: \"#4FC605\",\n borderRadius: \"7px\",\n minWidth: \"20px\",\n height: \"30px\",\n backgroundColor: \"#4FC605\",\n },\n rejected: {\n borderColor: \"#4FC605\",\n borderRadius: \"7px\",\n minWidth: \"20px\",\n height: \"30px\",\n backgroundColor: \"red\",\n }\n}));\n\nfunction EquipmentServices(props) {\n const classes = useStyles();\n const { workshop_id, dependencies, orderState,baseId} = props;\n const message = useContext(ToastMessageContext);\n const [tableState, dispatch] = useReducer(tableReducer, INITIAL_TABLE_STATE);\n const { page, totalCount, pageSize, inProgress, data } = tableState;\n const [searchText, setSearchText] = useState(\"\");\n const debouncedVal = useDebounce(searchText);\n const [action, setAction] = useState(null);\n const [filters, setFilters] = useState({});\n const [currentSelection, setCurrentSelection] = useState({});\n\n useEffect(() => {\n getWorkshopEquipment();\n }, [page, pageSize, debouncedVal, filters]);\n\n const getWorkshopEquipment = () => {\n const params = {\n search_keyword: debouncedVal,\n page: page + 1,\n id: workshop_id,\n count_per_page: pageSize,\n ...filters,\n };\n TableAction.getList(dispatch, message, params, \"getWorkshopEquipment\");\n };\n\n const tableOptions = {\n ...options,\n page: page,\n search: false,\n total: totalCount,\n pageSize: pageSize,\n searchText: searchText,\n toolbar: false,\n };\n\n const renderDescription = (rowData) => {\n return rowData?.description?.slice(0, 99)\n }\n\n const columnConfig = [\n {\n title: \"\",\n field: \"id\",\n width: \"3%\",\n render: () => ,\n },\n {\n title: \"Action #\",\n field: \"workshop_action_number\",\n headerStyle: {\n textAlign: \"center\",\n width: \"10%\",\n },\n cellStyle: {\n textAlign: \"center\",\n width: \"10%\"\n },\n },\n {\n title: \"Description\",\n field: \"description\",\n headerStyle: {\n textAlign: \"left\",\n width: \"30%\",\n },\n cellStyle: {\n textAlign: \"left\",\n width: \"30%\",\n },\n render: (rowData) => renderDescription(rowData)\n },\n {\n title: \"Needed\",\n headerStyle: {\n textAlign: \"center\",\n },\n cellStyle: {\n textAlign: \"center\",\n },\n render: (rowData) => formatDate(rowData?.desired_date)\n },\n {\n title: \"Days\",\n field: \"duration\",\n headerStyle: {\n textAlign: \"center\",\n },\n cellStyle: {\n textAlign: \"center\",\n },\n },\n {\n title: \"E/Order #\",\n field: \"order_number\",\n headerStyle: {\n textAlign: \"center\",\n },\n },\n {\n title: \"Planned\",\n headerStyle: {\n textAlign: \"center\",\n },\n render: (rowData) => formatDate(rowData?.planned_date)\n },\n {\n title: \"Status\",\n render: (rowData) => {\n if (rowData?.state === \"open\" && rowData?.approval_state === false) {\n return (\n \n \n \n Details\n \n\n \n \n \n \n \n \n \n\n \n \n Description\n \n\n \n\n {currentSelection.description}\n \n \n\n \n \n Purchasing Details\n \n\n \n \n \n \n \n \n \n \n \n Closure\n \n\n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {action && (\n
\n\n {\n \n {\n setClickedTabId(newValue);\n setState((ps) => ({\n ...ps,\n shouldShowWarning: true,\n handleConfirm: () => setCurrentTab(newValue),\n showToastMessage: true,\n editTabStatus: EdtabStatus ? true : false\n }));\n }\n : setCurrentTab\n }\n />\n {\n
\n }\n\n {/* This will triger if user either try to change the tab or go back. */}\n {/* There are two implimentation of the same functionality becuase the react-router-dom will not able to\n notice the change of dialog becuase the dialogs are not opening with help of routing or any route.\n */}\n {state.tab !== \"induction\" &&\n state.tab !== \"planning\" &&\n state.tab === \"quote\" &&\n state.shouldShowWarning &&\n !state.editTabStatus &&\n state.isEditing ? (\n \n \n {currentTab === 2815 && workshopOrderDetails.quotation !== 0 && (\n setAction(null)}\n tabStatus={workshopOrderDetails.certification === 3}\n orderStateNum={orderStateNum}\n getWorkshopOrderDetails={getWorkshopOrderDetails}\n getMaintenanceOrderList={getMaintenanceOrderList}\n permission={props?.permission}\n />\n )}\n {currentTab === 2838 &&\n \n
\n \n setShow(!show)}\n name=\"show_not_approved_items\"\n />\n }\n label={{\"Add Mechanic / Technician (non LAE) Man-Hours ?\"}}\n labelPlacement=\"start\"\n name={\"show_not_ready_items\"}\n />\n
\n {show &&\n \n\n {files?.length || defaultValue?.length || showBorderOnNoFiles ?\n
\n );\n}\n\nexport default SignatureFile;\n","import React, { useContext, useState } from \"react\";\nimport { Box, Typography } from \"@material-ui/core\";\nimport MRODialog from \"components/MRODialog\";\nimport ServiceRequestListClientServices from \"lib/services/api/procurement/Services\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\n\nfunction WarningDialog(props) {\n // const message = useContext(ToastMessageContext)\n const { action, handleClose, title, description,titleColor, handleConfirm, hideYesButton, btnTitle} = props;\n const [busy, setBusy] = useState(null)\n\n return (\n \n {showBorderOnNoFiles && !defaultValue?.length && !files?.length && (\n \n No Signature found\n \n )}\n
\n : null}\n - \n {defaultValue?.length\n ? defaultValue?.map((file, index) => {\n const fileName = file.filename;\n // const objectUrl = URL.createObjectURL(file);\n // let uploadImage = objectUrl;\n let uploadImage = \"\";\n\n const fileExtension = file?.filename?.split(\".\")[1];\n if (\n [\"jpg\", \"jpeg\", \"png\"].includes(\n fileExtension?.toLowerCase()\n )\n )\n uploadImage = `${APIUrl ?? BASE_API_URL_BOXR}${file?.url}`\n return (\n
\n \n\n {/* {fileName} */}\n
\n \n );\n })\n : null}\n \n \n
\n )\n}\n\n\nexport default EstimationHistory\n\n","module.exports = \"data:image/png;base64,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\"","import WorkOrderTemplateService from \"../../../lib/services/api/admin/line/work_order_builder_client\";\n\nexport const WORK_ORDER_ACTIONS = {\n UPDATE_SECTION_STATUS: 'update_section_status',\n UPDATE_SECTION_FIELD_STATUS: 'update_section_field_status',\n TOGGLE_LOADING: 'toggle_loading',\n TOGGLE_SECTION_LOADING: 'toggle_section_loading',\n SET_ERROR: 'set_error',\n SET_TEMPLATE_CATEGORIES: 'set_template_categories',\n SET_TEMPLATE_SECTION_DETAILS: 'set_template_section_details',\n SET_CURRENT_CATEGORY: 'current_category',\n}\n\nexport function updateSectionStatus(dispatch, message, formData) {\n WorkOrderTemplateService.updateSectionStatus(formData).then((res) => {\n if (res.success) {\n dispatch({ type: WORK_ORDER_ACTIONS.UPDATE_SECTION_STATUS, response: formData });\n message.showToastMessage({ message: \"Section updated successfully\", variant: \"success\" })\n }\n else {\n dispatch({ type: WORK_ORDER_ACTIONS.SET_ERROR, response: res });\n message.showToastMessage({ message: res.errors ? res.errors.join(', ') : \"Couldn't update status.Retry again!\", variant: \"error\" })\n }\n }).catch((e) => {\n message.showToastMessage({ message: e.message || \"Couldn't update status.Retry again!\", variant: \"error\" })\n dispatch({ type: WORK_ORDER_ACTIONS.SET_ERROR, response: e.message });\n })\n}\n\nexport function updateSectionStatusAll(dispatch, message, formData, cb = () => { }) {\n return WorkOrderTemplateService.updateSectionStatusAll(formData).then((res) => {\n if (res.success) {\n dispatch({ type: WORK_ORDER_ACTIONS.UPDATE_SECTION_STATUS, response: formData });\n message.showToastMessage({ message: \"Section updated successfully\", variant: \"success\" })\n cb && cb()\n }\n else {\n dispatch({ type: WORK_ORDER_ACTIONS.SET_ERROR, response: res });\n message.showToastMessage({ message: res.errors ? res.errors.join(', ') : \"Couldn't update status.Retry again!\", variant: \"error\" })\n }\n }).catch((e) => {\n message.showToastMessage({ message: e.message || \"Couldn't update status.Retry again!\", variant: \"error\" })\n dispatch({ type: WORK_ORDER_ACTIONS.SET_ERROR, response: e.message });\n })\n}\n\nexport function updateSectionFieldStatus(dispatch, message, formData, handleSuccess) {\n WorkOrderTemplateService.updateFieldStatus(formData).then((res) => {\n if (res.success) {\n dispatch({ type: WORK_ORDER_ACTIONS.UPDATE_SECTION_FIELD_STATUS, response: res });\n message.showToastMessage({ message: \"Status updated successfully\", variant: \"success\" })\n handleSuccess && handleSuccess();\n }\n else {\n dispatch({ type: WORK_ORDER_ACTIONS.SET_ERROR, response: res });\n message.showToastMessage({ message: res.errors ? res.errors.join(', ') : \"Couldn't update status.Retry again!\", variant: \"error\" })\n }\n }).catch((e) => {\n dispatch({ type: WORK_ORDER_ACTIONS.SET_ERROR, response: e.message });\n message.showToastMessage({ message: e.message || \"Couldn't update status.Retry again!\", variant: \"error\" })\n })\n}\n\nexport function getSectionsOfTemplate(dispatch, message, formData, cb = () => { }, noLoader) {\n !noLoader && dispatch({ type: WORK_ORDER_ACTIONS.TOGGLE_LOADING });\n WorkOrderTemplateService.getSectionsOfTemplate(formData).then((res) => {\n if (res.success) {\n dispatch({ type: WORK_ORDER_ACTIONS.SET_TEMPLATE_CATEGORIES, response: res.section_list });\n cb && cb()\n }\n else {\n dispatch({ type: WORK_ORDER_ACTIONS.TOGGLE_LOADING });\n }\n }).catch((e) => {\n dispatch({ type: WORK_ORDER_ACTIONS.TOGGLE_LOADING });\n message.showToastMessage({ message: e.message || \"Something went wrong. Try again!\", variant: \"error\" })\n })\n}\n\nexport function getSectionDetailsOfTemplate(dispatch, message, formData) {\n dispatch({ type: WORK_ORDER_ACTIONS.TOGGLE_SECTION_LOADING });\n WorkOrderTemplateService.getSectionsDetailsOfTemplate(formData).then((res) => {\n if (res.success) {\n dispatch({ type: WORK_ORDER_ACTIONS.SET_TEMPLATE_SECTION_DETAILS, response: (res.section_list && res.section_list.sub_sections) ? res.section_list.sub_sections : [] })\n }\n else {\n dispatch({ type: WORK_ORDER_ACTIONS.TOGGLE_SECTION_LOADING });\n }\n }).catch((e) => {\n dispatch({ type: WORK_ORDER_ACTIONS.TOGGLE_SECTION_LOADING });\n message.showToastMessage({ message: e.message || \"Something went wrong. Try again!\", variant: \"error\" })\n })\n}\n\n\nexport function setCurrentCategory(dispatch, category) {\n dispatch({ type: WORK_ORDER_ACTIONS.SET_CURRENT_CATEGORY, response: category });\n}\n\nconst WorkOrderAction = {\n getSectionDetailsOfTemplate,\n updateSectionStatus, updateSectionStatusAll,\n updateSectionFieldStatus,\n getSectionsOfTemplate,\n setCurrentCategory,\n}\nexport default WorkOrderAction;\n","\nimport React, { useState, useContext, useEffect } from \"react\";\nimport MROFullScreenRightDrawer from \"components/fullwidth_dialog\";\nimport {\n AppBar,\n IconButton,\n Toolbar,\n makeStyles,\n Typography,\n Box,\n ButtonGroup,\n MenuItem,\n Select,\n InputBase,\n FormControl,\n} from \"@material-ui/core\";\nimport BackIcon from \"@material-ui/icons/KeyboardBackspace\";\nimport { Visibility as ViewIcon } from \"@material-ui/icons\";\nimport TouchAppIcon from \"@material-ui/icons/TouchApp\";\nimport MaterialTable from \"material-table\";\nimport tableIcons, { options } from \"components/universal/table_attributes\";\nimport { CommercialServices } from \"lib/services/api/operaitons/WorkShop/TaskLibrary/commercial\";\nimport { _formatDate, format24HrDateOnly, getOrganisationId } from \"lib/utils/common_utils\";\nimport { ICON_COLOUR } from \"lib/constants/style_constants\";\nimport PriceBreaks from \"../../QuotePopUp/PriceBreaks\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport { MaintenanceServices } from \"lib/services/api/operaitons/WorkShop/TaskLibrary/Maintenance/maintenance_operation\";\n\nconst useStyles = makeStyles((theme) => ({\n appBar: {\n backgroundColor: \"#fff\",\n color: \"#000000CC\",\n boxShadow: \"0px 3px 6px #0000001A\",\n },\n backButton: {\n marginRight: theme.spacing(2),\n },\n root: { \"& > :first-child\": { position: \"unset\" } },\n wrapper: {\n padding: \"3%\",\n background: \"white\",\n },\n alert: {\n display: \"flex\",\n justifyContent: \"center\",\n }, partKey: {\n fontSize: \"14px\",\n // padding: \"5px\",\n },\n partValue: {\n fontSize: \"14px\",\n color: \"#4D4F5C\",\n padding: \"5px\",\n display: \"flex\",\n alignItems: \"center\",\n },\n\n}));\n\nexport default function Historcial(props) {\n\n\n const { handleClose, currentSelection, checked, onClose, currentWorkshopDetails, setInput, input, name, salesRate, setTatDays, setTatquantity, setStandardId, projectParts, setProjectParts, currentSelectedData, quoteStatus, workshop_order_id } = props\n const classes = useStyles();\n const [loading, setLoading] = useState(false)\n const [orderDetails, setOrderDetails] = useState({})\n const [approvedDetails, setApprovedDetails] = useState([])\n const [costDetails, setCostDetails] = useState([])\n const [action, setAction] = useState(null)\n const [filters, setFilters] = useState({ cost_performance: \"initial\" })\n\n const message = useContext(ToastMessageContext)\n const tableOptions = {\n ...options,\n paging: false,\n search: false,\n toolbar: false\n };\n\n const handleFilterChange = (keyItem, value) => {\n\n setFilters((prevState) => ({ ...prevState, [keyItem]: value }));\n };\n const getDetails = async () => {\n const params = {\n organisation_id: getOrganisationId(),\n show_per_unit_values: checked,\n id: currentSelection?.id,\n ...filters\n\n\n }\n setLoading(true)\n await CommercialServices.getHistoricalJobsDetails(params).then((res) => {\n setOrderDetails(res?.data?.order_details)\n setApprovedDetails(res?.data?.approved_values)\n setCostDetails(res?.data?.cost_performance)\n }).catch(() => {\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n }).finally(() => {\n setLoading(false)\n })\n\n\n\n\n }\n\n useEffect(() => {\n getDetails()\n }, [filters])\n\n\n\n const handleCalculation = (rowData) => {\n let saleRate = +currentWorkshopDetails?.salesRate || +salesRate\n let quantity = +currentWorkshopDetails?.quantity\n const calculateValue = (field) => {\n return rowData?.[field] ? parseFloat((+rowData[field] * quantity) / saleRate).toFixed(2) : \"0\";\n };\n\n const labourValue = calculateValue(\"labour\");\n const partsValue = calculateValue(\"parts\");\n const servicesValue = calculateValue(\"service\");\n const equipmentValue = calculateValue(\"equipment\");\n\n // console.log(\"labour===\", labour, labour / saleRate)\n if (name === \"quote\") {\n if (orderDetails?.workshop_standard_price_id !== null) { setStandardId(orderDetails?.workshop_standard_price_id) }\n setTatquantity(rowData?.tat ? +rowData?.tat : 0)\n\n setInput({\n // tat_days: +input?.tat_days || \"0\",\n labour: +labourValue || \"0\",\n parts: +partsValue || \"0\",\n services: +servicesValue || \"0\",\n equipment: +equipmentValue || \"0\",\n aog_fee: +input?.aog_fee || \"0\",\n });\n onClose()\n }\n else if (name === \"project_lookup\") {\n if (quoteStatus === false) {\n let total = (+labourValue) + (+ partsValue) + (+servicesValue) + (+ equipmentValue)\n let value = projectParts.map((item) => {\n if (item.item === currentSelectedData.item) {\n item.project_parts_labour = labourValue\n item.project_parts_parts = partsValue\n item.project_parts_services = servicesValue\n item.project_parts_equipment = equipmentValue\n item.project_parts_total = total ? parseFloat(total).toFixed(2) : 0.00\n }\n return item\n })\n setProjectParts(value)\n onClose()\n }\n else {\n const formData = new FormData()\n formData.append(\"primary_part_id\", currentSelectedData?.primary_part_id)\n formData.append(\"reportable_type\", \"WorkshopOrder\")\n formData.append(\"reportable_id\", workshop_order_id)\n formData.append(\"type\", \"link\")\n formData.append(\"standard_pricing_id\", rowData?.id)\n\n MaintenanceServices.linkUnlinkWOProjectParts(formData).then((res) => {\n onClose()\n }).catch(() => {\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n })\n }\n }\n else {\n setInput({\n tat_days: +rowData?.tat || \"0\",\n labour_value: +labourValue || \"0\",\n parts_value: +partsValue || \"0\",\n service_value: +servicesValue || \"0\",\n equipment_value: +equipmentValue || \"0\",\n aog_fee: +input?.aog_fee || \"0\",\n });\n onClose()\n // setTatDays(+rowData?.tat)\n }\n\n\n\n\n\n }\n\n\n\n const columns = [\n {\n title: \" \",\n field: \"title\",\n width: '28%',\n headerStyle: {\n width: '28%',\n textAlign: \"left\",\n paddingLeft: \"20px\",\n },\n cellStyle: {\n width: '28%',\n textAlign: \"left\",\n paddingLeft: \"20px\",\n },\n },\n {\n title: \"Quantity\",\n field: \"quantity\" || \"0.00\",\n\n },\n\n {\n title: \"TAT\",\n field: \"tat\" || \"0.00\",\n\n },\n\n {\n title: \"Labour *\",\n field: \"labour\",\n render: (rowData) => {rowData?.labour ? parseFloat(rowData?.labour).toFixed(2) : \"0.00 \"} ,\n },\n {\n title: \"Parts\",\n field: \"parts\" || \"0.00\",\n render: (rowData) => {rowData?.parts ? parseFloat(rowData?.parts).toFixed(2) : \"0.00 \"} ,\n },\n {\n title: \"Services\",\n field: \"service\" || \"0.00\",\n render: (rowData) => {rowData?.service ? parseFloat(rowData?.service).toFixed(2) : \"0.00 \"} ,\n },\n {\n title: \"Equipment\",\n field: \"equipment\" || \"0.00\",\n render: (rowData) => {rowData?.equipment ? parseFloat(rowData?.equipment).toFixed(2) : \"0.00 \"} ,\n },\n {\n title: \"Other\",\n field: \"aog_fee\" || \"0.00\"\n },\n {\n title: \"Total\",\n field: \"total\" || \"0.00\",\n render: (rowData) => {rowData?.total ? parseFloat(rowData?.total).toFixed(2) : \"0.00 \"} ,\n },\n {\n title: \"Currency\",\n field: \"currency\",\n },\n {\n title: \"Action\",\n render: (rowData) => (\n \n \n History\n \n\n \n \n
\n \n\n \n\n\n Order Details \n\n\n Approval Values \n\n\n Cost Performance \n\n\n setAction(null)}\n workshop_order_id={orderDetails?.workshop_order_id}\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 { setAction(\"price_breaks\") }} style={{ textDecoration: 'underline' }}>{orderDetails?.price_breaks} : \"\"}\n\n />\n\n
\n \n {\n if (orderDetails?.workshop_report.length > 0) {\n window.open(orderDetails?.workshop_report[0]?.file_path)\n }\n else {\n message.showToastMessage({\n message: \"No Report Found !\",\n variant: \"error\",\n });\n }\n\n }}\n style={{ cursor: \"pointer\" }}\n fontSize=\"small\"\n htmlColor={ICON_COLOUR}\n />}\n />\n {\n if (orderDetails?.commercial_report.length > 0) {\n\n window.open(orderDetails?.commercial_report[0]?.file_path)\n }\n else {\n message.showToastMessage({\n message: \"No Report Found !\",\n variant: \"error\",\n });\n }\n\n }}\n style={{ cursor: \"pointer\" }}\n fontSize=\"small\"\n htmlColor={ICON_COLOUR}\n />}\n />\n
\n \n
\n \n
\n {action === \"price_breaks\" &&\n \n //
\n // );\n // }\n\n const column4 = [\n {\n title: \"Order #\",\n field: \"title\",\n width: \"60.6%\",\n headerStyle: {\n width: \"60.6%\",\n textAlign: \"left\",\n paddingLeft: '80px'\n },\n cellStyle: {\n width: \"60.6%\",\n textAlign: \"left\",\n paddingLeft: '80px'\n },\n },\n\n\n\n {\n title: \"Value\",\n field: \"value\",\n width: \"8%\",\n headerStyle: {\n width: \"8%\",\n textAlign: \"left\",\n paddingLeft: '23px'\n },\n cellStyle: {\n width: \"8%\",\n textAlign: \"left\",\n paddingLeft: '23px'\n },\n },\n {\n title: \"Costs\",\n field: \"costs\",\n\n width: \"8%\",\n headerStyle: {\n width: \"8%\",\n textAlign: \"left\",\n paddingLeft: '14px'\n },\n cellStyle: {\n width: \"8%\",\n textAlign: \"left\",\n paddingLeft: '14px'\n },\n },\n {\n title: \"Margin %\",\n field: \"margin\",\n\n width: \"8%\",\n headerStyle: {\n width: \"8%\",\n textAlign: \"left\",\n paddingLeft: '14px'\n },\n cellStyle: {\n width: \"8%\",\n textAlign: \"left\",\n paddingLeft: '14px'\n },\n },\n {\n title: \"Action\",\n field: \" \",\n width: \"20.85%\",\n\n headerStyle: {\n width: \"20.85%\",\n textAlign: \"left\",\n paddingLeft: '15px'\n },\n cellStyle: {\n width: \"20.85%\",\n textAlign: \"left\",\n paddingLeft: '15px'\n },\n },\n\n\n\n\n ];\n\n return (\n \n\n\n Search Part \n\n \n \n \n \n \n\n \n \n\n\n\n \n \n \n Attention! All pricing data is shown in the system default currency per unit (qty 1). On selection the relevant quantity based values will pulled into the current job in the Customer’s currency\n \n \n\n Standard Pricing \n\n\n Historic Jobs \n\n\n setAction(null)} currentSelection={currentSelection} checked={checked} currentWorkshopDetails={currentWorkshopDetails} setInput={setInput} input={input} onClose={handleClose} name={name} salesRate={salesRate} setTatquantity={setTatquantity} setStandardId={setStandardId} setTatDays={setTatDays} projectParts={projectParts} setProjectParts={setProjectParts} currentSelectedData={currentSelectedData} quoteStatus={quoteStatus} workshop_order_id={workshop_order_id} />}\n\n\n
\n\n\n\n \n {\n setPage(page);\n }}\n onChangeRowsPerPage={(pageSize) => {\n setPageSize(pageSize);\n }}\n totalCount={totalCount}\n page={page}\n />\n
\n {name !== \"accounts\" && <>\n \n {\n setPages(page);\n }}\n onChangeRowsPerPage={(pageSize) => {\n setPageSizes(pageSize);\n }}\n totalCount={totalCounts}\n page={pages}\n actions={[\n {\n icon: () => (\n setChecked(e.target.checked)}\n // name=\"revision_controlled\"\n />\n }\n label=\"Show per unit values\"\n labelPlacement=\"start\"\n name=\"\"\n />\n ),\n tooltip: \"\",\n isFreeAction: true,\n\n },\n ]}\n detailPanel={[\n {\n render: rowData => {\n let data = rowData?.child || []\n if (data.length === 0) {\n return (\n
}\n\n\n {action && action === \"view\" && \n No child data available. \n
\n );\n }\n return (\n \n ({\n ...col,\n render: (rowData) => rowData[col.field] ? rowData[col.field] : '' // Prevent empty values\n }))}\n // columns={column4}\n data={data || []}\n // isLoading={loading}\n options={{\n ...options,\n toolbar: false,\n paging: false,\n header: false,\n\n }}\n />\n\n\n
)\n\n\n }\n\n\n\n }\n\n\n\n ]}\n />\n \n \n \n\n {loading && _.isEmpty(popUpData) ? (\n \n \n \n \n \n {popUpData.work_order_number} \n {popUpData.iata_code} \n \n \n {popUpData.stamp_number ? popUpData.stamp_number : '-'} \n User \n \n\n \n {popUpData.line_customer\n ? popUpData.line_customer : '-'} \n Airline \n \n \n {popUpData.aircraft_registration ? popUpData?.aircraft_registration\n : '-'} \n Aircraft Reg \n \n \n {\n popUpData.type_name ? popUpData?.type_name\n : '-'} \n Aircraft Type \n \n \n \n \n
\n {/*Arrival Grid */}\n\n \n \n \n {/* 
*/}\n\n Arrival \n \n\n \n {popUpData.station ? popUpData.station : '-'} \n Base \n \n \n {popUpData.tlp ? popUpData.tlp : '-'} \n TLP \n \n \n {popUpData.arr_flight ? popUpData.arr_flight : '-'} \n Flight \n \n \n {popUpData.est_arr_date ? formatDateWithHrMin(popUpData.est_arr_date) : '-'} \n Estimated \n \n \n {popUpData.aircraft_arrival_date ? formatDateWithHrMin(popUpData.aircraft_arrival_date) : '-'} \n Actual \n \n \n {popUpData.delay_in ? popUpData.delay_in.replace(\"-\", \"\") : \"-\"} \n Delay \n \n \n\n\n \n \n\n
\n {/**Servicing */}\n\n\n\n \n \n \n Servicing \n\n \n\n \n {popUpData.oil_quarts ? popUpData.oil_quarts : '-'} \n Oil \n \n \n {popUpData.hyd_quarts ? popUpData.hyd_quarts : '-'} \n Hyds \n \n \n {popUpData.nitrogen_value ? popUpData.nitrogen_value : '-'} \n N/O2 Top Ups \n \n\n \n {popUpData.changed_wheels ? popUpData.changed_wheels : '-'} \n N/Whl Change \n \n {/* \n 0 \n Fuel \n */}\n \n\n\n \n \n
\n {/**Maintenance */}\n\n\n \n \n \n Maintenance \n \n \n \n {scheduleChecks.length !== 0 && scheduleChecks !== null || undefined ? scheduleChecks.map((item, index) => ({item}{index < scheduleChecks.length - 1 ? \", \" : \"\"})) :\n -}\n Scheduled Checks \n\n\n \n\n \n Maintenance Tasks \n Total Hours: \n {totalManHours ? totalManHours : 0}\n \n\n\n }\n options={tableOptions}\n data={maintTask || []}\n columns={columns}\n isLoading={loading}\n editable={props?.permission?.write &&\n {\n onRowUpdate: (newData, oldData) =>\n new Promise((resolve, reject) => {\n handleUpdate(newData, oldData)\n resolve();\n }),\n }\n }\n\n\n onChangePage={(page) => {\n TableAction.setPage(dispatch, page);\n }}\n onChangeRowsPerPage={(pageSize) => {\n setPageSize(pageSize);\n }}\n page={page}\n totalCount={totalCount}\n />\n\n \n \n\n \n \n \n\n\n \n \n\n\n
\n\n \n \n \n Parts \n \n \n\n \n\n {\n setPage1(page);\n }}\n onChangeRowsPerPage={(pageSize) => {\n setPageSize1(pageSize);\n }}\n page={page1}\n totalCount={totalCount1}\n />\n\n \n \n\n \n \n \n\n\n \n \n\n
\n\n\n {/* Tools*/}\n\n\n \n \n \n Tools \n \n \n\n \n\n {\n setPage2(page);\n }}\n onChangeRowsPerPage={(pageSize) => {\n setPageSize2(pageSize);\n }}\n page={page2}\n totalCount={totalCount2}\n />\n\n \n \n\n \n \n \n\n\n \n \n\n
\n {/**D/Defects */}\n\n\n {/*\n \n \n \n D/Defects \n \n \n 6 \n In \n \n \n 1 \n Raised \n \n \n 3 \n Cleared \n \n \n 4 \n Out \n \n\n \n\n\n \n \n
*/}\n {/**Handling */}\n\n\n\n \n \n \n Handling \n \n \n {popUpData.towing_man_hours ? popUpData.towing_man_hours : '-'} \n Tows \n \n \n {popUpData.large_steps === \"1\" ? \"Yes\" : \"No\"} \n Large Steps \n \n \n {popUpData.medium_steps === \"1\" ? \"Yes\" : \"No\"} \n Medium Steps \n \n\n \n {popUpData.gnd_equip_value === \"1\" ? \"Yes\" : \"No\"} \n APU Access Stand \n \n \n {popUpData.high_lift_equip_value ? popUpData.high_lift_equip_value : '-'} \n High Lift (Hrs) \n \n \n {popUpData.wheel_change_kit ? popUpData.wheel_change_kit : '-'} \n Wheel Change Kit \n \n \n {popUpData.brake_fan ? popUpData.brake_fan : '-'} \n Brake Fan \n \n \n\n\n\n \n \n
\n {/**Departure */}\n\n \n \n \n Departure \n \n \n {popUpData.dep_flight ? popUpData.dep_flight : '-'} \n Flight \n \n \n {popUpData.est_dep_date ? formatDateWithHrMin(popUpData.est_dep_date) : '-'} \n Estimated \n \n \n {popUpData.act_dep_date ? formatDateWithHrMin(popUpData.act_dep_date) : '-'} \n Actual \n \n \n {popUpData.gnd_time ? formatToMins(popUpData.gnd_time) : \"-\"} \n Gnd Time \n \n \n {popUpData.delay_time ? popUpData.delay_time.replace(\"-\", \"\") : \"-\"} \n Delay \n \n \n {popUpData.delay_code ? popUpData.delay_code : \"-\"} \n Code \n \n \n\n\n \n \n
\n {/**Records */}\n\n\n \n \n \n Records \n \n \n {records.length === 0 ? No files found : records.map((items, index) => {\n\n const fileType = items.file_name.split(\".\")[1];\n\n let logo = pdfLogo;\n if (fileType === \"jpg\") {\n logo = jpgLogo;\n }\n return (\n \n \n \n\n\n \n \n
\n\n\n\n \n \n \n Verification \n \n \n {popUpData.verified === false ? \"NOT verified\" : popUpData.verified === true ? \"Verified\" : \"-\"} \n State \n \n \n {popUpData.verify_user_stamp ? popUpData.verify_user_stamp : '-'} \n User \n \n \n {popUpData.verify_datetime ? formatDateWithHrMin(popUpData.verify_datetime) : \"-\"} \n Verified \n \n {(props?.permission?.read || !props?.permission?.read) && !props?.permission?.write ? \"\" : props?.permission?.write && <>\n \n \n {\n handleAdd(e);\n\n }}> \n \n \n \n \n {\n event.stopPropagation();\n VerifyState(selectedRowDetails);\n }}> \n \n \n \n \n {\n handleClick(e);\n\n }}> \n \n }\n \n\n \n\n \n
\n
\n {open &&\n Send Options \n {options1.map((option) => {\n\n return (\n {\n handleOption(option);\n }}\n >\n {option}\n \n );\n })}\n\n\n\n }\n {open1 && \n Add Options \n {(popUpData?.part_type_name !== \"non_managed_part\" ? options2 : options3).map((option) => {\n\n return (\n {\n handlePartsOptions(option);\n }}\n >\n {option === \"Parts\" ? \"Parts & Consumables\" : option}\n \n );\n })}\n\n\n\n }\n }\n \n\n \n {action && (action === \"techlog\" || action === \"cabintask\") && {\n setAction(null)\n getDetails()\n }}\n lineCustomerId={popUpData?.line_customer_id}\n />}\n {action && action === \"tools\" &&\n\n {\n setAction(null)\n getToolingDetails()\n }}\n workOrderId={selectedRowDetails}\n lineCustomerId={popUpData?.line_customer_id}\n />}\n {action && action === \"parts\" &&\n\n {\n setAction(null)\n getList()\n }}\n workOrderId={selectedRowDetails}\n lineCustomerId={popUpData?.line_customer_id}\n popUpData={popUpData}\n />}\n {action && action === \"checks\" &&\n\n {\n setAction(null)\n getDetails()\n }}\n currentSelection={currentSelections}\n />} {action && action === \"handle\" &&\n\n {\n setAction(null)\n getDetails()\n }}\n currentSelection={currentSelections}\n />}\n\n
\n )\n}\n\nexport default DetailsPopUp\n\n\nconst useStyles = makeStyles((theme) =>\n createStyles({\n modal: {\n \"& .MuiDialog-paperWidthSm\": {\n minWidth: \"900px\",\n // height: \"110vh\"\n },\n },\n\n bodyText: {\n fontSize: 20,\n lineHeight: \"28px\",\n textAlign: 'center',\n marginTop: '25px'\n },\n\n org1: {\n background: alpha(theme.palette.primary.main, 0.20),\n\n },\n gtcdc: {\n borderRight: '1px solid transparent',\n textAlign: 'center',\n fontWeight: 600,\n color: theme.palette.primary.main\n },\n leftContent: {\n textAlign: 'center', paddingTop: '7px'\n },\n firstColumn: {\n\n paddingLeft: '17px',\n\n },\n\n headingText: {\n fontSize: '12px',\n paddingTop: '10px'\n },\n\n orderText: {\n fontSize: '10px',\n color: theme.palette.primary.main\n\n },\n maintenanceSettings: {\n display: ' flex',\n justifyContent: 'center',\n flexDirection: \"column\",\n\n alignItems: 'center'\n },\n textPrimary: {\n color: theme.palette.primary.main,\n fontSize: '15px'\n },\n textPrimary1: {\n color: theme.palette.primary.main,\n fontSize: '14px'\n },\n filePreviewContainer: {\n display: 'inline-block',\n maxWidth: \"100px\",\n marginRight: \"30px\",\n paddingTop: '10px',\n paddingLeft: '10px'\n },\n\n logo: {\n height: \"50px\",\n },\n orderText1: {\n fontSize: '14px',\n fontWeight: 600\n\n },\n })\n);\n","import React, { useEffect, useState } from \"react\";\nimport Dialog from \"@material-ui/core/Dialog\";\nimport { makeStyles } from \"lib/utils/common_utils\";\nimport { Typography } from \"@material-ui/core\";\n\nimport pdfLogo from \"../../../../assets/pdf.png\";\nimport jpgLogo from \"../../../../assets/jpg.png\";\n\nimport PartsClientServices from \"../../../../lib/services/api/stores/tooling/parts_client\";\nimport { BASE_API_URL_BOXR } from \"lib/constants\";\n\nconst useStyles = makeStyles((theme) => ({\n fileContainer: {\n width: \"640px\",\n border: `1px solid ${theme.palette.primary.main}`,\n borderRadius: \"15px\",\n display: \"flex\",\n alignItems: \"center\",\n padding: \"10px\",\n minHeight: \"132px\",\n overflowX: \"scroll\",\n },\n\n filePreviewContainer: {\n maxWidth: \"130px\",\n marginRight: \"30px\",\n },\n\n logo: {\n height: \"76px\",\n },\n\n certDialog: {\n \"& .MuiDialog-paper\": {\n boxShadow: \"0px 3px 6px #00000029\",\n position: \"absolute\",\n left: \"calc(50% - 250px)\",\n },\n },\n}));\n\nexport default function CertificatePopup(props) {\n const classes = useStyles();\n\n const { open, dialogCloseHandler, selectedSecondaryPartId, title, msds } =\n props;\n\n const [files, setFiles] = useState([]);\n\n const handleClose = () => {\n dialogCloseHandler();\n };\n\n useEffect(() => {\n if (msds) {\n setFiles(msds);\n return;\n }\n if (selectedSecondaryPartId) {\n PartsClientServices.fetchMaterialCertificates(selectedSecondaryPartId)\n .then((res) => setFiles(res.data))\n .catch((err) => console.log(err));\n }\n }, [selectedSecondaryPartId, msds]);\n\n return (\n \n {/*Arrival Grid */}\n
\n {/**Servicing */}\n\n\n
\n {/**Maintenance */}\n\n
\n
\n\n\n {/* Tools*/}\n\n
\n {/**D/Defects */}\n\n\n {/*
*/}\n {/**Handling */}\n\n\n
\n {/**Departure */}\n
\n {/**Records */}\n\n
\n 
\n \n {items.file_name}\n \n
\n \n );\n })}\n \n\n\n
\n
\n {open &&
\n \n
\n );\n}\n","import React from \"react\";\n\nconst Maintenance = ({ fill }) => (\n \n)\n\nexport default Maintenance","import React from \"react\"\n\nconst Handling = ({ fill }) => (\n \n)\nexport default Handling","import React from \"react\"\n\nconst Departure = ({ fill }) =>\n()\n\n\nexport default Departure","import React from \"react\"\n\nconst Records = ({ fill }) => (\n \n)\n\nexport default Records","import React from \"react\"\n\n\n\nconst Parts = ({ fill }) => (\n \n\n)\nexport default Parts","import React from \"react\"\n\n\n\nconst Tools = ({ fill }) => (\n \n)\nexport default Tools","import React from \"react\";\n\n\nconst landingIcon = ({ fill }) => ()\nexport default landingIcon;\n\n","import React from \"react\";\n\nconst Servicing = ({ fill }) => ()\n\nexport default Servicing","import React from \"react\"\n\nconst ResendEmail = ({ fill }) => ()\n\n\nexport default ResendEmail\n","import { Grid, makeStyles, Box, Typography, InputAdornment, MenuItem, IconButton, Divider } from '@material-ui/core'\nimport ManageDataDialog from 'components/form_components/manage_data_dialog'\nimport MROTextField from 'components/form_components/TextField'\nimport React, { useEffect, useState, useCallback, useReducer, useContext } from 'react'\nimport ToggleButton from \"@material-ui/lab/ToggleButton\";\nimport ToggleButtonGroup from \"@material-ui/lab/ToggleButtonGroup\";\nimport { Autocomplete } from '@material-ui/lab';\nimport QuantityCounter from 'components/quantity_counter';\nimport CopyParts from 'assets/copyparts.png'\nimport DataService from 'lib/services/api';\nimport { WorkOrderServices } from 'lib/services/api/operaitons/lineMaintenance/workOrder/workOrder';\nimport PartsClientServices from \"lib/services/api/stores/tooling/parts_client\";\nimport { MRO_MANAGED_PART, MRO_NON_MANAGED_PART, MRO_REQUEST_PART } from \"../../../../constants\";\nimport { ToastMessageContext } from 'lib/contexts/message_context';\nimport dataReducer, { INITIAL_DATA_STATE } from 'reducers/data_reducer';\nimport { getOrganisationId } from 'lib/utils/common_utils';\n\n\n\n\nconst useStyles = makeStyles((theme) => ({\n error: {\n borderColor: \"#ff0056\",\n borderWidth: \"1px\",\n borderStyle: \"solid\",\n margin: \"0px\",\n },\n purchaseInfo2: {\n borderRadius: \"8px\",\n // padding: \"10px 25px\",\n \"& div\": {\n display: \"flex\",\n alignItems: \"center\",\n margin: \"10px 0\",\n fontSize: \"16px\",\n \"& span:first-child\": {\n flex: \"0 0 50%\",\n color: theme.palette.primary.main,\n },\n \"& span:last-child\": {\n color: \"#4D4F5C\",\n },\n },\n },\n\n}));\n\nfunction AddPart(props) {\n const classes = useStyles();\n const { handleClose, action, workOrderId, lineCustomerId, popUpData } = props\n const [loading, setLoading] = useState(false)\n const [busy, setBusy] = useState(false)\n const [quantity, setQuantity] = useState();\n const [batchNumbers, setBatchNumbers] = useState([]);\n const [selectedSecondaryPart, setSelectedSecondaryPart] = useState({});\n const [details, setDetails] = useState(null);\n const [partDetails, setPartDetails] = useState({});\n const [primaryPartData, setPrimaryPartData] = useState([])\n const [primeId, setPrimeId] = useState(null)\n const [selectedSecondaryPartList, setSelectedSecondaryPartList] = useState([])\n const [selectBatch, setSelectBatch] = useState({})\n const [copySelectedPartOff, setCopSelectedpartOff] = useState('')\n const [nonManagedCopyParts, setNonmanagedCopyParts] = useState('')\n const [quantityRemoved, setQuantityRemoved] = useState();\n const [existingQty, setExistingQty] = useState(0);\n const [errors, setErrors] = useState(false);\n const [mroOwned, setMroOwned] = useState(null);\n const [value, setValue] = useState(\"no\");\n const user = JSON.parse(sessionStorage.getItem(\"user\"));\n const [selectedPartBase, setSelectedPartBase] = useState(null);\n const [state, rDispatch] = useReducer(dataReducer, INITIAL_DATA_STATE);\n const message = useContext(ToastMessageContext);\n let selectedPart = ''\n\n\n\n const handleToggle = (name, value) => {\n if (value) {\n setValue(value);\n // handleChange({ name: name, value: value })\n }\n };\n const getDetails = async () => {\n const params = {\n organisation_id: getOrganisationId(),\n batch_number: selectBatch.batch_number,\n };\n try {\n const { data } = await WorkOrderServices.getBatchNumbers(params);\n // console.log(data);\n if (action != \"update\") {\n setExistingQty(data?.quantity)\n }\n setDetails(data);\n } catch (error) {\n console.log(error);\n }\n };\n // console.log(\"primaryPartData is===============\", primeId, details)\n useEffect(() => {\n const { batch_number } = selectedSecondaryPart;\n\n if (batch_number || selectBatch?.batch_number) {\n getDetails();\n }\n }, [selectedSecondaryPart?.batch_number, selectBatch?.batch_number]);\n\n\n const getPrimePartData = async () => {\n if (primaryPartData) {\n PartsClientServices.getAllPartsDependency({}).then((res) => {\n setPrimaryPartData(res.data);\n });\n }\n }\n\n useEffect(() => {\n details && setSelectedPartBase(details?.base);\n }, [details?.base]);\n\n useEffect(() => {\n getPrimePartData()\n }, [primeId])\n\n useEffect(() => {\n const params = {\n id: primeId\n }\n if (primeId) {\n PartsClientServices.getAllSecondaryParts(params).then((res) =>\n setSelectedSecondaryPartList(res.data),\n selectedPart = primeId\n );\n }\n }, [primeId]);\n console.log(\"primarypartData=====\", action)\n // fetching available qty from the database\n useEffect(() => {\n if (action === \"parts\") {\n const params = {\n organisation_id: getOrganisationId(),\n batch_number: selectedSecondaryPart?.batch_number,\n };\n\n DataService.getData(params, \"existingQty\").then((res) => {\n const { unique_part_quantity } = res;\n setExistingQty(unique_part_quantity);\n });\n }\n }, [\n selectedSecondaryPart,\n action,\n setExistingQty,\n ]);\n\n const handleClickCopyParts = () => {\n // console.log(\"primarypartData=====\", partDetails, nonManagedCopyParts)\n\n setCopSelectedpartOff(partDetails?.part_number)\n\n }\n\n const cb = (id = \"\") => {\n props.setCreatedId(id);\n };\n\n // useEffect(() => {\n // // setBusy(\"loading\");\n // LineCustomerServiceNew.getLineCustomerDetails({\n // line_customer_id: lineCustomerId,\n // })\n // .then((res) => {\n // const {\n // line_customer: { part_type },\n // } = res;\n // setMroOwned(part_type);\n // })\n // .catch((err) =>\n // console.log(\"something went wrong from part details\", err)\n // )\n // .finally(() => { }\n\n // );\n // }, []);\n\n\n const handleSubmit = useCallback(\n async (formData) => {\n let error = {};\n let _valid = true;\n let partRemovedData = formData.get(\"part_removed\");\n let removalLocation = formData.get('install_location')\n let description_off = formData.get('description')\n const qty = formData.get(\"quantity\");\n formData.delete(\"part_removed\")\n\n if (partRemovedData === \"yes\") {\n formData.append(\"removal_location\", removalLocation)\n }\n formData.append(\"description_off\", description_off)\n formData.append(\"rotable_removed\", partRemovedData === \"yes\" ? true : false);\n\n\n\n await new Promise((resolve, reject) => {\n resolve(\n (() => {\n for (var pair of formData.entries()) {\n // console.log(\"key-value =>\", pair[0] + ', ' + pair[1]);\n if (\n pair[1] === \"\" &&\n pair[0] !== \"serial_on\" &&\n pair[0] !== \"removal_reason\"\n ) {\n if (pair[0] === \"quantity\") {\n error[pair[0]] = {\n valid: pair[1] === \"\" ? false : true,\n };\n } else if (pair[0] !== \"quantity\") {\n error[pair[0]] = {\n valid: pair[1] === \"\" ? false : true,\n };\n }\n\n _valid = false;\n }\n }\n })()\n );\n });\n\n if (qty !== \"\" &&\n Number(qty) > Number(existingQty)\n ) {\n error = {\n ...error,\n quantity: true,\n qtyMsg: \"Please enter quantity within the available quantity.\",\n };\n _valid = false;\n }\n\n setErrors(error);\n // console.log(\"errorrr\", error, existingQty)\n if (!_valid) {\n return;\n }\n\n\n formData.append(\"user_id\", user?.id);\n formData.append(\"base_station\", selectedPartBase);\n formData.append(\"reportable_id\", workOrderId);\n formData.append(\"reportable_type\", \"WorkOrder\");\n\n if (partRemovedData === \"no\") {\n formData.append(\"part_off\", \"\");\n formData.append(\"serial_off\", \"\");\n formData.append(\"removal_location\", \"\");\n formData.append(\"removal_reason\", \"\");\n }\n\n\n\n\n\n setLoading(true);\n\n DataService.updateData(formData, \"\", \"managedPart\")\n .then((response) => {\n if (response.success) {\n\n }\n else if (!response.success) {\n message.showToastMessage({ message: response.errors ? response.errors.join(', ') : \"Something went wrong. Try again\", variant: \"error\" });\n\n }\n\n handleClose();\n // console.log(\"runing...\", props.getList);\n props.getList();\n\n\n })\n .catch((err) => {\n // console.log(\"from add parts tools\", err);\n })\n .finally(() => {\n setLoading(false)\n // setTableRefresh(false)\n })\n },\n\n\n [selectedPartBase, existingQty]\n );\n\n\n\n\n\n\n\n\n\n\n return (\n \n {title && (\n \n {title}\n \n )}\n
\n \n \n {files.length === 0 ? No files found : files.map((item) => {\n const fileType = item.filename.split(\".\")[1];\n\n let logo = pdfLogo;\n if (fileType === \"jpg\") {\n logo = jpgLogo;\n }\n\n return (\n \n
\n \n \n \n {item.filename}\n \n
\n \n );\n })}\n \n
\n \n Part #\n {partDetails?.part_number ?? \"-\"}\n
\n \n Description\n {partDetails?.description ?? \"-\"}\n
\n Units of Measure\n {partDetails?.units_of_measure ?? \"-\"}\n
\n \n Serial # On\n {partDetails?.serial_number ?? \"-\"}\n
\n \n {\n handleChange(rowData)\n }} name=\"\" />}\n label=\"\"\n />\n\n
\n },\n\n\n {\n\n title: 'Check Name',\n field: \"field_name\",\n width: \"90%\",\n headerStyle: {\n textAlign: 'left',\n width: \"90%\",\n },\n cellStyle: {\n textAlign: 'left',\n width: \"90%\",\n },\n\n\n }]\n\n\n\n\n return (\n \n\n \n \n \n Scheduled Checks\n \n \n \n\n\n \n \n\n \n\n\n \n\n\n\n\n
\n )\n}\n","import React, { useContext, useEffect, useState } from 'react'\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport Grid from \"@material-ui/core/Grid\";\nimport { Box, Dialog, DialogContent, DialogTitle, FormControlLabel, withStyles } from \"@material-ui/core\";\nimport MROTextField from \"components/form_components/TextField\";\nimport MROButton from 'components/buttons';\nimport { Typography } from \"@material-ui/core\";\nimport { FormControl } from '@material-ui/core';\nimport moment from 'moment';\nimport { LineMaintainenceServices } from 'lib/services/api/dashboard/line_maintenance';\nimport { getOrganisationId } from 'lib/utils/common_utils';\nimport { ToastMessageContext } from 'lib/contexts/message_context';\nimport tableIcons, { options } from 'components/universal/table_attributes';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport MaterialTable from 'material-table';\nimport _ from 'lodash';\n\n\n\n\n\nconst GreenCheckbox = withStyles({\n root: {\n color: \"#4FC605\",\n '&$checked': {\n color: \"#4FC605\",\n },\n },\n checked: {},\n})((props) => \n handleClose()}\n type=\"button\"\n >\n Cancel\n \n handleSubmit()}\n >\n Complete\n \n
\n \n {\n handleChange(rowData)\n }} name=\"\" />}\n label=\"\"\n />\n\n
\n },\n\n\n {\n\n title: 'Check Name',\n field: \"field_name\",\n width: \"90%\",\n editable: 'never',\n headerStyle: {\n textAlign: 'left',\n width: \"90%\",\n },\n cellStyle: {\n textAlign: 'left',\n width: \"90%\",\n },\n\n\n },\n {\n\n title: 'Value',\n field: \"secondary_field_value\",\n render: (rowData) => {rowData?.secondary_field === false ? \"\" : rowData?.secondary_field === true ? rowData?.secondary_field_value : \"\"},\n // editable: 'onUpdate',\n editComponent: (props) =>\n \n\n \n \n \n Handling & Equipment\n \n \n \n\n\n \n rowData?.secondary_field,\n isEditHidden: rowData => (!rowData?.secondary_field || (rowData?.field_value === \"false\" || rowData?.field_value === false)),\n onRowUpdate: (newData, oldData) =>\n new Promise((resolve, reject) => {\n setTimeout(() => {\n\n handleUpdate(newData, oldData)\n resolve();\n }, 1000)\n }),\n }}\n />\n \n\n \n\n\n \n\n\n\n\n
\n )\n}\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAB30lEQVRIia3Wv2sUQRjG8c/dRUQbRawVogYUjHp97LUQFMTO/AliGXKEJApaKFgKEkgsxMYfWNgIFoJFRKNRLGyvE5MyYHGixdyR2WF3cuvlhYHded95v/vOPvPuNoxuLVzFZUygh3U8xrtdyE8/8Vf8rRgr2DsqpI3NDGQwlqExAuQNDkVzH/FSqGAaRyLf+f+FpJXcEd7VwA6jG/kf7QZkviJ2MYpZbdaAHMAVYXu+9OcWMqA/0XWrImYoO5XxjWHNdkVPxoZI2MBFXBLk/Fs4JyuZNbdxLrp/sRPkGD4ol22vnzDd/rkkbq0kpmBtbFRA4nE9WtNJfBs4vhMkVdc67glS3Yrmb/TXzCbxm4rbNxRkUVE548KJv499mCmp5GxdyAz244EggPEovoVbSfwvnKkLme37bkZzW1jqV/OtBDKZg0yUQDqRfzrxlY2fOJ2DtIQXHS+aS2KagpR7FZD3OJqDwLVk0d1M7Emhgb7GWzzEBUN+BZ5GkE/yfSnXdrLWxIno/pViM4xtHt+FhrokVH6wDmzVdkULGUh6GNt1IISTPkjQFT5aA2sJTz4yBKaSRF3hEHYUW/1IkIEtK5ftrkIIPxQ52GdF0dS2VP9TQheYxB78wHM8U63GoewfAo7YbZrQf6sAAAAASUVORK5CYII=\"","import React, { useContext, useState } from \"react\";\nimport { Box, CircularProgress, } from \"@material-ui/core\";\nimport {\n Dialog,\n DialogContent,\n DialogTitle,\n // IconButton,\n Typography,\n} from \"@material-ui/core\";\nimport exclamationIcon from \"assets/exclamation.png\"\nimport WarningIcon from \"@material-ui/icons/Warning\";\nimport MROButton from \"components/buttons\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport { CertificateServices } from \"lib/services/api/operaitons/WorkShop/TaskLibrary/Maintenance/Certification\";\nimport { MaintenanceServices } from \"lib/services/api/operaitons/WorkShop/TaskLibrary/Maintenance/maintenance_operation\";\nimport { CalenderMaintenanceService } from \"lib/services/api/operaitons/WorkShop/Storage/CalenderMaintenanceService\";\n\n// import { WorkshopContext } from \"./WorkshopContext/WorkshopContext\";\n\n// const useStyles = makeStyles(() => {});\nfunction CautionPopUp(props) {\n const [acceptAll, setAcceptAll] = useState(false);\n const [busy, setBusy] = useState(null);\n const message = useContext(ToastMessageContext);\n const { getWorkshopOrderDetails, editTab, setEditTab, closeHandler, open, handleClose, getMaintenanceOrderList, cautionMessages, getCertificationDetails, workshop_id, tab, action_type, title, show } = props;\n // const classes = useStyles();\n\n const handleCertification = async (formData) => {\n formData.append(\"workshop_order_id\", workshop_id)\n await CertificateServices.unlockCertification(formData)\n .then((res) => {\n if (res) {\n handleClose(res.success)\n getCertificationDetails()\n getWorkshopOrderDetails()\n getMaintenanceOrderList()\n message.showToastMessage({\n message: \"Completed successfully!!\",\n variant: \"success\",\n });\n }\n })\n .catch(() => {\n message.showToastMessage({\n message: \"Something went wrong. Try again\",\n variant: \"error\",\n });\n })\n .finally(() => {\n setBusy(null);\n });\n }\n const handlePlanningClosure = async (formDataProps) => {\n console.log(\"formdata is\", formDataProps)\n await MaintenanceServices.planningData(\n formDataProps,\n \"\"\n )\n .then((res) => {\n message.showToastMessage({\n message: \"Planning completed Successfully\",\n variant: \"success\",\n });\n })\n .catch(() => {\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n setBusy(null);\n });\n }\n const handleInspMaintProd = async (formData) => {\n formData.append(\"workshop_order_id\", workshop_id)\n formData.append(\"action_type\", action_type)\n await MaintenanceServices.unlockPopup(formData)\n .then((res) => {\n if (res.success) {\n message.showToastMessage({\n message: \"Completed successfully!!\",\n variant: \"success\",\n });\n }\n handleClose();\n getWorkshopOrderDetails()\n getMaintenanceOrderList()\n })\n .catch(() => {\n message.showToastMessage({\n message: \"Something went wrong. Try again\",\n variant: \"error\",\n });\n })\n .finally(() => {\n setBusy(null);\n });\n }\n\n const handleCalendarClosure = async (formData) => {\n formData.append(\"workshop_order_id\", workshop_id)\n formData.append(\"action_type\", action_type)\n await CalenderMaintenanceService.unlockPopup(formData)\n .then((res) => {\n if (res.success) {\n message.showToastMessage({\n message: \"Completed successfully!!\",\n variant: \"success\",\n });\n }\n handleClose();\n getWorkshopOrderDetails()\n getMaintenanceOrderList()\n })\n .catch(() => {\n message.showToastMessage({\n message: \"Something went wrong. Try again\",\n variant: \"error\",\n });\n })\n .finally(() => {\n setBusy(null);\n });\n }\n\n\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n const formData = new FormData(e.target)\n setBusy(\"loading\");\n\n if (tab === \"certification\") {\n handleCertification(formData)\n }\n\n if (tab === \"inspection\") {\n handleInspMaintProd(formData)\n }\n if (tab === \"planning\") {\n handlePlanningClosure()\n }\n if (tab === \"calendar\") {\n handleCalendarClosure(formData)\n }\n };\n\n const closeHandle = () => {\n if (tab === \"inspection\" || tab === \"certification\" || tab === \"calendar\") {\n handleClose()\n setEditTab(!editTab)\n } else {\n handleClose()\n }\n }\n\n if (props?.isGettingDetails) {\n return (\n \n handleClose()}\n type=\"button\"\n >\n Cancel\n \n handleSubmit()}\n >\n Complete\n \n
\n \n {\" \"}\n \n \n \n \n \n {title ?? \"Caution - Unlock / open tab?\"}\n \n \n \n {\" \"}\n \n \n {show ?? \"Read and accept before continuing\"} \n \n \n \n
\n );\n}\n\nexport default CautionPopUp;\n","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","import React, { useState, useEffect } from \"react\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport Typography from \"@material-ui/core/Typography\";\nimport InputBase from \"@material-ui/core/InputBase\";\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\nimport SearchIcon from \"@material-ui/icons/Search\";\nimport { ICON_COLOUR } from \"../lib/constants/style_constants\";\nimport Divider from \"@material-ui/core/Divider\";\nimport { ClearAll, Clear } from \"@material-ui/icons\";\nimport { IconButton, useTheme } from \"@material-ui/core\";\nimport PartIcon from 'assets/PartIcon.png'\nimport DescriptionIcon from 'assets/Description.png'\nimport MROTextField from \"./form_components/TextField\";\n\nconst useStyles = makeStyles(theme => ({\n wrapper: {\n backgroundColor: \"#fff\",\n // padding: theme.spacing(1, 2),\n border: \"1px solid #d5d5d5\",\n margin: \"1% 0\",\n },\n divider: {\n margin: '8px 0'\n },\n filters: {\n padding: \"10px 0\",\n '& .filter': {\n paddingRight: theme.spacing(3),\n // paddingLeft: \"17px\"\n }\n }\n}));\n\nfunction SearchBarWithPartsFilters(props) {\n const classes = useStyles();\n const theme = useTheme()\n const { handleSearch, searchText, noSearch, title, boxShadow, padding, placeholder, partNumber, setPartNumber, description, setDescription, handleDescriptionCopy, handlePartCopy, variant } = props;\n\n const clearSearch = () => {\n handleSearch('')\n }\n\n return (\n \n {\n !noSearch &&\n <>\n handleSearch(e.target.value)}\n value={searchText}\n variant={variant ?? \"outlined\"}\n InputLabelProps={{ shrink: true }}\n InputProps={{\n\n startAdornment: \n ,\n\n endAdornment: <>\n { handlePartCopy() }} style={{ cursor: 'pointer' }}>\n \n \n { handleDescriptionCopy() }} style={{ cursor: 'pointer' }}>\n \n \n \n }}\n\n />\n {/* {props.children &&
\n )\n}\n\nexport default SearchBarWithPartsFilters;","var _path;\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); }\nimport React from \"react\";\nconst SvgUploadDoc = _ref => {\n let {\n svgRef,\n title,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 23.842,\n height: 15.895,\n viewBox: \"0 0 23.842 15.895\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n id: \"ic_cloud_upload_24px\",\n d: \"M19.223,10A7.443,7.443,0,0,0,5.315,8.013a5.958,5.958,0,0,0,.646,11.881H18.875A4.953,4.953,0,0,0,19.223,10Zm-5.315,2.941v3.974H9.934V12.941H6.954l4.967-4.967,4.967,4.967Z\",\n transform: \"translate(0 -4)\",\n fill: \"#fff\"\n })));\n};\nconst ForwardRef = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(SvgUploadDoc, _extends({\n svgRef: ref\n}, props)));\nexport default __webpack_public_path__ + \"static/media/UploadDoc.bda30147.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useEffect, useState } from \"react\";\nimport {\n KeyboardDatePicker,\n MuiPickersUtilsProvider,\n DateTimePicker,\n KeyboardDateTimePicker,\n KeyboardTimePicker,\n} from \"@material-ui/pickers\";\nimport MomentUtils from \"@date-io/moment\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport moment from \"moment\";\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n margin: theme.spacing(1, 0),\n \"& .MuiOutlinedInput-root\": {\n \"& fieldset\": {\n borderColor: theme.palette.primary.main + \"!important\",\n borderWidth: \"1px !important\",\n },\n \"&:hover fieldset\": {\n borderColor: theme.palette.primary.light + \"!important\",\n // borderWidth: '1px !important'\n },\n \"& .MuiOutlinedInput-input\": {\n padding: \"15px\",\n },\n },\n \"& label\": {\n color: theme.palette.primary.main,\n },\n },\n error: {\n color: \"red\",\n fontSize: 12,\n },\n}));\n\nfunction DateField({\n label,\n name,\n renderDate,\n defaultValue,\n variant,\n disabled,\n onlyTime,\n onChange,\n setErrors,\n errors,\n format,\n background,\n pointerEvent\n}) {\n const classes = useStyles();\n const [selectedDate, setSelectedDate] = useState(null);\n\n useEffect(() => {\n if (defaultValue !== \"Invalid date\") {\n setSelectedDate(\n defaultValue\n ? moment(defaultValue, onlyTime ? \"HH:mm\" : \"DD/MM/YYYY HH:mm:ss a\")\n : null\n );\n } else {\n setSelectedDate(\"\");\n // setErrors({\n // ...errors,\n // [name]: { valid: false }\n // })\n }\n }, [defaultValue]);\n\n const changeDate = (date) => {\n if (date === null) {\n // setErrors({\n // ...errors,\n // [name]: { valid: false }\n // })\n setSelectedDate(\"\");\n onChange && onChange(\"\");\n } else {\n setSelectedDate(date);\n onChange && onChange(moment(date).format(\"YYYY-MM-DD - HH:mm:ss a\"));\n // setErrors({\n // ...errors,\n // [name]: { valid: true }\n // })\n }\n };\n\n const changeTime = (date) => {\n setSelectedDate(date);\n onChange && onChange(moment(date).format(\"HH:mm\"));\n if (date === null) {\n // setErrors({\n // ...errors,\n // [name]: { valid: false }\n // })\n } else {\n // setErrors({\n // ...errors,\n // [name]: { valid: true }\n // })\n }\n };\n\n if (onlyTime) {\n return (\n \n {props.children && {title ?? \"Filters\"} }\n {props.children}\n
\n \n Please select the Date & Time\n
\n )}\n\n \n \n \n Add Part\n \n \n \n \n \n\n
\n );\n}\n\nexport default CreateProjectParts;\n\n","import {\n Box,\n Dialog,\n DialogTitle,\n DialogContent,\n Typography,\n Grid,\n} from \"@material-ui/core\";\nimport React, { useState } from 'react'\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport './index.css';\nimport AmberGear from 'assets/Amber gear@3x.png'\nimport GreenCheck from 'assets/green_filled_tick.png'\nimport HalllowCircle from 'assets/Hollow circle.png'\nimport RadioButtonUncheckedOutlinedIcon from '@material-ui/icons/RadioButtonUncheckedOutlined';\n\nimport CommercialIconAmber from \"assets/maint/Commercial/CommercialIconAmber.png\";\nimport CommercialIconGray from \"assets/maint/Commercial/CommercialIconGray.png\";\nimport CommercialIconGreen from \"assets/maint/Commercial/CommercialIconGreen.png\";\nimport CommercialIconRed from \"assets/maint/Commercial/CommercialIconRed.png\";\n\nimport PartsIconGrey from \"assets/maint/Parts/partsIconGray.png\";\nimport PartsIconGreen from \"assets/maint/Parts/partsIconGreen.png\";\nimport PartsIconRed from \"assets/maint/Parts/partsIconRed.png\";\nimport PartsIconAmber from \"assets/maint/Parts/partsIconAmber.png\";\n\nimport PlanningIconAmber from \"assets/maint/Planning/planningIconAmber.png\";\nimport PlanningIconRed from \"assets/maint/Planning/planningIconRed.png\";\nimport PlanningIconGrey from \"assets/maint/Planning/planningIconGrey.png\";\nimport PlanningIconGreen from \"assets/maint/Planning/planningIconGreen.png\";\n\nimport ServicesIconAmber from \"assets/maint/Services/servicesIconAmber.png\";\nimport ServicesIconGray from \"assets/maint/Services/services_icon_grey.png\";\nimport ServicesIconRed from \"assets/maint/Services/servicesIconRed.png\";\nimport ServiceIconGreen from \"assets/maint/Services/ServicesIconGreen.png/\";\n\nimport SpecEquipIconGrey from \"assets/maint/SpecEquip/specEquipGray.png\";\nimport SpecEquipIconAmber from \"assets/maint/SpecEquip/specEquipIconAmber.png\";\nimport SpecEquipIconRed from \"assets/maint/SpecEquip/specEquipIconRed.png\";\nimport SpecEquipIconGreen from \"assets/maint/SpecEquip/specEquipIconGreen.png\";\n\nimport NoStoppage from \"assets/Stoppage/No_stoppage.png\";\nimport NotRequired from \"assets/Stoppage/Not_required.png\";\nimport NotStarted from \"assets/Stoppage/Not_started.png\";\nimport PartiallyStopped from \"assets/Stoppage/Partially_stopped.png\";\nimport Stopped from \"assets/Stoppage/Stopped.png\";\n\nimport { MaintenanceServices } from \"lib/services/api/operaitons/WorkShop/TaskLibrary/Maintenance/maintenance_operation\";\nimport { useEffect } from \"react\";\nimport LoadingIndicator from \"components/universal/loading_indicator\";\n\nconst useStyles = makeStyles((theme) => ({\n wrapper: {\n backgroundColor: \"#6338F4\",\n border: \"1px solid #6338F4\",\n margin: \"1% 0\",\n display: \"flex\",\n \"& button\": {\n marginRight: theme.spacing(2),\n width: \"200px\",\n \"& .MuiButton-label\": {\n justifyContent: \"space-between\",\n width: \"150px\",\n whiteSpace: \"nowrap\",\n textOverflow: \"ellipsis\",\n overflow: \"hidden\",\n },\n },\n },\n\n borderLine: {\n zIndex: 1,\n height: \"6px\",\n width: \"420px\",\n backgroundColor: \"#4D4F5C\",\n marginBottom: \"30px\",\n },\n boxMod: {\n border: '2px solid grey',\n borderRadius: '10px',\n height: '36px',\n display: \"flex\",\n flexDirection: \"row\",\n justifyContent: \"space-around\",\n alignItems: \"center\",\n }\n}));\n\nconst StatusPopup = (props) => {\n console.log(props)\n const classes = useStyles();\n const [productStoppage, setProductionStoppageData] = useState([])\n const [loading, setLoading] = useState(false)\n\n const {\n open,\n handleClose,\n workshop_order_id\n } = props\n\n useEffect(() => {\n productionStoppage()\n }, [])\n\n const productionStoppage = () => {\n setLoading(true)\n const params = {\n workshop_order_id: workshop_order_id\n }\n MaintenanceServices.productionStoppage(params)\n .then((res) => {\n if (res.success) {\n setProductionStoppageData(res.data)\n }\n }).catch((err) => {\n console.log(err)\n }).finally(() => {\n setLoading(false)\n })\n }\n\n return (\n \n \n
\n Induction
\n Planning
\n Inspection
\n Commercial
\n Maintenance
\n Certification
\n Release
\n \n\n\n
\n
\n\n {!loading ?
\n
\n \n \n \n History\n \n \n\n \n {\n setPage(page);\n }}\n onChangeRowsPerPage={(pageSize) => {\n setPageSize(pageSize);\n }}\n\n totalCount={totalCount}\n page={page}\n />\n \n \n
\n );\n}\n\nconst useStyles = makeStyles(() => ({\n bodyText: {\n fontSize: 20,\n lineHeight: \"28px\",\n },\n}));\n","import React, { useEffect, useReducer } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport { Dialog, makeStyles } from \"@material-ui/core\";\nimport { Popover } from \"@material-ui/core\";\nimport { Typography } from \"@material-ui/core\";\nimport { Box } from \"@material-ui/core\";\nimport MaterialTable from \"material-table\";\nimport tableReducer, { INITIAL_TABLE_STATE } from \"reducers/table_reducer\";\nimport tableIcons, {\n options,\n} from \"components/universal/table_attributes\";\nimport TableAction from \"actions/table_actions\";\nimport PopupDialog from \"./PopupDialog\";\nimport { MaintenanceServices } from \"lib/services/api/operaitons/WorkShop/TaskLibrary/Maintenance/maintenance_operation\";\nimport { useState } from \"react\";\n\nconst StyledMenu = withStyles({\n paper: {\n width: \"523px\",\n height: \"fit-content\",\n top: \"290px !important\",\n padding: \"30px\",\n boxShadow: \"0px 3px 6px #00000029\",\n },\n})((props) => (\n \n \n \n \n Price Breaks\n \n \n\n \n {\n setPage(page);\n }}\n onChangeRowsPerPage={(pageSize) => {\n setPageSize(pageSize);\n }}\n onSearchChange={(search) => {\n TableAction.setSearchText(dispatch, search);\n }}\n totalCount={totalCount}\n page={page}\n />\n \n \n
\n );\n}\n\nconst useStyles = makeStyles((theme) => ({\n bodyText: {\n fontSize: 20,\n lineHeight: \"28px\",\n },\n}));\n","module.exports = __webpack_public_path__ + \"static/media/xls.43a3aade.svg\";","import React from \"react\";\nimport Drawer from '@material-ui/core/Drawer';\nimport withStyles from \"@material-ui/core/styles/withStyles\";\n\n\nconst MRORightDrawer = withStyles(theme => ({\n paperAnchorRight: {\n width: \"370px\",\n padding:theme.spacing(3)\n },\n}))((props) => \n \n \n \n History\n \n \n ALOC ID {currentSelection?.alloc_id}\n \n \n\n \n {\n TableAction.setPage(dispatch, page);\n }}\n onChangeRowsPerPage={(pageSize) => {\n TableAction.setPageSize(dispatch, pageSize);\n }}\n onSearchChange={(search) => {\n TableAction.setSearchText(dispatch, search);\n }}\n totalCount={totalCount}\n page={page}\n />\n \n \n
\n );\n}\n\nconst useStyles = makeStyles((theme) => ({\n bodyText: {\n fontSize: 20,\n lineHeight: \"28px\",\n },\n}));\n","import React, { useContext, useEffect, useReducer, useState } from \"react\";\nimport Dialog from \"@material-ui/core/Dialog\";\nimport Slide from \"@material-ui/core/Slide\";\nimport {\n CircularProgress,\n createStyles,\n Divider,\n Grid,\n IconButton,\n InputAdornment,\n InputBase,\n makeStyles,\n Typography,\n} from \"@material-ui/core\";\nimport SearchByCategory from \"components/category_based_search\";\nimport { Clear } from \"@material-ui/icons\";\nimport AddIcon from \"@material-ui/icons/Add\";\nimport SearchIcon from \"@material-ui/icons/Search\";\nimport { ICON_COLOUR } from \"lib/constants/style_constants\";\nimport tableReducer, { INITIAL_TABLE_STATE } from \"reducers/table_reducer\";\nimport tableIcons, { options } from \"components/universal/table_attributes\";\nimport MaterialTable, { MTableBodyRow } from \"material-table\";\nimport TableAction from \"actions/table_actions\";\nimport DeleteIcon from \"@material-ui/icons/Delete\";\nimport MROButton from \"components/buttons\";\nimport { ToastMessageContext } from \"../../../../lib/contexts/message_context\";\nimport { v4 as uuidv4 } from \"uuid\";\n\nimport PartsClientServices from \"../../../../lib/services/api/stores/tooling/parts_client\";\n\nconst useStyles = makeStyles((theme) =>\n createStyles({\n container: {\n padding: \"50px\",\n width: \"1144px\",\n height: \"886px\",\n position: \"relative\",\n display: \"flex\",\n flexDirection: \"column\",\n },\n\n popupTitle: {\n fontSize: \"20px\",\n lineHeight: \"28px\",\n\n position: \"absolute\",\n top: \"19px\",\n left: \"25px\",\n },\n divider: {\n borderBottom: `1px solid ${theme.palette.primary.main}`,\n },\n tableTitle: {\n fontSize: \"16px\",\n lineHeight: \"22px\",\n color: \"#4D4F5C\",\n fontWeight: \"bold\",\n marginTop: \"19px\",\n marginBottom: \"16px\",\n },\n })\n);\n\nconst Transition = React.forwardRef(function Transition(props, ref) {\n return \n \n
\n \n \n );\n}\n","import React, { useContext, useEffect, useState } from \"react\";\nimport {\n Button,\n ButtonGroup,\n makeStyles,\n MenuItem,\n Typography,\n} from \"@material-ui/core\";\nimport MROTextField from \"../../../../components/form_components/TextField\";\nimport RightDialog from \"./RightDialog\";\nimport AddIcon from \"@material-ui/icons/Add\";\nimport RemoveIcon from \"@material-ui/icons/Remove\";\nimport MROButton from \"../../../../components/buttons\";\n\nimport PartsClientServices from \"../../../../lib/services/api/stores/tooling/parts_client\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\n\nconst useStyels = makeStyles({\n container: {\n width: \"100%\",\n height: \"100%\",\n padding: \"23px 37px 0px 37px\",\n display: \"flex\",\n flexDirection: \"column\",\n\n \"& form\": {\n height: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n },\n },\n heading: {\n fontSize: \"16px\",\n color: \"#4D4F5C\",\n lineHeight: \"22px\",\n fontWeight: \"bold\",\n },\n});\n\nfunction TransferPartDialog(props) {\n const classes = useStyels();\n\n const {\n open,\n dialogCloseHandler,\n secondaryPartId,\n getPartList,\n batchNumber,\n } = props;\n\n const message = useContext(ToastMessageContext);\n\n const [qty, setQty] = useState(null);\n const [errors, setErrors] = useState(null);\n const [baseStations, setBaseStations] = useState([]);\n const [loading, setLoading] = useState(false);\n\n const user = JSON.parse(sessionStorage.getItem(\"user\"));\n\n useEffect(() => {\n PartsClientServices.fetchDependencies()\n .then((res) => {\n if (res) {\n setBaseStations(res.base_stations);\n }\n })\n .catch(() => { });\n }, []);\n\n const transferPart = async (formData) => {\n setLoading(true);\n try {\n const res = await PartsClientServices.transferPart(formData);\n console.log(res);\n if (res?.success) {\n getPartList();\n dialogCloseHandler();\n message.showToastMessage({\n message: \"Transferred successfully\",\n variant: \"success\",\n });\n }\n } catch (error) {\n console.log(error, \"something went wrong\");\n message.showToastMessage({\n message: \"Something went wrong\",\n variant: \"error\",\n });\n } finally {\n setLoading(false);\n }\n };\n\n const submitHandler = (event) => {\n event.preventDefault();\n const formData = new FormData(event.target);\n formData.append(\"user_id\", user.id);\n formData.append(\"secondary_part_id\", secondaryPartId);\n\n let error = {};\n let isValid = true;\n\n // Display the key/value pairs\n for (let pair of formData.entries()) {\n if (pair[1] === \"\") {\n error[pair[0]] = true;\n isValid = false;\n }\n }\n // console.log(error);\n if (!isValid) {\n setErrors(error);\n return;\n }\n transferPart(formData);\n };\n\n return (\n \n \n Alternate Part Links\n \n \n \n \n Search Results\n \n\n {\n TableAction.setPage(dispatch, page);\n }}\n onChangeRowsPerPage={(pageSize) => {\n TableAction.setPageSize(dispatch, pageSize);\n }}\n totalCount={totalCount}\n page={page}\n />\n \n\n {/* -------------------------------------second table------------------------------------------------ */}\n \n \n Linked Alternates\n \n\n {\n setAlternateTableState((prevState) => {\n return { ...prevState, page: page };\n });\n }}\n onChangeRowsPerPage={(pageSize) => {\n setAlternateTableState((prevState) => {\n return { ...prevState, pageSize: pageSize };\n });\n }}\n totalCount={alternateTableState.totalCount}\n page={alternateTableState.page}\n />\n \n \n \n \n Cancel\n \n 0\n ? updateData\n : popupCloseHandler\n }\n type=\"button\"\n variant={\"contained\"}\n color=\"primary\"\n >\n {loading ?
\n \n setSearchText(e.target.value)}\n value={searchText}\n startAdornment={\n \n \n }\n endAdornment={\n !!searchText?.length ? (\n setSearchText(\"\")}\n size=\"medium\"\n >\n
\n\n \n \n Stock Transfer\n \n\n
\n \n \n \n \n Batch #\n \n {batchNumber} \n
\n\n \n \n Edit\n \n\n
\n \n \n \n \n Batch #\n \n \n {selectedSecondaryPart.batch_number}\n \n
\n \n \n Receipt by\n \n \n {selectedSecondaryPart.created_by}\n \n
\n\n \n \n Split Batch\n \n\n\n
\n \n \n \n \n Batch #\n \n {batchNumber} \n
\n\n \n \n Quantity\n \n {quantitys} \n
\n\n \n \n \n {menuItems?.map((item, i) => (\n {\n handleClose();\n item.dialogOpenHandler();\n }}\n >\n {item.name}\n \n ))}\n \n
\n );\n};\n\nfunction StockInfo(props) {\n const classes = useStyles();\n const [tableState, dispatch] = useReducer(tableReducer, INITIAL_TABLE_STATE);\n\n const [alternateTableState, setAlternateTableState] = useState({\n page: 0,\n totalCount: 5,\n pageSize: 10,\n isLoading: false,\n });\n const { page, totalCount, pageSize } = tableState;\n const [loading, setLoading] = useState(false);\n const [isEditPopupOpen, setIsEditPopupOpen] = useState(false);\n const [isSplitPopupOpen, setIsSplitPopupOpen] = useState(false);\n const {\n action,\n currentSelection,\n handleClose,\n className,\n showSelectPartBtn,\n onSelectPartBtnClick,\n hideEdit,\n baseStations\n } = props;\n\n const [stockList, setStockList] = useState([]);\n const [alternateList, setAlternateList] = useState([]);\n const [isTransferPartDialogOpen, setIsTransferPartDialogOpen] =\n useState(false);\n\n const [isEditDialopOpen, setIsEditDialopOpen] = useState(false);\n\n const [isCertificatePopupOpen, setIsCertificatePopupOpen] = useState(false);\n\n const [partDetails, setPartDetails] = useState({});\n\n const [selectedSecondaryPartId, setSelectedSecondaryPartId] = useState(\"\");\n\n const [isMsdsPopupOpen, setIsMsdsPopupOpen] = useState(false);\n\n //\n const [alternatesPartStack, setAlternatesPartStack] = useState(0);\n\n const [msds, setMsds] = useState([]);\n\n // id for fetching the right stock details and alternates part according to the current parts\n const [currentPartId, setCurrentPartId] = useState();\n\n // selected secondary part to be edited\n const [selectedRow, setSelectedRow] = useState({});\n\n const organisation = JSON.parse(sessionStorage.getItem(\"organisation\"));\n\n const CURR_PART_ID = useMemo(() => partDetails.alternate_part_id ?? currentSelection.part_id ?? currentSelection.id, [partDetails.alternate_part_id, currentSelection.part_id, currentSelection.id])\n\n useEffect(() => {\n // if (partDetails.alternate_part_id) {\n // setCurrentPartId(partDetails.alternate_part_id);\n // } else if(currentSelection.part_id) {\n // setCurrentPartId(currentSelection.part_id);\n // } else {\n // setCurrentPartId(currentSelection.id);\n // }\n setCurrentPartId(CURR_PART_ID)\n }, [CURR_PART_ID]);\n\n const getPartList = () => {\n const params = {\n id: currentPartId,\n page: 1 + page,\n count_per_page: pageSize,\n };\n\n setLoading(true);\n PartsClientServices.getAllSecondaryParts(params).then((res) => {\n if (res?.data) {\n setStockList(res?.data);\n setLoading(false);\n TableAction.setTotalCount(dispatch, res.total_count);\n } else {\n setStockList([]);\n setLoading(false);\n }\n });\n };\n const getAlternateList = () => {\n const params = {\n id: currentPartId,\n page: alternateTableState.page + 1,\n count_per_page: alternateTableState.pageSize,\n };\n setAlternateTableState((prevState) => {\n return {\n ...prevState,\n isLoading: true,\n };\n });\n PartsClientServices.getAlternateParts(params)\n .then((res) => {\n if (res?.data) {\n setAlternateList(res?.data);\n\n setAlternateTableState((prevState) => {\n return {\n ...prevState,\n totalCount: res.total_count,\n };\n });\n } else {\n setAlternateList([]);\n }\n })\n .finally(() => {\n setAlternateTableState((prevState) => {\n return {\n ...prevState,\n isLoading: false,\n };\n });\n });\n };\n\n useEffect(() => {\n setLoading(true);\n if (currentPartId) {\n getPartList();\n }\n }, [currentPartId, pageSize, page]);\n\n useEffect(() => {\n if (currentPartId) {\n getAlternateList();\n }\n }, [currentPartId, alternateTableState.pageSize, alternateTableState.page]);\n\n // fetching part info\n useEffect(() => {\n setLoading(true);\n if (currentPartId) {\n PartsClientServices.getPrimaryPartInfo(currentPartId)\n .then((response) => {\n response.data && setPartDetails(response.data);\n setMsds(response.data.mds);\n })\n .catch((err) => console.log(err))\n .finally(() => setLoading(false));\n }\n }, [currentPartId]);\n\n // Ui-table column config\n const stockColumnConfig = [\n {\n title: \"QTY\",\n field: \"quantity\",\n headerStyle: {\n paddingLeft: \"19px\",\n textAlign: \"left\",\n },\n cellStyle: {\n paddingLeft: \"19px\",\n textAlign: \"left\",\n },\n render: (rowData) => rowData?.quantity || \"-\",\n },\n {\n title: \"State\",\n field: \"state\",\n headerStyle: {\n textAlign: \"left\",\n },\n cellStyle: {\n padding: \"10px 5px\",\n },\n render: (rowData) => rowData?.state || \"-\",\n },\n {\n title: \"Base\",\n field: \"base_station\",\n headerStyle: {\n textAlign: \"left\",\n },\n cellStyle: {\n padding: \"10px 5px\",\n },\n render: (rowData) => rowData?.base_station || \"-\",\n },\n {\n title: \"Owner\",\n field: \"owner\",\n headerStyle: {\n textAlign: \"left\",\n },\n cellStyle: {\n padding: \"10px 5px\",\n },\n render: (rowData) =>\n rowData.mro_owned ? organisation.company_name : rowData?.owner || \"-\",\n },\n {\n title: \"\",\n field: \"mro_owned\",\n headerStyle: {\n display: \"none\",\n },\n cellStyle: {\n display: \"none\",\n },\n },\n {\n title: \"Batch #\",\n field: \"batch_number\",\n headerStyle: {\n textAlign: \"left\",\n },\n cellStyle: {\n padding: \"10px 5px\",\n },\n render: (rowData) => rowData?.batch_number || \"-\",\n },\n {\n title: \"Serial #\",\n field: \"serial_number\",\n width: \"10%\",\n render: (rowData) => rowData?.serial_number || \"-\",\n },\n {\n title: \"Location\",\n field: \"store_location\",\n render: (rowData) => rowData?.store_location || \"-\",\n },\n {\n title: \"Shelf-life\",\n field: \"shelf_life_expiry\",\n render: (rowData) => format24HrDateOnly(rowData?.shelf_life_expiry) || \"-\",\n },\n {\n title: \"Action\",\n field: \"\",\n render: (rowData) => {\n if (!hideEdit) {\n return (\n \n
\n {isEditPopupOpen && (\n \n \n Stock Information\n \n \n Part Details\n \n \n \n \n Stock Details\n \n Min / Max Levels\n }\n columns={stockColumnConfig}\n data={stockList}\n isLoading={loading}\n options={stockTableOptions}\n localization={{\n toolbar: {\n searchPlaceholder: \"Search anything\",\n },\n body: {\n emptyDataSourceMessage: \"No Stock Found\",\n filterRow: {\n filterTooltip: \"Filter\",\n },\n },\n }}\n onChangePage={(page) => {\n TableAction.setPage(dispatch, page);\n }}\n onChangeRowsPerPage={(pageSize) => {\n TableAction.setPageSize(dispatch, pageSize);\n }}\n totalCount={totalCount}\n page={page}\n />\n \n \n \n Alternates *{\" \"}\n {!!props.permission?.write\n ? !hideEdit && (\n setIsEditPopupOpen(true)}\n startIcon={ \n {\n setAlternateTableState((prevState) => {\n return { ...prevState, page: page };\n });\n }}\n onChangeRowsPerPage={(pageSize) => {\n setAlternateTableState((prevState) => {\n return { ...prevState, pageSize: pageSize };\n });\n }}\n totalCount={alternateTableState.totalCount}\n page={alternateTableState.page}\n />\n \n * Alternates must be verified IAW approved maintenance data!\n \n \n \n
\n \n \n {loading &&\n _.isEmpty(partDetails) &&\n alternatesPartStack === 0 ? (\n \n \n \n \n \n \n \n \n \n )}\n \n
\n\n \n {partDetails?.part_number}}\n />\n {currentSelection?.total_stock}}\n />\n
\n \n
\n \n
\n \n setIsMsdsPopupOpen(true)}\n style={{ cursor: \"pointer\" }}\n fontSize=\"small\"\n htmlColor={ICON_COLOUR}\n />\n }\n />\n\n {showSelectPartBtn && (\n onSelectPartBtnClick(partDetails)}\n startIcon={
\n \n \n {title}\n \n {\n \n }\n
:\n \n {children}\n
\n }\n \n Cancel \n {\n handleConfirm()\n }}>Yes, Confirm \n
\n \n \n Edit User Area \n Edit action will only update this single shift \n \n \n \n\n \n\n
\n )\n}\n\nexport default UpdateAreas","import React, { useEffect, useContext, useState } from 'react'\nimport { Dialog, DialogContent, DialogTitle, Box, ButtonGroup, Button, FormControlLabel, Grid, MenuItem, Typography } from \"@material-ui/core\";\nimport { makeStyles } from '@material-ui/core/styles';\nimport MROButton from 'components/buttons';\nimport MROTextField from 'components/form_components/TextField';\nimport { getOrganisationId } from 'lib/utils/common_utils';\nimport { ToastMessageContext } from 'lib/contexts/message_context';\nimport ResourcesServices from 'lib/services/api/planning/Resource/resources';\n\nconst useStyles = makeStyles(theme => ({\n actionButtons: {\n paddingTop: '20px',\n paddingBottom: '33px',\n textAlign: 'center',\n '& button:not(:last-child)': {\n marginRight: '20px'\n }\n },\n modal: {\n '& .MuiDialog-paperWidthMd': {\n maxWidth: '600px',\n }\n },\n title: {\n fontSize: '18px',\n '& h2': {\n color: theme.palette.primary.main,\n\n }\n },\n formLabel: {\n\n '& span:last-child': {\n fontSize: '14px',\n }\n },\n card: {\n padding: '6px 60px 15px 60px'\n }\n\n}));\n\n\nfunction EditZones(props) {\n const classes = useStyles();\n const { action, handleClose, getListing, currentSelection, zoneData, onClose } = props;\n const [errors, setErrors] = useState({});\n const [loading, setLoading] = useState(false)\n const message = useContext(ToastMessageContext)\n const handleSubmit = async (e) => {\n\n\n e.preventDefault()\n const formData = new FormData(e.target)\n\n let valid = true;\n let error = {};\n\n\n for (let pair of formData.entries()) {\n const value = pair[1];\n const key = pair[0];\n // console.table(\"formdata=====\", key, value)\n if (!value) {\n error[key] = true;\n valid = false;\n }\n }\n\n if (!valid) {\n setErrors(error);\n return;\n }\n let id = formData.get(\"shift_zone_id\")\n formData.delete(\"shift_zone_id\")\n formData.append(\"id\", id)\n\n\n formData.append(\"shift_id\", currentSelection?.id)\n formData.append(\"key\", \"zone\")\n setLoading(true)\n await ResourcesServices.updateShifZoneArea(formData).then((res) => {\n message.showToastMessage({\n message: \"Updated successfully !\",\n variant: \"success\",\n });\n onClose()\n getListing()\n }).catch((res) => {\n onClose()\n message.showToastMessage({\n message: res.message ? res.message : \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n }).finally(() => {\n setLoading(false)\n })\n }\n\n return (\n \n \n Edit User Zone \n Edit action will only update this single shift \n \n \n \n\n \n\n
\n )\n}\n\nexport default EditZones","import React, { useContext, useEffect, useReducer, useState } from \"react\";\nimport Dialog from \"@material-ui/core/Dialog\";\n\nimport {\n createStyles,\n Grid,\n IconButton,\n makeStyles,\n Typography,\n\n} from \"@material-ui/core\";\nimport tableIcons, { options } from \"components/universal/table_attributes\";\nimport MaterialTable from \"material-table\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport ShiftServices from \"lib/services/api/planning/Shifts/shift\";\nimport { getOrganisationId } from \"lib/utils/common_utils\";\n\n\nconst useStyles = makeStyles((theme) =>\n createStyles({\n modal: {\n \"& .MuiDialog-paperWidthSm\": {\n minWidth: \"750px\",\n // height: \"110vh\"\n },\n },\n container: {\n // minWidth: \"1200px\",\n // minHeight: \"400px\",\n padding: \"50px\",\n position: \"relative\",\n display: \"flex\",\n flexDirection: \"column\",\n overflow: \"hidden !important\"\n },\n\n popupTitle: {\n fontSize: \"20px\",\n lineHeight: \"28px\",\n position: \"absolute\",\n top: \"19px\",\n bottom: \"15px\",\n left: \"25px\",\n },\n divider: {\n borderBottom: `1px solid ${theme.palette.primary.main}`,\n },\n tableTitle: {\n fontSize: \"16px\",\n lineHeight: \"22px\",\n color: \"#4D4F5C\",\n fontWeight: \"bold\",\n marginTop: \"19px\",\n marginBottom: \"16px\",\n },\n tableCell: {\n height: '32px',\n justifyContent: \"space-between\",\n whiteSpace: \"normal\",\n wordWrap: \"break-word\",\n\n },\n })\n);\n\nexport default function UsedHours(props) {\n const { handleClose, currentSelection } = props\n const classes = useStyles();\n const message = useContext(ToastMessageContext);\n const [data, setData] = useState([])\n const [Loading, setLoading] = useState(false)\n\n\n\n const getListing = () => {\n\n const params = {\n organisation_id: getOrganisationId(),\n shift_id: currentSelection?.id,\n\n }\n\n setLoading(true)\n ShiftServices.getShiftUsedHoursDetails(params).then((res) => {\n setData([{\n \"user_name\": res.data.user_name,\n \"item\": \"Shift Hours\",\n \"hours\": res.data.shift_hours || 0\n\n }, {\n \"user_name\": res.data.user_name,\n \"item\": \"Absence Hours\",\n \"hours\": res.data.absence_hours || 0\n\n }, {\n \"user_name\": res.data.user_name,\n \"item\": \"Leave Hours\",\n \"hours\": res.data.leave_hours || 0\n\n }, {\n \"user_name\": res.data.user_name,\n \"item\": \"Training Hours\",\n \"hours\": res.data.training_hours || 0\n\n }])\n\n }).catch(() => {\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n }).finally(() => {\n setLoading(false)\n })\n\n }\n\n useEffect(() => {\n getListing()\n }, [currentSelection])\n\n const tableOptions = {\n ...options,\n paging: false,\n search: false,\n toolbar: false,\n rowStyle: { height: 42 },\n };\n\n const column = [\n\n {\n title: \"User\",\n field: \"user_name\",\n width: '20%',\n headerStyle: {\n textAlign: \"left\",\n paddingLeft: \"15px\",\n width: '20%',\n },\n cellStyle: {\n textAlign: \"left\",\n paddingLeft: \"15px\",\n width: '20%',\n },\n },\n {\n title: \"Item\",\n field: \"item\",\n width: '60%',\n headerStyle: {\n\n textAlign: \"left\",\n },\n cellStyle: {\n width: '60%',\n textAlign: \"left\",\n },\n\n },\n\n {\n title: \"Hours\",\n field: \"hours\",\n\n },\n ];\n\n\n\n\n\n return (\n \n \n
\n )\n}\n","import { MaintenanceServices } from 'lib/services/api/operaitons/WorkShop/TaskLibrary/Maintenance/maintenance_operation';\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport React, { useContext, useEffect, useState } from \"react\";\n\nconst useGetProjectParts = (params, projectPartsStatus) => {\n\n\n const [projectParts, setProjectParts] = useState([])\n const message = useContext(ToastMessageContext);\n const [filetr, setFilters] = useState([])\n\n const getProjectParts = async () => {\n\n\n await MaintenanceServices.getProjectPartsDropDown(params)\n .then((res) => {\n if (res.success) {\n const obj = {\n part_number: \"N/A\",\n id: null,\n serial: null\n }\n\n let data = [obj, ...res.data]\n setProjectParts(data);\n }\n // setLoading(false);\n })\n .catch((err) => {\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n // setLoading(false);\n }).finally(() => {\n\n })\n };\n useEffect(() => {\n if (projectPartsStatus) { getProjectParts(); }\n }, []);\n\n return projectParts\n}\n\nexport default useGetProjectParts\n\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAACCCAYAAACKAxD9AAAABHNCSVQICAgIfAhkiAAADGhJREFUeF7tnVeMNEcRx/kAE0SwDRJCPMB9JCGezAMZxCIBliVsA0Jk5DM5CNmAEBnOyBhskAP5AeEzWIBNskFkAWcyIvkBkcFHTiJJRItUv/PO0dc3PfOfme7e3fuqpNLuzlRX11T9p6e7pmb20LUWR8dZ16cY8wnNFmfKgel5a34kfF5ufKV6ZIdUwYxyBH/DeC2jTlfV7oHtua8v6nNQTSBwxl/oAOgLSZH9AOJU42bE2NdJLSCcZj2fX+QQXekQDwCGzbYGNYDAKLA+xFqXLeoBgAAg9lBpIJxuvZ1X9LBc+RgPPDseoUsCYWadfWaMld6migfuH84ZSgLhKutorcoheSdjPLBtjQ43DUsBgTkBcwOn5fbA7uSxFBCGjAZ/Nl9tGoNQOQGy3P5diHUk5uCHGB8tWvAnkzsW2RJAwJhvioaQ6GBCiUFOeTxwjKlhqU7iTqG7cAKWAAJGkDfoI0Cw3ifk+0d7YFMEwwWcjCWAsGWK79djPpeDNR8JRgdZacjIsG3cd5m4wmRmJYCgzA92UKgcjctM8oAyOgOWwyWA8F/B9IeazGWCnItM8wATxw8IKg4tCgh7khmCoS4yzgMza6Yk9RwI4/y7Mq0cCCsTqrKGOhDK+ndltDsQViZUZQ0tAoSwxnDN7Iedpnlg25rDpNZZRbGmz0lZgUCWcMOYBIVTWQ+Qamftf0ambrIAgTUoRSV+5meKygA1jBIUj0zNtUwGgtcYDohaQVFG4imjwyQgeI1hwciOUL1pbfbVGIp6RgPBawxFD1cWG3tvZhQQ1EaVfeDdzT0w5v6MGtM9KWblrqFHZXEeYEVBjeGQIp7BQFi3DrzGcHFBVntm4sgEUqXBQBgyGjQ1hlsD0akafyTJsUSHbyMe9G6NoSg/CAheYyh6tZAYiTrOcqW8DxOGzBUGAUGpYsEArzEshIS52hJxGAQEhnivMSwbZFX7tnCZ2KkxFBVmB4KPBqLnJ4pxiXi5oEOtLBsEBKXGcN9Dk4KxLjLcA3LgRNWyPpClAMFrDEXPTxSTAyf2I+tzIIgerSQmB060R9bnQBA9WklMDpxoj6zPgSB6tJKYHDjRHlmfA0H0aCUxOXCiPbI+B4Lo0UpicuBEe2R9DgTRo5XE5MCJ9sj6HAiiRyuJyYET7ZH1ORBEj1YSkwMn2iPrcyCIHq0kJgdOtEfW50AQPVpJTA6caI+sz4EgerSSmBw40R5ZnwNB9GglMTlwoj2yPgeC6NFKYnLgRHtkfQ4E0aOVxOTAifbI+hwIokcricmBE+2R9TkQRI9WEpMDJ9oj63MgiB6tJCYHTrRH1udAED1aSUwOnGiPrM+BIHq0kpgcONEeWZ8DQfRoJTE5cKI9sj4HgujRSmJy4ER7ZH0OBNGjlcTkwIn2yPocCKJHK4nJgRPtkfU5EESPVhKTAyfaI+s7aEC4kTnow8bXDhz1Zvv+LtFxixaTAycaKus7aEC4qzmIwIf0ZPuh/rWQ6N9iYnLgRAtkfaWAcEcz9BaCsTxux8sffmf8e+N/C226RJ5gO58RCPzLvvOk9z+jRl32/cFkv91jB367d0LmV7b9RyOPQw6cqF/WVwoIG2bog0VjG7H/2JcmCO+1718yVp7LDLvhHQP3CTZ8x74/vsWOLvv+avInG3e9q+i6tv/LieN7n21/1cBjb8TlwIn6ZX3LBIT42H5qG95jfKmxMlJwLJ80Dl8VfIn9fs1AICD+duPXdTjbgSAiseuME1XsigGGs4VGvIeIszGkl9iPj40Awj+sDaMCl6s2ciAIAUEkJxDQd67xO3v65lJEvyERzF+MAAJN3m38WgfCXg8MfT9CbiAwf+CtsF/sAMOLbN/Dgv2czccn5BX7rra2vLjqNy06fEToOSub3V2O5vr7ubngUfZ5M+NbGZ9gfLhD/1ds3zM79nMG3z7Yf4V9f+4EINA0NfFzIGQAwitNR+ov6J5m+56U6IMJ44OMec9jTCSS+DezMJH0evt90UQgsPxklPllpMeBUBgIzPzfYXynRD/rtv1bLfvuZtveFG1/iv3+xkQg0PyDxq9wIFzjgZxzhK4Rgb5eYPzwRAAZ6hnyY2IUYTRpiDN5Zszsv402bGNbnuMHtv0OUQN0PcKY5WxDPiIkHBtvTjkauT4gPN1knpjohwnhJ1r28Rr7MNP3Xfv9uA5bU/YxqoSZyUbFR+3LSwN917HvzFnayBNKgVemAOHVpucBCSc/1bZ/PdrH5eRTxjcNtpOEOmcEELD7McakoENi1fIo4x8HG79g36/f0ocDIQMQjjUdJJBSfyTGC6x/Hjl/zX6Tkg6Js5ezOEUEvO3SwIjAZPSFLQ0B2/OD7R+37zd3IHR42XalHE2r1KXhJraPSdl9E6p/ZttZ18d0km14WbSxDTChSMo+zmb+0Ixb2UdHOrnv8Vjj78+3v98+b+1AGA+Ei63p5+fNmXTd0pj08InGXX8p+Fbb/5aWbl8cAYQbVywzuygFBPIbvGU2NU8JcxPkQ+7sQBjn6J74JHdzF5GVQXw7mQZDEklNBykg8Eec9MOQ/yHj60UWMSo82viHxtQ9UP8Qk88RAo+kHD0GCH+0RqwA2lK9N7btnzYOE0lvsN+bPR2l7CPATAqh5xk/skXPR2wbl6KzjNtGHgdCASCQ73+WcbxSaLq6u315YxSstpVFHM8UEH5tgs0kklHhcuMbRI3JKzBXASRtS1QHQkYgAACCwJndNhI0XVGGRuAbIkgkv/7eciaHm1JA+IsJzQJBQHhKiy7mB1RVtd3LcCBMBALLNm4Zc51mQvnbnmCym+KRewVyfYmkRjQFBPIFjDJNZRQrB1LM3MsIieolblGf2WKjA0EEAhXF4e1kZvkAgLNxCJFIYn7AsrMhtYglBQT0kKEMJ6WMOIw8MTFJbeYT4T4HggiEvhSzCobbmiAZxJCYxDGZ66MhQGBCyqgQZi7RzySWBFhMDoTKQKD6KMz/0z2TOBJPfTQECOg61birFiLsz4FQGQiAADA0xBn6wD4EzPcPBcINrR2TV4po+siBUBkIXBa4PDT0WfvynL4ojQQCzbgZpeh3IFQEAhNEJopMGBvihtHbCgKBO41UVvU9uONAqAiEe1pflKKFRGHK1woCAdUUzFA400UOhIpAoAwNboh6xplxXyKpkd+wL6knseLlYxh0im0JNMW2KXIgVAQC9xPuEfT3PfvOLWKVxgIB/W23vcN+HQiVgMANJuYHrO8bGur8KUCgTI2Jauof3ofaEoJoZj+oxu6jcG7UJSvrK/XsY9+BTNl/O2vMM40h8Te6FJOsOsmBEw9U1reKQKD6iGcaQ+LZg7DKWPTT0onJgRMtl/WtIhDiRBI3gFLFrqK/lkZMDpxosaxvFYHAjaXw0TjK3ngu8iCQHDjxYHlfxGk9stz1PWbVgMCNH6qJxyaSRP8tTCw3EK6yI1nrORrqMGerBgRqD+IXWFBo+tWFhS5vxzmBoIwGWM/DQaevGhDi2gASSVQk/S1vPBamLRcQKMlXL5fcsb1s1YBARi983oDSNJ5XPCikAgG5NmL7uvGa6JCd+QGyqwYE8fhWVkwFQq4DPMMUbTgQcrkzn56aQPiJmX2c8c7b43xEyBfEHJpqAmFnbtAY7UDIEb58OmoBYWelEJrtQMgXxByaagCB1wmtx8Y6EHKEL5+O0kDYNxL4pSFf8HJqKgUElomMArtzAh8RcoYtv67cQAAAZBjhrndL+6ohfywnacwBBO4dbM/P/uQI4CPCpDgVb6wCQa1Qkg32yaLsqiqCDoQqbl7+ThwIyx+jKhY6EKq4efk7WXog8KYxliBOZT2wUCBs2bHxB1hd1JqWLOuTI1L7hh01pfl9VGTVoACBZAQFo51JiT7rfX+vB+Qaw15NAwVAllrbtmmyvDDCqYwH1DgUGZ0BAsUJ6h9kAgbmCz4y5AXD4BrDvN3/vyx82xSnnuWL+wQEAIJLigNiWkR4agteE9Xs1hiK8rJYM+lYtxYXyq1ccFEe2K0xzG1AOPscMirktsP19XuA0YCRo8goHAKBISr1p1v9ZrpEaQ/sqTHM3Vm8HqWOjYmL03J5IFlZlMvMtsTEpilve/9wrj5dzzAPFFkuxiakMlQ+MgwLVinp4iNBY3hXqpI5A0kOdVlZyhlHol4ePuFklCuMpjpJyVlj0IZx/B9HU/v29vs9INcY5naeAoSmTzKQ68Z8wg6M6dEg8FfOmbN/a7rKcRqGAGFcD95qJTzwP8XYRbBBburQAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"static/media/gear-green.1a9ab4b5.svg\";","module.exports = __webpack_public_path__ + \"static/media/gear-red.dadcb2f4.svg\";","import requestrApi from \"lib/services/api/common/boxr_api_client\";\nimport { BASE_API_URL_BOXR } from \"lib/constants\";\n\n\nconst getActionNumber = (params) => {\n return requestrApi({\n url: `${BASE_API_URL_BOXR}/workshop_actions/list_action_numbers`,\n method: \"GET\",\n params: params\n });\n };\nconst createAction = (formData) => {\n return requestrApi({\n url: `${BASE_API_URL_BOXR}/action_imp`,\n method: \"POST\",\n data: formData\n });\n };\n\n\nexport const ServicesAndEquip = {\n getActionNumber,\n createAction\n};\n","import requestApi from \"lib/services/api/common/boxp_api_client\";\nimport { BASE_API_URL_BOXP } from \"lib/constants\";\n\nconst createStorageOrder = (formData) => {\n return requestApi({\n url: `${BASE_API_URL_BOXP}/create_storage_order`,\n method: \"POST\",\n data: formData,\n });\n};\nconst downloadStockReport = (params) => {\n return requestApi({\n url: `${BASE_API_URL_BOXP}/download_stock_report`,\n method: \"GET\",\n params\n });\n};\n\nconst getLinkedMaintOrderListing = (params) => {\n return requestApi({\n url: `/list_linked_maintenance_order`,\n method: \"GET\",\n params,\n });\n}\n\nconst createLinkedMaintenanceOrder = (formData) => {\n return requestApi({\n url: `/create_linked_maintenance_order`,\n method: \"POST\",\n data: formData,\n });\n};\n\nconst getCalenderActionDue = (params) => {\n return requestApi({\n url: `/calendar_actions_due`,\n method: \"GET\",\n params\n })\n}\n\n\nconst getStorageTableList = (params) => {\n return requestApi({\n url: `/maintenace_order_list`,\n method: \"GET\",\n params\n })\n}\nexport const StorageServices = {\n createStorageOrder,\n downloadStockReport,\n getLinkedMaintOrderListing,\n createLinkedMaintenanceOrder,\n getCalenderActionDue,\n getStorageTableList\n};\n","import { Button, ButtonGroup, Grid } from \"@material-ui/core\";\nimport React, { useEffect, useState } from \"react\";\nimport AddIcon from \"@material-ui/icons/Add\";\nimport RemoveIcon from \"@material-ui/icons/Remove\";\nimport MROTextField from \"../../../../../components/form_components/TextField\";\nimport { fixedInputValueTo2DecimalPlaces } from \"lib/utils/helperFunctions\";\n\nexport default function NumericIncrementForWorkOrderLae({ setError, state, setState, ...props }) {\n const [val, setVal] = useState(props.value ? parseFloat(props?.value) : \"\");\n const handleChange = (action) => () => {\n typeof setError === \"function\" && setError();\n if (action === \"inc\") {\n if (parseFloat(val || 0) >= 0)\n if (parseFloat(val) % 0.5 === 0) setVal(parseFloat(val + 0.5));\n else setVal(parseFloat(val || 0) + 0.5);\n }\n if (action === \"dec\") {\n if (parseFloat(val) > 0)\n if (parseFloat(val) % 0.5 === 0){\n setVal(parseFloat(val - 0.5))\n } else if (parseFloat(val) <= 0.5 ){\n setVal(0)\n }\n else setVal(Math.round(parseFloat(val || 0) - 0.5))\n }\n };\n\n useEffect(() => {\n setState({\n ...state,\n lae_hrs: val,\n });\n }, [val]);\n\n console.log({ val });\n\n useEffect(() => {\n // setVal(parseFloat(props?.value))\n }, [props.value]);\n\n let inputprops = {\n value: props.value,\n };\n\n return (\n <>\n \n \n User Hours\n \n\n \n \n
\n \n\n \n \n Mark as Absent \n \n\n \n \n \n\n \n\n
\n )\n}\n\nexport default MarkAbsent","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAZCAYAAAA8CX6UAAAABHNCSVQICAgIfAhkiAAAAVtJREFUOE+9lY1RAjEQRkkFaAd0AFYgVKAdIBWgFagViB1gB1ABUIFYgdgBVHC+j0luciE/N+iQmR2YZPPybXazZzqRUVXVFdPP2D3Wsy4Lft+NMevYHhNOAhkwt8IEi405sEm40ABFIEs2bDHBh1jXAqTs0YeFIMm+xQ4Kyw+DQxSiwutbwMhfr0FWzad1esXpJRK2YN92/gOfB+fjgyT1zS5c47SPXRAHOtUbfBTucfggKVCmOjicJMFtADTj/xT7M0jZlPoF5ykR5ymKhXtWaEkQMSuldymHFvNKyo0BVLVwLrmMLgr6Qk4Pc88jpi6r6IcdeiZb2w1UP+NEjFnQBMjcK0TVzy6hLAtqPEoBUaYCdI/WF5cFNR5l8KjDCItZeyI83Y3UqF5SF14E1e2kUG9F0LETAhmiRu03NYogbVxjarWpHi6fVqCMkHrpf0EqulTFtlGjD8XgF7VDsm1Ab2z8AAAAAElFTkSuQmCC\"","\nimport React from \"react\";\nimport Dialog from \"@material-ui/core/Dialog\";\nimport { makeStyles } from \"lib/utils/common_utils\";\nimport { DialogContent, IconButton, Typography } from \"@material-ui/core\";\nimport FileUpload from \"components/form_components/fileUpload\";\nimport { BASE_API_URL_BOXR } from \"lib/constants\";\nconst useStyles = makeStyles((theme) => ({\n certDialog: {\n \"& .MuiDialog-paper\": {\n boxShadow: \"0px 3px 6px #00000029\",\n position: \"absolute\",\n left: \"calc(50% - 250px)\",\n width: '44%'\n },\n },\n}));\nfunction TechFilesPopup(props) {\n const { handleClose, currentSelectedRow, open } = props\n const classes = useStyles();\n return (\n \n\n \n
\n )\n}\n\nexport default TechFilesPopup","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABHNCSVQICAgIfAhkiAAAAp1JREFUSEu9VkFy2kAQnFkJX8MPTF4Q+QWWb6kEYeWWwlRZPwj+gfMD/yCkCly5RSA7lZuVH5AfyC8IRxeg3czIDBbCkmKbyl5A0u70TE/3SAiF1e70LuiWiwCz4rOqawPQ1EoHP8LLaXEfxXpYXudkYAAdUNC/CofxU0B8P2imehlGk6FbCsIAYExsULUIJGYQPrjUy1M61CwDpOzHkr3X6cWlIAIQRZcDoutcQN57J30OjhZuUSCgqE0/mox8vi4FyXqA5hAMhtlBBFejPuPsGEQpeGNh42wO85bS6nibCnPwLyBT7oEc1qBnUn5GFywdG+zpHdw16bdVBKHnyc/wW1JZSVmJT2m67CXaqfH31OUX7hKkLLENkLbfczFFknz5WliLW6GHdzGl3C9LI6kQD+jwDdH/iykOw0HmtTXIW/9jy9Z2UEcTGp2wCnkfn2lom7wFMaU2jaJh6Hk93yA4ZEDXUrbPQC+ii+X+ELwbkMf2DZjkejL66nndQAM2r6PRRbESNl7lokpuV37i8TO7mgzPua/amJD9ZFLjKKqEBBCsJkiy1ZM6EJGsCCbzEpiZUMjnpULLsuNULwbPpksmA2hwZUJIgiwguc+VrUHe+V3H0oopqFzU5ClR1P9flXBCfwjwMwMS+Hc01BOkzMEcsSm5J5pUt65kNXE/1VVCavrNUs1zfy/dTF0tkfij6pI5VQeSn205n9wI+Apsn3xytBOfiOPpnRPT/5gCO5kxc0bccHxdBVXPi/OveL1pRmN/KQaz0f4gM6gMiIMyNWk6PyS/jEtBXlJJ+/gkIWUlTBXF8RHNq2g8ei0xn23GfFLssT3YSxbpImhYjQFP5fxXy05ARAClXyssOUBFGofK90gdnSRhTJXuP/bd9RfzpuqxMsjmJAAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAZCAYAAABQDyyRAAAABHNCSVQICAgIfAhkiAAAAulJREFUSEvVVlFu2kAQnVlDf0NOEHKCJido+KvaGJy/KiDFOUHgBCEnCDlBqQRR/2piWvWv5ARwA5wTNPm2vdPZJYugxXitNh/dH5A8s/vmzcybQbA4x17rCIiuEfDAwhwIIEgw6XwPPkd59phn8Nb7UC1TaUpAT0DYz7Pn7xVA8vl3Ph4ND/Ps1wC8804PnNTZWXNC6QFiGySchOEgyLtQfT+ut7qIcAmSfcF5XPWJnfhhlRkNgB0u2KGr0WecFOXht+B2ZgPgvdtsC4HX2bYUEeL5OBhM0HVbHgj4wom759xNNjkhySgMb23o1+6e51fiNPYRcXNAnCKupx0OqobHjeaUfXY5X1Wb6P6FzXNdzYngBt1Gi9Sf8d2gbXu5jlDGDY5Cg2aGZo7z6j4I+mv5NvepB0uy1JBC3ps0uvWWZtsAuGIAqga2ngVy55Ld/A2GjxxIryRKN78DcevNgAu5wT6P4Wiwq3wLA9AdQuIH+1ZYEz5xSwbkgI4YU1kFFD4gvOF2nZWwXFsFYQCoVuZU67ooBGBFC5h19FT1bqLKVL8CsaoBKmVpmhzFTjIzLVgIwDIChFrW4waQASEldb6Gw15WTq0BmIpVtId3w025/+MN7qyIBYbC0XD/rwEsRaWYEvZY2C62iZc1A0ZWY0z2bYaLLjD31AchPtKWlP0/AEw0BYeRTsE21qwZ0C1EyU8148ejwUmeWC3s4ykRPrG4Ze4P1gAWotHsc/+f2bDANaOj51F8vm2AFQKgokpkMuGL9/jiTtbFy8ctWrYQAMWCkmIhRZ9BvFZKp7YjJFzsB3ppAV4+sMp6MXJE2c8aTCaFhQEox2cm2jz+2mqer9YDg3pASV3bvWENQBGVM49qRkDowZJAEtlqxJKBRnPOLD6gRoK052D5MI+2vA6w/f48WblT4ArVyo0EPGYp4gsm3D7q9+UOwgHPiSNOGfLYri6WUgVC8lLK8/zlXl7crHYCDngSi7St0vYLkPQA2LiEMecAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAZCAYAAAAiwE4nAAAABHNCSVQICAgIfAhkiAAAAhdJREFUSEu9lr1S20AQx3cPUYe0pMB0DJXzBk5BisSSRZmgGatPwUdKCjtvYJ4gMGNnmDTIlpmBKuYJIG9AmrQBGmZiWcv/NDkPSTzo0Ci5RqO7vf3d7t7tLhPGK/9tVYlqMZGv/8scQjTilPbiuBtpvaxhc6LOheSahSIhviwLyCQVYaox8RKltK6h7HobkZ50eL4SRftXZcGMHt8PF5I0GTHTUtzvPmW3EcA4OYgHvbBsmNFX94I2gK0xJ8sZUIQ+DAfd9r8GwpMvHgR6XrA2IVm0PYgSvkWcPv8pbyzMBdYbG6cI+EtbIELzHaF5Vhjoum9WJsp5Ygt0ZPxzMDg8Lwy0BeXJWbvU9YIhMb3OU2jWcd2/Dfu9SmELcbIdZJ9VeyBd47a/Lwy0BeXJWbsUt/QdCa/kKTTreNw3yCa7hS3878/C1rI8OWuX5imyXf8NCLddYuMPXOfntgoeKwdgB/HdRHyZp3ShdqKSg5PoUB+glPGrNDUB6yDt9ZH2fDwzIl0TibkxfcDI6sOoOzL/2UZJPhbtCFCNvjrKqel6mwH1qPtBjVMJAW7qrG6A2bzQEUQWdN18bEeAvRemvdCcKXAKFfqigQ45F5N03MIBtnT7ga9/3+qiPp8JTFPZZkVNlKaq9v2cmg/Laj9mAvXps6Yqla04/rRf1JpZ+2YDhc7GKgnLvLEG/hdQJlI9jnudMq26r+sOJwdW2TtLt7oAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAxBJREFUSEu9l71uE0EQx2fu9kQAIZkCKRJNIlFQJhREORc4TQpEkktBHyQqCuKIFzAtDeEJME8QO+FDVDGFHYmGpKJBwiUCAaZBCbfeYebCWU58vr1zLNJE8s7Ob2d25j97GDRhhlA9BcAS/Jc/aiDpDVxuqQYhVV3AtgG4lYlN2Nn2w2eZbE8ZLe25a0i4histj+p+yP9Vhwg2MzlDKBFgbccPU+2XW14ViVbwgp42v1UVObB6UV8WZh/YaxPQFiB0bHA5sQGzseN3a2m2Sy2vjEDBtq9LnNlNIJjaLurgBDj4AAU4VDM2aLRudKdWhP1MtglGPTAANUZ1Mto+LEWpRqQFmwPq6mvoqk82uyzrRLjbu+PUu+JKdMh5zndUrRfDe1mcp9mcuGMxlNbiyqOETbNSxVIodV8Xxg9uevuOQ+Uu0BTjOwhOIDA+ibQC958unaWo4gMnRuyQLrOScbHhTw7+8rihAk8Ei4qhccoMrXFPFxBwnfv7nfTi8SZ3lciZRE4HH+pRnrSHE+HcmxvwLREsAJE1LqYKwwsGsBKLQD9k8QAuqiO4lAf8+iZ8GRpxHNlSyw1c6rbBUQVDUOlFvOfeJ4NP8gBjWxf09a0ifB2IWH5IckhEdZG6eK20CxOjgBsLcJgYcWovs+6658Nqbdau5bZDDUQ8bEM0ZbitgPAzC8iszbFtPUeq4YALrQ0YzeE1m2Pb+vCqlrRS2DDolVlIeGKNDzq0qhkk4hHw4JhiMW9HUECeo2E0Mu+04KoimOieg18mhCu26PrXX83Dx6HgY+XyajzoyzLwBQpInOKTAkJo/rCGPMgDdt1wcWsOvg9N9b8HYEMGg8NK1t/Ht9/DpBOq6TzA2PZlUe8lR8xDgiVzXRbjVLNkyh2v9oSl6a7wbw9HAR+hvvvWhx+DETdVpM+nnWZ52OU5SOY+TnOaMsMHthmkFzvz3epYwFmfTkYKlajN0lsZG1je5bZULzdVRWzGCrZB43UeNo974PgTRnKf1cFZ7HqfMNKzBtUmt0i276azUHmvvGZEpP4Cs4sLASVJwxIAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABHNCSVQICAgIfAhkiAAAAmNJREFUSEutlrtuE0EUhv9JIhQkFDlUdDhPQOiRWFNEQoIYilQUBKWjSfIGbqlwQ0NDahqMjUJBET9BcEGJhCMkKqQkUgoULsN3xmvLa3a9m8UjrXY1c+b/5lxmZp3vKJLUlNcJ79k2pwqCOw5IT+eq6xIghc7s5tVz69rNMvDvVdUvVd19dcPiz/UF3bfOt9WVC57Umbw3FYIdAjczIZ2w0Aea4/mjj3zX0G0MIL/pXFCDjtUCkFYm5A2RWFTF3VXfvApv9C1cfSa9mm0yxtS8Ngc5ITmZEKdruH5GSM9KLqQZwkUyI2+uzuvGhJAVwi6ACrmYHsqMFQzCNYR0yIklbVjKjkoRZe0Jp9MJkM0ynqRBLHTbPF3EawHyHwBb1L8QBBG3/LR4VwHU8cDFxluE8xP5sfGrBbxqM/dFmifmgYWpiXQAWb4CZF9LvJYAVfSDnZDXLuu7W9O3NMgxwj0Aq/F7tPmowkf0beRpj8bntO/u6eUkxFYcVj3ecLlRWDjFMAFJEwplvaAD84qwPSkDS3ryjoR6PU8IeZ0Suj3zcJb7pBuHzAqgAcBKOuJkjdzDcldBWuIpIz1G+CgGbANYNgDGd+j7ytgaNldyQ+d16Or6kF7CCjv7Os+yCQ3DhPEKd8Mp0FvslcVciPSZPB6mQsKFY/n5SS7m1Rrtk7ae4slWAfGBiddr5j5LQtrBA3sSbQgpLD5hmFvCWcJszAZjt/PARKVWHhKf3NMgo9N9/KjPW9X4ePxfcDB1jt2I61oZXr+9i+6D+DcqyoH0+XdocWKEO96M7S/j+CLeFLS1bbDzF1EmMoY21kl+AAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABHNCSVQICAgIfAhkiAAAAj5JREFUSEutlr+O00AQh2e3okDIoaIj9wRAj0RCQZtrqCgwoqM58wZpqXBDQ0NqqkBBQ0Ge4EhBiUQQEhUSd9LVO3yzsSMncWwnxNLcZm/Xv2/nz+7aqchAnMtF5AI79pOIaubUuTk/RgUoaaQw14XwctccFtxnrO9EZnHxIj/Q/WCQGZBcvB9JCJMWSO5U7+2EeJ+jdRrN+6/oDYGMS4j9c8zg3UYIi2GV0wZPLBIJcxbmVWxxwiALaO+OnYyVnmpa5iRrgNxi7Kqw/ddCUcVwEecB7pmrdzZUEry0RCfMaQ7lDnwZriVkmZPTSilbpVhZWzgvqKp0fzdEtiEhzBE8w6zihhHyHwBbVB3ERDNsCqRPO8IDioTJIs9pvlGFGWM3W71S/ciLb+ogM1428bwEWSgLyA1aM8udb4WI/AHyuw7yl5fnmCXZQrfafHjyhP7jDuLLKaqfgLxdh9gx4H1cdfUhXOPOwjUT1yB1QrGsnfuC2Zn17BDYpicZnrxeE1K9BDDB9cHx9kkIsxgyaznYzAMDRMiBV8F24pcJe8rfnxEgcgawZwBC95D+L+wRdr1D6M5573N9CXufArqNSM+EyjABOaF7id3HrnWAfAdyXgspLhw7MCe2Vyr75AV925DdHtX3aL3aTHyKSLqpUEK6KW/Pai3hXcLFYfqgDcwCh4dDiuuhCbK6QoqbMR71bauqjsfvAtukjRS7EfWk9CTuhX32QfwSqTmC1pghLOhP7dpwle8uOxyP/fTsu+sfi0xdTTEil6IAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,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\"","import React, { useContext, useEffect, useReducer, useState, useRef } from \"react\";\nimport Dialog from \"@material-ui/core/Dialog\";\n\nimport {\n createStyles,\n Grid,\n IconButton,\n makeStyles,\n Paper,\n Typography,\n CircularProgress, useTheme\n} from \"@material-ui/core\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport {\n SortableContainer,\n SortableElement,\n SortableHandle\n} from 'react-sortable-hoc';\nimport { arrayMoveImmutable } from 'array-move';\nimport List from \"@material-ui/core/List\";\nimport ListItem from \"@material-ui/core/ListItem\";\nimport ListItemText from \"@material-ui/core/ListItemText\";\nimport ReorderIcon from '@material-ui/icons/Reorder';\n// import { List, Column } from 'react-virtualized';\nimport 'react-virtualized/styles.css';\nimport { MaintenanceServices } from \"lib/services/api/operaitons/WorkShop/TaskLibrary/Maintenance/maintenance_operation\";\nimport LoadingIndicator from \"components/universal/loading_indicator\";\nimport MROButton from \"components/buttons\";\n\n\nconst useStyles = makeStyles((theme) =>\n createStyles({\n modal: {\n \"& .MuiDialog-paperWidthSm\": {\n minWidth: \"900px\",\n height: \"max-content\"\n },\n },\n container: {\n minWidth: \"600px\",\n padding: \"78px 40px\",\n position: \"relative\",\n display: \"flex\",\n flexDirection: \"column\",\n\n },\n\n popupTitle: {\n fontSize: \"20px\",\n lineHeight: \"28px\",\n position: \"absolute\",\n top: \"19px\",\n bottom: \"15px\",\n left: \"25px\",\n },\n divider: {\n borderBottom: `1px solid ${theme.palette.primary.main}`,\n },\n tableTitle: {\n fontSize: \"16px\",\n lineHeight: \"22px\",\n color: \"#4D4F5C\",\n fontWeight: \"bold\",\n marginTop: \"19px\",\n marginBottom: \"16px\",\n },\n tableCell: {\n height: '32px',\n justifyContent: \"space-between\",\n whiteSpace: \"normal\",\n wordWrap: \"break-word\",\n\n },\n actionButtons: {\n paddingTop: '65px',\n display: \"flex\",\n justifyContent: \"end\",\n alignItems: \"center\",\n },\n })\n);\n\nexport default function ReorderAction(props) {\n\n const theme = useTheme()\n\n const { handleClose, workshop_id, action_type, getListing } = props\n const classes = useStyles();\n const message = useContext(ToastMessageContext);\n const [data, setData] = useState([])\n const [loading, setLoading] = useState(false)\n const ref = useRef()\n\n\n\n\n\n\n useEffect(() => {\n getAllActions();\n }, [workshop_id]);\n\n const getAllActions = async () => {\n setLoading(true);\n const params = {\n workshop_order_id: workshop_id,\n action_type: action_type,\n\n };\n await MaintenanceServices.getAllActions(params)\n .then((res) => {\n if (res) {\n\n setData(res.data)\n }\n setLoading(false);\n })\n .catch((err) => {\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n setLoading(false);\n });\n };\n\n\n const handleSortEnd = ({ oldIndex, newIndex }) => {\n if (newIndex > data.length) {\n console.log(\"index=====\", newIndex, data.length)\n }\n else {\n const fromInspection = data[oldIndex].action_number\n const toInspection = data[newIndex].action_number\n setData(data => arrayMoveImmutable(data, oldIndex, newIndex))\n const formData = {\n workshop_order_id: workshop_id,\n action_type: action_type,\n from_position: fromInspection.slice(1),\n to_position: toInspection.slice(1)\n }\n\n MaintenanceServices.updateReorderFunctions(formData).then((res) => {\n getAllActions()\n }).catch(() => {\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n })\n }\n\n };\n\n const handleSortStart = ({ node }) => {\n\n const tds = document.getElementsByClassName(\"SortableHelper\")[0].childNodes;\n node.childNodes.forEach(\n (node, idx) => (tds[idx].style.width = `${node.offsetWidth}px`)\n );\n };\n const SortableTableBody = SortableContainer(({ children }) => (\n {children}\n ));\n const SortableIcon = SortableHandle(({ tabIndex }) => (\n \n \n Files\n \n
\n\n \n \n ({\n filename: file?.filename,\n url: file?.path,\n id: file?.id,\n })) : \" \"\n }\n APIUrl={\"\"}\n showBorderOnNoFiles={true}\n uploadButtonView={true}\n multiple={true}\n name={\"maintenance_file\"}\n action={\"Upload Document\"}\n\n />\n
\n \n
\n ));\n const DragHandle = SortableHandle(({ action_number, title }) => - \n
\n
\n ));\n\n\n\n\n\n\n\n return (\n \n \n\n \n Reorder Actions\n \n\n\n\n
\n )\n}\n","import React, { useContext, useEffect, useReducer, useState, useRef } from \"react\";\nimport Dialog from \"@material-ui/core/Dialog\";\n\nimport {\n createStyles,\n Grid,\n IconButton,\n makeStyles,\n Paper,\n Typography,\n CircularProgress, useTheme\n} from \"@material-ui/core\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport {\n SortableContainer,\n SortableElement,\n SortableHandle\n} from 'react-sortable-hoc';\nimport { arrayMoveImmutable } from 'array-move';\nimport List from \"@material-ui/core/List\";\nimport ListItem from \"@material-ui/core/ListItem\";\nimport ListItemText from \"@material-ui/core/ListItemText\";\nimport ReorderIcon from '@material-ui/icons/Reorder';\n// import { List, Column } from 'react-virtualized';\nimport 'react-virtualized/styles.css';\nimport { MaintenanceServices } from \"lib/services/api/operaitons/WorkShop/TaskLibrary/Maintenance/maintenance_operation\";\nimport LoadingIndicator from \"components/universal/loading_indicator\";\nimport MROButton from \"components/buttons\";\nimport { InspectionServices } from \"lib/services/api/operaitons/WorkShop/Inspection/InspectionService\";\n\n\nconst useStyles = makeStyles((theme) =>\n createStyles({\n modal: {\n \"& .MuiDialog-paperWidthSm\": {\n minWidth: \"900px\",\n height: \"max-content\"\n },\n },\n container: {\n minWidth: \"600px\",\n padding: \"78px 40px\",\n position: \"relative\",\n display: \"flex\",\n flexDirection: \"column\",\n\n },\n\n popupTitle: {\n fontSize: \"20px\",\n lineHeight: \"28px\",\n position: \"absolute\",\n top: \"19px\",\n bottom: \"15px\",\n left: \"25px\",\n },\n divider: {\n borderBottom: `1px solid ${theme.palette.primary.main}`,\n },\n tableTitle: {\n fontSize: \"16px\",\n lineHeight: \"22px\",\n color: \"#4D4F5C\",\n fontWeight: \"bold\",\n marginTop: \"19px\",\n marginBottom: \"16px\",\n },\n tableCell: {\n height: '32px',\n justifyContent: \"space-between\",\n whiteSpace: \"normal\",\n wordWrap: \"break-word\",\n\n },\n actionButtons: {\n paddingTop: '65px',\n display: \"flex\",\n justifyContent: \"end\",\n alignItems: \"center\",\n },\n })\n);\n\n\n\nexport default function ReorderStages(props) {\n\n const theme = useTheme()\n\n const { handleClose, workshop_id, action_type, getListing, selectedId } = props\n const classes = useStyles();\n const message = useContext(ToastMessageContext);\n const [data, setData] = useState([])\n const [loading, setLoading] = useState(false)\n const ref = useRef()\n\n\n\n\n\n\n useEffect(() => {\n getAllStages();\n }, [workshop_id]);\n\n const getAllStages = async () => {\n setLoading(true);\n\n const params = {\n workshop_action_id: selectedId,\n };\n await InspectionServices.getAllActionStages(params)\n .then((res) => {\n if (res) {\n\n setData(res.data)\n }\n setLoading(false);\n })\n .catch((err) => {\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n setLoading(false);\n });\n };\n\n\n const handleSortEnd = ({ oldIndex, newIndex }) => {\n if (newIndex > data.length) {\n console.log(\"index=====\", newIndex, data.length)\n }\n else {\n let c_data = arrayMoveImmutable(data, oldIndex, newIndex)\n setData(data => arrayMoveImmutable(data, oldIndex, newIndex))\n\n\n let stageParams = c_data?.map((item, index) => {\n return { stage_position: index + 1, action_info_id: item.id }\n })\n const params = {\n workshop_action_id: selectedId,\n stage_position_data: stageParams,\n };\n\n InspectionServices.updateStagePosition(params).then((res) => {\n getAllStages()\n }).catch(() => {\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n })\n }\n\n };\n\n const handleSortStart = ({ node }) => {\n\n const tds = document.getElementsByClassName(\"SortableHelper\")[0].childNodes;\n node.childNodes.forEach(\n (node, idx) => (tds[idx].style.width = `${node.offsetWidth}px`)\n );\n };\n const SortableTableBody = SortableContainer(({ children }) => (\n {children}\n ));\n const SortableIcon = SortableHandle(({ tabIndex }) => (\n \n \n\n\n {loading ? }\n \n \n {\n handleClose()\n getListing()\n }}\n variant={\"contained\"}\n color=\"primary\"\n\n >\n Complete\n \n \n\n
\n\n\n \n - \n
\n\n\n \n {data.map((row, ix) => (\n
: \n
\n ));\n const DragHandle = SortableHandle(({ action_number, title }) => - \n
\n
\n ));\n\n\n\n\n\n\n\n return (\n \n \n\n \n Reorder Actions\n \n\n\n\n
\n )\n}\n\n","module.exports = \"data:image/png;base64,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\"","import React, { useRef, useState } from \"react\";\n\nimport { Box, Typography, Grid, CircularProgress } from \"@material-ui/core\";\n\nimport { useReactToPrint } from \"react-to-print\";\nimport QRCode from \"qrcode.react\";\nimport MROButton from \"./buttons\";\n\nfunction QRCodeWithData(props) {\n const { qrData, data, handleClose, loading } = props;\n\n const printContainerRef = useRef();\n const printHandler = useReactToPrint({\n content: () => printContainerRef.current,\n onAfterPrint: () => setIsPrintWindowOpen(false),\n });\n\n const [isPrintWindowOpen, setIsPrintWindowOpen] = useState(false);\n\n if (loading) {\n return (\n \n \n\n\n {loading ? }\n \n \n {\n handleClose()\n getListing()\n }}\n variant={\"contained\"}\n color=\"primary\"\n\n >\n Complete\n \n \n\n
\n\n\n \n - \n
\n\n\n \n {data.map((row, ix) => (\n
: \n {/* printContainer */}\n \n Print Part QR Label\n \n \n \n \n {data.map((item, idx) => (\n \n \n \n {item.label}\n \n \n \n \n {item.value ?? \"-\"}\n \n \n \n ))}\n \n\n \n \n \n \n\n \n \n Cancel\n \n window.print()}\n onClick={() => {\n printHandler();\n setIsPrintWindowOpen(true);\n }}\n >\n Print\n \n \n
\n );\n}\n\nexport default QRCodeWithData;\n","import React, { useState, useEffect } from \"react\";\n\nimport QRCodeWithData from \"components/qr_code_with_data\";\nimport MRODialog from \"components/MRODialog\";\nimport { MaintenanceServices } from \"lib/services/api/operaitons/WorkShop/TaskLibrary/Maintenance/maintenance_operation\";\nimport { removeSecFromDateTime } from \"lib/utils/helperFunctions\";\n\nfunction PrintLable(props) {\n const { open, handleClose, id } = props;\n\n const [barcodeData, setBarcodeData] = useState({});\n\n const [loading, setLoading] = useState(false);\n\n const getBarcodeData = async () => {\n try {\n setLoading(true);\n const response = await MaintenanceServices.getBarcodeData({\n workshop_order_id: id,\n });\n setBarcodeData(response ?? {});\n } catch (error) {\n console.log(error);\n } finally {\n setLoading(false);\n }\n };\n\n useEffect(() => {\n getBarcodeData();\n }, [id]);\n\n const data = [\n {\n label: \"Order Ref\",\n value: barcodeData.order_ref,\n },\n {\n label: \"Part #\",\n value: barcodeData.part,\n },\n {\n label: \"Serial #\",\n value: barcodeData.serial,\n },\n {\n label: \"Description\",\n value: barcodeData.description,\n },\n {\n label: \"Customer\",\n value: barcodeData.customer,\n },\n {\n label: \"Customer Ref\",\n value: barcodeData.customer_ref,\n },\n {\n label: \"Booked In\",\n value: removeSecFromDateTime(barcodeData.bookedIn),\n },\n ];\n\n const qrData = {\n orderRef: barcodeData.order_ref,\n partNo: barcodeData.part,\n serialNo: barcodeData.serial,\n desc: barcodeData.description,\n customer: barcodeData.customer,\n customerRef: barcodeData.customer_ref,\n bookedIn: barcodeData.bookedIn,\n reportable_type: \"WorkshopOrder\",\n reportable_id: `${id}`\n\n };\n\n return (\n \n \n \n Away From Base Checks\n \n \n \n {action === \"qr_code\" && (\n setAction(null)}\n id={data.id}\n />\n )}\n
\n );\n}\n\nexport default AwayFromBase;\n","import React, { useContext, useMemo, useState } from \"react\";\nimport {\n Typography,\n makeStyles,\n Grid,\n Box,\n MenuItem,\n CircularProgress,\n IconButton,\n} from \"@material-ui/core\";\nimport MROTextField from \"components/form_components/TextField\";\nimport QrCodeIcon from \"assets/icons/qr-code.png\";\nimport MROButton from \"components/buttons\";\nimport UploadButton from \"components/form_components/upload_multiple\";\nimport FileUpload from \"components/form_components/fileUpload\";\nimport { useEffect } from \"react\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport { MaintenanceServices } from \"lib/services/api/operaitons/WorkShop/TaskLibrary/Maintenance/maintenance_operation\";\nimport {\n fixedInputValueTo2DecimalPlaces,\n removeSecFromDateTime,\n validateFormData,\n} from \"lib/utils/helperFunctions\";\nimport YesNoField from \"components/form_components/YesNoField\";\nimport PrintLable from \"./PrintLable\";\nimport { BASE_API_URL_BOXP } from \"lib/constants\";\nimport lock from \"../../../../../assets/icons/Lock.svg\";\nimport unlock from \"../../../../../assets/icons/Unlock.svg\";\n\nimport moment from \"moment\";\nimport { WorkshopContext } from \"../../WorkshopContext/WorkshopContext\";\nimport ManageAddress from \"../../Release/AddAddress\";\nimport Add from \"@material-ui/icons/Add\";\n\n\nconst useStyles = makeStyles((theme) => ({\n wrapper: {\n width: \"85%\",\n margin: \"1% 3%\",\n },\n underline: {\n \"&&&:before\": {\n borderBottom: \"none\",\n },\n \"&&:after\": {\n borderBottom: \"none\",\n },\n },\n paper: {\n borderRadius: \"5px\",\n backgroundColor: \"#F5F5F5\",\n padding: theme.spacing(3),\n boxShadow: \"0px 1px 4px #0000001A\",\n },\n partValue: {\n fontSize: \"14px\",\n color: \"#4D4F5C\",\n padding: \"2px\",\n display: \"flex\",\n alignItems: \"center\",\n },\n partKey: {\n \"& p\": {\n fontSize: \"14px\",\n padding: \"1px\",\n },\n },\n partCard: {\n borderRadius: \"8px\",\n padding: \"17px 24px\",\n \"& p\": {\n fontSize: \"14px\",\n padding: \"5px\",\n },\n },\n sec1: {\n borderRadius: \"5px\",\n backgroundColor: \"#fff\",\n padding: theme.spacing(3),\n boxShadow: \"0px 1px 4px #0000001A\",\n },\n fileView: {\n backgroundColor: \"#ffffff\",\n padding: \"45px\",\n border: \"1px solid gray\",\n borderRadius: \" 8px\",\n marginBottom: \"12px\",\n },\n viewOnlyField: {\n pointerEvents: \"none\",\n background: \"#F5F5F5\",\n },\n\n svg: {\n filter: \"invert(1)\",\n height: 18,\n marginBottom: 2,\n },\n}));\n\nconst numFields = [\"weight\", \"length\", \"width\", \"height\"];\n\nexport default function Induction(props) {\n const classes = useStyles();\n const {\n data,\n inductionDetails,\n getInductionList,\n isGettingDetails,\n editTab,\n setEditTab,\n access,\n getHeaderDetails,\n orderStateNum,\n tabStatus,\n closeTabStatus,\n getWorkshopOrderDetails,\n setIsGettingDetails,\n } = props;\n const [value, setValue] = useState(null);\n // const [editTab, setEditTab] = useState(false);\n const [disabled, setDisabled] = useState(true);\n const [aogUpdate, setAogUpdate] = useState();\n const [errors, setErrors] = useState({});\n const message = useContext(ToastMessageContext);\n const { editButton, setEditButton } =\n useContext(WorkshopContext);\n const [action, setAction] = useState(null);\n const [busy, setBusy] = useState(null);\n const [closeTab, setCloseTab] = useState(false);\n const [customerOrderDoc, setCustomerOrderDoc] = useState([]);\n const [shippingFiles, setShippingFiles] = useState([]);\n const [itemConditionFiles, setItemConditionFiles] = useState([]);\n const [partSerialFiles, setPartSerialFiles] = useState([]);\n const [vehicleList, setVehicleList] = useState([])\n const [customerAddress, setCustomerAddress] = useState([])\n const [filesCus, setFilesCus] = useState([])\n const [addressAction, setAddAction] = useState(null);\n const [selectedAddress, setSelectedAddress] = useState(null)\n const [selectedAddressDetails, setSelectedDetailsAddress] = useState(null)\n const [distance, setDistance] = useState(0)\n\n const [fieldsData, setFieldsData] = useState({\n receipt_by_stamp: null,\n scheduled_date: null,\n arrival_condition: null,\n weight: null,\n length: null,\n width: null,\n height: null,\n physical_check_status: null,\n aog_status: null,\n customer_order_number: null,\n secondary_customer_ref: null,\n receipt_type: null,\n receipt_cost: null,\n collection_address_id: null,\n vehicles_id: null\n\n });\n const onChangeHandler = (e) => {\n const name = e.target.name;\n const value = numFields.includes(name)\n ? fixedInputValueTo2DecimalPlaces(e.target.value)\n : e.target.value;\n\n resetErrorsHandler(name);\n setFieldsData((prevState) => ({ ...prevState, [name]: value }));\n };\n\n useEffect(() => {\n let tempData = {};\n Object.keys(inductionDetails).forEach((key) => {\n tempData[key] = inductionDetails[key];\n });\n\n if (!Object.keys(inductionDetails).length) {\n tempData[\"secondary_customer_ref\"] = data?.secondary_customer_ref;\n tempData[\"customer_order_number\"] = data[\"cus-ref\"];\n }\n\n setFieldsData(tempData);\n setValue(\n inductionDetails.physical_check_status === true\n ? \"yes\"\n : inductionDetails.physical_check_status === false\n ? \"no\"\n : null\n );\n\n const aogStatus = inductionDetails?.aog_status ?? data.aog_status;\n\n setAogUpdate(\n aogStatus === true ? \"yes\" : aogStatus === false ? \"no\" : null\n );\n }, [inductionDetails]);\n\n\n const handleCloseTab = () => {\n getInductionList()\n getWorkshopOrderDetails();\n setEditTab(!editTab)\n setDisabled(!disabled);\n }\n\n\n const getVehicleList = () => {\n MaintenanceServices.getVehicleList().then((res) => {\n setVehicleList(res.data)\n }).catch(() => {\n\n })\n\n\n }\n\n const getCustomerAddress = () => {\n const param = {\n workshop_order_id: data?.id,\n };\n MaintenanceServices.getCustomerAddress(param).then((res) => {\n if (res.success) {\n setCustomerAddress(res.data)\n if (selectedAddress !== null) {\n\n setFieldsData({ ...fieldsData, collection_address_id: selectedAddress })\n }\n\n }\n }).catch(() => {\n\n })\n\n }\n\n useEffect(() => {\n getVehicleList()\n }, [])\n\n useEffect(() => {\n\n getCustomerAddress()\n }, [])\n\n useEffect(() => {\n\n if (selectedAddressDetails !== null && selectedAddressDetails !== undefined && data !== undefined) {\n const service = new window.google.maps.DistanceMatrixService();\n\n // latitude if needed\n const origin1 = { lat: parseFloat(`${data?.base_station_latitude}`), lng: parseFloat(`${data?.base_station_longitude}`) };\n const destinationB = { lat: parseFloat(`${selectedAddressDetails?.latitude}`), lng: parseFloat(`${selectedAddressDetails?.longitude}`) };\n //address\n const origin2 = `${data?.base_station_address}`;\n const destinationA = `${selectedAddressDetails?.address}`;\n\n const request = {\n origins: [origin2],\n destinations: [destinationA],\n travelMode: window.google.maps.TravelMode.DRIVING,\n unitSystem: window.google.maps.UnitSystem.IMPERIAL,\n avoidHighways: false,\n avoidTolls: false,\n };\n // The total distance of this route, expressed in meters (value) and as text. The textual value is formatted according to the unitSystem specified in the request (or in metric, if no preference was supplied).\n service.getDistanceMatrix(request).then((response) => {\n\n if (response?.rows[0].elements[0].status === \"OK\") {\n // const string = response.rows[0].elements[0].distance.text\n // let string1 = string.split(\" \")\n // setDistance(string1[0])\n let string2 = response.rows[0].elements[0].distance.value\n setDistance(string2)\n }\n else {\n setDistance(0)\n }\n\n }).catch((err) => {\n console.log(\"could not find placess\")\n })\n }\n\n\n }, [selectedAddressDetails])\n\n useEffect(() => {\n if (fieldsData.collection_address_id !== null && customerAddress.length > 0) {\n let address = customerAddress.filter((item) => item.id === fieldsData.collection_address_id)\n\n setSelectedDetailsAddress(address[0])\n }\n }, [fieldsData])\n\n const handleEditAPiCall = async () => {\n setIsGettingDetails(true);\n const param = {\n workshop_order_id: data?.id,\n tab: \"induction\"\n };\n await MaintenanceServices.editButton(param)\n .then((res) => {\n if (res.success) {\n getWorkshopOrderDetails();\n setEditButton(!editButton);\n }\n })\n .catch((err) => {\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n setBusy(null);\n })\n .finally(() => {\n setBusy(null);\n setIsGettingDetails(false);\n });\n };\n\n useEffect(() => {\n if (editButton) {\n handleEditAPiCall();\n }\n }, [editButton])\n\n const handleTab = () => {\n setEditButton(true)\n setEditTab(!editTab);\n setDisabled(!disabled);\n };\n const handleToggle = (value) => {\n setValue(value);\n };\n\n const resetErrorsHandler = (name) => {\n setErrors((e) => ({ ...e, [name]: false }));\n };\n\n const submitHandler = async (e) => {\n e.preventDefault();\n\n const formData = new FormData(e.target);\n\n const { error, valid } = validateFormData(formData, [\n \"secondary_customer_ref\",\n ]);\n\n shippingFiles.forEach((file) =>\n formData.set(\"shipping_condition_photo[]\", file)\n );\n itemConditionFiles.forEach((file) =>\n formData.set(\"item_condition_photo[]\", file)\n );\n partSerialFiles.forEach((file) => formData.set(\"plate_photo[]\", file));\n\n if (\n customerOrderDoc.length === 0 &&\n !inductionDetails?.customer_order_doc?.length\n ) {\n setErrors((er) => ({ ...er, customer_order_doc: true }));\n }\n\n if (\n (!valid && !disabled) ||\n (customerOrderDoc.length === 0 &&\n !inductionDetails?.customer_order_doc?.length)\n ) {\n setErrors((err) => ({ ...err, ...error }));\n return;\n }\n customerOrderDoc.forEach((file) => {\n formData.append(\"customer_order_doc[]\", file)\n // console.log(\"customer order doc\", file)\n }\n );\n if (fieldsData.receipt_type === \"mro_collect\") {\n\n formData.append(\"collection_distance\", distance)\n }\n // const cusOrder = [];\n // customerOrderDoc.forEach((_, i) => {\n // cusOrder[i] = Array.from(customerOrderDoc[i]);\n // cusOrder[i].forEach((file) =>\n // formData.append(\"customer_order_doc[]\", file)\n // );\n // });\n\n formData.append(\"workshop_order_id\", inductionDetails?.workshop_order_id);\n // formData.delete(\"date_time_good_in\");\n formData.delete(\"date\");\n formData.set(\n \"date\",\n moment(inductionDetails?.date, \"DD/MM/YYYY HH:mm:ss\").format(\n \"YYYY-MM-DD HH:mm:ss\"\n )\n );\n formData.set(\n \"date_time_good_in\",\n moment(inductionDetails?.date_time_good_in, \"DD/MM/YYYY HH:mm:ss\").format(\n \"YYYY-MM-DD HH:mm:ss\"\n )\n );\n formData.append(\"induction_tab_style\", 1);\n formData.append(\"receipt_by\", inductionDetails?.receipt_by);\n if (closeTab) {\n formData.append(\"edit_tab\", true)\n }\n setBusy(\"loading\");\n if (addressAction === null) {\n try {\n const response = await MaintenanceServices.updateInductionTabData(\n formData,\n data.induction_id\n );\n if (response.success) {\n getHeaderDetails();\n getInductionList();\n handleCloseTab();\n setFilesCus(response.data.customer_order_doc)\n message.showToastMessage({\n message: \"Updated Successfully!\",\n variant: \"success\",\n });\n } else {\n message.showToastMessage({\n message:\n response.error.length > 0\n ? response.error?.join(\", \")\n : \"Something went wrong!\",\n variant: \"error\",\n });\n }\n console.table(\"response\", response);\n setBusy(null);\n } catch (error) {\n setBusy(\"error\");\n message.showToastMessage({\n message: \"Something went wrong\",\n variant: \"error\",\n });\n }\n }\n };\n\n const deleteFileHandler = async (id) => {\n setBusy(\"file-deleting\");\n try {\n const response = await MaintenanceServices.deleteFile(id);\n\n if (response.success) {\n message.showToastMessage({\n message: \"File deleted successfully\",\n variant: \"success\",\n });\n getInductionList();\n }\n setBusy(null);\n } catch (error) {\n message.showToastMessage({\n message: \"Something went wrong\",\n variant: \"error\",\n });\n setBusy(\"file-deleting-error\");\n }\n };\n\n const customerOrderFiles = useMemo(() => {\n const files = !Object.keys(inductionDetails).length\n ? data?.customer_order_doc\n : inductionDetails?.customer_order_doc;\n\n return files?.map((file) => ({\n name: file.file_name,\n url: file.path,\n }));\n }, [data, inductionDetails]);\n\n if (isGettingDetails) {\n return (\n \n \n
\n );\n}\n","import React, { useState } from \"react\";\n\nimport { Grid, Typography } from \"@material-ui/core\";\nimport MROButton from \"components/buttons\";\nimport QrCodeIcon from \"assets/icons/qr-code.png\";\nimport PrintLable from \"./PrintLable\";\n\nfunction NoGoodsIn({data}) {\n\n const [action, setAction] = useState(null);\n\n return (\n \n \n \n QR Label\n \n setAction(\"qr_code\")}\n >\n \n\n {action === \"qr_code\" && (\n setAction(null)}\n id={data.id}\n />\n )}\n
\n );\n}\n\nexport default NoGoodsIn;\n","import React, { useContext, useEffect, useState } from \"react\";\n\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport { MaintenanceServices } from \"lib/services/api/operaitons/WorkShop/TaskLibrary/Maintenance/maintenance_operation\";\nimport AwayFromBase from \"./AwayFromBase\";\nimport Induction from \"./Induction\";\nimport NoGoodsIn from \"./NoGoodsIn\";\nimport { WorkshopContext } from \"../../WorkshopContext/WorkshopContext\";\n\nfunction RenderInductionTab({\n data,\n readAndWrite,\n readOnly,\n getHeaderDetails,\n orderStateNum,\n tabStatus,\n closeTabStatus,\n getWorkshopOrderDetails,\n permission\n}) {\n const message = useContext(ToastMessageContext);\n\n const { setState } = useContext(WorkshopContext);\n\n const { shouldTabDataUpdate, setShouldTabDataUpdate } =\n useContext(WorkshopContext);\n\n const [editTab, setEditTab] = useState(false);\n const [access, setAccess] = useState({ read: false, write: true });\n\n useEffect(() => {\n setState((ps) => ({ ...ps, isEditing: editTab, tab: \"induction\" }));\n\n return () => setState((ps) => ({ ...ps, tab: null }));\n }, [editTab]);\n\n useEffect(() => {\n if (readOnly) {\n setAccess({ read: true, write: false });\n return;\n }\n\n if (readAndWrite) {\n setAccess({ read: false, write: true });\n return;\n }\n }, [readAndWrite, readOnly]);\n\n const [inductionDetails, setInductionDetails] = useState({});\n\n const [isGettingDetails, setIsGettingDetails] = useState(false);\n\n const getInductionList = async () => {\n if (data.induction_id) {\n setIsGettingDetails(true);\n await MaintenanceServices.getInduction(data.induction_id)\n .then((res) => {\n setInductionDetails(res.data);\n setShouldTabDataUpdate(false);\n })\n .catch((err) => {\n message.showToastMessage({\n message: \"Something went wrong. Try again!\",\n variant: \"error\",\n });\n })\n .finally(() => {\n setIsGettingDetails(false);\n });\n }\n };\n\n useEffect(() => {\n getInductionList();\n }, [data.induction_id]);\n\n useEffect(() => {\n if (shouldTabDataUpdate) {\n getInductionList();\n }\n }, [shouldTabDataUpdate]);\n\n const _props = {\n data,\n inductionDetails,\n getInductionList,\n isGettingDetails,\n editTab,\n setEditTab,\n access,\n getHeaderDetails,\n orderStateNum,\n tabStatus,\n closeTabStatus,\n getWorkshopOrderDetails,\n setIsGettingDetails,\n permission\n };\n\n switch (data.induction_tab_style) {\n case 1:\n return \n \n \n
\n \n \n {partNum?.length !== 0 &&\n \n
\n \n \n \n \n \n Detail\n \n\n \n\n \n\n\n \n \n \n \n \n \n Scope\n \n \n\n\n \n Task Scope}\n icons={tableIcons}\n columns={columns}\n data={data.data || []}\n options={tableOptions}\n localization={{\n toolbar: {\n searchPlaceholder: \"Search anything\",\n },\n body: {\n emptyDataSourceMessage: \"No scopes Found\",\n filterRow: {\n filterTooltip: \"Filter\",\n },\n },\n }}\n isLoading={inProgress}\n onChangePage={(page) => {\n TableAction.setPage(dispatch, page);\n }}\n onChangeRowsPerPage={(pageSize) => {\n TableAction.setPageSize(dispatch, pageSize);\n }}\n onSearchChange={(search) => {\n TableAction.setSearchText(dispatch, search);\n }}\n totalCount={totalCount}\n page={page}\n />\n \n \n
\n );\n}\n\nconst useStyles = makeStyles((theme) => ({\n bodyText: {\n fontSize: 20,\n // lineHeight: \"28px\",\n },\n partValue: {\n fontSize: \"14px\",\n color: \"#4D4F5C\",\n padding: \"2px\",\n display: \"flex\",\n alignItems: \"center\",\n },\n partKey: {\n \"& p\": {\n fontSize: \"14px\",\n padding: \"1px\",\n },\n },\n partCard: {\n borderRadius: \"8px\",\n padding: \"17px 24px\",\n \"& p\": {\n fontSize: \"14px\",\n padding: \"5px\",\n },\n },\n}));\n","import React, { useContext, useEffect, useReducer, useCallback } from \"react\";\nimport MROFullScreenRightDrawer from \"components/fullwidth_dialog\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport BackIcon from \"@material-ui/icons/KeyboardBackspace\";\nimport Typography from \"@material-ui/core/Typography\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport {\n Box,\n FormControl,\n Grid,\n InputBase,\n MenuItem,\n Select,\n} from \"@material-ui/core\";\nimport { MaintenanceServices } from \"lib/services/api/operaitons/WorkShop/TaskLibrary/Maintenance/maintenance_operation\";\nimport tableReducer, { INITIAL_TABLE_STATE } from \"reducers/table_reducer\";\nimport MaterialTable from \"material-table\";\nimport TableAction from \"actions/table_actions\";\nimport tableIcons, { options } from \"components/universal/table_attributes\";\nimport TouchAppIcon from \"@material-ui/icons/TouchApp\";\nimport { useState } from \"react\";\nimport SearchBarWithFilters from \"components/search_with_filters\";\nimport BoxrTableAction from \"actions/boxr_table_actions\";\nimport { ToastMessageContext } from \"lib/contexts/message_context\";\nimport useDebounce from \"lib/utils/debounce\";\nimport { BASE_API_URL_BOXR } from \"lib/constants\";\nimport PdfIcon from \"assets/pdf.png\";\nimport { getOrganisationId } from \"lib/utils/common_utils\";\nimport { Visibility as ViewIcon } from \"@material-ui/icons\";\nimport { ICON_COLOUR } from \"lib/constants/style_constants\";\nimport PartNumberTable from \"./PartNumberTable\";\nimport ScopePopup from \"./ScopePopup\";\nimport CapabilityServices from \"lib/services/api/compliance/capability_client\";\nimport TechData from \"views/Compliance/Approvals/Capability/TechData\";\nimport DataService from \"lib/services/api\";\n\nconst useStyles = makeStyles((theme) => ({\n paper: {\n padding: \"4px\",\n textAlign: \"center\",\n },\n offgoingchecksTable: {\n \"& td, th \": {\n border: \"1px solid #dddddd\",\n textAlign: \"left\",\n padding: \"8px\",\n },\n partCard: {\n borderRadius: \"8px\",\n padding: \"17px 24px\",\n \"& p\": {\n fontSize: \"14px\",\n padding: \"5px\",\n },\n },\n offgoingchecksTable: {\n \"& td, th \": {\n border: \"1px solid #dddddd\",\n textAlign: \"left\",\n padding: \"8px\",\n },\n },\n },\n\n logo: {\n height: \"76px\",\n },\n filePreviewContainer: {\n maxWidth: \"130px\",\n marginRight: \"30px\",\n },\n wrapper: {\n margin: \"3%\",\n },\n appBar: {\n backgroundColor: \"#fff\",\n color: \"#000000CC\",\n boxShadow: \"0px 3px 6px #0000001A\",\n },\n checksAppBar: {\n backgroundColor: \"lightgray\",\n color: theme.palette.secondary.main,\n boxShadow: \"0px 3px 6px gray\",\n },\n backButton: {\n marginRight: theme.spacing(2),\n },\n generalDetail: {\n backgroundColor: \"white\",\n padding: \"2%\",\n color: \"#fff\",\n borderRadius: \"5px 5px 0 0\",\n },\n content: {\n backgroundColor: \"#fff\",\n padding: \"3% 6%\",\n borderRadius: \"0 0 5px 5px\",\n minHeight: \"50vh\",\n \"& h4\": {\n padding: \"5px 0\",\n },\n },\n titleTile: {\n padding: \"3px 20px\",\n fontSize: \"13px\",\n fontWeight: 500,\n marginBottom: \"20px\",\n },\n pdfFile: {\n border: \"1px solid #ccc\",\n display: \"inline-block\",\n padding: \"10px\",\n borderRadius: \"5px\",\n position: \"relative\",\n },\n pdfIcon: {\n position: \"absolute\",\n top: \"8px\",\n left: \"5px\",\n color: \"#ff414f\",\n },\n pdfName: {\n color: \"#707070\",\n },\n}));\n\nfunction SearchCapability(props) {\n const classes = useStyles();\n const [tableState, dispatch] = useReducer(tableReducer, INITIAL_TABLE_STATE);\n const { handleClose } = props;\n const [currentSelection, setCurrentSelection] = useState([]);\n const message = useContext(ToastMessageContext);\n const [action, setAction] = useState(null);\n const [platformList, setPlatformList] = useState([]);\n const [selectedPlatform, setSelectedPlatform] = useState(null);\n const [searchText, setSearchText] = useState(\"\");\n const debouncedVal = useDebounce(searchText);\n const { page, totalCount, pageSize, inProgress, data } = tableState;\n const [filterData, setFilterData] = useState({})\n const [dependencyList, setFetchDependencyList] = useState([]);\n const [busy, setBusy] = useState(null);\n const [ataChapters, setAtaChapters] = useState([]);\n\n\n\n const tableOptions = {\n ...options,\n page: page,\n total: totalCount,\n pageSize: pageSize,\n toolbar: false,\n searchText: searchText,\n };\n\n useEffect(() => {\n getAllCapability();\n }, [pageSize, page, searchText, debouncedVal, selectedPlatform, filterData]);\n\n const getAllCapability = () => {\n const params = {\n search_keyword: debouncedVal,\n count_per_page: pageSize,\n page: page + 1,\n platform_id: selectedPlatform,\n status: \"Active\",\n ...filterData\n };\n BoxrTableAction.getList(dispatch, message, params, \"fetchCapabiity\");\n };\n\n const handleAction = (rowData) => {\n props.func(rowData?.reference_data, rowData?.id);\n setAction(\"capability\");\n setCurrentSelection(rowData);\n };\n\n const getAtaChapters = useCallback(\n () => {\n let params = {\n\n }\n DataService.getData(params, 'listingATAChapter').then(res => {\n setAtaChapters(res.data.map(d => ({\n id: d.ata_chapter_id,\n name: d.chapter_number\n })))\n }).catch(err => {\n\n })\n },\n [],\n )\n\n\n const getfetchDependency = () => {\n setBusy(\"loading-platform\");\n const params = {\n organisation_id: getOrganisationId()\n }\n CapabilityServices.getFetchDependency(params)\n .then((data) => {\n if (data) {\n setFetchDependencyList(data);\n }\n setBusy(null);\n })\n .catch((err) => {\n console.log(\"platform api failed\", err);\n setBusy(\"platform-error\");\n });\n };\n\n useEffect(() => {\n getfetchDependency();\n getAtaChapters()\n }, [action]);\n\n useEffect(() => {\n if (action && action === \"capability\") {\n handleClose();\n }\n }, [currentSelection]);\n\n const columns = [\n {\n title: \"Ref #\",\n field: \"reference_data\",\n headerStyle: {\n textAlign: \"left\",\n },\n cellStyle: {\n textAlign: \"left\",\n width: \"10%\",\n },\n },\n {\n title: \"Type\",\n headerStyle: {\n textAlign: \"left\",\n },\n cellStyle: {\n textAlign: \"left\",\n\n },\n render: (rowData) =>\n rowData?.capability_type ? {rowData.capability_type.name} : \"-\",\n\n },\n {\n title: \"OEM / D-Org\",\n field: \"oem\",\n headerStyle: {\n textAlign: \"left\",\n },\n cellStyle: {\n textAlign: \"left\",\n\n },\n },\n {\n title: \"Platform\",\n field: \"platform_names\",\n headerStyle: {\n textAlign: \"left\",\n },\n cellStyle: {\n textAlign: \"left\",\n width: \"10%\",\n },\n },\n {\n title: \"Part #\",\n field: \"part_number\",\n headerStyle: {\n textAlign: \"left\",\n },\n cellStyle: {\n textAlign: \"left\",\n width: \"10%\",\n },\n render: (rowData) => (\n \n
\n \n \n \n \n \n \n Search Capability\n \n \n \n \n {action && action === \"part_number\" &&\n setAction(null)}\n currentSelection={currentSelection}\n data={[{}]}\n />}\n {action && action === \"scope_view\" &&\n setAction(null)}\n currentSelection={currentSelection}\n data={[{}]}\n />\n }\n {action && action === \"tech_data\" &&\n setAction(null)}\n currentSelection={currentSelection}\n />\n }\n {/* {action === \"Selected_Order\" &&
\n );\n}\n\nexport default SearchCapability;\n","import React, { useState } from \"react\";\nimport ToggleButton from \"@material-ui/lab/ToggleButton\";\nimport ToggleButtonGroup from \"@material-ui/lab/ToggleButtonGroup\";\nimport FreeTextField from \"./free_text_field\";\nimport Typography from \"@material-ui/core/Typography\";\nimport NumericField from \"../FieldComponents/numeric_field_with_increments\";\nimport { Box, Grid } from \"@material-ui/core\";\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nfunction YesNoInput(props) {\n const classes = useStyles();\n const {\n handleChange,\n formState,\n secondary_fields,\n field_value,\n errors,\n setErrors,\n } = props;\n\n const [value, setValue] = useState(\n field_value === null ? \"\" : String(field_value) === \"true\" ? \"yes\" : \"no\"\n );\n const [secValue, setSecValue] = useState(\n secondary_fields && secondary_fields[0]?.field_value === null\n ? \"\"\n : (secondary_fields && String(secondary_fields[0]?.field_value)) ===\n \"true\"\n ? \"yes\"\n : \"no\"\n );\n\n\n\n const handleToggle = (name, value) => {\n if (value) {\n setValue(value);\n handleChange({ name: name, value: value });\n }\n };\n\n const handleSecToggle = (name, value) => {\n if (value) {\n setErrors({\n ...errors,\n [name]: {\n valid: value ? true : false,\n },\n });\n setSecValue(value);\n handleChange({ name: name, value: value });\n }\n };\n\n const fieldTypeMap = {\n Freetext: \"textfield\",\n Datetime: \"textfield\",\n \"Yes/No\": \"yes_or_no\",\n Numeric: \"numeric\",\n Dropdown: \"textfield\",\n };\n\n const error =\n props.errors &&\n !props.disabled &&\n props.errors[props?.id || props?.org_field_id] &&\n !props.errors[props?.id || props?.org_field_id].valid &&\n props.mandatory &&\n !props?.disabled;\n const secError =\n props.errors &&\n props?.secondary_fields &&\n props?.secondary_fields[0]?.org_field_id &&\n props.errors[props?.secondary_fields[0]?.org_field_id] &&\n !props?.errors[props?.secondary_fields[0]?.org_field_id]?.valid;\n\n console.log({ secError });\n const handleSecInput = (e) => {\n setErrors({\n ...errors,\n [e.name]: {\n valid: e.value !== \"\" ? true : false,\n },\n });\n handleChange(e);\n };\n\n return (\n \n \n \n \n User the search and filter options below to search for the relevant capability document\n \n\n {\n TableAction.setPage(dispatch, 0);\n setSearchText(value);\n }}\n >\n \n \n \n \n {/* \n */}\n \n \n \n \n \n \n \n \n\n \n \n {item.name}\n \n ))}\n \n \n\n\n \n\n \n Workshop Capabilities\n \n \n \n
\n \n {\n TableAction.setPage(dispatch, page);\n }}\n onChangeRowsPerPage={(pageSize) => {\n TableAction.setPageSize(dispatch, pageSize);\n }}\n onSearchChange={(search) => {\n TableAction.setSearchText(dispatch, search);\n }}\n totalCount={totalCount}\n page={page}\n />\n
\n \n \n \n \n History\n \n \n\n \n {\n TableAction.setPage(dispatch, page);\n }}\n onChangeRowsPerPage={(pageSize) => {\n TableAction.setPageSize(dispatch, pageSize);\n }}\n onSearchChange={(search) => {\n TableAction.setSearchText(dispatch, search);\n }}\n totalCount={totalCount}\n page={page}\n />\n \n \n
\n );\n}\n\nconst useStyles = makeStyles(() => ({\n bodyText: {\n fontSize: 20,\n lineHeight: \"28px\",\n },\n}));\n","import React from \"react\";\nimport {\n Box,\n CircularProgress,\n Dialog,\n DialogContent,\n makeStyles,\n} from \"@material-ui/core\";\nimport MROButton from \"components/buttons\";\n\nfunction HistoryDialog(props) {\n const {\n open,\n handleClose,\n children,\n handleSubmit,\n isLoading,\n width,\n centerActionBtns,\n btnTitle,\n noActionBtns,\n btnLeft,\n bgColor,\n color,\n leftStartIcon,\n rightStartIcon,\n submit,\n hideYesButton,\n notShowButton\n } = props;\n\n const classes = useStyles(props);\n\n const submitHandler = (e) => {\n e.preventDefault();\n typeof handleSubmit === \"function\" && handleSubmit(e);\n };\n\n return (\n