\r\n// {/*
*/}\r\n//
\r\n// );\r\n// }","import React from 'react';\r\nimport langConf from \"../js/lang\";\r\nimport './Login.css';\r\nimport BackButton from './BackButton';\r\nimport shelegLogin from '../api/shelegLogin';\r\n\r\nclass ForgotPassword extends React.Component {\r\n\r\n handleEmailPasswordClick = async (event) => { //return to login screen + complete validation and error messages\r\n event.preventDefault();\r\n let lang = this.props.lang;\r\n let send = false;\r\n let email = document.querySelector('#fpemail').value;\r\n let mobile = document.querySelector('#fpmobile').value;\r\n mobile = mobile.replace('-', '');\r\n email = email.toLowerCase();\r\n if (mobile === '' && email === '') {\r\n window.alert(langConf[lang].enterEmailOrMobile);\r\n }\r\n else if (email === '') {\r\n if (this.validatePhone(mobile)) {\r\n send = true;\r\n }\r\n }\r\n else if (mobile === '') {\r\n if (this.validateEmail(email)) {\r\n send = true;\r\n }\r\n }\r\n else if (this.validateEmail(email) && this.validatePhone(mobile)) {\r\n send = true;\r\n }\r\n if (send) {\r\n let recovery = { email: email, mobile: mobile };\r\n let response = await shelegLogin.post(`RestorePassword/${localStorage.getItem('sessionId')}`, recovery);\r\n if (response.statusText === 'OK') {\r\n window.alert(langConf[lang].emailSent);\r\n this.props.changePaymentMode('login');\r\n }\r\n //console.log(response);\r\n }\r\n };\r\n\r\n handleKeyDown = async (e) => {\r\n //console.log('key: ', e.key);\r\n if (e.key === 'Enter') {\r\n if (await this.validateLogin()) {\r\n this.handleEmailPasswordClick();\r\n }\r\n }\r\n };\r\n\r\n validateEmail(email) {\r\n //if (/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(email))\r\n if (/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(email)) {\r\n return true;\r\n }\r\n return false;\r\n };\r\n\r\n validatePhone(phone) {\r\n var phoneno = /^\\(?([0-9]{3})\\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/;\r\n if ((phone.match(phoneno))) {\r\n return true;\r\n }\r\n else {\r\n return false;\r\n }\r\n };\r\n\r\n render() {\r\n let lang = this.props.lang;\r\n let currentURL = this.props.currentURL;\r\n let isDisabled = false;\r\n return (\r\n
\r\n
{langConf[lang].forgotPasswordMessage}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {langConf[lang].email} \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n {langConf[lang].mobile} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n { event.preventDefault(); this.props.changePaymentMode('login') }}\r\n />\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ForgotPassword;","import React from 'react';\r\nimport langConf from \"../js/lang\";\r\nimport BackButton from './BackButton';\r\nimport sheleg from '../api/sheleg';\r\nimport Signup from './Signup';\r\nimport Login from './Login';\r\nimport ForgotPassword from './ForgotPassword';\r\n\r\nclass Payment extends React.Component {\r\n\r\n state = { multiplePayments: false }\r\n\r\n numberWithCommas(x) {\r\n return x.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n }\r\n\r\n validate = () => {\r\n let lang = this.props.lang;\r\n let errors = [];\r\n if (!this.validateId(document.querySelector('#cardholderId').value)) {\r\n errors.push(langConf[lang].errorId);\r\n }\r\n if (!this.validateCreditCard(document.querySelector('#creditCardNo').value)) {\r\n errors.push(langConf[lang].errorCardNo);\r\n }\r\n if (!this.validateExpiration(document.querySelector('#expirationYears').value, document.querySelector('#expirationMonths').value)) {\r\n errors.push(langConf[lang].errorExpiration);\r\n }\r\n if (!this.validateCvv(document.querySelector('#cvv').value)) {\r\n errors.push(langConf[lang].errorCvv);\r\n }\r\n if (errors.length === 0) {\r\n //TODO: payment\r\n return true;\r\n }\r\n else {\r\n this.errorMessages(errors);\r\n return false;\r\n }\r\n };\r\n\r\n handleMultiplePaymentsClick = (event) => {\r\n if (event.target.checked) {\r\n this.props.changeMultiplePayments(true);\r\n } else {\r\n this.props.changeMultiplePayments(false);\r\n }\r\n };\r\n\r\n handlePaymentClick = async (ccDetails) => {\r\n //console.log('ccDetails: ', ccDetails);\r\n //let ccPkg = {sesId: window.localStorage.getItem('sessionId'), WSCCfields: ccDetails, Err_dscrp: '', MerchantNote: '', clientNote: '', invType: 4, invNo: this.props.invNo };\r\n let ccFields = {\r\n cardNUM: ccDetails.cardNUM,\r\n cardExpiry: ccDetails.cardExpiry,\r\n transSum: ccDetails.transSum,\r\n CVV2: ccDetails.CVV2,\r\n id: ccDetails.id,\r\n transCurrency: ccDetails.transCurrency,\r\n creditType: ccDetails.creditType,\r\n firstPayment: ccDetails.firstPayment,\r\n fixedPayment: ccDetails.fixedPayment,\r\n numOfFixedPayments: this.props.multiPayments ? ccDetails.numOfFixedPayments - 1 : ccDetails.numOfFixedPayments,\r\n invType: 4,\r\n invNo: this.props.invNo\r\n };\r\n let response = '';\r\n if (this.validate()) {\r\n response = await sheleg.post(`ClearingPage/${this.props.slgCustId}/BillCC/${this.props.objType}/${this.props.objNo}`, ccFields)\r\n //console.log('response: ', response);\r\n if (response.data.toString() === '0') {\r\n this.props.changeTransactionResult('success');\r\n this.props.clearCart();\r\n }\r\n else {\r\n this.props.changeTransactionResult('failure');\r\n }\r\n if (this.props.transactionResult === 'success') {\r\n this.props.changeScreen('transactionResult');\r\n }\r\n else {\r\n window.alert(response.data);\r\n }\r\n }\r\n };\r\n\r\n NormalizeDate(day, month, year) {\r\n var finalDate = '';\r\n var finalMonth = '';\r\n var finalDay = '';\r\n if (month + 1 < 10) {\r\n finalMonth = '0' + (month + 1);\r\n }\r\n else {\r\n finalMonth = month + 1;\r\n }\r\n if (day < 10) {\r\n finalDay = '0' + day;\r\n }\r\n else {\r\n finalDay = day;\r\n }\r\n finalDate = '' + year + '-' + finalMonth + '-' + finalDay + '';\r\n return finalDate;\r\n }\r\n \r\n errorMessages(errors) {\r\n let errorMsg = '';\r\n for (let i = 0; i < errors.length; i++) {\r\n if (i !== errors.length - 1)\r\n errorMsg += `${errors[i]}, `;\r\n else\r\n errorMsg += errors[i];\r\n }\r\n window.alert(errorMsg);\r\n };\r\n\r\n validateId(idNumber) {\r\n var evenMultiplier = 1;\r\n var oddMultiplier = 2;\r\n var sum = 0;\r\n var thirdLine = [];\r\n var forthLine = [];\r\n if (idNumber.length <= 9 && idNumber.length > 7) {\r\n if (idNumber.length < 9) {\r\n while (idNumber.length < 9) {\r\n idNumber = '0' + idNumber;\r\n }\r\n }\r\n for (let i = 0; i < idNumber.length; i++) {\r\n if (i % 2 === 0) {\r\n thirdLine[i] = parseInt(idNumber[i]) * evenMultiplier;\r\n }\r\n else {\r\n thirdLine[i] = parseInt(idNumber[i]) * oddMultiplier;\r\n }\r\n }\r\n for (let i = 0; i < thirdLine.length; i++) {\r\n if (thirdLine[i] > 9) {\r\n forthLine[i] = parseInt(thirdLine[i]) / 10 + parseInt(thirdLine[i]) % 10;\r\n }\r\n else {\r\n forthLine[i] = thirdLine[i];\r\n }\r\n }\r\n for (let i = 0; i < forthLine.length; i++) {\r\n sum += parseInt(forthLine[i]);\r\n }\r\n if (sum % 10 === 0) {\r\n return true;\r\n }\r\n else {\r\n return false;\r\n }\r\n }\r\n else {\r\n return false;\r\n }\r\n };\r\n\r\n paymentsChanged = (event) => {\r\n if (event.target.value < 2) {\r\n event.target.value = 2;\r\n }\r\n if (event.target.value > this.props.availablePayments) {\r\n event.target.value = this.props.availablePayments;\r\n }\r\n let itemSum = 0;\r\n this.props.finalOfferItems.map((item) => itemSum += this.props.currency === \"ILS\" ? (item.priceNis === null || item.priceNis === '' ? 0 : (item.priceNis * item.quantity)) : (item.priceUsd === null || item.priceUsd === '' ? 0 : (item.priceUsd * item.quantity)));\r\n if (!this.props.vatIncluded) {\r\n itemSum = itemSum * 1.17;\r\n }\r\n let payments = event.target.value;\r\n //console.log('payments: ', payments);\r\n this.calculatePayments(itemSum, payments);\r\n };\r\n\r\n firstPaymentChanged = (event) => {\r\n let itemSum = 0;\r\n this.props.finalOfferItems.map((item) => itemSum += this.props.currency === \"ILS\" ? (item.priceNis === null || item.priceNis === '' ? 0 : (item.priceNis * item.quantity)) : (item.priceUsd === null || item.priceUsd === '' ? 0 : (item.priceUsd * item.quantity)));\r\n if (!this.props.vatIncluded) {\r\n itemSum = itemSum * 1.17;\r\n }\r\n let payments = document.querySelector('#PaymentsCount').value;\r\n let firstPayment = event.target.value;\r\n //console.log('itemSum: ', itemSum, ' payments: ', payments, ' firstPayment: ', firstPayment)\r\n this.calculateAnotherPayment(itemSum, firstPayment, payments);\r\n };\r\n\r\n validateCreditCard(creditCardNumber) {\r\n var sum = 0;\r\n var thirdLine = [];\r\n var forthLine = [];\r\n var evenMultiplier = 1;\r\n var oddMultiplier = 2;\r\n if (creditCardNumber.length <= 19 && creditCardNumber.length > 10) {\r\n if (creditCardNumber.length % 2 === 0) {\r\n evenMultiplier = 2;\r\n oddMultiplier = 1;\r\n }\r\n for (let i = 0; i < creditCardNumber.length; i++) {\r\n if (i % 2 === 0) {\r\n thirdLine[i] = parseInt(creditCardNumber[i]) * evenMultiplier;\r\n }\r\n else {\r\n thirdLine[i] = parseInt(creditCardNumber[i]) * oddMultiplier;\r\n }\r\n }\r\n for (let i = 0; i < thirdLine.length; i++) {\r\n if (thirdLine[i] > 9) {\r\n forthLine[i] = parseInt(thirdLine[i]) / 10 + parseInt(thirdLine[i]) % 10;\r\n }\r\n else {\r\n forthLine[i] = thirdLine[i];\r\n }\r\n }\r\n for (let i = 0; i < forthLine.length; i++) {\r\n sum += parseInt(forthLine[i]);\r\n }\r\n if (sum % 10 === 0) {\r\n return true;\r\n }\r\n else {\r\n return false;\r\n }\r\n }\r\n else if (creditCardNumber.length <= 9 && creditCardNumber.length > 7) {\r\n if (creditCardNumber.length < 9) {\r\n while (creditCardNumber.length < 9) {\r\n creditCardNumber = '0' + creditCardNumber;\r\n }\r\n }\r\n for (let i = 0, j = 9; i < creditCardNumber.length; i++, j--) {\r\n thirdLine[i] = parseInt(creditCardNumber[i]) * j;\r\n }\r\n for (let i = 0; i < thirdLine.length; i++) {\r\n sum += parseInt(thirdLine[i]);\r\n }\r\n if (sum % 11 === 0) {\r\n return true;\r\n }\r\n else {\r\n return false;\r\n }\r\n }\r\n return false;\r\n };\r\n\r\n validateExpiration(year, month) {\r\n var today = new Date();\r\n if (today.getFullYear().toString() === year) {\r\n if (today.getMonth() + 1 <= parseInt(month)) {\r\n return true;\r\n }\r\n }\r\n else if (today.getFullYear().toString() < year) {\r\n return true;\r\n }\r\n return false;\r\n };\r\n \r\n validateCvv(cvv) {\r\n if (cvv.length === 3)\r\n return true;\r\n else\r\n return false;\r\n };\r\n\r\n calculateAnotherPayment(sum, firstPayment, payments) {\r\n let sumLeft = parseFloat(parseFloat(sum) - parseFloat(firstPayment));\r\n let paymentsLeft = payments - 1;\r\n let anotherPayment = parseFloat(sumLeft / paymentsLeft).toFixed(2);\r\n document.querySelector('#AnotherPayment').value = anotherPayment;\r\n };\r\n\r\n\r\n calculatePayments(sum, payments) {\r\n let payment = parseFloat(parseFloat(sum) / parseFloat(payments)).toFixed(2);\r\n document.querySelector('#FirstPayment').value = payment;\r\n document.querySelector('#AnotherPayment').value = payment;\r\n document.querySelector('#FirstPayment').value = parseFloat(sum - (payment * (payments - 1))).toFixed(2);\r\n }\r\n\r\n openPayments = (open, sum) => {\r\n //console.log('multiple payments: ', open);\r\n this.setState({ multiplePayments: open });\r\n };\r\n\r\n // handleClick = async (event) => {\r\n // event.preventDefault();\r\n // let itemSum = 0;\r\n // this.props.finalOfferItems.map((item) => itemSum += this.props.currency === \"ILS\" ? (item.priceNis === null ? 0 : (item.priceNis * item.quantity)) : (item.Usd === null ? 0 : (item.priceUsd * item.quantity)));\r\n // await this.saveNewCart(this.props.finalOfferItems);\r\n // if (itemSum === 0 || itemSum === null) {\r\n // this.props.changeScreen('transactionResult');\r\n // }\r\n // else {\r\n // this.props.changeScreen('payment');\r\n // }\r\n // };\r\n\r\n // saveNewCart = async (finalOfferItems) => {\r\n // let lang = this.props.lang;\r\n // let newCartItems = [];\r\n // let oldCartNo = 0;\r\n // for (let i = 0; i < finalOfferItems.length; i++) {\r\n // if (finalOfferItems[i].cartNo !== 0) {\r\n // oldCartNo = finalOfferItems[i].cartNo;\r\n // }\r\n // }\r\n\r\n // finalOfferItems.map((item) => newCartItems.push(\r\n // {\r\n // cartNo: item.cartNo === 0 ? oldCartNo : item.cartNo,\r\n // cartItemDate: item.cartItemDate,\r\n // itemNo: item.itemNo,\r\n // itemDescription: lang === 'hebrew' ? item.hebName : item.engName,\r\n // price: this.props.currency === 'ILS' ? item.priceNis : item.priceUsd,\r\n // currency: this.props.currency === 'ILS' ? 9999 : 1,\r\n // quantity: item.quantity,\r\n // recKey: item.recKey,\r\n // runningLineNo: item.runningLineNo\r\n // }\r\n // ));\r\n // console.log('newCartItems: ', newCartItems);\r\n // let response = await sheleg.post(`ClearingPage/${this.props.slgCustId}/PostInvoice/${this.props.objType}/${this.props.objno}`, newCartItems);\r\n // //console.log('post invoice response: ', response);\r\n // console.log('post invoice response.data: ', response.data);\r\n // await this.props.changeInvNo(response.data);\r\n // };\r\n\r\n render() {\r\n let lang = this.props.lang;\r\n let currentTime = new Date();\r\n let currentYear = currentTime.getFullYear();\r\n let currentURL = this.props.currentURL;\r\n let itemCount = 0;\r\n let itemSum = 0;\r\n let currency = this.props.currency === 'ILS' ? langConf[lang].ILS : langConf[lang].USD;\r\n let payments = [];\r\n for (let i = 2; i<= this.props.availablePayments; i++){\r\n payments.push(i.toString());\r\n }\r\n //let dir = lang === 'hebrew' ? 'rtl' : 'ltr';\r\n\r\n let years = [currentYear, currentYear + 1, currentYear + 2, currentYear + 3, currentYear + 4, currentYear + 5, currentYear + 6];\r\n let months = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'];\r\n this.props.finalOfferItems.map((item) => itemCount += item.quantity);\r\n this.props.finalOfferItems.map((item) => itemSum += this.props.currency === \"ILS\" ? (item.priceNis === null || item.priceNis === '' ? 0 : (item.priceNis * item.quantity)) : (item.priceUsd === null || item.priceUsd === '' ? 0 : (item.priceUsd * item.quantity)));\r\n let sumBeforeVat = itemSum;\r\n if (!this.props.vatIncluded) {\r\n itemSum = itemSum * 1.17;\r\n }\r\n const expirationYears = years.map((year) => { return
{year} ; });\r\n const expirationMonths = months.map((month) => { return
{month} });\r\n const paymentsCount = payments.map((payment) => { return
{payment} });\r\n const expiration = () => {\r\n if (lang === 'hebrew') {\r\n return (\r\n
\r\n {langConf[lang].cardExpiration} \r\n {expirationYears} \r\n {expirationMonths} \r\n
\r\n );\r\n } else {\r\n return (\r\n
\r\n {langConf[lang].cardExpiration} {expirationMonths} \r\n {expirationYears} \r\n
\r\n );\r\n }\r\n }\r\n const multiPayments = () => {\r\n if (this.props.multiplePayments) {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
{langConf[lang].numberOfPayments} \r\n
\r\n {/* {paymentsCount} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {langConf[lang].firstPaymentSum} \r\n
\r\n
\r\n
\r\n
\r\n {langConf[lang].anotherPaymentSum} \r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n else {\r\n return (\r\n
\r\n );\r\n }\r\n };\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n {/* boxShadow: '0px 0px 5px 5px #888888' */}\r\n
{langConf[lang].paymentDetails}
\r\n
\r\n
\r\n
\r\n
\r\n {langConf[lang].cardNo} \r\n
\r\n
\r\n
\r\n
\r\n {langConf[lang].cardholderId} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {expiration()}\r\n
\r\n {langConf[lang].cvv} \r\n
\r\n
\r\n
\r\n
\r\n {langConf[lang].multiPaymentsTransaction} \r\n
\r\n
{multiPayments()}
\r\n
\r\n
\r\n
{`${langConf[lang].sumToPayNoVat} ${this.props.vatIncluded ? this.numberWithCommas(parseFloat(itemSum * 0.83).toFixed(2)) : this.numberWithCommas(parseFloat(sumBeforeVat).toFixed(2))} ${currency}`} \r\n \r\n
\r\n
{`${langConf[lang].totalVat} ${this.props.vatIncluded ? this.numberWithCommas(parseFloat(itemSum * 0.17).toFixed(2)) : this.numberWithCommas(parseFloat(itemSum - sumBeforeVat).toFixed(2))} ${currency}`} \r\n \r\n
\r\n
{`${langConf[lang].sumToPayVat} ${this.props.vatIncluded ? this.numberWithCommas(parseFloat(itemSum).toFixed(2)) : this.numberWithCommas(parseFloat(itemSum).toFixed(2))} ${currency}`} \r\n \r\n
\r\n
\r\n
\r\n { event.preventDefault(); this.props.changeScreen('finalOffer') }}\r\n />\r\n
\r\n
\r\n
{\r\n event.preventDefault();\r\n let ccDetails = {\r\n cardNUM: document.querySelector('#creditCardNo').value,\r\n cardExpiry: document.querySelector('#expirationMonths').value.toString() + document.querySelector('#expirationYears').value.substring(2, 4),\r\n transSum: parseFloat(itemSum).toFixed(2),\r\n CVV2: document.querySelector('#cvv').value,\r\n id: document.querySelector('#cardholderId').value,\r\n transCurrency: this.props.currency === 'ILS' ? 9999 : 1,\r\n creditType: !this.state.multiplePayments ? 1 : 8,\r\n firstPayment: document.querySelector('#FirstPayment') !== null ? parseFloat(document.querySelector('#FirstPayment').value).toFixed(2) : 0,\r\n fixedPayment: document.querySelector('#AnotherPayment') !== null ? parseFloat(document.querySelector('#AnotherPayment').value).toFixed(2) : 0,\r\n numOfFixedPayments: document.querySelector('#PaymentsCount') !== null ? parseInt(document.querySelector('#PaymentsCount').value) : 0\r\n };\r\n this.handlePaymentClick(ccDetails);\r\n }\r\n } >\r\n {langConf[lang].purchase}
\r\n {`${this.numberWithCommas(parseFloat(itemSum).toFixed(2))} ${currency}`}
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Payment;\r\n\r\n\r\n\r\n// {/*
\r\n//
{langConf[lang].elseRegister} \r\n//
\r\n//
\r\n//
\r\n//
\r\n//
\r\n//
{langConf[lang].birthDate}
\r\n//
\r\n//
\r\n//
\r\n//
\r\n//
\r\n//
\r\n//
\r\n//
\r\n//
\r\n//
\r\n// \r\n// {langConf[lang].selectCity} \r\n// {cityList}\r\n// \r\n//
\r\n//
\r\n// \r\n// {langConf[lang].selectStreet} \r\n// {streetList}\r\n// \r\n//
\r\n//
\r\n//
\r\n\r\n//
\r\n//
\r\n//
\r\n//
*/}\r\n\r\n\r\n\r\n// {/*
\r\n// {langConf[lang].numberOfPayments}
*/}\r\n// {/*
\r\n// {langConf[lang].firstPaymentSum}
*/}\r\n// {/*
\r\n// {langConf[lang].anotherPaymentSum}
*/}","import React from 'react';\r\n\r\nclass CheckBox extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = { isChecked: false };\r\n this.handleChecked = this.handleChecked.bind(this); // set this, because you need get methods from CheckBox \r\n\r\n }\r\n\r\n handleChecked() {\r\n //console.log('handleChecked called');\r\n if (this.props.forBid) {\r\n this.setState({ isChecked: !this.state.isChecked });\r\n if (this.state.isChecked) {\r\n this.props.changeTableColor('blue');\r\n this.props.changeBidIncluded(true);\r\n } else {\r\n this.props.changeTableColor('grey');\r\n this.props.changeBidIncluded(false);\r\n }\r\n }\r\n else {\r\n let itemSum = this.props.itemSum;\r\n this.setState({ isChecked: !this.state.isChecked });\r\n if (this.state.isChecked) {\r\n this.props.openPayments(true, itemSum);\r\n } else {\r\n this.props.openPayments(false, itemSum);\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n let checked = this.props.forBid ? this.props.includeBidItems : this.props.multiplePayments;\r\n return (\r\n
\r\n {this.props.label} \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default CheckBox;\r\n\r\n // render(){\r\n // let checked = this.props.forBid ? this.props.includeBidItems : this.props.multiplePayments;\r\n // return (\r\n //
\r\n //
\r\n // {this.props.label} \r\n //
\r\n //
\r\n // );\r\n // }","import React from 'react';\r\nimport CheckBox from './Checkbox';\r\nimport langConf from \"../js/lang\";\r\n\r\nclass BidItems extends React.Component {\r\n\r\n state= {color: this.props.includeBidItems ? 'blue' : 'grey'};\r\n numberWithCommas(x) {\r\n return x.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n }\r\n\r\n changeTableColor = (color) => {\r\n this.setState({color: color});\r\n };\r\n\r\n render() {\r\n let lang = this.props.lang;\r\n let itemCount = 0;\r\n let itemSum = 0;\r\n let currency = this.props.currency === 'ILS' ? langConf[lang].ILS : langConf[lang].USD;\r\n this.props.bidItems.map((item)=> itemCount += item.quantity);\r\n this.props.bidItems.map((item)=> itemSum += this.props.currency === \"ILS\" ? (item.priceNis === null || item.priceNis === '' ? 0 : (item.priceNis * item.quantity)) : (item.Usd === null || item.Usd === '' ? 0 : (item.priceUsd * item.quantity)));\r\n let index = 0;\r\n\r\n // Default sizes\r\n let tableLeftPadding = '300px';\r\n let tableRightPadding = '300px';\r\n //console.log('window.innerWidth: ', window.innerWidth);\r\n if (window.innerWidth >= 0 && window.innerWidth <= 480) {// Small phones: form 0px to 480px \r\n tableLeftPadding = '0px';\r\n tableRightPadding = '0px';\r\n }\r\n else if (window.innerWidth >= 481 && window.innerWidth <= 767) {// Small phones to small tablets: form 481px to 767px \r\n tableLeftPadding = '0px';\r\n tableRightPadding = '0px';\r\n }\r\n else if (window.innerWidth >= 768 && window.innerWidth <= 1023) {// Small tablets to big tablets: form 768px to 1023px\r\n \r\n }\r\n else if (window.innerWidth <= 1200) {// Big tablets to 1200px (widths smaller than the 1140px row) \r\n \r\n }\r\n const items = this.props.bidItems.map((item)=>{\r\n index++;\r\n return (\r\n
\r\n {item.itemNo} \r\n {`[${item.cartItemDate}]`} \r\n {` ${item.itemDescription}`} \r\n {item.quantity} \r\n {`${this.numberWithCommas(this.props.currency === \"ILS\" ? ((item.priceNis === null ? 0 : item.priceNis) * item.quantity) : ((item.priceUsd === null ? 0 : item.priceUsd) * item.quantity))} ${currency}`} \r\n \r\n )});\r\n return (\r\n
\r\n
0 ? '' : 'none'}}>\r\n
{langConf[lang].formerCart} \r\n
\r\n \r\n \r\n {langConf[lang].itemNo} \r\n \r\n \r\n {langConf[lang].itemName} \r\n {langConf[lang].quantity} \r\n {langConf[lang].price} \r\n \r\n \r\n \r\n {items}\r\n \r\n \r\n \r\n {langConf[lang].subtotal} \r\n {itemCount} \r\n {`${this.numberWithCommas((itemSum === null ? 0 : itemSum))} ${currency}`} \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default BidItems;","import React from 'react';\r\nimport langConf from \"../js/lang\";\r\nimport BackButton from './BackButton';\r\n//import sheleg from '../api/sheleg';\r\n\r\nclass FinalOffer extends React.Component {\r\n\r\n numberWithCommas(x) {\r\n return x.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n }\r\n\r\n handleClick = async (event) => {\r\n event.preventDefault();\r\n // let itemSum = 0;\r\n // this.props.finalOfferItems.map((item)=> itemSum += this.props.currency === \"ILS\" ? (item.priceNis === null ? 0 : (item.priceNis * item.quantity)) : (item.Usd === null ? 0 : (item.priceUsd * item.quantity)));\r\n // await this.saveNewCart(this.props.finalOfferItems); \r\n // if (itemSum === 0 || itemSum === null){\r\n // this.props.changeScreen('transactionResult');\r\n // }\r\n // else{\r\n this.props.changeScreen('payment');\r\n // }\r\n };\r\n\r\n handleCouponClick = (event) => {\r\n event.preventDefault();\r\n if (document.querySelector('#coupon').style.display === 'none') {\r\n document.querySelector('#coupon').style.display = 'block';\r\n }\r\n else {\r\n document.querySelector('#coupon').style.display = 'none';\r\n }\r\n };\r\n\r\n handleCouponSubmitClick = async (event) => {\r\n event.preventDefault();\r\n if (document.querySelector('#submitCoupon').classList.value.search('loading') === -1) {\r\n document.querySelector('#submitCoupon').classList.add('loading');\r\n }\r\n else {\r\n document.querySelector('#submitCoupon').classList.remove('loading');\r\n }\r\n };\r\n\r\n NormalizeDate(day, month, year) {\r\n var finalDate = '';\r\n var finalMonth = '';\r\n var finalDay = '';\r\n if (month + 1 < 10) {\r\n finalMonth = '0' + (month + 1);\r\n }\r\n else {\r\n finalMonth = month + 1;\r\n }\r\n if (day < 10) {\r\n finalDay = '0' + day;\r\n }\r\n else {\r\n finalDay = day;\r\n }\r\n finalDate = '' + year + '-' + finalMonth + '-' + finalDay + '';\r\n return finalDate;\r\n }\r\n\r\n NormalizeDateIL(day, month, year) {\r\n var finalDate = '';\r\n var finalMonth = '';\r\n var finalDay = '';\r\n if (month + 1 < 10) {\r\n finalMonth = '0' + (month + 1);\r\n }\r\n else {\r\n finalMonth = month + 1;\r\n }\r\n if (day < 10) {\r\n finalDay = '0' + day;\r\n }\r\n else {\r\n finalDay = day;\r\n }\r\n finalDate = '' + finalDay + '/' + finalMonth + '/' + year + '';\r\n return finalDate;\r\n }\r\n\r\n render() {\r\n let lang = this.props.lang;\r\n let itemCount = 0;\r\n let itemSum = 0;\r\n let rowColor = '';\r\n let tableDir = \"rtl\";\r\n let date = new Date();\r\n let year = date.getFullYear();\r\n let month = date.getMonth();\r\n let day = date.getDate();\r\n //console.log('this.props.finalOfferItems: ', this.props.finalOfferItems);\r\n let currency = this.props.currency === 'ILS' ? langConf[lang].ILS : langConf[lang].USD;\r\n \r\n if (lang === 'english') {\r\n tableDir = \"ltr\";\r\n }\r\n this.props.finalOfferItems.map((item) => itemCount += item.quantity);\r\n this.props.finalOfferItems.map((item) => itemSum += this.props.currency === \"ILS\" ? (item.priceNis === null ? 0 : (item.priceNis * item.quantity)) : (item.Usd === null ? 0 : (item.priceUsd * item.quantity)));\r\n let index = 0;\r\n const items = this.props.finalOfferItems.map((item) => {\r\n index++;\r\n if (item.category === 999) {\r\n rowColor = 'ui blue right table';\r\n }\r\n let d = new Date(item.cartItemDate);\r\n return (\r\n
\r\n {item.itemNo} \r\n {`[${item.cartItemDate === undefined ? this.NormalizeDateIL(day, month, year) : this.NormalizeDateIL(d.getDate(), d.getMonth(),d.getFullYear())}]`} \r\n {lang === 'hebrew' ? item.hebName : item.engName} \r\n {item.quantity} \r\n {`${this.numberWithCommas(this.props.currency === \"ILS\" ? ((item.priceNis === null || item.priceNis === '' ? 0 : item.priceNis) * item.quantity) : ((item.priceUsd === null || item.priceUsd === '' ? 0 : item.priceUsd) * item.quantity))} ${currency}`} \r\n \r\n )\r\n });\r\n return (\r\n
\r\n
{langConf[lang].finalOffer}
\r\n
\r\n
\r\n \r\n \r\n {langConf[lang].itemNo} \r\n {langConf[lang].orderDate} \r\n {langConf[lang].itemName} \r\n {langConf[lang].quantity} \r\n {langConf[lang].price} \r\n \r\n \r\n \r\n {items}\r\n \r\n \r\n \r\n {langConf[lang].subtotal} \r\n {`${itemCount} ${langConf[lang].items}`} \r\n {`${this.numberWithCommas((itemSum === null ? 0 : itemSum))} ${currency}`} \r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n { event.preventDefault(); this.props.changeScreen('cart') }}\r\n />\r\n
\r\n
\r\n {/*
\r\n {langConf[lang].submit} \r\n
\r\n
{langConf[lang].iHaveACoupon} */}\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default FinalOffer;\r\n","import React from 'react';\r\n\r\nclass ErrorBoundary extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { error: null, errorInfo: null };\r\n }\r\n \r\n componentDidCatch(error, errorInfo) {\r\n // Catch errors in any components below and re-render with error message\r\n this.setState({\r\n error: error,\r\n errorInfo: errorInfo\r\n })\r\n // You can also log error messages to an error reporting service here\r\n }\r\n \r\n render() {\r\n if (this.state.errorInfo) {\r\n // Error path\r\n return (\r\n
\r\n
Something went wrong. \r\n \r\n {this.state.error && this.state.error.toString()}\r\n \r\n \r\n );\r\n }\r\n // Normally, just render children\r\n return this.props.children;\r\n } \r\n }\r\n\r\n export default ErrorBoundary;","import React from 'react';\r\nimport langConf from \"../js/lang\";\r\nimport BackButton from './BackButton';\r\n\r\nclass TransactionResult extends React.Component {\r\n render() {\r\n let lang = this.props.lang;\r\n let result = this.props.transactionResult === 'success' ? langConf[lang].transactionSucceeded : langConf[lang].transactionFailed;\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{result} \r\n
{this.props.transactionResult === 'success' ? langConf[lang].invoiceInEmail : ''} \r\n
\r\n
\r\n { event.preventDefault(); this.props.changeScreen('items') }}\r\n />\r\n
\r\n
\r\n
\r\n );\r\n };\r\n}\r\n\r\nexport default TransactionResult;","import React from 'react';\r\nimport sheleg from '../api/sheleg';\r\nimport shelegApi from '../api/shelegApi';\r\nimport langConf from \"../js/lang\";\r\nimport ItemList from './ItemList';\r\nimport TopMenu from './TopMenu';\r\nimport CartItems from './CartItems';\r\nimport Payment from './Payment';\r\nimport BidItems from './BidItems';\r\nimport FinalOffer from './FinalOffer';\r\nimport BackButton from './BackButton';\r\nimport Login from './Login';\r\nimport Signup from './Signup';\r\nimport './queries.css';\r\nimport './Signup.css';\r\nimport './tblResponsiveHeb.css';\r\nimport ForgotPassword from './ForgotPassword';\r\nimport { createBrowserHistory } from 'history';\r\nimport ErrorBoundary from './ErrorBoundary';\r\nimport TransactionResult from './TransactionResult';\r\n\r\nclass App extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n objNo: '',//this.querystring('n'), //'826639245'\r\n items: [],\r\n categories: [],\r\n selectedCategory: '0',\r\n vendorData: '',\r\n companyNo: '1',\r\n objType: '',//this.querystring('t'), //'2'\r\n language: 'hebrew',\r\n currency: 'ILS',\r\n currentURL: window.location.href,\r\n screen: 'items', //items\r\n slgCustId: this.querystring('v'), //'7'\r\n allItems: [],\r\n existingCartItems: [],\r\n spinnerMode: 'active',\r\n bidItems: [],\r\n includeBidItems: true,\r\n finalOfferItems: [],\r\n pricesIncludeVat: true,\r\n transactionResult: false,\r\n sessionId: '',\r\n invNo: 0,\r\n cities: [],\r\n selectedCity: '',\r\n selectedCityName: '',\r\n streets: [],\r\n selectedStreet: '',\r\n selectedStreetName: '',\r\n paymentMode: 'signup',//'signup',\r\n availablePayments: 24,\r\n multiplePayments: false,\r\n existingUsername: ''\r\n };\r\n }\r\n\r\n componentDidMount = async () => {\r\n\r\n await this.getSessionId(this.state.slgCustId);\r\n await this.getVendorData(this.state.companyNo);\r\n await this.getAvailablePayments();\r\n await this.getAllItems();\r\n await this.getCategories();\r\n this.selectedCategoryChanged(this.state.selectedCategory);\r\n localStorage.setItem('v', this.querystring('v')[0]);\r\n this.setState({ spinnerMode: '' });\r\n await this.getCities();\r\n }\r\n\r\n querystring(obj) {\r\n const result = [];\r\n let match;\r\n const re = new RegExp('(?:\\\\?|&)' + obj + '=(.*?)(?=&|$)', 'gi');\r\n while ((match = re.exec(document.location.search)) !== null) {\r\n result.push(match[1]);\r\n }\r\n return result;\r\n }\r\n\r\n NormalizeDate(day, month, year) {\r\n var finalDate = '';\r\n var finalMonth = '';\r\n var finalDay = '';\r\n if (month + 1 < 10) {\r\n finalMonth = '0' + (month + 1);\r\n }\r\n else {\r\n finalMonth = month + 1;\r\n }\r\n if (day < 10) {\r\n finalDay = '0' + day;\r\n }\r\n else {\r\n finalDay = day;\r\n }\r\n finalDate = '' + year + '-' + finalMonth + '-' + finalDay + '';\r\n return finalDate;\r\n }\r\n\r\n getSessionId = async () => {\r\n let lang = this.state.language;\r\n const response = await sheleg.get(`ClearingPage/${this.state.slgCustId}/sid`);\r\n let sessionId = response.data;\r\n if (sessionId === '') {\r\n window.alert(langConf[lang].unexpectedError);\r\n }\r\n else {\r\n //console.log('response: ', response);\r\n //console.log('sessionId: ', sessionId);\r\n this.setState({ sessionId: sessionId });\r\n localStorage.setItem('sessionId', sessionId);\r\n }\r\n };\r\n\r\n getAllItems = async () => {\r\n let arr = [];\r\n let today = new Date();\r\n const response = await sheleg.get(`ClearingPage/${this.state.slgCustId}/Items`);\r\n //console.log('items: ', response.data);\r\n await response.data.map((item) => arr.push(\r\n {\r\n itemNo: item.itemNo === null ? '' : item.itemNo,\r\n category: item.category === null ? '' : item.category,\r\n hebDescription: item.hebDescription === null ? '' : item.hebDescription,\r\n engDescription: item.engDescription === null ? '' : item.engDescription,\r\n hebName: item.hebName === null ? '' : item.hebName,\r\n engName: item.engName === null ? '' : item.engName,\r\n picDescription: item.picDescription === null ? '' : item.picDescription,\r\n picFile: item.picFile === null ? '' : item.picFile,\r\n priceNis: item.priceNIS === null ? '' : item.priceNIS,\r\n priceUsd: item.priceUSD === null ? '' : item.priceUSD,\r\n quantity: 0,\r\n cartNo: 0,\r\n recKey: 0,\r\n runningLineNo: 0,\r\n cartItemDate: today\r\n }\r\n ));\r\n for (let i = 0; i < arr.length; i++) {\r\n let itemDate = new Date(arr[i].cartItemDate);\r\n let year = itemDate.getFullYear();\r\n let month = itemDate.getMonth();\r\n let day = itemDate.getDate();\r\n arr[i].cartItemDate = this.NormalizeDate(day, month, year);\r\n }\r\n //console.log('items: ', arr);\r\n this.setState({ allItems: arr });\r\n }\r\n\r\n\r\n getExistingCart = async () => {\r\n const response = await sheleg.get(`ClearingPage/${this.state.slgCustId}/Customer/${this.state.objType}/${this.state.objNo}/cart`);\r\n //console.log('Existing cart: ', response);\r\n let invNo = 0;\r\n let arr = [];\r\n response.data.map((cartItem) => arr.push(\r\n {\r\n cartItemDate: cartItem.cartItemDate === null ? '' : cartItem.cartItemDate,\r\n cartNo: cartItem.cartNo === null ? '' : cartItem.cartNo,\r\n itemNo: cartItem.itemNo === null ? '' : cartItem.itemNo,\r\n itemDescription: cartItem.itemDescription === null ? '' : cartItem.itemDescription,\r\n priceNis: cartItem.itemNISPrice === null ? '' : cartItem.itemNISPrice,\r\n priceUsd: cartItem.itemUSDPrice === null ? '' : cartItem.itemUSDPrice,\r\n quantity: cartItem.quantity === null ? '' : cartItem.quantity,\r\n recKey: cartItem.recKey === null ? '' : cartItem.recKey,\r\n runningLineNo: cartItem.runningLineNo === null ? '' : cartItem.runningLineNo\r\n }\r\n ));\r\n if (arr.length > 0) {\r\n invNo = arr[0].cartNo;\r\n }\r\n for (let i = 0; i < arr.length; i++) {\r\n let itemDate = new Date(arr[i].cartItemDate);\r\n let year = itemDate.getFullYear();\r\n let month = itemDate.getMonth();\r\n let day = itemDate.getDate();\r\n arr[i].cartItemDate = this.NormalizeDate(day, month, year);\r\n }\r\n this.setState({ bidItems: arr, invNo: invNo });\r\n }\r\n\r\n getCategories = async () => {\r\n const response = await sheleg.get(`ClearingPage/${this.state.slgCustId}/Categories`);\r\n let arr = [];\r\n response.data.map((category) => arr.push(\r\n {\r\n classCode: category.classCode,\r\n hebDscrp: category.hebDscrp,\r\n engDscrp: category.engDscrp\r\n }\r\n ));\r\n arr.push({ classCode: '0', hebDscrp: langConf['hebrew'].allItems, engDscrp: langConf['english'].allItems });\r\n this.setState({ categories: arr });\r\n }\r\n\r\n getCities = async () => {\r\n //let lang = this.state.language;\r\n const response = await shelegApi.get(`/Cities`);\r\n let arr = [];\r\n //arr.push({ cityCode: '0', cityName: langConf[lang].selectCity });\r\n //console.log('cities: ', response.data);\r\n response.data.map((city) => arr.push(\r\n {\r\n cityCode: city.cityCode,\r\n cityName: city.cityName\r\n }\r\n ));\r\n this.setState({ cities: arr });\r\n }\r\n\r\n getStreets = async (cityCode) => {\r\n //let lang = this.state.language;\r\n //console.log('selectedCity: ', cityCode);\r\n if (cityCode !== '') {\r\n const response = await shelegApi.get(`/${cityCode}/Streets`);\r\n let arr = [];\r\n //arr.push({ streetCode: '0', streetName: langConf[lang].selectStreet });\r\n //console.log('streets: ', response.data);\r\n response.data.map((street) => arr.push(\r\n {\r\n streetCode: street.streetCode,\r\n streetName: street.streetName\r\n }\r\n ));\r\n this.setState({ streets: arr });\r\n }\r\n }\r\n\r\n getVendorData = async (companyNo) => {\r\n const vendorResponse = await sheleg.get(`ClearingPage/${this.state.slgCustId}/VendorData/${companyNo}`);\r\n //console.log('vendor response: ', vendorResponse);\r\n let vendorData = {\r\n companyNameEng: vendorResponse.data[0].companyNameEng,\r\n companyNameHeb: vendorResponse.data[0].companyNameHeb,\r\n defaultCurrency: vendorResponse.data[0].defaultCurr,\r\n priceIncludeVat: vendorResponse.data[0].sitepriceIncludeVat,\r\n logoUrlEng: vendorResponse.data[0].webLogoFileEng,\r\n logoUrlHeb: vendorResponse.data[0].webLogoFileHeb,\r\n availablePayments: vendorResponse.data[0].maxPayments\r\n };\r\n //console.log('vendorData: ', vendorData);\r\n this.setState(\r\n {\r\n vendorData: vendorData,\r\n currency: vendorData.defaultCurrency === 9999 ? 'ILS' : 'USD',\r\n priceIncludeVat: vendorData.priceIncludeVat !== null ? vendorData.priceIncludeVat : true,\r\n availablePayments: vendorData.availablePayments\r\n });\r\n this.changeVatIncluded(vendorData.priceIncludeVat);\r\n }\r\n\r\n //addToCart => get item number, loop through allItems, whenever allItems's itemNo === param itemNo add quantity for allItems's object\r\n\r\n addToCart = (itemNo) => {\r\n let arr = this.state.allItems.slice();\r\n for (let i = 0; i < arr.length; i++) {\r\n if (arr[i].itemNo === itemNo) {\r\n arr[i].quantity++;\r\n }\r\n }\r\n this.setState({ allItems: arr });\r\n };\r\n\r\n //removeFromCart => get item number, loop through allItems, whenever allItems's itemNo === param itemNo, subtract quantity for allItems's object\r\n removeFromCart = (itemNo) => {\r\n let arr = this.state.allItems.slice();\r\n for (let i = 0; i < arr.length; i++) {\r\n if (arr[i].itemNo === itemNo) {\r\n if (arr[i].quantity > 0) {\r\n arr[i].quantity--;\r\n }\r\n }\r\n }\r\n this.setState({ allItems: arr });\r\n };\r\n\r\n clearCart = () => {\r\n let arr = this.state.allItems.slice();\r\n for (let i = 0; i < arr.length; i++) {\r\n if (arr[i].quantity > 0) {\r\n arr[i].quantity = 0;\r\n }\r\n }\r\n this.setState({ allItems: arr });\r\n };\r\n\r\n changeBidIncluded = (isIncluded) => {\r\n // console.log('changeBidIncluded called, isIncluded: ', isIncluded);\r\n if (!isIncluded) {\r\n this.setState({ includeBidItems: false });\r\n }\r\n else {\r\n this.setState({ includeBidItems: true });\r\n }\r\n };\r\n\r\n updateItemCount = (itemNo, number) => {\r\n let newCart = [];\r\n let item = '';\r\n // Insert a list of all available items into newCart\r\n this.state.allItems.map((item) => newCart.push(\r\n {\r\n itemNo: item.itemNo,\r\n quantity: item.quantity,\r\n hebDescription: item.hebDescription,\r\n engDescription: item.engDescription,\r\n hebName: item.hebName,\r\n engName: item.engName,\r\n picDescription: item.picDescription,\r\n picFile: item.picFile,\r\n priceNis: item.priceNis,\r\n priceUsd: item.priceUsd,\r\n category: item.category\r\n }\r\n ));\r\n // Loop through newCart, when the matching item is found, update the quantity\r\n for (let i = 0; i < newCart.length; i++) {\r\n if (newCart[i].itemNo === itemNo) {\r\n newCart[i].quantity += number; //(1 / -1)\r\n item = newCart[i];\r\n }\r\n }\r\n if (item !== '') {\r\n if (number > 0) {\r\n this.addToCart(item);\r\n }\r\n else if (number < 0) {\r\n this.removeFromCart(itemNo);\r\n }\r\n }\r\n this.setState({ allItems: newCart });\r\n }\r\n\r\n getSelectedCategory = async (category) => {\r\n this.setState({ selectedCategory: category });\r\n }\r\n\r\n selectedCategoryChanged = async (category) => {\r\n this.setState({ items: this.state.allItems, selectedCategory: category });\r\n }\r\n\r\n changeLanguage = async (language) => {\r\n // Languages: hebrew, english\r\n //console.log('language: ', language);\r\n if (language === 'hebrew' || language === 'english') {\r\n this.setState({ language: language });\r\n }\r\n };\r\n\r\n changeCurrency = async (currency) => {\r\n // Currencies: ILS, USD\r\n //console.log('currency: ', currency);\r\n if (currency === 'ILS' || currency === 'USD') {\r\n this.setState({ currency: currency });\r\n }\r\n };\r\n\r\n getAvailablePayments = async () => {\r\n // let lang = this.state.language;\r\n // let pageNo = 1;\r\n // const response = await shelegApi.get(`/LandingPage/${this.state.sessionId}/${pageNo}`);\r\n // console.log('LandingPage: ', response.data);\r\n // let arr = [];\r\n // arr.push({cityCode: '0', cityName: langConf[lang].selectCity});\r\n // //console.log('cities: ', response.data);\r\n // response.data.map((city) => arr.push(\r\n // {\r\n // cityCode: city.cityCode,\r\n // cityName: city.cityName\r\n // }\r\n // ));\r\n // this.setState({ cities: arr }); \r\n };\r\n\r\n saveNewCart = async () => {\r\n let lang = this.state.language;\r\n let newCartItems = [];\r\n let oldCartNo = 0;\r\n for (let i = 0; i < this.state.finalOfferItems.length; i++) {\r\n if (this.state.finalOfferItems[i].cartNo !== 0) {\r\n oldCartNo = this.state.finalOfferItems[i].cartNo;\r\n }\r\n }\r\n\r\n this.state.finalOfferItems.map((item) => newCartItems.push(\r\n {\r\n cartNo: item.cartNo === 0 ? oldCartNo : item.cartNo,\r\n cartItemDate: item.cartItemDate,\r\n itemNo: item.itemNo,\r\n itemDescription: lang === 'hebrew' ? item.hebName : item.engName,\r\n price: this.state.currency === 'ILS' ? item.priceNis : item.priceUsd,\r\n currency: this.state.currency === 'ILS' ? 9999 : 1,\r\n quantity: item.quantity,\r\n recKey: item.recKey,\r\n runningLineNo: item.runningLineNo\r\n }\r\n ));\r\n //console.log('newCartItems: ', newCartItems);\r\n let response = await sheleg.post(`ClearingPage/${this.state.slgCustId}/PostInvoice/${this.state.objType}/${this.state.objNo}`, newCartItems);\r\n //console.log('post invoice response: ', response);\r\n //console.log('post invoice response.data: ', response.data);\r\n await this.changeInvNo(response.data);\r\n };\r\n\r\n changeScreen = async (screen) => {\r\n // Screens: items, cart, finalOffer, payment, transactionResult\r\n if (screen === 'signup' || screen === 'login' || screen === 'items' || screen === 'cart' || screen === 'finalOffer' || screen === 'payment' || screen === 'transactionResult' || screen === 'forgotPassword') {\r\n this.setState({ screen: screen });\r\n }\r\n };\r\n\r\n changeTransactionResult = async (result) => {\r\n // Results: error, success, failure\r\n if (result === 'error' || result === 'success' || result === 'failure') {\r\n this.setState({ transactionResult: result });\r\n }\r\n };\r\n\r\n changeExistingUsername = async (username) => {\r\n this.setState({ existingUsername: username });\r\n };\r\n\r\n changeSelectedCity = async (city) => {\r\n this.setState({ selectedCity: city });\r\n };\r\n\r\n changeSelectedCityName = async (cityName) => {\r\n this.setState({ selectedCityName: cityName });\r\n };\r\n\r\n changeSelectedStreet = async (street) => {\r\n this.setState({ selectedStreet: street });\r\n };\r\n\r\n changeSelectedStreetName = async (streetName) => {\r\n this.setState({ selectedStreetName: streetName });\r\n };\r\n\r\n changeVatIncluded = async (included) => {\r\n // Results: true, false\r\n //console.log('price include vat: ', included);\r\n if (included === true || included === false) {\r\n this.setState({ priceIncludeVat: included })\r\n }\r\n };\r\n\r\n changeObjectType = async (objType) => {\r\n this.setState({ objType: objType });\r\n };\r\n\r\n\r\n\r\n changeObjectNo = async (objectNo) => {\r\n this.setState({ objNo: objectNo });\r\n };\r\n\r\n changeInvNo = async (invNo) => {\r\n this.setState({ invNo: invNo });\r\n };\r\n\r\n changePaymentMode = (mode) => {\r\n if (mode === 'payment' || mode === 'login' || mode === 'signup' || mode === 'forgotPassword') {\r\n this.setState({ paymentMode: mode });\r\n }\r\n };\r\n\r\n changeMultiplePayments = (multiplePayments) => {\r\n if (multiplePayments === true || multiplePayments === false) {\r\n this.setState({ multiplePayments: multiplePayments })\r\n }\r\n };\r\n\r\n toFinalOffer = (event) => {\r\n event.preventDefault();\r\n let d = new Date();\r\n let offer = [];\r\n let arr = this.state.allItems.slice();\r\n if (this.state.includeBidItems) {\r\n for (let i = 0; i < this.state.bidItems.length; i++) {\r\n arr.push(\r\n {\r\n category: 999,\r\n engDescription: '',\r\n engName: this.state.bidItems[i].itemDescription,\r\n hebDescription: '',\r\n hebName: this.state.bidItems[i].itemDescription,\r\n itemNo: this.state.bidItems[i].itemNo,\r\n picDescription: '',\r\n picFile: '',\r\n priceNis: this.state.bidItems[i].priceNis,\r\n priceUsd: this.state.bidItems[i].priceUsd,\r\n quantity: this.state.bidItems[i].quantity,\r\n cartNo: this.state.bidItems[i].cartNo,\r\n recKey: this.state.bidItems[i].recKey,\r\n runningLineNo: this.state.bidItems[i].runningLineNo,\r\n cartItemDate: this.NormalizeDate(d.getDate(), d.getMonth(), d.getFullYear()) //this.state.bidItems[i].cartItemDate\r\n }\r\n );\r\n }\r\n }\r\n for (let i = 0; i < arr.length; i++) {\r\n if (arr[i].quantity > 0) {\r\n offer.push(arr[i]);\r\n }\r\n }\r\n this.setState({\r\n finalOfferItems: offer,\r\n screen: 'finalOffer'\r\n });\r\n };\r\n\r\n toPayment = (event) => {\r\n event.preventDefault();\r\n };\r\n\r\n logoClick = (event) => {\r\n event.preventDefault();\r\n }\r\n\r\n isFinalOfferEnabled() {\r\n let counter = 0;\r\n for (let i = 0; i < this.state.allItems.length; i++) {\r\n if (this.state.allItems[i].quantity > 0) {\r\n counter += this.state.allItems[i].quantity;\r\n }\r\n }\r\n if (counter > 0) {\r\n return '';\r\n }\r\n else if (this.state.includeBidItems && this.state.bidItems.length > 0) {\r\n return '';\r\n }\r\n return 'disabled';\r\n }\r\n\r\n render() {\r\n let lang = this.state.language;\r\n let dir = langConf[lang].dir;\r\n let currURL = this.state.currentURL;\r\n let isDisabled = this.isFinalOfferEnabled();\r\n \r\n if (this.state.screen === 'login') {\r\n return (\r\n
\r\n \r\n );\r\n }\r\n else if (this.state.screen === 'forgotPassword') {\r\n return (\r\n
\r\n );\r\n }\r\n else if (this.state.screen === 'signup') {\r\n return (\r\n
\r\n );\r\n }\r\n else if (this.state.screen === 'items') {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n } else if (this.state.screen === 'cart') {\r\n return (\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n { event.preventDefault(); this.changeScreen('items') }}\r\n />\r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n else if (this.state.screen === 'finalOffer') {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n else if (this.state.screen === 'payment') {\r\n return (\r\n
\r\n );\r\n }\r\n else {\r\n return (\r\n
\r\n
\r\n );\r\n }\r\n }\r\n}\r\n\r\nexport const history = createBrowserHistory({\r\n basename: process.env.PUBLIC_URL\r\n});\r\n\r\nexport default App;","import React from 'react';\r\nimport ReactDom from 'react-dom';\r\nimport App from './components/App';\r\n\r\nReactDom.render(
, \r\n document.querySelector('#root')\r\n)\r\n"],"sourceRoot":""}
\r\n