\r\n \r\n \r\n \r\n \r\n Submit Record Set \r\n\r\n \r\n \r\n \r\n { this.handleSubmissionOnChange(event.target.name, event.target.checked) }}\r\n />}\r\n label={Enable } />\r\n\r\n \r\n \r\n {\r\n this.handleOnChange(event.target.name, event.target.checked)\r\n if (event.target.checked) {\r\n this.resetEditableColumn();\r\n }\r\n\r\n }}\r\n />}\r\n label={paymentIcon} />\r\n\r\n \r\n\r\n\r\n \r\n\r\n \r\n \r\n { this.handleOnChange(event.target.name, event.target.checked) }}\r\n />}\r\n label={Editable Column } />\r\n \r\n \r\n\r\n \r\n\r\n \r\n Button Labels \r\n \r\n \r\n\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.handleOnChange(event.target.name, event.target.value)\r\n \r\n \r\n }} value={this.props.recordProcessing ? this.props.recordProcessing.editableFieldId ? this.props.recordProcessing.editableFieldId:\"Select\" : \"Select\"} fullWidth={true}\r\n onBlur={(event) => {\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.editableFieldIdError = event.target.value === 'Select' && this.props.recordProcessing.enablePayment ? true : false\r\n })\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.editableFieldIdHelper = event.target.value === 'Select' && this.props.recordProcessing.enablePayment ? 'Editable field is required' : ' '\r\n })\r\n\r\n }}\r\n >{this.props.fieldDisplay ? this.editableDatasource(this.props.fieldDisplay) : \"\"}\r\n\r\n\r\n \r\n {this.props.dataView.recordProcessing.editableFieldIdHelper ? this.props.dataView.recordProcessing.editableFieldIdHelper : ' '} \r\n \r\n\r\n \r\n \r\n { this.handleOnChange(event.target.name, event.target.checked) }} inputProps={{ 'aria-label': 'primary checkbox' }}\r\n />}\r\n label={Show & Submit Editable Column Total } />\r\n \r\n \r\n { this.handleOnChange(event.target.name, event.target.value) }}\r\n size=\"small\" fullWidth={true} value={this.props.recordProcessing ? this.props.recordProcessing.selectedRowSubmitCaption : \"\"}\r\n onBlur={(event) => {\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.submitButtonError = event.target.value.trim() === '' ? true : false\r\n })\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.submitButtonHelper = event.target.value.trim() === '' ? 'Submit button label is required' : ' '\r\n })\r\n\r\n }}\r\n inputProps={{ maxLength:30 }}\r\n >\r\n \r\n \r\n \r\n { this.handleOnChange(event.target.name, event.target.value) }} value={this.props.recordProcessing ? this.props.recordProcessing.selectedRowClearCaption : \"\"}\r\n onBlur={(event) => {\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.resetButtonError = event.target.value.trim() === '' ? true : false\r\n })\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.resetButtonHelper = event.target.value.trim() === '' ? 'Reset button label is required' : ' '\r\n })\r\n\r\n }}\r\n inputProps={{ maxLength:30 }}\r\n > \r\n \r\n \r\n\r\n \r\n \r\n \r\n { this.handleOnChange(event.target.name, event.target.checked) }} inputProps={{ 'aria-label': 'primary checkbox' }}\r\n />}\r\n label={Include confirmation Page } />\r\n \r\n\r\n \r\n Confirmation Page Fields \r\n\r\n\r\n \r\n \r\n Button Labels \r\n\r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n { this.handleOnChange(event.target.name, event.target.value) }} value={this.props.recordProcessing ? this.props.recordProcessing.confirmScreenTitle : \"\"} label=\"Page Title\" size=\"small\" fullWidth={true}\r\n error={this.props.dataView.recordProcessing.confirmScreenTitleError} helperText={this.props.dataView.recordProcessing.confirmScreenTitleHelper ? this.props.dataView.recordProcessing.confirmScreenTitleHelper : ' '}\r\n onBlur={(event) => {\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.confirmScreenTitleError = event.target.value.trim() === '' && this.props.recordProcessing.hasConfirm ? true : false\r\n })\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.confirmScreenTitleHelper = event.target.value.trim() === '' && this.props.recordProcessing.hasConfirm ? 'Page title is required' : ' '\r\n })\r\n\r\n }}\r\n inputProps={{ maxLength: 50 }}\r\n > \r\n \r\n \r\n \r\n { this.setFieldValue(0, event.target.value) }} value={this.getFieldValue(0) ? this.getFieldValue(0):'Select'} fullWidth={true}\r\n onBlur={() => {\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.displayFieldError = this.checkEditableFIelds() ? true : false\r\n })\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.displayFieldHelper = this.checkEditableFIelds() ? 'Confirmation page field is required' : ' '\r\n })\r\n\r\n }}\r\n >{this.props.fieldDisplay ? this.setFieldList(this.props.fieldDisplay,0) : \"\"} \r\n {this.props.dataView.recordProcessing.displayFieldHelper ? this.props.dataView.recordProcessing.displayFieldHelper : ' '} \r\n \r\n \r\n\r\n \r\n { this.handleOnChange(event.target.name, event.target.value) }} value={this.props.recordProcessing ? this.props.recordProcessing.confirmSubmitCaption : \"\"}\r\n label=\"Submit\" size=\"small\" fullWidth={true}\r\n error={this.props.dataView.recordProcessing.confirmSubmitLabelError} helperText={this.props.dataView.recordProcessing.confirmSubmitLabelHelper ? this.props.dataView.recordProcessing.confirmSubmitLabelHelper : ' '}\r\n\r\n onBlur={(event) => {\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.confirmSubmitLabelError = event.target.value.trim() === '' && this.props.recordProcessing.hasConfirm ? true : false\r\n })\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.confirmSubmitLabelHelper = event.target.value.trim() === '' && this.props.recordProcessing.hasConfirm ? 'Submit button label is required' : ' '\r\n })\r\n\r\n }}\r\n inputProps={{ maxLength:30 }}\r\n > \r\n \r\n \r\n { this.handleOnChange(event.target.name, event.target.value) }} value={this.props.recordProcessing ? this.props.recordProcessing.confirmClearCaption : \"\"} label=\"Cancel\" size=\"small\"\r\n fullWidth={true} varient=\"filled\"\r\n error={this.props.dataView.recordProcessing.confirmResetLabelError} helperText={this.props.dataView.recordProcessing.confirmResetLabelHelper ? this.props.dataView.recordProcessing.confirmResetLabelHelper : ' '}\r\n\r\n onBlur={(event) => {\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.confirmResetLabelError = event.target.value.trim() === '' && this.props.recordProcessing.hasConfirm ? true : false\r\n })\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.confirmResetLabelHelper = event.target.value.trim() === '' && this.props.recordProcessing.hasConfirm ? 'Cancel button label is required' : ' '\r\n })\r\n\r\n }}\r\n inputProps={{ maxLength:30 }}\r\n > \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.setFieldValue(1, event.target.value) }} value={this.getFieldValue(1) ? this.getFieldValue(1):\"Select\"} fullWidth={true}\r\n onBlur={() => {\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.displayFieldError = this.checkEditableFIelds() ? true : false\r\n })\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.displayFieldHelper = this.checkEditableFIelds() ? 'Confirmation page field is required' : ' '\r\n })\r\n\r\n }}\r\n >{this.props.fieldDisplay ? this.setFieldList(this.props.fieldDisplay,1) : \"\"} \r\n {this.props.dataView.recordProcessing.displayField1Helper ? this.props.dataView.recordProcessing.displayField1Helper : ' '} \r\n \r\n \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.handleOnChange(event.target.name, event.target.value) }} value={this.props.recordProcessing ? this.props.recordProcessing.confirmInstructions : \"\"} label=\"Page Instructions\" size=\"small\" fullWidth={true}\r\n\r\n error={this.props.dataView.recordProcessing.confirmInstructionError} helperText={this.props.dataView.recordProcessing.confirmInstructionHelper ? this.props.dataView.recordProcessing.confirmInstructionHelper : ' '}\r\n onBlur={(event) => {\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.confirmInstructionError = event.target.value.trim() === '' && this.props.recordProcessing.hasConfirm ? true : false\r\n })\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.confirmInstructionHelper = event.target.value.trim() === '' && this.props.recordProcessing.hasConfirm ? 'Page instructions is required' : ' '\r\n })\r\n\r\n }}\r\n inputProps={{ maxLength: 50 }}\r\n > \r\n \r\n \r\n\r\n \r\n \r\n\r\n \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.setFieldValue(2, event.target.value) }} value={this.getFieldValue(2)?this.getFieldValue(2):\"Select\"} fullWidth={true}\r\n onBlur={() => {\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.displayFieldError = this.checkEditableFIelds() ? true : false\r\n })\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.displayFieldHelper = this.checkEditableFIelds() ? 'Confirmation page field is required' : ' '\r\n })\r\n\r\n }}\r\n >{this.props.fieldDisplay ? this.setFieldList(this.props.fieldDisplay,2) : \"\"} \r\n {this.props.dataView.recordProcessing.displayField2Helper ? this.props.dataView.recordProcessing.displayField2Helper : ' '} \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n\r\n Data Capture \r\n \r\n \r\n Bizweaver Service Call \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n Connection* \r\n { this.handleOnChange(event.target.name, event.target.value) }} value={this.props.recordProcessing ? this.props.recordProcessing.databaseId : \"\"} fullWidth={true}\r\n onBlur={(event) => {\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.databaseError = event.target.value === 'Select'|| event.target.value === 0 ? true : false\r\n })\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.databaseHelper = event.target.value === 'Select' || event.target.value === 0 ? 'Connection is required' : ' '\r\n })\r\n\r\n }}\r\n\r\n >{this.props.databases ? this.setDatabaseData(this.props.databases) : \"\"} \r\n {this.props.dataView.recordProcessing.databaseHelper ? this.props.dataView.recordProcessing.databaseHelper : ' '} \r\n \r\n \r\n \r\n\r\n \r\n \r\n { this.handleOnChange(event.target.name, event.target.checked) }} inputProps={{ 'aria-label': 'primary checkbox' }}\r\n />}\r\n label={Enable } />\r\n \r\n \r\n {\r\n const regex = /^[0-9\\b]+$/;\r\n if (event.target.value === '' || regex.test(event.target.value)) {\r\n this.handleOnChange(event.target.name, event.target.value)\r\n }\r\n\r\n\r\n }} value={this.props.recordProcessing ? this.props.dataView.recordProcessing.bzwWorkFlowId : \"\"} label=\"Workflow Id\" size=\"small\" fullWidth={true}\r\n onBlur={(event) => {\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.bzwWorkFlowIdError = event.target.value === '' || event.target.value === '0' ? true : false\r\n })\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.bzwWorkFlowIdHelper = event.target.value === '' || event.target.value === '0' ? 'WorkFlow Id is required' : ' '\r\n })\r\n\r\n }}\r\n inputProps={{ maxLength: 4 }}\r\n > \r\n \r\n \r\n\r\n \r\n \r\n\r\n { this.handleOnChange(event.target.name, event.target.value) }} value={this.props.recordProcessing ? this.props.recordProcessing.bzwServiceURL : \"\"} label=\"Target URL\" size=\"small\" fullWidth={true}\r\n onBlur={(event) => {\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.bzwServiceURLError = event.target.value.trim() === '' ? true : false\r\n })\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.bzwServiceURLHelper = event.target.value.trim() === '' ? 'Target URL is required' : ' '\r\n })\r\n\r\n }}\r\n inputProps={{ maxLength:150 }}\r\n > \r\n\r\n\r\n \r\n \r\n\r\n\r\n \r\n \r\n { this.handleOnChange(event.target.name, event.target.value) }} value={this.props.recordProcessing ? this.props.recordProcessing.tableName : \"\"} label=\"Table Name*\" size=\"small\" fullWidth={true}\r\n error={this.props.dataView.recordProcessing.tableNameError} helperText={this.props.dataView.recordProcessing.tableNameHelper ? this.props.dataView.recordProcessing.tableNameHelper : ' '}\r\n onBlur={(event) => {\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.tableNameError = event.target.value.trim() === '' ? true : false\r\n })\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.tableNameHelper = event.target.value.trim() === '' ? 'Table Name is required' : ' '\r\n })\r\n\r\n }}\r\n inputProps={{ maxLength: 50 }}\r\n > \r\n \r\n \r\n { this.handleOnChange(event.target.name, event.target.value) }} value={this.props.recordProcessing ? this.props.dataView.recordProcessing.bzwBatchIdParameterName : \"\"} label=\"Batch Id Parameter Name*\" size=\"small\" fullWidth={true}\r\n onBlur={(event) => {\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.bzwBatchIdParameterNameError = event.target.value.trim() === '' ? true : false\r\n })\r\n this.changeRecordSubmission(recordProcessing => {\r\n recordProcessing.bzwBatchIdParameterNameHelper = event.target.value.trim() === '' ? 'Batch ID parameter name is required' : ' '\r\n })\r\n\r\n }}\r\n inputProps={{ maxLength: 50 }}\r\n > \r\n \r\n \r\n\r\n \r\n \r\n\r\n\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n}\r\n\r\n/**\r\n * \r\n * @param {State} state \r\n */\r\nfunction mapStateToProps(state) {\r\n let props = {\r\n databases: state.databases.databases,\r\n fieldDisplay: state.dataViews.dataView.fieldDisplay,\r\n recordProcessing: state.dataViews.dataView.recordProcessing,\r\n dataView: state.dataViews.dataView,\r\n isLoading: state.loader.isLoading,\r\n hasError: state.error.hasError,\r\n errorMessage: state.error.errorMessage,\r\n };\r\n return props;\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps)(withStyles(recordSubmissionTheme)(RecordSubmission)));\r\n\r\n\r\n","import { customThemeStyles } from 'common/theme.js';\r\nexport const recordSubmissionTheme = (theme) => ({\r\n ...customThemeStyles,\r\n rootCard: {\r\n height: \"100%\",\r\n marginLeft: theme.spacing(-3) +'!important',\r\n marginRight: theme.spacing(-3) + '!important',\r\n marginTop: theme.spacing(-3.1) + '!important',\r\n \r\n },\r\n root: {\r\n justifyContent: 'center',\r\n flexWrap: 'wrap',\r\n height: \"93px\",\r\n borderRadius: \"4px\",\r\n },\r\n card: {\r\n width: \"100%\",\r\n borderTop: \"none\",\r\n borderRight: \"none\",\r\n borderLeft: \"none\",\r\n marginBottom: theme.spacing(2),\r\n marginTop: theme.spacing(5),\r\n },\r\n formControl: {\r\n margin: theme.spacing(1),\r\n minWidth: 120,\r\n },\r\n paymentIcon: {\r\n color:'#43A047'\r\n },\r\n payment: {\r\n width:\"50px!important\"\r\n },\r\n controls: {\r\n width:\"304px!important\"\r\n },\r\n editableColumnItem: {\r\n paddingLeft: \"0px!important\"\r\n },\r\n editableColumn: {\r\n width: \"370px!important\"\r\n },\r\n showEditable: {\r\n marginTop:'16px!important'\r\n },\r\n submitColumnItem: {\r\n width: \"360px!important\"\r\n },\r\n buttonsubmitItem: {\r\n width: \"336px!important\"\r\n }\r\n ,\r\n confirmSelect1: {\r\n paddingLeft: \"21px!important\",\r\n marginTop: '-3px!important'\r\n },\r\n confirmSelect1Item: {\r\n \r\n marginTop: '-11px!important'\r\n },\r\n confirmSelect2: {\r\n paddingLeft: \"9px!important\"\r\n },\r\n targetURL: {\r\n paddingTop: \"35px!important\",\r\n width: \"605px!important\"\r\n }\r\n\r\n ,\r\n workFlowId: {\r\n width: \"98px!important\"\r\n }\r\n ,\r\n enableBizweaverItem: {\r\n width: \"130px!important\",\r\n paddingLeft:'4px'\r\n }\r\n ,\r\n workFlowIdItem: {\r\n width: \"150px!important\"\r\n },\r\n enableBizweaver: {\r\n paddingTop: \"17px!important\"\r\n },\r\n bizWeaverItem: {\r\n width: \"325px!important\"\r\n },\r\n\r\n bizweaverLabel: {\r\n paddingLeft:'3px!important'\r\n },\r\n bizweaverParamterName: {\r\n paddingLeft: '5px!important'\r\n },\r\n editableControl: {\r\n marginTop:'16px!important'\r\n },\r\n confirmPageControl1: {\r\n marginTop: '16px!important'\r\n }\r\n\r\n \r\n});","import React from 'react';\r\n\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport cloneDeep from 'lodash/cloneDeep';\r\nimport PropTypes from 'prop-types';\r\nimport { withStyles } from '@mui/styles';\r\nimport { Grid, AppBar, Tabs, Tab, Box } from '@mui/material';\r\n//import SubRecords1 from './tabcomponents/SubRecords';\r\nimport SubRecords from './subRecords/SubRecords';\r\nimport Links from './links/Links';\r\nimport Calendar from './calendar/Calendar'; \r\nimport { getDataView, getNewDataView, executeStoredProcedure, changeDataViewTab, getDataViewQueryFieldList, getChangeDataView } from 'admin/actions/dataViewActions';\r\n//import DataViewSetup from 'admin/components/section/dataViews/setup/hookSetup';\r\nimport DataViewSetup from 'admin/components/section/dataViews/setup/setup';\r\nimport DataFilters from './dataFilters/DataFilterList';\r\nimport FieldDisplay from './fieldDisplay/FieldDisplay';\r\nimport Chart from './chart/Chart';\r\nimport { showError } from 'admin/actions/alertActions';\r\nimport RecordSubmission from './recordSubmission/RecordSubmission';\r\nimport { setupTheme } from 'admin/components/section/dataViews/setup/theme/setupTheme';\r\nimport { ReportDataSourceType } from 'client/components/Common/Enum';\r\nimport { reportFormat} from 'client/components/Common/Enum';\r\nconst errorQueryMessage = 'No valid fields found, please check data source'\r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n\r\n return (\r\n ![](\"${chartCanvas}\")
![\"theysaidso.com\"](\"https://theysaidso.com/branding/theysaidso.png\")
*/}\r\n {/* */}\r\n {/* They Said So®*/}\r\n {/* */}\r\n {/**/}\r\n ![\\\"Image\\\"](\\\"../ImageBrowser/Image?path=171.jpg\\\")