\r\n {showTextAlertHeader &&\r\n
\r\n }\r\n\r\n {isSaleCatalogUploadAlertModal && saleCatalogUploadNotificationForModal.length > 0 &&\r\n <>\r\n
{translator.translate('sandhills.tradesites.mvc.addreminderforevent')}
\r\n
\r\n
\r\n
{translator.translate('sandhills.sendmeanalertwhen')}
\r\n
{translator.translate('sandhills.crm.dscrm.text')}
\r\n
{translator.translate('sandhills.email')}
\r\n
\r\n
\r\n
\r\n
\r\n {showTextAlertHeader ?\r\n <>\r\n
\r\n toggleTextAndChange(saleCatalogUploadNotificationForModal[0])}\r\n />
\r\n >\r\n :\r\n <>\r\n
{ if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); showTextAlertModal(); } }} className='link' onClick={showTextAlertModal}>{translator.translate('sandhills.signup')}
\r\n >\r\n }\r\n
\r\n
\r\n
\r\n toggleEmailAndSaveChange(saleCatalogUploadNotificationForModal[0])}\r\n />\r\n
\r\n
\r\n
\r\n
\r\n >\r\n }\r\n\r\n
\r\n
\r\n
{translator.translate('sandhills.tradepubwebsite.mvc.sendmewatchlistalertwhen')}
\r\n
{translator.translate('sandhills.crm.dscrm.text')}
\r\n
{translator.translate('sandhills.email')}
\r\n
\r\n
\r\n {mainNotificationsSection?.map((mainPrefs, index) => {\r\n return (\r\n <>\r\n
\r\n \r\n {mainPrefs.NotificationTypeID == registrationNotificationTypes.AuctionStarts && \r\n \r\n }\r\n
\r\n\r\n
\r\n {showTextAlertHeader ?\r\n <>\r\n
\r\n toggleTextAndChange(mainPrefs)}\r\n />
\r\n >\r\n :\r\n <>\r\n
{ if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); showTextAlertModal(); } }} className='link' onClick={showTextAlertModal}>{translator.translate('sandhills.signup')}
\r\n >\r\n }\r\n
\r\n
\r\n
\r\n toggleEmailAndSaveChange(mainPrefs)}\r\n />
\r\n
\r\n >\r\n )\r\n })}\r\n
\r\n
\r\n\r\n {!props.IsModal && props.AccountMenu?.ActiveTab == \"EquipmentFacts\" && saleCatalogUploadNotifications.length > 0 &&\r\n
\r\n
\r\n
{translator.translate('sandhills.eventswithcataloguploadalerts')}
\r\n
{translator.translate('sandhills.crm.dscrm.text')}
\r\n
{translator.translate('sandhills.email')}
\r\n
\r\n
\r\n {saleCatalogUploadNotifications?.map((eventPrefs) => {\r\n return (\r\n <>\r\n
\r\n
\r\n {showTextAlertHeader ?\r\n <>\r\n
\r\n toggleTextAndChange(eventPrefs)}\r\n />
\r\n >\r\n :\r\n <>\r\n
{ if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); showTextAlertModal(); } }} className='link' onClick={showTextAlertModal}>{translator.translate('sandhills.signup')}
\r\n >\r\n }\r\n
\r\n
\r\n
\r\n toggleEmailAndSaveChange(eventPrefs)}\r\n />
\r\n
\r\n >\r\n )\r\n })}\r\n
\r\n
\r\n }\r\n \r\n {emailOnlyNotifications.length > 0 &&\r\n
{translator.translate('sandhills.interestedinsigningupforothersitealerts').replace(\"{0}\", props.AccountMenu?.ActiveTab ?? (currentSite.CurrentSite == 'BidCaller' ? 'EquipmentFacts' : currentSite.CurrentSite))}
}\r\n {emailOnlyNotifications.length > 0 &&\r\n
\r\n
\r\n
{translator.translate('sandhills.crm.dscrm.shipping')}
\r\n
\r\n
{translator.translate('sandhills.on')} / {translator.translate('sandhills.off')}
\r\n
\r\n
\r\n {emailOnlyNotifications?.map((emailOnlyPref, index) => {\r\n return (\r\n <>\r\n
\r\n
\r\n
\r\n
\r\n
\r\n toggleEmailAndSaveChange(emailOnlyPref)}\r\n />\r\n
\r\n
\r\n {emailOnlyPref.LegalText.length > 0 &&\r\n
{emailOnlyPref.LegalText}
\r\n }\r\n >\r\n )\r\n })}\r\n
\r\n
\r\n }\r\n\r\n {showTextAlertForm &&\r\n
\r\n }\r\n
\r\n\r\n {props.IsModal && !isSaleCatalogUploadAlertModal &&\r\n <>\r\n \r\n\t\t\t\t\t\t{![mfaDisplayModes.BidderRegistration, mfaDisplayModes.RegistrationForm].includes(displayMode) &&\r\n\t\t\t\t\t\t\tbasicRadioField('multifactorAuthTo', translator.translate('sandhills.dspasscode.sendemailto'), MultifactorAuthenticationValues.EmailAddresses)}\r\n\t\t\t\t\t\t{basicRadioField('multifactorAuthTo', translator.translate('sandhills.dspasscode.sendtextto'), MultifactorAuthenticationValues.PhoneNumbers)}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n
{translator.translate('sandhills.billingaddress')}
\r\n
\r\n {basicTextField('FirstName', translator.translate('sandhills.tradepubwebsite.mvc.firstname'), billingAddressData.FirstName, validationErrors.FirstName, true, (e) => {\r\n setBillingAddressData(previousState => {\r\n currentBillingData.current = { ...previousState, FirstName: e.target.value, CardHolderName: (e.target.value?.trim() + ' ' + previousState?.LastName?.trim()).trim() };\r\n return { ...previousState, FirstName: e.target.value, CardHolderName: (e.target.value?.trim() + ' ' + previousState?.LastName?.trim()).trim() };\r\n });\r\n setValidationErrors((previousState) => {\r\n return ({ ...previousState, FirstName: '' });\r\n });\r\n })}\r\n {basicTextField('LastName', translator.translate('sandhills.tradepubwebsite.mvc.lastname'), billingAddressData.LastName, validationErrors.LastName, true, (e) => {\r\n setBillingAddressData(previousState => {\r\n currentBillingData.current = { ...previousState, LastName: e.target.value, CardHolderName: (previousState?.FirstName + ' ' + e.target.value).trim() };\r\n return { ...previousState, LastName: e.target.value, CardHolderName: (previousState?.FirstName + ' ' + e.target.value).trim() };\r\n });\r\n setValidationErrors((previousState) => {\r\n return ({ ...previousState, LastName: '' });\r\n });\r\n })}\r\n
\r\n
\r\n {basicTextField('Email', translator.translate('sandhills.email'), billingAddressData.Email, validationErrors.Email, true, (e) => {\r\n setBillingAddressData(previousState => {\r\n currentBillingData.current = { ...previousState, Email: e.target.value };\r\n return { ...previousState, Email: e.target.value };\r\n });\r\n setValidationErrors((previousState) => {\r\n return ({ ...previousState, Email: '' });\r\n });\r\n })}\r\n {basicTextField('Phone', translator.translate('sandhills.phone'), billingAddressData.Phone, validationErrors.Phone, true, (e) => {\r\n setBillingAddressData(previousState => {\r\n currentBillingData.current = { ...previousState, Phone: e.target.value };\r\n return { ...previousState, Phone: e.target.value };\r\n });\r\n setValidationErrors((previousState) => {\r\n return ({ ...previousState, Phone: '' });\r\n });\r\n })}\r\n
\r\n
\r\n {basicTextField('Address1', translator.translate('sandhills.tradepubwebsite.mvc.address'), billingAddressData.Address1, validationErrors.Address1, true, (e) => {\r\n setBillingAddressData(previousState => {\r\n currentBillingData.current = { ...previousState, Address1: e.target.value };\r\n return { ...previousState, Address1: e.target.value };\r\n });\r\n setValidationErrors((previousState) => {\r\n return ({ ...previousState, Address1: '' });\r\n });\r\n })}\r\n {basicTextField('Address2', translator.translate('sandhills.tradepubwebsite.mvc.addressline2'), billingAddressData.Address2, null, false, (e) => {\r\n setBillingAddressData(previousState => {\r\n currentBillingData.current = { ...previousState, Address2: e.target.value };\r\n return { ...previousState, Address2: e.target.value };\r\n });\r\n })}\r\n
\r\n
\r\n {basicTextField('City', translator.translate('sandhills.city'), billingAddressData.City, validationErrors.City, true, (e) => {\r\n setBillingAddressData(previousState => {\r\n currentBillingData.current = { ...previousState, City: e.target.value };\r\n return { ...previousState, City: e.target.value };\r\n });\r\n setValidationErrors((previousState) => {\r\n return ({ ...previousState, City: '' });\r\n });\r\n })}\r\n {basicSelectField('Country', translator.translate('sandhills.country'), billingAddressData.Country, GetCountryDropDown, validationErrors.Country, true, (e) => {\r\n updateStatesForCountry(GetCountryDropDown?.filter(c => c.Value == e.target.value)?.[0]?.Text);\r\n setBillingAddressData(previousState => {\r\n currentBillingData.current = { ...previousState, Country: e.target.value };\r\n return { ...previousState, Country: e.target.value };\r\n });\r\n setValidationErrors((previousState) => {\r\n return ({ ...previousState, Country: '' });\r\n });\r\n })}\r\n
\r\n
\r\n {basicSelectField('State', translator.translate('sandhills.stateprovince'), billingAddressData.State, statesList, validationErrors.State, ((billingAddressData.Country && ['US', 'CA'].includes(billingAddressData.Country)) ? true : false), (e) => {\r\n setBillingAddressData(previousState => {\r\n currentBillingData.current = { ...previousState, State: e.target.value };\r\n return { ...previousState, State: e.target.value };\r\n });\r\n setValidationErrors((previousState) => {\r\n return ({ ...previousState, State: '' });\r\n });\r\n })}\r\n {basicTextField('PostalCode', translator.translate('sandhills.postalcode'), billingAddressData.PostalCode, validationErrors.PostalCode, ((billingAddressData.Country && ['US', 'CA'].includes(billingAddressData.Country)) ? true : false), (e) => {\r\n setBillingAddressData(previousState => {\r\n currentBillingData.current = { ...previousState, PostalCode: e.target.value };\r\n return { ...previousState, PostalCode: e.target.value };\r\n });\r\n setValidationErrors((previousState) => {\r\n return ({ ...previousState, PostalCode: '' });\r\n });\r\n })}\r\n
\r\n
\r\n );\r\n };\r\n\r\n const standardCardInfoFields = () => {\r\n return (\r\n