\n \n \n {this.props.children}\n \n \n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n// import { GoogleApiWrapper } from 'google-maps-react';\nimport AppData from '../../services/appData';\nimport CommonService from '../../services/commonService';\nimport { GoogleApiWrapper } from 'google-maps-react';\n\n\nclass KuposPlacesInput extends Component {\n static propTypes = {\n placeholder: PropTypes.string,\n value: PropTypes.string,\n onChange: PropTypes.func,\n onTextChange: PropTypes.func,\n onBlur: PropTypes.func,\n disabled: PropTypes.bool,\n inputWidth: PropTypes.object,\n focused: PropTypes.object,\n fontSize:PropTypes.object\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n focused: this.props.focused,\n };\n }\n\n componentDidMount() {\n this.renderAutoComplete();\n }\n\n renderAutoComplete = () => {\n const { google } = this.props;\n\n if (!google) return;\n var options = {\n componentRestrictions: { country: 'cl' },\n };\n\n const autocomplete = new google.maps.places.Autocomplete(this.autocomplete, options);\n // autocomplete.bindTo('bounds', map);\n\n autocomplete.addListener('place_changed', () => {\n const place = autocomplete.getPlace();\n\n console.log('place.geometry.location.lat()', place);\n if (!place.geometry) return;\n this.props.onChange({\n location: { lat: place.geometry.location.lat(), lon: place.geometry.location.lng() },\n address: (place.name ? (place.name + ' - ') : '') + CommonService.normalizeAddress(place.formatted_address),\n });\n if(this.props.onTextChange){\n this.props.onTextChange((place.name ? (place.name + ' - ') : '') + CommonService.normalizeAddress(place.formatted_address))\n }\n });\n };\n\n onFocusChange = () => {\n // this.props.focused ? this.setState({ focused: false }) : null;\n };\n\n render() {\n return (\n \n {this.props.label ? {this.props.label} : null}\n \n {this.props.icon ? 
: null}\n {this.props.codeandphone ? (\n this.onFocusChange()}\n value={this.props.value}\n style={this.props.inputWidth}\n onChange={this.props.onChange}\n onBlur={this.props.onBlur}\n disabled={this.props.disabled}\n fontSize={this.props.fontSize}\n onTextChange={this.props.onTextChange}\n />\n ) : (\n this.onFocusChange()}\n value={this.props.value}\n style={([this.props.inputWidth], this.props.disabled ? { color: '#919191' } : {})}\n onChange={\n this.props.onChange && this.props.type != 'places'\n ? event => this.props.onChange(event.target.value)\n : null\n }\n onBlur={this.props.onBlur ? event => this.props.onBlur(event.target.value) : null}\n disabled={this.props.disabled}\n min={this.props.min}\n maxlength={this.props.max}\n />\n )}\n {this.props.iconRight ? (\n
\n {this.props.error ? (\n {this.props.t(this.props.errorMessage)}\n ) : null}\n \n );\n }\n}\n\nexport default withTranslation('common')(KuposInput);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nexport default class KuposCheckbox extends Component {\n static propTypes = {\n checked:PropTypes.bool,\n onChange:PropTypes.func,\n label:PropTypes.string,\n circular:PropTypes.bool,\n t:PropTypes.func,\n errorMessage:PropTypes.string,\n error:PropTypes.bool\n };\n\n render() {\n return (\n \n this.props.onCountryCodeChange(el.target.value)}\n />\n
\n ) : null}\n {this.props.type == 'places' ? (\n \n
\n ) : null}\n this.setState({ isPassowrd: !this.state.isPassowrd })}>\n
\n \n {this.state.isPassowrd ? (\n
\n \n \n {this.props.error ? (\n {this.props.errorMessage}\n ) : null}\n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nexport default class KuposRadio extends Component {\n static propTypes = {\n checked: PropTypes.bool,\n onChange: PropTypes.func,\n label: PropTypes.string,\n };\n\n render() {\n return (\n \n {this.props.disabled ? (\n \n
\n );\n }\n}\n","import React, { Component } from 'react';\n\nexport default class SvgCircularIcons extends Component {\n static propTypes = {\n\n };\n\n render() {\n let icon;\n let cls1;\n switch (this.props.name) {\n case 'user-orange':\n icon = \n break;\n case 'forgot-password':\n icon = \n break;\n case 'pasajebus':\n cls1 = this.props.color == 'white' ? 'pasajebus-white-cls-1' : 'pasajebus-orange-cls-1'\n icon = \n break;\n case 'carpool':\n cls1 = this.props.color == 'white' ? 'carpool-white-cls-2' : 'carpool-orange-cls-2'\n icon = \n break;\n case 'transfer':\n cls1 = this.props.color == 'white' ? 'transfer-white-cls-4' : 'transfer-orange-cls-4'\n icon = \n break;\n case 'train':\n cls1 = this.props.color == 'white' ? 'train-white-cls-1' : 'train-orange-cls-1'\n icon = \n break;\n case 'collective':\n cls1 = this.props.color == 'white' ? 'collective-white-cls-1' : 'collective-orange-cls-1'\n icon = \n break;\n case 'toll':\n cls1 = this.props.color == 'white' ? 'toll-white-cls-1' : 'toll-orange-cls-1'\n icon = \n break;\n case 'bip':\n cls1 = this.props.color == 'white' ? 'bip-white-cls-1' : 'bip-orange-cls-1'\n icon = \n break;\n case 'go':\n cls1 = this.props.color == 'white' ? 'go-white-cls-1' : 'go-orange-cls-1'\n icon = \n break;\n default:\n icon = ;\n break;\n\n }\n return (\n {icon}\n );\n }\n}\n","import React, { Component } from 'react';\n\nexport default class SvgHome extends Component {\n static propTypes = {\n\n };\n\n render() {\n let icon;\n switch (this.props.name) {\n case 'pin':\n icon = \n break;\n case 'arrow-whight-left':\n icon = \n break;\n case 'arrow-whight-right':\n icon = \n break;\n case 'back-arrow':\n icon = \n break;\n case 'calendar':\n icon = \n break;\n case 'cancel-ticket':\n icon = \n break;\n case 'print-ticket':\n icon = \n break;\n case 'close':\n icon = \n break;\n case 'facebook':\n icon = \n break;\n case 'googleplus':\n icon = \n break;\n case 'plane':\n icon = \n break;\n case 'time':\n icon = \n break;\n case 'minus':\n icon = \n break;\n case 'plus':\n icon = \n break;\n default:\n icon = ;\n break;\n\n }\n return (\n {icon}\n );\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport KuposModal from './KuposModal';\nimport SvgHome from './SvgHome';\n\nexport class NewsLetterSuccessModal extends Component {\n static propTypes = {\n common: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n };\n\n render() {\n return (\n \n \n {this.props.checked ? (\n \n ) : (\n \n )}\n
\n {this.props.label}\n \n ) : (\n \n )}\n \n \n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n common: state.common,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch)\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(NewsLetterSuccessModal);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport KuposModal from './KuposModal';\nimport SvgHome from './SvgHome';\n\nexport class SignUpSuccessModal extends Component {\n static propTypes = {\n common: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n oAuthSignup: PropTypes.bool\n };\n\n render() {\n return (\n \n
\n \n \n
\n \n
\n \n ![](\"../images/booking-success-circle.png\")
\n
\n \n {this.props.t('HOME.THANK_YOU')}
\n\n \n {this.props.t('HOME.NEWSLETTER_1')}\n
\n \n {this.props.t('HOME.NEWSLETTER_2')}\n
\n\n \n \n
\n \n \n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n common: state.common,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch)\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(SignUpSuccessModal);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport KuposModal from './KuposModal';\n\nexport default class KuposErrorSuccessModal extends Component {\n static propTypes = {\n showModal: PropTypes.bool,\n onButtonClick: PropTypes.func,\n success: PropTypes.bool,\n title: PropTypes.string,\n subTitle: PropTypes.string,\n bodyText: PropTypes.string,\n showButton1: PropTypes.bool,\n onButtonClick1: PropTypes.func,\n buttonText1: PropTypes.string,\n showButton2: PropTypes.bool,\n onButtonClick2: PropTypes.func,\n buttonText2: PropTypes.string,\n t: PropTypes.func,\n generalButton: PropTypes.string,\n };\n\n render() {\n return (\n \n
\n \n \n
\n \n
\n \n ![](\"../images/registration-done-circle.png\")
\n
\n \n \n {this.props.t('HOME.SUCCESS_SIGNUP_TITLE')}\n
\n\n {!this.props.oAuthSignup ? (\n \n {this.props.t('HOME.SUCCESS_SIGNUP_1')}\n
\n ) : null}\n\n \n {this.props.t('HOME.SUCCESS_SIGNUP_2')}\n
\n\n \n \n
\n \n \n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport KuposModal from './KuposModal';\nimport KuposInput from './KuposInput';\nimport KuposCheckbox from './KuposCheckbox';\nimport CommonService from '../../services/commonService';\nimport ApiUrls from '../../services/apiUrls';\nimport KuposRadio from './KuposRadio';\nimport SvgCircularIcons from './SvgCircularIcons';\nimport SvgHome from './SvgHome';\nimport { KuposSelectBox, KuposModalWithButtons } from '.';\nimport { NewsLetterSuccessModal } from './NewsLetterSuccessModal';\nimport { SignUpSuccessModal } from './SignUpSuccessModal';\n\n// import FacebookLogin from 'react-facebook-login';\n// import { GoogleLogin } from 'react-google-login';\nimport AppData from '../../services/appData';\nimport KuposErrorSuccessModal from './KuposErrorSuccessModal';\n// import TermsAndConditions from '../pages/TermsAndConditions';\n\nvar global = window;\n\nexport class LoginModal extends Component {\n static propTypes = {\n common: PropTypes.object.isRequired,\n pbPaymentDetails: PropTypes.object,\n actions: PropTypes.object.isRequired,\n onHide: PropTypes.func,\n showModal: PropTypes.bool,\n onLoginSuccess: PropTypes.func,\n t: PropTypes.func,\n history: PropTypes.object,\n };\n\n idCardTypes = [];\n backView = [];\n\n constructor(props) {\n super(props);\n for (let c in this.props.metaData.id_card_types) {\n this.idCardTypes.push({\n value: this.props.metaData.id_card_types[c],\n id: this.props.metaData.id_card_types[c],\n label: c,\n name: c,\n selected: this.props.metaData.id_card_types[c] == 7,\n });\n }\n this.idCardTypesSelect = [\n { value: 7, label: 'RUT' },\n { value: 3, label: 'DNI/Pasaporte' },\n ];\n this.state = {\n signupCardType: this.idCardTypesSelect[0],\n modalType: 'LOGIN-OPTIONS',\n recieveOffer: true,\n signupMobile: '',\n signupCallingCode: '+56',\n successfullRegistration: false,\n selectedForgotTab: 1,\n };\n }\n\n componentDidMount() {\n console.log('componentMounted');\n this.resetData();\n }\n\n resetData = () => {\n this.oAuthName = null;\n this.oauth_account = null;\n this.oauth_token = null;\n this.oAuthEmail = null;\n this.oAuthLastName = null;\n this.setState({\n email: null,\n emailError: null,\n password: null,\n passwordError: null,\n loginErrorMessage: null,\n signupCallingCode: '+56',\n signupCardNumber: null,\n signupCardNumberError: null,\n signupCardType: this.idCardTypesSelect[0],\n signupName: null,\n signupNameError: null,\n signupLastName: null,\n signupLastNameError: null,\n signupMobile: null,\n signupMobileError: null,\n signupPassword: null,\n signupPasswordError: null,\n signupConfirmPassword: null,\n signupConfirmPasswordError: null,\n });\n };\n\n onLoginInputChange = (text, inp) => {\n if (inp == 'email') {\n this.setState({\n emailError: null,\n email: this.state.loginType === 'email' ? text : CommonService.phoneNumberFormat(CommonService.onlyNumbers(text)),\n });\n } else if (inp == 'password') {\n this.setState({\n passwordError: null,\n password: text,\n });\n }\n };\n\n onLoginInputBlur = (text, inp) => {\n if (!text) {\n if (inp == 'email') {\n this.state.loginType == 'mobile'\n ? this.setState({\n emailError: {\n message: 'VALIDATIONS.VALID_MOBILE',\n },\n })\n : this.setState({\n emailError: {\n message: 'VALIDATIONS.VALID_NO_EMAIL',\n },\n });\n } else if (inp == 'password') {\n this.setState({\n passwordError: {\n message: 'VALIDATIONS.VALID_PASSWORD',\n },\n });\n }\n } else if (this.state.loginType === 'email') {\n if (inp == 'email') {\n if (!CommonService.isEMailValid(text)) {\n this.setState({\n emailError: {\n message: 'VALIDATIONS.VALID_EMAIL',\n },\n });\n }\n }\n }\n };\n\n onLogin = () => {\n console.log(this, 'props');\n let errorCount = 0;\n if (!this.state.email) {\n this.state.loginType == 'mobile'\n ? this.setState({\n emailError: {\n message: 'VALIDATIONS.VALID_MOBILE',\n },\n })\n : this.setState({\n emailError: {\n message: 'VALIDATIONS.VALID_NO_EMAIL',\n },\n });\n errorCount++;\n }\n if (this.state.loginType === 'email') {\n if (!CommonService.isEMailValid(this.state.email)) {\n this.setState({\n emailError: {\n message: 'VALIDATIONS.VALID_EMAIL',\n },\n });\n errorCount++;\n }\n }\n if (!this.state.password) {\n this.setState({\n passwordError: {\n message: 'VALIDATIONS.VALID_PASSWORD',\n },\n });\n errorCount++;\n }\n if (errorCount > 0) {\n return;\n }\n\n this.setState({ loginErrorMessage: null });\n // let data = {\n // email: this.state.email,\n // password: this.state.password,\n // // \"device_details\": this.props.data.deviceInfo\n // };\n\n let data = {\n password: this.state.password,\n };\n this.state.loginType == 'email'\n ? (data.email = this.state.email)\n : (data.phone_no = this.state.email);\n this.state.loginType == 'mobile' ? (data.is_phone = true) : (data.is_phone = false);\n\n // this.props.actions.login({ url: ApiUrls.login(), data: data }).then(\n // res => {\n // this.onResponse(res);\n // // this.props.history.push(\"/my-account\")\n // },\n // err => {\n // this.onResponse(err);\n // },\n // );\n };\n\n onResponse = result => {\n if (result.data && result.data.error) {\n if (this.state.modalType == 'LOGIN-OPTIONS' && this.oauth_token) {\n this.backView.push(this.state.modalType);\n this.setState({\n modalType: 'REGISTER',\n signupName: this.oAuthName,\n signupNameError: null,\n signupLastName: this.oAuthLastName,\n signupLastNameError: null,\n signupEmail: this.oAuthEmail,\n signupEmailError: null,\n signupMobile:null,\n signupMobileError:null,\n loginType: 'oauth',\n });\n } else {\n this.setState({\n loginErrorMessage: result.data.error,\n });\n return;\n }\n } else if (result.data.auth_token) {\n // GlobalService.setGlobal('token',result.data.auth_token);\n global.token = result.data.auth_token;\n CommonService.storeLoginDetails(result.data, this.props.actions.setLoginData);\n setTimeout(() => {\n // CommonService.toast.show(\"¡Sesión iniciada éxitosamente!\");\n if (!CommonService.isBookingScreen() && !CommonService.isATBookingScreen())\n this.props.history.push('/my-account');\n this.onHide();\n this.props.onLoginSuccess();\n if (CommonService.isBookingScreen()) {\n this.fillPassengerAutoData();\n }\n if (CommonService.isATBookingScreen()) {\n // this.props.fillAtData()\n }\n }, 300);\n } else {\n if (this.state.modalType == 'LOGIN-OPTIONS' && this.oauth_token) {\n this.backView.push(this.state.modalType);\n this.setState({\n modalType: 'REGISTER',\n signupName: this.oAuthName,\n signupNameError: null,\n signupLastName: this.oAuthLastName,\n signupLastNameError: null,\n signupEmail: this.oAuthEmail,\n signupEmailError: null,\n signupMobile:null,\n signupMobileError:null,\n });\n }\n }\n };\n\n renderLoginOptions = () => {\n return (\n \n
\n\n \n \n {this.props.title || (this.props.success ? '¡Listo!' : '¡Lo sentimos!')}\n \n
\n\n \n {this.props.subTitle}\n
\n\n \n {this.props.bodyText\n ? this.props.bodyText.split('\\n').map((val, i) => {\n return (\n \n {val}\n
\n \n );\n })\n : null}\n
\n\n {this.props.children}\n\n {!this.props.showButton1 ? (\n \n \n );\n })\n : null}\n
\n \n {/* {this.props.success\n ? this.props.generalButton\n ? this.props.generalButton\n : 'OK'\n : this.props.generalButton\n ? this.props.generalButton\n : 'VOLVER'} */}\n VOLVER\n \n
\n ) : null}\n\n {this.props.showButton1 ? (\n \n \n {this.props.buttonText1 ? this.props.buttonText1 : 'OK, CONTINUAR'}\n \n
\n ) : null}\n {this.props.showButton2 ? (\n \n \n
\n ) : null}\n \n \n
\n\n \n
\n {this.props.t('PROFILE.LOG_IN_HEADING')}
\n\n \n {this.props.t('PROFILE.LOGIN_MESSAGE1')}\n this.setState({ showTNCModel: true })}>\n {' '}\n {this.props.t('PROFILE.LOGIN_MESSAGE2')}\n \n {this.props.t('PROFILE.LOGIN_MESSAGE3')}\n this.setState({ showTNCModel: true })}>\n {this.props.t('PROFILE.LOGIN_MESSAGE4')}\n \n
\n\n \n
\n\n \n {\n this.resetData();\n this.backView.push(this.state.modalType);\n this.setState({ modalType: 'LOGIN', loginType: 'mobile' });\n }}\n >\n
\n \n \n \n ![](\"/images/phone-text.png\")
\n
\n {this.props.t('PROFILE.PHONE_LOGIN')}\n \n \n {\n this.resetData();\n this.backView.push(this.state.modalType);\n this.setState({ modalType: 'LOGIN', loginType: 'email' });\n }}\n >\n
\n \n \n \n ![](\"/images/email.png\")
\n
\n {this.props.t('PROFILE.EMAIL_LOGIN')}\n \n \n \n ![](\"/images/fb.png\")
\n
\n {this.props.t('PROFILE.FACEBOOK_LOGIN')}\n \n \n {/* \n \n \n \n
\n \n {/* \n \n \n ![](\"/images/google_reg.png\")
\n
\n {this.props.t('PROFILE.GOOGLE_LOGIN')}\n \n \n {\n this.setState({\n modalType: this.backView.pop(),\n email: null,\n password: null,\n emailError: null,\n passwordError: null,\n });\n }}\n >\n
\n \n
\n {this.props.t('PROFILE.LOG_IN_HEADING')}
\n\n {/* \n \n ![\"\"](\"/images/icons/home/icon-facebook.png\")
\n \n ![\"\"](\"/images/icons/home/icon-googleplus.png\")
\n \n
*/}\n\n \n \n \n \n \n {this.state.loginType == 'email'\n ? this.props.t('PROFILE.LOGIN_DETAILS')\n : this.props.t('PROFILE.LOGIN_WITH_PHONE')}\n
\n\n \n {this.state.loginType == 'email' ? (\n
\n )}\n \n this.onLoginInputChange(text, 'email')}\n onBlur={text => this.onLoginInputBlur(text, 'email')}\n value={this.state.email}\n error={this.state.emailError ? true : false}\n errorMessage={\n this.state.emailError ? this.props.t(this.state.emailError.message) : ''\n }\n />\n
\n ) : (\n \n \n this.onLoginInputChange(text, 'email')}\n onBlur={text => this.onLoginInputBlur(text, 'email')}\n focused={true}\n value={this.state.email}\n />\n
\n \n 
\n
\n \n \n {this.state.emailError ? this.props.t(this.state.emailError.message) : ''}\n
\n \n this.onLoginInputChange(text, 'password')}\n onBlur={text => this.onLoginInputBlur(text, 'password')}\n value={this.state.password}\n error={this.state.passwordError ? true : false}\n showPasswordIcon={true}\n password={true}\n errorMessage={\n this.state.passwordError ? this.props.t(this.state.passwordError.message) : ''\n }\n />\n
\n {this.state.loginErrorMessage ? (\n \n {this.state.loginErrorMessage}\n
\n ) : null}\n \n\n \n \n this.setState({ rememberMe: !this.state.rememberMe })}\n />\n \n {\n this.backView.push(this.state.modalType);\n this.setState({\n modalType: 'FORGOT',\n email: null,\n password: null,\n emailError: null,\n passwordError: null,\n });\n }}\n className=\"primary-text\"\n >\n {this.props.t('PROFILE.FORGET_PASSWORD')}\n \n
\n\n \n \n {this.props.common.loginPending ? (\n \n ) : (\n {this.props.t('PROFILE.LOG_IN_HEADING')}\n )}\n \n
\n\n \n {this.props.t('PROFILE.DONT_HAVE_ACCOUNT')} \n {\n this.backView.push(this.state.modalType);\n this.setState({\n modalType: this.state.loginType == 'email' ? 'REGISTER' : 'MOBILE-REGISTER',\n email: null,\n password: null,\n emailError: null,\n passwordError: null,\n });\n }}\n >\n {this.props.t('PROFILE.REGISTER')}\n \n
\n \n );\n };\n\n fillPassengerAutoData = () => {\n setTimeout(() => {\n let passengerDetailsOnward = CommonService.copyObject(\n this.props.pbPaymentDetails.passengerDetailsOnward,\n );\n passengerDetailsOnward[0].name = this.props.common.loginData\n ? this.props.common.loginData.name\n : null;\n passengerDetailsOnward[0].last_name = this.props.common.loginData\n ? this.props.common.loginData.last_name\n : null;\n // (passengerDetailsOnward[0].idCardType =\n // this.props.common.loginData && Object.keys(this.props.common.loginData).length\n // ? this.idCardTypes.find(it => it.value == this.props.common.loginData.identity_type)\n // : this.idCardTypes.find(it => it.value == 7)),\n // (passengerDetailsOnward[0].idCardNumber =\n // this.props.common.loginData && Object.keys(this.props.common.loginData).length\n // ? this.props.common.loginData.identity_val\n // : null);\n this.props.actions.setPassengerDetailsOnward(passengerDetailsOnward);\n\n let contactDetails = {\n countryCode: this.countrieCodes && this.countrieCodes[0] ? this.countrieCodes[0].name : '',\n mobile: this.props.common.loginData ? this.props.common.loginData.phone : null,\n email: this.props.common.loginData ? this.props.common.loginData.email : null,\n confirmEmail: this.props.common.loginData ? this.props.common.loginData.email : null,\n };\n this.props.actions.setContactDetails(contactDetails);\n CommonService.loginCallbackFunction = null;\n }, 300);\n };\n\n // signup code ----------------------------\n onSignupInputChange = (text, inp) => {\n if (inp == 'name') {\n this.setState({\n signupNameError: null,\n signupName: text,\n });\n } else if (inp == 'lastname') {\n this.setState({\n signupLastNameError: null,\n signupLastName: text,\n });\n } else if (inp == 'email') {\n this.setState({\n signupEmailError: null,\n signupEmail: text,\n });\n } else if (inp == 'mobile') {\n if (text) {\n text = CommonService.phoneNumberFormat(text);\n }\n this.setState({\n signupMobileError: null,\n signupMobile: text,\n });\n } else if (inp == 'cardNumber') {\n this.setState({\n signupCardNumberError: null,\n });\n if (text) {\n // let cardNumber = CommonService.isRut(this.state.signupCardType,this.idCardTypes) ? CommonService.formatRut(text) : text;\n this.setState({\n signupCardNumber: text,\n });\n } else {\n this.setState({\n signupCardNumber: text,\n });\n }\n } else if (inp == 'cardType') {\n for (let item of this.idCardTypes) {\n item.selected = false;\n }\n text.selected = true;\n this.setState({\n signupCardNumberError: null,\n signupCardNumber: null,\n signupCardType: text.value,\n });\n } else if (inp == 'password') {\n this.setState({\n signupPasswordError: null,\n signupPassword: text,\n });\n } else if (inp == 'confirmPassword') {\n this.setState({\n signupConfirmPasswordError: null,\n signupConfirmPassword: text,\n });\n }\n };\n\n onSignupInputBlur = (text, inp) => {\n if (!text) {\n if (inp == 'name') {\n this.setState({\n signupNameError: {\n message: 'VALIDATIONS.VALID_NAME',\n },\n });\n } else if (inp == 'lastname') {\n this.setState({\n signupLastNameError: {\n message: 'VALIDATIONS.VALID_SURNAME',\n },\n });\n } else if (inp == 'email') {\n this.setState({\n signupEmailError: {\n message: 'VALIDATIONS.VALID_NO_EMAIL',\n },\n });\n } else if (inp == 'password') {\n this.setState({\n signupPasswordError: {\n message: 'VALIDATIONS.VALID_PASSWORD',\n },\n });\n } else if (inp == 'confirmPassword') {\n this.setState({\n signupConfirmPasswordError: {\n message: 'VALIDATIONS.VALID_CONFIRM_PASSWORD',\n },\n });\n } else if (inp == 'mobile') {\n this.setState({\n signupMobileError: {\n message: 'VALIDATIONS.VALID_MOBILE',\n },\n });\n } else if (inp == 'cardNumber') {\n this.setState({\n signupCardNumberError: {\n message: 'VALIDATIONS.VALID_DOCUMENT_NUMBER',\n },\n });\n }\n // } else if (inp == 'name') {\n // if (text.length < 4) {\n // this.setState({\n // signupNameError: {\n // message: 'VALIDATIONS.VALID_NAME_LENGTH',\n // },\n // });\n // }\n } else if (inp == 'email') {\n if (!CommonService.isEMailValid(text)) {\n this.setState({\n signupEmailError: {\n message: 'VALIDATIONS.VALID_EMAIL_VALIDATION',\n },\n });\n }\n } else if (inp == 'password') {\n if (this.state.signupPassword.length < 4) {\n this.setState({\n signupPasswordError: {\n message: 'VALIDATIONS.VALID_PASSWORD_LENGTH',\n },\n });\n }\n } else if (inp == 'confirmPassword') {\n if (this.state.signupPassword != this.state.signupConfirmPassword) {\n this.setState({\n signupConfirmPasswordError: {\n message: 'VALIDATIONS.VALID_CONFIRM_PASSWORD_VALID',\n },\n });\n }\n } else if (inp == 'mobile') {\n if (this.state.signupMobile.toString().length != 9) {\n this.setState({\n signupMobileError: {\n message: 'VALIDATIONS.VALID_MOBILE_LENGTH_9',\n },\n });\n }\n } else if (inp == 'cardNumber') {\n let cardNumber = this.state.signupCardType.value == 7 ? CommonService.formatRut(text) : text;\n // let cardNumber = CommonService.formatRut(text);\n this.setState({\n signupCardNumber: cardNumber,\n });\n if (\n !CommonService.isRutValid(this.state.signupCardNumber) &&\n this.state.signupCardType.value == 7\n ) {\n this.setState({\n signupCardNumberError: {\n message: 'VALIDATIONS.VALID_RUT',\n },\n });\n }\n }\n };\n\n isSignupValid = () => {\n let errorCount = 0;\n\n if (!this.state.signupName) {\n this.setState({\n signupNameError: {\n message: 'VALIDATIONS.VALID_NAME',\n },\n });\n errorCount++;\n // } else if (this.state.signupName.length < 4) {\n // this.setState({\n // signupNameError: {\n // message: 'VALIDATIONS.VALID_NAME_LENGTH',\n // },\n // });\n // errorCount++;\n }\n if (!this.state.signupEmail) {\n this.setState({\n signupEmailError: {\n message: 'VALIDATIONS.VALID_EMAIL',\n },\n });\n errorCount++;\n } else if (!CommonService.isEMailValid(this.state.signupEmail)) {\n this.setState({\n signupEmailError: {\n message: 'VALIDATIONS.VALID_EMAIL_VALIDATION',\n },\n });\n errorCount++;\n }\n if (!this.state.signupPassword) {\n this.setState({\n signupPasswordError: {\n message: 'VALIDATIONS.VALID_PASSWORD',\n },\n });\n errorCount++;\n } else if (this.state.signupPassword.length < 4) {\n this.setState({\n signupPasswordError: {\n message: 'VALIDATIONS.VALID_PASSWORD_LENGTH',\n },\n });\n errorCount++;\n }\n if (this.state.signupPassword != this.state.signupConfirmPassword) {\n this.setState({\n signupConfirmPasswordError: {\n message: 'VALIDATIONS.VALID_CONFIRM_PASSWORD',\n },\n });\n errorCount++;\n }\n if (!this.state.signupMobile) {\n this.setState({\n signupMobileError: {\n message: 'VALIDATIONS.VALID_MOBILE',\n },\n });\n errorCount++;\n } else if (this.state.signupMobile.toString().length != 9) {\n this.setState({\n signupMobileError: {\n message: 'VALIDATIONS.VALID_MOBILE_LENGTH_9',\n },\n });\n errorCount++;\n }\n // if(!this.state.gender){\n // this.setState({\n // genderError:{\n // message:'Seleccionar Género'\n // }\n // })\n // errorCount++;\n // }\n if (!this.state.signupCardNumber) {\n this.setState({\n signupCardNumberError: {\n message: 'VALIDATIONS.VALID_DOCUMENT_NUMBER',\n },\n });\n errorCount++;\n } else if (\n !CommonService.isRutValid(this.state.signupCardNumber) &&\n this.state.signupCardType == 7\n ) {\n this.setState({\n signupCardNumberError: {\n message: 'VALIDATIONS.VALID_RUT',\n },\n });\n errorCount++;\n }\n if (!this.state.recieveOffer) {\n this.setState({\n termsAndCondionsError: {\n message: 'VALIDATIONS.SELECT_TNC',\n },\n });\n errorCount++;\n }\n if (errorCount <= 0) {\n return true;\n }\n return false;\n };\n\n signup = () => {\n if (!this.isSignupValid()) {\n return;\n }\n\n this.setState({ signupErrorMessage: null });\n\n let data = {\n name: this.state.signupName,\n last_name: this.state.signupLastName,\n email: this.state.signupEmail,\n password: this.state.signupPassword,\n phone: this.state.signupMobile,\n identity_type: this.state.signupCardType.value,\n identity_val: this.state.signupCardNumber,\n referrer_code: this.state.referCode ? this.state.referCode : '',\n gender: this.state.gender,\n // gender: this.state.gender || 'M',\n\n // device_details: this.props.data.deviceInfo\n };\n\n if (this.oauth_account && this.oAuthType) {\n data.oauth_account = this.oauth_account;\n data.oauth_token = this.oauth_token;\n data.oauth_type = this.oAuthType;\n data.image_url = this.oAuthPic;\n data.auth_info = { email: this.oAuthEmail };\n }\n\n this.props.actions.signup({ url: ApiUrls.register(), data: data }).then(\n res => {\n this.onSignupResponse(res);\n },\n err => {\n this.onSignupResponse(err);\n },\n );\n };\n\n onSignupResponse = result => {\n if (result.data && result.data.error) {\n this.setState({\n signupErrorMessage: result.data.error,\n });\n // this.onHide();\n return;\n } else if (result.data && result.data.id) {\n // GlobalService.setGlobal('token',result.data.auth_token);\n // global.token = result.data.id;\n // CommonService.storeLoginDetails(result.data, this.props.actions.setLoginData);\n if (result.data.auth_token) {\n global.token = result.data.auth_token;\n CommonService.storeLoginDetails(result.data, this.props.actions.setLoginData);\n setTimeout(() => {\n // CommonService.toast.show(\"¡Sesión iniciada éxitosamente!\");\n if (!CommonService.isBookingScreen() && !CommonService.isATBookingScreen())\n this.props.history.push('/my-account');\n this.setState({\n email: null,\n password: null,\n });\n if (CommonService.isBookingScreen()) {\n this.fillPassengerAutoData();\n }\n if (CommonService.isATBookingScreen()) {\n // this.props.fillAtData()\n }\n }, 300);\n }\n setTimeout(() => {\n // CommonService.toast.show(\"¡Sesión iniciada éxitosamente!\");\n this.setState({\n signupName: null,\n signupEmail: null,\n signupMobile: null,\n signupPassword: null,\n signupCardNumber: null,\n successfullRegistration: true,\n });\n this.resetData();\n this.props.onSignupSuccess();\n }, 300);\n }\n };\n\n responseFacebook = res => {\n console.log('responseFacebook', res);\n if (res.name) {\n this.setState({\n signupName: res.name.split(' ')[0],\n signupNameError: null,\n });\n if (res.name.split(' ')[1]) {\n this.setState({\n signupLastName: res.name.split(' ')[1],\n signupLastNameError: null,\n });\n }\n }\n if (res.email) {\n this.setState({\n signupEmail: res.email,\n signupEmailError: null,\n disableEmail: true,\n });\n }\n this.oauth_account = res.userID;\n this.oauth_token = res.accessToken;\n this.facebookData = res;\n };\n\n loginResponseFacebook = res => {\n this.oauth_account = null;\n this.oauth_token = null;\n this.oAuthLogin = false;\n if (res.email) {\n this.setState({\n email: res.email,\n emailError: null,\n disableEmail: true,\n });\n }\n this.oAuthLogin = true;\n this.oAuthType = 'facebook';\n this.oauth_account = res.userID;\n this.oauth_token = res.accessToken;\n this.facebookData = res;\n if (res.first_name) this.oAuthName = res.first_name.trim();\n if (res.last_name || res.middle_name)\n this.oAuthLastName = (res.middle_name || '').trim() + ' ' + (res.last_name || '').trim();\n this.oAuthEmail = res.email;\n if (res.picture && res.picture.data) {\n this.oAuthPic = res.picture.data.url;\n }\n\n if (this.oauth_account) this.loginApiCall();\n\n console.log('Data received from FB', res);\n };\n\n responseGoogle = res => {\n console.log('Data received from google', res);\n this.oauth_account = null;\n this.oauth_token = null;\n this.oAuthLogin = false;\n if (res.profileObj) {\n this.oauth_account = res.googleId;\n this.oauth_token = res.tokenId;\n // this.facebookData = res;\n this.oAuthLogin = true;\n this.oAuthType = 'google';\n this.oAuthName = res.profileObj.givenName;\n this.oAuthLastName = res.profileObj.familyName;\n this.oAuthEmail = res.profileObj.email;\n this.oAuthPic = res.profileObj.imageUrl;\n localStorage.setItem('googleAccessToken', res.accessToken);\n }\n // alert(JSON.stringify(res));\n if (this.oauth_account) this.loginApiCall();\n };\n\n loginApiCall = () => {\n let data = {\n email: this.state.email,\n password: this.state.password,\n };\n // if (this.oAuthLogin) {\n data.oauth_account = this.oauth_account;\n data.oauth_token = this.oauth_token;\n data.oauth_type = this.oAuthType;\n data.auth_info = { email: this.oAuthEmail };\n // }\n\n this.props.actions.login({ url: ApiUrls.login(), data: data }).then(\n res => {\n this.onResponse(res);\n },\n err => {\n this.onResponse(err);\n },\n );\n };\n\n generateOtp = ({ countryCode, mobile, type }) => {\n if (!this.state.signupMobile) {\n this.setState({\n otpMobileError: {\n message: 'VALIDATIONS.VALID_MOBILE',\n },\n });\n return;\n } else if (this.state.signupMobile.toString().length != 9) {\n this.setState({\n otpMobileError: {\n message: 'VALIDATIONS.VALID_MOBILE_LENGTH_9',\n },\n });\n return;\n }\n this.props.actions\n .generateOtp({\n url: ApiUrls.generateOtp(),\n data: {\n country_code: countryCode,\n mobile_number: mobile.toString(),\n cat_type: type,\n },\n })\n .then(\n res => {\n if (res.data && res.data.status === 200) {\n this.backView.push(this.state.modalType);\n this.setState({\n modalType: 'OTP-REGISTER',\n });\n } else if (res.data) {\n this.setState({\n signupMobileError: {\n message: res.data.message,\n },\n });\n // this.setState({showSuccessFailureModal:true,showSuccessFailureModalStatus:false,showSuccessFailureModalBodyText:res.data.message})\n }\n },\n err => {\n // this.onResponse(err);\n },\n );\n };\n\n renderSignupMobileCard = () => {\n return (\n \n {\n this.setState({ modalType: this.backView.pop() });\n this.resetData();\n }}\n >\n
\n\n \n
\n {this.props.t('PROFILE.SIGN_UP')}
\n \n {this.props.t('PROFILE.CREATE_ACC_PHONE')}\n
\n \n
\n \n this.onSignupInputChange(text, 'mobile')}\n onBlur={text => this.onSignupInputBlur(text, 'mobile')}\n focused={true}\n value={this.state.signupMobile}\n />\n
\n \n \n
\n \n \n {this.state.otpMobileError ? this.props.t(this.state.otpMobileError.message) : ''}\n
\n \n \n this.generateOtp({\n countryCode: this.state.signupCallingCode,\n mobile: this.state.signupMobile,\n type: 'sign_up',\n })\n }\n >\n {this.props.common.generateOtpPending ? (\n \n ) : (\n {this.props.t('PROFILE.SIGN_UP')}\n )}\n \n
\n \n {this.props.t('PROFILE.ALREADY_ACCOUNT')} \n {\n this.setState({ modalType: this.backView.pop() });\n }}\n >\n {this.props.t('PROFILE.LOG_IN')}\n \n
\n \n );\n };\n\n validateOtp = ({ countryCode, mobile, type }) => {\n if (!this.state.otp1 || !this.state.otp2 || !this.state.otp3 || !this.state.otp4) {\n return;\n }\n try {\n this.props.actions\n .validateOtp({\n url: ApiUrls.validateOtp(),\n data: {\n country_code: countryCode,\n mobile_number: mobile.toString(),\n cat_type: type,\n code:\n this.state.otp1 + '' + this.state.otp2 + '' + this.state.otp3 + '' + this.state.otp4,\n },\n })\n .then(\n res => {\n if (res.data && res.data.status === 200) {\n this.backView.push(this.state.modalType);\n this.setState({\n modalType: type == 'sign_up' ? 'REGISTER' : 'RESET-PASSWORD',\n });\n } else {\n console.log(\"Response is \", res)\n this.setState({\n // showSuccessFailureModal: true,\n // showSuccessFailureModalStatus: false,\n // showSuccessFailureModalBodyText: res.data.message,\n validateOtpError: {\n message: res.data.message,\n }\n });\n }\n },\n err => {\n // this.onResponse(err);\n },\n );\n } catch (e) {\n console.log(e);\n }\n\n // this.props.forgotPassword({callback:(result) => this.onResponse(result),data:data})\n };\n\n renderOtpView = () => {\n return (\n \n
\n );\n };\n\n renderSignupOTPCard = () => {\n return (\n \n
\n \n {\n let key = el.keyCode || el.charCode;\n if (key == 39) this.refs.otp2.focus();\n }}\n onChange={el => {\n this.setState({ otp1: CommonService.phoneNumberFormat(el.target.value, 1) });\n if (el.target.value) this.refs.otp2.focus();\n else this.refs.otp1.focus();\n }}\n />\n {\n let key = el.keyCode || el.charCode;\n if (key == 8 || key == 46) this.refs.otp1.focus();\n if (key == 37) this.refs.otp1.focus();\n if (key == 39) this.refs.otp3.focus();\n }}\n onChange={el => {\n this.setState({ otp2: CommonService.phoneNumberFormat(el.target.value, 1) });\n if (el.target.value) this.refs.otp3.focus();\n // else this.refs.otp1.focus();\n }}\n />\n {\n let key = el.keyCode || el.charCode;\n if (key == 8 || key == 46) this.refs.otp2.focus();\n if (key == 37) this.refs.otp2.focus();\n if (key == 39) this.refs.otp4.focus();\n }}\n onChange={el => {\n this.setState({ otp3: CommonService.phoneNumberFormat(el.target.value, 1) });\n if (el.target.value) this.refs.otp4.focus();\n // else this.refs.otp2.focus();\n }}\n />\n {\n let key = el.keyCode || el.charCode;\n if (key == 8 || key == 46) this.refs.otp3.focus();\n if (key == 37) this.refs.otp3.focus();\n }}\n onChange={el => {\n this.setState({ otp4: CommonService.phoneNumberFormat(el.target.value, 1) });\n // this.refs.otp4.focus();\n if (el.target.value) this.refs.otp4.focus();\n // else this.refs.otp3.focus();\n }}\n />\n
\n \n {this.state.validateOtpError ? this.props.t(this.state.validateOtpError.message) : ''}\n
\n \n {\n this.setState({ modalType: this.backView.pop() });\n }}\n >\n
\n\n \n ![](\"/images/circular/forgot-circle.png\")
\n
\n \n Verifica tu teléfono
\n \n Ingresa el código de 4 dígitos que enviamos al número registrado.\n
\n {this.renderOtpView()}\n \n \n this.validateOtp({\n countryCode: this.state.signupCallingCode,\n mobile: this.state.signupMobile,\n type: 'sign_up',\n })\n }\n >\n {this.props.common.validateOtpPending ? (\n \n ) : (\n {this.props.t('RESULTS_PAGE.CONTINUE')}\n )}\n \n
\n \n \n this.generateOtp({\n countryCode: this.state.signupCallingCode,\n mobile: this.state.signupMobile,\n type: 'sign_up',\n })\n }\n >\n Haz clic aquí para reenviar.\n \n
\n \n );\n };\n\n renderSignupCard = () => {\n return (\n ¿No recibiste el código?
\n \n {\n this.setState({ modalType: this.backView.pop() });\n this.resetData();\n }}\n >\n
\n\n {this.props.t('PROFILE.CREATE_ACCOUNT')}
\n \n
\n\n \n this.onSignupInputChange(text, 'name')}\n onBlur={text => this.onSignupInputBlur(text, 'name')}\n value={this.state.signupName}\n error={this.state.signupNameError ? true : false}\n errorMessage={\n this.state.signupNameError ? this.props.t(this.state.signupNameError.message) : ''\n }\n />\n
\n\n \n this.onSignupInputChange(text, 'lastname')}\n onBlur={text => this.onSignupInputBlur(text, 'lastname')}\n value={this.state.signupLastName}\n error={this.state.signupLastNameError ? true : false}\n errorMessage={\n this.state.signupLastNameError\n ? this.props.t(this.state.signupLastNameError.message)\n : ''\n }\n />\n
\n \n {/* {this.idCardTypes.map((item,key) => (\n this.setState({ signupCardType: val })}\n options={this.idCardTypesSelect}\n selectedOption={this.state.signupCardType}\n t={this.props.t}\n />\n
\n \n this.onSignupInputChange(item, 'cardType')}\n checked={item.selected}\n label={item.label}\n />\n
\n ))} */}\n \n this.onSignupInputChange(text, 'cardNumber')}\n onBlur={text => this.onSignupInputBlur(text, 'cardNumber')}\n value={this.state.signupCardNumber}\n error={this.state.signupCardNumberError ? true : false}\n errorMessage={\n this.state.signupCardNumberError\n ? this.props.t(this.state.signupCardNumberError.message)\n : ''\n }\n />\n
\n\n \n this.onSignupInputChange(text, 'email')}\n onBlur={text => this.onSignupInputBlur(text, 'email')}\n value={this.state.signupEmail}\n error={this.state.signupEmailError ? true : false}\n errorMessage={\n this.state.signupEmailError ? this.props.t(this.state.signupEmailError.message) : ''\n }\n disabled={this.oAuthEmail && this.state.signupEmail}\n />\n
\n\n \n {/*
\n\n */}\n {/*
*/}\n \n this.onSignupInputChange(text, 'mobile')}\n // onBlur={text => this.onSignupInputBlur(text, 'mobile')}\n // value={this.state.signupMobile}\n // error={this.state.signupMobileError ? true : false}\n // errorMessage={\n // this.state.signupMobileError\n // ? this.props.t(this.state.signupMobileError.message)\n // : ''\n // }\n />\n
*/}\n {/* */}\n this.onSignupInputChange(text, 'mobile')}\n onBlur={text => this.onSignupInputBlur(text, 'mobile')}\n focused={true}\n value={this.state.signupMobile}\n error={this.state.signupMobileError ? true : false}\n errorMessage={\n this.state.signupMobileError\n ? this.props.t(this.state.signupMobileError.message)\n : ''\n }\n disabled={this.state.loginType == 'mobile' && this.state.signupMobile}\n codeandphone={true}\n countryCode={this.state.signupCallingCode}\n onCountryCodeChange={text => this.onSignupInputChange(text, 'country_code')}\n />\n {/*
*/}\n {/* \n this.onSignupInputChange(text, 'password')}\n onBlur={text => this.onSignupInputBlur(text, 'password')}\n value={this.state.signupPassword}\n error={this.state.signupPasswordError ? true : false}\n errorMessage={\n this.state.signupPasswordError\n ? this.props.t(this.state.signupPasswordError.message)\n : ''\n }\n />\n
\n \n this.onSignupInputChange(text, 'confirmPassword')}\n onBlur={text => this.onSignupInputBlur(text, 'confirmPassword')}\n value={this.state.signupConfirmPassword}\n error={this.state.signupConfirmPasswordError ? true : false}\n errorMessage={\n this.state.signupConfirmPasswordError\n ? this.props.t(this.state.signupConfirmPasswordError.message)\n : ''\n }\n />\n
\n \n \n \n this.setState({\n recieveOffer: !this.state.recieveOffer,\n termsAndCondionsError: false,\n })\n }\n />\n this.setState({ showTNCModel: true })}>\n {this.props.t('PROFILE.TNC')}\n \n \n {this.state.termsAndCondionsError ? (\n
\n {this.state.signupErrorMessage ? (\n \n {this.props.t(this.state.termsAndCondionsError.message)}\n
\n ) : null}\n \n {this.state.signupErrorMessage}\n
\n ) : null}\n\n \n \n {this.props.common.signupPending ? (\n \n ) : (\n {this.props.t('PROFILE.SIGN_UP')}\n )}\n \n
\n \n );\n };\n\n onForgotInputChange = (text, inp) => {\n if (inp == 'email') {\n this.setState({\n forgotErrorMessage: null,\n forgotEmailError: null,\n forgotEmail: text,\n });\n } else if (inp == 'mobile') {\n this.setState({\n forgotErrorMessage: null,\n otpMobileError: null,\n forgotMobile: CommonService.phoneNumberFormat(text),\n });\n }\n };\n\n onForgotInputBlur = (text, inp) => {\n if (!text) {\n if (inp == 'email') {\n this.setState({\n forgotEmailError: {\n message: 'VALIDATIONS.VALID_EMAIL',\n },\n });\n }\n } else if (inp == 'email') {\n if (!CommonService.isEMailValid(text)) {\n this.setState({\n forgotEmailError: {\n message: 'VALIDATIONS.VALID_EMAIL_VALIDATION',\n },\n });\n }\n }\n };\n\n resetPassword = () => {\n let errorCount = 0;\n if (this.state.selectedForgotTab == 2) {\n if (!this.state.forgotEmail) {\n this.setState({\n forgotEmailError: {\n message: 'VALIDATIONS.VALID_EMAIL',\n },\n });\n errorCount++;\n } else if (!CommonService.isEMailValid(this.state.forgotEmail)) {\n this.setState({\n forgotEmailError: {\n message: 'VALIDATIONS.VALID_EMAIL',\n },\n });\n errorCount++;\n }\n if (errorCount > 0) {\n return;\n }\n let data = {\n user: { email: this.state.forgotEmail },\n };\n\n this.props.actions.resetPassword({ url: ApiUrls.resetPassword(), data: data }).then(\n res => {\n this.onForgotResponse(res);\n },\n err => {\n this.onForgotResponse(err);\n },\n );\n } else {\n let errorCount = 0;\n if (!this.state.forgotMobile) {\n this.setState({\n otpMobileError: {\n message: 'Ingresa tu número de teléfono',\n },\n });\n errorCount++;\n } else if (this.state.forgotMobile.toString().length != 9) {\n this.setState({\n otpMobileError: {\n message: 'El teléfono debe contener mínimo 9 dígitos',\n },\n });\n errorCount++;\n }\n if (errorCount > 0) {\n return;\n }\n\n this.props.actions\n .generateOtp({\n url: ApiUrls.generateOtp(),\n data: {\n country_code: this.state.signupCallingCode,\n mobile_number: this.state.forgotMobile.toString(),\n cat_type: 'change_pwd_valid',\n },\n })\n .then(\n res => {\n if (res.data && res.data.status === 200) {\n this.backView.push(this.state.modalType);\n this.setState({\n modalType: 'OTP-FORGOT',\n });\n } else {\n this.setState({\n otpMobileError: {\n message: res.data.message,\n },\n });\n // this.setState({showSuccessFailureModal:true,showSuccessFailureModalStatus:false,showSuccessFailureModalBodyText:res.data.message})\n }\n },\n err => {\n // this.onResponse(err);\n },\n );\n }\n };\n\n onForgotResponse = result => {\n if (result.data && result.data.error) {\n this.setState({\n forgotEmailError: {\n message: result.data.error,\n },\n });\n return;\n } else if (result.data.message) {\n this.setState({\n forgotEmail: null,\n showForgotSuccess: true,\n });\n }\n };\n\n renderForgotPasswordCard = () => {\n return !this.state.showForgotSuccess ? (\n \n {\n this.setState({\n modalType: this.backView.pop(),\n selectedForgotTab: 1,\n forgotEmail: null,\n forgotEmailError: null,\n forgotMobile: null,\n otpMobileError: null,\n forgotErrorMessage: null,\n });\n }}\n >\n
\n\n \n
\n \n {this.props.t('PROFILE.RESET_PASSWORD_HEADING')}\n
\n\n \n {this.state.selectedForgotTab == 1 ? (\n
\n {this.props.t('PROFILE.RESET_DETAILS_PHONE')}\n
\n ) : (\n \n {this.props.t('PROFILE.RESET_DETAILS')}\n
\n )}\n\n \n \n this.setState({\n selectedForgotTab: 2,\n forgotEmail: null,\n forgotEmailError: null,\n forgotMobile: null,\n otpMobileError: null,\n forgotErrorMessage: null,\n })\n }\n >\n {this.props.t('HOME.EMAIL_ID')}\n
\n \n \n \n \n this.setState({\n selectedForgotTab: 1,\n forgotEmail: null,\n forgotEmailError: null,\n forgotMobile: null,\n otpMobileError: null,\n forgotErrorMessage: null,\n })\n }\n >\n {this.props.t('HOME.PHONE_NUMBER')}\n
\n \n {this.state.selectedForgotTab == 2 ? (\n
\n )}\n {this.state.forgotErrorMessage ? (\n \n this.onForgotInputChange(text, 'email')}\n onBlur={text => this.onForgotInputBlur(text, 'email')}\n value={this.state.forgotEmail}\n error={this.state.forgotEmailError ? true : false}\n errorMessage={\n this.state.forgotEmailError\n ? this.props.t(this.state.forgotEmailError.message)\n : ''\n }\n />\n
\n ) : (\n \n \n this.onForgotInputChange(text, 'mobile')}\n onBlur={text => this.onForgotInputBlur(text, 'mobile')}\n focused={true}\n value={this.state.forgotMobile}\n />\n
\n \n \n
\n \n \n {this.state.otpMobileError ? this.props.t(this.state.otpMobileError.message) : ''}\n
\n \n {this.state.forgotErrorMessage}\n
\n ) : null}\n \n\n \n \n {this.props.common.resetPasswordPending ? (\n \n ) : (\n {this.props.t('HOME.SEND')}\n )}\n \n
\n \n ) : (\n \n
\n
\n );\n };\n\n renderForgotOTPCard = () => {\n return (\n \n ![](\"/images/icons/circular-icons/icon-success.png\")
\n
\n \n {this.props.t('PROFILE.ALL_SET')}
\n \n
\n {this.props.t('PROFILE.RESET_SENT_EMAIL')}\n
\n \n \n
\n \n {\n this.setState({ modalType: this.backView.pop() });\n }}\n >\n
\n\n \n
\n {/* \n {this.props.t('PROFILE.RESET_PASSWORD')}\n
*/}\n {this.props.t('PROFILE.VERIFY_PHONE')}
\n \n {this.props.t('PROFILE.VERIFY_PHONE_DESC')}\n
\n {this.renderOtpView()}\n \n \n this.validateOtp({\n countryCode: this.state.signupCallingCode,\n mobile: this.state.forgotMobile,\n type: 'change_pwd_valid',\n })\n }\n >\n {this.props.common.validateOtpPending ? (\n \n ) : (\n {this.props.t('RESULTS_PAGE.CONTINUE')}\n )}\n \n
\n \n
\n \n );\n };\n\n onResetInputChange = (text, inp) => {\n if (inp == 'password') {\n this.setState({\n resetPasswordError: null,\n resetPassword: text,\n });\n } else if (inp == 'confirmPassword') {\n this.setState({\n resetConfirmPasswordError: null,\n resetConfirmPassword: text,\n });\n }\n };\n\n onResetInputBlur = (text, inp) => {\n if (!text) {\n if (inp == 'password') {\n this.setState({\n resetPasswordError: {\n message: 'VALIDATIONS.VALID_PASSWORD',\n },\n });\n } else if (inp == 'confirmPassword') {\n this.setState({\n resetConfirmPasswordError: {\n message: 'VALIDATIONS.VALID_CONFIRM_PASSWORD',\n },\n });\n }\n } else if (inp == 'password') {\n if (this.state.resetPassword.length < 4) {\n this.setState({\n resetPasswordError: {\n message: 'VALIDATIONS.VALID_PASSWORD_LENGTH',\n },\n });\n }\n } else if (inp == 'confirmPassword') {\n if (this.state.resetPassword != this.state.resetConfirmPassword) {\n this.setState({\n resetConfirmPasswordError: {\n message: 'VALIDATIONS.VALID_CONFIRM_PASSWORD_VALID',\n },\n });\n }\n }\n };\n\n changePassword = () => {\n try {\n let errorCount = 0;\n if (!this.state.resetPassword) {\n this.setState({\n resetPasswordError: {\n message: 'Ingresa tu contraseña',\n },\n });\n errorCount++;\n } else if (this.state.resetPassword.length < 4) {\n this.setState({\n resetPasswordError: {\n message: 'La contraseña debe contener mínimo 6 dígitos',\n },\n });\n errorCount++;\n }\n if (this.state.resetPassword != this.state.resetConfirmPassword) {\n this.setState({\n resetConfirmPasswordError: {\n message: 'Las contraseñas deben coincidir',\n },\n });\n errorCount++;\n }\n if (errorCount > 0) {\n return;\n }\n this.props.actions\n .validateOtp({\n url: ApiUrls.validateOtp(),\n data: {\n country_code: this.state.signupCallingCode,\n mobile_number: this.state.forgotMobile.toString(),\n cat_type: 'change_pwd',\n code:\n this.state.otp1 + '' + this.state.otp2 + '' + this.state.otp3 + '' + this.state.otp4,\n user: {\n password: this.state.resetPassword,\n password_confirmation: this.state.resetConfirmPassword,\n },\n },\n })\n .then(\n res => {\n if (res.data && res.data.status === 200) {\n this.backView = [];\n this.setState({\n showSuccessFailureModal: true,\n showSuccessFailureModalStatus: true,\n showSuccessFailureModalBodyText: res.data.message,\n modalType: 'LOGIN-OPTIONS',\n });\n } else {\n this.setState({\n showSuccessFailureModal: true,\n showSuccessFailureModalStatus: false,\n showSuccessFailureModalBodyText: res.data.message,\n });\n }\n },\n err => {\n // this.onResponse(err);\n },\n );\n } catch (e) {\n console.log(e);\n }\n };\n\n renderResetPasswordCard = () => {\n return (\n {this.props.t('PROFILE.NOT_RECEIVED_CODE')}
\n this.resetPassword()}>{this.props.t('PROFILE.CLICK_TO_RESEND')}\n \n {\n this.setState({ modalType: this.backView.pop() });\n }}\n >\n
\n\n \n
\n {this.props.t('PROFILE.RESET_PASSWORD')}
\n \n {this.props.t('PROFILE.RESET_PASSWORD_DESC')}\n
\n \n
\n \n this.onResetInputChange(text, 'password')}\n onBlur={text => this.onResetInputBlur(text, 'password')}\n value={this.state.resetPassword}\n error={this.state.resetPasswordError ? true : false}\n errorMessage={\n this.state.resetPasswordError\n ? this.props.t(this.state.resetPasswordError.message)\n : ''\n }\n />\n
\n \n this.onResetInputChange(text, 'confirmPassword')}\n onBlur={text => this.onResetInputBlur(text, 'confirmPassword')}\n value={this.state.resetConfirmPassword}\n error={this.state.resetConfirmPasswordError ? true : false}\n errorMessage={\n this.state.resetConfirmPasswordError\n ? this.props.t(this.state.resetConfirmPasswordError.message)\n : ''\n }\n />\n
\n \n \n {this.props.common.validateOtpPending ? (\n \n ) : (\n {this.props.t('RESULTS_PAGE.CONTINUE')}\n )}\n \n
\n \n );\n };\n\n onHide = () => {\n setTimeout(() => {\n this.setState({\n modalType: 'LOGIN-OPTIONS',\n signupName: null,\n signupNameError: null,\n signupLastName: null,\n signupLastNameError: null,\n signupEmail: null,\n signupEmailError: null,\n signupMobile: null,\n signupMobileError: null,\n signupPassword: null,\n signupPasswordError: null,\n signupConfirmPassword: null,\n signupConfirmPasswordError: null,\n signupCardNumber: null,\n signupCardNumberError: null,\n emailError: null,\n passwordError: null,\n loginErrorMessage: null,\n forgotErrorMessage: null,\n signupErrorMessage: null,\n otp1: null,\n otp2: null,\n otp3: null,\n otp4: null,\n showForgotSuccess: false,\n });\n });\n this.props.onHide();\n };\n\n renderModalView = () => {\n switch (this.state.modalType) {\n case 'LOGIN-OPTIONS':\n return this.renderLoginOptions();\n break;\n case 'LOGIN':\n return this.renderLoginCard();\n // return this.renderResetPasswordCard();\n break;\n case 'REGISTER':\n return this.renderSignupCard();\n break;\n case 'MOBILE-REGISTER':\n return this.renderSignupMobileCard();\n break;\n case 'OTP-REGISTER':\n return this.renderSignupOTPCard();\n break;\n case 'OTP-FORGOT':\n return this.renderForgotOTPCard();\n break;\n case 'RESET-PASSWORD':\n return this.renderResetPasswordCard();\n break;\n case 'FORGOT':\n return this.renderForgotPasswordCard();\n break;\n default:\n return this.renderLoginOptions();\n break;\n }\n };\n\n render() {\n return (\n \n \n {\n this.setState({ successfullRegistration: false });\n this.onHide();\n }}\n oAuthSignup={CommonService.isLoggedIn() ? true : false}\n t={this.props.t}\n />\n {\n this.setState({\n showSuccessFailureModal: false,\n showSuccessFailureModalBodyText: null,\n });\n }}\n />\n this.setState({ showTNCModel: false })}\n showModal={this.state.showTNCModel}\n >\n {/*
*/}\n \n \n );\n }\n}\n\nexport default LoginModal;\n","import CommonService from './commonService';\nimport i18next from 'i18next';\n\nconst monthDaysName = {\n sun: 'dom',\n mon: 'lun',\n tue: 'mar',\n wed: 'mié',\n thu: 'jue',\n fri: 'vie',\n sat: 'sáb',\n\n sunday2: 'do',\n monday2: 'lu',\n tuesday2: 'ma',\n wednesday2: 'mi',\n thursday2: 'ju',\n friday2: 'vi',\n saturday2: 'sá',\n\n sunday_full: 'domingo',\n monday_full: 'lunes',\n tuesday_full: 'martes',\n wednesday_full: 'miércoles',\n thursday_full: 'jueves',\n friday_full: 'viernes',\n saturday_full: 'sábado',\n depart_on: 'Fecha de ida',\n\n jan: 'enero',\n feb: 'febrero',\n mar: 'marzo',\n apr: 'abril',\n may: 'mayo',\n jun: 'junio',\n jul: 'julio',\n aug: 'agosto',\n sep: 'septiembre',\n oct: 'octubre',\n nov: 'noviembre',\n dec: 'diciembre',\n\n jan_half: 'ene',\n feb_half: 'feb',\n mar_half: 'mar',\n apr_half: 'abr',\n may_half: 'may',\n jun_half: 'jun',\n jul_half: 'jul',\n aug_half: 'ago',\n sep_half: 'sep',\n oct_half: 'oct',\n nov_half: 'nov',\n dec_half: 'dic',\n};\nconst monthDaysNameEn = {\n sun: 'sun',\n mon: 'mon',\n tue: 'tue',\n wed: 'wed',\n thu: 'thu',\n fri: 'fri',\n sat: 'sat',\n\n sunday2: 'su',\n monday2: 'mo',\n tuesday2: 'tu',\n wednesday2: 'we',\n thursday2: 'th',\n friday2: 'fr',\n saturday2: 'sa',\n\n sunday_full: 'sunday',\n monday_full: 'monday',\n tuesday_full: 'tuesday',\n wednesday_full: 'wednesday',\n thursday_full: 'thursday',\n friday_full: 'friday',\n saturday_full: 'saturday',\n depart_on: 'Depart on',\n\n jan: 'january',\n feb: 'february',\n mar: 'march',\n apr: 'april',\n may: 'may',\n jun: 'june',\n jul: 'july',\n aug: 'august',\n sep: 'september',\n oct: 'october',\n nov: 'november',\n dec: 'december',\n\n jan_half: 'jan',\n feb_half: 'feb',\n mar_half: 'mar',\n apr_half: 'apr',\n may_half: 'may',\n jun_half: 'jun',\n jul_half: 'jul',\n aug_half: 'aug',\n sep_half: 'sep',\n oct_half: 'oct',\n nov_half: 'nov',\n dec_half: 'dec',\n};\nconst datePostfix = 'T00:00:00';\n\nconst DateService = {\n getCurrentTimeUTC: () => {\n // var d = new Date();\n // return +((d.getTime() + d.getTimezoneOffset() * 60000) / 1000).toFixed(0) ;\n\n var offset = -4;\n var d = new Date();\n var offset = -(d.getTimezoneOffset()/60)\n return +(((d.getTime() + d.getTimezoneOffset() * 60000) + (3600000*offset))/1000).toFixed(0);\n },\n\n getCurrentTimeUTCNew: () => {\n var offset = -4;\n var d = new Date();\n var offset = -(d.getTimezoneOffset()/60)\n return +(((d.getTime() + d.getTimezoneOffset() * 60000) + (3600000*offset))/1000).toFixed(0);\n },\n\n getTodayString: (format = 'dd-mm-yyyy') => {\n let d = new Date();\n format = format.replace('dd', DateService.preZero(d.getDate()));\n format = format.replace('mm', DateService.preZero(d.getMonth() + 1));\n format = format.replace('yyyy', d.getFullYear());\n return format;\n },\n\n getFormattedDateHome: (d, format) => {\n try {\n if (!d) {\n return '';\n }\n let date = new Date(d);\n let day = date.getDate() > 9 ? date.getDate() : '0' + date.getDate();\n let month = date.getMonth() + 1 > 9 ? date.getMonth() + 1 : '0' + (date.getMonth() + 1);\n let year = date.getFullYear();\n if (format) {\n return format\n .replace('dd', day)\n .replace('mm', month)\n .replace('yyyy', year);\n }\n return day + '-' + month + '-' + year;\n } catch (e) {}\n },\n getFormattedDate: (d, format, dateObj = false) => {\n try {\n if (!d) {\n return '';\n }\n let doo = dateObj ? d : new Date(Date.parse(d + datePostfix));\n let date = new Date(doo.getTime() + Math.abs(doo.getTimezoneOffset() * 60000));\n let day = date.getDate() > 9 ? date.getDate() : '0' + date.getDate();\n let month = date.getMonth() + 1 > 9 ? date.getMonth() + 1 : '0' + (date.getMonth() + 1);\n let year = date.getFullYear();\n if (format) {\n return format\n .replace('dd', day)\n .replace('mm', month)\n .replace('yyyy', year);\n }\n return day + '-' + month + '-' + year;\n } catch (e) {}\n },\n getUTCDate: () => {\n var tmLoc = new Date();\n let date = +((tmLoc.getTime() + Math.abs(tmLoc.getTimezoneOffset() * 60000)) / 1000).toFixed(0);\n return new Date(date);\n },\n getUTCDateFromDate: (d, format = 'dd-mm-yyyy') => {\n let dt = DateService.changeDateFormat(d, format, 'yyyy-mm-dd');\n var doo = new Date(Date.parse(dt + datePostfix));\n let date = new Date(doo.getTime() + Math.abs(doo.getTimezoneOffset() * 60000));\n return new Date(date);\n },\n getToday: () => {\n try {\n let date = new Date();\n let day = date.getDate() > 9 ? date.getDate() : '0' + date.getDate();\n let month = date.getMonth() + 1 > 9 ? date.getMonth() + 1 : '0' + (date.getMonth() + 1);\n let year = date.getFullYear();\n return year + '-' + month + '-' + day;\n } catch (e) {}\n },\n changeDateFormat: (date, fromFormat = 'dd/mm/yyyy', toFormat = 'mm-dd-yyyy') => {\n if (date) {\n let d, m, y;\n\n if (fromFormat == 'dd/mm/yyyy' || fromFormat == 'dd-mm-yyyy') {\n d = date.substr(0, 2);\n m = date.substr(3, 2);\n y = date.substr(6, 4);\n } else if (fromFormat == 'mm/dd/yyyy' || fromFormat == 'mm-dd-yyyy') {\n m = date.substr(0, 2);\n d = date.substr(3, 2);\n y = date.substr(6, 4);\n } else if (fromFormat == 'yyyy/mm/dd' || fromFormat == 'yyyy-mm-dd') {\n y = date.substr(0, 4);\n m = date.substr(5, 2);\n d = date.substr(8, 2);\n }\n return toFormat\n .replace('dd', d)\n .replace('mm', m)\n .replace('yyyy', y);\n }\n return '';\n },\n addDate: (date, number) => {\n if (date) {\n var doo = new Date(\n new Date(Date.parse(date + datePostfix)).getTime() + number * 24 * 60 * 60 * 1000,\n );\n let d = new Date(doo.getTime() + Math.abs(doo.getTimezoneOffset() * 60000));\n let day = d.getDate() > 9 ? d.getDate() : '0' + d.getDate();\n let month = d.getMonth() + 1 > 9 ? d.getMonth() + 1 : '0' + (d.getMonth() + 1);\n let year = d.getFullYear();\n return year + '-' + month + '-' + day;\n }\n },\n getServiceHeaderDateFormat: (date, showYear = true, halfMonth = false) => {\n if (date) {\n var doo = new Date(Date.parse(date + datePostfix));\n let d = new Date(doo.getTime() + Math.abs(doo.getTimezoneOffset() * 60000));\n let day = d.getDate() > 9 ? d.getDate() : '0' + d.getDate();\n let month = d.getMonth() + 1 > 9 ? d.getMonth() + 1 : '0' + (d.getMonth() + 1);\n let year = d.getFullYear();\n return (\n DateService.getDayname(d.getDay()) +\n ', ' +\n day +\n ' ' +\n DateService.getMonthName(d.getMonth(), !halfMonth ? 'full' : 'half') +\n ' ' +\n (showYear ? year : '')\n );\n }\n },\n changeDateFormatMonth: (\n date,\n fromFormat = 'mm/dd/yyyy',\n type = 'half',\n toFormat = 'dd-mm-yyyy',\n ) => {\n let d = 0,\n m = 0,\n y = 0;\n\n if (fromFormat == 'dd/mm/yyyy' || fromFormat == 'dd-mm-yyyy') {\n d = +date.substr(0, 2);\n m = +date.substr(3, 2);\n y = +date.substr(6, 4);\n } else if (fromFormat == 'mm/dd/yyyy' || fromFormat == 'mm-dd-yyyy') {\n m = +date.substr(0, 2);\n d = +date.substr(3, 2);\n y = +date.substr(6, 4);\n } else if (fromFormat == 'yyyy/mm/dd' || fromFormat == 'yyyy-mm-dd') {\n y = +date.substr(0, 4);\n m = +date.substr(5, 2);\n d = +date.substr(8, 2);\n }\n toFormat = toFormat.replace(/yyyy/g, y);\n toFormat = toFormat.replace(/mm/g, DateService.getMonthName(m - 1, 'half'));\n toFormat = toFormat.replace(/dd/g, d > 9 ? d : '0' + d);\n return toFormat;\n },\n\n getMonthNumber: () => {\n let d = new Date();\n return d.getMonth();\n },\n getMonthName: (month, type = 'half') => {\n let monthName;\n switch (month) {\n case 0:\n monthName = type == 'half' ? 'jan_half' : 'jan';\n break;\n case 1:\n monthName = type == 'half' ? 'feb_half' : 'feb';\n break;\n case 2:\n monthName = type == 'half' ? 'mar_half' : 'mar';\n break;\n case 3:\n monthName = type == 'half' ? 'apr_half' : 'apr';\n break;\n case 4:\n monthName = type == 'half' ? 'may_half' : 'may';\n break;\n case 5:\n monthName = type == 'half' ? 'jun_half' : 'jun';\n break;\n case 6:\n monthName = type == 'half' ? 'jul_half' : 'jul';\n break;\n case 7:\n monthName = type == 'half' ? 'aug_half' : 'aug';\n break;\n case 8:\n monthName = type == 'half' ? 'sep_half' : 'sep';\n break;\n case 9:\n monthName = type == 'half' ? 'oct_half' : 'oct';\n break;\n case 10:\n monthName = type == 'half' ? 'nov_half' : 'nov';\n break;\n case 11:\n monthName = type == 'half' ? 'dec_half' : 'dec';\n break;\n default:\n monthName = type == 'half' ? 'jan_half' : 'jan';\n break;\n }\n return CommonService.capitalize(\n i18next.language == 'en' ? monthDaysNameEn[monthName] : monthDaysName[monthName],\n );\n },\n getDayname: (day, type = 'half') => {\n let dayName;\n switch (day) {\n case 0:\n dayName = type == 'half' ? 'sun' : 'sunday_full';\n break;\n case 1:\n dayName = type == 'half' ? 'mon' : 'monday_full';\n break;\n case 2:\n dayName = type == 'half' ? 'tue' : 'tuesday_full';\n break;\n case 3:\n dayName = type == 'half' ? 'wed' : 'wednesday_full';\n break;\n case 4:\n dayName = type == 'half' ? 'thu' : 'thursday_full';\n break;\n case 5:\n dayName = type == 'half' ? 'fri' : 'friday_full';\n break;\n case 6:\n dayName = type == 'half' ? 'sat' : 'saturday_full';\n break;\n default:\n dayName = type == 'half' ? 'sun' : 'sunday_full';\n break;\n }\n return CommonService.capitalize(\n i18next.language == 'en' ? monthDaysNameEn[dayName] : monthDaysName[dayName],\n );\n },\n getDayNameFromDate: (date, format = 'dd/mm/yyyy', type = 'half') => {\n let d = DateService.changeDateFormat(date, format, 'yyyy-mm-dd');\n if (!d) {\n return '';\n }\n let doo = new Date(Date.parse(d + datePostfix));\n let dt = new Date(doo.getTime() + Math.abs(doo.getTimezoneOffset() * 60000));\n let day = dt.getDay();\n return DateService.getDayname(day, type);\n },\n\n getMonthNameFromDate: (date, format = 'dd/mm/yyyy', type = 'half') => {\n let d = DateService.changeDateFormat(date, format, 'yyyy-mm-dd');\n if (!d) {\n return '';\n }\n let doo = new Date(Date.parse(d + datePostfix));\n let dt = new Date(doo.getTime() + Math.abs(doo.getTimezoneOffset() * 60000));\n let month = dt.getMonth();\n return DateService.getMonthName(month, type);\n },\n\n getYearFromDate: (date, format = 'dd/mm/yyyy') => {\n let d = DateService.changeDateFormat(date, format, 'yyyy-mm-dd');\n if (!d) {\n return '';\n }\n let doo = new Date(Date.parse(d + datePostfix));\n let dt = new Date(doo.getTime() + Math.abs(doo.getTimezoneOffset() * 60000));\n let year = dt.getFullYear();\n return year;\n },\n\n getMonthYearFromDate: (date, format = 'dd/mm/yyyy') => {\n let d = DateService.changeDateFormat(date, format, 'yyyy-mm-dd');\n if (!d) {\n return '';\n }\n let doo = new Date(Date.parse(d + datePostfix));\n let dt = new Date(doo.getTime() + Math.abs(doo.getTimezoneOffset() * 60000));\n let month = dt.getMonth() + 1 > 9 ? dt.getMonth() + 1 : '0' + (dt.getMonth() + 1);\n let monYear = month + '-' + dt.getFullYear();\n return monYear;\n },\n\n getDateFromDate: (date, format = 'dd/mm/yyyy') => {\n let d = DateService.changeDateFormat(date, format, 'yyyy-mm-dd');\n if (!d) {\n return '';\n }\n let doo = new Date(Date.parse(d + datePostfix));\n let dt = new Date(doo.getTime() + Math.abs(doo.getTimezoneOffset() * 60000));\n let day = dt.getDate();\n return day > 9 ? day : '0' + day;\n },\n getMonthFromDate: (date, format = 'dd/mm/yyyy') => {\n let d = DateService.changeDateFormat(date, format, 'yyyy-mm-dd');\n if (!d) {\n return '';\n }\n let doo = new Date(Date.parse(d + datePostfix));\n let dt = new Date(doo.getTime() + Math.abs(doo.getTimezoneOffset() * 60000));\n let month = dt.getMonth() + 1;\n return month > 9 ? month : '0' + month;\n },\n\n getServiceItemDate: (date, format = 'yyyy-mm-dd') => {\n let dayName = DateService.getDayNameFromDate(date, format);\n let day = DateService.getDateFromDate(date, format);\n let month = DateService.getMonthFromDate(date, format);\n return dayName + ' ' + day + '/' + month;\n },\n\n getVirtualMoneyListDateFromDate: (date, fromFormat = 'dd/mm/yyyy') => {\n let d = 0,\n m = 0,\n y = 0;\n if (fromFormat == 'dd/mm/yyyy' || fromFormat == 'dd-mm-yyyy') {\n d = date.substr(0, 2);\n m = date.substr(3, 2);\n y = date.substr(6, 4);\n } else if (fromFormat == 'mm/dd/yyyy' || fromFormat == 'mm-dd-yyyy') {\n m = date.substr(0, 2);\n d = date.substr(3, 2);\n y = date.substr(6, 4);\n } else if (fromFormat == 'yyyy/mm/dd' || fromFormat == 'yyyy-mm-dd') {\n y = date.substr(0, 4);\n m = date.substr(5, 2);\n d = date.substr(8, 2);\n }\n return d + ' de ' + DateService.getMonthName(+m - 1) + ' de ' + y;\n },\n\n ampm: (time, time24Format) => {\n if (time < '12:00') {\n return time + ' AM';\n }\n return time + ' PM';\n },\n ampmOnly: (time, time24Format) => {\n if (time < '12:00') {\n return 'AM';\n }\n return 'PM';\n },\n convertToUTC: date => {\n var tmLoc = new Date(date);\n return +((tmLoc.getTime() + Math.abs(tmLoc.getTimezoneOffset() * 60000)) / 1000).toFixed(0);\n },\n getTime: d => {\n return (\n DateService.preZero(d.getHours()) +\n ':' +\n DateService.preZero(d.getMinutes()) +\n (d.getHours() >= 12 ? ' PM' : ' AM')\n );\n },\n convertTime12to24New: time12h => {\n const time = time12h.substr(0, 5);\n const modifier = time12h.substr(7, 9);\n\n let [hours, minutes] = time.split(':');\n\n hours = DateService.preZero(hours);\n\n if (hours === '12' && modifier === 'AM') {\n hours = '00';\n }\n\n if (modifier === 'PM') {\n hours = parseInt(hours, 10) + 12;\n }\n\n return `${hours}:${minutes}`;\n },\n convertTime12to24: time12h => {\n // console.log('Time to convert', time12h);\n const [time, modifier] = time12h.split(' ');\n\n let [hours, minutes] = time.split(':');\n\n if (hours === '12') {\n hours = '00';\n }\n\n if (modifier === 'PM') {\n hours = parseInt(hours, 10) + 12;\n }\n\n return `${hours}:${minutes}`;\n },\n convert24to12: time => {\n // Check correct time format and split into components\n time = time.toString().match(/^([01]\\d|2[0-3])(:)([0-5]\\d)(:[0-5]\\d)?$/) || [time];\n\n if (time.length > 1) {\n // If time format correct\n time = time.slice(1); // Remove full string match value\n time[5] = +time[0] < 12 ? 'AM' : 'PM'; // Set AM/PM\n time[0] = +time[0] % 12 || 12; // Adjust hours\n }\n return time.join(''); // return adjusted time or original string\n },\n getCurrentHour: () => {\n var d = new Date();\n var h = d.getHours();\n if (h < 12) {\n return DateService.preZero(h);\n }\n return DateService.preZero(h % 12 || 12);\n },\n getCurrentMinute: () => {\n var d = new Date();\n var m = d.getMinutes();\n return DateService.preZero(m);\n },\n getCurrentMpPm: () => {\n var d = new Date();\n var h = d.getHours();\n if (h < 12) {\n return 'AM';\n }\n return 'PM';\n },\n getCurrentTime: (format12 = true) => {\n var d = new Date();\n var time =\n DateService.preZero(d.getHours()) +\n ':' +\n DateService.preZero(d.getMinutes()) +\n ':' +\n DateService.preZero(d.getSeconds());\n if (format12) {\n return DateService.convert24to12(time);\n }\n },\n convertUTCDateToLocalDate: date => {\n var newDate = new Date(date.getTime() + date.getTimezoneOffset() * 60 * 1000);\n\n var offset = date.getTimezoneOffset() / 60;\n var hours = date.getHours();\n\n newDate.setHours(hours - offset);\n\n return newDate;\n },\n convertUTCTimestampToLocalTimestamp: date => {\n var d = new Date();\n var newDate = new Date(date - d.getTimezoneOffset() * 60 * 1000);\n\n return newDate;\n },\n\n getTimeInSeconds: date => {\n // console.log('Date rec for conversion---', date);\n if (date) {\n var tmLoc = new Date(date);\n return +(tmLoc.getTime() / 1000).toFixed(0);\n }\n },\n secondsToHms(d) {\n d = Number(d);\n var h = Math.floor(d / 3600);\n var m = Math.floor((d % 3600) / 60);\n var s = Math.floor((d % 3600) % 60);\n\n var hDisplay = h > 0 ? h + (h == 1 ? '' : '') : '';\n var mDisplay = m > 0 ? m + (m == 1 ? '' : '') : '';\n var sDisplay = s > 0 ? s + (s == 1 ? '' : '') : '';\n if (hDisplay != '') {\n return (\n (hDisplay.length > 1 ? hDisplay : '0' + hDisplay) +\n ':' +\n (mDisplay.length > 1 ? mDisplay : '0' + mDisplay)\n );\n // return (hDisplay.length > 1 ? hDisplay : '0' + hDisplay) + \":\" + (mDisplay.length > 1 ? mDisplay : '0' + mDisplay) + \":\" + (sDisplay.length > 1 ? sDisplay : '0' + sDisplay);\n } else if (mDisplay != '') {\n return (\n (mDisplay.length > 1 ? mDisplay : '0' + mDisplay) +\n ':' +\n (sDisplay.length > 1 ? sDisplay : '0' + sDisplay)\n );\n } else if (sDisplay != '') {\n return '00:' + (sDisplay.length > 1 ? sDisplay : '0' + sDisplay);\n }\n return '00:00';\n },\n\n preZero: n => {\n if (n > 9) {\n return n;\n }\n return '0' + n;\n },\n getMyTripsDateFormat: (date, format = 'yyyy-mm-dd', showDe = true) => {\n return `${DateService.getDayNameFromDate(date, format)}, ${DateService.getDateFromDate(\n date,\n format,\n )} ${showDe ? 'de' : ''} ${DateService.getMonthNameFromDate(date, format, 'full')} ${\n showDe ? 'de' : ''\n } ${DateService.getYearFromDate(date, format)}`;\n },\n isPastDate: (d, format = 'dd/mm/yyyy') => {\n let date = DateService.getUTCDateFromDate(d, format);\n let today = new Date();\n return date.getTime() < today.getTime();\n },\n getCurrentStgDate: () => {\n let today = new Date();\n let stgDate =\n today.getFullYear() +\n '-' +\n DateService.preZero(today.getMonth() + 1) +\n '-' +\n DateService.preZero(today.getDate()) +\n ' ' +\n today.getHours() +\n ':' +\n today.getMinutes();\n return stgDate;\n },\n};\nexport default DateService;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport DateService from '../../services/dateService';\nimport SvgHome from './SvgHome';\nimport i18next from 'i18next';\n\nconst monthNameEn = [\n 'Jan',\n 'Feb',\n 'Mar',\n 'Apr',\n 'May',\n 'Jun',\n 'Jul',\n 'Aug',\n 'Sep',\n 'Oct',\n 'Nov',\n 'Dec',\n];\nconst monthNameSp = [\n 'Ene',\n 'Feb',\n 'Mar',\n 'Abr',\n 'May',\n 'Jun',\n 'Jul',\n 'Ago',\n 'Sep',\n 'Oct',\n 'Nov',\n 'Dic',\n];\nexport default class KuposCalendar extends Component {\n static propTypes = {\n firstDayOfWeek: PropTypes.string,\n sunHighlight: PropTypes.bool,\n deactivatePastDate: PropTypes.bool,\n deactivateFutureDate: PropTypes.bool,\n dateSelected: PropTypes.string,\n minDateSelection: PropTypes.string,\n onDateSelect: PropTypes.func,\n onMonthChange: PropTypes.func,\n canChangeYear: PropTypes.bool,\n canEraseDate:PropTypes.bool\n };\n\n showSelector = false;\n selectedDate = { year: 0, month: 0, day: 0 };\n\n selectionDayTxt = '';\n dayIdx = 0;\n today = null;\n\n PREV_MONTH = 1;\n CURR_MONTH = 2;\n NEXT_MONTH = 3;\n\n // Default options\n months = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];\n dayLabels = { su: 'Dom', mo: 'Lun', tu: 'Mar', we: 'Mié', th: 'Jue', fr: 'Vie', sa: 'Sáb' };\n dayLabelsOneLetter = { su: 'D', mo: 'L', tu: 'M', we: 'M', th: 'J', fr: 'V', sa: 'S' };\n // dayLabels = { su: 'sunday', mo: 'monday', tu: 'tuesday', we: 'wednesday', th: 'thursday', fr: 'friday', sa: 'saturday' };\n dayLabelsArray = { 1: 'Sun', 2: 'Mon', 3: 'Tue', 4: 'Wed', 5: 'Thu', 6: 'Fri', 7: 'Sat' };\n dayLabelsArrayOneLetter = { 1: 'S', 2: 'M', 3: 'T', 4: 'W', 5: 'T', 6: 'F', 7: 'S' };\n monthLabelsEN = {\n 1: 'Jan',\n 2: 'Feb',\n 3: 'Mar',\n 4: 'Apr',\n 5: 'May',\n 6: 'Jun',\n 7: 'Jul',\n 8: 'Aug',\n 9: 'Sep',\n 10: 'Oct',\n 11: 'Nov',\n 12: 'Dec',\n };\n monthLabels = {\n 1: 'Ene',\n 2: 'Feb',\n 3: 'Mar',\n 4: 'Abr',\n 5: 'May',\n 6: 'Jun',\n 7: 'Jul',\n 8: 'Ago',\n 9: 'Sep',\n 10: 'Oct',\n 11: 'Nov',\n 12: 'Dic',\n };\n todayBtnTxt = 'Hoy';\n\n visibleMonth = { monthTxt: '', monthNbr: 0, year: 0 };\n\n constructor(props) {\n super(props);\n this.today = new Date();\n this.todayString = DateService.getTodayString('dd-mm-yyyy');\n this.state = {\n weekDays: [],\n dates: [],\n showView: 'date',\n selectedYear: (this.props.dateSelected ? +this.getyear(this.props.dateSelected) : (new Date()).getFullYear()),\n };\n this.currentYear = this.today.getFullYear();\n this.yearsList = [];\n let year = this.currentYear;\n for(let i = 1; i < 100; i++){\n this.yearsList.push(year--);\n }\n this.selectedYearIndex = 0;\n if(this.props.dateSelected){\n let year = +this.getyear(this.props.dateSelected);\n let selectedIndex = 0\n for(let i = 0; i < 100; i+=12){\n for(let j = i;j < i+12;j++){\n if(this.yearsList[j] == year){\n this.selectedYearIndex = selectedIndex;\n }\n }\n selectedIndex++\n }\n }\n this.state.selectedYearList = this.yearsList.filter((val,i) => (i >= this.selectedYearIndex * 12) && i < (this.selectedYearIndex * 12 + 12) );\n }\n\n componentDidMount() {\n // Custom Editing Pardeep\n\n // this.border = 'none';\n // let doc = document.getElementsByTagName('html')[0];\n // doc.addEventListener('click', (event) => {\n // true\n // if (this.showSelector && event.target && this.elem.nativeElement !== event.target && !this.elem.nativeElement.contains(event.target)) {\n // this.showSelector = true;\n // }\n // }, true);\n\n // Custom Editing Pardeep\n\n\n\n let days = ['su', 'mo', 'tu', 'we', 'th', 'fr', 'sa'];\n this.dayIdx = days.indexOf(this.props.firstDayOfWeek || 'su');\n let weekDays = [];\n if (this.dayIdx !== -1) {\n let idx = this.dayIdx;\n if (typeof this.dateFormat === 'undefined') {\n this.dateFormat = 'dd-mm-yyyy';\n console.log('defulat value init=>>', this.dateFormat);\n }\n for (var i = 0; i < days.length; i++) {\n weekDays.push(this.dayLabelsOneLetter[days[idx]]);\n idx = days[idx] === 'sa' ? 0 : idx + 1;\n }\n }\n if (this.props.dateSelected)\n this.visibleMonth = {\n monthTxt: this.getMonthName(this.props.dateSelected),\n monthNbr: +this.getMonth(this.props.dateSelected),\n year: +this.getyear(this.props.dateSelected),\n };\n else {\n if (\n new Date(\n this.getyear(this.props.minDateSelection),\n +this.getMonth(this.props.minDateSelection) - 1,\n this.getDay(this.props.minDateSelection),\n ) < new Date()\n ) {\n this.visibleMonth = {\n monthTxt: this.getMonthName(this.todayString),\n monthNbr: +this.getMonth(this.todayString),\n year: +this.getyear(this.todayString),\n };\n } else {\n this.visibleMonth = {\n monthTxt: this.getMonthName(this.props.minDateSelection),\n monthNbr: +this.getMonth(this.props.minDateSelection),\n year: +this.getyear(this.props.minDateSelection),\n };\n }\n }\n this.openBtnClicked(this.visibleMonth.monthNbr, this.visibleMonth.year);\n this.setState({ weekDays: weekDays });\n }\n\n componentWillUpdate() {\n this.dateFormat = 'dd-mm-yyyy';\n }\n\n getDay = date => {\n if (date) {\n return date.substr(0, 2);\n }\n };\n getMonth = date => {\n if (date) {\n return date.substr(3, 2);\n }\n };\n getyear = date => {\n if (date) {\n return date.substr(6, 4);\n }\n };\n getMonthName = date => {\n if (date) {\n // return i18next.language == 'es' ? this.monthLabels[+this.getMonth(date)] : this.monthLabelsEN[+this.getMonth(date)]\n return this.monthLabels[+this.getMonth(date)]\n }\n };\n\n componentDidUpdate() {\n try {\n // this.selectionDayTxt = changes['dateSelected'].currentValue;\n if (this.selectionDayTxt !== '') {\n if (this.props.dateSelected) {\n this.selectedDate.day = this.getDay(this.props.dateSelected);\n this.selectedDate.month = +this.getMonth(this.props.dateSelected);\n this.selectedDate.year = this.getyear(this.props.dateSelected);\n }\n //let fmt = this.dateFormat;\n // let dpos:number = fmt.indexOf('dd');\n // let mpos:number = fmt.indexOf('mm');\n // let ypos:number = fmt.indexOf('yyyy');\n\n //this.selectedDate = {day: dpos, month: mpos, year: ypos};\n //this.formatDate(this.dateFormat);\n //this.selectedDate = {day: parseInt(this.selectionDayTxt.substring(dpos, dpos + 2)),\n //month: parseInt(this.selectionDayTxt.substring(mpos, mpos + 2)),\n //year: parseInt(this.selectionDayTxt.substring(ypos, ypos + 4))};\n }\n } catch (e) {\n console.log('error is->>', e);\n }\n }\n // Function for get Events List API //\n // API_getEvent() {\n // \tlet url_newEvent = this.base_path_service.base_path_event() + 'event/?year='+this.visibleMonth.year+'&month='+this.visibleMonth.monthNbr;\n // \tthis.base_path_service.GetRequestbase_path_servic(url_newEvent)\n // \t\t.subscribe(res=> {\n // this.EventsBooked = res[0].json;\n // this.createEventCalendar();\n // \t\t},\n // \t\terr=> {\n // \t\t\tconsole.log(err);\n // \t\t})\n // }\n // Function for get Events List API //\n\n openBtnClicked = (m, y) => {\n this.showSelector = !this.showSelector;\n if (this.showSelector) {\n // let y = 0,\n // m = 0;\n // if (\n // this.selectedDate.year === 0 &&\n // this.selectedDate.month === 0 &&\n // this.selectedDate.day === 0\n // ) {\n // y = this.today.getFullYear();\n // m = this.today.getMonth() + 1;\n // } else {\n // y = this.selectedDate.year;\n // m = this.selectedDate.month;\n // }\n // Set current month\n // this.visibleMonth = { monthTxt: i18next.language == 'es' ? this.monthLabels[m] : this.monthLabelsEN[m], monthNbr: m, year: y };\n this.visibleMonth = { monthTxt: this.monthLabels[m], monthNbr: m, year: y };\n // Create current month\n this.createMonth(m, y);\n }\n };\n prevMonth = () => {\n if (!this.hidePreviosMonth()) {\n let m = this.visibleMonth.monthNbr;\n let y = this.visibleMonth.year;\n if (m === 1) {\n m = 12;\n y--;\n } else {\n m--;\n }\n this.visibleMonth = { monthTxt: this.monthText(m), monthNbr: m, year: y };\n this.createMonth(m, y);\n }\n\n // this.API_getEvent();\n };\n\n nextMonth = () => {\n let m = this.visibleMonth.monthNbr;\n let y = this.visibleMonth.year;\n if (m === 12) {\n m = 1;\n y++;\n } else {\n m++;\n }\n this.visibleMonth = { monthTxt: this.monthText(m), monthNbr: m, year: y };\n this.createMonth(m, y);\n // this.API_getEvent();\n };\n\n\n setMonth = (m, y) => {\n this.visibleMonth = { monthTxt: this.monthText(m), monthNbr: m, year: y };\n this.createMonth(m, y);\n // this.API_getEvent();\n };\n setYear = (y) => {\n this.visibleMonth = { monthTxt: this.monthText(this.visibleMonth.monthNbr), monthNbr: this.visibleMonth.monthNbr, year: y };\n this.createMonth(this.visibleMonth.monthNbr, y);\n // this.API_getEvent();\n };\n\n cellClicked = (cell, disabled) => {\n\n console.log(\"Cell and siabled \", cell, disabled)\n // Cell clicked in the selector\n if (!this.isPast(cell.day, cell.month, cell.year, cell.cmo)) {\n if (cell.cmo === this.PREV_MONTH) {\n // Previous month of day\n this.prevMonth();\n } else if (cell.cmo === this.CURR_MONTH) {\n // Current month of day\n if(disabled){\n this.selectDate(cell)\n }\n } else if (cell.cmo === this.NEXT_MONTH) {\n // Next month of day\n this.nextMonth();\n }\n }\n };\n\n selectDate = date => {\n if (date == \"remove\") {\n this.props.onDateSelect(\"\");\n } else {\n this.selectedDate = { day: date.day, month: date.month, year: date.year };\n this.selectionDayTxt = this.formatDate(date);\n // Custom Editing Pardeep\n this.showSelector = true;\n // Custom Editing Pardeep\n let selD = new Date(date.year, date.month - 1, date.day, 0, 0, 0, 0);\n //let epoAPI_getEventc = selD.getTime() / 1000.0;\n //console.log( 'calendar component---->selectDate',date);\n if (this.props.minDateSelection) {\n if (\n new Date(\n this.getyear(this.props.minDateSelection),\n +this.getMonth(this.props.minDateSelection) - 1,\n this.getDay(this.props.minDateSelection),\n ) <= new Date(date.year, date.month - 1, date.day)\n ) {\n this.props.onDateSelect(this.selectionDayTxt);\n } else {\n return;\n }\n } else {\n this.props.onDateSelect(this.selectionDayTxt);\n }\n }\n };\n\n isDeactivated = date => {\n if (this.props.minDateSelection) {\n if (\n new Date(\n this.getyear(this.props.minDateSelection),\n +this.getMonth(this.props.minDateSelection) - 1,\n this.getDay(this.props.minDateSelection),\n ) <= new Date(date.year, date.month - 1, date.day)\n ) {\n return false\n } else {\n return true;\n }\n }\n return false\n }\n\n preZero = val => {\n // Prepend zero if smaller than 10\n return val < '10' ? '0' + val : val;\n };\n\n formatDate = val => {\n return this.dateFormat\n .replace('yyyy', val.year)\n .replace('mm', this.preZero(val.month))\n .replace('dd', this.preZero(val.day));\n };\n\n monthText = m => {\n // Returns mont as a text\n // return i18next.language == 'es' ? this.monthLabels[m] : this.monthLabelsEN[m]\n return this.monthLabels[m]\n };\n\n monthStartIdx = (y, m) => {\n // Month start index\n let d = new Date();\n d.setDate(1);\n d.setMonth(m - 1);\n d.setFullYear(y);\n let idx = d.getDay() + this.sundayIdx();\n return idx >= 7 ? idx - 7 : idx;\n };\n\n daysInMonth = (m, y) => {\n // Retur of days of current month\n return new Date(y, m, 0).getDate();\n };\n\n daysInPrevMonth = (m, y) => {\n // Return number of days of the previous month\n if (m === 1) {\n m = 12;\n y--;\n } else {\n m--;\n }\n return this.daysInMonth(m, y);\n };\n\n isCurrDay = (d, m, y, cmo) => {\n // Check is a given date the current date\n return (\n d === this.today.getDate() &&\n m === this.today.getMonth() + 1 &&\n y === this.today.getFullYear() &&\n cmo === 2\n );\n };\n\n isSelectedDay = (d, m, y, cmo) => {\n // Check is a given date the current date\n return (\n d === +this.getDay(this.props.dateSelected) &&\n m === +this.getMonth(this.props.dateSelected) &&\n y === +this.getyear(this.props.dateSelected) &&\n cmo === 2\n );\n };\n\n isPast = (d, m, y, cmo) => {\n if (this.props.deactivatePastDate) {\n let month = m;\n switch (cmo) {\n case this.PREV_MONTH:\n month = m - 2;\n break;\n case this.CURR_MONTH:\n month = m - 1;\n break;\n default:\n break;\n }\n let dt = new Date(y, month, d + 1);\n if (dt < this.today) {\n return true;\n }\n return false;\n }\n return false;\n };\n\n isFuture = (d, m, y, cmo) => {\n if (this.props.deactivateFutureDate) {\n let month = m;\n switch (cmo) {\n case this.NEXT_MONTH:\n month = m;\n break;\n case this.CURR_MONTH:\n month = m - 1;\n break;\n default:\n break;\n }\n let dt = new Date(y, month , d + 1);\n if (dt > this.today) {\n return true;\n }\n return false;\n }\n return false;\n };\n\n hidePreviosMonth = () => {\n if (this.props.deactivatePastDate) {\n let m = this.visibleMonth.monthNbr - 1;\n let y = this.visibleMonth.year;\n let dt = new Date();\n let mt = dt.getMonth();\n let yt = dt.getFullYear();\n if (m <= mt && y <= yt) {\n return true;\n }\n }\n return false;\n };\n\n sundayIdx = () => {\n // Index of Sunday day\n return this.dayIdx > 0 ? 7 - this.dayIdx : 0;\n };\n\n createMonth = (m, y) => {\n let selD = new Date(y, m - 1, 1, 0, 0, 0, 0);\n this.props.onMonthChange({\n day: 1,\n month: m,\n year: y,\n dayName: this.dayLabelsArrayOneLetter[selD.getDay() + 1],\n // monthName: i18next.language == 'es' ? this.monthLabels[m] : this.monthLabelsEN[m],\n monthName: this.monthLabels[m],\n formattedDate: '01-' + this.preZero(m.toString()) + '-' + y,\n });\n // this.dates.length = 0;\n let dates = [];\n let monthStart = this.monthStartIdx(y, m);\n let dInThisM = this.daysInMonth(m, y);\n let dInPrevM = this.daysInPrevMonth(m, y);\n let sunIdx = this.sundayIdx();\n\n let dayNbr = 1;\n let cmo = this.PREV_MONTH;\n for (var i = 1; i < 7; i++) {\n var week = [];\n if (i === 1) {\n // First week\n var pm = dInPrevM - monthStart + 1;\n // Previous month\n for (var j = pm; j <= dInPrevM; j++) {\n week.push({\n day: j,\n month: m,\n year: y,\n cmo: cmo,\n currDay: this.isCurrDay(j, m, y, cmo),\n sun: week.length === sunIdx,\n });\n }\n cmo = this.CURR_MONTH;\n // Current month\n var daysLeft = 7 - week.length;\n for (var j = 0; j < daysLeft; j++) {\n week.push({\n day: dayNbr,\n month: m,\n year: y,\n cmo: cmo,\n currDay: this.isCurrDay(dayNbr, m, y, cmo),\n sun: week.length === sunIdx,\n });\n dayNbr++;\n }\n } else {\n // Rest of the weeks\n for (var j = 1; j < 8; j++) {\n if (dayNbr > dInThisM) {\n // Next month\n dayNbr = 1;\n cmo = this.NEXT_MONTH;\n }\n week.push({\n day: dayNbr,\n month: m,\n year: y,\n cmo: cmo,\n currDay: this.isCurrDay(dayNbr, m, y, cmo),\n sun: week.length === sunIdx,\n });\n dayNbr++;\n }\n }\n dates.push(week);\n }\n this.setState({ dates: dates });\n };\n\n showMonthList = () => {\n this.setState({ showMonthList: true })\n }\n\n\n renderMonthList = () => {\n return (\n this.state.showMonthList\n ? this.months.map((val, i) => (\n \n
\n \n\n \n
\n {this.renderModalView()}\n \n this.setState({ showTNCModel: false })}\n >\n
\n this.onMonthChange(i)}>\n {this.getMonthName(i)}\n
\n ))\n : null\n )\n }\n\n\n renderDateCalendar = () => {\n console.log('This Month', this.visibleMonth, DateService.getMonthNumber());\n return (\n \n
\n \n \n \n \n \n );\n }\n\n\n showMonthView = () => {\n this.setState({ showView: 'month' })\n }\n\n getMonthName = i => {\n // return i18next.language == 'es' ? monthNameSp[i] : monthNameEn[i];\n return monthNameSp[i];\n };\n\n onMonthChange = selectedMonth => {\n // let maskedValue = this.getMonthName(selectedMonth) + ' ' + this.state.selectedYear;\n // // setTimeout(() => {\n // this.props.onMonthChange(maskedValue, this.state.selectedYear, selectedMonth);\n // }, 200);\n this.setMonth(selectedMonth + 1, this.state.selectedYear)\n this.setState({ showView: 'date' })\n };\n\n prevYear = () => {\n this.setState({\n selectedYear: +this.state.selectedYear - 1,\n });\n };\n nextYear = () => {\n this.setState({\n selectedYear: +this.state.selectedYear + 1,\n });\n };\n\n renderMonthCalendar = () => {\n return (\n \n this.selectDate('remove')}\n >\n {i18next.language == 'es' ? 'Eliminar fecha' : 'Remove date'}\n
\n ) : null}\n \n
\n {this.props.canEraseDate ? (\n \n
\n\n \n
\n \n \n \n {(this.visibleMonth.monthTxt\n ? this.visibleMonth.monthTxt.toUpperCase()\n : '') +\n ' ' +\n this.visibleMonth.year}\n \n
\n ) : (\n \n DateService.getMonthNumber()+1? \n this.prevMonth\n // : null\n }\n >\n {/* ![](\"/images/icons/icon-arrow-left.png\")
*/}\n
\n {/* */}\n this.props.canChangeYear ? this.showMonthView() : null }>\n \n {\n (this.visibleMonth.monthTxt\n ? this.visibleMonth.monthTxt.toUpperCase() : '') + ' ' + this.visibleMonth.year\n }\n \n
*/}\n {!this.props.canChangeYear ? (\n \n \n \n {this.visibleMonth.monthTxt\n ? this.visibleMonth.monthTxt.toUpperCase()\n : ''}\n \n ![\"\"](\"/images/icons/home/icon_arrow_down_white.png\")
\n {/* {\n this.renderMonthList()\n } */}\n \n \n {this.visibleMonth.year}\n \n \n
\n )}\n \n {/* {\n this.renderMonthList()\n } */}\n \n \n {this.visibleMonth.year}\n \n \n \n ![](\"/images/icons/icon-arrow-right.png\")
*/}\n
\n */}\n \n {this.state.weekDays.map((days, i) => {\n return (\n
\n \n {days.toUpperCase()}\n
\n );\n })}\n \n \n {this.state.dates.map((w, i) => {\n return w.map((d, j) => {\n console.log(\"is future\", this.isFuture(d.day, d.month, d.year, d.cmo))\n return (\n this.cellClicked(d, !this.isFuture(d.day - 1, d.month, d.year, d.cmo))}\n key={j}\n className={\n 'day-number ' +\n (d.cmo === this.PREV_MONTH && ' older ') +\n (d.cmo === this.NEXT_MONTH && ' next-month ') +\n (this.isCurrDay(d.day, d.month, d.year, d.cmo) ? ' today ' : ' ') +\n (this.isPast(d.day, d.month, d.year, d.cmo) ? ' past ' : ' ') +\n (this.isDeactivated(d) ? ' deactivate ' : ' ') +\n (this.isFuture(d.day - 1, d.month, d.year, d.cmo) ? ' deactivate ' : ' ') +\n (this.isSelectedDay(d.day, d.month, d.year, d.cmo) ? 'selected ' : '') +\n (!d.day ? 'no-day' : '')\n }\n >\n {d.cmo === this.CURR_MONTH ? (\n {d.day}\n ) : null}\n
\n );\n });\n })}\n \n {/*
\n \n );\n };\n\n showYearView = () => {\n this.setState({ showView: 'year' })\n }\n\n onYearChange = selectedYear => {\n // let maskedValue = this.getYearName(selectedYear) + ' ' + this.state.selectedYear;\n // // setTimeout(() => {\n // this.props.onYearChange(maskedValue, this.state.selectedYear, selectedYear);\n // }, 200);\n this.setYear(selectedYear)\n this.setState({ showView: 'date' ,selectedYear: selectedYear})\n };\n\n prevYearList = () => {\n this.selectedYearIndex++;\n this.setState({\n selectedYearList: this.yearsList.filter((val,i) => (i >= this.selectedYearIndex * 12) && i < (this.selectedYearIndex * 12 + 12) ),\n });\n };\n nextYearList = () => {\n if(this.selectedYearIndex <= 0){\n return;\n }\n this.selectedYearIndex--;\n this.setState({\n selectedYearList: this.yearsList.filter((val,i) => (i >= this.selectedYearIndex * 12) && i < (this.selectedYearIndex * 12 + 12) ),\n });\n };\n \n renderYearCalendar = () => {\n return (\n \n
\n \n \n {/* */}\n
\n */}\n {this.state.selectedYear}
\n \n
\n */}\n \n {this.months.map((val, i) => (\n
\n this.onMonthChange(i)}>\n {this.getMonthName(i)}\n
\n ))}\n \n {/*
\n \n );\n };\n \n render() {\n console.log(\"Props in Kupos Calendar\", this.props)\n return (\n \n
\n \n \n {/* */}\n
\n */}\n \n {this.state.selectedYearList[this.state.selectedYearList.length - 1] + ' - ' + this.state.selectedYearList[0]}\n
\n \n
\n */}\n \n {this.state.selectedYearList.reverse().map((val, i) => (\n
\n this.onYearChange(val)}>\n {val}\n
\n ))}\n \n {this.state.showView == 'date' ? this.renderDateCalendar() : (this.state.showView == 'month' ? this.renderMonthCalendar() : this.renderYearCalendar())}\n
\n )\n }\n}\n","import React, { Component } from 'react';\n// import ModernDatepicker from 'react-modern-datepicker';\n// import DatePicker from 'react-datepicker';\nimport PropTypes from 'prop-types';\n// import moment from 'moment';\nimport ReactDOM from 'react-dom';\n\nimport KuposCalendar from './KuposCalendar';\nimport SvgHome from './SvgHome';\nimport CommonService from '../../services/commonService';\nimport DateService from '../../services/dateService';\n\nexport default class KuposDatePicker extends Component {\n static propTypes = {\n selectedDate: PropTypes.string,\n error: PropTypes.bool,\n errorMessage: PropTypes.string,\n minDate: PropTypes.string,\n onDateChange: PropTypes.func,\n placeholder: PropTypes.string,\n deactivatePastDate: PropTypes.bool,\n deactivateFutureDate: PropTypes.bool,\n canChangeYear: PropTypes.bool,\n style: PropTypes.object,\n canEraseDate: PropTypes.bool,\n t: PropTypes.func,\n };\n\n constructor(props) {\n super(props);\n this.state = {\n showCalendar: false,\n };\n }\n\n componentDidMount() {\n document.addEventListener('click', this.handleClickOutside, true);\n }\n\n scrollIfNotInView = () => {\n if (this.el) {\n if (CommonService.isElementInView(this.el)) {\n // console.log('In the viewport!');\n } else {\n this.el.scrollIntoView(false);\n }\n }\n };\n\n componentWillUnmount() {\n document.removeEventListener('click', this.handleClickOutside, true);\n }\n\n handleClickOutside = event => {\n const domNode = ReactDOM.findDOMNode(this);\n\n if (!domNode || !domNode.contains(event.target)) {\n // console.log('clicked outside',event)\n this.setState({ showCalendar: false });\n }\n };\n\n onFocus = () => {\n !this.props.disabled && this.setState({ showCalendar: true });\n this.props.onFocus && this.props.onFocus();\n setTimeout(() => {\n this.scrollIfNotInView();\n }, 250);\n };\n\n onBlur = () => {};\n\n onDateChange = d => {\n // if (d) {\n this.props.onDateChange(d);\n this.setState({ showCalendar: false });\n // }\n };\n\n render() {\n // const selected = moment('2019-12-27').toDate()\n // console.log(this.props);\n return (\n \n {/* ![](\"/images/icons/home/icon_calendar.png\")
*/}\n this.props.onDateChange(date)}\n placeholder={this.props.placeholder}\n minDate={this.props.minDate}\n lang=\"es\"\n /> */}\n {/* this.props.onDateChange(date)}\n dateFormat=\"dd-mm-yyyy\"\n locale=\"es-CL\"\n /> */}\n
\n {this.state.showCalendar ? (\n */}\n \n \n {!this.props.hideAllContent ? (\n
\n ) : (\n this.props.children\n )}\n \n \n );\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport KuposInput from './KuposInput';\nimport SvgHome from './SvgHome';\nimport KuposDatePicker from './KuposDatePicker';\nimport KuposCheckbox from './KuposCheckbox';\nimport DateService from '../../services/dateService';\nimport KuposModal from './KuposModal';\nimport CommonService from '../../services/commonService';\nimport KuposErrorSuccessModal from './KuposErrorSuccessModal';\n// import ApiUrls from '../../services/apiUrls';\nimport KuposModalWithButtons from './KuposModalWithButtons';\n// import TermsAndConditions from '../pages/TermsAndConditions';\n\nexport class CancellationModal extends Component {\n static propTypes = {\n common: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n t: PropTypes.func,\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n capsuleMenuAcktiveTab: 1,\n cancelPrintTicketCheck: false,\n tncError: false,\n selectedTab : 1\n };\n }\n\n onCancelPrintTicketChange = (text, inp) => {\n if (inp == 'pnr') {\n this.setState({\n cancelPrintTicketPNRError: null,\n cancelPrintTicketPNR: text,\n });\n } else if (inp == 'email') {\n this.setState({\n cancelPrintTicketEmailError: null,\n cancelPrintTicketEmail: text,\n });\n }\n };\n\n onCancelPrintTicketBlur = (text, inp) => {\n if (!text) {\n if (inp == 'email') {\n this.setState({\n cancelPrintTicketEmailError: {\n message: 'VALIDATIONS.VALID_EMAIL',\n },\n });\n } else if (inp == 'pnr') {\n this.setState({\n cancelPrintTicketPNRError: {\n message: 'VALIDATIONS.VALID_RESERVATION',\n },\n });\n }\n } else if (inp == 'email') {\n if (!CommonService.isEMailValid(text)) {\n this.setState({\n cancelPrintTicketEmailError: {\n message: 'VALIDATIONS.VALID_EMAIL',\n },\n });\n }\n }\n };\n\n onCancelPrintTicketSubmitPressed = () => {\n let errorCount = 0;\n if (!this.state.cancelPrintTicketPNR) {\n this.setState({\n cancelPrintTicketPNRError: {\n message: 'VALIDATIONS.VALID_RESERVATION',\n },\n });\n errorCount++;\n }\n if (!this.state.cancelPrintTicketEmail) {\n this.setState({\n cancelPrintTicketEmailError: {\n message: 'VALIDATIONS.VALID_EMAIL',\n },\n });\n errorCount++;\n } else if (!CommonService.isEMailValid(this.state.cancelPrintTicketEmail)) {\n this.setState({\n cancelPrintTicketEmailError: {\n message: 'VALIDATIONS.VALID_EMAIL',\n },\n });\n errorCount++;\n }\n\n if (!this.state.cancelPrintTicketDate && this.state.capsuleMenuAcktiveTab === 1) {\n this.setState({\n cancelPrintTicketDateError: {\n message: 'VALIDATIONS.VALID_DATE',\n },\n });\n errorCount++;\n }\n\n if (!this.state.cancelPrintTicketCheck) {\n this.setState({\n tncError:true\n });\n errorCount++;\n }\n \n if (errorCount > 0) {\n return;\n }\n let path = 'travel_date=' + this.state.cancelPrintTicketDate;\n if(this.state.selectedTab == 1){\n path += '&contact_info=' + this.state.cancelPrintTicketEmail;\n }else{\n path += '&email=' + this.state.cancelPrintTicketEmail;\n }\n path += '&is_mobile_app=' + true;\n\n if (this.state.capsuleMenuAcktiveTab == 1) {\n path += '&do_cancel=' + true;\n }\n\n this.onCancelPrintTicketSubmit(path, this.state.cancelPrintTicketPNR);\n };\n\n // onCancelPrintTicketSubmit = (path, pnr) => {\n // this.props.actions\n // .loadTicketDetails({ url: this.state.selectedTab == 1 ? ApiUrls.ticketDetails(pnr, path) : ApiUrls.ticketDetailsAT(pnr, path) })\n // .then(res => {\n // // this.props.actions.setTicketDetails(res);\n // if ((res.body && res.body.pnr_number) || (res.result && res.result.pnr_number)) {\n // if (this.state.capsuleMenuAcktiveTab == 0) {\n // window.open(res.body.print_pdf_url, '_blank');\n // } else {if (\n // ((res.body && res.body.pnr_number) &&\n // (res.body.status.toLowerCase() == \"cancelado\" ||\n // res.body.status.toLowerCase() == \"cancelled\")) ||\n // (res.result &&\n // res.result.pnr_number &&\n // (res.result.status.toLowerCase() == \"cancelado\" ||\n // res.result.status.toLowerCase() == \"cancelled\"))\n // ){\n // this.setState({ showSuccessModal: true, modalSuccess:false, modalBodyText: this.props.t(\"HOME.TICKET_CANCELLED\") });\n // }else{\n // if(this.state.selectedTab == 1) \n // this.props.history.push('/modify-ticket/cancel')\n // else\n // this.props.history.push('/at-modify-ticket/cancel');\n // this.onHide()\n // }\n // }\n // } else {\n // CommonService.removeLocal('ticketInfo');\n // this.setState({ showSuccessModal: true, modalSuccess:false, modalBodyText: res.body ? res.body.message : res.error });\n // }\n // });\n // };\n\n\n onHide = () => {\n this.setState({\n cancelPrintTicketPNR:null,\n cancelPrintTicketPNRError: null,\n cancelPrintTicketEmail:null,\n cancelPrintTicketEmailError: null,\n cancelPrintTicketDate: null,\n cancelPrintTicketDateError: null,\n tncError: null,\n selectedTab: 1\n });\n this.props.onHide()\n }\n\n onTabChange = (i) => {\n this.setState({ selectedTab: i })\n }\n\n renderTabs = t => {\n return (\n \n {this.props.icon ? (\n \n {this.props.title}\n
\n ) : null}\n {this.props.subTitle ? (\n \n \n
\n ) : null}\n {this.props.title ? (\n {this.props.subTitle}
\n ) : null}\n {this.props.bodyText ? (\n {this.props.bodyText}
\n ) : null}\n \n {this.props.children}\n \n {this.props.showButton1 ? (\n \n \n {this.props.buttonText1 ? this.props.buttonText1 : 'OK'}\n \n
\n ) : null}\n {this.props.showButton2 ? (\n \n \n {this.props.buttonText2}\n \n
\n ) : null}\n \n this.onTabChange(2)}\n >\n {t(\"HOME.AT_NAME\")}\n
\n \n \n );\n };\n\n\n renderCancellationCard = () => {\n return (\n \n this.onTabChange(1)}\n >\n {t(\"HOME.PB_NAME\")}\n
\n \n
\n );\n };\n\n render() {\n return (\n \n
\n {/* ) : null} */}\n \n {this.props.t('CANCEL_TICKET.CANCEL_TICKET')}\n
\n {this.renderTabs(this.props.t)}
\n\n \n \n this.setState({ showReserveNumberOrTNCModel: true, findPnrSelected: true })\n }\n className=\"primary-text less-bold-text font10 primary-text\"\n >\n {this.props.t('PRINT_SCREEN.WHERE_TO_FIND_PNR')}\n \n\n
\n \n this.onCancelPrintTicketChange(text, 'pnr')}\n onBlur={text => this.onCancelPrintTicketBlur(text, 'pnr')}\n error={this.state.cancelPrintTicketPNRError ? true : false}\n errorMessage={\n this.state.cancelPrintTicketPNRError\n ? this.props.t(this.state.cancelPrintTicketPNRError.message)\n : null\n }\n />\n \n this.setState({\n cancelPrintTicketDate: data,\n cancelPrintTicketDateError: null,\n })\n }\n error={this.state.cancelPrintTicketDateError ? true : false}\n errorMessage={\n this.state.cancelPrintTicketDateError\n ? this.props.t(this.state.cancelPrintTicketDateError.message)\n : null\n }\n style={{ paddingRight: 0 }}\n />\n
\n\n \n this.onCancelPrintTicketChange(text, 'email')}\n onBlur={text => this.onCancelPrintTicketBlur(text, 'email')}\n error={this.state.cancelPrintTicketEmailError ? true : false}\n errorMessage={\n this.state.cancelPrintTicketEmailError\n ? this.props.t(this.state.cancelPrintTicketEmailError.message)\n : null\n }\n style={{ paddingRight: 0 }}\n />\n
\n\n \n
\n\n \n \n this.setState({\n tncError: false,\n cancelPrintTicketCheck: !this.state.cancelPrintTicketCheck,\n })\n }\n />\n \n this.setState({ showReserveNumberOrTNCModel: true, findPnrSelected: false })\n }\n >\n {this.props.t('PASSENGER_DETAILS.I_ACCEPT_TNC')}\n \n
\n {this.state.tncError ? (\n \n {this.props.t('PASSENGER_DETAILS.PLEASE_ACCEPT_TNC')}\n
\n ) : null}\n \n \n {this.props.common.loadTicketDetailsPending ? (\n \n ) : (\n {this.props.t('CANCEL_TICKET.CANCEL')}\n )}\n \n
\n \n \n \n this.setState({\n showSuccessModal: false,\n modalBodyText: '',\n })\n }\n bodyText={this.state.modalBodyText}\n />\n this.setState({showReserveNumberOrTNCModel:false,findPnrSelected:false})}\n showModal={this.state.showReserveNumberOrTNCModel}\n >\n {/* this.setState({showErrorsModal:false})} >\n */}\n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n common: state.common,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch)\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(CancellationModal);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\n// import * as serviceActions from '../pb-service-list/redux/actions';\nimport * as homeActions from '../home/redux/actions';\n// import * as paymentActions from '../pb-payment-details/redux/actions';\n\nimport { withTranslation, Trans } from 'react-i18next';\nimport i18next from 'i18next';\nimport { LoginModal } from './LoginModal';\nimport CommonService from '../../services/commonService';\nimport DateService from '../../services/dateService';\nimport ReactDOM from 'react-dom';\nimport { CancellationModal } from './CancellationModal';\n\nclass LanguageSwitch extends Component {\n constructor(props){\n super(props);\n }\n\n changeLanguage = (lang) => {\n i18next.changeLanguage(lang);\n localStorage.setItem('selectedLanguage',lang);\n if(window.location.pathname.indexOf(`/${lang}/`) <= -1){\n let path = window.location.pathname\n if(lang === 'en'){\n path = path.replace('/es/',`/${lang}/`)\n .replace('/pasajes-bus','/bus-tickets')\n .replace('/pasajes-tren','/train-tickets')\n .replace('/transfer-aeropuerto','/airport-transfer')\n .replace('/carga-bip','/bip-recharge')\n .replace('/viajes-especiales','/private-transport')\n if(window.location.pathname.length < 4){\n path = path.replace('/es',`/${lang}`)\n }\n this.props.history.push(path)\n }else{\n path = path.replace('/en/',`/${lang}/`)\n .replace('/bus-tickets', '/pasajes-bus')\n .replace('/train-tickets', '/pasajes-tren')\n .replace('/airport-transfer', '/transfer-aeropuerto')\n .replace('/bip-recharge', '/carga-bip')\n .replace('/private-transport', '/viajes-especiales')\n if(window.location.pathname.length < 4){\n path = path.replace('/en',`/${lang}`)\n }\n this.props.history.push(path)\n }\n }\n }\n\n render(){\n return(\n \n
\n \n\n \n
\n {this.renderCancellationCard()}\n \n {this.state.findPnrSelected ? ![](\"/images/find-reservation-no.png\")
:
*/}\n \n{/* \n : this.setState({showReserveNumberOrTNCModel:false,findPnrSelected:false})}>\n
\n {this.props.t(\"HOME.TICKET_CANCELLED\")}
\n \n
\n )\n }\n}\n\nexport class TopStrip extends Component {\n static propTypes = {\n actions: PropTypes.object,\n classes: PropTypes.string,\n logoType: PropTypes.number,\n t: PropTypes.func,\n i18n: PropTypes.object,\n onLogoClicked: PropTypes.func,\n data: PropTypes.object,\n };\n constructor(props) {\n super(props);\n this.state = {\n showLoginModal: false,\n showMyAccountDropDown: false,\n showMyTicketsDropDown: false,\n showCancellationModal: false,\n dropMenus: [\n {\n icon: '/svgs/my-account/my-account-white.svg',\n name: 'PROFILE.MY_ACCOUNT',\n path: '',\n },\n {\n icon: '/svgs/my-account/my-trips-white.svg',\n name: 'PROFILE.MY_TRIPS',\n path: '/trips',\n },\n {\n icon: '/svgs/my-account/my-movements-white.svg',\n name: 'PROFILE.MY_MOVEMENTS',\n path: '/transactions',\n },\n {\n icon: '/svgs/my-account/promotions-white.svg',\n name: 'PROFILE.PROMOTIONS',\n path: '/promotions',\n },\n {\n icon: '/svgs/my-account/my-groups-white.svg',\n name: 'PROFILE.MY_GROUPS',\n path: '/groups',\n },\n {\n icon: '/svgs/my-account/logout-white.svg',\n name: 'PROFILE.LOGOUT',\n isLogout: true,\n },\n ],\n };\n }\n\n componentDidMount() {\n document.addEventListener('click', this.handleClickOutside, true);\n }\n componentWillUnmount() {\n document.removeEventListener('click', this.handleClickOutside, true);\n }\n\n handleClickOutside = event => {\n const domNode = ReactDOM.findDOMNode(this);\n\n if (!domNode || !domNode.contains(event.target)) {\n this.setState({ showMyAccountDropDown: false, showMyTicketsDropDown: false });\n }\n };\n\n gotoHome = () => {\n this.props.onLogoClicked();\n window.scrollTo(0, 0);\n if (CommonService.clearSearchFunction) {\n CommonService.clearSearchFunction();\n }\n this.props.actions.setOnwardPbDate(DateService.getTodayString());\n this.props.actions.setReturnPbDate(null);\n this.props.actions.pbSetSourceCity(null);\n this.props.actions.pbSetDestinationCity(null);\n this.props.actions.setServiceListOnward(null);\n this.props.actions.setServiceListReturn(null);\n if (this.props.history) this.props.history.push('/');\n };\n\n onMyAccountClick = () => {\n if (CommonService.isLoggedIn(this.props.common.loginData)) {\n this.props.history.push('/my-account');\n // this.setState({\n // showMyAccountDropDown: !this.state.showMyAccountDropDown,\n // showMyTicketsDropDown:false});\n } else {\n this.props.actions.openCloseLoginModal(true);\n this.setState({showLoginModal:true})\n }\n };\n\n onMyTicketsClick = () => {\n // if (CommonService.isLoggedIn(this.props.common.loginData)) {\n // this.props.history.push('/my-account/trips');\n // }else{\n this.setState({\n showMyTicketsDropDown: !this.state.showMyTicketsDropDown,\n showMyAccountDropDown :false });\n // }\n \n // } else {\n // this.props.actions.openCloseLoginModal(true);\n // // this.setState({showLoginModal:true})\n // }\n };\n\n goToMyAccount = path => {\n this.props.history.push('/my-account' + path);\n };\n\n menuItemClick = item => {\n if (item.name != 'PROFILE.LOGOUT') {\n this.goToMyAccount(item.path);\n } else {\n CommonService.logout();\n this.props.history.push('/');\n }\n this.setState({ showMyAccountDropDown: false });\n };\n\n renderMyAccountDropdown = t => {\n return (\n this.changeLanguage('es')} className={\"language-item \" + (i18next.language == 'es' ? 'active' : '')}>ES
\n this.changeLanguage('en')} className={\"language-item \" + (i18next.language == 'en' ? 'active' : '')}>EN
\n \n {this.state.dropMenus.map((val, key) => (\n this.menuItemClick(val)}\n className={\n 'my-account-dropitem flex-row ' +\n (val.name == 'PROFILE.LOGOUT' ? 'logout' : '')\n }\n key={key}\n >\n \n 
\n \n {t(val.name)}\n
\n ))}\n \n );\n };\n\n handleCancelationDisplay = () =>{\n this.setState({ showCancellationModal: false});\n }\n\n renderMyTicketsDropdown = () => {\n return (\n \n { this.props.history.push('/pages/contact')\n this.setState({ showMyTicketsDropDown: false });}\n }\n >\n \n ![](\"/images/contact_us_white.svg\")
\n \n {this.props.t('HOME.CONTACT_US')}\n
\n \n \n );\n };\n\n render() {\n const { t } = this.props;\n return (\n \n this.setState({ showCancellationModal: true })}\n className={'my-tickets-dropitem display-flex margin-bottom-5 '}\n >\n \n ![](\"/images/cancel_ticket_white.svg\")
\n \n \n {this.props.t('CANCEL_TICKET.CANCEL_TICKET')}\n \n
\n\n \n \n \n {this.props.t('CANCEL_TICKET.CANCEL_TICKET')}\n \n \n \n {this.props.t('HOME.CONTACT_US')}\n \n
\n {this.props.children}\n \n {this.props.newSearch}\n {this.props.metaData ? (\n \n this.setState({ showMyAccountDropDown: false })}>\n \n \n
\n \n
\n \n \n this.setState({ showMyAccountDropDown: false, showMyTicketsDropDown: false })}\n >\n \n {this.props.logoType == 1 ? (\n
\n\n - \n
- \n \n \n\n \n {this.state.showMyTicketsDropDown ? this.renderMyTicketsDropdown() : null}\n
![{this.props.t('TRANSLATIONS.MY_TRIPS')}](\"/images/my-trips.svg\")
\n {this.props.t('HOME.MY_JOURNEYS')}\n \n - \n \n )}\n {/* {CommonService.isLoggedIn(this.props.common.loginData)\n ? CommonService.capitalize(this.props.common.loginData.name)\n : t('HOME.MY_ACCOUNT')} */}\n \n {this.state.showMyAccountDropDown\n ? this.renderMyAccountDropdown(t)\n : null}\n
![{this.props.t('TRANSLATIONS.USER_DOT')}](\"/images/user_red_dot.svg\")
\n \n {this.props.menuButtons.map((value, key) => {\n return (\n this.props.onTabChange(key) : null}\n >\n ![](\"/images/icons/sort-arrow.png\")
: null} */}\n {this.props.showSortIcon && this.props.activeTab == key ? : null}\n
\n );\n })}\n \n );\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport DateService from '../../services/dateService';\nimport CommonService from '../../services/commonService';\nimport { NewsLetterSuccessModal } from './NewsLetterSuccessModal';\nimport i18next from 'i18next';\nimport ApiUrls from '../../services/apiUrls';\nimport { KuposErrorSuccessModal } from '.';\n\n\nexport default class KuposFooter extends Component {\n static propTypes = {\n t: PropTypes.func,\n history: PropTypes.object,\n metaData: PropTypes.object,\n actions: PropTypes.object,\n };\n constructor(props) {\n super(props);\n this.state = {\n newsLetterModal: false\n };\n }\n\n gotoHome = () => {\n window.scrollTo(0, 0);\n if (CommonService.clearSearchFunction) {\n CommonService.clearSearchFunction();\n }\n this.props.actions.setOnwardPbDate(DateService.getTodayString());\n this.props.actions.setReturnPbDate(null);\n this.props.actions.pbSetSourceCity(null);\n this.props.actions.pbSetDestinationCity(null);\n this.props.actions.setServiceListOnward(null);\n this.props.actions.setServiceListReturn(null);\n if (this.props.history) this.props.history.push('/');\n };\n\n subscribe = () => {\n if (!this.state.email) {\n this.setState({\n emailError: 'VALIDATIONS.VALID_EMAIL',\n });\n return\n } else if (!CommonService.isEMailValid(this.state.email)) {\n this.setState({\n emailError: 'VALIDATIONS.VALID_EMAIL_VALIDATION',\n });\n return\n }\n this.props.actions.subscribe({ url: ApiUrls.subscribe(), data: {\"email\": this.state.email} }).then(\n res => {\n if (res.data && res.data.status === 200) {\n this.setState({ newsLetterModal: true })\n }else if(res.data){\n this.setState({ newsLetterFailureModal: true, newsLetterFailureModalMessage: res.data.error });\n }\n },\n err => {\n },\n );\n }\n\n render() {\n const { t, history } = this.props;\n return (\n \n {!value.svgIcon\n ? 
\n : (value.svgPage == 'home' ?
\n \n {t(\"RESULTS_PAGE.\"+value.label).split('\\n').map((item, i) => {\n return {item}
;\n })}\n \n {/* {this.props.showSortIcon && this.props.activeTab == key ? : null} */}\n {this.props.showSortIcon && this.props.activeTab == key ? : null}\n \n
\n\n \n
\n \n
\n \n ![{this.props.t('TRANSLATIONS.KUPOS_LOGO2')}](\"/svgs/kupos-logo2.svg\")
\n
\n\n \n \n
\n \n
\n\n \n {t('HOME.OUR_COMPANY')}\n \n history.push(`/${i18next.language}/pages/partners`)\n }\n >\n {t('HOME.OUR_PARTNERS')}\n
\n history.push(`/${i18next.language}/pages/about`)}>\n {t('HOME.ABOUT_KUPOS')}\n
\n {t('HOME.CARRERS')}
\n history.push(`/${i18next.language}/pages/press`)}>\n {t('HOME.PRESS')}\n
\n \n \n {t('HOME.USEFUL_DETAILS')}\n \n
\n\n history.push(`/${i18next.language}/pages/contact`)}>\n {t('HOME.CONTACT_US')}{' '}\n
\n {t('HOME.FAQ')}
\n history.push(`/${i18next.language}/pages/tnc`)}>\n {t('HOME.TNC')}{' '}\n
\n history.push(`/${i18next.language}/pages/privacy-policy`)}>\n {t('HOME.PRIVACY_POLICY')}{' '}\n
\n history.push(`/${i18next.language}/site-map`)}>\n {t('HOME.SITEMAP')}\n
\n \n
\n \n \n {t('HOME.NEWSLETTER')}\n \n
\n\n \n \n this.setState({ email: event.target.value.trim(), emailError: null })}\n onBlur={event => this.setState({ email: event.target.value })}\n />\n \n
\n {this.state.emailError ? {t(this.state.emailError)}
: null}\n ![{this.props.t('TRANSLATIONS.INSTA')}](\"/images/icons/home/icon-instagram.png\"){kind=icon}
\n ![{this.props.t('TRANSLATIONS.TWITTER')}](\"/images/icons/home/icon-twitter.png\"){kind=icon}
\n \n ) : null}\n ![{this.props.t('TRANSLATIONS.BLOG')}](\"/images/icons/home/icon-blog.png\"){kind=icon}
\n \n {t('HOME.FOOTER_COPYRIGHT')}\n
\n\n \n \n {this.props.icon ? (\n (this.input = ref)}\n readOnly\n type=\"text\"\n className={this.props.fontSize ? this.props.fontSize : 'font11'}\n onKeyDown={this.handleKeyDown}\n placeholder={this.props.placeholder}\n onFocus={() => this.onFocus(true, true)}\n onBlur={this.onBlur}\n onChange={this.inputChange}\n value={this.state.textValue}\n // value={this.props.t(this.state.textValue)}\n />\n ) : (\n (this.input = ref)}\n type=\"text\"\n className={this.props.fontSize ? this.props.fontSize : 'font11'}\n onKeyDown={this.handleKeyDown}\n placeholder={this.props.placeholder}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n onChange={this.inputChange}\n value={this.state.textValue}\n // value={this.props.t(this.state.textValue)}\n />\n )}\n {this.props.iconRight ? (\n (this.props.readonly ? this.onFocus(true, true) : this.onFocus)}\n />\n ) : null}\n
\n {this.props.error ? {this.props.errorMessage} : null}\n {this.props.options &&\n this.state.showSuggestions &&\n this.state.options &&\n this.state.options.length ? (\n \n {\n this.props.menuButtons ? this.props.menuButtons.map((value,key) => {\n return this.props.onStepClick ? this.props.onStepClick(key+1) : null}>\n {/* {key+1} */}\n {value.label}\n \n }) : null\n }\n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n// import moment from 'moment';\n// import MonthPickerInput from 'react-month-picker-input';\nimport ReactDOM from 'react-dom';\n\nimport i18next from 'i18next';\nimport SvgHome from './SvgHome';\nimport DateService from '../../services/dateService';\n\nconst monthNameEn = [\n 'Jan',\n 'Feb',\n 'Mar',\n 'Apr',\n 'May',\n 'Jun',\n 'Jul',\n 'Aug',\n 'Sep',\n 'Oct',\n 'Nov',\n 'Dec',\n];\nconst monthNameSp = [\n 'Ene',\n 'Feb',\n 'Mar',\n 'Abr',\n 'May',\n 'Jun',\n 'Jul',\n 'Ago',\n 'Sep',\n 'Oct',\n 'Nov',\n 'Dic',\n];\n\nexport default class MonthYearPicker extends Component {\n static propTypes = {\n selectedYear: PropTypes.number,\n selectedMonth: PropTypes.number,\n onMonthChange: PropTypes.func,\n };\n months = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];\n constructor(props) {\n super(props);\n this.state = {\n selectedYear: this.props.selectedYear || new Date().getFullYear(),\n };\n }\n\n componentDidMount() {\n this.setState({ selectedYear: this.props.selectedYear || new Date().getFullYear() });\n document.addEventListener('click', this.handleClickOutside, true);\n }\n componentWillUnmount() {\n document.removeEventListener('click', this.handleClickOutside, true);\n }\n\n handleClickOutside = event => {\n const domNode = ReactDOM.findDOMNode(this);\n\n if (!domNode || !domNode.contains(event.target)) {\n // console.log('clicked outside',event)\n this.setState({ showCalendar: false });\n }\n };\n\n getMonthName = i => {\n // return i18next.language == 'es' ? monthNameSp[i] : monthNameEn[i];\n return monthNameSp[i];\n };\n\n onMonthChange = selectedMonth => {\n let maskedValue = this.getMonthName(selectedMonth) + ' ' + this.state.selectedYear;\n // setTimeout(() => {\n this.props.onMonthChange(maskedValue, this.state.selectedYear, selectedMonth);\n // }, 200);\n this.setState({ showCalendar: false });\n };\n\n prevYear = () => {\n this.setState({\n selectedYear: +this.state.selectedYear - 1,\n });\n };\n nextYear = () => {\n this.setState({\n selectedYear: +this.state.selectedYear + 1,\n });\n };\n\n renderMonthCalendar = () => {\n return (\n \n {/*
\n \n );\n };\n\n render() {\n return (\n \n
\n \n \n {/* */}\n
\n */}\n {this.state.selectedYear}
\n \n
\n */}\n \n {this.months.map((val, i) => (\n
\n this.onMonthChange(i)}>\n {this.getMonthName(i)}\n
\n ))}\n this.setState({showCalendar:!this.state.showCalendar})}>\n \n {DateService.getMonthName(this.props.selectedMonth)} {this.props.selectedYear}\n \n \n \n \n
\n {this.state.showCalendar ? this.renderMonthCalendar() : null}\n \n );\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { Link, withRouter } from 'react-router-dom';\n\nexport default class KuposSuccessFailure extends Component {\n static propTypes = {\n success:PropTypes.bool,\n title:PropTypes.string,\n subtitle:PropTypes.string,\n infoText:PropTypes.string,\n icon:PropTypes.string,\n t: PropTypes.func,\n };\n\n render() {\n return (\n \n \n \n \n
\n );\n }\n}\n","import React, { Component } from 'react';\n\nexport default class KuposCommonLoader extends Component {\n static propTypes = {\n\n };\n\n render() {\n return (\n \n\n
\n\n {this.props.children ? \n {this.props.icon ? :\n 
}\n
\n\n \n {this.props.title ? this.props.title : (this.props.success ? '¡Listo!' : '¡Lo sentimos!') }\n
\n\n \n {this.props.subtitle}\n
\n\n {\n this.props.infoText \n ? \n
\n : null\n }\n \n \n \n {this.props.infoText} \n
\n \n {this.props.children} \n
: null}\n\n \n ![](\"/images/download-success-page-banner-2.png\")
\n ![\"\"](\"/images/icons/home/kupos_pay.png\"){kind=icon}
\n ![{this.props.t('TRANSLATIONS.GPLAY')}](\"/images/icons/home/google-play.png\"){kind=icon}
\n ![{this.props.t('TRANSLATIONS.APPSTORE')}](\"/images/icons/home/app-store.png\"){kind=icon}
\n \n \n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport KuposSelectBox from './KuposSelectBox';\nimport KuposDatePicker from './KuposDatePicker';\nimport DateService from '../../services/dateService';\nimport CommonService from '../../services/commonService';\n\nexport default class NewSearchBox extends Component {\n static propTypes = {\n cities: PropTypes.array,\n openNewSearch: PropTypes.bool,\n pbSourceCity: PropTypes.object,\n sourceCityOnChange: PropTypes.func,\n destinationCityOnChange: PropTypes.func,\n onwardPBDate: PropTypes.string,\n onwardDateChange: PropTypes.func,\n returnPBDate: PropTypes.string,\n returnDateChange: PropTypes.func,\n swapCities: PropTypes.func,\n newSearch: PropTypes.func,\n t: PropTypes.func,\n };\n constructor(props) {\n super(props);\n this.state = {\n key: 1,\n };\n }\n\n swapCities = () => {\n this.props.swapCities();\n this.setState({ key: this.state.key + 1 });\n };\n\n render() {\n const { t } = this.props;\n return (\n \n
\n \n );\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nexport default class KuposButton extends Component {\n static propTypes = {\n disabled: PropTypes.bool,\n onClick: PropTypes.func,\n className: PropTypes.string,\n };\n\n render() {\n return (\n \n
\n\n \n {t('HOME.ORIGIN')}\n
\n \n ![](\"./images/icons/home/icon_source.png\"/)
Source\n
*/}\n Source\n \n ![](\"/images/icons/icon-swap.png\")
\n
\n\n \n \n {t('HOME.DESTINATION')}\n \n ![](\"./images/icons/home/icon_source2.png\"/)
Source\n
*/}\n Source\n \n {t('HOME.ONE_WAY')}\n this.props.onwardDateChange(date)}\n />\n {/*
\n \n ![](\"./images/icons/home/icon_calendar.png\"/)
Source\n
*/}\n Source\n \n {t('HOME.ROUND_TRIP')}\n this.props.returnDateChange(date)}\n placeholder={t('HOME.OPTIONAL_DATE')}\n />\n {/*
\n\n \n Source\n
*/}\n Source\n \n \n
\n \n \n {this.props.children}\n
\n ) : (\n {this.props.children}\n )}\n \n );\n }\n}\n","import React, { Component } from 'react';\nimport { Map, InfoWindow, Marker, GoogleApiWrapper, Polygon, Polyline } from 'google-maps-react';\nimport PropTypes from 'prop-types';\n\nimport AppData from '../../services/appData';\nimport KuposInput from './KuposInput';\nimport ApiUrls from '../../services/apiUrls';\nimport KuposErrorSuccessModal from './KuposErrorSuccessModal';\n\nvar google;\nexport class KuposMap extends Component {\n static propTypes = {\n showPlaceSearch: PropTypes.bool,\n myLocation: PropTypes.object,\n markers: PropTypes.array,\n // getRechargeLocations: PropTypes.func,\n // t: PropTypes.func,\n };\n\n constructor(props) {\n super(props);\n this.state = {\n selectedPlace: {},\n showModal: false,\n mapCenter: {\n lat: 32.321,\n lng: -64.757,\n },\n myLocation: {\n lat: 32.321,\n lng: -64.757,\n },\n };\n }\n\n componentDidMount() {\n this.getLocation();\n // this.renderAutoComplete();\n }\n componentDidUpdate(prevProps) {\n // if (this.props !== prevProps.map) this.renderAutoComplete();\n }\n\n getLocation = () => {\n if (navigator.geolocation) {\n var options = { timeout: 60000 };\n navigator.geolocation.getCurrentPosition(this.showLocation, this.errorHandler, options);\n } else {\n console.log('Sorry, browser does not support geolocation!');\n }\n };\n\n getRechargeLocations = (lat, lng) => {\n this.props.getRechargeLocations({ url: ApiUrls.rechargeLocations(lat, lng) }).then(\n res => {\n if (res && res.length) {\n this.setState({ locations: res });\n } else {\n this.setState({ showModal: true });\n }\n },\n err => { },\n );\n };\n\n showLocation = position => {\n var latitude = position.coords.latitude;\n var longitude = position.coords.longitude;\n let loc = {\n lat: latitude,\n lng: longitude,\n };\n this.setState({ myLocation: loc, mapCenter: loc });\n console.log('Latitude : ' + latitude + ' Longitude: ' + longitude);\n // this.getRechargeLocations(latitude, longitude);\n };\n\n errorHandler(err) {\n if (err.code == 1) {\n console.log('Error: Access is denied!');\n } else if (err.code == 2) {\n console.log('Error: Position is unavailable!');\n }\n }\n\n fetchPlaces(mapProps, map) {\n const { google } = mapProps;\n const service = new google.maps.places.PlacesService(map);\n console.log(service);\n // ...\n }\n\n renderAutoComplete = (mapProps, map) => {\n const { google } = mapProps;\n\n if (!google || !map) return;\n\n const autocomplete = new google.maps.places.Autocomplete(this.autocomplete);\n autocomplete.bindTo('bounds', map);\n console.log('hshshsjk---------------------------------', autocomplete);\n\n autocomplete.addListener('place_changed', () => {\n const place = autocomplete.getPlace();\n\n if (!place.geometry) return;\n\n // if (place.geometry.viewport) map.fitBounds(place.geometry.viewport);\n // else {\n map.setCenter(place.geometry.location);\n map.setZoom(15);\n // }\n\n console.log('place.geometry.location.lat()', place.geometry.location.lat());\n this.setState({\n myLocation: {\n lat: place.geometry.location.lat(),\n lng: place.geometry.location.lng(),\n },\n });\n // this.getRechargeLocations(place.geometry.location.lat(), place.geometry.location.lng());\n });\n };\n\n renderInput = () => {\n return (\n \n ![](\"/images/icons/home/icon_search-white.png\")
\n (this.autocomplete = ref)} type=\"text\" />\n
\n );\n };\n\n onMarkerClick = (props, marker, e, selectedMarekrData) => {\n this.setState({\n selectedPlace: selectedMarekrData,\n activeMarker: marker,\n showingInfoWindow: true,\n });\n };\n\n onMapClicked = (props, ev) => {\n if (this.state.showingInfoWindow) {\n this.setState({\n showingInfoWindow: false,\n activeMarker: null,\n });\n }\n this.props.onMapClicked(props, ev);\n };\n\n openDirections = () => {\n window.open(\n 'https://www.google.com/maps/dir/' +\n this.state.myLocation.lat +\n ',' +\n this.state.myLocation.lng +\n '/' +\n this.state.selectedPlace.latitude +\n ',' +\n this.state.selectedPlace.longitude +\n '',\n '_system',\n );\n }\n\n render() {\n\n\n return (\n \n (this.autocomplete = ref)} type=\"text\" />\n \n \n this.onMarkerClick(props, marker, e, val)}\n position={{ lat: val.latitude, lng: val.longitude }}\n icon={{\n url: val.marker_icon,\n anchor: new this.props.google.maps.Point(32, 32),\n scaledSize: new this.props.google.maps.Size(30, 30),\n }}\n />\n ))}\n\n {this.props.polyline &&\n this.props.polyline.map((val, i) => (\n this.props.onPolylineMarkerDragend(mapProps, map, i)}\n // onDragstart={this.props.onPolylineMarkerDragend}\n key={i}\n position={{ lat: val.lat, lng: val.lng }}\n icon={{\n // url: val.marker_icon,\n anchor: new this.props.google.maps.Point(32, 32),\n scaledSize: new this.props.google.maps.Size(30, 30),\n }}\n />\n ))}\n\n\n console.log('Tapped')}\n />\n\n {/* \n {this.state.selectedPlace.bank\n ? console.log('Selected Place', this.state.selectedPlace.bank.name)\n : null}\n {this.state.selectedPlace ? (\n */}\n \n {this.props.showPlaceSearch ? this.renderInput() : null}\n this.setState({ showModal: false })}\n bodyText={'PROFILE.NO_LOCATION_FOUND'}\n />\n
\n );\n }\n}\n\nexport default GoogleApiWrapper({\n apiKey: AppData.MAP_API_KEY,\n})(KuposMap);\n","import React, { Component } from 'react';\n\nexport default class SvgAmenities extends Component {\n static propTypes = {\n\n };\n\n render() {\n let icon;\n const {name,color} = this.props;\n let className,className2,className3\n switch(name){\n case 'AIR_CONDTION':\n className = (color == 'white' ? \"ac-white-cls-1\" : \"ac-grey-cls-1\");\n icon = \n break;\n case 'RESTROOMS':\n className = (color == 'white' ? 'restrooms-white-cls-1' : \"restrooms-grey-cls-1\");\n className2 = (color == 'white' ? 'restrooms-white-cls-2' : \"restrooms-grey-cls-2\");\n icon = \n break;\n case 'CHARGING_PLUG':\n className = (color == 'white' ? 'charger-white-cls-1' : \"charger-grey-cls-1\");\n icon = \n break;\n case 'FOOD_NEW_ICON':\n className = (color == 'white' ? 'food-white-cls-1' : \"food-grey-cls-1\");\n className2 = (color == 'white' ? 'food-white-cls-2' : \"food-grey-cls-2\");\n icon = \n break;\n case 'MOBILE_TICKET':\n className = (color == 'white' ? 'mobile-ticket-white-cls-1' : \"mobile-ticket-grey-cls-1\");\n className2 = (color == 'white' ? 'mobile-ticket-white-cls-2' : \"mobile-ticket-grey-cls-2\");\n className3 = (color == 'white' ? 'mobile-ticket-white-cls-3' : \"mobile-ticket-grey-cls-3\");\n icon = \n break;\n case 'MUSIC':\n className = (color == 'white' ? 'music-white-cls-1' : \"music-grey-cls-1\");\n className2 = (color == 'white' ? 'music-white-cls-2' : \"music-grey-cls-2\");\n icon = \n break;\n case 'SNACKS_NEW':\n className = (color == 'white' ? 'snack-white-cls-1' : \"snack-grey-cls-1\");\n className2 = (color == 'white' ? 'snack-white-cls-2' : \"snack-grey-cls-2\");\n icon = \n break;\n case 'BAGGAGE':\n className = (color == 'white' ? 'baggage-white-cls-1' : \"baggage-grey-cls-1\");\n className2 = (color == 'white' ? 'baggage-white-cls-2' : \"baggage-grey-cls-2\");\n icon = \n break;\n case 'MOVIE':\n className = (color == 'white' ? 'tv-white-cls-1' : \"tv-grey-cls-1\");\n icon = \n break;\n case 'HANDICAP':\n className = (color == 'white' ? 'handicap-white-cls-1' : \"handicap-grey-cls-1\");\n icon = \n break;\n case 'HANDICAP':\n className = (color == 'white' ? 'wifi-white-cls-1' : \"wifi-grey-cls-1\");\n className2 = (color == 'white' ? 'wifi-white-cls-2' : \"wifi-grey-cls-2\");\n icon = \n break;\n case 'WATER':\n //not added\n className = (color == 'white' ? 'water-white-cls-1' : \"water-grey-cls-1\");\n className2 = (color == 'white' ? 'water-white-cls-2' : \"water-grey-cls-2\");\n icon = \n break;\n case 'GAMING':\n //not added\n className = (color == 'white' ? 'game-white-cls-1' : \"game-grey-cls-1\");\n className2 = (color == 'white' ? 'game-white-cls-2' : \"game-grey-cls-2\");\n icon = \n break;\n default:\n icon = ;\n break;\n \n }\n return (\n {icon}\n );\n }\n}\n","import React, { Component } from 'react';\n\nexport default class SvgServiceList extends Component {\n static propTypes = {\n\n };\n\n render() {\n let icon;\n switch(this.props.name){\n case 'duration-arrow':\n icon = \n break;\n default:\n icon = ;\n break;\n\n }\n return (\n {icon}\n );\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport SvgHome from './SvgHome';\n\nexport default class KuposCounter extends Component {\n static propTypes = {\n value:PropTypes.number,\n step:PropTypes.number,\n error:PropTypes.bool,\n onChange:PropTypes.func\n };\n\n render() {\n return (\n \n
\n
\n ) : (\n \n )}\n \n \n 
\n \n \n {this.state.selectedPlace.bank ? this.state.selectedPlace.bank.name : ''}\n \n
\n \n Servicios: \n Recargas\n
\n \n Direccion: \n \n {this.state.selectedPlace.bank ? this.state.selectedPlace.bank.address : ''}\n \n
\n \n
\n PasajeBus.com\n
\n \n Codigo de comercio: \n \n {this.state.selectedPlace.bank\n ? this.state.selectedPlace.bank.pb_commerce_code\n : ''}\n \n
\n \n \n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport SvgHome from './SvgHome';\nimport CommonService from '../../services/commonService';\nimport DateService from '../../services/dateService';\nimport PropTypes from 'prop-types';\n// import moment from 'moment';\nimport ReactDOM from 'react-dom';\nimport KuposInput from './KuposInput';\n\nexport default class KuposTimePicker extends Component {\n static propTypes = {\n value: PropTypes.string,\n error: PropTypes.bool,\n errorMessage: PropTypes.string,\n onChange: PropTypes.func,\n placeholder: PropTypes.string,\n };\n\n constructor(props) {\n super(props);\n this.state = {\n showPicker: this.props.showOnSelect ? true : false ,\n };\n }\n\n componentDidMount() {\n document.addEventListener('click', this.handleClickOutside, true);\n }\n\n scrollIfNotInView = () => {\n if (this.el) {\n if (CommonService.isElementInView(this.el)) {\n console.log('In the viewport!');\n } else {\n this.el.scrollIntoView(false);\n }\n }\n };\n\n componentWillUnmount() {\n document.removeEventListener('click', this.handleClickOutside, true);\n }\n\n handleClickOutside = event => {\n const domNode = ReactDOM.findDOMNode(this);\n\n if (!domNode || !domNode.contains(event.target)) {\n // console.log('clicked outside',event)\n this.setState({ showPicker: false });\n }\n };\n\n onFocus = () => {\n this.setState({ showPicker: true });\n setTimeout(() => {\n this.scrollIfNotInView();\n }, 250);\n };\n\n onBlur = () => {};\n\n onChange = (counterType, arrowType) => {\n let time = this.props.value;\n let hours = time ? +time.split(':')[0] : 0;\n let minutes = time ? +time.split(':')[1] : 0;\n if (counterType == 'hours') {\n if (arrowType == 'up') {\n if(this.props.not24Hours){\n hours = hours + 1 >= 119 ? 119 : hours + 1;\n }else{\n hours = hours + 1 >= 23 ? 23 : hours + 1;\n }\n \n } else {\n hours = hours - 1 <= 0 ? 0 : hours - 1;\n }\n } else if (counterType == 'minutes') {\n if (arrowType == 'up') {\n minutes = minutes + 5 >= 55 ? 55 : minutes + 5;\n } else {\n minutes = minutes - 5 <= 0 ? 0 : minutes - 5;\n }\n }\n this.props.onChange(DateService.preZero(hours) + ':' + DateService.preZero(minutes));\n };\n\n onChangeInput = (val, counterType) => {\n let time = this.props.value;\n let hours = time ? +time.split(':')[0] : '00';\n let minutes = time ? +time.split(':')[1] : '00';\n let lastChar = val.substr(val.length - 1);\n let matches = val.match(/(\\d+)/);\n let valNew = matches ? matches[0] : 0;\n if (counterType == 'hours') {\n if(this.props.not24Hours){\n valNew = +valNew >= 119 ? 119 : +valNew;\n hours = +valNew <= 0 ? '00' : +valNew;\n }else{\n valNew = +valNew >= 23 ? 23 : +valNew;\n hours = +valNew <= 0 ? '00' : +valNew;\n }\n \n } else if (counterType == 'minutes') {\n valNew = +valNew >= 55 ? 55 : +valNew;\n minutes = +valNew <= 0 ? '00' : +valNew;\n }\n this.props.onChange(CommonService.preZero(+hours) + ':' + CommonService.preZero(+minutes));\n };\n onBlurInput = (val, counterType) => {\n let time = this.props.value;\n let hours = time ? +time.split(':')[0] : 0;\n let minutes = time ? +time.split(':')[1] : 0;\n this.props.onChange(DateService.preZero(hours) + ':' + DateService.preZero(minutes));\n };\n\n renderTimePicker = () => {\n return (\n \n ![](\"/images/icons/minus-round.png\")
(this.props.onChange ? this.props.onChange(+this.props.value - 1) : null)}/> */}\n {this.props.value}\n {/* ![](\"/images/icons/plus-round.png\")
(this.props.onChange ? this.props.onChange(+this.props.value + 1) : null)} /> */}\n
\n {this.props.error ? {this.props.errorMessage} : null}\n (this.props.onChange ? this.props.onChange(+this.props.value - 1) : null)} >
\n {/* (this.props.onChange ? this.props.onChange(+this.props.value - 1) : null)}/> */}\n {this.props.value}\n {/* (this.props.onChange ? this.props.onChange(+this.props.value + 1) : null)} /> */}\n (this.props.onChange ? this.props.onChange(+this.props.value + 1) : null)} >
\n \n
\n \n );\n };\n\n render() {\n // const selected = moment('2019-12-27').toDate()\n return (\n \n
\n this.onChange('hours', 'up')}>\n ![](\"/svgs/up.svg\")
\n
\n \n \n {/* {this.props.value ? this.props.value.split(':')[0] : '00'} */}\n this.onChangeInput(ev.target.value, 'hours')}\n onBlur={ev => this.onBlurInput(ev.target.value, 'hours')}\n />\n
\n this.onChange('hours', 'down')}>\n ![](\"/svgs/down.svg\")
\n
\n \n \n
\n {!this.props.hideAmPm ? \n this.onChange('minutes', 'up')}>\n \n
\n \n \n {/* {this.props.value ? this.props.value.split(':')[1] : '00'} */}\n this.onChangeInput(ev.target.value, 'minutes')}\n onBlur={ev => this.onBlurInput(ev.target.value, 'minutes')}\n />\n
\n this.onChange('minutes', 'down')}>\n \n
\n \n \n
\n : null }\n \n ![](\"/images/icons/icon-arrow.png\")
\n
\n \n \n {+(this.props.value ? this.props.value.split(':')[0] : '00') >= 12 ? 'PM' : 'AM'}\n
\n \n \n
\n \n \n {/* */}\n {!this.props.hideIcon ?
\n {this.state.showPicker ? this.renderTimePicker() : null}\n {this.props.error ? {this.props.errorMessage} : null}\n \n );\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport KuposSelectBox from './KuposSelectBox';\nimport KuposDatePicker from './KuposDatePicker';\nimport DateService from '../../services/dateService';\nimport KuposCounter from './KuposCounter';\nimport KuposTimePicker from './KuposTimePicker';\nimport KuposInput from './KuposInput';\n\nexport default class NewSearchBoxTransfer extends Component {\n static propTypes = {\n cities: PropTypes.array,\n openNewSearch: PropTypes.bool,\n newSearchTransfer: PropTypes.object,\n newSearch: PropTypes.func,\n t: PropTypes.func\n };\n constructor(props) {\n super(props)\n this.selectServiceOptions = [\n { value: 1, label: 'HOME.TO_AT' },\n { value: 2, label: 'HOME.FROM_AT' },\n ];\n this.state = {\n key: 1,\n atOriginText:this.props.transferData.selectedOrigin ? this.props.transferData.selectedOrigin.address : ''\n }\n this.textInput = React.createRef();\n }\n\n swapCities = () => {\n this.props.swapCities()\n this.setState({ key: this.state.key + 1 })\n }\n\n onChange = (val, type) => {\n this.props.onChange(val,type)\n }\n\n render() {\n const { t } = this.props;\n return (\n */}\n {!this.props.hideIcon ? \n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport CommonService from '../../services/commonService';\nimport i18next from 'i18next';\n\nexport default class ServiceFilter extends Component {\n static propTypes = {\n filtersArray: PropTypes.array.isRequired,\n onFilterSelected: PropTypes.func.isRequired,\n onFilterClear: PropTypes.func,\n t:PropTypes.func\n };\n\n renderFilterItem = (option, onClick) => {\n\n\n return (\n \n
\n \n {t('HOME.SERVICE')}\n this.onChange(val, 'service')}\n onInputChange={this.onInputChange}\n icon=\"/svgs/airport.svg\"\n error={this.state.transferServiceError ? true : false}\n errorMessage={this.props.t(this.state.transferServiceError)}\n placeholder={t('HOME.SERVICE')}\n height={40}\n t={t}\n />\n {/*
\n\n \n Source\n
*/}\n Source\n \n \n {this.props.transferData.selectedService &&\n this.props.transferData.selectedService.value == 2\n ? t('HOME.DESTINATION')\n : t('HOME.ORIGIN')}\n \n this.setState({ atOriginText: val })}\n onChange={val => this.onChange(val, 'origin')}\n placeholder={\n this.props.transferData.selectedService &&\n this.props.transferData.selectedService.value == 2\n ? t('HOME.DESTINATION')\n : t('HOME.ORIGIN')\n }\n icon=\"/images/icons/home/icon_source2.png\"\n height={40}\n // key={this.state.key}\n />\n {/*
\n\n \n Source\n
*/}\n Source\n \n {t('HOME.DATE')}\n this.onChange(val, 'date')}\n />\n {/*
\n \n Source\n
*/}\n Source\n \n {t('HOME.AIRPORT_TIME')}\n this.onChange(val, 'time')}\n error={this.state.transferTimeError ? true : false}\n errorMessage={this.state.transferTimeError}\n placeholder={'00:00'}\n />\n {/*
\n \n Source\n
*/}\n Source\n \n {t('HOME.KUPOS')}\n this.onChange(val, 'kupos')}\n />\n {/*
\n\n \n Source\n
*/}\n Source\n \n \n {' '}\n {t('HOME.SEARCH')}\n \n
\n {' '}\n {t('HOME.SEARCH')}\n \n \n {(option.type === 'time' || !CommonService.isTrain()) ? \n onClick(key)}\n >\n {val.icon ? (\n
\n );\n })\n : null\n } \n \n );\n };\n\n showClearFilter = () => {\n for (let f of this.props.filtersArray) {\n for (let o of f.options) {\n if (o.active) {\n return true;\n }\n }\n }\n return false;\n };\n\n clearFilter = () => {\n let filters = CommonService.copyObject(this.props.filtersArray);\n for (let f of filters) {\n for (let o of f.options) {\n o.active = false\n }\n }\n this.props.onFilterClear(filters)\n }\n\n render() {\n let {t} = this.props\n return (\n \n {this.props.t('RESULTS_PAGE.' + option.title)}\n
: null}\n {(option.type == \"time\" || !CommonService.isTrain()) ? option.options.map((val, key) => {\n return (\n \n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport KuposRadio from '../common/KuposRadio';\nimport PropTypes from 'prop-types';\nimport KuposCheckbox from '../common/KuposCheckbox';\nimport KuposInput from '../common/KuposInput';\nimport { KuposErrorSuccessModal, KuposModal, SvgHome } from '../common';\nimport CommonService from '../../services/commonService';\n// import { TermsAndConditions } from '../pages';\n\nexport default class PaymentOptions extends Component {\n static propTypes = {\n onPaymentSelect: PropTypes.func,\n selected: PropTypes.number,\n paymentGatewayList: PropTypes.array,\n isLoggedIn: PropTypes.bool,\n walletMoney: PropTypes.string,\n checkWallet: PropTypes.func,\n walletChecked: PropTypes.bool,\n onPay: PropTypes.func,\n bookTicketPending: PropTypes.bool,\n bookingError: PropTypes.string,\n onBookingErrorClick: PropTypes.func,\n onPromoCheckboxChange: PropTypes.func,\n promoCodeChecked: PropTypes.bool,\n promoCode: PropTypes.string,\n onPromoCodeChange: PropTypes.func,\n onPromoCodeBlur: PropTypes.func,\n onApplyPromoCode: PropTypes.func,\n applyPromoCodePending: PropTypes.bool,\n promoCodeError: PropTypes.string,\n tncChecked: PropTypes.bool,\n onTncChange: PropTypes.func,\n t: PropTypes.func,\n history: PropTypes.object,\n totalAmount: PropTypes.number,\n };\n constructor(props) {\n super(props);\n this.state = {\n tncError: false,\n };\n }\n\n tncChanged = () => {\n this.setState({ tncError: false });\n this.props.onTncChange();\n };\n\n onPay = () => {\n this.props.onPay();\n console.log(this.props.totalAmount);\n if (!this.props.selected && this.props.totalAmount > 0) {\n this.setState({ paymentError: true });\n return;\n } else {\n this.setState({ paymentError: false });\n }\n if (!this.props.tncChecked) {\n this.setState({ tncError: true });\n } else {\n this.setState({ tncError: false });\n }\n };\n\n render() {\n const { t } = this.props;\n return (\n \n
\n {this.showClearFilter() ? (\n {t('RESULTS_PAGE.FILTERS')}
\n \n {this.props.filtersArray.map((val, key) => {\n return this.renderFilterItem(val, i => this.props.onFilterSelected(val, key, i));\n })}\n
\n \n ![](\"/images/icons/close-window.svg\")
\n {t('RESULTS_PAGE.REMOVE_FILTERS')}\n
\n ) : null}\n \n {t('RESULTS_PAGE.REMOVE_FILTERS')}\n \n
\n\n \n\n {this.state.tncError ? (\n \n
\n ) : null}\n {/* \n
\n \n {t('PASSENGER_DETAILS.PAYMENT_OPTIONS.NORMAL')}\n {t('PASSENGER_DETAILS.PAYMENT_OPTIONS.BOLD')}\n
\n \n
\n\n \n \n {this.props.applyPromoCodePending ? (\n \n ) : (\n {t('PASSENGER_DETAILS.APPLY')}\n )}\n \n
\n ) : null}\n \n {console.log('Payment gateways', this.props.paymentGatewayList)}\n {this.props.paymentGatewayList &&\n this.props.paymentGatewayList.map((item, key) => (\n {\n this.setState({ paymentError: null, tncError: null });\n this.props.onPaymentSelect(item);\n }}\n >\n this.props.onPaymentSelect(item)}\n checked={item.code == this.props.selected}\n />\n \n {item.label\n .toLowerCase()\n .split(' ')\n .join('-') == 'web-pay-plus' ? (\n ![\"\"](\"/images/webpay_logo.png\")
\n ) : null}\n {item.label\n .toLowerCase()\n .split(' ')\n .join('-') == 'paypal' ? (\n ![\"\"](\"/images/paypal_logo.png\")
\n ) : null}\n {item.label\n .toLowerCase()\n .split(' ')\n .join('-') == 'banco-estado' ? (\n
\n ))}\n {this.props.isLoggedIn ? (\n \n ) : null}\n {item.label\n .toLowerCase()\n .split(' ')\n .join('-') == 'paypal' ? (\n \n ) : null}\n {item.label\n .toLowerCase()\n .split(' ')\n .join('-') == 'banco-estado' ? (\n \n \n
\n \n {\n this.setState({ paymentError: null, tncError: null });\n this.props.checkWallet();\n }}\n src=\"/images/kupos_pay_logo.png\"\n alt=\"\"\n />{' '}\n
\n \n {' '}\n {this.props.isLoggedIn\n ? CommonService.currency(this.props.walletMoney).split(',')[0]\n : 'CLP $0'}\n \n \n {\n this.setState({ paymentError: null, tncError: null });\n this.props.checkVirtual();\n }}\n label={'KuposCréditos'}\n labelStyle={{ fontSize: 12 }}\n labelBold={true}\n />\n \n {' '}\n {this.props.isLoggedIn\n ? CommonService.currency(this.props.virtualMoney).split(',')[0]\n : 'CLP $0'}\n \n
\n \n
*/}\n \n {t('PASSENGER_DETAILS.PLEASE_ACCEPT_TNC')}\n
\n ) : null}\n {this.state.paymentError ? (\n \n {t('PASSENGER_DETAILS.PLEASE_SELECT_PAYMENT')}\n
\n ) : null}\n\n \n \n {this.props.bookTicketPending ? (\n \n ) : (\n {t('PASSENGER_DETAILS.PAY')}\n )}\n \n
\n \n this.setState({ showTNCModel: false })}\n >\n
\n */}\n \n \n );\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport KuposCheckbox from './KuposCheckbox';\nimport DateService from '../../services/dateService';\nimport KuposModal from './KuposModal';\nimport CommonService from '../../services/commonService';\nimport KuposErrorSuccessModal from './KuposErrorSuccessModal';\nimport ApiUrls from '../../services/apiUrls';\nimport SvgHome from './SvgHome';\n\nexport class KuposPoolModal extends Component {\n static propTypes = {\n common: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n image: PropTypes.object.isRequired,\n googlePlay: PropTypes.string,\n appStore: PropTypes.string,\n t: PropTypes.func,\n metaData: PropTypes.object,\n };\n\n renderCancellationCard = image => {\n return (\n // \n //
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n common: state.common,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch),\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(KuposDateTimePicker);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport { KuposCounter } from '.';\n\nexport class KuposAtCounter extends Component {\n static propTypes = {\n // common: PropTypes.object.isRequired,\n // actions: PropTypes.object.isRequired,\n };\n\n render() {\n return (\n \n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport { KuposDatePicker, KuposTimePicker } from '.';\nimport DateService from '../../services/dateService';\n\nexport class KuposDateTimePicker extends Component {\n static propTypes = {\n common: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n };\n\n constructor(props) {\n super(props);\n\n this.state = {};\n }\n\n onDateChangeInternal = val => {\n this.setState({ showOnSelect: true });\n this.props.onDateChange(val, 'date');\n this.forceUpdate();\n };\n\n onFocus = () => {\n this.setState({ showOnSelect: false });\n };\n\n render() {\n // console.log('+++props in date time picker', this.props);\n return (\n \n 
\n\n \n
\n );\n };\n\n render() {\n return (\n ![\"\"](\"/images/kupos_pool.svg\")
\n \n \n
\n );\n }\n }\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n common: state.common,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch)\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(KuposPoolModal);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport SvgHome from './SvgHome';\nimport KuposModal from './KuposModal';\nimport KuposButton from './KuposButton';\n\nexport class DeleteBipCard extends Component {\n static propTypes = {\n common: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n t:PropTypes.func,\n userCards: PropTypes.object.isRequired,\n selectedItemForDeletion: PropTypes.number.isRequired,\n };\n\n constructor(props){\n super(props);\n this.state = {\n name: null,\n cardNumber: null\n };\n }\n\n renderName = (val, key) => {\n return {this.props.selectedItemForDeletion === key ? val.name : null};\n \n }\n renderCardNumber = (val, key) => {\n return {this.props.selectedItemForDeletion === key ? val.cardNumber : null};\n \n }\n render() {\n\n return (\n \n
\n \n \n
\n {this.renderCancellationCard(this.props.image)}\n \n \n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n common: state.common,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch)\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(DeleteBipCard);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport KuposModal from './KuposModal';\nimport SvgHome from './SvgHome';\nimport KuposInput from './KuposInput';\nimport KuposButton from './KuposButton';\n\nexport class AddNewBipCard extends Component {\n static propTypes = {\n common: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n t:PropTypes.func\n };\n\n render() {\n return (\n \n
\n \n \n
\n\n \n \n {this.props.t('PROFILE.REMOVE_BIP').split('\\n')[0]}\n
\n {this.props.t('PROFILE.REMOVE_BIP').split('\\n')[1]}\n \n
\n \n {this.props.t('PROFILE.REMOVE_BIP').split('\\n')[1]}\n \n
\n
\n\n \n
\n \n {this.props.t('PROFILE.NAME')}: \n \n {this.props.userCards\n ? this.props.userCards.map((val, key) => this.renderName(val, key))\n : null}\n
\n\n \n {this.props.t('PROFILE.CARD_NUMBER')}: \n \n {this.props.userCards\n ? this.props.userCards.map((val, key) => this.renderCardNumber(val, key))\n : null}\n
\n \n \n {this.props.t('PROFILE.REMOVE_BIP_BUTTON')}\n \n\n \n {this.props.t('PROFILE.KEEP_BIP_BUTTON')}\n \n
\n \n \n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n common: state.common,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch)\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(AddNewBipCard);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport KuposModal from './KuposModal';\nimport SvgHome from './SvgHome';\nimport KuposButton from './KuposButton';\nimport KuposInput from './KuposInput';\nimport CommonService from '../../services/commonService';\n\nexport class EditBipCard extends Component {\n static propTypes = {\n common: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n t:PropTypes.func,\n userCards: PropTypes.object.isRequired,\n selectedItemForEdit: PropTypes.number.isRequired,\n };\n\n constructor(props){\n super(props);\n this.state = {\n name: null,\n cardNumber: null\n };\n }\n\n getName = (val, key) => {\n return this.props.selectedItemForEdit === key? val.name: ''\n }\n\n getCardNumber = (val, key) => {\n return this.props.selectedItemForEdit === key? val.cardNumber: ''\n }\n\n\n\n render() {\n\n console.log('Edit Item', this.props.selectedItemForEdit);\n\n // {\n // this.props.userCards\n // ? this.props.userCards.map((val, key) => this.getDetails(val, key))\n // : null;\n // }\n return (\n \n
\n \n \n
\n \n
\n \n {this.props.t('PROFILE.ADD_BIP_HEADING')}\n
\n \n ![](\"/images/example_bip_card.png\")
\n
\n \n \n
\n\n \n
\n \n {}}\n // onChange={val => this.setState({ rechargeAmount: val })}\n />\n
\n\n \n {this.props.t('PROFILE.NAME')}\n
\n\n \n {}}\n // onChange={val => this.setState({ rechargeAmount: val })}\n />\n
\n \n {this.props.t('PROFILE.CARD_NUMBER')}\n
\n\n \n \n {this.props.t('PROFILE.ADD_BIP_CARD_BUTTON')}\n \n
\n \n \n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n common: state.common,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch)\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(EditBipCard);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport KuposModal from './KuposModal';\nimport SvgCircularIcons from './SvgCircularIcons';\nimport SvgHome from './SvgHome';\n\nexport class KuposGoModal extends Component {\n static propTypes = {\n common: PropTypes.object,\n actions: PropTypes.object,\n };\n\n render() {\n return (\n \n
\n \n \n
\n\n \n \n {this.props.t('PROFILE.MODIFY_CARD_TITLE')}\n \n
\n \n
\n\n \n
\n \n this.getName(val, key))\n : null,\n )}\n // onBlur={() => {}}\n // onChange={val => this.setState({ rechargeAmount: val })}\n />\n
\n\n \n {this.props.t('PROFILE.NAME')}\n
\n\n \n this.getCardNumber(val, key))\n : null)\n }\n // onBlur={() => {}}\n // onChange={val => this.setState({ rechargeAmount: val })}\n />\n
\n \n {this.props.t('PROFILE.CARD_NUMBER')}\n
\n\n \n \n {this.props.t('PROFILE.SAVE_CHANGES_BUTTON')}\n \n
\n \n \n
\n );\n }\n }\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n common: state.common,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch)\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(KuposGoModal);\n","import React, { Component } from 'react';\nimport KuposModal from './KuposModal';\nimport SvgHome from './SvgHome';\nimport PropTypes from 'prop-types';\n\nexport default class BipInfoModal extends Component {\n static propTypes = {\n image: PropTypes.object.isRequired,\n t: PropTypes.func,\n };\n\n render() {\n return (\n \n
\n \n \n
\n \n
\n \n \n
\n \n \n {this.props.t('HOME.THANK_YOU')}\n
\n\n \n {this.props.t('HOME.KUPOS_GO_1')}\n
\n \n {this.props.t('HOME.KUPOS_GO_2')}\n
\n\n \n \n
\n \n \n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport KuposModal from './KuposModal';\nimport SvgHome from './SvgHome';\nimport KuposInput from './KuposInput';\nimport KuposButton from './KuposButton';\n\nexport class AddNewCard extends Component {\n static propTypes = {\n common: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n t:PropTypes.func\n };\n\n render() {\n return (\n \n
\n \n \n
\n \n 
\n
\n \n \n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n common: state.common,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch)\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(AddNewCard);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport KuposModal from './KuposModal';\nimport SvgHome from './SvgHome';\nimport KuposButton from './KuposButton';\nimport KuposInput from './KuposInput';\nimport CommonService from '../../services/commonService';\n\nexport class EditCard extends Component {\n static propTypes = {\n common: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n t:PropTypes.func,\n userCards: PropTypes.object.isRequired,\n selectedItemForEdit: PropTypes.number.isRequired,\n };\n\n constructor(props){\n super(props);\n this.state = {\n name: null,\n cardNumber: null\n };\n }\n\n getName = (val, key) => {\n return this.props.selectedItemForEdit === key ? val.name : '';\n }\n\n getExpiry = (val, key) => {\n return this.props.selectedItemForEdit === key ? val.MMAA : '';\n }\n\n getCardNumber = (val, key) => {\n return this.props.selectedItemForEdit === key? val.cardNumber: ''\n }\n\n render() {\n console.log('Edit Item', this.props.selectedItemForEdit);\n return (\n \n
\n \n \n
\n \n
\n \n {this.props.t('PROFILE.ADD_CARD_HEADING')}\n
\n {/* \n \n
*/}\n \n \n
\n\n \n
\n \n {}}\n // onChange={val => this.setState({ rechargeAmount: val })}\n />\n
\n\n \n {this.props.t('PROFILE.CARD_NUM_ADD_CARDS')}\n
\n\n \n
\n\n \n {}}\n // onChange={val => this.setState({ rechargeAmount: val })}\n />\n
\n\n \n {this.props.t('PROFILE.EXPIRATION')}\n
\n\n \n {}}\n // onChange={val => this.setState({ rechargeAmount: val })}\n />\n
\n \n {this.props.t('PROFILE.CVV_CODE')}\n
\n\n \n {}}\n // onChange={val => this.setState({ rechargeAmount: val })}\n />\n
\n \n {this.props.t('PROFILE.NAME_ADD_CARD')}\n
\n\n \n \n {this.props.t('PROFILE.ADD_CARD_HEADING')}\n \n
\n \n \n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n common: state.common,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch)\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(EditCard);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport SvgHome from './SvgHome';\nimport KuposModal from './KuposModal';\nimport KuposButton from './KuposButton';\n\nexport class DeleteCard extends Component {\n static propTypes = {\n common: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n t:PropTypes.func,\n userCards: PropTypes.object.isRequired,\n selectedItemForDeletion: PropTypes.number.isRequired,\n };\n\n constructor(props){\n super(props);\n this.state = {\n name: null,\n cardNumber: null\n };\n }\n\n renderName = (val, key) => {\n return {this.props.selectedItemForDeletion === key ? val.name : null};\n \n }\n renderCardNumber = (val, key) => {\n return {this.props.selectedItemForDeletion === key ? val.cardNumber : null};\n \n }\n render() {\n\n return (\n \n
\n \n \n
\n\n \n \n {this.props.t('PROFILE.MODIFY_CARD_TITLE')}\n \n\n
\n \n
\n\n \n
\n \n this.getCardNumber(val, key))\n : null,\n )}\n // value={this.state.rechargeAmount}\n // onBlur={() => {}}\n // onChange={val => this.setState({ rechargeAmount: val })}\n />\n
\n\n \n {this.props.t('PROFILE.CARD_NUM_ADD_CARDS')}\n
\n\n \n
\n\n \n this.getExpiry(val, key))\n : null,\n )}\n // value={this.state.rechargeAmount}\n // onBlur={() => {}}\n // onChange={val => this.setState({ rechargeAmount: val })}\n />\n
\n\n \n {this.props.t('PROFILE.EXPIRATION')}\n
\n\n \n {}}\n // onChange={val => this.setState({ rechargeAmount: val })}\n />\n
\n \n {this.props.t('PROFILE.CVV_CODE')}\n
\n\n \n this.getName(val, key))\n : null,\n )}\n // value={this.state.rechargeAmount}\n // onBlur={() => {}}\n // onChange={val => this.setState({ rechargeAmount: val })}\n />\n
\n \n {this.props.t('PROFILE.NAME_ADD_CARD')}\n
\n\n \n \n {this.props.t('PROFILE.SAVE_CHANGES_BUTTON')}\n \n
\n \n \n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n common: state.common,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch)\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(DeleteCard);\n","import React, { Component } from 'react';\nimport KuposModal from './KuposModal';\nimport SvgHome from './SvgHome';\nimport PropTypes from 'prop-types';\n\nexport default class TicketConfirmModal extends Component {\n static propTypes = {\n image: PropTypes.object.isRequired,\n t: PropTypes.func,\n };\n\n render() {\n return (\n \n
\n \n \n
\n\n \n \n {this.props.t('PROFILE.REMOVE_CARD').split('\\n')[0]}\n
\n {this.props.t('PROFILE.REMOVE_CARD').split('\\n')[1]}\n \n
\n \n {this.props.t('PROFILE.REMOVE_CARD').split('\\n')[1]}\n \n
\n
\n\n \n
\n \n {this.props.t('PROFILE.NAME')}: \n \n {this.props.userCards\n ? this.props.userCards.map((val, key) => this.renderName(val, key))\n : null}\n
\n\n \n {this.props.t('PROFILE.CARD_NUMBER')}: \n \n {this.props.userCards\n ? this.props.userCards.map((val, key) => this.renderCardNumber(val, key))\n : null}\n
\n \n \n {this.props.t('PROFILE.REMOVE_BIP_BUTTON')}\n \n\n \n {this.props.t('PROFILE.KEEP_BIP_BUTTON')}\n \n
\n \n \n
\n );\n }\n}","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport Select from 'react-select';\n\nexport class DropdownComponent extends Component {\n static propTypes = {\n common: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n };\n\n render() {\n return (\n \n
\n \n \n
\n \n \n
\n \n this.props.onChange(val)}\n placeholder={this.props.placeholder}\n options={this.props.options}\n value={this.props.value}\n isDisabled={this.props.disabled}\n isMulti={this.props.multiple || false}\n styles={{ height: 44 }}\n />\n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n common: state.common,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch),\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(DropdownComponent);\n","import React, { Component } from 'react';\nimport { TextField } from '@material-ui/core';\n\nexport default class MaterialInputField extends Component {\n static propTypes = {};\n\n constructor(props) {\n super(props);\n\n this.state = {};\n }\n\n render() {\n return (\n \n {this.props.label ? (\n {this.props.label}\n ) : null}\n
\n \n {this.props.error ? (\n {this.props.errorMessage}\n ) : null}\n
\n \n {this.props.select ? (\n this.props.onChange(event.target.value)}\n SelectProps={{\n native: true,\n }}\n error={this.props.error}\n helperText={this.props.error ? this.props.errorMessage : null}\n variant=\"filled\"\n >\n {this.props.options.map(option => (\n \n ))}\n \n ) : (\n this.props.onChange(event.target.value)}\n helperText={this.props.error ? this.props.errorMessage : null}\n error={this.props.error}\n color=\"primary\"\n />\n )}\n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport DateService from '../../services/dateService';\nimport CommonService from '../../services/commonService';\n\nexport class StripDateFilter extends Component {\n static propTypes = {\n common: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n };\n\n constructor(props) {\n super(props);\n this.state = {\n datesToShow: [],\n };\n\n this.calculateDatesToShow();\n }\n\n calculateDatesToShow = () => {\n let currentUTC = DateService.getCurrentTimeUTC();\n\n for (let i = 0; i < 6; i++) {\n let d = CommonService.convertUTCDateToLocalDate(currentUTC);\n this.state.datesToShow.push(d);\n currentUTC = currentUTC + 60 * 60 * 24;\n }\n };\n\n calculateNextAndPreviousDate = (date, type) => {\n // console.log('utc of last day----', date, type);\n\n let c = DateService.changeDateFormat(date, 'dd-mm-yyyy', 'yyyy-mm-dd');\n // console.log('utc converted date is-----',c,type)\n\n let lastDayUTC = CommonService.getTimeInSeconds(c + 'T' + '00:00');\n\n lastDayUTC = type == 'NEXT_DATE' ? lastDayUTC + 60 * 60 * 24 : lastDayUTC - 60 * 60 * 24;\n // console.log('utc number is AFTER----',lastDayUTC,type)\n\n let dateToAdd = CommonService.convertUTCDateToLocalDate(lastDayUTC);\n return dateToAdd;\n };\n\n onNextDay = () => {\n let data = this.state.datesToShow;\n let lastElement = data[data.length - 1];\n\n let date = this.calculateNextAndPreviousDate(lastElement, 'NEXT_DATE');\n console.log('utc date to add is----', date);\n data.shift();\n data.push(date);\n this.setState({ datesToShow: data });\n // console.log('utc array after pushing next elements', this.state.datesToShow);\n };\n\n onPreviousDay = () => {\n let data = this.state.datesToShow;\n let firstElement = data[0];\n let currentUTC = DateService.getCurrentTimeUTC();\n let firstDayDate = DateService.changeDateFormat(firstElement, 'dd-mm-yyyy', 'yyyy-mm-dd');\n let firstDayUTC = CommonService.getTimeInSeconds(firstDayDate + 'T' + '00:00');\n\n console.log('current and first day utc is ', currentUTC, firstDayUTC);\n if (currentUTC < firstDayUTC) {\n let date = this.calculateNextAndPreviousDate(firstElement, 'PREVIOUS_DATE');\n data.pop();\n data.unshift(date);\n this.setState({ datesToShow: data });\n } else {\n return;\n }\n\n // console.log('utc array after pushing previous elements', this.state.datesToShow);\n };\n\n render() {\n // console.log('new data arty object is', this.props);\n return (\n \n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n common: state.common,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch),\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(StripDateFilter);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nexport default class DataNotFound extends Component {\n static propTypes = {\n icon: PropTypes.string,\n title: PropTypes.string,\n subTitle: PropTypes.string,\n infoTexts: PropTypes.string,\n onInfoClick: PropTypes.func,\n };\n\n render() {\n return (\n \n this.props.onStripDateClick(data)}\n >\n {data}\n \n );\n })}\n\n
\n \n ![](\"/images/icons/left.png\")
\n
\n {this.state.datesToShow &&\n this.state.datesToShow.map(data => {\n // console.log('new array to display', this.state.datesToShow.slice(-6));\n return (\n \n \n ![](\"/images/icons/right.png\")
\n
\n \n \n
\n \n \n
\n {this.props.title}
\n {this.props.subTitle}
\n \n \n {this.props.infoText}\n
\n \n \n this.onDateChangeInternal(val)}\n minDate={DateService.getTodayString()}\n // error={this.state.transferDateError ? true : false}\n // errorMessage={this.state.transferDateError}\n placeholder={this.props.datePlaceholder}\n placeholder={'Date'}\n newStyle=\"border-less-date-input\"\n disabled={this.props.disabled}\n optional={this.props.optional}\n onFocus={this.onFocus}\n />\n\n {this.state.showOnSelect && (\n this.props.onTimeChange(val, 'time')}\n // error={this.state.transferTimeError ? true : false}\n // errorMessage={t(this.state.transferTimeError)}\n placeholder={this.props.optional ? '' : '00:00'}\n newStyle=\"border-less-time-input\"\n hideIcon={true}\n fullWidthPicker={true}\n showIconsOnAmPm={true}\n showAmPm={this.props.optional ? false : true}\n disabled={this.props.disabled}\n optional={this.props.optional}\n showPicker={this.props.disabled ? false : true}\n showOnSelect={this.state.showOnSelect}\n />\n )}\n
\n {this.props.error ? (\n {this.props.errorMessage}\n ) : // {this.props.t(this.props.errorMessage)}\n null}\n \n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n common: state.common,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch),\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(KuposAtCounter);\n","import React from 'react';\n\nconst KuposListLoader = () => {\n return (\n \n this.props.onTransferChange(val, 'kupos_adult')}\n noBorder\n />\n
\n {this.props.borderBottom ? : null}\n \n
\n \n
\n \n
\n \n \n {this.props.kuposType === 'kupos_adult'\n ? 'Adultos'\n : this.props.kuposType === 'kupos_kid'\n ? 'Ninos'\n : this.props.kuposType === 'kupos_infant'\n ? 'Bebes (sin costo)'\n : null}\n \n
\n \n \n {this.props.kuposType === 'kupos_adult'\n ? '+ 13 anos'\n : this.props.kuposType === 'kupos_kid'\n ? '2 + 13 anos'\n : this.props.kuposType === 'kupos_infant'\n ? 'Manores de 2 anos'\n : null}\n \n
\n \n
\n );\n};\n\nexport default KuposListLoader;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport { GoogleApiWrapper } from 'google-maps-react';\nimport AppData from '../../services/appData';\nimport CommonService from '../../services/commonService';\n\nclass KuposHybridInput extends Component {\n static propTypes = {\n placeholder: PropTypes.string,\n value: PropTypes.string,\n onChange: PropTypes.func,\n onTextChange: PropTypes.func,\n onBlur: PropTypes.func,\n disabled: PropTypes.bool,\n inputWidth: PropTypes.object,\n focused: PropTypes.object,\n fontSize: PropTypes.object,\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n focused: this.props.focused,\n };\n\n // this.textInput = React.createRef();\n // this.focusTextInput = this.focusTextInput.bind(this);\n }\n\n componentDidMount() {\n this.renderAutoComplete();\n }\n\n renderAutoComplete = () => {\n const { google } = this.props;\n\n if (!google) return;\n var options = {\n componentRestrictions: { country: 'cl' },\n };\n\n const autocomplete = new google.maps.places.Autocomplete(this.autocomplete, options);\n // autocomplete.bindTo('bounds', map);\n\n autocomplete.addListener('place_changed', () => {\n const place = autocomplete.getPlace();\n\n console.log('place.geometry.location.lat()', place);\n if (!place.geometry) return;\n this.props.onChange({\n location: { lat: place.geometry.location.lat(), lon: place.geometry.location.lng() },\n address:\n (place.name ? place.name + ' - ' : '') +\n CommonService.normalizeAddress(place.formatted_address),\n });\n if (this.props.onTextChange) {\n this.props.onTextChange(\n (place.name ? place.name + ' - ' : '') +\n CommonService.normalizeAddress(place.formatted_address),\n );\n }\n });\n };\n\n onFocusChange = () => {\n // this.props.focused ? this.setState({ focused: false }) : null;\n };\n\n render() {\n return (\n \n {/* */}\n
\n \n \n
\n \n \n \n
\n \n \n {this.props.icon ? : null}\n (this.autocomplete = ref)}\n type=\"text\"\n className={\n this.props.fontSize\n ? this.props.fontSize + ' common-kupos-pleaces-input'\n : 'font11 common-kupos-pleaces-input'\n }\n placeholder={this.props.placeholder}\n onFocus={event => this.props.onFocus(event.target)}\n value={this.state.focused ? null : this.props.value}\n style={this.props.inputWidth}\n onChange={\n this.props.onTextChange ? event => this.props.onTextChange(event.target.value) : null\n }\n onBlur={this.props.onBlur ? event => this.props.onBlur(event.target.value) : null}\n disabled={this.props.disabled}\n readOnly={this.props.readOnly}\n />\n\n {this.props.value && this.props.erasable ? (\n
\n {this.props.error ? (\n {this.props.errorMessage}\n ) : null}\n \n );\n }\n}\n\nexport default GoogleApiWrapper({\n apiKey: AppData.MAP_API_KEY,\n})(KuposHybridInput);\n\n// export default connect(\n// mapStateToProps,\n// mapDispatchToProps\n// )(KuposHybridInput);\n","import './Aside.scss'\nimport React from 'react';\nimport {\n ProSidebar,\n Menu,\n MenuItem,\n SubMenu,\n SidebarHeader,\n SidebarFooter,\n SidebarContent,\n} from 'react-pro-sidebar';\nimport sidebarBg from '../../images/Asidebg.jpg';\nimport { useHistory } from 'react-router';\nimport CommonService from '../../services/commonService';\n\nconst Aside = ({ image, collapsed, rtl, toggled, handleToggleSidebar }) => {\n const history = useHistory()\n\n\n return CommonService.authToken ? (\n \n ![](\"/images/icons/home/at-x-mark.png\")
\n
\n ) : null}\n \n \n// this.setState({ minimiseMenu: !this.state.minimiseMenu })}\n// >\n// \n// \n//
\n// - \n// {/*
- \n//
- this.props.history.push('/clients')}>\n//
- \n//
- \n//
- this.props.history.push('/blocks-unblocks')} className={pathName == \"/blocks-unblocks\" ? \"active-link\" : null}>\n// \n// \n// \n// Bloqueo/desbloqueo\n// \n//
- this.props.history.push('/users')} className={pathName == \"/users\" ? \"active-link\" : null}>\n// \n// \n// \n// Manejo de asuarios\n// \n//
- this.props.history.push('/cancellation-policies')} className={pathName == \"/cancellation-policies\" ? \"active-link\" : null}>\n// \n// \n// \n// Politicas de cancelación\n// \n//
- \n//
- \n//
- this.props.history.push('/vehicles')} className={pathName == \"/vehicles\" ? \"active-link\" : null}>\n// Manejo de servicios\n// \n//
- this.props.history.push('/services')} className={pathName == \"/services\" ? \"active-link\" : null}>\n// Manejo de precios de
servicios\n// \n// - this.props.history.push('/locations')} className={pathName == \"/locations\" ? \"active-link\" : null}>\n// Manejo de locaciones\n// \n//
- this.props.history.push('/location-areas')} className={pathName == \"/location-areas\" ? \"active-link\" : null}>\n// Manejo de áreas\n// \n//
- this.props.history.push('/c-vehicles')} className={pathName == \"/c-vehicles\" ? \"active-link\" : null}>\n// Manejo de vehículo\n// \n//
- this.props.history.push('/old-services')} className={pathName == \"/old-services\" ? \"active-link\" : null}>\n// Manejo de precios de servicios (viejos)\n// \n//
- this.props.history.push('/drivers')} className={pathName == \"/drivers\" ? \"active-link\" : null}>\n// Gestión de conductores\n// \n// {/*
- this.props.history.push('/cancellation-policies')} className={pathName == \"/drivers\" ? \"active-link\" : null}>\n// Cancellation Policies\n// */}\n//
- \n//
- this.props.history.push('/countries')} className={pathName == \"/countries\" ? \"active-link\" : null}>\n// Manejo de países\n// \n//
- this.props.history.push('/states')} className={pathName == \"/states\" ? \"active-link\" : null}>\n// Manejo de regiones\n// \n//
- this.props.history.push('/cities')} className={pathName == \"/cities\" ? \"active-link\" : null}>\n// Manejo de ciudades\n// \n//
- this.props.history.push('/branches')} className={pathName == \"/branches\" ? \"active-link\" : null}>\n// Manejo de sucursales\n// \n//
- this.props.history.push('/counters')} className={pathName == \"/counters\" ? \"active-link\" : null}>\n// Manejo de cajas\n// \n//
- this.props.history.push('/pos')} className={pathName == \"/pos\" ? \"active-link\" : null}>\n// Manejo de POS\n// \n//
- this.props.history.push('/shifts')} className={pathName == \"/shifts\" ? \"active-link\" : null}>\n// Manejo de turnos\n// \n//
- this.props.history.push('/exchange-rates')} className={pathName == \"/exchange-rates\" ? \"active-link\" : null}>\n// Manejo de tasa de conversión\n// \n//
- this.props.history.push('/income-expense')} className={pathName == \"/income-expense\" ? \"active-link\" : null}>\n// Lista de gastos e ingresos\n// \n//
- \n//
- this.props.history.push('/vehicles')}>\n// Manejo de servicios\n// \n//
- this.props.history.push('/drivers')}>\n// Gestión de conductores\n// \n//
\n//
\n// ) : null}\n\n// {CommonService.isRole('Super Admin') || CommonService.isRole('Sales') ? (\n// - \n//
- \n//
\n\n// {CommonService.isRole('Super Admin') || CommonService.isRole('Sales') ? (\n// - \n//
- \n//
- \n//
- \n//
- */}\n//
\n url && history.push(url)}>\n \n {addTitle}\n \n \n
\n}\n\nexport default AddButton","import React from 'react'\nimport { useHistory } from 'react-router-dom'\nimport KuposButton from './KuposButton'\n\nconst ActionButtons = ({ view, url, handleDelete, imageUrl, val }) => {\n const history = useHistory()\n return {title}
\n \n {view &&\n view(val)}>\n Ver\n \n }\n\n {url &&\n history.push(url)}>\n Editar\n \n }\n\n {handleDelete &&\n \n Eliminar\n \n }\n\n {imageUrl &&\n history.push(imageUrl)}>\n Images\n \n }\n
\n}\n\nexport default ActionButtons","import React, { useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport CommonService from '../../services/commonService';\nimport { Aside, KuposButton, KuposModalWithButtons } from '../common';\nimport DateService from '../../services/dateService';\nimport ApiUrls from '../../services/apiUrls';\nimport { setLoginData } from '../common/redux/setLoginData'\nimport { setClientInfo } from '../common/redux/setClientInfo'\nimport { apiCall } from './redux/apiCall';\n\nconst App = (props) => {\n const dispatch = useDispatch()\n const [aside, setAside] = useState({ toggled: false, collapsed: true })\n const [loginTime, setLoginTime] = useState()\n const [showLogoutModal, setShowLogoutModal] = useState(false)\n\n useEffect(() => {\n let currentUser = localStorage.getItem('currentUser');\n setLoginTime(localStorage.getItem('loginTime'))\n if (currentUser) {\n let currentUserJson = JSON.parse(currentUser);\n if (currentUserJson.access_token) {\n CommonService.authToken = currentUserJson.access_token;\n dispatch(setLoginData(currentUserJson));\n // if (window.location.href.indexOf('login') > -1) {\n // this.props.history.push('/');\n // }\n }\n }\n getClientInfo();\n //eslint-disable-next-line\n }, [])\n\n\n const getClientInfo = () => {\n dispatch(apiCall({ url: ApiUrls.getClientInfo(window.location.host), callback: res => onClientResponse(res) }))\n };\n\n const onClientResponse = (res) => {\n console.log('client res api', res);\n if (res && res.data && res.data.success) {\n dispatch(setClientInfo(res.data.data));\n // CommonService.setLocal('clientInfo',res.data.data)\n }\n }\n\n const renderLogoutModal = () => {\n return (\n \n
\n {renderLogoutModal()}\n \n );\n}\n\nexport default App;\n","import React from 'react';\nimport CommonService from '../../services/commonService';\nimport './printTicket.css';\n\nclass PrintTicket extends React.Component {\n state = this.props;\n\n render() {\n \n let clientInfo = CommonService.getLocal('clientInfo')\n console.log('client info in print ticket-------', clientInfo && clientInfo);\n var styles1 = {\n // color: '#717b84',\n fontSize: '12px',\n lineHeight: '15px',\n display: 'block',\n fontWeight: 'normal',\n };\n\n var center = {\n textAlign: 'center',\n\n fontSize: '12px',\n fontWeight: 'bold',\n };\n\n var font12PX = {\n textAlign: 'center',\n fontSize: '14px',\n fontWeight: 'bold',\n };\n var ticketCost = {\n color: '#1dade4',\n };\n var imageSize = {\n maxWidth: '200px',\n width: '200px',\n };\n\n var horizontalRuler = {\n border: '1px solid #fee3a8',\n };\n\n var minWidth = {\n minWidth: '200px',\n };\n\n return (\n // \n
\n \n
\n \n {CommonService.authToken ? (\n
\n ) : null}\n {props.children}\n \n
\n \n
\n \n {props.location &&\n props.location.pathname.includes('/counter-dashboard') ? (\n setShowLogoutModal(true)}\n >\n ![](\"/images/logout.png\")
\n
\n \n props.history.push('/shift-summary-report')}\n >\n Cerrar caja\n \n
\n ) : null}\n \n
\n Bienvenido {CommonService.userName()}
\n \n {DateService.changeDateFormat(\n CommonService.loginTime().split('T')[0],\n 'dd-mm-yyyy',\n 'dd/mm/yyyy',\n )}{' '}\n -{' '}\n {DateService.convertTime12to24New(CommonService.loginTime().split('T')[1]) +\n DateService.ampmOnly(CommonService.loginTime().split('T')[1])}\n
\n \n \n //
\n Some data to print
\n // \n \n
\n\n \n {/* */}\n Terminos y Condiciones\n {/* */}\n \n \n {/* */}\n \n Nota: este boleto es válido para la fecha y hora señalada. La devolución y/o cambio se\n aceptará hasta 4 horas antes del inicio del servicio. Si canceló en efectivo se\n devolverá: el 85% (Art. 67 d.s. 212/92 MT). Si el valor del equipaje excede de las 5\n UTM, es su obligación declarar previamente en la oficina de origen (Art. 76 d.s. 212/92\n MT). Los boletos no confirmados tendrán una vigencia de 6 meses, desde la fecha de\n venta. No se aceptan boletos rotos o enmendados. La empresa no se hace responsable por\n perdidas al interior del bus. La empresa se reserva el derecho a cambiar el tipo de bus\n por otro de similares características.\n \n {/* */}\n \n\n \n {/* */}\n D.S. 212 Artículo N# 68\n {/* */}\n \n \n {/* */}\n \n Usted tiene derecho a llevar hasta 30 kilos de equipaje sin costo, siempre que el\n volumen no exceda 180 decímetros cúbicos, si peso y decímetros cúbicos del equipaje son\n mayores al establecido, se deberá cancelar el costo adicional. Compra tus boletos en\n \n {/* */}\n \n \n \n
\n \n \n\n \n www.transferdelfos.com \n \n
\n );\n }\n}\n\nexport default PrintTicket;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport { KuposInput, KuposModal, SvgHome } from '../common';\n\nexport class BookingPaymentModel extends Component {\n static propTypes = {\n home: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n };\n\n constructor(props) {\n super(props);\n\n this.state = {};\n }\n\n componentDidMount() {\n this.props.selectedPaymentMethod.forEach(element => {\n if (element.active) {\n this.setState({ choosenPaymentMethod: element });\n }\n });\n }\n\n onChange = val => {\n this.setState({ transRefNo: val, transRefNoError: null });\n this.props.onInputChange(val);\n };\n\n onButtoPress = () => {\n if (!this.state.transRefNo) {\n this.setState({ transRefNoError: { message: 'Por favor ingrese los detalles de la transacción ' } });\n return;\n }\n\n if (\n this.state.choosenPaymentMethod.label != 'Trans bancaria' &&\n this.state.transRefNo &&\n this.state.transRefNo.length != 6\n ) {\n this.setState({\n transRefNoError: { message: 'Ingrese los últimos 6 dígitos del número de la tarjeta' },\n });\n\n return;\n }\n\n this.props.button1Press();\n };\n\n render() {\n console.log('selectedPaymentMethod', this.props.selectedPaymentMethod);\n\n return (\n | */}\n | */}\n ||
| \n\n {this.props.printData.data.txn_subtype === 'FROM_AIRPORT'\n ? this.props.printData.data.customer_address\n : 'Airport'}\n | \n||
| \n {this.props.printData.data.confirm_deadline_utc &&\n this.props.printData.data.confirm_deadline_utc != 0\n ? `BOLETO PENDIENTE. Valido hasta ${this.props.printData.data.confirm_deadline_stg} Asegúrese de recolectar el dinero del boleto antes de confirmarlo.`\n : null}\n | \n||
| Origen : | \n{this.props.printData.data.pickup_address || this.props.printData.origin} | \n {/*{ this.props.printData.origin} | */}\n
| Destino : | \n{this.props.printData.data.drop_address || this.props.printData.destination} | \n {/*{ this.props.printData.destination} | */}\n
| Tipo de servicio : | \n{this.props.printData.data.service_type} | \n|
| Cupos : | \n{this.props.printData.data.no_of_seats} | \n|
| PNR : | \n\n {this.props.printData.data.pnr_no || this.props.printData.pnr_no || 'AT0000000'}\n | \n|
| Normbre del Pasajero : | \n{this.props.printData.data.customer_name || ''} | \n|
| {CommonService.capitalize(this.props.printData.data.identity_type)} : | \n{this.props.printData.data.identity_value || ''} | \n|
| Nacionalidad : | \n{this.props.printData.data.nationality || ''} | \n|
| \n \n Normbre del Pasajero : {this.props.printData.data.customer_name || ''}\n \n \n {CommonService.capitalize(this.props.printData.data.identity_type) +\n ' ' +\n this.props.printData.data.identity_value}{' '}\n \n \n Nacionalidad : {this.props.printData.data.nationality || ''}\n \n | \n||
| Fecha de Viaje : | \n{this.props.printData.date || this.props.printData.data.trip_ref_date} | \n|
| Hora de recogida : | \n{this.props.printData.time || this.props.printData.data.trip_ref_time} | \n|
| Precio de Pasaje : | \n\n \n {CommonService.currency(this.props.printData.data.total_amount)}\n {' '}\n | \n|
| Monto total : | \n\n {CommonService.currency(this.props.printData.data.total_amount)}\n | \n|
| Descuento total: | \n{CommonService.currency(this.props.printData.data.discount_amount) || 0} | \n|
| Tarifa adicional : | \n{CommonService.currency(this.props.printData.data.additional_fare) || 0} | \n|
| Monto neto : | \n\n {' '}\n {this.props.printData.data.price_type === 'PER_PERSON'\n ? CommonService.currency(\n this.props.printData.data.price * this.props.printData.data.no_of_seats +\n this.props.printData.data.additional_fare -\n this.props.printData.data.discount_amount || 0,\n )\n : CommonService.currency(\n this.props.printData.data.price +\n this.props.printData.data.additional_fare -\n this.props.printData.data.discount_amount || 0,\n )}\n | \n|
| Reservado por : | \n{this.props.printData.data.user_name} | \n|
| Impreso por : | \n{this.props.printData.data.user_name} | \n
\n
\n \n
\n \n \n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n home: state.home,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch),\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(BookingPaymentModel);\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport * as actions from './redux/actions';\r\nimport CommonService from '../../services/commonService';\r\nimport DateService from '../../services/dateService';\r\nimport KuposDatePicker from '../common/KuposDatePicker';\r\nimport KuposTimePicker from '../common/KuposTimePicker';\r\nimport {\r\n // AtInput,\r\n // SvgHome,\r\n // AtCounter,\r\n // AtTimePicker,\r\n KuposInput,\r\n KuposButton,\r\n KuposRadio,\r\n KuposSteps,\r\n DropdownComponent,\r\n KuposErrorSuccessModal,\r\n KuposHybridInput,\r\n} from '../common';\r\nimport AppData from '../../services/appData';\r\nimport PrintTicket from './printTicket';\r\nimport { StripDateFilter } from '../common/StripDateFilter';\r\nimport DataNotFound from '../common/DataNotFound';\r\nimport ApiUrls from '../../services/apiUrls';\r\nimport { BookingPaymentModel } from './BookingPaymentModel';\r\nimport { Snackbar } from '@material-ui/core';\r\nimport { Alert } from '@material-ui/lab';\r\nimport { KuposDateTimePicker } from '../common/KuposDateTimePicker';\r\nimport { KuposAtCounter } from '../common/KuposAtCounter';\r\nimport Loader from 'react-loader-spinner';\r\n\r\nexport class DefaultPage extends Component {\r\n static propTypes = {\r\n // airportTransfer: PropTypes.object.isRequired,\r\n home: PropTypes.object.isRequired,\r\n actions: PropTypes.object.isRequired,\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n this.selectServiceOptions = [\r\n { value: 'FROM_AIRPORT', label: 'Hacia aeropuerto' },\r\n { value: 'TO_AIRPORT', label: 'Desde aeropuerto' },\r\n ];\r\n\r\n this.state = {\r\n apiResponseForPrinting: { data: [], pnr_no: '' },\r\n transferServiceError: true,\r\n selectedKupos: 1,\r\n selectedAdultKupos: 1,\r\n selectedKidKupos: 0,\r\n selectedTime: '00:00',\r\n selectedDate: DateService.getTodayString(),\r\n services: [],\r\n stepsMenu: [\r\n { label: 'Efectivo', active: true, value: 'CASH' },\r\n { label: 'Tarjeta Débito', active: false, value: 'DEBIT_CARD' },\r\n { label: 'Tarjeta Crédito', active: false, value: 'CREDIT_CARD' },\r\n { label: 'Trans bancaria', active: false, value: 'BANK_TRANSFER' },\r\n { label: 'Factura de Crédito', active: false, value: 'CREDIT_INVOICE' },\r\n ],\r\n docType: 'RUT',\r\n selectedService: null,\r\n noResults: 'Input the required fields and search for the available services',\r\n searchScreen: true,\r\n showLoader: false,\r\n showOnSelect: false,\r\n discountAmount: 0,\r\n isReservedTicket: false,\r\n metaData: [],\r\n selectedReserveTime: '00:00',\r\n additionalFares: [],\r\n additionalFareSelected: null,\r\n additionalFareComment: null,\r\n additionalFareAmount: 0,\r\n user:\"guest\",\r\n };\r\n this.getMasterData();\r\n }\r\n\r\n componentDidMount() {\r\n let counterDetails = CommonService.getLocal('counter');\r\n\r\n if (counterDetails === undefined) {\r\n this.setState({\r\n showSnackbar: true,\r\n persist: true,\r\n alertMessage:\r\n 'No hay ninguna caja asignada, por favor primero elija una caja para continuar',\r\n });\r\n return;\r\n }\r\n this.getExchangeList();\r\n this.getAdditionalFareList();\r\n this.setState({ selectedPaymentType: this.state.stepsMenu[0] });\r\n this.getAtTerminalList();\r\n }\r\n\r\n // \"api/v1/master_data/SEAT/TYPE\"\r\n\r\n getMasterData = () => {\r\n this.props.actions.apiCall({ url: ApiUrls.getMasterData() }).then(\r\n res => {\r\n if (res && res.data && res.data.data) {\r\n this.setState({ metaData: res.data.data });\r\n }\r\n },\r\n err => {\r\n console.log('+++ meta data error is', err);\r\n },\r\n );\r\n };\r\n\r\n getAtTerminalList = () => {\r\n this.props.actions.apiCall({ url: ApiUrls.getAtTerminalList() }).then(\r\n res => {\r\n console.log('+++response from atTerminals api is', res);\r\n if (res.data && res.data.success && res.data.data) {\r\n let atTerminals = [];\r\n res.data.data.map(atTerminal => {\r\n atTerminals.push({ value: atTerminal.airport_loc_id, label: atTerminal.airport_name });\r\n });\r\n\r\n this.setState({ selectedAtTerminals: atTerminals });\r\n }\r\n },\r\n err => {\r\n console.log('Result from all location areas is', err);\r\n },\r\n );\r\n };\r\n\r\n getAdditionalFareList = () => {\r\n this.props.actions.apiCall({ url: ApiUrls.getAddtionalFareList() }).then(\r\n res => {\r\n console.log('additional fare lsit------', res);\r\n if (res.data && res.data.success) {\r\n const data = res.data.data.map(val => {\r\n return { value: val.value, label: val.value };\r\n });\r\n this.setState({ additionalFares: data });\r\n }\r\n },\r\n err => {\r\n console.log('Result is', err);\r\n },\r\n );\r\n };\r\n\r\n getExchangeList = () => {\r\n this.props.actions.apiCall({ url: ApiUrls.addCurrencyExchange() }).then(\r\n res => {\r\n // console.log('Exchnage list------', res.data.data);\r\n if (res.data && res.data.success) {\r\n let exchanges = [];\r\n exchanges.push({\r\n value: 1,\r\n label: 'CLP',\r\n rate: 1,\r\n from: 'CLP',\r\n to: 'CLP',\r\n });\r\n res.data.data.map(val => {\r\n exchanges.push({\r\n value: val.id,\r\n label: val.exchange_name.split('_TO_')[1],\r\n rate: val.exchange_rate,\r\n from: val.from_currency_code,\r\n to: val.to_currency_code,\r\n });\r\n });\r\n this.setState({\r\n exchangeListData: res.data.data,\r\n exchanges,\r\n selectedCurrency: {\r\n value: 1,\r\n label: 'CLP',\r\n rate: 1,\r\n from: 'CLP',\r\n to: 'CLP',\r\n },\r\n });\r\n }\r\n },\r\n err => {\r\n console.log('Result is', err);\r\n },\r\n );\r\n };\r\n\r\n identity_valueChange = () => {};\r\n\r\n onBlur = (value, type) => {\r\n if (!value) {\r\n if (type === 'pnr') {\r\n this.setState({ pnrError: { message: 'Enter pnr' } });\r\n }\r\n }\r\n };\r\n\r\n getVehicleImage = type => {\r\n console.log('Service type-----'.type);\r\n switch (type) {\r\n case 'MINI SHARED':\r\n return \n
\n \n
\n \n \n Seleccione un método de pago:{' '}\n {this.state.choosenPaymentMethod && this.state.choosenPaymentMethod.label}\n
\n \n
\n \n this.onChange(val)}\n onBlur={text => {}}\n error={this.state.transRefNoError ? true : false}\n errorMessage={\n this.state.transRefNoError ? this.state.transRefNoError.message : null\n }\n style={{ height: 40 }}\n inputOuterStyle={{ height: 40 }}\n />\n
\n \n \n {this.state.choosenPaymentMethod &&\n this.state.choosenPaymentMethod.label === 'Bank transfer'\n ? 'Ingrese número de transacción'\n : this.state.choosenPaymentMethod &&\n this.state.choosenPaymentMethod.label === 'Efectivo'\n ? 'Enter recipt number'\n : ' Número de tarjeta'}\n \n
\n \n \n {'CONFIRMAR VENTA'}\n \n
\n ![](\"/images/cars/van_shared.png\")
;\r\n break;\r\n case 'MINI EXCLUSIVE':\r\n return ![](\"/images/cars/taxi_exclusive.png\")
;\r\n break;\r\n }\r\n };\r\n\r\n getTotalPrice = (serviceType, priceType, price, serviceSeats) => {\r\n return priceType === 'PER_VEHICLE' ? price : price * this.state.choosenKupos;\r\n };\r\n\r\n getBookingPrice = (serviceType, priceType, price, serviceSeats) => {\r\n // console.log('Price Type is', priceType);\r\n // return priceType === 'PER_VEHICLE' ? price * serviceSeats : price;\r\n return priceType === 'PER_VEHICLE' ? price : price;\r\n };\r\n\r\n calculateCurrencyAmount = () => {\r\n return (\r\n Number(\r\n this.state.selectedService.price_type === 'PER_VEHICLE'\r\n ? this.state.selectedService.price\r\n : // ? this.state.selectedService.price * this.state.selectedService.seat_capacity\r\n this.state.selectedService.price * this.state.choosenKupos,\r\n ) *\r\n Number(\r\n (this.state.selectedCurrency &&\r\n this.state.selectedCurrency.rate &&\r\n this.state.selectedCurrency.rate) ||\r\n 1,\r\n )\r\n );\r\n };\r\n\r\n selectSeat = item => {\r\n this.setState({ selectedService: item, selectedServiceId: item.id });\r\n };\r\n\r\n renderService = (service, key) => {\r\n // console.log('Service is-----------------', service);\r\n return (\r\n \r\n
\r\n );\r\n };\r\n\r\n validatePassengerDetails = () => {\r\n console.log('+++state in validate passanger details', this.state);\r\n let errors = 0;\r\n\r\n // if (this.state.docType === 'RUT') {\r\n // if (!CommonService.isRutValid(this.state.identity_value)) {\r\n // this.setState({ identity_valueError: { message: 'Ingrese un número de RUT válido' } });\r\n // errors++;\r\n // console.log('1');\r\n // } \r\n // else if (!this.state.identity_value) {\r\n // this.setState({\r\n // identity_valueError: { message: 'Ingrese un número de documento válido' },\r\n // });\r\n // errors++;\r\n // console.log('2');\r\n // }\r\n // }\r\n\r\n // if (!this.state.name) {\r\n // this.setState({ nameError: { message: 'Ingrese un nombre' } });\r\n // errors++;\r\n // console.log('3');\r\n // }\r\n\r\n // if (!this.state.phone || (this.state.phone && this.state.phone.length > 12)) {\r\n // this.setState({ phoneError: { message: 'Ingrese un número de teléfono válido' } });\r\n // errors++;\r\n // console.log('4');\r\n // }\r\n\r\n // if (!this.state.email || !(this.state.email && CommonService.isEMailValid(this.state.email))) {\r\n // this.setState({ emailError: { message: 'Ingrese un correo electrónico válido' } });\r\n // errors++;\r\n // console.log('5');\r\n // }\r\n\r\n // if (!this.state.user_boading_address) {\r\n // this.setState({\r\n // user_boading_addressError: { message: 'Ingrese un correo dirección válido' },\r\n // });\r\n // errors++;\r\n // console.log('6');\r\n // }\r\n\r\n if (errors > 0) {\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n };\r\n\r\n validatePassengerDetailsForReserve = () => {\r\n this.setState({ isReservedTicket: true });\r\n let errors = 0;\r\n\r\n // if (this.state.docType === 'RUT') {\r\n // if (!CommonService.isRutValid(this.state.identity_value)) {\r\n // this.setState({ identity_valueError: { message: 'Ingrese un número de RUT válido' } });\r\n // errors++;\r\n // console.log('1');\r\n // } \r\n // else if (!this.state.identity_value) {\r\n // this.setState({\r\n // identity_valueError: { message: 'Ingrese un número de documento válido' },\r\n // });\r\n // errors++;\r\n // console.log('2');\r\n // }\r\n // }\r\n\r\n // if (!this.state.name) {\r\n // this.setState({ nameError: { message: 'Ingrese un nombre' } });\r\n // errors++;\r\n // console.log('3');\r\n // }\r\n\r\n // if (!this.state.phone || (this.state.phone && this.state.phone.length > 12)) {\r\n // this.setState({ phoneError: { message: 'Ingrese un número de teléfono válido' } });\r\n // errors++;\r\n // console.log('4');\r\n // }\r\n\r\n // if (!this.state.email || !(this.state.email && CommonService.isEMailValid(this.state.email))) {\r\n // this.setState({ emailError: { message: 'Ingrese un correo electrónico válido' } });\r\n // errors++;\r\n // console.log('5');\r\n // }\r\n\r\n if (this.state.additionalFareSelected && !this.state.additionalFareComment) {\r\n this.setState({ additionalFareCommentError: 'Required' });\r\n errors++;\r\n console.log('5');\r\n }\r\n\r\n if (!this.state.reserveDate) {\r\n this.setState({\r\n reserveDateError: { message: 'Reserve date is required' },\r\n });\r\n errors++;\r\n console.log('7');\r\n }\r\n\r\n if (!this.state.reserveTime) {\r\n this.setState({\r\n reserveTimeError: { message: 'Reserve time is required' },\r\n });\r\n errors++;\r\n console.log('8');\r\n }\r\n // if (!this.state.user_boading_address) {\r\n // this.setState({\r\n // user_boading_addressError: { message: 'Ingrese un correo dirección válido' },\r\n // });\r\n // errors++;\r\n // console.log('6');\r\n // }\r\n\r\n if (errors > 0) {\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n };\r\n\r\n bookTicket = () => {\r\n this.setState({ showPaymentModal: false });\r\n if (!this.validatePassengerDetails()) {\r\n // alert('Fill all details');\r\n return;\r\n }\r\n\r\n // console.log('All good', this.state.selectedService);\r\n\r\n // return;\r\n\r\n let counterDetails = CommonService.getLocal('counter');\r\n\r\n // if (counterDetails === undefined) {\r\n // this.setState({\r\n // showSnackbar: true,\r\n // alertMessage: 'No counter assigned please choose a counter first',\r\n // });\r\n // return;\r\n // }\r\n\r\n if (\r\n !this.state.selectedService ||\r\n (this.state.selectedService &&\r\n this.state.selectedService[0] &&\r\n !this.state.selectedService[0].selected)\r\n ) {\r\n this.setState({\r\n showSnackbar: true,\r\n alertMessage:\r\n 'Estimado usuario, usted no ha seleccionado ningún servicio, por favor elija un servicio para continuar',\r\n });\r\n return;\r\n }\r\n\r\n let currentTime = DateService.getCurrentTimeUTC();\r\n\r\n let total_amount = this.getTotalPrice(\r\n this.state.selectedService.service_type,\r\n this.state.selectedService.price_type,\r\n this.state.selectedService.price,\r\n this.state.selectedService.seat_capacity,\r\n this.state.choosenKupos,\r\n );\r\n\r\n let price = this.getBookingPrice(\r\n this.state.selectedService.service_type,\r\n this.state.selectedService.price_type,\r\n this.state.selectedService.price,\r\n this.state.selectedService.seat_capacity,\r\n );\r\n\r\n let currencyAmount = this.calculateCurrencyAmount();\r\n\r\n \r\n\r\n let data = {\r\n correlation_id: `${this.state.selectedService.client_code.substr(\r\n 0,\r\n 3,\r\n )}_${this.state.user.substr(0, 3)}_${currentTime}`,\r\n user_id: CommonService.currentUser.user_id,\r\n user_name: CommonService.currentUser.user_name,\r\n branch_id: counterDetails.branch_id,\r\n counter_id: counterDetails.counter_id,\r\n counter_txn_id: counterDetails.counter_txn_id, // Returned from CounterOpen\r\n shift_id: counterDetails.shift_id,\r\n customer_name: this.state.name,\r\n customer_email: this.state.email,\r\n customer_phone: this.state.phone,\r\n customer_address: this.state.user_boading_address,\r\n pickup_loc_id: this.state.selectedService.pickup_location_id,\r\n pickup_latitude:\r\n this.state.origin.location && this.state.origin.location.lat\r\n ? this.state.origin.location.lat\r\n : this.state.origin.value,\r\n pickup_longitude:\r\n this.state.origin.location && this.state.origin.location.lon\r\n ? this.state.origin.location.lon\r\n : this.state.origin.value,\r\n pickup_address: this.state.origin.address,\r\n drop_loc_id: this.state.selectedService.drop_location_id,\r\n drop_latitude:\r\n this.state.destination.location && this.state.destination.location.lat\r\n ? this.state.destination.location.lat\r\n : this.state.destination.value,\r\n drop_longitude:\r\n this.state.destination.location && this.state.destination.location.lon\r\n ? this.state.destination.location.lon\r\n : this.state.destination.value,\r\n drop_address: this.state.destination.address,\r\n is_round_trip: 0, // 1 : If Yes, 0 : If No.\r\n booking_date_time_stg: `${DateService.getTodayString(\r\n 'yyyy-mm-dd',\r\n )} ${DateService.getCurrentHour()}:${DateService.getCurrentMinute()} `, // YYYY-MM-DD HH:MM\r\n // booking_date_time: CommonService.getTimeInSeconds(\r\n // DateService.getTodayString('yyyy-mm-dd') +\r\n // 'T' +\r\n // DateService.getCurrentHour() +\r\n // ':' +\r\n // DateService.getCurrentMinute(),\r\n // ), \r\n booking_date_time: DateService.getCurrentTimeUTCNew(),\r\n onward_trip_date_stg: DateService.changeDateFormat(\r\n this.state.selectedDate,\r\n 'dd-mm-yyyy',\r\n 'yyyy-mm-dd',\r\n ), // Date of the trip, YYYY-MM-DD\r\n onward_trip_time_stg: this.state.selectedTime, // Time of the trip, HH:MM\r\n onward_trip_ref_date_time: CommonService.getTimeInSecondsNew(\r\n DateService.changeDateFormat(this.state.selectedDate, 'dd-mm-yyyy', 'yyyy-mm-dd') +\r\n 'T' +\r\n this.state.selectedTime,\r\n ), // UTC time in Unix Milli Seconds.\r\n no_of_seats: this.state.selectedKupos,\r\n price_type: this.state.selectedService.price_type,\r\n price: price,\r\n identity_type: this.state.docType,\r\n identity_value: this.state.identity_value,\r\n onward_service_pricing_id: this.state.selectedService.id,\r\n payment_type: this.state.selectedPaymentType.value, // CASH / CREDIT_CARD / DEBIT_CARD / BANK_TRANSFER / CREDIT_INVOICE\r\n currency: (this.state.selectedCurrency && this.state.selectedCurrency.to) || 'CLP',\r\n payment_ref_no: this.state.card_number || '',\r\n total_amount: total_amount,\r\n currency_amount: currencyAmount || 0,\r\n discount_code: this.state.discountCode ? this.state.discountCode : ' ',\r\n discount_amount: Number(this.state.discountAmount),\r\n additional_fare_type: this.state.additionalFareSelected\r\n ? this.state.additionalFareSelected.value\r\n : '',\r\n additional_fare: this.state.additionalFareAmount\r\n ? Number(this.state.additionalFareAmount)\r\n : 0,\r\n additional_fare_remark: this.state.additionalFareComment\r\n ? this.state.additionalFareComment\r\n : '',\r\n seat_meta_data: this.state.metaData,\r\n service_type: this.state.selectedService.service_type,\r\n confirm_deadline_stg:\r\n this.state.reserveDate && this.state.reserveTime\r\n ? DateService.changeDateFormat(this.state.reserveDate, 'dd-mm-yyyy', 'yyyy-mm-dd') +\r\n ' ' +\r\n this.state.reserveTime\r\n : '', // YYYY-MM-DD HH:MM\r\n confirm_deadline_utc:\r\n this.state.reserveDate && this.state.reserveTime\r\n ? CommonService.getTimeInSecondsNew(\r\n DateService.changeDateFormat(this.state.reserveDate, 'dd-mm-yyyy', 'yyyy-mm-dd') +\r\n 'T' +\r\n this.state.reserveTime,\r\n )\r\n : 0, // UTC time in Unix Milli Seconds.\r\n };\r\n\r\n console.log('+++Data to fly-----', data);\r\n\r\n // return;\r\n\r\n this.props.actions\r\n .apiCall({\r\n url: AppData.BASE_URL_V2 + 'agent/booking',\r\n data: data,\r\n method: 'POST',\r\n })\r\n .then(\r\n res => {\r\n this.onBookingResponse(res);\r\n console.log('Data from api------', res);\r\n let newState = { ...this.state };\r\n var printData = { ...this.state.apiResponseForPrinting };\r\n printData.data = data;\r\n printData.pnr_no = res.data.data.onward_pnr_id;\r\n // printData.pnr_no = res.data.data.pnr_id;\r\n\r\n printData.fare = res.data.data.fare;\r\n printData.discount = res.data.data.discount;\r\n printData.totalAmount = res.data.data.totalAmount;\r\n printData.totalAmount = res.data.data.bookedBy;\r\n printData.totalAmount = res.data.data.printedBy;\r\n printData.totalAmount = res.data.data.printedBy;\r\n\r\n printData.origin = this.state.atOrignText && this.state.atOrignText;\r\n printData.destination = this.state.atDestinationText && this.state.atDestinationText;\r\n printData.date = newState.selectedDate;\r\n printData.time = newState.selectedTime;\r\n\r\n console.log('+++newState data is---', newState);\r\n console.log(\"+++print\",printData);\r\n this.setState({ apiResponseForPrinting: printData });\r\n },\r\n err => {\r\n this.onBookingResponse(err);\r\n },\r\n );\r\n };\r\n\r\n onBookingResponse = result => {\r\n console.log('Result from final booking--------', result);\r\n if (result.data && result.data.success) {\r\n this.setState({\r\n successModalStatus: true,\r\n successModalMessage: result.message,\r\n showSuccessModal: true,\r\n });\r\n this.restoreState();\r\n // this.reloadPage();\r\n } else {\r\n this.setState({\r\n successModalStatus: false,\r\n successModalMessage: result.message,\r\n showSuccessModal: true,\r\n });\r\n }\r\n };\r\n\r\n restoreState = () => {\r\n this.setState({\r\n transferServiceError: true,\r\n selectedKupos: 1,\r\n selectedTime: '00:00',\r\n services: [],\r\n stepsMenu: [\r\n { label: 'Efectivo', active: true },\r\n { label: 'Tarjeta Débito', active: false },\r\n { label: 'Tarjeta Crédito', active: false },\r\n { label: 'Monto de transferencias bancarias', active: false },\r\n { label: 'Factura de Crédito', active: false },\r\n ],\r\n docType: 'RUT',\r\n selectedService: null,\r\n selectedServiceDirection: null,\r\n name: '',\r\n phone: '',\r\n email: '',\r\n origin: null,\r\n identity_value: '',\r\n });\r\n\r\n this.forceUpdate();\r\n };\r\n\r\n onTransferChange = (value, type) => {\r\n switch (type) {\r\n case 'selectedServiceDirection':\r\n this.setState({ selectedServiceDirection: value });\r\n break;\r\n case 'origin':\r\n this.setState({ origin: value, transferSourceCityError: null });\r\n break;\r\n case 'destination':\r\n this.setState({ destination: value, transferDestinationCityError: null });\r\n break;\r\n case 'date':\r\n this.setState({ selectedDate: value, showOnSelect: true });\r\n break;\r\n case 'returnDate':\r\n this.setState({ returnDate: value });\r\n break;\r\n case 'returnTime':\r\n this.setState({ returnTime: value });\r\n break;\r\n case 'time':\r\n this.setState({ selectedTime: value });\r\n break;\r\n case 'kupos':\r\n this.setState({ selectedKupos: value });\r\n break;\r\n case 'currency':\r\n this.setState({ selectedCurrency: value });\r\n break;\r\n case 'kupos_adult':\r\n this.setState({\r\n selectedAdultKupos: value < 1 ? 1 : value,\r\n selectedKupos: value < 1 ? 1 : value + this.state.selectedKidKupos,\r\n });\r\n break;\r\n case 'kupos_kid':\r\n this.setState({\r\n selectedKidKupos: value < 1 ? 0 : value,\r\n selectedKupos: this.state.selectedAdultKupos + value,\r\n });\r\n break;\r\n case 'kupos_infant':\r\n this.setState({ selectedInfantKupos: value < 1 ? 0 : value });\r\n break;\r\n case 'discount':\r\n this.setState({ discountAmount: value, discountCode: 'coupen' });\r\n case 'reserveDate':\r\n this.setState({ selectedReserveDate: value });\r\n break;\r\n case 'reserveTime':\r\n this.setState({ selectedReserveDate: value });\r\n break;\r\n }\r\n };\r\n\r\n validate = () => {\r\n let errors = 0;\r\n // if (!this.state.selectedServiceDirection) {\r\n // errors++;\r\n // // return false;\r\n // } else\r\n if (!this.state.origin) {\r\n this.setState({ transferSourceCityError: { message: 'Seleccione la origen' } });\r\n errors++;\r\n }\r\n if (!this.state.destination) {\r\n this.setState({ transferDestinationCityError: { message: 'Seleccione la destino' } });\r\n // return false;\r\n errors++;\r\n }\r\n if (!this.state.selectedTime) {\r\n this.setState({ selectedDateTimeError: { message: 'select both time and date' } });\r\n // return false;\r\n errors++;\r\n }\r\n if (!this.state.selectedDate) {\r\n this.setState({ selectedDateTimeError: { message: 'select both time and date' } });\r\n // return false;\r\n errors++;\r\n }\r\n\r\n if (errors > 0) {\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n };\r\n\r\n searchTransfer = () => {\r\n if (!this.validate()) {\r\n console.log('Validation failed ');\r\n return;\r\n }\r\n\r\n // this.getAdditionalFareList();\r\n\r\n this.setState({\r\n choosenKupos: this.state.selectedKupos,\r\n selectedService: [],\r\n selectedServiceId: null,\r\n });\r\n\r\n // console.log('Data to pass in api is', this.state.origin, this.state.destination);\r\n // return;\r\n\r\n // let currentUTC = DateService.getCurrentTimeUTC();\r\n let currentUTC = DateService.getCurrentTimeUTCNew();\r\n\r\n let seats = Number(this.state.selectedAdultKupos) + Number(this.state.selectedKidKupos);\r\n this.setState({ showLoader: true });\r\n\r\n let trfrType = 0;\r\n if (this.state.origin.value) {\r\n trfrType = 1;\r\n } else if (this.state.destination.value) {\r\n trfrType = 2;\r\n }\r\n\r\n let originLat =\r\n this.state.origin.location && this.state.origin.location.lat\r\n ? this.state.origin.location.lat\r\n : this.state.origin.value;\r\n let originLon =\r\n this.state.origin.location && this.state.origin.location.lon\r\n ? this.state.origin.location.lon\r\n : this.state.origin.value;\r\n\r\n let destLat =\r\n this.state.destination.location && this.state.destination.location.lat\r\n ? this.state.destination.location.lat\r\n : this.state.destination.value;\r\n let destLon =\r\n this.state.destination.location && this.state.destination.location.lon\r\n ? this.state.destination.location.lon\r\n : this.state.destination.value;\r\n\r\n let originLocId = this.state.origin.value ? this.state.origin.value : 0;\r\n let destLocId = this.state.destination.value ? this.state.destination.value : 0;\r\n this.props.actions\r\n .apiCall({\r\n url:\r\n AppData.BASE_URL_V3 +\r\n `service_inventory/${originLat}/${originLon}/${originLocId}/${DateService.getTimeInSeconds(\r\n DateService.changeDateFormat(this.state.selectedDate, 'dd-mm-yyyy', 'yyyy-mm-dd') +\r\n 'T' +\r\n this.state.selectedTime,\r\n )}/${destLat}/${destLon}/${destLocId}/0/${seats}/${currentUTC}/${trfrType}`,\r\n\r\n // AppData.BASE_URL_V2 +\r\n // `service_inventory/${this.state.origin.location.lat}/${\r\n // this.state.origin.location.lon\r\n // }/${DateService.getTimeInSeconds(\r\n // DateService.changeDateFormat(this.state.selectedDate, 'dd-mm-yyyy', 'yyyy-mm-dd') +\r\n // 'T' +\r\n // this.state.selectedTime,\r\n // )}/${this.state.destination.location.lat}/${\r\n // this.state.destination.location.lon\r\n // }/0/${seats}/${currentUTC}`,\r\n })\r\n .then(\r\n res => {\r\n this.onServicePriceAPIResponse(res);\r\n },\r\n err => {\r\n this.onServicePriceAPIResponse(err);\r\n },\r\n );\r\n };\r\n\r\n onServicePriceAPIResponse = result => {\r\n let noOfServices = [];\r\n\r\n console.log('Result from search api is-----', result);\r\n\r\n // return;\r\n\r\n if (\r\n result &&\r\n result.data &&\r\n result.data.success &&\r\n result.data.data &&\r\n (result.data.data.onward_service_list || result.data.data.return_service_list)\r\n ) {\r\n // this.setState({ services: result.data.data });\r\n\r\n this.setState({\r\n onwardServices: result.data.data.onward_service_list,\r\n returnServices: result.data.data.return_service_list,\r\n });\r\n\r\n result.data.data &&\r\n result.data.data.onward_service_list &&\r\n Object.keys(result.data.data.onward_service_list).forEach(element => {\r\n noOfServices.push({\r\n selected: false,\r\n });\r\n console.log('Elemet to push', element);\r\n });\r\n\r\n // this.setState({\r\n // onwardServices: result.data.data.onward_service_list,\r\n // returnServices: result.data.data.onward_service_list,\r\n // });\r\n\r\n this.setState({\r\n selectedService: noOfServices,\r\n });\r\n\r\n console.log('No of services', noOfServices);\r\n } else {\r\n this.setState({\r\n selectedService: null,\r\n showSnackbar: true,\r\n alertMessage:\r\n '¡Lo sentimos!\\n\\n Este servicio no está disponible en la fecha que seleccionada. Por favor intenta con otra fecha.',\r\n noResults:\r\n '¡Lo sentimos!Este servicio no está disponible en la fecha que seleccionada. Por favor intenta con otra fecha',\r\n });\r\n }\r\n this.setState({ showLoader: false });\r\n };\r\n\r\n onStepClick = menuItem => {\r\n console.log('Menu item ', menuItem);\r\n this.setState({ selectedPaymentType: this.state.stepsMenu[menuItem - 1] });\r\n\r\n console.log('PAYMENT TYPE IS ', this.state.stepsMenu[menuItem - 1]);\r\n // Highlight the selected Menu Item\r\n\r\n // let elementsIndex = this.state.stepsMenu.findIndex(\r\n // element => element.key == menuItem - 1,\r\n // );\r\n\r\n let elementsIndex = menuItem - 1;\r\n\r\n console.log('Element index is', elementsIndex);\r\n\r\n let newMenus = [...this.state.stepsMenu];\r\n\r\n newMenus.forEach((item, key) => {\r\n newMenus[key] = {\r\n ...newMenus[key],\r\n active: false,\r\n };\r\n });\r\n\r\n // console.log('New Menu is ', newMenus);\r\n\r\n newMenus[elementsIndex] = {\r\n ...newMenus[elementsIndex],\r\n active: !newMenus[elementsIndex].active,\r\n };\r\n\r\n this.setState({ stepsMenu: newMenus });\r\n this.forceUpdate();\r\n };\r\n\r\n // when inputs change -----------------------------\r\n onBookingDetailsChange = (value, type) => {\r\n console.log(type, value);\r\n\r\n if (type === 'identity_value') {\r\n this.setState({\r\n identity_value: this.state.docType === 'RUT' ? CommonService.formatRut(value) : value,\r\n identity_valueError: null,\r\n });\r\n } else if (type === 'phone') {\r\n this.setState({ phone: CommonService.onlyNumbers(value), phoneError: null });\r\n } else {\r\n this.setState({\r\n [type]: value,\r\n [type + 'Error']: null,\r\n });\r\n }\r\n };\r\n\r\n onBookingDetailsBlur = (value, type) => {\r\n switch (type) {\r\n case 'identity_value':\r\n if (!CommonService.isRutValid(value)) {\r\n this.setState({ identity_valueError: { message: 'Ingrese un RUT' } });\r\n }\r\n // alert(this.state.identity_value);\r\n\r\n // make api call to get passenger information and autofill the fields\r\n this.props.actions\r\n .apiCall({\r\n url:\r\n AppData.BASE_URL_V1 +\r\n `agent/customerInfo/${this.state.docType}/${this.state.identity_value}`,\r\n })\r\n .then(\r\n res => {\r\n this.onPassengerInformationResponse(res);\r\n },\r\n err => {\r\n this.onPassengerInformationResponse(err);\r\n },\r\n );\r\n\r\n break;\r\n case 'phone':\r\n if (value.length > 12) {\r\n this.setState({ phoneError: { message: 'Ingrese un número de teléfono válido' } });\r\n }\r\n break;\r\n\r\n case 'email':\r\n if (!CommonService.isEMailValid(value)) {\r\n this.setState({ emailError: { message: 'Ingrese un correo electrónico válido' } });\r\n }\r\n break;\r\n }\r\n };\r\n\r\n onPassengerInformationResponse = res => {\r\n console.log({ res });\r\n if (res && res.data && res.data.success) {\r\n this.setState({\r\n identity_value: res.data.data.identity_value,\r\n name: res.data.data.name,\r\n phone: res.data.data.phone,\r\n email: res.data.data.email,\r\n docType: res.data.data.identity_type,\r\n user_boading_address: res.data.data.address,\r\n phoneError: '',\r\n emailError: '',\r\n });\r\n }\r\n\r\n if (res && res.data && !res.data.success) {\r\n this.setState({\r\n name: '',\r\n phone: '',\r\n email: '',\r\n user_boading_address: '',\r\n });\r\n }\r\n };\r\n\r\n getTicketDetails = () => {\r\n if (!this.state.pnrEntered) {\r\n this.setState({\r\n pnrEnteredError: { message: 'Ingrese un PNR' },\r\n showSnackbar: true,\r\n alertMessage: 'Ingrese un PNR',\r\n });\r\n return;\r\n }\r\n this.setState({ searchScreen: false });\r\n // let data = {\r\n // name: 'raqib',\r\n // class: 'jksdgjfh',\r\n // };\r\n // this.props.actions.setDataDummy({ data: data });\r\n\r\n this.props.actions\r\n .apiCall({\r\n url: AppData.BASE_URL + `ticketDetails/${this.state.pnrEntered}`,\r\n })\r\n .then(\r\n res => {\r\n this.onTicketDetailsFetch(res);\r\n },\r\n err => {\r\n this.onTicketDetailsFetch(err);\r\n },\r\n );\r\n\r\n // console.log('data is', data);\r\n\r\n // this.props.history.push('/details-page');\r\n };\r\n\r\n onTicketDetailsFetch = res => {\r\n if (res && res.data && res.data.success && res.data.data) {\r\n this.props.actions.setSearchedTicketDetails(res.data.data);\r\n this.props.history.push('/details-page');\r\n } else {\r\n this.setState({\r\n showSnackbar: true,\r\n alertMessage: 'PNR inválido, por favor verifique el PNR e intente nuevamente',\r\n pnrEnteredError: { message: 'PNR inválido' },\r\n });\r\n }\r\n console.log('onTicketDetailsFetch--------', res);\r\n };\r\n\r\n onPnrChange = value => {\r\n this.setState({ pnrEntered: value, pnrEnteredError: null });\r\n };\r\n\r\n closeSnackbar = () => {\r\n this.setState({ showSnackbar: false });\r\n };\r\n\r\n setReserveFlags = () => {\r\n if (!this.validatePassengerDetailsForReserve()) {\r\n // alert('Fill all details in reserve');\r\n return;\r\n }\r\n console.log('+++ set reserve flags', this.state);\r\n this.decideBookingFlow();\r\n };\r\n\r\n decideBookingFlow = () => {\r\n let method;\r\n this.state.stepsMenu.forEach(element => {\r\n if (element.active) {\r\n method = element;\r\n }\r\n });\r\n\r\n console.log('Method selected -------', method);\r\n\r\n if (method.value === 'CASH') {\r\n this.bookTicket();\r\n } else {\r\n this.setState({ showPaymentModal: true });\r\n }\r\n };\r\n\r\n reloadPage = () => {\r\n window.location.reload();\r\n };\r\n\r\n onStripDateClick = date => {\r\n console.log('Date clicked is------$$$$$$', date);\r\n this.setState({ selectedDate: date });\r\n\r\n setTimeout(() => {\r\n this.searchTransfer();\r\n }, 1000);\r\n };\r\n\r\n onATInputBlur = (val, type) => {\r\n // return;\r\n setTimeout(() => {\r\n if (type === 'origin') {\r\n this.setState({\r\n showOriginTerminalSuggestions: false,\r\n // showDestinationTerminalSuggestions: false,\r\n });\r\n } else {\r\n this.setState({\r\n showDestinationTerminalSuggestions: false,\r\n // showOriginTerminalSuggestions: false,\r\n });\r\n }\r\n }, 300);\r\n };\r\n\r\n onATInputFocus = (type, event) => {\r\n if (type === 'origin')\r\n this.setState({\r\n showOriginTerminalSuggestions: true,\r\n originType: this.state.setPickupTerminal ? 'text' : 'places',\r\n });\r\n else if (type === 'destination')\r\n this.setState({\r\n showDestinationTerminalSuggestions: true,\r\n destinationType: this.state.setDestinationTerminal ? 'text' : 'places',\r\n // destinationReadonly: this.state.setPickupTerminal ? false : true,\r\n });\r\n };\r\n\r\n renderATTerminals = (val, key, type) => {\r\n console.log('+++ value , key and type is', val, key, type);\r\n return (\r\n \r\n {/* {this.getVehicleImage(service.service_type)} */}\r\n\r\n {service.service_type === 'Pav Van Compartida' ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n
\r\n\r\n \r\n {service.service_type && CommonService.capitalize(service.service_type)}\r\n
\r\n \r\n Pasajeros: 1 - {service.seat_capacity}\r\n
\r\n \r\n
\r\n\r\n {service.price_type === 'PER_VEHICLE' ? 'PRECIO' : 'PRECIO POR CUPO'}
\r\n \r\n CPL${' '}\r\n \r\n {CommonService.currency(\r\n this.getBookingPrice(\r\n service.service_type,\r\n service.price_type,\r\n service.price,\r\n service.seat_capacity,\r\n ),\r\n )}\r\n \r\n
\r\n \r\n
\r\n\r\n CUPOS
\r\n \r\n {this.state.choosenKupos} Pasajeros\r\n
\r\n \r\n
\r\n\r\n PRECIO TOTAL
\r\n \r\n CLP${' '}\r\n \r\n {CommonService.currency(\r\n this.getTotalPrice(\r\n service.service_type,\r\n service.price_type,\r\n service.price,\r\n service.seat_capacity,\r\n ),\r\n )}\r\n \r\n
\r\n \r\n this.selectSeat(service)}\r\n >\r\n comprar\r\n \r\n
\r\n this.onSelect(val, type)}>\r\n \r\n {/* ![](\"/images/icons/home/airport-icon.png\")
*/}\r\n {val.label}\r\n \r\n
\r\n );\r\n };\r\n\r\n onSelect = (val, type) => {\r\n if (type == 'origin') {\r\n this.setState({\r\n showOriginTerminalSuggestions: false,\r\n setPickupTerminal: val,\r\n atOrignText: val.label,\r\n originType: 'text',\r\n origin: val,\r\n airportChoosen: true,\r\n });\r\n\r\n // this.props.onTransferChange(val, 'origin');\r\n } else {\r\n this.setState({\r\n showDestinationTerminalSuggestions: false,\r\n setDestinationTerminal: val,\r\n atDestinationText: val.label,\r\n destinationType: 'text',\r\n destination: val,\r\n airportChoosen: true,\r\n });\r\n // this.props.onTransferChange(val, 'destination');\r\n }\r\n };\r\n\r\n eraseSelectedInput = type => {\r\n let val = '';\r\n switch (type) {\r\n case 'origin':\r\n this.setState({\r\n atOrignText: val,\r\n setPickupTerminal: null,\r\n airportChoosen: false,\r\n airportChoosen: this.state.setDestinationTerminal ? true : false,\r\n originType: 'places',\r\n });\r\n // this.props.onTransferChange(val, 'origin');\r\n break;\r\n case 'destination':\r\n this.setState({\r\n atDestinationText: val,\r\n airportChoosen: false,\r\n airportChoosen: this.state.setPickupTerminal ? true : false,\r\n destinationType: 'places',\r\n // destinationReadonly: false,\r\n setDestinationTerminal: null,\r\n });\r\n // this.props.onTransferChange(val, 'destination');\r\n break;\r\n }\r\n };\r\n\r\n render() {\r\n console.log('+++props in render--------', this.props);\r\n\r\n console.log('+++State ____________ ', this.state);\r\n // console.log('this.state.selectedService------', this.state.selectedService);\r\n // console.log('Counter details-------', CommonService.getLocal('counter'));\r\n // console.log('selectedCurrency-------', this.state.selectedCurrency);\r\n return (\r\n */}\r\n {val.label}\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n\r\n {this.state.selectedService && this.state.searchScreen ? (\r\n \r\n
\r\n
\r\n\r\n this.reloadPage()}>\r\n \r\n ![](\"/images/my-trips.png\")
\r\n \r\n VENDER PASAJE\r\n
\r\n\r\n \r\n \r\n VENDER PASAJE\r\n \r\n this.onPnrChange(val)}\r\n onBlur={text => this.onBlur(text, 'pnr')}\r\n />\r\n
\r\n\r\n \r\n \r\n \r\n ![](\"/images/ticket-search.png\")
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n \r\n {/* this.setState({ showAtCounter: false })}\r\n >\r\n this.onTransferChange(val, 'kupos_adult')}\r\n kuposType={'kupos_adult'}\r\n borderBottom\r\n />\r\n\r\n this.onTransferChange(val, 'kupos_kid')}\r\n kuposType={'kupos_kid'}\r\n borderBottom\r\n />\r\n\r\n this.onTransferChange(val, 'kupos_infant')}\r\n kuposType={'kupos_infant'}\r\n />\r\n
\r\n ) : null}\r\n \r\n {'Origen'}\r\n this.onTransferChange(val, 'selectedServiceDirection')}\r\n placeholder={'Select Direction'}\r\n options={this.selectServiceOptions}\r\n value={this.state.selectedServiceDirection}\r\n error={this.state.selectedServiceDirectionError ? true : false}\r\n errorMessage={this.state.selectedServiceDirectionError}\r\n />\r\n
*/}\r\n\r\n \r\n {'Origen'}\r\n\r\n {/* this.setState({ atOriginText: val })}\r\n onChange={val => this.onTransferChange(val, 'origin')}\r\n placeholder={'Origen'}\r\n icon={'/svgs/origin.svg'}\r\n error={this.state.transferSourceCityError ? true : false}\r\n errorMessage={\r\n this.state.transferSourceCityError\r\n ? this.state.transferSourceCityError.message\r\n : ''\r\n }\r\n height={40}\r\n /> */}\r\n\r\n \r\n this.setState({\r\n showOriginTerminalSuggestions: val ? false : true,\r\n atOrignText: val,\r\n })\r\n }\r\n onBlur={val => this.onATInputBlur(val, 'origin')}\r\n onChange={val => this.onTransferChange(val, 'origin')}\r\n placeholder={'Origen'}\r\n icon={'/svgs/origin.svg'}\r\n error={this.state.transferSourceCityError ? true : false}\r\n errorMessage={\r\n this.state.transferSourceCityError\r\n ? this.state.transferSourceCityError.message\r\n : ''\r\n }\r\n height={40}\r\n fontSize=\"font11\"\r\n erasable={true}\r\n onFocus={event => this.onATInputFocus('origin', event)}\r\n eraseSelectedInput={() => this.eraseSelectedInput('origin')}\r\n // ref={'atOriginRef'}\r\n />\r\n {this.state.selectedAtTerminals &&\r\n this.state.showOriginTerminalSuggestions &&\r\n !this.state.airportChoosen && (\r\n
\r\n\r\n \r\n {this.state.selectedAtTerminals &&\r\n this.state.selectedAtTerminals\r\n .sort((a, b) => b.label.localeCompare(a.label))\r\n .map((val, key) => {\r\n return this.renderATTerminals(val, key, 'origin');\r\n })}\r\n
\r\n )}\r\n \r\n {'Destino'}\r\n\r\n {/* this.setState({ atDestnationText: val })}\r\n onChange={val => this.onTransferChange(val, 'destination')}\r\n placeholder={'Destino'}\r\n icon={'/svgs/deestination.svg'}\r\n error={this.state.transferDestinationCityError ? true : false}\r\n errorMessage={\r\n this.state.transferDestinationCityError\r\n ? this.state.transferDestinationCityError.message\r\n : ''\r\n }\r\n height={40}\r\n /> */}\r\n\r\n \r\n this.setState({\r\n showDestinationTerminalSuggestions: val ? false : true,\r\n // showDestinationTerminalSuggestions: this.state.destinationReadonly ? true : false,\r\n atDestinationText: val,\r\n // atDestinationText: this.state.destinationReadonly ? null : val,\r\n // destinationType: this.state.setDestinationTerminal ? 'text' : 'places',\r\n })\r\n }\r\n onBlur={val => this.onATInputBlur(val, 'destination')}\r\n onChange={val => this.onTransferChange(val, 'destination')}\r\n placeholder={'Destino'}\r\n icon={'/svgs/deestination.svg'}\r\n error={this.state.transferDestinationCityError ? true : false}\r\n errorMessage={\r\n this.state.transferDestinationCityError\r\n ? this.state.transferDestinationCityError.message\r\n : ''\r\n }\r\n height={40}\r\n fontSize=\"font11\"\r\n erasable={true}\r\n onFocus={event => this.onATInputFocus('destination', event)}\r\n eraseSelectedInput={() => this.eraseSelectedInput('destination')}\r\n />\r\n\r\n {this.state.origin &&\r\n this.state.showDestinationTerminalSuggestions &&\r\n !this.state.airportChoosen && (\r\n
\r\n\r\n \r\n {this.state.selectedAtTerminals &&\r\n this.state.selectedAtTerminals\r\n .sort((a, b) => b.label.localeCompare(a.label))\r\n .map((val, key) => {\r\n return this.renderATTerminals(val, key, 'destination');\r\n })}\r\n
\r\n )}\r\n \r\n {'Ida'}\r\n this.onTransferChange(val, 'date')}\r\n onTimeChange={val => this.onTransferChange(val, 'time')}\r\n minDate={DateService.getTodayString()}\r\n error={this.state.selectedDateError || this.state.selectedTimeError ? true : false}\r\n errorMessage={this.state.selectedDateTimeError}\r\n placeholder={DateService.getTodayString()}\r\n // showOnSelect={this.state.showOnSelect}\r\n showOnSelect={this.state.showOnSelect}\r\n />\r\n
\r\n\r\n \r\n {'Vuelta(Opcional)'}\r\n this.onTransferChange(val, 'returnDate')}\r\n onTimeChange={val => this.onTransferChange(val, 'returnTime')}\r\n minDate={DateService.getTodayString()}\r\n optional={true}\r\n disabled={true}\r\n // error={this.state.selectedDateError || this.state.selectedTimeError ? true : false}\r\n // errorMessage={this.state.selectedDateTimeError}\r\n // optional ={true}\r\n />\r\n
\r\n\r\n \r\n {'Cupos'}\r\n this.setState({ showAtCounter: !this.state.showAtCounter })}\r\n >\r\n
\r\n {this.state.showAtCounter ? (\r\n \r\n
\r\n \r\n \r\n {this.state.selectedKupos}\r\n Pasajero\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.onStripDateClick(val)}\r\n selectedDate={this.state.selectedDate}\r\n />\r\n\r\n
\r\n\r\n \r\n {this.state.onwardServices &&\r\n this.state.onwardServices.map((val, key) => this.renderService(val, key))}\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n {/* ADDITIONAL FARE UI */}\r\n Detalles de la transacción
\r\n \r\n Tipo de pago\r\n this.onStepClick(val)}\r\n />\r\n
\r\n\r\n \r\n this.onTransferChange(val, 'corporate_agency')}\r\n error={this.state.selectedCurrencyError ? true : false}\r\n errorMessage={\r\n this.state.selectedCurrencyError\r\n ? this.state.selectedCurrencyError.message\r\n : ''\r\n }\r\n />\r\n
\r\n\r\n \r\n {'Descuento por convenio'}\r\n
\r\n\r\n \r\n this.onTransferChange(val, 'discount')}\r\n onBlur={text => {}}\r\n error={this.state.kuposGoNameError ? true : false}\r\n errorMessage={this.state.kuposGoNameError}\r\n style={{ height: 40 }}\r\n inputOuterStyle={{ height: 40 }}\r\n />\r\n
\r\n\r\n \r\n {'Descuento monto'}\r\n
\r\n \r\n this.onTransferChange(val, 'currency')}\r\n placeholder={'Moneda'}\r\n options={this.state.exchanges}\r\n value={this.state.selectedCurrency}\r\n error={this.state.selectedCurrencyError ? true : false}\r\n errorMessage={\r\n this.state.selectedCurrencyError\r\n ? this.state.selectedCurrencyError.message\r\n : ''\r\n }\r\n />\r\n
\r\n \r\n {'Moneda'}\r\n
\r\n\r\n \r\n this.setState({ additionalFareSelected: val })}\r\n // error={this.state.selectedCurrencyError ? true : false}\r\n // errorMessage={\r\n // this.state.selectedCurrencyError\r\n // ? this.state.selectedCurrencyError.message\r\n // : ''\r\n // }\r\n />\r\n
\r\n\r\n \r\n {\r\n if (val < 0) {\r\n this.setState({ additionalFareAmount: 0 });\r\n } else {\r\n this.setState({ additionalFareAmount: val });\r\n }\r\n }}\r\n onBlur={text => {}}\r\n // error={this.state.kuposGoNameError ? true : false}\r\n // errorMessage={this.state.kuposGoNameError}\r\n style={{ height: 40 }}\r\n inputOuterStyle={{ height: 40 }}\r\n optional={true}\r\n />\r\n
\r\n\r\n \r\n {\r\n if (this.state.additionalFareComment) {\r\n this.setState({\r\n additionalFareComment: val.target.value,\r\n additionalFareCommentError: '',\r\n });\r\n }\r\n this.setState({ additionalFareComment: val.target.value });\r\n }}\r\n onBlur={text => {}}\r\n error={this.state.additionalFareCommentError ? true : false}\r\n errorMessage={this.state.additionalFareCommentError}\r\n rows={5}\r\n cols={15}\r\n style={\r\n this.state.additionalFareCommentError\r\n ? { border: 'red 1px solid', borderRadius: 10, padding: 6 }\r\n : { borderRadius: 10, padding: 6 }\r\n }\r\n // inputOuterStyle={{ height: 40 }}\r\n />\r\n {this.state.additionalFareCommentError && (\r\n \r\n {this.state.additionalFareCommentError}\r\n \r\n )}\r\n
\r\n \r\n \r\n
\r\n \r\n Monto total\r\n \r\n CLP\r\n {CommonService.currency(\r\n this.state.selectedService &&\r\n this.state.selectedService.price_type === 'PER_VEHICLE'\r\n ? this.state.selectedService.price\r\n : this.state.selectedService.price * this.state.choosenKupos,\r\n )}\r\n \r\n
\r\n\r\n \r\n Descuento total\r\n {CommonService.currency(this.state.discountAmount || 0)}\r\n
\r\n\r\n \r\n Tarifa adicional\r\n \r\n $ {this.state.additionalFareAmount ? this.state.additionalFareAmount : 0}\r\n \r\n
\r\n \r\n Monto neto\r\n \r\n CLP\r\n {CommonService.currency(\r\n this.state.selectedService &&\r\n this.state.selectedService.price_type === 'PER_VEHICLE'\r\n ? this.state.selectedService.price +\r\n Number(this.state.additionalFareAmount) -\r\n this.state.discountAmount\r\n : this.state.selectedService.price * this.state.choosenKupos -\r\n this.state.discountAmount +\r\n Number(this.state.additionalFareAmount),\r\n )}\r\n \r\n
\r\n\r\n \r\n \r\n {this.state.selectedCurrency\r\n ? `Monto neto ${this.state.selectedCurrency.to}`\r\n : 'Choose currency'}\r\n \r\n \r\n {this.state.selectedCurrency && this.state.selectedCurrency.to}\r\n {CommonService.currency(\r\n this.state.selectedService &&\r\n this.state.selectedCurrency &&\r\n Number(\r\n this.state.selectedService.price_type === 'PER_VEHICLE'\r\n ? this.state.selectedService.price +\r\n Number(this.state.additionalFareAmount) -\r\n this.state.discountAmount\r\n : this.state.selectedService.price * this.state.choosenKupos -\r\n this.state.discountAmount +\r\n Number(this.state.additionalFareAmount),\r\n ) *\r\n Number(\r\n (this.state.selectedCurrency &&\r\n this.state.selectedCurrency.rate &&\r\n this.state.selectedCurrency.rate) ||\r\n 1,\r\n ),\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.setState({ docType: 'RUT' })}\r\n checked={this.state.docType === 'RUT'}\r\n label=\"RUT\"\r\n />\r\n this.setState({ docType: 'OTHER' })}\r\n checked={this.state.docType === 'OTHER'}\r\n label=\"Otro\"\r\n />\r\n
\r\n \r\n this.onBookingDetailsChange(val, 'identity_value')}\r\n onBlur={val => {\r\n this.onBookingDetailsBlur(val, 'identity_value');\r\n }}\r\n error={\r\n this.state.identity_valueError && this.state.docType === 'RUT' ? true : false\r\n }\r\n errorMessage={\r\n this.state.identity_valueError ? this.state.identity_valueError.message : null\r\n }\r\n // style={{ height: 40 }}\r\n inputOuterStyle={{ height: 40 }}\r\n />\r\n
\r\n\r\n \r\n this.onBookingDetailsChange(val, 'name')}\r\n onBlur={text => {}}\r\n // error={this.state.nameError ? true : false}\r\n // errorMessage={this.state.nameError ? this.state.nameError.message : ''}\r\n // style={{ height: 40 }}\r\n inputOuterStyle={{ height: 40 }}\r\n />\r\n
\r\n\r\n \r\n Nombre completo\r\n {/* {'HOME.NAME'} */}\r\n
\r\n \r\n this.onBookingDetailsChange(val, 'phone')}\r\n onBlur={val => this.onBookingDetailsBlur(val, 'phone')}\r\n error={this.state.phoneError ? true : false}\r\n errorMessage={this.state.phoneError ? this.state.phoneError.message : null}\r\n // style={{ height: 40 }}\r\n inputOuterStyle={{ height: 40 }}\r\n />\r\n
\r\n\r\n \r\n Teléfono\r\n
\r\n \r\n this.onBookingDetailsChange(val, 'email')}\r\n onBlur={val => this.onBookingDetailsBlur(val, 'email')}\r\n error={this.state.emailError ? true : false}\r\n errorMessage={this.state.emailError ? this.state.emailError.message : null}\r\n // style={{ height: 40 }}\r\n inputOuterStyle={{ height: 40 }}\r\n />\r\n
\r\n\r\n \r\n Correo electrónico\r\n
\r\n \r\n this.onBookingDetailsChange(val, 'user_boading_address')}\r\n onBlur={text => {}}\r\n // error={this.state.user_boading_addressError ? true : false}\r\n // errorMessage={\r\n // this.state.user_boading_addressError\r\n // ? this.state.user_boading_addressError.message\r\n // : ''\r\n // }\r\n // style={{ height: 40 }}\r\n inputOuterStyle={{ height: 40 }}\r\n />\r\n
\r\n\r\n \r\n Dirección\r\n
\r\n \r\n {'Reserva'}\r\n this.onBookingDetailsChange(val, 'reserveDate')}\r\n onTimeChange={val => this.onBookingDetailsChange(val, 'reserveTime')}\r\n minDate={DateService.getTodayString()}\r\n error={\r\n this.state.reserveDateError || this.state.reserveTimeError ? true : false\r\n }\r\n errorMessage={this.state.reserveDateError ? this.state.reserveDateError.message : ''}\r\n // placeholder={DateService.getTodayString()}\r\n showOnSelect={this.state.showOnSelect}\r\n />\r\n
\r\n\r\n \r\n {/* */}\r\n {/* this.setState({ showPaymentModal: true })}> */}\r\n
\r\n \r\n \r\n RESERVE VENTA\r\n \r\n
\r\n\r\n \r\n this.decideBookingFlow()}>\r\n CONFIRMAR VENTA\r\n \r\n
\r\n \r\n
*/}\r\n \r\n
\r\n\r\n \r\n
\r\n ) : null}\r\n \r\n );\r\n }\r\n}\r\n\r\n/* istanbul ignore next */\r\nfunction mapStateToProps(state) {\r\n return {\r\n home: state.home,\r\n };\r\n}\r\n\r\n/* istanbul ignore next */\r\nfunction mapDispatchToProps(dispatch) {\r\n return {\r\n actions: bindActionCreators({ ...actions }, dispatch),\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DefaultPage);\r\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport {\n DropdownComponent,\n KuposButton,\n KuposDatePicker,\n KuposErrorSuccessModal,\n KuposInput,\n KuposModal,\n KuposTimePicker,\n MaterialInputField,\n TicketConfirmModal,\n} from '../common';\nimport DateService from '../../services/dateService';\nimport AppData from '../../services/appData';\nimport CommonService from '../../services/commonService';\nimport PrintTicket from './printTicket';\n\nexport class DetailsPage extends Component {\n static propTypes = {\n home: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n };\n\n constructor(props) {\n super(props);\n this.state = {\n apiResponseForPrinting: { data: [], pnr_no: '' },\n ticketConfirmModalShow: false,\n paymentOptions: [\n { label: 'Efectivo', active: true, value: 'CASH' },\n { label: 'Tarjeta Débito', active: false, value: 'DEBIT_CARD' },\n { label: 'Tarjeta Crédito', active: false, value: 'CREDIT_CARD' },\n { label: 'Trans bancaria', active: false, value: 'BANK_TRANSFER' },\n { label: 'Factura de Crédito', active: false, value: 'CREDIT_INVOICE' },\n ],\n changeTicketDetailsShow: false,\n updateTicketTime: null,\n updateTicketDate: DateService.getTodayString('dd-mm-yyyy'),\n };\n }\n\n componentDidMount() {\n console.log('All props in details page-----', this.props);\n\n this.setState({\n ticketDetails:\n this.props.home &&\n this.props.home.searchedTicketDetails &&\n this.props.home.searchedTicketDetails.ticket_details,\n ticketPdf:\n this.props.home &&\n this.props.home.searchedTicketDetails &&\n this.props.home.searchedTicketDetails.pdf_url,\n });\n }\n\n renderNameAndImage = (image, label, value) => {\n return (\n \n
\n );\n };\n\n renderTwoItems = (label, value) => {\n return (\n \n \n
\n \n {label}\n
\n \n {value}\n
\n \n {label}\n {value}\n
\n );\n };\n\n onCancelButtonPress = () => {\n let currentTime = DateService.getCurrentTimeUTC();\n\n if (this.state.ticketDetails) {\n this.props.actions\n .apiCall({\n url:\n AppData.BASE_URL +\n `agent/cancelSearch/${this.state.ticketDetails.customer_email}/${this.state.ticketDetails.trip_ref_date}/${this.state.ticketDetails.pnr_id}/${currentTime}`,\n })\n .then(\n res => {\n this.onCancelTicketDetailsFetch(res);\n },\n err => {\n this.onCancelTicketDetailsFetch(err);\n },\n );\n }\n\n // cancelSearch/:email/:refDate/:pnrId/:cancelTime\n };\n\n onCancelTicketDetailsFetch = res => {\n console.log('onCancelTicketDetailsFetch---------', res);\n\n if (res && res.data && res.data.success && res.data.data) {\n this.props.actions.setCancelTicketDetails(res.data.data);\n\n this.props.history.push('/cancellation-details');\n\n } else if(res && res.data && res.data.app_code == \"311\"){\n this.setState({\n showSuccessModal: true,\n successModalStatus: false,\n successModalMessage: res.data.message,\n });\n }else {\n this.setState({\n showSuccessModal: true,\n successModalStatus: false,\n successModalMessage: 'Este ticket ya fue cancelado',\n });\n }\n\n // else if (\n // res &&\n // res.data &&\n // !res.data.success &&\n // res.data.data &&\n // res.data.data.can_be_cancelled == false\n // ) {\n // this.setState({\n // showSuccessModal: true,\n // successModalStatus: false,\n // successModalMessage: 'Este ticket ya fue cancelado',\n // });\n // }\n };\n\n onTicketSearch = () => {};\n\n onPnrChange = value => {\n this.setState({ pnrEntered: value, pnrEnteredError: null });\n };\n\n onBlur = (value, type) => {\n if (!value) {\n if (type === 'pnr') {\n this.setState({ pnrError: { message: 'Enter pnr' } });\n }\n }\n };\n\n getTicketDetails = () => {\n if (!this.state.pnrEntered) {\n this.setState({\n pnrEnteredError: { message: 'Please enter PNR' },\n showSnackbar: true,\n alertMessage: 'Please enter PNR',\n });\n return;\n }\n this.setState({ searchScreen: false });\n // let data = {\n // name: 'raqib',\n // class: 'jksdgjfh',\n // };\n // this.props.actions.setDataDummy({ data: data });\n\n this.props.actions\n .apiCall({\n url: AppData.BASE_URL + `ticketDetails/${this.state.pnrEntered}`,\n })\n .then(\n res => {\n this.onTicketDetailsFetch(res);\n },\n err => {\n this.onTicketDetailsFetch(err);\n },\n );\n\n // console.log('data is', data);\n\n // this.props.history.push('/details-page');\n };\n\n onTicketDetailsFetch = res => {\n console.log('data from search -----', res);\n\n if (res && res.data && res.data.success && res.data.data) {\n // this.props.actions.setSearchedTicketDetails(res.data.data);\n // this.props.history.push('/details-page');\n this.setState({\n ticketDetails: res.data.data.ticket_details,\n updatedTicketDetailStatus: false,\n total_fare:\n Number(res.data.data.ticket_details.net_amount) +\n Number(\n res.data.data.ticket_details.additional_fare\n ? res.data.data.ticket_details.additional_fare\n : 0,\n ),\n });\n }\n console.log('ticket details are -----', this.state.ticketDetails);\n // console.log('onTicketDetailsFetch--------', res);\n };\n\n getPaymentType = () => {\n let paymentType = this.state.ticketDetails && this.state.ticketDetails.payment_type;\n let status = this.state.ticketDetails && this.state.ticketDetails.status;\n\n let actualPaymentMethod = '';\n\n if (status == 'PENDING') {\n actualPaymentMethod = 'Pendiente';\n } else {\n if (paymentType === 'CASH') {\n actualPaymentMethod = 'Efectivo';\n } else if (paymentType === 'DEBIT_CARD') {\n actualPaymentMethod = 'Tarjeta Débito';\n } else if (paymentType === 'CREDIT_CARD') {\n actualPaymentMethod = 'Tarjeta Crédito';\n } else if (paymentType === 'BANK_TRANSFER') {\n actualPaymentMethod = 'Trans bancaria';\n } else if (paymentType === 'CREDIT_INVOICE') {\n actualPaymentMethod = 'Factura de Crédito';\n } else {\n actualPaymentMethod = paymentType;\n }\n }\n\n return actualPaymentMethod;\n };\n\n translatedStatus = status => {\n let translatedStatus = '';\n if (status == 'CANCELLED') {\n translatedStatus = 'Cancelado';\n } else if (status == 'CONFIRMED') {\n translatedStatus = 'Confirmado';\n } else if (status == 'PENDING') {\n translatedStatus = 'Reservado';\n } else {\n translatedStatus = status;\n }\n return translatedStatus;\n };\n\n onTransferChange = (val, type) => {\n this.setState({\n [type]: val,\n [type + 'Error']: null,\n });\n };\n\n confirmReserveTicket = () => {\n if (!this.validateReservePaymentFields()) {\n alert('Fill all details');\n return;\n }\n\n let data = {\n client_code: this.state.ticketDetails && this.state.ticketDetails.client_code,\n counter_txn_id: this.state.ticketDetails && this.state.ticketDetails.counter_txn_id,\n user_id: this.state.ticketDetails && this.state.ticketDetails.user_id,\n user_name: this.state.ticketDetails && this.state.ticketDetails.user_name,\n pnr_id: this.state.ticketDetails && this.state.ticketDetails.pnr_id,\n // confirm_time_utc: CommonService.getTimeInSeconds(\n // DateService.getTodayString('yyyy-mm-dd') +\n // 'T' +\n // DateService.getCurrentHour() +\n // ':' +\n // DateService.getCurrentMinute(),\n // ), \n confirm_time_utc: DateService.getCurrentTimeUTCNew(),\n confirm_time_stg: `${DateService.getCurrentHour()}:${DateService.getCurrentMinute()} `,\n payment_type: this.state.reservePaymentType ? this.state.reservePaymentType.value : '',\n payment_amount: this.state.ticketDetails && this.state.ticketDetails.total_amount,\n payment_ref_number: this.state.reservePaymentComment ? this.state.reservePaymentComment : '',\n };\n\n this.props.actions\n .apiCall({\n url: AppData.BASE_URL_V1 + 'agent/confirmReservation',\n data: data,\n method: 'POST',\n })\n .then(\n res => {\n if (res && res.data && res.data.success) {\n var printData = { ...this.state.apiResponseForPrinting };\n printData.data = this.state.ticketDetails;\n\n this.setState({\n reservePaymentModal: false,\n reservePaymentType: '',\n reservePaymentComment: '',\n apiResponseForPrinting: printData,\n showConfirmTicketSuccessModal: true,\n successModalStatus: true,\n successModalMessage: 'El boleto ha sido confirmado',\n });\n this.forceUpdate();\n }\n },\n err => {\n console.log(err);\n },\n );\n };\n\n handleDisable = () => {\n \n const ticketDate = Date.parse(\n this.state.ticketDetails && this.state.ticketDetails.trip_ref_date,\n );\n const currentDate = Date.parse(DateService.getTodayString('yyyy-mm-dd'));\n const disable = currentDate > ticketDate ? true : false;\n return disable;\n };\n\n handleCancelButtonStatus = () => {\n let status = this.state.ticketDetails && this.state.ticketDetails.status == \"CANCELLED\" ? true : false;\n if (!status) {\n const ticketDate = Date.parse(\n this.state.ticketDetails && this.state.ticketDetails.trip_ref_date,\n );\n const currentDate = Date.parse(DateService.getTodayString('yyyy-mm-dd'));\n const disable = currentDate > ticketDate ? true : false;\n return disable;\n }\n return status;\n }\n\n handleConfirmButtonStatus = () => {\n let status =\n this.state.ticketDetails && this.state.ticketDetails.status == 'PENDING'? false : true;\n if (!status) {\n const ticketDate = Date.parse(\n this.state.ticketDetails && this.state.ticketDetails.trip_ref_date,\n );\n const currentDate = Date.parse(DateService.getTodayString('yyyy-mm-dd'));\n const disable = currentDate > ticketDate ? true : false;\n return disable;\n }\n return status;\n };\n // ---------- Handle Change Ticket Details-------------------\n handleUpdateTicketDetails = () => {\n const data = {\n pnr_id: this.state.ticketDetails.pnr_id,\n customer_email: this.state.ticketDetails.customer_email,\n customer_name: this.state.ticketDetails.customer_name,\n trip_ref_date: DateService.changeDateFormat(\n this.state.updateTicketDate,\n 'dd-mm-yyyy',\n 'yyyy-mm-dd',\n ),\n trip_ref_time: this.state.updateTicketTime,\n // trip_ref_date_time: DateService.getTimeInSeconds(new Date()),\n\n trip_ref_date_time: this.state.ticketDetails && this.state.ticketDetails.trip_ref_date_time,\n upd_date_time: CommonService.getTimeInSeconds(\n DateService.changeDateFormat(this.state.updateTicketDate, 'dd-mm-yyyy', 'yyyy-mm-dd') +\n 'T' +\n this.state.updateTicketTime,\n ),\n\n // upd_date_time: DateService.getTimeInSeconds(new Date()),\n };\n\n \n this.props.actions\n .apiCall({\n url: AppData.BASE_URL_V1 + `agent/updateTripDateTime`,\n data,\n method: 'POST',\n })\n .then(\n res => {\n this.onUpdateTicketDetailsResponse(res);\n },\n err => {\n this.onUpdateTicketDetailsResponse(err);\n },\n );\n };\n\n onUpdateTicketDetailsResponse = res => {\n console.log({ res });\n\n if (res && res.data && res.data.success) {\n this.setState({\n showSuccessModal: true,\n successModalStatus: true,\n successModalMessage: true,\n successModalMessage: 'El servicio fue actualizado',\n changeTicketDetailsShow: false,\n updatedTicketDetailStatus: true,\n });\n }\n\n if (res && res.data && !res.data.success) {\n this.setState({\n showSuccessModal: true,\n successModalStatus: true,\n successModalMessage: true,\n successModalMessage: res.data.message,\n });\n }\n };\n\n // ---------- Handle Resend Email -------------------\n handleResendTicket = () => {\n if (this.state.ticketDetails) {\n this.props.actions\n .apiCall({\n url:\n AppData.BASE_URL_V1 +\n `agent/reSend/${this.state.ticketDetails.pnr_id}/${DateService.getTimeInSeconds(\n DateService.getTodayString('yyyy-mm-dd') + 'T00:00:00',\n )}`,\n })\n .then(\n res => {\n this.onResendTicketDetailsFetch(res);\n },\n err => {\n this.onResendTicketDetailsFetch(err);\n },\n );\n } else {\n this.setState({ pnrEnteredError: { message: 'Please enter PNR' } });\n }\n };\n\n validateReservePaymentFields = () => {\n let errors = 0;\n if (!this.state.reservePaymentType) {\n this.setState({\n reservePaymentTypeError: { message: 'Select a payment type' },\n });\n errors++;\n }\n\n if (!this.state.reservePaymentComment) {\n this.setState({\n reservePaymentCommentError: { message: 'Payment comment is required' },\n });\n errors++;\n console.log('6');\n }\n\n if (errors > 0) {\n return false;\n } else {\n return true;\n }\n };\n onResendTicketDetailsFetch = res => {\n console.log({ res });\n if (res && res.data && res.data.success) {\n this.setState({\n showSuccessModal: true,\n successModalStatus: true,\n successModalMessage: true,\n successModalMessage: 'El ticket fue reenviado exitosamente',\n });\n }\n\n if (res && res.data && !res.data.success) {\n this.setState({\n showSuccessModal: true,\n successModalStatus: false,\n successModalMessage: false,\n successModalMessage: 'Falla en el reenvío del boleto',\n });\n }\n };\n\n render() {\n console.log('Ticket details in state-----', this.state.ticketDetails);\n\n return (\n \n
\n\n \n this.props.history.push('/sales-page')}\n >\n \n \n \n VENDER PASAJE\n
\n\n \n \n VENDER PASAJE\n \n this.onPnrChange(val)}\n onBlur={text => this.onBlur(text, 'pnr')}\n />\n
\n\n \n \n \n \n \n \n
\n \n \n \n
\n\n \n
\n \n {this.renderNameAndImage(\n '/images/my-trips.svg',\n 'PNR: ',\n this.state.ticketDetails && this.state.ticketDetails.pnr_id,\n )}\n
\n \n {this.renderNameAndImage(\n '/images/source.png',\n 'Origen: ',\n this.state.ticketDetails && this.state.ticketDetails.pickup_address,\n )}\n
\n \n {this.renderNameAndImage(\n '/images/destination.png',\n 'Destino: ',\n this.state.ticketDetails && this.state.ticketDetails.drop_address,\n )}\n
\n \n {this.renderNameAndImage(\n '/images/calender.png',\n 'Fecha de viaje: ',\n DateService.changeDateFormat(\n this.state.ticketDetails && this.state.ticketDetails.trip_ref_date,\n 'yyyy-mm-dd',\n 'dd/mm/yyyy',\n ),\n )}\n
\n \n {this.renderNameAndImage(\n '/images/clock.png',\n 'Hora de recogida: ',\n DateService.ampm(\n this.state.ticketDetails && this.state.ticketDetails.trip_ref_time,\n ),\n )}\n
\n \n {this.renderNameAndImage(\n '/images/car.png',\n 'Servicio: ',\n this.state.ticketDetails && this.state.ticketDetails.service_type,\n )}\n
\n \n {this.renderNameAndImage(\n '/images/seat.png',\n 'Cupos: ',\n this.state.ticketDetails && this.state.ticketDetails.no_of_seats + ' Pasajeros',\n )}\n
\n \n {this.renderNameAndImage(\n '/images/calender.png',\n 'Fecha de venta: ',\n this.state.ticketDetails && this.state.ticketDetails.booking_date,\n )}\n
\n \n {this.renderNameAndImage(\n '/images/my-trips.svg',\n 'Vendido por: ',\n this.state.ticketDetails && this.state.ticketDetails.user_name,\n )}\n
\n \n {this.renderNameAndImage(\n '/images/info.svg',\n 'Estatus: ',\n this.state.ticketDetails && this.translatedStatus(this.state.ticketDetails.status),\n )}\n
\n \n
\n \n \n
\n\n {this.state.ticketDetails ? (\n \n
\n ) : null}\n \n
\n \n {' '}\n {this.renderTwoItems(\n 'Nombre: ',\n this.state.ticketDetails && this.state.ticketDetails.customer_name,\n )}\n
\n \n {' '}\n {this.renderTwoItems(\n 'RUT/ Documento: ',\n this.state.ticketDetails && this.state.ticketDetails.identity_value,\n )}\n
\n \n {' '}\n {this.renderTwoItems(\n 'Teléfono: ',\n this.state.ticketDetails && this.state.ticketDetails.customer_phone,\n )}\n
\n \n {' '}\n {this.renderTwoItems(\n 'Correo eléctronico: ',\n this.state.ticketDetails && this.state.ticketDetails.customer_email,\n )}\n
\n \n \n
\n \n
\n {this.renderTwoItems('Medio de pago: ', this.getPaymentType())}
\n\n \n {this.renderTwoItems(\n 'Monto total: ',\n this.state.ticketDetails &&\n 'CLP' + CommonService.currency(this.state.ticketDetails.total_amount),\n )}\n
\n\n \n {this.renderTwoItems(\n 'Descuento total: ',\n (this.state.ticketDetails &&\n CommonService.currency(this.state.ticketDetails.discount_amount)) ||\n 'CLP0',\n )}\n
\n\n \n {' '}\n {this.renderTwoItems(\n 'Tarifa adicional: ',\n this.state.ticketDetails &&\n 'CLP' + CommonService.currency(this.state.ticketDetails.additional_fare),\n )}\n
\n\n \n {this.renderTwoItems(\n 'Monto neto: ',\n this.state.ticketDetails &&\n 'CLP' +\n CommonService.currency(\n this.state.ticketDetails.total_amount +\n this.state.ticketDetails.additional_fare -\n this.state.ticketDetails.discount_amount,\n ),\n // 'CLP' + this.state.ticketDetails.price_type === 'PER_PERSON'\n // ? CommonService.currency(\n // this.state.ticketDetails.price * this.state.ticketDetails.no_of_seats -\n // this.state.ticketDetails.discount_amount,\n // )\n // : CommonService.currency(\n // this.state.ticketDetails.price - this.state.ticketDetails.discount_amount,\n // ),\n )}\n
\n\n \n {this.renderTwoItems(\n 'Cargos de cancelación: ',\n this.state.ticketDetails &&\n 'CLP' + CommonService.currency(this.state.ticketDetails.cancellation_charge),\n )}\n
\n\n \n {this.renderTwoItems(\n 'Monto de reembolso: ',\n this.state.ticketDetails &&\n 'CLP' + CommonService.currency(this.state.ticketDetails.refund_amount),\n )}\n
\n \n {\n this.setState({\n changeTicketDetailsShow: true,\n updateTicketTime:\n this.state.ticketDetails && this.state.ticketDetails.trip_ref_time,\n updateTicketDate:\n this.state.ticketDetails &&\n DateService.changeDateFormat(\n this.state.ticketDetails.trip_ref_date,\n 'yyyy-mm-dd',\n 'dd-mm-yyyy',\n ),\n });\n }}\n disabled={this.handleCancelButtonStatus()}\n // disabled={this.handleDisable()}\n >\n CAMBIAR PASAJE\n \n\n this.setState({ showConfirmModal: true })}\n disabled={this.handleConfirmButtonStatus()}\n >\n CONFIRMAR PASAJE\n \n\n \n CANCELAR PASAJE\n \n \n REENVIAR PASAJE\n \n \n VER HISTORIAL DEL PASAJE\n \n
\n\n \n
\n \n\n \n Cambios de fecha o hora de boleto :{' '}\n {this.state.ticketDetails && this.state.ticketDetails.pnr_id}\n
\n \n Fecha actual:{' '}\n {this.state.ticketDetails &&\n DateService.changeDateFormat(\n this.state.ticketDetails.trip_ref_date,\n 'yyyy-mm-dd',\n 'dd-mm-yyyy',\n )}\n
\n \n Hora actual: {this.state.ticketDetails && this.state.ticketDetails.trip_ref_time}{' '}\n horas\n
\n \n {\n this.setState({\n updateTicketDate: data,\n updateTicketDateError: null,\n });\n }}\n placeholder={'Date'}\n newStyle=\"border-less-date-input\"\n style={{ border: 'lightgray solid 1px', borderRadius: '10px' }}\n />\n
\n\n Seleccionar fecha:
\n \n this.setState({ updateTicketTime: val })}\n placeholder={this.props.optional ? '' : '00:00'}\n hideIcon={true}\n showIconsOnAmPm={true}\n showAmPm={true}\n optional={this.props.optional}\n showPicker={true}\n style={{ width: '150px' }}\n />\n
\n\n Seleccionar hora:
\n \n \n Actualizar fecha y hora del boleto\n \n\n this.setState({ changeTicketDetailsShow: false })}>\n Cancelar\n \n
\n \n
\n \n\n CONFIRMAR PASAJE PARA EL PNR:
\n {this.state.ticketDetails && this.state.ticketDetails.pnr_id}
\n \n\n \n this.onTransferChange(val, 'reservePaymentType')}\n placeholder={'Moneda'}\n options={this.state.paymentOptions}\n value={this.state.reservePaymentType}\n error={this.state.reservePaymentTypeError ? true : false}\n errorMessage={\n this.state.reservePaymentTypeError\n ? this.state.reservePaymentTypeError.message\n : ''\n }\n />\n
\n\n \n {'Tipo'}\n
\n\n \n this.onTransferChange(text, 'reservePaymentComment')}\n onBlur={() => this.onBlur()}\n error={this.state.reservePaymentCommentError}\n errorMessage={\n this.state.reservePaymentCommentError\n ? this.state.reservePaymentCommentError.message\n : ''\n }\n />\n
\n \n
\n \n this.confirmReserveTicket()}>\n Confirmar Pasaje\n \n
\n\n \n this.setState({ reservePaymentModal: false })}>\n Cancelar\n \n
\n \n
\n\n \n Detalles del pasejero y de la reserva\n
\n | Origen : | \n\n {(this.state.ticketDetails && this.state.ticketDetails.pickup_address) || ''}\n | \n|
| Destino : | \n{(this.state.ticketDetails && this.state.ticketDetails.drop_address) || ''} | \n|
| Tipo de servicio : | \n{this.state.ticketDetails && this.state.ticketDetails.service_type} | \n|
| Cupos : | \n{(this.state.ticketDetails && this.state.ticketDetails.no_of_seats) || ''} | \n|
| PNR : | \n\n {(this.state.ticketDetails && this.state.ticketDetails.pnr_id) || 'AT000000'}\n | \n|
| Normbre del Pasajero : | \n\n {(this.state.ticketDetails && this.state.ticketDetails.customer_name) || ' '}\n | \n|
| \n {(this.state.ticketDetails && this.state.ticketDetails.identity_type) || 'RUT'}\n | \n{this.state.ticketDetails && this.state.ticketDetails.identity_value} | \n|
| Nacionalidad : | \n{(this.state.ticketDetails && this.state.ticketDetails.nationality) || ''} | \n|
| Fecha de Viaje : | \n\n {DateService.changeDateFormat(\n this.state.ticketDetails && this.state.ticketDetails.trip_ref_date,\n 'yyyy-mm-dd',\n 'dd/mm/yyyy',\n )}\n | \n|
| Hora de recogida : | \n {/*{this.props.printData.time} | */}\n\n {' '}\n {DateService.ampm(\n this.state.ticketDetails && this.state.ticketDetails.trip_ref_time,\n )}\n | \n
| Precio de Pasaje : | \n\n \n {CommonService.currency(\n this.state.ticketDetails && this.state.ticketDetails.price,\n )}\n {' '}\n | \n|
| Descuento : | \n\n {' '}\n {CommonService.currency(\n this.state.ticketDetails && this.state.ticketDetails.discount_amount,\n ) || 0}\n | \n|
| Tarifa adicional : | \n\n {' '}\n {CommonService.currency(\n this.state.ticketDetails && this.state.ticketDetails.additional_fare,\n ) || 0}\n | \n|
| Monto neto: | \n\n {' '}\n {this.state.ticketDetails && this.state.ticketDetails.price_type === 'PER_PERSON'\n ? CommonService.currency(\n this.state.ticketDetails.price * this.state.ticketDetails.no_of_seats +\n this.state.ticketDetails.additional_fare -\n this.state.ticketDetails.discount_amount || 0,\n )\n : CommonService.currency(\n (this.state.ticketDetails &&\n this.state.ticketDetails.price +\n this.state.ticketDetails.additional_fare -\n this.state.ticketDetails.discount_amount) ||\n 0,\n )}\n | \n|
| Reservado por : | \n{this.state.ticketDetails && this.state.ticketDetails.user_name} | \n|
| Impreso por : | \n{this.state.ticketDetails && this.state.ticketDetails.user_name} | \n
\n Impreso por: \n {CommonService.currentUser.user_name}{' '}\n On: \n {`${DateService.getTodayString()} - ${DateService.ampm(\n DateService.getCurrentHour() + ':' + DateService.getCurrentMinute(),\n )}`}\n
\n\n \n {/* \n
\n {label}\n {value}\n
\n );\n };\n\n return (\n \n
\n );\n}\n\n\nexport default TransactionsPage;","import React, { useEffect } from 'react';\nimport { apiCall } from './redux/apiCall';\nimport ApiUrls from '../../services/apiUrls';\nimport { useDispatch } from 'react-redux';\nimport CommonService from '../../services/commonService';\n\nconst HomePage = (props) => {\n const dispatch = useDispatch()\n\n return (\n \n Historial de pasaje\n
\n {/* 21481 Boleto N° 1: Impreso por Owner Dirección IP: 64.252.175. */}\n \n
\n \n
\n \n 21481\n Boleto N° 1: Impreso por Owner\n
\n \n
\n {renderTwoItems('Dirección IP: ', '64.252.175.69')}
\n {renderTwoItems('Nombre de sucursal:', 'Venta Psb')}
\n {renderTwoItems('Compra realizada por: ', 'Owner')}
\n {renderTwoItems('Fecha - Hora: ', '19/10/2020 - 17:11 PM')}
\n \n \n
\n \n
\n\n \n 21481\n \n Pasaje comprado {'>'} Asiento N° 1{'>'} En servicio\n Santiago - Aeropuerto (Santiago - Aeropuerto) {'>'} 19/10/2020'\n \n
\n \n
\n \n {renderTwoItems(\n 'Detalles del pasajero: ',\n 'Marcela Guzmán - 9 5248 7893 - N° 1 (Nombre: Ms Marcela Guzmán, Edad: 0, Tipo: RUT, N°: 23.877.346-6 Etapa ',\n )}\n
\n \n {renderTwoItems('del embaque: ', 'Santiago - 23:00 PM (Día 1)')}\n
\n \n {renderTwoItems(\n 'Dirección IP: ',\n '64.252.175.69, 186.10.37.41, 64.252.175.69',\n )}\n
\n {renderTwoItems('Nombre de sucursal: ', 'Venta Psb')}
\n {renderTwoItems('Booking source: ', 'Branch booking')}
\n {renderTwoItems('Compra realizada por: ', 'Owner')}
\n {renderTwoItems('Fecha - Hora: ', '19/10/2020 - 17:11 PM')}
\n \n 2 encontrados\n
\n \n
\n );\n}\n\n\n\nexport default HomePage;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport * as commonActions from '../common/redux/actions';\nimport { KuposButton, KuposErrorSuccessModal, KuposInput } from '../common';\nimport ApiUrls from '../../services/apiUrls';\nimport CommonService from '../../services/commonService';\nimport DateService from '../../services/dateService';\n\nvar global = window;\n\nexport class LoginPage extends Component {\n static propTypes = {\n home: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n };\n\n constructor(props) {\n super(props);\n this.selectServiceOptions = [\n { value: 1, label: 'Hacia aeropuerto' },\n { value: 2, label: 'Desde aeropuerto' },\n ];\n\n this.state = {\n emailError: false,\n passwordError: false,\n identityVal: null,\n };\n }\n\n onBlur = (value, text) => {};\n\n onChange = (value, type) => {\n this.setState({\n [type]: value,\n [type + 'Error']: null,\n });\n };\n\n goToDashboard = () => {\n if (!this.state.email) {\n this.setState({ emailError: 'please enter email' });\n return;\n } else if (!this.state.password) {\n this.setState({ passwordError: 'please enter password' });\n return;\n }\n\n // let data = {\n // email: this.state.email,\n // password: this.state.password,\n // };\n\n // let login_unix_time = DateService.getCurrentTimeUTC();\n\n let data = {\n login_id: this.state.email,\n password: this.state.password,\n login_unix_time: DateService.getCurrentTimeUTC(),\n login_date_stg: DateService.getTodayString(),\n login_time_stg: DateService.getCurrentHour() + ':' + DateService.getCurrentMinute(),\n login_day_begin_unix_time: CommonService.getTimeInSeconds(\n DateService.changeDateFormat(DateService.getTodayString(), 'dd-mm-yyyy', 'yyyy-mm-dd') +\n 'T00:00:00',\n ),\n login_day_end_unix_time: CommonService.getTimeInSeconds(\n DateService.changeDateFormat(DateService.getTodayString(), 'dd-mm-yyyy', 'yyyy-mm-dd') +\n 'T23:59:59',\n ),\n };\n\n console.log(this.props);\n\n this.props.actions.login({ url: ApiUrls.login(), data: data, method: 'POST' }).then(\n res => {\n this.onResponse(res);\n },\n err => {\n this.onResponse(err);\n },\n );\n\n // if (this.validate()){\n\n // }\n // console.log('Email and possword is', this.state.email, this.state.password);\n };\n\n onResponse = result => {\n console.log('login response from api--------', result);\n if (\n result.data &&\n result.data.success &&\n result.data.data &&\n result.data.data.authentication_details &&\n result.data.data.authentication_details.access_token\n ) {\n global.token = result.data.data.authentication_details.access_token;\n CommonService.storeLoginDetails(result.data.data, this.props.actions.setLoginData);\n localStorage.setItem(\n 'loginTime',\n `${DateService.getTodayString()}T${DateService.getCurrentTime()}`,\n );\n\n if (result.data.data.is_counter_applicable) {\n //case if counter is already assigned and not closed earlier\n if (result.data.data.is_counter_in_open_status) {\n CommonService.storeCounterDetails(result.data.data.open_counter_shift_if_any);\n this.props.history.push('/counter-dashboard');\n } else {\n //if counter is not assigned ealrier may be fresh log in\n this.props.history.push('/choose-counter');\n }\n } else {\n //if counter is not applicable for user (case when user does not have sales role)\n this.props.history.push('/');\n }\n\n // this.props.history.push('/counter-selection');\n } else {\n this.setState({\n showSuccessModal: true,\n successModalStatus: true,\n successModalMessage:\n\n // result.data.data && result.data.app_code === '116'\n // ? 'El usuario ya tiene una caja abierta ' +\n // result.data.data +\n // '. Por favor, abra sesión de nuevo para continuar'\n // : '¡El nombre de usuario o la contraseña son incorrectos!',\n\n result.data.data && result.data.app_code === '116'\n ? 'El usuario ya tiene una caja abierta ' +\n result.data.data +\n '. Por favor, abra sesión de nuevo para continuar'\n : result.data.data && result.data.app_code === '1033'\n ? 'La sucursal del usuario no tiene cajas asignadas'\n : '¡El nombre de usuario o la contraseña son incorrectos!',\n });\n }\n };\n\n render() {\n console.log('Props are ', this.props);\n return (\n \n 
\n
\n \n {\n this.setState({\n showSuccessModal: false,\n successModalStatus: false,\n successModalMessage: false,\n });\n }}\n bodyText={this.state.successModalMessage}\n />\n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n home: state.home,\n common: state.common,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions, ...commonActions }, dispatch),\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(LoginPage);\n","import React, { useEffect, useRef, useState } from 'react';\nimport ApiUrls from '../../services/apiUrls';\nimport { ActionButtons, AddButton, KuposErrorSuccessModal, KuposListLoader, KuposModalWithButtons } from '../common';\nimport { withScriptjs, withGoogleMap, GoogleMap, Marker, Polygon } from 'react-google-maps';\nimport AppData from '../../services/appData';\nimport DateService from '../../services/dateService';\nimport { useDispatch } from 'react-redux';\nimport { apiCall } from './redux/apiCall';\nimport { Snackbar } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\n\nconst modalInitialState = {\n show: false,\n success: false,\n bodyText: null,\n};\nconst AllServiceAreas = () => {\n const dispatch = useDispatch();\n const getListResponse = useRef(() => { });\n const polygonRef = useRef();\n const [fetch, setFetch] = useState(false);\n const [list, setList] = useState([]);\n const [modal, setModal] = useState(modalInitialState);\n const [selectedViewItem, setSelectedViewItem] = useState('');\n const [loader, setLoader] = useState(true);\n const [snackbar, setSnackbar] = useState({});\n const [selectedItemDetails, setSelectedItemDetails] = useState();\n\n\n useEffect(() => {\n dispatch(apiCall({ url: ApiUrls.addServicePricing(), callback: res => getListResponse.current(res) }))\n }, [dispatch, fetch]);\n\n getListResponse.current = (res) => {\n setLoader(false);\n if (res && res.data && res.data.success) {\n setList(res.data.data);\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n const getDetails = id => {\n dispatch(apiCall({ url: ApiUrls.addServicePricing(id), callback: res => getDetailsResponse(res) }));\n };\n\n const getDetailsResponse = (res) => {\n if (res && res.data && res.data.success) {\n setSelectedItemDetails(res.data.data);\n } else if (res && res.data && !res.data.success) {\n // setSnackbar({\n // showSnackbar: true,\n // persist: true,\n // alertMessage: res.data.message ? res.data.message : 'Failure'\n // });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n }\n\n const renderItem = (val, i) => {\n return (\n \n
\n \n
\n\n \n
\n\n \n Inicio de sesión\n
\n\n \n Nombre de usuario\n
\n \n this.onChange(val, 'email')}\n onBlur={text => this.onBlur(text, 'email')}\n />\n
\n\n \n Contraseña\n
\n \n this.onChange(val, 'password')}\n onBlur={text => this.onBlur(text, 'password')}\n />\n
\n\n \n \n Ingresar\n \n
\n \n \n Solución de gestión desarrollada y mantenida por\n kupos.com\n \n
\n \n Todos los derechos reservados.\n
\n \n {\n getDetails(val.id);\n setSelectedViewItem(val)\n }}\n url={('/services/' + val.id + '/edit')}\n handleDelete={() =>\n setModal({\n showDeleteModal: true,\n selectedItemName: val.service_price_name,\n selectedItemId: val.id,\n itemToDelete: val,\n })\n }\n />\n\n
\n );\n };\n\n const renderDeleteModal = () => {\n return (\n {val.id}
\n {val.client_code}
\n {val.service_price_name}
\n \n
\n \n );\n };\n\n const deleteItem = () => {\n let data = {\n id: Number(modal.itemToDelete.id),\n client_code: modal.itemToDelete.client_code,\n service_id: Number(modal.itemToDelete.service_id),\n service_name: modal.itemToDelete.service_name,\n pickup_location_id: Number(modal.itemToDelete.pickup_location_id),\n pickup_location_name: modal.itemToDelete.pickup_location_name,\n pickup_location_area_id: Number(modal.itemToDelete.pickup_location_area_id),\n pickup_location_area_name: modal.itemToDelete.pickup_location_area_name,\n drop_location_id: Number(modal.itemToDelete.drop_location_id),\n drop_location_name: modal.itemToDelete.drop_location_name,\n drop_location_area_id: Number(modal.itemToDelete.drop_location_area_id),\n drop_location_area_name: modal.itemToDelete.drop_location_area_name,\n price_type: modal.itemToDelete.price_type,\n price: Number(modal.itemToDelete.price),\n service_price_name: modal.itemToDelete.service_price_name,\n status: 'ACTIVE',\n created_on: modal.itemToDelete.created_on,\n created_by: 0,\n last_updated_on: modal.itemToDelete.last_updated_on,\n last_updated_by: 0,\n created_user: modal.itemToDelete.created_user,\n created_utc: Number(modal.itemToDelete.created_utc),\n created_date_time_stg: modal.itemToDelete.created_date_time_stg,\n last_updated_user: modal.itemToDelete.last_updated_user,\n last_updated_utc: Number(modal.itemToDelete.last_updated_utc),\n last_updated_date_time_stg: modal.itemToDelete.last_updated_date_time_stg,\n deleted_utc: DateService.getCurrentTimeUTC(),\n deleted_date_time_stg: DateService.getCurrentStgDate(),\n };\n\n dispatch(\n apiCall({\n url: ApiUrls.addServicePrice(),\n method: 'DELETE',\n data,\n callback: res => onDeleteResponse(res),\n }),\n );\n\n };\n\n\n const onDeleteResponse = res => {\n if (res.data && res.data.success) {\n setModal({ show: true, success: true, bodyText: 'Eliminar éxito' });\n setFetch(!fetch);\n } else {\n setModal({ show: true, success: false, bodyText: res.data.message });\n }\n };\n\n const renderViewModal = () => {\n return (\n ¿Quieres eliminar \"{modal.selectedItemName}\"?
\n\n
\n ) : null}\n \n );\n };\n\n return (\n Servicio
\n\n
\n Nombre:
\n \n {selectedViewItem.service_price_name}\n
\n \n
\n Localización de embarque :
\n \n {selectedViewItem.pickup_location_name}\n
\n \n
\n \n Área de localización de embarque :\n
\n \n {selectedViewItem.pickup_location_area_name}\n
\n \n
\n Localización de la bajada:
\n \n {selectedViewItem.drop_location_name}\n
\n \n
\n \n Área de la localización de la bajada :\n
\n \n {selectedViewItem.drop_location_area_name}\n
\n \n
\n Tipo de precio:
\n {selectedViewItem.price_type}
\n \n
\n Precio:
\n {selectedViewItem.price}
\n \n
\n {selectedItemDetails && selectedItemDetails.location_areas ? (\n Estatus:
\n {selectedViewItem.status}
\n \n ({\n lat: val[0],\n lng: val[1],\n }))}\n />\n \n
\n ) : null}\n \n
\n {\n setModal(modalInitialState);\n }}\n />\n setSnackbar({ showSnackbar: false })}\n >\n setSnackbar({ showSnackbar: false })} severity=\"error\">\n {snackbar.alertMessage}\n \n \n
\n );\n}\n\n\n\nconst MapWithAMarker = withScriptjs(\n withGoogleMap(props => (\n \n
\n
\n {loader ? ID
\n Operador
\n Nombre
\n Acción
\n \n// *\n//
\n// );\n\nvar google;\n\nexport class AddLocationArea extends Component {\n static propTypes = {\n home: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n };\n\n constructor(props) {\n super(props);\n this.state = {\n // center: {\n // lat: 33.429,\n // lng: -70.62,\n // },\n // myLocation: {\n // lat: 33.429,\n // lng: -70.62,\n // },\n selectedTab: 1,\n polygon: [],\n locations: [],\n selectedLocation: '',\n areaName: null,\n successModalMessage: null,\n successModalStatus: false,\n areadAddModal: false,\n selectedLatLong: { lat: -33.4436021, lng: -70.6606066 },\n locationAreaToEdit: null,\n locationError: null,\n loader:false,\n };\n }\n\n componentDidMount() {\n this.getLocations();\n this.getLocationList();\n }\n\n getLocationArea = (id, locations) => {\n console.log('+++id and loc', id, locations);\n // this.props.actions.apiCall({ url: ApiUrls.getLocationAreas(id) }).then(\n // res => {\n // if (res.data && res.data.success && res.data.data) {\n // this.setState({\n // locationAreaToEdit: res.data.data,\n // polygon:\n // res.data.data.polygon && JSON.parse(res.data.data.polygon).features\n // ? JSON.parse(res.data.data.polygon).features[0].geometry.coordinates[0].map(\n // val => ({\n // lat: val[0],\n // lng: val[1],\n // }),\n // )\n // : [],\n // selectedLocation: locations.find(loc => loc.value === res.data.data.location_id),\n // areaName: res.data.data.area_name,\n // remark:res.data.data.remark,\n // });\n // }\n // },\n // err => {},\n // );\n locations.forEach(element => {\n if (element.id == id) {\n console.log('+++element to edit', element);\n this.setState({\n locationAreaToEdit: element,\n areaName: element.area_name,\n remark: element.remark,\n selectedLocation: element.location_id,\n // polygon: element.polygon,\n polygon:\n element.polygon && JSON.parse(element.polygon).features\n ? JSON.parse(element.polygon).features[0].geometry.coordinates[0].map(val => ({\n lat: val[0],\n lng: val[1],\n }))\n : [],\n });\n }\n });\n };\n\n getLocationList = () => {\n this.props.actions.apiCall({ url: ApiUrls.getLocationList() }).then(\n res => {\n this.onLocationListResponse(res)\n },\n err =>{\n this.onLocationListResponse(err)\n }\n );\n }\n\n onLocationListResponse = (result) => {\n let data = [];\n\n if (result.data && result.data.success && result.data.data) {\n result.data.data.map(val => {\n data.push({ value: val.id, label: val.name });\n });\n }\n this.setState({ locationList: data });\n }\n\n getLocations = () => {\n // this.props.actions.apiCall({ url: ApiUrls.getLocations() }).then(\n this.props.actions.apiCall({ url: ApiUrls.getLocationAreas() }).then(\n res => {\n this.onLocationApiResponse(res);\n },\n err => {\n this.onLocationApiResponse(err);\n },\n );\n };\n\n onLocationApiResponse = result => {\n console.log('+++Locations Result is', result.data ? result : 'no data');\n\n let data = [];\n\n if (result.data && result.data.success && result.data.data) {\n // result.data.data.map(val => {\n // data.push({ value: val.id, label: val.name });\n this.setState({ locations: result.data.data });\n // });\n if (this.props.match.params.id)\n this.getLocationArea(this.props.match.params.id, result.data.data);\n }\n\n // this.setState({ locations: data });\n };\n\n onTabChange = val => {\n this.setState({ selectedTab: val });\n };\n\n renderTabs = () => {\n return (\n \n this.onTabChange(2)}\n >\n {'Map'}\n
\n \n \n );\n };\n\n validate = () => {\n if (!this.state.selectedLocation) {\n this.setState({ locationError: { message: 'Por favor seleccione Ubicación' } });\n return false;\n }\n if (!this.state.areaName > 0) {\n this.setState({ areaNameError: { message: 'Seleccione el nombre del área' } });\n return false;\n }\n if (!this.state.polygon.length > 0) {\n this.setState({ polygonError: { message: 'Seleccione el área del polígono' } });\n return false;\n }\n if (!this.state.remark) {\n this.setState({ remarkError: { message: 'Por favor, ingrese algún comentario para continuar' } });\n return false;\n }\n return true;\n };\n\n onSelectOptionChange = val => {\n console.log(\"+++in onSelectChange value is\",val)\n this.props.actions\n .apiCall({\n url: `https://nominatim.openstreetmap.org/search?q=${val.label},santiago,chile&format=json&polygon=1&addressdetails=1`,\n })\n .then(\n res => {\n this.onGetLatLongResponse(res);\n },\n err => {\n this.onGetLatLongResponse(err);\n },\n );\n\n this.setState({ selectedLocation: val ,locationError:null});\n };\n\n createOrUpdate = () => {\n if (!this.validate()) {\n return;\n }\n this.setState({loader:true})\n\n // console.log('Service selected location ', this.state.selectedLocation.value);\n let polygon = this.props.match.params.id\n ? {\n type: 'FeatureCollection',\n features: [\n {\n type: 'Feature',\n geometry: {\n type: 'Polygon',\n coordinates: [this.getPolygonString()],\n },\n properties: { prop0: 'value0' },\n },\n ],\n }\n : this.getPolygonString();\n\n let data, updateData;\n\n this.props.match.params.id\n ? (updateData = {\n id: this.state.locationAreaToEdit.id,\n location_id: this.state.locationAreaToEdit.location_id,\n client_code: this.state.locationAreaToEdit.client_code,\n area_name: this.state.areaName,\n polygon: JSON.stringify(polygon),\n remark: this.state.remark,\n status: 'ACTIVE',\n created_by: this.state.locationAreaToEdit.created_by,\n created_on_utc: this.state.locationAreaToEdit.created_on_utc,\n created_date_time_stg: this.state.locationAreaToEdit.created_date_time_stg,\n last_updated_by: this.state.locationAreaToEdit.last_updated_by,\n last_updated_on_utc: DateService.getCurrentTimeUTC(),\n last_updated_date_time_stg: DateService.getCurrentStgDate(),\n deleted_by: ' ',\n deleted_on_utc: 0,\n deleted_date_time_stg: '',\n })\n : (data = {\n id: this.props.match.params.id ? +this.props.match.params.id : undefined,\n location_id: this.state.selectedLocation.value,\n location_name: this.state.selectedLocation.label,\n client_code: AppData.clientCode,\n area_name: this.state.areaName,\n polygon: JSON.stringify(polygon),\n remark: this.state.remark,\n created_on_utc: DateService.getCurrentTimeUTC(),\n created_date_time_stg: DateService.getCurrentStgDate(),\n });\n\n this.props.actions\n .apiCall({\n method: this.props.match.params.id ? 'PUT' : 'POST',\n url: ApiUrls.addLocationArea(),\n data: this.props.match.params.id ? updateData : data,\n })\n .then(\n res => {\n this.onLocationAddResponse(res);\n },\n err => {\n this.onLocationAddResponse(err);\n },\n );\n\n // console.log('Service Add area called ', data);\n };\n\n onLocationAddResponse = result => {\n console.log('+++Result from add/update location area is', result.data);\n if (result.data && result.data.success && result.data.http_code == '200') {\n this.setState({loader:false})\n this.setState({\n showSuccessModal: true,\n successModalStatus: true,\n successModalMessage: 'Éxito',\n });\n } else {\n this.setState({\n showSuccessModal: true,\n successModalStatus: false,\n successModalMessage: 'Éxito',\n });\n }\n };\n\n onBlur = (val, inp) => {};\n\n onChange = (val, inp) => {\n this.setState({\n [inp]: val,\n [inp + 'Error']: null,\n });\n };\n\n onMapClicked = props => {\n let polygon = CommonService.copyObject(this.state.polygon);\n if (polygon.length < 3) {\n polygon.push({\n lat: props.latLng.lat(),\n lng: props.latLng.lng(),\n });\n this.setState({\n polygon: polygon,\n });\n }\n };\n\n onMarkerDrag = (index, props) => {\n // function is just a stub to test callbacks\n let polygon = CommonService.copyObject(this.state.polygon);\n polygon[index].lat = props.latLng.lat();\n polygon[index].lng = props.latLng.lng();\n this.setState({\n draggable: false,\n polygon: polygon,\n });\n\n console.log('onCircleInteraction called with', index, props);\n };\n\n onPolygonMouseOut = props => {\n // console.log(props)\n let polygon = [];\n console.log(props.getPath().length);\n props.getPath().forEach((latlng, index) => {\n polygon.push({ lat: latlng.lat(), lng: latlng.lng() });\n });\n this.setState({\n draggable: false,\n polygon: polygon,\n });\n };\n\n getPolygonString = () => {\n let polygon = [];\n this.state.polygon.forEach((latlng, index) => {\n polygon.push([latlng.lat, latlng.lng]);\n });\n\n return polygon;\n };\n\n \n\n onGetLatLongResponse = result => {\n if (result.status == 200 && result.data.length > 0) {\n this.setState({\n selectedLatLong: {\n lat: +result.data[0].lat,\n lng: +result.data[0].lon,\n },\n });\n }\n };\n\n hideAndRedirect = () => {\n this.setState({ showSuccessModal: false });\n this.props.history.push('/admin-home');\n };\n\n resetPolygon = () => {\n this.setState({ polygon: [] });\n };\n\n render() {\n console.log('+++state is----', this.state);\n\n return (\n \n this.onTabChange(1)}\n >\n {'Setup'}\n
\n \n {/* */}\n\n {\n this.setState({\n showSuccessModal: false,\n successModalStatus: false,\n successModalMessage: false,\n });\n if (this.state.successModalStatus) this.props.history.goBack();\n }}\n bodyText={this.state.successModalMessage}\n />\n\n \n {this.state.loader ? (\n
\n );\n }\n}\n\nconst MapWithAMarker = withScriptjs(\n withGoogleMap(props => (\n \n
\n\n \n this.onSelectOptionChange(val)}\n // onChange={text => this.onChange(text, 'location')}\n placeholder={'Ubicación'}\n options={this.state.locationList}\n value={this.state.selectedLocation}\n error={this.state.locationError ? true : false}\n disabled={this.props.match.params.id ? true : false}\n errorMessage={this.state.locationError ? this.state.locationError.message : ''}\n />\n
\n\n \n this.onChange(text, 'areaName')}\n onBlur={text => this.onBlur(text, 'areaName')}\n />\n
\n\n \n
\n\n \n
\n\n {this.state.polygonError ? (\n {this.state.polygonError.message}\n ) : null}\n \n {JSON.stringify(this.getPolygonString())}\n
\n \n this.onChange(text, 'remark')}\n onBlur={text => this.onBlur(text, 'remark')}\n />\n
\n\n \n \n \n {this.props.match.params.id\n ? 'Actualizar área de ubicación'\n : 'Crear área de ubicación'}\n \n \n
\n \n
\n\n \n
\n\n {this.state.polygon.length > 0 && (\n \n {/* { this.setState({ map: map, maps: maps, mapLoaded: true }) }}\n >\n {\n this.state.polygon ? this.state.polygon.map((val, key) => (\n {\n this.polygonRef = ref;\n }}\n onDragEnd={() => console.log(this.polygonRef.getPaths())}\n onMouseUp={() => this.onPolygonMouseOut(this.polygonRef)}\n editable={true}\n path={this.state.polygon}\n />\n \n
\n \n \n Restablecer polígono\n \n
\n )}\n \n
\n ) : null}\n \n {\n this.setState({\n showSuccessModal: false,\n successModalStatus: false,\n successModalMessage: false,\n });\n if (this.state.successModalStatus) this.props.history.goBack();\n }}\n bodyText={this.state.successModalMessage}\n />\n
\n );\n }\n}\n\nconst MapWithAMarker = withScriptjs(\n withGoogleMap(props => (\n \n
\n\n \n
\n\n \n Especifique los detalles del precio del servicio\n
\n \n
\n \n this.onPriceChange(val, 'service_price_name')}\n onBlur={text => this.onPriceBlur(text)}\n />\n
\n\n \n this.onLocationChange(val, 'pickup_location')}\n label={'Localización de embarque '}\n placeholder={'Localización de embarque '}\n options={this.state.locations}\n value={this.state.selectedPickupLocation}\n disabled={this.props.match.params.id ? true : false}\n error={this.state.selectedPickupLocationError ? true : false}\n errorMessage={\n this.state.selectedPickupLocationError\n ? this.state.selectedPickupLocationError.message\n : ''\n }\n />\n
\n\n \n this.onLocationChange(val, 'pickup_location_area')}\n label={'Área de localización de embarque '}\n placeholder={'Área de localización de embarque '}\n options={this.state.locationAreas}\n // options={this.state.locations}\n value={this.state.selectedPickupLocationArea}\n disabled={this.props.match.params.id ? true : false}\n error={this.state.selectedPickupLocationAreaError ? true : false}\n errorMessage={\n this.state.selectedPickupLocationAreaError\n ? this.state.selectedPickupLocationAreaError.message\n : ''\n }\n />\n
\n\n \n this.onPriceChange(val, 'pickup_address')}\n onBlur={text => this.onPriceBlur(text)}\n />\n
\n\n \n this.onLocationChange(val, 'drop_location')}\n label={'Localización de la bajada'}\n placeholder={'Localización de la bajada'}\n options={this.state.locations}\n value={this.state.selectedDropLocation}\n disabled={this.props.match.params.id ? true : false}\n error={this.state.selectedDropLocationError ? true : false}\n errorMessage={\n this.state.selectedDropLocationError\n ? this.state.selectedDropLocationError.message\n : ''\n }\n />\n
\n\n \n this.onLocationChange(val, 'drop_location_area')}\n label={'Área de la localización de la bajada '}\n placeholder={'Área de la localización de la bajada '}\n options={this.state.locationAreas}\n // options={this.state.locations}\n value={this.state.selectedDropLocationArea}\n disabled={this.props.match.params.id ? true : false}\n error={this.state.selectedDropLocationAreaError ? true : false}\n errorMessage={\n this.state.selectedDropLocationAreaError\n ? this.state.selectedDropLocationAreaError.message\n : ''\n }\n />\n
\n\n \n this.onPriceChange(val, 'drop_address')}\n onBlur={text => this.onPriceBlur(text)}\n />\n
\n\n \n this.onLocationChange(val, 'service')}\n label={'Servicio'}\n placeholder={'Servicio'}\n options={this.state.services}\n value={this.state.selectedService}\n disabled={this.props.match.params.id ? true : false}\n error={this.state.selectedServiceError ? true : false}\n errorMessage={\n this.state.selectedServiceError ? this.state.selectedServiceError.message : ''\n }\n />\n
\n \n this.onLocationChange(val, 'price_type')}\n label={'Tipo de precio'}\n placeholder={'Tipo de precio'}\n options={this.state.priceTypes}\n value={this.state.selectedPriceType}\n disabled={this.props.match.params.id ? true : false}\n error={this.state.selectedPriceTypeError ? true : false}\n errorMessage={\n this.state.selectedPriceTypeError\n ? this.state.selectedPriceTypeError.message\n : ''\n }\n />\n
\n\n \n this.onPriceChange(val, 'price')}\n onBlur={text => this.onPriceBlur(text)}\n />\n
\n\n {this.state.selectedPriceType && this.state.selectedPriceType.value === 'PER_KM' ? (\n \n
\n ) : null}\n\n \n this.onPriceChange(val, 'fixed_price')}\n onBlur={text => this.onPriceBlur(text)}\n />\n\n this.onPriceChange(val, 'maximum_distance')}\n onBlur={text => this.onPriceBlur(text)}\n />\n\n this.onPriceChange(val, 'from_km')}\n onBlur={text => this.onPriceBlur(text)}\n />\n\n this.onPriceChange(val, 'to_km')}\n onBlur={text => this.onPriceBlur(text)}\n />\n\n this.onPriceChange(val, 'per_km')}\n onBlur={text => this.onPriceBlur(text)}\n />\n
\n \n \n \n {this.props.match.params.id\n ? 'Actualizar precios del servicio'\n : 'Crear precios de servicios'}\n \n \n
\n \n {\n this.polygonRef = ref;\n }}\n // onDragEnd={() => console.log(this.polygonRef.getPaths())}\n // onMouseUp={() => this.onPolygonMouseOut(this.polygonRef)}\n // editable={true}\n path={this.state.polygon}\n />\n \n
\n ![](\"/images/dispatch.png\")
\n Despachar
\n \n \n )}\n \n
\n\n {this.state.showLoader ? (\n \n
*/}\n \n this.onStepClick(val)}\n />\n
\n \n {'Ordenar por'}\n this.onServiceTypeChnage(val)}\n onInputChange={this.onInputChange}\n placeholder={'Fecha de viaje'}\n height={40}\n />\n
\n \n {'Desde'}\n this.onTransferChange(val, 'going')}\n // minDate={\"01-01-2020\"}\n error={this.state.transferDateError ? true : false}\n errorMessage={this.state.transferDateError}\n deactivateFutureDate={this.state.selectedService == 'BOOKING_DATE' ? true : false}\n placeholder={'Going Date'}\n />\n
\n \n {'Hasta'}\n this.onTransferChange(val, 'return')}\n deactivateFutureDate={this.state.selectedService == 'BOOKING_DATE' ? true : false}\n minDate={this.state.fromDate}\n error={this.state.transferDateError ? true : false}\n errorMessage={this.state.transferDateError}\n placeholder={'Return Date'}\n />\n
\n\n \n \n
\n\n \n \n \n \n Descargar reporte\n \n \n
\n \n Descargar reporte\n \n \n \n
\n {/* \n \n {this.state.showHeader &&\n this.state.filteredBookings &&\n this.state.filteredBookings.length > 0 ? (\n \n
\n
\n {/* | \n | ID | \nDesde/Hacia | \nN° Reserva | \nOrigen | \nDestino | \nNombre del cliente | \nCorreo electrónico | \nTeléfono | \nFecha de compra | \nFecha de viaje | \nHora de vuelo | \nHora de recogida | \nDirección | \nTipo de servicio | \nAsientos | \nMonto Neto | \nVendido por | \nFecha de regreso | \n {/*Comuna | */}\nComentario | \nDespachado | \nVehículo | \nConductor | \nVehículo | \n {/*Conductor | \nAcciones | */}\n
|---|
\n {this.state.bookingRequests &&\n this.state.filteredBookings.map((val, key) =>\n this.renderServiceRequest(val, key),\n )}\n
*/}\n \n
\n ) : null}\n \n this.onDispatchChange('boarded')}\n checked={this.state.boarded}\n label={'Pasajero embarco'}\n />\n this.onDispatchChange('not_boarded')}\n checked={this.state.not_boarded}\n label={'Pasajero no embarco'}\n />\n
\n \n \n \n Add Location Area\n \n \n Add Service Pricing\n \n
\n );\n}\n\nexport default AdminHome;\n","import React, { useEffect, useRef, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport ApiUrls from '../../services/apiUrls';\nimport { ActionButtons, KuposErrorSuccessModal, AddButton, KuposListLoader, KuposModalWithButtons } from '../common';\nimport { withScriptjs, withGoogleMap, GoogleMap, Polygon } from 'react-google-maps';\nimport AppData from '../../services/appData';\nimport DateService from '../../services/dateService';\nimport { apiCall } from './redux/apiCall';\nimport { Snackbar } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\n\nconst modalInitialState = {\n show: false,\n success: false,\n bodyText: null,\n};\n\nconst AllLocationAreas = () => {\n const dispatch = useDispatch();\n const getLocationListResponse = useRef(() => { });\n const getListResponse = useRef(() => { });\n const polygonRef = useRef();\n const [fetch, setFetch] = useState(false);\n const [list, setList] = useState([]);\n const [locations, setLocations] = useState([]);\n const [modal, setModal] = useState(modalInitialState);\n const [selectedViewItem, setSelectedViewItem] = useState('');\n const [loader, setLoader] = useState(true);\n const [snackbar, setSnackbar] = useState({});\n\n\n useEffect(() => {\n dispatch(apiCall({ url: ApiUrls.getLocationList(), callback: res => getLocationListResponse.current(res) }))\n // eslint-disable-next-line\n }, []);\n\n\n useEffect(() => {\n dispatch(apiCall({ url: ApiUrls.getLocationAreas(), callback: res => getListResponse.current(res) }))\n // eslint-disable-next-line\n }, [fetch]);\n\n\n getLocationListResponse.current = (res) => {\n if (res && res.data && res.data.success) {\n let locations = [];\n res.data.data.map(location => {\n locations.push({ value: location.id, label: location.name });\n });\n setLocations(locations);\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n getListResponse.current = (res) => {\n console.log('Result from all location areas is', res);\n setLoader(false)\n if (res && res.data && res.data.success) {\n setList(res.data.data)\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n }\n\n const getParticularLocationName = location_id => {\n let locationName;\n locations &&\n locations.map(val => {\n if (val.value === location_id) {\n locationName = val.label;\n }\n });\n\n return {locationName};\n };\n\n const renderItem = (val, i) => {\n // console.log(val)\n return (\n \n \n setModal({\n showDeleteModal: true,\n selectedItemName: val.area_name,\n selectedItemId: val.id,\n itemToDelete: val,\n })\n }\n />\n\n
\n );\n };\n\n const renderDeleteModal = () => {\n return (\n {val.id}
\n {val.client_code}
\n {val.area_name}
\n \n {getParticularLocationName(val.location_id)}\n
\n {val.remark}
\n \n
\n \n );\n };\n\n const deleteItem = () => {\n let data = {\n id: modal.itemToDelete.id,\n location_id: modal.itemToDelete.location_id,\n client_code: modal.itemToDelete.client_code,\n area_name: modal.itemToDelete.area_name,\n polygon: modal.itemToDelete.polygon,\n remark: modal.itemToDelete.remark,\n status: 'ACTIVE',\n created_by: modal.itemToDelete.created_by,\n created_on_utc: modal.itemToDelete.created_on_utc,\n created_date_time_stg: modal.itemToDelete.created_date_time_stg,\n last_updated_by: modal.itemToDelete.last_updated_by,\n last_updated_on_utc: modal.itemToDelete.last_updated_on_utc,\n last_updated_date_time_stg: modal.itemToDelete.last_updated_date_time_stg,\n deleted_by: ' ',\n deleted_on_utc: DateService.getCurrentTimeUTC(),\n deleted_date_time_stg: DateService.getCurrentStgDate(),\n };\n\n\n dispatch(\n apiCall({\n url: ApiUrls.getLocationAreas(),\n method: 'DELETE',\n data,\n callback: res => onDeleteResponse(res),\n }),\n );\n\n };\n\n const onDeleteResponse = res => {\n if (res.data && res.data.success) {\n setModal({ show: true, success: true, bodyText: 'Eliminar éxito' });\n setFetch(!fetch);\n } else {\n setModal({ show: true, success: false, bodyText: res.data.message });\n }\n };\n\n const renderViewModal = () => {\n return (\n ¿Quieres eliminar \"{modal.selectedItemName}\"?
\n\n
\n ) : null}\n \n );\n };\n\n return (\n Área de ubicacion
\n\n
\n Nombre:
\n {selectedViewItem.area_name}
\n \n
\n Estatus:
\n {selectedViewItem.status}
\n \n console.log(this.polygonRef.getPaths())}\n // onMouseUp={() => this.onPolygonMouseOut(this.polygonRef)}\n // editable={true}\n path={JSON.parse(\n selectedViewItem.polygon,\n ).features[0].geometry.coordinates[0].map(val => ({ lat: val[0], lng: val[1] }))}\n />\n \n
\n \n
\n {\n setModal(modalInitialState);\n }}\n />\n setSnackbar({ showSnackbar: false })}\n >\n setSnackbar({ showSnackbar: false })} severity=\"error\">\n {snackbar.alertMessage}\n \n \n
\n );\n}\n\n\nconst MapWithAMarker = withScriptjs(\n withGoogleMap(props => (\n \n
\n
\n {loader ? ID
\n Operador
\n Área de ubicación
\n Locación
\n Observaciones
\n Acción
\n \n \n setModal({\n showDeleteModal: true,\n selectedItemName: val.first_name + ' ' + val.last_name + ', ' + val.email,\n selectedItemId: val.id,\n })\n }\n />\n
\n );\n };\n\n const getOldUserRoles = roles => {\n let oldRoles = '';\n roles &&\n roles.map(val => {\n oldRoles = oldRoles ? oldRoles + ', ' + val.role_name : oldRoles + val.role_name;\n });\n\n return oldRoles;\n };\n\n const renderViewModal = () => {\n return (\n {val.id}
\n {val.client_code}
\n \n {val.first_name} {val.last_name}\n
\n {val.email}
\n \n {(val.user_roles_list || []).length ? val.user_roles_list[0].role_name : ''}\n
\n\n \n
\n ) : null}\n \n );\n };\n\n const renderDeleteModal = () => {\n return (\n Usuario
\n\n
\n Primer nombre:
\n {selectedUser.first_name}
\n \n
\n Apellido:
\n {selectedUser.last_name}
\n \n
\n Correo electrónico:
\n {selectedUser.email}
\n \n
\n Papel:
\n \n {getOldUserRoles(selectedUser.user_roles_list)}\n
\n \n
\n Estatus:
\n {selectedUser.status}
\n \n
\n Creado en:
\n \n {DateService.changeDateFormat(\n selectedUser.created_on.split('T')[0],\n 'yyyy-mm-dd',\n 'dd/mm/yyyy',\n )}\n
\n \n
\n \n );\n };\n\n const deleteItem = () => {\n dispatch(\n apiCall({\n url: ApiUrls.user(modal.selectedItemId),\n method: 'DELETE',\n callback: res => onDeleteResponse(res),\n }),\n );\n };\n\n const onDeleteResponse = res => {\n if (res.data && res.data.success) {\n setModal({ show: true, success: true, bodyText: 'Eliminar éxito' });\n setFetch(!fetch);\n } else {\n setModal({ show: true, success: false, bodyText: res.data.message });\n }\n };\n return (\n ¿Quieres eliminar \"{modal.selectedItemName}\"?
\n\n
\n {\n setModal(modalInitialState);\n }}\n />\n setSnackbar({ showSnackbar: false })}\n >\n setSnackbar({ showSnackbar: false })} severity=\"error\">\n {snackbar.alertMessage}\n \n \n
\n )\n}\n\n\nexport default UserPage;\n","import { Snackbar } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport React, { useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport Select from 'react-select';\nimport ApiUrls from '../../services/apiUrls';\nimport { KuposButton, KuposErrorSuccessModal, KuposInput, DropdownComponent } from '../common';\nimport { apiCall } from './redux/apiCall';\nimport Loader from 'react-loader-spinner';\n\nconst initialState = {\n email: '',\n password: '',\n first_name: '',\n last_name: '',\n};\n\nconst modalInitialState = {\n show: false,\n success: false,\n bodyText: '',\n};\n\nconst errorInitialState = {};\n\nconst AddUserScreen = ({ match, history }) => {\n const dispatch = useDispatch();\n const [values, setValues] = useState(initialState);\n const [modal, setModal] = useState(modalInitialState);\n const [errors, setErrors] = useState(errorInitialState);\n const [country, setCountry] = useState('');\n const [countries, setCountries] = useState([]);\n const [states, setStates] = useState([]);\n const [state, setState] = useState('');\n const [cities, setCities] = useState([]);\n const [city, setCity] = useState('');\n const [branches, setBranches] = useState([]);\n const [branch, setBranch] = useState('');\n const [roles, setRoles] = useState([]);\n const [loader, setLoader] = useState(false);\n const [role, setRole] = useState('');\n const [snackbar, setSnackbar] = useState({});\n const [count, setCount] = useState('')\n\n\n\n // redirecting back if data not found using timer\n useEffect(() => {\n let interval\n if (count) {\n interval = setInterval(() => {\n setCount((currentCount) => --currentCount)\n }, 1000);\n }\n // Redirect once the count is === 1\n count === 1 && history.push('/users');\n // CleanUp\n return () => clearInterval(interval)\n }, [count, history])\n\n\n const id = match.params ? parseInt(match.params.id) : null;\n\n // console.log({ role, values, country, state, city, branch });\n useEffect(() => {\n getCountries();\n getRoles();\n\n id && setLoader(true)\n // eslint-disable-next-line\n }, [id]);\n\n const handleChange = (val, type) => {\n if (type === 'country') {\n setCountry(val);\n setState(null);\n setCity(null);\n setBranch(null);\n getStates(val.value);\n setErrors({ ...errors, [type + 'Error']: '' });\n setLoader(true)\n }\n\n if (type === 'state') {\n setState(val);\n setCity(null);\n setBranch(null);\n getCities(val.value);\n setErrors({ ...errors, [type + 'Error']: '' });\n setLoader(true)\n\n }\n\n if (type === 'city') {\n setCity(val);\n setBranch(null);\n getBranches(val.value);\n setErrors({ ...errors, [type + 'Error']: '' });\n setLoader(true)\n\n }\n\n if (type === 'branch') {\n setBranch(val);\n setErrors({ ...errors, [type + 'Error']: '' });\n }\n\n if (type === 'role') {\n setRole(val);\n setErrors({ ...errors, [type + 'Error']: '' });\n } else {\n setValues({ ...values, [type]: val });\n setErrors({ ...errors, [type + 'Error']: '' });\n }\n };\n const onBlur = (val, inp) => {\n\n };\n\n // get countries\n const getCountries = () => {\n dispatch(\n apiCall({\n url: ApiUrls.addCountry(),\n callback: res => countriesResponse(res),\n }),\n );\n };\n\n const countriesResponse = res => {\n // setLoader(false)\n if (res && res.data && res.data.success) {\n setCountries(\n res.data.data.map(country => {\n return { value: country.id, label: country.name };\n }),\n );\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n const getStates = id => {\n dispatch(\n apiCall({\n url: ApiUrls.addState(id),\n callback: res => statesResponse(res),\n }),\n );\n };\n const statesResponse = res => {\n setLoader(false)\n console.log('object', { res });\n if (res && res.data && res.data.success) {\n setStates(\n res.data.data.map(state => {\n return { value: state.id, label: state.name };\n }),\n );\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n const getCities = id => {\n dispatch(\n apiCall({\n url: ApiUrls.addCity(id),\n callback: res => citiesResponse(res),\n }),\n );\n };\n const citiesResponse = res => {\n setLoader(false)\n\n console.log('city', { res });\n if (res && res.data && res.data.success) {\n setCities(\n res.data.data.map(city => {\n return { value: city.id, label: city.name };\n }),\n );\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n const getBranches = id => {\n dispatch(\n apiCall({\n url: id ? ApiUrls.addBranch(id) : ApiUrls.addBranch(),\n callback: res => branchesResponse(res),\n }),\n );\n };\n const branchesResponse = res => {\n setLoader(false)\n console.log('branch', { res });\n if (res && res.data && res.data.success) {\n setBranches(\n res.data.data.map(branch => {\n return { value: branch.id, label: branch.name };\n }),\n );\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n // get Roles\n const getRoles = () => {\n dispatch(\n apiCall({\n url: ApiUrls.role(),\n callback: res => rolesResponse(res),\n }),\n );\n };\n\n const rolesResponse = res => {\n // setLoader(false)\n console.log('roles response ', { res });\n if (res && res.data && res.data.success && res.data.data) {\n const rolesArr = res.data.data.map(role => ({ value: role.id, label: role.role_name }));\n setRoles(rolesArr);\n if (id) {\n getUser(id, rolesArr);\n }\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n const getUser = (id, roles) => {\n dispatch(\n apiCall({\n url: ApiUrls.user(id),\n callback: res => userResponse(res),\n }),\n );\n };\n\n const userResponse = res => {\n setLoader(false)\n console.log('user Response ', { res });\n if (res && res.data && res.data.success && res.data.data) {\n setValues({\n ...res.data.data,\n password: res.data.data.password.indexOf('****') >= 0 ? '' : res.data.data.password,\n });\n setCountry({ value: res.data.data.country_id, label: res.data.data.country_name });\n setState({ value: res.data.data.state_id, label: res.data.data.state_name });\n setCity({ value: res.data.data.city_id, label: res.data.data.city_name });\n setBranch({ value: res.data.data.branch_id, label: res.data.data.branch_name });\n let oldRoles = [];\n\n res.data.data.user_roles_list &&\n res.data.data.user_roles_list.map(val => {\n oldRoles.push({ value: val.role_id, label: val.role_name });\n });\n setRole(oldRoles);\n } else if (res && res.data && !res.data.success) {\n // Show Snack BarMsge\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Record not found'\n });\n setCount(5)\n } else {\n // if there is no REsponse \n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n const validate = () => {\n let error = 0;\n setErrors(initialState);\n\n if (!values.first_name) {\n setErrors({ ...errors, first_nameError: 'Ingrese nombre' });\n error++;\n return;\n }\n\n if (!values.last_name) {\n setErrors({ ...errors, last_nameError: 'Ingrese apellido' });\n error++;\n return;\n }\n\n if (!values.email) {\n setErrors({ emailError: 'Ingrese email del usuario' });\n error++;\n return;\n }\n\n if (!id && !values.password) {\n setErrors({ passwordError: 'Ingrese clave del usuario' });\n error++;\n return;\n }\n\n if (!country) {\n setErrors({ countryError: 'Elija el país' });\n error++;\n return;\n }\n\n if (!state) {\n setErrors({ stateError: 'Elija la región ' });\n error++;\n return;\n }\n\n if (!city) {\n setErrors({ cityError: 'Elija la ciudad' });\n error++;\n return;\n }\n\n if (!branch) {\n setErrors({ branchError: 'Elija la sucursal' });\n error++;\n return;\n }\n\n if (!role) {\n setErrors({ roleError: 'Elija la rols' });\n error++;\n return;\n }\n\n if (error > 0) {\n return false;\n } else {\n return true;\n }\n };\n\n const createOrUpdate = () => {\n if (!validate()) {\n return;\n }\n\n let user_roles =\n role &&\n role.map(r => {\n return {\n role_id: r.value,\n };\n });\n\n let data = {\n id: id ? +id : undefined,\n email: values.email,\n password: values.password,\n first_name: values.first_name,\n last_name: values.last_name,\n country_id: country.value,\n country_name: country.label,\n state_id: state.value,\n state_name: state.label,\n city_id: city.value,\n city_name: city.label,\n branch_id: branch.value,\n branch_name: branch.label,\n user_roles,\n };\n console.log({ data });\n\n setLoader(true)\n\n dispatch(\n apiCall({\n url: ApiUrls.user(),\n method: id ? 'PUT' : 'POST',\n data: data,\n callback: res => onResponse(res),\n }),\n );\n };\n\n const onResponse = res => {\n setLoader(false)\n if (res.data && res.data.success && res.data.data) {\n setModal({\n show: true,\n success: true,\n redirect: true,\n bodyText: 'Éxito' || (id ? 'Éxito' : 'Éxito'),\n });\n } else if (!res.data.success && res.data.message) {\n setModal({ show: true, success: false, bodyText: res.data.message });\n } else {\n setModal({ show: true, success: false, bodyText: 'Fail' });\n }\n };\n\n return (\n \n
\n
\n {onLoadSpinner ? (\n ID
\n Operador
\n Nombre
\n Correo electrónico
\n Rol
\n Acciónes
\n \n {\n setModal(modalInitialState);\n if (modal.redirect) {\n history.goBack();\n }\n }}\n bodyText={modal.bodyText}\n />\n\n setSnackbar({ showSnackbar: false })}\n >\n setSnackbar({ showSnackbar: false })} severity=\"error\">\n {snackbar.alertMessage}\n {count\n &&\n `we are redirecting you back in ${count} seconds`\n }\n \n \n {loader ?\n
\n );\n};\n\nexport default AddUserScreen;","import React, { useEffect, useRef, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { AddButton, ActionButtons, KuposErrorSuccessModal, KuposListLoader, KuposModalWithButtons } from '../common';\nimport ApiUrls from '../../services/apiUrls';\nimport DateService from '../../services/dateService';\nimport { apiCall } from './redux/apiCall';\nimport { Snackbar } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\n\nconst modalInitialState = {\n show: false,\n success: false,\n bodyText: null,\n};\n\nconst AllLocations = () => {\n const dispatch = useDispatch();\n const onResponse = useRef(() => { });\n const [fetch, setFetch] = useState(false);\n const [locationList, setLocationList] = useState([]);\n const [modal, setModal] = useState(modalInitialState);\n const [selectedViewItem, setSelectedViewItem] = useState('');\n const [loader, setLoader] = useState(true);\n const [snackbar, setSnackbar] = useState({});\n\n\n useEffect(() => {\n dispatch(apiCall({ url: ApiUrls.getLocationList(), callback: res => onResponse.current(res) }));\n }, [dispatch, fetch]);\n\n onResponse.current = res => {\n setLoader(false);\n if (res && res.data && res.data.success) {\n setLocationList(res.data.data);\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n\n };\n\n\n const renderItem = (val, i) => {\n return (\n {id ? 'Editar usuario' : 'Crear nuevo usuario'}
\n\n handleChange(val, 'first_name')}\n onBlur={text => onBlur(text)}\n />\n
\n \n handleChange(val, 'last_name')}\n onBlur={text => onBlur(text)}\n />\n
\n \n handleChange(val, 'email')}\n onBlur={text => onBlur(text)}\n />\n
\n\n {/*don't show password on Update */}\n {id ? null : (\n \n handleChange(val, 'password')}\n onBlur={text => onBlur(text)}\n />\n
\n )}\n\n \n handleChange(val, 'country')}\n placeholder={'País'}\n value={country}\n options={countries}\n error={errors.countryError ? true : false}\n errorMessage={errors.countryError ? errors.countryError : ''}\n />\n
\n \n País\n
\n \n handleChange(val, 'state')}\n placeholder={'Región'}\n value={state}\n options={states}\n error={errors.stateError ? true : false}\n errorMessage={errors.stateError ? errors.stateError : ''}\n />\n
\n \n Región\n
\n \n handleChange(val, 'city')}\n placeholder={'Ciudad'}\n value={city}\n options={cities}\n error={errors.cityError ? true : false}\n errorMessage={errors.cityError ? errors.cityError : ''}\n />\n
\n\n \n Ciudad\n
\n \n handleChange(val, 'branch')}\n placeholder={'Sucursal'}\n value={branch}\n options={branches}\n error={errors.branchError ? true : false}\n errorMessage={errors.branchError ? errors.branchError : ''}\n />\n
\n\n \n Sucursal\n
\n \n Rol\n handleChange(val, 'role')}\n placeholder={'Rol'}\n options={roles}\n value={role}\n // isDisabled={this.props.match.params.id ? true : false}\n isMulti={true}\n />\n {errors.roleError && errors.roleError}\n
\n\n \n \n {id ? 'Actualizar usuario' : 'Crear usuario'}\n \n
\n\n \n
: null\n }\n \n \n setModal({\n showDeleteModal: true,\n selectedItemName: val.name,\n selectedItemId: val.id,\n itemToDelete: val,\n })\n }\n />\n\n
\n );\n };\n\n const renderViewModal = () => {\n return (\n {val.id}
\n {val.client_code}
\n {val.type}
\n {val.name}
\n {val.status}
\n {val.remark}
\n \n
\n ) : null}\n \n );\n };\n\n const deleteItem = () => {\n let data = {\n id: modal.itemToDelete.id,\n client_code: modal.itemToDelete.client_code,\n type: modal.itemToDelete.type,\n name: modal.itemToDelete.name,\n city_id: modal.itemToDelete.city_id,\n city_name: modal.itemToDelete.city_name,\n state_id: modal.itemToDelete.state_id,\n Sate_name: modal.itemToDelete.Sate_name,\n country_id: modal.itemToDelete.country_id,\n country_name: modal.itemToDelete.country_name,\n address: modal.itemToDelete.address,\n remark: modal.itemToDelete.remark,\n status: 'ACTIVE',\n created_by_user: ' ',\n created_on_utc: modal.itemToDelete.created_on_utc,\n created_on_date_time_stg: modal.itemToDelete.created_on_date_time_stg,\n last_updated_by_user: ' ',\n last_updated_on_utc: modal.itemToDelete.last_updated_on_utc,\n last_updated_on_date_time_stg: modal.itemToDelete.last_updated_on_date_time_stg,\n deleted_by: '',\n deleted_on_utc: DateService.getCurrentTimeUTC(),\n deleted_on_date_time_stg: DateService.getCurrentStgDate(),\n };\n dispatch(\n apiCall({\n url: ApiUrls.addLocation(),\n method: 'DELETE',\n data,\n callback: res => onDeleteResponse(res),\n }),\n );\n\n };\n\n const onDeleteResponse = res => {\n if (res.data && res.data.success) {\n setModal({ show: true, success: true, bodyText: 'Eliminar éxito' });\n setFetch(!fetch);\n } else {\n setModal({ show: true, success: false, bodyText: res.data.message });\n }\n };\n\n const renderDeleteModal = () => {\n return (\n Servicio
\n\n
\n Tipo:
\n {selectedViewItem.type}
\n \n
\n Nombre:
\n {selectedViewItem.name}
\n \n
\n País:
\n {selectedViewItem.country_name}
\n \n
\n Región:
\n {selectedViewItem.Sate_name}
\n \n
\n Ciudad:
\n {selectedViewItem.city_name}
\n \n
\n Dirección :
\n {selectedViewItem.address}
\n \n
\n Estatus:
\n {selectedViewItem.status}
\n \n
\n Observación:
\n {selectedViewItem.remark}
\n \n
\n \n );\n };\n\n return (\n ¿Quieres eliminar \"{modal.selectedItemName}\"?
\n\n {\n setModal(modalInitialState);\n }}\n />\n\n setSnackbar({ showSnackbar: false })}\n >\n setSnackbar({ showSnackbar: false })} severity=\"error\">\n {snackbar.alertMessage}\n \n \n
\n );\n}\n\n\nexport default AllLocations;\n","import React, { Component, useEffect, useState, useRef } from 'react';\nimport { useDispatch } from 'react-redux';\nimport * as actions from './redux/actions';\nimport { DropdownComponent } from '../common/DropdownComponent';\nimport { KuposButton, KuposErrorSuccessModal, KuposInput } from '../common';\nimport ApiUrls from '../../services/apiUrls';\nimport CommonService from '../../services/commonService';\nimport DateService from '../../services/dateService';\nimport { apiCall } from './redux/apiCall';\nimport Loader from 'react-loader-spinner';\nimport { Snackbar } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\n\nconst initialState = {\n countryError: null,\n locationName: null,\n locationTypes: [\n { value: 'GENERIC_LOCATION', label: 'Generic Location' },\n { value: 'AIRPORT_TERMINAL', label: 'Airport Terminal' },\n { value: 'BUS_TERMINAL', label: 'Bus Terminal' },\n ],\n selectedCountry: '',\n};\n\nconst modalInitialState = {\n show: false,\n success: false,\n bodyText: '',\n};\n\nconst errorInitialState = {};\n\nconst AddLocation = ({ match, history }) => {\n const dispatch = useDispatch();\n const [values, setValues] = useState(initialState);\n const [modal, setModal] = useState(modalInitialState);\n const [errors, setErrors] = useState(errorInitialState);\n const [locationToEdit, setLocationToEdit] = useState(null);\n const [selectedAtTerminals, setSelectedAtTerminals] = useState([]);\n const [countries, setCountries] = useState([]);\n const [states, setStates] = useState([]);\n const [cities, setCities] = useState([]);\n const [loader, setLoader] = useState(true);\n const [snackbar, setSnackbar] = useState({});\n const [count, setCount] = useState('')\n\n\n const id = match.params ? Number(match.params.id) : null;\n\n console.log({ errors, values });\n\n // redirecting back if data not found using timer\n useEffect(() => {\n let interval\n if (count) {\n interval = setInterval(() => {\n setCount((currentCount) => --currentCount)\n }, 1000);\n }\n // Redirect once the count is === 1\n count === 1 && history.push('/locations');\n // CleanUp\n return () => clearInterval(interval)\n }, [count, history])\n\n useEffect(() => {\n if (id) {\n getList();\n } else {\n setLoader(false)\n }\n // eslint-disable-next-line\n }, [id]);\n\n const getList = () => {\n dispatch(\n apiCall({\n url: ApiUrls.getLocationList(), callback: res => {\n setLoader(false)\n if (res && res.data && res.data.success) {\n const found = res.data.data.find(f => f.id === id);\n if (found) {\n console.log({ found });\n getParticular(found);\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Data not found'\n });\n setCount(5)\n }\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n }\n })\n )\n };\n\n const getParticular = (element) => {\n setLocationToEdit(element);\n setValues({\n locationName: element.name,\n selectedLocationType: { label: element.type, value: element.type },\n selectedCountry: { value: element.country_id, label: element.country_name },\n selectedState: { value: element.state_id, label: element.Sate_name },\n selectedCity: { value: element.city_id, label: element.city_name },\n address: element.name,\n locationRemark: element.remark,\n // selectedLocationType: {value:element.type,lable:element.type}\n });\n }\n\n\n useEffect(() => {\n dispatch(\n apiCall({\n url: ApiUrls.getAtTerminalList(),\n callback: res => {\n if (res.data && res.data.success && res.data.data) {\n let atTerminals = [];\n res.data.data.map(atTerminal => {\n atTerminals.push({\n value: atTerminal.airport_address,\n label: atTerminal.airport_name,\n });\n });\n setSelectedAtTerminals(atTerminals);\n }\n },\n }),\n );\n\n // eslint-disable-next-line\n }, [dispatch]);\n\n const onSelectChange = (val, type) => {\n\n console.log(\"onchange\",val, type)\n switch (type) {\n case 'countryName':\n setValues({ ...values, selectedCountry: val });\n getStatesByCountryID(val.value);\n break;\n case 'stateName':\n setValues({ ...values, selectedState: val });\n getCitiesByStateID(val.value);\n break;\n case 'cityName':\n setValues({ ...values, selectedCity: val });\n break;\n case 'locationType':\n // setValues({ ...values, selectedLocationType: val });\n // break;\n val.value == 'AIRPORT_TERMINAL'\n ? setValues({ ...values, selectedLocationType: val })\n : setValues({ ...values, selectedLocationType: val, locationName: null, address: '' });\n break;\n }\n };\n\n const onChange = (val, type) => {\n console.log(\"onchange---\",val, type)\n switch (type) {\n case 'locationName':\n values.selectedLocationType && values.selectedLocationType.value == 'AIRPORT_TERMINAL'\n ? setValues({ ...values, locationName: val, address: val.value })\n : setValues({ ...values, locationName: val });\n break;\n case 'address':\n setValues({ ...values, address: val });\n break;\n case 'locationRemark':\n setValues({ ...values, locationRemark: val });\n break;\n }\n };\n\n const onBlur = (val, type) => { };\n\n const validate = () => {\n let error = 0;\n setErrors(initialState);\n\n if (!values.selectedLocationType) {\n setErrors({ ...errors, selectedLocationTypeError: 'select a location', addressError: null });\n error++;\n return false;\n } else if (!values.locationName) {\n setErrors({ ...errors, locationNameError: 'Ingrese el nombre de la ubicación' });\n error++;\n return false;\n } else if (!values.selectedCountry) {\n setErrors({ ...errors, selectedCityError: 'select a country' });\n error++;\n return false;\n } else if (!values.selectedState) {\n setErrors({ ...errors, selectedStateError: 'select a state' });\n error++;\n return false;\n } else if (!values.selectedCity) {\n setErrors({ ...errors, selectedCityError: 'select a city' });\n error++;\n return false;\n } else if (!values.locationRemark) {\n setErrors({ ...errors, locationRemarkError: 'Ingrese el comentario de ubicación' });\n error++;\n return false;\n } else if (!values.address) {\n if (\n values.selectedLocationType.value == 'AIRPORT_TERMINAL' ||\n values.selectedLocationType.value == 'BUS_TERMINAL'\n ) {\n setErrors({ ...errors, addressError: 'Address can not be empty' });\n error++;\n return false;\n } else if (values.selectedLocationType.value == 'GENERIC_LOCATION') {\n setErrors({ ...errors, addressError: null });\n }\n }\n if (error > 0) {\n return false;\n } else {\n return true;\n }\n };\n\n const createOrUpdate = () => {\n if (!validate()) {\n return;\n }\n setLoader(true);\n let updateData, data;\n\n id\n ? (updateData = {\n id: locationToEdit.id,\n client_code: locationToEdit.client_code,\n type: locationToEdit.type,\n name: locationToEdit.name,\n city_id: locationToEdit.city_id,\n city_name: locationToEdit.city_name,\n state_id: locationToEdit.state_id,\n Sate_name: locationToEdit.Sate_name,\n country_id: locationToEdit.country_id,\n country_name: locationToEdit.country_name,\n address: values.address,\n status: locationToEdit.status,\n remark: values.locationRemark,\n created_on_utc: locationToEdit.created_on,\n created_by_user: locationToEdit.created_by,\n created_on_date_time_stg: locationToEdit.created_on_date_time_stg,\n last_updated_by_user: '',\n last_updated_on_utc: DateService.getCurrentTimeUTC(),\n last_updated_on_date_time_stg: DateService.getCurrentStgDate(),\n deleted_by: '',\n deleted_on_utc: 0,\n deleted_on_date_time_stg: '',\n })\n : (data = {\n type: values.selectedLocationType.label,\n name:\n values.selectedLocationType && values.selectedLocationType.value == 'AIRPORT_TERMINAL'\n ? values.locationName.label\n : values.locationName,\n city_id: values.selectedCity.value,\n city_name: values.selectedCity.label,\n state_id: values.selectedState.value,\n Sate_name: values.selectedState.label,\n country_id: values.selectedCountry.value,\n country_name: values.selectedCountry.label,\n address:\n values.selectedLocationType && values.selectedLocationType.value == 'AIRPORT_TERMINAL'\n ? values.locationName.value\n : values.address,\n remark: values.locationRemark,\n created_on_utc: DateService.getCurrentTimeUTC(),\n created_on_date_time_stg: DateService.getCurrentStgDate(),\n // client_code:\"DELFOS\"\n });\n\n\n dispatch(\n apiCall({\n url: ApiUrls.addLocation(),\n method: id ? 'PUT' : 'POST',\n data: id ? updateData : data,\n callback: res => onAddLocationResponse(res),\n }),\n );\n };\n\n const onAddLocationResponse = res => {\n setLoader(false);\n if (res.data && res.data.success && res.data.data) {\n setModal({\n show: true,\n success: true,\n redirect: true,\n bodyText: 'Éxito' || (id ? 'Éxito' : 'Éxito'),\n });\n } else if (!res.data.success && res.data.message) {\n setModal({ show: true, success: false, bodyText: res.data.message });\n } else {\n setModal({ show: true, success: false, bodyText: 'Fail' });\n }\n };\n\n useEffect(() => {\n dispatch(\n apiCall({\n url: ApiUrls.addCountry(),\n callback: res => {\n if (res.data && res.data.success && res.data.data) {\n let countries = [];\n res.data.data.map(country => {\n countries.push({ value: country.id, label: country.name });\n });\n setCountries(countries);\n }\n },\n }),\n );\n\n // eslint-disable-next-line\n }, [dispatch]);\n\n\n useEffect(() => {\n dispatch(\n apiCall({\n url: ApiUrls.addState(),\n callback: res => {\n if (res.data && res.data.success && res.data.data) {\n let states = [];\n res.data.data.map(state => {\n states.push({ value: state.id, label: state.name });\n });\n setStates(states);\n }\n },\n }),\n );\n\n // eslint-disable-next-line\n }, [dispatch]);\n\n // useEffect(() => {\n // dispatch(\n // apiCall({\n // url: ApiUrls.addState(),\n // callback: res => {\n // if (res.data && res.data.success && res.data.data) {\n // let cities = [];\n // res.data.data.map(city => {\n // cities.push({ value: city.id, label: city.name });\n // });\n // setCities(cities);\n // }\n // },\n // }),\n // );\n\n // // eslint-disable-next-line\n // }, [dispatch]);\n\n const getStatesByCountryID = id => {\n dispatch(\n apiCall({\n url: ApiUrls.addState(id),\n callback: res => {\n if (res.data && res.data.success && res.data.data) {\n let states = [];\n res.data.data.map(state => {\n states.push({ value: state.id, label: state.name });\n });\n setStates(states);\n }\n },\n }),\n );\n };\n\n const getCitiesByStateID = id => {\n // this.props.actions.apiCall({ url: ApiUrls.addCity(id) }).then(res => {\n // console.log('+++cities id is', res.data.data);\n // if (res.data && res.data.success) {\n // let cities = [];\n // res.data.data.map(city => {\n // cities.push({ value: city.id, label: city.name });\n // });\n // this.setState({ cities: cities });\n // }\n // });\n\n // useEffect(() => {\n // dispatch(\n // apiCall({\n // url: ApiUrls.addState(),\n // callback: res => {\n // if (res.data && res.data.success && res.data.data) {\n // let cities = [];\n // res.data.data.map(city => {\n // cities.push({ value: city.id, label: city.name });\n // });\n // setCities(cities);\n // }\n // },\n // }),\n // );\n\n // // eslint-disable-next-line\n // }, [dispatch]);\n\n\n dispatch(\n apiCall({\n url: ApiUrls.addCity(id),\n callback: res => {\n if (res.data && res.data.success && res.data.data) {\n let cities = [];\n res.data.data.map(city => {\n cities.push({ value: city.id, label: city.name });\n });\n setCities(cities);\n }\n },\n }),\n );\n };\n\n return (\n \n
\n\n {loader ? ID
\n Operador
\n Tipo de servicio
\n Ubicación
\n Estatus
\n Observación de ubicación
\n Acción
\n \n \n onSelectChange(val, 'countryName')}\n placeholder={'Seleccione el país'}\n disabled={id ? true : false}\n options={countries}\n value={values.selectedCountry}\n error={errors.selectedCountryError ? true : false}\n errorMessage={errors.selectedCountryError ? errors.selectedCountryError : null}\n />\n
\n \n onSelectChange(val, 'locationType')}\n placeholder={'Tipo de locación '}\n options={initialState.locationTypes}\n value={values.selectedLocationType}\n disabled={id ? true : false}\n error={errors.selectedLocationTypeError ? true : false}\n errorMessage={errors.selectedLocationTypeError ? errors.selectedLocationTypeError : ''}\n />\n
\n\n {values.selectedLocationType && values.selectedLocationType.value == 'AIRPORT_TERMINAL' ? (\n \n onChange(val, 'locationName')}\n placeholder={'Nombre del lugar'}\n options={selectedAtTerminals}\n value={id ? selectedAtTerminals : values.locationName}\n disabled={id ? true : false}\n error={errors.locationNameError ? true : false}\n errorMessage={errors.locationNameError ? errors.locationNameError : ''}\n />\n
\n ) : (\n \n onChange(text, 'locationName')}\n onBlur={text => onBlur(text, 'locationName')}\n />\n
\n )}\n\n \n onSelectChange(val, 'stateName')}\n placeholder={'Seleccione la región'}\n options={states}\n value={values.selectedState}\n disabled={id ? true : false}\n error={errors.selectedStateError ? true : false}\n errorMessage={errors.selectedStateError ? errors.selectedStateError : ''}\n />\n
\n \n onChange(text, 'address')}\n onBlur={text => onBlur(text, 'address')}\n />\n
\n\n \n onChange(text, 'locationRemark')}\n onBlur={text => onBlur(text, 'locationRemark')}\n />\n
\n\n \n \n {id ? 'Actualizar ubicación' : 'Crear ubicación'}\n \n
\n\n \n
\n ) : null}\n \n \n setModal({\n showDeleteModal: true,\n selectedItemName: val.name,\n selectedItemId: val.id,\n itemToDelete: val,\n })\n }\n />\n
\n );\n };\n const renderViewModal = () => {\n return (\n {val.id}
\n {val.client_code}
\n {val.name}
\n {val.no_of_seats}
\n {val.status}
\n\n \n
\n ) : null}\n \n );\n };\n\n const renderDeleteModal = () => {\n return (\n Servicio
\n\n
\n Nombre:
\n {selectedViewItem.name}
\n \n
\n Asientos:
\n {selectedViewItem.no_of_seats}
\n \n
\n Límites de reserva:
\n {DateService.secondsToHms(selectedViewItem.booking_time_threshold)}
\n \n
\n Amenities:
\n {selectedViewItem.amenities}
\n \n
\n Restriccions de equipaje :
\n {selectedViewItem.restriction_info}
\n \n
\n Politicas de cancelacion :
\n {selectedViewItem.cancellation_info}
\n \n
\n Información adicional :
\n {selectedViewItem.additional_info}
\n \n
\n Comentarios:
\n {selectedViewItem.remark}
\n \n
\n Estatus:
\n {selectedViewItem.status}
\n \n
\n \n );\n };\n\n const deleteItem = () => {\n let data = {\n id: modal.itemToDelete.id,\n client_code: modal.itemToDelete.client_code,\n name: modal.itemToDelete.name,\n amenities: modal.itemToDelete.amenities,\n restriction_info: modal.itemToDelete.restriction_info,\n cancellation_info: modal.itemToDelete.cancellation_info,\n additional_info: modal.itemToDelete.additional_info,\n status: \"ACTIVE\",\n no_of_seats: Number(modal.itemToDelete.no_of_seats),\n booking_time_threshold: Number(modal.itemToDelete.booking_time_threshold),\n image: \"\",\n remark: modal.itemToDelete.remark,\n created_by_user: modal.itemToDelete.created_by_user,\n created_on_utc: modal.itemToDelete.created_on_utc,\n created_date_time_stg: modal.itemToDelete.created_date_time_stg,\n last_updated_user: modal.itemToDelete.last_updated_user,\n last_updated_utc: modal.itemToDelete.last_updated_utc,\n last_updated_date_time_stg: modal.itemToDelete.last_updated_date_time_stg,\n deleted_user: \"\",\n deleted_utc: DateService.getCurrentTimeUTC(),\n deleted_date_time_stg: DateService.getCurrentStgDate(),\n }\n dispatch(\n apiCall({\n url: ApiUrls.addService(),\n method: 'DELETE',\n data,\n callback: res => onDeleteResponse(res),\n }),\n );\n };\n\n const onDeleteResponse = res => {\n if (res.data && res.data.success) {\n setModal({ show: true, success: true, bodyText: 'Eliminar éxito' });\n setFetch(!fetch);\n } else {\n setModal({ show: true, success: false, bodyText: res.data.message });\n }\n\n };\n\n return (\n ¿Quieres eliminar \"{modal.selectedItemName}\"?
\n\n {\n setModal(modalInitialState);\n }}\n />\n setSnackbar({ showSnackbar: false })}\n >\n setSnackbar({ showSnackbar: false })} severity=\"error\">\n {snackbar.alertMessage}\n \n \n
\n );\n}\n\n\nexport default AllVehicles;\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport * as actions from './redux/actions';\nimport {\n KuposButton,\n KuposDatePicker,\n KuposErrorSuccessModal,\n KuposInput,\n KuposTimePicker,\n MaterialInputField,\n} from '../common';\nimport DateService from '../../services/dateService';\nimport CommonService from '../../services/commonService';\nimport ApiUrls from '../../services/apiUrls';\nimport { apiCall } from './redux/apiCall';\nimport Loader from 'react-loader-spinner';\n\nconst initialState = {\n serviceName: '',\n amenitiesName: '',\n seats: '',\n luggageInfo: '',\n policyInfo: '',\n additionalInfoName: '',\n startDate: DateService.getTodayString(),\n endDate: DateService.getTodayString(),\n bookingThreshold: '00:00',\n remarks: '',\n};\n\nconst modalInitialState = {\n show: false,\n success: false,\n bodyText: '',\n};\n\nconst errorInitialState = {};\n\nconst AddVehicle = ({ match, history }) => {\n const dispatch = useDispatch();\n const [values, setValues] = useState(initialState);\n const [modal, setModal] = useState(modalInitialState);\n const [errors, setErrors] = useState(errorInitialState);\n const [vehiclesList, setVehiclesList] = useState([]);\n const [vehicleToEdit, setVehicleToEdit] = useState(null);\n const [loader, setLoader] = useState(false);\n\n const id = match.params ? parseInt(match.params.id) : null;\n\n\n useEffect(() => {\n dispatch(\n actions.apiCall({\n url: ApiUrls.getServices(),\n callback: res => {\n if (res.data && res.data.data) {\n setVehiclesList(res.data.data);\n }\n if (id) {\n res.data.data.forEach(element => {\n if (element.id == id) {\n setVehicleToEdit(element);\n setValues({\n serviceName: element.name,\n luggageInfo: element.restriction_info,\n policyInfo: element.cancellation_info,\n amenitiesName: element.amenities,\n seats: element.no_of_seats,\n additionalInfoName: element.additional_info,\n bookingThreshold: DateService.secondsToHms(element.booking_time_threshold),\n remarks: element.remark,\n startDate: DateService.changeDateFormat(\n element.availability_start_date,\n 'yyyy-mm-dd',\n 'dd-mm-yyyy',\n ),\n endDate: DateService.changeDateFormat(\n element.availability_end_date,\n 'yyyy-mm-dd',\n 'dd-mm-yyyy',\n ),\n });\n }\n });\n }\n },\n }),\n );\n }, [dispatch, id]);\n\n\n\n const onSelectOptionChange = val => { };\n\n const onBlur = (val, type) => { };\n\n const onChange = (val, type) => {\n console.log('+++selected data is', val);\n switch (type) {\n case 'serviceName':\n setValues({ ...values, serviceName: val });\n break;\n case 'amenitiesName':\n setValues({ ...values, amenitiesName: val });\n break;\n case 'seats':\n setValues({ ...values, seats: val });\n break;\n case 'luggageInfo':\n setValues({ ...values, luggageInfo: val });\n break;\n case 'policyInfo':\n setValues({ ...values, policyInfo: val });\n break;\n case 'additionalInfoName':\n setValues({ ...values, additionalInfoName: val });\n break;\n case 'bookingThreshold':\n setValues({ ...values, bookingThreshold: val });\n break;\n case 'remarks':\n setValues({ ...values, remarks: val });\n break;\n case 'startDate':\n setValues({ ...values, startDate: val });\n break;\n case 'endDate':\n setValues({ ...values, endDate: val });\n break;\n }\n };\n\n const validate = () => {\n let error = 0;\n setErrors(initialState);\n\n if (!values.serviceName) {\n setErrors({ ...errors, serviceNameError: 'Ingrese el nombre del servicio' });\n error++;\n return false;\n } else if (!values.seats) {\n setErrors({ ...errors, seatsError: 'Ingrese el número de asientos' });\n error++;\n return false;\n } else if (!values.amenitiesName) {\n setErrors({ ...errors, amenitiesNameError: 'Ingrese Servicios de servicio' });\n error++;\n return false;\n } else if (!values.luggageInfo) {\n setErrors({ ...errors, luggageInfoError: 'Ingrese el Restriccions de equipaje' });\n error++;\n return false;\n } else if (!values.policyInfo) {\n setErrors({ ...errors, policyInfoError: 'Ingrese el Politicas de cancelacion' });\n error++;\n return false;\n } else if (!values.additionalInfoName) {\n setErrors({ ...errors, additionalInfoNameError: ' Ingrese el Información adicional' });\n error++;\n return false;\n } else if (!values.bookingThreshold) {\n setErrors({ ...errors, bookingThresholdError: 'Ingrese el Límites de reserva' });\n error++;\n return false;\n } else if (!values.startDate) {\n setErrors({ ...errors, startDateError: 'Introduzca la fecha de inicio' });\n error++;\n return false;\n } else if (!values.endDate) {\n setErrors({ ...errors, endDateError: 'Ingrese la fecha de finalización' });\n error++;\n return false;\n } else if (!values.remarks) {\n setErrors({ ...errors, remarksError: 'Por favor ingrese comentario de servicio' });\n error++;\n return false;\n }\n if (error > 0) {\n return false;\n } else {\n return true;\n }\n };\n\n const createOrUpdate = () => {\n\n if (!validate()) {\n return;\n }\n setLoader(true)\n let updateData, data;\n\n\n id\n ? (updateData = {\n id: id ? +id : undefined,\n client_code: vehicleToEdit.client_code,\n name: vehicleToEdit.name,\n amenities: values.amenitiesName,\n restriction_info: values.luggageInfo,\n cancellation_info: values.policyInfo,\n additional_info: values.additionalInfoName,\n status: vehicleToEdit.status,\n no_of_seats: Number(values.seats),\n booking_time_threshold: CommonService.getSecondsFromTime(values.bookingThreshold),\n image: '',\n created_by_user: vehicleToEdit.created_by_user,\n remark: values.remarks,\n created_on_utc: vehicleToEdit.created_on_utc,\n created_date_time_stg: vehicleToEdit.deleted_date_time_stg,\n last_updated_user: ' ',\n last_updated_utc: DateService.getCurrentTimeUTC(),\n last_updated_date_time_stg: DateService.getCurrentStgDate(),\n deleted_user: '',\n deleted_utc: 0,\n deleted_date_time_stg: '',\n availability_start_date: DateService.changeDateFormat(\n values.startDate,\n 'dd-mm-yyyy',\n 'yyyy-mm-dd',\n ),\n availability_end_date: DateService.changeDateFormat(\n values.endDate,\n 'dd-mm-yyyy',\n 'yyyy-mm-dd',\n ),\n availability_start_date_utc: CommonService.getTimeInSeconds(\n DateService.changeDateFormat(values.startDate, 'dd-mm-yyyy', 'yyyy-mm-dd') +\n 'T00:00:00',\n ),\n availability_end_date_utc: CommonService.getTimeInSeconds(\n DateService.changeDateFormat(values.endDate, 'dd-mm-yyyy', 'yyyy-mm-dd') + 'T23:59:59',\n ),\n image1: vehicleToEdit.image1,\n image2: vehicleToEdit.image2,\n image3: vehicleToEdit.image3,\n })\n : (data = {\n name: values.serviceName,\n amenities: values.amenitiesName,\n no_of_seats: Number(values.seats),\n booking_time_threshold: CommonService.getSecondsFromTime(values.bookingThreshold),\n restriction_info: values.luggageInfo,\n cancellation_info: values.policyInfo,\n additional_info: values.additionalInfoName,\n remark: values.remarks,\n availability_start_date: DateService.changeDateFormat(\n values.startDate,\n 'dd-mm-yyyy',\n 'yyyy-mm-dd',\n ),\n availability_end_date: DateService.changeDateFormat(\n values.endDate,\n 'dd-mm-yyyy',\n 'yyyy-mm-dd',\n ),\n availability_start_date_utc: CommonService.getTimeInSeconds(\n DateService.changeDateFormat(values.startDate, 'dd-mm-yyyy', 'yyyy-mm-dd') +\n 'T00:00:00',\n ),\n availability_end_date_utc: CommonService.getTimeInSeconds(\n DateService.changeDateFormat(values.endDate, 'dd-mm-yyyy', 'yyyy-mm-dd') + 'T23:59:59',\n ),\n created_on_utc: DateService.getCurrentTimeUTC(),\n created_date_time_stg: DateService.getCurrentStgDate(),\n });\n\n dispatch(\n apiCall({\n url: ApiUrls.addService(),\n method: id ? 'PUT' : 'POST',\n data: id ? updateData : data,\n callback: res => onAddServiceResponse(res),\n }),\n );\n };\n\n const onAddServiceResponse = res => {\n if (res.data && res.data.success && res.data.data) {\n setLoader(false)\n setModal({\n show: true,\n success: true,\n redirect: true,\n bodyText: 'Éxito' || (id ? 'Éxito' : 'Éxito'),\n });\n } else if (!res.data.success && res.data.message) {\n setModal({ show: true, success: false, bodyText: res.data.message });\n } else {\n setModal({ show: true, success: false, bodyText: 'Fail' });\n }\n };\n\n const onFocusChange = () => { };\n\n return (\n \n
\n\n {loader ? ID
\n Operador
\n Servicio
\n Asientos
\n Estatus
\n Acción
\n \n {\n setModal(modalInitialState);\n if (modal.redirect) {\n history.goBack();\n }\n }}\n bodyText={modal.bodyText}\n />\n\n {loader ? (\n
\n );\n};\n\n\n\nexport default AddVehicle;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport { KuposButton, KuposInput } from '../common';\nimport { DropdownComponent } from '../common/DropdownComponent';\n\nexport class ManageVehicleType extends Component {\n static propTypes = {\n home: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n };\n\n render() {\n return (\n \n onChange(text, 'serviceName')}\n onBlur={text => onBlur(text, 'serviceName')}\n />\n
\n\n \n onChange(text, 'seats')}\n onBlur={text => onBlur(text, 'seats')}\n />\n
\n\n \n onChange(text, 'amenitiesName')}\n onBlur={text => onBlur(text, 'amenitiesName')}\n />\n
\n\n \n onChange(text, 'luggageInfo')}\n onBlur={() => onBlur()}\n error={errors.luggageInfoError}\n errorMessage={errors.luggageInfoError ? errors.luggageInfoError : ''}\n />\n
\n\n \n onChange(text, 'policyInfo')}\n onBlur={() => onBlur()}\n error={errors.policyInfoError}\n errorMessage={errors.policyInfoError ? errors.policyInfoError : ''}\n />\n
\n\n \n onChange(text, 'additionalInfoName')}\n onBlur={() => onBlur()}\n error={errors.additionalInfoNameError}\n errorMessage={errors.additionalInfoNameError ? errors.additionalInfoNameError : ''}\n />\n
\n \n {'Límites de reserva (hh:mm)'}\n onChange(val, 'bookingThreshold')}\n error={errors.bookingThresholdError ? true : false}\n errorMessage={errors.bookingThresholdError}\n placeholder={'00:00'}\n hideAmPm\n not24Hours\n leftPadding={35}\n />\n
\n\n \n {'Fecha de inicio'}\n onChange(date, 'startDate')}\n onFocus={() => onFocusChange('startDate')}\n placeholder={'Fecha de inicio'}\n />\n
\n\n \n {'Fecha de finalización'}\n onChange(date, 'endDate')}\n onFocus={() => onFocusChange('endDate')}\n placeholder={'Fecha de finalización'}\n />\n
\n\n \n onChange(text, 'remarks')}\n onBlur={text => onBlur(text, 'remarks')}\n />\n
\n\n \n \n {id ? 'Servicio de actualización' : 'Crear servicio'}\n \n
\n\n \n
\n ) : null}\n \n
\n );\n }\n }\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n home: state.home,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch)\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(ManageVehicleType);\n","// @flow\n\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport { KuposButton, KuposCheckbox, KuposDatePicker, KuposSelectBox, KuposSteps } from '../common';\nimport DateService from '../../services/dateService';\nimport ApiUrls from '../../services/apiUrls';\n// import Menu from 'react-select/src/components/Menu';\nimport CommonService from '../../services/commonService';\n\nvar global = window;\n\nexport class Reports extends Component {\n static propTypes = {\n home: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n };\n\n constructor(props) {\n super(props);\n\n var fromParts = DateService.getTodayString().split('-');\n var d1 = new Date(fromParts[2], fromParts[1] - 1, fromParts[0] - 10);\n\n this.selectToFrom = [\n { value: 'ALL', label: 'All' },\n { value: 'TO_AIRPORT', label: 'Hacia Aeropuerto' },\n { value: 'FROM_AIRPORT', label: 'Desde Aeropuerto' },\n ];\n\n this.selectServiceOptions = [\n { value: 'TRAVEL_DATE', label: 'Travel date' },\n { value: 'BOOKING_DATE', label: 'Booking date' },\n ];\n\n this.state = {\n menuButtons: [\n { label: 'Todos los servicios', active: true, key: 0 },\n { label: 'Al aeropuerto', active: false, key: 1 },\n { label: 'Desde aeropuerto', active: false, key: 2 },\n ],\n transferServiceError: true,\n identityVal: null,\n bookingRequests: null,\n drivers: null,\n vehicles: null,\n tripStep: 1,\n filteredBookings: null,\n fromDate: DateService.getFormattedDateHome(d1, 'dd-mm-yyyy'),\n toDate: DateService.getTodayString(),\n typeChange: 'BOOKING_DATE',\n directionChange: 'ALL',\n };\n\n this.getBookings();\n // this.getDrivers();\n // this.getVehicles();\n }\n\n componentDidMount() {\n if (!CommonService.authToken) {\n this.props.history.push('/login');\n }\n }\n\n getBookings = () => {\n let fromUnixTime = CommonService.getTimeInSeconds(this.state.fromDate, \"start\");\n let toUnixTime = CommonService.getTimeInSeconds(this.state.toDate, \"end\");\n\n this.props.actions\n .apiCall({\n url: `${ApiUrls.getTransactionSummary()}/${this.state.directionChange}/${\n this.state.typeChange\n }/${fromUnixTime}/${toUnixTime}`,\n })\n .then(\n res => {\n console.log('Data is', res);\n this.onBookingResponse(res);\n },\n err => {\n this.onBookingResponse(err);\n console.log('Failure Data is', err);\n },\n );\n };\n\n onBookingResponse = result => {\n console.log('Booking Result from api after search', result);\n // console.log('Props after booking result', this.props);\n\n if (result.data && result.data.success && result.data.data) {\n this.setState({\n bookingRequests: result.data.data,\n filteredBookings: result.data.data,\n });\n }else{\n this.setState({\n bookingRequests: [],\n filteredBookings: [],\n });\n }\n };\n\n renderServiceRequest = (request, key) => {\n // console.log('Request item is', request);\n return (\n \n this.onChange(text, 'application')}\n onBlur={text => this.onBlur(text, 'application')}\n />\n
\n\n \n this.onChange(text, 'vehicleName')}\n onBlur={text => this.onBlur(text, 'vehicleName')}\n />\n
\n\n \n this.onSelectOptionChange(val)}\n placeholder={'Vehicle Status'}\n options={this.state.status}\n value={this.state.vehicleStatus}\n error={this.state.vehicleStatusError ? true : false}\n errorMessage={\n this.state.vehicleStatusError ? this.state.vehicleStatusError.message : ''\n }\n />\n
\n\n \n this.onChange(text, 'locationName')}\n onBlur={text => this.onBlur(text, 'locationName')}\n />\n
\n\n \n this.onChange(text, 'maxSeats')}\n onBlur={text => this.onBlur(text, 'maxSeats')}\n />\n
\n\n \n this.onChange(text, 'minBalance')}\n onBlur={text => this.onBlur(text, 'minBalance')}\n />\n
\n\n \n this.onSelectOptionChange(val)}\n placeholder={'Commission Type'}\n options={this.state.commissionTypes}\n value={this.state.commissionType}\n error={this.state.commissionTypeError ? true : false}\n errorMessage={\n this.state.commissionTypeError ? this.state.commissionTypeError.message : ''\n }\n />\n
\n\n \n this.onChange(text, 'commission')}\n onBlur={text => this.onBlur(text, 'commission')}\n />\n
\n\n \n \n \n {this.props.match.params.id ? 'Update Vehicle' : 'Create Vehicle'}\n \n \n
\n \n
\n );\n };\n\n onStepClick = menuItem => {\n // console.warn('Menu clicked ', menuItem);\n\n // Highlight the selected Menu Item\n\n let elementsIndex = this.state.menuButtons.findIndex(\n element => element.key == menuItem - 1,\n );\n\n let newMenus = [...this.state.menuButtons];\n\n newMenus.forEach((item, key) => {\n newMenus[key] = {\n ...newMenus[key],\n active: false,\n };\n });\n\n newMenus[elementsIndex] = {\n ...newMenus[elementsIndex],\n active: !newMenus[elementsIndex].active,\n };\n\n this.setState({ menuButtons: newMenus });\n\n // Filter the arrays as per selection\n\n let fromAT = [];\n let toAT = [];\n\n for (let i = 0; i < this.state.bookingRequests.length; i++) {\n if (menuItem == 2) {\n if (this.state.bookingRequests[i].txn_subtype == 'FROM_AIRPORT') {\n fromAT.push(this.state.bookingRequests[i]);\n }\n } else if (menuItem == 3) {\n if (this.state.bookingRequests[i].txn_subtype == 'TO_AIRPORT') {\n toAT.push(this.state.bookingRequests[i]);\n }\n }\n }\n\n menuItem == 1\n ? this.setState({ filteredBookings: this.state.bookingRequests })\n : menuItem == 2\n ? this.setState({ filteredBookings: fromAT })\n : this.setState({ filteredBookings: toAT });\n };\n\n onBookingSelectionChange = value => {\n this.setState({ typeChange: value.value });\n };\n\n onDirectionChange = value => {\n this.setState({ directionChange: value.value });\n };\n\n onDateChange = (value, type) => {\n if (type == 'going') {\n this.setState({ fromDate: value });\n } else {\n this.setState({ toDate: value });\n }\n };\n\n searchResults = () => {\n let fromUnixTime = CommonService.getTimeInSeconds(this.state.fromDate, \"start\");\n let toUnixTime = CommonService.getTimeInSeconds(this.state.toDate, \"end\");\n\n this.props.actions\n .apiCall({\n url: `${ApiUrls.getTransactionSummary()}/${this.state.directionChange}/${\n this.state.typeChange\n }/${fromUnixTime}/${toUnixTime}`,\n })\n .then(\n res => {\n this.onBookingResponse(res);\n },\n err => {\n this.onBookingResponse(err);\n },\n );\n };\n\n downloadFile = (fileName, urlData) => {\n // var aLink = document.createElement('a');\n // var evt = document.createEvent(\"HTMLEvents\");\n // evt.initEvent(\"click\");\n // aLink.download = fileName;\n // aLink.href = urlData;\n // aLink.dispatchEvent(evt);\n\n // this.props.history.push(fileName)\n window.open(urlData);\n };\n\n onBookButtonPress = () => {\n let csvContent =\n 'Id, Operador, Estatus , Nombre del Servicio, Tipo de vehiculo, Asientos, Fecha de asunto, Hora, Fecha de viaje, Nombre del cliente, Tipo de Documento, Número del Documento, Tiempo de cancelación, De la Dirección, Dirigirse, Número de PNR, Nueva cantidad, Cargos por cancelación \\r\\n';\n\n this.state.filteredBookings.forEach(rowArray => {\n let row = '';\n\n Object.values(rowArray).forEach(innerRow => {\n row +=\n innerRow\n .toString()\n .split(',')\n .join('') + ',';\n });\n\n // let row = innerRowMain;\n csvContent += row + '\\r\\n';\n });\n\n this.downloadFile(\n 'data.csv',\n 'data:text/csv;charset=UTF-8,' + encodeURIComponent(csvContent),\n );\n };\n\n render() {\n // console.log(\n // 'Filtered Bookings are ',\n // this.state.filteredBookings ? this.state.filteredBookings : 'no filtered bookings',\n // );\n return (\n {request.id}
\n {request.operator_name}
\n {request.service_name}
\n {request.no_of_seats}
\n {/* {request.booking_time.split('T')[1].slice(0, -1)}
*/}\n {request.issue_date}
\n {request.issue_date}
\n {request.travel_date}
\n {request.customer_name}
\n {request.document_type}
\n {request.cancellation_time}
\n {request.from_address}
\n {request.to_address}
\n {request.pnr_id}
\n {request.ticket_price}
\n {request.cancellation_charges}
\n {request.refund_amount}
\n {request.net_amount}
\n {request.source_of_booking}
\n {request.PgType}
\n \n
\n );\n }\n }\n\n /* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n home: state.home,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch)\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(Reports);","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\n\nexport class OperationsNew extends Component {\n static propTypes = {\n home: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n };\n\n render() {\n return (\n \n
\n \n
\n \n {'Direction'}\n this.onDirectionChange(val)}\n onInputChange={this.onInputChange}\n error={this.state.transferServiceError ? true : false}\n errorMessage={this.state.transferServiceError}\n placeholder={'All'}\n height={40}\n />\n
\n \n {'Ordenar por'}\n this.onBookingSelectionChange(val)}\n onInputChange={this.onInputChange}\n // icon=\"/svgs/airport.svg\"\n error={this.state.transferServiceError ? true : false}\n errorMessage={this.state.transferServiceError}\n placeholder={'Travel date'}\n height={40}\n />\n
\n \n {'Desde'}\n this.onDateChange(val, 'going')}\n // minDate={\"01-01-2020\"}\n error={this.state.transferDateError ? true : false}\n errorMessage={this.state.transferDateError}\n placeholder={'Going Date'}\n />\n
\n \n {'Hasta'}\n this.onDateChange(val, 'return')}\n // minDate={DateService.getTodayString()}\n error={this.state.transferDateError ? true : false}\n errorMessage={this.state.transferDateError}\n placeholder={'Return Date'}\n />\n
\n\n \n \n
\n\n \n \n \n \n Descargar reporte\n \n \n
\n \n Descargar reporte\n \n \n \n
\n \n
\n \n S#\n Operador\n Tipo de vehiculo\n Asientos\n Hora de presentación\n Fecha de asunto\n Fecha de viaje\n Nombre del cliente\n Documento #\n Cancelado el (si corresponde)\n De la Dirección\n Dirigirse\n PNR\n Precio de la entrada\n Cargos por cancelación\n cantidad devuelta\n Importe neto\n Fuente de reserva\n Tipo PG\n
\n \n {this.state.bookingRequests &&\n this.state.filteredBookings.map((val, key) =>\n this.renderServiceRequest(val, key),\n )}\n
\n \n Page Content: home/OperationsNew\n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n home: state.home,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch)\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(OperationsNew);\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport { KuposButton, KuposCheckbox, KuposDatePicker, KuposSelectBox, KuposSteps } from '../common';\nimport DateService from '../../services/dateService';\nimport ApiUrls from '../../services/apiUrls';\n// import Menu from 'react-select/src/components/Menu';\nimport CommonService from '../../services/commonService';\nimport Table from 'react-bootstrap/Table';\nimport Loader from 'react-loader-spinner';\nimport { apiCall } from './redux/apiCall';\n\nvar global = window;\n\nconst selectToFrom = [\n { value: 'ALL', label: 'Todos' },\n { value: 'TO_AIRPORT', label: 'Hacia aeropuerto' },\n { value: 'FROM_AIRPORT', label: 'Desde aeropuerto' },\n];\n\nconst selectServiceOptions = [\n { value: 'TRAVEL_DATE', label: 'Fecha de viaje' },\n { value: 'BOOKING_DATE', label: 'Fecha de emisión' },\n];\n\nconst typeOfReport = [{ value: 'FULL_REPORT', label: 'Reporte de ventas' }];\n\nconst initialState = {\n menuButtons: [\n { label: 'Todos los servicios', active: true, key: 0 },\n { label: 'Al aeropuerto', active: false, key: 1 },\n { label: 'Desde aeropuerto', active: false, key: 2 },\n ],\n transferServiceError: true,\n identityVal: null,\n bookingRequests: null,\n drivers: null,\n vehicles: null,\n tripStep: 1,\n filteredBookings: null,\n fromDate: DateService.getTodayString(),\n toDate: DateService.getTodayString(),\n typeChange: 'TRAVEL_DATE',\n directionChange: 'ALL',\n dataToShow: [],\n showLoader: false,\n typeOfReport: 'Full detailed report',\n showHeader: false,\n disableDownloadButton: true,\n};\n\nconst modalInitialState = {\n show: false,\n success: false,\n bodyText: null,\n};\n\nconst errorInitialState = {};\n\nconst ReportsNew = ({ history, match }) => {\n const dispatch = useDispatch();\n const [values, setValues] = useState(initialState);\n const [modal, setModal] = useState(modalInitialState);\n const [bookingRequests, setBookingRequests] = useState([]);\n const [filteredBookings, setFilteredBookings] = useState([]);\n const [errors, setErrors] = useState(errorInitialState);\n const [loader, setLoader] = useState(false);\n\n useEffect(() => {\n if (!CommonService.authToken) {\n history.push('/login');\n }\n });\n\n // const getBookings = () => {\n // let fromUnixTime = CommonService.getTimeInSeconds(initialState.fromDate, 'start');\n // let toUnixTime = CommonService.getTimeInSeconds(initialState.toDate, 'end');\n\n // dispatch(apiCall({\n // url: `${ApiUrls.getTransactionSummary()}/${values.directionChange}/${ values.typeChange }/${fromUnixTime}/${toUnixTime}`,\n // callback: res => { onBookingResponse(res)}\n // }))\n // };\n\n const onBookingResponse = result => {\n setLoader(false);\n let fullBooking = [];\n\n if (result && result.data && result.data.success && result.data.data) {\n setBookingRequests(result.data.data);\n setFilteredBookings(result.data.data);\n setValues({ ...values, disableDownloadButton: false, showHeader: true });\n } else {\n setBookingRequests([]);\n setFilteredBookings([]);\n }\n };\n\n const renderServiceRequest = (request, key) => {\n console.log('Request item is--------------', request);\n return (\n \n
\n );\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n home: state.home,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch),\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ReportsNew);\n","import React, { useEffect, useRef, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport ApiUrls from '../../services/apiUrls';\nimport CommonService from '../../services/commonService';\nimport { ActionButtons, AddButton, KuposErrorSuccessModal, KuposListLoader, KuposModalWithButtons } from '../common';\nimport { apiCall } from './redux/apiCall';\nimport { Snackbar } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\n\nconst modalInitialState = {\n show: false,\n success: false,\n bodyText: null,\n};\n\nconst DriverPage = () => {\n const dispatch = useDispatch();\n const onResponse = useRef(() => { });\n const [fetch, setFetch] = useState(false);\n const [driverList, setDriverList] = useState([]);\n const [spinner, setSpinner] = useState(true);\n const [modal, setModal] = useState(modalInitialState);\n const [selectedViewItem, setSelectedViewItem] = useState('');\n const [snackbar, setSnackbar] = useState({});\n\n console.log({ driverList });\n\n useEffect(() => {\n dispatch(apiCall({ url: ApiUrls.getDrivers(), callback: res => onResponse.current(res) }));\n }, [dispatch, fetch]);\n\n onResponse.current = res => {\n console.log('------------------Driver List -----------', res);\n setSpinner(false);\n if (res && res.data && res.data.success) {\n setDriverList(res.data.data);\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n const renderItem = (val, i) => {\n return (\n \n
\n\n {loader ? (\n \n
\n \n {'Reportes'}\n onReportTypeChnage(val)}\n // onInputChange={onInputChange}\n placeholder={'Reporte de ventas'}\n height={40}\n />\n
\n \n {'Dirección'}\n onDirectionChange(val)}\n // onInputChange={onInputChange}\n error={errors.transferServiceError ? true : false}\n errorMessage={errors.transferServiceError}\n placeholder={'Todos'}\n height={40}\n />\n
\n \n {'Ordenar por'}\n onBookingSelectionChange(val)}\n // onInputChange={onInputChange}\n error={errors.transferServiceError ? true : false}\n errorMessage={errors.transferServiceError}\n placeholder={'Fecha de viaje'}\n height={40}\n />\n
\n \n {'Desde'}\n onDateChange(val, 'going')}\n deactivateFutureDate={values.typeChange == 'BOOKING_DATE' ? true : false}\n error={errors.transferDateError ? true : false}\n errorMessage={errors.transferDateError}\n placeholder={'Going Date'}\n onFocus={() => onFocus('going')}\n />\n
\n \n {'Hasta'}\n onDateChange(val, 'return')}\n deactivateFutureDate={values.typeChange == 'BOOKING_DATE' ? true : false}\n minDate={values.fromDate}\n error={errors.transferDateError ? true : false}\n errorMessage={errors.transferDateError}\n placeholder={'Return Date'}\n onFocus={() => onFocus('return')}\n />\n
\n\n \n \n
\n\n \n \n \n \n Descargar reporte\n \n \n
\n \n Descargar reporte\n \n \n \n
\n \n \n {values.showHeader && filteredBookings && filteredBookings.length > 0 ? (\n \n
\n
\n | S# | \nOperador | \nTipo de servicio | \nAsientos | \nEstatus | \n\n Hora de recogida\n | \nFecha de emisión | \nFecha de viaje | \nNombre del pasajero | \nCorreo electrónico | \nTeléfono | \nDocumento # | \nFecha de cancelación | \nCancelado por | \nDesde dirección | \nHacía dirección | \nPNR | \nTarifa | \nDescuento | \nTarifa adicional | \nCargos de cancelación | \nMonto de reembolso | \nMonto neto | \nOrigen de emisión | \nTipo PG | \n
|---|
\n
\n ) : null}\n \n \n setModal({\n ...modal,\n showDeleteModal: true,\n selectedItemName: val.first_name + ' ' + val.last_name,\n selectedItemId: val.id,\n })\n }\n />\n\n
\n );\n };\n\n const renderDeleteModal = () => {\n return (\n {val.id}
\n \n {val.first_name == '' ? '-' : val.first_name + ' ' + val.last_name}\n
\n {val.primary_email}
\n {val.rut}
\n \n {val.employment_type.toLocaleLowerCase()}\n
\n \n {val.status.toLocaleLowerCase()}\n
\n\n \n
\n \n );\n };\n\n const deleteItem = () => {\n dispatch(\n apiCall({\n url: ApiUrls.addDriver(modal.selectedItemId),\n method: 'DELETE',\n callback: res => onDeleteResponse(res),\n }),\n );\n };\n\n const onDeleteResponse = res => {\n if (res.data && res.data.success) {\n setModal({ show: true, success: true, bodyText: 'Eliminar éxito' });\n setFetch(!fetch);\n } else {\n setModal({ show: true, success: false, bodyText: res.data.message });\n }\n };\n\n const renderViewModal = () => {\n return (\n ¿Quieres eliminar \"{modal.selectedItemName}\"?
\n\n
\n ) : null}\n \n );\n };\n\n return (\n \n Conductor\n
\n\n
\n Nombre:
\n {selectedViewItem.first_name}
\n \n
\n Apellido:
\n {selectedViewItem.last_name}
\n \n
\n Correo electronico:
\n {selectedViewItem.primary_email}
\n \n
\n Tipo de empleado:
\n \n {selectedViewItem.employment_type.toLocaleLowerCase()}\n
\n \n
\n ID empleado:
\n \n {CommonService.formatRut(selectedViewItem.rut)}\n
\n \n
\n No licencia conducir:
\n {selectedViewItem.license_number}
\n \n
\n Fecha de expedicion:
\n {selectedViewItem.license_expiration_date}
\n \n
\n Sexo:
\n \n {selectedViewItem.gender.toLocaleLowerCase()}\n
\n \n
\n Dirección:
\n {selectedViewItem.home_address}
\n \n
\n Estatus:
\n \n {selectedViewItem.status.toLocaleLowerCase()}\n
\n \n
\n Comisión A:
\n {selectedViewItem.commission_a}
\n \n
\n Comisión B:
\n {selectedViewItem.commission_b}
\n \n
\n {\n setModal(modalInitialState);\n }}\n />\n setSnackbar({ showSnackbar: false })}\n >\n setSnackbar({ showSnackbar: false })} severity=\"error\">\n {snackbar.alertMessage}\n \n \n
\n );\n}\n\n\nexport default DriverPage;\n","import React, { useEffect, useRef, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport ApiUrls from '../../services/apiUrls';\nimport CommonService from '../../services/commonService';\nimport { DropdownComponent, KuposButton, KuposDatePicker, KuposErrorSuccessModal, KuposInput } from '../common';\nimport { apiCall } from './redux/apiCall';\nimport DateService from '../../services/dateService';\nimport { Snackbar } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport Loader from 'react-loader-spinner';\n\nconst employmentTypes = [\n { value: 'INDEPENDENT', label: 'Independiente' },\n { value: 'CONTRACTOR', label: 'Contrato' },\n];\nconst statusTypes = [\n { value: 'ACTIVE', label: 'Activo' },\n { value: 'INACTIVE', label: 'Inactivo' },\n];\nconst genderTypes = [\n { value: 'MALE', label: 'Masculino' },\n { value: 'FEMALE', label: 'Mujer' },\n];\nconst initialState = {\n expiryDate: DateService.getTodayString(),\n};\n\nconst AddDriverPage = ({ match, history }) => {\n const dispatch = useDispatch();\n const [values, setValues] = useState(initialState);\n const [modal, setModal] = useState({});\n const [errors, setErrors] = useState({});\n const [employmentType, setEmploymentType] = useState('');\n const [genderType, setGenderType] = useState('');\n const [statusType, setStatusType] = useState('');\n const onResponse = useRef(() => { });\n const [snackbar, setSnackbar] = useState({});\n const [count, setCount] = useState('')\n const [loader, setLoader] = useState(false)\n\n\n const id = match.params ? parseInt(match.params.id) : null;\n\n console.log({ values, errors, id, employmentType, statusType, genderType });\n\n useEffect(() => {\n if (id) {\n setLoader(true)\n dispatch(\n apiCall({\n url: ApiUrls.getDrivers(),\n callback: res => onResponse.current(res),\n }),\n );\n }\n }, [dispatch, id]);\n\n // Counter\n useEffect(() => {\n let interval\n if (count) {\n interval = setInterval(() => {\n setCount((currentCount) => --currentCount)\n }, 1000);\n }\n // Redirect once the count is === 0\n count === 0 && history.push('/drivers');\n // CleanUp\n return () => clearInterval(interval)\n }, [count, history])\n\n onResponse.current = res => {\n console.log('Result from all drivers api', res);\n setLoader(false)\n\n if (res.data && res.data.success && res.data.data) {\n const found = res.data.data.find(d => d.id === id);\n console.log({ found });\n if (found) {\n setValues({\n ...found,\n expiryDate: DateService.changeDateFormat(\n found.license_expiration_date,\n 'yyyy-mm-dd',\n 'dd-mm-yyyy',\n ),\n });\n\n const employ =\n found.employment_type === 'INDEPENDENT' ? employmentTypes[0] : employmentTypes[1];\n setEmploymentType(employ);\n\n const status = found.status === 'ACTIVE' ? statusTypes[0] : statusTypes[1];\n setStatusType(status);\n\n const gender = found.gender === 'MALE' ? genderTypes[0] : genderTypes[1];\n setGenderType(gender);\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Record not found'\n });\n setCount(5)\n }\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n const closeSnackbar = () => {\n setSnackbar({ showSnackbar: false });\n };\n\n const handleChange = (val, type) => {\n if (type === 'rut') {\n setValues({ ...values, [type]: CommonService.formatRut(val) });\n setErrors({ ...errors, [type + 'Error']: '' });\n } else if (type !== 'rut') {\n setValues({ ...values, [type]: val });\n setErrors({ ...errors, [type + 'Error']: '' });\n }\n };\n const onBlur = (val, inp) => { };\n\n const validate = () => {\n setErrors({});\n if (!values.first_name) {\n setErrors({ first_nameError: 'Ingrese el nombre del servicio' });\n return false;\n } else if (!values.last_name) {\n setErrors({ last_nameError: 'Ingrese Servicios de servicio' });\n return false;\n } else if (!values.primary_email) {\n setErrors({ primary_emailError: 'Ingrese el número de asientos' });\n return false;\n } else if (!employmentType) {\n setErrors({ employment_typeError: 'Introduzca la fecha de inicio' });\n return false;\n } else if (!values.rut) {\n setErrors({ rutError: 'Ingrese la fecha de finalización' });\n return false;\n } else if(values.rut.length < 12){\n setErrors({ rutError: 'RUT can not be less than 9 digits' });\n return false;\n } else if (!values.license_number) {\n setErrors({ license_numberError: 'Por favor ingrese comentario de servicio' });\n return false;\n } else if (!values.expiryDate) {\n setErrors({ expiryDateError: 'Por favor ingrese comentario de servicio' });\n return false;\n } else if (!genderType) {\n setErrors({ genderError: 'Por favor ingrese comentario de servicio' });\n return false;\n } else if (!values.home_address) {\n setErrors({ home_addressError: 'Por favor ingrese comentario de servicio' });\n return false;\n } else if (!statusType) {\n setErrors({ statusError: 'Por favor ingrese comentario de servicio' });\n return false;\n } else if (!values.commission_a) {\n setErrors({ commission_aError: 'Por favor ingrese comentario de servicio' });\n return false;\n } else if (!values.commission_b) {\n setErrors({ commission_bError: 'Por favor ingrese comentario de servicio' });\n return false;\n }\n return true;\n };\n\n const createOrUpdate = () => {\n if (!validate()) {\n return;\n }\n\n let method = 'POST';\n let data = {};\n\n if (id) {\n method = 'PUT';\n data = {\n id: values.id,\n client_code: values.client_code,\n first_name: values.first_name,\n last_name: values.last_name,\n status: statusType.value,\n primary_email: values.primary_email,\n last_updated_on: values.last_updated_on,\n last_updated_by: values.last_updated_by,\n home_address: values.home_address,\n commission_a: Number(values.commission_a),\n commission_b: Number(values.commission_b),\n };\n } else {\n data = values;\n data.employment_type = employmentType.value;\n data.license_expiration_date = DateService.changeDateFormat(\n values.expiryDate,\n 'dd-mm-yyyy',\n 'yyyy-mm-dd',\n );\n data.gender = genderType.value;\n data.status = statusType.value;\n data.license_expiration_date_unix = CommonService.getTimeInSeconds(values.expiryDate);\n data.commission_a = Number(values.commission_a);\n data.commission_b = Number(values.commission_b);\n }\n\n console.log({ data });\n setLoader(true)\n\n dispatch(\n apiCall({\n url: ApiUrls.addDriver(),\n method,\n data,\n callback: res => onUpdateResponse(res),\n }),\n );\n };\n\n const onUpdateResponse = res => {\n setLoader(false)\n\n if (res && res.data && res.data.success && res.data.http_code == 201) {\n setModal({ show: true, success: true, bodyText: 'Éxito', redirect: true });\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n return (\n \n
\n
\n {spinner ? (\n id
\n Nombre
\n Correo electrónico
\n RUT
\n Tipo de empleado
\n Estatus
\n Acciones
\n \n {\n setModal({});\n if (modal.redirect) {\n history.goBack();\n }\n }}\n bodyText={modal.bodyText}\n />\n\n \n \n {snackbar.alertMessage} we are redirecting you back in {count} seconds\n\n \n \n\n {loader ?\n
\n );\n};\n\nexport default AddDriverPage;\n","import React, { useEffect, useRef, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { AddButton, ActionButtons, KuposErrorSuccessModal, KuposListLoader, KuposModalWithButtons } from '../common';\nimport ApiUrls from '../../services/apiUrls';\nimport { apiCall } from './redux/apiCall';\nimport { Snackbar } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\n\nconst modalInitialState = {\n show: false,\n success: false,\n bodyText: null,\n};\n\nconst CvehiclePage = () => {\n const dispatch = useDispatch();\n const onResponse = useRef(() => { });\n const [fetch, setFetch] = useState(false);\n const [itemList, setItemList] = useState([]);\n const [modal, setModal] = useState(modalInitialState);\n const [selectedViewItem, setSelectedViewItem] = useState('');\n const [loader, setLoader] = useState(true);\n const [snackbar, setSnackbar] = useState({});\n\n\n useEffect(() => {\n dispatch(apiCall({ url: ApiUrls.getVehicles(), callback: res => onResponse.current(res) }));\n }, [dispatch, fetch]);\n\n onResponse.current = res => {\n setLoader(false);\n if (res && res.data && res.data.success) {\n setItemList(res.data.data);\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n\n const renderItem = (val, i) => {\n return (\n \n handleChange(text, 'first_name')}\n onBlur={text => onBlur(text, 'first_name')}\n />\n
\n \n handleChange(text, 'last_name')}\n onBlur={text => onBlur(text, 'last_name')}\n />\n
\n \n handleChange(text, 'primary_email')}\n onBlur={text => onBlur(text, 'primary_email')}\n />\n
\n \n {\n setEmploymentType(val);\n setErrors({ employment_typeError: '' });\n }}\n placeholder={'Ubicación'}\n options={employmentTypes}\n error={errors.employment_typeError ? true : false}\n errorMessage={errors.employment_typeError ? errors.employment_typeError : ''}\n value={employmentType}\n />\n
\n \n Tipo de empleado\n
\n \n handleChange(date, 'expiryDate')}\n placeholder={'Expiry Date'}\n />\n
\n \n Fecha de expedicion\n
\n \n handleChange(text, 'rut')}\n onBlur={text => onBlur(text, 'rut')}\n max={12}\n />\n
\n \n handleChange(text, 'license_number')}\n onBlur={text => onBlur(text, 'license_number')}\n />\n
\n \n {\n setGenderType(val);\n setErrors({ genderError: '' });\n }}\n placeholder={'Ubicación'}\n options={genderTypes}\n error={errors.genderError ? true : false}\n errorMessage={errors.genderError ? errors.genderError : ''}\n value={genderType}\n />\n
\n \n Sexo\n
\n \n handleChange(text, 'home_address')}\n onBlur={text => onBlur(text, 'home_address')}\n />\n
\n \n {\n setStatusType(val);\n setErrors({ statusError: '' });\n }}\n placeholder={'Ubicación'}\n options={statusTypes}\n error={errors.statusError ? true : false}\n errorMessage={errors.statusError ? errors.statusError : ''}\n value={statusType}\n />\n
\n \n Estatus\n
\n \n handleChange(text, 'commission_a')}\n onBlur={text => onBlur(text, 'commission_a')}\n />\n
\n \n handleChange(text, 'commission_b')}\n onBlur={text => onBlur(text, 'commission_b')}\n />\n
\n \n \n {id ? 'Conductor de actualización' : 'Crear Conductor'}\n \n
\n \n
: null\n }\n \n \n setModal({\n showDeleteModal: true,\n selectedItemName: val.reference_name,\n selectedItemId: val.id,\n })\n }\n />\n\n\n
\n );\n }\n\n const renderDeleteModal = () => {\n return (\n\n {val.id}
\n {val.reference_name}
\n {val.brand}
\n {val.patent}
\n {val.owner}
\n {val.status.toLocaleLowerCase()}
\n \n
\n \n )\n }\n\n const deleteItem = () => {\n dispatch(\n apiCall({\n url: ApiUrls.getVehicles(modal.selectedItemId),\n method: 'DELETE',\n callback: res => onDeleteResponse(res),\n }),\n );\n }\n\n const onDeleteResponse = res => {\n if (res.data && res.data.success) {\n setModal({ show: true, success: true, bodyText: 'Eliminar éxito' });\n setFetch(!fetch);\n } else {\n setModal({ show: true, success: false, bodyText: res.data.message });\n }\n };\n\n\n const renderViewModal = () => {\n return (\n ¿Quieres eliminar \"{modal.selectedItemName}\"?
\n\n
: null}\n \n )\n }\n\n return (\n Vehículo
\n\n
\n Nombre:
\n {selectedViewItem.reference_name}
\n \n
\n Marca de Vehículo:
\n {selectedViewItem.brand}
\n \n
\n Patente:
\n {selectedViewItem.patent}
\n \n
\n Propietario:
\n {selectedViewItem.owner}
\n \n
\n Numero de asientos:
\n {selectedViewItem.no_of_seats}
\n \n
\n Fecha de ingreso:
\n {selectedViewItem.vehicle_entry_datetime_str}
\n \n
\n Estatus:
\n {selectedViewItem.status.toLocaleLowerCase()}
\n \n
\n {\n setModal(modalInitialState);\n }}\n />\n setSnackbar({ showSnackbar: false })}\n >\n setSnackbar({ showSnackbar: false })} severity=\"error\">\n {snackbar.alertMessage}\n \n \n
\n );\n}\n\n\nexport default CvehiclePage;\n","import React, { useState, useEffect } from 'react'\nimport { useDispatch } from 'react-redux';\nimport DateService from '../../services/dateService';\nimport {\n DropdownComponent, KuposButton, KuposDatePicker, KuposErrorSuccessModal, KuposInput,\n} from '../common';\nimport { apiCall } from './redux/apiCall';\nimport ApiUrls from '../../services/apiUrls';\nimport CommonService from '../../services/commonService';\nimport { Snackbar } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport Loader from 'react-loader-spinner';\n\n\nconst initialState = {\n entryDate: DateService.getTodayString(),\n reference_name: '',\n brand: '',\n patent: '',\n owner: '',\n no_of_seats: '',\n status: '',\n}\n\nconst statusTypes = [\n { value: 'ACTIVE', label: 'Activo' },\n { value: 'INACTIVE', label: 'Inactivo' },\n]\n\nconst AddCvehiclePage = ({ history, match }) => {\n const dispatch = useDispatch();\n const [modal, setModal] = useState({});\n const [values, setValues] = useState(initialState);\n const [loader, setLoader] = useState(true)\n const [snackbar, setSnackbar] = useState({});\n const [showForm, setShowForm] = useState(true)\n const [count, setCount] = useState('')\n\n\n\n const id = match.params ? Number(match.params.id) : null;\n console.log({ values })\n\n // Counter\n useEffect(() => {\n let interval\n if (count) {\n interval = setInterval(() => {\n setCount((currentCount) => --currentCount)\n }, 1000);\n }\n // Redirect once the count is === 0\n count === 0 && history.push('/c-vehicles');\n // CleanUp\n return () => clearInterval(interval)\n }, [count, history])\n\n useEffect(() => {\n if (id) {\n getList();\n } else {\n setLoader(false)\n }\n // eslint-disable-next-line\n }, [id]);\n\n const getList = () => {\n dispatch(\n apiCall({\n url: ApiUrls.getVehicles(), callback: res => {\n setLoader(false)\n if (res && res.data && res.data.success) {\n const found = res.data.data.find(f => f.id === id);\n if (found) {\n console.log({ found });\n getParticularCvehicle(found);\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Record not found'\n });\n setShowForm(false)\n setCount(5)\n }\n }\n }\n })\n )\n };\n const closeSnackbar = () => {\n setSnackbar({ showSnackbar: false });\n };\n\n const getParticularCvehicle = (cVehicles) => {\n const status = cVehicles.status === \"ACTIVE\" ? statusTypes[0] : statusTypes[1]\n let data = cVehicles\n data.statusType = status\n data.no_of_seats = cVehicles.no_of_seats.toString()\n data.entryDate = DateService.changeDateFormat(cVehicles.vehicle_entry_datetime_str, 'yyyy-mm-dd', 'dd-mm-yyyy',);\n setValues(data)\n }\n\n\n const onBlur = () => { }\n const onChange = (val, type) => {\n setValues({ ...values, [type]: val, [type + 'Error']: null });\n }\n\n const validate = () => {\n if (!values.reference_name) {\n setValues({ ...values, reference_nameError: 'Ingrese el nombre del servicio' });\n return false;\n } else if (!values.brand) {\n setValues({ ...values, brandError: 'Ingrese Servicios de servicio' });\n return false;\n } else if (!values.patent) {\n setValues({ ...values, patentError: 'Ingrese el número de asientos' });\n return false;\n } else if (!values.owner) {\n setValues({ ...values, ownerError: 'Introduzca la fecha de inicio' });\n return false;\n } else if (!values.no_of_seats) {\n setValues({ ...values, no_of_seatsError: 'Ingrese la fecha de finalización' });\n return false;\n } else if (!values.statusType) {\n setValues({ ...values, statusTypeError: 'Required' });\n return false;\n }\n return true;\n };\n\n const createOrUpdate = () => {\n if (!validate()) {\n return;\n }\n\n let data = {}\n\n if (id) {\n data = {\n \"id\": values.id,\n \"reference_name\": values.reference_name,\n \"brand\": values.brand,\n \"patent\": values.patent,\n \"owner\": values.owner,\n \"no_of_seats\": Number(values.no_of_seats),\n \"status\": values.statusType.value,\n //\"created_datetime_str\": values.cVehicleToEdit.created_datetime_str,\n // \"created_by\": values.cVehicleToEdit.created_by,\n \"updation_datetime_str\": DateService.changeDateFormat(values.entryDate, 'dd-mm-yyyy', 'yyyy-mm-dd',),\n \"updation_datetime\": CommonService.getTimeInSeconds(values.entryDate),\n \"updated_by\": values.updated_by\n }\n } else {\n data = {\n \"reference_name\": values.reference_name,\n \"brand\": values.brand,\n \"patent\": values.patent,\n \"owner\": values.owner,\n \"no_of_seats\": Number(values.no_of_seats),\n \"status\": values.statusType.value,\n \"vehicle_entry_datetime_str\": DateService.changeDateFormat(values.entryDate, 'dd-mm-yyyy', 'yyyy-mm-dd',),\n \"vehicle_entry_datetime\": CommonService.getTimeInSeconds(values.entryDate),\n };\n }\n\n // console.log(data)\n dispatch(\n apiCall(\n {\n url: ApiUrls.getVehicles(),\n method: (id ? 'PUT' : 'POST'),\n data, callback: res => onUpdateResponse(res)\n })\n )\n\n\n }\n\n const onUpdateResponse = (res) => {\n if (res.data && res.data.success && res.data.data) {\n console.log('Update vehicle data resonse : ');\n console.log(res.data.data);\n setModal({\n show: true,\n success: true,\n bodyText: \"Éxito\" || (id ? 'Éxito' : 'Éxito')\n\n })\n } else if (!res.data.success && res.data.message) {\n setModal({\n show: true,\n success: false,\n bodyText: res.data.message\n })\n } else {\n setModal({\n show: true,\n success: false,\n bodyText: 'Fallar'\n })\n }\n }\n\n\n if (loader) {\n return (\n \n
\n
\n {loader ? id
\n Nombre
\n Marca de vehículo
\n Patente
\n Propietario
\n Estatus
\n Acciones
\n \n
\n )\n }\n\n\n return showForm ? \n {\n if (modal.success) history.push('/c-vehicles');\n setModal({});\n }}\n bodyText={modal.bodyText}\n />\n\n
: \n {id ? 'Editar Vehículo' : 'Crear nuevo Vehículo'}\n
\n\n onChange(text, 'reference_name')}\n onBlur={text => onBlur(text, 'reference_name')}\n />\n
\n \n onChange(val, 'brand')}\n onBlur={text => onBlur(text, 'brand')}\n />\n
\n \n onChange(val, 'patent')}\n onBlur={text => onBlur(text, 'patent')}\n />\n
\n \n onChange(val, 'owner')}\n onBlur={text => onBlur(text, 'owner')}\n />\n
\n \n onChange(text, 'no_of_seats')}\n onBlur={text => onBlur(text, 'no_of_seats')}\n />\n
\n \n onChange(date, 'entryDate')}\n placeholder={'Fecha de ingreso'}\n />\n
\n Fecha de ingreso
\n \n onChange(val, 'statusType')}\n placeholder={'Ubicación'}\n options={statusTypes}\n error={values.statusTypeError ? true : false}\n errorMessage={values.statusTypeError ? values.statusTypeError : ''}\n // value={id ? values.statusType == 'ACTIVE' ? statusTypes[0] : statusTypes[1] : statusTypes && statusTypes.value}\n value={values.statusType}\n />\n
\n Estatus
\n\n \n \n \n {id ? 'Actualizar Vehículo' : 'Crear Vehículo'}\n \n \n
\n\n \n
\n \n
\n\n \n this.props.history.push('/login')}\n >\n ![](\"/images/back_arrow_bip.png\")
\n
\n \n \n {/* 
*/}\n 
\n
\n\n \n Bienvenido Carlos\n
\n \n \n Selecciona tu turno u caja para ingresar
al sistems de ventas\n \n
\n\n al sistems de ventas\n \n
\n Selecciona tu turno\n this.onTurnChange(val)}\n // onInputChange={this.onInputChange}\n placeholder={'Turno mañana'}\n height={40}\n // error={this.state.transferServiceError ? true : false}\n // errorMessage={this.state.transferServiceError}\n error={this.state.turnError ? true : false}\n errorMessage={this.state.turnError ? this.state.turnError.message : null}\n />\n
\n\n \n Selecciona tu caja\n this.onCounterChange(val)}\n // onInputChange={this.onInputChange}\n placeholder={'Seleccione caja'}\n height={40}\n error={this.state.counterError ? true : false}\n errorMessage={this.state.counterError ? this.state.counterError.message : null}\n />\n
\n\n \n \n CONTINUAR\n \n
\n \n \n Solución de gestión desarrollada y mantenida por\n kupos.com\n \n
\n \n Todos los derechos reservados.\n
\n \n
\n \n
\n\n \n this.props.history.push('/counter-selection')}\n >\n \n
\n \n \n {/* */}\n \n
\n\n \n Caja: Ventanilla 1\n
\n \n Balance inicial para Owner\n
\n\n \n Efectivo\n this.onChange(val, 'amount')}\n onBlur={text => this.onBlur(text, 'amount')}\n />\n
\n\n \n Comentario\n this.onChange(val, 'comment')}\n onBlur={text => this.onBlur(text, 'comment')}\n inputOuterStyle={{ height: 120 }}\n />\n
\n\n \n \n CONTINUAR\n \n
\n \n \n Solución de gestión desarrollada y mantenida por\n kupos.com\n \n
\n \n Todos los derechos reservados.\n
\n \n
\n )\n }\n\n return showForm ?\n \n hideModal()}\n />\n\n
\n :\n \n onChange(text, 'name')}\n onBlur={text => onBlur(text, 'name')}\n />\n
\n\n \n onChange(text, 'std_code')}\n onBlur={text => onBlur(text, 'std_code')}\n />\n
\n\n \n onChange(text, 'currency')}\n onBlur={text => onBlur(text, 'currency')}\n />\n
\n\n \n onChange(text, 'remark')}\n onBlur={text => onBlur(text, 'remark')}\n />\n
\n\n \n \n \n {id ? ' Actualizar país' : 'Añadir país'}\n \n \n
\n\n \n {\n setModal(modalInitialState);\n if (modal.redirect) {\n history.goBack();\n }\n }}\n bodyText={modal.bodyText}\n />\n\n {loader ? (\n
\n );\n}\n\n\nexport default AddState;\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { DropdownComponent, KuposButton, KuposErrorSuccessModal, KuposInput } from '../common';\nimport ApiUrls from '../../services/apiUrls';\nimport { apiCall } from './redux/apiCall';\nimport Loader from 'react-loader-spinner';\n\nconst modalInitialState = {\n show: false,\n success: false,\n bodyText: null,\n};\nconst initialState = {\n cityName: '',\n remark: '',\n};\n\nconst errorInitialState = {};\n\nconst AddCity = ({ history, match }) => {\n\n const dispatch = useDispatch();\n const [values, setValues] = useState(initialState);\n const [modal, setModal] = useState(modalInitialState);\n const [states, setStates] = useState([]);\n const [cityList, setCityList] = useState([]);\n const [cityToEdit, setCityToEdit] = useState(null);\n const [loader, setLoader] = useState(false);\n const [selectedState, setSelectedState] = useState('');\n const [errors, setErrors] = useState(errorInitialState);\n const [fetch, setFetch] = useState('');\n\n const id = match.params ? Number(match.params.id) : null;\n\n console.log(\"+++selected state is \", selectedState)\n useEffect(() => {\n if (id) {\n getCityList();\n } else {\n setLoader(false)\n }\n // eslint-disable-next-line\n }, [id, fetch])\n\n\n useEffect(() => {\n dispatch(apiCall({\n url: ApiUrls.addState(),\n callback: res => {\n if (res.data && res.data.success) {\n\n let states = [];\n res.data.data.map(state => {\n states.push({ value: state.id, label: state.name });\n });\n\n setStates(states)\n }\n }\n }))\n }, [dispatch, fetch])\n\n\n const getCityList = () => {\n dispatch(apiCall({\n url: ApiUrls.addCity(),\n callback: res => {\n if (res.data && res.data.success) {\n setCityList(res.data.data)\n\n if (id)\n setTimeout(() => {\n getParticularCity(id, res.data.data);\n }, 1000);\n }\n }\n }))\n }\n\n const getParticularCity = (id, cities) => {\n cities.forEach(element => {\n if (element.id == id) {\n\n setCityToEdit(element);\n setValues({\n cityName: element.name,\n remark: element.remark,\n })\n\n states &&\n states.map(val => {\n if (val.value === element.state_id) {\n setSelectedState(val)\n }\n });\n }\n });\n };\n\n const onChange = (val, type) => {\n switch (type) {\n case 'city_name':\n setValues({ ...values, cityName: val })\n break;\n case 'remark':\n setValues({ ...values, remark: val })\n break;\n }\n };\n\n\n const onStateChange = val => {\n setSelectedState(val)\n };\n\n const onBlur = () => { };\n\n const validate = () => {\n\n let error = 0;\n setErrors(initialState);\n\n if (!selectedState) {\n setErrors({ ...errors, selectedStateError: 'Seleccione la país' });\n error++;\n return false;\n }\n if (!values.cityName) {\n setErrors({ ...errors, cityNameError: 'Ingrese un Nombre de la ciudad' });\n error++;\n return false;\n }\n if (!values.remark) {\n setErrors({ ...errors, cityRemarkError: 'Ingrese un Comentarios' });\n error++;\n return false;\n }\n\n if (error > 0) {\n return false;\n } else {\n return true;\n }\n\n };\n\n const createOrUpdate = () => {\n if (!validate()) {\n return;\n }\n setLoader(true)\n let updateData, data;\n\n id\n ? (updateData = {\n id: cityToEdit.id,\n state_id: cityToEdit.state_id,\n name: values.cityName,\n status: cityToEdit.status,\n remark: values.remark,\n created_on: cityToEdit.created_on,\n created_by: cityToEdit.created_by,\n last_updated_on: cityToEdit.last_updated_on,\n last_updated_by: cityToEdit.last_updated_by,\n })\n : (data = {\n name: values.cityName,\n state_id: selectedState.value,\n remark: values.remark,\n });\n\n dispatch(\n apiCall({\n url: ApiUrls.addCity(),\n method: id ? 'PUT' : 'POST',\n data: id ? updateData : data,\n callback: res => onAddCityResponse(res),\n }),\n );\n };\n\n const onAddCityResponse = res => {\n if (res.data && res.data.success && res.data.data) {\n setLoader(false)\n setModal({\n show: true,\n success: true,\n redirect: true,\n bodyText: 'Éxito' || (id ? 'Éxito' : 'Éxito'),\n });\n } else if (!res.data.success && res.data.message) {\n setLoader(false)\n setModal({ show: true, success: false, bodyText: res.data.message });\n } else {\n setLoader(false)\n setModal({ show: true, success: false, bodyText: 'Fail' });\n }\n };\n\n return (\n \n onCountryChange(val)}\n placeholder={'Seleccione la país'}\n disabled={id ? true : false}\n options={countries}\n value={selectedCountry}\n error={errors.selectedCountryError ? true : false}\n errorMessage={\n errors.selectedCountryError ? errors.selectedCountryError : null\n }\n />\n
\n \n onChange(text, 'state_name')}\n onBlur={text => onBlur(text, 'state_name')}\n />\n
\n\n \n onChange(text, 'remark')}\n onBlur={text => onBlur(text, 'remark')}\n />\n
\n\n \n \n \n {id ? 'Actualizar región' : 'Crear región '}\n \n \n
\n\n \n
\n ) : null}\n \n\n {\n setModal(modalInitialState);\n if (modal.redirect) {\n history.goBack();\n }\n }}\n bodyText={modal.bodyText}\n />\n\n {loader ? (\n
\n );\n}\n\n\nexport default AddCity;\n","import React, { useState, useEffect, useRef } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { KuposErrorSuccessModal, KuposListLoader, KuposModalWithButtons } from '../common';\nimport ApiUrls from '../../services/apiUrls';\nimport { apiCall } from './redux/apiCall';\nimport ActionButtons from '../common/ActionButtons';\nimport AddButton from '../common/AddButton';\nimport { Snackbar } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\n\nconst modalSuccessFailureInitialState = {\n showSuccessFailureModal: false,\n showSuccessFailureModalStatus: false,\n showSuccessFailureModalBodyText: null,\n};\n\nconst Countries = () => {\n const dispatch = useDispatch();\n const onResponse = useRef(() => { });\n const [modalValues, setModalValues] = useState(modalSuccessFailureInitialState);\n const [countriesList, setCountriesList] = useState([]);\n const [selectedViewItem, setSelectedViewItem] = useState(null);\n const [showDeleteModal, setShowDeleteModal] = useState(false);\n const [selectedItemName, setSelectedItemName] = useState(null);\n const [selectedItemId, setSelectedItemId] = useState(null);\n const [fetch, setFetch] = useState(false);\n const [spinner, setSpinner] = useState(true);\n const [snackbar, setSnackbar] = useState({});\n\n\n useEffect(() => {\n dispatch(\n apiCall({\n url: ApiUrls.addCountry(),\n callback: res => onResponse.current(res),\n }),\n );\n }, [dispatch, fetch]);\n\n onResponse.current = res => {\n setSpinner(false);\n if (res && res.data && res.data.data) {\n setCountriesList(res.data.data);\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n\n };\n\n const renderItem = (val, i) => {\n console.log('value is ', val);\n return (\n \n onStateChange(val)}\n placeholder={'Seleccione la región'}\n options={states}\n value={selectedState}\n error={errors.selectedStateError ? true : false}\n errorMessage={\n errors.selectedStateError ? errors.selectedStateError : null\n }\n />\n
\n\n \n onChange(text, 'city_name')}\n onBlur={text => onBlur(text, 'city_name')}\n />\n
\n\n \n onChange(text, 'remark')}\n onBlur={text => onBlur(text, 'remark')}\n />\n
\n\n \n \n \n {id ? 'Actualizar ciudad' : 'Crear ciudad'}\n \n \n
\n\n \n
\n ) : null}\n \n \n setOnClickDataForDelete(val)\n\n\n }\n />\n\n
\n );\n };\n\n const setOnClickDataForDelete = val => {\n setShowDeleteModal(true);\n setSelectedItemName(val.name);\n setSelectedItemId(val.id);\n };\n\n const renderViewModal = () => {\n return (\n {val.id}
\n {val.name}
\n {val.std_code}
\n {val.currency}
\n {val.status}
\n {val.remark}
\n \n
\n ) : null}\n \n );\n };\n\n const renderDeleteModal = () => {\n return (\n País
\n\n
\n Nombre:
\n {selectedViewItem.name}
\n \n
\n Moneda:
\n {selectedViewItem.currency}
\n \n
\n Prefijo telefónico:
\n {selectedViewItem.std_code}
\n \n
\n Estatus:
\n {selectedViewItem.status}
\n \n
\n \n );\n };\n\n\n const deleteItem = () => {\n dispatch(\n apiCall({\n url: ApiUrls.addCountry(selectedItemId),\n method: 'DELETE',\n callback: res => onDeleteResponse(res),\n }),\n );\n };\n\n const onDeleteResponse = res => {\n if (res.data && res.data.success) {\n setSelectedItemName(null);\n setSelectedItemId(null);\n setShowDeleteModal(false);\n setModalValues({\n showSuccessFailureModal: true,\n showSuccessFailureModalStatus: true,\n showSuccessFailureModalBodyText: 'Delete Success',\n })\n setFetch(!fetch)\n // getCountiesList();\n } else {\n\n setModalValues({\n showSuccessFailureModal: true,\n showSuccessFailureModalStatus: false,\n showSuccessFailureModalBodyText: res.data.message ? res.data.message : 'Error in Deleting',\n })\n setSelectedItemName(null);\n setSelectedItemId(null);\n }\n };\n\n console.log('Countries list is', countriesList);\n return (\n ¿Esta seguro de que desea eliminar {selectedItemName}\"?
\n\n {\n setModalValues({\n showSuccessFailureModal: false,\n showSuccessFailureModalBodyText: null,\n })\n }}\n />\n setSnackbar({ showSnackbar: false })}\n >\n setSnackbar({ showSnackbar: false })} severity=\"error\">\n {snackbar.alertMessage}\n \n \n
\n );\n};\n\nexport default Countries;\n","import React, { useState, useEffect, useRef } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { apiCall } from './redux/apiCall';\nimport { KuposErrorSuccessModal, KuposListLoader, KuposModalWithButtons } from '../common';\nimport ApiUrls from '../../services/apiUrls';\nimport ActionButtons from '../common/ActionButtons';\nimport AddButton from '../common/AddButton';\nimport { Snackbar } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\n\n\nconst modalSuccessFailureInitialState = {\n showSuccessFailureModal: false,\n showSuccessFailureModalStatus: false,\n showSuccessFailureModalBodyText: null,\n};\n\nconst AllStates = () => {\n const dispatch = useDispatch();\n const onResponse = useRef(() => { });\n const [modalValues, setModalValues] = useState(modalSuccessFailureInitialState);\n const [countries, setCountries] = useState([]);\n const [statesList, setStatesList] = useState([]);\n const [selectedViewItem, setSelectedViewItem] = useState(null);\n const [showDeleteModal, setShowDeleteModal] = useState(false);\n const [selectedItemName, setSelectedItemName] = useState(null);\n const [selectedItemId, setSelectedItemId] = useState(null);\n const [fetch, setFetch] = useState(false);\n const [snackbar, setSnackbar] = useState({});\n const [loader, setLoader] = useState(true)\n\n useEffect(() => {\n dispatch(\n apiCall({\n url: ApiUrls.addCountry(),\n callback: res => onResponse.current(res),\n }),\n );\n }, [dispatch, fetch]);\n\n onResponse.current = res => {\n if (res && res.data && res.data.data) {\n let countries = [];\n res.data.data.map(country => {\n countries.push({ value: country.id, label: country.name });\n });\n setCountries(countries);\n }\n else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n useEffect(() => {\n dispatch(\n apiCall({\n url: ApiUrls.addState(),\n callback: res => onStatesResponse(res),\n }),\n );\n }, [dispatch, fetch]);\n\n const onStatesResponse = res => {\n setLoader(false)\n if (res && res.data && res.data.data) {\n setStatesList(res.data.data);\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n const getParticularCountry = country_id => {\n let countryName;\n countries &&\n countries.map(val => {\n if (val.value === country_id) {\n countryName = val.label;\n }\n });\n\n return {countryName};\n };\n const renderItem = (val, i) => {\n // console.log('+++value in all states fxn ', this.getParticularCountry(val));\n return (\n \n
\n\n {spinner ? ID
\n País
\n Prefijo telefónico
\n Moneda
\n Estatus
\n Comentarios
\n Acciones
\n \n setOnClickDataForDelete(val)}\n />\n\n
\n );\n };\n\n const setOnClickDataForDelete = val => {\n setShowDeleteModal(true);\n setSelectedItemName(val.name);\n setSelectedItemId(val.id);\n };\n\n const renderViewModal = () => {\n return (\n {val.id}
\n {getParticularCountry(val.country_id)}
\n {/* {val.country_id}
*/}\n {val.name}
\n {val.status}
\n {val.remark}
\n\n \n
\n ) : null}\n \n );\n };\n\n const renderDeleteModal = () => {\n return (\n Región
\n\n
\n Nombre de la región:
\n {selectedViewItem.name}
\n \n
\n País:
\n \n {getParticularCountry(selectedViewItem.country_id)}\n
\n \n
\n Estatus:
\n {selectedViewItem.status}
\n \n
\n Comentarios:
\n {selectedViewItem.remark}
\n \n
\n \n );\n };\n\n const deleteItem = () => {\n dispatch(\n apiCall({\n url: ApiUrls.addState(selectedItemId),\n method: 'DELETE',\n callback: res => onDeleteResponse(res),\n }),\n );\n };\n\n const onDeleteResponse = res => {\n if (res.data && res.data.success) {\n setSelectedItemName(null);\n setSelectedItemId(null);\n setShowDeleteModal(false);\n setModalValues({\n showSuccessFailureModal: true,\n showSuccessFailureModalStatus: true,\n showSuccessFailureModalBodyText: 'Delete Success',\n });\n setFetch(!fetch);\n } else {\n setModalValues({\n showSuccessFailureModal: true,\n showSuccessFailureModalStatus: false,\n showSuccessFailureModalBodyText: res.data.message ? res.data.message : 'Error in Deleting',\n });\n setSelectedItemName(null);\n setSelectedItemId(null);\n }\n };\n\n return (\n ¿Esta seguro de que desea eliminar \"{selectedItemName}\"?
\n\n\n {\n setModalValues({\n showSuccessFailureModal: false,\n showSuccessFailureModalBodyText: null,\n });\n }}\n />\n setSnackbar({ showSnackbar: false })}\n >\n setSnackbar({ showSnackbar: false })} severity=\"error\">\n {snackbar.alertMessage}\n \n \n
\n );\n};\n\nexport default AllStates","import React, { useState, useEffect, useRef } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { KuposErrorSuccessModal, KuposListLoader, KuposModalWithButtons } from '../common';\nimport ApiUrls from '../../services/apiUrls';\nimport { apiCall } from './redux/apiCall';\nimport ActionButtons from '../common/ActionButtons';\nimport AddButton from '../common/AddButton';\nimport { Snackbar } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\n\nconst modalSuccessFailureInitialState = {\n showSuccessFailureModal: false,\n showSuccessFailureModalStatus: false,\n showSuccessFailureModalBodyText: null,\n};\n\nconst AllCities = () => {\n const dispatch = useDispatch();\n const onResponse = useRef(() => { });\n const [fetch, setFetch] = useState(false);\n const [states, setState] = useState([]);\n const [modalValues, setModalValues] = useState(modalSuccessFailureInitialState);\n const [citiesList, setCitiesList] = useState([]);\n const [selectedViewItem, setSelectedViewItem] = useState(null);\n const [showDeleteModal, setShowDeleteModal] = useState(false);\n const [selectedItemName, setSelectedItemName] = useState(null);\n const [selectedItemId, setSelectedItemId] = useState(null);\n const [loader, setLoader] = useState(true)\n const [snackbar, setSnackbar] = useState({});\n\n\n useEffect(() => {\n dispatch(\n apiCall({\n url: ApiUrls.addState(),\n callback: res => onResponse.current(res),\n }),\n );\n }, [dispatch, fetch]);\n\n onResponse.current = res => {\n if (res && res.data && res.data.data) {\n console.log(\"state list is\", res.data.data)\n let states = [];\n res.data.data.map(state => {\n states.push({ value: state.id, label: state.name });\n });\n\n setState(states)\n }\n else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n\n };\n\n useEffect(() => {\n dispatch(\n apiCall({\n url: ApiUrls.addCity(),\n callback: res => onCityResponse(res),\n }),\n );\n }, [dispatch, fetch]);\n\n const onCityResponse = res => {\n setLoader(false)\n if (res && res.data && res.data.data) {\n console.log(\"city list is\", res.data.data)\n setCitiesList(res.data.data);\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n\n };\n\n\n const renderItem = (val, i) => {\n return (\n \n
\n\n {loader ? ID
\n País
\n Nombre de la región
\n Estatus
\n Comentarios
\n Acciones
\n \n \n setOnClickDataForDelete(val)\n }\n />\n\n
\n );\n };\n\n const getParticularState = state_id => {\n let stateName;\n states &&\n states.map(val => {\n\n if (val.value === state_id) {\n\n stateName = val.label;\n }\n });\n\n return {stateName};\n };\n\n const setOnClickDataForDelete = val => {\n setShowDeleteModal(true);\n setSelectedItemName(val.name);\n setSelectedItemId(val.id);\n };\n\n const renderViewModal = () => {\n return (\n {val.id}
\n {val.name}
\n {getParticularState(val.state_id)}
\n {val.status}
\n {val.remark}
\n \n
\n ) : null}\n \n );\n };\n\n const renderDeleteModal = () => {\n return (\n Ciudades
\n\n
\n Nombre de la ciudad:
\n {selectedViewItem.name}
\n \n
\n Nombre de la región:
\n \n {getParticularState(selectedViewItem.state_id)}\n
\n \n
\n Estatus:
\n {selectedViewItem.status}
\n \n
\n Comentarios:
\n {selectedViewItem.remark}
\n \n
\n \n );\n };\n\n const deleteItem = () => {\n dispatch(\n apiCall({\n url: ApiUrls.addCity(selectedItemId),\n method: \"DELETE\",\n callback: res => onDeleteResponse(res),\n }),\n );\n };\n const onDeleteResponse = res => {\n if (res.data && res.data.success) {\n setSelectedItemName(null);\n setSelectedItemId(null);\n setShowDeleteModal(false);\n setModalValues({\n showSuccessFailureModal: true,\n showSuccessFailureModalStatus: true,\n showSuccessFailureModalBodyText: 'Delete Success',\n })\n setFetch(!fetch)\n } else {\n setModalValues({\n showSuccessFailureModal: true,\n showSuccessFailureModalStatus: false,\n showSuccessFailureModalBodyText: res.data.message ? res.data.message : 'Error in Deleting',\n })\n setSelectedItemName(null);\n setSelectedItemId(null);\n }\n };\n\n return (\n \n ¿Esta seguro de que desea eliminar \"{selectedItemName}\"?\n
\n\n {\n setModalValues(modalSuccessFailureInitialState);\n }}\n />\n setSnackbar({ showSnackbar: false })}\n >\n setSnackbar({ showSnackbar: false })} severity=\"error\">\n {snackbar.alertMessage}\n \n \n
\n );\n\n}\n\n\nexport default AllCities;\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport ApiUrls from '../../services/apiUrls';\nimport DateService from '../../services/dateService';\nimport { DropdownComponent, KuposButton, KuposErrorSuccessModal, KuposInput } from '../common';\nimport { apiCall } from './redux/apiCall';\n\n\nconst initialState = {\n branchName: '',\n branchAddress: '',\n branchRemarks: '',\n};\n\nconst AddBranch = ({ match, history }) => {\n const dispatch = useDispatch();\n const [values, setValues] = useState(initialState);\n const [modal, setModal] = useState({});\n const [countries, setCountries] = useState([]);\n const [states, setStates] = useState([]);\n const [cities, setCities] = useState([]);\n\n const id = match.params ? Number(match.params.id) : null;\n\n useEffect(() => {\n getCountriesList();\n getStatesList();\n getCitiesList();\n if (id) {\n getList();\n }\n // eslint-disable-next-line\n }, [id]);\n\n console.log('values from add branch ', values);\n\n const getCountriesList = () => {\n dispatch(\n apiCall({\n url: ApiUrls.addCountry(),\n callback: res => {\n console.log('Result from all countries api', res);\n if (res.data && res.data.success) {\n const countries = res.data.data.map(country => {\n return { value: country.id, label: country.name };\n });\n setCountries(countries);\n }\n },\n }),\n );\n };\n\n const getStatesList = () => {\n dispatch(\n apiCall({\n url: ApiUrls.addState(),\n callback: res => {\n console.log('Result from all state api', res);\n if (res.data && res.data.success) {\n const states = res.data.data.map(state => {\n return { value: state.id, label: state.name };\n });\n setStates(states);\n }\n },\n }),\n );\n };\n\n const getCitiesList = () => {\n dispatch(\n apiCall({\n url: ApiUrls.addCity(),\n callback: res => {\n if (res.data && res.data.success) {\n const cities = res.data.data.map(city => {\n return { value: city.id, label: city.name };\n });\n setCities(cities);\n }\n },\n }),\n );\n };\n\n const getList = () => {\n dispatch(\n apiCall({\n url: ApiUrls.addBranch(),\n callback: res => {\n console.log('Result from all state api', res);\n const found = res.data.data.find(f => f.id === id);\n if (found) {\n console.log({ found });\n getParticularBranch(found);\n }\n },\n }),\n );\n };\n\n const getParticularBranch = data => {\n setValues({\n ...values,\n branchToEdit: data,\n branchName: data.name,\n branchAddress: data.address,\n branchRemarks: data.remark,\n countryId: data.country_id,\n countryName: data.country_name,\n stateId: data.state_id,\n stateName: data.state_name,\n cityId: data.city_id,\n cityName: data.city_name,\n startDate: DateService.changeDateFormat(\n data.availability_start_date,\n 'yyyy-mm-dd',\n 'dd-mm-yyyy',\n ),\n endDate: DateService.changeDateFormat(data.availability_end_date, 'yyyy-mm-dd', 'dd-mm-yyyy'),\n selectedCountry: { value: Number(data.country_id), label: data.country_name },\n selectedState: { value: Number(data.state_id), label: data.state_name },\n selectedCity: { value: Number(data.city_id), label: data.city_name },\n });\n };\n\n const onChange = (val, type) => {\n setValues({ ...values, [type]: val, [type + 'Error']: null });\n };\n\n const validate = () => {\n if (!values.branchName) {\n setValues({ ...values, branchNameError: 'Ingrese el nombre de la sucursal' });\n return false;\n }\n\n if (!values.branchAddress) {\n setValues({ ...values, branchAddressError: 'Ingrese la dirección de la sucursal' });\n return false;\n }\n\n if (!values.selectedCountry) {\n setValues({\n ...values,\n selectedCountryError: 'Seleccione un país',\n });\n return false;\n }\n if (!values.selectedState) {\n setValues({\n ...values,\n selectedStateError: 'Seleccione estado',\n });\n return false;\n }\n if (!values.selectedCity) {\n setValues({\n ...values,\n selectedCityError: 'Ciudad selecta',\n });\n return false;\n }\n\n if (!values.branchRemarks) {\n setValues({\n ...values,\n branchRemarksError: 'Ingrese el comentario de la rama',\n });\n return false;\n }\n return true;\n };\n\n const createOrUpdate = () => {\n if (!validate()) {\n return;\n }\n let method = 'POST';\n let data = {};\n if (id) {\n method = 'PUT';\n data = {\n id,\n name: values.branchName,\n address: values.branchAddress,\n city_id: values.selectedCity.value,\n city_name: values.selectedCity.label,\n state_id: values.selectedState.value,\n state_name: values.selectedState.label,\n country_id: values.selectedCountry.value,\n country_name: values.selectedCountry.label,\n client_code: values.branchToEdit.client_code,\n status: values.branchToEdit.status,\n remark: values.branchRemarks,\n created_on: values.branchToEdit.created_on,\n created_by: values.branchToEdit.created_by,\n last_updated_on: values.branchToEdit.last_updated_on,\n last_updated_by: values.branchToEdit.last_updated_by,\n };\n } else {\n data = {\n name: values.branchName,\n address: values.branchAddress,\n city_id: values.selectedCity.value,\n city_name: values.selectedCity.label,\n state_id: values.selectedState.value,\n state_name: values.selectedState.label,\n country_id: values.selectedCountry.value,\n country_name: values.selectedCountry.label,\n remark: values.branchRemarks,\n };\n }\n\n console.log('api data', data);\n\n dispatch(\n apiCall({\n url: ApiUrls.addBranch(),\n method,\n data,\n callback: res => onResponse(res),\n }),\n );\n };\n\n const onResponse = res => {\n if (res.data && res.data.success && res.data.data) {\n setModal({ show: true, success: true, bodyText: 'Éxito' || (id ? 'Éxito' : 'Éxito') });\n } else if (!res.data.success && res.data.message) {\n setModal({ show: true, success: false, bodyText: res.data.message });\n } else {\n setModal({ show: true, success: false, bodyText: 'Fallar' });\n }\n };\n\n return (\n \n
\n\n {loader ? ID
\n Nombre de la ciudad
\n Nombre de la región
\n Estatus
\n Comentarios
\n Acciones
\n \n {\n if (modal.success) history.push('/branches');\n setModal({});\n }}\n bodyText={modal.bodyText}\n />\n
\n );\n};\n\nexport default AddBranch;\n","import React, { useEffect, useRef, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport ApiUrls from '../../services/apiUrls';\nimport { ActionButtons, AddButton, KuposErrorSuccessModal, KuposListLoader, KuposModalWithButtons } from '../common';\nimport { apiCall } from './redux/apiCall';\nimport { Snackbar } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\n\nconst modalInitialState = {\n show: false,\n success: false,\n bodyText: null,\n};\n\nconst AllBranches = () => {\n const dispatch = useDispatch();\n const onResponse = useRef(() => { });\n const [modal, setModal] = useState(modalInitialState);\n const [branchList, setBranchList] = useState([]);\n const [fetch, setFetch] = useState(false);\n const [spinner, setSpinner] = useState(true);\n const [snackbar, setSnackbar] = useState({});\n const [selectedViewItem, setSelectedViewItem] = useState(null);\n\n useEffect(() => {\n dispatch(\n apiCall({\n url: ApiUrls.addBranch(),\n callback: res => onResponse.current(res),\n }),\n );\n }, [dispatch, fetch]);\n\n onResponse.current = res => {\n setSpinner(false);\n if (res && res.data && res.data.data) {\n setBranchList(res.data.data);\n }\n else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n const renderItem = (val, i) => {\n // console.log('value is', val);\n return (\n {id ? 'Editar Sucursal' : 'Crear nuevo Sucursal'}
\n\n onChange(text, 'branchName')}\n />\n
\n \n onChange(text, 'branchAddress')}\n />\n
\n \n onChange(val, 'selectedCountry')}\n placeholder={'País'}\n options={countries}\n value={values.selectedCountry}\n error={values.selectedCountryError ? true : false}\n errorMessage={values.selectedCountryError ? values.selectedCountryError : ''}\n />\n
\n \n País\n
\n \n onChange(val, 'selectedState')}\n placeholder={'Región'}\n options={states}\n value={values.selectedState}\n error={values.selectedStateError ? true : false}\n errorMessage={values.selectedStateError ? values.selectedStateError : ''}\n />\n
\n \n Región\n
\n \n onChange(val, 'selectedCity')}\n placeholder={'Ciudad'}\n options={cities}\n value={values.selectedCity}\n error={values.selectedCityError ? true : false}\n errorMessage={values.selectedCityError ? values.selectedCityError : ''}\n />\n
\n \n Ciudad\n
\n \n onChange(text, 'branchRemarks')}\n />\n
\n \n \n {id ? 'Actualizar Sucursal' : 'Crear Sucursal'}\n \n
\n \n \n setModal({\n showDeleteModal: true,\n selectedItemName: val.name,\n selectedItemId: val.id,\n })\n }\n />\n
\n );\n };\n\n const renderViewModal = () => {\n return (\n {val.id}
\n {val.name}
\n {val.city_name}
\n {val.state_name}
\n \n {val.status.toLocaleLowerCase()}\n
\n {val.remark}
\n \n
\n ) : null}\n \n );\n };\n\n const renderDeleteModal = () => {\n return (\n Sucursales
\n\n
\n Nombre:
\n {selectedViewItem.name}
\n \n
\n Ciudad:
\n {selectedViewItem.city_name}
\n \n
\n Región:
\n {selectedViewItem.state_name}
\n \n
\n Estatus:
\n {selectedViewItem.status}
\n \n
\n Comentarios:
\n {selectedViewItem.remark}
\n \n
\n \n );\n };\n\n const deleteItem = () => {\n dispatch(\n apiCall({\n url: ApiUrls.addBranch(modal.selectedItemId),\n method: 'DELETE',\n callback: res => onDeleteResponse(res),\n }),\n );\n };\n\n const onDeleteResponse = res => {\n if (res.data && res.data.success) {\n setModal({ show: true, success: true, bodyText: 'Eliminar éxito' });\n setFetch(!fetch);\n } else {\n setModal({ show: true, success: true, bodyText: res.data.message });\n }\n };\n\n return (\n ¿Quieres eliminar \"{modal.selectedItemName}\"?
\n\n
\n {\n setModal(modalInitialState);\n }}\n />\n\n setSnackbar({ showSnackbar: false })}\n >\n setSnackbar({ showSnackbar: false })} severity=\"error\">\n {snackbar.alertMessage}\n \n \n
\n );\n};\n\nexport default AllBranches;\n\n\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport ApiUrls from '../../services/apiUrls';\nimport { DropdownComponent, KuposButton, KuposErrorSuccessModal, KuposInput } from '../common';\nimport { apiCall } from './redux/apiCall';\n\nconst AddCounter = ({ history, match }) => {\n const dispatch = useDispatch();\n const [modal, setModal] = useState({});\n const [branches, setBranches] = useState([]);\n const [errors, setErrors] = useState({});\n const [values, setValues] = useState({});\n const [branch, setBranch] = useState('');\n\n const id = match.params ? Number(match.params.id) : null;\n console.log({ values, id });\n\n useEffect(() => {\n getBranches();\n if (id) {\n getList();\n }\n // eslint-disable-next-line\n }, [id]);\n\n const getBranches = () => {\n dispatch(\n apiCall({\n url: ApiUrls.addBranch(),\n callback: res => {\n if (res.data && res.data.success) {\n setBranches(\n res.data.data.map(branch => {\n return { value: branch.id, label: branch.name };\n }),\n );\n }\n },\n }),\n );\n };\n\n const getList = () => {\n dispatch(\n apiCall({\n url: ApiUrls.allCounters(),\n callback: res => {\n console.log({ res });\n if (res.data && res.data.success) {\n const found = res.data.data.find(f => f.id === id);\n console.log({ found });\n if (found) {\n setValues({ ...found, Remark: found.remark });\n setBranch({ label: found.branch_name, value: found.branch_id });\n }\n }\n },\n }),\n );\n };\n\n const handleChange = (val, type) => {\n setValues({ ...values, [type]: val });\n setErrors({ ...values, [type + 'Error']: '' });\n };\n\n const validate = () => {\n if (!values.name) {\n setErrors({ nameError: 'Ingrese el nombre del caja' });\n return false;\n }\n if (!branch) {\n setErrors({ branchError: 'Seleccionar rama' });\n return false;\n }\n if (!values.Remark) {\n setErrors({ RemarkError: 'Ingrese el comentario del caja' });\n return false;\n }\n return true;\n };\n\n const createOrUpdate = () => {\n if (!validate()) {\n return;\n }\n\n let method = 'POST';\n let data = {};\n if (id) {\n method = 'PUT';\n data = values;\n data.branch_id = branch.value;\n data.branch_name = branch.label;\n } else {\n data = values;\n data.branch_id = branch.value;\n data.branch_name = branch.label;\n }\n\n console.log({ data });\n\n dispatch(\n apiCall({\n url: ApiUrls.addCounter(),\n method,\n data,\n callback: res => onUpdateResponse(res),\n }),\n );\n };\n\n const onUpdateResponse = res => {\n if (res.data && res.data.success && res.data.data) {\n setModal({\n show: true,\n success: true,\n redirect: true,\n bodyText: 'Éxito' || (id ? 'Éxito' : 'Éxito'),\n });\n } else if (!res.data.success && res.data.message) {\n setModal({ show: true, success: false, bodyText: res.data.message });\n } else {\n setModal({ show: true, success: false, bodyText: 'Fallar' });\n }\n };\n return (\n \n
\n
\n\n {spinner ? (\n ID
\n Nombre
\n Ciudad
\n Región
\n Estatus
\n Comentarios
\n Acciones
\n \n {\n setModal({});\n if (modal.redirect) {\n history.goBack();\n }\n }}\n bodyText={modal.bodyText}\n />\n
\n );\n};\n\nexport default AddCounter;\n","import React, { useState, useEffect, useRef } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { apiCall } from './redux/apiCall';\nimport { ActionButtons, AddButton, KuposErrorSuccessModal, KuposListLoader, KuposModalWithButtons } from '../common';\nimport ApiUrls from '../../services/apiUrls';\nimport { Snackbar } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\n\nconst AllCounters = ({ history }) => {\n const dispatch = useDispatch();\n const onResponse = useRef(() => { });\n const [fetch, setFetch] = useState(false);\n const [counterList, setCounterList] = useState([]);\n const [spinner, setSpinner] = useState(true);\n const [modal, setModal] = useState({});\n const [snackbar, setSnackbar] = useState({});\n const [selectedViewItem, setSelectedViewItem] = useState('');\n\n useEffect(() => {\n dispatch(apiCall({ url: ApiUrls.allCounters(), callback: res => onResponse.current(res) }));\n }, [dispatch, fetch]);\n\n onResponse.current = res => {\n setSpinner(false);\n if (res && res.data && res.data.success) {\n setCounterList(res.data.data);\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n const renderItem = (val, i) => {\n console.log('value is', val);\n return (\n {id ? 'Crear caja' : 'Crear nuevo caja'}
\n\n handleChange(text, 'name')}\n />\n
\n\n \n {\n setBranch(val);\n setErrors({});\n }}\n placeholder={'Sucrusal'}\n value={branch}\n options={branches}\n error={errors.branchError ? true : false}\n errorMessage={errors.branchError ? errors.branchError : ''}\n />\n
\n\n \n Sucrusal\n
\n \n handleChange(text, 'Remark')}\n />\n
\n \n \n {id ? 'Actualizar contador' : 'Crear contador'}\n \n
\n \n \n setModal({\n showDeleteModal: true,\n selectedItemName: val.name,\n selectedItemId: val.id,\n })\n }\n />\n\n
\n );\n };\n\n const renderViewModal = () => {\n return (\n {val.id}
\n {val.name}
\n {val.branch_name}
\n \n {val.status.toLocaleLowerCase()}\n
\n {val.remark}
\n\n \n
\n ) : null}\n \n );\n };\n\n const renderDeleteModal = () => {\n return (\n Contador
\n\n
\n Nombre:
\n {selectedViewItem.name}
\n \n
\n Nombre de la sucursal:
\n {selectedViewItem.branch_name}
\n \n
\n Estatus:
\n {selectedViewItem.status}
\n \n
\n Observaciones:
\n {selectedViewItem.remark}
\n \n
\n \n );\n };\n\n const deleteItem = () => {\n dispatch(\n apiCall({\n url: ApiUrls.addCounter(modal.selectedItemId),\n method: 'DELETE',\n callback: res => onDeleteResponse(res),\n }),\n );\n };\n\n const onDeleteResponse = res => {\n if (res.data && res.data.success) {\n setModal({ show: true, success: true, bodyText: 'Eliminar éxito' });\n setFetch(!fetch);\n } else {\n setModal({ show: true, success: false, bodyText: res.data.message });\n }\n };\n\n return (\n ¿Quieres eliminar \"{modal.selectedItemName}\"?
\n\n
\n {\n setModal({});\n }}\n />\n setSnackbar({ showSnackbar: false })}\n >\n setSnackbar({ showSnackbar: false })} severity=\"error\">\n {snackbar.alertMessage}\n \n \n
\n );\n\n}\n\nexport default AllCounters;\n","import React, { useState, useEffect, useRef } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { apiCall } from './redux/apiCall';\nimport ApiUrls from '../../services/apiUrls';\nimport {\n KuposErrorSuccessModal,\n KuposListLoader,\n KuposModalWithButtons,\n AddButton, ActionButtons\n} from '../common';\nimport { Snackbar } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\n\nconst modalInitialState = {\n show: false,\n success: false,\n bodyText: null,\n};\n\nconst AllPos = ({ history }) => {\n const dispatch = useDispatch();\n const onResponse = useRef(() => { });\n const [modal, setModal] = useState(modalInitialState);\n const [posList, setPostList] = useState([]);\n const [fetch, setFetch] = useState(false);\n const [spinner, setSpinner] = useState(true);\n const [selectedViewItem, setSelectedViewItem] = useState(null);\n const [snackbar, setSnackbar] = useState({});\n\n\n useEffect(() => {\n dispatch(\n apiCall({\n url: ApiUrls.addPos(),\n callback: res => onResponse.current(res),\n }),\n );\n }, [dispatch, fetch]);\n\n onResponse.current = res => {\n setSpinner(false);\n if (res && res.data && res.data.data) {\n setPostList(res.data.data);\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n const renderItem = (val, i) => {\n // console.log('value is', val);\n return (\n \n
\n
\n {spinner ? (\n ID
\n Nombre
\n Sucursal
\n Estatus
\n Comentarios
\n Acciones
\n \n \n setModal({\n showDeleteModal: true,\n selectedItemName: val.name,\n selectedItemId: val.id,\n })\n }\n />\n
\n );\n };\n\n const renderViewModal = () => {\n return (\n {val.id}
\n {val.name}
\n {val.branch_name}
\n \n {val.status.toLocaleLowerCase()}\n
\n {val.description}
\n\n\n \n
\n ) : null}\n \n );\n };\n\n const renderDeleteModal = () => {\n return (\n POS
\n\n
\n Nombre:
\n {selectedViewItem.name}
\n \n
\n Sucursal:
\n {selectedViewItem.branch_name}
\n \n
\n Estatus:
\n {selectedViewItem.status}
\n \n
\n Descripción:
\n {selectedViewItem.description}
\n \n
\n \n );\n };\n\n const deleteItem = () => {\n dispatch(\n apiCall({\n url: ApiUrls.addPos(modal.selectedItemId),\n method: 'DELETE',\n callback: res => onDeleteResponse(res),\n }),\n );\n };\n\n const onDeleteResponse = res => {\n if (res.data && res.data.success) {\n setModal({ show: true, success: true, bodyText: 'Eliminar éxito' });\n setFetch(!fetch);\n } else {\n setModal({ show: true, success: true, bodyText: res.data.message });\n }\n };\n\n return (\n ¿Quieres eliminar \"{modal.selectedItemName}\"?
\n\n
\n {\n setModal(modalInitialState);\n }}\n />\n setSnackbar({ showSnackbar: false })}\n >\n setSnackbar({ showSnackbar: false })} severity=\"error\">\n {snackbar.alertMessage}\n \n \n
\n );\n};\n\nexport default AllPos;\n","import React, { useEffect, useState } from 'react';\nimport {\n DropdownComponent,\n KuposButton,\n KuposErrorSuccessModal,\n KuposInput,\n} from '../common';\nimport ApiUrls from '../../services/apiUrls';\nimport { useDispatch } from 'react-redux';\nimport { apiCall } from './redux/apiCall';\n\nconst initialState = {\n posName: '',\n posDescription: '',\n selectedBranch: null,\n};\n\nconst AllPos = ({ match, history }) => {\n const dispatch = useDispatch();\n const [values, setValues] = useState(initialState);\n const [modal, setModal] = useState({});\n const [branches, setBranches] = useState([]);\n\n const id = match.params ? Number(match.params.id) : null;\n\n useEffect(() => {\n getBranchesList();\n if (id) {\n getList();\n }\n // eslint-disable-next-line\n }, [id]);\n\n const getBranchesList = () => {\n dispatch(\n apiCall({\n url: ApiUrls.addBranch(),\n callback: res => {\n if (res.data && res.data.success) {\n const brnch = res.data.data.map(d => {\n return { value: d.id, label: d.name };\n });\n setBranches(brnch);\n }\n },\n }),\n );\n };\n\n const getList = () => {\n dispatch(\n apiCall({\n url: ApiUrls.addPos(),\n callback: res => {\n if (res.data && res.data.success) {\n const found = res.data.data.find(p => p.id === id);\n if (found) {\n getParticularPos(found);\n }\n }\n },\n }),\n );\n };\n\n const getParticularPos = data => {\n setValues({\n posToEdit: data,\n posName: data.name,\n branchName: data.branch_name,\n posDescription: data.description,\n branchId: data.branch_id,\n selectedBranch: { value: Number(data.branch_id), label: data.branch_name },\n });\n };\n\n const onChange = (val, type) => {\n setValues({ ...values, [type]: val, [type + 'Error']: null });\n };\n\n const validate = () => {\n if (!values.posName) {\n setValues({ ...values, posNameError: 'Ingrese el nombre del pos' });\n return false;\n }\n if (!values.selectedBranch) {\n setValues({ ...values, selectedBranchError: 'Seleccionar rama' });\n return false;\n }\n if (!values.posDescription) {\n setValues({ ...values, posDescriptionError: 'Ingrese el comentario de la pos' });\n return false;\n }\n return true;\n };\n\n const createOrUpdate = () => {\n if (!validate()) {\n return;\n }\n\n let method = 'POST';\n let data = {};\n\n if (id) {\n method = 'PUT';\n data = {\n id: values.posToEdit.id,\n name: values.posToEdit.name,\n client_code: values.posToEdit.client_code,\n branch_id: values.selectedBranch.branch_id,\n branch_name: values.selectedBranch.label,\n description: values.posDescription,\n status: values.posToEdit.status,\n created_on: values.posToEdit.created_on,\n created_by: values.posToEdit.created_by,\n last_updated_on: values.posToEdit.last_updated_on,\n last_updated_by: values.posToEdit.last_updated_by,\n };\n } else {\n data = {\n name: values.posName,\n branch_id: values.selectedBranch.value,\n branch_name: values.selectedBranch.label,\n description: values.posDescription,\n };\n }\n\n dispatch(\n apiCall({\n url: ApiUrls.addPos(),\n method,\n data,\n callback: res => onResponse(res),\n }),\n );\n };\n\n const onResponse = res => {\n if (res.data && res.data.success && res.data.data) {\n setModal({\n show: true,\n success: true,\n bodyText: 'Éxito' || (id ? 'Éxito' : 'Éxito'),\n });\n } else if (!res.data.success && res.data.message) {\n setModal({\n show: true,\n success: false,\n bodyText: res.data.message,\n });\n } else {\n setModal({\n show: true,\n success: false,\n bodyText: 'Fallar',\n });\n }\n };\n\n return (\n \n
\n
\n\n {spinner ? (\n ID
\n Nombre
\n Sucursal
\n Estatus
\n Descripción
\n Acciones
\n \n {\n if (modal.success) history.push('/pos');\n setModal({});\n }}\n bodyText={modal.bodyText}\n />\n
\n );\n};\n\nexport default AllPos;\n","import React, { useEffect, useRef, useState } from 'react';\nimport { ActionButtons, AddButton, KuposErrorSuccessModal, KuposListLoader, KuposModalWithButtons } from '../common';\nimport ApiUrls from '../../services/apiUrls';\nimport { apiCall } from './redux/apiCall';\nimport { useDispatch } from 'react-redux';\nimport { Snackbar } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\n\n\nconst modalInitialState = {\n show: false,\n success: false,\n bodyText: null,\n};\nconst AllIncomeExpense = () => {\n const dispatch = useDispatch();\n const onResponse = useRef(() => { });\n const [spinner, setSpinner] = useState(true);\n const [modal, setModal] = useState(modalInitialState);\n const [incomeExpenseList, setIncomeExpenseList] = useState([]);\n const [selectedItem, setSelectedItem] = useState('');\n const [fetch, setFetch] = useState(false);\n const [snackbar, setSnackbar] = useState({});\n\n\n useEffect(() => {\n dispatch(\n apiCall({ url: ApiUrls.allIncomeExpense(), callback: res => onResponse.current(res) }),\n );\n }, [dispatch, fetch]);\n\n onResponse.current = res => {\n // console.log('------------------Blocks Unblocks-----------', res);\n setSpinner(false);\n\n if (res && res.data && res.data.success) {\n setIncomeExpenseList(res.data.data);\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n const renderItem = (val, i) => {\n // console.log('value is--------', val);\n return (\n {id ? 'Editar POS' : 'Crear nuevo POS'}
\n\n onChange(text, 'posName')}\n />\n
\n \n onChange(val, 'selectedBranch')}\n placeholder={'Sucursal'}\n options={branches}\n value={values.selectedBranch}\n error={values.selectedBranchError ? true : false}\n errorMessage={values.selectedBranchError ? values.selectedBranchError : ''}\n />\n
\n \n Sucursal\n
\n \n onChange(text, 'posDescription')}\n />\n
\n \n \n {id ? 'Actualizar POS' : 'Crear POS'}\n \n
\n\n \n \n setModal({\n ...modal,\n showDeleteModal: true,\n selectedItemName: val.name,\n selectedItemId: val.id,\n })\n }\n />\n
\n );\n };\n\n const renderViewModal = () => {\n return (\n {val.id}
\n {val.type}
\n {val.name}
\n {val.status}
\n \n
\n ) : null}\n \n );\n };\n\n const renderDeleteModal = () => {\n return (\n Gastos - Ingresos
\n\n
\n Tipo:
\n {selectedItem.type}
\n \n
\n Nombre:
\n {selectedItem.name}
\n \n
\n Descripción:
\n {selectedItem.description}
\n \n
\n \n );\n };\n\n const deleteItem = () => {\n dispatch(\n apiCall({\n url: ApiUrls.addIncomeExpense(modal.selectedItemId),\n method: 'DELETE',\n callback: res => onDeleteResponse(res),\n }),\n );\n };\n\n const onDeleteResponse = res => {\n if (res.data && res.data.success) {\n setModal({ show: true, success: true, bodyText: 'Delete Success' });\n setFetch(!fetch);\n } else {\n setModal({ show: true, success: false, bodyText: res.data.message });\n }\n };\n return (\n \n ¿Esta seguro de que desea eliminar \"{modal.selectedItemName}\"?\n
\n\n
\n {\n setModal(modalInitialState);\n }}\n />\n setSnackbar({ showSnackbar: false })}\n >\n setSnackbar({ showSnackbar: false })} severity=\"error\">\n {snackbar.alertMessage}\n \n \n
\n );\n}\n\n\n\nexport default AllIncomeExpense;\n","import React, { useEffect, useRef, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport ApiUrls from '../../services/apiUrls';\nimport { DropdownComponent, KuposButton, KuposErrorSuccessModal, KuposInput } from '../common';\nimport { apiCall } from './redux/apiCall';\n\nconst types = [\n { value: 'EXPENSE', label: 'Expense' },\n { value: 'INCOME', label: 'Income' },\n];\nconst initialState = {\n name: '',\n description: '',\n};\n\nconst modalInitialState = {\n show: false,\n success: false,\n bodyText: '',\n};\n\nconst errorInitialState = {\n nameError: '',\n descriptionError: '',\n typeError: '',\n};\n\nconst AddIncomeExpense = ({ history, match }) => {\n const dispatch = useDispatch();\n const [values, setValues] = useState(initialState);\n const [modal, setModal] = useState(modalInitialState);\n const [errors, setErrors] = useState(errorInitialState);\n const [txnType, setTxnType] = useState('');\n\n const onResponse = useRef(() => { });\n\n const id = match.params ? parseInt(match.params.id) : null;\n\n // console.log({ match, history, values, id, errors });\n\n const handleOnChange = (val, type) => {\n setValues({ ...values, [type]: val });\n };\n\n useEffect(() => {\n if (id) {\n dispatch(\n apiCall({ url: ApiUrls.allIncomeExpense(), callback: res => onResponse.current(res) }),\n );\n }\n }, [dispatch, id]);\n\n onResponse.current = res => {\n // console.log({ res });\n if (res.data && res.data.success) {\n if (id) {\n getParticular(id, res.data.data);\n }\n }\n };\n\n const getParticular = (id, res) => {\n // console.log('Particular dat', { id, res });\n\n const income = res.income_item_list.find(el => el.id === id);\n const expense = res.expense_item_list.find(el => el.id === id);\n\n // console.log({ income, expense });\n if (income) {\n setValues({\n type: income.type,\n name: income.name,\n description: income.description,\n newData: income,\n });\n setTxnType({ value: income.type, label: income.type });\n } else {\n setValues({\n type: expense.type,\n name: expense.name,\n description: expense.description,\n newData: expense,\n });\n setTxnType({ value: expense.type, label: expense.type });\n }\n };\n\n const onBlur = () => { };\n\n const validate = () => {\n let errors = 0;\n setErrors(errorInitialState);\n\n if (!txnType) {\n setErrors({ ...errors, typeError: 'Seleccione opciones' });\n errors++;\n return;\n }\n if (!values.name) {\n setErrors({ ...errors, nameError: 'Ingrese un nombre' });\n errors++;\n return;\n }\n if (!values.description) {\n setErrors({ ...errors, descriptionError: 'descripción' });\n errors++;\n return;\n }\n\n if (errors > 0) return false;\n else return true;\n };\n\n const createOrUpdate = () => {\n if (!validate()) {\n return;\n }\n\n let method = 'POST';\n let data = values;\n\n if (id) {\n method = 'PUT';\n data = values.newData;\n data.description = values.description;\n }\n\n // console.log('Updated data is', data, { method });\n\n dispatch(\n apiCall({\n method,\n url: ApiUrls.addIncomeExpense(),\n data,\n callback: res => onUpdateResponse(res),\n }),\n );\n };\n\n const onUpdateResponse = res => {\n // console.log('res from add income expense is --------', res);\n if (res && res.data && res.data.success) {\n setModal({ ...modal, show: true, success: true, bodyText: res.data.message });\n } else {\n setModal({ ...modal, show: true, success: false, bodyText: res.data.message });\n }\n };\n\n return (\n \n
\n
\n {spinner ? (\n ID
\n Tipo
\n Nombre
\n Estatus
\n Acciones
\n \n {\n setModal({ ...modal, show: false });\n if (modal.success) history.goBack();\n }}\n bodyText={modal.bodyText}\n />\n
\n );\n};\n\nexport default AddIncomeExpense;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport { DropdownComponent } from '../common/DropdownComponent';\nimport { KuposButton, KuposErrorSuccessModal, KuposInput } from '../common';\nimport ApiUrls from '../../services/apiUrls';\nimport AppData from '../../services/appData';\nimport CommonService from '../../services/commonService';\nimport DateService from '../../services/dateService';\n\nexport class AddIncomeExpensesTransaction extends Component {\n static propTypes = {\n home: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n };\n\n constructor(props) {\n super(props);\n this.state = {\n types: [\n { value: 'EXPENSE', label: 'Gastos' },\n { value: 'INCOME', label: 'Ingresos' },\n ],\n paymentTypes: [\n { value: 'CREDIT_CARD', label: 'Tarjeta de crédito' },\n { value: 'DEBIT_CARD', label: 'Tarjeta de débito' },\n { value: 'CASH', label: 'Efectivo' },\n { value: 'CHEQUE', label: 'Cheques' },\n ],\n };\n }\n\n componentDidMount() {\n this.getIncomeExpenseList();\n }\n\n getIncomeExpenseList = () => {\n this.props.actions.apiCall({ url: ApiUrls.allIncomeExpense() }).then(\n res => {\n let incomeList = [];\n let expensesList = [];\n console.log('Expemnses list fetched ----------', res);\n if (res.data && res.data.success) {\n res.data.data.income_item_list.map(val => {\n incomeList.push({ value: val.id, label: val.name });\n });\n\n res.data.data.expense_item_list.map(val => {\n expensesList.push({ value: val.id, label: val.name });\n });\n\n this.setState({\n incomeexpenseList: res.data.data,\n incomeList: incomeList,\n expensesList: expensesList,\n });\n }\n },\n err => {\n console.log('Result is', err);\n },\n );\n };\n\n onBlur = () => {};\n onChange = (val, type) => {\n switch (type) {\n case 'txn_type':\n this.setState({ txnType: val, txnTypeError: null });\n break;\n case 'txn_for':\n this.setState({ transactionFor: val, transactionForError: null });\n break;\n case 'payment_type':\n this.setState({ paymentType: val, paymentTypeError: null });\n break;\n case 'amount':\n this.setState({ amount: val, amountError: null });\n break;\n case 'received_from':\n this.setState({ receivedFrom: val, receivedFromError: null });\n break;\n case 'comment':\n this.setState({ comment: val, commentError: null });\n break;\n }\n };\n\n validate = () => {\n let errors = 0;\n\n if (!this.state.txnType) {\n this.setState({ txnTypeError: { message: 'Elija el tipo' } });\n errors++;\n }\n if (!this.state.transactionFor) {\n this.setState({ transactionForError: { message: 'Elija la transacción para' } });\n errors++;\n }\n if (!this.state.paymentType) {\n this.setState({ paymentTypeError: { message: 'Elija tipo de pago' } });\n errors++;\n }\n if (!this.state.amount) {\n this.setState({ amountError: { message: 'Ingrese monto' } });\n errors++;\n }\n if (!this.state.receivedFrom) {\n this.setState({ receivedFromError: { message: 'Recibio por' } });\n errors++;\n }\n if (!this.state.comment) {\n this.setState({ commentError: { message: 'Ingrese comentario' } });\n errors++;\n }\n\n if (errors > 0) {\n return false;\n } else {\n return true;\n }\n };\n\n createOrUpdate = () => {\n if (!this.validate()) {\n return;\n }\n\n let counter = CommonService.getLocal('counter');\n\n console.log('Conter details are-----', counter);\n\n if (counter == undefined) {\n this.setState({\n showSuccessModal: true,\n successModalStatus: false,\n successModalMessage: 'no counter is assigned to you, Please choose the counter first!',\n });\n return;\n }\n\n let currentTime = DateService.getCurrentTimeUTC();\n\n let data = {\n branch_id: counter.branch_id,\n counter_id: counter.counter_id,\n counter_txn_id: counter.counter_txn_id,\n shift_id: counter.shift_id,\n txn_type: this.state.txnType.value, //binding:\"required\"` // INCOME | EXPENSE\n txn_name_id: this.state.transactionFor.value,\n txn_name: this.state.transactionFor.label, // Income or Expense Item List\n txn_date_stg: DateService.getTodayString('mm-dd-yyyy'), // MM-DD-YYYY\n txn_time_stg: `${DateService.getCurrentHour()}:${DateService.getCurrentMinute()}`, // MM-DD-YYYY\n txn_date_time: currentTime, // UTC time in Unix Milli Seconds with TZ consideration\n amount: Number(this.state.amount),\n currency: 'CLP', // CLP\n payment_type: this.state.paymentType.value, // CASH\n counter_party_name: this.state.receivedFrom, // Name of the person who receives the money\n remark: this.state.comment,\n };\n\n console.log('data to fly----', data);\n\n // return;\n\n this.props.actions\n .apiCall({ url: `${AppData.BASE_URL}agent/userTxn`, data: data, method: 'POST' })\n .then(\n res => {\n this.onTransactionAdd(res);\n },\n err => {\n this.onTransactionAdd(err);\n },\n );\n };\n\n onTransactionAdd = response => {\n console.log('Result from txn add----', response);\n\n if (response && response.data && response.data.success && response.data.data) {\n this.setState({\n showSuccessModal: true,\n successModalStatus: true,\n successModalMessage: response.data.message == \"Success\" ? \"Éxito\" : response.data.message,\n });\n } else {\n this.setState({\n showSuccessModal: true,\n successModalStatus: false,\n successModalMessage: response.data.message == \"Success\" ? \"Éxito\" : response.data.message,\n });\n }\n };\n\n render() {\n console.log('Txn for --------', this.state.transactionFor);\n return (\n \n {\n setTxnType(val);\n setValues({ ...values, type: val.value });\n }}\n placeholder={'Seleccione tipo'}\n disabled={match.params.id ? true : false}\n options={types}\n value={txnType}\n error={errors.typeError ? true : false}\n errorMessage={errors.typeError ? errors.typeError : null}\n />\n
\n \n handleOnChange(text, 'name')}\n onBlur={text => onBlur(text, 'name')}\n />\n
\n\n \n handleOnChange(text, 'description')}\n onBlur={text => onBlur(text, 'description')}\n />\n
\n\n \n \n \n {match.params.id ? 'Actualizar tipo de transacción' : 'Crear tipo de transacción'}\n \n \n
\n\n \n {\n this.setState({\n showSuccessModal: false,\n successModalStatus: false,\n successModalMessage: false,\n });\n if (this.state.successModalStatus) this.props.history.goBack();\n }}\n bodyText={this.state.successModalMessage}\n />\n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n home: state.home,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch),\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(AddIncomeExpensesTransaction);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport { KuposButton, KuposModalWithButtons } from '../common';\nimport ApiUrls from '../../services/apiUrls';\nimport AppData from '../../services/appData';\nimport CommonService from '../../services/commonService';\nimport { Snackbar } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\n\nexport class IncomeExpensesTransactionList extends Component {\n static propTypes = {\n home: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n selectedTab: 1,\n };\n }\n\n componentDidMount() {\n let counterDetails = CommonService.getLocal('counter');\n\n if (!counterDetails) {\n this.setState({\n noCounter: true,\n showSnackbar: true,\n alertMessage: \"Usted no tiene caja abierta\",\n });\n return;\n }\n\n this.getIncomeExpenseList();\n }\n\n ///agent/userTxnList/:counterId/:counterTxnId\n\n getIncomeExpenseList = () => {\n let counter = CommonService.getLocal('counter');\n\n console.log('counter details are----', counter);\n this.props.actions\n .apiCall({\n url: AppData.BASE_URL + `agent/userTxnList/${counter.counter_id}/${counter.counter_txn_id}`,\n })\n .then(\n res => {\n console.log('Expemnses list fetched ----------', res);\n if (res.data && res.data.success && res.data.data) {\n this.setState({ incomeexpenseList: res.data.data });\n }\n },\n err => {\n console.log('Result is', err);\n },\n );\n };\n\n onTabChange = tab => {\n this.setState({ selectedTab: tab });\n };\n\n renderTabs = () => {\n return (\n \n this.onChange(val, 'txn_type')}\n placeholder={'Seleccione transacción'}\n disabled={this.props.match.params.id ? true : false}\n options={this.state.types}\n value={this.state.txnType}\n error={this.state.txnTypeError ? true : false}\n errorMessage={this.state.txnTypeError ? this.state.txnTypeError.message : null}\n />\n
\n \n this.onChange(val, 'txn_for')}\n placeholder={'Transacción para'}\n options={\n this.state.txnType && this.state.txnType.value === 'INCOME'\n ? this.state.incomeList\n : this.state.expensesList\n }\n value={this.state.transactionFor}\n error={this.state.transactionForError ? true : false}\n errorMessage={\n this.state.transactionForError ? this.state.transactionForError.message : null\n }\n />\n
\n \n this.onChange(val, 'payment_type')}\n placeholder={'Tipo de pago'}\n options={this.state.paymentTypes}\n value={this.state.paymentType}\n error={this.state.paymentTypeError ? true : false}\n errorMessage={this.state.paymentTypeError ? this.state.paymentTypeError.message : null}\n />\n
\n \n this.onChange(text, 'amount')}\n onBlur={text => this.onBlur(text, 'amount')}\n />\n
\n \n this.onChange(text, 'received_from')}\n onBlur={text => this.onBlur(text, 'received_from')}\n />\n
\n \n this.onChange(text, 'comment')}\n onBlur={text => this.onBlur(text, 'comment')}\n />\n
\n\n \n \n \n {this.props.match.params.id ? 'Actualizar transacción' : 'Crear transacción'}\n \n \n
\n\n \n this.onTabChange(2)}\n >\n {'Ingresos'}\n
\n \n \n );\n };\n\n renderItem = (val, i) => {\n console.log('value is--------', val);\n return (\n \n this.onTabChange(1)}\n >\n {'Gastos'}\n
\n \n
\n );\n };\n\n renderViewModal = () => {\n return (\n \n {val.txn_type === 'INCOME' ? val.counter_party_name : CommonService.currentUser.user_name}\n
\n {val.payment_type}
\n {val.amount}
\n {val.receipt_number}
\n \n {CommonService.convertUTCDateToLocalDate(val.txn_date_time)}\n
\n {val.remark}
\n \n this.setState({ selectedViewItem: val })}>\n Ver\n \n {/* this.props.history.push('/income-expense/' + val.id + '/edit')}\n >\n Edit\n \n \n this.setState({\n showDeleteModal: true,\n selectedItemName: val.name,\n selectedItemId: val.id,\n })\n }\n >\n Delete\n */}\n
\n \n
\n ) : null}\n \n );\n };\n\n render() {\n console.log('this.state.incomeexpenseList', this.state.incomeexpenseList);\n return !this.state.noCounter ? (\n Transacción
\n\n
\n Transacción para:
\n {this.state.selectedViewItem.txn_name}
\n \n
\n Tipo de transacción :
\n {this.state.selectedViewItem.txn_type}
\n \n
\n Tipo de pagos :
\n {this.state.selectedViewItem.payment_type}
\n \n
\n Person in charge:
\n \n {this.state.selectedViewItem.counter_party_name}\n
\n \n
\n Comentarios:
\n {this.state.selectedViewItem.remark}
\n \n
\n\n\n this.setState({ showSnackbar: false })} severity=\"error\">\n {this.state.alertMessage}\n \n \n
\n ) : (\n \n\n
\n this.props.history.push('income-expense-txn/create')}\n >\n \n Agregar transacción\n \n \n
\n Gastos - Ingresos
\n {this.renderTabs()}\n\n \n
\n {(\n (this.state.selectedTab == 1 &&\n this.state.incomeexpenseList &&\n this.state.incomeexpenseList) ||\n []\n ).length > 0\n ? this.state.incomeexpenseList\n .filter(it => it.txn_type === 'EXPENSE')\n .map((val, i) => this.renderItem(val, i))\n : null}\n\n {(\n (this.state.selectedTab == 2 &&\n this.state.incomeexpenseList &&\n this.state.incomeexpenseList) ||\n []\n ).length > 0\n ? this.state.incomeexpenseList\n .filter(it => it.txn_type === 'INCOME')\n .map((val, i) => this.renderItem(val, i))\n : null}\n\n {this.renderViewModal()}\n {/*\n {this.renderDeleteModal()} */}\n\n \n {this.state.selectedTab == 1 ? 'Realizado por' : 'Ingresos de'}\n
\n Tipo de pago
\n Monto
\n {/* Pagado a
\n Proveedores
*/}\n Número de recibo
\n Datos
\n Comentario
\n Acciones
\n \n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n home: state.home,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch),\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ChooseShiftAndCounter);\n","import React, { useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { KuposButton, KuposErrorSuccessModal, MaterialInputField } from '../common';\nimport ApiUrls from '../../services/apiUrls';\nimport DateService from '../../services/dateService';\nimport CommonService from '../../services/commonService';\nimport { apiCall } from './redux/apiCall';\nimport Loader from 'react-loader-spinner';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\n\n\nconst initialState = {\n amount: '',\n comment: '',\n selectedBranch: null,\n};\n\nconst modalInitialState = {\n show: false,\n success: false,\n bodyText: null,\n};\n\nconst CashInHand = (props) => {\n const dispatch = useDispatch();\n const [modal, setModal] = useState(modalInitialState);\n const [loader, setLoader] = useState(false)\n const [values, setValues] = useState(initialState);\n\n const onChange = (val, type) => {\n // console.log('Value is-----', val);\n switch (type) {\n case 'amount':\n setValues({ ...values, amount: CommonService.onlyNumbers(val), amountError: null });\n break;\n case 'comment':\n setValues({ ...values, comment: val, commentError: null });\n break;\n }\n };\n\n const validate = () => {\n if (!values.amount) {\n setValues({ ...values, amountError: 'Ingrese un monto' });\n return false\n }\n\n if (!values.comment) {\n setValues({\n ...values,\n commentError:\n 'Estimado usuario, debe ingresar algún comentario para continuar'\n });\n return false\n }\n\n return true;\n };\n\n const onBlur = () => { };\n\n const createOrUpdate = () => {\n if (!validate()) {\n return;\n }\n\n let currentUserFull = CommonService.getLocal('currentUserFull');\n\n let data = {\n login_info_ref_id: currentUserFull.login_info_ref_id,\n counter_id: props.home.counterInitialData.counter.value,\n counter_name: props.home.counterInitialData.counter.label,\n branch_id: props.home.counterInitialData.branch.value,\n branch_name: props.home.counterInitialData.branch.label,\n shift_id: props.home.counterInitialData.shift.value,\n shift_name: props.home.counterInitialData.shift.label,\n opening_balance: Number(values.amount),\n opening_remark: values.comment,\n ctr_open_date_stg: DateService.getTodayString(),\n ctr_open_time_stg: DateService.getCurrentHour() + ':' + DateService.getCurrentMinute(),\n ctr_open_date_time: DateService.getCurrentTimeUTC(),\n };\n\n console.log('data to fly----', data);\n\n setLoader(true)\n\n dispatch(\n apiCall({\n url: ApiUrls.openCounter(),\n method: 'POST',\n data,\n callback: res => onCounterOpenResponse(res),\n }),\n );\n };\n\n const onCounterOpenResponse = res => {\n setLoader(false)\n console.log('Data from counter assignement----', res);\n\n if (res.data && res.data.success && res.data.data) {\n setModal({\n show: true,\n success: true,\n // redirect: \"/\",\n bodyText: 'Éxito',\n });\n // props.history.push('/')\n CommonService.setLocal(\"counter\",res.data.data)\n } else if (!res.data.success && res.data.message) {\n setModal({ show: true, success: false, bodyText: res.data.message });\n \n } else {\n setModal({ show: true, success: false, bodyText: 'Fail' });\n }\n };\n\n console.log({ props, values })\n return (\n \n this.onChnage(val, 'branch')}\n disabled={true}\n placeholder={'Seleccione sucursal'}\n options={this.state.branches}\n value={this.state.myBranch}\n error={this.state.selectedBranchError ? true : false}\n errorMessage={\n this.state.selectedBranchError ? this.state.selectedBranchError.message : ''\n }\n />\n\n
\n \n Bienvenido {CommonService.currentUser.user_name}\n
\n \n Seleccione turno y caja para iniciar la venta\n
\n\n \n this.onChnage(val, 'counter')}\n placeholder={'Seleccione Caja'}\n options={this.state.countersList}\n value={this.state.selectedCounter}\n error={this.state.selectedCounterError ? true : false}\n errorMessage={\n this.state.selectedCounterError ? this.state.selectedCounterError.message : ''\n }\n />\n this.onChnage(val, 'shift')}\n placeholder={'Turno mañana'}\n options={this.state.shiftList}\n value={this.state.selectedShift}\n error={this.state.selectedShiftError ? true : false}\n errorMessage={\n this.state.selectedShiftError ? this.state.selectedShiftError.message : ''\n }\n />\n
\n\n \n
\n \n \n Continuar\n \n
\n\n \n this.logoutUser()} style={{ minWidth: 150 }}>\n Salir\n \n
\n\n \n this.props.history.push('/')} style={{ minWidth: 150 }}>\n Saltar\n \n
\n \n {\n \n setModal(modalInitialState);\n // props.history.push(modal.redirect);\n if (modal.show) props.history.push('/counter-dashboard');\n }}\n />\n {loader ? (\n
\n );\n}\n\n\n// export default CashInHand;\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n home: state.home,\n common: state.common\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch),\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(CashInHand);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Paper from '@material-ui/core/Paper';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TablePagination from '@material-ui/core/TablePagination';\nimport TableRow from '@material-ui/core/TableRow';\nimport CommonService from '../../services/commonService';\nimport AppData from '../../services/appData';\nimport { colors, Snackbar } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\n\nconst columns = [\n { id: 'name', label: 'Name', minWidth: 170 },\n { id: 'code', label: 'ISO\\u00a0Code', minWidth: 100 },\n {\n id: 'population',\n label: 'Population',\n minWidth: 170,\n align: 'right',\n format: value => value.toLocaleString('en-US'),\n },\n {\n id: 'size',\n label: 'Size\\u00a0(km\\u00b2)',\n minWidth: 170,\n align: 'right',\n format: value => value.toLocaleString('en-US'),\n },\n {\n id: 'density',\n label: 'Density',\n minWidth: 170,\n align: 'right',\n format: value => value.toFixed(2),\n },\n];\n\nfunction createData(name, code, population, size) {\n const density = population / size;\n return { name, code, population, size, density };\n}\n\nconst rows = [\n createData('India', 'IN', 876567, 3287263),\n createData('China', 'CN', 76567567, 9596961),\n createData('Italy', 'IT', 60483973, 301340),\n createData('United States', 'US', 327167434, 9833520),\n createData('Canada', 'CA', 37602103, 9984670),\n createData('Australia', 'AU', 25475400, 7692024),\n createData('Germany', 'DE', 83019200, 357578),\n createData('Ireland', 'IE', 4857000, 70273),\n createData('Mexico', 'MX', 126577691, 1972550),\n createData('Japan', 'JP', 126317000, 377973),\n createData('France', 'FR', 67022000, 640679),\n createData('United Kingdom', 'GB', 67545757, 242495),\n createData('Russia', 'RU', 146793744, 17098246),\n createData('Nigeria', 'NG', 200962417, 923768),\n createData('Brazil', 'BR', 210147125, 8515767),\n];\n\nexport class CounterDashboard extends Component {\n static propTypes = {\n home: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n };\n\n constructor(props) {\n super(props);\n this.state = {\n selectedTab: 1,\n };\n }\n\n componentDidMount() {\n let counterDetails = CommonService.getLocal('counter');\n\n console.log('Counter details are-------', counterDetails);\n\n if (!counterDetails) {\n this.setState({\n noCounter: true,\n showSnackbar: true,\n alertMessage: \"Usted no tiene caja abierta\",\n });\n return;\n }\n\n this.props.actions\n .apiCall({\n url:\n AppData.BASE_URL +\n // `agent/counterClosureSummary/8/164`,\n `agent/counterClosureSummary/${counterDetails.counter_id}/${counterDetails.counter_txn_id}`,\n })\n .then(\n res => {\n this.onShiftSummaryReportFetch(res);\n },\n err => {\n this.onShiftSummaryReportFetch(err);\n },\n );\n }\n\n onShiftSummaryReportFetch = res => {\n if (res && res.data && res.data.success && res.data.data) {\n console.log('+++tickets details are--__', res.data.data);\n this.setState({\n counterReport: res.data.data.counter_txn_summary,\n ticketDetails: res.data.data.counter_tickets_summary,\n selectedTrips:\n res.data.data.counter_tickets_summary &&\n res.data.data.counter_tickets_summary.cash_ticket_details,\n });\n }\n };\n\n onTabChange = tab => {\n this.setState({ selectedTab: tab });\n\n switch (tab) {\n case 1:\n this.setState({\n selectedTrips: this.state.ticketDetails && this.state.ticketDetails.cash_ticket_details,\n });\n break;\n case 2:\n this.setState({\n selectedTrips:\n this.state.ticketDetails && this.state.ticketDetails.credit_card_ticket_details,\n });\n break;\n case 3:\n this.setState({\n selectedTrips:\n this.state.ticketDetails && this.state.ticketDetails.debit_card_ticket_details,\n });\n break;\n case 4:\n this.setState({\n selectedTrips:\n this.state.ticketDetails && this.state.ticketDetails.bank_transfer_ticket_details,\n });\n break;\n case 5:\n this.setState({\n selectedTrips: this.state.ticketDetails && this.state.ticketDetails.cancel_ticket_details,\n });\n break;\n case 6:\n this.setState({\n selectedTrips:\n this.state.ticketDetails && this.state.ticketDetails.credit_invoice_ticket_details,\n });\n break;\n }\n };\n\n renderTabs = () => {\n return (\n \n
\n\n\n\n \n \n Caja:{' '}\n {(props.home &&\n props.home.counterInitialData &&\n props.home.counterInitialData.branch.label) ||\n 'Counter 1'}\n \n
\n\n \n onChange(text, 'amount')}\n onBlur={() => onBlur()}\n error={values.amountError}\n type={'number'}\n errorMessage={values.amountError ? values.amountError : ''}\n />\n\n onChange(text, 'comment')}\n onBlur={() => onBlur()}\n error={values.commentError}\n errorMessage={values.commentError ? values.commentError : ''}\n />\n\n
\n \n Balance inicial para {CommonService.currentUser.user_name}\n
\n\n \n \n {'Asignar caja'}\n \n
\n \n
\n ) : null}\n \n this.onTabChange(2)}\n >\n {'Boletos en tarjeta de crédito'}\n
\n\n \n this.onTabChange(1)}\n >\n {'Boletos en efectivo'}\n
\n \n
\n );\n };\n\n translatedShifts = shift => {\n let translatedShift = '';\n if (shift.includes('Morning')) {\n translatedShift = 'Mañana';\n } else if (shift.includes('Afternoon')) {\n translatedShift = 'Tarde';\n } else if (shift.includes('Evening')) {\n translatedShift = 'Noche';\n } else {\n translatedShift = shift;\n }\n return translatedShift;\n };\n\n renderTicketItem = ticket => {\n return (\n {label}
\n -\n {value}
\n \n {ticket.pnr_data}\n {ticket.date_time_data}\n {CommonService.currency(ticket.Amount)}\n
\n );\n };\n\n render() {\n console.log('counterReport-----------------------', this.state.selectedTrips);\n return !this.state.noCounter ? (\n \n \n this.setState({ showSnackbar: false })} severity=\"error\">\n {this.state.alertMessage}\n \n \n
\n ) : (\n \n
\n\n \n
\n {/* \n
\n \n {/* Shift summary report */}\n Resumen transaccional de caja\n
\n {this.state.counterReport && this.state.counterReport.counter_customer_txn_summary && (\n \n {this.renderTwoItems(\n 'Nombre de sucursal ',\n\n this.state.counterReport.counter_customer_txn_summary.branch_name,\n )}\n {this.renderTwoItems(\n 'Turno',\n this.translatedShifts(\n this.state.counterReport.counter_customer_txn_summary.shift_name,\n ),\n )}\n {this.renderTwoItems(\n 'Balance inicial',\n this.state.counterReport.counter_customer_txn_summary.opening_balance,\n )}\n {this.renderTwoItems(\n 'Balance de cierre ',\n this.state.counterReport.counter_customer_txn_summary.closing_balance,\n )}\n {this.renderTwoItems(\n 'Monto de transferencias bancarias',\n this.state.counterReport.counter_customer_txn_summary\n .banktransfer_booking_amount,\n )}\n {this.renderTwoItems(\n 'Monto tarjeta de crédito ',\n this.state.counterReport.counter_customer_txn_summary.credit_booking_amount,\n )}\n {this.renderTwoItems(\n 'Monto tarjeta de débito ',\n this.state.counterReport.counter_customer_txn_summary.debit_booking_amount,\n )}\n {this.renderTwoItems(\n 'Monto en efectivo',\n this.state.counterReport.counter_customer_txn_summary.cash_booking_amount,\n )}\n\n {this.renderTwoItems(\n 'Factura de crédito',\n this.state.counterReport.counter_customer_txn_summary.credit_invoice_booking_amount || 0,\n )}\n\n {this.renderTwoItems(\n 'Monto total',\n this.state.counterReport.counter_customer_txn_summary.total_booking_amount,\n )}\n\n {this.renderTwoItems(\n 'Monto Descuento',\n this.state.counterReport.counter_customer_txn_summary.total_discount_amount,\n )}\n {this.renderTwoItems(\n 'Monto total de cancelaciones',\n this.state.counterReport.counter_customer_txn_summary.total_cancellation_amount,\n )}\n
\n )}\n \n
\n Tu resumen de ventas
\n {this.renderTabs()}\n\n {this.state.selectedTrips && this.state.selectedTrips.ticket_list ? (\n this.state.selectedTrips.ticket_list.map(val => {\n return this.renderTicketItem(val);\n })\n ) : (\n \n Sin transacciones registradas\n
\n )}\n\n {/* \n \n \n
\n \n
*/}\n \n
*/}\n \n
\n some link 1
\n some link 1
\n some link 1
\n some link 1
\n \n
\n some link 1
\n some link 1
\n some link 1
\n some link 1
\n \n \n setModal({\n showDeleteModal: true,\n selectedItemName: val.name,\n selectedItemId: val.id,\n })\n }\n />\n\n
\n );\n };\n\n const renderViewModal = () => {\n return (\n {val.id}
\n {val.client_code}
\n {val.name}
\n {val.status}
\n {translatedShifts(val.description)}
\n \n
\n ) : null}\n \n );\n };\n\n\n return (\n Turno
\n\n
\n Nombre:
\n {selectedViewItem.name}
\n \n
\n Client code:
\n {selectedViewItem.client_code}
\n \n
\n Estatus:
\n {selectedViewItem.status}
\n \n
\n Comentarios:
\n \n {translatedShifts(selectedViewItem.description)}\n
\n \n {\n setModal({});\n }}\n />\n setSnackbar({ showSnackbar: false })}\n >\n setSnackbar({ showSnackbar: false })} severity=\"error\">\n {snackbar.alertMessage}\n \n \n
\n );\n}\nexport default AllShifts;\n\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\n\nexport class AddShift extends Component {\n static propTypes = {\n home: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n };\n\n render() {\n return (\n \n
\n\n {spinner ? (\n ID
\n Cliente
\n Turno
\n Estatus
\n Comentarios
\n Acciones
\n \n Page Content: home/AddShift\n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n home: state.home,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch)\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(AddShift);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { KuposCheckbox, SvgHome } from '../common';\nimport CommonService from '../../services/commonService';\nimport DateService from '../../services/dateService';\n\nexport default class PassengerDetailsBlock extends Component {\n static propTypes = {\n ticketDetails: PropTypes.object,\n selectedSeats: PropTypes.object,\n onSeatCheck: PropTypes.func,\n selectAll: PropTypes.func,\n allSelected: PropTypes.func,\n };\n\n constructor(props) {\n super(props);\n this.state = {\n tncChecked: false,\n };\n }\n componentDidMount() {\n // console.log('Props are-----', this.props);\n }\n\n showCheckAll = () => {\n if (this.props.ticketDetails) {\n } else {\n return true;\n }\n return false;\n };\n\n renderPassengerBlock = () => {\n const ticketDetails = this.props.ticketDetails;\n console.log('Ticket details in renderPassengerBlock', ticketDetails);\n return (\n \n
\n );\n };\n\n renderPassengerSeats = () => {\n const ticketDetails = this.props.ticketDetails;\n console.log('Ticket details in renderPassengerSeats', ticketDetails);\n return (\n \n \n {/* this.props.selectAll()}\n checked={this.props.allSelected}\n /> */}\n Número de asientos\n \n Pasajero\n {/* {'CANCEL_TICKET.RUT_PASSPORT_DNI')} */}\n Precio\n
\n \n
\n \n \n {/* this.props.onExclusiveCheck()}\n checked={this.props.exclusiveChecked}\n /> */}\n\n {ticketDetails.no_of_seats}\n \n {ticketDetails.customer_name}\n \n {ticketDetails.booking_amount\n ? CommonService.currency(ticketDetails.booking_amount.toFixed(0))\n : null}\n \n
\n \n
\n );\n };\n\n renderPassengerSeatRow = (val, key, disabled) => {\n console.log('Passenger key', key);\n return (\n \n \n this.props.selectAll()}\n checked={this.props.allSelected}\n />\n \n {'CANCEL_TICKET.SEAT_NUMBER_SMALL'}\n {'CANCEL_TICKET.PASSENGER'}\n {/* {'CANCEL_TICKET.RUT_PASSPORT_DNI')} */}\n \n {'CANCEL_TICKET.PRICE'}\n \n
\n\n {ticketDetails.cancelled_seats_count\n ? Array.range(1, ticketDetails.cancelled_seats_count).map((val, key) =>\n this.renderPassengerSeatRow(val, key, true),\n )\n : null}\n {ticketDetails.no_of_seats - ticketDetails.cancelled_seats_count > 0\n ? Array.range(\n 1,\n ticketDetails.no_of_seats - ticketDetails.cancelled_seats_count,\n ).map((val, key) => this.renderPassengerSeatRow(val, key))\n : null}\n \n
\n );\n };\n\n render() {\n const ticketDetails = this.props.ticketDetails;\n // const { ticketDetails } = this.props;\n console.log('Props in passenger details screen are ', this.props);\n return ticketDetails ? (\n \n \n {!disabled ? (\n this.props.onSeatCheck(key)}\n checked={this.props.selectedSeats[key]}\n />\n ) : null}\n \n {val + (!disabled ? this.props.ticketDetails.cancelled_seats_count : 0)}\n \n {'Pasajero #' +\n (val + (!disabled ? this.props.ticketDetails.cancelled_seats_count : 0))}\n \n {/* {seat.id_card_number} */}\n \n {'$'}\n {(this.props.ticketDetails.total_amount / this.props.ticketDetails.no_of_seats).toFixed(\n 0,\n )}\n \n
\n \n
\n ) : null;\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport PassengerDetailsBlock from './PassengerDetailsBlock';\nimport { KuposButton, KuposErrorSuccessModal } from '../common';\nimport AppData from '../../services/appData';\nimport DateService from '../../services/dateService';\nimport CommonService from '../../services/commonService';\n\nexport class CancellationDetailsPage extends Component {\n static propTypes = {\n home: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n };\n\n constructor(props) {\n super(props);\n this.state = {\n loading: false,\n ticketDetails: this.props.home && this.props.home.cancelTicketDetails,\n cancelTicketDetails: '',\n };\n }\n\n componentDidMount() {\n // console.log('Props in cancellation detail screen are---', this.props);\n }\n\n onExclusiveCheck = () => {\n this.setState({ exclusiveChecked: !this.state.exclusiveChecked });\n };\n\n getSelectedSeats() {\n const checkCopy = { ...this.state.selectedSeats };\n let count = 0;\n for (let key in checkCopy) {\n if (checkCopy[key]) count++;\n }\n return count;\n }\n\n onSeatChecked = seatNo => {\n const checkCopy = { ...this.state.selectedSeats };\n if (checkCopy[seatNo]) checkCopy[seatNo] = false;\n else checkCopy[seatNo] = true;\n\n let allSelected = true;\n for (let key in checkCopy) {\n if (!checkCopy[key]) {\n allSelected = false;\n break;\n }\n }\n this.setState({ selectedSeats: checkCopy, allSelected: allSelected });\n };\n\n selectAll = () => {\n const checkCopy = { ...this.state.selectedSeats };\n for (let key in checkCopy) {\n checkCopy[key] = !this.state.allSelected;\n }\n this.setState({\n selectedSeats: checkCopy,\n allSelected: !this.state.allSelected,\n selectedAllKey: this.state.selectedAllKey + 1,\n });\n };\n\n cancelTicket = () => {\n this.setState({ loading: true });\n\n let currentTime = DateService.getCurrentTimeUTC();\n\n let counterDetails = CommonService.getLocal('counter');\n\n if (!counterDetails) {\n alert('Counter not assigned');\n\n return;\n }\n\n let data = {\n correlation_id: `${this.state.ticketDetails.customer_name.substr(0, 3)}_${currentTime}`,\n counter_txn_id: counterDetails.counter_txn_id,\n pnr_id: this.state.ticketDetails.pnr_id,\n cancellation_reason: 'ssome reason',\n cancellation_time: currentTime,\n cancellation_date_stg: DateService.getTodayString('yyyy-mm-dd'),\n cancellation_time_stg: `${DateService.getCurrentHour()}:${DateService.getCurrentMinute()}`,\n };\n\n this.props.actions\n .apiCall({ url: AppData.BASE_URL + 'agent/cancel', data: data, method: 'POST' })\n .then(\n res => {\n this.onTicketCancel(res);\n },\n err => {\n this.onTicketCancel(err);\n },\n );\n };\n\n onTicketCancel = res => {\n this.setState({ loading: true });\n console.log('On ticket cancel response-----', res);\n\n if (res && res.data && res.data.success && res.data.data) {\n\n this.setState({\n showSuccessModal: true,\n successModalStatus: true,\n successModalMessage: `${res.data.data.pnr_id} Cancelación exitosa`,\n cancelTicketDetails:res.data.data,\n });\n // this.props.history.push('/sales-page');\n } else {\n this.setState({\n showSuccessModal: true,\n successModalStatus: false,\n successModalMessage: `There was some issue in cancellation, please try again!`,\n });\n }\n };\n\n render() {\n console.log('Ticket details are---', this.state.ticketDetails);\n let clientInfo = CommonService.getLocal('clientInfo');\n return (\n \n
\n \n
\n\n \n
\n\n \n Datos\n de la reserva\n
\n \n N° de reserva\n
\n\n {ticketDetails.pnr_id}
\n \n
\n\n \n {/* ![\"\"](\"/images/icons/home/icon_source2.png\")
{' '} */}\n {/*
\n\n {' '} */}\n {/* \n
\n \n Fecha de viaje: \n {ticketDetails.trip_ref_date\n ? DateService.changeDateFormat(\n ticketDetails.trip_ref_date,\n 'yyyy-mm-dd',\n 'dd/mm/yyyy',\n )\n : ''}\n
\n\n \n Hora de vuelo: \n {DateService.ampm(ticketDetails.trip_ref_time)}\n
\n \n Tipo de servicio: \n {ticketDetails.service_type}\n
\n \n Tarifa total{' '}\n \n CLP {CommonService.currency(+ticketDetails.booking_amount)}\n \n
\n \n
\n \n ¿Cuáles asientos\n quieres cancelar?\n
\n {/* {ticketDetails.category == 'seat' */}\n\n {/* for now as we are doing full cancellation senario only */}\n {this.renderPassengerBlock()}\n\n {/* {ticketDetails.service_type == 'Pav Exclusivo'\n ? this.renderPassengerBlock()\n : this.renderPassengerSeats()} */}\n {/* \n
*/}\n \n {\n this.setState({\n showSuccessModal: false,\n successModalStatus: false,\n successModalMessage: false,\n });\n\n this.state.successModalStatus &&\n CommonService.printCancelTicket(\n document.getElementById('cancellation-print').innerHTML,\n );\n this.state.showSuccessModal && this.props.history.push('/sales-page');\n }}\n bodyText={this.state.successModalMessage}\n />\n\n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n home: state.home,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch),\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(CancellationDetailsPage);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\nimport { KuposButton, KuposInput, MaterialInputField } from '../common';\nimport CommonService from '../../services/commonService';\nimport AppData from '../../services/appData';\nimport { Snackbar } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\n\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport DateService from '../../services/dateService';\nimport ApiUrls from '../../services/apiUrls';\n\nexport class ShiftSummaryReport extends Component {\n static propTypes = {\n home: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n columns: [\n { id: 'item', label: 'Item', minWidth: 100 },\n { id: 'value', label: 'Value', minWidth: 200 },\n ],\n };\n }\n\n componentDidMount() {\n ///api/v1/agent/counterClosureSummary/:counterId/:counterTxnId\n\n let counterDetails = CommonService.getLocal('counter');\n console.log('Counter details------', counterDetails);\n\n if (!counterDetails) {\n this.setState({\n noCounter: false,\n showSnackbar: true,\n alertMessage: \"Usted no tiene caja abierta\",\n });\n return;\n }\n\n this.props.actions\n .apiCall({\n url:\n AppData.BASE_URL +\n `agent/counterClosureSummary/${counterDetails.counter_id}/${counterDetails.counter_txn_id}`,\n })\n .then(\n res => {\n this.onSummaryReportFetch(res);\n },\n err => {\n console.log('Result is', err);\n },\n );\n }\n\n onSummaryReportFetch = res => {\n if (res.data && res.data.success && res.data.data) {\n console.log('res.data.data.counter_txn_summary', res.data.data);\n // res.data.data.counter_tickets_summary && res.data.data.counter_tickets_summary;\n // this.setState({\n // shiftCloseReport: res.data.data,\n // });\n\n let dataRows = [];\n\n let counterCustomer = res.data.data.counter_txn_summary.counter_customer_txn_summary;\n let counterUser = res.data.data.counter_txn_summary.counter_user_txn_summary;\n let bankTransferTickets = res.data.data.counter_tickets_summary.bank_transfer_ticket_details;\n let cashTickets = res.data.data.counter_tickets_summary.cash_ticket_details;\n let creditCardTickets = res.data.data.counter_tickets_summary.credit_card_ticket_details;\n let debitCardTickets = res.data.data.counter_tickets_summary.debit_card_ticket_details;\n let cancelledTickets = res.data.data.counter_tickets_summary.cancel_ticket_details;\n\n \n CommonService.storeCounterIdWhenLoginFromOtherMachine(counterCustomer);\n\n dataRows.push({\n label: 'ID transacción de caja',\n value: counterCustomer.counter_txn_id,\n });\n dataRows.push({\n label: 'Usuario',\n value: counterCustomer.user_name,\n });\n dataRows.push({\n label: 'Turno',\n value: counterCustomer.shift_name,\n });\n dataRows.push({\n label: 'Sucursal',\n value: counterCustomer.branch_name,\n });\n dataRows.push({\n label: 'Caja',\n value: counterCustomer.counter_name,\n });\n dataRows.push({\n label: 'ID caja',\n value: counterCustomer.counter_id,\n });\n dataRows.push({\n label: 'Hora de inicio',\n value: DateService.ampm(\n counterCustomer.ctr_open_date_stg + ' ' + counterCustomer.ctr_open_time_stg,\n ),\n bold: true,\n });\n dataRows.push({\n label: 'hora de finalización',\n value:\n DateService.getTodayString() +\n `, ${DateService.ampm(\n DateService.getCurrentHour() + ':' + DateService.getCurrentMinute(),\n )}`,\n bold: true,\n });\n // dataRows.push({\n // label: 'End Time',\n // value: counterCustomer.ctr_open_date_stg + ' ' + counterCustomer.ctr_open_time_stg,\n // });\n\n dataRows.push({\n label: ' ',\n value: '',\n empty: true,\n fullRow: true,\n bold: true,\n });\n dataRows.push({\n label: '(1) Balance inicial',\n value: CommonService.currency(counterCustomer.opening_balance),\n bold: true,\n });\n dataRows.push({\n label: '(2) Boletos ( A-B )',\n value: CommonService.currency(\n counterCustomer.total_booking_amount - counterCustomer.total_cancellation_amount,\n ),\n bold: true,\n });\n dataRows.push({\n label: '(A) Vendido',\n value: `${counterCustomer.total_booking_count} \n (${CommonService.currency(counterCustomer.total_booking_amount)})`,\n });\n dataRows.push({\n label: '(B) Cancelaciones',\n value: `${counterCustomer.total_cancellation_count} \n (${CommonService.currency(counterCustomer.total_cancellation_amount)})`,\n });\n //Transactions\n dataRows.push({\n label: '(3) Transacciones del usuario (H-G)',\n value: CommonService.currency(counterUser.total_income - counterUser.total_expense),\n bold: true,\n });\n dataRows.push({\n label: 'Gastos(G)',\n value: CommonService.currency(counterUser.total_expense),\n bold: true,\n });\n\n //expenses list\n counterUser.expense_item_list &&\n counterUser.expense_item_list.map(expItem => {\n dataRows.push({\n label: expItem.txn_name,\n value: expItem.payment_type,\n value2: `${CommonService.currency(expItem.amount)}`,\n });\n });\n\n dataRows.push({\n label: 'Ingresos(H)',\n value: CommonService.currency(counterUser.total_income),\n bold: true,\n });\n\n //income list\n counterUser.income_item_list &&\n counterUser.income_item_list.map(incItem => {\n dataRows.push({\n label: incItem.txn_name,\n value: incItem.payment_type,\n value2: `${CommonService.currency(incItem.amount)}`,\n });\n });\n\n dataRows.push({\n label: 'Encomienda',\n value: CommonService.currency(counterUser.total_income - counterUser.total_expense),\n });\n //Payment Types\n // dataRows.push({\n // label: 'Payment Types',\n // value: '',\n // });\n\n dataRows.push({\n label: 'Tipos de pagos ',\n value: '',\n empty: true,\n fullRow: true,\n bold: true,\n });\n dataRows.push({\n label: 'Efectivo',\n value: CommonService.currency(counterCustomer.cash_booking_amount),\n });\n dataRows.push({\n label: 'Tarjeta de débito',\n value: CommonService.currency(counterCustomer.debit_booking_amount),\n });\n dataRows.push({\n label: 'Tarjeta de crédito',\n value: CommonService.currency(counterCustomer.credit_booking_amount),\n });\n dataRows.push({\n label: 'Transferencia bancaria',\n value: CommonService.currency(counterCustomer.banktransfer_booking_amount),\n });\n dataRows.push({\n label: 'Dólares',\n value: CommonService.currency(counterCustomer.dollar_booking_amount),\n });\n dataRows.push({\n label: 'Monto total ( 1 + 2 + 3 )',\n value: CommonService.currency(\n counterCustomer.opening_balance +\n counterCustomer.total_booking_amount -\n counterCustomer.total_cancellation_amount +\n counterUser.total_income -\n counterUser.total_expense,\n ),\n bold: true,\n });\n dataRows.push({\n label: 'Total a depositar (Efectivo)',\n value: CommonService.currency(\n counterCustomer.opening_balance +\n counterCustomer.cash_booking_amount +\n counterUser.total_income_cash -\n counterUser.total_expense_cash,\n ),\n bold: true,\n });\n\n dataRows.push({\n label: 'Impreso por',\n value: counterCustomer.user_name,\n bold: true,\n });\n\n dataRows.push({\n label: 'Impreso en',\n value:\n DateService.getTodayString() +\n `, ${DateService.ampm(\n DateService.getCurrentHour() + ':' + DateService.getCurrentMinute(),\n )}`,\n bold: true,\n });\n\n //tickets entry\n\n //CASH ENTRY TICKETS\n cashTickets.ticket_list &&\n dataRows.push({\n label: 'Efectivo Boletos',\n value: '',\n empty: true,\n fullRow: true,\n bold: true,\n });\n\n cashTickets.ticket_list &&\n dataRows.push({\n label: 'Pnr No.',\n value: 'Fecha',\n value2: 'Monto',\n bold: true,\n });\n\n cashTickets.ticket_list &&\n cashTickets.ticket_list.map(bankTicket => {\n dataRows.push({\n label: bankTicket.pnr_data,\n value: bankTicket.date_time_data,\n value2: `${CommonService.currency(bankTicket.Amount)}`,\n });\n });\n\n //BANK ENTRY TICKETS\n bankTransferTickets.ticket_list &&\n dataRows.push({\n label: 'Transferencia bancaria Boletos',\n value: '',\n empty: true,\n fullRow: true,\n bold: true,\n });\n\n bankTransferTickets.ticket_list &&\n dataRows.push({\n label: 'Pnr No.',\n value: 'Fecha',\n value2: 'Monto',\n bold: true,\n });\n\n bankTransferTickets.ticket_list &&\n bankTransferTickets.ticket_list.map(bankTicket => {\n dataRows.push({\n label: bankTicket.pnr_data,\n value: bankTicket.date_time_data,\n value2: `${CommonService.currency(bankTicket.Amount)}`,\n });\n });\n\n //BEDIT CARD TICKETS\n debitCardTickets.ticket_list &&\n dataRows.push({\n label: 'Tarjeta de débito Boletos',\n value: '',\n empty: true,\n fullRow: true,\n bold: true,\n });\n\n debitCardTickets.ticket_list &&\n dataRows.push({\n label: 'Pnr No.',\n value: 'Fecha',\n value2: 'Monto',\n bold: true,\n });\n\n debitCardTickets.ticket_list &&\n debitCardTickets.ticket_list.map(bankTicket => {\n dataRows.push({\n label: bankTicket.pnr_data,\n value: bankTicket.date_time_data,\n value2: `${CommonService.currency(bankTicket.Amount)}`,\n });\n });\n\n //CREDIT CARD TICKETS\n creditCardTickets.ticket_list &&\n dataRows.push({\n label: 'Tarjeta de crédito Boletos',\n value: '',\n empty: true,\n fullRow: true,\n bold: true,\n });\n\n creditCardTickets.ticket_list &&\n dataRows.push({\n label: 'Pnr No.',\n value: 'Fecha',\n value2: 'Monto',\n bold: true,\n });\n\n creditCardTickets.ticket_list &&\n creditCardTickets.ticket_list.map(bankTicket => {\n dataRows.push({\n label: bankTicket.pnr_data,\n value: bankTicket.date_time_data,\n value2: `${CommonService.currency(bankTicket.Amount)}`,\n });\n });\n\n //CANCELLED TICKETS\n\n cancelledTickets.ticket_list &&\n dataRows.push({\n label: 'Tarjeta de Cancelación',\n value: '',\n empty: true,\n fullRow: true,\n bold: true,\n });\n\n cancelledTickets.ticket_list &&\n dataRows.push({\n label: 'Pnr No.',\n value: 'Fecha',\n value2: 'Monto',\n bold: true,\n });\n\n cancelledTickets.ticket_list &&\n cancelledTickets.ticket_list.map(bankTicket => {\n dataRows.push({\n label:\n bankTicket.pnr_data.split(' ')[0] +\n ' ' +\n bankTicket.pnr_data.split(' ')[1] +\n ' Cancelación',\n value: bankTicket.date_time_data,\n value2: `${CommonService.currency(bankTicket.Amount)}`,\n });\n });\n\n this.setState({ shiftCloseReport: res.data.data, dataRows: dataRows });\n }\n };\n\n onChange = val => {\n this.setState({ comment: val });\n };\n\n onBlur = () => {};\n\n closeCounter = () => {\n if (!this.state.comment) {\n this.setState({\n showSnackbar: true,\n alertMessage: 'Por favor ingrese comentario para el cierre de caja',\n });\n\n return;\n }\n let counterDetails = CommonService.getLocal('counter');\n let counterDetailsFromOtherMachineLogin = CommonService.getLocal('counterLoginFromOtherMachine');\n let currentUserFull = CommonService.getLocal('currentUserFull');\n let currentTime = DateService.getCurrentTimeUTC();\n\n let data = {\n client_code: currentUserFull.authentication_details.user_details.client_code,\n login_info_ref_id: currentUserFull.login_info_ref_id,\n counter_txn_id: counterDetails.counter_txn_id,\n // branch_id: counterDetails.branch_id,\n branch_id: counterDetailsFromOtherMachineLogin.branch_id,\n counter_id: counterDetails.counter_id,\n shift_id: counterDetails.shift_id,\n closing_remark: this.state.comment,\n ctr_close_date_stg: DateService.getTodayString('yyyy-mm-dd'), // \"YYYY-MM-DD\n ctr_close_time_stg: `${DateService.getCurrentHour()}:${DateService.getCurrentMinute()}`, // \"HH:MM\"\n ctr_close_date_time: currentTime, // Unix Datetime.\n };\n // console.log('+++data to fly-----', data);\n\n // return;\n\n this.props.actions\n .apiCall({\n url: AppData.BASE_URL + `counter/close`,\n method: 'POST',\n data: data,\n })\n .then(\n res => {\n this.onCounterCloseResponse(res);\n },\n err => {\n console.log('Result is', err);\n },\n );\n\n //\n };\n\n onCounterCloseResponse = res => {\n console.log('Counter xlose response is----', res);\n\n if (res && res.data && res.data.success && res.data.data) {\n CommonService.printContent(document.getElementById('shift-summary-report-print').innerHTML);\n\n setTimeout(() => {\n this.props.history.push('/');\n // localStorage.removeItem('counter');\n this.logoutUser();\n }, 1000);\n }\n };\n\n logoutUser = () => {\n let currentUser = CommonService.getLocal('currentUser');\n let currentUserFull = CommonService.getLocal('currentUserFull');\n let counter = CommonService.getLocal('counter');\n let currentTime = DateService.getCurrentTimeUTC();\n\n console.log('Current user----', currentUser);\n console.log('counter is---', counter);\n let data = {\n login_id: currentUser.user_details.email, // Id used for login ( email)\n login_info_ref_id: currentUserFull.login_info_ref_id, // Will get this in login API response ( login_info_ref_id )\n counter_txn_id: counter != undefined ? counter.counter_txn_id : 0, // For Counter Users, client will get this while counter_open, Other Users send 0\n logout_unix_time: currentTime,\n logout_date_stg: DateService.getTodayString('yyyy-mm-dd'),\n logout_time_stg: `${DateService.getCurrentHour()}:${DateService.getCurrentMinute()}`,\n };\n\n console.log('Data to fly ----', data);\n\n this.props.actions.apiCall({ url: ApiUrls.logout(), data: data, method: 'POST' }).then(\n res => {\n this.onLogoutResponse(res);\n },\n err => {\n this.onLogoutResponse(err);\n },\n );\n };\n\n onLogoutResponse = result => {\n console.log('Result from logout is----', result);\n\n if (result && result.data && result.data.success) {\n CommonService.logout();\n window.location.href = '/';\n }\n };\n\n render() {\n console.log('shiftCloseReport---------', this.state.shiftCloseReport);\n return (\n \n this.setState({ tncChecked: !this.state.tncChecked })}\n />\n
\n {/* \n \n
*/}\n\n \n \n {/* \n CommonService.printCancelTicket(\n document.getElementById('cancellation-print').innerHTML,\n )\n }\n loading={this.state.loading}\n height={44}\n > */}\n PROCESAR CANCELACIÓN\n \n
\n\n \n \n \n
\n\n
\n \n Detalles del pasejero y de la reserva\n
\n | PNR | \n{this.state.ticketDetails.pnr_id} | \n|
| Nombre | \n{this.state.ticketDetails.customer_name} | \n|
| {this.state.ticketDetails.identity_type || 'RUT'} | \n{this.state.ticketDetails.identity_value} | \n|
| Tipo de servicio | \n{this.state.ticketDetails.service_type} | \n|
| Fecha de servicio | \n{this.state.ticketDetails.trip_ref_date} | \n|
| Hora | \n{this.state.ticketDetails.trip_ref_time} | \n|
| Detalles de cancelación | \n\n | |
| Cargos de cancelación | \n {/*{CommonService.currency(this.state.ticketDetails.penalty)} | */}\n{CommonService.currency(this.state.cancelTicketDetails.cancellation_charge)} | \n
| Tarifa pagada | \n{CommonService.currency(this.state.ticketDetails.booking_amount)} | \n|
| Monto total de reembolso | \n {/*{CommonService.currency(this.state.ticketDetails.refund_amount)} | */}\n{CommonService.currency(this.state.cancelTicketDetails.refund_amount)} | \n
| Fecha de cancelación | \n{`${DateService.getTodayString()} - ${DateService.getCurrentHour()} : ${DateService.getCurrentMinute()}`} | \n
\n Impreso por: \n {CommonService.currentUser.user_name}{' '}\n On: \n {`${DateService.getTodayString()} - ${DateService.ampm(\n DateService.getCurrentHour() + ':' + DateService.getCurrentMinute(),\n )}`}\n
\n \n \n this.setState({ showSnackbar: false })} severity=\"error\">\n {this.state.alertMessage}\n \n \n
\n );\n }\n}\n\n// class Example extends React.Component {\n\n// render() {\n// return (\n// \n Resumen cierre de caja\n
\n \n \n \n {/*
\n \n
\n {!this.state.noCounter ? (\n \n this.onChange(text)}\n onBlur={() => this.onBlur()}\n error={this.props.commentError}\n errorMessage={this.props.commentError ? this.props.commentError.message : ''}\n />\n
\n ) : null}\n\n {!this.state.noCounter ? (\n \n this.closeCounter()}>\n Cerrar caja\n \n
\n ) : null}\n\n \n// Print this out!}\n// content={() => this.componentRef}\n// pageStyle={pageStyle}\n// />\n// (this.componentRef = el)} />\n//
\n// );\n// }\n// }\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n home: state.home,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch),\n };\n}\n\n// export default connect(mapStateToProps, mapDispatchToProps)(Example);\nexport default connect(mapStateToProps, mapDispatchToProps)(ShiftSummaryReport);\n","import React, { useEffect, useRef, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { ActionButtons, AddButton, KuposErrorSuccessModal, KuposListLoader, KuposModalWithButtons } from '../common';\nimport ApiUrls from '../../services/apiUrls';\nimport { apiCall } from './redux/apiCall';\nimport CommonService from '../../services/commonService';\nimport DateService from '../../services/dateService';\nimport { Snackbar } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\n\nconst modalInitialState = {\n show: false,\n success: false,\n bodyText: null,\n};\n\nconst AllExchangeRates = () => {\n const dispatch = useDispatch();\n const onResponse = useRef(() => { });\n const [fetch, setFetch] = useState(false);\n const [list, setList] = useState([]);\n const [modal, setModal] = useState(modalInitialState);\n const [selectedViewItem, setSelectedViewItem] = useState('');\n const [loader, setLoader] = useState(true);\n const [snackbar, setSnackbar] = useState({});\n\n\n useEffect(() => {\n dispatch(apiCall({ url: ApiUrls.addCurrencyExchange(), callback: res => onResponse.current(res) }));\n }, [dispatch, fetch]);\n\n onResponse.current = res => {\n setLoader(false);\n if (res && res.data && res.data.success) {\n setList(res.data.data);\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n\n\n const renderItem = (val, i) => {\n return (\n \n \n setModal({\n showDeleteModal: true,\n selectedItemDelete: val,\n })\n }\n />\n\n
\n );\n };\n\n const renderViewModal = () => {\n return (\n {val.id}
\n {val.client_code}
\n {val.exchange_name}
\n {val.exchange_rate}
\n {val.status}
\n \n {val.creation_date_stg + '\\n' + val.creation_time_stg}\n
\n \n {' '}\n {val.updation_date_stg + '\\n' + val.updation_time_stg}\n
\n\n \n
\n ) : null}\n \n );\n };\n\n const renderDeleteModal = () => {\n return (\n Tasa de conversión
\n\n
\n Conversión Nombre:
\n {selectedViewItem.exchange_name}
\n \n
\n Pais Tasa:
\n {selectedViewItem.exchange_rate}
\n \n
\n Addeed on:
\n \n {selectedViewItem.creation_date_stg +\n ', ' +\n selectedViewItem.creation_time_stg}\n
\n \n
\n Estatus:
\n {selectedViewItem.status}
\n \n
\n \n );\n };\n\n const deleteItem = () => {\n let data = {\n id: modal.selectedItemDelete.id,\n client_code: modal.selectedItemDelete.client_code,\n user_id: modal.selectedItemDelete.user_id,\n user_name: modal.selectedItemDelete.user_name,\n exchange_name: modal.selectedItemDelete.exchange_name,\n status: modal.selectedItemDelete.status,\n from_currency_id: modal.selectedItemDelete.from_currency_id,\n from_currency_code: modal.selectedItemDelete.from_currency_code,\n to_currency_id: modal.selectedItemDelete.to_currency_id,\n to_currency_code: modal.selectedItemDelete.to_currency_code,\n exchange_rate: modal.selectedItemDelete.exchange_rate,\n creation_date_stg: modal.selectedItemDelete.creation_date_stg,\n creation_time_stg: modal.selectedItemDelete.creation_time_stg,\n updation_user_id: 0,\n updation_user_name: '',\n updation_date_stg: '',\n updation_time_stg: '',\n deletion_user_id: CommonService.currentUser.user_id,\n deletion_user_name: `${CommonService.currentUser.user_details.first_name} ${CommonService.currentUser.user_details.last_name}`,\n deletion_date_stg: DateService.getTodayString('yyyy-mm-dd'),\n deletion_time_stg: `${DateService.getCurrentHour()}:${DateService.getCurrentMinute()}`,\n };\n\n dispatch(\n apiCall({\n url: ApiUrls.addCurrencyExchange(),\n method: 'DELETE',\n data,\n callback: res => onDeleteResponse(res),\n }),\n );\n\n };\n\n const onDeleteResponse = res => {\n if (res.data && res.data.success) {\n setModal({ show: true, success: true, bodyText: 'Eliminar éxito' });\n setFetch(!fetch);\n } else {\n setModal({ show: true, success: false, bodyText: res.data.message });\n }\n };\n\n return (\n \n ¿Esta seguro de que desea eliminar \"\n {modal.selectedItemDelete && modal.selectedItemDelete.exchange_name}\"?\n
\n\n
\n {\n setModal(modalInitialState);\n }}\n />\n setSnackbar({ showSnackbar: false })}\n >\n setSnackbar({ showSnackbar: false })} severity=\"error\">\n {snackbar.alertMessage}\n \n \n
\n );\n}\n\nexport default AllExchangeRates;\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { KuposButton, KuposErrorSuccessModal, KuposInput, KuposListLoader } from '../common';\nimport { DropdownComponent } from '../common/DropdownComponent';\nimport ApiUrls from '../../services/apiUrls';\nimport DateService from '../../services/dateService';\nimport CommonService from '../../services/commonService';\nimport { apiCall } from './redux/apiCall';\nimport { Snackbar } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport Loader from 'react-loader-spinner';\n\n\nconst modalInitialState = {\n show: false,\n success: false,\n bodyText: null,\n};\n\nconst initialState = {\n fromCurrency: '',\n toCurrency: '',\n exchangeRate: '',\n};\n\nconst AddExchangeRate = ({ history, match }) => {\n const dispatch = useDispatch();\n const [values, setValues] = useState(initialState);\n const [modalValues, setModalValues] = useState(modalInitialState);\n const [loader, setLoader] = useState(true);\n const [currenciesListFrom, setCurrenciesListFrom] = useState([]);\n const [currenciesListTo, setCurrenciesListTo] = useState([]);\n const [snackbar, setSnackbar] = useState({});\n const [showForm, setShowForm] = useState(true)\n const [count, setCount] = useState('')\n\n // console.log({ currenciesListFrom }, { currenciesListTo }, { values }, { count })\n\n const id = match.params ? Number(match.params.id) : null;\n\n useEffect(() => {\n getCurrencyList();\n id && getExchangeList();\n // eslint-disable-next-line\n }, [id])\n\n\n // redirecting back if data not found using timer\n useEffect(() => {\n let interval\n if (count) {\n interval = setInterval(() => {\n setCount((currentCount) => --currentCount)\n }, 1000);\n }\n // Redirect once the count is === 1\n count === 1 && history.push('/exchange-rates');\n // CleanUp\n return () => clearInterval(interval)\n }, [count, history])\n\n\n const getExchangeList = () => {\n dispatch(apiCall({ url: ApiUrls.addCurrencyExchange(), callback: res => onExchangeListResponse(res) }))\n }\n\n const onExchangeListResponse = (res) => {\n setLoader(false)\n\n if (res && res.data && res.data.success) {\n let selectedExchangeItem = res.data.data.find(\n exchangeItem => exchangeItem.id == id,\n );\n\n //set values to readonly inputs\n if (selectedExchangeItem) {\n console.log('+++ echange amount', selectedExchangeItem)\n setValues({\n ...values,\n selectedExchangeItem,\n exchangeRate: selectedExchangeItem.exchange_rate.toString(),\n fromCurrency: {\n value: selectedExchangeItem.from_currency_id,\n label: selectedExchangeItem.from_currency_code,\n },\n toCurrency: {\n value: selectedExchangeItem.to_currency_id,\n label: selectedExchangeItem.to_currency_code,\n },\n })\n } else {\n // Show Snack Bar Msge\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Record not found'\n });\n setShowForm(false)\n setCount(5)\n }\n }\n else {\n // if there is no REsponse \n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n setShowForm(false)\n }\n }\n\n const getCurrencyList = () => {\n dispatch(apiCall({ url: ApiUrls.getCurrencies(), callback: res => onCurrencyListResponse(res) }))\n };\n\n const onCurrencyListResponse = (res) => {\n setLoader(false)\n if (res && res.data && res.data.success) {\n let currencies = [];\n res.data.data.map(val => {\n currencies.push({ value: val.id, label: val.code });\n });\n setCurrenciesListFrom(currencies)\n setCurrenciesListTo(currencies)\n }\n }\n\n\n const onChange = (val, type) => {\n switch (type) {\n case 'fromCurrency':\n setValues({ ...values, [type]: val, [type + 'Error']: null, toCurrency: null })\n setCurrenciesListTo(currenciesListFrom.filter(it => it.value != val.value))\n break;\n case 'toCurrency':\n setValues({ ...values, [type]: val, [type + 'Error']: null })\n break;\n case 'exchangeRate':\n setValues({ ...values, [type]: val, [type + 'Error']: null })\n break;\n }\n };\n\n const validate = () => {\n if (!values.fromCurrency) {\n setValues({ ...values, fromCurrencyError: 'Convertir de' });\n return false;\n }\n if (!values.toCurrency) {\n setValues({ ...values, toCurrencyError: 'Convertir a ' });\n return false;\n }\n if (!values.exchangeRate) {\n setValues({ ...values, exchangeRateError: 'Ingrese un Tasa de conversión' });\n return false;\n }\n return true;\n\n };\n\n const createOrUpdate = () => {\n if (!validate()) {\n return;\n }\n let data, method = 'POST';\n if (id) {\n method = 'PUT';\n data = {\n id: values.selectedExchangeItem.id,\n client_code: values.selectedExchangeItem.client_code,\n user_id: values.selectedExchangeItem.user_id,\n user_name: values.selectedExchangeItem.user_name,\n exchange_name: values.selectedExchangeItem.exchange_name,\n status: values.selectedExchangeItem.status,\n from_currency_id: values.selectedExchangeItem.from_currency_id,\n from_currency_code: values.selectedExchangeItem.from_currency_code,\n to_currency_id: values.selectedExchangeItem.to_currency_id,\n to_currency_code: values.selectedExchangeItem.to_currency_code,\n exchange_rate: Number(values.exchangeRate),\n creation_date_stg: values.selectedExchangeItem.creation_date_stg,\n creation_time_stg: values.selectedExchangeItem.creation_time_stg,\n updation_user_id: CommonService.currentUser.user_id,\n updation_user_name: `${CommonService.currentUser.user_details.first_name} ${CommonService.currentUser.user_details.last_name}`,\n updation_date_stg: DateService.getTodayString('yyyy-mm-dd'),\n updation_time_stg: `${DateService.getCurrentHour()}:${DateService.getCurrentMinute()}`,\n deletion_user_id: 0,\n deletion_user_name: '',\n deletion_date_stg: '',\n deletion_time_stg: '',\n }\n } else {\n data = {\n from_currency_id: values.fromCurrency.value,\n from_currency_code: values.fromCurrency.label,\n to_currency_id: values.toCurrency.value,\n to_currency_code: values.toCurrency.label,\n exchange_rate: Number(values.exchangeRate),\n creation_date_stg: DateService.getTodayString('yyyy-mm-dd'),\n creation_time_stg: `${DateService.getCurrentHour()}:${DateService.getCurrentMinute()}`,\n };\n }\n console.log('Data to fly is----', { data });\n\n dispatch(\n apiCall({ method, url: ApiUrls.addCurrencyExchange(), data, callback: res => onCurrencyAddResponse(res) })\n )\n };\n\n const onCurrencyAddResponse = res => {\n console.log('Currency res is-----', res);\n if (res && res.data && res.data.success && res.data.data) {\n setModalValues({\n show: true,\n success: true,\n bodyText: res.data.message,\n });\n }\n };\n\n const hideModal = () => {\n setModalValues({ ...modalValues, show: false, bodyText: null });\n if (modalValues.success) {\n history.goBack();\n }\n };\n\n const onBlur = () => { };\n\n\n if (loader) {\n return (\n \n
\n
\n {loader ? ID
\n Cliente
\n Nombre de conversión
\n Tasa de conversión
\n Estatus
\n Creado el
\n Actualizado el
\n Acciones
\n \n
\n )\n }\n\n return showForm ?\n \n hideModal()}\n />\n
:\n \n onChange(val, 'fromCurrency')}\n placeholder={'Convertir de'}\n disabled={id ? true : false}\n options={currenciesListFrom}\n value={values.fromCurrency}\n error={values.fromCurrencyError ? true : false}\n errorMessage={\n values.fromCurrencyError ? values.fromCurrencyError : null\n }\n />\n
\n\n \n onChange(val, 'toCurrency')}\n placeholder={'Convertir a '}\n disabled={id ? true : false}\n options={currenciesListTo}\n value={values.toCurrency}\n error={values.toCurrencyError ? true : false}\n errorMessage={values.toCurrencyError ? values.toCurrencyError : null}\n />\n
\n\n \n onChange(text, 'exchangeRate')}\n onBlur={text => onBlur(text, 'rate')}\n />\n
\n\n \n \n \n {id ? 'Actualizar Tasa de conversión' : 'Crear Tasa de conversión'}\n \n \n
\n \n \n {\n setShowDeleteModal(true);\n setSelectedTxn(val);\n }}\n >\n Expirar\n \n
\n \n );\n };\n\n const renderDeleteModal = () => {\n return (\n {val.id}
\n {val.client_code}
\n {val.txn_code}
\n \n {val.start_date_stg}\n
\n {val.start_time_stg}\n
\n \n {val.start_time_stg}\n
\n {val.end_date_stg}\n
\n {val.end_time_stg}\n
\n \n {val.end_time_stg}\n
{val.remark}
\n {val.status}
\n \n
\n \n );\n };\n\n const deleteItem = () => {\n let data = {\n id: selectedTxn.id,\n client_code: selectedTxn.client_code,\n txn_code: selectedTxn.txn_code,\n status: selectedTxn.status,\n start_date_time: selectedTxn.start_date_time,\n start_date_stg: selectedTxn.start_date_stg,\n start_time_stg: selectedTxn.start_time_stg,\n end_date_time: selectedTxn.end_date_time,\n end_date_stg: selectedTxn.end_date_stg,\n end_time_stg: selectedTxn.end_time_stg,\n remark: selectedTxn.remark,\n unblock_date_time: 0,\n unblock_date_stg: '',\n unblock_time_stg: '',\n created_on: selectedTxn.created_on,\n created_by: selectedTxn.created_by,\n last_updated_on: selectedTxn.last_updated_on,\n last_updated_by: selectedTxn.last_updated_by,\n };\n\n // console.log('Old data ------', selectedTxn);\n // console.log('New data ------', data);\n\n dispatch(\n apiCall({\n url: ApiUrls.unblockTxn(),\n method: 'POST',\n data: data,\n callback: res => onDeleteResponse(res),\n }),\n );\n };\n\n const onDeleteResponse = res => {\n // console.log('Delete response -----------', res);\n if (res.data && res.data.success) {\n setModalValues({ show: true, success: true, bodyText: res.data.message || 'Eliminar éxito' });\n setShowDeleteModal(false);\n setFetch(!fetch);\n } else {\n setModalValues({ show: true, success: false, bodyText: res.data.message });\n }\n };\n\n return (\n \n ¿Esta seguro de que desea expirar el registro programado \"\n {selectedTxn && selectedTxn.txn_code}\"?\n
\n\n
\n {\n setModalValues(modalInitialState);\n }}\n />\n setSnackbar({ showSnackbar: false })}\n >\n setSnackbar({ showSnackbar: false })} severity=\"error\">\n {snackbar.alertMessage}\n \n \n
\n );\n}\n\n\n\nexport default AllBlocksUnblocks;\n","import React, { useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { DropdownComponent } from '../common/DropdownComponent';\nimport {\n KuposButton,\n KuposDatePicker,\n KuposErrorSuccessModal,\n KuposInput,\n KuposTimePicker,\n} from '../common';\nimport DateService from '../../services/dateService';\nimport CommonService from '../../services/commonService';\nimport ApiUrls from '../../services/apiUrls';\nimport { apiCall } from './redux/apiCall';\n\nconst modalInitialState = {\n show: false,\n success: false,\n bodyText: null,\n};\n\nconst txnTypes = [\n { value: 'AT_BOOKING', label: 'Delfos website' },\n { value: 'COUNTER_BOOKING', label: 'Cajas' },\n { value: 'LOCAL_BOOKING', label: 'kupos' },\n];\n\nconst initialState = {\n txn_code: '',\n start_time_stg: '00:00',\n end_time_stg: '00:00',\n start_date_stg: DateService.getTodayString(),\n end_date_stg: DateService.getTodayString(),\n remark: '',\n};\n\nconst AddBlockUnblock = ({ history }) => {\n const dispatch = useDispatch();\n const [values, setValues] = useState(initialState);\n const [modalValues, setModalValues] = useState(modalInitialState);\n const [buttonLoader, setButtonLoader] = useState(false);\n const [selectedTxn, setSelectedTxn] = useState(null);\n\n const onInputChnage = (val, type) => {\n setValues({ ...values, [type]: val, [type + 'Error']: null });\n };\n\n // onBlur = () => { };\n // console.log({ values, modalValues, selectedTxn });\n\n const validate = () => {\n if (!selectedTxn) {\n setValues({ ...values, selectedTxnError: 'Seleccionar tipo de transacción' });\n return false\n }\n\n if (!values.start_date_stg) {\n setValues({ ...values, start_date_stgError: 'Seleccionar fecha de inicio' });\n return false\n }\n\n if (!values.start_time_stg) {\n setValues({ ...values, start_time_stgError: 'Seleccionar hora de inicio' });\n return false\n }\n\n if (!values.end_date_stg) {\n setValues({ ...values, end_date_stgError: 'Seleccionar fecha final' });\n return false\n }\n\n if (!values.end_time_stg) {\n setValues({ ...values, end_time_stgError: 'Seleccionar hora de finalización' });\n return false\n }\n\n if (!values.remark) {\n setValues({ ...values, remarkError: 'Obligatorio' });\n return false\n }\n return true;\n };\n\n const createOrUpdate = () => {\n if (!validate()) {\n return;\n }\n\n\n let start_date_time = CommonService.getTimeInSeconds(\n `${DateService.changeDateFormat(values.start_date_stg, 'dd-mm-yyyy', 'yyyy-mm-dd')}T${values.start_time_stg\n }`,\n );\n let end_date_time = CommonService.getTimeInSeconds(\n `${DateService.changeDateFormat(values.end_date_stg, 'dd-mm-yyyy', 'yyyy-mm-dd')}T${values.end_time_stg\n }`,\n );\n\n if (start_date_time > end_date_time) {\n setValues({ ...values, end_time_stgError: 'Please enter a future time!' });\n return;\n }\n\n console.log(\"startdatetime\",end_date_time)\n\n // setValues({ ...values, start_date_time, end_date_time });\n\n let data = {\n txn_code: values.txn_code,\n start_date_time,\n start_date_stg: values.start_date_stg,\n start_time_stg: values.start_time_stg,\n end_date_time,\n end_date_stg: values.end_date_stg,\n end_time_stg: values.end_time_stg,\n remark: values.remark,\n }\n\n console.log('New data', { data });\n\n // return\n setButtonLoader(true);\n\n dispatch(\n apiCall({\n url: ApiUrls.blockUnblock(),\n method: 'POST',\n data: data,\n callback: res => onResponse(res),\n }),\n );\n };\n const onResponse = res => {\n console.log('Response from add block request-------', res);\n setButtonLoader(false);\n if (res && res.data && res.data.data && res.data.success) {\n setModalValues({\n show: true,\n success: true,\n bodyText: res.data.message || 'Record added successfully!',\n });\n } else {\n setModalValues({\n show: true,\n success: false,\n bodyText: res.data.message || 'Some issue in creating record, Please try again!',\n });\n }\n };\n\n const hideModal = () => {\n setModalValues({ ...modalValues, show: false, bodyText: null });\n if (modalValues.success) {\n history.goBack();\n }\n };\nconsole.log(\"selected service is\", values)\n return (\n \n
\n
\n\n {/* show spinner on load */}\n {spinner ? (\n id
\n Client
\n Transacción
\n Fecha y hora de inicio
\n Fecha y hora de finalización
\n Razones
\n Estado
\n Comportamiento
\n \n \n \n {'Fecha de inicio'}\n onInputChnage(val, 'start_date_stg')}\n minDate={DateService.getTodayString()}\n error={values.start_date_stgError ? true : false}\n errorMessage={values.start_date_stgError}\n placeholder={DateService.getTodayString()}\n />\n
\n\n \n {\n setValues({ ...values, txn_code: val.value, selectedTxnError: null });\n setSelectedTxn(val);\n }}\n placeholder={'Seleccionar tipo de transacción'}\n options={txnTypes}\n value={selectedTxn}\n error={values.selectedTxnError ? true : false}\n errorMessage={values.selectedTxnError}\n />\n
\n\n \n onInputChnage(text, 'remark')}\n // onBlur={text => this.onBlur(text, 'remark')}\n />\n
\n\n \n \n \n {buttonLoader ? : 'Agregar registro'}\n \n \n
\n\n \n \n 
\n
\n {val.image_id}
\n \n \n this.setState({\n showDeleteModal: true,\n selectedImageName: val.image_path,\n selectedImageId: val.image_id,\n })\n }\n >\n Eliminar\n \n
\n \n );\n };\n\n renderDeleteModal = () => {\n return (\n \n
\n \n );\n };\n\n deleteItem = () => {\n this.props.actions\n .apiCall({\n url: ApiUrls.deleteServiceImage(this.state.serviceId, this.state.selectedImageId),\n method: 'DELETE',\n })\n .then(\n res => {\n this.onDeleteResponse(res);\n },\n err => {\n this.onDeleteResponse(err);\n },\n );\n };\n\n onDeleteResponse = res => {\n if (res.data && res.data.success) {\n this.setState({\n showSuccessFailureModal: true,\n showSuccessFailureModalStatus: true,\n showSuccessFailureModalBodyText: 'Eliminar éxito',\n selectedImageName: null,\n selectedImageId: null,\n showDeleteModal: false,\n });\n this.getList();\n } else {\n this.setState({\n showSuccessFailureModal: true,\n showSuccessFailureModalStatus: false,\n showSuccessFailureModalBodyText: res.data.message,\n selectedImageName: null,\n selectedImageId: null,\n });\n }\n };\n\n onChange = (val, type) => {\n // this.setState({ serviceImage: val, serviceImageError: null });\n };\n\n validate = () => {\n if (!this.state.serviceImage) {\n this.setState({\n serviceImageError: {\n message: 'Por favor elija una imagen',\n },\n });\n return false;\n }\n return true;\n };\n\n addImage = () => {\n if (!this.validate()) {\n return;\n }\n let randomString = Math.random().toString(36);\n\n this.setState({\n theInputKey: randomString,\n serviceImage: null\n });\n this.setState({ showLoader: true });\n const data = new FormData();\n data.append('serviceImage', this.state.serviceImage, this.state.serviceImage.name);\n data.append('serviceId', this.state.serviceId);\n data.append('imageId', this.state.imageId);\n // let data = {\n // serviceImage: this.state.serviceImage,\n // serviceId: this.state.serviceId,\n // imageId: this.state.imageId,\n // };\n\n // let url = AppData.BASE_URL + 'serviceImage';\n // axios.post(url, data).then(res => {\n // console.log(\"+++response from api\",res)\n // });\n\n this.props.actions\n .apiCall({ method: 'POST', url: ApiUrls.addServiceImages(), data: data })\n .then(\n res => {\n this.onAddServiceImageResponse(res);\n },\n err => {\n this.onAddServiceImageResponse(err);\n },\n );\n };\n\n onAddServiceImageResponse = result => {\n console.log('+++result from add image api is', result);\n if (result.data && result.data.success && result.data.data) {\n this.setState({ showLoader: false });\n\n this.getList();\n }\n };\n onFileChange = event => {\n this.setState({ serviceImage: event.target.files[0], serviceImageError: null });\n };\n\n render() {\n console.log('+++ state in service image ', this.state);\n return (\n ¿Quieres eliminar?
\n\n 
\n
\n \n
\n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n home: state.home,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch),\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ServiceImages);\n","import React, { useEffect, useRef, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport ApiUrls from '../../services/apiUrls';\nimport { KuposErrorSuccessModal, ActionButtons, AddButton, KuposListLoader, KuposModalWithButtons } from '../common';\nimport { withScriptjs, withGoogleMap, GoogleMap, Polygon } from 'react-google-maps';\nimport AppData from '../../services/appData';\nimport { apiCall } from './redux/apiCall';\nimport { Snackbar } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\n\nconst modalInitialState = {\n show: false,\n success: false,\n bodyText: null,\n};\nconst AllOldService = () => {\n const dispatch = useDispatch();\n const onResponse = useRef(() => { });\n const polygonRef = useRef();\n const [fetch, setFetch] = useState(false);\n const [list, setList] = useState([]);\n const [modal, setModal] = useState(modalInitialState);\n const [selectedViewItem, setSelectedViewItem] = useState('');\n const [selectedItemDetails, setSelectedItemDetails] = useState('');\n const [loader, setLoader] = useState(true);\n const [snackbar, setSnackbar] = useState({});\n\n useEffect(() => {\n dispatch(apiCall({ url: ApiUrls.addServicePricing(), callback: res => onResponse.current(res) }));\n }, [dispatch, fetch]);\n\n onResponse.current = res => {\n setLoader(false);\n if (res && res.data && res.data.success) {\n setList(res.data.data);\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n\n const getDetails = id => {\n dispatch(apiCall({ url: ApiUrls.addServicePricing(id), callback: res => getDetailsResponse(res) }));\n };\n\n const getDetailsResponse = (res) => {\n if (res && res.data && res.data.success) {\n setSelectedItemDetails(res.data.data);\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n }\n\n const renderItem = (val, i) => {\n return (\n \n
\n
\n Service Images
\n\n \n \n \n Upload Image\n \n \n ) : null}\n
\n \n {/* this.onChange(text, 'serviceImage')}\n inputOuterStyle={{ padding: 0 }}\n /> */}\n
\n\n {this.state.serviceImage ? (\n \n
\n {this.state.imageList != null &&\n this.state.imageList.map((val, i) => this.renderItem(val, i))}\n\n {this.renderDeleteModal()}\n {this.state.showLoader ? (\n Id
\n Image
\n Acciónes
\n \n
\n ) : null}\n \n {\n setSelectedViewItem(val)\n getDetails(val.id);\n }}\n url={('/old-services/' + val.id + '/edit')}\n handleDelete={() =>\n setModal({\n showDeleteModal: true,\n selectedItemName: val.service_price_name,\n selectedItemId: val.id,\n itemToDelete: val,\n })\n }\n />\n\n\n
\n );\n };\n\n const renderDeleteModal = () => {\n return (\n {val.id}
\n {val.client_code}
\n {val.service_price_name}
\n \n
\n \n );\n };\n\n const deleteItem = () => {\n let data = {\n id: Number(modal.itemToDelete.id),\n };\n\n dispatch(\n apiCall({\n url: ApiUrls.addServicePricing(data.id),\n method: 'DELETE',\n callback: res => onDeleteResponse(res),\n }),\n );\n\n };\n\n const onDeleteResponse = res => {\n if (res.data && res.data.success) {\n setModal({ show: true, success: true, bodyText: 'Eliminar éxito' });\n setFetch(!fetch);\n } else {\n setModal({ show: true, success: false, bodyText: res.data.message });\n }\n };\n\n const renderViewModal = () => {\n return (\n ¿Quieres eliminar \"{modal.selectedItemName}\"?
\n\n
\n ) : null}\n \n );\n };\n\n return (\n Servicio
\n\n\n
\n Localización de embarque :
\n \n {selectedViewItem.location_name}\n
\n \n
\n\n \n Área de localización de embarque :\n
\n \n {selectedViewItem.location_area_name}\n
\n \n
\n \n Service name :\n
\n \n {selectedViewItem.service_name}\n
\n \n
\n Tipo de origen:
\n {selectedViewItem.origin_type}
\n \n
\n Tipo de precio:
\n {selectedViewItem.price_type}
\n \n
\n Precio:
\n {selectedViewItem.price}
\n \n
\n {selectedItemDetails && selectedItemDetails.location_areas ? (\n Estatus:
\n {selectedViewItem.status}
\n \n ({\n lat: val[0],\n lng: val[1],\n }))}\n />\n \n
\n ) : null}\n \n
\n {\n setModal(modalInitialState);\n }}\n />\n setSnackbar({ showSnackbar: false })}\n >\n setSnackbar({ showSnackbar: false })} severity=\"error\">\n {snackbar.alertMessage}\n \n \n
\n );\n}\n\n\n\nconst MapWithAMarker = withScriptjs(\n withGoogleMap(props => (\n \n
\n
\n {loader ? ID
\n Operador
\n Nombre
\n Acción
\n \n {\n setModal(modalInitialState);\n if (modal.redirect) {\n history.goBack();\n }\n }}\n bodyText={modal.bodyText}\n />\n\n {loader ? (\n
\n );\n \n}\n\nconst MapWithAMarker = withScriptjs(\n withGoogleMap(props => (\n \n
\n\n \n
\n\n \n {id ? \"Actualizar nuevo servicio\" : \"Agregar servicio nuevo\"}\n
\n \n
\n \n onLocationChange(val, 'pickup_location')}\n placeholder={'Locaciones'}\n options={locations}\n value={values.selectedPickupLocation}\n disabled={id ? true : false}\n error={errors.selectedPickupLocationError ? true : false}\n errorMessage={\n errors.selectedPickupLocationError\n ? errors.selectedPickupLocationError\n : ''\n }\n />\n
\n\n \n onLocationChange(val, 'pickup_location_area')}\n placeholder={'Areas de las locaciones seleccionadas'}\n options={locationAreas}\n // options={this.state.locations}\n value={values.selectedPickupLocationArea}\n disabled={id ? true : false}\n error={errors.selectedPickupLocationAreaError ? true : false}\n errorMessage={\n errors.selectedPickupLocationAreaError\n ? errors.selectedPickupLocationAreaError\n : ''\n }\n />\n
\n\n \n onLocationChange(val, 'transfer_type')}\n placeholder={'Tipo de transfer'}\n options={initialState.fromToAirport}\n value={values.selectedTransferType}\n disabled={id ? true : false}\n error={errors.selectedTransferTypeError ? true : false}\n errorMessage={\n errors.selectedTransferTypeError\n ? errors.selectedTransferTypeError\n : ''\n }\n />\n
\n\n \n onLocationChange(val, 'service')}\n placeholder={'Servicio'}\n options={services}\n value={values.selectedService}\n disabled={id ? true : false}\n error={errors.selectedServiceError ? true : false}\n errorMessage={\n errors.selectedServiceError ? errors.selectedServiceError : ''\n }\n />\n
\n \n onLocationChange(val, 'price_type')}\n placeholder={'Tipo de precio'}\n options={initialState.priceTypes}\n value={values.selectedPriceType}\n disabled={id ? true : false}\n error={errors.selectedPriceTypeError ? true : false}\n errorMessage={\n errors.selectedPriceTypeError\n ? errors.selectedPriceTypeError\n : ''\n }\n />\n
\n\n \n onPriceChange(val, 'price')}\n onBlur={text => onPriceBlur(text)}\n />\n
\n\n \n \n \n {id\n ? 'Actualizar precios del servicio'\n : 'Crear precios de servicios'}\n \n \n
\n \n {\n this.polygonRef = ref;\n }}\n path={this.state.polygon}\n /> */}\n \n
\n \n
\n ) : null}\n \n \n setModal({\n showDeleteModal: true,\n selectedItemName: val.name,\n selectedItemId: val.id,\n itemToDelete: val,\n })\n }\n />\n\n
\n );\n };\n\n const renderViewModal = () => {\n return (\n {val.id}
\n {val.client_code}
\n {val.type}
\n {val.name}
\n {val.status}
\n {val.remark}
\n \n
\n ) : null}\n \n );\n };\n\n const deleteItem = () => {\n let data = {\n id: modal.itemToDelete.id,\n client_code: modal.itemToDelete.client_code,\n type: modal.itemToDelete.type,\n name: modal.itemToDelete.name,\n city_id: modal.itemToDelete.city_id,\n city_name: modal.itemToDelete.city_name,\n state_id: modal.itemToDelete.state_id,\n Sate_name: modal.itemToDelete.Sate_name,\n country_id: modal.itemToDelete.country_id,\n country_name: modal.itemToDelete.country_name,\n address: modal.itemToDelete.address,\n remark: modal.itemToDelete.remark,\n status: 'ACTIVE',\n created_by_user: ' ',\n created_on_utc: modal.itemToDelete.created_on_utc,\n created_on_date_time_stg: modal.itemToDelete.created_on_date_time_stg,\n last_updated_by_user: ' ',\n last_updated_on_utc: modal.itemToDelete.last_updated_on_utc,\n last_updated_on_date_time_stg: modal.itemToDelete.last_updated_on_date_time_stg,\n deleted_by: '',\n deleted_on_utc: DateService.getCurrentTimeUTC(),\n deleted_on_date_time_stg: DateService.getCurrentStgDate(),\n };\n dispatch(\n apiCall({\n url: ApiUrls.addLocation(),\n method: 'DELETE',\n data,\n callback: res => onDeleteResponse(res),\n }),\n );\n\n };\n\n const onDeleteResponse = res => {\n if (res.data && res.data.success) {\n setModal({ show: true, success: true, bodyText: 'Eliminar éxito' });\n setFetch(!fetch);\n } else {\n setModal({ show: true, success: false, bodyText: res.data.message });\n }\n };\n\n const renderDeleteModal = () => {\n return (\n Servicio
\n\n
\n Tipo:
\n {selectedViewItem.type}
\n \n
\n Nombre:
\n {selectedViewItem.name}
\n \n
\n País:
\n {selectedViewItem.country_name}
\n \n
\n Región:
\n {selectedViewItem.Sate_name}
\n \n
\n Ciudad:
\n {selectedViewItem.city_name}
\n \n
\n Dirección :
\n {selectedViewItem.address}
\n \n
\n Estatus:
\n {selectedViewItem.status}
\n \n
\n Observación:
\n {selectedViewItem.remark}
\n \n
\n \n );\n };\n\n return (\n ¿Quieres eliminar \"{modal.selectedItemName}\"?
\n\n {\n setModal(modalInitialState);\n }}\n />\n
\n );\n}\n\nexport default AllPlatformLocations;\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { DropdownComponent } from '../common/DropdownComponent';\nimport { KuposButton, KuposErrorSuccessModal, KuposInput } from '../common';\nimport ApiUrls from '../../services/apiUrls';\nimport DateService from '../../services/dateService';\nimport { apiCall } from './redux/apiCall';\nimport Loader from 'react-loader-spinner';\nimport { Snackbar } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\n\n\n\nconst modalInitialState = {\n show: false,\n success: false,\n bodyText: null,\n};\nconst initialState = {\n locationName: '',\n selectedLocationType: { value: 'BUS_TERMINAL', label: 'Bus Terminal' },\n}\nconst locationTypes = [\n { value: 'BUS_TERMINAL', label: 'Bus Terminal' },\n { value: 'AIRPORT_TERMINAL', label: 'Airport Terminal' },\n { value: 'GENERIC_LOCATION', label: 'Generic Location' },\n];\n\nconst AddPlatformLocation = ({ match, history }) => {\n const dispatch = useDispatch();\n const [values, setValues] = useState(initialState);\n const [modal, setModal] = useState(modalInitialState);\n const [countries, setCountries] = useState([]);\n const [states, setStates] = useState([]);\n const [cities, setCities] = useState([]);\n const [terminals, setTerminals] = useState([]);\n const [loader, setLoader] = useState(true);\n const [snackbar, setSnackbar] = useState({});\n const [count, setCount] = useState('')\n const id = match.params ? Number(match.params.id) : null;\n\n\n console.log(countries, states, cities, terminals)\n console.log(values)\n\n useEffect(() => {\n if (id) {\n getList();\n } else {\n setLoader(false)\n }\n // eslint-disable-next-line\n }, [id])\n\n\n useEffect(() => {\n getCountriesList();\n getStatesList();\n getCitiesList();\n getAtTerminalList();\n // eslint-disable-next-line\n }, [])\n\n\n // redirecting back if data not found using timer\n useEffect(() => {\n let interval\n if (count) {\n interval = setInterval(() => {\n setCount((currentCount) => --currentCount)\n }, 1000);\n }\n // Redirect once the count is === 1\n count === 1 && history.push('/platform-location');\n // CleanUp\n return () => clearInterval(interval)\n }, [count, history])\n\n const getCountriesList = () => dispatch(apiCall({ url: ApiUrls.addCountry(), callback: res => getCountriesListResponse(res) }))\n const getCountriesListResponse = (res) => {\n // console.log('+++ Result from all countries api', res);\n if (res && res.data && res.data.success) {\n let countries = [];\n res.data.data.map(country => {\n countries.push({ value: country.id, label: country.name });\n });\n setCountries(countries)\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n\n\n const getStatesList = () => dispatch(apiCall({ url: ApiUrls.addState(), callback: res => getStatesListResponse(res) }));\n const getStatesListResponse = (res) => {\n // console.log('+++ Result from all countries api', res);\n if (res && res.data && res.data.success) {\n let states = [];\n res.data.data.map(state => {\n states.push({ value: state.id, label: state.name });\n });\n setStates(states)\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n const getCitiesList = () => dispatch(apiCall({ url: ApiUrls.addCity(), callback: res => getCitiesListResponse(res) }))\n const getCitiesListResponse = (res) => {\n // console.log('+++ Result from all countries api', res);\n if (res && res.data && res.data.success) {\n let cities = [];\n res.data.data.map(city => {\n cities.push({ value: city.id, label: city.name });\n });\n setCities(cities)\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n const getAtTerminalList = () => dispatch(apiCall({ url: ApiUrls.getAtTerminalList(), callback: res => getAtTerminalListResponse(res) }))\n const getAtTerminalListResponse = (res) => {\n // console.log('+++ Result from all countries api', res);\n if (res && res.data && res.data.success) {\n let atTerminals = [];\n res.data.data.map(atTerminal => {\n atTerminals.push({ value: atTerminal.airport_address, label: atTerminal.airport_name });\n });\n setTerminals(atTerminals)\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n\n\n const getList = () => dispatch(apiCall({ url: ApiUrls.getLocationList(), callback: res => getListResponse(res) }));\n const getListResponse = (res) => {\n setLoader(false)\n // console.log('+++ Result from all countries api', res);\n if (res && res.data && res.data.success) {\n const found = res.data.data.find(f => f.id === id);\n if (found) {\n console.log({ found });\n getParticularItem(found);\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Record not found'\n });\n setCount(5)\n }\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n const getParticularItem = (element) => {\n setValues({\n locationToEdit: element,\n locationName: element.name,\n selectedLocationType: { value: element.type, label: element.type },\n selectedCountry: { value: element.country_name, label: element.country_name },\n selectedState: { value: element.Sate_name, label: element.Sate_name },\n selectedCity: { value: element.city_name, label: element.city_name },\n address: element.address,\n locationRemark: element.remark,\n })\n };\n\n\n const onSelectChange = (val, type) => {\n switch (type) {\n case 'countryName':\n setValues({ ...values, selectedCountry: val, selectedCountryError: null });\n getStatesByCountryID(val.value);\n break;\n case 'stateName':\n setValues({ ...values, selectedState: val, selectedStateError: null });\n getCitiesByStateID(val.value);\n break;\n case 'cityName':\n setValues({ ...values, selectedCity: val, selectedCityError: null });\n break;\n case 'locationType':\n setValues({ ...values, selectedLocationType: val, selectedLocationTypeError: null });\n break;\n }\n };\n\n const getStatesByCountryID = id => {\n dispatch(apiCall({\n url: ApiUrls.addState(id), callback: res => {\n if (res && res.data && res.data.success) {\n let states = [];\n res.data.data.map(state => {\n states.push({ value: state.id, label: state.name });\n });\n setStates(states)\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n }\n }))\n };\n\n\n const getCitiesByStateID = id => {\n dispatch(apiCall({\n url: ApiUrls.addCity(id), callback: res => {\n if (res && res.data && res.data.success) {\n let cities = [];\n res.data.data.map(city => {\n cities.push({ value: city.id, label: city.name });\n });\n setCities(cities)\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n }\n }))\n\n };\n\n const onChange = (val, type) => {\n switch (type) {\n case 'locationName':\n values.selectedLocationType &&\n values.selectedLocationType.value == 'AIRPORT_TERMINAL'\n ? setValues({\n ...values,\n locationName: val,\n locationNameError: null,\n address: val.value,\n addressError: null,\n })\n : setValues({ ...values, locationName: val, locationNameError: null });\n break;\n case 'address':\n setValues({ ...values, address: val, addressError: null });\n break;\n case 'locationRemark':\n setValues({ ...values, locationRemark: val, locationRemarkError: null });\n break;\n }\n };\n\n const onBlur = (val, type) => { };\n\n const validate = () => {\n if (!values.selectedLocationType) {\n setValues({ ...values, selectedLocationTypeError: 'select a location type' });\n return false;\n } else if (!values.locationName) {\n setValues({ ...values, locationNameError: 'Ingrese el nombre de la ubicación' });\n return false;\n } else if (!values.selectedCountry) {\n setValues({ ...values, selectedCountryError: 'select a country' });\n return false;\n } else if (!values.selectedState) {\n setValues({ ...values, selectedStateError: 'select a state' });\n return false;\n } else if (!values.selectedCity) {\n setValues({ ...values, selectedCityError: 'select a city' });\n return false;\n } else if (!values.locationRemark) {\n setValues({ ...values, locationRemarkError: 'Ingrese el comentario de ubicación' });\n return false;\n } else if (!values.address) {\n if (\n values.selectedLocationType.value == 'AIRPORT_TERMINAL' ||\n values.selectedLocationType.value == 'BUS_TERMINAL'\n ) {\n setValues({ ...values, addressError: 'Address can not be empty' });\n return false;\n } else if (values.selectedLocationType.value == 'GENERIC_LOCATION') {\n setValues({ ...values, addressError: null });\n }\n // this.setState({ addressError: 'Address can not be empty' });\n // return false;\n }\n\n return true;\n };\n\n const createOrUpdate = () => {\n if (!validate()) {\n return;\n }\n\n let data, method = 'POST';\n\n if (id) {\n method = 'PUT';\n data = {\n id: values.locationToEdit.id,\n client_code: values.locationToEdit.client_code,\n type: values.locationToEdit.type,\n name: values.locationToEdit.name,\n city_id: values.locationToEdit.city_id,\n city_name: values.locationToEdit.city_name,\n state_id: values.locationToEdit.state_id,\n Sate_name: values.locationToEdit.Sate_name,\n country_id: values.locationToEdit.country_id,\n country_name: values.locationToEdit.country_name,\n address: values.address,\n status: values.locationToEdit.status,\n remark: values.locationRemark,\n created_on_utc: values.locationToEdit.created_on,\n created_by_user: values.locationToEdit.created_by,\n created_on_date_time_stg: values.locationToEdit.created_on_date_time_stg,\n last_updated_by_user: '',\n last_updated_on_utc: DateService.getCurrentTimeUTC(),\n last_updated_on_date_time_stg: DateService.getCurrentStgDate(),\n deleted_by: '',\n deleted_on_utc: 0,\n deleted_on_date_time_stg: '',\n }\n } else {\n data = {\n type: values.selectedLocationType.label,\n name: values.locationName,\n city_id: values.selectedCity.value,\n city_name: values.selectedCity.label,\n state_id: values.selectedState.value,\n Sate_name: values.selectedState.label,\n country_id: values.selectedCountry.value,\n country_name: values.selectedCountry.label,\n address: values.address,\n remark: values.locationRemark,\n created_on_utc: DateService.getCurrentTimeUTC(),\n created_on_date_time_stg: DateService.getCurrentStgDate(),\n client_code: \"KUPOS\"\n }\n }\n console.log('+++data to update', data);\n setLoader(true)\n dispatch(\n apiCall({\n url: ApiUrls.addLocation(),\n method,\n data,\n callback: res => onAddLocationResponse(res),\n }),\n );\n };\n\n\n const onAddLocationResponse = res => {\n setLoader(false)\n if (res.data && res.data.success && res.data.data) {\n setModal({\n show: true,\n success: true,\n redirect: true,\n bodyText: 'Éxito' || (id ? 'Éxito' : 'Éxito'),\n });\n } else if (!res.data.success && res.data.message) {\n setModal({ show: true, success: false, bodyText: res.data.message });\n } else {\n setModal({ show: true, success: false, bodyText: 'Fail' });\n }\n };\n\n return (\n \n
\n\n {loader ? ID
\n Operador
\n Tipo de servicio
\n Ubicación
\n Estatus
\n Observación de ubicación
\n Acción
\n \n \n onSelectChange(val, 'countryName')}\n placeholder={'Seleccione el país'}\n disabled={id ? true : false}\n options={countries}\n value={values.selectedCountry}\n error={values.selectedCountryError ? true : false}\n errorMessage={values.selectedCountryError ? values.selectedCountryError : null}\n />\n
\n \n onSelectChange(val, 'locationType')}\n placeholder={'Tipo de locación '}\n options={locationTypes}\n value={values.selectedLocationType}\n disabled={id ? true : false}\n error={values.selectedLocationTypeError ? true : false}\n errorMessage={\n values.selectedLocationTypeError\n ? values.selectedLocationTypeError\n : ''\n }\n />\n
\n\n {/* {this.state.selectedLocationType &&\n this.state.selectedLocationType.value == 'AIRPORT_TERMINAL' ? (\n \n onChange(val, 'locationName')}\n placeholder={'Nombre del lugar 1'}\n options={this.state.selectedAtTerminals}\n value={this.state.locationName}\n disabled={id ? true : false}\n error={this.state.locationNameError ? true : false}\n errorMessage={\n this.state.locationNameError ? this.state.locationNameError : ''\n }\n />\n
\n ) : ( */}\n \n onChange(text, 'locationName')}\n onBlur={text => onBlur(text, 'locationName')}\n />\n
\n {/* )} */}\n\n \n onSelectChange(val, 'stateName')}\n placeholder={'Seleccione la región'}\n options={states}\n value={values.selectedState}\n disabled={id ? true : false}\n error={values.selectedStateError ? true : false}\n errorMessage={values.selectedStateError ? values.selectedStateError : ''}\n />\n
\n \n onChange(text, 'address')}\n onBlur={text => onBlur(text, 'address')}\n />\n
\n\n \n onChange(text, 'locationRemark')}\n onBlur={text => onBlur(text, 'locationRemark')}\n />\n
\n\n \n \n \n {id ? 'Actualizar ubicación' : 'Crear ubicación'}\n \n \n
\n\n \n
: null\n }\n \n );\n}\n\n\nexport default AddPlatformLocation;\n","import React, { useEffect, useRef, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { ActionButtons, AddButton, KuposErrorSuccessModal, KuposListLoader, KuposModalWithButtons } from '../common';\nimport ApiUrls from '../../services/apiUrls';\nimport { apiCall } from './redux/apiCall';\nimport { Snackbar } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\n\nconst modalInitialState = {\n show: false,\n success: false,\n bodyText: null,\n};\n\nconst AllCancellationPolicies = () => {\n const dispatch = useDispatch();\n const onResponse = useRef(() => { });\n const [fetch, setFetch] = useState(false);\n const [list, setList] = useState([]);\n const [modal, setModal] = useState(modalInitialState);\n const [selectedViewItem, setSelectedViewItem] = useState('');\n const [loader, setLoader] = useState(true);\n const [snackbar, setSnackbar] = useState({});\n\n useEffect(() => {\n dispatch(apiCall({ url: ApiUrls.addCancellationPolicy(), callback: res => onResponse.current(res) }));\n }, [dispatch, fetch]);\n\n onResponse.current = res => {\n setLoader(false);\n if (res && res.data && res.data.success) {\n setList(res.data.data);\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n const renderItem = (val, i) => {\n return (\n \n {/* setSelectedViewItem(null)}\n >\n {selectedViewItem && selectedViewItem.id ? (\n setModal(modalInitialState)}\n onButtonClick2={deleteItem}\n showButton1={true}\n showButton2={true}\n showModal={modal.showDeleteModal}\n onHide={() => setModal(modalInitialState)}\n >\n \n Esta asignada la caja? \n {\n setCounterAssigned(e.target.value);\n }}\n >\n \n\n {\n setModal({ ...modal, show: false });\n if (modal.redirect) {\n history.goBack();\n }\n }}\n />\n
\n );\n};\n\nexport default AddClientScreen;\n","import React, { useEffect, useState } from 'react';\nimport { useRef } from 'react';\nimport { useDispatch } from 'react-redux';\nimport ApiUrls from '../../../services/apiUrls';\nimport { apiCall } from '../redux/apiCall';\nimport { KuposButton, KuposModalWithButtons } from '../../common';\nimport { DropdownComponent } from '../../common/DropdownComponent';\n\nconst ClientsScreen = ({ history }) => {\n const dispatch = useDispatch();\n const onResponse = useRef(() => {});\n const [clients, setClients] = useState([]);\n const [selectedClient, setSelectedClient] = useState('');\n\n useEffect(() => {\n dispatch(\n apiCall({\n url: ApiUrls.clients(),\n callback: res => onResponse.current(res),\n }),\n );\n }, [dispatch]);\n\n onResponse.current = res => {\n console.log({ res });\n if (res && res.data && res.data.success) {\n setClients(res.data.data);\n // console.log('-------------------', res.data.data.reverse());\n }\n };\n\n const renderItem = (val, i) => {\n // console.log('value is--------', val);\n\n return (\n */}\n \n setModal({\n showDeleteModal: true,\n selectedItemName: val.name,\n selectedItemId: val.id,\n itemToDelete: val,\n })\n }\n />\n\n
\n );\n };\n\n const renderViewModal = () => {\n return (\n {val.id}
\n {val.client_code}
\n {val.service_type}
\n {val.policy_name}
\n {/* {val.hours_before}
*/}\n {val.percentage}
\n {val.status}
\n {/* {val.remark}
*/}\n \n
\n ) : null}\n \n );\n };\n\n const renderDeleteModal = () => {\n return (\n Politicas de cancelación
\n\n
\n Operador:
\n {selectedViewItem.client_code}
\n \n
\n Referencia de la política:
\n {selectedViewItem.policy_name}
\n \n
\n Seleccione un servicio:
\n {selectedViewItem.service_type}
\n \n
\n Porcentaje:
\n {selectedViewItem.percentage}
\n \n
\n Horas límite de cancelación:
\n {selectedViewItem.hours_before}
\n \n
\n Minutos del plazo de cancelación:
\n \n {selectedViewItem.minutes_before}\n
\n \n
\n Costo administrativo:
\n {selectedViewItem.admin_cost}
\n \n
\n Comentario:
\n {selectedViewItem.remark}
\n \n
\n Estado:
\n {selectedViewItem.status}
\n \n
\n \n );\n };\n\n const deleteItem = () => {\n let data = {\n id: modal.itemToDelete.id,\n admin_cost: parseFloat(modal.itemToDelete.admin_cost),\n calculation_type: modal.itemToDelete.calculation_type,\n client_code: modal.itemToDelete.client_code,\n created_by: modal.itemToDelete.created_by,\n created_on: modal.itemToDelete.created_on,\n days_before: modal.itemToDelete.days_before,\n fixed_rate: modal.itemToDelete.fixed_rate,\n hours_before: Number(modal.itemToDelete.hours_before),\n interval_in_ticks: modal.itemToDelete.interval_in_ticks,\n last_updated_by: modal.itemToDelete.last_updated_by,\n last_updated_on: modal.itemToDelete.last_updated_on,\n max_amount: modal.itemToDelete.max_amount,\n min_amount: modal.itemToDelete.min_amount,\n minutes_before: Number(modal.itemToDelete.minutes_before),\n percentage: parseFloat(modal.itemToDelete.percentage),\n policy_name: modal.itemToDelete.policy_name,\n remark: modal.itemToDelete.remark,\n service_type: modal.itemToDelete.service_type,\n status: modal.itemToDelete.status,\n };\n\n dispatch(\n apiCall({\n url: ApiUrls.addCancellationPolicy(),\n method: 'DELETE',\n data,\n callback: res => onDeleteResponse(res),\n }),\n );\n\n };\n\n const onDeleteResponse = res => {\n if (res.data && res.data.success) {\n setModal({ show: true, success: true, bodyText: 'Eliminación exitosa' });\n setFetch(!fetch);\n } else {\n setModal({ show: true, success: false, bodyText: res.data.message });\n }\n };\n\n return (\n \n ¿Esta seguro de que desea eliminar {modal.selectedItemName}\"?\n
\n\n {\n setModal(modalInitialState);\n }}\n />\n setSnackbar({ showSnackbar: false })}\n >\n setSnackbar({ showSnackbar: false })} severity=\"error\">\n {snackbar.alertMessage}\n \n \n
\n );\n}\n\n\nexport default AllCancellationPolicies;\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport {\n DropdownComponent,\n KuposButton,\n KuposErrorSuccessModal,\n KuposInput,\n KuposTimePicker,\n} from '../common';\nimport ApiUrls from '../../services/apiUrls';\nimport CommonService from '../../services/commonService';\nimport Loader from 'react-loader-spinner';\nimport { Snackbar } from '@material-ui/core';\nimport { apiCall } from './redux/apiCall';\nimport { Alert } from '@material-ui/lab';\n\n\nconst modalInitialState = {\n show: false,\n success: false,\n bodyText: null,\n};\nconst initialState = {\n services: [],\n bookingThreshold: '00:00',\n adminCost: '0',\n policyName: '',\n percentage: '',\n remarks: '',\n}\nconst AddCancellationPolicy = ({ history, match }) => {\n const dispatch = useDispatch();\n const [values, setValues] = useState(initialState);\n const [modal, setModal] = useState(modalInitialState);\n const [loader, setLoader] = useState(true);\n const [snackbar, setSnackbar] = useState({});\n const [count, setCount] = useState('')\n\n const id = match.params ? Number(match.params.id) : null;\n console.log(values)\n // redirecting back if data not found using timer\n useEffect(() => {\n let interval\n if (count) {\n interval = setInterval(() => {\n setCount((currentCount) => --currentCount)\n }, 1000);\n }\n // Redirect once the count is === 1\n count === 1 && history.push('/cancellation-policies');\n // CleanUp\n return () => clearInterval(interval)\n }, [count, history])\n\n useEffect(() => {\n if (id) {\n getPolicyList();\n } else {\n setLoader(false)\n }\n getServiceList();\n // eslint-disable-next-line\n }, [id])\n\n const getServiceList = () => dispatch(apiCall({ url: ApiUrls.getServices(), callback: res => getServiceListResponse(res) }))\n const getServiceListResponse = (res) => {\n if (res && res.data && res.data.success) {\n let services = [];\n res.data.data.map(service => {\n services.push({ value: service.id, label: service.name });\n });\n setValues({ ...values, services })\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n const getPolicyList = () => dispatch(apiCall({ url: ApiUrls.addCancellationPolicy(), callback: res => getPolicyListResponse(res) }));\n const getPolicyListResponse = (res) => {\n setLoader(false)\n // console.log('+++ Result from all countries api', res);\n if (res && res.data && res.data.success) {\n const found = res.data.data.find(f => f.id === id);\n if (found) {\n console.log({ found });\n getParticularPolicy(found);\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Record not found'\n });\n setCount(5)\n }\n } else if (res && res.data && !res.data.success) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: res.data.message ? res.data.message : 'Failure'\n });\n } else {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage: 'Check Your Internet Connection'\n });\n }\n };\n\n\n const getParticularPolicy = (element) => {\n console.log(' particuar service item is', element);\n setValues({\n ...values,\n policyToEdit: element,\n policyName: element.policy_name,\n selectedService: [{ value: element.service_type, label: element.service_type }],\n percentage: element.percentage,\n bookingThreshold: element.hours_before + ':' + element.minutes_before,\n adminCost: element.admin_cost,\n remarks: element.remark,\n });\n };\n\n const onChange = (val, type) => {\n switch (type) {\n case 'policy_name':\n setValues({ ...values, policyName: val, policyNameError: null });\n break;\n case 'bookingThreshold':\n setValues({ ...values, bookingThreshold: val, bookingThresholdError: null });\n break;\n case 'percentage':\n setValues({ ...values, percentage: val, percentageError: null });\n break;\n case 'adminCost':\n setValues({ ...values, adminCost: val, adminCostError: null });\n break;\n case 'remark':\n setValues({ ...values, remarks: val, remarksError: null });\n break;\n }\n };\n\n const onServiceChange = val => {\n console.log('selected service is', val);\n setValues({ ...values, selectedService: val, selectedServiceError: null });\n };\n\n const onBlur = () => { };\n\n const validate = () => {\n if (!values.policyName) {\n setValues({\n ...values,\n policyNameError: 'La referencia de la política es requerido',\n });\n return false;\n }\n\n if (!values.selectedService) {\n setValues({\n ...values, selectedServiceError: 'Seleccione un servicio',\n });\n return false;\n }\n\n if (!values.bookingThreshold) {\n setValues({\n ...values,\n bookingThresholdError: 'Hours before is required',\n });\n return false;\n }\n\n if (!values.percentage) {\n setValues({\n ...values,\n percentageError: 'El porcentaje es requerido',\n });\n return false;\n }\n if (!values.adminCost) {\n setValues({\n ...values,\n adminCostError: 'admin cost is required',\n\n });\n return false;\n }\n if (!values.remarks) {\n setValues({\n ...values,\n remarksError\n : 'Ingrese un comentarios',\n\n });\n return false;\n }\n\n return true;\n };\n\n const createOrUpdate = () => {\n if (!validate()) {\n return;\n }\n\n let data, method = 'POST';\n\n if (id) {\n method = 'PUT'\n data = {\n id: values.policyToEdit.id,\n admin_cost: parseFloat(values.adminCost),\n calculation_type: values.policyToEdit.calculation_type,\n client_code: values.policyToEdit.client_code,\n created_by: values.policyToEdit.created_by,\n created_on: values.policyToEdit.created_on,\n days_before: values.policyToEdit.days_before,\n fixed_rate: values.policyToEdit.fixed_rate,\n hours_before: Number(values.bookingThreshold.split(':')[0]),\n interval_in_ticks: CommonService.getSecondsFromTime(values.bookingThreshold),\n last_updated_by: values.policyToEdit.last_updated_by,\n last_updated_on: values.policyToEdit.last_updated_on,\n max_amount: values.policyToEdit.max_amount,\n min_amount: values.policyToEdit.min_amount,\n minutes_before: Number(values.bookingThreshold.split(':')[1]),\n percentage: parseFloat(values.percentage),\n policy_name: values.policyToEdit.policy_name,\n remark: values.remarks,\n service_type: values.policyToEdit.service_type,\n status: values.policyToEdit.status,\n }\n } else {\n data = {\n policy_name: values.policyName,\n service_type: values.selectedService.label,\n hours_before: Number(values.bookingThreshold.split(':')[0]),\n minutes_before: Number(values.bookingThreshold.split(':')[1]),\n interval_in_ticks: CommonService.getSecondsFromTime(values.bookingThreshold),\n percentage: parseFloat(values.percentage),\n admin_cost: parseFloat(values.adminCost),\n remark: values.remarks,\n }\n }\n\n\n setLoader(true)\n dispatch(\n apiCall({\n url: ApiUrls.addCancellationPolicy(),\n method,\n data,\n callback: res => onAddPolicyResponse(res),\n }),\n );\n\n };\n\n const onAddPolicyResponse = res => {\n setLoader(false)\n if (res.data && res.data.success && res.data.data) {\n setModal({\n show: true,\n success: true,\n redirect: true,\n bodyText: 'Éxito' || (id ? 'Éxito' : 'Éxito'),\n });\n } else if (!res.data.success && res.data.message) {\n setModal({ show: true, success: false, bodyText: res.data.message });\n } else {\n setModal({ show: true, success: false, bodyText: 'Fail' });\n }\n };\n\n return (\n \n
\n\n {loader ? ID
\n Operador
\n Nombre del servicio
\n Referencia de la política
\n {/* Hours Before
*/}\n Porcentaje
\n Estado
\n Acciones
\n \n {\n setModal(modalInitialState);\n if (modal.redirect) {\n history.goBack();\n }\n }}\n bodyText={modal.bodyText}\n />\n\n setSnackbar({ showSnackbar: false })}\n >\n setSnackbar({ showSnackbar: false })} severity=\"error\">\n {snackbar.alertMessage} \n {count\n &&\n `we are redirecting you back in ${count} seconds`\n }\n \n \n {loader ?\n
\n );\n}\n\nexport default AddCancellationPolicy;\n","import React, { useEffect, useRef, useState } from 'react';\nimport { CKEditor } from '@ckeditor/ckeditor5-react';\nimport ClassicEditor from '@ckeditor/ckeditor5-build-classic';\nimport { useDispatch } from 'react-redux';\nimport { apiCall } from './redux/apiCall';\nimport Select from 'react-select';\nimport { DropdownComponent, KuposButton, KuposErrorSuccessModal, KuposInput } from '../common';\nimport ApiUrls from '../../services/apiUrls';\nimport { FormControl, FormControlLabel, FormLabel, Radio, RadioGroup } from '@material-ui/core';\nimport DateService from '../../services/dateService';\n\nconst initialState = {\n id: '',\n name: '',\n address: '',\n contact_name: '',\n contact_email: '',\n contact_phone: '',\n status: '',\n logo_path: '',\n clientBanner: '',\n subdomain: '',\n email_bcc: '',\n terms: '',\n topupAmount: '',\n notificationThresholdAmount: '',\n firstName: '',\n lastName: '',\n loginEmail: '',\n loginPassword: '',\n confirmLoginPassword: '',\n role: '',\n};\n\nconst modalInitialState = {\n show: false,\n success: false,\n bodyText: '',\n};\n\nconst errorState = {};\n\nconst AddClientScreen = ({ history, match }) => {\n const dispatch = useDispatch();\n const onResponse = useRef(() => {});\n const [values, setValues] = useState(initialState);\n const [errors, setErrors] = useState(errorState);\n const [modal, setModal] = useState(modalInitialState);\n const [terms, setTerms] = useState('');\n const [buttonLoader, setButtonLoader] = useState(false);\n const [status, setStatus] = useState('');\n const [counterAssigned, setCounterAssigned] = useState('no');\n const [roles, setRoles] = useState([]);\n const [role, setRole] = useState([]);\n const [statuses, setStatuses] = useState([]);\n\n console.log({ values, terms, status, errors, counterAssigned, roles, statuses, role });\n\n const id = match.params ? parseInt(match.params.id) : null;\n\n useEffect(() => {\n if (id) {\n dispatch(\n apiCall({\n url: ApiUrls.clients(id),\n callback: res => onResponse.current(res),\n }),\n );\n }\n }, [dispatch, id]);\n\n onResponse.current = res => {\n console.log('+++response is', res);\n if (res && res.data && res.data.success) {\n const data = res.data.data;\n setValues(data);\n setTerms(data.terms);\n setStatus([{ value: data.status, label: data.status }]);\n }\n };\n\n useEffect(() => {\n dispatch(\n apiCall({\n url: ApiUrls.getMasterTypeData(),\n callback: res => onMasterDataResponse(res),\n }),\n );\n }, [dispatch]);\n\n const onMasterDataResponse = res => {\n if (res && res.data && res.data.success) {\n const data = res.data.data;\n let types = data.map(item => ({ value: item.value, label: item.value }));\n setStatuses(types);\n }\n };\n\n useEffect(() => {\n dispatch(\n apiCall({\n url: ApiUrls.getPlatformRolesList(),\n callback: res => onRoleResponse(res),\n }),\n );\n }, [dispatch]);\n\n const onRoleResponse = res => {\n if (res && res.data && res.data.success) {\n const data = res.data.data;\n let roles = data.map(role => ({ value: role.id, label: role.value }));\n setRoles(roles);\n }\n };\n\n const onChange = (val, type) => {\n setValues({ ...values, [type]: val });\n };\n\n const onBlur = () => {};\n\n const validate = () => {\n let errors = 0;\n setErrors(errorState);\n if (!values.name) {\n setErrors({ ...errors, nameError: 'Requerido' });\n errors++;\n return;\n }\n\n if (!values.address) {\n setErrors({ ...errors, addressError: 'Requerido' });\n errors++;\n return;\n }\n\n if (!values.status) {\n setErrors({ ...errors, statusError: 'Requerido' });\n errors++;\n return;\n }\n\n if (!values.contact_name) {\n setErrors({ ...errors, contact_nameError: 'Requerido' });\n errors++;\n return;\n }\n\n if (!values.contact_email) {\n setErrors({ ...errors, contact_emailError: 'Requerido' });\n errors++;\n return;\n }\n\n if (!values.contact_phone) {\n setErrors({ ...errors, contact_phoneError: 'Requerido' });\n errors++;\n return;\n }\n\n if (!values.logo_path) {\n setErrors({ ...errors, logo_pathError: 'Requerido' });\n errors++;\n return;\n }\n\n if (!values.clientBanner) {\n setErrors({ ...errors, clientBannerError: 'Requerido' });\n errors++;\n return;\n }\n\n if (!values.topupAmount) {\n setErrors({ ...errors, topupAmountError: 'Requerido' });\n errors++;\n return;\n }\n\n if (!values.notificationThresholdAmount) {\n setErrors({ ...errors, notificationThresholdAmountError: 'Requerido' });\n errors++;\n return;\n }\n\n if (!values.subdomain) {\n setErrors({ ...errors, subDomainError: 'Requerido' });\n errors++;\n return;\n }\n\n if (!values.email_bcc) {\n setErrors({ ...errors, EmailbccError: 'Requerido' });\n errors++;\n return;\n }\n\n if (!terms) {\n setErrors({ ...errors, termsError: 'Requerido' });\n errors++;\n return;\n }\n\n if (!values.firstName) {\n setErrors({ ...errors, firstNameError: 'Requerido' });\n errors++;\n return;\n }\n\n if (!values.lastName) {\n setErrors({ ...errors, lastNameError: 'Requerido' });\n errors++;\n return;\n }\n\n if (!values.loginEmail) {\n setErrors({ ...errors, loginEmailError: 'Requerido' });\n errors++;\n return;\n }\n\n if (!values.loginPassword) {\n setErrors({ ...errors, loginPasswordError: 'Requerido' });\n errors++;\n return;\n }\n\n if (!values.confirmLoginPassword) {\n setErrors({ ...errors, confirmLoginPasswordError: 'Requerido' });\n errors++;\n return;\n }\n\n if (values.loginPassword != values.confirmLoginPassword) {\n setErrors({\n ...errors,\n confirmLoginPasswordError: 'Password and confirm password does not match',\n });\n errors++;\n return;\n }\n\n if (role.length == 0) {\n setErrors({ ...errors, roleError: 'Requerido' });\n errors++;\n return;\n }\n\n if (errors > 0) {\n return false;\n } else {\n return true;\n }\n };\n\n const createOrUpdate = () => {\n if (!validate()) {\n return;\n }\n\n let rolesString = '';\n role &&\n role.map(val => {\n rolesString = rolesString + (rolesString ? ',' : '') + val.label;\n });\n\n let data = {\n basic_info: {\n type: values.status,\n name: values.name,\n address: values.address,\n contact_name: values.contact_name,\n contact_email: values.contact_email,\n contact_phone: values.contact_phone,\n password: values.loginPassword,\n created_on: `${DateService.getTodayString(\n 'yyyy-mm-dd',\n )} ${DateService.getCurrentHour()}:${DateService.getCurrentMinute()} `, // YYYY-MM-DD HH:MM\n },\n\n CustomizationInfo: {\n logo_path: values.logo_path,\n banner_path: values.clientBanner,\n subdomain: values.subdomain,\n email_bcc: values.email_bcc,\n terms: terms,\n },\n\n AuthInfo: {\n is_counter_available: counterAssigned == 'no' ? 0 : 1, // 0 or 1\n topup_amount: values.topupAmount,\n threshold_balance: values.notificationThresholdAmount,\n notify_threshold_amount: values.notificationThresholdAmount,\n },\n\n super_user_info: {\n first_name: values.firstName,\n last_name: values.lastName,\n login_email: values.loginEmail,\n login_password: values.loginPassword,\n confirm_password: values.confirmLoginPassword,\n // client_roles: values.role,\n client_roles: rolesString,\n },\n };\n\n // console.log(\"++++data to send \",data)\n // return\n\n setButtonLoader(true);\n dispatch(\n apiCall({\n url: ApiUrls.clients(),\n data,\n method: 'POST',\n callback: res => onAddResponse(res),\n }),\n );\n };\n\n const onAddResponse = res => {\n // console.log({ res });\n setButtonLoader(false);\n if (res && res.data && res.data.success) {\n setModal({\n show: true,\n success: true,\n bodyText: 'Éxito',\n redirect: true,\n });\n } else {\n setModal({\n show: true,\n success: false,\n bodyText: res.data.message ? res.data.message : 'Error',\n });\n }\n };\n\n return (\n \n onChange(text, 'policy_name')}\n onBlur={text => onBlur(text, 'policy_name')}\n />\n
\n\n \n onServiceChange(val)}\n placeholder={'Nombre del servicio'}\n label=\"Nombre del servicio\"\n disabled={id ? true : false}\n options={values.services}\n value={values.selectedService}\n error={values.selectedServiceError ? true : false}\n errorMessage={\n values.selectedServiceError ? values.selectedServiceError : null\n }\n />\n
\n\n \n {'Tiempo límite de cancelación (HH:MM)'}\n onChange(val, 'bookingThreshold')}\n error={values.bookingThresholdError ? true : false}\n errorMessage={values.bookingThresholdError}\n placeholder={'00:00'}\n hideAmPm\n not24Hours\n leftPadding={35}\n />\n
\n\n \n onChange(text, 'percentage')}\n onBlur={text => onBlur(text, 'percentage')}\n />\n
\n\n \n onChange(text, 'adminCost')}\n onBlur={text => onBlur(text, 'adminCost')}\n />\n
\n\n \n onChange(text, 'remark')}\n onBlur={text => onBlur(text, 'remark')}\n />\n
\n\n \n \n {id ? 'Actualizar' : 'Crear'}\n \n
\n\n \n
: null\n }\n \n
\n\n \n {match.params && match.params.id ? 'Update Client' : 'Agregar cliente'}\n
\nInformación básica
\n\n
\n \n onChange(val, 'name')}\n onBlur={text => onBlur(text)}\n />\n
\n\n \n onChange(val, 'address')}\n onBlur={text => onBlur(text)}\n />\n
\n\n \n {\n setStatus(val);\n setValues({ ...values, status: val.value });\n }}\n placeholder={'Tipo'}\n label={'Tipo'}\n value={status}\n options={statuses}\n error={errors.statusError ? true : false}\n errorMessage={errors.statusError ? errors.statusError : ''}\n />\n
\n \n
\n\n \n onChange(val, 'contact_name')}\n onBlur={text => onBlur(text)}\n />\n
\n\n \n onChange(val, 'contact_email')}\n onBlur={text => onBlur(text)}\n />\n
\n\n \n onChange(val, 'contact_phone')}\n onBlur={text => onBlur(text)}\n />\n
\n Información
\n\n
\n\n \n onChange(val, 'logo_path')}\n onBlur={text => onBlur(text)}\n />\n
\n\n \n onChange(val, 'clientBanner')}\n onBlur={text => onBlur(text)}\n />\n
\n\n \n onChange(val, 'subdomain')}\n onBlur={text => onBlur(text)}\n />\n
\n \n onChange(val, 'email_bcc')}\n onBlur={text => onBlur(text)}\n />\n
\n \n \n {\n // You can store the \"editor\" and use when it is needed.\n // console.log(\n // 'Editor is ready to use!',\n // editor\n // );\n }}\n onChange={(___, editor) => {\n // console.log(editor);\n let data = editor.getData();\n setTerms(data);\n }}\n // onBlur={(event, editor) => {\n // console.log('Blur.', editor);\n // }}\n // onFocus={(event, editor) => {\n // console.log('Focus.', editor);\n // }}\n />\n
\n\n {errors.termsError && {errors.termsError}}\n Términos y condiciones
\n\n
\n\n \n onChange(val, 'topupAmount')}\n onBlur={text => onBlur(text)}\n />\n
\n\n \n onChange(val, 'notificationThresholdAmount')}\n onBlur={text => onBlur(text)}\n />\n
\n Información de encargado
\n\n\n
\n\n \n onChange(val, 'firstName')}\n onBlur={text => onBlur(text)}\n />\n
\n\n \n onChange(val, 'lastName')}\n onBlur={text => onBlur(text)}\n />\n
\n \n
\n\n \n onChange(val, 'loginEmail')}\n onBlur={text => onBlur(text)}\n />\n
\n\n \n onChange(val, 'loginPassword')}\n onBlur={text => onBlur(text)}\n />\n
\n \n
\n\n \n onChange(val, 'confirmLoginPassword')}\n onBlur={text => onBlur(text)}\n />\n
\n\n \n Rol\n {\n setRole(val);\n setValues({ ...values, role: val.label });\n }}\n placeholder={'Rol'}\n options={roles}\n value={role}\n isMulti={true}\n error={errors.roleError ? true : false}\n errorMessage={errors.roleError ? errors.roleError : ''}\n />\n
\n \n \n \n {buttonLoader ? (\n \n ) : match.params && match.params.id ? (\n 'Update Client'\n ) : (\n 'Agregar cliente'\n )}\n \n \n
\n\n \n window.open(`http://${val.subdomain}`, '_blank')}\n className=\"sm:w-full md:w-3/6 text-center cursor-pointer text-info\"\n >\n {val.subdomain}\n
\n {val.id}
\n {val.name}
\n\n {val.status}
\n \n setSelectedClient(val)}>\n Ver \n \n history.push('/clients/' + val.id + '/edit')}>\n Editar\n \n
\n \n );\n };\n\n const renderViewModal = () => {\n return (\n \n
\n ) : null}\n \n );\n };\n\n return (\n Cliente
\n\n
\n\n Nombre:
\n {selectedClient.name}
\n \n
\n\n Email:
\n {selectedClient.contact_email}
\n \n
\n Dirección:
\n {selectedClient.address}
\n \n
\n Estatus:
\n {selectedClient.status}
\n \n {/*
\n\n
\n );\n};\n\nexport default ClientsScreen;\n","import React, { useEffect, useRef, useState } from 'react';\nimport { KuposButton, KuposInput, KuposErrorSuccessModal } from '../../common';\nimport { CKEditor } from '@ckeditor/ckeditor5-react';\nimport ClassicEditor from '@ckeditor/ckeditor5-build-classic';\nimport { useDispatch } from 'react-redux';\nimport ApiUrls from '../../../services/apiUrls';\nimport { apiCall } from '../redux/apiCall';\nimport { DropdownComponent } from '../../common/DropdownComponent';\n\nconst initialState = {\n id: '',\n name: '',\n address: '',\n contact_name: '',\n contact_email: '',\n contact_phone: '',\n status: '',\n primary_color: '',\n secondary_color: '',\n primary_text_color: '',\n secondary_text_color: '',\n subdomain: '',\n main_domain: '',\n email_cc: '',\n email_bcc: '',\n terms: '',\n};\n\nconst modalInitialState = {\n show: false,\n success: false,\n bodyText: '',\n};\n\nconst errorState = {};\n\nconst statuses = [\n {\n id: 0,\n value: 'ACTIVE',\n label: 'ACTIVE',\n },\n {\n id: 1,\n value: 'INACTIVE',\n label: 'INACTIVE',\n },\n];\n\nconst EditClientScreen = ({ history, match }) => {\n const dispatch = useDispatch();\n const onResponse = useRef(() => {});\n const [values, setValues] = useState(initialState);\n const [errors, setErrors] = useState(errorState);\n const [modal, setModal] = useState(modalInitialState);\n const [terms, setTerms] = useState('');\n const [buttonLoader, setButtonLoader] = useState(false);\n const [status, setStatus] = useState('');\n // const [opStatus, setOpStatus] = useState('');\n\n console.log({ values, terms, status });\n\n const id = match.params ? parseInt(match.params.id) : null;\n\n useEffect(() => {\n if (id) {\n dispatch(\n apiCall({\n url: ApiUrls.clients(id),\n callback: res => onResponse.current(res),\n }),\n );\n }\n }, [dispatch, id]);\n\n onResponse.current = res => {\n // console.log({ res });\n if (res && res.data && res.data.success) {\n const data = res.data.data;\n setValues(data);\n setTerms(data.terms);\n setStatus([{ value: data.status, label: data.status }]);\n // console.log('-----------------what', found);\n }\n };\n\n const onChange = (val, type) => {\n setValues({ ...values, [type]: val });\n };\n\n const onBlur = () => {};\n\n const validate = () => {\n let errors = 0;\n setErrors(errorState);\n if (!values.name) {\n setErrors({ ...errors, nameError: 'Required' });\n errors++;\n return;\n }\n\n if (!values.address) {\n setErrors({ ...errors, addressError: 'Required' });\n errors++;\n return;\n }\n\n if (!values.contact_name) {\n setErrors({ ...errors, contactNameError: 'Required' });\n errors++;\n return;\n }\n\n if (!values.contact_email) {\n setErrors({ ...errors, contactEmailError: 'Required' });\n errors++;\n return;\n }\n\n // if (!values.contact_phone) {\n // setErrors({ ...errors, contactPhoneError: 'Required' });\n // errors++;\n // return;\n // }\n\n if (!values.status) {\n setErrors({ ...errors, statusError: 'Required' });\n errors++;\n return;\n }\n\n // if (!values.primary_color) {\n // setErrors({ ...errors, primaryColorError: 'Required' });\n // errors++;\n // return;\n // }\n\n // if (!values.secondary_color) {\n // setErrors({ ...errors, secondaryColorError: 'Required' });\n // errors++;\n // return;\n // }\n\n // if (!values.primary_text_color) {\n // setErrors({ ...errors, primaryTextColorError: 'Required' });\n // errors++;\n // return;\n // }\n\n // if (!values.secondary_text_color) {\n // setErrors({ ...errors, secondaryColorError: 'Required' });\n // errors++;\n // return;\n // }\n\n if (!values.subdomain) {\n setErrors({ ...errors, subDomainError: 'Required' });\n errors++;\n return;\n }\n\n // if (!values.main_domain) {\n // setErrors({ ...errors, mainDomainError: 'Required' });\n // errors++;\n // return;\n // }\n\n // if (!values.email_cc) {\n // setErrors({ ...errors, EmailccError: 'Required' });\n // errors++;\n // return;\n // }\n\n if (!values.email_bcc) {\n setErrors({ ...errors, EmailbccError: 'Required' });\n errors++;\n return;\n }\n\n if (!terms) {\n setErrors({ ...errors, termsError: 'Required' });\n errors++;\n return;\n }\n\n if (errors > 0) {\n return false;\n } else {\n return true;\n }\n };\n\n const createOrUpdate = () => {\n if (!validate()) {\n return;\n }\n let data = values;\n data.terms = terms;\n\n setButtonLoader(true);\n dispatch(\n apiCall({\n url: ApiUrls.clients(),\n data,\n method: 'PUT',\n callback: res => onUpdateResponse(res),\n }),\n );\n };\n\n const onUpdateResponse = res => {\n // console.log({ res });\n setButtonLoader(false);\n if (res && res.data && res.data.success) {\n setModal({\n show: true,\n success: true,\n bodyText: res.data.message ? res.data.message : 'Update Success',\n redirect: true,\n });\n } else {\n setModal({\n show: true,\n success: false,\n bodyText: res.data.message ? res.data.message : 'Error',\n });\n }\n };\n\n return (\n \n this.props.history.push('/locations/create')}\n >\n \n Add Client\n \n \n
*/}\n Clients
\n \n\n
\n history.push('/clients/create')}\n >\n \n Agregar cliente\n \n \n
\n Clients
\n \n
\n\n {((clients && clients) || []).length > 0\n ? clients\n .sort((x, y) => {\n return y.id - x.id;\n })\n .map((val, i) => renderItem(val, i))\n : null}\n\n {renderViewModal()}\n\n {/* {this.renderDeleteModal()} */}\n ID
\n Nombre
\n Estatus
\n Subdominio
\n Acciones
\n \n
\n\n Update Client
\n\n onChange(val, 'name')}\n onBlur={text => onBlur(text)}\n />\n
\n\n \n onChange(val, 'address')}\n onBlur={text => onBlur(text)}\n />\n
\n \n onChange(val, 'contact_name')}\n onBlur={text => onBlur(text)}\n />\n
\n\n \n onChange(val, 'contact_email')}\n onBlur={text => onBlur(text)}\n />\n
\n\n \n onChange(val, 'contact_phone')}\n onBlur={text => onBlur(text)}\n />\n
\n \n {\n setStatus(val);\n setValues({ ...values, status: val.value });\n }}\n placeholder={'Status'}\n value={status}\n options={statuses}\n error={errors.statusError ? true : false}\n errorMessage={errors.statusError ? errors.statusError : ''}\n />\n {/* onChange(val, 'status')}\n onBlur={text => onBlur(text)}\n /> */}\n
\n\n \n onChange(val, 'primary_color')}\n onBlur={text => onBlur(text)}\n />\n
\n\n \n onChange(val, 'secondary_color')}\n onBlur={text => onBlur(text)}\n />\n
\n \n onChange(val, 'primary_text_color')}\n onBlur={text => onBlur(text)}\n />\n
\n \n onChange(val, 'secondary_text_color')}\n onBlur={text => onBlur(text)}\n />\n
\n\n \n onChange(val, 'subdomain')}\n onBlur={text => onBlur(text)}\n />\n
\n \n onChange(val, 'main_domain')}\n onBlur={text => onBlur(text)}\n />\n
\n \n onChange(val, 'email_cc')}\n onBlur={text => onBlur(text)}\n />\n
\n\n \n onChange(val, 'email_bcc')}\n onBlur={text => onBlur(text)}\n />\n
\n \n \n {\n // You can store the \"editor\" and use when it is needed.\n // console.log(\n // 'Editor is ready to use!',\n // editor\n // );\n }}\n onChange={(___, editor) => {\n // console.log(editor);\n let data = editor.getData();\n setTerms(data);\n }}\n // onBlur={(event, editor) => {\n // console.log('Blur.', editor);\n // }}\n // onFocus={(event, editor) => {\n // console.log('Focus.', editor);\n // }}\n />\n
\n\n {errors.termsError && {errors.termsError}}\n \n \n \n {buttonLoader ? : 'Update'}\n \n \n
\n\n \n
\n
\n \n );\n};\n\nexport default TicketSearch;\n","import React, { useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport AppData from '../../../services/appData';\nimport DateService from '../../../services/dateService';\nimport { KuposHybridInput, KuposInput } from '../../common';\nimport { KuposAtCounter } from '../../common/KuposAtCounter';\nimport { KuposDateTimePicker } from '../../common/KuposDateTimePicker';\nimport { apiCall } from '../redux/apiCall';\nimport Loader from 'react-loader-spinner';\nimport { useEffect } from 'react';\nimport ApiUrls from '../../../services/apiUrls';\n\n\nconst SearchInput = ({\n values,\n setValues,\n setTicketData,\n setSelectedService,\n setSnackbar,\n callApiAgain,\n setCallApiAgain,\n}) => {\n const dispatch = useDispatch();\n const [showLoader, setShowLoader] = useState(false);\n const [selectedAtTerminals, setSelectedAtTerminals] = useState(false);\n const [showAtCounter, setShowAtCounter] = useState(false);\n console.log({ selectedAtTerminals });\n\n useEffect(() => {\n if (callApiAgain) {\n searchTransfer();\n }\n // eslint-disable-next-line\n }, [callApiAgain]);\n\n useEffect(() => {\n getAtTerminalList();\n // eslint-disable-next-line\n }, []);\n\n const getAtTerminalList = () => dispatch(apiCall({ url: ApiUrls.getAtTerminalList(), callback: res => getAtTerminalListResponse(res) }))\n\n\n const getAtTerminalListResponse = (res) => {\n\n console.log('+++response from atTerminals api is', res);\n if (res && res.data && res.data.success && res.data.data) {\n let atTerminals = [];\n res.data.data.map(atTerminal => {\n atTerminals.push({ value: atTerminal.airport_loc_id, label: atTerminal.airport_name });\n });\n setSelectedAtTerminals(atTerminals)\n }\n\n }\n\n\n\n const onTransferChange = (value, type) => {\n console.log('Value is ', type, value);\n const adult = values.selectedAdultKupos;\n const kid = values.selectedKidKupos;\n if (type === 'selectedServiceDirection') {\n setValues({ ...values, selectedServiceDirection: value });\n }\n else if (type === 'origin') {\n\n setValues({ ...values, origin: value, transferSourceCityError: null });\n }\n\n else if (type === 'destination') {\n\n setValues({ ...values, destination: value, transferDestinationCityError: null });\n }\n\n else if (type === 'kupos_adult') {\n setValues({\n ...values,\n selectedAdultKupos: value < 1 ? 1 : value,\n selectedKupos: value < 1 ? 1 : value + kid,\n });\n } else if (type === 'kupos_kid') {\n setValues({\n ...values,\n selectedKidKupos: value < 1 ? 0 : value,\n selectedKupos: adult + value,\n });\n } else if (type === 'kupos_infant') {\n setValues({\n ...values,\n selectedInfantKupos: value < 1 ? 0 : value,\n });\n } else {\n setValues({ ...values, [type]: value, [type + 'Error']: null });\n }\n };\n\n const validate = () => {\n if (!values.origin) {\n setValues({ ...values, transferSourceCityError: 'Seleccione la origen' });\n return false;\n }\n if (!values.destination) {\n setValues({ ...values, transferDestinationCityError: 'Seleccione la destino' });\n return false;\n }\n if (!values.selectedDate) {\n setValues({ ...values, selectedDateTimeError: 'select both time and date' });\n return false;\n }\n if (!values.selectedTime) {\n setValues({ ...values, selectedDateTimeError: 'select both time and date' });\n return false;\n }\n return true;\n };\n\n const searchTransfer = () => {\n if (!validate()) {\n console.log('Validation failed ');\n return;\n }\n\n let trfrType = 0;\n if (values.origin.value) {\n trfrType = 1;\n } else if (values.destination.value) {\n trfrType = 2;\n }\n\n const date = DateService.getTimeInSeconds(\n DateService.changeDateFormat(values.selectedDate, 'dd-mm-yyyy', 'yyyy-mm-dd') +\n 'T' +\n values.selectedTime,\n );\n let currentUTC = DateService.getCurrentTimeUTC();\n let seats = Number(values.selectedAdultKupos) + Number(values.selectedKidKupos);\n\n\n const originLat = values.origin.location && values.origin.location ? values.origin.location.lat : values.origin.value;\n const originLon = values.origin.location && values.origin.location.lon ? values.origin.location.lon : values.origin.value;\n const destinationLat = values.destination.location && values.destination.location.lat ? values.destination.location.lat : values.destination.value;\n const destinationLon = values.destination.location && values.destination.location.lon ? values.destination.location.lon : values.destination.value;\n let originLocId = values.origin.value ? values.origin.value : 0;\n let destLocId = values.destination.value ? values.destination.value : 0;\n\n setValues({ ...values, ChoosenKupos: values.selectedKupos });\n setShowLoader(true);\n\n dispatch(\n apiCall({\n url:\n AppData.BASE_URL_V3 +\n `service_inventory/${originLat}/${originLon}/${originLocId}/${date}/${destinationLat}/${destinationLon}/${destLocId}/0/${seats}/${currentUTC}/${trfrType}`,\n callback: res => onServicePriceAPIResponse(res),\n }),\n );\n };\n\n const onServicePriceAPIResponse = result => {\n let noOfServices = [];\n setShowLoader(false);\n setCallApiAgain(false);\n console.log('Result from search api is-----', result);\n\n if (\n result &&\n result.data &&\n result.data.success &&\n result.data.data &&\n (result.data.data.onward_service_list || result.data.data.return_service_list)\n ) {\n result.data.data &&\n result.data.data.onward_service_list &&\n Object.keys(result.data.data.onward_service_list).forEach(element => {\n noOfServices.push({\n selected: false,\n });\n console.log('Elemet to push', element);\n });\n\n setTicketData({\n onwardServices: result.data.data.onward_service_list,\n returnServices: result.data.data.return_service_list,\n });\n setSelectedService(noOfServices);\n\n console.log('No of services', noOfServices);\n } else {\n setSelectedService(null);\n setSnackbar({\n showSnackbar: true,\n alertMessage:\n '¡Lo sentimos!\\n\\n Este servicio no está disponible en la fecha que seleccionada. Por favor intenta con otra fecha.',\n noResults:\n '¡Lo sentimos!Este servicio no está disponible en la fecha que seleccionada. Por favor intenta con otra fecha',\n });\n }\n };\n\n const onATInputBlur = (val, type) => {\n // setTimeout(() => {\n // if (type === 'origin') {\n // setValues({\n // ...values,\n // showOriginTerminalSuggestions: false,\n // // showDestinationTerminalSuggestions: false,\n // });\n // } else {\n // setValues({\n // ...values,\n // showDestinationTerminalSuggestions: false,\n // // showOriginTerminalSuggestions: false,\n // });\n // }\n // }, 300);\n };\n\n\n const onATInputFocus = (type, event) => {\n const setPickupTerminal = values.setPickupTerminal\n const setDestinationTerminal = values.setDestinationTerminal\n\n if (type === 'origin')\n setValues({\n ...values,\n showOriginTerminalSuggestions: true,\n showDestinationTerminalSuggestions: false,\n\n originType: setPickupTerminal ? 'text' : 'places',\n });\n else if (type === 'destination')\n setValues({\n ...values,\n showDestinationTerminalSuggestions: true,\n showOriginTerminalSuggestions: false,\n destinationType: setDestinationTerminal ? 'text' : 'places',\n // destinationReadonly: this.state.setPickupTerminal ? false : true,\n });\n };\n\n const eraseSelectedInput = type => {\n let val = '';\n const setDestinationTerminal = values.setDestinationTerminal\n const setPickupTerminal = values.setPickupTerminal\n\n switch (type) {\n case 'origin':\n setValues({\n ...values,\n atOriginText: val,\n origin: val,\n setPickupTerminal: null,\n airportChoosen: false,\n // airportChoosen: setDestinationTerminal ? true : false,\n originType: 'places',\n });\n // this.props.onTransferChange(val, 'origin');\n break;\n case 'destination':\n setValues({\n ...values,\n atDestinationText: val,\n destination: val,\n airportChoosen: false,\n // airportChoosen: setPickupTerminal ? true : false,\n destinationType: 'places',\n // destinationReadonly: false,\n setDestinationTerminal: null,\n });\n // this.props.onTransferChange(val, 'destination');\n break;\n }\n };\n\n const renderATTerminals = (val, key, type) => {\n console.log('+++ value , key and type is', val, key, type);\n return (\n \n
\n clickOnVenderPasaje()}\n >\n \n \n \n VENDER PASAJE\n
\n\n \n \n VENDER PASAJE\n \n onPnrChange(val)}\n onBlur={text => onBlur(text, 'pnr')}\n />\n
\n\n \n \n \n ![](\"../../../images/ticket-search.png\")
\n \n \n
\n \n \n onSelect(val, type)}>\n \n {/* */}\n {val.label}\n \n
\n );\n };\n const onSelect = (val, type) => {\n if (type == 'origin') {\n setValues({\n ...values,\n showOriginTerminalSuggestions: false,\n setPickupTerminal: val,\n atOriginText: val.label,\n originType: 'text',\n origin: val,\n airportChoosen: true,\n transferSourceCityError: null\n });\n\n // this.props.onTransferChange(val, 'origin');\n } else {\n setValues({\n ...values,\n showDestinationTerminalSuggestions: false,\n setDestinationTerminal: val,\n atDestinationText: val.label,\n destinationType: 'text',\n destination: val,\n airportChoosen: true,\n transferDestinationCityError: null\n });\n // this.props.onTransferChange(val, 'destination');\n }\n };\n return (\n <>\n */}\n {val.label}\n \n \n
\n \n\n
\n \n\n {showLoader ? (\n \n {'Origen'}\n\n setValues({ ...values, atOriginText: val, showOriginTerminalSuggestions: val ? false : true })}\n onBlur={val => onATInputBlur(val, 'origin')}\n onChange={val => onTransferChange(val, 'origin')}\n placeholder={'Origen'}\n icon={'/svgs/origin.svg'}\n error={values.transferSourceCityError ? true : false}\n errorMessage={values.transferSourceCityError ? values.transferSourceCityError : ''}\n height={40}\n fontSize=\"font11\"\n erasable={true}\n onFocus={event => onATInputFocus('origin', event)}\n eraseSelectedInput={() => eraseSelectedInput('origin')}\n // ref={'atOriginRef'}\n />\n {selectedAtTerminals &&\n values.showOriginTerminalSuggestions &&\n !values.airportChoosen && (\n
\n\n \n {selectedAtTerminals &&\n selectedAtTerminals\n .sort((a, b) => b.label.localeCompare(a.label))\n .map((val, key) => {\n return renderATTerminals(val, key, 'origin');\n })}\n
\n )}\n \n {'Destino'}\n setValues({ ...values, atDestinationText: val, showDestinationTerminalSuggestions: val ? false : true, })}\n onBlur={val => onATInputBlur(val, 'destination')}\n onChange={val => onTransferChange(val, 'destination')}\n placeholder={'Destino'}\n icon={'/svgs/deestination.svg'}\n error={values.transferDestinationCityError ? true : false}\n errorMessage={values.transferDestinationCityError ? values.transferDestinationCityError : ''}\n height={40}\n fontSize=\"font11\"\n erasable={true}\n onFocus={event => onATInputFocus('destination', event)}\n eraseSelectedInput={() => eraseSelectedInput('destination')}\n />\n\n {values.origin &&\n values.showDestinationTerminalSuggestions &&\n !values.airportChoosen && (\n
\n\n \n {selectedAtTerminals &&\n selectedAtTerminals\n .sort((a, b) => b.label.localeCompare(a.label))\n .map((val, key) => {\n return renderATTerminals(val, key, 'destination');\n })}\n
\n )}\n \n {'Ida'}\n onTransferChange(val, 'selectedDate')}\n onTimeChange={val => onTransferChange(val, 'selectedTime')}\n minDate={DateService.getTodayString()}\n // error={this.state.selectedDateError || this.state.selectedTimeError ? true : false}\n // errorMessage={this.state.selectedDateTimeError}\n // errorMessage={this.state.selectedDateTimeError}\n placeholder={DateService.getTodayString()}\n showOnSelect={values.showOnSelect}\n />\n
\n\n \n {'Vuelta(Opcional)'}\n onTransferChange(val, 'returnDate')}\n onTimeChange={val => onTransferChange(val, 'returnTime')}\n minDate={DateService.getTodayString()}\n optional={true}\n disabled={true}\n // // error={this.state.selectedDateError || this.state.selectedTimeError ? true : false}\n // // errorMessage={this.state.selectedDateTimeError}\n />\n
\n\n \n {'Cupos'}\n
\n\n setShowAtCounter(!showAtCounter)}>\n
\n {showAtCounter ? (\n \n
\n \n \n {values.selectedKupos}\n Pasajero\n \n
\n \n
\n setShowAtCounter(false)}>\n onTransferChange(val, 'kupos_adult')}\n kuposType={'kupos_adult'}\n borderBottom\n />\n\n onTransferChange(val, 'kupos_kid')}\n kuposType={'kupos_kid'}\n borderBottom\n />\n\n onTransferChange(val, 'kupos_infant')}\n kuposType={'kupos_infant'}\n />\n
\n ) : null}\n \n \n
\n \n
\n ) : null}\n \n );\n};\n\nexport default SearchInput;\n","import React, { useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport AppData from '../../../services/appData';\nimport CommonService from '../../../services/commonService';\nimport DateService from '../../../services/dateService';\nimport { KuposButton, KuposErrorSuccessModal, KuposInput, KuposRadio } from '../../common';\nimport { KuposDateTimePicker } from '../../common/KuposDateTimePicker';\nimport { BookingPaymentModel } from '../BookingPaymentModel';\nimport PrintTicket from '../printTicket';\nimport { apiCall } from '../redux/apiCall';\n\nconst CustomerDetails = ({ values, setValues, setSnackbar, selectedService, metaData }) => {\n const dispatch = useDispatch();\n const [modal, setModal] = useState({});\n\n\n const onBookingDetailsChange = (value, type) => {\n console.log(type, value);\n if (type === 'identity_value') {\n const type = 'RUT';\n setValues({\n ...values,\n identity_value: type === 'RUT' ? CommonService.formatRut(value) : value,\n identity_valueError: null,\n });\n } else if (type === 'phone') {\n setValues({ ...values, phone: CommonService.onlyNumbers(value), phoneError: null });\n } else {\n setValues({ ...values, [type]: value, [type + 'Error']: null });\n }\n };\n\n const onBookingDetailsBlur = (value, type) => {\n switch (type) {\n case 'identity_value':\n if (!CommonService.isRutValid(value)) {\n setValues({ ...values, identity_valueError: 'Ingrese un RUT' });\n }\n // make api call to get passenger information and autofill the fields\n dispatch(\n apiCall({\n url:\n AppData.BASE_URL_V1 + `agent/customerInfo/${values.docType}/${values.identity_value}`,\n callback: res => onPassengerInformationResponse(res),\n }),\n );\n\n break;\n case 'phone':\n if (value.length > 12) {\n setValues({ ...values, phoneError: 'Ingrese un número de teléfono válido' });\n }\n break;\n\n case 'email':\n if (!CommonService.isEMailValid(value)) {\n setValues({ ...values, emailError: 'Ingrese un correo electrónico válido' });\n }\n break;\n }\n };\n\n const onPassengerInformationResponse = res => {\n console.log({ res });\n if (res && res.data && res.data.success) {\n setValues({\n ...values,\n identity_value: res.data.data.identity_value,\n name: res.data.data.name,\n phone: res.data.data.phone,\n email: res.data.data.email,\n docType: res.data.data.identity_type,\n user_boading_address: res.data.data.address,\n phoneError: '',\n emailError: '',\n });\n }\n\n if (res && res.data && !res.data.success) {\n setValues({ ...values, name: '', phone: '', email: '', user_boading_address: '' });\n }\n };\n\n const getTotalPrice = (serviceType, priceType, price, serviceSeats) => {\n return priceType === 'PER_VEHICLE' ? price : price * values.ChoosenKupos;\n };\n\n const getBookingPrice = (serviceType, priceType, price, serviceSeats) => {\n // console.log('Price Type is', priceType);\n // return priceType === 'PER_VEHICLE' ? price * serviceSeats : price;\n return priceType === 'PER_VEHICLE' ? price : price;\n };\n\n const calculateCurrencyAmount = () => {\n return (\n Number(\n selectedService.price_type === 'PER_VEHICLE'\n ? selectedService.price\n : // ? selectedService.price * selectedService.seat_capacity\n selectedService.price * values.ChoosenKupos,\n ) *\n Number(\n (values.selectedCurrency && values.selectedCurrency.rate && values.selectedCurrency.rate) ||\n 1,\n )\n );\n };\n\n const validatePassengerDetails = () => {\n let errors = 0;\n\n // if (!values.identity_value && !values.phone && !values.email) {\n // setValues({\n // ...values,\n // identity_valueError: 'Ingrese un número de documento válido',\n // phoneError: 'Ingrese un número de teléfono válido',\n // emailError: 'Ingrese un correo electrónico válido',\n // });\n // errors++;\n // return;\n // }\n\n // if (values.docType === 'RUT') {\n // if (!CommonService.isRutValid(values.identity_value)) {\n // setValues({ ...values, identity_valueError: 'Ingrese un número de RUT válido' });\n // errors++;\n // return;\n // }\n // if (!values.identity_value) {\n // setValues({ ...values, identity_valueError: 'Ingrese un número de documento válido' });\n // errors++;\n // return;\n // }\n // }\n\n // if (values.additionalFareSelected && !values.additionalFareComment) {\n // setValues({ ...values, additionalFareCommentError: 'Required' });\n // errors++;\n // console.log('5');\n // }\n\n // // if (!values.name) {\n // // setValues({ ...values, nameError: 'Ingrese un nombre' });\n // // errors++;\n // // console.log('3');\n // // }\n // if (!values.phone || (values.phone && values.phone.length > 12)) {\n // setValues({ ...values, phoneError: 'Ingrese un número de teléfono válido' });\n // errors++;\n // return;\n\n // console.log('4');\n // }\n\n // if (!values.email || !(values.email && CommonService.isEMailValid(values.email))) {\n // setValues({ ...values, emailError: 'Ingrese un correo electrónico válido' });\n // errors++;\n // return;\n\n // console.log('5');\n // }\n\n if ( values.discountAmount >= selectedService.price) {\n setValues({ ...values, kuposGoNameError: 'discount can not be more than ticket amount' });\n errors++;\n return false\n }\n\n // if (errors > 0) {\n // return false;\n // } else {\n // }\n return true;\n };\n\n const validatePassengerDetailsForReserve = () => {\n setValues({ ...values, isReservedTicket: true });\n let errors = 0;\n\n if (values.additionalFareSelected && !values.additionalFareComment) {\n setValues({ ...values, additionalFareCommentError: 'Required' });\n errors++;\n console.log('5');\n }\n\n if (!values.reserveDate) {\n setValues({\n ...values,\n reserveDateError: { message: 'Se requiere fecha de reserva' },\n });\n errors++;\n console.log('7');\n }\n\n if (!values.reserveTime) {\n setValues({\n ...values,\n reserveTimeError: { message: 'Se requiere tiempo de reserva' },\n });\n errors++;\n console.log('8');\n }\n // if (!values.user_boading_address) {\n // setValues({...values,\n // user_boading_addressError: { message: 'Ingrese un correo dirección válido' },\n // });\n // errors++;\n // console.log('6');\n // }\n\n if (errors > 0) {\n return false;\n } else {\n return true;\n }\n };\n const setReserveFlags = () => {\n if (!validatePassengerDetailsForReserve()) {\n alert('Please select the reserve date and time ');\n return;\n }\n\n if (!values.reserveDate) {\n setValues({ ...values, selectedReserveDateTimeError: 'Reserve date is required' });\n return;\n }\n\n if (!values.reserveTime) {\n setValues({ ...values, selectedReserveDateTimeError: 'Reserve time is required' });\n return;\n }\n\n // console.log('+++ set reserve flags', values);\n decideBookingFlow();\n };\n\n const decideBookingFlow = () => {\n let method;\n values.stepsMenu.forEach(element => {\n if (element.active) {\n method = element;\n }\n });\n console.log('Method selected -------', method);\n if (method.value === 'CASH') {\n bookTicket();\n } else {\n setValues({ ...values, showPaymentModal: true });\n }\n };\n\n const bookTicket = () => {\n // setValues({ ...values, showPaymentModal: false })\n \n if (!validatePassengerDetails()) {\n alert('Please correct the entered data');\n return;\n }\n\n let counterDetails = CommonService.getLocal('counter');\n\n if (counterDetails === undefined) {\n setSnackbar({\n showSnackbar: true,\n persist: true,\n alertMessage:\n 'No hay ninguna caja asignada, por favor primero elija una caja para continuar',\n });\n return;\n }\n\n if (\n !selectedService ||\n (selectedService && selectedService[0] && !selectedService[0].selected)\n ) {\n setSnackbar({\n showSnackbar: true,\n alertMessage:\n 'Estimado usuario, usted no ha seleccionado ningún servicio, por favor elija un servicio para continuar',\n });\n return;\n }\n\n let currentTime = DateService.getCurrentTimeUTC();\n\n let total_amount = getTotalPrice(\n selectedService.service_type,\n selectedService.price_type,\n selectedService.price,\n selectedService.seat_capacity,\n values.ChoosenKupos,\n );\n\n let price = getBookingPrice(\n selectedService.service_type,\n selectedService.price_type,\n selectedService.price,\n selectedService.seat_capacity,\n );\n\n let currencyAmount = calculateCurrencyAmount();\n\n console.log({ selectedService });\n\n let data = {\n correlation_id: `${selectedService.client_code.substr(0, 3)}_${values.user.substr(\n 0,\n 3\n )}_${currentTime}`,\n user_id: CommonService.currentUser.user_id,\n user_name: CommonService.currentUser.user_name,\n branch_id: counterDetails.branch_id,\n counter_id: counterDetails.counter_id,\n counter_txn_id: counterDetails.counter_txn_id, // Returned from CounterOpen\n shift_id: counterDetails.shift_id,\n customer_name: values.name,\n customer_email: values.email,\n customer_phone: values.phone,\n customer_address: values.user_boading_address,\n pickup_loc_id: selectedService.pickup_location_id,\n pickup_latitude: values.origin.location && values.origin.location.lat ? values.origin.location.lat : values.origin.value,\n pickup_longitude: values.origin.location && values.origin.location.lon ? values.origin.location.lon : values.origin.value,\n pickup_address: values.origin.address,\n drop_loc_id: selectedService.drop_location_id,\n drop_latitude: values.destination.location && values.destination.location.lat ? values.destination.location.lat : values.destination.value,\n drop_longitude: values.destination.location && values.destination.location.lon ? values.destination.location.lon : values.destination.value,\n drop_address: values.destination.address,\n is_round_trip: 0, // 1 : If Yes, 0 : If No.\n booking_date_time_stg: `${DateService.getTodayString(\n 'yyyy-mm-dd',\n )} ${DateService.getCurrentHour()}:${DateService.getCurrentMinute()} `, // YYYY-MM-DD HH:MM\n booking_date_time: CommonService.getTimeInSeconds(\n DateService.getTodayString('yyyy-mm-dd') +\n 'T' +\n DateService.getCurrentHour() +\n ':' +\n DateService.getCurrentMinute(),\n ), // UTC time in Unix Milli Seconds.\n onward_trip_date_stg: DateService.changeDateFormat(\n values.selectedDate,\n 'dd-mm-yyyy',\n 'yyyy-mm-dd',\n ), // Date of the trip, YYYY-MM-DD\n onward_trip_time_stg: values.selectedTime, // Time of the trip, HH:MM\n onward_trip_ref_date_time: CommonService.getTimeInSeconds(\n DateService.changeDateFormat(values.selectedDate, 'dd-mm-yyyy', 'yyyy-mm-dd') +\n 'T' +\n values.selectedTime,\n ), // UTC time in Unix Milli Seconds.\n no_of_seats: values.selectedKupos,\n price_type: selectedService.price_type,\n price: price,\n identity_type: values.docType,\n identity_value: values.identity_value,\n onward_service_pricing_id: selectedService.id,\n payment_type: values.selectedPaymentType.value, // CASH / CREDIT_CARD / DEBIT_CARD / BANK_TRANSFER / CREDIT_INVOICE\n currency: (values.selectedCurrency && values.selectedCurrency.to) || 'CLP',\n payment_ref_no: values.card_number || '',\n total_amount: total_amount,\n currency_amount: currencyAmount || 0,\n discount_code: values.discountCode ? values.discountCode : ' ',\n discount_amount: Number(values.discountAmount),\n additional_fare_type: values.additionalFareSelected\n ? values.additionalFareSelected.value\n : '',\n additional_fare: values.additionalFareAmount ? Number(values.additionalFareAmount) : 0,\n additional_fare_remark: values.additionalFareComment ? values.additionalFareComment : '',\n seat_meta_data: metaData,\n service_type: selectedService.service_type,\n confirm_deadline_stg:\n values.reserveDate && values.reserveTime\n ? DateService.changeDateFormat(values.reserveDate, 'dd-mm-yyyy', 'yyyy-mm-dd') +\n ' ' +\n values.reserveTime\n : '', // YYYY-MM-DD HH:MM\n confirm_deadline_utc:\n values.reserveDate && values.reserveTime\n ? CommonService.getTimeInSeconds(\n DateService.changeDateFormat(values.reserveDate, 'dd-mm-yyyy', 'yyyy-mm-dd') +\n 'T' +\n values.reserveTime,\n )\n : 0, // UTC time in Unix Milli Seconds.\n };\n\n console.log('+++Data to fly-----', data);\n\n // return;\n\n dispatch(\n apiCall({\n url: AppData.BASE_URL_V2 + 'agent/booking',\n data: data,\n method: 'POST',\n callback: res => onBookingResponse(res, data),\n }),\n );\n };\n\n const onBookingResponse = (res, data) => {\n console.log('res from final booking--------', res);\n if (res.data && res.data.success) {\n let newState = { ...values };\n var printData = { ...values.apiResponseForPrinting };\n printData.data = data;\n printData.pnr_no = res.data.data.onward_pnr_id;\n\n printData.fare = res.data.data.fare;\n printData.discount = res.data.data.discount;\n printData.totalAmount = res.data.data.totalAmount;\n printData.totalAmount = res.data.data.bookedBy;\n printData.totalAmount = res.data.data.printedBy;\n printData.totalAmount = res.data.data.printedBy;\n\n printData.origin = newState.atOriginText;\n printData.destination = newState.atDestinationText;\n printData.date = newState.selectedDate;\n printData.time = newState.selectedTime;\n setValues({ ...values, apiResponseForPrinting: printData ,showPaymentModal: false });\n\n console.log('newState data is---', newState);\n console.log(printData);\n setModal({\n show: true,\n bodyText: res.message,\n success: true,\n });\n // this.restoreState();\n // this.reloadPage();\n } else {\n setModal({\n show: true,\n bodyText: res.message,\n success: false,\n });\n }\n };\n\n return (\n \n setValues({ ...values, showPaymentModal: false })}\n onInputChange={val => onBookingDetailsChange(val, 'card_number')}\n button1Press={() => bookTicket()}\n selectedPaymentMethod={values.stepsMenu}\n />\n )}\n {\n modal.success &&\n setTimeout(() => {\n CommonService.printCancelTicket(document.getElementById('print-ticket').innerHTML);\n setModal({});\n }, 1000);\n\n modal.success &&\n setTimeout(() => {\n window.location.reload();\n }, 3000);\n\n if (!modal.success) {\n setModal({});\n }\n }}\n bodyText={modal.bodyText}\n />\n
\n );\n};\n\nexport default CustomerDetails;\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport ApiUrls from '../../../services/apiUrls';\nimport CommonService from '../../../services/commonService';\nimport { KuposButton, KuposInput, KuposSteps } from '../../common';\nimport { DropdownComponent } from '../../common/DropdownComponent';\nimport { StripDateFilter } from '../../common/StripDateFilter';\nimport { apiCall } from '../redux/apiCall';\nimport CustomerDetails from './CustomerDetails';\n\nconst RenderResult = ({\n // Props start\n values,\n setValues,\n ticketData,\n selectedService,\n setSelectedService,\n setCallApiAgain,\n setSnackbar,\n metaData,\n\n // Props end\n}) => {\n const dispatch = useDispatch();\n const [selectedServiceId, setSelectedServiceId] = useState(null);\n const [additionalFares, setAdditionalFares] = useState(null);\n\n useEffect(() => {\n getAdditionalFareList();\n getExchangeList();\n // eslint-disable-next-line\n }, []);\n\n console.log('additional fares ', additionalFares);\n\n const getAdditionalFareList = () => {\n dispatch(\n apiCall({\n url: ApiUrls.getAddtionalFareList(),\n callback: res => {\n console.log('Additional fare', res);\n if (res.data && res.data.success) {\n const data = res.data.data.map(val => {\n return { value: val.value, label: val.value };\n });\n setAdditionalFares(data);\n }\n },\n }),\n );\n };\n\n const getExchangeList = () => {\n dispatch(\n apiCall({\n url: ApiUrls.addCurrencyExchange(),\n callback: res => {\n console.log('Currency Exchange', res);\n\n if (res && res.data && res.data.success) {\n let exchanges = [];\n exchanges.push({\n value: 1,\n label: 'CLP',\n rate: 1,\n from: 'CLP',\n to: 'CLP',\n });\n res.data.data.map(val => {\n exchanges.push({\n value: val.id,\n label: val.exchange_name.split('_TO_')[1],\n rate: val.exchange_rate,\n from: val.from_currency_code,\n to: val.to_currency_code,\n });\n });\n\n setValues({\n ...values,\n exchangeListData: res.data.data,\n exchanges,\n selectedCurrency: {\n value: 1,\n label: 'CLP',\n rate: 1,\n from: 'CLP',\n to: 'CLP',\n },\n });\n }\n },\n }),\n );\n };\n\n const getTotalPrice = (serviceType, priceType, price, serviceSeats) => {\n\n return priceType === 'PER_VEHICLE' ? price : price*values.ChoosenKupos;\n\n };\n\n const getBookingPrice = (serviceType, priceType, price, serviceSeats) => {\n // console.log('Price Type is', priceType);\n // return priceType === 'PER_VEHICLE' ? price * serviceSeats : price;\n return priceType === 'PER_VEHICLE' ? price : price;\n };\n\n const selectSeat = item => {\n console.log(\"onselectservice-------\",item)\n setSelectedService(item);\n setSelectedServiceId(item.id);\n };\n\n const onStripDateClick = date => {\n setValues({ ...values, selectedDate: date });\n setTimeout(() => {\n setCallApiAgain(true);\n }, 1000);\n };\n\n const renderService = (service, key) => {\n // console.log('Service is-----------------', service);\n return (\n \n
\n\n {values.showPaymentModal && (\n \n setValues({ ...values, docType: 'RUT' })}\n checked={values.docType === 'RUT'}\n label=\"RUT\"\n />\n setValues({ ...values, docType: 'OTHER' })}\n checked={values.docType === 'OTHER'}\n label=\"Otro\"\n />\n
\n \n onBookingDetailsChange(val, 'identity_value')}\n onBlur={val => {\n onBookingDetailsBlur(val, 'identity_value');\n }}\n error={values.identity_valueError && values.docType === 'RUT' ? true : false}\n errorMessage={values.identity_valueError ? values.identity_valueError : null}\n // style={{ height: 40 }}\n inputOuterStyle={{ height: 40 }}\n />\n
\n\n \n onBookingDetailsChange(val, 'name')}\n onBlur={text => { }}\n // error={this.state.nameError ? true : false}\n // errorMessage={this.state.nameError ? this.state.nameError.message : ''}\n // style={{ height: 40 }}\n inputOuterStyle={{ height: 40 }}\n />\n
\n\n \n Nombre completo\n {/* {'HOME.NAME'} */}\n
\n \n onBookingDetailsChange(val, 'phone')}\n onBlur={val => onBookingDetailsBlur(val, 'phone')}\n error={values.phoneError ? true : false}\n errorMessage={values.phoneError ? values.phoneError : null}\n // style={{ height: 40 }}\n inputOuterStyle={{ height: 40 }}\n />\n
\n\n \n Teléfono\n
\n \n onBookingDetailsChange(val, 'email')}\n onBlur={val => onBookingDetailsBlur(val, 'email')}\n error={values.emailError ? true : false}\n errorMessage={values.emailError ? values.emailError : null}\n // style={{ height: 40 }}\n inputOuterStyle={{ height: 40 }}\n />\n
\n\n \n Correo electrónico\n
\n \n onBookingDetailsChange(val, 'user_boading_address')}\n onBlur={text => { }}\n // error={values.user_boading_addressError ? true : false}\n // errorMessage={\n // values.user_boading_addressError\n // ? values.user_boading_addressError.message\n // : ''\n // }\n // style={{ height: 40 }}\n inputOuterStyle={{ height: 40 }}\n />\n
\n\n \n Punto de embarque\n
\n \n {/* {'Reservation of service without payment'} */}\n {'Reserva'}\n onBookingDetailsChange(val, 'reserveDate')}\n onTimeChange={val => onBookingDetailsChange(val, 'reserveTime')}\n minDate={DateService.getTodayString()}\n error={values.reserveDateError || values.reserveTimeError ? true : false}\n errorMessage={values.selectedReserveDateTimeError}\n // placeholder={DateService.getTodayString()}\n // showOnSelect={this.state.showOnSelect}\n />\n
\n\n \n {/* */}\n {/* setValues({...values, showPaymentModal: true })}> */}\n
\n \n \n RESERVE VENTA\n \n
\n\n \n decideBookingFlow()}>\n CONFIRMAR VENTA\n \n
\n \n
\n\n \n
\n );\n };\n\n // ----------\n const onStepClick = menuItem => {\n console.log(\"+++menu item is\",values.stepsMenu[menuItem - 1])\n // setValues({ ...values, selectedPaymentType: values.stepsMenu[menuItem - 1] });\n\n let elementsIndex = menuItem - 1;\n\n let newMenus = [...values.stepsMenu];\n\n newMenus.forEach((item, key) => {\n newMenus[key] = {\n ...newMenus[key],\n active: false,\n };\n });\n\n newMenus[elementsIndex] = {\n ...newMenus[elementsIndex],\n active: !newMenus[elementsIndex].active,\n };\n\n // console.log({ newMenus });\n setValues({ ...values, stepsMenu: newMenus , selectedPaymentType: values.stepsMenu[menuItem - 1] });\n };\n\n const onTransferChange = (val, type) => {\n if (type === 'discountAmount') {\n setValues({ ...values, [type]: val, discountCode: 'coupen' });\n } else {\n setValues({ ...values, [type]: val });\n }\n };\n\n return (\n \n {/* {this.getVehicleImage(service.service_type)} */}\n\n {service.service_type === 'Pav Van Compartida' ? (\n \n ) : (\n \n )}\n
\n \n ) : (\n \n )}\n \n
\n\n \n {service.service_type && CommonService.capitalize(service.service_type)}\n
\n \n Pasajeros: 1 - {service.seat_capacity}\n
\n \n
\n\n {service.price_type === 'PER_VEHICLE' ? 'PRECIO' : 'PRECIO POR CUPO'}
\n \n CPL${' '}\n \n {CommonService.currency(\n getBookingPrice(\n service.service_type,\n service.price_type,\n service.price,\n service.seat_capacity,\n ),\n )}\n \n
\n \n
\n\n CUPOS
\n \n {values.ChoosenKupos} Pasajeros\n
\n \n
\n\n PRECIO TOTAL
\n \n CLP${' '}\n \n {CommonService.currency(\n getTotalPrice(\n service.service_type,\n service.price_type,\n service.price,\n service.seat_capacity,\n service\n ),\n \n )}\n {/* {service.price_type === 'PER_VEHICLE' ? service.price : service.price * values.ChoosenKupos} */}\n \n
\n \n selectSeat(service)}\n >\n comprar\n \n
\n \n
\n \n\n \n onStripDateClick(val)}\n selectedDate={values.selectedDate}\n />\n\n
\n\n \n {ticketData.onwardServices &&\n ticketData.onwardServices.map((val, key) => renderService(val, key))}\n
\n\n \n \n
\n \n \n
\n\n {/* ADDITIONAL FARE UI */}\n Detalles de la transacción
\n \n Tipo de pago\n onStepClick(val)}\n />\n
\n\n \n onTransferChange(val, 'corporate_agency')}\n error={values.selectedCurrencyError ? true : false}\n errorMessage={values.selectedCurrencyError ? values.selectedCurrencyError : ''}\n />\n
\n\n \n {'Descuento por convenio'}\n
\n\n \n onTransferChange(val, 'discountAmount')}\n onBlur={text => {}}\n error={values.kuposGoNameError ? true : false}\n errorMessage={values.kuposGoNameError}\n style={{ height: 40 }}\n inputOuterStyle={{ height: 40 }}\n />\n
\n\n \n {'Descuento monto'}\n
\n \n onTransferChange(val, 'selectedCurrency')}\n placeholder={'Moneda'}\n options={values.exchanges}\n value={values.selectedCurrency}\n error={values.selectedCurrencyError ? true : false}\n errorMessage={values.selectedCurrencyError ? values.selectedCurrencyError : ''}\n />\n
\n \n {'Moneda'}\n
\n \n onTransferChange(val, 'additionalFareSelected')}\n error={values.selectedCurrencyError ? true : false}\n errorMessage={values.selectedCurrencyError ? values.selectedCurrencyError : ''}\n />\n
\n\n \n {\n if (val < 0) {\n setValues({ ...values, additionalFareAmount: 0 });\n } else {\n setValues({ ...values, additionalFareAmount: val });\n }\n }}\n onBlur={text => {}}\n // error={this.state.kuposGoNameError ? true : false}\n // errorMessage={this.state.kuposGoNameError}\n style={{ height: 40 }}\n inputOuterStyle={{ height: 40 }}\n />\n
\n\n \n {\n if (values.additionalFareComment) {\n setValues({\n ...values,\n additionalFareComment: val.target.value,\n additionalFareCommentError: null,\n });\n } else {\n setValues({ ...values, additionalFareComment: val.target.value });\n }\n }}\n onBlur={text => {}}\n error={values.additionalFareCommentError ? true : false}\n errorMessage={values.additionalFareCommentError}\n rows={5}\n cols={15}\n style={\n values.additionalFareCommentError\n ? { border: 'red 1px solid', borderRadius: 10, padding: 6 }\n : { borderRadius: 10, padding: 6 }\n }\n // inputOuterStyle={{ height: 40 }}\n />\n {values.additionalFareCommentError && (\n {values.additionalFareCommentError}\n )}\n
\n \n
\n \n Descuento total\n {CommonService.currency(values.discountAmount || 0)}\n
\n \n Monto total\n \n CLP\n {CommonService.currency(\n selectedService && selectedService.price_type === 'PER_VEHICLE'\n ? selectedService.price\n : selectedService.price * values.ChoosenKupos,\n )}\n \n
\n\n \n Tarifa adicional\n $ {values.additionalFareAmount ? values.additionalFareAmount : 0}\n
\n \n Monto neto\n \n CLP\n {CommonService.currency(\n selectedService && selectedService.price_type === 'PER_VEHICLE'\n ? selectedService.price +\n Number(values.additionalFareAmount) -\n values.discountAmount\n : selectedService.price * values.ChoosenKupos -\n values.discountAmount +\n Number(values.additionalFareAmount),\n )}\n \n
\n\n \n \n {values.selectedCurrency\n ? `Monto neto ${values.selectedCurrency.to}`\n : 'Choose currency'}\n \n \n {values.selectedCurrency && values.selectedCurrency.to}\n {CommonService.currency(\n selectedService &&\n values.selectedCurrency &&\n Number(\n selectedService.price_type === 'PER_VEHICLE'\n ? selectedService.price +\n Number(values.additionalFareAmount) -\n values.discountAmount\n : selectedService.price * values.ChoosenKupos -\n values.discountAmount +\n Number(values.additionalFareAmount),\n ) *\n Number(\n (values.selectedCurrency &&\n values.selectedCurrency.rate &&\n values.selectedCurrency.rate) ||\n 1,\n ),\n )}\n \n
\n \n this.setState({ showAddBIPCard: true })}\n />\n )}\n\n \n \n {snackbar.alertMessage}\n \n \n
\n );\n};\n\nexport default SalesScreen;\n","import React, { useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport AppData from '../../../services/appData';\nimport CommonService from '../../../services/commonService';\nimport DateService from '../../../services/dateService';\nimport {\n KuposButton,\n KuposDatePicker,\n KuposErrorSuccessModal,\n KuposModal,\n KuposTimePicker,\n MaterialInputField,\n} from '../../common';\nimport { DropdownComponent } from '../../common/DropdownComponent';\nimport PrintTicket from '../printTicket';\nimport { apiCall } from '../redux/apiCall';\nimport { setCancelTicketDetails } from '../redux/setCancelTicketDetails';\n\nconst paymentOptions = [\n { label: 'Efectivo', active: true, value: 'CASH' },\n { label: 'Tarjeta Débito', active: false, value: 'DEBIT_CARD' },\n { label: 'Tarjeta Crédito', active: false, value: 'CREDIT_CARD' },\n { label: 'Trans bancaria', active: false, value: 'BANK_TRANSFER' },\n { label: 'Factura de Crédito', active: false, value: 'CREDIT_INVOICE' },\n];\n\nconst initailState = {\n apiResponseForPrinting: { data: [], pnr_no: '' },\n reservePaymentType: '',\n reservePaymentComment: '',\n};\n\nconst Buttons = ({ ticketDetails, setSnackbar, history, setModal, optional }) => {\n const dispatch = useDispatch();\n const [changeTicketDetailsModal, setChangeTicketDetailsModal] = useState(false);\n const [updateTicketDate, setUpdateTicketDate] = useState('');\n const [updateTicketTime, setUpdateTicketTime] = useState('');\n const [showConfirmModal, setShowConfirmModal] = useState(false);\n const [reservePaymentModal, setReservePaymentModal] = useState(false);\n const [values, setValues] = useState(initailState);\n\n const handleDisable = () => {\n const ticketDate = Date.parse(ticketDetails && ticketDetails.trip_ref_date);\n const currentDate = Date.parse(DateService.getTodayString('yyyy-mm-dd'));\n const disable = ticketDate > currentDate ? false : true;\n\n return disable;\n };\n\n const handleConfirmButtonDisable = () => {\n let status = ticketDetails && ticketDetails.status == 'PENDING' ? false : true;\n if (!status) {\n const ticketDate = Date.parse(ticketDetails && ticketDetails.trip_ref_date);\n const currentDate = Date.parse(DateService.getTodayString('yyyy-mm-dd'));\n const disable = currentDate > ticketDate ? true : false;\n return disable;\n }\n return status;\n };\n\n const handleCancelButtonDisable = () => {\n let status = ticketDetails && ticketDetails.status == \"CANCELLED\" ? true : false;\n if (!status) {\n const ticketDate = Date.parse(\n ticketDetails && ticketDetails.trip_ref_date,\n );\n const currentDate = Date.parse(DateService.getTodayString('yyyy-mm-dd'));\n const disable = currentDate > ticketDate ? true : false;\n return disable;\n }\n return status;\n }\n\n // Update Ticket details Start\n const handleShowChangeTicket = () => {\n setChangeTicketDetailsModal(true);\n setUpdateTicketDate(\n DateService.changeDateFormat(ticketDetails.trip_ref_date, 'yyyy-mm-dd', 'dd-mm-yyyy'),\n );\n setUpdateTicketTime(ticketDetails.trip_ref_time);\n };\n\n const handleUpdateTicketDetails = () => {\n const data = {\n pnr_id: ticketDetails.pnr_id,\n customer_email: ticketDetails.customer_email,\n customer_name: ticketDetails.customer_name,\n trip_ref_date: DateService.changeDateFormat(updateTicketDate, 'dd-mm-yyyy', 'yyyy-mm-dd'),\n trip_ref_time: updateTicketTime,\n trip_ref_date_time: ticketDetails && ticketDetails.trip_ref_date_time,\n upd_date_time: CommonService.getTimeInSeconds(\n DateService.changeDateFormat(updateTicketDate, 'dd-mm-yyyy', 'yyyy-mm-dd') +\n 'T' +\n updateTicketTime,\n ),\n };\n\n dispatch(\n apiCall({\n url: AppData.BASE_URL_V1 + `agent/updateTripDateTime`,\n data,\n method: 'POST',\n callback: res => onUpdateTicketDetailsResponse(res),\n }),\n );\n };\n\n const onUpdateTicketDetailsResponse = res => {\n // console.log({ res });\n if (res && res.data && res.data.success) {\n setModal({ show: true, success: true, bodyText: 'El servicio fue actualizado' });\n setChangeTicketDetailsModal(false);\n }\n if (res && res.data && !res.data.success) {\n setModal({ show: true, success: false, bodyText: res.data.message });\n }\n };\n\n // handle Cancel Ticket\n const onCancelButtonPress = () => {\n let currentTime = DateService.getCurrentTimeUTC();\n\n if (ticketDetails) {\n dispatch(\n apiCall({\n url:\n AppData.BASE_URL +\n `agent/cancelSearch/${ticketDetails.customer_email}/${ticketDetails.trip_ref_date}/${ticketDetails.pnr_id}/${currentTime}`,\n callback: res => onCancelTicketDetailsFetch(res),\n }),\n );\n }\n };\n\n const onCancelTicketDetailsFetch = res => {\n console.log('onCancelTicketDetailsFetch---------', res);\n\n if (res && res.data && res.data.success && res.data.data) {\n dispatch(setCancelTicketDetails(res.data.data));\n history.push('/cancellation-details');\n } else if (\n res &&\n res.data &&\n !res.data.success &&\n res.data.data &&\n res.data.data.can_be_cancelled == false\n ) {\n setModal({ show: true, success: false, bodyText: 'Este ticket ya fue cancelado' });\n }\n };\n\n // Resendt Ticket\n const handleResendTicket = () => {\n if (ticketDetails) {\n dispatch(\n apiCall({\n url:\n AppData.BASE_URL_V1 +\n `agent/reSend/${ticketDetails.pnr_id}/${DateService.getTimeInSeconds(\n DateService.getTodayString('yyyy-mm-dd') + 'T00:00:00',\n )}`,\n callback: res => onResendTicketDetailsFetch(res),\n }),\n );\n } else {\n setSnackbar({ showSnackbar: true, alertMessage: 'Ingrese un PNR' });\n }\n };\n\n const onResendTicketDetailsFetch = res => {\n // console.log({ res });\n if (res && res.data && res.data.success) {\n setModal({ show: true, success: true, bodyText: 'El ticket fue reenviado exitosamente' });\n }\n if (res && res.data && !res.data.success) {\n setModal({ show: true, success: false, bodyText: 'Falla en el reenvío del boleto' });\n }\n };\n\n const onTransferChange = (val, type) => {\n setValues({ ...values, [type]: val, [type + 'Error']: null });\n };\n\n const onBlur = () => {};\n\n const validateReservePaymentFields = () => {\n let errors = 0;\n if (!values.reservePaymentType) {\n setValues({ ...values, reservePaymentTypeError: 'Select a payment type' });\n errors++;\n }\n\n if (!values.reservePaymentComment) {\n setValues({ ...values, reservePaymentCommentError: 'Payment comment is required' });\n errors++;\n // console.log('6');\n }\n\n if (errors > 0) {\n return false;\n } else {\n return true;\n }\n };\n const confirmReserveTicket = () => {\n if (!validateReservePaymentFields()) {\n alert('Fill all details');\n return;\n }\n\n let data = {\n client_code: ticketDetails && ticketDetails.client_code,\n counter_txn_id: ticketDetails && ticketDetails.counter_txn_id,\n user_id: ticketDetails && ticketDetails.user_id,\n user_name: ticketDetails && ticketDetails.user_name,\n pnr_id: ticketDetails && ticketDetails.pnr_id,\n confirm_time_utc: CommonService.getTimeInSeconds(\n DateService.getTodayString('yyyy-mm-dd') +\n 'T' +\n DateService.getCurrentHour() +\n ':' +\n DateService.getCurrentMinute(),\n ), // UTC time in Unix Milli Seconds.,\n confirm_time_stg: `${DateService.getCurrentHour()}:${DateService.getCurrentMinute()} `,\n payment_type: values.reservePaymentType ? values.reservePaymentType.value : '',\n payment_amount: ticketDetails && ticketDetails.total_amount,\n payment_ref_number: values.reservePaymentComment ? values.reservePaymentComment : '',\n };\n\n dispatch(\n apiCall({\n url: AppData.BASE_URL_V1 + 'agent/confirmReservation',\n data: data,\n method: 'POST',\n callback: res => onConfirmPaymentFetch(res),\n }),\n );\n };\n\n const onConfirmPaymentFetch = res => {\n if (res && res.data && res.data.success) {\n console.log(\"response from confirm ticket \",res)\n var printData = { ...values.apiResponseForPrinting };\n printData.data = ticketDetails;\n\n setValues({ ...values, apiResponseForPrinting: printData });\n setReservePaymentModal(false);\n setModal({\n show: true,\n success: true,\n bodyText: 'El boleto ha sido confirmado',\n printTicket: true,\n });\n }\n };\n\n const handleCloseReserverModal = () => {\n setReservePaymentModal(false);\n setValues(initailState);\n };\n\n return (\n <>\n \n \n CAMBIAR PASAJE\n \n\n setShowConfirmModal(true)}\n disabled={handleConfirmButtonDisable()}\n >\n CONFIRMAR PASAJE\n \n\n \n CANCELAR PASAJE\n \n \n REENVIAR PASAJE\n \n \n VER HISTORIAL DEL PASAJE\n \n
\n \n
\n \n\n \n Cambios de fecha o hora de boleto : {ticketDetails && ticketDetails.pnr_id}\n
\n \n Fecha actual:{' '}\n {ticketDetails &&\n DateService.changeDateFormat(ticketDetails.trip_ref_date, 'yyyy-mm-dd', 'dd-mm-yyyy')}\n
\n \n Hora actual: {ticketDetails && ticketDetails.trip_ref_time} horas\n
\n \n {\n setUpdateTicketDate(data);\n //setState({\n // updateTicketDate: data,\n // updateTicketDateError: null,\n // });\n }}\n placeholder={'Date'}\n newStyle=\"border-less-date-input\"\n style={{ border: 'lightgray solid 1px', borderRadius: '10px' }}\n />\n
\n\n Seleccionar fecha:
\n \n setUpdateTicketTime(val)}\n placeholder={optional ? '' : '00:00'}\n hideIcon={true}\n showIconsOnAmPm={true}\n showAmPm={true}\n optional={optional}\n showPicker={true}\n style={{ width: '150px' }}\n />\n
\n\n Seleccionar hora:
\n \n \n Actualizar fecha y hora del boleto\n \n\n setChangeTicketDetailsModal(false)}>Cancelar \n
\n \n
\n CONFIRMAR PASAJE PARA EL PNR:
\n {ticketDetails && ticketDetails.pnr_id}
\n \n\n \n onTransferChange(val, 'reservePaymentType')}\n placeholder={'Moneda'}\n options={paymentOptions}\n value={values.reservePaymentType}\n error={values.reservePaymentTypeError ? true : false}\n errorMessage={values.reservePaymentTypeError ? values.reservePaymentTypeError : ''}\n />\n
\n\n \n {'Tipo'}\n
\n\n \n onTransferChange(text, 'reservePaymentComment')}\n onBlur={() => onBlur()}\n error={values.reservePaymentCommentError}\n errorMessage={\n values.reservePaymentCommentError ? values.reservePaymentCommentError : ''\n }\n />\n
\n \n
\n \n confirmReserveTicket()}>\n Confirmar\n \n
\n\n \n \n Cerrar\n \n
\n \n
\n \n );\n};\n\nexport default Buttons;\n","import {\n AddLocationArea,\n AllServiceAreas,\n DefaultPage,\n DetailsPage,\n HomePage,\n AddService,\n LoginPage,\n Operations,\n TransactionsPage,\n WelcomePage,\n AdminHome,\n AllLocationAreas,\n UserPage,\n AddUserPage,\n AllLocations,\n AddLocation,\n AddVehicle,\n AllVehicles,\n Reports,\n ReportsNew,\n DriverPage,\n AddDriverPage,\n CvehiclePage,\n AddCvehiclePage,\n CounterCashInit,\n CounterSelection,\n Countries,\n AddCity,\n AddCountry,\n AddState,\n AllCities,\n AllStates,\n AddBranch,\n AllBranches,\n AddCounter,\n AllCounters,\n AddPos,\n AllPos,\n AddIncomeExpense,\n AllIncomeExpense,\n AddIncomeExpensesTransaction,\n IncomeExpensesTransactionList,\n ChooseShiftAndCounter,\n CashInHand,\n CounterDashboard,\n AllShifts,\n CancellationDetailsPage,\n ShiftSummaryReport,\n AllExchangeRates,\n AddExchangeRate,\n AllBlocksUnblocks,\n AddBlockUnblock,\n ServiceImages,\n AllOldService,\n AddOldService,\n AllPlatformLocations,\n AddPlatformLocation,\n} from './';\nimport AddCancellationPolicy from './AddCancellationPolicy';\nimport AddClientScreen from './AddClientScreen';\nimport AllCancellationPolicies from './AllCancellationPolicies';\nimport ClientsScreen from './ClientsScreen/ClientsScreen';\nimport EditClientScreen from './ClientsScreen/EditClientScreen';\nimport SalesScreen from './Sales/SalesScreen';\nimport DetailsScreen from './Details/DetailsScreen';\n\nexport default {\n path: '',\n childRoutes: [\n // { path: 'sales-page', component: DefaultPage, auth: true },\n { path: 'sales-page', component: SalesScreen, auth: true },\n { path: '', component: HomePage, isIndex: true, auth: true },\n { path: 'welcome-page', component: WelcomePage, auth: true },\n { path: 'details-page', component: DetailsScreen, auth: true },\n { path: 'login', component: LoginPage },\n { path: 'counter-selection', component: CounterSelection, auth: true },\n { path: 'counter-cash', component: CounterCashInit, auth: true },\n { path: 'transactions-page', component: TransactionsPage, auth: true },\n { path: 'operations', component: Operations, auth: true },\n { path: 'admin-home', component: AdminHome, auth: true },\n { path: 'location-areas', component: AllLocationAreas, auth: true },\n { path: 'locations', component: AllLocations, auth: true },\n { path: 'vehicles', component: AllVehicles, auth: true },\n { path: 'platform-location', component: AllPlatformLocations, auth: true },\n { path: 'platform-location/create', component: AddPlatformLocation, auth: true },\n { path: 'platform-location/:id/edit', component: AddPlatformLocation, auth: true },\n { path: 'service-images/:id', component: ServiceImages, auth: true },\n { path: 'locations/create', component: AddLocation, auth: true },\n { path: 'locations/:id/edit', component: AddLocation, auth: true },\n { path: 'vehicles/:id/edit', component: AddVehicle, auth: true },\n { path: 'vehicles/create', component: AddVehicle, auth: true },\n { path: 'location-areas/create', component: AddLocationArea, auth: true },\n { path: 'location-areas/:id/edit', component: AddLocationArea, auth: true },\n { path: 'services', component: AllServiceAreas, auth: true },\n { path: 'services/create', component: AddService, auth: true },\n { path: 'services/:id/edit', component: AddService, auth: true },\n { path: 'old-services', component: AllOldService, auth: true },\n { path: 'old-services/create', component: AddOldService, auth: true },\n { path: 'old-services/:id/edit', component: AddOldService, auth: true },\n { path: 'users', component: UserPage, auth: true },\n { path: 'users/create', component: AddUserPage, auth: true },\n { path: 'users/:id/edit', component: AddUserPage, auth: true },\n { path: 'reports', component: ReportsNew, auth: true },\n { path: 'drivers', component: DriverPage, auth: true },\n { path: 'drivers/create', component: AddDriverPage, auth: true },\n { path: 'drivers/:id/edit', component: AddDriverPage, auth: true },\n { path: 'c-vehicles', component: CvehiclePage, auth: true },\n { path: 'c-vehicles/create', component: AddCvehiclePage, auth: true },\n { path: 'c-vehicles/:id/edit', component: AddCvehiclePage, auth: true },\n { path: 'countries', component: Countries, auth: true },\n { path: 'countries/create', component: AddCountry, auth: true },\n { path: 'countries/:id/edit', component: AddCountry, auth: true },\n { path: 'states', component: AllStates, auth: true },\n { path: 'states/create', component: AddState, auth: true },\n { path: 'states/:id/edit', component: AddState, auth: true },\n { path: 'cities', component: AllCities, auth: true },\n { path: 'cities/create', component: AddCity, auth: true },\n { path: 'cities/:id/edit', component: AddCity, auth: true },\n { path: 'branches', component: AllBranches, auth: true },\n { path: 'branches/create', component: AddBranch, auth: true },\n { path: 'branches/:id/edit', component: AddBranch, auth: true },\n { path: 'counters', component: AllCounters, auth: true },\n { path: 'counters/create', component: AddCounter, auth: true },\n { path: 'counters/:id/edit', component: AddCounter, auth: true },\n { path: 'pos', component: AllPos, auth: true },\n { path: 'pos/create', component: AddPos, auth: true },\n { path: 'pos/:id/edit', component: AddPos, auth: true },\n { path: 'income-expense', component: AllIncomeExpense, auth: true },\n { path: 'income-expense/create', component: AddIncomeExpense, auth: true },\n { path: 'income-expense/:id/edit', component: AddIncomeExpense, auth: true },\n { path: 'income-expense-txn', component: IncomeExpensesTransactionList, auth: true },\n { path: 'income-expense-txn/create', component: AddIncomeExpensesTransaction, auth: true },\n { path: 'choose-counter', component: ChooseShiftAndCounter, auth: true },\n { path: 'cash-in-hand', component: CashInHand, auth: true },\n { path: 'counter-dashboard', component: CounterDashboard, auth: true },\n { path: 'shifts', component: AllShifts, auth: true },\n { path: 'cancellation-details', component: CancellationDetailsPage, auth: true },\n { path: 'shift-summary-report', component: ShiftSummaryReport, auth: true },\n { path: 'exchange-rates', component: AllExchangeRates, auth: true },\n { path: 'exchange-rates/create', component: AddExchangeRate, auth: true },\n { path: 'exchange-rates/:id/edit', component: AddExchangeRate, auth: true },\n { path: 'blocks-unblocks', component: AllBlocksUnblocks, auth: true },\n { path: 'blocks-unblocks/create', component: AddBlockUnblock, auth: true },\n { path: 'clients', component: ClientsScreen, auth: true },\n { path: 'clients/create', component: AddClientScreen, auth: true },\n // { path: 'clients/:id/edit', component: AddClientScreen, auth: true },\n { path: 'clients/:id/edit', component: EditClientScreen, auth: true },\n { path: 'cancellation-policies', component: AllCancellationPolicies, auth: true },\n { path: 'cancellation-policies/create', component: AddCancellationPolicy, auth: true },\n { path: 'cancellation-policies/:id/edit', component: AddCancellationPolicy, auth: true },\n ],\n};\n","import React from 'react';\n// import { Link } from 'react-router-dom';\n\nexport default function WelcomePage() {\n return (\n \n
\n );\n}\n","import React, { useState } from 'react';\nimport TicketSearch from '../Sales/TicketSearch';\nimport { Alert } from '@material-ui/lab';\nimport { Snackbar } from '@material-ui/core';\nimport { useSelector } from 'react-redux';\nimport { useEffect } from 'react';\nimport DateService from '../../../services/dateService';\nimport CommonService from '../../../services/commonService';\nimport { KuposErrorSuccessModal, KuposInput } from '../../common';\nimport Buttons from './Buttons';\n\nconst DetailsScreen = ({ history }) => {\n const [snackbar, setSnackbar] = useState({});\n const state = useSelector(state => state.home.searchedTicketDetails);\n const [ticketDetails, setTicketDetails] = useState('');\n const [ticketPdf, setTicketPdf] = useState('');\n const [modal, setModal] = useState({});\n\n\n useEffect(() => {\n if (state) {\n setTicketPdf(state.pdf_url);\n setTicketDetails(state.ticket_details);\n }\n }, [state]);\n\n console.log({ ticketDetails });\n\n const closeSnackbar = () => {\n setSnackbar({ showSnackbar: false });\n };\n\n const renderNameAndImage = (image, label, value) => {\n return (\n \n
\n );\n };\n\n const translatedStatus = status => {\n let translatedStatus = '';\n if (status == 'CANCELLED') {\n translatedStatus = 'Cancelado';\n } else if (status == 'CONFIRMED') {\n translatedStatus = 'Confirmado';\n } else if (status == 'PENDING') {\n translatedStatus = 'Reservado';\n } else {\n translatedStatus = status;\n }\n return translatedStatus;\n };\n\n const renderTwoItems = (label, value) => {\n return (\n \n \n
\n \n {label}\n
\n \n {value}\n
\n \n {label}\n {value}\n
\n );\n };\n\n const getPaymentType = () => {\n let paymentType = ticketDetails && ticketDetails.payment_type;\n let status = ticketDetails && ticketDetails.status;\n\n let actualPaymentMethod = '';\n\n if (status == 'PENDING') {\n actualPaymentMethod = 'Pendiente';\n } else {\n if (paymentType === 'CASH') {\n actualPaymentMethod = 'Efectivo';\n } else if (paymentType === 'DEBIT_CARD') {\n actualPaymentMethod = 'Tarjeta Débito';\n } else if (paymentType === 'CREDIT_CARD') {\n actualPaymentMethod = 'Tarjeta Crédito';\n } else if (paymentType === 'BANK_TRANSFER') {\n actualPaymentMethod = 'Trans bancaria';\n } else if (paymentType === 'CREDIT_INVOICE') {\n actualPaymentMethod = 'Factura de Crédito';\n } else {\n actualPaymentMethod = paymentType;\n }\n }\n\n return actualPaymentMethod;\n };\n return (\n \n \n \n {snackbar.alertMessage}\n \n \n\n {\n if (modal.printTicket) {\n modal.printTicket &&\n CommonService.printCancelTicket(document.getElementById('print-ticket').innerHTML);\n }\n setModal({});\n // modal.success && history.push('/sales-page');\n }}\n bodyText={modal.bodyText}\n />\n
\n );\n};\n\nexport default DetailsScreen;\n","import React from 'react';\nimport { Link } from 'react-router-dom';\n\nexport default function SidePanel() {\n return (\n \n
\n\n \n
\n \n {renderNameAndImage(\n '/images/my-trips.svg',\n 'PNR: ',\n ticketDetails && ticketDetails.pnr_id,\n )}\n
\n \n {renderNameAndImage(\n '/images/source.png',\n 'Origen: ',\n ticketDetails && ticketDetails.pickup_address,\n )}\n
\n \n {renderNameAndImage(\n '/images/destination.png',\n 'Destino: ',\n ticketDetails && ticketDetails.drop_address,\n )}\n
\n \n {renderNameAndImage(\n '/images/calender.png',\n 'Fecha de viaje: ',\n DateService.changeDateFormat(\n ticketDetails && ticketDetails.trip_ref_date,\n 'yyyy-mm-dd',\n 'dd/mm/yyyy',\n ),\n )}\n
\n \n {renderNameAndImage(\n '/images/clock.png',\n 'Hora de recogida: ',\n DateService.ampm(ticketDetails && ticketDetails.trip_ref_time),\n )}\n
\n \n {renderNameAndImage(\n '/images/car.png',\n 'Servicio: ',\n ticketDetails && ticketDetails.service_type,\n )}\n
\n \n {renderNameAndImage(\n '/images/seat.png',\n 'Cupos: ',\n ticketDetails && ticketDetails.no_of_seats + ' Pasajeros',\n )}\n
\n \n {renderNameAndImage(\n '/images/calender.png',\n 'Fecha de venta: ',\n ticketDetails && ticketDetails.booking_date,\n )}\n
\n \n {renderNameAndImage(\n '/images/my-trips.svg',\n 'Vendido por: ',\n ticketDetails && ticketDetails.user_name,\n )}\n
\n \n {renderNameAndImage(\n '/images/info.svg',\n 'Estatus: ',\n ticketDetails && translatedStatus(ticketDetails.status),\n )}\n
\n \n
\n \n \n
\n\n {ticketDetails ? (\n \n
\n ) : null}\n \n
\n {renderTwoItems('Nombre: ', ticketDetails && ticketDetails.customer_name)}
\n \n {' '}\n {renderTwoItems('RUT/ Documento: ', ticketDetails && ticketDetails.identity_value)}\n
\n \n {' '}\n {renderTwoItems('Teléfono: ', ticketDetails && ticketDetails.customer_phone)}\n
\n \n {' '}\n {renderTwoItems(\n 'Correo eléctronico: ',\n ticketDetails && ticketDetails.customer_email,\n )}\n
\n \n \n
\n \n
\n {renderTwoItems('Medio de pago: ', getPaymentType())}
\n\n \n {renderTwoItems(\n 'Monto total: ',\n ticketDetails && 'CLP' + CommonService.currency(ticketDetails.total_amount),\n )}\n
\n\n \n {' '}\n {renderTwoItems(\n 'Tarifa adicional: ',\n ticketDetails && 'CLP' + CommonService.currency(ticketDetails.additional_fare),\n )}\n
\n\n \n {renderTwoItems(\n 'Monto neto: ',\n ticketDetails && 'CLP' + CommonService.currency(ticketDetails.net_amount),\n // 'CLP' + ticketDetails.price_type === 'PER_PERSON'\n // ? CommonService.currency(\n // ticketDetails.price * ticketDetails.no_of_seats -\n // ticketDetails.discount_amount,\n // )\n // : CommonService.currency(\n // ticketDetails.price - ticketDetails.discount_amount,\n // ),\n )}\n
\n \n {renderTwoItems(\n 'Descuento total: ',\n (ticketDetails && CommonService.currency(ticketDetails.discount_amount)) ||\n 'CLP0',\n )}\n
\n\n \n {renderTwoItems(\n 'Cargos de cancelación: ',\n ticketDetails &&\n 'CLP' + CommonService.currency(ticketDetails.cancellation_charge),\n )}\n
\n\n \n {renderTwoItems(\n 'Monto de reembolso: ',\n ticketDetails && 'CLP' + CommonService.currency(ticketDetails.refund_amount),\n )}\n
\n \n
\n );\n}\n","// This is the JSON way to define React Router rules in a Rekit app.\n// Learn more from: http://rekit.js.org/docs/routing.html\n\nimport { WelcomePage, CounterPage, RedditListPage, Layout } from './';\n\nexport default {\n path: 'examples',\n component: Layout,\n childRoutes: [\n { path: '', component: WelcomePage, isIndex: true },\n { path: 'counter', component: CounterPage },\n { path: 'reddit', component: RedditListPage },\n ],\n};\n","import React from 'react';\nimport { SidePanel } from './';\n\nexport default function Layout({ children }) {\n return (\n - \n
- \n Welcome\n \n
- \n Counter Demo\n \n
- \n Reddit API Demo\n \n
- \n Back to start page\n \n
\n This is a Rekit feature that contains some examples for you to quick learn how Rekit works.\n To remove it just delete the feature.\n
\n \n
\n );\n}\n","import React from 'react';\n\nexport default function WelcomePage() {\n return (\n {children}
\n \n \n })
\n \n
\n );\n}\n","import React from 'react';\nimport { useCounterPlusOne, useCounterMinusOne, useCounterReset } from './redux/hooks';\n\nexport default function CounterPage() {\n const { count, counterPlusOne } = useCounterPlusOne();\n const { counterMinusOne } = useCounterMinusOne();\n const { counterReset } = useCounterReset();\n\n return (\n \n \n Welcome to Rekit!
\n\n Contratulations! You have created your Rekit React app successfully! Seeing this page means\n everything works well now.\n
\n\n This is an example feature showing about how to layout the container, how to use Redux and\n React Router. If you want to remove all sample code, just delete the feature from Rekit\n Studio. Alternatively you can run \n \"rekit remove feature examples\" via command line under the project folder.\n
\n To learn more about how to get started, you can visit:{' '}\n Get started\n
\n\n
\n );\n}\n","import React from 'react';\nimport { useFetchRedditList } from './redux/hooks';\n\nexport default function RedditListPage() {\n const {\n redditList,\n fetchRedditList,\n fetchRedditListPending,\n fetchRedditListError,\n } = useFetchRedditList();\n\n return (\n Counter
\nThis is simple counter demo to show how Redux sync actions work.
\n \n {count}\n \n \n\n \n {fetchRedditListPending ? 'Fetching...' : 'Fetch reactjs topics'}\n \n {fetchRedditListError && (\n
\n );\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from './redux/actions';\n\nexport class DefaultPage extends Component {\n static propTypes = {\n sales: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n };\n\n render() {\n return Reddit API Usage
\nThis demo shows how to use Redux async actions to fetch data from Reddit's REST API.
\nFailed to load: {fetchRedditListError.toString()}
\n )}\n {redditList.length > 0 ? (\n - \n {redditList.map(item => (\n
- \n {item.data.title}\n \n ))}\n
No items yet.
\n )}\n Page Content: sales/DefaultPage
;\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps(state) {\n return {\n sales: state.sales,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch),\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(DefaultPage);\n","import { App } from '../features/home';\nimport { PageNotFound } from '../features/common';\nimport homeRoute from '../features/home/route';\nimport commonRoute from '../features/common/route';\nimport examplesRoute from '../features/examples/route';\nimport _ from 'lodash';\nimport salesRoute from '../features/sales/route';\n\n// NOTE: DO NOT CHANGE the 'childRoutes' name and the declaration pattern.\n// This is used for Rekit cmds to register routes config for new features, and remove config when remove features, etc.\nconst childRoutes = [\n homeRoute,\n commonRoute,\n examplesRoute,\n salesRoute,\n];\n\nconst routes = [{\n path: '/',\n component: App,\n childRoutes: [\n ...childRoutes,\n { path: '*', name: 'Page not found', component: PageNotFound },\n ].filter(r => r.component || (r.childRoutes && r.childRoutes.length > 0)),\n}];\n\n// Handle isIndex property of route config:\n// Dupicate it and put it as the first route rule.\nfunction handleIndexRoute(route) {\n if (!route.childRoutes || !route.childRoutes.length) {\n return;\n }\n\n const indexRoute = _.find(route.childRoutes, (child => child.isIndex));\n if (indexRoute) {\n const first = { ...indexRoute };\n first.path = '';\n first.exact = true;\n first.autoIndexRoute = true; // mark it so that the simple nav won't show it.\n route.childRoutes.unshift(first);\n }\n route.childRoutes.forEach(handleIndexRoute);\n}\n\nroutes.forEach(handleIndexRoute);\nexport default routes;\n","// This is the JSON way to define React Router rules in a Rekit app.\n// Learn more from: http://rekit.js.org/docs/routing.html\n\nexport default {\n path: 'common',\n name: 'Common',\n childRoutes: [\n ],\n};\n","// This is the JSON way to define React Router rules in a Rekit app.\n// Learn more from: http://rekit.js.org/docs/routing.html\n\nimport {\n} from './';\n\nexport default {\n path: 'sales',\n childRoutes: [\n ],\n};\n","const initialState = {\n loginData: null,\n loginPending: false,\n loginError: null,\n getBookingsForAgentPending: false,\n getBookingsForAgentError: null,\n bookingsForAgent:null,\n getDriversPending: false,\n getDriversError: null,\n drivers:null,\n getVehiclesPending: false,\n getVehiclesError: null,\n getLocationsPending: false,\n getLocationsError: null,\n addLocationAreaPending: false,\n addLocationAreaError: null,\n getLocationAreasPending: false,\n getLocationAreasError: null,\n getServicesPending: false,\n getServicesError: null,\n addServicePricingPending: false,\n addServicePricingError: null,\n apiCallPending: false,\n apiCallError: null,\n getLocationAreasFromLocationPending: false,\n getLocationAreasFromLocationError: null\n};\n\nexport default initialState;\n","import initialState from './initialState';\nimport { reducer as loginReducer } from './login';\nimport { reducer as setLoginDataReducer } from './setLoginData';\nimport { reducer as getBookingsForAgentReducer } from './getBookingsForAgent';\nimport { reducer as getDriversReducer } from './getDrivers';\nimport { reducer as getVehiclesReducer } from './getVehicles';\nimport { reducer as getLocationsReducer } from './getLocations';\nimport { reducer as addLocationAreaReducer } from './addLocationArea';\nimport { reducer as getLocationAreasReducer } from './getLocationAreas';\nimport { reducer as getServicesReducer } from './getServices';\nimport { reducer as addServicePricingReducer } from './addServicePricing';\nimport { reducer as apiCallReducer } from './apiCall';\nimport { reducer as getLocationAreasFromLocationReducer } from './getLocationAreasFromLocation';\nimport { reducer as setSearchedTicketDetailsReducer } from './setSearchedTicketDetails';\nimport { reducer as setCounterInitilalDataReducer } from './setCounterInitilalData';\nimport { reducer as setCancelTicketDetailsReducer } from './setCancelTicketDetails';\n\nconst reducers = [\n loginReducer,\n setLoginDataReducer,\n getBookingsForAgentReducer,\n getDriversReducer,\n getVehiclesReducer,\n getLocationsReducer,\n addLocationAreaReducer,\n getLocationAreasReducer,\n getServicesReducer,\n addServicePricingReducer,\n apiCallReducer,\n getLocationAreasFromLocationReducer,\n setSearchedTicketDetailsReducer,\n setCounterInitilalDataReducer,\n setCancelTicketDetailsReducer,\n];\n\nexport default function reducer(state = initialState, action) {\n let newState;\n // console.log(\"Action in reducer\", action)\n switch (action.type) {\n // Handle cross-topic actions here\n default:\n newState = state;\n break;\n }\n /* istanbul ignore next */\n return reducers.reduce((s, r) => r(s, action), newState);\n}\n","// Initial state is the place you define all initial values for the Redux store of the feature.\n// In the 'standard' way, initialState is defined in reducers: http://redux.js.org/docs/basics/Reducers.html\n// But when application grows, there will be multiple reducers files, it's not intuitive what data is managed by the whole store.\n// So Rekit extracts the initial state definition into a separate module so that you can have\n// a quick view about what data is used for the feature, at any time.\n\n// NOTE: initialState constant is necessary so that Rekit could auto add initial state when creating async actions.\n\nconst initialState = {\n loginData:null,\n loadTicketDetailsPending: false,\n loadTicketDetailsError: null,\n ticketDetails:null,\n kuposTicketDetails: null,\n loginPending: false,\n loginError: null,\n signupPending: false,\n signupError: null,\n updateProfilePending: false,\n updateProfileError: null,\n stepMenuStep:null,\n resetPasswordPending: false,\n resetPasswordError: null,\n showLoginModal: false,\n getPlacesPending: false,\n getPlacesError: null,\n generateOtpPending: false,\n generateOtpError: null,\n validateOtpPending: false,\n validateOtpError: null,\n loadKuposTicketDetailsPending: false,\n loadKuposTicketDetailsError: null,\n googleLogoutPending: false,\n googleLogoutError: null,\n subscribePending: false,\n subscribeError: null,\n clientInfo: null,\n};\n\nexport default initialState;\n","// This is the root reducer of the feature. It is used for:\n// 1. Load reducers from each action in the feature and process them one by one.\n// Note that this part of code is mainly maintained by Rekit, you usually don't need to edit them.\n// 2. Write cross-topic reducers. If a reducer is not bound to some specific action.\n// Then it could be written here.\n// Learn more from the introduction of this approach:\n// https://medium.com/@nate_wang/a-new-approach-for-managing-redux-actions-91c26ce8b5da.\n\nimport initialState from './initialState';\nimport { reducer as loadTicketDetailsReducer } from './loadTicketDetails';\nimport { reducer as setTicketDetailsReducer } from './setTicketDetails';\nimport { reducer as loginReducer } from './login';\nimport { reducer as signupReducer } from './signup';\nimport { reducer as setLoginDataReducer } from './setLoginData';\nimport { reducer as updateProfileReducer } from './updateProfile';\nimport { reducer as setStepMenuStepReducer } from './setStepMenuStep';\nimport { reducer as resetPasswordReducer } from './resetPassword';\nimport { reducer as openCloseLoginModalReducer } from './openCloseLoginModal';\nimport { reducer as getPlacesReducer } from './getPlaces';\nimport { reducer as generateOtpReducer } from './generateOtp';\nimport { reducer as validateOtpReducer } from './validateOtp';\nimport { reducer as loadKuposTicketDetailsReducer } from './loadKuposTicketDetails';\nimport { reducer as googleLogoutReducer } from './googleLogout';\nimport { reducer as subscribeReducer } from './subscribe';\nimport { reducer as setClientInfoReducer } from './setClientInfo';\n\nconst reducers = [\n loadTicketDetailsReducer,\n setTicketDetailsReducer,\n loginReducer,\n signupReducer,\n setLoginDataReducer,\n updateProfileReducer,\n setStepMenuStepReducer,\n resetPasswordReducer,\n openCloseLoginModalReducer,\n getPlacesReducer,\n generateOtpReducer,\n validateOtpReducer,\n loadKuposTicketDetailsReducer,\n googleLogoutReducer,\n subscribeReducer,\n setClientInfoReducer,\n];\n\nexport default function reducer(state = initialState, action) {\n let newState;\n switch (action.type) {\n // Handle cross-topic actions here\n default:\n newState = state;\n break;\n }\n /* istanbul ignore next */\n return reducers.reduce((s, r) => r(s, action), newState);\n}\n","// Initial state is the place you define all initial values for the Redux store of the feature.\n// In the 'standard' way, initialState is defined in reducers: http://redux.js.org/docs/basics/Reducers.html\n// But when application grows, there will be multiple reducers files, it's not intuitive what data is managed by the whole store.\n// So Rekit extracts the initial state definition into a separate module so that you can have\n// a quick view about what data is used for the feature, at any time.\n\n// NOTE: initialState constant is necessary so that Rekit could auto add initial state when creating async actions.\nconst initialState = {\n count: 0,\n redditList: [],\n fetchRedditListPending: false,\n fetchRedditListError: null,\n};\n\nexport default initialState;\n","// This is the root reducer of the feature. It is used for:\n// 1. Load reducers from each action in the feature and process them one by one.\n// Note that this part of code is mainly maintained by Rekit, you usually don't need to edit them.\n// 2. Write cross-topic reducers. If a reducer is not bound to some specific action.\n// Then it could be written here.\n// Learn more from the introduction of this approach:\n// https://medium.com/@nate_wang/a-new-approach-for-managing-redux-actions-91c26ce8b5da.\n\nimport initialState from './initialState';\nimport { reducer as counterPlusOneReducer } from './counterPlusOne';\nimport { reducer as counterMinusOneReducer } from './counterMinusOne';\nimport { reducer as counterResetReducer } from './counterReset';\nimport { reducer as fetchRedditListReducer } from './fetchRedditList';\n\nconst reducers = [\n counterPlusOneReducer,\n counterMinusOneReducer,\n counterResetReducer,\n fetchRedditListReducer,\n];\n\nexport default function reducer(state = initialState, action) {\n let newState;\n switch (action.type) {\n // Handle cross-topic actions here\n default:\n newState = state;\n break;\n }\n return reducers.reduce((s, r) => r(s, action), newState);\n}\n","// Initial state is the place you define all initial values for the Redux store of the feature.\n// In the 'standard' way, initialState is defined in reducers: http://redux.js.org/docs/basics/Reducers.html\n// But when application grows, there will be multiple reducers files, it's not intuitive what data is managed by the whole store.\n// So Rekit extracts the initial state definition into a separate module so that you can have\n// a quick view about what data is used for the feature, at any time.\n\n// NOTE: initialState constant is necessary so that Rekit could auto add initial state when creating async actions.\nconst initialState = {\n};\n\nexport default initialState;\n","// This is the root reducer of the feature. It is used for:\n// 1. Load reducers from each action in the feature and process them one by one.\n// Note that this part of code is mainly maintained by Rekit, you usually don't need to edit them.\n// 2. Write cross-topic reducers. If a reducer is not bound to some specific action.\n// Then it could be written here.\n// Learn more from the introduction of this approach:\n// https://medium.com/@nate_wang/a-new-approach-for-managing-redux-actions-91c26ce8b5da.\n\nimport initialState from './initialState';\n\nconst reducers = [\n];\n\nexport default function reducer(state = initialState, action) {\n let newState;\n switch (action.type) {\n // Handle cross-topic actions here\n default:\n newState = state;\n break;\n }\n return reducers.reduce((s, r) => r(s, action), newState);\n}\n","import { combineReducers } from 'redux';\n// import { routerReducer } from 'react-router-redux';\nimport { connectRouter } from 'connected-react-router'\nimport history from './history';\nimport homeReducer from '../features/home/redux/reducer';\nimport commonReducer from '../features/common/redux/reducer';\nimport examplesReducer from '../features/examples/redux/reducer';\nimport salesReducer from '../features/sales/redux/reducer';\n\n// NOTE 1: DO NOT CHANGE the 'reducerMap' name and the declaration pattern.\n// This is used for Rekit cmds to register new features, remove features, etc.\n// NOTE 2: always use the camel case of the feature folder name as the store branch name\n// So that it's easy for others to understand it and Rekit could manage them.\n\nconst reducerMap = {\n router: connectRouter(history),\n home: homeReducer,\n common: commonReducer,\n examples: examplesReducer,\n sales: salesReducer,\n};\n\nexport default combineReducers(reducerMap);\n","import { createStore, applyMiddleware, compose } from 'redux';\nimport thunk from 'redux-thunk';\nimport { routerMiddleware } from 'connected-react-router';\nimport history from './history';\nimport rootReducer from './rootReducer';\n\nconst router = routerMiddleware(history);\n\n// NOTE: Do not change middleares delaration pattern since rekit plugins may register middlewares to it.\nconst middlewares = [thunk, router];\n\nlet devToolsExtension = f => f;\n\n/* istanbul ignore if */\nif (process.env.NODE_ENV === 'development') {\n const { createLogger } = require('redux-logger');\n\n const logger = createLogger({ collapsed: true });\n middlewares.push(logger);\n\n if (window.__REDUX_DEVTOOLS_EXTENSION__) {\n devToolsExtension = window.__REDUX_DEVTOOLS_EXTENSION__();\n }\n}\n\nfunction configureStore(initialState) {\n const store = createStore(\n rootReducer,\n initialState,\n compose(\n applyMiddleware(...middlewares),\n devToolsExtension,\n ),\n );\n\n /* istanbul ignore if */\n if (module.hot) {\n // Enable Webpack hot module replacement for reducers\n module.hot.accept('./rootReducer', () => {\n const nextRootReducer = require('./rootReducer').default; // eslint-disable-line\n store.replaceReducer(nextRootReducer);\n });\n }\n return store;\n}\n\nexport default configureStore();\n","import AppData from './appData';\nimport CommonService from './commonService';\n\nconst ApiUrls = {\n login: () => {\n return AppData.BASE_URL + 'login';\n },\n logout: () => {\n return AppData.BASE_URL + 'logout';\n },\n user: id => {\n return AppData.BASE_URL + 'user' + (id ? '/' + id : '');\n },\n getBookingsForAgent: () => {\n return AppData.BASE_URL + 'booking';\n },\n getTransactionSummary: () => {\n return AppData.BASE_URL + 'getTransactionSummary';\n },\n getMasterData: () => {\n return AppData.BASE_URL + 'master_data/SEAT/TYPE';\n },\n getMasterTypeData: () => {\n return AppData.BASE_URL + 'master_data/CLIENT/TYPE';\n },\n getDrivers: () => {\n return AppData.BASE_URL + 'driver';\n },\n getVehicles: id => {\n return AppData.BASE_URL + 'vehicle' + (id ? '/' + id : '');\n },\n getLocations: () => {\n return AppData.BASE_URL + 'location';\n },\n getLocationList: () => {\n return AppData.BASE_URL + 'locations';\n },\n getAtTerminalList: () => {\n return AppData.BASE_URL + 'airportLocations';\n },\n addLocationArea: () => {\n return AppData.BASE_URL + 'location_area';\n },\n getLocationAreas: id => {\n return AppData.BASE_URL + 'location_area' + (id ? '/' + id : '');\n },\n getServices: () => {\n return AppData.BASE_URL + 'service';\n },\n addServicePricing: id => {\n return AppData.BASE_URL + 'service_price' + (id ? '/' + id : '');\n },\n addServicePrice: id => {\n return AppData.BASE_URL_V2 + 'service_price' + (id ? '/' + id : '');\n },\n addOldServicePrice: id => {\n return AppData.BASE_URL + 'service_price' + (id ? '/' + id : '');\n },\n getLocationAreasFromLocation: () => {\n return AppData.BASE_URL + 'location_area_by_location_id';\n },\n role: () => {\n return AppData.BASE_URL + 'role';\n },\n addLocation: id => {\n return AppData.BASE_URL + 'location' + (id ? '/' + id : '');\n },\n addService: id => {\n return AppData.BASE_URL + 'service' + (id ? '/' + id : '');\n },\n addServiceImages: () => {\n return AppData.BASE_URL + 'serviceImage';\n },\n getServiceImages: id => {\n return AppData.BASE_URL + 'serviceImage' + '/' + id ;\n },\n deleteServiceImage: (serviceId,imageId) =>{\n return AppData.BASE_URL + 'serviceImage' + '/' + serviceId + '/' + imageId;\n },\n addDriver: id => {\n return AppData.BASE_URL + 'driver' + (id ? '/' + id : '');\n },\n assignDriverAndVehicle: () => {\n return AppData.BASE_URL + 'assignVehicleAndDriver';\n },\n updateVehicleAndDriver: () => {\n return AppData.BASE_URL + 'updateVehicleAndDriver';\n },\n dispatchStatus: () => {\n return AppData.BASE_URL + 'setDispatchStatus';\n },\n blockUnblock: () => {\n return AppData.BASE_URL + 'blockTxn';\n },\n unblockTxn: () => {\n return AppData.BASE_URL + 'unblockTxn';\n },\n addCountry: id => {\n return AppData.BASE_URL + 'country' + (id ? '/' + id : '');\n },\n addState: id => {\n return AppData.BASE_URL + 'state' + (id ? '/' + id : '');\n },\n addCity: id => {\n return AppData.BASE_URL + 'city' + (id ? '/' + id : '');\n },\n addBranch: id => {\n return AppData.BASE_URL + 'branch' + (id ? '/' + id : '');\n },\n addShifts: id => {\n return AppData.BASE_URL + 'shifts' + (id ? '/' + id : '');\n },\n addCancellationPolicy: id => {\n return AppData.BASE_URL + 'cancellation_policy' + (id ? '/' + id : '');\n },\n allCounters: () => {\n return AppData.BASE_URL + 'counters';\n },\n addCounter: id => {\n return AppData.BASE_URL + 'counter' + (id ? '/' + id : '');\n },\n addPos: id => {\n return AppData.BASE_URL + 'pos' + (id ? '/' + id : '');\n },\n allIncomeExpense: () => {\n return AppData.BASE_URL + 'inc_exp_summary';\n },\n addIncomeExpense: id => {\n return AppData.BASE_URL + 'inc_exp' + (id ? '/' + id : '');\n },\n openCounter: () => {\n return AppData.BASE_URL + 'counter/open';\n },\n getCurrencies: () => {\n return AppData.BASE_URL + 'currency';\n },\n addCurrencyExchange: () => {\n return AppData.BASE_URL + 'currencyExchange ';\n },\n getClientInfo: subdomain => {\n return AppData.BASE_URL + `client/by-subdomain/${subdomain}`;\n },\n clients: id => {\n return AppData.BASE_URL_V1+ 'clients' + (id ? '/' + id : '');\n },\n getAddtionalFareList: () => {\n return AppData.BASE_URL_V1 + 'master_data/FARE/ADDITIONAL';\n },\n getPlatformRolesList: () => {\n return AppData.BASE_URL_V1 + 'master_data/ROLE/NAME';\n },\n};\nexport default ApiUrls;\n","export const EXAMPLES_COUNTER_PLUS_ONE = 'EXAMPLES_COUNTER_PLUS_ONE';\nexport const EXAMPLES_COUNTER_MINUS_ONE = 'EXAMPLES_COUNTER_MINUS_ONE';\nexport const EXAMPLES_COUNTER_RESET = 'EXAMPLES_COUNTER_RESET';\nexport const EXAMPLES_FETCH_REDDIT_LIST_BEGIN = 'EXAMPLES_FETCH_REDDIT_LIST_BEGIN';\nexport const EXAMPLES_FETCH_REDDIT_LIST_SUCCESS = 'EXAMPLES_FETCH_REDDIT_LIST_SUCCESS';\nexport const EXAMPLES_FETCH_REDDIT_LIST_FAILURE = 'EXAMPLES_FETCH_REDDIT_LIST_FAILURE';\nexport const EXAMPLES_FETCH_REDDIT_LIST_DISMISS_ERROR = 'EXAMPLES_FETCH_REDDIT_LIST_DISMISS_ERROR';\n","module.exports = __webpack_public_path__ + \"static/media/rekit-react.5c11e8db.png\";","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read http://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit http://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See http://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Root from './Root';\nimport * as serviceWorker from './serviceWorker';\nimport './styles/index.scss';\n\nReactDOM.render(