\r\n
\r\n );\r\n }\r\n return null;\r\n };\r\n\r\n const handleMouseMove = useCallback((e) => {\r\n if (e && e.activeCoordinate) {\r\n setTooltipPosition({\r\n x: e.activeCoordinate.x,\r\n y: e.activeCoordinate.y - 70,\r\n });\r\n }\r\n }, []);\r\n\r\n return (\r\n \r\n {totalAmountTitle \r\n ? `${((value / totalValue) * 100).toFixed(1)}%` \r\n : titleTooltip || label}\r\n
\r\n{totalAmountTitle ? `${Intl.NumberFormat('tr-TR').format(value)} ${totalAmountTitle}` : `${Intl.NumberFormat('tr-TR').format(value)} TL`}
\r\n{value1}
}\r\n // />\r\n // ),\r\n // },\r\n // {\r\n // name: 'payment_condition_name',\r\n // text: tra('Payment_Condition'),\r\n // filterable: true,\r\n // editable: false,\r\n // align: 'left',\r\n // sortable: true,\r\n // type: 'text',\r\n // },\r\n {\r\n name: 'date',\r\n text: tra('Shipping_Date'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'date',\r\n },\r\n {\r\n name: 'customer',\r\n text: tra('Customer_Name'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'building_sites_name',\r\n text: tra('Construction_Site_Name'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'product_name',\r\n text: tra('Product_Name'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n customBody: (v, i, n, row) => (\r\n row.Amounts?.length\r\n ? (\r\n {p.Product?.ProductTranslations?.[0]?.alternative_name}
))} TransitionComponent={Zoom} placement=\"top\">\r\n {row.Amounts[0]?.Product?.ProductTranslations?.[0]?.alternative_name} {row.Amounts.length > 1 && +{row.Amounts.length - 1}}\r\n{p.ProductionSite?.ProductionSiteTranslations?.[0].name}
))} TransitionComponent={Zoom} placement=\"top\">\r\n {row.Amounts[0]?.ProductionSite?.ProductionSiteTranslations?.[0].name || '-'} {(row.Amounts.length > 1 && row.Amounts[0]?.ProductionSite?.ProductionSiteTranslations?.[0].name) && +{row.Amounts.length - 1}}\r\n{value1}
}\r\n />\r\n );\r\n },\r\n },\r\n {\r\n name: 'created_user_name',\r\n text: tra('Order_Creator'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'order_status_name',\r\n text: tra('Status'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'message',\r\n text: tra('Message'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n customBody: value => (\r\n value || '-'\r\n ),\r\n },\r\n];\r\n\r\nclass Dashboard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n };\r\n this.boxes = React.createRef();\r\n window.addEventListener('resize', this.setSize);\r\n this.setSize();\r\n props.getDashboardAdmin();\r\n props.getDashboardAdminCharts();\r\n props.getDashboardAdminProductCharts();\r\n }\r\n\r\n componentDidMount() {\r\n this.setSize();\r\n }\r\n\r\n componentWillUnmount() {\r\n window.removeEventListener('resize', this.setSize);\r\n }\r\n\r\n setSize = () => {\r\n const { height } = this.state;\r\n const newHeight = this.boxes?.current?.clientHeight;\r\n if (height !== newHeight) {\r\n this.setState({ height: newHeight || 100 });\r\n }\r\n }\r\n\r\n render() {\r\n const { dashboardAdminData, dashboardAdminCharts, dashProductCharts } = this.props;\r\n\r\n return (\r\n \r\n
\r\n {dashboardAdminData?.customers?.toString() || '-'}
\r\n{tra('Customers')}
\r\n\r\n
\r\n \r\n
\r\n {dashboardAdminData?.total_order?.toString() || '-'}
\r\n{tra('Total_Order_Quantity')}
\r\n\r\n
\r\n \r\n
\r\n {dashboardAdminData?.users?.toString() || '-'}
\r\n{tra('Users')}
\r\n\r\n
\r\n \r\n
\r\n {dashboardAdminData?.order_count_today?.toString() || '-'}
\r\n{tra('Todays_Orders')}
\r\n\r\n
\r\n {tra('Orders_Report')}
\r\n {/*{new Intl.NumberFormat('tr-TR', { style: 'currency', currency: 'TRY' }).format(98425)}
\r\n +04% {tra('Compared_to_last_month')} */}\r\n\r\n
\r\n );\r\n}\r\n\r\nTimer.propTypes = {\r\n initialMinute: PropTypes.number.isRequired,\r\n initialSeconds: PropTypes.number.isRequired,\r\n reset: PropTypes.bool.isRequired,\r\n expired: PropTypes.func.isRequired,\r\n};\r\n\r\nTimer.defaultProps = {\r\n};\r\n\r\nexport default Timer;\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport { createStructuredSelector } from 'reselect';\r\nimport {\r\n TextField,\r\n InputAdornment,\r\n Box,\r\n Divider,\r\n // IconButton,\r\n} from '@material-ui/core';\r\nimport {\r\n LockOutlined,\r\n MailOutlineOutlined,\r\n} from '@material-ui/icons';\r\nimport { Redirect } from 'react-router-dom';\r\nimport {\r\n Colors,\r\n languageData,\r\n sliderData,\r\n} from '../assets/statics';\r\nimport {\r\n LoginWrapper,\r\n LoginBox,\r\n CustomButton,\r\n Simplelink,\r\n // MobileMoreMenu,\r\n // MobileMoreMenuItem,\r\n CustomMenuItem,\r\n} from '../assets/styled';\r\nimport Logo from '../assets/img/logo.png';\r\n\r\nimport { doLogin, enterCode, setInfoMessagesModalEs, setToast } from '../store/actions';\r\nimport { selectActiveUser, selectAppConfig } from '../store/selectors';\r\nimport { getLangCode, tra } from '../commons/utils';\r\nimport { Refresh, World } from '../assets/icons';\r\nimport CountDownTimer from '../components/CountDownTimer';\r\n\r\nclass Login extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loginContent: true,\r\n email: '',\r\n password: '',\r\n code: '',\r\n acitveBg: 0,\r\n languageData: [{ id: 1, name: 'T' }, { id: 2, name: 'E' }, { id: 3, name: 'S' }],\r\n };\r\n setInterval(() => this.changeBg(), 5000); // slider change\r\n }\r\n\r\n changeBg = () => {\r\n const { acitveBg } = this.state;\r\n let newActive = acitveBg;\r\n if (acitveBg < (sliderData.length - 1)) {\r\n newActive = acitveBg + 1;\r\n } else if (acitveBg === (sliderData.length - 1)) {\r\n newActive = 0;\r\n }\r\n this.setState({ acitveBg: newActive });\r\n }\r\n\r\n enterLogin = (e) => {\r\n if (this.props.appConfig?.code) {\r\n if (e.key === 'Enter') {\r\n this.enterCode();\r\n }\r\n } else if (e.key === 'Enter') {\r\n this.doLogin();\r\n }\r\n }\r\n\r\n doLogin = () => {\r\n const { email, password } = this.state;\r\n if ((/\\S+@\\S+\\.\\S+/.test(email)) && password?.length > 5) {\r\n this.props.doLogin(email, password);\r\n } else {\r\n this.props.setToast(true, tra('Please_enter_a_valid_email_address'), 'warning');\r\n }\r\n }\r\n\r\n enterCode = (codes) => {\r\n // const { code } = this.state;\r\n if (codes?.length === 6 && parseInt(codes, 10) > 100000) {\r\n this.props.enterCode(codes);\r\n this.setState({ loginContent: false });\r\n } else {\r\n this.props.setToast(true, tra('Please_enter_the_6_digit_code_correctly'), 'warning');\r\n }\r\n }\r\n\r\n onChangeCode = (e) => {\r\n const value = e?.target?.value || '';\r\n const { code } = this.state;\r\n if (value?.length === 6 && parseInt(value, 10) > 100000) {\r\n this.setState({ code: value });\r\n this.enterCode(value);\r\n } else if (value?.length < 7) {\r\n this.setState({ code: value });\r\n } else if (this.state.code?.length < 7) {\r\n this.setState({ code });\r\n } else {\r\n this.setState({ code: '' });\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n code, password, email, acitveBg, expired,\r\n } = this.state;\r\n const {\r\n activeUser, appConfig,\r\n } = this.props;\r\n\r\n return (\r\n \r\n {\r\n minutes === 0 && seconds === 0 ? (\r\n
\r\n {tra('Times_up_Sign_in_again')}
\r\n ) : (\r\n{minutes}:{seconds < 10 ? `0${seconds}` : seconds}
\r\n )\r\n }\r\n\r\n
\r\n \r\n {\r\n sliderData && sliderData.map(slide => (\r\n
\r\n \r\n {/* 
*/}\r\n
\r\n ))\r\n }\r\n \r\n \r\n this.setState({ email: e.target.value })}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n ),\r\n }}\r\n />\r\n this.setState({ password: e.target.value })}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n ),\r\n }}\r\n />\r\n \r\n ) : (\r\n <>\r\n this.setState({ expired: true, code: '' })} />\r\n {!expired && this.setState({ code: e.target.value?.length < 7 ? e.target.value : (code?.length < 7 ? code : '') })}\r\n onChange={e => this.onChangeCode(e)}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n ),\r\n }}\r\n error={code?.length > 6}\r\n />\r\n )\r\n }\r\n \r\n )\r\n }\r\n {/* this.setState({ code: true })}>{tra('Login')} */}\r\n {\r\n appConfig?.code ? (\r\n 100000)} disabled={!(code?.length === 6 && parseInt(code, 10) > 100000) || expired} onClick={() => this.enterCode()}>{tra('Login')} \r\n ) : (\r\n this.doLogin()}>{tra('Login')} \r\n )\r\n }\r\n {\r\n (!appConfig?.code && this.state.loginContent) ? (\r\n {tra('Forget_Password')} \r\n ) : expired && (\r\n { this.doLogin(); this.setState({ resetCode: Math.random(1, 10), expired: false }); }} endIcon={ \r\n )\r\n }\r\n \r\n {appConfig?.company === '0064' && \r\n this.props.setInfoMessagesModalEs({ open: true, type: 'legal' })}>Aviso Legal\r\n }\r\n
\r\n \r\n 
\r\n {\r\n (!appConfig?.code && this.state.loginContent) && (\r\n
\r\n \r\n lang?.name === getLangCode())?.name}\r\n onChange={(e) => {\r\n localStorage.setItem('language', this.state.languageData?.find(lang => lang?.name === e.target.value)?.name);\r\n window.location.reload();\r\n }}\r\n fullWidth\r\n variant=\"outlined\"\r\n style={{ margin: '10px 0' }}\r\n InputLabelProps={{ shrink: true }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n ),\r\n }}\r\n >\r\n {\r\n languageData?.map(item => (\r\n \r\n {item.text}\r\n \r\n ))\r\n }\r\n \r\n
\r\n )\r\n }\r\n {tra('Welcome_to_Çimsa_Customer_Portal')}
\r\n {\r\n (!appConfig?.code && this.state.loginContent) ? (\r\n <>\r\n{tra('Please_log_in_to_the_system_by_entering_the_username_given_to_you')}
\r\n{tra('Enter_the_code_sent_to_your_phone_number_or_email')}
}\r\n {\r\n !expired && (\r\n\r\n this.props.onChange(e)}\r\n name={name || 'checkedB'}\r\n id={id}\r\n color=\"primary\"\r\n />\r\n )}\r\n label={this.props.title}\r\n />\r\n
\r\n );\r\n case 'radioButtonGroup':\r\n return (\r\n \r\n this.props.onChange(e)}>\r\n {data.map(choice => (\r\n \r\n
\r\n );\r\n case 'upload':\r\n return (\r\n Hatalı Tip ({type})
\r\n );\r\n }\r\n }\r\n}\r\n\r\nInput.propTypes = {\r\n type: PropTypes.string.isRequired,\r\n acceptedFiles: PropTypes.string.isRequired,\r\n onValueChange: PropTypes.func,\r\n emptyItem: PropTypes.bool,\r\n title: PropTypes.string,\r\n name: PropTypes.string,\r\n error: PropTypes.bool,\r\n onChange: PropTypes.func,\r\n onKeyDown: PropTypes.func,\r\n onFocus: PropTypes.func,\r\n value: PropTypes.string.isRequired,\r\n data: PropTypes.array,\r\n variant: PropTypes.string,\r\n row: PropTypes.number,\r\n disabled: PropTypes.bool,\r\n labelKey: PropTypes.string,\r\n valueKey: PropTypes.string,\r\n maxDate: PropTypes.object,\r\n minDate: PropTypes.object,\r\n suffix: PropTypes.string,\r\n helperText: PropTypes.string,\r\n placeholder: PropTypes.string,\r\n startAdornment: PropTypes.node,\r\n endAdornment: PropTypes.node,\r\n required: PropTypes.bool,\r\n multiple: PropTypes.bool,\r\n noMinRow: PropTypes.bool,\r\n label: PropTypes.string,\r\n fullWidth: PropTypes.bool,\r\n readOnly: PropTypes.bool,\r\n autoFocus: PropTypes.bool,\r\n allowNegative: PropTypes.bool,\r\n isAllowed: PropTypes.any.isRequired,\r\n justNumber: PropTypes.bool,\r\n disableCloseOnSelect: PropTypes.bool,\r\n selectAll: PropTypes.bool,\r\n tooLongText: PropTypes.bool,\r\n};\r\n\r\nInput.defaultProps = {\r\n onChange: () => { },\r\n onKeyDown: () => { },\r\n onFocus: () => { },\r\n onValueChange: () => { },\r\n emptyItem: false,\r\n title: '',\r\n name: '',\r\n error: false,\r\n suffix: '',\r\n variant: 'outlined',\r\n helperText: '',\r\n data: [],\r\n row: 0,\r\n disabled: false,\r\n labelKey: '',\r\n valueKey: '',\r\n maxDate: {},\r\n minDate: {},\r\n placeholder: '',\r\n startAdornment: null,\r\n endAdornment: null,\r\n required: false,\r\n multiple: false,\r\n noMinRow: false,\r\n label: '',\r\n fullWidth: false,\r\n readOnly: false,\r\n autoFocus: false,\r\n allowNegative: false,\r\n justNumber: false,\r\n disableCloseOnSelect: false,\r\n selectAll: false,\r\n tooLongText: false,\r\n};\r\n\r\nexport default Input;\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Backdrop, Modal } from '@material-ui/core';\r\nimport {\r\n // CustomButton,\r\n CustomFadeInfo,\r\n} from '../../assets/styled';\r\nimport {\r\n ConfirmInfo,\r\n DeleteInfo,\r\n InfoInfo,\r\n QuestionInfo,\r\n WarningInfo,\r\n} from '../../assets/icons';\r\nimport { Colors } from '../../assets/statics';\r\n\r\nconst types = {\r\n Success: {\r\n icon: (\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nInfo.propTypes = {\r\n open: PropTypes.bool.isRequired,\r\n // onClose: PropTypes.func.isRequired,\r\n type: PropTypes.string.isRequired,\r\n title: PropTypes.string.isRequired,\r\n text: PropTypes.string.isRequired,\r\n cancelButton: PropTypes.any.isRequired,\r\n confirmButton: PropTypes.any,\r\n infoCancel: PropTypes.any,\r\n};\r\n\r\nInfo.defaultProps = {\r\n confirmButton: null,\r\n infoCancel: null,\r\n};\r\n","import React, { useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Box } from '@material-ui/core';\r\nimport Table from '../../../components/Table';\r\nimport { tra } from '../../../commons/utils';\r\n\r\nexport const SalesAgentsToJobsitesTable = (props) => {\r\n const columns = useMemo(() => [\r\n {\r\n name: 'name',\r\n text: tra('Building_Site'),\r\n filterable: true,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'user',\r\n text: tra('Sales_Representative'),\r\n filterable: true,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n customBody: (v, c, i, row) => row.Users?.[0]?.name || '-',\r\n },\r\n ], []);\r\n\r\n return (\r\n \r\n {\r\n type && (\r\n <>\r\n {types[type].icon}\r\n
\r\n {title}
\r\n{text}
\r\n {infoCancel || ''}\r\n\r\n {this.props.cancelButton}\r\n {this.props.confirmButton}\r\n
\r\n \r\n )\r\n }\r\n \r\n
\r\n \r\n this.close()}> \r\n
\r\n {this.props.edit ? tra('Edit_Customer') : tra('Create_Customer')}
\r\n\r\n {errorMessage && errorMessage?.length && (\r\n \r\n {errorMessage}!\r\n \r\n )}\r\n {\r\n !this.props.sapCustomer.sap_customer_no && !this.props.edit ? (\r\n
\r\n \r\n { this.setState({ sapNumber: e.value }); }}\r\n onKeyDown={e => this.enterSapNumber(e)}\r\n />\r\n this.state.sapNumber && this.getSapCustomer()}>{tra('Bring')} \r\n
\r\n ) : ((this.props.sapCustomer && this.props.sapCustomer.sap_customer_no) || this.props.edit) && (\r\n <>\r\n \r\n this.setState({ sapNumber: e.target.value })}\r\n />\r\n this.setState({ customerNo: e.target.value })}\r\n />\r\n this.setState({ customerName: e.target.value })}\r\n />\r\n this.setState({ telephone: e.target.value })}\r\n />\r\n this.setState({ city: e.target.value })}\r\n disabled\r\n />\r\n { this.setState({ adminName: e.target.value }); if (!this.state.isChangedState.includes('adminName') && edit) { this.isChanged('adminName'); } }}\r\n error={isError && !this.state.adminName}\r\n />\r\n { this.setState({ adminSurname: e.target.value }); if (!this.state.isChangedState.includes('adminSurname') && edit) { this.isChanged('adminSurname'); } }}\r\n error={isError && !this.state.adminSurname}\r\n />\r\n { this.setState({ mail: e.target.value }); if (!this.state.isChangedState.includes('mail') && edit) { this.isChanged('mail'); } }}\r\n // disabled\r\n error={isError && (!this.state.mail || invalidMail.some(a => this.state.mail.includes(a)) || !(/\\S+@\\S+\\.\\S+/.test(this.state.mail)))}\r\n />\r\n \r\n \r\n { this.setState({ phone_code: e.target.value, phone: '' }); if (!this.state.isChangedState.includes('phone_code') && edit) { this.isChanged('phone_code'); } }}\r\n />\r\n \r\n { this.setState({ phone: e.floatValue }); if (!this.state.isChangedState.includes('phone') && edit) { this.isChanged('phone'); } }}\r\n error={isError && (!this.state.phone || !(this.state.phone?.toString()?.length))}\r\n />\r\n \r\n {((!this.props.edit && !this.props.sapCustomer?.show_building_sites) || (this.props.edit && !this.props.customerDetail?.CompanyCodes?.[0]?.show_building_sites)) && (\r\n { this.setState({ representatives: newValue }); if (!this.state.isChangedState.includes('representatives') && edit) { this.isChanged('representatives'); } }}\r\n />\r\n )}\r\n {(this.props.sapCustomer?.show_building_sites && this.props.sapCustomer.building_sites) && { this.setState({ credit_controls: value }); if (!this.state.isChangedState.includes('credit_controls') && edit) { this.isChanged('credit_controls'); } }}\r\n />\r\n
\r\n \r\n { this.setState({ verify: e.target.value }); if (!this.state.isChangedState.includes('verify') && edit) { this.isChanged('verify'); } }}\r\n />\r\n this.saveFunc()} style={{ marginLeft: this.props.edit && 'auto' }}>\r\n {this.props.edit ? tra('Save_Edit') : tra('Add_Customer')}\r\n \r\n
\r\n \r\n )\r\n }\r\n \r\n
\r\n \r\n this.props.onClose()} startIcon={ \r\n
\r\n {tra('Close')}
\r\n {\r\n columns.map(item => (\r\n item.filterable && (\r\n item.type === 'date' ? (\r\n \r\n \r\n f.column === item.name) ? (this.state.filter.find(f => f.column === item.name).bt.begin || null) : null}\r\n // onChange={(e) => this.changeDateFilter(e, item.name, item.text, true)}\r\n onChange={(e) => {\r\n if (isValid(e)) {\r\n this.changeDateFilter(\r\n set(e, {\r\n hours: 0, minutes: 0, seconds: 0, milliseconds: 0,\r\n }),\r\n item.name,\r\n item.text,\r\n true,\r\n );\r\n }\r\n }}\r\n KeyboardButtonProps={{ 'aria-label': 'change date' }}\r\n InputLabelProps={{ shrink: true }}\r\n autoOk\r\n />\r\n f.column === item.name) ? (this.state.filter.find(f => f.column === item.name).bt.end || null) : null}\r\n // onChange={(e) => this.changeDateFilter(e, item.name, item.text)}\r\n onChange={(e) => {\r\n if (isValid(e)) {\r\n this.changeDateFilter(\r\n set(e, {\r\n hours: 23, minutes: 59, seconds: 59, milliseconds: 999,\r\n }),\r\n item.name,\r\n item.text,\r\n );\r\n }\r\n }}\r\n KeyboardButtonProps={{ 'aria-label': 'change date' }}\r\n InputLabelProps={{ shrink: true }}\r\n autoOk\r\n minDate={this.state.filter.find(f => f.column === item.name) ? (this.state.filter.find(f => f.column === item.name).bt.begin || null) : null}\r\n style={{ marginTop: '10px' }}\r\n />\r\n \r\n \r\n ) : item.type === 'array' ? (\r\n \r\n \r\n {\r\n this.getArrayData(item.name).map(aD => (\r\n <>\r\n this.changeFilter(item.name, e.target.checked, aD, 'checkbox', aD, item.text)}\r\n />\r\n )}\r\n label={`${aD.name} ${aD.surname || ''}`}\r\n />\r\n \r\n ))\r\n }\r\n \r\n \r\n ) : item.type === 'object' ? (\r\n // Tipi object olan columnlarda filterText yazılmalıdır örn: user.name ise filterText name olmalıdır.\r\n \r\n \r\n {\r\n this.getObjectData(item.name).map(o => (\r\n // this.changeFilter(item.name, e.target.checked, o[item.filterText], 'checkbox', o[item.filterText], item.text)}\r\n // />\r\n // )}\r\n // label={`${item.filterText ? o[item.filterText] : ''}`}\r\n // />\r\n o?.[item?.filterText] && (\r\n this.changeFilter(item?.name, e.target.checked, o[item?.filterText], 'checkbox', o[item?.filterText], item?.text)}\r\n />\r\n )}\r\n label={`${item?.filterText ? o[item?.filterText] : ''}`}\r\n />\r\n )\r\n ))\r\n }\r\n \r\n \r\n ) : item.type === 'bool' ? (\r\n // Tipi bool olan columnlarda filterArrayText yazılmalıdır örn: true veya false ise filterArrayText=[ 'olmlu', 'olumsuz' ] gibi olmalıdır.\r\n \r\n \r\n {\r\n data && (\r\n [...new Set(data?.map(items => items[item.name]))].length > 10 && (\r\n this.setState({ [`search${item?.name}`]: e.target.value })}\r\n InputProps={{\r\n endAdornment: (\r\n [...new Set(this.getFilteredData(item?.name)?.map(items => items[item?.name]))]?.length > 5 && (\r\n \r\n this.selectAllSearched(item?.name, item?.text)}> \r\n \r\n )\r\n ),\r\n }}\r\n />\r\n )\r\n )\r\n }\r\n \r\n \r\n ) : (\r\n // Tipi text olan columnlarda filterArrayText yazılmalıdır örn: 1 veya 2 veya 3 ise filterArrayText=[ 'olmlu', 'olumsuz', 'bekliyor' ] gibi olmalıdır.\r\n \r\n \r\n {\r\n data && (\r\n [...new Set(data.map(items => items[item.name]))].length > 10 && (\r\n this.setState({ [`search${item.name}`]: e.target.value })}\r\n InputProps={{\r\n endAdornment: (\r\n [...new Set(this.getFilteredData(item.name).map(items => items[item.name]))].length > 5 && (\r\n \r\n this.selectAllSearched(item.name, item.text)}> \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 {item.text}
\r\n \r\n{item.text}
\r\n \r\n{item.text}
\r\n \r\n{item?.text}
\r\n \r\n\r\n {\r\n [...new Set(this.getFilteredData(item.name)?.map(items => items[item.name]))].length > 0 ? (\r\n [...new Set(this.getFilteredData(item.name)?.map(items => items[item.name]))]?.map(licence => (\r\n this.changeFilter(item.name, e.target.checked, licence, 'checkbox', licence, item?.text)}\r\n />\r\n )}\r\n label={`${item?.filterArrayText ? (licence ? item?.filterArrayText?.[0] : item?.filterArrayText?.[1]) : (licence || '-')} (${data?.filter(fltr => fltr[item.name] === licence).length})`}\r\n />\r\n ))\r\n ) : (\r\n
\r\n Sonuç Yok
\r\n )\r\n }\r\n{item.text}
\r\n \r\n\r\n {\r\n [...new Set(this.getFilteredData(item.name).map(items => items[item.name]))].length > 0 ? (\r\n [...new Set(this.getFilteredData(item.name).map(items => items[item.name]))].map(licence => (\r\n this.changeFilter(item.name, e.target.checked, licence, 'checkbox', licence, item.text)}\r\n />\r\n )}\r\n // label={`${licence || licence === 0 ? licence : '-'} (${data.filter((fltr) => fltr[item.name] === licence).length})`}\r\n label={`${item?.filterArrayText ? (licence || licence === 0 ? item?.filterArrayText[parseInt(licence, 10)] : '-') : (licence || '-')} (${data?.filter(fltr => fltr[item.name] === licence).length})`}\r\n />\r\n ))\r\n ) : (\r\n
\r\n {tra('There_were_no_results')}
\r\n )\r\n }\r\n\r\n setAnchorEl({ [row.id]: e.currentTarget })}>\r\n \r\n setAnchorEl({ [row.id]: null })}\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n disablePortal={false}\r\n modifiers={{\r\n flip: {\r\n enabled: false,\r\n },\r\n preventOverflow: {\r\n enabled: true,\r\n boundariesElement: 'scrollParent',\r\n },\r\n arrow: {\r\n enabled: true,\r\n element: anchorEl[row.id],\r\n },\r\n }}\r\n >\r\n {\r\n dispatch(deleteFileOfCustomer(row.id, customer.id));\r\n setAnchorEl({ [row.id]: null });\r\n }}\r\n >\r\n
\r\n ),\r\n },\r\n ], [anchorEl, customer.id, dispatch]);\r\n\r\n const handleFileUpload = (e) => {\r\n if (e.target.files[0]) {\r\n dispatch(uploadFileToCustomer(props.selectedCustomer.id, e.target.files));\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n props.onClose()}> \r\n
\r\n {tra('Files')}
\r\n\r\n \r\n {!!customer.CustomerFiles?.length && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {tra('Upload_File')}\r\n
\r\n \r\n {t.name}
\r\n ))\r\n ) : ''}\r\n >\r\n{t.alternative_name}
\r\n ))\r\n ) : ''}\r\n >\r\n{value[0]?.alternative_name}{value.length > 1 && `, +${value.length - 1}`}
\r\n \r\n ) : (\r\n '-'\r\n )\r\n ),\r\n },\r\n {\r\n name: 'Action',\r\n text: tra('Action'),\r\n filterable: false,\r\n editable: false,\r\n align: 'left',\r\n sortable: false,\r\n type: 'action',\r\n disableSetting: false,\r\n customBody: (value, columnName, index, row) => (\r\n\r\n this.setState({ [`anchorMobileTable${row.id}`]: e.currentTarget })}>\r\n \r\n {\r\n this.state[`anchorMobileTable${row.id}`] && (\r\n this.setState({ [`anchorMobileTable${row.id}`]: null })}\r\n // placement=\"left\"\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n >\r\n {\r\n !row.is_removed && (\r\n <>\r\n {\r\n this.setState({\r\n openNewCustomer: true, selectedCustomerId: row.id, [`anchorMobileTable${row.id}`]: null, edit: true,\r\n }); this.props.getCustomers(row.id);\r\n }}\r\n >\r\n {\r\n if (row.is_removed) {\r\n this.props.appConfig(\r\n 'infoModal', {\r\n open: true,\r\n type: 'Info',\r\n title: 'Bu Müşteriyi Yönetemezsiniz.',\r\n text: 'Bu Müşteri Pasif Durumda Olduğu için Yönetemezsiniz. Müşteriyi Yönetebilmek için önce aktif durumuna getiriniz.',\r\n cancelButton: ( this.props.appConfig('infoModal', false)}>{tra('Done')} ),\r\n },\r\n );\r\n } else {\r\n this.setState({\r\n selectedCustomerId: row.id,\r\n [`anchorMobileTable${row.id}`]: null,\r\n selectedCustomer: row,\r\n questionModal: true,\r\n });\r\n this.props.setCompanies([]);\r\n }\r\n }}\r\n >\r\n this.setState({\r\n infoDelete: true, selectedCustomerId: row.id, [`anchorMobileTable${row.id}`]: null, selectedCustomerRemoved: row.is_removed,\r\n })}\r\n >\r\n {\r\n row.is_removed ? (\r\n <>\r\n {\r\n this.props.updateSapCustomer(row.sap_customer_no);\r\n this.setState({ [`anchorMobileTable${row.id}`]: null });\r\n }}\r\n >\r\n {\r\n this.setState({ [`anchorMobileTable${row.id}`]: null, openFilesModal: true, selectedCustomer: row });\r\n }}\r\n >\r\n
\r\n ),\r\n },\r\n ];\r\n\r\n return (\r\n \r\n this.setState(prevState => ({ filterDrawer: !prevState.filterDrawer }))}>{tra('Filter')} \r\n
\r\n \r\n this.setState({ searchFilter: event.target.value })}\r\n variant=\"outlined\"\r\n />\r\n
\r\n \r\n this.setState({ openNewCustomer: true, edit: null })}\r\n startIcon={\r\n Son Eklenilen\r\n */}\r\n
\r\n \r\n
\r\n \r\n this.close()}> \r\n
\r\n {tra('Define_Blockage')}
\r\n\r\n {errorMessage && errorMessage?.length && (\r\n \r\n {errorMessage}!\r\n \r\n )}\r\n
\r\n \r\n {\r\n this.setState({ selectedCreditControl: newValue, selectedCustomer: null });\r\n this.getCustomerWithCredit(newValue);\r\n this.handleGetProductionSites(newValue, this.state.selectedProduct, this.state.selectedCustomer, this.state.selectedBuildinSite, except_this);\r\n }}\r\n error={isError && !(this.state.selectedCreditControl?.length > 0)}\r\n />\r\n {\r\n this.setState({ selectedCustomer: newValue });\r\n this.handleGetProductionSites(this.state.selectedCreditControl, this.state.selectedProduct, newValue, this.state.selectedBuildinSite, except_this);\r\n if (newValue?.length === 0) {\r\n this.setState({ except_this: false });\r\n }\r\n if (newValue?.length > 0) {\r\n this.setState({ selectedBuildinSite: [] });\r\n }\r\n }}\r\n error={isError && !(this.props.customerByCredit?.length > 0)}\r\n />\r\n 0) || this.state.selectedBuildinSite?.length > 0}\r\n onChange={(e) => {\r\n this.setState({ except_this: e.target.checked });\r\n this.handleGetProductionSites(this.state.selectedCreditControl, this.state.selectedProduct, this.state.selectedCustomer, this.state.selectedBuildinSite, e.target.checked);\r\n }}\r\n />\r\n {\r\n this.state.selectedCustomer?.length === 1 && (\r\n {\r\n this.setState({ selectedBuildinSite: newValue }); if (newValue?.length > 0 && except_this) this.setState({ except_this: false });\r\n this.handleGetProductionSites(this.state.selectedCreditControl, this.state.selectedProduct, this.state.selectedCustomer, newValue, except_this);\r\n }}\r\n />\r\n )\r\n }\r\n `${o.alternative_name } - ${ o.sap_product_no}`}\r\n onChange={(e, newValue) => {\r\n this.setState({ selectedProduct: newValue });\r\n this.handleGetProductionSites(this.state.selectedCreditControl, newValue, this.state.selectedCustomer, this.state.selectedBuildinSite, except_this);\r\n }}\r\n error={isError && !(this.state.selectedProduct?.length > 0)}\r\n />\r\n this.setState({ selectedProductionSites: newValue })}\r\n />\r\n this.setState({ selectedStartingDate: e })}\r\n autoOk\r\n KeyboardButtonProps={{\r\n 'aria-label': 'change date',\r\n }}\r\n // style={{ paddingTop: 10 }}\r\n minDate={new Date()}\r\n maxDate={this.state.selectedEndDate || undefined}\r\n error={isError && !(this.state.selectedStartingDate)}\r\n />\r\n this.setState({ selectedEndDate: e })}\r\n autoOk\r\n KeyboardButtonProps={{\r\n 'aria-label': 'change date',\r\n }}\r\n // style={{ paddingTop: 10 }}\r\n minDate={this.state.selectedStartingDate}\r\n error={isError && !(this.state.selectedEndDate)}\r\n />\r\n this.close()} style={{ marginLeft: 0 }}>{tra('Cancel')} \r\n this.blockage()}>{tra('Complete')} \r\n
\r\n {p.name}
))} TransitionComponent={Zoom} placement=\"top\">\r\n {row.ProductionSites[0].name || '-'} {(row.ProductionSites.length > 1 && row.ProductionSites[0].name) && +{row.ProductionSites.length - 1}}\r\n\r\n setAnchorEl({ [row.id]: e.currentTarget })}>\r\n \r\n {\r\n anchorEl[row.id] && (\r\n setAnchorEl({})}\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n >\r\n {\r\n setSelectedRow(row);\r\n setUpdateDescriptionModalOpen(true);\r\n setAnchorEl({});\r\n }}\r\n >\r\n {\r\n setSelectedRow(row);\r\n setBlockageModalOpen(true);\r\n setAnchorEl({});\r\n }}\r\n >\r\n
\r\n ),\r\n },\r\n ], [anchorEl]);\r\n const blockagesColumns = useMemo(() => [\r\n {\r\n name: 'createdAt',\r\n text: tra('Block_Create_Date'),\r\n filterable: true,\r\n align: 'center',\r\n sortable: true,\r\n type: 'date',\r\n customBody: value => (value && parseInt(value, 10) ? new Date(value).toLocaleDateString(appConfig.localeLanguage) : ''),\r\n },\r\n {\r\n name: 'Products',\r\n text: tra('Product_No'),\r\n filterable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'array',\r\n customBody: value => (\r\n value?.length > 0 ? (\r\n {c.sap_product_no}
))} TransitionComponent={Zoom} placement=\"top\">\r\n {value[0]?.sap_product_no} {value.length > 1 && +{value.length - 1}}\r\n{c.name}
))} TransitionComponent={Zoom} placement=\"top\">\r\n {value[0]?.name} {value.length > 1 && +{value.length - 1}}\r\n{c.name}
)) : ''} TransitionComponent={Zoom} placement=\"top\">\r\n {value[0]?.name} {value.length > 1 && +{value.length - 1}}\r\n{c.name}
))} TransitionComponent={Zoom} placement=\"top\">\r\n {value[0]?.name} {value.length > 1 && +{value.length - 1}}\r\n{p.name}
))} TransitionComponent={Zoom} placement=\"top\">\r\n {value[0]?.alternative_name} {value.length > 1 && +{value.length - 1}}\r\n\r\n setAnchorEl({ [row.id]: e.currentTarget })}>\r\n \r\n {\r\n anchorEl[row.id] && (\r\n setAnchorEl({})}\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n >\r\n {\r\n setDeleteBlockageModalOpen(true);\r\n setSelectedRow(row);\r\n setAnchorEl({});\r\n }}\r\n >\r\n
\r\n ),\r\n },\r\n ], [anchorEl, appConfig.localeLanguage]);\r\n\r\n useEffect(() => {\r\n dispatch(getProducts());\r\n dispatch(getCreditControl());\r\n dispatch(getCustomers());\r\n }, [dispatch]);\r\n\r\n const handleTabChange = (newTabValue) => {\r\n setTabValue(newTabValue);\r\n setFilter([]);\r\n setSearch('');\r\n switch (newTabValue) {\r\n case 1:\r\n if (!products.length) {\r\n dispatch(getProducts());\r\n }\r\n break;\r\n case 2:\r\n if (!blockages.length) {\r\n dispatch(getBlockages());\r\n }\r\n break;\r\n default:\r\n break;\r\n }\r\n };\r\n\r\n return (\r\n \r\n setFilterDrawerOpen(s => !s)}>{tra('Filter')} \r\n
\r\n \r\n setSearch(e.target.value)}\r\n variant=\"outlined\"\r\n />\r\n
\r\n \r\n
\r\n {c.sap_product_no}
))} TransitionComponent={Zoom} placement=\"top\">\r\n {value[0]?.sap_product_no} {value.length > 1 && +{value.length - 1}}\r\n{c.name}
))} TransitionComponent={Zoom} placement=\"top\">\r\n {value[0]?.name} {value.length > 1 && +{value.length - 1}}\r\n{c.name}
)) : ''} TransitionComponent={Zoom} placement=\"top\">\r\n {value[0]?.name} {value.length > 1 && +{value.length - 1}}\r\n{c.name}
))} TransitionComponent={Zoom} placement=\"top\">\r\n {value[0]?.name} {value.length > 1 && +{value.length - 1}}\r\n{p.name}
))} TransitionComponent={Zoom} placement=\"top\">\r\n {value[0]?.alternative_name} {value.length > 1 && +{value.length - 1}}\r\n\r\n this.setState({ [`anchorMobileTable${row.id}`]: e.currentTarget })}>\r\n \r\n {\r\n this.state[`anchorMobileTable${row.id}`] && (\r\n this.setState({ [`anchorMobileTable${row.id}`]: null })}\r\n // placement=\"left\"\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n >\r\n this.setState({ blockageCodeId: row.id, infoDelete: true, [`anchorMobileTable${row.id}`]: null })}\r\n >\r\n
\r\n ),\r\n },\r\n ];\r\n\r\n return (\r\n \r\n {tra('Filter')} \r\n
\r\n \r\n this.setState({ searchFilter: event.target.value })}\r\n variant=\"outlined\"\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n {this.state.changingName} {tra('the_description_to_be_changed')}
\r\n\r\n {/* this.setState({ alternativeName: e.target.value })}\r\n autoFocus\r\n />\r\n
\r\n Onaylıyor musunuz?
*/}\r\n\r\n this.setState({ changeAlternativeName: false })}>\r\n {tra('Cancel')}\r\n \r\n {\r\n this.props.editProduct(this.state.productId, { alternative_name: this.state.alternativeName });\r\n this.setState({ changeAlternativeName: false });\r\n }}\r\n >\r\n {tra('Save')}\r\n \r\n
\r\n {tra('Last_Announcement_Drafts')}
*/}\r\n{tra('Previous_Announcements')}
\r\n\r\n
\r\n \r\n {\r\n anno?.CustomerAnnouncement?.map((customer, i) => (\r\n anno?.CustomerAnnouncement?.length > 1 ? (\r\n i === anno?.CustomerAnnouncement?.length - 1 ? (\r\n `${customer?.name?.replace('.', ' ')?.split?.(' ')?.[0]} ${customer?.name?.replace('.', ' ')?.split?.(' ')?.[1]}`\r\n ) : `${customer?.name?.replace('.', ' ')?.split?.(' ')?.[0]} ${customer?.name?.replace('.', ' ')?.split?.(' ')?.[1]}, `\r\n ) : `${customer?.name?.replace('.', ' ')?.split?.(' ')?.[0]} ${customer?.name?.replace('.', ' ')?.split?.(' ')?.[1]}`\r\n ))\r\n }\r\n
\r\n{anno?.header}
\r\n {/*{anno?.description}
*/}\r\n\r\n this.setState({ selectedCustomers: value })}\r\n />\r\n this.setState({ title: e.target.value })}\r\n />\r\n this.setState({ text: e.target.value })}\r\n />\r\n
\r\n \r\n this.setState({ mail: !mail })}\r\n name=\"mail\"\r\n color=\"primary\"\r\n />\r\n )}\r\n label={tra('Email')}\r\n />\r\n this.setState({ sms: !sms })}\r\n name=\"sms\"\r\n color=\"primary\"\r\n />\r\n )}\r\n label={tra('SMS')}\r\n />\r\n this.setState({ isDraft: !isDraft })}\r\n name=\"isDraft\"\r\n color=\"primary\"\r\n />\r\n )}\r\n label={annoDraft ? tra('Edit') : tra('Template')}\r\n />\r\n
\r\n \r\n {\r\n isDraft ? (\r\n
\r\n \r\n
\r\n {warn.type}
\r\n {warn.message}\r\n{warn.createdAt ? new Date(warn.createdAt).toLocaleDateString(this.props.appConfigs.localeLanguage) : '-'}
\r\n\r\n
\r\n )\r\n }\r\n \r\n {tra('No_Announcement')}
\r\n{value}
}\r\n />\r\n {value}
}\r\n />\r\n ) : '-'\r\n }\r\n {item.tonnage_update_confirm === null\r\n ? (item.tonnage_update\r\n ? \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nOrderDetailContent.propTypes = {\r\n orderDetail: PropTypes.object.isRequired,\r\n};\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Backdrop, Modal } from '@material-ui/core';\r\nimport { Close } from '@material-ui/icons';\r\nimport { createStructuredSelector } from 'reselect';\r\nimport { connect } from 'react-redux';\r\nimport { CustomButton, CustomFadeOrder, CustomIconButton } from '../../assets/styled';\r\nimport GenerateModal from './Info';\r\nimport { tra } from '../../commons/utils';\r\nimport { selectAppConfig } from '../../store/selectors';\r\nimport { OrderDetailContent } from '../OrderDetailContent';\r\n\r\nclass DetailOrder extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n questionModal: false,\r\n successModal: false,\r\n };\r\n }\r\n // 1-beklemede\r\n // 2-içeri girdi\r\n // 3-dolumda\r\n // 4-çıkış yaptı\r\n\r\n // 1 güncel sipariş\r\n // 2 onay bekleyen\r\n // 3 ileriye dönük\r\n\r\n render() {\r\n const { open, orderDetail } = this.props;\r\n // const status = 2; // sipariş durumu prop gelecek\r\n // const inceased = true; // tonaj artırımı daha önce talep edildi\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n {tra('Order_Number')}:
\r\n{orderDetail?.sap_order_no || '-'}
\r\n\r\n
\r\n {tra('Shipping_Date')}:
\r\n{orderDetail?.date ? new Date(orderDetail?.date).toLocaleDateString(appConfigs.localeLanguage, { day: 'numeric', month: 'long', year: 'numeric' }) : '-'}
\r\n\r\n
\r\n {tra('Order_Creator')}:
\r\n{orderDetail?.created_user_name || '-'}
\r\n\r\n
\r\n {tra('Delivery_Type')}:
\r\n{orderDetail?.delivery_point_name || '-'}
\r\n\r\n
\r\n {tra('Plate_Number')}:
\r\n{orderDetail?.plate || '-'}
\r\n\r\n
\r\n {tra('Shipment_Type')}:
\r\n{orderDetail?.shipment_type_name || '-'}
\r\n\r\n
\r\n {tra('Invoice_Note')}:
\r\n{orderDetail?.invoice_note || '-'}
\r\n\r\n
\r\n \r\n
\r\n {tra('PO_Number')}:
\r\n{orderDetail?.po_number || '-'}
\r\n\r\n
\r\n {tra('Building_Site')}:
\r\n{orderDetail?.Delivery?.name || '-'}
\r\n\r\n
\r\n {tra('Order_Date')}:
\r\n{orderDetail?.createdAt ? new Date(orderDetail?.createdAt).toLocaleDateString(appConfigs.localeLanguage, { day: 'numeric', month: 'long', year: 'numeric' }) : '-'}
\r\n\r\n
\r\n {tra('Note')}:
\r\n{orderDetail?.note || '-'}
\r\n\r\n
\r\n {tra('Driver')}:
\r\n{orderDetail?.driver || '-'}
\r\n\r\n
\r\n {tra('Wagon_No')}:
\r\n{orderDetail?.wagon_no || '-'}
\r\n\r\n
\r\n \r\n this.props.onClose()}> \r\n
\r\n {tra('Order_Detail')}
\r\n\r\n \r\n {\r\n selectedOrder?.OrderFiles?.length > 0 && (\r\n selectedOrder?.OrderFiles.map((file, i) => (\r\n \r\n \r\n dispatch(fileDownloadReq(file?.url, file?.file))}\r\n key={`${file?.name}${i + 99}`}\r\n style={{\r\n padding: '5px 10px',\r\n border: '1px solid gray',\r\n borderRadius: 10,\r\n display: 'flex',\r\n alignItems: 'center',\r\n color: 'black',\r\n width: 200,\r\n cursor: 'pointer',\r\n }}\r\n >\r\n \r\n {file?.file}\r\n \r\n \r\n \r\n \r\n ))\r\n )\r\n }\r\n {props.type === 'abroad' && (\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n {tra('Close')}\r\n \r\n {props.type === 'abroad' && (\r\n \r\n {tra('File_Upload')}\r\n \r\n )}\r\n \r\n \r\n
\r\n \r\n
\r\n {tra('Files')}
\r\n\r\n {\r\n filesUpload?.length > 0 && (\r\n filesUpload.map((file, i) => (\r\n
\r\n \r\n deleteFile(i)}\r\n >\r\n
\r\n ))\r\n )\r\n }\r\n \r\n
\r\n \r\n {/*
\r\n changeFiles(e.target.files)} />\r\n \r\n // this.setState({ [`anchorMobileTable${row.id}`]: e.currentTarget })}>\r\n // \r\n // {\r\n // this.state[`anchorMobileTable${row.id}`] && (\r\n // this.setState({ [`anchorMobileTable${row.id}`]: null })}\r\n // // placement=\"left\"\r\n // anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n // transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n // >\r\n // { this.setState({ openNewCustomer: true, [`anchorMobileTable${row.id}`]: null }); }}\r\n // >\r\n // { this.setState({ detailModalOpen: true, [`anchorMobileTable${row.id}`]: null }); }}\r\n // >\r\n // { this.setState({ detailModalOpen: true, [`anchorMobileTable${row.id}`]: null }); }}\r\n // >\r\n //
\r\n // ),\r\n // },\r\n ];\r\n const columnsOrder = [\r\n // {\r\n // name: 'ebeln',\r\n // text: tra('Type'),\r\n // filterable: true,\r\n // align: 'left',\r\n // sortable: true,\r\n // type: 'text',\r\n // customBody: (value) => (\r\n // \r\n // this.setState({ [`anchorMobileTable${row.id}`]: e.currentTarget })}>\r\n // \r\n // {\r\n // this.state[`anchorMobileTable${row.id}`] && (\r\n // this.setState({ [`anchorMobileTable${row.id}`]: null })}\r\n // // placement=\"left\"\r\n // anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n // transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n // >\r\n // { this.setState({ openNewCustomer: true, [`anchorMobileTable${row.id}`]: null }); }}\r\n // >\r\n // { this.setState({ detailModalOpen: true, [`anchorMobileTable${row.id}`]: null }); }}\r\n // >\r\n // { this.setState({ detailModalOpen: true, [`anchorMobileTable${row.id}`]: null }); }}\r\n // >\r\n //
\r\n // ),\r\n // },\r\n ];\r\n // const currentColumn = () => {\r\n // switch (innerTabValue) {\r\n // case 0:\r\n // return columns;\r\n // case 1:\r\n // return columnsOrder;\r\n // default:\r\n // return columns;\r\n // }\r\n // };\r\n return (\r\n \r\n this.setState(prevState => ({ filterDrawer: !prevState.filterDrawer }))}>{tra('Filter')} \r\n )\r\n }\r\n
\r\n {\r\n (innerTabValue === 1 || innerTabValue === 0) && (\r\n \r\n this.setState({ searchFilter: event.target.value })}\r\n variant=\"outlined\"\r\n />\r\n
\r\n {\r\n (innerTabValue === 0 || innerTabValue === 1) && (\r\n \r\n
\r\n )\r\n }\r\n {(innerTabValue === 0 || innerTabValue === 1) && (\r\n \r\n isValid(e) && this.setState({ startDate: e }, () => (innerTabValue === 0 ? this.getReports() : this.getReportsOrder()))}\r\n autoOk\r\n KeyboardButtonProps={{\r\n 'aria-label': 'change date',\r\n }}\r\n maxDate={endDate}\r\n />\r\n isValid(e) && this.setState({ endDate: e }, () => (innerTabValue === 0 ? this.getReports() : this.getReportsOrder()))}\r\n autoOk\r\n KeyboardButtonProps={{\r\n 'aria-label': 'change date',\r\n }}\r\n minDate={startDate}\r\n />\r\n
\r\n )}\r\n \r\n {/*
\r\n \r\n \r\n \r\n
*/}\r\n \r\n \r\n {order.status_id === 21 ? tra('Pending') : order.order_status_name}\r\n \r\n
\r\n {tra('Order_Status')}
\r\n\r\n
\r\n {tra('Order_Date')}
\r\n {new Date(order?.createdAt).toLocaleDateString(this.props.appConfigs.localeLanguage, { day: 'numeric', month: 'long', year: 'numeric' })}\r\n\r\n
\r\n {/* {tra('Shipping_Date')}
\r\n {new Date(order?.date).toLocaleDateString(this.props.appConfigs.localeLanguage, { day: 'numeric', month: 'long', year: 'numeric' })}\r\n\r\n
*/}\r\n Sipariş Özeti
\r\n {order.Amounts && order.Amounts.length} Teslimat, 1 Ürün\r\n\r\n \r\n {orderAmounts[order.id].amounts.map(a => (\r\n <>\r\n {a} \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 {/* {order?.total_amount} {order?.unit_of_measurement} */}\r\n
\r\n {tra('Total')}
\r\n {orderAmounts?.[order.id]?.isMultiUnit\r\n ? (\r\n \r\n{value}
}\r\n />\r\n \r\n \r\n )\r\n : -}\r\n
\r\n {tra('Amount_Weighed')}
\r\n {order?.actual_loading_value\r\n ? (\r\n \r\n{value}
}\r\n />\r\n \r\n
\r\n {tra('Delivery_Place')}
\r\n {order.delivery_point_name}\r\n\r\n \r\n {order?.Delivery?.name}\r\n \r\n
\r\n {tra('Building_Site')}
\r\n\r\n { this.setState({ openDetailModal: true }); this.props.getOrders(order.id); }}>{tra('Order_Detail')} \r\n {!!order?.OrderFiles.length && (\r\n {\r\n this.setState({ fileDetailModal: true, selectedOrder: order });\r\n }}\r\n darkGrey\r\n >\r\n {tra('Files')}\r\n \r\n )}\r\n {/* this.setState({ questionModal2: true, selectedId: order?.id })}>\r\n {tra('Cancel_Order')}\r\n */}\r\n
\r\n \r\n {\r\n (order?.message || order?.tonnage_update_message || order?.cancel_message || order?.pending_order_message || order?.call_center_approval_message) && (\r\n <>\r\n
\r\n \r\n {\r\n !!(order?.message && checkLimit) && (\r\n \r\n \r\n )\r\n }\r\n {\r\n order?.pending_order_message && (\r\n \r\n \r\n )\r\n }\r\n {\r\n order?.call_center_approval_message && (\r\n \r\n \r\n )\r\n }\r\n {\r\n order?.Amounts?.length === 1 && order?.Amounts?.[0]?.tonnage_update_message && (\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 order?.cancel_message && (\r\n \r\n {order.cancel_confirm ?
\r\n \r\n {order?.pending_order_confirm ?
\r\n \r\n {/* If not cancelled by call center */}\r\n {order?.status_id !== 4 ?
\r\n \r\n {order?.Amounts?.[0]?.tonnage_update_confirm ?
\r\n \r\n
\r\n ) : '')\r\n }\r\n {\r\n this.props.notSapOrder && this.props.notSapOrder.length === 0 && (\r\n {tra('There_were_no_results')}
\r\n\r\n
\r\n )\r\n }\r\n {tra('There_is_no_order')}
\r\n\r\n this.setState({ email: e.target.value })}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n ),\r\n }}\r\n />\r\n this.sendEmail()}>{tra('Send_Reset_Email')} \r\n \r\n ) : (\r\n <>\r\n {localStorage.setItem('token', this.props.match.params.token)}\r\n this.setState({ pass: e.target.value })}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n ),\r\n }}\r\n />\r\n this.setState({ passAgain: e.target.value })}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n ),\r\n }}\r\n />\r\n this.changePass()}>{tra('Save')} \r\n \r\n )\r\n }\r\n {/*
\r\n \r\n \r\n
\r\n <>\r\n \r\n lang?.name === getLangCode())?.name}\r\n onChange={(e) => {\r\n localStorage.setItem('language', this.state.languageData?.find((lang) => lang?.name === e.target.value)?.name);\r\n window.location.reload();\r\n }}\r\n fullWidth\r\n variant=\"outlined\"\r\n style={{ margin: '10px 0' }}\r\n InputLabelProps={{ shrink: true }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n ),\r\n }}\r\n >\r\n {\r\n languageData?.map((item) => (\r\n \r\n {item.text}\r\n {item.text && item.text}\r\n \r\n \r\n ))\r\n }\r\n \r\n
\r\n {tra('Password_Reset')}
\r\n {\r\n this.props.match.params.token.length < 10 ? (\r\n <>\r\n{tra('Please_enter_your_email_address_to_process')}
\r\n{tra('Please_enter_the_new_password_you_want_to_create')}
\r\n\r\n
\r\n ) : content === 1 && (\r\n <>\r\n {errorMessage && errorMessage?.length && (\r\n \r\n {\r\n content === 0 ? (\r\n this.handleGoBackFromHours()}\r\n startIcon={ this.close()}> \r\n
\r\n {\r\n content === 0 ? (\r\n {tra('Order_Creation')}
\r\n ) : (\r\n\r\n {errorMessage && errorMessage?.length && (\r\n \r\n {errorMessage}!\r\n \r\n )}\r\n {\r\n // !(localStorage.getItem('company') === '0064') && (\r\n !(this.props.appConfigs?.checkLimit === false) && (\r\n = 0 : creditLimit?.limit > 0) && 'blue'}`}\r\n style={{ display: (!creditLimit?.limit && creditLimit?.limit !== 0) && 'none' }}\r\n >\r\n {tra('Available_Credit')}:\r\n = 0) && !creditLimit?.limit && '18px' }}>\r\n {\r\n (this.state.newCredit || this.state.newCredit === 0) ? new Intl.NumberFormat('tr-TR', { style: 'currency', currency: company?.currency || 'TRY' }).format(this.state.newCredit) : (\r\n creditLimit?.limit ? new Intl.NumberFormat('tr-TR', { style: 'currency', currency: company?.currency || 'TRY' }).format(creditLimit?.limit)\r\n : tra('You_do_not_have_sufficient_credits')\r\n )\r\n }\r\n \r\n
\r\n )\r\n }\r\n \r\n \r\n this.setState({ po_number: e.target.value })}\r\n />\r\n \r\n \r\n \r\n \r\n type.id === (selectedProduct || this.state.productTypeInput?.id))[0]?.CreditControlAreas || []}\r\n fullWidth\r\n value={creditControl}\r\n error={isError && !this.state.creditControl}\r\n disabled\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n this.setState({ shipment_type: value })}\r\n error={isError && !this.state.shipment_type}\r\n />\r\n \r\n {\r\n this.state.shipment_type?.wagon_no_required && (\r\n \r\n this.setState({ wagon_no: e.target.value })}\r\n />\r\n \r\n )\r\n }\r\n {OrderLines.length > 1 && (\r\n <>\r\n \r\n this.inputChange('unit_of_measurement', value)}\r\n error={isError && !unit_of_measurement}\r\n disabled\r\n />\r\n \r\n \r\n {\r\n if ((deliveryMethod?.id === 2 || company?.factory_pickup_delivery_time) && isToday(e)) {\r\n this.setState(prev => ({\r\n hourSelected: null,\r\n oldItems: null,\r\n OrderLines: prev.OrderLines.map(o => ({\r\n ...o,\r\n Items: [\r\n {\r\n id: `${new Date().getTime()}${Math.random()}`,\r\n amount: null,\r\n hour: '',\r\n },\r\n ],\r\n })),\r\n }));\r\n }\r\n this.setState({ date: e });\r\n }}\r\n autoOk\r\n KeyboardButtonProps={{\r\n 'aria-label': 'change date',\r\n }}\r\n minDate={new Date()}\r\n shouldDisableDate={e => this.isBlockageData(e)}\r\n disabled={(OrderLines.length <= 1) ? !OrderLines[0]?.product : false}\r\n disablePast\r\n invalidDateMessage={tra('Please_enter_valid_date')}\r\n minDateMessage={tra('Please_enter_valid_date')}\r\n error={isError && (!date || !(date >= subDays(new Date(), 1)))}\r\n />\r\n \r\n \r\n this.inputChange('payment', value)}\r\n error={isError && !payment}\r\n />\r\n \r\n \r\n )}\r\n {OrderLines.map((o, idx) => (\r\n 1 && this.state.multiline}>\r\n \r\n {OrderLines.length > 1 && this.state.multiline && (\r\n <>\r\n \r\n {(company?.factory_pickup_delivery_time || this.state.deliveryMethod?.id === 2) && this.props.appConfigs?.domesticAbroadSelect !== 2 && (\r\n this.chooseHours(idx)}\r\n endIcon={(hourSelected?.[o.id]) ? this.handleDeleteOrderLine(o.id)}\r\n startIcon={ \r\n \r\n this.inputChange('po_number', e.target.value, o.id)}\r\n />\r\n \r\n \r\n )}\r\n \r\n this.inputChange('product', value, o.id)}\r\n fullWidth\r\n value={o.product || null}\r\n error={isError && !o.product}\r\n />\r\n \r\n {OrderLines.length === 1 && (\r\n \r\n this.inputChange('payment', value)}\r\n error={isError && !payment}\r\n />\r\n \r\n )}\r\n {deliveryMethod?.id === 1 && (\r\n \r\n this.inputChange('production_site', value, o.id)}\r\n error={isError && !o.production_site}\r\n disabled={!o.product}\r\n />\r\n \r\n )}\r\n {OrderLines.length > 1 && (\r\n \r\n this.inputChange('amount', e.value, o.id)}\r\n error={isError && !(parseInt(o.amount, 10) > 0)}\r\n />\r\n \r\n )}\r\n \r\n {OrderLines.length === 1 && (\r\n \r\n \r\n \r\n this.inputChange('amount', e.value, o.id)}\r\n error={isError && !(parseInt(o.amount, 10) > 0)}\r\n />\r\n \r\n \r\n \r\n \r\n this.inputChange('unit_of_measurement', value, o.id)}\r\n error={isError && !unit_of_measurement}\r\n disabled\r\n />\r\n \r\n \r\n \r\n )\r\n }\r\n \r\n ))}\r\n {OrderLines.length === 1 && (\r\n \r\n {\r\n if ((deliveryMethod?.id === 2 || company?.factory_pickup_delivery_time) && isToday(e)) {\r\n this.setState(prev => ({\r\n hourSelected: null,\r\n oldItems: null,\r\n OrderLines: prev.OrderLines.map(o => ({\r\n ...o,\r\n Items: [\r\n {\r\n id: `${new Date().getTime()}${Math.random()}`,\r\n amount: null,\r\n hour: '',\r\n },\r\n ],\r\n })),\r\n }));\r\n }\r\n this.setState({ date: e });\r\n }}\r\n autoOk\r\n KeyboardButtonProps={{\r\n 'aria-label': 'change date',\r\n }}\r\n minDate={new Date()}\r\n shouldDisableDate={e => this.isBlockageData(e)}\r\n disabled={(OrderLines.length <= 1) ? !OrderLines[0]?.product : false}\r\n disablePast\r\n invalidDateMessage={tra('Please_enter_valid_date')}\r\n minDateMessage={tra('Please_enter_valid_date')}\r\n // error={isError && (!OrderLines[0].date || !(OrderLines[0].date >= subDays(new Date(), 1)))}\r\n error={isError && (!date || !(date >= subDays(new Date(), 1)))}\r\n />\r\n \r\n )\r\n }\r\n {company?.multiline_order && (\r\n \r\n this.inputChange('shippingPoint', value)}\r\n error={isError && !shippingPoint}\r\n disabled\r\n />\r\n \r\n \r\n this.inputChange('country', val)}\r\n value={country || ''}\r\n disabled\r\n />\r\n \r\n \r\n opt?.sap_incoterm_no}\r\n label={`${tra('Incoterm')}-1`}\r\n variant=\"standard\"\r\n data={incoterms || []}\r\n fullWidth\r\n value={incotermOne || null}\r\n // onChange={(e, value) => this.inputChange('incotermOne', value)}\r\n error={isError && !incotermOne}\r\n disabled\r\n />\r\n \r\n \r\n this.setState({ incoterm: e.target.value })}\r\n error={isError && !incoterm}\r\n disabled\r\n />\r\n \r\n \r\n this.inputChange('packageType', value)}\r\n error={isError && !packageType}\r\n disabled\r\n />\r\n \r\n \r\n )}\r\n {/* Factory Pickup */}\r\n {deliveryMethod?.id === 1 && (\r\n \r\n \r\n \r\n this.setState({ plate: e.target.value })}\r\n />\r\n \r\n \r\n \r\n \r\n this.setState({ driver: e.target.value })}\r\n />\r\n \r\n \r\n \r\n )}\r\n \r\n this.setState({ note: e.target.value })}\r\n row={3}\r\n />\r\n \r\n \r\n this.setState({ invoiceNote: e.target.value })}\r\n row={3}\r\n />\r\n \r\n
\r\n \r\n \r\n this.handleAddOrderLine()}\r\n startIcon={ \r\n
\r\n )}\r\n {this.props.appConfigs.domesticAbroadSelect === 2 && (\r\n <>\r\n \r\n
\r\n \r\n )\r\n }\r\n {\r\n content === 0 ? (\r\n {tra('Select_the_requested_quantity_and_shipping_date_and_time')}
{' '}\r\n{tra('Total')}: {selectedOrderLine?.amount} {unit_of_measurement?.name}
\r\n {\r\n selectedOrderLine?.Items?.map((orderLineItem, idx, orderLineItems) => (\r\n\r\n {\r\n orderLineItems.length > 1 && (\r\n this.handleDeleteOrderLineItem(idx)}\r\n startIcon={
\r\n ))\r\n }\r\n \r\n this.setState(prev => ({\r\n OrderLines: prev.OrderLines.map((o) => {\r\n if (o.id === selectedOrderLine.id) {\r\n return {\r\n ...o,\r\n Items: selectedOrderLine.Items.map((i) => {\r\n if (i.id === orderLineItem.id) {\r\n return {\r\n ...orderLineItem,\r\n amount: e.value,\r\n };\r\n }\r\n return i;\r\n }),\r\n };\r\n }\r\n return o;\r\n }),\r\n }))}\r\n error={isErrorSub && (!(orderLineItem?.amount > 0) || !(this.calc()))}\r\n />\r\n
\r\n \r\n this.handleAddOrderLineItem()}\r\n startIcon={
\r\n \r\n this.close()}>{tra('Cancel')} \r\n {\r\n (!company?.multiline_order || OrderLines.length === 1) && (company?.factory_pickup_delivery_time || this.state.deliveryMethod?.id === 2) && this.props.appConfigs?.domesticAbroadSelect !== 2 && (\r\n this.chooseHours(0)}\r\n endIcon={(hourSelected?.[OrderLines[0]?.id]) ? this.checkInputs()}>{tra('Complete_Order')} \r\n
\r\n ) : content === 1 && (\r\n \r\n this.saveHours()}>{tra('Save')} \r\n
\r\n )\r\n }\r\n \r\n {tra('Files')}
\r\n{p.Product?.ProductTranslations?.[0]?.alternative_name}
))} TransitionComponent={Zoom} placement=\"top\">\r\n {row.Amounts[0]?.Product?.ProductTranslations?.[0]?.alternative_name} {row.Amounts.length > 1 && +{row.Amounts.length - 1}}\r\n{value1}
}\r\n />\r\n );\r\n },\r\n },\r\n {\r\n name: 'ProductionSites',\r\n text: tra('Production_Site'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n customBody: (v, i, n, row) => (\r\n row.Amounts?.length\r\n ? (\r\n {p.ProductionSite?.ProductionSiteTranslations?.[0].name}
))} TransitionComponent={Zoom} placement=\"top\">\r\n {row.Amounts[0]?.ProductionSite?.ProductionSiteTranslations?.[0].name || '-'} {(row.Amounts.length > 1 && row.Amounts[0]?.ProductionSite?.ProductionSiteTranslations?.[0].name) && +{row.Amounts.length - 1}}\r\n\r\n
\r\n {dashboardData ? dashboardData?.order_count : '-'} {dashboardData?.order_count === 1 ? tra('Order') : tra('Order_Plural')}
\r\n{tra('Todays_Orders')}
\r\n\r\n
\r\n \r\n
\r\n {tra('Repeat')}
\r\n{tra('Repeat_Last_Order')}
\r\n\r\n
\r\n \r\n \r\n 1000000 ? new Intl.NumberFormat('tr-TR', { style: 'currency', currency: companyInfo?.currency || 'TRY' }).format(dashboardByCredit?.dashboard?.overdueDebt) : ''}>\r\n \r\n
\r\n {dashboardByCredit?.dashboard?.overdueDebt ? new Intl.NumberFormat('tr-TR', { style: 'currency', currency: companyInfo?.currency || 'TRY' }).format(dashboardByCredit?.dashboard?.overdueDebt) : '-'}
\r\n{tra('Total_Debt')}
\r\n\r\n
\r\n \r\n
\r\n \r\n {\r\n (dashboardByCredit?.dashboard?.todayDebt && dashboardByCredit?.dashboard?.todayDebt > 0) ? (\r\n new Intl.NumberFormat('tr-TR', { style: 'currency', currency: companyInfo?.currency || 'TRY' }).format(dashboardByCredit?.dashboard?.todayDebt)\r\n ) : '-'\r\n }\r\n
\r\n{tra('Today_Debt')}
\r\n\r\n
\r\n {tra('Announcements')}{tra('See_All')} ({this.props.warnings?.length})
\r\n \r\n
\r\n {warn.type}
\r\n {warn.message}\r\n{warn.createdAt ? new Date(warn.createdAt).toLocaleDateString(this.props.appConfigs.localeLanguage) : '-'}
\r\n\r\n
\r\n )\r\n }\r\n {tra('No_Announcement')}
\r\n\r\n {\r\n (limitStatu || limitStatu === 0) ? (\r\n limitStatu === 1 ? tra('Low_Limit') : limitStatu === 0 ? tra('Insufficient_Limit') : 'Limit'\r\n ) :
\r\n \r\n {\r\n Object.keys(creditLimit).length ? (\r\n creditLimit?.limit ? new Intl.NumberFormat('tr-TR', { style: 'currency', currency: companyInfo?.currency || 'TRY' }).format(creditLimit?.limit) : '-'\r\n ) : (\r\n tabValue === 0 ? (\r\n !isNaN(dashboardData?.credit_controls?.[0]?.limit) ? (\r\n new Intl.NumberFormat('tr-TR', { style: 'currency', currency: companyInfo?.currency || 'TRY' }).format(dashboardData?.credit_controls?.[0]?.limit)\r\n ) : '-'\r\n ) : (\r\n
{tra('Current_Account_Information')}
\r\n{tra('Code')}F-002
\r\n{tra('Account_Name')}:Furkan İnşaat
\r\n{tra('Group')}:{tra('Customer')}
\r\n{tra('District')}:Büyükçekmece
\r\n{tra('Province')}:İstanbul
\r\n{tra('Recent_Transactions')}
\r\n{tra('Announcements')}{tra('See_All')} ({this.props.warnings?.length})
\r\n \r\n
\r\n {warn.type}
\r\n {warn.message}\r\n{warn.createdAt ? new Date(warn.createdAt).toLocaleDateString(this.props.appConfigs.localeLanguage) : '-'}
\r\n\r\n
\r\n )\r\n }\r\n {tra('No_Announcement')}
\r\n{tra('Expense_Statistics')}
*/}\r\n\r\n
\r\n {/* \r\n this.setState({ filterDrawer: !filterDrawer })}>{tra('Filter')} \r\n
\r\n \r\n this.setState({ searchFilter: event.target.value })}\r\n variant=\"outlined\"\r\n />\r\n
\r\n \r\n {\r\n innerTabValue === 0 && (\r\n this.props.getExcel('openInvoice')} startIcon={ \r\n )\r\n }\r\n {\r\n innerTabValue === 1 && (\r\n {\r\n this.props.getExcel(\r\n 'allInvoice',\r\n format(setHours(this.state.startDate, 12), 'yyyy-MM-dd'),\r\n format(setHours(this.state.endDate, 12), 'yyyy-MM-dd'),\r\n );\r\n }}\r\n startIcon={
\r\n {\r\n innerTabValue === 1 && (\r\n \r\n isValid(e) && this.setState({ startDate: e }, () => this.getInvoices(1))}\r\n autoOk\r\n KeyboardButtonProps={{\r\n 'aria-label': 'change date',\r\n }}\r\n maxDate={this.state.endDate}\r\n />\r\n isValid(e) && this.setState({ endDate: e }, () => this.getInvoices(1))}\r\n autoOk\r\n KeyboardButtonProps={{\r\n 'aria-label': 'change date',\r\n }}\r\n minDate={this.state.startDate}\r\n />\r\n
\r\n )\r\n }\r\n {tra('Expense_Statistics')}
*/}\r\n\r\n
\r\n {/* \r\n this.setState({ filterDrawer: !filterDrawer })}>{tra('Filter')} \r\n
\r\n \r\n this.setState({ searchFilter: event.target.value })}\r\n variant=\"outlined\"\r\n />\r\n
\r\n \r\n {\r\n this.props.getExcel(\r\n 'payment',\r\n format?.(setHours?.(isValid(startDate) ? startDate : new Date(), 12), 'yyyy-MM-dd'),\r\n format?.(setHours?.(isValid(endDate) ? endDate : new Date(), 12), 'yyyy-MM-dd'),\r\n this.state.tabString,\r\n );\r\n }}\r\n startIcon={
\r\n \r\n isValid(e) && this.setState({ startDate: e }, () => this.getData())}\r\n autoOk\r\n KeyboardButtonProps={{\r\n 'aria-label': 'change date',\r\n }}\r\n // style={{ paddingTop: 10 }}\r\n maxDate={endDate}\r\n />\r\n isValid(e) && this.setState({ endDate: e }, () => this.getData())}\r\n autoOk\r\n KeyboardButtonProps={{\r\n 'aria-label': 'change date',\r\n }}\r\n // style={{ paddingTop: 10 }}\r\n minDate={startDate}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n CLAUSULA ALTA USUARIOS POR PARTE DEL CLIENTE- PORTAL B2B
\r\n\r\n \r\n \r\n PROTECCIÓN DE DATOS: Responsable del Tratamiento: Cimsa Cementos España, S.A.U. (N.I.F.: A60885316) Finalidad del Tratamiento: Los datos personales proporcionados serán utilizados con la finalidad de gestionar el alta de usuarios en el portal del cliente de CIMSA Esto incluye, pero no se limita a, la creación de cuentas, el acceso a servicios y la personalización de la experiencia del usuario en la plataforma. Ejercicio de derechos: Podrá acceder, corregir, eliminar y portar sus datos personales, así como oponerse y solicitar la limitación de los mismos. Puede ejercitar sus derechos, así como obtener más información en canal.denuncias@cimsacementos.es, Recuerde que en todo momento podrá presentar una reclamación ante la autoridad de control. \r\n \r\n \r\n INFORMACIÓN ADICIONAL DE PROTECCIÓN DE DATOS\r\n \r\n \r\n ¿Quién es el Responsable del tratamiento de sus datos?\r\n \r\n \r\n Identidad: Cimsa Cementos España, S.A.U.. \r\n \r\n \r\n CIF: A60885316\r\n \r\n \r\n Dirección postal: Carretera Nacional III Madrid, 46360, Buñol, Valencia \r\n \r\n \r\n Teléfono: 965 10 77 07 \r\n \r\n \r\n ¿Cómo hemos obtenido sus datos y qué datos tratamos?\r\n \r\n \r\n Los datos personales objeto de tratamiento proceden directamente de Usted o de la empresa que ha suscrito el contrato de prestación del servicio o suministro de los productos adquiridos.\r\n \r\n \r\n Las categorías de datos que se tratan son: Datos fiscales, de identificación, datos económicos, datos de contacto, datos de transacciones de bienes y servicios realizadas.\r\n \r\n \r\n En ningún caso se tratan datos especialmente protegidos para la finalidad descrita.\r\n \r\n \r\n ¿Con qué finalidad tratamos sus datos personales?\r\n \r\n \r\n Tratamos la información que nos facilita para gestionar el alta de usuarios en el portal del cliente. Esto incluye, pero no se limita a, la creación de cuentas, el acceso a servicios y la personalización de la experiencia del usuario en la plataforma.\r\n \r\n \r\n ¿Cuál es la legitimación para el tratamiento de sus datos?\r\n \r\n \r\n La base legal para el tratamiento de sus datos es:\r\n \r\n 1)La ejecución de contrato de prestación de servicios o suministros de los productos adquiridos. \r\n 2)El mantenimiento de los contactos dentro de la entidad podrá ser tratado en base al interés legítimo. \r\n \r\n ¿A qué destinatarios se comunicarán sus datos?\r\n \r\n \r\n Sus datos serán cedidos a administraciones públicas, organismos u organizaciones directamente relacionadas con la organización, en aquellos casos que exista una obligación legal.\r\n \r\n \r\n También podrán ser cedidos a otras entidades para el cumplimiento de obligaciones legales y/o para el correcto desarrollo de la prestación del servicio.\r\n \r\n \r\n Por último, sus datos podrán ser cedidos a entidades bancarias para el cobro de los servicios prestados o el suministro de los productos adquiridos.\r\n \r\n \r\n ¿Por cuánto tiempo conservaremos sus datos?\r\n \r\n \r\n Sus datos personales serán mantenidos durante el tiempo que dure la relación contractual y posteriormente hasta el momento en que prescriban las obligaciones y responsabilidades interpuestas por la legislación mercantil, tributaria y cualquier otra que le sea de aplicación.\r\n \r\n \r\n ¿Cuáles son sus derechos cuando nos facilita sus datos?\r\n \r\n \r\n El interesado tiene los siguientes derechos, respecto de los datos personales registrados en la entidad:\r\n \r\n \r\n Recuerde que en todo momento podrá presentar una reclamación ante la autoridad de control.\r\n \r\n \r\n
\r\n - \r\n
Derecho de acceso: El interesado tendrá derecho a obtener confirmación de si se están tratando o no datos personales que le conciernen y, en tal caso, derecho de acceso a los datos personales. \r\n Derecho de rectificación: El interesado tendrá derecho a obtener sin dilación indebida del responsable del tratamiento la rectificación de los datos personales inexactos que le conciernan. \r\n Derecho de supresión: El interesado tendrá derecho a obtener la supresión de los datos personales que le conciernan. \r\n Derecho a la limitación de los datos: El interesado tendrá derecho a obtener la limitación del tratamiento de los datos. \r\n Derecho a la portabilidad de los datos: El interesado tendrá derecho a recibir los datos personales que le incumban, que haya facilitado a un responsable del tratamiento, en un formato estructurado, de uso común y lectura mecánica, y a transmitirlos a otro responsable del tratamiento sin que lo impida el responsable al que se los hubiera facilitado. \r\n Derecho a oposición: El interesado tendrá derecho a oponerse en cualquier momento, por motivos relacionados con su situación particular, a que datos personales que le conciernan sean objeto de un tratamiento basado en el interés legítimo. Dejaremos de tratar los datos, salvo por motivos legítimos imperiosos, o el ejercicio o la defensa de posibles reclamaciones. \r\n
\r\n props.onClose()}>{tra('Done')} \r\n
\r\n \r\n
\r\n \r\n this.close()}> \r\n
\r\n {this.props.subEdit ? tra('Edit_Subser') : tra('Create_Subuser')}
\r\n\r\n {errorMessage && errorMessage?.length && (\r\n \r\n {errorMessage}!\r\n \r\n )}\r\n
\r\n \r\n { this.setState({ adminName: e.target.value }); if (!this.state.isChangedState.includes('adminName')) { this.isChanged('adminName'); } }}\r\n error={isError && !this.state.adminName}\r\n disabled={this.props.subuserDetail?.is_removed}\r\n />\r\n { this.setState({ adminSurname: e.target.value }); if (!this.state.isChangedState.includes('adminSurname')) { this.isChanged('adminSurname'); } }}\r\n error={isError && !this.state.adminSurname}\r\n disabled={this.props.subuserDetail?.is_removed}\r\n />\r\n \r\n \r\n { this.setState({ phone_code: e.target.value, phone: '' }); if (!this.state.isChangedState.includes('phone_code')) { this.isChanged('phone_code'); } }}\r\n />\r\n \r\n { this.setState({ phone: e.floatValue }); if (!this.state.isChangedState.includes('phone')) { this.isChanged('phone'); } }}\r\n error={isError && (!this.state.phone || !(this.state.phone?.toString()?.length))}\r\n disabled={this.props.subuserDetail?.is_removed}\r\n />\r\n \r\n { this.setState({ mail: e.target.value }); if (!this.state.isChangedState.includes('mail') && subEdit) { this.isChanged('mail'); } }}\r\n error={isError && (!this.state.mail || invalidMail.some(a => this.state.mail.includes(a)) || !(/\\S+@\\S+\\.\\S+/.test(this.state.mail)))}\r\n disabled={this.props.subuserDetail?.is_removed}\r\n />\r\n { this.setState({ subuserType: value, businessArea: null }); if (!this.state.isChangedState.includes('subuserType') && subEdit) { this.isChanged('subuserType'); } }}\r\n // permission 38 === Main Customer User\r\n disabled={(this.props.subEdit && this.props.subuserDetail && this.props.subuserDetail?.Roles?.some(r => r.Permissions.some(p => p.id === 38))) || this.props.subuserDetail?.is_removed}\r\n error={isError && !this.state.subuserType}\r\n />\r\n {\r\n (this.state.subuserType && this.props.userRoleByType && !(this.props.userRoleByType?.find(a => a.id === this.state.subuserType?.id)?.Permissions?.some(a => a.id === 25))) && (\r\n { this.setState({ businessArea: value }); if (!this.state.isChangedState.includes('businessArea') && subEdit) { this.isChanged('businessArea'); } }}\r\n disabled={(this.props.subuserDetail && this.props.subuserDetail.id === 5) || this.props.subuserDetail?.is_removed} // fix\r\n error={isError && !(this.state.businessArea?.length > 0)}\r\n />\r\n )\r\n }\r\n
\r\n \r\n \r\n {\r\n this.props.subEdit && this.props.subuserDetail && this.props.subuserDetail.user_type_id !== 5 && (\r\n this.setState({ subBeingDeleted: true }, () => this.deleteUser())}>\r\n {!subuserDetail.is_removed ? tra('Deactivate_User') : tra('Activate_User')}\r\n \r\n )\r\n }\r\n this.saveFunc()}>\r\n {this.props.subEdit ? tra('Save_Edit') : tra('Add_User')}\r\n \r\n
\r\n {\r\n this.state.company === '0064' && \r\n PROTECCIÓN DE DATOS: Responsable del Tratamiento: Cimsa Cementos España, S.A.U. (N.I.F.: A60885316) Finalidad del Tratamiento: Los datos personales proporcionados serán utilizados con la finalidad de gestionar el alta de usuarios en el portal del cliente de CIMSA Esto incluye, pero no se limita a, la creación de cuentas, el acceso a servicios y la personalización de la experiencia del usuario en la plataforma. Ejercicio de derechos: Podrá acceder, corregir, eliminar y portar sus datos personales, así como oponerse y solicitar la limitación de los mismos. Puede ejercitar sus derechos, así como obtener más información en canal.denuncias@cimsacementos.es, Recuerde que en todo momento podrá presentar una reclamación ante la autoridad de control\r\n
\r\n }\r\n \r\n {value?.[0]?.name}\r\n
\r\n ),\r\n },\r\n {\r\n name: 'name',\r\n text: tra('User_Name'),\r\n filterable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'surname',\r\n text: tra('User_Surname'),\r\n filterable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'email',\r\n text: tra('Email'),\r\n filterable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'phone',\r\n text: tra('Telephone'),\r\n filterable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'BuildingSites',\r\n text: tra('Building_Site'),\r\n filterable: false,\r\n align: 'left',\r\n sortable: false,\r\n type: 'text',\r\n customBody: (value, columnName, index, row) => (\r\n value?.length > 0 ? (\r\n {item?.name}
\r\n )) : ''}\r\n >\r\n\r\n
\r\n ) : content === 1 && (\r\n <>\r\n {errorMessage && errorMessage?.length && (\r\n \r\n {\r\n content === 0 ? (\r\n this.handleGoBackFromHours()}\r\n startIcon={ this.close()}> \r\n
\r\n {\r\n content === 0 ? (\r\n {tra('Order_Creation')}
\r\n ) : (\r\n\r\n {errorMessage && errorMessage?.length && (\r\n \r\n \r\n )}\r\n {\r\n // !(localStorage.getItem('company') === '0064') && (\r\n !(this.props.appConfigs?.checkLimit === false) && (\r\n = 0 : creditLimit?.limit > 0) && 'blue'}`}\r\n style={{ display: (!creditLimit?.limit && creditLimit?.limit !== 0) && 'none' }}\r\n >\r\n {tra('Available_Credit')}:\r\n = 0) && !creditLimit?.limit && '18px' }}>\r\n {\r\n (this.state.newCredit || this.state.newCredit === 0) ? new Intl.NumberFormat('tr-TR', { style: 'currency', currency: company?.currency || 'TRY' }).format(this.state.newCredit) : (\r\n creditLimit?.limit ? new Intl.NumberFormat('tr-TR', { style: 'currency', currency: 'TRY' }).format(creditLimit?.limit)\r\n : tra('You_do_not_have_sufficient_credits')\r\n )\r\n }\r\n \r\n
\r\n )\r\n }\r\n {errorMessage}
\r\n\r\n \r\n this.setState({ po_number: e.target.value })}\r\n />\r\n \r\n \r\n {\r\n this.setState({ info_message: false, errorInfoMessage: null });\r\n setInfoMessage(null);\r\n this.inputChange('productTypeInput', value);\r\n }}\r\n error={isError && !this.state.productTypeInput}\r\n />\r\n \r\n \r\n type.id === (selectedProduct || this.state.productTypeInput?.id))[0]?.CreditControlAreas || []}\r\n fullWidth\r\n value={creditControl}\r\n onChange={(e, value) => {\r\n this.setState({ info_message: false, errorInfoMessage: null });\r\n setInfoMessage(null);\r\n this.inputChange('creditControl', value);\r\n }}\r\n error={isError && !this.state.creditControl}\r\n disabled={!productTypeInput}\r\n />\r\n \r\n \r\n {\r\n this.setState({ info_message: false, errorInfoMessage: null });\r\n setInfoMessage(null);\r\n this.inputChange('mta', value);\r\n }}\r\n error={isError && !this.state.mta}\r\n disabled={!creditControl}\r\n />\r\n \r\n {this.props.appConfigs?.domesticAbroadSelect === 2 ? (\r\n \r\n itm.id === 2).id}\r\n disabled\r\n />\r\n \r\n ) : (\r\n \r\n this.inputChange('deliveryMethod', value)}\r\n error={isError && !this.state.deliveryMethod}\r\n disabled={!mta}\r\n />\r\n \r\n )}\r\n \r\n this.setState({ shipment_type: value })}\r\n error={isError && !this.state.shipment_type}\r\n />\r\n \r\n {\r\n this.state.shipment_type?.wagon_no_required && (\r\n \r\n this.setState({ wagon_no: e.target.value })}\r\n />\r\n \r\n )\r\n }\r\n {OrderLines.length > 1 && (\r\n <>\r\n \r\n !u.is_palette || OrderLines.some((o) => o?.product?.palette)) : []}\r\n value={unit_of_measurement}\r\n onChange={(e, value) => this.inputChange('unit_of_measurement', value)}\r\n error={isError && !unit_of_measurement}\r\n disabled={!payment || !OrderLines?.[0]?.product || !deliveryMethod || !mta || !creditControl || (OrderLines?.[0]?.product?.palette && palletUnit)}\r\n />\r\n \r\n \r\n this.handleDateChange(e, o.id)}\r\n onChange={(e) => {\r\n // aynı gün ise\r\n if (deliveryMethod?.id === 2) {\r\n if (e.toDateString() === new Date().toDateString()) {\r\n const localTime = new Date();\r\n const infoMessageTime = new Date();\r\n infoMessageTime.setHours(new Date(infoMessage?.info_message_hour).getHours());\r\n infoMessageTime.setMinutes(new Date(infoMessage?.info_message_hour).getMinutes());\r\n infoMessageTime.setSeconds(new Date(infoMessage?.info_message_hour).getSeconds());\r\n // şuanın saati gelen saatten büyük ise\r\n if (localTime.getTime() > infoMessageTime.getTime()) {\r\n this.setState({ errorInfoMessage: infoMessage?.info_message, info_message: true });\r\n this.focusDiv();\r\n } else {\r\n this.setState({ errorInfoMessage: null });\r\n }\r\n } else {\r\n this.setState({ errorInfoMessage: null });\r\n }\r\n }\r\n if ((deliveryMethod?.id === 2 || company?.factory_pickup_delivery_time) && isToday(e)) {\r\n this.setState((prev) => ({\r\n hourSelected: null,\r\n oldItems: null,\r\n OrderLines: prev.OrderLines.map((o) => ({\r\n ...o,\r\n Items: [\r\n {\r\n id: `${new Date().getTime()}${Math.random()}`,\r\n amount: null,\r\n hour: '',\r\n },\r\n ],\r\n })),\r\n }));\r\n }\r\n this.setState({ date: e });\r\n }}\r\n autoOk\r\n KeyboardButtonProps={{\r\n 'aria-label': 'change date',\r\n }}\r\n minDate={new Date()}\r\n shouldDisableDate={(e) => this.isBlockageData(e)}\r\n disabled={!OrderLines[0]?.product || ((isProductionSiteVisible && deliveryMethod.id === deliveryMethods.FACTORY) ? !OrderLines[0]?.production_site : false)}\r\n disablePast\r\n invalidDateMessage={tra('Please_enter_valid_date')}\r\n minDateMessage={tra('Please_enter_valid_date')}\r\n error={isError && (!date || !(date >= subDays(new Date(), 1)))}\r\n />\r\n \r\n \r\n this.inputChange('payment', value)}\r\n error={isError && !payment}\r\n />\r\n \r\n \r\n )}\r\n {OrderLines.map((o, idx) => (\r\n 1}>\r\n \r\n {OrderLines.length > 1 && (\r\n <>\r\n \r\n {(company?.factory_pickup_delivery_time || this.state.deliveryMethod?.id === 2) && this.props.appConfigs?.domesticAbroadSelect !== 2 && (\r\n this.chooseHours(idx)}\r\n endIcon={(hourSelected?.[o.id]) ? this.handleDeleteOrderLine(o.id)}\r\n startIcon={ \r\n \r\n this.inputChange('po_number', e.target.value, o.id)}\r\n />\r\n \r\n \r\n )}\r\n \r\n this.inputChange('product', value, o.id)}\r\n error={isError && !o.product}\r\n disabled={!deliveryMethod || !(orderProduct?.length > 0)}\r\n />\r\n \r\n {OrderLines.length === 1 && (\r\n \r\n this.inputChange('payment', value)}\r\n error={isError && !payment}\r\n />\r\n \r\n )}\r\n {deliveryMethod?.id === 1 && (\r\n \r\n this.inputChange('production_site', value, o.id)}\r\n error={isError && !o.production_site}\r\n disabled={!o.product}\r\n />\r\n \r\n )}\r\n {OrderLines.length > 1 && (\r\n \r\n this.inputChange('amount', e.value, o.id)}\r\n error={isError && !(parseInt(o.amount, 10) > 0)}\r\n />\r\n \r\n )}\r\n \r\n {OrderLines.length === 1 && (\r\n \r\n \r\n \r\n this.inputChange('amount', e.value, o.id)}\r\n error={isError && !(parseInt(o.amount, 10) > 0)}\r\n />\r\n \r\n \r\n \r\n \r\n !u.is_palette || OrderLines.some((or) => or?.product?.palette)) : []}\r\n value={unit_of_measurement}\r\n onChange={(e, value) => this.inputChange('unit_of_measurement', value, o.id)}\r\n error={isError && !unit_of_measurement}\r\n disabled={!payment || !o.product || !deliveryMethod || !mta || !creditControl || (o.product?.palette && palletUnit)}\r\n />\r\n \r\n \r\n \r\n )}\r\n \r\n ))}\r\n {OrderLines.length === 1 && (\r\n \r\n this.handleDateChange(e, OrderLines[0].id)}\r\n value={date || null}\r\n onChange={(e) => {\r\n // aynı gün ise\r\n if (deliveryMethod?.id === 2) {\r\n if (e.toDateString() === new Date().toDateString()) {\r\n const localTime = new Date();\r\n const infoMessageTime = new Date();\r\n infoMessageTime.setHours(new Date(infoMessage?.info_message_hour).getHours());\r\n infoMessageTime.setMinutes(new Date(infoMessage?.info_message_hour).getMinutes());\r\n infoMessageTime.setSeconds(new Date(infoMessage?.info_message_hour).getSeconds());\r\n // şuanın saati gelen saatten büyük ise\r\n if (localTime.getTime() > infoMessageTime.getTime()) {\r\n this.setState({ errorInfoMessage: infoMessage?.info_message, info_message: true });\r\n this.focusDiv();\r\n } else {\r\n this.setState({ errorInfoMessage: null });\r\n }\r\n } else {\r\n this.setState({ errorInfoMessage: null });\r\n }\r\n }\r\n if ((deliveryMethod?.id === 2 || company?.factory_pickup_delivery_time) && isToday(e)) {\r\n this.setState((prev) => ({\r\n hourSelected: null,\r\n oldItems: null,\r\n OrderLines: prev.OrderLines.map((o) => ({\r\n ...o,\r\n Items: [\r\n {\r\n id: `${new Date().getTime()}${Math.random()}`,\r\n amount: null,\r\n hour: '',\r\n },\r\n ],\r\n })),\r\n }));\r\n }\r\n this.setState({ date: e });\r\n }}\r\n autoOk\r\n KeyboardButtonProps={{\r\n 'aria-label': 'change date',\r\n }}\r\n minDate={new Date()}\r\n shouldDisableDate={(e) => this.isBlockageData(e)}\r\n disabled={!OrderLines[0]?.product || ((isProductionSiteVisible && deliveryMethod.id === deliveryMethods.FACTORY) ? !OrderLines[0]?.production_site : false)}\r\n disablePast\r\n invalidDateMessage={tra('Please_enter_valid_date')}\r\n minDateMessage={tra('Please_enter_valid_date')}\r\n // error={isError && (!OrderLines[0].date || !(OrderLines[0].date >= subDays(new Date(), 1)))}\r\n error={isError && (!date || !(date >= subDays(new Date(), 1)))}\r\n />\r\n \r\n )\r\n }\r\n {company?.multiline_order && (\r\n \r\n this.inputChange('shippingPoint', value)}\r\n error={isError && !shippingPoint}\r\n disabled={(OrderLines.length <= 1) ? !OrderLines[0]?.product : false}\r\n />\r\n \r\n \r\n this.inputChange('country', val)}\r\n value={country || ''}\r\n disabled={(OrderLines.length <= 1) ? !OrderLines[0]?.product : false}\r\n />\r\n \r\n \r\n opt?.sap_incoterm_no}\r\n data={incoterms || []}\r\n fullWidth\r\n value={incotermOne}\r\n onChange={(e, value) => this.inputChange('incotermOne', value)}\r\n error={isError && !incotermOne}\r\n disabled={(OrderLines.length <= 1) ? !OrderLines[0]?.product : false}\r\n />\r\n \r\n \r\n this.setState({ incoterm: e.target.value })}\r\n error={isError && !incoterm}\r\n disabled={(OrderLines.length <= 1) ? !OrderLines[0]?.product : false}\r\n />\r\n \r\n \r\n this.inputChange('packageType', value)}\r\n error={isError && !packageType}\r\n disabled={(OrderLines.length <= 1) ? !OrderLines[0]?.product : false}\r\n />\r\n \r\n \r\n \r\n \r\n {/* Factory Pickup */}\r\n {deliveryMethod?.id === 1 && (\r\n \r\n \r\n \r\n this.setState({ plate: e.target.value })}\r\n />\r\n \r\n \r\n \r\n \r\n this.setState({ driver: e.target.value })}\r\n />\r\n \r\n \r\n \r\n )}\r\n \r\n this.setState({ note: e.target.value })}\r\n row={3}\r\n />\r\n \r\n \r\n this.setState({ invoiceNote: e.target.value })}\r\n row={3}\r\n />\r\n \r\n
\r\n \r\n \r\n this.handleAddOrderLine()}\r\n startIcon={ \r\n
\r\n )}\r\n \r\n {\r\n info_message && errorInfoMessage?.length && (\r\n \r\n \r\n )\r\n }\r\n
\r\n {errorInfoMessage}!
\r\n\r\n \r\n
\r\n
\r\n {tra('Logistics_Unit_Contact_Information')}
\r\n\r\n {\r\n files?.length > 0 && (\r\n files.map((file, i) => (\r\n
\r\n \r\n this.deleteFile(i)}\r\n >\r\n
\r\n ))\r\n )\r\n }\r\n \r\n
\r\n \r\n \r\n {tra('Select_File')}\r\n
\r\n this.changeFiles(e.target.files)} />\r\n {errorMessage}!
\r\n\r\n
\r\n \r\n )\r\n }\r\n {\r\n content === 0 ? (\r\n {tra('Select_the_requested_quantity_and_shipping_date_and_time')}
{' '}\r\n{tra('Total')}: {selectedOrderLine?.amount} {unit_of_measurement?.name}
\r\n {\r\n selectedOrderLine?.Items?.map((orderLineItem, idx, orderLineItems) => (\r\n\r\n {\r\n orderLineItems.length > 1 && (\r\n this.handleDeleteOrderLineItem(idx)}\r\n startIcon={
\r\n ))\r\n }\r\n \r\n this.setState((prev) => ({\r\n OrderLines: prev.OrderLines.map((o) => {\r\n if (o.id === selectedOrderLine.id) {\r\n return {\r\n ...o,\r\n Items: selectedOrderLine.Items.map((i) => {\r\n if (i.id === orderLineItem.id) {\r\n return {\r\n ...orderLineItem,\r\n amount: e.value,\r\n };\r\n }\r\n return i;\r\n }),\r\n };\r\n }\r\n return o;\r\n }),\r\n }))}\r\n error={isErrorSub && (!(orderLineItem?.amount > 0) || !(this.calc()))}\r\n />\r\n
\r\n \r\n this.handleAddOrderLineItem()}\r\n startIcon={
\r\n \r\n this.close()}>{tra('Cancel')} \r\n {\r\n (!company?.multiline_order || OrderLines.length === 1) && (company?.factory_pickup_delivery_time || this.state.deliveryMethod?.id === 2) && this.props.appConfigs?.domesticAbroadSelect !== 2 && (\r\n this.chooseHours(0)}\r\n endIcon={(hourSelected?.[OrderLines[0]?.id]) ? this.checkInputs()}>{tra('Complete_Order')} \r\n
\r\n ) : content === 1 && (\r\n \r\n this.saveHours()}>{tra('Save')} \r\n
\r\n )\r\n }\r\n \r\n \r\n
\r\n {tra('Order_Creation')}
\r\n\r\n {\r\n customerSalesOrganizations?.map(c => (\r\n {\r\n props.appConfig('domesticAbroadSelect', c.id);\r\n props.openCreateModal();\r\n props.appConfig('domesticAbroad', false);\r\n if (c.id === 2) {\r\n props.appConfig('checkLimit', false);\r\n } else {\r\n props.appConfig('checkLimit', initCompanyCodes?.find(item => item?.code === appConfig?.company)?.check_limit);\r\n }\r\n }}\r\n >\r\n })
\r\n
\r\n {c.name} {tra('Order')}
\r\n \r\n ))\r\n }\r\n\r\n \r\n \r\n {tra('Download_Sample_Order_Excel_Text')} \r\n dispatch(getExcel('sampleOrder', null, null, null, 'SampleOrderExcel'))}\r\n startIcon={ \r\n {tra('Upload_Order_Excel_Text')} \r\n \r\n
\r\n \r\n props.onClose()}> \r\n
\r\n {tra('Upload_Order_Excel')}
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {tra('Upload_Order_Excel')}\r\n
\r\n \r\n \r\n
\r\n {pg.name}
\r\n{!(productGroups?.some(p => p.id === allProductGroup[i]?.id)) ? tra('Please_contact_your_customer_representative_to_place_an_order') : tra('Order_Now')}
\r\n\r\n
\r\n \r\n {tra('Please_contact_your_customer_representative_to_place_an_order')}
\r\n{tra('Last_5_Orders')}
\r\n\r\n {tra('Filter')} \r\n
\r\n \r\n this.setState({ searchFilter: event.target.value })}\r\n variant=\"outlined\"\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n {order.status_id === 21 ? tra('Pending') : order.order_status_name}\r\n \r\n
\r\n {tra('Order_Status')}
\r\n {/* If cancelled by logistics still show pending */}\r\n\r\n
\r\n {tra('Shipping_Date')}
\r\n {new Date(order?.date).toLocaleDateString(this.props.appConfigs.localeLanguage, { day: 'numeric', month: 'long', year: 'numeric' })}\r\n\r\n \r\n {orderAmounts[order.id].amounts.map(a => (\r\n <>\r\n {a} \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 {tra('Total')}
\r\n {orderAmounts?.[order.id]?.isMultiUnit\r\n ? (\r\n \r\n{value}
}\r\n />\r\n \r\n \r\n )\r\n : -}\r\n
\r\n {\r\n (appConfigs?.company === '0130' || appConfigs?.company === '0077') && (\r\n {tra('Amount_Weighed')}
\r\n {order?.actual_loading_value\r\n ? (\r\n \r\n{value}
}\r\n />\r\n \r\n \r\n
\r\n )\r\n }\r\n {tra('Increase_Amount')}
\r\n \r\n{value}
}\r\n />{ }\r\n \r\n
\r\n {tra('Delivery_Type')}
\r\n {order.delivery_point_name}\r\n\r\n \r\n {order?.Delivery?.name}\r\n \r\n
\r\n {tra('Building_Site')}
\r\n\r\n { this.setState({ openDetailModal: true }); this.props.getOrders(order.id); }}>{tra('Order_Detail')} \r\n {(order?.Amounts?.length === 1 || (appConfigs?.company === '0130' || appConfigs?.company === '0077')) && (\r\n this.setState({ tonnageDialog: true, selectedId: order?.id, selectedAmountId: order?.Amounts?.[0]?.id })}\r\n >\r\n {order?.tonnage_update ? tra('Amount_Request_Sent') : tra('Request_Amount_Increase')}\r\n \r\n )}\r\n {\r\n this.setState({ openRepeatModal: true });\r\n this.props.appConfig('domesticAbroadSelect', customerSalesOrganizations[0]?.id);\r\n if (customerSalesOrganizations[0]?.id === 2) {\r\n this.props.appConfig('checkLimit', false);\r\n } else {\r\n this.props.appConfig('checkLimit', initCompanyCodes?.find(item => item?.code === appConfigs?.company)?.check_limit);\r\n }\r\n this.props.getOrders(order.id, true);\r\n }}\r\n >\r\n {tra('Repeat_Order')}\r\n \r\n {\r\n this.props.getCancelInfoMessages(order.CreditControlArea?.id);\r\n this.setState({ cancelModal: true, selectedId: order?.id, selectedOrder: order });\r\n }}\r\n >\r\n {tra('Cancel_Order')}\r\n \r\n {!!order?.OrderFiles.length && (\r\n this.setState({ filesModal: true, selectedOrder: order })}>\r\n {tra('Files')}\r\n \r\n )}\r\n
\r\n \r\n {\r\n (order?.message || order?.Amounts?.[0]?.tonnage_update_message || order?.cancel_message || order?.pending_order_message || order?.call_center_approval_message) && (\r\n <>\r\n this.setState({ tonnageDialog: true, selectedId: order?.id, selectedAmountId: item?.id })}\r\n />\r\n
\r\n \r\n {\r\n !!(order?.message && checkLimit) && (\r\n \r\n \r\n )\r\n }\r\n {\r\n order?.pending_order_message && (\r\n \r\n \r\n )\r\n }\r\n {\r\n order?.call_center_approval_message && (\r\n \r\n \r\n )\r\n }\r\n {\r\n order?.Amounts?.length === 1 && order?.Amounts?.[0]?.tonnage_update_message && (\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 order?.cancel_message && (\r\n \r\n {order.cancel_confirm ?
\r\n \r\n {order?.pending_order_confirm ?
\r\n \r\n {/* If not cancelled by call center */}\r\n {order?.status_id !== 4 ?
\r\n \r\n {order?.Amounts?.[0]?.tonnage_update_confirm ?
\r\n \r\n
\r\n ) : '')\r\n }\r\n {\r\n orders && orders.length === 0 && (\r\n {tra('There_were_no_results')}
\r\n\r\n
\r\n )\r\n }\r\n {tra('There_is_no_order')}
\r\n{cancelInfoMessages?.info_message}
\r\n\r\n
\r\n \r\n this.close()}> \r\n
\r\n {editPersonnel ? tra('Edit_Employee') : tra('Create_New_Employee')}
\r\n\r\n {errorMessage && errorMessage?.length && (\r\n \r\n {errorMessage}!\r\n \r\n )}\r\n {\r\n !this.props.editPersonnel && !Object.keys(this.props.sapUser).length ? (\r\n
\r\n \r\n this.setState({ sapUserName: e.target.value })}\r\n onKeyDown={e => this.enterSapNumber(e)}\r\n />\r\n this.state.sapUserName && this.props.getSapUser(this.state.sapUserName)}>{tra('Bring')} \r\n
\r\n ) : (\r\n \r\n { this.setState({ personnelType: e.target.value }); if (!this.state.isChangedState.includes('personnelType') && editPersonnel) { this.isChanged('personnelType'); } }}\r\n />\r\n { this.setState({ name: e.target.value }); if (!this.state.isChangedState.includes('name') && editPersonnel) { this.isChanged('name'); } }}\r\n />\r\n { this.setState({ surname: e.target.value }); if (!this.state.isChangedState.includes('surname') && editPersonnel) { this.isChanged('surname'); } }}\r\n />\r\n \r\n \r\n { this.setState({ phone_code: e.target.value, phone: '' }); if (!this.state.isChangedState.includes('phone_code')) { this.isChanged('phone_code'); } }}\r\n />\r\n \r\n { this.setState({ phone: e.floatValue }); if (!this.state.isChangedState.includes('phone')) { this.isChanged('phone'); } }}\r\n error={isError && (!this.state.phone || !(this.state.phone?.toString()?.length))}\r\n />\r\n \r\n { this.setState({ email: e.target.value }); if (!this.state.isChangedState.includes('email') && editPersonnel) { this.isChanged('email'); } }}\r\n />\r\n { this.setState({ personnelType: e.target.value, representatives: [] }); if (!this.state.isChangedState.includes('personnelType') && editPersonnel) { this.isChanged('personnelType'); } }}\r\n error={isError && !this.state.personnelType}\r\n />\r\n r.id === this.state.personnelType)?.Permissions?.some(p => p.id === 26))}\r\n data={this.props.customers}\r\n value={this.state.representatives || []}\r\n onChange={(e, value) => { this.setState({ representatives: value }); if (!this.state.isChangedState.includes('representatives') && editPersonnel) { this.isChanged('representatives'); } }}\r\n />\r\n this.clearAll()} style={{ marginLeft: 0 }}>{tra('Cancel')} \r\n this.saveFunc()}>{tra('Save')} \r\n
\r\n )\r\n }\r\n \r\n
\r\n \r\n this.close()}> \r\n
\r\n {tra('Transfer_Customers')}
\r\n\r\n
\r\n \r\n this.setState({ selectedRepresentative: value })}\r\n />\r\n
\r\n \r\n {\r\n userDetail.representatives?.map((c) => (\r\n
\r\n {c.name}
\r\n ))\r\n }\r\n\r\n this.saveFunc()}>\r\n {tra('Save_Edit')}\r\n \r\n
\r\n \r\n
\r\n \r\n this.close()}> \r\n
\r\n {this.props.edit ? tra('Edit_Roles') : tra('New_Roles')}
\r\n\r\n {errorMessage && errorMessage?.length && (\r\n \r\n {errorMessage}!\r\n \r\n )}\r\n
\r\n \r\n this.setState({ name: e.target.value })}\r\n error={isError && !name}\r\n />\r\n {\r\n this.setState({ type: e.target.value, selectedPermissions: [] });\r\n if (e.target.value === 1) this.setState({ permissionData: permissions });\r\n if (e.target.value === 2) this.setState({ permissionData: permissions?.filter((p) => p?.is_customer) });\r\n }}\r\n error={isError && !type}\r\n />\r\n this.setState({ selectedPermissions: value })}\r\n disableCloseOnSelect\r\n error={isError && !(selectedPermissions?.length > 0)}\r\n />\r\n
\r\n \r\n this.saveFunc()}>\r\n {this.props.edit ? tra('Save_Edit') : tra('Save')}\r\n \r\n
\r\n \r\n
\r\n \r\n this.close()}> \r\n
\r\n {tra('Defining_Credit_Control_to_the_Company')}
\r\n\r\n
\r\n \r\n this.setState({ companyCode: value })}\r\n disabled\r\n /> */}\r\n this.setState({ selectedCreditControls: value })}\r\n />\r\n
\r\n {this.props.rowData?.code} - {this.props.rowData?.name}
\r\n {/*\r\n this.saveFunc()}>\r\n {tra('Save_Edit')}\r\n \r\n
\r\n \r\n setAnchorEl({ [row.id]: e.currentTarget })}>\r\n \r\n setAnchorEl({ [row.id]: null })}\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n disablePortal={false}\r\n modifiers={{\r\n flip: {\r\n enabled: false,\r\n },\r\n preventOverflow: {\r\n enabled: true,\r\n boundariesElement: 'scrollParent',\r\n },\r\n arrow: {\r\n enabled: true,\r\n element: anchorEl[row.id],\r\n },\r\n }}\r\n >\r\n {\r\n dispatch(deleteFileOfCompanyCode(row.id, props.selectedCompany.id));\r\n setAnchorEl({ [row.id]: null });\r\n }}\r\n >\r\n
\r\n ),\r\n },\r\n ], [anchorEl, dispatch, props.selectedCompany.id]);\r\n\r\n const handleFileUpload = (e) => {\r\n if (e.target.files[0]) {\r\n dispatch(uploadFileToCompanyCode(props.selectedCompany.id, e.target.files));\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n\r\n );\r\n};\r\n\r\nCompanyFiles.propTypes = {\r\n selectedCompany: PropTypes.object,\r\n};\r\n\r\nCompanyFiles.defaultProps = {\r\n selectedCompany: {},\r\n};\r\n","import React, { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Backdrop, Box, Modal } from '@material-ui/core';\r\nimport { Close } from '@material-ui/icons';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { CustomButton, CustomFade, CustomIconButton } from '../../../../assets/styled';\r\nimport { tra } from '../../../../commons/utils';\r\nimport Input from '../../../Input';\r\nimport { languageData } from '../../../../assets/statics';\r\nimport { createUnitOfMeasurement, updateUnitOfMeasurement } from '../../../../store/actions';\r\n\r\nexport const UnitModal = (props) => {\r\n const dispatch = useDispatch();\r\n const unitOfMeasurements = useSelector(s => s.unit_of_measurements_settings);\r\n const [form, setForm] = useState(() => {\r\n const languageName = localStorage.getItem('language');\r\n const language = languageData.find(l => l.name === languageName);\r\n return {\r\n language,\r\n name: '',\r\n sap_no: '',\r\n convert_from_sap: false,\r\n UnitsToConvert: [],\r\n };\r\n });\r\n\r\n useEffect(() => {\r\n if (props.selectedUnit?.id) {\r\n const UnitsToConvert = props.selectedUnit.FromUnitOfMeasurements.map(u => ({\r\n id: u.to,\r\n name: unitOfMeasurements.find(un => un.id === u.to)?.name || '',\r\n conversion_factor: u.conversion_factor,\r\n }));\r\n setForm(s => ({\r\n ...s,\r\n name: props.selectedUnit.name,\r\n sap_no: props.selectedUnit.sap_no,\r\n convert_from_sap: props.selectedUnit.convert_from_sap,\r\n UnitsToConvert,\r\n }));\r\n }\r\n }, [unitOfMeasurements, props.selectedUnit]);\r\n\r\n const handleFormChange = (field, value) => {\r\n setForm(s => ({ ...s, [field]: value }));\r\n };\r\n\r\n const handleSave = () => {\r\n const UnitOfMeasurementTranslations = languageData.map(l => ({\r\n language_id: l.id,\r\n name: l.id === form.language.id ? form.name : (props.selectedUnit?.UnitOfMeasurementTranslations?.find(t => t.language_id === l.id)?.name || form.name),\r\n }));\r\n const data = {\r\n name: form.name,\r\n sap_no: form.sap_no,\r\n company_code_id: props.selectedCompany.id,\r\n FromUnitOfMeasurements: form.UnitsToConvert.map(u => ({\r\n to: u.id,\r\n conversion_factor: u.convert_from_sap ? null : Number(u.conversion_factor),\r\n convert_from_sap: u.convert_from_sap,\r\n })),\r\n UnitOfMeasurementTranslations,\r\n convert_from_sap: form.convert_from_sap,\r\n };\r\n if (props.selectedUnit?.id) {\r\n dispatch(updateUnitOfMeasurement(props.selectedCompany.id, props.selectedUnit?.id, data));\r\n } else {\r\n dispatch(createUnitOfMeasurement(props.selectedCompany.id, data));\r\n }\r\n props.onClose();\r\n };\r\n\r\n const handleLanguageChange = (lang) => {\r\n const translationName = props.selectedUnit?.UnitOfMeasurementTranslations?.find(t => t.language_id === lang.id)?.name;\r\n if (translationName) {\r\n setForm(s => ({ ...s, name: translationName }));\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n {!!company?.CompanyCodeFiles?.length && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {tra('Upload_File')}\r\n
\r\n \r\n \r\n \r\n o.text}\r\n value={form.language}\r\n onChange={(e, value) => {\r\n handleFormChange('language', value);\r\n handleLanguageChange(value);\r\n }}\r\n />\r\n handleFormChange('name', e.target.value)}\r\n fullWidth\r\n />\r\n handleFormChange('sap_no', e.target.value)}\r\n fullWidth\r\n />\r\n {\r\n e.persist();\r\n setForm(s => ({\r\n ...s,\r\n convert_from_sap: e.target.checked,\r\n UnitsToConvert: [],\r\n }));\r\n }}\r\n />\r\n o.name}\r\n value={form.UnitsToConvert}\r\n onChange={(e, value) => handleFormChange('UnitsToConvert', value)}\r\n />\r\n {form.UnitsToConvert?.map(u => (\r\n (setForm(s => ({\r\n ...s,\r\n UnitsToConvert: s.UnitsToConvert.map((un) => {\r\n if (un.id === u.id) {\r\n return {\r\n ...un,\r\n conversion_factor: e.value,\r\n };\r\n }\r\n return un;\r\n }),\r\n })))\r\n }\r\n />\r\n ))}\r\n \r\n \r\n \r\n {props.selectedUnit?.id ? tra('Save_Edit') : tra('Save')}\r\n \r\n \r\n
\r\n \r\n props.onClose()}> \r\n
\r\n {tra('Measurement_Units')}
\r\n\r\n setAnchorEl({ [row.id]: e.currentTarget })}>\r\n \r\n setAnchorEl({ [row.id]: null })}\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n disablePortal={false}\r\n modifiers={{\r\n flip: {\r\n enabled: false,\r\n },\r\n preventOverflow: {\r\n enabled: true,\r\n boundariesElement: 'scrollParent',\r\n },\r\n arrow: {\r\n enabled: true,\r\n element: anchorEl[row.id],\r\n },\r\n }}\r\n >\r\n {\r\n setUnitModalOpen(true);\r\n setSelectedUnit(row);\r\n setAnchorEl({ [row.id]: null });\r\n }}\r\n >\r\n
\r\n ),\r\n },\r\n ], [anchorEl]);\r\n\r\n useEffect(() => {\r\n dispatch(getUnitOfMeasurements(props.selectedCompany.id));\r\n }, [dispatch, props.selectedCompany.id]);\r\n\r\n return (\r\n \r\n
\r\n \r\n this.close()}> \r\n
\r\n {tra('Update_Company_Settings')}
\r\n\r\n {errorMessage && errorMessage?.length && (\r\n \r\n {errorMessage}!\r\n \r\n )}\r\n this.innerTabChange(event, newValue)} aria-label=\"simple tabs example\" style={{ minWidth: '80vw' }}>\r\n {\r\n {tra('Order_Settings')})} />\r\n }\r\n {\r\n {tra('Mail_Settings')})} />\r\n }\r\n {\r\n {tra('KVKK_Settings')})} />\r\n }\r\n {\r\n {tra('Logistics_Information')})} />\r\n }\r\n {\r\n {tra('Cancel_Information')})} />\r\n }\r\n {\r\n {tra('Screen_Settings')})} />\r\n }\r\n {\r\n {tra('Files')})} />\r\n }\r\n {\r\n {tra('Measurement_Units')})} />\r\n }\r\n {\r\n {tra('Shipment_Types')})} />\r\n }\r\n \r\n {\r\n innerTabValue === 0 ? (\r\n \r\n this.saveFunc()}>\r\n {tra('Save_Edit')}\r\n \r\n \r\n )}\r\n
\r\n \r\n {/* this.setState({ companyCode: value })}\r\n disabled\r\n /> */}\r\n {/* this.setState({ timeRange: e.value })}\r\n error={isError && !this.state.timeRange}\r\n />\r\n this.setState({ insufficientLimit: e.value })}\r\n error={isError && !this.state.insufficientLimit && !(this.state.lowLimit >= this.state.insufficientLimit)}\r\n />\r\n this.setState({ lowLimit: e.value })}\r\n error={isError && !this.state.lowLimit && !(this.state.lowLimit >= this.state.insufficientLimit)}\r\n />\r\n this.setState({ insufficientLimitMessage: e.target.value })}\r\n error={isError && !this.state.insufficientLimitMessage}\r\n />\r\n this.setState({ factory_pickup_delivery_time: e.target.checked })}\r\n />\r\n this.setState({ multiline_order: e.target.checked })}\r\n />\r\n this.setState({ order_excel_upload: e.target.checked })}\r\n />\r\n this.setState({ mandatory_jobsite_delivery_hour: e.target.checked })}\r\n />\r\n this.setState({ jobsite_same_day_delivery: e.target.checked })}\r\n />\r\n \r\n \r\n this.setState({ jobsite_delivery_hour_start: e.target.value })}\r\n />\r\n \r\n \r\n this.setState({ jobsite_delivery_hour_end: e.target.value })}\r\n />\r\n \r\n \r\n \r\n \r\n this.setState({ factory_delivery_hour_start: e.target.value })}\r\n />\r\n \r\n \r\n this.setState({ factory_delivery_hour_end: e.target.value })}\r\n />\r\n \r\n \r\n \r\n {tra('Manage_Order_Create_Fields')}\r\n \r\n \r\n {tra('Order_Fields')}\r\n \r\n \r\n {tra('Domestic')}\r\n \r\n \r\n {tra('Abroad')}\r\n \r\n \r\n {tra('Required')}\r\n \r\n \r\n \r\n {CompanyCodeOrderInputs.map(f => (\r\n \r\n \r\n {f.name}\r\n \r\n \r\n this.handleOrderFieldChange(f.id, 'domestic', e.target.checked)}\r\n disabled={f.required}\r\n />\r\n \r\n \r\n this.handleOrderFieldChange(f.id, 'abroad', e.target.checked)}\r\n disabled={f.required}\r\n />\r\n \r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n
\r\n ) : innerTabValue === 1 ? (\r\n \r\n this.setState({ senderName: e.target.value })}\r\n error={isError && !this.state.senderName}\r\n fullWidth\r\n />\r\n this.setState({ senderAddress: e.target.value })}\r\n error={isError && !this.state.senderAddress}\r\n fullWidth\r\n />\r\n this.setState({ smtpPort: e.value })}\r\n error={isError && !this.state.smtpPort}\r\n />\r\n this.setState({ smtpServer: e.target.value })}\r\n error={isError && !this.state.smtpServer}\r\n />\r\n this.setState({ sales_email: e.target.value })}\r\n error={isError && !this.state.sales_email}\r\n />\r\n this.setState({ logistic_email: e.target.value })}\r\n error={isError && !this.state.logistic_email}\r\n />\r\n {\r\n this.setState({ CompanyCodeWorkDays: newValue });\r\n }}\r\n error={isError && !(this.state.CompanyCodeWorkDays.length)}\r\n />\r\n this.setState({ work_start_time: e.target.value })}\r\n autoOk\r\n error={isError && !this.state.work_start_time}\r\n />\r\n this.setState({ work_end_time: e.target.value })}\r\n autoOk\r\n error={isError && !this.state.work_end_time}\r\n />\r\n \r\n {tra('Manage_Mail_Activity')}\r\n \r\n {mails.map(mail => (\r\n {\r\n e.persist();\r\n this.setState(s => ({\r\n mails: s.mails.map((m) => {\r\n if (mail.id === m.id) {\r\n return {\r\n ...m,\r\n active: e.target.checked,\r\n };\r\n }\r\n return m;\r\n }),\r\n }));\r\n }}\r\n />\r\n ))}\r\n \r\n \r\n
\r\n ) : innerTabValue === 2 ? (\r\n \r\n this.setState({ kvkkValidity: e.value })}\r\n error={isError && !this.state.kvkkValidity && !(this.state.kvkkValidity > 0)}\r\n endAdornment={{tra('Months')} }\r\n />\r\n this.setState({ kvkkText: e.target.value })}\r\n error={isError && !this.state.kvkkText}\r\n fullWidth\r\n tooLongText\r\n row={10}\r\n />\r\n
\r\n ) : innerTabValue === 3 ? (\r\n \r\n this.setState({ info_message: e.target.value })}\r\n error={isError && !this.state.info_message}\r\n />\r\n this.setState({ info_message_hour: e })}\r\n />\r\n this.setState({ show_info: e.target.checked })}\r\n />\r\n {\r\n e.persist();\r\n this.setState({ building_sites_sales_agent: e.target.checked });\r\n }}\r\n />\r\n {\r\n e.persist();\r\n this.setState({ logistics_approval: e.target.checked });\r\n }}\r\n />\r\n
\r\n ) : innerTabValue === 4 ? (\r\n \r\n this.setState({ cancel_message: e.target.value })}\r\n error={isError && !this.state.cancel_message}\r\n />\r\n {\r\n e.persist();\r\n this.setState({ show_cancel_message: e.target.checked });\r\n }}\r\n />\r\n {\r\n e.persist();\r\n this.setState({ show_cancel_reason: e.target.checked });\r\n }}\r\n />\r\n
\r\n ) : innerTabValue === 5 ? (\r\n \r\n this.setState({ show_payment_screen: e.target.checked })}\r\n />\r\n this.setState({ show_letter_of_credit: e.target.checked })}\r\n />\r\n
\r\n ) : innerTabValue === 6 ? (\r\n \r\n \r\n \r\n setName(e.target.value)}\r\n fullWidth\r\n />\r\n \r\n \r\n opt?.full_name}\r\n value={user || null}\r\n data={users || []}\r\n clearable\r\n onChange={(e, newValue) => setUser(newValue)}\r\n fullWidth\r\n />\r\n \r\n \r\n setProductGroup(newValue)}\r\n fullWidth\r\n />\r\n \r\n \r\n setCcTo(e.target.value)}\r\n fullWidth\r\n />\r\n \r\n \r\n {\r\n if (selectedMailGroupIndex === null) {\r\n addMailGroup();\r\n } else {\r\n editMailGroup();\r\n }\r\n }}\r\n >\r\n {tra(selectedMailGroupIndex === null ? 'Add' : 'Edit')}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {\r\n if (props.selectedMailGroupId) {\r\n updateMailGroup();\r\n } else {\r\n saveMailGroup();\r\n }\r\n }}\r\n >\r\n {tra(props.selectedMailGroupId ? 'Update_Mail_Group' : 'Save_Mail_Group')}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {tra('Mail_Group')}
\r\n\r\n \r\n \r\n opt?.full_name}\r\n value={user || null}\r\n data={users || []}\r\n clearable\r\n onChange={(e, newValue) => setUser(newValue)}\r\n fullWidth\r\n />\r\n \r\n \r\n setProductGroup(newValue)}\r\n fullWidth\r\n />\r\n \r\n \r\n setCountry(newValue)}\r\n fullWidth\r\n />\r\n \r\n \r\n {\r\n if (props.selectedSalesManagerId) {\r\n updateSalesManager();\r\n } else {\r\n saveSalesManager();\r\n }\r\n }}\r\n >\r\n {tra(props.selectedSalesManagerId ? 'Update_Sales_Manager' : 'Save_Sales_Manager')}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {tra('Sales_Manager')}
\r\n\r\n \r\n \r\n opt?.full_name}\r\n value={user || null}\r\n data={users || []}\r\n clearable\r\n onChange={(e, newValue) => setUser(newValue)}\r\n fullWidth\r\n />\r\n \r\n \r\n setProductGroup(newValue)}\r\n fullWidth\r\n />\r\n \r\n \r\n setCountry(newValue)}\r\n fullWidth\r\n />\r\n \r\n \r\n {\r\n if (props.selectedExportManagerId) {\r\n updateExportManager();\r\n } else {\r\n saveExportManager();\r\n }\r\n }}\r\n >\r\n {tra(props.selectedExportManagerId ? 'Update_Export_Manager' : 'Save_Export_Manager')}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {tra('Export_Manager')}
\r\n\r\n \r\n \r\n setName(e.target.value)}\r\n fullWidth\r\n />\r\n \r\n \r\n setPhone(e.target.value)}\r\n fullWidth\r\n />\r\n \r\n \r\n setEmail(e.target.value)}\r\n fullWidth\r\n />\r\n \r\n \r\n {\r\n editedRowInd !== false\r\n ? {tra('Update')} \r\n : {tra('Add')} \r\n }\r\n \r\n \r\n \r\n \r\n {\r\n dispatch(addOrUpdateCreditControlContacts({\r\n credit_control_area_id: props.selectCreditControlId,\r\n contacts: informations,\r\n }));\r\n }}\r\n >\r\n {tra('Save')}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {tra('Add_Contact_Information')}
\r\n*{tra('Logistic_Contact_Info_Message')}
\r\n\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {error && error?.length && (\r\n \r\n {error}!\r\n \r\n )}\r\n \r\n handleFormChange('company', value)}\r\n />\r\n \r\n \r\n o.text}\r\n value={form.language}\r\n onChange={(e, value) => handleFormChange('language', value)}\r\n />\r\n \r\n \r\n handleFormChange('title', e.target.value)}\r\n />\r\n \r\n \r\n handleFormChange('text', e.target.value)}\r\n />\r\n \r\n \r\n handleFormChange('description', e.target.value)}\r\n />\r\n \r\n \r\n {\r\n setForm(s => ({\r\n ...s,\r\n button: e.target.checked,\r\n button_link: '',\r\n button_text: '',\r\n }));\r\n }}\r\n />\r\n \r\n {form.button && (\r\n <>\r\n \r\n handleFormChange('button_text', e.target.value)}\r\n />\r\n \r\n \r\n handleFormChange('button_link', e.target.value)}\r\n />\r\n \r\n \r\n )}\r\n \r\n
\r\n {tra('Update_Mail_Settings')}
\r\n{props.row.name}
\r\n\r\n handleSave()}>\r\n {tra('Save_Edit')}\r\n \r\n
\r\n \r\n \r\n \r\n o.text}\r\n value={selectedLang || ''}\r\n onChange={(e, value) => {\r\n const translateInd = form.findIndex((f) => f.language.id === value.id);\r\n setSelectedLang(value);\r\n if (value && translateInd > -1) {\r\n form[translateInd].language = value;\r\n setSelectedInd(translateInd);\r\n } else {\r\n form.push({\r\n language: value,\r\n title: '',\r\n description: ''\r\n });\r\n setSelectedInd(form.length - 1);\r\n }\r\n setForm([...form]);\r\n }}\r\n />\r\n \r\n \r\n {\r\n e.preventDefault();\r\n const val = e.target.value;\r\n form[selectedInd].title = val;\r\n setForm([...form]);\r\n }}\r\n value={form?.[selectedInd]?.title || ''}\r\n />\r\n \r\n \r\n {\r\n e.preventDefault();\r\n form[selectedInd].description = e.target.value;\r\n setForm([...form]);\r\n }}\r\n value={form?.[selectedInd]?.description || ''}\r\n />\r\n \r\n \r\n setDateCheck(e.target.checked)}\r\n value={dateCheck}\r\n />\r\n \r\n \r\n setCurrencyCheck(e.target.checked)}\r\n value={currencyCheck}\r\n />\r\n \r\n \r\n \r\n {tra('Save')}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {tra(props?.selectedType ? 'Update_VGA_Description_Type' : 'Create_New_VGA_Description_Type')}
\r\n{value ?
\r\n },\r\n {\r\n name: 'price',\r\n text: tra('Can_Enter_Price'),\r\n filterable: true,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'text',\r\n customBody: (value, columnName, index, row) => {value ?
\r\n },\r\n {\r\n name: 'Action',\r\n text: tra('Action'),\r\n filterable: false,\r\n editable: false,\r\n align: 'left',\r\n sortable: false,\r\n type: 'action',\r\n disableSetting: false,\r\n customBody: (value, columnName, index, row) => (\r\n \r\n setAnchorMobileTable({ [`anchorMobileTable${row.id}`]: e.currentTarget })}>\r\n \r\n {\r\n anchorMobileTable?.[`anchorMobileTable${row.id}`] && (\r\n setAnchorMobileTable({ [`anchorMobileTable${row.id}`]: null })}\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n disablePortal={false}\r\n modifiers={{\r\n flip: {\r\n enabled: false,\r\n },\r\n preventOverflow: {\r\n enabled: true,\r\n boundariesElement: 'scrollParent',\r\n },\r\n arrow: {\r\n enabled: true,\r\n element: anchorMobileTable?.[`anchorMobileTable${row.id}`],\r\n },\r\n }}\r\n >\r\n {\r\n setAnchorMobileTable({\r\n [`anchorMobileTable${row.id}`]: null,\r\n })\r\n setVGADescTypeModal(true);\r\n setSelectedType({ ...row });\r\n }}\r\n >\r\n {\r\n setAnchorMobileTable({\r\n [`anchorMobileTable${row.id}`]: null,\r\n })\r\n dispatch(appConfig('infoModal', {\r\n open: true,\r\n type: 'Warning',\r\n title: tra('Delete_Description_Type'),\r\n text: tra('Delete_VGA_Description_Type_Warning_Text', [row?.title]),\r\n confirmButton: ( dispatch(deleteVGADescription(row.id))}>{tra('Done')} ),\r\n cancelButton: ( dispatch(appConfig('infoModal', { open: false }))}>{tra('Cancel')} ),\r\n }));\r\n }}\r\n >\r\n
\r\n ),\r\n },\r\n ];\r\n\r\n useEffect(() => {\r\n const lowercasedFilter = searchFilter?.length > 0 && searchFilter?.toLocaleUpperCase();\r\n setFilteredData(searchFilter?.length > 0 ? (vgaDescriptions?.filter(item => Object.keys(item).some(key => typeof (item[(key)]) === 'string'\r\n && item[(key)]?.toLocaleUpperCase()?.includes(lowercasedFilter)))) : vgaDescriptions);\r\n }, [searchFilter]);\r\n\r\n useEffect(() => {\r\n setFilteredData([...vgaDescriptions]);\r\n }, [vgaDescriptions])\r\n\r\n \r\n useEffect(() => {\r\n dispatch(getAllVGADescriptions());\r\n }, [])\r\n\r\n return (\r\n <>\r\n \r\n setFilterDrawer(!filterDrawer)}>{tra('Filter')} \r\n
\r\n \r\n setSearchFilter(event.target.value)}\r\n variant=\"outlined\"\r\n />\r\n
\r\n \r\n setVGADescTypeModal(true)}\r\n startIcon={
\r\n \r\n \r\n \r\n {\r\n e.preventDefault();\r\n const selected = allProductGroup.find((item) => item.id === e.target.value); \r\n setProductGroup(selected);\r\n }}\r\n value={productGroup?.id || null}\r\n data={allProductGroup}\r\n />\r\n \r\n \r\n {\r\n e.preventDefault();\r\n setTo(newValue);\r\n }}\r\n getOptionLabel={(option) => option}\r\n multiple\r\n value={to}\r\n data={to.map((option) => option)}\r\n />\r\n \r\n \r\n {\r\n e.preventDefault();\r\n setCc(newValue);\r\n }}\r\n getOptionLabel={(option) => option}\r\n value={cc}\r\n data={cc.map((option) => option)}\r\n />\r\n \r\n \r\n {\r\n e.preventDefault();\r\n const selected = ReportTypes.find((item) => item.id === e.target.value);\r\n setReportType(selected);\r\n }}\r\n value={reportType?.id || null}\r\n data={ReportTypes}\r\n />\r\n \r\n \r\n \r\n {tra('Save')}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {tra(props?.selectedType ? 'Update_User' : 'Add_New_User')}
\r\n{item}
\r\n ))}\r\n >\r\n{item}
\r\n ))}\r\n >\r\n\r\n setAnchorMobileTable({ [`anchorMobileTable${row.id}`]: e.currentTarget })}>\r\n \r\n {\r\n anchorMobileTable?.[`anchorMobileTable${row.id}`] && (\r\n setAnchorMobileTable({ [`anchorMobileTable${row.id}`]: null })}\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n disablePortal={false}\r\n modifiers={{\r\n flip: {\r\n enabled: false,\r\n },\r\n preventOverflow: {\r\n enabled: true,\r\n boundariesElement: 'scrollParent',\r\n },\r\n arrow: {\r\n enabled: true,\r\n element: anchorMobileTable?.[`anchorMobileTable${row.id}`],\r\n },\r\n }}\r\n >\r\n {\r\n setAnchorMobileTable({\r\n [`anchorMobileTable${row.id}`]: null,\r\n })\r\n setRiskMailPeopleModal(true);\r\n setSelectedUser({ ...row });\r\n }}\r\n >\r\n {\r\n setAnchorMobileTable({\r\n [`anchorMobileTable${row.id}`]: null,\r\n })\r\n dispatch(appConfig('infoModal', {\r\n open: true,\r\n type: 'Warning',\r\n title: tra('Delete_VGA_Risk_Mail_People'),\r\n text: tra('Delete_VGA_Risk_Mail_People_Warning_Text', [row?.mail]),\r\n confirmButton: ( dispatch(deleteRiskVGAMailPeople(row.id))}>{tra('Done')} ),\r\n cancelButton: ( dispatch(appConfig('infoModal', { open: false }))}>{tra('Cancel')} ),\r\n }));\r\n }}\r\n >\r\n
\r\n ),\r\n },\r\n ];\r\n\r\n useEffect(() => {\r\n const lowercasedFilter = searchFilter?.length > 0 && searchFilter?.toLocaleUpperCase();\r\n setFilteredData(searchFilter?.length > 0 ? (vgaRiskMailPeople?.filter(item => Object.keys(item).some(key => typeof (item[(key)]) === 'string'\r\n && item[(key)]?.toLocaleUpperCase()?.includes(lowercasedFilter)))) : vgaRiskMailPeople);\r\n }, [searchFilter]);\r\n \r\n useEffect(() => {\r\n setFilteredData([...vgaRiskMailPeople]);\r\n }, [vgaRiskMailPeople])\r\n\r\n useEffect(() => {\r\n dispatch(getRiskVGAMailPeople());\r\n },[])\r\n\r\n return (\r\n <>\r\n \r\n setFilterDrawer(!filterDrawer)}>{tra('Filter')} \r\n
\r\n \r\n setSearchFilter(event.target.value)}\r\n variant=\"outlined\"\r\n />\r\n
\r\n \r\n setRiskMailPeopleModal(true)}\r\n startIcon={
\r\n \r\n \r\n \r\n {\r\n e.preventDefault();\r\n setName(e.target.value)\r\n }}\r\n value={name || ''}\r\n />\r\n \r\n \r\n {\r\n e.preventDefault();\r\n setMinute(e.target.value);\r\n }}\r\n value={minute || null}\r\n data={minutesData()}\r\n />\r\n \r\n \r\n {\r\n e.preventDefault();\r\n setHour(e.target.value);\r\n }}\r\n value={hour || null}\r\n data={hoursData()}\r\n />\r\n \r\n \r\n {\r\n e.preventDefault();\r\n setDayOfMonth(e.target.value);\r\n }}\r\n value={dayOfMonth || null}\r\n data={daysOfMonthData()}\r\n />\r\n \r\n \r\n {\r\n e.preventDefault();\r\n setMonth(e.target.value);\r\n }}\r\n value={month || null}\r\n data={MonthData}\r\n />\r\n \r\n \r\n {\r\n e.preventDefault();\r\n setDayOfWeek(e.target.value);\r\n }}\r\n value={dayOfWeek || null}\r\n data={DaysOfWeekData}\r\n />\r\n \r\n \r\n \r\n {tra('Save')}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {tra('Update')}
\r\n\r\n setAnchorMobileTable({ [`anchorMobileTable${row.id}`]: e.currentTarget })}>\r\n \r\n {\r\n anchorMobileTable?.[`anchorMobileTable${row.id}`] && (\r\n setAnchorMobileTable({ [`anchorMobileTable${row.id}`]: null })}\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n disablePortal={false}\r\n modifiers={{\r\n flip: {\r\n enabled: false,\r\n },\r\n preventOverflow: {\r\n enabled: true,\r\n boundariesElement: 'scrollParent',\r\n },\r\n arrow: {\r\n enabled: true,\r\n element: anchorMobileTable?.[`anchorMobileTable${row.id}`],\r\n },\r\n }}\r\n >\r\n {\r\n setAnchorMobileTable({\r\n [`anchorMobileTable${row.id}`]: null,\r\n })\r\n setJobModal(true);\r\n setSelectedJob({ ...row });\r\n }}\r\n >\r\n {\r\n setAnchorMobileTable({\r\n [`anchorMobileTable${row.id}`]: null,\r\n })\r\n dispatch(appConfig('infoModal', {\r\n open: true,\r\n type: 'Warning',\r\n title: tra('Delete_Description_Type'),\r\n text: tra('Delete_VGA_Description_Type_Warning_Text', [row?.title]),\r\n confirmButton: ( dispatch(deleteVGADescription(row.id))}>{tra('Done')} ),\r\n cancelButton: ( dispatch(appConfig('infoModal', { open: false }))}>{tra('Cancel')} ),\r\n }));\r\n }}\r\n >\r\n
\r\n ),\r\n },\r\n ];\r\n\r\n useEffect(() => {\r\n const lowercasedFilter = searchFilter?.length > 0 && searchFilter?.toLocaleUpperCase();\r\n setFilteredData(searchFilter?.length > 0 ? (allJobs?.filter(item => Object.keys(item).some(key => typeof (item[(key)]) === 'string'\r\n && item[(key)]?.toLocaleUpperCase()?.includes(lowercasedFilter)))) : allJobs);\r\n }, [searchFilter]);\r\n\r\n useEffect(() => {\r\n setFilteredData([...allJobs]);\r\n }, [allJobs])\r\n\r\n \r\n useEffect(() => {\r\n dispatch(getAllJobs());\r\n }, [])\r\n\r\n return (\r\n <>\r\n \r\n setFilterDrawer(!filterDrawer)}>{tra('Filter')} \r\n
\r\n \r\n setSearchFilter(event.target.value)}\r\n variant=\"outlined\"\r\n />\r\n
\r\n \r\n // {value && value[0]?.name}\r\n //
\r\n // ),\r\n },\r\n {\r\n name: 'full_name',\r\n text: tra('Name_Surname'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n // customBody: (value, columnName, index, row) => (\r\n // \r\n // {row.name} {row.surname}\r\n //
\r\n // ),\r\n },\r\n {\r\n name: 'phone',\r\n text: tra('Contact_Info'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n customBody: (value, columnName, index, row) => (\r\n \r\n {`${row.phone_code ? `${row.phone_code} ` : ''}${formatPhoneNumber(value, row.phone_code || '+90')}` || '-'}\r\n
\r\n {row.email || '-'}\r\n
\r\n ),\r\n },\r\n {\r\n name: 'representatives',\r\n text: tra('Represented_Customers'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: false,\r\n type: 'array',\r\n customBody: (value, columnName, index, row) => (\r\n value && value.length > 0 ? (\r\n \r\n {row.email || '-'}\r\n
{item.name}
\r\n ))}\r\n >\r\n\r\n this.setState({ [`anchorMobileTable${row.id}`]: e.currentTarget })}>\r\n \r\n {\r\n this.state[`anchorMobileTable${row.id}`] && (\r\n this.setState({ [`anchorMobileTable${row.id}`]: null })}\r\n // placement=\"left\"\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n disablePortal={false}\r\n modifiers={{\r\n flip: {\r\n enabled: false,\r\n },\r\n preventOverflow: {\r\n enabled: true,\r\n boundariesElement: 'scrollParent',\r\n },\r\n arrow: {\r\n enabled: true,\r\n element: this.state[`anchorMobileTable${row.id}`],\r\n },\r\n }}\r\n >\r\n {\r\n !row.is_removed && (\r\n <>\r\n {\r\n this.setState({\r\n openNewPersonnel: true, selectedUserId: row.id, editPersonnel: true, [`anchorMobileTable${row.id}`]: null,\r\n }); this.props.getSubusers(row.id);\r\n }}\r\n >\r\n 0)}\r\n onClick={() => {\r\n this.setState({\r\n openSwapPersonnel: true, selectedUserId: row.id, [`anchorMobileTable${row.id}`]: null,\r\n }); this.props.getSubusers(row.id);\r\n }}\r\n >\r\n this.setState({ infoDelete: true, selectedUserId: row.id, [`anchorMobileTable${row.id}`]: null })}\r\n disabled={row?.Roles?.some(u => u.id === 1)}\r\n >\r\n {row.is_removed ?
\r\n ),\r\n },\r\n ],\r\n userColumns: [\r\n {\r\n name: 'is_removed',\r\n text: tra('Type'),\r\n filterable: true,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'bool',\r\n filterArrayText: [tra('Passive'), tra('Active')],\r\n customBody: value => (\r\n \r\n // {value && value[0]?.name}\r\n //
\r\n // ),\r\n },\r\n {\r\n name: 'full_name',\r\n text: tra('Name_Surname'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n // customBody: (value, columnName, index, row) => (\r\n // \r\n // {row.name} {row.surname}\r\n //
\r\n // ),\r\n },\r\n {\r\n name: 'phone',\r\n text: tra('Contact_Info'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n customBody: (value, columnName, index, row) => (\r\n \r\n {`${row.phone_code ? `${row.phone_code} ` : ''}${formatPhoneNumber(value, row.phone_code || '+90')}` || '-'}\r\n
\r\n {row.email || '-'}\r\n
\r\n ),\r\n },\r\n {\r\n name: 'representatives',\r\n text: tra('Represented_Customers'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: false,\r\n type: 'array',\r\n customBody: (value, columnName, index, row) => (\r\n value && value.length > 0 ? (\r\n \r\n {row.email || '-'}\r\n
{item.name}
\r\n ))}\r\n >\r\n\r\n this.setState({ [`anchorMobileTable${row.id}`]: e.currentTarget })}>\r\n \r\n {\r\n this.state[`anchorMobileTable${row.id}`] && (\r\n this.setState({ [`anchorMobileTable${row.id}`]: null })}\r\n // placement=\"left\"\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n disablePortal={false}\r\n modifiers={{\r\n flip: {\r\n enabled: false,\r\n },\r\n preventOverflow: {\r\n enabled: true,\r\n boundariesElement: 'scrollParent',\r\n },\r\n arrow: {\r\n enabled: true,\r\n element: this.state[`anchorMobileTable${row.id}`],\r\n },\r\n }}\r\n >\r\n {\r\n !row.is_removed && (\r\n <>\r\n {\r\n this.setState({\r\n openNewPersonnel: true, selectedUserId: row.id, editPersonnel: true, [`anchorMobileTable${row.id}`]: null,\r\n }); this.props.getSubusers(row.id);\r\n }}\r\n >\r\n 0)}\r\n onClick={() => {\r\n this.setState({\r\n openSwapPersonnel: true, selectedUserId: row.id, [`anchorMobileTable${row.id}`]: null,\r\n }); this.props.getSubusers(row.id);\r\n }}\r\n >\r\n this.setState({ infoDelete: true, selectedUserId: row.id, [`anchorMobileTable${row.id}`]: null })}\r\n disabled={row?.Roles?.some(u => u.id === 1)}\r\n >\r\n {row.is_removed ?
\r\n ),\r\n },\r\n ],\r\n creditColumns: [\r\n {\r\n name: 'is_removed',\r\n text: tra('Status'),\r\n filterable: true,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'bool',\r\n filterArrayText: [tra('Passive'), tra('Active')],\r\n customBody: value => (\r\n \r\n this.setState({ [`anchorMobileTable${row.id}`]: e.currentTarget })}>\r\n \r\n {\r\n this.state[`anchorMobileTable${row.id}`] && (\r\n this.setState({ [`anchorMobileTable${row.id}`]: null })}\r\n // placement=\"left\"\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n disablePortal={false}\r\n modifiers={{\r\n flip: {\r\n enabled: false,\r\n },\r\n preventOverflow: {\r\n enabled: true,\r\n boundariesElement: 'scrollParent',\r\n },\r\n arrow: {\r\n enabled: true,\r\n element: this.state[`anchorMobileTable${row.id}`],\r\n },\r\n }}\r\n >\r\n {\r\n const languageName = localStorage.getItem('language');\r\n const lang = languageData.find(l => l.name === languageName);\r\n this.setState({\r\n changeAlternativeName: true,\r\n changingName: row.name,\r\n alternativeName: row.alternative_name,\r\n factoryName: row.factory_name,\r\n creditId: row.id,\r\n rowData: row,\r\n language: lang || {},\r\n [`anchorMobileTable${row.id}`]: null,\r\n });\r\n }}\r\n >\r\n {\r\n this.setState({\r\n selectCreditControlId: row.id,\r\n addInformationModal: true,\r\n [`anchorMobileTable${row.id}`]: null,\r\n });\r\n }}\r\n >\r\n {\r\n this.props.removeCreditControl(row.id);\r\n this.setState({\r\n [`anchorMobileTable${row.id}`]: null,\r\n });\r\n }}\r\n >\r\n {\r\n row.is_removed ? (\r\n <>\r\n
\r\n ),\r\n },\r\n ],\r\n paymentColumns: [\r\n {\r\n name: 'sap_payment_term_no',\r\n text: tra('Payment_Term_No'),\r\n filterable: true,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'name',\r\n text: tra('Payment_Condition'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n // {\r\n // name: 'alternative_name',\r\n // text: tra('Credit_Control_Description'),\r\n // filterable: true,\r\n // editable: false,\r\n // align: 'left',\r\n // sortable: true,\r\n // type: 'text',\r\n // customBody: (value) => (\r\n // value || '-'\r\n // ),\r\n // },\r\n {\r\n name: 'updatedAt',\r\n text: tra('Update_Date'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'date',\r\n },\r\n // {\r\n // name: 'Action',\r\n // text: tra('Action'),\r\n // filterable: false,\r\n // editable: false,\r\n // align: 'left',\r\n // sortable: false,\r\n // type: 'action',\r\n // disableSetting: false,\r\n // customBody: (value, columnName, index, row) => (\r\n // \r\n // this.setState({ [`anchorMobileTable${row.id}`]: e.currentTarget })}>\r\n // \r\n // {\r\n // this.state[`anchorMobileTable${row.id}`] && (\r\n // this.setState({ [`anchorMobileTable${row.id}`]: null })}\r\n // // placement=\"left\"\r\n // anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n // transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n // disablePortal={false}\r\n // modifiers={{\r\n // flip: {\r\n // enabled: false,\r\n // },\r\n // preventOverflow: {\r\n // enabled: true,\r\n // boundariesElement: 'scrollParent',\r\n // },\r\n // arrow: {\r\n // enabled: true,\r\n // element: this.state[`anchorMobileTable${row.id}`],\r\n // },\r\n // }}\r\n // >\r\n // {\r\n // this.setState({\r\n // changeAlternativeName: true,\r\n // changingName: row.name,\r\n // alternativeName: row.alternative_name,\r\n // factoryName: row.factory_name,\r\n // creditId: row.id,\r\n // [`anchorMobileTable${row.id}`]: null,\r\n // });\r\n // }}\r\n // >\r\n // {\r\n // this.props.removeCreditControl(row.id);\r\n // this.setState({\r\n // [`anchorMobileTable${row.id}`]: null,\r\n // });\r\n // }}\r\n // >\r\n // {\r\n // row.is_removed ? (\r\n // <>\r\n //
\r\n // ),\r\n // },\r\n ],\r\n rolesColumns: [\r\n {\r\n name: 'name',\r\n text: tra('Name'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'Permissions',\r\n text: tra('Permissions'),\r\n filterable: false,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n customBody: value => (\r\n value && value.length > 0 ? (\r\n {item?.name}
\r\n ))}\r\n >\r\n\r\n this.setState({ [`anchorMobileTable${row.id}`]: e.currentTarget })}>\r\n \r\n {\r\n this.state[`anchorMobileTable${row.id}`] && (\r\n this.setState({ [`anchorMobileTable${row.id}`]: null })}\r\n // placement=\"left\"\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n disablePortal={false}\r\n modifiers={{\r\n flip: {\r\n enabled: false,\r\n },\r\n preventOverflow: {\r\n enabled: true,\r\n boundariesElement: 'scrollParent',\r\n },\r\n arrow: {\r\n enabled: true,\r\n element: this.state[`anchorMobileTable${row.id}`],\r\n },\r\n }}\r\n >\r\n {\r\n this.setState({\r\n openNewRole: true,\r\n selectedRole: row.id,\r\n [`anchorMobileTable${row.id}`]: null,\r\n editRole: true,\r\n });\r\n }}\r\n >\r\n
\r\n ),\r\n },\r\n ],\r\n companyColumns: [\r\n {\r\n name: 'check_limit',\r\n text: tra('Limit_Control'),\r\n filterable: true,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'bool',\r\n filterArrayText: [tra('Check_limit'), tra('Do_not_Check_limit')],\r\n customBody: value => (\r\n {item.alternative_name}
\r\n ))}\r\n >\r\n\r\n this.setState({ [`anchorMobileTable${row.id}`]: e.currentTarget })}>\r\n \r\n {\r\n this.state[`anchorMobileTable${row.id}`] && (\r\n this.setState({ [`anchorMobileTable${row.id}`]: null })}\r\n // placement=\"left\"\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n disablePortal={false}\r\n modifiers={{\r\n flip: {\r\n enabled: false,\r\n },\r\n preventOverflow: {\r\n enabled: true,\r\n boundariesElement: 'scrollParent',\r\n },\r\n arrow: {\r\n enabled: true,\r\n element: this.state[`anchorMobileTable${row.id}`],\r\n },\r\n }}\r\n >\r\n {\r\n this.setState({\r\n companySettingModal: true,\r\n rowData: row,\r\n [`anchorMobileTable${row.id}`]: null,\r\n });\r\n }}\r\n >\r\n {\r\n this.setState({\r\n companyCreditControlModal: true,\r\n rowData: row,\r\n [`anchorMobileTable${row.id}`]: null,\r\n });\r\n }}\r\n >\r\n {\r\n this.props.toggleCreditLimit(row.id);\r\n this.setState({\r\n [`anchorMobileTable${row.id}`]: null,\r\n });\r\n }}\r\n >\r\n {\r\n !row.check_limit ? (\r\n <>\r\n
\r\n ),\r\n },\r\n ],\r\n usersColumns: [\r\n {\r\n name: 'is_removed',\r\n text: tra('Active'),\r\n filterable: true,\r\n align: 'center',\r\n sortable: true,\r\n type: 'bool',\r\n filterArrayText: [tra('Passive'), tra('Active')],\r\n customBody: value => (\r\n {t.alternative_name}
\r\n // ))\r\n // ) : ''}\r\n // >\r\n //{value[0]?.alternative_name}{value.length > 1 && `, +${value.length - 1}`}
\r\n // \r\n // ) : (\r\n // '-'\r\n // )\r\n // ),\r\n // },\r\n {\r\n name: 'Action',\r\n text: tra('Action'),\r\n filterable: false,\r\n editable: false,\r\n align: 'left',\r\n sortable: false,\r\n type: 'action',\r\n disableSetting: false,\r\n customBody: (value, columnName, index, row) => (\r\n\r\n this.setState({ [`anchorMobileTable${row.id}`]: e.currentTarget })}>\r\n \r\n {\r\n this.state[`anchorMobileTable${row.id}`] && (\r\n this.setState({ [`anchorMobileTable${row.id}`]: null })}\r\n // placement=\"left\"\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n >\r\n {\r\n this.setState({\r\n openEditUser: true, selectedUser: row, [`anchorMobileTable${row.id}`]: null, userMail: row.email, userPhone: row.phone,\r\n });\r\n }}\r\n >\r\n
\r\n ),\r\n },\r\n ],\r\n incotermsColumns: [\r\n {\r\n name: 'name',\r\n text: tra('Incoterm'),\r\n filterable: true,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'sap_incoterm_no',\r\n text: tra('Sap_No'),\r\n filterable: true,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n ],\r\n shippingPointsColumns: [\r\n {\r\n name: 'name',\r\n text: tra('Shipping_Point'),\r\n filterable: true,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'sap_shipping_point_no',\r\n text: tra('Sap_No'),\r\n filterable: true,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n ],\r\n countriesColumns: [\r\n {\r\n name: 'name',\r\n text: tra('Country'),\r\n filterable: true,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'sap_country_no',\r\n text: tra('Sap_No'),\r\n filterable: true,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n ],\r\n packageTypesColumns: [\r\n {\r\n name: 'name',\r\n text: tra('Package_Type'),\r\n filterable: true,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'sap_package_type_no',\r\n text: tra('Sap_No'),\r\n filterable: true,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n ],\r\n statusesColumns: [\r\n {\r\n name: 'id',\r\n text: tra('id'),\r\n filterable: true,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'name',\r\n text: tra('Status'),\r\n filterable: true,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'mail_type_name',\r\n text: tra('Mail_Group'),\r\n filterable: true,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'next_statu_name',\r\n text: tra('Next_Status'),\r\n filterable: true,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n ],\r\n mailGroupColumns: [\r\n {\r\n name: 'id',\r\n text: tra('id'),\r\n filterable: true,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'name',\r\n text: tra('Mail_Group'),\r\n filterable: true,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'Action',\r\n text: tra('Action'),\r\n filterable: false,\r\n editable: false,\r\n align: 'left',\r\n sortable: false,\r\n type: 'action',\r\n disableSetting: false,\r\n customBody: (value, columnName, index, row) => (\r\n \r\n this.setState({ [`anchorMobileTable${row.id}`]: e.currentTarget })}>\r\n \r\n {\r\n this.state[`anchorMobileTable${row.id}`] && (\r\n this.setState({ [`anchorMobileTable${row.id}`]: null })}\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n disablePortal={false}\r\n modifiers={{\r\n flip: {\r\n enabled: false,\r\n },\r\n preventOverflow: {\r\n enabled: true,\r\n boundariesElement: 'scrollParent',\r\n },\r\n arrow: {\r\n enabled: true,\r\n element: this.state[`anchorMobileTable${row.id}`],\r\n },\r\n }}\r\n >\r\n {\r\n !row.is_removed && (\r\n <>\r\n {\r\n this.setState({\r\n mailGroupModal: true, selectedMailGroupId: row.id, [`anchorMobileTable${row.id}`]: null,\r\n });\r\n }}\r\n >\r\n
\r\n ),\r\n },\r\n ],\r\n salesManagerColumns: [\r\n {\r\n name: 'product_group_name',\r\n text: tra('Product_Group'),\r\n filterable: true,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'user_name',\r\n text: tra('User_Name'),\r\n filterable: true,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'country_name',\r\n text: tra('Country'),\r\n filterable: true,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'Action',\r\n text: tra('Action'),\r\n filterable: false,\r\n editable: false,\r\n align: 'left',\r\n sortable: false,\r\n type: 'action',\r\n disableSetting: false,\r\n customBody: (value, columnName, index, row) => (\r\n \r\n this.setState({ [`anchorMobileTable${row.id}`]: e.currentTarget })}>\r\n \r\n {\r\n this.state[`anchorMobileTable${row.id}`] && (\r\n this.setState({ [`anchorMobileTable${row.id}`]: null })}\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n disablePortal={false}\r\n modifiers={{\r\n flip: {\r\n enabled: false,\r\n },\r\n preventOverflow: {\r\n enabled: true,\r\n boundariesElement: 'scrollParent',\r\n },\r\n arrow: {\r\n enabled: true,\r\n element: this.state[`anchorMobileTable${row.id}`],\r\n },\r\n }}\r\n >\r\n {\r\n !row.is_removed && (\r\n <>\r\n {\r\n this.setState({\r\n salesManagerModal: true, selectedSalesManagerId: row.id, [`anchorMobileTable${row.id}`]: null,\r\n });\r\n }}\r\n >\r\n
\r\n ),\r\n },\r\n ],\r\n exportManagerColumns: [\r\n {\r\n name: 'product_group_name',\r\n text: tra('Product_Group'),\r\n filterable: true,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'country_name',\r\n text: tra('Country'),\r\n filterable: true,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'Action',\r\n text: tra('Action'),\r\n filterable: false,\r\n editable: false,\r\n align: 'left',\r\n sortable: false,\r\n type: 'action',\r\n disableSetting: false,\r\n customBody: (value, columnName, index, row) => (\r\n \r\n this.setState({ [`anchorMobileTable${row.id}`]: e.currentTarget })}>\r\n \r\n {\r\n this.state[`anchorMobileTable${row.id}`] && (\r\n this.setState({ [`anchorMobileTable${row.id}`]: null })}\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n disablePortal={false}\r\n modifiers={{\r\n flip: {\r\n enabled: false,\r\n },\r\n preventOverflow: {\r\n enabled: true,\r\n boundariesElement: 'scrollParent',\r\n },\r\n arrow: {\r\n enabled: true,\r\n element: this.state[`anchorMobileTable${row.id}`],\r\n },\r\n }}\r\n >\r\n {\r\n !row.is_removed && (\r\n <>\r\n {\r\n this.setState({\r\n exportManagerModal: true, selectedExportManagerId: row.id, [`anchorMobileTable${row.id}`]: null,\r\n });\r\n }}\r\n >\r\n
\r\n ),\r\n },\r\n ],\r\n productionSitesColumns: [\r\n {\r\n name: 'name',\r\n text: tra('Name'),\r\n filterable: true,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'sap_production_site_no',\r\n text: tra('Sap_No'),\r\n filterable: true,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'updatedAt',\r\n text: tra('Update_Date'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'date',\r\n },\r\n ],\r\n mailColumns: [\r\n {\r\n name: 'name',\r\n text: tra('Name'),\r\n filterable: true,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'Action',\r\n text: tra('Action'),\r\n filterable: false,\r\n editable: false,\r\n align: 'left',\r\n sortable: false,\r\n type: 'action',\r\n disableSetting: false,\r\n customBody: (value, columnName, index, row) => (\r\n \r\n this.setState({ [`anchorMobileTable${row.id}`]: e.currentTarget })}>\r\n \r\n {\r\n this.state[`anchorMobileTable${row.id}`] && (\r\n this.setState({ [`anchorMobileTable${row.id}`]: null })}\r\n // placement=\"left\"\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n disablePortal={false}\r\n modifiers={{\r\n flip: {\r\n enabled: false,\r\n },\r\n preventOverflow: {\r\n enabled: true,\r\n boundariesElement: 'scrollParent',\r\n },\r\n arrow: {\r\n enabled: true,\r\n element: this.state[`anchorMobileTable${row.id}`],\r\n },\r\n }}\r\n >\r\n {\r\n this.setState({\r\n mailSettingsModal: true,\r\n rowData: row,\r\n [`anchorMobileTable${row.id}`]: null,\r\n });\r\n }}\r\n >\r\n
\r\n ),\r\n },\r\n ],\r\n shipmentTypeColumns: [\r\n {\r\n name: 'name',\r\n text: tra('Name'),\r\n filterable: true,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'shipment_type_sap_no',\r\n text: tra('Sap_No'),\r\n filterable: true,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n ],\r\n };\r\n props.getSubusers();\r\n props.getUserRoleByType();\r\n props.getCustomers();\r\n }\r\n\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n if (prevState.innerTabValue === 0 && nextProps.subusers !== prevState.currentData) {\r\n const currentData = nextProps.subusers;\r\n // const pageLoaded = true;\r\n return {\r\n currentData,\r\n // pageLoaded,\r\n };\r\n }\r\n if (prevState.innerTabValue === 1 && (nextProps.creditControl?.length > 0 ? nextProps.creditControl !== prevState.currentData : prevState.currentData?.length !== 0)) {\r\n const company = nextProps.initCompanyCodes?.find(item => item?.code === nextProps.appConfigs?.company);\r\n const currentData = nextProps.creditControl;\r\n return {\r\n currentData,\r\n company_code: company,\r\n };\r\n }\r\n if (prevState.innerTabValue === 2 && (nextProps.paymentTerms?.length > 0 ? nextProps.paymentTerms !== prevState.currentData : prevState.currentData?.length !== 0)) {\r\n const currentData = nextProps.paymentTerms;\r\n return {\r\n currentData,\r\n };\r\n }\r\n if (prevState.innerTabValue === 3 && (nextProps.allRoles?.length > 0 ? nextProps.allRoles !== prevState.currentData : prevState.currentData?.length !== 0)) {\r\n const currentData = nextProps.allRoles;\r\n return {\r\n currentData,\r\n };\r\n }\r\n if (prevState.innerTabValue === 4 && (nextProps.companyCodes?.length > 0 ? nextProps.companyCodes !== prevState.currentData : prevState.currentData?.length !== 0)) {\r\n const currentData = nextProps.companyCodes;\r\n return {\r\n currentData,\r\n };\r\n }\r\n if (prevState.innerTabValue === 5 && (nextProps.allUsers?.length > 0 ? nextProps.allUsers !== prevState.currentData : prevState.currentData?.length !== 0)) {\r\n const currentData = nextProps.allUsers;\r\n return {\r\n currentData,\r\n };\r\n }\r\n if (prevState.innerTabValue === 6 && nextProps.incotermsAdmin?.length > 0) {\r\n const currentData = nextProps.incotermsAdmin;\r\n return {\r\n currentData,\r\n };\r\n }\r\n if (prevState.innerTabValue === 7 && nextProps.shippingPointsAdmin?.length > 0) {\r\n const currentData = nextProps.shippingPointsAdmin;\r\n return {\r\n currentData,\r\n };\r\n }\r\n if (prevState.innerTabValue === 8 && nextProps.countriesAdmin?.length > 0) {\r\n const currentData = nextProps.countriesAdmin;\r\n return {\r\n currentData,\r\n };\r\n }\r\n if (prevState.innerTabValue === 9 && nextProps.packageTypesAdmin?.length > 0) {\r\n const currentData = nextProps.packageTypesAdmin;\r\n return {\r\n currentData,\r\n };\r\n }\r\n if (prevState.innerTabValue === 10 && nextProps.orderStatuses?.length > 0) {\r\n const currentData = nextProps.orderStatuses;\r\n return {\r\n currentData,\r\n };\r\n }\r\n if (prevState.innerTabValue === 11 && nextProps.mailGroups?.length > 0) {\r\n const currentData = nextProps.mailGroups;\r\n return {\r\n currentData,\r\n };\r\n }\r\n if (prevState.innerTabValue === 12 && nextProps.salesManagers?.length > 0) {\r\n const currentData = nextProps.salesManagers;\r\n return {\r\n currentData,\r\n };\r\n }\r\n if (prevState.innerTabValue === 13 && nextProps.exportManagers?.length > 0) {\r\n const currentData = nextProps.exportManagers;\r\n return {\r\n currentData,\r\n };\r\n }\r\n if (prevState.innerTabValue === 14 && nextProps.productionSites?.length > 0) {\r\n const currentData = nextProps.productionSites;\r\n return {\r\n currentData,\r\n };\r\n }\r\n if (prevState.innerTabValue === 16 && nextProps.mailSettings?.length > 0) {\r\n const currentData = nextProps.mailSettings;\r\n return {\r\n currentData,\r\n };\r\n }\r\n if (prevState.innerTabValue === 17 && nextProps.shipmentTypes?.length > 0) {\r\n const currentData = nextProps.shipmentTypes;\r\n return {\r\n currentData,\r\n };\r\n }\r\n return null;\r\n }\r\n\r\n innerTabChange = (event, newValue) => {\r\n const {\r\n userColumns, creditColumns, paymentColumns, rolesColumns, companyColumns, usersColumns, mailGroupColumns, exportManagerColumns,\r\n incotermsColumns, shippingPointsColumns, countriesColumns, packageTypesColumns, statusesColumns, salesManagerColumns, productionSitesColumns, mailColumns, shipmentTypeColumns,\r\n } = this.state;\r\n const {\r\n subusers, allRoles, creditControl, companyCodes, allUsers, incotermsAdmin, shippingPointsAdmin, countriesAdmin, packageTypesAdmin,\r\n orderStatuses, mailGroups, salesManagers, exportManagers, productionSites, mailSettings, shipmentTypes,\r\n } = this.props;\r\n this.setState({\r\n searchFilter: '', filter: [], innerTabValue: newValue, filterDrawer: false,\r\n });\r\n switch (newValue) {\r\n case 0:\r\n this.props.getSubusers();\r\n this.props.getUserRoleByType();\r\n this.props.getCustomers();\r\n this.setState({ currentData: subusers, currentColumn: userColumns });\r\n break;\r\n case 1:\r\n this.setState({ currentData: creditControl, currentColumn: creditColumns });\r\n this.props.getCreditControl();\r\n break;\r\n case 2:\r\n this.setState({ currentData: creditControl, currentColumn: paymentColumns });\r\n this.props.getPaymentTerms();\r\n break;\r\n case 3:\r\n this.props.getAllPermissions();\r\n this.props.getAllRoles();\r\n this.setState({ currentData: allRoles, currentColumn: rolesColumns });\r\n break;\r\n case 4:\r\n this.props.getCompanyCodes();\r\n this.props.getCreditControl();\r\n this.setState({ currentData: companyCodes, currentColumn: companyColumns });\r\n break;\r\n case 5:\r\n this.props.getAllUsers();\r\n this.setState({ currentData: allUsers, currentColumn: usersColumns });\r\n break;\r\n case 6:\r\n this.props.getAdminDatas('incoterms');\r\n this.setState({ currentData: incotermsAdmin, currentColumn: incotermsColumns });\r\n break;\r\n case 7:\r\n this.props.getAdminDatas('shippingPoints');\r\n this.setState({ currentData: shippingPointsAdmin, currentColumn: shippingPointsColumns });\r\n break;\r\n case 8:\r\n this.props.getAdminDatas('countries');\r\n this.setState({ currentData: countriesAdmin, currentColumn: countriesColumns });\r\n break;\r\n case 9:\r\n this.props.getAdminDatas('packageTypes');\r\n this.setState({ currentData: packageTypesAdmin, currentColumn: packageTypesColumns });\r\n break;\r\n case 10:\r\n this.props.getOrderStatuses();\r\n this.setState({ currentData: orderStatuses, currentColumn: statusesColumns });\r\n break;\r\n case 11:\r\n this.props.getMailGroups();\r\n this.setState({ currentData: mailGroups, currentColumn: mailGroupColumns });\r\n break;\r\n case 12:\r\n this.props.getSalesAndExportManagers(1);\r\n this.setState({ currentData: salesManagers, currentColumn: salesManagerColumns });\r\n break;\r\n case 13:\r\n this.props.getSalesAndExportManagers(2);\r\n this.setState({ currentData: exportManagers, currentColumn: exportManagerColumns });\r\n break;\r\n case 14:\r\n this.props.getProductionSites();\r\n this.setState({ currentData: productionSites, currentColumn: productionSitesColumns });\r\n break;\r\n case 16:\r\n this.props.getMailSettings();\r\n this.setState({ currentData: mailSettings, currentColumn: mailColumns });\r\n break;\r\n case 17:\r\n this.props.getAdminDatas('shipmentTypes');\r\n this.setState({ currentData: shipmentTypes, currentColumn: shipmentTypeColumns });\r\n break;\r\n default:\r\n this.setState({ currentData: [], currentColumn: [] });\r\n break;\r\n }\r\n }\r\n\r\n updateFromSap = (tabVal) => {\r\n switch (tabVal) {\r\n case 0:\r\n this.props.updateSapCreditControls();\r\n break;\r\n case 1:\r\n this.props.updateSapCreditControls();\r\n break;\r\n case 2:\r\n this.props.updateSapPaymentTerms();\r\n break;\r\n case 6:\r\n this.props.updateFromSAP('incoterms');\r\n break;\r\n case 7:\r\n this.props.updateFromSAP('shippingPoints');\r\n break;\r\n case 8:\r\n this.props.updateFromSAP('countries');\r\n break;\r\n case 9:\r\n this.props.updateFromSAP('packageTypes');\r\n break;\r\n case 14:\r\n this.props.updateFromSAP('productionSites');\r\n break;\r\n case 17:\r\n this.props.updateFromSAP('shipmentTypes');\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n handleCodeOrLanguageChange = (compCode, lang) => {\r\n const { rowData } = this.state;\r\n if (compCode?.id && lang?.id) {\r\n const translations = rowData.AllCreditControlTranslations.find(t => t.company_code_id === compCode.id && t.language_id === lang.id);\r\n this.setState({ factoryName: translations.factory_name, alternativeName: translations.alternative_name });\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n searchFilter, openNewPersonnel, openSwapPersonnel, innerTabValue, openNewRole, filterDrawer, filter, addInformationModal, selectCreditControlId,\r\n currentData, currentColumn, mailGroupModal, selectedMailGroupId, selectedSalesManagerId, selectedExportManagerId, salesManagerModal, exportManagerModal,\r\n company_code, language, mailSettingsModal,\r\n } = this.state;\r\n const lowercasedFilter = searchFilter?.length > 0 && searchFilter?.toLocaleUpperCase();\r\n const filteredData = searchFilter?.length > 0 ? (currentData?.filter(item => Object.keys(item).some(key => typeof (item[(key)]) === 'string'\r\n && item[(key)]?.toLocaleUpperCase()?.includes(lowercasedFilter)))) : currentData;\r\n return (\r\n \r\n this.setState({ filterDrawer: !filterDrawer })}>{tra('Filter')} \r\n
\r\n {\r\n innerTabValue === 0 && (\r\n \r\n this.setState({ searchFilter: event.target.value })}\r\n variant=\"outlined\"\r\n />\r\n
\r\n \r\n this.setState({ openNewPersonnel: true })}\r\n startIcon={
\r\n )\r\n }\r\n {\r\n (innerTabValue === 1\r\n || innerTabValue === 2\r\n || innerTabValue === 6\r\n || innerTabValue === 7\r\n || innerTabValue === 8\r\n || innerTabValue === 9\r\n || innerTabValue === 14\r\n || innerTabValue === 15\r\n || innerTabValue === 17\r\n ) && (\r\n \r\n this.updateFromSap(innerTabValue)}\r\n startIcon={
\r\n )\r\n }\r\n {\r\n innerTabValue === 3 && (\r\n \r\n this.setState({ openNewRole: true })}\r\n startIcon={
\r\n )\r\n }\r\n {\r\n innerTabValue === 5 && (\r\n \r\n this.props.getExcel('users')} startIcon={ \r\n
\r\n )\r\n }\r\n {\r\n innerTabValue === 11 && (\r\n \r\n this.setState({ mailGroupModal: true })}>{tra('Add_Mail_Group')} \r\n
\r\n )\r\n }\r\n {\r\n innerTabValue === 12 && (\r\n \r\n this.setState({ salesManagerModal: true })}>{tra('Add_Sales_Manager')} \r\n
\r\n )\r\n }\r\n {\r\n innerTabValue === 13 && (\r\n \r\n this.setState({ exportManagerModal: true })}>{tra('Add_Export_Manager')} \r\n
\r\n )\r\n }\r\n \r\n )}\r\n \r\n
\r\n {this.state.changingName} {tra('the_description_to_be_changed')}
\r\n\r\n {\r\n this.setState({ company_code: value });\r\n this.handleCodeOrLanguageChange(value, language);\r\n }}\r\n />\r\n o.text}\r\n value={language}\r\n onChange={(e, value) => {\r\n this.setState({ language: value });\r\n this.handleCodeOrLanguageChange(company_code, value);\r\n }}\r\n />\r\n this.setState({ alternativeName: e.target.value })}\r\n autoFocus\r\n />\r\n this.setState({ factoryName: e.target.value })}\r\n />\r\n
\r\n \r\n this.setState({ changeAlternativeName: false })}>\r\n {tra('Cancel')}\r\n \r\n {\r\n this.props.workAreaAlternative({\r\n credit_control_id: this.state.creditId,\r\n alternative_name: this.state.alternativeName,\r\n factory_name: this.state.factoryName,\r\n company_code_id: company_code.id,\r\n language_id: language.id,\r\n });\r\n this.setState({ changeAlternativeName: false });\r\n }}\r\n >\r\n {tra('Save')}\r\n \r\n
\r\n {c.name}
)) : ''} TransitionComponent={Zoom} placement=\"top\">\r\n {value[0]?.name} {value.length > 1 && +{value.length - 1}}\r\n\r\n this.setState({ [`anchorMobileTable${row.id}`]: e.currentTarget })}>\r\n \r\n {\r\n this.state[`anchorMobileTable${row.id}`] && (\r\n this.setState({ [`anchorMobileTable${row.id}`]: null })}\r\n // placement=\"left\"\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n >\r\n {/* { this.setState({ openNewCustomer: true, [`anchorMobileTable${row.id}`]: null }); }}\r\n >\r\n {\r\n if (row.is_removed) {\r\n this.props.appConfig(\r\n 'infoModal', {\r\n open: true,\r\n type: 'Info',\r\n title: tra('You_Cannot_Manage_This_Customer'),\r\n text: tra('You_Cannot_Manage_This_Customer_Because_It_Is_Inactive_In_order_to_Manage_the_Customer_first_activate_it'),\r\n cancelButton: ( this.props.appConfig('infoModal', false)}>{tra('Done')} ),\r\n },\r\n );\r\n } else {\r\n this.props.setInit({});\r\n this.setState({\r\n [`anchorMobileTable${row.id}`]: null,\r\n selectedCustomer: row,\r\n questionModal: true,\r\n });\r\n }\r\n }}\r\n >\r\n { this.setState({ detailModalOpen: true, [`anchorMobileTable${row.id}`]: null }); }}\r\n >\r\n
\r\n ),\r\n },\r\n ];\r\n return (\r\n \r\n this.setState({ filterDrawer: !filterDrawer })}>{tra('Filter')} \r\n
\r\n \r\n this.setState({ searchFilter: event.target.value })}\r\n variant=\"outlined\"\r\n />\r\n
\r\n \r\n
\r\n {tra('Expense_Statistics')}
*/}\r\n\r\n
\r\n \r\n this.setState({ filterDrawer: !filterDrawer })}>{tra('Filter')} \r\n
\r\n \r\n this.setState({ searchFilter: event.target.value })}\r\n variant=\"outlined\"\r\n />\r\n
\r\n \r\n this.props.getExcel(\r\n 'assurance',\r\n format(setHours(this.state.startDate, 12), 'yyyy-MM-dd'),\r\n format(setHours(this.state.endDate, 12), 'yyyy-MM-dd'),\r\n )\r\n }\r\n startIcon={
\r\n \r\n // this.setState({ [`anchorMobileTable${row.id}`]: e.currentTarget })}>\r\n // \r\n // {\r\n // this.state[`anchorMobileTable${row.id}`] && (\r\n // this.setState({ [`anchorMobileTable${row.id}`]: null })}\r\n // // placement=\"left\"\r\n // anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n // transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n // >\r\n // { this.setState({ openNewCustomer: true, [`anchorMobileTable${row.id}`]: null }); }}\r\n // >\r\n // { this.setState({ detailModalOpen: true, [`anchorMobileTable${row.id}`]: null }); }}\r\n // >\r\n // { this.setState({ detailModalOpen: true, [`anchorMobileTable${row.id}`]: null }); }}\r\n // >\r\n //
\r\n // ),\r\n // },\r\n ];\r\n return (\r\n \r\n this.setState(prevState => ({ filterDrawer: !prevState.filterDrawer }))}>\r\n {tra('Filter')}\r\n \r\n
\r\n {/* \r\n this.setState({ searchFilter: event.target.value })}\r\n variant=\"outlined\"\r\n />\r\n
\r\n \r\n
*/}\r\n \r\n isValid(e) && this.setState({ startDate: e }, () => this.getLog())}\r\n autoOk\r\n KeyboardButtonProps={{\r\n 'aria-label': 'change date',\r\n }}\r\n maxDate={this.state.endDate}\r\n />\r\n isValid(e) && this.setState({ endDate: e }, () => this.getLog())}\r\n autoOk\r\n KeyboardButtonProps={{\r\n 'aria-label': 'change date',\r\n }}\r\n minDate={this.state.startDate}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n setLine(e.target.value)}\r\n type=\"text\"\r\n variant=\"standard\"\r\n label={`${tra('Line')}* `}\r\n fullWidth\r\n />\r\n \r\n \r\n setUnloadingPort(e.target.value)}\r\n type=\"text\"\r\n variant=\"standard\"\r\n label={`${tra('Port_Of_Discharge')}* `}\r\n fullWidth\r\n />\r\n \r\n \r\n setPacking(e.target.value)}\r\n type=\"text\"\r\n variant=\"standard\"\r\n label={`${tra('Type_of_Goods')}* `}\r\n fullWidth\r\n />\r\n \r\n \r\n setNumberOfContainer(e.target.value)}\r\n type=\"text\"\r\n variant=\"standard\"\r\n label={`${tra('Container_Count')}* `}\r\n fullWidth\r\n />\r\n \r\n \r\n setShipInformation(e.target.value)}\r\n type=\"text\"\r\n variant=\"standard\"\r\n label={`${tra('Ship_Information')}* `}\r\n fullWidth\r\n />\r\n \r\n \r\n setTonnage(e.target.value)}\r\n type=\"text\"\r\n variant=\"standard\"\r\n label={`${tra('Tonnage')}* `}\r\n fullWidth\r\n />\r\n \r\n \r\n opt?.sap_incoterm_no}\r\n value={incotermOne || null}\r\n data={incoterms || []}\r\n clearable\r\n onChange={(e, newValue) => setIncotermOne(newValue)}\r\n fullWidth\r\n />\r\n \r\n \r\n setCapQuantityAndDetail(e.target.value)}\r\n type=\"text\"\r\n variant=\"standard\"\r\n label={`${tra('Cap_Quantity_and_Detail')}* `}\r\n fullWidth\r\n />\r\n \r\n \r\n setBookingDescription(e.target.value)}\r\n type=\"text\"\r\n variant=\"standard\"\r\n label={`${tra('Description')}* `}\r\n fullWidth\r\n />\r\n \r\n \r\n \r\n {tra('Save')}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {tra('Container_Booking')}
\r\n\r\n \r\n \r\n opt?.full_name}\r\n value={selectedUser || null}\r\n data={users || []}\r\n clearable\r\n onChange={(e, newValue) => setSelectedUser(newValue)}\r\n fullWidth\r\n />\r\n \r\n \r\n setMailToCC(e.target.value)}\r\n fullWidth\r\n />\r\n \r\n \r\n {\r\n if (selectedMailGroupIndex === null) {\r\n addMailGroup();\r\n } else {\r\n editMailGroup();\r\n }\r\n }}\r\n >\r\n {tra(selectedMailGroupIndex === null ? 'Add' : 'Edit')}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {tra('Save')}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {tra('Order_Mail_Group')}
\r\n\r\n \r\n \r\n {\r\n if (isValid(e)) {\r\n setStartDate(e);\r\n }\r\n }}\r\n KeyboardButtonProps={{ 'aria-label': 'change date' }}\r\n InputLabelProps={{ shrink: true }}\r\n autoOk\r\n style={{ marginTop: '10px' }}\r\n />\r\n \r\n \r\n {\r\n if (isValid(e)) {\r\n setEndDate(e);\r\n }\r\n }}\r\n KeyboardButtonProps={{ 'aria-label': 'change date' }}\r\n InputLabelProps={{ shrink: true }}\r\n autoOk\r\n minDate={startDate}\r\n style={{ marginTop: '10px' }}\r\n />\r\n \r\n \r\n \r\n {tra('Save')}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {tra('Production_Date')}
\r\n\r\n \r\n \r\n setBookingNumber(e.target.value)}\r\n />\r\n \r\n \r\n {\r\n if (isValid(e)) {\r\n setUploadDate(e);\r\n }\r\n }}\r\n KeyboardButtonProps={{ 'aria-label': 'change date' }}\r\n InputLabelProps={{ shrink: true }}\r\n autoOk\r\n style={{ marginTop: '10px' }}\r\n />\r\n \r\n \r\n \r\n {tra('Save')}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {tra('Booking_and_Shipment_Date')}
\r\n\r\n \r\n \r\n opt?.name}\r\n value={companyToExport || null}\r\n data={companyCodes || []}\r\n clearable\r\n onChange={(e, newValue) => setCompanyToExport(newValue)}\r\n fullWidth\r\n />\r\n \r\n \r\n opt?.name}\r\n value={productionPlace || null}\r\n data={productionSites || []}\r\n clearable\r\n onChange={(e, newValue) => setProductionPlace(newValue)}\r\n fullWidth\r\n />\r\n \r\n \r\n \r\n {tra('Save')}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {tra('Production_Place')}
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {tra('Save')}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {tra('File_Upload')}
\r\n\r\n {\r\n files?.length > 0 && (\r\n files.map((file, i) => (\r\n
\r\n \r\n deleteFile(i)}\r\n >\r\n
\r\n ))\r\n )\r\n }\r\n \r\n
\r\n \r\n {/*
\r\n changeFiles(e.target.files)} />\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {tra('Order_Statu_History')}
\r\n\r\n {orderItemStatus?.find(os => os.id === value)?.icon}\r\n
\r\n \r\n {val}\r\n
\r\n ),\r\n },\r\n ];\r\n\r\n const dateHandler = (date) => {\r\n if (date) {\r\n return new Date(date).toLocaleDateString(localeLanguage, { day: 'numeric', month: 'long', year: 'numeric' });\r\n }\r\n return '-';\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 \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\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 {orderDetail?.Amounts?.length > 0 && (\r\n \r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n {tra('Order_Detail')}
\r\n{tra('Order_Number')}
\r\n {orderDetail?.sap_order_no || '-'}\r\n{tra('Order_Creator')}
\r\n {orderDetail?.created_user_name || '-'}\r\n{tra('Shipping_Date')}
\r\n {dateHandler(orderDetail?.date)}\r\n{tra('Delivery_Type')}
\r\n {orderDetail?.delivery_point_name || '-'}\r\n{tra('Building_Site')}
\r\n {orderDetail?.Delivery?.name || '-'}\r\n{tra('Order_Date')}
\r\n {dateHandler(orderDetail?.createdAt)}\r\n{tra('Product_Name')}
\r\n {orderDetail?.product_name || '-'}\r\n{tra('Payment_Condition')}
\r\n {orderDetail?.payment_condition_name || '-'}\r\n{tra('Week')}
\r\n {orderDetail?.week || '-'}\r\n{tra('Line')}
\r\n {orderDetail?.line || '-'}\r\n{tra('Port_Of_Discharge')}
\r\n {orderDetail?.unloading_port || '-'}\r\n{tra('Type_of_Goods')}
\r\n {orderDetail?.packing || '-'}\r\n{tra('Container_Count')}
\r\n {orderDetail?.number_of_container || '-'}\r\n{tra('Ship_Information')}
\r\n {orderDetail?.ship_information || '-'}\r\n{tra('Tonnage')}
\r\n {orderDetail?.tonnage || '-'}\r\n{tra('Cap_Quantity_and_Detail')}
\r\n {orderDetail?.cap_quantity_and_detail || '-'}\r\n{tra('Description')}
\r\n {orderDetail?.booking_description || '-'}\r\n{tra('Booking_Number')}
\r\n {orderDetail?.booking_no || '-'}\r\n{tra('Shipment_Date')}
\r\n {dateHandler(orderDetail?.upload_date)}\r\n{tra('Production_Start_Date')}
\r\n {dateHandler(orderDetail?.production_start_date)}\r\n{tra('Production_End_Date')}
\r\n {dateHandler(orderDetail?.production_end_date)}\r\n{tra('Company_To_Export')}
\r\n {companyCodes?.find(cd => cd?.id === orderDetail?.company_to_export_id)?.name || '-'}\r\n{tra('Production_Place')}
\r\n {productionSites?.find(cd => cd?.id === orderDetail?.production_site_id)?.name || '-'}\r\n{tra('Invoice_Note')}
\r\n {orderDetail?.invoice_note || '-'}\r\n\r\n
\r\n \r\n \r\n {order?.order_status_name}\r\n \r\n
\r\n {tra('Order_Status')}
\r\n\r\n
\r\n {tra('Order_Date')}
\r\n {new Date(order?.createdAt).toLocaleDateString(localeLanguage, { day: 'numeric', month: 'long', year: 'numeric' })}\r\n\r\n
\r\n {tra('Total')}
\r\n {order?.total_amount} {tra('Ton')}\r\n\r\n
\r\n {tra('Delivery_Place')}
\r\n {order?.delivery_point_name}\r\n\r\n \r\n {order?.Delivery?.name}\r\n \r\n
\r\n {tra('Building_Site')}
\r\n\r\n {denyButtonSwitcher(order)}\r\n {approveButtonSwitcher(order)}\r\n {\r\n dispatch(getOrderStatuHistories(order?.id));\r\n setOrderStatuHistoryModal(true);\r\n }}\r\n lined\r\n >\r\n {tra('Order_History')}\r\n \r\n {\r\n dispatch(getAbroadOrderDetail(order?.id, false));\r\n setOrderDetailModal(true);\r\n }}\r\n >\r\n {tra('Order_Detail')}\r\n \r\n {!!order?.OrderFiles.length && (\r\n {\r\n setSelectedOrder(order);\r\n setFileDetailModal(true);\r\n }}\r\n darkGrey\r\n >\r\n {tra('Files')}\r\n \r\n )}\r\n
\r\n \r\n {\r\n (order?.message || order?.tonnage_update_message || order?.cancel_message) && (\r\n <>\r\n \r\n \r\n {tra('Order_Ref_ID')} \r\n {tra('Quanta')} \r\n {tra('Product')} \r\n {tra('Delivery_Time')} \r\n \r\n \r\n {\r\n order?.Amounts && order?.Amounts.map(item => (\r\n \r\n {item.order_id} \r\n {item.amount} {tra('Ton')} \r\n \r\n \r\n {order?.product_name}\r\n \r\n \r\n {item.hour} \r\n \r\n ))\r\n }\r\n \r\n \r\n
\r\n \r\n {\r\n order?.message && (\r\n \r\n \r\n )\r\n }\r\n {\r\n order?.tonnage_update_message && (\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 order?.cancel_message && (\r\n \r\n {order?.cancel_confirm ?
\r\n \r\n {order?.tonnage_update_confirm ?
\r\n \r\n \r\n \r\n
\r\n {tra('Order_Confirmation')}
\r\n\r\n {error && (\r\n \r\n {error}\r\n \r\n )}\r\n {/* 19 = Pending for Logistics Approval */}\r\n {(data.type === types.APPROVED && props.selectedOrder?.OrderStatus?.id !== 19) && (\r\n {tra('Call_Center_Approval_Warning_Message')} \r\n )}\r\n {props.selectedOrder?.logistics_approval_message && (\r\n \r\n {tra('Logistics_Message')}: \r\n {props.selectedOrder?.logistics_approval_message} \r\n \r\n )}\r\n setData(prev => ({ ...prev, type: e.target.value }))}\r\n error={error && data.type === null}\r\n />\r\n {data.type === types.RESCHEDULED && (\r\n <>\r\n handleChange(e, 'scheduled_date')}\r\n autoOk\r\n KeyboardButtonProps={{\r\n 'aria-label': 'change date',\r\n }}\r\n minDate={new Date()}\r\n disablePast\r\n invalidDateMessage={tra('Please_enter_valid_date')}\r\n minDateMessage={tra('Please_enter_valid_date')}\r\n error={error && !data.scheduled_date}\r\n />\r\n {data.amounts.map((p, i) => (\r\n data.amounts.length > 1\r\n ? (\r\n \r\n \r\n \r\n setData(prev => ({\r\n ...prev,\r\n amounts: prev.amounts.map((pl) => {\r\n if (pl.amount_id === p.amount_id) {\r\n return {\r\n ...pl,\r\n production_site_id: e.target.value,\r\n };\r\n }\r\n return pl;\r\n }),\r\n }))}\r\n error={error && !p.production_site_id}\r\n />\r\n \r\n \r\n setData(prev => ({\r\n ...prev,\r\n amounts: prev.amounts.map((pl) => {\r\n if (pl.amount_id === p.amount_id) {\r\n return {\r\n ...pl,\r\n rescheduled_hour: e.target.value,\r\n };\r\n }\r\n return pl;\r\n }),\r\n }))}\r\n error={error && !p.rescheduled_hour}\r\n />\r\n \r\n \r\n \r\n )\r\n : (\r\n \r\n \r\n setData(prev => ({\r\n ...prev,\r\n amounts: prev.amounts.map((pl) => {\r\n if (pl.amount_id === p.amount_id) {\r\n return {\r\n ...pl,\r\n production_site_id: e.target.value,\r\n };\r\n }\r\n return pl;\r\n }),\r\n }))}\r\n error={error && !p.production_site_id}\r\n />\r\n \r\n \r\n setData(prev => ({\r\n ...prev,\r\n amounts: prev.amounts.map((pl) => {\r\n if (pl.amount_id === p.amount_id) {\r\n return {\r\n ...pl,\r\n rescheduled_hour: e.target.value,\r\n };\r\n }\r\n return pl;\r\n }),\r\n }))}\r\n error={error && !p.rescheduled_hour}\r\n />\r\n \r\n \r\n )\r\n ))}\r\n \r\n )}\r\n handleChange(e.target.value, 'message')}\r\n autoFocus={data.type === types.CANCELLED}\r\n error={error && !data.message}\r\n />\r\n
\r\n {props.selectedOrder.Amounts[i].amount} {props.selectedOrder.Amounts[i]?.UnitOfMeasurement?.UnitOfMeasurementTranslations?.[0]?.name} - {props.selectedOrder.Amounts[i]?.Product?.ProductTranslations?.[0]?.name}:
\r\n\r\n handleClose()}>\r\n {tra('Cancel')}\r\n \r\n handleSave()}>\r\n {tra('Save')}\r\n \r\n
\r\n {p.Product?.ProductTranslations?.[0]?.alternative_name}
))} TransitionComponent={Zoom} placement=\"top\">\r\n {row.Amounts[0]?.Product?.ProductTranslations?.[0]?.alternative_name} {row.Amounts.length > 1 && +{row.Amounts.length - 1}}\r\n{value1}
}\r\n />\r\n );\r\n }\r\n return (\r\n {value1}
}\r\n />\r\n );\r\n },\r\n },\r\n {\r\n name: 'tonnage_update_amount',\r\n text: tra('Increase_Amount'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n hidden: innerTabValue !== 0,\r\n customBody: (value, n, i, row) => (\r\n {value1}
}\r\n />\r\n ),\r\n },\r\n {\r\n name: 'ProductionSites',\r\n text: tra('Production_Site'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n customBody: (v, i, n, row) => (\r\n row.Amounts?.length\r\n ? (\r\n {p.ProductionSite?.ProductionSiteTranslations?.[0].name}
))} TransitionComponent={Zoom} placement=\"top\">\r\n {row.Amounts[0]?.ProductionSite?.ProductionSiteTranslations?.[0].name || '-'} {(row.Amounts.length > 1 && row.Amounts[0]?.ProductionSite?.ProductionSiteTranslations?.[0].name) && +{row.Amounts.length - 1}}\r\n\r\n setAnchorEl({ [row.id]: e.currentTarget })}>\r\n \r\n {\r\n anchorEl[row.id] && (\r\n setAnchorEl({ [row.id]: null })}\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n disablePortal={false}\r\n modifiers={{\r\n flip: {\r\n enabled: false,\r\n },\r\n preventOverflow: {\r\n enabled: true,\r\n boundariesElement: 'scrollParent',\r\n },\r\n arrow: {\r\n enabled: true,\r\n element: anchorEl[row.id],\r\n },\r\n }}\r\n >\r\n {\r\n setTransactionModalData(s => ({ ...s, transactionStatus: 1 }));\r\n setSelectedOrder(row);\r\n setTransactionModalOpen(true);\r\n setAnchorEl({});\r\n }}\r\n >\r\n {\r\n setTransactionModalData(s => ({ ...s, transactionStatus: 2 }));\r\n setSelectedOrder(row);\r\n setTransactionModalOpen(true);\r\n setAnchorEl({});\r\n }}\r\n >\r\n
\r\n ),\r\n },\r\n {\r\n name: 'Action',\r\n text: tra('Action'),\r\n filterable: false,\r\n editable: false,\r\n align: 'left',\r\n sortable: false,\r\n type: 'action',\r\n hidden: innerTabValue !== 3 && innerTabValue !== 4,\r\n disableSetting: false,\r\n customBody: (value, columnName, index, row) => (\r\n \r\n setAnchorEl({ [row.id]: e.currentTarget })}>\r\n \r\n {\r\n anchorEl[row.id] && (\r\n setAnchorEl({ [row.id]: null })}\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n disablePortal={false}\r\n modifiers={{\r\n flip: {\r\n enabled: false,\r\n },\r\n preventOverflow: {\r\n enabled: true,\r\n boundariesElement: 'scrollParent',\r\n },\r\n arrow: {\r\n enabled: true,\r\n element: anchorEl[row.id],\r\n },\r\n }}\r\n >\r\n {\r\n setUpdateOrderWithTransactionStatus(1);\r\n setSelectedOrder(row);\r\n setUpdateOrderWithTransactionModalOpen(true);\r\n setAnchorEl({});\r\n }}\r\n >\r\n {\r\n setUpdateOrderWithTransactionStatus(0);\r\n setSelectedOrder(row);\r\n setUpdateOrderWithTransactionModalOpen(true);\r\n setAnchorEl({});\r\n }}\r\n >\r\n {\r\n setUpdateOrderWithTransactionStatus(2);\r\n setSelectedOrder(row);\r\n setUpdateOrderWithTransactionModalOpen(true);\r\n setAnchorEl({});\r\n }}\r\n >\r\n
\r\n ),\r\n },\r\n ], [anchorEl, innerTabValue]);\r\n\r\n useEffect(() => {\r\n switch (true) {\r\n case (auth?.auth31 && innerTabValue === 0):\r\n dispatch(getTonnageUpdates());\r\n break;\r\n case (auth?.auth31 && innerTabValue === 1):\r\n dispatch(getTonnageUpdates());\r\n break;\r\n case (auth?.auth55 && innerTabValue === 2):\r\n dispatch(getPendingOrders());\r\n break;\r\n case (auth?.auth57 && innerTabValue === 3):\r\n dispatch(getLogisticsApprovalOrders());\r\n break;\r\n case (auth?.auth60 && innerTabValue === 4):\r\n dispatch(getCallCenterApprovalOrders());\r\n break;\r\n default:\r\n break;\r\n }\r\n }, [auth, dispatch, innerTabValue]);\r\n\r\n useEffect(() => {\r\n switch (true) {\r\n case (innerTabValue === 0):\r\n setData(updateAndCancelRequests.tonnage_updates || []);\r\n break;\r\n case (innerTabValue === 1):\r\n setData(updateAndCancelRequests.cancel || []);\r\n break;\r\n case (innerTabValue === 2):\r\n setData(pendingOrders || []);\r\n break;\r\n case (innerTabValue === 3):\r\n setData(logisticsApprovalOrders || []);\r\n break;\r\n case (innerTabValue === 4):\r\n setData(callCenterApprovalOrders || []);\r\n break;\r\n default:\r\n break;\r\n }\r\n }, [innerTabValue, logisticsApprovalOrders, pendingOrders, updateAndCancelRequests, callCenterApprovalOrders]);\r\n\r\n const handleResetTransactionModal = () => {\r\n setError({});\r\n setTransactionModalData({\r\n transactionStatus: '',\r\n declaration: '',\r\n });\r\n setSelectedOrder({});\r\n setTransactionModalOpen(false);\r\n setConfirmModalOpen(false);\r\n };\r\n\r\n const handleSave = (isValidated) => {\r\n const { transactionStatus, declaration } = transactionModalData;\r\n if (transactionStatus === 2 && !declaration) {\r\n setError({\r\n isError: true,\r\n message: tra('Please_Fill_in_the_mandatory_fields'),\r\n });\r\n return;\r\n }\r\n if (isValidated) {\r\n if (innerTabValue === 2) {\r\n const payload = {\r\n order_id: selectedOrder.id,\r\n type: transactionStatus === 1 ? 1 : 0,\r\n message: declaration,\r\n };\r\n dispatch(changeOrderStatus(payload));\r\n setTransactionModalOpen(false);\r\n setConfirmModalOpen(false);\r\n handleResetTransactionModal();\r\n } else {\r\n const payload = {\r\n type: innerTabValue + 1,\r\n confirmation: (transactionStatus === 1 ? true : transactionStatus === 2 ? false : null),\r\n message: declaration,\r\n };\r\n dispatch(confirmDeclineOrder(selectedOrder?.orderId || selectedOrder?.id, payload));\r\n handleResetTransactionModal();\r\n }\r\n } else {\r\n setConfirmModalOpen(true);\r\n }\r\n };\r\n\r\n return (\r\n \r\n setFilterDrawerOpen(s => !s)}>{tra('Filter')} \r\n
\r\n \r\n setSearch(e.target.value)}\r\n variant=\"outlined\"\r\n />\r\n
\r\n \r\n {errorMessage && errorMessage?.length && (\r\n \r\n {errorMessage}!\r\n \r\n )}\r\n {/* this.setState({ oldPassword: e.target.value })}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n ),\r\n }}\r\n /> */}\r\n this.setState({ newPassword: e.target.value })}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n ),\r\n }}\r\n />\r\n this.setState({ newPasswordAgain: e.target.value })}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n ),\r\n }}\r\n />\r\n this.saveFunc()}>{tra('Save')} \r\n
\r\n {\r\n this.state.confirmModal && (\r\n {tra('Please_chance_password_by_entering_the_password_given_to_you')}
*/}\r\n{tra('Please_Create_a_New_8_character_Password')}
\r\n {/*\r\n setAnchorEl({ [row.id]: e.currentTarget })}>\r\n \r\n setAnchorEl({ [row.id]: null })}\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n disablePortal={false}\r\n modifiers={{\r\n flip: {\r\n enabled: false,\r\n },\r\n preventOverflow: {\r\n enabled: true,\r\n boundariesElement: 'scrollParent',\r\n },\r\n arrow: {\r\n enabled: true,\r\n element: anchorEl[row.id],\r\n },\r\n }}\r\n >\r\n {\r\n dispatch(deleteFileOfOrder(row.id, order.id));\r\n setAnchorEl({ [row.id]: null });\r\n }}\r\n >\r\n
\r\n ),\r\n },\r\n ], [anchorEl, dispatch, order.id]);\r\n\r\n const handleFileUpload = (e) => {\r\n if (e.target.files[0]) {\r\n dispatch(uploadFileToOrder(props.selectedOrder.id, e.target.files));\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n props.onClose()}> \r\n
\r\n {tra('Files')}
\r\n\r\n \r\n {!!order.OrderFiles?.length && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {tra('Upload_File')}\r\n
\r\n \r\n {value1}
}\r\n // />\r\n // ),\r\n // },\r\n // {\r\n // name: 'payment_condition_name',\r\n // text: tra('Payment_Condition'),\r\n // filterable: true,\r\n // editable: false,\r\n // align: 'left',\r\n // sortable: true,\r\n // type: 'text',\r\n // },\r\n {\r\n name: 'date',\r\n text: tra('Shipping_Date'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'date',\r\n },\r\n {\r\n name: 'customer',\r\n text: tra('Customer_Name'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'building_sites_name',\r\n text: tra('Construction_Site_Name'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'product_name',\r\n text: tra('Product_Name'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n customBody: (v, i, n, row) => (\r\n row.Amounts?.length\r\n ? (\r\n {p.Product?.ProductTranslations?.[0]?.alternative_name}
))} TransitionComponent={Zoom} placement=\"top\">\r\n {row.Amounts[0]?.Product?.ProductTranslations?.[0]?.alternative_name} {row.Amounts.length > 1 && +{row.Amounts.length - 1}}\r\n{value1}
}\r\n />\r\n ),\r\n },\r\n {\r\n name: 'created_user_name',\r\n text: tra('Order_Creator'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'order_status_name',\r\n text: tra('Status'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'message',\r\n text: tra('Message'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n customBody: value => (\r\n value || '-'\r\n ),\r\n },\r\n];\r\n\r\nclass ReportAdmin extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n innerTabValue: 0,\r\n searchFilter: '',\r\n check: 0,\r\n selectedOrder: {},\r\n openFilesModal: false,\r\n orderReport: [\r\n {\r\n name: 'sap_order_no',\r\n text: tra('SAP_Order_Number'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n customBody: value => (\r\n value || '-'\r\n ),\r\n },\r\n {\r\n name: 'id',\r\n text: tra('Order_Number'),\r\n filterable: true,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'po_number',\r\n text: tra('PO_Number'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n customBody: value => (value || '-'),\r\n },\r\n {\r\n name: 'date',\r\n text: tra('Shipping_Date'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'date',\r\n },\r\n {\r\n name: 'customer',\r\n text: tra('Customer_Name'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'building_sites_name',\r\n text: tra('Construction_Site_Name'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'product_name',\r\n text: tra('Product_Name'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n customBody: (v, i, n, row) => (\r\n row.Amounts?.length\r\n ? (\r\n {p.Product?.ProductTranslations?.[0]?.alternative_name}
))} TransitionComponent={Zoom} placement=\"top\">\r\n {row.Amounts[0]?.Product?.ProductTranslations?.[0]?.alternative_name} {row.Amounts.length > 1 && +{row.Amounts.length - 1}}\r\n{value1}
}\r\n />\r\n );\r\n },\r\n },\r\n {\r\n name: 'unit_of_measurement',\r\n text: tra('Unit_Of_Measurement'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n customBody: (v, i, n, row) => row.Amounts?.[0]?.UnitOfMeasurement?.UnitOfMeasurementTranslations?.[0]?.name,\r\n },\r\n {\r\n name: 'actual_loading_value',\r\n text: tra('Amount_Weighed'),\r\n filterable: true,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'text',\r\n customBody: (value, name, i, row) => (\r\n {value1}
}\r\n />\r\n ),\r\n },\r\n {\r\n name: 'ProductionSites',\r\n text: tra('Production_Site'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n customBody: (v, i, n, row) => (\r\n row.Amounts?.length\r\n ? (\r\n {p.ProductionSite?.ProductionSiteTranslations?.[0].name}
))} TransitionComponent={Zoom} placement=\"top\">\r\n {row.Amounts[0]?.ProductionSite?.ProductionSiteTranslations?.[0].name || '-'} {(row.Amounts.length > 1 && row.Amounts[0]?.ProductionSite?.ProductionSiteTranslations?.[0].name) && +{row.Amounts.length - 1}}\r\n\r\n this.setState({ [`anchorMobileTable${row.id}`]: e.currentTarget })}>\r\n \r\n {\r\n this.state[`anchorMobileTable${row.id}`] && (\r\n this.setState({ [`anchorMobileTable${row.id}`]: null })}\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n disablePortal={false}\r\n modifiers={{\r\n flip: {\r\n enabled: false,\r\n },\r\n preventOverflow: {\r\n enabled: true,\r\n boundariesElement: 'scrollParent',\r\n },\r\n arrow: {\r\n enabled: true,\r\n element: this.state[`anchorMobileTable${row.id}`],\r\n },\r\n }}\r\n >\r\n {\r\n this.setState({\r\n openFilesModal: true, selectedOrder: row, [`anchorMobileTable${row.id}`]: null,\r\n });\r\n }}\r\n >\r\n
\r\n ),\r\n },\r\n ],\r\n };\r\n this.addColumns();\r\n this.props.setOrderDetail({});\r\n this.serviceFilterRef = createRef();\r\n }\r\n\r\n innerTabChange = (event, newValue) => {\r\n this.setState({ innerTabValue: newValue, searchFilter: '' });\r\n if (\r\n (!this.props.reportAdminOrder?.length && newValue === 0)\r\n || (!this.props.reportAdminMonth?.length && newValue === 1)\r\n || (!this.props.reportAdminAbroadOrder?.length && newValue === 2)\r\n ) {\r\n this.props.appConfig('adminReportExpanded', false);\r\n } else {\r\n this.props.appConfig('adminReportExpanded', true);\r\n }\r\n }\r\n\r\n addColumns = () => {\r\n if (monthlyReport.length === 2) { // f0r stop duplicate columns\r\n for (let index = 0; index < 12; index++) {\r\n monthlyReport.push({\r\n name: 'data',\r\n text: tra(monthsLong?.[index]),\r\n filterable: false,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'array',\r\n secondaryColumnsText: `${tra('Piece')} | ${tra('Ton')}`,\r\n customBody: value => (\r\n {value1}
}\r\n // />\r\n \r\n this.setState(prevState => ({ filterDrawer: !prevState.filterDrawer }))}>{tra('Filter')} \r\n // )\r\n }\r\n
\r\n \r\n this.setState({ searchFilter: event.target.value })}\r\n variant=\"outlined\"\r\n />\r\n
\r\n {\r\n // (innerTabValue === 0 || innerTabValue === 1) && (\r\n // \r\n
\r\n \r\n
\r\n )}\r\n >\r\n {tra('Filter')}\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nPagination.propTypes = {\r\n perPage: PropTypes.number,\r\n page: PropTypes.number,\r\n setPerPage: PropTypes.func.isRequired,\r\n setPage: PropTypes.func.isRequired,\r\n count: PropTypes.func.isRequired,\r\n};\r\n\r\nPagination.defaultProps = {\r\n perPage: 20,\r\n page: 1,\r\n};\r\n","import React, { useEffect, useState } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport {\r\n Box, Dialog, DialogActions, DialogContent, DialogTitle,\r\n Grid,\r\n Typography,\r\n} from '@material-ui/core';\r\nimport { handleGetDatePickerFormat, tra } from '../../../commons/utils';\r\nimport { CustomButton, CustomIconButton } from '../../../assets/styled';\r\nimport Input from '../../../components/Input';\r\nimport { getAllVGADescriptions, setToast, updateVGAReportItem } from '../../../store/actions';\r\nimport { KeyboardDatePicker } from '@material-ui/pickers';\r\nimport { format } from 'date-fns';\r\nimport { Close } from '@material-ui/icons';\r\n\r\nexport const DescriptionModal = (props) => {\r\n const { open, onClose, selectedRow } = props;\r\n const dispatch = useDispatch();\r\n // const [desc, setDesc] = useState('');\r\n const [selectedType, setSelectedType] = useState(null);\r\n const [amount, setAmount] = useState(null);\r\n const [date, setDate] = useState(new Date());\r\n const [errorMessage, setErrorMessage] = useState(null);\r\n\r\n const vgaDescriptionTypes = useSelector((s) => s?.vgaDescriptions);\r\n\r\n const handleUpdateItem = () => {\r\n if((selectedType?.price && (amount === null || amount?.length === 0)) || selectedType === null) {\r\n setErrorMessage(tra('Please_Fill_in_the_mandatory_fields'))\r\n return;\r\n }\r\n if (selectedRow) {\r\n const data = {\r\n item_id: selectedRow?.id,\r\n description_id: selectedType?.id,\r\n }\r\n if (amount) {\r\n data.price = amount;\r\n }\r\n if (date) {\r\n data.date = date;\r\n }\r\n dispatch(updateVGAReportItem(data));\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n dispatch(getAllVGADescriptions());\r\n },[])\r\n\r\n useEffect(() => {\r\n if (amount?.length === 0) {\r\n setErrorMessage(tra('Please_Fill_in_the_mandatory_fields'))\r\n }\r\n },[amount])\r\n\r\n const replacePlaceholders = (text) => {\r\n return text\r\n .replace('{{date}}', date ? date.toLocaleDateString() : '')\r\n .replace('{{price}}', amount || '');\r\n };\r\n\r\n return (\r\n \r\n {\r\n if (props?.setPerPage) {\r\n props.setPerPage(Number(e.target.value));\r\n props.setPage(0);\r\n }\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {props.count > 0 && (\r\n \r\n {\r\n ((props.page - 1) * props.perPage + 1) === props.count ? (\r\n `${tra('table_pagination', [props.count, props.count, props.count])}`\r\n ) : ((props.page - 1) * props.perPage + 2) === props.count ? (\r\n `${tra('table_pagination', [props.count, (props.count - 1), props.count])}`\r\n ) : (\r\n `${tra('table_pagination', [props.count, ((props.page - 1) * props.perPage + 1), props.count <= (props.page * props.perPage) ? props.count : (props.page * props.perPage)])}`\r\n )\r\n }\r\n
\r\n\r\n props.setPage(value - 1)}\r\n hidePrevButton={props.page === 1}\r\n hideNextButton={props.page === totalPages}\r\n defaultPage={0}\r\n style={{\r\n 'li:first-of-type': {\r\n marginRight: props.page !== 1 && '2px',\r\n },\r\n }}\r\n renderItem={(item) => (\r\n tra('Prev'),\r\n next: () => tra('Next'),\r\n }}\r\n {...item}\r\n style={{\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n border: `1px solid ${theme.palette.tablePaginationItemBorder}`,\r\n color: theme.palette.tablePaginationItemText,\r\n backgroundColor: theme.palette.tablePaginationItemBg,\r\n borderRadius: '5px',\r\n padding: '16px 10px',\r\n marginTop: '5px',\r\n '& + &': {\r\n marginLeft: '5px',\r\n marginRight: '5px',\r\n },\r\n cursor: 'pointer',\r\n fontWeight: 600,\r\n '&.Mui-selected': {\r\n color: theme.palette.tablePaginationSelectedText,\r\n // backgroundColor: hexToRgbA(theme.palette.tablePaginationSelectedBg, 0.5),\r\n ':hover': {\r\n color: Colors.mainColorBlack,\r\n // backgroundColor: hexToRgbA(theme.palette.tablePaginationSelectedBgHover, 0.5)\r\n },\r\n },\r\n '&.MuiPaginationItem-previousNext': {\r\n minWidth: '100%',\r\n span: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n },\r\n }}\r\n />\r\n )}\r\n />\r\n
\r\n )}\r\n \r\n {tra('Description')}\r\n
\r\n \r\n
\r\n )\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport {\r\n ArrowDownward, ArrowUpward, ExpandMore, Search,\r\n} from '@material-ui/icons';\r\nimport {\r\n Accordion, AccordionActions, AccordionDetails, AccordionSummary, Box, Grid,\r\n Menu,\r\n MenuItem,\r\n Tooltip,\r\n} from '@material-ui/core';\r\nimport { KeyboardDatePicker, MuiPickersUtilsProvider } from '@material-ui/pickers';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport DateFnsUtils from '@date-io/date-fns';\r\nimport { tr } from 'date-fns/locale';\r\nimport { format } from 'date-fns';\r\nimport {\r\n CustomButton, CustomIconButton, CustomTextField, SearchBar, ServiceFilterButton,\r\n} from '../../../assets/styled';\r\nimport { tra } from '../../../commons/utils';\r\nimport Input from '../../../components/Input';\r\nimport ClaimChart from './ClaimChart';\r\nimport Table from '../../../components/Table';\r\nimport Pagination from '../../../components/Pagination';\r\nimport { DescriptionModal } from './DescriptionModal';\r\nimport {\r\n appConfig,\r\n deleteVGAReportItemDescription,\r\n getRegions, getVGAChart, getVGACustomers, getVGAProductGroups, getVGAReport,\r\n getVGAReportPDF,\r\n sendVgaReportMail,\r\n setReset,\r\n} from '../../../store/actions';\r\nimport { Colors } from '../../../assets/statics';\r\nimport { MobileTripleIcon } from '../../../assets/icons';\r\nimport { ClaimChartRecharts } from './ClaimChartRecharts';\r\n\r\nexport const DailyVGA = () => {\r\n const dispatch = useDispatch();\r\n const [searchFilter, setSearchFilter] = useState('');\r\n const [descModalOpen, setDescModalOpen] = useState(false);\r\n const [tableMenu, setTableMenu] = useState(false);\r\n const [filterExpand, setFilterExpand] = useState(true);\r\n const [filteredData, setFilteredData] = useState(false);\r\n const [pageIndex, setPageIndex] = useState(0);\r\n const [perPage, setPerPage] = useState(20);\r\n const [startDate, setStartDate] = useState(new Date());\r\n const [productGroup, setProductGroup] = useState(null);\r\n const [tableMenuID, setTableMenuID] = useState(null);\r\n const [selectedRow, setSelectedRow] = useState(null);\r\n const [selectedRegions, setSelectedRegions] = useState([]);\r\n const [selectedVGACustomers, setSelectedVGACustomers] = useState([]);\r\n const vgaReport = useSelector((s) => s?.vgaReport);\r\n const vgaCustomers = useSelector((s) => s?.vgaCustomers);\r\n const regions = useSelector((s) => s?.regions);\r\n const vgaProductGroups = useSelector((s) => s?.vgaProductGroups);\r\n const reset = useSelector((s) => s?.reset);\r\n const auth = useSelector((s) => s?.auth);\r\n \r\n const columns = [\r\n {\r\n name: 'region',\r\n text: tra('Customer_Area'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n width: '70px',\r\n customBody: (value) => (\r\n {value || '-'}\r\n )\r\n },\r\n {\r\n name: 'customer_name',\r\n text: tra('Customer'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n width: '300px'\r\n },\r\n {\r\n name: 'data',\r\n text: tra('Total_Amount_of_Overdue_Receivables'),\r\n filterable: false,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'array',\r\n width: '400px',\r\n secondaryColumnsText: `${tra('Morning')} | ${tra('Afternoon')}`,\r\n customBody: (value, i, t, r) => (\r\n \r\n \r\n \r\n \r\n new Intl.NumberFormat('tr-TR', {\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2,\r\n }).format(value)\r\n }\r\n />\r\n \r\n `${new Intl.NumberFormat('tr-TR', {\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2,\r\n }).format(value)} M`\r\n }\r\n labelFormatter={(label) => `X: ${label}`}\r\n />\r\n {data.map((lineData, index) => (\r\n \r\n `${new Intl.NumberFormat('tr-TR', {\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2\r\n }).format(value)} M`}\r\n />\r\n \r\n ))}\r\n \r\n \r\n
\r\n \r\n {value || ''}\r\n
\r\n\r\n {\r\n setTableMenu(e.currentTarget);\r\n setTableMenuID(row.id);\r\n }}\r\n >\r\n setTableMenu(null)}\r\n >\r\n {!row?.description ? (\r\n {\r\n setDescModalOpen(true);\r\n setSelectedRow(row);\r\n setTableMenu(null);\r\n setTableMenuID(null);\r\n }}\r\n >\r\n {tra('Add_Description')}\r\n \r\n )\r\n : (\r\n {\r\n setTableMenu(null);\r\n setTableMenuID(null);\r\n dispatch(appConfig('infoModal', {\r\n open: true,\r\n type: 'Warning',\r\n title: tra('Delete_Description'),\r\n text: tra('Delete_Description_Warning_Text'),\r\n confirmButton: ( dispatch(deleteVGAReportItemDescription(row.id))}>{tra('Done')} ),\r\n cancelButton: ( dispatch(appConfig('infoModal', { open: false }))}>{tra('Cancel')} ),\r\n }));\r\n }}\r\n >\r\n {tra('Delete_Description')}\r\n \r\n )}\r\n \r\n )}\r\n
\r\n ) : null\r\n ),\r\n },\r\n ];\r\n\r\n useEffect(() => {\r\n dispatch(getVGAProductGroups());\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (vgaReport?.rows?.length > 0) {\r\n setFilteredData(vgaReport?.rows || []);\r\n } else {\r\n setFilteredData([]);\r\n }\r\n }, [vgaReport]);\r\n\r\n useEffect(() => {\r\n const query = `?limit=${perPage}&page=${pageIndex + 1}`;\r\n if (productGroup && startDate) {\r\n dispatch(getVGAReport({\r\n date: format(startDate, 'yyyy-MM-dd'),\r\n product_group_id: productGroup?.id,\r\n regions: selectedRegions.map((i) => i.region),\r\n customers: selectedVGACustomers.map((i) => i.id),\r\n }, query));\r\n }\r\n }, [perPage, pageIndex, productGroup, startDate]);\r\n\r\n useEffect(() => {\r\n if (!isNaN(startDate?.getTime()) && productGroup) {\r\n dispatch(getVGAChart({\r\n date: format(startDate, 'yyyy-MM-dd'),\r\n product_group_id: productGroup?.id,\r\n }));\r\n dispatch(getRegions({\r\n start_date: format(startDate, 'yyyy-MM-dd'),\r\n product_group_id: productGroup?.id,\r\n }));\r\n }\r\n }, [startDate, productGroup]);\r\n\r\n useEffect(() => {\r\n if (!isNaN(startDate?.getTime()) && productGroup) {\r\n dispatch(getVGACustomers({\r\n start_date: format(startDate, 'yyyy-MM-dd'),\r\n product_group_id: productGroup?.id,\r\n regions: selectedRegions.map((i) => i.region),\r\n }));\r\n }\r\n }, [startDate, productGroup, selectedRegions]);\r\n\r\n useEffect(() => {\r\n if (vgaProductGroups?.length > 0 && productGroup === null) {\r\n setProductGroup(vgaProductGroups[0]);\r\n const query = `?limit=${perPage}&page=${pageIndex + 1}`;\r\n dispatch(getVGAReport({\r\n date: format(startDate, 'yyyy-MM-dd'),\r\n product_group_id: vgaProductGroups[0]?.id,\r\n }, query));\r\n }\r\n }, [vgaProductGroups]);\r\n\r\n const getFilteredData = () => {\r\n const query = `?limit=${perPage}&page=${pageIndex + 1}`;\r\n if (!isNaN(startDate?.getTime()) && productGroup) {\r\n dispatch(getVGAReport({\r\n date: format(startDate, 'yyyy-MM-dd'),\r\n product_group_id: productGroup?.id,\r\n regions: selectedRegions.map((i) => i.region),\r\n customers: selectedVGACustomers.map((i) => i.id),\r\n }, query));\r\n setPageIndex(0);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (searchFilter?.length > 0) {\r\n const lowercasedFilter = searchFilter?.toLocaleUpperCase();\r\n setFilteredData(searchFilter?.length > 0 ? filteredData?.filter((item) => Object.keys(item).some((key) => typeof (item[(key)]) === 'string'\r\n && item[(key)]?.toLocaleUpperCase()?.includes(lowercasedFilter))) : filteredData);\r\n }\r\n }, [searchFilter]);\r\n\r\n useEffect(() => {\r\n if (reset) {\r\n getFilteredData();\r\n setDescModalOpen(false);\r\n dispatch(setReset(false));\r\n }\r\n }, [reset]);\r\n\r\n return (\r\n \r\n
\r\n \r\n setSearchFilter(e.target.value)}\r\n variant=\"outlined\"\r\n />\r\n
\r\n \r\n setState({ [`anchorMobileTable${row.id}`]: e.currentTarget })}>\r\n \r\n {\r\n state[`anchorMobileTable${row.id}`] && (\r\n setState({ [`anchorMobileTable${row.id}`]: null })}\r\n // placement=\"left\"\r\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\r\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\r\n >\r\n {\r\n setDepts(row?.depts);\r\n setDeptDetailModalOpen(true);\r\n }}\r\n >\r\n {\r\n setPayments(row?.payments);\r\n setPaymentDetailModalOpen(true);\r\n }}\r\n >\r\n
\r\n ),\r\n },\r\n ];\r\n\r\n useEffect(() => {\r\n dispatch(getVGAProductGroups());\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (vgaAverageReport?.length > 0) {\r\n setFilteredData(vgaAverageReport || []);\r\n } else {\r\n setFilteredData([]);\r\n }\r\n }, [vgaAverageReport]);\r\n\r\n // useEffect(() => {\r\n // const query = `?limit=${perPage}&page=${pageIndex + 1}`;\r\n // if (productGroup && startDate) {\r\n // dispatch(getVGAReport({\r\n // date: format(startDate, 'yyyy-MM-dd'),\r\n // product_group_id: productGroup?.id,\r\n // regions: selectedRegions.map((i) => i.region),\r\n // customers: selectedVGACustomers.map((i) => i.id),\r\n // }, query));\r\n // }\r\n // }, [perPage, pageIndex]);\r\n\r\n useEffect(() => {\r\n if (!isNaN(startDate?.getTime()) && !isNaN(endDate?.getTime()) && productGroup) {\r\n dispatch(getRegions({\r\n start_date: format(startDate, 'yyyy-MM-dd'),\r\n product_group_id: productGroup?.id,\r\n end_date: format(endDate, 'yyyy-MM-dd'),\r\n }));\r\n }\r\n }, [startDate, endDate, productGroup]);\r\n\r\n useEffect(() => {\r\n if (!isNaN(startDate?.getTime()) && !isNaN(endDate?.getTime()) && productGroup) {\r\n dispatch(getVGACustomers({\r\n start_date: format(startDate, 'yyyy-MM-dd'),\r\n end_date: format(endDate, 'yyyy-MM-dd'),\r\n product_group_id: productGroup?.id,\r\n regions: selectedRegions.map((i) => i.region),\r\n }));\r\n }\r\n }, [startDate, endDate, productGroup, selectedRegions]);\r\n\r\n useEffect(() => {\r\n if (vgaProductGroups?.length > 0 && productGroup === null) {\r\n setProductGroup(vgaProductGroups[0]);\r\n dispatch(getVGAAverageReport({\r\n start_date: format(startDate, 'yyyy-MM-dd'),\r\n end_date: format(endDate, 'yyyy-MM-dd'),\r\n product_group_id: vgaProductGroups[0]?.id,\r\n }));\r\n }\r\n }, [vgaProductGroups]);\r\n\r\n const getFilteredData = () => {\r\n if (!isNaN(startDate?.getTime()) && !isNaN(endDate?.getTime()) && productGroup) {\r\n dispatch(getVGAAverageReport({\r\n start_date: format(startDate, 'yyyy-MM-dd'),\r\n end_date: format(endDate, 'yyyy-MM-dd'),\r\n product_group_id: productGroup?.id,\r\n regions: selectedRegions.map((i) => i.region),\r\n customers: selectedVGACustomers.map((i) => i.id),\r\n }));\r\n }\r\n setPageIndex(0);\r\n };\r\n\r\n useEffect(() => {\r\n if (searchFilter?.length > 0) {\r\n const lowercasedFilter = searchFilter?.toLocaleUpperCase();\r\n setFilteredData(searchFilter?.length > 0 ? filteredData?.filter((item) => Object.keys(item).some((key) => typeof (item[(key)]) === 'string'\r\n && item[(key)]?.toLocaleUpperCase()?.includes(lowercasedFilter))) : filteredData);\r\n }\r\n }, [searchFilter]);\r\n\r\n useEffect(() => {\r\n if (reset) {\r\n getFilteredData();\r\n setDescModalOpen(false);\r\n }\r\n }, [reset]);\r\n\r\n return (\r\n \r\n
\r\n \r\n setSearchFilter(e.target.value)}\r\n variant=\"outlined\"\r\n />\r\n
\r\n \r\n \r\n
\r\n {(index === 0) ? tra('Total_Risk') : tra('Except_Corporate_Cement')}
\r\n\r\n
\r\n );\r\n};\r\n","import React, { useEffect, useState } from 'react';\r\nimport {\r\n ArrowDownward, ArrowUpward, ExpandMore, Search,\r\n} from '@material-ui/icons';\r\nimport {\r\n Accordion, AccordionActions, AccordionDetails, AccordionSummary, Box, Grid,\r\n} from '@material-ui/core';\r\nimport { KeyboardDatePicker, MuiPickersUtilsProvider } from '@material-ui/pickers';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport DateFnsUtils from '@date-io/date-fns';\r\nimport { tr } from 'date-fns/locale';\r\nimport { format } from 'date-fns';\r\nimport {\r\n CustomButton, CustomIconButton, CustomTextField, SearchBar, ServiceFilterButton,\r\n} from '../../../assets/styled';\r\nimport { tra } from '../../../commons/utils';\r\nimport Input from '../../../components/Input';\r\nimport ClaimChart from './ClaimChart';\r\nimport Table from '../../../components/Table';\r\nimport Pagination from '../../../components/Pagination';\r\nimport {\r\n getRiskVGACustomers,\r\n getVGARiskChart,\r\n getVGARiskProductGroups,\r\n getVGARiskReport,\r\n getVGARiskReportPDF,\r\n sendRiskReportMail,\r\n setReset,\r\n} from '../../../store/actions';\r\nimport RiskChart from './RiskChart';\r\nimport { RiskChartRecharts } from './RiskChartRecharts';\r\n\r\nexport const RiskVGA = () => {\r\n const dispatch = useDispatch();\r\n const [searchFilter, setSearchFilter] = useState('');\r\n const [filterExpand, setFilterExpand] = useState(true);\r\n const [filteredData, setFilteredData] = useState(false);\r\n const [pageIndex, setPageIndex] = useState(0);\r\n const [perPage, setPerPage] = useState(20);\r\n const [startDate, setStartDate] = useState(new Date());\r\n const [productGroup, setProductGroup] = useState(null);\r\n const [selectedVGACustomers, setSelectedVGACustomers] = useState([]);\r\n\r\n const vgaRiskCustomers = useSelector((s) => s?.vgaRiskCustomers);\r\n const vgaRiskProductGroups = useSelector((s) => s?.vgaRiskProductGroups);\r\n const vgaRiskReport = useSelector((s) => s?.vgaRiskReport);\r\n const reset = useSelector((s) => s?.reset);\r\n const auth = useSelector((s) => s?.auth);\r\n\r\n const columns = [\r\n {\r\n name: 'sap_customer_no',\r\n text: tra('Customer_No'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n width: '70px',\r\n customBody: (value) => (\r\n {value}\r\n )\r\n },\r\n {\r\n name: 'customer_name',\r\n text: tra('Customer'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n width: '300px'\r\n },\r\n {\r\n name: 'credit_control_area',\r\n text: tra('Credit_Control'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n customBody: (value) => (\r\n {value?.name}\r\n ),\r\n },\r\n {\r\n name: 'total_receivables',\r\n text: tra('Total_Receivable'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n customBody: (value) => (\r\n {new Intl.NumberFormat('tr-TR').format(value)}\r\n ),\r\n },\r\n {\r\n name: 'total_collateral',\r\n text: tra('Total_Coverage'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n customBody: (value) => (\r\n {new Intl.NumberFormat('tr-TR').format(value)}\r\n ),\r\n },\r\n {\r\n name: 'total_risk',\r\n text: tra('Risk_Amount'),\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n customBody: (value) => (\r\n {new Intl.NumberFormat('tr-TR').format(value)}\r\n ),\r\n },\r\n // {\r\n // name: 'total_vendor_account',\r\n // text: tra('Seller_Calculation'),\r\n // filterable: true,\r\n // editable: false,\r\n // align: 'left',\r\n // sortable: true,\r\n // type: 'text',\r\n // customBody: (value) => (\r\n // {new Intl.NumberFormat('tr-TR').format(value)}\r\n // ),\r\n // }\r\n ];\r\n\r\n useEffect(() => {\r\n dispatch(getVGARiskProductGroups());\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (vgaRiskReport?.rows?.length > 0) {\r\n setFilteredData(vgaRiskReport?.rows || []);\r\n } else {\r\n setFilteredData([]);\r\n }\r\n }, [vgaRiskReport]);\r\n\r\n useEffect(() => {\r\n const query = `?limit=${perPage}&page=${pageIndex + 1}`;\r\n if (productGroup && startDate) {\r\n dispatch(getVGARiskReport({\r\n date: format(startDate, 'yyyy-MM-dd'),\r\n product_group_id: productGroup?.id,\r\n }, query));\r\n }\r\n }, [perPage, pageIndex]);\r\n\r\n useEffect(() => {\r\n if (!isNaN(startDate?.getTime()) && productGroup) {\r\n dispatch(getVGARiskChart({\r\n date: format(startDate, 'yyyy-MM-dd'),\r\n product_group_id: productGroup?.id,\r\n }));\r\n dispatch(getRiskVGACustomers({\r\n start_date: format(startDate, 'yyyy-MM-dd'),\r\n product_group_id: productGroup?.id,\r\n }));\r\n }\r\n }, [startDate, productGroup]);\r\n\r\n useEffect(() => {\r\n if (vgaRiskProductGroups?.length > 0 && productGroup === null) {\r\n setProductGroup(vgaRiskProductGroups[0]);\r\n const query = `?limit=${perPage}&page=${pageIndex + 1}`;\r\n dispatch(getVGARiskReport({\r\n date: format(startDate, 'yyyy-MM-dd'),\r\n product_group_id: vgaRiskProductGroups[0]?.id,\r\n }, query));\r\n }\r\n }, [vgaRiskProductGroups]);\r\n\r\n const getFilteredData = () => {\r\n const query = `?limit=${perPage}&page=${pageIndex + 1}`;\r\n if (!isNaN(startDate?.getTime()) && productGroup) {\r\n dispatch(getVGARiskReport({\r\n date: format(startDate, 'yyyy-MM-dd'),\r\n product_group_id: productGroup?.id,\r\n customers: selectedVGACustomers.map((i) => i.id)\r\n }, query));\r\n dispatch(getVGARiskChart({\r\n date: format(startDate, 'yyyy-MM-dd'),\r\n product_group_id: productGroup?.id,\r\n }));\r\n setPageIndex(0);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (searchFilter?.length > 0) {\r\n const lowercasedFilter = searchFilter?.toLocaleUpperCase();\r\n setFilteredData(searchFilter?.length > 0 ? filteredData?.filter((item) => Object.keys(item).some((key) => typeof (item[(key)]) === 'string'\r\n && item[(key)]?.toLocaleUpperCase()?.includes(lowercasedFilter))) : filteredData);\r\n }\r\n }, [searchFilter]);\r\n\r\n useEffect(() => {\r\n if (reset) {\r\n getFilteredData();\r\n dispatch(setReset(false));\r\n }\r\n }, [reset]);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n new Intl.NumberFormat('tr-TR', {\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2,\r\n }).format(value)\r\n }\r\n />\r\n \r\n `${new Intl.NumberFormat('tr-TR', {\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2,\r\n }).format(value)} M`\r\n }\r\n labelFormatter={(label) => `X: ${label}`}\r\n />\r\n {data.map((lineData, index) => (\r\n \r\n `${new Intl.NumberFormat('tr-TR', {\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2\r\n }).format(value)} M`}\r\n />\r\n \r\n ))}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n setSearchFilter(e.target.value)}\r\n variant=\"outlined\"\r\n />\r\n
\r\n {datum.value ? `%${((datum.value / total) * 100).toFixed(2)}` : 'empty'}
\r\n{datum.name || 'empty'}
\r\n\r\n {datum.value ? `${NumberWithCommas(datum.value)} ${tra('Ton')}` : `0 ${tra('Ton')}`}\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n {typeof value === 'number' ? NumberWithCommas(value) : value}
\r\n{label}
\r\n\r\n {graphicData && Object.keys(graphicData).length > 0 && (\r\n \r\n \r\n {graphicData?.length > 0 && graphicData.map((i) => itemCard(i))}\r\n \r\n \r\n )}\r\n
\r\n );\r\n}\r\n","import React, { useMemo, useRef } from 'react';\r\nimport { Grid } from '@material-ui/core';\r\nimport { CardStyle, CustomButton, InfoBoxStyled } from '../../../assets/styled';\r\nimport { ShoppingCartRounded } from '@material-ui/icons';\r\nimport PieChartContainer from './PieChartBox';\r\nimport { tra } from '../../../commons/utils';\r\nimport { PieChartRecharts } from './PieChartRecharts';\r\n\r\nexport default function InfoBox(props) {\r\n const { handleDetailButton, tableShow, hb } = props;\r\n const infoBoxStyledRef = useRef(null);\r\n const pieChartDynamic = infoBoxStyledRef?.current?.clientWidth;\r\n\r\n return (\r\n useMemo(() => (\r\n \r\n \r\n \r\n {\r\n const RADIAN = Math.PI / 180;\r\n const radius = outerRadius + 10;\r\n const x = cx + radius * Math.cos(-midAngle * RADIAN);\r\n const y = cy + radius * Math.sin(-midAngle * RADIAN);\r\n const x0 = cx + outerRadius * Math.cos(-midAngle * RADIAN);\r\n const y0 = cy + outerRadius * Math.sin(-midAngle * RADIAN);\r\n const x1 = cx + (outerRadius + 10) * Math.cos(-midAngle * RADIAN);\r\n const y1 = cy + (outerRadius + 10) * Math.sin(-midAngle * RADIAN);\r\n \r\n return (\r\n \r\n {graphicData[index].label}\r\n \r\n \r\n );\r\n }}\r\n >\r\n {graphicData.map((entry, index) => (\r\n | \r\n ))}\r\n \r\n \r\n \r\n
\r\n {new Date().getFullYear()} {tra('Purchase_Quantity_and_Rate')}
\r\n\r\n \r\n \r\n handleDetailButton(!tableShow)}>{tableShow ? tra('Hide_Details') : tra('Show_Details')} \r\n
\r\n \r\n {hb &&
\r\n {new Intl.NumberFormat('tr-TR').format(hb)}
}\r\n{tra('Ready_Mixed_Concrete')} (m3)
\r\n\r\n
\r\n \r\n {tra('Click_Access_Detailed_Table_View_Message', [new Date().getFullYear()])}\r\n
\r\n{NumberWithCommas(credit)}
,\r\n },\r\n },\r\n {\r\n name: 'currency',\r\n text: 'P.B.',\r\n },\r\n ],\r\n reduxDataName: 'risk',\r\n },\r\n ];\r\n\r\n\r\n const handleTabCard = (val) => {\r\n setTabValueIndex(val + 1);\r\n setTableShow(true);\r\n };\r\n\r\n const handleDetailButton = (val) => {\r\n setTableShow(val);\r\n setTabValueIndex(0);\r\n };\r\n\r\n useEffect(() => {\r\n dispatch(getCRMCustomers());\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (customer?.customerNo) {\r\n dispatch(getCRM(customer?.customerNo));\r\n }\r\n }, [customer]);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n setCustomer(newValue)}\r\n value={customer || null}\r\n options={customers || []}\r\n getOptionSelected={(\r\n option,\r\n val,\r\n ) => val.customerNo === option.customerNo}\r\n getOptionLabel={(option) => `${option?.customerNo} - ${option?.name}` || ''}\r\n style={{ marginTop: 'auto' }}\r\n renderInput={params => (\r\n \r\n \r\n \r\n \r\n {Card.map(({\r\n valueKey, icon, title, tabsIndex,\r\n }) => (\r\n \r\n i === tabsIndex)}\r\n onClick={() => handleTabCard(tabsIndex)}\r\n active={tabsIndex + 1 === tabValueIndex}\r\n >\r\n \r\n ))}\r\n \r\n \r\n \r\n {tableShow && (\r\n <>\r\n setTabValueIndex(newValue)} style={{ width: 'unset' }} aria-label=\"simple tabs example\">\r\n {TabsStatic.map(({ title }) => {title})} />)}\r\n \r\n {TabsStatic.map(({ columnData, reduxDataName }, index) => (\r\n \r\n \r\n ({\r\n name,\r\n text,\r\n filterable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'text',\r\n ...options,\r\n })) || []}\r\n id=\"crmtable\"\r\n options={{\r\n pagination: {\r\n active: true,\r\n perPage: 20,\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 {icon}
\r\n {tabsIndex === 1 && ({serviceData?.totals?.[valueKey] ? NumberWithCommas(Math.abs(serviceData?.totals?.[valueKey])) : ''}
)}\r\n {tabsIndex !== 1 && ({(serviceData?.totals?.[valueKey] ? NumberWithCommas(serviceData?.totals?.[valueKey]) : '')}
)}\r\n{title}
\r\n \r\n\r\n \r\n \r\n \r\n \r\n // <>\r\n // {\r\n // activeUser.user_type_id === 1 ? (\r\n // <>\r\n //
\r\n );\r\n};\r\n\r\nRoutes.propTypes = {\r\n activeUser: PropTypes.object.isRequired,\r\n appConfig: PropTypes.object.isRequired,\r\n auth: PropTypes.object.isRequired,\r\n};\r\nexport default withRouter(Routes);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n// import classNames from 'classnames';\r\n// import CheckCircleIcon from '@material-ui/icons/CheckCircle';\r\n// import ErrorIcon from '@material-ui/icons/Error';\r\n// import InfoIcon from '@material-ui/icons/Info';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\n// import WarningIcon from '@material-ui/icons/Warning';\r\nimport green from '@material-ui/core/colors/green';\r\nimport amber from '@material-ui/core/colors/amber';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport Snackbar from '@material-ui/core/Snackbar';\r\nimport SnackbarContent from '@material-ui/core/SnackbarContent';\r\nimport { withStyles } from '@material-ui/core/styles';\r\n\r\nconst styles1 = (theme) => ({\r\n success: {\r\n backgroundColor: green[600],\r\n },\r\n error: {\r\n backgroundColor: theme.palette.error.dark,\r\n },\r\n info: {\r\n backgroundColor: theme.palette.primary.dark,\r\n },\r\n warning: {\r\n backgroundColor: amber[700],\r\n },\r\n icon: {\r\n fontSize: 20,\r\n },\r\n iconVariant: {\r\n opacity: 0.9,\r\n // marginRight: theme.spacing.unit,\r\n },\r\n message: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n },\r\n});\r\n\r\nfunction MySnackbarContent(props) {\r\n const {\r\n classes, message, onClose, variant, ...other\r\n } = props;\r\n // const Icon = variantIcon[variant];\r\n\r\n return (\r\n \r\n 
\r\n
\r\n {/* \r\n \r\n
\r\n );\r\n}\r\n\r\nCustomizedSnackbars.propTypes = {\r\n variant: PropTypes.string.isRequired,\r\n message: PropTypes.string.isRequired,\r\n isOpen: PropTypes.bool.isRequired,\r\n handleClose: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default withStyles(styles2)(CustomizedSnackbars);\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport { Backdrop, Button, InputAdornment, Box as MuiBox, TextField } from '@material-ui/core';\r\nimport { Assessment, Info } from '@material-ui/icons';\r\nimport { createStructuredSelector } from 'reselect';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport {\r\n AdminScreen,\r\n Box,\r\n CreditCard,\r\n Customers,\r\n CustomersManagement,\r\n Deposit,\r\n HomePage,\r\n Invoice,\r\n Log,\r\n Megaphone,\r\n OrderTransactions,\r\n Payment,\r\n Person,\r\n Products,\r\n Report,\r\n World,\r\n} from '../assets/icons';\r\nimport { CustomMenuItem, LeftWrapper, SidebarItem } from '../assets/styled';\r\nimport Logo from '../assets/img/logo.png';\r\nimport { languageData } from '../assets/statics';\r\nimport { tra, getLangCode } from '../commons/utils';\r\nimport {\r\n selectAppConfig, selectAuth, selectInitCompanyCodes, selectShowPayment,\r\n} from '../store/selectors';\r\nimport { appConfig, setInfoMessagesModalEs } from '../store/actions';\r\n\r\n// const sideBarList = [\r\n// { id: 1, name: 'Dashboard', hash: '/' },\r\n// { id: 2, name: 'Reports', hash: '/Reports' },\r\n// { id: 3, name: 'Customers', hash: '/Customers' },\r\n// { id: 4, name: 'Products', hash: '/Products' },\r\n// { id: 5, name: 'Announcement', hash: '/Announcement' },\r\n// { id: 6, name: 'Order', hash: '/Order' },\r\n// { id: 7, name: 'Invoice', hash: '/Invoice' },\r\n// { id: 8, name: 'Payment', hash: '/Payment' },\r\n// { id: 9, name: 'Guarantee', hash: '/Guarantee' },\r\n// { id: 10, name: 'SubUserAdd', hash: '/SubUserAdd' },\r\n// { id: 11, name: 'Admin', hash: '/Admin' },\r\n// { id: 12, name: 'CustomersManagement', hash: '/CustomersManagement' },\r\n// { id: 13, name: 'Log', hash: '/Log' },\r\n// { id: 13, name: 'OrderUpdate', hash: '/OrderUpdate' },\r\n// ];\r\nclass LeftSide extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n active: 1,\r\n mobileExpanded: false,\r\n subActive: 0,\r\n languageData: [{ id: 1, name: 'T' }, { id: 2, name: 'E' }, { id: 3, name: 'S' }],\r\n // language: null,\r\n sideBarList: [\r\n { icon: \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* this.setState({ active: i + 1 }, () => { if (window.innerWidth <= 770) this.props.appConfig('mobileMenuOpen', false); })}\r\n >\r\n \r\n
\r\n ANA MENÜ
*/}\r\n {\r\n this.state.sideBarList?.map((item, i) => (\r\n\r\n {/*
\r\n \r\n ))\r\n }\r\n {\r\n this.props.auth?.auth30 && this.props.showPayment && (\r\n \r\n lang.name === getLangCode()).name}\r\n onChange={(e) => { localStorage.setItem('language', this.state.languageData.find(lang => lang.name === e.target.value)?.name); window.location.reload(); }}\r\n fullWidth\r\n variant=\"standard\"\r\n style={{ margin: '10px 0' }}\r\n InputLabelProps={{ shrink: true }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n ),\r\n }}\r\n >\r\n {\r\n languageData?.map(item => (\r\n \r\n {item.text}\r\n \r\n ))\r\n }\r\n \r\n
\r\n \r\n {localStorage.getItem('company') === '0064' && (\r\n \r\n this.props.setInfoMessagesModalEs({ open: true, type: 'legal' })}>Aviso Legal\r\n this.props.setInfoMessagesModalEs({ open: true, type: 'privacy' })}>Politica de Privacidad\r\n this.props.setInfoMessagesModalEs({ open: true, type: 'cookie' })}>Politica de Cookies\r\n \r\n )}\r\n
\r\n {tra('Cimsa_Customer_Portal')}
\r\n© {tra('y2021_All_Rights_Reserved')}
\r\n {/*{tra('Made_with_by_MDP_Group')}
*/}\r\n{tra('Produced_by_MDP_Group')}
\r\n {/*{tra('Made_with')} svg {tra('by_MDP_Group')}
*/}\r\n\r\n
\r\n \r\n this.props.appConfig('mobileMenuOpen', true)}>\r\n \r\n
\r\n {/* {tra('Overview')}
*/}\r\n\r\n \r\n {\r\n pageList?.map(page => (\r\n \r\n \r\n ))\r\n }\r\n \r\n
\r\n {page.text}
\r\n {\r\n page.hash === '/' && (\r\n{activeUser && `${activeUser?.name} `}{tra('Welcome_to_Çimsa_Customer_Portal')}
\r\n )\r\n }\r\n {\r\n page.hash === '/' && (\r\n\r\n {tra('Click_here_to_download_the_user_manual_of_the_Customer_Portal')}{' '}\r\n
{activeUser && `${activeUser?.name} `}{this.props.auth?.auth17 ? tra('Welcome_to_Cimsa_Admin_Screen') : tra('Welcome_to_Cimsa_Customer_Screen')}
\r\n // )\r\n }\r\n\r\n \r\n \r\n {\r\n this.props.companies?.length > 0 && (this.props.activeUser?.sap_customer_no !== '0000000000' || this.props.appConfigs?.godMode) && (\r\n { this.props.appConfig('changeCompany', true); this.setState({ userAnchor: false }); }}>\r\n \r\n )\r\n }\r\n this.setState({ changeLanguage: e.currentTarget })}>\r\n \r\n {\r\n this.state.changeLanguage && (\r\n this.setState({ changeLanguage: null })}\r\n // placement=\"left\"\r\n anchorOrigin={{ horizontal: 'center', vertical: 'bottom' }}\r\n transformOrigin={{ horizontal: 'center', vertical: 'top' }}\r\n modifiers={{\r\n flip: {\r\n enabled: false,\r\n },\r\n preventOverflow: {\r\n enabled: true,\r\n boundariesElement: 'scrollParent',\r\n },\r\n arrow: {\r\n enabled: true,\r\n element: this.state.changeLanguage,\r\n },\r\n }}\r\n >\r\n {\r\n languageData.map(l => (\r\n { this.setState({ changeLanguage: null }); localStorage.setItem('language', l.name); window.location.reload(); }}\r\n >\r\n {l.text}\r\n \r\n ))\r\n }\r\n \r\n )\r\n }\r\n this.setState({ annoAnchor: e.currentTarget })}>\r\n {/* 2 */}\r\n \r\n this.setState({ userAnchor: e.currentTarget })}>\r\n {/* ![\"Name](\"https://thispersondoesnotexist.com/image\")
*/}\r\n \r\n {\r\n annoAnchor && (\r\n \r\n {({ TransitionProps }) => (\r\n this.setState({ annoAnchor: false })}>\r\n \r\n \r\n {tra('Announcements')}
\r\n \r\n {\r\n this.props.warnings && this.props.warnings?.slice(0, 10)?.map(warn => (\r\n \r\n {warn.type === 'WARNING' ? \r\n ))\r\n }\r\n {\r\n this.props.warnings && this.props.warnings.length === 0 && (\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n )\r\n }\r\n {\r\n userAnchor && (\r\n \r\n {({ TransitionProps }) => (\r\n this.setState({ userAnchor: false })}>\r\n \r\n \r\n {\r\n window.innerWidth <= 425 && (\r\n this.setState({ userAnchor: false })}>{tra('Announcements')} \r\n )\r\n }\r\n {\r\n this.props.companies?.length > 1 && (\r\n { this.props.appConfig('changeCompany', true); this.setState({ userAnchor: false }); }} simple startIcon={ \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.props.appConfigs?.godMode ? this.props.appConfigs?.godModeCustomer?.name : activeUser?.customer_name}\r\n
\r\n \r\n
\r\n {tra('Company')}
\r\n {this.props.companies?.find(c => c?.code === localStorage.getItem('company'))?.name || tra('Company_Not_Selected')}\r\n\r\n
\r\n \r\n
\r\n {activeUser?.name?.split(' ')[0]?.charAt()}{activeUser?.name?.split(' ')[1]?.charAt()}
\r\n{tra('Announcements')} this.setState({ annoAnchor: false })}>{tra('See_All')}
\r\n \r\n
\r\n {warn.type}
\r\n {warn.message}\r\n{warn.createdAt ? new Date(warn.createdAt).toLocaleDateString(this.props.appConfigs?.localeLanguage) : '-'}
\r\n\r\n
\r\n )\r\n }\r\n {tra('No_Announcement')}
\r\n\r\n
\r\n {tra('Company_Selection')}
\r\n\r\n {\r\n props.companies?.map(c => (\r\n {\r\n localStorage.setItem('company', c.code);\r\n props.appConfig('company', c.code);\r\n setTimeout(() => { props.init(); }, 1000);\r\n props.appConfig('changeCompany', false);\r\n window.location.reload();\r\n }}\r\n >\r\n \r\n ))\r\n }\r\n
\r\n \r\n
\r\n {c.name?.split(' ')[0]?.charAt()}{c.name?.split(' ')[1]?.charAt()}
\r\n\r\n
\r\n {c.name}
\r\n\r\n
\r\n \r\n
\r\n {tra('PDPA_Approval')}
\r\n\r\n {/*
\r\n {tra('Candidate_Clarification_Text_on_the_Protection_of_Your_Personal_Data')}
*/}\r\n{tra('Explicit_Consent_Statement_Form')}
\r\n {/*\r\n {this.props.kvkkText || tra('Explicit_Consent_Statement_Form')}\r\n
*/}\r\n\r\n this.props.onClose()}>{tra('I_have_read_and_I_approve')} \r\n
\r\n - \r\n
- \r\n
\r\n El uso para todo tipo de fines comerciales o publicitarios, distintos de los estrictamente permitidos.\r\n \r\n \r\n - \r\n
\r\n Su reproducción, publicación, distribución o modificación, total o parcial a menos que se cuente con la autorización previa y por escrito de sus legítimos titulares o resulte legalmente permitido.\r\n \r\n \r\n - \r\n
\r\n Cualquier vulneración de los derechos de Cimsa Cementos España, S.A.U. o de sus legítimos titulares sobre los mismos.\r\n \r\n \r\n
- \r\n
- \r\n
\r\n Datos del titular de los derechos presuntamente infringidos, o indicar la representación con la que actúa en caso de que la reclamación la presente un tercero distinto del interesado.\r\n \r\n \r\n - \r\n
\r\n Señalar los contenidos protegidos por los derechos de propiedad intelectual y su ubicación en el Web, la acreditación de los derechos de propiedad intelectual señalados y declaración expresa en la que el interesado se responsabiliza de la veracidad de las informaciones facilitadas en la notificación.\r\n \r\n \r\n
- \r\n
- \r\n
\r\n La falta disponibilidad, mantenimiento y efectivo funcionamiento del Web y/o de sus servicios o contenidos.\r\n \r\n \r\n - \r\n
\r\n La existencia de virus, programas maliciosos o lesivos en los contenidos.\r\n \r\n \r\n - \r\n
\r\n El uso ilícito, negligente, fraudulento, contrario a las presentes condiciones, a la buena fe, a los usos generalmente aceptados o al orden público, del sitio Web, sus servicios o contenidos, por parte de los usuarios.\r\n \r\n \r\n
- \r\n
Sus datos identificativos (Por ejemplo: Su nombre, apellido, idioma, país desde el que interactúe con nosotros, datos de contacto, etc.) \r\n Datos de identificación y de contacto: nombre, apellidos, dirección de correo electrónico, número de teléfono, nombre de usuario, firma, organización que representa, cargo/función dentro de la organización. \r\n Datos sobre sus gustos y preferencias. \r\n
- \r\n
Gestionar las cuestiones relacionadas con la relación contractual con la organización que representa, comunicación con usted sobre todos los aspectos de los bienes/servicios que su organización esté interesada en adquirir/que adquirió, proporcionando información sobre los precios, entrega de bienes/servicios adquiridos, emisión de facturas. \r\n Gestionar la cuenta (cuentas) en línea de la organización que representa y recibir notificaciones técnicas y otros mensajes administrativos. \r\n Gestionar y mejorar nuestras operaciones comerciales, creando, gestionando y manteniendo bases de datos para la gestión de las relaciones con los clientes. \r\n
- \r\n
- \r\n
\r\n WhatsApp: \r\n \r\n https://www.whatsapp.com/legal/updates/privacy-policy/?lang=es\r\n \r\n \r\n \r\n - \r\n
\r\n Compañías del \"Grupo\" sobre la base legal del interés legítimo\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n {switchContent(modalData?.type)?.title}
\r\n\r\n {switchContent(modalData?.type)?.content}\r\n
\r\n \r\n props.onClose()}>{tra('Done')} \r\n
\r\n Administrar Preferencias de Cookies
\r\nElija qué tipos de cookies nos permite utilizar.
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n