mirror of
https://github.com/woocommerce/woocommerce-paypal-payments.git
synced 2025-08-31 04:58:28 +08:00
628 lines
27 KiB
JavaScript
628 lines
27 KiB
JavaScript
import ContextHandlerFactory from "./Context/ContextHandlerFactory";
|
|
import {createAppleErrors} from "./Helper/applePayError";
|
|
import {setVisible} from '../../../ppcp-button/resources/js/modules/Helper/Hiding';
|
|
import {setEnabled} from '../../../ppcp-button/resources/js/modules/Helper/ButtonDisabler';
|
|
import FormValidator from "../../../ppcp-button/resources/js/modules/Helper/FormValidator";
|
|
import ErrorHandler from '../../../ppcp-button/resources/js/modules/ErrorHandler';
|
|
import widgetBuilder from "../../../ppcp-button/resources/js/modules/Renderer/WidgetBuilder";
|
|
|
|
class ApplepayButton {
|
|
|
|
constructor(context, externalHandler, buttonConfig, ppcpConfig) {
|
|
this.isInitialized = false;
|
|
|
|
this.context = context;
|
|
this.externalHandler = externalHandler;
|
|
this.buttonConfig = buttonConfig;
|
|
this.ppcpConfig = ppcpConfig;
|
|
this.paymentsClient = null;
|
|
this.form_saved = false;
|
|
|
|
this.contextHandler = ContextHandlerFactory.create(
|
|
this.context,
|
|
this.buttonConfig,
|
|
this.ppcpConfig
|
|
);
|
|
|
|
this.updated_contact_info = []
|
|
this.selectedShippingMethod = []
|
|
this.nonce = document.getElementById('woocommerce-process-checkout-nonce')?.value || buttonConfig.nonce
|
|
|
|
this.log = function() {
|
|
if ( this.buttonConfig.is_debug ) {
|
|
console.log('[ApplePayButton]', ...arguments);
|
|
}
|
|
}
|
|
|
|
this.refreshContextData();
|
|
}
|
|
|
|
init(config) {
|
|
if (this.isInitialized) {
|
|
return;
|
|
}
|
|
|
|
this.log('Init', this.context);
|
|
this.initEventHandlers();
|
|
this.isInitialized = true;
|
|
this.applePayConfig = config;
|
|
const isEligible = this.applePayConfig.isEligible;
|
|
if (isEligible) {
|
|
this.fetchTransactionInfo().then(() => {
|
|
const isSubscriptionProduct = this.ppcpConfig?.data_client_id?.has_subscriptions === true;
|
|
if (isSubscriptionProduct) {
|
|
return;
|
|
}
|
|
this.addButton();
|
|
const id_minicart = "#apple-" + this.buttonConfig.button.mini_cart_wrapper;
|
|
const id = "#apple-" + this.buttonConfig.button.wrapper;
|
|
|
|
if (this.context === 'mini-cart') {
|
|
document.querySelector(id_minicart)?.addEventListener('click', (evt) => {
|
|
evt.preventDefault();
|
|
this.onButtonClick();
|
|
});
|
|
} else {
|
|
document.querySelector(id)?.addEventListener('click', (evt) => {
|
|
evt.preventDefault();
|
|
this.onButtonClick();
|
|
});
|
|
}
|
|
|
|
// Listen for changes on any input within the WooCommerce checkout form
|
|
jQuery('form.checkout').on('change', 'input, select, textarea', () => {
|
|
this.fetchTransactionInfo();
|
|
});
|
|
});
|
|
}
|
|
}
|
|
|
|
reinit() {
|
|
if (!this.applePayConfig) {
|
|
return;
|
|
}
|
|
|
|
this.isInitialized = false;
|
|
this.init(this.applePayConfig);
|
|
}
|
|
|
|
async fetchTransactionInfo() {
|
|
this.transactionInfo = await this.contextHandler.transactionInfo();
|
|
}
|
|
/**
|
|
* Returns configurations relative to this button context.
|
|
*/
|
|
contextConfig() {
|
|
let config = {
|
|
wrapper: this.buttonConfig.button.wrapper,
|
|
ppcpStyle: this.ppcpConfig.button.style,
|
|
//buttonStyle: this.buttonConfig.button.style,
|
|
ppcpButtonWrapper: this.ppcpConfig.button.wrapper
|
|
}
|
|
|
|
if (this.context === 'mini-cart') {
|
|
config.wrapper = this.buttonConfig.button.mini_cart_wrapper;
|
|
config.ppcpStyle = this.ppcpConfig.button.mini_cart_style;
|
|
config.buttonStyle = this.buttonConfig.button.mini_cart_style;
|
|
config.ppcpButtonWrapper = this.ppcpConfig.button.mini_cart_wrapper;
|
|
}
|
|
|
|
if (['cart-block', 'checkout-block'].indexOf(this.context) !== -1) {
|
|
config.ppcpButtonWrapper = '#express-payment-method-ppcp-gateway';
|
|
}
|
|
|
|
return config;
|
|
}
|
|
initEventHandlers() {
|
|
const { wrapper, ppcpButtonWrapper } = this.contextConfig();
|
|
const wrapper_id = '#' + wrapper;
|
|
|
|
const syncButtonVisibility = () => {
|
|
const $ppcpButtonWrapper = jQuery(ppcpButtonWrapper);
|
|
setVisible(wrapper_id, $ppcpButtonWrapper.is(':visible'));
|
|
setEnabled(wrapper_id, !$ppcpButtonWrapper.hasClass('ppcp-disabled'));
|
|
}
|
|
|
|
jQuery(document).on('ppcp-shown ppcp-hidden ppcp-enabled ppcp-disabled', (ev, data) => {
|
|
if (jQuery(data.selector).is(ppcpButtonWrapper)) {
|
|
syncButtonVisibility();
|
|
}
|
|
});
|
|
|
|
syncButtonVisibility();
|
|
}
|
|
|
|
applePaySession(paymentRequest) {
|
|
this.log('applePaySession', paymentRequest);
|
|
const session = new ApplePaySession(4, paymentRequest)
|
|
session.begin()
|
|
|
|
if (this.buttonConfig.product.needShipping) {
|
|
session.onshippingmethodselected = this.onshippingmethodselected(session)
|
|
session.onshippingcontactselected = this.onshippingcontactselected(session)
|
|
}
|
|
session.onvalidatemerchant = this.onvalidatemerchant(session);
|
|
session.onpaymentauthorized = this.onpaymentauthorized(session);
|
|
return session;
|
|
}
|
|
|
|
/**
|
|
* Add a Apple Pay purchase button
|
|
*/
|
|
addButton() {
|
|
this.log('addButton', this.context);
|
|
|
|
const wrapper =
|
|
(this.context === 'mini-cart')
|
|
? this.buttonConfig.button.mini_cart_wrapper
|
|
: this.buttonConfig.button.wrapper;
|
|
const shape =
|
|
(this.context === 'mini-cart')
|
|
? this.ppcpConfig.button.mini_cart_style.shape
|
|
: this.ppcpConfig.button.style.shape;
|
|
const appleContainer = document.getElementById(wrapper);
|
|
const type = this.buttonConfig.button.type;
|
|
const language = this.buttonConfig.button.lang;
|
|
const color = this.buttonConfig.button.color;
|
|
const id = "apple-" + wrapper;
|
|
|
|
if (appleContainer) {
|
|
appleContainer.innerHTML = `<apple-pay-button id="${id}" buttonstyle="${color}" type="${type}" locale="${language}">`;
|
|
}
|
|
|
|
jQuery('#' + wrapper).addClass('ppcp-button-' + shape);
|
|
jQuery(wrapper).append(appleContainer);
|
|
}
|
|
|
|
//------------------------
|
|
// Button click
|
|
//------------------------
|
|
|
|
/**
|
|
* Show Apple Pay payment sheet when Apple Pay payment button is clicked
|
|
*/
|
|
async onButtonClick() {
|
|
this.log('onButtonClick', this.context);
|
|
|
|
const paymentDataRequest = this.paymentDataRequest();
|
|
// trigger woocommerce validation if we are in the checkout page
|
|
if (this.context === 'checkout') {
|
|
const checkoutFormSelector = 'form.woocommerce-checkout';
|
|
const errorHandler = new ErrorHandler(
|
|
PayPalCommerceGateway.labels.error.generic,
|
|
document.querySelector('.woocommerce-notices-wrapper')
|
|
);
|
|
try {
|
|
const formData = new FormData(document.querySelector(checkoutFormSelector));
|
|
this.form_saved = Object.fromEntries(formData.entries());
|
|
// This line should be reviewed, the widgetBuilder.paypal.Applepay().confirmOrder fails if we add it.
|
|
//this.update_request_data_with_form(paymentDataRequest);
|
|
} catch (error) {
|
|
console.error(error);
|
|
}
|
|
const session = this.applePaySession(paymentDataRequest)
|
|
const formValidator = PayPalCommerceGateway.early_checkout_validation_enabled ?
|
|
new FormValidator(
|
|
PayPalCommerceGateway.ajax.validate_checkout.endpoint,
|
|
PayPalCommerceGateway.ajax.validate_checkout.nonce,
|
|
) : null;
|
|
if (formValidator) {
|
|
try {
|
|
const errors = await formValidator.validate(document.querySelector(checkoutFormSelector));
|
|
if (errors.length > 0) {
|
|
errorHandler.messages(errors);
|
|
jQuery( document.body ).trigger( 'checkout_error' , [ errorHandler.currentHtml() ] );
|
|
session.abort();
|
|
return;
|
|
}
|
|
} catch (error) {
|
|
console.error(error);
|
|
}
|
|
}
|
|
return;
|
|
}
|
|
this.applePaySession(paymentDataRequest)
|
|
}
|
|
|
|
update_request_data_with_form(paymentDataRequest) {
|
|
paymentDataRequest.billingContact = this.fill_billing_contact(this.form_saved);
|
|
paymentDataRequest.applicationData = this.fill_application_data(this.form_saved);
|
|
if (!this.buttonConfig.product.needShipping) {
|
|
return;
|
|
}
|
|
paymentDataRequest.shippingContact = this.fill_shipping_contact(this.form_saved);
|
|
}
|
|
|
|
paymentDataRequest() {
|
|
const applepayConfig = this.applePayConfig
|
|
const buttonConfig = this.buttonConfig
|
|
let baseRequest = {
|
|
countryCode: applepayConfig.countryCode,
|
|
merchantCapabilities: applepayConfig.merchantCapabilities,
|
|
supportedNetworks: applepayConfig.supportedNetworks,
|
|
requiredShippingContactFields: ["postalAddress", "email", "phone"],
|
|
requiredBillingContactFields: ["postalAddress", "email", "phone"],
|
|
}
|
|
|
|
if (!this.contextHandler.shippingAllowed()) {
|
|
baseRequest.requiredShippingContactFields = [];
|
|
}
|
|
|
|
const paymentDataRequest = Object.assign({}, baseRequest);
|
|
paymentDataRequest.currencyCode = buttonConfig.shop.currencyCode;
|
|
paymentDataRequest.total = {
|
|
label: buttonConfig.shop.totalLabel,
|
|
type: "final",
|
|
amount: this.transactionInfo.totalPrice,
|
|
}
|
|
|
|
return paymentDataRequest
|
|
}
|
|
|
|
refreshContextData() {
|
|
switch (this.context) {
|
|
case 'product':
|
|
// Refresh product data that makes the price change.
|
|
this.productQuantity = document.querySelector('input.qty').value;
|
|
this.products = this.contextHandler.products();
|
|
this.log('Products updated', this.products);
|
|
break;
|
|
}
|
|
}
|
|
|
|
//------------------------
|
|
// Payment process
|
|
//------------------------
|
|
|
|
onvalidatemerchant(session) {
|
|
this.log('onvalidatemerchant', this.buttonConfig.ajax_url);
|
|
return (applePayValidateMerchantEvent) => {
|
|
this.log('onvalidatemerchant call');
|
|
|
|
widgetBuilder.paypal.Applepay().validateMerchant({
|
|
validationUrl: applePayValidateMerchantEvent.validationURL
|
|
})
|
|
.then(validateResult => {
|
|
this.log('onvalidatemerchant ok');
|
|
session.completeMerchantValidation(validateResult.merchantSession);
|
|
//call backend to update validation to true
|
|
jQuery.ajax({
|
|
url: this.buttonConfig.ajax_url,
|
|
type: 'POST',
|
|
data: {
|
|
action: 'ppcp_validate',
|
|
validation: true,
|
|
'woocommerce-process-checkout-nonce': this.nonce,
|
|
}
|
|
})
|
|
})
|
|
.catch(validateError => {
|
|
this.log('onvalidatemerchant error', validateError);
|
|
console.error(validateError);
|
|
//call backend to update validation to false
|
|
jQuery.ajax({
|
|
url: this.buttonConfig.ajax_url,
|
|
type: 'POST',
|
|
data: {
|
|
action: 'ppcp_validate',
|
|
validation: false,
|
|
'woocommerce-process-checkout-nonce': this.nonce,
|
|
}
|
|
})
|
|
this.log('onvalidatemerchant session abort');
|
|
session.abort();
|
|
});
|
|
};
|
|
}
|
|
onshippingmethodselected(session) {
|
|
this.log('onshippingmethodselected', this.buttonConfig.ajax_url);
|
|
const ajax_url = this.buttonConfig.ajax_url
|
|
return (event) => {
|
|
this.log('onshippingmethodselected call');
|
|
|
|
const data = this.getShippingMethodData(event);
|
|
jQuery.ajax({
|
|
url: ajax_url,
|
|
method: 'POST',
|
|
data: data,
|
|
success: (applePayShippingMethodUpdate, textStatus, jqXHR) => {
|
|
this.log('onshippingmethodselected ok');
|
|
let response = applePayShippingMethodUpdate.data
|
|
if (applePayShippingMethodUpdate.success === false) {
|
|
response.errors = createAppleErrors(response.errors)
|
|
}
|
|
this.selectedShippingMethod = event.shippingMethod
|
|
//order the response shipping methods, so that the selected shipping method is the first one
|
|
let orderedShippingMethods = response.newShippingMethods.sort((a, b) => {
|
|
if (a.label === this.selectedShippingMethod.label) {
|
|
return -1
|
|
}
|
|
return 1
|
|
})
|
|
//update the response.newShippingMethods with the ordered shipping methods
|
|
response.newShippingMethods = orderedShippingMethods
|
|
if (applePayShippingMethodUpdate.success === false) {
|
|
response.errors = createAppleErrors(response.errors)
|
|
}
|
|
session.completeShippingMethodSelection(response)
|
|
},
|
|
error: (jqXHR, textStatus, errorThrown) => {
|
|
this.log('onshippingmethodselected error', textStatus);
|
|
console.warn(textStatus, errorThrown)
|
|
session.abort()
|
|
},
|
|
})
|
|
};
|
|
}
|
|
onshippingcontactselected(session) {
|
|
this.log('onshippingcontactselected', this.buttonConfig.ajax_url);
|
|
const ajax_url = this.buttonConfig.ajax_url
|
|
return (event) => {
|
|
this.log('onshippingcontactselected call');
|
|
|
|
const data = this.getShippingContactData(event);
|
|
jQuery.ajax({
|
|
url: ajax_url,
|
|
method: 'POST',
|
|
data: data,
|
|
success: (applePayShippingContactUpdate, textStatus, jqXHR) => {
|
|
this.log('onshippingcontactselected ok');
|
|
let response = applePayShippingContactUpdate.data
|
|
this.updated_contact_info = event.shippingContact
|
|
if (applePayShippingContactUpdate.success === false) {
|
|
response.errors = createAppleErrors(response.errors)
|
|
}
|
|
if (response.newShippingMethods) {
|
|
this.selectedShippingMethod = response.newShippingMethods[0]
|
|
}
|
|
session.completeShippingContactSelection(response)
|
|
},
|
|
error: (jqXHR, textStatus, errorThrown) => {
|
|
this.log('onshippingcontactselected error', textStatus);
|
|
console.warn(textStatus, errorThrown)
|
|
session.abort()
|
|
},
|
|
})
|
|
};
|
|
}
|
|
getShippingContactData(event) {
|
|
const product_id = this.buttonConfig.product.id;
|
|
|
|
this.refreshContextData();
|
|
|
|
switch (this.context) {
|
|
case 'product':
|
|
return {
|
|
action: 'ppcp_update_shipping_contact',
|
|
product_id: product_id,
|
|
products: JSON.stringify(this.products),
|
|
caller_page: 'productDetail',
|
|
product_quantity: this.productQuantity,
|
|
simplified_contact: event.shippingContact,
|
|
need_shipping: this.buttonConfig.product.needShipping,
|
|
'woocommerce-process-checkout-nonce': this.nonce,
|
|
};
|
|
case 'cart':
|
|
case 'checkout':
|
|
case 'cart-block':
|
|
case 'checkout-block':
|
|
case 'mini-cart':
|
|
return {
|
|
action: 'ppcp_update_shipping_contact',
|
|
simplified_contact: event.shippingContact,
|
|
caller_page: 'cart',
|
|
need_shipping: this.buttonConfig.product.needShipping,
|
|
'woocommerce-process-checkout-nonce': this.nonce,
|
|
};
|
|
}
|
|
}
|
|
getShippingMethodData(event) {
|
|
const product_id = this.buttonConfig.product.id;
|
|
|
|
this.refreshContextData();
|
|
|
|
switch (this.context) {
|
|
case 'product': return {
|
|
action: 'ppcp_update_shipping_method',
|
|
shipping_method: event.shippingMethod,
|
|
product_id: product_id,
|
|
products: JSON.stringify(this.products),
|
|
caller_page: 'productDetail',
|
|
product_quantity: this.productQuantity,
|
|
simplified_contact: this.updated_contact_info,
|
|
'woocommerce-process-checkout-nonce': this.nonce,
|
|
}
|
|
case 'cart':
|
|
case 'checkout':
|
|
case 'cart-block':
|
|
case 'checkout-block':
|
|
case 'mini-cart':
|
|
return {
|
|
action: 'ppcp_update_shipping_method',
|
|
shipping_method: event.shippingMethod,
|
|
caller_page: 'cart',
|
|
simplified_contact: this.updated_contact_info,
|
|
'woocommerce-process-checkout-nonce': this.nonce,
|
|
}
|
|
}
|
|
}
|
|
|
|
onpaymentauthorized(session) {
|
|
this.log('onpaymentauthorized');
|
|
return async (event) => {
|
|
this.log('onpaymentauthorized call');
|
|
|
|
function form() {
|
|
return document.querySelector('form.cart');
|
|
}
|
|
const processInWooAndCapture = async (data) => {
|
|
return new Promise((resolve, reject) => {
|
|
try {
|
|
const billingContact = data.billing_contact
|
|
const shippingContact = data.shipping_contact
|
|
let request_data = {
|
|
action: 'ppcp_create_order',
|
|
'caller_page': this.context,
|
|
'product_id': this.buttonConfig.product.id ?? null,
|
|
'products': JSON.stringify(this.products),
|
|
'product_quantity': this.productQuantity ?? null,
|
|
'shipping_contact': shippingContact,
|
|
'billing_contact': billingContact,
|
|
'token': event.payment.token,
|
|
'shipping_method': this.selectedShippingMethod,
|
|
'woocommerce-process-checkout-nonce': this.nonce,
|
|
'funding_source': 'applepay',
|
|
'_wp_http_referer': '/?wc-ajax=update_order_review',
|
|
'paypal_order_id': data.paypal_order_id,
|
|
};
|
|
|
|
this.log('onpaymentauthorized request', this.buttonConfig.ajax_url, data);
|
|
|
|
jQuery.ajax({
|
|
url: this.buttonConfig.ajax_url,
|
|
method: 'POST',
|
|
data: request_data,
|
|
complete: (jqXHR, textStatus) => {
|
|
this.log('onpaymentauthorized complete');
|
|
},
|
|
success: (authorizationResult, textStatus, jqXHR) => {
|
|
this.log('onpaymentauthorized ok');
|
|
resolve(authorizationResult)
|
|
},
|
|
error: (jqXHR, textStatus, errorThrown) => {
|
|
this.log('onpaymentauthorized error', textStatus);
|
|
reject(new Error(errorThrown));
|
|
},
|
|
})
|
|
} catch (error) {
|
|
this.log('onpaymentauthorized catch', error);
|
|
console.log(error) // handle error
|
|
}
|
|
});
|
|
}
|
|
|
|
let id = await this.contextHandler.createOrder();
|
|
|
|
this.log('onpaymentauthorized paypal order ID', id, event.payment.token, event.payment.billingContact);
|
|
|
|
try {
|
|
const confirmOrderResponse = await widgetBuilder.paypal.Applepay().confirmOrder({
|
|
orderId: id,
|
|
token: event.payment.token,
|
|
billingContact: event.payment.billingContact,
|
|
});
|
|
|
|
this.log('onpaymentauthorized confirmOrderResponse', confirmOrderResponse);
|
|
|
|
if (confirmOrderResponse && confirmOrderResponse.approveApplePayPayment) {
|
|
if (confirmOrderResponse.approveApplePayPayment.status === "APPROVED") {
|
|
try {
|
|
|
|
if (!this.contextHandler.shippingAllowed()) {
|
|
// No shipping, expect immediate capture, ex: PayNow.
|
|
|
|
let approveFailed = false;
|
|
await this.contextHandler.approveOrder({
|
|
orderID: id
|
|
}, { // actions mock object.
|
|
restart: () => new Promise((resolve, reject) => {
|
|
approveFailed = true;
|
|
resolve();
|
|
}),
|
|
order: {
|
|
get: () => new Promise((resolve, reject) => {
|
|
resolve(null);
|
|
})
|
|
}
|
|
});
|
|
|
|
if (!approveFailed) {
|
|
this.log('onpaymentauthorized approveOrder OK');
|
|
session.completePayment(ApplePaySession.STATUS_SUCCESS);
|
|
} else {
|
|
this.log('onpaymentauthorized approveOrder FAIL');
|
|
session.completePayment(ApplePaySession.STATUS_FAILURE);
|
|
session.abort()
|
|
console.error(error);
|
|
}
|
|
|
|
} else {
|
|
// Default payment.
|
|
|
|
let data = {
|
|
billing_contact: event.payment.billingContact,
|
|
shipping_contact: event.payment.shippingContact,
|
|
paypal_order_id: id,
|
|
};
|
|
let authorizationResult = await processInWooAndCapture(data);
|
|
if (authorizationResult.result === "success") {
|
|
session.completePayment(ApplePaySession.STATUS_SUCCESS)
|
|
window.location.href = authorizationResult.redirect
|
|
} else {
|
|
session.completePayment(ApplePaySession.STATUS_FAILURE)
|
|
}
|
|
|
|
}
|
|
|
|
} catch (error) {
|
|
session.completePayment(ApplePaySession.STATUS_FAILURE);
|
|
session.abort()
|
|
console.error(error);
|
|
}
|
|
} else {
|
|
console.error('Error status is not APPROVED');
|
|
session.completePayment(ApplePaySession.STATUS_FAILURE);
|
|
}
|
|
} else {
|
|
console.error('Invalid confirmOrderResponse');
|
|
session.completePayment(ApplePaySession.STATUS_FAILURE);
|
|
}
|
|
} catch (error) {
|
|
console.error('Error confirming order with applepay token', error);
|
|
session.completePayment(ApplePaySession.STATUS_FAILURE);
|
|
session.abort()
|
|
}
|
|
};
|
|
}
|
|
|
|
fill_billing_contact(form_saved) {
|
|
return {
|
|
givenName: form_saved.billing_first_name ?? '',
|
|
familyName: form_saved.billing_last_name ?? '',
|
|
emailAddress: form_saved.billing_email ?? '',
|
|
phoneNumber: form_saved.billing_phone ?? '',
|
|
addressLines: [form_saved.billing_address_1, form_saved.billing_address_2],
|
|
locality: form_saved.billing_city ?? '',
|
|
postalCode: form_saved.billing_postcode ?? '',
|
|
countryCode: form_saved.billing_country ?? '',
|
|
administrativeArea: form_saved.billing_state ?? '',
|
|
}
|
|
}
|
|
fill_shipping_contact(form_saved) {
|
|
if (form_saved.shipping_first_name === "") {
|
|
return this.fill_billing_contact(form_saved)
|
|
}
|
|
return {
|
|
givenName: (form_saved?.shipping_first_name && form_saved.shipping_first_name !== "") ? form_saved.shipping_first_name : form_saved?.billing_first_name,
|
|
familyName: (form_saved?.shipping_last_name && form_saved.shipping_last_name !== "") ? form_saved.shipping_last_name : form_saved?.billing_last_name,
|
|
emailAddress: (form_saved?.shipping_email && form_saved.shipping_email !== "") ? form_saved.shipping_email : form_saved?.billing_email,
|
|
phoneNumber: (form_saved?.shipping_phone && form_saved.shipping_phone !== "") ? form_saved.shipping_phone : form_saved?.billing_phone,
|
|
addressLines: [form_saved.shipping_address_1 ?? '', form_saved.shipping_address_2 ?? ''],
|
|
locality: (form_saved?.shipping_city && form_saved.shipping_city !== "") ? form_saved.shipping_city : form_saved?.billing_city,
|
|
postalCode: (form_saved?.shipping_postcode && form_saved.shipping_postcode !== "") ? form_saved.shipping_postcode : form_saved?.billing_postcode,
|
|
countryCode: (form_saved?.shipping_country && form_saved.shipping_country !== "") ? form_saved.shipping_country : form_saved?.billing_country,
|
|
administrativeArea: (form_saved?.shipping_state && form_saved.shipping_state !== "") ? form_saved.shipping_state : form_saved?.billing_state,
|
|
}
|
|
}
|
|
|
|
fill_application_data(form_saved) {
|
|
const jsonString = JSON.stringify(form_saved);
|
|
let utf8Str = encodeURIComponent(jsonString).replace(/%([0-9A-F]{2})/g, (match, p1) => {
|
|
return String.fromCharCode('0x' + p1);
|
|
});
|
|
|
|
return btoa(utf8Str);
|
|
}
|
|
}
|
|
|
|
export default ApplepayButton;
|
