\r\n \r\n \r\n userDetails?.role === UserRoles.Reporting ? (\r\n \r\n userDetails?.role === UserRoles.Reporting ? (\r\n \r\n
\r\n \r\n \r\n \r\n {displayMsg}\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport const NotificationType = {\r\n error: 'error',\r\n warning: 'warning',\r\n info: 'info',\r\n success: 'success',\r\n};\r\n","export default __webpack_public_path__ + \"static/media/dhlLogo.6de8dcc2.svg\";","export default __webpack_public_path__ + \"static/media/iConsignLogo.598b10d8.svg\";","import { MsalAuthProvider, LoginType } from 'react-aad-msal';\r\nimport axios from 'axios';\r\n\r\nexport let tenant = \"loginb2cdhlparceluk.onmicrosoft.com\"\r\nif (tenant.startsWith(\"#\")) {\r\n tenant = 'dhlnondevukwcon001b2c.onmicrosoft.com'\r\n}\r\n\r\nexport const reactRedirectUri = window.location.origin;\r\n\r\nexport let signInPolicy = \"B2C_1A_SIGNUP_SIGNIN\";\r\nif (signInPolicy.startsWith(\"#\")) {\r\n signInPolicy = reactRedirectUri.includes(\"dhl-non-uat\") ? 'B2C_1A_signup_signin' : 'B2C_1A_signup_signin-SIT';\r\n}\r\nexport let applicationID = \"34a5f6a1-c056-4937-82b5-8d74f83601b2\";\r\nif (applicationID.startsWith(\"#\")) {\r\n applicationID = 'ca36e441-b718-4f22-b49d-7a302bf0f50e';\r\n}\r\n\r\nconst tenantSubdomain = tenant.split('.')[0];\r\nconst instance = `https://${tenantSubdomain}.b2clogin.com/`;\r\nconst signInAuthority = `${instance}${tenant}/${signInPolicy}`;\r\n// Msal Configurations\r\nconst signInConfig = {\r\n auth: {\r\n authority: signInAuthority,\r\n clientId: applicationID,\r\n redirectUri: reactRedirectUri,\r\n validateAuthority: false,\r\n },\r\n cache: {\r\n cacheLocation: 'sessionStorage',\r\n storeAuthStateInCookie: true,\r\n },\r\n};\r\n// Authentication Parameters\r\nlet scope = \"https://loginb2cdhlparceluk.onmicrosoft.com/34a5f6a1-c056-4937-82b5-8d74f83601b2/user_impersonation\";\r\nif (scope.startsWith(\"#\")) {\r\n scope = 'https://dhlnondevukwcon001b2c.onmicrosoft.com/ca36e441-b718-4f22-b49d-7a302bf0f50e/user_impersonation';\r\n}\r\nconst authenticationParameters = {\r\n scopes: [scope],\r\n};\r\n// Options\r\nconst options = {\r\n loginType: LoginType.Redirect,\r\n tokenRefreshUri: window.location.origin,\r\n};\r\nexport const signInAuthProvider = new MsalAuthProvider(signInConfig, authenticationParameters, options);\r\n\r\n// setTimeout(() => {\r\n// const url = `https://${tenantSubdomain}.b2clogin.com/${tenantSubdomain}.onmicrosoft.com/${signInPolicy}/oauth2/v2.0/token?grant_type=refresh_token&client_id=${applicationID}&scope=openid&refresh_token=${sessionStorage.getItem(`msal.${applicationID}.idtoken`)}`\r\n// axios.post(url, null, { headers: { \"content-type\": \"application/x-www-form-urlencoded\" } }).then(res => console.log(res.data)).catch(err => console.log(err))\r\n// // axios.post(url, {\r\n// // grant_type: \"refresh_token\",\r\n// // client_id: applicationID,\r\n// // scope: `${applicationID} offline_access`,\r\n// // refresh_token: sessionStorage.getItem(`msal.${applicationID}.idtoken`)\r\n// // }, { headers: { \"content-type\": \"application/x-www-form-urlencoded\" } })\r\n// // .then(res => console.log(res.data)).catch(err => console.log(err))\r\n// }, 5000);","import axios from 'axios';\r\nimport { applicationID } from '../utils/authProvider/authProvider';\r\n\r\nconst apiTimeout = 240000; //4 minutes\r\nexport let controller = {};\r\n\r\nconst axiosDefaults = {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n};\r\n\r\nexport const abortOnGoingCallsFor = (url = \"\") => {\r\n controller?.[url.split(\"?\")[0]]?.abort?.();\r\n}\r\n\r\nexport const axiosConfig = axios.create({\r\n ...axiosDefaults,\r\n timeout: apiTimeout,\r\n});\r\n\r\naxiosConfig.interceptors.response.use((response) => {\r\n return response;\r\n});\r\naxiosConfig.interceptors.request.use((config) => {\r\n const baseUrl = config.url.split(\"?\")[0];\r\n // abortOnGoingCallsFor(baseUrl);\r\n controller[baseUrl] = new AbortController();\r\n\r\n config.headers.Authorization = sessionStorage.getItem(`msal.${applicationID}.idtoken`);\r\n config.signal = controller[baseUrl].signal;\r\n return config;\r\n});\r\n\r\nexport const GET = axiosConfig.get;\r\nexport const POST = axiosConfig.post;\r\nexport const PUT = axiosConfig.put;\r\nexport const PATCH = axiosConfig.patch;\r\n","import { Grid } from '@material-ui/core';\r\nimport React, { Component } from 'react';\r\nimport Slider from 'react-slick';\r\nimport './transitionAlerts.scss';\r\nimport ChevronRightIcon from '@material-ui/icons/ChevronRight';\r\nimport ChevronLeftIcon from '@material-ui/icons/ChevronLeft';\r\nimport { GET } from '../../api/axios';\r\nexport default class SlideChangeHooks extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n activeSlide: 0,\r\n };\r\n }\r\n\r\n render() {\r\n const { alertInfo } = this.props;\r\n const fiteredData = (alertInfo || [])[this.state.activeSlide]\r\n const description = (fiteredData)\r\n \r\n const settings = {\r\n dots: false,\r\n infinite: true,\r\n speed: 1000,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n beforeChange: (current, next) => this.setState({ activeSlide: next }),\r\n afterChange: (current) => this.setState({ activeSlide: current }),\r\n nextArrow: \r\n \r\n \r\n \r\n {(alertInfo || []).map((alert, index) => (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Alert from '@material-ui/lab/Alert';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport Collapse from '@material-ui/core/Collapse';\r\nimport Button from '@material-ui/core/Button';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport SliderForAlert from './sliderForAlert';\r\nimport './transitionAlerts.scss';\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '100%',\r\n '& > * + *': {\r\n marginTop: theme.spacing(2),\r\n },\r\n },\r\n alertContainer: {\r\n backgroundColor: '#fff',\r\n },\r\n}));\r\n\r\nfunction TransitionAlerts(props) {\r\n const { open, setOpen, alertInfo } = props;\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n
\r\n ))}\r\n \r\n Showing {index + 1} of {alertInfo.length} alerts\r\n
\r\n{description}
\r\n\r\n
\r\n );\r\n}\r\nexport default TransitionAlerts;\r\n","export const SAVEUSERDETAILS = 'SAVEUSERDETAILS';\r\nexport const SETUSERACCOUNTS = 'SETUSERACCOUNTS';\r\nexport const SETNONRETURNUSERACCOUNTS = 'SETNONRETURNUSERACCOUNTS';\r\nexport const SETSELECTEDACCOUNT = 'SETSELECTEDACCOUNT';\r\nexport const SETFAVOURITECUSTOMERS = 'SETFAVOURITECUSTOMERS';\r\nexport const SETADDRESSBOOKSEARCHPARAMS = 'SETADDRESSBOOKSEARCHPARAMS';\r\nexport const SETLOADPARCELDIMENSIONS = 'SETLOADPARCELDIMENSIONS';\r\nexport const SETLOADEDFROM = 'SETLOADEDFROM';\r\nexport const SETSHIPMENTMANAGEMENTSEARCHPARAMS = 'SETSHIPMENTMANAGEMENTSEARCHPARAMS';\r\nexport const SETACTIVETAB = 'SETACTIVETAB';\r\nexport const SETSHIPMENTID = 'setShipmentId';\r\nexport const SETBOOKEDSHIPMENTID = 'setBookedShipmentId';\r\nexport const SETADDSHIPMENTDATA = 'SETADDSHIPMENTDATA';\r\nexport const SETDASHBOARDTRACKING = 'SETDASHBOARDTRACKING';\r\nexport const SETDASHBOARDFINDSHIPMANET = 'SETDASHBOARDFINDSHIPMANET';\r\n// export const SETLOADPARCELDIMENSIONS = 'SETLOADPARCELDIMENSIONS';\r\nexport const SETBACKUPRESPONSE = 'SETBACKUPRESPONSE';\r\nexport const SETSELECTEDEVENT = 'SETSELECTEDEVENT';\r\nexport const SETDISPLAYACCOUNTS = 'SETDISPLAYACCOUNTS';\r\nexport const SET_ALL_PRODUCTS = 'SET_ALL_PRODUCTS';\r\n\r\n//Action Types for common actions\r\nexport const SET_NOTIFICATION = 'SET_NOTIFICATION';\r\nexport const SET_DELIVERYSERVICEPOINT = 'SET_DELIVERYSERVICEPOINT';\r\nexport const SET_JSPMSTATUS = 'SET_JSPMSTATUS';\r\nexport const SET_PRINTERCONFIGURATION = 'SET_PRINTERCONFIGURATION';\r\nexport const SET_AVAILABLEPRINTERS = 'SET_AVAILABLEPRINTERS';\r\n//Action Types for common actions\r\nexport const SETDEFAULTADDNEWACCOUNT = 'SETDEFAULTADDNEWACCOUNT';\r\nexport const SETLOADERLAYOVER = 'SETLOADERLAYOVER';\r\n\r\nexport const SETAPPLICATIONNUPDATES = 'SETAPPLICATIONNUPDATES';\r\nexport const KEYPRESSEVENT = 'KEYPRESSEVENT';\r\nexport const SET_COMMONCONFIGURATION = 'SET_COMMONCONFIGURATION';\r\n\r\nexport const SET_APPSNACKBAR = 'SET_APPSNACKBAR';\r\nexport const RESET_APPSNACKBAR = 'RESET_APPSNACKBAR';\r\nexport const SETALERTINFO = 'SETALERTINFO';\r\nexport const SET_BOTTOM_ALERT = 'SET_BOTTOM_ALERT';\r\nexport const RESET_BOTTOM_ALERT = 'RESET_BOTTOM_ALERT';\r\nexport const SET_RETURN_REFERENCE_COUNT = 'SET_RETURN_REFERENCE_COUNT';\r\nexport const SET_IS_RETURN_REFERENCE_UPDATED = 'SET_IS_RETURN_REFERENCE_UPDATED';\r\nexport const RESET_RETURN_REFERENCE_VALUES = 'RESET_RETURN_REFERENCE_VALUES';\r\nexport const SET_IOSSVALUELIMIT = 'SET_IOSSVALUELIMIT';\r\nexport const SET_DHL_IOSS_NUMBER = 'SET_DHL_IOSS_NUMBER';\r\nexport const SET_ORDERRESPONSE = 'SET_ORDERRESPONSE';\r\nexport const SET_SORT_ORDER_STATE = 'SET_SORT_ORDER_STATE';\r\nexport const SET_AUTORELOAD_PROCESSORDERS = 'SET_AUTORELOAD_PROCESSORDERS';\r\nexport const SET_POSTALCODERESPONSE = 'SET_POSTALCODERESPONSE';\r\nexport const SET_SERVICE_POINT_WEIGHT = 'SET_SERVICE_POINT_WEIGHT';\r\nexport const SET_MAX_WEIGHT_PER_PARCEL_WITH_FULL_CUSTOMS = 'SET_MAX_WEIGHT_PER_PARCEL_WITH_FULL_CUSTOMS';","import * as actionTypes from './actionsTypes';\r\n\r\n\r\nexport const setAuthDetails = (userDetails) => {\r\n return {\r\n type: actionTypes.SAVEUSERDETAILS,\r\n data: userDetails\r\n }\r\n}","import * as actionTypes from './actionsTypes';\r\n\r\nexport const setSelectedAccount = (selectedAccount) => {\r\n return {\r\n type: actionTypes.SETSELECTEDACCOUNT,\r\n data: selectedAccount,\r\n };\r\n};\r\n\r\nexport const setUserAccounts = (userAccounts) => {\r\n return {\r\n type: actionTypes.SETUSERACCOUNTS,\r\n data: userAccounts,\r\n };\r\n};\r\n\r\nexport const setNonReturnUserAccounts = (userReturnAccounts) => {\r\n return {\r\n type: actionTypes.SETNONRETURNUSERACCOUNTS,\r\n data: userReturnAccounts,\r\n };\r\n};\r\n\r\nexport const setDisplayAccount = (accounts) => {\r\n return {\r\n type: actionTypes.SETDISPLAYACCOUNTS,\r\n data: accounts\r\n }\r\n}","import * as actionTypes from './actionsTypes';\r\n\r\nexport const setDashboardTracking = (newAccount) => {\r\n \r\n return {\r\n type: actionTypes.SETDASHBOARDTRACKING,\r\n data: newAccount,\r\n };\r\n};\r\nexport const setDashboardFindShipment = (dashboardFindShipment) => {\r\n return {\r\n type: actionTypes.SETDASHBOARDFINDSHIPMANET,\r\n data: dashboardFindShipment,\r\n };\r\n};\r\n\r\n","import * as actionTypes from './actionsTypes';\r\n\r\nexport const setFavouriteCustomers = (favouriteCustomers) => {\r\n return {\r\n type: actionTypes.SETFAVOURITECUSTOMERS,\r\n data: favouriteCustomers,\r\n };\r\n};\r\n","import * as actionTypes from './actionsTypes';\r\n\r\nexport const setAddressBookSearchParams = (searchParams) => {\r\n return {\r\n type: actionTypes.SETADDRESSBOOKSEARCHPARAMS,\r\n data: searchParams,\r\n };\r\n};\r\n","import * as actionTypes from './actionsTypes';\r\n\r\nexport const setLoadParcelDimensions = (parcelDetails) => {\r\n\r\n return {\r\n type: actionTypes.SETLOADPARCELDIMENSIONS,\r\n data: parcelDetails,\r\n };\r\n};\r\n","import * as actionTypes from './actionsTypes';\r\n\r\nexport const setLoadedFrom = (loadedFrom) => {\r\n\r\n return {\r\n type: actionTypes.SETLOADEDFROM,\r\n data: loadedFrom,\r\n };\r\n};\r\n","import * as actionTypes from './actionsTypes';\r\n\r\nexport const setShipmentManagementSearchParams = (shipmentSearchParams) => {\r\n return {\r\n type: actionTypes.SETSHIPMENTMANAGEMENTSEARCHPARAMS,\r\n data: shipmentSearchParams,\r\n };\r\n};\r\n","import * as actionTypes from './actionsTypes';\r\n\r\nexport const setAddShipmentData = (data) => {\r\n return {\r\n type: actionTypes.SETADDSHIPMENTDATA,\r\n data,\r\n };\r\n};\r\n\r\nexport const setServiceLocationDetails = (data) => {\r\n return {\r\n type: actionTypes.SET_DELIVERYSERVICEPOINT,\r\n data,\r\n };\r\n};\r\n\r\nexport const setIossValueLimits = (data) => {\r\n return {\r\n type:actionTypes.SET_IOSSVALUELIMIT,\r\n data,\r\n }\r\n}\r\n\r\nexport const setOrderResponse = (data)=>{\r\n return{\r\n type:actionTypes.SET_ORDERRESPONSE,\r\n data:data\r\n }\r\n}\r\n\r\nexport const setPostalCodeDistrict = (data)=>{\r\n return{\r\n type:actionTypes.SET_POSTALCODERESPONSE,\r\n data:data\r\n }\r\n}","import * as actionTypes from './actionsTypes';\r\n\r\nexport const setShipmentId = (shipmentId) => {\r\n \r\n return {\r\n type: actionTypes.SETSHIPMENTID,\r\n data: shipmentId,\r\n };\r\n};\r\n","import * as actionTypes from './actionsTypes';\r\n\r\nexport const setBookedShipmentId = (bookedshipmentId) => {\r\n \r\n return {\r\n type: actionTypes.SETBOOKEDSHIPMENTID,\r\n data: bookedshipmentId,\r\n };\r\n};\r\n","import * as actionTypes from './actionsTypes';\r\n\r\nexport const setBackUpResponse = (loadedResponse) => {\r\n return {\r\n type: actionTypes.SETBACKUPRESPONSE,\r\n data: loadedResponse,\r\n };\r\n};\r\n","import * as actionTypes from './actionsTypes';\r\n\r\nexport const setSelectedEvent = (selectEvent) => {\r\n return {\r\n type: actionTypes.SETSELECTEDEVENT,\r\n data: selectEvent,\r\n };\r\n};\r\n","import * as actionTypes from './actionsTypes';\r\n\r\nexport const setUserNotification = (notificationData) => {\r\n return {\r\n type: actionTypes.SET_NOTIFICATION,\r\n data: notificationData,\r\n };\r\n};\r\n\r\nexport const setJSPMStatus = (jspmStatus) => {\r\n return {\r\n type: actionTypes.SET_JSPMSTATUS,\r\n data: jspmStatus,\r\n };\r\n};\r\n\r\nexport const setPrinterConfiguration = (printerConfiguration) => {\r\n return {\r\n type: actionTypes.SET_PRINTERCONFIGURATION,\r\n data: printerConfiguration,\r\n };\r\n};\r\n\r\nexport const setAvailablePrinter = (printerList) => {\r\n return {\r\n type: actionTypes.SET_AVAILABLEPRINTERS,\r\n data: printerList,\r\n };\r\n};\r\n\r\nexport const setGenralConfiguration = (genConfig) => {\r\n return {\r\n type: actionTypes.SET_COMMONCONFIGURATION,\r\n data: genConfig,\r\n };\r\n};\r\n\r\nexport const setAppSnackBarData = (payload) => {\r\n return {\r\n type: actionTypes.SET_APPSNACKBAR,\r\n data: payload,\r\n };\r\n};\r\n\r\nexport const resetAppSnackBarData = (payload) => {\r\n return {\r\n type: actionTypes.RESET_APPSNACKBAR,\r\n data: payload,\r\n };\r\n};\r\n\r\nexport const setBottomAlert = (payload) => {\r\n return {\r\n type: actionTypes.SET_BOTTOM_ALERT,\r\n data: payload,\r\n };\r\n};\r\n\r\nexport const resetBottomAlert = (payload) => {\r\n return {\r\n type: actionTypes.RESET_BOTTOM_ALERT,\r\n data: payload,\r\n };\r\n};\r\n\r\nexport const setActiveTab = (tab) => {\r\n return {\r\n type: actionTypes.SETACTIVETAB,\r\n data: tab,\r\n };\r\n};\r\n\r\nexport const setReturnReferenceCount = (count) => {\r\n return {\r\n type: actionTypes.SET_RETURN_REFERENCE_COUNT,\r\n data: count,\r\n };\r\n};\r\n\r\nexport const setIsReturnReferenceUpdated = (isUpdated) => {\r\n return {\r\n type: actionTypes.SET_IS_RETURN_REFERENCE_UPDATED,\r\n data: isUpdated\r\n }\r\n};\r\n\r\nexport const resetReturnReferenceParams = () => {\r\n return {\r\n type: actionTypes.RESET_RETURN_REFERENCE_VALUES,\r\n data: null\r\n }\r\n}\r\n\r\nexport const setAllAvailableProducts = (products) => {\r\n return {\r\n type: actionTypes.SET_ALL_PRODUCTS,\r\n data: products\r\n }\r\n}\r\n\r\nexport const setDhlIossNumber = (dhlIossNumber) => {\r\n return {\r\n type:actionTypes.SET_DHL_IOSS_NUMBER,\r\n data:dhlIossNumber,\r\n }\r\n}\r\n\r\nexport const setSortOrderState = (order) => {\r\n return {\r\n type:actionTypes.SET_SORT_ORDER_STATE,\r\n data:order,\r\n }\r\n}\r\n\r\nexport const setAutoReloadProcessOrders = (autoReloadFlag) => {\r\n return {\r\n type: actionTypes.SET_AUTORELOAD_PROCESSORDERS,\r\n data: autoReloadFlag,\r\n };\r\n};\r\n\r\n// Action creator for setting the service point dimensions weight\r\nexport const setServicePointWeight = (weight) => {\r\n return {\r\n type: actionTypes.SET_SERVICE_POINT_WEIGHT,\r\n data: weight,\r\n };\r\n};\r\n\r\n// Action creator for setting the service point dimensions weight\r\nexport const setMaximumWeightPerParcelWithFullCustoms = (maxWeightFullcustoms) => {\r\n return {\r\n type: actionTypes.SET_MAX_WEIGHT_PER_PARCEL_WITH_FULL_CUSTOMS,\r\n data: maxWeightFullcustoms,\r\n };\r\n};","import * as actionTypes from './actionsTypes';\r\n\r\nexport const setDefaultAddNewAccount = (addNewAccountToUsers) => {\r\n return {\r\n type: actionTypes.SETDEFAULTADDNEWACCOUNT,\r\n data: addNewAccountToUsers,\r\n };\r\n};","import * as actionTypes from './actionsTypes';\r\n\r\nexport const setApplicationUpdates = (applicationUpdates) => {\r\n return {\r\n type: actionTypes.SETAPPLICATIONNUPDATES,\r\n data: applicationUpdates,\r\n };\r\n};\r\n","import * as actionTypes from './actionsTypes';\r\n\r\nexport const setLoaderLayOver = (state) => {\r\n\r\n return {\r\n type: actionTypes.SETLOADERLAYOVER,\r\n data: state,\r\n };\r\n};\r\n","import * as actionTypes from './actionsTypes';\r\n\r\nexport const setKeyPressEvent = (event) => {\r\n\r\n return {\r\n type: actionTypes.KEYPRESSEVENT,\r\n data: event,\r\n };\r\n};\r\n","import * as actionTypes from './actionsTypes';\r\n\r\nexport const setAlertInfo = (state) => {\r\n\r\n return {\r\n type: actionTypes.SETALERTINFO,\r\n data: state,\r\n };\r\n};","const API_BASE_URL_DEV = ' https://dhl-non-dev-ukw-api-apim-001.azure-api.net/usp/v1';\r\nconst API_BASE_URL_SIT = ' https://dhl-non-sit-ukw-api-apim-001.azure-api.net/usp/v1';\r\nconst API_BASE_URL_UAT = ' https://dhl-non-uat-ukw-api-apim-001.azure-api.net/usp/v1';\r\n\r\nlet LICENSE_API_BASE_URL = 'https://dhl-prd-uks-usp-wapp-002.azurewebsites.net';\r\n\r\nconst OVERWRITE_LICENSE_API = 'false';\r\n\r\nif (OVERWRITE_LICENSE_API.startsWith('#') || OVERWRITE_LICENSE_API === \"true\") {\r\n LICENSE_API_BASE_URL = ' https://dhl-non-uat-ukw-api-apim-001.azure-api.net/usp/v1';\r\n}\r\n\r\nlet API_BASE_URL = 'https://api.dhlecommerce.co.uk/usp/v1';\r\nexport const GOOGLE_API_KEY = 'AIzaSyAzT3CCQthZOMEGYGCCkHXB2gw0l8O3SBI';\r\n\r\nif (API_BASE_URL.startsWith('#')) {\r\n API_BASE_URL = API_BASE_URL_UAT;\r\n}\r\n\r\nexport const ServiceEndPoints = {\r\n getUser: `${API_BASE_URL}/user`,\r\n getCountries: `${API_BASE_URL}/countries`,\r\n getAddressBook: `${API_BASE_URL}/addressbooks`,\r\n getFavouritesForByText: `${API_BASE_URL}/addressbook/favourite`,\r\n getCurrencies: `${API_BASE_URL}/currencies`,\r\n getTemplateBy: `${API_BASE_URL}/templates`,\r\n getPublicHolidays: `${API_BASE_URL}/publicholidays`,\r\n getPostalAddress: `${API_BASE_URL}/addresses`,\r\n postAddressBook: `${API_BASE_URL}/addressbook`,\r\n postTemplate: `${API_BASE_URL}/template`,\r\n deleteTemplate: `${API_BASE_URL}/templates/delete`,\r\n productCountryFeature: `${API_BASE_URL}/ProductCountryFeature`,\r\n getShipmentManagement: `${API_BASE_URL}/shipments?`,\r\n postAddressBookCsv: `${API_BASE_URL}/addressbook/upload`,\r\n getShipment: `${API_BASE_URL}/shipments`,\r\n cancelShipment: `${API_BASE_URL}/cancel`,\r\n reprintShipments: `${API_BASE_URL}/reprint`,\r\n carriageForwardSummary: `${API_BASE_URL}/shipments?CarriageForward=true&shipmentnumber=`,\r\n getAllMonitioredShipments: `${API_BASE_URL}/monitorshipments/`,\r\n clearMonitoredShipments: `${API_BASE_URL}/monitorshipments/delete/`,\r\n getShipmentDashboard: `${API_BASE_URL}/shipments`,\r\n dashboardSummary: `${API_BASE_URL}/dashboard/shipment?`,\r\n getBreakDownDetails: `${API_BASE_URL}/dashboard/shipment/`,\r\n auditLogs: `${API_BASE_URL}/auditLogs`,\r\n genralConfiguration: `${API_BASE_URL}/configuration/general`,\r\n getServicePoints: `${API_BASE_URL}/internationalservicepoints`,\r\n getShipmentTracking: `${API_BASE_URL}/trackingshipments/`,\r\n getOrderDefaults: `${API_BASE_URL}/orderdefaults`,\r\n getMappedServices: `${API_BASE_URL}/referencedata/services`,\r\n postOrderMapping: `${API_BASE_URL}/orderdefaults/ordermapping`,\r\n orderSetup: `${API_BASE_URL}/configuration/ordersetup`,\r\n getSchemas: `${API_BASE_URL}/schemas`,\r\n postSchemas: `${API_BASE_URL}/schemas`,\r\n getUsers: `${API_BASE_URL}/users`,\r\n postUsersToAccount: `${API_BASE_URL}/user/accounts`,\r\n getRolesAccess: `${API_BASE_URL}/user/roles`,\r\n products: `${API_BASE_URL}/products`,\r\n postUser: `${API_BASE_URL}/user`,\r\n getOrders: `${API_BASE_URL}/orders`,\r\n deleteOrders: `${API_BASE_URL}/orders`,\r\n createOrders: `${API_BASE_URL}/createorders`,\r\n searchandprint: `${API_BASE_URL}/searchandprint`,\r\n saveOrder: `${API_BASE_URL}/order`,\r\n getBarcode: `${API_BASE_URL}/configuration/barcode`,\r\n getReturnInstructionLabel: `${API_BASE_URL}/accounts/returnInstructionLabel`,\r\n returnInstructionLabelPreview: `${API_BASE_URL}/return-instruction-uk`,\r\n printConfiguration: `${API_BASE_URL}/configuration/printer`,\r\n applicationupdates: `${API_BASE_URL}/applicationupdates`,\r\n alerts: `${API_BASE_URL}/alerts`,\r\n email: `${API_BASE_URL}/email`,\r\n getProducts: `${API_BASE_URL}/products?`,\r\n schemaUrl: `${API_BASE_URL}/schema`,\r\n getLocations: `${API_BASE_URL}/locations`,\r\n getShipConfiguration: `${API_BASE_URL}/accounts/shipconfiguration`,\r\n shipmentLabelUrl: `${API_BASE_URL}/shipment`,\r\n shipmentAmmendUrl: `${API_BASE_URL}/shipment/amendment`,\r\n commodityCode: `${API_BASE_URL}/commodity`,\r\n pickUpsUrl: `${API_BASE_URL}/pickup`,\r\n faqsUrl: `${API_BASE_URL}/faqs`,\r\n getPickups: `${API_BASE_URL}/pickups`,\r\n getCustomsDeclaration: `${API_BASE_URL}/customsdeclaration`,\r\n orderFileUpload: `${API_BASE_URL}/orderfile/upload`,\r\n printerQueue: `${API_BASE_URL}/orderdefaults/printerqueue`,\r\n pollingApp: `${API_BASE_URL}/pollingapp`,\r\n orderswithstatus: `${API_BASE_URL}/orderswithstatus`,\r\n getPostcodeDistrict: `${API_BASE_URL}/postcodedistrict`,\r\n getJSPMLicense_v4: `${LICENSE_API_BASE_URL}/license?version=4`,\r\n getJSPMLicense_v3: `${LICENSE_API_BASE_URL}/license/v3`,\r\n getCustomerTradingLocation: `${API_BASE_URL}/tradingLocations`,\r\n getAccounts: `${API_BASE_URL}/accounts/searchAccount`,\r\n getHostedPageUrl: `${API_BASE_URL}/hostedpage`,\r\n getCreateStoreUrl: `${API_BASE_URL}/Customer`,\r\n getMarketplaceDefaults: `${API_BASE_URL}/marketplacedefaultsandmapping`,\r\n getAdminMarketplaceMappings: `${API_BASE_URL}/marketplacedefaultsandmapping/dhl/marketplacemappings`,\r\n getMarketplacesList: `${API_BASE_URL}/marketplaces`,\r\n getWhat3Words: `${API_BASE_URL}/what3words`,\r\n getClearanceDeclarationDetails: `${API_BASE_URL}/shipmentclearance`,\r\n};\r\n","export default __webpack_public_path__ + \"static/media/privacyPolicy.dcdcc5cd.svg\";","export default __webpack_public_path__ + \"static/media/businessServices.7c8bbde9.svg\";","export default __webpack_public_path__ + \"static/media/termsAndConditions.86588377.svg\";","export const ShipmentRequestModel = () => {\r\n return {\r\n pickupAccount: '',\r\n dropOffType: '',\r\n shipmentId: '',\r\n documentCreatedOn: '',\r\n pickup: null,\r\n senderAddress: {},\r\n shipments: [],\r\n correlationId: '',\r\n };\r\n};\r\n\r\nexport const ShipmentModel = () => {\r\n return {\r\n consigneeAddress: consigneeAddress(),\r\n shipmentDetails: shipmentDetails(),\r\n clearanceDeclaration: clearanceDeclaration(),\r\n pieces: [],\r\n };\r\n};\r\n\r\nexport const consigneeAddress = () => {\r\n return {\r\n recipientType: '',\r\n addressType: '',\r\n companyName: '',\r\n address1: '',\r\n address2: '',\r\n address3: '',\r\n city: '',\r\n state: '',\r\n postalCode: '',\r\n country: '',\r\n name: '',\r\n email: '',\r\n phone: '',\r\n locationId: '',\r\n locationType: '',\r\n idNumber: '',\r\n idType: '',\r\n what3Words: {},\r\n };\r\n};\r\n\r\nexport const clearanceDeclaration = () => {\r\n return {\r\n shipmentMovementType: '',\r\n totalValue: null,\r\n items: {},\r\n recipientEORINumber: null,\r\n recipientUKIMSNumber: null,\r\n numberOfItems: null,\r\n sendersEORINumber: null,\r\n SendersUKIMSNumber: null,\r\n reasonForExport: null,\r\n shippingCharges: null,\r\n sendersDefermentAccount: null,\r\n descriptionOfGoods:null,\r\n clearanceDescriptionGoods:null\r\n };\r\n};\r\nexport const shipmentDetails = () => {\r\n return {\r\n shipmentId: '',\r\n customerRef1: '',\r\n customerRef2: '',\r\n orderedProduct: '',\r\n totalPieces: '',\r\n totalWeight: '',\r\n inBoxReturn: false,\r\n shipmentDesc: '',\r\n dutiesPaid: '',\r\n freightCharges: 0,\r\n currency: '',\r\n deliveryChoice: '',\r\n deliveryInstructions: '',\r\n secureLocation: '',\r\n partnerCode: '',\r\n totalPallets: '',\r\n exchangeOnDelivery: false,\r\n carriageForward: false,\r\n directInjectionCustomerId: '',\r\n };\r\n};\r\n\r\nexport const recipientAddress = () => {\r\n return {\r\n companyName: '',\r\n address1: '',\r\n address2: '',\r\n address3: '',\r\n city: '',\r\n state: '',\r\n postalCode: '',\r\n country: '',\r\n name: '',\r\n email: '',\r\n phone: '',\r\n };\r\n};\r\n","export const updateObject = (oldObject, updatedProperties) => {\r\n return {\r\n ...oldObject,\r\n ...updatedProperties,\r\n };\r\n};\r\n\r\nexport const isValidObject = (obj) => {\r\n return !(obj === undefined || obj === '' || obj === null);\r\n};\r\n\r\nexport const isValidPostCode = (countryRegex, postalCode) => {\r\n if (countryRegex === null) {\r\n return true;\r\n }\r\n const regExp = new RegExp(countryRegex);\r\n return regExp.test(postalCode);\r\n};\r\n\r\nexport const getServiceRequired = (services) => {\r\n const serviceLevelsTime = ['09:00', '10:30', '12:00', 'am'];\r\n const serviceLevels = ['parcel', 'bagit s', 'bagit m', 'bagit l', 'bagit xl'];\r\n const mappedServices = [];\r\n\r\n var displayServiceName;\r\n services.map((service) => {\r\n const serviceName = service.name.toLowerCase().trim();\r\n const serviceLevel = service.serviceLevel.toLowerCase().trim();\r\n if (\r\n serviceName.includes(serviceLevelsTime[0]) ||\r\n serviceName.includes(serviceLevelsTime[1]) ||\r\n serviceName.includes(serviceLevelsTime[2])\r\n ) {\r\n displayServiceName = serviceName;\r\n if (serviceLevel.includes(serviceLevelsTime[3]) || serviceLevel.endsWith(serviceLevelsTime[3])) {\r\n displayServiceName = `${service.name} ` + `am`;\r\n } else {\r\n displayServiceName = `${service.name} ` + `pm`;\r\n }\r\n } else if (\r\n serviceName.includes(serviceLevels[0]) ||\r\n serviceName.includes(serviceLevels[1]) ||\r\n serviceName.includes(serviceLevels[2]) ||\r\n serviceName.includes(serviceLevels[3]) ||\r\n serviceName.includes(serviceLevels[4])\r\n ) {\r\n displayServiceName = `${service.name} ${service.serviceLevel}`;\r\n } else {\r\n displayServiceName = service.name;\r\n }\r\n const item = {\r\n name: displayServiceName,\r\n value: service.orderedProduct,\r\n };\r\n mappedServices.push(item);\r\n });\r\n return mappedServices;\r\n};\r\n\r\nexport const renderEmptyText = (value) => {\r\n return value ?? '';\r\n};\r\n\r\nexport const toBase64 = (file) =>\r\n new Promise((resolve, reject) => {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(file);\r\n reader.onload = () => {\r\n resolve(reader.result);\r\n };\r\n reader.onerror = (error) => reject(error);\r\n });\r\n\r\nexport const arrayValuesToQueryStringParam = (accounts) => {\r\n let returnValue = '';\r\n (accounts || []).forEach((account) => {\r\n returnValue = `${returnValue}accounts=${account}&`;\r\n });\r\n\r\n return returnValue;\r\n};\r\n\r\nexport const exportToTextFile = (fileContents,fileName)=> {\r\n const a = document.createElement(\"a\");\r\n a.href = URL.createObjectURL(new Blob([fileContents], {\r\n type: \"text/plain\"\r\n }));\r\n a.setAttribute(\"download\",fileName);\r\n document.body.appendChild(a);\r\n a.click();\r\n document.body.removeChild(a);\r\n}\r\n\r\n//Check if the value is Number\r\nexport const isValidNumber = (value)=>{\r\n return value !== \"\" && !isNaN(value); \r\n}","import * as CONSTANTS from '../utils/constants/constants';\r\nimport { ShipmentRequestModel, ShipmentModel, recipientAddress, shipmentDetails } from '../utils/Models';\r\nimport { arrayValuesToQueryStringParam, isValidNumber } from '../utils/common';\r\nimport { applicationID } from './authProvider/authProvider';\r\nimport { GET } from '../api/axios';\r\nimport { ServiceEndPoints } from './constants/ApiConstant';\r\nimport moment from 'moment';\r\nimport momentTZ from 'moment-timezone';\r\nimport { SCHEMA_MAPPING_GRID } from '../utils/constants/constants';\r\nimport { CLERANCE_DECLARATION, MISC_VALUES, DELIVER_TYPE } from '../utils/constants/constants';\r\n\r\nexport const getCustomerAccountID = () => {\r\n return sessionStorage.getItem('customerAccountID');\r\n};\r\n\r\nconst reA = /[^a-zA-Z\\s]/g;\r\nconst reN = /[^0-9]/g;\r\n\r\nexport const formatPostalCodeValues = (\r\n records,\r\n addressTypeData = [],\r\n leftOverData = [],\r\n getPostalAddresses,\r\n setPostalSearchData,\r\n setOpenPostalSearchModal,\r\n minSearchResultsReq = 10,\r\n searchedString = '',\r\n) => {\r\n records.forEach((record) => {\r\n if (record.type === 'Address') {\r\n addressTypeData.push(record);\r\n } else {\r\n leftOverData.push(record);\r\n }\r\n });\r\n\r\n if (addressTypeData.length < minSearchResultsReq && leftOverData.length > 0) {\r\n getPostalAddresses(null, `&container=${leftOverData[0].id}`, searchedString);\r\n leftOverData.shift();\r\n } else {\r\n setPostalSearchData(addressTypeData);\r\n setOpenPostalSearchModal(true);\r\n addressTypeData = [];\r\n leftOverData = [];\r\n }\r\n};\r\n\r\nconst diffDays = (date, otherDate) => Math.ceil(Math.abs(date - otherDate) / (1000 * 60 * 60 * 24));\r\n\r\nconst sixMonthsWorkingDays = (holidayList, setWorkingDays, shouldIncludeTodaysDate, weekendHolidayPickup) => {\r\n let next6months = moment().add(6, 'months').calendar();\r\n let next6monthsFormat = moment(next6months).format('YYYY-MM-DD');\r\n let lastDaymonthsFormat = moment().format('YYYY-MM-DD');\r\n let days = 0;\r\n let count = 0;\r\n days = diffDays(new Date(lastDaymonthsFormat), new Date(next6monthsFormat));\r\n\r\n let nextDate = new Date();\r\n if (shouldIncludeTodaysDate) nextDate.setDate(nextDate.getDate() - 1);\r\n const fiveWorkingDays = [];\r\n while (count <= days) {\r\n nextDate.setDate(nextDate.getDate() + 1);\r\n let tempVar = new Date(nextDate).setHours(0, 0, 0, 0);\r\n tempVar = new Date(tempVar);\r\n if (!weekendHolidayPickup) {\r\n if (\r\n tempVar.getDay() !== 0 &&\r\n tempVar.getDay() !== 6 &&\r\n !(holidayList || []).some((holiday) => new Date(holiday.date).getTime() === tempVar.getTime())\r\n ) {\r\n fiveWorkingDays.push(tempVar);\r\n }\r\n } else {\r\n fiveWorkingDays.push(tempVar);\r\n }\r\n count++;\r\n }\r\n setWorkingDays(fiveWorkingDays);\r\n}\r\nconst fiveWorkingDays = (holidayList, setWorkingDays, shouldIncludeTodaysDate, weekendHolidayPickup) => {\r\n let nextDate = new Date();\r\n if (shouldIncludeTodaysDate) nextDate.setDate(nextDate.getDate() - 1);\r\n const fiveWorkingDays = [];\r\n while (fiveWorkingDays.length < 5) {\r\n nextDate.setDate(nextDate.getDate() + 1);\r\n let tempVar = new Date(nextDate).setHours(0, 0, 0, 0);\r\n tempVar = new Date(tempVar);\r\n if (!weekendHolidayPickup) {\r\n if (\r\n tempVar.getDay() !== 0 &&\r\n tempVar.getDay() !== 6 &&\r\n !(holidayList || []).some((holiday) => new Date(holiday.date).getTime() === tempVar.getTime())\r\n ) {\r\n fiveWorkingDays.push(tempVar);\r\n }\r\n } else {\r\n fiveWorkingDays.push(tempVar);\r\n }\r\n }\r\n setWorkingDays(fiveWorkingDays);\r\n}\r\nexport const getWorkingDays = (\r\n holidayList,\r\n setWorkingDays,\r\n shouldIncludeTodaysDate = false,\r\n weekendHolidayPickup = false,\r\n shipmentForwardDating = false,\r\n isInternational = false,\r\n) => {\r\n if (isInternational) {\r\n fiveWorkingDays(holidayList, setWorkingDays, shouldIncludeTodaysDate, weekendHolidayPickup)\r\n } else {\r\n if (shipmentForwardDating) {\r\n sixMonthsWorkingDays(holidayList, setWorkingDays, shouldIncludeTodaysDate, weekendHolidayPickup)\r\n } else {\r\n fiveWorkingDays(holidayList, setWorkingDays, shouldIncludeTodaysDate, weekendHolidayPickup)\r\n }\r\n }\r\n};\r\n\r\nexport const getCommodityDetails = (commodityDetails) => {\r\n const formattedCommodities = [];\r\n (commodityDetails || []).forEach((commodity) => {\r\n formattedCommodities.push({ ...commodity, countryOfOrigin: (commodity.countryOfOrigin || {}).code2Digit });\r\n });\r\n return formattedCommodities;\r\n};\r\n\r\nexport const getMarketplaceCommodityDetails = (commodityDetails) => {\r\n const formattedCommodities = [];\r\n (commodityDetails || []).forEach((commodity) => {\r\n formattedCommodities.push({ ...commodity, countryOfOrigin: (commodity.countryOfOrigin || {}).code2Digit, marketplaceCode: commodity?.marketplaceChannel?.marketplaceCode });\r\n });\r\n return formattedCommodities;\r\n}\r\n\r\nconst getParcelDimensions = (formikValues, isDomestic, isOrderfileDefault = false) => {\r\n let formattedDimensions = [];\r\n if (isDomestic) {\r\n formattedDimensions = ((formikValues || {}).parcelDetails || []).map((parcel) => {\r\n const parcelRecord = {\r\n parcelNumber: parcel.id,\r\n pieceWeight: getParsedFloatValues(parcel.pieceWeight),\r\n length: getParsedFloatValues(parcel.length),\r\n width: getParsedFloatValues(parcel.width),\r\n height: getParsedFloatValues(parcel.height),\r\n volumetricWeight: getParsedFloatValues(parcel.volumetricWeight),\r\n };\r\n return parcelRecord;\r\n });\r\n } else if (!isOrderfileDefault) {\r\n formattedDimensions = formikValues.intlParcelDetails.map((dims) => {\r\n return {\r\n length: getParsedFloatValues(dims.length),\r\n width: getParsedFloatValues(dims.width),\r\n height: getParsedFloatValues(dims.height),\r\n pieceWeight: getParsedFloatValues(dims.weight),\r\n pieceRefId: `${dims.pieceRefId}`,\r\n isValid: dims.isValid\r\n };\r\n });\r\n }\r\n else {\r\n formattedDimensions.push({\r\n length: getParsedFloatValues(formikValues.length),\r\n width: getParsedFloatValues(formikValues.width),\r\n height: getParsedFloatValues(formikValues.height),\r\n volumetricWeight: getParsedFloatValues(formikValues.totalVolumetricWeight),\r\n });\r\n }\r\n return formattedDimensions;\r\n};\r\n\r\nexport const getParsedFloatValues = (floatInString) => {\r\n if (isNaN(floatInString) || floatInString === '') {\r\n return 0;\r\n }\r\n return parseFloat(parseFloat(floatInString).toFixed(2));\r\n};\r\n\r\nconst getUserIdArray = (userDetails) => {\r\n return [userDetails?.userId];\r\n};\r\n\r\nexport const formatParcelDetails = (formikValues, isDomestic, isOrderfileDefault = false, isTemplateManagement = false) => {\r\n return {\r\n numberOfItems: isTemplateManagement ? formikValues.noOfItems || 0 : formikValues.noOfItems || null,\r\n weight: isTemplateManagement ? formikValues.weight || 0 : formikValues.weight || null,\r\n pallets: formikValues.createPalletShipment === 'yes' ? formikValues.pallets : 0,\r\n ...((!isDomestic || formikValues.addParcelDimensions) && {\r\n parcelDimensions: getParcelDimensions(formikValues, isDomestic, isOrderfileDefault),\r\n }),\r\n ...((!isDomestic || formikValues.addParcelDimensions) && {\r\n totalVolumetricWeight: getParsedFloatValues(formikValues.totalVolumetricWeight),\r\n }),\r\n };\r\n};\r\n\r\nconst formatDeliveryAddress = (formikValues) => {\r\n const what3Words = {\r\n words: formikValues.what3Words,\r\n geo:{\r\n latitude: formikValues.w3WCoordinates?.lat || formikValues.w3WCoordinates?.latitude,\r\n longitude: formikValues.w3WCoordinates?.lng || formikValues.w3WCoordinates?.longitude,\r\n }\r\n };\r\n return {\r\n recipientType: CONSTANTS.recipientType[formikValues.addressType],\r\n customerNumber: formikValues.customerNumber,\r\n businessName: formikValues.businessName,\r\n recipientName: formikValues.recipientName,\r\n line1: formikValues.addressLine1,\r\n line2: formikValues.addressLine2,\r\n line3: formikValues.addressLine3,\r\n town: formikValues.town,\r\n county: formikValues.county,\r\n postCode: formikValues.postalCode,\r\n telephone: formikValues.telephone,\r\n email: formikValues.emailAddress,\r\n //set What3words details\r\n what3Words: formikValues.destinationCountry.code2Digit === 'GB' ? what3Words || {} : {},\r\n };\r\n};\r\n\r\nexport const formatDeliveryOptions = (formikValues, isOrderFileDefault = false) => {\r\n return {\r\n deliveryType: CONSTANTS.deliveryType[formikValues.deliveryType],\r\n doorStepInstructions: formikValues.doorStepInstructions?.value,\r\n specialInstructions: formikValues.specialInstructions,\r\n exchangeOnDelivery: formikValues.exchange === 'yes',\r\n additionalInstruction: !isOrderFileDefault ? formikValues.additionalInstruction : \"\",\r\n leaveSafeLocation: formikValues.leaveSafeLocation,\r\n };\r\n};\r\n\r\nconst formatdeliveryNotification = (formikValues) => {\r\n return {\r\n mobile: formikValues.mobileRecipient === 'checked' || formikValues.mobileRecipient === true,\r\n email: formikValues.emailRecipient === 'checked' || formikValues.emailRecipient === true,\r\n };\r\n};\r\n\r\nconst formatExtendedLiability = (formikValues) => {\r\n return {\r\n extendedLiability: formikValues.extendedCoverDomestic || 0,\r\n extendedLiabilityRequired: formikValues.extendedCoverInternational || false,\r\n };\r\n};\r\n\r\nconst formatCustomDeclaration = (formikValues, countries = []) => {\r\n return {\r\n invoiceType: CONSTANTS.invoiceType[formikValues.invoiceTypeLabel],\r\n invoiceNumber: formikValues.InvoiceNumber,\r\n invoiceDate: formikValues.InvoiceDate,\r\n descriptionOfGoods: formikValues.descriptionOfGoods,\r\n shippingCharges: getParsedFloatValues(formikValues.customDeclarationShippingCharges),\r\n currency: (formikValues.customDeclarationCurrency || {}).code,\r\n shippersEORINumber: formikValues.customDeclarationShippersEoriNo,\r\n receiversEORINumber: formikValues.customDeclarationReceiversEoriNo,\r\n customItemDetails: getCommodityDetails(formikValues.commodityDetails),\r\n subTotal: getParsedFloatValues(formikValues.subTotal),\r\n shippingCost: getParsedFloatValues(formikValues.customDeclarationShippingCharges),\r\n totalValue: getParsedFloatValues(formikValues.totalValue),\r\n fdaRegistrationNumber: formikValues.FDARegistrationNumber,\r\n termsOfDelivery: formikValues.TermsOfDelivery?.label?.toString(),\r\n };\r\n};\r\n\r\nexport const formatBookDriverPickUpObj = (formikValues, userDetails, operationalAccount) => {\r\n\r\n const bookDriverObj = {\r\n customerAccountId: userDetails.customerAccountID,\r\n requestorName: userDetails.name,\r\n requestorEmail: userDetails.emailId,\r\n pickupDate: formatDate(formikValues.bookCollectionDate),\r\n timeReady: formikValues.earliestTime.substr(0, formikValues.earliestTime.lastIndexOf(':')),\r\n latestTime: formikValues.latestTime.substr(0, formikValues.latestTime.lastIndexOf(':')),\r\n instructions: formikValues.specialInstructions,\r\n tradingLocationId: formikValues.pickupLocation?.value || \"\",\r\n operationalAccountId: operationalAccount?.accountId ?? \"\"\r\n };\r\n return bookDriverObj;\r\n};\r\n\r\nexport const formatCreateSchemaObj = (schemaDetails, mappingDetails, formikValues) => {\r\n const {\r\n DELIMITED,\r\n ROWINDICATOR,\r\n ORDERS_COLLECTIONS,\r\n ORDER,\r\n COLLECTIONS,\r\n COLLECTIONS_CLEARANCE,\r\n CLEARANCE,\r\n CUSTOM\r\n } = SCHEMA_MAPPING_GRID;\r\n const fieldsArray = mappingDetails.map((field) => {\r\n return {\r\n type: field.type,\r\n mapTo: field.valueName,\r\n mapFrom: formikValues.importType != DELIMITED ? '' : field.columnFromFile,\r\n range: {\r\n startIndex:\r\n field.startsAt === undefined || field.startsAt === '' || formikValues.importType === DELIMITED\r\n ? 0\r\n : parseInt(field.startsAt),\r\n columnLength:\r\n field.length === undefined || field.length === '' || formikValues.importType === DELIMITED\r\n ? 0\r\n : parseInt(field.length),\r\n },\r\n value:\r\n field?.valueName?.toLowerCase() === ROWINDICATOR\r\n ? formikValues.schemaType.value === ORDERS_COLLECTIONS\r\n ? field.type === ORDER\r\n ? formikValues['rowIndicator1']\r\n : field.type === COLLECTIONS\r\n ? formikValues['rowIndicator2']\r\n : ''\r\n : formikValues.schemaType.value === COLLECTIONS_CLEARANCE\r\n ? field.type === COLLECTIONS\r\n ? formikValues['rowIndicator1']\r\n : field.type === CLEARANCE\r\n ? formikValues['rowIndicator2']\r\n : ''\r\n : field.type === ORDER\r\n ? formikValues['rowIndicator1']\r\n : field.type === CUSTOM\r\n ? formikValues['rowIndicator2']\r\n : field.type === CLEARANCE\r\n ? formikValues['rowIndicator2']\r\n : formikValues['rowIndicator3']\r\n : '',\r\n };\r\n });\r\n\r\n const createSchemaObj = {\r\n organization: getCustomerAccountID(),\r\n schemaName: schemaDetails.schemaName,\r\n schemaType: schemaDetails.schemaType.value,\r\n schemaFileType: {\r\n fileType: schemaDetails.importType === 'delimited' ? 2 : 1,\r\n delimiter: schemaDetails.newDelimeter === '' ? schemaDetails.delimiter.value : schemaDetails.newDelimeter,\r\n },\r\n time: '',\r\n date: schemaDetails.otherformat === '' ? schemaDetails.dateFormat.value : schemaDetails.otherformat,\r\n isheaderIncluded: schemaDetails.isheaderIncluded === undefined ? false : schemaDetails.isheaderIncluded,\r\n filePollingFolder: schemaDetails.pollingPath,\r\n fieldsMappingSchema: fieldsArray,\r\n isEnabled: true,\r\n fileExtension: schemaDetails.fileExtension,\r\n };\r\n\r\n return createSchemaObj;\r\n};\r\n\r\nexport const formatBarcodeObj = (barcodeDetails) => {\r\n const createSchemaObj = {\r\n organization: getCustomerAccountID(),\r\n type: 'barcode',\r\n fieldToSearchBy: (barcodeDetails.filedToSearchBy || {}).value,\r\n startPosition: barcodeDetails.startPosition,\r\n finalPosition: barcodeDetails.finalPosition,\r\n barCodeLength: parseInt(barcodeDetails.barCodeLength ? barcodeDetails.barCodeLength : 0),\r\n };\r\n\r\n return createSchemaObj;\r\n};\r\n\r\nexport const addFAQReqObj = (values, categoryType, id) => {\r\n const toCamelCase = function (name) {\r\n return name.replace(/^([A-Z])|\\s(\\w)/g, function (match, p1, p2, offset) {\r\n if (p2) return p2.toLowerCase();\r\n return p1.toUpperCase();\r\n });\r\n };\r\n const reqObjArray = [\r\n {\r\n id: id,\r\n category: categoryType === 'textBox' ? values.catagory : values.faqCatagory.name,\r\n question: values.addQuestion,\r\n answer: values.addAnswer,\r\n },\r\n ];\r\n\r\n return reqObjArray;\r\n};\r\n\r\nexport const formatAddToFavReqObj = (formikValues, userDetails = {}, addressObj = {}) => {\r\n let reqObj = {};\r\n if (formikValues.updateAddToAddressBook) {\r\n reqObj = { ...addressObj };\r\n reqObj.favouriteUsers = [];\r\n reqObj.deliveryAddress = formatDeliveryAddress(formikValues);\r\n reqObj.organization = getCustomerAccountID();\r\n reqObj.deliveryOptions= formatDeliveryOptions(formikValues);\r\n } else {\r\n reqObj = {\r\n organization: getCustomerAccountID(),\r\n accountNumber: formikValues.accountNumber?.accountId,\r\n destinationCountry: formikValues.destinationCountry?.code2Digit,\r\n parcelDetails: formatParcelDetails(formikValues, formikValues.destinationCountry?.code === 'GBR'),\r\n deliveryAddress: formatDeliveryAddress(formikValues),\r\n deliveryOptions: formatDeliveryOptions(formikValues),\r\n product: formikValues.product?.productCode,\r\n service: formikValues.service?.name,\r\n customerReference: formikValues.customerReference,\r\n extendedLiability: formatExtendedLiability(formikValues),\r\n alternativeRefernce: formikValues.alternateReference,\r\n deliveryNotification: formatdeliveryNotification(formikValues),\r\n customDeclaration: formatCustomDeclaration(formikValues),\r\n collectionInstructions: formikValues.collectionInstructions,\r\n descriptionOfGoodsToBeCollected: formikValues.descriptionOfGoodsToBeCollected,\r\n };\r\n }\r\n\r\n if (formikValues.addToFavCutomerList) {\r\n reqObj['favouriteUsers'] = getUserIdArray(userDetails);\r\n }\r\n formatReqObjForDomestic(reqObj, formikValues);\r\n removeUndefinedProperties(reqObj);\r\n return [reqObj];\r\n};\r\n\r\nexport const formatTemplateModelForSave = (formikValues, isTemplateManagement) => {\r\n const objectModel = {\r\n organization: getCustomerAccountID(),\r\n templateName: formikValues.templateName,\r\n parcelDetails: formatParcelDetails(formikValues, true, false, isTemplateManagement),\r\n deliveryOptions: formatDeliveryOptions(formikValues),\r\n product: formikValues.product?.productCode,\r\n service: (formikValues.service || {}).name,\r\n customerReference: formikValues.customerReference,\r\n alternativeRefernce: formikValues.alternateReference,\r\n extendedLiability: formatExtendedLiability(formikValues),\r\n deliveryNotification: formatdeliveryNotification(formikValues),\r\n documentCreatedMonthYear: `${new Date().getMonth() + 1}/${new Date().getFullYear()}`,\r\n };\r\n return objectModel;\r\n};\r\n\r\nexport const carriageForwardFormToFavReqObj = (formikValues, formName, userDetails, addressObj = {}) => {\r\n let reqObj = { ...addressObj };\r\n reqObj.deliveryAddress = getCustomerAddress(formikValues, formName);\r\n reqObj.favouriteUsers = [];\r\n reqObj.organization = getCustomerAccountID();\r\n reqObj.destinationCountry = 'GB';\r\n reqObj.collectionInstructions = formikValues?.collectionInstructions;\r\n reqObj.descriptionOfGoodsToBeCollected = formikValues?.descriptionOfGoods;\r\n\r\n if (formikValues[`${formName}AddToFavourites`]) {\r\n reqObj['favouriteUsers'] = getUserIdArray(userDetails);\r\n }\r\n return reqObj;\r\n};\r\n\r\nconst getCustomerAddress = (formikValues, formName) => {\r\n return {\r\n recipientType: CONSTANTS.recipientType[formikValues[`${formName}AddressType`]],\r\n customerNumber: formikValues[`${formName}CustomerNo`],\r\n businessName: formikValues[`${formName}BusinessName`],\r\n recipientName: formikValues[`${formName}ContactName`],\r\n line1: formikValues[`${formName}AddressLine1`],\r\n line2: formikValues[`${formName}AddressLine2`],\r\n line3: formikValues[`${formName}AddressLine3`],\r\n town: formikValues[`${formName}Town`],\r\n county: formikValues[`${formName}County`],\r\n postCode: formikValues[`${formName}PostCode`],\r\n telephone: formikValues[`${formName}TelephoneNumber`],\r\n email: formikValues[`${formName}EmailAddress`],\r\n };\r\n};\r\n\r\nexport const userDetailsObj = (obj) => {\r\n let accountsLength = obj.accounts.length;\r\n const accountsArray = [];\r\n for (let i = 0; i < accountsLength; i++) {\r\n accountsArray[i] = obj.accounts[i]?.split(\"-\")[0];\r\n }\r\n let reqObj = {\r\n name: obj.userName,\r\n emailId: obj.emailId,\r\n role: obj.role.label,\r\n accounts: accountsArray,\r\n };\r\n return reqObj;\r\n};\r\n\r\nexport const updateUserObj = (obj) => {\r\n let reqObj = {\r\n name: obj.userName,\r\n emailId: obj.emailId,\r\n customerAccountID: 'DHL',\r\n role: obj.role.label,\r\n accounts: obj.accounts.map(acc => acc?.split(\"-\")?.[0]).filter(val => val),\r\n isActive: obj.isActive,\r\n };\r\n return reqObj;\r\n};\r\n\r\nexport const removeUndefinedProperties = (object) => {\r\n Object.entries(object).forEach(([key, value]) => {\r\n if (value && typeof value === 'object') {\r\n removeUndefinedProperties(value);\r\n } else if (value === undefined || value === null) {\r\n delete object[key];\r\n }\r\n });\r\n};\r\n\r\nconst formatReqObjForDomestic = (reqObj, formikValues) => {\r\n if (formikValues?.destinationCountry?.code === 'GBR') {\r\n delete reqObj.customDeclaration;\r\n delete reqObj.extendedLiability?.extendedLiabilityRequired;\r\n } else {\r\n delete reqObj.extendedLiability?.extendedLiability;\r\n }\r\n};\r\n\r\nexport const getMappingCountry = (countryList, key, name = '') => {\r\n var mappingCountry = [];\r\n\r\n switch (name) {\r\n case 'code':\r\n mappingCountry = countryList.find((country) => country['code'].toLowerCase().trim() === key.toLowerCase().trim());\r\n break;\r\n case 'code2Digit':\r\n mappingCountry = countryList.find(\r\n (country) => country['code2Digit'].toLowerCase().trim() === key.toLowerCase().trim(),\r\n );\r\n break;\r\n default:\r\n mappingCountry = countryList.find((country) => country['name'].toLowerCase().trim() === key.toLowerCase().trim());\r\n break;\r\n }\r\n return mappingCountry;\r\n};\r\n\r\nexport const sortBasedOnNestedOrNot = (\r\n arrayObj = [],\r\n propertyName = 'deliveryAddress.customerNumber',\r\n isNested = false,\r\n) => {\r\n propertyName = isNested ? propertyName.split('.') : propertyName;\r\n return (arrayObj || []).sort((a, b) => {\r\n if (isNested) {\r\n a = ((a[propertyName[0]] || {})[propertyName[1]] || '').toLowerCase();\r\n b = ((b[propertyName[0]] || {})[propertyName[1]] || '').toLowerCase();\r\n } else {\r\n a = (a[propertyName] || '').toLowerCase();\r\n b = (b[propertyName] || '').toLowerCase();\r\n }\r\n if (a < b) {\r\n return -1;\r\n } else if (a > b) {\r\n return 1;\r\n } else {\r\n return 0;\r\n }\r\n });\r\n};\r\n\r\nexport const basicSort = (a, b) => {\r\n if (a < b) {\r\n return -1;\r\n } else if (a > b) {\r\n return 1;\r\n } else {\r\n return 0;\r\n }\r\n};\r\n\r\nexport function removeDuplicates(data, key) {\r\n return [...new Map(data.map((item) => [key(item), item])).values()];\r\n}\r\n\r\nexport const setDropdownValues = (arrayObj = [], propertyName, value) => {\r\n return (\r\n (arrayObj.length > 0 &&\r\n ((arrayObj || []).find((data) => {\r\n if (typeof data[propertyName] === 'string' && typeof value === 'string') {\r\n return (data[propertyName] || '').toLowerCase() === (value || '').toLowerCase();\r\n } else {\r\n return data[propertyName] === value;\r\n }\r\n }) ||\r\n arrayObj[0])) ||\r\n undefined\r\n );\r\n};\r\n\r\nconst setParcelDimensions = (parcelResponse, responseObj, vWDivisor = 4000) => {\r\n let formattedDimensions = [];\r\n if (responseObj.destinationCountry === 'GBR' || responseObj.destinationCountry === 'GB') {\r\n formattedDimensions = (parcelResponse || []).map((parcel, index) => {\r\n const parcelRecord = {\r\n ...parcel,\r\n id: index + 1,\r\n pieceWeight: parcel.pieceWeight ?? 0,\r\n volumetricWeight: (parcel.volumetricWeight || (parcel.length * parcel.width * parcel.height) / vWDivisor) ?? 0,\r\n };\r\n return parcelRecord;\r\n });\r\n }\r\n return formattedDimensions;\r\n};\r\n\r\nconst setIntlParcelDimensions = (dims, responseObj) => {\r\n let formattedDimensions = [];\r\n if (responseObj.destinationCountry !== 'GBR' || responseObj.destinationCountry !== 'GB') {\r\n\r\n let i=0;\r\n while(i < responseObj?.parcelDetails?.numberOfItems){\r\n const parcelRecord = {\r\n length: dims[i]?.length ? dims[i]?.length : '',\r\n width: dims[i]?.width ? dims[i]?.width : '',\r\n height: dims[i]?.height ? dims[i]?.height : '',\r\n weight: dims[i]?.pieceWeight ? dims[i]?.pieceWeight : '',\r\n pieceRefId: dims[i]?.pieceRefId ?? '',\r\n isValid: dims[i]?.isValid,\r\n };\r\n formattedDimensions.push(parcelRecord);\r\n i++;\r\n }\r\n }\r\n return formattedDimensions;\r\n}\r\n\r\nexport const setValuesToSetupDetails = (responseObj, countries = []) => {\r\n const countryCode = responseObj.destinationCountry === 'GBR' ? 'GB' : responseObj.destinationCountry;\r\n return {\r\n destinationCountry: setDropdownValues(countries, 'code2Digit', countryCode),\r\n };\r\n};\r\n\r\nexport const setValuesToTemplateDetails = (responseObj) => {\r\n return {\r\n selectedTemplate: responseObj.templateName ?? '',\r\n templateName: responseObj.templateName ?? '',\r\n };\r\n};\r\n\r\nexport const setValuesToParcelDetails = (responseObj, vWDivisor = null, isDefaults = false) => {\r\n const parcelResponse = responseObj?.parcelDetails;\r\n return {\r\n noOfItems: (parcelResponse || {}).numberOfItems ?? '',\r\n createPalletShipment: (parcelResponse || {}).pallets > 0 ? 'yes' : 'no',\r\n pallets: (parcelResponse || {}).pallets ?? '',\r\n weight: (parcelResponse || {}).weight ?? '',\r\n totalVolumetricWeight: (parcelResponse || {}).totalVolumetricWeight,\r\n parcelDetails: setParcelDimensions((parcelResponse || {}).parcelDimensions, responseObj, vWDivisor),\r\n intlParcelDetails: responseObj?.destinationCountry !== 'GBR' && !isDefaults ? setIntlParcelDimensions(((parcelResponse || {}).parcelDimensions), responseObj) : [],\r\n addParcelDimensions: Boolean(\r\n (responseObj?.destinationCountry === 'GBR' ||\r\n responseObj?.destinationCountry === 'GB' ||\r\n (responseObj || {}).templateName) &&\r\n parcelResponse?.parcelDimensions?.length > 0,\r\n ),\r\n };\r\n};\r\n\r\nexport const setValuesToAdditionalInfo = (responseObj) => {\r\n return {\r\n alternateReference: (responseObj || {}).alternativeRefernce,\r\n customerReference: (responseObj || {}).customerReference,\r\n emailRecipient: (responseObj.deliveryNotification || {}).email,\r\n mobileRecipient: (responseObj.deliveryNotification || {}).mobile,\r\n extendedCoverDomestic: ((responseObj || {}).extendedLiability || {}).extendedLiability,\r\n extendedCoverInternational: ((responseObj || {}).extendedLiability || {}).extendedLiabilityRequired,\r\n };\r\n};\r\n\r\nexport const setValuesToDeliveryOptions = (responseObj) => {\r\n const deliveryOptions = (responseObj || {}).deliveryOptions;\r\n return {\r\n additionalInstruction: (deliveryOptions || {}).additionalInstruction ?? '',\r\n leaveSafeLocation: (deliveryOptions || {}).leaveSafeLocation ?? '',\r\n deliveryType: CONSTANTS.reverseDeliveryType[(deliveryOptions || {}).deliveryType],\r\n doorStepInstructions: setDropdownValues(\r\n CONSTANTS.doorStepInstructionOptions,\r\n 'value',\r\n deliveryOptions?.doorStepInstructions,\r\n ),\r\n exchange: (deliveryOptions || {}).exchangeOnDelivery ? 'yes' : 'no', // have to check again\r\n specialInstructions: (deliveryOptions || {}).specialInstructions ?? '',\r\n };\r\n};\r\n\r\nexport const setValuesToDeliveryOptions_domaesticDefaults = (responseObj) => {\r\n const deliveryOptions = (responseObj || {}).deliveryOptions;\r\n const specialInstructions = deliveryOptions?.additionalInstruction ? `${(deliveryOptions?.specialInstructions ?? '')} ${deliveryOptions.additionalInstruction}` : (deliveryOptions?.specialInstructions ?? '');\r\n return {\r\n additionalInstruction: '',\r\n leaveSafeLocation: deliveryOptions?.leaveSafeLocation ?? '',\r\n deliveryType: CONSTANTS.reverseDeliveryType[(deliveryOptions || {}).deliveryType],\r\n doorStepInstructions: setDropdownValues(\r\n CONSTANTS.doorStepInstructionOptionswithSelect,\r\n 'value',\r\n (deliveryOptions || {}).leaveSafeLocation !== null && (deliveryOptions || {}).leaveSafeLocation !== undefined\r\n ? 'leaveSafe'\r\n : (deliveryOptions || {}).doorStepInstructions,\r\n ),\r\n exchange: (deliveryOptions || {}).exchangeOnDelivery ? 'yes' : 'no', // have to check again\r\n specialInstructions: specialInstructions,\r\n };\r\n};\r\n\r\nexport const setValuesToProductAndService = (responseObj) => {\r\n return {\r\n // product:responseObj.product,\r\n // service:responseObj.service,\r\n };\r\n};\r\n\r\nexport const setValuesToDeliveryAddress = (responseObj) => {\r\n const deliveryAddress = (responseObj || {}).deliveryAddress;\r\n return {\r\n addressType: CONSTANTS.reverseRecipientType[(deliveryAddress || {}).recipientType],\r\n postalCode: deliveryAddress?.postCode ?? '',\r\n recipientName: deliveryAddress?.recipientName ?? '',\r\n businessName: deliveryAddress?.businessName ?? '',\r\n addressLine1: deliveryAddress?.line1 ?? '',\r\n addressLine2: deliveryAddress?.line2 ?? '',\r\n addressLine3: deliveryAddress?.line3 ?? '',\r\n town: deliveryAddress?.town ?? '',\r\n county: deliveryAddress?.county ?? '',\r\n telephone: deliveryAddress?.telephone ?? '',\r\n emailAddress: deliveryAddress?.email ?? '',\r\n customerNumber: deliveryAddress?.customerNumber ?? '',\r\n what3Words: responseObj?.destinationCountry === 'GB' ? deliveryAddress?.what3Words?.words : '',\r\n w3WCoordinates: responseObj?.destinationCountry === 'GB' ? deliveryAddress?.what3Words?.geo : '',\r\n };\r\n};\r\n\r\nexport const setValuesToBasicDeclaration = (responseObj, currencies = []) => {\r\n const customDeclaration = responseObj.customDeclaration;\r\n return {\r\n descriptionOfGoods: (customDeclaration || {}).descriptionOfGoods,\r\n customDeclarationCurrency: setDropdownValues(currencies, 'code', (customDeclaration || {}).currency),\r\n };\r\n};\r\n\r\nexport const setCommodityDetails = (commodityDetails = [], countries = []) => {\r\n const formattedCommodities = [];\r\n commodityDetails.forEach((commodity) => {\r\n formattedCommodities.push({\r\n ...commodity,\r\n countryOfOrigin: setDropdownValues(countries, 'code2Digit', commodity.countryOfOrigin),\r\n });\r\n });\r\n return formattedCommodities;\r\n};\r\n\r\nexport const setMarketplaceCommodityDetails = (commodityDetails = [], countries = [], marketPlacesList = []) => {\r\n const formattedCommodities = [];\r\n commodityDetails.forEach((commodity) => {\r\n formattedCommodities.push({\r\n ...commodity,\r\n marketplaceChannel: commodity?.marketplaceCode ? setDropdownValues(marketPlacesList, 'marketplaceCode', commodity?.marketplaceCode) : undefined,\r\n countryOfOrigin: setDropdownValues(countries, 'code2Digit', commodity.countryOfOrigin),\r\n });\r\n });\r\n return formattedCommodities;\r\n};\r\n\r\nexport const setValuesToCustomDeclaration = (responseObj, countries = []) => {\r\n const customDeclaration = (responseObj || {}).customDeclaration;\r\n const InvoiceDate = (customDeclaration || {}).invoiceDate;\r\n return {\r\n invoiceTypeLabel: CONSTANTS.reverseInvoiceType[(customDeclaration || {}).invoiceType],\r\n InvoiceDate: InvoiceDate ? new Date(InvoiceDate) : new Date(),\r\n InvoiceNumber: (customDeclaration || {}).invoiceNumber,\r\n customDeclarationShippingCharges: (customDeclaration || {}).shippingCharges,\r\n customDeclarationShippersEoriNo: (customDeclaration || {}).shippersEORINumber,\r\n customDeclarationReceiversEoriNo: (customDeclaration || {}).receiversEORINumber,\r\n fdaRegistrationNumber: (customDeclaration || {}).fdaRegistrationNumber,\r\n termsOfDelivery: (customDeclaration || {}).termsOfDelivery,\r\n commodityDetails: setCommodityDetails((customDeclaration || {}).customItemDetails, countries),\r\n };\r\n};\r\n\r\nexport const setValuesToReturnOption = (responseObj) => {\r\n let _tempObject = {};\r\n\r\n if ((responseObj || {}).includeReturnLabel !== null && (responseObj || {}).includeReturnLabel !== undefined) {\r\n return {\r\n inboxReturnLabel: `${(responseObj || {}).includeReturnLabel}`,\r\n returnReference: responseObj.returnReference,\r\n };\r\n } else {\r\n return {\r\n returnReference: responseObj.returnReference,\r\n };\r\n }\r\n};\r\n\r\nexport const setBarcodevaluesToForm = (barCodeValues, formikValues) => {\r\n const newFormValues = {\r\n filedToSearchBy: setDropdownValues(\r\n CONSTANTS.filedToSearchByOptions,\r\n 'value',\r\n (barCodeValues || {}).fieldToSearchBy,\r\n ),\r\n startPosition: barCodeValues.startPosition,\r\n finalPosition: barCodeValues.finalPosition,\r\n barCodeLength: barCodeValues.barCodeLength,\r\n };\r\n const formValues = { ...formikValues, ...newFormValues };\r\n\r\n return formValues;\r\n};\r\n\r\nexport const setValuesToCollectionDetailsFromAddressBook = (responseObj) => {\r\n return {\r\n collectionInstructions: (responseObj || {})?.collectionInstructions,\r\n descriptionOfGoodsToBeCollected: (responseObj || {})?.descriptionOfGoodsToBeCollected,\r\n };\r\n};\r\n\r\nexport const setValuesToForm = (responseObj, formikValues, countries = [], currencies = [], excludeEmpty = false) => {\r\n const newFormValues = {\r\n ...setValuesToTemplateDetails(responseObj),\r\n ...setValuesToSetupDetails(responseObj, countries),\r\n ...setValuesToParcelDetails(responseObj),\r\n ...setValuesToDeliveryAddress(responseObj),\r\n ...setValuesToDeliveryOptions(responseObj),\r\n ...setValuesToProductAndService(responseObj),\r\n ...setValuesToAdditionalInfo(responseObj),\r\n ...setValuesToReturnOption(responseObj),\r\n ...setValuesToBasicDeclaration(responseObj, currencies),\r\n ...setValuesToCustomDeclaration(responseObj, countries, currencies),\r\n };\r\n removeUndefinedProperties(newFormValues);\r\n const formValues = { ...formikValues, ...newFormValues };\r\n delete formValues.inboxReturnLabel;\r\n delete formValues.returnReference;\r\n return formValues;\r\n};\r\n\r\nexport const formatCurrenciesToDisplay = (currencies) => {\r\n return (currencies || []).map((currency) => {\r\n return {\r\n code: currency.code,\r\n name: `${currency.code} - ${currency.name}`,\r\n symbol: currency.symbol,\r\n };\r\n });\r\n};\r\n\r\nexport const resetFormAndKeepInitialValues = (resetForm, setFieldValue, countries = [], accountNumber, setFlagForAfterSubmitCheck) => {\r\n resetForm();\r\n setFieldValue('destinationCountry', setDropdownValues(countries, 'code2Digit', 'GB'));\r\n setTimeout(() => {\r\n setFlagForAfterSubmitCheck?.(true)\r\n setFieldValue('product','');\r\n setFieldValue('service','');\r\n }, 0);\r\n};\r\n\r\nexport const createShipmentRequest = (formValues, servicePointDetails, inboxReturn = false, isOrderRequest = false) => {\r\n const accountDetails = formValues.accountNumber;\r\n let newShipmentRequest = ShipmentRequestModel();\r\n let shipment = ShipmentModel();\r\n let noOfClearanceItem=0;\r\n\r\n //Would be replaced with actual account once integrated with user data.\r\n newShipmentRequest.pickupAccount = accountDetails?.accountId;\r\n\r\n //set drop off method\r\n newShipmentRequest.dropOffType = shipmentRequestAPIConstants.dropOffType[formValues.handOverMethod];\r\n\r\n if (formValues.handOverMethod === 'driverCollection') {\r\n newShipmentRequest.pickup = {};\r\n newShipmentRequest.pickup.date = formatDate(formValues.DispatchDate ? formValues.DispatchDate : new Date());\r\n newShipmentRequest.pickup.accountAddress = true;\r\n newShipmentRequest.pickup.pickupIdentifier = 'PICKUP12345';\r\n }\r\n\r\n //set sender Address from account loaded.\r\n newShipmentRequest.senderAddress = {\r\n companyName: accountDetails.sender.companyName\r\n ? accountDetails.sender.companyName.toString().substr(0, 35)\r\n : accountDetails.sender.companyName,\r\n address1: accountDetails.sender.address1\r\n ? accountDetails.sender.address1.toString().substr(0, 35)\r\n : accountDetails.sender.address1,\r\n address2: accountDetails.sender.address2\r\n ? accountDetails.sender.address2.toString().substr(0, 35)\r\n : accountDetails.sender.address2,\r\n address3: accountDetails.sender.address3\r\n ? accountDetails.sender.address3.toString().substr(0, 35)\r\n : accountDetails.sender.address3,\r\n city: accountDetails.sender.city ? accountDetails.sender.city.toString().substr(0, 35) : accountDetails.sender.city,\r\n state: accountDetails.sender.state\r\n ? accountDetails.sender.state.toString().substr(0, 35)\r\n : accountDetails.sender.state,\r\n postalCode: accountDetails.sender.postalCode\r\n ? accountDetails.sender.postalCode.toString().substr(0, 15)\r\n : accountDetails.sender.postalCode,\r\n country: accountDetails.sender.country\r\n ? accountDetails.sender.country.toString().substr(0, 35)\r\n : accountDetails.sender.country,\r\n name: accountDetails.sender.name ? accountDetails.sender.name.toString().substr(0, 35) : accountDetails.sender.name,\r\n email: accountDetails.sender.email\r\n ? accountDetails.sender.email.toString().substr(0, 70)\r\n : accountDetails.sender.email,\r\n phone: accountDetails.sender.phone\r\n ? accountDetails.sender.phone.toString().substr(0, 35)\r\n : accountDetails.sender.phone,\r\n };\r\n\r\n //parcelDetails\r\n shipment.shipmentDetails.totalPieces =\r\n formValues.handOverMethod === 'servicePoint' ? 1 : parseInt(formValues.noOfItems);\r\n shipment.shipmentDetails.totalWeight = formValues.weight;\r\n\r\n //set delivery address details.\r\n shipment.consigneeAddress.recipientType = formValues.addressType;\r\n shipment.consigneeAddress.addressType = shipmentRequestAPIConstants.deliveryType[formValues.deliveryType];\r\n shipment.consigneeAddress.companyName = formValues.businessName;\r\n shipment.consigneeAddress.address1 = formValues.addressLine1?.trim();\r\n shipment.consigneeAddress.address2 = formValues.addressLine2?.trim();\r\n shipment.consigneeAddress.address3 = formValues.addressLine3.trim();\r\n shipment.consigneeAddress.city = formValues.town;\r\n shipment.consigneeAddress.state = formValues.county;\r\n shipment.consigneeAddress.postalCode = formValues.postalCode;\r\n shipment.consigneeAddress.country = formValues.destinationCountry?.code2Digit;\r\n shipment.consigneeAddress.name = formValues.recipientName;\r\n shipment.consigneeAddress.phone = formValues.telephone;\r\n shipment.consigneeAddress.email = formValues.emailAddress;\r\n shipment.consigneeAddress.idNumber = formValues.customerNumber || '';\r\n\r\n const what3Words = {\r\n words: formValues.what3Words,\r\n geo:{\r\n latitude: formValues.w3WCoordinates?.lat || formValues.w3WCoordinates?.latitude,\r\n longitude: formValues.w3WCoordinates?.lng || formValues.w3WCoordinates?.longitude,\r\n }\r\n };\r\n //set What3words details\r\n if(formValues.destinationCountry.code2Digit === 'GB' && what3Words?.geo && what3Words?.words){\r\n shipment.consigneeAddress.what3Words = what3Words || {};\r\n }\r\n // shipment.consigneeAddress.state = formValues.county;\r\n\r\n // set clearation details\r\n if(formValues?.shipmentMovement?.value == 'c2c')\r\n {\r\n// const item = [{\r\n// descriptionOfGoods: formValues?.descriptionOfGoods\r\n// }]\r\n\r\n shipment.clearanceDeclaration.shipmentMovementType = 'C2C';\r\n shipment.clearanceDeclaration.totalValue = Math.round(formValues?.clearanceTotalValue*100)/100;\r\n shipment.clearanceDeclaration.items = null;\r\n shipment.clearanceDeclaration.descriptionOfGoods = formValues?.descriptionOfGoods;\r\n }\r\n else if(formValues?.shipmentMovement?.value == 'c2b')\r\n {\r\n const item = formValues?.commodityDetails.map(obj => {\r\n noOfClearanceItem += Number(obj?.quantity);\r\n return {\r\n commodityCode: obj?.commodityCode,\r\n descriptionOfGoods: obj?.fullDescriptionOfGoods,\r\n unitQuantity:Number(obj?.quantity),\r\n };\r\n});\r\n shipment.clearanceDeclaration.shipmentMovementType = 'C2B';\r\n shipment.clearanceDeclaration.recipientEORINumber = formValues?.receipentEORI;\r\n shipment.clearanceDeclaration.recipientUKIMSNumber = formValues?.receipentUKIMS;\r\n shipment.clearanceDeclaration.totalValue = Math.round(formValues?.clearanceTotalValue*100)/100;\r\n shipment.clearanceDeclaration.numberOfItems = noOfClearanceItem;\r\n shipment.clearanceDeclaration.items = item;\r\n }\r\n else if(formValues?.shipmentMovement?.value == 'b2c')\r\n {\r\n const item = formValues?.commodityDetails.map(obj => {\r\n noOfClearanceItem += Number(obj?.quantity);\r\n return {\r\n commodityCode: obj?.commodityCode,\r\n descriptionOfGoods: obj?.fullDescriptionOfGoods,\r\n unitQuantity:Number(obj?.quantity),\r\n };\r\n });\r\n shipment.clearanceDeclaration.shipmentMovementType = 'B2C';\r\n shipment.clearanceDeclaration.sendersEORINumber = formValues?.shipperEORI;\r\n shipment.clearanceDeclaration.sendersUKIMSNumber = formValues?.shipperUKIMS;\r\n shipment.clearanceDeclaration.totalValue = Math.round(formValues?.clearanceTotalValue*100)/100;\r\n shipment.clearanceDeclaration.numberOfItems = noOfClearanceItem;\r\n shipment.clearanceDeclaration.items = item;\r\n }\r\n else if(formValues?.shipmentMovement?.value == 'b2b')\r\n {\r\n const item = formValues?.commodityDetails.map(obj => {\r\n noOfClearanceItem += Number(obj?.quantity);\r\n return {\r\n commodityCode: obj?.commodityCode,\r\n descriptionOfGoods: obj?.fullDescriptionOfGoods,\r\n unitQuantity:Number(obj?.quantity),\r\n unitValue: obj?.unitValue ? Math.round(obj?.unitValue*100)/100:null,\r\n unitWeight: obj?.unitWeight ? Math.round(obj?.unitWeight*100)/100:null,\r\n countryOfManufacture:obj?.countryOfOrigin?.code2Digit,\r\n };\r\n });\r\n shipment.clearanceDeclaration.shipmentMovementType = 'B2B';\r\n shipment.clearanceDeclaration.sendersEORINumber = formValues?.shipperEORI;\r\n shipment.clearanceDeclaration.sendersUKIMSNumber = formValues.shipperUKIMS == '' ? null:formValues.shipperUKIMS ;\r\n shipment.clearanceDeclaration.recipientEORINumber = formValues?.receipentEORI == ''? null:formValues.receipentEORI;\r\n shipment.clearanceDeclaration.recipientUKIMSNumber = formValues?.receipentUKIMS;\r\n shipment.clearanceDeclaration.totalValue = Math.round(formValues?.clearanceTotalValue*100)/100;\r\n shipment.clearanceDeclaration.reasonForExport = (formValues.shipperUKIMS == '' && formValues?.receipentUKIMS == '' )?formValues?.reasonExport?.value:null;\r\n shipment.clearanceDeclaration.shippingCharges = (formValues.shipperUKIMS == '' && formValues?.receipentUKIMS == '' )?formValues?.shippingCharges? Math.round(formValues?.shippingCharges*100)/100:0:0;\r\n shipment.clearanceDeclaration.sendersDefermentAccount = (formValues.shipperUKIMS == '' && formValues?.receipentUKIMS == '' ) ?formValues?.shipperDeferment:null;\r\n shipment.clearanceDeclaration.numberOfItems = noOfClearanceItem;\r\n shipment.clearanceDeclaration.items = item;\r\n }\r\n else{\r\n shipment.clearanceDeclaration = null\r\n }\r\n //set shipment details\r\n shipment.shipmentDetails.deliveryChoice= formValues?.doorStepInstructions.key;\r\n shipment.shipmentDetails.orderedProduct = formValues?.service?.orderedProduct;\r\n\r\n //set pieces value for international or domestic shipment.\r\n if (formValues.destinationCountry.code2Digit === 'GB') {\r\n if (formValues.addParcelDimensions) {\r\n const piecesDetails = formValues.parcelDetails.map((piece) => {\r\n return {\r\n weight: parseFloat(piece.pieceWeight),\r\n length: parseFloat(piece.length),\r\n width: parseFloat(piece.width),\r\n height: parseFloat(piece.height),\r\n };\r\n });\r\n shipment.pieces = piecesDetails;\r\n }\r\n formValues.createPalletShipment === 'yes' ? shipment.shipmentDetails.totalPallets = formValues.pallets : shipment.shipmentDetails.totalPallets = 0;\r\n\r\n //Set Delivery instructions for domestic shipment\r\n\r\n if (isOrderRequest || (formValues.doorStepInstructions?.value === 'deliverToDoorStepOnly' && (formValues.createPalletShipment === 'yes' || formValues.exchange === 'yes'))) {\r\n shipment.shipmentDetails.deliveryInstructions = formValues.specialInstructions;\r\n }\r\n else {\r\n shipment.shipmentDetails.deliveryInstructions = formValues.additionalInstruction ? `${formValues.specialInstructions} ${formValues.additionalInstruction}` : formValues.specialInstructions;\r\n }\r\n if (formValues.deliveryType === 'deliverToDoorStep') {\r\n shipment.consigneeAddress.addressType = 'doorstep';\r\n if (formValues.doorStepInstructions.value === 'leaveSafe') {\r\n shipment.shipmentDetails.secureLocation = formValues.leaveSafeLocation;\r\n } else if (formValues.doorStepInstructions.value === 'deliverToDoorStepOnly') {\r\n shipment.shipmentDetails.exchangeOnDelivery = formValues.exchange === 'yes';\r\n }\r\n } else if (formValues.deliveryType === 'deliverToServicePoint') {\r\n //To do set sercvice point information.\r\n if (servicePointDetails) {\r\n shipment.consigneeAddress.locationId = servicePointDetails?.servicePointID ?? '';\r\n shipment.consigneeAddress.locationType = 'ParcelShop';\r\n shipment.recipientAddress = recipientAddress();\r\n\r\n //set serviepointdetials to consignee address.\r\n shipment.consigneeAddress.companyName = servicePointDetails?.address?.businessName;\r\n shipment.consigneeAddress.address1 = servicePointDetails?.address?.address1?.trim();\r\n shipment.consigneeAddress.address2 = servicePointDetails?.address?.address2?.trim();\r\n shipment.consigneeAddress.address3 = servicePointDetails?.address?.address3?.trim();\r\n shipment.consigneeAddress.city = servicePointDetails?.address?.postalTown;\r\n shipment.consigneeAddress.postalCode = servicePointDetails?.address?.zipcode;\r\n shipment.consigneeAddress.country = formValues.destinationCountry.code2Digit;\r\n shipment.consigneeAddress.name = 'ShopKeeper';\r\n shipment.consigneeAddress.phone = formValues.telephone;\r\n shipment.consigneeAddress.email = formValues.emailAddress;\r\n\r\n //set address in delivery section of the form to recepient address.\r\n shipment.recipientAddress.companyName = formValues.businessName;\r\n shipment.recipientAddress.address1 = formValues.addressLine1?.trim();\r\n shipment.recipientAddress.address2 = formValues.addressLine2?.trim();\r\n shipment.recipientAddress.address3 = formValues.addressLine3?.trim();\r\n shipment.recipientAddress.city = formValues.town;\r\n shipment.recipientAddress.postalCode = formValues.postalCode;\r\n shipment.recipientAddress.country = formValues.destinationCountry.code2Digit;\r\n shipment.recipientAddress.name = formValues.recipientName;\r\n shipment.recipientAddress.email = formValues.emailAddress;\r\n shipment.recipientAddress.phone = formValues.telephone;\r\n }\r\n }\r\n } else {\r\n if (formValues.deliveryType === 'deliverToServicePoint') {\r\n //To do set sercvice point information.\r\n if (servicePointDetails) {\r\n shipment.consigneeAddress.locationId = servicePointDetails?.servicePointID ?? '';\r\n shipment.consigneeAddress.locationType = 'ParcelShop';\r\n shipment.recipientAddress = recipientAddress();\r\n\r\n //set serviepointdetials to consignee address.\r\n shipment.consigneeAddress.companyName = servicePointDetails?.address?.businessName;\r\n shipment.consigneeAddress.address1 = servicePointDetails?.title;\r\n shipment.consigneeAddress.address2 = servicePointDetails?.address?.address1?.trim();\r\n shipment.consigneeAddress.address3 = servicePointDetails?.address?.address2?.trim();\r\n shipment.consigneeAddress.city = servicePointDetails?.address?.postalTown;\r\n shipment.consigneeAddress.postalCode = servicePointDetails?.address?.zipcode;\r\n shipment.consigneeAddress.country = formValues.destinationCountry.code2Digit;\r\n shipment.consigneeAddress.name = 'ShopKeeper';\r\n shipment.consigneeAddress.phone = formValues.telephone;\r\n shipment.consigneeAddress.email = formValues.emailAddress;\r\n\r\n //set address in delivery section of the form to recepient address.\r\n shipment.recipientAddress.companyName = formValues.businessName;\r\n shipment.recipientAddress.address1 = formValues.addressLine1?.trim();\r\n shipment.recipientAddress.address2 = formValues.addressLine2?.trim();\r\n shipment.recipientAddress.address3 = formValues.addressLine3?.trim();\r\n shipment.recipientAddress.city = formValues.town;\r\n shipment.recipientAddress.postalCode = formValues.postalCode;\r\n shipment.recipientAddress.country = formValues.destinationCountry.code2Digit;\r\n shipment.recipientAddress.name = formValues.recipientName;\r\n shipment.recipientAddress.email = formValues.emailAddress;\r\n shipment.recipientAddress.phone = formValues.telephone;\r\n }\r\n }\r\n //Add pieces details for international shipment.\r\n let declaredValue = 0;\r\n let shipmentPieces = [];\r\n formValues.intlParcelDetails.map((parcelDetails) => {\r\n const parcelDims = {\r\n weight: parseFloat(parcelDetails.weight),\r\n length: parseFloat(parcelDetails.length),\r\n width: parseFloat(parcelDetails.width),\r\n height: parseFloat(parcelDetails.height),\r\n pieceRefId: `${parcelDetails.pieceRefId}`,\r\n };\r\n shipmentPieces.push(parcelDims);\r\n });\r\n\r\n shipment.shipmentDetails.totalPallets = 0;\r\n if (formValues.commodityDetails.length > 0 && formValues.isFullCustomDetails) {\r\n const customsInvoice = {\r\n type: formValues.invoiceTypeLabel,\r\n number: formValues.InvoiceNumber,\r\n date: formatDate(formValues.InvoiceDate),\r\n reasonForExport: formValues.reasonForExport?.type || '',\r\n };\r\n shipment.customsInvoice = customsInvoice;\r\n shipment.shipmentDetails.freightCharges = parseFloat(formValues.customDeclarationShippingCharges);\r\n shipment.shipmentDetails.currency = formValues.customDeclarationCurrency.code;\r\n\r\n shipment.senderCustomsRegistrations = [];\r\n shipment.senderCustomsRegistrations.push({ type: 'EORI', id: formValues.customDeclarationShippersEoriNo });\r\n if (formValues.FDARegistrationNumber) {\r\n shipment.senderCustomsRegistrations.push({ type: 'FDA', id: formValues.FDARegistrationNumber });\r\n }\r\n if (\r\n formValues.isFullCustomDetails &&\r\n formValues.destinationCountry.code2Digit !== 'GB' &&\r\n accountDetails?.customsRegistration?.vatTvaNumber\r\n ) {\r\n shipment.senderCustomsRegistrations.push({ type: 'VAT', id: accountDetails.customsRegistration.vatTvaNumber });\r\n }\r\n if (formValues.customDeclarationReceiversEoriNo) {\r\n shipment.recipientCustomsRegistrations = [];\r\n shipment.recipientCustomsRegistrations.push({\r\n type: 'DEFAULT',\r\n id: formValues.customDeclarationReceiversEoriNo,\r\n });\r\n }\r\n const customsDetails = formValues.commodityDetails.map((comm) => {\r\n declaredValue = declaredValue + comm.unitValue * comm.quantity;\r\n return {\r\n hsCode: comm.commodityCode,\r\n countryOfOrigin: comm.countryOfOrigin.code2Digit,\r\n itemDescription: comm.fullDescriptionOfGoods,\r\n packagedQuantity: comm.quantity,\r\n itemValue: comm.unitValue,\r\n itemWeight: comm.weight,\r\n };\r\n });\r\n if (shipmentPieces.length > 0) {\r\n shipmentPieces[0].declaredValue = parseFloat(parseFloat(declaredValue).toFixed(2));\r\n shipmentPieces[0].customsDetails = [];\r\n shipmentPieces[0].customsDetails = customsDetails;\r\n }\r\n\r\n //need to check with API team about all valid terms of delivery.\r\n shipment.shipmentDetails.dutiesPaid = formValues.TermsOfDelivery.label.toString();\r\n } else {\r\n\r\n shipment.shipmentDetails.shipmentDesc = formValues?.descriptionOfGoods;\r\n shipment.shipmentDetails.currency = formValues.customDeclarationCurrency?.code;\r\n shipmentPieces[0].declaredValue = parseFloat(parseFloat(formValues?.customDeclarationValue ?? 0).toFixed(2));\r\n\r\n }\r\n shipment.pieces = shipmentPieces;\r\n }\r\n\r\n // Additional Information for domestic & international shipments\r\n shipment.shipmentDetails.customerRef1 = formValues.customerReference;\r\n shipment.shipmentDetails.customerRef2 = formValues.alternateReference;\r\n\r\n // Adding info if inboxreturn is true.\r\n if (inboxReturn && formValues.inboxReturnLabel === 'true') {\r\n shipment.shipmentDetails.inBoxReturn = true;\r\n shipment.return = {};\r\n\r\n shipment.return.returnAccount = accountDetails.returnConfiguration.customerReturnAccount;\r\n shipment.return.customerRef1 = formValues.returnReference;\r\n shipment.return.shipmentDesc = 'ShipmentDescription';\r\n shipment.return.declaredValue = 99;\r\n }\r\n\r\n //Todo Add extended liablilty\r\n if (\r\n formValues.destinationCountry.code2Digit === 'GB' &&\r\n formValues.extendedCoverDomestic &&\r\n formValues.extendedCoverDomestic !== ''\r\n ) {\r\n shipment.extendedLiability = {};\r\n shipment.extendedLiability.extendedLiabilityUnits = parseInt(formValues.extendedCoverDomestic || 0);\r\n } else if (formValues.destinationCountry.code2Digit !== 'GB' && formValues.extendedCoverInternational) {\r\n shipment.extendedLiability = {};\r\n shipment.extendedLiability.extendedLiabilityRequired = formValues.extendedCoverInternational;\r\n }\r\n\r\n //Ioss Related Changes\r\n if (formValues.destinationCountry.iossApplies) {\r\n if (formValues.applyIossNumber === 'true') {\r\n shipment.shipmentDetails.iossShipment = true;\r\n const shippersNo =\r\n formValues.iossType === 'marketNo'\r\n ? formValues.marketplaceIossNo\r\n : formValues.iossType === 'shippersNo'\r\n ? formValues.iossNumber\r\n : null;\r\n if (shippersNo) {\r\n shipment.senderCustomsRegistrations.push({\r\n type: 'IOSS',\r\n id: shippersNo,\r\n });\r\n }\r\n }\r\n }\r\n\r\n newShipmentRequest.shipments.push(shipment);\r\n return newShipmentRequest;\r\n};\r\n\r\nexport const createAmendRequest = (formValues) => {\r\n\r\n const amendShipmentModel = {\r\n \"pickup\": {\r\n \"date\": formatDate(formValues.DispatchDate ? formValues.DispatchDate : new Date())\r\n },\r\n \"recipient\": {\r\n \"name\": formValues.recipientName,\r\n \"phone\": formValues.telephone,\r\n \"email\": formValues.emailAddress\r\n },\r\n \"shipmentDetails\": {\r\n \"customerRef1\": formValues.customerReference,\r\n \"customerRef2\": formValues.alternateReference,\r\n \"orderedProduct\": formValues?.service?.orderedProduct,\r\n \"totalpieces\": formValues.noOfItems,\r\n \"totalWeight\": formValues.weight,\r\n \"deliveryInstructions\": formValues.specialInstructions,\r\n \"secureLocation\": \"\",\r\n \"totalPallets\": formValues.pallets,\r\n \"exchangeOnDelivery\": false,\r\n \"deliveryChoice\":formValues?.doorStepInstructions.key\r\n },\r\n \"pieces\": [],\r\n \"extendedLiability\": {\r\n \"extendedLiabilityUnits\": 0\r\n },\r\n 'clearanceDeclaration':{}\r\n }\r\n\r\n if (formValues.doorStepInstructions?.value === 'deliverToDoorStepOnly' && (formValues.createPalletShipment === 'yes' || formValues.exchange === 'yes')) {\r\n amendShipmentModel.shipmentDetails.deliveryInstructions = formValues.specialInstructions;\r\n }\r\n\r\n if (formValues.deliveryType === 'deliverToDoorStep') {\r\n if (formValues.doorStepInstructions.value === 'leaveSafe') {\r\n amendShipmentModel.shipmentDetails.secureLocation = formValues.leaveSafeLocation;\r\n } else if (formValues.doorStepInstructions.value === 'deliverToDoorStepOnly') {\r\n amendShipmentModel.shipmentDetails.exchangeOnDelivery = formValues.exchange === 'yes';\r\n }\r\n }\r\n if (\r\n formValues.destinationCountry.code2Digit === 'GB' &&\r\n formValues.extendedCoverDomestic &&\r\n formValues.extendedCoverDomestic !== ''\r\n ) {\r\n amendShipmentModel.extendedLiability.extendedLiabilityUnits = parseInt(formValues.extendedCoverDomestic || 0);\r\n }\r\n if (formValues.destinationCountry.code2Digit === 'GB') {\r\n if (formValues.totalPallets > 0) {\r\n amendShipmentModel.shipmentDetails.secureLocation = \"\";\r\n }\r\n else if (formValues.addParcelDimensions) {\r\n const piecesDetails = formValues.parcelDetails.map((piece) => {\r\n return {\r\n weight: parseFloat(piece.pieceWeight),\r\n length: parseFloat(piece.length),\r\n width: parseFloat(piece.width),\r\n height: parseFloat(piece.height),\r\n };\r\n });\r\n amendShipmentModel.pieces = piecesDetails;\r\n }\r\n// changes to save windsor \r\n\r\n amendShipmentModel.clearanceDeclaration= formValues?.shipmentMovement?.value? { ...getSaveClearanceDeclaration(formValues) }:null;\r\n\r\n return amendShipmentModel\r\n }\r\n}\r\n\r\nconst shipmentRequestAPIConstants = {\r\n dropOffType: {\r\n driverCollection: 'Pickup',\r\n servicePoint: 'Dropoff',\r\n },\r\n deliveryType: {\r\n deliverToDoorStep: 'doorstep',\r\n deliverToServicePoint: 'servicePoint',\r\n },\r\n reasonForExport: {\r\n Gift: 'gift',\r\n Documents: 'documents',\r\n 'Commercial sale': 'commercialsale',\r\n 'Commercial sample': 'commercialsample',\r\n 'Returned goods': 'returnedgoods',\r\n Repairs: 'repairs',\r\n },\r\n};\r\n\r\nexport const schemaDetailsObj = (file) => {\r\n const fileObj = {\r\n fileBase64: file,\r\n };\r\n return fileObj;\r\n};\r\nexport const getDomesticAccounts = (userAccounts) => {\r\n return userAccounts?.filter((acc) => {\r\n return (\r\n acc?.allowedProducts?.filter((allowedProduct) => {\r\n return CONSTANTS.DOMESTIC_PRODUCTS.find((domProduct) => domProduct === allowedProduct) !== undefined;\r\n }).length > 0\r\n );\r\n });\r\n};\r\nexport const getInternationalAccounts = (userAccounts) => {\r\n return userAccounts?.filter((acc) => {\r\n return (\r\n acc?.allowedProducts?.filter((allowedProduct) => {\r\n return CONSTANTS.DOMESTIC_PRODUCTS.find((domProduct) => domProduct !== allowedProduct) !== undefined;\r\n }).length > 0\r\n );\r\n });\r\n};\r\n\r\nexport const getInternationalRoadAccounts = (userAccounts) => {\r\n return userAccounts?.filter((acc) => {\r\n return (\r\n acc?.allowedProducts?.filter((allowedProduct) => {\r\n return CONSTANTS.INTERNATIONAL_ROAD_PRODUCTS.find((domProduct) => domProduct === allowedProduct) !== undefined;\r\n }).length > 0\r\n );\r\n });\r\n};\r\n\r\nexport const getDriverCollectionAccounts = (userAccounts) => {\r\n return userAccounts.filter((account) => account?.configuration?.firstMileDropOffAllowed === false);\r\n};\r\n\r\nexport const getFMDAccounts = (userAccounts) => {\r\n return userAccounts.filter((account) => account?.configuration?.firstMileDropOffAllowed === true);\r\n};\r\n\r\nexport const getNonReturnAccounts = (userAccounts) => {\r\n return userAccounts.filter((account) => account?.configuration?.returnAccount === false);\r\n};\r\n\r\nexport const formatDate = (date = new Date(), joiner = '-', dateFormat = 'yy/mm/dd' , isDashboardDetails=false) => {\r\n if(isDashboardDetails && date == null)\r\n {\r\n return '';\r\n }\r\n var d = new Date(date),\r\n month = `${d.getMonth() + 1}`,\r\n day = `${d.getDate()}`,\r\n year = d.getFullYear();\r\n\r\n if (month.length < 2) {\r\n month = `0${month}`;\r\n }\r\n if (day.length < 2) {\r\n day = `0${day}`;\r\n }\r\n if (dateFormat === 'yy/mm/dd') {\r\n return [year, month, day].join(joiner);\r\n } else {\r\n return [day, month, year].join(joiner);\r\n }\r\n};\r\n\r\nexport const formatDateToSecondFormat = (date) => {\r\n let d = new Date(date);\r\n let ye = new Intl.DateTimeFormat('en', { year: 'numeric' }).format(d);\r\n let mo = new Intl.DateTimeFormat('en', { month: 'long' }).format(d);\r\n let da = new Intl.DateTimeFormat('en', { day: '2-digit' }).format(d);\r\n return `${da} ${mo} ${ye}`;\r\n};\r\n\r\nexport const getDayOfTheWeek = (date) => {\r\n let DayOftheWeek;\r\n if (date === undefined || date === null) {\r\n DayOftheWeek = '';\r\n }\r\n\r\n if (new Date(date).getDay() === 0) {\r\n DayOftheWeek = 'Sunday';\r\n } else if (new Date(date).getDay() === 1) {\r\n DayOftheWeek = 'Monday';\r\n } else if (new Date(date).getDay() === 2) {\r\n DayOftheWeek = 'Tuesday';\r\n } else if (new Date(date).getDay() === 3) {\r\n DayOftheWeek = 'Wednesday';\r\n } else if (new Date(date).getDay() === 4) {\r\n DayOftheWeek = 'Thursday';\r\n } else if (new Date(date).getDay() === 5) {\r\n DayOftheWeek = 'Friday';\r\n } else if (new Date(date).getDay() === 6) {\r\n DayOftheWeek = 'Saturday';\r\n } else {\r\n DayOftheWeek = '';\r\n }\r\n\r\n return DayOftheWeek;\r\n};\r\n\r\nexport const yesterdayDate1 = (publicHolidays = []) => {\r\n let prevDate = new Date();\r\n let fromDate;\r\n while (!fromDate) {\r\n prevDate.setDate(prevDate.getDate() - 1);\r\n if (\r\n prevDate.getDay() !== 0 &&\r\n prevDate.getDay() !== 6 &&\r\n !(publicHolidays || []).some((holiday) => new Date(holiday.date).getTime() === prevDate.getTime())\r\n ) {\r\n return (fromDate = new Date(prevDate));\r\n }\r\n return prevDate;\r\n }\r\n};\r\n\r\nexport const weekDay = (date) => {\r\n date = new Date(date);\r\n var day = date.getDay(),\r\n diff = date.getDate() - day + (day == 0 ? -6 : 1);\r\n return new Date(date.setDate(diff));\r\n};\r\n\r\nexport const firstBusinessDayOfMonth = (year, month, publicHolidays = []) => {\r\n var date = new Date();\r\n var offset = 1;\r\n var result = null;\r\n\r\n if (typeof year === 'undefined' || year === null) {\r\n year = date.getFullYear();\r\n }\r\n\r\n if (typeof month === 'undefined' || month === null) {\r\n month = date.getMonth();\r\n }\r\n do {\r\n result = new Date(year, month, offset++);\r\n } while (\r\n result.getDay() === 0 ||\r\n result.getDay() === 6 ||\r\n (publicHolidays || []).some((holiday) => new Date(holiday.date).getTime() === result.getTime())\r\n );\r\n return result;\r\n};\r\n\r\nexport const firstDayOfPreviousMonth = (year, month, publicHolidays = []) => {\r\n var date = new Date();\r\n var offset = 1;\r\n var result = null;\r\n month = date.getMonth() - 1;\r\n if (typeof year === 'undefined' || year === null) {\r\n year = date.getFullYear();\r\n }\r\n do {\r\n result = new Date(year, month, offset++);\r\n } while (\r\n result.getDay() === 0 ||\r\n result.getDay() === 6 ||\r\n (publicHolidays || []).some((holiday) => new Date(holiday.date).getTime() === result.getTime())\r\n );\r\n\r\n return result;\r\n};\r\n\r\nexport const lastDayOfPreviousMonth = (publicHolidays = []) => {\r\n var d = new Date();\r\n d.setDate(1);\r\n d.setHours(-1);\r\n return d;\r\n};\r\n\r\nexport const formatDateToUKFormat = (date) => {\r\n if (date) {\r\n const datePart = date?.match(/\\d+/g),\r\n year = datePart[0],\r\n month = datePart[1],\r\n day = datePart[2];\r\n return day + '/' + month + '/' + year;\r\n }\r\n return '';\r\n};\r\n\r\nexport const getDefaultDashboardValues = (formikValues) => {\r\n let queryParams = '';\r\n queryParams += `isDomestic=${formikValues.isDomestic}`;\r\n queryParams += `&fromCollectionDate=${formikValues.fromCollectionDate}`;\r\n if (!formikValues.isDomestic && formikValues.internationalCountry?.code2Digit !== '') {\r\n queryParams += `&destinationCountry=${(formikValues.internationalCountry || {}).code2Digit}`;\r\n }\r\n return (queryParams += `&toCollectionDate=${formikValues.toCollectionDate}`);\r\n};\r\n\r\nexport const getDefaultDashboardFindValues = (formikValues, userAccounts, isDispatchDate) => {\r\n let last6months = moment().subtract(6, 'months').calendar();\r\n let lastDay = moment().subtract(1, 'days');\r\n let last6monthsFormat = moment(last6months).format('YYYY-MM-DD');\r\n let lastDaymonthsFormat = moment().format('YYYY-MM-DD');\r\n let queryParams = arrayValuesToQueryStringParam(userAccounts);\r\n if (!isDispatchDate) {\r\n if (formikValues?.deliveryStatusForAccounts?.value === 'daterange') {\r\n queryParams += `fromCollectionDate=${formikValues.fromCollectionDate}`;\r\n queryParams += `&toCollectionDate=${formikValues.toCollectionDate}&`;\r\n } else {\r\n queryParams += `fromCollectionDate=${last6monthsFormat}`;\r\n queryParams += `&toCollectionDate=${lastDaymonthsFormat}&`;\r\n }\r\n }\r\n return queryParams;\r\n};\r\n\r\nexport const dynamicSort = (property) => {\r\n var sortOrder = 1;\r\n\r\n if (property[0] === '-') {\r\n sortOrder = -1;\r\n property = property.substr(1);\r\n }\r\n\r\n return function (a, b) {\r\n if (sortOrder == -1) {\r\n return b[property].localeCompare(a[property]);\r\n } else {\r\n return a[property].localeCompare(b[property]);\r\n }\r\n };\r\n};\r\n\r\nexport const customTableShipmentNoSort = (a, b) => {\r\n if (!a) {\r\n // Change this values if you want to put `null` values at the end of the array\r\n return -1;\r\n }\r\n if (!b) {\r\n // Change this values if you want to put `null` values at the end of the array\r\n return +1;\r\n }\r\n if (a != null && b != null) {\r\n return a.localeCompare(b, 'en', { numeric: true });\r\n }\r\n};\r\nexport const customTableSort = (a, b) => {\r\n if (!a) {\r\n // Change this values if you want to put `null` values at the end of the array\r\n return -1;\r\n }\r\n if (!b) {\r\n // Change this values if you want to put `null` values at the end of the array\r\n return +1;\r\n }\r\n let aA = a.replace(reA, '')?.toLowerCase();\r\n let bA = b.replace(reA, '')?.toLowerCase();\r\n if (aA === bA) {\r\n var aN = parseInt(a.replace(reN, ''), 10);\r\n var bN = parseInt(b.replace(reN, ''), 10);\r\n return aN === bN ? 0 : (aN > bN) || (b.replace(reN, '') === '') ? 1 : -1;\r\n } else {\r\n return aA > bA ? 1 : -1;\r\n }\r\n};\r\n\r\nexport const getBackGroundColor = (orderStatus) => {\r\n switch ((orderStatus || '')?.toLowerCase()) {\r\n case 'out for delivery':\r\n return '#025598';\r\n case 'in transit':\r\n return '#F7BC00';\r\n case 'delivered':\r\n return '#76BD22';\r\n case 'order received':\r\n return '#ED7700';\r\n case 'exception':\r\n return '#9A77E8';\r\n case 'delivery attempted':\r\n return '#008AFF';\r\n default:\r\n return '#FFE4B5';\r\n }\r\n};\r\n\r\nexport const isPickUpAvailableInAccount = (acc) => acc?.configuration?.firstMileDropOffAllowed === false;\r\nexport const dateFormatForSummaryPage = (date) => {\r\n if (date) {\r\n var d = new Date(date);\r\n let month = `${d.getMonth() + 1}`;\r\n let day = `${d.getDate()}`;\r\n\r\n if (month.length < 2) {\r\n month = `0${month}`;\r\n }\r\n if (day.length < 2) {\r\n day = `0${day}`;\r\n }\r\n let year = d.getFullYear();\r\n\r\n return [day, month, year].join('/');\r\n }\r\n};\r\n\r\nexport const customDebounce = (func, wait = 300) => {\r\n let timeout;\r\n return (...args) => {\r\n const context = this;\r\n if (timeout) clearTimeout(timeout);\r\n timeout =\r\n (() => {\r\n timeout = null;\r\n func.apply(context, args);\r\n },\r\n wait);\r\n };\r\n};\r\n\r\nexport const setValuesToShipmentForm = (\r\n responseObj,\r\n formikValues,\r\n countries = [],\r\n currencies = [],\r\n userDetails = [],\r\n) => {\r\n const newFormValues = {\r\n ...setValuesToShipmentSetupDetails(responseObj, countries, userDetails),\r\n ...setValuesToShipmentParcelDetails(responseObj),\r\n ...setValuesToShipmentDeliveryAddress(responseObj),\r\n ...setValuesToShipmentDeliveryOptions(responseObj),\r\n ...setValuesToShipmentProductAndService(responseObj),\r\n ...setValuesToShipmentAdditionalInfo(responseObj),\r\n ...setValuesToShipmentReturnOption(responseObj),\r\n ...setValuesToShipmentBasicDeclaration(responseObj, currencies),\r\n ...setValuesToShipmentCustomDeclaration(responseObj, countries, currencies),\r\n };\r\n const deliveryAddress = ((responseObj || {}).shipments || [])[0].consigneeAddress;\r\n if ((deliveryAddress || {}).country !== 'GB') {\r\n const parcelDimensions = ((responseObj || {}).shipments || [])[0].pieces;\r\n const intlParcelDimensonsArray = [];\r\n parcelDimensions.map(element => {\r\n const obj = {\r\n height: element.height,\r\n length: element.length,\r\n weight: element.weight,\r\n width: element.width,\r\n pieceRefId: element.pieceRefId,\r\n isValid: (isValidNumber(element.length) && isValidNumber(element.height) && isValidNumber(element.weight) && isValidNumber(element.width))\r\n }\r\n intlParcelDimensonsArray.push(obj);\r\n });\r\n newFormValues['intlParcelDetails'] = intlParcelDimensonsArray;\r\n }\r\n removeUndefinedProperties(newFormValues);\r\n const formValues = { ...formikValues, ...newFormValues };\r\n return formValues;\r\n};\r\n\r\nexport const setValuesToCarriageForwardForm = (responseObj, formikValues, userDetails = []) => {\r\n const newFormValues = {\r\n ...setValuesToShipmentParcelDetails(responseObj),\r\n ...setValuesToCarriageForwardReturnType(responseObj),\r\n ...setValuesToCarriageForwardFromDeliveryAddress(responseObj, userDetails),\r\n ...setValuesToCarriageForwardToDeliveryAddress(responseObj, formikValues),\r\n ...setValuesToCarriageForwardDeliveryOptions(responseObj),\r\n ...setValuesToBasicDetailsCollectionDate(responseObj),\r\n ...setValuesToCollectionDetails(responseObj),\r\n };\r\n\r\n removeUndefinedProperties(newFormValues);\r\n const formValues = { ...formikValues, ...newFormValues };\r\n return formValues;\r\n};\r\n\r\nexport const setValuesToCarriageForwardReturnType = (responseObj) => {\r\n const returnType = (((responseObj || {}).shipments || [])[0] || {}).shipmentDetails;\r\n if (returnType.carriageForward === true) {\r\n return {\r\n returnType: CONSTANTS.ReturnTypes[1].value,\r\n };\r\n } else {\r\n return {\r\n returnType: CONSTANTS.ReturnTypes[0].value,\r\n };\r\n }\r\n};\r\n\r\nexport const setValuesToShipmentSetupDetails = (responseObj, countries = [], userDetails = []) => {\r\n const parcelMethod = (responseObj || {}).dropOffType;\r\n const pickup = (responseObj || {}).pickup;\r\n const deliveryAddress = ((responseObj || {}).shipments || [])[0].consigneeAddress;\r\n var selectedCountry = (countries || []).find((country) => country?.code2Digit == deliveryAddress?.country);\r\n var parcelMethodValue = 1;\r\n if (parcelMethod && parcelMethod.toLowerCase() == 'dropoff') parcelMethodValue = 2;\r\n return {\r\n handOverMethod: CONSTANTS.reverseHandOverMethod[parcelMethodValue],\r\n accountNumber: setDropdownValues(userDetails.accounts, 'accountId', responseObj.pickupAccount),\r\n DispatchDate: formatDate((pickup || {}).date),\r\n destinationCountry: setDropdownValues(countries, 'code', selectedCountry?.code),\r\n };\r\n};\r\n\r\nexport const setValuesToCollectionDetails = (responseObj) => {\r\n return {\r\n collectionInstructions: responseObj.pickup.instructions,\r\n descriptionOfGoods: responseObj.shipments[0].shipmentDetails.shipmentDesc,\r\n };\r\n};\r\nexport const setValuesToBasicDetailsCollectionDate = (responseObj) => {\r\n let pickUpdate;\r\n if ((responseObj || {}).pickup !== null && (responseObj || {}).pickup !== undefined) {\r\n pickUpdate = (responseObj || {}).pickup.date;\r\n }\r\n var d = new Date(),\r\n month = `${d.getMonth() + 1}`,\r\n day = `${d.getDate()}`,\r\n year = d.getFullYear();\r\n\r\n if (month.length < 2) {\r\n month = `0${month}`;\r\n }\r\n if (day.length < 2) {\r\n day = `0${day}`;\r\n }\r\n let pickup_date = [year, month, day].join('-');\r\n return {\r\n collectionDate: pickUpdate !== null ? pickUpdate : pickup_date,\r\n };\r\n};\r\nexport const setValuesToShipmentParcelDetails = (responseObj) => {\r\n const parcelResponse = ((responseObj || {}).shipments || [])[0].shipmentDetails;\r\n const parcelDimensions = ((responseObj || {}).shipments || [])[0].pieces;\r\n const deliveryAddress = ((responseObj || {}).shipments || [])[0].consigneeAddress;\r\n return {\r\n noOfItems: (parcelResponse || {}).totalPieces,\r\n pallets: (parcelResponse || {}).totalPallets,\r\n weight: (parcelResponse || {}).totalWeight,\r\n createPalletShipment: (parcelResponse || {}).totalPallets > 0 ? 'yes' : 'no',\r\n parcelDetails: setShipmentParcelDimensions(parcelDimensions, responseObj),\r\n addParcelDimensions: Boolean(\r\n deliveryAddress?.country === 'GB' &&\r\n (parcelDimensions || []).length > 0,\r\n ),\r\n };\r\n};\r\n\r\nconst setShipmentParcelDimensions = (parcelDimensions, responseObj) => {\r\n let formattedDimensions = [];\r\n const deliveryAddress = ((responseObj || {}).shipments || [])[0].consigneeAddress;\r\n if ((deliveryAddress || {}).country === 'GB') {\r\n formattedDimensions = (parcelDimensions || []).map((parcel, index) => {\r\n var volumetricWeightCalc = (parcel.length * parcel.width * parcel.height) / 4000;\r\n const parcelRecord = {\r\n ...parcel,\r\n pieceId: index + 1,\r\n id: index + 1,\r\n volumetricWeight: volumetricWeightCalc,\r\n pieceWeight: parcel.weight,\r\n };\r\n return parcelRecord;\r\n });\r\n }\r\n return formattedDimensions;\r\n};\r\n\r\nexport const setValuesToShipmentDeliveryAddress = (responseObj) => {\r\n const consigneeAddress = ((responseObj || {}).shipments || [])[0].consigneeAddress;\r\n const recipientAddress = ((responseObj || {}).shipments || [])[0].recipientAddress;\r\n if ((consigneeAddress || {}).addressType?.toLowerCase() === 'servicepoint') {\r\n let recipientType = 'residential';\r\n if ((recipientAddress || {}).companyName) {\r\n recipientType = 'business';\r\n }\r\n return {\r\n addressType: recipientType,\r\n postalCode: (recipientAddress || {}).postalCode,\r\n recipientName: (recipientAddress || {}).name,\r\n businessName: (recipientAddress || {}).companyName,\r\n addressLine1: (recipientAddress || {}).address1?.trim(),\r\n addressLine2: (recipientAddress || {}).address2?.trim(),\r\n addressLine3: (recipientAddress || {}).address3?.trim(),\r\n town: (recipientAddress || {}).city,\r\n county: (recipientAddress || {}).state,\r\n telephone: (recipientAddress || {}).phone,\r\n emailAddress: (recipientAddress || {}).email,\r\n customerNumber: consigneeAddress?.idNumber ?? \"\",\r\n };\r\n } else {\r\n return {\r\n addressType:\r\n (consigneeAddress?.recipientType === 'business' || consigneeAddress?.companyName)\r\n ? CONSTANTS.reverseRecipientType[1]\r\n : CONSTANTS.reverseRecipientType[2],\r\n postalCode: (consigneeAddress || {}).postalCode,\r\n recipientName: (consigneeAddress || {}).name,\r\n businessName: (consigneeAddress || {}).companyName,\r\n addressLine1: (consigneeAddress || {}).address1?.trim(),\r\n addressLine2: (consigneeAddress || {}).address2?.trim(),\r\n addressLine3: (consigneeAddress || {}).address3?.trim(),\r\n town: (consigneeAddress || {}).city,\r\n county: (consigneeAddress || {}).state,\r\n telephone: (consigneeAddress || {}).phone,\r\n emailAddress: (consigneeAddress || {}).email,\r\n customerNumber: (consigneeAddress || {}).idNumber,\r\n what3Words: (consigneeAddress || {}).what3Words?.words,\r\n w3WCoordinates: (consigneeAddress || {}).what3Words?.geo,\r\n };\r\n }\r\n};\r\n\r\nexport const setValuesToCarriageForwardToDeliveryAddress = (responseObj, formikValues) => {\r\n const deliveryAddress = (((responseObj || {}).shipments || [])[0] || {}).consigneeAddress;\r\n if (deliveryAddress.addressType === 'doorstep') {\r\n return {\r\n toAddressType: deliveryAddress?.recipientType,\r\n toPostCode: (deliveryAddress || {}).postalCode,\r\n toContactName: (deliveryAddress || {}).name?.trim(),\r\n toBusinessName: (deliveryAddress || {}).companyName?.trim(),\r\n toAddressLine1: (deliveryAddress || {}).address1?.trim(),\r\n toAddressLine2: (deliveryAddress || {}).address2?.trim(),\r\n toAddressLine3: (deliveryAddress || {}).address3?.trim(),\r\n toTown: (deliveryAddress || {}).city,\r\n toCounty: (deliveryAddress || {}).state,\r\n toTelephoneNumber: (deliveryAddress || {}).phone,\r\n toEmailAddress: (deliveryAddress || {}).email,\r\n toCustomerNo: (deliveryAddress || {}).idNumber,\r\n deliveryServicePoint: (deliveryAddress || {}).postalCode,\r\n what3Words: (deliveryAddress || {}).what3Words?.words,\r\n w3WCoordinates: (deliveryAddress || {}).what3Words?.geo,\r\n };\r\n } else {\r\n const recipientAddress = (((responseObj || {}).shipments || [])[0] || {}).recipientAddress;\r\n return {\r\n toAddressType: deliveryAddress?.recipientType,\r\n toPostCode: (recipientAddress || {}).postalCode,\r\n toContactName: (recipientAddress || {}).name,\r\n toBusinessName: (recipientAddress || {}).companyName,\r\n toAddressLine1: (recipientAddress || {}).address1?.trim(),\r\n toAddressLine2: (recipientAddress || {}).address2?.trim(),\r\n toAddressLine3: (recipientAddress || {}).address3?.trim(),\r\n toTown: (recipientAddress || {}).city,\r\n toCounty: (recipientAddress || {}).state,\r\n toTelephoneNumber: (recipientAddress || {}).phone,\r\n toEmailAddress: (recipientAddress || {}).email,\r\n toCustomerNo: (recipientAddress || {}).idNumber,\r\n deliveryServicePoint: (deliveryAddress || {}).postalCode,\r\n };\r\n }\r\n};\r\n\r\nexport const setValuesToCarriageForwardFromDeliveryAddress = (responseObj, userDetails = []) => {\r\n const pickupAddress = responseObj && responseObj.pickupAddress;\r\n const shipmentDetails = (((responseObj || {}).shipments || [])[0] || {}).shipmentDetails;\r\n return {\r\n fromAddressType:\r\n pickupAddress?.recipientType?.trim() ??\r\n (pickupAddress?.companyName ? CONSTANTS.reverseRecipientType[1] : CONSTANTS.reverseRecipientType[2]),\r\n accountNumber: setDropdownValues(userDetails.accounts, 'accountId', responseObj.pickupAccount),\r\n fromParcel: shipmentDetails.totalPieces,\r\n fromWeight: shipmentDetails.totalWeight,\r\n fromPostCode: (pickupAddress || {}).postalCode,\r\n fromContactName: (pickupAddress || {}).name?.trim(),\r\n fromBusinessName: (pickupAddress || {}).companyName?.trim(),\r\n fromAddressLine1: (pickupAddress || {}).address1?.trim(),\r\n fromAddressLine2: (pickupAddress || {}).address2?.trim(),\r\n fromAddressLine3: (pickupAddress || {}).address3?.trim(),\r\n fromTown: (pickupAddress || {}).city,\r\n fromCounty: (pickupAddress || {}).state,\r\n fromTelephoneNumber: (pickupAddress || {}).phone,\r\n fromEmailAddress: (pickupAddress || {}).email,\r\n fromCustomerReference: shipmentDetails?.customerRef1 ?? '',\r\n };\r\n};\r\nexport const setValuesToShipmentDeliveryOptions = (responseObj) => {\r\n const deliveryOptions = ((responseObj || {}).shipments || [])[0].shipmentDetails;\r\n const consigneeAddress = ((responseObj || {}).shipments || [])[0].consigneeAddress;\r\n const addressType = (consigneeAddress || {}).addressType;\r\n var addressTypeValue = 1;\r\n if (addressType && addressType.toLowerCase() == 'servicepoint') addressTypeValue = 2;\r\n return {\r\n deliveryType: CONSTANTS.reverseDeliveryType[addressTypeValue],\r\n doorStepInstructions: setDropdownValues(\r\n CONSTANTS.doorStepInstructionOptions,\r\n 'value',\r\n (deliveryOptions || {}).doorStepInstructions,\r\n ),\r\n exchange: (deliveryOptions || {}).exchangeOnDelivery ? 'yes' : 'no', // have to check again\r\n specialInstructions: (deliveryOptions || {}).deliveryInstructions ?? \"\",\r\n leaveSafeLocation: deliveryOptions?.secureLocation ?? \"\"\r\n };\r\n};\r\n\r\nexport const setValuesToCarriageForwardDeliveryOptions = (responseObj) => {\r\n const deliveryOptions = ((responseObj || {}).shipments || [])[0].shipmentDetails;\r\n const consigneeAddress = ((responseObj || {}).shipments || [])[0].consigneeAddress;\r\n let _specialInstructions = (deliveryOptions || {}).deliveryInstructions;\r\n return {\r\n deliveryType:\r\n consigneeAddress?.addressType === 'servicepoint'\r\n ? CONSTANTS.reverseDeliveryType[2]\r\n : CONSTANTS.reverseDeliveryType[1],\r\n exchange: (deliveryOptions || {}).exchangeOnDelivery ? 'yes' : 'no', // have to check again\r\n specialInstructions:\r\n _specialInstructions != null\r\n ? _specialInstructions.length <= 30\r\n ? (deliveryOptions || {}).deliveryInstructions\r\n : _specialInstructions.slice(0, 30)\r\n : '',\r\n additionalInstruction:\r\n _specialInstructions != null ? (_specialInstructions.length <= 30 ? '' : _specialInstructions.slice(30)) : '',\r\n leaveSafeLocation: (deliveryOptions || {}).secureLocation,\r\n };\r\n};\r\n\r\nexport const setValuesToShipmentProductAndService = (responseObj) => {\r\n return {\r\n // product:(responseObj || {}).product\r\n // service:responseObj.service,\r\n };\r\n};\r\n\r\nexport const setValuesToShipmentAdditionalInfo = (responseObj) => {\r\n const additionalInfo = ((responseObj || {}).shipments || [])[0].shipmentDetails;\r\n const consigneeAddress = ((responseObj || {}).shipments || [])[0].consigneeAddress;\r\n const extendedLiability = ((responseObj || {}).shipments || [])[0].extendedLiability;\r\n return {\r\n alternateReference: (additionalInfo || {}).customerRef2,\r\n customerReference: (additionalInfo || {}).customerRef1,\r\n extendedCoverDomestic: (extendedLiability || {}).extendedLiabilityUnits,\r\n extendedCoverInternational: (extendedLiability || {}).extendedLiabilityRequired,\r\n };\r\n};\r\n\r\nexport const setValuesToShipmentReturnOption = (responseObj) => {\r\n const returnOption = ((responseObj || {}).shipments || [])[0].shipmentDetails;\r\n const returnRefValue = ((responseObj || {}).shipments || [])[0].return;\r\n return {\r\n inboxReturnLabel: (returnOption || {}).inBoxReturn ? `${(returnOption || {}).inBoxReturn}` : 'false',\r\n returnReference: (returnRefValue || {}).customerRef1 || '',\r\n };\r\n};\r\n\r\nexport const setValuesToShipmentBasicDeclaration = (responseObj, currencies = []) => {\r\n const basicDetails = ((responseObj || {}).shipments || [])[0].shipmentDetails;\r\n const customDeclaration = (((responseObj || {}).shipments || [])[0].pieces || [])[0];\r\n return {\r\n descriptionOfGoods: (basicDetails || {}).shipmentDesc,\r\n customDeclarationValue: (customDeclaration || {}).declaredValue,\r\n customDeclarationCurrency: setDropdownValues(currencies, 'code', (basicDetails || {}).currency),\r\n };\r\n};\r\n\r\nexport const setValuesToCarriageForwardBasicDeclaration = (responseObj, currencies = []) => {\r\n const customDeclaration = ((responseObj || {}).shipments || [])[0].shipmentDetails;\r\n return {\r\n descriptionOfGoods: (customDeclaration || {}).shipmentDesc,\r\n };\r\n};\r\n\r\nexport const setValuesToShipmentCustomDeclaration = (responseObj, countries = []) => {\r\n const shipmentDetails = ((responseObj || {}).shipments || [])[0].shipmentDetails;\r\n const customDeclaration = ((responseObj || {}).shipments || [])[0].pieces;\r\n const customsInvoice = ((responseObj || {}).shipments || [])[0].customsInvoice;\r\n const receipentRegistrations = (((responseObj || {}).shipments || [])[0].recipientCustomsRegistrations || [])[0];\r\n const senderRegistrations = (((responseObj || {}).shipments || [])[0].senderCustomsRegistrations || []).find(\r\n (custom) => custom?.type === 'EORI',\r\n );\r\n const senderFdaRegistrations = (((responseObj || {}).shipments || [])[0].senderCustomsRegistrations || []).find(\r\n (custom) => custom?.type !== 'EORI' && custom?.type !== 'IOSS',\r\n );\r\n\r\n return {\r\n invoiceTypeLabel:\r\n (customsInvoice || {}).type === 'proforma' ? CONSTANTS.reverseInvoiceType[2] : CONSTANTS.reverseInvoiceType[1],\r\n InvoiceDate: formatDate(customsInvoice?.date),\r\n InvoiceNumber: customsInvoice?.number,\r\n customDeclarationShippingCharges: shipmentDetails?.freightCharges,\r\n customDeclarationShippersEoriNo: senderRegistrations?.id,\r\n customDeclarationReceiversEoriNo: receipentRegistrations?.id,\r\n FDARegistrationNumber: senderFdaRegistrations?.id,\r\n TermsOfDelivery: shipmentDetails?.dutiesPaid,\r\n commodityDetails: setShipmentCommodityDetails(customDeclaration?.[0]?.customsDetails, countries),\r\n };\r\n};\r\n\r\nexport const setShipmentCommodityDetails = (commodityDetails = [], countries = []) => {\r\n const formattedCommodities = [];\r\n if (commodityDetails && countries) {\r\n commodityDetails.forEach((commodity) => {\r\n var selectedCountry = countries.find((country) => country.code2Digit == commodity.countryOfOrigin);\r\n formattedCommodities.push({\r\n commodityCode: commodity.hsCode,\r\n fullDescriptionOfGoods: commodity.itemDescription,\r\n weight: commodity.itemWeight,\r\n quantity: commodity.packagedQuantity,\r\n unitValue: commodity.itemValue,\r\n countryOfOrigin: setDropdownValues(countries, 'code', selectedCountry?.code),\r\n });\r\n });\r\n }\r\n return formattedCommodities;\r\n};\r\n\r\nconst getAddressFromAccount = (accountAddress) => {\r\n return {\r\n companyName: accountAddress.companyName,\r\n address1: accountAddress.address1,\r\n address2: accountAddress.address2,\r\n address3: accountAddress.address3,\r\n city: accountAddress.city,\r\n state: accountAddress.state,\r\n postalCode: accountAddress.postalCode,\r\n country: accountAddress.country,\r\n name: accountAddress.name,\r\n phone: accountAddress.phone,\r\n email: accountAddress.email,\r\n recipientType: 'business',\r\n addressType: 'doorstep',\r\n };\r\n};\r\nconst getSaveAddressFromAccount = (collectionResponse, accountAddress) => {\r\n return {\r\n companyName: accountAddress.companyName,\r\n address1: accountAddress.address1,\r\n address2: accountAddress.address2,\r\n address3: accountAddress.address3,\r\n city: accountAddress.city,\r\n state: accountAddress.state,\r\n postalCode: accountAddress.postalCode,\r\n country: accountAddress.country,\r\n name: accountAddress.name,\r\n phone: accountAddress.phone,\r\n email: accountAddress.email,\r\n recipientType: 'business',\r\n addressType: 'doorstep',\r\n locationId: collectionResponse.shipmentModel.shipments[0].consigneeAddress.locationId,\r\n locationType: collectionResponse.shipmentModel.shipments[0].consigneeAddress.locationType,\r\n idNumber: collectionResponse.shipmentModel.shipments[0].consigneeAddress.idNumber,\r\n idType: collectionResponse.shipmentModel.shipments[0].consigneeAddress.idType,\r\n what3Words: collectionResponse.shipmentModel.shipments[0].consigneeAddress.what3Words,\r\n };\r\n};\r\n\r\nconst getAddressForShipmentApi = (formikValues, formName) => {\r\n const what3Words = {\r\n words: formikValues.what3Words,\r\n geo:{\r\n latitude: formikValues.w3WCoordinates?.lat || formikValues.w3WCoordinates?.latitude,\r\n longitude: formikValues.w3WCoordinates?.lng || formikValues.w3WCoordinates?.longitude,\r\n }\r\n };\r\n \r\n return {\r\n companyName: formikValues[`${formName}BusinessName`]?.trim(),\r\n address1: formikValues[`${formName}AddressLine1`]?.trim(),\r\n address2: formikValues[`${formName}AddressLine2`]?.trim(),\r\n address3: formikValues[`${formName}AddressLine3`]?.trim(),\r\n city: formikValues[`${formName}Town`],\r\n state: formikValues[`${formName}County`],\r\n postalCode: formikValues[`${formName}PostCode`],\r\n country: 'GB',\r\n name: formikValues[`${formName}ContactName`],\r\n phone: formikValues[`${formName}TelephoneNumber`],\r\n email: formikValues[`${formName}EmailAddress`],\r\n recipientType: formikValues[`${formName}AddressType`],\r\n addressType:\r\n formName === 'from'\r\n ? shipmentRequestAPIConstants.deliveryType['deliverToDoorStep']\r\n : shipmentRequestAPIConstants.deliveryType[formikValues.deliveryType],\r\n what3Words: (formName === 'to' && what3Words?.geo && what3Words?.words)? what3Words : {},\r\n };\r\n};\r\n\r\nconst getConsigneeSaveAddressCollectionApi = (collectionResponse, formikValues, formName) => {\r\n return {\r\n companyName: formikValues[`${formName}BusinessName`]?.trim(),\r\n address1: formikValues[`${formName}AddressLine1`]?.trim(),\r\n address2: formikValues[`${formName}AddressLine2`]?.trim(),\r\n address3: formikValues[`${formName}AddressLine3`]?.trim(),\r\n city: formikValues[`${formName}Town`],\r\n state: formikValues[`${formName}County`],\r\n postalCode: formikValues[`${formName}PostCode`],\r\n country: 'GB',\r\n name: formikValues[`${formName}ContactName`],\r\n phone: formikValues[`${formName}TelephoneNumber`],\r\n email: formikValues[`${formName}EmailAddress`],\r\n recipientType: formikValues[`${formName}AddressType`],\r\n addressType: shipmentRequestAPIConstants.deliveryType[formikValues.deliveryType],\r\n locationId: collectionResponse.shipmentModel.shipments[0].consigneeAddress.locationId,\r\n locationType: collectionResponse.shipmentModel.shipments[0].consigneeAddress.locationType,\r\n idNumber: collectionResponse.shipmentModel.shipments[0].consigneeAddress.idNumber,\r\n idType: collectionResponse.shipmentModel.shipments[0].consigneeAddress.idType,\r\n what3Words: collectionResponse.shipmentModel.shipments[0].consigneeAddress.what3Words,\r\n };\r\n};\r\n\r\nconst formatServicePointAddress = (servicePointDetails, formikValues) => {\r\n const serivcePointAddress = servicePointDetails?.address;\r\n return {\r\n companyName: servicePointDetails?.title || serivcePointAddress?.businessName,\r\n address1: serivcePointAddress?.businessName,\r\n address2: serivcePointAddress?.address1?.trim(),\r\n address3: serivcePointAddress?.address2?.trim(),\r\n city: serivcePointAddress?.postalTown,\r\n state: serivcePointAddress?.county,\r\n postalCode: serivcePointAddress?.zipcode,\r\n country: 'GB',\r\n name: 'ShopKeeper',\r\n phone: formikValues.toTelephoneNumber,\r\n email: formikValues.toEmailAddress,\r\n locationType: serivcePointAddress?.addressType,\r\n recipientType: formikValues.toAddressType,\r\n addressType: shipmentRequestAPIConstants.deliveryType[formikValues.deliveryType],\r\n locationId: servicePointDetails?.servicePointID,\r\n };\r\n};\r\nconst formatSaveCollectionServicePointAddress = (collectionResponse, servicePointDetails, formikValues, formName) => {\r\n const serivcePointAddress = servicePointDetails\r\n ? servicePointDetails?.address\r\n : collectionResponse.shipmentModel.shipments[0].consigneeAddress;\r\n return {\r\n companyName: servicePointDetails ? serivcePointAddress.businessName : serivcePointAddress.companyName,\r\n address1: serivcePointAddress.address1?.trim(),\r\n address2: serivcePointAddress.address2?.trim(),\r\n address3: serivcePointAddress.address3?.trim(),\r\n city: servicePointDetails ? serivcePointAddress.postalTown : serivcePointAddress.city,\r\n state: servicePointDetails ? serivcePointAddress.county : serivcePointAddress.state,\r\n postalCode: servicePointDetails ? serivcePointAddress.zipcode : serivcePointAddress.postalCode,\r\n country: 'GB',\r\n name: formikValues.toContactName,\r\n phone: formikValues.toTelephoneNumber,\r\n email: formikValues.toEmailAddress,\r\n locationType: servicePointDetails ? serivcePointAddress.addressType : serivcePointAddress.locationType,\r\n recipientType: formikValues.toAddressType,\r\n addressType: shipmentRequestAPIConstants.deliveryType[formikValues.deliveryType],\r\n locationId: servicePointDetails ? servicePointDetails?.servicePointID : serivcePointAddress.locationId,\r\n idNumber: serivcePointAddress.idNumber,\r\n idType: serivcePointAddress.idType,\r\n what3Words: serivcePointAddress.what3Words,\r\n };\r\n};\r\n\r\nexport const createCollectionReqObj = (collectionResponse, formikValues, servicePointSelected) => {\r\n const { SEND_TO_THIRD_PARTY, RETURN_TO_SENDER, DROP_OFF, PICK_UP, SERVICE_POINT_HANDOVER_METHOD } = MISC_VALUES;\r\n let collectionResponse_length = Object.keys(collectionResponse).length;\r\n const isReturnToSender = formikValues.returnType === RETURN_TO_SENDER;\r\n let noOfClearanceItem = 0;\r\n const { clearanceDeclaration, noOfClearanceItem: updatedNoOfClearanceItem } = clearanceDeclarationCollectionDetails(\r\n formikValues,\r\n noOfClearanceItem,\r\n );\r\n noOfClearanceItem = updatedNoOfClearanceItem;\r\n const reqObj = {\r\n pickupAccount: formikValues?.accountNumber?.accountId,\r\n dropoffType: formikValues?.handOverMethod === SERVICE_POINT_HANDOVER_METHOD ? DROP_OFF : PICK_UP,\r\n pickup:\r\n formikValues?.handOverMethod === SERVICE_POINT_HANDOVER_METHOD\r\n ? null\r\n : {\r\n date: formatDate(formikValues.collectionDate),\r\n accountAddress: false,\r\n instructions: formikValues?.collectionInstructions,\r\n },\r\n senderAddress: getAddressForShipmentApi(formikValues, 'from'),\r\n pickupAddress:\r\n formikValues?.handOverMethod === SERVICE_POINT_HANDOVER_METHOD\r\n ? null\r\n : getAddressForShipmentApi(formikValues, 'from'),\r\n shipments: [\r\n {\r\n consigneeAddress: isReturnToSender\r\n ? { ...getAddressFromAccount(formikValues?.accountNumber?.sender) }\r\n : formikValues.deliveryType === DELIVER_TYPE.DELIVER_DOORSTEP\r\n ? getAddressForShipmentApi(formikValues, 'to')\r\n : formatServicePointAddress(servicePointSelected, formikValues),\r\n recipientAddress:\r\n !isReturnToSender && formikValues.deliveryType !== DELIVER_TYPE.DELIVER_DOORSTEP\r\n ? getAddressForShipmentApi(formikValues, 'to')\r\n : {},\r\n shipmentDetails: {\r\n shipmentId:\r\n collectionResponse_length > 0\r\n ? collectionResponse.shipmentModel.shipments[0].shipmentDetails.shipmentId\r\n : '',\r\n customerRef1: formikValues.fromCustomerReference,\r\n orderedProduct: formikValues?.toServiceRequired?.orderedProduct,\r\n totalWeight: formikValues?.fromWeight,\r\n carriageForward: formikValues.returnType === SEND_TO_THIRD_PARTY,\r\n thirdPartyCollection: formikValues.returnType === RETURN_TO_SENDER,\r\n deliveryInstructions: formikValues.additionalInstruction\r\n ? `${formikValues.specialInstructions} ${formikValues.additionalInstruction}`\r\n : formikValues.specialInstructions,\r\n totalPieces: formikValues.fromParcel,\r\n shipmentDesc: formikValues?.descriptionOfGoods,\r\n inBoxReturn:\r\n collectionResponse_length > 0\r\n ? collectionResponse.shipmentModel.shipments[0].shipmentDetails.inBoxReturn\r\n : false,\r\n currency:\r\n collectionResponse_length > 0 ? collectionResponse.shipmentModel.shipments[0].shipmentDetails.currency : '',\r\n documentsOnly: false,\r\n },\r\n return: collectionResponse_length > 0 ? collectionResponse.shipmentModel.shipments[0].return : null,\r\n pieces: collectionResponse_length > 0 ? collectionResponse.shipmentModel.shipments[0].pieces : [],\r\n customsDetails:\r\n collectionResponse_length > 0\r\n ? collectionResponse.shipmentModel.shipments[0].pieces[0]?.customsDetails\r\n : null,\r\n senderCustomsRegistrations:\r\n collectionResponse_length > 0 ? collectionResponse.shipmentModel.shipments[0].senderCustomsRegistrations : [],\r\n recipientCustomsRegistrations:\r\n collectionResponse_length > 0\r\n ? collectionResponse.shipmentModel.shipments[0].recipientCustomsRegistrations\r\n : [],\r\n clearanceDeclaration: clearanceDeclaration,\r\n },\r\n ],\r\n };\r\n\r\n if (isReturnToSender || formikValues.deliveryType === DELIVER_TYPE.DELIVER_DOORSTEP) {\r\n delete reqObj?.shipments?.[0]?.recipientAddress;\r\n }\r\n return reqObj;\r\n};\r\n\r\nexport const saveCollectionReqObj = (collectionResponse, formikValues, servicePointSelected) => {\r\n const isReturnToSender = formikValues.returnType === 'returnToSender';\r\n let noOfClearanceItem = 0;\r\n const { clearanceDeclaration, noOfClearanceItem: updatedNoOfClearanceItem } = clearanceDeclarationCollectionDetails(\r\n formikValues,\r\n noOfClearanceItem,\r\n );\r\n noOfClearanceItem = updatedNoOfClearanceItem;\r\n const reqObj = {\r\n id: collectionResponse.id,\r\n organization: collectionResponse.organization,\r\n referenceNumber: formikValues.fromCustomerReference,\r\n source: collectionResponse.source,\r\n shipmentOrdersName: collectionResponse.shipmentOrdersName,\r\n status: collectionResponse.status,\r\n documentCreatedOn: collectionResponse.documentCreatedOn,\r\n sourceReference: collectionResponse?.sourceReference,\r\n subSource: collectionResponse?.subSource,\r\n shipmentModel: {\r\n pickupAccount: formikValues?.accountNumber?.accountId,\r\n dropoffType: 'PICKUP',\r\n destinationCountry: collectionResponse.shipmentModel.destinationCountry,\r\n service: collectionResponse.shipmentModel.service,\r\n product: collectionResponse.shipmentModel.product,\r\n shipmentId: collectionResponse.shipmentModel.shipmentId,\r\n pickup: {\r\n date: formatDate(formikValues.collectionDate),\r\n accountAddress: false,\r\n instructions: formikValues?.collectionInstructions,\r\n pickupIdentifier: collectionResponse.shipmentModel.pickup.pickupIdentifier,\r\n secureLocation: collectionResponse.shipmentModel.pickup.secureLocation,\r\n labelRequired: collectionResponse.shipmentModel.pickup.labelRequired,\r\n },\r\n pickupAddress: getAddressForShipmentApi(formikValues, 'from'),\r\n senderAddress: getAddressForShipmentApi(formikValues, 'from'),\r\n createdOn: collectionResponse.shipmentModel.createdOn,\r\n isDelivered: collectionResponse.shipmentModel.isDelivered,\r\n isDeferred: collectionResponse.shipmentModel.isDeferred,\r\n isLive: collectionResponse.shipmentModel.isLive,\r\n dueDate: collectionResponse.shipmentModel.dueDate,\r\n shipments: [\r\n {\r\n consigneeAddress: isReturnToSender\r\n ? { ...getSaveAddressFromAccount(collectionResponse, formikValues?.accountNumber?.sender) }\r\n : formikValues.deliveryType === 'deliverToDoorStep'\r\n ? getConsigneeSaveAddressCollectionApi(collectionResponse, formikValues, 'to')\r\n : formatSaveCollectionServicePointAddress(collectionResponse, servicePointSelected, formikValues, 'to'),\r\n recipientAddress:\r\n !isReturnToSender && formikValues.deliveryType !== 'deliverToDoorStep'\r\n ? getAddressForShipmentApi(formikValues, 'to')\r\n : null,\r\n shipmentDetails: {\r\n shipmentId: collectionResponse.shipmentModel.shipments[0].shipmentDetails.shipmentId,\r\n customerRef1: formikValues.fromCustomerReference, // need to check\r\n orderedProduct: formikValues?.toServiceRequired?.orderedProduct,\r\n totalPieces: formikValues.fromParcel,\r\n totalWeight: formikValues?.fromWeight,\r\n inBoxReturn: collectionResponse.shipmentModel.shipments[0].shipmentDetails.inBoxReturn,\r\n shipmentDesc: formikValues?.descriptionOfGoods,\r\n dutiesPaid: collectionResponse.shipmentModel.shipments[0].shipmentDetails.dutiesPaid,\r\n freightCharges: collectionResponse.shipmentModel.shipments[0].shipmentDetails.freightCharges,\r\n currency: collectionResponse.shipmentModel.shipments[0].shipmentDetails.currency,\r\n deliveryInstructions: formikValues.additionalInstruction ? `${formikValues.specialInstructions} ${formikValues.additionalInstruction}` : formikValues.specialInstructions,\r\n secureLocation: formikValues?.leaveSafeLocation,\r\n partnerCode: collectionResponse?.shipmentModel?.shipments[0]?.shipmentDetails?.partnerCode,\r\n partnerOrderId: collectionResponse?.shipmentModel?.shipments[0]?.shipmentDetails?.partnerOrderId,\r\n totalPallets: collectionResponse.shipmentModel.shipments[0].shipmentDetails.totalPallets,\r\n exchangeOnDelivery: collectionResponse.shipmentModel.shipments[0].shipmentDetails.exchangeOnDelivery,\r\n carriageForward: formikValues.returnType === 'sendToThirdParty',\r\n thirdPartyCollection: formikValues.returnType === 'returnToSender',\r\n directInjectionCustomerId:\r\n collectionResponse.shipmentModel.shipments[0].shipmentDetails.directInjectionCustomerId,\r\n },\r\n pieces: collectionResponse.shipmentModel.shipments[0].pieces,\r\n customsInvoice: collectionResponse.shipmentModel.shipments[0].customsInvoice,\r\n return: collectionResponse.shipmentModel.shipments[0].return,\r\n extendedLiability: collectionResponse.shipmentModel.shipments[0].extendedLiability,\r\n senderCustomsRegistrations: collectionResponse.shipmentModel.shipments[0].senderCustomsRegistrations,\r\n recipientCustomsRegistrations: collectionResponse.shipmentModel.shipments[0].recipientCustomsRegistrations,\r\n customerPrice: collectionResponse.shipmentModel.shipments[0].customerPrice,\r\n clearanceDeclaration: clearanceDeclaration, // For Clearance Declaration\r\n },\r\n ],\r\n correlationId: collectionResponse.shipmentModel.correlationId,\r\n },\r\n isValid: collectionResponse.isValid,\r\n errors: collectionResponse.errors,\r\n };\r\n\r\n if (isReturnToSender || formikValues.deliveryType === 'deliverToDoorStep') {\r\n delete reqObj?.shipments?.[0]?.recipientAddress;\r\n }\r\n return reqObj;\r\n};\r\n\r\nexport const arrayToString = (arrayObj, paramsName, propertyName) => {\r\n let concatedString = '';\r\n arrayObj.forEach((ele) => {\r\n concatedString += `&${paramsName}=${ele[propertyName]}`;\r\n });\r\n return concatedString;\r\n};\r\nexport const checkToken = () => {\r\n return sessionStorage.getItem(`msal.${applicationID}.idtoken`);\r\n};\r\n\r\nexport const saveOrderReqObj = (orderResponse, formikValues, servicePointSelected) => {\r\n const isServicePoint = formikValues.deliveryType.toLowerCase() === 'delivertoservicepoint';\r\n\r\n const reqObj = {\r\n id: orderResponse?.id,\r\n organization: orderResponse?.organization,\r\n referenceNumber: formikValues?.customerReference,\r\n source: orderResponse?.source,\r\n shipmentOrdersName: orderResponse?.shipmentOrdersName,\r\n status: orderResponse?.status,\r\n documentCreatedOn: orderResponse?.documentCreatedOn,\r\n sourceReference: orderResponse?.sourceReference,\r\n subSource: orderResponse?.subSource,\r\n delimiter: orderResponse?.delimiter,\r\n shipmentModel: {\r\n correlationId: orderResponse?.shipmentModel?.correlationId,\r\n createdOn: orderResponse?.shipmentModel?.createdOn,\r\n destinationCountry: orderResponse?.shipmentModel?.destinationCountry,\r\n dropOffType: formikValues?.handOverMethod === 'driverCollection' ? 'PICKUP' : 'dropoff',\r\n dueDate: orderResponse?.shipmentModel?.dueDate,\r\n isDeferred: orderResponse?.shipmentModel?.isDeferred,\r\n isDelivered: orderResponse?.shipmentModel?.isDelivered,\r\n isLive: orderResponse?.shipmentModel?.isLive,\r\n pickup: {\r\n date: formatDate(formikValues?.DispatchDate),\r\n accountAddress: orderResponse?.shipmentModel?.pickup?.accountAddress,\r\n instructions: orderResponse?.shipmentModel?.pickup?.instructions,\r\n pickupIdentifier: orderResponse?.shipmentModel?.pickup?.pickupIdentifier,\r\n secureLocation: orderResponse?.shipmentModel?.pickup?.secureLocation,\r\n labelRequired: orderResponse?.shipmentModel?.pickup?.labelRequired,\r\n },\r\n pickupAccount: formikValues?.accountNumber?.accountId,\r\n pickupAddress: orderResponse?.shipmentModel?.pickupAddress,\r\n shipmentId: orderResponse?.shipmentModel?.shipmentId,\r\n senderAddress: {\r\n companyName: orderResponse?.shipmentModel?.senderAddress?.companyName,\r\n address1: orderResponse?.shipmentModel?.senderAddress?.address1,\r\n address2: orderResponse?.shipmentModel?.senderAddress?.address2,\r\n address3: orderResponse?.shipmentModel?.senderAddress?.address3,\r\n city: orderResponse?.shipmentModel?.senderAddress?.city,\r\n state: orderResponse?.shipmentModel?.senderAddress?.state,\r\n postalCode: orderResponse?.shipmentModel?.senderAddress?.postalCode,\r\n country: orderResponse?.shipmentModel?.senderAddress?.country,\r\n name: orderResponse?.shipmentModel?.senderAddress?.name,\r\n phone: orderResponse?.shipmentModel?.senderAddress?.phone,\r\n email: orderResponse?.shipmentModel?.senderAddress?.email,\r\n recipientType: orderResponse?.shipmentModel?.senderAddress?.recipientType,\r\n addressType: orderResponse?.shipmentModel?.senderAddress?.addressType,\r\n },\r\n service: orderResponse?.shipmentModel?.service,\r\n product: orderResponse?.shipmentModel?.product,\r\n shipments: [\r\n {\r\n consigneeAddress: isServicePoint\r\n ? { ...getSaveAddressFromServicePoint(orderResponse, formikValues, servicePointSelected) }\r\n : { ...getConsigneeSaveAddressOrderApi(orderResponse, formikValues) },\r\n recipientAddress: isServicePoint\r\n ? { ...getRecipentSaveConsigneeAddress(orderResponse, formikValues) }\r\n : orderResponse?.shipmentModel?.shipments[0]?.recipientAddress\r\n ? { ...getRecipentShipAddress(orderResponse) }\r\n : null,\r\n shipmentDetails: {\r\n carriageForward: orderResponse?.shipmentModel?.shipments[0]?.shipmentDetails?.carriageForward,\r\n currency: formikValues?.customDeclarationCurrency?.code,\r\n shipmentId: orderResponse?.shipmentModel?.shipments[0]?.shipmentDetails?.shipmentId,\r\n shipmentDesc: formikValues?.descriptionOfGoods,\r\n customerRef1: formikValues?.customerReference,\r\n customerRef2: formikValues?.alternateReference,\r\n deliveryInstructions: formikValues?.specialInstructions,\r\n directInjectionCustomerId:\r\n orderResponse?.shipmentModel?.shipments[0]?.shipmentDetails?.directInjectionCustomerId,\r\n dutiesPaid: formikValues?.TermsOfDelivery?.label,\r\n exchangeOnDelivery: formikValues?.exchange === 'yes' ? true : false,\r\n freightCharges: parseFloat(formikValues?.customDeclarationShippingCharges || 0),\r\n inBoxReturn: (formikValues?.inboxReturnLabel === \"yes\" || formikValues?.inboxReturnLabel === 'true') ? true : false,\r\n orderedProduct: formikValues?.service?.orderedProduct,\r\n partnerCode: orderResponse?.shipmentModel?.shipments[0]?.shipmentDetails?.partnerCode,\r\n partnerOrderId: orderResponse?.shipmentModel?.shipments[0]?.shipmentDetails?.partnerOrderId,\r\n secureLocation: orderResponse?.shipmentModel?.shipments[0]?.shipmentDetails?.secureLocation,\r\n thirdPartyCollection: orderResponse?.shipmentModel?.shipments[0]?.shipmentDetails?.thirdPartyCollection,\r\n totalPieces: formikValues?.noOfItems === '' ? 0 : formikValues?.noOfItems,\r\n totalWeight: formikValues?.weight === '' ? 0 : formikValues?.weight,\r\n totalPallets: formikValues?.pallets === null ? 0 : formikValues?.pallets,\r\n },\r\n extendedLiability: {\r\n extendedLiabilityRequired: formikValues?.extendedCoverInternational,\r\n extendedLiabilityUnits:\r\n formikValues?.destinationCountry?.code === 'GBR' ? formikValues?.extendedCoverDomestic || 0 : null,\r\n },\r\n pieces: [\r\n {\r\n pieceId: orderResponse?.shipmentModel?.shipments[0]?.pieces[0]?.pieceId,\r\n pieceRefId: orderResponse?.shipmentModel?.shipments[0]?.pieces[0]?.pieceRefId,\r\n declaredValue: orderResponse?.shipmentModel?.shipments[0]?.pieces[0]?.declaredValue,\r\n weight: formikValues?.destinationCountry?.code2Digit === 'GB' ? formikValues?.weight === '' ? 0 : parseFloat(formikValues?.weight) : formikValues?.intlParcelDetails[0]?.weight === '' ? 0 : parseFloat(formikValues?.intlParcelDetails[0]?.weight),\r\n length: formikValues?.destinationCountry?.code2Digit === 'GB' ? formikValues?.length === '' ? 0 : parseFloat(formikValues?.length) : formikValues?.intlParcelDetails[0]?.length === '' ? 0 : parseFloat(formikValues?.intlParcelDetails[0]?.length),\r\n width: formikValues?.destinationCountry?.code2Digit === 'GB' ? formikValues?.width === '' ? 0 : parseFloat(formikValues?.width) : formikValues?.intlParcelDetails[0]?.width === '' ? 0 : parseFloat(formikValues?.intlParcelDetails[0]?.width),\r\n height: formikValues?.destinationCountry?.code2Digit === 'GB' ? formikValues?.height === '' ? 0 : parseFloat(formikValues?.height) : formikValues?.intlParcelDetails[0]?.height === '' ? 0 : parseFloat(formikValues?.intlParcelDetails[0]?.height),\r\n diameter: orderResponse?.shipmentModel?.shipments[0]?.pieces[0]?.diameter,\r\n isBulky: orderResponse?.shipmentModel?.shipments[0]?.pieces[0]?.isBulky,\r\n ...(formikValues.isFullCustomDetails && {\r\n customsDetails:\r\n formikValues?.destinationCountry?.code2Digit === 'GB'\r\n ? orderResponse?.shipmentModel?.shipments[0]?.pieces[0]?.customsDetails\r\n : [\r\n {\r\n countryOfOrigin:\r\n formikValues?.commodityDetails?.length > 0\r\n ? formikValues?.commodityDetails[0]?.countryOfOrigin?.code2Digit\r\n : orderResponse?.shipmentModel?.shipments[0]?.pieces[0]?.customsDetails\r\n ? orderResponse?.shipmentModel?.shipments[0]?.pieces[0]?.customsDetails[0]\r\n ?.countryOfOrigin\r\n : null,\r\n descriptionExport: orderResponse?.shipmentModel?.shipments[0]?.pieces[0]?.customsDetails\r\n ? orderResponse?.shipmentModel?.shipments[0]?.pieces[0]?.customsDetails[0]\r\n ?.descriptionExport\r\n : null,\r\n descriptionImport: orderResponse?.shipmentModel?.shipments[0]?.pieces[0]?.customsDetails\r\n ? orderResponse?.shipmentModel?.shipments[0]?.pieces[0]?.customsDetails[0]\r\n ?.descriptionImport\r\n : null,\r\n hsCode:\r\n formikValues?.commodityDetails?.length > 0\r\n ? formikValues?.commodityDetails[0]?.commodityCode\r\n : orderResponse?.shipmentModel?.shipments[0]?.pieces[0]?.customsDetails\r\n ? orderResponse?.shipmentModel?.shipments[0]?.pieces[0]?.customsDetails[0]?.hsCode\r\n : null,\r\n itemDescription:\r\n formikValues?.commodityDetails?.length > 0\r\n ? formikValues?.commodityDetails[0]?.fullDescriptionOfGoods\r\n : orderResponse?.shipmentModel?.shipments[0]?.pieces[0]?.customsDetails\r\n ? orderResponse?.shipmentModel?.shipments[0]?.pieces[0]?.customsDetails[0]\r\n ?.itemDescription\r\n : null,\r\n itemValue:\r\n formikValues?.commodityDetails?.length > 0\r\n ? formikValues?.commodityDetails[0]?.unitValue\r\n : orderResponse?.shipmentModel?.shipments[0]?.pieces[0]?.customsDetails\r\n ? orderResponse?.shipmentModel?.shipments[0]?.pieces[0]?.customsDetails[0]?.itemValue\r\n : null,\r\n itemWeight:\r\n formikValues?.commodityDetails?.length > 0\r\n ? formikValues?.commodityDetails[0]?.weight\r\n : orderResponse?.shipmentModel?.shipments[0]?.pieces[0]?.customsDetails\r\n ? orderResponse?.shipmentModel?.shipments[0]?.pieces[0]?.customsDetails[0]?.itemWeight\r\n : null,\r\n packagedQuantity:\r\n formikValues?.commodityDetails?.length > 0\r\n ? formikValues?.commodityDetails[0]?.quantity\r\n : orderResponse?.shipmentModel?.shipments[0]?.pieces[0]?.customsDetails\r\n ? orderResponse?.shipmentModel?.shipments[0]?.pieces[0]?.customsDetails[0]\r\n ?.packagedQuantity\r\n : null,\r\n skuNumber: orderResponse?.shipmentModel?.shipments[0]?.pieces[0]?.customsDetails\r\n ? orderResponse?.shipmentModel?.shipments[0]?.pieces[0]?.customsDetails[0]?.skuNumber\r\n : null,\r\n },\r\n ],\r\n }),\r\n },\r\n ],\r\n customsInvoice: {\r\n date: formatDate(formikValues?.InvoiceDate),\r\n number: formikValues?.InvoiceNumber,\r\n reasonForExport: formikValues?.reasonForExport?.type ?? '',\r\n type: formikValues?.invoiceTypeLabel,\r\n },\r\n return:\r\n formikValues.inboxReturnLabel === 'true'\r\n ? {\r\n returnShipmentId: orderResponse?.shipmentModel?.shipments[0]?.return?.returnShipmentId,\r\n customerRef1: formikValues?.returnReference,\r\n returnAccount: orderResponse?.shipmentModel?.shipments[0]?.return?.returnAccount,\r\n shipmentDesc: orderResponse?.shipmentModel?.shipments[0]?.return?.shipmentDesc,\r\n declaredValue: formikValues?.customDeclarationValue ? formikValues?.customDeclarationValue : 0,\r\n }\r\n : null,\r\n senderCustomsRegistrations:\r\n orderResponse?.shipmentModel?.shipments[0]?.senderCustomsRegistrations.length > 0\r\n ? (() => {\r\n let arr = [];\r\n arr.push({\r\n type: orderResponse?.shipmentModel?.shipments[0]?.senderCustomsRegistrations[0]?.type,\r\n id: formikValues?.customDeclarationShippersEoriNo,\r\n });\r\n if (formikValues?.FDARegistrationNumber) {\r\n arr.push({\r\n type: orderResponse?.shipmentModel?.shipments[0]?.senderCustomsRegistrations[1]?.type,\r\n id: formikValues?.FDARegistrationNumber,\r\n });\r\n }\r\n return arr;\r\n })()\r\n : [],\r\n\r\n recipientCustomsRegistrations:\r\n orderResponse?.shipmentModel?.shipments[0]?.recipientCustomsRegistrations.length > 0\r\n ? [\r\n {\r\n type: orderResponse?.shipmentModel?.shipments[0]?.recipientCustomsRegistrations[0]?.type,\r\n id: formikValues?.customDeclarationReceiversEoriNo,\r\n },\r\n ]\r\n : [],\r\n customerPrice: orderResponse?.shipmentModel?.shipments[0]?.customerPrice,\r\n\r\n clearanceDeclaration: formikValues?.shipmentMovement?.value? { ...getSaveClearanceDeclaration(formikValues) }:null,\r\n \r\n\r\n \r\n },\r\n ],\r\n },\r\n isValid: orderResponse?.isValid,\r\n };\r\n\r\n if (formikValues?.destinationCountry?.code2Digit !== 'GB') {\r\n for (let i = 1; i < formikValues.intlParcelDetails.length; i++) {\r\n const tempPieceObj = {\r\n pieceId: (i + 1).toString(),\r\n pieceRefId: formikValues?.intlParcelDetails[i].pieceRefId !== '' ? formikValues?.intlParcelDetails[i].pieceRefId : null,\r\n declaredValue: 0,\r\n weight: formikValues?.intlParcelDetails[i]?.weight === '' ? 0 : parseFloat(formikValues?.intlParcelDetails[i]?.weight),\r\n length: formikValues?.intlParcelDetails[i]?.length === '' ? 0 : parseFloat(formikValues?.intlParcelDetails[i]?.length),\r\n width: formikValues?.intlParcelDetails[i]?.width === '' ? 0 : parseFloat(formikValues?.intlParcelDetails[i]?.width),\r\n height: formikValues?.intlParcelDetails[i]?.height === '' ? 0 : parseFloat(formikValues?.intlParcelDetails[i]?.height),\r\n diameter: 0,\r\n customsDetails: null,\r\n isBulky: false,\r\n };\r\n reqObj.shipmentModel.shipments[0].pieces.push(tempPieceObj);\r\n }\r\n\r\n for (let i = 1; i < formikValues.commodityDetails.length; i++) {\r\n reqObj.shipmentModel.shipments[0].pieces[0].customsDetails.push({\r\n countryOfOrigin: formikValues?.commodityDetails[i]?.countryOfOrigin?.code2Digit,\r\n descriptionExport: null,\r\n descriptionImport: null,\r\n hsCode: formikValues?.commodityDetails[i]?.commodityCode,\r\n itemDescription: formikValues?.commodityDetails[i]?.fullDescriptionOfGoods,\r\n itemValue: formikValues?.commodityDetails[i]?.unitValue,\r\n packagedQuantity: formikValues?.commodityDetails[i]?.quantity,\r\n skuNumber: null,\r\n itemWeight: formikValues?.commodityDetails[i]?.weight\r\n })\r\n }\r\n }\r\n return reqObj;\r\n};\r\n\r\nconst getSaveAddressFromServicePoint = (orderResponse, formikValues, servicePointDetails) => {\r\n const what3Words = {\r\n words: formikValues.what3Words,\r\n geo:{\r\n latitude: formikValues.w3WCoordinates?.lat || formikValues.w3WCoordinates?.latitude,\r\n longitude: formikValues.w3WCoordinates?.lng || formikValues.w3WCoordinates?.longitude,\r\n }\r\n };\r\n return {\r\n companyName: servicePointDetails?.address?.businessName,\r\n address1: servicePointDetails?.address?.address1?.trim(),\r\n address2: servicePointDetails?.address?.address2?.trim(),\r\n address3: servicePointDetails?.address?.address3?.trim(),\r\n city: servicePointDetails?.address?.postalTown,\r\n state: servicePointDetails?.state,\r\n postalCode: servicePointDetails?.address?.zipcode,\r\n country: formikValues?.destinationCountry?.code2Digit,\r\n name: orderResponse?.shipmentModel?.shipments[0]?.consigneeAddress?.name,\r\n phone: orderResponse?.shipmentModel?.shipments[0]?.consigneeAddress?.phone,\r\n email: orderResponse?.shipmentModel?.shipments[0]?.consigneeAddress?.email,\r\n recipientType: 'business',\r\n addressType: 'servicepoint',\r\n locationId: servicePointDetails ? servicePointDetails?.servicePointID : '',\r\n locationType: orderResponse?.shipmentModel?.shipments[0]?.consigneeAddress?.locationType,\r\n idNumber: orderResponse?.shipmentModel?.shipments[0]?.consigneeAddress?.idNumber,\r\n idType: orderResponse?.shipmentModel?.shipments[0]?.consigneeAddress?.idType,\r\n what3Words: formikValues.destinationCountry?.code2Digit === 'GB' ? what3Words || {} : {},\r\n };\r\n};\r\n\r\nconst getSaveClearanceDeclaration = (formikValues) =>{\r\n let noOfClearanceItem=0;\r\n if(formikValues?.shipmentMovement?.value == 'c2c')\r\n {\r\n return{\r\n shipmentMovementType : 'C2C',\r\n totalValue : Math.round(formikValues?.clearanceTotalValue*100)/100,\r\n items : null,\r\n descriptionOfGoods : formikValues?.descriptionOfGoods,\r\n }\r\n }\r\n else if(formikValues?.shipmentMovement?.value == 'c2b')\r\n {\r\n const item = formikValues?.commodityDetails?.map(obj => {\r\n noOfClearanceItem+=Number(obj?.quantity);\r\n return {\r\n commodityCode: obj?.commodityCode,\r\n descriptionOfGoods: obj?.fullDescriptionOfGoods,\r\n unitQuantity:Number(obj?.quantity),\r\n };\r\n });\r\n return{\r\n shipmentMovementType : 'C2B',\r\n recipientEORINumber : formikValues?.receipentEORI,\r\n recipientUKIMSNumber : formikValues?.receipentUKIMS,\r\n totalValue : Math.round(formikValues?.clearanceTotalValue*100)/100,\r\n numberOfItems : noOfClearanceItem,\r\n items : item,\r\n }\r\n }\r\n else if(formikValues?.shipmentMovement?.value == 'b2c')\r\n {\r\n const item = formikValues?.commodityDetails?.map(obj => {\r\n noOfClearanceItem+=Number(obj?.quantity);\r\n return {\r\n commodityCode: obj?.commodityCode,\r\n descriptionOfGoods: obj?.fullDescriptionOfGoods,\r\n unitQuantity:Number(obj?.quantity),\r\n };\r\n });\r\n return{\r\n shipmentMovementType : 'B2C',\r\n sendersEORINumber : formikValues?.shipperEORI,\r\n sendersUKIMSNumber : formikValues?.shipperUKIMS,\r\n totalValue : Math.round(formikValues?.clearanceTotalValue*100)/100,\r\n numberOfItems : noOfClearanceItem,\r\n items : item\r\n }\r\n }\r\n else if(formikValues?.shipmentMovement?.value == 'b2b')\r\n {\r\n const item = formikValues?.commodityDetails?.map(obj => {\r\n noOfClearanceItem+=Number(obj?.quantity);\r\n return {\r\n commodityCode: obj?.commodityCode,\r\n descriptionOfGoods: obj?.fullDescriptionOfGoods,\r\n unitQuantity:Number(obj?.quantity),\r\n unitValue: obj?.unitValue ? Math.round(obj?.unitValue*100)/100:0,\r\n unitWeight: obj?.unitWeight ? Math.round(obj?.unitWeight*100)/100:0,\r\n countryOfManufacture:obj?.countryOfOrigin?.code2Digit,\r\n };\r\n });\r\n return{\r\n shipmentMovementType : 'B2B',\r\n sendersEORINumber : formikValues?.shipperEORI,\r\n sendersUKIMSNumber : formikValues.shipperUKIMS||null,\r\n recipientEORINumber : formikValues?.receipentEORI ||null,\r\n recipientUKIMSNumber : formikValues?.receipentUKIMS,\r\n totalValue : Math.round(formikValues?.clearanceTotalValue*100)/100,\r\n reasonForExport : (formikValues.shipperUKIMS == '' && formikValues?.receipentUKIMS == '' )?formikValues?.reasonExport?.value:null,\r\n shippingCharges : (formikValues.shipperUKIMS == '' && formikValues?.receipentUKIMS == '' )?formikValues?.shippingCharges? Math.round(formikValues?.shippingCharges*100)/100:0:0,\r\n sendersDefermentAccount : (formikValues.shipperUKIMS == '' && formikValues?.receipentUKIMS == '' ) ?formikValues?.shipperDeferment:null,\r\n numberOfItems : noOfClearanceItem,\r\n items : item,\r\n }\r\n }\r\n else{\r\n return{\r\n clearanceDeclaration :null\r\n }\r\n }\r\n \r\n}\r\n\r\nconst getConsigneeSaveAddressOrderApi = (orderResponse, formikValues) => {\r\n const what3Words = {\r\n words: formikValues.what3Words,\r\n geo:{\r\n latitude: formikValues.w3WCoordinates?.lat || formikValues.w3WCoordinates?.latitude,\r\n longitude: formikValues.w3WCoordinates?.lng || formikValues.w3WCoordinates?.longitude,\r\n }\r\n };\r\n return {\r\n companyName: formikValues?.businessName,\r\n address1: formikValues?.addressLine1?.trim(),\r\n address2: formikValues?.addressLine2?.trim(),\r\n address3: formikValues?.addressLine3?.trim(),\r\n city: formikValues?.town,\r\n state: orderResponse?.shipmentModel?.shipments[0]?.consigneeAddress?.state,\r\n postalCode: formikValues?.postalCode,\r\n country: formikValues?.destinationCountry?.code2Digit,\r\n name: formikValues?.recipientName,\r\n phone: formikValues?.telephone,\r\n email: formikValues?.emailAddress,\r\n recipientType: formikValues?.addressType,\r\n addressType: shipmentRequestAPIConstants.deliveryType[formikValues?.deliveryType],\r\n locationId: orderResponse?.shipmentModel?.shipments[0]?.consigneeAddress?.locationId,\r\n locationType: orderResponse?.shipmentModel?.shipments[0]?.consigneeAddress?.locationType,\r\n idNumber: orderResponse?.shipmentModel?.shipments[0]?.consigneeAddress?.idNumber,\r\n idType: orderResponse?.shipmentModel?.shipments[0]?.consigneeAddress?.idType,\r\n what3Words: formikValues.destinationCountry?.code2Digit === 'GB' ? what3Words || {} : {},\r\n };\r\n};\r\n\r\nconst getRecipentSaveConsigneeAddress = (orderResponse, formikValues) => {\r\n return {\r\n companyName: formikValues?.businessName,\r\n address1: formikValues?.addressLine1?.trim(),\r\n address2: formikValues?.addressLine2?.trim(),\r\n address3: formikValues?.addressLine3?.trim(),\r\n city: formikValues?.town,\r\n state: orderResponse?.shipmentModel?.shipments[0]?.recipientAddress?.state,\r\n postalCode: formikValues?.postalCode,\r\n country: formikValues?.destinationCountry?.code2Digit,\r\n name: formikValues?.name,\r\n phone: formikValues?.telephone,\r\n email: formikValues?.emailAddress,\r\n recipientType: formikValues?.addressType,\r\n addressType: shipmentRequestAPIConstants.deliveryType[formikValues?.deliveryType],\r\n };\r\n};\r\n\r\nconst getRecipentShipAddress = (orderResponse) => {\r\n return {\r\n companyName: orderResponse?.shipmentModel?.shipments[0]?.recipientAddress?.businessName,\r\n address1: orderResponse?.shipmentModel?.shipments[0]?.recipientAddress?.address1?.trim(),\r\n address2: orderResponse?.shipmentModel?.shipments[0]?.recipientAddress?.address2?.trim(),\r\n address3: orderResponse?.shipmentModel?.shipments[0]?.recipientAddress?.address3?.trim(),\r\n city: orderResponse?.shipmentModel?.shipments[0]?.recipientAddress?.city,\r\n state: orderResponse?.shipmentModel?.shipments[0]?.recipientAddress?.state,\r\n postalCode: orderResponse?.shipmentModel?.shipments[0]?.recipientAddress?.postalCode,\r\n country: orderResponse?.shipmentModel?.shipments[0]?.recipientAddress?.country,\r\n name: orderResponse?.shipmentModel?.shipments[0]?.recipientAddress?.name,\r\n phone: orderResponse?.shipmentModel?.shipments[0]?.recipientAddress?.phone,\r\n email: orderResponse?.shipmentModel?.shipments[0]?.recipientAddress?.email,\r\n recipientType: orderResponse?.shipmentModel?.shipments[0]?.recipientAddress?.recipientType,\r\n addressType: orderResponse?.shipmentModel?.shipments[0]?.recipientAddress?.addressType,\r\n };\r\n};\r\n\r\nexport const testFunctionForPostCodeRegex = (schema, errorMessage, regexPattern, validateOnlyUK = false) => {\r\n return schema.test('postalCodeRegex', errorMessage, (postalCode) => {\r\n const regex = validateOnlyUK ? CONSTANTS.UK_POSTAL_CODE_REGEX : new RegExp(regexPattern);\r\n if (regex?.test?.(postalCode?.trim()?.toUpperCase())) {\r\n return true;\r\n }\r\n return false;\r\n });\r\n};\r\n\r\nexport const remove_duplicates = (a, b, key_one, key_two) => {\r\n a = a?.filter(function (item) {\r\n for (var i = 0, len = b.length; i < len; i++) {\r\n if (b[i].shipmentId == item.id) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n });\r\n return a;\r\n};\r\n\r\nexport const remove_duplicates_dashboardSummary = (a, b) => {\r\n a = a.filter(function (item) {\r\n for (var i = 0, len = b.length; i < len; i++) {\r\n if (b[i].shipmentId == item.shipmentId) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n });\r\n return a;\r\n};\r\n\r\nexport const getAllGenralConfiguration = (org, dispatch, actions) => {\r\n let url = `${ServiceEndPoints.genralConfiguration}?organization=${org}`;\r\n GET(url)\r\n .then((response) => {\r\n dispatch(actions.setGenralConfiguration(response.data));\r\n })\r\n .catch((err) => {\r\n dispatch(actions.setGenralConfiguration(null));\r\n });\r\n};\r\n\r\nexport const tradingLocationArrayForm = (tradingLocation, userAccounts, checkForActiveAccounts = false) => {\r\n let accountsArray = [];\r\n let LocationArray = [];\r\n tradingLocation.map((element, i) => {\r\n let tt = element?.accounts ?? [];\r\n let tempArray = userAccounts.filter(({ accountId: _accountId, accountStatus: _accountStatus }) =>\r\n tt.some(({ accountId: accountId }) =>\r\n checkForActiveAccounts\r\n ? _accountStatus !== 'OnStop' && _accountStatus !== 'Closed' && accountId === _accountId\r\n : accountId === _accountId,\r\n ),\r\n );\r\n if (tempArray.length !== 0) {\r\n LocationArray.push(element);\r\n tempArray.map((ele) => {\r\n accountsArray.push(ele);\r\n });\r\n }\r\n });\r\n return [accountsArray, LocationArray];\r\n};\r\n\r\nexport const convertTZwithFormat = (date, format) => {\r\n let _formatDate = moment.tz(date, 'Europe/London').format(format);\r\n return _formatDate;\r\n};\r\nexport const convertTZ = (date) => {\r\n let _returnObject = {};\r\n let _formatDate = moment.tz(date, 'Europe/London').format('YYYY-MM-DD hh:mm A');\r\n _returnObject.logDate = moment(_formatDate).format('DD/MM/YYYY');\r\n _returnObject.logTime = moment(_formatDate).format('hh:mm A');\r\n return _returnObject;\r\n};\r\n\r\nfunction clearanceDeclarationCollectionDetails(formValues, noOfClearanceItem) {\r\n const {\r\n MOVEMENT_TYPE_B2B_VALUE,\r\n MOVEMENT_TYPE_C2C_VALUE,\r\n MOVEMENT_TYPE_C2B_VALUE,\r\n MOVEMENT_TYPE_B2C_VALUE,\r\n MOVEMENT_TYPE_B2B,\r\n MOVEMENT_TYPE_C2C,\r\n MOVEMENT_TYPE_C2B,\r\n MOVEMENT_TYPE_B2C,\r\n } = CLERANCE_DECLARATION;\r\n\r\n let clearanceDeclaration = null;\r\n\r\n if (formValues?.shipmentMovement?.value === MOVEMENT_TYPE_C2C_VALUE) {\r\n clearanceDeclaration = {\r\n shipmentMovementType: MOVEMENT_TYPE_C2C,\r\n totalValue: Math.round(formValues?.clearanceTotalValue * 100) / 100,\r\n items: null,\r\n descriptionOfGoods: formValues?.clearanceDescriptionGoods,\r\n };\r\n } else if (formValues?.shipmentMovement?.value === MOVEMENT_TYPE_C2B_VALUE) {\r\n const items = formValues?.commodityDetails?.map((obj) => {\r\n noOfClearanceItem += Number(obj?.quantity);\r\n return {\r\n commodityCode: obj?.commodityCode,\r\n descriptionOfGoods: obj?.fullDescriptionOfGoods,\r\n unitQuantity: Number(obj?.quantity),\r\n };\r\n });\r\n clearanceDeclaration = {\r\n shipmentMovementType: MOVEMENT_TYPE_C2B,\r\n recipientEORINumber: formValues?.receipentEORI,\r\n recipientUKIMSNumber: formValues?.receipentUKIMS,\r\n totalValue: Math.round(formValues?.clearanceTotalValue * 100) / 100,\r\n numberOfItems: noOfClearanceItem,\r\n items: items,\r\n };\r\n } else if (formValues?.shipmentMovement?.value === MOVEMENT_TYPE_B2C_VALUE) {\r\n const items = formValues?.commodityDetails?.map((obj) => {\r\n noOfClearanceItem += Number(obj?.quantity);\r\n return {\r\n commodityCode: obj?.commodityCode,\r\n descriptionOfGoods: obj?.fullDescriptionOfGoods,\r\n unitQuantity: Number(obj?.quantity),\r\n };\r\n });\r\n clearanceDeclaration = {\r\n shipmentMovementType: MOVEMENT_TYPE_B2C,\r\n sendersEORINumber: formValues?.shipperEORI,\r\n sendersUKIMSNumber: formValues?.shipperUKIMS,\r\n totalValue: Math.round(formValues?.clearanceTotalValue * 100) / 100,\r\n numberOfItems: noOfClearanceItem,\r\n items: items,\r\n };\r\n } else if (formValues?.shipmentMovement?.value === MOVEMENT_TYPE_B2B_VALUE) {\r\n const items = formValues?.commodityDetails?.map((obj) => {\r\n noOfClearanceItem += Number(obj?.quantity);\r\n return {\r\n commodityCode: obj?.commodityCode,\r\n descriptionOfGoods: obj?.fullDescriptionOfGoods,\r\n unitQuantity: Number(obj?.quantity),\r\n unitValue: obj?.unitValue ? Math.round(obj?.unitValue * 100) / 100 : null,\r\n unitWeight: obj?.unitWeight ? Math.round(obj?.unitWeight * 100) / 100 : null,\r\n countryOfManufacture: obj?.countryOfOrigin?.code2Digit,\r\n };\r\n });\r\n clearanceDeclaration = {\r\n shipmentMovementType: MOVEMENT_TYPE_B2B,\r\n sendersEORINumber: formValues?.shipperEORI,\r\n sendersUKIMSNumber: formValues?.shipperUKIMS || null,\r\n recipientEORINumber: formValues?.receipentEORI || null,\r\n recipientUKIMSNumber: formValues?.receipentUKIMS,\r\n totalValue: Math.round(formValues?.clearanceTotalValue * 100) / 100,\r\n reasonForExport: !formValues?.shipperUKIMS && !formValues?.receipentUKIMS ? formValues?.reasonExport?.value : null,\r\n shippingCharges:\r\n !formValues?.shipperUKIMS && !formValues?.receipentUKIMS\r\n ? formValues?.shippingCharges\r\n ? Math.round(formValues?.shippingCharges * 100) / 100\r\n : 0\r\n : 0,\r\n sendersDefermentAccount:\r\n !formValues?.shipperUKIMS && !formValues?.receipentUKIMS ? formValues?.shipperDeferment : null,\r\n numberOfItems: noOfClearanceItem,\r\n items: items,\r\n };\r\n }\r\n\r\n return { clearanceDeclaration, noOfClearanceItem };\r\n}","import {\r\n AppBar,\r\n makeStyles,\r\n Toolbar,\r\n Box,\r\n Menu,\r\n MenuItem,\r\n Button,\r\n Badge,\r\n ListItemIcon,\r\n Typography,\r\n Grid,\r\n} from '@material-ui/core';\r\nimport React, { useState, useEffect } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport DHLLogo from './../../assets/images/dhlLogo.svg';\r\nimport iConsignLogo from './../../assets/images/iConsignLogo.svg';\r\nimport { PropTypes } from 'prop-types';\r\nimport HelpOutlineIcon from '@material-ui/icons/HelpOutline';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\nimport SearchIcon from '@material-ui/icons/Search';\r\nimport ErrorOutlineOutlinedIcon from '@material-ui/icons/ErrorOutlineOutlined';\r\nimport SettingsOutlinedIcon from '@material-ui/icons/SettingsOutlined';\r\nimport ExitToAppRoundedIcon from '@material-ui/icons/ExitToAppRounded';\r\nimport ArrowForwardIcon from '@material-ui/icons/ArrowForward';\r\nimport SettingsApplicationsOutlinedIcon from '@material-ui/icons/SettingsApplicationsOutlined';\r\nimport './header.scss';\r\nimport { useHistory } from 'react-router';\r\nimport TransitionAlerts from '../transitionAlerts/transitionAlerts';\r\nimport { GET } from '../../api/axios';\r\nimport { useDispatch } from 'react-redux';\r\nimport * as actions from '../../store/actions/index';\r\nimport { applicationID, reactRedirectUri, signInPolicy, tenant } from '../../utils/authProvider/authProvider';\r\nimport { ServiceEndPoints } from '../../utils/constants/ApiConstant';\r\nimport moment from 'moment';\r\nimport PrivacyPolicy from './../../assets/images/privacyPolicy.svg';\r\nimport BusinessServices from './../../assets/images/businessServices.svg';\r\nimport Terms from './../../assets/images/termsAndConditions.svg';\r\nimport { formatDate } from '../../utils/helperFunctions';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n appBar: {\r\n zIndex: theme.zIndex.drawer + 1,\r\n background: '#fff',\r\n color: '#000',\r\n paddingRight: '0px !important'\r\n // background:\r\n // 'transparent linear-gradient(90deg, #FFCC00 0%, #FFCC00 30%, #FFE57F 79%, #FFF0B2 100%) 0% 0% no-repeat padding-box',\r\n },\r\n}));\r\nconst Header = (props) => {\r\n const { userDetails, isApplication } = props;\r\n const classes = useStyles();\r\n const history = useHistory();\r\n const [anchorEl, setAnchorEl] = useState(null);\r\n const [anchorE2, setAnchorE2] = useState(null);\r\n const [notificationRead, setnotificationRead] = useState(false);\r\n const [open, setOpen] = useState(false);\r\n const [alertInfo, setAlertInfo] = useState([]);\r\n const [applicationUpdate, setApplicationUpdate] = useState([]);\r\n\r\n const dispatch = useDispatch();\r\n\r\n const handleClick = (event) => {\r\n setAnchorEl(event.currentTarget);\r\n };\r\n\r\n const deleteAllCookies = () => {\r\n var cookies = document.cookie.split(';');\r\n\r\n for (var i = 0; i < cookies.length; i++) {\r\n var cookie = cookies[i];\r\n var eqPos = cookie.indexOf('=');\r\n var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;\r\n document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:00 GMT';\r\n }\r\n };\r\n const handleClose = () => {\r\n setAnchorEl(null);\r\n };\r\n\r\n const logout = () => {\r\n let logoutUri = reactRedirectUri;\r\n if (userDetails?.accounts?.length <= 200) {\r\n const idToken = sessionStorage.getItem(`msal.${applicationID}.idtoken`);\r\n logoutUri = `https://${tenant?.split(\".\")?.[0]}.b2clogin.com/${tenant}/${signInPolicy}/oauth2/v2.0/logout?id_token_hint=${idToken}&post_logout_redirect_uri=${reactRedirectUri}`;\r\n }\r\n sessionStorage.clear();\r\n deleteAllCookies();\r\n setAnchorEl(null);\r\n window.open(logoutUri, '_self');\r\n };\r\n\r\n const handleClickOpen = (event) => {\r\n setnotificationRead(true)\r\n setAnchorE2(event.currentTarget);\r\n };\r\n\r\n const handleClickClose = () => {\r\n setAnchorE2(null);\r\n };\r\n\r\n const handleApplication = () => {\r\n history.push('/applicationUpdates');\r\n setAnchorE2(null);\r\n };\r\n\r\n const goToHome = () => {\r\n history.push('/');\r\n };\r\n\r\n useEffect(() => {\r\n //Alert\r\n GET(ServiceEndPoints.alerts)\r\n .then((res) => {\r\n setAlertInfo(res.data.descriptions);\r\n if (res.data.descriptions?.length > 0) {\r\n setOpen(true);\r\n props.alertClosed(true);\r\n }\r\n // setAlertInfo(res.data);\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n });\r\n\r\n //\r\n GET(ServiceEndPoints.applicationupdates)\r\n .then((res) => {\r\n setApplicationUpdate(res.data.applicationUpdates);\r\n dispatch(actions.setApplicationUpdates(res.data.applicationUpdates));\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n });\r\n }, []);\r\n return (\r\n \r\n \r\n {\r\n setOpen(false);\r\n props.alertClosed(false)\r\n }}\r\n >\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nSideNav.propTypes = {};\r\n\r\nexport default SideNav;\r\n","export default __webpack_public_path__ + \"static/media/Dashboard.cdb0a8f7.svg\";","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { makeStyles, Fade } from '@material-ui/core';\r\nimport ClearIcon from '@material-ui/icons/Clear';\r\n\r\nimport './popup.scss';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n paper: {\r\n maxWidth: 1000,\r\n //height:'541px',\r\n marginLeft: '-50px',\r\n backgroundColor: theme.palette.background.paper,\r\n // border: '2px solid #000',\r\n boxShadow: '0px 1px 2px #B743001F',\r\n padding: theme.spacing(2, 4, 3),\r\n },\r\n}));\r\n\r\nconst Popup = (props) => {\r\n const { handleClose, open, children, title } = props;\r\n const classes = useStyles();\r\n return (\r\n \r\n \r\n {/* 
\r\n \r\n
\r\n - \r\n
- \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nPopup.propTypes = {\r\n handleClose: PropTypes.func,\r\n open: PropTypes.bool,\r\n handleSelectionChange: PropTypes.func,\r\n children: PropTypes.element,\r\n title: PropTypes.string,\r\n};\r\n\r\nexport default Popup;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { makeStyles, Modal, Backdrop } from '@material-ui/core';\r\nimport './modal.scss';\r\nimport Popup from './popup';\r\n\r\nconst useStyles = makeStyles(() => ({\r\n modal: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n //height:'241px',\r\n \r\n // marginTop:142\r\n margin: 'auto',\r\n },\r\n}));\r\n\r\nconst CustomModal = (props) => {\r\n const classes = useStyles();\r\n const { onClose, open, modalTitle } = props;\r\n\r\n const handleClose = () => {\r\n onClose('closed');\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n {title}
\r\n{children}
\r\n \r\n \r\n \r\n \r\n \r\n 
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n );\r\n};\r\n\r\nexport default Login;\r\n","import * as yup from 'yup';\r\n\r\n/** Adding just additional methods here */\r\n\r\n// yup.addMethod(yup.string, 'URL', function (...args) {\r\n// return this.url(...args);\r\n// });\r\n\r\n// const validator = (message) => {\r\n// return this.test('is-string-boolean', message, function (value) {\r\n// // if (isEmpty(value)) {\r\n// // return true;\r\n// // }\r\n\r\n// if (['Y', 'N'].indexOf(value) !== -1) {\r\n// return true;\r\n// } else {\r\n// return false;\r\n// }\r\n// });\r\n// };\r\n\r\n// yup.addMethod(yup.string, 'stringBoolean', validator);\r\n// yup.addMethod(yup.string, \"StringBoolean\", validator);\r\n\r\nexport function createYupSchema(schema, config) {\r\n if (config.validation) {\r\n const { validationType, validations = [] } = config.validation;\r\n if (!yup[validationType]) {\r\n return schema;\r\n }\r\n let validator = yup[validationType]();\r\n\r\n // if (config.children) {\r\n // config.children.forEach((ctrl) => {\r\n // if (!yup[ctrl.validationType]) {\r\n // return;\r\n // }\r\n // validator = yup[ctrl.validationType]();\r\n // ((ctrl || {}).validations || []).forEach((validation) => {\r\n // const { params, type } = validation;\r\n // if (!validator[type]) {\r\n // return;\r\n // }\r\n // validator = validator[type](...params);\r\n // schema[ctrl.name] = validator;\r\n // });\r\n // });\r\n // } else {\r\n validations.forEach((validation) => {\r\n const { params, type } = validation;\r\n if (!validator[type]) {\r\n return;\r\n }\r\n validator = validator[type](...params);\r\n });\r\n schema[config.props.name] = validator;\r\n }\r\n // schema[name] = validator;\r\n\r\n return schema;\r\n}\r\n\r\nexport const getYupSchemaFromMetaData = (metadata, additionalValidations, forceRemove, options = [[]]) => {\r\n const formData = [];\r\n for (let property in metadata) {\r\n if (Object.prototype.hasOwnProperty.call(metadata, property)) {\r\n formData.push(metadata[property]);\r\n }\r\n }\r\n const yepSchema = formData.reduce(createYupSchema, {});\r\n const mergedSchema = {\r\n ...yepSchema,\r\n ...additionalValidations,\r\n };\r\n\r\n forceRemove.forEach((name) => {\r\n delete mergedSchema[name];\r\n });\r\n\r\n const validateSchema = yup.object().shape(mergedSchema, options);\r\n\r\n return validateSchema;\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { at } from 'lodash';\r\nimport { useField } from 'formik';\r\nimport { makeStyles, TextField } from '@material-ui/core';\r\n\r\nconst useStylesTextField = makeStyles(() => ({\r\n root: {\r\n border: '1px solid #ACACAC',\r\n overflow: 'hidden',\r\n color: 'black',\r\n opacity: 1,\r\n borderRadius: 4,\r\n backgroundColor: '#FFFFFF ',\r\n '&:hover': {\r\n backgroundColor: '#ffffff',\r\n },\r\n '&$focused': {\r\n backgroundColor: '#fff',\r\n },\r\n },\r\n}));\r\n\r\nconst InputTextField = (props) => {\r\n const {\r\n label,\r\n isRequired,\r\n endArguments,\r\n inputProps,\r\n isReadOnly,\r\n isAddressSelected,\r\n placeholder,\r\n type,\r\n isDisabled,\r\n onkeydown,\r\n isMultilined,\r\n noOfRows,\r\n class_Name,\r\n restrictToOneDecimal,\r\n restrictDecimal,\r\n ...rest\r\n } = props;\r\n const [field, meta] = useField(props);\r\n const classes = useStylesTextField();\r\n if (props.type === 'number') {\r\n if (Number.isInteger(field.value)) {\r\n } else if (((field || {}).value || '').toString().length > 3) {\r\n var t = ((field || {}).value || '').toString();\r\n field.value =\r\n t.indexOf('.') >= 0 ? t.substr(0, t.indexOf('.')) + t.substr(t.indexOf('.'), restrictToOneDecimal ? 2 : 3) : t;\r\n }\r\n }\r\n\r\n const renderHelperText = () => {\r\n const [touched, error] = at(meta, 'touched', 'error');\r\n if (isAddressSelected !== true) {\r\n if (touched && error) {\r\n return error;\r\n }\r\n }\r\n };\r\n\r\n return (\r\n \r\n {/* \r\n Please Login using your credentials\r\n */}\r\n \r\n
\r\n
\r\n
\r\n {/*\r\n \r\n New User? Please Register\r\n \r\n \r\n */}\r\n
\r\n \r\n
\r\n
\r\n {/*
\r\n {props.variant === 'filled' ? (\r\n \r\n \r\n {label} *{' '}\r\n \r\n \r\n {data.map((item, index) => (\r\n \r\n ))}\r\n \r\n \r\n ) : (\r\n \r\n \r\n {label} *\r\n \r\n ) : (\r\n \r\n )\r\n }\r\n select\r\n disabled={isDisabled}\r\n\r\n {...field}\r\n defaultValue=\"Bob\"\r\n value={selectedValue ? selectedValue : ''}\r\n variant=\"filled\"\r\n SelectProps={{\r\n MenuProps: {\r\n getContentAnchorEl: null,\r\n anchorOrigin: {\r\n vertical: 'bottom',\r\n horizontal: 'center',\r\n },\r\n transformOrigin: {\r\n vertical: 'top',\r\n horizontal: 'center',\r\n },\r\n },\r\n renderValue: () => \r\n )\r\n }\r\n
\r\n );\r\n};\r\n\r\nInputSelect.propTypes = {\r\n data: PropTypes.array.isRequired,\r\n label: PropTypes.string,\r\n hasDefaultValue: PropTypes.bool,\r\n};\r\n\r\nexport default InputSelect;\r\n","import React from 'react';\r\nimport { useField } from 'formik';\r\nimport { at } from 'lodash';\r\nimport { PropTypes } from 'prop-types';\r\nimport './inputCheckbox.scss';\r\n\r\nimport { FormControl, FormControlLabel, FormHelperText, Checkbox, FormGroup } from '@material-ui/core';\r\n\r\nconst InputCheckbox = (props) => {\r\n const { label, isDisabled, labelPlacement, ...rest } = props;\r\n const [field, meta, helper] = useField(props);\r\n const { setValue } = helper;\r\n\r\n const renderHelperText = () => {\r\n const [touched, error] = at(meta, 'touched', 'error');\r\n if (touched && error) {\r\n return {selectedValue.value === \"daterange\" ? rest?.renderVal || selectedValue[displayField] : selectedValue[displayField]}
\r\n\r\n }}\r\n >\r\n {data.map((item, index) => (\r\n < MenuItem key={index} className={(item.status && item.status.toLowerCase() === \"onstop\") ? 'OnStopItem' : 'test'} value={item} onClick={() => { item?.clickEvent?.() }} >\r\n {displayId && item[displayId] ? (\r\n \r\n {' '}\r\n {item[displayId]}-{item[displayField]}\r\n \r\n ) : (\r\n {item[displayField]}\r\n )}\r\n \r\n )\r\n )}\r\n \r\n {renderHelperText()}\r\n \r\n {value.name}\r\n {/*
\r\n ),\r\n }}\r\n >\r\n {data.map((item, index) => (\r\n \r\n ))}\r\n \r\n {renderSelectHelperText()}\r\n {renderHelperText()}
*/}\r\n{renderHelperText()}
\r\n \r\n \r\n onAutoCompleteSelection(event, value)}\r\n inputValue={inputValue}\r\n onInputChange={(event, newInputValue) => {\r\n setInputValue(newInputValue);\r\n }}\r\n id=\"controllable-states-demo\"\r\n options={data}\r\n // (data || []).map((option) => option[displayField])\r\n getOptionLabel={(option) => {\r\n // Value selected with enter, right from the input\r\n if (typeof option === 'string') {\r\n return option;\r\n }\r\n return option[displayField];\r\n }}\r\n\r\n\r\n style={{ ...style }}\r\n renderInput={(params) => (\r\n {!inputValue && setFirstRecord(true)}}/>\r\n )}\r\n renderOption={(option) => (\r\n // \r\n // {option[displayField]}\r\n // \r\n < MenuItem key={option[displayField]} className={(option.status && option.status.toLowerCase() === \"onstop\") ? 'OnStopItem' : 'test'} value={option} onClick={() => { option?.clickEvent?.() }} >\r\n {displayId && option[displayId] ? (\r\n \r\n {' '}\r\n {option[displayId]}-{option[displayField]}\r\n \r\n ) : (\r\n {option[displayField]}\r\n )}\r\n \r\n \r\n )}\r\n />\r\n \r\n {renderHelperText()}\r\n
\r\n );\r\n};\r\n\r\nInputAutoComplete.propTypes = {\r\n data: PropTypes.array.isRequired, // options for autocomplete dropdown\r\n label: PropTypes.string, // label for text field\r\n displayField: PropTypes.string, // nested object property name that need to be shown to user\r\n name: PropTypes.string.isRequired, // formcontrol name in formik\r\n fieldValue: PropTypes.object, // formikValue of field control for prefilling\r\n valuePropertyName: PropTypes.string, // nested object unique property name()\r\n style: PropTypes.object,\r\n};\r\n\r\nInputAutoComplete.defaultProps = {\r\n data: [], // options for autocomplete dropdown\r\n label: '', // label for text field\r\n};\r\n\r\nexport default InputAutoComplete;\r\n","import React, { useRef, useState, useEffect } from 'react';\r\n\r\nimport { ContentState, convertToRaw, EditorState, convertFromHTML } from \"draft-js\";\r\nimport ReactHtmlParser from \"react-html-parser\";\r\n\r\nimport { Editor } from 'react-draft-wysiwyg';\r\nimport 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';\r\nimport draftToHtml from \"draftjs-to-html\";\r\nimport './richTextEditor.scss';\r\nimport { FormControl, FormLabel, Input } from '@material-ui/core';\r\nimport { useField } from 'formik';\r\nimport { at } from 'lodash';\r\n\r\nconst RichTextEditor = (props) => {\r\n const {\r\n label,\r\n isRequired,\r\n categoryType,\r\n data,\r\n\r\n } = props;\r\n\r\n const [field, meta, helper] = useField(props);\r\n\r\n const { value: selectedValue } = field;\r\n\r\n const { setValue, setTouched } = helper;\r\n\r\n const [editorState, setEditorState] = useState(\r\n EditorState.createEmpty()\r\n );\r\n\r\n const [isStateChanged, setStateChanged] = useState(false);\r\n\r\n const onEditorStateChange = (editorState) => {\r\n setStateChanged(true);\r\n setEditorState(editorState)\r\n const editorSourceHTML = draftToHtml(convertToRaw(editorState.getCurrentContent()));\r\n setValue(editorSourceHTML);\r\n \r\n };\r\n \r\n const renderHelperText = () => {\r\n const [touched, error] = at(meta, 'touched', 'error');\r\n\r\n if (touched && error) {\r\n return error;\r\n }\r\n\r\n };\r\n\r\n useEffect(() => { \r\n if (!isStateChanged && selectedValue && categoryType != 'textBox') {\r\n const contentBlocks = convertFromHTML(selectedValue);\r\n const contentStates = ContentState.createFromBlockArray(contentBlocks);\r\n setEditorState(EditorState.createWithContent(contentStates)\r\n )\r\n }\r\n }, [selectedValue])\r\n\r\n\r\n return (\r\n \r\n\r\n \r\n {\r\n // console.log(v)\r\n if (v.blocks[0] != undefined) {\r\n setTouched(v.blocks[0].text === \"\")\r\n }\r\n }}\r\n toolbar={{\r\n options: [\"inline\", \"link\"],\r\n inline: {\r\n options: [\"bold\", \"italic\", \"underline\", \"strikethrough\"]\r\n }\r\n }}\r\n {...props}\r\n />\r\n \r\n\r\n \r\n {renderHelperText()}\r\n \r\n
\r\n )\r\n}\r\nexport default RichTextEditor;","import React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Autocomplete from '@material-ui/lab/Autocomplete';\r\nimport Chip from \"@material-ui/core/Chip\";\r\nimport { makeStyles } from '@material-ui/core';\r\nimport { useField } from 'formik';\r\nimport { useDebouncedCallback } from 'use-debounce';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: 765,\r\n height: '100% !important',\r\n '& > * + *': {\r\n marginTop: theme.spacing(3),\r\n },\r\n },\r\n}));\r\n\r\nconst MultipleValues = (props) => {\r\n const { data, label, displayField, name, fieldValue, formikValues, valuePropertyName, style, ...rest } = props;\r\n const [inputValue, setInputValue] = React.useState('');\r\n const [accountsFieldValue, setAccountsFieldValue] = React.useState([]);\r\n\r\n const [field, meta, helper] = useField(props);\r\n const { touched, error } = meta;\r\n const { setValue } = helper;\r\n const isError = touched && error && true;\r\n const { value } = field;\r\n\r\n const classes = useStyles();\r\n\r\n const onAutoCompleteSelection = (event, value) => {\r\n setValue(value ? value : '');\r\n };\r\n\r\n const debounced = useDebouncedCallback((value) => {\r\n onChangeHandle(value);\r\n }, 500);\r\n\r\n useEffect(() => {\r\n if (formikValues) //&& !props.createUser\r\n {\r\n setAccountsFieldValue(formikValues);\r\n }\r\n // props.setState({createUser:false});\r\n }, [formikValues, props]);\r\n\r\n useEffect(() => {\r\n if (props.createUser) {\r\n setAccountsFieldValue([]);\r\n }\r\n\r\n }, [props?.createUser]);\r\n\r\n useEffect(() => {\r\n if (inputValue === '' || inputValue === null) {\r\n props.getAccounts([]);\r\n }\r\n }, [inputValue]);\r\n\r\n const onChangeHandle = (value) => {\r\n props.getAccounts([], value);\r\n }\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nMultipleValues.propTypes = {\r\n //data: PropTypes.array.isRequired, // options for autocomplete dropdown\r\n label: PropTypes.string, // label for text field\r\n displayField: PropTypes.string, // nested object property name that need to be shown to user\r\n name: PropTypes.string.isRequired, // formcontrol name in formik\r\n fieldValue: PropTypes.object, // formikValue of field control for prefilling\r\n valuePropertyName: PropTypes.string, // nested object unique property name()\r\n style: PropTypes.object,\r\n};\r\n\r\nMultipleValues.defaultProps = {\r\n data: [], // options for autocomplete dropdown\r\n label: '', // label for text field\r\n};\r\n\r\nexport default MultipleValues;\r\n","import React from 'react';\r\nimport InputTextField from '../inputTextField/inputTextField';\r\nimport InputSelect from '../inputSelect/inputSelect';\r\nimport InputCheckbox from '../inputCheckbox/inputCheckbox';\r\nimport InputRadio from '../inputRadio/inputRadio';\r\nimport InputDate from '../inputDate/inputDate';\r\nimport SearchControl from '../../searchControl/searchControl';\r\nimport MultipleSelect from '../../multipleSelect/multipleSelect';\r\nimport InputTime from '../inputTime/inputTime';\r\nimport InputAutoComplete from '../inputAutoComplete/inputAutoComplete';\r\nimport RichTextEditor from '../richTextEditor/richTextEditor';\r\nimport MultipleValues from '../multipleValues/multipleValues';\r\n\r\nconst FormRenderer = (props) => {\r\n const builder = (configType) => {\r\n switch (configType) {\r\n case 'text':\r\n case 'textarea':\r\n case 'input':\r\n case 'number':\r\n return {label} {isRequired ? * : <>}
\r\nUnsupported field type {configType}
;\r\n }\r\n };\r\n return builder(props.type);\r\n};\r\n\r\nFormRenderer.propTypes = {};\r\n\r\nexport default FormRenderer;\r\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport List from '@material-ui/core/List';\r\nimport ListItem from '@material-ui/core/ListItem';\r\nconst useStyles = makeStyles({\r\n table: {\r\n minWidth: 700,\r\n cursor: 'pointer',\r\n },\r\n tableRow: {\r\n '&$hover:hover': {\r\n backgroundColor: '#FFEEA9',\r\n },\r\n },\r\n hover: {},\r\n});\r\n\r\nconst renderText = (value) => {\r\n return value === null || value === undefined ? '' : value;\r\n};\r\n\r\nconst CustomAddressTable = (props) => {\r\n const { rows, rowClicked } = props;\r\n const classes = useStyles();\r\n return (\r\n Customer Not found
*/}\r\n \r\n \r\n \r\n \r\n \r\n {/* {isDomestic() ? ( */}\r\n \r\n \r\n {!isAddressSearch ? (\r\n // {isDomestic() && !isAddressSearch ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n : null}\r\n \r\n {!isAddressSearch ? (\r\n // {isDomestic() && !isAddressSearch ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n customerNumberBlurred(event)}\r\n fullWidth\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {isDomestic() && !isAmendShipment ?\r\n \r\n :\"\"}\r\n \r\n \r\n ) : isDomestic()\r\n ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ) : (!isDomestic() && isAddressSearch) && (\r\n \r\n \r\n {isBusiness()\r\n ? (\r\n \r\n \r\n )\r\n : null}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n {isBusiness()\r\n ? (\r\n \r\n \r\n )\r\n : null}\r\n \r\n \r\n {formikValues && formikValues.addressLine1 && (\r\n \r\n \r\n \r\n \r\n ) : isDomestic() ? (\r\n \r\n \r\n \r\n \r\n {isBusiness()\r\n ? (\r\n \r\n \r\n )\r\n : null}\r\n \r\n customerNumberBlurred(event)}\r\n fullWidth\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {!isAmendShipment ?\r\n \r\n \r\n : ''}\r\n \r\n \r\n ) : (\r\n \r\n \r\n \r\n customerNumberBlurred(event)}\r\n fullWidth\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nDeliveryAddress.propTypes = {\r\n formField: PropTypes.object,\r\n errors: PropTypes.object,\r\n formikValues: PropTypes.object,\r\n isEditAddress: PropTypes.bool,\r\n};\r\n\r\nDeliveryAddress.defaultProps = {\r\n isEditAddress: false,\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n loadedFrom: state.loadedFrom.loadedFrom,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, null)(DeliveryAddress);\r\n\r\nconst cities = [\r\n {\r\n value: 'business',\r\n label: 'Business',\r\n },\r\n {\r\n value: 'residential',\r\n label: 'Residential',\r\n },\r\n];\r\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport List from '@material-ui/core/List';\r\nimport ListItem from '@material-ui/core/ListItem';\r\nimport './CustomDataTable.scss';\r\nconst useStyles = makeStyles({\r\n // table: {\r\n // // minWidth: 700,\r\n // cursor: 'pointer'\r\n // },\r\n // tableRow: {\r\n // '&$hover:hover': {\r\n // backgroundColor: '#FFEEA9',\r\n // },\r\n // },\r\n // rowText: {\r\n // verticalAlign: 'text-top',\r\n // },\r\n // heading: {\r\n // fontWeight: 700,\r\n // },\r\n // hover: {},\r\n});\r\nexport default function CustomDataTable(props) {\r\n const { rows, rowClicked } = props;\r\n const classes = useStyles();\r\n return (\r\n \r\n \r\n {isAddressSearch ? (\r\n \r\n {isAddressSearch ? Search address : Enter address manually}\r\n
\r\n {/* ) : null} */}\r\n {formikValues.addressLine1}
\r\n )}\r\n {formikValues && formikValues.addressLine2 && (\r\n{formikValues.addressLine2}
\r\n )}\r\n {formikValues && formikValues.addressLine3 && (\r\n{formikValues.addressLine3}
\r\n )}\r\n {formikValues && (\r\n\r\n {`${formikValues.town ? `${formikValues.town},` : ''}`}\r\n {`${formikValues.county ? `${formikValues.county},` : ''}`}\r\n {`${formikValues.postalCode ? formikValues.postalCode : ''}`}\r\n
\r\n )}\r\n\r\n
\r\n );\r\n}\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Grid, IconButton } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { SearchIcon } from '@material-ui/data-grid';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { axiosConfig } from '../../../api/axios';\r\nimport { NoOfRows } from '../../../utils/constants/constants';\r\nimport FormRenderer from '../../../framework/Inputs/formRenderer/formRenderer';\r\nimport CustomDialog from '../../../framework/dialog/customDialog';\r\nimport CustomDataTable from '../../../framework/CustomDataTable/CustomDataTable';\r\nimport { ServiceEndPoints } from '../../../utils/constants/ApiConstant';\r\nimport * as actions from '../../../store/actions/index';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n iconButton: {\r\n marginTop: '2px',\r\n flex: 0,\r\n color: '#000000',\r\n },\r\n}));\r\n\r\nconst ServicePoint = (props) => {\r\n const {\r\n isDomestic,\r\n formField: { deliveryServicePoint },\r\n setFieldValue,\r\n errors,\r\n formikValues,\r\n servicePointAddress,\r\n } = props;\r\n\r\n const dispatch = useDispatch();\r\n\r\n const classes = useStyles();\r\n const [isAddressSelected, setIsAddressSelected] = useState(false);\r\n const [open, setOpen] = React.useState(false);\r\n const [rows, setRows] = React.useState([]);\r\n\r\n const servicePointDetails = useSelector((state) => state.addShipmentData.servicePointDelivery);\r\n const formLoadedFrom = useSelector((state) => state.loadedFrom);\r\n\r\n const rowClicked = (val) => {\r\n dispatch(actions.setServiceLocationDetails(val));\r\n setIsAddressSelected(true);\r\n const data = `${val?.address?.address1 || ''} ${val?.address?.address2 || ''} ${val?.address?.postalTown || ''}`;\r\n setFieldValue('deliveryServicePoint', data);\r\n handleModal(false);\r\n };\r\n\r\n const handleModal = (value) => {\r\n setOpen(value);\r\n };\r\n\r\n const handleClose = (value) => {\r\n setOpen(false);\r\n };\r\n\r\n const getServicePoint = () => {\r\n const { deliveryServicePoint, destinationCountry } = props.formikValues;\r\n let url = '';\r\n const encodePostcodeURI = encodeURIComponent(deliveryServicePoint);\r\n setRows([]);\r\n if (!errors.deliveryServicePoint) {\r\n dispatch(actions.setLoaderLayOver(true));\r\n if (isDomestic) {\r\n url = `${ServiceEndPoints.getServicePoints}?countryCode=GB&PostCode=${encodePostcodeURI}&ServicePointType=parcelshop`;\r\n } else {\r\n url = `${ServiceEndPoints.getServicePoints}?countryCode=${destinationCountry.code2Digit}&PostCode=${encodePostcodeURI}&ServicePointType=parcelshop`;\r\n }\r\n axiosConfig\r\n .get(url)\r\n .then((res) => {\r\n handleModal(true);\r\n setRows(res.data.slice(0, NoOfRows));\r\n })\r\n .catch((err) => {\r\n setRows([]);\r\n dispatch(\r\n actions.setBottomAlert({\r\n msgs: [\r\n {\r\n type: 'error',\r\n msg: 'No service point found',\r\n },\r\n ],\r\n }),\r\n );\r\n // dispatch(actions.setAppSnackBarData({ type: 'error', msg: 'No service point found' }));\r\n })\r\n .finally(() => {\r\n dispatch(actions.setLoaderLayOver(false));\r\n });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (formikValues.deliveryServicePoint === '') {\r\n setServicePointAddressAsNull();\r\n }\r\n }, [formikValues.deliveryServicePoint]);\r\n\r\n useEffect(() => {\r\n const { postalCode } = formikValues;\r\n if (\r\n formLoadedFrom.loadedFrom.loadedFrom === 'fromPreviewSummary' &&\r\n formLoadedFrom.loadedFrom.loadedResponse.deliveryServicePoint !== ''\r\n ) {\r\n setFieldValue('deliveryServicePoint', formLoadedFrom?.loadedFrom?.loadedResponse?.deliveryServicePoint || '');\r\n setIsAddressSelected(true);\r\n } else if (postalCode) {\r\n setFieldValue('deliveryServicePoint', postalCode);\r\n setServicePointAddressAsNull();\r\n }\r\n }, [formikValues.postalCode]);\r\n\r\n useEffect(() => {\r\n const { toPostCode } = formikValues;\r\n if (toPostCode) {\r\n setFieldValue('deliveryServicePoint', toPostCode);\r\n setServicePointAddressAsNull();\r\n }\r\n }, [formikValues.toPostCode]);\r\n\r\n const setServicePointAddressAsNull = () => {\r\n dispatch(actions.setServiceLocationDetails(null));\r\n setIsAddressSelected(false);\r\n };\r\n\r\n useEffect(() => {\r\n if (Object.keys(servicePointAddress ?? {})?.length != 0) {\r\n dispatch(actions.setServiceLocationDetails(servicePointAddress));\r\n setIsAddressSelected(true);\r\n const data = `${servicePointAddress?.address?.address1 || ''} ${servicePointAddress?.address?.address2 || ''} ${servicePointAddress?.address?.postalTown || ''\r\n }`;\r\n setFieldValue('deliveryServicePoint', data);\r\n handleModal(false);\r\n }\r\n }, [servicePointAddress]);\r\n return (\r\n - \r\n {rows.map((row, index) => (\r\n
\r\n
\r\n \r\n
\r\n Address:
\r\n{row.title}
\r\n{row.address.address1}
\r\n{row.address.address2}
\r\n{row.address.address3}
\r\n{row.address.postalTown}
\r\n{row.address.zipcode}
\r\n\r\n
\r\n Distance:
\r\nDistance {parseFloat((row.distance || 0) * (0.00062137)).toFixed(2)} miles
\r\n\r\n
\r\n Opening Hours:
\r\n {row.openingHours.map((openingTime) => (\r\n\r\n {openingTime.dayDescription}-{openingTime.timeDescription}{' '}\r\n
\r\n ))}\r\n\r\n Add parcel dimensions\r\n
\r\n \r\n Total volumetric wt.(kg): \r\n {formikValues.totalVolumetricWeight}\r\n
\r\n \r\n \r\n \r\n {({ values, setFieldValue, errors, resetForm, dirty, validateForm }) => (\r\n \r\n )}\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\n\r\nexport default AddClearanceItemDefault;\r\n\r\nconst getFormField = (totalWeight) => {\r\n return {\r\n commodityCode: {\r\n props: {\r\n name: 'commodityCode',\r\n label: 'Commodity code',\r\n type: 'text',\r\n class_Name: 'commodity_Code',\r\n inputProps: {\r\n maxLength: 10,\r\n },\r\n },\r\n validation: {\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'matches',\r\n params: [/^[0-9]{10}$/, 'Commodity code should be a 10 digit number'],\r\n },\r\n {\r\n type: 'max',\r\n params: [10, 'Commodity code should be a 10 digit number'],\r\n },\r\n ],\r\n },\r\n },\r\n fullDescriptionOfGoods: {\r\n props: {\r\n name: 'fullDescriptionOfGoods',\r\n label: 'Description of goods',\r\n type: 'text',\r\n inputProps: {\r\n maxLength: 90,\r\n },\r\n },\r\n validation: {\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'max',\r\n params: [90, 'Maximum of 90 characters are allowed'],\r\n },\r\n {\r\n type: 'min',\r\n params: [1, 'Minimum 1 character is required'],\r\n },\r\n {\r\n type: 'matches',\r\n params: [\r\n /(.*[a-zA-Z0-9$&+,:;=?@#|'<>.^*()%!-]){3}/i,\r\n 'Description must be at least 3 non blank characters',\r\n ],\r\n },\r\n ],\r\n },\r\n },\r\n unitWeight: {\r\n props: {\r\n name: 'unitWeight',\r\n label: 'Unit Weight',\r\n type: 'number',\r\n inputProps: {\r\n min: 0,\r\n max: 999,\r\n step: 'any',\r\n },\r\n },\r\n validation: {\r\n validationType: 'number',\r\n validations: [\r\n {\r\n type: 'min',\r\n params: [0.01, 'Unit Weight must be greater than 0'],\r\n },\r\n {\r\n type: 'max',\r\n params: [999, 'Unit Weight must be 999 or less'],\r\n },\r\n ],\r\n },\r\n },\r\n quantity: {\r\n props: {\r\n name: 'quantity',\r\n label: 'Unit Quantity',\r\n type: 'number',\r\n inputProps: {\r\n max: 999,\r\n min: 1,\r\n },\r\n },\r\n validation: {\r\n validationType: 'number',\r\n name: 'quantity',\r\n validations: [\r\n {\r\n type: 'min',\r\n params: [1, 'Unit Quantity must be greater than or equals to 1'],\r\n },\r\n {\r\n type: 'max',\r\n params: [999, 'Quantity must be 999 or less'],\r\n },\r\n {\r\n type: 'integer',\r\n params: ['Quantity should be a whole number'],\r\n },\r\n ],\r\n },\r\n },\r\n unitValue: {\r\n props: {\r\n name: 'unitValue',\r\n label: 'Unit Value',\r\n type: 'number',\r\n inputProps: {\r\n min: 0,\r\n max: 1000000,\r\n step: 'any',\r\n },\r\n },\r\n validation: {\r\n validationType: 'number',\r\n name: 'unitValue',\r\n validations: [\r\n {\r\n type: 'min',\r\n params: [0.01, 'Unit Value must be greater than 0'],\r\n },\r\n {\r\n type: 'max',\r\n params: [10000, 'Unit Value must be 10000 or less'],\r\n },\r\n ],\r\n },\r\n },\r\n countryOfOrigin: {\r\n props: {\r\n name: 'countryOfOrigin',\r\n label: 'Country of Manufacture',\r\n type: 'select',\r\n displayField: 'name',\r\n },\r\n validation: {\r\n validationType: 'object',\r\n name: 'countryOfOrigin',\r\n validations: [\r\n {\r\n type: 'max',\r\n params: [2, 'Maximum of 2 characters allowed'],\r\n },\r\n {\r\n type: 'min',\r\n params: [2, 'Minimum of 2 characters allowed'],\r\n },\r\n ],\r\n },\r\n },\r\n };\r\n};\r\n","import React,{useState} from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { FieldArray } from 'formik';\r\nimport {\r\n Grid,\r\n TableContainer,\r\n Paper,\r\n Table,\r\n TableHead,\r\n TableRow,\r\n TableCell,\r\n TableBody,\r\n TableFooter,\r\n IconButton,\r\n SvgIcon,\r\n} from '@material-ui/core';\r\n\r\nimport { ReactComponent as DeleteIcon } from '../../../../../assets/images/DeleteIcon.svg';\r\nimport { ReactComponent as EditIcon } from '../../../../../assets/images/EditIcon.svg';\r\nimport { ReactComponent as AddIcon } from '../../../../../assets/images/AddIcon.svg';\r\nimport CustomDialog from './../../../../../framework/dialog/customDialog';\r\nimport AddClearanceItemDefault from './addClearanceItemDefault';\r\n\r\nconst ClearanceItemDetails = (props) => {\r\n const {\r\n formField: { clearanceItemData },\r\n formikValues,\r\n shipmentMovementType,\r\n isCollectionDefaults\r\n } = props;\r\n\r\n const [open, setOpen] = React.useState(false);\r\n const [modalData, setModalData] = React.useState({});\r\n const [footerValues, setFooterValues] = React.useState({\r\n subTotal: 0,\r\n totalValue: 0,\r\n });\r\n const [messageIsActive, setmessageIsActive] = React.useState(false);\r\n const [commodityCollectiveWeight, setCommodityCollectiveWeight] = React.useState(0);\r\n\r\n var commodityTotalWeight = 0;\r\n const openAddCommodityDetails = () => {\r\n setModalData({\r\n operationType: 'addCommodityDetails',\r\n totalWeight: formikValues.weight,\r\n });\r\n setOpen(true);\r\n };\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n\r\n const addNewCommodityDetails = (arrayHelpers, values) => {\r\n arrayHelpers.push(values);\r\n setOpen(false);\r\n };\r\n\r\n const updateCommodityDetails = (arrayHelpers, index, values) => {\r\n arrayHelpers.replace(index, values);\r\n setOpen(false);\r\n };\r\n\r\n const openUpdateCommodityDetails = (index, rowDetails) => {\r\n setModalData({\r\n index,\r\n rowDetails,\r\n operationType: 'updateCommodityDetails',\r\n totalWeight: formikValues.weight,\r\n });\r\n setOpen(true);\r\n };\r\n\r\n React.useEffect(() => {\r\n formikValues?.clearanceItemData?.forEach((commodity) => {\r\n commodityTotalWeight += commodity.quantity * commodity.unitWeight\r\n ;\r\n });\r\n const totalWeight = Number(parseFloat(commodityTotalWeight).toFixed(2));\r\n const declaredWeight = Number(parseFloat(formikValues.weight || 0).toFixed(2));\r\n\r\n setTimeout(() => {\r\n setCommodityCollectiveWeight(\r\n <>\r\n Total weight: {totalWeight.toFixed(2)} cannot be greater than the declared weight{' '}\r\n {declaredWeight.toFixed(2)}\r\n ,\r\n );\r\n }, 0);\r\n if (totalWeight > declaredWeight) {\r\n setmessageIsActive(true);\r\n } else {\r\n setmessageIsActive(false);\r\n }\r\n }, [formikValues.clearanceItemData, formikValues.weight]);\r\n \r\n return (\r\n \r\n {\r\n const commodityItems = formikValues.clearanceItemData;\r\n return (\r\n \r\n \r\n \r\n Item details\r\n \r\n \r\n \r\n 19} onClick={openAddCommodityDetails}>\r\n \r\n Add new\r\n \r\n \r\n {\r\n addNewCommodityDetails(arrayHelpers, values);\r\n }}\r\n updateCommodityDetails={(index, values) => updateCommodityDetails(arrayHelpers, index, values)}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {commodityCollectiveWeight}\r\n \r\n \r\n \r\n );\r\n }}\r\n />\r\n
\r\n );\r\n};\r\n\r\n\r\n\r\nexport default ClearanceItemDetails;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useEffect, useState } from 'react';\r\nimport { Grid } from '@material-ui/core';\r\nimport FormRenderer from '../../../../framework/Inputs/formRenderer/formRenderer';\r\nimport { connect } from 'react-redux';\r\nimport { shipmentMovementOptions ,reasonOptions } from '../../../../utils/constants/constants';\r\nimport ClearanceItemDetails from './clearanceItemDetails/clearanceItemDetails';\r\n\r\nconst DomesticDecleration = (props) => {\r\n const {\r\n formField:{\r\n shipmentMovement,\r\n clearanceTotalValue,\r\n descriptionOfGoods,\r\n shippingCharges,\r\n reasonExport,\r\n clearanceDescriptionOfGoods,\r\n },\r\n isCarriageForward,\r\n isCollectionDefaults,\r\n formikValues\r\n\r\n } = props;\r\n\r\n const goodsDescription = isCollectionDefaults ? clearanceDescriptionOfGoods : descriptionOfGoods;\r\n return (\r\n\r\n\r\n\r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n loadedFrom: state.loadedFrom.loadedFrom,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, null)(DomesticDecleration);\r\n\r\n\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Grid } from '@material-ui/core';\r\nimport { Form, Formik } from 'formik';\r\nimport { getYupSchemaFromMetaData } from '../../../../../utils/yupSchema/yupSchemaGenerator';\r\nimport CustomAccordion from '../../../../../framework/accordion/customAccordion';\r\nimport ParcelDetails from '../../../../../container/shipment/addShipment/parcelDetails/parcelDetails';\r\nimport DeliveryOptions from '../../../../../container/shipment/addShipment/deliveryOptions/deliveryOptions';\r\nimport ReturnOptions from '../../../../../container/shipment/addShipment/returnOptions/returnOptions';\r\nimport domesticDefaultsForm from '../../../../../utils/formConfig/configuration/orderFileDefaultsForm/domesticDefaultsForm';\r\nimport FormRenderer from '../../../../../framework/Inputs/formRenderer/formRenderer';\r\nimport InputButton from '../../../../../framework/Inputs/inputButton/inputButton';\r\nimport DefaultDomesticAccount from '../domesticDefaultAccounts';\r\nimport { PATCH } from '../../../../../api/axios';\r\nimport { reasonOptions,shipmentMovementOptions } from '../../../../../utils/constants/constants';\r\nimport { GET } from '../../../../../api/axios';\r\nimport { dynamicSort } from '../../../../../utils/helperFunctions';\r\nimport {\r\n formatParcelDetails,\r\n formatDeliveryOptions,\r\n setValuesToParcelDetails,\r\n setValuesToDeliveryOptions_domaesticDefaults,\r\n removeUndefinedProperties,\r\n getCustomerAccountID,\r\n getDomesticAccounts,\r\n getDriverCollectionAccounts,\r\n} from '../../../../../utils/helperFunctions';\r\nimport { connect, useDispatch, useSelector } from 'react-redux';\r\nimport * as actions from '../../../../../store/actions/index';\r\nimport { ServiceEndPoints } from '../../../../../utils/constants/ApiConstant';\r\nimport CustomModal from '../../../../../framework/modal/modal';\r\nimport ConfirmationDialog from '../../../../addressBook/confirmation/confirmation';\r\nimport OrderedProduct from '../orderedProduct/orderedProduct';\r\nimport OrderFileDefaultsAdditionalInfo from '../orderFileDefaultsAdditionalInfo/orderFileDefaultsAdditionalInfo';\r\nimport DomesticDecleration from '../../../../../container/shipment/addShipment/customsDeclaration/domesticDecleration';\r\nimport { getCommodityTotalWeightDefaults } from '../../../../../../src/utils/utilsFunctions';\r\n\r\nconst { formId, formField } = domesticDefaultsForm;\r\n\r\n\r\nconst DomesticDefaults = (props) => {\r\n const { domesticDefaultValues, getOrderDefaults, isFromMarketplace } = props;\r\n const [showConfirmationDialog, setShowConfirmationDialog] = useState(false);\r\n const dispatch = useDispatch();\r\n\r\n const [countries, setCountries] = useState([]);\r\n const userAccounts = useSelector((state) => state?.accounts?.nonReturnuserAccounts ?? []);\r\n const inboxReturnLabelValue = useSelector(\r\n (state) => state?.common?.commonConfiguration?.defaultPrintInboxReturnLabel,\r\n );\r\n let allDomesticAccounts = getDomesticAccounts(userAccounts);\r\n let domesticAccounts = getDriverCollectionAccounts(allDomesticAccounts);\r\n // const orderFileDetailsValidationSchema = getYupSchemaFromMetaData(formField, [], []);\r\n const [orderFileDetailsValidationSchema, setOrderFileDetailsValidationSchema] = useState(\r\n getYupSchemaFromMetaData(formField, [], []),\r\n );\r\n\r\n const formikRef = useRef(null);\r\n const initialValues = {};\r\n let vWDivisor = 4000;\r\n\r\n for (let property in formField) {\r\n if (Object.prototype.hasOwnProperty.call(formField, property)) {\r\n const field = formField[property];\r\n if (field.props.type === 'checkbox' || field.props.type === 'radio') {\r\n initialValues[field.props.name] = field.value;\r\n } else if (field.props.type === 'array') {\r\n initialValues[field.props.name] = field.values;\r\n } else {\r\n initialValues[field.props.name] = field.value || '';\r\n }\r\n }\r\n }\r\n useEffect(() => {\r\n // eslint-disable-next-line new-cap\r\n GET(ServiceEndPoints.getCountries)\r\n .then((res) => {\r\n setCountries(res.data.countries.sort(dynamicSort('name')));\r\n })\r\n .catch((err) => {\r\n setCountries([]);\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (domesticDefaultValues) {\r\n domesticDefaultValues['destinationCountry'] = 'GBR';\r\n\r\n const selAccount = domesticAccounts.find((acc) => acc.accountId === domesticDefaultValues.account);\r\n vWDivisor = selAccount?.configuration?.volumetricWeightDivisor || 4000;\r\n const exchangeValue = domesticDefaultValues?.deliveryOptions?.exchangeOnDelivery?.toString();\r\n const defaultValues = {\r\n ...setValuesToParcelDetails(domesticDefaultValues, vWDivisor),\r\n ...setValuesToDeliveryOptions_domaesticDefaults(domesticDefaultValues),\r\n extendedCoverDomestic: domesticDefaultValues?.extendedLiability?.extendedLiabilityUnits ?? '',\r\n inboxReturnLabel: selAccount?.returnConfiguration?.inboxReturnAllowed\r\n ? domesticDefaultValues?.includeReturnLabel?.toString() ?? null\r\n : false,\r\n exchange: exchangeValue\r\n ? domesticDefaultValues?.deliveryOptions?.exchangeOnDelivery?.toString() === 'true'\r\n ? 'yes'\r\n : 'no'\r\n : null,\r\n shippingCharges: domesticDefaultValues?.clearance?.shippingCharges,\r\n clearanceTotalValue: domesticDefaultValues?.clearance?.totalValue,\r\n descriptionOfGoods: domesticDefaultValues?.clearance?.descriptionOfGoodsShipment || '',\r\n returnReference: domesticDefaultValues.returnreference,\r\n };\r\n formikRef?.current?.setValues({ ...formikRef?.current?.values, ...defaultValues });\r\n const deliveryOptions = domesticDefaultValues.deliveryOptions;\r\n const defaultSpecialInstructions = deliveryOptions?.additionalInstruction ? `${(deliveryOptions?.specialInstructions ?? '')} ${deliveryOptions.additionalInstruction}` : (deliveryOptions?.specialInstructions ?? '');\r\n setTimeout(() => {\r\n formikRef?.current?.setFieldValue('specialInstructions', defaultSpecialInstructions);\r\n formikRef?.current?.setFieldValue('additionalInstruction', '');\r\n formikRef?.current?.setFieldValue('leaveSafeLocation', deliveryOptions?.leaveSafeLocation ?? '');\r\n // formating clearance item details data\r\n const itemData = domesticDefaultValues?.clearance?.items?.map((obj)=>{\r\n const selectedCountry = countries.filter((country) => {\r\n return (obj?.countryOfManufacture == country?.code2Digit) \r\n });\r\n return{\r\n commodityCode:obj?.commodityCode||'',\r\n countryOfOrigin:selectedCountry[0],\r\n fullDescriptionOfGoods:obj?.descriptionOfGoods||'',\r\n quantity:obj?.unitQuantity||'',\r\n unitValue:obj?.unitValue||'',\r\n unitWeight:obj?.unitWeight||'',\r\n }\r\n \r\n })\r\n formikRef?.current?.setFieldValue('clearanceItemData', itemData);\r\n\r\n domesticAccounts.map((account, index) => {\r\n if (domesticDefaultValues.account === account.accountId) {\r\n formikRef?.current?.setFieldValue('defaultDomesticAccounts', domesticAccounts[index]);\r\n }\r\n });\r\n reasonOptions.map((reasonOption, index) => {\r\n if (domesticDefaultValues?.clearance?.reasonForExport == reasonOption.value) {\r\n formikRef?.current?.setFieldValue('reasonExport', reasonOptions[index]);\r\n }\r\n });\r\n\r\n shipmentMovementOptions.map((shipmentMovementOption, index) => {\r\n if (domesticDefaultValues?.clearance?.shipmentMovementType == shipmentMovementOption.value) {\r\n formikRef?.current?.setFieldValue('shipmentMovement', shipmentMovementOptions[index]);\r\n }\r\n });\r\n }, 10);\r\n dispatch(actions.setLoadedFrom({ loadedFrom: 'dropdownResponse', loadedResponse: domesticDefaultValues }));\r\n setTimeout(() => {\r\n dispatch(actions.setLoadedFrom({ loadedFrom: '' }));\r\n }, 3000);\r\n }\r\n }, [domesticDefaultValues, countries]);\r\n\r\n\r\n\r\n const reqFields = [\r\n 'destinationCountry',\r\n 'pallets',\r\n 'addParcelDimensions',\r\n 'parcelDetails',\r\n 'totalVolumetricWeight',\r\n 'weight',\r\n 'deliveryType',\r\n 'doorStepInstructions',\r\n 'leaveSafeLocation',\r\n 'exchange',\r\n 'specialInstructions',\r\n 'additionalInstruction',\r\n 'product',\r\n 'service',\r\n 'extendedCoverDomestic',\r\n 'noOfItems',\r\n '',\r\n ];\r\n const isFormInValid = (errors, values) => {\r\n let clonedReqFields = [...reqFields];\r\n\r\n for (let err in errors) {\r\n if (clonedReqFields.some((fieldName) => fieldName === err)) {\r\n return true;\r\n }\r\n }\r\n\r\n if(!isFromMarketplace){\r\n if (values?.shippingCharges > 99999999.99) {\r\n return true;\r\n }\r\n if (values?.clearanceTotalValue > 99999999.99) {\r\n return true;\r\n }\r\n if(values?.descriptionOfGoods && (values?.descriptionOfGoods?.length < 3 || values?.descriptionOfGoods?.length > 90)){\r\n return true;\r\n }\r\n \r\n // To display the form error if (unit quantity*unit weight) total is greater than total weight when shipment movement type b2b for defaults\r\n const commodityTotalWeight = getCommodityTotalWeightDefaults(values);\r\n if(values && (values?.weight < commodityTotalWeight)){\r\n return true;\r\n }\r\n }\r\n\r\n return false;\r\n };\r\n const handleSubmit = (formikValues, errors) => {\r\n let noOfClearanceItem=0;\r\n if (!isFormInValid(errors, formikValues)) {\r\n const item = formikValues?.clearanceItemData?.map(obj => {\r\n noOfClearanceItem += Number(obj?.quantity);\r\n return {\r\n commodityCode: obj?.commodityCode,\r\n descriptionOfGoods: obj?.fullDescriptionOfGoods,\r\n unitQuantity:obj?.quantity ? obj?.unitValue : 0,\r\n unitValue: obj?.unitValue ? Math.round(obj?.unitValue*100)/100:0,\r\n unitWeight: obj?.unitWeight ? Math.round(obj?.unitWeight*100)/100:0,\r\n countryOfManufacture:obj?.countryOfOrigin?.code2Digit,\r\n };\r\n });\r\n const reqObj = {\r\n account: formikValues.defaultDomesticAccounts.accountId,\r\n deliveryOptions: formatDeliveryOptions(formikValues, true),\r\n parcelDetails: formatParcelDetails(formikValues, true),\r\n extendedLiability: {\r\n extendedLiabilityUnits: (formikValues?.defaultDomesticAccounts?.configuration?.restrictExtendedLiability ? null : (formikValues.extendedCoverDomestic || null)),\r\n },\r\n clearance:{\r\n shipmentMovementType:formikValues?.shipmentMovement?.value,\r\n shippingCharges :formikValues?.shippingCharges? Math.round(formikValues?.shippingCharges*100)/100:null,\r\n reasonForExport:formikValues?.reasonExport?.value,\r\n items:item,\r\n totalValue :formikValues?.clearanceTotalValue ? Math.round(formikValues?.clearanceTotalValue*100)/100:null,\r\n descriptionOfGoodsShipment:formikValues?.descriptionOfGoods,\r\n numberOfItems: noOfClearanceItem,\r\n },\r\n orderedProduct: formikValues.service?.orderedProduct,\r\n includeReturnLabel: formikValues.inboxReturnLabel === undefined ? inboxReturnLabelValue : formikValues.inboxReturnLabel === 'true',\r\n returnreference: formikValues.returnReference,\r\n };\r\n removeUndefinedProperties(reqObj);\r\n if(isFromMarketplace){\r\n PATCH(`${ServiceEndPoints.getMarketplaceDefaults}/domesticdefaults?organization=${getCustomerAccountID()}`, reqObj) \r\n .then((res) => {\r\n dispatch(actions.setAppSnackBarData({ msg: 'Domestic marketplace defaults saved successfully' }));\r\n getOrderDefaults();\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n });\r\n }else{\r\n PATCH(`${ServiceEndPoints.getOrderDefaults}/domestic?organization=${getCustomerAccountID()}`, reqObj) \r\n .then((res) => {\r\n dispatch(actions.setAppSnackBarData({ msg: 'Domestic order file defaults saved successfully' }));\r\n getOrderDefaults();\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n });\r\n }\r\n } else {\r\n dispatch(\r\n actions.setBottomAlert({\r\n msgs: [\r\n {\r\n type: 'error',\r\n msg: 'The form has errors, please correct and try again',\r\n },\r\n ],\r\n }),\r\n );\r\n }\r\n };\r\n\r\n const handleDialogClose = () => {\r\n setShowConfirmationDialog(false);\r\n };\r\n\r\n const resetForm = () => {\r\n formikRef?.current?.resetForm();\r\n handleDialogClose();\r\n formikRef.current.setFieldValue('deliveryType', deliveryTypeOptions[0].value);\r\n };\r\n\r\n const updateValidationSchema = () => {\r\n setOrderFileDetailsValidationSchema(getYupSchemaFromMetaData(formField, [], []));\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n\r\n {/* \r\n\r\n {isDeliveryTypeDoorStep() && isDomestic ? (\r\n \r\n \r\n \r\n {isDeliveryInstructionDoorStepOnly() && !isCarriageForward && !(formikValues?.createPalletShipment === MISC_VALUES.YES) ? (\r\n \r\n \r\n ) : null}\r\n {isDeliveryInstructionLeaveSafe() && !isCarriageForward ? (\r\n \r\n \r\n ) : null}\r\n \r\n ) : null}\r\n\r\n {!isDeliveryTypeDoorStep() && !isTemplate && !isAddressBook && !isOrderDefaults ? (\r\n \r\n \r\n \r\n {isCarriageForward ? null : \r\n ) : null}\r\n\r\n {isDomestic ? (\r\n \r\n {isCarriageForward && isDeliveryTypeDoorStep() && isDeliveryInstructionLeaveSafe() ? (\r\n <>\r\n {!isCarriageForward && (\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n )}\r\n {isCarriageForward ? (\r\n \r\n \r\n ) : null}\r\n {!isCarriageForward && !isOrderDefaults ? (\r\n \r\n {showInstructions && showAdditionalInstruction ? (\r\n \r\n \r\n ) : showInstructions && !isOrderDefaults ? (\r\n \r\n \r\n ) : null}\r\n \r\n ) : isTemplate && !isOrderDefaults ? (\r\n \r\n \r\n ) : null}\r\n \r\n ) : null}\r\n
\r\n );\r\n};\r\n\r\nDeliveryOptions.propTypes = {\r\n formField: PropTypes.object,\r\n formikValues: PropTypes.object,\r\n setFieldValue: PropTypes.func,\r\n isCarriageForward: PropTypes.bool,\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n loadedFrom: state.loadedFrom.loadedFrom,\r\n postalCodeResponse: state.addShipmentData.postalCodeResponse,\r\n servicePointWeight: state.common.servicePointWeight\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, null)(DeliveryOptions);\r\n\r\nconst deliveryTypeOptions = [\r\n {\r\n value: 'deliverToDoorStep',\r\n label: 'Deliver to doorstep',\r\n },\r\n {\r\n value: 'deliverToServicePoint',\r\n label: 'Deliver to ServicePoint',\r\n },\r\n];\r\n\r\nconst exchangeOnDelivery = [\r\n {\r\n value: 'yes',\r\n label: 'Yes',\r\n },\r\n {\r\n value: 'no',\r\n label: 'No',\r\n },\r\n];\r\n","/* eslint-disable no-unused-vars */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useEffect, useState } from 'react';\r\nimport { Button, Grid } from '@material-ui/core';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport FormRenderer from '../../../framework/Inputs/formRenderer/formRenderer';\r\n\r\nimport ServicePoint from '../Products&Services/ServicePoint';\r\nimport './InternationalDeliveryOption.scss';\r\nconst InternationalDeliveryOption = (props) => {\r\n const {\r\n formField: {\r\n doorStepInstructions,\r\n exchange,\r\n specialInstructions,\r\n additionalInstruction,\r\n deliveryType,\r\n leaveSafeLocation,\r\n },\r\n formikValues,\r\n isAddressBook,\r\n } = props;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {formikValues.deliveryType === 'deliverToServicePoint' && !isAddressBook\r\n? (\r\n \r\n \r\n )\r\n: null}\r\n \r\n
\r\n );\r\n};\r\n\r\nInternationalDeliveryOption.propTypes = {\r\n formField: PropTypes.object,\r\n formikValues: PropTypes.object,\r\n setFieldValue: PropTypes.func,\r\n};\r\n\r\nconst deliveryTypeOptions = [\r\n {\r\n value: 'deliverToDoorStep',\r\n label: 'Deliver to doorstep',\r\n },\r\n {\r\n value: 'deliverToServicePoint',\r\n label: 'Deliver to ServicePoint',\r\n },\r\n];\r\n\r\nexport default InternationalDeliveryOption;\r\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_43138\",\n \"data-name\": \"Path 43138\",\n d: \"M17.971,14.031V12.455l-6.3-3.94V4.182a1.182,1.182,0,1,0-2.364,0V8.516L3,12.455v1.576l6.3-1.97V16.4L7.728,17.577v1.182l2.758-.788,2.758.788V17.577L11.667,16.4V12.061Z\",\n transform: \"translate(-4.243 10.586) rotate(-45)\"\n});\n\nfunction SvgAirplainIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 21.73,\n height: 21.73,\n viewBox: \"0 0 21.73 21.73\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgAirplainIcon);\nexport default __webpack_public_path__ + \"static/media/AirplainIcon.4f157d5b.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Icon_awesome-truck\",\n \"data-name\": \"Icon awesome-truck\",\n d: \"M17.872,10.082h-.458v-3.1a1.375,1.375,0,0,0-.4-.971L14.149,3.153a1.375,1.375,0,0,0-.971-.4H11.915V1.375A1.375,1.375,0,0,0,10.54,0H1.375A1.375,1.375,0,0,0,0,1.375V10.54a1.375,1.375,0,0,0,1.375,1.375h.458a2.75,2.75,0,0,0,5.5,0H11a2.75,2.75,0,0,0,5.5,0h1.375a.46.46,0,0,0,.458-.458V10.54A.46.46,0,0,0,17.872,10.082ZM4.583,13.289a1.375,1.375,0,1,1,1.375-1.375A1.375,1.375,0,0,1,4.583,13.289Zm9.165,0a1.375,1.375,0,1,1,1.375-1.375A1.375,1.375,0,0,1,13.748,13.289Zm2.291-5.957H11.915V4.124h1.263l2.861,2.861Z\"\n});\n\nfunction SvgVenIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 18.33,\n height: 14.664,\n viewBox: \"0 0 18.33 14.664\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgVenIcon);\nexport default __webpack_public_path__ + \"static/media/VenIcon.b32a1a22.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Grid, SvgIcon } from '@material-ui/core';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport ToggleButton from '@material-ui/lab/ToggleButton';\r\nimport ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup';\r\n\r\nimport { ReactComponent as AirplainIcon } from '../../../assets/images/AirplainIcon.svg';\r\nimport { ReactComponent as VenIcon } from '../../../assets/images/VenIcon.svg';\r\nimport './InternationalProducts.scss';\r\nimport { connect } from 'react-redux';\r\nimport { setDropdownValues } from '../../../utils/helperFunctions';\r\n\r\nconst InternationalProduct = (props) => {\r\n const { loadedFrom, productList, setFieldValue, formikValues } = props;\r\n const StyledToggleButtonGroup = withStyles((theme) => ({\r\n root: {\r\n width: '100%',\r\n height: '52px',\r\n padding: '2px 7px',\r\n margin: '4px 0px',\r\n },\r\n grouped: {\r\n width: '50%',\r\n '&:first-child': {\r\n marginRight: '4%',\r\n },\r\n // '&:last-child': {\r\n // border: '1px solid rgba(0, 0, 0, 0.12)',\r\n // color:'white'\r\n // },\r\n },\r\n }))(ToggleButtonGroup);\r\n\r\n const StyledToggleButton = withStyles((theme) => ({\r\n selected: {\r\n backgroundColor: '#76BD22 !important',\r\n },\r\n }))(ToggleButton);\r\n\r\n const [selectedProduct, setSelectedProduct] = useState('');\r\n const [availableProductList, setAvailableProductList] = useState([]);\r\n\r\n useEffect(() => {\r\n let updatedProductList = [];\r\n let finalList =[];\r\n for(let i=0;iProducts not available for current selection
\r\n Product is required\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n { !props.printerConfiguration\r\n ? (\r\n <>\r\n
\r\n It seems that JSPM is not installed or not running on this machine.\r\n
\r\n
\r\n JSPM Client App is a small utility (\r\n \r\n without any dependencies\r\n \r\n ) that handles all the Print Jobs and runs on{' '}\r\n Windows, Linux, Mac & Raspberry Pi devices.\r\n
\r\n
\r\n
\r\n Once installed, please set your label printer settings on Ship via Configuration - Printer configuration.\r\n
\r\n
\r\n
\r\n If you have installed JSPM, but are seeing this message please ensure you have downloaded the correct version and have set your label printer settings on Ship via Configuration - Printer configuration.\r\n
\r\n )\r\n : <>\r\nBefore you begin booking shipments, please set up your printer via Configurations, \r\n\r\n
\r\n
\r\n \r\n \r\n}\r\n
\r\n );\r\n};\r\n\r\nexport default PromptJSPMClientInstallation;\r\n","import React, { useEffect } from 'react';\r\nimport { Grid } from '@material-ui/core';\r\nimport FormRenderer from '../../../../../framework/Inputs/formRenderer/formRenderer';\r\nimport newDomesticConsignmentForm from '../../../../../utils/formConfig/newDomesticConsignmentForm/newDomesticConsignmentForm';\r\nimport PropTypes from 'prop-types';\r\nimport './InvoiceTypeDeclaration.scss';\r\nconst InvoiceTypeDeclaration = (props) => {\r\n const { setFieldValue, formikValues } = props;\r\n\r\n useEffect(() => {\r\n if (!formikValues.InvoiceDate) {\r\n setFieldValue('InvoiceDate', Date());\r\n }\r\n }, [formikValues.InvoiceDate, setFieldValue]);\r\n\r\n return (\r\n Download & Install JSPM Client App (Version 4)
\r\n\r\n It seems that JSPM is not installed or not running on this machine.\r\n
\r\n
\r\n JSPM Client App is a small utility (\r\n \r\n without any dependencies\r\n \r\n ) that handles all the Print Jobs and runs on{' '}\r\n Windows, Linux, Mac & Raspberry Pi devices.\r\n
\r\n
\r\n
\r\n \r\n Download JSPM Client App\r\n \r\n
\r\n \r\n Once installed, please set your label printer settings on Ship via Configuration - Printer configuration.\r\n
\r\n
\r\n
\r\n Important :We support only the version 4 of JSPM client, please download and install the same. The browser needs to be restarted after package installation! (all open instances)\r\nFirefox based browser must be closed before installing JSPM utility..\r\n
\r\n \r\n If you have installed JSPM, but are seeing this message please ensure you have downloaded the correct version and have set your label printer settings on Ship via Configuration - Printer configuration.\r\n
\r\n )\r\n : <>\r\n
Before you begin booking shipments, please set up your printer via Configurations, \r\n\r\n \r\n Printer configurations\r\n \r\n \r\n to setup.
\r\n \r\n \r\n \r\n}\r\n
\r\n \r\n \r\n {({ values, setFieldValue, errors, resetForm, dirty }) => (\r\n \r\n )}\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nAddCommodityDetails.propTypes = {};\r\n\r\nexport default AddCommodityDetails;\r\n\r\nconst getFormField = (totalWeight) => {\r\n return {\r\n commodityCode: {\r\n props: {\r\n name: 'commodityCode',\r\n label: 'Commodity code',\r\n type: 'text',\r\n class_Name: 'commodity_Code',\r\n inputProps: {\r\n maxLength: 8,\r\n },\r\n isRequired: true,\r\n },\r\n validation: {\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Commodity code is required'],\r\n },\r\n {\r\n type: 'matches',\r\n params: [/^[0-9]{8}$/, 'Commodity code should be a 8 digit number'],\r\n },\r\n {\r\n type: 'max',\r\n params: [8, 'Commodity code should be a 8 digit number'],\r\n },\r\n {\r\n type: 'min',\r\n params: [8, 'Commodity code should be a 8 digit number'],\r\n },\r\n {\r\n type: 'test',\r\n params: [\r\n 'isCommodityCodeValid',\r\n 'Commodity code is invalid',\r\n (value) => {\r\n if (value?.length === 8) {\r\n return new Promise((resolve, reject) => {\r\n GET(`${ServiceEndPoints.commodityCode}?code=${value}`)\r\n .then((res) => {\r\n resolve(true);\r\n })\r\n .catch((err) => {\r\n resolve(false);\r\n });\r\n });\r\n }\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n },\r\n fullDescriptionOfGoods: {\r\n props: {\r\n name: 'fullDescriptionOfGoods',\r\n label: 'Description of goods',\r\n type: 'text',\r\n isRequired: true,\r\n inputProps: {\r\n maxLength: 50,\r\n },\r\n },\r\n validation: {\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'max',\r\n params: [50, 'Maximum of 50 characters are allowed'],\r\n },\r\n {\r\n type: 'required',\r\n params: ['Description of goods is required'],\r\n },\r\n {\r\n type: 'min',\r\n params: [1, 'Minimum 1 character is required'],\r\n },\r\n {\r\n type: 'matches',\r\n params: [/(.*[a-zA-Z0-9$&+,:;=?@#|'<>.^*()%!-]){3}/i, 'Description must be at least 3 non blank characters'],\r\n },\r\n ],\r\n },\r\n },\r\n weight: {\r\n props: {\r\n name: 'weight',\r\n label: 'Net weight (kg)',\r\n type: 'number',\r\n isRequired: true,\r\n inputProps: {\r\n min: 0,\r\n max: 999,\r\n step: 'any',\r\n },\r\n },\r\n validation: {\r\n validationType: 'number',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Weight is required'],\r\n },\r\n {\r\n type: 'min',\r\n params: [0.01, 'Weight must be greater than 0'],\r\n },\r\n {\r\n type: 'max',\r\n params: [999, 'Weight must be 999 or less'],\r\n },\r\n ],\r\n },\r\n },\r\n quantity: {\r\n props: {\r\n name: 'quantity',\r\n label: 'Quantity',\r\n type: 'number',\r\n isRequired: true,\r\n inputProps: {\r\n max: 999,\r\n min: 1,\r\n },\r\n },\r\n validation: {\r\n validationType: 'number',\r\n name: 'quantity',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Quantity is required'],\r\n },\r\n {\r\n type: 'min',\r\n params: [1, 'Quantity must be greater than or equals to 1'],\r\n },\r\n {\r\n type: 'max',\r\n params: [999, 'Quantity must be 999 or less'],\r\n },\r\n {\r\n type: 'integer',\r\n params: ['Quantity should be a whole number'],\r\n },\r\n ],\r\n },\r\n },\r\n unitValue: {\r\n props: {\r\n name: 'unitValue',\r\n label: 'Unit value',\r\n type: 'number',\r\n isRequired: true,\r\n inputProps: {\r\n min: 0,\r\n max: 1000000,\r\n step: 'any',\r\n },\r\n },\r\n validation: {\r\n validationType: 'number',\r\n name: 'unitValue',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Unit value is required'],\r\n },\r\n {\r\n type: 'max',\r\n params: [10000, 'Unit value must be 10000 or less'],\r\n },\r\n {\r\n type: 'min',\r\n params: [0.01, 'Unit value must be greater than 0'],\r\n },\r\n // {\r\n // type: 'integer',\r\n // params: ['Unit Value should be a whole number'],\r\n // },\r\n ],\r\n },\r\n },\r\n countryOfOrigin: {\r\n props: {\r\n name: 'countryOfOrigin',\r\n label: 'Country of origin',\r\n type: 'select',\r\n displayField: 'name',\r\n isRequired: true,\r\n },\r\n validation: {\r\n validationType: 'object',\r\n name: 'countryOfOrigin',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Country of origin is required'],\r\n },\r\n\r\n {\r\n type: 'max',\r\n params: [2, 'Maximum of 2 characters allowed'],\r\n },\r\n {\r\n type: 'min',\r\n params: [2, 'Minimum of 2 characters allowed'],\r\n },\r\n ],\r\n },\r\n },\r\n\r\n skuNumber: {\r\n props: {\r\n name: 'skuNumber',\r\n label: 'SKU number',\r\n type: 'text',\r\n isRequired: true,\r\n hasDefaultValue: false,\r\n },\r\n validation: {\r\n validationType: 'string',\r\n name: 'skuNumber',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['SKU number is required'],\r\n },\r\n ]\r\n }\r\n },\r\n marketplaceChannel:{\r\n props: {\r\n name: 'marketplaceChannel',\r\n label: 'Marketplace channel',\r\n type: 'select',\r\n displayField: 'marketplaceName',\r\n isRequired: true,\r\n hasDefaultValue: true,\r\n },\r\n validation: {\r\n validationType: 'object',\r\n name: 'marketplaceChannel',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Marketplace channel is required'],\r\n },\r\n ]\r\n }\r\n }\r\n };\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { FieldArray } from 'formik';\r\nimport {\r\n Grid,\r\n TableContainer,\r\n Paper,\r\n Table,\r\n TableHead,\r\n TableRow,\r\n TableCell,\r\n TableBody,\r\n TableFooter,\r\n IconButton,\r\n SvgIcon,\r\n} from '@material-ui/core';\r\n\r\nimport { ReactComponent as DeleteIcon } from '../../../../../assets/images/DeleteIcon.svg';\r\nimport { ReactComponent as EditIcon } from '../../../../../assets/images/EditIcon.svg';\r\nimport { ReactComponent as AddIcon } from '../../../../../assets/images/AddIcon.svg';\r\nimport CustomDialog from './../../../../../framework/dialog/customDialog';\r\nimport AddCommodityDetails from '../addCommodityDetails/addCommodityDetails';\r\nimport './commodityDetails.scss';\r\n\r\nconst CommodityDetails = (props) => {\r\n const {\r\n formField: { commodityDetails },\r\n formikValues,\r\n errors,\r\n setFieldValue,\r\n isAddNewAddress,\r\n isOrderDefaults\r\n } = props;\r\n\r\n const [open, setOpen] = React.useState(false);\r\n const [modalData, setModalData] = React.useState({});\r\n const [footerValues, setFooterValues] = React.useState({\r\n subTotal: 0,\r\n totalValue: 0,\r\n });\r\n const [spanIsActive, setspanIsActive] = React.useState(false);\r\n const [commodityWeight, setcommodityWeight] = React.useState(0);\r\n var commodityDetails_weight = 0;\r\n const openAddCommodityDetails = () => {\r\n setModalData({\r\n operationType: 'addCommodityDetails',\r\n totalWeight: formikValues.weight,\r\n });\r\n setOpen(true);\r\n };\r\n\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n\r\n const addNewCommodityDetails = (arrayHelpers, values) => {\r\n arrayHelpers.push(values);\r\n setOpen(false);\r\n };\r\n\r\n const updateCommodityDetails = (arrayHelpers, index, values) => {\r\n arrayHelpers.replace(index, values);\r\n setOpen(false);\r\n };\r\n\r\n const openUpdateCommodityDetails = (index, rowDetails) => {\r\n setModalData({\r\n index,\r\n rowDetails,\r\n operationType: 'updateCommodityDetails',\r\n totalWeight: formikValues.weight,\r\n });\r\n setOpen(true);\r\n };\r\n\r\n const truncateToTwoDecimal=(num)=> Math.floor(num * 100)/100; \r\n\r\n React.useEffect(() => {\r\n let product = 0;\r\n formikValues.commodityDetails.forEach((commodity) => {\r\n product = commodity.quantity * commodity.unitValue + product;\r\n });\r\n const shippingCharges =\r\n isNaN(parseFloat(formikValues.customDeclarationShippingCharges)) ||\r\n parseFloat(formikValues.customDeclarationShippingCharges) < 0\r\n ? 0\r\n : parseFloat(formikValues.customDeclarationShippingCharges);\r\n const totalValue = parseFloat(product + shippingCharges).toFixed(2); //+ parseFloat(shippingCharges).toFixed(2);\r\n setFooterValues({ subTotal: parseFloat(product).toFixed(2), totalValue: parseFloat(totalValue).toFixed(2) });\r\n setFieldValue('subTotal', parseFloat(product).toFixed(2));\r\n setFieldValue('totalValue', parseFloat(totalValue).toFixed(2));\r\n\r\n formikValues.commodityDetails.forEach((commodity) => {\r\n commodityDetails_weight += commodity.quantity * commodity.weight;\r\n commodityDetails_weight = parseFloat(commodityDetails_weight).toFixed(2);\r\n });\r\n setcommodityWeight(commodityDetails_weight);\r\n \r\n if (Number(parseFloat(commodityDetails_weight).toFixed(2)) > Number(parseFloat(formikValues.weight || 0).toFixed(2)) && !isOrderDefaults) {\r\n \r\n setspanIsActive(true);\r\n }\r\n else if(isOrderDefaults && parseFloat(commodityDetails_weight) > (parseFloat(formikValues.weight || 0)*(formikValues.noOfItems || 1))){\r\n setspanIsActive(true);\r\n } else {\r\n setspanIsActive(false);\r\n }\r\n let totalPiecesWeight = 0;\r\n formikValues?.intlParcelDetails?.map((piece)=>{\r\n totalPiecesWeight += parseFloat(piece.weight);\r\n })\r\n if(commodityDetails_weight > (formikValues.weight || 0) && !isOrderDefaults){\r\n setFieldValue(\"totalWeightExceed\",commodityDetails_weight);\r\n }\r\n else if(isOrderDefaults && (commodityDetails_weight > ((formikValues.weight || 0)*formikValues.noOfItems))){\r\n setFieldValue(\"totalWeightExceed\",commodityDetails_weight);\r\n }\r\n else if(totalPiecesWeight > formikValues.weight){\r\n setFieldValue(\"totalWeightExceed\",totalPiecesWeight);\r\n }else{\r\n setFieldValue(\"totalWeightExceed\",formikValues.weight || 0);\r\n }\r\n if(formikValues.reasonForExport?.type === 'documents' && formikValues?.subTotal > 5 ) \r\n {\r\n setspanIsActive(true);\r\n setFieldValue(\"totalWeightExceed\",formikValues.weight+1);\r\n }\r\n }, [formikValues.commodityDetails, formikValues.customDeclarationShippingCharges, formikValues.weight ,formikValues.noOfItems, formikValues.intlParcelDetails, formikValues.reasonForExport, formikValues?.subTotal]);\r\n return (\r\n \r\n {\r\n const commodityItems = formikValues.commodityDetails;\r\n return (\r\n \r\n \r\n \r\n Item details\r\n \r\n \r\n \r\n 19} onClick={openAddCommodityDetails}>\r\n \r\n Add new\r\n \r\n \r\n {\r\n addNewCommodityDetails(arrayHelpers, values);\r\n }}\r\n updateCommodityDetails={(index, values) => updateCommodityDetails(arrayHelpers, index, values)}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n { formikValues.reasonForExport?.type === 'documents' && formikValues?.subTotal > 5 ?\r\n \r\n Max sub total allowed for this reason for export is 5.\r\n \r\n : \r\n Total weight: {parseFloat(commodityWeight).toFixed(2)} can not be greater than the declared\r\n weight {!isOrderDefaults ? parseFloat(formikValues.weight || 0).toFixed(2) : (parseFloat(formikValues.weight || 0)*(formikValues.noOfItems || 1)).toFixed(2) } \r\n \r\n }\r\n {errors?.commodityDetails ? {errors.commodityDetails} : null}\r\n \r\n );\r\n }}\r\n />\r\n
\r\n );\r\n};\r\n\r\nCommodityDetails.propTypes = {\r\n formField: PropTypes.object,\r\n formikValues: PropTypes.object,\r\n errors: PropTypes.object,\r\n};\r\n\r\nexport default CommodityDetails;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Grid } from '@material-ui/core';\r\nimport InvoiceTypeDeclaration from '../customsDeclaration/InvoiceTypeDeclaration/InvoiceTypeDeclaration';\r\nimport AddDetailsForCustomDeclaration from '../customsDeclaration/addDetailsForCustomDeclaration/addDetailsForCustomDeclaration';\r\nimport PropTypes from 'prop-types';\r\nimport BasicDeclaration from './basicDeclaration';\r\nimport ShippingDetails from './shippingDetails';\r\nimport './customsDeclaration.scss';\r\nimport CommodityDetails from './commodityDetails/commodityDetails';\r\n\r\nconst CustomsDeclaration = (props) => {\r\n const { isAddNewAddress, setFieldValue, formikValues, internationalProductList, setInternationalProductList, reasonsForExport} = props;\r\n\r\n const [customLevel, setCustomLevel] = useState(false);\r\n\r\n useEffect(() => {\r\n const accountFdaNumber =\r\n (formikValues.accountNumber?.customsRegistration?.fdaNumber === null || formikValues.accountNumber?.customsRegistration?.fdaNumber === undefined)\r\n ? ''\r\n : formikValues.accountNumber?.customsRegistration?.fdaNumber;\r\n setFieldValue('FDARegistrationNumber', accountFdaNumber);\r\n }, [formikValues.accountNumber, setFieldValue]);\r\n\r\n useEffect(() => {\r\n if (formikValues?.destinationCountry?.name === 'Select') {\r\n setCustomLevel(true);\r\n } else {\r\n formikValues.isFullCustomDetails ? setCustomLevel(true) : setCustomLevel(false);\r\n }\r\n }, [formikValues.isFullCustomDetails]);\r\n\r\n return (\r\n Favourites
\r\n- \r\n
- \r\n Templates\r\n
\r\n \r\n {shipmentMovementType == 'b2b' ? (\r\n \r\n {({ values, setFieldValue, errors, resetForm, dirty, validateForm }) => (\r\n \r\n )}\r\n \r\n ) : (\r\n \r\n {({ values, setFieldValue, errors, resetForm, dirty, validateForm }) => (\r\n \r\n )}\r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nAddCommodityDetails.propTypes = {};\r\n\r\nexport default AddCommodityDetails;\r\n\r\nconst getFormField2 = () => {\r\n return {\r\n commodityCode: {\r\n props: {\r\n name: 'commodityCode',\r\n label: 'Commodity code',\r\n type: 'text',\r\n inputProps: {\r\n maxLength: 10,\r\n },\r\n isRequired: true,\r\n class_Name: 'commodity_Code',\r\n },\r\n validation: {\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Commodity code is required'],\r\n },\r\n {\r\n type: 'matches',\r\n params: [/^[0-9]{10}$/, 'Commodity code should be a 10 digit number'],\r\n },\r\n {\r\n type: 'max',\r\n params: [10, 'Commodity code should be a 10 digit number'],\r\n },\r\n ],\r\n },\r\n },\r\n fullDescriptionOfGoods: {\r\n props: {\r\n name: 'fullDescriptionOfGoods',\r\n label: 'Description of goods',\r\n type: 'text',\r\n isRequired: true,\r\n inputProps: {\r\n maxLength: 90,\r\n },\r\n },\r\n validation: {\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'max',\r\n params: [90, 'Maximum of 90 characters are allowed'],\r\n },\r\n {\r\n type: 'required',\r\n params: ['Description of goods is required'],\r\n },\r\n {\r\n type: 'min',\r\n params: [1, 'Minimum 1 character is required'],\r\n },\r\n {\r\n type: 'matches',\r\n params: [\r\n /(.*[a-zA-Z0-9$&+,:;=?@#|'<>.^*()%!-]){3}/i,\r\n 'Description must be at least 3 non blank characters',\r\n ],\r\n },\r\n ],\r\n },\r\n },\r\n quantity: {\r\n props: {\r\n name: 'quantity',\r\n label: 'Unit Quantity',\r\n type: 'number',\r\n isRequired: true,\r\n inputProps: {\r\n max: 999,\r\n min: 1,\r\n },\r\n },\r\n validation: {\r\n validationType: 'number',\r\n name: 'quantity',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Quantity is required'],\r\n },\r\n {\r\n type: 'min',\r\n params: [1, 'Unit Quantity must be greater than or equal to 1'],\r\n },\r\n {\r\n type: 'max',\r\n params: [999, 'Quantity must be 999 or less'],\r\n },\r\n {\r\n type: 'integer',\r\n params: ['Quantity should be a whole number'],\r\n },\r\n ],\r\n },\r\n },\r\n unitWeight: {\r\n props: {\r\n name: 'unitWeight',\r\n label: 'Unit Weight',\r\n type: 'number',\r\n isRequired: true,\r\n inputProps: {\r\n max: 999,\r\n min: 0,\r\n },\r\n },\r\n validation: {\r\n validationType: 'number',\r\n name: 'unitWeight',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Unit Weight is required'],\r\n },\r\n {\r\n type: 'min',\r\n params: [0.01, 'Unit Weight must be greater than 0'],\r\n },\r\n {\r\n type: 'max',\r\n params: [999, 'Unit Weight must be 999 or less'],\r\n },\r\n ],\r\n },\r\n },\r\n unitValue: {\r\n props: {\r\n name: 'unitValue',\r\n label: 'Unit Value',\r\n type: 'number',\r\n isRequired: true,\r\n inputProps: {\r\n max: 10000,\r\n min: 0,\r\n },\r\n },\r\n validation: {\r\n validationType: 'number',\r\n name: 'unitValue',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Unit Value is required'],\r\n },\r\n {\r\n type: 'min',\r\n params: [0.01, 'Unit Value must be greater than 0'],\r\n },\r\n {\r\n type: 'max',\r\n params: [10000, 'Unit Value must be 10000 or less'],\r\n },\r\n ],\r\n },\r\n },\r\n countryOfOrigin: {\r\n props: {\r\n name: 'countryOfOrigin',\r\n label: 'Country of Manufacture',\r\n type: 'select',\r\n displayField: 'name',\r\n isRequired: true,\r\n },\r\n validation: {\r\n validationType: 'object',\r\n name: 'countryOfOrigin',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Country of Manufacture is required'],\r\n },\r\n\r\n {\r\n type: 'max',\r\n params: [2, 'Maximum of 2 characters allowed'],\r\n },\r\n {\r\n type: 'min',\r\n params: [2, 'Minimum of 2 characters allowed'],\r\n },\r\n ],\r\n },\r\n },\r\n };\r\n};\r\n\r\nconst getFormField = (totalWeight) => {\r\n return {\r\n commodityCode: {\r\n props: {\r\n name: 'commodityCode',\r\n label: 'Commodity code',\r\n type: 'text',\r\n class_Name: 'commodity_Code',\r\n inputProps: {\r\n maxLength: 6,\r\n },\r\n },\r\n validation: {\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'matches',\r\n params: [/^[0-9]{6}$/, 'Commodity code should be a 6 digit number'],\r\n },\r\n {\r\n type: 'max',\r\n params: [6, 'Commodity code should be a 6 digit number'],\r\n },\r\n ],\r\n },\r\n },\r\n fullDescriptionOfGoods: {\r\n props: {\r\n name: 'fullDescriptionOfGoods',\r\n label: 'Description of goods',\r\n type: 'text',\r\n isRequired: true,\r\n inputProps: {\r\n maxLength: 90,\r\n },\r\n },\r\n validation: {\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'max',\r\n params: [90, 'Maximum of 90 characters are allowed'],\r\n },\r\n {\r\n type: 'required',\r\n params: ['Description of goods is required'],\r\n },\r\n {\r\n type: 'min',\r\n params: [1, 'Minimum 1 character is required'],\r\n },\r\n {\r\n type: 'matches',\r\n params: [\r\n /(.*[a-zA-Z0-9$&+,:;=?@#|'<>.^*()%!-]){3}/i,\r\n 'Description must be at least 3 non blank characters',\r\n ],\r\n },\r\n ],\r\n },\r\n },\r\n quantity: {\r\n props: {\r\n name: 'quantity',\r\n label: 'Unit Quantity',\r\n type: 'number',\r\n isRequired: true,\r\n inputProps: {\r\n max: 999,\r\n min: 1,\r\n },\r\n },\r\n validation: {\r\n validationType: 'number',\r\n name: 'quantity',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Quantity is required'],\r\n },\r\n {\r\n type: 'min',\r\n params: [1, 'Quantity must be greater than or equals to 1'],\r\n },\r\n {\r\n type: 'max',\r\n params: [999, 'Quantity must be 999 or less'],\r\n },\r\n {\r\n type: 'integer',\r\n params: ['Quantity should be a whole number'],\r\n },\r\n ],\r\n },\r\n },\r\n };\r\n};\r\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { FieldArray } from 'formik';\r\nimport {\r\n Grid,\r\n TableContainer,\r\n Paper,\r\n Table,\r\n TableHead,\r\n TableRow,\r\n TableCell,\r\n TableBody,\r\n TableFooter,\r\n IconButton,\r\n SvgIcon,\r\n} from '@material-ui/core';\r\n\r\nimport { ReactComponent as DeleteIcon } from '../../../../../assets/images/DeleteIcon.svg';\r\nimport { ReactComponent as EditIcon } from '../../../../../assets/images/EditIcon.svg';\r\nimport { ReactComponent as AddIcon } from '../../../../../assets/images/AddIcon.svg';\r\nimport CustomDialog from './../../../../../framework/dialog/customDialog';\r\nimport AddCommodityDetails from '../addCommodityDetails/addCommodityDetails';\r\nimport './commodityDetails.scss';\r\nimport { CLERANCE_DECLARATION } from '../../../../../utils/constants/constants';\r\n\r\nconst CommodityDetails = (props) => {\r\n const {\r\n formField: { commodityDetails },\r\n formikValues,\r\n errors,\r\n setFieldValue,\r\n isAddNewAddress,\r\n isOrderDefaults,\r\n shipmentMovementType,\r\n isCollectionRequest\r\n } = props;\r\n\r\n const [open, setOpen] = React.useState(false);\r\n const [modalData, setModalData] = React.useState({});\r\n const [footerValues, setFooterValues] = React.useState({\r\n subTotal: 0,\r\n totalValue: 0,\r\n });\r\n const [spanIsActive, setspanIsActive] = React.useState(false);\r\n const [commodityWeight, setcommodityWeight] = React.useState(0);\r\n const [checkItemnumber, setItemNumber] = useState(true);\r\n const [messageIsActive, setmessageIsActive] = React.useState(false);\r\n const [commodityCollectiveWeight, setCommodityCollectiveWeight] = React.useState(0);\r\n\r\n var commodityDetails_weight = 0;\r\n var commodityTotalWeight = 0;\r\n\r\n const openAddCommodityDetails = () => {\r\n setModalData({\r\n operationType: 'addCommodityDetails',\r\n totalWeight: formikValues.weight,\r\n });\r\n setOpen(true);\r\n };\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n\r\n const addNewCommodityDetails = (arrayHelpers, values) => {\r\n arrayHelpers.push(values);\r\n setOpen(false);\r\n };\r\n\r\n const updateCommodityDetails = (arrayHelpers, index, values) => {\r\n arrayHelpers.replace(index, values);\r\n setOpen(false);\r\n };\r\n\r\n const openUpdateCommodityDetails = (index, rowDetails) => {\r\n setModalData({\r\n index,\r\n rowDetails,\r\n operationType: 'updateCommodityDetails',\r\n totalWeight: formikValues.weight,\r\n });\r\n setOpen(true);\r\n };\r\n React.useEffect(() => {\r\n let product = 0;\r\n formikValues.commodityDetails?.forEach((commodity) => {\r\n product = commodity.quantity * commodity.unitValue + product;\r\n });\r\n const shippingCharges =\r\n isNaN(parseFloat(formikValues.customDeclarationShippingCharges)) ||\r\n parseFloat(formikValues.customDeclarationShippingCharges) < 0\r\n ? 0\r\n : parseFloat(formikValues.customDeclarationShippingCharges);\r\n const totalValue = parseFloat(product + shippingCharges).toFixed(2); //+ parseFloat(shippingCharges).toFixed(2);\r\n setFooterValues({ subTotal: parseFloat(product).toFixed(2), totalValue: parseFloat(totalValue).toFixed(2) });\r\n setFieldValue('subTotal', parseFloat(product).toFixed(2));\r\n setFieldValue('totalValue', parseFloat(totalValue).toFixed(2));\r\n\r\n formikValues.commodityDetails?.forEach((commodity) => {\r\n commodityDetails_weight += commodity.quantity * commodity.weight;\r\n });\r\n setcommodityWeight(commodityDetails_weight);\r\n\r\n if (\r\n Number(parseFloat(commodityDetails_weight).toFixed(2)) >\r\n Number(parseFloat(formikValues.weight || 0).toFixed(2)) &&\r\n !isOrderDefaults\r\n ) {\r\n setspanIsActive(true);\r\n } else if (\r\n isOrderDefaults &&\r\n parseFloat(commodityDetails_weight) > parseFloat(formikValues.weight || 0) * (formikValues.noOfItems || 1)\r\n ) {\r\n setspanIsActive(true);\r\n } else {\r\n setspanIsActive(false);\r\n }\r\n let totalPiecesWeight = 0;\r\n formikValues?.intlParcelDetails?.map((piece) => {\r\n totalPiecesWeight += parseFloat(piece.weight);\r\n });\r\n if (commodityDetails_weight > (formikValues.weight || 0) && !isOrderDefaults) {\r\n setFieldValue('totalWeightExceed', commodityDetails_weight);\r\n } else if (isOrderDefaults && commodityDetails_weight > (formikValues.weight || 0) * formikValues.noOfItems) {\r\n setFieldValue('totalWeightExceed', commodityDetails_weight);\r\n } else if (totalPiecesWeight > formikValues.weight) {\r\n setFieldValue('totalWeightExceed', totalPiecesWeight);\r\n } else {\r\n setFieldValue('totalWeightExceed', formikValues.weight || 0);\r\n }\r\n if (formikValues.reasonForExport?.type === 'documents' && formikValues?.subTotal > 5) {\r\n setspanIsActive(true);\r\n setFieldValue('totalWeightExceed', formikValues.weight + 1);\r\n }\r\n if (formikValues?.commodityDetails?.length > 0) {\r\n setItemNumber(false);\r\n } else {\r\n setItemNumber(true);\r\n }\r\n }, [\r\n formikValues.commodityDetails,\r\n formikValues.customDeclarationShippingCharges,\r\n formikValues.weight,\r\n formikValues.noOfItems,\r\n formikValues.intlParcelDetails,\r\n formikValues.reasonForExport,\r\n formikValues?.subTotal,\r\n ]);\r\n\r\n React.useEffect(() => {\r\n formikValues?.commodityDetails?.forEach((commodity) => {\r\n commodityTotalWeight += commodity.quantity * commodity.unitWeight\r\n ;\r\n });\r\n const totalWeight = Number(parseFloat(commodityTotalWeight).toFixed(2));\r\n const declaredWeight = Number(parseFloat(isCollectionRequest ? formikValues.fromWeight : formikValues.weight || 0).toFixed(2));\r\n setTimeout(() => {\r\n setCommodityCollectiveWeight(\r\n <>\r\n Total weight: {totalWeight.toFixed(2)} cannot be greater than the declared weight{' '}\r\n {declaredWeight.toFixed(2)}\r\n ,\r\n );\r\n }, 0);\r\n if (totalWeight > declaredWeight) {\r\n setmessageIsActive(true);\r\n } else {\r\n setmessageIsActive(false);\r\n }\r\n }, [formikValues.commodityDetails, formikValues.weight, formikValues.fromWeight, isCollectionRequest]);\r\n\r\n return (\r\n \r\n {\r\n const commodityItems = formikValues.commodityDetails;\r\n return (\r\n \r\n \r\n \r\n Item details\r\n \r\n \r\n \r\n 19} onClick={openAddCommodityDetails}>\r\n \r\n Add new\r\n \r\n \r\n {\r\n addNewCommodityDetails(arrayHelpers, values);\r\n }}\r\n updateCommodityDetails={(index, values) => updateCommodityDetails(arrayHelpers, index, values)}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {checkItemnumber && Minimum of 1 item needs to be added}\r\n\r\n {shipmentMovementType === CLERANCE_DECLARATION.MOVEMENT_TYPE_B2B_VALUE && (\r\n <>\r\n \r\n {commodityCollectiveWeight}\r\n \r\n \r\n )}\r\n \r\n );\r\n }}\r\n />\r\n
\r\n );\r\n};\r\n\r\nCommodityDetails.propTypes = {\r\n formField: PropTypes.object,\r\n formikValues: PropTypes.object,\r\n errors: PropTypes.object,\r\n};\r\n\r\nexport default CommodityDetails;","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useEffect, useState } from 'react';\r\nimport { Grid, Tooltip } from '@material-ui/core';\r\nimport FormRenderer from '../../../../framework/Inputs/formRenderer/formRenderer';\r\nimport { connect } from 'react-redux';\r\nimport { shipmentMovementOptions, reasonOptions } from '../../../../utils/constants/constants';\r\nimport CommodityDetails from '../clearanceDeclaration/commodityDetails/commodityDetails';\r\nimport './clearanceDeclaration.scss';\r\nimport { CLERANCE_DECLARATION } from '../../../../utils/constants/constants';\r\n\r\nconst ClearanceDeclaration = (props) => {\r\n const {\r\n formField: {\r\n shipmentMovement,\r\n clearanceTotalValue,\r\n descriptionOfGoods,\r\n receipentUKIMS,\r\n receipentEORI,\r\n shipperUKIMS,\r\n shipperEORI,\r\n shippingCharges,\r\n reasonExport,\r\n shipperDeferment,\r\n clearanceDescriptionGoods,\r\n },\r\n formikValues,\r\n setFieldValue,\r\n isCarriageForward,\r\n clearanceDecleration,\r\n populateClearance,\r\n applyPadding,\r\n isCollectionRequest,\r\n isReturnToSender,\r\n shipmentDetails,\r\n selectedAccount\r\n } = props;\r\n\r\n useEffect(() => {\r\n if (populateClearance) {\r\n if(clearanceDecleration.accountNumber === selectedAccount?.accountId\r\n && !formikValues?.accountNumber?.customsRegistration?.hasOwnProperty('ukimsNumber')) {\r\n setFieldValue('shipperEORI', clearanceDecleration?.sendersEORINumber || '');\r\n setFieldValue('shipperDeferment', clearanceDecleration?.sendersDefermentAccount || '');\r\n setFieldValue('shipperUKIMS', clearanceDecleration?.sendersUKIMSNumber || '');\r\n } else if (shipmentDetails) {\r\n setFieldValue('shipperUKIMS', shipmentDetails?.shipperUKIMS || '');\r\n setFieldValue('shipperDeferment', shipmentDetails?.shipperDeferment || '');\r\n setFieldValue('shipperEORI', shipmentDetails?.shipperEORI || '');\r\n } else {\r\n setFieldValue('shipperUKIMS', formikValues?.accountNumber?.customsRegistration?.ukimsNumber || '');\r\n setFieldValue('shipperDeferment', formikValues?.accountNumber?.customsRegistration?.defermentAccountNumber || '');\r\n setFieldValue('shipperEORI', formikValues?.accountNumber?.customsRegistration?.eoriNumber || '');\r\n }\r\n } else {\r\n if (formikValues?.accountNumber?.accountId !== selectedAccount?.accountId) {\r\n setFieldValue('shipperUKIMS', formikValues?.accountNumber?.customsRegistration?.ukimsNumber || '');\r\n setFieldValue('shipperDeferment', formikValues?.accountNumber?.customsRegistration?.defermentAccountNumber || '');\r\n setFieldValue('shipperEORI', formikValues?.accountNumber?.customsRegistration?.eoriNumber || '');\r\n } else if (shipmentDetails) {\r\n setFieldValue('shipperUKIMS', shipmentDetails?.shipperUKIMS || '');\r\n setFieldValue('shipperDeferment', shipmentDetails?.shipperDeferment || '');\r\n setFieldValue('shipperEORI', shipmentDetails?.shipperEORI || '');\r\n } else {\r\n setFieldValue('shipperUKIMS', formikValues?.accountNumber?.customsRegistration?.ukimsNumber || '');\r\n setFieldValue('shipperDeferment', formikValues?.accountNumber?.customsRegistration?.defermentAccountNumber || '');\r\n setFieldValue('shipperEORI', formikValues?.accountNumber?.customsRegistration?.eoriNumber || '');\r\n }\r\n \r\n }\r\n }, [formikValues.shipmentMovement, formikValues.accountNumber]);\r\n useEffect(() => {\r\n if (populateClearance) {\r\n shipmentMovementOptions.map((shipmentMovementOption, index) => {\r\n if (clearanceDecleration?.shipmentMovementType == shipmentMovementOption.name) {\r\n setFieldValue('shipmentMovement', shipmentMovementOptions[index]);\r\n }\r\n });\r\n const itemData = clearanceDecleration?.items?.map((obj) => {\r\n const selectedCountry = clearanceDecleration?.itemCountry.filter((country) => {\r\n return obj?.countryOfManufacture == country?.code2Digit;\r\n });\r\n return {\r\n commodityCode: obj?.commodityCode || '',\r\n countryOfOrigin: selectedCountry[0],\r\n fullDescriptionOfGoods: obj?.descriptionOfGoods || '',\r\n quantity: obj?.unitQuantity || '',\r\n unitValue: obj?.unitValue || '',\r\n unitWeight: obj?.unitWeight || '',\r\n };\r\n });\r\n setFieldValue('descriptionOfGoods', clearanceDecleration?.descriptionOfGoodsShipment || '');\r\n setFieldValue('clearanceTotalValue', clearanceDecleration?.totalValue || '');\r\n setFieldValue('receipentUKIMS', clearanceDecleration?.recipientUKIMSNumber || '');\r\n setFieldValue('receipentEORI', clearanceDecleration?.recipientEORINumber || '');\r\n setFieldValue('shipperUKIMS', clearanceDecleration?.sendersUKIMSNumber || '');\r\n setFieldValue('shipperEORI', clearanceDecleration?.sendersEORINumber || '');\r\n setFieldValue('shippingCharges', clearanceDecleration?.shippingCharges ?? '');\r\n setFieldValue('shipperDeferment', clearanceDecleration?.sendersDefermentAccount || '');\r\n setFieldValue('clearanceDescriptionGoods', clearanceDecleration?.descriptionOfGoodsShipment || '');\r\n setFieldValue('commodityDetails', itemData);\r\n reasonOptions.map((reasonOption, index) => {\r\n if (clearanceDecleration?.reasonForExport == reasonOption.value) {\r\n setFieldValue('reasonExport', reasonOptions[index]);\r\n }\r\n });\r\n }\r\n }, [clearanceDecleration, populateClearance]);\r\n\r\n const style = applyPadding ? { paddingRight: '38px' } : {};\r\n const goodsDescription = isCollectionRequest ? clearanceDescriptionGoods : descriptionOfGoods;\r\n const {\r\n MOVEMENT_TYPE_B2B_VALUE,\r\n MOVEMENT_TYPE_C2C_VALUE,\r\n MOVEMENT_TYPE_C2B_VALUE,\r\n MOVEMENT_TYPE_B2C_VALUE,\r\n } = CLERANCE_DECLARATION;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {formikValues.shipmentMovement?.value === MOVEMENT_TYPE_C2C_VALUE && (\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n\r\n {formikValues.shipmentMovement?.value === MOVEMENT_TYPE_C2B_VALUE && (\r\n \r\n \r\n {isReturnToSender ? (\r\n \r\n \r\n ) : (\r\n \r\n \r\n \r\n \r\n )}\r\n {formikValues.shipmentMovement?.value === MOVEMENT_TYPE_B2C_VALUE && (\r\n \r\n \r\n {isReturnToSender ? (\r\n \r\n \r\n ) : (\r\n \r\n \r\n \r\n \r\n )}\r\n\r\n {formikValues.shipmentMovement?.value === MOVEMENT_TYPE_B2B_VALUE && (\r\n \r\n \r\n {isReturnToSender ? (\r\n \r\n \r\n ) : (\r\n \r\n \r\n \r\n \r\n {isReturnToSender ? (\r\n \r\n \r\n ) : (\r\n \r\n \r\n \r\n \r\n )}\r\n {formikValues.shipmentMovement?.value !== MOVEMENT_TYPE_C2C_VALUE && (\r\n \r\n \r\n \r\n )}\r\n {!formikValues?.receipentUKIMS &&\r\n !formikValues?.shipperUKIMS &&\r\n formikValues.shipmentMovement?.value == MOVEMENT_TYPE_B2B_VALUE && (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n loadedFrom: state.loadedFrom.loadedFrom,\r\n shipmentDetails: state.addShipmentData.shipmentDetails,\r\n selectedAccount: state.accounts.selectedAccount,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, null)(ClearanceDeclaration);\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useEffect, useState } from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { NavLink, useParams } from 'react-router-dom';\r\nimport { getYupSchemaFromMetaData } from '../../../utils/yupSchema/yupSchemaGenerator';\r\nimport { Grid } from '@material-ui/core';\r\nimport { Form, Formik } from 'formik';\r\nimport Hotkeys from 'react-hot-keys';\r\nimport SetupDetails from './setupDetails/setupDetails';\r\nimport DeliveryAddress from './deliveryAddress/deliveryAddress';\r\nimport DeliveryOptions from './deliveryOptions/deliveryOptions';\r\nimport InternationalDeliveryOption from '../../../components/addShipment/DeliveryOptions/InternationalDeliveryOption';\r\nimport ProductAndServiceDetails from './productAndServiceDetails/productAndServiceDetails';\r\nimport InputButton from '../../../framework/Inputs/inputButton/inputButton';\r\nimport newDomesticConsignmentForm from '../../../utils/formConfig/newDomesticConsignmentForm/newDomesticConsignmentForm';\r\nimport CustomAccordion from '../../../framework/accordion/customAccordion';\r\nimport ReturnOptions from './returnOptions/returnOptions';\r\nimport AdditionalInfo from './additionalInfo/additionalInfo';\r\nimport PromptJSPMClientInstallation from '../../../components/addShipment/Printing/PromptJSPMClientInstallation';\r\nimport CustomDialog from '../../../framework/dialog/customDialog';\r\nimport { abortOnGoingCallsFor, axiosConfig, GET, POST, PUT } from '../../../api/axios';\r\nimport { useHistory } from 'react-router';\r\nimport './addShipment.scss';\r\nimport { useDispatch } from 'react-redux';\r\nimport ParcelDetails from './parcelDetails/parcelDetails';\r\nimport CustomsDeclaration from './customsDeclaration/customsDeclaration';\r\nimport Favourite from './favourite';\r\nimport {\r\n formatAddToFavReqObj,\r\n formatCurrenciesToDisplay,\r\n createShipmentRequest,\r\n dynamicSort,\r\n setValuesToShipmentForm,\r\n resetFormAndKeepInitialValues,\r\n saveOrderReqObj,\r\n removeUndefinedProperties,\r\n getCustomerAccountID,\r\n createAmendRequest\r\n} from '../../../utils/helperFunctions';\r\nimport { ServiceEndPoints } from '../../../utils/constants/ApiConstant';\r\nimport AddToAddressAndFav from '../../../components/helperComponents/addToAddressAndFav';\r\nimport Templates from '../../../components/addShipment/templates/templates';\r\nimport * as actions from '../../../store/actions/index';\r\nimport { printZplLabels, printPDF, downloadPDF } from '../../../utils/PrintHelper';\r\nimport ConfirmationDialog from '../../../components/addressBook/confirmation/confirmation';\r\nimport CustomModal from '../../../framework/dialog/customDialog';\r\nimport ClearanceDeclaration from './clearanceDeclaration/clearanceDeclaration';\r\nimport { shipmentDetails } from '../../../utils/Models';\r\nimport { getCustomDeclaration, getCommodityTotalWeight } from '../../../../src/utils/utilsFunctions'\r\nimport { CLERANCE_DECLARATION, DELIVER_TYPE, DELIVERY_CHOICES, DELIVERY_OPTIONS, MISC_VALUES } from '../../../utils/constants/constants';\r\n\r\nconst { formId, formField } = newDomesticConsignmentForm;\r\nconst formikRef = React.createRef();\r\nlet reqFields = [\r\n 'postalCode',\r\n 'recipientName',\r\n 'businessName',\r\n 'addressLine1',\r\n 'town',\r\n 'emailAddress',\r\n 'customerNumber',\r\n 'weight',\r\n 'reasonForExport',\r\n 'commodityDetails',\r\n 'product',\r\n 'service',\r\n 'commodityDetails',\r\n 'extendedCoverDomestic',\r\n 'specialInstructions'\r\n];\r\n\r\nlet isPreview = false;\r\nlet isReviewOrder = false;\r\nlet orderSetupResponse = null;\r\n\r\nconst AddShipment = (props) => {\r\n const dispatch = useDispatch();\r\n const { id, isCollectionRequest, isvalid, shipmentId } = useParams();\r\n\r\n const { onLoad, onServicePoint } = props;\r\n const { genralConfiguration } = props;\r\n const [menuData, setMenuData] = React.useState({});\r\n const favouriteLimit = 100;\r\n const templateLimit = 100;\r\n const [countries, setCountries] = React.useState([]);\r\n const [customerNumber, setCustomerNumber] = React.useState('');\r\n const [currencies, setCurrencies] = React.useState([]);\r\n const [templateData, setTemplateData] = React.useState({});\r\n const [orderResponse, setOrderResponse] = React.useState({});\r\n const [shipmentResponse, setShipmentResponse] = React.useState();\r\n const [showDeliveryOptions, setShowDeliveryOptions] = React.useState(true);\r\n const [addressSearchObj, setAddressSearchObj] = React.useState({});\r\n const [isServicePointAddress, setIsServicePointAddress] = React.useState(false);\r\n\r\n const [openJSPMPrompt, setJSPMPrompt] = React.useState(false);\r\n const [showConfirmationDialog, setShowConfirmationDialog] = React.useState(false);\r\n const [newDomestiValidationSchema, setValidationSchema] = React.useState(getYupSchemaFromMetaData(formField, [], []));\r\n const [printerConfigurationMessage, setprinterConfigurationMessage] = React.useState(false);\r\n const [showAllAddressFields, setShowAllAddressFields] = React.useState(false);\r\n const [servicePointAddress, setServicePointAddress] = React.useState({});\r\n const [clearanceDecleration, setClearanceDecleration] = React.useState({});\r\n const [populateClearance,setPopulateClearance] = React.useState(false);\r\n const [internationalProductList, setInternationalProductList] = useState([]);\r\n const [reasonsForExport, setReasonsForExport] = useState([]);\r\n isPreview = false;\r\n const [flagForAfterSubmitCheck, setFlagForAfterSubmitCheck] = React.useState(false);\r\n const [afterSubmitFlag, setAfterSubmitFlag] = useState(false);\r\n const [searchedAddressData, setSearchedAddressData] = useState();\r\n const history = useHistory();\r\n const initialValues = {};\r\n const allProducts = useSelector((state) => state.common.allProducts);\r\n\r\n const handleSearchedAddressBookData = (childData)=>{setSearchedAddressData(childData)};\r\n \r\n for (let property in formField) {\r\n if (Object.prototype.hasOwnProperty.call(formField, property)) {\r\n const field = formField[property];\r\n if (field.props?.type === MISC_VALUES.CHECKBOX || field.props?.type === MISC_VALUES.RADIO) {\r\n initialValues[field.props.name] = field.value;\r\n } else if (field.props?.type === MISC_VALUES.ARRAY) {\r\n initialValues[field.props.name] = field.values;\r\n } else {\r\n initialValues[field.props.name] = field.value || '';\r\n }\r\n }\r\n }\r\n\r\n const isFormInValid = (errors, values) => {\r\n let clonedReqFields = [...reqFields];\r\n if (values?.destinationCountry?.postcodeOptional === true) {\r\n clonedReqFields.splice(0, 1);\r\n }\r\n if (values.isFullCustomDetails && values.destinationCountry.code !== MISC_VALUES.GBR) {\r\n clonedReqFields.push(\r\n 'customDeclarationReceiversEoriNo',\r\n 'customDeclarationShippersEoriNo',\r\n 'customDeclarationShippingCharges',\r\n 'customDeclarationCurrency',\r\n 'InvoiceNumber',\r\n 'InvoiceDate',\r\n 'telephone',\r\n );\r\n if (values.applyIossNumber === 'true' && values.iossType === MISC_VALUES.MARKETNO) {\r\n clonedReqFields.push('marketplaceIossNo');\r\n }\r\n } else if (!values.isFullCustomDetails && values.destinationCountry.code !== MISC_VALUES.GBR) {\r\n clonedReqFields.push('descriptionOfGoods', 'customDeclarationValue');\r\n }\r\n if (\r\n errors.addressLine1 !== undefined ||\r\n errors.addressLine2 !== undefined ||\r\n errors.addressLine3 !== undefined ||\r\n errors.postalCode !== undefined ||\r\n errors.town !== undefined ||\r\n errors.county !== undefined ||\r\n (values.destinationCountry.code === MISC_VALUES.USA && errors.county !== undefined)\r\n ) {\r\n setShowAllAddressFields(true);\r\n return true;\r\n } else {\r\n setShowAllAddressFields(false);\r\n }\r\n if (values.isFullCustomDetails && errors.totalWeightExceed !==undefined){\r\n return true;\r\n }\r\n if (values.destinationCountry.code === MISC_VALUES.USA) {\r\n clonedReqFields.push('county');\r\n }\r\n if (values.destinationCountry.code !== MISC_VALUES.GBR && values.intlParcelDetails.filter(x => x.isValid === false).length>0) {\r\n return true;\r\n }\r\n for (let err in errors) {\r\n if (clonedReqFields.some((fieldName) => fieldName === err)) {\r\n return true;\r\n }\r\n }\r\n if (values.destinationCountry.code === MISC_VALUES.GBR && values.createPalletShipment === MISC_VALUES.YES && errors.pallets) {\r\n return true;\r\n }\r\n if (errors.telephone !== undefined) {\r\n return true;\r\n }\r\n if (!values.product) {\r\n return true;\r\n }\r\n if (values.deliveryType === DELIVER_TYPE.DELIVER_SERVICE_POINT && !props.servicePointSelected?.servicePointID) {\r\n return true;\r\n }\r\n if (allProducts && getCustomDeclaration(allProducts)) {\r\n if (values.shipmentMovement == '') {\r\n return true;\r\n }\r\n\r\n if (values.shipmentMovement.value == CLERANCE_DECLARATION.MOVEMENT_TYPE_C2C_VALUE) {\r\n if (values.descriptionOfGoods == '') {\r\n return true;\r\n } else if (!values.clearanceTotalValue || values.clearanceTotalValue > 99999999.99) {\r\n return true;\r\n }\r\n } else if (values.shipmentMovement.value == CLERANCE_DECLARATION.MOVEMENT_TYPE_C2B_VALUE) {\r\n if (values.receipentUKIMS != '' && values.receipentEORI == '') {\r\n return true;\r\n } else if (!values.clearanceTotalValue || values.clearanceTotalValue > 99999999.99) {\r\n return true;\r\n } else if(values?.commodityDetails?.length<1)\r\n {\r\n return true;\r\n }\r\n\r\n } else if (values.shipmentMovement.value == CLERANCE_DECLARATION.MOVEMENT_TYPE_B2C_VALUE) {\r\n if (values.shipperUKIMS != '' && values.shipperEORI == '') {\r\n return true;\r\n } else if (!values.clearanceTotalValue || values.clearanceTotalValue > 99999999.99) {\r\n return true;\r\n }else if(values?.commodityDetails?.length<1)\r\n {\r\n return true;\r\n }\r\n\r\n }\r\n else if (values.shipmentMovement.value == CLERANCE_DECLARATION.MOVEMENT_TYPE_B2B_VALUE) {\r\n if (values.shipperUKIMS != '' && values.shipperEORI == '') {\r\n return true;\r\n } else if (values.receipentUKIMS !== '' && values.receipentEORI == '') {\r\n return true;\r\n } else if (!values.clearanceTotalValue || values.clearanceTotalValue > 99999999.99) {\r\n return true;\r\n } \r\n else if (values.receipentUKIMS == '' && values.shipperUKIMS == ''\r\n && (values.reasonExport === '' || values.shippingCharges === '')\r\n ) {\r\n if (values.reasonExport == '') {\r\n return true;\r\n } else if (!values.shippingCharges) {\r\n return true;\r\n }\r\n }else if(values?.commodityDetails?.length<1)\r\n {\r\n return true;\r\n }\r\n\r\n }\r\n\r\n if(values.weight > (values.noOfItems * props.maxWeightFullcustoms)){\r\n return true;\r\n }\r\n }\r\n\r\n // To display the form error if (unit quantity*unit weight) total is greater than total weight when shipment movement type\r\n const commodityTotalWeight = getCommodityTotalWeight(values);\r\n if(values.weight < commodityTotalWeight){\r\n return true;\r\n }\r\n\r\n console.log(values)\r\n return false;\r\n };\r\n\r\n const save_order = (values, errors) => {\r\n const payLoad = saveOrderReqObj(orderResponse, values, props.servicePointSelected);\r\n PUT(ServiceEndPoints.saveOrder, payLoad)\r\n .then((response) => {\r\n let isScanFlag = false;\r\n if (history.location && history.location.state !== undefined && history.location.state !== null) {\r\n isScanFlag = history.location.state.isScanFlag;\r\n }\r\n if (response.data.isValid === true) {\r\n history.push({\r\n pathname: '/shipment/processOrders',\r\n state: {\r\n isCollectionRequest: false,\r\n isProcessOrder: true,\r\n isScanFlag: isScanFlag,\r\n },\r\n });\r\n } else {\r\n history.push({\r\n pathname: '/shipment/processOrders',\r\n state: {\r\n isCollectionRequest: false,\r\n isProcessOrder: false,\r\n isScanFlag: isScanFlag,\r\n },\r\n });\r\n }\r\n dispatch(actions.setAppSnackBarData({ msg: `Order updated successfully.` }));\r\n })\r\n .catch((err) => {\r\n console.log(err.response);\r\n dispatch(\r\n actions.setBottomAlert({\r\n msgs: [\r\n {\r\n type: 'error',\r\n msg: `Error in creating order : ${err?.response?.data?.title}`,\r\n },\r\n ],\r\n }),\r\n );\r\n });\r\n };\r\n\r\n const handleSubmit = (values, errors, inboxReturn) => {\r\n setAfterSubmitFlag(true);\r\n if (!isFormInValid(errors, values)) {\r\n const alertMsgs = [];\r\n dispatch(actions.setLoaderLayOver(true));\r\n let addressPromise = Promise.resolve();\r\n if (!shipmentId) {\r\n if (values.addToAddressBook || values.updateAddToAddressBook) {\r\n const reqObj = formatAddToFavReqObj(values, props.userDetails, addressSearchObj);\r\n addressPromise = axiosConfig\r\n .post(ServiceEndPoints.postAddressBook, reqObj)\r\n .then((res) => {\r\n getFavCustomerList();\r\n dispatch(actions.setAppSnackBarData({ msg: 'Customer details stored successfully' }));\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n alertMsgs.push({ type: 'error', msg: 'Could not add/update customer details to addressbook.' });\r\n });\r\n } else if (values.addToFavCutomerList) {\r\n const { userId } = props.userDetails;\r\n const payload = [addressSearchObj.id];\r\n addressPromise = axiosConfig\r\n .post(`${ServiceEndPoints.postAddressBook}/favourite?userid=${userId}`, payload)\r\n .then((response) => { })\r\n .catch((err) => {\r\n alertMsgs.push({ type: 'error', msg: 'Could not add items to favourites.' });\r\n });\r\n }\r\n }\r\n let orderId = '';\r\n let isOrderRequest = false;\r\n if (id) {\r\n orderId = id;\r\n isOrderRequest = true;\r\n }\r\n const payLoad = !shipmentId ? createShipmentRequest(values, props.servicePointSelected, inboxReturn, isOrderRequest) :\r\n createAmendRequest(values);\r\n removeUndefinedProperties(payLoad);\r\n let manualShipment = false;\r\n if (!shipmentId && !id && orderSetupResponse?.outputFileSetUp?.manualShipment) {\r\n manualShipment = true;\r\n }\r\n var printFormat;\r\n if (props.printerConfiguration?.labelType === 1 && props.printerConfiguration?.isDowloadLabelAsPDF === false) {\r\n printFormat = 'ZPL';\r\n } else if (props.printerConfiguration?.labelType === 2) {\r\n printFormat = 'PDF';\r\n } else if (props.printerConfiguration?.isDowloadLabelAsPDF === true) {\r\n printFormat = 'PDF';\r\n } else {\r\n printFormat = 'PDF';\r\n }\r\n\r\n let pageSize = props.printerConfiguration?.pageSize ? props.printerConfiguration?.pageSize : 0;\r\n const selctedPrinter = props.availablePrinter?.findIndex((x) => x === props.printerConfiguration?.labelPrinter);\r\n const invoiceReq =\r\n genralConfiguration?.printCustomInvoice && values.destinationCountry.code !== MISC_VALUES.GBR\r\n ? '&isCustomsInvoice=true'\r\n : '';\r\n const shipmentPromise = axiosConfig\r\n .post(\r\n `${shipmentId ? ServiceEndPoints.shipmentAmmendUrl : ServiceEndPoints.shipmentLabelUrl}?includeLabel=INCLUDE&format=${printFormat}&pageSize=${values.destinationCountry?.code !== MISC_VALUES.GBR ? 0 : pageSize\r\n }&orderId=${orderId}&isOrderRequest=${isOrderRequest}${invoiceReq}&shipmentId=${shipmentId ?? \"\"}&manualShipment=${manualShipment}`,\r\n payLoad,\r\n )\r\n .then((response) => {\r\n dispatch(actions.setServiceLocationDetails(null));\r\n isPreview = false;\r\n resetFormAndKeepInitialValues(\r\n formikRef.current.resetForm,\r\n formikRef.current.setFieldValue,\r\n countries,\r\n formikRef.current.values?.accountNumber,\r\n setFlagForAfterSubmitCheck,\r\n );\r\n formikRef.current.setFieldValue('DispatchDate', '');\r\n formikRef.current.setFieldValue('createPalletShipment', 'no');\r\n dispatch(actions.resetReturnReferenceParams());\r\n if (!props.printerConfiguration?.isDowloadLabelAsPDF && props.JSPMStatus !== null && !props.JSPMStatus) {\r\n setJSPMPrompt(true);\r\n } else {\r\n let shipment = response.data.shipments[0];\r\n (shipment?.labels ?? []).map((label, index) => {\r\n if (props.printerConfiguration?.isDowloadLabelAsPDF === true) {\r\n let lableName = '';\r\n if (index === 0) {\r\n lableName = '_Label.pdf';\r\n } else if (index === 1) {\r\n lableName = '_ReturnLabel.pdf';\r\n } else {\r\n lableName = '_ReturnInstructions.pdf';\r\n }\r\n downloadPDF(label, lableName, response.data);\r\n } else {\r\n if (props.printerConfiguration?.labelType == 1) {\r\n printZplLabels(label, props.printerConfiguration?.labelPrinter);\r\n } else {\r\n printPDF(label, props.printerConfiguration?.labelPrinter, 'Label');\r\n }\r\n }\r\n });\r\n if (values.destinationCountry.code !== MISC_VALUES.GBR && genralConfiguration?.printCustomInvoice) {\r\n response?.data?.shipments?.[0]?.invoices?.map((invoice, index) => {\r\n if (props.printerConfiguration?.isDowloadLabelAsPDF === true) {\r\n let lableName = '';\r\n if (index === 0) {\r\n lableName = '_CustomsInvoice.pdf';\r\n } else if (index === 1) {\r\n lableName = '_CustomsInvoice.pdf';\r\n } else {\r\n lableName = '_CustomsInvoice.pdf';\r\n }\r\n downloadPDF(invoice, lableName, response.data);\r\n } else {\r\n printPDF(invoice, props.printerConfiguration?.otherReportsPrinter, 'Invoice');\r\n }\r\n });\r\n }\r\n }\r\n shipmentId && dispatch(actions.setAppSnackBarData({ msg: `Shipment ${shipmentId} amended successfully` }));\r\n if (id) {\r\n let isScanFlag = false;\r\n if (history.location && history.location.state !== undefined && history.location.state !== null) {\r\n isScanFlag = history.location.state.isScanFlag;\r\n }\r\n history.push({\r\n pathname: '/shipment/processOrders',\r\n state: {\r\n isCollectionRequest: false,\r\n isProcessOrder: true,\r\n isScanFlag: isScanFlag,\r\n },\r\n });\r\n }\r\n else {\r\n history.push(\"/shipment/addShipment\");\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n alertMsgs.push({\r\n type: 'error',\r\n msg: `Error in creating shipment : ${err.response?.data[0]?.detail ?? 'Error occurred while creating shipment, please try again'\r\n }`,\r\n });\r\n })\r\n .finally(() => {\r\n dispatch(actions.setLoaderLayOver(false));\r\n });\r\n Promise.all([shipmentPromise, addressPromise]).then(() => {\r\n if (alertMsgs.length > 0) {\r\n dispatch(\r\n actions.setBottomAlert({\r\n msgs: alertMsgs,\r\n }),\r\n );\r\n }\r\n });\r\n } else {\r\n dispatch(\r\n actions.setBottomAlert({\r\n msgs: [{ type: 'error', msg: 'The form has errors, please correct and try again' }],\r\n }),\r\n );\r\n }\r\n };\r\n\r\n const handlePreview = (values, errors) => {\r\n isPreview = true;\r\n dispatch(actions.setAddShipmentData(values));\r\n dispatch(actions.setOrderResponse(orderResponse));\r\n };\r\n\r\n useEffect(() => {\r\n if (id && Object.keys(orderResponse).length < 1 && Object.keys(props.orderResponse).length > 1) {\r\n setOrderResponse(props.orderResponse);\r\n }\r\n }, [id]);\r\n\r\n useEffect(() => {\r\n if (genralConfiguration && genralConfiguration.customerReferenceMandetory) {\r\n formField.customerReference.props.isRequired = true;\r\n formField.customerReference.validation.validations.push({\r\n type: 'required',\r\n params: ['Reference cannot be empty'],\r\n });\r\n reqFields.push(formField.customerReference.props.name);\r\n } else {\r\n formField.customerReference.validation.validations = formField.customerReference.validation.validations.filter(\r\n (x) => x.type !== MISC_VALUES.REQUIRED,\r\n );\r\n formField.customerReference.props.isRequired = false;\r\n }\r\n if (genralConfiguration && genralConfiguration.alternativeReferenceMandatory || (formikRef.current?.values.postalCode.substring(0,2).toUpperCase() === MISC_VALUES.GY || formikRef.current?.values.postalCode.substring(0,2).toUpperCase() === MISC_VALUES.JE)) {\r\n formField.alternateReference.props.isRequired = true;\r\n if(formikRef.current?.values.postalCode.substring(0,2).toUpperCase() === MISC_VALUES.GY || formikRef.current?.values.postalCode.substring(0,2).toUpperCase() === MISC_VALUES.JE)\r\n {\r\n formField.alternateReference.validation.validations.pop();\r\n formField.alternateReference.validation.validations.push({\r\n type: 'required',\r\n params: ['Description & value is required'],\r\n });\r\n }\r\n else{\r\n formField.alternateReference.validation.validations.push({\r\n type: 'required',\r\n params: ['Reference cannot be empty'],\r\n });\r\n }\r\n reqFields.push(formField.alternateReference.props.name);\r\n }\r\n else {\r\n formField.alternateReference.validation.validations = formField.alternateReference.validation.validations.filter(\r\n (x) => x.type !== MISC_VALUES.REQUIRED,\r\n );\r\n formField.alternateReference.props.isRequired = false;\r\n }\r\n if (genralConfiguration && genralConfiguration.reference1 && genralConfiguration.reference1 !== '') {\r\n formField.customerReference.props.label = genralConfiguration.reference1;\r\n }\r\n if(formikRef.current?.values.postalCode.substring(0,2).toUpperCase() === MISC_VALUES.GY || formikRef.current?.values.postalCode.substring(0,2).toUpperCase() === MISC_VALUES.JE)\r\n {\r\n formField.alternateReference.props.label = 'Description & value';\r\n }\r\n else if (genralConfiguration && genralConfiguration.reference2 ) {\r\n formField.alternateReference.props.label = genralConfiguration.reference2;\r\n }\r\n else{\r\n formField.alternateReference.props.label = 'Alternate reference';\r\n }\r\n updateValidationSchema();\r\n }, [genralConfiguration, formikRef.current?.values.postalCode]);\r\n\r\n const getFavCustomerList = (value = '') => {\r\n abortOnGoingCallsFor(ServiceEndPoints.getFavouritesForByText);\r\n axiosConfig\r\n .get(\r\n `${ServiceEndPoints.getFavouritesForByText\r\n }?organization=${getCustomerAccountID()}&offSet=0&limit=${favouriteLimit}&userid=${props.userDetails.userId\r\n }&text=${value}`,\r\n )\r\n .then((res) => {\r\n setMenuData(res.data);\r\n })\r\n .catch((err) => {\r\n setMenuData([]);\r\n console.log(err);\r\n });\r\n };\r\n\r\n const getTemplates = (value = '') => {\r\n abortOnGoingCallsFor(ServiceEndPoints.getTemplateBy);\r\n axiosConfig.get(\r\n `${ServiceEndPoints.getTemplateBy\r\n }?organization=${getCustomerAccountID()}&offSet=0&limit=${templateLimit}&templateName=${value}`,\r\n )\r\n .then((res) => {\r\n setTemplateData(res.data);\r\n })\r\n .catch((err) => {\r\n setTemplateData([]);\r\n console.log(err);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n if (props?.userDetails?.userId) {\r\n GET(ServiceEndPoints.getCountries)\r\n .then((res) => {\r\n setCountries(res.data.countries.sort(dynamicSort('name')));\r\n })\r\n .catch((err) => {\r\n setCountries([]);\r\n });\r\n GET(ServiceEndPoints.getCurrencies)\r\n .then((res) => {\r\n setCurrencies(formatCurrenciesToDisplay(res.data.currencies));\r\n })\r\n .catch((err) => {\r\n setCurrencies([]);\r\n });\r\n getFavCustomerList();\r\n getTemplates();\r\n if (\r\n (history.location.state?.fromPreview !== true &&\r\n id !== undefined &&\r\n isCollectionRequest !== undefined &&\r\n isvalid !== undefined)\r\n ) {\r\n populateAddShipment();\r\n }\r\n else if (history.location.state?.fromPreview !== true && shipmentId) {\r\n populateAmmendShipment();\r\n }\r\n }\r\n }, [props.userDetails]);\r\n\r\nuseEffect(() => {\r\n\r\n if (\r\n (countries &&\r\n currencies &&\r\n countries.length > 0 &&\r\n currencies.length > 0 &&\r\n (Object.keys(orderResponse).length > 0 && props.loadedFromData?.loadedFrom !== MISC_VALUES.SUMMARY) &&\r\n id !== undefined &&\r\n isCollectionRequest !== undefined &&\r\n isvalid !== undefined) || shipmentResponse\r\n ) {\r\n\r\n if (shipmentResponse) { \r\n orderResponse.shipmentModel = shipmentResponse; \r\n }\r\n\r\n const formatedResponse = {\r\n ...orderResponse.shipmentModel,\r\n };\r\n\r\n if (orderResponse.shipmentModel.shipments[0].shipmentDetails.deliveryChoice === DELIVERY_CHOICES.DOORSTEP_AGE_VERIFICATION || orderResponse.shipmentModel.shipments[0].shipmentDetails.deliveryChoice ===DELIVERY_CHOICES.AGE) {\r\n orderResponse.shipmentModel.shipments[0].shipmentDetails.doorStepInstructions = DELIVERY_OPTIONS.DELIVERY_DOORSTEP_AGE_VERIFICATION;\r\n } else if (orderResponse.shipmentModel.shipments[0].shipmentDetails.deliveryChoice === DELIVERY_CHOICES.DOORSTEP_PIN || orderResponse.shipmentModel.shipments[0].shipmentDetails.deliveryChoice ===DELIVERY_CHOICES.PIN) {\r\n orderResponse.shipmentModel.shipments[0].shipmentDetails.doorStepInstructions = DELIVERY_OPTIONS.DELIVERY_DOORSTEP_PIN;\r\n } else {\r\n orderResponse.shipmentModel.shipments[0].shipmentDetails.doorStepInstructions = formatedResponse?.product\r\n ?.neighbourDelivery\r\n ? DELIVERY_OPTIONS.DELIVERY_LEAVE_NEIGHBOUR\r\n : formatedResponse?.product?.secureLocationDelivery\r\n ? DELIVERY_OPTIONS.DELIVERY_SAFE_LOCATION\r\n : DELIVERY_OPTIONS.DELIVERY_DOORSTEP_ONLY;\r\n }\r\n formikRef.current.setValues(\r\n setValuesToShipmentForm(\r\n orderResponse.shipmentModel,\r\n formikRef.current.values,\r\n countries,\r\n currencies,\r\n props.userDetails,\r\n ),\r\n );\r\n formatedResponse['deliveryOptions'] = {\r\n doorStepInstructions: orderResponse.shipmentModel.shipments[0].shipmentDetails.deliveryChoice === DELIVERY_CHOICES.DOORSTEP_AGE_VERIFICATION || orderResponse.shipmentModel.shipments[0].shipmentDetails.deliveryChoice === DELIVERY_CHOICES.AGE\r\n ? DELIVERY_OPTIONS.DELIVERY_DOORSTEP_AGE_VERIFICATION\r\n : orderResponse.shipmentModel.shipments[0].shipmentDetails.deliveryChoice === DELIVERY_CHOICES.DOORSTEP_PIN || orderResponse.shipmentModel.shipments[0].shipmentDetails.deliveryChoice === DELIVERY_CHOICES.PIN\r\n ? DELIVERY_OPTIONS.DELIVERY_DOORSTEP_PIN\r\n : formatedResponse?.product?.neighbourDelivery\r\n ? DELIVERY_OPTIONS.DELIVERY_LEAVE_NEIGHBOUR\r\n : formatedResponse?.product?.secureLocationDelivery\r\n ? DELIVERY_OPTIONS.DELIVERY_SAFE_LOCATION\r\n : DELIVERY_OPTIONS.DELIVERY_DOORSTEP_ONLY,\r\n };\r\n\r\n formatedResponse.product = orderResponse.shipmentModel.product?.productCode;\r\n formatedResponse.service = orderResponse.shipmentModel.service?.description;\r\n formatedResponse['accountNumber'] = { accountId: orderResponse?.shipmentModel.pickupAccount };\r\n formatedResponse.fromAddship = true;\r\n\r\n onLoad({\r\n loadedFrom: 'dropdownResponse',\r\n loadedResponse: { ...formatedResponse, ...orderResponse },\r\n });\r\n\r\n setTimeout(() => {\r\n dispatch(actions.setLoaderLayOver(false));\r\n }, 2500);\r\n\r\n shipmentResponse && setTimeout(() => {\r\n if (props.loadedFromData?.loadedFrom !== MISC_VALUES.SUMMARY) {\r\n onLoad({ loadedFrom: '' });\r\n }\r\n \r\n }, 7000);\r\n\r\n setTimeout(() => {\r\n if (props.loadedFromData?.loadedFrom !== MISC_VALUES.SUMMARY) {\r\n onLoad({ loadedFrom: '' });\r\n }\r\n }, 12000);\r\n\r\n if (orderResponse.shipmentModel.shipments[0]?.consigneeAddress?.addressType?.toLowerCase() === MISC_VALUES.SERVICE_POINT_HANDOVER_METHOD) {\r\n let consigneeAddress = orderResponse.shipmentModel.shipments[0]?.consigneeAddress;\r\n let values = {\r\n servicePointID: consigneeAddress.locationId,\r\n address: {\r\n businessName: consigneeAddress.companyName,\r\n address1: consigneeAddress.address1,\r\n address2: consigneeAddress.address2,\r\n address3: consigneeAddress.address3,\r\n postalTown: consigneeAddress.city,\r\n zipcode: consigneeAddress.postalCode,\r\n },\r\n };\r\n setServicePointAddress(values);\r\n dispatch(actions.setServiceLocationDetails(values));\r\n }\r\n // changes to recall the postal code API while populating the postal code\r\n if(orderResponse.shipmentModel.shipments[0]?.consigneeAddress?.postalCode){\r\n let postalCode = orderResponse.shipmentModel.shipments[0]?.consigneeAddress?.postalCode;\r\n setTimeout(() => {\r\n abortOnGoingCallsFor(ServiceEndPoints.getPostcodeDistrict);\r\n axiosConfig\r\n .get(`${ServiceEndPoints.getPostcodeDistrict}?postcode=${postalCode}`)\r\n .then((res) => {\r\n dispatch(actions.setPostalCodeDistrict(res?.data));\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n return null;\r\n });\r\n }, 500);\r\n \r\n }\r\n \r\n if (orderResponse.shipmentModel.shipments[0]?.clearanceDeclaration) {\r\n let value = {\r\n descriptionOfGoodsShipment:orderResponse.shipmentModel.shipments[0]?.clearanceDeclaration?.descriptionOfGoods,\r\n numberOfItems:orderResponse.shipmentModel.shipments[0]?.clearanceDeclaration?.numberOfItems,\r\n reasonForExport:orderResponse.shipmentModel.shipments[0]?.clearanceDeclaration?.reasonForExport,\r\n recipientEORINumber:orderResponse.shipmentModel.shipments[0]?.clearanceDeclaration?.recipientEORINumber,\r\n recipientUKIMSNumber:orderResponse.shipmentModel.shipments[0]?.clearanceDeclaration?.recipientUKIMSNumber,\r\n sendersDefermentAccount:orderResponse.shipmentModel.shipments[0]?.clearanceDeclaration?.sendersDefermentAccount,\r\n sendersEORINumber:orderResponse.shipmentModel.shipments[0]?.clearanceDeclaration?.sendersEORINumber,\r\n sendersUKIMSNumber:orderResponse.shipmentModel.shipments[0]?.clearanceDeclaration?.sendersUKIMSNumber,\r\n shipmentMovementType:orderResponse.shipmentModel.shipments[0]?.clearanceDeclaration?.shipmentMovementType,\r\n shippingCharges:orderResponse.shipmentModel.shipments[0]?.clearanceDeclaration?.shippingCharges,\r\n totalValue:orderResponse.shipmentModel.shipments[0]?.clearanceDeclaration?.totalValue,\r\n items:orderResponse.shipmentModel.shipments[0]?.clearanceDeclaration?.items,\r\n itemCountry:countries,\r\n accountNumber: orderResponse.shipmentModel.pickupAccount\r\n }\r\n setPopulateClearance(true);\r\n setClearanceDecleration(value);\r\n }\r\n }\r\n}, [countries, currencies, orderResponse, shipmentResponse]);\r\n\r\n const populateAddShipment = () => {\r\n dispatch(actions.setLoaderLayOver(true));\r\n GET(\r\n `${ServiceEndPoints.getOrders\r\n }?organization=${getCustomerAccountID()}&id=${id}&isValid=${isvalid}&isCollectionRequest=${isCollectionRequest}`,\r\n )\r\n .then((res) => {\r\n setOrderResponse(res.data?.orders?.[0]);\r\n if (res.data?.orders?.[0]?.errors?.length > 0) {\r\n isReviewOrder = true;\r\n const errorMessages = res.data.orders[0].errors.map((val) => {\r\n return {\r\n type: 'error',\r\n msg: val,\r\n };\r\n });\r\n errorMessages.length > 0 && dispatch(actions.setLoaderLayOver(false));\r\n dispatch(\r\n actions.setBottomAlert({\r\n msgs: errorMessages,\r\n }),\r\n );\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n dispatch(actions.setLoaderLayOver(false));\r\n\r\n })\r\n };\r\n\r\n const populateAmmendShipment = () => {\r\n dispatch(actions.setLoaderLayOver(true));\r\n GET(\r\n `${ServiceEndPoints.shipmentLabelUrl}?shipmentId=${shipmentId}`,\r\n )\r\n .then((res) => {\r\n setShipmentResponse(res.data);\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n dispatch(actions.setLoaderLayOver(false));\r\n\r\n })\r\n };\r\n\r\n const handleClose = () => {\r\n setJSPMPrompt(false);\r\n setprinterConfigurationMessage(false);\r\n };\r\n\r\n const handleCancel = (resetForm, setFieldValue, formikValues) => {\r\n if (id && isCollectionRequest && isvalid) {\r\n setShowConfirmationDialog(true);\r\n } else {\r\n resetFormAndKeepInitialValues(resetForm, setFieldValue, countries, formikValues.accountNumber);\r\n }\r\n dispatch(actions.resetReturnReferenceParams());\r\n };\r\n\r\n const handleDialogClose = () => {\r\n setShowConfirmationDialog(false);\r\n };\r\n\r\n const onDialogConfirm = () => {\r\n let isScanFlag = false;\r\n if (history.location && history.location.state !== undefined && history.location.state !== null) {\r\n isScanFlag = history.location.state.isScanFlag;\r\n }\r\n history.push({\r\n pathname: '/shipment/processOrders',\r\n state: {\r\n isCollectionRequest: false,\r\n isProcessOrder: !isReviewOrder,\r\n isScanFlag: isScanFlag,\r\n },\r\n });\r\n };\r\n\r\n const updateValidationSchema = () => {\r\n setValidationSchema(getYupSchemaFromMetaData(formField, [], []));\r\n };\r\n\r\n const getOrderSetupResponse = () => {\r\n GET(`${ServiceEndPoints.orderSetup}?organization=${getCustomerAccountID()}`)\r\n .then((res) => {\r\n orderSetupResponse = res.data\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n getOrderSetupResponse();\r\n if (\r\n props?.printerConfiguration &&\r\n !props.printerConfiguration?.isDowloadLabelAsPDF &&\r\n props.JSPMStatus !== null &&\r\n !props.JSPMStatus\r\n ) {\r\n setJSPMPrompt(true);\r\n }\r\n return () => {\r\n if (!isPreview) {\r\n dispatch(actions.setServiceLocationDetails(null));\r\n dispatch(actions.setAddShipmentData(null));\r\n dispatch(actions.setOrderResponse({}));\r\n dispatch(actions.setReturnReferenceCount(0));\r\n dispatch(actions.setIsReturnReferenceUpdated(false));\r\n }\r\n };\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (!shipmentId && !id) {\r\n resetFormAndKeepInitialValues(formikRef.current.resetForm, formikRef.current.setFieldValue, countries, formikRef.current.values?.accountNumber);\r\n dispatch(actions.resetReturnReferenceParams());\r\n }\r\n }, [shipmentId])\r\n\r\n const getCorrectData = () => {\r\n if (props.printerConfiguration === undefined) {\r\n setprinterConfigurationMessage(false);\r\n setJSPMPrompt(false);\r\n } else {\r\n if (props?.printerConfiguration?.isDowloadLabelAsPDF) {\r\n setprinterConfigurationMessage(false);\r\n setJSPMPrompt(false);\r\n } else {\r\n if (!props.JSPMStatus) {\r\n setJSPMPrompt(true);\r\n } else if (!props?.printerConfiguration?.labelPrinter?.trim()) {\r\n setprinterConfigurationMessage(true);\r\n } else {\r\n setprinterConfigurationMessage(false);\r\n setJSPMPrompt(false);\r\n }\r\n }\r\n }\r\n };\r\n useEffect(() => {\r\n getCorrectData();\r\n }, [\r\n props.printerConfiguration,\r\n props.printerConfiguration?.labelPrinter,\r\n props.printerConfiguration?.otherReportsPrinter,\r\n props.JSPMStatus,\r\n props?.printerConfiguration?.isDowloadLabelAsPDF,\r\n ]);\r\n\r\n const onKeyUp = (keyName, e, handle) => {\r\n if (keyName === MISC_VALUES.F2) {\r\n document.getElementById('downloadAsPDF').click();\r\n } else if (keyName === MISC_VALUES.ESC) {\r\n if (id) {\r\n document.getElementById('btnCancel').click();\r\n }\r\n }\r\n };\r\n return (\r\n \r\n \r\n {emailAddress !== '' && {emailAddress}}\r\n
\r\n \r\n {telephoneNumber !== '' && {telephoneNumber}}\r\n
\r\n \r\n {what3Words !== '' && {what3Words}}\r\n
\r\n
\r\n {allProducts && getCustomDeclaration(allProducts) && (\r\n
\r\n
\r\n
\r\n
\r\n {value === index && {children} }\r\n
\r\n );\r\n};\r\n\r\nTabPanel.propTypes = {\r\n value: PropTypes.number,\r\n index: PropTypes.number,\r\n};\r\nexport default TabPanel;\r\n","import { CompareArrowsOutlined } from '@material-ui/icons';\r\nimport { UK_POSTAL_CODE_REGEX } from '../../constants/constants';\r\nconst templateManagementForm = {\r\n formId: 'templateManagementForm',\r\n formField: {\r\n templateName: {\r\n props: {\r\n name: 'templateName',\r\n label: 'Template name',\r\n type: 'text',\r\n isRequired: true,\r\n },\r\n validation: {\r\n name: 'templateName',\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Template name is required'],\r\n },\r\n ],\r\n },\r\n },\r\n destinationCountry: {\r\n props: {\r\n name: 'destinationCountry',\r\n label: 'Destination country',\r\n type: 'select',\r\n displayField: 'name',\r\n },\r\n },\r\n pallets: {\r\n props: {\r\n name: 'pallets',\r\n label: 'Pallets',\r\n type: 'number',\r\n //isDisabled: true,\r\n inputProps: {\r\n min: 0,\r\n max: 1,\r\n },\r\n },\r\n value: 1,\r\n\r\n validation: {\r\n name: 'pallets',\r\n validationType: 'number',\r\n validations: [\r\n {\r\n type: 'min',\r\n params: [0, 'Pallets can not be less than 0'],\r\n },\r\n {\r\n type: 'max',\r\n params: [1, 'Pallets can not be greater than 1'],\r\n },\r\n ],\r\n },\r\n },\r\n addParcelDimensions: {\r\n props: {\r\n name: 'addParcelDimensions',\r\n label: 'Add parcel dimensions',\r\n type: 'checkbox',\r\n },\r\n value: false,\r\n },\r\n noOfItems: {\r\n props: {\r\n name: 'noOfItems',\r\n label: 'No. of items',\r\n type: 'number',\r\n inputProps: {\r\n min: 1,\r\n max: 20,\r\n },\r\n restrictDecimal: true\r\n },\r\n value: 1,\r\n validation: {\r\n name: 'noOfItems',\r\n validationType: 'number',\r\n validations: [\r\n {\r\n params: [1, 'Must be a value between 1 to 20'],\r\n type: 'min',\r\n },\r\n {\r\n type: 'max',\r\n params: [20, 'Must be a value between 1 to 20'],\r\n },\r\n ],\r\n },\r\n },\r\n weight: {\r\n props: {\r\n name: 'weight',\r\n label: 'Weight (Kg)',\r\n type: 'number',\r\n placeholder: 'Select',\r\n inputProps: {\r\n min: 0,\r\n max: 1000,\r\n step: 'any',\r\n },\r\n },\r\n validation: {\r\n name: 'weight',\r\n validationType: 'number',\r\n validations: [\r\n {\r\n type: 'when',\r\n params: [\r\n ['totalpieceWeight', 'addParcelDimensions'],\r\n (totalpieceWeight, addParcelDimensions, schema) => {\r\n if (totalpieceWeight > 0 && addParcelDimensions) {\r\n return schema.test('', 'Weight must be greater than or equal to piece weight', (value) => {\r\n return value >= totalpieceWeight;\r\n });\r\n } else {\r\n return schema;\r\n }\r\n },\r\n ],\r\n },\r\n {\r\n type: 'min',\r\n params: [1, 'Weight is outside permitted range'],\r\n },\r\n {\r\n type: 'max',\r\n params: [1000, 'Weight is outside permitted range'],\r\n },\r\n ],\r\n },\r\n },\r\n parcelDetails: {\r\n props: {\r\n name: 'parcelDetails',\r\n type: 'array',\r\n fields: {\r\n length: 'number',\r\n width: 'number',\r\n height: 'number',\r\n pieceWeight: 'number',\r\n volumetricWeight: 'number',\r\n id: 'number',\r\n },\r\n },\r\n values: [],\r\n },\r\n totalVolumetricWeight: {\r\n props: {\r\n name: 'totalVolumetricWeight',\r\n },\r\n value: 0.0,\r\n },\r\n length: {\r\n props: {\r\n name: 'length',\r\n label: 'Length (cm)',\r\n type: 'number',\r\n isRequired: true,\r\n inputProps: {\r\n min: 1,\r\n max: 200,\r\n },\r\n },\r\n validation: {\r\n name: 'length',\r\n validationType: 'number',\r\n validations: [\r\n {\r\n type: 'typeError',\r\n params: ['Length must be number type'],\r\n },\r\n {\r\n type: 'required',\r\n params: ['Declared length must not be empty.'],\r\n },\r\n {\r\n type: 'min',\r\n params: [1, 'Declared length must be greater than 0'],\r\n },\r\n {\r\n type: 'max',\r\n params: [200, 'Declared length must be less than or equal to 200'],\r\n },\r\n {\r\n type: 'when',\r\n params: [\r\n ['width', 'height'],\r\n (width, height, schema) => {\r\n if (width || height) {\r\n let highest = width || 0;\r\n if ((height || 0) > highest) highest = height;\r\n return schema.test('', 'Length must be longest side', (value) => {\r\n return value >= highest;\r\n });\r\n } else return schema;\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n },\r\n width: {\r\n props: {\r\n name: 'width',\r\n label: 'Width (cm)',\r\n type: 'number',\r\n isRequired: true,\r\n\r\n inputProps: {\r\n min: 1,\r\n max: 120,\r\n },\r\n },\r\n validation: {\r\n name: 'width',\r\n validationType: 'number',\r\n validations: [\r\n {\r\n type: 'typeError',\r\n params: ['Width must be number type'],\r\n },\r\n {\r\n type: 'required',\r\n params: ['Declared width must not be empty.'],\r\n },\r\n {\r\n type: 'min',\r\n params: [1, 'Declared width must be greater than 0'],\r\n },\r\n {\r\n type: 'max',\r\n params: [120, 'Declared width must be less than or equal to 120'],\r\n },\r\n ],\r\n },\r\n },\r\n height: {\r\n props: {\r\n name: 'height',\r\n label: 'Height (cm)',\r\n type: 'number',\r\n isRequired: true,\r\n inputProps: {\r\n min: 1,\r\n max: 120,\r\n },\r\n },\r\n validation: {\r\n name: 'height',\r\n validationType: 'number',\r\n validations: [\r\n {\r\n type: 'typeError',\r\n params: ['Height must be number type'],\r\n },\r\n {\r\n type: 'required',\r\n params: ['Declared height must not be empty.'],\r\n },\r\n {\r\n type: 'min',\r\n params: [1, 'Declared height must be greater than 0'],\r\n },\r\n {\r\n type: 'max',\r\n params: [120, 'Declared height must be less than or equal to 120'],\r\n },\r\n ],\r\n },\r\n },\r\n deliveryType: {\r\n props: {\r\n name: 'deliveryType',\r\n label: 'Delivery type:',\r\n type: 'radio',\r\n },\r\n value: 'deliverToDoorStep',\r\n validation: {\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Delivery Type is required'],\r\n },\r\n ],\r\n },\r\n },\r\n doorStepInstructions: {\r\n props: {\r\n name: 'doorStepInstructions',\r\n label: 'Doorstep instructions',\r\n type: 'select',\r\n displayField: 'name',\r\n hasDefaultValue: true,\r\n },\r\n validation: {\r\n validationType: 'object',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Doorstep instructions is required'],\r\n },\r\n ],\r\n },\r\n },\r\n leaveSafeLocation: {\r\n props: {\r\n name: 'leaveSafeLocation',\r\n label: 'Leave Safe location',\r\n type: 'text',\r\n inputProps: {\r\n maxLength: 60,\r\n },\r\n },\r\n validation: {\r\n name: 'leaveSafeLocation',\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'max',\r\n params: [60, 'Max 60 characters are allowed'],\r\n },\r\n ],\r\n },\r\n },\r\n exchange: {\r\n props: {\r\n name: 'exchange',\r\n label: 'Exchange on delivery:',\r\n type: 'radio',\r\n },\r\n value: 'no',\r\n },\r\n specialInstructions: {\r\n props: {\r\n name: 'specialInstructions',\r\n label: 'Special instructions',\r\n type: 'text',\r\n inputProps: {\r\n maxLength: 30,\r\n },\r\n },\r\n validation: {\r\n name: 'specialInstructions',\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'max',\r\n params: [30, 'Max 30 characters are allowed'],\r\n },\r\n ],\r\n },\r\n },\r\n additionalInstruction: {\r\n props: {\r\n name: 'additionalInstruction',\r\n type: 'text',\r\n inputProps: {\r\n maxLength: 30,\r\n },\r\n },\r\n },\r\n product: {\r\n props: {\r\n name: 'product',\r\n label: 'Product',\r\n type: 'select',\r\n displayField: 'productNameForUI',\r\n },\r\n },\r\n service: {\r\n props: {\r\n name: 'service',\r\n label: 'Service',\r\n type: 'select',\r\n displayField: 'name',\r\n },\r\n validation: {\r\n name: 'service',\r\n validationType: 'object',\r\n validations: [\r\n {\r\n type: 'when',\r\n params: [\r\n 'destinationCountry',\r\n (destinationCountry, schema) => {\r\n return (destinationCountry || {}).code === 'GBR'\r\n ? schema.required('Service name required')\r\n : schema.notRequired();\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n },\r\n customerReference: {\r\n props: {\r\n name: 'customerReference',\r\n label: 'Customer reference',\r\n type: 'text',\r\n inputProps: {\r\n maxLength: 20,\r\n },\r\n },\r\n validation: {\r\n name: 'customerReference',\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'max',\r\n params: [20, 'Max 20 characters are allowed'],\r\n },\r\n ],\r\n },\r\n },\r\n alternateReference: {\r\n props: {\r\n name: 'alternateReference',\r\n label: 'Alternative reference',\r\n type: 'text',\r\n inputProps: {\r\n maxLength: 20,\r\n },\r\n },\r\n validation: {\r\n name: 'alternateReference',\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'max',\r\n params: [20, 'Max 20 characters are allowed'],\r\n },\r\n ],\r\n },\r\n },\r\n extendedCoverDomestic: {\r\n props: {\r\n name: 'extendedCoverDomestic',\r\n label: 'Extended liability',\r\n type: 'number',\r\n placeholder: 'Please select a level of extended liability, if required',\r\n inputProps: {\r\n min: 0,\r\n max: 5,\r\n },\r\n },\r\n validation: {\r\n name: 'extendedCoverDomestic',\r\n validationType: 'number',\r\n validations: [\r\n {\r\n params: [0, 'Extended liability value should be between 0 - 5.'],\r\n type: 'min',\r\n },\r\n {\r\n params: [5, 'Extended liability value should be between 0 - 5.'],\r\n type: 'max',\r\n },\r\n ],\r\n },\r\n },\r\n mobileRecipient: {\r\n props: {\r\n name: 'mobileRecipient',\r\n label: 'Mobile',\r\n type: 'checkbox',\r\n },\r\n },\r\n emailRecipient: {\r\n props: {\r\n name: 'emailRecipient',\r\n label: 'Email',\r\n type: 'checkbox',\r\n },\r\n value: 'checked',\r\n },\r\n pieceWeight: {\r\n props: {\r\n name: 'pieceWeight',\r\n label: 'Weight (kg)',\r\n type: 'number',\r\n placeholder: 'Select',\r\n isRequired: true,\r\n },\r\n validation: {\r\n name: 'pieceWeight',\r\n validationType: 'number',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Weight is required'],\r\n },\r\n ],\r\n },\r\n },\r\n totalpieceWeight: {\r\n props: {\r\n name: 'totalpieceWeight',\r\n },\r\n value: 0.0,\r\n },\r\n //Addition of pallets.\r\n createPalletShipment: {\r\n props: {\r\n name: 'createPalletShipment',\r\n label: 'Create pallet shipment',\r\n type: 'radio',\r\n },\r\n value: 'no',\r\n },\r\n },\r\n};\r\n\r\nexport default templateManagementForm;\r\n","import React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Grid } from '@material-ui/core';\r\nimport FormRenderer from '../../../framework/Inputs/formRenderer/formRenderer';\r\nconst TemplateName = (props) => {\r\n const {\r\n formField: { templateName },\r\n formikValues,\r\n templateNameExist,\r\n templateNameEdited,\r\n getTemplate,\r\n } = props;\r\n\r\n useEffect(() => {\r\n if (formikValues.templateName.trim()) {\r\n getTemplate(formikValues.templateName);\r\n }\r\n }, [formikValues.templateName]);\r\n\r\n return (\r\n \r\n {\r\n // console.log(a, 'page');\r\n // }}\r\n // onChangeRowsPerPage={(a) => {\r\n // console.log('rows per page');\r\n // }}\r\n options={{\r\n search: isSearchable,\r\n selection: isSelectable,\r\n sorting,\r\n paging,\r\n emptyRowsWhenPaging: false,\r\n pageSize,\r\n pageSizeOptions,\r\n maxBodyHeight: customMaxHeight || '350px',\r\n overflowY: 'auto',\r\n overflowX: 'auto',\r\n headerStyle: {\r\n position: 'sticky',\r\n top: 0,\r\n fontWeight: 'bold',\r\n whiteSpace: 'nowrap',\r\n height: 56,\r\n maxHeight: 56,\r\n paddingTop: 0,\r\n paddingBottom: 0,\r\n },\r\n rowStyle: {\r\n height: 48,\r\n maxHeight: 48,\r\n padding: 0,\r\n },\r\n tableLayout: tableLayout ? tableLayout : 'auto',\r\n cellStyle: {\r\n // whiteSpace: \"nowrap\",\r\n // textOverflow: \"ellipsis\",\r\n // // display: \"block\",\r\n // overflow: \"hidden\",\r\n // // maxWidth: '100px'\r\n },\r\n toolbar: false,\r\n showFirstLastPageButtons: false,\r\n paginationType: 'stepped',\r\n filtering,\r\n ...additionalProps,\r\n }}\r\n {...props}\r\n {...additionalProps}\r\n localization={{\r\n pagination: {\r\n labelRowsSelect: '',\r\n labelRowsPerPage: 'Showing results',\r\n },\r\n body: {\r\n emptyDataSourceMessage: empty_DataSource_Message ? empty_DataSource_Message : 'No records to display',\r\n },\r\n }}\r\n onRowClick={rowClicked}\r\n onOrderChange={sortOrderChange}\r\n onSelectionChange={onSelectionChange}\r\n components={{\r\n mTableBody,\r\n Pagination: (paginationProps) => (\r\n \r\n (hideTotalCount !== true ? `${from}-${to} of ${count} results` : `${from}-${to} results`)\r\n }\r\n SelectProps={{\r\n IconComponent: () =>
\r\n );\r\n};\r\n\r\nDynamicMaterialTable.propTypes = {\r\n isSelectable: PropTypes.bool,\r\n isSearchable: PropTypes.bool,\r\n sorting: PropTypes.bool,\r\n paging: PropTypes.bool,\r\n pageSize: PropTypes.number,\r\n pageSizeOptions: PropTypes.arrayOf(PropTypes.number),\r\n columns: PropTypes.array,\r\n filtering: PropTypes.bool,\r\n empty_DataSource_Message: PropTypes.string,\r\n};\r\n\r\nDynamicMaterialTable.defaultProps = {\r\n isSelectable: true,\r\n isSearchable: false,\r\n sorting: true,\r\n paging: true,\r\n pageSize: 10,\r\n pageSizeOptions: [10, 25, 50],\r\n columns: [],\r\n filtering: false,\r\n};\r\n\r\nexport default DynamicMaterialTable;\r\n","import React, { useState } from 'react';\r\nimport { Grid } from '@material-ui/core';\r\nimport { PropTypes } from 'prop-types';\r\nimport DynamicMaterialTable from '../../framework/DynamicMaterialTable/DynamicMaterialTable';\r\nimport InputButton from '../../framework/Inputs/inputButton/inputButton';\r\nimport ConfirmationDialog from '../addressBook/confirmation/confirmation';\r\nimport CustomModal from '../../framework/dialog/customDialog';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { useDispatch } from 'react-redux';\r\nimport * as actions from '../../store/actions/index';\r\n\r\nexport default function MyTemplate(props) {\r\n const {\r\n rows,\r\n columns,\r\n isSearchable,\r\n isSelectable,\r\n sorting,\r\n paging,\r\n pageSize,\r\n pageSizeOptions,\r\n Dialogtitle,\r\n confirmationMessage,\r\n emptyDataSourceMessage,\r\n } = props;\r\n const [selectedRows, setSelectedRows] = useState([]);\r\n const [showConfirmationDialog, setShowConfirmationDialog] = useState(false);\r\n let history = useHistory();\r\n const dispatch = useDispatch();\r\n\r\n const addSelectedRows = (selRows) => {\r\n setSelectedRows(selRows);\r\n };\r\n const handleDialogClose = () => {\r\n setShowConfirmationDialog(false);\r\n };\r\n const onDialogConfirm = () => {\r\n props.deleteSelectedTemplates(selectedRows);\r\n setShowConfirmationDialog(false);\r\n setSelectedRows([]);\r\n };\r\n const onDialogCancel = () => {\r\n setShowConfirmationDialog(false);\r\n };\r\n\r\n const onRowClicked = (res) => {\r\n dispatch(\r\n actions.setActiveTab(\"\"),\r\n );\r\n history.push(`/shipment/templateManagement/editTemplate?templateName=${res.templateName}`);\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n getClear(event)}>\r\n getAddresses(event, '')}>\r\n \r\n ),\r\n }}\r\n fullWidth\r\n />\r\n\r\n {/* \r\n getAddresses(event, '')}>\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nSearchTemplates.propTypes = {\r\n formField: PropTypes.object,\r\n templateSearchFor: PropTypes.string,\r\n setFieldValue: PropTypes.func,\r\n onAddressChange: PropTypes.func,\r\n formikValues: PropTypes.object,\r\n};\r\n\r\nexport default SearchTemplates;\r\n","import React from 'react';\r\nimport { Form, Formik } from 'formik';\r\nimport PropTypes from 'prop-types';\r\nimport SearchTemplates from './SearchTemplates';\r\nimport { getYupSchemaFromMetaData } from '../../../utils/yupSchema/yupSchemaGenerator';\r\n\r\nconst SearchMyTemplates = (props) => {\r\n const formField = searchForm;\r\n const newSearchValidationSchema = getYupSchemaFromMetaData(formField, [], []);\r\n\r\n const initialValues = {\r\n templateSearchFor: '',\r\n };\r\n\r\n return (\r\n \r\n \r\n {({ values, setFieldValue, errors, setFieldTouched }) => (\r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SearchMyTemplates;\r\n\r\nconst searchForm = {\r\n templateSearchFor: {\r\n props: {\r\n name: 'templateSearchFor',\r\n label: 'Search by',\r\n type: 'text',\r\n placeholder: 'Template name',\r\n },\r\n },\r\n};\r\n\r\nSearchMyTemplates.propTypes = {\r\n onAddressChange: PropTypes.func,\r\n};\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { AppBar, Tabs, Tab } from '@material-ui/core/';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport './templateManagement.scss';\r\nimport TabPanel from '../../../components/shared/tabPanel';\r\nimport TemplateManagement from './CreateNewTemplate/TemplateManagement';\r\nimport MyTemplate from '../../../components/MyTemplate/MyTemplate';\r\nimport SearchMyTemplates from '../../../components/MyTemplate/searchTemplates/SearchMyTemplates';\r\nimport { ServiceEndPoints } from '../../../utils/constants/ApiConstant';\r\nimport { axiosConfig } from '../../../api/axios';\r\nimport { getCustomerAccountID } from '../../../utils/helperFunctions';\r\nimport * as actions from \"../../../store/actions/index\"\r\nconst tableRef = React.createRef();\r\nclass templateManagement extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n tabIndex: 0,\r\n // isSearched: false,\r\n columns: [\r\n { title: 'id', field: 'id', hidden: true, width: '0%' },\r\n { title: 'Template name', field: 'templateName', sorting: false, width: '97%' },\r\n ],\r\n rows: [],\r\n };\r\n this.onAddressChange = this.onAddressChange.bind(this);\r\n }\r\n\r\n onAddressChange(value) {\r\n // this.setState({ isSearched: value });\r\n tableRef.current && tableRef.current.onQueryChange();\r\n }\r\n\r\n deleteSelectedTemplates = (templateIds) => {\r\n const itemsToBeDeleted = templateIds.map((template) => {\r\n return template.id;\r\n });\r\n const payload = itemsToBeDeleted;\r\n axiosConfig\r\n .post(`${ServiceEndPoints.deleteTemplate}`, payload)\r\n .then((response) => {\r\n this.props.setSnackBar({ msg: \"Template(s) deleted successfully\" })\r\n tableRef.current && tableRef.current.onQueryChange();\r\n })\r\n .catch((error) => {\r\n alert('Items were not deleted, please try again.');\r\n });\r\n };\r\n\r\n handleTabChange = (event, index) => {\r\n this.setState({ tabIndex: index }, () => {\r\n tableRef.current && tableRef.current.onQueryChange();\r\n });\r\n };\r\n\r\n _MyTemplate = (query) => {\r\n return this.getMyTemplateResults(query);\r\n };\r\n\r\n getMyTemplateResults = (query) => {\r\n return new Promise((resolve, reject) => {\r\n const url = this.getUrl(query);\r\n axiosConfig.get(url)\r\n .then((res) => {\r\n this.formatMyTemplateData(query, resolve, res.data);\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n this.formatMyTemplateData(query, resolve, {});\r\n });\r\n });\r\n };\r\n\r\n getUrl = (query) => {\r\n let url = `${ServiceEndPoints.getTemplateBy}?organization=${getCustomerAccountID()}`;\r\n url += '&offset=' + query.page * query.pageSize;\r\n url += '&limit=' + query.pageSize;\r\n url += this.props.addressBookSearchParams;\r\n return url;\r\n };\r\n\r\n formatMyTemplateData = (query, resolve, result) => {\r\n let final_data = [];\r\n ((result || {}).templates || []).map((element, index) => {\r\n final_data.push({\r\n id: element.id,\r\n templateName: element.templateName,\r\n });\r\n });\r\n resolve({\r\n data: final_data,\r\n page: query.page,\r\n totalCount: result?.totalRecords ? result.totalRecords : 0,\r\n });\r\n };\r\n\r\n componentDidMount() {\r\n if (this.props.activeTab === \"myTemplates\") {\r\n this.setState({ tabIndex: 1 });\r\n }\r\n this.props.setActiveTab(\"\");\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n {children}\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\nexport default DividerWithText","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Dialog, DialogContent, DialogTitle, Grid, makeStyles } from '@material-ui/core';\r\nimport ClearIcon from '@material-ui/icons/Clear';\r\nimport InputButton from '../../../framework/Inputs/inputButton/inputButton';\r\nimport DividerWithText from '../../../framework/dividerWithText/dividerWithText';\r\n\r\nimport './addressBookModal.scss';\r\n\r\nconst useStyles = makeStyles({\r\n dialog: {},\r\n Paper: {\r\n maxWidth: 1000,\r\n },\r\n});\r\n\r\nconst CustomDialog = (props) => {\r\n const classes = useStyles();\r\n const { onClose, selectedValue, open, title, maxWidth, onAddNewButtonClick, totalRecords } = props;\r\n\r\n const handleClose = () => {\r\n onClose(selectedValue);\r\n };\r\n return (\r\n \r\n Download Sample \r\n
\r\n )\r\n}\r\n\r\nexport default SampleCSVFile\r\n","import React, { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Grid, Checkbox, FormControlLabel } from '@material-ui/core';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport InputButton from '../../../framework/Inputs/inputButton/inputButton';\r\nimport { ADDRESSBOOK_MODAL_CONTENT } from '../../../utils/constants/constants';\r\nimport { ServiceEndPoints } from '../../../utils/constants/ApiConstant';\r\nimport { toBase64 } from '../../../utils/common';\r\nimport { POST } from '../../../api/axios';\r\nimport './AddressBookModalContent.scss';\r\nimport SampleCSVFile from '../../sampleCSVFile/SampleCSVFile';\r\nimport ConfirmationDialog from '../confirmation/confirmation';\r\nimport CustomModal from '../../../framework/dialog/customDialog';\r\nimport { getCustomerAccountID, setDropdownValues } from '../../../utils/helperFunctions';\r\nimport FormRenderer from '../../../framework/Inputs/formRenderer/formRenderer';\r\nimport { useDispatch } from 'react-redux';\r\nimport * as actions from '../../../store/actions/index';\r\nimport { exportToTextFile } from '../../../utils/common';\r\nconst CustomCheckBox = withStyles({\r\n root: {\r\n '&$checked': {\r\n color: 'black',\r\n },\r\n },\r\n checked: {},\r\n})((props) => \r\n \r\n
\r\n \r\n \r\n {tabIndex === 0 ? (\r\n getAddresses(event, '')}\r\n onClearSearch={(event) => getClear(event, '')}\r\n isIconDisabled={errors.addressSearchFor || formikValues.addressSearchFor?.trim() === ''}\r\n selectProps={addressSearchFor.selectProps.props}\r\n textProps={addressSearchFor.textProps.props}\r\n isClearBtn={isClearBtn}\r\n inputRef={inputRef}\r\n {...addressSearchFor.props}\r\n />\r\n ) : (\r\n getAddresses(event, '')}\r\n onClearSearch={(event) => getClear(event, '')}\r\n isIconDisabled={errors.favoriteSearchFor}\r\n selectProps={favoriteSearchFor.selectProps.props}\r\n textProps={favoriteSearchFor.textProps.props}\r\n isClearBtn={isClearBtn}\r\n inputRef={inputRef}\r\n {...favoriteSearchFor.props}\r\n />\r\n )}\r\n \r\n {tabIndex ? null : (\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nSearchAddress.propTypes = {\r\n formField: PropTypes.object,\r\n formikValues: PropTypes.object,\r\n onAddressChange: PropTypes.func,\r\n totalRecords: PropTypes.string,\r\n setFieldValue: PropTypes.func,\r\n tabIndex: PropTypes.object,\r\n setFieldTouched: PropTypes.func,\r\n};\r\n\r\nexport default SearchAddress;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Form, Formik } from 'formik';\r\nimport SearchAddress from './SearchAddress';\r\nimport { getYupSchemaFromMetaData } from '../../../utils/yupSchema/yupSchemaGenerator';\r\n\r\nconst SearchAddressBook = (props) => {\r\n const formField = searchForm;\r\n const newSearchValidationSchema = getYupSchemaFromMetaData(formField, [], []);\r\n\r\n const initialValues = {\r\n addressSearchFor: '',\r\n favoriteSearchFor: '',\r\n addressSearchBy: searchByOptions[0],\r\n favoriteSearchBy: searchByFavouriteOptions[0],\r\n // addressImportType: addressImportTypeOptions[0],\r\n };\r\n return (\r\n \r\n\r\n \r\n {({ values, setFieldValue, setValues, errors, setFieldTouched }) => (\r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\n\r\nSearchAddressBook.propTypes = {\r\n tabIndex:PropTypes.string,\r\n onAddressChange: PropTypes.func,\r\n}\r\n\r\nexport default SearchAddressBook;\r\n\r\nconst searchForm = {\r\n addressSearchFor: {\r\n props: {\r\n name: 'addressSearchFor',\r\n type: 'searchControl',\r\n },\r\n selectProps: {\r\n props: {\r\n name: 'addressSearchBy',\r\n label: 'Search For',\r\n placeholder: \"Enter Customer's Number\",\r\n },\r\n },\r\n textProps: {\r\n props: {\r\n name: 'addressSearchFor',\r\n label: 'Search For',\r\n placeholder: \"Enter Customer's Number\",\r\n },\r\n \r\n },\r\n validation: {\r\n name: 'addressSearchFor',\r\n validationType: 'string',\r\n // validations: [\r\n // {\r\n // type: 'required',\r\n // params: ['Search for is required'],\r\n // },\r\n // ],\r\n },\r\n },\r\n favoriteSearchFor: {\r\n props: {\r\n name: 'favoriteSearchFor',\r\n type: 'searchControl',\r\n },\r\n selectProps: {\r\n props: {\r\n name: 'favoriteSearchBy',\r\n label: 'Search For',\r\n placeholder: \"Enter Customer's Number\",\r\n },\r\n },\r\n textProps: {\r\n props: {\r\n name: 'favoriteSearchFor',\r\n label: 'Search For',\r\n placeholder: \"Enter Customer's Number\",\r\n },\r\n },\r\n validation: {\r\n name: 'favoriteSearchFor',\r\n validationType: 'string',\r\n // validations: [\r\n // {\r\n // type: 'required',\r\n // params: ['Search for is required'],\r\n // },\r\n // ],\r\n },\r\n },\r\n // addressImportType: {\r\n // props: {\r\n // name: 'addressImportType',\r\n // label: 'Address import type',\r\n // type: 'select',\r\n // displayField: 'name',\r\n // hasDefaultValue: true,\r\n // isRequired: true,\r\n // },\r\n // validation: {\r\n // name: 'addressImportType',\r\n // validationType: 'object',\r\n // validations: [\r\n // {\r\n // type: 'required',\r\n // params: ['Address import type is required'],\r\n // },\r\n // ],\r\n // },\r\n // },\r\n};\r\n\r\nconst searchByOptions = [\r\n {\r\n value: 'customernumber',\r\n name: 'Customer number',\r\n },\r\n {\r\n value: 'recipientname',\r\n name: 'Recipient name',\r\n },\r\n {\r\n value: 'businessname',\r\n name: 'Business name',\r\n },\r\n {\r\n value: 'town',\r\n name: 'Town',\r\n },\r\n {\r\n value: 'postcode',\r\n name: 'Postal code',\r\n },\r\n];\r\n\r\nconst searchByFavouriteOptions = [\r\n {\r\n value: 'customernumber',\r\n name: 'Customer number',\r\n },\r\n {\r\n value: 'recipientname',\r\n name: 'Recipient name',\r\n },\r\n {\r\n value: 'businessname',\r\n name: 'Business name',\r\n },\r\n];\r\n\r\n// const addressImportTypeOptions = [\r\n// {\r\n// value: 'domestic',\r\n// name: 'iConsign domestic import'\r\n// },\r\n// {\r\n// value: 'international',\r\n// name: 'iConsign international import'\r\n// },\r\n// {\r\n// value: 'consignor',\r\n// name: 'Consignor import'\r\n// },\r\n// {\r\n// value: 'ship',\r\n// name: 'Ship import'\r\n// }\r\n// ]\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { AppBar, Tabs, Tab } from '@material-ui/core/';\r\nimport Grid from '@material-ui/core/Grid';\r\n\r\nimport './AddressBook.scss';\r\nimport TabPanel from '../../components/shared/tabPanel';\r\nimport MyAddressBook from '../../components/MyAddressBook/MyAddressBook';\r\nimport SearchAddressBook from '../../components/addressBook/searchAddress/SearchAddressBook';\r\nimport { ServiceEndPoints } from '../../utils/constants/ApiConstant';\r\nimport { customTableSort, getCustomerAccountID } from '../../utils/helperFunctions';\r\nimport { withRouter } from 'react-router-dom';\r\nimport * as actions from '../../store/actions/index';\r\nimport { axiosConfig } from '../../api/axios';\r\n\r\n// const tableRef = React.createRef();\r\nclass AddressBook extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n tabIndex: 0,\r\n totalRecords: 0,\r\n isSearched: false,\r\n columns: [\r\n { title: 'id', field: 'id', hidden: true, width: 0 },\r\n {\r\n title: 'Customer no.',\r\n field: 'customerNumber',\r\n customSort: (a, b) => customTableSort(a.customerNumber, b.customerNumber),\r\n width: 200,\r\n },\r\n {\r\n title: 'Business/Recipient name',\r\n field: 'contactName',\r\n sorting: false,\r\n width: 210,\r\n },\r\n {\r\n title: 'Address',\r\n field: 'line1',\r\n sorting: false,\r\n width: 200,\r\n },\r\n {\r\n title: 'Town',\r\n field: 'town',\r\n sorting: false,\r\n width: 150,\r\n },\r\n {\r\n title: 'County',\r\n field: 'country',\r\n sorting: false,\r\n width: 150,\r\n },\r\n {\r\n title: 'Postal code',\r\n field: 'postCode',\r\n sorting: false,\r\n width: 100,\r\n },\r\n {\r\n title: 'Telephone no',\r\n field: 'telephone',\r\n sorting: false,\r\n width: 150,\r\n },\r\n {\r\n title: 'Email address',\r\n field: 'email',\r\n sorting: false,\r\n width: 200,\r\n },\r\n {\r\n title: 'What3Words',\r\n field: 'what3Words',\r\n sorting: false,\r\n width: 150,\r\n },\r\n ],\r\n rows: [],\r\n addressBook_pageDetails: {\r\n offset: 0,\r\n limit: 0,\r\n totalRecordsLength: 0,\r\n },\r\n addressBook_final_data: [],\r\n addressBook_totalCount: 0,\r\n favurites_pageDetails: {\r\n offset: 0,\r\n limit: 0,\r\n totalRecordsLength: 0,\r\n },\r\n favurites_final_data: [],\r\n favurites_totalCount: 0,\r\n pageNumber: 0,\r\n pageSize: 10,\r\n isLoading: false,\r\n };\r\n this.onAddressChange = this.onAddressChange.bind(this);\r\n }\r\n\r\n customerNumberClicked = (rowData) => {\r\n if (this.state.tabIndex === 1) {\r\n this.props.setActiveTab('addressbookFavourites');\r\n }\r\n this.props.history.push('/addressBook/editAddress?id=' + rowData.id);\r\n };\r\n\r\n onAddressChange(value) {\r\n this.setState({ isSearched: true, pageNumber: 0, pageSize: this.state.pageSize ? this.state.pageSize : 10 }, () => {\r\n this.getAddressBookDetails();\r\n });\r\n }\r\n\r\n deleteSelectedAddress = (addressIds) => {\r\n const itemsToBeDeleted = addressIds.map((address) => {\r\n return address.id;\r\n });\r\n const payload = itemsToBeDeleted;\r\n axiosConfig\r\n .post(`${ServiceEndPoints.postAddressBook}/delete`, payload)\r\n .then((response) => {\r\n this.props.setSnackBar({ msg: 'Address deleted successfully' });\r\n this.onAddressChange();\r\n })\r\n .catch((error) => {\r\n alert('Items were not deleted, please try again.');\r\n });\r\n };\r\n\r\n addFavouriteAddress = (addressIds) => {\r\n const { userId } = this.props.userDetails;\r\n const payload = addressIds.map((address) => {\r\n return address.id;\r\n });\r\n\r\n axiosConfig\r\n .post(`${ServiceEndPoints.postAddressBook}/favourite?userid=${userId}`, payload)\r\n .then((response) => {\r\n this.props.setSnackBar({ msg: 'Address added as favourite' });\r\n this.onAddressChange();\r\n })\r\n .catch((err) => {\r\n alert('Could not add items to favourites.');\r\n });\r\n };\r\n\r\n removeAddressFromFavourite = (addressIds) => {\r\n const { userId } = this.props.userDetails;\r\n const itemsToBeRemoved = addressIds.map((address) => {\r\n return address.id;\r\n });\r\n const payload = itemsToBeRemoved;\r\n axiosConfig\r\n .post(`${ServiceEndPoints.postAddressBook}/favourite/delete?userid=${userId}`, payload)\r\n .then((response) => {\r\n this.props.setSnackBar({ msg: 'Address removed from favourites' });\r\n this.onAddressChange();\r\n })\r\n .catch((error) => {\r\n alert('Items were not removed, please try again.');\r\n });\r\n };\r\n\r\n handleTabChange = (event, index) => {\r\n this.setState({ tabIndex: index, isSearched: true, pageNumber: 0, pageSize: 10 }, () => {\r\n this.getAddressBookDetails();\r\n });\r\n };\r\n\r\n refreshTableData = () => {\r\n this.setState({ pageNumber: 0, pageSize: this.state.pageSize ? this.state.pageSize : 10 }, () => {\r\n this.getAddressBookDetails();\r\n });\r\n }\r\n\r\n getAddressBookDetails() {\r\n this.setState({ isLoading: true });\r\n const isFavourites = this.state.tabIndex === 1;\r\n const offset = this.state.pageNumber * this.state.pageSize;\r\n const limit = this.state.pageSize;\r\n axiosConfig\r\n .get(this.getUrl(offset, limit))\r\n .then((res) => {\r\n this.setState({\r\n [isFavourites ? 'favurites_pageDetails' : 'addressBook_pageDetails']: {\r\n offset,\r\n limit,\r\n totalRecordsLength: (res.data || {}).totalRecords,\r\n },\r\n isSearched: false,\r\n });\r\n this.setState({ totalRecords: res.data?.totalRecords ? res.data?.totalRecords : 0 });\r\n this.formatAddressBookData(res.data, isFavourites);\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n this.formatAddressBookData([], isFavourites);\r\n this.setState({ totalRecords: 0 });\r\n this.setState({\r\n [isFavourites ? 'favurites_pageDetails' : 'addressBook_pageDetails']: {\r\n totalRecordsLength: 0,\r\n },\r\n });\r\n })\r\n .finally(() => {\r\n this.setState({ isLoading: false });\r\n });\r\n }\r\n\r\n getUrl = (offset, limit) => {\r\n const { userId } = this.props.userDetails;\r\n let url = `${ServiceEndPoints.getAddressBook}?organization=${getCustomerAccountID()}`;\r\n url += '&offset=' + offset;\r\n url += '&limit=' + limit;\r\n url += this.props.addressBookSearchParams;\r\n if (this.state.tabIndex === 1) {\r\n url += '&userid=' + userId;\r\n }\r\n return url;\r\n };\r\n\r\n formatAddressBookData = (result, isFav = false) => {\r\n let final_data = [];\r\n ((result || {}).addressBooks || []).forEach((element, index) => {\r\n const customer = element?.deliveryAddress;\r\n final_data.push({\r\n id: element.id,\r\n customerNumber: customer?.customerNumber,\r\n contactName: customer?.recipientType == 1 ? customer?.businessName : customer?.recipientName,\r\n line1: customer?.line1,\r\n town: customer?.town,\r\n country: customer?.county,\r\n postCode: customer?.postCode,\r\n telephone: customer?.telephone,\r\n email: customer?.email,\r\n favouriteUsers: element?.favouriteUsers,\r\n what3Words:customer?.what3Words?.words,\r\n });\r\n });\r\n if (isFav) {\r\n this.setState({\r\n favurites_final_data: final_data,\r\n favurites_totalCount: result.totalRecords ? result.totalRecords : 0,\r\n });\r\n } else {\r\n this.setState({\r\n addressBook_final_data: final_data,\r\n addressBook_totalCount: result.totalRecords ? result.totalRecords : 0,\r\n });\r\n }\r\n };\r\n\r\n componentDidMount() {\r\n this.getAddressBookDetails();\r\n if (this.props.activeTab === 'addressbookFavourites') {\r\n this.setState({ tabIndex: 1 ,pageNumber: 0, pageSize: this.state.pageSize ? this.state.pageSize : 10 }, () => {\r\n this.getAddressBookDetails();\r\n });\r\n }\r\n this.props.setActiveTab('');\r\n }\r\n\r\n onPageNumChange(pageNum) {\r\n this.setState({ pageNumber: pageNum }, () => {\r\n this.getAddressBookDetails();\r\n });\r\n }\r\n\r\n onPageSizeChange(pageSize) {\r\n this.setState({ pageSize: pageSize }, () => {\r\n this.getAddressBookDetails();\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n {showTextField\r\n ? (\r\n
\r\n );\r\n};\r\n\r\nInputDateRange.propTypes = {\r\n showTextField: PropTypes.bool,\r\n};\r\n\r\nInputDateRange.defaultProps = {\r\n showTextField: true,\r\n};\r\n\r\nexport default InputDateRange;\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport FormRenderer from '../../../framework/Inputs/formRenderer/formRenderer';\r\nimport { GET } from '../../../api/axios';\r\nimport { useSelector } from 'react-redux';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport InputButton from '../../../framework/Inputs/inputButton/inputButton';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { useDispatch } from 'react-redux';\r\nimport * as actions from '../../../store/actions/index';\r\nimport { shipmentManagementDateFilter } from '../../../utils/constants/constants';\r\nimport { formatDate } from '../../../utils/helperFunctions';\r\nimport DateRangePicker from '../../../framework/date-range/dateRange';\r\nimport CustomDialog from '../../../framework/dialog/customDialog';\r\nimport originalMoment from 'moment';\r\nimport { extendMoment } from 'moment-range';\r\n// import CustomizedDialogs from '../addressBookModal/addressBookModal'\r\n// import CustomAddressTable from '../../../framework/CustomAddressTable/CustomAddressTable';\r\nimport { Divider } from '@material-ui/core';\r\nconst useStyles = makeStyles((theme) => ({\r\n SearchAddressField: {\r\n marginTop: '3px',\r\n // paddingRight: '3px',\r\n },\r\n}));\r\n\r\nconst SearchShipment = (props) => {\r\n const classes = useStyles();\r\n const {\r\n formField: { shipmentManagementSearchFor, deliveryStatusForAccounts },\r\n setFieldValue,\r\n formikValues,\r\n searchByOptions,\r\n errors,\r\n setFieldTouched,\r\n tabChanged,\r\n resetForm,\r\n setValues,\r\n } = props;\r\n const inputRef = React.useRef();\r\n const moment = extendMoment(originalMoment);\r\n let [isClearBtn, setIsClearBtn] = useState(false);\r\n const [renderVal, setRenderVal] = useState('');\r\n const [open, setOpen] = useState(false);\r\n const [datepickerValue, setDatepickerValue] = useState(moment.range(new Date(), new Date()));\r\n const [shipmentManagementSearchForFlag, setShipmentManagementSearchForFlag] = useState(false);\r\n let [fromCollectionDate, setfromCollectionDate] = useState(formatDate(new Date()));\r\n let [collectedToDate, setcollectedToDate] = useState(formatDate(new Date()));\r\n // let [isdatesearch, setIsdatesearch] = useState(false);\r\n\r\n const getClear = (event = null, queryParams = '') => {\r\n if (event) {\r\n event.preventDefault();\r\n }\r\n // if (tabChanged == 0) {\r\n setTimeout(() => {\r\n props.setShipmentSearchParams(\r\n `&fromCollectionDate=${fromCollectionDate}&toCollectionDate=${collectedToDate}`,\r\n );\r\n }, 0);\r\n // } else {\r\n // props.setShipmentSearchParams(`&${props.formikValues.shipmentManagementSearchBy.value}=`);\r\n // }\r\n setFieldValue('shipmentManagementSearchFor', '');\r\n setFieldTouched('shipmentManagementSearchFor', false);\r\n setIsClearBtn(false);\r\n props.onShipmentChange(false);\r\n };\r\n\r\n const getShipments = (event = null) => {\r\n setShipmentManagementSearchForFlag(true);\r\n if (event) {\r\n event.preventDefault();\r\n }\r\n props.onShipmentChange(true);\r\n setIsClearBtn(true);\r\n };\r\n\r\n function getNumberOfDays(start, end) {\r\n if (start < end) {\r\n return (end - start) / 1000 / 60 / 60 / 24;\r\n }\r\n }\r\n\r\n const onSelect = (value) => {\r\n const count = getNumberOfDays(value.start, value.end);\r\n if (count > 30) {\r\n setDatepickerValue(moment.range(value.start._d, value.end._d));\r\n } else {\r\n setDatepickerValue(moment.range(value.start._d, value.end._d));\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n // if (tabChanged == 0) {\r\n // props.setShipmentSearchParams(\r\n // `&${props.formikValues.shipmentManagementSearchBy.value}=${encodeURIComponent(props.formikValues.shipmentManagementSearchFor)}&fromCollectionDate=${fromCollectionDate}&toCollectionDate=${collectedToDate}`,\r\n // );\r\n // } else {\r\n // if (!isdatesearch) {\r\n props.setShipmentSearchParams(\r\n `&${props.formikValues.shipmentManagementSearchBy.value}=${encodeURIComponent(props.formikValues.shipmentManagementSearchFor)}`,\r\n );\r\n // }\r\n // setIsdatesearch(false)\r\n // }\r\n }, [props.formikValues?.shipmentManagementSearchBy, props.formikValues?.shipmentManagementSearchFor]);\r\n\r\n useEffect(() => {\r\n setIsClearBtn(false);\r\n }, [props.formikValues.shipmentManagementSearchFor]);\r\n\r\n useEffect(() => {\r\n // if (tabChanged === 0) {\r\n props.setShipmentSearchParams(`&${props.formikValues.shipmentManagementSearchBy.value}=&fromCollectionDate=${fromCollectionDate}&toCollectionDate=${collectedToDate}`);\r\n // } else {\r\n // props.setShipmentSearchParams(`&${props.formikValues.shipmentManagementSearchBy.value}=`);\r\n // }\r\n setValues({\r\n shipmentManagementSearchFor: '',\r\n shipmentManagementSearchBy: searchByOptions[0],\r\n });\r\n setFieldTouched('shipmentManagementSearchFor', false);\r\n setFieldValue('deliveryStatusForAccounts', shipmentManagementDateFilter[0]);\r\n }, [tabChanged]);\r\n\r\n useEffect(() => {\r\n setFieldValue('shipmentManagementSearchFor', '');\r\n setFieldTouched('shipmentManagementSearchFor', true);\r\n inputRef.current.focus();\r\n if (props.formikValues.shipmentManagementSearchFor || shipmentManagementSearchForFlag) {\r\n getClear()\r\n setShipmentManagementSearchForFlag(false);\r\n }\r\n }, [props.formikValues.shipmentManagementSearchBy]);\r\n\r\n useEffect(() => {\r\n // if (tabChanged == 0) {\r\n // if (props.formikValues.shipmentManagementSearchFor != '') {\r\n // props.setShipmentSearchParams(\r\n // `&${props.formikValues.shipmentManagementSearchBy.value}=${encodeURIComponent(props.formikValues.shipmentManagementSearchFor)}&fromCollectionDate=${fromCollectionDate}&toCollectionDate=${collectedToDate}`,\r\n // );\r\n // } else {\r\n // props.setShipmentSearchParams(\r\n // `&${props.formikValues.shipmentManagementSearchBy.value}=&fromCollectionDate=${fromCollectionDate}&toCollectionDate=${collectedToDate}`,\r\n // );\r\n // }\r\n // getClear();\r\n // setIsdatesearch(true)\r\n setFieldValue('shipmentManagementSearchFor', '');\r\n setFieldTouched('shipmentManagementSearchFor', false);\r\n setIsClearBtn(false);\r\n setTimeout(() => {\r\n props.setShipmentSearchParams(\r\n `&fromCollectionDate=${fromCollectionDate}&toCollectionDate=${collectedToDate}`,\r\n );\r\n }, 0);\r\n getShipments();\r\n // }\r\n }, [fromCollectionDate, collectedToDate]);\r\n\r\n const handleDateClose = (value) => {\r\n setOpen(false);\r\n let _fromCollectionDate = formatDate(datepickerValue.start._i);\r\n let _collectedToDate = formatDate(datepickerValue.end._d);\r\n setfromCollectionDate(_fromCollectionDate)\r\n setcollectedToDate(_collectedToDate)\r\n setRenderVal(`${moment(_fromCollectionDate).format('DD/MM/YYYY')}-${moment(_collectedToDate).format('DD/MM/YYYY')}`);\r\n };\r\n\r\n const dateRange = (selectedValue) => {\r\n if (selectedValue === 'daterange') {\r\n setOpen(true);\r\n }\r\n };\r\n\r\n const dateRangeInSelect = () => {\r\n setOpen(true);\r\n };\r\n\r\n useEffect(() => {\r\n shipmentManagementDateFilter[1].clickEvent = dateRangeInSelect;\r\n if (formikValues.deliveryStatusForAccounts.value === 'daterange') {\r\n dateRange('daterange');\r\n }\r\n else if (props.formikValues?.deliveryStatusForAccounts?.value === 'today') {\r\n let _fromCollectionDate = formatDate(new Date());\r\n let _collectedToDate = formatDate(new Date());\r\n setfromCollectionDate(_fromCollectionDate)\r\n setcollectedToDate(_collectedToDate)\r\n setOpen(false);\r\n shipmentManagementDateFilter[1].name = 'Date range';\r\n }\r\n else {\r\n setOpen(false);\r\n shipmentManagementDateFilter[1].name = 'Date range';\r\n }\r\n }, [formikValues.deliveryStatusForAccounts]);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n ),\r\n }}\r\n />\r\n \r\n
\r\n )\r\n : null}\r\n\r\n \r\n \r\n {/* {tabChanged == 0 ? */}\r\n \r\n dateRange(e)}\r\n fullWidth\r\n renderVal={renderVal}\r\n />\r\n \r\n {/* : null} */}\r\n \r\n getShipments(event, '')}\r\n onClearSearch={(event) => getClear(event, '')}\r\n isIconDisabled={Boolean(errors.shipmentManagementSearchFor) || formikValues.shipmentManagementSearchFor?.trim() === ''}\r\n selectProps={shipmentManagementSearchFor.selectProps.props}\r\n textProps={shipmentManagementSearchFor.textProps.props}\r\n isClearBtn={isClearBtn}\r\n inputRef={inputRef}\r\n {...shipmentManagementSearchFor.props}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SearchShipment;\r\n","import React from 'react';\r\nimport { Form, Formik } from 'formik';\r\nimport SearchShipment from './SearchShipment';\r\nimport { getYupSchemaFromMetaData } from '../../../utils/yupSchema/yupSchemaGenerator';\r\nimport { shipmentManagementDateFilter } from '../../../utils/constants/constants';\r\n\r\nconst SearchShipmentManagement = (props) => {\r\n const formField = searchForm;\r\n const newSearchValidationSchema = getYupSchemaFromMetaData(formField, [], []);\r\n\r\n const initialValues = {\r\n shipmentManagementSearchFor: '',\r\n shipmentManagementSearchBy: searchByOptions[0],\r\n deliveryStatusForAccounts: shipmentManagementDateFilter[0],\r\n };\r\n\r\n return (\r\n \r\n \r\n {({ values, setFieldValue, errors, setFieldTouched, resetForm, setValues }) => (\r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SearchShipmentManagement;\r\n\r\nconst searchForm = {\r\n shipmentManagementSearchFor: {\r\n props: {\r\n name: 'shipmentManagementSearchFor',\r\n type: 'searchControl',\r\n },\r\n selectProps: {\r\n props: {\r\n name: 'shipmentManagementSearchBy',\r\n label: 'Search For',\r\n placeholder: \"Enter Customer's Number\",\r\n },\r\n },\r\n textProps: {\r\n props: {\r\n name: 'shipmentManagementSearchFor',\r\n label: 'Search For',\r\n placeholder: \"Enter Customer's Number\",\r\n },\r\n },\r\n validation: {\r\n name: 'shipmentManagementSearchFor',\r\n validationType: 'string',\r\n // validations: [\r\n // {\r\n // type: 'required',\r\n // params: ['SearchFor Number is required'],\r\n // },\r\n // ],\r\n },\r\n },\r\n deliveryStatusForAccounts: {\r\n props: {\r\n name: 'deliveryStatusForAccounts',\r\n // label: 'Select despatch date',\r\n type: 'select',\r\n isRequired: true,\r\n displayField: 'name',\r\n hasDefaultValue: true,\r\n },\r\n value: shipmentManagementDateFilter[0],\r\n },\r\n};\r\n\r\nconst searchByOptions = [\r\n {\r\n value: 'customerrefnumber',\r\n name: 'Customer reference',\r\n },\r\n {\r\n value: 'shipmentnumber',\r\n name: 'Shipment number',\r\n },\r\n // {\r\n // value: 'customernumber',\r\n // name: 'Customer number',\r\n // },\r\n {\r\n value: 'recipientname',\r\n name: 'Recipient name',\r\n },\r\n {\r\n value: 'businessname',\r\n name: 'Business name',\r\n },\r\n {\r\n value: 'postcode',\r\n name: 'Postal code',\r\n },\r\n];\r\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Grid } from '@material-ui/core';\r\nimport DynamicMaterialTable from '../../../framework/DynamicMaterialTable/DynamicMaterialTable';\r\nimport CustomModal from '../../../framework/modal/modal';\r\nimport ConfirmationDialog from '../../addressBook/confirmation/confirmation';\r\nimport InputButton from '../../../framework/Inputs/inputButton/inputButton';\r\nimport TableExportPopup from '../../TableExport/TableExportPopup';\r\nimport * as actions from '../../../store/actions/index'\r\nimport { axiosConfig, GET } from '../../../api/axios';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { ServiceEndPoints } from '../../../utils/constants/ApiConstant';\r\nimport { arrayToString, formatDate } from '../../../utils/helperFunctions';\r\nimport jsPDF from 'jspdf';\r\n\r\nconst BookedCollections = (props) => {\r\n const {\r\n rows,\r\n columns,\r\n isSearchable,\r\n isSelectable,\r\n sorting,\r\n paging,\r\n pageSize,\r\n pageSizeOptions,\r\n title,\r\n confirmationMessage,\r\n cancelCollection,\r\n totalCount,\r\n } = props;\r\n const [selectedRows, setSelectedRows] = useState([]);\r\n const [showConfirmationDialog, setShowConfirmationDialog] = useState(false);\r\n const [ExporttableRawData, setExportTableRawData] = useState([]);\r\n const [showExportDialog, setshowExportDialog] = useState(false);\r\n const [sortByOrder, setSortByOrder] = useState('');\r\n const dispatch = useDispatch();\r\n const userAccounts = useSelector((state) => state.accounts.userAccounts);\r\n const [pageNumber, setPageNumber] = useState(0);\r\n const isBookedCollections = props.tabIndex === 1;\r\n\r\n const headers = [\r\n { label: 'Customer reference', key: 'customerReferenceNumber' },\r\n // { label: \"Alternative reference\", key: \"alternativeReference\" },\r\n { label: 'Shipment number', key: 'Shipmentnumber' },\r\n { label: 'Collection date', key: 'collectionDate' },\r\n { label: 'Business/Recipient name', key: 'recipientName' },\r\n { label: 'Collection postal code', key: 'destinationPostalCode' },\r\n { label: 'Number of items', key: 'numberOfParcels' },\r\n { label: 'Weight', key: 'weight' },\r\n // { label: 'Product', key: 'product' },\r\n { label: 'Service', key: 'service' }\r\n ];\r\n\r\n const addSelectedRows = (selectedRows) => {\r\n setSelectedRows(selectedRows);\r\n };\r\n\r\n const handleDialogClose = () => {\r\n setShowConfirmationDialog(false);\r\n setshowExportDialog(false);\r\n };\r\n\r\n const onDialogConfirm = () => {\r\n cancelCollection(selectedRows);\r\n handleDialogClose();\r\n setSelectedRows([]);\r\n };\r\n\r\n const openConfirmtionPopup = () => {\r\n setShowConfirmationDialog(true);\r\n };\r\n\r\n const onDataUpdate = async () => {\r\n dispatch(actions.setLoaderLayOver(true));\r\n\r\n let url = `${ServiceEndPoints.getShipmentManagement}isCollectionRequest=${isBookedCollections}`;\r\n const offset = pageNumber * pageSize;\r\n await GET(getUrl(url, offset))\r\n .then((res) => {\r\n let ExportData = [];\r\n res.data.shipmentModels.forEach((data) => {\r\n ExportData.push({\r\n customerReferenceNumber: data.shipments?.[0]?.shipmentDetails?.customerRef1,\r\n // alternativeReference: data?.shipments?.[0]?.shipmentDetails?.customerRef2,\r\n Shipmentnumber: data?.shipmentId,\r\n collectionDate: formatDate(data?.pickup?.date, '/', 'dd/mm/yyyy'),\r\n recipientName: data.pickupAddress?.companyName || data.pickupAddress.name,\r\n destinationPostalCode: data?.pickupAddress?.postalCode,\r\n numberOfParcels: data?.numberOfParcels,\r\n weight: data?.shipments?.[0]?.shipmentDetails?.totalWeight ?? \"\",\r\n // product: data?.product?.productNameForUI ?? \"\",\r\n service: data?.service?.description ?? \"\"\r\n });\r\n });\r\n setExportTableRawData(ExportData);\r\n dispatch(actions.setAppSnackBarData({ msg: `Data exported successfully` }));\r\n setshowExportDialog(false);\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setExportTableRawData([]);\r\n dispatch(\r\n actions.setBottomAlert({\r\n msgs: [\r\n {\r\n type: 'error',\r\n msg: 'Error in exporting data, please try again later',\r\n },\r\n ],\r\n }),\r\n );\r\n setshowExportDialog(false);\r\n })\r\n .finally(() => {\r\n dispatch(actions.setLoaderLayOver(false));\r\n setshowExportDialog(false);\r\n });\r\n };\r\n\r\n const printDocument = async () => {\r\n try {\r\n dispatch(actions.setLoaderLayOver(true));\r\n const url = `${ServiceEndPoints.getShipmentManagement}isCollectionRequest=${isBookedCollections}`;\r\n const offset = pageNumber * pageSize;\r\n await axiosConfig.get(getUrl(url, offset)).then(async (res) => {\r\n\r\n let data = res.data?.shipmentModels ?? [];\r\n const unit = 'pt';\r\n const size = 'A4'; // Use A1, A2, A3 or A4\r\n const orientation = 'landscape'; // portrait or landscape\r\n const doc = new jsPDF(orientation, unit, size);\r\n const title = 'My Updated Awesome Report';\r\n const updatedHeaderColumns = [...headers];\r\n\r\n data = data.map((elt) => [\r\n elt.shipments?.[0]?.shipmentDetails?.customerRef1,\r\n // elt.shipments?.[0]?.shipmentDetails?.customerRef2,\r\n elt.shipmentId,\r\n formatDate(elt?.pickup?.date, '/', 'dd/mm/yyyy'),\r\n elt.pickupAddress?.companyName || elt.pickupAddress.name,\r\n elt.pickupAddress?.postalCode,\r\n elt.numberOfParcels,\r\n elt.shipments?.[0]?.shipmentDetails?.totalWeight,\r\n // elt?.product?.productNameForUI ?? \"\",\r\n elt?.service?.description ?? \"\"\r\n ]);\r\n\r\n const _headers = [updatedHeaderColumns.map((headers) => headers.label)];\r\n\r\n let content = {\r\n head: _headers,\r\n body: data,\r\n columnStyles: {\r\n 0: {\r\n columnWidth: 100\r\n },\r\n 1: {\r\n columnWidth: 80,\r\n },\r\n 5: {\r\n columnWidth: 80,\r\n },\r\n 6: {\r\n columnWidth: 60,\r\n },\r\n 7: {\r\n columnWidth: 50,\r\n }\r\n },\r\n styles: {\r\n cellWidth: 'wrap',\r\n fontSize: 6,\r\n cellPadding: 2,\r\n overflowColumns: 'linebreak',\r\n },\r\n };\r\n doc.autoTable(content);\r\n doc.save('BookedCollections.pdf');\r\n dispatch(actions.setAppSnackBarData({ msg: `Data exported successfully` }));\r\n setshowExportDialog(false);\r\n });\r\n } catch (err) {\r\n console.log(err);\r\n dispatch(\r\n actions.setBottomAlert({\r\n msgs: [\r\n {\r\n type: 'error',\r\n msg: 'Error in exporting data, please try again later',\r\n },\r\n ],\r\n }),\r\n );\r\n } finally {\r\n dispatch(actions.setLoaderLayOver(false));\r\n }\r\n };\r\n\r\n const getUrl = (url, offset) => {\r\n\r\n url += `&${arrayToString(userAccounts, 'accounts', 'accountId')}&status=Order received`;\r\n\r\n url += props.shipmentSearchParams;\r\n url += `&offset=${offset}`;\r\n if (sortByOrder) {\r\n url += sortByOrder;\r\n }\r\n return url;\r\n }\r\n\r\n return (\r\n \r\n \r\n {/* {parcelDetails?.servicePoint === undefined && shipmentmanagement ? null : (\r\n \r\n \r\n )} */}\r\n {shipmentSummary.productDetail?.product === 'Pallet' ? (\r\n ) : (parcelDetails?.numberOfItems === undefined && shipmentmanagement ? null : (\r\n \r\n \r\n ))}\r\n {parcelDetails?.totalWeight === undefined && shipmentmanagement ? null : (\r\n \r\n \r\n )}\r\n {/* \r\n */}\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ParcelSummary;\r\n","import React, { useState, useEffect } from 'react'\r\n \r\nimport CustomCaption from './CustomCaption';\r\n \r\nimport { Grid, Typography } from '@material-ui/core';\r\n \r\nconst DeliveryOptionsSummary = ({ deliveryOptions, servicePoint ,deliveryChoice}) => {\r\n const [doorStepInstructionsValue, setDoorStepInstructionsValue] = useState('')\r\n useEffect(() => {\r\n if (deliveryOptions.addressType && deliveryOptions.addressType !== null && deliveryOptions.addressType.toLowerCase() === 'doorstep') {\r\n if (deliveryChoice === \"NYN/PIN\") {\r\n setDoorStepInstructionsValue('Deliver to doorstep with PIN');\r\n } \r\n else if (deliveryChoice === \"NYN/AGE\") {\r\n setDoorStepInstructionsValue('Deliver to doorstep with AGE verification');\r\n } else {\r\n if (deliveryOptions.neighbourDelivery) {\r\n setDoorStepInstructionsValue('Deliver to neighbour if no answer at doorstep');\r\n } \r\n else if (deliveryOptions.secureLocationDelivery) {\r\n setDoorStepInstructionsValue('Leave safe if no answer at doorstep');\r\n } \r\n else {\r\n setDoorStepInstructionsValue('Deliver to doorstep only');\r\n }\r\n }\r\n }\r\n\r\n }, [deliveryOptions, deliveryChoice])\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ReadOnlyCheckbox;\r\n","import React, { useState, useEffect } from 'react'\r\n\r\nimport { Grid } from '@material-ui/core';\r\n\r\n\r\nimport CustomCaption from './CustomCaption';\r\nimport ReadOnlyCheckbox from '../readOnlyCheckbox/ReadOnlyCheckbox';\r\n\r\nconst ReturnOptionsSummary = ({ data }) => {\r\n const [state, setstate] = useState(false);\r\n useEffect(() => {\r\n setstate((data || {}).returnLabelIncluded)\r\n\r\n }, [data])\r\n\r\n return (\r\n \r\n
\r\n {isDomestic\r\n? (\r\n
\r\n );\r\n};\r\n\r\nexport default AddShipmentSummary;\r\n","import { deliveryStatusForDashboard } from '../../constants/constants';\r\n\r\nconst dashboardForm = {\r\n formId: 'dashboardForm',\r\n formField: {\r\n accounts: {\r\n props: {\r\n name: 'accounts',\r\n label: 'Select account',\r\n type: 'multiSelect',\r\n displayField: 'displayName',\r\n _className: \"dashBoard-account-selectBox\",\r\n isRequired: true,\r\n hasDefaultValue: false\r\n },\r\n value: [],\r\n validation: {\r\n name: 'accounts',\r\n validationType: 'array',\r\n validations: [\r\n {\r\n type: 'min',\r\n params: [1, 'Select an account to view the data'],\r\n },\r\n ],\r\n },\r\n },\r\n internationalAccounts: {\r\n props: {\r\n name: 'internationalAccounts',\r\n label: 'Select account',\r\n type: 'multiSelect',\r\n displayField: 'accountId',\r\n isRequired: true,\r\n hasDefaultValue: false\r\n },\r\n value: [],\r\n validation: {\r\n name: 'internationalAccounts',\r\n validationType: 'array',\r\n validations: [\r\n {\r\n type: 'min',\r\n params: [1, 'Select an account to view the data'],\r\n },\r\n ],\r\n },\r\n },\r\n deliveryStatusForAccounts: {\r\n props: {\r\n name: 'deliveryStatusForAccounts',\r\n label: 'Select delivery status',\r\n type: 'select',\r\n isRequired: true,\r\n displayField: 'name',\r\n hasDefaultValue: true,\r\n },\r\n value: deliveryStatusForDashboard[0],\r\n },\r\n dashboardSearchBy: {\r\n props: {\r\n name: 'dashboardSearchFor',\r\n type: 'searchControl',\r\n },\r\n selectProps: {\r\n props: {\r\n name: 'dashboardSearchBy',\r\n label: 'Search For',\r\n placeholder: \"Enter Customer's ref.no\",\r\n },\r\n },\r\n textProps: {\r\n props: {\r\n name: 'dashboardSearchFor',\r\n label: 'Search For',\r\n placeholder: \"Enter Customer's ref.no\",\r\n },\r\n },\r\n validation: {\r\n name: 'dashboardSearchFor',\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'when',\r\n params: [\r\n 'dashboardSearchBy',\r\n (dashboardSearchBy, schema) => {\r\n if (dashboardSearchBy) {\r\n return dashboardSearchBy.value === 'recipientName'\r\n ? schema.matches(/[a-zA-Z]+([\\s][a-zA-Z]+)*/, 'Recipient name must be alphabets')\r\n : dashboardSearchBy.value === 'telephoneNumber'\r\n ? schema.matches(/^[0-9,(,),+,\\-,.,[,\\] ].{9,35}/, 'Telephone number is invalid')\r\n : schema;\r\n }\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n },\r\n selectdateRange: {\r\n props: {\r\n name: 'selectdateRange',\r\n label: 'Date range',\r\n type: 'date',\r\n },\r\n },\r\n collectionDate: {\r\n props: {\r\n name: 'collectionDate',\r\n label: 'Collection Date',\r\n type: 'date',\r\n },\r\n },\r\n domesticProduct: {\r\n props: {\r\n name: 'domesticProduct',\r\n label: 'Product',\r\n type: 'select',\r\n displayField: 'name',\r\n },\r\n },\r\n domesticService: {\r\n props: {\r\n name: 'domesticService',\r\n label: 'Service',\r\n type: 'select',\r\n displayField: 'serviceName',\r\n },\r\n },\r\n internationalCountry: {\r\n props: {\r\n name: 'internationalCountry',\r\n label: 'Country',\r\n type: 'select',\r\n displayField: 'name',\r\n },\r\n },\r\n internationalProduct: {\r\n props: {\r\n name: 'internationalProduct',\r\n label: 'Product',\r\n type: 'select',\r\n displayField: 'name',\r\n },\r\n },\r\n\r\n product: {\r\n props: {\r\n name: 'product',\r\n label: 'Product',\r\n type: 'select',\r\n displayField: 'productName',\r\n },\r\n },\r\n service: {\r\n props: {\r\n name: 'service',\r\n label: 'Service',\r\n type: 'select',\r\n displayField: 'name',\r\n isRequired: true,\r\n },\r\n validation: {\r\n name: 'service',\r\n validationType: 'object',\r\n validations: [\r\n {\r\n type: 'when',\r\n params: [\r\n 'destinationCountry',\r\n (destinationCountry, schema) => {\r\n return (destinationCountry || {}).code === 'GBR'\r\n ? schema.required('Service name required')\r\n : schema.notRequired();\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n },\r\n fromCollectionDate: {\r\n props: {\r\n name: 'fromCollectionDate',\r\n type: 'date',\r\n },\r\n },\r\n toCollectionDate: {\r\n props: {\r\n name: 'toCollectionDate',\r\n type: 'date',\r\n },\r\n },\r\n isDomestic: {\r\n props: {\r\n name: 'isDomestic',\r\n type: 'checkbox',\r\n },\r\n value: true,\r\n },\r\n },\r\n};\r\n\r\nexport default dashboardForm;\r\n","/* eslint-disable no-restricted-globals */\r\n/* eslint-disable no-redeclare */\r\n/* eslint-disable no-unused-vars */\r\n/* eslint-disable no-undef */\r\n/* eslint-disable no-useless-concat */\r\nimport * as React from 'react';\r\nimport { Doughnut } from 'react-chartjs-2';\r\nimport './doughnut.scss';\r\nimport { startOfDay } from 'date-fns';\r\nimport { useHistory, withRouter } from 'react-router';\r\n\r\nimport * as actions from '../../store/actions/index';\r\nimport { connect } from 'react-redux';\r\nimport { getDefaultDashboardValues } from '../../utils/helperFunctions';\r\nimport { arrayValuesToQueryStringParam } from '../../utils/common';\r\nimport ReactHtmlParser from 'react-html-parser';\r\n\r\nChart.pluginService.register({\r\n beforeDraw: function (chart) {\r\n if (chart.config.options.elements.center) {\r\n // Get ctx from string\r\n var ctx = chart.chart.ctx;\r\n\r\n // Get options from the center object in options\r\n var centerConfig = chart.config.options.elements.center;\r\n var fontStyle = centerConfig.fontStyle || 'Arial';\r\n var txt = centerConfig.text;\r\n var color = '#000';\r\n var maxFontSize = centerConfig.maxFontSize || 75;\r\n var sidePadding = centerConfig.sidePadding || 20;\r\n var sidePaddingCalculated = (sidePadding / 100) * (chart.innerRadius * 2);\r\n // Start with a base font of 30px\r\n ctx.font = '17px ' + fontStyle;\r\n // Get the width of the string and also the width of the element minus 10 to give it 5px side padding\r\n var stringWidth = ctx.measureText(txt).width;\r\n var elementWidth = chart.innerRadius * 2 - sidePaddingCalculated;\r\n\r\n // Find out how much the font can grow in width.\r\n var widthRatio = elementWidth / stringWidth;\r\n var newFontSize = Math.floor(30 * widthRatio);\r\n var elementHeight = chart.innerRadius * 2;\r\n\r\n // Pick a new font size so it will not be larger than the height of label.\r\n var fontSizeToUse = Math.min(newFontSize, elementHeight, maxFontSize);\r\n var minFontSize = centerConfig.minFontSize;\r\n var lineHeight = centerConfig.lineHeight || 25;\r\n var wrapText = false;\r\n\r\n if (minFontSize === undefined) {\r\n minFontSize = 20;\r\n }\r\n\r\n if (minFontSize && fontSizeToUse < minFontSize) {\r\n fontSizeToUse = minFontSize;\r\n wrapText = true;\r\n }\r\n\r\n // Set font settings to draw it correctly.\r\n ctx.textAlign = 'center';\r\n ctx.textBaseline = 'middle';\r\n var centerX = (chart.chartArea.left + chart.chartArea.right) / 2;\r\n var centerY = (chart.chartArea.top + chart.chartArea.bottom) / 2;\r\n ctx.font = fontSizeToUse + 'px ' + fontStyle;\r\n ctx.fillStyle = color;\r\n\r\n if (!wrapText) {\r\n ctx.fillText(txt, centerX, centerY);\r\n return;\r\n }\r\n\r\n var words = txt.split(' ');\r\n var line = '';\r\n var lines = [];\r\n // Break words up into multiple lines if necessary\r\n for (var n = 0; n < words.length; n++) {\r\n var testLine = line + words[n] + ' ';\r\n var metrics = ctx.measureText(testLine);\r\n var testWidth = metrics.width;\r\n if (testWidth > elementWidth && n > 0) {\r\n lines.push(line);\r\n line = words[n] + ' ';\r\n } else {\r\n line = testLine;\r\n }\r\n }\r\n\r\n // Move the center up depending on line height and number of lines\r\n centerY -= (lines.length / 2) * lineHeight;\r\n\r\n for (var n = 0; n < lines.length; n++) {\r\n ctx.fillText(lines[n], centerX, centerY);\r\n centerY += lineHeight;\r\n }\r\n //Draw text in center\r\n ctx.fillText(line, centerX, centerY);\r\n }\r\n },\r\n});\r\n\r\n// var statusForRouting=data.datasets.map((datas=>datas.labelss));\r\n\r\nexport const valueAsPercentage = (value, total) => `${(value / total) * 100}%`;\r\n\r\nclass DoughnutChart extends React.Component {\r\n myRef;\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.myRef = null;\r\n this.state = { legend: <>no legend };\r\n\r\n this.createMarkup = this.createMarkup.bind(this);\r\n this.onClickFunc = this.onClickFunc.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n const leg = this.generateLegend();\r\n this.setState({ legend: leg });\r\n }\r\n\r\n setTextInputRef(element) {\r\n this.myRef = element;\r\n }\r\n\r\n generateLegend() {\r\n if (!this.myRef) return null;\r\n return this.myRef.chartInstance.generateLegend();\r\n }\r\n\r\n createMarkup() {\r\n return this.state.legend;\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (prevProps.data !== this.props.data) {\r\n const leg = this.generateLegend();\r\n let listItemsCollection = document.getElementsByClassName('list-items');\r\n this.setState({ legend: leg } , ()=> {\r\n for(let i=0;i\r\n this.setTextInputRef(element)}\r\n data={this.props.data}\r\n onElementsClick={(elems, chart) => {\r\n if (elems && (elems || []).length > 0) {\r\n let index = elems[0]._index;\r\n let label = this.props.data.datasets[0].label[index];\r\n this.props.dispatch({\r\n loadedFrom: 'onChartClick',\r\n loadedResponse: this.props.formikValues,\r\n dashboardQueryParams: getDefaultDashboardValues(this.props.formikValues) + '&status=' + label,\r\n accountsParams: arrayValuesToQueryStringParam(this.props.formikValues.accounts),\r\n tabIndex: this.props.tabIndex,\r\n products: this.props.productData,\r\n countries: this.props.countries,\r\n services: this.props.serviceData,\r\n status:label,\r\n });\r\n this.props.history.push('/dashboard/dashboardDetailsSummary');\r\n }\r\n }}\r\n options={{\r\n showAllTooltips: true,\r\n tooltips: {\r\n mode: 'label',\r\n callbacks: {\r\n label: function (tooltipItem, data) {\r\n var dataset = data.datasets[tooltipItem.datasetIndex];\r\n return dataset.label[tooltipItem.index] + ':' + dataset.data[tooltipItem.index];\r\n },\r\n },\r\n },\r\n responsive: true,\r\n aspectRatio: 1,\r\n\r\n legend: {\r\n display: false,\r\n position: 'right',\r\n align: 'start',\r\n },\r\n //onHover: function (evt, elements) {\r\n // if (elements && elements.length) {\r\n // segment = elements[0];\r\n // this.chart.update();\r\n // let selectedIndex = segment['_index'];\r\n // segment._model.outerRadius += 10;\r\n // } else {\r\n // if (segment) {\r\n // segment._model.outerRadius -= 10;\r\n // }\r\n // segment = null;\r\n // }\r\n // },\r\n elements: {\r\n center: {\r\n text: `${this.props.text ? 'Total ' + this.props.text : ''}`,\r\n color: '#FF6384',\r\n minimumuFontSize: 30,\r\n maxFontSize: 24,\r\n sidePadding: 20,\r\n },\r\n },\r\n legendCallback: function (chart) {\r\n if (chart.config.data.datasets.length > 0) {\r\n var legendHtml = [];\r\n legendHtml.push('
\r\n );\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n dispatch: (data) => {\r\n dispatch(actions.setDashboardTracking(data));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(withRouter(DoughnutChart));\r\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Icon_feather-arrow-left\",\n \"data-name\": \"Icon feather-arrow-left\",\n transform: \"translate(22.119 22.533) rotate(180)\",\n opacity: 0.6\n}, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_42960\",\n \"data-name\": \"Path 42960\",\n d: \"M21.119,18H7.5\",\n transform: \"translate(0 -3.69)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_42961\",\n \"data-name\": \"Path 42961\",\n d: \"M14.31,21.119,7.5,14.31,14.31,7.5\",\n transform: \"translate(0 0)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}));\n\nfunction SvgArrowDetails(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 15.619,\n height: 16.448,\n viewBox: \"0 0 15.619 16.448\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgArrowDetails);\nexport default __webpack_public_path__ + \"static/media/arrow_details.99ba6e91.svg\";\nexport { ForwardRef as ReactComponent };","export default __webpack_public_path__ + \"static/media/pdfIcon.93f022bc.svg\";","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable jsx-a11y/alt-text */\r\n/* eslint-disable no-unused-vars */\r\nimport React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Grid } from '@material-ui/core';\r\nimport FormRenderer from '../../../../framework/Inputs/formRenderer/formRenderer';\r\nimport { fullSearchDashboardByOptions } from '../../../../utils/constants/constants';\r\nimport './findShipment.scss';\r\nimport { GET } from '../../../../api/axios';\r\nimport { ServiceEndPoints } from '../../../../utils/constants/ApiConstant';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { arrayValuesToQueryStringParam } from '../../../../utils/common';\r\nimport { useDispatch } from 'react-redux';\r\nimport * as actions from '../../../../store/actions/index';\r\nimport { getDefaultDashboardValues, getDefaultDashboardFindValues } from '../../../../utils/helperFunctions';\r\nimport { useSelector } from 'react-redux';\r\nconst FindShipment = (props) => {\r\n const {\r\n formField: { dashboardSearchBy, collectionDate },\r\n setFieldValue,\r\n formikValues,\r\n errors,\r\n userAccounts,\r\n tabIndex,\r\n products,\r\n services,\r\n countries,\r\n } = props;\r\n let history = useHistory();\r\n const dispatch = useDispatch();\r\n let dashboardFindShipment = useSelector((state) => state.dashboardTracking.dashboardFindShipment);\r\n\r\n const searchShipment = (event = null) => {\r\n event.preventDefault();\r\n let searchedValue = props.formikValues.dashboardSearchFor.trim();\r\n let searchedParams = props.formikValues.dashboardSearchBy.value;\r\n let accountsValue = '';\r\n accountsValue = arrayValuesToQueryStringParam(formikValues.accounts);\r\n\r\n const isCollectionDatesReq = searchedParams === 'dispatchDate';\r\n if (isCollectionDatesReq) {\r\n searchedParams = '';\r\n searchedParams += `fromCollectionDate=${searchedValue}`;\r\n searchedParams += `&toCollectionDate=${searchedValue}`;\r\n }\r\n let url = '';\r\n let _temp_userAccounts = [];\r\n userAccounts.map((element) => {\r\n _temp_userAccounts.push(element.accountId);\r\n });\r\n if (isCollectionDatesReq) {\r\n url = `${ServiceEndPoints.getShipmentDashboard}?${getDefaultDashboardFindValues(\r\n formikValues,\r\n _temp_userAccounts,\r\n true,\r\n false,\r\n )}${searchedParams}`;\r\n } else {\r\n url = `${ServiceEndPoints.getShipmentDashboard}?${getDefaultDashboardFindValues(\r\n formikValues,\r\n _temp_userAccounts,\r\n false,\r\n false,\r\n )}${searchedParams}=${searchedValue}`;\r\n }\r\n url = `${url}&offset=0&limit=10`;\r\n GET(url)\r\n .then((res) => {\r\n if ((((res || {}).data || {}).shipmentModels || []).length === 1) {\r\n history.push(`/dashboard/Tracking?id=${res.data.shipmentModels[0].shipmentId}`);\r\n } else {\r\n // dispatch(actions.setDashboardTracking({ loadedFrom: 'findshipment', loadedResponse: formikValues }));\r\n dispatch(\r\n actions.setDashboardTracking({\r\n loadedFrom: 'findshipment',\r\n loadedResponse: formikValues,\r\n userAccounts: _temp_userAccounts,\r\n dashboardQueryParams: isCollectionDatesReq\r\n ? `${getDefaultDashboardFindValues(\r\n formikValues,\r\n _temp_userAccounts,\r\n true,\r\n // false,\r\n )}${searchedParams}`\r\n : `${getDefaultDashboardFindValues(\r\n formikValues,\r\n _temp_userAccounts,\r\n false,\r\n // false,\r\n )}${searchedParams}=${searchedValue}`,\r\n accountsParams: arrayValuesToQueryStringParam(formikValues.accounts),\r\n tabIndex,\r\n products,\r\n countries,\r\n services,\r\n }),\r\n );\r\n history.push('/dashboard/dashboardDetailsBreakdown');\r\n }\r\n })\r\n .catch((err) => {\r\n alert('Shipment not found');\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n // need to change hard coded index values\r\n if (\r\n formikValues.dashboardSearchBy &&\r\n (formikValues.dashboardSearchBy.value === fullSearchDashboardByOptions[8].value ||\r\n formikValues.dashboardSearchBy.value === fullSearchDashboardByOptions[9].value)\r\n ) {\r\n setFieldValue('dashboardSearchFor', new Date().toISOString()\r\n.slice(0, 10));\r\n } else {\r\n setFieldValue('dashboardSearchFor', '');\r\n }\r\n if (props.formikValues.dashboardSearchBy) {\r\n dispatch(\r\n actions.setDashboardFindShipment(\r\n props.formikValues.dashboardSearchBy\r\n ))\r\n }\r\n else if (dashboardFindShipment) {\r\n dispatch(\r\n actions.setDashboardFindShipment(\r\n dashboardFindShipment\r\n ))\r\n } else {\r\n dispatch(\r\n actions.setDashboardFindShipment(\r\n fullSearchDashboardByOptions[0]\r\n ))\r\n }\r\n }, [formikValues.dashboardSearchBy]);\r\n\r\n useEffect(() => {\r\n if (dashboardFindShipment) {\r\n setTimeout(() => {\r\n setFieldValue('dashboardSearchBy', dashboardFindShipment)\r\n }, 1000);\r\n } else {\r\n setFieldValue('dashboardSearchBy', fullSearchDashboardByOptions[0])\r\n }\r\n }, [dashboardFindShipment]);\r\n\r\n return (\r\n \r\n {this.props.text ? '' : 'No data available for current selection'}\r\n
\r\n ');\r\n legendHtml.push('
');\r\n return legendHtml.join('');\r\n }\r\n },\r\n }}\r\n />\r\n\r\n {/* */}\r\n - ');\r\n var item = chart.config.data.datasets[0];\r\n for (var i = 0; i < item.data.length; i++) {\r\n legendHtml.push('
- ');\r\n legendHtml.push(\r\n '',\r\n );\r\n // legendHtml.push('' + item.data[i] + ' person - '+chart.data.labels[i]+' times');\r\n // legendHtml.push(`'' ${chart.data.labels[i].percentage}'' ''${item.backgroundColor[i]} ''''${chart.data.labels[i].lable} ''`);\r\n legendHtml.push(`\r\n \r\n `);\r\n legendHtml.push('${(chart.data.labels[i].percentage === 'NaN%')?'0.00%':chart.data.labels[i].percentage}\r\n \r\n\r\n${chart.data.labels[i].label} \r\n ${chart.data.labels[i].StatusCount}');\r\n }\r\n\r\n legendHtml.push('
{ReactHtmlParser(this.createMarkup())}
\r\n \r\n {\r\n if (elems && (elems || []).length > 0) {\r\n let filterUrl = '';\r\n let index = elems[0]._index;\r\n let label = labels[index];\r\n let labelProperty = 'status';\r\n if (formikValues.isDomestic && !formikValues.domesticService?.value) {\r\n labelProperty = 'service';\r\n } else if (!formikValues.isDomestic && !formikValues.product?.value) {\r\n labelProperty = 'product';\r\n }\r\n if (labelProperty === 'status' && formikValues?.domesticService?.value) {\r\n filterUrl = `${labelProperty}=${label}&product=${formikValues?.product?.productName}&service=${formikValues?.domesticService?.serviceName}`;\r\n } else if ((labelProperty === 'status' || labelProperty === 'service') && formikValues?.product?.value) {\r\n filterUrl = `${labelProperty}=${label}&product=${formikValues?.product?.productName}`;\r\n } else {\r\n filterUrl = `${labelProperty}=${label}`;\r\n }\r\n dispatch(\r\n actions.setDashboardTracking({\r\n loadedFrom: `onChartClick`,\r\n loadedResponse: formikValues,\r\n dashboardQueryParams: `${getDefaultDashboardValues(formikValues)}&${filterUrl}`,\r\n accountsParams: arrayValuesToQueryStringParam(formikValues.accounts),\r\n status:label\r\n }),\r\n );\r\n history.push('/dashboard/dashboardDetailsBreakdown');\r\n }\r\n }}\r\n options={options}\r\n />\r\n
\r\n );\r\n};\r\n\r\nexport default BarChartComponent;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useEffect, useState } from 'react';\r\nimport { Grid, SvgIcon } from '@material-ui/core';\r\nimport CustomAccordion from '../../../../framework/accordion/customAccordion';\r\nimport FormRenderer from '../../../../framework/Inputs/formRenderer/formRenderer';\r\nimport BarChartComponent from '../../../../framework/charts/barChart/BarChartComponent';\r\nimport { abortOnGoingCallsFor, axiosConfig } from '../../../../api/axios';\r\nimport { useHistory } from 'react-router';\r\nimport { useDispatch } from 'react-redux';\r\nimport { setDropdownValues } from '../../../../utils/helperFunctions';\r\nimport InputButton from '../../../../framework/Inputs/inputButton/inputButton';\r\nimport { ReactComponent as ArrowDetails } from '../../../../assets/images/arrow_details.svg';\r\n\r\nimport { Link as RouterLink } from 'react-router-dom';\r\nimport { ServiceEndPoints } from '../../../../utils/constants/ApiConstant';\r\n\r\nimport * as actions from '../../../../store/actions/index';\r\nimport { getDefaultDashboardValues, getBackGroundColor } from '../../../../utils/helperFunctions';\r\nimport { useDebouncedCallback } from 'use-debounce/lib';\r\nimport { arrayValuesToQueryStringParam } from '../../../../utils/common';\r\n\r\nconst BreakDownDashboard = (props) => {\r\n const {\r\n formField: { product, domesticService },\r\n setFieldValue,\r\n formikValues,\r\n countries,\r\n setProductData,\r\n setServiceData,\r\n } = props;\r\n\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const [serviceName, setServiceName] = useState([]);\r\n const [serviceCount, setServiceCount] = useState([]);\r\n const [totalCountForDomestic, setTotalCountForDomestic] = useState(8);\r\n const [serviceColorsArray, setServiceColors] = useState([]);\r\n const [products, setProducts] = useState([]);\r\n const [services, setServices] = useState([]);\r\n\r\n useEffect(() => {\r\n if (formikValues.fromCollectionDate && formikValues.toCollectionDate && formikValues.accounts.length > 0) {\r\n getBreakdownValues();\r\n }\r\n }, [\r\n formikValues.accounts,\r\n formikValues.fromCollectionDate,\r\n formikValues.toCollectionDate,\r\n formikValues.isDomestic,\r\n formikValues.internationalCountry,\r\n countries,\r\n ]);\r\n\r\n const getBreakdownValues = useDebouncedCallback(() => {\r\n setServiceName([]);\r\n setServiceCount([]);\r\n setServiceColors([]);\r\n let url = `${ServiceEndPoints.getBreakDownDetails}breakdown?${getDefaultDashboardValues(\r\n formikValues,\r\n )}&${arrayValuesToQueryStringParam(formikValues.accounts)}`;\r\n abortOnGoingCallsFor(url);\r\n axiosConfig(url)\r\n .then((res) => {\r\n const rawProducts = [];\r\n rawProducts.unshift({ productName: 'Select', value: '' });\r\n res.data.shipmentByProducts.forEach((singleProduct) => {\r\n singleProduct.value = singleProduct?.productName?.replace(/ /g, '');\r\n rawProducts.push(singleProduct);\r\n });\r\n setProducts(rawProducts);\r\n setProductData(rawProducts);\r\n // setTimeout(() => {\r\n // }, 2000);\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setProducts([]);\r\n setServices([]);\r\n setServiceName([]);\r\n setServiceCount([]);\r\n setServiceColors([]);\r\n })\r\n .finally(()=> {\r\n dispatch(\r\n actions.setDashboardTracking({\r\n loadedFrom: 'detailView',\r\n loadedResponse: formikValues,\r\n dashboardQueryParams: getDefaultDashboardValues(formikValues),\r\n accountsParams: arrayValuesToQueryStringParam(formikValues.accounts),\r\n }),\r\n )});\r\n }, 400);\r\n\r\n useEffect(() => {\r\n const serviceNames = [];\r\n const serviceGraphValues = [];\r\n const serviceColorArray = [];\r\n const rawServices = [];\r\n if (formikValues.product && formikValues.isDomestic) {\r\n if (rawServices.length > 0) {\r\n rawServices.unshift({ serviceName: 'Select', value: '' });\r\n }\r\n setTotalCountForDomestic((formikValues.product || {}).totalCount || 8);\r\n ((formikValues.product || {}).shipmentByServices || []).forEach((service) => {\r\n service.value = service.serviceName.replace(/ /g, '');\r\n rawServices.push(service);\r\n serviceNames.push(service.serviceName);\r\n serviceGraphValues.push(service.totalCount);\r\n serviceColorArray.push(getBackGroundColor(service.serviceName));\r\n });\r\n } else if (!(formikValues.product || {}).value && !formikValues.isDomestic) {\r\n const slicedProducts = [...products].slice(1);\r\n let maxCount = 0;\r\n slicedProducts.forEach((product) => {\r\n serviceNames.push(product.productName);\r\n serviceGraphValues.push(product.totalCount);\r\n serviceColorArray.push(getBackGroundColor(product.productName));\r\n maxCount = product.totalCount > maxCount ? product.totalCount : maxCount;\r\n });\r\n setTotalCountForDomestic(maxCount);\r\n } else if ((formikValues.product || {}).value && !formikValues.isDomestic) {\r\n setTotalCountForDomestic((formikValues.product || {}).totalCount);\r\n ((formikValues.product || {}).shipmentByStatuses || []).forEach((status) => {\r\n serviceNames.push(status.status);\r\n serviceGraphValues.push(status.totalCount);\r\n serviceColorArray.push(getBackGroundColor(status.status));\r\n });\r\n }\r\n setServices(rawServices);\r\n setServiceName(serviceNames);\r\n setServiceCount(serviceGraphValues);\r\n setServiceColors(serviceColorArray);\r\n }, [formikValues.isDomestic, formikValues.product, products, formikValues.internationalCountry]);\r\n\r\n useEffect(() => {\r\n if (formikValues.isDomestic) {\r\n const parcelObj = setDropdownValues(products, 'value', 'Parcels');\r\n setFieldValue('product', parcelObj ? parcelObj : products[0]);\r\n } else {\r\n const parcelObj = setDropdownValues(products, 'value', '');\r\n setFieldValue('product', parcelObj ? parcelObj : products[0]);\r\n }\r\n const responseFormikValues = props.dashboardDetails.loadedResponse;\r\n if (\r\n props.dashboardDetails.loadedFrom === 'dashboardDetails' &&\r\n products.length > 0 &&\r\n responseFormikValues?.product\r\n ) {\r\n setFieldValue('product', setDropdownValues(products, 'value', (responseFormikValues.product || {}).value));\r\n }\r\n }, [products]);\r\n\r\n useEffect(() => {\r\n const responseFormikValues = props.dashboardDetails.loadedResponse;\r\n const serviceObj = setDropdownValues(services, 'serviceName', 'Select');\r\n setFieldValue('domesticService', serviceObj);\r\n if (\r\n props.dashboardDetails.loadedFrom === 'dashboardDetails' &&\r\n services.length > 0 &&\r\n responseFormikValues?.domesticService\r\n ) {\r\n setFieldValue(\r\n 'domesticService',\r\n setDropdownValues(services, 'value', responseFormikValues.domesticService.value),\r\n );\r\n }\r\n }, [services]);\r\n\r\n useEffect(() => {\r\n const labels = [];\r\n const serviceGraphValues = [];\r\n const serviceColorArray = [];\r\n if ((formikValues.domesticService || {}).value && formikValues.isDomestic) {\r\n setTotalCountForDomestic((formikValues.domesticService || {}).totalCount);\r\n ((formikValues.domesticService || {}).shipmentByStatuses || []).forEach((status) => {\r\n labels.push(status.status);\r\n serviceGraphValues.push(status.totalCount);\r\n serviceColorArray.push(getBackGroundColor(status.status));\r\n });\r\n } else if (formikValues.isDomestic && !(formikValues.domesticService || {}).value) {\r\n ((formikValues.product || {}).shipmentByServices || []).forEach((service) => {\r\n labels.push(service.serviceName);\r\n serviceGraphValues.push(service.totalCount);\r\n serviceColorArray.push(getBackGroundColor(service.serviceName));\r\n });\r\n setTotalCountForDomestic((formikValues.product || {}).totalCount || 8);\r\n }\r\n setServiceName(labels);\r\n setServiceCount(serviceGraphValues);\r\n setServiceColors(serviceColorArray);\r\n }, [formikValues.domesticService]);\r\n\r\n const dispatchingAction = () => {\r\n let breakDownQueryParams = formikValues.product\r\n ? formikValues.product?.productName !== undefined && formikValues.product?.productName?.toLowerCase() !== 'select'\r\n ? `&product=${formikValues.product?.productName}`\r\n : ''\r\n : '';\r\n if (formikValues.isDomestic) {\r\n breakDownQueryParams += formikValues.product?.productName\r\n ? formikValues.domesticService?.serviceName !== undefined &&\r\n formikValues.domesticService?.serviceName?.toLowerCase() !== 'select'\r\n ? `&service=${formikValues.domesticService?.serviceName}`\r\n : ''\r\n : '';\r\n }\r\n dispatch(\r\n actions.setDashboardTracking({\r\n loadedFrom: 'detailView',\r\n loadedResponse: formikValues,\r\n dashboardQueryParams: getDefaultDashboardValues(formikValues) + breakDownQueryParams,\r\n accountsParams: arrayValuesToQueryStringParam(formikValues.accounts),\r\n products: [...products].slice(1),\r\n countries,\r\n services: [...services].slice(1),\r\n }),\r\n );\r\n history.push('/dashboard/dashboardDetailsBreakdown');\r\n };\r\n\r\n useEffect(() => {\r\n setServiceData([...services].slice(1));\r\n setProductData([...products].slice(1));\r\n }, [products, services]);\r\n\r\n return (\r\n \r\n
\r\n ),\r\n field: 'shipmentDetails.status',\r\n sorting: false,\r\n render: (rowData) => {\r\n let statusStyleBar = { height: '15px', width: '5px', margin: '2px', background: '' };\r\n switch (rowData.shipmentDetails?.status?.trim()?.toLowerCase()) {\r\n case 'order received':\r\n statusStyleBar.background = '#ED7700';\r\n break;\r\n case 'in transit':\r\n statusStyleBar.background = '#F7BC00';\r\n break;\r\n case 'exception':\r\n statusStyleBar.background = '#9A77E8';\r\n break;\r\n case 'delivery attempted':\r\n statusStyleBar.background = '#2699FB';\r\n break;\r\n case 'out for delivery':\r\n statusStyleBar.background = '#025598';\r\n break;\r\n case 'delivered':\r\n statusStyleBar.background = '#76BD22';\r\n break;\r\n default:\r\n statusStyleBar.background = '#F7BC00';\r\n }\r\n return (\r\n \r\n Status\r\n
\r\n \r\n setShowFilter(true)} style={filterButtonStyle}>\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n },\r\n filtering: showFilter,\r\n lookup: {\r\n 'Order received': 'Order received',\r\n 'In transit': 'In transit',\r\n Exception: 'Exception',\r\n 'Delivery attempted': 'Delivery attempted',\r\n 'Out for delivery': 'Out for delivery',\r\n Delivered: 'Delivered'\r\n },\r\n filterValues:\r\n ['In transit', 'Out for delivery', 'Exception', 'Delivered', 'Delivery attempted'\r\n , 'Order received'\r\n ],\r\n filterComponent: (props) => {rowData.shipmentDetails.status}
\r\n Note: Use long press to set the priority of the rows
}\r\n{data.length > 1 ? data[0] + ',...' : data[0]}
}\r\n >\r\n {props.columnDef.filterValues.map((option) => (\r\n \r\n ))}\r\n \r\n \r\n
\r\n ),\r\n field: 'pickupAccount',\r\n fieldName: 'accounts',\r\n // lookup: getLookupData(dashboardResponse?.accounts ?? [], false, ''),\r\n lookup: getLookupData(\r\n (dashboardDetails || {}).loadedFrom === 'findshipment'\r\n ? (dashboardDetails || {}).userAccounts\r\n : dashboardResponse?.accounts ?? [],\r\n false,\r\n '',\r\n ),\r\n // filtering: (dashboardResponse?.accounts ?? []).length > 1,\r\n filtering:\r\n (dashboardDetails || {}).loadedFrom === 'findshipment'\r\n ? (dashboardDetails || {}).userAccounts.length > 1\r\n : (dashboardResponse?.accounts ?? []).length > 1,\r\n // customSort: (a, b) => customTableSort(a.pickupAccount, b.pickupAccount),\r\n sorting: true,\r\n filterValues: getLookupFilterData(\r\n (dashboardDetails || {}).loadedFrom === 'findshipment'\r\n ? (dashboardDetails || {}).userAccounts\r\n : dashboardResponse?.accounts ?? [],\r\n false,\r\n '',\r\n ),\r\n filterComponent: (props) => \r\n Accounts\r\n
\r\n {(\r\n (dashboardDetails || {}).loadedFrom === 'findshipment'\r\n ? (dashboardDetails || {}).userAccounts.length > 1\r\n : (dashboardResponse?.accounts ?? []).length > 1\r\n ) ? (\r\n \r\n\r\n setShowFilter(true)} style={filterButtonStyle}>\r\n \r\n
\r\n ) : null}\r\n \r\n
\r\n ),\r\n field: 'status',\r\n fieldName: 'status',\r\n cellStyle: {\r\n whiteSpace: 'nowrap',\r\n },\r\n render: (row) => (\r\n \r\n Status\r\n
\r\n {dashboardDetails.loadedFrom !== 'onChartClick' ? (\r\n \r\n setShowFilter(true)} style={filterButtonStyle}>\r\n \r\n
\r\n ) : null}\r\n \r\n
\r\n ),\r\n field: 'product.productNameForUI',\r\n fieldName: 'product',\r\n filtering: !(\r\n dashboardDetails.loadedFrom === 'onChartClick' ||\r\n (history.location.pathname.indexOf('dashboardDetailsBreakdown') !== -1 &&\r\n ((dashboardDetails.loadedResponse || {}).product || {}).value)\r\n ),\r\n lookup: getLookupData(dashboardDetails.products, true, 'productName'),\r\n filterValues: getLookupFilterData(dashboardDetails.products, true, 'productName'),\r\n filterComponent: (props) => \r\n Product\r\n
\r\n {!(\r\n dashboardDetails.loadedFrom === 'onChartClick' ||\r\n (history.location.pathname.indexOf('dashboardDetailsBreakdown') !== -1 &&\r\n ((dashboardDetails.loadedResponse || {}).product || {}).value)\r\n ) ? (\r\n \r\n setShowFilter(true)} style={filterButtonStyle}>\r\n \r\n
\r\n ) : null}\r\n \r\n
\r\n ),\r\n field: 'service.description',\r\n fieldName: 'service',\r\n lookup: getLookupData(dashboardDetails.services, true, 'serviceName'),\r\n filterValues: getLookupFilterData(dashboardDetails.services, true, 'serviceName'),\r\n filterComponent: (props) => \r\n Service\r\n
\r\n {!(\r\n dashboardDetails.loadedFrom === 'onChartClick' ||\r\n (history.location.pathname.indexOf('dashboardDetailsBreakdown') !== -1 &&\r\n ((dashboardDetails.loadedResponse || {}).domesticService || {}).value)\r\n ) ? (\r\n \r\n setShowFilter(true)} style={filterButtonStyle}>\r\n \r\n
\r\n ) : null}\r\n \r\n
\r\n ),\r\n field: 'destinationCountry',\r\n fieldName: 'destinationCountry',\r\n filtering: !(\r\n dashboardDetails.loadedFrom === 'onChartClick' ||\r\n ((history.location.pathname.indexOf('dashboardDetailsSummary') !== -1 ||\r\n history.location.pathname.indexOf('dashboardDetailsBreakdown') !== -1) &&\r\n ((dashboardDetails.loadedResponse || {}).internationalCountry || {}).name !== 'All countries')\r\n ),\r\n lookup: getLookupData(dashboardDetails.countries, true, 'name'),\r\n filterValues: getLookupFilterData(dashboardDetails.countries, true, 'name'),\r\n filterComponent: (props) => \r\n Country\r\n
\r\n {dashboardDetails.loadedFrom === 'onChartClick' ||\r\n ((history.location.pathname.indexOf('dashboardDetailsSummary') !== -1 ||\r\n history.location.pathname.indexOf('dashboardDetailsBreakdown') !== -1) &&\r\n ((dashboardDetails.loadedResponse || {}).internationalCountry || {}).name !== 'All countries') ? null : (\r\n \r\n setShowFilter(true)} style={filterButtonStyle}>\r\n \r\n
\r\n )}\r\n Selected accounts
\r\n{(selectedAccounts || []).join(', ')}
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n Order configurations \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Printer configurations \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n General configurations \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Barcode configurations \r\n \r\n \r\n \r\n \r\n {(isMarketplaceAccount || userRole === UserRoles.Admin) && \r\n \r\n \r\n \r\n Connect to marketplaces \r\n \r\n \r\n \r\n }\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ConfigurationHome;\r\n","export const genralConfigurationForm = {\r\n formId: 'genralConfigurationform',\r\n formField: {\r\n customerReference: {\r\n props: {\r\n name: 'customerReferenceMandetory',\r\n label: 'Customer reference mandatory',\r\n type: 'checkbox',\r\n },\r\n value: false,\r\n },\r\n alternativeReference: {\r\n props: {\r\n name: 'alternativeReferenceMandatory',\r\n label: 'Alternative reference mandatory',\r\n type: 'checkbox',\r\n },\r\n value: false,\r\n },\r\n duplicateCustomerReference: {\r\n props: {\r\n name: 'disallowDuplicateCustomerReference',\r\n label: 'Disallow duplicate customer reference',\r\n type: 'checkbox',\r\n },\r\n value: false,\r\n },\r\n duplicateAlternativeReference: {\r\n props: {\r\n name: 'disallowDuplicateAlternateReference',\r\n label: 'Disallow duplicate alternative reference',\r\n type: 'checkbox',\r\n },\r\n value: false,\r\n },\r\n customerReferenceText: {\r\n props: {\r\n name: 'reference1',\r\n label: 'Reference 1 (Customer reference)',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n inputProps: {\r\n maxLength: 20,\r\n },\r\n },\r\n },\r\n alternativeReferenceText: {\r\n props: {\r\n name: 'reference2',\r\n label: 'Reference 2 (Alternative reference)',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n inputProps: {\r\n maxLength: 20,\r\n },\r\n },\r\n },\r\n addNewAccountToUsers: {\r\n props: {\r\n name: 'addToAllUsers',\r\n label: 'By default add new account to all users',\r\n type: 'checkbox',\r\n },\r\n value: false,\r\n },\r\n printCustomInvoice: {\r\n props: {\r\n name: 'printCustomInvoice',\r\n label: 'Print customs invoice',\r\n type: 'checkbox',\r\n },\r\n value: false,\r\n },\r\n defaultPrintInboxReturnLabel: {\r\n props: {\r\n name: 'defaultPrintInboxReturnLabel',\r\n label: 'By default print inbox return label',\r\n type: 'checkbox',\r\n },\r\n value: false,\r\n },\r\n },\r\n};\r\n","import React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Grid } from '@material-ui/core';\r\n// import InputTextfield from '../../../framework/Inputs/inputTextField/inputTextField'\r\nimport FormRenderer from '../../../../framework/Inputs/formRenderer/formRenderer';\r\nimport { useDispatch } from 'react-redux';\r\nimport * as actions from '../../../../store/actions';\r\n// import { useSelector } from 'react-redux';\r\n// import { genralConfigurationForm } from '../../../../utils/formConfig/genralconfiguration/genralConfiguratiomForm';\r\nconst GeneralCoonfig = (props) => {\r\n const {\r\n formField: { addNewAccountToUsers },\r\n } = props;\r\n\r\n const { formikValues } = props;\r\n const dispatch = useDispatch();\r\n\r\n useEffect(() => {\r\n dispatch(actions.setDefaultAddNewAccount(formikValues.addToAllUsers));\r\n }, [formikValues.addToAllUsers]);\r\n\r\n return (\r\n Select the tile to go to configuration flow
\r\n\r\n \r\n
\r\n \r\n \r\n {({ values, isValid, setFieldValue }) => {\r\n if (values?.labelRadioTypes === \"PrintLabel\" && values?.labelType?.value === 1 && values?.labelSize?.value === 1) {\r\n setFieldValue('labelSize', labelSizeWhenZpl[1])\r\n }\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n {/* ) :null} */}\r\n \r\n \r\n {({ values, setFieldValue, errors, setFieldTouched, resetForm, setValues }) => (\r\n \r\n )}\r\n \r\n {\r\n setShowWarningModal(false);\r\n }}\r\n maxWidth=\"sm\"\r\n >\r\n {\r\n setShowWarningModal(false);\r\n setOrderSetupOwerWriteValues();\r\n handleSubmit(formikRef?.current?.values, formikRef?.current?.errors, false);\r\n }}\r\n />\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default CreateNewSchema;\r\n\r\nconst createNewSchemaForm = {\r\n formId: 'createNewSchema',\r\n\r\n formField: {\r\n schemaName: {\r\n props: {\r\n name: 'schemaName',\r\n label: 'Schema name',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n isRequired: true,\r\n },\r\n validation: {\r\n name: 'schemaName',\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Schema name is required'],\r\n },\r\n ],\r\n },\r\n },\r\n schemaType: {\r\n props: {\r\n name: 'schemaType',\r\n label: 'Schema type',\r\n type: 'select',\r\n displayField: 'name',\r\n hasDefaultValue: true,\r\n isRequired: true,\r\n },\r\n validation: {\r\n validationType: 'object',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Schema type is required'],\r\n },\r\n ],\r\n },\r\n },\r\n pollingPath: {\r\n props: {\r\n name: 'pollingPath',\r\n label: 'File polling path',\r\n type: 'text',\r\n isRequired: true,\r\n placeholder: 'C:\\\\Myfolder\\\\Myfilelocation',\r\n },\r\n validation: {\r\n name: 'pollingPath',\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['File polling path is required'],\r\n },\r\n ],\r\n },\r\n },\r\n importType: {\r\n props: {\r\n name: 'importType',\r\n label: 'Import type:',\r\n type: 'radio',\r\n },\r\n },\r\n dateFormat: {\r\n props: {\r\n name: 'dateFormat',\r\n label: 'Date format',\r\n type: 'select',\r\n displayField: 'name',\r\n hasDefaultValue: true,\r\n isRequired: true,\r\n },\r\n validation: {\r\n validationType: 'object',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Date format is required'],\r\n },\r\n ],\r\n },\r\n },\r\n isheaderIncluded: {\r\n props: {\r\n name: 'isheaderIncluded',\r\n label: 'Is first row a header?',\r\n type: 'checkbox',\r\n },\r\n },\r\n delimiter: {\r\n props: {\r\n name: 'delimiter',\r\n label: 'Delimiter',\r\n type: 'select',\r\n displayField: 'name',\r\n hasDefaultValue: true,\r\n },\r\n validation: {\r\n validationType: 'object',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Doorstep instructions is required'],\r\n },\r\n ],\r\n },\r\n },\r\n otherformat: {\r\n props: {\r\n name: 'otherformat',\r\n label: 'Enter other date format',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n },\r\n validation: {\r\n name: 'otherformat',\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Date format is required'],\r\n },\r\n ],\r\n },\r\n },\r\n newDelimeter: {\r\n props: {\r\n name: 'newDelimeter',\r\n label: 'Enter the delimeter',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n isRequired: true,\r\n },\r\n validation: {\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Delimiter is required'],\r\n },\r\n ],\r\n },\r\n },\r\n rowIndicator1: {\r\n props: {\r\n name: 'rowIndicator1',\r\n label: 'Row indicator',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n isRequired: true,\r\n },\r\n validation: {\r\n name: 'rowIndicator1',\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Row indicator is required'],\r\n },\r\n ],\r\n },\r\n },\r\n rowIndicator2: {\r\n props: {\r\n name: 'rowIndicator2',\r\n label: 'Row indicator',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n isRequired: true,\r\n },\r\n validation: {\r\n name: 'rowIndicator2',\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Row indicator is required'],\r\n },\r\n ],\r\n },\r\n },\r\n rowIndicator3: {\r\n props: {\r\n name: 'rowIndicator3',\r\n label: 'Row indicator',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n isRequired: true,\r\n },\r\n validation: {\r\n name: 'rowIndicator3',\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Row indicator is required'],\r\n },\r\n ],\r\n },\r\n },\r\n fileExtension: {\r\n props: {\r\n name: 'fileExtension',\r\n label: 'File Extension',\r\n type: 'text',\r\n isRequired: true,\r\n placeholder: '*.txt',\r\n },\r\n validation: {\r\n name: 'fileExtension',\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['File extension is required'],\r\n },\r\n {\r\n type: 'matches',\r\n params: [\r\n /^[a-zA-z0-9*]*(\\d*\\.\\d*)[a-zA-z]{1,5}$/,\r\n 'File extension must be in correct format e.g. *.txt or *.csv',\r\n ],\r\n },\r\n ],\r\n },\r\n },\r\n },\r\n};\r\n","import { Box, Button, FormControl, Grid, Input, InputAdornment, InputLabel } from '@material-ui/core';\r\nimport React, { useState, useEffect } from 'react';\r\nimport { axiosConfig } from '../../../../api/axios';\r\nimport FormRenderer from '../../../../framework/Inputs/formRenderer/formRenderer';\r\nimport languageEncoding from \"detect-file-encoding-and-language\"\r\nimport {\r\n schemaValues,\r\n importTypeValues,\r\n dateOptions,\r\n delimiterOptions,\r\n MAX_ROWS_FOR_SCHEMA,\r\n} from '../../../../utils/constants/constants';\r\nimport { getCustomerAccountID } from '../../../../utils/helperFunctions';\r\nimport CloudUploadSharpIcon from '@material-ui/icons/CloudUploadSharp';\r\nimport { ReactComponent as UploadIcon } from '../../../../../src/assets/images/upload-gray.svg';\r\nimport CloseSharpIcon from '@material-ui/icons/CloseSharp';\r\nimport { useDispatch } from 'react-redux';\r\nimport * as actions from '../../../../store/actions/index';\r\nimport { ServiceEndPoints } from '../../../../utils/constants/ApiConstant';\r\nimport { useDebouncedCallback } from 'use-debounce/lib';\r\n\r\nconst SchemaDetailsField = (props) => {\r\n const {\r\n formField: {\r\n schemaName,\r\n schemaType,\r\n importType,\r\n dateFormat,\r\n isheaderIncluded,\r\n delimiter,\r\n otherformat,\r\n newDelimeter,\r\n pollingPath,\r\n fileExtension,\r\n },\r\n\r\n setFieldValue,\r\n setValues,\r\n oldSchemaName,\r\n errors,\r\n setFieldTouched,\r\n currentSelectedValue,\r\n currentValueStartLength,\r\n dropdownValues,\r\n setCurrentValue,\r\n setCurrentValueStartLength,\r\n formikValues,\r\n currentRowIndicatorValue,\r\n currentRowIndicatorPlacement,\r\n uploadedFile,\r\n setUploadedFile,\r\n isDefaultSchema,\r\n setIsDefaultSchema,\r\n setSchemaNameExist,\r\n setFolderPathExist,\r\n existingFolderPaths,\r\n folderPathExist\r\n } = props;\r\n const dispatch = useDispatch();\r\n const [isOtherFormat, setOtherFormat] = useState(false);\r\n const [isDelimeter, setDelimeter] = useState(false);\r\n const [allRowsWithColumns, setAllRowsWithColumns] = useState([]);\r\n const [existingSchema, setExistingSchema] = useState(false);\r\n const [fileError, setFileError] = useState(false);\r\n let allRows = [];\r\n let allDropDownValues = [];\r\n\r\n\r\n useEffect(() => {\r\n if (oldSchemaName != undefined) {\r\n dispatch(actions.setLoaderLayOver(true));\r\n getSchemaDetails(oldSchemaName)\r\n }\r\n }, [oldSchemaName]);\r\n\r\n useEffect(() => {\r\n if (formikValues.dateFormat.value != 'other') {\r\n setFieldValue('otherformat', '');\r\n setOtherFormat(true);\r\n } else {\r\n setOtherFormat(false);\r\n }\r\n if ((formikValues.delimiter || undefined) && formikValues.delimiter.value === 'otherDelimiter') {\r\n setDelimeter(true);\r\n } else {\r\n setFieldValue('newDelimeter', '');\r\n setDelimeter(false);\r\n }\r\n }, [formikValues.dateFormat, formikValues.delimiter]);\r\n\r\n useEffect(() => {\r\n if (oldSchemaName === undefined) {\r\n getSchemaDetails(formikValues.schemaName)\r\n }\r\n }, [formikValues.schemaName])\r\n // useEffect(() => {\r\n\r\n const ifNameExist = useDebouncedCallback((name) => {\r\n const encodeURIName = encodeURIComponent(name)\r\n axiosConfig\r\n .get(\r\n `${ServiceEndPoints.getSchemas}?schemaName=${encodeURIName\r\n }&organization=${getCustomerAccountID()}&isExactMatch=true`,\r\n )\r\n .then((res) => {\r\n if (res.data.orderFileSchemas?.[0]?.isDefault) {\r\n setIsDefaultSchema(true)\r\n }\r\n else {\r\n setIsDefaultSchema(false)\r\n }\r\n if (oldSchemaName != undefined) {\r\n dispatch(\r\n actions.setShipmentId({\r\n shipmentId: res.data.orderFileSchemas[0].schemaName,\r\n }),\r\n );\r\n getSchemaDetailsForFields(res.data.orderFileSchemas[0]);\r\n } else {\r\n setExistingSchema(true)\r\n setSchemaNameExist(true)\r\n }\r\n\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setExistingSchema(false)\r\n setSchemaNameExist(false)\r\n // resetForm();\r\n // setFieldValue('pollingPath', '');\r\n });\r\n }, 500)\r\n\r\n const getSchemaDetails = (name) => {\r\n if (name !== '') {\r\n ifNameExist(name);\r\n }\r\n }\r\n\r\n // }, []);\r\n\r\n\r\n const getSchemaDetailsForFields = (orderFileSchemas) => {\r\n props.getResultedSchemaDetails(orderFileSchemas);\r\n const newObj = {}\r\n newObj[\"schemaName\"] = orderFileSchemas.schemaName;\r\n newObj['pollingPath'] = orderFileSchemas.filePollingFolder;\r\n\r\n newObj['isheaderIncluded'] = orderFileSchemas.isheaderIncluded;\r\n\r\n newObj['fileExtension'] = orderFileSchemas.fileExtension ? orderFileSchemas.fileExtension : '';\r\n if (orderFileSchemas.schemaFileType.fileType === 2) {\r\n newObj['importType'] = importTypeValues[1].value;\r\n } else {\r\n newObj['importType'] = importTypeValues[0].value;\r\n }\r\n\r\n //this is for schemaType\r\n newObj['schemaType'] = schemaValues.find(val => val.value === orderFileSchemas.schemaType);\r\n\r\n //this is for dateFormat\r\n if (orderFileSchemas.date === 'other') {\r\n newObj['dateFormat'] = dateOptions[2];\r\n } else if (orderFileSchemas.date === 'M/d/yyyy') {\r\n newObj['dateFormat'] = dateOptions[1];\r\n } else if (orderFileSchemas.date === 'd/M/yyyy') {\r\n newObj['dateFormat'] = dateOptions[0];\r\n } else {\r\n newObj['dateFormat'] = dateOptions[2];\r\n newObj['otherformat'] = orderFileSchemas.date;\r\n }\r\n\r\n //this is for delimiter\r\n\r\n if (orderFileSchemas.schemaFileType.delimiter === ',') {\r\n newObj['delimiter'] = delimiterOptions[0];\r\n } else if (orderFileSchemas.schemaFileType.delimiter === '~') {\r\n newObj['delimiter'] = delimiterOptions[1];\r\n } else if (orderFileSchemas.schemaFileType.delimiter === '|') {\r\n newObj['delimiter'] = delimiterOptions[2];\r\n } else if (orderFileSchemas.schemaFileType.delimiter === '\\\\t' || orderFileSchemas.schemaFileType.delimiter === \"\\t\") {\r\n newObj['delimiter'] = delimiterOptions[3];\r\n } else if (orderFileSchemas.schemaFileType.delimiter === ';') {\r\n newObj['delimiter'] = delimiterOptions[4];\r\n } else {\r\n newObj['delimiter'] = delimiterOptions[5];\r\n newObj['newDelimeter'] = orderFileSchemas.schemaFileType.delimiter;\r\n }\r\n setValues({ ...formikValues, ...newObj });\r\n dispatch(actions.setLoaderLayOver(false));\r\n };\r\n\r\n const isMultipleSchema = () => {\r\n return formikValues.schemaType?.value !== 'order' && formikValues.schemaType?.value !== 'collection' && formikValues.schemaType.value !== 'custom' && formikValues.schemaType?.value !== \"order+collectionsConsignor\" && formikValues.schemaType?.value !== 'parcel' && formikValues.schemaType?.value !== \"clearance\" ? true : false;\r\n };\r\n\r\n const setAllRowsInFile = (string) => {\r\n const lastIndex = string.indexOf('\\n');\r\n if (allRows.length <= MAX_ROWS_FOR_SCHEMA) {\r\n if (lastIndex !== -1) {\r\n allRows.push(string.slice(0, lastIndex));\r\n setAllRowsInFile(string.slice(lastIndex + 1, string.length));\r\n } else if (string.length > 0) {\r\n allRows.push(string);\r\n }\r\n }\r\n };\r\n\r\n const setPageDataFromFile = (file) => {\r\n setAllRowsWithColumns([]);\r\n props.setDropdownValues([]);\r\n //read file as text and form dropdownvalues and show content of file\r\n if (file) {\r\n let asText = new FileReader();\r\n languageEncoding(file).then((fileInfo) => {\r\n asText.readAsText(file, fileInfo.encoding || \"latin1\");\r\n })\r\n\r\n asText.onload = () => {\r\n setAllRowsInFile(asText.result);\r\n if (formikValues.importType === 'fixedlength') {\r\n if (currentRowIndicatorValue) {\r\n allRows = allRows.filter(row => {\r\n if (row.split(\" \").filter(f => f)\r\n .find(value => value.trim().toLowerCase() === currentRowIndicatorValue.trim().toLowerCase())) { return true }\r\n return false\r\n })\r\n }\r\n setAllRowsWithColumns(allRows);\r\n } else {\r\n const selectedDel =\r\n formikValues.delimiter.value === 'otherDelimiter'\r\n ? formikValues.newDelimeter\r\n : formikValues.delimiter.value.replace(\"\\\\t\", \"\\t\");\r\n allRows = allRows\r\n .filter((val, index) => {\r\n let values = val.split(selectedDel);\r\n if (isMultipleSchema()) {\r\n if (currentRowIndicatorValue) {\r\n if (values.find(val => val.toLowerCase() === currentRowIndicatorValue.toLowerCase())) {\r\n return true;\r\n } else return false\r\n } else return true;\r\n\r\n }\r\n else return true;\r\n })\r\n .map((row) => {\r\n let values = row.split(selectedDel);\r\n return values;\r\n });\r\n allRows = allRows.map((val) => {\r\n let newArr = [];\r\n let start;\r\n let flag = true;\r\n val.forEach((a, i) => {\r\n if (selectedDel === \",\" && a.includes(\"\\\"\") && a.split(\"\\\"\").length === 2) {\r\n flag = false;\r\n if (start && start != i) {\r\n newArr.push(val.slice(start, i + 1).join(`${selectedDel} `));\r\n flag = true;\r\n start = null;\r\n }\r\n else start = i;\r\n }\r\n else if (flag) {\r\n newArr.push(a);\r\n }\r\n });\r\n return newArr;\r\n });\r\n\r\n if (allRows.length > 0) {\r\n if (formikValues.isheaderIncluded) {\r\n allDropDownValues = allRows[0].map((v) => {\r\n return { name: v, value: v };\r\n });\r\n }\r\n else if (isMultipleSchema()) {\r\n if (currentRowIndicatorValue) {\r\n if (allRows[0].find(val => val.toLowerCase() === currentRowIndicatorValue.toLowerCase())) {\r\n allDropDownValues = allRows[0].map((v, index) => {\r\n return { name: `Col${index + 1}`, value: index + 1 };\r\n });\r\n }\r\n } else {\r\n allDropDownValues = allRows[0].map((v, index) => {\r\n return { name: `Col${index + 1}`, value: index + 1 };\r\n });\r\n }\r\n }\r\n else {\r\n allDropDownValues = allRows[0].map((v, index) => {\r\n return { name: `Col${index + 1}`, value: index + 1 };\r\n });\r\n }\r\n }\r\n\r\n setAllRowsWithColumns(allRows);\r\n if (allDropDownValues.length > 1) {\r\n allDropDownValues.unshift({\r\n value: '',\r\n name: 'Select',\r\n });\r\n props.setDropdownValues(allDropDownValues);\r\n } else {\r\n props.setDropdownValues([]);\r\n }\r\n }\r\n };\r\n }\r\n };\r\n\r\n const getFileDetails = (e) => {\r\n const files = e.target.files;\r\n const file = files[0];\r\n const fileName = file.name.split('.').pop().toLowerCase();\r\n const allowedExtensions = ['.csv', '.txt'];\r\n const allowedMIMETypes = ['text/csv', 'text/plain'];\r\n if (allowedExtensions.includes('.' + fileName) && allowedMIMETypes.includes(file.type)) {\r\n setUploadedFile(file);\r\n setPageDataFromFile(file);\r\n setFileError(false);\r\n }\r\n else{\r\n setFileError(true);\r\n }\r\n };\r\n\r\n const resetFileSelection = (e) => {\r\n e.target.value = '';\r\n };\r\n\r\n const handleClick = (e) => {\r\n setUploadedFile(null);\r\n setPageDataFromFile(null);\r\n resetFileSelection(e);\r\n };\r\n\r\n useEffect(() => {\r\n setCurrentValue('');\r\n setCurrentValueStartLength([0, 0]);\r\n if (uploadedFile && (formikValues.delimiter.value != 'otherDelimiter' || formikValues.newDelimeter.trim())) {\r\n setPageDataFromFile(uploadedFile);\r\n } else if (!uploadedFile) {\r\n setPageDataFromFile(null);\r\n }\r\n }, [\r\n uploadedFile,\r\n formikValues.isheaderIncluded,\r\n formikValues.delimiter,\r\n formikValues.newDelimeter,\r\n formikValues.schemaType,\r\n formikValues.importType,\r\n currentRowIndicatorValue\r\n ]);\r\n\r\n const sliceText = (text, start, end) => {\r\n return text.slice(start, end);\r\n };\r\n\r\n useEffect(() => {\r\n if (isMultipleSchema()) {\r\n setFieldValue('isheaderIncluded', false);\r\n }\r\n }, [formikValues.schemaType, formikValues.importType]);\r\n\r\n\r\n useEffect(() => {\r\n if (formikValues.pollingPath?.trim()) {\r\n if (existingFolderPaths.find(path => path === formikValues.pollingPath)) {\r\n setFolderPathExist(true)\r\n } else setFolderPathExist(false)\r\n }\r\n }, [formikValues.pollingPath]);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n ele.value !== 'order+collectionsConsignor') : schemaValues} fullWidth />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {!isOtherFormat ? \r\n \r\n \r\n \r\n \r\n \r\n \r\n Import file format\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {formikValues.importType !== 'fixedlength' ? (\r\n <>\r\n \r\n \r\n \r\n {isDelimeter ? {' '}\r\n \r\n ) : null}\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n */}\r\n \r\n \r\n getFileDetails(event)}\r\n onClick={resetFileSelection}\r\n disabled={isDefaultSchema}\r\n />\r\n \r\n \r\n \r\n \r\n Example upload file \r\n \r\n \r\n \r\n \r\n Invalid format. Please upload a .txt or .csv file\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SchemaDetailsField;\r\n","import { Grid, IconButton } from '@material-ui/core';\r\nimport React, { useState, useEffect } from 'react';\r\nimport DynamicMaterialTable from '../../../../framework/DynamicMaterialTable/DynamicMaterialTable';\r\nimport ArrowForwardIcon from '@material-ui/icons/ArrowForward';\r\nimport ArrowBackIcon from '@material-ui/icons/ArrowBack';\r\nimport MaterialTable from \"material-table\";\r\nimport './createNewSchema.scss'\r\n\r\nconst SchemaMaterialTable = (props) => {\r\n const { formikValues, dragFromValues, dragToValues, isSelectable, leftSideColumns, rightSideColumns, setDragToValues, setDragFromValues, setCurrentValueStartLength, setCurrentValue, isDefaultSchema ,isOutputFile} = props;\r\n\r\n const [selectedRows, setSelectedRows] = useState([]);\r\n const [importRows, setImportRows] = useState([]);\r\n const [isImportIconDisabled, setImportIconDisabled] = useState(true);\r\n const [isExportIconDisabled, setExportIconDisabled] = useState(true);\r\n\r\n\r\n const addSelectedRows = (selectedValues) => {\r\n\r\n // selectedRows.tableData.checked= true;\r\n setSelectedRows(selectedValues);\r\n\r\n };\r\n const addSelectedFiles = (files) => {\r\n\r\n setImportRows(files)\r\n }\r\n const handleImport = () => {\r\n selectedRows.map((row) => {\r\n row.startsAt = '';\r\n row.length = '';\r\n row.columnFromFile = '';\r\n row.tableData.checked = false\r\n })\r\n props.removeFromfields(selectedRows)\r\n setSelectedRows([]);\r\n if(!isOutputFile){\r\n setCurrentValueStartLength([0, 0]);\r\n setCurrentValue(\"\");\r\n }\r\n }\r\n const handleExport = () => {\r\n importRows.map((row) => {\r\n row.startsAt = '';\r\n row.length = '';\r\n row.columnFromFile = '';\r\n row.tableData.checked = false\r\n })\r\n props.removeFromImportFiles(importRows)\r\n setImportRows([]);\r\n if(!isOutputFile){\r\n setCurrentValueStartLength([0, 0]);\r\n setCurrentValue(\"\");\r\n }\r\n }\r\n\r\n\r\n useEffect(() => {\r\n if (selectedRows.length > 0) {\r\n setImportIconDisabled(false)\r\n } else {\r\n setImportIconDisabled(true)\r\n }\r\n\r\n if (importRows.length > 0) {\r\n setExportIconDisabled(false)\r\n } else {\r\n setExportIconDisabled(true)\r\n }\r\n\r\n\r\n }, [selectedRows, importRows, formikValues])\r\n\r\n\r\n // useEffect(() => {\r\n // dragFromValues.forEach((fromValue)=>{\r\n // const data= (fromValue.name.toLowerCase())[0].toUpperCase() + (fromValue.name.toLowerCase()).substr(1)\r\n // const objIndex =dragFromValues.findIndex((obj => obj.id == fromValue.id));\r\n // dragFromValues[objIndex].name=data\r\n // })\r\n // },[dragFromValues])\r\n // console.log(dragToValues)\r\n return (\r\n \r\n {allRowsWithColumns.length > 0 ? (\r\n \r\n {!Array.isArray(allRowsWithColumns[0])\r\n ? allRowsWithColumns.map((row, index) => {\r\n let splittedElements = [];\r\n const start = currentValueStartLength[0] - 1 <= 0 ? 0 : currentValueStartLength[0] - 1;\r\n\r\n if (start === 0) {\r\n splittedElements.push('');\r\n } else {\r\n splittedElements.push(sliceText(row, 0, currentValueStartLength[0] - 1));\r\n }\r\n if (currentValueStartLength[0] + currentValueStartLength[1] === row.length) {\r\n splittedElements.push('');\r\n } else {\r\n splittedElements.push(sliceText(row, start + currentValueStartLength[1], row.length));\r\n }\r\n const highlight = sliceText(row, start, start + currentValueStartLength[1]);\r\n\r\n return (\r\n
\r\n ) : null}\r\n
\r\n | \r\n {splittedElements[0]}\r\n {highlight}\r\n {splittedElements[1]}\r\n | \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {row.name} {row.isRequiredField ? ** : ''}\r\n
\r\n }\r\n ];\r\n const rightSideColumns = [\r\n {\r\n title: 'Selected fields in import file', field: 'name', render: (row) => {\r\n return {row.name}
\r\n }\r\n },\r\n {\r\n title: 'Columns from the file',\r\n field: 'columnFromFile',\r\n render: (row) => {\r\n let dropDownArray = []\r\n\r\n if (dropdownValues.length === 0) {\r\n if (!formikValues.isheaderIncluded && formikValues.isheaderIncluded != undefined) {\r\n dropDownArray = dragFromDropDownValues.sort(function (a, b) {\r\n return a.value - b.value;\r\n })\r\n } else {\r\n dropDownArray = dragFromDropDownValues\r\n }\r\n\r\n } else {\r\n if (formikValues.isheaderIncluded) {\r\n (dropdownValues || []).map((item, index) => dropdownValues.length === index + 1 ?\r\n ((typeof item.value === MISC_VALUES.STRING || item.value instanceof String) ? item.value = item.value.replace(/\\r/g, \"\") : item)\r\n : item)\r\n }\r\n\r\n dropDownArray = dropdownValues\r\n\r\n }\r\n\r\n\r\n const handleChange = (event) => {\r\n\r\n const tableData = [...dragToValues];\r\n tableData[row.tableData.id].columnFromFile = event.target.value;\r\n setCurrentValue(event.target.value);\r\n setDragToValues(tableData);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n {dropDownArray.length === 0 ? Please check the example file : requiredField && row.isRequiredField && row.columnFromFile === '' ? \tColumn selection is required : ''}\r\n\r\n\r\n\r\n\r\n \r\n );\r\n },\r\n },\r\n ];\r\n\r\n const rightSideColumnsFixedLength = [\r\n { title: 'Selected fields in import file', field: 'name', render: (row) => {row.name}
},\r\n {\r\n title: 'Starts at',\r\n field: 'startsAt',\r\n render: (row) => {\r\n const handleChange = (event) => {\r\n const tableData = [...dragToValues];\r\n tableData[row.tableData.id].startsAt = event.target.value;\r\n setCurrentValueStartLength([tableData[row.tableData.id].startsAt, tableData[row.tableData.id].length])\r\n setDragToValues(tableData);\r\n };\r\n\r\n\r\n return (\r\n <>\r\n \r\n \r\n );\r\n },\r\n },\r\n {\r\n title: 'Length',\r\n field: 'length',\r\n render: (row) => {\r\n const handleChange = (event) => {\r\n const tableData = [...dragToValues];\r\n tableData[row.tableData.id].length = event.target.value;\r\n setCurrentValueStartLength([tableData[row.tableData.id].startsAt, tableData[row.tableData.id].length])\r\n setDragToValues(tableData);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n );\r\n },\r\n },\r\n ];\r\n\r\n const firstRightSideColumns = [\r\n { title: 'Selected fields in import file', field: 'name', render: (row) => {row.name}
},\r\n {\r\n title: 'Columns from the file',\r\n field: 'columnFromFile',\r\n render: (row) => {\r\n let dropDownArray = []\r\n\r\n if (dropdownValues.length === 0) {\r\n dropDownArray = dropDownFirstDragFromValues.sort(function (a, b) {\r\n return a.value - b.value;\r\n })\r\n } else {\r\n dropDownArray = dropdownValues\r\n\r\n }\r\n\r\n const handleChange = (event) => {\r\n\r\n const tableData = [...firstDragToValues];\r\n tableData[row.tableData.id].columnFromFile = event.target.value;\r\n setCurrentValue(event.target.value);\r\n setFirstDragToValues(tableData);\r\n row.name.toLowerCase() === ROW_INDICATOR_VALUE && setCurrentRowIndicatorPlacement(row)\r\n };\r\n\r\n\r\n\r\n\r\n return (\r\n <>\r\n\r\n \r\n {dropDownArray.length === 0 ? Please check the example file : requiredField && row.isRequiredField && row.columnFromFile === '' ? \tColumn selection is required : ''}\r\n\r\n \r\n );\r\n },\r\n },\r\n ];\r\n const firstRightSideColumnsFixedLength = [\r\n { title: 'Selected fields in import file', field: 'name', render: (row) => {row.name}
},\r\n {\r\n title: 'Starts at',\r\n field: 'startsAt',\r\n render: (row) => {\r\n\r\n const handleChange = (event) => {\r\n\r\n const tableData = [...firstDragToValues];\r\n tableData[row.tableData.id].startsAt = event.target.value;\r\n setCurrentValueStartLength([tableData[row.tableData.id].startsAt, tableData[row.tableData.id].length])\r\n setFirstDragToValues(tableData);\r\n row.name.toLowerCase() === ROW_INDICATOR_VALUE && setCurrentRowIndicatorPlacement(row)\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n );\r\n },\r\n },\r\n {\r\n title: 'Length',\r\n field: 'length',\r\n render: (row) => {\r\n const handleChange = (event) => {\r\n const tableData = [...firstDragToValues];\r\n tableData[row.tableData.id].length = event.target.value;\r\n setCurrentValueStartLength([tableData[row.tableData.id].startsAt, tableData[row.tableData.id].length])\r\n setFirstDragToValues(tableData);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n );\r\n },\r\n },\r\n ];\r\n const secRightSideColumns = [\r\n { title: 'Selected fields in import file', field: 'name', render: (row) => {row.name}
},\r\n {\r\n title: 'Columns from the file',\r\n field: 'columnFromFile',\r\n render: (row) => {\r\n let dropDownArray = []\r\n\r\n if (dropdownValues.length === 0) {\r\n dropDownArray = dropDownSecDragFromValues.sort(function (a, b) {\r\n return a.value - b.value;\r\n })\r\n } else {\r\n dropDownArray = dropdownValues\r\n\r\n }\r\n const handleChange = (event) => {\r\n\r\n const tableData = [...secDragToValues];\r\n tableData[row.tableData.id].columnFromFile = event.target.value;\r\n setCurrentValue(event.target.value);\r\n setSecDragToValues(tableData);\r\n row.name.toLowerCase() === ROW_INDICATOR_VALUE && setCurrentRowIndicatorPlacement(row)\r\n\r\n };\r\n\r\n\r\n\r\n return (\r\n <>\r\n\r\n \r\n {dropDownArray.length === 0 ? Please check the example file : requiredField && row.isRequiredField && row.columnFromFile === '' ? \tColumn selection is required : ''}\r\n\r\n \r\n );\r\n },\r\n },\r\n ];\r\n const secRightSideColumnsFixedLength = [\r\n { title: 'Selected fields in import file', field: 'name', render: (row) => {row.name}
},\r\n {\r\n title: 'Starts at',\r\n field: 'startsAt',\r\n render: (row) => {\r\n const handleChange = (event) => {\r\n\r\n const tableData = [...secDragToValues];\r\n tableData[row.tableData.id].startsAt = event.target.value;\r\n setCurrentValueStartLength([tableData[row.tableData.id].startsAt, tableData[row.tableData.id].length])\r\n setSecDragToValues(tableData);\r\n row.name.toLowerCase() === ROW_INDICATOR_VALUE && setCurrentRowIndicatorPlacement(row)\r\n\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n );\r\n },\r\n },\r\n {\r\n title: 'Length',\r\n field: 'length',\r\n render: (row) => {\r\n const handleChange = (event) => {\r\n const tableData = [...secDragToValues];\r\n tableData[row.tableData.id].length = event.target.value;\r\n setCurrentValueStartLength([tableData[row.tableData.id].startsAt, tableData[row.tableData.id].length])\r\n setSecDragToValues(tableData);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n );\r\n },\r\n },\r\n ];\r\n const thirdRightSideColumns = [\r\n { title: 'Selected fields in import file', field: 'name', render: (row) => {row.name}
},\r\n {\r\n title: 'Columns from the file',\r\n field: 'columnFromFile',\r\n render: (row) => {\r\n let dropDownArray = []\r\n\r\n if (dropdownValues.length === 0) {\r\n dropDownArray = dropDownThirdDragFromValues.sort(function (a, b) {\r\n return a.value - b.value;\r\n })\r\n } else {\r\n dropDownArray = dropdownValues\r\n\r\n }\r\n const handleChange = (event) => {\r\n\r\n const tableData = [...thirdDragToValues];\r\n tableData[row.tableData.id].columnFromFile = event.target.value;\r\n setCurrentValue(event.target.value);\r\n setThirdDragToValues(tableData);\r\n row.name.toLowerCase() === ROW_INDICATOR_VALUE && setCurrentRowIndicatorPlacement(row)\r\n\r\n };\r\n\r\n\r\n\r\n return (\r\n <>\r\n\r\n \r\n {dropDownArray.length === 0 ? Please check the example file : requiredField && row.isRequiredField && row.columnFromFile === '' ? \tColumn selection is required : ''}\r\n\r\n \r\n );\r\n },\r\n },\r\n ];\r\n const thirdRightSideColumnsFixedLength = [\r\n { title: 'Selected fields in import file', field: 'name', render: (row) => {row.name}
},\r\n {\r\n title: 'Starts at',\r\n field: 'startsAt',\r\n render: (row) => {\r\n const handleChange = (event) => {\r\n\r\n const tableData = [...thirdDragToValues];\r\n tableData[row.tableData.id].startsAt = event.target.value;\r\n setCurrentValueStartLength([tableData[row.tableData.id].startsAt, tableData[row.tableData.id].length])\r\n setThirdDragToValues(tableData);\r\n row.name.toLowerCase() === ROW_INDICATOR_VALUE && setCurrentRowIndicatorPlacement(row)\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n );\r\n },\r\n },\r\n {\r\n title: 'Length',\r\n field: 'length',\r\n render: (row) => {\r\n const handleChange = (event) => {\r\n const tableData = [...thirdDragToValues];\r\n tableData[row.tableData.id].length = event.target.value;\r\n setCurrentValueStartLength([tableData[row.tableData.id].startsAt, tableData[row.tableData.id].length])\r\n setThirdDragToValues(tableData);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n );\r\n },\r\n },\r\n ];\r\n return (\r\n \r\n {multiTab\r\n ? (\r\n <>\r\n {' '}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n : (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default SchemaMappingGrid;\r\n","import React, { useState } from 'react';\r\nimport SchemaMappingGrid from './SchemaMappingGrid';\r\nimport SchemaMaterialTable from './SchemaMaterialTable';\r\nimport { SCHEMATAB_CREATION } from '../../../../utils/constants/constants';\r\n\r\nconst SchemaTabCreations = (props) => {\r\n const {\r\n formField,\r\n formikValues,\r\n mappingDetails,\r\n getFieldSchemaDetails,\r\n requiredField,\r\n setIsValid,\r\n dropdownValues,\r\n setCurrentValue,\r\n setCurrentValueStartLength,\r\n setCurrentRowIndicatorValue,\r\n setCurrentRowIndicatorPlacement,\r\n isClear,\r\n setFieldValue,\r\n currentTab,\r\n setTabValue,\r\n setIsClear,\r\n setFieldTouched\r\n } = props;\r\n\r\n return (\r\n \r\n Note: Please enter the row indicator to create the mapping(Case sensitive) \r\n
\r\n \r\n Note: Please enter the row indicator to create the mapping(Case sensitive) \r\n
\r\n \r\n Note: Please enter the row indicator to create the mapping(Case sensitive) \r\n
\r\n \r\n {(formikValues.schemaType || {}).value === SCHEMATAB_CREATION.ORDER\r\n ? (\r\n value.valueName !== SCHEMATAB_CREATION.ROWINDICATOR)}\r\n formikValues={formikValues}\r\n setFieldTouched={setFieldTouched}\r\n mappingDetails={mappingDetails}\r\n getFieldSchemaDetails={getFieldSchemaDetails}\r\n requiredField={requiredField}\r\n setIsValid={setIsValid}\r\n dropdownValues={dropdownValues}\r\n setCurrentValue={setCurrentValue}\r\n setCurrentValueStartLength={setCurrentValueStartLength}\r\n isClear={isClear}\r\n setFieldValue={setFieldValue}\r\n setIsClear={setIsClear}\r\n />\r\n )\r\n : (\r\n ''\r\n )}\r\n {(formikValues.schemaType || {}).value === SCHEMATAB_CREATION.PARCEL\r\n ? (\r\n value.valueName !== SCHEMATAB_CREATION.ROWINDICATOR)}\r\n formikValues={formikValues}\r\n setFieldTouched={setFieldTouched}\r\n mappingDetails={mappingDetails}\r\n getFieldSchemaDetails={getFieldSchemaDetails}\r\n requiredField={requiredField}\r\n setIsValid={setIsValid}\r\n dropdownValues={dropdownValues}\r\n setCurrentValue={setCurrentValue}\r\n setCurrentValueStartLength={setCurrentValueStartLength}\r\n isClear={isClear}\r\n setFieldValue={setFieldValue}\r\n setIsClear={setIsClear}\r\n />\r\n )\r\n : (\r\n ''\r\n )}\r\n {(formikValues.schemaType || {}).value === SCHEMATAB_CREATION.CLEARANCE\r\n ? (\r\n value.valueName !== SCHEMATAB_CREATION.ROWINDICATOR)]}\r\n formikValues={formikValues}\r\n setFieldTouched={setFieldTouched}\r\n mappingDetails={mappingDetails}\r\n getFieldSchemaDetails={getFieldSchemaDetails}\r\n requiredField={requiredField}\r\n setIsValid={setIsValid}\r\n dropdownValues={dropdownValues}\r\n setCurrentValue={setCurrentValue}\r\n setCurrentValueStartLength={setCurrentValueStartLength}\r\n isClear={isClear}\r\n setFieldValue={setFieldValue}\r\n setIsClear={setIsClear}\r\n />\r\n )\r\n : (\r\n ''\r\n )}\r\n {(formikValues.schemaType || {}).value === SCHEMATAB_CREATION.ORDERS_CUSTOM\r\n ? (\r\n value.valueName !== SCHEMATAB_CREATION.LENGTH && value.valueName !== SCHEMATAB_CREATION.WIDTH && value.valueName !== SCHEMATAB_CREATION.HEIGHT)}\r\n formikValues={formikValues}\r\n setFieldTouched={setFieldTouched}\r\n firstTab=\"Orders mapping\"\r\n secTab=\"Customs mapping\"\r\n thirdTab=\"Parcels mapping\"\r\n multiTab={true}\r\n mappingDetails={mappingDetails}\r\n getFieldSchemaDetails={getFieldSchemaDetails}\r\n requiredField={requiredField}\r\n setIsValid={setIsValid}\r\n dropdownValues={dropdownValues}\r\n setCurrentValue={setCurrentValue}\r\n setCurrentValueStartLength={setCurrentValueStartLength}\r\n setCurrentRowIndicatorValue={setCurrentRowIndicatorValue}\r\n setCurrentRowIndicatorPlacement={setCurrentRowIndicatorPlacement}\r\n isClear={isClear}\r\n setFieldValue={setFieldValue}\r\n setTabValue={setTabValue}\r\n currentTab={currentTab}\r\n setIsClear={setIsClear}\r\n />\r\n )\r\n : (\r\n ''\r\n )}\r\n {(formikValues.schemaType || {}).value === SCHEMATAB_CREATION.ORDER_COLLECTIONSCONSIGNOR\r\n ? (\r\n value.valueName !== SCHEMATAB_CREATION.ROWINDICATOR)}\r\n formikValues={formikValues}\r\n setFieldTouched={setFieldTouched}\r\n mappingDetails={mappingDetails}\r\n getFieldSchemaDetails={getFieldSchemaDetails}\r\n requiredField={requiredField}\r\n setIsValid={setIsValid}\r\n dropdownValues={dropdownValues}\r\n setCurrentValue={setCurrentValue}\r\n setCurrentValueStartLength={setCurrentValueStartLength}\r\n isClear={isClear}\r\n setFieldValue={setFieldValue}\r\n setIsClear={setIsClear}\r\n\r\n />\r\n )\r\n : (\r\n ''\r\n )}\r\n {(formikValues.schemaType || {}).value === SCHEMATAB_CREATION.CUSTOM\r\n ? (\r\n value.valueName !== SCHEMATAB_CREATION.ROWINDICATOR)}\r\n formikValues={formikValues}\r\n setFieldTouched={setFieldTouched}\r\n mappingDetails={mappingDetails}\r\n getFieldSchemaDetails={getFieldSchemaDetails}\r\n requiredField={requiredField}\r\n setIsValid={setIsValid}\r\n dropdownValues={dropdownValues}\r\n setCurrentValue={setCurrentValue}\r\n setCurrentValueStartLength={setCurrentValueStartLength}\r\n isClear={isClear}\r\n setFieldValue={setFieldValue}\r\n setIsClear={setIsClear}\r\n\r\n />\r\n )\r\n : (\r\n ''\r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default SchemaTabCreations;\r\n\r\nconst orderValues = [\r\n {\r\n id: 1,\r\n valueName: 'AccountNumber',\r\n name: 'Account number',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 2,\r\n valueName: 'DispatchDate',\r\n name: 'Dispatch date',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 3,\r\n valueName: 'CustomerName',\r\n name: 'Delivery business name',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 4,\r\n valueName: 'Address1',\r\n name: 'Delivery address 1',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 5,\r\n valueName: 'Address2',\r\n name: 'Delivery address 2',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 6,\r\n valueName: 'Address3',\r\n name: 'Delivery address 3',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 7,\r\n valueName: 'Town',\r\n name: 'Delivery town',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 8,\r\n valueName: 'County',\r\n name: 'Delivery county',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 9,\r\n valueName: 'TelephoneNumber',\r\n name: 'Delivery telephone',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 10,\r\n valueName: 'PostalCode',\r\n name: 'Delivery postal code',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 11,\r\n valueName: 'Contact',\r\n name: 'Delivery contact name',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 12,\r\n valueName: 'NoOfItems',\r\n name: 'No.of items',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 13,\r\n valueName: 'Weight',\r\n name: 'Weight',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 14,\r\n valueName: 'ServiceCode',\r\n name: 'Service code',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 15,\r\n valueName: 'ExtendedCover',\r\n name: 'Extended liability domestic',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 16,\r\n valueName: 'SpecialInstructions1',\r\n name: 'Special instructions 1st line',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 17,\r\n valueName: 'SpecialInstructions2',\r\n name: 'Special instructions 2nd line',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 18,\r\n valueName: 'ExchangeOnDelivery',\r\n name: 'Exchange on delivery',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 19,\r\n valueName: 'CustomersReference',\r\n name: 'Customer reference',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 20,\r\n valueName: 'AlternateReference',\r\n name: 'Alternative reference',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 21,\r\n valueName: 'Email',\r\n name: 'Delivery email',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 22,\r\n valueName: 'Length',\r\n name: 'Length',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 23,\r\n valueName: 'Width',\r\n name: 'Width',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 24,\r\n valueName: 'Height',\r\n name: 'Height',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 25,\r\n valueName: 'ExtraInsurance',\r\n name: 'Extended liability international',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 26,\r\n valueName: 'Country',\r\n name: 'Country',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 27,\r\n valueName: 'IncludeInboxReturnLabel',\r\n name: 'Include inbox return label',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 28,\r\n valueName: 'ReturnCustomerReference',\r\n name: 'Return customer reference',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 29,\r\n\r\n valueName: 'AddressType',\r\n name: 'Address type',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 30,\r\n valueName: 'RecipientAddress1',\r\n name: 'Recipient address 1',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 31,\r\n valueName: 'RecipientAddress2',\r\n name: 'Recipient address 2',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 32,\r\n valueName: 'RecipientAddress3',\r\n\r\n name: 'Recipient address 3',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 33,\r\n valueName: 'RecipientTown',\r\n\r\n name: 'Recipient town',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 34,\r\n valueName: 'RecipientCounty',\r\n\r\n name: 'Recipient county',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 35,\r\n valueName: 'RecipientPostalCode',\r\n\r\n name: 'Recipient postal code',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 36,\r\n valueName: 'RecipientTelephone',\r\n\r\n name: 'Recipient telephone',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 37,\r\n valueName: 'RecipientContact',\r\n\r\n name: 'Recipient name',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 38,\r\n valueName: 'RecipientEmail',\r\n\r\n name: 'Recipient email',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 39,\r\n valueName: 'ServicePointId',\r\n\r\n name: 'Service point id',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 40,\r\n valueName: 'DescriptionOfGoods1',\r\n\r\n name: 'Description of goods 1',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 41,\r\n valueName: 'DescriptionOfGoods2',\r\n\r\n name: 'Description of goods 2',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 42,\r\n valueName: 'DescriptionOfGoods3',\r\n\r\n name: 'Description of goods 3',\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 43,\r\n valueName: 'Value',\r\n\r\n name: 'Value',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 44,\r\n valueName: 'Currency',\r\n\r\n name: 'Currency',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 45,\r\n valueName: 'InvoiceType',\r\n\r\n name: 'Invoice type',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 46,\r\n valueName: 'InvoiceDate',\r\n\r\n name: 'Invoice date',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 47,\r\n valueName: 'InvoiceNumber',\r\n\r\n name: 'Invoice number',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 48,\r\n valueName: 'ReceiverCustomsIdentifier',\r\n\r\n name: 'Receiver customs identifier',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 49,\r\n valueName: 'ShippingCharges',\r\n\r\n name: 'Shipping charges',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 50,\r\n valueName: 'ReasonForExportCode',\r\n\r\n name: 'Reason for export code',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 51,\r\n valueName: 'rowindicator',\r\n name: 'Row indicator',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 52,\r\n valueName: 'RecipientCountry',\r\n name: 'Recipient country',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 53,\r\n valueName: 'PrinterQueueName',\r\n name: 'Printer queue name',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 54,\r\n valueName: 'USStateCode',\r\n name: 'US state code',\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 55,\r\n valueName: 'RecipientBusinessName',\r\n name: 'Recipient business name',\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 56,\r\n valueName: 'IossShipment',\r\n name: 'IOSS Shipment',\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 57,\r\n valueName: 'IossNumber',\r\n name: 'Marketplace IOSS number',\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 58,\r\n valueName: 'Pallets',\r\n name: 'Pallets',\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 59,\r\n valueName: 'What3Words',\r\n name: 'What3Words',\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 60,\r\n valueName: 'W3WLat',\r\n name: 'What3Words latitude',\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 61,\r\n valueName: 'W3WLong',\r\n name: 'What3Words longitude',\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 62,\r\n valueName: 'ShipmentMovementType',\r\n name: 'Shipment Movement Type',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 63,\r\n valueName: 'SendersEORINumber',\r\n name: `Shipper's EORI Number`,\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 64,\r\n valueName: 'SendersUKIMSNumber',\r\n name: `Shipper's UKIMS Number`,\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 65,\r\n valueName: 'RecipientEORINumber',\r\n name: 'Recipient EORI Number',\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 66,\r\n valueName: 'RecipientUKIMSNumber',\r\n name: 'Recipient UKIMS Number',\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 67,\r\n valueName: 'TotalValue',\r\n name: 'Total Value',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 68,\r\n valueName: 'DescriptionofgoodC2CMovementType',\r\n name: 'Description Of Goods(Shipment Level)',\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 69,\r\n valueName: 'SendersDefermentAccount',\r\n name: `Shipper's Deferment Account Number`,\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 70,\r\n valueName: 'DeliveryChoice',\r\n name: 'Delivery Choice',\r\n isRequiredField: false,\r\n }\r\n];\r\n\r\nconst customsValues = [\r\n {\r\n id: 1,\r\n valueName: 'CustomerReference',\r\n\r\n name: 'Customer reference',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 2,\r\n valueName: 'CommodityCode',\r\n\r\n name: 'Commodity code',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 3,\r\n valueName: 'DescriptionOfGoods',\r\n\r\n name: 'Description of goods',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 4,\r\n valueName: 'Quantity',\r\n\r\n name: 'Quantity',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 5,\r\n valueName: 'NetWeight',\r\n\r\n name: 'Net weight',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 6,\r\n valueName: 'UnitValue',\r\n\r\n name: 'Unit value',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 7,\r\n valueName: 'CountryOfOrigin',\r\n\r\n name: 'Country of origin',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 8,\r\n valueName: 'rowindicator',\r\n name: 'Row indicator',\r\n isRequiredField: true,\r\n },\r\n];\r\n\r\nconst collectionValues = [\r\n {\r\n id: 1,\r\n valueName: 'CollectionDate',\r\n name: 'Collection date',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 2,\r\n valueName: 'AccountNumber',\r\n name: 'Account number',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 3,\r\n valueName: 'CollectionBusinessName',\r\n name: 'Collection business name',\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 4,\r\n valueName: 'CollectionAddress1',\r\n name: 'Collection address 1',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 5,\r\n valueName: 'CollectionAddress2',\r\n name: 'Collection address 2',\r\n },\r\n {\r\n id: 6,\r\n valueName: 'CollectionAddress3',\r\n name: 'Collection address 3',\r\n },\r\n {\r\n id: 7,\r\n valueName: 'CollectionTown',\r\n name: 'Collection town',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 8,\r\n valueName: 'CollectionCounty',\r\n name: 'Collection county',\r\n },\r\n {\r\n id: 9,\r\n valueName: 'CollectionPostalCode',\r\n name: 'Collection postal code',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 10,\r\n valueName: 'CollectionTelephoneNumber',\r\n name: 'Collection telephone number',\r\n },\r\n {\r\n id: 11,\r\n valueName: 'CollectionContact',\r\n name: 'Collection contact name',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 12,\r\n valueName: 'CustomersReference',\r\n name: 'Customer reference',\r\n },\r\n {\r\n id: 13,\r\n valueName: 'CollectionSpecialInstructions1',\r\n name: 'Collection special instructions 1',\r\n },\r\n {\r\n id: 14,\r\n valueName: 'CollectionSpecialInstructions2',\r\n name: 'Collection special instructions 2',\r\n },\r\n {\r\n id: 15,\r\n valueName: 'DeliveryCustomerName',\r\n name: 'Delivery busines name',\r\n },\r\n {\r\n id: 16,\r\n valueName: 'DeliveryAddress1',\r\n name: 'Delivery address 1',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 17,\r\n valueName: 'DeliveryAddress2',\r\n name: 'Delivery address 2',\r\n },\r\n {\r\n id: 18,\r\n valueName: 'DeliveryAddress3',\r\n name: 'Delivery address 3',\r\n },\r\n {\r\n id: 19,\r\n valueName: 'DeliveryTown',\r\n name: 'Delivery town',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 20,\r\n valueName: 'DeliveryCounty',\r\n name: 'Delivery county',\r\n },\r\n {\r\n id: 21,\r\n valueName: 'DeliveryPostalCode',\r\n name: 'Delivery postal code',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 22,\r\n valueName: 'DeliveryTelephone',\r\n name: 'Delivery telephone',\r\n },\r\n {\r\n id: 23,\r\n valueName: 'DeliveryContact',\r\n name: 'Delivery contact name',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 24,\r\n valueName: 'ServiceCode',\r\n name: 'Service code',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 25,\r\n valueName: 'DeliverySpecialInstruction1',\r\n name: 'Delivery special instuctions 1',\r\n },\r\n {\r\n id: 26,\r\n valueName: 'DeliverySpecialInstruction2',\r\n name: 'Delivery special instuctions 2',\r\n },\r\n {\r\n id: 27,\r\n valueName: 'ColDescrOfGoods1',\r\n name: 'Collection description of goods 1',\r\n },\r\n {\r\n id: 28,\r\n valueName: 'ColDescrOfGoods2',\r\n name: 'Collection description of goods 2',\r\n },\r\n {\r\n id: 29,\r\n valueName: 'AddressType',\r\n name: 'Address type ',\r\n },\r\n {\r\n id: 30,\r\n valueName: 'ServicePointId',\r\n name: 'Service point id',\r\n },\r\n {\r\n id: 31,\r\n valueName: 'RecipientAddress1',\r\n name: 'Recipient address 1',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 32,\r\n valueName: 'RecipientAddress2',\r\n name: 'Recipient address 2',\r\n },\r\n {\r\n id: 33,\r\n valueName: 'RecipientAddress3',\r\n name: 'Recipient address 3',\r\n },\r\n {\r\n id: 34,\r\n valueName: 'RecipientTown',\r\n name: 'Recipient town',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 35,\r\n valueName: 'RecipientCounty',\r\n name: 'Recipient county',\r\n },\r\n {\r\n id: 36,\r\n valueName: 'RecipientPostalCode',\r\n name: 'Recipient postal code',\r\n },\r\n {\r\n id: 37,\r\n valueName: 'RecipientTelephone',\r\n name: 'Recipient telephone',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 38,\r\n valueName: 'RecipientContact',\r\n name: 'Recipient name',\r\n },\r\n {\r\n id: 39,\r\n valueName: 'RecipientEmail',\r\n name: 'Recipient email',\r\n },\r\n {\r\n id: 40,\r\n valueName: 'rowindicator',\r\n name: 'Row indicator',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 41,\r\n valueName: 'NoOfParcels',\r\n name: 'No.of parcels',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 42,\r\n valueName: 'Weight',\r\n name: 'Weight',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 43,\r\n valueName: 'CollectionEmail',\r\n name: 'Collection email',\r\n isRequiredField: true,\r\n\r\n },\r\n {\r\n id: 44,\r\n valueName: 'IsReturnToSender',\r\n name: 'Is return to sender',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 45,\r\n valueName: 'IsSendToThirdParty',\r\n name: 'Is send to third party',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 46,\r\n valueName: 'RecipientBusinessName',\r\n name: 'Recipient business name',\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 47,\r\n valueName: 'DeliveryEmail',\r\n name: 'Delivery email',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 48,\r\n valueName: 'What3Words',\r\n name: 'What3Words',\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 49,\r\n valueName: 'W3WLat',\r\n name: 'What3Words latitude',\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 50,\r\n valueName: 'W3WLong',\r\n name: 'What3Words longitude',\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 51,\r\n valueName: 'DescriptionofgoodC2CMovementType',\r\n name: 'Description Of Goods(Shipment Level)',\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 52,\r\n valueName: 'shipmentMovementType',\r\n name: 'Shipment movement type',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 53,\r\n valueName: 'SendersEORINumber',\r\n name: `Shipper's EORI Number`,\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 54,\r\n valueName: 'SendersUKIMSNumber',\r\n name: `Shipper's UKIMS Number`,\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 55,\r\n valueName: 'SendersDefermentAccount',\r\n name: `Shipper's deferment account Number`,\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 56,\r\n valueName: 'recipientEoriNumber',\r\n name: 'Recipient EORI number',\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 57,\r\n valueName: 'recipientUkimsNumber',\r\n name: 'Recipient UKIMS number',\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 58,\r\n valueName: 'shippingCharges',\r\n name: 'Shipping Charges',\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 59,\r\n valueName: 'totalValue',\r\n name: 'Total Value',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 60,\r\n valueName: 'reasonForExport',\r\n name: 'Reason for Export',\r\n isRequiredField: false,\r\n },\r\n];\r\n\r\nconst orderCollectionConsignor = [\r\n {\r\n id: 1,\r\n valueName: 'AccountNumber',\r\n name: 'Account number',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 2,\r\n valueName: 'DispatchDate',\r\n name: 'Despatch date',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 3,\r\n valueName: 'CustomerName',\r\n name: 'Delivery business name',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 4,\r\n valueName: 'Address1',\r\n name: 'Delivery address 1',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 5,\r\n valueName: 'Address2',\r\n name: 'Delivery address 2',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 6,\r\n valueName: 'Address3',\r\n name: 'Delivery address 3',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 7,\r\n valueName: 'Town',\r\n name: 'Delivery town',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 8,\r\n valueName: 'County',\r\n name: 'Delivery county',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 9,\r\n valueName: 'TelephoneNumber',\r\n name: 'Delivery telephone ',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 10,\r\n valueName: 'PostalCode',\r\n name: 'Delivery postal code',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 11,\r\n valueName: 'Contact',\r\n name: 'Delivery contact name',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 12,\r\n valueName: 'NoOfItems',\r\n name: 'No.of items',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 13,\r\n valueName: 'Weight',\r\n name: 'Weight',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 14,\r\n valueName: 'ServiceCode',\r\n name: 'Service code',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 15,\r\n valueName: 'ExtendedCover',\r\n name: 'Extended liability domestic',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 16,\r\n valueName: 'SpecialInstructions1',\r\n name: 'Delivery special instructions 1',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 17,\r\n valueName: 'SpecialInstructions2',\r\n name: 'Delivery special instructions 2',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 18,\r\n valueName: 'ExchangeOnDelivery',\r\n name: 'Exchange on delivery',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 19,\r\n valueName: 'CustomersReference',\r\n name: 'Customer reference',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 20,\r\n valueName: 'AlternateReference',\r\n name: 'Alternative reference',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 21,\r\n valueName: 'Email',\r\n name: 'Delivery email',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 22,\r\n valueName: 'Length',\r\n name: 'Length',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 23,\r\n valueName: 'Width',\r\n name: 'Width',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 24,\r\n valueName: 'Height',\r\n name: 'Height',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 25,\r\n valueName: 'ExtraInsurance',\r\n name: 'Extended liability international',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 26,\r\n valueName: 'Country',\r\n name: 'Country',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 27,\r\n valueName: 'IncludeInboxReturnLabel',\r\n name: 'Include inbox return label',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 28,\r\n valueName: 'ReturnCustomerReference',\r\n name: 'Return customer reference',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 29,\r\n\r\n valueName: 'AddressType',\r\n name: 'Address type',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 30,\r\n valueName: 'RecipientAddress1',\r\n name: 'Recipient address 1',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 31,\r\n valueName: 'RecipientAddress2',\r\n name: 'Recipient address 2',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 32,\r\n valueName: 'RecipientAddress3',\r\n\r\n name: 'Recipient address 3',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 33,\r\n valueName: 'RecipientTown',\r\n\r\n name: 'Recipient town',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 34,\r\n valueName: 'RecipientCounty',\r\n\r\n name: 'Recipient county',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 35,\r\n valueName: 'RecipientPostalCode',\r\n\r\n name: 'Recipient postal code',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 36,\r\n valueName: 'RecipientTelephone',\r\n\r\n name: 'Recipient telephone',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 37,\r\n valueName: 'RecipientContact',\r\n\r\n name: 'Recipient name',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 38,\r\n valueName: 'RecipientEmail',\r\n\r\n name: 'Recipient email',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 39,\r\n valueName: 'ServicePointId',\r\n\r\n name: 'Service point id',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 40,\r\n valueName: 'RecipientCountry',\r\n name: 'Recipient country',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 41,\r\n valueName: 'PrinterQueueName',\r\n name: 'Printer queue name',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 42,\r\n valueName: 'USStateCode',\r\n name: 'US state code',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 43,\r\n valueName: 'DescriptionOfGoods1',\r\n\r\n name: 'Description of goods 1',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 44,\r\n valueName: 'DescriptionOfGoods2',\r\n\r\n name: 'Description of goods 2',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 45,\r\n valueName: 'DescriptionOfGoods3',\r\n\r\n name: 'Description of goods 3',\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 46,\r\n valueName: 'Value',\r\n\r\n name: 'Value',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 47,\r\n valueName: 'Currency',\r\n\r\n name: 'Currency',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 48,\r\n valueName: 'InvoiceType',\r\n\r\n name: 'Invoice type',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 49,\r\n valueName: 'InvoiceDate',\r\n\r\n name: 'Invoice date',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 50,\r\n valueName: 'InvoiceNumber',\r\n\r\n name: 'Invoice number',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 51,\r\n valueName: 'ReceiverCustomsIdentifier',\r\n\r\n name: 'Receiver customs identifier',\r\n isRequiredField: false,\r\n\r\n },\r\n {\r\n id: 52,\r\n valueName: 'ShippingCharges',\r\n\r\n name: 'Shipping charges',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 53,\r\n valueName: 'ReasonForExportCode',\r\n\r\n name: 'Reason for export code',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 54,\r\n valueName: 'CollectionDate',\r\n name: 'Collection date',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 55,\r\n valueName: 'CollectionAddress1',\r\n name: 'Collection address 1',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 56,\r\n valueName: 'CollectionAddress2',\r\n name: 'Collection address 2',\r\n },\r\n {\r\n id: 57,\r\n valueName: 'CollectionAddress3',\r\n name: 'Collection address 3',\r\n },\r\n {\r\n id: 58,\r\n valueName: 'CollectionTown',\r\n name: 'Collection town',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 59,\r\n valueName: 'CollectionCounty',\r\n name: 'Collection county',\r\n },\r\n {\r\n id: 60,\r\n valueName: 'CollectionPostalCode',\r\n name: 'Collection postal code',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 61,\r\n valueName: 'CollectionTelephoneNumber',\r\n name: 'Collection telephone number',\r\n },\r\n {\r\n id: 62,\r\n valueName: 'CollectionContact',\r\n name: 'Collection contact name',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 63,\r\n valueName: 'CollectionSpecialInstructions1',\r\n name: 'Collection special instructions 1',\r\n },\r\n {\r\n id: 64,\r\n valueName: 'CollectionSpecialInstructions2',\r\n name: 'Collection special instructions 2',\r\n },\r\n {\r\n id: 64,\r\n valueName: 'ColDescrOfGoods1',\r\n name: 'Collection description of goods 1',\r\n },\r\n {\r\n id: 66,\r\n valueName: 'ColDescrOfGoods2',\r\n name: 'Collection description of goods 2',\r\n },\r\n {\r\n id: 67,\r\n valueName: 'CollectionEmail',\r\n name: 'Collection email',\r\n },\r\n {\r\n id: 68,\r\n valueName: 'RecipientBusinessName',\r\n name: 'Recipient business name',\r\n },\r\n {\r\n id: 69,\r\n valueName: 'CollectionBusinessName',\r\n name: 'Collection business name',\r\n },\r\n {\r\n id: 70,\r\n valueName: 'Pallets',\r\n name: 'Pallets',\r\n isRequiredField: false,\r\n },\r\n]\r\n\r\nconst parcelValues = [\r\n {\r\n id: 1,\r\n valueName: 'CustomerReference',\r\n\r\n name: 'Customer reference',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 2,\r\n valueName: 'ParcelNumber',\r\n\r\n name: 'Parcel number',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 3,\r\n valueName: 'ParcelReference',\r\n\r\n name: 'Parcel reference',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 4,\r\n valueName: 'Weight',\r\n name: 'Weight',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 5,\r\n valueName: 'Length',\r\n name: 'Length',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 6,\r\n valueName: 'Width',\r\n name: 'Width',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 7,\r\n valueName: 'Height',\r\n name: 'Height',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 8,\r\n valueName: 'rowindicator',\r\n name: 'Row indicator',\r\n isRequiredField: true,\r\n },\r\n];\r\n\r\nconst clearanceValues = [\r\n {\r\n id: 1,\r\n valueName: 'CustomerReference',\r\n\r\n name: 'Customer reference',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 2,\r\n valueName: 'CommodityCode',\r\n\r\n name: 'Commodity code',\r\n isRequiredField: false,\r\n },\r\n {\r\n id: 3,\r\n valueName: 'DescriptionOfGoods',\r\n\r\n name: 'Description of goods',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 4,\r\n valueName: 'UnitQuantity',\r\n name: 'Unit quantity',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 5,\r\n valueName: 'UnitValue',\r\n name: 'Unit value',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 6,\r\n valueName: 'UnitWeight',\r\n name: 'Unit weight',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 7,\r\n valueName: 'CountryOfManufacture',\r\n name: 'Country of manufacture',\r\n isRequiredField: true,\r\n },\r\n {\r\n id: 8,\r\n valueName: 'rowindicator',\r\n name: 'Row indicator',\r\n isRequiredField: true,\r\n },\r\n];\r\n\r\n","import React, { useState, useEffect } from 'react';\r\nimport CustomAccordion from '../../../../framework/accordion/customAccordion';\r\nimport SchemaDetailsField from './SchemaDetailsField';\r\nimport SchemaTabCreations from './SchemaTabCreations';\r\n\r\nconst MainSchemaDetails = (props) => {\r\n const {\r\n formField,\r\n setFieldValue,\r\n errors,\r\n setFieldTouched,\r\n formikValues,\r\n setIsValid,\r\n requiredField,\r\n setTotalMappingDetails,\r\n oldSchemaName,\r\n uploadedFile,\r\n setUploadedFile,\r\n resetForm,\r\n isClear,\r\n setSchemaNameExist,\r\n setValues,\r\n setIsClear,\r\n setFolderPathExist,\r\n existingFolderPaths,\r\n folderPathExist\r\n } = props;\r\n\r\n const [resultedSchema, setResultedSchema] = useState();\r\n const [value, setTabValue] = useState(0);\r\n const [dropdownValues, setDropdownValues] = useState([]);\r\n const [currentSelectedValue, setCurrentValue] = useState(\"\");\r\n const [currentValueStartLength, setCurrentValueStartLength] = useState([0, 0]);\r\n const [currentRowIndicatorValue, setCurrentRowIndicatorValue] = useState(\"\");\r\n const [currentRowIndicatorPlacement, setCurrentRowIndicatorPlacement] = useState();\r\n const [isDefaultSchema, setIsDefaultSchema] = useState(false);\r\n\r\n\r\n useEffect(() => {\r\n setSchemaDetails(formikValues);\r\n }, [formikValues]);\r\n\r\n const setSchemaDetails = (data) => {\r\n props.setTotalSchemaDetails(data);\r\n };\r\n\r\n const getResultedSchemaDetails = (data) => {\r\n setResultedSchema(data);\r\n };\r\n const getFieldSchemaDetails = (fields) => {\r\n setTotalMappingDetails(fields);\r\n };\r\n\r\n const setStartAndLengthValues = (arr) => {\r\n let [start, length] = arr;\r\n start = parseInt(start);\r\n length = parseInt(length);\r\n start = isNaN(start) ? 0 : start;\r\n length = isNaN(length) ? 0 : length;\r\n setCurrentValueStartLength([start, length])\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n {/* {uploadedFile ? */}\r\n
\r\n );\r\n};\r\n\r\nexport default MainSchemaDetails;\r\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Grid } from '@material-ui/core';\r\nimport DynamicMaterialTable from '../../../../framework/DynamicMaterialTable/DynamicMaterialTable';\r\nimport InputButton from '../../../../framework/Inputs/inputButton/inputButton';\r\nimport ConfirmationDialog from '../../../../components/addressBook/confirmation/confirmation';\r\nimport CustomModal from '../../../../framework/dialog/customDialog';\r\nexport default function MySchemaData(props) {\r\n const {\r\n rows,\r\n columns,\r\n isSearchable,\r\n isSelectable,\r\n sorting,\r\n paging,\r\n pageSize,\r\n pageSizeOptions,\r\n Dialogtitle,\r\n confirmationMessage,\r\n tableLayout\r\n } = props;\r\n const [selectedRows, setSelectedRows] = useState([]);\r\n const [showConfirmationDialog, setShowConfirmationDialog] = useState(false);\r\n const [confirmationMsg, setConfirmationMsg] = useState(confirmationMessage);\r\n\r\n const addSelectedRows = (selectedRows) => {\r\n setSelectedRows(selectedRows);\r\n };\r\n const handleDialogClose = () => {\r\n setShowConfirmationDialog(false);\r\n };\r\n const onDialogConfirm = () => {\r\n props.deleteSelectedSchema(selectedRows);\r\n setShowConfirmationDialog(false);\r\n setSelectedRows([]);\r\n };\r\n const onDialogCancel = () => {\r\n setShowConfirmationDialog(false);\r\n };\r\n\r\n return (\r\n \r\n Add/edit mapping\r\n
\r\n \r\n {row.name} {row.isRequiredField ? ** : ''}\r\n
\r\n }\r\n ];\r\n\r\n const rightSideColumns = [\r\n {\r\n title: 'Selected fields', field: 'name', render: (row) => \r\n {row.name} {row.isRequiredField ? ** : ''}\r\n
\r\n }\r\n ];\r\n\r\n const removeFromFields = (selecteddata) => {\r\n const toValues = [...dragToValues];\r\n const fromValues = [...dragFromValues];\r\n\r\n const itemsToBeDeleted = selecteddata.map((address) => {\r\n toValues.push(address);\r\n setDragToValues(toValues);\r\n const filteredValue = fromValues.indexOf(address);\r\n fromValues.splice(filteredValue, 1);\r\n\r\n });\r\n setDragFromValues(sortBasedOnNestedOrNot(fromValues, \"name\"));\r\n };\r\n\r\n const removeFromImportFiles = (selecteddata) => {\r\n const fromValues = [...dragFromValues];\r\n\r\n const toValues = [...dragToValues];\r\n const itemsToBeDeleted = selecteddata.map((address) => {\r\n fromValues.push(address);\r\n setDragFromValues(sortBasedOnNestedOrNot(fromValues, \"name\"));\r\n const filteredValue = toValues.indexOf(address);\r\n toValues.splice(filteredValue, 1);\r\n });\r\n setDragToValues(toValues);\r\n };\r\n\r\n useEffect(() => {\r\n setDragFromValues(sortBasedOnNestedOrNot(props.outputFileValues, \"name\"));\r\n setDragToValues(props.selectedOutputFileValues);\r\n dragFromValues.map((row) => {\r\n row.tableData.checked = false\r\n });\r\n dragToValues.map((row) => {\r\n row.tableData.checked = false\r\n });\r\n setFieldValue('manualShipmentConfirmation', false);\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (formikValues.manualShipmentConfirmation === false) {\r\n setFieldValue('fileExtension', '');\r\n setFieldValue('delimiter', setDropdownValues(delimiterOptions, 'value', delimiterOptions[0].value));\r\n setFieldValue('newDelimeter', '');\r\n }\r\n if (formikValues.delimiter?.value === 'otherDelimiter') {\r\n setFieldValue('newDelimeter', '');\r\n }\r\n }, [formikValues.manualShipmentConfirmation, formikValues.delimiter])\r\n\r\n return (\r\n \r\n handleChange(event, row)} />\r\n
\r\n ),\r\n },\r\n ];\r\n\r\n\r\n const handleChange = (event, row) => {\r\n const tableData = [...activeSchemas];\r\n (tableData[row?.tableData?.id] || {}).isEnabled = event.target.checked;\r\n setActiveSchemas(tableData);\r\n };\r\n\r\n useEffect(() => {\r\n getOrderSetupResponse();\r\n }, []);\r\n\r\n const getOrderSetupResponse = () => {\r\n GET(`${ServiceEndPoints.orderSetup}?organization=${getCustomerAccountID()}`)\r\n .then((res) => {\r\n setOrderSetupResponse(res.data);\r\n sortBasedOnNestedOrNot(res.data?.schemas || [], 'schemaName', false);\r\n setActiveSchemas(res.data.schemas || []);\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setOrderSetupResponse({});\r\n setActiveSchemas([]);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n var outputFileSetUpValues = {\r\n outputExportDirectory: orderSetupResponse.outputFileSetUp?.outputExportDirectory,\r\n shipmentConfirmation: orderSetupResponse.outputFileSetUp?.shipmentConfirmation,\r\n }\r\n formikRef.current.setValues({\r\n ...formikRef.current.values,\r\n ...orderSetupResponse.importsSetup,\r\n // ...orderSetupResponse.outputFileSetUp,\r\n ...outputFileSetUpValues,\r\n transferAction:\r\n constantTransferActionTypes[orderSetupResponse?.importsSetup?.transferAction] || 'transferToHoldingArea',\r\n });\r\n props.setAutoReloadProcessOrders(orderSetupResponse.importsSetup?.refreshOrderGridOnScanAndPrint);\r\n if (orderSetupResponse.outputFileSetUp?.selectedOutputFileValues?.length > 0) {\r\n let selectedOutputValues = orderSetupResponse.outputFileSetUp.selectedOutputFileValues;\r\n let availableOutputValues = [];\r\n let dragFromValuesResp = [];\r\n // selectedOutputValues = dragToValues.filter((ele) => (selectedOutputValues.map((val) => val.valueName).includes(ele.valueName))).concat(dragFromValues.filter((ele) => (selectedOutputValues.map((val) => val.valueName).includes(ele.valueName))));\r\n availableOutputValues = dragToValues.filter((ele) => !(selectedOutputValues.map((val) => val.valueName).includes(ele.valueName)));\r\n dragFromValuesResp = dragFromValues.filter((ele) => !(selectedOutputValues.map((val) => val.valueName).includes(ele.valueName)));\r\n setTimeout(() => {\r\n setDragToValues(selectedOutputValues);\r\n setDragFromValues(sortBasedOnNestedOrNot(availableOutputValues.concat(dragFromValuesResp), \"name\"));\r\n }, 0);\r\n }\r\n else {\r\n setDragToValues(selectedOutputFileValues);\r\n setDragFromValues(sortBasedOnNestedOrNot(outputFileValues, \"name\"));\r\n }\r\n if (orderSetupResponse.outputFileSetUp?.manualShipment) {\r\n setTimeout(() => {\r\n formikRef.current?.setFieldValue('manualShipmentConfirmation', orderSetupResponse.outputFileSetUp?.manualShipment);\r\n formikRef.current?.setFieldValue('fileExtension', orderSetupResponse.outputFileSetUp?.fileExtension);\r\n if ((delimiterOptions.map((ele) => ele.value).includes(orderSetupResponse.outputFileSetUp?.delimiter))) {\r\n formikRef.current?.setFieldValue('delimiter', setDropdownValues(delimiterOptions, 'value', delimiterOptions.filter((val) => val.value === orderSetupResponse.outputFileSetUp?.delimiter)[0].value));\r\n }\r\n else {\r\n formikRef.current?.setFieldValue('delimiter', setDropdownValues(delimiterOptions, 'value', 'otherDelimiter'));\r\n formikRef.current?.setFieldValue('newDelimeter', orderSetupResponse.outputFileSetUp?.delimiter);\r\n }\r\n }, 0);\r\n }\r\n }, [orderSetupResponse]);\r\n\r\n const isFormInValid = (errors, values, setFieldTouched) => {\r\n let clonedReqFields = [...reqFields];\r\n if (values.shipmentConfirmation) {\r\n clonedReqFields.push('outputExportDirectory')\r\n setFieldTouched('outputExportDirectory',true);\r\n if (values.manualShipmentConfirmation) {\r\n clonedReqFields.push('fileExtension');\r\n setFieldTouched('fileExtension',true);\r\n if (values.delimiter.value === 'otherDelimiter') {\r\n clonedReqFields.push('newDelimeter');\r\n setFieldTouched('newDelimeter',true);\r\n }\r\n }\r\n }\r\n for (let err in errors) {\r\n if (clonedReqFields.some((fieldName) => fieldName === err)) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n const handleSubmit = (values, errors ,setFieldTouched) => {\r\n if (!isFormInValid(errors, values, setFieldTouched)) {\r\n const formikValues = formikRef.current.values;\r\n const reqObj = {\r\n organization: getCustomerAccountID(),\r\n importsSetup: {\r\n overWriteSameCustomerRef: formikValues.overWriteSameCustomerRef,\r\n overWriteSameAltRef: formikValues.overWriteSameAltRef,\r\n autoPostCollection: formikValues.autoPostCollection,\r\n includeOrderDefaults: formikValues.includeOrderDefaults,\r\n includeOrderMapping: formikValues.includeOrderMapping,\r\n autoUpdateDomesticService: formikValues.autoUpdateDomesticService,\r\n refreshOrderGridOnScanAndPrint: formikValues.refreshOrderGridOnScanAndPrint,\r\n includeMarketplaceDefaults: formikValues.includeMarketplaceDefaults,\r\n includeMarketplaceMapping: formikValues.includeMarketplaceMapping,\r\n transferAction: reverseTransferActionTypes[formikValues.transferAction],\r\n pollingInterval: parseInt(formikValues.pollingInterval),\r\n },\r\n outputFileSetUp: {\r\n shipmentConfirmation: formikValues.shipmentConfirmation,\r\n manualShipment: formikValues.shipmentConfirmation ? formikValues.manualShipmentConfirmation : false,\r\n fileExtension: formikValues.shipmentConfirmation ? formikValues.manualShipmentConfirmation ? formikValues.fileExtension : null : null,\r\n delimiter: formikValues.shipmentConfirmation ? formikValues.manualShipmentConfirmation ? formikValues.delimiter.value === 'otherDelimiter' ? formikValues?.newDelimeter.toString() : formikValues.delimiter.value : null : null,\r\n outputExportDirectory: formikValues.outputExportDirectory,\r\n selectedOutputFileValues: formikValues.shipmentConfirmation === true ? dragToValues : [],\r\n },\r\n schemas: [...activeSchemas],\r\n };\r\n POST(`${ServiceEndPoints.orderSetup}`, reqObj)\r\n .then((res) => {\r\n dispatch(actions.setAppSnackBarData({ msg: \"Order setup saved successfully\" }))\r\n getOrderSetupResponse();\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n });\r\n } else {\r\n dispatch(\r\n actions.setBottomAlert({\r\n msgs: [{ type: 'error', msg: 'The form has errors, please correct and try again' }],\r\n }),\r\n );\r\n }\r\n };\r\n const [overWriteCustomerRef, setOverWriteCustomerRef] = useState();\r\n const [overWriteAltRef, setOverWriteAltRef] = useState();\r\n const [currentSelected, setCurrentSelected] = useState(\"\");\r\n const [canShowPopupCustomerRef, setCanShowPopupCustomerRef] = useState(false);\r\n const [canShowPopupAltRef, setCanShowPopupAltRef] = useState(false);\r\n\r\n const [showConfirmationDialog, setShowConfirmationDialog] = useState(false);\r\n useEffect(() => {\r\n if (!orderSetupResponse?.importsSetup?.overWriteSameCustomerRef && overWriteCustomerRef) {\r\n setCanShowPopupCustomerRef(true)\r\n }\r\n else {\r\n if (!overWriteCustomerRef && (canShowPopupCustomerRef || orderSetupResponse?.importsSetup?.overWriteSameCustomerRef)) {\r\n setCurrentSelected(\"overWriteSameCustomerRef\");\r\n setShowConfirmationDialog(true)\r\n }\r\n setCanShowPopupCustomerRef(false);\r\n }\r\n\r\n\r\n }, [overWriteCustomerRef])\r\n\r\n useEffect(() => {\r\n if (!orderSetupResponse?.importsSetup?.overWriteSameAltRef && overWriteAltRef) {\r\n setCanShowPopupAltRef(true)\r\n }\r\n else {\r\n if (!overWriteAltRef && (canShowPopupAltRef || orderSetupResponse?.importsSetup?.overWriteSameAltRef)) {\r\n setCurrentSelected(\"overWriteSameAltRef\");\r\n setShowConfirmationDialog(true)\r\n }\r\n setCanShowPopupAltRef(false)\r\n }\r\n\r\n }, [overWriteAltRef])\r\n\r\n const handleDialogClose = () => {\r\n setShowConfirmationDialog(false);\r\n formikRef.current.setFieldValue(currentSelected, true)\r\n\r\n }\r\n\r\n const onDialogConfirm = () => {\r\n setShowConfirmationDialog(false);\r\n }\r\n\r\n return (\r\n \r\n {\r\n const commodityItems = formikValues.commodityDetails;\r\n return (\r\n \r\n \r\n \r\n Item details\r\n \r\n \r\n \r\n 19} onClick={openAddCommodityDetails}>\r\n \r\n Add new\r\n \r\n \r\n {\r\n addNewCommodityDetails(arrayHelpers, values);\r\n }}\r\n updateCommodityDetails={(index, values) => updateCommodityDetails(arrayHelpers, index, values)}\r\n marketPlacesList = {marketPlacesList}\r\n isMarketplacesCommodity = {true}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* { formikValues.reasonForExport?.type === 'documents' && formikValues?.subTotal > 5 ?\r\n \r\n Max sub total allowed for this reason for export is 5.\r\n \r\n : \r\n Total weight: {parseFloat(commodityWeight).toFixed(2)} can not be greater than the declared\r\n weight {!isOrderDefaults ? parseFloat(formikValues.weight || 0).toFixed(2) : (parseFloat(formikValues.weight || 0)*(formikValues.noOfItems || 1)).toFixed(2) } \r\n \r\n }\r\n {errors?.commodityDetails ? {errors.commodityDetails} : null} */}\r\n \r\n );\r\n }}\r\n />\r\n
\r\n );\r\n};\r\n\r\nMarketplaceCommodityDetails.propTypes = {\r\n formField: PropTypes.object,\r\n formikValues: PropTypes.object,\r\n errors: PropTypes.object,\r\n};\r\n\r\nexport default MarketplaceCommodityDetails;\r\n","import React from 'react';\r\nimport FormRenderer from '../../../../../../framework/Inputs/formRenderer/formRenderer';\r\nimport { Grid } from '@material-ui/core';\r\n\r\nconst MarketplaceInvoiceDecAndShippingDtls = ({ formField, setFieldValue, currencies, reasonsForExportList, ...rest }) => {\r\n\r\n const { customDeclarationShippingCharges, customDeclarationCurrency, invoiceTypeLabel, invoiceNumber, reasonForExport } = formField;\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n getClear(event)}>\r\n getAddresses(event, '')}>\r\n \r\n ),\r\n }}\r\n fullWidth\r\n />\r\n\r\n {/* \r\n getAddresses(event, '')}>\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nSearchSchemas.propTypes = {\r\n formField: PropTypes.object,\r\n schemaSearchFor: PropTypes.string,\r\n setFieldValue: PropTypes.func,\r\n onAddressChange: PropTypes.func,\r\n formikValues: PropTypes.object,\r\n};\r\n\r\nexport default SearchSchemas;\r\n","import React from 'react';\r\nimport { Form, Formik } from 'formik';\r\nimport PropTypes from 'prop-types';\r\nimport SearchSchemas from './SearchSchemas';\r\nimport { getYupSchemaFromMetaData } from '../../../../../utils/yupSchema/yupSchemaGenerator';\r\n\r\nconst SearchMySchemas = (props) => {\r\n const formField = searchForm;\r\n const newSearchValidationSchema = getYupSchemaFromMetaData(formField, [], []);\r\n\r\n const initialValues = {\r\n schemaSearchFor: '',\r\n };\r\n\r\n return (\r\n \r\n \r\n {({ values, setFieldValue, errors, setFieldTouched }) => (\r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SearchMySchemas;\r\n\r\nconst searchForm = {\r\n schemaSearchFor: {\r\n props: {\r\n name: 'schemaSearchFor',\r\n label: 'Search by',\r\n type: 'text',\r\n placeholder: 'Schema name',\r\n },\r\n },\r\n};\r\n\r\nSearchMySchemas.propTypes = {\r\n onAddressChange: PropTypes.func,\r\n};\r\n","const PrinterQueueForm = {\r\n formId: 'PrinterQueueForm',\r\n formField: {\r\n defaultPrinter: {\r\n props: {\r\n name: 'defaultPrinter',\r\n label: 'Print unknown printer queues to printer (Default)',\r\n type: 'select',\r\n displayField: 'name',\r\n },\r\n value: '',\r\n },\r\n printerQueueName: {\r\n props: {\r\n name: 'printerQueueName',\r\n label: 'Printer queue name',\r\n type: 'text',\r\n isRequired: true,\r\n inputProps: {\r\n maxLength: 35,\r\n },\r\n },\r\n value: '',\r\n validation: {\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Printer queue name is required'],\r\n },\r\n {\r\n type: 'when',\r\n params: [\r\n 'printerQueueList',\r\n (printerQueueList, schema) => {\r\n return schema.test('duplicateFinder', 'Duplicate printer queue name', (value) => {\r\n return !printerQueueList?.some(\r\n (printerQueue) =>\r\n printerQueue?.printerQueueName?.toLowerCase()?.trim() === value?.toLowerCase()?.trim(),\r\n );\r\n });\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n },\r\n printerToPrint: {\r\n props: {\r\n name: 'printerToPrint',\r\n label: 'Printer to print on',\r\n type: 'select',\r\n displayField: 'name',\r\n isRequired: true,\r\n },\r\n value: '',\r\n validation: {\r\n validationType: 'object',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Printer to print on is required'],\r\n },\r\n {\r\n type: 'test',\r\n params: [\r\n '',\r\n 'Printer to print on is required',\r\n (value) => {\r\n if (!value?.value) {\r\n return false;\r\n }\r\n return true;\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n },\r\n printerQueueList: {\r\n props: {\r\n name: 'printerQueueList',\r\n type: 'array',\r\n fields: {\r\n printerQueueName: '',\r\n printerToPrint: '',\r\n },\r\n },\r\n values: [],\r\n },\r\n },\r\n};\r\nexport default PrinterQueueForm;\r\n","import React, { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Grid, IconButton, SvgIcon } from '@material-ui/core';\r\nimport FormRenderer from '../../../../../framework/Inputs/formRenderer/formRenderer';\r\nimport InputButton from '../../../../../framework/Inputs/inputButton/inputButton';\r\nimport DynamicMaterialTable from '../../../../../framework/DynamicMaterialTable/DynamicMaterialTable';\r\nimport { ReactComponent as DeleteIcon } from '../../../../../assets/images/DeleteIcon.svg';\r\n\r\nconst AddPrinterQueue = (props) => {\r\n const {\r\n availablePrinters,\r\n setFieldTouched,\r\n setFieldValue,\r\n formikValues,\r\n formField,\r\n arrayHelpers,\r\n setOldprinterQueueList,\r\n savePrinterQueues,\r\n errors,\r\n setIsFormDirty,\r\n } = props;\r\n\r\n const getColumns = () => {\r\n return [\r\n { title: 'id', field: 'id', hidden: true, width: 0 },\r\n {\r\n title: 'Printer queue name',\r\n field: 'printerQueueName',\r\n sorting: false,\r\n },\r\n {\r\n title: 'Printer to print on',\r\n field: 'printerToPrint.name',\r\n sorting: false,\r\n },\r\n {\r\n title: '',\r\n render: (row) => (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nSelectedAccounts.propTypes = {\r\n formField: PropTypes.object,\r\n formikValues: PropTypes.object,\r\n onAccountChange: PropTypes.func,\r\n totalRecords: PropTypes.string,\r\n setFieldValue: PropTypes.func,\r\n isFavourites: PropTypes.object,\r\n setFieldTouched: PropTypes.func,\r\n}\r\n\r\nexport default SelectedAccounts;\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { AppBar, Tabs, Tab, Grid, IconButton, SvgIcon, Divider } from '@material-ui/core/';\r\nimport { Form, Formik } from 'formik';\r\nimport { ReactComponent as AddIcon } from '../../../src/assets/images/AddIcon.svg';\r\nimport { getYupSchemaFromMetaData } from '../../utils/yupSchema/yupSchemaGenerator';\r\nimport './UserManagement.scss';\r\nimport CreateNewUser from '../../components/userManagement/createNewUser/createNewUser';\r\nimport CreateNewRetailUser from '../../components/userManagement/createNewRetailUser/createNewRetailUser';\r\nimport TabPanel from '../../components/shared/tabPanel';\r\nimport UserList from '../../components/userManagement/UserList';\r\nimport { ServiceEndPoints } from '../../utils/constants/ApiConstant';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { axiosConfig, abortOnGoingCallsFor } from '../../api/axios';\r\nimport CustomDialog from './../../framework/dialog/customDialog';\r\nimport { ReactComponent as statusyes } from '../../assets/images/status-yes.svg';\r\nimport { ReactComponent as statusno } from '../../assets/images/status-no.svg';\r\nimport { ReactComponent as InfoIcon } from '../../assets/images/InfoIconDark.svg';\r\nimport SelectedAccounts from '../../components/userManagement/Accounts/SelectedAccounts';\r\nimport userManagementForm from '../../utils/formConfig/userManagement/userManagementForm';\r\nimport Menu from '@material-ui/core/Menu';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport { roleOptions, UserManagementSearch, UserRoles } from '../../utils/constants/constants';\r\nimport { basicSort, customTableSort, getCustomerAccountID, formatDate } from '../../utils/helperFunctions';\r\nimport * as actions from '../../store/actions/index';\r\nimport FormRenderer from '../../framework/Inputs/formRenderer/formRenderer';\r\n\r\nconst formikRef = React.createRef(null);\r\nconst { formId, formField } = userManagementForm;\r\nconst userManagementSchema = getYupSchemaFromMetaData(formField, [], []);\r\nconst initialValues = {\r\n setupSearchFor: '',\r\n setupSearchBy: UserManagementSearch[0],\r\n role: roleOptions[0],\r\n};\r\n\r\nconst additionalProps = {\r\n selectionProps: (rowData) => ({\r\n disabled: rowData.isAccountSelected === true && rowData.isAccountDisabled === true ? true : false,\r\n checked: rowData.isAccountSelected === true ? true : false,\r\n }),\r\n showSelectAllCheckbox: false,\r\n};\r\n\r\nconst ITEM_HEIGHT = 48;\r\nclass UserManagement extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n createUser: false,\r\n updateUser: false,\r\n updateSuperUserFlag: false,\r\n setupSearchForFlag : false,\r\n rowData: {},\r\n open: false,\r\n tabIndex: 0,\r\n fromIndex: 1,\r\n totalRecords: 0,\r\n currentAccount: '0',\r\n existingAccounts: [{}],\r\n anchorEl: null,\r\n roleAccess: [],\r\n currentAccess: [],\r\n isTabChanged: false,\r\n isClearBtn: false,\r\n searchText: '',\r\n userListcolumns: [\r\n {\r\n title: 'id',\r\n field: 'id',\r\n hidden: true,\r\n width: 0,\r\n render: (row) => {\r\n return this.customerNumberClicked(row)}>{row.id}
;\r\n },\r\n },\r\n {\r\n title: 'User name',\r\n field: 'userName',\r\n render: (row) => {\r\n return this.customerNumberClicked(row)}>{row.userName}
;\r\n },\r\n customSort: (a, b) => customTableSort(a.userName, b.userName),\r\n width: 150,\r\n },\r\n {\r\n title: 'Role',\r\n field: 'role',\r\n render: (row) => this.customerNumberClicked(row)}>{row.role}
,\r\n sorting: true,\r\n customSort: (a, b) => customTableSort(a.role, b.role),\r\n width: 120,\r\n },\r\n {\r\n field: 'role',\r\n width: 20,\r\n sorting: false,\r\n render: (row) => (\r\n <>\r\n this.customerNumberClicked(row)}>{row.emailId}
,\r\n sorting: true,\r\n customSort: (a, b) => customTableSort(a.emailId, b.emailId),\r\n width: 200,\r\n },\r\n {\r\n title: 'Created by',\r\n field: 'createdBy',\r\n render: (row) => this.customerNumberClicked(row)}>{row.createdBy}
,\r\n sorting: true,\r\n customSort: (a, b) => customTableSort(a.createdBy, b.createdBy),\r\n width: 130,\r\n },\r\n {\r\n title: 'Last updated',\r\n field: 'lastUpdated',\r\n render: (row) => this.customerNumberClicked(row)}>{row.lastUpdated ? formatDate(row.lastUpdated, '/', 'dd/mm/yy') : null}
,\r\n sorting: true,\r\n customSort: (a, b) =>\r\n basicSort(new Date(a.lastUpdated).getTime() || 0, new Date(b.lastUpdated).getTime() || 0),\r\n width: 130,\r\n },\r\n {\r\n title: 'Updated by',\r\n field: 'updatedBy',\r\n customSort: (a, b) => customTableSort(a.updatedBy, b.updatedBy),\r\n render: (row) => this.customerNumberClicked(row)}>{row.updatedBy}
,\r\n sorting: true,\r\n width: 100,\r\n },\r\n {\r\n title: 'Status',\r\n field: 'status',\r\n headerStyle: {\r\n textAlign: 'center',\r\n },\r\n cellStyle: {\r\n textAlign: 'center',\r\n paddingLeft: '4%',\r\n paddingTop: '22px !important',\r\n },\r\n render: (row) => (\r\n <>\r\n this.customerNumberClicked(row)}>
\r\n {row.status}\r\n {row.status === true ? (\r\n this.customerNumberClicked(row)}>{row.userName}
;\r\n },\r\n customSort: (a, b) => customTableSort(a.userName, b.userName),\r\n width: 150,\r\n },\r\n {\r\n title: 'Role',\r\n field: 'role',\r\n render: (row) => {\r\n return this.customerNumberClicked(row)}>{row.role}
;\r\n },\r\n customSort: (a, b) => customTableSort(a.role, b.role),\r\n width: 150,\r\n },\r\n {\r\n title: 'Email id',\r\n field: 'emailId',\r\n render: (row) => {\r\n return this.customerNumberClicked(row)}>{row.emailId}
;\r\n },\r\n customSort: (a, b) => customTableSort(a.emailId, b.emailId),\r\n width: 200,\r\n },\r\n ],\r\n rows: [],\r\n userList_pageDetails: {\r\n offset: 0,\r\n limit: 0,\r\n totalRecordsLength: 0,\r\n page: 0,\r\n },\r\n userList_final_data: [],\r\n userList_totalCount: 0,\r\n usersToAccount_pageDetails: {\r\n offset: 0,\r\n limit: 0,\r\n totalRecordsLength: 0,\r\n page: 0,\r\n },\r\n usersToAccount_final_data: [],\r\n usersToAccount_totalCount: 0,\r\n userListCount: 0,\r\n pageSize: 50,\r\n pageNumber: 0,\r\n isLoading: false,\r\n userListData: [],\r\n addUsersToTotalRecords: 0,\r\n addUsersToData: [],\r\n };\r\n this.userDetailsPageToken = [''];\r\n this.userAccountsPageToken = [''];\r\n this.onAccountChange = this.onAccountChange.bind(this);\r\n this.loadUserAccount = this.loadUserAccount.bind(this);\r\n this.updateAccountStatus = this.updateAccountStatus.bind(this);\r\n this.checkedUserToAccount = this.checkedUserToAccount.bind(this);\r\n this.loadRolesAndAccess = this.loadRolesAndAccess.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n formikRef.current.setFieldValue('setupSearchBy', UserManagementSearch[0])\r\n this.loadUserAccount();\r\n this.loadRolesAndAccess();\r\n this.getuserListData();\r\n }\r\n\r\n handleClick = (event, value) => {\r\n let currentRole = this.state.roleAccess.find((role) => role.name.toLowerCase() === value.toLowerCase());\r\n this.setState({ currentAccess: currentRole.value });\r\n this.setState({ anchorEl: event.currentTarget });\r\n };\r\n\r\n handleClose = (value) => {\r\n this.setState({ currentAccess: [] });\r\n this.setState({ anchorEl: null });\r\n };\r\n\r\n loadRolesAndAccess() {\r\n let url = ServiceEndPoints.getRolesAccess;\r\n axiosConfig\r\n .get(url)\r\n .then((response) => {\r\n let roles = [];\r\n response.data.map((userRole) => {\r\n const item = {\r\n name: userRole.roleName,\r\n value: userRole.accessSet,\r\n };\r\n roles.push(item);\r\n });\r\n this.setState({\r\n roleAccess: roles,\r\n });\r\n })\r\n .catch((err) => { });\r\n }\r\n\r\n loadUserAccount() {\r\n if (this.props.userDetails && this.props.userDetails.accounts.length > 0) {\r\n var accounts = this.props.userDetails.accounts;\r\n var lstAccounts = [];\r\n accounts.map((account) => {\r\n const item = {\r\n name: `${account.accountId}-${account.accountName}${(account.configuration.firstMileDropOffAllowed) ? '-FMD' : ''}`,\r\n value: account.accountId,\r\n };\r\n lstAccounts.push(item);\r\n });\r\n this.setState({\r\n existingAccounts: lstAccounts,\r\n });\r\n }\r\n }\r\n\r\n onAccountChange(value) {\r\n // this.setState(\r\n // {\r\n // isTabChanged: true,\r\n // },\r\n // () => {\r\n this.updateAccountStatus(value);\r\n // },\r\n // );\r\n }\r\n\r\n updateAccountStatus(value) {\r\n let newArray = [...this.state.usersToAccount_final_data];\r\n newArray.map((stateValue, index) => {\r\n newArray[index] = { ...stateValue, isAccountSelected: false, isAccountDisabled: false };\r\n });\r\n newArray.map((stateValue, index) => {\r\n let isAccountAvailable = stateValue.accounts.some((val) => {\r\n return Object.keys(val) === 0 ?\r\n val?.toLowerCase() === value.value.toLowerCase() : false\r\n });\r\n if (isAccountAvailable) {\r\n newArray[index] = { ...newArray[index], isAccountSelected: !newArray[index].isAccountSelected };\r\n newArray[index] = { ...newArray[index], isAccountDisabled: !newArray[index].isAccountDisabled };\r\n }\r\n });\r\n this.setState({\r\n usersToAccount_final_data: newArray,\r\n currentAccount: value.value === '' ? '0' : value.value,\r\n });\r\n // tableRef.current && tableRef.current.onQueryChange();\r\n this.getuserListData();\r\n }\r\n\r\n checkedUserToAccount(selectedRow, resetchecked) {\r\n if (resetchecked) {\r\n this.state.userList_final_data.forEach((d) => {\r\n if (d.tableData) d.tableData.checked = false;\r\n });\r\n } else {\r\n const elementsIndex = this.state.usersToAccount_final_data.findIndex(\r\n (element) => element.id.toLowerCase() == selectedRow.toLowerCase(),\r\n );\r\n let newArray = [...this.state.usersToAccount_final_data];\r\n newArray[elementsIndex] = {\r\n ...newArray[elementsIndex],\r\n isAccountSelected: !newArray[elementsIndex].isAccountSelected,\r\n };\r\n this.setState({\r\n usersToAccount_final_data: newArray,\r\n });\r\n }\r\n }\r\n\r\n addAccountToAllUsers = (accountSelected) => {\r\n let itemsToBeAdded = [];\r\n this.state.usersToAccount_final_data.map((account) => {\r\n const itemAccount = account.accounts;\r\n let isAccountAvailable = itemAccount.some((val) => val.toLowerCase() === accountSelected.toLowerCase());\r\n if (!isAccountAvailable) {\r\n const item = {\r\n name: account.userName,\r\n emailId: account.emailId,\r\n customerAccountID: getCustomerAccountID(),\r\n role: account.role,\r\n accounts: account.accounts,\r\n isActive: account.status,\r\n };\r\n itemsToBeAdded.push(item);\r\n }\r\n });\r\n const payload = itemsToBeAdded;\r\n\r\n axiosConfig\r\n .patch(`${ServiceEndPoints.postUsersToAccount}?accountID=${accountSelected}`, payload)\r\n .then((response) => {\r\n this.props.setSnackBar({ msg: 'Account added to all users' });\r\n // if (tableRef.current) {\r\n this.setState({ isTabChanged: true, pageSize: 50, pageNumber: 0 }, () => {\r\n // tableRef.current.onQueryChange();\r\n this.getuserListData();\r\n });\r\n // }\r\n })\r\n .catch((error) => {\r\n alert('Could not add account to user, please try again.');\r\n });\r\n };\r\n\r\n addToAccount = (accountIds, accountSelected) => {\r\n let itemsToBeAdded = [];\r\n accountIds.map((account) => {\r\n const item = {\r\n name: account.userName,\r\n emailId: account.emailId,\r\n customerAccountID: getCustomerAccountID(),\r\n role: account.role,\r\n accounts: account.accounts,\r\n isActive: account.status,\r\n };\r\n itemsToBeAdded.push(item);\r\n });\r\n const payload = itemsToBeAdded;\r\n\r\n axiosConfig\r\n .patch(`${ServiceEndPoints.postUsersToAccount}?accountID=${accountSelected}`, payload)\r\n .then((response) => {\r\n this.props.setSnackBar({ msg: 'Account added to users' });\r\n // tableRef.current && tableRef.current.onQueryChange();\r\n this.getuserListData();\r\n })\r\n .catch((error) => {\r\n alert('Could not add account to user, please try again.');\r\n });\r\n };\r\n\r\n customerNumberClicked = (rowDatas) => {\r\n rowDatas?.role?.toLowerCase() === 'superuser' ? this.setState({ updateSuperUserFlag: true }) : this.setState({ updateSuperUserFlag: false });\r\n if (this.props.userDetails.role?.toLowerCase() === 'superuser') {\r\n this.setState({ open: true, rowData: rowDatas, updateUser: true, createUser: false });\r\n }\r\n else if (this.props.userDetails.role?.toLowerCase() === 'retail superuser') {\r\n console.log(rowDatas.role, this.props.userDetails.role)\r\n if (rowDatas.role?.toLowerCase() !== 'superuser' && rowDatas.role?.toLowerCase() !== 'national superuser') {\r\n this.setState({ open: true, rowData: rowDatas, updateUser: true, createUser: false });\r\n }\r\n }\r\n else if (this.props.userDetails.role?.toLowerCase() === 'national superuser') {\r\n if (rowDatas.role?.toLowerCase() === 'national superuser' || rowDatas.role?.toLowerCase() === 'basic shipment entry' || rowDatas.role?.toLowerCase() === 'basic shipment entry & reporting') {\r\n this.setState({ open: true, rowData: rowDatas, updateUser: true, createUser: false });\r\n }\r\n }\r\n };\r\n\r\n openCreateUserModal = async () => {\r\n this.setState({ open: true, updateUser: false, createUser: true });\r\n };\r\n\r\n handleCloseModal = async (setErrors, resetForm) => {\r\n this.setState({ open: false, updateUser: false, createUser: false });\r\n await resetForm({});\r\n await setErrors({});\r\n formikRef.current.setFieldValue('setupSearchBy', UserManagementSearch[0])\r\n formikRef.current.setFieldValue('setupSearchFor', '')\r\n this.getClear();\r\n };\r\n\r\n handleButtonClick = () => {\r\n this.setState({ open: false });\r\n };\r\n\r\n handleTabChange = (event, index) => {\r\n if (index === 0) {\r\n this.updateAccountStatus({ name: 'Select', value: '' });\r\n formikRef.current.resetForm();\r\n this.state.userList_final_data.forEach((d) => {\r\n if (d.tableData) d.tableData.checked = false;\r\n });\r\n this.userDetailsPageToken.length = 0;\r\n this.userDetailsPageToken = [''];\r\n } else {\r\n this.userAccountsPageToken.length = 0;\r\n this.userAccountsPageToken = [''];\r\n }\r\n this.setState({ tabIndex: index, isTabChanged: true, pageSize: 50, pageNumber: 0 }, () => {\r\n // tableRef.current && tableRef.current.onQueryChange();\r\n this.getuserListData();\r\n });\r\n formikRef.current.setFieldValue('setupSearchBy', UserManagementSearch[0])\r\n formikRef.current.setFieldValue('setupSearchFor', '')\r\n this.getClear()\r\n };\r\n\r\n getuserListData = () => {\r\n this.setState({ isLoading: true });\r\n const offset = this.state.pageSize * this.state.pageNumber;\r\n const limit = this.state.pageSize;\r\n let totalCnt = limit * (this.state.pageNumber + 1);\r\n abortOnGoingCallsFor(ServiceEndPoints.getUsers);\r\n axiosConfig\r\n .get(this.getUrl(offset, limit))\r\n .then((res) => {\r\n const isAddToAccList = this.state.tabIndex === 1;\r\n if (this.state.pageNumber === 0) {\r\n this.userDetailsPageToken.length = 0;\r\n this.userDetailsPageToken = [''];\r\n this.userAccountsPageToken.length = 0;\r\n this.userAccountsPageToken = [''];\r\n } else if (\r\n this.state[isAddToAccList ? 'usersToAccount_pageDetails' : 'userList_pageDetails'].page >\r\n this.state.pageNumber\r\n ) {\r\n this.userDetailsPageToken = this.userDetailsPageToken.slice(0, this.state.userList_pageDetails.page);\r\n this.userAccountsPageToken = this.userAccountsPageToken.slice(0, this.state.usersToAccount_pageDetails.page);\r\n }\r\n\r\n res.data?.skipToken && this.userDetailsPageToken.push(res.data.skipToken);\r\n res.data?.skipToken && this.userAccountsPageToken.push(res.data.skipToken);\r\n\r\n this.setState({\r\n [isAddToAccList ? 'usersToAccount_pageDetails' : 'userList_pageDetails']: {\r\n offset: offset,\r\n limit: limit,\r\n totalRecordsLength: res.data?.skipToken ? totalCnt + 1 : totalCnt,\r\n page: this.state.pageNumber,\r\n },\r\n isTabChanged: false,\r\n });\r\n this.setState({ totalRecords: (res.data || {}).skipToken ? totalCnt + 1 : totalCnt });\r\n this.formatUserListData(res.data, totalCnt);\r\n\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n this.formatUserListData([]);\r\n })\r\n .finally(() => this.setState({ isLoading: false }));\r\n }\r\n\r\n getUrl = (offset, limit) => {\r\n let url = `${ServiceEndPoints.getUsers}?accountsNotRequired=true`;\r\n let searchedValue = formikRef.current.values.setupSearchFor?.trim();\r\n if (searchedValue && formikRef.current.values.setupSearchBy) {\r\n this.setState({ searchText: searchedValue })\r\n if (formikRef.current.values.setupSearchBy.name === 'User name') {\r\n url += `&userName=${encodeURIComponent(searchedValue)}`\r\n }\r\n if (formikRef.current.values.setupSearchBy.name === \"User's email id\") {\r\n url += `&emailID=${encodeURIComponent(searchedValue)}`\r\n }\r\n }\r\n url += '&limit=' + limit;\r\n if (this.state.tabIndex === 0) {\r\n if (this.state.userList_pageDetails && this.state.userList_pageDetails.limit !== limit) {\r\n this.userDetailsPageToken.length = 0;\r\n this.userDetailsPageToken = [''];\r\n }\r\n if (this.userDetailsPageToken[this.state.pageNumber] !== '')\r\n url += '&skipToken=' + this.userDetailsPageToken[this.state.pageNumber];\r\n } else {\r\n if (this.state.usersToAccount_pageDetails && this.state.usersToAccount_pageDetails.limit !== limit) {\r\n this.userAccountsPageToken.length = 0;\r\n this.userAccountsPageToken = [''];\r\n }\r\n if (this.userAccountsPageToken[this.state.pageNumber] !== '')\r\n url += '&skipToken=' + this.userAccountsPageToken[this.state.pageNumber];\r\n }\r\n return url;\r\n };\r\n\r\n formatUserListData = (result, totalCnt = 0) => {\r\n let final_data = [];\r\n ((result || {}).finalResponse || []).forEach((element, index) => {\r\n const accounts = element?.accounts;\r\n var lstAccounts = [];\r\n accounts.map((acc) => {\r\n lstAccounts.push(acc.accountId);\r\n });\r\n\r\n var lastUpdateDate = '';\r\n if (element.updatedAt) {\r\n var ldate = new Date(element.updatedAt);\r\n lastUpdateDate = ldate.getMonth() + 1 + '/' + ldate.getDate() + '/' + ldate.getFullYear();\r\n }\r\n\r\n final_data.push({\r\n id: element.userId,\r\n userName: element?.name,\r\n role: element?.role,\r\n emailId: element?.emailId,\r\n createdBy: element?.createdBy,\r\n lastUpdated: lastUpdateDate,\r\n updatedBy: element?.updatedBy,\r\n status: element?.isActive,\r\n accounts: lstAccounts,\r\n isAccountSelected: lstAccounts.some((val) => val.toLowerCase() === this.state.currentAccount.toLowerCase()),\r\n isAccountDisabled: lstAccounts.some((val) => val.toLowerCase() === this.state.currentAccount.toLowerCase()),\r\n });\r\n });\r\n this.setState({\r\n userList_final_data: final_data,\r\n userList_totalCount: (result || {}).skipToken ? totalCnt + 1 : totalCnt,\r\n usersToAccount_final_data: final_data,\r\n usersToAccount_totalCount: (result || {}).skipToken ? totalCnt + 1 : totalCnt,\r\n });\r\n };\r\n\r\n formikRefResetForm = () => {\r\n formikRef.current.setErrors({});\r\n };\r\n\r\n onPageNumChange(pageNum) {\r\n this.setState({ pageNumber: pageNum }, () => {\r\n this.getuserListData();\r\n });\r\n }\r\n\r\n onPageSizeChange(pageSize) {\r\n this.setState({ pageSize: pageSize }, () => {\r\n this.getuserListData();\r\n });\r\n }\r\n\r\n getUserDetails = (event) => {\r\n event.preventDefault();\r\n this.setState({ isClearBtn: true, pageNumber: 0 ,setupSearchForFlag: true}, () => {\r\n this.getuserListData();\r\n });\r\n }\r\n\r\n getClear = (event = null, queryParams = '') => {\r\n if (event) {\r\n event.preventDefault();\r\n }\r\n formikRef.current.setFieldValue('setupSearchFor', '');\r\n formikRef.current.setFieldTouched('setupSearchFor', false);\r\n this.setState({ pageNumber: 0, isClearBtn: false, searchText: '' }, () => {\r\n this.getuserListData();\r\n });\r\n };\r\n\r\n resetClearButton = () => {\r\n this.setState({ isClearBtn: false })\r\n }\r\n setClearButton = () => {\r\n this.setState({ isClearBtn: true })\r\n }\r\n setSetupSearchForFlag = () => {\r\n this.setState({setupSearchForFlag: false})\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n
\r\n ) : null}\r\n Pick-up address
\r\n\r\n {formatDisplayAddress(selectedTradingLocation)}\r\n
\r\nShipment-{artifactId}
\r\n \r\n {row?.activity === 'amend' && row?.artifactDisplayName === 'Shipment' ?\r\n handleInfoClick(row)}\r\n >\r\n
\r\n },\r\n }\r\n ];\r\n\r\n const [tableData, setTableData] = useState([]);\r\n const [tableDataLength, setTableDataLength] = useState([]);\r\n const [columns] = useState(tableColumns);\r\n const [showClearBtn, setShowClearBtn] = useState(false);\r\n const [showInfoDialog, setShowInfoDialog] = useState(false);\r\n const [amendInfoTableData, setAmendInfoTableData] = useState([]);\r\n const [artifactId, setArtifactId] = useState('');\r\n const dispatch = useDispatch();\r\n\r\n const getTableData = (event = {}) => {\r\n dispatch(actions.setLoaderLayOver(true));\r\n event?.stopPropagation?.();\r\n GET(`${ServiceEndPoints.auditLogs}?shipmentNo=${formikValues.shipmentNumber}`)\r\n .then((res) => {\r\n let _temp = _formatTableData(res.data.auditLogs)\r\n setTableData(_temp);\r\n setShowClearBtn(true);\r\n setTimeout(() => {\r\n dispatch(actions.setLoaderLayOver(false));\r\n }, 2000);\r\n })\r\n .catch((err) => {\r\n dispatch(actions.setLoaderLayOver(false));\r\n console.log(err);\r\n });\r\n };\r\n\r\n const handleInfoClick = (row) => {\r\n setTimeout(() => {\r\n let _temp = _formatInfoTableData(row)\r\n setAmendInfoTableData(_temp);\r\n setShowInfoDialog(true);\r\n }, 0);\r\n\r\n };\r\n\r\n const _formatInfoTableData = (row) => {\r\n setArtifactId(row.artifactId);\r\n let finalInfoData = [];\r\n row?.amendments?.forEach((element) => {\r\n finalInfoData.push({\r\n fieldName: element?.fieldName,\r\n oldValue: element?.oldValue ? element.oldValue : \"-\",\r\n newValue: element?.newValue ? element.newValue : \"-\",\r\n })\r\n });\r\n return finalInfoData;\r\n }\r\n\r\n const _formatTableData = (_result) => {\r\n let _finalData = [];\r\n (_result || []).forEach((_element) => {\r\n let _convertedDateTime = convertTZ(_element.responseTimeStamp)\r\n _finalData.push({\r\n artifactId: _element.artifactId,\r\n artifactNumber: _element.artifactNumber,\r\n user: _element.user,\r\n operation: _element.operation,\r\n logDate: _convertedDateTime.logDate,\r\n logTime: _convertedDateTime.logTime,\r\n artifactDisplayName: _element.artifactDisplayName,\r\n amendments: _element.amendments,\r\n activity: _element.activity,\r\n })\r\n });\r\n return _finalData;\r\n }\r\n const onDataUpdate = () => {\r\n try {\r\n getTableData();\r\n dispatch(actions.setAppSnackBarData({ msg: `Data exported successfully` }));\r\n }\r\n catch (err) {\r\n console.log(err)\r\n dispatch(\r\n actions.setBottomAlert({\r\n msgs: [\r\n {\r\n type: 'error',\r\n msg: 'Error in exporting data, please try again later',\r\n },\r\n ],\r\n }),\r\n );\r\n }\r\n };\r\n\r\n const sortTableData = (a, b) => {\r\n if (a < b) {\r\n return -1;\r\n } else if (a > b) {\r\n return 1;\r\n } else {\r\n return 0;\r\n }\r\n };\r\n\r\n const printDocument = () => {\r\n // const input = document.getElementById('shipmentTable');\r\n // html2canvas(input)\r\n // .then((canvas) => {\r\n // let imgWidth = 208;\r\n // let imgHeight = canvas.height * imgWidth / canvas.width;\r\n // const imgData = canvas.toDataURL('img/png');\r\n // const pdf = new jsPDF('p', 'mm', 'a4');\r\n // pdf.addImage(imgData, 'PNG', 0, 0, imgWidth, imgHeight);\r\n // // pdf.output('dataurlnewwindow');\r\n // pdf.save(\"download.pdf\");\r\n // })\r\n // ;\r\n try {\r\n const unit = \"pt\";\r\n const size = \"A4\"; // Use A1, A2, A3 or A4\r\n const orientation = \"landscape\"; // portrait or landscape\r\n const doc = new jsPDF(orientation, unit, size);\r\n\r\n const title = \"My Awesome Report\";\r\n const headersName = [headers.map(header => header.label)];\r\n const data = tableData.map(elt => [elt.artifactNumber, elt.user, elt.logDate, elt.logTime, elt.operation]);\r\n\r\n let content = {\r\n head: headersName,\r\n body: data,\r\n columnStyles: {\r\n 0: {\r\n columnWidth: 150\r\n },\r\n 1: {\r\n columnWidth: 200\r\n },\r\n 2: {\r\n columnWidth: 100\r\n },\r\n 3: {\r\n columnWidth: 100\r\n },\r\n 4: {\r\n columnWidth: 230\r\n }\r\n },\r\n styles: {\r\n cellWidth: 'wrap',\r\n fontSize: 12,\r\n overflowColumns: 'linebreak'\r\n }\r\n };\r\n\r\n doc.autoTable(content);\r\n doc.save(\"AuditByShipmentNumber.pdf\")\r\n dispatch(actions.setAppSnackBarData({ msg: `Data exported successfully` }));\r\n }\r\n catch (err) {\r\n console.log(err);\r\n dispatch(\r\n actions.setBottomAlert({\r\n msgs: [\r\n {\r\n type: 'error',\r\n msg: 'Error in exporting data, please try again later',\r\n },\r\n ],\r\n }),\r\n );\r\n }\r\n }\r\n\r\n const clearTable = () => {\r\n setTableData([]);\r\n setShowClearBtn(false);\r\n setFieldValue('shipmentNumber', '');\r\n };\r\n return (\r\n \r\n
\r\n ),\r\n field: 'artifactDisplayName',\r\n filtering: true,\r\n sorting: false,\r\n lookup: {\r\n Shipment: 'Shipment',\r\n 'Pickup': 'Pickup',\r\n Template: 'Template',\r\n AddressBook: 'AddressBook',\r\n // 'User management': 'User management',\r\n Configuration: 'Configuration',\r\n Users: 'Users',\r\n OrderFile: 'OrderFile'\r\n },\r\n filterValues:\r\n ['Shipment', 'Pickup', 'Template', 'AddressBook',\r\n , 'Configuration', 'Users', 'OrderFile'\r\n ],\r\n filterComponent: (props) => \r\n Event name\r\n
\r\n\r\n \r\n setShowFilter(true)} style={filterButtonStyle}>\r\n \r\n
\r\n \r\n {row?.activity === 'amend' && row?.artifactDisplayName === 'Shipment' ?\r\n handleInfoClick(row)}\r\n >\r\n
\r\n },\r\n }\r\n ];\r\n\r\n const [anchorEl, setAnchorEl] = useState(null);\r\n const [columns] = useState(tableColumns);\r\n // const [userIdValues, setUserIdValues] = useState([]);\r\n const [ExportData, setExportData] = useState([]);\r\n const [TotalCount, setTotalCount] = useState(0);\r\n const [showFilter, setShowFilter] = useState(false);\r\n const [pageSize, setPageSize] = useState(10);\r\n const [filterChanged, setFilterChanged] = useState(10);\r\n const [tableRawData, setTableRawData] = useState([]);\r\n const [pageDetails, setPageDetails] = useState({\r\n offset: 0,\r\n limit: 0,\r\n totalRecordsLength: 0,\r\n });\r\n const [userIdOptions, setUserIdOptions] = useState([{ name: 'Select', value: '' }]);\r\n const moment = extendMoment(originalMoment);\r\n const todayDate = moment();\r\n const loader = useSelector((state) => state.loaderLayOver.showLoader);\r\n const dispatch = useDispatch();\r\n const [ExportPdfData, setExportPdfData] = useState([]);\r\n\r\n const [showInfoDialog, setShowInfoDialog] = useState(false);\r\n const [amendInfoTableData, setAmendInfoTableData] = useState([]);\r\n const [artifactId, setArtifactId] = useState('');\r\n\r\n const getUrl = (query) => {\r\n let url = ServiceEndPoints.auditLogs;\r\n url += `?offset=${query.page * query.pageSize}`;\r\n url += `&limit=${query.pageSize}`;\r\n setPageSize(query.pageSize);\r\n return (url += getFilterOptions());\r\n };\r\n // useEffect(() => {\r\n // let url = ServiceEndPoints.auditLogs;\r\n // url += `&offset=${0}`;\r\n // GET(url)\r\n // .then((res)=>{\r\n // })\r\n // }, []);\r\n const getFilterOptions = () => {\r\n let filterString = `&userId=${(formikValues.userId || {}).value ? (formikValues.userId || {}).value : ''}`;\r\n filterString += `&startDate=${formikValues.startDate}`;\r\n return (filterString += `&endDate=${formikValues.endDate}`);\r\n };\r\n\r\n\r\n const handleInfoClick = (row) => {\r\n setTimeout(() => {\r\n let _temp = _formatInfoTableData(row)\r\n setAmendInfoTableData(_temp);\r\n setShowInfoDialog(true);\r\n }, 0);\r\n\r\n };\r\n\r\n const _formatInfoTableData = (row) => {\r\n setArtifactId(row.artifactId);\r\n let finalInfoData = [];\r\n row?.amendments?.forEach((element) => {\r\n finalInfoData.push({\r\n fieldName: element?.fieldName,\r\n oldValue: element?.oldValue ? element.oldValue : \"-\",\r\n newValue: element?.newValue ? element.newValue : \"-\",\r\n })\r\n });\r\n return finalInfoData;\r\n }\r\n\r\n const _formatTableData = (_result) => {\r\n let _finalData = [];\r\n (_result || []).forEach((_element) => {\r\n let _convertedDateTime = convertTZ(_element.responseTimeStamp);\r\n _finalData.push({\r\n user: _element.user,\r\n artifactDisplayName: _element.artifactDisplayName,\r\n artifactId: _element.artifactId,\r\n amendments: _element.amendments,\r\n logDate: _convertedDateTime.logDate,\r\n logTime: _convertedDateTime.logTime,\r\n operation: _element.operation,\r\n activity: _element.activity,\r\n })\r\n });\r\n return _finalData;\r\n }\r\n\r\n const getTableData = (query) => {\r\n const offset = query.page * query.pageSize;\r\n const limit = query.pageSize;\r\n\r\n return new Promise((resolve, reject) => {\r\n if (!formikValues.userId.value) {\r\n resolveTableData(resolve, [], query, 0);\r\n }\r\n if ((formikValues.userId.value !== '') && (pageDetails.offset !== query.page * query.pageSize || pageDetails.limit !== query.pageSize || filterChanged)) {\r\n GET(getUrl(query))\r\n .then((res) => {\r\n // setExportData(res.data.auditLogs);\r\n let FinalData = (res.data.auditLogs.length > 0) ? _formatTableData(res.data.auditLogs) : [];\r\n setTableRawData(FinalData);\r\n setTotalCount(res.data === null ? 0 : res.data.totalRecords);\r\n setPageDetails({\r\n offset,\r\n limit,\r\n totalRecordsLength: (res.data || {}).totalRecords,\r\n });\r\n setFilterChanged(false);\r\n filterData(FinalData, query, resolve, res?.data?.totalRecords);\r\n resolveTableData(resolve, FinalData, query, res.data?.totalRecords || 0);\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setTotalCount(0);\r\n resolveTableData(resolve, [], query, 0);\r\n setFilterChanged(false);\r\n });\r\n } else {\r\n filterData(tableRawData, query, resolve, pageDetails.totalRecordsLength);\r\n }\r\n });\r\n };\r\n\r\n const filterData = (tableData, query, resolve, totalRecordsLength) => {\r\n const filteredData = tableData.filter((row) => {\r\n return !query.filters\r\n .filter((individualFilter) => individualFilter.value.length > 0)\r\n .map((mappedObjet) => {\r\n if (\r\n (mappedObjet.value || []).filter((filterValue) => {\r\n const rowValue = mappedObjet.column.field.split('.').reduce((a, b) => a[b], row);\r\n return (filterValue || '').toLowerCase() === (rowValue || '').toLowerCase();\r\n }).length > 0\r\n ) {\r\n return true;\r\n }\r\n return false;\r\n })\r\n .some((checkValue) => checkValue === false);\r\n });\r\n resolveTableData(resolve, filteredData, query, totalRecordsLength);\r\n };\r\n\r\n const resolveTableData = (resolve, tableData, query, totalCount) => {\r\n resolve({\r\n data: tableData,\r\n page: query.page,\r\n totalCount,\r\n filters: [],\r\n });\r\n };\r\n\r\n const onDataUpdate = () => {\r\n let url = ServiceEndPoints.auditLogs;\r\n url += `?offset=${0}`;\r\n url += `&limit=${TotalCount}`;\r\n url += getFilterOptions();\r\n GET(url)\r\n .then((res) => {\r\n let FinalData = (res.data.auditLogs.length > 0) ? _formatTableData(res.data.auditLogs) : [];\r\n setExportData(FinalData);\r\n setExportPdfData(FinalData)\r\n dispatch(actions.setAppSnackBarData({ msg: `Data exported successfully` }));\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setExportData([]);\r\n dispatch(\r\n actions.setBottomAlert({\r\n msgs: [\r\n {\r\n type: 'error',\r\n msg: 'Error in exporting data, please try again later',\r\n },\r\n ],\r\n }),\r\n );\r\n });\r\n };\r\n\r\n const onSelect = (val) => {\r\n if (val && val.start && val.end) {\r\n const dateObj = {\r\n startDate: formatDate(val.start._i, '/').split('/').reverse().join('/'),\r\n endDate: formatDate(val.end._i, '/').split('/').reverse().join('/'),\r\n };\r\n dateObj.dateRange = `${dateObj.startDate} - ${dateObj.endDate}`;\r\n setValues({ ...formikValues, ...dateObj });\r\n setAnchorEl(null);\r\n }\r\n };\r\n\r\n const handleClick = (event) => {\r\n setAnchorEl(event.currentTarget);\r\n };\r\n useEffect(() => {\r\n if (formikValues.userId && formikValues.userId.value !== \"\") {\r\n let url = ServiceEndPoints.auditLogs;\r\n url += `?offset=${0}`;\r\n url += `&limit=${TotalCount}`;\r\n url += getFilterOptions();\r\n GET(url).then((res) => {\r\n let FinalData = (res.data.auditLogs.length > 0) ? _formatTableData(res.data.auditLogs) : [];\r\n setExportPdfData(FinalData)\r\n setExportData(FinalData)\r\n })\r\n }\r\n else {\r\n setExportPdfData([])\r\n setExportData([]);\r\n }\r\n }, [TotalCount, (formikValues.userId || {}).value ? (formikValues.userId || {}).value : ''])\r\n\r\n useEffect(() => {\r\n dispatch(actions.setLoaderLayOver(true));\r\n GET(`${ServiceEndPoints.getUsers}`)\r\n .then((res) => {\r\n let userDataDefault = [{ name: 'Select', value: '' }]\r\n let userResponseData = ((res.data || {}).finalResponse || []).map(({ emailId, userId }) => {\r\n return {\r\n name: emailId,\r\n value: userId,\r\n }\r\n })\r\n let userData = [...userDataDefault, ...userResponseData]\r\n setUserIdOptions(userData)\r\n setTimeout(() => {\r\n dispatch(actions.setLoaderLayOver(false));\r\n }, 2000);\r\n })\r\n .catch((err) => {\r\n dispatch(actions.setLoaderLayOver(false));\r\n console.log(err);\r\n setUserIdOptions([{ name: 'Select', value: '' }]);\r\n });\r\n setFieldValue('userId', userIdOptions[0]);\r\n setFieldValue('dateRange', 'Select')\r\n }, []);\r\n\r\n const handleClose = () => {\r\n setAnchorEl(null);\r\n };\r\n\r\n useEffect(() => {\r\n if (tabIndex === 1) {\r\n tableRef.current && tableRef.current.onQueryChange();\r\n }\r\n setFilterChanged(true);\r\n }, [formikValues.userId, formikValues.startDate, formikValues.endDate, tabIndex]);\r\n\r\n const dateRangeBlurred = (event) => {\r\n const dateRangeValue = event.target.value;\r\n const dates = dateRangeValue.split('-');\r\n\r\n if (dates.length !== 2) {\r\n setFieldTouched('dateRange', true);\r\n const dateObj = {\r\n startDate: '',\r\n endDate: '',\r\n };\r\n setValues({ ...formikValues, ...dateObj });\r\n setFieldError('dateRange', 'Invalid dates');\r\n } else {\r\n const fromDate = convertDDtoDateObj(dates[0]);\r\n const toDate = convertDDtoDateObj(dates[1]);\r\n if (fromDate instanceof Date && !isNaN(fromDate) && toDate instanceof Date && !isNaN(toDate)) {\r\n setFieldTouched('dateRange', true);\r\n if (fromDate.getTime() < lastYearDate.getTime() || toDate.getTime() > new Date().getTime()) {\r\n setFieldError('dateRange', 'Invalid dates');\r\n const dateObj = {\r\n startDate: '',\r\n endDate: '',\r\n };\r\n setValues({ ...formikValues, ...dateObj });\r\n } else {\r\n const dateObj = {\r\n startDate: formatDate(fromDate, '/').split('/').reverse().join('/'),\r\n endDate: formatDate(toDate, '/').split('/').reverse().join('/'),\r\n };\r\n setValues({ ...formikValues, ...dateObj });\r\n }\r\n } else {\r\n setFieldError('dateRange', 'Invalid dates');\r\n const dateObj = {\r\n startDate: '',\r\n endDate: '',\r\n };\r\n setValues({ ...formikValues, ...dateObj });\r\n }\r\n }\r\n };\r\n\r\n const convertDDtoDateObj = (dateinDDFormat, splitter = '/') => {\r\n const splittedDate = dateinDDFormat.split(splitter);\r\n return new Date(splittedDate[2], splittedDate[1] - 1, splittedDate[0]);\r\n };\r\n\r\n const printDocument = () => {\r\n try {\r\n const unit = \"pt\";\r\n const size = \"A4\"; // Use A1, A2, A3 or A4\r\n const orientation = \"landscape\"; // portrait or landscape\r\n const doc = new jsPDF(orientation, unit, size);\r\n const title = \"My Awesome Report\";\r\n const headersName = [headers.map(header => header.label)];\r\n const data = ExportPdfData.map(elt => [elt.user, elt.artifactDisplayName, elt.logDate, elt.logTime, elt.operation]);\r\n\r\n let content = {\r\n head: headersName,\r\n body: data,\r\n columnStyles: {\r\n 0: {\r\n columnWidth: 200\r\n },\r\n 1: {\r\n columnWidth: 150\r\n },\r\n 2: {\r\n columnWidth: 100\r\n },\r\n 3: {\r\n columnWidth: 100\r\n },\r\n 4: {\r\n columnWidth: 230\r\n }\r\n },\r\n styles: {\r\n cellWidth: 'wrap',\r\n fontSize: 12,\r\n overflowColumns: 'linebreak'\r\n }\r\n };\r\n doc.autoTable(content);\r\n doc.save(\"AuditByUserId.pdf\")\r\n dispatch(actions.setAppSnackBarData({ msg: `Data exported successfully` }));\r\n }\r\n catch (err) {\r\n console.log(err);\r\n dispatch(\r\n actions.setBottomAlert({\r\n msgs: [\r\n {\r\n type: 'error',\r\n msg: 'Error in exporting data, please try again later',\r\n },\r\n ],\r\n }),\r\n );\r\n }\r\n }\r\n\r\n\r\n return (\r\n \r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n \r\n
\r\n );\r\n}\r\n","/* eslint-disable no-lone-blocks */\r\n/* eslint-disable no-unused-vars */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React from 'react';\r\nimport { Grid } from '@material-ui/core';\r\nimport Stepper from '../../../../framework/stepper/stepper';\r\nimport './trackingBanner.scss';\r\nimport { useHistory } from 'react-router';\r\nimport { GET } from '../../../../api/axios';\r\nimport { formatDateToSecondFormat } from '../../../../utils/helperFunctions';\r\nimport { getDayOfTheWeek, convertTZwithFormat } from '../../../../utils/helperFunctions';\r\nimport { ServiceEndPoints } from '../../../../utils/constants/ApiConstant';\r\nimport moment from 'moment';\r\nconst TrackingBanner = (props) => {\r\n let getSteps = ['Order received', 'We have your parcel', 'Out for delivery', 'Delivered'];\r\n const [activeStep, setActiveStep] = React.useState(0);\r\n const [estimatedDuration, setEstimatedDuration] = React.useState('Estimated delivery on');\r\n const [estimatedDeliveryDate, setestimatedDeliveryDate] = React.useState([]);\r\n const [estimatedDeliveryStartTime, setestimatedDeliveryStartTime] = React.useState([]);\r\n const [estimatedDeliveryEndTime, setestimatedDeliveryEndTime] = React.useState([]);\r\n const [deliveredTime, setdeliveredTime] = React.useState([]);\r\n const [dayOftheWeek, setdayOftheWeek] = React.useState('');\r\n let ShipmentEventName = [];\r\n let estimatedDeliveryDates = [];\r\n let deliveryStartTime = [];\r\n let shipmentEventCode = [];\r\n let deliveryEndTime = [];\r\n let deliveryDueDate = '';\r\n let deliveryDueStartTime = '';\r\n let deliveryDueEndTime = '';\r\n let deliveredDateTime = [];\r\n let deliveredDateTimeEvent;\r\n let indexOfEvent;\r\n const history = useHistory();\r\n\r\n const convertTime12to24 = time12h => {\r\n const [time, modifier] = time12h.split(\" \");\r\n\r\n let [hours, minutes] = time.split(\":\");\r\n\r\n if (hours === \"12\") {\r\n hours = \"00\";\r\n }\r\n\r\n if (modifier === \"PM\") {\r\n hours = parseInt(hours, 10) + 12;\r\n }\r\n\r\n if (`${hours}:${minutes}` > \"20:00\") {\r\n return null\r\n\r\n }\r\n\r\n return `${hours}:${minutes}`;\r\n\r\n\r\n };\r\n\r\n var convertedTime = convertTime12to24(new Date().toLocaleTimeString());\r\n\r\n\r\n\r\n const getTrackingProcessingData = () => {\r\n const queryParams = history.location.search.split('=');\r\n GET(`${ServiceEndPoints.getShipmentTracking}${queryParams[1]}`)\r\n .then((res) => {\r\n for (const dataObj of res.data.shipmentEventModels) {\r\n ShipmentEventName.push(dataObj.shipmentEvent.shipHarmonisedEvents.trackingPageStatus);\r\n estimatedDeliveryDates.push(dataObj.shipmentEvent.details.deliveryDate);\r\n deliveryStartTime.push(dataObj.shipmentEvent.details.estimatedDeliveryStartTime);\r\n deliveryEndTime.push(dataObj.shipmentEvent.details.estimatedDeliveryEndTime);\r\n deliveredDateTime.push(dataObj.shipmentEvent.dateTime)\r\n shipmentEventCode.push(dataObj.shipmentEvent.code)\r\n }\r\n indexOfEvent = shipmentEventCode.findIndex(e => e === 'T415')\r\n {\r\n res.data.dueDate === null\r\n ? (deliveryDueDate = '')\r\n : (deliveryDueDate = formatDateToSecondFormat(res.data.dueDate));\r\n }\r\n {\r\n res.data.dueStartTime === null\r\n ? (deliveryDueStartTime = '')\r\n : (deliveryDueStartTime = res.data.dueStartTime);\r\n }\r\n res.data.dueEndtime ? (deliveryDueEndTime = '') : (deliveryDueEndTime = (res.data.dueEndTime ? res.data.dueEndTime : null));\r\n const ShipmentValidEventName = ShipmentEventName.filter(eventName => eventName !== \"NA\")\r\n deliveredDateTimeEvent = convertTZwithFormat(deliveredDateTime[0], 'H:mm');\r\n if (ShipmentValidEventName[0] === 'We have your Parcel' || ShipmentValidEventName[0] === 'We have your parcel') {\r\n setEstimatedDuration('Delivery due on');\r\n setActiveStep(2);\r\n setestimatedDeliveryDate(deliveryDueDate);\r\n setestimatedDeliveryStartTime(res.data.dueStartTime);\r\n setestimatedDeliveryEndTime(res.data.dueEndTime);\r\n setdayOftheWeek(getDayOfTheWeek(deliveryDueDate));\r\n\r\n } else if (ShipmentValidEventName[0] === 'Out for delivery') {\r\n // if (convertedTime === null) {\r\n // setActiveStep(2)\r\n // }\r\n // else {\r\n setActiveStep(3)\r\n // }\r\n\r\n setEstimatedDuration('Delivery due on');\r\n ShipmentEventName[0]?.toLowerCase()?.trim() === 'na' ? setestimatedDeliveryDate(deliveryDueDate) : setestimatedDeliveryDate((estimatedDeliveryDates[0]) ? formatDateToSecondFormat(estimatedDeliveryDates[0]) : deliveryDueDate);\r\n\r\n // if (indexOfEvent !== -1) {\r\n // setestimatedDeliveryStartTime(deliveryStartTime[indexOfEvent]);\r\n // setestimatedDeliveryEndTime(deliveryEndTime[indexOfEvent]);\r\n // }\r\n\r\n if (res.data?.eventEstimatedDeliveryStartTime) {\r\n setestimatedDeliveryStartTime(res.data.eventEstimatedDeliveryStartTime);\r\n setestimatedDeliveryEndTime(res.data.eventEstimatedDeliveryEndTime);\r\n }\r\n else {\r\n setestimatedDeliveryStartTime(res.data.dueStartTime);\r\n setestimatedDeliveryEndTime(res.data.dueEndTime);\r\n }\r\n\r\n ShipmentEventName[0]?.toLowerCase()?.trim() === 'na' ? setdayOftheWeek(getDayOfTheWeek((deliveryDueDate))) : setdayOftheWeek(getDayOfTheWeek((estimatedDeliveryDates[0]) ? estimatedDeliveryDates[0] : deliveryDueDate));\r\n } else if (ShipmentValidEventName[0] === 'Delivered') {\r\n setEstimatedDuration('Delivered on');\r\n setActiveStep(4);\r\n ShipmentEventName[0]?.toLowerCase()?.trim() === 'na' ? setestimatedDeliveryDate(deliveryDueDate) : setestimatedDeliveryDate((estimatedDeliveryDates[0]) ? formatDateToSecondFormat(estimatedDeliveryDates[0]) : deliveryDueDate);\r\n setdeliveredTime(deliveredDateTimeEvent)\r\n ShipmentEventName[0]?.toLowerCase()?.trim() === 'na' ? setdayOftheWeek(getDayOfTheWeek((deliveryDueDate))) : setdayOftheWeek(getDayOfTheWeek((estimatedDeliveryDates[0]) ? estimatedDeliveryDates[0] : deliveryDueDate));\r\n } else {\r\n setEstimatedDuration('Estimated delivery on');\r\n setActiveStep(1);\r\n if (deliveryDueDate === '') {\r\n setestimatedDeliveryDate('Will be updated once shipment has been despatched');\r\n setdayOftheWeek('');\r\n }\r\n else {\r\n setestimatedDeliveryDate(deliveryDueDate);\r\n setestimatedDeliveryStartTime(res.data.dueStartTime);\r\n setestimatedDeliveryEndTime(res.data.dueEndTime);\r\n setdayOftheWeek(getDayOfTheWeek(deliveryDueDate));\r\n }\r\n }\r\n })\r\n .catch((err) => { });\r\n };\r\n\r\n React.useEffect(() => {\r\n getTrackingProcessingData();\r\n }, []);\r\n\r\n return (\r\n \r\n {`${((shipmentDetails || {})[addressType] || {}).address1\r\n ? `${((shipmentDetails || {})[addressType] || {}).address1},`\r\n : ''\r\n } `}\r\n {((shipmentDetails || {})[addressType] || {}).address2\r\n ? `${((shipmentDetails || {})[addressType] || {}).address2}, `\r\n : ''}\r\n
\r\n {((shipmentDetails || {})[addressType] || {}).address3\r\n ? `${((shipmentDetails || {})[addressType] || {}).address3}, `\r\n : ''}\r\n {((shipmentDetails || {})[addressType] || {}).city\r\n ? `${((shipmentDetails || {})[addressType] || {}).city}, `\r\n : ''}\r\n
\r\n {((shipmentDetails || {})[addressType] || {}).state\r\n ? `${((shipmentDetails || {})[addressType] || {}).state}, `\r\n : ''}\r\n {((shipmentDetails || {})[addressType] || {}).country\r\n ? `${((shipmentDetails || {})[addressType] || {}).country}, `\r\n : ''}\r\n
\r\n {((shipmentDetails || {})[addressType] || {}).postalCode}\r\n \r\n );\r\n };\r\n \r\n return (\r\n
\r\n 
{\r\n handleSelect() \r\n} } />\r\n
\r\n \r\n \r\n \r\n {shipmentDetails.map((tile) => {\r\n return <>\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nDisplayPhotographs.propTypes = {shipmentDetails:PropTypes.array};\r\n\r\nexport default DisplayPhotographs;","import React, { useState, useEffect} from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Grid } from '@material-ui/core';\r\nimport \"slick-carousel/slick/slick.css\";\r\nimport \"slick-carousel/slick/slick-theme.css\";\r\nimport './deliveryPhotographs.scss';\r\nimport DisplayPhotographs from './displayPhotographs';\r\n\r\nconst DeliveryPhotographs = (props) => {\r\n const { shipmentDetails } = props\r\n const [trackingImages, setTrackingImages] = useState([])\r\n\r\n useEffect(() => {\r\n if (shipmentDetails && shipmentDetails.shipmentEventModels) {\r\n const eventImages = []\r\n shipmentDetails.shipmentEventModels.forEach((shipEvent, i) => {\r\n if (shipEvent.images && shipEvent.images.length > 0) {\r\n shipEvent.images.forEach((img, index) => {\r\n if (img.imageType === 'photo') {\r\n const item = {\r\n eventId: shipEvent.shipmentEvent.code,\r\n imageBase64: atob(img.imageBase64),\r\n imageAltText: img.imageType\r\n }\r\n eventImages.push(item)\r\n }\r\n })\r\n }\r\n })\r\n setTrackingImages(eventImages)\r\n }\r\n }, [shipmentDetails])\r\n\r\n return (\r\n <>\r\n \r\n ![]()
{\r\n handleSubmit(tile.imageBase64, tile.eventId) \r\n} } \r\n src={tile.imageBase64} alt={tile.imageAltText}/>\r\n
\r\n \r\n })}\r\n No image captured yet!
\r\nWhen delivered,your parcel
\r\nimages will come here
\r\n\r\n
\r\n \r\n {heading}
\r\n {secondaryheading !== '' ? Current:{secondaryheading}
: null}\r\n \r\n {initialValues ? (\r\n
\r\n );\r\n};\r\n\r\nexport default ChangeDeliveryAddress;\r\n","import React from 'react';\r\nimport { Card, Grid, Box } from '@material-ui/core';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport CustomCaption from '../../../../framework/summaryFormate/CustomCaption';\r\nimport { makeStyles, withStyles } from '@material-ui/core/styles';\r\nimport Slider from \"react-slick\";\r\nimport './TrackingDetails.scss';\r\nimport { ReactComponent as ArrowLeft } from \"../../../../assets/images/slider-arrow-left.svg\";\r\nimport { ReactComponent as ArrowRight } from \"../../../../assets/images/slider-arrow-right.svg\";\r\nimport { GOOGLE_API_KEY } from '../../../../utils/constants/ApiConstant';\r\nimport { convertTZwithFormat } from '../../../../utils/helperFunctions';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n contentTitle: {\r\n color: '#000',\r\n fontSize: '16px',\r\n display: 'block',\r\n paddingBottom: '5px'\r\n }\r\n}));\r\n\r\nvar settings = {\r\n dots: false,\r\n infinite: false,\r\n speed: 500,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n arrows: true,\r\n prevArrow: \r\n \r\n {({ values, setFieldValue, errors }) => {\r\n console.log('values.deliveryType::: ', values.deliveryType);\r\n if (values.deliveryType) {\r\n setDeliveryTypeValues(values.deliveryType);\r\n }\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n ) : null}\r\n \r\n {eventMapURL && `Event Map`}\r\n \r\n \r\n \r\n {eventMapURL &&\r\n \r\n \r\n }\r\n \r\n \r\n\r\n \r\n \r\n {listOfImages.map((img, key) => \r\n \r\n \r\n \r\n \r\n {ContentDetails.labels}\r\n \r\n \r\n {ContentDetails.location}\r\n \r\n \r\n {convertTZwithFormat(ContentDetails.dateAndTime, 'YYYY-MM-DDTHH:mm:ssZ')}\r\n \r\n \r\n \r\n {ContentDetails.deliveryType != \"\" ? \r\n {ContentDetails.comments === ''\r\n ? \" \"\r\n : \r\n }\r\n\r\n {ContentDetails.shipmentImages.map((sign, key) => {\r\n var decodedStringAtoB = atob(sign.imageBase64);\r\n\r\n return (\r\n sign.imageType === 'signature'\r\n ? \r\n \r\n Signature of the receiver\r\n \r\n 
\r\n \r\n : \"\"\r\n )\r\n })}\r\n\r\n\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default TrackingStepperDetails;\r\n","import React, { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { makeStyles, withStyles } from '@material-ui/core/styles';\r\nimport clsx from 'clsx';\r\nimport Stepper from '@material-ui/core/Stepper';\r\nimport Step from '@material-ui/core/Step';\r\nimport StepLabel from '@material-ui/core/StepLabel';\r\nimport StepConnector from '@material-ui/core/StepConnector';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport { StepContent } from '@material-ui/core';\r\nimport './varticalLinearStepper.scss';\r\nimport CustomDialog from '../dialog/customDialog';\r\nimport { Grid } from '@material-ui/core';\r\nimport TrackingStepperDetails from '../../components/dashboard/Tracking/TrackingDetails/TrackingStepperDetails';\r\nimport { Details } from '@material-ui/icons';\r\nimport { useSelector } from 'react-redux';\r\nimport { convertTZwithFormat, convertTZ } from \"../../utils/helperFunctions\"\r\n\r\nconst QontoConnector = withStyles({\r\n alternativeLabel: {\r\n top: 10,\r\n left: 'calc(-50% + 16px)',\r\n right: 'calc(50% + 16px)',\r\n },\r\n active: {\r\n '& $line': {\r\n borderColor: '#784af4',\r\n },\r\n },\r\n completed: {\r\n '& $line': {\r\n borderColor: '#784af4',\r\n },\r\n },\r\n line: {\r\n borderColor: '#eaeaf0',\r\n borderTopWidth: 3,\r\n borderRadius: 1,\r\n },\r\n})(StepConnector);\r\n\r\nconst useQontoStepIconStyles = makeStyles({\r\n root: {\r\n color: '#eaeaf0',\r\n display: 'flex',\r\n height: 20,\r\n alignItems: 'center',\r\n },\r\n active: {\r\n color: '#D40511',\r\n },\r\n circle: {\r\n width: 8,\r\n height: 8,\r\n borderRadius: '50%',\r\n backgroundColor: 'currentColor',\r\n },\r\n completed: {\r\n backgroundColor: '#fff',\r\n border: '1px solid #8C8C8C',\r\n zIndex: 1,\r\n fontSize: 18,\r\n width: 8,\r\n height: 8,\r\n borderRadius: '50%',\r\n },\r\n});\r\n\r\nfunction QontoStepIcon(props) {\r\n const classes = useQontoStepIconStyles();\r\n const { active, completed } = props;\r\n\r\n return (\r\n \r\n 
\r\n
)\r\n\r\n }\r\n \r\n
\r\n );\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\n\r\nimport Tabs from '@material-ui/core/Tabs';\r\nimport Tab from '@material-ui/core/Tab';\r\n\r\nimport { AppBar } from '@material-ui/core';\r\n\r\nimport TabPanel from '../../../shared/tabPanel';\r\n\r\nimport VerticalLinearStepper from '../../../../framework/VerticalLinearStepper/VerticalLinearStepper';\r\nimport { useSelector } from 'react-redux';\r\n\r\nfunction TrackingDetails({ shipmentDetails, trackingStatus }) {\r\n const [value, setValue] = useState(0);\r\n const [event, setEvent] = useState([]);\r\n const [shipmentTracking, setShipmentTracking] = useState([]);\r\n const [deliveryTracking, setDeliveryTracking] = useState([]);\r\n\r\n const selectedEventDetails = useSelector((state) => state.selectedEvent.selectedEvent);\r\n\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue);\r\n };\r\n const getTrackingDetails = () => {\r\n // const rowEventDetails = [];\r\n const rawShipmentDetails = [];\r\n const rawDeliveryDetails = [];\r\n\r\n (shipmentDetails.shipmentEventModels || []).forEach((eventdetails) => {\r\n if (\r\n eventdetails.shipmentEvent.shipHarmonisedEvents != null &&\r\n eventdetails.shipmentEvent.shipHarmonisedEvents.shipmentTrackingdetails === 'Shipment tracking details'\r\n ) {\r\n rawShipmentDetails.push(eventdetails);\r\n if (selectedEventDetails === eventdetails.shipmentEvent.code) {\r\n setValue(0);\r\n }\r\n } else if (\r\n eventdetails.shipmentEvent.shipHarmonisedEvents != null &&\r\n eventdetails.shipmentEvent.shipHarmonisedEvents.shipmentTrackingdetails === 'Delivery History'\r\n ) {\r\n rawDeliveryDetails.push(eventdetails);\r\n\r\n if (selectedEventDetails === eventdetails.shipmentEvent.code) {\r\n setValue(1);\r\n }\r\n }\r\n });\r\n // setEvent(rowEventDetails)\r\n setShipmentTracking(rawShipmentDetails);\r\n setDeliveryTracking(rawDeliveryDetails);\r\n };\r\n useEffect(() => {\r\n getTrackingDetails();\r\n }, [shipmentDetails, selectedEventDetails]);\r\n\r\n return (\r\n \r\n handleClick(content)}\r\n className={content.code === selectedEventDetails ? classes.selectedStepper : classes.childStepper}\r\n >\r\n \r\n {content.labels}\r\n \r\n \r\n \r\n \r\n {content.location} \r\n {(isDelveryHistory && trackingStatus == \"delivered\") &&\r\n (content.deliveryReceivedBy) ?\r\n {content.deliveryReceivedBy} \r\n : null\r\n }\r\n {(!isDelveryHistory && content._Code == \"DESF\") &&\r\n (content.recipientName) ?\r\n {content.recipientName} \r\n : null\r\n }\r\n {(content.dateAndTime) ? convertTZwithFormat(content.dateAndTime, 'YYYY-MM-DDTHH:mm:ssZ') : content.dateAndTime} \r\n \r\n \r\n {content.shipmentImages.map((sign, key) => {\r\n // Decode the String\r\n var decodedStringAtoB = atob(sign.imageBase64);\r\n return sign.imageType === 'signature'\r\n ? (\r\n \r\n )\r\n : (\r\n ''\r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default TrackingDetails;\r\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_23955\",\n \"data-name\": \"Group 23955\",\n transform: \"translate(-1340 -193)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Rectangle_6954\",\n \"data-name\": \"Rectangle 6954\",\n transform: \"translate(1340 193)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeWidth: 1.5\n}, /*#__PURE__*/React.createElement(\"rect\", {\n width: 19,\n height: 23,\n rx: 3,\n stroke: \"none\"\n}), /*#__PURE__*/React.createElement(\"rect\", {\n x: 0.75,\n y: 0.75,\n width: 17.5,\n height: 21.5,\n rx: 2.25,\n fill: \"none\"\n})), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_525\",\n \"data-name\": \"Line 525\",\n x2: 10,\n transform: \"translate(1344.5 198.5)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeWidth: 1.4\n}), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_528\",\n \"data-name\": \"Line 528\",\n x2: 10,\n transform: \"translate(1344.5 204.5)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeWidth: 1.4\n}), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_530\",\n \"data-name\": \"Line 530\",\n x2: 10,\n transform: \"translate(1344.5 210.5)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeWidth: 1.4\n}), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_526\",\n \"data-name\": \"Line 526\",\n x2: 5,\n transform: \"translate(1344.5 201.5)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeWidth: 1.4\n}), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_527\",\n \"data-name\": \"Line 527\",\n x2: 5,\n transform: \"translate(1344.5 207.5)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeWidth: 1.4\n}));\n\nfunction SvgOrderNotes(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 19,\n height: 23,\n viewBox: \"0 0 19 23\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgOrderNotes);\nexport default __webpack_public_path__ + \"static/media/order_notes.bf2178b6.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState, useEffect } from 'react';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport FormRenderer from '../../../../framework/Inputs/formRenderer/formRenderer';\r\nimport { GET } from '../../../../api/axios';\r\nimport { ServiceEndPoints } from '../../../../utils/constants/ApiConstant';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { arrayValuesToQueryStringParam } from '../../../../utils/common';\r\nimport { useDispatch, connect } from 'react-redux';\r\nimport * as actions from '../../../../store/actions/index';\r\nimport { getDefaultDashboardValues, getDefaultDashboardFindValues } from '../../../../utils/helperFunctions';\r\nimport { useSelector } from 'react-redux';\r\n\r\nconst FindShipment = (props) => {\r\n const {\r\n formField: { dashboardSearchBy },\r\n setFieldValue,\r\n formikValues,\r\n searchByOptions,\r\n errors,\r\n setFieldTouched,\r\n resetForm,\r\n setValues,\r\n userAccounts\r\n } = props;\r\n let history = useHistory();\r\n const dispatch = useDispatch();\r\n let dashboardFindShipment = useSelector((state) => state.dashboardTracking.dashboardFindShipment);\r\n useEffect(() => {\r\n // need to change hard coded index values\r\n if (\r\n formikValues.dashboardSearchBy &&\r\n (formikValues.dashboardSearchBy.value === searchByOptions[8].value ||\r\n formikValues.dashboardSearchBy.value === searchByOptions[9].value)\r\n ) {\r\n setFieldValue('dashboardSearchFor', new Date().toISOString().slice(0, 10));\r\n } else {\r\n setFieldValue('dashboardSearchFor', '');\r\n }\r\n if (props.formikValues.dashboardSearchBy) {\r\n dispatch(\r\n actions.setDashboardFindShipment(\r\n props.formikValues.dashboardSearchBy\r\n ))\r\n }\r\n else if (dashboardFindShipment) {\r\n dispatch(\r\n actions.setDashboardFindShipment(\r\n dashboardFindShipment\r\n ))\r\n } else {\r\n dispatch(\r\n actions.setDashboardFindShipment(\r\n searchByOptions[0]\r\n ))\r\n }\r\n\r\n // dispatch(\r\n // actions.setDashboardTracking({\r\n // loadedFrom: '',\r\n // loadedResponse: {},\r\n // userAccounts: _temp_userAccounts,\r\n // dashboardQueryParams: `${getDefaultDashboardFindValues(\r\n // {},\r\n // _temp_userAccounts,\r\n // false,\r\n // )}`,\r\n // }),\r\n // );\r\n }, [formikValues.dashboardSearchBy]);\r\n\r\n useEffect(() => {\r\n if (dashboardFindShipment) {\r\n setTimeout(() => {\r\n setFieldValue('dashboardSearchBy', dashboardFindShipment)\r\n }, 1000);\r\n } else {\r\n setFieldValue('dashboardSearchBy', searchByOptions[0])\r\n }\r\n }, [dashboardFindShipment]);\r\n\r\n const searchShipment = (event = null) => {\r\n event.preventDefault();\r\n let searchedValue = props.formikValues.dashboardSearchFor.trim();\r\n let searchedParams = props.formikValues.dashboardSearchBy.value;\r\n let accountsValue = '';\r\n accountsValue = arrayValuesToQueryStringParam(formikValues.accounts);\r\n\r\n const isCollectionDatesReq = searchedParams === 'dispatchDate' ? true : false;\r\n if (isCollectionDatesReq) {\r\n searchedParams = '';\r\n searchedParams += `fromCollectionDate=${searchedValue}`;\r\n searchedParams += `&toCollectionDate=${searchedValue}`;\r\n }\r\n let url = '';\r\n let _temp_userAccounts = [];\r\n userAccounts.map((element) => {\r\n _temp_userAccounts.push(element.accountId);\r\n });\r\n if (isCollectionDatesReq) {\r\n url = `${ServiceEndPoints.getShipmentDashboard}?${getDefaultDashboardFindValues(\r\n formikValues,\r\n _temp_userAccounts,\r\n true,\r\n false,\r\n )}${searchedParams}`;\r\n } else {\r\n url = `${ServiceEndPoints.getShipmentDashboard}?${getDefaultDashboardFindValues(\r\n formikValues,\r\n _temp_userAccounts,\r\n false,\r\n false,\r\n )}${searchedParams}=${searchedValue}`;\r\n }\r\n url = `${url}&offset=0&limit=10`;\r\n GET(url)\r\n .then((res) => {\r\n if ((((res || {}).data || {}).shipmentModels || []).length === 1) {\r\n history.push(`/dashboard/Tracking?id=${res.data.shipmentModels[0].shipmentId}`);\r\n window.location.reload();\r\n } else {\r\n dispatch(\r\n actions.setDashboardTracking({\r\n loadedFrom: 'findshipment',\r\n loadedResponse: null,\r\n userAccounts: _temp_userAccounts,\r\n dashboardQueryParams: `${getDefaultDashboardFindValues(\r\n {},\r\n _temp_userAccounts,\r\n false,\r\n )}${searchedParams}=${searchedValue}`,\r\n }),\r\n );\r\n history.push('/dashboard/dashboardDetailsBreakdown');\r\n }\r\n })\r\n .catch((err) => {\r\n alert('Shipment not found');\r\n });\r\n };\r\n return (\r\n \r\n \r\n {({ values, setFieldValue, errors, setFieldTouched, resetForm, setValues }) => (\r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default TrackingFindShipment;\r\n\r\nconst searchForm = {\r\n dashboardSearchBy: {\r\n props: {\r\n name: 'dashboardSearchFor',\r\n type: 'searchControl',\r\n },\r\n selectProps: {\r\n props: {\r\n name: 'dashboardSearchBy',\r\n label: 'Search For',\r\n placeholder: \"Enter Customer's ref.no\",\r\n },\r\n },\r\n textProps: {\r\n props: {\r\n name: 'dashboardSearchFor',\r\n label: 'Search For',\r\n placeholder: \"Enter Customer's ref.no\",\r\n },\r\n },\r\n validation: {\r\n name: 'dashboardSearchFor',\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'when',\r\n params: [\r\n 'dashboardSearchBy',\r\n (dashboardSearchBy, schema) => {\r\n if (dashboardSearchBy) {\r\n return dashboardSearchBy.value === 'recipientName'\r\n ? schema.matches(/[a-zA-Z]+([\\s][a-zA-Z]+)*/, 'Recipient name must be alphabets')\r\n : dashboardSearchBy.value === 'telephoneNumber'\r\n ? schema.matches(/^[0-9,(,),+,\\-,.,[,\\] ].{9,35}/, 'Telephone number is invalid')\r\n : schema;\r\n }\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n },\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport { Grid, Hidden, makeStyles, SvgIcon } from '@material-ui/core';\r\nimport DynamicMaterialTable from '../../../framework/DynamicMaterialTable/DynamicMaterialTable';\r\nimport Tooltip from \"@material-ui/core/Tooltip\";\r\nimport { ReactComponent as Ordernotes } from '../../../assets/images/order_notes.svg';\r\nimport { ReactComponent as CloseIcon } from '../../../assets/images/closeIcon.svg';\r\nimport { convertTZwithFormat } from \"../../../utils/helperFunctions\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n customTooltip: {\r\n backgroundColor: '#fff',\r\n color: '#000000E6',\r\n fontSize: '14px',\r\n width: '700px',\r\n maxWidth: '700px',\r\n maxHeight: '250px',\r\n boxShadow: '10px 8px 5px #00000029',\r\n padding: '8px 15px',\r\n borderRadius: '4',\r\n overflow: 'auto',\r\n },\r\n customArrow: {\r\n color: '#fff',\r\n },\r\n}));\r\n\r\nvar currentId = null;\r\n\r\nconst OrderNotes = (props) => {\r\n const { shipmentDetails, setOpen } = props;\r\n var _open = false;\r\n const [openToolTip, setOpenToolTip] = React.useState(false);\r\n\r\n const handleTooltipClose = () => {\r\n setOpenToolTip(false);\r\n _open = false;\r\n };\r\n\r\n const handleTooltipOpen = () => {\r\n _open = true;\r\n }\r\n const tableColumns = [\r\n { title: 'id', field: 'artifactId', hidden: true },\r\n {\r\n title: 'Date & time',\r\n field: 'noteDateTime',\r\n sorting: true,\r\n render: (row) => {\r\n return {convertTZwithFormat(row?.noteDateTime, 'DD/MM/YYYY')} {convertTZwithFormat(row?.noteDateTime, 'HH:mm')}
\r\n },\r\n width: 180,\r\n },\r\n {\r\n title: 'Note by',\r\n field: 'userId',\r\n sorting: false,\r\n width: 180,\r\n },\r\n {\r\n title: 'Notes',\r\n field: 'note',\r\n sorting: false,\r\n\r\n render: (row) => {\r\n return {row.note && {`${row.note.slice(0, 100)}...`}\r\n }
\r\n },\r\n width: 600,\r\n },\r\n ];\r\n const [tableData, setTableData] = useState([]);\r\n const [columns] = useState(tableColumns);\r\n const classes = useStyles();\r\n\r\n useEffect(() => {\r\n getTableData();\r\n }, [])\r\n\r\n const onRowClicked = (res) => {\r\n if (res.tableData.id == currentId) {\r\n currentId = null;\r\n _open = false;\r\n }\r\n else {\r\n currentId = res.tableData.id;\r\n }\r\n setOpenToolTip(!openToolTip);\r\n };\r\n\r\n const getTableData = (event = {}) => {\r\n let _temp = _formatTableData(shipmentDetails)\r\n setTableData(_temp);\r\n };\r\n\r\n const _formatTableData = (_result) => {\r\n let _finalData = [];\r\n (_result)?.notes?.forEach((_element) => {\r\n _finalData.push(\r\n {\r\n note: _element.note,\r\n noteDateTime: _element.noteDateTime,\r\n userId: _element.userId,\r\n })\r\n });\r\n return _finalData;\r\n }\r\n\r\n return (\r\n \r\n setOpen(false)} />\r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {/* \r\n VAT / TVA:{' '}\r\n \r\n VAT registered\r\n {' '}\r\n \r\n Not VAT registered\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* \r\n (VAT registered outside of the UK)\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* \r\n */}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"noun_Upload_1157132\",\n transform: \"translate(-1.7 -1.45)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_2760\",\n \"data-name\": \"Path 2760\",\n d: \"M20.124,56.077H2.663a.943.943,0,0,1-.963-.923V46.323a.943.943,0,0,1,.963-.923.93.93,0,0,1,.963.923v7.927H19.181V46.323a.943.943,0,0,1,.963-.923.93.93,0,0,1,.963.923v8.831A1,1,0,0,1,20.124,56.077Z\",\n transform: \"translate(0 -35.129)\",\n fill: \"#d40511\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_2761\",\n \"data-name\": \"Path 2761\",\n d: \"M35.791,5.434,32.079,1.721a.97.97,0,0,0-1.345,0L26.981,5.434a.956.956,0,0,0-.281.682.91.91,0,0,0,.281.662.944.944,0,0,0,.662.281.956.956,0,0,0,.682-.281l2.047-2.027v9.533a1,1,0,0,0,2.007,0V4.711l2.067,2.067a.97.97,0,0,0,1.345,0,.944.944,0,0,0,.281-.662A.956.956,0,0,0,35.791,5.434Z\",\n transform: \"translate(-19.983 0)\",\n fill: \"#d40511\"\n}));\n\nfunction SvgUpload(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 19.407,\n height: 19.498,\n viewBox: \"0 0 19.407 19.498\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgUpload);\nexport default __webpack_public_path__ + \"static/media/upload.e20fb27b.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Grid, Divider } from '@material-ui/core';\r\nimport InputButton from '../../../framework/Inputs/inputButton/inputButton';\r\nimport { POST } from '../../../api/axios';\r\nimport { ServiceEndPoints } from '../../../utils/constants/ApiConstant';\r\nimport Spinner from '../../../framework/spinner/spinner'\r\n\r\nconst classes = {};\r\n\r\nconst ReturnInstructionsPreview = (props) => {\r\n const { formikValues, filePath, closePopup } = props;\r\n const [pdfFile, setPdfFile] = useState('');\r\n\r\n useEffect(() => {\r\n POST(ServiceEndPoints.returnInstructionLabelPreview, {\r\n labelFormat: 'pdf',\r\n returnLabel: true,\r\n returnInstructionLabel: true,\r\n returnInstructions: {\r\n customerLogo: filePath,\r\n customerLogoBase64: filePath,\r\n customerLogoType: 'png',\r\n printLabel: true,\r\n customerInstructions: [\r\n {\r\n CustomerInstruction: formikValues.returnInstructions,\r\n },\r\n ],\r\n },\r\n })\r\n .then((res) => {\r\n setPdfFile(res.data.label);\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n });\r\n }, []);\r\n return (\r\n pdfFile\r\n ? \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ),\r\n }}\r\n fullWidth\r\n />\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n ),\r\n }}\r\n fullWidth\r\n />\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Company logo requirements: \r\n \r\n \r\n ),\r\n }}\r\n />\r\n onSelectFile(event)}\r\n ref={hiddenFileInput}\r\n name=\"imageField\"\r\n onClick={fileClicked}\r\n />\r\n \r\n \r\n {showClearIcon ? (\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n handlePreview();\r\n }}\r\n isDisabled={!formikValues.printReturnInstructions}\r\n />\r\n \r\n \r\n {\r\n handleSubmit();\r\n }}\r\n buttonType=\"submit\"\r\n label=\"Save\"\r\n isDisabled={!isValid}\r\n />\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ConfigureReturnLabel;\r\n","const AccountForm = {\r\n formId: 'AccountFormId',\r\n formField: {\r\n accountNumber: {\r\n props: {\r\n name: 'accountNumber',\r\n label: 'Account number',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n },\r\n },\r\n companyName: {\r\n props: {\r\n name: 'companyName',\r\n label: 'Company name',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n },\r\n },\r\n postalCode: {\r\n props: {\r\n name: 'postalCode',\r\n label: 'Postal code',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n },\r\n },\r\n invoiceAddress: {\r\n props: {\r\n name: 'invoiceAddress',\r\n label: 'Invoice address',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n },\r\n },\r\n tradingAddress: {\r\n props: {\r\n name: 'tradingAddress',\r\n label: 'Trading address',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n },\r\n },\r\n // termsOfDelivery: {\r\n // props: {\r\n // name: 'termsOfDelivery',\r\n // label: 'Terms of delivery',\r\n // type: 'text',\r\n // placeholder: 'Enter',\r\n // },\r\n // },\r\n returnAddress: {\r\n props: {\r\n name: 'returnAddress',\r\n label: 'Return address',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n },\r\n },\r\n linkedReturnAccountNumber: {\r\n props: {\r\n name: 'linkedReturnAccountNumber',\r\n label: 'Linked return account number',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n },\r\n },\r\n fdaRegistrationNumber: {\r\n props: {\r\n name: 'fdaRegistrationNumber',\r\n label: 'FDA registration',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n },\r\n },\r\n eoriNumber: {\r\n props: {\r\n name: 'eoriNumber',\r\n label: 'EORI number',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n },\r\n },\r\n vatORtvaNumber: {\r\n props: {\r\n name: 'vatORtvaNumber',\r\n label: 'VAT / TVA number',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n },\r\n },\r\n vatRegistersCheckbox: {\r\n props: {\r\n name: 'vatRegistersCheckbox',\r\n label: 'VAT Registered outside of the UK',\r\n type: 'checkbox',\r\n },\r\n },\r\n vatRadioBox: {\r\n props: {\r\n name: 'vatRadioBox',\r\n label: 'VAT / TVA:',\r\n type: 'radio',\r\n },\r\n value: 'no',\r\n },\r\n selectAccount: {\r\n props: {\r\n name: 'selectAccount',\r\n label: 'Select account',\r\n type: 'autoComplete',\r\n // displayId:'accountId',\r\n displayField: 'displayName',\r\n hasDefaultValue: true,\r\n },\r\n },\r\n returnLabelAccount: {\r\n props: {\r\n name: 'returnLabelAccount',\r\n label: 'Select account',\r\n type: 'select',\r\n displayField: 'accountName',\r\n hasDefaultValue: false,\r\n },\r\n },\r\n configureLinkedReturnAccountNumber: {\r\n props: {\r\n name: 'configureLinkedReturnAccountNumber',\r\n label: 'Linked return account number',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n isDisabled: true,\r\n },\r\n value: '',\r\n },\r\n printReturnInstructions: {\r\n props: {\r\n name: 'printReturnInstructions',\r\n label: 'Print return instructions',\r\n type: 'checkbox',\r\n },\r\n value: false,\r\n },\r\n defaultInstructions: {\r\n props: {\r\n name: 'defaultInstructions',\r\n label: 'Default return instructions',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n multiline: true,\r\n rowsMax: 11,\r\n rows: 11,\r\n isDisabled: true,\r\n },\r\n value:\r\n 'Return Instructions within UK \\n \\nReturning your items via DHL eCommerce UK is simple.\\n1. Package your return item ensuring that the parcel is sealed and secure \\n2. Apply the return label to your parcel\\n3. Take the parcel to your preferred ServicePoint who will process it for you\\n \\nGo to https://www.dhl.com/uk-service-point-finder to locate our ServicePoints which are situated in PayPoint stores ',\r\n },\r\n returnInstructions: {\r\n props: {\r\n name: 'returnInstructions',\r\n label: 'Return instructions',\r\n type: 'text',\r\n placeholder: 'Enter specific instructions that you wish to be included',\r\n multiline: true,\r\n rowsMax: 11,\r\n rows: 11,\r\n inputProps: {\r\n maxLength: 560,\r\n },\r\n },\r\n },\r\n logoFile: {\r\n props: {\r\n name: 'logoFile',\r\n label: 'Logo file for upload',\r\n type: 'text',\r\n placeholder: 'Select',\r\n // isDisabled: true,\r\n },\r\n value: '',\r\n validation: {\r\n name: 'logoFile',\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'when',\r\n params: [\r\n 'imageField',\r\n (imageField, schema) => {\r\n return schema.test(\r\n 'checkImageSize',\r\n `Maximum size of image file ${imageField?.fileName} cannot exceed 500 KB`,\r\n (logoFileValue) => {\r\n if ((imageField?.size ?? 0) > 500000) {\r\n return false;\r\n }\r\n return true;\r\n },\r\n );\r\n },\r\n ],\r\n },\r\n {\r\n type: 'when',\r\n params: [\r\n 'imageField',\r\n (imageField, schema) => {\r\n return schema.test(\r\n 'checkImageHeight',\r\n `Height of image file ${imageField?.fileName} cannot exceed 200 px`,\r\n (logoFileValue) => {\r\n if ((imageField?.height ?? 0) > 200) {\r\n return false;\r\n }\r\n return true;\r\n },\r\n );\r\n },\r\n ],\r\n },\r\n {\r\n type: 'when',\r\n params: [\r\n 'imageField',\r\n (imageField, schema) => {\r\n return schema.test(\r\n 'checkImageWidth',\r\n `Length of image file ${imageField?.fileName} cannot exceed 700 px`,\r\n (logoFileValue) => {\r\n if ((imageField?.width ?? 0) > 700) {\r\n return false;\r\n }\r\n return true;\r\n },\r\n );\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n },\r\n imageField: {\r\n props: {\r\n name: 'imageField',\r\n label: 'Logo file for upload',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n isDisabled: true,\r\n },\r\n value: '',\r\n },\r\n iossNumber: {\r\n props: {\r\n name: 'iossNumber',\r\n label: 'IOSS number',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n },\r\n },\r\n ukimsNumber: {\r\n props: {\r\n name: 'ukimsNumber',\r\n label: 'UKIMS number',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n },\r\n },\r\n defermentAccountNumber: {\r\n props: {\r\n name: 'defermentAccountNumber',\r\n label: 'Deferment number',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n },\r\n },\r\n },\r\n};\r\n\r\nexport default AccountForm;\r\n","import React, { useState, useRef, useEffect } from 'react';\r\nimport { Grid, Paper, Tab, Tabs, IconButton, Tooltip, SvgIcon, makeStyles } from '@material-ui/core';\r\n\r\nimport TabPanel from '../../components/shared/tabPanel';\r\n\r\nimport { Form, Formik } from 'formik';\r\nimport './accounts.scss';\r\nimport { getYupSchemaFromMetaData } from '../../utils/yupSchema/yupSchemaGenerator';\r\nimport { AccountFromDetails } from './AccountFromDetails';\r\nimport ConfigureReturnLabel from '../../components/accounts/configureReturnLabel/configureReturnLabel';\r\nimport AccountForm from '../../utils/formConfig/accounts/accountsForm';\r\nimport { connect } from 'react-redux';\r\nimport { sortBasedOnNestedOrNot } from '../../utils/helperFunctions';\r\nimport { ReactComponent as InfoIcon } from '../../assets/images/InfoIcon.svg';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n customTooltip: {\r\n backgroundColor: '#fff',\r\n color: '#000000E6',\r\n fontSize: '14px',\r\n boxShadow: '0px 3px 6px #00000029',\r\n padding: '8px 15px',\r\n borderRadius: '0'\r\n },\r\n customArrow: {\r\n color: '#fff',\r\n }\r\n}));\r\n\r\nconst Accounts = ({ userAccounts }) => {\r\n const classes = useStyles();\r\n const { formId, formField } = AccountForm;\r\n const formikRef = useRef(null);\r\n const newMaintainAccountSchema = getYupSchemaFromMetaData(formField, [], []);\r\n\r\n const initialValues = {};\r\n const [tabIndex, setTabIndex] = useState(0);\r\n const [accounts, setAccounts] = useState([]);\r\n const [returnAccounts, setReturnAccounts] = useState([]);\r\n\r\n for (let property in formField) {\r\n if (Object.prototype.hasOwnProperty.call(formField, property)) {\r\n const field = formField[property];\r\n initialValues[field.props.name] = field.value ?? '';\r\n }\r\n }\r\n\r\n const onTabChange = (event, index) => {\r\n setTabIndex(index);\r\n };\r\n\r\n const sortAlphaNum = (a, b) => a?.accountId?.toLowerCase().localeCompare(b?.accountId?.toLowerCase(), 'en', { numeric: true })\r\n\r\n useEffect(() => {\r\n const sortedArray = userAccounts.sort(sortAlphaNum);\r\n setAccounts(sortedArray);\r\n const returnAccountsArray = sortedArray.filter(retAcc => retAcc?.returnConfiguration?.inboxReturnAllowed === true)\r\n setReturnAccounts(returnAccountsArray)\r\n }, [userAccounts]);\r\n\r\n return (\r\n File type: Only PNG allowed
\r\n Maximum size: 700 x 200 pixels
\r\n Max resolution: 203 dpi
\r\n Max file size for upload: 500 KB
\r\n \r\n }\r\n arrow\r\n placement=\"left\"\r\n >\r\n \r\n {filePath ? (\r\n 
\r\n ) : (\r\n <>\r\n \r\n \r\n The logo preview will appear here \r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n {({ values, setFieldValue, setValues, errors, setFieldTouched, isValid, resetForm }) => (\r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n userAccounts: (((state || {}).auth || {}).userDetails || {}).accounts,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, null)(Accounts);\r\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Grid } from '@material-ui/core';\r\nimport DynamicMaterialTable from '../../../framework/DynamicMaterialTable/DynamicMaterialTable';\r\nimport InputButton from '../../../framework/Inputs/inputButton/inputButton';\r\nimport ConfirmationDialog from '../../addressBook/confirmation/confirmation';\r\nimport CustomModal from '../../../framework/dialog/customDialog';\r\nexport default function OrdersData(props) {\r\n const {\r\n rows,\r\n columns,\r\n isSearchable,\r\n isSelectable,\r\n sorting,\r\n paging,\r\n pageSize,\r\n pageSizeOptions,\r\n Dialogtitle,\r\n tabIndex,\r\n totalCount,\r\n } = props;\r\n const [selectedRows, setSelectedRows] = useState([]);\r\n const [showConfirmationDialog, setShowConfirmationDialog] = useState(false);\r\n const [confirmationMsg, setConfirmationMsg] = useState();\r\n const [_deleteAllOrders, setdeleteAllOrders] = useState(false);\r\n const addSelectedRows = (selectedRows) => {\r\n setSelectedRows(selectedRows);\r\n };\r\n const handleDialogClose = () => {\r\n setShowConfirmationDialog(false);\r\n };\r\n const onDialogConfirm = () => {\r\n if (_deleteAllOrders) {\r\n props.deleteAllOrder(props.isCollectionRequest, props.isValid);\r\n } else {\r\n props.deleteSelectedOrder(selectedRows);\r\n setSelectedRows([]);\r\n }\r\n setShowConfirmationDialog(false);\r\n };\r\n const onDialogCancel = () => {\r\n setShowConfirmationDialog(false);\r\n };\r\n const deleteOrderEntry = () => {\r\n // setConfirmationMsg(`This action will delete ${selectedRows.length} order and can't be undone.Select Delete all to confirm.`)\r\n setConfirmationMsg(`Are you sure you want to delete these ${tabIndex > 1 ? \"collections\" : \"orders\"}?`);\r\n setShowConfirmationDialog(true);\r\n setdeleteAllOrders(false);\r\n };\r\n const deleteAllOrderEntry = () => {\r\n setConfirmationMsg(`All ${tabIndex > 1 ? \"collections\" : \"shipments\"} will be removed, are you sure you want to delete them?`);\r\n setShowConfirmationDialog(true);\r\n setdeleteAllOrders(true);\r\n };\r\n\r\n const createShipmentEntry = () => {\r\n props.createShipment(selectedRows);\r\n setSelectedRows([]);\r\n };\r\n const createSelectedCollections = () => {\r\n props.createSelectedCollections(selectedRows);\r\n setSelectedRows([]);\r\n };\r\n return (\r\n this.orderRoWClicked(row)}>{row.customerReference}
,\r\n },\r\n {\r\n title: 'Business/Customer name',\r\n field: 'customerName',\r\n sorting: true,\r\n width: 220,\r\n render: (row) => this.orderRoWClicked(row)}>{row.customerName}
,\r\n },\r\n {\r\n title: 'Postal code',\r\n field: 'postalCode',\r\n sorting: true,\r\n width: 120,\r\n },\r\n {\r\n title: 'Source',\r\n field: 'source',\r\n sorting: false,\r\n width: 130,\r\n },\r\n {\r\n title: 'Sub-source',\r\n field: 'subSource',\r\n sorting: false,\r\n width: 130,\r\n },\r\n {\r\n title: 'Alternate ref.',\r\n field: 'alternateReference',\r\n sorting: true,\r\n width: 150,\r\n },\r\n {\r\n title: 'Contact',\r\n field: 'contact',\r\n sorting: true,\r\n width: 100,\r\n },\r\n {\r\n title: 'Dispatch date',\r\n field: 'dispatchDate',\r\n sorting: true,\r\n width: 90,\r\n },\r\n ],\r\n orders_pageDetails: {\r\n offset: 0,\r\n limit: 0,\r\n totalRecordsLength: 0,\r\n },\r\n orders_final_data: [],\r\n orders_totalCount: 0,\r\n pageSize: 10,\r\n pageNumber: 0,\r\n isLoading: false,\r\n ordersData: [],\r\n pageNumSizeSortChange: false,\r\n emptyTableMsgOnScanPrint: false,\r\n // counter: 1,\r\n // completionPercentage: 0,\r\n // // inProgress: false,\r\n // OrdersLength: 1\r\n };\r\n this.onClickSetSortOrder = this.onClickSetSortOrder.bind(this);\r\n }\r\n\r\n orderRoWClicked = (rowData) => {\r\n this.props.history.push({\r\n pathname: `/shipment/addShipment/${rowData.id}/true/true`,\r\n state: {\r\n isScanFlag: this.props.isScanFlag,\r\n },\r\n });\r\n };\r\n\r\n componentDidMount() {\r\n this.props.setSortOrder(``);\r\n this.getOrdersData();\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.tabIndex === 0 && ((this.props.isSearched !== prevProps.isSearched || this.props.refreshList)\r\n || (this.props.addressBookSearchParams.split('=')[0] !== prevProps.addressBookSearchParams.split('=')[0]\r\n && this.props.addressBookSearchParams.split('=')[1] !== '' && prevProps.addressBookSearchParams !== ''))) {\r\n this.setState({ pageSize: this.state.pageSize, pageNumber: 0 }, () => {\r\n this.getOrdersData();\r\n });\r\n }\r\n }\r\n getOrdersDataGetAPICall(offset, limit) {\r\n this.setState({emptyTableMsgOnScanPrint: false});\r\n axiosConfig\r\n .get(this.getUrl(offset, limit))\r\n .then((res) => {\r\n this.setState({\r\n orders_pageDetails: {\r\n offset: offset,\r\n limit: limit,\r\n totalRecordsLength: (res.data || {}).totalRecords,\r\n },\r\n });\r\n this.setState({ totalRecords: res.data?.totalRecords ? res.data?.totalRecords : 0 });\r\n this.formatOrdersData(res.data);\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n this.setState({\r\n orders_pageDetails: {\r\n offset: 0,\r\n limit: 10,\r\n totalRecordsLength: 0,\r\n },\r\n });\r\n this.setState({ totalRecords: 0 });\r\n this.formatOrdersData([]);\r\n })\r\n .finally(() => this.setState({ isLoading: false }));\r\n }\r\n getOrdersDataPostAPICall(offset, limit) {\r\n // this.setState({\r\n // inProgress: true,\r\n // })\r\n axiosConfig\r\n .post(this.postUrl(offset, limit))\r\n .then((res) => {\r\n this.setState({emptyTableMsgOnScanPrint: true,\r\n orders_pageDetails: {\r\n offset: offset,\r\n limit: limit,\r\n totalRecordsLength: (res.data || {}).totalRecords,\r\n },\r\n });\r\n\r\n this.props.setSnackBarMsg({ msg: `1 shipment(s) created successfully` });\r\n this.setState({ totalRecords: res.data?.totalRecords ? res.data?.totalRecords : 0 });\r\n this.formatOrdersData(res.data);\r\n })\r\n .catch(async (err) => {\r\n this.setState({emptyTableMsgOnScanPrint: false });\r\n if (err.response?.status === 422) {\r\n await this.getOrdersDataGetAPICall(offset, limit)\r\n } else {\r\n this.setState({\r\n orders_pageDetails: {\r\n offset: 0,\r\n limit: 10,\r\n totalRecordsLength: 0,\r\n },\r\n orders_final_data: [],\r\n orders_totalCount: 0,\r\n totalRecords: 0,\r\n });\r\n // this.formatOrdersData([]);\r\n }\r\n // this.setState({\r\n // inProgress: false,\r\n // })\r\n })\r\n .finally(() => this.setState({ isLoading: false }));\r\n }\r\n getOrdersData() {\r\n this.props.setRefreshList(false);\r\n this.setState({ isLoading: true});\r\n setTimeout(() => {\r\n const offset = this.state.pageSize * this.state.pageNumber;\r\n const limit = this.state.pageSize;\r\n if (!this.props.isScanPrintFlag) {\r\n this.getOrdersDataGetAPICall(offset, limit)\r\n } else {\r\n if(this.props.addressBookSearchParams && this.props.addressBookSearchParams?.split('=')?.[1] !==''){\r\n this.getOrdersDataPostAPICall(offset, limit)\r\n }\r\n else if(this.props.autoReloadProcessOrders || this.props.isRefersFlag || this.state.pageNumSizeSortChange){\r\n this.getOrdersDataGetAPICall(offset, limit)\r\n this.props.UploadrefreshOrder(false);\r\n this.setState({pageNumSizeSortChange: false});\r\n }\r\n else{\r\n this.setState({ isLoading: false });\r\n }\r\n }\r\n }, 0);\r\n }\r\n\r\n getUrl = (offset, limit) => {\r\n let url = `${ServiceEndPoints.getOrders\r\n }?organization=${getCustomerAccountID()}&isValid=true&iscollectionrequest=false`;\r\n url += '&offset=' + offset;\r\n url += '&limit=' + limit;\r\n url += this.props.sortOrderState;\r\n url += this.props.addressBookSearchParams;\r\n return url;\r\n };\r\n postUrl = (offset, limit) => {\r\n let url = `${ServiceEndPoints.searchandprint\r\n }?organization=${getCustomerAccountID()}&isValid=true&iscollectionrequest=false`;\r\n url += this.props.addressBookSearchParams;\r\n url += `&labelFormat=${this.props?.printerConfiguration?.labelType == 2 ? \"PDF\" : \"ZPL\"}`\r\n return url;\r\n };\r\n\r\n formatOrdersData = (result) => {\r\n let final_data = [];\r\n result?.orders?.forEach((element, index) => {\r\n const consigneeAddress = element?.shipmentModel?.shipments?.[0]?.consigneeAddress;\r\n const recipientAddress = element?.shipmentModel?.shipments?.[0]?.recipientAddress;\r\n const shipmentDetails = element?.shipmentModel?.shipments?.[0]?.shipmentDetails;\r\n final_data.push({\r\n id: element.id,\r\n customerReference: (element || {}).referenceNumber,\r\n customerName:\r\n consigneeAddress?.addressType === 'doorstep'\r\n ? consigneeAddress?.companyName || consigneeAddress?.name\r\n : recipientAddress?.companyName || recipientAddress?.name,\r\n source: element.sourceReference,\r\n subSource: element.subSource,\r\n alternateReference: shipmentDetails?.customerRef2,\r\n contact: consigneeAddress?.addressType === 'doorstep' ? consigneeAddress?.name : recipientAddress?.name,\r\n postalCode:\r\n consigneeAddress?.addressType === 'doorstep' ? consigneeAddress?.postalCode : recipientAddress?.postalCode,\r\n dispatchDate: element?.shipmentModel?.pickup?.date,\r\n printerQueueName: element?.printerQueueName\r\n });\r\n });\r\n if (\r\n this.props.addressBookSearchParams !== '' &&\r\n this.props.addressBookSearchParams !== '&customerReferenceNumber=' &&\r\n this.props.addressBookSearchParams !== '&alternateReference=' &&\r\n this.props.isScanPrintFlag && !(final_data.length > 0)\r\n ) {\r\n this.props.printLabels(result, false);\r\n this.props.onProcessOrdersSelectedItem(true);\r\n this.props._setAddressBookSearchParams(`&customerReferenceNumber=`);\r\n } else {\r\n if (\r\n this.props.addressBookSearchParams !== '' &&\r\n this.props.addressBookSearchParams?.split('=')?.[1] &&\r\n this.props.addressBookSearchParams !== '&customerReferenceNumber=' &&\r\n this.props.addressBookSearchParams !== '&alternateReference=' &&\r\n final_data.length === 1 && !this.props.isScanPrintFlag\r\n ) {\r\n this.props.history.push({\r\n pathname: `/shipment/addShipment/${final_data[0].id}/true/true`,\r\n state: {\r\n isScanFlag: this.props.isScanFlag,\r\n }\r\n });\r\n }\r\n }\r\n this.setState({\r\n orders_final_data: final_data,\r\n orders_totalCount: result.totalRecords ? result.totalRecords : 0,\r\n });\r\n };\r\n\r\n onPageNumChange(pageNum) {\r\n this.setState({ pageNumber: pageNum ,pageNumSizeSortChange: true}, () => {\r\n this.getOrdersData();\r\n });\r\n }\r\n\r\n onPageSizeChange(pageSize) {\r\n this.setState({ pageSize: pageSize }, () => {\r\n this.getOrdersData();\r\n });\r\n }\r\n \r\n onClickSetSortOrder(orderIn, orderBy) {\r\n if(orderIn === 'asc')\r\n {\r\n this.props.setSortOrder(`&sortBy=${orderBy}&sortIn=ascending`);\r\n }\r\n else if(orderIn === 'desc'){\r\n this.props.setSortOrder(`&sortBy=${orderBy}&sortIn=descending`);\r\n }\r\n else{\r\n this.props.setSortOrder(``);\r\n }\r\n this.setState({ pageNumber: 0, pageNumSizeSortChange: true});\r\n this.getOrdersData();\r\n }\r\n\r\n render() {\r\n return (\r\n // \r\n this.onPageSizeChange(e),\r\n onChangePage: (a) => this.onPageNumChange(a),\r\n }}\r\n page={this.state.pageNumber}\r\n tableLayout=\"fixed\"\r\n deleteAllOrder={this.props.deleteAllOrder}\r\n isCollectionRequest={false}\r\n isValid={true}\r\n onClickSetSortOrder={this.onClickSetSortOrder}\r\n />\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n addressBookSearchParams: state.searchParams,\r\n kepressed: state.keyPressEvent.key,\r\n printerConfiguration: state.common.printerConfiguration,\r\n sortOrderState: state.common.sortOrderState,\r\n autoReloadProcessOrders: state.common.autoReloadProcessOrders,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n setSnackBarMsg: (data) => {\r\n dispatch(actions.setAppSnackBarData(data));\r\n },\r\n setSortOrder: (data) => {\r\n dispatch(actions.setSortOrderState(data));\r\n },\r\n _setAddressBookSearchParams: (data) => {\r\n dispatch(actions.setAddressBookSearchParams(data));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withRouter(Orders));\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport OrdersData from './ordersData';\r\nimport { ServiceEndPoints } from '../../../utils/constants/ApiConstant';\r\nimport { axiosConfig } from '../../../api/axios';\r\nimport { getCustomerAccountID, customTableSort } from '../../../utils/helperFunctions';\r\nimport * as actions from '../../../store/actions/index';\r\n\r\nclass ReviewOrders extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n totalRecords: 0,\r\n columns: [\r\n { title: 'id', field: 'id', hidden: true, width: 0 },\r\n {\r\n title: 'Customer ref.',\r\n field: 'customerReference',\r\n width: 130,\r\n // customSort: (a, b) => customTableSort(a?.customerReference, b?.customerReference),\r\n render: (row) => this.onPageSizeChange(e),\r\n onChangePage: (a) => this.onPageNumChange(a),\r\n }}\r\n page={this.state.pageNumber}\r\n tableLayout=\"fixed\"\r\n deleteAllOrder={this.props.deleteAllOrder}\r\n isCollectionRequest={false}\r\n isValid={false}\r\n onClickSetSortOrder={this.onClickSetSortOrder}\r\n />\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n addressBookSearchParams: state.searchParams,\r\n sortOrderState: state.common.sortOrderState,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n setSortOrder: (data) => {\r\n dispatch(actions.setSortOrderState(data));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withRouter(ReviewOrders));\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport OrdersData from './ordersData';\r\nimport { ServiceEndPoints } from '../../../utils/constants/ApiConstant';\r\nimport { axiosConfig } from '../../../api/axios';\r\nimport { getCustomerAccountID, customTableSort } from '../../../utils/helperFunctions';\r\nimport * as actions from '../../../store/actions/index';\r\n\r\nclass Orders extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columns: [\r\n { title: 'id', field: 'id', hidden: true, width: 0 },\r\n {\r\n title: 'Customer ref.',\r\n field: 'customerReference',\r\n width: 120,\r\n // customSort: (a, b) => customTableSort(a?.customerReference, b?.customerReference),\r\n render: (row) => this.onPageSizeChange(e),\r\n onChangePage: (a) => this.onPageNumChange(a),\r\n }}\r\n page={this.state.pageNumber}\r\n tableLayout=\"fixed\"\r\n deleteAllOrder={this.props.deleteAllOrder}\r\n isCollectionRequest={true}\r\n isValid={true}\r\n onClickSetSortOrder={this.onClickSetSortOrder}\r\n />\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n addressBookSearchParams: state.searchParams,\r\n sortOrderState: state.common.sortOrderState,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n setSortOrder: (data) => {\r\n dispatch(actions.setSortOrderState(data));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withRouter(Orders));\r\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Grid } from '@material-ui/core';\r\nimport DynamicMaterialTable from '../../../framework/DynamicMaterialTable/DynamicMaterialTable';\r\nimport InputButton from '../../../framework/Inputs/inputButton/inputButton';\r\nimport ConfirmationDialog from '../../addressBook/confirmation/confirmation';\r\nimport CustomModal from '../../../framework/dialog/customDialog';\r\nexport default function ReviewCollectionData(props) {\r\n const { rows, columns, isSearchable, isSelectable, sorting, paging, pageSize, pageSizeOptions, title } = props;\r\n const [selectedRows, setSelectedRows] = useState([]);\r\n const [showConfirmationDialog, setShowConfirmationDialog] = useState(false);\r\n const [confirmationMsg, setConfirmationMsg] = useState();\r\n const [_deleteAllOrders, setdeleteAllOrders] = useState(false);\r\n const addSelectedRows = (selectedRows) => {\r\n setSelectedRows(selectedRows);\r\n };\r\n\r\n const handleDialogClose = () => {\r\n setShowConfirmationDialog(false);\r\n };\r\n const onDialogConfirm = () => {\r\n if (_deleteAllOrders) {\r\n props.deleteAllOrder(props.isCollectionRequest, props.isValid);\r\n } else {\r\n props.deleteSelectedOrder(selectedRows);\r\n setSelectedRows([]);\r\n }\r\n setShowConfirmationDialog(false);\r\n };\r\n const onDialogCancel = () => {\r\n setShowConfirmationDialog(false);\r\n };\r\n const deleteOrderEntry = () => {\r\n // setConfirmationMsg(`This action will delete ${selectedRows.length} order and can't be undone.Select Delete all to confirm.`)\r\n setConfirmationMsg(`Are you sure you want to delete these collections?`);\r\n setShowConfirmationDialog(true);\r\n setdeleteAllOrders(false);\r\n };\r\n\r\n const deleteAllOrderEntry = () => {\r\n // setConfirmationMsg(`This action will delete ${selectedRows.length} order and can't be undone.Select Delete all to confirm.`)\r\n setConfirmationMsg(`All collections will be removed, are you sure you want to delete them?`);\r\n setShowConfirmationDialog(true);\r\n setdeleteAllOrders(true);\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n deleteAllOrderEntry()}\r\n />\r\n \r\n \r\n deleteOrderEntry()}\r\n />\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nReviewCollectionData.propTypes = {\r\n rows: PropTypes.array,\r\n columns: PropTypes.array,\r\n isSearchable: PropTypes.bool,\r\n isSelectable: PropTypes.bool,\r\n sorting: PropTypes.bool,\r\n paging: PropTypes.bool,\r\n pageSize: PropTypes.object,\r\n pageSizeOptions: PropTypes.object,\r\n title: PropTypes.string,\r\n confirmationMessage: PropTypes.string,\r\n deleteSelectedOrder: PropTypes.func,\r\n createAllShipments: PropTypes.func,\r\n createShipment: PropTypes.func,\r\n};\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport './reviewOrders.scss';\r\nimport ReviewCollectionData from './reviewCollectionData';\r\nimport { ServiceEndPoints } from '../../../utils/constants/ApiConstant';\r\nimport { customTableSort, getCustomerAccountID } from '../../../utils/helperFunctions';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { axiosConfig } from '../../../api/axios';\r\nimport * as actions from '../../../store/actions/index';\r\n\r\nclass ReviewCollections extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n tabIndex: 0,\r\n totalRecords: 0,\r\n isSearched: false,\r\n columns: [\r\n { title: 'id', field: 'id', hidden: true, width: 0 },\r\n {\r\n title: 'Customer ref.',\r\n field: 'customerReference',\r\n // customSort: (a, b) => customTableSort(a.customerReference, b.customerReference),\r\n render: (row) => this.onPageSizeChange(e),\r\n onChangePage: (a) => this.onPageNumChange(a),\r\n }}\r\n page={this.state.pageNumber}\r\n deleteAllOrder={this.props.deleteAllOrder}\r\n isCollectionRequest={true}\r\n isValid={false}\r\n tableLayout=\"fixed\"\r\n onClickSetSortOrder={this.onClickSetSortOrder}\r\n />\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n userDetails: state.auth.userDetails,\r\n addressBookSearchParams: state.searchParams,\r\n sortOrderState: state.common.sortOrderState,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n setSortOrder: (data) => {\r\n dispatch(actions.setSortOrderState(data));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withRouter(ReviewCollections));\r\n","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { useHistory } from 'react-router-dom';\r\nimport FormRenderer from '../../../framework/Inputs/formRenderer/formRenderer';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport * as actions from '../../../store/actions/index';\r\nimport { axiosConfig, GET, POST } from '../../../api/axios';\r\nimport { ServiceEndPoints } from '../../../utils/constants/ApiConstant';\r\nimport { setDropdownValues, getCustomerAccountID } from '../../../utils/helperFunctions';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n SearchProcessOrderField: {\r\n marginTop: '-40px',\r\n },\r\n}));\r\n\r\nconst SearchOrders = (props) => {\r\n const inputRef = React.useRef();\r\n const classes = useStyles();\r\n const dispatch = useDispatch();\r\n const {\r\n formField: { processorderSearchFor, isScan, isScanPrint },\r\n setFieldValue,\r\n isFavourites,\r\n searchByOptions,\r\n errors,\r\n setFieldError,\r\n setErrors,\r\n setFieldTouched,\r\n } = props;\r\n let formProcessOrdersearchFor = '';\r\n let [isClearBtn, setIsClearBtn] = useState(false);\r\n const [barCodeLength, setbarCodeLength] = React.useState(0);\r\n const [barCodeStartPosition, setbarCodeStartPosition] = React.useState(0);\r\n const [barCodeEndPosition, setbarCodeEndPosition] = React.useState(0);\r\n const [fieldToSearchBy, setfieldToSearchBy] = React.useState('');\r\n let [isConfigure, setIsConfigure] = useState(false);\r\n const keyPressed = useSelector((state) => state.keyPressEvent.key);\r\n const storedFavorites = sessionStorage.getItem('favorite');\r\n \r\n const getClear = (event = null, queryParams = '') => {\r\n if (event) {\r\n event.preventDefault();\r\n }\r\n setIsClearBtn(false);\r\n props.onProcessOrdersChange(false);\r\n setFieldValue('processorderSearchFor', '');\r\n setFieldTouched('processorderSearchFor', false);\r\n dispatch(actions.setAddressBookSearchParams(''));\r\n };\r\n\r\n const getProcessOrders = (event = null) => {\r\n if (event) {\r\n event.preventDefault();\r\n }\r\n props.onProcessOrdersChange(true);\r\n setIsClearBtn(true);\r\n };\r\n\r\n useEffect(() => {\r\n dispatch(\r\n actions.setAddressBookSearchParams(\r\n `&${props.formikValues.processorderSearchBy.value}=${encodeURIComponent(props.formikValues.processorderSearchFor)}`,\r\n ),\r\n );\r\n }, [props.formikValues.processorderSearchBy, props.formikValues.processorderSearchFor]);\r\n\r\n // useEffect(() => {\r\n // setFieldValue('processorderSearchFor', '');\r\n // setIsClearBtn(false);\r\n // }, [setFieldValue]);\r\n\r\n useEffect(() => {\r\n setIsClearBtn(false);\r\n }, [props.formikValues.processorderSearchFor]);\r\n\r\n useEffect(() => {\r\n if (props.isOnlyOneItem && props.formikValues.isScanPrint) {\r\n // dispatch(actions.setAddressBookSearchParams(`&${props.formikValues.processorderSearchBy.value}=`));\r\n setFieldValue('processorderSearchFor', '');\r\n setFieldTouched('processorderSearchFor', true);\r\n inputRef.current.focus();\r\n props.onProcessOrdersSelectedItem(false);\r\n getProcessOrders();\r\n }\r\n }, [props.isOnlyOneItem]);\r\n\r\n useEffect(() => {\r\n if (props.isRefersFlag) {\r\n setFieldValue('processorderSearchFor', '');\r\n if (storedFavorites && JSON.parse(storedFavorites).length > 0 && searchByOptions.some(obj => obj.value === JSON.parse(storedFavorites)[0].value)) {\r\n setFieldValue('processorderSearchBy', JSON.parse(storedFavorites)[0])\r\n }\r\n else{\r\n setFieldValue('processorderSearchBy', searchByOptions[0]);\r\n }\r\n getProcessOrders();\r\n if(!props.formikValues.isScanPrint){\r\n props.UploadrefreshOrder(false);\r\n }\r\n }\r\n }, [props.isRefersFlag]);\r\n\r\n useEffect(() => {\r\n setFieldValue('processorderSearchFor', '');\r\n setFieldTouched('processorderSearchFor', true);\r\n inputRef.current.focus();\r\n }, [props.formikValues.processorderSearchBy.value]);\r\n\r\n useEffect(() => {\r\n GET(`${ServiceEndPoints.getBarcode}?organization=${getCustomerAccountID()}`)\r\n .then((res) => {\r\n setbarCodeLength(res.data.barCodeLength);\r\n setbarCodeStartPosition(res.data.startPosition);\r\n setbarCodeEndPosition(res.data.finalPosition);\r\n setfieldToSearchBy(res.data.fieldToSearchBy);\r\n setIsConfigure(true);\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n });\r\n\r\n return () => {\r\n dispatch(actions.setAddressBookSearchParams(''));\r\n }\r\n\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (keyPressed === 'Enter' && (props.formikValues.isScan || props.formikValues.isScanPrint) && isConfigure && !isClearBtn) {\r\n dispatch(actions.setKeyPressEvent(''));\r\n formProcessOrdersearchFor = props.formikValues.processorderSearchFor;\r\n if (fieldToSearchBy === 'customerReference') {\r\n setFieldValue(\r\n 'processorderSearchBy',\r\n setDropdownValues(searchByOptions || [], 'value', searchByOptions[0].value),\r\n );\r\n }\r\n if (fieldToSearchBy === 'alternateReference') {\r\n setFieldValue(\r\n 'processorderSearchBy',\r\n setDropdownValues(searchByOptions || [], 'value', searchByOptions[4].value),\r\n );\r\n }\r\n if (barCodeLength !== 0 && barCodeLength !== formProcessOrdersearchFor.length) {\r\n setFieldError('processorderSearchFor', 'Barcode length different than what is configured', false);\r\n }\r\n formProcessOrdersearchFor = formProcessOrdersearchFor.slice(barCodeStartPosition - 1, barCodeEndPosition);\r\n setFieldValue('processorderSearchFor', formProcessOrdersearchFor);\r\n getProcessOrders()\r\n setFieldTouched('processorderSearchFor', true);\r\n }\r\n setIsClearBtn(true);\r\n }, [keyPressed]);\r\n\r\n const ScannerThing = () => {\r\n };\r\n\r\n useEffect(() => {\r\n setFieldValue('processorderSearchFor', '');\r\n if (storedFavorites && JSON.parse(storedFavorites).length > 0 && searchByOptions.some(obj => obj.value === JSON.parse(storedFavorites)[0].value)) {\r\n setFieldValue('processorderSearchBy', JSON.parse(storedFavorites)[0])\r\n }\r\n else{\r\n setFieldValue('processorderSearchBy', searchByOptions[0]);\r\n }\r\n dispatch(actions.setAddressBookSearchParams(''));\r\n }, [props.tabIndex]);\r\n\r\n useEffect(() => {\r\n if (props.formikValues.isScan) {\r\n setFieldTouched('isScan', true);\r\n setFieldValue('isScanPrint', false)\r\n inputRef.current.focus();\r\n // if (props.formikValues.processorderSearchBy !== searchByOptions[5]) {\r\n // setFieldValue('processorderSearchFor', '');\r\n // }\r\n }\r\n props.onProcessOrdersScanFalgChange(props.formikValues.isScan, false)\r\n }, [props.formikValues.isScan, props.formikValues.processorderSearchBy]);\r\n\r\n useEffect(() => {\r\n if (props.formikValues.isScanPrint) {\r\n setFieldTouched('isScanPrint', true);\r\n setFieldValue('isScan', false)\r\n inputRef.current.focus();\r\n // if (props.formikValues.processorderSearchBy != searchByOptions[5]) {\r\n // setFieldValue('processorderSearchFor', '');\r\n // }\r\n }\r\n props.onProcessOrdersScanFalgChange(props.formikValues.isScanPrint, true)\r\n }, [props.formikValues.isScanPrint, props.formikValues.processorderSearchBy]);\r\n\r\n // useEffect(() => {\r\n // if (\r\n // props.formikValues.processorderSearchBy.value === 'dispatchDate' &&\r\n // props.formikValues.processorderSearchFor === ''\r\n // ) {\r\n // setFieldValue('processorderSearchFor', '');\r\n // }\r\n // }, [props.formikValues.processorderSearchBy]);\r\n\r\n return (\r\n \r\n \r\n {({ isValid }) => (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n 
\r\n \r\n ),\r\n }}\r\n fullWidth\r\n />\r\n \r\n \r\n \r\n Note: Files having orders up to 1000 are allowed, if the number of orders are more please upload file via Order processor\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n onSelectFile(event)}\r\n ref={hiddenFileInput}\r\n name=\"imageField\"\r\n onClick={fileClicked}\r\n />\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n );\r\n};\r\n\r\nUploadFile.propTypes = {\r\n handleModal: PropTypes.func.isRequired,\r\n refreshGrid: PropTypes.func,\r\n UploadRefreshGrid: PropTypes.func\r\n};\r\n\r\nexport default UploadFile;\r\n\r\nconst getFormField = () => {\r\n return {\r\n schemaName: {\r\n props: {\r\n name: 'schemaName',\r\n label: 'Select schema',\r\n type: 'select',\r\n isRequired: true,\r\n displayField: 'schemaName',\r\n },\r\n validation: {\r\n validationType: 'object',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Schema is required'],\r\n },\r\n {\r\n type: 'test',\r\n params: [\r\n '',\r\n 'Schema is required',\r\n (value) => {\r\n if (!value?.id) {\r\n return false;\r\n }\r\n return true;\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n },\r\n fileBase64: {\r\n props: {\r\n name: 'fileBase64',\r\n label: 'Select file',\r\n type: 'text',\r\n },\r\n validation: {\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Order file is required'],\r\n },\r\n ],\r\n },\r\n },\r\n sourceReference: {\r\n props: {\r\n name: 'sourceReference',\r\n label: 'Select file',\r\n type: 'text',\r\n isRequired: true,\r\n },\r\n validation: {\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['File is required'],\r\n },\r\n ],\r\n },\r\n },\r\n };\r\n};\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAASCAYAAAC9+TVUAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAEaADAAQAAAABAAAAEgAAAADq+8vrAAABF0lEQVQ4EbWSMW7CQBBFnZADULn2EeAGm9pFwg2cijY3QHR0kI4OcgLSpsKUVHGbzinSQwdV8r60I9mwIEyULz1mZnfma2wTxXH8HUXRz7WkaTq68cNPxBKa6pmB4s5PFSqaOtDvNGObKL9WQ9ukh8Obd2kTOyccS86Faa7ETDZ2SlSeV+pzaanL23Mdl979q0nCFguw/8+S3EFQoU0SOj9AX+4eurACGWVwJHux1YsJhYYeK4cFuV74AOZQU2iTBzpkdCidJeCgppBJreGSwh5nTLPWbfshR8x9bsH5xHpVduClxY+efw9f8Alb6INM1yA5WMAOXkG94h2mEFTGqUzsEyvmvp4RG8nRLRKQMpChHuNPOjL4BXwSRz4UWctKAAAAAElFTkSuQmCC\"","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Box from '@material-ui/core/Box';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n primary: {\r\n color: '#76BD22 !important',\r\n height:'230px !important',\r\n width:'230px !important'\r\n },\r\n sizeAndColor:{\r\n fontSize: '2.75rem',\r\n color: '#76BD22 !important',\r\n }\r\n }));\r\n\r\nfunction CircularProgressWithLabel(props) {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n {props.text} \r\n \r\n \r\n );\r\n}\r\n\r\nCircularProgressWithLabel.propTypes = {\r\n value: PropTypes.number.isRequired,\r\n text: PropTypes.string.isRequired\r\n};\r\n\r\nexport default CircularProgressWithLabel;","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport Badge from '@material-ui/core/Badge';\r\nimport { Grid, AppBar, Tabs, Tab, Backdrop, SvgIcon, IconButton } from '@material-ui/core/';\r\nimport TabPanel from '../../../components/shared/tabPanel';\r\nimport { ServiceEndPoints } from '../../../utils/constants/ApiConstant';\r\nimport { GET, POST } from '../../../api/axios';\r\nimport Orders from '../../../components/addShipment/processOrders/orders';\r\nimport ReviewOrders from '../../../components/addShipment/processOrders/reviewOrders';\r\nimport Collections from '../../../components/addShipment/processOrders/collections';\r\nimport ReviewCollections from '../../../components/addShipment/processOrders/reviewCollections';\r\nimport SearchProcessOrders from '../../../components/addShipment/processOrders/searchProcessOrders';\r\nimport './processOrders.scss';\r\nimport { printZplLabels, printPDF } from '../../../utils/PrintHelper';\r\nimport { customTableSort, getCustomerAccountID } from '../../../utils/helperFunctions';\r\nimport { ReactComponent as RefreshIcon } from '../../../assets/images/refresh.svg';\r\nimport { ReactComponent as uploadIcon } from '../../../assets/images/upload.svg';\r\nimport CustomDialog from '../../../framework/dialog/customDialog';\r\nimport UploadFile from '../../../components/addShipment/uploadFile/uploadFile';\r\nimport * as actions from '../../../store/actions/index';\r\nimport CircularProgressWithLabel from '../../../framework/spinner/circularProgressBar';\r\nimport CustomModal from '../../../framework/dialog/customDialog';\r\nimport ConfirmationDialog from '../../../components/addressBook/confirmation/confirmation';\r\n\r\nclass ProcessOrders extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.counter = 0;\r\n this.success = 0;\r\n this.failed = 0;\r\n this.collectionRequest = false;\r\n this.allOrders = [];\r\n this.state = {\r\n formikRef: React.createRef(),\r\n tabIndex: 0,\r\n tabIndex_className: 'Orders-Tab-panel',\r\n completionPercentage: 0,\r\n isSearched: false,\r\n isOnlyOneItem: false,\r\n isScanFlag: false,\r\n isScanPrintFlag: false,\r\n inProgress: false,\r\n reviewOrderCount: '0',\r\n showConfirmationDialog: false,\r\n isRefersFlag: false,\r\n // Collectionscolumns: [\r\n // { title: 'id', field: 'id', hidden: true, width: 0 },\r\n // {\r\n // title: 'Customer reference',\r\n // field: 'customerReference',\r\n // // customSort: (a, b) => customTableSort(a.customerReference, b.customerReference),\r\n // width: 150,\r\n // },\r\n // {\r\n // title: 'Business/Customer name',\r\n // field: 'customerName',\r\n // sorting: true,\r\n // width: 150,\r\n // },\r\n // {\r\n // title: 'Source',\r\n // field: 'source',\r\n // sorting: true,\r\n // width: 200,\r\n // },\r\n // {\r\n // title: 'Postal code',\r\n // field: 'postalCode',\r\n // sorting: true,\r\n // width: 80,\r\n // },\r\n // {\r\n // title: 'Alternative reference',\r\n // field: 'alternateReference',\r\n // sorting: true,\r\n // width: 80,\r\n // },\r\n // {\r\n // title: 'Contact',\r\n // field: 'contact',\r\n // sorting: true,\r\n // width: 100,\r\n // },\r\n // {\r\n // title: 'Collection date',\r\n // field: 'collectionDate',\r\n // sorting: true,\r\n // width: 90,\r\n // },\r\n // ],\r\n ReviewCollectionsTotalCounts: '0',\r\n openModal: false,\r\n };\r\n this.onProcessOrdersChange = this.onProcessOrdersChange.bind(this);\r\n this.onProcessOrdersSelectedItem = this.onProcessOrdersSelectedItem.bind(this);\r\n this.onProcessOrdersScanFalgChange = this.onProcessOrdersScanFalgChange.bind(this);\r\n this.deleteSelectedOrder = this.deleteSelectedOrder.bind(this);\r\n this.deleteAllOrder = this.deleteAllOrder.bind(this);\r\n this.createAllShipments = this.createAllShipments.bind(this);\r\n this.createSelectedShipments = this.createSelectedShipments.bind(this);\r\n this.setReviewOrderCount = this.setReviewOrderCount.bind(this);\r\n this.reviewCollectionsTotalCounts = this.reviewCollectionsTotalCounts.bind(this);\r\n this.createAllCollections = this.createAllCollections.bind(this);\r\n this.createSelectedCollections = this.createSelectedCollections.bind(this);\r\n this.refreshProcessOrder = this.refreshProcessOrder.bind(this);\r\n this.refreshProcessOrder = this.UploadrefreshOrder.bind(this);\r\n this.pauseCount = this.props?.printerConfiguration?.pauseCount ?? 50;\r\n this.getUpdatedCounts();\r\n }\r\n reviewCollectionsTotalCounts = (count) => {\r\n this.setState({ ReviewCollectionsTotalCounts: count });\r\n };\r\n\r\n setReviewOrderCount = (orderCount) => {\r\n this.setState({ reviewOrderCount: orderCount });\r\n };\r\n deleteAllOrder = async (isCollectionRequest, isValid) => {\r\n await POST(`${ServiceEndPoints.deleteOrders}/delete?organization=${getCustomerAccountID()}&isDeleteAll=true&isValid=${isValid}&iscollectionrequest=${isCollectionRequest}`, [])\r\n .then((response) => {\r\n this.props.setSnackBarMsg({ msg: 'Shipment(s) deleted successfully' });\r\n this.refreshProcessOrder(true);\r\n })\r\n .catch((error) => {\r\n this.props.setSnackBarMsg({ type: 'error', msg: 'Orders were not deleted, please try again.' });\r\n this.refreshProcessOrder();\r\n });\r\n }\r\n deleteSelectedOrder = (orders) => {\r\n const itemsToBeDeleted = orders.map((order) => {\r\n return order.id;\r\n });\r\n const payload = itemsToBeDeleted;\r\n POST(`${ServiceEndPoints.deleteOrders}/delete`, payload)\r\n .then((response) => {\r\n this.props.setSnackBarMsg({ msg: 'Shipment(s) deleted successfully' });\r\n this.refreshProcessOrder(true);\r\n })\r\n .catch((error) => {\r\n this.props.setSnackBarMsg({ type: 'error', msg: 'Orders were not deleted, please try again.' });\r\n this.refreshProcessOrder();\r\n });\r\n };\r\n\r\n getUpdatedCounts = () => {\r\n const orderUrl = `${ServiceEndPoints.getOrders\r\n }?organization=${getCustomerAccountID()}&isValid=false&isCollectionRequest=false&offset=0&limit=1`;\r\n GET(orderUrl)\r\n .then((res) => {\r\n this.setReviewOrderCount(res?.data?.totalRecords ?? '0');\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n this.setReviewOrderCount('0');\r\n });\r\n\r\n const collectionUrl = `${ServiceEndPoints.getOrders\r\n }?organization=${getCustomerAccountID()}&isValid=false&isCollectionRequest=true&offset=0&limit=1`;\r\n GET(collectionUrl)\r\n .then((res) => {\r\n this.reviewCollectionsTotalCounts(res?.data?.totalRecords ?? '0');\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n this.reviewCollectionsTotalCounts('0');\r\n });\r\n };\r\n\r\n printLabels = (res, isCollectionRequest,order) => {\r\n const labels = [];\r\n const invoices = [];\r\n res.forEach((shipment) => {\r\n shipment?.shipments[0]?.labels?.forEach((label) => {\r\n labels.push(label);\r\n });\r\n shipment?.shipments[0]?.invoices?.forEach((invoice) => {\r\n invoices.push(invoice);\r\n });\r\n });\r\n if (labels.length > 0) {\r\n this.success += 1;\r\n } else this.failed += 1;\r\n !isCollectionRequest && labels.map((label) => {\r\n if (this.props.printerConfiguration.labelType == 1) {\r\n printZplLabels(label, order?.printerQueueName || this.props.printerConfiguration?.labelPrinter);\r\n } else {\r\n printPDF(label, order?.printerQueueName || this.props.printerConfiguration?.labelPrinter, \"Label\");\r\n }\r\n });\r\n !isCollectionRequest && invoices.map((invoice) => {\r\n printPDF(invoice, this.props.printerConfiguration?.otherReportsPrinter, \"Invoice\");\r\n });\r\n // return true;\r\n }\r\n\r\n createShipmentsFromOrders = (order, isCollectionRequest) => {\r\n const url = `${ServiceEndPoints.createOrders\r\n }?organization=${getCustomerAccountID()}&isCreateAll=false&isCollectionRequest=${isCollectionRequest}&labelFormat=${this.props?.printerConfiguration?.labelType == 2 ? \"PDF\" : \"ZPL\"}`;\r\n const payload = [order.id];\r\n return POST(url, payload)\r\n .then((response) => {\r\n this.printLabels(response.data,isCollectionRequest,order);\r\n return true;\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n this.failed += 1;\r\n return false;\r\n });\r\n };\r\n getIdsWithStatus = (type, status = 'Order processing') => {\r\n let url = `${ServiceEndPoints.orderswithstatus\r\n }?organization=${getCustomerAccountID()}&status=${status}&type=${type}`;\r\n url += this.props.sortOrderState;\r\n return GET(url)\r\n .then((res) => {\r\n return res.data.orders.map(order => { return { ...order, id: order.orderId } }).filter((val) => val.id);\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n return [];\r\n });\r\n };\r\n\r\n createOrders = async (orders, isCollectionRequest = false, counter = 0, success = 0, failed = 0) => {\r\n this.counter = counter;\r\n this.collectionRequest = isCollectionRequest;\r\n this.setState({ inProgress: true, showConfirmationDialog: false });\r\n let flag = true;\r\n this.success = success;\r\n this.failed = failed;\r\n let len = orders.length;\r\n while (this.counter < len) {\r\n await this.createShipmentsFromOrders(orders[this.counter], this.collectionRequest);\r\n this.counter++;\r\n this.setState({\r\n completionPercentage: (this.counter / len) * 100,\r\n });\r\n if (this.counter > 0 && this.counter !== len && this.counter % this.pauseCount === 0) {\r\n this.setState({\r\n inProgress: false,\r\n showConfirmationDialog: true,\r\n });\r\n flag = false;\r\n break;\r\n }\r\n }\r\n if (flag) {\r\n setTimeout(() => {\r\n this.setState({\r\n inProgress: false,\r\n completionPercentage: 0,\r\n });\r\n }, 1000);\r\n this.props.setSnackBarMsg({ msg: `${this.success} shipment(s) created successfully` });\r\n this.refreshProcessOrder(true);\r\n }\r\n };\r\n createAllShipments = async () => {\r\n this.allOrders = await this.getIdsWithStatus('order');\r\n if (this.allOrders.length > 0) {\r\n this.setState({\r\n inProgress: true,\r\n });\r\n this.allOrders.length > 0 && this.createOrders(this.allOrders);\r\n }\r\n };\r\n\r\n createSelectedShipments = (orders) => {\r\n this.allOrders = orders;\r\n this.setState({\r\n inProgress: true,\r\n });\r\n this.createOrders(this.allOrders);\r\n };\r\n\r\n createAllCollections = async () => {\r\n this.allOrders = await this.getIdsWithStatus('collection');\r\n if (this.allOrders.length > 0) {\r\n this.setState({\r\n inProgress: true,\r\n });\r\n this.allOrders.length > 0 && this.createOrders(this.allOrders, true);\r\n }\r\n };\r\n\r\n createSelectedCollections = (orders) => {\r\n this.allOrders = orders;\r\n this.setState({\r\n inProgress: true,\r\n });\r\n this.createOrders(this.allOrders, true);\r\n };\r\n\r\n setRefreshList = (value) => {\r\n this.setState({\r\n refreshList: value\r\n })\r\n }\r\n\r\n UploadrefreshOrder = (isRefersFlag = false) => {\r\n this.setState({ isRefersFlag: isRefersFlag });\r\n }\r\n refreshProcessOrder = (refreshAllCounts = false) => {\r\n refreshAllCounts && this.getUpdatedCounts();\r\n this.setState({ isSearched: true, refreshList: true });\r\n };\r\n\r\n onProcessOrdersSelectedItem(value) {\r\n this.setState({ isOnlyOneItem: value })\r\n }\r\n onProcessOrdersChange(value) {\r\n // this.setState({ isSearched: value });\r\n this.setState({ isSearched: !this.state.isSearched })\r\n // this.refreshProcessOrder();\r\n }\r\n\r\n onProcessOrdersScanFalgChange(value, flag) {\r\n if (flag) {\r\n this.setState({ isScanPrintFlag: (value) ? value : false })\r\n } else {\r\n this.setState({ isScanFlag: (value) ? value : false })\r\n }\r\n }\r\n\r\n handleTabChange = (event, index) => {\r\n this.setState({ isSearched: false, isRefersFlag: true});\r\n this.setState({ tabIndex: index });\r\n this.props._setAddressBookSearchParams('');\r\n if (index === 0) {\r\n this.setState({ tabIndex_className: 'Orders-Tab-panel' });\r\n } else if (index === 1) {\r\n this.setState({ tabIndex_className: 'Review-Orders-Tab-panel' });\r\n } else if (index === 2) {\r\n this.setState({ tabIndex_className: 'Collections-Tab-panel' });\r\n } else if (index === 3) {\r\n this.setState({ tabIndex_className: 'Review-Collections-Tab-panel' });\r\n }\r\n };\r\n\r\n componentDidMount = () => {\r\n if (\r\n this.props.history.location &&\r\n this.props.history.location.state !== undefined &&\r\n this.props.history.location.state !== null\r\n ) {\r\n if (this.props.history.location.state.isScanFlag !== undefined) {\r\n this.state.formikRef.current.setFieldValue('isScan', this.props.history.location.state.isScanFlag);\r\n }\r\n if (\r\n this.props.history.location.state.isCollectionRequest &&\r\n this.props.history.location.state.isReviewCollection\r\n ) {\r\n this.setState({ tabIndex: 3 });\r\n } else if (\r\n this.props.history.location.state.isCollectionRequest &&\r\n !this.props.history.location.state.isReviewCollection\r\n ) {\r\n this.setState({ tabIndex: 2 });\r\n } else if (\r\n !this.props.history.location.state.isCollectionRequest &&\r\n this.props.history.location.state.isProcessOrder\r\n ) {\r\n this.setState({ tabIndex: 0 });\r\n } else if (\r\n !this.props.history.location.state.isCollectionRequest &&\r\n !this.props.history.location.state.isProcessOrder\r\n ) {\r\n this.setState({ tabIndex: 1 });\r\n }\r\n }\r\n };\r\n\r\n handleModal = () => {\r\n this.setState({ openModal: this.state.openModal ? false : true });\r\n };\r\n\r\n handleDialogClose = () => {\r\n this.setState({ showConfirmationDialog: false, completionPercentage: 0 });\r\n this.props.setSnackBarMsg({ msg: `${this.success} shipment(s) created successfully` });\r\n this.refreshProcessOrder();\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {\r\n this.refreshProcessOrder(true);\r\n }}\r\n >\r\n Refresh \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n className=\"Tab-panel\"\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* */}\r\n \r\n \r\n }\r\n className=\"Tab-panel\"\r\n />\r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n \r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n this.handleModal()}\r\n title=\"Upload file\"\r\n >\r\n {\r\n this.refreshProcessOrder(true);\r\n }}\r\n UploadRefreshGrid={() => {\r\n this.UploadrefreshOrder(true);\r\n }}\r\n />\r\n \r\n\r\n \r\n \r\n {\r\n this.handleDialogClose();\r\n }}\r\n maxWidth=\"sm\"\r\n >\r\n {\r\n this.createOrders(this.allOrders, this.collectionRequest, this.counter, this.success, this.failed);\r\n }}\r\n OnCancel={() => {\r\n this.handleDialogClose();\r\n }}\r\n />\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n JSPMStatus: state.common.isJSPMInstalled,\r\n printerConfiguration: state.common.printerConfiguration,\r\n availablePrinter: state.common.availablePrinter,\r\n genralConfiguration: state.common.commonConfiguration,\r\n sortOrderState: state.common.sortOrderState,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n setSnackBarMsg: (data) => {\r\n dispatch(actions.setAppSnackBarData(data));\r\n },\r\n _setAddressBookSearchParams: (data) => {\r\n dispatch(actions.setAddressBookSearchParams(data));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ProcessOrders);\r\n","import { Grid } from '@material-ui/core';\r\nimport React from 'react';\r\nimport CustomAccordion from '../../../framework/accordion/customAccordion';\r\nimport FormRenderer from '../../../framework/Inputs/formRenderer/formRenderer';\r\nimport { filedToSearchByOptions } from '../../../utils/constants/constants';\r\n\r\n\r\nconst BarcodeConfigurationDetails = (props) => {\r\n const {\r\n formField: { filedToSearchBy, startPosition, finalPosition, barCodeLength },\r\n formikValues,\r\n setFieldValue,\r\n } = props;\r\n return (\r\n \r\n \r\n \r\n {children} \r\n \r\n \r\n );\r\n};\r\n\r\n// CheckBoxCustomAccordion.propTypes = {\r\n// heading: PropTypes.string.isRequired,\r\n// content: PropTypes.any,\r\n// defaultExpanded: PropTypes.bool,\r\n// children: PropTypes.object,\r\n// };\r\n// CheckBoxCustomAccordion.defaultProps = {\r\n// defaultExpanded: true,\r\n// };\r\n\r\nexport default CheckBoxCustomAccordion;\r\n\r\n","import React, { useState } from 'react'\r\nimport CheckBoxCustomAccordion from '../accordion/CheckBoxCustomAccordion'\r\nimport Typography from '@material-ui/core/Typography'\r\nimport { Checkbox, FormControlLabel } from '@material-ui/core'\r\nimport ReactHtmlParser from 'react-html-parser';\r\nimport './faq.scss'\r\nconst FaqContainer = (props) => {\r\n const {question, answer, index, setIsChecked, isChecked, setIsUnChecked, setShowCheckBoxes, showCheckboxes, defaultExpanded, userRole} = props;\r\n \r\n \r\n const handleSingleCheck = (event) => {\r\n\r\n if (event.target.checked) {\r\n setIsChecked(event.target.name);\r\n\r\n } else {\r\n setIsUnChecked(event.target.name);\r\n\r\n }\r\n\r\n}\r\n\r\n\r\nconst handleClickEvent = () => {\r\n setShowCheckBoxes(true)\r\n}\r\n return (\r\n {\r\n handleClickEvent() \r\n}}\r\n onFocus={(event) => event.stopPropagation()}\r\n control={showCheckboxes && userRole\r\n? {\r\n handleSingleCheck(e) \r\n}} />\r\n: <>}\r\n label={ \r\n \r\n \r\n {ReactHtmlParser(answer)}\r\n \r\n {/* */}\r\n \r\n \r\n \r\n }\r\n />\r\n \r\n \r\n )\r\n}\r\n\r\nexport default FaqContainer\r\n","import { Grid, Typography } from '@material-ui/core';\r\nimport React, { useRef, useEffect, useState } from 'react';\r\nimport FormRenderer from '../Inputs/formRenderer/formRenderer';\r\nimport RichTextEditor from '../Inputs/richTextEditor/richTextEditor';\r\n\r\nconst FaqForm = (props) => {\r\n const {\r\n formField: { catagory, addAnswer, addQuestion, faqCatagory },\r\n setFieldValue,\r\n // isFavourites,\r\n catagoryValues,\r\n errors,\r\n categoryType,\r\n editQuestion,\r\n editAnswer,\r\n // uniqueLeftPanelData,\r\n formikValues,\r\n setNewCategory,\r\n // setFieldTouched,\r\n } = props;\r\nconst [catagoryNameExist, setCatagoryNameExist] = useState(false)\r\n\r\n useEffect(() => {\r\n if (categoryExists(formikValues.catagory)) {\r\n setCatagoryNameExist(true)\r\n setNewCategory(true)\r\n } else {\r\n setCatagoryNameExist(false)\r\n setNewCategory(false)\r\n\r\n }\r\n \r\n }, [formikValues.catagory])\r\n\r\n//Check if object value exists within a Javascript array \r\nfunction categoryExists(categoryName) {\r\n return catagoryValues.some((el) => {\r\n return el.name === categoryName;\r\n }); \r\n}\r\n\r\n return (\r\n \r\n \r\n {categoryType === 'textBox'\r\n? <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n categoryType === \"textBox\" ? Note: Adding a FAQ for the new category is mandatory : ''}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default FaqForm;\r\n","import { Grid, Snackbar } from '@material-ui/core';\r\nimport { Form, Formik } from 'formik';\r\nimport React, { useRef, useEffect, useState } from 'react';\r\nimport { axiosConfig, POST } from '../../api/axios';\r\nimport { ServiceEndPoints } from '../../utils/constants/ApiConstant';\r\nimport { connect } from 'react-redux';\r\n\r\nimport { FaqValidatorForm } from '../../utils/formConfig/FaqValidatorForm/FaqValidatorForm';\r\nimport { addFAQReqObj, setValuesToForm } from '../../utils/helperFunctions';\r\nimport { getYupSchemaFromMetaData } from '../../utils/yupSchema/yupSchemaGenerator';\r\n// import { getYupSchemaFromMetaData } from '../../utils/yupSchema/yupSchemaGenerator';\r\nimport * as actions from '../../store/actions/index';\r\n\r\nimport InputButton from '../Inputs/inputButton/inputButton';\r\nimport FaqForm from './FaqForm';\r\nconst { formId, formField } = FaqValidatorForm;\r\nconst CreateNewFaq = (props) => {\r\n const {catagoryValues, selectedMenu} = props;\r\n const { onLoad } = props;\r\n \r\n const formikRef = useRef(null);\r\n const [snackBarMsg, setSnackBarMsg] = useState('');\r\n const [editQuestion, setEditQuestion] = useState('');\r\n const [editAnswer, setEditAnswer] = useState('');\r\n const [newCategory, setNewCategory] = useState(false);\r\n const [categoryID, setCategoryID] = useState('');\r\n\r\n const newFaqValidationSchema = getYupSchemaFromMetaData(formField, [], []);\r\n const initialValues = {\r\n catagory: '',\r\n addQuestion: '',\r\n addAnswer: '',\r\n // faqCatagory:'',\r\n };\r\n const handleSubmit = async (values, errors, categoryType, id) => {\r\n\r\n if (await isFormValid(errors, values, categoryType) && !newCategory) {\r\n const reqObj = addFAQReqObj(values, categoryType, id);\r\n axiosConfig\r\n .post(ServiceEndPoints.faqsUrl, reqObj)\r\n .then((res) => {\r\n // setSnackBarMsg('Customer details stored sucessfully');\r\n formikRef.current.resetForm();\r\n props.handleDialogClose();\r\n props.getAllFaqDetails();\r\n props.setEditDetails('')\r\n props.setIsChecked([])\r\n props.setShowCheckBoxes(false)\r\n props.getFaqDetails(selectedMenu)\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n // setSnackBarMsg('Error!');\r\n });\r\n } else {\r\n // console.log('all fields are required');\r\n props.setIsDialogOpen(true)\r\n }\r\n };\r\n\r\n \r\n const isFormValid = async (errors, values, categoryType) => {\r\n\r\n // let clonedReqFields = [...reqFields];\r\n\r\n const { ...restControls } = errors;\r\n \r\n if (categoryType === 'textBox') {\r\n \r\n return Object.keys(restControls).length === 0;\r\n \r\n } else if (categoryType === 'dropDown') {\r\n\r\n \r\n return (errors.addQuestion === undefined && errors.addAnswer === undefined)\r\n \r\n\r\n }\r\n \r\n\r\n return true;\r\n };\r\nuseEffect(() => {\r\n \r\n if (selectedMenu != '' && props.getCheckBox()) {\r\n catagoryValues.map((category, index) => {\r\n\r\n if (category.value === selectedMenu.replace(/\\s+/g, '')) {\r\n\r\n \r\n // setFieldValue('defaultDomesticAccounts', _tempArray[0])\r\n formikRef.current.setFieldValue('faqCatagory', catagoryValues[index]);\r\n \r\n setCategoryID('')\r\n \r\n }\r\n }) \r\n}\r\n}, [selectedMenu])\r\n\r\n\r\n useEffect(() => {\r\n if (Object.keys(props.editDetails).length > 0 && !props.getCheckBox() ) {\r\n \r\n \r\n catagoryValues.map((category, index) => {\r\n\r\n if (category.value === props.editDetails[0].category.replace(/\\s+/g, '')) {\r\n \r\n \r\n // setFieldValue('defaultDomesticAccounts', _tempArray[0])\r\n formikRef.current.setFieldValue('faqCatagory', catagoryValues[index]);\r\n \r\n setCategoryID(props.editFaqID)\r\n\r\n \r\n }\r\n })\r\n\r\n formikRef.current.setFieldValue('addQuestion', props.editDetails[0].question);\r\n formikRef.current.setFieldValue('addAnswer', props.editDetails[0].answer);\r\n setEditAnswer(props.editDetails[0].answer)\r\n setEditQuestion(props.editDetails[0].question)\r\n \r\n\r\n // formikRef.current.setValues(setValuesToForm(props.editDetails, formikRef.current.values));\r\n onLoad({\r\n loadedFrom: 'dropdownResponse',\r\n loadedResponse: { ...props.editDetails },\r\n });\r\n setTimeout(() => {\r\n onLoad({ loadedFrom: '' });\r\n }, 5000);\r\n }\r\n }, [props.editDetails]);\r\n\r\n \r\n // const htmlRef=useRef(null)\r\n // console.log(\"catagoryValues\",catagoryValues)\r\n\r\n return (\r\n \r\n\r\n \r\n \r\n \r\n handleBackButton()}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nApplicationUpdates.propTypes = {};\r\n\r\nexport default ApplicationUpdates;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Snackbar } from '@material-ui/core';\r\nimport MuiAlert from '@material-ui/lab/Alert';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport * as actions from '../../store/actions/index';\r\n\r\nconst AppSnackBar = () => {\r\n const Alert = (props) => {\r\n return dispatch(actions.resetAppSnackBarData())}\r\n autoHideDuration={snackBarData.inputProps.autoHideDuration}\r\n >\r\n dispatch(actions.resetAppSnackBarData())} severity={snackBarData.type}>\r\n {snackBarData.msg}\r\n \r\n \r\n );\r\n};\r\n\r\n// AppSnackBar.propTypes = {\r\n// horizontalPostion: PropTypes.oneOf(['left', 'center', 'right']),\r\n// verticalPosition: PropTypes.oneOf(['top', 'bottom']),\r\n// autoHideDuration: PropTypes.number,\r\n// snackBarMsg: PropTypes.string.isRequired,\r\n// setSnackBarMsg: PropTypes.func.isRequired,\r\n// severity: PropTypes.oneOf(['error', 'warning', 'info', 'success']),\r\n// };\r\n\r\n// AppSnackBar.defaultProps = {\r\n// horizontalPostion: 'right',\r\n// verticalPosition: 'top',\r\n// autoHideDuration: 3000,\r\n// severity: 'success',\r\n// };\r\n\r\nexport default AppSnackBar;\r\n","import React, { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Grid, Drawer, IconButton, makeStyles } from '@material-ui/core';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { Clear } from '@material-ui/icons';\r\nimport * as actions from '../../store/actions/index';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n err: {\r\n color: '#D40511',\r\n fontSize: '16px',\r\n paddingLeft: '29px',\r\n },\r\n success: {\r\n color: '#1A7C02',\r\n fontSize: '16px',\r\n paddingLeft: '29px',\r\n },\r\n closeIcon: {\r\n paddingRight: '20px',\r\n },\r\n drawerPaper: {\r\n minHeight: 70,\r\n },\r\n}));\r\n\r\nconst BottomAlert = (props) => {\r\n const [backDrop, setBackDrop] = useState(false);\r\n const [alertDetails, setAlertDetails] = useState({});\r\n const bottomAlertData = useSelector((state) => state.common.bottomAlert);\r\n const classes = useStyles();\r\n const dispatch = useDispatch();\r\n\r\n if (backDrop) {\r\n document.addEventListener('keyup', (event) => {\r\n if (event?.key === 'Enter') {\r\n alertClosed();\r\n }\r\n });\r\n }\r\n\r\n useEffect(() => {\r\n if (bottomAlertData.open) {\r\n setBackDrop(true);\r\n setAlertDetails(bottomAlertData);\r\n } else {\r\n setBackDrop(false);\r\n setAlertDetails(bottomAlertData);\r\n }\r\n }, [bottomAlertData]);\r\n\r\n const alertClosed = () => {\r\n setBackDrop(false);\r\n dispatch(actions.resetBottomAlert());\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {alertDetails?.msgs?.map((message, index, arr) => (\r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nBottomAlert.propTypes = {};\r\n\r\nexport default BottomAlert;\r\n","import React, { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Switch, Route, Redirect, withRouter, useLocation } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport PrivateRoute from '../privateRoute/privateRoute';\r\nimport { makeStyles, Toolbar, Grid, Backdrop, CircularProgress } from '@material-ui/core';\r\nimport CustomModal from '../../framework/dialog/customDialog';\r\nimport ConfirmationDialog from '../../components/addressBook/confirmation/confirmation';\r\nimport { ShowNotification } from '../ShowNotification/ShowNotification';\r\n\r\nimport Header from '../header/header';\r\nimport SideNav from '../sideNav/sideNav';\r\nimport Breadcrumb from '../breadcrumb/breadcrumb';\r\nimport Login from '../login/login';\r\nimport AddShipment from '../../container/shipment/addShipment/addShipment';\r\nimport CarriageForward from '../../container/shipment/carriageForward/carriageForward';\r\nimport TemplateManagement from '../../container/shipment/templateManagement/templateManagement';\r\nimport TemplateManagements from '../../container/shipment/templateManagement/CreateNewTemplate/TemplateManagement';\r\n\r\nimport AddressBook from '../../container/addressBook/AddressBook';\r\nimport AddNewAddress from '../../container/addressBook/addNewAddress/addNewAddress';\r\nimport ShipmentManagement from '../../container/shipment/shipmentManagement/shipmentManagement';\r\nimport ShipmentSummary from '../../container/shipment/shipmentSummary/ShipmentSummary';\r\nimport AddShipmentSummary from '../../container/shipment/addShipment/addShipmentSummary/AddShipmentSummary';\r\nimport Dashboard from '../../container/dashboard/dashboard/dashboard';\r\nimport BookedCollectionSummary from '../../container/shipment/bookedCollectionSummary/BookedCollectionSummary';\r\nimport Summary from '../../components/dashboard/summary/summary';\r\nimport ConfigurationHome from '../../container/configuration/ConfigurationHome';\r\nimport GenralConfiguration from '../../container/configuration/GenralConfiguration/GenralConfiguration';\r\nimport PrinterConfiguration from '../../container/configuration/PrinterConfiguration/PrinterConfiguration';\r\nimport OrderFileConfiguration from '../../container/configuration/OrderFileConfiguration/OrderFileConfiguration';\r\nimport MarketplaceConfig from '../../container/configuration/MarketplaceConfiguration/MarketplaceConfig';\r\nimport UserManagement from '../../container/userManagement/UserManagement';\r\nimport { useDispatch } from 'react-redux';\r\nimport './layout.scss';\r\nimport DashBoardSummary from '../../container/dashboard/dashboard/dashBoardSummary/DashBoardSummary';\r\nimport { useSelector } from 'react-redux';\r\nimport BookDriverPickUp from '../../container/shipment/bookDriverPickUp/BookDriverPickUp';\r\nimport AuditEnquiry from '../../container/auditEnquiry/auditEnquiry';\r\nimport Tracking from '../../container/dashboard/tracking/tracking';\r\nimport Accounts from '../../container/accounts/Accounts';\r\nimport ProcessOrders from '../../container/shipment/processOrders/processOrders';\r\nimport * as actions from '../../store/actions/index';\r\nimport CreateNewSchema from '../../components/configuration/orderFileConfigurations/createNewSchema/createNewSchema';\r\nimport { ServiceEndPoints } from '../../utils/constants/ApiConstant';\r\nimport { axiosConfig } from '../../api/axios';\r\nimport { checkToken, getNonReturnAccounts } from '../../utils/helperFunctions';\r\nimport BarCodeConfiguration from '../../container/configuration/BarCodeConfiguration/BarCodeConfiguration';\r\nimport Faq from '../faq/faq';\r\nimport ApplicationUpdates from '../../container/applicationUpdates/ApplicationUpdates';\r\nimport { UserRoles } from '../../utils/constants/constants';\r\nimport Spinner from '../spinner/spinner';\r\nimport AppSnackBar from '../snackBar/appSnackBar';\r\nimport BottomAlert from '../bottomAlert/bottomAlert';\r\nimport { getDomesticAccounts, isPickUpAvailableInAccount } from '../../utils/helperFunctions';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n content: {\r\n flexGrow: 1,\r\n padding: '13.6px 0px 13.6px 18.6px',\r\n },\r\n root: {\r\n display: 'flex',\r\n },\r\n}));\r\n\r\nlet loginTries = 0;\r\nconst Layout = (props) => {\r\n let userDetails = useSelector((state) => state.auth.userDetails);\r\n let userAccounts = useSelector((state) => state.accounts.userAccounts);\r\n const domesticAccounts = useSelector((state) => state.accounts.userAccounts);\r\n const selectedAccount = domesticAccounts?.find((account) => isPickUpAvailableInAccount(account)) || {};\r\n const loader = useSelector((state) => state.loaderLayOver.showLoader);\r\n let notificationInfo = useSelector((state) => state.common);\r\n const [isUserDetailsLoaded, setUserDetailsLoaded] = useState(false);\r\n const [isLoginPage, setisLoginPage] = useState(false);\r\n const [isfaqPage, setIsFaqPage] = useState(false);\r\n\r\n const [isDrawerOpen, setDrawerOpen] = useState(false);\r\n const [showConfirmationDialog, setShowConfirmationDialog] = useState(false);\r\n const [isLoginInProgress, setLoginInProgress] = useState(false);\r\n const [isApplication, setIsApplocation] = useState(false);\r\n const [alertOpened, setAlertOpened] = useState(false);\r\n let location = useLocation();\r\n const dispatch = useDispatch();\r\n props.history.listen((location) => {\r\n if (location.pathname.includes('login')) {\r\n setisLoginPage(true);\r\n } else if (location.pathname.includes('faq')) {\r\n setisLoginPage(true);\r\n setIsFaqPage(true);\r\n setIsApplocation(false);\r\n } else if (location.pathname.includes('applicationUpdates')) {\r\n setIsApplocation(true);\r\n setisLoginPage(false);\r\n } else {\r\n setisLoginPage(false);\r\n setIsApplocation(false);\r\n }\r\n });\r\n\r\n const DrawerEventHandler = (data) => {\r\n setDrawerOpen(data);\r\n };\r\n\r\n const validateAddress = (address) => {\r\n const add = {\r\n ...address,\r\n name: address?.name?.trim()?.slice(0, 35),\r\n companyName: address?.companyName?.trim()?.slice(0, 35),\r\n address1: address?.address1?.trim()?.slice(0, 35),\r\n address2: address?.address2?.trim()?.slice(0, 35),\r\n address3: address?.address3?.trim()?.slice(0, 35),\r\n city: address?.city?.trim()?.slice(0, 35),\r\n country: address?.country?.trim()?.slice(0, 35),\r\n email: address?.email?.trim()?.slice(0, 70),\r\n phone: address?.phone?.trim()?.slice(0, 35),\r\n }\r\n return add;\r\n }\r\n const getUserInfo = () => {\r\n dispatch(actions.setLoaderLayOver(true));\r\n loginTries++;\r\n setLoginInProgress(true);\r\n axiosConfig\r\n .get(ServiceEndPoints.getUser)\r\n .then((res) => {\r\n let userDetails = res.data;\r\n sessionStorage.setItem('customerAccountID', userDetails?.customerAccountID);\r\n userDetails.accounts =\r\n userDetails?.accounts.map((account) => {\r\n return {\r\n ...account,\r\n displayName: `${account.accountId}-${account.accountName}${(account.configuration.firstMileDropOffAllowed) ? '-FMD' : ''}`,\r\n deliveryCheck:account?.configuration?.deliveryChecks,\r\n sender: validateAddress(account.sender)\r\n };\r\n }) ?? [];\r\n\r\n props.onAuth(userDetails);\r\n props.setUserAccounts((userDetails || {}).accounts);\r\n const temp = getNonReturnAccounts((userDetails || {}).accounts);\r\n props.setNonReturnUserAccounts(temp || [])\r\n if ((temp || []).length > 0) {\r\n props.setSelectedAccount(temp[0]);\r\n }\r\n setLoginInProgress(false);\r\n\r\n setTimeout(() => {\r\n dispatch(actions.setLoaderLayOver(false));\r\n }, 2000);\r\n })\r\n .catch((err) => {\r\n dispatch(actions.setLoaderLayOver(false));\r\n console.error(err);\r\n if (loginTries < 3) {\r\n getUserInfo();\r\n return;\r\n }\r\n setShowConfirmationDialog(true);\r\n alert('Incorrect User name');\r\n setLoginInProgress(false);\r\n });\r\n };\r\n\r\n const handleDialogClose = () => {\r\n setShowConfirmationDialog(true);\r\n };\r\n\r\n useEffect(() => {\r\n\r\n if (location.pathname === '/faq') {\r\n\r\n setisLoginPage(true);\r\n setIsFaqPage(true);\r\n setIsApplocation(false);\r\n }\r\n\r\n if (checkToken()) {\r\n getUserInfo();\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (userDetails) setUserDetailsLoaded(true);\r\n }, [userDetails]);\r\n\r\n const onDialogConfirm = () => {\r\n setShowConfirmationDialog(false);\r\n };\r\n const onDialogCancel = () => {\r\n setShowConfirmationDialog(false);\r\n };\r\n\r\n const alertClosed = (isAlert) => {\r\n setAlertOpened(isAlert);\r\n dispatch(actions.setAlertInfo(isAlert));\r\n };\r\n\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n \r\n */}\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nLayout.propTypes = {\r\n history: PropTypes.any,\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onAuth: (userDetails) => {\r\n dispatch(actions.setAuthDetails(userDetails));\r\n },\r\n setUserAccounts: (userAccounts) => {\r\n dispatch(actions.setUserAccounts(userAccounts));\r\n },\r\n setNonReturnUserAccounts: (nonReturnUserAccounts) => {\r\n dispatch(actions.setNonReturnUserAccounts(nonReturnUserAccounts));\r\n },\r\n setSelectedAccount: (selectedAccount) => {\r\n dispatch(actions.setSelectedAccount(selectedAccount));\r\n },\r\n setFavouriteCustomers: (favouriteCustomers) => {\r\n dispatch(actions.setFavouriteCustomers(favouriteCustomers));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(withRouter(Layout));\r\n","import React, { useEffect, useState } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { useDispatch } from 'react-redux';\r\nimport './App.scss';\r\nimport { createMuiTheme } from '@material-ui/core';\r\nimport { HashRouter as Router } from 'react-router-dom';\r\nimport { CssBaseline, ThemeProvider } from '@material-ui/core';\r\nimport { Paper } from '@material-ui/core';\r\n\r\nimport DeliveryFont from './assets/fonts/Delivery_W_Rg.woff';\r\nimport Layout from './framework/layout/layout';\r\n\r\nimport { getJSPMStatus, getPrintConfiguration, updateJSPMReference } from './utils/PrintHelper';\r\nimport { getAllGenralConfiguration } from './utils/helperFunctions';\r\nimport * as actions from '../src/store/actions/index';\r\n\r\nconst DeliveryTheme = {\r\n fontFamily: 'Delivery Regular',\r\n fontStyle: 'normal',\r\n src: `local('Delivery'),\r\n local('Delivery-Regular')\r\n url(${DeliveryFont}) format('woff')\r\n `,\r\n};\r\n\r\nconst theme = createMuiTheme({\r\n typography: {\r\n fontFamily: 'Delivery Regular',\r\n fontSize: 14,\r\n letterSpacing: 0,\r\n },\r\n overrides: {\r\n MuiCssBaseline: {\r\n '@global': {\r\n '@font-face': [DeliveryTheme],\r\n },\r\n },\r\n MuiFormLabel: {\r\n asterisk: {\r\n color: 'red',\r\n '&$error': {\r\n color: 'red',\r\n },\r\n },\r\n },\r\n },\r\n});\r\n\r\nconst App = () => {\r\n if (Object.keys(caches).length > 0) {\r\n caches.keys().then(async function (names) {\r\n await Promise.all(names.map(name => caches.delete(name)))\r\n })\r\n window.location.reload();\r\n }\r\n else {\r\n if (!(sessionStorage.getItem(\"reloadCompleted\")) || sessionStorage.getItem(\"reloadCompleted\")===\"false\") {\r\n sessionStorage.setItem(\"reloadCompleted\", true);\r\n window.location.reload();\r\n }\r\n }\r\n\r\n const dispatch = useDispatch();\r\n let userAccounts = useSelector((state) => state.auth.userDetails);\r\n\r\n const printerConfiguration = useSelector((state) => state.common.printerConfiguration)\r\n const [_printerConfiguration, setPrinterConfiguration] = useState(null);\r\n //Get Staus of neoDynamics exe on host machine\r\n // useEffect(() => {\r\n // getJSPMStatus(dispatch, actions);\r\n // }, []);\r\n\r\n useEffect(() => {\r\n if (userAccounts && userAccounts.customerAccountID) {\r\n //Get Printer Configuration of the user.\r\n getPrintConfiguration(dispatch, actions, userAccounts);\r\n\r\n //Get Genral configuration details of the org.\r\n getAllGenralConfiguration(userAccounts.customerAccountID, dispatch, actions);\r\n }\r\n }, [userAccounts]);\r\n\r\n useEffect(() => {\r\n if (_printerConfiguration !== null && _printerConfiguration?.userId) {\r\n updateJSPMReference(_printerConfiguration?.jspmVersion?.toString());\r\n getJSPMStatus(dispatch, actions);\r\n }\r\n }, [_printerConfiguration])\r\n useEffect(() => {\r\n if (printerConfiguration?.userId) {\r\n if (_printerConfiguration === null) {\r\n setPrinterConfiguration(printerConfiguration);\r\n }\r\n }\r\n }, [printerConfiguration])\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default App;\r\n","const reportWebVitals = onPerfEntry => {\r\n if (onPerfEntry && onPerfEntry instanceof Function) {\r\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n getCLS(onPerfEntry);\r\n getFID(onPerfEntry);\r\n getFCP(onPerfEntry);\r\n getLCP(onPerfEntry);\r\n getTTFB(onPerfEntry);\r\n });\r\n }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","\r\nimport * as actionTypes from '../actions/actionsTypes'\r\n\r\nimport { updateObject } from '../../utils/common';\r\n\r\nconst initialState = {\r\n userDetails: null,\r\n};\r\n\r\n\r\nconst saveUserDetails = (state, action) => {\r\n const sortAlphaNum = (a, b) => a?.accountId?.toLowerCase().localeCompare(b?.accountId?.toLowerCase(), 'en', { numeric: true });\r\n action.data.accounts.sort(sortAlphaNum);\r\n return updateObject(state,\r\n {\r\n userDetails: action.data\r\n }\r\n );\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SAVEUSERDETAILS: return saveUserDetails(state, action);\r\n default: return state\r\n }\r\n}\r\n\r\nexport default reducer;","import * as actionTypes from '../actions/actionsTypes';\r\n\r\nimport { updateObject } from '../../utils/common';\r\n\r\nconst initialState = {\r\n userAccounts: [],\r\n nonReturnuserAccounts: [],\r\n selectedAccount: {},\r\n displayAccounts: [],\r\n};\r\n\r\nconst setUSerAccounts = (state, action) => {\r\n return updateObject(state, {\r\n userAccounts: action.data,\r\n });\r\n};\r\nconst setNonReturnUserAccounts = (state, action) => {\r\n return updateObject(state, {\r\n nonReturnuserAccounts: action.data,\r\n });\r\n};\r\n\r\nconst setSelectedAccount = (state, action) => {\r\n return updateObject(state, {\r\n selectedAccount: action.data,\r\n });\r\n};\r\n\r\nconst setDisplayAccounts = (state, action) => {\r\n return updateObject(state, {\r\n displayAccounts: action.data,\r\n })\r\n}\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SETUSERACCOUNTS:\r\n return setUSerAccounts(state, action);\r\n case actionTypes.SETNONRETURNUSERACCOUNTS:\r\n return setNonReturnUserAccounts(state, action);\r\n case actionTypes.SETSELECTEDACCOUNT:\r\n return setSelectedAccount(state, action);\r\n case actionTypes.SETDISPLAYACCOUNTS:\r\n return setDisplayAccounts(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import * as actionTypes from '../actions/actionsTypes';\r\n\r\nimport { updateObject } from '../../utils/common';\r\n\r\nconst initialState = {\r\n favouriteCustomers: [],\r\n};\r\n\r\nconst setFavouriteCustomers = (state, action) => {\r\n return updateObject(state, {\r\n favouriteCustomers: action.data,\r\n });\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SETFAVOURITECUSTOMERS:\r\n return setFavouriteCustomers(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import * as actionTypes from '../actions/actionsTypes';\r\n\r\nconst initialState = '';\r\n\r\nconst setAddressBookSearchParams = (state, action) => {\r\n return action.data;\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SETADDRESSBOOKSEARCHPARAMS:\r\n return setAddressBookSearchParams(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import * as actionTypes from '../actions/actionsTypes';\r\n\r\nimport { updateObject } from '../../utils/common';\r\n\r\nconst initialState = {\r\n parcelDetails: {},\r\n};\r\n\r\nconst setLoadParcelDimensions = (state, action) => {\r\n return updateObject(state, {\r\n parcelDetails: action.data,\r\n });\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SETLOADPARCELDIMENSIONS:\r\n return setLoadParcelDimensions(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import * as actionTypes from '../actions/actionsTypes';\r\n\r\nimport { updateObject } from '../../utils/common';\r\n\r\nconst initialState = {\r\n loadedFrom: '',\r\n};\r\n\r\nconst setLoadedFrom = (state, action) => {\r\n return updateObject(state, {\r\n loadedFrom: action.data,\r\n });\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SETLOADEDFROM:\r\n return setLoadedFrom(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import * as actionTypes from '../actions/actionsTypes';\r\n\r\nconst initialState = '';\r\n\r\nconst setShipmentManagementSearchParams = (state, action) => {\r\n return action.data;\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SETSHIPMENTMANAGEMENTSEARCHPARAMS:\r\n return setShipmentManagementSearchParams(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import * as actionTypes from '../actions/actionsTypes';\r\nimport { updateObject } from '../../utils/common';\r\n\r\nconst initialState = {\r\n servicePointDelivery: null,\r\n shipmentDetails: null,\r\n iossValueLimits: null,\r\n orderResponseData: {},\r\n postalCodeResponse: {},\r\n};\r\n\r\nconst setAddShipmentData = (state, action) => {\r\n return updateObject(state, { shipmentDetails: action.data });\r\n};\r\n\r\nconst setServicePointDelivery = (state, action) => {\r\n return updateObject(state, {\r\n servicePointDelivery: action.data,\r\n });\r\n};\r\n\r\nconst setIossValueLimits = (state, action) => {\r\n return updateObject(state, {\r\n iossValueLimits: action.data,\r\n });\r\n};\r\n\r\nconst setOrderResponseData = (state, action) => {\r\n return updateObject(state, {\r\n orderResponseData: action.data,\r\n });\r\n};\r\n\r\nconst setPostalCodeData = (state, action) =>{\r\n return updateObject(state,{\r\n postalCodeResponse: action.data,\r\n })\r\n}\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SETADDSHIPMENTDATA:\r\n return setAddShipmentData(state, action);\r\n case actionTypes.SET_DELIVERYSERVICEPOINT:\r\n return setServicePointDelivery(state, action);\r\n case actionTypes.SET_IOSSVALUELIMIT:\r\n return setIossValueLimits(state, action);\r\n case actionTypes.SET_ORDERRESPONSE:\r\n return setOrderResponseData(state,action);\r\n case actionTypes.SET_POSTALCODERESPONSE:\r\n return setPostalCodeData(state,action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import * as actionTypes from '../actions/actionsTypes';\r\n \r\nimport { updateObject } from '../../utils/common';\r\n\r\nconst initialState = {\r\n dashboardTracking: '',\r\n dashboardFindShipment: '',\r\n};\r\n\r\nconst setDashboardTracking = (state, action) => {\r\n return updateObject(state, {\r\n dashboardTracking: action.data,\r\n });\r\n};\r\nconst setDashboardFindShipment = (state, action) => {\r\n return updateObject(state, {\r\n dashboardFindShipment: action.data,\r\n });\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SETDASHBOARDTRACKING:\r\n return setDashboardTracking(state, action);\r\n case actionTypes.SETDASHBOARDFINDSHIPMANET:\r\n return setDashboardFindShipment(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import * as actionTypes from '../actions/actionsTypes';\r\n\r\nimport { updateObject } from '../../utils/common';\r\n\r\nconst initialState = {\r\n loadedFrom: '',\r\n};\r\n\r\nconst setBackUpResponse = (state, action) => {\r\n return updateObject(state, {\r\n loadedFrom: action.data,\r\n });\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SETBACKUPRESPONSE:\r\n return setBackUpResponse(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import * as actionTypes from '../actions/actionsTypes';\r\nimport { updateObject } from '../../utils/common';\r\n\r\nconst initialState = {\r\n selectedEvent:\"\"\r\n};\r\n\r\nconst setSelectedEvent = (state, action) => {\r\n return updateObject(state, {\r\n selectedEvent: action.data,\r\n });\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SETSELECTEDEVENT:\r\n return setSelectedEvent(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import * as actionTypes from '../actions/actionsTypes';\r\nimport { updateObject } from '../../utils/common';\r\n\r\nconst initialState = {\r\n shipmentId: '',\r\n};\r\n\r\nconst setShipmentId = (state, action) => {\r\n return updateObject(state, {\r\n shipmentId: action.data,\r\n });\r\n};\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SETSHIPMENTID:\r\n return setShipmentId(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import { updateObject } from '../../utils/common';\r\nimport * as actionTypes from '../actions/actionsTypes';\r\n\r\nconst initialState = {\r\n alertNotification: {\r\n displayMsg: '',\r\n severity: '',\r\n showNotification: false,\r\n },\r\n isJSPMInstalled: null,\r\n printerConfiguration: undefined, //default value until api doesn't give response\r\n availablePrinter: [],\r\n commonConfiguration: null,\r\n snackBarData: {\r\n isOpen: false,\r\n type: 'success',\r\n msg: '',\r\n inputProps: {\r\n horizontalPostion: 'right',\r\n verticalPosition: 'top',\r\n autoHideDuration: 5000,\r\n },\r\n },\r\n bottomAlert: {\r\n open: false,\r\n msgs: [],\r\n hasMultipleMsgs: null\r\n },\r\n activeTab: '',\r\n returnReferenceCount: 0,\r\n isReturnReferenceUpdated: false,\r\n allProducts: [],\r\n DhlIossNumber: '',\r\n sortOrderState: '',\r\n autoReloadProcessOrders: false,\r\n};\r\n\r\nconst setAppSnackbarData = (state, action) => {\r\n action.data = { ...action.data, isOpen: true };\r\n return updateObject(state, { snackBarData: updateObject(initialState.snackBarData, action.data) });\r\n};\r\n\r\nconst resetAppSnackBar = (state, action) => {\r\n return updateObject(state, { snackBarData: initialState.snackBarData });\r\n};\r\n\r\nconst setBottomAlert = (state, action) => {\r\n action.data = { ...action.data, open: true };\r\n return updateObject(state, {\r\n bottomAlert: updateObject(initialState.bottomAlert, {\r\n ...action.data,\r\n hasMultipleMsgs: action.data?.hasMultipleMsgs ?? action.data.msgs.length > 1\r\n }),\r\n });\r\n};\r\n\r\nconst resetBottomAlert = (state, action) => {\r\n return updateObject(state, { bottomAlert: initialState.bottomAlert });\r\n};\r\n\r\nconst setUserNotification = (state, action) => {\r\n return updateObject(state, {\r\n alertNotification: {\r\n displayMsg: action.data.displayMsg,\r\n severity: action.data.severity,\r\n showNotification: action.data.showNotification,\r\n },\r\n });\r\n};\r\n\r\nconst setJSPMStatus = (state, action) => {\r\n return updateObject(state, {\r\n isJSPMInstalled: action.data,\r\n });\r\n};\r\n\r\nconst setPrinterConfiguration = (state, action) => {\r\n return updateObject(state, {\r\n printerConfiguration: { ...state.printerConfiguration, ...action.data },\r\n });\r\n};\r\n\r\nconst setAvailablePrinter = (state, action) => {\r\n return updateObject(state, {\r\n availablePrinter: action.data,\r\n });\r\n};\r\n\r\nconst setGenralConfiguration = (state, action) => {\r\n return updateObject(state, {\r\n commonConfiguration: action.data,\r\n });\r\n};\r\n\r\nconst setActiveTab = (state, action) => {\r\n return updateObject(state, {\r\n activeTab: action.data,\r\n });\r\n};\r\n\r\nconst setReturnReferenceCount = (state, action) => {\r\n return updateObject(state, {\r\n returnReferenceCount: action.data,\r\n });\r\n};\r\n\r\nconst setIsReturnReferenceUpdated = (state, action) => {\r\n return updateObject(state, {\r\n isReturnReferenceUpdated: action.data,\r\n });\r\n};\r\n\r\nconst resetReturnReferenceParams = (state, action) => {\r\n return updateObject(state, {\r\n returnReferenceCount: 0,\r\n isReturnReferenceUpdated: false,\r\n });\r\n};\r\n\r\nconst setAllAvailableProducts = (state, action) => {\r\n return updateObject(state, {\r\n allProducts: action.data,\r\n });\r\n};\r\n\r\nconst setDhlIossNumber = (state, action) => {\r\n return updateObject(state, {\r\n DhlIossNumber: action.data,\r\n });\r\n}\r\n\r\nconst setSortOrderState = (state, action) => {\r\n return updateObject(state, {\r\n sortOrderState: action.data,\r\n });\r\n};\r\n\r\nconst setAutoReloadProcessOrders = (state, action) => {\r\n return updateObject(state, {\r\n autoReloadProcessOrders: action.data,\r\n });\r\n};\r\n\r\n// Reducer function to update the service point weight in the state\r\nconst setServicePointWeight = (state, action) => {\r\n return updateObject(state, {\r\n servicePointWeight: action.data,\r\n });\r\n};\r\n\r\n// Reducer function to update the * Method to get the Maximum Weight Per Parcel With Full Customs for windsor in the state\r\nconst setMaximumWeightPerParcelWithFullCustoms = (state, action) => {\r\n return updateObject(state, {\r\n maxWeightFullcustoms: action.data,\r\n });\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SET_NOTIFICATION:\r\n return setUserNotification(state, action);\r\n case actionTypes.SET_JSPMSTATUS:\r\n return setJSPMStatus(state, action);\r\n case actionTypes.SET_PRINTERCONFIGURATION:\r\n return setPrinterConfiguration(state, action);\r\n case actionTypes.SET_AVAILABLEPRINTERS:\r\n return setAvailablePrinter(state, action);\r\n case actionTypes.SET_COMMONCONFIGURATION:\r\n return setGenralConfiguration(state, action);\r\n case actionTypes.SET_APPSNACKBAR:\r\n return setAppSnackbarData(state, action);\r\n case actionTypes.RESET_APPSNACKBAR:\r\n return resetAppSnackBar(state, action);\r\n case actionTypes.SET_BOTTOM_ALERT:\r\n return setBottomAlert(state, action);\r\n case actionTypes.RESET_BOTTOM_ALERT:\r\n return resetBottomAlert(state, action);\r\n case actionTypes.SETACTIVETAB:\r\n return setActiveTab(state, action);\r\n case actionTypes.SET_RETURN_REFERENCE_COUNT:\r\n return setReturnReferenceCount(state, action);\r\n case actionTypes.SET_IS_RETURN_REFERENCE_UPDATED:\r\n return setIsReturnReferenceUpdated(state, action);\r\n case actionTypes.RESET_RETURN_REFERENCE_VALUES:\r\n return resetReturnReferenceParams(state, action);\r\n case actionTypes.SET_ALL_PRODUCTS:\r\n return setAllAvailableProducts(state, action);\r\n case actionTypes.SET_DHL_IOSS_NUMBER:\r\n return setDhlIossNumber(state, action);\r\n case actionTypes.SET_SORT_ORDER_STATE:\r\n return setSortOrderState(state, action);\r\n case actionTypes.SET_AUTORELOAD_PROCESSORDERS:\r\n return setAutoReloadProcessOrders(state,action);\r\n case actionTypes.SET_SERVICE_POINT_WEIGHT:\r\n return setServicePointWeight(state,action); \r\n case actionTypes.SET_MAX_WEIGHT_PER_PARCEL_WITH_FULL_CUSTOMS:\r\n return setMaximumWeightPerParcelWithFullCustoms(state,action); \r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import * as actionTypes from '../actions/actionsTypes';\r\nimport { updateObject } from '../../utils/common';\r\n\r\nconst initialState = {\r\n bookedshipmentId: '',\r\n};\r\n\r\nconst setBookedShipmentId = (state, action) => {\r\n return updateObject(state, {\r\n bookedshipmentId: action.data,\r\n });\r\n};\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SETBOOKEDSHIPMENTID:\r\n return setBookedShipmentId(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import * as actionTypes from '../actions/actionsTypes';\r\nimport { updateObject } from '../../utils/common';\r\n\r\nconst initialState = {\r\n addNewAccountToUsers: '',\r\n};\r\n\r\nconst setAddNewAccountToUsers = (state, action) => {\r\n return updateObject(state, {\r\n addNewAccountToUsers: action.data,\r\n });\r\n};\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SETDEFAULTADDNEWACCOUNT:\r\n return setAddNewAccountToUsers(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import * as actionTypes from '../actions/actionsTypes';\r\n\r\nimport { updateObject } from '../../utils/common';\r\n\r\nconst initialState = {\r\n applicationUpdates: [],\r\n};\r\n\r\nconst setApplicationUpdates = (state, action) => {\r\n \r\n return updateObject(state, {\r\n applicationUpdates: action.data,\r\n });\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SETAPPLICATIONNUPDATES:\r\n return setApplicationUpdates(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import * as actionTypes from '../actions/actionsTypes';\r\nimport { updateObject } from '../../utils/common';\r\n\r\nconst initialState = {\r\n showLoader: false,\r\n};\r\n\r\nconst setLoaderLayOver = (state, action) => {\r\n return updateObject(state, {\r\n showLoader: action.data,\r\n });\r\n};\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SETLOADERLAYOVER:\r\n return setLoaderLayOver(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","\r\nimport * as actionTypes from '../actions/actionsTypes';\r\nimport { updateObject } from '../../utils/common';\r\n\r\nconst initialState = {\r\n showAlert: true,\r\n};\r\n\r\nconst setAlertInfo = (state, action) => {\r\n return updateObject(state, {\r\n showAlert: action.data,\r\n });\r\n};\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SETALERTINFO:\r\n return setAlertInfo(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;","import * as actionTypes from '../actions/actionsTypes';\r\nimport { updateObject } from '../../utils/common';\r\n\r\nconst initialState = {\r\n key: '',\r\n};\r\n\r\nconst setKeyPressEvent = (state, action) => {\r\n return updateObject(state, {\r\n key: action.data,\r\n });\r\n};\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.KEYPRESSEVENT:\r\n return setKeyPressEvent(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import { createStore, combineReducers } from 'redux';\r\n\r\nimport authReducer from './auth';\r\nimport accountReducer from './userAccounts';\r\nimport customerReducer from './favouriteCustomers';\r\nimport addressBookSearchParamsReducer from './addressBookSearchParams';\r\nimport loadParcelDimensionsReducer from './loadParcelDimensions';\r\nimport loadedFromReducer from './loadedFrom';\r\nimport shipmentManagementSearchParamsReducer from './shipmentManagementSearchParams';\r\nimport addShipmentDataReducer from './addShipmentData';\r\nimport dashboardTracking from './dashboardTracking';\r\nimport backUpResponseReducer from './backupResponse';\r\nimport selectedEventReducer from './selectedEvent';\r\nimport shipmentIdReducer from './shipmentId';\r\nimport commonReducer from './common';\r\nimport setBookedShipmentIdReducer from './bookedShipmentId';\r\nimport setDefaultAddNewAccountReducer from './defaultAddNewAccount';\r\nimport setApplicationUpdatesReducer from './applicationUpdates';\r\nimport setLoaderLayOver from './loaderLayOver';\r\nimport setAlertInfo from './alertInfo';\r\nimport setKeyPressEvent from './keyPressEvent';\r\nconst rootReducer = combineReducers({\r\n auth: authReducer,\r\n accounts: accountReducer,\r\n customers: customerReducer,\r\n searchParams: addressBookSearchParamsReducer,\r\n loadParcelDimensions: loadParcelDimensionsReducer,\r\n loadedFrom: loadedFromReducer,\r\n shipmentSearchParams: shipmentManagementSearchParamsReducer,\r\n addShipmentData: addShipmentDataReducer,\r\n backUpResponse: backUpResponseReducer,\r\n dashboardTracking,\r\n selectedEvent: selectedEventReducer,\r\n shipmentId: shipmentIdReducer,\r\n bookedshipmentId: setBookedShipmentIdReducer,\r\n common: commonReducer,\r\n addNewAccountToUsers: setDefaultAddNewAccountReducer,\r\n applicationUpdates: setApplicationUpdatesReducer,\r\n loaderLayOver: setLoaderLayOver,\r\n keyPressEvent: setKeyPressEvent,\r\n alertInfo: setAlertInfo,\r\n});\r\n\r\nexport default rootReducer;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Provider } from 'react-redux';\r\nimport './index.css';\r\nimport App from './App';\r\nimport reportWebVitals from './reportWebVitals';\r\nimport rootReducer from './store/reducers/index';\r\nimport './assets/fonts/Delivery_W_Rg.woff';\r\nimport './styles/mixin.scss';\r\nimport './styles/styles.scss';\r\nimport { createStore } from 'redux';\r\nimport AzureAD from \"react-aad-msal\";\r\nimport { signInAuthProvider} from \"../src/utils/authProvider/authProvider\";\r\nconst store = createStore(rootReducer);\r\n\r\nReactDOM.render(\r\n //for B2C LOGIN AUTHORIZATION\r\n\r\n ,\r\n\r\n \r\n \r\n \r\n ,\r\ndocument.getElementById('root'),\r\n);\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://cra.link/PWA\r\n//serviceWorkerRegistration.register();\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n"],"sourceRoot":""}
this.orderRoWClicked(row)}>{row.customerReference}
,\r\n sorting: true,\r\n },\r\n {\r\n title: 'Business/Customer name',\r\n field: 'customerName',\r\n sorting: true,\r\n width: 220,\r\n render: (row) => this.orderRoWClicked(row)}>{row.customerName}
,\r\n },\r\n {\r\n title: 'Postal code',\r\n field: 'postalCode',\r\n sorting: true,\r\n width: 120,\r\n },\r\n {\r\n title: 'Source',\r\n field: 'source',\r\n sorting: false,\r\n width: 130,\r\n },\r\n {\r\n title: 'Sub-source',\r\n field: 'subSource',\r\n sorting: false,\r\n width: 130,\r\n },\r\n {\r\n title: 'Alternative ref.',\r\n field: 'alternateReference',\r\n sorting: true,\r\n width: 150,\r\n },\r\n {\r\n title: 'Contact',\r\n field: 'contact',\r\n sorting: true,\r\n width: 100,\r\n },\r\n {\r\n title: 'Dispatch date',\r\n field: 'dispatchDate',\r\n sorting: true,\r\n width: 90,\r\n },\r\n ],\r\n orders_totalCount: 0,\r\n pageSize: 10,\r\n pageNumber: 0,\r\n isLoading: false,\r\n ordersData: [],\r\n };\r\n this.onClickSetSortOrder = this.onClickSetSortOrder.bind(this);\r\n }\r\n\r\n orderRoWClicked = (rowData) => {\r\n this.props.history.push({\r\n pathname: `/shipment/addShipment/${rowData.id}/true/false`,\r\n state: {\r\n isScanFlag: this.props.isScanFlag,\r\n },\r\n });\r\n };\r\n\r\n componentDidMount() {\r\n this.props.setSortOrder(``);\r\n this.getOrdersData();\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.tabIndex === 1 && ((this.props.isSearched !== prevProps.isSearched || this.props.refreshList)\r\n || (this.props.addressBookSearchParams.split('=')[0] !== prevProps.addressBookSearchParams.split('=')[0]\r\n && this.props.addressBookSearchParams.split('=')[1] !== '' && prevProps.addressBookSearchParams !== ''))) {\r\n this.setState({ pageSize: this.state.pageSize, pageNumber: 0 }, () => {\r\n this.getOrdersData();\r\n });\r\n }\r\n }\r\n\r\n getOrdersData() {\r\n this.props.setRefreshList(false);\r\n this.setState({ isLoading: true });\r\n setTimeout(() => {\r\n const offset = this.state.pageSize * this.state.pageNumber;\r\n const limit = this.state.pageSize;\r\n axiosConfig\r\n .get(this.getUrl(offset, limit))\r\n .then((res) => {\r\n this.formatOrdersData(res.data);\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n this.formatOrdersData([]);\r\n })\r\n .finally(() => this.setState({ isLoading: false })); \r\n }, 0);\r\n }\r\n\r\n getUrl = (offset, limit) => {\r\n let url = `${ServiceEndPoints.getOrders\r\n }?organization=${getCustomerAccountID()}&isValid=false&iscollectionrequest=false`;\r\n url += '&offset=' + offset;\r\n url += '&limit=' + limit;\r\n url += this.props.sortOrderState;\r\n url += this.props.addressBookSearchParams;\r\n return url;\r\n };\r\n\r\n formatOrdersData = (result) => {\r\n let final_data = [];\r\n ((result || {}).orders || []).forEach((element, index) => {\r\n const consigneeAddress = ((((element || {}).shipmentModel || {}).shipments || [])[0] || {}).consigneeAddress;\r\n const recipientAddress = ((((element || {}).shipmentModel || {}).shipments || [])[0] || {}).recipientAddress;\r\n const shipmentDetails = ((((element || {}).shipmentModel || {}).shipments || [])[0] || {}).shipmentDetails;\r\n final_data.push({\r\n id: element.id,\r\n customerReference: (element || {}).referenceNumber,\r\n customerName:\r\n (consigneeAddress || {}).addressType === 'doorstep'\r\n ? consigneeAddress?.companyName || consigneeAddress?.name\r\n : recipientAddress?.companyName || recipientAddress?.name,\r\n source: element.sourceReference,\r\n subSource: element.subSource,\r\n alternateReference: (shipmentDetails || {}).customerRef2,\r\n contact:\r\n (consigneeAddress || {}).addressType === 'doorstep'\r\n ? (consigneeAddress || {}).name\r\n : (recipientAddress || {}).name,\r\n postalCode:\r\n (consigneeAddress || {}).addressType === 'doorstep'\r\n ? (consigneeAddress || {}).postalCode\r\n : (recipientAddress || {}).postalCode,\r\n dispatchDate: (((element || {}).shipmentModel || {}).pickup || {}).date,\r\n });\r\n });\r\n\r\n if (\r\n this.props.addressBookSearchParams !== '' &&\r\n this.props.addressBookSearchParams?.split('=')?.[1] &&\r\n this.props.addressBookSearchParams !== '&customerReferenceNumber=' &&\r\n this.props.addressBookSearchParams !== '&alternateReference=' &&\r\n final_data.length === 1\r\n ) {\r\n this.props.history.push({\r\n pathname: `/shipment/addShipment/${final_data[0].id}/true/false`,\r\n state: {\r\n isScanFlag: this.props.isScanFlag,\r\n }\r\n });\r\n }\r\n\r\n this.setState({\r\n ordersData: final_data,\r\n orders_totalCount: result.totalRecords ? result.totalRecords : 0,\r\n });\r\n this.props.setReviewOrderCount(result.totalRecords ? result.totalRecords : 0);\r\n };\r\n\r\n onPageNumChange(pageNum) {\r\n this.setState({ pageNumber: pageNum }, () => {\r\n this.getOrdersData();\r\n });\r\n }\r\n\r\n onPageSizeChange(pageSize) {\r\n this.setState({ pageSize: pageSize }, () => {\r\n this.getOrdersData();\r\n });\r\n }\r\n\r\n onClickSetSortOrder(orderIn, orderBy) {\r\n if(orderIn === 'asc')\r\n {\r\n this.props.setSortOrder(`&sortBy=${orderBy}&sortIn=ascending`);\r\n }\r\n else if(orderIn === 'desc'){\r\n this.props.setSortOrder(`&sortBy=${orderBy}&sortIn=descending`);\r\n }\r\n else{\r\n this.props.setSortOrder(``);\r\n }\r\n this.setState({ pageNumber: 0 });\r\n this.getOrdersData();\r\n }\r\n\r\n render() {\r\n return (\r\n this.orderRoWClicked(row)}>{row.customerReference}
,\r\n sorting: true,\r\n },\r\n {\r\n title: 'Business/Customer name',\r\n field: 'customerName',\r\n sorting: true,\r\n width: 220,\r\n render: (row) => this.orderRoWClicked(row)}>{row.customerName}
,\r\n },\r\n {\r\n title: 'Collection postal code',\r\n field: 'postalCode',\r\n sorting: true,\r\n width: 200,\r\n },\r\n {\r\n title: 'Source',\r\n field: 'source',\r\n sorting: false,\r\n width: 100,\r\n },\r\n {\r\n title: 'Sub-source',\r\n field: 'subSource',\r\n sorting: false,\r\n width: 100,\r\n },\r\n {\r\n title: 'Contact',\r\n field: 'contact',\r\n sorting: true,\r\n width: 100,\r\n },\r\n {\r\n title: 'Collection date',\r\n field: 'dispatchDate',\r\n sorting: true,\r\n width: 90,\r\n },\r\n ],\r\n orders_totalCount: 0,\r\n pageSize: 10,\r\n pageNumber: 0,\r\n isLoading: false,\r\n ordersData: [],\r\n };\r\n this.onClickSetSortOrder = this.onClickSetSortOrder.bind(this);\r\n }\r\n\r\n orderRoWClicked = (rowData) => {\r\n this.props.history.push({\r\n pathname: `/shipment/collectionRequest/${rowData.id}/true/true`, state: {\r\n isScanFlag: this.props.isScanFlag\r\n }\r\n });\r\n };\r\n\r\n componentDidMount() {\r\n this.props.setSortOrder(``);\r\n this.getOrdersData();\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.tabIndex === 2 && ((this.props.isSearched !== prevProps.isSearched || this.props.refreshList)\r\n || (this.props.addressBookSearchParams.split('=')[0] !== prevProps.addressBookSearchParams.split('=')[0]\r\n && this.props.addressBookSearchParams.split('=')[1] !== '' && prevProps.addressBookSearchParams !== ''))) {\r\n this.setState({ pageSize: this.state.pageSize, pageNumber: 0 }, () => {\r\n this.getOrdersData();\r\n });\r\n }\r\n }\r\n\r\n getOrdersData() {\r\n this.props.setRefreshList(false);\r\n this.setState({ isLoading: true });\r\n setTimeout(() => {\r\n const offset = this.state.pageSize * this.state.pageNumber;\r\n const limit = this.state.pageSize;\r\n axiosConfig\r\n .get(this.getUrl(offset, limit))\r\n .then((res) => {\r\n this.formatOrdersData(res.data);\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n this.formatOrdersData([]);\r\n })\r\n .finally(() => this.setState({ isLoading: false })); \r\n }, 0);\r\n }\r\n\r\n getUrl = (offset, limit) => {\r\n let url = `${ServiceEndPoints.getOrders\r\n }?organization=${getCustomerAccountID()}&isValid=true&iscollectionrequest=true`;\r\n url += '&offset=' + offset;\r\n url += '&limit=' + limit;\r\n url += this.props.sortOrderState;\r\n url += this.props.addressBookSearchParams;\r\n return url;\r\n };\r\n\r\n formatOrdersData = (result) => {\r\n let final_data = [];\r\n ((result || {}).orders || []).forEach((element, index) => {\r\n const pickupAddress = element?.shipmentModel?.pickupAddress ?? {};\r\n final_data.push({\r\n id: element.id,\r\n customerReference: (element || {}).referenceNumber,\r\n customerName: pickupAddress.companyName || pickupAddress.name,\r\n source: element.sourceReference,\r\n subSource: element.subSource,\r\n contact: pickupAddress.name,\r\n postalCode: pickupAddress.postalCode,\r\n dispatchDate: (((element || {}).shipmentModel || {}).pickup || {}).date,\r\n printerQueueName: element?.printerQueueName\r\n });\r\n });\r\n if (\r\n this.props.addressBookSearchParams !== '' &&\r\n this.props.addressBookSearchParams?.split('=')?.[1] &&\r\n this.props.addressBookSearchParams !== '&customerReferenceNumber=' &&\r\n this.props.addressBookSearchParams !== '&alternateReference=' &&\r\n final_data.length === 1\r\n ) {\r\n this.props.history.push({\r\n pathname: `/shipment/collectionRequest/${final_data[0].id}/true/true`,\r\n state: {\r\n isScanFlag: this.props.isScanFlag,\r\n }\r\n });\r\n }\r\n\r\n this.setState({\r\n ordersData: final_data,\r\n orders_totalCount: result.totalRecords ? result.totalRecords : 0,\r\n });\r\n };\r\n\r\n onPageNumChange(pageNum) {\r\n this.setState({ pageNumber: pageNum }, () => {\r\n this.getOrdersData();\r\n });\r\n }\r\n\r\n onPageSizeChange(pageSize) {\r\n this.setState({ pageSize: pageSize }, () => {\r\n this.getOrdersData();\r\n });\r\n }\r\n\r\n onClickSetSortOrder(orderIn, orderBy) {\r\n if(orderIn === 'asc')\r\n {\r\n this.props.setSortOrder(`&sortBy=${orderBy}&sortIn=ascending`);\r\n }\r\n else if(orderIn === 'desc'){\r\n this.props.setSortOrder(`&sortBy=${orderBy}&sortIn=descending`);\r\n }\r\n else{\r\n this.props.setSortOrder(``);\r\n }\r\n this.setState({ pageNumber: 0 });\r\n this.getOrdersData();\r\n }\r\n\r\n render() {\r\n return (\r\n this.customerNumberClicked(row)}>{row.customerReference}
,\r\n width: 120,\r\n sorting: true,\r\n },\r\n {\r\n title: 'Business/Customer name',\r\n field: 'customerName',\r\n render: (row) => this.customerNumberClicked(row)}>{row.customerName}
,\r\n sorting: true,\r\n width: 220,\r\n },\r\n {\r\n title: 'Collection postal code',\r\n field: 'postalCode',\r\n render: (row) => this.customerNumberClicked(row)}>{row.postalCode}
,\r\n sorting: true,\r\n width: 200,\r\n },\r\n {\r\n title: 'Source',\r\n field: 'source',\r\n render: (row) => this.customerNumberClicked(row)}>{row.source}
,\r\n sorting: false,\r\n width: 100,\r\n },\r\n {\r\n title: 'Sub-source',\r\n field: 'subSource',\r\n sorting: false,\r\n width: 100,\r\n },\r\n {\r\n title: 'Contact',\r\n field: 'contact',\r\n render: (row) => this.customerNumberClicked(row)}>{row.contact}
,\r\n sorting: true,\r\n width: 80,\r\n },\r\n {\r\n title: 'Collection date',\r\n field: 'dispatchDate',\r\n render: (row) => this.customerNumberClicked(row)}>{row.dispatchDate}
,\r\n sorting: true,\r\n width: 90,\r\n },\r\n ],\r\n orders_totalCount: 0,\r\n pageSize: 10,\r\n pageNumber: 0,\r\n isLoading: false,\r\n ordersData: [],\r\n };\r\n this.onClickSetSortOrder = this.onClickSetSortOrder.bind(this);\r\n }\r\n\r\n customerNumberClicked = (rowData) => {\r\n this.props.history.push({\r\n pathname: `/shipment/collectionRequest/${rowData.id}/true/false`,\r\n state: {\r\n isScanFlag: this.props.isScanFlag,\r\n }\r\n });\r\n };\r\n\r\n componentDidMount() {\r\n this.props.setSortOrder(``);\r\n this.getOrdersData();\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.tabIndex === 3 && ((this.props.isSearched !== prevProps.isSearched || this.props.refreshList)\r\n || (this.props.addressBookSearchParams.split('=')[0] !== prevProps.addressBookSearchParams.split('=')[0]\r\n && this.props.addressBookSearchParams.split('=')[1] !== '' && prevProps.addressBookSearchParams !== ''))) {\r\n this.setState({ pageSize: this.state.pageSize, pageNumber: 0 }, () => {\r\n this.getOrdersData();\r\n });\r\n }\r\n }\r\n\r\n getOrdersData() {\r\n this.props.setRefreshList(false);\r\n this.setState({ isLoading: true });\r\n setTimeout(() => {\r\n const offset = this.state.pageSize * this.state.pageNumber;\r\n const limit = this.state.pageSize;\r\n axiosConfig\r\n .get(this.getUrl(offset, limit))\r\n .then((res) => {\r\n this.formatReviewCollectionData(res.data);\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n this.formatReviewCollectionData([]);\r\n })\r\n .finally(() => this.setState({ isLoading: false }));\r\n }, 0);\r\n }\r\n\r\n getUrl = (offset, limit) => {\r\n let url = `${ServiceEndPoints.getOrders\r\n }?organization=${getCustomerAccountID()}&isValid=false&iscollectionrequest=true`;\r\n url += '&offset=' + offset;\r\n url += '&limit=' + limit;\r\n url += this.props.sortOrderState;\r\n url += this.props.addressBookSearchParams;\r\n return url;\r\n };\r\n\r\n formatReviewCollectionData = (result) => {\r\n let final_data = [];\r\n result?.orders?.forEach((element) => {\r\n const shipmentDetails = element?.shipmentModel?.shipments?.[0]?.shipmentDetails;\r\n const pickupAddress = element?.shipmentModel?.pickupAddress ?? {};\r\n\r\n final_data.push({\r\n id: element.id,\r\n customerReference: (element || {}).referenceNumber,\r\n customerName: pickupAddress.companyName || pickupAddress.name,\r\n source: element.sourceReference,\r\n subSource: element.subSource,\r\n alternateReference: shipmentDetails?.customerRef2,\r\n contact: pickupAddress.name,\r\n postalCode: pickupAddress.postalCode,\r\n dispatchDate: element?.shipmentModel?.pickup?.date,\r\n });\r\n });\r\n if (\r\n this.props.addressBookSearchParams !== '' &&\r\n this.props.addressBookSearchParams?.split('=')?.[1] &&\r\n this.props.addressBookSearchParams !== '&customerReferenceNumber=' &&\r\n this.props.addressBookSearchParams !== '&alternateReference=' &&\r\n final_data.length === 1\r\n ) {\r\n this.props.history.push({\r\n pathname: `/shipment/collectionRequest/${final_data[0].id}/true/false`,\r\n state: {\r\n isScanFlag: this.props.isScanFlag,\r\n }\r\n });\r\n }\r\n this.setState({\r\n ordersData: final_data,\r\n orders_totalCount: result.totalRecords ? result.totalRecords : 0,\r\n });\r\n this.props.reviewCollectionsTotalCounts(result.totalRecords ? result.totalRecords : 0);\r\n };\r\n\r\n onPageNumChange(pageNum) {\r\n this.setState({ pageNumber: pageNum }, () => {\r\n this.getOrdersData();\r\n });\r\n }\r\n\r\n onPageSizeChange(pageSize) {\r\n this.setState({ pageSize: pageSize }, () => {\r\n this.getOrdersData();\r\n });\r\n }\r\n\r\n onClickSetSortOrder(orderIn, orderBy) {\r\n if(orderIn === 'asc')\r\n {\r\n this.props.setSortOrder(`&sortBy=${orderBy}&sortIn=ascending`);\r\n }\r\n else if(orderIn === 'desc'){\r\n this.props.setSortOrder(`&sortBy=${orderBy}&sortIn=descending`);\r\n }\r\n else{\r\n this.props.setSortOrder(``);\r\n }\r\n this.setState({ pageNumber: 0 });\r\n this.getOrdersData();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {props.tabIndex == 0 &&\r\n \r\n }\r\n \r\n \r\n \r\n getProcessOrders(event, '')}\r\n onClearSearch={(event) => getClear(event, '')}\r\n // isIconDisabled={errors.processorderSearchFor}\r\n selectProps={processorderSearchFor.selectProps.props}\r\n textProps={processorderSearchFor.textProps.props}\r\n isClearBtn={isClearBtn}\r\n inputRef={inputRef}\r\n favouriteFlag={true}\r\n {...processorderSearchFor.props}\r\n />\r\n \r\n\r\n {/* {isFavourites\r\n? null\r\n: (\r\n \r\n \r\n )}\r\n \r\n \r\n */}\r\n \r\n
\r\n );\r\n};\r\n\r\nSearchOrders.propTypes = {\r\n formField: PropTypes.object,\r\n formikValues: PropTypes.object,\r\n onProcessOrdersChange: PropTypes.func,\r\n totalRecords: PropTypes.string,\r\n setFieldValue: PropTypes.func,\r\n isFavourites: PropTypes.object,\r\n setFieldTouched: PropTypes.func,\r\n};\r\n\r\nexport default SearchOrders;\r\n","import React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Form, Formik } from 'formik';\r\nimport SearchOrders from './searchOrders';\r\nimport { getYupSchemaFromMetaData } from '../../../utils/yupSchema/yupSchemaGenerator';\r\n\r\nconst SearchProcessOrders = (props) => {\r\n const formField = searchForm;\r\n const newSearchValidationSchema = getYupSchemaFromMetaData(formField, [], []);\r\n\r\n const initialValues = {\r\n processorderSearchFor: '',\r\n processorderSearchBy: searchByOptions[0],\r\n };\r\n\r\n return (\r\n \r\n \r\n {({ values, setFieldValue, errors, setFieldError, setErrors, setFieldTouched }) => (\r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nSearchProcessOrders.propTypes = {\r\n tabIndex: PropTypes.string,\r\n onProcessOrdersChange: PropTypes.func,\r\n};\r\n\r\nexport default SearchProcessOrders;\r\n\r\nconst searchForm = {\r\n processorderSearchFor: {\r\n props: {\r\n name: 'processorderSearchFor',\r\n type: 'searchControl',\r\n },\r\n selectProps: {\r\n props: {\r\n name: 'processorderSearchBy',\r\n label: 'Search For',\r\n placeholder: \"Enter Customer's Number\",\r\n },\r\n },\r\n textProps: {\r\n props: {\r\n name: 'processorderSearchFor',\r\n label: 'Search For',\r\n placeholder: \"Enter Customer's Number\",\r\n },\r\n },\r\n validation: {\r\n name: 'processorderSearchFor',\r\n validationType: 'string',\r\n // validations: [\r\n // {\r\n // type: 'required',\r\n // params: ['Search for is required'],\r\n // },\r\n // ],\r\n },\r\n },\r\n favoriteSearchFor: {\r\n props: {\r\n name: 'favoriteSearchFor',\r\n type: 'searchControl',\r\n },\r\n selectProps: {\r\n props: {\r\n name: 'favoriteSearchBy',\r\n label: 'Search For',\r\n placeholder: \"Enter Customer's Number\",\r\n },\r\n },\r\n textProps: {\r\n props: {\r\n name: 'favoriteSearchFor',\r\n label: 'Search For',\r\n placeholder: \"Enter Customer's Number\",\r\n },\r\n },\r\n validation: {\r\n name: 'favoriteSearchFor',\r\n validationType: 'string',\r\n // validations: [\r\n // {\r\n // type: 'required',\r\n // params: ['Search for is required'],\r\n // },\r\n // ],\r\n },\r\n },\r\n isScan: {\r\n props: {\r\n name: 'isScan',\r\n label: 'Scanner',\r\n type: 'checkbox',\r\n },\r\n // value: false,\r\n },\r\n isScanPrint: {\r\n props: {\r\n name: 'isScanPrint',\r\n label: 'Scan & print',\r\n type: 'checkbox',\r\n },\r\n // value: false,\r\n },\r\n};\r\n\r\nconst searchByOptions = [\r\n {\r\n value: 'customerReferenceNumber',\r\n name: 'Customer ref.',\r\n },\r\n {\r\n value: 'businessName',\r\n name: 'Customer/Business name',\r\n },\r\n {\r\n value: 'postalCode',\r\n name: 'Postal code',\r\n },\r\n {\r\n value: 'contact',\r\n name: 'Contact',\r\n },\r\n {\r\n value: 'alternateReference',\r\n name: 'Alternative reference',\r\n },\r\n {\r\n value: 'dispatchDate',\r\n name: 'Dispatch date',\r\n },\r\n];\r\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_23451\",\n \"data-name\": \"Group 23451\",\n transform: \"translate(-1245.985 -82.327)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Icon_material-refresh\",\n \"data-name\": \"Icon material-refresh\",\n d: \"M19.141,8.261a7.7,7.7,0,1,0,2,7.362h-2a5.771,5.771,0,1,1-5.437-7.7,5.692,5.692,0,0,1,4.061,1.713l-3.1,3.1H21.4V6Z\",\n transform: \"translate(1239.97 76.327)\",\n fill: \"#333\"\n}));\n\nfunction SvgRefresh(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 15.387,\n height: 15.397,\n viewBox: \"0 0 15.387 15.397\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgRefresh);\nexport default __webpack_public_path__ + \"static/media/refresh.f4377166.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useEffect, useRef, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Grid, IconButton, Typography } from '@material-ui/core';\r\nimport { getYupSchemaFromMetaData } from '../../../utils/yupSchema/yupSchemaGenerator';\r\nimport { Formik } from 'formik';\r\nimport FormRenderer from '../../../framework/Inputs/formRenderer/formRenderer';\r\nimport { axiosConfig } from '../../../api/axios';\r\nimport InputButton from '../../../framework/Inputs/inputButton/inputButton';\r\nimport { useDispatch } from 'react-redux';\r\nimport * as actions from './../../../store/actions/index';\r\nimport FindImage from '../../../assets/images/polling_path.png';\r\nimport { ServiceEndPoints } from '../../../utils/constants/ApiConstant';\r\nimport { getCustomerAccountID } from '../../../utils/helperFunctions';\r\n\r\nconst UploadFile = ({ handleModal, refreshGrid, UploadRefreshGrid }) => {\r\n const formField = getFormField();\r\n const [schemas, setSchemas] = useState([]);\r\n const hiddenFileInput = useRef(null);\r\n const formikRef = useRef(null);\r\n const dispatch = useDispatch();\r\n const [fileExtension, setFileExtension] = useState('');\r\n // const [isfileExtension, setIsFileExtension] = useState(true);\r\n const [uploadedFile, setUploadedFile] = useState(null);\r\n\r\n const validationSchema = getYupSchemaFromMetaData(formField, [], []);\r\n const initialValues = {\r\n schemaName: '',\r\n fileBase64: '',\r\n sourceReference: '',\r\n };\r\n\r\n useEffect(() => {\r\n dispatch(actions.setLoaderLayOver(true));\r\n axiosConfig\r\n .get(`${ServiceEndPoints.getSchemas}?organization=${getCustomerAccountID()}`)\r\n .then((res) => {\r\n let finalData = res.data?.orderFileSchemas.filter(val => val?.isEnabled);\r\n if (!(res.data?.orderFileSchemas.find(schema => schema.schemaName.toLowerCase() === \"select\"))) {\r\n finalData.unshift({ value: \"\", schemaName: \"Select\" })\r\n }\r\n setSchemas(finalData);\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setSchemas([]);\r\n })\r\n .finally(() => {\r\n dispatch(actions.setLoaderLayOver(false));\r\n });\r\n }, []);\r\n\r\n const onSelectFile = (event) => {\r\n if (\r\n event?.target?.files?.[0]\r\n ) {\r\n setUploadedFile(event.target.files[0])\r\n formikRef.current.setFieldValue('sourceReference', event.target.files[0].name);\r\n const reader = new FileReader();\r\n reader.readAsDataURL(event.target.files[0]);\r\n reader.onload = (loadedEvent) => {\r\n formikRef.current.setFieldValue('fileBase64', loadedEvent.target.result?.split?.(',')?.[1]);\r\n };\r\n }\r\n };\r\n\r\n const openFileDialog = () => {\r\n hiddenFileInput.current.click();\r\n };\r\n\r\n const fileClicked = (event) => {\r\n event.target.value = '';\r\n };\r\n\r\n const handleSubmit = () => {\r\n const extension = formikRef.current?.values?.schemaName?.fileExtension?.slice((formikRef.current?.values?.schemaName?.fileExtension || \"\").lastIndexOf(\".\") + 1)\r\n\r\n if (extension?.toLowerCase()?.trim() === `${uploadedFile?.name?.slice((uploadedFile?.name || \"\").lastIndexOf(\".\") + 1)}`?.toLowerCase()) {\r\n dispatch(actions.setLoaderLayOver(true));\r\n const formikValues = formikRef.current.values;\r\n const encodeURIName = encodeURIComponent(formikValues?.schemaName?.schemaName)\r\n axiosConfig\r\n .post(\r\n `${ServiceEndPoints.orderFileUpload}?organization=${getCustomerAccountID()}&schemaName=${encodeURIName\r\n }&sourceReference=${formikValues.sourceReference}`,\r\n {\r\n fileBase64: formikValues.fileBase64,\r\n },\r\n )\r\n .then((res) => {\r\n handleModal(false);\r\n dispatch(actions.setAppSnackBarData({ msg: 'File uploaded successfully' }));\r\n })\r\n .catch((err) => {\r\n dispatch(\r\n actions.setBottomAlert({\r\n msgs: [\r\n {\r\n type: 'error',\r\n msg: 'File upload failed',\r\n },\r\n ],\r\n }),\r\n );\r\n console.log(err);\r\n })\r\n .finally(() => {\r\n dispatch(actions.setLoaderLayOver(false));\r\n refreshGrid?.();\r\n UploadRefreshGrid?.();\r\n });\r\n }\r\n else {\r\n dispatch(\r\n actions.setBottomAlert({\r\n msgs: [\r\n {\r\n type: 'error',\r\n msg: 'The file extension for the selected schema is incorrect',\r\n },\r\n ],\r\n }),\r\n );\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (!formikRef.current?.values?.schemaName) {\r\n formikRef.current.setFieldValue('schemaName', schemas[0]);\r\n }\r\n }, [formikRef.current?.values?.schemaName, schemas]);\r\n\r\n return (\r\n this.handleModal()}>\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\n\r\nexport default BarcodeConfigurationDetails;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { Grid, Snackbar } from '@material-ui/core';\r\nimport { Form, Formik } from 'formik';\r\nimport { connect, useDispatch } from 'react-redux';\r\nimport ConfirmationDialog from '../../../components/addressBook/confirmation/confirmation';\r\nimport InputButton from '../../../framework/Inputs/inputButton/inputButton';\r\nimport CustomModal from '../../../framework/modal/modal';\r\nimport { getYupSchemaFromMetaData } from '../../../utils/yupSchema/yupSchemaGenerator';\r\n// import barcodeConfigurationForm from '../../../utils/formConfig/configuration/barcodeConfigurationForm/barcodeConfigurationForm';\r\nimport BarcodeConfigurationDetails from './BarcodeConfigurationDetails';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { formatBarcodeObj, setBarcodevaluesToForm, getCustomerAccountID } from '../../../utils/helperFunctions';\r\nimport { axiosConfig, GET, POST } from '../../../api/axios';\r\nimport { filedToSearchByOptions } from '../../../utils/constants/constants';\r\nimport { ServiceEndPoints } from '../../../utils/constants/ApiConstant';\r\nimport * as actions from '../../../store/actions/index';\r\nimport './BarCodeConfiguration.scss';\r\n\r\nconst BarCodeConfiguration = (props) => {\r\n const { formId, formField } = barcodeConfigurationForm;\r\n const formikRef = useRef(null);\r\n const newMainBarCodeSchema = getYupSchemaFromMetaData(formField, [], []);\r\n const [confirmationMsg, setConfirmationMsg] = useState('');\r\n const { onLoad } = props;\r\n\r\n const [showCancelConfirmationDialog, setShowCancelConfirmationDialog] = useState(false);\r\n\r\n const initialValues = {\r\n startPosition: '',\r\n finalPosition: '',\r\n filedToSearchBy: filedToSearchByOptions[0],\r\n barCodeLength: '',\r\n };\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n let reqFields = ['filedToSearchBy', 'startPosition', 'finalPosition', 'barCodeLength'];\r\n\r\n const handleSubmit = (values, errors, resetForm) => {\r\n if (!isFormInValid(errors, values) && values.filedToSearchBy.name !== 'Select') {\r\n const reqObj = formatBarcodeObj(values);\r\n axiosConfig\r\n .post(`${ServiceEndPoints.getBarcode}?organization=${getCustomerAccountID()}`, reqObj)\r\n .then((res) => {\r\n dispatch(actions.setAppSnackBarData({ msg: 'Barcode configuration saved successfully' }));\r\n })\r\n .catch((err) => {\r\n console.log(err, 'err');\r\n dispatch(\r\n actions.setBottomAlert({\r\n msgs: [\r\n {\r\n type: 'error',\r\n msg: 'Error in saving schema: Error status',\r\n },\r\n ],\r\n }),\r\n );\r\n // dispatch(actions.setAppSnackBarData({msg:\"Error in saving schema: Error status\"}))\r\n });\r\n } else {\r\n dispatch(\r\n actions.setBottomAlert({\r\n msgs: [\r\n {\r\n type: 'error',\r\n msg: 'The form has errors, please correct and try again',\r\n },\r\n ],\r\n }),\r\n );\r\n // dispatch(actions.setAppSnackBarData({ type: 'error', msg: 'The form has errors, please correct and try again' }));\r\n }\r\n };\r\n\r\n const isFormInValid = (errors, values) => {\r\n for (let err in errors) {\r\n if (reqFields.some((fieldName) => fieldName === err)) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n };\r\n\r\n const cancelSchema = () => {\r\n setConfirmationMsg('Are you sure you want to cancel, all unsaved changes will be lost?');\r\n setShowCancelConfirmationDialog(true);\r\n };\r\n const handleDialogClose = () => {\r\n setShowCancelConfirmationDialog(false);\r\n };\r\n\r\n const onDialogCancel = () => {\r\n setShowCancelConfirmationDialog(false);\r\n };\r\n\r\n const onCancelDialogConfirm = () => {\r\n history.goBack();\r\n setShowCancelConfirmationDialog(false);\r\n };\r\n\r\n useEffect(() => {\r\n GET(`${ServiceEndPoints.getBarcode}?organization=${getCustomerAccountID()}`)\r\n .then((res) => {\r\n if (Object.keys(res.data).length > 0) {\r\n res.data['destinationCountry'] = 'GBR';\r\n onLoad({\r\n loadedFrom: 'dropdownResponse',\r\n loadedResponse: { ...res.data },\r\n });\r\n setTimeout(() => {\r\n formikRef.current.setValues(setBarcodevaluesToForm(res.data, formikRef.current.values));\r\n }, 0);\r\n setTimeout(() => {\r\n onLoad({ loadedFrom: '' });\r\n }, 2000);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n });\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n {({ values, setFieldValue, errors, setFieldTouched, resetForm, setValues }) => (\r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onLoad: (loadedFrom) => {\r\n dispatch(actions.setLoadedFrom(loadedFrom));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(BarCodeConfiguration);\r\n\r\nconst barcodeConfigurationForm = {\r\n formId: 'barcodeConfigurationForm',\r\n formField: {\r\n filedToSearchBy: {\r\n props: {\r\n name: 'filedToSearchBy',\r\n label: 'Field to search by',\r\n type: 'select',\r\n displayField: 'name',\r\n isRequired: true,\r\n hasDefaultValue: true,\r\n },\r\n validation: {\r\n name: 'filedToSearchBy',\r\n validationType: 'object',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Field to search by is required'],\r\n },\r\n ],\r\n },\r\n },\r\n startPosition: {\r\n props: {\r\n name: 'startPosition',\r\n label: 'Start position',\r\n type: 'text',\r\n isRequired: true,\r\n placeholder: 'Enter',\r\n },\r\n validation: {\r\n name: 'startPosition',\r\n validationType: 'number',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Start position is required'],\r\n },\r\n {\r\n type: 'typeError',\r\n params: ['Should be a valid number'],\r\n },\r\n {\r\n type: 'min',\r\n params: [1, 'Should be a valid number'],\r\n },\r\n ],\r\n },\r\n },\r\n finalPosition: {\r\n props: {\r\n name: 'finalPosition',\r\n label: 'Final position',\r\n type: 'text',\r\n isRequired: true,\r\n placeholder: 'Enter',\r\n },\r\n validation: {\r\n name: 'finalPosition',\r\n validationType: 'number',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Final position is required'],\r\n },\r\n {\r\n type: 'typeError',\r\n params: ['Should be a valid number'],\r\n },\r\n {\r\n type: 'min',\r\n params: [1, 'Should be a valid number'],\r\n },\r\n ],\r\n },\r\n },\r\n barCodeLength: {\r\n props: {\r\n name: 'barCodeLength',\r\n label: 'Barcode length (Ignore if not this length)',\r\n type: 'text',\r\n placeholder: 'Enter',\r\n },\r\n validation: {\r\n name: 'barCodeLength',\r\n validationType: 'number',\r\n validations: [\r\n {\r\n type: 'typeError',\r\n params: ['Should be a valid number'],\r\n },\r\n ],\r\n },\r\n },\r\n },\r\n};\r\n","import { Divider, Grid, List, ListItem, ListItemText } from '@material-ui/core';\r\nimport React from 'react';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport InputButton from '../Inputs/inputButton/inputButton';\r\n\r\n// import { GET } from '../../api/axios';\r\n\r\nconst FaqSideNav = (props) => {\r\n const { showCheckboxes, selectedMenu, catagoryValues, userRole, addFAQ, isUpdate } = props;\r\n\r\n const selectOptions = (data) => {\r\n props.setSelectedMenu(data);\r\n props.setIsUpdate(!isUpdate)\r\n };\r\n\r\n return (\r\n \r\n \r\n {showCheckboxes && userRole\r\n? (\r\n List of categories \r\n )\r\n: (\r\n Choose the key area where you need help \r\n )}\r\n \r\n\r\n \r\n \r\n addFAQ(e, 'textBox')} />\r\n \r\n {' '}\r\n \r\n )\r\n: (\r\n <>\r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default FaqSideNav;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Accordion, AccordionDetails, AccordionSummary, Checkbox, FormControlLabel, Grid, Typography } from '@material-ui/core';\r\nimport { ExpandMore } from '@material-ui/icons';\r\nimport ReactHtmlParser from 'react-html-parser';\r\nimport './customAccordion.scss';\r\n\r\nconst CheckBoxCustomAccordion = (props) => {\r\n const { heading, children, defaultExpanded } = props;\r\n\r\n\r\n return (\r\n - \r\n {catagoryValues.map((option, key) => {\r\n return (\r\n
\r\n {\r\n const errors = {};\r\n if (!values.addQuestion) {\r\n errors.addQuestion = 'Question is Required';\r\n }\r\n\r\n if (!values.addAnswer) {\r\n errors.addAnswer = 'Answer is Required';\r\n }\r\n\r\n return errors;\r\n }}\r\n >\r\n {({ values, setFieldValue, errors, setFieldTouched, resetForm, setValues}) => (\r\n \r\n )}\r\n \r\n setSnackBarMsg('')}\r\n autoHideDuration={2000}\r\n message={snackBarMsg}\r\n />\r\n
\r\n );\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onLoad: (loadedFrom) => {\r\n dispatch(actions.setLoadedFrom(loadedFrom));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(CreateNewFaq);\r\n","export const FaqValidatorForm = {\r\n formId: 'FaqValidatorForm',\r\n formField: {\r\n catagory: {\r\n props: {\r\n name: 'catagory',\r\n label: 'Catagory',\r\n type: 'text',\r\n // displayField: 'name',\r\n // hasDefaultValue: true,\r\n isRequired: true,\r\n },\r\n validation: {\r\n name: 'catagory',\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'required',\r\n params: ['Catagory is required'],\r\n },\r\n ],\r\n },\r\n },\r\n faqCatagory: {\r\n props: {\r\n name: 'faqCatagory',\r\n label: 'Catagory',\r\n type: 'select',\r\n displayField: 'name',\r\n // hasDefaultValue: true,\r\n // isRequired: true,\r\n },\r\n // validation: {\r\n // name: 'faqCatagory',\r\n // validationType: 'object',\r\n // validations: [\r\n // {\r\n // type: 'required',\r\n // params: ['Catagory is required'],\r\n // },\r\n // ],\r\n // },\r\n },\r\n addQuestion: {\r\n props: {\r\n name: 'addQuestion',\r\n label: 'Add question',\r\n type: 'richText',\r\n isRequired: true,\r\n },\r\n validation: {\r\n name: 'addQuestion',\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'min',\r\n params: [10, 'Question is required'],\r\n },\r\n ],\r\n },\r\n },\r\n addAnswer: {\r\n props: {\r\n name: 'addAnswer',\r\n label: 'Answer',\r\n type: 'richText',\r\n isRequired: true,\r\n },\r\n validation: {\r\n name: 'addAnswer',\r\n validationType: 'string',\r\n validations: [\r\n {\r\n type: 'min',\r\n params: [10, 'Answer is required'],\r\n },\r\n ],\r\n },\r\n },\r\n }\r\n };\r\n \r\n\r\n","import React, { useState, useEffect } from 'react';\r\nimport clsx from 'clsx';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport CssBaseline from '@material-ui/core/CssBaseline';\r\nimport Drawer from '@material-ui/core/Drawer';\r\nimport Container from '@material-ui/core/Container';\r\nimport { uniq, sortBy, sort } from 'lodash';\r\nimport FaqSideNav from './faqSideNav';\r\nimport FaqContainer from './faqContainer';\r\nimport './faq.scss';\r\nimport InputButton from '../Inputs/inputButton/inputButton';\r\nimport { Grid } from '@material-ui/core';\r\nimport CustomModal from '../modal/modal';\r\nimport CustomDialog from '../dialog/customDialog';\r\nimport CreateNewFaq from './CreateNewFaq';\r\nimport { GET, POST } from '../../api/axios';\r\nimport ConfirmationDialog from '../../components/addressBook/confirmation/confirmation';\r\nimport { UserRoles } from '../../utils/constants/constants';\r\nimport { useSelector } from 'react-redux';\r\nimport { ServiceEndPoints } from '../../utils/constants/ApiConstant';\r\nimport { removeDuplicates, setValuesToForm } from '../../utils/helperFunctions';\r\nconst Faq = () => {\r\n const classes = useStyles();\r\n const [isDialogOpen, setIsDialogOpen] = useState(false);\r\n const [isUpdate, setIsUpdate] = useState(false);\r\n const userRole = useSelector((state) => state?.auth?.userDetails?.role);\r\n // const userRole = UserRoles.Admin;\r\n const [uniqueLeftPanelData, setUniqueLeftPanelData] = useState([]);\r\n const [faqDetails, setFaqDetails] = useState([]);\r\n const [showCheckboxes, setShowCheckBoxes] = useState(false);\r\n const [isChecked, setIsChecked] = useState([]);\r\n const [defaultExpanded, setDefaultExpanded] = useState(false);\r\n const [categoryType, setCategoryType] = useState('');\r\n const [editDetails, setEditDetails] = useState({});\r\n const [editFaqID, setEditFaqID] = useState('');\r\n\r\n const [showConfirmationDialog, setShowConfirmationDialog] = useState(false);\r\n const [confirmationMessage, setConfirmationMsg] = useState('Are you sure you want to delete these questions?');\r\n const [catagoryValues, setCatagoryValues] = useState([]);\r\n\r\n const [uniqSideNav, setUniqSideNav] = useState([]);\r\n const [selectedMenu, setSelectedMenu] = useState('');\r\n const handleDialogClose = () => {\r\n setIsDialogOpen(false);\r\n setIsUpdate(!isUpdate);\r\n };\r\n\r\n const handleModalClose = () => {\r\n setShowConfirmationDialog(false);\r\n };\r\n const onDialogConfirm = () => {\r\n setShowConfirmationDialog(false);\r\n onDelete();\r\n };\r\n const onDialogCancel = () => {\r\n setShowConfirmationDialog(false);\r\n };\r\n\r\n const addFAQ = (e, name) => {\r\n setCategoryType(name);\r\n\r\n setIsDialogOpen(true);\r\n };\r\n const getAllFaqDetails = () => {\r\n const categoryArray = []\r\n GET(ServiceEndPoints.faqsUrl)\r\n .then((res) => {\r\n\r\n (res.data || []).forEach((item, key) => {\r\n let categoryObj = {}\r\n if (item.category !== null && item.category != '') {\r\n categoryObj[\"id\"] = key;\r\n categoryObj[\"name\"] = item.category;\r\n categoryObj[\"value\"] = item.category.replace(/\\s+/g, '');\r\n // console.log(\"category\",categoryObj)\r\n // categoryArray((prevArray) => [...prevArray, categoryObj]);\r\n categoryArray.push(categoryObj)\r\n\r\n\r\n }\r\n });\r\n setUniqueLeftPanelData(categoryArray)\r\n\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n });\r\n // setUniqSideNav(arrayList);\r\n };\r\n const getCheckBox = () => {\r\n return isChecked.length === 0\r\n };\r\n\r\n const getFaqDetails = (name) => {\r\n GET(`${ServiceEndPoints.faqsUrl}?category=${name}`)\r\n .then((res) => {\r\n setFaqDetails(res.data);\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n // let afterDeleteData = catagoryValues.filter((item) => {\r\n // // return item !== name;\r\n // });\r\n getAllFaqDetails();\r\n // getFaqDetails(catagoryValues[0].name);\r\n setSelectedMenu(catagoryValues[0].name)\r\n\r\n // setUniqueLeftPanelData(afterDeleteData);\r\n setFaqDetails([]);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n getAllFaqDetails();\r\n }, []);\r\n useEffect(() => {\r\n let data = removeDuplicates(uniqueLeftPanelData, item => item.name)\r\n\r\n const sortedDate = data.sort(function (a, b) {\r\n /* Storing case insensitive comparison */\r\n var comparison = a.name.toLowerCase().localeCompare(b.name.toLowerCase());\r\n /* If strings are equal in case insensitive comparison */\r\n if (comparison === 0) {\r\n /* Return case sensitive comparison instead */\r\n return a.name.localeCompare(b.name);\r\n }\r\n /* Otherwise return result */\r\n return comparison;\r\n });\r\n setCatagoryValues(sortedDate);\r\n if (uniqueLeftPanelData.length > 0 && selectedMenu === '') {\r\n setSelectedMenu(sortedDate[0].name)\r\n }\r\n\r\n }, [uniqueLeftPanelData, isUpdate]);\r\n\r\n useEffect(() => {\r\n setIsChecked([]);\r\n setShowCheckBoxes(false);\r\n setDefaultExpanded(false);\r\n if (selectedMenu != '') {\r\n getFaqDetails(selectedMenu);\r\n }\r\n }, [selectedMenu]);\r\n\r\n //delete faq items\r\n const onDelete = () => {\r\n const itemsToBeDeleted = isChecked.map((faqItem) => {\r\n return faqItem;\r\n });\r\n\r\n const payload = itemsToBeDeleted;\r\n POST(`${ServiceEndPoints.faqsUrl}/delete`, payload)\r\n .then((response) => {\r\n getAllFaqDetails()\r\n // console.log(\"selectedMenu\",selectedMenu)\r\n getFaqDetails(selectedMenu);\r\n setIsChecked([])\r\n })\r\n .catch((error) => {\r\n alert('Items were not deleted, please try again.');\r\n });\r\n };\r\n\r\n const handleSingleCheck = (event) => {\r\n let checkBoxlist = [...isChecked];\r\n\r\n checkBoxlist.push(event);\r\n\r\n checkBoxlist = checkBoxlist.reduce((a, b) => {\r\n if (a.indexOf(b) < 0) {\r\n a.push(b);\r\n }\r\n return a;\r\n }, []);\r\n\r\n setIsChecked(checkBoxlist);\r\n };\r\n const handleRemove = (event) => {\r\n let checkBoxlist = [...isChecked];\r\n\r\n checkBoxlist.push(event);\r\n\r\n checkBoxlist = checkBoxlist.filter((name) => name != event);\r\n\r\n setIsChecked(checkBoxlist);\r\n };\r\n\r\n const addAndEditFaq = (e) => {\r\n addFAQ(e, 'dropDown');\r\n const itemsToBeUpdated = isChecked.map((faqItem) => {\r\n setEditFaqID(faqItem);\r\n return faqItem;\r\n });\r\n GET(`${ServiceEndPoints.faqsUrl}?id=${itemsToBeUpdated}`)\r\n .then((res) => {\r\n setEditDetails(res.data);\r\n // getAllFaqDetails()\r\n // getFaqDetails(selectedMenu);\r\n\r\n })\r\n .catch((err) => {\r\n console.log('err');\r\n });\r\n };\r\n\r\n\r\n // function removeDuplicates(data, key) {\r\n\r\n // return [\r\n // ...new Map(data.map(item => [key(item), item])).values()\r\n // ]\r\n\r\n // };\r\n\r\n\r\n return (\r\n \r\n \r\n \r\n {/* \r\n \r\n\r\n \r\n \r\n {(faqDetails || []).map((content, key) => {\r\n return (\r\n \r\n \r\n \r\n {userRole === UserRoles.Admin ? (\r\n 1}\r\n onClick={(e) => addAndEditFaq(e)}\r\n />\r\n ) : null}\r\n \r\n \r\n {showCheckboxes && userRole === UserRoles.Admin ? (\r\n setShowConfirmationDialog(true)}\r\n disabled={isChecked.length === 0}\r\n />\r\n ) : null}\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst drawerWidth = 268;\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: 'flex',\r\n },\r\n drawerPaper: {\r\n position: 'relative',\r\n width: drawerWidth,\r\n // paddingTop: theme.spacing(4),\r\n paddingBottom: theme.spacing(4),\r\n background: '#fff',\r\n color: '#000',\r\n border: '1px solid #E3E3E3',\r\n textAlign: 'left',\r\n },\r\n content: {\r\n flexGrow: 1,\r\n height: '100%',\r\n overflow: 'auto',\r\n },\r\n container: {\r\n // paddingTop: theme.spacing(4),\r\n paddingBottom: theme.spacing(4),\r\n },\r\n}));\r\n\r\nexport default Faq;\r\n","import React, { useState } from 'react';\r\n\r\nimport { Grid, Paper } from '@material-ui/core';\r\n\r\nimport DynamicMaterialTable from '../../framework/DynamicMaterialTable/DynamicMaterialTable';\r\nimport InputButton from '../../framework/Inputs/inputButton/inputButton';\r\nimport { useHistory } from 'react-router';\r\nimport { useSelector } from 'react-redux';\r\nimport { basicSort, formatDate } from '../../utils/helperFunctions';\r\n\r\nconst ApplicationUpdates = (props) => {\r\n const history = useHistory();\r\n\r\n let tableData = useSelector((state) => state.applicationUpdates.applicationUpdates);\r\n\r\nlet applicationArray = []\r\nlet updatedDate = tableData.map((data, i) => {\r\n const appObj = {}\r\n \r\n appObj[\"id\"] = data.id\r\n appObj[\"createdOn\"] = formatDate(data.createdOn, '/', 'dd/mm/yy')\r\n appObj[\"updateDescription\"] = data.updateDescription;\r\n\r\n applicationArray.push(appObj)\r\n \r\n})\r\n\r\n\r\n const tableColumns = [\r\n { title: 'id', field: 'id', hidden: true },\r\n {\r\n title: 'Update description',\r\n field: 'updateDescription',\r\n sorting: false,\r\n },\r\n {\r\n title: 'Date',\r\n field: 'createdOn',\r\n customSort: (a, b) =>\r\n basicSort(new Date(a.createdOn).getTime(), new Date(b.createdOn).getTime()),\r\n },\r\n ];\r\n\r\n const [columns] = useState(tableColumns);\r\n\r\n const handleBackButton = () => {\r\n history.push('/shipment/addShipment');\r\n\r\n };\r\n\r\n return (\r\n {`${alertDetails.hasMultipleMsgs ? (index + 1 + \".\") : \"\"}${message.msg}`}
\r\n\r\n \r\n {isLoginPage ? [null] : \r\n \r\n
\r\n \r\n
\r\n {/*