snappymail/dev/Model/Contact.js

import { AbstractModel } from 'Knoin/AbstractModel';

import { JCard } from 'DAV/JCard';
//import { VCardProperty } from 'DAV/VCardProperty';

const nProps = [
	'surName',
	'givenName',
	'middleName',
	'namePrefix',
	'nameSuffix'
];

/*
const propertyMap = [
	// vCard 2.1 properties and up
	'N' => 'Text',
	'FN' => 'FlatText',
	'PHOTO' => 'Binary',
	'BDAY' => 'DateAndOrTime',
	'ADR' => 'Text',
	'TEL' => 'FlatText',
	'EMAIL' => 'FlatText',
	'GEO' => 'FlatText',
	'TITLE' => 'FlatText',
	'ROLE' => 'FlatText',
	'LOGO' => 'Binary',
	'ORG' => 'Text',
	'NOTE' => 'FlatText',
	'REV' => 'TimeStamp',
	'SOUND' => 'FlatText',
	'URL' => 'Uri',
	'UID' => 'FlatText',
	'VERSION' => 'FlatText',
	'KEY' => 'FlatText',
	'TZ' => 'Text',

	// vCard 3.0 properties
	'CATEGORIES' => 'Text',
	'SORT-STRING' => 'FlatText',
	'PRODID' => 'FlatText',
	'NICKNAME' => 'Text',

	// rfc2739 properties
	'FBURL' => 'Uri',
	'CAPURI' => 'Uri',
	'CALURI' => 'Uri',
	'CALADRURI' => 'Uri',

	// rfc4770 properties
	'IMPP' => 'Uri',

	// vCard 4.0 properties
	'SOURCE' => 'Uri',
	'XML' => 'FlatText',
	'ANNIVERSARY' => 'DateAndOrTime',
	'CLIENTPIDMAP' => 'Text',
	'LANG' => 'LanguageTag',
	'GENDER' => 'Text',
	'KIND' => 'FlatText',
	'MEMBER' => 'Uri',
	'RELATED' => 'Uri',

	// rfc6474 properties
	'BIRTHPLACE' => 'FlatText',
	'DEATHPLACE' => 'FlatText',
	'DEATHDATE' => 'DateAndOrTime',

	// rfc6715 properties
	'EXPERTISE' => 'FlatText',
	'HOBBY' => 'FlatText',
	'INTEREST' => 'FlatText',
	'ORG-DIRECTORY' => 'FlatText
];
*/

export class ContactModel extends AbstractModel {
	constructor() {
		super();

		this.jCard = new JCard();

		this.addObservables({
			focused: false,
			selected: false,
			checked: false,
			deleted: false,
			readOnly: false,

			id: 0,
			givenName:  '', // FirstName
			surName:    '', // LastName
			middleName: '', // MiddleName
			namePrefix: '', // NamePrefix
			nameSuffix: '',  // NameSuffix
			nickname: null
		});
//		this.email = koArrayWithDestroy();
		this.email = ko.observableArray();
		this.tel   = ko.observableArray();
		this.url   = ko.observableArray();

		this.addComputables({
			hasValidName: () => !!(this.givenName() || this.surName()),

			fullName: () => (this.givenName() + ' ' + this.surName()).trim(),

			display: () => {
				let a = this.jCard.getOne('fn')?.value,
					b = this.fullName(),
					c = this.jCard.getOne('email')?.value,
					d = this.nickname();
				return a || b || c || d;
			}
/*
			fullName: {
				read: () => this.givenName() + " " + this.surName(),
				write: value => {
					this.jCard.set('fn', value/*, params, group* /)
				}
			}
*/
		});
	}

	/**
	 * @returns {Array|null}
	 */
	getNameAndEmailHelper() {
		let name = (this.givenName() + ' ' + this.surName()).trim(),
			email = this.email()[0];
/*
//		this.jCard.getOne('fn')?.notEmpty() ||
		this.jCard.parseFullName({set:true});
//		let name = this.jCard.getOne('nickname'),
		let name = this.jCard.getOne('fn'),
			email = this.jCard.getOne('email');
*/
		return email ? [email, name] : null;
	}

	/**
	 * @static
	 * @param {FetchJsonContact} json
	 * @returns {?ContactModel}
	 */
	static reviveFromJson(json) {
		const contact = super.reviveFromJson(json);
		if (contact) {
			let jCard = new JCard(json.jCard),
				props = jCard.getOne('n')?.value;
			props && props.forEach((value, index) =>
				value && contact[nProps[index]](value)
			);

			props = jCard.getOne('nickname');
			props && contact.nickname(props.value);

			['email', 'tel', 'url'].forEach(field => {
				props = jCard.get(field);
				props && props.forEach(prop => {
					contact[field].push({
						value: ko.observable(prop.value)
//						type: prop.params.type
					});
				});
			});

			contact.jCard = jCard;
		}
		return contact;
	}

	/**
	 * @returns {string}
	 */
	generateUid() {
		return '' + this.id;
	}

	addEmail() {
		// home, work
		this.email.push({
			value: ko.observable('')
//			type: prop.params.type
		});
	}

	addTel() {
		// home, work, text, voice, fax, cell, video, pager, textphone, iana-token, x-name
		this.tel.push({
			value: ko.observable('')
//			type: prop.params.type
		});
	}

	addUrl() {
		// home, work
		this.url.push({
			value: ko.observable('')
//			type: prop.params.type
		});
	}

	addNickname() {
		// home, work
		this.nickname() || this.nickname('');
	}

	toJSON()
	{
		let jCard = this.jCard;
		jCard.set('n', [
			this.surName(),
			this.givenName(),
			this.middleName(),
			this.namePrefix(),
			this.nameSuffix()
		]/*, params, group*/);
//		jCard.parseFullName({set:true});

		this.nickname() ? jCard.set('nickname', this.nickname()/*, params, group*/) : jCard.remove('nickname');

		['email', 'tel', 'url'].forEach(field => {
			let values = this[field].map(item => item.value());
			jCard.get(field).forEach(prop => {
				let i = values.indexOf(prop.value);
				if (0 > i || !prop.value) {
					jCard.remove(prop);
				} else {
					values.splice(i, 1);
				}
			});
			values.forEach(value => value && jCard.add(field, value));
		});

		// Done by server
//		jCard.set('rev', '2022-05-21T10:59:52Z')

		return {
			Uid: this.id,
			jCard: JSON.stringify(jCard)
		};
	}

	/**
	 * @return string
	 */
	lineAsCss() {
		const result = [];
		if (this.deleted()) {
			result.push('deleted');
		}
		if (this.selected()) {
			result.push('selected');
		}
		if (this.checked()) {
			result.push('checked');
		}
		if (this.focused()) {
			result.push('focused');
		}

		return result.join(' ');
	}
}