\n
\n \n
\n \n But it's not too late to take next step. Upgrade to a paid plan to keep\n using features like Product Search and Inventories. \n
\n \n \n {this.props.contentView}\n {this.props.showSubscriptionPopup && (\n
\n \n \n \n \n \n \n \n \n \n \n \n Want to keep using this account?\n \n \n You requested to delete your account {email}. If you want to keep it, you have untill {deletedDate} to let us know. Otherwise, all your information will be deleted.\n \n \n \n \n\n \n \n \n\n \n \n \n \n \n
\n );\n}\n\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport validator from 'validator';\nimport ContentWrapper from '../../../../common/components/contentWrapper';\nimport { Container, Paper, Typography, TextField, Grid, Button, InputLabel, Input, FormHelperText, Link, FormControl, FormControlLabel, Checkbox } from '@material-ui/core';\nimport google from '../../../../assests/images/google.png';\nimport facebook from '../../../../assests/images/facebook.png';\nimport '../../../../common/style/main.css';\nimport { recoverPassword, login, addUserData, validateUserDetails } from \"./../../reducer/actions\"\nimport { toast } from \"react-toastify\";\nimport { InputAdornment, Select, MenuItem } from '@material-ui/core';\nimport VisibilityOffIcon from '@material-ui/icons/VisibilityOff';\nimport VisibilityIcon from '@material-ui/icons/Visibility';\nimport ReactivateAccountModal from '../../../../common/components/ReactivateAccountModal';\n\nclass SignUpComponent extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n\n type: 'password',\n score: 'null',\n firstName: '',\n lastName: '',\n countryCode: '',\n phoneNumber: '',\n emailId: '',\n password: '',\n confirmPassword: '',\n terms: false,\n firstNameError: '',\n lastNameError: '',\n phoneNumberError: '',\n emailIdError: '',\n passwordError: '',\n confirmPasswordError: '',\n termsError: '',\n sign:\"+\",\n open:false,\n userId:'',\n email: '',\n component: 'SINGUP',\n deletedDate:'',\n\n businessName:'',\n \n address1: '',\n address2: '',\n country: 231,\n countryId:231,\n state: '',\n city: '',\n zipcode: '',\n address1ErrorText: '',\n address2ErrorText: '',\n countryErrorText: '',\n stateErrorText: '',\n cityErrorText: '',\n zipcodeErrorText: '',\n businessNameErrorText:'',\n userdetailsforsubcplan:[],\n statesListData: '',\n isValid: false,\n userdetailsbusiess:[],\n nextClick:false,\n\n }\n this.showHide = this.showHide.bind(this);\n this.passwordStrength = this.passwordStrength.bind(this);\n this.validateInput = this.validateInput.bind(this);\n this.submitForm = this.submitForm.bind(this);\n this.handleSocialLogin = this.handleSocialLogin.bind(this);\n this.handleSocialLoginFailure = this.handleSocialLoginFailure.bind(this);\n this.onChangeOfTerms = this.onChangeOfTerms.bind(this);\n this.handleClose = this.handleClose.bind(this);\n // this.onChangeOfCountry = this.onChangeOfCountry.bind(this);\n this.handlePush = this.handlePush.bind(this);\n this.onChangeOfPhoneNumber = this.onChangeOfPhoneNumber.bind(this)\n }\n \n componentDidMount(){\n localStorage.removeItem(\"token\");\n window.sessionStorage.removeItem(\"userDetails\");\n console.log(this.props.history.location.state)\n if(this.props.history.location.state){\n const previousData = this.props.history.location.state;\n console.log(previousData,\"previousData\")\n console.log(previousData.first_name)\n this.setState({\n firstName: previousData.first_name,\n lastName: previousData.last_name,\n countryCode: previousData.country_code,\n phoneNumber: previousData.phone,\n emailId: previousData.email,\n password: previousData.password,\n confirmPassword: previousData.password,\n terms: true,\n })\n }\n \n }\n \n handleSocialLogin = (user) => {\n console.log(user,\"userdetails\")\n let data = {};\n let loginData = {};\n // eslint-disable-next-line default-case\n switch (user._provider) {\n case \"google\":\n data = {\n first_name: user._profile.firstName,\n last_name: user._profile.lastName,\n email: user._profile.email,\n phone: '',\n source: user._provider,\n source_id: user._profile.id,\n photo_url: user._profile.profilePicURL,\n };\n break;\n case \"facebook\":\n data = {\n first_name: user._profile.firstName,\n last_name: user._profile.lastName,\n email: user._profile.email,\n phone: '',\n source: user._provider,\n source_id: user._profile.id,\n photo_url: user._profile.profilePicURL,\n };\n break;\n }\n const { loginRequested, loginSuccess, loginFailed, history } = this.props;\n loginRequested(null);\n loginData = {\n first_name: data.first_name,\n last_name: data.last_name,\n email: data.email,\n source: data.source,\n source_id: data.source_id,\n phone:'0000000010',\n photo_url: data.photo_url,\n country_code:'+91'\n };\n // sociallogin(\n // loginData,\n // (res) => {\n // console.log()\n // if (res.success === 1) {\n // toast(\"User Login successfully\", {\n // autoClose: 5000,\n // type: toast.TYPE.SUCCESS,\n // position: toast.POSITION.BOTTOM_CENTER,\n // });\n // loginSuccess(res);\n // history.push(\"/add-to-inventory-search\");\n // }\n // else {\n // this.props.setUserDeatils(data);\n // history.push(\"/verify-email \");\n // }\n // },\n // (error) => {\n // loginFailed(error);\n // toast(\"Please check your credentials.\", {\n // autoClose: 5000,\n // type: toast.TYPE.ERROR,\n // position: toast.POSITION.BOTTOM_CENTER,\n // });\n // }\n // );\n console.log(loginData,\"logindata\")\n this.props.addUserData(loginData,(error, res) =>{\n console.log('res', res);\n if (res?.success === 1) {\n // this.props.recoverPassword(otpData, (error, res) => {\n // if (error) {\n // toast(\"Somthing went wrong\", {\n // autoClose: 5000,\n // type: toast.TYPE.ERROR,\n // position: toast.POSITION.BOTTOM_CENTER,\n // });\n // }\n // })\n this.props.setUserDeatils(data);\n toast(\"User Registered Successfully\", {\n autoClose: 5000,\n type: toast.TYPE.SUCCESS,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n // history.push(\"/login\");\n // localStorage.setItem('email', this.state.emailId);\n // localStorage.setItem('mobile', this.state.phoneNumber);\n } else {\n let loginDatadetails = {\n email: loginData.email,\n source: loginData.source,\n source_id: loginData.source_id\n };\n console.log(loginDatadetails,\"data\")\n login(\n \n loginDatadetails,\n (res) => {\n if (res.success === 1) {\n toast(\"User Login successfully\", {\n autoClose: 5000,\n type: toast.TYPE.SUCCESS,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n loginSuccess(res);\n history.push(\"/add-to-inventory-search\");\n }\n else { \n this.props.setUserDeatils(data);\n history.push(\"/verify-email\");\n }\n },\n (error) => {\n loginFailed(error);\n toast(\"Please check your credentials.\", {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n );\n }\n });\n };\n\n\n handleSocialLoginFailure = (err) => {\n console.error(err)\n }\n showHide(e) {\n\n e.preventDefault();\n e.stopPropagation();\n this.setState({\n\n type: this.state.type === 'input' ? 'password' : 'input'\n })\n }\n\n passwordStrength(e) {\n if (e.target.value === '') {\n this.setState({\n score: 'null'\n })\n }\n else {\n let pw = e.target.value;\n this.setState({\n score: pw.score\n });\n }\n }\n onChangeOfFirstName = (event) => {\n this.setState({\n firstName: event.target.value\n })\n let firstNameVal = event.target.value;\n if (!firstNameVal) {\n this.setState({\n firstNameError: \"Enter First Name\",\n isValid: false\n })\n }\n else {\n this.setState({\n firstNameError: \"\",\n isValid: true\n })\n }\n }\n onChangeOfTerms = (event) => {\n this.setState({\n terms: event.target.checked,\n isValid: true\n })\n\n }\n\n onChangeOfLastName = (event) => {\n this.setState({\n lastName: event.target.value\n })\n let lastNameVal = event.target.value;\n if (!lastNameVal) {\n this.setState({\n lastNameError: \"Enter Last Name\",\n isValid: false\n })\n }\n else {\n this.setState({\n lastNameError: \"\",\n isValid: true\n })\n }\n }\n\n onChangeOfZipcode = (event) => {\n if (event.target.value !== \"\") {\n let codeVal = validator.isNumeric(event.target.value);\n if (!codeVal) {\n this.setState({\n ...this.state,\n onCodeErrorText: \"Enter correct Zip Code\",\n isValid: false,\n })\n }\n else {\n this.setState({\n ...this.state,\n onCodeErrorText: \"\",\n code: event.target.value,\n isValid: true\n })\n }\n }else {\n this.setState({\n ...this.state,\n onCodeErrorText: \"\",\n code: event.target.value,\n isValid: true,\n })\n }\n }\n\n onChangeOfCountryCode = (event) => {\n if(event.target.value !== \"\"){\n let countryCodeVal = validator.isNumeric(event.target.value);\n \n if(!countryCodeVal){\n this.setState({\n ...this.state,\n countryCodeError: \"Enter minimum 3 characters for country code\",\n isValid: false,\n })\n }\n else{\n this.setState({\n ...this.state,\n countryCodeError: \"\",\n countryCode: event.target.value,\n isValid: true\n })\n }\n }else{\n this.setState({\n ...this.state,\n countryCodeError: \"\",\n countryCode: event.target.value,\n isValid: true,\n })\n }\n }\n \n \n \n // onChangeOfCountryCode = (event) => {\n \n // const regex = \"^(?:[+\\d].*\\d|\\d)$\";\n // var sign = \"+\";\n // let countryCodeVal = event.target.value;\n // console.log(\"countryCodeVal\",countryCodeVal);\n // let countryCode = countryCodeVal.match(regex); \n // if (event.target.value >=1 && event.target.value <= 4) {\n // // let countryCodeVal = validator.isNumeric(event.target.value);\n // if ( !countryCode) {\n // this.setState({\n // ...this.state,\n // countryCodeError: \"Enter minimum 3 characters for country code\",\n // isValid: false\n // })\n // }\n // else {\n // this.setState({\n // ...this.state,\n // countryCodeError: \"\",\n // countryCode: countryCodeVal,\n // isValid: true\n // })\n // }\n // }\n // else {\n // this.setState({\n // ...this.state,\n // countryCodeError: \"\",\n // countryCode: this.state.sign + event.target.value,\n // isValid: true\n // })\n // }\n // }\n\n onChangeOfPhoneNumber = (event) => {\n this.setState({\n phoneNumber: event.target.value,\n })\n // let phoneNumberVal = validator.isMobilePhone(event.target.value);\n const regex = /^\\d+$/\n\n let PhoneNumberVal = event.target.value;\n console.log(PhoneNumberVal)\n // if(event.target.value <= 9){\n let phoneNumber = regex.test(PhoneNumberVal); \n if (!phoneNumber) {\n this.setState({\n phoneNumberError: \"Enter Valid Phone Number\",\n isValid: false\n })\n } else {\n this.setState({\n phoneNumberError: \"\",\n isValid: true\n })\n }\n // }\n // else {\n // this.setState({\n // phoneNumberError: \"\",\n // phoneNumber: event.target.value,\n // isValid: true\n // })\n // }\n }\n\n onChangeOfEmailId = (event) => {\n this.setState({\n emailId: event.target.value,\n })\n let emailIdVal = validator.isEmail(event.target.value);\n if (!emailIdVal) {\n this.setState({\n emailIdError: \"Enter correct Email Id\",\n isValid: false\n })\n }\n else {\n this.setState({\n emailIdError: \"\",\n isValid: true\n })\n }\n }\n\n onChangeOfPassword = (event) => {\n this.setState({\n password: event.target.value,\n })\n let passwordVal = event.target.value;\n if (passwordVal < 8) {\n this.setState({\n passwordError: \"Enter correct Password\",\n isValid: false\n })\n }\n else {\n this.setState({\n passwordError: \"\",\n isValid: true\n })\n }\n }\n\n onChangeOfConfirmPassword = (event) => {\n this.setState({\n confirmPassword: event.target.value,\n })\n let confirmPasswordVal = event.target.value;\n if (!confirmPasswordVal) {\n this.setState({\n confirmPasswordError: \"Enter Confirm Password\",\n isValid: false\n })\n }\n else {\n this.setState({\n confirmPasswordError: \"\",\n isValid: true\n })\n }\n }\n\n handleClick = () => {\n const { history } = this.props;\n history.push('/terms-conditions')\n }\n\n validateInput() {\n console.log(this.state);\n let firstNameError = '';\n let lastNameError = '';\n let countryCodeError = '';\n let phoneNumberError = '';\n let emailIdError = ''\n let passwordError = '';\n let confirmPasswordError = '';\n let termsError = '';\n let isValid = true;\n\n if (this.state.firstName.length === 0) {\n firstNameError = 'Enter First Name';\n isValid = false;\n }\n\n if (this.state.lastName.length === 0) {\n lastNameError = 'Enter Last Name';\n isValid = false;\n }\n if (this.state.countryCode.length <= 1) {\n \n countryCodeError = 'Enter minimum 2 characters for country code';\n isValid = false;\n }\n if (this.state.phoneNumber.length === 0 || this.state.phoneNumber.length === null || this.state.phoneNumber.length <= 9) {\n\n phoneNumberError = 'Enter Phone Number';\n isValid = false;\n }\n if (this.state.emailId.length === 0) {\n emailIdError = 'Enter Email Id';\n isValid = false;\n }\n if (this.state.password.length < 8) {\n passwordError = 'Enter password with minimum 8 characters';\n isValid = false;\n }\n if (this.state.confirmPassword.length < 8) {\n confirmPasswordError = 'Enter Confirm Password';\n isValid = false;\n }\n\n if (this.state.confirmPassword != this.state.password) {\n confirmPasswordError = 'Passwords do not match';\n isValid = false;\n }\n if (this.state.terms === false) {\n termsError = 'Please accept terms & conditions';\n isValid = false;\n }\n\n this.setState({\n ...this.state,\n firstNameError,\n lastNameError,\n emailIdError,\n passwordError,\n confirmPasswordError,\n countryCodeError,\n phoneNumberError,\n termsError,\n\n\n\n })\n return isValid;\n }\n \n handlePush = (data) => {\n const { history } = this.props;\n \n if(this.props.history.location.state && this.props.history.location.state.businessData ){\n data['businessData'] = this.props.history.location.state.businessData\n }\n history.push({\n pathname: '/bussiness-detail',\n state: data\n });\n }\n\n submitForm(event) {\n if (this.validateInput()) {\n console.log(\"I am here\")\n let data = {\n \"first_name\": this.state.firstName,\n \"last_name\": this.state.lastName,\n \"country_code\": this.state.countryCode,\n \"phone\": this.state.phoneNumber,\n \"email\": this.state.emailId,\n \"password\": this.state.password,\n };\n console.log(\"validate user\",data)\n validateUserDetails(data,(error,result)=>{\n console.log(\"validateUserDetails:validateUserDetails\")\n console.log(result)\n if (error) {\n toast(\"Somthing went wrong\", {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }else{\n if(result){\n if (result.success === 1) {\n this.handlePush(data);\n }else if(result.success ===0){\n console.log(result)\n toast(result.message, {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n }else{\n toast(\"Somthing went wrong\", {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n }\n })\n \n \n \n // let otpData = {\n // 'to': this.state.emailId,\n // 'url': 'email-otp/send'\n // };\n // console.log(this.props);\n // const { history } = this.props;\n // this.props.addUserData(data,(error, res) =>{\n // console.log('res', res);\n // if (res.success === 1) {\n // this.props.recoverPassword(otpData, (error, res) => {\n // if (error) {\n // toast(\"Somthing went wrong\", {\n // autoClose: 5000,\n // type: toast.TYPE.ERROR,\n // position: toast.POSITION.BOTTOM_CENTER,\n // });\n // }\n // else{\n // toast(\"OTP is sent to your registered Email Id\"+\" \"+this.state.emailId, {\n // autoClose: 5000,\n // type: toast.TYPE.SUCCESS,\n // position: toast.POSITION.BOTTOM_CENTER,\n // });\n // }\n \n // })\n // this.props.setUserDeatils(data);\n // toast(\"User Registered Successfully\", {\n // autoClose: 5000,\n // type: toast.TYPE.SUCCESS,\n // position: toast.POSITION.BOTTOM_CENTER,\n // });\n // history.push(\"/verify-email\");\n // localStorage.setItem('email', this.state.emailId);\n // localStorage.setItem('mobile', this.state.phoneNumber);\n // } \n \n // else if(res.success === 0 && res.deletedAccount && res.deletedAccount.keepThisAccount )\n // {\n // let date=res.deletedAccount.deletedDate;\n // console.log(date)\n // let currentDate=moment(date, \"YYYY-MM-DD\");\n // currentDate.add(1,'month')\n \n // this.setState({\n // open:true,\n // userId: res.deletedAccount.userId,\n // email: res.deletedAccount.email,\n // deletedDate:currentDate.format(\"YYYY-MM-DD\")\n // })\n \n // console.log(currentDate,\"Delete Date\")\n // // toast(\"Your Account can be activated.Please Login again\", {\n // // autoClose: 5000,\n // // type: toast.TYPE.SUCCESS,\n // // position: toast.POSITION.BOTTOM_CENTER,\n // // });\n // }\n // else {\n // toast(res.message, {\n // autoClose: 5000,\n // type: toast.TYPE.ERROR,\n // position: toast.POSITION.BOTTOM_CENTER,\n // });\n // }\n // });\n }\n }\n\n handleClose(){\n this.setState({\n open:false\n }) \n }\n\n getContentView() {\n return (\n \n \n \n \n \n \n
\n );\n }\n render() {\n return (\n this.props.type == 'popup' ? this.getContentView() :\n \n \n Sign Up\n \n
\n \n \n \n Already have an account? \n \n Login\n \n \n
\n \n \n \n \n \n {/* \n \n or \n With your social network \n \n \n \n \n \n
*/}\n \n \n \n \n \n 
\n \n \n
\n \n \n \n 
\n \n \n
*/}\n {/* \n \n \n \n \n \n \n
\n );\n }\n render() {\n return (\n \n \n \n \n
\n );\n }\n render() {\n console.log('this.state', this.state.localEmail, this.state.localPhone);\n console.log('props', this.props);\n\n return (\n \n Verify OTP\n \n
\n \n \n Verify OTP via\n{/*
you will receive an email with instructions. if you are
having problems recovering your password contact */}\n \n
\n \n \n you will receive an email with instructions. if you are
having problems recovering your password contact */}\n
\n \n \n \n \n
\n );\n }\n render(){\n return(\n \n Tell us a little bit about yourself \n \n
\n \n \n \n Already have an account? \n \n Login\n \n \n
\n {/* \n \n With your social network \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n */}\n \n \n
\n \n \n
\n \n 
\n
\n \n \n {/* */}\n \n \n \n
\n );\n }\n\n render() {\n return \n \n Login\n \n
\n \n \n \n Not a member?\n \n Sign up\n \n \n
\n {/* \n \n \n -- OR --\n \n \n With your social network\n \n\n \n \n \n \n \n
*/}\n \n */}\n\n {/* \n \n */}\n {/* \n \n \n \n
\n \n \n\n \n \n \n
*/}\n {/* \n \n \n \n \n
\n );\n }\n render() {\n return (\n \n Recover Password\n \n
\n \n \n Password Recovery via\n {/*
you will receive an email with instructions. if you are
having problems recovering your password contact */}\n \n
\n \n \n you will receive an email with instructions. if you are
having problems recovering your password contact */}\n
\n \n \n
\n \n \n
\n );\n }\n render() {\n\n return (\n \n OTP Verify Code\n \n
\n \n \n Please Check your Emails for a message with your code. Your Code is 6 digits long.\n \n
\n \n\n {this.state.showing\n ?\n \n Resend OTP \n
\n : Didn't receive the code? Request New Code in {this.state.twoMinutes}\n
\n }\n \n
\n Change Recovery Mode\n
\n {/* \n Resend Otp\n
*/}\n \n \n \n \n \n \n
\n );\n }\n render(){\n return(\n \n Change Password\n \n
\n \n \n To change your account password, please fill in
the fields below\n \n
\n \n \n the fields below\n
\n
\n );\n }\n}\n\nfunction mapStateToProps({ auth }) {\n return {\n currentUser: auth.currentUser,\n }\n}\nexport default connect(mapStateToProps, null)(HomeBannerSlider);","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Container, Card, Grid, Typography, TextField, Button, FormControl, Input, FormHelperText, InputLabel, } from '@material-ui/core';\nimport validator from 'validator';\nimport { toast } from \"react-toastify\";\nimport { addUserData, login } from \"./../../../Auth/reducer/actions\";\nimport { InputAdornment, Select, MenuItem } from '@material-ui/core';\nimport VisibilityOffIcon from '@material-ui/icons/VisibilityOff';\nimport VisibilityIcon from '@material-ui/icons/Visibility';\n\nclass SignSubscribeComponent extends Component {\n constructor(props) {\n super(props);\n this.state = {\n type: 'password',\n\n score: 'null',\n firstName: '',\n lastName: '',\n email: '',\n countryCode: '',\n phoneNumber: '',\n password: '',\n confirmPassword: '',\n\n }\n this.onChangeOfFirstName = this.onChangeOfFirstName.bind(this);\n this.onChangeOfLastName = this.onChangeOfLastName.bind(this);\n this.onChangeOfEmail = this.onChangeOfEmail.bind(this);\n this.onChangeOfPhoneNumber = this.onChangeOfPhoneNumber.bind(this);\n this.onChangeOfCountryCode = this.onChangeOfCountryCode.bind(this);\n this.onChangeOfPassword = this.onChangeOfPassword.bind(this);\n this.onChangeOfConfirmPassword = this.onChangeOfConfirmPassword.bind(this);\n this.showHide = this.showHide.bind(this);\n\n this.passwordStrength = this.passwordStrength.bind(this);\n this.validateInput = this.validateInput.bind(this);\n\n }\n\n showHide(e) {\n e.preventDefault();\n e.stopPropagation();\n this.setState({\n type: this.state.type === 'input' ? 'password' : 'input'\n })\n }\n\n passwordStrength(e) {\n if (e.target.value === '') {\n this.setState({\n score: 'null'\n })\n }\n else {\n let pw = e.target.value;\n this.setState({\n score: pw.score\n });\n }\n }\n onChangeOfFirstName(event) {\n let fullNameVal = validator.isEmpty(event.target.value);\n if (fullNameVal) {\n this.setState({\n onFirstNameErrorText: \"Enter correct Full Name\",\n isValid: false\n })\n }\n else {\n this.setState({\n onNameErrorText: \"\",\n firstName: event.target.value,\n isValid: true\n })\n }\n }\n onChangeOfLastName(event) {\n let fullNameVal = validator.isEmpty(event.target.value);\n if (fullNameVal) {\n this.setState({\n onLastNameErrorText: \"Enter correct Full Name\",\n isValid: false\n })\n }\n else {\n this.setState({\n onNameErrorText: \"\",\n lastName: event.target.value,\n isValid: true\n })\n }\n }\n onChangeOfPhoneNumber(event) {\n let PhoneNumberVal = validator.isMobilePhone(event.target.value);\n if (!PhoneNumberVal) {\n this.setState({\n onPhoneNumberErrorText: \"Enter correct Phone Number\",\n isValid: false\n })\n }\n else {\n this.setState({\n onPhoneNumberErrorText: \"\",\n phoneNumber: event.target.value,\n isValid: true\n })\n }\n }\n onChangeOfCountryCode(event) {\n let CountryCodeVal = event.target.value.length;\n if (CountryCodeVal > 4) {\n this.setState({\n onCountryCodeErrorText: \"Enter minimum 3 characters for country code\",\n isValid: false\n })\n }\n else {\n this.setState({\n onCountryCodeErrorText: \"\",\n countryCode: event.target.value,\n isValid: true\n })\n }\n }\n onChangeOfEmail(event) {\n let EmailVal = validator.isEmpty(event.target.value);\n if (EmailVal) {\n this.setState({\n onEmailErrorText: \"Enter proper Email\",\n isValid: false\n })\n }\n else {\n this.setState({\n onEmailErrorText: \"\",\n email: event.target.value,\n isValid: true\n })\n }\n }\n onChangeOfPassword = (event) => {\n let passwordVal = event.target.value;\n if (passwordVal < 8) {\n this.setState({\n passwordError: \"Enter correct Password\",\n isValid: false\n })\n }\n else {\n this.setState({\n passwordError: \"\",\n password: event.target.value,\n isValid: true\n })\n }\n }\n onChangeOfConfirmPassword = (event) => {\n let confirmPasswordVal = event.target.value;\n if (!confirmPasswordVal) {\n this.setState({\n confirmPasswordError: \"Enter Confirm Password\",\n isValid: false\n })\n }\n else {\n this.setState({\n confirmPasswordError: \"\",\n confirmPassword: event.target.value,\n isValid: true\n })\n }\n }\n validateInput() {\n let onFirstNameErrorText = '';\n let onEmailErrorText = '';\n let onPhoneNumberErrorText = '';\n let onCountryCodeErrorText = '';\n let onLastNameErrorText = '';\n let passwordError = '';\n let confirmPasswordError = '';\n\n let isValid = true;\n\n if (this.state.firstName.length === 0) {\n onFirstNameErrorText = 'Enter First Name';\n isValid = false;\n }\n if (this.state.lastName.length === 0) {\n onLastNameErrorText = 'Enter Last Name';\n isValid = false;\n }\n if (this.state.email.length === 0) {\n onEmailErrorText = 'Enter Proper Email ';\n isValid = false;\n }\n if (this.state.password.length < 8) {\n passwordError = 'Enter password with minimum 8 characters';\n isValid = false;\n }\n if (this.state.confirmPassword.length < 8) {\n confirmPasswordError = 'Enter Confirm Password';\n isValid = false;\n }\n\n\n if (this.state.phoneNumber.length === 0) {\n onPhoneNumberErrorText = 'Enter Phone Number';\n isValid = false;\n }\n if (this.state.countryCode.length > 4) {\n onCountryCodeErrorText = 'Enter minimum 3 characters for country code';\n isValid = false;\n }\n if (this.state.confirmPassword != this.state.password) {\n confirmPasswordError = 'Passwords do not match';\n isValid = false;\n }\n\n this.setState({\n ...this.state,\n onFirstNameErrorText,\n onLastNameErrorText,\n onEmailErrorText,\n onPhoneNumberErrorText,\n onCountryCodeErrorText,\n passwordError,\n confirmPasswordError,\n\n });\n return isValid;\n }\n\n submitForm(event) {\n const { signUpRequested, signUpSuccess, signUpFailed, history } = this.props;\n const { loginRequested, loginSuccess, loginFailed } = this.props;\n if (this.validateInput()) {\n let data = JSON.stringify({\n \"first_name\": this.state.firstName,\n \"last_name\": this.state.lastName,\n \"country_code\": this.state.countryCode,\n \"phone\": this.state.phoneNumber,\n \"email\": this.state.email,\n \"password\": this.state.password,\n });\n\n const apiInput = {\n email: this.state.email,\n password: this.state.password,\n };\n\n signUpRequested(null);\n addUserData(data, (error, res) => {\n if (res.success === 1) {\n loginRequested(null);\n login(\n apiInput,\n (res) => {\n if (res.success === 1) {\n toast(\"User Login successfully\", {\n autoClose: 5000,\n type: toast.TYPE.SUCCESS,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n loginSuccess(res);\n history.push(\"/add-to-inventory-search\");\n } else {\n loginFailed(res);\n toast(res.message, {\n autoClose: 5000,\n type: toast.TYPE.SUCCESS,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n },\n (error) => {\n loginFailed(error);\n toast(res.message, {\n autoClose: 5000,\n type: toast.TYPE.SUCCESS,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n );\n } else {\n toast(res.message, {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n\n });\n\n }\n }\n render() {\n\n return (\n \n \n {/*
\n \n \n \n \n \n \n Freedom to change your mind\n \n \n Resales are difficult. Before you commit to something, take it for a test drive.\n \n \n \n \n \n \n \n \n Freedom to experience variety\n \n \n Your sense of style is constantly evolving. Your watches should be too.\n
\n
\n \n \n \n \n \n \n \n \n Freedom to try before you buy\n \n \n You’re in love but have no idea if it’s going to work in your life. Now you can find out.\n \n \n \n \n \n
*/}\n \n
\n
\n
\n )\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n signUpRequested: (payload) => dispatch({ type: \"SIGNUP_REQUESTED\", payload }),\n signUpSuccess: (payload) => dispatch({ type: \"SIGNUP_SUCCESS\", payload }),\n signUpFailed: (payload) => dispatch({ type: \"SIGNUP_FAILED\", payload }),\n loginRequested: (payload) => dispatch({ type: \"LOGIN_REQUESTED\", payload }),\n loginSuccess: (payload) => dispatch({ type: \"LOGIN_SUCCESS\", payload }),\n loginFailed: (payload) => dispatch({ type: \"LOGIN_FAILED\", payload }),\n };\n}\n\nexport default connect(null, mapDispatchToProps)(SignSubscribeComponent);","import React, { Component } from 'react';\nimport Slider from \"react-slick\";\nimport { Container, Typography, Avatar } from '@material-ui/core';\nimport '../style/homeComponent.css';\n\nclass OurMemberSayComponent extends Component {\n constructor(props) {\n super(props);\n \n this.state = {\n \n }\n }\n \n render() {\n const settings = {\n dots: true,\n infinite: true,\n speed: 500,\n slidesToShow: 1,\n slidesToScroll: 1,\n autoPlay:true,\n arrows:true\n };\n return (\n \n \n \n \n \n
\n\n \n
\n )\n }\n}\nexport default OurMemberSayComponent;","import React, { Component } from 'react';\nimport { Container,Typography, Grid, Card, CardMedia, CardContent, Button } from '@material-ui/core';\nimport img1 from '../../../../assests/images/Group 1864.png';\nimport img2 from '../../../../assests/images/Group 1865.png';\nimport img3 from '../../../../assests/images/Group 1866.png';\nimport img4 from '../../../../assests/images/Group 1867.png';\nimport '../style/homeComponent.css';\n\nclass WatchLoversComponent extends Component {\n render() {\n return (\n \n \n \n What Our Members Say \n \n \n \n \n \n \n
\n \n The variety in the collection is insane. I’ve gotten to try all the watches I’ve considered owning and I’m not even halfway through my list. \n \n Steve McFadded \n
\n \n \n
\n \n The variety in the collection is insane. I’ve gotten to try all the watches I’ve considered owning and I’m not even halfway through my list. \n \n Steve McFadded \n
\n \n \n
\n \n The variety in the collection is insane. I’ve gotten to try all the watches I’ve considered owning and I’m not even halfway through my list. \n \n Steve McFadded \n
\n \n \n
\n \n The variety in the collection is insane. I’ve gotten to try all the watches I’ve considered owning and I’m not even halfway through my list. \n \n Steve McFadded \n
\n \n \n
\n \n \n \n
\n )\n }\n}\nexport default WatchLoversComponent;","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAABHNCSVQICAgIfAhkiAAAA1BJREFUeF7tnP1x1jAMxh9NABsAExQmACaADYAJ6AbABt2AdgOYgHYCygQtG8AE4nQELs0rJ3L15vvxXf/pWX6lXxRLtmMJ2FIEJCVNYRBg0gkIkACTBJLiaQ9U1Y8APnT1EJH02Enb7oirqjrjfRIR0//eLW0kAd6b/V9BAiRAvsIRH5h9DlTVhwCeA3jaUfgFAPvrttSTjUCp7OPpcwnA/trtGsCViPyKjD8YRFT1cRNl30YG3FCfcwAWpW/7bOoFqKrmbd8AmPftsZkXvhQR80q3FQES3n9evRD7AH535rs9eqHZfC0izzzjXYCqavPd573SKtj9TkRsXrzTSgC/AHjlDHQB4LQdobaUSDeZxhmAN47tX0XkdRTgDQCLvu32Q0S6KcwmVyKqakHjpGP/rYg8iQIML7y35IH/4NTYVHqFCTC4w0SAznbW1B7oLuWy+2zHzgAaKN1hL0Wku5SrmtfTHnhsQ5cw3qQeuASDj60DASaJjgXQdiV6dyaSei9J3HLgbh4M75ynZg5ckoGz6EKASewESIBJAknxrAf+3FkQeXSwceB8LFATRNKn+EkHmEx8rDSGAOmBMSemB8Y4FXsR4FoAFj6XcJc8Xt/SJ3A14xqr6NjRcSfzwKhCNUaW+tr/a4B7faP6EmABNgEWvnrlK9yZ9KOe0jpFOzgE4yvsRNLNzYHJbGGx4pMFkcUSSCpGgASYJJAUpweuBWBNuhHN1bgSqVgF1KQlXMo5d9UI0L/Ax92Y6K0ezoHwb6wTYPwKL0/lnJSHeeBa8sCknosVpwcmHw0BEmCSQFJ8Mg9cWx4Y5UqAPUegEYgESIBukZz0wXrE+5rttHAxodRKhHNgci0cfaJr6zfZHLg2MFF9CTBKqtBvLIAXIrKL2jGqarURDq7913ylb1dArUpRuw3WUEk++EWI95R7sWpGBxWaSlHYCi+8dywyiFaQYqt35ux+nBWW8AoNuR/ZlwDaQFZ44cEi3GJ+JX5bDR2vDFRf4R03mZzfllk0KF7xGKqd5U6ms5gw34/2Bs9I9TbzxNMdvs722p4N1X4YBNisDW1OtBTGolA3Os/nG+P88lVTU/B8qPSd/XwI4Dh6bmNUAkw+RwIkwCSBpDg9MAnwD2h8tX6lY/HGAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAABHNCSVQICAgIfAhkiAAAB3lJREFUeF7tXP+RFTcMlipIqCBQQaCCQAVJKgipIFBBSAWBCgIVJFQQqCBQQaCCHBUo872R3uj0vLuy1963d/c8c3/cne2VP+u3tMt0GasQ4FWrL4vpAuBKJrgAeAFwJQIrl3fnQBG5T0S/E9FjIvp6JX09l18R0Tsi+o2ZP/TauCuAIvKQiP7eGXAlrJ4wM8BcPXoDCPDAeRgfiQi3vpcBafhWifnEzA96ENYbQDHwmBncuKshIq+J6Ccl6gEzf1pL4CgA3zHzk7XE9V4vIi+J6Bfd91EPXdgbQNzoN0ogdEytnnnrD6UGCRwT/w5xNCCyOMO4PdXJX5i5i4HrDeAPRPRn9kSFee+Z2XQoichfRPQ9EV3TWUEUWx73MzNDnFePrgCCGhEBACDOOLGGyFfM/MwWOJGLfwcn/VGzsc79TETPmBkX02V0B1BBfEFEvyqFz4ko43eBy9JKXUQgghlDhTnwSzHgA4K2bmMLALv5XC2nVomAe7UfANVh/mrmQBAxU9h7AhCqZU73wbhkpOV49GoODK5Ahin2BGCG3g/M/CgzEXNaADRnOfuMmwYgMXMal/REZxkNQFi0KXGAJf5O1zQBqGrCkhIwLj/WipcaNNBiOvD9jG8KlXPwHLYC8JrP5tlRRLwVbgXQO+XYHnE1wq+q+DprREQETv/h0m88gCICX9Bcjy9EZAbrmj+Y0SF3DkD17/51KTEodHCHgViVBLgTAOohIT5wevGDuBXjwHGBIyHacDUOP8z8do4Tbz2AIgIgLE/nsYDo3jedJyJRJ9pcrIeeLerGWw1g4CwDBNYdYL30MataZRgncGiMsyd1420H0FvrV0T0ImNlVU/C7TBDM+cReDdmMhbe0gpDVKDQV7sxIuLTX9gXorgYShVqL8+ZGcnSk7FHDjR/6YqZ700QnfYDQ25vEcQCeG+Y2eLuGwUgiL1XEjkR8fm6RUc6gjh1MRpZeKMzKQUucsqK8H/qOi3u6W+pJZTzTm4xsxvEZlK8QvRyBGYuEhARH0o+XNKZGVqUq/9RemY5OrJ4C4Dw0eDoYhQzF1m9MwHgbL2iVtlnpEFEfDkWMXc6Y10NoIrRMW4kohMOUysJkcBAQQjGYnY4zjqIkO6BwhFEEM+Dq3Ll6iSTKiRcjK/EnaiTAPBnZjYnfonkw/9bAfRciH1ORNk5yJPGJhzURBORBcQJqiJWzpD9Ac1W283oV+wF3/GEs1VSUASz5yzut1qEnXKOhR1Y3gOXKJfO3nwkxHFg6uZ10mxtV8uipm6OkuC429dHqhMVzRzoQPTuCv4M8KA/8INbNwIXFXMh041QDpcArsNlgSN9GWFRNYS0GvaCKoBKgErxorpI39StNolwED0cDsTN1UiwZDGLovoIwCOUex0trPs/jNdsXbeQ1SlhgEtC9FN0wjOisBpAFVfoEHDIMatbeHjzLWcOUlAJUTr8FAAHKQF46VJqiY4uAAaOjCkpD2qVi9ACnF4oaDC/zlQB/gWwUH+ubTmZJKU7gAVOaIp3V4AHaQB4puNSjnzr84YDWLDITbWNzAFV78Epto6FRUOT2XduziYAKoje+W6usk0dRl0W+HQGHho8Hy+FejcJQIgWQLTsMzgRShx5wMNQEDJNSYgYjspf02JoNjKHeBPwQPNmHOisNayf1YzxZyQRYDFhxY+tbQnOwDq4HzBSft1m4G0OoOO0ORcjgd3klKZoYs0DN+XAgrsDDvLcCO7JZEJ85wO2RccB1EE39yQL6tkAdNxYFTM7VWDZno/nbGjfA4DXmjEzYVWopXRvmsxy39l0YBDlmBqroR9zq1NQtQ/YhR84R0RIatacb9P4ukTY2UXY6UIYBuhD8xPjm07+TSMU35+ew2hEEHcDoBoHyx7j15OKn4hYTbrbq1o17L53DvS6sGhZQ/mzy5tGtwnATLnUZ3bOrv92YYWdDkTtwlJQxYK9irmJ8bCsTg1X7kIHBr9uqVWj2m+sAaR27l4A9IXtmkobMjKYX9U3XQvSrv3A4AOm+lKCMbm7kYhmkH36PWVZNW+IdBYqgeA+rFtVHGrlyrOKsIggg2xtH1WpqFDznW3zbQUns+5sAIoIMsjW14fIYrHTKh4o9FcjlYWq36b6cDiAIuLzfcAArgp8Pv+qKn5f7EwtcAT28gX2Q2913IuZkS8cMoYCKCI+NBtygOSmqQan5F7Xpg0DMLS4tdDWe82QtNdIALMv+fUGyu8HEbdWuCFdESMB9HFrt4881KDd0ilbs//QWLjHG5u1hylYaZ/hqXKTss8eyYG+WLTY2uaSCrDO+GDF1Hdd0OuSttixdTgLTHbeSACb3r8NnFs6Ryrccxdi79hVvcq/BwDNhalq3NZXDvzrrf4saFXDd1/SH82p7erPAmfzRnKgNY1XcUztAZbmh8TDZJ5xaZ+p/w8BMPiAZ80cjzZmowD0PuDSt1paLz+7Du6UfU6quy84CsC1HyHLglM7r3vucBSAngNrDzlyfneHfgiAQECtaZdv9PVCdEQhfhiAvQ69930uAK68oQuAFwBXIrBy+YUDVwL4PxNC+H5v8izoAAAAAElFTkSuQmCC\"","export default __webpack_public_path__ + \"static/media/logo1.c963c9fa.png\";","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/logo3.f1455543.png\";","export default __webpack_public_path__ + \"static/media/logo4.96f338ce.png\";","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/logo8.3309eeeb.png\";","export default __webpack_public_path__ + \"static/media/logo9.75361ba8.png\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAgAElEQVR4nO2dB5hVRZbHz32hczehocmSQxMFAQHBBOgaEXVA0F0RZTCMOCJBcXSCawRxFFRc9XPVmTGsg8wKgoDKGBBUkqhIamiiSpDY4aXa73/urfeqXz/KmbFfO86e3/c1Td933711q+pfderUqbqOUkqRIAgp8aU6KAiCiwhEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBgghEECyIQATBQuDEHwnpIhqNklKKHMfxfhQROd7dqv8f5yQ+J4rFYvzb5/PxdYB7jlDTOErnsFAr6ModDofJ7/dzxfal6Me1gFwcUgo/sfgxXWyRSISFEggERCRpQARSyyC70YOgMkMg/ygQWigUYmFAILo3EmoWEUgtg+xG5T5y5Ajt2LGDsjKzyO8PwkbizyorK0nFYiyejIwMrvQxFaVQqJL/HwwGKTMzk5o3b85/6x7kh4hNODEyBvkRQIV+//336Te/+TWFQ1E6criMfH4How0qbFDIAqioqKD9+/axcPx+h4oaNWRhffvtt5zg008/naZPn04NGhRWGZ8INYwSapVwOKwqKytVeXm52r17lxp42iBVkFdPFTVoopo0aq4+eG+5OnTokFrwxkI+Xie/vurYoVht2rRZ7du3Xw0adIbKyclTjuNXM2c+ykmPRmNSiGlCepBaxvFMqaysLCot3UGfrV9HOTn53AkEAn4qKMinOnXqUEFBAfkDfvI5Dpta+fn53FvUqVPAZhaus337Nk68ayVLL5IOUvhPhHSCyuzz3FYvvPACtWzZkgoKcikaCWHozZ4q4HNQ5WP8E4tFidiLBe9XhFTMHcdkZmTyua7opNjSgQikltEu2a+//preeecduu666yjg81EsGiW/zyHHE0gsGiYfKRYUBuAxdvsS+X1BLjafEyCtCRwXB1Z6EIHUMtod+5e//IXq1q1LgwadTsfKKomcAMUUOgq3pke57/Dz8UgkTMGgl05Hxc20cDjkHVTej1DTiEBqGe2afemll2jYsGFUVFRE0UiUE/H3mkky75F+RCA/Ap9++imVlpbS6NGjqaK8/P/d8/+UEIH8CLzyyivUs2dPatWqFYUjEXFA/RMjAkkz8DbhB2YVfn/33Xe0aNEiGjVqlPXGPscoGicRe4Vr8Ox6LBb3hun4LqHmEYGkGXOcgAo9f/589kqdf/75fMwe6eMO6CGWnJxcPgIPGHnXRcCje42YzIOkCZkoTDNaAKjY6EVeffVVuuyyyyg3NzdxY4tGICrEZ82bN49ycvKoZGsJHT12jPyOQ6ee2pevr39k0F7ziEBqAW0OffHFF/Tll1/SjBkzvvemWljobcrLy+mZZ54hx/FR4yaNqE2btnTppcNp5MgrODIYwgsEMqpdQ/jhiEDSjLvew7Vk0Xv07duXOnbsGL8pQk4cf9U1HiYwo+oXNqTXXnuNCgsbsNjMyF0MP7Kysqt9T6gZRCC1AERy7NgxWrx4MTVs2JAeeOABrvgQxOHDRxBhwqDi+5JWT6lYzFswRSnXkCSfL9QsIpA0o1v8lStX0rZt26h169a0evXqeAjJoUOHEVDCFR3mUixWvRehE/QuQvoRgaQZ3cI/++yz1L9/fzazTHaU7qQB/QeykJQXbyX88yACqWFMb5L+P1YOLl26lEVCXq+ie5DjZcf5mGs6qURPYQhFeo8fDzFgaxBUfD22wG89gff666/z2OPMM8+MT/TpSq9NK3ii/H64gt24rJje+cTnKkWLCufiR6gdRCA1jN6KR0ftQigITBw+fDgvekqu4AhUDASC8dlxchLuXXRE7CL2u8Wk5zuEWizPakeEfxjt0nXnJdzdRj7++GPas2cPjR071s1wb0yif+fk5MQFg+/nZOfw/yEa9CisB6V4nTq+I16r2kXGIDWMbuF37tzJP48//jjvQILNFiAGhLcDLJjavn07j0+wrqO8vIz3x4K3CzPla9eupePHj/HkYFnZcRYaeqDi4mJeRyLUDrW87c/fsrDnp91C6t7jj3/8I82ePZt7B91LTJo0ideAACyYuv/++91ewfGR460q1HMdHOSIGCvlsNmlj82aNYsjgYXaQQRSw2hzCdv2QCym2QUzCTPnOAdjE4SQoOJrcwxFYX5HH9PHeR26dw0xtWqHH2HjuO+73U93IkB7r/ROh8mz3jr0Hef9vVuFao+YGaMlpJ8fYQzyrzsTpncs0RVfrwPBMXPNRtBbYI6tQ1HRdWVPbqvMv/V2pSTiqFVqvQfBBgQYeCYXshmy/VMO20ZFNs2fVKHoWkjmXIhJ8o7tev7DPFfnk21398TsfGJ3+MQkpY+P+Xz6HvxvyuskYz6Tef9/hfJLptZ7kOnTH6ZFixZSs2bNWSQQzODBg3n7Gz2J9lMmWfi25znRZ8nHdTyXrtz6HNPsSr4v1pBMmDCBNm3axBvPIeIXp8Nbpiszjp9xxhl04403UnZ2NgsEm9fZMDffNgVsCuZEz/WTpLa3cly//gv12GOzVF5egcrMzOZR+7hx4/kzbKEZi8k2mqnAlqWRSERFo1H+jR/kFf5OlWc4f/ny5WrevHmqW7duKiMjk7crnThxknr33WVq1Kgrld8fVEQ+9cCDD/F3cK3vQ99Pp0X/6PSlSstPmVp1hSCMomvXzmyXYzBbWFhIeXkF7AYlNh9kC/8ToVtsvZO7frdIql5X9ygIjtRbC+XkZLP3Cy7iM888g/r3H8C9CuZW1q9bz9/7WzxjpgMi8doFqvL3vxJpNbGSu11030ePHqVXXnmVGjVqRCHe6t/9DC7Pbdu281JU5HE0GqNwKERt2rZhjw8m1SAwbMMJYaFiHDxwkLJzsvkakWjEW1xUn4oaFnn3d3cc3L69lE05mBQA94KZgOtiwIzfTZo0oYMHD9L+/fs5DfhuZmYGHydjXKDHD8eOHuNzEQaC+6JatG7TmsdXphkEU8fx9tetutGCopKSrV5lD/C68vLyCr5ns2bN4mklY0UiroN7vvvuMk533759qGnTprRv3z4+H3v66nGENr/isV2IYqEAhSoj/HeoMkSxaIxUzEd5efnsMIA5lpeXx8+A6xw7dpxannQS5eXnueXkc6iiopJ3hMTrG/qdeiq1at2KxzK7du7mvC/dvp3NNR1DVlZWRm3atKbMzCzavXs35z3yJy8vl+rUqcvbH+Vivb0XVoPPOb8yM3m3e+xFjDQhGgGfV1aGKCsrkyMNMMGK/IXQMaZq0qQxBYM1u7Iy7QIx7VMU8pKlS7gynDN4KP35tbnkUw4F/X4uoPseuJfefmsZVxI8+NixY+ju39zNFXj58uU0dertXAle+MPzlOHPoPE/v562l2yngD9AhQ0LqVmLprT7613Up3dfuuP2adSqVUtOx5IlS+h3v7snXrnbt29H+fl5tHfvXiopKeFWdOHChXzPO++8k1atXkU+8lPD+g1pwaIF1LRZEwpHQ27FiyreE/eBex+kJ56cQ3n5ufwKtdvvmErjrx/PeyJC3FwdAwGaO3cep2HUqJF8HG+KcrxdSl57bS498sgjcTG0adOGj4dCYRo37jq69tprvGu5veuHH35E11wzhisEeoc5c56i7t27c+W58847OG/03r4O78CoF2D5yWFjwQhyRMyX8QMhPT77CXrjf99g8aGi4hULj816jLKzc8gf8NGa1Wvplltu5XTi/uPH30R9+vSmbt268VLiKVMn0ezZc+h//uc1ysgIUiRaScOGXUwzZkxngaxfv54mTLiFG7k5c56gXr160913/5bef+99/jw7O4s6dGxPsViEtpWU0taSbTRhws10xciRdO6557EwunbtSrt27aL9B/ZTgwYNqGXLFrRmzVoW5aJFb1K7du2q1cMfWonTRiob+WcjLldTJk9Rv7rjLpWfWaDq5NRVv7jxZv5s4+aNqnXLdirDn63+7ZzzVKgipCLhkAqFKvnz664bpx555Pfxa7218C3VoG5DlZuRpx5+aCbbwAvenK9ycnLUKaf0UVu3lsTPHTNmrMrKylatWrVRGzZs5HTt27dPTZw4URUUFKjVq1fzefjdoEEDVbegLqftrUWL+XgoXMk/eJbDhw6rfqf0U3Xy6qvsrDx1/c9v4HNiMYwNQioadccIYNy4n6sbvefDGCsSialw2LXVKytDasiQc3gsVlzcRe3d+7Xavr1Ude3ancdmjz46y7tuTO3ff0D17t1XFRY2UBs3bubjX375lWrfvqOqV69QlZaWxtPg/oTxl4pEomrw4HNUnfxClZNdRz37zPN83owZM1V2dq7Kzc1X1147zn3GyrAaOvgclZWRrdq0aqu2l5TG82/9uvWqebMW6qILh8WfDWnt06cfp3XqlDv42P7936luXXupYDBH9erVWx09ehRPHv/OtGl3qmnTpsWvW7K1VLVr20n5fVnqipFXcp6Ul1eodes+U507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\"","export default \"data:image/png;base64,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oTVi5YsgAPRPYFMzKzJTUl7Oe/2wvZWDIDyKTU5pOKFNSs9VKYw5Rr6AyBMOK8JCLoX/CRcz6ysRiJPMMYlkET1DyAnvUmKPb6CMPb4A29B3wRgJ0dJjTtgX4ca86Qpvp02hbxuSMKuT20Hw8atwovkeUtBtqCYpnG2avuRkoy34jgYn/KjsAh4AAAJJSURBVJVZs2blMbNAg3wjtkMTqWGKXA1j12ILqxPOpD9DrI5MuoReTjpCwv/M4vwmzEsIUys0MtNDAmXLMYHog+A7cg7sp2gVwgR5lLXG4aVBS1CBIjY8+QdmacLA5CWYlZW9x4Hm2NJgcXV3wscIZ3wVW2pUFRNyVik94xw+fHgrE0+/CBMCRNC1yl9RVQF+CtcF4dEequ1KdYkNBEQboWkJLsSVYlYnTJBniNVBkNifHhfA1mwcl9vRjKi+BZ2/uaxpLDXpCuvvDgoLQMeX0sRlerrDKu2xDqvZWScBbC4burLxLpBYCNl8cagQP4/Hj7VoEEFaobldXHwirqxighjGAIbfUWgYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYBZgghlGACWIYq0JK6f8Ai+4jNQDZgT0AAAAASUVORK5CYII=\"","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/logo13.ae47d1f0.png\";","export default \"data:image/png;base64,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\"","import React, { Component } from 'react';\nimport Slider from \"react-slick\";\nimport { Container, Paper } from '@material-ui/core';\nimport imglogo1 from '../../../../assests/images/logo1.png';\nimport imglogo2 from '../../../../assests/images/logo2.png';\nimport imglogo3 from '../../../../assests/images/logo3.png';\nimport imglogo4 from '../../../../assests/images/logo4.png';\nimport imglogo5 from '../../../../assests/images/logo5.png';\nimport imglogo6 from '../../../../assests/images/logo6.png';\nimport imglogo7 from '../../../../assests/images/logo7.png';\nimport imglogo8 from '../../../../assests/images/logo8.png';\nimport imglogo9 from '../../../../assests/images/logo9.png';\nimport imglogo10 from '../../../../assests/images/logo10.png';\nimport imglogo11 from '../../../../assests/images/logo11.png';\nimport imglogo12 from '../../../../assests/images/logo12.png';\nimport imglogo13 from '../../../../assests/images/logo13.png';\nimport imglogo14 from '../../../../assests/images/logo14.png';\nimport '../style/homeComponent.css';\n\nclass OurCientsComponent extends Component {\n constructor(props) {\n super(props);\n \n this.state = {\n \n }\n }\n \n render() {\n var settings = {\n dots: false,\n infinite: false,\n speed: 500,\n slidesToShow: 4,\n slidesToScroll: 4,\n initialSlide: 0,\n responsive: [\n {\n breakpoint: 1024,\n settings: {\n slidesToShow: 3,\n slidesToScroll: 3,\n infinite: true,\n dots: false\n }\n },\n {\n breakpoint: 600,\n settings: {\n slidesToShow: 2,\n slidesToScroll: 2,\n initialSlide: 2\n }\n },\n {\n breakpoint: 480,\n settings: {\n slidesToShow: 1,\n slidesToScroll: 1\n }\n }\n ]\n };\n return (\n \n \n WatchOps was built for watch lovers, by watch lovers.\n \n
\n \n \n \n We exist to elevate your style with the finest timepieces in the world without having to own and maintain them.\n \n
\n \n \n \n \n \n \n \n Flexible Memberships\n \n \n \n \n \n \n \n \n Amazing Selection\n \n \n \n \n \n \n \n \n Incredible Service\n \n \n \n \n \n \n \n \n Premier Rewards\n \n \n \n \n \n
\n \n 
\n
\n \n \n With 4 membership tiers, 4 rental terms and hundreds of styles, WatchOps has a watch for every occasion.\n \n
\n \n \n
\n \n 
\n
\n \n \n WatchOps offers the latest references from Rolex, Cartier, Breitling, Omega, Audemars Piguet, Patek Philippe and so many more.\n \n
\n \n \n
\n \n 
\n
\n \n \n We’ll help you choose the perfect piece and with fully-insured overnight shipping you’ll have your watch in record time.\n \n
\n \n \n
\n \n 
\n
\n \n \n Members can accumulate and cash in rewards in a variety of ways, including entering our famous monthly drawings.\n \n
\n \n \n
\n \n
\n )\n }\n}\nexport default OurCientsComponent;\n\n","import React, { Component } from 'react';\nimport { Container, Grid, Typography } from '@material-ui/core';\nimport '../style/homeComponent.css';\n\nclass HowItWorksComponent extends Component {\n render() {\n return (\n \n \n \n \n \n \n \n
\n \n 
\n
\n \n 
\n
\n \n 
\n
\n \n 
\n
\n \n 
\n
\n \n 
\n
\n \n 
\n
\n \n 
\n
\n \n 
\n
\n \n 
\n
\n \n 
\n
\n \n 
\n
\n \n 
\n
\n \n 
\n
\n \n
\n )\n }\n}\nexport default HowItWorksComponent;\n","export default __webpack_public_path__ + \"static/media/downloadourappimage1.0dd8b7c3.png\";","export default __webpack_public_path__ + \"static/media/Group 1602.98978926.png\";","export default __webpack_public_path__ + \"static/media/Group 1603.de68f404.png\";","export default __webpack_public_path__ + \"static/media/downloadourappimage2.638bf6ff.png\";","import React, { Component } from 'react';\nimport { Container, Grid, Typography } from '@material-ui/core';\nimport img1 from '../../../../assests/images/Group 1602.png';\nimport img2 from '../../../../assests/images/Group 1603.png';\nimport img3 from '../../../../assests/images/Group 1398.png';\nimport img4 from '../../../../assests/images/Group 1399.png';\nimport img5 from '../../../../assests/images/Group 1604.png';\nimport downloadourappimage1 from '../../../../assests/images/home/downloadourappimage1.png';\nimport downloadourappimage2 from '../../../../assests/images/home/downloadourappimage2.png';\nclass DownloadNowComponent extends Component {\n render() {\n return (\n \n \n \n How It Works? \n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n Get things done through one touch amazing 3 step process \n
\n \n
\n \n
\n \n \n 1
\n\n Download the WatchOps App \n \n \n The WatchOps app is the center of it all. With state-of-the-art functionality and security, the WatchOps app is the key to unlocking the power of the WatchOps service. \n \n \n
\n \n
\n \n
\n \n \n 2
\n\n Apply for Membership \n \n \n Applying for an WatchOps membership takes less than 5 minutes. Answer a few questions, verify your identity and you’ll be up and running in no time. \n \n \n
\n \n
\n \n
\n \n \n 3
\n\n Start Searching \n \n \n Applying for an WatchOps membership takes less than 5 minutes. Answer a few questions, verify your identity and you’ll be up and running in no time. \n \n \n
\n \n
\n \n )\n }\n}\nexport default DownloadNowComponent;","export default \"data:image/png;base64,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\"","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { Container,Typography, Grid, Card, CardContent, Divider, Button } from '@material-ui/core';\nimport '../style/homeComponent.css';\nimport { packagesList } from \"./../../dealer/actions/dealerAction\";\n\nclass SubscribeForWatchComponent extends Component {\n constructor(props) {\n super(props)\n this.state = {\n }\n this.onStartToday = this.onStartToday.bind(this);\n \n }\n componentDidMount() {\n this.props.packagesList();\n\n } \n\n onStartToday = (pkg) => {\n const { history } = this.props;\n history.push(\"/sign-up\");\n }\n render() {\n const packagesListData = this.props.packagesListInfo;\n return (\n \n \n \n \n \n \n \n \n \n \n \n DOWNLOAD \n \n OUR APP \n \n \n \n \n \n < div className=\"text-center1\">\n 
\n
\n \n \n \n \n \n \n \n \n 
\n
\n \n 
\n
\n \n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. \n
\n \n \n \n \n
\n \n \n \n
\n \n \n \n \n
\n )\n }\n}\n\n\nfunction mapStateToProps({ dealer }) {\n return {\n packagesListInfo: dealer.packagesListInfo,\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators({\n packagesList,\n },\n dispatch)\n}\nexport default connect(mapStateToProps, mapDispatchToProps)(SubscribeForWatchComponent);\n","import React, { Component } from \"react\";\nimport { Container, Typography, Card, CardContent, CardMedia, Grid } from '@material-ui/core';\nimport img1 from '../../../../assests/images/Group 1868.png';\nimport img2 from '../../../../assests/images/Group 1871.png';\nimport img3 from '../../../../assests/images/Group 1870.png';\nimport '../style/homeComponent.css';\n\nclass SimpleBannerComponent extends Component {\n state = { }\n render() { \n return ( \n \n \n Subscribe For Luxury Watches\n \n
\n \n \n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n \n
\n \n \n \n \n {packagesListData && packagesListData.map((row) => (\n console.log(\"row\",row),\n \n \n \n \n {/* HOBBYIST TIER */}\n {(row) && (row.membertiername) ? (row.membertiername) : ''}\n \n \n \n \n ))}\n \n \n
\n \n \n ${(row) && (row.price) ? row.price : ''}/ month\n \n
\n \n \n \n {(row) && (row.shortdesc) ? row.shortdesc : ''}\n \n
\n \n \n \n
\n : ''}\n {(row) && (row.longdesc[2]) ?\n \n \n {row.longdesc[1]}
\n \n
\n \n
\n \n
\n : ''}\n {(row) && (row.longdesc[3]) ?\n \n \n {row.longdesc[2]}
\n \n
\n \n
\n \n
\n : ''}\n {(row) && (row.longdesc[4]) ?\n \n \n {row.longdesc[3]}
\n \n
\n \n
\n \n
\n : ''}\n {/* \n \n {row.longdesc[4]}
\n \n
\n \n
\n \n -\n
\n
\n \n
*/}\n \n \n
\n
\n \n limited access\n \n
\n \n \n \n
\n \n \n \n \n \n \n \n Freedom to change your mind\n \n \n \n \n \n \n \n \n Freedom to experience variety\n \n \n \n \n \n \n \n \n Freedom to try before you buy\n \n \n \n \n \n \n
\n );\n }\n}\n \nexport default SimpleBannerComponent;","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAABHNCSVQICAgIfAhkiAAACnBJREFUeF7tXPt52zYQv6MHqDtBlQkqyQNUnSDKAJGoCaJOUHeCOhOIdAaoMkHpASzJE9SZoOoAxvU7EKBBEOBblNrP+lMEQeCHez+A8PbrhAB2evvtZXgDsCMRvAF4yQA+RsvfEWBNANFNGK86rvUiXz8ZBT5Gyw0ChHrX/1cQTwKgDV5TEPebcAyBeE+EM5PsECkhpGS6+PJwKeTYO4AF8IhiQFxWgcigCaSlotrrCoCeESkCEXyerKLjOcHsFUAbPCSxmqy+RPvNx5Aw2Ngg7jfhCAKxJEJm9VELII6IdNcHkLv7jz+VfR9frv6ZrKKDPaY3AH3g6Q/aIALAsxc0ogcC2gZwdZisooTn2G/CmYCXMQLOAdHebGsg+RAJaQ8AVVTPyzhMw3iSEystTr3wSkFhEH2+Wd2v7YGPm8UtIv7q/CbREwFFAVxtJ6uIwfX+GEwCsQbE99YgCeRkef9b3X3JuZD+rDt+GsY5outMgT6FAQAJC/2MbVOFkFMK6tkRCX92sUfVpiT1gLg1Zax65xkJf5msoq05x34TXrPIMKlNEI4ya4Hom+KM3KcJcIwI3/GfvQLoUBjfAPGHqo0TwT96QTy2q4mjgIwcrM2HyBT5lb+z2yx4TKbQ7HUS0W83q/tb+//dZpHouXsD0CXzAK62AsRanqgDSAYOgO4CCO4AXuYuxVIFfg3WvgPEH23WZvkFAOMyWTcYgFUKQwn9McDLWACOAOhoKgSfYulKibl5AZm1vdxAJH7hNUnFhMHvkhOGoMA64DWhosfNx7XeQB/snJd5H0MCnBPgzBQZPEbJ3cRUIicH0KUw9EKagKYplJD45AuKpS9KtBUIgWBZJtl7cABLtO3zNIzfNQFQnfofVbYXAWwDpC2I4GsfHoepDAYF0MW2ZMgYJJzUNUPYlCCkvzR4UiMDpRZ+0UDOzsUA86HKTvQd5lkA9Mk8U3b5ZIfFQjOB9AkB5q+o0BNCMNPUJe001s6pt2EbyeZ0B+ULM2WWGt3mS4MDaHsO2rdVMuzVgif6Ol3dvwJjrJpBEUgc2io8R8J3ZQDsN+GcQEhAbSWgP8GUeRPGH+qIkMEBND/IFrpiVRn9yLlARA/T1X1BGSh2ZTeJ7a/CzzZKK2y8uQAxkwdhmSfmQTDovFaXSBkcQBliAkqM0z8o4Xu01L/P971DxE+pjcVGtLhFwJlmzy4aXIAIEWBMAAftd5tixUXdgwOozQ0XiASCLX7pFrFRerP6cmfJPI5ysLJI9YNSNJbdxwfyoYkcK6PSiwTQB6IKRckQkOu0HzcLg/ryPuZus3g22PDIdl9AGNfV5FUgurwefucsFKgX62Dn9BFRPF3dZ7kPPd5abE5Z8FwEYutwtZ6ludITmDbQZwXQQ4kZaxYWGy3/1raeS1lIBWOIAQdV9Q5mDkCkNSGxCBkToRQ/zAkYiKiwFsHBj1QRdo7GlCkW88OPm+XRF0OzZaWAlzkCcgTHjqLooa3svjIKLBMDZc86A1imWEx3q4yFfQvcRUsOrTtNHuMdpppVU3kpbUokdh87/XoBsA6IOSPcIyctSjQN82/soajYYsHuA4BGUWwpc9OwfZr3IHriORoieUQIIjvK3SmkX2EnWmZMmqFzLVoZ3Ex9MjNnm0VK6XAOxIwmM4hsAmVpA/fcMiPIUZ8MvOnqvorKa2PbCcAqSjRNGR6LSLd2CnIfLzityUI626DpH+udlCR/OGzPOeJcxGYfLzgxz4mtVw+J8r53bZRKBnYGsApETx6Coy/MQrkQO3srAeDYZVjXzJ7xnBxcKFIY0QNCMO8jLGbi2QuAVSDalOg80JQ6eIPO6Irle8ckgcK1L8igv6HzMK5k0cVQoMFmZb7zyKkUiL4i0NYnH425TZkqg7ilVPmanGfB31Rh1Ma2NwqsA2LtVXkGmi4gsiFMyCnIUtnZ9ZtV7/cOYBU7Vy2o7LmdgMrGnkA51F3nSQA8JYhWIELadC6tXReAruNOBuApQHQZxOcET5pmXU+g6v06vjOXlmG+mPIZRPBkumuXCN4gAJZRIgTikzJ2faVlCRJypdXRdsXOTXmacE5OgSXauYp4zedshpxV2/oWOxiAHkpM1yVtNkgCCBKAl5EAHANgWDCSz6wwXCAOCqAHxFy2z6RYVTmqQT6rtr0ICixh5yzbp0G+VJlnAzk4BVaByCGt/wp4g2lhH/m7TBwz23duI7mOljsbBVZq5wtUGIMrEVfHEYehAqSDCoDK0FWBEv8j4J2MhVWYidsZXFX55kFKQ5nD8ipsz5HpZ4RgfcoQVB3WrDumdxbex4tfVZip7hpkPjZI2xJOFrervZiGA3sFsNhwk1Xlc+KHw/icNLoWIOaOKqucKdNwH2cb3huAhbA9UVzFio7OpVxfx9lQafDhHIC6+a/B+3KoILzmxmr9nlmIWTWXp+aGC45kfbRukqma51zPcwDuoiWXo7XpmszWX6fc194sNyIKCO48CaKLBtMGkDqdJNFT26R1zfroiwPTDSDRN9aMDr+Pq0vTVlMilVrkhLnqwPSU+jY9lJpgctM198F9bjq/YcSPuhZ3+gB01jybQt8sz91Fy5RyewLQBKQGmLW0t+rUfC8Iuc6a7VNTVGX2aNPDGATAFATg0y50fDdZsAEm18mYpXDJNIx/tufiVAGJgE0mBqyyHqaJ8ssUpvnRKkpqQ4FmY42rlroJgBZlzgTQVise3jzAVcKXVSgqc7ZdGNpOX1wxMitlq1ovHGLt9a8TAcilZVx5lSsHlu0IgWAqOrQ1VRrV/KXN1AlCwE3YiVXL+NpHXNLz4jrsoViYezzG3CesF74zSoAlti374rJDt3anWsgSAkqqrhFQXMIlyfw7TsP4+7qcMQiArsXsNouDr6RXgZmYERvXHNbGZZJd5Vb43oXSusGCvCzpSi8D82wAmtrV1c9rLNpbH53zvWtUwfqAMA+CKfdmFde5wUNOdzYA7c3U6YtjeSkpDOmobjXKwmUdup64e/S1Ha3hQVwMgJaG9fbFuaiIPNeslLGetgtV6E2VFvsLPH1zXSSAFphj1RdXKDbX/Xd2m1kpcPGCzRy2DXPNQao6NrSLyKuUSb8Apl/jMD27WVoJdDKeLTBHAC8zAXDta+fyKBu+l0v3KhflW5pCYPAar/UUANp7YDeJo82NF1d1+hUsOjJAK0SYlJmzZbuwKdWZ320NYNPNqbA95z9qd5g3/YaKZ3J1PrOn23VTJcV8x00fKYR+AVRWfBokFXNHEXjrS8LKTBDlvqVpAreWqX0vV9ND88UD0/v5rF/OdCh2+3Anz61V08f5j/UpgOQ+EJcyyJachuS2yvs5GdW3Dqg2sbtKLglrRJHqkkavMjDkGruMg8jcPID5RuhSam5y1YmeKMv9Ou7/8zVdGzdbMnu60w1pAquTMmjKunq8nVS6FvASAmCpKxOki219wur+P77byndrpJ7bH8PrWRn0AmDbSdq+p4DkPmHvlXS5uRtc0th2TU3f6y0v3PTDtoGsmq75jpjsskM5Jq1ePQRpq2lrqu+yvrJ3LwLAU21uiHnfAOyI8huAHQH8F6OQ/8k6EtpFAAAAAElFTkSuQmCC\"","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport HomeBannerSlider from './homeBannerSliderComponent';\nimport SignSubscribeComponent from './signinSubscribeComponent';\nimport OurMemberSayComponent from './ourMemberSayComponent';\nimport WatchLoversComponent from './watchLoversComponent';\nimport OurCientsComponent from './ourClientsComponent';\nimport HowItWorksComponent from './howItWorksComponent';\nimport DownloadNowComponent from './downloadNowComponent';\nimport SubscribeForWatchComponent from './subscribeForWatchesComponent';\nimport ContentWrapper from '../../../../common/components/contentWrapper';\nimport SimpleBannerComponent from './simpleBannerComponent';\n\nclass IndexComponent extends Component {\n constructor(props) {\n super(props);\n \n this.state = {\n \n }\n }\n\n\n getContentView() {\n return (\n \n \n Resales are difficult. Before you commit to something, take it for a test drive.\n \n
\n \n \n Your sense of style is constantly evolving. Your watches should be too.\n \n
\n \n \n You’re in love but have no idea if it’s going to work in your life.\n \n
\n \n
\n )\n }\n render(){\n localStorage.setItem(\"menuTitle\",\"HOME\");\n return(\n
\n );\n }\n}\n \nexport default WhoWeAreBannerComponent;","import React, { Component } from 'react';\nimport { Container, Grid, Typography, } from '@material-ui/core';\nimport Security from '../../../../assests/images/who-we-are/Group 1652.png';\nimport watchimg from '../../../../assests/images/who-we-are/Group 1654.png';\nimport members from '../../../../assests/images/who-we-are/Group 1657.png';\nimport umbrella from '../../../../assests/images/who-we-are/Group 1658.png';\nimport Trust from '../../../../assests/images/who-we-are/Group 1662.png';\nimport knowldge from '../../../../assests/images/who-we-are/Group 1661.png';\nimport loyalty from '../../../../assests/images/who-we-are/Group 1660.png';\nimport competative from '../../../../assests/images/who-we-are/Group 1659.png';\n\n\n\nclass WhoWeAreGreatReasonsComponent extends Component {\n constructor(props) {\n super(props);\n this.state = { }\n }\n render() { \n return ( \n \n \n \n \n \n \n \n
\n \n About WatchOps \n who we are \n
\n \n \n \n \n \n \n \n
\n \n People who love luxury watches inspire us as much as precious timepieces.
luxury watches have our undivided attention. \n
\n luxury watches have our undivided attention.
\n WatchOps has built the largest and most complete searchable watch model database in the world,
sure to become an irreplaceable tool in every dealer’s toolbox. \n
\n sure to become an irreplaceable tool in every dealer’s toolbox.
\n
\n );\n }\n}\n \nexport default WhoWeAreGreatReasonsComponent;","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAzCAYAAADsBOpPAAAABHNCSVQICAgIfAhkiAAABTJJREFUaEPtWkFW20gQrZJnHp5scBZEbW0GThBygoQTQE4QcgLICYJPAJwA5wTxnABzAuAEkI3dCouYjbEfQZVXrW7RtmWrW7JZjVeJ1Kr++v2r6ncLhCX/ojdv9igIjhGgPRyNTgeDwWCZU+CyggkhPiDAVwT4kMUkGgDiyTKBVwYshNgMAL4CwL4CSnRPAEeAuIcA79UlgFu+JqX8VpWg0oBngKZIWsPR6MTIQLN+ZAOvKhVvwBsbG9t/12oHGaMp0G9JyuBtHoNa1ycI8K91v/349HR6d3d35cO6M+AoDHcJ8XBCowVAp4EoxokOEXHX0vkVAbR/J8mFC/iFgHmCAOATEO0BYsNolBMpAWjPY7SIMZaTAs66R1w341nrQNQhxI6U8iIvzgTgRqPReLW29p4409Ok2bSYuGYmHsbj9jJLFcsFgmBPk5KB18naBaIrBOgmiNdMEOpl2lVLjbhtvxUB/OAkqcJmEdv2fY2FiWIsb3OebWEzDDuZptKS1AWA7u8k6bpoygeQz1he7Xq9vh0w+FSS/AItbArR5bJDRF/6cXziE/SlxkZCHEFa61sYCUE8cU9K54rxUkDNPIbUBGDnf8CrYD8Kw19cVoej0WuMwpANyjr/Z5nlahFwrsM+NdyWbZZ0rA8pJVeIlf5U3UU8SxC/SCnbRZPp5nUORNe9ON5+UcC6Md3w8rpWpWYYcis/Zr/Sk3L/uQ4nycfez5+dojeucr8ZhieIeEAAF30pn33zgqDZM7rscpVQNY6ITvtxfFgFUIFu2Zec85gEYMtVw3ZJY8mq1syBfN7a96VYCv/U65fam7R6UjJJTj+TcKYooNJVvf5rlc0j61Q6cZyQAoD23pfsafpSKiOmulsUhlfcqx+fnt4t2z+YSXke3/jTCfcMWAguL59cM9eVIZuMMjkSaVwJwGdTAlOGU0/6nQ10X8qtIkBaRgdFu+EsoQF+PIxG276NqSnEDeveXpnM8DSFuOU9l8uymcxlcz0cj3fygOhN6o2uCt5NKXue6L4Xx+lux2iY/2HVu8LypnQZBF21vZkD2rKthfHyVtTol4j+68fx3gzgLDmIBr04fu0ki7U1Bv0WiAaPSbJjEjZLFqL74Xi86SsFrf1L3gHZ+p1g2E4QcOx6utVOgK7VaoOAiCdruMaZJmeeHGYAz1uGIrZNNvM4TlxOlOmlLIph388rZzOS4At2E/Fpn2p1dAlSgStIwZZD3grNbIvMxETU6cfxRx9mhBD7AcDZtO48Y6SeY6o65DLMF5V+iLjzrZfxyOxNqvjqphDn+nQp13Pkbjytgu/USHwYXDTWMutzq8vcnbJpJKto1/NAF7E7UyXsQNbbDobj8VaZWurDvAu7CwHr7mdOhdT2xAeA79goDFWj4MOSRX656PSST9eVHyjbBFyA+5ikwtMeq81OtF8XIC5jbL/sUpUKAdtNgbvYw2j0bpl6NlJw9ctOgHX3UbuSRZbShVF7TCTEGX964C2Qq192Bqw3kny4zN8p2j0pP/sCnKpCqivyNRcPPrfTLQIx4YMLsrmgQWRgfdu4M8MGQFYv0/OFbK/lyrZ+6XOf0x87tjdg7TdKMWSDNUdPri9aShLzNOiiaXMIqL9GlW5EpRi25JExvQi0sZ36udJgC1uzy3IVbUgjIfjbhDma8jqmypu/EsMmIIP+q1brqJJHdJUgsvFnX31sPqWVSdCVAebA0xtS8+WUmwIB7Fcx9ZWrxDyp6ObCTKs/OyhyXi6Smx6zFElMB2XDtKoPk38ASK59DzcLlgQAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA6CAYAAADlTpoVAAAABHNCSVQICAgIfAhkiAAABVZJREFUaEPtWk1yGlcQ/npUKRFvTBbyPNhE2mSZ4BMIncDyCYROIHQCoxMIn8Bon6pIJxA+QeQTCG/gYS2CNngoiulUP+aR0UjMnwCLFLNRlWbo976vv9c93dOEFV4lpf4E82+9fv/3VS1Lq1pI1tkAXALbGw8uktT/hUR3dnYqP21tvQOwy8CuEERAVf4ys+GLiMBA25JHQAdAxwfanud9GQwGg0URuxCJKqX2ifkQRIcUgGLgq2w6ADgDYzfOAWhzn7kCotehex0wXxLQ7vb7V88BmxtgsVgsvioUTsBcB1Ex8NAVE116nneZ1Qtir1AoVAxYoEpEogJx+wBEzaHnfcxqMyA3Gz9RYMx8Rcyt7rdvl9ksJT9dfvPmkIlqM7BAa+h5p1mAZvKgUqpKwKdAhhc+0NBaGxku81JK7TpAA8CR8SjzcVpCUwMsue45EdXlbDFQ01o/OlfLBCm2TQBznBaI/gDQ6mp9nLRmIsBAkucAasz88fto1MgikaQN5LlfVkq8+QHMN8PR6CBuP7EADbjt7WsQVXzgWGvdyrOhZfxGKVVzgE9JIGMBlpS6lhz20sBZwiQmOMC15NSe1gdPETkXYMl1m0R08lLBhUAaT8rx6fX79SjIJwFKeIbj/AXgoqt1bRkSW6TNslJydI584CAa/B4BDM7dLYCv3X5fku5aXCWlJF1xT+u98IYfAbTSHE8mb+/u7m7WAh0Aex4BnHW1lihrrgcAg4R6O0/PLx1syXXl/XW/2+//8iRAo2Xmw+FotPujc10eMq0Xw4Fx5sEgof+zrt6zhARn8damjRlA+3bgA3ureL/M46E0vym5bp2Izi2OGcCSUiZy9rQ2xem6XlElGoBBFf73S0/qaUkPYsk7CTYGYNStUUNCwNbWlqm4tdaf0y4Ufi5sYzKZ3GdNQRLhiVmK4KotsKXi94GO1voivJZ9TxWZTgEq1SbmYjixK6WOpA1BRIdRQAx0GGh4nncVF21tcSzlldSQ047Mg9zU8oGLuNLLAJvWoNO+TtAKkf0GZZP8r0PT8ulMnglF0wMDsKwU2+hpgAGNYENfTW+Eue07zsDx/SIcpyKpxBiPKT5LrnsidoRtqfqllUHS3pBNEjUd2fDUjijjyUq9rNQHiA3meyFUbEQDoKn6Hacu+U8qi7HvH4/H486rQkEywimFzx8BAk4W/uIT1ROYrTrMTQHKzM1ev38qmw+XWAx8DopjU/WLUuSvDWSBhwW0qe1kcyLdsA15Hx56Xj0pLxuvMUvbhH2iU1NKAWc0q6sMtXwfAEtd99lXO+sFUz8Cez7RYZSgKEAr/cjm3joCGKhlDXoBMe2ZdKVfFKqO78e+X816+APN2+JT+pk0z848gLNI7jjiYRZZZwVnyQqDFAWRDTDD0aiaJIO46Gk8CdTiSIoD+AAkUTP8wpw1aluQTDQwAMPnJKuxSHiuxp3bJIAWZB4VRfctIH/e3m6YILMIg2mISQMwjZ0szyR21bIYS3p2AzCJoRz3Nx7MQdrcn2wkukg2A1sbiS6S1I1EF8nmRqJLYHMj0SWQuomiiyR1I9FFsrmJojFsBm25fdumS0v82kjUfgHO+h1jbQCGG6tZ5mXWBmDebxll15W5s8tVfvfPnQflO5yZBkw5pDD7xOz779OOYaU923HP5Qf435jJo8mGpxYM5Ln73fMqz2lPZgWdG6BpyxUKN8T8euz7B3GdudCYx8qnpXIDDDVqZ8NxPtCyE7siSQC/OtN5UhlH+SEzN88CKCBnDVagFp7atVKSz13k+/VVnruwjJ8N0BoLT+zS9NtCezKZDFbVVJ53Nv8FOXlWuZgBDRQAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAmCAYAAAB+mDPLAAAABHNCSVQICAgIfAhkiAAAAuNJREFUaEPtmb9v00AUx987JzRqhwSpl7tYqAKEhAQDRUIqGzACYujMUMqPHWYmVnYWhsKf0KUVTMBWxEAZYOnQocL2NVGbSqgiqZ2HXMWVazn1Ja6rpDjre/f19/O+l9MlRlNKgtP8IXqH/xWk5Th4mgKVUs4zgAUIJ5lDjmDEeZIjGFqs5TzJPMkRmkC+XcNhcc6nC4zN2Uq9KJfLZydKpa9JYRLimu0495P6sq5rJVmpVCrjY2PrgFgBgFcdgDcMYDPJHAH8sh3nalJf1vVEyC7gJ0CcBqIfllLTUkrehdxuu+7NqMlCoXCJASzpQgohLjCAl2lgbaWe9lqfCGlK+R4A5nzA3VbrdrPZbAaQBNCwHYdHxaWUVxjAzz4gZwzElTSQR11Fj4TspvgZEK8B0epuq3UnC8j9oRE9SAWp1MLASUopzzOiVUAsB6ClUqnob9fjSjINnM7axO3qi/gna5ExP9FyB2AeAJb2IYk8BFiPPogQzyDAlO521TGapkcLMgAtMPbIVup56OA58tkjBxmhYZzzi0nTLXpey9ra2kjqy7qunWTWRrLUzyGznO5JaudJhqddq1YfIuLruASo03li1+sfgpppmuPgeWuxaSF6luNMBbXuRWC1V7IewHWl1ME92RTiOwBUe/R/tJR6HHMD0/u3ribEM0R8Gyve6cxam5uLQU0IMWEg/ullPHwF45zLomHYvXrbrms2Go2DuimEBYi12GETLdpKzQ4M6afTbrfLceJhE0F9cnIy1ggiUr1ed8I6vXr9nqi2EKLqeZ4R52Nvb+/vzs7O9sCQJ3lQHPeztA+emhAriDjTtwGi35ZS5/x1kvO7zDCWIxob4e9o3/oaC/QhpfyGADc0NA+1EJGylZL7kFLe839nRhpsSymzX91++rUh+xEdtt4cctgSGdRPnuSgkxu2dbFJEsCXYTOaxg8C+Kf75UMvYdMIDvVa/02zlPLWUJtMac51XfsfYREd5cuYUTAAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA5CAYAAABnLziGAAAABHNCSVQICAgIfAhkiAAAA4hJREFUaEPl2kFS2zAUAND/7TJxu2m6gIhsSE9QeoImJ2g5AekJSk9QeoLSExROUG5AOEHhBKWbRIGN2aTOUKzOTyOPYzvBsiU5pp5hGIhi6VnK15cihAquZrPZfNZonAHibqp6IXyBeKHSLAS4gn8/qSsEOOGcX6HKDXWUXYnUUUH6Hp+HnB9ahS4ghbicTKdd3/f9eNuojOd56Z5e/RA6DkAnXkQAdBHgDQDYheZB6uzQNmOHAPDJKtQ2kh6YdagJ5Obm5q7rus+DILhMDn05KqxCE8jbEHGXImDRIbrdah0gDUfEpryHABj8DoK9JNgqtN1q/ZhNIULc3oVh9+bmRmnaiD+Q7VbrCBE/0P8EwPn8tQ4C7IAQ/mQ6fRnHWoO2GfsGAH0dSMZY1wE4EwC/KJrGR4UEUc+OOO/JhxN7z/mIc4rA+i+dSGqd7M0Q4D3n/DjZ4m3GKCHYmQTBC9mrxqG6kTMoYwOaE0OAHud8kAFNvW4UagI579FTRHz7EPTu/v61jAPGoKaQc+gBIn4BgJMh5/14jzLGKCv6SbFgOB5H0dgI1CSSUDRNPfW8C/ocCiGOBOJpLOpSHtsRQnwcjcdHxoKRaaRsOCUJT1z3dDadJC4hxNfReHyQ6GkZqctH3QhJNYTh3vD6Wj5p/aFc9myjQUO3O0sahLig3s0KUPM0UNDvIedYeHqJT+DLwr4RrcJN24yVgzLG+g4AJQSwrsjSPVoXZClonZCFoXVDFoLWEakMrSsymSOvnF7qjMwNjSOzMg+F6ayyonLhT4uBzB5tb229A8f5Pm9hKpGurOUKFcdTU9rCSUEpp9xwHNpFp5VA7ZFyC2cB+liRNBAi6GNGRtDHjpxB/wfkDCo3nrL2RhWCXGVF8y78cb6bPgDEV7SQnUynvWXb/JVpllScFxl9RuuIVUEuRN06YVWRC1D6ow7YIsgUdN2xRZGZ0HXFlkEuha4btixyJTQD69+FYa/Md5xFpicdyAehVWN1IXNBq8LqROaG2sbqRipBbWFNIJWhprGmkIWgprAmkYWhurGmkaWgurA2kKWhEdbz6Cv1fVq8qyQVtpBaoDLbaTNG539yY20itULpZnmxtpHaoXmwVSCNQFdhq0Iag2ZhN1yXTmZqOQRZZBVU+FRKnsqiz6wsrOE4a556s8oYhSZ6tvSZ3aJIo0M33ig6k/QnDI9tL9rjbfgL7CE5doJV25oAAAAASUVORK5CYII=\"","import React, { Component } from 'react';\nimport Slider from \"react-slick\";\nimport { Container, Paper, Card, Typography } from '@material-ui/core';\nimport imglogo1 from '../../../../assests/images/logo1.png';\nimport imglogo2 from '../../../../assests/images/logo2.png';\nimport imglogo3 from '../../../../assests/images/logo3.png';\nimport imglogo4 from '../../../../assests/images/logo4.png';\nimport imglogo5 from '../../../../assests/images/logo5.png';\nimport imglogo6 from '../../../../assests/images/logo6.png';\nimport imglogo7 from '../../../../assests/images/logo7.png';\nimport imglogo8 from '../../../../assests/images/logo8.png';\nimport imglogo9 from '../../../../assests/images/logo9.png';\nimport imglogo10 from '../../../../assests/images/logo10.png';\nimport imglogo11 from '../../../../assests/images/logo11.png';\nimport imglogo12 from '../../../../assests/images/logo12.png';\nimport imglogo13 from '../../../../assests/images/logo13.png';\nimport imglogo14 from '../../../../assests/images/logo14.png';\n\nclass WhoWeAreLogoSliderComponent extends Component {\n constructor(props) {\n super(props);\n \n this.state = {\n \n }\n }\n \n render() {\n var settings = {\n arrows:true,\n dots: false,\n infinite: false,\n speed: 500,\n slidesToShow: 8,\n slidesToScroll: 2,\n initialSlide: 0,\n responsive: [\n {\n breakpoint: 1024,\n settings: {\n slidesToShow: 3,\n slidesToScroll: 3,\n infinite: true,\n dots: false\n }\n },\n {\n breakpoint: 600,\n settings: {\n slidesToShow: 2,\n slidesToScroll: 2,\n initialSlide: 2\n }\n },\n {\n breakpoint: 480,\n settings: {\n slidesToShow: 1,\n slidesToScroll: 1\n }\n }\n ]\n };\n return (\n \n \n \n \n \n \n \n \n \n
\n \n 8 great reasons to have a watch from WatchOps \n
\n \n \n \n \n \n \n \n
\n \n 
\n
\n \n
\n \n Authorised Retailer \n
\n \n
\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\n\n \n \n \n \n \n \n
\n \n 
\n
\n \n
\n \n Largest Selection \n
\n \n
\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\n\n \n \n \n \n \n \n
\n \n 
\n
\n \n
\n \n Dedicated After-Sales Staff \n
\n \n
\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\n\n \n \n \n \n \n \n
\n \n 
\n
\n \n
\n \n You Are Protected Against Malpractices \n
\n \n
\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\n\n \n \n \n \n \n \n
\n \n 
\n
\n \n
\n \n Trust \n
\n \n
\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\n\n \n \n \n \n \n \n
\n \n 
\n
\n \n
\n \n Knowledgeable Staff and Great Boutiques \n
\n \n
\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\n\n \n \n \n \n \n \n
\n \n 
\n
\n \n
\n \n Loyalty Programme \n
\n \n
\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\n\n \n \n \n \n \n \n
\n \n 
\n
\n \n
\n \n Competitive Pricing \n
\n \n
\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\n\n\n
\n \n
\n )\n }\n}\nexport default WhoWeAreLogoSliderComponent;\n\n","import { Divider } from '@material-ui/core';\nimport React, { Component } from 'react';\nimport ContentWrapper from '../../../../common/components/contentWrapper';\nimport WhoWeAreBannerComponent from './whoWeAreBannerComponent';\nimport WhoWeAreGreatReasonsComponent from './whoWeareGreatReasonsComponent';\nimport WhoWeAreLogoSliderComponent from './WhoWeAreSliderComponent';\n\n\nclass WhoAreMainPageComponent extends Component {\n constructor(props) {\n super(props);\n this.state = { \n\n }\n }\n getContentView() {\n return (\n \n \n \n \n \n
\n \n
\n \n WHO WE REPRESENT \n
\n \n LUXURY BRANDS AVAILABLE AT WATCHOPS \n
\n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n
\n );\n }\n\n render() { \n return ( \n \n
\n \n \n
\n \n
\n );\n }\n\n render() { \n localStorage.setItem(\"menuTitle\",\"HOME\");\n return ( \n \n
\n \n \n \n \n \n \n \n \n
\n \n About WatchOps \n Privacy Policy \n
\n \n \n \n \n \n \n \n
\n \n \n WristMod LLC. Website Privacy Policy\n \n
\n \n \n WristMod’s Commitment to You
\nWristMod LLC. (\"Company\" or \"We\") respect your privacy and are committed to protecting it through our compliance with this policy.
\nThis policy describes the types of information we may collect from you or that you may provide when you visit the website www.WatchOps.com (our \"Website\") and our practices for collecting, using, maintaining, protecting, and disclosing that information.
\nWhat Does This Privacy Policy Cover?
\nThis policy applies to information we collect:
\n·\tOn this Website and relevant mobile apps.
\n·\tThrough the use of our software services WatchOps.
\n·\tIn email, text, and other electronic messages between you and this Website.
\n·\tThrough mobile applications which provide dedicated non-browser-based interaction between you and this Website.
\n·\tWhen you interact with our advertising and applications on third-party websites and services, if those applications or advertising include links to this policy.
\nIt does not apply to information collected by:
\n·\tUs offline or through any other means, including on any other website operated by the Company or any third party (including our affiliates and subsidiaries); or
\n·\tAny third party (including our affiliates and subsidiaries), including through any application or content (including advertising) that may link to or be accessible from or on the Website.
\nPlease read this policy carefully to understand our policies and practices regarding your information and how we will treat it. If you do not agree with our policies and practices, your choice is not to use our Website. By accessing or using this Website, you agree to this privacy policy. This policy may change from time to time (see below at Changes to Our Privacy Policy). Your continued use of this Website after we make changes is deemed to be acceptance of those changes, so please check the policy periodically for updates.
\nChildren Under the Age of 18
\nOur Website is not intended for children under 18 years of age. No one under age 18 may provide any personal information to or on the Website. We do not knowingly collect personal information from children under 18. If you are under 18, do not use or provide any information on this Website or through any of its features, register on the Website, use any of the interactive or public comment features of this Website, or provide any information about yourself to us, including your name, address, telephone number, email address, or any screen name or user name you may use. If we learn we have collected or received personal information from a child under 18 without verification of parental consent, we will delete that information. If you believe we might have any information from or about a child under 18, please contact us at support@watchops.com.
\nInformation We Collect About You and How We Collect It
\nWe collect several types of information from and about users of our Website, including information:
\n·\tBy which you may be personally identified, such as name, postal address, e-mail address, telephone number, or any other identifier by which you may be contacted online or offline (\"personal information\");
\n·\tThat is about you, but individually does not identify you, such as anonymized data; and/or
\n·\tAbout your internet connection, the equipment you use to access our Website, and usage details.
\nWe collect this information:
\n·\tDirectly from you when you provide it to us.
\n·\tAutomatically as you navigate through the site. Information collected automatically may include usage details, IP addresses, and information collected through cookies, web beacons, and other tracking technologies.
\n·\tFrom third parties, for example, our business partners.
\nInformation You Provide to WatchOps
\nThe information we collect on or through our Website may include:
\n·\tInformation that you provide by filling in forms on our Website. This includes information provided at the time of registering to use our Website, subscribing to our services, posting material, or requesting further services. We may also ask you for information when you report a problem with our Website.
\n·\tRecords and copies of your correspondence (including email addresses), if you contact us.
\n·\tYour responses to surveys that we might ask you to complete for research purposes.
\n·\tDetails of transactions you carry out through our Website and of the fulfillment of your orders.
\n·\tYour search queries or requests made on the Website.
\n\nYou also may provide information to be published or displayed (hereinafter, \"posted\") on public areas of the Website, or transmitted to other users of the Website or third parties (collectively, \"User Contributions\"). Your User Contributions are posted on and transmitted to others at your own risk. Although you may set certain privacy settings for such information by logging intoyour account profile, please be aware that no security measures are perfect or impenetrable. Additionally, we cannot control the actions of other users of the Website with whom you may choose to share your User Contributions. Therefore, we cannot and do not guarantee that your User Contributions will not be viewed by unauthorized persons.
\nInformation We Collect Through Automatic Data Collection Technologies
\nAs you navigate through and interact with our Website, we may use automatic data collection technologies to collect certain information about your equipment, browsing actions, and patterns, including:
\n·\tDetails of your visits to our Website, including traffic data, location data, logs, and other communication data and the resources that you access and use on the Website.
\n·\tInformation about your computer and internet connection, including your IP address, operating system, and browser type.
\nWe also may use these technologies to collect information about your online activities over time and across third-party websites or other online services (behavioral tracking). You can opt out of behavioral tracking on this website and how we respond to web browser signals and other mechanisms that enable consumers to exercise choice about behavioral tracking.
\nThe information we collect automatically may include personal information, but we may maintain it or associate it with personal information we collect in other ways or receive from third parties. It helps us to improve our Website and to deliver a better and more personalized service, including by enabling us to:
\n·\tEstimate our audience size and usage patterns.
\n·\tStore information about your preferences, allowing us to customize our Website according to your individual interests.
\n·\tSpeed up your searches.
\n·\tRecognize you when you return to our Website.
\nThe technologies we use for this automatic data collection may include:
\n·\tCookies (or browser cookies). A cookie is a small file placed on the hard drive of your computer. You may refuse to accept browser cookies by activating the appropriate setting on your browser. However, if you select this setting you may be unable to access certain parts of our Website. Unless you have adjusted your browser setting so that it will refuse cookies, our system will issue cookies when you direct your browser to our Website.
\n·\tFlash Cookies. Certain features of our Website may use local stored objects (or Flash cookies) to collect and store information about your preferences and navigation to, from, and on our Website. Flash cookies are not managed by the same browser settings as are used for browser cookies. For information about managing your privacy and security settings for Flash cookies, see below at Choices About How We Use and Disclose Your Information.
\n·\tWeb Beacons. Pages of our the Website and our e-mails may contain small electronic files known as web beacons (also referred to as clear gifs, pixel tags, and single-pixel gifs) that permit the Company, for example, to count users who have visited those pages or opened an email and for other related website statistics (for example, recording the popularity of certain website content and verifying system and server integrity).
\nThird-Party Use of Cookies and Other Tracking Technologies
\nSome content or applications, including advertisements, on the Website are served by third-parties, including advertisers, ad networks and servers, content providers, and application providers. These third parties may use cookies alone or in conjunction with web beacons or other tracking technologies tocollect information about you when you use our website. The information they collect may be associated with your personal information or they may collect information, including personal information, about your online activities over time and across different websites and other online services. They may use this information to provide you with interest-based (behavioral) advertising or other targeted content.
\nWe do not control these third parties' tracking technologies or how they may be used. If you have any questions about an advertisement or other targeted content, you should contact the responsible provider directly. For information about how you can opt out of receiving targeted advertising from many providers, see below at Choices About How We Use and Disclose Your Information.
\nHow We Use Your Information
\nWe use information that we collect about you or that you provide to us, including any personal information:
\n·\tTo present our Website and its contents to you.
\n·\tTo provide you with information, products, or services that you request from us.
\n·\tTo fulfill any other purpose for which you provide it.
\n·\tTo provide you with notices about your subscription, including expiration and renewal notices.
\n·\tTo carry out our obligations and enforce our rights arising from any contracts entered into between you and us, including for billing and collection.
\n·\tTo notify you about changes to our Website or any products or services we offer or provide though it.
\n·\tTo allow you to participate in interactive features on our Website.
\n·\tIn any other way we may describe when you provide the information.
\n·\tFor any other purpose with your consent.
\nWe may also use your information to contact you about services that may be of interest to you. If you do not want us to use your information in this way, please adjust your user preferences in your account profile. For more information, see below at Choices About How We Use and Disclose Your Information.
\nWe may use the information we have collected from you to enable us to display advertisements to our advertisers' target audiences. Even though we do not disclose your personal information for these purposes without your consent, if you click on or otherwise interact with an advertisement, the advertiser may assume that you meet its target criteria.
\n\n\nDisclosure of Your Information
\nWe may disclose aggregated information about our users, and information that does not identify any individual, without restriction.
\nWe may disclose personal information that we collect or you provide as described in this privacy policy:
\n·\tTo our subsidiaries and affiliates.
\n·\tTo contractors, service providers, and other third parties we use to support our business and who are bound by contractual obligations to keep personal information confidential and use it only for the purposes for which we disclose it to them.
\n·\tTo a buyer or other successor in the event of a merger, divestiture, restructuring, reorganization, dissolution, or other sale or transfer of some or all of WristMod LLC.'s assets, whether as a going concern or as part of bankruptcy, liquidation, or similar proceeding, in which personal information held by WristMod LLC.. about our Website users is among the assets transferred.
\n·\tTo fulfill the purpose for which you provide it.
\n·\tFor any other purpose disclosed by us when you provide the information.
\n·\tWith your consent.
\nWe may also disclose your personal information:
\n·\tTo comply with any court order, law, or legal process, including to respond to any government or regulatory request.
\n·\tTo enforce or apply our terms of use and other agreements, including for billing and collection purposes.
\n·\tIf we believe disclosure is necessary or appropriate to protect the rights, property, or safety of WristMod, LLC. our customers, or others. This includes exchanging information with other companies and organizations for the purposes of fraud protection and credit risk reduction.
\nChoices About How We Use and Disclose Your Information
\nWe strive to provide you with choices regarding the personal information you provide to us. We have created mechanisms to provide you with the following control over your information:
\n·\tTracking Technologies and Advertising. You can set your browser to refuse all or some browser cookies, or to alert you when cookies are being sent. If you disable or refuse cookies, please note that some parts of this site may then be inaccessible or not function properly.
\n·\tDisclosure of Your Information for Third-Party Advertising. If you do not want us to share your personal information with unaffiliated or non-agent third parties for promotional purposes, you can opt-out by checking the relevant box located on the form on which we collect your data, or by logging into the Website and adjusting your user preferences in your account profile, or by sending us an email with your request to [EMAIL ADDRESS].
\nWe do not control third parties' collection or use of your information to serve interest-based advertising. However these third parties may provide you with ways to choose not to have your information collected or used in this way.
\nFor California Residents Only: You may have additional personal information rights and choices. Please see below at Your California Privacy Rights for more information.
\nFor Nevada Residents Only: Under Nevada privacy law, certain Nevada residents may opt out of the \"sale\" (as defined in that law) of certain categories of information about them for monetary consideration to a person for that person to license or sell such information to additional persons. As of the effective date of this Privacy Policy, we do not engage in such \"sales\" of information covered by that law. However, if you are a qualifying Nevada resident, you may submit a request to opt out of any future \"sales\" by us under that Nevada law by writing to us as described at the end of this Privacy Policy. We reserve the right take reasonable steps to verify your identity and the authenticity of the request. Once verified, we will maintain your request in the event our practices change.
\nAccessing and Correcting Your Information
\nYou can review and change your personal information by logging into the Website and visiting your account profile page.
\nYou may also send us an email at support@wathcops.com to request access to, correct or delete any personal information that you have provided to us. We cannot delete your personal information except by also deleting your user account. We may not accommodate a request to change information if we believe the change would violate any law or legal requirement or cause the information to be incorrect.
\nIf you delete your User Contributions from the Website, copies of your User Contributions may remain viewable in cached and archived pages, or might have been copied or stored by other Website users. Proper access and use of information provided on the Website,including User Contributions, is governed by our terms of use.
\nCalifornia residents may have additional personal information rights and choices. Please see below at Your California Privacy Rights for more information.
\nYour California Privacy Rights
\nIf you are a California resident, California law may provide you with additional rights regarding our use of your personal information. To learn more about your California privacy rights, visit https://oag.ca.gov/privacy/ccpa.
\nCalifornia's \"Shine the Light\" law (Civil Code Section § 1798.83) permits users of our Website or App that are California residents to request certain information regarding our disclosure of personal information to third parties for their direct marketing purposes. To make such a request, please send an email to support@wathcops.com.
\n\nData Security
\nWe have implemented measures designed to secure your personal information from accidental loss and from unauthorized access, use, alteration, and disclosure. All information you provide to us is stored on our secure servers behind firewalls. Any payment transactions will be encrypted and secured using industry standards.
\nThe safety and security of your information also depends on you. Where we have given you (or where you have chosen) a password for access to certain parts of our Website, you are responsible for keeping this password confidential. We ask you not to share your password with anyone. We urge you to be careful about giving out information in public areas of the Website like message boards. The information you share in public areas may be viewed by any user of the Website.
\nUnfortunately, the transmission of information via the internet is not completely secure. Although we do our best to protect your personal information, we cannotguarantee the security of your personal information transmitted to our Website. Any transmission of personal information is at your own risk. We are not responsible for circumvention of any privacy settings or security measures contained on the Website.
\nChanges to Our Privacy Policy
\nIt is our policy to post any changes we make to our privacy policy on this page. If we make material changes to how we treat our users' personal information, we will notify you by email to the primary email address specified in your account or through a notice on the Website home page. The date the privacy policy was last revised is identified at the top of the page. You are responsible for ensuring we have an up-to-date active and deliverable email address for you, and for periodically visiting our Website and this privacy policy to check for any changes.
\nContact Information
\nTo ask questions or comment about this privacy policy and our privacy practices, contact us at:
\nsupport@wathcops.com
\n\n[END OF PRIVACY POLICY - See below regarding Cookies Pop-up]
\n\nWe use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies. Learn more.
\n\n \n
\n \nWristMod LLC. (\"Company\" or \"We\") respect your privacy and are committed to protecting it through our compliance with this policy.
\nThis policy describes the types of information we may collect from you or that you may provide when you visit the website www.WatchOps.com (our \"Website\") and our practices for collecting, using, maintaining, protecting, and disclosing that information.
\nWhat Does This Privacy Policy Cover?
\nThis policy applies to information we collect:
\n·\tOn this Website and relevant mobile apps.
\n·\tThrough the use of our software services WatchOps.
\n·\tIn email, text, and other electronic messages between you and this Website.
\n·\tThrough mobile applications which provide dedicated non-browser-based interaction between you and this Website.
\n·\tWhen you interact with our advertising and applications on third-party websites and services, if those applications or advertising include links to this policy.
\nIt does not apply to information collected by:
\n·\tUs offline or through any other means, including on any other website operated by the Company or any third party (including our affiliates and subsidiaries); or
\n·\tAny third party (including our affiliates and subsidiaries), including through any application or content (including advertising) that may link to or be accessible from or on the Website.
\nPlease read this policy carefully to understand our policies and practices regarding your information and how we will treat it. If you do not agree with our policies and practices, your choice is not to use our Website. By accessing or using this Website, you agree to this privacy policy. This policy may change from time to time (see below at Changes to Our Privacy Policy). Your continued use of this Website after we make changes is deemed to be acceptance of those changes, so please check the policy periodically for updates.
\nChildren Under the Age of 18
\nOur Website is not intended for children under 18 years of age. No one under age 18 may provide any personal information to or on the Website. We do not knowingly collect personal information from children under 18. If you are under 18, do not use or provide any information on this Website or through any of its features, register on the Website, use any of the interactive or public comment features of this Website, or provide any information about yourself to us, including your name, address, telephone number, email address, or any screen name or user name you may use. If we learn we have collected or received personal information from a child under 18 without verification of parental consent, we will delete that information. If you believe we might have any information from or about a child under 18, please contact us at support@watchops.com.
\nInformation We Collect About You and How We Collect It
\nWe collect several types of information from and about users of our Website, including information:
\n·\tBy which you may be personally identified, such as name, postal address, e-mail address, telephone number, or any other identifier by which you may be contacted online or offline (\"personal information\");
\n·\tThat is about you, but individually does not identify you, such as anonymized data; and/or
\n·\tAbout your internet connection, the equipment you use to access our Website, and usage details.
\nWe collect this information:
\n·\tDirectly from you when you provide it to us.
\n·\tAutomatically as you navigate through the site. Information collected automatically may include usage details, IP addresses, and information collected through cookies, web beacons, and other tracking technologies.
\n·\tFrom third parties, for example, our business partners.
\nInformation You Provide to WatchOps
\nThe information we collect on or through our Website may include:
\n·\tInformation that you provide by filling in forms on our Website. This includes information provided at the time of registering to use our Website, subscribing to our services, posting material, or requesting further services. We may also ask you for information when you report a problem with our Website.
\n·\tRecords and copies of your correspondence (including email addresses), if you contact us.
\n·\tYour responses to surveys that we might ask you to complete for research purposes.
\n·\tDetails of transactions you carry out through our Website and of the fulfillment of your orders.
\n·\tYour search queries or requests made on the Website.
\n\nYou also may provide information to be published or displayed (hereinafter, \"posted\") on public areas of the Website, or transmitted to other users of the Website or third parties (collectively, \"User Contributions\"). Your User Contributions are posted on and transmitted to others at your own risk. Although you may set certain privacy settings for such information by logging intoyour account profile, please be aware that no security measures are perfect or impenetrable. Additionally, we cannot control the actions of other users of the Website with whom you may choose to share your User Contributions. Therefore, we cannot and do not guarantee that your User Contributions will not be viewed by unauthorized persons.
\nInformation We Collect Through Automatic Data Collection Technologies
\nAs you navigate through and interact with our Website, we may use automatic data collection technologies to collect certain information about your equipment, browsing actions, and patterns, including:
\n·\tDetails of your visits to our Website, including traffic data, location data, logs, and other communication data and the resources that you access and use on the Website.
\n·\tInformation about your computer and internet connection, including your IP address, operating system, and browser type.
\nWe also may use these technologies to collect information about your online activities over time and across third-party websites or other online services (behavioral tracking). You can opt out of behavioral tracking on this website and how we respond to web browser signals and other mechanisms that enable consumers to exercise choice about behavioral tracking.
\nThe information we collect automatically may include personal information, but we may maintain it or associate it with personal information we collect in other ways or receive from third parties. It helps us to improve our Website and to deliver a better and more personalized service, including by enabling us to:
\n·\tEstimate our audience size and usage patterns.
\n·\tStore information about your preferences, allowing us to customize our Website according to your individual interests.
\n·\tSpeed up your searches.
\n·\tRecognize you when you return to our Website.
\nThe technologies we use for this automatic data collection may include:
\n·\tCookies (or browser cookies). A cookie is a small file placed on the hard drive of your computer. You may refuse to accept browser cookies by activating the appropriate setting on your browser. However, if you select this setting you may be unable to access certain parts of our Website. Unless you have adjusted your browser setting so that it will refuse cookies, our system will issue cookies when you direct your browser to our Website.
\n·\tFlash Cookies. Certain features of our Website may use local stored objects (or Flash cookies) to collect and store information about your preferences and navigation to, from, and on our Website. Flash cookies are not managed by the same browser settings as are used for browser cookies. For information about managing your privacy and security settings for Flash cookies, see below at Choices About How We Use and Disclose Your Information.
\n·\tWeb Beacons. Pages of our the Website and our e-mails may contain small electronic files known as web beacons (also referred to as clear gifs, pixel tags, and single-pixel gifs) that permit the Company, for example, to count users who have visited those pages or opened an email and for other related website statistics (for example, recording the popularity of certain website content and verifying system and server integrity).
\nThird-Party Use of Cookies and Other Tracking Technologies
\nSome content or applications, including advertisements, on the Website are served by third-parties, including advertisers, ad networks and servers, content providers, and application providers. These third parties may use cookies alone or in conjunction with web beacons or other tracking technologies tocollect information about you when you use our website. The information they collect may be associated with your personal information or they may collect information, including personal information, about your online activities over time and across different websites and other online services. They may use this information to provide you with interest-based (behavioral) advertising or other targeted content.
\nWe do not control these third parties' tracking technologies or how they may be used. If you have any questions about an advertisement or other targeted content, you should contact the responsible provider directly. For information about how you can opt out of receiving targeted advertising from many providers, see below at Choices About How We Use and Disclose Your Information.
\nHow We Use Your Information
\nWe use information that we collect about you or that you provide to us, including any personal information:
\n·\tTo present our Website and its contents to you.
\n·\tTo provide you with information, products, or services that you request from us.
\n·\tTo fulfill any other purpose for which you provide it.
\n·\tTo provide you with notices about your subscription, including expiration and renewal notices.
\n·\tTo carry out our obligations and enforce our rights arising from any contracts entered into between you and us, including for billing and collection.
\n·\tTo notify you about changes to our Website or any products or services we offer or provide though it.
\n·\tTo allow you to participate in interactive features on our Website.
\n·\tIn any other way we may describe when you provide the information.
\n·\tFor any other purpose with your consent.
\nWe may also use your information to contact you about services that may be of interest to you. If you do not want us to use your information in this way, please adjust your user preferences in your account profile. For more information, see below at Choices About How We Use and Disclose Your Information.
\nWe may use the information we have collected from you to enable us to display advertisements to our advertisers' target audiences. Even though we do not disclose your personal information for these purposes without your consent, if you click on or otherwise interact with an advertisement, the advertiser may assume that you meet its target criteria.
\n\n\nDisclosure of Your Information
\nWe may disclose aggregated information about our users, and information that does not identify any individual, without restriction.
\nWe may disclose personal information that we collect or you provide as described in this privacy policy:
\n·\tTo our subsidiaries and affiliates.
\n·\tTo contractors, service providers, and other third parties we use to support our business and who are bound by contractual obligations to keep personal information confidential and use it only for the purposes for which we disclose it to them.
\n·\tTo a buyer or other successor in the event of a merger, divestiture, restructuring, reorganization, dissolution, or other sale or transfer of some or all of WristMod LLC.'s assets, whether as a going concern or as part of bankruptcy, liquidation, or similar proceeding, in which personal information held by WristMod LLC.. about our Website users is among the assets transferred.
\n·\tTo fulfill the purpose for which you provide it.
\n·\tFor any other purpose disclosed by us when you provide the information.
\n·\tWith your consent.
\nWe may also disclose your personal information:
\n·\tTo comply with any court order, law, or legal process, including to respond to any government or regulatory request.
\n·\tTo enforce or apply our terms of use and other agreements, including for billing and collection purposes.
\n·\tIf we believe disclosure is necessary or appropriate to protect the rights, property, or safety of WristMod, LLC. our customers, or others. This includes exchanging information with other companies and organizations for the purposes of fraud protection and credit risk reduction.
\nChoices About How We Use and Disclose Your Information
\nWe strive to provide you with choices regarding the personal information you provide to us. We have created mechanisms to provide you with the following control over your information:
\n·\tTracking Technologies and Advertising. You can set your browser to refuse all or some browser cookies, or to alert you when cookies are being sent. If you disable or refuse cookies, please note that some parts of this site may then be inaccessible or not function properly.
\n·\tDisclosure of Your Information for Third-Party Advertising. If you do not want us to share your personal information with unaffiliated or non-agent third parties for promotional purposes, you can opt-out by checking the relevant box located on the form on which we collect your data, or by logging into the Website and adjusting your user preferences in your account profile, or by sending us an email with your request to [EMAIL ADDRESS].
\nWe do not control third parties' collection or use of your information to serve interest-based advertising. However these third parties may provide you with ways to choose not to have your information collected or used in this way.
\nFor California Residents Only: You may have additional personal information rights and choices. Please see below at Your California Privacy Rights for more information.
\nFor Nevada Residents Only: Under Nevada privacy law, certain Nevada residents may opt out of the \"sale\" (as defined in that law) of certain categories of information about them for monetary consideration to a person for that person to license or sell such information to additional persons. As of the effective date of this Privacy Policy, we do not engage in such \"sales\" of information covered by that law. However, if you are a qualifying Nevada resident, you may submit a request to opt out of any future \"sales\" by us under that Nevada law by writing to us as described at the end of this Privacy Policy. We reserve the right take reasonable steps to verify your identity and the authenticity of the request. Once verified, we will maintain your request in the event our practices change.
\nAccessing and Correcting Your Information
\nYou can review and change your personal information by logging into the Website and visiting your account profile page.
\nYou may also send us an email at support@wathcops.com to request access to, correct or delete any personal information that you have provided to us. We cannot delete your personal information except by also deleting your user account. We may not accommodate a request to change information if we believe the change would violate any law or legal requirement or cause the information to be incorrect.
\nIf you delete your User Contributions from the Website, copies of your User Contributions may remain viewable in cached and archived pages, or might have been copied or stored by other Website users. Proper access and use of information provided on the Website,including User Contributions, is governed by our terms of use.
\nCalifornia residents may have additional personal information rights and choices. Please see below at Your California Privacy Rights for more information.
\nYour California Privacy Rights
\nIf you are a California resident, California law may provide you with additional rights regarding our use of your personal information. To learn more about your California privacy rights, visit https://oag.ca.gov/privacy/ccpa.
\nCalifornia's \"Shine the Light\" law (Civil Code Section § 1798.83) permits users of our Website or App that are California residents to request certain information regarding our disclosure of personal information to third parties for their direct marketing purposes. To make such a request, please send an email to support@wathcops.com.
\n\nData Security
\nWe have implemented measures designed to secure your personal information from accidental loss and from unauthorized access, use, alteration, and disclosure. All information you provide to us is stored on our secure servers behind firewalls. Any payment transactions will be encrypted and secured using industry standards.
\nThe safety and security of your information also depends on you. Where we have given you (or where you have chosen) a password for access to certain parts of our Website, you are responsible for keeping this password confidential. We ask you not to share your password with anyone. We urge you to be careful about giving out information in public areas of the Website like message boards. The information you share in public areas may be viewed by any user of the Website.
\nUnfortunately, the transmission of information via the internet is not completely secure. Although we do our best to protect your personal information, we cannotguarantee the security of your personal information transmitted to our Website. Any transmission of personal information is at your own risk. We are not responsible for circumvention of any privacy settings or security measures contained on the Website.
\nChanges to Our Privacy Policy
\nIt is our policy to post any changes we make to our privacy policy on this page. If we make material changes to how we treat our users' personal information, we will notify you by email to the primary email address specified in your account or through a notice on the Website home page. The date the privacy policy was last revised is identified at the top of the page. You are responsible for ensuring we have an up-to-date active and deliverable email address for you, and for periodically visiting our Website and this privacy policy to check for any changes.
\nContact Information
\nTo ask questions or comment about this privacy policy and our privacy practices, contact us at:
\nsupport@wathcops.com
\n\n[END OF PRIVACY POLICY - See below regarding Cookies Pop-up]
\n\nWe use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies. Learn more.
\n\n
\n \n\n\n \n
\n \n
\n );\n }\n\n render() { \n localStorage.setItem(\"menuTitle\",\"HOME\");\n return ( \n \n
\n \n \n \n \n \n \n \n \n
\n \n About WatchOps \n Terms & conditions \n
\n \n \n \n \n \n \n \n
\n \n WristMod LLC. Website Terms of Use \n
\n \n \n Acceptance of the Terms of Use
\nThese terms of use are entered into by and between You and WristMod LLC. (\"Company,\" \"we,\" or \"us\"). The following terms and conditions, together with any documents they expressly incorporate by reference (collectively, \"Terms of Use\"), govern your access to and use of www.watchops.com, including any content, functionality, and services offered on or through www.WatchOps.com (the \"Website\"), whether as a guest or a Customer.
\nPlease read the Terms of Use carefully before you start to use the Website. By using the Website, you accept and agree to be bound and abide by these Terms of Use and our Privacy Policy, found at Privacy Policy, incorporated herein by reference, and any relevant Customer agreement. If you do not want to agree to these Terms of Use or the Privacy Policy, you must not access or use the Website.
\nThis Website is offered and available to users who 18 years of age or older, and reside in the United States or any of its territories or possessions. By using this Website, you represent and warrant that you are of legal age to form a binding contract with the Company and meet all of the foregoing eligibility requirements. If you do not meet all of these requirements, you must not access or use the Website.
\nChanges to the Terms of Use
\nWe may revise and update these Terms of Use from time to time in our sole discretion. All changes are effective immediately when we post them, and apply to all access to and use of the Website thereafter. However, any changes to the dispute resolution provisions set out in the Governing Law section will not apply to any disputes for which the parties have actual notice on or before the date the change is posted on the Website.
\nYour continued use of the Website following the posting of revised Terms of Use means that you accept and agree to the changes. You are expected to check this page from time to time so you are aware of any changes, as they are binding on you.
\nAccessing the Website and Account Security
\nWe reserve the right to withdraw or amend this Website, and any service or material we provide on the Website, in our sole discretion without notice. We will not be liable if for any reason all or any part of the Website is unavailable at any time or for any period. From time to time, we may restrict access to some parts of the Website, or the entire Website, to users, including registered users.
\nYou are responsible for both:
\n·\tMaking all arrangements necessary for you to have access to the Website.
\n·\tEnsuring that all persons who access the Website through your internet connection are aware of these Terms of Use and comply with them.
\nTo access the Website or some of the resources it offers, you may be asked to provide certain registration details or other information. It is a condition of your use of the Website that all the information you provide on the Website is correct, current, and complete. You agree that all information you provide to register with this Website or otherwise, including, but not limited to, through the use of any interactive features on the Website, is governed by our Privacy Policy, and you consent to all actions we take with respect to your information consistent with our Privacy Policy.
\nIf you choose, or are provided with, a username, password, or any other piece of information as part of our security procedures, you must treat such information as confidential, and you must not disclose it to any other person or entity. You also acknowledge
\nthat your account is personal to you and agree not to provide any other person with access to this Website or portions of it using your username, password, or other security information. You agree to notify us immediately of any unauthorized access to or use of your username or password or any other breach of security. You also agree to ensure that you exit from your account at the end of each session. You should use particular caution when accessing your account from a public or shared computer so that others are not able to view or record your password or other personal information.
\nWe have the right to disable any username, password, or other identifier, whether chosen by you or provided by us, at any time in our sole discretion for any or no reason, including if, in our opinion, you have violated any provision of these Terms of Use.
\nIntellectual Property Rights
\nThe Website and its entire contents, features, and functionality (including but not limited to all information, software, text, displays, images, video, and audio, and the design, selection, and arrangement thereof) are owned by the Company, its licensors, or other providers of such material and are protected by United States and international copyright, trademark, patent, trade secret, and other intellectual property or proprietary rights laws.
\nThese Terms of Use permit you to use the Website for your personal, non-commercial use only. You must not reproduce, distribute, modify, create derivative works of, publicly display, publicly perform, republish, download, store, or transmit any of the material on our Website, except as follows:
\n·\tYour computer may temporarily store copies of such materials in RAM incidental to your accessing and viewing those materials.
\n·\tYou may store files that are automatically cached by your Web browser for display enhancement purposes.
\n·\tYou may print or download one copy of a reasonable number of pages of the Website for your own personal, non-commercial use and not for further reproduction, publication, or distribution.
\n·\tIf we provide desktop, mobile, or other applications for download, you may download a single copy to your computer or mobile device solely for your own personal, non-commercial use, provided you agree to be bound by our end user license agreement for such applications.
\n·\tIf we provide social media features with certain content, you may take such actions as are enabled by such features.
\nYou must not:
\n·\tModify copies of any materials from this site.
\n·\tUse any illustrations, photographs, video or audio sequences, or any graphics separately from the accompanying text.
\n·\tDelete or alter any copyright, trademark, or other proprietary rights notices from copies of materials from this site.
\nYou must not access or use for any commercial purposes any part of the Website or any services or materials available through the Website.
\nIf you print, copy, modify, download, or otherwise use or provide any other person with access to any part of the Website in breach of the Terms of Use, your right to use the Website will stop immediately and you must, at our option, return or destroy any copies of the materials you have made. No right, title, or interest in or to the Website or any content on the Website is transferred to you, and all rights not expressly granted are reserved by the Company. Any use of the Website not expressly permitted by these Terms of Use is a breach of these Terms of Use and may violate copyright, trademark, and other laws.
\nTrademarks
\nThe Company name, the terms WristMod LLC., the Company logo, and all related names, logos, product and service names, designs, and slogans are trademarks of the Company or its affiliates or licensors. You must not use such marks without the prior written permission of the Company. All other names, logos, product and service names, designs, and slogans on this Website are the trademarks of their respective owners.
\nProhibited Uses
\nYou may use the Website only for lawful purposes and in accordance with these Terms of Use. You agree not to use the Website:
\n·\tIn any way that violates any applicable federal, state, local, or international law or regulation (including, without limitation, any laws regarding the export of data or software to and from the US or other countries).
\n·\tFor the purpose of exploiting, harming, or attempting to exploit or harm minors in any way by exposing them to inappropriate content, asking
\nfor personally identifiable information, or otherwise.
\n·\tTo send, knowingly receive, upload, download, use, or re-use any material that does not comply with the Content Standards set out in these Terms of Use.
\n·\tTo transmit, or procure the sending of, any advertising or promotional material without our prior written consent, including any \"junk mail,\" \"chain letter,\" \"spam,\" or any other similar solicitation.
\n·\tTo impersonate or attempt to impersonate the Company, a Company employee, another user, or any other person or entity (including, without limitation, by using email addresses or screen names associated with any of the foregoing).
\n·\tTo engage in any other conduct that restricts or inhibits anyone's use or enjoyment of the Website, or which, as determined by us, may harm the Company or users of the Website, or expose them to liability.
\nAdditionally, you agree not to:
\n·\tUse the Website in any manner that could disable, overburden, damage, or impair the site or interfere with any other party's use of the Website, including their ability to engage in real time activities through the Website.
\n·\tUse any robot, spider, or other automatic device, process, or means to access the Website for any purpose, including monitoring or copying any of the material on the Website.
\n·\tUse any manual process to monitor or copy any of the material on the Website, or for any other purpose not expressly authorized in these Terms of Use, without our prior written consent.
\n·\tUse any device, software, or routine that interferes with the proper working of the Website.
\n·\tIntroduce any viruses, Trojan horses, worms, logic bombs, or other material that is malicious or technologically harmful.
\n·\tAttempt to gain unauthorized access to, interfere with, damage, or disrupt any parts of the Website, the server on which the Website is stored, or any server, computer, or database connected to the Website.
\n·\tAttack the Website via a denial-of-service attack or a distributed denial-of-service attack.
\n·\tOtherwise attempt to interfere with the proper working of the Website.
\nUser Contributions
\nThe Website may contain message boards, chat rooms, personal web pages or profiles, forums, bulletin boards, and other interactive features (collectively, \"Interactive Services\") that allow users to post, submit, publish, display, or transmit to other users or other persons (hereinafter, \"post\") content or materials (collectively, \"User Contributions\") on or through the Website.
\nAll User Contributions must comply with the Content Standards set out in these Terms of Use.
\nAny User Contribution you post to the site will be considered non-confidential and non-proprietary. By providing any User Contribution on the Website, you grant us and our affiliates and service providers, and each of their and our respective licensees, successors, and assigns the right to use, reproduce, modify, perform, display, distribute, and otherwise disclose to third parties any such material for any purpose in accordance with your account settings.
\nYou represent and warrant that:
\n·\tYou own or control all rights in and to the User Contributions and have the right to grant the license granted above to us and our affiliates and service providers, and each of their respective licensees, successors, and assigns.
\n·\tAll of your User Contributions do and will comply with these Terms of Use.
\nYou understand and acknowledge that you are responsible for any User Contributions you submit or contribute, and you, not the Company, have full responsibility for such content, including its legality, reliability, accuracy, and appropriateness.
\nWe are not responsible or liable to any third party for the content or accuracy of any User Contributions posted by you or any other user of the Website.
\nMonitoring and Enforcement; Termination
\nWe have the right to:
\n·\tRemove or refuse to post any User Contributions for any or no reason in our sole discretion.
\n·\tTake any action with respect to any User Contribution that we deem necessary or appropriate in our sole discretion, including if we believe that such User Contribution violates the Terms of Use, including the Content Standards, infringes any intellectual property right or other right of any person or entity, threatens the personal safety of users of the Website or the public, or could create liability for the Company.
\n·\tDisclose your identity or other information about you to any third party who claims that material posted by you violates their rights, including their intellectual property rights or their right to privacy.
\n·\tTake appropriate legal action, including without limitation, referral to law enforcement, for any illegal or unauthorized use of the Website.
\n·\tTerminate or suspend your access to all or part of the Website for any or no reason, including without limitation, any violation of these Terms of Use.
\nWithout limiting the foregoing, we have the right to cooperate fully with any law enforcement authorities or court order requesting or directing us to disclose the identity or other information of anyone posting anymaterials on or through the Website. YOU WAIVE AND HOLD HARMLESS THE COMPANY AND ITS AFFILIATES, LICENSEES, AND SERVICE PROVIDERS FROM ANY CLAIMS RESULTING FROM ANY ACTION TAKEN BY THE COMPANY DURING, OR TAKEN AS A CONSEQUENCE OF, INVESTIGATIONS BY EITHER THE COMPANY OR LAW ENFORCEMENT AUTHORITIES.
\nHowever, we do not undertake to review all material before it is posted on the Website, and cannot ensure prompt removal of objectionable material after it has been posted. Accordingly, we assume no liability for any action or inaction regarding transmissions, communications, or content provided by any user or third party. We have no liability or responsibility to anyone for performance or nonperformance of the activities described in this section.
\nContent Standards
\nThese content standards apply to any and all User Contributions and use of Interactive Services. User Contributions must in their entirety comply with all applicable federal, state, local, and international laws and regulations. Without limiting the foregoing, User Contributions must not:
\n·\tContain any material that is defamatory, obscene, indecent, abusive, offensive, harassing, violent, hateful, inflammatory, or otherwise objectionable.
\n·\tPromote sexually explicit or pornographic material, violence, or discrimination based on race, sex, religion, nationality, disability, sexual orientation, or age.
\n·\tInfringe any patent, trademark, trade secret, copyright, or other intellectual property or other rights of any other person.
\n·\tViolate the legal rights (including the rights of publicity and privacy) of others or contain any material that could give rise to any civil or criminal liability under applicable laws or regulations or that otherwise may be in conflict with these Terms of Use and our Privacy Policy.
\n·\tBe likely to deceive any person.
\n·\tPromote any illegal activity, or advocate, promote, or assist any unlawful act.
\n·\tCause annoyance, inconvenience, or needless anxiety or be likely to upset, embarrass, alarm, or annoy any other person.
\n·\tImpersonate any person, or misrepresent your identity or affiliation with any person or organization.
\n·\tInvolve commercial activities or sales, such as contests, sweepstakes, and other sales promotions, barter, or advertising.
\n·\tGive the impression that they emanate from or are endorsed by us or any other person or entity, if this is not the case.
\nCopyright Infringement
\nIf you believe that any User Contributions violate your copyright, please see contact us our for instructions on sending us a notice of copyright infringement. It is the policy of the Company to terminate the user accounts of repeat infringers.
\nReliance on Information Posted
\nThe information presented on or through the Website is made available solely for general information purposes. We do not warrant the accuracy, completeness, or usefulness of this information. Any reliance you place on such information is strictly at your own risk. We disclaim all liability and responsibility arising from any reliance placed on such materials by you or any other visitor to the Website, or by anyone who may be informed of any of its contents.
\nThis Website may include content provided by third parties, including materials provided by other users, bloggers, and third-party licensors, syndicators, aggregators, and/or reporting services. All statements and/or opinions expressed in these materials, and allarticles and responses to questions and other content, other than the content provided by the Company, are solely the opinions and the responsibility of the person or entity providing those materials. These materials do not necessarily reflect the opinion of the Company. We are not responsible, or liable to you or any third party, for the content or accuracy of any materials provided by any third parties.
\n\n\n\nChanges to the Website
\nWe may update the content on this Website from time to time, but its content is not necessarily complete or up-to-date. Any of the material on the Website may be out of date at any given time, and we are under no obligation to update such material.
\nInformation About You and Your Visits to the Website
\nAll information we collect on this Website is subject to our Privacy Policy. By using the Website, you consent to all actions taken by us with respect to your information in compliance with the Privacy Policy.
\nLinking to the Website and Social Media Features
\nYou may link to our homepage, provided you do so in a way that is fair and legal and does not damage our reputation or take advantage of it, but you must not establish a link in such a way as to suggest any form of association, approval, or endorsement on our part without our express written consent.
\nThis Website may provide certain social media features that enable you to:
\n·\tLink from your own or certain third-party websites to certain content on this Website.
\n·\tSend emails or other communications with certain content, or links to certain content, on this Website.
\n·\tCause limited portions of content on this Website to be displayed or appear to be displayed on your own or certain third-party websites.
\nYou may use these features solely as they are provided by us, and solely with respect to the content they are displayed with, and otherwise in accordance with any additional terms and conditions we provide with respect to such features. Subject to the foregoing, you must not:
\n·\tEstablish a link from any website that is not owned by you.
\n·\tCause the Website or portions of it to be displayed on, or appear to be displayed by, any other site, for example, framing, deep linking, or in-line linking.
\n·\tLink to any part of the Website other than the homepage.
\n·\tOtherwise take any action with respect to the materials on this Website that is inconsistent with any other provision of these Terms of Use.
\nThe website from which you are linking, or on which you make certain content accessible, must comply in all respects with the Content Standards set out in these Terms of Use.
\nYou agree to cooperate with us in causing any unauthorized framing or linking immediately to stop. We reserve the right to withdraw linking permission without notice.
\nWe may disable all or any social media features and any links at any time without notice in our discretion.
\nLinks from the Website
\nIf the Website contains links to other sites and resources provided by third parties, these links are provided for your convenience only. This includes links contained in advertisements, including banner advertisements and sponsored links. We have no control over the contents of those sites or resources, and accept no responsibility for them or for any loss or damage that may arise from your use of them. If you decide to access any of the third-party websites linked to this Website, you do so entirely at your own risk and subject to the terms and conditions of use for such websites.
\nGeographic Restrictions
\nThe owner of the Website is based in the State of California in the United States. We provide this Website for use only by persons located in the United States. We make no claims that the Website or any of its content is accessible or appropriate outside of the United States. Access to the Website may not be legal by certain persons or in certain countries. If you access the Website from outside the United States, you do so on your own initiative and are responsible for compliance with local laws.
\nDisclaimer of Warranties
\nYou understand that we cannot and do not guarantee or warrant that files available for downloading from the internet or the Website will be free of viruses or other destructive code. You are responsible for implementing sufficient procedures and checkpoints to satisfy your particular requirements for anti-virus protection and accuracy of data input and output, and for maintaining a means external to our site for any reconstruction of any lost data. TO THE FULLEST EXTENT PROVIDED BY LAW, WE WILL NOT BE LIABLE FOR ANY LOSS OR DAMAGE CAUSED BY A DISTRIBUTED DENIAL-OF-SERVICE ATTACK, VIRUSES, OR OTHER TECHNOLOGICALLY HARMFUL MATERIAL THAT MAY INFECT YOUR COMPUTER EQUIPMENT, COMPUTER PROGRAMS, DATA, OR OTHER PROPRIETARY MATERIAL DUE TO YOUR USE OF THE WEBSITE OR ANY SERVICES OR ITEMS OBTAINED THROUGH THE WEBSITE OR TO YOUR DOWNLOADING OF ANY MATERIAL POSTED ON IT, OR ON ANY WEBSITE LINKED TO IT.
\nYOUR USE OF THE WEBSITE, ITS CONTENT, AND ANY SERVICES OR ITEMS OBTAINED THROUGH THE WEBSITE IS AT YOUR OWN RISK. THE WEBSITE, ITS CONTENT, AND ANY SERVICES OR ITEMS OBTAINED THROUGH THE WEBSITE ARE PROVIDED ON AN \"AS IS\" AND \"AS AVAILABLE\" BASIS, WITHOUT ANY WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED. NEITHER THE COMPANY NOR ANY PERSON ASSOCIATED WITH THE COMPANY MAKES ANY WARRANTY OR REPRESENTATION WITH RESPECT TO THE COMPLETENESS, SECURITY, RELIABILITY, QUALITY, ACCURACY, OR AVAILABILITY OF THE WEBSITE. WITHOUT LIMITING THE FOREGOING, NEITHER THE COMPANY NOR ANYONE ASSOCIATED WITH THE COMPANY REPRESENTS OR WARRANTS THAT THE WEBSITE, ITS CONTENT, OR ANY SERVICES OR ITEMS OBTAINED THROUGH THE WEBSITE WILL BE ACCURATE, RELIABLE, ERROR-FREE, OR UNINTERRUPTED, THAT DEFECTS WILL BE CORRECTED, THAT OUR SITE OR THE SERVER THAT MAKES IT AVAILABLE ARE FREE OF VIRUSES OR OTHER HARMFUL COMPONENTS, OR THAT THE WEBSITE OR ANY SERVICES OR ITEMS OBTAINED THROUGH THE WEBSITE WILL OTHERWISE MEET YOUR NEEDS OR EXPECTATIONS.
\nTO THE FULLEST EXTENT PROVIDED BY LAW, THE COMPANY HEREBY DISCLAIMS ALL WARRANTIES OF ANY KIND, WHETHER EXPRESS OR IMPLIED, STATUTORY, OR OTHERWISE, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, NON-INFRINGEMENT, AND FITNESS FOR PARTICULAR PURPOSE.
\nTHE FOREGOING DOES NOT AFFECT ANY WARRANTIES THAT CANNOT BE EXCLUDED OR LIMITED UNDER APPLICABLE LAW.
\nLimitation on Liability
\nTO THE FULLEST EXTENT PROVIDED BY LAW, IN NO EVENT WILL THE COMPANY, ITS AFFILIATES, OR THEIR LICENSORS, SERVICE PROVIDERS, EMPLOYEES, AGENTS, OFFICERS, OR DIRECTORS BE LIABLE FOR DAMAGES OF ANY KIND, UNDER ANY LEGAL THEORY, ARISING OUT OF OR IN CONNECTION WITH YOUR USE, OR INABILITY TO USE, THE WEBSITE, ANY WEBSITES LINKED TO IT, ANY CONTENT ON THE WEBSITE OR SUCH OTHER WEBSITES, INCLUDING ANY DIRECT, INDIRECT, SPECIAL, INCIDENTAL, CONSEQUENTIAL, OR PUNITIVE DAMAGES, INCLUDING BUT NOT LIMITED TO, PERSONAL INJURY, PAIN AND SUFFERING, EMOTIONAL DISTRESS, LOSS OF REVENUE, LOSS OF PROFITS, LOSS OF BUSINESS OR ANTICIPATED SAVINGS, LOSS OF USE, LOSS OF GOODWILL, LOSS OF DATA, AND WHETHER CAUSED BY TORT (INCLUDING NEGLIGENCE), BREACH OF CONTRACT, OR OTHERWISE, EVEN IF FORESEEABLE.
\nTHE FOREGOING DOES NOT AFFECT ANY LIABILITY THAT CANNOT BE EXCLUDED OR LIMITED UNDER APPLICABLE LAW.
\nIndemnification
\nYou agree to defend, indemnify, and hold harmless the Company, its affiliates, licensors, and service providers, and its and their respective officers, directors, employees, contractors, agents, licensors, suppliers, successors, and assigns from and against any claims, liabilities, damages, judgments, awards, losses, costs, expenses, or fees (including reasonable attorneys' fees) arising out of or relating to your violation of these Terms of Use or your use of the Website, including, but not limited to, your User Contributions, any use of the Website's content, services, and products other than as expressly authorized in these Terms of Use, or your use of any information obtained from the Website.
\nGoverning Law and Jurisdiction
\nAll matters relating to the Website and these Terms of Use, and any dispute or claim arising therefrom or related thereto (in each case, including non-contractual disputes or claims), shall be governed by and construed in accordance with the internal laws of the State of Delaware without giving effect to any choice or conflict of law provision or rule (whether of the State of Delaware or any other jurisdiction).
\nAny legal suit, action, or proceeding arising out of, or related to, these Terms of Use or the Website shall be instituted exclusively in the federal courts of the United States or the courts of the State of Delaware, although we retain the right to bring any suit, action, or proceeding against you for breach of these Terms of Use in your country of residence or any other relevant country. You waive any and all objections to the exercise of jurisdiction over you by such courts and to venue in such courts.
\n\n\nArbitration
\nAt Company's sole discretion, it may require You to submit any disputes arising from these Terms of Use or use of the Website, including disputes arising from or concerning their interpretation, violation, invalidity, non-performance, or termination, to final and binding arbitration under the Rules of Arbitration of the American Arbitration Association applying Delaware law.
\nLimitation on Time to File Claims
\nANY CAUSE OF ACTION OR CLAIM YOU MAY HAVE ARISING OUT OF OR RELATING TO THESE TERMS OF USE OR THE WEBSITE MUST BE COMMENCED WITHIN ONE (1) YEAR AFTER THE CAUSE OF ACTION ACCRUES; OTHERWISE, SUCH CAUSE OF ACTION OR CLAIM IS PERMANENTLY BARRED.
\nWaiver and Severability
\nNo waiver by the Company of any term or condition set out in these Terms of Use shall be deemed a further or continuing waiver of such term or condition or a waiver of any other term or condition, and any failure of the Company to assert a right or provision under these Terms of Use shall not constitute a waiver of such right or provision.
\nIf any provision of these Terms of Use is held by a court or other tribunal of competent jurisdiction to be invalid, illegal, or unenforceable for any reason, such provision shall be eliminated or limited to the minimum extent such that the remaining provisions of the Terms of Use will continue in full force and effect.
\nEntire Agreement
\nThe Terms of Use, our Privacy Policy and any Customer agreements constitute the sole and entire agreement between you and WristMod LLC. regarding the Website and supersede all prior and contemporaneous understandings, agreements, representations, and warranties, both written and oral, regarding the Website.
\nYour Comments and Concerns
\nThis website is operated by WristMod LLC.
\nAll feedback, comments, requests for technical support, and other communications relating to the Website should be directed to: support@watchops.com.
\n \n
\n \nThese terms of use are entered into by and between You and WristMod LLC. (\"Company,\" \"we,\" or \"us\"). The following terms and conditions, together with any documents they expressly incorporate by reference (collectively, \"Terms of Use\"), govern your access to and use of www.watchops.com, including any content, functionality, and services offered on or through www.WatchOps.com (the \"Website\"), whether as a guest or a Customer.
\nPlease read the Terms of Use carefully before you start to use the Website. By using the Website, you accept and agree to be bound and abide by these Terms of Use and our Privacy Policy, found at Privacy Policy, incorporated herein by reference, and any relevant Customer agreement. If you do not want to agree to these Terms of Use or the Privacy Policy, you must not access or use the Website.
\nThis Website is offered and available to users who 18 years of age or older, and reside in the United States or any of its territories or possessions. By using this Website, you represent and warrant that you are of legal age to form a binding contract with the Company and meet all of the foregoing eligibility requirements. If you do not meet all of these requirements, you must not access or use the Website.
\nChanges to the Terms of Use
\nWe may revise and update these Terms of Use from time to time in our sole discretion. All changes are effective immediately when we post them, and apply to all access to and use of the Website thereafter. However, any changes to the dispute resolution provisions set out in the Governing Law section will not apply to any disputes for which the parties have actual notice on or before the date the change is posted on the Website.
\nYour continued use of the Website following the posting of revised Terms of Use means that you accept and agree to the changes. You are expected to check this page from time to time so you are aware of any changes, as they are binding on you.
\nAccessing the Website and Account Security
\nWe reserve the right to withdraw or amend this Website, and any service or material we provide on the Website, in our sole discretion without notice. We will not be liable if for any reason all or any part of the Website is unavailable at any time or for any period. From time to time, we may restrict access to some parts of the Website, or the entire Website, to users, including registered users.
\nYou are responsible for both:
\n·\tMaking all arrangements necessary for you to have access to the Website.
\n·\tEnsuring that all persons who access the Website through your internet connection are aware of these Terms of Use and comply with them.
\nTo access the Website or some of the resources it offers, you may be asked to provide certain registration details or other information. It is a condition of your use of the Website that all the information you provide on the Website is correct, current, and complete. You agree that all information you provide to register with this Website or otherwise, including, but not limited to, through the use of any interactive features on the Website, is governed by our Privacy Policy, and you consent to all actions we take with respect to your information consistent with our Privacy Policy.
\nIf you choose, or are provided with, a username, password, or any other piece of information as part of our security procedures, you must treat such information as confidential, and you must not disclose it to any other person or entity. You also acknowledge
\nthat your account is personal to you and agree not to provide any other person with access to this Website or portions of it using your username, password, or other security information. You agree to notify us immediately of any unauthorized access to or use of your username or password or any other breach of security. You also agree to ensure that you exit from your account at the end of each session. You should use particular caution when accessing your account from a public or shared computer so that others are not able to view or record your password or other personal information.
\nWe have the right to disable any username, password, or other identifier, whether chosen by you or provided by us, at any time in our sole discretion for any or no reason, including if, in our opinion, you have violated any provision of these Terms of Use.
\nIntellectual Property Rights
\nThe Website and its entire contents, features, and functionality (including but not limited to all information, software, text, displays, images, video, and audio, and the design, selection, and arrangement thereof) are owned by the Company, its licensors, or other providers of such material and are protected by United States and international copyright, trademark, patent, trade secret, and other intellectual property or proprietary rights laws.
\nThese Terms of Use permit you to use the Website for your personal, non-commercial use only. You must not reproduce, distribute, modify, create derivative works of, publicly display, publicly perform, republish, download, store, or transmit any of the material on our Website, except as follows:
\n·\tYour computer may temporarily store copies of such materials in RAM incidental to your accessing and viewing those materials.
\n·\tYou may store files that are automatically cached by your Web browser for display enhancement purposes.
\n·\tYou may print or download one copy of a reasonable number of pages of the Website for your own personal, non-commercial use and not for further reproduction, publication, or distribution.
\n·\tIf we provide desktop, mobile, or other applications for download, you may download a single copy to your computer or mobile device solely for your own personal, non-commercial use, provided you agree to be bound by our end user license agreement for such applications.
\n·\tIf we provide social media features with certain content, you may take such actions as are enabled by such features.
\nYou must not:
\n·\tModify copies of any materials from this site.
\n·\tUse any illustrations, photographs, video or audio sequences, or any graphics separately from the accompanying text.
\n·\tDelete or alter any copyright, trademark, or other proprietary rights notices from copies of materials from this site.
\nYou must not access or use for any commercial purposes any part of the Website or any services or materials available through the Website.
\nIf you print, copy, modify, download, or otherwise use or provide any other person with access to any part of the Website in breach of the Terms of Use, your right to use the Website will stop immediately and you must, at our option, return or destroy any copies of the materials you have made. No right, title, or interest in or to the Website or any content on the Website is transferred to you, and all rights not expressly granted are reserved by the Company. Any use of the Website not expressly permitted by these Terms of Use is a breach of these Terms of Use and may violate copyright, trademark, and other laws.
\nTrademarks
\nThe Company name, the terms WristMod LLC., the Company logo, and all related names, logos, product and service names, designs, and slogans are trademarks of the Company or its affiliates or licensors. You must not use such marks without the prior written permission of the Company. All other names, logos, product and service names, designs, and slogans on this Website are the trademarks of their respective owners.
\nProhibited Uses
\nYou may use the Website only for lawful purposes and in accordance with these Terms of Use. You agree not to use the Website:
\n·\tIn any way that violates any applicable federal, state, local, or international law or regulation (including, without limitation, any laws regarding the export of data or software to and from the US or other countries).
\n·\tFor the purpose of exploiting, harming, or attempting to exploit or harm minors in any way by exposing them to inappropriate content, asking
\nfor personally identifiable information, or otherwise.
\n·\tTo send, knowingly receive, upload, download, use, or re-use any material that does not comply with the Content Standards set out in these Terms of Use.
\n·\tTo transmit, or procure the sending of, any advertising or promotional material without our prior written consent, including any \"junk mail,\" \"chain letter,\" \"spam,\" or any other similar solicitation.
\n·\tTo impersonate or attempt to impersonate the Company, a Company employee, another user, or any other person or entity (including, without limitation, by using email addresses or screen names associated with any of the foregoing).
\n·\tTo engage in any other conduct that restricts or inhibits anyone's use or enjoyment of the Website, or which, as determined by us, may harm the Company or users of the Website, or expose them to liability.
\nAdditionally, you agree not to:
\n·\tUse the Website in any manner that could disable, overburden, damage, or impair the site or interfere with any other party's use of the Website, including their ability to engage in real time activities through the Website.
\n·\tUse any robot, spider, or other automatic device, process, or means to access the Website for any purpose, including monitoring or copying any of the material on the Website.
\n·\tUse any manual process to monitor or copy any of the material on the Website, or for any other purpose not expressly authorized in these Terms of Use, without our prior written consent.
\n·\tUse any device, software, or routine that interferes with the proper working of the Website.
\n·\tIntroduce any viruses, Trojan horses, worms, logic bombs, or other material that is malicious or technologically harmful.
\n·\tAttempt to gain unauthorized access to, interfere with, damage, or disrupt any parts of the Website, the server on which the Website is stored, or any server, computer, or database connected to the Website.
\n·\tAttack the Website via a denial-of-service attack or a distributed denial-of-service attack.
\n·\tOtherwise attempt to interfere with the proper working of the Website.
\nUser Contributions
\nThe Website may contain message boards, chat rooms, personal web pages or profiles, forums, bulletin boards, and other interactive features (collectively, \"Interactive Services\") that allow users to post, submit, publish, display, or transmit to other users or other persons (hereinafter, \"post\") content or materials (collectively, \"User Contributions\") on or through the Website.
\nAll User Contributions must comply with the Content Standards set out in these Terms of Use.
\nAny User Contribution you post to the site will be considered non-confidential and non-proprietary. By providing any User Contribution on the Website, you grant us and our affiliates and service providers, and each of their and our respective licensees, successors, and assigns the right to use, reproduce, modify, perform, display, distribute, and otherwise disclose to third parties any such material for any purpose in accordance with your account settings.
\nYou represent and warrant that:
\n·\tYou own or control all rights in and to the User Contributions and have the right to grant the license granted above to us and our affiliates and service providers, and each of their respective licensees, successors, and assigns.
\n·\tAll of your User Contributions do and will comply with these Terms of Use.
\nYou understand and acknowledge that you are responsible for any User Contributions you submit or contribute, and you, not the Company, have full responsibility for such content, including its legality, reliability, accuracy, and appropriateness.
\nWe are not responsible or liable to any third party for the content or accuracy of any User Contributions posted by you or any other user of the Website.
\nMonitoring and Enforcement; Termination
\nWe have the right to:
\n·\tRemove or refuse to post any User Contributions for any or no reason in our sole discretion.
\n·\tTake any action with respect to any User Contribution that we deem necessary or appropriate in our sole discretion, including if we believe that such User Contribution violates the Terms of Use, including the Content Standards, infringes any intellectual property right or other right of any person or entity, threatens the personal safety of users of the Website or the public, or could create liability for the Company.
\n·\tDisclose your identity or other information about you to any third party who claims that material posted by you violates their rights, including their intellectual property rights or their right to privacy.
\n·\tTake appropriate legal action, including without limitation, referral to law enforcement, for any illegal or unauthorized use of the Website.
\n·\tTerminate or suspend your access to all or part of the Website for any or no reason, including without limitation, any violation of these Terms of Use.
\nWithout limiting the foregoing, we have the right to cooperate fully with any law enforcement authorities or court order requesting or directing us to disclose the identity or other information of anyone posting anymaterials on or through the Website. YOU WAIVE AND HOLD HARMLESS THE COMPANY AND ITS AFFILIATES, LICENSEES, AND SERVICE PROVIDERS FROM ANY CLAIMS RESULTING FROM ANY ACTION TAKEN BY THE COMPANY DURING, OR TAKEN AS A CONSEQUENCE OF, INVESTIGATIONS BY EITHER THE COMPANY OR LAW ENFORCEMENT AUTHORITIES.
\nHowever, we do not undertake to review all material before it is posted on the Website, and cannot ensure prompt removal of objectionable material after it has been posted. Accordingly, we assume no liability for any action or inaction regarding transmissions, communications, or content provided by any user or third party. We have no liability or responsibility to anyone for performance or nonperformance of the activities described in this section.
\nContent Standards
\nThese content standards apply to any and all User Contributions and use of Interactive Services. User Contributions must in their entirety comply with all applicable federal, state, local, and international laws and regulations. Without limiting the foregoing, User Contributions must not:
\n·\tContain any material that is defamatory, obscene, indecent, abusive, offensive, harassing, violent, hateful, inflammatory, or otherwise objectionable.
\n·\tPromote sexually explicit or pornographic material, violence, or discrimination based on race, sex, religion, nationality, disability, sexual orientation, or age.
\n·\tInfringe any patent, trademark, trade secret, copyright, or other intellectual property or other rights of any other person.
\n·\tViolate the legal rights (including the rights of publicity and privacy) of others or contain any material that could give rise to any civil or criminal liability under applicable laws or regulations or that otherwise may be in conflict with these Terms of Use and our Privacy Policy.
\n·\tBe likely to deceive any person.
\n·\tPromote any illegal activity, or advocate, promote, or assist any unlawful act.
\n·\tCause annoyance, inconvenience, or needless anxiety or be likely to upset, embarrass, alarm, or annoy any other person.
\n·\tImpersonate any person, or misrepresent your identity or affiliation with any person or organization.
\n·\tInvolve commercial activities or sales, such as contests, sweepstakes, and other sales promotions, barter, or advertising.
\n·\tGive the impression that they emanate from or are endorsed by us or any other person or entity, if this is not the case.
\nCopyright Infringement
\nIf you believe that any User Contributions violate your copyright, please see contact us our for instructions on sending us a notice of copyright infringement. It is the policy of the Company to terminate the user accounts of repeat infringers.
\nReliance on Information Posted
\nThe information presented on or through the Website is made available solely for general information purposes. We do not warrant the accuracy, completeness, or usefulness of this information. Any reliance you place on such information is strictly at your own risk. We disclaim all liability and responsibility arising from any reliance placed on such materials by you or any other visitor to the Website, or by anyone who may be informed of any of its contents.
\nThis Website may include content provided by third parties, including materials provided by other users, bloggers, and third-party licensors, syndicators, aggregators, and/or reporting services. All statements and/or opinions expressed in these materials, and allarticles and responses to questions and other content, other than the content provided by the Company, are solely the opinions and the responsibility of the person or entity providing those materials. These materials do not necessarily reflect the opinion of the Company. We are not responsible, or liable to you or any third party, for the content or accuracy of any materials provided by any third parties.
\n\n\n\nChanges to the Website
\nWe may update the content on this Website from time to time, but its content is not necessarily complete or up-to-date. Any of the material on the Website may be out of date at any given time, and we are under no obligation to update such material.
\nInformation About You and Your Visits to the Website
\nAll information we collect on this Website is subject to our Privacy Policy. By using the Website, you consent to all actions taken by us with respect to your information in compliance with the Privacy Policy.
\nLinking to the Website and Social Media Features
\nYou may link to our homepage, provided you do so in a way that is fair and legal and does not damage our reputation or take advantage of it, but you must not establish a link in such a way as to suggest any form of association, approval, or endorsement on our part without our express written consent.
\nThis Website may provide certain social media features that enable you to:
\n·\tLink from your own or certain third-party websites to certain content on this Website.
\n·\tSend emails or other communications with certain content, or links to certain content, on this Website.
\n·\tCause limited portions of content on this Website to be displayed or appear to be displayed on your own or certain third-party websites.
\nYou may use these features solely as they are provided by us, and solely with respect to the content they are displayed with, and otherwise in accordance with any additional terms and conditions we provide with respect to such features. Subject to the foregoing, you must not:
\n·\tEstablish a link from any website that is not owned by you.
\n·\tCause the Website or portions of it to be displayed on, or appear to be displayed by, any other site, for example, framing, deep linking, or in-line linking.
\n·\tLink to any part of the Website other than the homepage.
\n·\tOtherwise take any action with respect to the materials on this Website that is inconsistent with any other provision of these Terms of Use.
\nThe website from which you are linking, or on which you make certain content accessible, must comply in all respects with the Content Standards set out in these Terms of Use.
\nYou agree to cooperate with us in causing any unauthorized framing or linking immediately to stop. We reserve the right to withdraw linking permission without notice.
\nWe may disable all or any social media features and any links at any time without notice in our discretion.
\nLinks from the Website
\nIf the Website contains links to other sites and resources provided by third parties, these links are provided for your convenience only. This includes links contained in advertisements, including banner advertisements and sponsored links. We have no control over the contents of those sites or resources, and accept no responsibility for them or for any loss or damage that may arise from your use of them. If you decide to access any of the third-party websites linked to this Website, you do so entirely at your own risk and subject to the terms and conditions of use for such websites.
\nGeographic Restrictions
\nThe owner of the Website is based in the State of California in the United States. We provide this Website for use only by persons located in the United States. We make no claims that the Website or any of its content is accessible or appropriate outside of the United States. Access to the Website may not be legal by certain persons or in certain countries. If you access the Website from outside the United States, you do so on your own initiative and are responsible for compliance with local laws.
\nDisclaimer of Warranties
\nYou understand that we cannot and do not guarantee or warrant that files available for downloading from the internet or the Website will be free of viruses or other destructive code. You are responsible for implementing sufficient procedures and checkpoints to satisfy your particular requirements for anti-virus protection and accuracy of data input and output, and for maintaining a means external to our site for any reconstruction of any lost data. TO THE FULLEST EXTENT PROVIDED BY LAW, WE WILL NOT BE LIABLE FOR ANY LOSS OR DAMAGE CAUSED BY A DISTRIBUTED DENIAL-OF-SERVICE ATTACK, VIRUSES, OR OTHER TECHNOLOGICALLY HARMFUL MATERIAL THAT MAY INFECT YOUR COMPUTER EQUIPMENT, COMPUTER PROGRAMS, DATA, OR OTHER PROPRIETARY MATERIAL DUE TO YOUR USE OF THE WEBSITE OR ANY SERVICES OR ITEMS OBTAINED THROUGH THE WEBSITE OR TO YOUR DOWNLOADING OF ANY MATERIAL POSTED ON IT, OR ON ANY WEBSITE LINKED TO IT.
\nYOUR USE OF THE WEBSITE, ITS CONTENT, AND ANY SERVICES OR ITEMS OBTAINED THROUGH THE WEBSITE IS AT YOUR OWN RISK. THE WEBSITE, ITS CONTENT, AND ANY SERVICES OR ITEMS OBTAINED THROUGH THE WEBSITE ARE PROVIDED ON AN \"AS IS\" AND \"AS AVAILABLE\" BASIS, WITHOUT ANY WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED. NEITHER THE COMPANY NOR ANY PERSON ASSOCIATED WITH THE COMPANY MAKES ANY WARRANTY OR REPRESENTATION WITH RESPECT TO THE COMPLETENESS, SECURITY, RELIABILITY, QUALITY, ACCURACY, OR AVAILABILITY OF THE WEBSITE. WITHOUT LIMITING THE FOREGOING, NEITHER THE COMPANY NOR ANYONE ASSOCIATED WITH THE COMPANY REPRESENTS OR WARRANTS THAT THE WEBSITE, ITS CONTENT, OR ANY SERVICES OR ITEMS OBTAINED THROUGH THE WEBSITE WILL BE ACCURATE, RELIABLE, ERROR-FREE, OR UNINTERRUPTED, THAT DEFECTS WILL BE CORRECTED, THAT OUR SITE OR THE SERVER THAT MAKES IT AVAILABLE ARE FREE OF VIRUSES OR OTHER HARMFUL COMPONENTS, OR THAT THE WEBSITE OR ANY SERVICES OR ITEMS OBTAINED THROUGH THE WEBSITE WILL OTHERWISE MEET YOUR NEEDS OR EXPECTATIONS.
\nTO THE FULLEST EXTENT PROVIDED BY LAW, THE COMPANY HEREBY DISCLAIMS ALL WARRANTIES OF ANY KIND, WHETHER EXPRESS OR IMPLIED, STATUTORY, OR OTHERWISE, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, NON-INFRINGEMENT, AND FITNESS FOR PARTICULAR PURPOSE.
\nTHE FOREGOING DOES NOT AFFECT ANY WARRANTIES THAT CANNOT BE EXCLUDED OR LIMITED UNDER APPLICABLE LAW.
\nLimitation on Liability
\nTO THE FULLEST EXTENT PROVIDED BY LAW, IN NO EVENT WILL THE COMPANY, ITS AFFILIATES, OR THEIR LICENSORS, SERVICE PROVIDERS, EMPLOYEES, AGENTS, OFFICERS, OR DIRECTORS BE LIABLE FOR DAMAGES OF ANY KIND, UNDER ANY LEGAL THEORY, ARISING OUT OF OR IN CONNECTION WITH YOUR USE, OR INABILITY TO USE, THE WEBSITE, ANY WEBSITES LINKED TO IT, ANY CONTENT ON THE WEBSITE OR SUCH OTHER WEBSITES, INCLUDING ANY DIRECT, INDIRECT, SPECIAL, INCIDENTAL, CONSEQUENTIAL, OR PUNITIVE DAMAGES, INCLUDING BUT NOT LIMITED TO, PERSONAL INJURY, PAIN AND SUFFERING, EMOTIONAL DISTRESS, LOSS OF REVENUE, LOSS OF PROFITS, LOSS OF BUSINESS OR ANTICIPATED SAVINGS, LOSS OF USE, LOSS OF GOODWILL, LOSS OF DATA, AND WHETHER CAUSED BY TORT (INCLUDING NEGLIGENCE), BREACH OF CONTRACT, OR OTHERWISE, EVEN IF FORESEEABLE.
\nTHE FOREGOING DOES NOT AFFECT ANY LIABILITY THAT CANNOT BE EXCLUDED OR LIMITED UNDER APPLICABLE LAW.
\nIndemnification
\nYou agree to defend, indemnify, and hold harmless the Company, its affiliates, licensors, and service providers, and its and their respective officers, directors, employees, contractors, agents, licensors, suppliers, successors, and assigns from and against any claims, liabilities, damages, judgments, awards, losses, costs, expenses, or fees (including reasonable attorneys' fees) arising out of or relating to your violation of these Terms of Use or your use of the Website, including, but not limited to, your User Contributions, any use of the Website's content, services, and products other than as expressly authorized in these Terms of Use, or your use of any information obtained from the Website.
\nGoverning Law and Jurisdiction
\nAll matters relating to the Website and these Terms of Use, and any dispute or claim arising therefrom or related thereto (in each case, including non-contractual disputes or claims), shall be governed by and construed in accordance with the internal laws of the State of Delaware without giving effect to any choice or conflict of law provision or rule (whether of the State of Delaware or any other jurisdiction).
\nAny legal suit, action, or proceeding arising out of, or related to, these Terms of Use or the Website shall be instituted exclusively in the federal courts of the United States or the courts of the State of Delaware, although we retain the right to bring any suit, action, or proceeding against you for breach of these Terms of Use in your country of residence or any other relevant country. You waive any and all objections to the exercise of jurisdiction over you by such courts and to venue in such courts.
\n\n\nArbitration
\nAt Company's sole discretion, it may require You to submit any disputes arising from these Terms of Use or use of the Website, including disputes arising from or concerning their interpretation, violation, invalidity, non-performance, or termination, to final and binding arbitration under the Rules of Arbitration of the American Arbitration Association applying Delaware law.
\nLimitation on Time to File Claims
\nANY CAUSE OF ACTION OR CLAIM YOU MAY HAVE ARISING OUT OF OR RELATING TO THESE TERMS OF USE OR THE WEBSITE MUST BE COMMENCED WITHIN ONE (1) YEAR AFTER THE CAUSE OF ACTION ACCRUES; OTHERWISE, SUCH CAUSE OF ACTION OR CLAIM IS PERMANENTLY BARRED.
\nWaiver and Severability
\nNo waiver by the Company of any term or condition set out in these Terms of Use shall be deemed a further or continuing waiver of such term or condition or a waiver of any other term or condition, and any failure of the Company to assert a right or provision under these Terms of Use shall not constitute a waiver of such right or provision.
\nIf any provision of these Terms of Use is held by a court or other tribunal of competent jurisdiction to be invalid, illegal, or unenforceable for any reason, such provision shall be eliminated or limited to the minimum extent such that the remaining provisions of the Terms of Use will continue in full force and effect.
\nEntire Agreement
\nThe Terms of Use, our Privacy Policy and any Customer agreements constitute the sole and entire agreement between you and WristMod LLC. regarding the Website and supersede all prior and contemporaneous understandings, agreements, representations, and warranties, both written and oral, regarding the Website.
\nYour Comments and Concerns
\nThis website is operated by WristMod LLC.
\nAll feedback, comments, requests for technical support, and other communications relating to the Website should be directed to: support@watchops.com.
\n
\n \n\n\n \n
\n \n
\n );\n }\n\n render() { \n localStorage.setItem(\"menuTitle\",\"HOME\");\n return ( \n \n
\n \n \n \n \n \n \n \n \n
\n \n About WatchOps \n FAQ \n
\n \n \n \n \n \n \n \n
\n \n \n Frequently Asked Questions \n
\n \n \n We’re constantly adding to this list of frequently asked questions. If you’re considering a membership and have questions that we’ve yet to address,\nplease contact us and we’d be happy to help. \n \n
\n \n \n\n\n \n
\n \n
\n );\n }\n\n render() { \n localStorage.setItem(\"menuTitle\",\"HOME\");\n return ( \n \n
\n \n \n \n \n \n \n \n \n
\n \n About WatchOps \n Give Aways \n
\n \n \n \n \n \n \n \n
\n \n \n Membership has its advantages. \n \n
\n \n \n Active Impresari members can use rewards points to enter our occasional giveaways.\n When we set out to create Impresari, one of our main objectives was to design our services in ways that enabled a sense of community and all that comes with it. Open communication and feedback, mutual trust and respect and most importantly a healthy sense of appreciation for the membership. The Impresari rewards program is a key piece of this enablement.\n Members can acquire rewards points for all sorts of activities on the platform, from renting to posting reviews, referring friends to tagging Impresari in their social media. Essentially, Impresari rewards its membership for simply being active members of the community.\n Rewards points can be used for many functions on the platform, from extending rentals to offsetting shipping and insurance fees. But, the majority of members choose to save their points up and cash them in for a very specific opportunity: The Impresari Offering.\n The Impresari Offering is an exclusive watch giveaway available only to current Impresari members. The giveaway features pieces that are notoriously difficult to find and are often trading well above MSRP. Members can use their rewards balances to enter the giveaway for a chance to win and results are recorded, shared and celebrated with the membership. Some recent examples of the Impresari Offering are a Rolex Ceramic Daytona, a Rolex Hulk, an Audemars Piguet 15500 Royal Oak and a Rolex Submariner date. \n \n
\n \n \n\n\n \n
\n \n
\n );\n }\n\n render() { \n localStorage.setItem(\"menuTitle\",\"HOME\");\n return ( \n \n
\n \n \n \n \n \n \n \n \n
\n \n About WatchOps \n End User Services Agreement \n
\n \n \n \n \n \n \n \n
\n \n \n WristMod LLC Software End User Services Agreement \n
\n \n \nThis End User Services Agreement, including the Order Form which by this reference is incorporated herein (this \"Agreement\" ), is a binding agreement between WristMod, LLC. (\"Provider\") and the person or entity identified on the Order Form as the user of the Software (\"Customer\").
\nPROVIDER PROVIDES THE SOFTWARE SOLELY ON THE TERMS AND CONDITIONS SET FORTH IN THIS AGREEMENT AND ON THE CONDITION THAT CUSTOMER ACCEPTS AND COMPLIES WITH THEM. BY [CLICKING THE \"ACCEPT\" BUTTON ON THE ORDER FORM] YOU (A) ACCEPT THIS AGREEMENT AND AGREE THAT CUSTOMER IS LEGALLY BOUND BY ITS TERMS; AND (B) REPRESENT AND WARRANT THAT: (I) YOU ARE OF LEGAL AGE TO ENTER INTO A BINDING AGREEMENT; AND (II) IF CUSTOMER IS A CORPORATION, GOVERNMENTAL ORGANIZATION, OR OTHER LEGAL ENTITY, YOU HAVE THE RIGHT, POWER, AND AUTHORITY TO ENTER INTO THIS AGREEMENT ON BEHALF OF CUSTOMER AND BIND CUSTOMER TO ITS TERMS. IF CUSTOMER DOES NOT AGREE TO THE TERMS OF THIS AGREEMENT, PROVIDER WILL NOT AND DOES NOT PROVIDE THE USE OF THE SOFTWARE TO CUSTOMER AND YOU MUST NOT USE THE SOFTWARE OR DOCUMENTATION.
\nNOTWITHSTANDING ANYTHING TO THE CONTRARY IN THIS AGREEMENT OR YOUR OR CUSTOMER'S ACCEPTANCE OF THE TERMS AND CONDITIONS OF THIS AGREEMENT, NO LICENSE IS GRANTED (WHETHER EXPRESSLY, BY IMPLICATION, OR OTHERWISE) UNDER THIS AGREEMENT, AND THIS AGREEMENT EXPRESSLY EXCLUDES ANY RIGHT, CONCERNING ANY SOFTWARE THAT CUSTOMER DID NOT ACQUIRE LAWFULLY OR THAT IS NOT A LEGITIMATE, AUTHORIZED COPY OF PROVIDER'S SOFTWARE.
\n1.\tDefinitions.
\n(a)\t\"Aggregated Statistics\" means data and information related to Customer's use of the Services that is used by Provider in an aggregate and anonymized manner, including to compile statistical and performance information related to the provision and operation of the Services.
\n(b)\t\"Authorized User\" means Customer's employees, consultants, contractors, and agents as set forth on the Order Form (I) who are authorized by Customer to access and use the Services under the rights granted to Customer pursuant to this Agreement and (ii) for whom access to the Services has been purchased hereunder.
\n(c)\t\"Customer Data\" means, other than Aggregated Statistics, information, data, and other content, in any form or medium, that is submitted, posted, or otherwise transmitted by or on behalf of Customer or an Authorized User through the Services.
\n(d)\t\"Documentation\" means Provider's user manuals, handbooks, and guides relating to the Services provided by Provider to Customer either electronically or in hard copy form relating to the Services.
\n(e)\t\"Order Form\" means the order form filled out and submitted by or on behalf of Customer, and accepted by Provider, for Customer’s purchase of the rights to the Services granted under this Agreement.
\n(f)\t\"Provider IP\" means the Services, the Documentation, and any and all intellectual property provided to Customer or any Authorized User in connection with the foregoing. For the avoidance of doubt, Provider IP includes Aggregated Statistics and any information, data, or other content derived from Provider's monitoring of Customer's access to or use of the Services, but does not include Customer Data.
\n(g)\t\"Services\" means the software-as-a-service offering described in the Order Form.
\n(h)\t\"Third-Party Products\" means any third-party products described in the Order Form provided with or incorporated into the Services.
\n2.Access and Use.
\n(a)Provision of Access. Subject to and conditioned on Customer's payment of Fees and compliance with all other terms and conditions of this Agreement, Provider hereby grants Customer a non-exclusive, non-transferable (except in compliance with Section 11(f)) right to access and use the Services during the Term, solely for use by Authorized Users in accordance with the terms and conditions herein. Such use is limited to Customer's internal use. Provider shall provide to Customer the necessary passwords and network links or connections to allow Customer to access the Services. The total number of Authorized Users will not exceed the number set forth in the Order Form, except as expressly agreed to in writing by the Parties and subject to any appropriate adjustment of the Fees payable hereunder.
\n(b)\tDocumentation . Subject to the terms and conditions contained in this Agreement, Provider hereby grants to Customer a non-exclusive, non-sublicensable, non-transferable (except in compliance with Section 11(f)) to use the Documentation during the Term solely for Customer's internal business purposes in connection with its use of the Services.
\n(c)\tUse Restrictions. Customer shall not use the Services for any purposes beyond the scope of the access granted in this Agreement. Customer shall not at any time, directly or indirectly, and shall not permit any Authorized Users to: (i) copy, modify, or create derivative works of the Services or Documentation, in whole or in part; (ii) rent, lease, lend, sell, license, sublicense, assign, distribute, publish, transfer, or otherwise make available the Services or Documentation; (iii) reverse engineer, disassemble, decompile, decode, adapt, or otherwise attempt to derive or gain access to any software component of the Services, in whole or in part; (iv) remove any proprietary notices from the Services or Documentation; or (v) use the Services or Documentation in any manner or for any purpose that infringes, misappropriates, or otherwise violates any intellectual property right or other right of any person, or that violates any applicable law.
\n(d)\tReservation of Rights. Provider reserves all rights not expressly granted to Customer in this Agreement. Except for the limited rights and licenses expressly granted under this Agreement, nothing in this Agreement grants, by implication, waiver, estoppel, or otherwise, to Customer or any third party any intellectual property rights or other right, title, or interest in or to the Provider IP.
\n(e)\tSuspension. Notwithstanding anything to the contrary in this Agreement, Provider may temporarily suspend Customer's and any Authorized User's access to any portion or all of the Services if: (i) Provider reasonably determines that (A) there is a threat or attack on any of the Provider IP; (B) Customer's or any Authorized User's use of the Provider IP disrupts or poses a security risk to the Provider IP or to any other customer or vendor of Provider; (C) Customer, or any Authorized User, is using the Provider IP for fraudulent or illegal activities; (D) subject to applicable law, Customer has ceased to continue its business in the ordinary course, made an assignment for the benefit of creditors or similar disposition of its assets, or become the subject of any bankruptcy, reorganization, liquidation, dissolution, or similar proceeding; or (E) Provider's provision of the Services to Customer or any Authorized User is prohibited by applicable law; (ii) any vendor of Provider has suspended or terminated Provider's access to or use of any third-party services or products required to enable Customer to access the Services; or (iii) in accordance with this Section a “Service Suspension”. Provider shall use commercially reasonable efforts to provide written notice of any Service Suspension to Customer and to provide updates regarding resumption of access to the Services following any Service Suspension. Provider shall use commercially reasonable efforts to resume providing access to the Services as soon as reasonably possible after the event giving rise to the Service Suspension is cured. Provider will have no liability for any damage, liabilities, losses (including any loss of data or profits), or any other consequences that Customer or any Authorized User may incur as a result of a Service Suspension.
\n(f)\t Aggregated Statistics. Notwithstanding anything to the contrary in this Agreement, Provider may monitor Customer's use of the Services and collect and compile Aggregated Statistics. As between Provider and Customer, all right, title, and interest in Aggregated Statistics, and all intellectual property rights therein, belong to and are retained solely by Provider. Customer acknowledges that Provider may compile Aggregated Statistics based on Customer Data input into the Services. Customer agrees that Provider may (i) make Aggregated Statistics publicly available in compliance with applicable law, and (ii) use Aggregated Statistics to the extent and in the manner permitted under applicable law; provided that such Aggregated Statistics do not identify Customer or Customer's Confidential Information.
\n3.Customer Responsibilities.
\n(a)\tGeneral. Customer is responsible and liable for all uses of the Services and Documentation resulting from access provided by Customer, directly or indirectly, whether such access or use is permitted by or in violation of this Agreement. Without limiting the generality of the foregoing, Customer is responsible for all acts and omissions of Authorized Users, and any act or omission by an Authorized User that would constitute a breach of this Agreement if taken by Customer will be deemed a breach of this Agreement by Customer. Customer shall use reasonable efforts to make all Authorized Users aware of this Agreement's provisions as applicable to such Authorized User's use of the Services, and shall cause Authorized Users to comply with such provisions.
\n(b)\tThird-Party Products. Provider may from time to time make Third-Party Products available to Customer. For purposes of this Agreement, such Third-Party Products are subject to their own terms and conditions and the applicable flow-through provisions referred to in the Order Form. If Customer does not agree to abide by the applicable terms for any such Third-Party Products, then Customer should not install or use such Third-Party Products.
\n(c)\tSupport. This Agreement does not entitle Customer to any support for the Services.
\n4.\tFees and Payment.
\n(a)Fees. Customer shall pay Provider the fees (\"Fees\") as set forth in the Order Form without offset or deduction. Customer shall make all payments hereunder in US dollars on or before the due date set forth in the Order Form. If Customer fails to make any payment when due, without limiting Provider's other rights and remedies: (i) Provider may charge interest on the past due amount at the rate of 1.5% per month calculated daily and compounded monthly or, if lower, the highest rate permitted under applicable law; (ii) Customer shall reimburse Provider for all reasonable costs incurred by Provider in collecting any late payments or interest, including attorneys' fees, court costs, and collection agency fees; and (iii) if such failure continues for 30 days or more, Provider may suspend Customer's and its Authorized Users' access to any portion or all of the Services until such amounts are paid in full.
\n(b)\tPayment. All Fees are payable in advance in the manner set forth in the Order Form and are non-refundable, except as may be expressly set forth herein. Any renewal of the Services hereunder shall not be effective until the fees for such renewal have been paid in full.
\n(c)\tTaxes. All Fees and other amounts payable by Customer under this Agreement are exclusive of taxes and similar assessments. Customer is responsible for all sales, use, and excise taxes, and any other similar taxes, duties, and charges of any kind imposed by any federal, state, or local governmental or regulatory authority on any amounts payable by Customer hereunder, other than any taxes imposed on Provider's income.
\n5.Confidential Information. From time to time during the Term, either Party may disclose or make available to the other Party information about its business affairs, products, confidential intellectual property, trade secrets, third-party confidential information, and other sensitive or proprietary information, whether orally or in written, electronic, or other form or media and whether or not marked, designated, or otherwise identified as \"confidential\" (collectively, \"Confidential Information\"). Confidential Information does not include information that, at the time of disclosure is: (a) in the public domain; (b) known to the receiving Party at the time of disclosure; (c) rightfully obtained by the receiving Party on a non-confidential basis from a third party; or (d) independently developed by the receiving Party. The receiving Party shall not disclose the disclosing Party's Confidential Information to any person or entity, except to the receiving Party's employees who have a need to know the Confidential Information for the receiving Party to exercise its rights or perform its obligations hereunder. Notwithstanding the foregoing, each Party may disclose Confidential Information to the limited extent required (i) in order to comply with the order of a court or other governmental body, or as otherwise necessary to comply with applicable law, provided that the Party making the disclosure pursuant to the order shall first have given written notice to the other Party and made a reasonable effort to obtain a protective order; or (ii) to establish a Party's rights under this Agreement, including to make required court filings. On the expiration or termination of the Agreement, the receiving Party shall promptly return to the disclosing Party all copies, whether in written, electronic, or other form or media, of the disclosing Party's Confidential Information, or destroy all such copies and certify in writing to the disclosing Party that such Confidential Information has been destroyed. Each Party's obligations of non-disclosure with regard to Confidential Information are effective as of the first day of the Term and will expire five years from the date first disclosed to the receiving Party; provided, however, with respect to any Confidential Information that constitutes a trade secret (as determined under applicable law), such obligations of non-disclosure will survive the termination or expiration of this Agreement for as long as such Confidential Information remains subject to trade secret protection under applicable law.
\n6.Intellectual Property Ownership; Feedback.
\n(a)\tProvider IP. Customer acknowledges that, as between Customer and Provider, Provider owns all right, title, and interest, including all intellectual property rights, in and to the Provider IP and, with respect to Third-Party Products, the applicable third-party providers own all right, title, and interest, including all intellectual property rights, in and to the Third-Party Products.
\n(b)Customer Data. Provider acknowledges that, as between Provider and Customer, Customer owns all right, title, and interest, including all intellectual property rights, in and to the Customer Data. Customer hereby grants to Provider a non-exclusive, royalty-free, worldwide license to reproduce, distribute, and otherwise use and display the Customer Data and perform all acts with respect to the Customer Data as may be necessary for Provider to provide the Services to Customer , and a non-exclusive, perpetual, irrevocable, royalty-free, worldwide license to reproduce, distribute, modify, and otherwise use and display Customer Data incorporated within the Aggregated Statistics.
\n(c)Feedback. If Customer or any of its employees or contractors sends or transmits any communications or materials to Provider by mail, email, telephone, or otherwise, suggesting or recommending changes to the Provider IP, including without limitation, new features or functionality relating thereto, or any comments, questions, suggestions, or the like (\"Feedback\"), Provider is free to use such Feedback irrespective of any other obligation or limitation between the Parties governing such Feedback. Customer hereby assigns to Provider on Customer's behalf, and on behalf of its employees, contractors and/or agents, all right, title, and interest in, and Provider is free to use, without any attribution or compensation to any party, any ideas, know-how, concepts, techniques, or other intellectual property rights contained in the Feedback, for any purpose whatsoever, although Provider is not required to use any Feedback.
\n7.Warranty Disclaimer. PROVIDER DOES NOT MAKE ANY REPRESENTATIONS OR GUARANTEES REGARDING UPTIME OR AVAILABILITY OF THE SERVICES. THE PROVIDER SERVICES AND IP IS PROVIDED \"AS IS\" AND PROVIDER HEREBY DISCLAIMS ALL WARRANTIES, WHETHER EXPRESS, IMPLIED, STATUTORY, OR OTHERWISE. PROVIDER SPECIFICALLY DISCLAIMS ALL IMPLIED WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, TITLE, AND NON-INFRINGEMENT, AND ALL WARRANTIES ARISING FROM COURSE OF DEALING, USAGE, OR TRADE PRACTICE. PROVIDER MAKES NO WARRANTY OF ANY KIND THAT THE PROVIDER SERVICES OR IP, OR ANY PRODUCTS OR RESULTS OF THE USE THEREOF, WILL MEET CUSTOMER'S OR ANY OTHER PERSON'S REQUIREMENTS, OPERATE WITHOUT INTERRUPTION, ACHIEVE ANY INTENDED RESULT, BE COMPATIBLE OR WORK WITH ANY SOFTWARE, SYSTEM, OR OTHER SERVICES, OR BE SECURE, ACCURATE, COMPLETE, FREE OF HARMFUL CODE, OR ERROR FREE.
\n8.\tIndemnification.
\n(a)\tProvider Indemnification.
\n(i)\tProvider shall indemnify, defend, and hold harmless Customer from and against any and all losses, damages, liabilities, costs (including reasonable attorneys' fees) (\"Losses\") incurred by Customer resulting from any third-party claim, suit, action, or proceeding (\"Third-Party Claim\") that the Services, or any use of the Services in accordance with this Agreement, infringes or misappropriates such third party's US patents, copyrights, or trade secrets, provided that Customer promptly notifies Provider in writing of theclaim, cooperates with Provider, and allows Provider sole authority to control the defense and settlement of such claim.
\n(ii)\tIf such a claim is made or appears possible, Customer agrees to permit Provider, at Provider's sole discretion, to (A) modify or replace the Services, or component or part thereof, to make it non-infringing, or (B) obtain the right for Customer to continue use. If Provider determines that neither alternative is reasonably available, Provider may terminate this Agreement, in its entirety or with respect to the affected component or part, effective immediately on written notice to Customer.
\n(iii)\tThis Section 8(a) will not apply to the extent that the alleged infringement arises from: (A) use of the Services in combination with data, software, hardware, equipment, or technology not provided by Provider or authorized by Provider in writing; (B) modifications to the Services not made by Provider; or (C) Customer Data; or (D) Third-Party Products.
\n(b)\tCustomer Indemnification. Customer shall indemnify, hold harmless, and, at Provider's option, defend Provider from and against any Losses resulting from any Third-Party Claim that the Customer Data, or any use of the Customer Data in accordance with this Agreement, infringes or misappropriates such third party's US intellectual property rights and any Third-Party Claims based on Customer's or any Authorized User's (i) negligence or willful misconduct; (ii) use of the Services in a manner not authorized by this Agreement; (iii) use of the Services in combination with data, software, hardware, equipment, or technology not provided by Provider or authorized by Provider in writing; or (iv) modifications to the Services not made by Provider, provided that Customer may not settle any Third-Party Claim against Provider unless Provider consents to such settlement, and further provided that Provider will have the right, at its option, to defend itself against any such Third-Party Claim or to participate in the defense thereof by counsel of its own choice.
\n(c)\tSole Remedy. THIS SECTION 8 SETS FORTH CUSTOMER'S SOLE REMEDIES AND PROVIDER'S SOLE LIABILITY AND OBLIGATION FOR ANY ACTUAL, THREATENED, OR ALLEGED CLAIMS THAT THE SERVICES INFRINGE, MISAPPROPRIATE, OR OTHERWISE VIOLATE ANY INTELLECTUAL PROPERTY RIGHTS OF ANY THIRD PARTY.
\n9.\tLimitations of Liability. IN NO EVENT WILL PROVIDER BE LIABLE UNDER OR IN CONNECTION WITH THIS AGREEMENT UNDER ANY LEGAL OR EQUITABLE THEORY, INCLUDING BREACH OF CONTRACT, TORT (INCLUDING NEGLIGENCE), STRICT LIABILITY, AND OTHERWISE, FOR ANY: (a) CONSEQUENTIAL, INCIDENTAL, INDIRECT, EXEMPLARY, SPECIAL, ENHANCED, OR PUNITIVE DAMAGES; (b) INCREASED COSTS, DIMINUTION IN VALUE OR LOST BUSINESS, PRODUCTION, REVENUES, OR PROFITS; (c) LOSS OF GOODWILL OR REPUTATION; (d) USE, INABILITY TO USE, LOSS, INTERRUPTION, DELAY, OR RECOVERY OF ANY DATA, OR BREACH OF DATA OR SYSTEM SECURITY; OR (e) COST OF REPLACEMENT GOODS OR SERVICES, IN EACH CASE REGARDLESS OF WHETHER PROVIDER WAS ADVISED OF THE POSSIBILITY OF SUCH LOSSES OR DAMAGES OR SUCH LOSSES OR DAMAGES WERE OTHERWISE FORESEEABLE.
\n10.\tTerm and Termination.
\n(a)\tTerm. This Agreement shall remain in effect for the term set forth on the Order Form (the \"Term\") unless terminated earlier pursuant to this Agreement's express provisions. This Agreement will automatically renew for additional successive Terms unless earlier terminated pursuant to this Agreement's express provisions or either Party gives the other Party written notice of non-renewal at least 30 days prior to the expiration of the then-current term.
\n(b)\tTermination. In addition to any other express termination right set forth in this Agreement:
\n(i)\tProvider may terminate this Agreement, effective on written notice to Customer, if Customer: (A) fails to pay any amount when due hereunder, and such failure continues more than 30 days after Provider's delivery of written notice thereof; or (B) breaches any of its obligations under Section 2(c) or Section 5;
\n(ii)\teither Party may terminate this Agreement, effective on written notice to the other Party, if the other Party materially breaches this Agreement, and such breach: (A) is incapable of cure; or (B) being capable of cure, remains uncured 30 days after the non-breaching Party provides the breaching Party with written notice of such breach; or
\n(iii)\teither Party may terminate this Agreement, effective immediately upon written notice to the other Party, if the other Party: (A) becomes insolvent or is generally unable to pay, or fails to pay, its debts as they become due; (B) files or has filed against it, a petition for voluntary or involuntary bankruptcy or otherwise becomes subject, voluntarily or involuntarily, to any proceeding under any domestic or foreign bankruptcy or insolvency law; (C) makes or seeks to make a general assignment for the benefit of its creditors; or (D) applies for or has appointed a receiver, trustee, custodian, or similar agent appointed by order of any court of competent jurisdiction to take charge of or sell any material portion of its property or business.
\n(c)\tEffect of Expiration or Termination. Upon expiration or earlier termination of this Agreement, Customer shall immediately discontinue use of the Provider IP and, without limiting Customer's obligations under Section 5, Customer shall delete, destroy, or return all copies of the Provider IP and certify in writing to the Provider that the Provider IP has been deleted or destroyed. No expiration or termination will affect Customer's obligation to pay all Fees that may have become due before such expiration or termination or entitle Customer to any refund.
\n(d)\tSurvival. This Section 10(d) and Sections 1, 4, 5, 6, 7, 8, 9 and 11 survive any termination or expiration of this Agreement. No other provisions of this Agreement survive the expiration or earlier termination of this Agreement.
\n11.Miscellaneous.
\n(a)\tEntire Agreement. This Agreement, together with any other documents incorporated herein by reference and all related Order Forms or Exhibits, constitutes the sole and entire agreement of the Parties with respect to the subject matter of this Agreement and supersedes all prior and contemporaneous understandings, agreements, and representations and warranties, both written and oral, with respect to such subject matter. In the event of any inconsistency between the statements made in the body of this Agreement, the related Order Forms or Exhibits, and any other documents incorporated herein by reference, this Agreement will govern.
\n(b)\tNotices. All notices, requests, consents, claims, demands, waivers, and other communications hereunder (each, a \"Notice\") must be in writing and addressed to the Parties at the addresses set forth on the first page of this Agreement (or to such other address that may be designated by the Party giving Notice from time to time in accordance with this Section). All Notices must be delivered by personal delivery, nationally recognized overnight courier (with all fees pre-paid), or email (with confirmation of transmission), or certified or registered mail (in each case, return receipt requested, postage pre-paid). Except as otherwise provided in this Agreement, a Notice is effective only: (i) upon receipt by the receiving Party; and (ii) if the Party giving the Notice has complied with the requirements of this Section.
\n(c)\tForce Majeure. In no event shall either Party be liable to the other Party, or be deemed to have breached this Agreement, for any failure or delay in performing its obligations under this Agreement (except for any obligations to make payments), if and to the extent such failure or delay is caused by any circumstances beyond such Party's reasonable control, including but not limited to acts of God, flood, fire, pandemics, earthquake, explosion, war, terrorism, invasion, riot or other civil unrest, strikes, labor stoppages or slowdowns or other industrial disturbances, or passage of law or any action taken by a governmental or public authority, including imposing an embargo.
\n(d)\tAmendment and Modification; Waiver. No amendment to or modification of this Agreement is effective unless it is in writing and signed by an authorized representative of each Party. No waiver by any Party of any of the provisions hereof will be effective unless explicitly set forth in writing and signed by the Party so waiving. Except as otherwise set forth in this Agreement, (i) no failure to exercise, or delay in exercising, any rights, remedy, power, or privilege arising from this Agreement will operate or be construed as a waiver thereof, and (ii) no single or partial exercise of any right, remedy, power, or privilege hereunder will preclude any other or further exercise thereof or the exercise of any other right, remedy, power, or privilege.
\n(e)\tSeverability. If any provision of this Agreement is invalid, illegal, or unenforceable in any jurisdiction, such invalidity, illegality, or unenforceability will not affect any other term or provision of this Agreement or invalidate or render unenforceable such term or provision in any other jurisdiction. Upon such determination that any term or other provision is invalid, illegal, or unenforceable, the Parties shall negotiate in good faith to modify this Agreement so as to effect their original intent as closely as possible in a mutually acceptable manner in order that the transactions contemplated hereby be consummated as originally contemplated to the greatest extent possible.
\n(f)\tAssignment. Customer may not assign any of its rights or delegate any of its obligations hereunder, in each case whether voluntarily, involuntarily, by operation of law or otherwise, without the prior written consent of Provider, which consent shall not be unreasonably withheld, conditioned, or delayed. Any purported assignment or delegation in violation of this Section will be null and void. No assignment or delegation will relieve the assigning or delegating Party of any of its obligations hereunder. This Agreement is binding upon and inures to the benefit of the Parties and their respective permitted successors and assigns.
\n(g)\tExport Regulation. Customer shall comply with all applicable federal laws, regulations, and rules, and complete all required undertakings (including obtaining any necessary export license or other governmental approval), that prohibit or restrict the export or re-export of the Services or any Customer Data outside the US.
\n(h)\tEquitable Relief. Each Party acknowledges and agrees that a breach or threatened breach by such Party of any of its obligations under Section 5 or, in the case of Customer, Section 2(c), would cause the other Party irreparable harm for which monetary damages would not be an adequate remedy and agrees that, in the event of such breach or threatened breach, the other Party will be entitled to equitable relief, including a restraining order, an injunction, specific performance, and any other relief that may be available from any court, without any requirement to post a bond or other security, or to prove actual damages or that monetary damages are not an adequate remedy. Such remedies are not exclusive and are in addition to all other remedies that may be available at law, in equity, or otherwise.
\n(i)\tGoverning Law. This Agreement is governed by and construed in accordance with the internal laws of the State of Delaware without giving effect to any choice or conflict of law provision or rule that would require or permit the application of the laws of any jurisdiction other than those of the State of Delaware. Any legal suit, action, or proceeding arising out of or related to this Agreement or the licenses granted hereunder may be instituted in the federal courts of the United States or the courts of the State of Delaware.
\nORDER FORM
\n[This EULA assumes licenses will be purchased on an Order Form that will include the and other relevant information.]
\nCapitalized terms used but not defined in this Order Form have the meaning given to those terms in the Agreement.
\nA. The Customer’s and Provider’s identity and contact information.
\nB. Description of services.
\nC. Fees for subscription period (1 year)
\nD. Payment requirements, including invoicing and any renewal fee increase limitations (e.g., 3% per year)
\nE. Authorized users: (number of authorized users)
\nF. Third-party products: (if any)
\n \n \n
\n \nPROVIDER PROVIDES THE SOFTWARE SOLELY ON THE TERMS AND CONDITIONS SET FORTH IN THIS AGREEMENT AND ON THE CONDITION THAT CUSTOMER ACCEPTS AND COMPLIES WITH THEM. BY [CLICKING THE \"ACCEPT\" BUTTON ON THE ORDER FORM] YOU (A) ACCEPT THIS AGREEMENT AND AGREE THAT CUSTOMER IS LEGALLY BOUND BY ITS TERMS; AND (B) REPRESENT AND WARRANT THAT: (I) YOU ARE OF LEGAL AGE TO ENTER INTO A BINDING AGREEMENT; AND (II) IF CUSTOMER IS A CORPORATION, GOVERNMENTAL ORGANIZATION, OR OTHER LEGAL ENTITY, YOU HAVE THE RIGHT, POWER, AND AUTHORITY TO ENTER INTO THIS AGREEMENT ON BEHALF OF CUSTOMER AND BIND CUSTOMER TO ITS TERMS. IF CUSTOMER DOES NOT AGREE TO THE TERMS OF THIS AGREEMENT, PROVIDER WILL NOT AND DOES NOT PROVIDE THE USE OF THE SOFTWARE TO CUSTOMER AND YOU MUST NOT USE THE SOFTWARE OR DOCUMENTATION.
\nNOTWITHSTANDING ANYTHING TO THE CONTRARY IN THIS AGREEMENT OR YOUR OR CUSTOMER'S ACCEPTANCE OF THE TERMS AND CONDITIONS OF THIS AGREEMENT, NO LICENSE IS GRANTED (WHETHER EXPRESSLY, BY IMPLICATION, OR OTHERWISE) UNDER THIS AGREEMENT, AND THIS AGREEMENT EXPRESSLY EXCLUDES ANY RIGHT, CONCERNING ANY SOFTWARE THAT CUSTOMER DID NOT ACQUIRE LAWFULLY OR THAT IS NOT A LEGITIMATE, AUTHORIZED COPY OF PROVIDER'S SOFTWARE.
\n1.\tDefinitions.
\n(a)\t\"Aggregated Statistics\" means data and information related to Customer's use of the Services that is used by Provider in an aggregate and anonymized manner, including to compile statistical and performance information related to the provision and operation of the Services.
\n(b)\t\"Authorized User\" means Customer's employees, consultants, contractors, and agents as set forth on the Order Form (I) who are authorized by Customer to access and use the Services under the rights granted to Customer pursuant to this Agreement and (ii) for whom access to the Services has been purchased hereunder.
\n(c)\t\"Customer Data\" means, other than Aggregated Statistics, information, data, and other content, in any form or medium, that is submitted, posted, or otherwise transmitted by or on behalf of Customer or an Authorized User through the Services.
\n(d)\t\"Documentation\" means Provider's user manuals, handbooks, and guides relating to the Services provided by Provider to Customer either electronically or in hard copy form relating to the Services.
\n(e)\t\"Order Form\" means the order form filled out and submitted by or on behalf of Customer, and accepted by Provider, for Customer’s purchase of the rights to the Services granted under this Agreement.
\n(f)\t\"Provider IP\" means the Services, the Documentation, and any and all intellectual property provided to Customer or any Authorized User in connection with the foregoing. For the avoidance of doubt, Provider IP includes Aggregated Statistics and any information, data, or other content derived from Provider's monitoring of Customer's access to or use of the Services, but does not include Customer Data.
\n(g)\t\"Services\" means the software-as-a-service offering described in the Order Form.
\n(h)\t\"Third-Party Products\" means any third-party products described in the Order Form provided with or incorporated into the Services.
\n2.Access and Use.
\n(a)Provision of Access. Subject to and conditioned on Customer's payment of Fees and compliance with all other terms and conditions of this Agreement, Provider hereby grants Customer a non-exclusive, non-transferable (except in compliance with Section 11(f)) right to access and use the Services during the Term, solely for use by Authorized Users in accordance with the terms and conditions herein. Such use is limited to Customer's internal use. Provider shall provide to Customer the necessary passwords and network links or connections to allow Customer to access the Services. The total number of Authorized Users will not exceed the number set forth in the Order Form, except as expressly agreed to in writing by the Parties and subject to any appropriate adjustment of the Fees payable hereunder.
\n(b)\tDocumentation . Subject to the terms and conditions contained in this Agreement, Provider hereby grants to Customer a non-exclusive, non-sublicensable, non-transferable (except in compliance with Section 11(f)) to use the Documentation during the Term solely for Customer's internal business purposes in connection with its use of the Services.
\n(c)\tUse Restrictions. Customer shall not use the Services for any purposes beyond the scope of the access granted in this Agreement. Customer shall not at any time, directly or indirectly, and shall not permit any Authorized Users to: (i) copy, modify, or create derivative works of the Services or Documentation, in whole or in part; (ii) rent, lease, lend, sell, license, sublicense, assign, distribute, publish, transfer, or otherwise make available the Services or Documentation; (iii) reverse engineer, disassemble, decompile, decode, adapt, or otherwise attempt to derive or gain access to any software component of the Services, in whole or in part; (iv) remove any proprietary notices from the Services or Documentation; or (v) use the Services or Documentation in any manner or for any purpose that infringes, misappropriates, or otherwise violates any intellectual property right or other right of any person, or that violates any applicable law.
\n(d)\tReservation of Rights. Provider reserves all rights not expressly granted to Customer in this Agreement. Except for the limited rights and licenses expressly granted under this Agreement, nothing in this Agreement grants, by implication, waiver, estoppel, or otherwise, to Customer or any third party any intellectual property rights or other right, title, or interest in or to the Provider IP.
\n(e)\tSuspension. Notwithstanding anything to the contrary in this Agreement, Provider may temporarily suspend Customer's and any Authorized User's access to any portion or all of the Services if: (i) Provider reasonably determines that (A) there is a threat or attack on any of the Provider IP; (B) Customer's or any Authorized User's use of the Provider IP disrupts or poses a security risk to the Provider IP or to any other customer or vendor of Provider; (C) Customer, or any Authorized User, is using the Provider IP for fraudulent or illegal activities; (D) subject to applicable law, Customer has ceased to continue its business in the ordinary course, made an assignment for the benefit of creditors or similar disposition of its assets, or become the subject of any bankruptcy, reorganization, liquidation, dissolution, or similar proceeding; or (E) Provider's provision of the Services to Customer or any Authorized User is prohibited by applicable law; (ii) any vendor of Provider has suspended or terminated Provider's access to or use of any third-party services or products required to enable Customer to access the Services; or (iii) in accordance with this Section a “Service Suspension”. Provider shall use commercially reasonable efforts to provide written notice of any Service Suspension to Customer and to provide updates regarding resumption of access to the Services following any Service Suspension. Provider shall use commercially reasonable efforts to resume providing access to the Services as soon as reasonably possible after the event giving rise to the Service Suspension is cured. Provider will have no liability for any damage, liabilities, losses (including any loss of data or profits), or any other consequences that Customer or any Authorized User may incur as a result of a Service Suspension.
\n(f)\t Aggregated Statistics. Notwithstanding anything to the contrary in this Agreement, Provider may monitor Customer's use of the Services and collect and compile Aggregated Statistics. As between Provider and Customer, all right, title, and interest in Aggregated Statistics, and all intellectual property rights therein, belong to and are retained solely by Provider. Customer acknowledges that Provider may compile Aggregated Statistics based on Customer Data input into the Services. Customer agrees that Provider may (i) make Aggregated Statistics publicly available in compliance with applicable law, and (ii) use Aggregated Statistics to the extent and in the manner permitted under applicable law; provided that such Aggregated Statistics do not identify Customer or Customer's Confidential Information.
\n3.Customer Responsibilities.
\n(a)\tGeneral. Customer is responsible and liable for all uses of the Services and Documentation resulting from access provided by Customer, directly or indirectly, whether such access or use is permitted by or in violation of this Agreement. Without limiting the generality of the foregoing, Customer is responsible for all acts and omissions of Authorized Users, and any act or omission by an Authorized User that would constitute a breach of this Agreement if taken by Customer will be deemed a breach of this Agreement by Customer. Customer shall use reasonable efforts to make all Authorized Users aware of this Agreement's provisions as applicable to such Authorized User's use of the Services, and shall cause Authorized Users to comply with such provisions.
\n(b)\tThird-Party Products. Provider may from time to time make Third-Party Products available to Customer. For purposes of this Agreement, such Third-Party Products are subject to their own terms and conditions and the applicable flow-through provisions referred to in the Order Form. If Customer does not agree to abide by the applicable terms for any such Third-Party Products, then Customer should not install or use such Third-Party Products.
\n(c)\tSupport. This Agreement does not entitle Customer to any support for the Services.
\n4.\tFees and Payment.
\n(a)Fees. Customer shall pay Provider the fees (\"Fees\") as set forth in the Order Form without offset or deduction. Customer shall make all payments hereunder in US dollars on or before the due date set forth in the Order Form. If Customer fails to make any payment when due, without limiting Provider's other rights and remedies: (i) Provider may charge interest on the past due amount at the rate of 1.5% per month calculated daily and compounded monthly or, if lower, the highest rate permitted under applicable law; (ii) Customer shall reimburse Provider for all reasonable costs incurred by Provider in collecting any late payments or interest, including attorneys' fees, court costs, and collection agency fees; and (iii) if such failure continues for 30 days or more, Provider may suspend Customer's and its Authorized Users' access to any portion or all of the Services until such amounts are paid in full.
\n(b)\tPayment. All Fees are payable in advance in the manner set forth in the Order Form and are non-refundable, except as may be expressly set forth herein. Any renewal of the Services hereunder shall not be effective until the fees for such renewal have been paid in full.
\n(c)\tTaxes. All Fees and other amounts payable by Customer under this Agreement are exclusive of taxes and similar assessments. Customer is responsible for all sales, use, and excise taxes, and any other similar taxes, duties, and charges of any kind imposed by any federal, state, or local governmental or regulatory authority on any amounts payable by Customer hereunder, other than any taxes imposed on Provider's income.
\n5.Confidential Information. From time to time during the Term, either Party may disclose or make available to the other Party information about its business affairs, products, confidential intellectual property, trade secrets, third-party confidential information, and other sensitive or proprietary information, whether orally or in written, electronic, or other form or media and whether or not marked, designated, or otherwise identified as \"confidential\" (collectively, \"Confidential Information\"). Confidential Information does not include information that, at the time of disclosure is: (a) in the public domain; (b) known to the receiving Party at the time of disclosure; (c) rightfully obtained by the receiving Party on a non-confidential basis from a third party; or (d) independently developed by the receiving Party. The receiving Party shall not disclose the disclosing Party's Confidential Information to any person or entity, except to the receiving Party's employees who have a need to know the Confidential Information for the receiving Party to exercise its rights or perform its obligations hereunder. Notwithstanding the foregoing, each Party may disclose Confidential Information to the limited extent required (i) in order to comply with the order of a court or other governmental body, or as otherwise necessary to comply with applicable law, provided that the Party making the disclosure pursuant to the order shall first have given written notice to the other Party and made a reasonable effort to obtain a protective order; or (ii) to establish a Party's rights under this Agreement, including to make required court filings. On the expiration or termination of the Agreement, the receiving Party shall promptly return to the disclosing Party all copies, whether in written, electronic, or other form or media, of the disclosing Party's Confidential Information, or destroy all such copies and certify in writing to the disclosing Party that such Confidential Information has been destroyed. Each Party's obligations of non-disclosure with regard to Confidential Information are effective as of the first day of the Term and will expire five years from the date first disclosed to the receiving Party; provided, however, with respect to any Confidential Information that constitutes a trade secret (as determined under applicable law), such obligations of non-disclosure will survive the termination or expiration of this Agreement for as long as such Confidential Information remains subject to trade secret protection under applicable law.
\n6.Intellectual Property Ownership; Feedback.
\n(a)\tProvider IP. Customer acknowledges that, as between Customer and Provider, Provider owns all right, title, and interest, including all intellectual property rights, in and to the Provider IP and, with respect to Third-Party Products, the applicable third-party providers own all right, title, and interest, including all intellectual property rights, in and to the Third-Party Products.
\n(b)Customer Data. Provider acknowledges that, as between Provider and Customer, Customer owns all right, title, and interest, including all intellectual property rights, in and to the Customer Data. Customer hereby grants to Provider a non-exclusive, royalty-free, worldwide license to reproduce, distribute, and otherwise use and display the Customer Data and perform all acts with respect to the Customer Data as may be necessary for Provider to provide the Services to Customer , and a non-exclusive, perpetual, irrevocable, royalty-free, worldwide license to reproduce, distribute, modify, and otherwise use and display Customer Data incorporated within the Aggregated Statistics.
\n(c)Feedback. If Customer or any of its employees or contractors sends or transmits any communications or materials to Provider by mail, email, telephone, or otherwise, suggesting or recommending changes to the Provider IP, including without limitation, new features or functionality relating thereto, or any comments, questions, suggestions, or the like (\"Feedback\"), Provider is free to use such Feedback irrespective of any other obligation or limitation between the Parties governing such Feedback. Customer hereby assigns to Provider on Customer's behalf, and on behalf of its employees, contractors and/or agents, all right, title, and interest in, and Provider is free to use, without any attribution or compensation to any party, any ideas, know-how, concepts, techniques, or other intellectual property rights contained in the Feedback, for any purpose whatsoever, although Provider is not required to use any Feedback.
\n7.Warranty Disclaimer. PROVIDER DOES NOT MAKE ANY REPRESENTATIONS OR GUARANTEES REGARDING UPTIME OR AVAILABILITY OF THE SERVICES. THE PROVIDER SERVICES AND IP IS PROVIDED \"AS IS\" AND PROVIDER HEREBY DISCLAIMS ALL WARRANTIES, WHETHER EXPRESS, IMPLIED, STATUTORY, OR OTHERWISE. PROVIDER SPECIFICALLY DISCLAIMS ALL IMPLIED WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, TITLE, AND NON-INFRINGEMENT, AND ALL WARRANTIES ARISING FROM COURSE OF DEALING, USAGE, OR TRADE PRACTICE. PROVIDER MAKES NO WARRANTY OF ANY KIND THAT THE PROVIDER SERVICES OR IP, OR ANY PRODUCTS OR RESULTS OF THE USE THEREOF, WILL MEET CUSTOMER'S OR ANY OTHER PERSON'S REQUIREMENTS, OPERATE WITHOUT INTERRUPTION, ACHIEVE ANY INTENDED RESULT, BE COMPATIBLE OR WORK WITH ANY SOFTWARE, SYSTEM, OR OTHER SERVICES, OR BE SECURE, ACCURATE, COMPLETE, FREE OF HARMFUL CODE, OR ERROR FREE.
\n8.\tIndemnification.
\n(a)\tProvider Indemnification.
\n(i)\tProvider shall indemnify, defend, and hold harmless Customer from and against any and all losses, damages, liabilities, costs (including reasonable attorneys' fees) (\"Losses\") incurred by Customer resulting from any third-party claim, suit, action, or proceeding (\"Third-Party Claim\") that the Services, or any use of the Services in accordance with this Agreement, infringes or misappropriates such third party's US patents, copyrights, or trade secrets, provided that Customer promptly notifies Provider in writing of theclaim, cooperates with Provider, and allows Provider sole authority to control the defense and settlement of such claim.
\n(ii)\tIf such a claim is made or appears possible, Customer agrees to permit Provider, at Provider's sole discretion, to (A) modify or replace the Services, or component or part thereof, to make it non-infringing, or (B) obtain the right for Customer to continue use. If Provider determines that neither alternative is reasonably available, Provider may terminate this Agreement, in its entirety or with respect to the affected component or part, effective immediately on written notice to Customer.
\n(iii)\tThis Section 8(a) will not apply to the extent that the alleged infringement arises from: (A) use of the Services in combination with data, software, hardware, equipment, or technology not provided by Provider or authorized by Provider in writing; (B) modifications to the Services not made by Provider; or (C) Customer Data; or (D) Third-Party Products.
\n(b)\tCustomer Indemnification. Customer shall indemnify, hold harmless, and, at Provider's option, defend Provider from and against any Losses resulting from any Third-Party Claim that the Customer Data, or any use of the Customer Data in accordance with this Agreement, infringes or misappropriates such third party's US intellectual property rights and any Third-Party Claims based on Customer's or any Authorized User's (i) negligence or willful misconduct; (ii) use of the Services in a manner not authorized by this Agreement; (iii) use of the Services in combination with data, software, hardware, equipment, or technology not provided by Provider or authorized by Provider in writing; or (iv) modifications to the Services not made by Provider, provided that Customer may not settle any Third-Party Claim against Provider unless Provider consents to such settlement, and further provided that Provider will have the right, at its option, to defend itself against any such Third-Party Claim or to participate in the defense thereof by counsel of its own choice.
\n(c)\tSole Remedy. THIS SECTION 8 SETS FORTH CUSTOMER'S SOLE REMEDIES AND PROVIDER'S SOLE LIABILITY AND OBLIGATION FOR ANY ACTUAL, THREATENED, OR ALLEGED CLAIMS THAT THE SERVICES INFRINGE, MISAPPROPRIATE, OR OTHERWISE VIOLATE ANY INTELLECTUAL PROPERTY RIGHTS OF ANY THIRD PARTY.
\n9.\tLimitations of Liability. IN NO EVENT WILL PROVIDER BE LIABLE UNDER OR IN CONNECTION WITH THIS AGREEMENT UNDER ANY LEGAL OR EQUITABLE THEORY, INCLUDING BREACH OF CONTRACT, TORT (INCLUDING NEGLIGENCE), STRICT LIABILITY, AND OTHERWISE, FOR ANY: (a) CONSEQUENTIAL, INCIDENTAL, INDIRECT, EXEMPLARY, SPECIAL, ENHANCED, OR PUNITIVE DAMAGES; (b) INCREASED COSTS, DIMINUTION IN VALUE OR LOST BUSINESS, PRODUCTION, REVENUES, OR PROFITS; (c) LOSS OF GOODWILL OR REPUTATION; (d) USE, INABILITY TO USE, LOSS, INTERRUPTION, DELAY, OR RECOVERY OF ANY DATA, OR BREACH OF DATA OR SYSTEM SECURITY; OR (e) COST OF REPLACEMENT GOODS OR SERVICES, IN EACH CASE REGARDLESS OF WHETHER PROVIDER WAS ADVISED OF THE POSSIBILITY OF SUCH LOSSES OR DAMAGES OR SUCH LOSSES OR DAMAGES WERE OTHERWISE FORESEEABLE.
\n10.\tTerm and Termination.
\n(a)\tTerm. This Agreement shall remain in effect for the term set forth on the Order Form (the \"Term\") unless terminated earlier pursuant to this Agreement's express provisions. This Agreement will automatically renew for additional successive Terms unless earlier terminated pursuant to this Agreement's express provisions or either Party gives the other Party written notice of non-renewal at least 30 days prior to the expiration of the then-current term.
\n(b)\tTermination. In addition to any other express termination right set forth in this Agreement:
\n(i)\tProvider may terminate this Agreement, effective on written notice to Customer, if Customer: (A) fails to pay any amount when due hereunder, and such failure continues more than 30 days after Provider's delivery of written notice thereof; or (B) breaches any of its obligations under Section 2(c) or Section 5;
\n(ii)\teither Party may terminate this Agreement, effective on written notice to the other Party, if the other Party materially breaches this Agreement, and such breach: (A) is incapable of cure; or (B) being capable of cure, remains uncured 30 days after the non-breaching Party provides the breaching Party with written notice of such breach; or
\n(iii)\teither Party may terminate this Agreement, effective immediately upon written notice to the other Party, if the other Party: (A) becomes insolvent or is generally unable to pay, or fails to pay, its debts as they become due; (B) files or has filed against it, a petition for voluntary or involuntary bankruptcy or otherwise becomes subject, voluntarily or involuntarily, to any proceeding under any domestic or foreign bankruptcy or insolvency law; (C) makes or seeks to make a general assignment for the benefit of its creditors; or (D) applies for or has appointed a receiver, trustee, custodian, or similar agent appointed by order of any court of competent jurisdiction to take charge of or sell any material portion of its property or business.
\n(c)\tEffect of Expiration or Termination. Upon expiration or earlier termination of this Agreement, Customer shall immediately discontinue use of the Provider IP and, without limiting Customer's obligations under Section 5, Customer shall delete, destroy, or return all copies of the Provider IP and certify in writing to the Provider that the Provider IP has been deleted or destroyed. No expiration or termination will affect Customer's obligation to pay all Fees that may have become due before such expiration or termination or entitle Customer to any refund.
\n(d)\tSurvival. This Section 10(d) and Sections 1, 4, 5, 6, 7, 8, 9 and 11 survive any termination or expiration of this Agreement. No other provisions of this Agreement survive the expiration or earlier termination of this Agreement.
\n11.Miscellaneous.
\n(a)\tEntire Agreement. This Agreement, together with any other documents incorporated herein by reference and all related Order Forms or Exhibits, constitutes the sole and entire agreement of the Parties with respect to the subject matter of this Agreement and supersedes all prior and contemporaneous understandings, agreements, and representations and warranties, both written and oral, with respect to such subject matter. In the event of any inconsistency between the statements made in the body of this Agreement, the related Order Forms or Exhibits, and any other documents incorporated herein by reference, this Agreement will govern.
\n(b)\tNotices. All notices, requests, consents, claims, demands, waivers, and other communications hereunder (each, a \"Notice\") must be in writing and addressed to the Parties at the addresses set forth on the first page of this Agreement (or to such other address that may be designated by the Party giving Notice from time to time in accordance with this Section). All Notices must be delivered by personal delivery, nationally recognized overnight courier (with all fees pre-paid), or email (with confirmation of transmission), or certified or registered mail (in each case, return receipt requested, postage pre-paid). Except as otherwise provided in this Agreement, a Notice is effective only: (i) upon receipt by the receiving Party; and (ii) if the Party giving the Notice has complied with the requirements of this Section.
\n(c)\tForce Majeure. In no event shall either Party be liable to the other Party, or be deemed to have breached this Agreement, for any failure or delay in performing its obligations under this Agreement (except for any obligations to make payments), if and to the extent such failure or delay is caused by any circumstances beyond such Party's reasonable control, including but not limited to acts of God, flood, fire, pandemics, earthquake, explosion, war, terrorism, invasion, riot or other civil unrest, strikes, labor stoppages or slowdowns or other industrial disturbances, or passage of law or any action taken by a governmental or public authority, including imposing an embargo.
\n(d)\tAmendment and Modification; Waiver. No amendment to or modification of this Agreement is effective unless it is in writing and signed by an authorized representative of each Party. No waiver by any Party of any of the provisions hereof will be effective unless explicitly set forth in writing and signed by the Party so waiving. Except as otherwise set forth in this Agreement, (i) no failure to exercise, or delay in exercising, any rights, remedy, power, or privilege arising from this Agreement will operate or be construed as a waiver thereof, and (ii) no single or partial exercise of any right, remedy, power, or privilege hereunder will preclude any other or further exercise thereof or the exercise of any other right, remedy, power, or privilege.
\n(e)\tSeverability. If any provision of this Agreement is invalid, illegal, or unenforceable in any jurisdiction, such invalidity, illegality, or unenforceability will not affect any other term or provision of this Agreement or invalidate or render unenforceable such term or provision in any other jurisdiction. Upon such determination that any term or other provision is invalid, illegal, or unenforceable, the Parties shall negotiate in good faith to modify this Agreement so as to effect their original intent as closely as possible in a mutually acceptable manner in order that the transactions contemplated hereby be consummated as originally contemplated to the greatest extent possible.
\n(f)\tAssignment. Customer may not assign any of its rights or delegate any of its obligations hereunder, in each case whether voluntarily, involuntarily, by operation of law or otherwise, without the prior written consent of Provider, which consent shall not be unreasonably withheld, conditioned, or delayed. Any purported assignment or delegation in violation of this Section will be null and void. No assignment or delegation will relieve the assigning or delegating Party of any of its obligations hereunder. This Agreement is binding upon and inures to the benefit of the Parties and their respective permitted successors and assigns.
\n(g)\tExport Regulation. Customer shall comply with all applicable federal laws, regulations, and rules, and complete all required undertakings (including obtaining any necessary export license or other governmental approval), that prohibit or restrict the export or re-export of the Services or any Customer Data outside the US.
\n(h)\tEquitable Relief. Each Party acknowledges and agrees that a breach or threatened breach by such Party of any of its obligations under Section 5 or, in the case of Customer, Section 2(c), would cause the other Party irreparable harm for which monetary damages would not be an adequate remedy and agrees that, in the event of such breach or threatened breach, the other Party will be entitled to equitable relief, including a restraining order, an injunction, specific performance, and any other relief that may be available from any court, without any requirement to post a bond or other security, or to prove actual damages or that monetary damages are not an adequate remedy. Such remedies are not exclusive and are in addition to all other remedies that may be available at law, in equity, or otherwise.
\n(i)\tGoverning Law. This Agreement is governed by and construed in accordance with the internal laws of the State of Delaware without giving effect to any choice or conflict of law provision or rule that would require or permit the application of the laws of any jurisdiction other than those of the State of Delaware. Any legal suit, action, or proceeding arising out of or related to this Agreement or the licenses granted hereunder may be instituted in the federal courts of the United States or the courts of the State of Delaware.
\nORDER FORM
\n[This EULA assumes licenses will be purchased on an Order Form that will include the and other relevant information.]
\nCapitalized terms used but not defined in this Order Form have the meaning given to those terms in the Agreement.
\nA. The Customer’s and Provider’s identity and contact information.
\nB. Description of services.
\nC. Fees for subscription period (1 year)
\nD. Payment requirements, including invoicing and any renewal fee increase limitations (e.g., 3% per year)
\nE. Authorized users: (number of authorized users)
\nF. Third-party products: (if any)
\n \n
\n \n\n\n \n
\n \n
\n \n
\n \n You just reached your limit of 50 {keyword}. Upgrade to a paid plan to increase your limits. \n \n
\n \n
\n \n )\n};\n\nexport default AccessRestricted;","\nimport React from 'react';\nimport { Button, Typography } from '@material-ui/core';\nimport AccessRestrictedImage from '../../../../assests/images/AccessRestricted.png';\n\nconst handleClick = () => {\n window.open('https://www.watchops.com/check-out', '_blank');\n};\n\nconst UpgradePlan = () => {\n return (\n <>\n \n Access Denied \n
\nyou don't have permission to access request page \n
\n \n
\n 
\n
\n \n Oops! It looks like your access is limited. \n
\nClick below to subscribe and ensure uninterrupted access to this feature and much more! \n
\n\n SUBSCRIBE\n \n
\n {/* \n
\n
\n \n
*/}\n \n\n )\n};\n\n// const UpgradePlan = () =>{\n// return (\n// \n \n \n \n {\n this.Violet = section;\n }}\n >
\n \n \n
\n \n
\n\n {/* */}\n\n \n
\n \n 
\n
\n \n \n \n
\n \n \n \n \n \n \n Search\n \n \n \n
\n \n \n
\n \n
\n \n
\n ) : (\n \n
\n\n {\n // window.open(\n // \"/product-listing/\" +\n // row.productid\n // );\n // localStorage.setItem(this.state.searchStringdetails,JSON.stringify(this.state.final ))\n\n this.props.history.push('/product-listing/' + row.productid + '?q=' + this.state.searchStringdetails, { watchComponent: { ...this.state } })\n }}\n >\n \n \n {row && row.model\n ? row.model\n : \"\"}\n \n \n \n \n {row && row.brandname\n ? row.brandname\n : \"\"}\n \n\n {/* \n {row && row.productid && row.productid\n ? row.productid\n : \"\"}\n {row && row.proattr && row.prodattr.bandmaterial\n ? row.prodattr.bandmaterial\n : \"\"}\n */}\n \n \n \n {row && row.modelname\n ? row.modelname\n : \"\"}\n \n \n \n \n \n {row &&\n row.proattr &&\n row.prodattr.material\n ? row.prodattr.movement\n : \"\"}\n \n\n \n \n \n {row && row.price\n ? \"$\" + row.price\n : \"\"}\n \n \n \n \n \n \n ) : (\n\n \"\"\n )\n )}\n \n \n )}\n\n {/* ?} */}\n
\n\n {\n this.state.relatedWatchesCount == true ?\n
\n\n
\n \n \n \n \n ) : (\n \"\"\n )}\n {/* ------------------------------------------------------------------------------------------------------------------- */}\n\n {this.state.browsewatchnormal ? (\n \n\n
\n {this.state.browserwatchesdis ? (\n \n \n \n \n \n \n \n \n \n \n \n {/* \n */}\n \n \n \n \n \n \n \n \n ) : (\n \"\"\n )}\n
\n {/* ) : (\n \"\"\n )} */}\n {this.state.browserwatchesdis ? (\n \n \n \n \n Brand\n \n \n \n {brandInfo &&\n brandInfo.map((row) => (\n \n ))}\n \n \n {this.state.modledata\n ? this.state.modledata\n : this.state.removedbrndname}{\" \"}\n \n \n
\n \n \n \n \n Case Size\n \n \n \n {caseSizeInfo &&\n caseSizeInfo.map((row) => (\n \n ))}\n \n \n {this.state.CaseSize}\n \n \n
\n \n \n \n \n Case Material\n \n \n \n {CaseMaterialByMaterial &&\n CaseMaterialByMaterial.map((row) => (\n \n ))}\n \n \n {this.state.CaseMaterial}\n \n \n
\n \n \n \n \n Band Material\n \n \n \n {brandMaterialInfo &&\n brandMaterialInfo.map((row) => (\n \n ))}\n \n \n {this.state.BandMaterial}\n \n \n
\n \n \n \n \n Dial Color\n \n \n \n {dialColorInfo &&\n dialColorInfo.map((row) => (\n \n ))}\n \n \n {this.state.DialColor}\n \n \n
\n \n \n {this.state.notfounddisplay == true\n ? \"items not found\"\n : \"\"}\n \n ) : (\n \n \n {this.state.final &&\n this.state.final.map((row) =>\n row.likedistance < 1 ? (\n this.state.relatedWatchesCount = false,\n \n \n \n {\n // window.open(\n // \"/product-listing/\" +\n // row.productid\n // );\n\n\n // localStorage.setItem(this.state.searchStringdetails,JSON.stringify(this.state.final ))\n this.props.history.push('/product-listing/' + row.productid + '?q=' + this.state.searchStringdetails, { watchComponent: { ...this.state } })\n }}\n component=\"img\"\n alt={alt}\n height=\"170\"\n onLoad={this.onImagesShow(\n row?.imagepaths?.images[0]\n )}\n src={\n row &&\n row.imagepaths &&\n row?.imagepaths?.images[0]\n ? row?.imagepaths?.images[0].split(\n \",\"\n )[0]\n : alt\n }\n title={row.productname}\n />\n
\n
\n \n \n
\n }\n endMessage={\n \n
\n Loading....
\n\n Yay! You have seen it all\n
\n }\n // loader={{this.state.errormsgfinal}
}\n >\n {this.state.final.length == 0 ? (\n \"\"\n ) : (\n\n \n Favourite Watches\n \n
\n )}\n {this.state.final.length == 0 ? (\n \n
\n\n {\n this.state.relatedWatchesCount == true ?\n
\n \n No exact match found\n \n
\n : \"\"\n\n }\n {/* {this.state.final.length == 0 ? \"\" : \n \n RELATED WATCHES\n \n
} */}\n {this.state.showRelatedWatches && (\n \n \n RELATED WATCHES\n \n
\n )}\n \n\n
\n \n \n \n {row && row.model\n ? row.model\n : \"\"}\n \n \n \n {/* \n {row && row.reference ? row.reference : \"\"}\n */}\n \n {row && row.brandname\n ? row.brandname\n : \"\"}\n \n {/* {row && row.productid && row.productid\n ? row.productid\n : \"\"} */}\n \n \n \n {row && row.modelname\n ? row.modelname\n : \"\"}\n \n \n \n \n \n {row &&\n row.proattr &&\n row.prodattr.material\n ? row.prodattr.movement\n : \"\"}\n \n \n \n \n {row && row.price\n ? \"$\" + row.price\n : \"\"}\n \n \n \n \n \n \n ) : (\n \"\"\n )\n )}\n \n\n {/* */}\n \n
\n }\n \n {\n \n {this.state.final &&\n this.state.final.map((row) =>\n row.likedistance >= 1 ? (\n \n \n {\n // window.open(\n // \"/product-listing/\" +\n // row.productid\n // );\n // localStorage.setItem(this.state.searchStringdetails,JSON.stringify(this.state.final ))\n\n this.props.history.push('/product-listing/' + row.productid + '?q=' + this.state.searchStringdetails, { watchComponent: { ...this.state } })\n }}\n className=\"padding1 alignment-1 search-card\"\n >\n
\n
\n \n \n {/* \n
\n }\n endMessage={\n \n
\n Loading....
\n\n Yay! You have seen it all\n
\n }\n // loader={{this.state.errormsgfinal}
}\n > */}\n\n\n
\n
\n
\n\n
\n\n \n
\n {/* \n WATCHES LIST\n */}\n
\n \n\n
\n
\n \n {\n // \n // \n // \n // {row && row.prodattr.reference ? row.prodattr.reference : \"\"}\n // \n // \n // \n // \n // {row && row.brandname\n // ? row.brandname\n // : \"\"}\n // \n // \n // \n // \n // {/* \n // {row &&\n // row.proattr &&\n // row.prodattr.material\n // ? row.prodattr.movement\n // : \"\"}\n // */}\n // \n // \n // {/* \n // {row && row.prodattr.reference ? row.prodattr.reference : \"\"}\n // */}\n // \n // \n // \n // \n // \n // ))}\n // \n // \n // \n //
\n }\n \n // \n // }\n // >\n // \n // {this.state.defaultdata &&\n // this.state.defaultdata.map((row) => (\n // \n // \n // {\n // window.open(\n // \"/product-listing/\" + row.productid\n // );\n // }}\n // className=\"padding1 alignment-1\"\n // >\n //
\n //
\n // \n //
{/*
*/}
\n \n ) : (\n \"\"\n )}\n \n )}\n {this.state.limitReachedModalOpen && (\n */}
\n{this.state.loaded== false ?
\n );\n }\n}\nfunction mapStateToProps({ dealer, InventoryList, auth }) {\n return {\n countryList: dealer.countryList,\n currentUser: auth.currentUser,\n packagesListInfo: dealer.packagesListInfo,\n activePackagesListInfo: dealer.activePackagesListInfo,\n selectedpackage: dealer.selectedPackage,\n selectedpackageReducData: dealer.selectedPackage,\n billingDetails: dealer.billingDetails,\n userInfo: InventoryList.userInfo,\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators({\n countriesList,\n packagesList,\n setPackage,\n activePackageList,\n getuser\n },\n dispatch)\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(DealerChooseSubscriptionsComponent);","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { Container, Grid, Typography, Card, Checkbox, FormControlLabel, Paper, FormControl, Input, Button, InputAdornment, TextField, Divider } from '@material-ui/core';\nimport ContentWrapper from '../../../../common/components/contentWrapper';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport CardMedia from '@material-ui/core/CardMedia';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardActions from '@material-ui/core/CardActions';\nimport Collapse from '@material-ui/core/Collapse';\nimport { SpinnerRoundFilled } from 'spinners-react';\nimport IconButton from '@material-ui/core/IconButton';\nimport scrollToComponent from 'react-scroll-to-component';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\n\nimport tick from '../../../../assests/images/tick-circle.svg'\nimport InfoIcon from '../../../../assests/images/info.svg'\nimport CloseIcon from '../../../../assests/images/close.svg'\nimport { subscriptionsPlans, updatePaymentDetails } from '../actions/dealerAction';\nconst Loader = require('react-loader');\nclass DealerPayment extends Component {\n constructor(props) {\n super(props);\n this.state = {\n expanded: false,\n loaded: false,\n \n }\n this.handleExpandClick = this.handleExpandClick.bind(this);\n this.onChangeCardNumber = this.onChangeCardNumber.bind(this);\n this.billingDetailsdatadeatails = JSON.parse(localStorage.getItem('savedbildetails'))\n this.selectedpackgesdata = JSON.parse(localStorage.getItem('selectedpackges'))\n\n }\n componentDidMount() {\n scrollToComponent(this.Violet, { offset: 0, align: 'top', duration: 1500 })\n this.sroclltop()\n setTimeout(() => {\n this.setState({loaded: true,})\n }, 3000);\n\n }\n sroclltop() {\n scrollToComponent(this.Violet, { offset: 0, align: 'top', duration: 1500 })\n }\n\n handleExpandClick = () => {\n if (this.state.expanded === false) {\n this.setState({\n expanded: true\n })\n }\n else {\n this.setState({\n expanded: false\n })\n }\n }\n\n onChangePackage = () => {\n localStorage.removeItem(\"checkoutdetails\")\n localStorage.removeItem(\"singlepkg\")\nconsole.log(\"step2\")\nthis.props.setStep(0);\n if (this.props.backSubmit) {\n this.props.backSubmit();\n }\n\n }\n onChangeCardNumber = () => {\n localStorage.removeItem(\"checkoutdetails\")\n console.log(\"step2\")\n this.props.setStep(2);\n if (this.props.backSubmit) {\n this.props.backSubmit();\n } \n \n }\n\n submitForm(event) {\n \n this.setState({loaded:false})\nconsole.log(this.selectedpackgesdata,\"selected\",this.props.selectedPackage,this.billingDetailsdatadeatails)\n console.log(this.billingDetailsdatadeatails,)\n let addons =0\n if(this.billingDetailsdatadeatails.addOn === true){\n addons = 1 \n } else {\n addons = 0\n }\n console.log(addons,\"selected1\")\n let data = {\n \"user_id\": this.props.currentUser.userId,\n \"membertier_id\": this.billingDetailsdatadeatails.membertier_id ?this.billingDetailsdatadeatails.membertier_id :this.selectedpackgesdata.membertierid,\n \"gateway\": \"stripe\",\n \"listing_addon\": addons,\n \"card_number\": this.billingDetailsdatadeatails.card_number,\n \"exp_month\": this.billingDetailsdatadeatails.exp_month,\n \"exp_year\": this.billingDetailsdatadeatails.exp_year,\n \"cvc\": this.billingDetailsdatadeatails.cvc,\n \"billing_country\": this.billingDetailsdatadeatails.billing_country,\n \"billing_state\": this.billingDetailsdatadeatails.billing_state,\n \"billing_city\": this.billingDetailsdatadeatails.billing_city,\n \"billing_zip\": this.billingDetailsdatadeatails.billing_zip,\n \"billing_addressline1\": this.billingDetailsdatadeatails.billing_addressline1,\n \"billing_addressline2\": this.billingDetailsdatadeatails.billing_addressline2,\n };\n if (this.props.submit) {\n this.props.submit(data);\n console.log(data)\nsetTimeout(() => {\n this.setState({loaded:true})\n}, 4000);\n // localStorage.removeItem(\"savedbildetails\")\n\n \n }\n\n }\n\n render() {\n\n console.log(this.props.selectedPackage,\"props\")\n const selectedpackgesdatas = JSON.parse(localStorage.getItem('selectedpackges'))\n const billingDetailsdata = JSON.parse(localStorage.getItem('savedbildetails'))\n const checkoutdetisdata = JSON.parse(localStorage.getItem(\"checkoutdetails\"))\n console.log(billingDetailsdata,selectedpackgesdatas,checkoutdetisdata,\"check123\")\n const packageDetailsdate = this.props.selectedPackage;\n // const billingDetailsdata = this.props.billingDetails;\n let _addon = '';\n let totalPrise ='';\n if (billingDetailsdata && billingDetailsdata.addOn === true) {\n _addon = 1;\n\n }\n const addedprice = +selectedpackgesdatas?.price + +selectedpackgesdatas?.price;\n console.log(addedprice,selectedpackgesdatas?.price)\n console.log(totalPrise,this.props,\"props\");\n return (\n \n
:\n \n {/* */}\n \n \n \n\n \n \n \n {/* : ''} */}\n \n {/* */}\n
}\n \n \n Subscribtion Package Details\n \n
\n \n \n {this.state.activePackageForm ?\n \n \n \n \n \n \n {activePackageData && activePackageData.membertiername ? activePackageData.membertiername : 'You are using Free Plan'}\n \n \n $\n {activePackageData && activePackageData.pricepermonth ? activePackageData.pricepermonth : '00'}\n / month\n\n \n
\n \n \n \n \n : ''}\n \n\n
\n\n \n
\n \n\n \n {activePackageData && activePackageData.packagedetails && activePackageData.packagedetails.packagedetails.map((item)=>{\n return(\n {item.feature} <> { typeof item.limit != 'number' ? 
{item?.limit} }\n \n )}\n )}\n \n \n
\n\n \n
\n );\n }\n // render(){\n // return(\n {this.state.loaded== false ? { this.Violet = section; }}>\n \n \n \n \n \n \n \n }\n\n
\n \n \n
:\n \n \n \n \n {/*
\n \n
\n \n \n \n \n \n \n \n
\n\n \n NEW MEMBERSHIP \n
\n \n \n
\n \n
\n \n \n \n \n \n \n \n \n \n \n {selectedpackgesdatas && selectedpackgesdatas.packagedetails && selectedpackgesdatas.packagedetails.packagedetails.map((item)=>{\n return(\n {item.feature} <> { typeof item.limit != 'number' ? {item?.limit} }\n \n )}\n )}\n \n
\n \n {selectedpackgesdatas && selectedpackgesdatas.membertiername} \n\n
\n \n ${selectedpackgesdatas && selectedpackgesdatas.pricepermonth}/Month \n
\n {selectedpackgesdatas && selectedpackgesdatas.shortdesc}
\n\n \n \n \n \n
*/}\n \n
\n \n \n Add Gift Card or Promo Code\n \n \n \n \n\n
\n \n
\n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n
\n \n Billing Address \n
\n \n
\n \n
\n - \n
- \n \n \n
\n
\n - \n
- {billingDetailsdata && billingDetailsdata.billing_addressline1} \n
- {billingDetailsdata && billingDetailsdata.billing_addressline2} \n
- {billingDetailsdata && billingDetailsdata.billing_state} \n
- {billingDetailsdata && billingDetailsdata.billing_city} \n
- {billingDetailsdata && billingDetailsdata.billing_zip} \n
\n \n \n \n \n \n \n
\n );\n }\n // render() { \n // return ( \n // \n
\n \n \n
\n \n Confirm your Subscription Package \n
\n \n Thanks for choosing Hobbyist Tier Subscription Package to Impresari status updates.
You're almost done - we just need to confirm your subscription. \n
\n You're almost done - we just need to confirm your subscription.
\n In order to activate your subscription, please click the following link: \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n DOWNLOAD\n \n \n OUR APP\n \n
\n \n \n \n \n \n \n \n
\n \n \n
\n \n 
\n
\n \n \n \n \n \n \n \n \n \n \n \n
\n );\n }\n\n}\n \nexport default DealerSubscriptionThankYou;","export default \"data:image/png;base64,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\"","\nimport React, { useEffect, useState } from 'react'\nimport { Table, TableBody, makeStyles, Container, TableHead, TableCell, TableContainer, CircularProgress, FormGroup, Checkbox, Dialog, DialogTitle, DialogContent, FormControlLabel, DialogActions, TableRow, Paper, Grid, Button, RadioGroup } from '@material-ui/core'\nimport tick from '../../../../assests/images/tick-circle.svg'\nimport InfoIcon from '../../../../assests/images/info.svg'\nimport CloseIcon from '../../../../assests/images/close.svg'\nimport getUserdetailsforsubscrption from '../../dashboard/actions/dashboardaapi';\nimport ToggleButton from '@mui/material/ToggleButton';\nimport ToggleButtonGroup from '@mui/material/ToggleButtonGroup';\nimport { Typography } from '@mui/material';\nimport {\n countriesList, packagesList, setPackage, activePackageList\n} from '../actions/dealerAction';\nimport { connect, useDispatch } from 'react-redux'\n\nconst useStyles = makeStyles({\n button: {\n height: '40px',\n border: '1px solid #FF3535',\n color: '#FF3535',\n padding: '10px',\n background: '#ffff',\n borderRadius: '8px',\n fontSize: '12px',\n '&:hover': {\n color: '#fff',\n backgroundColor: '#FF3535',\n },\n },\n paperwidth: {\n width: '400px'\n }\n\n})\n// const rows = [\n// { Value: 'Search', start: tick, starterpackage: tick, basic: tick, premium: tick },\n// { Value: 'Image Sharing', start: CloseIcon, starterpackage: tick, basic: tick, premium: tick },\n// { Value: \"Inventory\", start: CloseIcon, starterpackage: tick, basic: tick, premium: tick },\n// { Value: 'Invoicing/Payments', start: CloseIcon, starterpackage: CloseIcon, basic: tick, premium: tick },\n// { Value: 'Unlimited Image Cloud', start: CloseIcon, starterpackage: CloseIcon, basic: tick, premium: tick },\n// { Value: 'No of Users', start: 1, starterpackage: 3, basic: 3, premium: 10 },\n// ];\n\n\nfunction LoaderDialog(props) {\n const { open, setOpen } = props\n\n const handleClickOpen = () => {\n setOpen(true);\n };\n\n\n const handleClose = () => {\n\n };\n\n return (\n \n
\n \n \n
\n \n Thanks for joining \n
\n \n \n 
\n
\n \n Your subscription has been confirmed. You've been added to our list
and will hear from us soon. \n
\n and will hear from us soon.
\n
\n \n
\n \n \n DOWNLOAD\n \n \n OUR APP\n \n
\n \n \n \n \n \n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n {this.state.loaded== false ? \n \n \n \n \n }\n \n\n
\n )\n }\n}\nfunction mapStateToProps({ dealer, auth }) {\n return {\n currentUser: auth.currentUser,\n packagesListInfo: dealer.packagesListInfo,\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators({\n packagesList,\n setPackage,\n getuser,\n _action\n },\n dispatch)\n}\nexport default connect(mapStateToProps, mapDispatchToProps)(SubscriptionComponent);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport validator from 'validator';\n// import {getuser} from '../../../pages/dashboard/actions/dashboardAction'\nimport { getuserdetails } from '../../../pages/dashboard/actions/dashboardAction'\nimport ContentWrapper from '../../../../common/components/contentWrapper';\nimport { Container, Paper, Typography, TextField, Grid, Button, Input, FormHelperText, Link, FormControlLabel, InputLabel, FormControl, Select, MenuItem } from '@material-ui/core';\nimport '../../../../common/style/main.css';\n//import { countriesList, statesList } from '../actions/dealerAction';\nimport { countriesList, statesList } from \"./../../reducer/actions\";\nimport { addUserData, updateUserData, recoverPassword, setUserDeatils } from './../../reducer/actions';\nimport getUserdetailsforsubscrption from '../../../pages/dashboard/actions/dashboardaapi'\nimport { toast } from \"react-toastify\";\nimport { formatDate } from '../../../../common/components/Helper/Utils';\nclass RegisterComponent extends Component {\n constructor(props) {\n super(props);\n this.state = {\n businessName: '',\n\n address1: '',\n address2: '',\n country: 231,\n countryId: 231,\n state: '',\n city: '',\n zipcode: '',\n address1ErrorText: '',\n address2ErrorText: '',\n countryErrorText: '',\n stateErrorText: '',\n cityErrorText: '',\n zipcodeErrorText: '',\n businessNameErrorText: '',\n userdetailsforsubcplan: [],\n statesListData: '',\n isValid: false,\n userdetailsbusiess: []\n }\n this.onChangeOfCountry = this.onChangeOfCountry.bind(this);\n this.getStatesList = this.getStatesList.bind(this);\n // this.userbusinessdetails= JSON.parse(localStorage.getItem('UserBusinessDetails'))\n\n // const userbusinessdetails = this.props.(this.props.currentUser.userId);\n\n }\n\n componentWillReceiveProps(newProps) {\n const statesListData = newProps.statesListInfo.data;\n this.setState({\n statesListData: statesListData\n })\n\n }\n\n componentDidMount() {\n // console.log(this.props.currentUser.userId, this.props)\n const countryListData = this.props.countryList.data;\n const statesListData = this.props.statesListInfo.data;\n this.props.countriesList();\n this.props.statesList(this.state.countryId);\n console.log(this.props);\n const data = this.props.history.location.state;\n console.log(data)\n if (data && data.businessData) {\n const businessdata = data.businessData;\n this.props.statesList(businessdata.country);\n console.log(data.businessData)\n this.setState({\n businessName: businessdata.business_name,\n address1: businessdata.address_line1,\n address2: businessdata.address_line2,\n country: businessdata.country,\n countryId: businessdata.country,\n state: businessdata.state,\n city: businessdata.city,\n zipcode: businessdata.zip\n })\n }\n // this.getuserdetailsbyId()\n // getUserdetailsforsubscrption.getUserDetails(this.props.currentUser?.userId).then((res) => {\n // console.log('res====new', res.data.data);\n // this.setState({\n // userdetailsforsubcplan: res.data.data\n // })\n // })\n }\n\n\n // getuserdetailsbyId() {\n // cons\n // getuserdetails(this.props.currentUser.userId)\n // .then((response) => {\n // this.setState ({\n // userdetailsbusiess : response\n // })\n // }\n // )\n // }\n\n\n getStatesList() {\n getUserdetailsforsubscrption.getAllStateList(this.state.countryId).then((res) => {\n this.setState({\n statesListData: res.data.data\n })\n })\n }\n\n onChangeOfCountry(event) {\n let countryVal = event.target.value;\n if (countryVal === \"\") {\n this.setState({\n countryErrorText: \"Enter Country\",\n isValid: false\n })\n }\n else {\n this.setState({\n countryErrorText: \"\",\n country: event.target.value,\n countryId: event.target.value,\n isValid: true\n })\n this.props.statesList(countryVal);\n }\n }\n\n onChangeOfState = (event) => {\n let stateVal = event.target.value;\n this.setState({\n state: event.target.value,\n })\n if (stateVal === \"\") {\n this.setState({\n stateErrorText: \"Enter State\",\n isValid: false\n })\n }\n else {\n this.setState({\n stateErrorText: \"\",\n isValid: true\n })\n }\n }\n\n onChangeOfCity = (event) => {\n let cityVal = event.target.value;\n this.setState({\n city: event.target.value,\n })\n if (cityVal === \"\") {\n this.setState({\n cityErrorText: \"Enter City\",\n isValid: false\n })\n }\n else {\n this.setState({\n cityErrorText: \"\",\n isValid: true\n })\n }\n }\n\n onChangeOfBusinessName = (event) => {\n this.setState({\n businessName: event.target.value\n })\n let businessNameVal = event.target.value;\n if (businessNameVal === \"\") {\n this.setState({\n businessNameErrorText: \"Enter Business Name\",\n isValid: false\n })\n }\n else {\n this.setState({\n businessNameErrorText: \"\",\n isValid: true\n })\n }\n\n }\n\n onChangeOfAddress1 = (event) => {\n this.setState({\n address1: event.target.value\n })\n let addressVal = event.target.value;\n if (addressVal === \"\") {\n this.setState({\n address1ErrorText: \"Enter Address1\",\n isValid: false\n })\n }\n else {\n this.setState({\n address1ErrorText: \"\",\n address1: event.target.value,\n isValid: true\n })\n }\n }\n\n onChangeOfAddress2 = (event) => {\n this.setState({\n address2: event.target.value\n })\n // let address2Val = event.target.value;\n // if (address2Val === \"\") {\n // this.setState({\n // address2ErrorText: \"Enter Address2\",\n // isValid: false\n // })\n // }\n // else {\n // this.setState({\n // address2ErrorText: \"\",\n // isValid: true\n // })\n // }\n }\n\n\n // onChangeOfZipCode = (event) => {\n // if (event.target.value !== \"\") {\n // let zipCodeVal = validator.isNumeric(event.target.value);\n // if (!zipCodeVal) {\n // this.setState({\n // ...this.state,\n // zipcodeErrorText: \"Enter the correct Zip Code\",\n // isValid: false,\n // });\n // } else {\n // this.setState({\n // ...this.state,\n // zipcodeErrorText: \"\",\n // zipcode: event.target.value,\n // isValid: true,\n // });\n // }\n // }else {\n // this.setState({\n // ...this.state,\n // zipcodeErrorText: \"\",\n // zipcode: event.target.value,\n // isValid: true,\n // })\n // }\n // }\n onChangeOfZipcode = (event) => {\n this.setState({\n zipcode: event.target.value,\n })\n let zipcodeVal = validator.isNumeric(event.target.value);\n if (!zipcodeVal && this.state.countryId === 231) {\n this.setState({\n zipcodeErrorText: \"Enter correct Zip Code\",\n isValid: false,\n })\n }\n else {\n this.setState({\n zipcodeErrorText: \"\",\n isValid: true\n })\n }\n }\n\n validateInput() {\n let businessNameErrorText = '';\n let countryErrorText = '';\n let stateErrorText = '';\n let cityErrorText = '';\n let address1ErrorText = '';\n let address2ErrorText = '';\n let zipcodeErrorText = '';\n let isValid = true;\n if (this.state.businessName.length === 0) {\n businessNameErrorText = 'Enter Business Name';\n isValid = false;\n }\n if (this.state.address1.length === 0) {\n address1ErrorText = 'Enter Address1';\n isValid = false;\n }\n // if (this.state.address2.length === 0) {\n // address2ErrorText = 'Enter Address2';\n // isValid = false;\n // }\n if (this.state.country.length === 0) {\n countryErrorText = 'Enter Country';\n isValid = false;\n }\n if (this.state.state.length === 0) {\n stateErrorText = 'Enter State';\n isValid = false;\n }\n if (this.state.city.length === 0) {\n cityErrorText = 'Enter City';\n isValid = false;\n }\n\n if (this.state.zipcode.length < 5 && this.state.countryId === 231) {\n zipcodeErrorText = 'Enter correct Zip Code';\n isValid = false;\n }\n this.setState({\n ...this.state,\n businessNameErrorText,\n countryErrorText,\n stateErrorText,\n cityErrorText,\n address1ErrorText,\n address2ErrorText,\n zipcodeErrorText\n });\n return isValid;\n }\n backForm() {\n const userData = this.props.history.location.state\n let bussinessData = {\n \"business_name\": this.state.businessName,\n \"address_line1\": this.state.address1,\n \"address_line2\": this.state.address2,\n \"country\": (this.state.country) ? this.state.country : this.state.countryId,\n \"state\": this.state.state,\n \"city\": this.state.city,\n \"zip\": this.state.zipcode,\n };\n const data = { ...userData }\n data['businessData'] = bussinessData;\n this.props.history.push({\n pathname: '/sign-up',\n state: data\n });\n }\n submitForm(event) {\n if (this.validateInput()) {\n const userData = this.props.history.location.state\n let bussinessData = {\n \"business_name\": this.state.businessName,\n \"address_line1\": this.state.address1,\n \"address_line2\": this.state.address2,\n \"country\": (this.state.country) ? this.state.country : this.state.countryId,\n \"state\": this.state.state,\n \"city\": this.state.city,\n \"zip\": this.state.zipcode,\n };\n const data = { ...userData, ...bussinessData }\n console.log(data);\n\n // if (this.props.submit) {\n // this.props.submit(data);\n // console.log(data)\n // updateUserData(JSON.stringify(data), (error, res) => {\n // console.log(res)\n // if (!error) {\n\n // }\n // });\n // this.props.setStep(2);\n // } else {\n\n // }\n\n let otpData = {\n 'to': data.email,\n 'url': 'email-otp/send'\n };\n console.log(this.props);\n const { history } = this.props;\n this.props.addUserData(data, (error, res) => {\n console.log(\"add User Data\", res)\n if (res) {\n if (res.success === 1) {\n console.log(\"I am in sucess\")\n history.push(\"/verify-email\");\n localStorage.setItem('email', data.email);\n localStorage.setItem('mobile', data.phone);\n localStorage.setItem('country_code', data.country_code);\n // localStorage.setItem('mobile', this.state.phoneNumber);\n try {\n setUserDeatils(data);\n // toast(\"User Registered Successfully\", {\n // autoClose: 5000,\n // type: toast.TYPE.SUCCESS,\n // position: toast.POSITION.BOTTOM_CENTER,\n // });\n recoverPassword(otpData, (error, res) => {\n if (error) {\n toast(\"Somthing went wrong\", {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n else {\n toast(\"OTP is sent to your registered Email Id\" + \" \" + this.state.emailId, {\n autoClose: 5000,\n type: toast.TYPE.SUCCESS,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n })\n\n } catch (e) {\n console.log(e)\n }\n }\n\n else if (res && res.success === 0 && res.deletedAccount && res.deletedAccount.keepThisAccount) {\n let date = res.deletedAccount.deletedDate;\n console.log(date)\n // let currentDate=moment(date, \"YYYY-MM-DD\");\n let currentDate = formatDate(date, \"YYYY-MM-DD\");\n currentDate.add(1, 'month')\n\n this.setState({\n open: true,\n userId: res.deletedAccount.userId,\n email: res.deletedAccount.email,\n deletedDate: currentDate.format(\"YYYY-MM-DD\")\n })\n\n console.log(currentDate, \"Delete Date\")\n toast(\"Your Account can be activated.Please Login again\", {\n autoClose: 5000,\n type: toast.TYPE.SUCCESS,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n else {\n toast(res.message, {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n }\n });\n\n }\n }\n\n // skipForm() {\n // if (this.props.submit) {\n // this.props.history.push('/add-to-inventory-search')\n // }\n // }\n\n\n getContentView2() {\n const countryListData = this.props.countryList.data;\n const statesListData = this.props.statesListInfo.data;\n return (\n \n
:\n \n \n Subscribe For Luxury Watches\n \n
\n \n \n \n {/* Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. */}\n \n
\n \n \n \n \n {/* \n \n {packagesListData && packagesListData.map((row, i) => ( \n \n {this.props.currentUser ==undefined || this.props.currentUser ==null || this.props.currentUser ==false ?\n \n \n \n \n {(row) && (row.membertiername) ? row.membertiername : ''}\n \n \n : \n \n \n {(row) && (row.membertiername) ? row.membertiername : ''}\n \n \n }\n \n \n \n ))}\n \n\n */}\n
\n \n \n {row.membertierid ==1 ? \n 2 Weeks\n :\n \n ${(row) && (row.price) ? row.price : ''}/ month\n \n }\n
\n \n \n \n {(row) && (row.shortdesc) ? row.shortdesc : ''}\n \n \n
\n \n {(row) && (row.longdesc[1]) ?\n \n \n
\n : ''}\n {(row) && (row.longdesc[2]) ?\n \n \n {row.longdesc[1]}
\n \n
\n \n
\n \n
\n : ''}\n {(row) && (row.longdesc[3]) ?\n \n \n {row.longdesc[2]}
\n \n
\n \n
\n \n
\n : ''}\n {(row) && (row.longdesc[4]) ?\n \n \n {row.longdesc[3]}
\n \n
\n \n
\n \n
\n : ''}\n \n \n \n {row.longdesc[4]}
\n \n
\n \n
\n \n limited access\n \n
\n \n \n \n \n
\n \n {row.membertierid ==1 ? \n 2 Weeks\n :\n \n ${(row) && (row.price) ? row.price : ''}/ month\n \n }\n
\n \n \n \n {(row) && (row.shortdesc) ? row.shortdesc : ''}\n \n \n
\n \n {(row) && (row.longdesc[1]) ?\n \n \n
\n : ''}\n {(row) && (row.longdesc[2]) ?\n \n \n {row.longdesc[1]}
\n \n
\n \n
\n \n
\n : ''}\n {(row) && (row.longdesc[3]) ?\n \n \n {row.longdesc[2]}
\n \n
\n \n
\n \n
\n : ''}\n {(row) && (row.longdesc[4]) ?\n \n \n {row.longdesc[3]}
\n \n
\n \n
\n \n
\n : ''}\n \n \n \n {row.longdesc[4]}
\n \n
\n \n
\n \n limited access\n \n
\n \n \n {i>0 ?:} \n
\n \n \n \n \n \n
\n );\n\n }\n\n render() {\n\n console.log(\"userdetailsinrender\", this.userbusinessdetails)\n\n return (\n \n \n Tell us a little bit about yourself\n \n
\n \n \n
\n \n \n {steps.map((label) => (\n \n {label} \n \n ))}\n \n
\n );\n}\n\nfunction mapStateToProps({ dealer, auth }) {\n return {\n selectedPackage: dealer.selectedPackage,\n currentUser: auth.currentUser,\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators({\n saveBillingDetails,\n updatePaymentDetails\n },\n dispatch)\n}\nexport default connect(mapStateToProps, mapDispatchToProps)(HorizontalLabelPositionBelowStepper);","import React from 'react';\nimport { connect } from 'react-redux';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Stepper from '@material-ui/core/Stepper';\nimport Step from '@material-ui/core/Step';\nimport StepLabel from '@material-ui/core/StepLabel';\nimport Button from '@material-ui/core/Button';\nimport Typography from '@material-ui/core/Typography';\nimport { bindActionCreators } from 'redux';\nimport { toast } from \"react-toastify\";\n\nimport DealerChooseSubscriptionsComponent from './dealerChooseSubscriptionsComponent';\nimport DealerPayment from './dealerPayment';\nimport DealerSubscriptionSuccessfull from './dealerSubscriptionSuccessfull';\nimport DealerSubscriptionThankYou from './dealerSubscriptionThankYou';\nimport {\n updateBillingDetails,\n saveBillingDetails, updatePaymentDetails\n} from './../actions/dealerAction';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%',\n },\n backButton: {\n marginRight: theme.spacing(1),\n },\n instructions: {\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1),\n },\n}));\n\nfunction getSteps(props) {\n return ['Step 1 Billing Details', 'Step 2 Make Payment/Checkout', 'Step 3 Confirmation Details'];\n\n}\n\n\nfunction HorizontalLabelPositionBelowStepperWith(props) {\n const classes = useStyles();\n const [activeStep, setActiveStep] = React.useState(0);\n const steps = getSteps(props);\n const setStep = (value) => {\n setActiveStep(value);\n };\n\n\n const addBillingDetails = (value) => {\n if (value) {\n props.saveBillingDetails(value)\n setActiveStep(1);\n } else {\n setActiveStep(1);\n }\n\n };\n\n const addPaymentDetails = (value) => {\n \n if (value) {\n updateBillingDetails(value, (error, res) => {\n console.log(value,\"something123\")\n if (error) {\n console.log(error,);\n } else {\n if (res.success == 1) {\n let attributes = {\n \"card_number\": value.card_number,\n \"exp_month\": value.exp_month,\n \"exp_year\": value.exp_year,\n \"cvc\": value.cvc\n }\n let data = {\n \"user_id\": value.user_id,\n \"membertier_id\": value.membertier_id,\n \"order_id\": res.data.order_id,\n \"gateway\": value.gateway,\n \"listing_addon\": true,\n \"card\": attributes\n };\n updatePaymentDetails(data, (error, res) => {\n console.log(res,\"checkoutdetails==\")\n if (error) {\n toast(\"Please Check Card Details\", {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }else{\n if (res.success == 1) {\n setActiveStep(3);\n }\n else {\n toast(\"Somthing went wrong\", {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n }\n })\n\n }\n else {\n toast(\"Somthing went wrong\", {\n autoClose: 5000,\n type: toast.TYPE.SUCCESS,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n }\n });\n\n } else {\n setActiveStep(2);\n }\n };\n\n\n\n const confirmtDetails = (value) => {\n //setActiveStep(0);\n };\n\n const handleNext = () => {\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\n };\n\n\n\n const handleBack = () => {\n setActiveStep((prevActiveStep) => prevActiveStep - 1);\n };\n\n const handleReset = () => {\n setActiveStep(0);\n };\n\n\n\n\n function getStepContent(stepIndex) {\n switch (stepIndex) {\n case 0:\n return \n {getStepContent(activeStep)} \n
\n \n
\n \n \n {steps.map((label) => (\n \n {label} \n \n ))}\n \n
\n );\n}\n\nfunction mapStateToProps({ dealer, auth }) {\n return {\n selectedPackage: dealer.selectedPackage,\n currentUser: auth.currentUser,\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators({\n saveBillingDetails,\n updatePaymentDetails\n },\n dispatch)\n}\nexport default connect(mapStateToProps, mapDispatchToProps)(HorizontalLabelPositionBelowStepperWith);","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { bindActionCreators } from \"redux\";\nimport validator from \"validator\";\nimport ContentWrapper from \"../../../../common/components/contentWrapper\";\nimport HorizontalLabelPositionBelowStepper from \"./dealerStepperComponent\";\nimport HorizontalLabelPositionBelowStepperWith from \"./dealerBusinessNameStepperComponent\";\nimport { getuser } from \"./../../dashboard/actions/dashboardAction\";\nimport \"../style/dealer.css\";\n\nclass DealerComponent extends Component {\n constructor(props) {\n super(props);\n this.state = {\n currentUser: null,\n };\n }\n\n componentWillReceiveProps(newProps) {\n // if (newProps.currentUser && !this.state.currentUser) {\n // this.setState({\n // ...this.state,\n // currentUser: newProps.currentUser,\n // });\n const userDetails = JSON.parse(window.sessionStorage.getItem(\"userDetails\"))\n if(userDetails?.userId){\n this.props.getuser(userDetails.userId);\n }\n // }\n }\n\n getContentView() {\n let userInfoDatausername = \"\";\n if (this.props.userInfo) {\n userInfoDatausername =\n this.props.userInfo.data && this.props.userInfo.data;\n // const detalsuserdata = this.props.userInfo\n // localStorage.setItem('UserBusinessDetailssomething', JSON.stringify(detalsuserdata));\n \n }\n const detalsuserdata = this.props.userInfo\n if(detalsuserdata){\n localStorage.setItem('UserBusinessDetails', JSON.stringify(detalsuserdata));\n }\n return (\n \n \n {getStepContent(activeStep)} \n
\n {/* \n {/* \n Back\n */}\n {/* */}\n
\n \n {activeStep === steps.length ? (\n
*/}\n \n
\n ) : \"\"}\n \n {/* {userInfoDatausername ? (\n
\n );\n }\n\n render() {\n localStorage.setItem(\"menuTitle\", \"SUBSCRIPTION\");\n return \n {userInfoDatausername ? (\n
\n ) : ( */}\n \n
\n ) : (\n \n
\n )}\n \n
\n {/* )} */}\n \n
\n );\n }\n}\n \nexport default DealerBannerComponent;","import React, { Component } from 'react';\nimport validator from 'validator';\nimport ContentWrapper from '../../../../common/components/contentWrapper';\nimport { Container, Grid, TextField, FormHelperText, Typography, Button } from '@material-ui/core';\n\nimport DealerBannerComponent from './dealerBannerComponent';\nimport '../style/dealer.css';\n\n\nclass DealerBusinessDetailsComponent extends Component {\n constructor(props) {\n super(props);\n this.state = { \n firstName:'',\n lastName:'',\n businessName:'',\n emailId:'',\n phoneNumber:'',\n businessStreetAddress:'',\n country:'',\n city:'',\n state:'',\n zipCode:'',\n message:'',\n onFirstNameErrorText:'',\n onLastNameErrorText:'',\n onBusinessNameErrorText:'',\n onEmailIdErrorText:'',\n onPhoneNumberErrorText:'',\n onBusinessStreetAddressErrorText:'',\n onCountryErrorText:'',\n onCityErrorText:'',\n onStateErrorText:'',\n onZipCodeErrorText:'',\n onMessageErrorText:'',\n }\n this.onChangeOfFirstName = this.onChangeOfFirstName.bind(this);\n this.onChangeOfLastName = this.onChangeOfLastName.bind(this);\n this.onChangeOfBusinessName = this.onChangeOfBusinessName.bind(this);\n this.onChangeOfEmailId = this.onChangeOfEmailId.bind(this);\n this.onChangeOfPhoneNumber = this.onChangeOfPhoneNumber.bind(this);\n this.onChangeOfBusinessStreetAddress = this.onChangeOfBusinessStreetAddress.bind(this);\n this.onChangeOfCountry = this.onChangeOfCountry.bind(this);\n this.onChangeOfCity = this.onChangeOfCity.bind(this);\n this.onChangeOfState = this.onChangeOfState.bind(this);\n this.onChangeOfZipCode = this.onChangeOfZipCode.bind(this);\n this.onChangeOfMessage = this.onChangeOfMessage.bind(this);\n this.validateInput = this.validateInput.bind(this);\n }\n\n onChangeOfFirstName(event){\n let FirstNameVal = validator.isAlpha(event.target.value);\n if(!FirstNameVal){\n this.setState({\n onFirstNameErrorText:\"Enter correct First Name\",\n isValid:false\n })\n }\n else{\n this.setState({\n onFirstNameErrorText:\"\",\n firstName:event.target.value,\n isValid:true\n })\n }\n }\n\n onChangeOfLastName(event){\n let LastNameVal = validator.isAlpha(event.target.value);\n if(!LastNameVal){\n this.setState({\n onLastNameErrorText:\"Enter correct Last Name\",\n isValid:false\n })\n }\n else{\n this.setState({\n onLastNameErrorText:\"\",\n lastName:event.target.value,\n isValid:true\n })\n }\n }\n\n onChangeOfBusinessName(event){\n let BusinessNameVal = validator.isAlpha(event.target.value);\n if(!BusinessNameVal){\n this.setState({\n onBusinessNameErrorText:\"Enter correct Business Name\",\n isValid:false\n })\n }\n else{\n this.setState({\n onBusinessNameErrorText:\"\",\n businessName:event.target.value,\n isValid:true\n })\n }\n }\n\n onChangeOfEmailId(event){\n let emailIdVal = validator.isEmail(event.target.value);\n if(!emailIdVal){\n this.setState({\n onEmailIdErrorText:\"Enter correct Email Id\",\n isValid:false\n })\n }\n else{\n this.setState({\n onEmailIdErrorText:\"\",\n emailId:event.target.value,\n isValid:true\n })\n }\n }\n\n onChangeOfPhoneNumber(event){\n let PhoneNumberVal = validator.isMobilePhone(event.target.value);\n if(!PhoneNumberVal){\n this.setState({\n onPhoneNumberErrorText:\"Enter correct Phone Number\",\n isValid:false\n })\n }\n else{\n this.setState({\n onPhoneNumberErrorText:\"\",\n phoneNumber:event.target.value,\n isValid:true\n })\n }\n }\n\n onChangeOfBusinessStreetAddress(event){\n let BusinessstreetVal = validator.isAlphanumeric(event.target.value);\n if(!BusinessstreetVal){\n this.setState({\n onbusinessStreetAddressErrorText:\"Enter correct Business Street Address\",\n isValid:false\n })\n }\n else{\n this.setState({\n onbusinessStreetAddressErrorText:\"\",\n businessStreetAddress:event.target.value,\n isValid:true\n })\n }\n }\n\n onChangeOfCountry(event){\n let countryVal = validator.isAlpha(event.target.value);\n if(!countryVal){\n this.setState({\n onCountryErrorText:\"Enter correct Country\",\n isValid:false\n })\n }\n else{\n this.setState({\n onCountryErrorText:\"\",\n country:event.target.value,\n isValid:true\n })\n }\n }\n\n onChangeOfCity(event){\n let CityVal = validator.isAlpha(event.target.value);\n if(!CityVal){\n this.setState({\n onCityErrorText:\"Enter correct City\",\n isValid:false\n })\n }\n else{\n this.setState({\n onCityErrorText:\"\",\n city:event.target.value,\n isValid:true\n })\n }\n }\n\n onChangeOfState(event){\n let StateVal = validator.isAlpha(event.target.value);\n if(!StateVal){\n this.setState({\n onStateErrorText:\"Enter correct State\",\n isValid:false\n })\n }\n else{\n this.setState({\n onStateErrorText:\"\",\n state:event.target.value,\n isValid:true\n })\n }\n }\n\n onChangeOfZipCode=(event)=>{\n let ZipCodeVal = validator.isPostalCode(event.target.value);\n if(!ZipCodeVal){\n this.setState({\n onZipCodeErrorText:\"Enter correct Zip Code\",\n isValid:false\n })\n }\n else{\n this.setState({\n onZipCodeErrorText:\"\",\n zipCode:event.target.value,\n isValid:true\n })\n }\n }\n\n onChangeOfMessage(event){\n let MessageVal = validator.isEmpty(event.target.value);\n if(!MessageVal){\n this.setState({\n onMessageErrorText:\"Enter correct Message\",\n isValid:false\n })\n }\n else{\n this.setState({\n onMessageErrorText:\"\",\n message:event.target.value,\n isValid:true\n })\n }\n }\n\n validateInput(){\n console.log('this.state',this.state);\n let onFirstNameErrorText = '';\n let onLastNameErrorText = '';\n let onBusinessNameErrorText = '';\n let onEmailIdErrorText = '';\n let onPhoneNumberErrorText = '';\n let onBusinessStreetAddressErrorText = '';\n let onCountryErrorText = '';\n let onCityErrorText = '';\n let onStateErrorText = '';\n let onZipCodeErrorText = '';\n let onMessageErrorText = '';\n\n let isValid = true;\n\n if (this.state.firstName.length === 0) {\n onFirstNameErrorText = 'Enter Correct First Name';\n isValid = false;\n } \n if (this.state.lastName.length === 0) {\n onLastNameErrorText = 'Enter Correct Last Name';\n isValid = false;\n } \n if (this.state.businessName.length === 0) {\n onBusinessNameErrorText = 'Enter Correct Business Name';\n isValid = false;\n } \n if (this.state.emailId.length === 0) {\n onEmailIdErrorText = 'Enter Correct Email Id';\n isValid = false;\n } \n if (this.state.phoneNumber.length === 0) {\n onPhoneNumberErrorText = 'Enter Correct Phone Number';\n isValid = false;\n } \n if (this.state.businessStreetAddress.length === 0) {\n onBusinessStreetAddressErrorText = 'Enter Correct Business Street Address';\n isValid = false;\n } \n if (this.state.country.length === 0) {\n onCountryErrorText = 'Enter Correct Country';\n isValid = false;\n } \n if (this.state.city.length === 0) {\n onCityErrorText = 'Enter Correct City';\n isValid = false;\n } \n if (this.state.state.length === 0) {\n onStateErrorText = 'Enter Correct State';\n isValid = false;\n } \n if (this.state.zipCode.length === 0) {\n onZipCodeErrorText = 'Enter Correct Zip Code';\n isValid = false;\n } \n if (this.state.message.length === 0) {\n onMessageErrorText = 'Enter Correct Message';\n isValid = false;\n } \n\n\n this.setState({...this.state,\n onFirstNameErrorText,\n onLastNameErrorText,\n onBusinessNameErrorText,\n onEmailIdErrorText,\n onPhoneNumberErrorText,\n onBusinessStreetAddressErrorText,\n onCountryErrorText,\n onCityErrorText,\n onStateErrorText,\n onZipCodeErrorText,\n onMessageErrorText,\n })\n return isValid;\n }\n\n getContentView() {\n return (\n \n \n \n \n \n
\n \n ONLY OFFICIAL DEALER ARE ALLOWED TO SELL
AND MAINTAIN A WATCH \n \n \n
\n AND MAINTAIN A WATCH
- \n
Sell your watches on the leading marketplace for Luxury watches \n Affluent buyers from over 100 countries \n Safe and transparent payment processing - also available intenationally \n No risk, monthly cancellation possible \n - \n START YOUR 30-DAY FREE TRAIL NOW!\n \n
- \n
- \n
- Staring at 100$ a month \n
- Subscriptions price overview \n
- For private sellers \n
\n - \n
\n
\n );\n }\n\n render() { \n return ( \n \n
\n \n \n \n \n \n \n \n
\n \n Tell us a little about yourself \n We'll help you get started based on your responses \n
\n \n \n \n {this.state.onFirstNameErrorText} \n \n \n {this.state.onLastNameErrorText} \n \n \n {this.state.onBusinessNameErrorText} \n {this.state.onEmailIdErrorText} \n {this.state.onPhoneNumberErrorText} \n {this.state.onbusinessStreetAddressErrorText} \n {this.state.onCountryErrorText} \n {this.state.onCityErrorText} \n \n \n {this.state.onStateErrorText} \n \n \n {this.state.onZipCodeErrorText} \n \n \n {this.state.onMessageErrorText} \n \n
\n \n \n \n \n \n \n \n \n\n
\n
\n \n \n\n \n \n\n \n \n
\n );\n }\n render() {\n return (\n \n
\n \n \n
\n \n
\n \n \n
\n - \n {/* {console.log(this.state.nonsearchstring,this.state.autocomplete.data)} */}\n {this.state.autocomplete.data.map((item, idx) => (\n
- {item.brandname + \" \" + item.model} \n {item.family &&
- {item.family} }\n
\n\n
{/*
*/}\n \n
\n */}\n \n
\n
\n \n \n
\n \n \n
\n );\n }\n render() {\n localStorage.setItem(\"menuTitle\", \"SEARCH\");\n return (\n \n \n
\n \n \n \n {title || \"Invoice Preview\"}\n \n \n \n \n <>\n {url ? (\n base64STR ?\n \n \n
\n );\n}\n","import React, { useState } from \"react\";\nimport {\n Grid,\n Paper,\n IconButton,\n Typography,\n Dialog,\n DialogContent,\n Button,\n Tooltip,\n} from \"@mui/material\";\nimport DeleteIcon from \"@mui/icons-material/Delete\";\nimport CloudDownloadIcon from \"@mui/icons-material/CloudDownload\";\n// import * as Styled from '../../components/styled-components/Styled-Components';\nimport FileUploadIcon from \"@mui/icons-material/FileUpload\";\n// import appConfig from \"../../config/appConfig\";\nimport Close from \"@mui/icons-material/Close\";\nimport NoPreview from \"../../assests/images/no-preview.png\";\nimport PreviewPdfmodel from \"./previewComponent\";\n// import PdfUpload from './pdfloaderComponent';\n\nconst FileUploadGroup = ({\n onFilesChange,\n imageDetails,\n page,\n deleteExistingData,\n id = \"fileInput\"\n}) => {\n const [selectedFiles, setSelectedFiles] = useState([]);\n const [openPreview, setOpenPreview] = useState(false);\n const [previewSrc, setPreviewSrc] = useState(\"\");\n const [isVideo, setIsVideo] = useState(false);\n const [pdfpreview, setPdfpreview] = useState(false);\n const userDetails = JSON.parse(window.sessionStorage.getItem(\"userDetails\"));\n const [pdfUploadCheck, setpdfUploadCheck] = useState(false);\n\n const [pdf, setpdf] = useState(\"\");\n\n const handlePreviewOpen = (src, isVideo) => {\n setPreviewSrc(src);\n setIsVideo(isVideo);\n if (userDetails.roleId == 2 || userDetails.roleId == 3) {\n setOpenPreview(true);\n }\n };\n\n const handlePreviewClose = () => {\n setPreviewSrc(\"\");\n setIsVideo(false);\n setOpenPreview(false);\n };\n\n const handleFileChange = (e) => {\n const files = e.target.files;\n const newFiles = Array.from(files);\n const formData = new FormData();\n formData.set(\"charitableEventId\", 20);\n const imageExtensions = [\n \"jpg\",\n \"jpeg\",\n \"png\",\n \"gif\",\n \"bmp\",\n \"webp\",\n \"svg\",\n \"jfif\",\n ];\n const videoExtensions = [\"mp4\", \"webm\", \"ogg\", \"mkv\", \"avi\"];\n const presentationExtensions = [\"ppt\", \"pptx\"];\n const documentExtensions = [\"doc\", \"docx\", \"pdf\", \"xls\", \"xlsx\", \"Xlsx\"];\n\n let alertErr = \"\";\n\n const exceedSizeLimit = newFiles.some((file) => {\n const fileExtension = getFileExtension(file?.name);\n if (imageExtensions.includes(fileExtension)) {\n alertErr = \"Please upload a file with a size less than 25MB.\";\n return file.size > 25 * 1000 * 1000;\n } else if (videoExtensions.includes(fileExtension)) {\n alertErr = \"Please upload a file with a size less than 500MB.\";\n return file.size > 500 * 1000 * 1000;\n } else if (presentationExtensions.includes(fileExtension)) {\n alertErr = \"Please upload a presentation with a size less than 100MB.\"; // Set your size limit\n return file.size > 100 * 1000 * 1000;\n } else if (documentExtensions.includes(fileExtension)) {\n alertErr = \"Please upload a document with a size less than 100MB.\"; // Set your size limit\n return file.size > 100 * 1000 * 1000;\n }\n });\n\n if (exceedSizeLimit) {\n alert(alertErr);\n return;\n }\n //multiple files logic\n // const fileData = [...selectedFiles, ...newFiles];\n const singleFilter = [];\n singleFilter.push(newFiles[0]);\n const fileData = [...singleFilter];\n fileData?.forEach((file, index) => {\n formData.append(\"uploadFiles\", file);\n });\n //multiple files logic\n // setSelectedFiles((prevFiles) => [...prevFiles, ...newFiles]);\n setSelectedFiles([...singleFilter]);\n onFilesChange(formData, fileData);\n };\n\n const handleDownload = (file) => {\n const blobUrl = URL.createObjectURL(file);\n const downloadLink = document.createElement(\"a\");\n downloadLink.href = blobUrl;\n downloadLink.download = file.name;\n document.body.appendChild(downloadLink);\n downloadLink.click();\n document.body.removeChild(downloadLink);\n URL.revokeObjectURL(blobUrl);\n };\n\n const handleDownloadUrl = (fileUrl) => {\n // You can directly use the file URL for the image source\n const downloadLink = document.createElement(\"a\");\n downloadLink.href = fileUrl; // Assuming fileUrl is the direct HTTPS image URL\n downloadLink.download = \"downloaded_image.jpg\";\n document.body.appendChild(downloadLink);\n downloadLink.click();\n document.body.removeChild(downloadLink);\n };\n\n const handleDelete = (fileToDelete) => {\n const formData = {};\n const deletedFiles = selectedFiles.filter((file) => file !== fileToDelete);\n setSelectedFiles((prevFiles) =>\n prevFiles.filter((file) => file !== fileToDelete)\n );\n onFilesChange(formData, deletedFiles);\n };\n\n const getFileType = (fileName) => {\n const fileExtension = getFileExtension(fileName);\n const imageExtensions = [\n \"jpg\",\n \"jpeg\",\n \"png\",\n \"gif\",\n \"bmp\",\n \"webp\",\n \"svg\",\n \"jfif\",\n ];\n const videoExtensions = [\"mp4\", \"webm\", \"ogg\", \"mkv\", \"avi\"];\n const presentationExtensions = [\"ppt\", \"pptx\"];\n const zipExtensions = [\"zip\", \"rar\"];\n const documentExtensions = [\"doc\", \"docx\", \"pdf\", \"xls\", \"xlsx\", \"Xlsx\"];\n if (imageExtensions.includes(fileExtension)) {\n return \"image\";\n } else if (videoExtensions.includes(fileExtension)) {\n return \"video\";\n } else if (presentationExtensions.includes(fileExtension)) {\n return \"presentation\";\n } else if (documentExtensions.includes(fileExtension)) {\n return \"document\";\n } else if (zipExtensions.includes(fileExtension)) {\n return \"zip\";\n } else {\n return \"unknown\";\n }\n };\n\n const getFileExtension = (fileName) => {\n const file_name = fileName?.toLowerCase();\n return file_name?.slice(((file_name.lastIndexOf(\".\") - 1) >>> 0) + 2);\n };\n\n const fileFormatDecide = (file) => {\n const splitvalues = file?.split(\"/\");\n const lastValue = splitvalues[splitvalues.length - 1]?.split(\"-\");\n return decodeURIComponent(lastValue[lastValue.length - 1]);\n };\n\n const handleclose = () => {\n setPdfpreview(false);\n };\n\n const documentOnPreview = (file) => {\n if (userDetails.roleId == 2 || userDetails.roleId == 3) {\n setPdfpreview(!pdfpreview);\n setpdf(URL.createObjectURL(file));\n }\n };\n\n const imageFormatDecide = (file) => {\n const splitvalues = file?.split(\"/\");\n const lastValue = splitvalues[splitvalues.length - 1]?.split(\".\");\n const formatter = lastValue[lastValue.length - 1];\n if (formatter == \"xlsx\" || formatter == \"pdf\") {\n return NoPreview;\n }\n return file;\n };\n\n const imageFormatOnclick = (file) => {\n const splitvalues = file?.split(\"/\");\n const lastValue = splitvalues[splitvalues.length - 1]?.split(\".\");\n const formatter = lastValue[lastValue.length - 1];\n if (userDetails.roleId == 2 || userDetails.roleId == 3) {\n if (formatter == \"pdf\") {\n setPdfpreview(!pdfpreview);\n //setpdfUploadCheck(!pdfUploadCheck)\n if (file?.imageUrl) {\n setpdf(file?.imageUrl);\n } else {\n const blobConv = file;\n setpdf(blobConv);\n }\n } else {\n handlePreviewOpen(file, false);\n }\n }\n };\n\n return (\n \n \n {Error}\n \n
\n )}\n \n\n \n {file && (\n \n imageFormatOnclick(file)}\n alt=\"Preview\"\n style={{\n width: \"100%\",\n height: \"140px\",\n objectFit: \"cover\",\n borderRadius: 5,\n cursor:\n userDetails.roleId == 2 || userDetails.roleId == 3\n ? \"pointer\"\n : \"default\",\n }}\n />\n \n )}\n {file?.fileName &&\n getFileType(file?.fileName) === \"image\" && (\n handlePreviewOpen(file.imageUrl, false)}\n alt=\"Preview\"\n style={{\n width: \"100%\",\n height: \"140px\",\n objectFit: \"cover\",\n borderRadius: 5,\n cursor:\n userDetails.roleId == 2 || userDetails.roleId == 3\n ? \"pointer\"\n : \"default\",\n }}\n />\n )}\n {file?.fileName &&\n getFileType(file?.fileName) === \"video\" && (\n {\n handlePreviewOpen(file.imageUrl, true);\n }}\n controls\n >\n )}\n {((file?.fileName &&\n getFileType(file?.fileName) === \"presentation\") ||\n (file?.fileName &&\n getFileType(file?.fileName) === \"document\")) && (\n
\n \n {file && (\n imageFormatOnclick(file)}\n alt=\"Preview\"\n style={{\n width: \"100%\",\n height: \"140px\",\n objectFit: \"cover\",\n borderRadius: 5,\n cursor:\n userDetails.roleId == 2 || userDetails.roleId == 3\n ? \"pointer\"\n : \"default\",\n }}\n />\n )}\n {file?.fileName &&\n getFileType(file?.fileName) === \"image\" && (\n handlePreviewOpen(file.imageUrl, false)}\n alt=\"Preview\"\n style={{\n width: \"100%\",\n height: \"140px\",\n objectFit: \"cover\",\n borderRadius: 5,\n cursor:\n userDetails.roleId == 2 || userDetails.roleId == 3\n ? \"pointer\"\n : \"default\",\n }}\n />\n )}\n {file?.fileName &&\n getFileType(file?.fileName) === \"video\" && (\n {\n handlePreviewOpen(file.imageUrl, true);\n }}\n controls\n >\n )}\n {((file?.fileName &&\n getFileType(file?.fileName) === \"presentation\") ||\n (file?.name && getFileType(file?.name) === \"zip\")) && (\n 
*/}\n \n {userDetails.roleId == 2 || userDetails.roleId == 3 ? (\n {\n e.preventDefault();\n handleDownloadUrl(file);\n }}\n style={{\n width: 30,\n height: 30,\n background: \"#fff\",\n marginRight: 5,\n }}\n >\n { e.preventDefault(); deleteExistingData(file)}} style={{width: 30, height: 30, background: '#fff'}}>\n */}\n
\n \n {getFileType(file?.name) === \"image\" && (\n \n handlePreviewOpen(URL.createObjectURL(file), false)\n }\n alt=\"Preview\"\n style={{\n width: \"100%\",\n height: \"140px\",\n objectFit: \"cover\",\n borderRadius: 5,\n cursor:\n userDetails.roleId == 2 || userDetails.roleId == 3\n ? \"pointer\"\n : \"default\",\n }}\n />\n )}\n\n {file?.name && getFileType(file?.name) === \"video\" && (\n \n handlePreviewOpen(URL.createObjectURL(file), true)\n }\n controls\n >\n )}\n {file?.name && getFileType(file?.name) === \"document\" && (\n documentOnPreview(file)}\n style={{\n width: \"100%\",\n height: \"140px\",\n objectFit: \"cover\",\n borderRadius: 5,\n cursor:\n userDetails.roleId == 2 || userDetails.roleId == 3\n ? \"pointer\"\n : \"default\",\n }}\n />\n )}\n {file?.name && getFileType(file?.name) === \"presentation\" && (\n \n {userDetails.roleId == 2 || userDetails.roleId == 3 ? (\n {\n e.preventDefault();\n handleDownload(file);\n }}\n style={{\n width: 30,\n height: 30,\n background: \"#fff\",\n marginRight: 5,\n cursor:\n userDetails.roleId == 2 || userDetails.roleId == 3\n ? \"pointer\"\n : \"default\",\n }}\n >\n { e.preventDefault(); handleDelete(file)}} style={{width: 30, height: 30, background: '#fff'}}>\n */}\n
\n \n {this.state.loaded == false ? (\n {\n e.preventDefault();\n this.submitForm(e);\n }}\n id=\"add_inventory_form\"\n >\n \n
\n \n
\n ) : (\n \n \n
\n \n \n \n \n {\" \"}\n \n
\n \n \n STANDARD WATCH\n \n
\n \n
\n \n \n \n \n {this.state.autocomplete.data.map(\n (item, idx) => (\n
\n \n \n this.onchangeModelNumber(\n item,\n item.productId\n )\n }\n onKeyDown={(evt) =>\n this.handleListKeydown(\n evt,\n item.model\n )\n }\n >\n \n \n \n \n
\n )\n )}\n \n ) : null}\n \n \n {/* {this.state.onModelNumberErrorText} */}\n \n {/* */}\n {this.state.searchString ? (\n \n \n \n TECHNICAL DETAILS\n \n \n Modal Name :{\" \"}\n {this.state.IndividualBrowseWatchesData &&\n this.state.IndividualBrowseWatchesData.prodattr\n ? this.state.IndividualBrowseWatchesData\n .prodattr?.model\n : \"\"}\n
\n Brand Name :{\" \"}\n {this.state.IndividualBrowseWatchesData &&\n this.state.IndividualBrowseWatchesData.brandname\n ? this.state.IndividualBrowseWatchesData\n .brandname\n : \"\"}\n
\n Model Number :{\" \"}\n {this.state.IndividualBrowseWatchesData &&\n this.state.IndividualBrowseWatchesData.prodattr\n ? this.state.IndividualBrowseWatchesData\n .prodattr.reference\n : \"\"}\n
\n Case Material :{\" \"}\n {this.state.IndividualBrowseWatchesData &&\n this.state.IndividualBrowseWatchesData.prodattr\n ? this.state.IndividualBrowseWatchesData\n .prodattr.casematerial\n : \"\"}\n
\n Case Size :{\" \"}\n {this.state.IndividualBrowseWatchesData &&\n this.state.IndividualBrowseWatchesData.prodattr\n ? this.state.IndividualBrowseWatchesData\n .prodattr.casesize\n : \"\"}\n
\n Dial Color :{\" \"}\n {this.state.IndividualBrowseWatchesData &&\n this.state.IndividualBrowseWatchesData.prodattr\n ? this.state.IndividualBrowseWatchesData\n .prodattr.dialcolor\n : \"\"}\n
\n Band Material :{\" \"}\n {this.state.IndividualBrowseWatchesData &&\n this.state.IndividualBrowseWatchesData.prodattr\n ? this.state.IndividualBrowseWatchesData\n .prodattr.bandmaterial\n : \"\"}\n
\n Retail Price :{\" \"}\n {this.state.retailAmount\n ? this.state.retailAmount\n : \"\"}\n \n \n \n ) : (\n \n \n {this.state.onModelNumberErrorText}\n \n \n )}\n \n \n INVENTORY TITLE\n \n \n this.setState({ inventoryitemfocused: true })\n }\n onBlur={(e) =>\n this.setState({ inventoryitemfocused: false })\n }\n value={\n this.state.inventory_title\n ? this.state.inventory_title\n : this.state.is_inventory_title_changed\n ? this.state.inventory_title\n : this.state.IndividualBrowseWatchesData &&\n this.state.IndividualBrowseWatchesData.prodattr\n ? this.state.IndividualBrowseWatchesData.prodattr\n ?.model\n ? this.state.IndividualBrowseWatchesData\n .prodattr?.model\n : this.state.IndividualBrowseWatchesData\n .prodattr?.reference\n : \"\"\n }\n >\n \n {/* {isActionAllowed(this.state.viewData,\n \"purchase_from\") && (\n <>\n \n PURCHASED FROM \n \n {this.state.onPurchasedFromErrorText} \n \n \n )} */}\n {isActionAllowed(\n this.state.viewData,\n \"purchase_from\"\n ) && (\n <>\n \n \n PURCHASED FROM\n \n \n this.onchangeContactSuggestion(\n e,\n \"PurchasedFrom\",\n [\"supplier\", \"memo_supplier\"]\n )\n }\n bordered={false}\n />\n {/* {this.state.onPurchasedFromErrorText} */}\n
\n ) : (this.state.PurchasedFrom.length > 2 && !this.state.purchasedFromArray.length && !this.state.fieldLoader) &&\n (\n Brand Name :{\" \"}\n {this.state.IndividualBrowseWatchesData &&\n this.state.IndividualBrowseWatchesData.brandname\n ? this.state.IndividualBrowseWatchesData\n .brandname\n : \"\"}\n
\n Model Number :{\" \"}\n {this.state.IndividualBrowseWatchesData &&\n this.state.IndividualBrowseWatchesData.prodattr\n ? this.state.IndividualBrowseWatchesData\n .prodattr.reference\n : \"\"}\n
\n Case Material :{\" \"}\n {this.state.IndividualBrowseWatchesData &&\n this.state.IndividualBrowseWatchesData.prodattr\n ? this.state.IndividualBrowseWatchesData\n .prodattr.casematerial\n : \"\"}\n
\n Case Size :{\" \"}\n {this.state.IndividualBrowseWatchesData &&\n this.state.IndividualBrowseWatchesData.prodattr\n ? this.state.IndividualBrowseWatchesData\n .prodattr.casesize\n : \"\"}\n
\n Dial Color :{\" \"}\n {this.state.IndividualBrowseWatchesData &&\n this.state.IndividualBrowseWatchesData.prodattr\n ? this.state.IndividualBrowseWatchesData\n .prodattr.dialcolor\n : \"\"}\n
\n Band Material :{\" \"}\n {this.state.IndividualBrowseWatchesData &&\n this.state.IndividualBrowseWatchesData.prodattr\n ? this.state.IndividualBrowseWatchesData\n .prodattr.bandmaterial\n : \"\"}\n
\n Retail Price :{\" \"}\n {this.state.retailAmount\n ? this.state.retailAmount\n : \"\"}\n
\n \n \n <>\n {!this.state.PurchasedFrom ? (\n \n this.clearContactSuggestion(\n \"PurchasedFrom\"\n )\n }\n style={{ cursor: \"pointer\" }}\n />\n )}\n \n )}\n \n \n \n
\n \n {this.state.purchasedFromArray &&\n this.state.purchasedFromArray.length > 0 &&\n this.state.PurchasedFrom?.length > 0 ? (\n \n \n {this.state.dataset\n ?.slice(0, 15)\n .map((value, key) => {\n return value.map((el, index) => {\n if (index < 1) {\n const displayName = `${el?.firstname ?? \"\"\n } ${el?.lastname ?? \"\"}`;\n return (\n <>\n {/* \n \n \n {(el?.businessname ||\n displayName) ??\n \"\"}\n \n */}\n\n {this.state.purchasedFromArray\n ?.filter(\n (v) =>\n v.email == el.email\n )\n .map((el, index) => {\n return (\n \n \n this.handleContactSelection(\n el,\n \"PurchasedFrom\"\n )\n }\n >\n {this.handleContact(\n el\n )}\n \n \n );\n })}\n {/* */}\n \n );\n }\n });\n })}\n
\n }\n trigger=\"click\"\n placement=\"bottomRight\"\n // placement=\"bottomLeft\"\n onVisibleChange={this.handleVisibleChange}\n >\n \n \n \n event.preventDefault()}\n helperText={\n this.state.error[\"PD\"] ? \"Invalid date\" : \"\"\n }\n error={this.state.error[\"PD\"]}\n />\n \n \n {this.state.onPurchasedDateErrorText}\n \n \n
\n \n )}\n \n
\n
\n \n \n {this.state.paidStatus ? (\n \n \n event.preventDefault()}\n helperText={\n this.state.error[\"PPD\"] ? \"Invalid date\" : \"\"\n }\n error={this.state.error[\"PPD\"]}\n />\n \n \n {this.state.onpaymentDateErrorText}\n \n \n ) : (\n \n \n event.preventDefault()}\n InputLabelProps={{\n // shrink: this.state.purchaseDueDate ? true : false,\n style: { color: \"black\" },\n }}\n helperText={\n this.state.error[\"PPDD\"] ? \"Invalid date\" : \"\"\n }\n error={this.state.error[\"PPDD\"]}\n />\n \n {/* {this.state.onpurchaseDueDateErrorText} */}\n \n )}\n
\n \n \n \n <>\n {!this.state.MemoDetails ? (\n \n this.clearContactSuggestion(\n \"MemoDetails\"\n )\n }\n style={{ cursor: \"pointer\" }}\n />\n )}\n \n )}\n \n \n \n
\n \n {this.state.memoDetailsArray &&\n this.state.memoDetailsArray.length > 0 &&\n this.state.MemoDetails?.length > 0 ? (\n \n \n {this.state.dataset\n ?.slice(0, 15)\n .map((value, key) => {\n return value.map((el, index) => {\n if (index < 1) {\n const displayName = `${el?.firstname ?? \"\"\n } ${el?.lastname ?? \"\"}`;\n return (\n <>\n {/* \n \n \n {(el?.businessname ||\n displayName) ??\n \"\"}\n \n */}\n\n {this.state.memoDetailsArray\n ?.filter(\n (v) =>\n v.email == el.email\n )\n .map((el, index) => {\n return (\n \n \n this.handleContactSelection(\n el,\n \"MemoDetails\"\n )\n }\n >\n {this.handleContact(\n el\n )}\n \n \n );\n })}\n {/* */}\n \n );\n }\n });\n })}\n
\n }\n trigger=\"click\"\n placement=\"bottomRight\"\n // placement=\"bottomLeft\"\n onVisibleChange={this.handleVisibleChange}\n >\n \n \n \n <>\n {!this.state.PartnershipDetails ? (\n \n this.clearContactSuggestion(\n \"PartnershipDetails\"\n )\n }\n style={{ cursor: \"pointer\" }}\n />\n )}\n \n )}\n \n \n \n
\n \n {this.state.partnershipDetailsArray &&\n this.state.partnershipDetailsArray.length > 0 &&\n this.state.PartnershipDetails?.length > 0 ? (\n \n \n {this.state.dataset\n ?.slice(0, 15)\n .map((value, key) => {\n return value.map((el, index) => {\n if (index < 1) {\n const displayName = `${el?.firstname ?? \"\"\n } ${el?.lastname ?? \"\"}`;\n return (\n <>\n {/* \n \n \n {(el?.businessname ||\n displayName) ??\n \"\"}\n \n */}\n\n {this.state.partnershipDetailsArray\n ?.filter(\n (v) =>\n v.email == el.email\n )\n .map((el, index) => {\n return (\n \n \n this.handleContactSelection(\n el,\n \"PartnershipDetails\"\n )\n }\n >\n {this.handleContact(\n el\n )}\n \n \n );\n })}\n {/* */}\n \n );\n }\n });\n })}\n
\n }\n trigger=\"click\"\n placement=\"bottomRight\"\n // placement=\"bottomLeft\"\n onVisibleChange={this.handleVisibleChange}\n >\n \n
\n - \n {this.state.locationAutoCompleteData.data.map((item, idx) => (\n
\n this.onchangeLocation(item)}\n >\n
\n )\n )}\n \n \n \n NUMBER OF LINKS / SCREWS\n \n \n {this.state.onNumberOfLinksErrorText}\n \n \n \n \n INTERNAL DEALER NOTE\n \n \n {this.state.onDealerNotesErrorText}\n \n \n\n \n \n PUBLIC DEALER NOTES\n \n \n
\n \n )}\n \n \n {this.state.viewData &&\n this.state.viewData?.length > 0 && (\n <>\n
\n \n \n \n \n NUMBER OF LINKS / SCREWS\n \n \n {this.state.onNumberOfLinksErrorText}\n \n \n \n \n INTERNAL DEALER NOTE\n \n \n {this.state.onDealerNotesErrorText}\n \n \n \n \n PUBLIC DEALER NOTES\n \n \n
\n \n )}\n \n \n TARGET PRICING DETAILS\n \n
\n \n \n \n TARGET WHOLESALE PRICE ($)\n \n \n {this.state.onWholeSalePriceErrorText}\n \n \n \n \n TARGET END CUSTOMER PRICE ($)\n \n \n {this.state.onRetailPriceErrorText}\n \n \n \n \n TARGET END CUSTOMER WIRE PRICE ($)\n \n $}\n />\n \n {this.state.onRetailWirePriceErrorText}\n \n \n \n \n {\" \"}\n TAG PRICE ($)\n \n \n \n {/* Purchase Invoice \n \n \n \n \n */}\n {/* \n\n */}\n \n \n {\n this.handleDateChange1(date, e, \"Warranty\");\n }}\n KeyboardButtonProps={{\n \"aria-label\": \"change date\",\n }}\n style={{\n marginBottom: \"20px\",\n marginTop: \"0px\",\n }}\n // TextFieldComponent={TextFieldComponent}\n helperText={\n this.state.error[\"Warranty\"]\n ? \"Invalid date\"\n : \"\"\n }\n error={this.state.error[\"Warranty\"]}\n placeholder=\"Warranty - MM/DD/YYYY\"\n onPaste={(event) => event.preventDefault()}\n />\n \n )}\n {this.state.archivePaperSet && (\n \n {\n this.handleDateChange1(date, e, \"Archive\");\n }}\n KeyboardButtonProps={{\n \"aria-label\": \"change date\",\n }}\n style={{\n marginBottom: \"20px\",\n marginTop: \"0px\",\n }}\n // TextFieldComponent={TextFieldComponent}\n helperText={\n this.state.error[\"Archive\"]\n ? \"Invalid date\"\n : \"\"\n }\n error={this.state.error[\"Archive\"]}\n placeholder=\"Archive - MM/DD/YYYY\"\n onPaste={(event) => event.preventDefault()}\n />\n \n )}\n {this.state.isService && (\n \n {\n this.handleDateChange1(date, e, \"Service\");\n }}\n KeyboardButtonProps={{\n \"aria-label\": \"change date\",\n }}\n style={{\n marginBottom: \"20px\",\n marginTop: \"0px\",\n }}\n // TextFieldComponent={TextFieldComponent}\n helperText={\n this.state.error[\"Service\"]\n ? \"Invalid date\"\n : \"\"\n }\n error={this.state.error[\"Service\"]}\n placeholder=\"Service Card / Paper - MM/DD/YYYY\"\n onPaste={(event) => event.preventDefault()}\n />\n \n )}\n \n \n \n \n MODIFICATION DETAILS\n \n \n {this.state.modificationDetailsError}\n \n \n )}\n \n {this.state.userData &&\n (this.state.userData.dealerInventorySubscription ===\n \"access_only\" ||\n this.state.userData.dealerInventorySubscription ===\n \"no_subscription\") ? null : (\n \n \n )}\n \n \n Next\n \n
\n \n {(this.state.fileArray || []).map(url => (\n 
\n ))}\n
*/}\n \n \n Upload Invoice Images or File \n \n {/* Upload Invoice Images and/or videos */}\n {/* */}\n \n \n \n {/* */}\n
\n \n
\n
\n {/* \n
\n\n
\n\n
\n
\n {this.state.warrentyExpiryDate && (\n \n
\n
\n {this.state.ismodified && (\n \n
\n
\n \n
\n
\n
\n \n );\n };\n\n render() {\n return (\n <>\n {isActionAllowed(this.state.accessData, \"add_inventory\") ? (\n this.inventoryPage()\n ) : (\n
Are you sure you want to Delete?
\n \n \n \n \n e.preventDefault()}\n >\n \n {this.state.UploadPic ? (\n <>\n this.openDeleteConfirmation('UploadPic')}\n >\n 
\n \n \n ) : (\n
\n )}\n \n \n \n \n Inventory Upload Media\n \n
\n \n \n
\n\n \n \n {this.state.title ? capitalize(this.state.title) : \"\"} \n \n
\n \n e.preventDefault()}\n >\n \n {this.state.UploadPic2 ? (\n <>\n this.openDeleteConfirmation('UploadPic2')}\n >\n \n \n \n ) : (\n
\n )}\n \n \n \n {this.state.onUploadPic5ErrorText}\n \n
\n \n \n {this.state.onUploadPic6ErrorText}\n \n
\n \n e.preventDefault()}\n >\n \n {this.state.UploadPic7 ? (\n <>\n this.openDeleteConfirmation('UploadPic7')}\n >\n \n \n \n ) : (\n
\n )}\n \n \n e.preventDefault()}\n >\n \n {this.state.UploadPic8 ? (\n <>\n this.openDeleteConfirmation('UploadPic8')}\n >\n \n \n \n ) : (\n
\n )}\n \n \n \n \n {/* Upload Watch Video {this.state.UploadPic9} */}\n \n \n \n {/* e.preventDefault()}\n >\n \n \n
\n \n \n {this.state.dragActive9 && (\n */}\n {/*
\n )}\n \n {/* */}\n e.preventDefault()}\n >\n \n \n
\n \n \n {this.state.dragActive9 && (\n \n \n {!this.state.UploadPic9 ? (\n
\n \n 
\n \n Upload Watch Video\n \n
\n ) : (\n \n \n {this.state.UploadPic9 === \"\" ? (\n
\n \n \n \n Upload Watch Video\n \n
\n ) : (\n \n {((!this.state.isUploaded) || (this.state.videoTitledisplay !== \"\")) && (\n \n Finish\n \n\n )}\n {(\n this.state.UploadPic ||\n this.state.UploadPic2 ||\n this.state.UploadPic3 ||\n this.state.UploadPic4 ||\n this.state.UploadPic5 ||\n this.state.UploadPic6 ||\n this.state.UploadPic7 ||\n this.state.UploadPic8 ||\n this.state.UploadPic9\n ) && this.state.isUploaded && this.state.videoTitledisplay === \"\" && (\n \n Finish\n \n )}\n\n
\n \n \n \n \n e.preventDefault()}\n >\n \n {this.state.UploadPic ? (\n <>\n this.openDeleteConfirmation('UploadPic')}\n >\n \n \n \n ) : (\n
\n )}\n \n \n \n \n Inventory Upload Media\n \n
\n \n \n Upload {this.state.title ? capitalize(this.state.title) : \"\"} Images\n \n
\n \n e.preventDefault()}\n >\n \n {this.state.UploadPic2 ? (\n <>\n this.openDeleteConfirmation('UploadPic2')}\n >\n \n \n \n ) : (\n
\n )}\n \n \n \n {this.state.onUploadPic12ErrorText}\n \n
\n \n \n \n {/* Upload Watch Video {this.state.UploadPic9} */}\n \n \n \n {/* e.preventDefault()}\n >\n \n \n
\n \n \n {this.state.dragActive9 && (\n */}\n {/*
\n )}\n \n {/* */}\n e.preventDefault()}\n >\n \n \n
\n \n \n {this.state.dragActive9 && (\n \n \n {!this.state.UploadPic9 ? (\n
\n \n \n \n Upload Watch Video\n \n
\n ) : (\n \n \n {this.state.UploadPic9 === \"\" ? (\n
\n \n \n \n Upload Watch Video\n \n
\n ) : (\n \n \n
\n \n {((!this.state.isUploaded) || (this.state.videoTitledisplay !== \"\")) && (\n \n Finish\n \n\n )}\n {(\n\n this.state.UploadPic ||\n this.state.UploadPic2 ||\n this.state.UploadPic9 ||\n this.state.UploadPic12\n ) && this.state.isUploaded && this.state.videoTitledisplay === \"\" && (\n \n Finish\n \n )}\n\n
\n Use this Xml link for further Usage')\n this.setState({\n displayUrl: true,\n loaded: true\n })\n } else {\n this.setState({\n displayUrl: true,\n loaded: true\n })\n Swal.fire(this.state.ChronoUrl, '
Use this Xml link for further Usage')\n toast(res.data.message, {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n })\n }\n\n handleNavigate = () => {\n const { inventory_id, user_id } = this.state;\n const { history, location } = this.props;\n const { inventoryDetailPage = false } = location.state || {};\n if (inventoryDetailPage) {\n history.push(`/inventory-detail/${inventory_id}/${user_id}`);\n }\n else {\n history.push('/myinventory');\n }\n }\n\n render() {\n const { location } = this.props;\n const { inventoryDetailPage = false } = location.state || {};\n return (\n <>\n
\n \n \n \n \n \n\n \n\n \n\n\n \n {this.state.displaysharingImg ? \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n */}\n\n \n {this.state.inventorydetails.imagepaths.front ? \n : \"\"}\n\n {this.state.inventorydetails.imagepaths.back ? \n : \"\"}\n {this.state.inventorydetails.imagepaths.right ? \n : \"\"}\n\n {this.state.inventorydetails.imagepaths.left ? \n : \"\"}\n\n {this.state.inventorydetails.imagepaths.top ? \n : \"\"}\n {this.state.inventorydetails.imagepaths.bottom ? \n : \"\"}\n {this.state.inventorydetails.imagepaths.buckle_opened ? \n : \"\"}\n {this.state.inventorydetails.imagepaths.buckle_closed ? \n : \"\"}\n \n\n\n : \n \n \n \n \n }\n
\n\n \n );\n }\n\n // render() {\n // localStorage.setItem(\"menuTitle\", \"ADD INVENTORY\");\n // return (\n // \n
\n \n 
\n
\n \n Item Added to Inventory \n
\n\n\n\n {(this.state.activepackgesdetails && this.state.activepackgesdetails.listing_addon) ? \n {/*
: \"\"}\n \n What do you want to do next? \n
\n \n list the item for sales on \n
*/}\n {/* */}\n {/* */}\n {/* \n */}\n {/* \n */}\n {/* \n */}\n {/* \n */}\n {/* \n */}\n {/* */}\n {/*
*/}\n {/* \n {/* 
*/}\n {/*
\n \n 
\n
\n \n 
\n
\n */}\n {/* */}\n {/* \n */}\n {/* \n */}\n {/* */}\n\n {/*
*/}\n \n Promote the item on \n
*/}\n {/* \n 
\n
\n \n 
\n
\n \n Select Images To Share \n
\n\n {/* \n
\n \n 
{ this.onsocialsearch1(this.state.inventorydetails.imagepaths.back) }} />\n
\n \n
\n \n { this.onsocialsearch2(this.state.inventorydetails.imagepaths.buckle_closed) }} />\n
\n \n
\n \n { this.onsocialsearch3(this.state.inventorydetails.imagepaths.buckle_opened) }} />\n
\n \n
\n \n { this.onsocialsearch4(this.state.inventorydetails.imagepaths.front) }} />\n
\n \n
\n \n { this.onsocialsearch5(this.state.inventorydetails.imagepaths.left) }} />\n
\n \n
\n \n { this.onsocialsearch6(this.state.inventorydetails.imagepaths.right) }} />\n
\n \n
\n \n { this.onsocialsearch7(this.state.inventorydetails.imagepaths.back) }} />\n
\n \n
\n \n { this.onsocialsearch8(this.state.inventorydetails.imagepaths.free_form) }} />\n
\n \n
\n \n Front \n { this.onsocialsearch4(this.state.inventorydetails.imagepaths.front) }} />\n
\n \n
\n \n Back \n { this.onsocialsearch1(this.state.inventorydetails.imagepaths.back) }} />\n
\n \n
\n \n Right \n { this.onsocialsearch6(this.state.inventorydetails.imagepaths.right) }} />\n
\n \n
\n \n left \n { this.onsocialsearch5(this.state.inventorydetails.imagepaths.left) }} />\n
\n \n
\n \n Top \n\n { this.onsocialsearch2(this.state.inventorydetails.imagepaths.top) }} />\n
\n \n
\n \n Bottom \n\n { this.onsocialsearch3(this.state.inventorydetails.imagepaths.bottom) }} />\n
\n \n
\n \n Buckle Opened \n\n { this.onsocialsearch7(this.state.inventorydetails.imagepaths.buckle_opened) }} />\n
\n \n
\n \n Buckle Closed \n { this.onsocialsearch8(this.state.inventorydetails.imagepaths.buckle_closed) }} />\n
\n \n \n {inventoryDetailPage ? \"GO TO INVENTORY DETAILs\" : \"GO TO MY INVENTORY\"}\n \n
\n \n \n {steps.map((label) => (\n \n {label} \n \n ))}\n \n
\n );\n}","import { Divider } from '@material-ui/core';\nimport React, { Component } from 'react';\nimport ContentWrapper from '../../../../common/components/contentWrapper';\nimport DealerProductInventoryIntakeComponent from './dealerProductInventoryIntakeComponent';\nimport DealerProductUploadImagesComponent from './dealerProductUploadImagesComponent';\nimport DealerInventoryComponent from './dealerInventoryComponent';\n\nclass DealerProductMainPageComponent extends Component {\n constructor(props) {\n super(props);\n this.state = {\n inventoryId: null\n\n }\n }\n\n inventoryIntakeSubmitted = (inventoryId) => {\n this.setState({\n ...this.state,\n inventoryId: inventoryId\n })\n }\n\n getContentView() {\n return (\n\n \n {getStepContent(activeStep)} \n
\n {/* \n {/* \n Back\n */}\n {/* */}\n
\n \n {activeStep === steps.length ? (\n
*/}\n \n
\n ) : \"\"}\n \n
\n );\n }\n\n render() {\n localStorage.setItem(\"menuTitle\", \"ADD INVENTORY\");\n const userData = JSON.parse(sessionStorage.getItem(\"userDetails\"));\n\n return (\n \n\n {this.state.inventoryId ? (\n
\n \n
)\n :\n \n
\n );\n }\n render() { \n localStorage.setItem(\"menuTitle\",\"CONTRIBUTE NEW WATCH\");\n return ( \n \n \n {/* \n \n \n \n \n \n \n
\n \n Add New Product Details \n \n
*/}\n \n
\n \n 
\n
\n \n Rolex Submariner 40mm Stainless steel \n
\n \n \n {/* \n \n \n */}\n \n {/* \n \n \n \n \n \n
\n {/* \n 
\n
\n \n $9,899.00\n
\n \n 
\n
\n \n $9,899.00\n
\n \n 
\n
\n \n $9,899.00\n
*/}\n \n Description \n When an unknown printer took a galley of type and scrambled it to make … MORE \n
*/}\n \n \n 
\n \n
\n \n
\n \n \n \n \n \n \n \n
\n \n REFERENCE NUMBER \n
\n \n 116610 \n
\n \n \n \n \n \n \n \n
\n \n CASE MATERIAL \n
\n \n Stainless steel \n
\n \n \n \n \n \n \n \n
\n \n CASE SIZE \n
\n \n 40mm \n
\n \n \n \n \n \n \n \n
\n \n DIAL COLOR \n
\n \n Black \n
\n \n \n \n \n \n \n \n
\n \n BAND MATERIAL \n
\n \n Oystersteel \n
\n \n \n \n \n \n \n \n
\n \n CASE BACK \n
\n \n Exhibition \n
\n \n \n \n \n \n \n \n
\n \n CASE SHAPE \n
\n \n Round \n
\n \n \n \n \n \n \n \n
\n \n POWER RESERVE \n
\n \n Power Reserve \n
\n \n \n
\n \n
\n );\n }\n}\n \nexport default ContactUsBannerComponent;","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAABHNCSVQICAgIfAhkiAAAAbBJREFUSEu1lv1VwjAUxd/FAWQDcQIpDqBsoANYkg3YQDZghLRMgBNYB6CFCWQEXKDPk9CPUFJbDyH/0ZPkd959974AutJKVbgl4A7geTBbxRqDa7A2KlwAeLfuTsCQ3mGZEmMGZ2dFMMfeYYV8Dw7Yl1eYQ76ayewP1ipfifMJa5Wvhn14k7ELBs79uTFTYsiUrwl4csUJjHtvlZWAVIURAbMTIHM8kSvhHaYhqQr3enqUQDCmgYwS77BMiRGDv6vKiqquMq5SFSZl35jpZ0AYBTI6eIdl6k0wBsqS7zWQ0br67WsQF6H+JKKhudOSzyvMAdpN5GrcLORig5h8Haf8qKhoBxo8l32ygRfBiop0j0wVhSE0aOsMtuujdQkVGTFusldTui6Q042uV3Yi4ukpyLhuWZqhD+gE1pTEvpyJokcRSx3YHLwE0YsVWt0j0SbdWc/+fPTq3fvKBOU35lYzOHtmJ/5fmXPkqOs8Nmp2AOi2a2NdjBlBWrZqMvQ9i+aI+fOg+Yc0mLsy1AdoctYp5RES6Weiz6VtewzMPAuULxoGOIB4TXSTBDLS5rh4/QJbWuWq7q2T3QAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAhCAYAAAAlK6DZAAAABHNCSVQICAgIfAhkiAAAAvVJREFUSEutV81OE1EU/r5LhSZqIMY99Qlsi3va6F54ANqZJxB2srKsUDfgE8y0vEDZqgnlAaAlcW/ZE20j/oHMMZdOSX/unRlabjKbmXO/7/yfM0TC0/SclYDykkAWvUeftgAtRakjUPs51+8kgWOckCYTyg6ATIxsh5TdXLm2FYcZSXrslXyQ5TiQke8tCotRVltJJyTs87cpzNmIjaRH3to6qbRLJz4C1Jec6qoJYIy06TkLQvkKYGFixvBi6ObGKM4Y6ZFXqpB8My1heL+Rd6rFWNJjr9QC+dRGKiJbCsrPuX77OrMRVKLkKXyiZQfxhiwNXfvdThhsLLl7u4Pfr+8g0IouGuMngZtz9/wo0oJQDmykeadqSTx7SLRnltxaZTJSkcO8WyuYFGp6jl1ZkWrerTkRpGuOUHl3aSkMyo7GNNK9JlfFlVgS92aF0owqFwF8qsDn1cwpVLAsQp1Y1poWGU8+Q52WOyTm76hOYWoQY6RT9txhXUVO825tbDqZ2mAmbINTG2uKpwa11d0uyVdTsVqstJLGdZkkyoSjrZVoyvSFIgs+htXm1v61yM1hookjcpJ3a/0dyqhe7I4UN3UGUUXQVWAh5/pGtyayVAs1PSe2YfTBTI3gVjEdFE60vkQMhNghbsuRY6/UALls+h66NTs6rG1Y1ph+2nYKJPQGoZMiM5NC+uGj4JlSTI2C/eziy9/fPLuuQaIRCFspkZPi5vDGMBbTj++dLAVlClZA82I9lxbcH+nKF3+A825kPtYB1mdmZb+40fsD4MG2k7kiPBDGAT1q1YN5wWy69zYIgO4ZIZKkXaADQeXFa/8DP79z9NJk3G+MmUdg/rFAKeDHN+LyMhHhjRADuPz81mmhF7vEZ3YOSN0T/DqPLXMT5ioPdpyFfxeoEzBmZmJNYlsjukqw/nzT929U1YmkAugFqnBby218upQANJSgrtKo3ySS7YIuGQVkhMjqZ1COvd/GRQEOh+4LOiBaCNBIAW1byfwHkGdqKn0C1d4AAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAZCAYAAADNAiUZAAAABHNCSVQICAgIfAhkiAAAAjNJREFUSEvl1j1v00AYB/D/2XFxYycRTVHTpFJp0gqkKqgDQmKBAVgYaFGHwsCCECsSnRBQBiRGvgIVEgIW4COwMiIBWZpWahrTQqKQ2Bfb8cshO6lEBHklCQM33z0/Pf/HPpu8erx637LcO7bLjmGIi+egCTx5ef3R29vk+cZyYXEuEiWEDJGsl/68U1bcin2GPHuw7JxKRbhRoJ+yZc3hawtk8+GKm06GySjQTM5wa46a8FCWToYxCvTLroHz19ZXyebGVcZchvkZCZIYGNpcCz9MKEUTF27cq6Pp4yFkFYqQJGDq6JGBwzsKhSBwUA0O59buNtC5kB/vflGHZjiYT8gDgTXdxnaeYnY6iIgkIJMzf0c9SavayCoaUjMhyCLfN/61aIDqNpIJCVzjdWyJ+goDtvIa5PEAYlGxJ9h2XGwr1O9saqL5bHu0wRyUTKjUqsfdxd1RUmvIfzeQjEsI/iGlrlA/bsNBdk9FKi5DDrZ+uncPqmAMmI0FWybTNXpYwY9b5BGLjjcV1U3Hj3M6KmIiPNZ2FD2jXjUv7gq1sNCI+1vJhBepF6cQ4DrOvi/Uq0oNB1t7mt8VzwHxyebO28l9o4dFy5qFiCx07O7XDX+N9qQ1Nv+H6Junt1hcNsCG/OdAwLBPg87SxZtrJJf5wD6+fw2dVvoZU9dnhDERJ05f0k+evXKZMObdIyNbZQAr/wxVAQzmA9o5sCqARa/TJQBPAEx2PtP3DgqgAOAFIeTdTwZiG/7M3QvXAAAAAElFTkSuQmCC\"","import axios from 'axios';\n\nimport constants from './../../../../utils/constants';\n\nexport function countriesList() {\n return (function (dispatch) {\n const headers = {\n 'Content-Type':'application/x-www-form-urlencoded'\n };\n axios\n .get(constants.BASE_URL + `countries`, {headers})\n .then((response) => {\n dispatch({\n type: 'FETCH_COUNTRY_LIST_DATA_SUCCESS',\n payload: response.data\n });\n }).catch((error) => {\n })\n });\n };\n\n ","import React, { Component } from 'react';\nimport validator from 'validator';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { Container, Grid, Typography, TextField, Button, Input, FormHelperText, FormControl, InputLabel, Select, MenuItem, FormControlLabel, Checkbox } from '@material-ui/core';\nimport phone from '../../../../assests/images/phone.png';\nimport map from '../../../../assests/images/map.png';\nimport text from '../../../../assests/images/text.png';\nimport { toast } from \"react-toastify\";\nimport { countriesList } from '../../signup/actions/signUpActionsComponent';\n\n\nclass ContactUsFormComponent extends Component {\n constructor(props) {\n super(props);\n this.state = {\n countryCode:'',\n Name: '',\n BusinessName: '',\n phoneNumber: '',\n BusinessStreetArea: '',\n Email: '',\n Country: '',\n City: '',\n State: '',\n ZipCode: '',\n Message: '',\n terms: false,\n onNameErrorText: \"\",\n onBusinessNameErrorText: '',\n phoneNumberError: '',\n onBusinessStreetAreaErrorText: '',\n onCountryErrorText: '',\n countryCodeError:'',\n onCityErrorText: '',\n onStateErrorText: '',\n onZipCodeErrorText: '',\n onMessageErrorText: '',\n termsError: '',\n }\n this.onChangeOfName = this.onChangeOfName.bind(this);\n this.onChangeOfBusinessName = this.onChangeOfBusinessName.bind(this);\n this.onChangeOfPhoneNumber = this.onChangeOfPhoneNumber.bind(this);\n this.onChangeOfEmail = this.onChangeOfEmail.bind(this);\n this.onChangeOfBusinessStreetArea = this.onChangeOfBusinessStreetArea.bind(this);\n this.onChangeOfCountry = this.onChangeOfCountry.bind(this);\n this.onChangeOfCity = this.onChangeOfCity.bind(this);\n this.onChangeOfState = this.onChangeOfState.bind(this);\n this.onChangeOfZipCode = this.onChangeOfZipCode.bind(this);\n this.onChangeOfMessage = this.onChangeOfMessage.bind(this);\n this.validateInput = this.validateInput.bind(this);\n this.onChangeOfTerms = this.onChangeOfTerms.bind(this);\n this.submitForm = this.submitForm.bind(this)\n }\n\n componentDidMount() {\n this.props.countriesList();\n }\n\n onChangeOfName(event) {\n let fullNameVal = validator.isEmpty(event.target.value);\n if (fullNameVal) {\n this.setState({\n onNameErrorText: \"Enter correct Full Name\",\n isValid: false\n })\n }\n else {\n this.setState({\n onNameErrorText: \"\",\n Name: event.target.value,\n isValid: true\n })\n }\n }\n\n onChangeOfEmail(event) {\n let EmailVal = validator.isEmail(event.target.value);\n if (!EmailVal) {\n this.setState({\n onEmailErrorText: \"Enter proper Email\",\n isValid: false\n })\n }\n else {\n this.setState({\n onEmailErrorText: \"\",\n Email: event.target.value,\n isValid: true\n })\n }\n }\n\n onChangeOfBusinessName(event) {\n let BusinessNameVal = validator.isEmpty(event.target.value);\n if (BusinessNameVal) {\n this.setState({\n onBusinessNameErrorText: \"Enter correct Business Name\",\n isValid: false\n })\n }\n else {\n this.setState({\n onBusinessNameErrorText: \"\",\n BusinessName: event.target.value,\n isValid: true\n })\n }\n }\n\n onChangeOfCountryCode = (event) => {\n const regex = \"^(?:[+\\d].*\\d|\\d)$\";\n var sign = \"+\";\n let countryCodeVal = event.target.value;\n console.log(\"countryCodeVal\",countryCodeVal);\n let countryCode = countryCodeVal.match(regex); \n if (event.target.value >=1 && event.target.value <= 4) {\n // let countryCodeVal = validator.isNumeric(event.target.value);\n if ( !countryCode) {\n this.setState({\n ...this.state,\n countryCodeError: \"Enter minimum 3 characters for country code\",\n isValid: false\n })\n }\n else {\n this.setState({\n ...this.state,\n countryCodeError: \"\",\n countryCode: countryCodeVal,\n isValid: true\n })\n }\n }\n else {\n this.setState({\n ...this.state,\n countryCodeError: \"\",\n countryCode: this.state.sign + event.target.value,\n isValid: true\n })\n }\n \n }\n\n onChangeOfPhoneNumber(event) {\n const regex = \"^\\\\d[0-9]$\";\n let PhoneNumberVal = event.target.value;\n if(event.target.value <= 9){\n let phoneNumber = PhoneNumberVal.match(regex); \n if (!phoneNumber) {\n this.setState({\n phoneNumberError: \"Enter Valid Phone Number\",\n isValid: false\n })\n }\n else {\n this.setState({\n phoneNumberError: \"\",\n phoneNumber: event.target.value,\n isValid: true\n })\n }\n }\n else {\n this.setState({\n phoneNumberError: \"\",\n phoneNumber: event.target.value,\n isValid: true\n })\n }\n }\n\n onChangeOfBusinessStreetArea(event) {\n let BusinessStreetAreaVal = event.target.value;\n if (BusinessStreetAreaVal === \"\") {\n this.setState({\n onBusinessStreetAreaErrorText: \"Enter correct Business Street Area\",\n isValid: false\n })\n }\n else {\n this.setState({\n onBusinessStreetAreaErrorText: \"\",\n BusinessStreetArea: event.target.value,\n isValid: true\n })\n }\n }\n\n onChangeOfCountry(event) {\n let CountryVal = event.target.value;\n if (!CountryVal) {\n this.setState({\n onCountryErrorText: \"Enter correct Country\",\n isValid: false\n })\n }\n else {\n this.setState({\n onCountryErrorText: \"\",\n Country: event.target.value,\n isValid: true\n })\n }\n }\n\n onChangeOfCity(event) {\n let CityVal = event.target.value;\n if (!CityVal) {\n this.setState({\n onCityErrorText: \"Enter correct City\",\n isValid: false\n })\n }\n else {\n this.setState({\n onCityErrorText: \"\",\n City: event.target.value,\n isValid: true\n })\n }\n }\n\n onChangeOfState(event) {\n let StateVal = event.target.value;\n if (!StateVal) {\n this.setState({\n onStateErrorText: \"Enter correct State\",\n isValid: false\n })\n }\n else {\n this.setState({\n onStateErrorText: \"\",\n State: event.target.value,\n isValid: true\n })\n }\n }\n\n onChangeOfZipCode(event) {\n if (event.target.value !== \"\") {\n let zipcodeVal = validator.isNumeric(event.target.value);\n if (!zipcodeVal) {\n this.setState({\n ...this.state,\n onZipCodeErrorText: \"Enter correct Zip Code\",\n isValid: false,\n })\n }\n else {\n this.setState({\n ...this.state,\n onZipCodeErrorText: \"\",\n ZipCode: event.target.value,\n isValid: true\n })\n }\n }else {\n this.setState({\n ...this.state,\n onZipCodeErrorText: \"\",\n ZipCode: event.target.value,\n isValid: true,\n })\n }\n \n }\n onChangeOfMessage(event) {\n let MessageVal = validator.isEmpty(event.target.value);\n if (MessageVal) {\n this.setState({\n onMessageErrorText: \"Enter correct Message\",\n isValid: false\n })\n }\n else {\n this.setState({\n onMessageErrorText: \"\",\n Message: event.target.value,\n isValid: true\n })\n }\n }\n onChangeOfTerms = (event) => {\n this.setState({\n terms: event.target.checked,\n isValid: true\n })\n\n }\n handleClick = () => {\n const { history } = this.props;\n history.push('/terms-conditions')\n }\n\n validateInput() {\n console.log('this.state', this.state.PhoneNumber);\n let onNameErrorText = '';\n let onEmailErrorText = '';\n let onBusinessNameErrorText = '';\n\n let onBusinessStreetAreaErrorText = '';\n let onCountryErrorText = '';\n let onCityErrorText = '';\n let onStateErrorText = '';\n let onZipCodeErrorText = '';\n let onMessageErrorText = '';\n let termsError = '';\n let countryCodeError = '';\n let phoneNumberError = '';\n\n let isValid = true;\n\n if (this.state.Name.length === 0) {\n onNameErrorText = 'Enter Correct Full Name';\n isValid = false;\n }\n\n if (this.state.Name.length === 0) {\n onEmailErrorText = 'Enter Email';\n isValid = false;\n }\n if (this.state.BusinessName.length === 0) {\n onBusinessNameErrorText = 'Enter Correct Business Name';\n isValid = false;\n }\n \n if (this.state.countryCode.length === 0 && this.state.countryCode.length <= 1) {\n countryCodeError = 'Enter minimum 4 characters for country code';\n isValid = false;\n }\n if (this.state.phoneNumber.length === 0 || this.state.phoneNumber.length === null || this.state.phoneNumber.length <= 9) {\n phoneNumberError = 'Enter Phone Number';\n isValid = false;\n }\n if (this.state.BusinessStreetArea.length === 0) {\n onBusinessStreetAreaErrorText = 'Enter Correct Business Street Area';\n isValid = false;\n }\n if (this.state.Country.length === 0) {\n onCountryErrorText = 'Enter Correct Country';\n isValid = false;\n }\n if (this.state.City.length === 0) {\n onCityErrorText = 'Enter Correct City';\n isValid = false;\n }\n if (this.state.State.length === 0) {\n onStateErrorText = 'Enter Correct State';\n isValid = false;\n }\n if (this.state.ZipCode.length < 5) {\n onZipCodeErrorText = 'Enter max 5 digits Numeric';\n isValid = false;\n }\n if (this.state.Message.length === 0) {\n onMessageErrorText = 'Enter Message';\n isValid = false;\n }\n if (this.state.terms === false) {\n termsError = 'Please accept terms & conditions';\n isValid = false;\n }\n\n this.setState({\n ...this.state,\n countryCodeError,\n onNameErrorText,\n onEmailErrorText,\n onBusinessNameErrorText,\n phoneNumberError,\n onBusinessStreetAreaErrorText,\n onCountryErrorText,\n onCityErrorText,\n onStateErrorText,\n onZipCodeErrorText,\n onMessageErrorText,\n termsError\n });\n return isValid;\n }\n\n submitForm(event) {\n if (this.validateInput()) {\n document.getElementById(\"contact_form\").reset();\n this.props.history.push(\"/contactus\");\n toast(\"Thanks for contacting us! We will be in touch with you shortly\", {\n autoClose: 5000,\n type: toast.TYPE.SUCCESS,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n this.setState({\n Name: '',\n BusinessName: '',\n PhoneNumber: '',\n BusinessStreetArea: '',\n Email: '',\n Country: \"\",\n City: '',\n State: '',\n ZipCode: '',\n Message: '',\n terms: true,\n countryCodeError:'',\n phoneNumberError:''\n\n })\n }\n }\n\n\n render() {\n var CountryList = this.props.CountryListInfo;\n return (\n \n \n \n
\n \n \n \n Looking For Help? \n \n Get in touch by filling out the form below. \n We're also available by phone Monday-Saturday 10:00 AM - 7:00 PM \n We are happy to hear of your suggestions, queries and tips. \n
\n \n \n \n \n \n \n \n \n \n \n \n\n \n\n \n\n \n \n
\n );\n }\n}\n\nfunction mapStateToProps({ CountryListInfo }) {\n return {\n CountryListInfo: CountryListInfo.CountryListInfo.data,\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators({\n countriesList,\n }, dispatch);\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ContactUsFormComponent);","export default __webpack_public_path__ + \"static/media/1.3e62abd8.png\";","export default __webpack_public_path__ + \"static/media/2.66881908.png\";","export default __webpack_public_path__ + \"static/media/3.e095be06.png\";","export default __webpack_public_path__ + \"static/media/4.c5d270e2.png\";","export default __webpack_public_path__ + \"static/media/5.79df3539.png\";","export default __webpack_public_path__ + \"static/media/6.08d39a2c.png\";","export default __webpack_public_path__ + \"static/media/7.3af445fb.png\";","export default __webpack_public_path__ + \"static/media/8.60dcbcdc.png\";","import React, { Component } from 'react';\nimport { Container, Grid, Typography } from '@material-ui/core';\nimport WatchImage1 from '../../../../assests/images/1.png';\nimport WatchImage2 from '../../../../assests/images/2.png';\nimport WatchImage3 from '../../../../assests/images/3.png';\nimport WatchImage4 from '../../../../assests/images/4.png';\nimport WatchImage5 from '../../../../assests/images/5.png';\nimport WatchImage6 from '../../../../assests/images/6.png';\nimport WatchImage7 from '../../../../assests/images/7.png';\nimport WatchImage8 from '../../../../assests/images/8.png';\nimport WatchImage9 from '../../../../assests/images/Group 1649.png';\n\nclass LoveWatchesComponent extends Component {\n constructor(props) {\n super(props)\n this.state = { \n }\n }\n render() { \n return ( \n \n GET ADVICE ANY TIME \n\n\n
\n \n \n NEW YORK \n
\n \n \n \n \n \n \n \n \n
\n \n \n 
\n
\n \n PHONE NUMBER \n +1 (555) 555-1212 \n
\n \n \n \n \n \n \n \n
\n \n \n 
\n
\n \n LOCATIONS \n 12345 North Main Street,
New York, NY 555555 \n
\n New York, NY 555555
\n \n \n \n \n \n \n
\n \n 
\n
\n \n Email \n info@yourwebsite.com \n
\n \n SAN DIEGO \n
\n \n \n \n \n \n \n \n \n
\n \n \n \n
\n \n PHONE NUMBER \n +1 (800) 563-1515 \n
\n \n \n \n \n \n \n \n
\n \n \n \n
\n \n LOCATIONS \n 12345 North Main Street,
New York, NY 555555 \n
\n New York, NY 555555
\n \n \n \n \n \n \n
\n \n \n
\n \n Email \n info@yourwebsite.com \n
\n \n LET'S TALK ABOUT YOUR BUSINESS \n\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n );\n }\n}\n \nexport default LoveWatchesComponent;","export default \"data:image/png;base64,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\"","import React, { Component } from 'react';\nimport ContentWrapper from '../../../../common/components/contentWrapper';\nimport { Container, Divider } from '@material-ui/core';\nimport ContactUsBannerComponent from './ContactusBannerComponent';\nimport ContactUsFormComponent from './ContactUsFormComponent';\nimport LoveWatchesComponent from './loveWatchesComponent';\n\n\n\nclass ContactUsComponent extends Component {\n constructor(props) {\n super(props)\n this.state = { \n }\n }\n\n getContentView() {\n console.log('this.state',this.state);\n return (\n \n 
\n
\n \n 
\n
\n \n 
\n
\n \n 
\n
\n \n \n Wait. We're Not Done Yet \n Love Watches? \n \n
\n \n FOLLOW US ON \n \n
\n\n \n \n 
\n {/*
\n \n \n
\n \n \n
\n \n \n
\n \n \n
*/}\n {/* - \n
- \n \n \n \n\n \n \n
- \n \n \n \n\n \n \n
- \n \n \n \n\n \n \n
- \n \n \n \n\n \n \n
\n 
\n
\n \n 
\n
\n \n 
\n
\n \n 
\n
\n \n \n \n \n \n \n \n \n
\n );\n }\n \n render() { \n localStorage.setItem(\"menuTitle\",\"CONTACT US\");\n return ( \n \n
\n );\n }\n}\n \nexport default SubHeaderComponent;","import React, { Component } from 'react';\nimport Header from '../../common/components/Header';\n import SubHeaderComponent from './subHeader';\nimport FooterComponent from '../../common/components/Footer';\nimport { withRouter } from 'react-router';\nconst { innerWidth: width, innerHeight: height } = window;\n\nclass NewContentWrapper extends Component {\n render() {\n return (\n \n \n \n
\n \n \n \n
\n - \n
- WATCH COLLECTION \n {/*
- catalogue */}\n
- FAQ \n {/*
- BUYER PROTECTION */}\n
\n
\n );\n }\n}\nexport default withRouter(NewContentWrapper);","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { bindActionCreators } from \"redux\";\nimport Slider from \"react-slick\";\nimport { Container, Grid, Typography, Button, Paper } from \"@material-ui/core\";\nimport rolex3 from \"../../../../assests/images/rolex3.png\";\nimport chrono from \"../../../../assests/chrono24.png\";\nimport ebay from \"../../../../assests/ebay.png\";\nimport listingImg from \"../../../../assests/listprice.png\";\nimport defultImg from \"../../../../assests/images/Bitmap@2x.png\";\nimport pricetag from \"../../../../assests/images/Group 1863.png\";\nimport plusSign from \"../../../../assests/images/Group 1771.png\";\nimport NewContentWrapper from \"../../../../common/components/newContentWrapper\";\nimport Card from \"@material-ui/core/Card\";\nimport searchinventry from \"../../dashboard/actions/dashboardaapi\";\nimport ArrowBackIcon from \"@mui/icons-material/ArrowBack\";\nimport queryString from \"query-string\";\n\nimport CardContent from \"@material-ui/core/CardContent\";\nimport ProductListingDetailsCompoent from \"./productListingDetailsComponent\";\nimport { Link } from \"react-router-dom\";\nimport scrollToComponent from \"react-scroll-to-component\";\nimport { SpinnerRoundFilled } from \"spinners-react\";\nimport { individualBrowseWatch } from \"../actions/dealerAction\";\nvar Loader = require(\"react-loader\");\n\nclass ProductingListingComponent extends Component {\n constructor(props) {\n super(props);\n this.state = {\n inventryPricelist: [],\n loaded: false,\n ebayAmout: \"\",\n croono21Ammount: \"\",\n retailAmount: \"\",\n pricemoney: \"\",\n reatilAmouts: \"\",\n };\n this.getpriceLsting = this.getpriceLsting.bind(this);\n this.sroclltop = this.sroclltop.bind(this);\n this.getproductdetails = this.getproductdetails.bind(this);\n }\n\n componentDidMount() {\n if (this.props.individualBrowseWatchesInfo.success === 0) {\n console.log(\"login\");\n window.location.href = \"/login\";\n }\n\n console.log(\n this.props.individualBrowseWatchesInfo.data,\n \"props\",\n this.state.reatilAmout\n );\n let productId = this.props.match.params.productId;\n this.props.individualBrowseWatch(productId);\n localStorage.setItem(\"menuTitle\", \"BROWSE WATCHES\");\n this.getpriceLsting(productId);\n this.getproductdetails(productId);\n this.sroclltop();\n }\n sroclltop() {\n scrollToComponent(this.Violet, { offset: 0, align: \"top\", duration: 1500 });\n }\n\n getproductdetails(productId) {\n //\n setTimeout(() => {\n searchinventry.getAllProductsdetails(productId).then((res) => {\n console.log(\"amoutt\", res.data.data);\n this.setState({\n reatilAmouts: res.data.data && res.data.data.price,\n loaded: true,\n });\n });\n console.log(this.state.reatilAmouts, \"amoutt\");\n }, 10);\n }\n getpriceLsting(productId) {\n //\n // console.log(this.props.individualBrowseWatchesInfo)\n // let reatilAmout =''\n // if (this.props.individualBrowseWatchesInfo.success == 0) {\n // reatilAmout = this.props.individualBrowseWatchesInfo.price;\n // this.setState({reatilAmouts :this.props.individualBrowseWatchesInfo.price})\n // } else {\n // reatilAmout = this.props.individualBrowseWatchesInfo.data.price;\n // this.setState({reatilAmouts :this.props.individualBrowseWatchesInfo.data.price})\n\n // }\n searchinventry.getinventrypriceList(productId).then((res) => {\n console.log(\"inventrypricelist\", res.data.data);\n this.setState({\n inventryPricelist: res.data.data,\n });\n console.log(productId, \"id\", this.state.pricemoney);\n if (\n this.state.inventryPricelist &&\n this.state.inventryPricelist.length > 0\n ) {\n for (let i = 0; i < this.state.inventryPricelist.length; i++) {\n if (this.state.inventryPricelist[i].watch_source == \"Chrono24\") {\n this.setState({\n croono21Ammount: this.state.inventryPricelist[i].avg,\n });\n } else if (this.state.inventryPricelist[i].watch_source == \"Retail\") {\n this.setState({\n retailAmount: this.state.inventryPricelist[i].avg,\n });\n } else if (this.state.inventryPricelist[i].watch_source == \"EBay\") {\n this.setState({ ebayAmout: this.state.inventryPricelist[i].avg });\n }\n }\n this.setState({\n retailAmount: this.state.retailAmount\n ? this.state.retailAmount\n : this.state.reatilAmouts,\n });\n console.log(this.state.retailAmount, \"amout\");\n }\n });\n }\n newContentView() {\n let individualBrowseWatchesInfo = \"\";\n let productId = \"\";\n let individualBrowseWatchesDetails = \"\";\n if (this.props.individualBrowseWatchesInfo.success == 0) {\n individualBrowseWatchesInfo = this.props.individualBrowseWatchesInfo;\n } else {\n individualBrowseWatchesInfo = this.props.individualBrowseWatchesInfo.data;\n productId = individualBrowseWatchesInfo.productid;\n individualBrowseWatchesDetails =\n individualBrowseWatchesInfo && individualBrowseWatchesInfo.prodattr\n ? individualBrowseWatchesInfo.prodattr\n : \"\";\n }\n console.log(individualBrowseWatchesInfo);\n\n const settings = {\n dots: false,\n infinite: false,\n speed: 500,\n slidesToShow: 1,\n slidesToScroll: 1,\n initialSlide: 0,\n responsive: [\n {\n breakpoint: 1024,\n settings: {\n slidesToShow: 1,\n slidesToScroll: 1,\n infinite: true,\n dots: false,\n },\n },\n {\n breakpoint: 600,\n settings: {\n slidesToShow: 1,\n slidesToScroll: 1,\n initialSlide: 2,\n },\n },\n {\n breakpoint: 480,\n settings: {\n slidesToShow: 1,\n slidesToScroll: 1,\n },\n },\n ],\n };\n if (individualBrowseWatchesInfo.success === 0) {\n return (\n \n {this.props.contentView}\n
\n {individualBrowseWatchesInfo.message}
\n \n \n \n \n \n
\n \n \n {\n this.Violet = section;\n }}\n >\n {/* \n \n \n \n \n \n \n
\n )}\n \n \n );\n }\n }\n render() {\n localStorage.setItem(\"menuTitle\", \"BROWSE WATCHES\");\n return \n {\n // let history = useHistory();\n let queries = queryString.parse(\n this.props.location.search\n );\n this.props.history.replace(\"/search\", {\n searchSting: queries.q,\n watchComponent: this.props.location.state.watchComponent\n });\n }}\n >\n {\" \"}\n \n Product Details\n
\n \n
*/}\n \n {this.state.loaded == false ? (\n - \n
- Home \n
- Browse watches \n\n
\n
\n ) : (\n \n \n \n \n \n \n {\n this.props.history.push(\"/dealer/\" + productId);\n }}\n style={{ margin: \"20px 0px\" }}\n >\n ADD TO INVENTORY\n \n
\n \n \n \n \n \n {/*
\n \n
\n {/* \n 
\n
*/}\n \n Click to open expanded view\n
*/}\n \n */}\n\n \n \n $\n {this.state.croono21Ammount.slice(0, 8)\n ? this.state.croono21Ammount.slice(0, 8)\n : \"---\"}\n \n ) : (\n */}\n \n \n $\n {this.state.retailAmount &&\n this.state.retailAmount.slice(0, 8)\n ? this.state.retailAmount &&\n this.state.retailAmount.slice(0, 8)\n : \" List Price Not Available \"}\n \n ) : (\n \n {\" \"}\n {\"List Price Not Available\"}\n \n )}\n \n {/* \n 
\n { this.state && this.state.retailAmount.length ==0 ? ${individualBrowseWatchesInfo.price} : ${(this.state.retailAmount.slice(0, 8)) ? (this.state.retailAmount.slice(0, 8)) : \"\"} } \n\n */}\n \n {/* ))} */}\n \n
\n {/* */}\n {/* \n \n {individualBrowseWatchesInfo\n ? (individualBrowseWatchesInfo.brandname\n ? individualBrowseWatchesInfo.brandname\n : \"\") +\n (individualBrowseWatchesInfo.prodattr &&\n individualBrowseWatchesInfo.prodattr.reference\n ? \" - \" +\n individualBrowseWatchesInfo.prodattr\n .reference\n : \"\") +\n (individualBrowseWatchesInfo.prodattr &&\n individualBrowseWatchesInfo.prodattr.model\n ? \" - \" +\n individualBrowseWatchesInfo.prodattr.model\n : \"\")\n : \"-\"}\n \n
\n {/* \n \n {/* {this.state.inventryPricelist &&\n this.state.inventryPricelist.slice(0,1).map ((price) => ( */}\n \n {/* \n \n \n $\n {this.state.ebayAmout &&\n this.state.ebayAmout.slice(0, 8)\n ? this.state.ebayAmout &&\n this.state.ebayAmout.slice(0, 8)\n : \" ---\"}\n \n
\n ) : (\n \n \n {\"---\"}\n \n
\n )}\n \n\n \n \n {\"---\"}\n \n
\n )}\n \n Description \n
\n \n
*/}\n \n {individualBrowseWatchesInfo &&\n individualBrowseWatchesInfo.productdesc\n ? individualBrowseWatchesInfo &&\n individualBrowseWatchesInfo.productdesc\n : \"---\"}\n
\n\n
\n \n \n Product Specifications\n \n
\n \n \n Watch Information\n \n
\n \n
\n \n \n \n \n \n \n \n
\n \n \n Brand Name\n \n
\n \n \n \n {individualBrowseWatchesInfo.brandname\n ? individualBrowseWatchesInfo.brandname\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Model Number\n \n
\n \n \n \n {individualBrowseWatchesDetails.reference\n ? individualBrowseWatchesDetails.reference\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Model Name\n \n
\n \n \n \n {individualBrowseWatchesDetails.model\n ? individualBrowseWatchesDetails.model\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Case Material\n \n
\n \n \n \n {individualBrowseWatchesDetails.casematerial\n ? individualBrowseWatchesDetails.casematerial\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Case Size\n \n
\n \n \n \n {individualBrowseWatchesDetails.casesize\n ? individualBrowseWatchesDetails.casesize\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Dial Color\n \n
\n \n \n \n {individualBrowseWatchesDetails.dialcolor\n ? individualBrowseWatchesDetails.dialcolor\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Band Material\n \n
\n \n \n \n {individualBrowseWatchesDetails.bandmaterial\n ? individualBrowseWatchesDetails.bandmaterial\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Case Back\n \n
\n \n \n \n {individualBrowseWatchesDetails.caseback\n ? individualBrowseWatchesDetails.caseback\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Case Shape\n \n
\n \n \n \n {individualBrowseWatchesDetails.shape\n ? individualBrowseWatchesDetails.shape\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n {individualBrowseWatchesDetails.bandtype ? (\n \n \n Power Reserve\n \n
\n \n \n \n {individualBrowseWatchesDetails.powerreserve\n ? individualBrowseWatchesDetails.powerreserve\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n ) : (\n \"\"\n )}\n {individualBrowseWatchesDetails.bezel ? (\n \n \n Band Type\n \n
\n \n \n \n {individualBrowseWatchesDetails.bandtype}\n \n \n
\n \n \n \n \n \n \n \n
\n ) : (\n \"\"\n )}\n {individualBrowseWatchesDetails.glass ? (\n \n \n Bezel\n \n
\n \n \n \n {individualBrowseWatchesDetails.bezel}\n \n \n
\n \n \n \n \n \n \n \n
\n ) : (\n \"\"\n )}\n \n \n Glass\n \n
\n \n \n \n {individualBrowseWatchesDetails.glass}\n \n \n
\n \n {/* Caliber */}\n
\n {individualBrowseWatchesDetails.movement ? (\n \n \n \n \n \n \n \n
\n ) : (\n \"\"\n )}\n {individualBrowseWatchesDetails.caliber ? (\n \n \n Movement\n \n
\n \n \n \n {individualBrowseWatchesDetails.movement}\n \n \n
\n \n \n \n \n \n \n \n
\n ) : (\n \"\"\n )}\n {individualBrowseWatchesDetails.luminous ? (\n \n \n Caliber\n \n
\n \n \n \n {individualBrowseWatchesDetails.caliber}\n \n \n
\n \n \n \n \n \n \n \n
\n ) : (\n \"\"\n )}\n\n \n \n Luminous\n \n
\n \n \n \n {individualBrowseWatchesDetails.luminous}\n \n \n
\n \n {/* Case */}\n
\n {individualBrowseWatchesDetails.casediameter ? (\n \n \n \n \n \n \n \n
\n ) : (\n \"\"\n )}\n {individualBrowseWatchesDetails.waterresistant ? (\n \n \n Case diameter\n \n
\n \n \n \n {individualBrowseWatchesDetails.casediameter\n ? individualBrowseWatchesDetails.casediameter\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n ) : (\n \"\"\n )}\n \n \n Water resistance\n \n
\n \n \n \n {\n individualBrowseWatchesDetails.waterresistant\n }\n \n \n
\n \n
\n );\n }\n}\n \nexport default ProductListingDetailsCompoent;","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/profile.82be9dbe.png\";","export default __webpack_public_path__ + \"static/media/Group 1854.82be9dbe.png\";","import React ,{useState}from 'react'\nimport Dialog from \"@mui/material/Dialog\";\nimport DialogContent from \"@mui/material/DialogContent\";\nimport DialogTitle from \"@mui/material/DialogTitle\";\nimport IconButton from '@material-ui/core/IconButton';\nimport CloseIcon from '@material-ui/icons/Close';\nimport TextField from '@mui/material/TextField';\nimport { toast } from \"react-toastify\";\n\n\nimport { Button, DialogActions, FormControl, FormHelperText ,DialogContentText,Box} from \"@material-ui/core\";\nimport {\n removeAccount\n } from \"./../../dashboard/actions/dashboardAction\";\n import { addDays, format } from 'date-fns';\n\nexport default function RemoveAccountModal(props) {\n const { open, handleClose} = props;\n\n const [reason, setReason] = useState('')\n const [errorText, setErrorText] = useState('')\n\n const futureDate = addDays(new Date(), 30); // Add 30 days to current date\n const futureDateString = format(futureDate, ' d,MMMM, yyyy'); // Format future date as string\n\n const onChangeOfRemoveReason = () => {\n const userDetails = window.sessionStorage.getItem('userDetails');\n const removeuser = JSON.parse(userDetails).userId;\n // const removeuser= localStorage.getItem('UserId');\n console.log (removeuser,\"removeuserid\")\n const reasonval=reason\n console.log(reasonval,\"reason val\")\n if (reason !== '') {\n \n const data = {\n \n 'deletedReason': reason,\n \n }\n removeAccount(removeuser, data, (success, error) => {\n if (success) {\n console.log('remove account success',success);\n \n handleClose(true);\n }else{\n toast(\"Somthing went wrong\", {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n })\n } else {\n \n setErrorText('Remove reason should not be blank.')\n }\n }\n \n\n \n return (\n \n \n \n \n \n \n \n \n \n
\n \n
\n \n Product Specifications \n
\n \n Watch Information \n
\n \n
\n \n \n \n \n \n \n \n
\n \n Reference Number \n
\n \n 128239 \n
\n \n \n \n \n \n \n \n
\n \n Brand \n
\n \n Rolex \n
\n \n \n \n \n \n \n \n
\n \n Model \n
\n \n Day-Date 36 \n
\n \n \n \n \n \n \n \n
\n \n Band Material \n
\n \n Oyster Perpetual \n
\n \n \n \n \n \n \n \n
\n \n Case Material \n
\n \n White gold \n
\n \n \n \n \n \n \n \n
\n \n Year of Production \n
\n \n 2020 \n
\n \n \n \n \n \n \n \n
\n \n Scope of delivery \n
\n \n Original box, Original papers \n
\n \n \n \n \n \n \n \n
\n \n Gender \n
\n \n Men's watch/Unisex \n
\n \n \n \n \n \n \n \n
\n \n Location \n
\n \n USA, UK, New York \n
\n \n Caliber \n
\n \n \n \n \n \n \n \n
\n \n Movement \n
\n \n Automatic \n
\n \n \n \n \n \n \n \n
\n \n Movement/Caliber \n
\n \n 3255 \n
\n \n \n \n \n \n \n \n
\n \n Power reserve \n
\n \n 70 h \n
\n \n Case \n
\n \n \n \n \n \n \n \n
\n \n Case Material \n
\n \n White gold \n
\n \n \n \n \n \n \n \n
\n \n Case diameter \n
\n \n 36 mm \n
\n \n \n \n \n \n \n \n
\n \n Water resistance \n
\n \n 10 ATM \n
\n \n \n \n \n \n \n \n
\n \n Dial Color \n
\n \n Blue \n
\n \n \n \n \n \n \n \n \n \n
\n \n \n Start your 30-day trial of our package now \n
\n \n TEST US FOR FREE!\n
\n \n \n \n CREATE BUSINESS\n \n \n \n \n \n \n \n
\n );\n}\n\n","import React, { Component, createRef } from \"react\";\nimport { connect } from \"react-redux\";\nimport { bindActionCreators } from \"redux\";\nimport validator from \"validator\";\nimport {\n Container,\n Divider,\n Grid,\n Card,\n Paper,\n Input,\n Typography,\n form,\n TextField,\n Switch,\n FormHelperText,\n Button,\n InputLabel,\n Checkbox,\n FormControlLabel,\n Select,\n MenuItem,\n Dialog,\n DialogContent,\n DialogTitle,\n DialogActions,\n FormControl,\n DialogContentText,\n Box,\n} from \"@material-ui/core\";\nimport Modal from \"@material-ui/core/Modal\";\nimport profile from \"../../../../assests/images/profile/Group 1854.png\";\nimport edit from \"../../../../assests/images/profile/Group 1770.png\";\nimport Email from \"../../../../assests/images/profile/Path 2038.png\";\nimport phone from \"../../../../assests/images/profile/Path 2039.png\";\nimport map from \"../../../../assests/images/profile/Group 1771.png\";\nimport {\n countriesList,\n getuser,\n addProfileData,\n addProfileImage,\n removeAccount,\n getBusinessInfo,\n getaccountdetails,\n} from \"../actions/dashboardAction\";\nimport getUserdetailsforsubscrption from \"../../../pages/dashboard/actions/dashboardaapi\";\nimport {\n getComponentActionList,\n isActionAllowed,\n} from \"../../../../common/components/Helper/Utils\";\nimport { activePackageList } from \"./../../dealer/actions/dealerAction\";\nimport { data } from \"jquery\";\nimport profileimg from \"../../../../../src/assests/images/profile/profile.png\";\nimport { SpinnerRoundFilled } from \"spinners-react\";\nimport EditIcon from \"@material-ui/icons/Edit\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport CloseIcon from \"@material-ui/icons/Close\";\nimport { addDays, format } from \"date-fns\";\nimport RemoveAccountModal from \"./RemoveAccountModal\";\nimport ContentWrapper from \"../../../../common/components/contentWrapper\";\nimport LoadingSpinner from \"@mui/material/CircularProgress\";\nimport Cropper from \"react-cropper\";\nimport PersonAddIcon from '@mui/icons-material/PersonAdd';\nimport BusinessCreatemodel from './NewBusinessCreate';\nimport \"cropperjs/dist/cropper.css\";\n// import { trim } from \"lodash\";\nclass ProfileComponent extends Component {\n constructor(props) {\n super(props);\n this.state = {\n open: false,\n // removeReason: \"\",\n // RemoveReasonErrortext: \"\",\n edit: \"\",\n editable: false,\n editable1: false,\n disbleeditbtn: true,\n disbleeditbtn1: true,\n disbledntn: false,\n disbledntn1: false,\n isDisabled: true,\n isDisabled1: true,\n isLoading: false,\n firstName: \"\",\n businessName: \"\",\n lastName: \"\",\n emailId: \"\",\n phoneNumber: \"\",\n DOB: \"\",\n gender: \"\",\n countryCode: \"\",\n statesListData: [],\n country: \"\",\n city: \"\",\n statename: \"\",\n zipCode: \"\",\n profilePic: \"\",\n UploadPic: \"\",\n profilePicLocal: \"/static/media/Group 1854.82be9dbe.png\",\n addressLine1: \"\",\n addressLine2: \"\",\n bankName: \"\",\n accountNumber: \"\",\n achRouting: \"\",\n wireRouting: \"\",\n swiftCode: \"\",\n businessStreetAddress: \"\",\n onFirstNameErrorText: \"\",\n onLastNameErrorText: \"\",\n onEmailIdErrorText: \"\",\n onPhoneNumberErrorText: \"\",\n onCountryCodeErrorText: \"\",\n onDobErrorText: \"\",\n onGenderErrorText: \"\",\n onCountryErrorText: \"\",\n onCityErrorText: \"\",\n onStateErrorText: \"\",\n onZipCodeErrorText: \"\",\n onBusinessNameErrorText: \"\",\n onMessageErrorText: \"\",\n onAddressErrorText: \"\",\n onUploadPicErrorText: \"\",\n ontaxIdErrorText: \"\",\n onSwiftCodeErrorText: \"\",\n onWireRoutingErrorText: \"\",\n onAccountNumberErrorText: \"\",\n onAccountNameErrorText: \"\",\n onBankNameErrorText: \"\",\n onAchRoutingErrorText: \"\",\n loaded: false,\n countryListData: [],\n statesListData: [],\n UploadPic1: \"\",\n onUploadLogoErrorText: \"\",\n uploadLogo: \"\",\n isLogoValid: \"\",\n files: \"\",\n accessData: [],\n accountId: \"\",\n tax_id: \"\",\n accountName: \"\",\n log_url: \"\",\n src: null,\n cropResult: null,\n accountDisabled:JSON.parse(window.sessionStorage.getItem('userDetails'))?.accountdetails?.length == 1 ?true:false,\n accountbusinessId :window.sessionStorage.getItem('accountId'),\n createEnable:false,\n\n };\n const { history, currentUser, logoutAction } = props;\n\n this.cropperRef = React.createRef();\n\n this.handleOpen = this.handleOpen.bind(this);\n this.handleClose = this.handleClose.bind(this);\n\n // this.onChangeOfRemoveReason = this.onChangeOfRemoveReason.bind(this);\n\n this.onChangeOfFirstName = this.onChangeOfFirstName.bind(this);\n this.onChangeOfLastName = this.onChangeOfLastName.bind(this);\n this.onChangeOfPhoneNumber = this.onChangeOfPhoneNumber.bind(this);\n this.onChangeOfEmailId = this.onChangeOfEmailId.bind(this);\n this.onChangeOfCountry = this.onChangeOfCountry.bind(this);\n this.onChangeOfCity = this.onChangeOfCity.bind(this);\n this.onChangeOfState = this.onChangeOfState.bind(this);\n this.handleLoader = this.handleLoader.bind(this);\n this.handleCloseBusinessCreate = this.handleCloseBusinessCreate.bind(this);\n // this.onChangeOfZipcode = this.onChangeOfZipcode.bind(this);\n this.updatepackage = this.updatepackage.bind(this);\n this.onChangeOfAddressLine1 = this.onChangeOfAddressLine1.bind(this);\n this.onChangeOfAddressLine2 = this.onChangeOfAddressLine2.bind(this);\n this.validateInput = this.validateInput.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n this.UploadPhoto = this.UploadPhoto.bind(this);\n this.componentDidMount = this.componentDidMount.bind(this);\n this.getcountryList = this.getcountryList.bind(this);\n this.getStatesList = this.getStatesList.bind(this);\n this.onChangeOfbankName = this.onChangeOfbankName.bind(this);\n this.onChangeOfaccountNumber = this.onChangeOfaccountNumber.bind(this);\n this.onChangeOfaccountName = this.onChangeOfaccountName.bind(this);\n this.onChangeOfachRouting = this.onChangeOfachRouting.bind(this);\n this.onChangeOfwireRouting = this.onChangeOfwireRouting.bind(this);\n this.onChangeOfswiftCode = this.onChangeOfswiftCode.bind(this);\n this.onChangeOfTaxId = this.onChangeOfTaxId.bind(this);\n this.submitForm1 = this.submitForm1.bind(this);\n this.validateInput1 = this.validateInput1.bind(this);\n }\n componentWillMount() { }\n componentDidMount() {\n const accessData = getComponentActionList(\"my_profile\");\n const userDetails = window.sessionStorage.getItem(\"userDetails\");\n const UserId = JSON.parse(userDetails).userId;\n const userDetails1 = window.sessionStorage.getItem(\"userDetails\")\n ? JSON.parse(window.sessionStorage.getItem(\"userDetails\"))\n : null;\n const accountId = userDetails1.accountId;\n this.setState({\n accountId: this.state.accountbusinessId\n })\n this.setState({ accessData: accessData });\n // localStorage.setItem(\"UserId\", this.props.currentUser?.userId);\n setTimeout(() => {\n this.setState({ loaded: true });\n }, 500);\n this.props.activePackageList();\n this.getcountryList();\n if (this.props.currentUser) {\n const payload={\n userId:UserId,\n accountId:this.state.accountbusinessId\n }\n this.props.getaccountdetails(payload);\n //this.props.getuser(UserId);\n }\n }\n\n cropImage = (e) => {\n e.preventDefault();\n if (this.cropperRef.current) {\n const cropper = this.cropperRef.current.cropper;\n cropper.getCroppedCanvas().toBlob((blob) => {\n if (blob) {\n const url = URL?.createObjectURL(blob) || \"\";\n this.setState({\n cropResult: url,\n uploadLogo: url,\n });\n const file = new File(\n [blob],\n `${JSON.parse(sessionStorage?.userDetails)?.accountName + \".png\"}`,\n {\n type: blob.type,\n lastModified: Date.now(),\n }\n );\n this.setState({\n files: file,\n });\n } else {\n console.log(\"Failed to craete Blob..\");\n }\n });\n }\n };\n\n handleOpen() {\n this.setState({\n open: true,\n });\n }\n\n handleClose() {\n this.setState({\n open: false,\n });\n }\n\n handleCloseBusinessCreate() {\n this.setState({\n createEnable: false\n });\n }\n handleLoader(value) {\n this.setState({\n loaded: value,\n accountDisabled:false\n });\n \n }\n // onChangeOfRemoveReason = () => {\n\n // const removeuser= localStorage.getItem('UserId');\n // const reasonval=this.state.removeReason\n // if (this.state.removeReason !== '') {\n\n // const data = {\n\n // 'deletedReason': this.state.removeReason,\n\n // }\n // removeAccount(removeuser, data, (success, error) => {\n // if (success) {\n // this.setState({\n // open:false\n // })\n // }\n // })\n // } else {\n // this.setState({ RemoveReasonErrortext: 'Remove reason should not be blank.' })\n // }\n // }\n\n getcountryList() {\n getUserdetailsforsubscrption.getAllCountryList().then((res) => {\n this.setState({\n countryListData: res.data.data,\n });\n });\n }\n\n getStatesList(country) {\n getUserdetailsforsubscrption.getAllStateList(country).then((res) => {\n this.setState({\n statesListData: res.data.data,\n });\n });\n }\n\n componentWillReceiveProps(newProps) {\n const userDetails = window.sessionStorage.getItem(\"userDetails\");\n const UserId = JSON.parse(userDetails).userId;\n const userInfoData = newProps.accountdetails.data;\n this.setState({ \n ...this.state,\n userId: userInfoData && userInfoData.userid,\n firstName: userInfoData && userInfoData.firstname,\n lastName: userInfoData && userInfoData.lastname,\n businessName: userInfoData && userInfoData.businessname,\n phoneNumber: userInfoData && userInfoData.phone,\n emailId: userInfoData && userInfoData.email,\n countryCode: userInfoData && userInfoData.countrycode,\n statename: userInfoData && userInfoData.accountstate,\n gender: userInfoData && userInfoData.gender,\n country: userInfoData && userInfoData.accountcountry,\n city: userInfoData && userInfoData.accountcity,\n zipCode: userInfoData && userInfoData.accountzip,\n addressLine1: userInfoData && userInfoData.accountaddressline1,\n addressLine2: userInfoData && userInfoData.accountaddressline2,\n bankName: userInfoData && userInfoData.bankname,\n accountNumber: userInfoData && userInfoData.accountnumber,\n accountName: userInfoData && userInfoData.accountname,\n achRouting: userInfoData && userInfoData.ach_routing,\n wireRouting: userInfoData && userInfoData.wire_routing,\n swiftCode: userInfoData && userInfoData.swiftcode,\n UploadPic: userInfoData && userInfoData.profilepic,\n uploadLogo: userInfoData && userInfoData.logo_url,\n tax_id: userInfoData && userInfoData.tax_id,\n is_business_enable:userInfoData && userInfoData.is_business_enable,\n });\n\n if (newProps.currentUser && !this.state.currentUser) {\n this.setState({\n ...this.state,\n currentUser: newProps.currentUser,\n });\n //this.props.getuser(UserId);\n const payload={\n userId:UserId,\n accountId:this.state.accountbusinessId\n }\n this.props.getaccountdetails(payload);\n }\n this.getcountryList();\n if (userInfoData && userInfoData.accountcountry) {\n this.getStatesList(\n userInfoData && userInfoData.accountcountry\n ? userInfoData.accountcountry\n : null\n );\n }\n }\n\n UploadPhoto = ({ target }) => {\n const userDetails = window.sessionStorage.getItem(\"userDetails\");\n const UserId = JSON.parse(userDetails).userId;\n const imageFile = target.files[0];\n this.setState({\n onUploadPicErrorText: \"\",\n uploadLogo: false,\n isValid: true,\n });\n if (!imageFile) {\n this.setState({\n onUploadPicErrorText: \"Please select image.\",\n isValid: false,\n });\n return false;\n }\n\n if (!imageFile.name.match(/\\.(jpg|JPG|png|PNG|jpeg|JPEG)$/)) {\n this.setState({\n onUploadPicErrorText:\n \"Please select only jpg,png or jpeg format images\",\n isValid: false,\n });\n return false;\n }\n var file = target.files[0];\n if (file === \"\") {\n this.setState({\n onUploadPicErrorText: \"Please Upload Photo\",\n isValid: false,\n });\n } else {\n this.setState({\n UploadPic1: URL.createObjectURL(file),\n file: file,\n isValid: true,\n });\n }\n let fd = new FormData();\n fd.set(\"user_id\", UserId);\n fd.set(\"image\", file);\n addProfileImage(fd, (error, res) => {\n this.props.getuser(UserId);\n });\n };\n\n onChangeOfFirstName = (event) => {\n let FirstNameVal = event.target.value;\n if (!FirstNameVal) {\n this.setState({\n ...this.state,\n onFirstNameErrorText: \"Enter correct First Name\",\n firstName: event.target.value,\n isValid: false,\n });\n } else {\n this.setState({\n ...this.state,\n onFirstNameErrorText: \"\",\n firstName: event.target.value,\n isValid: true,\n });\n }\n };\n\n onChangeOfBusinessName = (event) => {\n let BusinesstNameVal = event.target.value;\n if (!BusinesstNameVal) {\n this.setState({\n ...this.state,\n onBusinessNameErrorText: \"Enter correct Business Name\",\n businessName: event.target.value,\n isValid: false,\n });\n } else {\n this.setState({\n ...this.state,\n onBusinessNameErrorText: \"\",\n businessName: event.target.value,\n isValid: true,\n });\n }\n };\n\n onChangeOfLastName = (event) => {\n let LastNameVal = event.target.value;\n if (!LastNameVal) {\n this.setState({\n ...this.state,\n onLastNameErrorText: \"Enter correct Last Name\",\n lastName: event.target.value,\n isValid: false,\n });\n } else {\n this.setState({\n ...this.state,\n onLastNameErrorText: \"\",\n lastName: event.target.value,\n isValid: true,\n });\n }\n };\n\n onChangeOfGender = (event) => {\n let GenderVal = event.target.value;\n if (!GenderVal) {\n this.setState({\n ...this.state,\n onGenderErrorText: \"Select Gender\",\n gender: event.target.value,\n isValid: false,\n });\n } else {\n this.setState({\n ...this.state,\n onGenderErrorText: \"\",\n gender: event.target.value,\n isValid: true,\n });\n }\n };\n\n onChangeOfEmailId = (event) => {\n let emailIdVal = validator.isEmail(event.target.value);\n if (!emailIdVal) {\n this.setState({\n ...this.state,\n onEmailIdErrorText: \"Enter correct Email Id\",\n emailId: event.target.value,\n isValid: false,\n });\n } else {\n this.setState({\n ...this.state,\n onEmailIdErrorText: \"\",\n emailId: event.target.value,\n isValid: true,\n });\n }\n };\n\n // onChangeOfCountryCode = (event) => {\n // const regex = \"^(?:[+\\d].*\\d|\\d)$\";\n // var sign = \"+\";\n // let countryCodeVal = event.target.value;\n // let countryCode = countryCodeVal.match(regex);\n // if (event.target.value >=1 && event.target.value <= 4) {\n // // let countryCodeVal = validator.isNumeric(event.target.value);\n // if ( !countryCode) {\n // this.setState({\n // ...this.state,\n // countryCodeError: \"Enter minimum 3 characters for country code\",\n // isValid: false\n // })\n // }\n // else {\n // this.setState({\n // ...this.state,\n // countryCodeError: \"\",\n // countryCode: countryCodeVal,\n // isValid: true\n // })\n // }\n // }\n // else {\n // this.setState({\n // ...this.state,\n // countryCodeError: \"\",\n // countryCode: this.state.sign + event.target.value,\n // isValid: true\n // })\n // }\n // }\n onChangeOfCountryCode = (event) => {\n let CountryCodeVal = validator.isNumeric(event.target.value);\n if (!CountryCodeVal) {\n this.setState({\n ...this.state,\n onCountryCodeErrorText: \"Enter correct Country Code\",\n countryCode: event.target.value,\n isValid: false,\n });\n } else {\n this.setState({\n ...this.state,\n onCountryCodeErrorText: \"\",\n countryCode: event.target.value,\n isValid: true,\n });\n }\n };\n\n onChangeOfTaxId = (event) => {\n const taxIdVal = event.target.value.replace(/\\D/g, \"\");\n if (taxIdVal.length >= 9) {\n const TaxId = `${taxIdVal.slice(0, 3)}-${taxIdVal.slice(\n 3,\n 5\n )}-${taxIdVal.slice(5, 9)}`;\n\n this.setState({\n ...this.state,\n ontaxIdErrorText: \"\",\n tax_id: TaxId,\n isValid: true,\n });\n } else {\n this.setState({\n ...this.state,\n ontaxIdErrorText: \"Enter correct Tax Id\",\n tax_id: taxIdVal,\n isValid: false,\n });\n }\n };\n\n onChangeOfPhoneNumber = (event) => {\n // let PhoneNumberVal = validator.isMobilePhone(event.target.value);\n const regex = \"^\\\\d{10}$\";\n let PhoneNumberVal = event.target.value;\n if (event.target.value >= 10) {\n let phonemuber = PhoneNumberVal.match(regex);\n if (!phonemuber) {\n this.setState({\n ...this.state,\n onPhoneNumberErrorText: \"Enter correct Phone Number\",\n phoneNumber: event.target.value,\n isValid: false,\n });\n } else {\n this.setState({\n ...this.state,\n onPhoneNumberErrorText: \"\",\n phoneNumber: event.target.value,\n isValid: true,\n });\n }\n } else {\n this.setState({\n ...this.state,\n onPhoneNumberErrorText: \"\",\n phoneNumber: event.target.value,\n isValid: true,\n });\n }\n };\n\n onChangeOfAddressLine1 = (event) => {\n let AddressLine1Val = event.target.value;\n if (!AddressLine1Val) {\n this.setState({\n ...this.state,\n onAddressLine1ErrorText: \"Enter correct Address\",\n addressLine1: event.target.value,\n isValid: false,\n });\n } else {\n this.setState({\n ...this.state,\n onAddressLine1ErrorText: \"\",\n addressLine1: event.target.value,\n isValid: true,\n });\n }\n };\n onChangeOfAddressLine2 = (event) => {\n let AddressLine2Val = event.target.value;\n if (!AddressLine2Val) {\n this.setState({\n ...this.state,\n onAddressLine2ErrorText: \"Enter correct Address\",\n addressLine2: event.target.value,\n isValid: false,\n });\n } else {\n this.setState({\n ...this.state,\n onAddressLine2ErrorText: \"\",\n addressLine2: event.target.value,\n isValid: true,\n });\n }\n };\n\n onChangeOfbankName = (event) => {\n let BankNameVal = event.target.value;\n if (!BankNameVal) {\n this.setState({\n ...this.state,\n onBankNameErrorText: \"Enter correct BankName\",\n bankName: event.target.value,\n isValid: false,\n });\n } else {\n this.setState({\n ...this.state,\n onBankNameErrorText: \"\",\n bankName: event.target.value,\n isValid: true,\n });\n }\n };\n\n onChangeOfaccountNumber = (event) => {\n let accountNumberVal = event.target.value;\n if (!accountNumberVal) {\n this.setState({\n ...this.state,\n onAccountNumberErrorText: \"Enter correct Account Number\",\n accountNumber: event.target.value,\n isValid: false,\n });\n } else {\n this.setState({\n ...this.state,\n onAccountNumberErrorText: \"\",\n accountNumber: event.target.value,\n isValid: true,\n });\n }\n };\n onChangeOfaccountName = (event) => {\n let accountNameVal = event.target.value;\n if (!accountNameVal) {\n this.setState({\n ...this.state,\n onAccountNameErrorText: \"Enter correct Account Name\",\n accountName: event.target.value,\n isValid: false,\n });\n } else {\n this.setState({\n ...this.state,\n onAccountNameErrorText: \"\",\n accountName: event.target.value,\n isValid: true,\n });\n }\n };\n\n onChangeOfachRouting = (event) => {\n let achRoutingVal = event.target.value;\n if (!achRoutingVal) {\n this.setState({\n ...this.state,\n onAchRoutingErrorText: \"Enter correct ACH Routing\",\n achRouting: event.target.value,\n isValid: false,\n });\n } else {\n this.setState({\n ...this.state,\n onAchRoutingErrorText: \"\",\n achRouting: event.target.value,\n isValid: true,\n });\n }\n };\n\n onChangeOfwireRouting = (event) => {\n let wireRoutingVal = event.target.value;\n if (!wireRoutingVal) {\n this.setState({\n ...this.state,\n onWireRoutingErrorText: \"Enter correct Wire Routing\",\n wireRouting: event.target.value,\n isValid: false,\n });\n } else {\n this.setState({\n ...this.state,\n onWireRoutingErrorText: \"\",\n wireRouting: event.target.value,\n isValid: true,\n });\n }\n };\n\n onChangeOfswiftCode = (event) => {\n let swiftCodeVal = event.target.value;\n if (!swiftCodeVal) {\n this.setState({\n ...this.state,\n onswiftCodeErrorText: \"Enter correct Wire Routing\",\n swiftCode: event.target.value,\n isValid: false,\n });\n } else {\n this.setState({\n ...this.state,\n onswiftCodeErrorText: \"\",\n swiftCode: event.target.value,\n isValid: true,\n });\n }\n };\n onChangeOfCountry(event) {\n this.setState({\n country: event.target.value,\n });\n getUserdetailsforsubscrption\n .getAllStateList(event.target.value)\n .then((res) => {\n this.setState({\n statesListData: res.data.data,\n });\n });\n // let CountryVal = event.target.value;\n // if (!CountryVal) {\n // this.setState({\n // ...this.state,\n // onCountryErrorText: \"Enter correct Country\",\n // country: event.target.value,\n // isValid: false\n // })\n // }\n // else {\n // this.setState({\n // ...this.state,\n // onCountryErrorText: \"\",\n // country: event.target.value,\n // isValid: true\n // })\n // }\n }\n\n onChangeOfCity = (event) => {\n let CityVal = event.target.value;\n if (!CityVal) {\n this.setState({\n ...this.state,\n onCityErrorText: \"Enter correct City\",\n city: event.target.value,\n isValid: false,\n });\n } else {\n this.setState({\n ...this.state,\n onCityErrorText: \"\",\n city: event.target.value,\n isValid: true,\n });\n }\n };\n\n // onChangeOfState = (event) => {\n // let StateVal = event.target.value;\n // if (!StateVal) {\n // this.setState({\n // ...this.state,\n // onStateErrorText: \"Enter correct State\",\n // state: event.target.value,\n // isValid: false\n // })\n // }\n // else {\n // this.setState({\n // ...this.state,\n // onStateErrorText: \"\",\n // state: event.target.value,\n // isValid: true\n // })\n // }\n // }\n\n onChangeOfState = (event) => {\n let stateVal = event.target.value;\n if (stateVal === \"\") {\n this.setState({\n stateErrorText: \"Enter State\",\n isValid: false,\n statename: event.target.value,\n });\n } else {\n this.setState({\n stateErrorText: \"\",\n statename: event.target.value,\n isValid: true,\n });\n }\n };\n\n getstatebycountyId(countryID) {\n getUserdetailsforsubscrption.getAllStateList(countryID).then((res) => {\n this.setState({\n statesListData: res.data.data,\n });\n });\n }\n\n onChangeOfZipCode = (event) => {\n if (event.target.value !== \"\") {\n let zipcodeVal = validator.isNumeric(event.target.value);\n if (!zipcodeVal) {\n this.setState({\n ...this.state,\n onZipCodeErrorText: \"Enter correct Zip Code\",\n isValid: false,\n });\n } else {\n this.setState({\n ...this.state,\n onZipCodeErrorText: \"\",\n zipCode: event.target.value,\n isValid: true,\n });\n }\n } else {\n this.setState({\n ...this.state,\n onZipCodeErrorText: \"\",\n zipCode: event.target.value,\n isValid: true,\n });\n }\n };\n\n handleSubmit = () => {\n this.setState({\n isDisabled: false,\n editable: true,\n disbledntn: true,\n disbleeditbtn: false,\n });\n };\n handleSubmit1 = () => {\n this.setState({\n isDisabled1: false,\n editable1: true,\n disbledntn1: true,\n disbleeditbtn1: false,\n });\n };\n validateInput1() {\n // let onAddressLine2ErrorText = '';\n // let onGenderErrorText = '';\n let onBankNameErrorText = \"\";\n let onAccountNumberErrorText = \"\";\n let onAccountNameErrorText = \"\";\n let onAchRoutingErrorText = \"\";\n let onWireRoutingErrorText = \"\";\n let onSwiftCodeErrorText = \"\";\n let onUploadPicErrorText = \"\";\n let ontaxIdErrorText = \"\";\n\n let isValid = true;\n\n // if (this.state.tax_id === null) {\n // ontaxIdErrorText = 'Enter Correct Tax Id';\n // isValid = false;\n // }\n if (this.state.bankName === null) {\n onBankNameErrorText = \"Enter Bank Name\";\n isValid = false;\n }\n if (this.state.accountNumber === null) {\n onAccountNumberErrorText = \"Enter Account Number\";\n isValid = false;\n }\n if (this.state.accountName === null) {\n onAccountNameErrorText = \"Enter Account Name\";\n isValid = false;\n }\n if (this.state.achRouting === null) {\n onAchRoutingErrorText = \"Enter ACH Routing\";\n isValid = false;\n }\n if (this.state.wireRouting === null) {\n onWireRoutingErrorText = \"Enter Wire Routing\";\n isValid = false;\n }\n if (this.state.swiftCode === null) {\n onSwiftCodeErrorText = \"Enter Swift Code\";\n isValid = false;\n }\n this.setState({\n ...this.state,\n onBankNameErrorText,\n onAccountNumberErrorText,\n onAccountNameErrorText,\n onAchRoutingErrorText,\n onWireRoutingErrorText,\n onSwiftCodeErrorText,\n onUploadPicErrorText,\n ontaxIdErrorText,\n });\n return isValid;\n }\n\n validateInput() {\n let onAddressLine1ErrorText = \"\";\n // let onAddressLine2ErrorText = '';\n // let onGenderErrorText = '';\n let onAddressErrorText = \"\";\n let onBusinessNameErrorText = \"\";\n let onFirstNameErrorText = \"\";\n let onEmailIdErrorText = \"\";\n let onPhoneNumberErrorText = \"\";\n let onCountryErrorText = \"\";\n let onCityErrorText = \"\";\n let onStateErrorText = \"\";\n let onZipCodeErrorText = \"\";\n let onLastNameErrorText = \"\";\n let onCountryCodeErrorText = \"\";\n let onUploadPicErrorText = \"\";\n\n let isValid = true;\n if (this.state.uploadLogo === \"\") {\n onUploadPicErrorText = \"Please Upload Pic\";\n isValid = false;\n }\n if (this.state.firstName === null) {\n onFirstNameErrorText = \"Enter Correct Full Name\";\n isValid = false;\n }\n // if (this.state.gender === null) {\n // onGenderErrorText = 'Select Gender';\n // isValid = false;\n // }\n // if (this.state.businessName == null) {\n // onBusinessNameErrorText = 'Enter Correct Business Name';\n // isValid = false;\n // }\n if (this.state.phoneNumber === null || this.state.phoneNumber.length <= 9) {\n onPhoneNumberErrorText = \"Enter Correct Phone Number\";\n isValid = false;\n }\n // if (this.state.countryCode === null) {\n // onCountryCodeErrorText = 'Enter Correct Country Code';\n // isValid = false;\n // }\n\n // if (this.state.country === null) {\n // onCountryErrorText = 'Please Select Country';\n // isValid = false;\n // }\n // if (this.state.addressLine1 === null) {\n // onAddressLine1ErrorText = 'Please Enter Address';\n // isValid = false;\n // }\n // if (this.state.addressLine2 === null) {\n // onAddressLine2ErrorText = 'Please Enter Address';\n // isValid = false;\n // }\n // if (this.state.city === null) {\n // onCityErrorText = 'Enter Correct City';\n // isValid = false;\n // }\n // if (this.state.state === null) {\n // onStateErrorText = 'Please Select State';\n // isValid = false;\n // }\n // if (this.state?.zipCode?.length < 5) {\n // onZipCodeErrorText = 'Enter Correct Zip Code';\n // isValid = false;\n // }\n if (this.state.lastName === null) {\n onLastNameErrorText = \"Enter Last Name\";\n isValid = false;\n }\n if (this.state.emailId === null) {\n onEmailIdErrorText = \"Enter E-mail\";\n isValid = false;\n }\n\n this.setState({\n ...this.state,\n onBusinessNameErrorText,\n // onGenderErrorText,\n onAddressLine1ErrorText,\n // onAddressLine2ErrorText,\n onFirstNameErrorText,\n onLastNameErrorText,\n onEmailIdErrorText,\n onPhoneNumberErrorText,\n onAddressErrorText,\n onCountryErrorText,\n onCityErrorText,\n onStateErrorText,\n onZipCodeErrorText,\n onCountryCodeErrorText,\n onUploadPicErrorText,\n });\n return isValid;\n }\n updatepackage() {\n this.props.history.push(\"/dealersubscribtions\");\n // history.push(\"/dealersubscribtions\")\n // window.location.href = \"/dealersubscribtions/\"\n }\n submitForm1(event) {\n if (this.validateInput1()) {\n const userDetails = window.sessionStorage.getItem(\"userDetails\")\n ? JSON.parse(window.sessionStorage.getItem(\"userDetails\"))\n : null;\n // const accountId = JSON.stringify(userDetails).accountId;\n // let qs = require('qs');\n let data1 = {\n businessname: this.state.businessName,\n accountnumber: this.state.accountNumber,\n accountname: this.state.accountName,\n ach_routing: this.state.achRouting,\n wire_routing: this.state.wireRouting,\n swiftcode: this.state.swiftCode,\n bankname: this.state.bankName,\n accountid: this.state.accountbusinessId ? this.state.accountbusinessId :userDetails?.accountId,\n tax_id: this.state.tax_id,\n state: this.state.statename,\n country: this.state.country,\n addressline1: this.state.addressLine1,\n addressline2: this.state.addressLine2,\n city: this.state.city,\n zip: this.state.zipCode,\n };\n if (!data1.addressline1) {\n delete data1.addressline1;\n }\n if (!data1.addressline2) {\n delete data1.addressline2;\n }\n if (!data1.city) {\n delete data1.city;\n }\n if (!data1.zipCode) {\n delete data1.zipCode;\n }\n let fd = new FormData();\n if (this.state.files) {\n fd.set(\"files\", this.state.files);\n } else if (this.state.uploadLogo) {\n fd.set(\"logo_url\", this.state.uploadLogo);\n }\n for (const key in data1) {\n fd.set(key, data1[key]);\n }\n getBusinessInfo(fd, (error, res) => {\n this.setState({\n disbledntn1: false,\n disbleeditbtn1: true,\n editable1: false,\n isDisabled1: true,\n });\n });\n }\n }\n\n submitForm(event) {\n if (this.validateInput()) {\n // let qs = require('qs');\n let data = {\n first_name: this.state.firstName,\n last_name: this.state.lastName,\n business_name: this.state.businessName,\n // \"state\": this.state.statename,\n // \"country\": this.state.country,\n // \"address_line1\": this.state.addressLine1,\n // \"address_line2\": this.state.addressLine2,\n // \"city\": this.state.city,\n // \"zip\": this.state.zipCode,\n gender: this.state.gender,\n country_code: this.state.countryCode,\n phone: this.state.phoneNumber,\n email: this.state.emailId,\n // \"tax_id\": this.state.tax_id\n };\n\n let fd = new FormData();\n fd.set(\"files\", this.state.files);\n for (const key in data) {\n fd.set(key, data[key]);\n }\n addProfileData(fd, (error, res) => {\n this.setState({\n disbledntn: false,\n disbleeditbtn: true,\n editable: false,\n isDisabled: true,\n });\n });\n }\n }\n\n uploadLogo = (e) => {\n const target = e.target;\n const imageFile = target.files[0];\n this.setState({ onUploadLogoErrorText: \"\", isLogoValid: true });\n if (!imageFile?.name?.match(/\\.(jpg|JPG|png|PNG|jpeg|JPEG)$/)) {\n this.setState({\n onUploadLogoErrorText:\n \"Please select only jpg,png or jpeg format images\",\n isLogoValid: false,\n });\n return false;\n } else {\n e.preventDefault();\n let files;\n if (e.dataTransfer) {\n files = e.dataTransfer.files;\n } else if (e.target) {\n files = e.target.files;\n }\n const reader = new FileReader();\n reader.onload = () => {\n this.setState({ src: reader.result, uploadLogo: reader.result });\n };\n reader.readAsDataURL(files[0]);\n }\n };\n\n renderProfileDetails() {\n // const futureDate = addDays(new Date(), 30); // Add 30 days to current date\n // const futureDateString = format(futureDate, ' d,MMMM, yyyy'); // Format future date as string\n\n const userDetails = JSON.parse(window.sessionStorage.getItem(\"userDetails\"));\n // const UserId = JSON.parse(userDetails).userId;\n const CountryList = this.props.countryListInfo.data;\n const userInfoData = this.props.userInfo.data;\n const activePackageData = this.props.activePackagesListInfo;\n let convertedState,\n convertedCountry = \"\";\n convertedState =\n this.state.statename &&\n this.state.statesListData &&\n this.state.statesListData.find((item) => {\n return item.id === Number(this.state.statename);\n });\n convertedCountry =\n this.state.countryListData &&\n this.state.countryListData.find((item) => {\n return item.id === Number(this.state.country);\n });\n const address =\n (this.state.addressLine1 ? this.state.addressLine1 + \", \" : \"\") +\n (convertedState ? convertedState.name + \", \" : \"\") +\n (convertedCountry ? convertedCountry.name + \", \" : \"\") +\n (this.state.zipCode ? this.state.zipCode : \"\");\n\n return (\n \n
\n ) : (\n \n \n \n \n \n \n \n \n \n {this.state.phoneNumber}\n \n \n
\n \n \n \n My Profile\n \n
\n\n \n \n {this.state.profilePicErrorText}\n \n
\n \n \n \n \n {this.state.userId\n ? this.state.firstName + \" \" + this.state.lastName\n : \"LOGIN\"}\n \n \n {/* Joined 2nd Nov 2020 */}\n
\n \n
\n \n - \n
- \n
\n \n\n \n\n
\n \n {this.state.emailId}\n \n
\n\n \n \n \n \n \n \n \n \n \n
*/}\n \n {address}\n
\n \n \n \n
\n \n \n \n \n \n {/* \n \n\n \n \n \n {/* \n \n \n */}\n \n {/* \n \n \n */}\n
\n \n \n MY MEMBERSHIP\n \n
\n \n \n
*/}\n \n \n \n {\" \"}\n {activePackageData &&\n activePackageData.membertiername\n ? activePackageData.membertiername\n : \"You are using Free Plan\"}\n \n \n
\n \n $ {activePackageData && activePackageData.price ? activePackageData.price : '00'}/Month \n
\n \n \n {activePackageData && activePackageData.shortdesc ? activePackageData.shortdesc : 'Up to 10 Searches per month'}\n\n \n
\n \n\n
\n \n BUSINESS INFORMATION\n \n {isActionAllowed(\n this.state.accessData,\n \"edit_business_info\"\n ) &&\n (this.state.disbleeditbtn1 ? (\n \n EDIT\n \n ) : (\n \"\"\n ))}\n {this.state.accountDisabled && [3,6].includes(userDetails?.roleId) &&\n }\n
\n \n \n {!this.state.isDisabled1 && (\n \n this.uploadLogo(e)}\n />\n
\n \n \n \n {this.state.disbledntn1 ? (\n \n Update\n \n ) : (\n \"\"\n )}\n
\n \n
\n \n PROFILE INFORMATION\n \n {this.state.disbleeditbtn ? (\n \n EDIT\n \n ) : (\n \"\"\n )}\n
\n\n \n {/* {(user)} */}\n \n \n \n \n \n {this.state.onFirstNameErrorText}\n \n \n \n\n \n \n \n \n {this.state.onLastNameErrorText}\n \n \n \n\n \n \n \n \n {this.state.onCountryCodeErrorText}\n \n \n \n\n \n \n \n \n {this.state.onPhoneNumberErrorText}\n \n \n \n \n \n \n \n {this.state.onEmailIdErrorText}\n \n \n \n {/* \n \n \n \n {this.state.onGenderErrorText} \n \n */}\n\n \n \n \n \n
\n \n \n {this.state.disbledntn ? (\n \n Update\n \n ) : (\n \"\"\n )}\n
\n \n \n
\n );\n }\n}\n\nfunction mapStateToProps({ InventoryList, dealer, auth }) {\n return {\n countryListInfo: InventoryList.countryList,\n userInfo: InventoryList.userInfo,\n accountdetails: InventoryList.accountdetails,\n activePackagesListInfo: dealer.activePackagesListInfo,\n currentUser: auth.currentUser,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n countriesList,\n getuser,\n getaccountdetails,\n activePackageList,\n getBusinessInfo,\n },\n dispatch\n );\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ProfileComponent);","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAPCAYAAADgbT9oAAAABHNCSVQICAgIfAhkiAAAAaRJREFUOE+tlM1tGzEQhd+DyHPUge0KonRAQ8uz00F2K7DUwaaCbCqQXYHlMyl4VYHlDpwO7DMJTDAON1j5B7Bg87Yg+c3Me49L7/0FgB/43NWwqqo1ybPP5IrIkgqcz+ffSXYkjz5YYAtgEULYUaVIKS0UaK1tAZwfCheRRwBtjLFzzh1baxcKFgA7AI1W8t7PAKjuX99TQESuc8513/cPZfIVybsBDBF5ILkMISgUVVXpFC3JL68VEJE/AOoYY6/73vtuNO32P3i4LCJdjHGp3zqWMUa13zNXRH7mnDvt0jk3NcZckXSjBl6Cy+YuhPBtODgy934wZ1T4luT02VRvgpuU0noymbjNZrMukKl2OAC897XK9sY7eBX8O6XUWmtvAMxEZJ1zXvZ9r92q9o7kL91Tk0MIjfdezR+b/QJ8GUKonz+aYmwrIsckn6I58uRJb2utmjjA98B3KSVnrVV3D33ijUZWRPqSon9gjU7OeWaMqcuY74nw3hkROSWpHtwC2Oq/QvOrUVHNVgcTy4Ui12nh1NqxAnVppQ8theecTwBM/wJs1dlQeWNBBQAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAABHNCSVQICAgIfAhkiAAAAVxJREFUOE+dlMFRwzAQRf8ecoYOgAoIFaDMWOckFUAHhA6gA6gA6CA5a2dQOnAJKcGc7XiZ9UiMEsfB9l6ssVfPf7V/RQiRZdkLgCciKsqynHnvd/Fb3ydporX2E8BD3CQiz8z81hcS88ha+wjg42hj7py7GwPLAdwebyzL8mZoqapMTikYU2onDMCXc06PoHco7KBMEfkBsGBm35sSElsNEJFXZlabDI7GGlmW7YjoStcismbm5WASgAgzRPSd+Gw2qsxkAtZENA/qiqqq1BrFEIWNMg1jzOVkMtFDj57Lw1j1Bv7BwlhNRcQT0UX4RwtordUcrSBn5k2q/AB2BriM05BaSURUtdem7ff7TQt2Chg26eBPiWjRMTH+JCwCAeht0prbjqZsO2FJU5p77r+u1nW9PAtLbKM+VOh9B/TdObfqBUuhAFbRj+H91jlndD0IlqoyxlwDKFJj/wI+x7MYD5zk2QAAAABJRU5ErkJggg==\"","import * as React from \"react\";\nimport Dialog from \"@mui/material/Dialog\";\nimport DialogContent from \"@mui/material/DialogContent\";\nimport DialogContentText from \"@mui/material/DialogContentText\";\nimport DialogTitle from \"@mui/material/DialogTitle\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport Button from \"@mui/material/Button\";\nimport CloseIcon from \"@material-ui/icons/Close\";\nimport Table from \"@mui/material/Table\";\nimport TableBody from \"@mui/material/TableBody\";\nimport TableCell, { tableCellClasses } from \"@mui/material/TableCell\";\nimport TableContainer from \"@mui/material/TableContainer\";\nimport TableHead from \"@mui/material/TableHead\";\nimport { styled } from \"@mui/material/styles\";\nimport TableRow from \"@mui/material/TableRow\";\nimport { Typography } from \"@material-ui/core\";\nimport { useEffect } from \"react\";\nimport { useState } from \"react\";\nimport ReactToPrint from \"react-to-print\";\nimport PrintIcon from \"@mui/icons-material/LocalPrintshopOutlined\";\nimport { formatDate } from \"../../../../common/components/Helper/Utils\";\n\nconst columns = [\n { id: \"index\", label: \"Serial No\", minWidth: 100 },\n { id: \"createdon\", label: \"Date\", minWidth: 100 },\n {\n id: \"amount\",\n label: \"Payment Amount ($)\",\n minWidth: 100,\n },\n {\n id: \"paymentmethod\",\n label: \"Payment Method\",\n minWidth: 100,\n },\n {\n id: \"paymentmethod_details\",\n label: \"Payment Details\",\n minWidth: 100,\n },\n {\n id: \"adjust_notes\",\n label: \"Adjustment Notes\",\n minWidth: 100,\n },\n];\n\nconst StyledTableRow = styled(TableRow)(({ theme }) => ({\n \"&:nth-of-type(odd)\": {\n backgroundColor: theme.palette.action.hover,\n },\n // hide last border\n \"&:last-child td, &:last-child th\": {\n border: 0,\n },\n}));\n\nconst StyledTableCell = styled(TableCell)(({ theme }) => ({\n [`&.${tableCellClasses.head}`]: {\n backgroundColor: theme.palette.common.black,\n color: theme.palette.common.white,\n },\n [`&.${tableCellClasses.body}`]: {\n fontSize: 14,\n },\n}));\n\nexport default function InvoiceModal(props) {\n const { open, handleClose, invoice, getPaymentHistory } = props;\n const [rows, setRow] = useState([]);\n\n useEffect(() => {\n if (invoice && invoice.id) {\n getPaymentHistory({ invoiceId: invoice?.id }, (error, res) => {\n getPaymentHistory({ invoiceId: invoice?.id }, (error, res) => {\n if (res?.data) {\n const response = res.data;\n const adjustedPaymentIndex = response.findIndex(item => item.paymentmethod === \"Adjust\");\n\n if (adjustedPaymentIndex !== -1) {\n const adjustedPayment = response[adjustedPaymentIndex];\n const filteredPayments = response.filter(item => item.paymentmethod !== \"Adjust\");\n filteredPayments.splice(adjustedPaymentIndex, 0, adjustedPayment);\n setRow(filteredPayments);\n } else {\n setRow(response);\n }\n }\n });\n\n });\n }\n }, [invoice, getPaymentHistory]);\n\n const handleAfterPrint = React.useCallback(() => {\n }, []);\n\n const handleOnBeforeGetContent = React.useCallback(() => {\n return Promise.resolve();\n }, []);\n\n const handleBeforePrint = React.useCallback(() => {\n }, []);\n\n return (\n \n \n \n \n \n
\n \n \n (\n
\n \n \n Payment History\n {\n handleClose();\n }}\n style={{ float: \"right\" }}\n className=\"noprint\"\n >\n \n
\n \n
\n {/* \n \n Name: {invoice?.contactname || \"-\"}{\" \"}\n \n
\n \n \n Invoice ID: {invoice?.id || \"-\"}{\" \"}\n \n
\n \n \n Payment status: {invoice?.paymentstatus || \"-\"}{\" \"}\n \n
\n \n \n \n
*/}\n \n
\n \n \n Invoice Amount: {invoice?.totalprice || \"-\"}\n \n
\n \n \n Balance: {invoice?.remainingbalance || \"-\"}\n \n
\n \n \n \n Invoice Preview - {(invoiceid?.invoicetype === 'Memo Invoice' || invoiceid?.memoid) ? 'MO' : ''}{String(invoiceID).padStart(3, '0')}\n \n \n \n \n {loading === true ? (\n \n ) : (\n \n \n
\n );\n}\n","import * as React from \"react\";\nimport Dialog from \"@mui/material/Dialog\";\nimport DialogContent from \"@mui/material/DialogContent\";\nimport DialogTitle from \"@mui/material/DialogTitle\";\nimport IconButton from '@material-ui/core/IconButton';\nimport CloseIcon from '@material-ui/icons/Close';\nimport TextField from '@mui/material/TextField';\nimport { Button, DialogActions, FormControl, FormHelperText } from \"@material-ui/core\";\nimport {\n voidInventoryUpdate\n} from \"./../../dashboard/actions/dashboardAction\";\nimport { trim } from \"lodash\";\nimport { toast } from \"react-toastify\";\n\nexport default function VoidInventory(props) {\n\n const { open, handleClose, inventory, updateInventoryDetails } = props;\n const [reason, setReason] = React.useState('');\n const [errorText, setErrorText] = React.useState('')\n const validateReason = () => {\n if (reason.length >= 1000) {\n setErrorText('Reason cannot exceed 1000 characters.');\n return;\n }\n if (trim(reason) !== '') {\n updateInventoryDetails(reason)\n }\n else {\n setErrorText('Void reason should not be blank.')\n }\n }\n return (\n \n
\n ) : (\n <>\n {pdfData ? (\n \n \n {Error}\n \n
\n )}\n \n )}\n Are you sure you want to Void the inventory?
\n Are you sure you want to change the status
\n \n \n \n {row.sold !== 1 && row.memoid && row?.inventory_status == 3 ? (\n \n ) : (\n row.status === \"Active\" && row.sold !== 1 && (\n \n )\n )}\n {row.sold === 1 && row.status !== \"Void\" && (\n <>\n {row.invoiceid && (\n \n )}\n {row.memoid && (\n \n )}\n {!row.invoiceid && !row.memoid && (\n \n )}\n \n )}\n\n \n {\n viewInvoiceModal && (\n
\n );\n};\n\nconst CustomizedUploadMenus = ({ downloadInventory, history }) => {\n const [anchorEl, setAnchorEl] = React.useState(null);\n const open = Boolean(anchorEl);\n const handleClick = (event) => {\n setAnchorEl(event.currentTarget);\n };\n const handleClose = (data) => {\n setAnchorEl(null);\n if (data) {\n downloadInventory(data)\n }\n };\n const bulUploadStandaWatch = () => {\n history.push({\n pathname: \"/bulk-upload\",\n });\n }\n const bulUploadMiscBucket = () => {\n history.push({\n pathname: \"/misc-bucket-bulk-upload\",\n });\n }\n const bulUploadMiscProduct = () => {\n history.push({\n pathname: \"/misc-product-bulk-upload\",\n });\n }\n return (\n <>\n \n \n \n \n {/* */}\n \n \n \n \n \n {!isActionAllowed(this.state.accessData, 'download_inventory') &&\n 0 && this.props?.InventoryList?.data[0]?.dealerpublish ? 2 : 4} style={{ margin: \"auto\" }}>\n this.setState({ filterEnable: !this.state.filterEnable })}\n className={\n \"text-capitalize primary-bg color-white background\"\n }\n style={{ float: \"right\" }}\n endIcon={this.state.filterEnable ? \n {this.props?.InventoryList?.data?.length > 0 && this.props?.InventoryList?.data[0]?.dealerpublish ?\n \n this.copyToClipboard()}\n className={\n \"text-capitalize primary-bg color-white\"\n }\n style={{ float: \"right\" }}\n // endIcon={ \n : null}\n {isActionAllowed(this.state.accessData, 'download_inventory') && (\n <>\n \n \n \n \n \n )}\n \n \n \n \n Sold / Unsold\n \n \n \n \n \n \n \n \n {/* \n {\" \"}\n {this.state.soldStatus === \"1\" ? \"Sold\" : \"\"}{\" \"}\n {this.state.soldStatus === \"0\" ? \"Unsold\" : \" \"}{\" \"}\n */}\n \n \n \n \n \n Paid Status\n \n \n \n \n \n \n \n {/* \n {\" \"}\n {this.state.soldStatus === \"1\" ? \"Sold\" : \"\"}{\" \"}\n {this.state.soldStatus === \"0\" ? \"Unsold\" : \" \"}{\" \"}\n */}\n \n \n \n \n \n Brand\n \n \n \n {brandInfo &&\n brandInfo.map((row) => (\n \n ))}\n \n {/* \n {this.state.modledata\n ? this.state.modledata\n : this.state.removedbrndname}{\" \"}\n */}\n \n \n \n \n \n \n Bulk Upload Id\n \n \n \n {inventoryXlIdInfo &&\n inventoryXlIdInfo.map((row) => (\n \n {row?.inventoryxl_name ? row.inventoryxl_name.replace(\"-\", \" (\") + \")\" : \"\"}\n {/* {row?.inventoryxl_name} */}\n \n ))}\n \n {/* {this.state.inventoryxlid ? this.state.inventoryxlid : this.state.removeBulkUploadId} */}\n \n \n \n {\n e.preventDefault();\n this.SearchInventoryWatchesdetails();\n }}\n >\n \n \n {\n e.preventDefault();\n this.SearchInventoryWatchesdetails();\n }}\n >\n \n {/* \n \n\n SALE STATUS \n \n */}\n {this.state.filterEnable &&\n (\n <>\n \n \n \n \n Type\n \n {\n if (e.target.value !== 'misc_product') {\n this.setState({ type: e.target.value, InventoryCategory: \"\" });\n } else {\n this.setState({ type: e.target.value });\n }\n setTimeout(() => {\n this.SearchInventoryWatchesdetails();\n }, 1000);\n }\n }\n label=\"Brand\"\n value={this.state.type}\n >\n \n \n \n \n \n \n \n {/* \n {this.state.type}\n */}\n \n\n \n \n \n \n Category\n \n {\n this.setState({ InventoryCategory: e.target.value });\n setTimeout(() => {\n this.SearchInventoryWatchesdetails();\n }, 1000);\n }}\n >\n \n \n \n \n \n \n {/* */}\n \n \n \n \n \n \n \n \n \n \n \n \n Inventory Status\n \n {\n this.setState({ InventoryStatus: e.target.value });\n setTimeout(() => {\n this.SearchInventoryWatchesdetails();\n }, 1000);\n }}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Inventory Type\n \n {\n this.setState({ InventoryType: e.target.value });\n setTimeout(() => {\n this.SearchInventoryWatchesdetails();\n }, 1000);\n }}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n Inventory Age\n \n \n {\n this.inventoryPurchaseDateInterval(value);\n }}\n onMouseUp={(event) => {\n setTimeout(() => {\n this.SearchInventoryWatchesdetails();\n }, 1000);\n }}\n className=\"MuiOutlinedInput\"\n ariaLabelledBy=\"non-linear-slider\"\n />\n \n (Ex: 15 days, Purchase date is greater than or equal\n to 15 days )\n \n \n \n \n \n \n \n End User Target Price\n \n \n {/* \n {\" \"}\n {2}\n */}\n\n {\n this.inventoryPriceRangeInterval(value);\n }}\n onMouseUp={(event) => {\n setTimeout(() => {\n this.SearchInventoryWatchesdetails();\n }, 1000);\n }}\n // classes={{valueLabelLabel}}\n //className=\"MuiOutlinedInput\"\n ariaLabelledBy=\"non-linear-slider\"\n />\n \n \n \n \n \n \n \n Image Type\n \n {\n this.setState({ productImage: e.target.value });\n setTimeout(() => {\n this.SearchInventoryWatchesdetails();\n }, 1000);\n }}\n >\n \n \n \n \n \n \n \n \n \n (\n \n \n )}\n getOptionLabel={(option) => (option?.value ? option.value : \"\")}\n getOptionSelected={(option, value) => option?.id === value?.id}\n value={\n this.state.contactType.map((id) =>\n ContactTypeOptions.find((option) => option.id === id)\n ) || []\n }\n onChange={this.handleAutoComplete}\n renderInput={(params) => (\n \n \n \n \n {\n e.preventDefault();\n this.SearchInventoryWatchesdetails();\n }}\n >\n \n \n \n \n option?.locations || \"\"}\n value={this.state.locationSearch}\n onChange={(event, newValue) => this.handleLocationSearch(newValue)}\n renderInput={(params) => (\n \n \n \n )}\n {this.state.loaded ?\n <>\n \n \n # of Items : \n {noOfItemsInventory ?? 0} \n \n \n \n {(userData?.roleId == \"2\" || userData?.roleId == \"3\" || userData?.roleId == \"6\") ?\n \n Total Cost : \n $ {totalCostforInventory?.toLocaleString('en-US') ?? 0} \n \n : null}\n \n \n : null}\n\n {inventoryList && inventoryList.length > 0 && this.state.loaded &&\n (userData?.roleId == 2 || userData?.roleId == 3 || userData?.roleId == 6\n ) && soldStatus === \"0\" && (\n <>\n \n this.handleSelectAllChange(e, inventoryList)} />\n Select All {`(# Items selected : ${(selectAll ? noOfItemsInventory : selectedItems.length) ?? 0})`} \n \n {selectedItems && selectedItems.length > 0 &&\n \n {this.props?.InventoryList?.data?.length > 0 && soldStatus === \"0\" && userData?.accountName &&\n (\n { this.setState({ openShareModal: true }) }}\n >\n { this.setState({ openDeleteModal: true }) }}\n >\n Delete\n \n {/* { this.setState({ openDeleteModal: true, isDeleteAll: true }) }}\n >\n Master Delete\n */}\n \n }\n \n )}\n \n
\n {!this.state.loaded ? (\n this.fetchMoreData(inventoryList)}\n hasMore={this.state.noItemFound ? false : true}\n loader={inventoryList.length > 0 ?\n \n {this.state.inventoryData &&\n this.state.inventoryData.length > 0 &&\n this.state.inventoryxlid !== \"\" && (\n \n \n No Watches Added Here!\n \n \n ) : (\n \"\"\n )} */}\n {/* {inventoryList && inventoryList\n .slice(\n this.state.page * this.state.rowsPerPage,\n this.state.page * this.state.rowsPerPage +\n this.state.rowsPerPage\n ) */}\n {inventoryList && inventoryList.length > 0 && inventoryList.map((row) => {\n const imageSource = row?.imagepaths?.front || row?.imagepaths?.back || row?.imagepaths?.left || row?.imagepaths?.right\n || row?.imagepaths?.free_form || row?.imagepaths?.buckle_opened || row?.imagepaths?.buckle_closed\n || row?.imagepaths?.wrist_shot;\n const tooltipText = row.sold === 1\n ? `${this.state.soldText} ${row.sold_unsold_reason}`\n : `${this.state.unsoldText} ${row.sold_unsold_reason}`;\n const videoSource = row?.imagepaths?.video;\n return (\n this.handleMouseEnter(row.inventoryid) : null}\n onMouseLeave={(userData?.roleId == 2 || userData?.roleId == 3\n || userData?.roleId == 6) && soldStatus === \"0\"\n ? this.handleMouseLeave : null}\n >\n this.handleChangeOfInventoryDetailById(row.inventoryid)}\n >\n {/* {row.is_notsale && Not for Sale
} */}\n \n
\n MY INVENTORY
\n\n \n
\n \n \n \n {\n // onSearchClick(e);\n // }}\n value={this.state.key}\n endAdornment={this.endAdornment()}\n />\n \n
\n \n \n\n
\n \n \n this.setState({ contactName: e.target.value })}\n onKeyPress={this.handleEnterEvent}\n value={this.state.contactName}\n endAdornment={this.contactNameAdornment()}\n />\n \n
\n \n \n {!this.state.loaded ? (\n
\n
\n ) :\n \n
: null\n }\n // endMessage={\n // \n
\n Loading....
\n\n // Yay! You have seen it all\n //
\n // }\n >\n {/* {this.state.loaded && ( */}\n\n \n (\n \n {rowData.filePath}\n \n ),\n },\n ]}\n />\n \n
\n )}\n {/* {inventoryList &&\n inventoryList.length === 0 &&\n !this.state.loaded ? (\n \n {row?.manufactureprice && row?.manufactureprice != \"0.00\" ?\n <>\n Manufacturer \n List Price: \n $ {row?.manufactureprice} \n \n : <>\n Manufacturer \n List Price: \n Not Available \n }\n
\n )}\n \n \n \n {/* \n \n this.handleChangeOfInventoryDetailById(\n row.inventoryid\n )\n }\n >\n \n {row?.inventory_title}\n \n
\n \n )}\n\n {this.state.setting && this.state.setting.reference && (\n <>\n
\n \n )}\n\n {this.state.setting && this.state.setting.dialcolor && (\n <>\n
\n \n )}\n\n {this.state.setting && this.state.setting.box && (\n <>\n
\n \n )}\n\n {this.state.setting && this.state.setting.warranty && (\n <>\n
\n
\n \n )}\n {this.state.setting && this.state.setting.condition && (<>\n
\n )}\n\n {/* {row.targetwholesaleprice && (\n <>\n
\n \n )} */}\n\n {this.state.setting && this.state.setting.inventorystatus && (<>\n
\n )}\n {this.state.setting && this.state.setting.locations && (<>\n
\n )}\n\n\n <>\n
\n \n {this.state.setting && this.state.setting.wholesaleprice && (<>\n <>\n
\n\n )}\n {this.state.setting && this.state.setting.enccustomerprice && (\n <>\n
\n \n )}\n {this.state.setting && this.state.setting.tagprice && (\n <>\n
\n )}\n\n {this.state.setting && this.state.setting.purchase_payment_status && (\n <>\n
\n {\n row?.purchase_invoice_paid ? 'Paid' : 'Not Paid'\n // \n\n }\n
\n\n \n )}\n {row?.purchase_invoice_paid ?\n (this.state.setting.purchase_payment_date ?\n <>\n
\n : null) :\n\n (this.state.setting.purchase_payment_date ?\n\n <>\n
\n : null)}\n {this.state.setting && this.state.setting.purchase_payment_details && (\n\n <>\n
\n )}\n {this.state.setting && this.state.setting.totalcost && (\n <>\n
\n \n )}\n \n )}\n {row.type === 'misc_product' && (\n <>\n {this.state.setting && this.state.setting.productname && (<>\n
\n )}\n {this.state.setting && this.state.setting.brandname && (<>\n
\n )}\n {this.state.setting && this.state.setting.reference && (\n <>\n
\n \n )}\n {this.state.setting && this.state.setting.category && (\n <>\n
\n \n )}\n {this.state.setting && this.state.setting.condition && (\n <>\n
\n \n )}\n {/* {row.targetwholesaleprice && (\n <>\n
\n \n )} */}\n {this.state.setting && this.state.setting.inventorystatus && (\n <>\n
\n \n )}\n <>\n {this.state.setting && this.state.setting.locations && (<>\n
\n )}\n
\n \n {this.state.setting && this.state.setting.locations && (<>\n
\n )}\n {this.state.setting && this.state.setting.wholesaleprice && (\n <>\n
\n \n )}\n {this.state.setting && this.state.setting.enccustomerprice && (\n <>\n
\n \n )}\n {this.state.setting && this.state.setting.tagprice && (\n <>\n
\n )}\n\n {this.state.setting && this.state.setting.purchase_payment_status && (\n\n <>\n
\n )}\n {row?.purchase_invoice_paid ?\n (this.state.setting.purchase_payment_date ?\n\n <>\n
\n : null) :\n (this.state.setting.purchase_payment_duedate ?\n\n <>\n\n
\n : null)}\n {this.state.setting && this.state.setting.purchase_payment_details && (\n\n <>\n
\n )}\n {this.state.setting && this.state.setting.totalcost && (\n <>\n
\n \n )}\n \n\n )}\n \n
\n 
\n
*/}\n // \n // \n // \n */}\n {/* \n \n
*/}\n\n \n {/* 
*/}\n {/*
\n \n \n
*/}\n {/* Are you sure you want to Delete?
\n \n \n OTP Verification Code\n \n
*/}\n \n \n Please Check your Email for a message with your code. Your Code is 6 digits long.\n \n
\n \n\n {this.state.showing\n ?\n \n Resend OTP \n
\n : Didn't receive the code? Request New Code in {this.state.twoMinutes}\n
\n }\n \n Are you sure you want to Share the selected item(s)?
\n \n \n \n {row.status === \"Active\" && row.sold !== 1 && (\n {\n voidInvoice(row);\n }}\n >\n Void Inventory\n \n )}\n {row.sold === 1 &&\n (row.invoiceid ? (\n {\n viewInvoice(row);\n }}\n >\n View Invoice\n \n ) : (\n\n\n \n\n\n ))}\n\n \n {viewInvoiceModal && (\n
\n );\n};\n\nconst CustomizedUploadMenus = ({ downloadInventory, history }) => {\n const [anchorEl, setAnchorEl] = React.useState(null);\n const open = Boolean(anchorEl);\n const handleClick = (event) => {\n setAnchorEl(event.currentTarget);\n };\n const handleClose = (data) => {\n setAnchorEl(null);\n if (data) {\n downloadInventory(data)\n }\n };\n const bulUploadStandaWatch = () => {\n history.push({\n pathname: \"/bulk-upload\",\n });\n }\n const bulUploadMiscBucket = () => {\n history.push({\n pathname: \"/misc-bucket-bulk-upload\",\n });\n }\n\n return (\n \n \n \n {/* */}\n \n
\n );\n}\nconst CustomizedMenus = ({ downloadInventory }) => {\n const [anchorEl, setAnchorEl] = React.useState(null);\n const open = Boolean(anchorEl);\n const handleClick = (event) => {\n setAnchorEl(event.currentTarget);\n };\n const handleClose = (data) => {\n setAnchorEl(null);\n if (data) {\n downloadInventory(data)\n }\n };\n\n return (\n \n \n \n \n \n
\n );\n};\nconst Loader = require(\"react-loader\");\nconst followersMarks1 = [\n {\n value: \"0\",\n scaledValue: 0,\n label: \"ALL\",\n },\n {\n value: \"Unknown\",\n scaledValue: 1,\n label: \"UNKNOWN\",\n },\n {\n value: 30,\n scaledValue: 2,\n label: \"30 d\",\n },\n {\n value: 60,\n scaledValue: 3,\n label: \"60 d\",\n },\n {\n value: 90,\n scaledValue: 4,\n label: \"90 d\",\n },\n {\n value: 120,\n scaledValue: 6,\n label: \"120 d\",\n },\n {\n value: 150,\n scaledValue: 8,\n label: \"150 d\",\n },\n {\n value: 180,\n scaledValue: 9,\n label: \"180 d\",\n },\n];\nclass DealerInventoryComponent extends Component {\n constructor(props) {\n super(props);\n this.state = {\n render: false,\n searchEnabled: false,\n inventoryid: \"\",\n productid: \"\",\n purchaseprice: \"\",\n // purchasedate: \"\",\n modledata: \"\",\n purchasefrom: \"\",\n CaseSize: \"\",\n CaseMaterial: \"\",\n BandMaterial: \"\",\n disable: \"\",\n selectedProduct: { productId: \"\" },\n sold: true,\n avail: false,\n soldbtn: false,\n BrandName: \"\",\n brand_id: \"\",\n brand_description: \"\",\n InventoryType: \"\",\n InventoryStatus: '',\n key: \"\",\n data: [],\n searchString: \"\",\n nonsearchstring: true,\n updatedInvenentryList: [],\n errorMessage: \"\",\n inventory_id: \"\",\n listed_on: \"all\",\n sold_status: \"\",\n loaded: false,\n UserId: \"\",\n purchasedate: 0,\n autocomplete: {\n currentInput: \"\",\n loading: false,\n data: [],\n },\n cursor: 0,\n inventoryData: [],\n\n selected: { product: null },\n copied: false,\n setCopied: false,\n soldStatus: \"0\",\n dataSoldUnsold: false,\n removedSoldUnsold: \"\",\n open: false,\n rowsPerPage: 10,\n page: 0,\n downloadloading: false,\n inventoryxlid: this.props?.match?.params?.bulkUploadId\n ? this.props?.match?.params?.bulkUploadId\n : \"\",\n anchorE2: null,\n openDropDown: false,\n inventoryStatus: \"ALL\",\n openE2: false,\n InventoryCategory: null,\n type: null,\n accessData: null,\n userData: sessionStorage.getItem(\"userDetails\") ? JSON.parse(sessionStorage.getItem(\"userDetails\")) : null,\n reasonChange: '',\n openReasonChange: false,\n rowDetails: '',\n soldText: 'Sold Reason:',\n unsoldText: 'Unsold Reason:'\n };\n\n this.changeRangeName = this.changeRangeName.bind(this);\n this.SearchInventoryWatchesdetails =\n this.SearchInventoryWatchesdetails.bind(this);\n this.handleChangeOfBrandByBrandName =\n this.handleChangeOfBrandByBrandName.bind(this);\n this.handleChangeOfInventoryDetailById =\n this.handleChangeOfInventoryDetailById.bind(this);\n this.autocomplete = this.autocomplete.bind(this);\n this.checkboxval = this.checkboxval.bind(this);\n this.removebrandname = this.removebrandname.bind(this);\n this.handleChangeOfSoldUnSold = this.handleChangeOfSoldUnSold.bind(this);\n this.removeSoldUnsold = this.removeSoldUnsold.bind(this);\n this.removeBulkUploadId = this.removeBulkUploadId.bind(this);\n this.removeInventoryType = this.removeInventoryType.bind(this);\n this.removeInventoryStatus = this.removeInventoryStatus.bind(this);\n this.handleChangeOfBulkUploadId =\n this.handleChangeOfBulkUploadId.bind(this);\n this.handleClose = this.handleClose.bind(this);\n this.downloadInventory = this.downloadInventory.bind(this);\n // this.createInvoice = this.createInvoice(this);\n this.inventoryPurchaseDateInterval =\n this.inventoryPurchaseDateInterval.bind(this);\n this.valueLabelFormat = this.valueLabelFormat.bind(this);\n this.showDropdownMenu = this.showDropdownMenu.bind(this);\n this.hideDropdownMenu = this.hideDropdownMenu.bind(this);\n this.handleChangeOfInventoryStatus =\n this.handleChangeOfInventoryStatus.bind(this);\n this.removetype = this.removetype.bind(this);\n this.removeInventoryCategory = this.removeInventoryCategory.bind(this);\n this.handleCloseOfReasonChange = this.handleCloseOfReasonChange.bind(this);\n this.handleSwitch = this.handleSwitch.bind(this);\n }\n componentWillMount() {\n const accessData = getComponentActionList('my_inventory')\n this.setState({ accessData: accessData })\n }\n\n componentDidMount() {\n // const userDetails = sessionStorage.getItem(\"userDetails\") ? JSON.parse(sessionStorage.getItem(\"userDetails\")) : null;\n // this.setState({userData: userDetails});\n\n if (this.props.history && this.props.history.location && this.props.history.location.state && this.props.location.state.inventoryCacheState) {\n this.setState({ ...this.props.location.state.inventoryCacheState });\n } else {\n\n this.setState({\n UserId:\n this.props && this.props.currentUser && this.props.currentUser.userId,\n });\n setTimeout(() => {\n this.setState({ loaded: true });\n }, 2000);\n\n const token = localStorage.getItem(\"token\");\n\n if (token) {\n if (this.props.currentUser) {\n // this.props.fetchInventoryWatches(this.state.UserId);\n }\n let PId = null;\n try {\n PId = this.props.match.params.productId;\n if (PId) {\n this.state.selectedProduct.productId = PId;\n this.setState({\n ...this.state,\n });\n this.props.fetchSearchBrowseWatches(PId);\n } else {\n this.props.fetchBrowseWatches();\n }\n } catch (error) {\n console.log(error);\n }\n this.props.brandList();\n this.checkboxval();\n } else {\n window.location.href = \"/login\";\n }\n }\n //this.props.inventoryDetailById( this.state.UserId);\n }\n showDropdownMenu(event) {\n event.preventDefault();\n this.setState({ openDropDown: true }, () => {\n document.addEventListener(\"click\", this.hideDropdownMenu);\n });\n }\n\n hideDropdownMenu() {\n this.setState({ openDropDown: false }, () => {\n document.removeEventListener(\"click\", this.hideDropdownMenu);\n });\n }\n handleClick(event, row) {\n // this.setState({anchorE2: event.currentTarget});\n }\n checkboxval(input) {\n const id = input?.id;\n const sold = input?.sold;\n if (\n this.props.InventoryList &&\n this.props.InventoryList.data &&\n this.props.InventoryList.data.length > 0 &&\n id\n ) {\n const inventoryList = this.props.InventoryList.data;\n const indexPosition = inventoryList.findIndex(singleInventory => {\n if (singleInventory.inventoryid === id) {\n return singleInventory\n }\n })\n if (indexPosition > -1) {\n if (sold === true) {\n this.props.InventoryList.data[indexPosition].sold = 1;\n } else {\n this.props.InventoryList.data[indexPosition].sold = 0;\n }\n }\n } else if (\n this.props.InventoryList &&\n this.props.InventoryList.data &&\n this.props.InventoryList.data.length > 0\n ) {\n for (let i = 0; i < this.props.InventoryList.data.length; i++) {\n if (this.props.InventoryList.data[i].sold == 1) {\n this.setState({ soldbtn: true });\n } else {\n this.setState({ soldbtn: false });\n }\n }\n }\n if (id && this.state.updatedInvenentryList) {\n let inventoryList = this.state.updatedInvenentryList;\n const indexPosition = inventoryList.findIndex(singleInventory => {\n if (singleInventory.inventoryid === id) {\n return singleInventory\n }\n })\n if (indexPosition > -1) {\n if (sold === true) {\n inventoryList[indexPosition].sold = 1;\n } else {\n inventoryList[indexPosition].sold = 0;\n }\n this.setState({ updatedInvenentryList: inventoryList });\n }\n // if (inventoryList && inventoryList.length > 0) {\n // for (let i = 0; i < inventoryList.length; i++) {\n // if (id && inventoryList[i].inventoryid === id) {\n // if (sold === true) {\n // inventoryList[i].sold = 1;\n // } else {\n // inventoryList[i].sold = 0;\n // }\n // this.setState({ updatedInvenentryList: inventoryList });\n // }\n // }\n // }\n }\n }\n\n componentWillReceiveProps(newProps) {\n if (newProps.currentUser && !this.state.currentUser) {\n this.setState({\n ...this.state,\n currentUser: newProps.currentUser,\n });\n const data = {\n brand_id: this.state.brand_id,\n brand_description: this.state.brand_description,\n sold: this.state.soldStatus,\n // inventory_status: this.state.inventoryStatus,\n inventoryxlid: this.state.inventoryxlid,\n inventory_type: this.state.InventoryType,\n inventory_status: this.state.InventoryStatus,\n purchasedate:\n this.state.purchasedate === 0\n ? \"ALL\"\n : this.state.purchasedate > 180\n ? \"UNKNOWN\"\n : this.state.purchasedate,\n type: this.state.type,\n category: this.state.InventoryCategory\n };\n if (data.type === \"ALL\") {\n delete data.type\n }\n if (data.category === \"ALL\") {\n delete data.category\n }\n this.props.fetchInventoryWatches(this.state.userData?.accountId, data);\n this.props.fetchInventoryExcelList(newProps.currentUser.userId);\n //this.props.inventoryDetailById(newProps.currentUser.inventoryid);\n const bulkUploadId = this.props?.match?.params.bulkUploadId || null;\n if (bulkUploadId) {\n this.SearchInventoryWatchesdetails(newProps.currentUser);\n }\n }\n }\n handleChangeOfBrandByBrandName = (event) => {\n let brand = event.target.value;\n this.setState({\n brand_id: brand.brandid,\n brand_description: brand.brandname,\n });\n let brandName = \"\";\n if (brand.brandid == \"ALL\") {\n brandName = \"\";\n } else {\n brandName = brand.brandid;\n }\n this.setState({\n BrandName: brandName,\n modledata: brand.brandname,\n });\n setTimeout(() => {\n this.SearchInventoryWatchesdetails();\n }, 1000);\n\n // this.props.filterBySearch(data);\n };\n\n valueLabelFormat = (value) => {\n let scaledValue = value;\n\n if (value === \"0\") {\n scaledValue = \"ALL\";\n } else if (value > 180) {\n scaledValue = \"UNKNOWN\";\n } else {\n scaledValue = value;\n }\n return `${scaledValue}`;\n };\n\n inventoryPurchaseDateInterval = (value) => {\n let purchase = value;\n // let purchaseDate = \"\";\n // if (purchase === \"ALL\") {\n // purchaseDate = \"0\";\n // } else {\n // purchaseDate = purchase;\n\n // }\n\n this.setState({\n purchasedate: purchase,\n });\n\n // setTimeout(() => {\n\n // this.SearchInventoryWatchesdetails();\n\n // }, 1000);\n };\n\n handleChangeOfBulkUploadId(event) {\n // let data = event.target.value\n let inventorybulkxlid = \"\";\n if (event.target.value === \"ALL\") {\n inventorybulkxlid = \"\";\n } else {\n inventorybulkxlid = event.target.value;\n }\n this.setState({\n inventoryxlid: inventorybulkxlid,\n });\n setTimeout(() => {\n this.SearchInventoryWatchesdetails();\n }, 1000);\n\n // window.open(\"/myinventory/\" + event.target.value)\n }\n handleClose(option) {\n this.setState({ open: false });\n window.open(\"/create/invoice\");\n }\n\n removeSoldUnsold() {\n this.setState({\n soldStatus: \"\",\n searchEnabled: false,\n });\n setTimeout(() => {\n this.SearchInventoryWatchesdetails();\n }, 1000);\n // setTimeout(() => {\n // this.setState({ loaded: true });\n // }, 1000);\n // this.props.fetchInventoryExcelList(this.state.currentUser.userId);\n // this.props.fetchInventoryWatches(this.state.userData?.accountId);\n }\n removeInventoryStatus() {\n this.setState({\n inventoryStatus: \"\",\n InventoryStatus: \"\",\n searchEnabled: false,\n });\n setTimeout(() => {\n this.SearchInventoryWatchesdetails();\n }, 1000);\n // setTimeout(() => {\n // this.setState({ loaded: true });\n // }, 1000);\n // this.props.fetchInventoryExcelList(this.state.currentUser.userId);\n // this.props.fetchInventoryWatches(this.state.userData?.accountId);\n }\n removeBulkUploadId() {\n this.setState({\n inventoryxlid: \"\",\n searchEnabled: false,\n });\n setTimeout(() => {\n this.SearchInventoryWatchesdetails();\n }, 1000);\n // setTimeout(() => {\n // this.setState({ loaded: true });\n // }, 1000);\n // this.props.fetchInventoryExcelList(this.state.currentUser.userId);\n // this.props.fetchInventoryWatches(this.state.userData?.accountId);\n }\n\n removeInventoryType() {\n this.setState({\n InventoryType: \"\",\n searchEnabled: false,\n });\n setTimeout(() => {\n this.SearchInventoryWatchesdetails();\n }, 1000);\n // setTimeout(() => {\n // this.setState({ loaded: true });\n // }, 1000);\n // this.props.fetchInventoryExcelList(this.state.currentUser.userId);\n // this.props.fetchInventoryWatches(this.state.userData?.accountId);\n }\n\n // removeInventoryStatus() {\n // this.setState({\n // InventoryStatus: \"\",\n // searchEnabled: false,\n // });\n // setTimeout(() => {\n // this.SearchInventoryWatchesdetails();\n // }, 1000);\n // // setTimeout(() => {\n // // this.setState({ loaded: true });\n // // }, 1000);\n // // this.props.fetchInventoryExcelList(this.state.currentUser.userId);\n // // this.props.fetchInventoryWatches(this.state.userData?.accountId);\n // }\n\n removetype() {\n this.setState({\n type: \"\",\n searchEnabled: false,\n });\n setTimeout(() => {\n this.SearchInventoryWatchesdetails();\n }, 1000);\n // setTimeout(() => {\n // this.setState({ loaded: true });\n // }, 1000);\n // this.props.fetchInventoryExcelList(this.state.currentUser.userId);\n // this.props.fetchInventoryWatches(this.state.userData?.accountId);\n }\n removeInventoryCategory() {\n this.setState({\n InventoryCategory: \"\",\n searchEnabled: false,\n });\n setTimeout(() => {\n this.SearchInventoryWatchesdetails();\n }, 1000);\n // setTimeout(() => {\n // this.setState({ loaded: true });\n // }, 1000);\n // this.props.fetchInventoryExcelList(this.state.currentUser.userId);\n // this.props.fetchInventoryWatches(this.state.userData?.accountId);\n }\n removebrandname() {\n // var element = document.getElementsByClassName(\"brandClass\")[0];\n // element.classList.remove(\"MuiInputLabel-shrink\");\n // $('.brandLangend .PrivateNotchedOutline-legendLabelled-87 > span').css('display','none')\n this.props.brandList();\n this.setState({\n modledata: \"\",\n removedbrndname: \"\",\n searchEnabled: false,\n brand_id: \"\",\n brand_description: \"\",\n BrandName: \"\",\n loaded: false,\n // band_material: this.state.CaseMaterial,\n // case_size: this.state.CafetchInventoryWatchesseSize,\n // case_material: this.state.case_material,\n page_no: \"1\",\n limit: \"12\",\n });\n // setTimeout(() => {\n // this.setState({ loaded: true });\n\n // }, 1000);\n setTimeout(() => {\n this.SearchInventoryWatchesdetails();\n }, 1000);\n // this.props.fetchInventoryExcelList(this.state.currentUser.userId);\n // this.props.fetchInventoryWatches(this.state.userData?.accountId);\n // let data = {\n // \"brand_id\": \"\",\n // \"band_material\": this.state.CaseMaterial,\n // \"case_size\": this.state.CaseSize,\n // \"case_material\": this.state.case_material,\n // \"page_no\": \"1\",\n // \"limit\": \"100\",\n // }\n // searchApi.productSeach(data, this.state.producId).then((res) => {\n // this.setState({\n // browseWatchesInfo: res.data.data\n // })\n // if (res.data.success === 1) {\n // this.setState({\n // browseWatchesInfo: res.data.data\n // })\n // } else {\n // this.setState({\n // errorMessage: res.message\n // })\n // }\n\n // })\n }\n\n handleChangeOfInventoryDetailById = (id) => {\n const { history } = this.props;\n this.props.history.push(\n \"/dealer-inventory-detail/\" + id,\n {\n inventoryCacheState: { ...this.state }\n }\n );\n\n {\n this.props.inventoryDetailById(id);\n }\n };\n\n browseWatches() {\n this.setState({\n nonsearchstring: false,\n });\n this.props.fetchSearchBrowseWatches(this.state.searchString);\n // if (this.state.selected.product && this.state.selected.product.model) {\n // // this.props.history.push(\n // // \"/browsewatches/\" + this.state.selected.product.model\n // // );\n // this.props.fetchSearchBrowseWatches(this.props.match.params.productId);\n // }\n }\n onProductChange = _.debounce((e, v, r) => {\n // this.props.onTextInputAdd(text);\n if (v) {\n switch (e) {\n case \"product_selected\":\n this.setState({\n ...this.state,\n selected: { product: v },\n });\n // this.props.history.push('/browsewatches/' + v.model)\n break;\n case \"input_changed\":\n this.state.autocomplete.currentInput = v;\n\n this.state.autocomplete.loading = true;\n this.setState({\n ...this.state,\n });\n if (v.length >= 3 && r == \"input\") {\n this.props.searchProducts({ searchText: v }, (error, res) => { });\n }\n break;\n }\n } else {\n }\n }, 600);\n onChangeOfFirstName = (event) => {\n this.setState({\n key: event.target.value,\n });\n };\n autocomplete(evt) {\n const inventoryList = this.props.InventoryList.data;\n let text = evt.target.value;\n this.setState({ searchString: text });\n this.setState({ loading: true });\n this.getAutocomplete(text);\n }\n getAutocomplete = (evt) => {\n // const inventoryList = this.props.InventoryList.data;s\n // this.props.searchProducts({ searchText: evt }, (error, res) => {\n // this.setState({ searchItems: this.state.autocomplete.data });\n // this.setState({ loading: false });\n // });\n };\n\n hanldeKeyup(evt) {\n //if (evt.keyCode === 27) {\n // this.setState({ searchItems: [] });\n // return false;\n // }\n }\n\n hanldeKeydown(evt) {\n /*\n const { cursor, searchItems } = this.state;\n // arrow up/down button should select next/previous list element\n if (evt.keyCode === 38 && cursor > 0) {\n this.setState((prevState) => ({\n cursor: prevState.cursor - 1,\n }));\n } else if (evt.keyCode === 40 && cursor < searchItems.length - 1) {\n this.setState((prevState) => ({\n cursor: prevState.cursor + 1,\n }));\n }\n if (evt.keyCode === 13) {\n let currentItem = searchItems[cursor];\n if (currentItem !== undefined) {\n const { name, code, rate, unit } = currentItem;\n this.setState({ item: { name, code, rate, unit }, searchItems: [] });\n }\n }\n if (evt.keyCode === 8) {\n this.setState({ item: { name: \"\", code: \"\", rate: \"\", unit: \"\" } });\n }*/\n }\n\n selectItem(id) {\n const { searchItems } = this.state;\n let selectedItem = searchItems.find((item) => item.model === id);\n // const { code, name, unit, rate } = selectedItem;\n // this.setState({ item: { name, unit, rate } });\n this.setState({ searchString: selectedItem.searchattr });\n this.setState({ searchStringdetails: selectedItem.searchattr });\n this.setState({ autocomplete: { data: [] } });\n // this.props.fetchSearchBrowseWatches(id);\n const inventoryList = this.props.InventoryList.data;\n }\n\n handleListKeydown(evt) { }\n\n handleChange(evt) {\n this.setState({ item: { [evt.target.name]: evt.target.value } });\n }\n\n SearchInventoryWatchesdetails(userObject = null) {\n const userId = this.state.currentUser && this.state.currentUser.userId;\n const id = userId ? userId : userObject ? userObject.userId : null;\n this.setState({ loaded: false });\n let keySearch = this.state.key;\n let searchData = \"\";\n if (keySearch) {\n searchData = keySearch.replace(/[&\\/\\\\#,+!@^&()$~%.'\":;-?<>{}]/g, \"\");\n searchData = searchData.replaceAll(\"-\", \"\");\n }\n\n let data = {\n brand_id: this.state.brand_id,\n brand_name: this.state.brand_description,\n key: searchData,\n sold: this.state.soldStatus,\n // inventory_status: this.state.inventoryStatus,\n inventoryxlid: this.state.inventoryxlid,\n inventory_type: this.state.InventoryType,\n inventory_status: this.state.InventoryStatus,\n purchace_date:\n this.state.purchasedate === 0\n ? \"ALL\"\n : this.state.purchasedate > 180\n ? \"UNKNOWN\"\n : this.state.purchasedate,\n type: this.state.type,\n category: this.state.InventoryCategory\n };\n if (data.type === \"ALL\") {\n delete data.type\n }\n if (data.category === \"ALL\") {\n delete data.category\n }\n if (\n data.brand_id !== \"\" ||\n data.key !== \"\" ||\n data.sold !== \"\" ||\n data.inventoryxlid !== \"\" ||\n data.inventory_type !== \"\" ||\n data.inventory_status !== \"\" ||\n data.purchasedate !== \"\" ||\n data.type !== \"ALL\" ||\n data.category !== \"ALL\"\n ) {\n this.setState({ searchEnabled: true });\n }\n if (data.sold === \"\") {\n data.sold = \"ALL\"\n }\n // const inventoryDetails = this.props.SearchInventoryWatches(data, this.state.currentUser.userId);\n searchinventry.addinvetrysearchdataa(data, this.state.userData?.accountId).then((res) => {\n if (res.data && res.data.inventoryData) {\n this.setState({ inventoryData: res.data.inventoryData, page: 0, loaded: true });\n } else {\n this.setState({ inventoryData: [], page: 0, loaded: true });\n }\n if (res.data.success === 1) {\n this.setState({\n updatedInvenentryList: res.data.data,\n loaded: true,\n });\n } else if (res.data.success === 0) {\n this.setState({\n updatedInvenentryList: [],\n errorMessage: res.data.message,\n loaded: true,\n });\n } else {\n this.setState({\n errorMessage: res.message,\n loaded: true,\n });\n }\n });\n }\n\n downloadInventory(type) {\n const userId = this.state.currentUser && this.state.currentUser.userId;\n const id = userId ? userId : null;\n this.setState({ downloadloading: true });\n let keySearch = this.state.key;\n let searchData = \"\";\n if (keySearch) {\n searchData = keySearch.replace(/[&\\/\\\\#,+!@^&()$~%.'\":;-?<>{}]/g, \"\");\n searchData = searchData.replaceAll(\"-\", \"\");\n }\n\n let data = {\n brand_id: this.state.brand_id,\n brand_name: this.state.brand_description,\n key: searchData,\n sold: this.state.soldStatus === \"\" ? \"ALL\" : this.state.soldStatus,\n // inventory_status: this.state.inventoryStatus,\n inventoryxlid: this.state.inventoryxlid,\n inventory_type: this.state.InventoryType,\n inventory_status: this.state.InventoryStatus,\n purchasedate:\n this.state.purchasedate === 0\n ? \"ALL\"\n : this.state.purchasedate > 180\n ? \"UNKNOWN\"\n : this.state.purchasedate,\n userid: id,\n accountid: this.state.userData?.accountId ? this.state.userData.accountId : null,\n type: this.state.type === \"\" ? \"ALL\" : this.state.type,\n category: this.state.InventoryCategory,\n fileType: type\n };\n if (data.type === \"ALL\") {\n delete data.type\n }\n if (data.category === \"ALL\") {\n delete data.category\n }\n if (data.sold === \"\") {\n data.sold = \"ALL\"\n }\n // const inventoryDetails = this.props.SearchInventoryWatches(data, this.state.currentUser.userId);\n searchinventry.downloadInventory(data, id).then((res) => {\n if (res && res.status === 0) {\n toast(\"No Inventories for download.\", {\n autoClose: 5000,\n type: toast.TYPE.SUCCESS,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n this.setState({ downloadloading: false });\n });\n }\n handleSwitch = (row, event) => {\n const id = row.inventoryid;\n const checkstaus = event.target.checked;\n this.setState({\n rowDetails: row\n })\n if (checkstaus === true) {\n this.setState({\n soldbtn: true,\n disable: true,\n });\n localStorage.setItem(\"sold_status\", \"1\");\n localStorage.setItem(\"inventory_id\", id);\n this.checkboxval({ id: id, sold: true });\n this.setState({ soldbtn: true });\n } else {\n this.setState({ soldbtn: false });\n localStorage.setItem(\"sold_status\", \"0\");\n localStorage.setItem(\"inventory_id\", id);\n this.checkboxval({ id: id, sold: false });\n this.setState({ soldbtn: false });\n }\n this.setState({\n openReasonChange: true\n })\n }\n handleCloseOfReasonChange() {\n const id = this.state.rowDetails.inventoryid;\n let sold = this.state.rowDetails.sold;\n if (sold == 0) {\n this.checkboxval({ id: id, sold: true });\n\n } else {\n this.checkboxval({ id: id, sold: false });\n }\n this.setState({\n openReasonChange: false,\n })\n }\n\n changeRangeName = (reason) => {\n // const id = row.inventoryid;\n // const { productid, serialno } = row;\n const id = this.state.rowDetails.inventoryid;\n const { productid, serialno } = this.state.rowDetails;\n let data = {\n inventory_id: localStorage.getItem(\"inventory_id\"),\n sold_status: localStorage.getItem(\"sold_status\"),\n productId: productid,\n serialNumer: serialno,\n listed_on: this.state.listed_on,\n sold_unsold_reason: reason,\n };\n searchinventry.productsold(data).then((res) => {\n if (res.data.success === 1) {\n this.setState({\n openReasonChange: false\n })\n toast(res.data.message, {\n autoClose: 5000,\n type: toast.TYPE.SUCCESS,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n this.SearchInventoryWatchesdetails();\n localStorage.removeItem(\"inventory_id\");\n localStorage.removeItem(\"sold_status\");\n\n } else {\n this.setState({\n openReasonChange: false\n })\n localStorage.removeItem(\"inventory_id\");\n localStorage.removeItem(\"sold_status\");\n toast(res.data.message, {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n\n\n }\n\n });\n\n };\n\n copy = () => {\n const el = document.createElement(\n \"https://api.watchops.com/inventories/{this.props.currentUser.userId}/c24-importer.xml\"\n );\n el.value = window.location.href;\n document.body.appendChild(el);\n el.select();\n document.execCommand(\"copy\");\n document.body.removeChild(el);\n this.setState({\n setCopied: true,\n });\n };\n\n handleChangeOfSoldUnSold(event) {\n let brand = event.target.value;\n this.setState({\n soldStatus: brand,\n });\n\n setTimeout(() => {\n this.SearchInventoryWatchesdetails();\n }, 1000);\n }\n handleChangeOfInventoryStatus(event) {\n let status = event.target.value;\n this.setState({\n inventoryStatus: status,\n });\n\n setTimeout(() => {\n this.SearchInventoryWatchesdetails();\n }, 1000);\n }\n handleChangePage = (event, newpage) => {\n this.setState({ page: newpage });\n };\n\n handleChangeRowsPerPage = (event) => {\n this.setState({ rowsPerPage: +event.target.value });\n this.setState({ page: 0 });\n };\n\n handleClearButton = () => {\n this.setState({\n key: \"\",\n });\n setTimeout(() => {\n this.SearchInventoryWatchesdetails();\n }, 1000);\n };\n endAdornment = () => {\n const values = this.state.key;\n if (values) {\n return (\n \n \n \n \n \n \n \n \n \n {/* */}\n\n \n \n \n \n \n \n \n {this.state.type}\n \n \n \n \n \n \n \n \n {\" \"}\n {/* {this.state.soldStatus}{\" \"} */}\n \n \n \n {\n e.preventDefault();\n this.SearchInventoryWatchesdetails();\n }}\n >\n \n \n \n \n\n \n
\n {this.state.loaded === false ? (\n\n {this.state.inventoryData &&\n this.state.inventoryData.length > 0 &&\n this.state.inventoryxlid !== \"\" && (\n \n \n No Watches Added Here!\n \n \n ) : (\n \"\"\n )}\n {inventoryList && inventoryList.length > 0 ? (\n inventoryList &&\n inventoryList\n .slice(\n this.state.page * this.state.rowsPerPage,\n this.state.page * this.state.rowsPerPage +\n this.state.rowsPerPage\n )\n .map((row) => {\n return (\n \n \n this.handleChangeOfInventoryDetailById(row.inventoryid)}\n >\n \n \n \n {(row.sold_unsold_reason || row.sold_unsold_reason) ? (\n\n \n this.handleChangeOfInventoryDetailById(\n row.inventoryid\n )\n }\n />\n ) : (\n this.handleChangeOfInventoryDetailById(\n row.inventoryid\n )\n }\n />)}\n\n
\n \n MY DEALER INVENTORY
\n\n \n \n \n Brand\n \n \n \n {brandInfo &&\n brandInfo.map((row) => (\n \n ))}\n \n \n {this.state.modledata\n ? this.state.modledata\n : this.state.removedbrndname}{\" \"}\n \n \n
\n \n \n \n \n Type\n \n {\n if (e.target.value !== 'misc_product') {\n this.setState({ type: e.target.value, InventoryCategory: \"\" });\n } else {\n this.setState({ type: e.target.value });\n }\n setTimeout(() => {\n this.SearchInventoryWatchesdetails();\n }, 1000);\n }\n }\n label=\"Brand\"\n value={this.state.type}\n >\n \n \n \n \n \n \n \n
\n\n \n \n \n \n Category\n \n {\n this.setState({ InventoryCategory: e.target.value });\n setTimeout(() => {\n this.SearchInventoryWatchesdetails();\n }, 1000);\n }}\n >\n \n \n \n \n \n \n {/* */}\n \n \n \n \n \n \n \n
\n \n \n \n \n Dealer\n \n \n \n \n \n \n \n
\n\n \n \n {\n // onSearchClick(e);\n // }}\n value={this.state.key}\n endAdornment={this.endAdornment()}\n />\n \n
\n \n \n {this.state.loaded === false ? (\n
\n
\n ) : (\n \n \n (\n \n {rowData.filePath}\n \n ),\n },\n ]}\n />\n \n
\n )}\n {inventoryList &&\n inventoryList.length === 0 &&\n !this.state.loaded ? (\n \n \n {row.voidreason ? (\n \n \n {\n row.status &&\n row.status === \"Void\" ? (\n \n }\n \n \n ) : (\n <>\n )}\n \n \n this.handleChangeOfInventoryDetailById(\n row.inventoryid\n )\n }\n >\n \n \n {\n\n (row.type === null) ?\n // row?.prodattr?.reference\n // ? row?.serialno\n // ? row.prodattr.reference +\n // \" - \" +\n // row?.serialno\n // : row.prodattr.reference\n // : \"\"\n (\n row?.brandname\n ? row?.brandname + (\n row?.prodattr?.reference\n ? \" - \" + row?.prodattr?.reference + (\n row?.inventoryid ?\n \" - \" + row.inventoryid : \"\"\n )\n : \"\"\n )\n : \"\" + (\n row?.prodattr?.reference\n ? row?.prodattr?.reference + (\n row?.inventoryid\n ? \" - \" + row?.inventoryid\n : \"\" + (\n row?.inventoryid\n ? row?.inventoryid\n : \"\"\n )\n )\n : row?.inventoryid\n )\n )\n : row?.prodattr?.brand_name\n ? row?.prodattr?.brand_name + (\n row?.prodattr?.model_number\n ? \" - \" + row?.prodattr?.model_number + (\n row?.inventoryid ?\n \" - \" + row.inventoryid : \"\"\n )\n : \"\"\n )\n : \"\" + (\n row?.prodattr?.model_number\n ? row?.prodattr?.model_number + (\n row?.inventoryid\n ? \" - \" + row?.inventoryid\n : \"\" + (\n row?.inventoryid\n ? row?.inventoryid\n : \"\"\n )\n )\n : row?.inventoryid\n )\n\n }\n \n \n {/* \n \n {(row.type === null ) ? (row && row.brandname\n ? row.brandname\n : \"\") \n : \"\"\n }\n \n */}\n
\n \n
\n
\n {row.targetwholesaleprice && (\n <>\n
\n \n )}\n\n
\n
\n
\n {row.targetwholesaleprice && (\n <>\n
\n \n )}\n\n
\n \n \n\n
\n )\n }\n}\n\nfunction mapStateToProps(state) {\n const { InventoryList, auth, browseWatchesInfo, inventoryDetailByIdInfo } =\n state;\n return {\n InventoryList: InventoryList.InventoryList,\n currentUser: auth.currentUser,\n brandInfo: browseWatchesInfo.brandInfo,\n inventoryXlIdInfo: InventoryList.inventoryXlIdInfo,\n // inventoryDetailByIdInfo: inventoryDetailByIdInfo.inventoryDetailByIdInfo\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n fetchInventoryWatches,\n filterBySearch,\n brandList,\n inventoryDetailById,\n fetchInventoryExcelList,\n SearchInventoryWatches,\n },\n dispatch\n );\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(DealerInventoryComponent);\n","export default __webpack_public_path__ + \"static/media/chart.99277b56.PNG\";","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\n\nimport FormHelperText from '@material-ui/core/FormHelperText';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport { monthlyList, weeklyList, dailyList } from '../actions/dashboardAction';\nimport {\n AreaChart,\n Area,\n XAxis,\n YAxis,\n CartesianGrid,\n Tooltip,\n Label,\n ResponsiveContainer,\n} from \"recharts\";\nlet monthly = [\n {\n name: \"JAN\",\n visits: 5,\n },\n {\n name: \"FEB\",\n visits: 10,\n },\n {\n name: \"MAR\",\n visits: 3,\n },\n {\n name: \"APR\",\n visits: 16,\n },\n {\n name: \"MAY\",\n visits: 20,\n },\n {\n name: \"JUN\",\n visits: 30,\n },\n {\n name: \"JUL\",\n visits: 25,\n },\n {\n name: \"AUG\",\n visits: 18,\n },\n {\n name: \"SEP\",\n visits: 10,\n },\n {\n name: \"OCT\",\n visits: 25,\n },\n {\n name: \"NOV\",\n visits: 29,\n },\n {\n name: \"DEC\",\n visits: 30,\n },\n];\nlet weekly = [\n {\n name: \"week 1\",\n visits: 15,\n },\n {\n name: \"week 2\",\n visits: 1,\n },\n {\n name: \"week 3\",\n visits: 30,\n },\n {\n name: \"week 4\",\n visits: 12,\n },\n {\n name: \"week 5\",\n visits: 20,\n },\n {\n name: \"week 6\",\n visits: 30,\n },\n {\n name: \"week 7\",\n visits: 25,\n },\n {\n name: \"week 8\",\n visits: 18,\n },\n\n\n];\nlet daily = [\n {\n name: \"8 Mar\",\n visits: 5,\n },\n {\n name: \"7 Mar\",\n visits: 2,\n },\n {\n name: \"6 Mar\",\n visits: 20,\n },\n {\n name: \"week 4\",\n visits: 12,\n },\n {\n name: \"5 Mar\",\n visits: 10,\n },\n {\n name: \"4 Mar\",\n visits: 2,\n },\n\n];\nclass ChartComponent extends Component {\n constructor(props) {\n super(props);\n this.onChangeGraphData = this.onChangeGraphData.bind(this);\n this.state = {\n current: 'Monthly',\n\n data: []\n };\n }\n\n componentDidMount() {\n this.props.monthlyList();\n this.props.weeklyList();\n this.props.dailyList();\n }\n\n\n\n onChangeGraphData(e) {\n this.setState({\n ...this.state,\n current: e.target.value\n\n });\n\n }\n static demoUrl = 'https://codesandbox.io/s/simple-line-chart-kec3v';\n\n render() {\n let data = [];\n if (this.state.current == 'Weekly') {\n data = this.props.weeklyListInfo;\n console.log(data);\n }\n if (this.state.current == 'Monthly') {\n data = this.props.monthlyListInfo;\n console.log(data);\n }\n if (this.state.current == 'Daily') {\n data = this.props.dailyListInfo;\n }\n return (\n \n
\n\n );\n }\n}\n\n// }\n\n// }\n\nfunction mapStateToProps({ InventoryList }) {\n return {\n monthlyListInfo: InventoryList.monthlyListInfo,\n weeklyListInfo: InventoryList.weeklyListInfo,\n dailyListInfo: InventoryList.dailyListInfo,\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators({\n monthlyList,\n weeklyList,\n dailyList\n\n },\n dispatch)\n}\nexport default connect(mapStateToProps, mapDispatchToProps)(ChartComponent);\n\n\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { Container, Grid, Typography, Card } from '@material-ui/core';\n// import LineChart from './Chart';\nimport Chart from '../../../../assests/images/dashboard/chart.PNG';\nimport ebay from '../../../../assests/ebay.png';\nimport Facebook from '../../../../assests/images/facebook.png';\nimport Instagram from '../../../../assests/images/instagram.png';\nimport Chrono from '../../../../assests/chrono24.png';\nimport watchImg from '../../../../assests/images/dashboard/dashboardwatch.png';\nimport SplineChart from './chartComponent';\nimport { inventoryCount } from '../actions/dashboardAction';\nimport addinvetrysearchdataa from '../actions/dashboardaapi';\n\nclass DashboardComponent extends Component {\n constructor(props) {\n super(props);\n this.state = {\n countData:''\n }\n }\n\n componentDidMount() {\n \n this.props.inventoryCount();\n this.getCount();\n }\n getCount(){\n addinvetrysearchdataa.dashboardInventoryCount().then((res) => {\n if (res.data.success === 1) {\n console.log(res,\"dashboardInventoryCount\"); \n this.setState({\n countData:res.data.data\n })\n } else if (res.data.success === 0){\n console.log(\"logout1\")\n this.setState({loaded: true,}) \n window.location.href='/login';\n \n }\n }\n );\n }\n render() {\n const invetoryCountInfo = this.props.invetoryCountInfo;\n console.log(this.state.countData,\"=========\");\n // console.log(this.state.countData[0].inventory_count,\"countData\");\n return (\n \n
\n\n\n \n \n \n\n \n \n \n\n \n \n \n \n \n \n */}\n \n
\n \n \n \n \n \n \n \n \n {/* \n \n \n \n \n */} \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n\n \n {/* \n \n\n \n \n \n \n
\n );\n }\n}\n\nfunction mapStateToProps({ InventoryList }) {\n return {\n invetoryCountInfo: InventoryList.invetoryCountInfo,\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators({\n inventoryCount,\n\n },\n dispatch)\n}\nexport default connect(mapStateToProps, mapDispatchToProps)(DashboardComponent);\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA2CAYAAABjhwHjAAAABHNCSVQICAgIfAhkiAAAEzZJREFUaEO9mgmYVNWVx3/3VXVVd3WzNwiyyKKoyLgEo6KgoqAiiuAIbpOYaBIXxhCXGNSMo0ZjFNSQ0UQjUZOYKGjQABONgqgJqCAg4MISoiAg2DT0WtVV9d69891331pVnWTyzTf1ff1V9+tX9e7/nv8553/OuYJOXur005N0LdYU6DJEWeIUJa1RisRhKOtgh2QvhVUnlVWlVAKJhVIWUiVQJNzf9XUVu27uMf839+j7/c+Gn9P3JaXCkkpZSqmkIxG2Uok8WM2OFNtQiTVKsqyYLa5NVTutx6+5ulgJhii9qKaRIH/KoTJZdZ4kcYlS1rFSJZJmoSUL1gv0wXjvLkAXRGcAPXBocP6GlAOPbloUuL+BKEs6WJuFk/ittJ2FuXX9t4xjnB3FEwOnpo2oI9HrHGxuVFKcJEkId4cDAGbBelHhdR9wCKoMYMRiLiAfeGQTgmeUbE7UslKGlg+vu2tai7QexiouOundf2vxAQbg1FeOroXuX8MRN+DIIcoRlpIipFYEoJQh/UqBG0qaRZhd9iwYAeVuTnA9vCd+PbzH3wyzqRH2eGtCJZVC7JLKekSI4s98gC44l4q1p12I4kEcBuAooRxAgg/QPNhbcMlDzHUPVNTvItdDy5R8T4wVHk2jlvb9Vt/nWi4K0PfZBKiEUsraK5W6tWN132c0RQ24b5w6BGEtxOFYNChHga0MOAcUImaFAEgZXX1qxila2VIl/hbz52Q5Y2L+GQlc2nddJpnNRSXeV8K6/KR3p38k1LdGVZHscgtS3OOC0uC0W0oD0AWnQXof9iNhwPlEClVVjUqmwUqhrCRKmIcH9wSW8ClbagGB60+OQDogCwonL5FFFYmwfkQOgZcHGteqSkpxxz7Z8pBQ15zch1R6JQ7DDDBjMffds2IZwGQ16qD+oH9690X07gPde0CmFpGuhqoqsBIooYkh9M6glKaI5onwLlnuO0qg9D+LElmwke0FnKYsxS9aKOxuprCrmcLOZpycDKJw6MtegPECjQlWmqLWZpnPnyPUzeMmYYvFOIjAcq4FfXCGpi5AvcjDjoaTTkMMG47oPxC6dkNYVmfp8p++rgHLtjyFHY3kNn1O6+ubyX6wJ5ZmKgca1yWkUvISoW4580EcdaOxku9vHi0DgAoSadSkS2DMBOjTD5FM/tML/99+UNkOxc+baXr5A/bPX4MsahJ4QkDTP0gRId3BekyoWWcuQ3JGJX8LwCbScNE3YNz5oGlX8lK2jWrch2pqRuVykC+gF+Ra3DW3trpHT6lcH3av6XdNXSsBqRRWbQ1Wzy4k+9VjZdJlz5EdRQ68uI6GeStxXIARZRQTDi7wVULdPn4bDkNNAPEs51tQv2sOj5kEU6+Euq7uA1WxALt3It95C/XeKuSOz1DaXyIRL3B2vQCZLJNZcUpFZJm+XyRJHtKXzNijyZx6FFUH94KkhRACuzlHw5MraFryAdLWmxaVfn6acMHtFeqO8a041AVWCoB5PjfoSJg+A4aOMDtpF1GvLYJF85ENX5RFs3LZFGrNQIMG+rM054UJX1tFb1Zy0EF0m34qdeOPRiQT7hK0D+599A2yGz4PwMVFg/s9rULdNUHqpB0H50VLTcdxF8HEr0CyyoB7dzk8MRvV2u5GVelGu+iiQl8IhLKXfP1oFqoMH3hc4ln1vRDdumLvbcFu7sDq2Y36704h8+Xh7hJk0WH//FU0PrMKJ+cEQtzfEP2OTGSFumeCqkhHHUy61sNls2D4cQZYRxbuvg52fOrmwSBFuDKttBooqRb+QR2Z+tJRZC44DasuQ+GTvbQuXOFGzNSIQ+g750qslAlk2fWfseeBV8jvbI6zx7M4JHJC/fAsFU8BEb87aCj8+4+hOmPAbXgb5t7m5UBDW1+mda5ajPoPSh1PPoUJPlQ11GTo8fB3SQ7q6/qX9uPmZ1+nZeFKZM6mzz1XkDnhMHcpTnueXbMWkN0Yp2bAFhJ5oe7X4CKAfHUiLRg5Fi7/fhi1FjwKS38XAxfINJeipWLXrc0MsEwd1NQiswVke4cbPUPZZBSN1b8fPebeipUJI3L70rU0zXsZu7GN2nNOoP6mqcF69vxoMS3LPjapoUSsIxMFoeacHVouUCd+lJwGZ19pvkyH9J/cDB+vCxN8VM1ocFqm6Yck06iuvWDEMYjRY7EOPxzRvYexhk7Ozc04m/9KccVqihs2Iw+0IosSlUzR7Yc3UnXkMLAEqiNP81Ov0P7yKmSHQ3LgQfSbdwPCMsVM4y/f4sBz7yBzMijLIuVUUaiHNLgKKUAk4axvwegpQZTkh1fCnl2e7owk/ahMy9ShvjQGceZExBFHIfxAFNo/+E05DvambeRffYvCu+txWrJYgwaQmTIB0bWO4tadtL+6Gruh1bWsqKmh36++R6JbrfsdzYvX0Pj469jtxYjlAgFdFGquD64EoEjBeTPh2AlmMW1NMPsa2N/gWS4uz1z/q6mDsy6E8edDj3rXUn/vpS2pDjSTf/VP5BYvwznQBlqEV9fgaApHkrW+1ufhGaSGHWyW9PpGGua+jN1SCIW9V2ahLFuoR86J0DIC0ErBBbfAiLFmfft2waM3wIHGiO4MxbVr/clXwMSLoLZLaJ0v9iDXrEJt3+GqF1Vdixh4CIlRo7D69Q3uk+1Z8kuWkf3tYkPRsoo8Aek0ve68iuovmaDSvmITDbNfwm7JR4rYIEDZQv30HFVaBbgLtdIw5VYYPtosYPc2mDcLmvaXVQ3u54eMhFvmQJUnm4pF5H+/gHrht25eMsLbSxmiClWVJjllKlX/OjXQqbJQoO2uuRTWfVwS3r0Fp6rpccvl1Iw9xl1S9t3NNNy/ELupI0xFYU/HFurxiZ34XAqm3A6HnmjAfbYJfvkf0HIgVg65GyGq4PbHof9gc29HDl58BrXkeZTWmX7fxU8DfmpIpklOPJfUZRe7/qRf9vadtMy8E1mQJenDcjek28xLyIz/sntvbvUWGu57Aac5F/Z5vO8GyxFqng8uUsvpBC7SMPl2GHaCWfD2D+A3d0JLc4nPKTjqZLj2HnOfDplvL4P5T8DevYHF/DaDeQ+VCT3rqbrsUpJnnhGUTm33/oTCyrUxrerWackUXa6bTu3Ekz1wm9n3owU4zTq1xCt7SDpCPXmuKhfNmpYpmHQbDPMs9+kGeO5uaPXBRcqji2+EUyYZcNqyz/4M/vwa2NJN9EGK8NRDvPWXwBp9MqlvfgOrZ0/3K/LLV5Cd87gbJKK9TU35LldPIzPJxIHc6k003j8fx6VlvHcKCUeoX57bCS3TcO6tMNQHtx4W/ADamuPVg95RrWIGH+lZeCs89QB8sjVoVwQyzUvyQevPp9CgIaSuu47EEUcYau7YSdv1txnV72+IZ7k6F9xpBtyqj9n/wHMuLQ0bTC/Fq06kUM9Mqiy/NC3PjoJ7H353b8RyXqSs7gLXPgx9PX/bsh6euAf2NXiBR0s0r9nkJ/mgF+rRs2c9qRnXkxh1vGF2QyNtM2918150wVSlqPvWxdR44DpWfcSB2c96ASXSU9XCmYQU6lkNLprjPN/T0XLCLBjiWW77+7DwXmhriftcdVe4+kE4yAf3PvziXmjcF1b2XkUftCqiO6w7Vt17kZwxk8TxJlBocO3fmYXT0h7rU2rlU3vNZdRMPNXErVUf0TT7N27l4FPdrykFlhRq/nmdW278LBjsgduxHl66x4DzZZdetErC1Q/DQEMpdmyBZ2bD9m0l+TAU2m5KiHStGTCY5LUzsY40NaOzcxfZ628KaBmUSMk0mRlfpWbCmABc85xfuwVsaUQ2lntBg6skv1Jwxq1wiBctP9sAv9fgogHF+9zUm2DUOV5A2Q8LH4NVS702oaZkvMp3W4UeQB0FxQljSFx1HaK+t/sdxbf+RH7Oj70mcKQNWJUm8+2rqB5ncm9+9Yc0zf6V53PxLjdKg3vRB1fS1tO0PH0WDPLA7doIi6LgIurkiLFw6R0GnG48vrcUFj9p/K60so9Q1C10u9djTb8CMf5cRMJU2vnZD2D/+e0Svaj7LNXU3HgN6TGGvhpc85yncZpysU60pqZw89yi8w0t3f5JxIJaW576PRjk0XL3R7DkbqMx/ft9i+iK/eqfQu+BBmCuDf74G3jz99DRUVmu2bpYroIzzkNcehWizkg2ueszCjfdgMwVI6rDREAX3Pe+TeoEUzznV39Ay5ynYpaLpBlHqCWTK/scKRjzXRjkya8vtsDi/zTgKjRuGXQ0fG226Wbpl12E156FP/zKbbi61Iy2DnWDdtJlMO3rpomrqyopse+9A2ftuvgYzK8TUzXUfP9mqo79F/f+wqoNtDz4FE6L9rmysZkj1MsaXInPaStqSXXid2CwiUw0fgKLb4fWAxUs4X1+3JVw0gWQMlLKfTXshvV/gu1/gWw7pDLQfyiMGgP9BgW3qY4c8tUlyGeeRhWdymOzdIbMXbeTHHG4AbdyLa1zn0a2ROSXJ/EgYQv1x8klwtlryKoqGHUtDPVKnpY98PuboXV/PBVEC1yd80ZPg2PPgtruoRVDqOW/6SK4tRn15qvIRc+j9h+IRdKYrErXkrnvbhLDhhhavvEO7T/7NbJVp4JYAtcDEVuopRdUoKXmSBJGfhUO94rVfBssnAEtDZVp6Vs/3QV0gNF1YP/DIfE3OtOOA59ugbf+iFq5HHWgKTZyDievJtlTXUvNw3OwDu7ngut4+XVyTy5AtudjVYH+nKnnlmtwFWipHXjYZDj662a3dfx+6XrY90k88ERb7v7vmtJd+sAhx8ARo2HA8NCS2lI6nWzfAutWwodrYc8e6MgH84hwyBjveZLpQs28eYiMoX3uuYXkn/8DuhMdWs6kBJRVFOrNKUY4l80JBPQdDSfOCqn05v2w7a0SWvrjrnDsFcwddAtdA9Us0L5WVQPZHLS1QaHott0p6La7t7nePFAGE934fJ1Dh5Oe/WBQ4efmPkZh+Uoz6vJm7H6LEXSDaMUU07cMEm3EinWDYeyPIOkFiK2vwMpHPFp20n6PWdL/rtK5X+lGlEyUSpu9nuK3Lv86VRdNN0TK5cjddR/2h1vMwYHYwQPX//JCvT21875lqh6OvQHqRxrrZffDH74D7Y2V5woVRl/RQWZg0ZhiKWlVuL1Qc81N8v6YuL4fyfsewupV7y7F+XgTHXMfxdm9N/DT6HwemegQatVUGZvNRXOYznWDL4DhF4PltdO3vQarf266z2WyzbdQxBLehLaixKtoZaOUYs3ebj0RV1xH4rQzjdWKReyXXqLwwovInKn0g3ounEPkhFoztRmbrp0utNsRcOQ3ofuhxnpOATYthi2vQNPusiFlp93rKJCYG5RaLhx8ugD7D0adNRVxxkRE2vRn5Cd/pfjkL7A3fhgOQkrOyKCsNqHev3AjthpZVvb4FNP5bsDZcOilkKozAO08tOyC3e/DrnUmgrb5+a9C5PVpWHFMVt4idIPQgGFw3Cmo40ZDvwHoWs5t6ra34/zuOewlS8KxWZk6SWht94VQ66cuQIppZdEymIlrNCk4/EoYOB6sTvJWsQPa90FHK+SzUMyDY4POZY5bBpigpXsO7o8OSLptptVQwnTNquugZ2/o3d8FU/rSTVz55jKcn/8XKm9XOH4VVuNKiTVCbbzwJqSYE9CporPrx6Rh2HQ4+DRI9zDT0P+vl96kpv3IFcuRzz2N0nmt7PhV5JSDrgqUeEKorZOPI1/1Do5Kxebipc7uB5ruI+HgU6HrEMj0NVQV//cDf9e62TZo+Bw+3Qp/XobauNY99FM2UYqcVHLVCQkppbpcqE2TuyCTS5HihNhc3Pe5kmMb7gZommb6m5+ag6C6F6S7QTJjmrmaui5gMwc3xyDMbNzjoXnTSV5f1LTVQ+5CHnJZaGmCAw2w93PYtQN2bodsR6QXY1JEZ8evlLL+kqR4llDLT08yoNc3sXkUu/S4RoUKvTSXaZmmKasbSlqJGF1nmkP6J1qsun9751yC/+lr0vhf0TbKpSMP2Szki2Xpxo2gke511IpGUyaUo8QP6pD3m+NRWy4cihLzcTi+vHLuLPpViHIx4OWnkQzYEqn3txRNmeYNj2yFAC2cSFtPqMQGW1lfqVu0aIMBp603sP4yJA/hqJ6BBSvlo4CmFfKTf3+pTo1G3kpCu+RAT+genpVLK3+/VaGDbnBsK6FQVqMjua26Jf+UeOMNc7DNBbhhUg9qamaiuAZb9XEBdnZ8o9JuR86L/aMyy4CIqBp340r0aGcqxj/VZHqhSmHtRVqPJdv4sVi6tNnNMNForjafX4+Vno5kBrYaUXpEqiJlfatUlFmdLLRkIhs9Z/b3ZZon2D0GuQd1JBuVSjxiSbVAvPRGU0nYCiGqrRPTyPQxKOtCHDEFyWHYynIfGuudlAvemCWiVIrN3KOf+3t+W/LMKJP0pNhmK7ZciCMX8mnHerFmTeysc6ejT/Xe+RmqqnqSVCOx1YnYDEaJ3th0Q2otqmqxVQaHahyVRpLCVslypdNZxO2kHHKwcVQBhzyO6sBWWSRZbNWCTTNSNWDzKbb9HgVrPU5xn3j+7VwlPfE/FFrymY3YMo0AAAAASUVORK5CYII=\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","import React, { useState, useEffect, useMemo } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { Container, Grid, Typography, Card, FormControlLabel, Checkbox, Button, FormGroup, FormHelperText } from '@material-ui/core';\nimport AddIcon from '../../../../assests/images/add.png';\nimport XLS from '../../../../assests/images/xls.png';\nimport '../style/style.css';\nimport { toast } from \"react-toastify\";\nimport { bulkuploaddataa } from '../actions/dashboardAction';\nimport RightIcon from '../../../../assests/images/Group 911.svg';\nimport { SpinnerRoundFilled } from 'spinners-react';\nimport constants from '../../../../utils/constants';\nimport MaterialTable from 'material-table';\nimport { Link } from '@material-ui/core';\nimport PubNub from 'pubnub';\nimport \"react-step-progress-bar/styles.css\";\nimport { ProgressBar, Step } from \"react-step-progress-bar\";\nimport { InfoIconWithTooltip } from 'icon-with-tooltip';\nimport AccessRestricted from '../../common/components/accessRestricted';\nimport { isActionAllowed, getComponentActionList } from '../../../../common/components/Helper/Utils';\nimport ContentWrapper from '../../../../common/components/contentWrapper';\n\nconst steps = [\n {\n status: \"Validating the File\",\n step: 1,\n info: \"Checking the header, file extension and data types of each fields\"\n },\n {\n status: \"Processing Data\",\n step: 2,\n info: \"Collect the Valid data and convert the data into processing format\"\n },\n {\n status: \"Loading Data\",\n step: 3,\n info: \"Creating New Watches into Inventory\"\n },\n {\n status: \"Checking Completeness\",\n step: 4,\n info: \"Inventory Created with Valid Data and Error / Failure File Prepared\"\n }\n];\n\nfunction BulkUploadComponent(props) {\n const [bulkUploadFile, setBulkUploadFile] = useState(\"\")\n const [bulkUploadCheckBox, setBulkUploadCheckBox] = useState(false)\n const [errorBulkUploadCheckBox, setErrorBulkUploadCheckBox] = useState(\"\")\n const [loading, setLoading] = useState(false)\n const [sampleData, setSampleData] = useState([])\n const [successFeedback, setSuccessFeedback] = useState(false)\n const [inventoryxlid, setInventoryxlid] = useState(null)\n const [statusMessage, setStatusMessage] = useState(\"Processing the File\")\n const [transfer, setTransfer] = useState({ step: 0 })\n const [position, setPosition] = useState(0.1);\n const [accessData, setAccessData] = useState([]);\n\n const pubnub = useMemo(() => {\n return new PubNub({\n publishKey: constants.PUBNUB_PUBLISHKEY,\n subscribeKey: constants.PUBNUB_SUBSCRIBEKEY,\n uuid: constants.PUBNUB_UUID,\n autoNetworkDetection: true, // enable for non-browser environment automatic reconnection\n restore: true,\n })\n }, []);\n useEffect(() => {\n const accessDataFromObject = getComponentActionList('bulk_upload');\n setAccessData(accessDataFromObject);\n }, [])\n const getStepPosition = (transferStep) => {\n let index = steps.findIndex(({ step }) => step === transferStep) + 1;\n return index / steps.length\n };\n\n const validateInput = () => {\n let errorBulkUploadCheckBox = '';\n let isValid = true;\n\n if (bulkUploadCheckBox === false) {\n errorBulkUploadCheckBox = 'Please Check It';\n isValid = false;\n }\n setErrorBulkUploadCheckBox(errorBulkUploadCheckBox)\n return isValid;\n };\n\n const bulkUploadFileFun = ({ target }) => {\n const imageFile = target.files[0];\n setBulkUploadFile(imageFile);\n }\n\n const onChangeOfCheckBox = (event) => {\n setBulkUploadCheckBox(event.target.checked)\n if (event.target.checked === true) {\n setErrorBulkUploadCheckBox('')\n } else {\n setErrorBulkUploadCheckBox('Please Check It')\n }\n }\n const handleMessage = (event) => {\n if (event && event.channel && event.channel === `${inventoryxlid}_status`) {\n setStatusMessage(event.message.data);\n if (event.message.step > transfer.step) {\n setTransfer({ step: event.message.step })\n const position = getStepPosition(event.message.step);\n setPosition(position)\n }\n\n }\n if (event && event.channel && event.channel === `${inventoryxlid}_data`) {\n setTransfer({ step: event.message.step })\n const position = getStepPosition(event.message.step);\n setPosition(position)\n if (event.message && event.message.inventoryxlid) {\n const data = event.message;\n let successFeedback = data && data.data.filter(function (el) {\n return el.status === 'Success' && el.watchCount > 0;\n });\n setSuccessFeedback(successFeedback.length > 0)\n setLoading(false);\n setSampleData(data.data);\n }\n }\n };\n\n useEffect(() => {\n\n pubnub.addListener({ message: handleMessage });\n pubnub.subscribe({ channels: [`${inventoryxlid}_status`, `${inventoryxlid}_data`] });\n return () => {\n pubnub.removeListener(handleMessage);\n pubnub.unsubscribe({\n channels: [`${inventoryxlid}_status`, `${inventoryxlid}_data`],\n });\n };\n\n }, [inventoryxlid, pubnub]);\n\n const onSubmit = () => {\n if (validateInput()) {\n let fd = new FormData();\n fd.set('bulk_xl', bulkUploadFile);\n\n props.bulkuploaddataa(\n fd,\n (success) => {\n toast(success.message, {\n autoClose: 5000,\n type: success.success ? toast.TYPE.SUCCESS : toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n setTransfer({ step: 1 })\n const position = getStepPosition(1);\n setPosition(position)\n setLoading(true);\n if (success.data === null) {\n setLoading(false);\n }\n if (success.data) {\n setInventoryxlid(success.data?.inventoryxlid)\n }\n },\n (error) => {\n toast(\"Bulk Upload Failed\", {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n );\n }\n }\n const getContentView = () => {\n return (\n <>\n {isActionAllowed(accessData, 'upload_inventory') ?\n (\n \n \n \n \n \n
\n \n
\n \n \n \n Promoted \n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n {/* \n \n \n \n \n \n \n */}\n {/* \n */}\n {/* \n */}\n \n
\n \n 
\n
\n \n \n {this.state.countData?this.state.countData.map((data) => (data.insta_count)):0} \n
\n \n
\n \n 
\n
\n \n {this.state.countData?this.state.countData.map((data) => (data.fb_count)):0} \n
\n \n
\n \n
\n \n Listed \n\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n {/* \n */}\n {/* \n */}\n {/* \n \n \n
\n \n \n
\n \n {this.state.countData?this.state.countData.map((data) => ((data.chrono24_count === null) ? 0 : data.chrono24_count)): 0 } \n
\n \n
\n \n \n
\n \n {this.state.countData?this.state.countData.map((data) => ((data.ebay_count === null) ? 0 : data.ebay_count)):0} \n
\n \n
*/}\n {/* \n \n \n \n \n \n \n
\n \n 
\n
\n \n \n Total Inventory Available\n \n
\n \n \n \n {this.state.countData?this.state.countData.map((data) => (data.instock_count)):0}\n \n
Pieces\n \n
\n Pieces\n
\n \n \n \n \n \n \n
\n \n
\n \n {this.state.countData?this.state.countData.map((data) => (data.sold_count)):0}\n
\n \n
\n \n SOLD \n {this.state.countData?this.state.countData.map((data) => (data.sold_count)):0} sold out \n
\n \n \n \n \n \n \n \n
\n \n
\n \n {this.state.countData?this.state.countData.map((data) => (data.instock_count)):0}\n
\n \n
\n \n In Stock \n {this.state.countData?this.state.countData.map((data) => (data.instock_count)):0} in stock \n
\n \n
*/}\n {/* \n */}\n {/*
*/}\n \n \n \n Promoted \n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n */}\n {/* \n \n \n \n \n \n \n */}\n {/* \n */}\n {/* \n */}\n {/* \n
\n \n \n
\n \n \n {this.state.countData?this.state.countData.map((data) => (data.insta_count)):0} \n
\n \n
\n \n \n
\n \n {this.state.countData?this.state.countData.map((data) => (data.fb_count)):0} \n
\n \n
\n \n
\n \n
\n \n ) :\n (\n \n {loading === false && sampleData && sampleData.length === 0 && (\n
)}\n {sampleData && sampleData.length > 0 &&\n \n \n \n \n Download the excel sample file by clicking on the xls icon below before you bulk upload your products \n \n \n \n \n \n \n \n \n \n \n \n
\n )}\n\n {loading === true &&\n (\n \n \n 
\n \n \n
\n \n \n \n \n\n \n
\n \n \n \n \n \n {errorBulkUploadCheckBox}\n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n
\n \n
\n \n \n {steps.map((step, index, arr) => {\n return (\n (\n
\n )}\n />\n );\n })}\n \n \n \n {index + 1}\n
\n \n {steps[index].status}\n
\n \n
\n \n \n {rowData.filePath} }\n ]} />\n \n \n \n \n {successFeedback && (\n \n \n \n \n \n \n\n \n
\n }\n \n
\n )}\n \n \n
\n \n \n Your watches has been added into our database,\n now you can upload the images in My Inventory \n
\n \n \n {/* href={`/myinventory/${inventoryxlid}`}>GO TO INVENTORY */}\n
\n \n \n \n \n \n Create New Customer\n \n \n Duis mollis, est non commodo luctus, nisi erat porttitor ligula.\n \n \n \n \n \n \n
\n \n \n
\n );\n}\n\n\n\n","import * as React from \"react\";\nimport Dialog from \"@mui/material/Dialog\";\nimport DialogContent from \"@mui/material/DialogContent\";\nimport DialogContentText from \"@mui/material/DialogContentText\";\nimport DialogTitle from \"@mui/material/DialogTitle\";\nimport IconButton from '@material-ui/core/IconButton';\nimport CloseIcon from '@material-ui/icons/Close';\nimport Table from \"@mui/material/Table\";\nimport TableBody from \"@mui/material/TableBody\";\nimport TableCell, { tableCellClasses } from \"@mui/material/TableCell\";\nimport TableContainer from \"@mui/material/TableContainer\";\nimport TableHead from \"@mui/material/TableHead\";\nimport TablePagination from \"@mui/material/TablePagination\";\nimport { styled } from \"@mui/material/styles\";\nimport TableRow from \"@mui/material/TableRow\";\nimport { Button, DialogActions, FormControl, MenuItem, Select, Typography, FormControlLabel, Checkbox, } from \"@material-ui/core\";\nimport DateFnsUtils from '@date-io/date-fns';\nimport { useEffect } from \"react\";\nimport { useState } from \"react\";\nimport { toast } from \"react-toastify\";\nimport {\n updateShippingInformation\n} from \"./../../dashboard/actions/dashboardAction\";\nimport { KeyboardDatePicker, MuiPickersUtilsProvider } from \"@material-ui/pickers\";\nimport { formatDate, showErrorToast } from \"../../../../common/components/Helper/Utils\";\n\nconst StyledTableCell = styled(TableCell)(({ theme }) => ({\n border: 'none'\n}));\n\nexport default function ShippingInfoUpdateModal(props) {\n const { open, handleClose, invoice, paymentStatus } = props;\n const [rows, setRow] = useState([]);\n const [shippingDate, setShippingDate] = useState(null);\n const [trackingNumber, setTrackingNumber] = useState(null);\n const [shippingMethod, setShippingMethod] = useState(null);\n const [shipping, setShipping] = useState(null);\n const [tax, setTax] = useState(null);\n const [fees, setFees] = useState(null);\n const [adjustInvoiceAmount, setAdjustInvoiceAmount] = useState(null);\n const [adjustNotes, setAdjustNotes] = useState(null);\n const [wireDetails, setWireDetails] = useState(false);\n const [deposit, setDeposit] = useState(null);\n const [discount, setDiscount] = useState(null);\n const [notes, setNotes] = useState(null);\n\n useEffect(() => {\n if (invoice && invoice.id) {\n const shippingmethod = invoice.shippingmethod || null;\n const trackingNo = invoice.trackingnumber || null;\n const shippingdate = invoice.shippingdate ? formatDate(invoice.shippingdate) : null;\n setShippingDate(shippingdate);\n setTrackingNumber(trackingNo);\n setShippingMethod(shippingmethod);\n setWireDetails(invoice?.wiredetails)\n setShipping(invoice?.shippingprice)\n setTax(invoice?.tax);\n setFees(invoice?.fees);\n setAdjustInvoiceAmount(invoice?.adjust_amount);\n setAdjustNotes(invoice?.adjust_notes);\n setNotes(invoice?.notes);\n setDeposit(invoice?.deposit);\n setDiscount(invoice?.discount);\n }\n }, [invoice])\n\n const updateShippingDetails = () => {\n const data = {\n 'shippingMethod': shippingMethod,\n 'shippingDate': shippingDate,\n 'trackingNumber': trackingNumber,\n 'invoiceId': invoice.id,\n 'shippingPrice': shipping ? formatPrice(shipping) : \"0.00\",\n 'tax': tax ? formatPrice(tax) : \"0.00\",\n 'fees': fees ? formatPrice(fees) : \"0.00\",\n 'adjust_amount': adjustInvoiceAmount ? formatPrice(adjustInvoiceAmount) : \"0.00\",\n 'adjust_notes': adjustNotes,\n 'wireDetails': wireDetails,\n 'userId': invoice.userid,\n 'notes': notes,\n 'deposit': deposit,\n 'discount': discount\n }\n updateShippingInformation(data, (res, error) => {\n if (res?.status == 1) {\n toast(\"Invoice details updated successfully.\", {\n autoClose: 5000,\n type: toast.TYPE.SUCCESS,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n handleClose('fetch');\n } else {\n toast(res?.message || \"Failed to update invoice details.\", {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n if (error) {\n showErrorToast(error);\n }\n })\n }\n\n // const formatPrice = (val) => {\n // if (val.includes('.')) {\n // if (val.split('.')[1].length >= 2) {\n // const num = parseFloat(val);\n // const cleanNum = num.toFixed(2);\n // return cleanNum.toString();\n // }\n // }\n // return `${val}.00`;\n // }\n\n const formatPrice = (val) => {\n const num = parseFloat(val);\n if (isNaN(num)) {\n throw new Error(\"Invalid number format\");\n }\n return num.toFixed(2);\n };\n\n const onChangeOfCheckBox = (event) => {\n if (event.target.checked === true) {\n setWireDetails(true);\n } else {\n setWireDetails(false);\n }\n }\n\n return (\n Are you sure you want to Void the invoice?
\n \n \n \n \n
\n );\n};\n\nconst InvoiceDashboardList = (props) => {\n const {\n register,\n handleSubmit,\n setValue,\n getValues,\n formState: { errors },\n reset,\n } = useForm();\n const {\n register: register1,\n handleSubmit: handleSubmit1,\n setValue: setValue1,\n getValues: getValues1,\n formState: { errors: errors1 },\n watch: watch1,\n reset: reset1,\n } = useForm();\n // const orderby = '';\n const location = useLocation();\n const { invoiceFilter } = location.state || {};\n const [page, setPage] = React.useState(0);\n const [rowsPerPage, setRowsPerPage] = React.useState(10);\n const [rows, setRows] = React.useState([]);\n const [openModal, setModalOpen] = useState(false);\n const [openInvoiceModal, setOpenInvoiceModal] = useState(false);\n const [invoiceType, setInvoiceType] = useState(\"regular_invoice\");\n const [paymentStatus, setPaymentStatus] = useState(null);\n const [amount, setAmount] = useState(null);\n const [disableAmount, setDisableAmount] = useState(false);\n const [paymentDate, setPaymentdDate] = useState(null);\n const [paymentMethod, setPaymentMethod] = useState(null);\n const [remainingAmount, setRemainingAmount] = useState(null);\n const [errRemainingAmt, setRemaingAmtError] = useState(null);\n const [remainingBalance, setRemainingBalance] = useState(null);\n const [totalAmt, setTotalAmt] = useState(null);\n const [invoiceId, setInvoiceId] = useState(null);\n const [invoiceDate, setInvoiceDate] = useState(null);\n const [formInvalid, setFormInvalid] = useState(false);\n const [paymentStatusFilter, setPaymentStatusFilter] = useState(null);\n const [inventoryTypeFilter, setinventoryTypeFilter] = useState(null);\n const [invoiceTypeFilter, setinvoiceTypeFilter] = useState(invoiceFilter?.type || \"invoice\");\n const [memoInvoiceStatusFilter, setmemoInvoiceStatusFilter] = useState(invoiceFilter?.memoInvoiceStatus || \"All\");\n //const [invoiceList, setInvoiceList] = useState([]);\n const [serialNo, setSerialNo] = useState(null);\n const [paymentdetails, setPaymentDetails] = useState(null);\n const [model, setModelList] = useState(props?.modelList);\n const [modelNo, setModel] = useState(null);\n const [description, setDescription] = useState(null);\n const [searchObj, setSearchObj] = useState({});\n const userDetails = sessionStorage.getItem(\"userDetails\") ? JSON.parse(sessionStorage.getItem(\"userDetails\")) : null;\n const [anchorEl, setAnchorEl] = useState(null);\n const [noData, setNoData] = useState(false);\n const [anchorTarget, setAnchorTarget] = useState(null);\n const open = Boolean(anchorEl);\n const [selectedInvoice, setSelectedInvoice] = useState(null);\n const [modelErrorText, setModelErrorText] = useState(\"\");\n const [paymentMethodErrorText, setPaymentMethodErrorText] = useState(\"\");\n const [PDF, setPDF] = useState(null);\n const [serialnoErrorText, setSerialNoErrorText] = useState(\"\");\n const [openInvoiceTransactionModal, setOpenInvoiceTransactionModal] =\n useState(false);\n const [openShippingInfoModal, setOpenShippingInfoModal] = useState(false);\n const [searchKeyword, setSearchKeyword] = useState(\"\");\n const [invoiceDateInterval, setInvoiceDateInterval] = useState('ALL');\n const [openCancelModal, setCancelModal] = useState(false);\n const [viewInvoiceModal, setviewInvoiceModal] = useState(false);\n const [downloadId, setDownloadId] = useState('');\n const [downloadCondensedId, setDownloadCondensedId] = useState('');\n const [downloadingSpinner, setDownloadingSpinner] = useState(false);\n const [downloadingCondensedSpinner, setDownloadingCondensedSpinner] = useState(false);\n const [anchorE2, setAnchorE2] = React.useState(\"\");\n const [anchorE3, setAnchorE3] = React.useState(\"\");\n const [shippingDateValue, setShippingDateValue] = useState([]);\n const [selectedShippingDate, setSelectedShippingDate] = useState([]);\n const [pdfData, setPdfData] = useState('')\n const [sortingColumn, setSortingColumn] = useState('invoicenumber');\n const [sortingOrder, setSortingOrder] = useState('desc');\n const [propsModelList, setPropsModelList] = useState([])\n const [tradeProductId, setTradeProductId] = useState('');\n const [searchLoading, setSearchLoading] = useState(false)\n const [accessData, setAccessData] = useState([]);\n const [DownloadInvoice, setDownloadInvoice] = useState(false);\n const [loader, setloader] = useState(true);\n const [disabled, setDisabled] = useState(false);\n const [invoiceDateRange, setInvoiceDateRange] = useState([]);\n const [selectedInvoiceDate, setSelectedInvoiceDate] = useState([]);\n const [key, setKey] = useState(0);\n const accountId = window.sessionStorage.getItem('accountId');\n const [tradeModelName, setTradeModelName] = useState(null);\n const [tradeModelNumber, setTradeModelNumber] = useState(null);\n const [tradeMiscCategory, setTradeMiscCategory] = useState(null);\n const [watchType, setWatchType] = useState(\"standard_watch\");\n const [modelNameErrorText, setModelNameErrorText] = useState(\"\");\n const [modelNumberErrorText, setModelNumberErrorText] = useState(\"\");\n const [miscCategoryErrorText, setMiscCategoryErrorText] = useState(\"\");\n const [checkPaymentStatus, setCheckPaymentStatus] = useState(\"\");\n const [paymentContactBased, setPaymentContactBased] = useState([]);\n\n useEffect(() => {\n setKey(prevKey => prevKey + 1);\n }, [selectedInvoiceDate])\n\n useEffect(() => {\n const accessData1 = getComponentActionList('invoices')\n setAccessData(accessData1)\n }, [])\n\n useEffect(() => {\n if (watchType === \"misc_watch\") {\n const serialNumber = \"Not Available-\" + new Date().getTime();\n setSerialNo(serialNumber);\n } else {\n setSerialNo(\"\");\n }\n }, [watchType]);\n\n useEffect(() => {\n fetchData(invoiceFilter);\n }, [invoiceFilter])\n\n const handleSort = (columnId) => {\n let order = 'asc';\n if (sortingColumn === columnId && sortingOrder === 'asc') {\n order = 'desc';\n }\n setSortingColumn(columnId);\n setSortingOrder(order);\n\n const sortedRows = [...rows].sort((a, b) => {\n let valueA = a[columnId];\n let valueB = b[columnId];\n\n if (typeof valueA === 'string' && typeof valueB === 'string') {\n return valueA.localeCompare(valueB);\n } else if (typeof valueA === 'number' && typeof valueB === 'number') {\n return valueA - valueB;\n } else if (valueA instanceof Date && valueB instanceof Date) {\n return valueA.getTime() - valueB.getTime();\n } else if (typeof valueA === 'boolean' && typeof valueB === 'boolean') {\n return valueA === valueB ? 0 : valueA ? -1 : 1;\n } else {\n return String(valueA).localeCompare(String(valueB));\n }\n });\n\n if (order === 'desc') {\n sortedRows.reverse();\n }\n setRows(sortedRows);\n };\n\n const openButton = Boolean(anchorE3);\n const handleClickButton = (event) => {\n setAnchorE3(event.currentTarget)\n }\n const handleCloseButton = () => {\n setAnchorE3('');\n };\n const openAction = Boolean(anchorE2);\n const handleClick = (event, row) => {\n setAnchorE2(event.currentTarget);\n setSelectedInvoice(row);\n };\n\n const handleCloseAction = async (identifier) => {\n setAnchorE2(\"\");\n setSelectedInvoice(null);\n setOpenInvoiceTransactionModal(false);\n setOpenShippingInfoModal(false);\n setCancelModal(false);\n setviewInvoiceModal(false)\n setPdfData('');\n\n if (identifier === 'fetch') {\n setloader(true);\n const dashboardData = {\n userId: userDetails?.userId,\n accountId: accountId,\n paymentStatus: paymentStatusFilter,\n inventoryType: inventoryTypeFilter === \"ALL\" ? null : inventoryTypeFilter,\n type: invoiceTypeFilter,\n memoInvoiceStatus: memoInvoiceStatusFilter,\n billingSearch: searchKeyword ? searchKeyword?.replace(/[\\p{P}]/gu, \"\") : \"\",\n };\n if (selectedShippingDate && selectedShippingDate.length > 0) {\n dashboardData['shippingDateInterval'] = {\n from: selectedShippingDate[0].format(),\n to: selectedShippingDate[1].format()\n }\n }\n if (selectedInvoiceDate && selectedInvoiceDate.length > 0) {\n dashboardData['invoiceDateDetails'] = {\n from: selectedInvoiceDate[0].format(),\n to: selectedInvoiceDate[1].format()\n }\n }\n setDisabled(true);\n // props.fetchInvoiceList(dashboardData);\n await props.fetchInvoiceList(dashboardData, (error, response) => {\n setDisabled(false);\n setloader(false);\n });\n\n }\n };\n\n useEffect(() => {\n fetchData();\n }, [\n paymentStatusFilter,\n inventoryTypeFilter,\n invoiceTypeFilter,\n memoInvoiceStatusFilter,\n selectedShippingDate,\n selectedInvoiceDate\n ]);\n\n const fetchData = async (invoiceFilter = null) => {\n const dashboardData = {\n userId: userDetails?.userId,\n accountId: accountId,\n paymentStatus: paymentStatusFilter,\n inventoryType: inventoryTypeFilter === \"ALL\" ? null : inventoryTypeFilter,\n billingSearch: searchKeyword ? searchKeyword?.replace(/[\\p{P}]/gu, \"\") : \"\",\n type: invoiceTypeFilter,\n memoInvoiceStatus: memoInvoiceStatusFilter,\n // invoiceDateInterval: invoiceDateInterval === 'ALL' ? 0 : invoiceDateInterval,\n };\n\n if (selectedShippingDate && selectedShippingDate.length > 0) {\n dashboardData['shippingDateInterval'] = {\n from: selectedShippingDate[0].format(),\n to: selectedShippingDate[1].format()\n };\n }\n if (selectedInvoiceDate && selectedInvoiceDate.length > 0) {\n dashboardData['invoiceDateDetails'] = {\n from: selectedInvoiceDate[0].format(),\n to: selectedInvoiceDate[1].format()\n }\n }\n setPage(0);\n setloader(true);\n setDisabled(true);\n // props.fetchInvoiceList(dashboardData);\n await props.fetchInvoiceList(invoiceFilter ? invoiceFilter : dashboardData, (error, response) => {\n setloader(false);\n setDisabled(false)\n });\n };\n\n useEffect(() => {\n if (shippingDateValue && shippingDateValue.length === 2) {\n setSelectedShippingDate(shippingDateValue);\n }\n if (shippingDateValue?.length === 0 && selectedShippingDate && selectedShippingDate.length === 2) {\n setSelectedShippingDate([]);\n }\n if (invoiceDateRange && invoiceDateRange.length === 2) {\n setSelectedInvoiceDate(invoiceDateRange);\n }\n if (invoiceDateRange?.length === 0 && selectedInvoiceDate && selectedInvoiceDate.length === 2) {\n setSelectedInvoiceDate([]);\n }\n }, [shippingDateValue, invoiceDateRange])\n\n useEffect(() => {\n setRows(props?.invoiceDetails?.invoiceDashboardList?.list);\n }, [JSON.stringify(props?.invoiceDetails?.invoiceDashboardList)]);\n\n // useEffect(() => {\n // if (loader) {\n // setloader(false)\n // }\n // }, [rows])\n\n useEffect(() => {\n const timer = setTimeout(() => {\n if (Object.keys(searchObj).length && searchObj?.searchVal?.length > 2) {\n setSearchLoading(true)\n searchProductsAPI(searchObj, (error, res) => {\n setSearchLoading(false)\n if (error) {\n console.log(error, res)\n }\n if (res && res.data) {\n setPropsModelList(res.data)\n }\n })\n }\n }, 500);\n return () => clearTimeout(timer);\n }, [searchObj]);\n\n useEffect(() => {\n if (propsModelList && propsModelList.length) {\n setAnchorEl(anchorTarget);\n } else {\n if (searchObj?.searchVal) {\n setNoData(true);\n }\n }\n\n if (searchObj?.column === \"modelNumber\") {\n // setInventoryId(props.inventoryid)\n setModelList(propsModelList);\n }\n }, [propsModelList]);\n\n const onPaymentStatusChange = (event) => {\n let paymentStatusVal = event.target.value;\n if (paymentStatusVal) {\n setPaymentStatus(paymentStatusVal);\n if (paymentStatusVal === \"Fully Paid\") {\n const remainingAmt = remainingBalance > 0 ? remainingBalance : totalAmt;\n setAmount(remainingAmt);\n setRemainingAmount(0);\n setDisableAmount(true);\n setRemaingAmtError(\"\");\n } else {\n setAmount(0);\n setRemainingAmount(remainingBalance);\n setDisableAmount(false);\n }\n }\n };\n\n const handleNavigateInvoice = () => {\n const invoiceFilter = {\n userId: userDetails?.userId,\n accountId: accountId,\n paymentStatus: paymentStatusFilter,\n inventoryType: inventoryTypeFilter === \"ALL\" ? null : inventoryTypeFilter,\n billingSearch: searchKeyword ? searchKeyword?.replace(/[\\p{P}]/gu, \"\") : \"\",\n type: invoiceTypeFilter,\n memoInvoiceStatus: memoInvoiceStatusFilter,\n };\n if (invoiceType === \"memo_invoice\") {\n props.history.push({\n pathname: \"/create/memoinvoice\",\n state: { invoiceFilter }\n });\n }\n else {\n props.history.push({\n pathname: \"/create/invoice\",\n state: { invoiceFilter, isConvertToSale: false, }\n });\n }\n }\n\n const onAmountChange = (event) => {\n let amountVal =\n event.target.value.match(/^\\d+(\\.\\d{1,2})?$/) !== null\n ? event.target.value\n : parseFloat(event.target.value).toFixed(2);\n if (Number(amountVal)) {\n const remainingAmt =\n parseFloat(remainingBalance) > 0\n ? parseFloat(remainingBalance)\n : parseFloat(totalAmt);\n if (parseFloat(amountVal) > remainingAmt) {\n setRemaingAmtError(\"Amount should not exceed remaining amount\");\n setFormInvalid(true);\n setAmount(amountVal);\n setRemainingAmount(remainingAmt.toFixed(2));\n } else {\n setAmount(amountVal);\n setFormInvalid(false);\n setRemaingAmtError(null);\n if (parseFloat(remainingBalance) > 0) {\n setRemainingAmount(\n (parseFloat(remainingBalance) - amountVal).toFixed(2)\n );\n } else {\n setRemainingAmount((parseFloat(totalAmt) - amountVal).toFixed(2));\n }\n }\n } else {\n setAmount(\"\");\n setRemainingAmount(remainingBalance);\n }\n };\n\n const handleSearch = (e, column) => {\n setNoData(false);\n setAnchorTarget(e.currentTarget);\n // setCurrentSearch(column);\n setModelErrorText(\"\");\n setPaymentMethodErrorText(\"\");\n setModel(e.target.value);\n setTradeProductId(null)\n const text = e.target.value\n const string = text ? text.replace(/[&\\/\\\\#,+!@^&()$~%.'\":;*?<>{}]/g, '') : '';\n setSearchObj({ column, searchVal: e.target.value, searchText: string, from: 'trade' });\n };\n\n const onPaymentMethodChange = (event) => {\n const { value } = event.target;\n setPaymentMethod(value);\n if (value !== \"Trade\") {\n handleNonTrade();\n }\n };\n\n const handleNonTrade = () => {\n setModel(null);\n setSerialNo(null);\n setTradeModelName(null);\n setTradeModelNumber(null);\n setTradeMiscCategory(null);\n }\n\n const onRemainingAmountChange = (event) => {\n let remainingAmountVal = Number(event.target.value);\n if (remainingAmountVal) {\n setRemainingAmount(remainingAmountVal);\n }\n };\n\n const onSerialNoChange = (event) => {\n let serialNoVal = event.target.value;\n setSerialNoErrorText(\"\");\n if (serialNoVal) {\n setSerialNo(serialNoVal);\n } else {\n setSerialNo(null);\n }\n };\n const onPaymentDetails = (event) => {\n setPaymentDetails(event.target.value);\n }\n\n const onPaymentStatusFilter = (event) => {\n let paymentMethodVal = event.target.value;\n if (paymentMethodVal) {\n setPaymentStatusFilter(paymentMethodVal);\n }\n };\n\n const oninventoryTypeFilter = (event) => {\n let inventoryTypeVal = event.target.value;\n if (inventoryTypeVal) {\n setinventoryTypeFilter(inventoryTypeVal);\n }\n };\n\n const oninvoiceTypeFilter = (event) => {\n let { value } = event.target;\n if (value) {\n setinvoiceTypeFilter(value);\n }\n };\n\n const onmemoInvoiceStatusFilter = (event) => {\n let { value } = event.target;\n if (value) {\n setmemoInvoiceStatusFilter(value);\n }\n };\n\n const fetchInvoicesGrid = async (from = null) => {\n setloader(true);\n const dashboardData = {\n userId: userDetails?.userId,\n accountId: accountId,\n paymentStatus: paymentStatusFilter,\n inventoryType: inventoryTypeFilter === \"ALL\" ? null : inventoryTypeFilter,\n type: invoiceTypeFilter,\n memoInvoiceStatus: memoInvoiceStatusFilter,\n billingSearch: from === \"clear\" ? \"\" : searchKeyword?.replace(/[\\p{P}]/gu, \"\"),\n // invoiceDateInterval: invoiceDateInterval === 'ALL' ? 0 : invoiceDateInterval,\n };\n if (selectedShippingDate && selectedShippingDate.length > 0) {\n dashboardData['shippingDateInterval'] = {\n from: selectedShippingDate[0].format(),\n to: selectedShippingDate[1].format()\n }\n }\n if (selectedInvoiceDate && selectedInvoiceDate.length > 0) {\n dashboardData['invoiceDateDetails'] = {\n from: selectedInvoiceDate[0].format(),\n to: selectedInvoiceDate[1].format()\n }\n }\n setPage(0);\n setloader(true);\n setDisabled(true);\n // props.fetchInvoiceList(dashboardData);\n await props.fetchInvoiceList(dashboardData, (error, response) => {\n setloader(false);\n setDisabled(false);\n });\n };\n\n const onSearchClick = (event) => {\n if (!event.target.value) {\n fetchInvoicesGrid(\"clear\");\n }\n setSearchKeyword(event.target.value);\n };\n const handleClose = () => {\n setAnchorEl(null);\n };\n\n const handleSelection = (val, columnId) => {\n setModel(val.model);\n setAnchorEl(null);\n setValue(\"modelNumber\", val.model);\n setTradeProductId(val.productid)\n setModelErrorText(\"\");\n setPaymentMethodErrorText(\"\");\n setPropsModelList([]);\n setSearchObj((prevState) => ({ ...prevState, searchVal: \"\", searchText: \"\", from: 'trade' }));\n };\n\n const submitPaymentForm = (event) => {\n event.preventDefault();\n let data = {\n paymentStatus: paymentStatus,\n amount: amount,\n paymentDate: paymentDate,\n paymentMethod: paymentMethod,\n remainingBalance: remainingAmount,\n invoiceId: invoiceId,\n model: modelNo,\n serialNo: serialNo,\n paymentmethod_details: paymentdetails,\n description: description,\n userid: userDetails?.userId,\n accountId: accountId,\n productId: tradeProductId,\n invoiceType: watchType,\n modelNo: tradeModelNumber,\n modelName: tradeModelName,\n miscCategory: tradeMiscCategory\n };\n const dashboardData = {\n userId: userDetails?.userId,\n accountId: accountId,\n paymentStatus: paymentStatusFilter,\n inventoryType: inventoryTypeFilter === \"ALL\" ? null : inventoryTypeFilter,\n type: invoiceTypeFilter,\n memoInvoiceStatus: memoInvoiceStatusFilter,\n billingSearch: searchKeyword ? searchKeyword?.replace(/[\\p{P}]/gu, \"\") : \"\",\n };\n if (selectedShippingDate && selectedShippingDate.length > 0) {\n dashboardData['shippingDateInterval'] = {\n from: selectedShippingDate[0].format(),\n to: selectedShippingDate[1].format()\n }\n }\n if (selectedInvoiceDate && selectedInvoiceDate.length > 0) {\n dashboardData['invoiceDateDetails'] = {\n from: selectedInvoiceDate[0].format(),\n to: selectedInvoiceDate[1].format()\n }\n }\n let isValid = false;\n if (paymentStatus?.toLowerCase() === \"partially paid\" && amount <= 0) {\n setRemaingAmtError(\"Please enter amount\");\n isValid = true;\n }\n if (paymentStatus?.toLowerCase() !== \"not paid\" && !paymentMethod) {\n setPaymentMethodErrorText(\"Please select payment method\");\n isValid = true;\n }\n if (paymentMethod?.toLowerCase() === \"trade\") {\n if (watchType === \"standard_watch\" && !modelNo) {\n setModelErrorText(\"Please select Model\");\n isValid = true;\n }\n // if ((watchType === \"standard_watch\" || watchType === \"misc_watch\") && !serialNo) {\n // setSerialNoErrorText(\"Please enter Serial Number\");\n // isValid = true;\n // }\n if (watchType === \"standard_watch\" && !tradeProductId) {\n setModelErrorText(\"Please select Model\");\n isValid = true;\n }\n if (watchType === \"misc_product\" && !tradeMiscCategory) {\n setMiscCategoryErrorText(\"Please select Misc Category\");\n isValid = true;\n }\n if (watchType === \"misc_product\" && !tradeModelName) {\n setModelNameErrorText(\"Please enter Model Name\");\n isValid = true;\n }\n // if (watchType === \"misc_product\" && !tradeModelNumber) {\n // setModelNumberErrorText(\"Please enter Model Number\");\n // isValid = true;\n // }\n }\n if (isValid) {\n return false;\n } else {\n setloader(true);\n updatePaymentStatus(data, (error, res) => {\n if (res?.status == 1) {\n // props.fetchInvoiceList(dashboardData);\n // setModalOpen(false);\n handleCloseModal();\n showSuccessToast(\"Payment status updated successfully\");\n props.fetchInvoiceList(dashboardData, (error, response) => {\n setloader(false);\n });\n }\n else {\n setloader(false);\n showErrorToast(res?.message || res?.data?.message || \"Something went wrong\");\n }\n if (error) {\n setloader(false);\n showErrorToast(error);\n }\n });\n }\n };\n\n const handleAddItem = () => {\n const row = selectedInvoice;\n setAmount(null);\n setDescription(null);\n setDisableAmount(false);\n setRemaingAmtError(null);\n handleCloseAction();\n setPaymentStatus(row?.paymentstatus);\n // setPaymentMethod(row?.paymentmethod);\n setPaymentDetails(row?.paymentmethod_details);\n // if (row.paymentmethod && row.paymentmethod.toLowerCase() === \"trade\") {\n // setModel(row?.reference);\n // setSerialNo(row?.serialno);\n // } else {\n // setModel(null);\n // setSerialNo(null);\n // }\n setModel(null);\n setSerialNo(null);\n setPaymentContactBased(row?.acceptable_payment && row?.acceptable_payment.length > 0 ? row?.acceptable_payment : [])\n setTradeProductId(null);\n setRemainingAmount(\n row?.remainingbalance ? row?.remainingbalance : row?.totalprice\n );\n setRemainingBalance(\n row?.remainingbalance ? row?.remainingbalance : row?.totalprice\n );\n setPaymentdDate(null);\n setInvoiceId(row?.id);\n setInvoiceDate(row?.invoicedate);\n setTotalAmt(row?.totalprice);\n setModalOpen(!openModal);\n handleNonTrade();\n };\n\n const handleCloseModal = () => {\n setModalOpen(false);\n setModelErrorText(\"\");\n setPaymentMethodErrorText(\"\");\n setSerialNoErrorText(\"\");\n setAnchorEl(null);\n setPropsModelList([]);\n setModel(\"\");\n setSearchLoading(false);\n setSearchObj((prevState) => ({ ...prevState, searchVal: \"\", searchText: \"\", from: 'trade' }));\n setOpenInvoiceModal(false);\n setInvoiceType(\"regular_invoice\")\n handleNonTrade();\n };\n const handleChangePage = (evesetSelectedInvoicent, newPage) => {\n setPage(newPage);\n };\n\n const handleTransactionModal = (from, paymentStatus) => {\n const row = selectedInvoice;\n handleCloseAction();\n if (row.id) {\n setSelectedInvoice(row);\n }\n if (from === \"SHIPPING-INFO\") {\n setOpenShippingInfoModal(!openShippingInfoModal);\n setCheckPaymentStatus(paymentStatus === \"Fully Paid\" ? paymentStatus : \"\");\n } else {\n setOpenInvoiceTransactionModal(!openInvoiceTransactionModal);\n setCheckPaymentStatus(\"\");\n }\n };\n\n const handleClearButton = () => {\n setSearchKeyword(\"\");\n fetchInvoicesGrid(\"clear\");\n };\n const handleChangeRowsPerPage = (event) => {\n setRowsPerPage(+event.target.value);\n setPage(0);\n };\n\n\n\n const StyledTableCell = styled(TableCell)(({ theme }) => ({\n [`&.${tableCellClasses.head}`]: {\n backgroundColor: theme.palette.common.black,\n color: theme.palette.common.white,\n },\n [`&.${tableCellClasses.body}`]: {\n fontSize: 14,\n },\n }));\n const handleMouseDown = (event) => {\n event.preventDefault();\n };\n const endAdornment = () => {\n const values = searchKeyword;\n if (values) {\n return (\n {status}
\n{status}
\n );\n };\n\n const renderColumnContent = (column, row) => {\n const value = row[column.id];\n const memoNumber = row[\"memonumber\"];\n const invoiceType = row[\"invoicetype\"];\n\n switch (column.id) {\n case \"remainingbalance\":\n return invoiceType === \"Memo Invoice\" ? \"NA\"\n : row.paymentstatus === 'Not Paid' ? row.totalprice : (row.remainingbalance || \"-\");\n case \"createdby\":\n return row.createdbyname || \"-\";\n case \"invoicenumber\":\n return value || memoNumber || \"-\";\n case \"contactname\":\n return row.firstname && row.lastname ? (`${row.firstname}${\" \"} ${row.lastname}`) : row.firstname || row.lastname || \"-\";\n case \"invoicesrcurl\":\n return (\n \n Download PDF\n \n );\n case \"invoicedate\":\n return value ? formatDate(value, \"MM/DD/YYYY\") : \"-\";\n case \"memo_returndate\":\n return invoiceType === \"Memo Invoice\" ?\n value ? formatDate(value, \"MM/DD/YYYY\") : \"-\"\n : \"NA\";\n case \"paymentdate\":\n return invoiceType === \"Memo Invoice\" ? \"NA\"\n : value ? formatDate(value, \"MM/DD/YYYY\") : \"-\";\n case \"paymentstatus\":\n return invoiceType === \"Memo Invoice\" ? \"NA\"\n : row[\"status\"] && row[\"status\"] !== \"Active\"\n ? renderPaymentStatus(row[\"status\"], row[\"reason\"])\n : renderPaymentStatus(value);\n default:\n return column.format && typeof value === \"number\"\n ? column.format(value)\n : value || \"-\";\n }\n };\n\n const renderActionsMenu = (row, accessData) => {\n const isDisabled = (status, paymentStatus) =>\n (paymentStatus === \"Fully Paid\" || status !== \"Active\");\n const invoiceType = row[\"invoicetype\"];\n\n const invoiceFilter = {\n userId: userDetails?.userId,\n accountId: accountId,\n paymentStatus: paymentStatusFilter,\n inventoryType: inventoryTypeFilter === \"ALL\" ? null : inventoryTypeFilter,\n billingSearch: searchKeyword ? searchKeyword?.replace(/[\\p{P}]/gu, \"\") : \"\",\n type: invoiceTypeFilter,\n memoInvoiceStatus: memoInvoiceStatusFilter,\n };\n\n // Add shippingDateInterval if selectedShippingDate exists\n if (selectedShippingDate && selectedShippingDate.length > 0) {\n invoiceFilter.shippingDateInterval = {\n from: selectedShippingDate[0].format(),\n to: selectedShippingDate[1].format(),\n };\n }\n\n // Add invoiceDateDetails if selectedInvoiceDate exists\n if (selectedInvoiceDate && selectedInvoiceDate.length > 0) {\n invoiceFilter.invoiceDateDetails = {\n from: selectedInvoiceDate[0].format(),\n to: selectedInvoiceDate[1].format(),\n };\n }\n\n return (\nActions
\n \nDownloading Invoice...
\n \n ) : (\n <>\nDownloading Condensed Invoice...
\n \n ) : (\n <>\n\n \n \n \n \n \n \n {isActionAllowed(accessData, 'create_invoice') && (\n <>\n \n {\n // props.history.push(\"/create/invoice\");\n setOpenInvoiceModal(true);\n }}\n className={\n \"text-capitalize primary-bg color-white\"\n }\n // style={{ float: \"left\" }}\n // endIcon={ \n \n \n {/* \n \n \n */}\n \n )}\n \n \n \n \n \n \n \n \n \n \n \n {/* \n \n \n Invoice Age\n \n \n \n {\" \"}\n {2}\n \n\n {\n setInvoiceDateInterval(value);\n }}\n onMouseUp={(event) => {\n setloader(true)\n setTimeout(() => {\n fetchInvoicesGrid();\n }, 1000);\n }}\n className=\"MuiOutlinedInput\"\n ariaLabelledBy=\"non-linear-slider\"\n disabled={disabled}\n />\n \n (Ex: 15 days, Payment pending is greater than or equal to 15\n days )\n \n \n \n */}\n \n \n \n Memo Invoice Status\n \n \n \n \n \n \n \n \n \n {\n e.preventDefault();\n fetchInvoicesGrid();\n }}\n >\n \n \n \n # of Invoices : \n {calculateTotalCounts?.remainingCount || 0} \n \n {(calculateTotalCounts && calculateTotalCounts?.voidCount > 0) &&\n \n # of Void Invoices : \n {calculateTotalCounts?.voidCount} \n }\n \n \n \n Total Invoice Value : \n $ {calculateTotalValueofInvoices} \n \n {(calculateTotalValueofVoidInvoices && calculateTotalValueofVoidInvoices !== '0') &&\n \n Total Void Invoice Value : \n $ {calculateTotalValueofVoidInvoices} \n }\n \n : ''\n }\n \n {loader === true ? (\n \n \n \n
\n \n \n }\n {\n openInvoiceTransactionModal && (\n \n \n \n \n \n \n\n \n \n \n Invoice Type\n \n \n {/* \n Invoice Type\n */}\n setInvoiceType(e.target.value)}\n defaultValue={invoiceType}\n label=\"Payment Status\"\n >\n \n \n \n {/* {this.state.onGenderErrorText} */}\n \n \n \n Create\n \n \n \n Cancel\n \n \n \n \n
\n )\n }\n return (\n Invoices
\n\n {/* \n \n Inventory Type\n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n Invoice Type\n \n \n \n \n \n \n \n
\n \n {/* \n \n Payment Status\n \n \n \n \n \n \n \n \n \n \n
\n \n \n {\n onSearchClick(e);\n }}\n value={searchKeyword}\n endAdornment={endAdornment()}\n disabled={disabled}\n />\n \n
\n \n \n
\n ) :\n \n \n \n \n \n \n \n \n \n \n \n {/* \n */}\n{/* \n \n */}\n {/* \n */}\n {/* \n */}\n \n \n \n \n
\n );\n}\n","export default __webpack_public_path__ + \"static/media/Group-1863@2x.7d68fb15.png\";","export default __webpack_public_path__ + \"static/media/no-image-available.e913f686.jpg\";","import React, { Component } from \"react\";\nimport VideoPlayer from \"simple-react-video-thumbnail\";\nimport VerticalTabs from \"./dashboardTabsComponent\";\nimport {\n Container,\n Grid,\n Typography,\n Button,\n Card,\n Paper,\n CardContent,\n FormControlLabel,\n Switch,\n FormGroup,\n List,\n ListItem,\n Tooltip,\n} from \"@material-ui/core\";\nimport Header from \"../../../../common/components/Header\";\nimport Footer from \"../../../../common/components/Footer\";\nimport { inventoryDetailById } from \"../actions/dashboardAction\";\nimport searchinventry from \"../actions/dashboardaapi\";\nimport getActivepackage from \"../actions/dashboardaapi\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport listingImg from \"../../../../assests/images/Group-1863@2x.png\";\nimport NewContentWrapper from \"../../../../common/components/newContentWrapper\";\nimport chrono from \"../../../../assests/chrono24.png\";\nimport ebay from \"../../../../assests/ebay.png\";\nimport pricelistImg from \"../../../../assests/listprice.png\";\nimport Slider from \"react-slick\";\nimport { Link } from \"react-router-dom\";\nimport { addChornoListing } from \"../../dealer/actions/dealerAction\";\nimport { toast } from \"react-toastify\";\nimport Swal from \"sweetalert2/dist/sweetalert2.js\";\nimport FbIcon from \"../../../../assests/images/fb.png\";\nimport { Alert, AlertTitle } from \"@material-ui/lab\";\nimport AddIcon from \"../../../../../src/assests/images/add.png\";\nimport defaulutImg from \"../../../../assests/images/Bitmap.png\";\nimport NoImageAvailable from '../../../../assests/images/no-image-available.jpg'\nimport { AudioCard, VideoCard } from \"material-ui-player\";\nimport SlowMotionVideoIcon from \"@material-ui/icons/SlowMotionVideo\";\nimport Dialog from \"@material-ui/core/Dialog\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogContentText from \"@material-ui/core/DialogContentText\";\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\nimport { useTheme } from \"@material-ui/core/styles\";\nimport { SpinnerRoundFilled } from \"spinners-react\";\nimport EditIcon from \"@material-ui/icons/Edit\";\nimport ArrowBackIcon from \"@mui/icons-material/ArrowBack\";\nimport {\n getComponentActionList,\n isActionAllowed,\n getComponentViewsList,\n formatDate,\n} from \"../../../../common/components/Helper/Utils\";\nimport imageNotAvailable from '../../../../assests/images/img-soon.png';\nimport Breadcrumbs from '@mui/material/Breadcrumbs';\nimport Stack from '@mui/material/Stack';\n\n\n\n\n// const fullScreen = useMediaQuery(theme.breakpoints.down('sm'));\n// const theme = useTheme();\nvar Loader = require(\"react-loader\");\nconst FB = window.FB;\n\nconst InventoryStatusLookup = {\n 1: \"Inhand\",\n 2: \"Incoming\",\n 3: \"Out on Memo\",\n 4: \"On Hold / Reserved\",\n 5: \"Available to Order\",\n 6: \"Needs Service / Polish\",\n 7: \"At Service\",\n 8: \"Need to Ship\",\n 9: \"Shipped waiting on payment\",\n 10: \"Sold & Cashed Out\",\n 11: \"Intake Complete\",\n};\n\nclass DealerInventoryDetailComponent extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n purchaseDate: \"NewDate\",\n purchaseDate1: \"NewDate1\",\n fullScreen: true,\n open: false,\n setOpen: false,\n inventoryDetailByIdDetails: [],\n productDetails: [],\n prodId: \"\",\n displayUrl: false,\n manageResult: false,\n ChronoUrl: \"\",\n inventory_id: \"\",\n listed_on: \"chrono\",\n sold_status: \"\",\n enbleAltert: false,\n displaysharingImg: false,\n inventryPricelist: [],\n loaded: false,\n soldbtn: false,\n ebayAmout: \"\",\n croono21Ammount: \"\",\n retailAmount: \"\",\n listing_addon: false,\n accessData: [],\n viewData: [],\n // uploadimages: ''\n };\n this.handleClickOpen = this.handleClickOpen.bind(this);\n this.handleClose = this.handleClose.bind(this);\n this.onsocialsearch1 = this.onsocialsearch1.bind(this);\n this.onsocialsearch2 = this.onsocialsearch2.bind(this);\n this.onsocialsearch3 = this.onsocialsearch3.bind(this);\n this.onsocialsearch4 = this.onsocialsearch4.bind(this);\n this.onsocialsearch5 = this.onsocialsearch5.bind(this);\n this.onsocialsearch6 = this.onsocialsearch6.bind(this);\n this.onsocialsearch7 = this.onsocialsearch7.bind(this);\n this.onsocialsearch8 = this.onsocialsearch8.bind(this);\n this.componentDidMount = this.componentDidMount.bind(this);\n this.onsocialsearch = this.onsocialsearch.bind(this);\n this.addChoonoListing = this.addChoonoListing.bind(this);\n this.changeRangeName = this.changeRangeName.bind(this);\n this.onclickfacebookshare = this.onclickfacebookshare.bind(this);\n // this.getproductDetails = this.getproductDetails.bind(this)\n this.editinvnetrydeatils = this.editinvnetrydeatils.bind(this);\n this.boxcheckboxselection = this.boxcheckboxselection.bind(this);\n this.editIconClick = this.editIconClick.bind(this);\n this.backNavigation = this.backNavigation.bind(this);\n this.handleClickBreadCrumbs = this.handleClickBreadCrumbs.bind(this);\n this.handleMyInventoryClick = this.handleMyInventoryClick.bind(this);\n }\n\n componentDidMount() {\n const linkStyle = {\n fontSize: '14px',\n color: 'black',\n backgroundColor: 'white',\n textDecoration: 'none',\n transition: 'color 0.3s',\n cursor: 'pointer',\n };\n\n const hoverStyle = {\n color: '#007bff',\n textDecoration: 'underline',\n };\n console.log(this.state.loaded);\n console.log(\"data.......\")\n console.log(this.props);\n const accessDataObject = getComponentActionList(\"inventory_details\");\n const viewDataObject = getComponentViewsList(\"inventory_details\");\n this.setState({ accessData: accessDataObject, viewData: viewDataObject });\n let productId = this.props.match.params.productId;\n let id = this.props.match.params.id;\n this.setState({\n inventory_id: id,\n });\n\n this.setState({\n ChronoUrl:\n \"(Your Chrone24 xml url is URL(https://api.watchops.com/inventories/\" +\n this.props.match.params.userId +\n \"/c24-importer.xml))\",\n });\n // this.props.inventoryDetailById(id);\n // const datagg = this.props.inventoryDetailById(id);\n searchinventry.getinventryDetails(id).then((res) => {\n console.log(\"inventry\", res.data);\n if (res.data.success === 1) {\n if (res.data.data && res.data.data.technical_details && typeof res.data.data.technical_details === 'string') {\n const technical_details = JSON.parse(res.data.data.technical_details)\n res.data.data.technical_details = technical_details\n }\n this.setState({\n inventoryDetailByIdDetails: res.data.data,\n prodId: res.data.data.productid,\n });\n // this.getproductDetails(this.state.prodId)\n if (this.state.prodId) {\n this.getpriceLsting(this.state.prodId);\n } else {\n this.setState({\n loaded: true,\n });\n }\n this.boxcheckboxselection();\n // this.getActivePackages();\n searchinventry.getActivepackage().then((res) => {\n if (res.data.data && res.data.data.listing_addon) {\n this.setState({\n listing_addon: res.data.data.listing_addon,\n });\n }\n });\n } else {\n this.setState({\n inventoryDetailByIdDetails: res.data,\n manageResult: true,\n loaded: true,\n });\n }\n });\n // console.log(res,\"data\")\n }\n getpriceLsting(id) {\n console.log(id, \"id\");\n searchinventry.getinventrypriceList(id).then((res) => {\n console.log(\"inventrypricelist\", res.data.data);\n this.setState({\n inventryPricelist: res.data.data,\n loaded: true,\n });\n for (let i = 0; i < this.state.inventryPricelist.length; i++) {\n if (this.state.inventryPricelist[i].watch_source == \"Chrono24\") {\n this.setState({\n croono21Ammount: this.state.inventryPricelist[i].avg,\n });\n } else if (this.state.inventryPricelist[i].watch_source == \"Retail\") {\n this.setState({ retailAmount: this.state.inventryPricelist[i].avg });\n } else if (this.state.inventryPricelist[i].watch_source == \"EBay\") {\n this.setState({ ebayAmout: this.state.inventryPricelist[i].avg });\n }\n }\n });\n }\n\n getActivePackages() {\n console.log(\"iam comng \");\n }\n\n handleClickBreadCrumbs(event) {\n event.preventDefault();\n console.info('You clicked a breadcrumb.');\n }\n\n handleMyInventoryClick() {\n const { history } = this.props;\n history.push('/myinventory');\n };\n\n boxcheckboxselection() {\n if (this.state.inventoryDetailByIdDetails.sold == 1) {\n this.setState({\n soldbtn: true,\n });\n console.log(this.state.soldbtn, \"true\");\n\n } else {\n this.setState({\n soldbtn: false,\n });\n console.log(this.state.soldbtn, \"false\");\n }\n console.log(this.state.soldbtn, \"normal\");\n }\n\n onclickfacebookshare() {\n this.setState({\n displaysharingImg: true,\n });\n }\n onsocialsearch1(e) {\n this.setState({\n uploadimages: e,\n displaysharingImg: false,\n });\n this.onsocialsearch(e);\n }\n onsocialsearch2(e) {\n this.setState({\n uploadimages: e,\n displaysharingImg: false,\n });\n this.onsocialsearch(e);\n }\n onsocialsearch3(e) {\n this.setState({\n uploadimages: e,\n displaysharingImg: false,\n });\n this.onsocialsearch(e);\n }\n onsocialsearch4(e) {\n this.setState({\n uploadimages: e,\n displaysharingImg: false,\n });\n this.onsocialsearch(e);\n }\n onsocialsearch5(e) {\n this.setState({\n uploadimages: e,\n displaysharingImg: false,\n });\n this.onsocialsearch(e);\n }\n onsocialsearch6(e) {\n this.setState({\n uploadimages: e,\n displaysharingImg: false,\n });\n this.onsocialsearch(e);\n }\n onsocialsearch7(e) {\n this.setState({\n uploadimages: e,\n displaysharingImg: false,\n });\n this.onsocialsearch(e);\n }\n onsocialsearch8(e) {\n this.setState({\n uploadimages: e,\n displaysharingImg: false,\n });\n this.onsocialsearch(e);\n }\n onsocialsearch(uploadImages) {\n console.log(uploadImages, \"searchimage\");\n this.setState({\n uploadimages: uploadImages,\n });\n window.fbAsyncInit = function () {\n window.FB.getLoginStatus(({ authResponse }) => { });\n };\n console.log(uploadImages, \"searchimage\");\n FB.ui(\n {\n display: \"popup\",\n method: \"feed\",\n picture: uploadImages,\n link: uploadImages,\n },\n function (response) { }\n );\n }\n backNavigation() {\n const { history } = this.props;\n history.push(\"/myinventory\");\n }\n\n addChoonoListing() {\n this.setState({ loaded: false });\n // console.log(this.props,\"props\",this.props.currentUser)\n let data = {\n inventory_id: this.state.inventory_id,\n listed_on: \"chrono\",\n };\n addChornoListing(data, (error, res) => {\n console.log(\"res\", res.data);\n if (res.data.success === 1) {\n toast(res.data.message, {\n autoClose: 5000,\n type: toast.TYPE.SUCCESS,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n Swal.fire(\n this.state.ChronoUrl,\n \" \n
\n Use this Xml link for further Usage\"\n );\n this.setState({\n displayUrl: true,\n loaded: true,\n });\n } else {\n this.setState({\n displayUrl: true,\n loaded: true,\n });\n Swal.fire(\n this.state.ChronoUrl,\n \"
Use this Xml link for further Usage\"\n );\n toast(res.data.message, {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n });\n }\n // getproductDetails (id){\n // searchinventry.getProductsDetails(id).then((res) => {\n // console.log('product', res.data.data,);\n // this.setState({\n // productDetails: res.data.data\n // })\n // })\n // }\n // socialshare(e){\n // console.log(e)\n // }\n editinvnetrydeatils() {\n this.props.history.push(\n \"/update-inventry-details/\" +\n this.state.inventoryDetailByIdDetails.inventoryid,\n this.props.history.location.state\n );\n }\n\n changeRangeName = (event) => {\n console.log(event);\n const checkstaus = event.target.checked;\n console.log(event.target.checked);\n if (checkstaus === true) {\n this.setState({\n inventory_id: this.state.inventoryDetailByIdDetails.inventoryid,\n sold_status: \"1\",\n soldbtn: true,\n });\n localStorage.setItem(\"sold_status\", \"1\");\n } else {\n this.setState({\n inventory_id: this.state.inventoryDetailByIdDetails.inventoryid,\n sold_status: \"0\",\n soldbtn: false,\n });\n localStorage.setItem(\"sold_status\", \"0\");\n }\n let data = {\n inventory_id: this.state.inventory_id,\n sold_status: localStorage.getItem(\"sold_status\"),\n listed_on: this.state.listed_on,\n };\n console.log(data, \"detais\");\n searchinventry.productsold(data).then((res) => {\n console.log(\"res\", res);\n if (res.data.success === 1) {\n toast(res.data.message, {\n autoClose: 5000,\n type: toast.TYPE.SUCCESS,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n localStorage.removeItem(\"sold_status\");\n\n this.setState({\n enbleAltert: true,\n });\n console.log(this.state.enbleAltert);\n } else {\n toast(res.data.message, {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n localStorage.removeItem(\"sold_status\");\n this.setState({\n enbleAltert: true,\n });\n console.log(this.state.enbleAltert);\n }\n });\n };\n\n handleClickOpen() {\n this.setState({\n open: true,\n setOpen: true,\n });\n }\n\n handleClose() {\n this.setState({\n open: false,\n setOpen: false,\n });\n }\n editIconClick() {\n this.props.history.push(\n \"/update-inventry-images-details/\" +\n this.state.inventoryDetailByIdDetails.inventoryid\n );\n }\n newContentView() {\n console.log(this.state.inventoryDetailByIdDetails, \"logout\");\n let inventoryDetailByIdInfo = \"\";\n let id = \"\";\n let inventoryDetailByIdDetails = \"\";\n // if(this.props.inventoryDetailByIdInfo.success == 0){\n // inventoryDetailByIdInfo = this.props.inventoryDetailByIdInfo;\n // }else{\n // inventoryDetailByIdInfo = this.props.inventoryDetailByIdInfo.data;\n // id = inventoryDetailByIdInfo.id;\n // inventoryDetailByIdDetails = (inventoryDetailByIdInfo && inventoryDetailByIdInfo.prodattr) ? inventoryDetailByIdInfo.prodattr : \"\";\n // }\n const settings = {\n dots: false,\n infinite: false,\n speed: 500,\n slidesToShow: 1,\n slidesToScroll: 1,\n initialSlide: 0,\n responsive: [\n {\n breakpoint: 1024,\n settings: {\n slidesToShow: 1,\n slidesToScroll: 1,\n infinite: true,\n dots: false,\n },\n },\n {\n breakpoint: 600,\n settings: {\n slidesToShow: 1,\n slidesToScroll: 1,\n initialSlide: 2,\n },\n },\n {\n breakpoint: 480,\n settings: {\n slidesToShow: 1,\n slidesToScroll: 1,\n },\n },\n ],\n };\n if (this.state.manageResult) {\n return (\n
{this.state.inventoryDetailByIdDetails.message}
\n \n \n\n {this.state.loaded == false ? (\n \n
\n ) : (\n \"\"\n )}\n {this.state.inventoryDetailByIdDetails &&\n this.state.inventoryDetailByIdDetails.imagepaths &&\n this.state.inventoryDetailByIdDetails.imagepaths\n .back ? (\n \n
\n ) : (\n \n \n
\n ) : (\n \"\"\n )}\n\n {this.state.inventoryDetailByIdDetails &&\n this.state.inventoryDetailByIdDetails.imagepaths &&\n this.state.inventoryDetailByIdDetails.imagepaths\n .right ? (\n \n \n \n {/* \n \n\n \n */}\n \n {/* Go Back */}\n\n \n \n \n \n \n\n {this.state.inventoryDetailByIdDetails &&\n this.state.inventoryDetailByIdDetails.imagepaths ? (\n <>\n {isActionAllowed(\n this.state.accessData,\n \"upload_inventory_images\"\n ) && (\n 
\n {/* {isActionAllowed(\n this.state.accessData,\n \"upload_inventory_images\"\n ) && (\n <>\n \n upload Images\n \n \n )} */}\n \n )}\n \n \n {this.state.inventoryDetailByIdDetails &&\n this.state.inventoryDetailByIdDetails.imagepaths &&\n this.state.inventoryDetailByIdDetails.imagepaths\n .front ? (\n \n
\n ) : (\n \"\"\n )}\n {this.state.inventoryDetailByIdDetails &&\n this.state.inventoryDetailByIdDetails.imagepaths &&\n this.state.inventoryDetailByIdDetails.imagepaths\n .left ? (\n \n \n ›} >\n \n My Dealer Inventory\n \n\n \n Inventory Details\n \n\n \n \n
\n \n
\n )}\n \n ) : (\n <>\n\n \n \n
*/}\n \n \n {/* {\"Use Google's location service?\"} */}\n \n \n \n \n \n \n Close\n \n \n \n
\n \n \n \n {\n this.state.inventoryDetailByIdDetails &&\n this.state.inventoryDetailByIdDetails\n .imagepaths &&\n this.state.inventoryDetailByIdDetails.imagepaths\n .video ? (\n No Video Found {this.state.UploadPic9} \n }\n {/*
\n \n {\n this.state.inventoryDetailByIdDetails &&\n this.state.inventoryDetailByIdDetails\n .imagepaths &&\n this.state.inventoryDetailByIdDetails\n .imagepaths.video ? (\n No video Found {this.state.UploadPic9} \n }\n
\n ) : (\n // \n // \n // \n // \n // \n // \n // \n // \n //
\n \"\"\n )\n // Inventory Video
\n //Inventory Video
\n */}\n\n \n Watch Video {this.state.UploadPic9}\n \n \n \n \n \n
\n \n {\n this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .imagepaths &&\n this.state\n .inventoryDetailByIdDetails\n .imagepaths.video ? (\n No video Found {this.state.UploadPic9} \n }\n
\n \n
*/}\n \n \n \n \n\n \n\n\n
\n \n {/* */}\n \n Inventory product details\n \n
\n \n {/* */}\n \n {this.state.inventoryDetailByIdDetails &&\n this.state.inventoryDetailByIdDetails\n .invattr &&\n this.state.inventoryDetailByIdDetails.invattr\n .productname &&\n this.state.inventoryDetailByIdDetails.invattr\n .productname\n ? this.state.inventoryDetailByIdDetails\n .invattr.productname\n : \"\"}{\" \"}\n {this.state.inventoryDetailByIdDetails &&\n this.state.inventoryDetailByIdDetails\n .invattr &&\n this.state.inventoryDetailByIdDetails.invattr\n .model &&\n this.state.inventoryDetailByIdDetails.invattr\n .model\n ? this.state.inventoryDetailByIdDetails\n .invattr.model\n : \"\"}\n \n
\n \n \n \n {/* \n \n {this.state.ebayAmout ?\n \n \n 
\n */}\n \n \n \n \n
\n \n \n ${(this.state.ebayAmout && this.state.ebayAmout.slice(0, 8))\n ?\n (this.state.ebayAmout && this.state.ebayAmout.slice(0, 8))\n :\n \" ---\"}\n \n
\n :\n \n \n {\"---\"}\n \n
\n\n }\n\n \n {this.state.croono21Ammount ? ${(this.state.croono21Ammount && this.state.croono21Ammount.slice(0, 8)) ? (this.state.croono21Ammount && this.state.croono21Ammount.slice(0, 8)) : \" ---\"} : {\"---\"} }\n
\n \n {this.state.retailAmount ? (\n \n $\n {this.state.retailAmount &&\n this.state.retailAmount.slice(0, 8)\n ? this.state.retailAmount &&\n this.state.retailAmount.slice(\n 0,\n 8\n )\n : \" List Price Not Available\"}\n \n ) : (\n \n {\" \"}\n List Price Not Available\n \n )}\n
\n \n \n Select Images To Share\n \n
\n\n \n
\n \n \n Front\n \n {\n this.onsocialsearch4(\n this.state.inventoryDetailByIdDetails\n .imagepaths.front\n );\n }}\n />\n
\n \n
\n \n \n Back\n \n {\n this.onsocialsearch1(\n this.state.inventoryDetailByIdDetails\n .imagepaths.back\n );\n }}\n />\n
\n \n
\n \n \n Right\n \n {\n this.onsocialsearch6(\n this.state.inventoryDetailByIdDetails\n .imagepaths.right\n );\n }}\n />\n
\n \n
\n \n \n left\n \n {\n this.onsocialsearch5(\n this.state.inventoryDetailByIdDetails\n .imagepaths.left\n );\n }}\n />\n
\n \n
\n \n \n Top\n \n\n {\n this.onsocialsearch2(\n this.state.inventoryDetailByIdDetails\n .imagepaths.top\n );\n }}\n />\n
\n \n
\n \n \n Bottom\n \n\n {\n this.onsocialsearch3(\n this.state.inventoryDetailByIdDetails\n .imagepaths.bottom\n );\n }}\n />\n
\n \n
\n \n \n Buckle Opened\n \n\n {\n this.onsocialsearch7(\n this.state.inventoryDetailByIdDetails\n .imagepaths.buckle_opened\n );\n }}\n />\n
\n \n
\n \n \n Buckle Closed\n \n {\n this.onsocialsearch8(\n this.state.inventoryDetailByIdDetails\n .imagepaths.buckle_closed\n );\n }}\n />\n
\n \n \n Product Specifications\n \n
\n \n \n \n \n \n \n \n
\n {/* \n \n List Price\n \n
\n \n \n \n {this.state.retailAmount ? (\n \n $\n {this.state.retailAmount &&\n this.state.retailAmount.slice(0, 8)\n ? this.state.retailAmount &&\n this.state.retailAmount.slice(\n 0,\n 8\n )\n : \" List Price Not Available\"}\n \n ) : (\n \n {\" \"}\n List Price Not Available\n \n )}\n \n \n
\n */}\n {((this.state.inventoryDetailByIdDetails.type &&\n this.state.inventoryDetailByIdDetails.type !==\n \"misc_watch\" &&\n this.state.inventoryDetailByIdDetails.type !==\n \"misc_product\") ||\n this.state.inventoryDetailByIdDetails.type ===\n null) && (\n <>\n
\n
\n \n )}\n\n {this.state.inventoryDetailByIdDetails.type &&\n this.state.inventoryDetailByIdDetails.type ===\n \"misc_watch\" && (\n <>\n \n \n \n \n \n \n \n
\n \n \n Brand Name\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails\n .brandname\n ? this.state\n .inventoryDetailByIdDetails\n .brandname\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Model Number\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .invattr &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.reference &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.reference\n ? this.state\n .inventoryDetailByIdDetails\n .invattr.reference\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Model Name\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .invattr &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.model &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.model\n ? this.state\n .inventoryDetailByIdDetails\n .invattr.model\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n {/* \n \n Case Material\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .invattr &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.casematerial &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.casematerial\n ? this.state\n .inventoryDetailByIdDetails\n .invattr.casematerial\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
*/}\n {/* \n \n Case Size\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .invattr &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.casesize &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.casesize\n ? this.state\n .inventoryDetailByIdDetails\n .invattr.casesize\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
*/}\n {/* \n \n Case Back\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .invattr &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.caseback &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.caseback\n ? this.state\n .inventoryDetailByIdDetails\n .invattr.caseback\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
*/}\n \n \n Case Shape\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .invattr &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.shape &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.shape\n ? this.state\n .inventoryDetailByIdDetails\n .invattr.shape\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Dial Color\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .invattr &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.dialcolor &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.dialcolor\n ? this.state\n .inventoryDetailByIdDetails\n .invattr.dialcolor\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Band Type\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .invattr &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.bandtype &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.bandtype\n ? this.state\n .inventoryDetailByIdDetails\n .invattr.bandtype\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Band Material\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .invattr &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.bandmaterial &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.bandmaterial\n ? this.state\n .inventoryDetailByIdDetails\n .invattr.bandmaterial\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n {/* \n \n Caliber\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .invattr &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.caliber &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.caliber\n ? this.state\n .inventoryDetailByIdDetails\n .invattr.caliber\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
*/}\n \n \n Power Reserve\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .invattr &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.powerreserve &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.powerreserve\n ? this.state\n .inventoryDetailByIdDetails\n .invattr.powerreserve\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n {/* \n \n Water Resistent\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .invattr &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.waterresistant &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.waterresistant\n ? this.state\n .inventoryDetailByIdDetails\n .invattr.waterresistant\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n Purchase Date \n
\n \n \n {this.state.inventoryDetailByIdDetails.purchasedate ? moment(this.state.inventoryDetailByIdDetails.purchasedate).format('MM/DD/YYYY') : '---'} \n
\n \n \n \n \n \n \n \n
\n \n Inventory Type \n
\n \n \n {this.state.inventoryDetailByIdDetails.inventorytype === \"1\" ? \"regularinventory\" : (this.state.inventoryDetailByIdDetails.inventorytype === \"2\" ? \"memodetails\" : (this.state.inventoryDetailByIdDetails.inventorytype === \"3\" ? \"partnershipdetais\" : \"---\" ))} \n \n
\n \n \n \n \n \n \n \n
\n \n Condition \n
\n \n {this.state.inventoryDetailByIdDetails.condition ? this.state.inventoryDetailByIdDetails.condition : '---'} \n
\n \n \n \n \n \n \n \n
\n\n \n Band Size1 \n
\n \n {this.state.inventoryDetailByIdDetails.bandsize ? this.state.inventoryDetailByIdDetails.bandsize : '---'} \n
\n \n \n \n \n \n \n \n
\n \n Links \n
\n \n {this.state.inventoryDetailByIdDetails.links ? this.state.inventoryDetailByIdDetails.links : '---'} \n
\n \n \n \n \n \n \n \n
\n\n \n Purchase Price \n
\n \n $ {this.state.inventoryDetailByIdDetails.purchaseprice ? this.state.inventoryDetailByIdDetails.purchaseprice : '---'} \n
\n \n \n \n \n \n \n \n
*/}\n \n Retail Price \n
\n \n $ {this.state.inventoryDetailByIdDetails.retailprice ? this.state.inventoryDetailByIdDetails.retailprice : '---'} \n
\n \n
\n \n )}\n {this.state.inventoryDetailByIdDetails.type &&\n this.state.inventoryDetailByIdDetails.type ===\n \"misc_product\" && (\n <>\n \n \n \n \n \n \n \n
\n {/* \n \n Product Name\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details.product_title\n ? this.state\n .inventoryDetailByIdDetails\n .technical_details\n .product_title\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
*/}\n \n \n Product Title\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details.product_title\n ? this.state\n .inventoryDetailByIdDetails\n .technical_details\n .product_title\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Brand Name\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details.brand_name\n ? this.state\n .inventoryDetailByIdDetails\n .technical_details\n .brand_name\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Model Number\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details.model_number\n ? this.state\n .inventoryDetailByIdDetails\n .technical_details\n .model_number\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Case Material\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details.case_material\n ? this.state\n .inventoryDetailByIdDetails\n .technical_details\n .case_material\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Case Size\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details.case_size\n ? this.state\n .inventoryDetailByIdDetails\n .technical_details.case_size\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Dial Color\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details.dial_color\n ? this.state\n .inventoryDetailByIdDetails\n .technical_details\n .dial_color\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Band Material\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details.band_material\n ? this.state\n .inventoryDetailByIdDetails\n .technical_details\n .band_material\n : \"---\"}\n \n \n
\n \n
\n \n )}\n \n \n \n \n \n \n \n
\n \n \n Product Name\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details.product_title\n ? this.state\n .inventoryDetailByIdDetails\n .technical_details\n .product_title\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n {/* \n \n Product Category\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .category\n ? this.state\n .inventoryDetailByIdDetails\n .category\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
*/}\n \n \n Product Title\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details.product_title\n ? this.state\n .inventoryDetailByIdDetails\n .technical_details\n .product_title\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Description\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details.description\n ? this.state\n .inventoryDetailByIdDetails\n .technical_details\n .description\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Brand Name\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details.brand_name\n ? this.state\n .inventoryDetailByIdDetails\n .technical_details\n .brand_name\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Model Number\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details.model_number\n ? this.state\n .inventoryDetailByIdDetails\n .technical_details\n .model_number\n : \"---\"}\n \n \n
\n \n \n Inventory Details\n \n
\n {/* */}\n {this.state.inventoryDetailByIdDetails.type !== 'misc_product' && (<>\n
\n \n \n \n \n \n \n
\n )}\n \n Inventory Title \n
\n \n \n {/* {} */}\n {this.state.inventoryDetailByIdDetails.inventory_title ? this.state.inventoryDetailByIdDetails.inventory_title : (this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details.product_title\n ? this.state\n .inventoryDetailByIdDetails\n .technical_details\n .product_title\n : \"---\")}\n \n
\n \n \n \n \n \n \n \n
\n \n \n Serial Number\n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails\n .serialno\n ? this.state.inventoryDetailByIdDetails\n .serialno\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n {this.state.inventoryDetailByIdDetails.type ===\n \"misc_product\" && (\n \n \n Inventory ID\n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails\n .inventoryid\n ? this.state.inventoryDetailByIdDetails\n .inventoryid\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n )}\n \n \n Quantity\n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails\n .quantity\n ? this.state\n .inventoryDetailByIdDetails\n .quantity\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n\n\n {/* \n \n Inventory Type\n \n
\n \n \n {/* {this.state.inventoryDetailByIdDetails.serialno ? this.state.inventoryDetailByIdDetails.serialno : '---'} */}\n {this.state.inventoryDetailByIdDetails\n .memodetails\n ? this.state\n .inventoryDetailByIdDetails\n .memodetails\n : \"---\"}\n \n )) : (\n this.state.inventoryDetailByIdDetails\n .inventorytype === \"3\" && (\n \n {/* {this.state.inventoryDetailByIdDetails.serialno ? this.state.inventoryDetailByIdDetails.serialno : '---'} */}\n {this.state.inventoryDetailByIdDetails\n .partnershipdetais\n ? this.state\n .inventoryDetailByIdDetails\n .partnershipdetais\n : \"---\"}\n \n ))}\n >\n \n \n {/* {this.state.inventoryDetailByIdDetails.serialno ? this.state.inventoryDetailByIdDetails.serialno : '---'} */}\n {this.state.inventoryDetailByIdDetails\n .inventorytype === \"1\"\n ? \"Regular Inventory\"\n : this.state.inventoryDetailByIdDetails\n .inventorytype === \"2\"\n ? \"Memo Inventory\"\n : this.state.inventoryDetailByIdDetails\n .inventorytype === \"3\"\n ? \"Partnership Inventory\"\n : \"---\"}\n \n \n \n
\n \n \n \n \n \n \n \n
*/}\n\n {isActionAllowed(\n this.state.viewData,\n \"purchase_from\"\n ) && (\n \n \n Inventory Type Details\n \n
\n \n \n {this.state.inventoryDetailByIdDetails.inventorytype === \"2\" && (\n \n {this.state.inventoryDetailByIdDetails\n .memodetails\n ? this.state\n .inventoryDetailByIdDetails\n .memodetails\n : \"---\"}\n \n )}\n {this.state.inventoryDetailByIdDetails.inventorytype === \"3\" && (\n \n {this.state.inventoryDetailByIdDetails\n .partnershipdetais\n ? this.state\n .inventoryDetailByIdDetails\n .partnershipdetais\n : \"---\"}\n \n )}\n\n \n
\n \n \n \n \n \n \n \n
\n )}\n\n {isActionAllowed(\n this.state.viewData,\n \"purchase_price\"\n ) && (\n \n \n Purchase From\n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails\n .purchasefrom\n ? this.state\n .inventoryDetailByIdDetails\n .purchasefrom\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n )}\n \n \n Purchase Price\n \n
\n \n \n \n ${\" \"}\n {this.state.inventoryDetailByIdDetails\n .purchaseprice\n ? this.state\n .inventoryDetailByIdDetails\n .purchaseprice\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n\n \n \n Date Added\n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails\n .createdon\n // ? moment(\n // this.state\n // .inventoryDetailByIdDetails\n // .createdon\n // ).format(\"MM/DD/YYYY\")\n ? formatDate(this.state.inventoryDetailByIdDetails.createdon, \"MM/DD/YYYY\")\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n\n {this.state.inventoryDetailByIdDetails.type !==\n \"misc_product\" && (\n <>\n \n \n Condition\n \n
\n \n {this.state.inventoryDetailByIdDetails\n .type !== \"misc_product\" && (\n <>\n \n \n {this.state.inventoryDetailByIdDetails\n .condition &&\n this.state.inventoryDetailByIdDetails\n .condition === 4\n ? \"New\"\n : this.state\n .inventoryDetailByIdDetails\n .condition &&\n this.state\n .inventoryDetailByIdDetails\n .condition === 3\n ? \"Retail Ready\"\n : this.state\n .inventoryDetailByIdDetails\n .condition &&\n this.state\n .inventoryDetailByIdDetails\n .condition === 2\n ? \"Mint\"\n : \"Pre-owned\"}\n \n \n \n )}\n {this.state.inventoryDetailByIdDetails\n .type === \"misc_product\" && (\n <>\n \n \n {this.state.inventoryDetailByIdDetails\n .condition &&\n this.state.inventoryDetailByIdDetails\n .condition === 1\n ? \"New\"\n : this.state\n .inventoryDetailByIdDetails\n .condition &&\n this.state\n .inventoryDetailByIdDetails\n .condition === 2\n ? \"Used\"\n : \"New\"}\n \n \n \n )}\n
\n \n \n \n \n \n \n \n
\n \n )}\n\n\n\n {this.state.inventoryDetailByIdDetails.type !== \"misc_product\" && (\n <>\n \n \n Box\n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails\n .warrantybox &&\n this.state.inventoryDetailByIdDetails\n .warrantybox === \"1\"\n ? \"Yes\"\n : \"No\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n )}\n\n\n\n\n\n\n\n\n\n\n\n {/* {this.state.inventoryDetailByIdDetails.type !==\n \"misc_product\" && (\n <>\n \n \n Papers\n \n
\n \n {this.state.inventoryDetailByIdDetails.warrantypaper === \"1\" &&\n this.state.inventoryDetailByIdDetails.archive === 1 ? (\n \n Warranty and Archive\n \n ) : this.state.inventoryDetailByIdDetails.warrantypaper === \"1\" ? (\n \n Warranty\n \n ) : this.state.inventoryDetailByIdDetails.archive === 1 ? (\n \n Archive\n \n ) : (\n \n {\"---\"}\n \n )}\n
\n \n \n \n \n \n \n \n
\n \n )} */}\n\n {(this.state.inventoryDetailByIdDetails.type !== \"misc_product\" && this.state.inventoryDetailByIdDetails.warrantypaper === \"1\") && (\n <>\n \n \n Warranty\n \n
\n \n {this.state.inventoryDetailByIdDetails\n .warrantypaper == 1 ? (\n \n \n {this.state\n .inventoryDetailByIdDetails\n .warrantydate\n ? moment(\n this.state\n .inventoryDetailByIdDetails\n .warrantydate\n ).format(\"MM/DD/YYYY\")\n : \"No\"}\n \n \n ) : (\n \n {\"---\"}\n \n )}\n
\n \n \n \n {this.state.inventoryDetailByIdDetails.warrantypaper === \"1\" && (\n \n \n \n \n
\n \n )}\n\n {(this.state.inventoryDetailByIdDetails.type !== \"misc_product\" && this.state.inventoryDetailByIdDetails.archive === 1) && (\n <>\n \n \n Warranty Date\n \n
\n )}\n \n {this.state.inventoryDetailByIdDetails\n .warrantypaper === \"1\" ? (\n \n \n {this.state\n .inventoryDetailByIdDetails\n .warrantydate\n // ? moment(\n // this.state\n // .inventoryDetailByIdDetails\n // .warrantydate\n // ).format(\"MM/DD/YYYY\")\n ? formatDate(this.state.inventoryDetailByIdDetails.warrantydate, \"MM/DD/YYYY\")\n : \"No\"}\n \n \n ) : (\n \n {\"---\"}\n \n )}\n
\n \n \n \n {this.state.inventoryDetailByIdDetails.archive === 1 && (\n \n \n \n \n
\n \n )}\n\n\n {/* {this.state.inventoryDetailByIdDetails.type !==\n \"misc_product\" && (\n <>\n \n \n Archive Date\n \n
\n )}\n \n {this.state.inventoryDetailByIdDetails\n .archive === 1 ? (\n \n \n {this.state\n .inventoryDetailByIdDetails\n .archive_date\n // ? moment(\n // this.state\n // .inventoryDetailByIdDetails\n // .archive_date\n // ).format(\"MM/DD/YYYY\")\n ? formatDate(this.state.inventoryDetailByIdDetails.archive_date, \"MM/DD/YYYY\")\n : \"No\"}\n \n \n ) : (\n \n {\"---\"}\n \n )}\n
\n \n \n \n \n \n \n \n
\n \n \n Band Size\n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails\n .bandsize\n ? this.state\n .inventoryDetailByIdDetails\n .bandsize\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n )} */}\n\n {/* \n \n Links\n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails\n .links\n ? this.state\n .inventoryDetailByIdDetails\n .links\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n Warranty Paper \n
\n \n {this.state.inventoryDetailByIdDetails.warrantypaper ? this.state.inventoryDetailByIdDetails.warrantypaper : '---'} \n
\n \n \n \n \n \n \n \n
*/}\n \n Purchase Invoice \n
\n \n \n {((this.state.inventoryDetailByIdDetails &&\n this.state.inventoryDetailByIdDetails.purchaseinvoiceimages &&\n this.state.inventoryDetailByIdDetails.purchaseinvoiceimages.images) || []).map(url => (\n 
\n\n ))}\n \n
\n \n Inventory Details \n
\n {/* */}\n {/* {this.state.inventoryDetailByIdDetails.type !== 'misc_product' && (<>\n
\n \n \n \n \n \n \n
\n )} */}\n \n Inventory Title \n
\n \n \n {this.state.inventoryDetailByIdDetails.inventory_title ? this.state.inventoryDetailByIdDetails.inventory_title : '---'}\n \n
\n \n \n \n \n \n \n \n
\n {isActionAllowed(this.state.viewData, 'total_cost') && (\n \n Inventory Status \n
\n \n {this.state.inventoryDetailByIdDetails.inventory_status ? InventoryStatusLookup[this.state.inventoryDetailByIdDetails.inventory_status] : '---'} \n
\n \n \n \n \n \n \n \n
\n )}\n \n Total Cost \n
\n \n {this.state.inventoryDetailByIdDetails.total_cost ? this.state.inventoryDetailByIdDetails.total_cost : '---'} \n
\n \n \n \n \n \n \n \n
\n \n \n Target Wholesale Price\n \n
\n \n \n \n ${\" \"}\n {this.state.inventoryDetailByIdDetails\n .wholesaleprice\n ? this.state.inventoryDetailByIdDetails\n .wholesaleprice\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Target End Customer Price\n \n
\n \n \n \n ${\" \"}\n {this.state.inventoryDetailByIdDetails\n .retailprice\n ? this.state.inventoryDetailByIdDetails\n .retailprice\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Target End Customer Wire Price\n \n
\n \n \n \n ${\" \"}\n {this.state.inventoryDetailByIdDetails\n .retailwireprice\n ? this.state.inventoryDetailByIdDetails\n .retailwireprice\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n Public Dealer Note \n
\n \n {this.state.inventoryDetailByIdDetails.public_dealer_note ? this.state.inventoryDetailByIdDetails.public_dealer_note : '---'} \n
\n \n \n \n \n \n \n \n
\n {this.state.inventoryDetailByIdDetails.type !== 'misc_product' && (<>\n\n \n Private Dealer Note \n
\n \n {this.state.inventoryDetailByIdDetails.note ? this.state.inventoryDetailByIdDetails.note : '---'} \n
\n \n \n \n \n \n \n \n
\n\n \n Inventory Location \n
\n \n {this.state.inventoryDetailByIdDetails.inventory_location ? this.state.inventoryDetailByIdDetails.inventory_location : '---'} \n
\n \n \n \n \n \n \n \n
\n {/* \n Modified \n
\n \n {this.state.inventoryDetailByIdDetails.modification_deatils ? this.state.inventoryDetailByIdDetails.modification_deatils : '---'}\n )} >\n {this.state.inventoryDetailByIdDetails.ismodified === true ? \"Yes\" : 'No'} \n \n
\n \n \n \n \n \n \n \n
*/}\n )}\n {/* {isActionAllowed(this.state.viewData,'purchase_expense') && (\n \n Modification Details \n
\n \n {this.state.inventoryDetailByIdDetails.modification_deatils ? this.state.inventoryDetailByIdDetails.modification_deatils : '---'} \n
\n \n \n \n \n \n \n \n
\n )} */}\n {/* \n Purchase Expense \n
\n \n $ {this.state.inventoryDetailByIdDetails.purchase_expense ? this.state.inventoryDetailByIdDetails.purchase_expense : '---'} \n
\n \n \n \n \n \n \n \n
\n \n Purchase Expense Note \n
\n \n {this.state.inventoryDetailByIdDetails.purchase_expense_note ? this.state.inventoryDetailByIdDetails.purchase_expense_note : '---'} \n
\n \n \n \n \n \n \n \n
*/}\n\n\n\n \n Tag Price \n
\n \n {this.state.inventoryDetailByIdDetails.tag_price ? this.state.inventoryDetailByIdDetails.tag_price : '---'} \n
\n \n \n \n \n \n \n \n
\n );\n};\n\nconst CustomizedDownloadText = ({ downloadInventory }) => {\n const [anchorEl2, setAnchorEl2] = React.useState(null);\n const open = Boolean(anchorEl2);\n const handleClick = (event) => {\n setAnchorEl2(event.currentTarget);\n };\n const handleClose = (data, value) => {\n setAnchorEl2(null);\n if (data) {\n downloadInventory(data, value)\n }\n };\n\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n
\n );\n};\nfunction DashboardChart(props) {\n const [countData, setcountData] = useState('');\n const classes = useStyles()\n let globalInvoiceId = {\n id: ''\n };\n const [viewInvoiceModal, setviewInvoiceModal] = useState(false);\n const [selectedInvoice, setSelectedInvoice] = useState({ id: null });\n const [totalInv, settotalInv] = useState('');\n const [uniqueAcc, setuniqueAcc] = useState([])\n const userDetails = sessionStorage.getItem('userDetails');\n const accountid = sessionStorage.getItem('accountId')\n const [count, setcount] = useState('year');\n const [payloadtrack1, setpayloadtrack1] = useState('');\n const [payloadtrack2, setpayloadtrack2] = useState('');\n const [payloadtrack3, setpayloadtrack3] = useState('');\n const [unsoldStatus, setunsoldStatus] = useState('');\n const [loaded, setloaded] = useState(true);\n const [duration, setduration] = useState('')\n const [data, setdata] = useState('');\n const [Downloadloading, setDownloadloading] = useState(false);\n const [toggleValue, setToggleValue] = useState('CHART')\n const [stendDate, setstendDate] = useState([]);\n const [open, setOpen] = useState(false);\n const [accordionloader, setaccordionloader] = useState(true);\n const [AccordEnable, setAccordEnable] = React.useState(false);\n const [AccordionData, setAccordionData] = useState([])\n // const [selectedDate, setselectedDate] = useState([moment().startOf('month').format('YYYY-MM-DD'),\n // moment(new Date()).format('YYYY-MM-DD')])\n const [selectedDate, setselectedDate] = useState([\n formatDate(moment.utc().startOf('month'), 'YYYY-MM-DD'),\n formatDate(new Date(), 'YYYY-MM-DD')\n ]);\n const invetoryCountInfo = props.invetoryCountInfo;\n const filterByInvoice = props.dashboardaccordionInfo;\n\n useEffect(() => {\n const label = calculateLabelFormat()\n const payload = {\n // startDate: moment().startOf('month').format('YYYY-MM-DD'),\n // endDate: moment(new Date()).format('YYYY-MM-DD'),\n startDate: formatDate(moment.utc().startOf('month'), 'YYYY-MM-DD'),\n endDate: formatDate(new Date(), 'YYYY-MM-DD'),\n type: label.toLocaleLowerCase(),\n accountId: accountid,\n\n }\n\n props.inventoryCount();\n props.filterByInvoicePrice(payload)\n getCount();\n }, [])\n\n\n\n const downloadInventory = (sold, invtype) => {\n const parseDetails = JSON.parse(userDetails);\n const id = parseDetails?.userId ? parseDetails?.userId : null;\n let data = {\n brand_id: '',\n brand_name: '',\n key: '',\n sold: sold,\n // inventory_status: this.state.inventoryStatus,\n inventoryxlid: '',\n inventory_type: '',\n inventory_status: invtype,\n purchasedate: '',\n userid: parseDetails?.userId,\n accountid: parseDetails?.accountId ? parseDetails?.accountId : null,\n type: '',\n category: '',\n fileType: 'EX'\n };\n // const inventoryDetails = this.props.SearchInventoryWatches(data, this.state.currentUser.userId);\n searchinventry.downloadDashboardInventory(data, id).then((res) => {\n if (res && res.status === 0) {\n toast(\"No Inventories for download.\", {\n autoClose: 5000,\n type: toast.TYPE.SUCCESS,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n });\n }\n const numberFormatter = (number) => {\n return amountFormatter(number);\n }\n function Row(props) {\n const { row, index } = props;\n\n return (\n <>\n\n \n
\n );\n\n\n }\n\n return null;\n };\n return (\n {`${label}`}
\n{`${payload[0].dataKey} : ${amountFormatter(payload[0].payload.Profit)}`}
\n{`${payload[1].dataKey} : ${amountFormatter(payload[1].payload['Profit Percentage'])}`}
\n{`${payload[2].dataKey} : ${amountFormatter(payload[2].payload['Invoice Total'])}`}
\n{`${payload[3].dataKey} : ${amountFormatter(payload[3].payload['Inventory Total'])}`}
\n\n\n \n \n \n \n \n \n \n Inventory Details \n Total Inventory: {totalInv.inventory_count} \n Total Inventory Price: $ {amountFormatter(totalInv?.totalinventoryprice)} \n\n \n\n \n downloadInventory(data, value)} > \n \n \n \n \n \n \n \n \n Unsold Inventory based on the Inventory Status \n Total Unsold Inventory: {totalInv.instock_count} \n Total Unsold Inventory Price: $ {amountFormatter(totalInv?.instock_inventoryprice)} \n \n\n \n downloadInventory(data, value)} > \n \n \n \n \n \n \n \n \n \n\n \n \n \n
\n );\n\n}\n\n\nfunction mapStateToProps(state) {\n const { browseWatchesInfo } = state\n return {\n // invetoryCountInfo: InventoryList.invetoryCountInfo,\n invoicePriceInfo: browseWatchesInfo.invoicePriceInfo,\n dashboardaccordionInfo: browseWatchesInfo.dashboardaccordionInfo,\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators({\n inventoryCount,\n filterByInvoicePrice,\n filterBydboardAccordion,\n\n },\n dispatch)\n}\nexport default connect(mapStateToProps, mapDispatchToProps)(DashboardChart);\n","import React, { Component } from 'react';\nimport VerticalTabs from './dashboardTabsComponent';\nimport ContentWrapper from '../../../../common/components/contentWrapper';\nimport DashboardComponent from './dashboardComponent';\nimport DashboardChart from './SalesReport/dashboardChart';\nimport UpgradePlan from '../../common/components/upgradePlan';\nclass DashboardPageComponent extends Component {\n constructor(props) {\n super(props);\n this.state = {\n userData: sessionStorage.getItem(\"userDetails\") ? JSON.parse(sessionStorage.getItem(\"userDetails\")) : null\n }\n }\n componentDidMount() {\n console.log(this.props)\n }\n\n getContentView() {\n return (\n \n \n \n\n\n \n \n Sales and Profits \n \n \n Duration \n \n \n \n \n \n \n \n \n \n\n\n { setToggleValue(e.target.value) }}\n aria-label=\"Platform\"\n\n >\n CHART \n TABLE \n \n \n \n {loaded ?\n \n BarChartchange(e)} dataKey=\"Invoice Total\" barSize={20} fill=\"#87CEEB\" />\n BarChartchange(e)} barSize={20} fill=\"#90EE90\" />\n {/* \n
\n }\n \n {viewInvoiceModal && (\n \n \n
\n \n
:\n toggleValue == 'CHART' ?\n\n \n
\n );\n }\n render() {\n const userData = JSON.parse(sessionStorage.getItem(\"userDetails\"));\n\n if (this.props.location.pathname.includes(\"/myinventory\")) {\n localStorage.setItem(\"menuTitle\", \"MY INVENTORY\");\n } else {\n localStorage.setItem(\"menuTitle\", \"\");\n }\n return (\n\n \n {/*
\n \n
\n );\n }\n\n render() { \n localStorage.setItem(\"menuTitle\",\"CONTRIBUTE NEW WATCH\");\n return ( \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n \n \n
\n \n Your watch has been added into our database, We will confirm your submission soon \n
\n \n \n \n
\n Use this Xml link for further Usage\"\n );\n this.setState({\n displayUrl: true,\n loaded: true,\n });\n } else {\n this.setState({\n displayUrl: true,\n loaded: true,\n });\n Swal.fire(\n this.state.ChronoUrl,\n \"
Use this Xml link for further Usage\"\n );\n toast(res.data.message, {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n });\n }\n // getproductDetails (id){\n // searchinventry.getProductsDetails(id).then((res) => {\n // this.setState({\n // productDetails: res.data.data\n // })\n // })\n // }\n // socialshare(e){\n // console.log(e)\n // }\n editinvnetrydeatils() {\n this.props.history.push(\n \"/update-inventry-details/\" +\n this.state.inventoryDetailByIdDetails.inventoryid,\n this.props.history.location.state\n );\n }\n\n changeRangeName = (event) => {\n const checkstaus = event.target.checked;\n if (checkstaus === true) {\n this.setState({\n inventory_id: this.state.inventoryDetailByIdDetails.inventoryid,\n sold_status: \"1\",\n soldbtn: true,\n });\n localStorage.setItem(\"sold_status\", \"1\");\n } else {\n this.setState({\n inventory_id: this.state.inventoryDetailByIdDetails.inventoryid,\n sold_status: \"0\",\n soldbtn: false,\n });\n localStorage.setItem(\"sold_status\", \"0\");\n }\n let data = {\n inventory_id: this.state.inventory_id,\n sold_status: localStorage.getItem(\"sold_status\"),\n listed_on: this.state.listed_on,\n };\n searchinventry.productsold(data).then((res) => {\n if (res.data.success === 1) {\n toast(res.data.message, {\n autoClose: 5000,\n type: toast.TYPE.SUCCESS,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n localStorage.removeItem(\"sold_status\");\n\n this.setState({\n enbleAltert: true,\n });\n } else {\n toast(res.data.message, {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n localStorage.removeItem(\"sold_status\");\n this.setState({\n enbleAltert: true,\n });\n }\n });\n };\n\n handleClickOpen() {\n this.setState({\n open: true,\n setOpen: true,\n });\n }\n\n handleClose() {\n this.setState({\n open: false,\n setOpen: false,\n });\n }\n\n editIconClick() {\n const { inventoryid } = this.state.inventoryDetailByIdDetails;\n this.props.history.push({\n pathname: \"/update-inventry-images-details/\" + inventoryid,\n state: { inventoryDetailPage: true }\n });\n }\n\n handleOpenModal = () => {\n this.setState({ openModal: true });\n };\n\n handleCloseModal = () => {\n this.setState({ openModal: false });\n };\n\n getInvoiceDetails = (inventoryDetailByIdDetails) => {\n const {\n type,\n serialno,\n purchaseprice,\n quantity,\n inventoryid,\n technical_details,\n invattr,\n imagepaths,\n product_imagepaths,\n } = inventoryDetailByIdDetails ?? {};\n\n const isMiscProductOrWatch = type === \"misc_product\" || type === \"misc_watch\";\n\n const model = isMiscProductOrWatch\n ? technical_details?.product_title ||\n technical_details?.product_name ||\n \"\"\n : invattr?.reference;\n\n const productid = isMiscProductOrWatch\n ? technical_details?.productid\n : inventoryDetailByIdDetails?.productid;\n\n const productName = isMiscProductOrWatch\n ? technical_details?.product_title ||\n technical_details?.product_name ||\n \"\"\n : null;\n\n const desc = isMiscProductOrWatch\n ? technical_details?.product_title ||\n technical_details?.product_name ||\n \"\"\n : inventoryDetailByIdDetails?.inventory_title ||\n invattr?.model ||\n \"---\";\n\n const image =\n imagepaths?.front ||\n imagepaths?.back ||\n imagepaths?.left ||\n imagepaths?.right ||\n imagepaths?.free_form ||\n imagepaths?.buckle_opened ||\n imagepaths?.buckle_closed ||\n imagepaths?.wrist_shot ||\n product_imagepaths?.images?.[0] ||\n imageNotAvailable;\n\n return {\n model,\n serialno,\n productid,\n productName,\n purchaseprice,\n desc,\n type,\n quantity,\n inventoryid,\n image,\n };\n };\n\n newContentView() {\n const { openModal, invoiceType } = this.state;\n let inventoryDetailByIdInfo = \"\";\n let id = \"\";\n let inventoryDetailByIdDetails = \"\";\n // if(this.props.inventoryDetailByIdInfo.success == 0){\n // inventoryDetailByIdInfo = this.props.inventoryDetailByIdInfo;\n // }else{\n // inventoryDetailByIdInfo = this.props.inventoryDetailByIdInfo.data;\n // id = inventoryDetailByIdInfo.id;\n // inventoryDetailByIdDetails = (inventoryDetailByIdInfo && inventoryDetailByIdInfo.prodattr) ? inventoryDetailByIdInfo.prodattr : \"\";\n // }\n const settings = {\n dots: false,\n infinite: false,\n speed: 500,\n slidesToShow: 1,\n slidesToScroll: 1,\n initialSlide: 0,\n responsive: [\n {\n breakpoint: 1024,\n settings: {\n slidesToShow: 1,\n slidesToScroll: 1,\n infinite: true,\n dots: false,\n },\n },\n {\n breakpoint: 600,\n settings: {\n slidesToShow: 1,\n slidesToScroll: 1,\n initialSlide: 2,\n },\n },\n {\n breakpoint: 480,\n settings: {\n slidesToShow: 1,\n slidesToScroll: 1,\n },\n },\n ],\n };\n const { warrantypaper, archive, is_service } = this.state.inventoryDetailByIdDetails;\n if (this.state.manageResult) {\n return (\n
{this.state.inventoryDetailByIdDetails.message}
\n \n \n\n {this.state.loaded == false ? (\n \n
\n ) : (\n \"\"\n )}\n {this.state.inventoryDetailByIdDetails?.imagepaths?.back ? (\n \n
\n ) : (\n \n \n
\n ) : (\n \"\"\n )}\n {this.state.inventoryDetailByIdDetails?.imagepaths?.right ? (\n \n \n \n {/* \n \n\n \n */}\n \n {/* Go Back */}\n\n \n \n \n \n \n\n {this.state.inventoryDetailByIdDetails &&\n this.state.inventoryDetailByIdDetails.imagepaths ? (\n <>\n {isActionAllowed(\n this.state.accessData,\n \"upload_inventory_images\"\n ) && (\n \n upload Images\n \n \n )}\n \n )}\n \n \n {this.state.inventoryDetailByIdDetails?.imagepaths?.front ? (\n \n
\n ) : (\n \"\"\n )}\n {this.state.inventoryDetailByIdDetails?.imagepaths?.left ? (\n \n \n ›} >\n \n My Inventory\n \n\n \n Inventory Details\n \n\n \n \n
\n \n
\n )}\n \n ) : (\n <>\n {isActionAllowed(\n this.state.accessData,\n \"upload_inventory_images\"\n ) && (\n <>\n \n \n
*/}\n \n \n {/* {\"Use Google's location service?\"} */}\n \n \n \n \n \n \n Close\n \n \n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails?.imagepaths?.video ? (\n No Video Found {this.state.UploadPic9} \n }\n {/*
\n \n {\n this.state.inventoryDetailByIdDetails?.imagepaths?.video ? (\n No video Found {this.state.UploadPic9} \n }\n
\n ) : (\n // \n // \n // \n // \n // \n // \n // \n // \n //
\n \"\"\n )\n // Inventory Video
\n //Inventory Video
\n */}\n\n \n Watch Video {this.state.UploadPic9}\n \n \n \n \n \n
\n \n {\n this.state\n ?.inventoryDetailByIdDetails\n ?.imagepaths?.video && (\n No video Found {this.state.UploadPic9} \n }\n
\n \n
*/}\n \n \n \n \n \n {this.state.userData && (!this.state.userData?.planDetails || this.state.userData?.planDetails === \"Noplan\") ?\n null :\n <>\n {isActionAllowed(\n this.state.accessData,\n \"create_invoice\"\n ) && (\n \n \n )}\n \n }\n\n {isActionAllowed(\n this.state.accessData,\n \"edit_inventory\"\n ) && (\n <>\n \n this.setState({viewInvoiceModal:true})}\n style={{\n marginTop: \"4px\",\n fontSize: \"12px\",\n }}\n >\n View Invoice\n */}\n\n \n \n )}\n \n \n\n {/* \n {this.state.inventryPricelist &&\n this.state.inventryPricelist.map((price) => (\n \n ))}\n */}\n {this.state.listing_addon ? (\n
\n \n {/* */}\n \n Inventory product details\n \n
\n \n {/* */}\n \n {this.state.inventoryDetailByIdDetails &&\n this.state.inventoryDetailByIdDetails\n .invattr &&\n this.state.inventoryDetailByIdDetails.invattr\n .productname &&\n this.state.inventoryDetailByIdDetails.invattr\n .productname\n ? this.state.inventoryDetailByIdDetails\n .invattr.productname\n : \"\"}{\" \"}\n {this.state.inventoryDetailByIdDetails &&\n this.state.inventoryDetailByIdDetails\n .invattr &&\n this.state.inventoryDetailByIdDetails.invattr\n .model &&\n this.state.inventoryDetailByIdDetails.invattr\n .model\n ? this.state.inventoryDetailByIdDetails\n .invattr.model\n : \"\"}\n \n
\n \n \n \n {/* \n \n {this.state.ebayAmout ?\n \n \n \n */}\n \n \n \n \n
\n \n \n ${(this.state.ebayAmout && this.state.ebayAmout.slice(0, 8))\n ?\n (this.state.ebayAmout && this.state.ebayAmout.slice(0, 8))\n :\n \" ---\"}\n \n
\n :\n \n \n {\"---\"}\n \n
\n\n }\n\n \n {this.state.croono21Ammount ? ${(this.state.croono21Ammount && this.state.croono21Ammount.slice(0, 8)) ? (this.state.croono21Ammount && this.state.croono21Ammount.slice(0, 8)) : \" ---\"} : {\"---\"} }\n
\n \n {this.state.retailAmount ? (\n \n $\n {this.state.retailAmount &&\n this.state.retailAmount.slice(0, 8)\n ? this.state.retailAmount &&\n this.state.retailAmount.slice(\n 0,\n 8\n )\n : \" List Price Not Available\"}\n \n ) : (\n \n {\" \"}\n List Price Not Available\n \n )}\n
\n \n {(this.state.inventoryDetailByIdDetails\n .sold === 1 && this.state.invoiceId && this.state.inventoryDetailByIdDetails\n .status !== \"Void\") && (\n this.setState({ viewInvoiceModal: true })}\n >\n View Invoice\n \n )}\n {this.state.inventoryDetailByIdDetails\n .sold !== 1 && this.state.inventoryDetailByIdDetails\n .status !== \"Void\" && this.state.inventoryDetailByIdDetails?.inventory_status != 3 &&\n (\n CREATE INVOICE\n \n )}\n\n
\n \n \n EDIT\n \n
\n {/* \n List Prices \n
*/}\n\n {/* \n
\n \n {price.watch_source == \"EBay\" ? : ''}\n {price.watch_source == \"Chrono24\" ? : ''}\n {price.watch_source == \"Retail\" ? 
:\"\" }\n
\n \n \n
\n \n {price.watch_source == \"EBay\" ? ${(price && price.avg.slice(0, 8)) ? (price && price.avg.slice(0, 8)) : \"---\"} : ''}\n {price.watch_source == \"Chrono24\" ? ${(price && price.avg.slice(0, 8)) ? (price && price.avg.slice(0, 8)) : \"---\"} : \"\"}\n {price.watch_source == \"Retail\" ? ${(price && price.avg.slice(0, 8)) ? (price && price.avg.slice(0, 8)) : \"---\"} : ''}\n
\n \n {/* \n // removed based on hemal request\n */}\n\n {/* hemal request\n */}\n {/* {this.state.inventryPricelist &&\n this.state.inventryPricelist.map((price) => ( */}\n {/* hemal request\n \n\n */}\n\n {/* ))} */}\n {/* \n\n \n \n \n \n \n\n */}\n {/* */}\n {/* \n \n \n\n */}\n
\n ) : (\n \"\"\n )}\n \n List Item On \n
*/}\n {/* \n
\n\n */}\n {/* {price.watch_source == \"EBay\" ? : ''} */}\n {/* hemal request\n */}\n {/* {price.watch_source == \"Retail\" ? :\"\" } */}\n {/*
*/}\n {/* \n {price.watch_source == \"EBay\" ? ${(price && price.avg.slice(0, 8)) ? (price && price.avg.slice(0, 8)) : \"---\"} : ''}\n {price.watch_source == \"Chrono24\" ? ${(price && price.avg.slice(0, 8)) ? (price && price.avg.slice(0, 8)) : \"---\"} : \"\"}\n {price.watch_source == \"Retail\" ? ${(price && price.avg.slice(0, 8)) ? (price && price.avg.slice(0, 8)) : \"---\"} : ''}\n
*/}\n {/* hemal request \n \n status : \n \n
\n \n \n \n\n
\n \n Promote The Item On \n
*/}\n {/* \n \n
\n\n */}\n {/* mm---------------------------------------------------------- */}\n\n {this.state.displaysharingImg ? (\n
\n \n Select Images To Share\n \n
\n\n \n
\n \n \n Front\n \n {\n this.onsocialsearch4(\n this.state.inventoryDetailByIdDetails\n .imagepaths.front\n );\n }}\n />\n
\n \n
\n \n \n Back\n \n {\n this.onsocialsearch1(\n this.state.inventoryDetailByIdDetails\n .imagepaths.back\n );\n }}\n />\n
\n \n
\n \n \n Right\n \n {\n this.onsocialsearch6(\n this.state.inventoryDetailByIdDetails\n .imagepaths.right\n );\n }}\n />\n
\n \n
\n \n \n left\n \n {\n this.onsocialsearch5(\n this.state.inventoryDetailByIdDetails\n .imagepaths.left\n );\n }}\n />\n
\n \n
\n \n \n Top\n \n\n {\n this.onsocialsearch2(\n this.state.inventoryDetailByIdDetails\n .imagepaths.top\n );\n }}\n />\n
\n \n
\n \n \n Bottom\n \n\n {\n this.onsocialsearch3(\n this.state.inventoryDetailByIdDetails\n .imagepaths.bottom\n );\n }}\n />\n
\n \n
\n \n \n Buckle Opened\n \n\n {\n this.onsocialsearch7(\n this.state.inventoryDetailByIdDetails\n .imagepaths.buckle_opened\n );\n }}\n />\n
\n \n
\n \n \n Buckle Closed\n \n {\n this.onsocialsearch8(\n this.state.inventoryDetailByIdDetails\n .imagepaths.buckle_closed\n );\n }}\n />\n
\n \n \n Product Specifications\n \n
\n \n \n \n \n \n \n \n
\n {/* \n \n List Price\n \n
\n \n \n \n {this.state.retailAmount ? (\n \n $\n {this.state.retailAmount &&\n this.state.retailAmount.slice(0, 8)\n ? this.state.retailAmount &&\n this.state.retailAmount.slice(\n 0,\n 8\n )\n : \" List Price Not Available\"}\n \n ) : (\n \n {\" \"}\n List Price Not Available\n \n )}\n \n \n
\n */}\n {((this.state.inventoryDetailByIdDetails.type &&\n this.state.inventoryDetailByIdDetails.type !==\n \"misc_watch\" &&\n this.state.inventoryDetailByIdDetails.type !==\n \"misc_product\") ||\n this.state.inventoryDetailByIdDetails.type ===\n null) && (\n <>\n
\n
\n \n )}\n\n {this.state.inventoryDetailByIdDetails.type &&\n this.state.inventoryDetailByIdDetails.type ===\n \"misc_watch\" && (\n <>\n \n \n \n \n \n \n \n
\n \n \n Brand Name\n \n
\n \n \n \n {this.state\n ?.inventoryDetailByIdDetails\n ?.brandname\n || \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Model Number\n \n
\n \n \n \n {\n this.state\n ?.inventoryDetailByIdDetails\n ?.invattr?.reference\n || \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Model Name\n \n
\n \n \n \n {this.state\n ?.inventoryDetailByIdDetails\n ?.invattr?.model\n || \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Case Material\n \n
\n \n \n \n {this.state\n ?.inventoryDetailByIdDetails\n ?.invattr?.casematerial\n || \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n {/* \n \n Case Size\n \n
\n \n \n \n {this.state\n ?.inventoryDetailByIdDetails\n ?.invattr?.casesize\n || \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
*/}\n {/* \n \n Case Back\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .invattr &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.caseback &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.caseback\n ? this.state\n .inventoryDetailByIdDetails\n .invattr.caseback\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
*/}\n \n \n Case Shape\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .invattr &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.shape &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.shape\n ? this.state\n .inventoryDetailByIdDetails\n .invattr.shape\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Dial Color\n \n
\n \n \n \n {this.state\n ?.inventoryDetailByIdDetails\n ?.invattr?.dialcolor\n || \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Band Type\n \n
\n \n \n \n {this.state\n ?.inventoryDetailByIdDetails\n ?.invattr?.bandtype\n || \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Band Material\n \n
\n \n \n \n {this.state\n ?.inventoryDetailByIdDetails\n ?.invattr?.bandmaterial\n || \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Band Size\n \n
\n \n \n \n {this.state\n ?.inventoryDetailByIdDetails\n ?.bandsize\n || \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n {/* \n \n Caliber\n \n
\n \n \n \n {this.state\n ?.inventoryDetailByIdDetails\n ?.invattr?.caliber\n || \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
*/}\n \n \n Power Reserve\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .invattr &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.powerreserve &&\n this.state\n .inventoryDetailByIdDetails\n .invattr.powerreserve\n ? this.state\n .inventoryDetailByIdDetails\n .invattr.powerreserve\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n {/* \n \n Water Resistent\n \n
\n \n \n \n {this.state\n ?.inventoryDetailByIdDetails\n ?.invattr?.waterresistant\n || \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n Purchase Date \n
\n \n \n {this.state.inventoryDetailByIdDetails.purchasedate ? moment(this.state.inventoryDetailByIdDetails.purchasedate).format('MM/DD/YYYY') : '---'} \n
\n \n \n \n \n \n \n \n
\n \n Inventory Type \n
\n \n \n {this.state.inventoryDetailByIdDetails.inventorytype === \"1\" ? \"regularinventory\" : (this.state.inventoryDetailByIdDetails.inventorytype === \"2\" ? \"memodetails\" : (this.state.inventoryDetailByIdDetails.inventorytype === \"3\" ? \"partnershipdetais\" : \"---\" ))} \n \n
\n \n \n \n \n \n \n \n
\n \n Condition \n
\n \n {this.state.inventoryDetailByIdDetails.condition ? this.state.inventoryDetailByIdDetails.condition : '---'} \n
\n \n \n \n \n \n \n \n
\n\n \n Band Size1 \n
\n \n {this.state.inventoryDetailByIdDetails.bandsize ? this.state.inventoryDetailByIdDetails.bandsize : '---'} \n
\n \n \n \n \n \n \n \n
\n \n Links \n
\n \n {this.state.inventoryDetailByIdDetails.links ? this.state.inventoryDetailByIdDetails.links : '---'} \n
\n \n \n \n \n \n \n \n
\n\n \n Purchase Price \n
\n \n $ {this.state.inventoryDetailByIdDetails.purchaseprice ? this.state.inventoryDetailByIdDetails.purchaseprice : '---'} \n
\n \n \n \n \n \n \n \n
*/}\n \n Retail Price \n
\n \n $ {this.state.inventoryDetailByIdDetails.retailprice ? this.state.inventoryDetailByIdDetails.retailprice : '---'} \n
\n \n
\n \n )}\n {this.state.inventoryDetailByIdDetails.type &&\n this.state.inventoryDetailByIdDetails.type ===\n \"misc_product\" && (\n <>\n \n \n \n \n \n \n \n
\n {/* \n \n Product Name\n \n
\n \n \n \n {this.state\n ?.inventoryDetailByIdDetails\n ?.technical_details\n ?.product_title\n || \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
*/}\n \n \n Product Title\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details.product_title\n ? this.state\n .inventoryDetailByIdDetails\n .technical_details\n .product_title\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Brand Name\n \n
\n \n \n \n {this.state\n ?.inventoryDetailByIdDetails\n ?.technical_details\n ?.brand_name\n || \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Model Number\n \n
\n \n \n \n {this.state\n ?.inventoryDetailByIdDetails\n ?.technical_details\n ?.model_number\n || \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Case Material\n \n
\n \n \n \n {this.state\n ?.inventoryDetailByIdDetails\n ?.technical_details\n ?.case_material\n || \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Case Size\n \n
\n \n \n \n {this.state\n ?.inventoryDetailByIdDetails\n ?.technical_details\n ?.case_size\n || \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Dial Color\n \n
\n \n \n \n {this.state\n ?.inventoryDetailByIdDetails\n ?.technical_details\n ?.dial_color\n || \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Band Material\n \n
\n \n \n \n {this.state\n ?.inventoryDetailByIdDetails\n ?.technical_details\n ?.band_material\n || \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Band Size\n \n
\n \n \n \n {this.state\n ?.inventoryDetailByIdDetails\n ?.bandsize\n || \"---\"}\n \n \n
\n \n
\n \n )}\n \n \n \n \n \n \n \n
\n \n \n Product Name\n \n
\n \n \n \n {this.state\n ?.inventoryDetailByIdDetails\n ?.technical_details\n ?.product_title\n || \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n {/* \n \n Product Category\n \n
\n \n \n \n {this.state\n ?.inventoryDetailByIdDetails\n ?.category\n || \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
*/}\n \n \n Product Title\n \n
\n \n \n \n {this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details.product_title\n ? this.state\n .inventoryDetailByIdDetails\n .technical_details\n .product_title\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Description\n \n
\n \n \n \n {this.state\n ?.inventoryDetailByIdDetails\n ?.technical_details\n ?.description\n || \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Brand Name\n \n
\n \n \n \n {this.state\n ?.inventoryDetailByIdDetails\n ?.technical_details\n ?.brand_name\n || \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Model Number\n \n
\n \n \n \n {this.state\n ?.inventoryDetailByIdDetails\n ?.technical_details\n ?.model_number\n || \"---\"}\n \n \n
\n \n \n Inventory Details\n \n
\n {/* */}\n {this.state.inventoryDetailByIdDetails.type !== 'misc_product' && (<>\n
\n \n \n \n \n \n \n
\n )}\n \n Inventory Title \n
\n \n \n {/* {} */}\n {this.state.inventoryDetailByIdDetails.inventory_title ? this.state.inventoryDetailByIdDetails.inventory_title : (this.state\n .inventoryDetailByIdDetails &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details &&\n this.state\n .inventoryDetailByIdDetails\n .technical_details.product_title\n ? this.state\n .inventoryDetailByIdDetails\n .technical_details\n .product_title\n : \"---\")}\n \n
\n \n \n \n \n \n \n \n
\n \n \n Serial Number\n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails\n .serialno\n ? this.state.inventoryDetailByIdDetails\n .serialno\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n {this.state.inventoryDetailByIdDetails.type ===\n \"misc_product\" && (\n \n \n Inventory ID\n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails\n .inventoryid\n ? this.state.inventoryDetailByIdDetails\n .inventoryid\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n )}\n \n \n Quantity\n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails\n .quantity\n ? this.state\n .inventoryDetailByIdDetails\n .quantity\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n {this.state.inventoryDetailByIdDetails.inventorytype === \"3\" && (\n <>\n \n \n Inventory Type\n \n
\n \n \n {/* {this.state.inventoryDetailByIdDetails.serialno ? this.state.inventoryDetailByIdDetails.serialno : '---'} */}\n {this.state.inventoryDetailByIdDetails\n .memodetails\n ? this.state\n .inventoryDetailByIdDetails\n .memodetails\n : \"---\"}\n \n )) : (\n this.state.inventoryDetailByIdDetails\n .inventorytype === \"3\" && (\n \n {/* {this.state.inventoryDetailByIdDetails.serialno ? this.state.inventoryDetailByIdDetails.serialno : '---'} */}\n {this.state.inventoryDetailByIdDetails\n .partnershipdetais\n ? this.state\n .inventoryDetailByIdDetails\n .partnershipdetais\n : \"---\"}\n \n ))}\n >\n \n \n {/* {this.state.inventoryDetailByIdDetails.serialno ? this.state.inventoryDetailByIdDetails.serialno : '---'} */}\n {this.state.inventoryDetailByIdDetails\n .inventorytype === \"1\"\n ? \"Regular Inventory\"\n : this.state.inventoryDetailByIdDetails\n .inventorytype === \"2\"\n ? \"Memo Inventory\"\n : this.state.inventoryDetailByIdDetails\n .inventorytype === \"3\"\n ? \"Partnership Inventory\"\n : \"---\"}\n \n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Partnership Number\n \n
\n \n \n {this.state.inventoryDetailByIdDetails.partnership_number || \"---\"}\n \n
\n \n \n \n \n \n \n \n
\n \n )}\n {this.state.inventoryDetailByIdDetails.inventorytype === \"2\" && (\n <>\n \n \n Partnership Details\n \n
\n \n \n {this.state.inventoryDetailByIdDetails.partnershipdetais || \"---\"}\n \n
\n \n \n \n \n \n \n \n
\n \n \n Memo Number\n \n
\n \n \n {this.state.inventoryDetailByIdDetails.memo_number || \"---\"}\n \n
\n \n \n \n \n \n \n \n
\n \n )}\n {/* \n \n Memo Details\n \n
\n \n \n {this.state.inventoryDetailByIdDetails.memodetails || \"---\"}\n \n
\n \n \n \n \n \n \n \n
*/}\n\n {isActionAllowed(\n this.state.viewData,\n \"purchase_from\"\n ) && (\n \n \n Inventory Type Details\n \n
\n \n \n {this.state.inventoryDetailByIdDetails.inventorytype === \"2\" && (\n \n {this.state.inventoryDetailByIdDetails\n .memodetails\n ? this.state\n .inventoryDetailByIdDetails\n .memodetails\n : \"---\"}\n \n )}\n {this.state.inventoryDetailByIdDetails.inventorytype === \"3\" && (\n \n {this.state.inventoryDetailByIdDetails\n .partnershipdetais\n ? this.state\n .inventoryDetailByIdDetails\n .partnershipdetais\n : \"---\"}\n \n )}\n\n \n
\n \n \n \n \n \n \n \n
\n )}\n\n {isActionAllowed(\n this.state.viewData,\n \"purchase_price\"\n ) && (\n \n \n Purchase From\n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails\n .purchasefrom\n ? this.state\n .inventoryDetailByIdDetails\n .purchasefrom\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n )}\n \n \n Purchase Price\n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails?.purchaseprice\n ? `$ ${this.state.inventoryDetailByIdDetails.purchaseprice}`\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n {this.state.inventoryDetailByIdDetails\n .purchase_invoice_paid ?\n \n \n Purchase Payment Status\n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails\n .purchase_invoice_paid\n ? 'Paid' : 'Not Paid'\n }\n \n \n
\n \n \n \n \n \n \n \n
:\n \n \n Purchase Payment Date\n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails.purchase_payment_date\n // ? moment(this.state\n // .inventoryDetailByIdDetails\n // .purchase_payment_date).format('MM/DD/YYYY')\n ? formatDate(this.state.inventoryDetailByIdDetails.purchase_payment_date, 'MM/DD/YYYY')\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
}\n \n \n Purchase Payment Due Date\n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails.purchase_payment_duedate\n // ? moment(this.state\n // .inventoryDetailByIdDetails\n // .purchase_payment_duedate).format('MM/DD/YYYY')\n ? formatDate(this.state.inventoryDetailByIdDetails.purchase_payment_duedate, 'MM/DD/YYYY')\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Purchase Payment Details\n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails\n .purchase_payment_details\n ? this.state\n .inventoryDetailByIdDetails\n .purchase_payment_details\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n\n \n \n Date Added\n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails.createdon\n // ? moment(\n // this.state\n // .inventoryDetailByIdDetails\n // .createdon\n // ).format(\"MM/DD/YYYY\")\n ? formatDate(this.state.inventoryDetailByIdDetails.createdon, 'MM/DD/YYYY')\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n\n {this.state.inventoryDetailByIdDetails.type !==\n \"misc_product\" && (\n <>\n \n \n Condition\n \n
\n \n {this.state.inventoryDetailByIdDetails\n .type !== \"misc_product\" && (\n <>\n \n \n {this.state.inventoryDetailByIdDetails\n .condition &&\n this.state.inventoryDetailByIdDetails\n .condition === 4\n ? \"New\"\n : this.state\n .inventoryDetailByIdDetails\n .condition &&\n this.state\n .inventoryDetailByIdDetails\n .condition === 3\n ? \"Retail Ready\"\n : this.state\n .inventoryDetailByIdDetails\n .condition &&\n this.state\n .inventoryDetailByIdDetails\n .condition === 2\n ? \"Mint\"\n : \"Pre-owned\"}\n \n \n \n )}\n {this.state.inventoryDetailByIdDetails\n .type === \"misc_product\" && (\n <>\n \n \n {this.state.inventoryDetailByIdDetails\n .condition &&\n this.state.inventoryDetailByIdDetails\n .condition === 1\n ? \"New\"\n : this.state\n .inventoryDetailByIdDetails\n .condition &&\n this.state\n .inventoryDetailByIdDetails\n .condition === 2\n ? \"Used\"\n : \"New\"}\n \n \n \n )}\n
\n \n \n \n \n \n \n \n
\n \n )}\n\n\n\n {this.state.inventoryDetailByIdDetails.type !== \"misc_product\" && (\n <>\n \n \n Box\n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails\n .warrantybox &&\n this.state.inventoryDetailByIdDetails\n .warrantybox === \"1\"\n ? \"Yes\"\n : \"No\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n )}\n\n {/* {this.state.inventoryDetailByIdDetails.type !==\n \"misc_product\" && (\n <>\n \n \n Papers\n \n
\n \n \n \n {warrantypaper === \"1\" && archive === 1 && is_service\n ? \"Warranty, Archive and Service Card/Paper\"\n : warrantypaper === \"1\" && archive === 1\n ? \"Warranty and Archive\"\n : warrantypaper === \"1\" && is_service\n ? \"Warranty and Service Card/Paper\"\n : archive === 1 && is_service\n ? \"Archive and Service Card/Paper\"\n : warrantypaper === \"1\"\n ? \"Warranty\"\n : archive === 1\n ? \"Archive\"\n : is_service\n ? \"Service Card/Paper\"\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n )} */}\n\n {(this.state.inventoryDetailByIdDetails.type !== \"misc_product\" && this.state.inventoryDetailByIdDetails.warrantypaper === \"1\") && (\n <>\n \n \n Warranty\n \n
\n \n {this.state.inventoryDetailByIdDetails\n .warrantypaper == 1 ? (\n \n \n {this.state\n .inventoryDetailByIdDetails\n .warrantydate\n ? moment(\n this.state\n .inventoryDetailByIdDetails\n .warrantydate\n ).format(\"MM/DD/YYYY\")\n : \"No\"}\n \n \n ) : (\n \n {\"---\"}\n \n )}\n
\n \n \n \n {this.state.inventoryDetailByIdDetails.warrantypaper === \"1\" && (\n \n \n \n \n
\n \n )}\n\n {(this.state.inventoryDetailByIdDetails.type !== \"misc_product\" && this.state.inventoryDetailByIdDetails.archive === 1) && (\n <>\n \n \n Warranty Date\n \n
\n )}\n \n {this.state.inventoryDetailByIdDetails\n .warrantypaper === \"1\" ? (\n \n \n {this.state.inventoryDetailByIdDetails.warrantydate\n // ? moment(\n // this.state\n // .inventoryDetailByIdDetails\n // .warrantydate\n // ).format(\"MM/DD/YYYY\")\n ? formatDate(this.state.inventoryDetailByIdDetails.warrantydate, \"MM/DD/YYYY\")\n : \"No\"}\n \n \n ) : (\n \n {\"---\"}\n \n )}\n
\n \n \n \n {this.state.inventoryDetailByIdDetails.archive === 1 && (\n \n \n \n \n
\n \n )}\n\n {(this.state.inventoryDetailByIdDetails.type !== \"misc_product\" && this.state.inventoryDetailByIdDetails.is_service) && (\n <>\n \n \n Archive Date\n \n
\n )}\n \n {this.state.inventoryDetailByIdDetails\n .archive === 1 ? (\n \n \n {this.state.inventoryDetailByIdDetails.archive_date\n // ? moment(\n // this.state\n // .inventoryDetailByIdDetails\n // .archive_date\n // ).format(\"MM/DD/YYYY\")\n ? formatDate(this.state.inventoryDetailByIdDetails.archive_date, \"MM/DD/YYYY\")\n : \"No\"}\n \n \n ) : (\n \n {\"---\"}\n \n )}\n
\n \n \n \n {this.state.inventoryDetailByIdDetails.is_service && (\n \n \n \n \n
\n \n )}\n\n\n {/* {this.state.inventoryDetailByIdDetails.type !==\n \"misc_product\" && (\n <>\n \n \n Service Date\n \n
\n )}\n \n {this.state.inventoryDetailByIdDetails\n .is_service ? (\n \n \n {this.state.inventoryDetailByIdDetails.service_date\n // ? moment(\n // this.state\n // .inventoryDetailByIdDetails\n // .service_date\n // ).format(\"MM/DD/YYYY\")\n ? formatDate(this.state.inventoryDetailByIdDetails.service_date, \"MM/DD/YYYY\")\n : \"No\"}\n \n \n ) : (\n \n {\"---\"}\n \n )}\n
\n \n \n \n \n \n \n \n
\n \n \n Band Size\n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails\n .bandsize\n ? this.state\n .inventoryDetailByIdDetails\n .bandsize\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n )} */}\n\n {/* \n \n Links\n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails\n .links\n ? this.state\n .inventoryDetailByIdDetails\n .links\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n Warranty Paper \n
\n \n {this.state.inventoryDetailByIdDetails.warrantypaper ? this.state.inventoryDetailByIdDetails.warrantypaper : '---'} \n
\n \n \n \n \n \n \n \n
*/}\n \n Purchase Invoice \n
\n \n \n {((this.state.inventoryDetailByIdDetails &&\n this.state.inventoryDetailByIdDetails.purchaseinvoiceimages &&\n this.state.inventoryDetailByIdDetails.purchaseinvoiceimages.images) || []).map(url => (\n \n\n ))}\n \n
\n \n Inventory Details \n
\n {/* */}\n {/* {this.state.inventoryDetailByIdDetails.type !== 'misc_product' && (<>\n
\n \n \n \n \n \n \n
\n )} */}\n \n Inventory Title \n
\n \n \n {this.state.inventoryDetailByIdDetails.inventory_title ? this.state.inventoryDetailByIdDetails.inventory_title : '---'}\n \n
\n \n \n \n \n \n \n \n
\n \n Inventory Status \n
\n \n {this.state.inventoryDetailByIdDetails.inventory_status ? InventoryStatusLookup[this.state.inventoryDetailByIdDetails.inventory_status] : '---'} \n
\n \n \n \n \n Total Cost\n \n \n \n \n \n {Number(this.state.inventoryDetailByIdDetails.total_cost)\n ? `$ ${Number(this.state.inventoryDetailByIdDetails.total_cost)}`\n : \"---\"}\n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Target Wholesale Price\n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails?.wholesaleprice\n ? `$ ${this.state.inventoryDetailByIdDetails.wholesaleprice}`\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Target End Customer Price\n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails?.retailprice\n ? `$ ${this.state.inventoryDetailByIdDetails.retailprice}`\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n Target End Customer Wire Price\n \n
\n \n \n \n {this.state.inventoryDetailByIdDetails?.retailwireprice\n ? `$ ${this.state.inventoryDetailByIdDetails.retailwireprice}`\n : \"---\"}\n \n \n
\n \n \n \n \n \n \n \n
\n\n \n Tag Price \n
\n \n {this.state.inventoryDetailByIdDetails.tag_price ? '$ ' + this.state.inventoryDetailByIdDetails.tag_price : '---'} \n
\n \n \n \n \n \n \n \n
\n \n Public Dealer Note \n
\n \n {this.state.inventoryDetailByIdDetails.public_dealer_note ? this.state.inventoryDetailByIdDetails.public_dealer_note : '---'} \n
\n \n \n \n \n \n \n \n
\n {this.state.inventoryDetailByIdDetails.type !== 'misc_product' && (\n <>\n\n \n Private Dealer Note \n
\n \n {this.state.inventoryDetailByIdDetails.note ? this.state.inventoryDetailByIdDetails.note : '---'} \n
\n \n \n \n \n \n \n \n
\n\n \n Inventory Location \n
\n \n {this.state.inventoryDetailByIdDetails.inventory_location ? this.state.inventoryDetailByIdDetails.inventory_location : '---'} \n
\n \n \n \n \n \n \n \n
\n\n {/* \n Modified \n
\n \n {this.state.inventoryDetailByIdDetails.modification_deatils ? this.state.inventoryDetailByIdDetails.modification_deatils : '- - -'}\n )} >\n {this.state.inventoryDetailByIdDetails.ismodified === true ? \"Yes\" : 'No'} \n \n
\n \n \n \n \n \n \n \n
*/}\n )}\n {this.state.viewInvoiceModal && (\n \n Modification Details \n
\n \n {this.state.inventoryDetailByIdDetails.modification_deatils ? this.state.inventoryDetailByIdDetails.modification_deatils : '---'} \n
\n \n \n \n \n \n \n \n
\n )} */}\n {/* \n Purchase Expense \n
\n \n $ {this.state.inventoryDetailByIdDetails.purchase_expense ? this.state.inventoryDetailByIdDetails.purchase_expense : '---'} \n
\n \n \n \n \n \n \n \n
\n \n Purchase Expense Note \n
\n \n {this.state.inventoryDetailByIdDetails.purchase_expense_note ? this.state.inventoryDetailByIdDetails.purchase_expense_note : '---'} \n
\n \n \n \n \n \n \n \n
*/}\n \n Tag Price \n
\n \n {this.state.inventoryDetailByIdDetails.tag_price ? this.state.inventoryDetailByIdDetails.tag_price : '---'} \n
\n \n
\n ) : (\n this.state.type === null && (\n \n { e.preventDefault(); this.submitForm(e) }}\n id=\"add_inventory_form\"\n >\n \n \n \n PURCHASED PRICE ($)\n \n \n {this.state.onPurchasedPriceErrorText}\n \n \n )}\n {isActionAllowed(\n this.state.viewData,\n \"purchase_expense\"\n ) && (\n <>\n \n \n PURCHASE EXPENSE ($)\n \n \n \n \n {\" \"}\n PURCHASE EXPENSE NOTE\n \n $}\n />\n \n \n )}\n\n {isActionAllowed(\n this.state.viewData,\n \"total_cost\"\n ) && (\n \n \n {\" \"}\n TOTAL COST ($)\n \n $}\n >\n \n )}\n\n \n \n SERIAL NUMBER\n \n \n {this.state.onSerialNumberErrorText}\n \n \n\n \n \n INVENTORY TYPE\n \n \n this.setState({\n InventoryType: e.target.value,\n MemoDetails: \"\",\n PartnershipDetails: \"\",\n memoContactId: null,\n partnerContactId: null,\n })\n }\n >\n \n \n \n \n \n\n {this.state.InventoryType === \"2\" && (\n <>\n \n \n MEMO CONTACTS\n \n \n this.onchangeContactSuggestion(\n e,\n \"MemoDetails\",\n [\"memo_supplier\"]\n )\n }\n bordered={false}\n placeholder=\"Search Memo Contact Name / Business Name\"\n />\n
\n ) :\n (this.state.MemoDetails?.length > 2\n && !this.state.memoDetailsArray.length\n && !this.state.fieldLoader && !this.state.memoContactId) &&\n \n \n
\n \n \n \n \n \n \n \n \n \n \n\n 2 && !this.state.purchasedFromArray.length &&\n !this.state.fieldLoader && !this.state.purchaseFromContactId}\n content={\n \n {\n // this.setState({\n // PurchasedFrom: \"\",\n // });\n const typeData = [\n { id: \"supplier\", value: \"Supplier\" },\n { id: \"memo_supplier\", value: \"Memo Supplier\" }\n ];\n const encodedTypeData = btoa(JSON.stringify(typeData));\n window.open(`/contactmanagement/add?type=${encodedTypeData}`, \"_blank\");\n // window.open(`${window.location.origin}/contactmanagement/add`, \"_blank\");\n }\n }\n style={{ cursor: \"pointer\", textDecoration: 'underline', fontWeight: 'bold' }}\n >\n Click here to Create New Contact\n \n
\n }\n trigger=\"click\"\n placement=\"bottom\"\n // overlayStyle={{ marginTop: \"5px\" }}\n >\n {/* \n \n ›\n }\n >\n \n My Inventory\n \n\n \n Inventory Details\n \n \n Edit Inventory Details\n \n \n \n
\n \n \n \n {this.state.onModelNumberErrorText}\n \n \n \n \n \n \n TECHNICAL DETAILS\n \n \n Model Name :{\" \"}\n {this.state.inventoryDetailByIdDetails\n .invattr &&\n this.state.inventoryDetailByIdDetails\n .invattr.model\n ? this.state.inventoryDetailByIdDetails\n .invattr.model\n : \"\"}\n
\n Brand Name :{\" \"}\n {this.state.brandname &&\n this.state.brandname\n ? this.state.brandname\n : \"\"}\n
\n Model Number :{\" \"}\n {this.state.inventoryDetailByIdDetails\n .invattr &&\n this.state.inventoryDetailByIdDetails\n .invattr.reference\n ? this.state.inventoryDetailByIdDetails\n .invattr.reference\n : \"\"}\n
\n Case Material :{\" \"}\n {this.state.inventoryDetailByIdDetails\n .invattr &&\n this.state.inventoryDetailByIdDetails\n .invattr.casematerial\n ? this.state.inventoryDetailByIdDetails\n .invattr.casematerial\n : \"\"}\n
\n Case Size :{\" \"}\n {this.state.inventoryDetailByIdDetails\n .invattr &&\n this.state.inventoryDetailByIdDetails\n .invattr.casesize\n ? this.state.inventoryDetailByIdDetails\n .invattr.casesize\n : \"\"}\n
\n Dial Color :{\" \"}\n {this.state.inventoryDetailByIdDetails\n .invattr &&\n this.state.inventoryDetailByIdDetails\n .invattr.dialcolor\n ? this.state.inventoryDetailByIdDetails\n .invattr.dialcolor\n : \"\"}\n
\n Band Material :{\" \"}\n {this.state.inventoryDetailByIdDetails\n .invattr &&\n this.state.inventoryDetailByIdDetails\n .invattr.bandmaterial\n ? this.state.inventoryDetailByIdDetails\n .invattr.bandmaterial\n : \"\"}\n
\n Retail Price :{\" \"}\n {this.state.retailAmount\n ? this.state.retailAmount\n : \"List Price Not Available\"}\n
\n \n \n \n \n
\n\n\n \n INVENTORY TITLE ITEM\n \n\n \n\n \n {/* {isActionAllowed(\n this.state.viewData,\n \"purchase_from\"\n ) && (\n \n \n PURCHASED FROM\n \n \n {this.state.onPurchasedFromErrorText}\n \n \n )} */}\n {isActionAllowed(\n this.state.viewData,\n \"purchase_from\"\n ) && (\n <>\n \n \n PURCHASED FROM\n \n \n this.onchangeContactSuggestion(\n e,\n \"PurchasedFrom\",\n [\"supplier\", \"memo_supplier\"]\n )\n }\n bordered={false}\n disabled={this.state.isDisabled}\n />\n {/* {this.state.onPurchasedFromErrorText} */}\n
\n ) :\n (this.state.PurchasedFrom.length > 2 &&\n !this.state.purchasedFromArray.length &&\n !this.state.fieldLoader && !this.state.purchaseFromContactId) &&\n \n Brand Name :{\" \"}\n {this.state.brandname &&\n this.state.brandname\n ? this.state.brandname\n : \"\"}\n
\n Model Number :{\" \"}\n {this.state.inventoryDetailByIdDetails\n .invattr &&\n this.state.inventoryDetailByIdDetails\n .invattr.reference\n ? this.state.inventoryDetailByIdDetails\n .invattr.reference\n : \"\"}\n
\n Case Material :{\" \"}\n {this.state.inventoryDetailByIdDetails\n .invattr &&\n this.state.inventoryDetailByIdDetails\n .invattr.casematerial\n ? this.state.inventoryDetailByIdDetails\n .invattr.casematerial\n : \"\"}\n
\n Case Size :{\" \"}\n {this.state.inventoryDetailByIdDetails\n .invattr &&\n this.state.inventoryDetailByIdDetails\n .invattr.casesize\n ? this.state.inventoryDetailByIdDetails\n .invattr.casesize\n : \"\"}\n
\n Dial Color :{\" \"}\n {this.state.inventoryDetailByIdDetails\n .invattr &&\n this.state.inventoryDetailByIdDetails\n .invattr.dialcolor\n ? this.state.inventoryDetailByIdDetails\n .invattr.dialcolor\n : \"\"}\n
\n Band Material :{\" \"}\n {this.state.inventoryDetailByIdDetails\n .invattr &&\n this.state.inventoryDetailByIdDetails\n .invattr.bandmaterial\n ? this.state.inventoryDetailByIdDetails\n .invattr.bandmaterial\n : \"\"}\n
\n Retail Price :{\" \"}\n {this.state.retailAmount\n ? this.state.retailAmount\n : \"List Price Not Available\"}\n
\n
\n\n
\n \n \n <>\n {!this.state.PurchasedFrom ? (\n \n this.clearContactSuggestion(\n \"PurchasedFrom\"\n )\n }\n style={{ cursor: \"pointer\" }}\n />\n )}\n \n )}\n \n \n \n
\n \n {this.state.purchasedFromArray &&\n this.state.purchasedFromArray.length > 0 &&\n this.state.PurchasedFrom?.length > 0 ? (\n \n \n {this.state.dataset\n ?.slice(0, 15)\n .map((value, key) => {\n return value.map((el, index) => {\n if (index < 1) {\n const displayName = `${el?.firstname ?? \"\"\n } ${el?.lastname ?? \"\"}`;\n return (\n <>\n {/* \n \n \n {(el?.businessname ||\n displayName) ??\n \"\"}\n \n */}\n\n {this.state.purchasedFromArray\n ?.filter(\n (v) =>\n v.email == el.email\n )\n .map((el, index) => {\n return (\n \n \n this.handleContactSelection(\n el,\n \"PurchasedFrom\"\n )\n }\n >\n {this.handleContact(\n el\n )}\n \n \n );\n })}\n {/* */}\n \n );\n }\n });\n })}\n
\n }\n trigger=\"click\"\n placement=\"bottomRight\"\n // placement=\"bottomLeft\"\n onVisibleChange={this.handleVisibleChange}\n >\n \n \n \n event.preventDefault()}\n helperText={\n this.state.error[\"PD\"]\n ? \"Invalid date\"\n : \"\"\n }\n error={this.state.error[\"PD\"]}\n />\n \n \n {this.state.onpurchaseDateErrorText}\n \n \n
\n )}\n \n \n \n PURCHASE PAYMENT STATUS\n \n \n \n event.preventDefault()}\n helperText={\n this.state.error[\"PPD\"]\n ? \"Invalid date\"\n : \"\"\n }\n error={this.state.error[\"PPD\"]}\n />\n \n \n {this.state.onpurchaseDateErrorText}\n \n \n ) : (\n \n \n event.preventDefault()}\n InputLabelProps={{\n // shrink: this.state.purchaseDueDate ? true : false,\n style: { color: \"black\" },\n }}\n helperText={\n this.state.error[\"PPDD\"]\n ? \"Invalid date\"\n : \"\"\n }\n error={this.state.error[\"PPDD\"]}\n />\n \n \n {this.state.onpurchaseDueDateErrorText}\n \n \n )}\n \n \n PURCHASE PAYMENT DETAILS\n \n \n {this.state.onPaymentDetailsErrorText}\n \n \n
\n {isActionAllowed(\n this.state.viewData,\n \"purchase_price\"\n ) && (\n \n \n \n <>\n {!this.state.MemoDetails ? (\n \n this.clearContactSuggestion(\n \"MemoDetails\"\n )\n }\n style={{ cursor: \"pointer\" }}\n />\n )}\n \n )}\n \n \n \n
\n \n {this.state.memoDetailsArray &&\n this.state.memoDetailsArray.length > 0 &&\n this.state.MemoDetails?.length > 0 ? (\n \n \n {this.state.dataset\n ?.slice(0, 15)\n .map((value, key) => {\n return value.map((el, index) => {\n if (index < 1) {\n const displayName = `${el?.firstname ?? \"\"\n } ${el?.lastname ?? \"\"}`;\n return (\n <>\n {/* \n \n \n {(el?.businessname ||\n displayName) ??\n \"\"}\n \n */}\n\n {this.state.memoDetailsArray\n ?.filter(\n (v) =>\n v.email == el.email\n )\n .map((el, index) => {\n return (\n \n \n this.handleContactSelection(\n el,\n \"MemoDetails\"\n )\n }\n >\n {this.handleContact(\n el\n )}\n \n \n );\n })}\n {/* */}\n \n );\n }\n });\n })}\n
\n }\n trigger=\"click\"\n placement=\"bottomRight\"\n // placement=\"bottomLeft\"\n onVisibleChange={this.handleVisibleChange}\n >\n \n \n \n <>\n {!this.state.PartnershipDetails ? (\n \n this.clearContactSuggestion(\n \"PartnershipDetails\"\n )\n }\n style={{ cursor: \"pointer\" }}\n />\n )}\n \n )}\n \n \n \n
\n \n {this.state.partnershipDetailsArray &&\n this.state.partnershipDetailsArray.length > 0 &&\n this.state.PartnershipDetails?.length > 0 ? (\n \n \n {this.state.dataset\n ?.slice(0, 15)\n .map((value, key) => {\n return value.map((el, index) => {\n if (index < 1) {\n const displayName = `${el?.firstname ?? \"\"\n } ${el?.lastname ?? \"\"}`;\n return (\n <>\n {/* \n \n \n {(el?.businessname ||\n displayName) ??\n \"\"}\n \n */}\n\n {this.state.partnershipDetailsArray\n ?.filter(\n (v) =>\n v.email == el.email\n )\n .map((el, index) => {\n return (\n \n \n this.handleContactSelection(\n el,\n \"PartnershipDetails\"\n )\n }\n >\n {this.handleContact(\n el\n )}\n \n \n );\n })}\n {/* */}\n \n );\n }\n });\n })}\n
\n }\n trigger=\"click\"\n placement=\"bottomRight\"\n // placement=\"bottomLeft\"\n onVisibleChange={this.handleVisibleChange}\n >\n \n
\n\n - \n {this.state.locationAutoCompleteData.data.map((item, idx) => (\n
\n this.onchangeLocation(item)}\n >\n
\n )\n )}\n \n \n \n PUBLIC DEALER NOTES\n \n \n
\n \n \n TARGET PRICING DETAILS\n \n
\n \n \n \n TARGET WHOLESALE PRICE ($)\n \n \n {this.state.onWholeSalePriceErrorText}\n \n \n\n \n \n TARGET END CUSTOMER PRICE ($)\n \n \n {this.state.onRetailPriceErrorText}\n \n \n\n \n \n TARGET END CUSTOMER WIRE PRICE ($)\n \n \n {this.state.onRetailWirePriceErrorText}\n \n \n\n \n \n {\" \"}\n TAG PRICE ($)\n \n \n \n {/* Purchase Invoice \n \n */}\n\n {/* \n \n\n */}\n\n \n {/* {this.state.typeOfPaper ? */}\n \n {\n this.handleDateChange1(\n date,\n e,\n \"Warranty\"\n );\n }}\n KeyboardButtonProps={{\n \"aria-label\": \"change date\",\n }}\n style={{\n marginBottom: \"20px\",\n marginTop: \"0px\",\n }}\n // TextFieldComponent={TextFieldComponent}\n helperText={\n this.state.error[\"Warranty\"]\n ? \"Invalid date\"\n : \"\"\n }\n error={this.state.error[\"Warranty\"]}\n placeholder=\"Warranty - MM/DD/YYYY\"\n onPaste={(event) => event.preventDefault()}\n />\n \n )}\n {this.state.archive && (\n \n {\n this.handleDateChange1(\n date,\n e,\n \"Archive\"\n );\n }}\n KeyboardButtonProps={{\n \"aria-label\": \"change date\",\n }}\n style={{\n marginBottom: \"20px\",\n marginTop: \"0px\",\n }}\n // TextFieldComponent={TextFieldComponent}\n helperText={\n this.state.error[\"Archive\"]\n ? \"Invalid date\"\n : \"\"\n }\n error={this.state.error[\"Archive\"]}\n placeholder=\"Archive - MM/DD/YYYY\"\n onPaste={(event) => event.preventDefault()}\n />\n \n )}\n {this.state.isService && (\n \n {\n this.handleDateChange1(\n date,\n e,\n \"Service\"\n );\n }}\n KeyboardButtonProps={{\n \"aria-label\": \"change date\",\n }}\n style={{\n marginBottom: \"20px\",\n marginTop: \"0px\",\n }}\n // TextFieldComponent={TextFieldComponent}\n helperText={\n this.state.error[\"Service\"]\n ? \"Invalid date\"\n : \"\"\n }\n error={this.state.error[\"Service\"]}\n placeholder=\"Service Card / Paper - MM/DD/YYYY\"\n onPaste={(event) => event.preventDefault()}\n />\n \n )}\n \n \n \n \n MODIFICATION DETAILS\n \n \n {this.state.modificationDetailsError}\n \n \n )}\n \n\n {this.state.userData &&\n (this.state.userData\n ?.dealerInventorySubscription ===\n \"access_only\" ||\n this.state.userData\n ?.dealerInventorySubscription ===\n \"no_subscription\") ? null : (\n \n \n )}\n\n
\n \n \n {(this.state.fileArray || []).map(url => (\n \n ))}\n
*/}\n \n \n Upload Invoice Images or File \n \n {/* Upload Invoice Images and/or videos */}\n {/* */}\n \n \n \n {/* */}\n
\n \n \n
\n
\n\n {/* \n
\n\n
\n \n
\n
\n {this.state.warranty_paper && (\n \n
\n
\n {this.state.ismodified && (\n \n
\n
\n \n \n Update\n \n
\n \n
\n \n )\n }\n const accessRestricted = () => {\n return(\n \n
\n \n {loading === false && sampleData && sampleData.length === 0 && (\n
)}\n {sampleData && sampleData.length > 0 &&\n \n \n \n \n Download the excel sample file by clicking on the xls icon below before you bulk upload your products \n \n \n \n \n \n \n \n \n \n \n \n
\n )}\n \n {loading === true &&\n (\n \n \n \n \n \n
\n \n \n \n \n \n \n
\n \n \n \n {errorModel}\n \n )}\n \n \n \n {errorBulkUploadCheckBox}\n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n
\n \n \n (option ? option.brandname : \"\")}\n sx={{ width: 300 }}\n onChange={(event,newValue)=>{\n setSelectedModel(newValue);\n setErrorModel(null);\n }}\n renderInput={(params) => Model : \n Model }\n \n \n {brandModelList?.slice(0, 15).map((item) => {\n return (\n {\n setBrandModel(null);\n setSelectedModel(item);\n setBrandModelList([]);\n setAnchorEl(null);\n }}>{item['modelname']} \n );\n })} \n \n )}\n { noData && (\n
\n { errorModel && ( \n \n { !brandModel && !selectedModel?.modelname ? (\n
\n { brandModelList && brandModelList.length > 0 && (\n \n \n No data found\n \n
\n )} */}\n \n
\n \n \n {steps.map((step, index, arr) => {\n return (\n (\n
\n )}\n />\n );\n })}\n \n \n \n {index + 1}\n
\n \n {steps[index].status}\n
\n \n
\n \n \n {rowData.filePath} }\n ]} />\n \n \n \n \n {successFeedback && (\n \n \n \n
\n }\n \n
\n )}\n \n \n
\n \n \n Your Product details has been updated into our database, \n \n
\n \n
\n \n )\n }\n\n return ( \n \n \n Access Denied \n
\nyou don't have permission to access request page \n
\n \n
\n 
\n
\n \n
\n );\n}\n\nfunction mapStateToProps({ dealer, brandInfo }) {\n return {\n BulkUploadInfo:dealer.BulkUploadInfo,\n brandModelList : brandInfo.brandInfo\n }\n }\n\n \n function mapDispatchToProps(dispatch) {\n return bindActionCreators({\n updateProductDetails,\n brandList\n },\n dispatch)\n }\n \n export default connect(mapStateToProps, mapDispatchToProps)(ProductDetailsComponent);","import * as React from 'react';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogContentText from '@mui/material/DialogContentText';\nimport DialogTitle from '@mui/material/DialogTitle';\n\nexport default function ContactListModal(props) {\n const {open, close, confirm, text} = props;\n return (\n \n {(userData && userData.roleId && userData.roleId !== 3 ) ? accessRestricted() : getContentView()}\n
\n \n \n \n {\"Contact List\"}\n \n \n \n {text ? text : \"This is not in your contacts, Do you want to save it?\"}\n \n \n \n \n \n \n \n
\n );\n};\n","import * as React from \"react\";\nimport Dialog from \"@mui/material/Dialog\";\nimport DialogContent from \"@mui/material/DialogContent\";\nimport DialogTitle from \"@mui/material/DialogTitle\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport CloseIcon from \"@material-ui/icons/Close\";\nimport TextField from \"@mui/material/TextField\";\nimport {\n Button,\n DialogActions,\n FormControl,\n FormHelperText,\n Typography,\n Grid,\n} from \"@material-ui/core\";\nimport { trim } from \"lodash\";\nimport VisibilityIcon from \"@mui/icons-material/VisibilityOutlined\";\n\nexport default function InvoiceValidation({\n open,\n errorCode,\n errorMessage = \"Something went wrong\",\n handleClose,\n handleNavigate,\n handleCheckSalesID,\n handleCheckTotalAmount,\n handleFocus,\n reason,\n setReason\n}) {\n const [errorText, setErrorText] = React.useState(\"\");\n\n const validateReason = () => {\n if (!reason) {\n setErrorText(\"Please Enter Reason\");\n return;\n }\n else if (reason?.length >= 1000) {\n setErrorText('Status cannot exceed 1000 characters.');\n return;\n }\n else if (reason) {\n handleCheckTotalAmount();\n }\n }\n\n const ReasonValidation = (e) => {\n const regex = /^[0-9a-zA-Z _*-]*$/;\n const { value } = e.target;\n setReason(value);\n if (!regex.test(value)) {\n setErrorText('Enter valid Reason');\n } else {\n setErrorText('');\n }\n };\n\n return (\n {errorMessage}
\n {errorCode === \"TILE\" &&\n \n \n {isLoading ? (\n
\n )\n :\n (billCntctSearchTxt?.length > 2\n && billCntcts?.length == 0\n && !fieldLoaderBill\n && (dataset == 0 || !dataset.length)) ?\n\n <>\n \n
\n ) : (\n \n No data found\n
\n )} */}\n \n )}\n {column.type !== \"text_search\" && (\n \n
)\n :\n (searchInputship?.length > 2\n && shipCntcts?.length == 0\n && !fieldLoaderShip\n && (shippingdataset == 0 || !shippingdataset.length)) ?\n \n \n \n \n SHIP TO\n \n {/* \n { !isShipTextInput ?\n \n :\n \n }\n */}\n \n \n \n \n
\n {shippingAddress.map((column, i) => (\n <>\n {column.type === \"text_search\" && (\n <>\n \n \n {shipCntctNm ? (\n \n {column.label}\n \n ) : (\n \n {column.label}\n \n )}\n\n {\n handleContactSearch(e, column.id, \"ship\");\n }}\n bordered={false}\n />\n {errors[column.id] && (\n \n {column.errMsg}\n \n )}\n \n {shipCntcts &&\n shipCntcts.length > 0 &&\n searchInputship.length > 0 ? (\n \n \n {shipCntcts\n .map((el, index) => {\n return (\n \n \n handleContactSelection(\n el,\n \"ship\"\n )\n }\n >\n {handleContactAddress(\n el, \"ship\"\n )}\n \n \n );\n })}\n
\n }\n trigger=\"click\"\n placement=\"bottomRight\"\n onVisibleChange={handleVisibleChangeship}\n >\n \n \n \n {!isShipTextInput && (\n <>\n {!shipCntctNm ? (\n {\n clearCntctSearchInput(\"ship\");\n }}\n style={{ cursor: \"pointer\" }}\n />\n )}\n \n )}\n \n )}\n \n \n
\n \n No data found\n
\n )} */}\n \n )}\n {column.type !== \"text_search\" && (\n \n
\n )\n }\n {\n !isSubmitInvoice && rows.length > 0 && (\n <>\n \n \n
\n ) : billCntctSearchTxt?.length > 2 &&\n billCntcts?.length == 0 &&\n !fieldLoaderBill &&\n (dataset == 0 || !dataset.length) ? (\n <>\n \n \n window.open(\n `${window.location.origin}/contactmanagement/add`,\n \"_blank\"\n )\n }\n style={{\n cursor: \"pointer\",\n textDecoration: \"underline\",\n fontWeight: \"bold\",\n }}\n >\n Click here to Create New Contact\n \n
\n }\n trigger=\"click\"\n placement=\"bottomRight\"\n overlayStyle={{ marginTop: \"5px\" }}\n >\n \n \n \n ) : null}\n \n \n )}\n {column.type !== \"text_search\" && (\n \n
)\n :\n (searchInputship?.length > 2\n && shipCntcts?.length == 0\n && !fieldLoaderShip\n && (shippingdataset == 0 || !shippingdataset.length)) ?\n \n \n \n \n SHIP TO\n \n {/* \n { !isShipTextInput ?\n \n :\n \n }\n */}\n \n \n \n \n
\n {shippingAddress.map((column, i) => (\n <>\n {column.type === \"text_search\" && (\n <>\n \n \n {shipCntctNm ? (\n \n {column.label}\n \n ) : (\n \n {column.label}\n \n )}\n\n {\n handleContactSearch(e, column.id, \"ship\");\n }}\n bordered={false}\n />\n {errors[column.id] && (\n \n {column.errMsg}\n \n )}\n \n {shipCntcts &&\n shipCntcts.length > 0 &&\n searchInputship.length > 0 ? (\n \n \n {shipCntcts\n .map((el, index) => {\n return (\n \n \n handleContactSelection(\n el,\n \"ship\"\n )\n }\n >\n {handleContactAddress(\n el, \"ship\"\n )}\n \n \n );\n })}\n
\n }\n trigger=\"click\"\n placement=\"bottomRight\"\n onVisibleChange={handleVisibleChangeship}\n >\n \n \n \n {!isShipTextInput && (\n <>\n {!shipCntctNm ? (\n {\n clearCntctSearchInput(\"ship\");\n }}\n style={{ cursor: \"pointer\" }}\n />\n )}\n \n )}\n \n )}\n \n \n
\n \n No data found\n
\n )} */}\n \n )}\n {column.type !== \"text_search\" && (\n \n
\n )\n }\n {\n !isSubmitInvoice && rows.length > 0 && (\n \n \n
\n {/* {noBillData && (\n \n No data found\n
\n )} */}\n \n )}\n {column.type !== \"text_search\" && (\n \n
\n {/* {noShipData && (\n \n \n \n \n SHIP TO\n \n {/* \n { !isShipTextInput ?\n \n :\n \n }\n */}\n \n \n \n \n
\n {shippingAddress.map((column, i) => (\n <>\n {column.type === \"text_search\" && (\n <>\n \n \n {shipCntctNm ? (\n \n {column.label}\n \n ) : (\n \n {column.label}\n \n )}\n\n {\n handleContactSearch(e, column.id, \"ship\");\n }}\n bordered={false}\n\n />\n {errors[column.id] && (\n \n {column.errMsg}\n \n )}\n \n {shipCntcts && shipCntcts.length > 0 && searchInputship.length > 0 && (\n\n
\n )}\n \n \n \n {!isShipTextInput && (\n <>\n {!shipCntctNm ? (\n {\n clearCntctSearchInput(\"ship\");\n }}\n style={{ cursor: \"pointer\" }}\n />\n )}\n \n )}\n \n \n
\n \n \n {shipCntcts?.slice(0, 15).map((value, key) => (\n {\n handleContactSelection(value, \"ship\");\n }}\n >\n {handleContactAddress(value)}\n \n ))}\n
\n }\n trigger=\"click\"\n placement=\"bottomRight\"\n onVisibleChange={handleVisibleChangeship}\n >\n \n \n \n No data found\n
\n )} */}\n \n )}\n {column.type !== \"text_search\" && (\n \n
\n )}\n {!isSubmitInvoice && rows.length > 0 && (\n \n
\n \n )\n }\n\n const accessRestricted = () => {\n return(\n \n {loading === false && sampleData && sampleData.length === 0 && (\n
)}\n {sampleData && sampleData.length > 0 &&\n \n \n \n \n Download the excel sample file by clicking on the xls icon below before you bulk upload your products \n \n \n \n \n \n \n \n \n \n \n \n
\n )}\n \n {loading === true &&\n (\n \n \n \n \n \n
\n \n \n \n \n\n \n
\n \n \n \n
\n \n
\n {/* \n \n {steps.map((step, index, arr) => {\n return (\n (\n
\n )}\n />\n );\n })}\n \n \n \n {index + 1}\n
\n \n {steps[index].status}\n
\n \n
*/}\n \n \n {rowData.filePath} }\n ]} />\n \n \n \n \n {successFeedback && (\n \n \n \n
\n}\n \n
\n )}\n \n \n
\n \n \n Your Product details has been updated into our database, \n \n
\n \n
\n \n )\n }\n\n return ( \n \n Access Denied \n
\nyou don't have permission to access request page \n
\n \n
\n \n
\n \n
\n );\n}\n\nfunction mapStateToProps({ dealer }) {\n return {\n BulkUploadInfo:dealer.BulkUploadInfo\n }\n }\n\n \n function mapDispatchToProps(dispatch) {\n return bindActionCreators({\n updatePriceDetails,\n \n },\n dispatch)\n }\n \n export default connect(mapStateToProps, mapDispatchToProps)(UpdatePriceComponent);","import React, { useState, useEffect } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { connect } from \"react-redux\";\nimport { bindActionCreators } from \"redux\";\nimport { Container, Grid, Popover, Button, InputLabel, FormControl, Input, Typography, FormControlLabel, Checkbox, Modal, Box, Select, MenuItem, Tooltip } from \"@material-ui/core\";\nimport { styled } from \"@mui/material/styles\";\nimport { toast } from \"react-toastify\";\nimport { createInvoiceDetails, getModelSerialList, getBillShipContactList, checkContactInDB, getInvoiceDetails, updateInvoiceDetails } from '../actions/dashboardAction';\nimport Table from \"@mui/material/Table\";\nimport TableBody from \"@mui/material/TableBody\";\nimport TableCell, { tableCellClasses } from \"@mui/material/TableCell\";\nimport TableContainer from \"@mui/material/TableContainer\";\nimport TableHead from \"@mui/material/TableHead\";\nimport TableRow from \"@mui/material/TableRow\";\nimport \"../style/style.css\";\nimport Header from \"../../../../common/components/Header\";\nimport FooterComponent from \"../../../../common/components/Footer\";\nimport { useHistory } from \"react-router-dom\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\n\nimport ArrowBackIcon from \"@mui/icons-material/ArrowBack\";\nimport EditIcon from '@mui/icons-material/Edit';\nimport DeleteIcon from \"@mui/icons-material/Delete\";\nimport { MuiPickersUtilsProvider, KeyboardDatePicker } from '@material-ui/pickers';\nimport DateFnsUtils from '@date-io/date-fns';\nimport PropTypes from 'prop-types';\nimport SearchIcon from \"@material-ui/icons/Search\";\nimport CloseIcon from \"@material-ui/icons/Close\";\nimport \"../../../../common/style/SearchBar.css\";\n// import {formatPhoneNumber, unformatPhoneNumber} from \"../../../../common/components/Helper/Utils\";\nimport { SpinnerRoundFilled } from \"spinners-react\";\nimport getUserdetailsforsubscrption from '../actions/dashboardaapi';\nimport ContactListModal from './ContactListModal';\nconst { innerWidth: width, innerHeight: height } = window;\n\nconst invoiceObj = [\n { id: \"modelNumber\", label: \"Model\", minWidth: 100, type: \"search\", required: true, errMsg: \"Please Enter Model\" },\n { id: \"image\", label: \"Image\", minWidth: 80, type: \"image\", required: false },\n { id: \"serialNumber\", label: \"Serial No\", minWidth: 80, type: \"search\", required: true, errMsg: \"Please Enter Serial No\" },\n { id: \"productName\", label: \"Product Name\", minWidth: 140, type: \"text\", required: false },\n { id: \"quantity\", label: \"Qty\", minWidth: 80, type: \"number\", required: true, errMsg: \"Please enter quantity\" },\n { id: \"currency\", label: \"Currency\", minWidth: 30, type: \"select\", required: true, errMsg: \"Please enter rate\" },\n { id: \"amount\", label: \"Amount\", minWidth: 65, type: \"amount\", required: true, errMsg: \"Please Enter Amount\" },\n { id: \"action\", label: \"Action\", minWidth: 70, align: \"center\" },\n];\n\nconst billingAddress = [\n { id: \"billingToName\", label: \"Contact Name\", minWidth: 80, type: \"text_search\", required: true, errMsg: \"Please enter contact name\" },\n { id: \"billingToBusinessName\", label: \"Business Name\", minWidth: 80, type: \"text\", required: true, errMsg: \"\" },\n { id: \"billingToPhoneNo\", label: \"\", minWidth: 80, type: \"phone\", required: true, errMsg: \"\" },\n { id: \"billingToEmail\", label: \"Email\", minWidth: 80, type: \"email\", required: true, errMsg: \"Please enter valid email\" },\n { id: \"billingToAddressLine1\", label: \"Address Line1\", minWidth: 80, type: \"text\", required: false, errMsg: \"\" },\n { id: \"billingToAddressLine2\", label: \"Address Line2\", minWidth: 80, type: \"text\", required: false, errMsg: \"\" },\n { id: \"billingToCity\", label: \"City\", minWidth: 80, type: \"text\", required: false, errMsg: \"\" },\n { id: \"billingToCountry\", label: \"Country\", minWidth: 80, type: \"select\", value: \"United States\", required: false, errMsg: \"\" },\n { id: \"billingToState\", label: \"State\", minWidth: 80, type: \"select\", required: false, errMsg: \"\" },\n { id: \"billingToZip\", label: \"Zipcode\", minWidth: 80, type: \"number\", required: false, errMsg: \"\" },\n];\n\nconst shippingAddress = [\n { id: \"shippingToName\", label: \"Contact Name\", minWidth: 80, type: \"text_search\", required: true, errMsg: \"Please enter contact name\" },\n { id: \"shippingToBusinessName\", label: \"Business Name\", minWidth: 80, type: \"text\", required: true, errMsg: \"\" },\n { id: \"shippingToPhoneNo\", label: \"\", minWidth: 80, type: \"phone\", required: true, errMsg: \"\" },\n { id: \"shippingToEmail\", label: \"Email\", minWidth: 80, type: \"email\", required: true, errMsg: \"Please enter valid email\" },\n { id: \"shippingToAddressLine1\", label: \"Address Line1\", minWidth: 80, type: \"text\", required: false, errMsg: \"\" },\n { id: \"shippingToAddressLine2\", label: \"Address Line2\", minWidth: 80, type: \"text\", required: false, errMsg: \"\" },\n { id: \"shippingToCity\", label: \"City\", minWidth: 80, type: \"text\", required: false, errMsg: \"\" },\n { id: \"shippingToCountry\", label: \"Country\", minWidth: 80, type: \"select\", value: \"United States\", required: false, errMsg: \"\" },\n { id: \"shippingToState\", label: \"State\", minWidth: 80, type: \"select\", required: false, errMsg: \"\" },\n { id: \"shippingToZip\", label: \"Zipcode\", minWidth: 80, type: \"number\", required: false, errMsg: \"\" },\n];\n\nconst StyledTableCell = styled(TableCell)(({ theme }) => ({\n [`&.${tableCellClasses.head}`]: {\n backgroundColor: theme.palette.common.black,\n color: theme.palette.common.white,\n },\n [`&.${tableCellClasses.body}`]: {\n fontSize: 14,\n },\n}));\n\nconst StyledTableRow = styled(TableRow)(({ theme }) => ({\n \"&:nth-of-type(odd)\": {\n backgroundColor: theme.palette.action.hover,\n },\n // hide last border\n \"&:last-child td, &:last-child th\": {\n border: 0,\n },\n}));\n\nconst style = {\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n width: 400,\n maxHeight: 600,\n overflowY: \"auto\",\n bgcolor: 'background.paper',\n border: '2px solid #000',\n boxShadow: 24,\n p: 4,\n};\n\nfunction CreateInvoiceComponent(props) {\n const { register, handleSubmit, setValue, getValues, formState: { errors }, reset } = useForm();\n const { register: register1, handleSubmit: handleSubmit1, setValue: setValue1, getValues: getValues1, formState: { errors: errors1 }, watch: watch1, reset: reset1 } = useForm();\n\n const addressForm = watch1();\n const [rows, setRows] = useState([]);\n const [openModal, setModalOpen] = useState(false);\n const [currentItem, setCurrentItem] = useState(null);\n const [isSameAddress, setSameAddress] = useState(false);\n const [amount, setAmount] = useState(null);\n const [shippingDate, setShippingDate] = useState(null);\n const [trackingNumber, setTrackingNumber] = useState(null);\n const [shippingMethod, setShippingMethod] = useState(null);\n const [wireDetails, setWireDetails] = useState(false);\n\n const [shipping, setShipping] = useState(null);\n const [tax, setTax] = useState(null);\n const [discount, setDiscount] = useState(null);\n const [deposit, setDeposit] = useState(null);\n const [qtyShrink, setQtyShrink] = useState(true);\n const [descShrink, setDescShrink] = useState(false);\n const [editIdx, setEditIdx] = useState(null);\n const [model, setModelList] = useState(props?.modelList);\n const [serialList, setSerialList] = useState([]);\n const [searchObj, setSearchObj] = useState({});\n const [modelNo, setModel] = useState(null);\n const [serial, setSerial] = useState(null);\n const [image, setImage] = useState(null);\n const [desc, setDesc] = useState(null);\n const [inventoryid, setInventoryId] = useState(null);\n const [productid, setProductId] = useState(null);\n const [noData, setNoData] = useState(false);\n const [noBillData, setNoBillData] = useState(false);\n const [noShipData, setNoShipData] = useState(false);\n const [currentSearch, setCurrentSearch] = useState(null);\n const [isSubmitInvoice, setIsSubmitInvoice] = useState(false);\n const [anchorEl, setAnchorEl] = useState(null);\n const [anchorTarget, setAnchorTarget] = useState(null);\n const [loading, setLoading] = useState(false);\n const [billCntctNm, setBillCntctNm] = useState(null);\n const [shipCntctNm, setShipCntctNm] = useState(null);\n const [billCntctSearchTxt, setBillCntctSearchTxt] = useState(null);\n const [shipCntctSearchTxt, setShipCntctSearchTxt] = useState(null);\n const [isBillTextInput, setIsBillTextInput] = useState(false);\n const [isShipTextInput, setIsShipTextInput] = useState(false);\n const [billCntcts, setBillCntctLst] = useState([]);\n const [shipCntcts, setShipCntcts] = useState([]);\n const [countryListData, setCountryListData] = useState([]);\n const [statesListData, setStatesListData] = useState([]);\n const [shippingStatesListData, setShippingStatesListData] = useState([])\n const [contactListConfirmationModal, SetContactListConfirmationModal] = useState(false)\n const [finalInvoiceData, setFinalInvoiceData] = useState(null);\n const [shippingCountryCode, setShippingCountryCode] = useState(\"+1\")\n const [billingCountryCode, setBillingCountryCode] = useState(\"+1\")\n const [modalText, setModalText] = useState(\"This is not in your contacts, Do you want to save it?\")\n const [UniqueCountryCode, setUniqueCountryCode] = useState([]);\n const [currency, setCurrency] = useState(\"USD\");\n const open = Boolean(anchorEl);\n const [terms, setPaymentTerms] = useState(\"Immediate\")\n\n const userId = props?.currentUser?.userId ? props?.currentUser?.userId : null;\n const history = useHistory();\n\n useEffect(() => {\n const invoiceId = props?.match?.params?.invoiceId || null\n\n if (invoiceId) {\n setLoading(true)\n getInvoiceDetails(invoiceId)\n .then((response) => {\n console.log(\"getInvoiceDetails:getInvoiceDetails\", response)\n\n const result = response && response.data && response.data.length > 0 ? response.data[0] : null;\n const productDetails = result?.invoiceproductdetails?.product || [];\n const billingAddress = result?.billingdetails;\n const shippingAddress = result?.shippingdetails;\n productDetails.map((product) => {\n product['modelNumber'] = product.modelnumber\n product['serialNumber'] = product.serialnumber\n product['productName'] = product.productname\n product['image'] = product.image?.images\n product['inventoryId'] = product.inventoryid\n product['productId'] = product.productid\n delete product.modelnumber;\n delete product.serialnumber;\n delete product.productname;\n delete product.inventoryid;\n delete product.productid;\n })\n console.log(productDetails);\n setRows(productDetails)\n setValue1(\"billingToName\", billingAddress?.contactname);\n setValue1(\"billingToBusinessName\", billingAddress?.businessname);\n setValue1(\"billingToPhoneNo\", billingAddress?.phone);\n setValue1(\"billingToEmail\", billingAddress?.email);\n setValue1(\"billingToAddressLine1\", billingAddress?.address1);\n setValue1(\"billingToAddressLine2\", billingAddress?.address2);\n setValue1(\"billingToCity\", billingAddress?.city);\n setValue1(\"billingToCountry\", billingAddress?.country);\n setValue1(\"billingToZip\", billingAddress?.zipcode);\n setBillingCountryCode(billingAddress?.countrycode)\n setValue1(\"shippingToName\", shippingAddress?.contactname);\n setValue1(\"shippingToBusinessName\", shippingAddress?.businessname);\n setValue1(\"shippingToPhoneNo\", shippingAddress?.phone);\n setValue1(\"shippingToEmail\", shippingAddress?.email);\n setValue1(\"shippingToAddressLine1\", shippingAddress?.address1);\n setValue1(\"shippingToAddressLine2\", shippingAddress?.address2);\n setValue1(\"shippingToCity\", shippingAddress?.city);\n setValue1(\"shippingToCountry\", shippingAddress?.country);\n setValue1(\"shippingToZip\", shippingAddress?.zipcode);\n setShippingCountryCode(shippingAddress?.countrycode)\n getcountryList(billingAddress, shippingAddress)\n setBillCntctNm(billingAddress?.contactname);\n setShipCntctNm(shippingAddress?.contactname)\n setValue1(\"shippingPrice\", result?.shippingprice)\n setValue1(\"discount\", result?.discount)\n setValue1(\"tax\", result?.tax)\n setValue1(\"deposit\", result?.deposit)\n setValue1(\"terms\", result?.paymentterm)\n setValue1(\"shippingMethod\", result?.shippingmethod)\n setValue1(\"trackingNumber\", result?.trackingnumber)\n setShipping(result?.shippingprice)\n setDiscount(result?.discount)\n setTax(result?.tax)\n setDeposit(result?.deposit)\n setShippingMethod(result?.shippingmethod)\n setPaymentTerms(result?.paymentterm)\n setTrackingNumber(result?.trackingnumber)\n setShippingDate(result?.shippingdate)\n setWireDetails(result?.wiredetails)\n setLoading(false)\n if (\n ((billingAddress?.contactname && billingAddress.contactname.toLowerCase()) !== (shippingAddress.contactname && shippingAddress.contactname.toLowerCase())) ||\n ((billingAddress?.email && billingAddress.email.toLowerCase()) !== (shippingAddress?.email && shippingAddress.email.toLowerCase())) ||\n ((billingAddress?.phone && billingAddress.phone) !== (shippingAddress?.phone && shippingAddress?.phone))\n ) {\n setSameAddress(false)\n\n } else {\n setSameAddress(true)\n }\n })\n }\n\n }, [props?.match?.params]);\n\n const getcountryList = (billingAddress, shippingAddress) => {\n getUserdetailsforsubscrption.getAllCountryList().then((res) => {\n setCountryListData(res.data.data);\n let countries = res.data.data;\n let countryCode = [];\n countries.filter(({ phonecode }) => countryCode.push(phonecode))\n const UniqueCountryCode = [...new Set(countryCode)];\n setUniqueCountryCode(UniqueCountryCode.sort())\n if (billingAddress.country) {\n const selectedCountry = billingAddress.country;\n const filterCountry = res.data.data.find((country) => {\n return country.name === selectedCountry\n });\n if (filterCountry && filterCountry.id) {\n getUserdetailsforsubscrption.getAllStateList(filterCountry.id).then((res) => {\n setStatesListData(res.data.data)\n setValue1(\"billingToState\", billingAddress?.states);\n })\n }\n }\n\n if (shippingAddress.country) {\n const selectedCountry = shippingAddress.country;\n const filterCountry = res.data.data.find((country) => {\n return country.name === selectedCountry\n });\n if (filterCountry && filterCountry.id) {\n getUserdetailsforsubscrption.getAllStateList(filterCountry.id).then((res) => {\n setShippingStatesListData(res.data.data)\n setValue1(\"shippingToState\", shippingAddress?.states);\n })\n }\n }\n })\n }\n\n\n const isTwoAddressSame = (input, dbData, type) => {\n console.log('isTwoAddressSame')\n console.log(input, dbData)\n let isChanged = false;\n if (type === \"shipping\") {\n if (\n ((dbData.businessname && dbData.businessname.toLowerCase()) !== (input.shippingToBusinessName && input.shippingToBusinessName.toLowerCase())) ||\n ((dbData.address1 && dbData.address1.toLowerCase()) !== (input.shippingToAddressLine1 && input.shippingToAddressLine1.toLowerCase())) ||\n ((dbData.address2 && dbData.address2.toLowerCase()) !== (input.shippingToAddressLine2 && input.shippingToAddressLine2.toLowerCase())) ||\n ((dbData.city && dbData.city.toLowerCase()) !== (input.shippingToCity && input.shippingToCity.toLowerCase())) ||\n ((dbData.states && dbData.states.toLowerCase()) !== (input.shippingToState && input.shippingToState.toLowerCase())) ||\n ((dbData.country && dbData.country.toLowerCase()) !== (input.shippingToCountry && input.shippingToCountry.toLowerCase())) ||\n ((dbData.zipcode && dbData.zipcode.toLowerCase()) !== (input.shippingToZip && input.shippingToZip.toLowerCase())) ||\n ((dbData.countrycode && dbData.countrycode.toLowerCase()) !== (shippingCountryCode && shippingCountryCode.toLowerCase()))\n ) {\n isChanged = true;\n }\n return isChanged;\n } else {\n if (\n ((dbData.businessname && dbData.businessname.toLowerCase()) !== (input.billingToBusinessName && input.billingToBusinessName.toLowerCase())) ||\n ((dbData.address1 && dbData.address1.toLowerCase()) !== (input.billingToAddressLine1 && input.billingToAddressLine1.toLowerCase())) ||\n ((dbData.address2 && dbData.address2.toLowerCase()) !== (input.billingToAddressLine2 && input.billingToAddressLine2.toLowerCase())) ||\n ((dbData.city && dbData.city.toLowerCase()) !== (input.billingToCity && input.billingToCity.toLowerCase())) ||\n ((dbData.states && dbData.states.toLowerCase()) !== (input.billingToState && input.billingToState.toLowerCase())) ||\n ((dbData.country && dbData.country.toLowerCase()) !== (input.billingToCountry && input.billingToCountry.toLowerCase())) ||\n ((dbData.zipcode && dbData.zipcode.toLowerCase()) !== (input.billingToZip && input.billingToZip.toLowerCase())) ||\n ((dbData.countrycode && dbData.countrycode.toLowerCase()) !== (billingCountryCode && billingCountryCode.toLowerCase()))\n\n ) {\n isChanged = true;\n }\n return isChanged;\n }\n };\n\n const onCreateInvoiceSubmit = (formData) => {\n console.log(formData, 'formData')\n setIsSubmitInvoice(true);\n if (!(formData?.billingToBusinessName || formData?.billingToName) && !(formData?.billingToBusinessName || formData?.billingToName)) {\n setIsSubmitInvoice(true);\n return false;\n }\n const data = {\n 'userId': userId,\n 'inventoryid': inventoryid,\n 'billingToBusinessName': formData?.billingToBusinessName,\n 'billingToName': formData?.billingToName,\n 'billingToAddressLine1': formData?.billingToAddressLine1,\n 'billingToAddressLine2': formData?.billingToAddressLine2,\n 'billingToPhoneNo': formData?.billingToPhoneNo ? formData?.billingToPhoneNo : null,\n 'billingToCountryCode': billingCountryCode,\n 'billingToEmail': formData?.billingToEmail,\n 'billingToCity': formData?.billingToCity,\n 'billingToState': formData?.billingToState,\n 'billingToCountry': formData?.billingToCountry,\n 'billingToZip': formData?.billingToZip,\n 'shippingToBusinessName': formData?.shippingToBusinessName,\n 'shippingToName': formData?.shippingToName,\n 'shippingToAddressLine1': formData?.shippingToAddressLine1,\n 'shippingToAddressLine2': formData?.shippingToAddressLine2,\n 'shippingToPhoneNo': formData?.shippingToPhoneNo ? (formData?.shippingToPhoneNo) : null,\n 'shippingToCountryCode': shippingCountryCode,\n 'shippingToEmail': formData?.shippingToEmail,\n 'shippingToCity': formData?.shippingToCity,\n 'shippingToState': formData?.shippingToState,\n 'shippingToCountry': formData?.shippingToCountry,\n 'shippingToZip': formData?.shippingToZip,\n 'productDetails': JSON.stringify(rows),\n 'shippingPrice': formData?.shippingPrice ? formatPrice(formData?.shippingPrice) : \"0.00\",\n 'discount': formData?.discount ? formatPrice(formData?.discount) : \"0.00\",\n 'tax': formData?.tax ? formatPrice(formData?.tax) : \"0.00\",\n 'deposit': formData?.deposit ? formatPrice(formData?.deposit) : \"0.00\",\n 'terms': terms,\n 'shippingMethod': formData?.shippingMethod,\n 'shippingDate': shippingDate,\n 'trackingNumber': formData?.trackingNumber,\n 'wireDetails': wireDetails,\n 'isSameAddress': isSameAddress\n\n };\n\n let contactValidation = [\n {\n 'userId': userId,\n 'billingToBusinessName': formData?.billingToBusinessName,\n 'billingToName': formData?.billingToName,\n 'billingToAddressLine1': formData?.billingToAddressLine1,\n 'billingToAddressLine2': formData?.billingToAddressLine2,\n 'billingToPhoneNo': formData?.billingToPhoneNo ? (formData?.billingToPhoneNo) : null,\n 'billingToCountryCode': billingCountryCode,\n 'billingToEmail': formData?.billingToEmail,\n 'billingToCity': formData?.billingToCity,\n 'billingToState': formData?.billingToState,\n 'billingToCountry': formData?.billingToCountry,\n 'billingToZip': formData?.billingToZip,\n 'type': 'billing'\n },\n {\n 'userId': userId,\n 'shippingToBusinessName': formData?.shippingToBusinessName,\n 'shippingToName': formData?.shippingToName,\n 'shippingToAddressLine1': formData?.shippingToAddressLine1,\n 'shippingToAddressLine2': formData?.shippingToAddressLine2,\n 'shippingToPhoneNo': formData?.shippingToPhoneNo ? (formData?.shippingToPhoneNo) : null,\n 'shippingToCountryCode': shippingCountryCode,\n 'shippingToEmail': formData?.shippingToEmail,\n 'shippingToCity': formData?.shippingToCity,\n 'shippingToState': formData?.shippingToState,\n 'shippingToCountry': formData?.shippingToCountry,\n 'shippingToZip': formData?.shippingToZip,\n 'type': 'shipping'\n }\n\n ];\n console.log(\"checkContactInDB:checkContactInDB\")\n props.checkContactInDB(contactValidation, (success, error) => {\n if (error) {\n console.log(error)\n setIsSubmitInvoice(false);\n toast(\"Invoice update failed\", {\n autoClose: 2000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n } else {\n console.log(success, \"success:success\")\n const filterNewData = success.data.filter((item) => item.isPresent === false)\n const filterExistingData = success.data.filter((item) => item.isPresent === true)\n let isNeedConfirmationModal = false;\n filterExistingData.map((input) => {\n console.log(input)\n const isChanged = isTwoAddressSame(data, input.contactData ? input.contactData[0] : null, input.type);\n input.isChanged = isChanged\n if (isChanged) {\n isNeedConfirmationModal = true;\n }\n });\n console.log(filterNewData.length);\n console.log(filterExistingData.length)\n if (!isSameAddress) {\n console.log(\"STEP 1\")\n if (filterNewData.length > 0 && filterExistingData.length <= 0) {\n console.log(\"STEP 1A\")\n data['filterData'] = filterNewData;\n setModalText(\"This is not in your contacts, Do you want to save it?\")\n setFinalInvoiceData(data);\n SetContactListConfirmationModal(!contactListConfirmationModal)\n }\n else if (filterExistingData.length > 0 && filterNewData.length <= 0 && isNeedConfirmationModal) {\n console.log(\"STEP 1B\")\n data['filterData'] = filterExistingData;\n setModalText(\"Contact data is changed. Do you want to update it?\")\n setFinalInvoiceData(data);\n SetContactListConfirmationModal(!contactListConfirmationModal)\n }\n else if (filterNewData.length > 0 && filterExistingData.length > 0) {\n console.log(\"STEP 1C\")\n const isChanged = isTwoAddressSame(data, filterExistingData[0].contactData[0], filterExistingData[0].type);\n filterExistingData[0].isChanged = isChanged;\n data['filterData'] = filterNewData.concat(filterExistingData);\n setModalText(\"This is not in your contacts, Do you want to save it?\");\n setFinalInvoiceData(data);\n SetContactListConfirmationModal(!contactListConfirmationModal)\n }\n else {\n console.log(\"STEP 1D\")\n createNewInvoiceAPI(data);\n }\n }\n else if (isSameAddress) {\n console.log(\"STEP 2\")\n let isChanged = false;\n if (filterExistingData && filterExistingData.length > 0) {\n isChanged = isTwoAddressSame(data, filterExistingData[0].contactData[0], filterExistingData[0].type);\n }\n\n if (filterNewData.length > 0) {\n console.log(\"STEP 2A\")\n data['filterData'] = filterNewData;\n setModalText(\"This is not in your contacts, Do you want to save it?\");\n setFinalInvoiceData(data);\n SetContactListConfirmationModal(!contactListConfirmationModal)\n }\n else if (filterExistingData.length > 0 && isChanged) {\n console.log(\"STEP 2B\")\n filterExistingData[0].isChanged = true;\n filterExistingData[1].isChanged = true;\n data['filterData'] = filterExistingData;\n setModalText(\"Contact data is changed. Do you want to update it?\")\n setFinalInvoiceData(data);\n SetContactListConfirmationModal(!contactListConfirmationModal)\n }\n else {\n console.log(\"STEP 2C\")\n createNewInvoiceAPI(data)\n }\n }\n else {\n console.log(\"STEP 3\")\n createNewInvoiceAPI(data)\n }\n }\n\n })\n };\n const handleCloseContactConfirmation = () => {\n setFinalInvoiceData(null);\n SetContactListConfirmationModal(!contactListConfirmationModal)\n createNewInvoiceAPI(finalInvoiceData)\n\n };\n\n const handleSuccessContactConfirmation = () => {\n const data = finalInvoiceData;\n const filterObject = data.filterData;\n setFinalInvoiceData(null);\n SetContactListConfirmationModal(!contactListConfirmationModal);\n filterObject.map(item => {\n console.log(\"handleSuccessContactConfirmation\")\n console.log(item)\n if (!item.isPresent) {\n if (item.type === 'billing') {\n data['isBillNew'] = 1\n } else {\n data['isShipNew'] = 1\n }\n } else {\n if (item.isChanged && isSameAddress) {\n data['isBillChanged'] = 1\n data['isShipChanged'] = 1\n } else if (item.isChanged) {\n if (item.type === 'billing') {\n data['isBillChanged'] = 1\n } else {\n data['isShipChanged'] = 1\n }\n } else {\n data.isChanged = 0;\n }\n }\n\n })\n createNewInvoiceAPI(data)\n }\n\n const createNewInvoiceAPI = (data) => {\n console.log('createNewInvoiceAPI = (data')\n console.log(data)\n if (data && data.filterData) delete data.filterData\n const invoiceId = props?.match?.params?.invoiceId || null\n updateInvoiceDetails(\n data,\n invoiceId,\n (success) => {\n console.log(success)\n if (success.status === 1) {\n setIsSubmitInvoice(false);\n toast(\"Invoice updated successfully\", {\n autoClose: 1000,\n type: success.status === 1 ? toast.TYPE.SUCCESS : toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n // setLoading(true); \n\n // setLoading(false);\n setTimeout(() => {\n localStorage.setItem(\"tabInvoiceDashboard\", \"yes\");\n props.history.push({ pathname: '/myinventory', state: { tab: \"invoice\" } });\n localStorage.removeItem(\"tabInvoiceDashboard\", true);\n\n }, 1000);\n }\n else {\n\n setIsSubmitInvoice(false);\n toast(success.message, {\n autoClose: 3000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n },\n (error) => {\n\n\n setIsSubmitInvoice(false);\n toast(\"Invoice update failed\", {\n autoClose: 2000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n\n\n }\n );\n }\n const formatPrice = (val) => {\n if (val.includes('.')) {\n if (val.split('.')[1].length >= 2) {\n const num = parseFloat(val);\n const cleanNum = num.toFixed(2);\n return cleanNum.toString();\n }\n }\n return `${val}.00`;\n }\n\n const handleAddRow = (invoiceObj) => {\n // console.log(currentItem)\n if (currentItem) {\n let oldRows = rows;\n oldRows[editIdx] = invoiceObj;\n setRows(oldRows);\n } else {\n setRows((prevArray) => [...prevArray, invoiceObj]);\n }\n };\n\n const onSubmit = (data) => {\n console.log(\"onSubmit,onSubmit\")\n console.log(data);\n\n setModalOpen(false);\n const amt = parseFloat(data.amount)?.toFixed(2);\n const rowData = data;\n rowData.amount = amt;\n rowData.inventoryId = inventoryid;\n rowData.productId = productid;\n rowData.currency = currency;\n if (rowData && rowData.from) {\n delete rowData.from\n }\n // rowData.inventoryid = inventoryid;\n // rowData.shippingDate = shippingDate;\n handleAddRow({ ...rowData, ...{ modelNumber: modelNo }, ...{ serialNumber: serial }, ...{ productName: desc || getValues('productName') } }); // , ...{dueDate}, ...{isInvoiced: invd}, ...{isShipped: shpd}\n };\n\n const onChange = (e) => {\n setSameAddress(!isSameAddress);\n };\n\n useEffect(() => {\n console.log(\"getValues1()\")\n console.log(getValues1())\n if (isSameAddress) {\n setShipCntctNm(getValues1()['billingToName']);\n shippingAddress.map((item, i) => {\n console.log(item.id)\n console.log(billingAddress[i].id)\n console.log(getValues1()[billingAddress[i].id])\n console.log(\":::::::::::::\")\n setValue1(item.id, getValues1()[billingAddress[i].id]);\n })\n setShippingCountryCode(billingCountryCode)\n setShipCntctNm(getValues1()['billingToName']);\n console.log(shippingAddress)\n } else {\n setNoShipData(false);\n setShipCntctSearchTxt(null);\n setShipCntctNm(null);\n shippingAddress.map((item, i) => {\n setValue1(item.id, \"\");\n })\n }\n }, [isSameAddress]);\n\n useEffect(() => {\n if (props.billShipCntctLst && props.billShipCntctLst?.length > 0) {\n setAnchorEl(anchorTarget);\n if (billCntctSearchTxt) {\n setBillCntctLst(props.billShipCntctLst);\n setNoBillData(false);\n }\n if (shipCntctSearchTxt) {\n setShipCntcts(props.billShipCntctLst);\n setNoShipData(false);\n }\n } else if (props.billShipCntctLst?.length === 0) {\n if (billCntctSearchTxt) {\n setBillCntctLst([]);\n setNoBillData(true);\n }\n if (shipCntctSearchTxt) {\n setShipCntcts([]);\n setNoShipData(true);\n }\n }\n }, [props.billShipCntctLst]);\n\n useEffect(() => {\n console.log(props.modelList)\n if (props.modelList && props.modelList.length) {\n setAnchorEl(anchorTarget);\n } else {\n if (searchObj?.searchVal) {\n setNoData(true)\n }\n }\n console.log(searchObj);\n if (searchObj?.column === \"modelNumber\") {\n // setInventoryId(props.inventoryid)\n setModelList(props.modelList);\n } else {\n setSerialList(props.modelList)\n }\n }, [props.modelList]);\n\n useEffect(() => {\n const timer = setTimeout(() => {\n if (Object.keys(searchObj).length && searchObj?.searchVal?.length > 2) {\n props.getModelSerialList(searchObj, userId);\n }\n }, 500);\n return () => clearTimeout(timer);\n }, [searchObj]);\n\n const handleAddItem = () => {\n setModalOpen(!openModal);\n setCurrentItem(null);\n // setDueDate(null);\n setShippingDate(null);\n setAmount(null);\n setInventoryId(null);\n setProductId(null);\n setCurrency(\"USD\")\n setQtyShrink(true);\n setDescShrink(false);\n setEditIdx(null);\n setModel(null);\n setSerial(null);\n setDesc(null);\n setNoData(false);\n reset({\n modelNumber: \"\",\n serialNumber: \"\",\n image: \"\",\n productName: \"\",\n quantity: 1,\n // rate:\"\",\n amount: \"\",\n inventoryId: \"\",\n productId: \"\",\n currency: \"USD\"\n // shippingDate:\"\",\n // shippingMethod:\"\",\n // trackingNumber:\"\"\n // isShipped:\"\",\n // isInvoiced:\"\",\n // dueDate:\"\"\n });\n }\n\n const handleCloseModal = () => {\n setModalOpen(false);\n if (currentItem && currentItem.from) {\n handleRemoveSpecificRow(0);\n }\n }\n\n const handleRemoveSpecificRow = (idx) => {\n setEditIdx(null);\n const temp = [...rows];\n temp.splice(idx, 1);\n if (temp.length === 0) {\n setShipping(null);\n setDeposit(null);\n setTax(null);\n setDeposit(null);\n }\n setRows(temp);\n };\n\n const onChangeOfCheckBox = (event) => {\n if (event.target.checked === true) {\n setWireDetails(true);\n } else {\n setWireDetails(false);\n }\n }\n\n const handleSearch = (e, column) => {\n setNoData(false);\n setAnchorTarget(e.currentTarget);\n setCurrentSearch(column);\n if (column === 'modelNumber') {\n setModel(e.target.value)\n } else {\n setSerial(e.target.value);\n }\n setSearchObj({ column, searchVal: e.target.value });\n }\n\n useEffect(() => {\n // const timer = setTimeout(() => {\n if (!isBillTextInput && billCntctSearchTxt && billCntctSearchTxt?.length > 2) {\n const search = { type: 'bill', searchVal: billCntctSearchTxt };\n props.getBillShipContactList(search, userId);\n }\n // }, 500);\n // return () => clearTimeout(timer); \n }, [billCntctSearchTxt]);\n\n useEffect(() => {\n // const timer = setTimeout(() => {\n if (!isShipTextInput && shipCntctSearchTxt && shipCntctSearchTxt?.length > 2) {\n const search = { type: 'ship', searchVal: shipCntctSearchTxt };\n props.getBillShipContactList(search, userId);\n }\n // }, 500);\n // return () => clearTimeout(timer); \n }, [shipCntctSearchTxt]);\n\n const handleContactSearch = (e, column, type) => {\n setAnchorTarget(e.currentTarget);\n if (type === \"bill\" && column === \"billingToName\") {\n setBillCntctNm(e.target.value);\n setBillCntctSearchTxt(e.target.value);\n } else if (type === \"ship\" && column === \"shippingToName\") {\n setShipCntctNm(e.target.value);\n setShipCntctSearchTxt(e.target.value);\n }\n if (type === \"bill\" && isSameAddress) {\n const changeColum = column.split(\"billing\")[1];\n setValue1(`shipping${changeColum}`, e.target.value);\n }\n }\n\n const clearSearchInput = () => {\n setModel(null);\n setSerial(null);\n setDesc(null);\n setAnchorEl(null);\n setAnchorTarget(null);\n setModelList([]);\n setSerialList([]);\n setCurrentItem(null);\n setCurrency(\"USD\")\n setDescShrink(false);\n setNoData(false);\n setSearchObj((prevState) => ({ ...prevState, searchVal: '' }));\n reset({ modelNumber: null, serialNumber: null, productName: null });\n }\n\n const handleClose = () => {\n setAnchorEl(null);\n };\n\n const handleSelection = (val, columnId) => {\n console.log(\"handleSelection\");\n console.log(val)\n setModel(val.model);\n setSerial(val.serialno);\n setDesc(val.description);\n setImage(val?.product_imagepaths?.images);\n setProductId(val?.productid);\n setAnchorEl(null);\n setAnchorTarget(null);\n setValue('modelNumber', val.model);\n setValue('serialNumber', val.serialno);\n setValue('productName', val.description);\n setValue(\"image\", val?.product_imagepaths?.images);\n setDescShrink(val.description ? true : false);\n setSearchObj((prevState) => ({ ...prevState, searchVal: '' }));\n setModelList([]);\n setSerialList([]);\n setInventoryId(val.inventoryid);\n }\n\n const clearCntctSearchInput = (type) => {\n if (type === \"bill\") {\n setNoBillData(false);\n setBillCntctLst([]);\n setBillCntctSearchTxt(null);\n setBillCntctNm(null);\n if (isSameAddress) {\n setNoShipData(false);\n setShipCntctSearchTxt(null);\n setShipCntctNm(null);\n reset1();\n } else {\n setValue1(\"billingToName\", null);\n setValue1(\"billingToBusinessName\", null);\n setValue1(\"billingToPhoneNo\", null);\n setValue1(\"billingToEmail\", null);\n setValue1(\"billingToAddressLine1\", null);\n setValue1(\"billingToAddressLine2\", null);\n setValue1(\"billingToCity\", null,);\n setValue1(\"billingToState\", null,);\n setValue1(\"billingToCountry\", \"United States\");\n setValue1(\"billingToZip\", null);\n }\n } else {\n setNoShipData(false);\n setShipCntcts([]);\n setShipCntctSearchTxt(null);\n setShipCntctNm(null);\n setValue1(\"shippingToName\", null);\n setValue1(\"shippingToBusinessName\", null);\n setValue1(\"shippingToPhoneNo\", null);\n setValue1(\"shippingToEmail\", null);\n setValue1(\"shippingToAddressLine1\", null);\n setValue1(\"shippingToAddressLine2\", null);\n setValue1(\"shippingToCity\", null);\n setValue1(\"shippingToState\", null);\n setValue1(\"shippingToCountry\", \"United States\");\n setValue1(\"shippingToZip\", null);\n }\n }\n\n // const changeTextMode = (type)=>{\n // if(type ===\"bill\") {\n // setIsBillTextInput(!isBillTextInput);\n // setNoBillData(false);\n // } else {\n // setIsShipTextInput(!isShipTextInput);\n // setNoShipData(false);\n // }\n // }\n\n const handleContactSelection = async (val, columnId) => {\n if (billCntctSearchTxt && columnId === 'bill') {\n setNoBillData(false);\n setBillCntctNm(val?.contactname);\n setBillCntctSearchTxt(\"\");\n setBillCntctLst([]);\n setBillingCountryCode(val?.countrycode)\n let phoneCode = '';\n if (val.country) {\n const selectedCountry = val.country;\n const filterCountry = countryListData.find((country) => country.name === selectedCountry);\n phoneCode = filterCountry ? filterCountry.phonecode : null;\n if (filterCountry && filterCountry.id) {\n console.log(filterCountry);\n getUserdetailsforsubscrption.getAllStateList(filterCountry.id).then((res) => {\n setStatesListData(res.data.data)\n // setBillingCountryCode(filterCountry.phonecode)\n })\n }\n }\n\n let phoneNumber = val ? val.phone : null;\n if (phoneNumber && val.country) {\n // phoneNumber = unformatPhoneNumber(phoneNumber, val.country,phoneCode)\n phoneNumber = phoneNumber.replace(/\\W+/g, '')\n }\n setValue1(\"billingToName\", val?.contactname);\n setValue1(\"billingToBusinessName\", val?.businessname);\n setValue1(\"billingToPhoneNo\", phoneNumber);\n // setValue1(\"billingToPhoneNo\", (val?.phone ? val?.phone.replace(/\\W+/g, '') : null));\n setValue1(\"billingToEmail\", val?.email);\n setValue1(\"billingToAddressLine1\", val?.address1);\n setValue1(\"billingToAddressLine2\", val?.address2);\n setValue1(\"billingToCity\", val?.city);\n setValue1(\"billingToState\", val?.states);\n setValue1(\"billingToCountry\", val?.country);\n setValue1(\"billingToZip\", val?.zipcode);\n if (isSameAddress) {\n shippingFormPatch(val);\n }\n } else {\n setNoShipData(false);\n setShipCntctSearchTxt(\"\");\n setShipCntcts([]);\n shippingFormPatch(val);\n }\n }\n\n const shippingFormPatch = (val) => {\n setShipCntctNm(val?.contactname);\n setShippingCountryCode(val?.countrycode)\n let phoneCode = '';\n if (val.country) {\n const selectedCountry = val.country;\n const filterCountry = countryListData.find((country) => country.name === selectedCountry)\n phoneCode = filterCountry ? filterCountry.phonecode : null;\n if (filterCountry && filterCountry.id) {\n getUserdetailsforsubscrption.getAllStateList(filterCountry.id).then((res) => {\n setShippingStatesListData(res.data.data)\n // setShippingCountryCode(filterCountry.phonecode)\n\n })\n }\n\n }\n let phoneNumber = val ? val.phone : null;\n // if(phoneNumber && val.country){\n // // phoneNumber = unformatPhoneNumber(phoneNumber, val.country, phoneCode)\n // }\n phoneNumber = phoneNumber ? phoneNumber.replace(/\\W+/g, '') : null;\n setValue1(\"shippingToName\", val?.contactname);\n setValue1(\"shippingToBusinessName\", val?.businessname);\n setValue1(\"shippingToPhoneNo\", (phoneNumber));\n // setValue1(\"shippingToPhoneNo\", (val?.phone ? val?.phone.replace(/\\W+/g, '') : null));\n setValue1(\"shippingToEmail\", val?.email);\n setValue1(\"shippingToAddressLine1\", val?.address1);\n setValue1(\"shippingToAddressLine2\", val?.address2);\n setValue1(\"shippingToCity\", val?.city);\n setValue1(\"shippingToState\", val?.states);\n setValue1(\"shippingToCountry\", val?.country);\n setValue1(\"shippingToZip\", val?.zipcode);\n }\n\n const onChangeCounry = (e, id, type = null) => {\n const selectedCountry = e.target.value;\n const filterCountry = countryListData.find((country) => country.name === selectedCountry)\n if (type) {\n handleContactSearch(e, id, \"bill\");\n setValue1(id, selectedCountry);\n if (filterCountry && filterCountry.id) {\n getUserdetailsforsubscrption.getAllStateList(filterCountry.id).then((res) => {\n setStatesListData(res.data.data)\n // setBillingCountryCode(filterCountry.phonecode)\n })\n }\n\n }\n else {\n setValue1(id, selectedCountry);\n if (filterCountry && filterCountry.id) {\n getUserdetailsforsubscrption.getAllStateList(filterCountry.id).then((res) => {\n setShippingStatesListData(res.data.data)\n // setShippingCountryCode(filterCountry.phonecode)\n })\n }\n\n }\n }\n const handleContactAddress = (val) => {\n let address = \"\";\n if (val?.contactname) {\n address += val?.contactname;\n }\n if (val?.businessname) {\n address += address ? \", \" + val?.businessname : val?.businessname;\n }\n if (val?.address1) {\n address += address ? \", \" + val?.address1 : val?.address1;\n }\n if (val?.address2) {\n address += address ? \", \" + val?.address2 : val?.address2;\n }\n if (val?.city) {\n address += address ? \", \" + val?.city : val?.city;\n }\n if (val?.states) {\n address += address ? \", \" + val?.states : val?.states;\n }\n if (val?.country) {\n address += address ? \", \" + val?.country : val?.country;\n }\n if (val?.zipcode) {\n address += address ? \", \" + val?.zipcode : val?.zipcode;\n }\n return address;\n }\n\n return (\n \n {(userData && userData.roleId && userData.roleId !== 3 ) ? accessRestricted() : getContentView()}\n
\n \n \n \n \n
\n \n {loading ? (\n
\n \n \n {\n history.goBack();\n }}\n >\n {\" \"}\n \n Edit an invoice\n
\n \n \n \n You must fill out either business/contact name\n \n \n )}\n {shippingAddress.map((column, i) => (\n <>\n {column.type === \"text_search\" && (\n <>\n \n {getValues1()[column.id] ? (\n \n {column.label}\n \n ) : (\n \n {column.label}\n \n )}\n {column.type === \"select\" &&\n column.id === \"shippingToCountry\" && (\n {\n setValue1(column.id, e.target.value);\n onChangeCounry(e, column.id);\n }}\n disabled={isSameAddress}\n >\n {countryListData &&\n countryListData.map((Country) => (\n \n {Country.name}\n \n ))}\n \n )}\n {column.type === \"select\" &&\n column.id === \"shippingToState\" && (\n {\n setValue1(column.id, e.target.value);\n }}\n disabled={isSameAddress}\n >\n {!isSameAddress &&\n shippingStatesListData &&\n shippingStatesListData.map((state) => (\n \n ))}\n {isSameAddress &&\n statesListData &&\n statesListData.map((state) => (\n \n ))}\n \n )}\n {column.type === \"phone\" && (\n <>\n \n \n {\n console.log(e.target);\n setShippingCountryCode(e.target.value);\n }}\n disabled={isSameAddress}\n >\n {UniqueCountryCode &&\n UniqueCountryCode.map((Country) => (\n \n ))}\n \n \n \n <>\n {\n if (!/^\\d+$/.test(event.key)) {\n event.preventDefault();\n }\n }}\n disabled={isSameAddress}\n />\n \n \n \n \n )}\n {column.type === \"email\" && (\n {\n if (!/^[A-Za-z\\d\\-_\\s]$/.test(event.key)) {\n event.preventDefault();\n }\n }}\n disabled={isSameAddress}\n />\n )}\n {column.type === \"text\" && (\n \n )}\n \n ))}\n
\n \n \n {isSubmitInvoice && (\n \n \n \n \n SHIP TO\n \n {/* \n { !isShipTextInput ?\n \n :\n \n }\n */}\n \n \n \n \n
\n {isSubmitInvoice &&\n !addressForm?.shippingToBusinessName &&\n !addressForm?.shippingToName && (\n \n \n {shipCntctNm ? (\n \n {column.label}\n \n ) : (\n \n {column.label}\n \n )}\n {\n handleContactSearch(e, column.id, \"ship\");\n }}\n />\n {errors[column.id] && (\n \n {column.errMsg}\n \n )}\n \n {shipCntcts && shipCntcts.length > 0 && (\n \n {shipCntcts?.slice(0, 15).map((value, key) => {\n return (\n {\n handleContactSelection(value, \"ship\");\n }}\n >\n {handleContactAddress(value)}\n \n );\n })}\n \n )}\n
\n {/* {noShipData && (\n \n \n \n {!isShipTextInput && (\n <>\n {!shipCntctNm ? (\n {\n clearCntctSearchInput(\"ship\");\n }}\n style={{ cursor: \"pointer\" }}\n />\n )}\n \n )}\n \n \n
\n \n No data found\n
\n )} */}\n \n )}\n {column.type !== \"text_search\" && (\n \n
\n )}\n {!isSubmitInvoice && rows.length > 0 && (\n \n \n \n \n \n \n Select the inventory type \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n ) : \n \n ADD INVENTORY\n \n
\n \n \n Please select the type to create the inventory\n \n
\n\n \n
\n );\n }\n\n render() {\n // localStorage.setItem(\"menuTitle\", \"ADD INVENTORY\");\n const userData = JSON.parse(sessionStorage.getItem(\"userDetails\"));\n\n return (\n \n \n {this.state.inventoryId ? (\n
\n \n
)\n :\n \n
\n );\n }\n\n render() {\n // localStorage.setItem(\"menuTitle\", \"ADD INVENTORY\");\n const userData = JSON.parse(sessionStorage.getItem(\"userDetails\"));\n\n return (\n \n \n {this.state.inventoryId ? (\n
\n \n
)\n :\n \n\n {\n reset({\n FirstName1: '',\n LastName1: '',\n Role1: '',\n Email1: '',\n })\n handleModalClose()\n }}\n aria-labelledby=\"modal-modal-title\"\n aria-describedby=\"modal-modal-description\"\n >\n \n\n \n \n Invite User \n \n \n {\n reset({\n FirstName1: '',\n LastName1: '',\n Role1: '',\n Email1: '',\n })\n handleModalClose()\n }} >\n \n \n \n \n \n \n\n \n \n {saveModal ?\n {\n reset({\n FirstName1: '',\n LastName1: '',\n Role1: '',\n Email1: '',\n })\n handleModalClose()\n }}\n aria-labelledby=\"modal-modal-title\"\n aria-describedby=\"modal-modal-description\"\n >\n \n\n \n \n {\n reset({\n FirstName1: '',\n LastName1: '',\n Role1: '',\n Email1: '',\n })\n handleModalClose()\n }} >\n \n \n \n \n \n 
\n \n \n Invite Sent Successfully \n \n \n\n \n \n\n : null}\n
\n );\n}\n\nexport default InviteUserModal;","import * as React from 'react';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport { bindActionCreators } from \"redux\";\nimport {\n Grid,\n Button,\n TextField,\n FormControl,\n IconButton,\n Box,\n Typography,\n Modal,\n Select,\n MenuItem,\n InputLabel,\n} from '@mui/material';\nimport SuccessImage from \"../../../../assests/images/success.png\"\n\nimport { useEffect } from 'react';\nimport { toast } from 'react-toastify';\nimport {updateUserRole} from '../actions/administration';\nimport { useState } from 'react';\nimport { getuser } from '../../dashboard/actions/dashboardAction' \nimport { connect } from 'react-redux';\n\nconst ChangeRoleModal = ({ open, handleClose, SaveModal, saveModalOpen, userData,getuser }) => {\n const [role, setRole] = useState(null);\n const onSubmit1 = () => {\n const userDetails = window.sessionStorage.getItem('userDetails') ? JSON.parse(window.sessionStorage.getItem('userDetails')) : null\n const inputObject = {\n accountid: userDetails ? userDetails.accountId : null,\n roleid: role,\n user_id: userData.userid\n }\n updateUserRole(inputObject,(error, result)=>{\n if(result && result.success){\n saveModalOpen(true);\n if(userDetails.userId === userData.userid){\n getuser(userDetails.userId);\n setTimeout(()=>{\n window.location.reload()\n },2000)\n }\n }else{\n toast(\"Error in sending invite to user\", {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n })\n }\n\n \n useEffect(()=>{\n if(userData){\n setRole(userData.roleid)\n }\n },[userData])\n return (\n \n\n handleClose()}\n aria-labelledby=\"modal-modal-title\"\n aria-describedby=\"modal-modal-description\"\n >\n \n\n \n \n Change Role \n \n \n handleClose()} >\n \n \n \n \n\n\n\n \n Role \n {setRole(e.target.value)}}\n >\n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n\n \n\n \n \n \n \n\n {SaveModal ?\n handleClose()}\n aria-labelledby=\"modal-modal-title\"\n aria-describedby=\"modal-modal-description\"\n >\n \n\n \n \n handleClose()} >\n \n \n \n \n \n \n \n \n Role changed Successfully \n \n \n\n \n \n\n : null}\n
\n );\n}\n\n\nfunction mapStateToProps({}) {\n return {\n };\n }\n \n function mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n getuser,\n },\n dispatch\n );\n }\n \n export default connect(mapStateToProps, mapDispatchToProps)(ChangeRoleModal);\n ","import * as React from 'react';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport {\n Grid,\n Button,\n TextField,\n FormControl,\n IconButton,\n Box,\n Typography,\n Modal,\n Select,\n MenuItem,\n InputLabel,\n} from '@mui/material';\nimport SuccessImage from \"../../../../assests/images/success.png\"\nimport { useEffect } from 'react';\nimport { toast } from 'react-toastify';\nimport {resendInvitation} from '../actions/administration';\nimport { useState } from 'react';\n \n\n\nexport default function ResendInvitationModal({ open, handleClose, SaveModal, saveModalOpen, userData }) {\n const [role, setRole] = useState(null);\n const onSubmit1 = () => {\n const userDetails = window.sessionStorage.getItem('userDetails') ? JSON.parse(window.sessionStorage.getItem('userDetails')) : null\n const inputObject = {\n accountid: userDetails ? userDetails.accountId : null,\n user_id: userData.userid,\n email: userData.email\n }\n console.log(inputObject, \"data\");\n\n resendInvitation(inputObject,(error, result)=>{\n console.log(\"invite user response\", result)\n if(result && result.success){\n saveModalOpen(true);\n }else{\n toast(\"Error in sending invite to user\", {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n })\n }\n useEffect(()=>{\n console.log(userData)\n if(userData){\n console.log(\"userData.roleid\",userData.roleid)\n setRole(userData.roleid)\n }\n },[userData])\n\n return (\n \n\n handleClose}\n aria-labelledby=\"modal-modal-title\"\n aria-describedby=\"modal-modal-description\"\n >\n \n\n \n \n Resend Invitation \n \n \n \n \n \n \n \n\n Are You Sure To Want Resend Invitation ? \n\n\n\n \n \n\n \n \n \n \n \n \n \n \n \n \n \n {SaveModal ?\n handleClose()}\n aria-labelledby=\"modal-modal-title\"\n aria-describedby=\"modal-modal-description\"\n >\n \n\n \n \n handleClose()} >\n \n \n \n \n \n \n \n \n Invitation Sent \n \n \n\n \n \n\n : null}\n\n
\n );\n}","import * as React from 'react';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport {\n Grid,\n Button,\n TextField,\n FormControl,\n IconButton,\n Box,\n Typography,\n Modal,\n Select,\n MenuItem,\n InputLabel,\n} from '@mui/material';\nimport SuccessImage from \"../../../../assests/images/success.png\"\nimport { removeUser } from '../actions/administration';\nimport { useEffect } from 'react';\nimport { toast } from 'react-toastify';\n\nexport default function ResendInvitationModal({ open, handleClose, SaveModal, saveModalOpen,userData }) {\n\n const onSubmit1 = () => {\n const userDetails = window.sessionStorage.getItem('userDetails') ? JSON.parse(window.sessionStorage.getItem('userDetails')) : null\n const inputObject = {\n accountid: userDetails ? userDetails.accountId : null,\n user_id: userData.userid\n }\n console.log(inputObject, \"data\");\n\n removeUser(inputObject,(error, result)=>{\n console.log(\"invite user response\", result)\n if(result && result.success){\n saveModalOpen(true);\n }else{\n toast(\"Error in sending invite to user\", {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n })\n }\n \n return (\n \n\n handleClose()}\n aria-labelledby=\"modal-modal-title\"\n aria-describedby=\"modal-modal-description\"\n >\n \n\n \n \n Remove User \n \n \n handleClose()} >\n \n \n \n \n\n Are You Sure To Want Remove {userData?.email} ? \n\n\n\n \n \n\n \n \n \n \n \n \n \n \n \n \n \n {SaveModal ?\n handleClose()}\n aria-labelledby=\"modal-modal-title\"\n aria-describedby=\"modal-modal-description\"\n >\n \n\n \n \n handleClose()} >\n \n \n \n \n \n \n \n \n Removed \n \n \n\n \n \n\n : null}\n\n
\n );\n}","import * as React from 'react';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport {\n Grid,\n Button,\n FormControl,\n IconButton,\n Box,\n Typography,\n Modal,\n Select,\n MenuItem,\n InputLabel,\n Input,\n FormHelperText,\n} from '@mui/material';\nimport SuccessImage from \"../../../../assests/images/success.png\"\nimport { useForm, Controller } from 'react-hook-form';\nimport { useEffect } from 'react';\nimport { toast } from 'react-toastify';\nimport {updateInviteUserDetails} from '../actions/administration';\nimport { getuser } from '../../dashboard/actions/dashboardAction' \nimport { connect } from 'react-redux';\nimport { bindActionCreators } from \"redux\";\n \nconst EditUserModal = ({ editopen, handleModalEditClose, saveModalEdit,saveModalEditOpen, userData, getuser}) =>{\n console.log(userData)\n const { \n register: register1, \n handleSubmit: handleSubmit1, \n formState: { errors: errors1 }, \n reset: reset1,\n control: control1, \n setValue: setValue1 \n } = useForm();\n const onSubmit1 = (data) => {\n const userDetails = window.sessionStorage.getItem('userDetails') ? JSON.parse(window.sessionStorage.getItem('userDetails')) : null\n const inputObject = {\n first_name : data.FirstName1,\n last_name : data.LastName1,\n accountid: userDetails ? userDetails.accountId : null,\n email: data.Email1,\n roleid: data.Role1,\n user_id: userData.userid\n }\n console.log(inputObject, \"data\");\n\n updateInviteUserDetails(inputObject,(error, result)=>{\n console.log(\"invite user response\", result)\n if(result && result.success){\n saveModalEditOpen(true);\n if(userDetails.userId === userData.userid){\n getuser(userDetails.userId)\n setTimeout(()=>{\n window.location.reload()\n },2000)\n }\n }else{\n toast(\"Error in sending invite to user\", {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n })\n }\n\n useEffect(()=>{\n if(userData){\n setValue1('FirstName1', userData.firstname);\n setValue1('LastName1', userData.lastname);\n setValue1('Role1', userData.roleid);\n setValue1('Email1', userData.email);\n }\n },[userData])\n return (\n \n\n {\n reset1({\n FirstName1: '',\n LastName1: '',\n Role1: '',\n Email1: '',\n })\n handleModalEditClose()}}\n aria-labelledby=\"modal-modal-title\"\n aria-describedby=\"modal-modal-description\"\n >\n \n\n \n \n Edit User \n \n \n {\n reset1({\n FirstName1: '',\n LastName1: '',\n Role1: '',\n Email1: '',\n })\n handleModalEditClose()\n }}>\n \n \n \n \n \n \n\n \n \n {saveModalEdit ?\n handleModalEditClose()}\n aria-labelledby=\"modal-modal-title\"\n aria-describedby=\"modal-modal-description\"\n >\n \n\n \n \n handleModalEditClose()} >\n \n \n \n \n \n \n \n \n Updated Successfully \n \n \n\n \n \n\n : null}\n
\n );\n}\n\n\nfunction mapStateToProps({}) {\n return {\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n getuser,\n },\n dispatch\n );\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(EditUserModal);","import React from 'react'\nimport {\n Grid,\n Container,\n Typography,\n Button,\n FormControl,\n InputLabel,\n Select,\n MenuItem,\n Paper,\n InputBase,\n InputAdornment,\n TableContainer,\n Modal,\n Box,\n Input,\n FormHelperText\n\n} from '@material-ui/core';\nimport Menu from \"@mui/material/Menu\";\nimport Table from \"@mui/material/Table\";\nimport TableBody from \"@mui/material/TableBody\";\nimport { StyledEngineProvider } from \"@mui/material/styles\";\nimport { alpha } from \"@mui/material/styles\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Tooltip, { tooltipClasses } from '@mui/material/Tooltip';\nimport Divider from \"@mui/material/Divider\";\nimport TableHead from \"@mui/material/TableHead\";\nimport TablePagination from \"@mui/material/TablePagination\";\nimport TableRow from \"@mui/material/TableRow\";\nimport InviteUsers from '@mui/icons-material/MarkAsUnreadOutlined';\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport ClearIcon from \"@material-ui/icons/Clear\";\nimport IconButton from \"@mui/material/IconButton\";\nimport { useState } from 'react';\nimport TableCell, { tableCellClasses } from \"@mui/material/TableCell\";\nimport { styled } from \"@mui/material/styles\";\nimport MoreVertIcon from '@mui/icons-material/MoreVert';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport ResendInvitation from '@mui/icons-material/SendAndArchive';\nimport ChangeRole from '@mui/icons-material/SendAndArchive';\nimport EditIcon from '@mui/icons-material/Edit';\nimport InviteUserModal from './Modal/InviteUserModal';\nimport ChangeRoleModal from './Modal/changeRoleModal';\nimport ResendInvitationModal from './Modal/resendInvitationModal';\nimport RemoveUser from './Modal/removeUser';\nimport EditUserModal from './Modal/editUserModal';\nimport { getUsersList } from './actions/administration';\nimport { useEffect } from 'react';\nimport { connect } from 'react-redux';\nimport { capitalize } from 'lodash';\nimport { formatDate, getComponentActionList, isActionAllowed } from \"../../../common/components/Helper/Utils\";\nimport { SpinnerRoundFilled } from 'spinners-react';\n\nconst StyledTableRow = styled(TableRow)(({ theme }) => ({\n \"&:nth-of-type(odd)\": {\n backgroundColor: theme.palette.action.hover,\n },\n // hide last border\n \"&:last-child td, &:last-child th\": {\n border: 0,\n },\n}));\n\nconst BootstrapTooltip = styled(({ className, ...props }) => (\n \n \n \n \n User Management \n \n {isActionAllowed(accessData, 'invite_user') && (\n \n \n \n )}\n \n\n \n \n Role\n \n filterUserRole(e)}\n label=\"Brand\"\n value={role}\n >\n \n \n \n \n \n \n \n \n \n \n Status\n \n filterUserStatus(e)}\n label=\"Brand\"\n value={status}\n >\n \n \n \n \n \n \n \n \n {\n // e.preventDefault();\n // this.SearchInventoryWatchesdetails();\n // }}\n >\n \n {loader ? (\n \n \n \n \n
\n \n \n\n {inviteUserModal && (\n handleModalClose()}\n saveModal={saveModal}\n saveModalOpen={saveModalOpen}\n\n />\n )}\n {editUserModal && (\n handleModalEditClose()}\n saveModalEdit={saveModalEdit}\n saveModalEditOpen={saveModalEditOpen}\n userData={selectedUser}\n />\n )}\n {changeRoleModal && (\n handleCloseAction()}\n SaveModal={saveModal}\n saveModalOpen={saveModalOpen}\n userData={selectedUser}\n />\n )}\n\n {resendInvitationModal && (\n handleCloseAction()}\n SaveModal={saveModal}\n saveModalOpen={saveModalOpen}\n userData={selectedUser}\n />\n )}\n {removeUserModal && (\n handleCloseAction()}\n SaveModal={saveModal}\n saveModalOpen={saveModalOpen}\n userData={selectedUser}\n />\n )}\n \n )}\n \n \n
\n\n )\n}\nconst mapStateToProps = (state) => ({\n userDetails: state.Admin,\n});\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n getUsersList: (data, callback) => dispatch(getUsersList(data, callback)),\n };\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(AdminComponent);","import React from \"react\";\nimport { useState, useEffect } from \"react\";\nimport {\n Grid,\n Container,\n Typography,\n FormControl,\n Paper,\n InputBase,\n InputAdornment,\n TextField,\n} from \"@material-ui/core\";\nimport Menu from \"@mui/material/Menu\";\nimport { alpha } from \"@mui/material/styles\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Tooltip, { tooltipClasses } from \"@mui/material/Tooltip\";\nimport TableHead from \"@mui/material/TableHead\";\nimport Table from \"@mui/material/Table\";\nimport TableContainer from \"@mui/material/TableContainer\";\nimport TablePagination from \"@mui/material/TablePagination\";\nimport TableRow from \"@mui/material/TableRow\";\nimport TableBody from \"@mui/material/TableBody\";\nimport TableCell, { tableCellClasses } from \"@mui/material/TableCell\";\nimport { styled } from \"@mui/material/styles\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport ClearIcon from \"@material-ui/icons/Clear\";\nimport IconButton from \"@mui/material/IconButton\";\nimport DatePicker from \"react-multi-date-picker\";\nimport CalendarMonthIcon from \"@mui/icons-material/CalendarMonth\";\nimport DatePanel from \"react-multi-date-picker/plugins/date_panel\";\nimport { connect } from \"react-redux\";\nimport { getActivityList } from \"./actions/activityLogs\";\nimport { formatDate } from \"../../../common/components/Helper/Utils\";\nimport { SpinnerRoundFilled } from \"spinners-react\";\n\nconst StyledTableRow = styled(TableRow)(({ theme }) => ({\n \"&:nth-of-type(odd)\": {\n backgroundColor: theme.palette.action.hover,\n },\n // hide last border\n \"&:last-child td, &:last-child th\": {\n border: 0,\n },\n}));\nconst BootstrapTooltip = styled(({ className, ...props }) => (\n \n \n {\n setSearchKeyword(e.target.value)\n if (!e.target.value) {\n fetchUsersGrid(\"clear\");\n }\n }}\n onKeyPress={handleEnterEvent}\n value={searchKeyword}\n endAdornment={endAdornment()}\n />\n \n
\n \n \n
\n ) : (\n \n \n \n \n \n Activity Logs\n \n \n \n \n \n \n \n \n {loader ? (\n \n \n \n \n
\n \n \n \n )}\n \n \n
\n );\n};\n\nconst mapStateToProps = (state) => ({\n userDetails: state.Admin,\n});\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n getActivityList: (data, callback) =>\n dispatch(getActivityList(data, callback)),\n };\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(ActivityLogsComponent);\n","import axios from 'axios';\nimport constants from './../../../../utils/constants';\nimport { getToken } from \"./../../../../utils/Authentication\";\n\nexport function getActivityList(data, callback) {\n return function (dispatch) {\n dispatch({ type: \"ACTIVITY_LOGS_LIST\" });\n const headers = {\n 'Authorization': `Bearer ${getToken() || ''}`,\n 'Content-Type': 'application/json'\n };\n axios\n .post(constants.BASE_URL + `accounts/activitylog/dashboard`, data, { headers })\n .then((response) => {\n if (response && response.data && response.data.success === 0 && response.data.logout === true) {\n localStorage.removeItem('token');\n window.sessionStorage.removeItem(\"userDetails\");\n localStorage.removeItem(\"UserBusinessDetails\");\n window.location.href = '/login';\n\n } else {\n console.log('response', response.data);\n dispatch({\n type: \"ACTIVITY_LOGS_LIST_SUCCESS\",\n payload: response.data.data,\n\n });\n callback(response.data);\n }\n })\n .catch((error) => {\n console.log(error)\n\n\n })\n }\n};\n","import * as React from \"react\";\nimport ClearIcon from \"@mui/icons-material/Clear\";\nimport { bindActionCreators } from \"redux\";\nimport {\n Grid,\n Button,\n TextField,\n FormControl,\n IconButton,\n Box,\n Typography,\n Modal,\n Select,\n MenuItem,\n InputLabel,\n Input,\n FormControlLabel,\n Checkbox,\n} from \"@mui/material\";\nimport SuccessImage from \"../../../../assests/images/success.png\";\nimport FormLabel from \"@mui/material/FormLabel\";\nimport {\n MuiPickersUtilsProvider,\n KeyboardDatePicker,\n} from \"@material-ui/pickers\";\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport { useEffect } from \"react\";\nimport { toast } from \"react-toastify\";\nimport {\n updateUserRole,\n getAllAcountList,\n getAccountBasedList,\n getOwnerBasedList,\n updateSubscriptionDetails,\n} from \"../actions/administration\";\nimport { useState } from \"react\";\nimport { getuser } from \"../../dashboard/actions/dashboardAction\";\nimport { connect } from \"react-redux\";\nimport { FormHelperText } from \"@material-ui/core\";\nconst UpdateSubscriptionStatusModal = ({\n open,\n handleClose,\n SaveModal,\n saveModalOpen,\n userData,\n getuser,\n}) => {\n const [accountList, setAccountList] = useState([]);\n const [selectedAccount, setSelectedAccount] = useState(null);\n const [planDetails, setPlanDetails] = useState(null);\n const [paymentDate, setPaymentdDate] = useState(null);\n const [paymentMethod, setPaymentMethod] = useState(null);\n const [planExpiryDate, setPlanExpiryDate] = useState(null);\n const [dealerInventorySubscription, setDealerInventorySubscription] = useState(null);\n const [dealerInventoryExpiryDate, setDealerInventoryExpiryDate] = useState(null);\n const [error, setError] = useState({});\n const [owner, setOwner] = useState(\"\")\n const [businessenable, setBusinessenable] = useState(false);\n const userDetails = window.sessionStorage.getItem(\"userDetails\")\n ? JSON.parse(window.sessionStorage.getItem(\"userDetails\"))\n : null;\n const handlePlanDetailsChange = (e) => {\n const selectedPlan = e.target.value;\n setDealerInventorySubscription(null);\n setPlanDetails(selectedPlan);\n if (selectedPlan === 'Premium') {\n setDealerInventorySubscription('early_adopters');\n } else if (selectedPlan === 'Free') {\n setDealerInventorySubscription('free_trial');\n }\n };\n\n const handleDealerInventorySubscriptionChange = (e) => {\n const selectedInventorySubscription = e.target.value;\n setDealerInventorySubscription(selectedInventorySubscription);\n setError({});\n };\n\n const validateInput = () => {\n let error = {};\n let isValid = true;\n if (planDetails && planDetails === \"Noplan\" && !dealerInventorySubscription) {\n error[\"dealerInventorySubscription\"] = 'Please select any value';\n isValid = false;\n }\n setError(error);\n return isValid;\n };\n\n const onSubmitPaymentDetails = () => {\n if (validateInput()) {\n const payload = {\n accountid: selectedAccount.accountid,\n userid: userDetails.userId,\n plandetails: planDetails,\n planexpirydate: planExpiryDate,\n paymentdate: paymentDate,\n paymentmethod: paymentMethod,\n is_business_enable: businessenable,\n dealerinventory_plan: dealerInventorySubscription,\n dealerinventory_expirydate: dealerInventoryExpiryDate\n };\n updateSubscriptionDetails(payload, (error, result) => {\n if (result && result.status === 1) {\n toast(\"Subscription Updated Successfully\", {\n autoClose: 5000,\n type: toast.TYPE.SUCCESS,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n handleClose('updateSuccess');\n } else {\n }\n }).catch((e) => {\n console.log(\"error\");\n });\n }\n };\n\n const getAccountList = async () => {\n const payload = {};\n getAllAcountList((error, result) => {\n if (result && result.status === 1) {\n const finalData = result.data.filter((account) => {\n if (account.businessname != null) {\n return account.businessname;\n }\n });\n const ids = finalData.map(({ businessname }) => businessname);\n const filtered = finalData.filter(\n ({ businessname }, index) => !ids.includes(businessname, index + 1)\n );\n setAccountList(filtered);\n } else {\n }\n }).catch((e) => {\n console.log(\"error\");\n });\n };\n\n useEffect(() => {\n getAccountList();\n }, []);\n\n useEffect(async () => {\n if (selectedAccount) {\n let accountId = \"\";\n accountList.filter((account) => {\n if (account.businessname == selectedAccount.businessname) {\n accountId = account.accountid;\n }\n });\n getOwnerBasedList(accountId, (result) => {\n if (result && result.status === 1) {\n console.log(\"resultklmlmm\", result.data)\n const resultdata = result.data.length > 0 ? result.data[0].email : []\n setOwner(resultdata)\n }\n }).catch((e) => {\n console.log(\"error\");\n });\n getAccountBasedList(accountId, (result) => {\n if (result && result.status === 1) {\n const destrutureData = result.data[0];\n addcontactlist(destrutureData);\n } else {\n }\n }).catch((e) => {\n console.log(\"error\");\n });\n\n }\n }, [selectedAccount]);\n\n const addcontactlist = (destrutureData) => {\n setPlanDetails(destrutureData?.plandetails || null);\n setPaymentdDate(destrutureData?.paymentdate || null);\n setPaymentMethod(destrutureData?.paymentmethod || null);\n setPlanExpiryDate(destrutureData?.planexpirydate || null);\n setBusinessenable(destrutureData?.is_business_enable);\n setDealerInventorySubscription(destrutureData?.dealerinventory_plan || null);\n setDealerInventoryExpiryDate(destrutureData?.dealerinventory_expirydate || null);\n };\n\n return (\n \n \n {\n onSearchClick(e);\n }}\n onKeyPress={handleEnterEvent}\n value={searchKeyword}\n endAdornment={endAdornment()}\n />\n \n
\n \n
\n ) : (\n \n handleClose()}\n aria-labelledby=\"modal-modal-title\"\n aria-describedby=\"modal-modal-description\"\n >\n \n \n \n \n Update Subscription Details\n \n \n \n handleClose()}>\n \n \n \n \n \n \n Account Name\n \n {\n setSelectedAccount(e.target.value);\n }}\n >\n {accountList &&\n accountList.map((account) => {\n return (\n \n );\n })}\n \n \n {owner &&\n \n Account Owner \n \n \n \n }\n \n \n Plan Details\n \n \n {/* */}\n \n \n \n \n \n \n\n \n {/* Plan Expiry Date */}\n Plan Expiry Date \n \n setPlanExpiryDate(e)}\n isClearable\n KeyboardButtonProps={{\n \"aria-label\": \"change date\",\n }}\n // TextFieldComponent={TextFieldComponent}\n placeholder=\"MM/DD/YYYY\"\n helperText={\"\"}\n />\n \n \n\n \n \n Dealer Inventory Subscription\n \n \n {/* */}\n \n \n \n \n \n \n \n {error[\"dealerInventorySubscription\"]} \n \n\n \n {/* Plan Expiry Date */}\n Dealer Inventory Expiry Date \n \n setDealerInventoryExpiryDate(e)}\n disablePast={true}\n isClearable\n KeyboardButtonProps={{\n \"aria-label\": \"change date\",\n }}\n // TextFieldComponent={TextFieldComponent}\n placeholder=\"MM/DD/YYYY\"\n helperText={\"\"}\n />\n \n \n \n Multi Profile Subscription \n\n setBusinessenable(e.target.checked)}\n />\n }\n // label=\"Permission allowed\"\n />\n\n \n \n {/* Payment Date */}\n Payment Date \n \n setPaymentdDate(e)}\n isClearable\n KeyboardButtonProps={{\n \"aria-label\": \"change date\",\n }}\n // TextFieldComponent={TextFieldComponent}\n placeholder=\"MM/DD/YYYY\"\n helperText={\"\"}\n />\n \n \n \n \n Payment Method\n \n {\n setPaymentMethod(e.target.value);\n }}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n handleClose()}\n >\n Cancel\n \n \n \n onSubmitPaymentDetails()}\n >\n Save\n \n \n \n \n \n \n\n {SaveModal ? (\n handleClose()}\n aria-labelledby=\"modal-modal-title\"\n aria-describedby=\"modal-modal-description\"\n >\n \n \n \n handleClose()}>\n \n \n \n \n \n \n \n \n \n Role changed Successfully\n \n \n \n \n \n ) : null}\n
\n );\n};\n\nfunction mapStateToProps({ }) {\n return {};\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n getuser,\n },\n dispatch\n );\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(UpdateSubscriptionStatusModal);\n","\nimport React from 'react'\nimport { ActivateUser } from '../actions/administration'\nimport ClearIcon from '@mui/icons-material/Clear';\nimport {\n Grid,\n Button,\n TextField,\n FormControl,\n IconButton,\n Box,\n Typography,\n Modal,\n Select,\n MenuItem,\n InputLabel,\n} from '@mui/material';\nimport SuccessImage from \"../../../../assests/images/success.png\"\nimport { toast } from 'react-toastify';\nexport default function ConfirmationModal({open,handleClose,saveModalOpen,userData}) {\n\n\n const Confirm=()=>{\n const inputObject = {\n isDeleted: userData.isdeleted ? false :true,\n userId: userData.userid\n }\n console.log(inputObject, \"datainputObject\");\n\n ActivateUser(inputObject,(error, result)=>{\n console.log(\"invite user response\", result)\n if(result && result.success){\n saveModalOpen(true);\n }else{\n toast(\"Error in sending invite to user\", {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n })\n }\n return (\n \n\n handleClose()}\n aria-labelledby=\"modal-modal-title\"\n aria-describedby=\"modal-modal-description\"\n >\n \n\n \n \n {userData.isdeleted?'Activate':'Deactivate'} User \n \n \n handleClose()} >\n \n \n \n \n\n Are you sure to want {userData.isdeleted?'Activate':'Deactivate'} {userData?.email} ? \n\n\n\n \n \n\n \n \n \n \n \n \n \n \n \n \n \n {/* {SaveModal ?\n handleClose()}\n aria-labelledby=\"modal-modal-title\"\n aria-describedby=\"modal-modal-description\"\n >\n \n\n \n \n handleClose()} >\n \n \n \n \n \n \n \n \n Removed \n \n \n\n \n \n\n : null} */}\n\n
\n )\n}","import React from \"react\";\nimport {\n Grid,\n Container,\n Typography,\n Button,\n FormControl,\n InputLabel,\n Select,\n MenuItem,\n Paper,\n InputBase,\n InputAdornment,\n TableContainer,\n Modal,\n Box,\n Input,\n FormHelperText,\n TextField,\n} from \"@material-ui/core\";\nimport Menu from \"@mui/material/Menu\";\nimport Table from \"@mui/material/Table\";\nimport TableBody from \"@mui/material/TableBody\";\nimport { StyledEngineProvider } from \"@mui/material/styles\";\nimport { alpha } from \"@mui/material/styles\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Tooltip, { tooltipClasses } from \"@mui/material/Tooltip\";\nimport Divider from \"@mui/material/Divider\";\nimport { toast } from \"react-toastify\";\nimport TableHead from \"@mui/material/TableHead\";\nimport TablePagination from \"@mui/material/TablePagination\";\nimport TableRow from \"@mui/material/TableRow\";\nimport InviteUsers from \"@mui/icons-material/MarkAsUnreadOutlined\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport ClearIcon from \"@material-ui/icons/Clear\";\nimport IconButton from \"@mui/material/IconButton\";\nimport { useState } from \"react\";\nimport TableCell, { tableCellClasses } from \"@mui/material/TableCell\";\nimport { styled } from \"@mui/material/styles\";\nimport MoreVertIcon from \"@mui/icons-material/MoreVert\";\nimport DeleteIcon from \"@mui/icons-material/Delete\";\nimport ResendInvitation from \"@mui/icons-material/SendAndArchive\";\nimport ChangeRole from \"@mui/icons-material/SendAndArchive\";\nimport EditIcon from \"@mui/icons-material/Edit\";\nimport InviteUserModal from \"./Modal/InviteUserModal\";\nimport ChangeRoleModal from \"./Modal/changeRoleModal\";\nimport ResendInvitationModal from \"./Modal/resendInvitationModal\";\nimport RemoveUser from \"./Modal/removeUser\";\nimport EditUserModal from \"./Modal/editUserModal\";\nimport UpdateSubscriptionStatusModal from \"./Modal/UpdateSubscriptionStatusModal\";\nimport {\n getUserTrackingList,\n getUserTrackingDownload,\n} from \"./actions/administration\";\nimport { useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { capitalize } from \"lodash\";\nimport {\n formatDate,\n getComponentActionList,\n isActionAllowed,\n} from \"../../../common/components/Helper/Utils\";\nimport DatePanel from \"react-multi-date-picker/plugins/date_panel\";\nimport CalendarMonthIcon from \"@mui/icons-material/CalendarMonth\";\nimport DatePicker from \"react-multi-date-picker\";\nimport ConfirmationModal from \"./Modal/confirmationModal\";\nimport { SpinnerRoundFilled } from \"spinners-react\";\n\nconst StyledTableRow = styled(TableRow)(({ theme }) => ({\n \"&:nth-of-type(odd)\": {\n backgroundColor: theme.palette.action.hover,\n },\n // hide last border\n \"&:last-child td, &:last-child th\": {\n border: 0,\n },\n}));\nconst BootstrapTooltip = styled(({ className, ...props }) => (\n \n \n \n \n User Activity Tracking \n \n \n handleUpdateSubscriptionStatus()}\n style={{ float: \"right\", width: \"20rem\", marginRight: \"20px\" }}\n >\n Update Subscription Status\n \n downloadInvoiceTotal()}\n style={{ float: \"right\", width: \"15rem\" }}\n >\n Download Tracking\n \n \n \n \n \n \n \n \n {loader ? (\n \n \n \n \n
\n \n \n\n {inviteUserModal && (\n handleModalClose()}\n saveModal={saveModal}\n saveModalOpen={saveModalOpen}\n />\n )}\n {editUserModal && (\n handleModalEditClose()}\n saveModalEdit={saveModalEdit}\n saveModalEditOpen={saveModalEditOpen}\n userData={selectedUser}\n />\n )}\n {changeRoleModal && (\n handleCloseAction()}\n SaveModal={saveModal}\n saveModalOpen={saveModalOpen}\n userData={selectedUser}\n />\n )}\n\n {resendInvitationModal && (\n handleCloseAction()}\n SaveModal={saveModal}\n saveModalOpen={saveModalOpen}\n userData={selectedUser}\n />\n )}\n {removeUserModal && (\n handleCloseAction()}\n SaveModal={saveModal}\n saveModalOpen={saveModalOpen}\n userData={selectedUser}\n />\n )}\n {confirmUserModal && (\n handleCloseAction()}\n SaveModal={saveModal}\n saveModalOpen={saveModalOpen}\n userData={activatepayload}\n />\n )}\n {updateSubscriptionModal && (\n \n )}\n \n \n
\n );\n};\nconst mapStateToProps = (state) => ({\n userTrackingDetails: state.Admin,\n});\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n getUserTrackingList: (data, callback) => dispatch(getUserTrackingList(data, callback)),\n };\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(UserTracking);\n","import React, { useEffect, useState } from \"react\";\nimport {\n Container,\n Paper,\n Grid,\n FormGroup,\n FormControlLabel,\n Checkbox,\n TextField,\n Switch,\n Button,\n FormControl,\n Typography,\n useTheme,\n useMediaQuery,\n} from \"@material-ui/core\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport {\n getDealerFeedSetting,\n updateDealerFeedSetting,\n createDelaerFeedSetting,\n} from \"./actions/administration\";\nimport copy from \"copy-to-clipboard\";\nimport { toast } from \"react-toastify\";\nimport Share from \"@mui/icons-material/Share\";\nimport constants from \"../../../utils/constants\";\nimport { showSuccessToast } from \"../../../common/components/Helper/Utils\";\n\nconst useStyles = makeStyles((theme) => ({\n gridItemTwo: {\n display: \"flex\",\n alignItems: \"center\",\n },\n}));\n\nexport default function Dealerfeed() {\n const classes = useStyles();\n const theme = useTheme();\n const isMdUp = useMediaQuery(theme.breakpoints.up('md'));\n const [enable, setenable] = useState(true);\n const [publishMyInventory, setPublishMyInventory] = useState(false);\n const [wholesalepriceDisplay, setWholesalepriceDisplay] = useState(false);\n const [endCustomerPricing, setEndCustomerPricing] = useState(false);\n const [invQty, setInvQty] = useState(false);\n const [multipleImages, setMultipleImages] = useState(false);\n const [listPrice, setListPrice] = useState(false);\n const [inventoryDealergrp, setInventoryDealergrp] = useState(true);\n const [inventoryStatus, setInventoryStatus] = useState(false);\n const [phoneCheck, setPhoneCheck] = useState(false);\n const [phoneNumber, setPhoneNumber] = useState(\"\");\n const [iMessage, setIMessageCheck] = useState(false);\n const [iMessageValue, setIMessageValue] = useState(\"\");\n const [Whatsapp, setWhatsappCheck] = useState(false);\n const [WhatsappValue, setWhatsappValue] = useState(\"\");\n const [telegram, setTelegramCheck] = useState(false);\n const [telegramValue, setTelegramValue] = useState(\"\");\n const [facebook, setFacebook] = useState(false);\n const [facebookValue, setFacebookValue] = useState(\"\");\n const [createAPI, setCreateAPI] = useState(false);\n const [settingObject, setSettingObject] = useState(null);\n\n const handleOnEdit = () => {\n setenable(!enable);\n };\n\n const getDealerFeedSettingData = () => {\n getDealerFeedSetting((err, response) => {\n if (response && response.data && response.data.length > 0) {\n const data = response.data?.length > 0 ? response.data[response.data.length - 1] : [];\n // const data = (response?.data).filter(item => Number(item?.id) === Number(settingObject?.id)) || response.data[0];\n const communicationObject = data?.communication?.communication\n ? data?.communication?.communication\n : [];\n setSettingObject(data);\n setPublishMyInventory(data?.isdealerfeed_enabled);\n setInventoryDealergrp(data?.inventory_dealer_grouping);\n setInvQty(data?.inventory_quantity);\n setMultipleImages(data?.multiple_images);\n setListPrice(data?.manufacturer_price);\n setWholesalepriceDisplay(data?.wholesale_price);\n setEndCustomerPricing(data?.endcustomer_price);\n setInventoryStatus(data?.inventory_status);\n communicationObject &&\n communicationObject.map((item) => {\n if (item?.mode === \"phone\") {\n setPhoneCheck(true);\n setPhoneNumber(item?.value);\n } else if (item?.mode === \"whatsapp\") {\n setWhatsappCheck(true);\n setWhatsappValue(item?.value);\n } else if (item?.mode === \"facebook\") {\n setFacebook(true);\n setFacebookValue(item?.value);\n } else if (item?.mode === \"telegram\") {\n setTelegramCheck(true);\n setTelegramValue(item?.value);\n } else if (item?.mode === \"imessage\") {\n setIMessageCheck(true);\n setIMessageValue(item?.value);\n }\n });\n }\n }).catch((e) => {\n console.log(\"error\");\n });\n };\n\n const submitData = () => {\n const userDetails = window.sessionStorage.getItem(\"userDetails\")\n ? JSON.parse(window.sessionStorage.getItem(\"userDetails\"))\n : null;\n const accountid = window.sessionStorage.getItem(\"accountId\");\n const payload = {\n accountid: accountid,\n isdealerfeed_enabled: publishMyInventory,\n wholesale_price: wholesalepriceDisplay,\n endcustomer_price: endCustomerPricing,\n inventory_status: inventoryStatus,\n inventory_quantity: invQty,\n multiple_images: multipleImages,\n inventory_dealer_grouping: inventoryDealergrp,\n manufacturer_price: listPrice\n };\n const communication = [];\n if (phoneCheck) {\n const data = {\n mode: \"phone\",\n value: phoneNumber,\n };\n communication.push(data);\n }\n if (Whatsapp) {\n const data = {\n mode: \"whatsapp\",\n value: WhatsappValue,\n };\n communication.push(data);\n }\n if (iMessage) {\n const data = {\n mode: \"imessage\",\n value: iMessageValue,\n };\n communication.push(data);\n }\n if (telegram) {\n const data = {\n mode: \"telegram\",\n value: telegramValue,\n };\n communication.push(data);\n }\n if (facebook) {\n const data = {\n mode: \"facebook\",\n value: facebookValue,\n };\n communication.push(data);\n }\n // if (communication.length) {\n payload.communication = communication;\n // }\n if (settingObject && settingObject.id) {\n //call edit api\n payload.id = settingObject.id;\n updateDealerFeedSetting(payload, (err, response) => {\n if (response.status === 1) {\n setenable(true);\n getDealerFeedSettingData();\n showSuccessToast(\"Updated Successfully\")\n }\n }).catch((e) => {\n console.log(e);\n });\n } else {\n //call create api\n createDelaerFeedSetting(payload, (err, response) => {\n if (response.status === 1) {\n setenable(true);\n getDealerFeedSettingData();\n }\n }).catch((e) => {\n console.log(e);\n });\n }\n };\n\n // function copyToClipboard(){\n // // Text from the html element\n\n // const userDetails = window.sessionStorage.getItem('userDetails') ? JSON.parse(window.sessionStorage.getItem('userDetails')) : null;\n // let companyName = userDetails?.accountName;\n // let copyText = `${constants.SHARE_INVENTORY}dealerfeed/${companyName}`;\n // alert(copyText)\n // // Adding text value to clipboard using copy function\n // let isCopy = copy(copyText);\n\n // //Dispalying notification\n // if (isCopy) {\n // toast.success(\"Copied to Clipboard\");\n // }\n // };\n\n const copyToClipboard = async () => {\n const userDetails = window.sessionStorage.getItem(\"userDetails\")\n ? JSON.parse(window.sessionStorage.getItem(\"userDetails\"))\n : null;\n let companyName = userDetails?.accountName?.replace(/[\\s.]/g, '');\n let copyText = `${constants.SHARE_INVENTORY}dealerfeed/${companyName}`;\n alert(copyText);\n try {\n await copy(copyText);\n toast.success(\"Copied to Clipboard\");\n } catch {\n toast.error(\"Not copied\");\n }\n //const isCopy=await navigator.clipboard.writeText(copyText)\n // if (isCopy) {\n // toast.success(\"Copied to Clipboard\");\n // }\n };\n\n useEffect(() => {\n getDealerFeedSettingData();\n }, []);\n\n return (\n \n \n {\n setSearchKeyword(e.target.value);\n if (!e.target.value) {\n fetchUsersGrid(\"clear\");\n }\n }}\n onKeyPress={handleEnterEvent}\n value={searchKeyword}\n endAdornment={endAdornment()}\n />\n \n
\n \n
\n ) : (\n \n \n \n \n Dealer Feed\n \n \n \n {publishMyInventory && (\n \n EDIT\n \n )}\n \n \n
\n \n
\n {!enable && (\n <>\n
{message}
\n \n \n OTP Verification Code\n \n
*/}\n \n \n Please Check your Email for a message with your code. Your Code is 6 digits long.\n \n
\n \n\n {showing\n ?\n \n Resend OTP \n
\n : Didn't receive the code? Request New Code in {twoMinutes}\n
\n }\n \n \n \n \n \n Dealer Tracking \n \n \n \n \n \n \n \n {loader ? (\n \n \n \n \n
\n \n \n \n )}\n \n \n
\n );\n};\nconst mapStateToProps = (state) => ({});\n\nconst mapDispatchToProps = (dispatch) => {\n return {};\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(DealerCommunicationTracking);\n","import axios from \"axios\";\nimport { getToken } from \"../../../../utils/Authentication\";\nimport constants from './../../../../utils/constants';\nconst fileDownload = require('js-file-download');\n\nexport async function getContactList(payload, pageLimit = 100, pageNumber = 1, callback) {\n const headers = {\n 'Authorization': `Bearer ${getToken() || ''}`,\n 'Content-Type': 'application/json'\n };\n const config = {\n method: 'post',\n url: constants.BASE_URL + `contacts/list/${pageLimit}/${pageNumber}`,\n headers: headers,\n data: payload\n };\n return axios(config)\n .then((response) => {\n if (response && response.data && response.data.success === 0 && response.data.logout === true) {\n localStorage.removeItem('token');\n window.sessionStorage.removeItem(\"userDetails\");\n localStorage.removeItem(\"UserBusinessDetails\");\n window.location.href = '/login';\n } else {\n return callback(null, response.data)\n }\n })\n .catch((error) => {\n console.log(error)\n return callback(error, null)\n })\n};\n\nexport async function createContactList(payload, callback) {\n const headers = {\n 'Authorization': `Bearer ${getToken() || ''}`,\n 'Content-Type': 'multipart/form-data'\n };\n const config = {\n method: 'post',\n url: constants.BASE_URL + `contacts/create`,\n headers: headers,\n data: payload\n };\n return axios(config)\n .then((response) => {\n if (response && response.data && response.data.success === 0 && response.data.logout === true) {\n localStorage.removeItem('token');\n window.sessionStorage.removeItem(\"userDetails\");\n localStorage.removeItem(\"UserBusinessDetails\");\n window.location.href = '/login';\n } else {\n return callback(null, response.data)\n }\n })\n .catch((error) => {\n console.log(error)\n return callback(error, null)\n })\n};\n\nexport async function downloadContact(data1, userdId) {\n // const type = 'PDF';\n const type = 'EXL';\n const headers = {\n 'Authorization': `Bearer ${getToken() || ''}`,\n // 'Content-Type': 'blob'\n };\n data1['fileType'] = type;\n var config = {\n method: 'post',\n url: constants.BASE_URL + `contacts/download`,\n headers: headers,\n data: data1,\n responseType: type === 'PDF' ? 'blob' : \"arraybuffer\"\n };\n\n return axios(config)\n .then((response) => {\n\n if (response && response.status === 204) {\n const data = {\n status: 0,\n message: \"No Inventories Data\",\n data: []\n }\n return data\n } else if (response.status === 200 && response.headers && response.headers['content-disposition'] && type === 'EXL') {\n const blob = new Blob([response.data], {\n type:\n 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8'\n })\n fileDownload(blob, 'contacts.xlsx')\n\n const data = {\n status: 1,\n message: \"Downloaded Successfully\",\n }\n return data\n\n } else if (type === 'PDF' && response.data) {\n\n const fileName = 'inventories_' + new Date().getTime() + '_.pdf'\n\n const blob = new Blob([response.data])\n const blob_url = URL.createObjectURL(blob);\n\n fileDownload(blob, fileName)\n const data = {\n status: 1,\n message: \"Downloaded Successfully\",\n url: blob_url\n }\n return data\n }\n // } else {\n // localStorage.removeItem('token');\n // window.sessionStorage.removeItem(\"userDetails\");\n // localStorage.removeItem(\"UserBusinessDetails\");\n // window.location.href = '/login';\n // }\n })\n\n\n}\n\nexport async function updateContactList(payload, callback) {\n const headers = {\n 'Authorization': `Bearer ${getToken() || ''}`,\n 'Content-Type': 'multipart/form-data'\n };\n const config = {\n method: 'put',\n url: constants.BASE_URL + `contacts/update`,\n headers: headers,\n data: payload\n };\n return axios(config)\n .then((response) => {\n if (response && response.data && response.data.success === 0 && response.data.logout === true) {\n localStorage.removeItem('token');\n window.sessionStorage.removeItem(\"userDetails\");\n localStorage.removeItem(\"UserBusinessDetails\");\n window.location.href = '/login';\n } else {\n return callback(null, response.data)\n }\n })\n .catch((error) => {\n console.log(error)\n return callback(error, null)\n })\n};\n\nexport async function deleteContactList(payload, callback) {\n const headers = {\n 'Authorization': `Bearer ${getToken() || ''}`,\n 'Content-Type': 'application/json'\n };\n const config = {\n method: 'put',\n url: constants.BASE_URL + `contacts/removecontact`,\n headers: headers,\n data: payload\n };\n return axios(config)\n .then((response) => {\n if (response && response.data && response.data.success === 0 && response.data.logout === true) {\n localStorage.removeItem('token');\n window.sessionStorage.removeItem(\"userDetails\");\n localStorage.removeItem(\"UserBusinessDetails\");\n window.location.href = '/login';\n } else {\n return callback(null, response.data)\n }\n })\n .catch((error) => {\n console.log(error)\n return callback(error, null)\n })\n};\n\nexport async function getContactDetail(payload, callback) {\n const headers = {\n 'Authorization': `Bearer ${getToken() || ''}`,\n 'Content-Type': 'application/json'\n };\n const config = {\n method: 'GET',\n url: constants.BASE_URL + `contacts/` + payload,\n headers: headers,\n data: payload\n };\n return axios(config)\n .then((response) => {\n if (response && response.data && response.data.success === 0 && response.data.logout === true) {\n localStorage.removeItem('token');\n window.sessionStorage.removeItem(\"userDetails\");\n localStorage.removeItem(\"UserBusinessDetails\");\n window.location.href = '/login';\n } else {\n return callback(null, response.data)\n }\n })\n .catch((error) => {\n console.log(error)\n return callback(error, null)\n })\n};\n\nexport async function getContactTypeHistory(payload, callback) {\n const headers = {\n 'Authorization': `Bearer ${getToken() || ''}`,\n 'Content-Type': 'application/json'\n };\n const config = {\n method: 'post',\n url: constants.BASE_URL + `contacts/history`,\n headers: headers,\n data: payload\n };\n return axios(config)\n .then((response) => {\n if (response && response.data && response.data.success === 0 && response.data.logout === true) {\n localStorage.removeItem('token');\n window.sessionStorage.removeItem(\"userDetails\");\n localStorage.removeItem(\"UserBusinessDetails\");\n window.location.href = '/login';\n } else {\n return callback(null, response.data)\n }\n })\n .catch((error) => {\n console.log(error)\n return callback(error, null)\n })\n};\n","import React, { useEffect, useState } from \"react\";\nimport { bindActionCreators } from \"redux\";\nimport {\n Button,\n Card,\n Checkbox,\n Container,\n Divider,\n FormControl,\n FormControlLabel,\n FormGroup,\n FormHelperText,\n FormLabel,\n Grid,\n IconButton,\n Input,\n InputLabel,\n MenuItem,\n Select,\n TextField,\n Tooltip,\n Typography,\n} from \"@material-ui/core\";\nimport { Stack, Breadcrumbs } from \"@mui/material\";\nimport CheckBoxOutlineBlankIcon from \"@material-ui/icons/CheckBoxOutlineBlank\";\nimport CheckBoxIcon from \"@material-ui/icons/CheckBox\";\nimport HelpIcon from \"@mui/icons-material/HelpOutline\";\nimport { Link, useLocation } from \"react-router-dom\";\nimport { connect } from \"react-redux\";\nimport { useHistory } from \"react-router\";\nimport FileUploadGroup from \"../../../../common/components/FileuploadGroup\";\nimport { createContactList, updateContactList } from \"../actions/contactApi\";\nimport getUserdetailsforsubscrption from \"../../dashboard/actions/dashboardaapi\";\nimport { Autocomplete } from \"@material-ui/lab\";\nimport {\n showErrorToast,\n showSuccessToast,\n} from \"../../../../common/components/Helper/Utils\";\nimport ContentWrapper from \"../../../../common/components/contentWrapper\";\nimport { getContactDetail } from \"../actions/contactApi\";\nimport { SpinnerRoundFilled } from \"spinners-react\";\n\nconst icon = \n \n {\n setSearchKeyword(e.target.value);\n }}\n onKeyPress={handleEnterEvent}\n value={searchKeyword}\n endAdornment={endAdornment()}\n />\n \n
\n \n
\n ) : (\n \n \n \n ›}\n >\n handleRedirect()}\n >\n Contact Management\n \n \n {window.location.href.split('/').includes('edit')\n ? \"Edit Contact\"\n : \"Add Contact\"}\n \n \n \n {isLoading ?\n \n \n \n \n \n Contact Classification \n \n \n \n \n Type * \n \n \n handleInputChange(e, setClassificationType)\n }\n >\n \n \n \n \n \n {error[\"classificationType\"]}\n \n \n \n \n \n \n \n \n General Information \n \n \n \n \n First Name\n {classificationType !== \"business_client\" && (\n * \n )}\n \n handleInputChange(e, setFirstName)}\n inputProps={{\n maxLength: 50,\n autoComplete: \"off\",\n }}\n />\n \n {error[\"firstName\"]}\n \n \n \n \n \n \n Last Name\n {classificationType !== \"business_client\" && (\n * \n )}\n \n handleInputChange(e, setLastName)}\n inputProps={{\n maxLength: 50,\n autoComplete: \"off\",\n }}\n />\n \n {error[\"lastName\"]}\n \n \n \n \n \n \n Business Name\n {classificationType === \"business_client\" && (\n * \n )}\n \n handleInputChange(e, setBusinessName)}\n inputProps={{\n maxLength: 150,\n autoComplete: \"off\",\n }}\n />\n \n {error[\"businessName\"]}\n \n \n \n \n \n \n Email\n {classificationType !== \"walk_in\" && (\n * \n )}\n \n handleInputChange(e, setEmail)}\n />\n \n {error[\"contactInfo\"] ?? error[\"email\"]}\n \n \n \n \n \n \n handleInputChange(e, setPhoneCode)}\n >\n {uniqueCountryCode &&\n uniqueCountryCode.map((country) => (\n \n ))}\n \n \n \n \n \n \n Phone Number\n {classificationType !== \"walk_in\" && (\n * \n )}\n \n handleInputChange(e, setPhoneNumber)}\n inputProps={{\n maxLength: 14,\n autoComplete: \"off\",\n }}\n onKeyPress={(event) => {\n if (!/^\\d+$/.test(event.key)) {\n event.preventDefault();\n }\n }}\n />\n \n \n \n {error[\"contactInfo\"]}\n \n \n \n \n \n \n handleInputChange(e, setOtherPhoneCode)}\n >\n {uniqueCountryCode &&\n uniqueCountryCode.map((country) => (\n \n ))}\n \n \n \n \n \n \n Other Phone Number\n \n handleInputChange(e, setOtherPhoneNumber)}\n inputProps={{\n maxLength: 14,\n autoComplete: \"off\",\n }}\n onKeyPress={(event) => {\n if (!/^\\d+$/.test(event.key)) {\n event.preventDefault();\n }\n }}\n />\n \n \n {/* \n \n \n Contact Relationship Type\n \n handleInputChange(e, setRelationshipType)}\n >\n \n \n \n \n \n \n */}\n \n \n (\n \n \n )}\n getOptionLabel={(option) => option.value}\n getOptionSelected={getOptionSelected}\n value={relationshipType}\n onChange={handleAutoComplete}\n renderInput={(params) => (\n \n \n {relationshipType?.some((type) => type.value === \"Customer\") && (\n <>\n \n \n \n Acceptable Payment Methods\n \n \n {paymentMethods.map((method) => (\n \n \n \n \n \n \n Preferred Payment Terms\n \n handleInputChange(e, setPaymentTerms)}\n >\n {paymentTermsOptions.map((option, idx) => {\n return (\n \n );\n })}\n \n \n \n \n )}\n \n \n Image Upload for ID or Business Card \n \n {/* \n \n {/* {classificationType === \"business_client\" && ( */}\n <>\n \n \n \n Sales Tax ID\n \n handleInputChange(e, setSalesTaxID)}\n inputProps={{\n type: \"phone\",\n maxLength: 14,\n autoComplete: \"off\",\n }}\n onKeyPress={(event) => {\n if (!/^[a-zA-Z0-9]+$/.test(event.key)) {\n event.preventDefault();\n }\n }}\n />\n \n \n \n \n Upload Sales Tax Certificate Image (or PDF) \n \n {/* \n \n \n {/* )} */}\n {classificationType && classificationType !== \"walk_in\" && (\n \n \n \n Total Allowed Open Invoices Amount\n \n handleInputChange(e, setInvoiceAmount)}\n />\n \n \n )}\n \n \n \n Notes\n \n handleInputChange(e, setTimeStampNotes)}\n multiline\n maxRows={4}\n />\n \n \n \n \n \n \n \n \n Billing Address\n \n \n {renderFormFields(billingFields, \"billingAddress\")}\n \n \n \n Shipping Address \n \n \n \n handleChange(\n event,\n \"shippingAddress\",\n \"sameAsBilling\"\n )\n }\n />\n }\n label=\"Same as billing address\"\n />\n \n {renderFormFields(shippingFields, \"shippingAddress\")}\n \n \n \n \n \n \n Cancel\n \n {currentContactPage === \"contactEditPage\" ? (\n handleSave(\"edit\")}\n disabled={disabled}\n >\n Update\n \n ) : (\n handleSave(\"save\")}\n disabled={disabled}\n >\n Save\n \n )}\n \n \n \n }\n \n
\n );\n };\n return \n
:\n \n \n Contact : {(data?.firstname || data?.lastname ? `${data?.firstname || \"\"} ${data?.lastname || \"\"}`?.trim() : \"\")\n || data?.businessname\n || data?.emailid\n || \"--\"}\n \n \n Last Purchase Date : {rows?.lastpurchasedate ? formatDate(rows?.lastpurchasedate) : \"-\"}\n \n \n Last Purchase Amount : {rows?.lastpurchasecost ? Number(rows?.lastpurchasecost) : \"-\"}\n \n
\n \n \n Contact : {(data?.firstname || data?.lastname ? `${data?.firstname || \"\"} ${data?.lastname || \"\"}`?.trim() : \"\")\n || data?.businessname\n || data?.emailid\n || \"--\"}\n \n \n Last Sales Date: {rows?.lastpurchasedate ? formatDate(rows?.lastpurchasedate) : \"-\"}\n \n \n Last Sales Amount: {rows?.lastpurchasecost ? Number(rows?.lastpurchasecost) : \"-\"}\n \n \n Total Open Balance: {\"-\"}\n \n
\n \n \n Contact : {(data?.firstname || data?.lastname ? `${data?.firstname || \"\"} ${data?.lastname || \"\"}`?.trim() : \"\")\n || data?.businessname\n || data?.emailid\n || \"--\"}\n \n \n Last Purchase Date : {rows?.lastpurchasedate ? formatDate(rows?.lastpurchasedate) : \"-\"}\n \n \n Last Purchase Amount : {rows?.lastpurchasecost ? Number(rows?.lastpurchasecost) : \"-\"}\n \n
\n \n \n \n \n \n \n Contact Management \n \n \n \n Download Excel\n \n handleAddContact()}\n >\n Add Contact\n \n \n \n \n \n Contact Classification\n \n handleChange(e, setClassificationType)}\n >\n \n \n \n \n \n \n \n {/* \n \n \n Relationship Type\n \n handleChange(e, setRelationshipType)}\n >\n \n \n \n \n \n \n \n */}\n \n \n \n Status\n \n handleChange(e, setContactStatus)}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n {loader ? (\n fetchMoreData()}\n hasMore={noItemFound ? false : true}\n loader={\n \n {!loader ?\n \n \n # of Contacts : \n {totalNoOfContacts || \"-\"} \n \n \n : null}\n \n \n \n \n
\n \n {/* \n \n \n \n )}\n {data?.length === 0 && !loader && noItemFound &&\n \n {\" \"}\n \n \n No Records Found\n \n \n \n }\n\n {/* Obsolete Popup */}\n {openDeleteModal && (\n \n Once a contact is marked as Obsolete, invoices can no\n longer be created for it.\n \n }\n openDeleteModal={openDeleteModal}\n setOpenDeleteModal={setOpenDeleteModal}\n handleConfirmation={handleMarkasObsolete}\n disabled={false}\n />\n )}\n\n {openActiveModal && (\n \n Are you sure, you want to Activate, the contact.\n \n }\n openDeleteModal={openActiveModal}\n setOpenDeleteModal={setOpenActiveModal}\n handleConfirmation={handleActivate}\n disabled={false}\n />\n )}\n\n {openPurchaseModal && (\n \n
\n );\n };\n\n return \n
\n \n \n handleChange(e, setSearchKeyword)}\n />\n \n
\n \n
\n ) : (\n \n
\n }\n >\n \n
\n Loading....
\n\n \n \n \n \n ›}\n >\n {\n updateContactPage(\"CONTACT_HOME\");\n updateContactData(null);\n history.push(\"/contactmanagement\");\n }}\n >\n Contact Management\n \n \n View Contact Details\n \n \n \n \n \n {isdeleted ? null :\n {\n updateContactPage(\"CONTACT_EDIT\");\n history.push(\"/contactmanagement/edit/\" + contactid);\n }}\n >\n Edit\n }\n \n {isLoading ?\n \n \n \n \n \n \n \n \n \n \n }\n \n \n
\n );\n };\n return \n
:\n \n \n General Information\n \n
\n \n \n \n \n Contact Classification\n \n \n \n \n {classificationTypeLookUp[classification_type] ?? \"---\"}\n \n \n \n
\n\n \n \n \n \n First Name\n \n \n \n \n {firstname ?? \"---\"}\n \n \n \n
\n \n \n \n \n Last Name\n \n \n \n \n {lastname ?? \"---\"}\n \n \n \n
\n \n \n \n \n Business Name\n \n \n \n \n {businessname ?? \"---\"}\n \n \n \n
\n \n \n \n \n Email\n \n \n \n \n {emailid ?? \"---\"}\n \n \n \n
\n \n \n \n \n Phone Number\n \n \n \n \n {`${phoneno && phonecountrycode ? '(' + phonecountrycode + ')' : ''}`} {phoneno ? phoneno : \"---\"}\n \n \n \n
\n \n \n \n \n Other Phone Number\n \n \n \n \n {`${otherphone && othercountrycode ? '(' + othercountrycode + ')' : ''}`} {otherphone ? otherphone : \"---\"}\n \n \n \n
\n {classification_type && classification_type !== \"walk_in\" &&\n \n \n \n \n Total Allowed Open Invoices Amount\n \n \n \n \n {invoice_amount ? \"$\" + Math.round(invoice_amount) : \"---\"}\n \n \n \n
}\n {/* {classification_type === \"business_client\" && */}\n \n \n \n \n Sales Tax ID\n \n \n \n \n {sales_taxid?.length > 3\n ? sales_taxid?.slice(-3)?.padStart(sales_taxid?.length, '*')\n : sales_taxid}\n \n \n \n
\n {/* } */}\n \n \n \n \n Relationship Type\n \n \n \n \n {contact_relationtype?.map(item => item.value).join(', ') ?? \"---\"}\n \n \n \n
\n {contact_relationtype?.some((type) => type.value === \"Customer\") &&\n <>\n \n \n \n \n Acceptable Payment Methods\n \n \n \n \n {(acceptable_payment && acceptable_payment.length && acceptable_payment.length > 0) ? acceptable_payment.join(', ') : \"---\"}\n \n \n \n
\n \n \n \n \n Preferred Payment Terms\n \n \n \n \n {/* {contact_relationtype?.map(item => item.value).join(', ') ?? \"---\"} */}\n {paymentterm ?? \"---\"}\n \n \n \n
\n \n }\n \n \n \n \n Created Date\n \n \n \n \n \n {/* {createdon\n ? moment(createdon).format(\"MM/DD/YYYY\")\n : \"---\"} */}\n {createdon\n ? formatDate(createdon, \"MM/DD/YYYY\")\n : \"---\"}\n \n \n \n \n
\n \n \n \n \n Notes\n \n \n \n \n {timestamp_notes ?? \"---\"}\n \n \n \n
\n\n {businesscard_imagepath && (\n \n \n \n \n ID or Business Card\n \n \n \n */}\n {/* {businesscard_imagepath && business_img\n ? business_img.map((item) => (\n */}\n \n \n
\n )}\n {salestax_imagepath && (\n \n \n \n \n Sales Tax Certificate\n \n \n \n */}\n {/* {salestax_imagepath && sales_img\n ? sales_img.map((item) => (\n */}\n \n \n
\n )}\n \n \n Billing Address\n \n
\n \n \n \n \n Address Line 1\n \n \n \n \n {billingaddress1 ?? \"---\"}\n \n \n \n
\n \n \n \n \n Address Line 2\n \n \n \n \n {billingaddress2 ?? \"---\"}\n \n \n \n
\n \n \n \n \n City\n \n \n \n \n {billingcity ?? \"---\"}\n \n \n \n
\n \n \n \n \n State\n \n \n \n \n {billingstate ?? \"---\"}\n \n \n \n
\n \n \n \n \n Zip Code\n \n \n \n \n {billingzipcode ?? \"---\"}\n \n \n \n
\n \n \n \n \n Country\n \n \n \n \n {billingcountry ?? \"---\"}\n \n \n \n
\n \n \n Shipping Address\n \n
\n \n \n \n \n Address Line 1\n \n \n \n \n {shippingaddress1 ?? \"---\"}\n \n \n \n
\n \n \n \n \n Address Line 2\n \n \n \n \n {shippingaddress2 ?? \"---\"}\n \n \n \n
\n \n \n \n \n City\n \n \n \n \n {shippingcity ?? \"---\"}\n \n \n \n
\n \n \n \n \n State\n \n \n \n \n {shippingstate ?? \"---\"}\n \n \n \n
\n \n \n \n \n Zip Code\n \n \n \n \n {shippingzipcode ?? \"---\"}\n \n \n \n
\n \n \n \n \n Country\n \n \n \n \n {shippingcountry ?? \"---\"}\n \n \n \n
\n \n \n \n \n {userDetails && userDetails.accountName && (\n <>\n \n {businessConfig()}\n \n \n )}\n \n \n \n \n \n \n \n \n \n \n \n {/* \n {currentContactPage === \"contactHomePage\" && */}\n \n \n \n \n \n \n \n
\n );\n};\n\nconst mapStateToProps = ({ ContactManagement }) => {\n return {\n currentContactPage: ContactManagement.contactManagement,\n };\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return bindActionCreators(\n {\n updateContactPage: (type) => ({ type: type }),\n updateContactData: (payload) => ({ type: \"CONTACT_VIEW_DATA\", payload })\n },\n dispatch\n );\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(VerticalTabs);\n","import React, { Component } from 'react';\nimport ContentWrapper from \"../../../common/components/contentWrapper\";\nimport SideTab from \"./adminTabComponent\";\n\nclass ActivityLogsPageComponent extends Component {\n constructor(props) {\n super(props);\n this.state = { \n\n }\n }\n componentDidMount(){\n console.log(this.props)\n }\n\n getContentView1() { \n return ( \n \n
\n );\n }\n render(){\n \n return(\n\n \n
\n \n
\n );\n }\n render() {\n\n return (\n \n
\n \n {loading === true ? (\n \n ) : (\n
\n \n );\n}\n\n\nexport default ViewInvoice","import React, { useState, useEffect, useMemo } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { Container, Grid, Typography, Card, FormControlLabel, Checkbox, Button, FormGroup, FormHelperText, TextField } from '@material-ui/core';\nimport AddIcon from '../../../../assests/images/add.png';\nimport XLS from '../../../../assests/images/xls.png';\nimport '../style/style.css';\nimport { toast } from \"react-toastify\";\nimport { bulkuploadMiscWatch } from '../actions/dashboardAction';\nimport RightIcon from '../../../../assests/images/Group 911.svg';\nimport { SpinnerRoundFilled } from 'spinners-react';\nimport constants from '../../../../utils/constants';\nimport MaterialTable from 'material-table';\nimport { Link } from '@material-ui/core';\nimport PubNub from 'pubnub';\nimport { PubNubProvider, usePubNub } from 'pubnub-react';\nimport \"react-step-progress-bar/styles.css\";\nimport { ProgressBar, Step } from \"react-step-progress-bar\";\nimport { InfoIconWithTooltip } from 'icon-with-tooltip';\nimport AccessRestricted from '../../common/components/accessRestricted';\nimport { isActionAllowed, getComponentActionList } from '../../../../common/components/Helper/Utils';\nimport ContentWrapper from '../../../../common/components/contentWrapper';\nimport { Autocomplete } from '@material-ui/lab';\n\nconst steps = [\n {\n status: \"Validating the File\",\n step: 1,\n info: \"Checking the header, file extension and data types of each fields\"\n },\n {\n status: \"Processing Data\",\n step: 2,\n info: \"Collect the Valid data and convert the data into processing format\"\n },\n {\n status: \"Loading Data\",\n step: 3,\n info: \"Creating New Watches into Inventory\"\n },\n {\n status: \"Checking Completeness\",\n step: 4,\n info: \"Inventory Created with Valid Data and Error / Failure File Prepared\"\n }\n];\n\nfunction MiscBucketBulkUploadComponentChild({ props }) {\n const [bulkUploadFile, setBulkUploadFile] = useState(\"\")\n const [bulkUploadCheckBox, setBulkUploadCheckBox] = useState(false)\n const [errorBulkUploadCheckBox, setErrorBulkUploadCheckBox] = useState(\"\")\n const [loading, setLoading] = useState(false)\n const [sampleData, setSampleData] = useState([])\n const [successFeedback, setSuccessFeedback] = useState(false)\n const [inventoryxlid, setInventoryxlid] = useState(null)\n const [statusMessage, setStatusMessage] = useState(\"Processing the File\")\n const [transfer, setTransfer] = useState({ step: 0 })\n const [position, setPosition] = useState(0.1);\n const [accessData, setAccessData] = useState([]);\n const [category, setSelectedCategory] = useState('');\n const [errorModel, setErrorModel] = useState('');\n const categoryList = [\n {\n category: \"WATCH RELATED ACCESSORIES\",\n label: \"WATCH RELATED ACCESSORIES\"\n },\n {\n category: \"APPAREL\",\n label: \"APPAREL\"\n },\n {\n category: \"WATCH PARTS\",\n label: \"WATCH PARTS\"\n },\n {\n category: \"JEWELRY\",\n label: \"JEWELRY\"\n },\n {\n category: \"STONES\",\n label: \"STONES\"\n },\n {\n category: \"STONES\",\n label: \"OTHERS\"\n },\n {\n category: \"HAND BAGS\",\n label: \"HAND BAGS\"\n },\n {\n category: \"WALLETS\",\n label: \"HAND BAGS\"\n },\n {\n category: \"BAG RELATED ACCESSORIES\",\n label: \"HAND BAGS\"\n },\n {\n category: \"SERVICE WATCHES\",\n label: \"SERVICE WATCHES\"\n },\n ]\n\n\n const pubnub = usePubNub();\n\n\n useEffect(() => {\n const accessDataFromObject = getComponentActionList('bulk_upload');\n setAccessData(accessDataFromObject);\n }, [])\n const getStepPosition = (transferStep) => {\n let index = steps.findIndex(({ step }) => step === transferStep) + 1;\n return index / steps.length\n };\n\n const validateInput = () => {\n let errorBulkUploadCheckBox = '';\n let errorCategoy = '';\n let isValid = true;\n\n if (bulkUploadCheckBox === false) {\n errorBulkUploadCheckBox = 'Please Check It';\n isValid = false;\n }\n // if (!category) {\n // errorCategoy = 'Please Select Category';\n // isValid = false;\n // }\n setErrorBulkUploadCheckBox(errorBulkUploadCheckBox)\n // setErrorModel(errorCategoy);\n return isValid;\n };\n\n const bulkUploadFileFun = ({ target }) => {\n const imageFile = target.files[0];\n setBulkUploadFile(imageFile);\n }\n\n const onChangeOfCheckBox = (event) => {\n setBulkUploadCheckBox(event.target.checked)\n if (event.target.checked === true) {\n setErrorBulkUploadCheckBox('')\n } else {\n setErrorBulkUploadCheckBox('Please Check It')\n }\n }\n const handleMessage = (event) => {\n if (event && event.channel && event.channel === `${inventoryxlid}_status`) {\n setStatusMessage(event.message.data);\n if (event.message.step > transfer.step) {\n setTransfer({ step: event.message.step })\n const position = getStepPosition(event.message.step);\n setPosition(position)\n }\n\n }\n if (event && event.channel && event.channel === `${inventoryxlid}_data`) {\n setTransfer({ step: event.message.step })\n const position = getStepPosition(event.message.step);\n setPosition(position)\n if (event.message && event.message.inventoryxlid) {\n const data = event.message;\n let successFeedback = data && data.data.filter(function (el) {\n return el.status === 'Success' && el.watchCount > 0;\n });\n setSuccessFeedback(successFeedback.length > 0)\n setLoading(false);\n setSampleData(data.data);\n }\n }\n };\n\n useEffect(() => {\n pubnub.addListener({ message: handleMessage });\n try {\n if (inventoryxlid) {\n const channels = [`${inventoryxlid}_status`, `${inventoryxlid}_data`]\n pubnub.subscribe({ channels });\n }\n } catch (e) {\n console.log(\"error in pubnub\", e)\n }\n\n // return () => {\n // pubnub.removeListener(handleMessage);\n // pubnub.unsubscribe({\n // channels: [`${inventoryxlid}_status`, `${inventoryxlid}_data`],\n // });\n // };\n\n }, [inventoryxlid, pubnub]);\n\n const onSubmit = () => {\n if (validateInput()) {\n let fd = new FormData();\n fd.set('bulk_xl', bulkUploadFile);\n // fd.set('category', category && category.toLowerCase());\n\n props.bulkuploadMiscWatch(\n fd,\n (success) => {\n toast(success.message, {\n autoClose: 5000,\n type: success.success ? toast.TYPE.SUCCESS : toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n setTransfer({ step: success.success ? 1 : 4 })\n const position = getStepPosition(success.success ? 1 : 4);\n setPosition(position)\n setLoading(success.success ? true : false);\n // if(success.data === null){\n // setLoading(false);\n // }\n if (success.data) {\n setInventoryxlid(success.data?.inventoryxlid)\n pubnub.addListener({ message: handleMessage });\n pubnub.subscribe({ channels: [`${success.data?.inventoryxlid}_status`, `${success.data?.inventoryxlid}_data`] });\n }\n },\n (error) => {\n toast(\"Bulk Upload Failed\", {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n );\n }\n }\n const getContentView = () => {\n return (\n <>\n {isActionAllowed(accessData, 'upload_inventory') ?\n (\n \n
\n ) : (\n <>\n {pdfData ? (\n \n \n {Error}\n \n
\n )}\n \n )}\n \n Misc Watch Bulk Upload \n\n
\n \n ) :\n (\n \n {loading === false && sampleData && sampleData.length === 0 && (\n
)}\n {sampleData && sampleData.length > 0 &&\n \n \n \n \n Download the excel sample file by clicking on the xls icon below before you bulk upload your products \n \n \n \n \n \n \n \n \n \n \n \n
\n )}\n\n {loading === true &&\n (\n \n \n \n \n \n
\n \n \n \n \n\n \n
\n \n \n \n {errorModel}\n \n )} */}\n \n \n \n {errorBulkUploadCheckBox}\n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n
\n {/* \n (option ? option.category : \"\")}\n sx={{ width: 300 }}\n onChange={(event,newValue)=>{\n setSelectedCategory(newValue.category);\n setErrorModel('');\n }}\n renderInput={(params) =>
\n { errorModel && ( \n \n
\n \n \n {steps.map((step, index, arr) => {\n return (\n (\n
\n )}\n />\n );\n })}\n \n \n \n {index + 1}\n
\n \n {steps[index].status}\n
\n \n
\n \n \n {rowData.filePath} }\n ]} />\n \n \n \n \n {successFeedback && (\n \n \n \n \n \n \n\n \n
\n }\n \n
\n )}\n \n \n
\n \n \n Your watches has been added into our database,\n now you can upload the images in My Inventory \n
\n \n \n
\n \n
\n \n ) :\n (\n \n {loading === false && sampleData && sampleData.length === 0 && (\n
)}\n {sampleData && sampleData.length > 0 &&\n \n Misc Product Bulk Upload \n \n \n \n Download the excel sample file by clicking on the xls icon below before you bulk upload your products \n \n \n \n \n \n \n \n \n \n \n \n
\n )}\n\n {loading === true &&\n (\n \n \n \n \n \n
\n \n \n \n \n\n \n
\n \n \n \n {errorModel}\n \n )}\n \n \n \n {errorBulkUploadCheckBox}\n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n
\n \n (option ? option.label : \"\")}\n sx={{ width: 300 }}\n onChange={(event, newValue) => {\n setSelectedCategory(newValue.category);\n setErrorModel('');\n }}\n renderInput={(params) =>
\n {errorModel && (\n \n
\n \n \n {steps.map((step, index, arr) => {\n return (\n (\n
\n )}\n />\n );\n })}\n \n \n \n {index + 1}\n
\n \n {steps[index].status}\n
\n \n
\n \n \n {rowData.filePath} }\n ]} />\n \n \n \n \n {successFeedback && (\n \n \n \n \n \n \n\n \n
\n }\n \n
\n )}\n \n \n
\n \n \n Your watches has been added into our database,\n now you can upload the images in My Inventory \n
\n \n \n
\n \n \n \n {/* \n \n
\n );\n }\n render(){\n return(\n <>{this.getContentView()}\n // \n \n Tell us a little bit about yourself \n \n
*/}\n \n {/* \n \n Already have an account? \n \n Login\n \n \n
*/}\n {/* \n \n With your social network \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n */}\n \n \n
\n \n \n
\n \n \n
\n \n \n {steps.map((label) => (\n \n {label} \n \n ))}\n \n
\n )\n }\n return (\n \n {getStepContent(activeStep)} \n
\n\n\n \n
\n \n {/* {this.state.errorMessage && (\n \n {!this.state.errorMessage && (\n <>\n \n \n {dealerCheck ?\n \n Dealer is not available\n }\n \n \n \n \n \n \n \n \n \n \n \n {/* */}\n\n \n \n \n \n \n {this.state.type}\n \n \n \n \n\n \n {\n e.preventDefault();\n this.SearchInventoryWatchesdetails();\n }}\n >\n \n \n\n \n \n\n \n
\n {this.state.loaded === false ? (\n\n {this.state.inventoryData &&\n this.state.inventoryData.length > 0 &&\n this.state.inventoryxlid !== \"\" && (\n \n \n No Watches Added Here!\n \n \n ) : (\n \"\"\n )}\n {inventoryList && inventoryList.length > 0 ? (\n inventoryList &&\n inventoryList\n .slice(\n this.state.page * this.state.rowsPerPage,\n this.state.page * this.state.rowsPerPage +\n this.state.rowsPerPage\n )\n .map((row) => {\n return (\n \n \n \n \n \n \n {(row.sold_unsold_reason || row.sold_unsold_reason) ? (\n\n
\n \n \n
\n
\n
\n
\n ) } */}\n {this.state.errorMessage}
\n\n
\n
\n
\n : \n \n \n
\n\n\n DEALER INFORMATION
\n\n {/* */}\n\n \n
\n \n \n \n Business Name: {this.state.businessName}\n \n
\n \n
\n - \n {\n this.state.communicationMethod && this.state.communicationMethod.map((item) => {\n\n return (\n
- \n \n\n
\n \n\n \n\n
this.RedirectionChange(item)}>\n \n {item?.value}\n\n \n \n\n\n )\n })\n }\n\n\n
MY DEALER INVENTORY
\n\n \n \n \n Dealer\n \n {\n if (e.target.value !== 'misc_product') {\n this.setState({ dealerName: e.target.value, InventoryCategory: \"\", dealerenable: false });\n } else {\n this.setState({ dealerName: e.target.value });\n }\n //this.SearchInventoryWatchesdetails();\n setTimeout(() => {\n this.SearchInventoryWatchesdetails();\n }, 0);\n }\n }\n label=\"Dealer\"\n value={this.state.dealerName}\n >\n {/* */}\n\n {dealerInfo &&\n dealerInfo?.map((row) => (\n \n ))}\n\n \n \n
\n\n \n \n \n \n Brand\n \n \n \n {brandInfo &&\n brandInfo.map((row) => (\n \n ))}\n \n {/* \n {this.state.modledata\n ? this.state.modledata\n : this.state.removedbrndname}{\" \"}\n */}\n \n
\n \n \n
\n \n \n {this.state.loaded === false ? (\n
\n
\n ) : (\n \n \n (\n \n {rowData.filePath}\n \n ),\n },\n ]}\n />\n \n
\n )}\n {inventoryList &&\n inventoryList.length === 0 &&\n !this.state.loaded ? (\n \n \n {row.voidreason ? (\n \n \n {\n row.status &&\n row.status === \"Void\" ? (\n \n \n ) : (\n <>\n )}\n \n \n \n \n {\n\n (row.type === null) ?\n (\n row?.brandname\n ? row?.brandname + (\n row?.prodattr?.reference\n ? \" - \" + row?.prodattr?.reference + (\n row?.inventoryid ?\n \" - \" + row.inventoryid : \"\"\n )\n : \"\"\n )\n : \"\" + (\n row?.prodattr?.reference\n ? row?.prodattr?.reference + (\n row?.inventoryid\n ? \" - \" + row?.inventoryid\n : \"\" + (\n row?.inventoryid\n ? row?.inventoryid\n : \"\"\n )\n )\n : row?.inventoryid\n )\n )\n : row?.prodattr?.brand_name\n ? row?.prodattr?.brand_name + (\n row?.prodattr?.model_number\n ? \" - \" + row?.prodattr?.model_number + (\n row?.inventoryid ?\n \" - \" + row.inventoryid : \"\"\n )\n : \"\"\n )\n : \"\" + (\n row?.prodattr?.model_number\n ? row?.prodattr?.model_number + (\n row?.inventoryid\n ? \" - \" + row?.inventoryid\n : \"\" + (\n row?.inventoryid\n ? row?.inventoryid\n : \"\"\n )\n )\n : row?.inventoryid\n )\n\n }\n \n \n
\n \n \n )}\n {row?.reference && (\n <>\n
\n \n )}\n
\n
\n
\n {this.status?.settingTargetWholeSalePrice && row.targetwholesaleprice && (\n <>\n
\n \n )}\n {this.status?.settingEndCustomerPricing && row.retailprice && (\n <>\n
\n \n )}\n {row.note && (\n <>\n
\n \n )}\n {this.status?.settingInventoryStatus && (\n
\n
\n
\n {this.status?.settingInventoryStatus && (\n
\n \n \n\n
\n )\n }\n}\n\nfunction mapStateToProps(state) {\n const { auth, browseWatchesInfo, dealer } =\n state;\n return {\n currentUser: auth.currentUser,\n brandInfo: browseWatchesInfo.brandInfo,\n dealerInfo: dealer.dealerInfo\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n fetchInventoryWatches,\n filterBySearch,\n brandList,\n DealerList,\n inventoryDetailById,\n fetchInventoryExcelList,\n SearchInventoryWatches,\n },\n dispatch\n );\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(PrivateDealerInventory);\n","export default __webpack_public_path__ + \"static/media/whatsapp-icon.cda991de.svg\";","export default __webpack_public_path__ + \"static/media/call-icon.0cdfc81b.svg\";","export default __webpack_public_path__ + \"static/media/imessage-icon.3118d776.svg\";","export default __webpack_public_path__ + \"static/media/facebook-icon.12fd3a81.svg\";","export default __webpack_public_path__ + \"static/media/telegram-icon.978e2ff2.svg\";","import axios from \"axios\";\nimport constants from \"../../../../utils/constants\";\nimport { getToken } from \"../../../../utils/Authentication\";\n\nexport async function getDealerInventoryDetailsAPI(data, callback) {\n const headers = {\n Authorization: `Bearer ${getToken() || \"\"}`,\n \"Content-Type\": \"application/json\",\n };\n const config = {\n method: \"post\",\n url: constants.BASE_URL + `dealerinventory/inventory`,\n headers: headers,\n data: data, //payload\n };\n return axios(config)\n .then((response) => {\n if (\n response &&\n response.data &&\n response.data.success === 0 &&\n response.data.logout === true\n ) {\n localStorage.removeItem(\"token\");\n window.sessionStorage.removeItem(\"userDetails\");\n localStorage.removeItem(\"UserBusinessDetails\");\n window.location.href = \"/login\";\n } else {\n return callback(null, response.data);\n }\n })\n .catch((error) => {\n return callback(error, null);\n });\n}\n\nexport async function getDealerGroupInventoryAPI(data, callback) {\n const headers = {\n Authorization: `Bearer ${getToken() || \"\"}`,\n \"Content-Type\": \"application/json\",\n };\n const config = {\n method: \"post\",\n url: constants.BASE_URL + `dealerinventory/groupingdealer`,\n headers: headers,\n data: data, //payload\n };\n return axios(config)\n .then((response) => {\n if (\n response &&\n response.data &&\n response.data.success === 0 &&\n response.data.logout === true\n ) {\n localStorage.removeItem(\"token\");\n window.sessionStorage.removeItem(\"userDetails\");\n localStorage.removeItem(\"UserBusinessDetails\");\n window.location.href = \"/login\";\n } else {\n return callback(null, response.data);\n }\n })\n .catch((error) => {\n return callback(error, null);\n });\n}\nexport async function getDealerSingleMiscAPI(data, callback) {\n const headers = {\n Authorization: `Bearer ${getToken() || \"\"}`,\n \"Content-Type\": \"application/json\",\n };\n const config = {\n method: \"post\",\n url: constants.BASE_URL + `dealerinventory/inventory`,\n headers: headers,\n data: data, //payload\n };\n return axios(config)\n .then((response) => {\n if (\n response &&\n response.data &&\n response.data.success === 0 &&\n response.data.logout === true\n ) {\n localStorage.removeItem(\"token\");\n window.sessionStorage.removeItem(\"userDetails\");\n localStorage.removeItem(\"UserBusinessDetails\");\n window.location.href = \"/login\";\n } else {\n return callback(null, response.data);\n }\n })\n .catch((error) => {\n return callback(error, null);\n });\n}\n\n\nexport async function getDealerFilterDetails(data, callback) {\n const headers = {\n Authorization: `Bearer ${getToken() || \"\"}`,\n \"Content-Type\": \"application/json\",\n };\n const config = {\n method: \"post\",\n url: constants.BASE_URL + `dealerfilter/list`,\n headers: headers,\n data: data, //payload\n };\n return axios(config)\n .then((response) => {\n if (\n response &&\n response.data &&\n response.data.success === 0 &&\n response.data.logout === true\n ) {\n localStorage.removeItem(\"token\");\n window.sessionStorage.removeItem(\"userDetails\");\n localStorage.removeItem(\"UserBusinessDetails\");\n window.location.href = \"/login\";\n } else {\n return callback(null, response.data);\n }\n })\n .catch((error) => {\n return callback(error, null);\n });\n}\n\nexport async function saveFilterDetails(data, callback) {\n const headers = {\n Authorization: `Bearer ${getToken() || \"\"}`,\n \"Content-Type\": \"application/json\",\n };\n const config = {\n method: \"post\",\n url: constants.BASE_URL + `dealerfilter/create`,\n headers: headers,\n data: data, //payload\n };\n return axios(config)\n .then((response) => {\n if (\n response &&\n response.data &&\n response.data.success === 0 &&\n response.data.logout === true\n ) {\n localStorage.removeItem(\"token\");\n window.sessionStorage.removeItem(\"userDetails\");\n localStorage.removeItem(\"UserBusinessDetails\");\n window.location.href = \"/login\";\n } else {\n return callback(null, response.data);\n }\n })\n .catch((error) => {\n return callback(error, null);\n });\n}\n\nexport async function deleteFilterDetails(data, callback) {\n const headers = {\n Authorization: `Bearer ${getToken() || \"\"}`,\n \"Content-Type\": \"application/json\",\n };\n const config = {\n method: \"post\",\n url: constants.BASE_URL + `dealerfilter/delete`,\n headers: headers,\n data: data, //payload\n };\n return axios(config)\n .then((response) => {\n if (\n response &&\n response.data &&\n response.data.success === 0 &&\n response.data.logout === true\n ) {\n localStorage.removeItem(\"token\");\n window.sessionStorage.removeItem(\"userDetails\");\n localStorage.removeItem(\"UserBusinessDetails\");\n window.location.href = \"/login\";\n } else {\n return callback(null, response.data);\n }\n })\n .catch((error) => {\n return callback(error, null);\n });\n}\n\nexport async function getinventryDetailsByID(id, callback) {\n const headers = {\n 'Content-Type': 'application/json'\n };\n var config = {\n method: 'get',\n url: constants.BASE_URL + `inventories/` + id,\n headers: headers,\n };\n return axios(config)\n .then((response) => {\n return callback(null, response.data);\n }).catch((error) => {\n return callback(error, null);\n })\n}\n\nexport async function communicationActivityLog(data, callback) {\n const headers = {\n Authorization: `Bearer ${getToken() || \"\"}`,\n \"Content-Type\": \"application/json\",\n };\n const config = {\n method: \"post\",\n url: constants.BASE_URL + `dealerinventory/communications`,\n headers: headers,\n data: data, //payload\n };\n return axios(config)\n .then((response) => {\n if (\n response &&\n response.data &&\n response.data.success === 0 &&\n response.data.logout === true\n ) {\n localStorage.removeItem(\"token\");\n window.sessionStorage.removeItem(\"userDetails\");\n localStorage.removeItem(\"UserBusinessDetails\");\n window.location.href = \"/login\";\n } else {\n return callback(null, response.data);\n }\n })\n .catch((error) => {\n return callback(error, null);\n });\n}","import React, { useRef, useState } from \"react\";\nimport { Typography, Card, Link } from \"@material-ui/core\";\nimport { makeStyles } from '@material-ui/core/styles';\nimport imageNotAvailable from \"../../../../assests/images/img-soon.png\";\nimport {\n Stack,\n Grid,\n} from \"@mui/material\";\nimport phone from '../../../../assests/images/call-icon.svg';\nimport Imessage from '../../../../assests/images/imessage-icon.svg';\nimport whatsappIcon from '../../../../assests/images/whatsapp-icon.svg';\nimport FacebookIcon from '../../../../assests/images/facebook-icon.svg';\nimport Telegram from '../../../../assests/images/telegram-icon.svg';\nimport LaunchIcon from '@material-ui/icons/Launch';\nimport { isMobile } from \"react-device-detect\";\nimport { useHistory } from 'react-router-dom';\nimport constants from \"../../../../utils/constants\";\nimport html2canvas from 'html2canvas';\nimport { toast } from \"react-toastify\";\nimport { communicationActivityLog } from \"../actions/dealerInventoryaction\";\nimport { formatDate } from \"../../../../common/components/Helper/Utils\";\nimport VideoPlayer from \"simple-react-video-thumbnail\";\n\nconst useStyles = makeStyles({\n icon: {\n fontSize: '19px !important',\n },\n});\n\nconst InventoryStatusLookup = {\n 1: \"Inhand\",\n 2: \"Incoming\",\n 3: \"Out on Memo\",\n 4: \"On Hold / Reserved\",\n 5: \"Available to Order\",\n 6: \"Needs Service / Polish\",\n 7: \"At Service\",\n 8: \"Need to Ship\",\n 9: \"Shipped waiting on payment\",\n 10: \"Sold & Cashed Out\",\n 11: \"Intake Complete\",\n};\n\nconst DealerDetailedCardView = ({ item, handleInventoryView }) => {\n const classes = useStyles();\n const history = useHistory();\n const userData = sessionStorage.getItem(\"userDetails\") ? JSON.parse(sessionStorage.getItem(\"userDetails\")) : null;\n const [loader, setloader] = useState(false);\n const communicationLogo = {\n // phone: phone,\n // imessage: Imessage,\n whatsapp: whatsappIcon,\n // facebook: FacebookIcon,\n // telegram: Telegram\n }\n const captureRef = useRef();\n\n const toBase64 = (file) => new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.readAsDataURL(file);\n reader.onload = () => resolve(reader.result);\n reader.onerror = (error) => reject(error);\n });\n\n const getImageBase64 = async (imageUrl) => {\n try {\n const response = await fetch(imageUrl, {\n method: 'GET',\n headers: {\n 'Content-Type': 'image/png', // Ensure the correct Content-Type is set\n 'Cache-Control': 'no-cache', // Example of setting a Cache-Control header\n 'Access-Control-Allow-Origin': '*', // Example of an additional CORS header\n },\n mode: 'cors', // Ensure CORS mode is enabled\n });\n if (!response.ok) {\n throw new Error(`Failed to fetch image: ${response.statusText}`);\n }\n const blob = await response.blob();\n const base64 = await toBase64(blob);\n return base64;\n } catch (error) {\n console.error('Error converting image to Base64:', error);\n }\n };\n\n const handleCaptureAndCopy = async () => {\n setloader(true);\n await getImageBase64(captureRef.current.src).then(base64 => {\n captureRef.current.src = base64\n });\n if (captureRef.current) {\n try {\n // Ensure the element is fully rendered\n await new Promise((resolve) => setTimeout(resolve, 200));\n // Capture the DOM element as a canvas with additional options\n const canvas = await html2canvas(captureRef.current, {\n useCORS: true,\n scale: window.devicePixelRatio,\n logging: true,\n });\n // Convert the canvas to a Blob\n canvas.toBlob(async (blob) => {\n if (blob) {\n try {\n if (!document.hasFocus()) {\n window.focus();\n }\n if (typeof ClipboardItem === 'undefined') {\n window.ClipboardItem = function (items) {\n return items;\n };\n }\n if (!navigator.clipboard) {\n console.log('Clipboard API not available');\n throw new Error('Clipboard API not available');\n }\n // Write the Blob to the clipboard\n await navigator.clipboard.write([\n new window.ClipboardItem({ 'image/png': blob })\n ]);\n } catch (error) {\n console.error('Failed to copy:', error);\n }\n }\n });\n } catch (error) {\n console.error('Failed to capture:', error);\n }\n }\n setloader(false);\n };\n\n const handleActivityLogCommunication = (item, type) => {\n const { dealerfeeddetails, inventoryid } = item ?? {};\n const { dealer } = dealerfeeddetails ?? {};\n const { accountid = null } = dealer?.[0] ?? [];\n let payload = {\n accountid: userData?.accountId ?? null,\n userid: userData?.userId ?? null,\n inventoryid: inventoryid ?? null,\n communication_type: type,\n from_source: \"Portal\",\n dealercontacted_accountid: accountid,\n }\n communicationActivityLog(payload, (err, response) => {\n if (response?.data) {\n // Do something\n }\n if (err) {\n console.log(\"ERROR\", err);\n }\n });\n };\n\n const redirectSocialMedia = async (item, data) => {\n const {\n type = \"\",\n brandname = \"\",\n prodattr,\n technical_details,\n condition = \"\",\n inventoryid = \"\",\n total_cost = 0,\n category: category_value = \"\",\n countrycode = constants.COUNTRY_CODE\n } = data ?? {};\n const { dialcolor } = prodattr ?? {};\n const { product_title = \"\", category = \"\" } = technical_details ?? {};\n\n const standardWatchDetails =\n `Inventory ID: ${inventoryid}\nBrand: ${brandname}\nDial Color: ${dialcolor}\nCondition: ${condition === 4 ? 'New' : 'Pre-owned'}`;\n\n const miscProductDetails =\n `Inventory ID: ${inventoryid}\nProduct Name: ${product_title}\nCategory: ${category ?? category_value}\nCondition: ${condition === 4 ? 'New' : 'Pre-owned'}`;\n\n const phoneNumber = item.value;\n // const imageUrl = data?.imagepaths ?\n // (data?.imagepaths?.front || data?.imagepaths?.back || data?.imagepaths?.left || data?.imagepaths?.right || data?.imagepaths?.free_form || data?.imagepaths?.buckle_opened || data?.imagepaths?.buckle_closed || data?.imagepaths?.wrist_shot)\n // : (data?.product_imagepaths ? data?.product_imagepaths?.images?.[0] : null);\n let baseURL = constants.SHARE_INVENTORY;\n let url = `${baseURL}dealerinventory/inventory-view/${inventoryid}`\n const name = data?.businessname;\n let message;\n if (type === \"misc_product\") {\n message = `${url ? `${url}\\n\\n` : ''}Hi ${name},\\n\\nI am interested in purchasing the item below, so please provide me with more details.\\n\\n${miscProductDetails}`\n } else {\n message = `${url ? `${url}\\n\\n` : ''}Hi ${name},\\n\\nI am interested in purchasing the item below, so please provide me with more details.\\n\\n${standardWatchDetails}`\n }\n\n if (item.mode == 'whatsapp') {\n handleActivityLogCommunication(data, \"Whatsapp Web\");\n if (isMobile) {\n const whatsappUrl = `https://wa.me/${phoneNumber}?text=${encodeURIComponent(message)}`;\n window.open(whatsappUrl, '_blank');\n }\n else {\n await handleCaptureAndCopy();\n toast(\"Image copied to clipboard. Paste it in WhatsApp chat if needed.\", {\n autoClose: 3000, // 3 seconds\n type: toast.TYPE.SUCCESS,\n position: toast.POSITION.TOP_CENTER,\n });\n\n setTimeout(() => {\n const whatsappWebUrl = `https://web.whatsapp.com/send?phone=${phoneNumber}&text=${encodeURIComponent(message)}`;\n window.open(whatsappWebUrl, '_blank');\n }, 2000); // Delay of 2 seconds\n }\n }\n else if (item.mode == 'telegram') {\n handleActivityLogCommunication(data, \"Telegram Web\");\n if (isMobile) {\n const telegramUrl = `tg://msg?to=${phoneNumber}&text=${encodeURIComponent(message)}`;\n window.open(telegramUrl, '_blank');\n }\n else {\n const telegramUrl = `https://t.me/${countrycode}${phoneNumber}?text=${message.replace(/\\n/g, '%0A')}`;\n window.open(telegramUrl, '_blank');\n }\n }\n }\n\n const imageDestructure = (path) => {\n // if (path.type === 'misc_watch' || path.type === 'misc_product') {\n // const image = path.imagepaths ? path.imagepaths : null\n // return image ? (image.front || image.back || image.left || image.right || image.free_form || image.buckle_opened || image.buckle_closed || image.wrist_shot) : null;\n // }\n // else if (path.type === 'standard_watch' || path.type == null) {\n const { front, back, left, right, free_form, buckle_opened, buckle_closed, wrist_shot } = path?.imagepaths ?? {};\n const image = front ?? back ?? left ?? right ?? free_form ?? buckle_opened ?? buckle_closed ?? wrist_shot;\n return image;\n // }\n }\n\n const handleNextPage = (data) => {\n // history.push(`/dealerfeed/${data?.businessname ? data?.businessname?.replace(/\\s/g, '') : \"\"}`);\n const nextPageUrl = `/dealerfeed/${data?.businessname ? data?.businessname?.replace(/[\\s.]/g, '') : \"\"}`;\n window.open(nextPageUrl, '_blank');\n }\n\n const {\n type,\n brandname,\n prodattr,\n technical_details,\n condition,\n dealerfeeddetails,\n targetwholesaleprice,\n targetendcustomerprice,\n public_dealer_note,\n inventory_status,\n inventory_title,\n inventory_date,\n inventoryid,\n modification_deatils,\n warrantybox,\n warrantypaper,\n warrantydate,\n product_imagepaths,\n businessname,\n total_cost,\n createdon,\n category: category_value\n } = item ?? {};\n const { images } = product_imagepaths ?? {};\n const { reference, dialcolor } = prodattr ?? {};\n const { brand_name, product_title, category, dial_color } = technical_details ?? {};\n const { dealer } = dealerfeeddetails ?? {};\n const {\n wholesale_price,\n inventory_status: inventory_status_enabled,\n endcustomer_price,\n isdealerfeed_enabled,\n } = dealer?.[0] ?? [];\n\n const imageSrc = imageDestructure(item);\n const videoSource = item?.imagepaths?.video;\n return (\n <>\n \n {item.dealerfeeddetails?.dealer[0]?.communication?.communication.map(communicationChannel => {\n if (communicationChannel?.mode !== \"facebook\") {\n return (\n redirectSocialMedia(communicationChannel, item)} />\n )\n }\n })}\n
\n }\n \n \n
\n
\n \n \n \n \n \n \n \n \n {filterTitle && (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {\n e.preventDefault();\n }}\n >\n \n \n {\n e.preventDefault();\n }}\n >\n \n {dealerFilter.type == 'misc_watch' || dealerFilter.type == 'misc_product' ?\n\n \n {\n e.preventDefault();\n }}\n >\n \n\n : null}\n\n \n \n \n \n \n {/* {dealerFilter.type == 'misc_watch' || dealerFilter.type == 'misc_product' ?\n \n \n Show Multiples of Same Items \n \n : \n Sort by \n handleChangeOfFields('newestFirst')}>Newest First \n handleChangeOfFields('lowToHigh')}>Price - Low to High \n handleChangeOfFields('highToLow')}>Price - High to Low \n \n \n
\n \n {loader ? (\n DEALER INVENTORY
\n \n Filter Name - {filterTitle}\n \n \n \n
\n )}\n : \n \n \n \n Type\n \n \n \n \n \n \n \n
\n \n \n \n Brand\n \n \n \n {brandInfo &&\n brandInfo.map((row) => (\n \n )\n )}\n \n */}\n (option.sortby !== null ? 'sorted' : 'unsorted')}\n renderGroup={(params) => (\n \n {params.group === 'unsorted' && \n )}\n renderOption={(option, { selected }) => (\n \n \n )}\n getOptionLabel={(option) => option.brandname}\n getOptionSelected={getOptionSelected}\n value={dealerFilter.brand}\n onChange={handleAutoComplete}\n renderInput={(params) => (\n
\n \n setDealerFilter({ ...dealerFilter, inventoryStatus: '' })}\n style={{ float: \"right\" }}\n >\n \n \n Inventory Status\n \n \n \n \n \n \n \n \n
\n \n \n \n \n Condition\n \n \n \n \n \n\n \n \n
\n \n \n setdialColor(e.target.value)}\n onKeyPress={handleEnterEvent}\n value={dialColor}\n endAdornment={dialColorAdornment()}\n />\n \n
\n \n \n \n setmodelkey(e.target.value)}\n onKeyPress={handleEnterEvent}\n value={modelkey}\n endAdornment={endAdornment()}\n />\n \n
\n \n \n \n { setBusinessName(e.target.value) }}\n onKeyPress={handleEnterEvent}\n value={businessName}\n endAdornment={dealernameAdornment()}\n />\n \n
\n \n \n
\n ) : (\n \n
\n }\n >\n \n
\n Loading....
\n Are you sure you want to Delete?
\n \n \n \n \n \n ›}\n >\n \n Dealer Inventory\n \n\n \n {payloadData?.type == 'standard_watch' ? payloadData?.model_no : payloadData?.business_name}\n \n \n \n \n {payloadData?.type == 'standard_watch' ?\n \n \n \n \n setBuisnessName(e.target.value)}\n onKeyPress={handleEnterEvent}\n endAdornment={DealerAdornment()}\n />\n \n
\n \n {/* \n
\n )\n :\n (\n \n \n \n \n ›}\n >\n \n Dealer Inventory\n \n\n {\n let payloadData = {\n brand: payloadformat?.brand,\n // key: payloadformat?.key,\n dial_color: payloadformat?.dialColor,\n inventory_status: payloadformat.inventory_status,\n type: payloadformat.type,\n productid: payloadformat?.productid ?? null,\n model_no: model ?? \"\",\n };\n history.push(`/dealerinventory/view`, { payloadData });\n }}\n // to={{\n // pathname: \"/dealerInventory/view\",\n // }}\n >\n {payloadData?.model_no ?? \"NA\"}\n \n \n {payloadData?.BusinessName ?? \"\"}\n \n \n \n \n {/* \n \n \n Sort by\n \n handleSortChange(\"newestFirst\")}\n style={getOptionStyles(\"newestFirst\")}\n >\n Newest First\n \n handleSortChange(\"lowToHigh\")}\n style={getOptionStyles(\"lowToHigh\")}\n >\n Price - Low to High\n \n handleSortChange(\"highToLow\")}\n style={getOptionStyles(\"highToLow\")}\n >\n Price - High to Low\n \n \n \n \n {dealerList && dealerList.length > 0 ? (\n dealerList.map((item) => {\n return \n {\" \"}\n \n \n No Records Found\n \n \n \n )}\n \n )}\n \n {dealerList?.length > 0 &&\n \n
\n );\n };\n return \n
\n )\n :\n (\n \n \n \n {data && (\n \n \n {payloadData?.type === null ||\n payloadData?.type === \"standard_watch\" ? (\n ›}\n >\n \n Dealer Inventory\n \n {\n history.push(`/dealerinventory/view`, {\n payloadData,\n });\n }}\n >\n {payloadData?.model_no || \"NA\"}\n \n {\n history.push(`/dealerinventory/info`, {\n payloadData,\n });\n }}\n >\n {payloadData?.BusinessName || \"\"}\n \n \n {inventoryid || \"NA\"}\n \n \n ) : (\n ›}\n >\n \n Dealer Inventory\n \n {\n history.push(`/dealerinventory/view`, {\n payloadData,\n });\n }}\n >\n {payloadData?.BusinessName || \"\"}\n \n \n {inventoryid || \"NA\"}\n \n \n )}\n \n \n )}\n {isBreadCrumb ?\n \n \n ›}\n >\n history.go(-1)}\n >\n My Dealer Inventory\n \n \n {inventoryid || \"NA\"}\n \n \n \n : null}\n {!data && !isBreadCrumb && (\n \n \n Inventory Product Details\n \n \n )}\n \n \n \n \n \n \n \n \n \n \n \n \n Warranty Date\n \n \n \n \n \n {/* {warrantydate\n ? moment(warrantydate).format(\"MM/DD/YYYY\")\n : \"No\"} */}\n {warrantydate\n ? formatDate(warrantydate, \"MM/DD/YYYY\")\n : \"---\"}\n \n \n \n \n
\n )}\n {type !== \"misc_product\" && (archive || archive == 1) && (\n \n {multiple_images ? (\n imagepaths &&\n (front ||\n back ||\n left ||\n right ||\n free_form ||\n buckle_opened ||\n buckle_closed ||\n wrist_shot ||\n video) ? (\n \n {front && (\n \n ) : (\n
\n \n
\n )}\n {left && (\n \n
\n )}\n {right && (\n \n
\n )}\n {back && (\n \n
\n )}\n {buckle_closed && (\n \n
\n )}\n {buckle_opened && (\n \n
\n )}\n {free_form && (\n \n
\n )}\n {wrist_shot && (\n \n
\n )}\n {video && (\n \n
\n )\n ) : (\n \n {front ||\n back ||\n left ||\n right ||\n free_form ||\n buckle_opened ||\n buckle_closed ||\n wrist_shot ? (\n
\n )}\n \n \n Product Specifications\n \n
\n {/* \n \n \n \n List Price\n \n \n \n \n \n \n $\n {retailAmount && retailAmount.slice(0, 8)\n ? retailAmount && retailAmount.slice(0, 8)\n : \" List Price Not Available\"}\n \n \n \n \n \n
*/}\n {(type === \"misc_watch\" || type === \"misc_product\") && (\n \n \n \n \n Product Name\n \n \n \n \n {product_name || \"---\"}\n \n \n \n
\n )}\n {type === \"misc_product\" && (\n <>\n \n \n \n \n Product Category\n \n \n \n \n {category || \"---\"}\n \n \n \n
\n \n \n \n \n Description\n \n \n \n \n {description || \"---\"}\n \n \n \n
\n \n )}\n {type !== \"misc_product\" && (\n \n \n \n \n Brand Name\n \n \n \n \n {brandname || brand_name || \"---\"}\n \n \n \n
\n )}\n \n \n \n \n Model Number\n \n \n \n \n {reference || model_number || \"---\"}\n \n \n \n
\n {(type === null || type === \"standard_watch\") && (\n \n \n \n \n Model Name\n \n \n \n \n {model || \"---\"}\n \n \n \n
\n )}\n {type !== \"misc_product\" && (\n <>\n \n \n \n \n Case Material\n \n \n \n \n {casematerial || case_material || \"---\"}\n \n \n \n
\n \n \n \n \n Dial Color\n \n \n \n \n {dialcolor || dial_color || \"---\"}\n \n \n \n
\n \n \n \n \n Band Type\n \n \n \n \n {bandtype || \"---\"}\n \n \n \n
\n \n \n \n \n Band Material\n \n \n \n \n {bandmaterial || band_material || \"---\"}\n \n \n \n
\n \n )}\n {(type === null || type === \"standard_watch\") && (\n <>\n \n \n \n \n Caliber\n \n \n \n \n {caliber || \"---\"}\n \n \n \n
\n \n \n \n \n Water Resistent\n \n \n \n \n {waterresistant || \"---\"}\n \n \n \n
\n \n )}\n \n \n Inventory Details\n \n
\n {type !== \"misc_product\" && (\n \n \n \n \n Inventory Title\n \n \n \n \n {inventory_title || product_title || \"---\"}\n \n \n \n
\n )}\n {/* \n \n \n \n Serial Number\n \n \n \n \n {serialno || \"---\"}\n \n \n \n
*/}\n \n \n \n \n Inventory ID\n \n \n \n \n {inventoryid || \"---\"}\n \n \n \n
\n {inventory_status_enabled && (\n \n \n \n \n Inventory Status\n \n \n \n \n \n {InventoryStatusLookup[inventory_status] || \"---\"}\n \n \n \n \n
\n )}\n {/* \n \n \n \n Quantity\n \n \n \n \n {quantity || \"---\"}\n \n \n \n
*/}\n {/* \n \n \n \n Inventory Type\n \n \n \n {memodetails ? memodetails : \"---\"}\n )\n : inventorytype === \"3\" && (\n \n {partnershipdetais\n ? partnershipdetais\n : \"---\"}\n \n )\n }\n >\n \n \n {inventorytype === \"1\"\n ? \"Regular Inventory\"\n : inventorytype === \"2\"\n ? \"Memo Inventory\"\n : inventorytype === \"3\"\n ? \"Partnership Inventory\"\n : \"---\"}\n \n \n \n \n \n
*/}\n {/* {isActionAllowed(viewData, \"purchase_from\") && (\n \n \n \n \n Purchase From\n \n \n \n \n {purchasefrom || \"---\"}\n \n \n \n
\n )}\n {isActionAllowed(viewData, \"purchase_price\") && (\n \n \n \n \n Purchase Price\n \n \n \n \n $ {purchaseprice || \"---\"}\n \n \n \n
\n )}\n \n \n \n \n Purchase Payment Status\n \n \n \n \n {purchase_invoice_paid ? \"Paid\" : \"Not Paid\"}\n \n \n \n
\n {data?.purchase_invoice_paid ? (\n \n \n \n \n Purchase Payment Date\n \n \n \n \n \n {purchase_payment_date\n ? moment(purchase_payment_date).format(\n \"MM/DD/YYYY\"\n )\n : \"---\"}\n \n \n \n \n
\n ) : (\n \n \n \n \n Purchase Payment Due Date\n \n \n \n \n \n {purchase_payment_duedate\n ? moment(purchase_payment_duedate).format(\n \"MM/DD/YYYY\"\n )\n : \"---\"}\n \n \n \n \n
\n )}\n \n \n \n \n Purchase Payment Details\n \n \n \n \n \n {purchase_payment_details\n ? purchase_payment_details\n : \"---\"}\n \n \n \n \n
*/}\n {/* \n \n \n \n Date Added\n \n \n \n \n \n {createdon\n ? moment(createdon).format(\"MM/DD/YYYY\")\n : \"---\"}\n \n \n \n \n
*/}\n {wholesaleprice_enabled && (\n \n \n \n \n Target Wholesale Price\n \n \n \n \n {wholesaleprice ? `$ ${wholesaleprice}` : \"---\"}\n \n \n \n
\n )}\n {enccustomerprice && (\n <>\n \n \n \n \n Target End Customer Price\n \n \n \n \n {retailprice ? `$ ${retailprice}` : \"---\"}\n \n \n \n
\n \n \n \n \n Target End Customer Wire Price\n \n \n \n \n {retailwireprice ? `$ ${retailwireprice}` : \"---\"}\n \n \n \n
\n \n )}\n \n \n \n \n Public Dealer Note\n \n \n \n \n {public_dealer_note || \"---\"}\n \n \n \n
\n \n \n \n \n Condition\n \n \n \n {type !== \"misc_product\" && (\n <>\n \n \n {condition === 4\n ? \"New\"\n : condition === 3\n ? \"Retail Ready\"\n : condition === 2\n ? \"Mint\"\n : \"Pre-owned\"}\n \n \n \n )}\n {type === \"misc_product\" && (\n <>\n \n \n {condition === 1\n ? \"New\"\n : condition === 2\n ? \"Used\"\n : \"New\"}\n \n \n \n )}\n \n \n
\n {type !== \"misc_product\" && (\n <>\n \n \n \n \n Box\n \n \n \n \n {warrantybox === \"1\" ? \"Yes\" : \"No\"}\n \n \n \n
\n \n \n \n \n Papers\n \n \n \n \n \n
\n {type !== \"misc_product\" && (warrantypaper || warrantypaper == 1) && (\n \n \n \n {warrantypaper == 1 && archive == 1 && is_service\n ? \"Warranty, Archive and Service Card/Paper\"\n : warrantypaper == \"1\" && archive == 1\n ? \"Warranty and Archive\"\n : warrantypaper == \"1\" && is_service\n ? \"Warranty and Service Card/Paper\"\n : archive == 1 && is_service\n ? \"Archive and Service Card/Paper\"\n : warrantypaper == \"1\"\n ? \"Warranty\"\n : archive == 1\n ? \"Archive\"\n : is_service\n ? \"Service Card/Paper\"\n : \"---\"}\n \n \n
\n \n \n Inventory Details\n \n
\n {inventory_status_enabled && (\n \n \n \n \n Inventory Status\n \n \n \n \n \n {InventoryStatusLookup[inventory_status] ||\n \"---\"}\n \n \n \n \n
\n )}\n \n \n \n \n Total Cost\n \n \n \n \n {total_cost || \"---\"}\n \n \n \n
\n \n \n \n \n Public Dealer Note\n \n \n \n \n {public_dealer_note || \"---\"}\n \n \n \n
\n \n \n \n \n Private Dealer Note\n \n \n \n \n {note || \"---\"}\n \n \n \n
\n {type !== \"misc_product\" && (\n <>\n \n \n \n \n Inventory Location\n \n \n \n \n {inventory_location || \"---\"}\n \n \n \n
\n \n \n \n \n Modified\n \n \n \n \n {modification_deatils\n ? modification_deatils\n : \"---\"}\n \n )\n }\n >\n \n {ismodified === true ? \"Yes\" : \"No\"}\n \n \n \n \n
\n \n )}\n */}\n \n \n \n \n \n \n );\n };\n return \n {loading === false && sampleData && sampleData.length === 0 && (\n \n \n \n \n \n
\n \n \n \n \n )}\n {loading === true && (\n \n \n \n \n \n \n Download the excel sample file by clicking on the\n xls icon below before you bulk upload your contacts\n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n \n \n {errorBulkUploadCheckBox}\n \n \n \n \n \n Upload\n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n \n \n \n \n {steps.map((step, index, arr) => {\n return (\n (\n \n {steps[index].status}\n
\n \n )}\n />\n );\n })}\n \n \n \n \n {index + 1}\n
\n \n
\n \n )}\n {sampleData && sampleData.length > 0 && (\n \n \n (\n \n {rowData.filePath}\n \n ),\n },\n ]}\n />\n \n \n \n \n {successFeedback && (\n \n \n \n \n \n \n \n
\n )}\n \n {/* ) : (\n \n
\n )}\n \n \n
\n \n \n Your contacts has been added into our database.\n \n
\n \n window.location.href='/contactmanagement'}\n >\n GO TO CONTACT MANAGEMENT\n \n
\n \n {loading === false && sampleData && sampleData.length === 0 && (\n \n \n \n \n \n
\n \n \n \n \n )}\n {loading === true && (\n \n \n \n \n \n \n Download the excel sample file by clicking on the\n xls icon below before you bulk upload your contacts\n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n \n \n {errorBulkUploadCheckBox}\n \n \n \n \n \n Upload\n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n \n \n \n \n {steps.map((step, index, arr) => {\n return (\n (\n \n {steps[index].status}\n
\n \n )}\n />\n );\n })}\n \n \n \n \n {index + 1}\n
\n \n
\n \n )}\n {sampleData && sampleData.length > 0 && (\n \n \n (\n \n {rowData.filePath}\n \n ),\n },\n ]}\n />\n \n \n \n \n {successFeedback && (\n \n \n \n \n \n \n \n
\n )}\n \n {/* ) : (\n \n
\n )}\n \n \n
\n \n \n Your contacts has been added into our database.\n \n
\n \n window.location.href='/contactmanagement'}\n >\n GO TO CONTACT MANAGEMENT\n \n
\n {message}
\n \n \n { handleChange(e) }}\n />\n {error && {errorMsg} }\n \n
\n \n
\n
:\n \n }\n \n
\n // Sorry, can’t find this page
\n\n
\n Invitation Expired
\nThis invitation link has expired. Please request a new link from administrator or login.
\n\n \n \n \n \n
\n )}\n \n );\n }\n render(){\n return(\n \n Change Password\n \n
\n \n \n To change your account password, please fill in
the fields below\n \n
\n \n \n the fields below\n
\n {this.state.errorMessage && (\n \n {!this.state.errorMessage && (\n <>\n \n \n \n \n \n \n \n \n \n \n {this.state.loaded === true ? # of Items : {this.state.inventoryData.length ?? 0} : ''}\n \n \n {!this.tokenValue ? \n {/* */}\n\n \n \n \n \n \n \n \n {this.state.type}\n */}\n \n \n \n \n \n \n {\n e.preventDefault();\n this.SearchInventoryWatchesdetails();\n }}\n >\n \n \n \n \n\n : ''}\n
\n {this.state.loaded === false ? (\n\n {this.state.inventoryData &&\n this.state.inventoryData.length > 0 &&\n this.state.inventoryxlid !== \"\" && (\n \n \n No Watches Added Here!\n \n \n ) : (\n \"\"\n )}\n {inventoryList && inventoryList.length > 0 ? (\n inventoryList &&\n inventoryList\n .slice(\n this.state.page * this.state.rowsPerPage,\n this.state.page * this.state.rowsPerPage +\n this.state.rowsPerPage\n )\n .map((row) => {\n return (\n \n \n \n \n \n {(row.sold_unsold_reason || row.sold_unsold_reason) ? (\n this.handleRedirect(row.inventoryid)}\n />\n ) : (\n this.handleRedirect(row.inventoryid)}\n />\n )}\n {this.state.settingManufacturerListPricing &&\n row?.manufactureprice && row?.manufactureprice != \"0.00\" ?\n
\n { }\n \n \n
\n
\n\n
\n )}\n {this.state.errorMessage}
\n\n
\n
\n
\n \n \n \n
\n\n\n DEALER INFORMATION
\n\n {/* */}\n\n \n
\n \n \n \n Business Name: {this.state.businessName}\n \n
\n \n
\n - \n {\n this.state.communicationMethod && this.state.communicationMethod.map((item) => {\n if (item?.mode !== \"facebook\") {\n return (\n
- \n \n\n
\n \n\n \nthis.RedirectionChange(item)}>\n \n {item?.value}\n\n \n \n )\n }\n })\n }\n\n\n
MY DEALER INVENTORY
\n\n \n \n \n Brand\n \n \n \n {brandInfo &&\n brandInfo.map((row) => (\n \n ))}\n \n \n {this.state.modledata\n ? this.state.modledata\n : this.state.removedbrndname}{\" \"}\n \n \n
\n \n \n \n \n Type\n \n {\n if (e.target.value !== 'misc_product') {\n this.setState({ type: e.target.value, InventoryCategory: \"\" });\n } else {\n this.setState({ type: e.target.value });\n }\n setTimeout(() => {\n this.SearchInventoryWatchesdetails();\n }, 1000);\n }\n }\n label=\"Brand\"\n value={this.state.type}\n >\n \n \n \n \n \n \n \n
\n {/* \n \n \n \n Category\n \n {\n this.setState({ InventoryCategory: e.target.value });\n setTimeout(() => {\n this.SearchInventoryWatchesdetails();\n }, 1000);\n }}\n >\n \n \n \n \n \n \n {/* */}\n \n \n \n \n \n \n \n
\n \n \n
\n \n \n {this.state.loaded === false ? (\n
\n
\n ) : (\n \n \n (\n \n {rowData.filePath}\n \n ),\n },\n ]}\n />\n \n
\n )}\n {inventoryList &&\n inventoryList.length === 0 &&\n !this.state.loaded ? (\n \n Manufacturer \n List Price: \n $ {row?.manufactureprice} \n
: null}\n \n \n \n\n
\n )\n }\n}\n\nfunction mapStateToProps(state) {\n const { auth, browseWatchesInfo } =\n state;\n return {\n currentUser: auth.currentUser,\n brandInfo: browseWatchesInfo.brandInfo,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n fetchInventoryWatches,\n filterBySearch,\n brandList,\n inventoryDetailById,\n fetchInventoryExcelList,\n SearchInventoryWatches,\n },\n dispatch\n );\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(DealerInventory);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport validator from 'validator';\nimport ContentWrapper from '../../../../../common/components/contentWrapper';\nimport { Container, Paper, Typography, TextField, Grid, Button, InputLabel, Input, FormHelperText, Link, FormControl, FormControlLabel, Checkbox } from '@material-ui/core';\n// import google from '../../../../assests/images/google.png';\n// import facebook from '../../../../assests/images/facebook.png';\n\nimport '../../../../../common/style/main.css'\nimport { recoverPassword, login, addUserData, validateUserDetails } from \"./../../../../Auth/reducer/actions\"\n\nimport { toast } from \"react-toastify\";\nimport { InputAdornment, Select, MenuItem } from '@material-ui/core';\nimport VisibilityOffIcon from '@material-ui/icons/VisibilityOff';\nimport VisibilityIcon from '@material-ui/icons/Visibility';\nimport ReactivateAccountModal from '../../../../../common/components/ReactivateAccountModal';\n\nclass RegisterSignUp extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n\n type: 'password',\n score: 'null',\n firstName: '',\n lastName: '',\n countryCode: '',\n phoneNumber: '',\n emailId: '',\n password: '',\n confirmPassword: '',\n terms: false,\n firstNameError: '',\n lastNameError: '',\n phoneNumberError: '',\n emailIdError: '',\n passwordError: '',\n confirmPasswordError: '',\n termsError: '',\n sign:\"+\",\n open:false,\n userId:'',\n email: '',\n component: 'SINGUP',\n deletedDate:'',\n\n businessName:'',\n \n address1: '',\n address2: '',\n country: 231,\n countryId:231,\n state: '',\n city: '',\n zipcode: '',\n address1ErrorText: '',\n address2ErrorText: '',\n countryErrorText: '',\n stateErrorText: '',\n cityErrorText: '',\n zipcodeErrorText: '',\n businessNameErrorText:'',\n userdetailsforsubcplan:[],\n statesListData: '',\n isValid: false,\n userdetailsbusiess:[],\n nextClick:false,\n\n }\n this.showHide = this.showHide.bind(this);\n this.passwordStrength = this.passwordStrength.bind(this);\n this.validateInput = this.validateInput.bind(this);\n this.submitForm = this.submitForm.bind(this);\n this.handleSocialLogin = this.handleSocialLogin.bind(this);\n this.handleSocialLoginFailure = this.handleSocialLoginFailure.bind(this);\n this.onChangeOfTerms = this.onChangeOfTerms.bind(this);\n this.handleClose = this.handleClose.bind(this);\n // this.onChangeOfCountry = this.onChangeOfCountry.bind(this);\n this.handlePush = this.handlePush.bind(this);\n this.onChangeOfPhoneNumber = this.onChangeOfPhoneNumber.bind(this)\n }\n \n componentDidMount(){\n localStorage.removeItem(\"token\");\n window.sessionStorage.removeItem(\"userDetails\");\n //console.log(this.props.history.location.state)\n if(this.props.history?.location.state){\n const previousData = this.props.history.location.state;\n console.log(previousData,\"previousData\")\n console.log(previousData.first_name)\n this.setState({\n firstName: previousData.first_name,\n lastName: previousData.last_name,\n countryCode: previousData.country_code,\n phoneNumber: previousData.phone,\n emailId: previousData.email,\n password: previousData.password,\n confirmPassword: previousData.password,\n terms: true,\n })\n }\n \n }\n \n handleSocialLogin = (user) => {\n console.log(user,\"userdetails\")\n let data = {};\n let loginData = {};\n // eslint-disable-next-line default-case\n switch (user._provider) {\n case \"google\":\n data = {\n first_name: user._profile.firstName,\n last_name: user._profile.lastName,\n email: user._profile.email,\n phone: '',\n source: user._provider,\n source_id: user._profile.id,\n photo_url: user._profile.profilePicURL,\n };\n break;\n case \"facebook\":\n data = {\n first_name: user._profile.firstName,\n last_name: user._profile.lastName,\n email: user._profile.email,\n phone: '',\n source: user._provider,\n source_id: user._profile.id,\n photo_url: user._profile.profilePicURL,\n };\n break;\n }\n const { loginRequested, loginSuccess, loginFailed, history } = this.props;\n loginRequested(null);\n loginData = {\n first_name: data.first_name,\n last_name: data.last_name,\n email: data.email,\n source: data.source,\n source_id: data.source_id,\n phone:'0000000010',\n photo_url: data.photo_url,\n country_code:'+91'\n };\n // sociallogin(\n // loginData,\n // (res) => {\n // console.log()\n // if (res.success === 1) {\n // toast(\"User Login successfully\", {\n // autoClose: 5000,\n // type: toast.TYPE.SUCCESS,\n // position: toast.POSITION.BOTTOM_CENTER,\n // });\n // loginSuccess(res);\n // history.push(\"/add-to-inventory-search\");\n // }\n // else {\n // this.props.setUserDeatils(data);\n // history.push(\"/verify-email \");\n // }\n // },\n // (error) => {\n // loginFailed(error);\n // toast(\"Please check your credentials.\", {\n // autoClose: 5000,\n // type: toast.TYPE.ERROR,\n // position: toast.POSITION.BOTTOM_CENTER,\n // });\n // }\n // );\n console.log(loginData,\"logindata\")\n this.props.addUserData(loginData,(error, res) =>{\n console.log('res', res);\n if (res?.success === 1) {\n // this.props.recoverPassword(otpData, (error, res) => {\n // if (error) {\n // toast(\"Somthing went wrong\", {\n // autoClose: 5000,\n // type: toast.TYPE.ERROR,\n // position: toast.POSITION.BOTTOM_CENTER,\n // });\n // }\n // })\n this.props.setUserDeatils(data);\n toast(\"User Registered Successfully\", {\n autoClose: 5000,\n type: toast.TYPE.SUCCESS,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n // history.push(\"/login\");\n // localStorage.setItem('email', this.state.emailId);\n // localStorage.setItem('mobile', this.state.phoneNumber);\n } else {\n let loginDatadetails = {\n email: loginData.email,\n source: loginData.source,\n source_id: loginData.source_id\n };\n console.log(loginDatadetails,\"data\")\n login(\n \n loginDatadetails,\n (res) => {\n if (res.success === 1) {\n toast(\"User Login successfully\", {\n autoClose: 5000,\n type: toast.TYPE.SUCCESS,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n loginSuccess(res);\n history.push(\"/add-to-inventory-search\");\n }\n else { \n this.props.setUserDeatils(data);\n history.push(\"/verify-email\");\n }\n },\n (error) => {\n loginFailed(error);\n toast(\"Please check your credentials.\", {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n );\n }\n });\n };\n\n\n handleSocialLoginFailure = (err) => {\n console.error(err)\n }\n showHide(e) {\n\n e.preventDefault();\n e.stopPropagation();\n this.setState({\n\n type: this.state.type === 'input' ? 'password' : 'input'\n })\n }\n\n passwordStrength(e) {\n if (e.target.value === '') {\n this.setState({\n score: 'null'\n })\n }\n else {\n let pw = e.target.value;\n this.setState({\n score: pw.score\n });\n }\n }\n onChangeOfFirstName = (event) => {\n this.setState({\n firstName: event.target.value\n })\n let firstNameVal = event.target.value;\n if (!firstNameVal) {\n this.setState({\n firstNameError: \"Enter First Name\",\n isValid: false\n })\n }\n else {\n this.setState({\n firstNameError: \"\",\n isValid: true\n })\n }\n }\n onChangeOfTerms = (event) => {\n this.setState({\n terms: event.target.checked,\n isValid: true\n })\n\n }\n\n onChangeOfLastName = (event) => {\n this.setState({\n lastName: event.target.value\n })\n let lastNameVal = event.target.value;\n if (!lastNameVal) {\n this.setState({\n lastNameError: \"Enter Last Name\",\n isValid: false\n })\n }\n else {\n this.setState({\n lastNameError: \"\",\n isValid: true\n })\n }\n }\n\n onChangeOfBusinessName = (event) => {\n this.setState({\n businessName: event.target.value\n })\n let BusinessNameVal = event.target.value;\n if (!BusinessNameVal) {\n this.setState({\n businessNameErrorText: \"Enter Business name\",\n isValid: false\n })\n }\n else {\n this.setState({\n businessNameErrorText: \"\",\n isValid: true\n })\n }\n }\n\n onChangeOfZipcode = (event) => {\n if (event.target.value !== \"\") {\n let codeVal = validator.isNumeric(event.target.value);\n if (!codeVal) {\n this.setState({\n ...this.state,\n onCodeErrorText: \"Enter correct Zip Code\",\n isValid: false,\n })\n }\n else {\n this.setState({\n ...this.state,\n onCodeErrorText: \"\",\n code: event.target.value,\n isValid: true\n })\n }\n }else {\n this.setState({\n ...this.state,\n onCodeErrorText: \"\",\n code: event.target.value,\n isValid: true,\n })\n }\n }\n\n onChangeOfCountryCode = (event) => {\n if(event.target.value !== \"\"){\n let countryCodeVal = validator.isNumeric(event.target.value);\n \n if(!countryCodeVal){\n this.setState({\n ...this.state,\n countryCodeError: \"Enter minimum 3 characters for country code\",\n isValid: false,\n })\n }\n else{\n this.setState({\n ...this.state,\n countryCodeError: \"\",\n countryCode: event.target.value,\n isValid: true\n })\n }\n }else{\n this.setState({\n ...this.state,\n countryCodeError: \"\",\n countryCode: event.target.value,\n isValid: true,\n })\n }\n }\n \n \n \n // onChangeOfCountryCode = (event) => {\n \n // const regex = \"^(?:[+\\d].*\\d|\\d)$\";\n // var sign = \"+\";\n // let countryCodeVal = event.target.value;\n // console.log(\"countryCodeVal\",countryCodeVal);\n // let countryCode = countryCodeVal.match(regex); \n // if (event.target.value >=1 && event.target.value <= 4) {\n // // let countryCodeVal = validator.isNumeric(event.target.value);\n // if ( !countryCode) {\n // this.setState({\n // ...this.state,\n // countryCodeError: \"Enter minimum 3 characters for country code\",\n // isValid: false\n // })\n // }\n // else {\n // this.setState({\n // ...this.state,\n // countryCodeError: \"\",\n // countryCode: countryCodeVal,\n // isValid: true\n // })\n // }\n // }\n // else {\n // this.setState({\n // ...this.state,\n // countryCodeError: \"\",\n // countryCode: this.state.sign + event.target.value,\n // isValid: true\n // })\n // }\n // }\n\n onChangeOfPhoneNumber = (event) => {\n this.setState({\n phoneNumber: event.target.value,\n })\n // let phoneNumberVal = validator.isMobilePhone(event.target.value);\n const regex = /^\\d+$/\n\n let PhoneNumberVal = event.target.value;\n console.log(PhoneNumberVal)\n // if(event.target.value <= 9){\n let phoneNumber = regex.test(PhoneNumberVal); \n if (!phoneNumber) {\n this.setState({\n phoneNumberError: \"Enter Valid Phone Number\",\n isValid: false\n })\n } else {\n this.setState({\n phoneNumberError: \"\",\n isValid: true\n })\n }\n // }\n // else {\n // this.setState({\n // phoneNumberError: \"\",\n // phoneNumber: event.target.value,\n // isValid: true\n // })\n // }\n }\n\n onChangeOfEmailId = (event) => {\n this.setState({\n emailId: event.target.value,\n })\n let emailIdVal = validator.isEmail(event.target.value);\n if (!emailIdVal) {\n this.setState({\n emailIdError: \"Enter correct Email Id\",\n isValid: false\n })\n }\n else {\n this.setState({\n emailIdError: \"\",\n isValid: true\n })\n }\n }\n\n onChangeOfPassword = (event) => {\n this.setState({\n password: event.target.value,\n })\n let passwordVal = event.target.value;\n if (passwordVal < 8) {\n this.setState({\n passwordError: \"Enter correct Password\",\n isValid: false\n })\n }\n else {\n this.setState({\n passwordError: \"\",\n isValid: true\n })\n }\n }\n\n onChangeOfConfirmPassword = (event) => {\n this.setState({\n confirmPassword: event.target.value,\n })\n let confirmPasswordVal = event.target.value;\n if (!confirmPasswordVal) {\n this.setState({\n confirmPasswordError: \"Enter Confirm Password\",\n isValid: false\n })\n }\n else {\n this.setState({\n confirmPasswordError: \"\",\n isValid: true\n })\n }\n }\n\n handleClick = () => {\n const { history } = this.props;\n history.push('/terms-conditions')\n }\n\n validateInput() {\n console.log(this.state);\n let firstNameError = '';\n let lastNameError = '';\n let countryCodeError = '';\n let phoneNumberError = '';\n let emailIdError = ''\n let passwordError = '';\n let confirmPasswordError = '';\n let termsError = '';\n let businessNameErrorText = '';\n let isValid = true;\n\n if (this.state.firstName.length === 0) {\n firstNameError = 'Enter First Name';\n isValid = false;\n }\n\n if (this.state.lastName.length === 0) {\n lastNameError = 'Enter Last Name';\n isValid = false;\n }\n if (this.state.businessName.length === 0) {\n businessNameErrorText = 'Enter Business Name';\n isValid = false;\n }\n if (this.state.countryCode.length <= 1) {\n \n countryCodeError = 'Enter minimum 2 characters for country code';\n isValid = false;\n }\n if (this.state.phoneNumber.length === 0 || this.state.phoneNumber.length === null || this.state.phoneNumber.length <= 9) {\n\n phoneNumberError = 'Enter Phone Number';\n isValid = false;\n }\n if (this.state.emailId.length === 0) {\n emailIdError = 'Enter Email Id';\n isValid = false;\n }\n if (this.state.password.length < 8) {\n passwordError = 'Enter password with minimum 8 characters';\n isValid = false;\n }\n if (this.state.confirmPassword.length < 8) {\n confirmPasswordError = 'Enter Confirm Password';\n isValid = false;\n }\n\n if (this.state.confirmPassword != this.state.password) {\n confirmPasswordError = 'Passwords do not match';\n isValid = false;\n }\n if (this.state.terms === false) {\n termsError = 'Please accept terms & conditions';\n isValid = false;\n }\n\n this.setState({\n ...this.state,\n firstNameError,\n lastNameError,\n emailIdError,\n passwordError,\n confirmPasswordError,\n countryCodeError,\n phoneNumberError,\n termsError,\n businessNameErrorText,\n })\n return isValid;\n }\n \n handlePush = (data) => {\n const { history } = this.props;\n \n if(this.props.history.location.state && this.props.history.location.state.businessData ){\n data['businessData'] = this.props.history.location.state.businessData\n }\n console.log('handlePushdata',data)\n \n // history.push({\n // pathname: '/bussiness-detail',\n // state: data\n // });\n }\n\n submitForm(event) {\n if (this.validateInput()) {\n console.log(\"I am here\")\n let data = {\n \"first_name\": this.state.firstName,\n \"last_name\": this.state.lastName,\n \"country_code\": this.state.countryCode,\n \"phone\": this.state.phoneNumber,\n \"email\": this.state.emailId,\n \"password\": this.state.password,\n \"business_name\": this.state.businessName\n };\n console.log(\"validate user\",data)\n validateUserDetails(data,(error,result)=>{\n console.log(\"validateUserDetails:validateUserDetails\")\n console.log(result)\n if (error) {\n toast(\"Somthing went wrong\", {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }else{\n if(result){\n if (result.success === 1) {\n //this.props.handleNext();\n //this.handlePush(data)\n console.log(\"addUserDatadata\",data)\n this.props.addUserData(data,(error, res) =>{\n console.log('res', res);\n localStorage.setItem('userId',res.data.userid)\n localStorage.setItem('token',res.data.token)\n \n if (res?.success === 1) {\n this.props.handleNext();\n } \n });\n }else if(result.success ===0){\n console.log(result)\n toast(result.message, {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n }else{\n toast(\"Somthing went wrong\", {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n }\n })\n \n \n \n // let otpData = {\n // 'to': this.state.emailId,\n // 'url': 'email-otp/send'\n // };\n // console.log(this.props);\n // const { history } = this.props;\n // this.props.addUserData(data,(error, res) =>{\n // console.log('res', res);\n // if (res.success === 1) {\n // this.props.recoverPassword(otpData, (error, res) => {\n // if (error) {\n // toast(\"Somthing went wrong\", {\n // autoClose: 5000,\n // type: toast.TYPE.ERROR,\n // position: toast.POSITION.BOTTOM_CENTER,\n // });\n // }\n // else{\n // toast(\"OTP is sent to your registered Email Id\"+\" \"+this.state.emailId, {\n // autoClose: 5000,\n // type: toast.TYPE.SUCCESS,\n // position: toast.POSITION.BOTTOM_CENTER,\n // });\n // }\n \n // })\n // this.props.setUserDeatils(data);\n // toast(\"User Registered Successfully\", {\n // autoClose: 5000,\n // type: toast.TYPE.SUCCESS,\n // position: toast.POSITION.BOTTOM_CENTER,\n // });\n // history.push(\"/verify-email\");\n // localStorage.setItem('email', this.state.emailId);\n // localStorage.setItem('mobile', this.state.phoneNumber);\n // } \n \n // else if(res.success === 0 && res.deletedAccount && res.deletedAccount.keepThisAccount )\n // {\n // let date=res.deletedAccount.deletedDate;\n // console.log(date)\n // let currentDate=moment(date, \"YYYY-MM-DD\");\n // currentDate.add(1,'month')\n \n // this.setState({\n // open:true,\n // userId: res.deletedAccount.userId,\n // email: res.deletedAccount.email,\n // deletedDate:currentDate.format(\"YYYY-MM-DD\")\n // })\n \n // console.log(currentDate,\"Delete Date\")\n // // toast(\"Your Account can be activated.Please Login again\", {\n // // autoClose: 5000,\n // // type: toast.TYPE.SUCCESS,\n // // position: toast.POSITION.BOTTOM_CENTER,\n // // });\n // }\n // else {\n // toast(res.message, {\n // autoClose: 5000,\n // type: toast.TYPE.ERROR,\n // position: toast.POSITION.BOTTOM_CENTER,\n // });\n // }\n // });\n }\n }\n\n handleClose(){\n this.setState({\n open:false\n }) \n }\n\n getContentView() {\n return (\n \n \n \n \n \n \n
\n );\n }\n render() {\n return (\n this.getContentView()\n // this.props.type == 'popup' ? this.getContentView() :\n // \n \n Sign Up\n \n
\n \n {/* \n \n Already have an account? \n \n Login\n \n \n
*/}\n \n \n \n \n \n {/* \n \n or \n With your social network \n \n \n \n \n \n
*/}\n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n
*/}\n {/* \n{this.state.loaded== false ?
\n );\n }\n}\nfunction mapStateToProps({ dealer, InventoryList, auth }) {\n return {\n countryList: dealer.countryList,\n currentUser: auth.currentUser,\n packagesListInfo: dealer.packagesListInfo,\n activePackagesListInfo: dealer.activePackagesListInfo,\n selectedpackage: dealer.selectedPackage,\n selectedpackageReducData: dealer.selectedPackage,\n billingDetails: dealer.billingDetails,\n userInfo: InventoryList.userInfo,\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators({\n countriesList,\n packagesList,\n setPackage,\n activePackageList,\n getuser\n },\n dispatch)\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(DealerMakeComponent);","import { Stepper, Step, StepLabel, Typography, Container } from '@material-ui/core'\nimport React from 'react';\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport PricingComponent from '../pricingComponent'\nimport RegisterDetails from '../registerDetails';\nimport DealerChooseSubscriptionsComponent from '../dealerChooseSubscriptionsComponent';\nimport DealerSubscriptionSuccessfullDealerPayment from '../dealerSubscriptionSuccessfull'\nimport DealerSubscriptionSuccessfull from '../dealerSubscriptionSuccessfull';\nimport DealerSubscriptionThankYou from '../dealerSubscriptionThankYou';\nimport { toast } from \"react-toastify\";\nimport DealerPayment from '../dealerPayment';\nimport {\n updateBusinessDetails, updateBillingDetails,\n saveBillingDetails, updatePaymentDetails\n} from '../../actions/dealerAction';\nimport ContentWrapper from '../../../../../common/components/contentWrapper';\nimport { useHistory } from \"react-router-dom\";\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { getuser } from '../../../dashboard/actions/dashboardAction';\nimport RegisterSignUp from './RegisterComponent';\nimport ChooseSubscription from './chooseSubscription';\nimport DealerMakepayment from './dealerMakepayment';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%',\n paddingTop: '30px'\n },\n backButton: {\n marginRight: theme.spacing(1),\n },\n instructions: {\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1),\n },\n }));\nfunction NewStepperComponent(props) {\n const classes = useStyles();\n const history= useHistory();\n const userDetails = JSON.parse(window.sessionStorage.getItem(\"userDetails\"))\n const [activeStep, setActiveStep] = React.useState(0);\n const [steps,setsteps] = React.useState([])\n \n React.useEffect(()=>{\n \n if(userDetails?.userId){\n const selectpackage = localStorage.getItem('selectPack') ? JSON.parse(localStorage.getItem('selectPack')) : null\n const stepsfield = [' Choose Plan','Make Payment/Checkout', 'Confirmation Details']\n setsteps(stepsfield)\n if(selectpackage){\n setActiveStep(1)\n }\n }\n else{\n const stepsfield = ['Register Account', ' Choose Plan','Make Payment/Checkout', 'Confirmation Details']\n setsteps(stepsfield)\n \n }\n\n },[])\n \n const addBusinessDetails = (value) => {\n if (value) {\n updateBusinessDetails(value, (error, res) => {\n if (error) {\n console.log(error, \"dattta\");\n } else {\n setActiveStep(1);\n }\n });\n } else {\n setActiveStep(1);\n }\n\n };\n const addBillingDetails = (value) => {\n if (value) {\n props.saveBillingDetails(value)\n setActiveStep(1);\n } else {\n setActiveStep(1);\n }\n\n };\n const addPaymentDetails = (value) => {\n\n if (value) {\n updateBillingDetails(value, (error, res) => {\n const checkoutdata = res.data\n localStorage.setItem(\"checkoutdetails\", JSON.stringify(checkoutdata))\n const paymentmode = localStorage.getItem('paymentType');\n if (error) {\n } else {\n if (res.success == 1) {\n let attributes = {\n \"card_number\": value.card_number,\n \"exp_month\": value.exp_month,\n \"exp_year\": value.exp_year,\n \"cvc\": value.cvc\n }\n let data = {\n \"user_id\": value.user_id,\n \"membertier_id\": value.membertier_id,\n \"order_id\": res.data.order_id,\n \"gateway\": value.gateway,\n \"listing_addon\": false,\n \"card\": attributes,\n mode: paymentmode && paymentmode.toLowerCase() || 'monthly'\n };\n updatePaymentDetails(data, (error, res) => {\n if (error) {\n toast(res && res.message, {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n } else {\n if (res && res.success === 1) {\n toast(res.message, {\n autoClose: 5000,\n type: toast.TYPE.SUCCESS,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n setActiveStep(5);\n localStorage.removeItem(\"savedbildetails\")\n localStorage.removeItem(\"singlepkg\")\n const userDetails = window.sessionStorage.getItem('userDetails') ? JSON.parse(window.sessionStorage.getItem('userDetails')) : null\n if(userDetails && userDetails?.userId){\n props.getuser(userDetails?.userId)\n }\n }\n else if (res && res.success === 0) {\n toast(res && res.message, {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n else {\n toast(\"Somthing went wrong\", {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n }\n })\n\n }\n else {\n toast(\"Somthing went wrong\", {\n autoClose: 5000,\n type: toast.TYPE.ERROR,\n position: toast.POSITION.BOTTOM_CENTER,\n });\n }\n }\n });\n\n } else {\n setActiveStep(2);\n }\n };\n const handleBack = () => {\n setActiveStep((prevActiveStep) => prevActiveStep - 1);\n };\n\n const handleNext = () => {\n var signlepkgdata = JSON.parse(localStorage.getItem('selectPack'))\n console.log('signlepkgdata',signlepkgdata)\n if(signlepkgdata){\n setActiveStep((prev) => prev + 2)\n }\n else{\n setActiveStep((prev) => prev + 1)\n }\n \n // if(userDetails?.userId){\n // setActiveStep((prev) => prev + 1)\n // }\n // else{\n // history.push(\"/login\");\n // }\n \n }\n const setStep = (value) => {\n setActiveStep(value);\n };\n const confirmtDetails = (value) => {\n //setActiveStep(0);\n };\n function getStepContent(stepIndex) {\n console.log(props.currentUser, \"dsds\")\n\n if (userDetails && userDetails?.userId) {\n switch (stepIndex) {\n case 0:\n return \n
:\n \n {/* */}\n \n \n {/* \n \n \n \n \n \n \n \n\n \n \n \n {/* : ''} */}\n \n {/* */}\n
}\n \n \n Subscribtion Package Details\n \n \n
*/}\n \n NEW MEMBERSHIP \n
\n \n \n
\n \n {this.state.activePackageForm ?\n \n \n \n \n \n \n {activePackageData && activePackageData.membertiername ? activePackageData.membertiername : 'You are using Free Plan'}\n \n \n $\n {activePackageData && activePackageData.pricepermonth ? activePackageData.pricepermonth : '00'}\n / month\n\n \n
\n \n \n \n \n : ''}\n \n\n
\n\n \n
\n \n\n \n {activePackageData && activePackageData.packagedetails && activePackageData.packagedetails.packagedetails.map((item)=>{\n return(\n {item.feature} <> { typeof item.limit != 'number' ? {item?.limit} }\n \n )}\n )}\n \n \n
\n\n \n \n {steps.map((label) => (\n \n {label} \n \n ))}\n \n
\n )\n }\n return (\n \n {getStepContent(activeStep)} \n
\n\n\n \n
\n \n \n {Routes} \n \n
\n );\n }\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter as Router } from \"react-router-dom\";\nimport './index.css';\nimport App from './App';\nimport CssBaseline from \"@material-ui/core/CssBaseline\";\nimport reportWebVitals from './reportWebVitals';\nimport \"react-loader-spinner/dist/loader/css/react-spinner-loader.css\";\n\nReactDOM.render(\n