How are the «Magento_Checkout/js/checkout-data»'s setValidatedEmailValue() and setInputFieldEmailValue() methods implemeted and used?

dmitrii_fediuk · June 1, 2016, 4:55am

Context:

What is the difference between «Magento_Checkout/js/checkout-data»'s getValidatedEmailValue() and getInputFieldEmailValue() methods?
The «Magento_Checkout/js/checkout-data» JavaScript object interface and its implementation
How to get the current customer’s email on the frontend checkout screen?

Implementation

setValidatedEmailValue() method

magento/magento2/blob/072a1ae/app/code/Magento/Checkout/view/frontend/web/js/checkout-data.js#L126-L130


setValidatedEmailValue: function (email) {
    var obj = getData();
    obj.validatedEmailValue = email;
    saveData(obj);
},

setInputFieldEmailValue() method

github.com

magento/magento2/blob/072a1ae/app/code/Magento/Checkout/view/frontend/web/js/checkout-data.js#L137-L141


setInputFieldEmailValue: function (email) {
    var obj = getData();
    obj.inputFieldEmailValue = email;
    saveData(obj);
}

The single usage

Magento_Checkout/js/view/form/element/email::emailHasChanged()

a5fa3af3/app/code/Magento/Checkout/view/frontend/web/js/view/form/element/email.js#L58-L79

/**
 * Callback on changing email property
 */
emailHasChanged: function () {
	var self = this;

	clearTimeout(this.emailCheckTimeout);

	if (self.validateEmail()) {
		quote.guestEmail = self.email();
		checkoutData.setValidatedEmailValue(self.email());
	}
	this.emailCheckTimeout = setTimeout(function () {
		if (self.validateEmail()) {
			self.checkEmailAvailability();
		} else {
			self.isPasswordVisible(false);
		}
	}, self.checkDelay);

	checkoutData.setInputFieldEmailValue(self.email());
},

Details: How is Magento_Checkout/js/view/form/element/email::emailHasChanged() implemented and used?