.
stripeCard.mount('#card-element');
// Handle real-time validation errors from the card Element.
stripeCard.on('change', function (event) {
var displayError = document.getElementById('card-errors');
if (event.error) {
displayError.textContent = event.error.message;
} else {
displayError.textContent = '';
}
if ($('#card-element').hasClass("InvalidSearch")) {
$('#card-element').removeClass("InvalidSearch");
}
});
}
function stripeTokenHandler(token) {
// Insert the token ID into the form so it gets submitted to the server
var form = document.getElementById('payment-form');
var hiddenInput = document.createElement('input');
hiddenInput.setAttribute('type', 'hidden');
hiddenInput.setAttribute('name', 'stripeToken');
hiddenInput.setAttribute('value', token.id);
form.appendChild(hiddenInput);
// Submit the form
form.submit();
}
//start - CreditCard Validations
function validateBrainTreeCard() {
var cardNumber = false;
var cvv = false;
var expiryDate = false;
if ($('#card-number').hasClass('braintree-hosted-fields-valid')) {
cardNumber = true;
if ($('#card-number').hasClass('InvalidSearch')) {
$('#card-number').removeClass("InvalidSearch");
}
}
else {
$('#card-number').addClass("InvalidSearch");
}
if ($('#cvv').hasClass('braintree-hosted-fields-valid')) {
cvv = true;
if ($('#cvv').hasClass('InvalidSearch')) {
$('#cvv').removeClass("InvalidSearch");
}
}
else {
$('#cvv').addClass("InvalidSearch");
}
if ($('#expiration-date').hasClass('braintree-hosted-fields-valid')) {
expiryDate = true;
if ($('#expiration-date').hasClass('InvalidSearch')) {
$('#expiration-date').removeClass("InvalidSearch");
}
}
else {
$('#expiration-date').addClass("InvalidSearch");
}
if (cardNumber && cvv && expiryDate) {
return false;
}
else
return true;
}
function validateStripeCard() {
if ($('#card-element').hasClass('StripeElement--invalid') || $('#card-element').hasClass('StripeElement--empty') || !($('#card-element').hasClass('StripeElement--complete'))) {
$('#card-element').addClass("InvalidSearch");
return true;
}
else {
return false;
}
}
function validateCreditCard(type) {
var cardNo = "";
var cvv = $('#' + type + 'SecCode').val();
var isValidExpDate = true;
var isValidCVC = true;
cardNo = $('#' + type + 'CardNo').val();
var isDealerSupported = true;
var creditCardType = cardType;
if ($('#' + type + 'SecCode').val() == "") {
isValidCVC = false;
}
else if ($('#' + type + 'SecCode').val() != "") {
isValidCVC = validateCVV(cvv);
}
if (type.indexOf("txtPre") > -1) {
isValidExpDate = true;//inthe case of iXpreorder, checking separately added
}
else {
isValidExpDate = validateExpiryDate();
}
if ($("#divInvalidCardtype").hasClass("d-block ChkRedTxt")) {
isDealerSupported = false;
}
if (isCardNumberValid && isCardLengthValid && isValidExpDate && isValidCVC && isDealerSupported) {
return false;
}
else {
if (!isCardNumberValid || !isCardLengthValid || !isDealerSupported) {
$('#' + type + 'CardNo').removeClass("RightInput");
$('#' + type + 'CardNo').addClass("InvalidSearch");
}
if (!isValidExpDate) {
$('#' + type + 'ExpDate').removeClass("RightInput");
$('#' + type + 'ExpDate').addClass("InvalidSearch");
}
if (!isValidCVC) {
$('#' + type + 'SecCode').removeClass("RightInput");
$('#' + type + 'SecCode').addClass("InvalidSearch");
}
return true;
}
}
function validateExpiryDate() {
isValidMonth = true;
isValidYear = true;
var expDate = $('#txtExpDate').val();
if ($('#txtExpDate').val() == "") {
return false;
}
else {
var expDateArray = expDate.split("/");
var month = (expDateArray != "" && expDateArray[0] != "") ? expDateArray[0] : "";
var numericReg = /^\d*[0-9](|.\d*[0-9]|,\d*[0-9])?$/;
if (!numericReg.test(month)) {
isValidMonth = false;
}
var year = (expDateArray != "" && expDateArray[1] != "") ? expDateArray[1] : "";
if (!numericReg.test(year)) {
isValidYear = false;
}
if (isValidMonth && isValidYear) {
var currentDate = new Date();
var ptmonth = currentDate.getMonth();
var val = 1;
var presentmonth = ptmonth + val;
var presentyear = currentDate.getFullYear();
if (year == presentyear) {
if (month < presentmonth) {
return false;
}
else {
return true;
}
}
else if (year < presentyear) {
return false;
}
else {
return true;
}
}
else {
return false;
}
}
}
//end - CreditCard Validations
function updateCartProductQuantity(productQuantity, productCount, newQuantity) {
$(".CartOverlay").hide();
if ($("#hdnCartUpdated").val().toLowerCase() != "true") {
productCount = productCount + newQuantity - productQuantity;
$("#spnCartCount").text(productCount);
$("#hdnCartCount").val(productCount);
setTimeout(function () {
if ($("#clickDisableOverlay").hasClass("clickDisable")) {
$("#clickDisableOverlay").removeClass("clickDisable");
}
}, 200);
}
var promo = $('#promoCode').val();
if (promo != null) {
if (validatePromoCode()) {
applyPromoCode(promo);
}
}
}
function validatePromoCode() {
if ($("#promoCode").val() != "") {
//debugger;
$('#aPromoClick').text($("#promoCode").val());
return true;
}
else {
return false;
}
}
function removePromoCode(btnId) {
$("#" + btnId).click();
}
function validatePaypalInfo() {
//var flagError = false;
//flagError = validateBeforeSubmit('divContactSection');
//if (!flagError)
// loadPaymentSection();
//else
// $("html, body").animate({ scrollTop: 0 }, "slow");
// var chkboxFlagErr = true;
var vinDetails = [];
if ($('#hdnIsFitment').val().toString() == "true") {
if (!$("#divPaypalVin").hasClass("d-none")) {
$('#divPaypalVin input').each(function () {
var id = this.id.replace("txtVinDigit_", "");
var modelname = $(this).data('modelname');
var value = $(this).val();
vinDetails.push({ ModelId: id, VIN: value, ModelNameForVin: modelname });
});
vinDetails = JSON.stringify(vinDetails);
$('#hdnPaypalVinList').val(vinDetails);
}
}
var chkboxFlagErr = validateAllCheckBoxes('divTermsAndConditions');
var contactFlag = validateBeforeSubmit('divPaypalContactInfo')
if (contactFlag == true || chkboxFlagErr == true) {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
}
else {
return true;
}
}
function validateAmazonContactInfo() {
var vinDetails = [];
if ($('#hdnIsFitment').val().toString() == "true") {
if (!$("#divBillingVin").hasClass("d-none")) {
$('#divBillingVin input').each(function () {
var id = this.id.replace("txtVinDigit_", "");
var modelname = $(this).data('modelname');
var value = $(this).val();
vinDetails.push({ ModelId: id, VIN: value, ModelNameForVin: modelname });
});
vinDetails = JSON.stringify(vinDetails);
$('#hdnVinList').val(vinDetails);
}
}
var contactError = validateBeforeSubmit('divAmazonContactInfo');
var chkboxFlagErr = validateAllCheckBoxes('divTermsAndConditions');
if (!contactError && !chkboxFlagErr)
return true;
else {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
}
}
function clearBillingFields() {
//Avoiding Issue of Overlapping label on Text box content when browser back to prev page is clicked from Review page.
$('.BillingSection input[type=text],input[type=tel],.card-payment').each(function () {
if ($(this).val() != "") {
//var controls = "FirstName,LastName,CName,StrtAddress,AprtAddress,City,ZipCode,Phone,Email";
//var controlArray = controls.split(",");
//for (var i = 0; i < controlArray.length; i++) {
// $('#txtBill' + controlArray[i]).val("");
// $('#txtBill' + controlArray[i]).focus();
//}
//var ddlControls = "State";
//var ddlcontrolArray = ddlControls.split(",");
//for (var i = 0; i < ddlcontrolArray.length; i++) {
// $('#ddlBill' + ddlcontrolArray[i]).val("");
// $('#ddlBill' + ddlcontrolArray[i]).focus();
//}
$('label[for="' + this.id + '"]').addClass('input-not-empty');
}
});
//Avoiding Issue of loading required fields as invalid on first page load: Only on Ipad and Mobile versions.
$('.BillingSection .required,.card-payment').each(function () {
$(this).removeClass("InvalidSearch");
$(this).parent().find('span').addClass("d-none");
});
}
function UpdateDeliveryType(ProductItemId, DeliveryType, newDeliveryType, Quantity) {
$(".CartOverlay").show();
var args = { ProductItemId: ProductItemId, DeliveryType: DeliveryType, newDeliveryType: newDeliveryType, Quantity: Quantity };
$.ajax(BMWAjax.lib.request({ method: 'POST', url: BMWAjax.Urls.Cart.UpdateDeliveryType, data: args }, {
complete: function (json) {
$(".CartOverlay").hide();
if (json.responseJSON !== null) {
applyPromoCode();
var promo = $('#promoCode').val();
if (promo != null) {
if (validatePromoCode()) {
applyPromoCode(promo);
}
}
//$("#cartSummaryContainer").html(json.responseJSON);
$("#cartSummaryDeliveryType").html(json.responseJSON);
}
}
}));
}
function applyPromoCode(promoCode) {
$(".CartOverlay").show();
var args = { promoCode: promoCode };
$.ajax(BMWAjax.lib.request({ method: 'POST', url: BMWAjax.Urls.Cart.ApplyPromoCode, data: args }, {
complete: function (json) {
$(".CartOverlay").hide();
if (json.responseJSON !== null) {
$("#PriceSummary").html(json.responseJSON);
}
}
}));
}
//moving ajax calls from _Vehicle selector for preorder end page #BE-5753
function selectYourYear(isMenu, isShowMoreYear) {
var args = { isMenu: isMenu, isShowMoreYear: isShowMoreYear };
$.ajax(BMWAjax.lib.request({ method: 'POST', url: BMWAjax.Urls.VehicleSelector.GetYearList, data: args }, {
complete: function (json) {
//if (json.responseJSON != null && json.responseJSON[1] === "true") {
if (isMenu == 1) {
clearRightMenu();
$("#select-bmw-pop-up-rightId").html(json.responseJSON);
}
else if (isMenu == 0) {
$("#select-bmw-pop-up-Id").html(json.responseJSON);
}
//}
}
}));
//return false;
}
function getYourBMWHome(isMenu, modelId, isModelPage) {
var args = { isMenu: isMenu, modelId: modelId, isModelPage: isModelPage };
$.ajax(BMWAjax.lib.request({ method: 'POST', url: BMWAjax.Urls.VehicleSelector.GetYourBMW, data: args }, {
complete: function (json) {
//if (json.responseJSON != null && json.responseJSON[1] === "true") {
if (isMenu == 1) {
$("#select-bmw-pop-up-rightId").html(json.responseJSON);
}
else if (isMenu == 0) {
$("#select-bmw-pop-up-Id").html(json.responseJSON);
}
//}
}
}));
}
function selectYourSeries(IsRightMenu, YearList, productName, productLink, categoryId, isReloadPage, isAddtoCart, isMoreInformationNeed, targetId) {
isReloadPage = Boolean(isReloadPage);
isAddtoCart = Boolean(isAddtoCart);
isMoreInformationNeed = Boolean(isAddtoCart);
var args = { isMenu: IsRightMenu, selectedYear: YearList, productName: productName, productLink: productLink, categoryId: categoryId, isReloadPage: isReloadPage, isAddtoCart: isAddtoCart, isMoreInformationNeed: isMoreInformationNeed };
$.ajax(BMWAjax.lib.request({ method: 'POST', url: BMWAjax.Urls.VehicleSelector.GetSeriesList, data: args }, {
complete: function (json) {
//clearRightMenu(); //Model.IsRightMenu
// if (json.responseJSON != null && json.responseJSON[1] === "true") {
$("#" + targetId).html(json.responseJSON);
//}
}
}));
}
function getYearListForProductSelection(isMenu, isShowMoreYear, productName, productLink, categoryId, isAddtoCart, targetId) {
isAddtoCart = Boolean(isAddtoCart);
var args = { isMenu: isMenu, isShowMoreYear: isShowMoreYear, productName: productName, productLink: productLink, categoryId: categoryId, isAddtoCart: isAddtoCart };
$.ajax(BMWAjax.lib.request({ method: 'POST', url: BMWAjax.Urls.VehicleSelector.GetYearListForProductSelection, data: args }, {
complete: function (json) {
if (isShowMoreYear == true) {
ShowMoreYear();
}
$("#" + targetId).html(json.responseJSON);
}
}));
}
function selectYourYearShowMore(isMenu, isShowMoreYear, IsReloadPage, IsAddtocart, isMoreInformationNeed, targetId) {
IsAddtocart = Boolean(IsAddtocart);
isMoreInformationNeed = Boolean(isMoreInformationNeed);
var args = { isMenu: isMenu, isShowMoreYear: isShowMoreYear, isAddtocart: IsAddtocart, isReloadPage: IsReloadPage, isMoreInformationNeed: isMoreInformationNeed };
$.ajax(BMWAjax.lib.request({ method: 'POST', url: BMWAjax.Urls.VehicleSelector.GetYearList, data: args }, {
complete: function (json) {
if (isShowMoreYear == true) {
ShowMoreYear();
}
$("#" + targetId).html(json.responseJSON);
}
}));
}
function getModelList(isMenu, selectedYear, selectedSeries, productName, productLink, categoryId, isReloadPage, isAddtoCart, isMoreInformationNeed, targetId) {
isReloadPage = Boolean(isReloadPage);
isAddtoCart = Boolean(isAddtoCart);
isMoreInformationNeed = Boolean(isMoreInformationNeed);
var args = { isMenu: isMenu, selectedYear: selectedYear, selectedSeries: selectedSeries, productName: productName, productLink: productLink, categoryId: categoryId, isReloadPage: isReloadPage, isAddtocart: isAddtoCart, isMoreInformationNeed: isMoreInformationNeed };
$.ajax(BMWAjax.lib.request({ method: 'POST', url: BMWAjax.Urls.VehicleSelector.GetModelList, data: args }, {
complete: function (json) {
//ShowMoreYear();
$("#" + targetId).html(json.responseJSON);
}
}));
}
function getYourBMW(isMenu, modelId, productName, productLink, categoryId, isShowYourBMW, isMoreInformationNeed, targetId) {
isMoreInformationNeed = Boolean(isMoreInformationNeed);
var args = { isMenu: isMenu, modelId: modelId, productName: productName, productLink: productLink, categoryId: categoryId, isShowYourBMW: isShowYourBMW, isMoreInformationNeed: isMoreInformationNeed };
$.ajax(BMWAjax.lib.request({ method: 'POST', url: BMWAjax.Urls.VehicleSelector.GetYourBMW, data: args }, {
complete: function (json) {
changeModelId(isMenu, modelId);
if (json.responseJSON.toString().toLowerCase() == "location.reload(true)") {
location.reload(true);
}
else {
$("#" + targetId).html(json.responseJSON);
}
}
}));
}
function clearModelSelection(isMenu, isShowMoreYear, targetId) {
var args = { isMenu: isMenu, isShowMoreYear: isShowMoreYear };
$.ajax(BMWAjax.lib.request({ method: 'POST', url: BMWAjax.Urls.VehicleSelector.ClearModelSelection, data: args }, {
complete: function (json) {
if (json.responseJSON.toString().toLowerCase() == "location.reload(true)") {
location.reload(true);
}
//$("#" + targetId).html(json.responseJSON);
}
}));
}
function checkProductFitment(isMenu, productName, categoryId) {
var args = { isMenu: isMenu, productName: productName, categoryId: categoryId };
$.ajax(BMWAjax.lib.request({ method: 'POST', url: BMWAjax.Urls.VehicleSelector.CheckProductFitment, data: args }, {
complete: function (json) {
closeProductModelSelection();
}
}));
}
//var submitButton = document.querySelector('#submit-button');
//var braintreeToken = "";
//var nonce = document.querySelector("#braintreeNonce");
var nonceBraintree = false;
function bindBraintreeCardElement() {
braintree.client.create(
{
authorization: hdnBrainTreeClientToken.value
},
function (clientError, clientInstance) {
if (clientError) {
console.error(clientError);
return;
}
braintree.hostedFields.create({
client: clientInstance,
styles: {
'input': {
'font-size': '14px',
'padding-left': '10px'
},
'input.invalid': {
'color': 'red'
},
'input.valid': {
'color': ''
}
},
fields: {
number: {
selector: '#card-number',
placeholder: 'Card Number'
},
cvv: {
selector: '#cvv',
placeholder: 'CVV'
},
expirationDate: {
selector: '#expiration-date',
placeholder: 'Expiration Date'
}
}
}, function (hostedFieldsError, hostedFieldsInstance) {
if (hostedFieldsError) {
console.error(hostedFieldsError);
return;
}
btnPaymentSaveAndContinue.addEventListener('click', function (event) {
hostedFieldsInstance.tokenize(function (tokenizeErr, payload) {
if (tokenizeErr) {
console.error(tokenizeErr);
return;
}
//alert(payload.nonce);
//nonce.value = payload.nonce;
braintreeNonce.value = payload.nonce;
nonceBraintree = true;
validatePaymentOption();
//form.submit();
});
}, false);
});
});
}
function bindBraintreePaypalElement() {
//$("#frmPaypal").addClass("d-none");
var priceAmt = parseFloat($("#lblPriceSummary").html().replace('$', ''));
braintree.client.create({
authorization: paypalBraintreeClientToken.value
},
function (clientErr, clientInstance) {
//console.error(clientInstance);
// Stop if there was a problem creating the client.
// This could happen if there is a network error or if the authorization
// is invalid.
if (clientErr) {
console.error('Error creating client:', clientErr);
return;
}
// Create a PayPal Checkout component.
braintree.paypalCheckout.create({
client: clientInstance
}, function (paypalCheckoutErr, paypalCheckoutInstance) {
if (paypalCheckoutInstance != undefined) {// braintree missing paypal account link
paypalCheckoutInstance.loadPayPalSDK({
currency: 'USD',
intent: 'authorize'
}, function () {
$('#paypalBraintreeButtonloader').addClass('d-none');
paypal.Buttons({
style: {
color: 'black',
shape: 'rect',
label: 'pay',//label: 'checkout',
height: 50
},
fundingSource: paypal.FUNDING.PAYPAL,
createOrder: function () {
//console.log('PayPal paypalCheckoutInstance');
return paypalCheckoutInstance.createPayment({
flow: 'checkout', // Required
amount: priceAmt, // Required
currency: 'USD', // Required, must match the currency passed in with loadPayPalSDK
intent: 'authorize', // Must match the intent passed in with loadPayPalSDK
enableShippingAddress: true,
enableBillingAddress: true,
shippingAddressEditable: false
});
},
onApprove: function (data, actions) {
return paypalCheckoutInstance.tokenizePayment(data, function (err, payload) {
//console.log(payload.details);
//alert(JSON.stringify(payload.details));
paypalBraintreeNonce.value = payload.nonce;
braintreepaypalAddressfetching(payload.details);
if ($('#paypalBraintreeShipAddress').val() == "") {
return false;
}
$("#frmPaypalBraintree").submit();
//Submit `payload.nonce` to your server
});
},
onCancel: function (data) {
console.log('PayPal payment cancelled', JSON.stringify(data, 0, 2));
},
onError: function (err) {
console.error('PayPal error', err);
}
}).render('#braintree-paypal-button').then(function () {
//console.error('#paypal-button');
// The PayPal button will be rendered in an html element with the ID
// `paypal-button`. This function will be called when the PayPal button
// is set up and ready to be used
});
});
}
else {
$("#frmPaypal").removeClass("d-none");
$("#frmPaypalBraintree").addClass("d-none");
}
});
});
}
function braintreepaypalAddressfetching(shipAddress) {
var addressDetails = {};
//{ "email": "binup_1361514395_per@realityi.com", "firstName": "Binu", "lastName": "Paul", "payerId": "TA8CG3X2QWJ74", "shippingAddress": { "recipientName": "Binu Paul", "line1": "1 Main St", "city": "San Jose", "state": "CA", "postalCode": "95131", "countryCode": "US" }, "countryCode": "US" }
addressDetails['FirstName'] = shipAddress.firstName;
addressDetails['LastName'] = shipAddress.lastName;
addressDetails['Email'] = shipAddress.email;
var shippingaddress = shipAddress.shippingAddress;
addressDetails['StrtAddress'] = shippingaddress.line1;
addressDetails['City'] = shippingaddress.city;
addressDetails['State'] = shippingaddress.state;
addressDetails['ZipCode'] = shippingaddress.postalCode;
addressDetails['Country'] = shippingaddress.countryCode;
addressDetails = JSON.stringify(addressDetails);
$('#paypalBraintreeShipAddress').val(addressDetails);
$('#paypalBraintreeBillAddress').val(addressDetails);
if ($('#paypalBraintreeShipAddress').val() == "")
{
return false;
}
}
//end-braintree
function validateCountryCode(phone)
{
var data = $('#' + phone).val();
data = stripCharsNotInBag(data, "1234567890");
if (data.indexOf('+1') === 0 || data.indexOf('01') === 0 || data.indexOf('1') === 0) {
$(".CountryCodeWarning").removeClass('d-none');
$('#' + phone).removeClass("RightInput");
$('#' + phone).addClass("InvalidSearch");
}
else if (!$(".CountryCodeWarning").hasClass('d-none')) {
$(".CountryCodeWarning").addClass('d-none');
}
return;
}
function cartClickDisable() {
$(".CartOverlay").show();
$("#clickDisableOverlay").addClass("clickDisable");
}
;
//Track the purchase using FbpixelTracker
//FbPixelTrackPurchase(value=true/false,partnumber='number',quantity=1,price=10)
//The quantity/price sent must be a decimal number greater than or equal to zero. It cannot include letters, special characters, currency symbols or commas.
function FbPixelTrackPurchase(value, cookiecontent, total, transactionId, taxTotal, shippingTotal, centerid) {
if (value.toLowerCase().trim() == 'false')
fbq('track', 'Purchase');
else
fbq('track', 'Purchase', {
contents: cookiecontent,
content_type: 'product',
value: total,
currency: 'USD',
transactionid: transactionId,
tax: taxTotal,
estimated_shipping: shippingTotal,
centerid: centerid
});
}
//Track the Lead using FbpixelTracker
function FbPixelTrackLead() {
fbq('track', 'Lead');
}
//Track the CompleteRegistration using FbpixelTracker
function FbPixelTrackRegistration() {
fbq('track', 'CompleteRegistration');
}
//Track the PaymentInfo using FbpixelTracker
function FbPixelTrackPaymentInfo(value, TotalAmount, PaymentGateway,TransactionId,CenterId) {
if (value.toLowerCase().trim() == 'false')
fbq('track', 'AddPaymentInfo');
else
fbq('track', 'AddPaymentInfo', {
value: TotalAmount,
content_type: 'product',
currency: 'USD',
paymentGateway: PaymentGateway,
transactionid: TransactionId,
centerid: CenterId,
});
}
//Track the AddToCart using FbpixelTracker
function FbPixelTrackAddToCart(value, partnumber, quantity, price,itemname) {
var date = new Date();
var time = date.getTime();
//here we are passing time parameter as unique id so that two adjacent calls will not
//get clashed
if (value.toLowerCase().trim() == 'false')
fbq('track', 'AddToCart');
else
fbq('track', 'AddToCart', {
value: price,
currency: 'USD',
content_type: 'product',
content_ids:time,
contents: [
{
id: partnumber,
quantity: quantity,
item_price: price,
name:itemname,
}
],
});
}
//Track the Wishlist using FbpixelTracker
function FbPixelTrackWishlist() {
fbq('track', 'AddToWishlist');
}
//Track the InitiateCheckout using FbpixelTracker
function FbPixelTrackInitiateCheckout(value, cookiecontent, total, centerid) {
if (value.toLowerCase().trim() == 'false')
fbq('track', 'InitiateCheckout');
else
fbq('track', 'InitiateCheckout', {
contents: cookiecontent,
content_type: 'product',
value: total,
currency: 'USD',
centerid: centerid
});
}
//Track the Search using FbpixelTracker
//value=true/false,searchvalue='searchtext'
function FbPixelTrackSearch(value, searchvalue) {
if (value.toLowerCase().trim() == 'false')
fbq('track', 'Search');
else
fbq('track', 'Search', {
search_string: [searchvalue],
content_type: 'Product',
});
}
//Track the ViewContent using FbpixelTracker
//value=true/false,elementid='id',typeofelment='div/span' // lifestyle/accessories
function FbPixelTrackViewContent(value, elementid, typeofelement,modelid) {
if (value.toLowerCase().trim() == 'false')
fbq('track', 'ViewContent');
else
fbq('track', 'ViewContent', {
content_ids: [elementid],
content_type:'product',
});
}
//Track the Lead using FbpixelTracker
function fbPixelLeadForPreorder(contentName) {
fbq('track', 'Lead', {
content_name: contentName
});
}
;
//page load
$(document).ready(function () {
var isStripeEnabled = "false";
var isBraintreeEnabled = "false";
var preorderURL = window.location.href.toUpperCase();
if (preorderURL.indexOf('BMW-IX-PRE-ORDER') > 0 || preorderURL.indexOf('BMW-I4-PRE-ORDER') > 0 || preorderURL.indexOf('BMW-PRE-ORDER-TEMPLATE') > 0) {
//show dealer popup when dealer is not selected on page load
var dealerId = $("#hdnDealerId").val();
if (dealerId === undefined || dealerId === "0")
showDealerPopup();
//BMWUSADCMFloodlightPreorderPageLoadEvent();
}
if (window.location.href.toUpperCase().indexOf('BMW-IX-PRE-ORDER') > 0 )
{
fbPixelLeadForPreorder('iX Pre-Order Landing Page Page Load');
}
if (window.location.href.toUpperCase().indexOf('BMW-I4-PRE-ORDER') > 0) {
fbPixelLeadForPreorder('i4 Pre-Order Landing Page Page Load');
}
if (window.location.href.toUpperCase().indexOf('/PREORDER/') > 0) {
isStripeEnabled = $('#hdnPreIsStripeEnabled').val().toString();
isBraintreeEnabled = $('#hdnIsPreOrderBraintreeEnabled').val().toString();
if (isStripeEnabled == "true") {
bindPreStripeCardElement();
}
else if (isBraintreeEnabled == "true") {
bindPreOrderBraintreeCardElement();
}
if ($("#hdnPreModel") != undefined && $("#hdnModelName2") != undefined && $("#hdnPreModel").val() == $("#hdnModelName2").val()) {
selectPreModel('i4model1');
}
}
//for jk preorder show dealer popuplways.
if (preorderURL.indexOf('BMW-I7-PRE-ORDER') > 0 || preorderURL.indexOf('BMW-8-X-JEFF-KOONS-PRE-ORDER') > 0 || preorderURL.indexOf('/PREORDER/PREORDERWAITLIST') > 0) {
var dealerId = $("#hdnDealerId").val();
if (dealerId === undefined || dealerId === "0") {
showDealerPopup();
}
else {
if ($("#hdnShowDealerPopup").val() != "True") {
$('#dealerLocated').click();
}
}
}
//$(".carousel-control-prev").on('click', function () {
// var imageId;
// if (window.location.href.toUpperCase().indexOf('BMW-IX-PRE-ORDER') > 0 || window.location.href.toUpperCase().indexOf('BMW-PRE-ORDER-TEMPLATE') > 0) {
// imageId = $(this).closest("[id^='ixSlider']").find('div').find('.active').attr('id');
// //if (imageId == undefined)
// // imageId = $(this).closest("[id^='ixSlider']").find('.active').find('video').attr('id');
// var assetCount = parseInt($(this).closest("[id^='ixSlider']").find('.carousel-item').length);
// }
// else if (window.location.href.toUpperCase().indexOf('BMW-I4-PRE-ORDER') <= 0) {
// imageId = $(this).closest("[id^='productCarousel']").find('.active').find('img').attr('id');
// if (imageId == undefined)
// imageId = $(this).closest("[id^='productCarousel']").find('.active').find('video').attr('id');
// var assetCount = parseInt($(this).closest("[id^='productCarousel']").find('.carousel-item').length);
// }
// var components = imageId.split("-");
// var photoNum = components[components.length - 1];
// var index = parseInt(photoNum) - 1;
// // var assetCount = parseInt($(this).closest("[id^='productCarousel']").find('.carousel-item').length);
// if (index < 0)
// index = assetCount - 1;
// thumbnaillImageOnClick(index);
//});
//$(".carousel-control-next").on('click', function () {
// var imageId;
// if (window.location.href.toUpperCase().indexOf('BMW-IX-PRE-ORDER') > 0 || window.location.href.toUpperCase().indexOf('BMW-PRE-ORDER-TEMPLATE') > 0) {
// imageId = $(this).closest("[id^='ixSlider']").find('div').find('.active').attr('id');
// //if (imageId == undefined)
// // imageId = $(this).closest("[id^='ixSlider']").find('.active').find('video').attr('id');
// var assetCount = parseInt($(this).closest("[id^='ixSlider']").find('.carousel-item').length);
// }
// else if (window.location.href.toUpperCase().indexOf('BMW-I4-PRE-ORDER') <= 0) {
// imageId = $(this).closest("[id^='productCarousel']").find('.active').find('img').attr('id');
// if (imageId == undefined)
// imageId = $(this).closest("[id^='productCarousel']").find('.active').find('video').attr('id');
// var assetCount = parseInt($(this).closest("[id^='productCarousel']").find('.carousel-item').length);
// }
// var components = imageId.split("-");
// var photoNum = components[components.length - 1];
// //var assetCount = parseInt($(this).closest("[id^='productCarousel']").find('.carousel-item').length);
// var index = parseInt(photoNum) + 1;
// if (index >= assetCount)
// index = 0;
// thumbnaillImageOnClick(index);
//});
//$(".i4Model1-prev").on('click', function () {
// var imageId;
// if ( window.location.href.toUpperCase().indexOf('BMW-I4-PRE-ORDER') > 0 ) {
// imageId = $(this).closest("[id^='ixSliderModel1']").find('div').find('.active').attr('id');
// //if (imageId == undefined)
// // imageId = $(this).closest("[id^='ixSlider']").find('.active').find('video').attr('id');
// var assetCount = parseInt($(this).closest("[id^='ixSliderModel1']").find('.carousel-item').length);
// }
// var components = imageId.split("-");
// var photoNum = components[components.length - 1];
// var index = parseInt(photoNum) - 1;
// // var assetCount = parseInt($(this).closest("[id^='productCarousel']").find('.carousel-item').length);
// if (index < 0)
// index = assetCount - 1;
// thumbnaillImageOnClick_i4(index, "ixSliderModel1");
//});
//$(".i4Model1-next").on('click', function () {
// var imageId;
// if ( window.location.href.toUpperCase().indexOf('BMW-I4-PRE-ORDER') > 0 ) {
// imageId = $(this).closest("[id^='ixSliderModel1']").find('div').find('.active').attr('id');
// //if (imageId == undefined)
// // imageId = $(this).closest("[id^='ixSlider']").find('.active').find('video').attr('id');
// var assetCount = parseInt($(this).closest("[id^='ixSliderModel1']").find('.carousel-item').length);
// }
// var components = imageId.split("-");
// var photoNum = components[components.length - 1];
// //var assetCount = parseInt($(this).closest("[id^='productCarousel']").find('.carousel-item').length);
// var index = parseInt(photoNum) + 1;
// if (index >= assetCount)
// index = 0;
// thumbnaillImageOnClick_i4(index, "ixSliderModel1");
//});
});
//function thumbnaillImageOnClick(id) {
// //var SelectedClass = $(".thumbnail-image");
// if (window.location.href.toUpperCase().indexOf('BMW-IX-PRE-ORDER') > 0 || window.location.href.toUpperCase().indexOf('BMW-I4-PRE-ORDER') > 0 || window.location.href.toUpperCase().indexOf('BMW-PRE-ORDER-TEMPLATE') > 0) {
// var SelectedClass = $("#ixSlider .carousel-item");
// $.each(SelectedClass, function (index, object) {
// $("#ixSlider > #" + object.id).removeClass("active");
// });
// $("#ixSlider > #product-thumbnail-" + id).addClass("active");
// }
// else {
// var SelectedClass = $(".thumbnail-image");
// $.each(SelectedClass, function (index, object) {
// $("#" + object.id).removeClass("thumb-selected");
// });
// $("#product-thumbnail-" + id).addClass("thumb-selected");
// }
//}
//function thumbnaillImageOnClick_i4(id,divId) {
// //var SelectedClass = $(".thumbnail-image");
// if ( window.location.href.toUpperCase().indexOf('BMW-I4-PRE-ORDER') > 0 ) {
// var SelectedClass = $("#" + divId+" .carousel-item");
// $.each(SelectedClass, function (index, object) {
// $("#" + divId +" > #" + object.id).removeClass("active");
// });
// $("#" + divId +" > #product-thumbnail-" + id).addClass("active");
// }
// else {
// var SelectedClass = $(".thumbnail-image");
// $.each(SelectedClass, function (index, object) {
// $("#" + object.id).removeClass("thumb-selected");
// });
// $("#product-thumbnail-" + id).addClass("thumb-selected");
// }
//}
//Dealer-OptOut form validations - start
function submitOptOutDealer() {
var flagError = false;
flagError = validateOptOutBeforeSubmit("DealerOptOutDetails");
if (!flagError) {
var optOutDetails = {};
if (!$("#divOptOutForm").hasClass("d-none")) {
$('#divOptOutForm input').each(function () {
var name = this.id.replace("txt", "");
var value = $(this).val();
optOutDetails[name] = value;
});
$('#divOptOutForm textarea').each(function () {
var name = this.id.replace("txt", "");
var value = $(this).val();
optOutDetails[name] = value;
});
}
optOutDetails = JSON.stringify(optOutDetails);
$('#hdnOptOutDeails').val(optOutDetails);
return true;
}
else {
return false;
}
}
var errorOptFlag = false;
function validateOptOutRequiredFields(control, controlType) {
var data = $('#' + control).val();
regex = /^\s+|\s+$/g;
data = data.replace(regex, "");
$('#' + control).val(data);
var spanId = control.replace(controlType, "span");
if (data.toString() == "") {
errorOptFlag = true;
$('#' + control).removeClass("RightInput");
$('#' + control).addClass("InvalidSearch");
$('#' + spanId).removeClass("d-none");
}
else {
$('#' + control).removeClass("InvalidSearch");
$('#' + control).addClass("RightInput");
$('#' + spanId).addClass("d-none");
if (control.toLowerCase().indexOf("phone") >= 0) {
var phoneNumber = $('#' + control).val().replace(/\-/g, '');
var strDigits = stripCharsNotInBag(phoneNumber, "1234567890");
if (strDigits.length == 10) {
var formatPhoneNumber = $('#' + control).val();
$('#' + control).val(formatPhoneNumber);
$('#' + control).removeClass("InvalidSearch");
$('#' + control).addClass("RightInput");
}
else {
errorOptFlag = true;
$('#' + control).removeClass("RightInput");
$('#' + control).addClass("InvalidSearch");
}
}
if (control.toLowerCase().indexOf("centerid") >= 0) {
var centerid = $('#' + control).val();
if (centerid.length < 5) {
errorOptFlag = true;
$('#' + control).addClass("InvalidSearch");
$('#' + control).removeClass("RightInput");
}
else {
$('#' + control).removeClass("InvalidSearch");
$('#' + control).addClass("RightInput");
}
}
}
}
function validateOptOutBeforeSubmit(sectionDivId) {
errorOptFlag = false;// global variable
var flagError = false;
var txtControls = "";
var ddlControls = "";
$('#' + sectionDivId + ' .required').each(function () {
var type = this.type || this.tagName.toLowerCase();
if (type.toLowerCase() == "text" || type.toLowerCase() == "tel")
txtControls = txtControls + this.id + ",";
});
txtControls = txtControls.replace(/,\s*$/, "");
var controlArray = txtControls.split(",");
//alert(controlArray);
for (var i = 0; i < controlArray.length; i++) {
if (controlArray[i] != "")
validateOptOutRequiredFields(controlArray[i], "txt");
}
$('#' + sectionDivId + ' .text-data').each(function () {
if (!isAllAlphabets($(this).val())) {
$(this).removeClass("RightInput");
$(this).addClass("InvalidSearch");
flagError = true;
}
else {
$(this).removeClass("InvalidSearch");
$(this).addClass("RightInput");
}
});
$('#' + sectionDivId + ' .tel-data').each(function () {
if (!validatePhoneNumber($(this).val())) {
$(this).removeClass("RightInput");
$(this).addClass("InvalidSearch");
flagError = true;
}
else {
$(this).removeClass("InvalidSearch");
$(this).addClass("RightInput");
}
});
$('#' + sectionDivId + ' .email-data').each(function () {
if (!validateOptOutEmail($(this).val())) {
$(this).val('');
$(this).removeClass("RightInput");
$(this).addClass("InvalidSearch");
flagError = true;
}
else {
$(this).removeClass("InvalidSearch");
$(this).addClass("RightInput");
}
});
$('#' + sectionDivId + ' .centerid-data').each(function () {
var digits = stripCharsNotInBag($(this).val(), "1234567890");
if ($(this).val().length != digits.length) {
$(this).removeClass("RightInput");
$(this).addClass("InvalidSearch");
flagError = true;
}
else {
if (digits.length < 5) {
$(this).removeClass("RightInput");
$(this).addClass("InvalidSearch");
flagError = true;
}
else {
$(this).removeClass("InvalidSearch");
$(this).addClass("RightInput");
}
}
});
if (errorOptFlag == false)
return false;//no error
else
return true;
}
function validateOptOutEmail(email) {
var re = /^(([^<>()[\]\\.,;:\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,}))$/;
if (re.test(email)) {
return true;
}
else {
return false;
}
}
function formatCenterId() {
var newvalue = "";
var centerid = "";
if ($("#txtCenterId") != null) {
centerid = $("#txtCenterId").val();
var digits = stripCharsNotInBag(centerid, "1234567890");
if (strDigits.length == 6) {
newvalue = digits.substring(0, 5) + "-" + digits.substring(5, 8);
$("#txtCenterId").val(newvalue);
}
}
}
//Dealer-OptOut form validations - end
function onSuccessOptOut(response) {
if (response.indexOf("success") !== -1) {
response = response.replace("success", "");
alert(response.replace(/
/mg, "\n"));
$("#txtName").val("");
$("#txtEmail").val("");
$("#txtPhone").val("");
$("#txtCenterId").val("");
$("#txtComments").val("");
$("#divOptOutForm").find("input").removeClass("InvalidSearch");
$("#divOptOutForm").find("input").removeClass("RightInput");
$('#myModalPreCamp').modal("hide");
}
else {
alert(response.replace(//mg, "\n"));
}
}
$("#txtComments").focus(function () {
$("#lblComments").addClass("input-not-empty");
});
$("#txtComments").blur(function () {
if ($("#txtComments").val() == "") {
if ($("#lblComments").hasClass("input-not-empty")) {
$("#lblComments").removeClass("input-not-empty");
}
}
});
function setPreOrderOptions(obj) {
if ($(obj).val().toString().toLowerCase() == "true") {
$('#optionDetails').val('Captain\'s Chair');
}
}
function setOptionValue() {
var isOptionSelected = "false";
var preorderurl = $("#hdnPreOrderUrl").val();
var optionDetailsValue = "";
if (preorderurl.toLowerCase().toString().includes("x7")) {
isOptionSelected = $("input[name='OptionCaptainChairRadioGroup']:checked").val().toString();
if (isOptionSelected == "true") {
$('#optionDetails').val('Captain\'s Chair');
}
}
else if (preorderurl.toLowerCase().toString().includes("m4")) {
var val = "";
var option = "";
isOptionSelected = $("#paint_checkbox").is(':checked');
if (isOptionSelected.toString() == "true") {
val = colorNames;
option = val.getElementsByClassName("PreOptColorName activeName");
optionDetailsValue = option[0].textContent;
isOptionSelected = "false";
}
isOptionSelected = $("#wheel_checkbox").is(':checked');
if (isOptionSelected.toString() == "true") {
val = wheelColor;
option = val.getElementsByClassName("PreOptColorName activeName");
optionDetailsValue += '+' + option[0].textContent;
isOptionSelected = "false";
}
isOptionSelected = $("#kithroof_checkbox").is(':checked');
if (isOptionSelected.toString() == "true") {
optionDetailsValue += '+' + $("#div_kith").find('h1:first').text() + ', ' + $("#div_kith").find('p:first').text();
//optionDetailsValue += '+Carbon Fiber Kith Roof, $4,500';
isOptionSelected = "false";
}
isOptionSelected = $("#driving_checkbox").is(':checked');
if (isOptionSelected.toString() == "true") {
optionDetailsValue += '+' + $("#div_assistance").find('h1:first').text() + ', ' + $("#div_assistance").find('p:first').text();
//optionDetailsValue += '+Driving Assistance Plus, $1,700';
isOptionSelected = "false";
}
$("#optionDetails").val(optionDetailsValue);
}
}
function removePreorderCart(quantity, productItemId, deliveryType, productCount) {
var args = { quantity: quantity, productItemId: productItemId, deliveryType: deliveryType };
$.ajax(BMWAjax.lib.request({ method: 'POST', url: BMWAjax.Urls.Cart.UpdateCart, data: args }, {
complete: function (json) {
//if (json.responseJSON != null && json.responseJSON[1] === "true") {
$("#cartSummaryContainer").html(json.responseJSON);
updateCartProductQuantity(quantity, productCount, 0);
//}
}
}));
}
function colorOptionPreorder(colorSquare) {
if ($("#preColorsdiv_Paint").children().hasClass("bactive")) {
$("#preColorsdiv_Paint").children().removeClass("bactive");
}
if ($('#colorNames p').hasClass('activeName')) {
$('#colorNames p').addClass('d-none').removeClass('activeName');
}
//if ($('#optionImage1').children().hasClass('carousel-item active')){
// $("#optionImage1").children().removeClass("active");
//}
$("#" + colorSquare).addClass("bactive");
$("#" + colorSquare.replace('div_', '')).removeClass('d-none').addClass('activeName');
//$("#" + colorSquare.replace('div', 'img')).parent().addClass('active');
}
function wheelcolorOption(colorOption) {
if ($("#preColorsdiv_wheel").children().hasClass("bactive")) {
$("#preColorsdiv_wheel").children().removeClass("bactive");
}
if ($('#wheelColor p').hasClass('activeName')) {
$('#wheelColor p').addClass('d-none').removeClass('activeName');
}
if ($('#optionImage2').children().hasClass('carousel-item active')) {
$("#optionImage2").children().removeClass("active");
}
$("#" + colorOption).addClass("bactive");
$("#" + colorOption.replace('div', 'p')).removeClass('d-none').addClass('activeName');
$("#" + colorOption.replace('div', 'img')).parent().addClass('active');
}
function selectedOptionPreOrder(checkboxId, parentDiv) {
if ($('input[type=checkbox][id^="' + checkboxId + '"]').prop("checked") == true) {
$("#" + parentDiv).addClass('PreOptBactive');
$("#" + checkboxId).parent().addClass('custom-controlselected');
}
else {
$("#" + parentDiv).removeClass('PreOptBactive');
$("#" + checkboxId).parent().removeClass('custom-controlselected');
}
}
$("#FeaturesLink").click(function () {
$('#DivFeaturePop').addClass("AddDivFeaturePop");
$('.DivFeaturePopOverlay').addClass("d-block");
});
$(".DivFeaturePopOverlay").click(function () {
$('#DivFeaturePop').removeClass("AddDivFeaturePop");
$('.DivFeaturePopOverlay').removeClass("d-block");
});
$("#nav-icon2").click(function () {
$('#DivFeaturePop').removeClass("AddDivFeaturePop");
$('.DivFeaturePopOverlay').removeClass("d-block");
});
$(".DivFaq").click(function () {
$('#DivQuesPop').addClass("AddDivQuesPop");
$('.DivQuesPopoverlay').addClass("d-block");
});
$(".iFeatureEndSecfaq").click(function () {
$('#DivQuesPop').addClass("AddDivQuesPop");
$('.DivQuesPopoverlay').addClass("d-block");
});
$(".BtnQuesPopClose").click(function () {
$('#DivQuesPop').removeClass("AddDivQuesPop");
$('.DivQuesPopoverlay').removeClass("d-block");
});
$("#termsCondtnText").click(function () {
$('#DivTermsCondtnPop').addClass("AddDivQuesPop");
$('.DivQuesPopoverlay').addClass("d-block");
});
$("#paypalTermsCondtnText").click(function () {
$('#DivTermsCondtnPop').addClass("AddDivQuesPop");
$('.DivQuesPopoverlay').addClass("d-block");
});
$("#amazonTermsCondtnText").click(function () {
$('#DivTermsCondtnPop').addClass("AddDivQuesPop");
$('.DivQuesPopoverlay').addClass("d-block");
});
$(".BtnTermsCondtnPopClose").click(function () {
$('#DivTermsCondtnPop').removeClass("AddDivQuesPop");
$('.DivQuesPopoverlay').removeClass("d-block");
});
$("#Featurelink").click(function () {
$('#DivSpecs').addClass("AddDivQuesPop");
$('.DivQuesPopoverlay').addClass("d-block");
});
$("#nav-icon5").click(function () {
$('#DivSpecs').removeClass("AddDivQuesPop");
$('.DivQuesPopoverlay').removeClass("d-block");
});
$(".DivQuesPopoverlay").click(function () {
$('#DivSpecs').removeClass("AddDivQuesPop");
$('.DivQuesPopoverlay').removeClass("d-block");
});
//Payment Option
$(".PaymentSec").click(function () {
$('#DivPaymentPop').addClass("AddDivpayPop");
$('.DivQuesPopoverlay').addClass("d-block");
$("#PaymentOpt1").click();
});
$(".DivQuesPopoverlay").click(function () {
$('.DivPaymentopt').removeClass("AddDivpayPop");
$('.DivQuesPopoverlay').removeClass("d-block");
$('.DivQuesPop').removeClass("AddDivQuesPop");
});
$("#aLearnMoreFinance").click(function () {
$('#DivPaymentPop').addClass("AddDivpayPop");
$('.DivQuesPopoverlay').addClass("d-block");
$("#PaymentOpt1").click();
});
$("#nav-icon4").click(function () {
$('#DivPaymentPop').removeClass("AddDivpayPop");
$('.DivQuesPopoverlay').removeClass("d-block");
$("#PaymentOpt1").click();
});
$("#OfferDet").click(function () {
$('#DivPaymentPop').addClass("AddDivpayPop");
$('.DivQuesPopoverlay').addClass("d-block");
$("#PaymentOpt2").click();
});
$("#OfferLease").click(function () {
$('#DivPaymentPop').addClass("AddDivpayPop");
$('.DivQuesPopoverlay').addClass("d-block");
$("#PaymentOpt3").click();
});
$("#OfferLease1").click(function () {
$('#DivPaymentPop').addClass("AddDivpayPop");
$('.DivQuesPopoverlay').addClass("d-block");
$("#PaymentOpt3").click();
});
//$("#PaymentOpt2").click(function () {
// $('#PaymentOpt1').removeClass("active1");
// $('#PaymentOpt2').addClass("active1 active2");
// $('#PaymentOpt3').removeClass("active");
//});
//$("#PaymentOpt3").click(function () {
// $('#PaymentOpt2').removeClass("active");
// $('#PaymentOpt3').addClass("active");
// $('#PaymentOpt1').removeClass("active");
//});
//$("#PaymentOpt1").click(function () {
// $('#PaymentOpt2').removeClass("active");
// $('#PaymentOpt3').removeClass("active");
// $('#PaymentOpt1').addClass("active");
//});
$("#PaymentOpt2").click(function () {
$('.active1').addClass("active2");
$('.active1').removeClass("active3");
$('#PaymentOpt2').addClass("activez");
$('#PaymentOpt1').removeClass("activez");
$('#PaymentOpt3').removeClass("activez");
$('#ixCash').addClass("d-none");
$('#ixLoan').removeClass("d-none");
$('#ixLease').addClass("d-none");
});
$("#PaymentOpt3").click(function () {
$('.active1').addClass("active3");
$('.active1').removeClass("active2");
$('#PaymentOpt3').addClass("activez");
$('#PaymentOpt1').removeClass("activez");
$('#PaymentOpt2').removeClass("activez");
$('#ixCash').addClass("d-none");
$('#ixLoan').addClass("d-none");
$('#ixLease').removeClass("d-none");
});
$("#PaymentOpt1").click(function () {
$('.active1').removeClass("active3");
$('.active1').removeClass("active2");
$('#PaymentOpt1').addClass("activez");
$('#PaymentOpt2').removeClass("activez");
$('#PaymentOpt3').removeClass("activez");
$('#ixCash').removeClass("d-none");
$('#ixLoan').addClass("d-none");
$('#ixLease').addClass("d-none");
});
function preOrderContinuePayment() {
$('#btnixAddToCart').click();
document.body.scrollTop = 0; // For Safari
document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
}
function showCheckoutButtons() {
$('.checkout-buttons').removeClass("d-none");
$(window).scrollTop(0);
$('.back-home').removeClass("d-none");
$('.home-page').removeClass("d-block");
$('.home-page').addClass("d-none");
}
function showAccountDetailsForm() {
$('.checkout-buttons').removeClass("d-none");
$('.iFeatureBillingSec').removeClass("d-none");
//$(window).scrollTop(0);
$('.back-home').removeClass("d-none");
$('.home-page').removeClass("d-block");
$('.home-page').addClass("d-none");
//var isWaitListActive = $('#hdnWaitListActive').val().toString();
//if (isWaitListActive !== null && isWaitListActive !== undefined && isWaitListActive !== "" && isWaitListActive.toLowerCase() === "true")
// loadAdobeDTMWaitListScript();
//else
loadAdobeDTMBillingScript();
}
//JK preorder
function validateAccountDetailsForm(isWaitList) { //JK
if (isWaitList.toLowerCase().toString() == "false") {
event.preventDefault();
}
var billingAddressError = false;
var chkboxFlagErr = false;
var isAcceptTerms = false;
if (!$("#iFeatureBillingSec").hasClass("d-none")) {
billingAddressError = validateBeforeSubmit('iFeatureBillingSec');
}
if (!$('#chkAcceptPolicy').is(':checked')) {
chkboxFlagErr = true;
$("#chkAcceptPolicyTxt").addClass("invalidTerms");
}
else {
isAcceptTerms = true;
$('.chkAcceptPolicyTxt').removeClass("invalidTerms");
}
if (!$('#chkPaypaldealertermsCondtn').is(':checked')) {
chkboxFlagErr = true;
$("#paypaldealertermsCondtnText").addClass("invalidTerms");
}
else {
$('.paypaldealertermsCondtnText').removeClass("invalidTerms");
}
if (isWaitList.toLowerCase().toString() =="false") {
if (!$('#chkPaypaltermsCondtn').is(':checked')) {
chkboxFlagErr = true;
$("#paypalTermsCondtnText").addClass("invalidTerms");
}
else {
$('.paypalTermsCondtnText').removeClass("invalidTerms");
}
}
if (!billingAddressError && !chkboxFlagErr) {
var addressDetails = {};
var generalDetails = {};
var contactPhone = "";
generalDetails["IsAcceptedTerms"] = isAcceptTerms;
generalDetails = JSON.stringify(generalDetails);
if (!$(".iFeatureBillingSec").hasClass("d-none")) {
$('.bill-address').each(function () {
var name = "";
if (this.id.indexOf("txtPre") > -1) {
name = this.id.replace("txtPre", "");
}
else {
name = this.id.replace("ddlPre", "");
}
var value = $(this).val();
addressDetails[name] = value;
});
}
addressDetails = JSON.stringify(addressDetails);
$('#hdnPreAddressList').val(addressDetails);
$('#hdnPreGeneralDetailList').val(generalDetails);
if (isWaitList.toLowerCase().toString() == "false") {
$('#submit-body-overlayId').addClass("d-block");
$('.JKConfirmPopup').removeClass("d-none");//shown reservation model pop up
$('#preorderLoaderId').removeClass("d-none").addClass("d-block");
BMWUSADCMFloodlightPreorderPlaceOrderClickEvent();
loadAdobeDTMBillingReviewScript();
}
else if (isWaitList.toLowerCase().toString() == "true") {
$('#reviewLoaderId').removeClass("d-none").addClass("d-block");
$('html').css('overflow', 'hidden');
}
return true;
}
else {
return false;
}
}
function validateAccountDetailsFormEvent(event, isWaitList) { //JK
var keyValue = event.keyCode;
if (keyValue == 13) {
if (isWaitList.toLowerCase().toString() == "false") {
event.preventDefault();
}
var billingAddressError = false;
var chkboxFlagErr = false;
var isAcceptTerms = false;
if (!$("#iFeatureBillingSec").hasClass("d-none")) {
billingAddressError = validateBeforeSubmit('iFeatureBillingSec');
}
if (!$('#chkAcceptPolicy').is(':checked')) {
chkboxFlagErr = true;
$("#chkAcceptPolicyTxt").addClass("invalidTerms");
}
else {
isAcceptTerms = true;
$('.chkAcceptPolicyTxt').removeClass("invalidTerms");
}
if (!$('#chkPaypaldealertermsCondtn').is(':checked')) {
chkboxFlagErr = true;
$("#paypaldealertermsCondtnText").addClass("invalidTerms");
}
else {
$('.paypaldealertermsCondtnText').removeClass("invalidTerms");
}
if (isWaitList.toLowerCase().toString() == "false") {
if (!$('#chkPaypaltermsCondtn').is(':checked')) {
chkboxFlagErr = true;
$("#paypalTermsCondtnText").addClass("invalidTerms");
}
else {
$('.paypalTermsCondtnText').removeClass("invalidTerms");
}
}
if (!billingAddressError && !chkboxFlagErr) {
var addressDetails = {};
var generalDetails = {};
var contactPhone = "";
generalDetails["IsAcceptedTerms"] = isAcceptTerms;
generalDetails = JSON.stringify(generalDetails);
if (!$(".iFeatureBillingSec").hasClass("d-none")) {
$('.bill-address').each(function () {
var name = "";
if (this.id.indexOf("txtPre") > -1) {
name = this.id.replace("txtPre", "");
}
else {
name = this.id.replace("ddlPre", "");
}
var value = $(this).val();
addressDetails[name] = value;
});
}
addressDetails = JSON.stringify(addressDetails);
$('#hdnPreAddressList').val(addressDetails);
$('#hdnPreGeneralDetailList').val(generalDetails);
if (isWaitList.toLowerCase().toString() == "false") {
$('#submit-body-overlayId').addClass("d-block");
$('.JKConfirmPopup').removeClass("d-none");//shown reservation model pop up
$('#preorderLoaderId').removeClass("d-none").addClass("d-block");
BMWUSADCMFloodlightPreorderPlaceOrderClickEvent();
loadAdobeDTMBillingReviewScript();
focusPopup(event, 'JKconfirmReservation');
}
else if (isWaitList.toLowerCase().toString() == "true") {
$('#reviewLoaderId').removeClass("d-none").addClass("d-block");
$('html').css('overflow', 'hidden');
//focusPopup(event, 'JKconfirmReservation');
}
return true;
}
else {
return false;
}
}
if (keyValue == 9) {
focusPopup(event, 'JKconfirmReservation');
}
}
$("#JKConfirmPopupCancel").click(function () {
$('.JKConfirmPopup').addClass("d-none");//hide reservation model pop up
});
//JK preorder
function showHomePage(preordeUrl) {
var currentPage = $('#hdnCurrentPage').val();
$('.checkout-buttons').removeClass("d-block");
$('.checkout-buttons').addClass("d-none");
$('.back-home').removeClass("d-block");
$('.back-home').addClass("d-none");
$('.home-page').removeClass("d-none");
if (currentPage != "home")
window.location = "/" + preordeUrl;
// window.location.reload(true);
}
function showCheckoutPage() {
loadAdobeDTMBillingScript();
$('.checkout-buttons').removeClass("d-none");
$('.checkout-page').removeClass("d-none");
$('.back-home').removeClass("d-none");
$('.home-page').removeClass("d-block");
$('.home-page').addClass("d-none");
if ($('.iXbtnpaypal').hasClass("iXbtnpayActive"))
$('.iXbtnpaypal').removeClass('iXbtnpayActive');
if ($('.iXbtnamazon').hasClass("iXbtnAmazonActive"))
$('.iXbtnamazon').removeClass("iXbtnAmazonActive");
$('.iXbtnCard').addClass('iXbtnCardActive');
$('#txtPreFirstName').focus();
$('#divAmazonCheckout').addClass("d-none");
$('.iFeatureAmazonSec').addClass("d-none");
$('.iFeaturePaypalSec').addClass("d-none");
}
function loadAdobeDTMWaitListScript() {
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.setAttribute('data-name', 'preorder-waitList-page');
var content = 'BMWdataLayer = {};';
content += '\n BMWdataLayer = { "page" :{ \n "name" : "shopbmwusa:waitlist", \n "section" : "waitlist", \n "template" : "shopbmwusa_preorder_template", \n "baseDomain" :"shopbmwusa", \n "TLD" : "com", \n "primarySection" : "waitlist", \n "pageLevel2" : "", \n "pageHier" : "waitlist" \n }, \n "dataLayerVersion" : "shopbmwusa v1"}; \n';
content += '\n BMWdataLayer.page.title = "waitlist";';
content += '\n BMWdataLayer.page.path = "' + window.location.pathname + '" ;';
content += '\n BMWdataLayer.page.url = "' + window.location.href + '" ;';
content += '\n BMWdataLayer.page.urlNoParams = "' + window.location.protocol + '//' + window.location.host + window.location.pathname + '" ;';
content += '\n BMWdataLayer.page.domain = "' + document.domain + '" ;';
content += '\n BMWdataLayer.page.name = "' + window.location.pathname.substr(1) + '";';
script.text = content;
head.insertBefore(script, head.firstElementChild);
$("script[data-name = 'preorder-end-page']").remove();
}
function loadAdobeDTMBillingScript() {
if (window.location.href.toUpperCase().indexOf('BMW-IX-PRE-ORDER') > 0 || window.location.href.toUpperCase().indexOf('BMW-I4-PRE-ORDER') > 0) {
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.setAttribute('data-name', 'preorder-cart-page');
var content = 'BMWdataLayer = {};';
content += '\n BMWdataLayer = { "page" :{ \n "name" : "shopbmwusa:billing", \n "section" : "billing", \n "template" : "shopbmwusa_preorder_template", \n "baseDomain" :"shopbmwusa", \n "TLD" : "com", \n "primarySection" : "billing", \n "pageLevel2" : "", \n "pageHier" : "billing" \n }, \n "dataLayerVersion" : "shopbmwusa v1"}; \n';
content += '\n BMWdataLayer.page.title = "billing";';
content += '\n BMWdataLayer.page.path = "' + window.location.pathname + '" ;';
content += '\n BMWdataLayer.page.url = "' + window.location.href + '" ;';
content += '\n BMWdataLayer.page.urlNoParams = "' + window.location.protocol + '//' + window.location.host + window.location.pathname + '" ;';
content += '\n BMWdataLayer.page.domain = "' + document.domain + '" ;';
content += '\n BMWdataLayer.page.name = "' + window.location.pathname.substr(1) + '";';
script.text = content;
//script.setAttribute("async", "false");
head.insertBefore(script, head.firstElementChild);
$("script[data-name = 'preorder-product-page']").remove();
}
if (window.location.href.toUpperCase().indexOf('BMW-8-X-JEFF-KOONS-PRE-ORDER') > 0) {
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.setAttribute('data-name', 'preorder-billing-page');
var content = 'BMWdataLayer = {};';
content += '\n BMWdataLayer = { "page" :{ \n "name" : "shopbmwusa:billing", \n "section" : "billing", \n "template" : "shopbmwusa_preorder_template", \n "baseDomain" :"shopbmwusa", \n "TLD" : "com", \n "primarySection" : "billing", \n "pageLevel2" : "", \n "pageHier" : "billing" \n }, \n "dataLayerVersion" : "shopbmwusa v1"}; \n';
content += '\n BMWdataLayer.page.title = "THE 8 X JEFF KOONS-billing";';
content += '\n BMWdataLayer.page.path = "' + window.location.pathname + '" ;';
content += '\n BMWdataLayer.page.url = "' + window.location.href + '" ;';
content += '\n BMWdataLayer.page.urlNoParams = "' + window.location.protocol + '//' + window.location.host + window.location.pathname + '" ;';
content += '\n BMWdataLayer.page.domain = "' + document.domain + '" ;';
content += '\n BMWdataLayer.page.name = "' + window.location.pathname.substr(1) + '";';
script.text = content;
//script.setAttribute("async", "false");
var dtmhead = $("#hdnDTMHeadTag").val();
if (dtmhead !== null && dtmhead !== undefined)
$("script[src = '" + dtmhead + "']").after(script);
else
head.insertBefore(script, head.firstElementChild);
$("script[data-name = 'preorder-product-page']").remove();
}
}
function loadAdobeDTMBillingReviewScript() {
if (window.location.href.toUpperCase().indexOf('BMW-8-X-JEFF-KOONS-PRE-ORDER') > 0) {
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.setAttribute('data-name', 'preorder-billing-review-page');
var content = 'BMWdataLayer = {};';
content += '\n BMWdataLayer = { "page" :{ \n "name" : "shopbmwusa:billing review", \n "section" : "billing", \n "template" : "shopbmwusa_preorder_template", \n "baseDomain" :"shopbmwusa", \n "TLD" : "com", \n "primarySection" : "billing", \n "pageLevel2" : "review", \n "pageHier" : "billing / review" \n }, \n "dataLayerVersion" : "shopbmwusa v1"}; \n';
content += '\n BMWdataLayer.page.title = "THE 8 X JEFF KOONS-billing review";';
content += '\n BMWdataLayer.page.path = "' + window.location.pathname + '" ;';
content += '\n BMWdataLayer.page.url = "' + window.location.href + '" ;';
content += '\n BMWdataLayer.page.urlNoParams = "' + window.location.protocol + '//' + window.location.host + window.location.pathname + '" ;';
content += '\n BMWdataLayer.page.domain = "' + document.domain + '" ;';
content += '\n BMWdataLayer.page.name = "' + window.location.pathname.substr(1) + '";';
script.text = content;
//script.setAttribute("async", "false");
var dtmhead = $("#hdnDTMHeadTag").val();
if (dtmhead !== null && dtmhead !== undefined)
$("script[src = '" + dtmhead + "']").after(script);
else
head.insertBefore(script, head.firstElementChild);
$("script[data-name = 'preorder-billing-page']").remove();
}
}
//start Preorder checkout
function validatePreOrderPaymentOption(paymentType) {
var shippingError = false;
var billingAddressError = false;
var contactError = false;
var cardError = false;
var chkboxFlagErr = false;
errorFlag = false;
var isAcceptTerms = false;
var preorder = $("#hdnPreorderName").val();
if (paymentType == "creditcard") {
if (!$("#iFeatureBillingSec").hasClass("d-none")) {
billingAddressError = validateBeforeSubmit('iFeatureBillingSec');
}
cardType = $('#hdnCardType').val();
isCardNumberValid = $('#hdnCardNumberValid').val();
isCardLengthValid = $('#hdnCardLengthValid').val();
//cardError = validateCreditCard("txtPre");
if ($('#hdnPreIsStripeEnabled').val().toString() == "false" && $('#hdnIsPreOrderBraintreeEnabled').val().toString() == "false" || (preorder != null && preorder.toLowerCase().indexOf("i7") > -1) ) {
cardError = validateCreditCard("txtPre");
if (!cardError) {
var isValidExpDate = validatePreOrderExpiryDate();
if (!isValidExpDate) {
cardError = true;
}
}
}
else if ($('#hdnPreIsStripeEnabled').val().toString() == "true" && !(preorder != null && preorder.toLowerCase().indexOf("i7") > -1) ) {
cardError = validateStripeCard();
}
else if ($('#hdnPreIsStripeEnabled').val().toString() == "false" && $('#hdnIsPreOrderBraintreeEnabled').val().toString() == "true" && !(preorder != null && preorder.toLowerCase().indexOf("i7") > -1)) {
cardError = validateBrainTreeCard();
}
if (!$('#chktermsCondtn').is(':checked')) {
chkboxFlagErr = true;
//$('.sectermsCondtn').addClass("invalidTerms");
$("#termsCondtnText").addClass("invalidTerms");
if ($('.sectermsCondtn').hasClass("i4Dark"))
$('.sectermsCondtn').removeClass("i4Dark");
}
else {
$('.sectermsCondtn').removeClass("invalidTerms");
if ($('.sectermsCondtn').hasClass("i4Terms"))
$('.sectermsCondtn').addClass("i4Dark");
}
if (!$('#chkdealertermsCondtn').is(':checked')) {
chkboxFlagErr = true;
//alert(chkboxFlagErr);
$("#ixvalidation").addClass("ixdealertermsvalidation");
$("#ixvalidation").removeClass("ixvalidation");
//$('.sectermsCondtn').addClass("invalidTerms");
if ($("#dealertermsCondtnText").hasClass("i4Dark"))
$('#dealertermsCondtnText').removeClass("i4Dark");
}
else {
if ($("#ixvalidation").hasClass("ixdealertermsvalidation")) {
$("#ixvalidation").removeClass("ixdealertermsvalidation");
$("#ixvalidation").addClass("ixvalidation");
}
if ($("#dealertermsCondtnText").hasClass("i4Terms"))
$("#dealertermsCondtnText").addClass("i4Dark");
}
if ($('#chkAcceptPolicy').is(':checked')) {
isAcceptTerms = true;
}
}
else if (paymentType == "paypal") {
validateRequiredFields("txtPrePaypalContactPhone", "txt");
if (errorFlag) {
contactError = true;
}
if (!$('#chkPaypaltermsCondtn').is(':checked')) {
chkboxFlagErr = true;
$('#paypalTermsCondtnText').addClass("invalidTerms");
if ($('.secPaypaltermsCondtn').hasClass("i4Dark"))
$('.secPaypaltermsCondtn').removeClass("i4Dark");
}
else {
$('.secPaypaltermsCondtn').removeClass("invalidTerms");
if ($('.secPaypaltermsCondtn').hasClass("i4Terms"))
$('.secPaypaltermsCondtn').addClass("i4Dark");
}
if (!$('#chkPaypaldealertermsCondtn').is(':checked')) {
chkboxFlagErr = true;
// debugger;
//alert($('#chkdealertermsCondtnText').is(':checked'));
$("#ixvalidationpaypal").addClass("ixdealertermsvalidation");
$("#ixvalidationpaypal").removeClass("ixvalidation");
//$('.sectermsCondtn').addClass("invalidTerms");
if ($("#paypaldealertermsCondtnText").hasClass("i4Dark"))
$('#paypaldealertermsCondtnText').removeClass("i4Dark");
}
else {
if ($("#ixvalidationpaypal").hasClass("ixdealertermsvalidation")) {
$("#ixvalidationpaypal").removeClass("ixdealertermsvalidation");
$("#ixvalidationpaypal").addClass("ixvalidation");
}
if ($("#paypaldealertermsCondtnText").hasClass("i4Terms"))
$("#paypaldealertermsCondtnText").addClass("i4Dark");
}
if ($('#chkPaypalAcceptPolicy').is(':checked')) {
isAcceptTerms = true;
}
}
else if (paymentType == "stripe") {
validateRequiredFields("txtPreStripeContactPhone", "txt");
if (errorFlag) {
contactError = true;
}
if (!$('#chkStripetermsCondtn').is(':checked')) {
chkboxFlagErr = true;
$('.secStripetermsCondtn').addClass("invalidTerms");
if ($('.secStripetermsCondtn').hasClass("i4Dark"))
$('.secStripetermsCondtn').removeClass("i4Dark");
}
else {
$('.secStripetermsCondtn').removeClass("invalidTerms");
if ($('.secStripetermsCondtn').hasClass("i4Terms"))
$('.secStripetermsCondtn').addClass("i4Dark");
}
if ($('#chkStripeAcceptPolicy').is(':checked')) {
isAcceptTerms = true;
}
}
else {
validateRequiredFields("txtPreAmazonContactPhone", "txt");
if (errorFlag) {
contactError = true;
}
if (!$('#chkAmazontermsCondtn').is(':checked')) {
chkboxFlagErr = true;
$('.secAmazontermsCondtn').addClass("invalidTerms");
if ($('.secAmazontermsCondtn').hasClass("i4Dark"))
$('.secAmazontermsCondtn').removeClass("i4Dark");
}
else {
$('.secAmazontermsCondtn').removeClass("invalidTerms");
if ($('.secAmazontermsCondtn').hasClass("i4Terms"))
$('.secAmazontermsCondtn').addClass("i4Dark");
}
if (!$('#chkAmazondealertermsCondtn').is(':checked')) {
chkboxFlagErr = true;
//alert(chkboxFlagErr);
$("#ixvalidationamazon").addClass("ixdealertermsvalidation");
$("#ixvalidationamazon").removeClass("ixvalidation");
//$('.sectermsCondtn').addClass("invalidTerms");
if ($("#amazondealertermsCondtnText").hasClass("i4Dark"))
$('#amazondealertermsCondtnText').removeClass("i4Dark");
}
else {
if ($("#ixvalidationamazon").hasClass("ixdealertermsvalidation")) {
$("#ixvalidationamazon").removeClass("ixdealertermsvalidation");
$("#ixvalidationamazon").addClass("ixvalidation");
}
if ($("#amazondealertermsCondtnText").hasClass("i4Terms"))
$("#amazondealertermsCondtnText").addClass("i4Dark");
}
if ($('#chkAmazonAcceptPolicy').is(':checked')) {
isAcceptTerms = true;
}
}
if (preorder !=null && preorder.toLowerCase().indexOf("i7") > -1) {
$('div[id^=divContactMethod]').each(function () {
if (!$(this).hasClass("d-none") && !$(this).find("input").is(":checked")) {
console.log(this);
$(this).find("p").addClass("invalidTerms");
chkboxFlagErr = true;
}
else {
if ($(this).find("p").hasClass("invalidTerms")) {
$(this).find("p").removeClass("invalidTerms");
}
}
});
}
if (!billingAddressError && !cardError && !chkboxFlagErr && !contactError) {
var addressDetails = {};
var billingAddressDetails = {};
var paymentDetails = {};
var generalDetails = {};
var stripe = {};
var contactPhone = "";
generalDetails["IsAcceptedTerms"] = isAcceptTerms;
generalDetails = JSON.stringify(generalDetails);
if (paymentType == "creditcard") {
if (!$(".iFeatureBillingSec").hasClass("d-none")) {
$('.bill-address').each(function () {
var name = "";
if (this.id.indexOf("txtPre") > -1) {
name = this.id.replace("txtPre", "");
}
else {
name = this.id.replace("ddlPre", "");
}
var value = $(this).val();
addressDetails[name] = value;
});
}
addressDetails = JSON.stringify(addressDetails);
if ($('#hdnPreIsStripeEnabled').val().toString() == "false" && $('#hdnIsPreOrderBraintreeEnabled').val().toString() == "false") {
$('.card-payment').each(function () {
if (this.id.indexOf("txtPre") > -1) {
var name = this.id.replace("txtPre", "");
var value = $(this).val();
paymentDetails[name] = value;
}
var expDate = $('#ddlPreExpiryMonth').val() + "/" + $('#ddlPreExpiryYear').val();
paymentDetails["ExpDate"] = expDate;
});
if (cardType.toLowerCase() == "visa")
cardType = "Visa";
if (cardType.toLowerCase() == "mastercard")
cardType = "MasterCard";
if (cardType.toLowerCase() == "discover")
cardType = "Discover";
if (cardType.toLowerCase() == "amex")
cardType = "American Express";
paymentDetails["CardType"] = cardType;
paymentDetails["PaymentType"] = "creditcard";
paymentDetails = JSON.stringify(paymentDetails);
$('#hdnPreAddressList').val(addressDetails);
$('#hdnPrePaymentList').val(paymentDetails);
$('#hdnPreGeneralDetailList').val(generalDetails);
}
else if ($('#hdnPreIsStripeEnabled').val().toString() == "true" ) {
stripeCheckout.createToken(stripeCard).then(function (result) {
if (result.error) {
// Inform the user if there was an error.
var errorElement = document.getElementById('card-errors');
errorElement.textContent = result.error.message;
}
else {
var token = result.token.id;
// Send the token to your server.
// stripeTokenHandler(result.token);
paymentDetails["CardNo"] = result.token.card.last4;
paymentDetails["ExpDate"] = result.token.card.exp_month + "/" + result.token.card.exp_year;
cardType = result.token.card.brand;
paymentDetails["CardType"] = cardType;
paymentDetails["PaymentType"] = "stripe";
paymentDetails["CardToken"] = token;
}
paymentDetails = JSON.stringify(paymentDetails);
$('#hdnPreAddressList').val(addressDetails);
$('#hdnPrePaymentList').val(paymentDetails);
$('#hdnPreGeneralDetailList').val(generalDetails);
//return true;
});
if ($('#hdnPrePaymentList').val() == "") {
return false;
}
}
else if ($('#hdnPreIsStripeEnabled').val().toString() == "false" && $('#hdnIsPreOrderBraintreeEnabled').val().toString() == "true") {
if (!noncePreOrderBraintree) {
return false;
}
else {
paymentDetails["PaymentType"] = "braintree";
paymentDetails["CardToken"] = braintreePreOrderNonce.value;
paymentDetails = JSON.stringify(paymentDetails);
$('#hdnPreAddressList').val(addressDetails);
$('#hdnPrePaymentList').val(paymentDetails);
$('#hdnPreGeneralDetailList').val(generalDetails);
if ($('#hdnPrePaymentList').val() == "") {
return false;
}
// return true;
}
}
}
else if (paymentType == "amazon") {
paymentDetails["PaymentType"] = "amazon";
paymentDetails = JSON.stringify(paymentDetails);
contactPhone = $("#txtPreAmazonContactPhone").val();
$('#hdnPreAddressList1').val(addressDetails);
$('#hdnPrePaymentList1').val(paymentDetails);
$('#hdnPreGeneralDetailList1').val(generalDetails);
$('#hdnAmazonNumber').val(contactPhone);
}
else if (paymentType == "paypal") {
paymentDetails["PaymentType"] = "paypal";
paymentDetails = JSON.stringify(paymentDetails);
contactPhone = $("#txtPrePaypalContactPhone").val();
$('#hdnPreAddressList2').val(addressDetails);
$('#hdnPrePaymentList2').val(paymentDetails);
$('#hdnPreGeneralDetailList2').val(generalDetails);
$('#hdnPaypalNumber').val(contactPhone);
}
else if (paymentType == "stripe") {
paymentDetails["PaymentType"] = "stripe";
paymentDetails = JSON.stringify(paymentDetails);
contactPhone = $("#txtPreStripeContactPhone").val();
$('#hdnPreAddressList3').val(addressDetails);
$('#hdnPrePaymentList3').val(paymentDetails);
$('#hdnPreGeneralDetailList3').val(generalDetails);
$('#hdnStripeNumber').val(contactPhone);
//alert("contact number" + contactPhone);
}
$('#submit-body-overlayId').addClass("d-block");
$('#preorderLoaderId').removeClass("d-none").addClass("d-block");
BMWUSADCMFloodlightPreorderPlaceOrderClickEvent();
//if ($('#hdnPrePaymentList').val() == "") {
// return false;
//}
return true;
}
else {
return false;
}
}
function validatePreOrderExpiryDate() {
isValidMonth = true;
isValidYear = true;
var expDate = $('#ddlPreExpiryYear').val();
if ($('#ddlPreExpiryYear').val() == "") {
return false;
}
else {
var month = $('#ddlPreExpiryMonth').val();
var numericReg = /^\d*[0-9](|.\d*[0-9]|,\d*[0-9])?$/;
if (!numericReg.test(month)) {
isValidMonth = false;
}
var year = $('#ddlPreExpiryYear').val()
if (!numericReg.test(year)) {
isValidYear = false;
}
if (isValidMonth && isValidYear) {
var currentDate = new Date();
var ptmonth = currentDate.getMonth();
var val = 1;
var presentmonth = ptmonth + val;
var presentyear = currentDate.getFullYear();
if (year == presentyear) {
if (month < presentmonth) {
$("#ddlPreExpiryMonth").removeClass("RightInput");
$("#ddlPreExpiryMonth").addClass("InvalidSearch");
return false;
}
else {
$("#ddlPreExpiryMonth").removeClass("InvalidSearch");
$("#ddlPreExpiryMonth").addClass("RightInput");
return true;
}
}
else if (year < presentyear) {
$("#ddlPreExpiryYear").removeClass("RightInput");
$("#ddlPreExpiryYear").addClass("InvalidSearch");
return false;
}
else {
$("#ddlPreExpiryYear").removeClass("InvalidSearch");
$("#ddlPreExpiryYear").addClass("RightInput");
$("#ddlPreExpiryMonth").removeClass("InvalidSearch");
$("#ddlPreExpiryMonth").addClass("RightInput");
return true;
}
}
else {
$("#ddlPreExpiryMonth").removeClass("RightInput");
$("#ddlPreExpiryMonth").addClass("InvalidSearch");
$("#ddlPreExpiryYear").removeClass("RightInput");
$("#ddlPreExpiryYear").addClass("InvalidSearch");
return false;
}
}
}
function changeExpiryDate() {
var isValidExpDate = validatePreOrderExpiryDate();
}
//end preorder checkout
function preOrderFocus(event, idValue) { //ixi4preorder
var keyValue = event.keyCode;
var currentPage = "";
currentPage = $('#hdnCurrentPage').val();
if (keyValue == 9) {
if (idValue == "preorderName") {
if (!$("#dealerSearch").hasClass('active')) {//when dealer popup is not opened
if (window.location.href.toUpperCase().indexOf('BMW-I7-PRE-ORDER') > 0 || window.location.href.toUpperCase().indexOf('BMW-IX-PRE-ORDER') > 0 || window.location.href.toUpperCase().indexOf('BMW-I4-PRE-ORDER') > 0 || window.location.href.toUpperCase().indexOf('BMW-8-X-JEFF-KOONS-PRE-ORDER') > 0 || window.location.href.toUpperCase().indexOf('/PREORDER/PREORDERWAITLIST') > 0 ) {
$('.IModel').find('h1:first').focus();
}
else if (currentPage != "" & currentPage.toLowerCase().includes("billing")) {
$('.DivUserInfo').find('h1:first').focus();
}
else if (currentPage != "" & currentPage.toLowerCase().includes("confirmation")) {
if ($('.iFeatureEndSecHead').find('h1:first').hasClass('d-none')) {
$('.iFeatureEndSecHead').find('h2:first').focus();
}
else {
$('.iFeatureEndSecHead').find('h1:first').focus();
$(".JKErrorHead").focus();
}
//$('.iDiscoverbtn').find('a:first').focus();
}
else {
$('.CountiFeatureEndSec').find('h1:first').focus();
}
}
else if ($("#dealerSearch").hasClass('active')) {
$("#flyoutDealer").focus();
}
event.preventDefault();
}
}
}
function selectPreModel(selectedModel) {
if (!$("#" + selectedModel).hasClass("d-none")) {
$("#" + selectedModel).addClass("d-none");
if (selectedModel == 'i4model2') {
$("#divi4model1").removeClass("d-none");
$("#divi4model2").addClass("d-none");
$(".i4model2").addClass("d-none");
$(".i4model1").removeClass("d-none");
$("#startModelPrice").html($("#hdnModelPrice1").val());
$("#hModelName").html($("#hdnModelName1").val());
$("#lblModelPrice").html($("#hdnModelPrice1").val());
$("#divModelPrice").html($("#hdnModelPrice1").val());
$('#hdnPreModel').val($("#hdnModelName1").val());
$('#hdnPreModelPaypal').val($("#hdnModelName1").val());
$('#hdnPreModelCard').val($("#hdnModelName1").val());
}
else if (selectedModel == 'i4model1') {
$("#divi4model2").removeClass("d-none");
$("#divi4model1").addClass("d-none");
$(".i4model1").addClass("d-none");
$(".i4model2").removeClass("d-none");
$("#startModelPrice").html($("#hdnModelPrice2").val());
$("#hModelName").html($("#hdnModelName2").val());
$("#lblModelPrice").html($("#hdnModelPrice2").val());
$("#divModelPrice").html($("#hdnModelPrice2").val());
$('#hdnPreModel').val($("#hdnModelName2").val());
$('#hdnPreModelPaypal').val($("#hdnModelName2").val());
$('#hdnPreModelCard').val($("#hdnModelName2").val());
}
}
}
//function selectedModel() {
// if ($(".iXSelModel").hasClass("iXModel1Hover")) {
// $('#hdni4PreModel').val($(".iXModel1Hover div").text());
// }
//}
function UpdateCountDownTimer() {
//debugger;
var now = getESTTime();
// Find the difference between now and the count down date
var countDownEndDate = $("#hdnCountDownEnd").val();// 01-06-2021 06:00:00 AM
var stringDateFull = countDownEndDate.split(' ');
var stringDate = stringDateFull[0].split('-');
var countDownEndDateString = stringDate[1] + "/" + stringDate[0] + "/" + stringDate[2] + " " + stringDateFull[1] + " " + stringDateFull[2];//"06/01/2021 6:00:00";
//alert(countDownEndDateString);
var timeDifference = (new Date(countDownEndDateString).getTime()) - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(timeDifference / (1000 * 60 * 60 * 24)).toString();
var hours = Math.floor((timeDifference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)).toString();
var minutes = Math.floor((timeDifference % (1000 * 60 * 60)) / (1000 * 60)).toString();
var seconds = Math.floor((timeDifference % (1000 * 60)) / 1000).toString();
// If the count down is over, write some text
days = days.length == 1 ? "0" + days : days;
hours = hours.length == 1 ? "0" + hours : hours;
minutes = minutes.length == 1 ? "0" + minutes : minutes;
seconds = seconds.length == 1 ? "0" + seconds : seconds;
var timerStart = days + ":" + hours + ":" + minutes + ":" + seconds;
if (timerStart == "00:00:00:00" || timerStart.indexOf('-') >= 0) {
setTimeout(function () {
window.location.reload();
});
}
initTimer(timerStart); // other ways --> "0:15" "03:5" "5:2"
}
var timerEl = document.querySelector('.timer');
function initTimer(t) {
var self = this,
timerEl = document.querySelector('.timer'),
dayGroupEl = timerEl.querySelector('.days-group'),
hrGroupEl = timerEl.querySelector('.hr-group'),
minutesGroupEl = timerEl.querySelector('.minutes-group'),
secondsGroupEl = timerEl.querySelector('.seconds-group'),
hrGroup = {
firstNum: hrGroupEl.querySelector('.first'),
secondNum: hrGroupEl.querySelector('.second')
},
dayGroup = {
firstNum: dayGroupEl.querySelector('.first'),
secondNum: dayGroupEl.querySelector('.second')
},
minutesGroup = {
firstNum: minutesGroupEl.querySelector('.first'),
secondNum: minutesGroupEl.querySelector('.second')
},
secondsGroup = {
firstNum: secondsGroupEl.querySelector('.first'),
secondNum: secondsGroupEl.querySelector('.second')
};
var time = {
day: t.split(':')[0],
hr: t.split(':')[1],
min: t.split(':')[2],
sec: t.split(':')[3]
};
var timeNumbers;
function updateTimer() {
var timestr;
var now = getESTTime();
// Find the difference between now and the count down date
var countDownEndDate = $("#hdnCountDownEnd").val();// 01-06-2021 06:00:00 AM
var stringDateFull = countDownEndDate.split(' ');
var stringDate = stringDateFull[0].split('-');
var countDownEndDateString = stringDate[1] + "/" + stringDate[0] + "/" + stringDate[2] + " " + stringDateFull[1] + " " + stringDateFull[2];//"06/01/2021 6:00:00";
var timeDifference = (new Date(countDownEndDateString).getTime()) - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(timeDifference / (1000 * 60 * 60 * 24)).toString();
var hours = Math.floor((timeDifference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)).toString();
var minutes = Math.floor((timeDifference % (1000 * 60 * 60)) / (1000 * 60)).toString();
var seconds = Math.floor((timeDifference % (1000 * 60)) / 1000).toString();
time.day = days.length == 1 ? "0" + days : days;
time.hr = hours.length == 1 ? "0" + hours : hours;
time.min = minutes.length == 1 ? "0" + minutes : minutes;
time.sec = seconds.length == 1 ? "0" + seconds : seconds;
timestr = time.day + time.hr + time.min + time.sec;
timeNumbers = timestr.split('');
updateTimerDisplay(timeNumbers);
if (timestr == '00000000' || timestr.indexOf('-') >= 0) {
setTimeout(function () {
window.location.reload();
});
}
else if (timestr != '00000000') {
setTimeout(updateTimer, 1000);
}
}
function updateTimerDisplay(arr) {
animateNum(dayGroup.firstNum, arr[0]);
animateNum(dayGroup.secondNum, arr[1]);
animateNum(hrGroup.firstNum, arr[2]);
animateNum(hrGroup.secondNum, arr[3]);
animateNum(minutesGroup.firstNum, arr[4]);
animateNum(minutesGroup.secondNum, arr[5]);
animateNum(secondsGroup.firstNum, arr[6]);
animateNum(secondsGroup.secondNum, arr[7]);
}
function animateNum(group, arrayValue) {
TweenMax.killTweensOf(group.querySelector('.number-grp-wrp'));
TweenMax.to(group.querySelector('.number-grp-wrp'), 1, {
y: - group.querySelector('.num-' + arrayValue).offsetTop
});
}
setTimeout(updateTimer, 1000);
}
function getESTTime() {
var offset = new Date().getTimezoneOffset();// getting offset to make time in gmt+0 zone (UTC) (for gmt+5 offset comes as -300 minutes)
var date = new Date();
date.setMinutes(date.getMinutes() + offset);// date now in UTC time
var easternTimeOffset = -300; //for dayLight saving, CST time become 5 hours behind UTC thats why its offset is -4x60 = -240 minutes. So when Day light is not active the offset will be -300
date.setMinutes(date.getMinutes() + easternTimeOffset);
return date.getTime();
}
function financeOptions(chkId) {
if ($('input[type=checkbox][id^="' + chkId + '"]').prop("checked") == true) {
$('input[type=checkbox][id^=chk]').each(function () {
$(this).prop('checked', false);
});
$("#" + chkId).prop('checked', true);
}
else
$("#" + chkId).prop('checked', false);
var chck_label = $("#" + chkId).parent("label").text();
if (chck_label.toLowerCase() == "financing" || chck_label.toLowerCase() === "finance") {
chck_label = "Financing(APR)";
}
$('#hdnfinanceOption').val(chck_label);
$('#hdnfinanceOption1').val(chck_label);
$('#hdnfinanceOptionPaypal').val(chck_label);
$('#hdnfinanceOptionAmazon').val(chck_label);
$('#hdnfinanceOptionCard').val(chck_label)
$('#hdnfinanceOptionStripe').val(chck_label);
// $('#hdnfinanceOption').val($("#" + chkId).parent("label").text());
//$('input[name="financeOption"]').val(chck_label);
}
function preferredContactMethod(Id, parentId) {
$('#' + parentId + ' input[type=radio][id^=radio_cm]').each(function () {
$(this).prop('checked', false);
$(this).val();
});
$("#" + parentId + " #" + Id).prop('checked', true);
var radio_label = $("#" + parentId +" #" + Id).parent("label").text();
$('#' + parentId + ' #' + Id).val(radio_label);
var pMethod = parentId.replace("contactMethod", "");
if (radio_label.toLowerCase() === "call" || radio_label.toLowerCase() === "text") {
$("#divContactMethod" + pMethod).removeClass("d-none");
}
else {
$("#divContactMethod" + pMethod).addClass("d-none");
if ($("#divContactMethod" + pMethod).find().children("p").hasClass("invalidTerms")) {
$("#divContactMethod" + pMethod).find().children("p").removeClass("invalidTerms");
}
}
}
function paymentSelectionGA() {
if (window.location.href.toUpperCase().indexOf('BMW-IX-PRE-ORDER') > 0) {
commonGA4Tracking('IX Preorder', 'Payment Selection - AZ', 'IX Preorder');
}
else if (window.location.href.toUpperCase().indexOf('BMW-I4-PRE-ORDER') > 0) {
commonGA4Tracking('I4 Preorder', 'Payment Selection - AZ', 'I4 Preorder');
}
else if (window.location.href.toUpperCase().indexOf('BMW-I7-PRE-ORDER') > 0) {
commonGA4Tracking('I7 Preorder', 'Payment Selection - AZ', 'I7 Preorder');
}
}
function learnMore(event) {
var keyValue = event.keyCode;
if (keyValue == 13) {
$("#FeaturesLink").click();
event.preventDefault();
}
}
function validateOnPaste(txtId) {
var data = $('#' + txtId).val();
if (txtId == "txtPreLastName" || txtId == "txtPreFirstName" || txtId == "txtPreCardName") {
if (!isAllAlphabets(data)) {
indicateInvalidData(txtId);
}
}
else if (txtId == "txtPreEmail") {
if (!validateEmail(data)) {
indicateInvalidData(txtId);
}
}
else if (txtId == "txtPrePhone") {
if (!validatePhoneNumber(data)) {
indicateInvalidData(txtId);
}
}
else if (txtId == "txtPreCardNo") {
data = data.replace(/\s/g, '');
cardType = $('#hdnCardType').val();
isCardNumberValid = $('#hdnCardNumberValid').val();
isCardLengthValid = $('#hdnCardLengthValid').val();
if (isCardNumberValid.toString() == "true" && isCardLengthValid.toString() == "true") {
$('#' + txtId).val(data);
}
else {
indicateInvalidData(txtId);
}
}
else if (txtId == "txtPreSecCode") {
data = data.replace(/\s/g, '');
if ($.isNumeric(data)) {
if (data.length <= 4) {
$('#' + txtId).val(data);
}
else {
indicateInvalidData(txtId);
}
}
else {
indicateInvalidData(txtId);
}
}
}
function indicateInvalidData(txtId) {
$('#' + txtId).val("");
$('#' + txtId).addClass("InvalidSearch");
$('#' + txtId).removeClass("RightInput");
}
function BMWUSADCMFloodlightPreorderPlaceOrderClickEvent() {
var IsFloodlightTurnOn = $("#hdnIsFloodlightTurnOn").val();
if (window.location.href.toLowerCase().indexOf('preorder/preordercheckout') > 0 && IsFloodlightTurnOn !== undefined && IsFloodlightTurnOn !== null && IsFloodlightTurnOn === "true") {
var body = document.getElementsByTagName('body')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.setAttribute('data-name', 'preorder-dcmfloodlight-placeorder');
var radomno = Math.random() + "";
var rand = radomno * 10000000000000000;
var dataImg = "https://ad.doubleclick.net/ddm/activity/src=3864313;type=bmwus003;cat=bmwus01t;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;gdpr=${GDPR};gdpr_consent=${GDPR_CONSENT_755};ord=" + rand + "?";
var sendto = "DC-3864313/bmwus003/bmwus01t+standard";
var comments = "";
var data = "";
data += "gtag('event', 'conversion', { ";
data += "'allow_custom_scripts': true, ";
data += "'send_to': '" + sendto + "'";
data += "}); ";
var content = "";
//content += "";
content += " ";
script.text = data;
var noscript = document.createElement('noscript');
$(noscript).text(content);
body.insertBefore(noscript, body.firstElementChild);
body.insertBefore(script, body.firstElementChild);
//alert("dcm");
/*var image = document.createElement('img');
image.setAttribute('src', dataImg);
image.setAttribute('width',1);
image.setAttribute('height', 1);
image.setAttribute('alt', '');
body.insertBefore(image, body.firstElementChild);*/
//body.insertBefore(script, body.firstElementChild);
//$("body script:first-child").next().attr("src", dataImg);
$(comments).insertBefore("script [data-name='preorder-dcmfloodlight-placeorder']");
//$(content).insertAfter("script [data-name='preorder-dcmfloodlight-placeorder']");
}
}
function BMWUSADCMFloodlightPreorderCheckoutWithPaypalClickEvent() {
var IsFloodlightTurnOn = $("#hdnIsFloodlightTurnOn").val();
var PreOrderProdName = $("#hdnPreOrderProdName").val();
if ((window.location.href.toLowerCase().indexOf('ix') > 0 || window.location.href.toLowerCase().indexOf('i4') > 0) && IsFloodlightTurnOn !== undefined && IsFloodlightTurnOn !== null && IsFloodlightTurnOn === "true" && PreOrderProdName !== undefined && PreOrderProdName !== null) {
var body = document.getElementsByTagName('body')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.setAttribute('data-name', 'preorder-dcmfloodlight-placeorder');
var radomno = Math.random() + "";
var rand = radomno * 10000000000000000;
var dataImg = "";
var sendto = "";
var comments = "";
if (PreOrderProdName.toLowerCase().indexOf("ix") > 0) {
dataImg = "https://ad.doubleclick.net/ddm/activity/src=3864313;type=bmwus003;cat=bmwus01s;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;gdpr=${GDPR};gdpr_consent=${GDPR_CONSENT_755};ord=" + rand + "?";
sendto = "DC-3864313/bmwus003/bmwus01s+standard";
comments = "";
}
else if (PreOrderProdName.toLowerCase().indexOf("i4") > 0) {
dataImg = "https://ad.doubleclick.net/ddm/activity/src=3864313;type=bmwus003;cat=bmwus01r;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;gdpr=${GDPR};gdpr_consent=${GDPR_CONSENT_755};ord=" + rand + "?";
sendto = "DC-3864313/bmwus003/bmwus01r+standard";
comments = "";
}
var data = "";
data += "gtag('event', 'conversion', { ";
data += "'allow_custom_scripts': true, ";
data += "'send_to': '" + sendto + "'";
data += "}); ";
script.text = data;
var content = "";
//content += "";
content += " ";
var noscript = document.createElement('noscript');
$(noscript).text(content);
body.insertBefore(noscript, body.firstElementChild);
body.insertBefore(script, body.firstElementChild);
//$("body script:first-child").text(data).next().attr("src", dataImg);
$(comments).insertBefore("script [data-name='preorder-dcmfloodlight-placeorder']");
//$(content).insertAfter("script [data-name='preorder-dcmfloodlight-placeorder']");
//alert("dcm");
}
}
function bindPreStripeCardElement() {
// Create a Stripe client.
var pubKey = document.getElementById('hdnPubKey').value;
var accountId = document.getElementById('hdnAccountId').value;
stripeCheckout = Stripe(pubKey, {
stripeAccount: accountId
});
// Create an instance of Elements.
var elements = stripeCheckout.elements();
// Custom styling can be passed to options when creating an Element.
// (Note that this demo uses a wider set of styles than the guide below.)
var style = {
base: {
color: '#32325d',
fontFamily: '"Helvetica Neue", Helvetica, sans-serif',
fontSmoothing: 'antialiased',
fontSize: '16px',
'::placeholder': {
color: '#aab7c4'
}
},
invalid: {
color: '#fa755a',
iconColor: '#fa755a'
}
};
// Create an instance of the card Element.
stripeCard = elements.create('card', { style: style });
// Add an instance of the card Element into the `card-element` .
stripeCard.mount('#card-element');
// Handle real-time validation errors from the card Element.
stripeCard.on('change', function (event) {
var displayError = document.getElementById('card-errors');
if (event.error) {
displayError.textContent = event.error.message;
} else {
displayError.textContent = '';
}
});
}
function stripeTokenHandler(token) {
// Insert the token ID into the form so it gets submitted to the server
var form = document.getElementById('payment-form');
var hiddenInput = document.createElement('input');
hiddenInput.setAttribute('type', 'hidden');
hiddenInput.setAttribute('name', 'stripeToken');
hiddenInput.setAttribute('value', token.id);
form.appendChild(hiddenInput);
// Submit the form
form.submit();
}
//start - CreditCard Validations
//function validateStripeCard() {
// if ($('#card-element').hasClass('StripeElement--invalid')) {
// return true;
// }
// else {
// return false;
// }
//}
function LinkClickDTMPixelTracking(event, buttonText, link = null) {
if (link != null)
event.preventDefault();
var preorder = $("#hdnPreorderName").val();
if (preorder.toLowerCase().indexOf("i7") > -1) {
BMWevent.push({
"event": "linkClick",
"link": {
"name": buttonText,
"type": "button"
}
});
if (link != null)
window.open(link, "_blank");
}
}
function FinanceOptionandFAQModelDTMPixelTracking(modelName) {
//modelName = financeoptions ||faqs
var preorder = $("#hdnPreorderName").val();
if (preorder.toLowerCase().indexOf("i7") > -1) {
if (dealerInfo !== null && dealerInfo !== undefined) {
BMWevent.push({
"event": "pageChange",
"page": {
"name": "shopbmwusa:product:The BMW i7 pre-order:" + modelName,
"url": window.location.href
},
"process": {
"name": "shopbmw i7 pre-order",
"status": "no data layer value"
},
"dealer": {
"address": dealerInfo["Address"],
"centerID": dealerInfo["CenterId"],
"city": dealerInfo["City"],
"name": dealerInfo["Name"],
"phone": dealerInfo["Phone"],
"state": dealerInfo["State"],
"url": dealerInfo["Url"],
"zipCode": dealerInfo["Zipcode"]
}
});
}
else {
BMWevent.push({
"event": "pageChange",
"page": {
"name": "shopbmwusa:product:The BMW i7 pre-order:" + modelName,
"url": window.location.href
},
"process": {
"name": "shopbmw i7 pre-order",
"status": "no data layer value"
},
"dealer": {
"address": "",
"centerID": "",
"city": "",
"name": "",
"phone": "",
"state": "",
"url": "",
"zipCode": ""
}
});
}
//BMWevent.push({
// "event": "pageChange",
// "page": {
// "name": "shopbmwusa:product:The BMW i7 pre-order:" + modelName,
// "url": '"' + window.location.href.toUpperCase() + '"'
// },
// "process": {
// "name": "shopbmw i7 pre-order",
// "status": "no data layer value"
// },
// "dealer": {
// "address": '"' + dealerInfo["Address"] +'"',
// "centerID": '"' + dealerInfo["CenterId"] + '"',
// "city": '"' + dealerInfo["City"] + '"',
// "name": '"' + dealerInfo["Name"] + '"',
// "phone": '"' + dealerInfo["Phone"] + '"',
// "state": '"' + dealerInfo["State"] + '"',
// "url": '"' + dealerInfo["Url"] + '"',
// "zipCode": '"' + dealerInfo["Zipcode"] + '"'
// }
//});
}
}
//braintree
//var nonce = document.querySelector('#brainPretreeNonce');
var noncePreOrderBraintree = false;
function bindPreOrderBraintreeCardElement() {
braintree.client.create(
{ authorization: hdnPreOrderBrainTreeClientToken.value },
function (clientError, clientInstance) {
if (clientError) {
console.error(clientError);
return;
}
braintree.hostedFields.create({
client: clientInstance,
styles: {
'input': {
'font-size': '14px',
'margin-left': '10px'
},
'input.invalid': {
'color': 'red'
},
'input.valid': {
'color': ''
}
},
fields: {
number: {
selector: '#card-number',
placeholder: 'Card Number'
},
cvv: {
selector: '#cvv',
placeholder: 'CVV'
},
expirationDate: {
selector: '#expiration-date',
placeholder: 'Expiration Date'
}
}
}, function (hostedFieldsError, hostedFieldsInstance) {
if (hostedFieldsError) {
console.error(hostedFieldsError);
return;
}
//submitButton.removeAttribute('disabled');
placeOrder.addEventListener('click', function (event) {
//event.preventDefault();
hostedFieldsInstance.tokenize(function (tokenizeErr, payload) {
if (tokenizeErr) {
console.error(tokenizeErr);
return;
}
braintreePreOrderNonce.value = payload.nonce;
noncePreOrderBraintree = true;
validatePreOrderPaymentOption("creditcard");
$("#frmSubmitPreorder").submit();
//form.submit();
});
}, false);
});
});
}
function bindBraintreePreOrderPaypalElement() {
$("#frmPaypalPreorder").addClass("d-none");
var priceAmt = parseFloat($("#spnPrice").html().replace('$', ''));
braintree.client.create({
authorization: hdnPreOrderBrainTreeClientToken.value
},
function (clientErr, clientInstance) {
//console.error(clientInstance);
// Stop if there was a problem creating the client.
// This could happen if there is a network error or if the authorization
// is invalid.
if (clientErr) {
console.error('Error creating client:', clientErr);
return;
}
// Create a PayPal Checkout component.
braintree.paypalCheckout.create({
client: clientInstance
}, function (paypalCheckoutErr, paypalCheckoutInstance) {
if (paypalCheckoutInstance != undefined) {// braintree missing paypal account link
paypalCheckoutInstance.loadPayPalSDK({
currency: 'USD',
intent: 'authorize'
}, function () {
//console.error('paypal.Buttons');
paypal.Buttons({
style: {
color: 'white',
shape: 'rect',
label: 'pay',//label: 'checkout',
height: 50
},
fundingSource: paypal.FUNDING.PAYPAL,
createOrder: function () {
//console.log('PayPal paypalCheckoutInstance');
return paypalCheckoutInstance.createPayment({
flow: 'checkout', // Required
amount: priceAmt, // Required
currency: 'USD', // Required, must match the currency passed in with loadPayPalSDK
intent: 'authorize', // Must match the intent passed in with loadPayPalSDK
enableShippingAddress: true,
enableBillingAddress: true,
shippingAddressEditable: false
});
},
onApprove: function (data, actions) {
return paypalCheckoutInstance.tokenizePayment(data, function (err, payload) {
paypalBraintreePreNonce.value = payload.nonce;
braintreepaypalPreAddressfetching(payload.details);
if ($('#hdnAddressListBraintree').val() == "") {
return false;
}
$("#frmPaypalBraintreePreorder").submit();
//Submit `payload.nonce` to your server
});
},
onCancel: function (data) {
console.log('PayPal payment cancelled', JSON.stringify(data, 0, 2));
},
onError: function (err) {
console.error('PayPal error', err);
}
}).render('#braintree-paypal-preorder-button').then(function () {
//console.error('#paypal-button');
// The PayPal button will be rendered in an html element with the ID
// `paypal-button`. This function will be called when the PayPal button
// is set up and ready to be used
});
});
}
else {
$("#frmPaypalPreorder").removeClass("d-none");
$("#frmPaypalBraintreePreorder").addClass("d-none");
}
});
});
}
function braintreepaypalPreAddressfetching(shipAddress) {
var addressDetails = {};
//{ "email": "binup_1361514395_per@realityi.com", "firstName": "Binu", "lastName": "Paul", "payerId": "TA8CG3X2QWJ74", "shippingAddress": { "recipientName": "Binu Paul", "line1": "1 Main St", "city": "San Jose", "state": "CA", "postalCode": "95131", "countryCode": "US" }, "countryCode": "US" }
addressDetails['FirstName'] = shipAddress.firstName;
addressDetails['LastName'] = shipAddress.lastName;
addressDetails['Email'] = shipAddress.email;
var shippingaddress = shipAddress.shippingAddress;
addressDetails['StrtAddress'] = shippingaddress.line1;
addressDetails['City'] = shippingaddress.city;
addressDetails['State'] = shippingaddress.state;
addressDetails['ZipCode'] = shippingaddress.postalCode;
addressDetails['Country'] = shippingaddress.countryCode;
addressDetails = JSON.stringify(addressDetails);
$('#hdnAddressListBraintree').val(addressDetails);
if ($('#hdnAddressListBraintree').val() == "") {
return false;
}
}
;