\r\n );\r\n}","import React, { useState, useEffect } from 'react';\r\nimport {\r\n Input, FormGroup, FormFeedback, Button, Row, Col, Spinner\r\n} from \"reactstrap\"\r\nimport '../home.css'\r\nimport { deviceType, osName, browserName } from 'react-device-detect';\r\n\r\nexport default function EmailValidation(props) {\r\n\r\n const { countrycode, transactiondate, receiptId, translation, locale } = props\r\n const MainState = props.MainState;\r\n const [emailBtnDisabled, setEmailBtnDisabled] = useState(MainState.emailBtnDisabled);\r\n const [emailId, setEmailId] = useState(\"\");\r\n const [validate, setValidate] = useState(false);\r\n const [isEmailEmpty, setÍsEmailEmpty] = useState(true);\r\n const [showEmailSentMsgObj, setShowEmailSentMsgObj] = useState({\r\n showEmailSentMsg: false,\r\n showEmailSentMsgContent: {translation('You have reached the maximum number of emails you can send(4).Please use the download function instead.')}\r\n });\r\n const emailRex =\r\n /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n\r\n function validateEmail(e) {\r\n setÍsEmailEmpty(true);\r\n setEmailId(e.target.value);\r\n validateEmailText(e.target.value);\r\n }\r\n function validateEmailText(emails) {\r\n setEmailBtnDisabled(true);\r\n if (emailRex.test(emails)) {\r\n setEmailBtnDisabled(false);\r\n }\r\n }\r\n function SendEmailEvent() {\r\n if (MainState.isLoading) return;\r\n\r\n if (!emailRex.test(emailId) || MainState.emailSentCount >= 4) {\r\n setShowEmailSentMsgObj(prevState => {\r\n return {\r\n showEmailSentMsg: true, showEmailSentMsgContent: {translation('You have reached the maximum number of emails you can send(4).Please use the download function instead.')} } });\r\n return;\r\n }\r\n SendEmailReceipt();\r\n /*setIsEmailSent(true);\r\n props.updateInput(emailId, validate);*/\r\n }\r\n function handleInputBlur(e) {\r\n if (emailId != \"\")\r\n setÍsEmailEmpty(false);\r\n setEmailBtnDisabled(!emailRex.test(emailId));\r\n setValidate(emailRex.test(emailId));\r\n };\r\n const SendEmailReceipt = async () => {\r\n if (props.callDateDiff < 0) {\r\n props.setExpireState();\r\n setEmailId(\"\");\r\n setÍsEmailEmpty(true);\r\n return;\r\n }\r\n props.callLoading(true);\r\n\r\n const EmailCustomerInfos = {\r\n BusinessPartnerId: null,\r\n CountryCode: countrycode,\r\n FirstName: null,\r\n LastName: null,\r\n CorporateBrandId: 0,\r\n CorporateBrand: \"HM\",\r\n Base64PDF: MainState.base64PDF,\r\n Base64BarCodeImage: MainState.barcode,\r\n Locale: locale,\r\n CustomerLoyaltyId: null,\r\n EmailAddres: emailId,\r\n TransactionDate: transactiondate\r\n };\r\n const NonMemberReceiptBlobsIndexRequest = {\r\n ReceiptId: receiptId,\r\n TransactionDate: transactiondate,\r\n CountryCode: countrycode,\r\n EmailSentCount: MainState.emailSentCount + 1,\r\n DeviceType : deviceType,\r\n OsName : osName,\r\n BrowserName: browserName\r\n }\r\n const emailCountAndCustomerInfo = {\r\n EmailCustomerInfos,\r\n NonMemberReceiptBlobsIndexRequest\r\n }\r\n var response = await fetch('receiptline/sendemail', {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(emailCountAndCustomerInfo)\r\n });\r\n const data = await response.json();\r\n props.callLoading(false);\r\n\r\n if (data != null && data.error != null) {\r\n if (data.error != \"Success\") {\r\n setShowEmailSentMsgObj(prevState => {\r\n return {\r\n showEmailSentMsg: true, showEmailSentMsgContent: {translation('Unable to send receipt. Please try again or download the receipt.')}\r\n } });\r\n return;\r\n }\r\n\r\n setShowEmailSentMsgObj(prevState => { return { showEmailSentMsg: false } });\r\n props.updateInput(emailId, true);\r\n props.updateEmailSenCount();\r\n props.callLoading(false);\r\n }\r\n }\r\n return (\r\n \r\n {\r\n !isReceiptExpired &&\r\n {translation('Receipt ID')} {receiptId} {translation('has failed to load!')}\r\n
\r\n }\r\n {\r\n isReceiptExpired &&\r\n \r\n {translation('Your receipt')} {receiptId} {translation('has expired')}\r\n
\r\n }\r\n\r\n
\r\n