46 lines
1.3 KiB
TypeScript
46 lines
1.3 KiB
TypeScript
/**
|
|
* Internal dependencies
|
|
*/
|
|
import { addCustomerEffortScoreExitPageListener } from '~/customer-effort-score-tracks/customer-effort-score-exit-page';
|
|
import { staticFormDataToObject } from '~/utils/static-form-helper';
|
|
|
|
type FormElements = {
|
|
mainform?: HTMLFormElement;
|
|
} & HTMLCollectionOf< HTMLFormElement >;
|
|
const forms: FormElements = document.forms;
|
|
if ( forms && forms.mainform ) {
|
|
let triggeredSaveButton = false;
|
|
const saveButton = document.querySelector( '.woocommerce-save-button' );
|
|
|
|
if ( saveButton ) {
|
|
saveButton.addEventListener( 'click', () => {
|
|
triggeredSaveButton = true;
|
|
} );
|
|
}
|
|
const formData = staticFormDataToObject( forms.mainform );
|
|
addCustomerEffortScoreExitPageListener( 'settings_change', () => {
|
|
if ( triggeredSaveButton ) {
|
|
return false;
|
|
}
|
|
const newFormData = forms.mainform
|
|
? staticFormDataToObject( forms.mainform )
|
|
: {};
|
|
let isDirty = false;
|
|
for ( const key of Object.keys( formData ) ) {
|
|
const value =
|
|
typeof formData[ key ] === 'object'
|
|
? JSON.stringify( formData[ key ] )
|
|
: formData[ key ];
|
|
const newValue =
|
|
typeof newFormData[ key ] === 'object'
|
|
? JSON.stringify( newFormData[ key ] )
|
|
: newFormData[ key ];
|
|
if ( value !== newValue ) {
|
|
isDirty = true;
|
|
break;
|
|
}
|
|
}
|
|
return isDirty;
|
|
} );
|
|
}
|