[NEW] Additional Livechat iFrame API's

packages/rocketchat-livechat/.app/client/lib/_livechat.js

@@ -34,6 +34,9 @@ this.Livechat = new (class Livechat {
 
 		this.stream = new Meteor.Streamer('livechat-room');
 
+		this._guestName = new ReactiveVar();
+		this._guestEmail = new ReactiveVar();
+
 		Tracker.autorun(() => {
 			if (this._room.get() && visitor.getId()) {
 				RoomHistoryManager.getMoreIfIsEmpty(this._room.get());
@@ -121,6 +124,12 @@ this.Livechat = new (class Livechat {
 	get agent() {
 		return this._agent.get();
 	}
+	get guestName() {
+		return this._guestName.get();
+	}
+	get guestEmail() {
+		return this._guestEmail.get();
+	}
 
 	set online(value) {
 		this._online.set(value);
@@ -198,6 +207,12 @@ this.Livechat = new (class Livechat {
 	set agent(agentData) {
 		this._agent.set(agentData);
 	}
+	set guestName(name) {
+		return this._guestName.set(name);
+	}
+	set guestEmail(email) {
+		return this._guestEmail.set(email);
+	}
 
 	ready() {
 		this._ready.set(true);

packages/rocketchat-livechat/.app/client/lib/chatMessages.js

@@ -148,6 +148,14 @@ this.ChatMessages = class ChatMessages {
 				guest.department = Livechat.department;
 			}
 
+			if (Livechat.guestName) {
+				guest.name = Livechat.guestName;
+			}
+
+			if (Livechat.guestEmail) {
+				guest.email = Livechat.guestEmail;
+			}
+
 			Meteor.call('livechat:registerGuest', guest, (error, result) => {
 				if (error) {
 					return showError(error.reason);

packages/rocketchat-livechat/.app/client/lib/hooks.js

@@ -37,7 +37,35 @@ const api = {
 
 	widgetClosed() {
 		Livechat.setWidgetClosed();
-	}
+	},
+
+	setGuestToken(token) {
+		visitor.setToken(token);
+	},
+
+	setGuestName(name) {
+		visitor.setName(name);
+	},
+
+	setGuestEmail(email) {
+		visitor.setEmail(email);
+	},
+
+	registerGuest(data) {
+		if (!(typeof data === 'object')) {
+			return;
+		}	
+
+		if (!data.token) {
+			data.token = Random.id();
+		}
+
+		Meteor.call('livechat:registerGuest', data, function(error, result) {
+			if (!error) {
+				visitor.setToken(result.token);
+			}	
+		});
+	}	
 };
 
 window.addEventListener('message', function(msg) {

packages/rocketchat-livechat/.app/client/views/livechatWindow.js

@@ -4,7 +4,7 @@ import visitor from '../../imports/client/visitor';
 function showDepartments() {
 	return Department.find({ showOnRegistration: true }).count() > 1;
 };
- 
+
 Template.livechatWindow.helpers({
 	title() {
 		return Livechat.title;
@@ -90,11 +90,13 @@ Template.livechatWindow.onCreated(function() {
 		return lng;
 	};
 
-	// get all needed live chat info for the user
-	Meteor.call('livechat:getInitialData', visitor.getToken(), (err, result) => {
-		if (err) {
-			console.error(err);
-		} else {
+	this.autorun(() => {
+		// get all needed live chat info for the user
+		Meteor.call('livechat:getInitialData', visitor.getToken(), (err, result) => {
+			if (err) {
+				return console.error(err);
+			}
+
 			if (!result.enabled) {
 				Triggers.setDisabled();
 				return parentCall('removeWidget');
@@ -129,6 +131,14 @@ Template.livechatWindow.onCreated(function() {
 
 			if (result.visitor) {
 				visitor.setData(result.visitor);
+
+				if (visitor.name) {
+					Livechat.guestName = visitor.name;
+				}
+
+				if (visitor.visitorEmails && visitor.visitorEmails.length > 0) {
+					Livechat.guestEmail = visitor.visitorEmails[0].address;
+				}
 			}
 
 			if (result.agentData) {
@@ -152,7 +162,7 @@ Template.livechatWindow.onCreated(function() {
 			Livechat.allowSwitchingDepartments = result.allowSwitchingDepartments;
 
 			Livechat.ready();
-		}
+		});
 	});
 
 	$(window).on('focus', () => {

packages/rocketchat-livechat/.app/client/views/messages.js

@@ -62,7 +62,7 @@ Template.messages.helpers({
 		};
 	},
 	agentData() {
-		const agent = Livechat.agent;
+		const agent = Template.instance().agentData.get();
 		if (!agent) {
 			return null;
 		}
@@ -137,6 +137,12 @@ Template.messages.onCreated(function() {
 	this.atBottom = true;
 
 	this.showOptions = new ReactiveVar(false);
+	this.agentData = new ReactiveVar(null);
+
+	this.autorun(() => {
+		const agentData = Livechat.agent;
+		this.agentData.set(agentData);
+	});
 
 	this.updateMessageInputHeight = function(input) {
 		// Inital height is 28. If the scrollHeight is greater than that( we have more text than area ),

packages/rocketchat-livechat/.app/client/views/register.js

@@ -43,8 +43,8 @@ Template.register.events({
 		const form = e.currentTarget;
 
 		const fields = [];
-		let name;
-		let email;
+		let name = Livechat.guestName;
+		let email = Livechat.guestEmail;
 
 		if (Livechat.nameFieldRegistrationForm) {
 			fields.push('name');

packages/rocketchat-livechat/.app/imports/client/visitor.js

@@ -1,4 +1,4 @@
-/* globals Commands */
+/* globals Commands, Livechat */
 const msgStream = new Meteor.Streamer('room-messages');
 
 export default {
@@ -18,6 +18,23 @@ export default {
 		this.token.set(localStorage.getItem('visitorToken'));
 	},
 
+	reset() {
+		this.id.set(null);
+		this.token.set(null);
+		this.room.set(null);
+		this.data.set(null);
+		this.roomToSubscribe.set(null);
+		this.roomSubscribed = null;
+
+		Livechat.room = null;
+		Livechat.department = null;
+		Livechat.agent = null;
+		Livechat.guestName = null;
+		Livechat.guestEmail = null;
+
+		msgStream.unsubscribe('room-messages');		
+	},
+
 	getId() {
 		return this.id.get();
 	},
@@ -38,6 +55,59 @@ export default {
 		return this.token.get();
 	},
 
+	setToken(token) {
+		if ((!token) || (token == this.token.get())) {
+			return;
+		}
+
+		this.reset();
+
+		localStorage.setItem('visitorToken', token);
+		this.token.set(token);
+
+		Meteor.call('livechat:loginByToken', token, (err, result) => {
+
+			if (!result) {
+				return;
+			}
+
+			if (result._id) {
+				this.setId(result._id);
+				return result._id;
+			}
+		});
+	},
+
+	setName(name) {
+		Livechat.guestName = name;
+
+		if (!this.getId()) {
+			return;
+		}
+
+		const data = {
+			token: this.getToken(),
+			name
+		};
+
+		Meteor.call('livechat:registerGuest', data);
+	},
+
+	setEmail(email) {
+		Livechat.guestEmail = email;
+
+		if (!this.getId()) {
+			return;
+		}
+
+		const data = {
+			token: this.getToken(),
+			email
+		};
+
+		Meteor.call('livechat:registerGuest', data);
+	},
+
 	setRoom(rid) {
 		this.room.set(rid);
 	},

packages/rocketchat-livechat/assets/rocket-livechat.js

@@ -620,6 +620,22 @@
 		callHook('setDepartment', department);
 	};
 
+	var setGuestToken = function(token) {
+		callHook('setGuestToken', token);
+	};
+
+	var setGuestName = function(name) {
+		callHook('setGuestName', name);
+	};
+
+	var setGuestEmail = function(email) {
+		callHook('setGuestEmail', email);
+	};
+
+	var registerGuest = function(guest) {
+		callHook('registerGuest', guest);
+	};
+
 	var clearDepartment = function() {
 		callHook('clearDepartment');
 	};
@@ -722,6 +738,10 @@
 		setTheme: setTheme,
 		setDepartment: setDepartment,
 		clearDepartment: clearDepartment,
+		setGuestToken: setGuestToken,
+		setGuestName: setGuestName,
+		setGuestEmail: setGuestEmail,
+		registerGuest: registerGuest,
 
 		// callbacks
 		onChatMaximized: function(fn) { registerCallback('chat-maximized', fn); },

packages/rocketchat-livechat/server/methods/loginByToken.js

@@ -2,14 +2,14 @@ import LivechatVisitors from '../models/LivechatVisitors';
 
 Meteor.methods({
 	'livechat:loginByToken'(token) {
-		const user = LivechatVisitors.getVisitorByToken(token, { fields: { _id: 1 } });
+		const visitor = LivechatVisitors.getVisitorByToken(token, { fields: { _id: 1 } });
 
-		if (!user) {
+		if (!visitor) {
 			return;
 		}
 
 		return {
-			_id: user._id
+			_id: visitor._id
 		};
 	}
 });

packages/rocketchat-livechat/server/methods/registerGuest.js

@@ -11,7 +11,8 @@ Meteor.methods({
 		RocketChat.models.Messages.keepHistoryForToken(token);
 
 		return {
-			userId
+			userId,
+			token
 		};
 	}
 });