import template from './customer-copy-button.html';

export const CustomerCopyButtonComponent: ng.IComponentOptions = {
	bindings: {
		customerId: '<',
		onCopy: '&',
	},
	template,
	controller: class CustomerCopyButtonController {
		static $inject = [ 'CustomersService' ];
		private customerId: number;
		private onCopy: any;
		private modal: bootstrap.Modal;
		public email: string;
		public isCopying: boolean;
		public isShowingPassword: boolean;
		public isShowingPasswordConfirmation: boolean;
		public passwordHas = {
			all: ( password: string ) => {
				return this.passwordHas.length( password ) &&
					this.passwordHas.uppercase( password ) &&
					this.passwordHas.lowercase( password ) &&
					this.passwordHas.number( password ) &&
					this.passwordHas.symbol( password );
			},
			length: ( password: string ) => {
				return password?.length >= 8;
			},
			uppercase: ( password: string ) => {
				return password && RegExp( '[A-Z]' ).test( password );
			},
			lowercase: ( password: string ) => {
				return password && RegExp( '[a-z]' ).test( password );
			},
			number: ( password: string ) => {
				return password && RegExp( '[0-9]' ).test( password );
			},
			symbol: ( password: string ) => {
				return password && /\p{Z}|\p{S}|\p{P}/u.test( password );
			},
		}
		public tempPassword: string;
		public tempPasswordConfirmation: string;

		constructor( private CustomersService: any ) {
			this.modal = new bootstrap.Modal( document.getElementById( 'copyCustomerModal' ) );
		}

		copyCustomer() {
			this.isCopying = true;
			const data = {
				email: this.email,
				temp_password: this.tempPassword,
				temp_password_confirmation: this.tempPasswordConfirmation,
			};
			this.CustomersService.copy( this.customerId, data )
				.then( ( response:any ) => {
					this.isCopying = false;
					if ( ! response.errors.length ) {
						const { customer: copiedCustomer } = response;
						this.onCopy( { copiedCustomer } );
						this.modal.hide();
					}
				} );
		}

		openModal() {
			this.modal.show();
		}
	},
};