- {{> icon block="mail-messages__instructions-icon" icon="warning-empty"}}
+ {{> icon block="mail-messages__instructions-icon" icon="warning"}}
{{#unless filesOnly}}
{{#unless excludePinned}}
@@ -401,7 +404,7 @@
{{> icon block="rc-header__icon"
{{> Template.dynamic template=template data=data}}
{{#if canEditRoom}}
diff --git a/app/channel-settings/client/views/channelSettings.js b/app/channel-settings/client/views/channelSettings.js
new file mode 100644
index 0000000000000..04d010a3394d3
--- /dev/null
+++ b/app/channel-settings/client/views/channelSettings.js
@@ -0,0 +1,829 @@
+import { Meteor } from 'meteor/meteor';
+import { ReactiveVar } from 'meteor/reactive-var';
+import { Template } from 'meteor/templating';
+import { TAPi18n } from 'meteor/tap:i18n';
+import toastr from 'toastr';
+import moment from 'moment';
+import s from 'underscore.string';
+
+import { modal, popover, call, erase, hide, leave } from '../../../ui-utils';
+import { ChatRoom } from '../../../models';
+import { settings } from '../../../settings';
+import { callbacks } from '../../../callbacks';
+import { hasPermission, hasAllPermission, hasRole, hasAtLeastOnePermission } from '../../../authorization';
+import { t, roomTypes, RoomSettingsEnum } from '../../../utils';
+import { ChannelSettings } from '../lib/ChannelSettings';
+
+const common = {
+ canLeaveRoom() {
+ const { cl: canLeave, t: roomType } = Template.instance().room;
+ return roomType !== 'd' && canLeave !== false;
+ },
+ canDeleteRoom() {
+ const room = ChatRoom.findOne(this.rid, {
+ fields: {
+ t: 1,
+ },
+ });
+
+ const roomType = room && room.t;
+ return roomType && roomTypes.roomTypes[roomType].canBeDeleted(hasPermission, room);
+ },
+ canEditRoom() {
+ const { _id } = Template.instance().room;
+ return hasAllPermission('edit-room', _id);
+ },
+ isDirectMessage() {
+ const { room: { t } } = Template.instance();
+ return t === 'd';
+ },
+};
+
+function roomFilesOnly(room) {
+ if (!room.retention) {
+ return;
+ }
+
+ if (room.retention && room.retention.overrideGlobal) {
+ return room.retention.filesOnly;
+ }
+
+ return settings.get('RetentionPolicy_FilesOnly');
+}
+
+function roomExcludePinned(room) {
+ if (!room || !room.retention) {
+ return;
+ }
+
+ if (room.retention && room.retention.overrideGlobal) {
+ return room.retention.excludePinned;
+ }
+
+ return settings.get('RetentionPolicy_ExcludePinned');
+}
+
+function roomHasGlobalPurge(room) {
+ if (!settings.get('RetentionPolicy_Enabled')) {
+ return false;
+ }
+
+ switch (room.t) {
+ case 'c':
+ return settings.get('RetentionPolicy_AppliesToChannels');
+ case 'p':
+ return settings.get('RetentionPolicy_AppliesToGroups');
+ case 'd':
+ return settings.get('RetentionPolicy_AppliesToDMs');
+ }
+ return false;
+}
+
+function roomHasPurge(room) {
+ if (!room || !settings.get('RetentionPolicy_Enabled')) {
+ return false;
+ }
+
+ if (room.retention && room.retention.enabled !== undefined) {
+ return room.retention.enabled;
+ }
+
+ return roomHasGlobalPurge(room);
+}
+
+function retentionEnabled({ t: type }) {
+ switch (type) {
+ case 'c':
+ return settings.get('RetentionPolicy_AppliesToChannels');
+ case 'p':
+ return settings.get('RetentionPolicy_AppliesToGroups');
+ case 'd':
+ return settings.get('RetentionPolicy_AppliesToDMs');
+ }
+ return false;
+}
+
+function roomMaxAgeDefault(type) {
+ switch (type) {
+ case 'c':
+ return settings.get('RetentionPolicy_MaxAge_Channels');
+ case 'p':
+ return settings.get('RetentionPolicy_MaxAge_Groups');
+ case 'd':
+ return settings.get('RetentionPolicy_MaxAge_DMs');
+ default:
+ return 30; // days
+ }
+}
+
+function roomMaxAge(room) {
+ if (!room) {
+ return;
+ }
+
+ if (room.retention && room.retention.overrideGlobal) {
+ return room.retention.maxAge;
+ }
+
+ return roomMaxAgeDefault(room.t);
+}
+
+const fixRoomName = (old) => {
+ if (settings.get('UI_Allow_room_names_with_special_chars')) {
+ return old;
+ }
+ const reg = new RegExp(`^${ settings.get('UTF8_Names_Validation') }$`);
+ return [...old.replace(' ', '').toLocaleLowerCase()].filter((f) => reg.test(f)).join('');
+};
+
+Template.channelSettingsEditing.events({
+ 'input [name="name"]'(e) {
+ const input = e.currentTarget;
+ const modified = fixRoomName(input.value);
+ input.value = modified;
+ },
+ 'input .js-input'(e) {
+ this.value.set(e.currentTarget.value);
+ },
+ 'change .js-input-check'(e) {
+ this.value.set(e.currentTarget.checked);
+ },
+ 'click .js-reset'(e, t) {
+ const { settings } = t;
+ Object.keys(settings).forEach((key) => settings[key].value.set(settings[key].default.get()));
+ },
+
+ 'click .rc-user-info__config-value'(e) {
+ const options = [{
+ id: 'prune_default',
+ name: 'prune_value',
+ label: 'Default',
+ value: 'default',
+ },
+ {
+ id: 'prune_enabled',
+ name: 'prune_value',
+ label: 'Enabled',
+ value: 'enabled',
+ },
+ {
+ id: 'prune_disabled',
+ name: 'prune_value',
+ label: 'Disabled',
+ value: 'disabled',
+ }];
+
+ const falseOrDisabled = this.value.get() === false ? 'disabled' : 'default';
+ const value = this.value.get() ? 'enabled' : falseOrDisabled;
+ const config = {
+ popoverClass: 'notifications-preferences',
+ template: 'pushNotificationsPopover',
+ data: {
+ change: (value) => {
+ const falseOrUndefined = value === 'disabled' ? false : undefined;
+ const realValue = value === 'enabled' ? true : falseOrUndefined;
+ return this.value.set(realValue);
+ },
+ value,
+ options,
+ },
+ currentTarget: e.currentTarget,
+ offsetVertical: e.currentTarget.clientHeight + 10,
+ };
+ popover.open(config);
+ },
+ async 'click .js-save'(e, t) {
+ const { settings } = t;
+ Object.keys(settings).forEach(async (name) => {
+ const setting = settings[name];
+ const value = setting.value.get();
+ if (setting.default.get() !== value) {
+ await setting.save(value).then(() => {
+ setting.default.set(value);
+ setting.value.set(value);
+ }, console.log);
+ }
+ });
+ },
+});
+
+Template.channelSettingsEditing.onCreated(function() {
+ const room = ChatRoom.findOne(this.data && this.data.rid);
+ this.room = room;
+ this.settings = {
+ name: {
+ type: 'text',
+ label: 'Name',
+ canView() {
+ return roomTypes.roomTypes[room.t].allowRoomSettingChange(room, RoomSettingsEnum.NAME);
+ },
+ canEdit() {
+ return hasAllPermission('edit-room', room._id);
+ },
+ getValue() {
+ if (settings.get('UI_Allow_room_names_with_special_chars')) {
+ return room.fname || room.name;
+ }
+
+ return room.name;
+ },
+ save(value) {
+ let nameValidation;
+
+ if (!settings.get('UI_Allow_room_names_with_special_chars')) {
+ try {
+ nameValidation = new RegExp(`^${ settings.get('UTF8_Names_Validation') }$`);
+ } catch (error1) {
+ nameValidation = new RegExp('^[0-9a-zA-Z-_.]+$');
+ }
+
+ if (!nameValidation.test(value)) {
+ return Promise.reject(toastr.error(t('error-invalid-room-name', {
+ room_name: {
+ name: value,
+ },
+ })));
+ }
+ }
+ return call('saveRoomSettings', room._id, RoomSettingsEnum.NAME, value).then(function() {
+ callbacks.run('roomNameChanged', {
+ _id: room._id,
+ name: value,
+ });
+
+ return toastr.success(t('Room_name_changed_successfully'));
+ });
+ },
+ },
+ topic: {
+ type: 'markdown',
+ label: 'Topic',
+ canView() {
+ return roomTypes.roomTypes[room.t].allowRoomSettingChange(room, RoomSettingsEnum.TOPIC);
+ },
+ canEdit() {
+ return hasAllPermission('edit-room', room._id);
+ },
+ save(value) {
+ return call('saveRoomSettings', room._id, RoomSettingsEnum.TOPIC, value).then(function() {
+ toastr.success(t('Room_topic_changed_successfully'));
+ return callbacks.run('roomTopicChanged', room);
+ });
+ },
+ },
+ announcement: {
+ type: 'markdown',
+ label: 'Announcement',
+ getValue() {
+ return Template.instance().room.announcement;
+ },
+ canView() {
+ return roomTypes.roomTypes[room.t].allowRoomSettingChange(room, RoomSettingsEnum.ANNOUNCEMENT);
+ },
+ canEdit() {
+ return hasAllPermission('edit-room', room._id);
+ },
+ save(value) {
+ return call('saveRoomSettings', room._id, RoomSettingsEnum.ANNOUNCEMENT, value).then(() => {
+ toastr.success(t('Room_announcement_changed_successfully'));
+ return callbacks.run('roomAnnouncementChanged', room);
+ });
+ },
+ },
+ description: {
+ type: 'text',
+ label: 'Description',
+ canView() {
+ return roomTypes.roomTypes[room.t].allowRoomSettingChange(room, RoomSettingsEnum.DESCRIPTION);
+ },
+ canEdit() {
+ return hasAllPermission('edit-room', room._id);
+ },
+ save(value) {
+ return call('saveRoomSettings', room._id, RoomSettingsEnum.DESCRIPTION, value).then(function() {
+ return toastr.success(t('Room_description_changed_successfully'));
+ });
+ },
+ },
+ t: {
+ type: 'boolean',
+ // label() {
+ // return ;
+ // },
+ isToggle: true,
+ processing: new ReactiveVar(false),
+ getValue() {
+ return room.t === 'p';
+ },
+ disabled() {
+ return room.default && !hasRole(Meteor.userId(), 'admin');
+ },
+ message() {
+ if (hasAllPermission('edit-room', room._id) && room.default) {
+ if (!hasRole(Meteor.userId(), 'admin')) {
+ return 'Room_type_of_default_rooms_cant_be_changed';
+ }
+ }
+ },
+ canView() {
+ if (!['c', 'p'].includes(room.t)) {
+ return false;
+ } if (room.t === 'p' && !hasAllPermission('create-c')) {
+ return false;
+ } if (room.t === 'c' && !hasAllPermission('create-p')) {
+ return false;
+ }
+ return true;
+ },
+ canEdit() {
+ return (hasAllPermission('edit-room', room._id) && !room.default) || hasRole(Meteor.userId(), 'admin');
+ },
+ save(value) {
+ const saveRoomSettings = () => {
+ value = value ? 'p' : 'c';
+ callbacks.run('roomTypeChanged', room);
+ return call('saveRoomSettings', room._id, 'roomType', value).then(() => toastr.success(t('Room_type_changed_successfully')));
+ };
+ if (room.default) {
+ if (hasRole(Meteor.userId(), 'admin')) {
+ return new Promise((resolve, reject) => {
+ modal.open({
+ title: t('Room_default_change_to_private_will_be_default_no_more'),
+ type: 'warning',
+ showCancelButton: true,
+ confirmButtonColor: '#DD6B55',
+ confirmButtonText: t('Yes'),
+ cancelButtonText: t('Cancel'),
+ closeOnConfirm: true,
+ html: false,
+ }, function(confirmed) {
+ if (confirmed) {
+ return resolve(saveRoomSettings());
+ }
+ return reject();
+ });
+ });
+ }
+ // return $('.channel-settings form [name=\'t\']').prop('checked', !!room.type === 'p');
+ }
+ return saveRoomSettings();
+ },
+ },
+ ro: {
+ type: 'boolean',
+ label: 'Read_only',
+ isToggle: true,
+ processing: new ReactiveVar(false),
+ canView() {
+ return roomTypes.roomTypes[room.t].allowRoomSettingChange(room, RoomSettingsEnum.READ_ONLY);
+ },
+ canEdit() {
+ return !room.broadcast && hasAllPermission('set-readonly', room._id);
+ },
+ save(value) {
+ return call('saveRoomSettings', room._id, RoomSettingsEnum.READ_ONLY, value).then(() => toastr.success(t('Read_only_changed_successfully')));
+ },
+ },
+ reactWhenReadOnly: {
+ type: 'boolean',
+ label: 'React_when_read_only',
+ isToggle: true,
+ processing: new ReactiveVar(false),
+ canView() {
+ return roomTypes.roomTypes[room.t].allowRoomSettingChange(room, RoomSettingsEnum.REACT_WHEN_READ_ONLY);
+ },
+ canEdit() {
+ return !room.broadcast && hasAllPermission('set-react-when-readonly', room._id);
+ },
+ save(value) {
+ return call('saveRoomSettings', room._id, 'reactWhenReadOnly', value).then(() => {
+ toastr.success(t('React_when_read_only_changed_successfully'));
+ });
+ },
+ },
+ sysMes: {
+ type: 'boolean',
+ label: 'System_messages',
+ isToggle: true,
+ processing: new ReactiveVar(false),
+ canView() {
+ return roomTypes.roomTypes[room.t].allowRoomSettingChange(
+ room,
+ RoomSettingsEnum.SYSTEM_MESSAGES
+ );
+ },
+ getValue() {
+ return room.sysMes !== false;
+ },
+ canEdit() {
+ return hasAllPermission('edit-room', room._id);
+ },
+ save(value) {
+ return call('saveRoomSettings', room._id, 'systemMessages', value).then(
+ () => {
+ toastr.success(
+ t('System_messages_setting_changed_successfully')
+ );
+ }
+ );
+ },
+ },
+ archived: {
+ type: 'boolean',
+ label: 'Room_archivation_state_true',
+ isToggle: true,
+ processing: new ReactiveVar(false),
+ canView() {
+ return roomTypes.roomTypes[room.t].allowRoomSettingChange(room, RoomSettingsEnum.ARCHIVE_OR_UNARCHIVE);
+ },
+ canEdit() {
+ return hasAtLeastOnePermission(['archive-room', 'unarchive-room'], room._id);
+ },
+ save(value) {
+ return new Promise((resolve, reject) => {
+ modal.open({
+ title: t('Are_you_sure'),
+ type: 'warning',
+ showCancelButton: true,
+ confirmButtonColor: '#DD6B55',
+ confirmButtonText: value ? t('Yes_archive_it') : t('Yes_unarchive_it'),
+ cancelButtonText: t('Cancel'),
+ closeOnConfirm: false,
+ html: false,
+ }, function(confirmed) {
+ if (confirmed) {
+ const action = value ? 'archiveRoom' : 'unarchiveRoom';
+ return resolve(call(action, room._id).then(() => {
+ modal.open({
+ title: value ? t('Room_archived') : t('Room_has_been_archived'),
+ text: value ? t('Room_has_been_archived') : t('Room_has_been_unarchived'),
+ type: 'success',
+ timer: 2000,
+ showConfirmButton: false,
+ });
+ return callbacks.run(action, room);
+ }));
+ }
+ return reject();
+ });
+ });
+ },
+ },
+ broadcast: {
+ type: 'boolean',
+ label: 'Broadcast_channel',
+ isToggle: true,
+ processing: new ReactiveVar(false),
+ canView() {
+ return roomTypes.roomTypes[room.t].allowRoomSettingChange(room, RoomSettingsEnum.BROADCAST);
+ },
+ canEdit() {
+ return false;
+ },
+ save() {
+ return Promise.resolve();
+ },
+ },
+ joinCode: {
+ type: 'text',
+ label: 'Password',
+ showingValue: new ReactiveVar(false),
+ realValue: null,
+ canView() {
+ return roomTypes.roomTypes[room.t].allowRoomSettingChange(room, RoomSettingsEnum.JOIN_CODE) && hasAllPermission('edit-room', room._id);
+ },
+ canEdit() {
+ return hasAllPermission('edit-room', room._id);
+ },
+ getValue() {
+ if (this.showingValue.get()) {
+ return this.realValue;
+ }
+ return room.joinCodeRequired ? '*****' : '';
+ },
+ showHideValue() {
+ return room.joinCodeRequired;
+ },
+ cancelEditing() {
+ this.showingValue.set(false);
+ this.realValue = null;
+ },
+ async showValue(_room, forceShow = false) {
+ if (this.showingValue.get()) {
+ if (forceShow) {
+ return;
+ }
+ this.showingValue.set(false);
+ this.realValue = null;
+
+ return null;
+ }
+ return call('getRoomJoinCode', room._id).then((result) => {
+ this.realValue = result;
+ this.showingValue.set(true);
+ });
+ },
+ save(value) {
+ return call('saveRoomSettings', room._id, 'joinCode', value).then(function() {
+ toastr.success(t('Room_password_changed_successfully'));
+ return callbacks.run('roomCodeChanged', room);
+ });
+ },
+ },
+ retentionEnabled: {
+ type: 'boolean',
+ label: 'RetentionPolicyRoom_Enabled',
+ processing: new ReactiveVar(false),
+ getValue() {
+ const { room = {} } = Template.instance() || {};
+ return room.retention && room.retention.enabled;
+ },
+ canView() {
+ return true;
+ },
+ canEdit() {
+ return hasAllPermission('edit-room', room._id);
+ },
+ save(value) {
+ return call('saveRoomSettings', room._id, 'retentionEnabled', value).then(() => toastr.success(t('Retention_setting_changed_successfully')));
+ },
+ },
+ retentionOverrideGlobal: {
+ type: 'boolean',
+ label: 'RetentionPolicyRoom_OverrideGlobal',
+ isToggle: true,
+ processing: new ReactiveVar(false),
+ getValue() {
+ return Template.instance().room.retention && Template.instance().room.retention.overrideGlobal;
+ },
+ canView() {
+ return true;
+ },
+ canEdit() {
+ return hasAllPermission('edit-privileged-setting', room._id);
+ },
+ disabled() {
+ return !hasAllPermission('edit-privileged-setting', room._id);
+ },
+ save(value) {
+ return call('saveRoomSettings', room._id, 'retentionOverrideGlobal', value).then(
+ () => {
+ toastr.success(
+ t('Retention_setting_changed_successfully')
+ );
+ }
+ );
+ },
+ },
+ retentionMaxAge: {
+ type: 'number',
+ label: 'RetentionPolicyRoom_MaxAge',
+ processing: new ReactiveVar(false),
+ getValue() {
+ const { room } = Template.instance();
+ return Math.min(roomMaxAge(room), roomMaxAgeDefault(room.t));
+ },
+ canView() {
+ return true;
+ },
+ canEdit() {
+ return hasAllPermission('edit-room', room._id);
+ },
+ save(value) {
+ return call('saveRoomSettings', room._id, 'retentionMaxAge', value).then(
+ () => {
+ toastr.success(
+ t('Retention_setting_changed_successfully')
+ );
+ }
+ );
+ },
+ },
+ retentionExcludePinned: {
+ type: 'boolean',
+ label: 'RetentionPolicyRoom_ExcludePinned',
+ isToggle: true,
+ processing: new ReactiveVar(false),
+ getValue() {
+ return Template.instance().room.retention && Template.instance().room.retention.excludePinned;
+ },
+ canView() {
+ return true;
+ },
+ canEdit() {
+ return hasAllPermission('edit-room', room._id);
+ },
+ save(value) {
+ return call('saveRoomSettings', room._id, 'retentionExcludePinned', value).then(
+ () => {
+ toastr.success(
+ t('Retention_setting_changed_successfully')
+ );
+ }
+ );
+ },
+ },
+ retentionFilesOnly: {
+ type: 'boolean',
+ label: 'RetentionPolicyRoom_FilesOnly',
+ isToggle: true,
+ processing: new ReactiveVar(false),
+ getValue() {
+ return Template.instance().room.retention && Template.instance().room.retention.filesOnly;
+ },
+ canView() {
+ return true;
+ },
+ canEdit() {
+ return hasAllPermission('edit-room', room._id);
+ },
+ save(value) {
+ return call('saveRoomSettings', room._id, 'retentionFilesOnly', value).then(
+ () => {
+ toastr.success(
+ t('Retention_setting_changed_successfully')
+ );
+ }
+ );
+ },
+ },
+ encrypted: {
+ type: 'boolean',
+ label: 'Encrypted',
+ isToggle: true,
+ processing: new ReactiveVar(false),
+ canView() {
+ return roomTypes.roomTypes[room.t].allowRoomSettingChange(room, RoomSettingsEnum.E2E);
+ },
+ canEdit() {
+ return hasAllPermission('edit-room', room._id);
+ },
+ save(value) {
+ return call('saveRoomSettings', room._id, 'encrypted', value).then(() => {
+ toastr.success(
+ t('Encrypted_setting_changed_successfully')
+ );
+ });
+ },
+ },
+ };
+ Object.keys(this.settings).forEach((key) => {
+ const setting = this.settings[key];
+ const def = setting.getValue ? setting.getValue(this.room) : this.room[key] || false;
+ setting.default = new ReactiveVar(def);
+ setting.value = new ReactiveVar(def);
+ });
+});
+
+Template.channelSettingsEditing.helpers({
+ ...common,
+ value() {
+ return this.value.get();
+ },
+ default() {
+ return this.default.get();
+ },
+ disabled() {
+ return !this.canEdit();
+ },
+ checked() {
+ return this.value.get();// ? '' : 'checked';
+ },
+ modified(text = '') {
+ const { settings } = Template.instance();
+ return !Object.keys(settings).some((key) => settings[key].default.get() !== settings[key].value.get()) ? text : '';
+ },
+ equal(text = '', text2 = '', ret = '*') {
+ return text === text2 ? '' : ret;
+ },
+ settings() {
+ return Template.instance().settings;
+ },
+ editing(field) {
+ return Template.instance().editing.get() === field;
+ },
+ isDisabled(field, room) {
+ const setting = Template.instance().settings[field];
+ return (typeof setting.disabled === 'function' && setting.disabled(room)) || setting.processing.get() || !hasAllPermission('edit-room', room._id);
+ },
+ unscape(value) {
+ return s.unescapeHTML(value);
+ },
+ hasRetentionPermission() {
+ const { room } = Template.instance();
+
+ return settings.get('RetentionPolicy_Enabled') && hasAllPermission('edit-room-retention-policy', room._id);
+ },
+ subValue(value) {
+ if (value === undefined) {
+ const text = t(retentionEnabled(Template.instance().room) ? 'enabled' : 'disabled');
+ const _default = t('default');
+ return `${ text } (${ _default })`;
+ }
+ return t(value ? 'enabled' : 'disabled');
+ },
+ retentionEnabled(value) {
+ const { room } = Template.instance();
+ return (value || value === undefined) && retentionEnabled(room);
+ },
+ retentionMaxAgeLabel(label) {
+ const { room } = Template.instance();
+ return TAPi18n.__(label, { max: roomMaxAgeDefault(room.t) });
+ },
+});
+
+Template.channelSettings.helpers({
+ editing() {
+ return Template.instance().editing.get();
+ },
+});
+
+Template.channelSettings.onCreated(function() {
+ this.room = ChatRoom.findOne(this.data && this.data.rid);
+ this.editing = new ReactiveVar(false);
+});
+
+Template.channelSettings.events({
+ 'click .js-edit'(e, t) {
+ t.editing.set(true);
+ },
+ 'click .js-leave'(e, instance) {
+ const { name, t: type } = instance.room;
+ const rid = instance.room._id;
+ leave(type, rid, name);
+ },
+ 'click .js-hide'(e, instance) {
+ const { name, t: type } = instance.room;
+ const rid = instance.room._id;
+ hide(type, rid, name);
+ },
+ 'click .js-cancel'(e, t) {
+ t.editing.set(false);
+ },
+ 'click .js-delete'() {
+ return erase(this.rid);
+ },
+});
+
+Template.channelSettingsInfo.onCreated(function() {
+ this.room = ChatRoom.findOne(this.data && this.data.rid);
+});
+
+Template.channelSettingsInfo.helpers({
+ ...common,
+ channelName() {
+ return `@${ Template.instance().room.name }`;
+ },
+ archived() {
+ return Template.instance().room.archived;
+ },
+ unscape(value) {
+ return s.unescapeHTML(value);
+ },
+ channelSettings() {
+ return ChannelSettings.getOptions(Template.currentData(), 'room');
+ },
+ showAvatar() {
+ const { room } = Template.instance();
+ return !room.prid;
+ },
+ name() {
+ const { room } = Template.instance();
+ return roomTypes.getRoomName(room.t, room);
+ },
+ description() {
+ return Template.instance().room.description;
+ },
+ broadcast() {
+ return Template.instance().room.broadcast;
+ },
+ announcement() {
+ return Template.instance().room.announcement;
+ },
+ topic() {
+ return Template.instance().room.topic;
+ },
+
+ channelIcon() {
+ return roomTypes.getIcon(Template.instance().room);
+ },
+ hasPurge() {
+ return roomHasPurge(Template.instance().room);
+ },
+ filesOnly() {
+ return roomFilesOnly(Template.instance().room);
+ },
+ excludePinned() {
+ return roomExcludePinned(Template.instance().room);
+ },
+ purgeTimeout() {
+ moment.relativeTimeThreshold('s', 60);
+ moment.relativeTimeThreshold('ss', 0);
+ moment.relativeTimeThreshold('m', 60);
+ moment.relativeTimeThreshold('h', 24);
+ moment.relativeTimeThreshold('d', 31);
+ moment.relativeTimeThreshold('M', 12);
+
+ return moment.duration(roomMaxAge(Template.instance().room) * 1000 * 60 * 60 * 24).humanize();
+ },
+});
diff --git a/app/channel-settings/index.js b/app/channel-settings/index.js
new file mode 100644
index 0000000000000..a67eca871efbb
--- /dev/null
+++ b/app/channel-settings/index.js
@@ -0,0 +1,8 @@
+import { Meteor } from 'meteor/meteor';
+
+if (Meteor.isClient) {
+ module.exports = require('./client/index.js');
+}
+if (Meteor.isServer) {
+ module.exports = require('./server/index.js');
+}
diff --git a/app/channel-settings/server/functions/saveReactWhenReadOnly.js b/app/channel-settings/server/functions/saveReactWhenReadOnly.js
new file mode 100644
index 0000000000000..97d20782b2356
--- /dev/null
+++ b/app/channel-settings/server/functions/saveReactWhenReadOnly.js
@@ -0,0 +1,12 @@
+import { Meteor } from 'meteor/meteor';
+import { Match } from 'meteor/check';
+
+import { Rooms } from '../../../models';
+
+export const saveReactWhenReadOnly = function(rid, allowReact) {
+ if (!Match.test(rid, String)) {
+ throw new Meteor.Error('invalid-room', 'Invalid room', { function: 'RocketChat.saveReactWhenReadOnly' });
+ }
+
+ return Rooms.setAllowReactingWhenReadOnlyById(rid, allowReact);
+};
diff --git a/app/channel-settings/server/functions/saveRoomAnnouncement.js b/app/channel-settings/server/functions/saveRoomAnnouncement.js
new file mode 100644
index 0000000000000..07df9e4edf426
--- /dev/null
+++ b/app/channel-settings/server/functions/saveRoomAnnouncement.js
@@ -0,0 +1,25 @@
+import { Meteor } from 'meteor/meteor';
+import { Match } from 'meteor/check';
+
+import { Rooms, Messages } from '../../../models';
+
+export const saveRoomAnnouncement = function(rid, roomAnnouncement, user, sendMessage = true) {
+ if (!Match.test(rid, String)) {
+ throw new Meteor.Error('invalid-room', 'Invalid room', { function: 'RocketChat.saveRoomAnnouncement' });
+ }
+
+ let message;
+ let announcementDetails;
+ if (typeof roomAnnouncement === 'string') {
+ message = roomAnnouncement;
+ } else {
+ ({ message, ...announcementDetails } = roomAnnouncement);
+ }
+
+ const updated = Rooms.setAnnouncementById(rid, message, announcementDetails);
+ if (updated && sendMessage) {
+ Messages.createRoomSettingsChangedWithTypeRoomIdMessageAndUser('room_changed_announcement', rid, message, user);
+ }
+
+ return updated;
+};
diff --git a/app/channel-settings/server/functions/saveRoomCustomFields.js b/app/channel-settings/server/functions/saveRoomCustomFields.js
new file mode 100644
index 0000000000000..0252a2de6768a
--- /dev/null
+++ b/app/channel-settings/server/functions/saveRoomCustomFields.js
@@ -0,0 +1,23 @@
+import { Meteor } from 'meteor/meteor';
+import { Match } from 'meteor/check';
+
+import { Rooms, Subscriptions } from '../../../models';
+
+export const saveRoomCustomFields = function(rid, roomCustomFields) {
+ if (!Match.test(rid, String)) {
+ throw new Meteor.Error('invalid-room', 'Invalid room', {
+ function: 'RocketChat.saveRoomCustomFields',
+ });
+ }
+ if (!Match.test(roomCustomFields, Object)) {
+ throw new Meteor.Error('invalid-roomCustomFields-type', 'Invalid roomCustomFields type', {
+ function: 'RocketChat.saveRoomCustomFields',
+ });
+ }
+ const ret = Rooms.setCustomFieldsById(rid, roomCustomFields);
+
+ // Update customFields of any user's Subscription related with this rid
+ Subscriptions.updateCustomFieldsByRoomId(rid, roomCustomFields);
+
+ return ret;
+};
diff --git a/app/channel-settings/server/functions/saveRoomDescription.js b/app/channel-settings/server/functions/saveRoomDescription.js
new file mode 100644
index 0000000000000..89860061ac3d5
--- /dev/null
+++ b/app/channel-settings/server/functions/saveRoomDescription.js
@@ -0,0 +1,16 @@
+import { Meteor } from 'meteor/meteor';
+import { Match } from 'meteor/check';
+
+import { Rooms, Messages } from '../../../models';
+
+export const saveRoomDescription = function(rid, roomDescription, user) {
+ if (!Match.test(rid, String)) {
+ throw new Meteor.Error('invalid-room', 'Invalid room', {
+ function: 'RocketChat.saveRoomDescription',
+ });
+ }
+
+ const update = Rooms.setDescriptionById(rid, roomDescription);
+ Messages.createRoomSettingsChangedWithTypeRoomIdMessageAndUser('room_changed_description', rid, roomDescription, user);
+ return update;
+};
diff --git a/app/channel-settings/server/functions/saveRoomName.js b/app/channel-settings/server/functions/saveRoomName.js
new file mode 100644
index 0000000000000..1584febd2e3bf
--- /dev/null
+++ b/app/channel-settings/server/functions/saveRoomName.js
@@ -0,0 +1,33 @@
+import { Meteor } from 'meteor/meteor';
+
+import { Rooms, Messages, Subscriptions, Integrations } from '../../../models';
+import { roomTypes, getValidRoomName } from '../../../utils';
+import { callbacks } from '../../../callbacks';
+
+export const saveRoomName = function(rid, displayName, user, sendMessage = true) {
+ const room = Rooms.findOneById(rid);
+ if (roomTypes.roomTypes[room.t].preventRenaming()) {
+ throw new Meteor.Error('error-not-allowed', 'Not allowed', {
+ function: 'RocketChat.saveRoomdisplayName',
+ });
+ }
+ if (displayName === room.name) {
+ return;
+ }
+
+ const slugifiedRoomName = getValidRoomName(displayName, rid);
+
+ const update = Rooms.setNameById(rid, slugifiedRoomName, displayName) && Subscriptions.updateNameAndAlertByRoomId(rid, slugifiedRoomName, displayName);
+
+ if (!update) {
+ return;
+ }
+
+ Integrations.updateRoomName(room.name, displayName);
+
+ if (sendMessage) {
+ Messages.createRoomRenamedWithRoomIdRoomNameAndUser(rid, displayName, user);
+ }
+ callbacks.run('afterRoomNameChange', { rid, name: displayName, oldName: room.name });
+ return displayName;
+};
diff --git a/app/channel-settings/server/functions/saveRoomReadOnly.js b/app/channel-settings/server/functions/saveRoomReadOnly.js
new file mode 100644
index 0000000000000..baf8dff166bf6
--- /dev/null
+++ b/app/channel-settings/server/functions/saveRoomReadOnly.js
@@ -0,0 +1,14 @@
+import { Meteor } from 'meteor/meteor';
+import { Match } from 'meteor/check';
+
+import { Rooms } from '../../../models';
+import { hasPermission } from '../../../authorization';
+
+export const saveRoomReadOnly = function(rid, readOnly) {
+ if (!Match.test(rid, String)) {
+ throw new Meteor.Error('invalid-room', 'Invalid room', {
+ function: 'RocketChat.saveRoomReadOnly',
+ });
+ }
+ return Rooms.setReadOnlyById(rid, readOnly, hasPermission);
+};
diff --git a/app/channel-settings/server/functions/saveRoomSystemMessages.js b/app/channel-settings/server/functions/saveRoomSystemMessages.js
new file mode 100644
index 0000000000000..c1a2ba92f0035
--- /dev/null
+++ b/app/channel-settings/server/functions/saveRoomSystemMessages.js
@@ -0,0 +1,13 @@
+import { Meteor } from 'meteor/meteor';
+import { Match } from 'meteor/check';
+
+import { Rooms } from '../../../models';
+
+export const saveRoomSystemMessages = function(rid, systemMessages) {
+ if (!Match.test(rid, String)) {
+ throw new Meteor.Error('invalid-room', 'Invalid room', {
+ function: 'RocketChat.saveRoomSystemMessages',
+ });
+ }
+ return Rooms.setSystemMessagesById(rid, systemMessages);
+};
diff --git a/app/channel-settings/server/functions/saveRoomTokens.js b/app/channel-settings/server/functions/saveRoomTokens.js
new file mode 100644
index 0000000000000..3c634a9996a24
--- /dev/null
+++ b/app/channel-settings/server/functions/saveRoomTokens.js
@@ -0,0 +1,14 @@
+import { Meteor } from 'meteor/meteor';
+import { Match } from 'meteor/check';
+
+import { Rooms } from '../../../models';
+
+export const saveRoomTokenpass = function(rid, tokenpass) {
+ if (!Match.test(rid, String)) {
+ throw new Meteor.Error('invalid-room', 'Invalid room', {
+ function: 'RocketChat.saveRoomTokens',
+ });
+ }
+
+ return Rooms.setTokenpassById(rid, tokenpass);
+};
diff --git a/app/channel-settings/server/functions/saveRoomTopic.js b/app/channel-settings/server/functions/saveRoomTopic.js
new file mode 100644
index 0000000000000..89ba7c5ec9140
--- /dev/null
+++ b/app/channel-settings/server/functions/saveRoomTopic.js
@@ -0,0 +1,18 @@
+import { Meteor } from 'meteor/meteor';
+import { Match } from 'meteor/check';
+
+import { Rooms, Messages } from '../../../models';
+
+export const saveRoomTopic = function(rid, roomTopic, user, sendMessage = true) {
+ if (!Match.test(rid, String)) {
+ throw new Meteor.Error('invalid-room', 'Invalid room', {
+ function: 'RocketChat.saveRoomTopic',
+ });
+ }
+
+ const update = Rooms.setTopicById(rid, roomTopic);
+ if (update && sendMessage) {
+ Messages.createRoomSettingsChangedWithTypeRoomIdMessageAndUser('room_changed_topic', rid, roomTopic, user);
+ }
+ return update;
+};
diff --git a/app/channel-settings/server/functions/saveRoomType.js b/app/channel-settings/server/functions/saveRoomType.js
new file mode 100644
index 0000000000000..9bf6cb4503bad
--- /dev/null
+++ b/app/channel-settings/server/functions/saveRoomType.js
@@ -0,0 +1,47 @@
+import { Meteor } from 'meteor/meteor';
+import { Match } from 'meteor/check';
+import { TAPi18n } from 'meteor/tap:i18n';
+
+import { Rooms, Subscriptions, Messages } from '../../../models';
+import { settings } from '../../../settings';
+
+export const saveRoomType = function(rid, roomType, user, sendMessage = true) {
+ if (!Match.test(rid, String)) {
+ throw new Meteor.Error('invalid-room', 'Invalid room', {
+ function: 'RocketChat.saveRoomType',
+ });
+ }
+ if (roomType !== 'c' && roomType !== 'p') {
+ throw new Meteor.Error('error-invalid-room-type', 'error-invalid-room-type', {
+ function: 'RocketChat.saveRoomType',
+ type: roomType,
+ });
+ }
+ const room = Rooms.findOneById(rid);
+ if (room == null) {
+ throw new Meteor.Error('error-invalid-room', 'error-invalid-room', {
+ function: 'RocketChat.saveRoomType',
+ _id: rid,
+ });
+ }
+ if (room.t === 'd') {
+ throw new Meteor.Error('error-direct-room', 'Can\'t change type of direct rooms', {
+ function: 'RocketChat.saveRoomType',
+ });
+ }
+ const result = Rooms.setTypeById(rid, roomType) && Subscriptions.updateTypeByRoomId(rid, roomType);
+ if (result && sendMessage) {
+ let message;
+ if (roomType === 'c') {
+ message = TAPi18n.__('Channel', {
+ lng: (user && user.language) || settings.get('Language') || 'en',
+ });
+ } else {
+ message = TAPi18n.__('Private_Group', {
+ lng: (user && user.language) || settings.get('Language') || 'en',
+ });
+ }
+ Messages.createRoomSettingsChangedWithTypeRoomIdMessageAndUser('room_changed_privacy', rid, message, user);
+ }
+ return result;
+};
diff --git a/app/channel-settings/server/functions/saveStreamingOptions.js b/app/channel-settings/server/functions/saveStreamingOptions.js
new file mode 100644
index 0000000000000..473d6b26c2bb1
--- /dev/null
+++ b/app/channel-settings/server/functions/saveStreamingOptions.js
@@ -0,0 +1,23 @@
+import { Meteor } from 'meteor/meteor';
+import { Match, check } from 'meteor/check';
+
+import { Rooms } from '../../../models';
+
+export const saveStreamingOptions = function(rid, options) {
+ if (!Match.test(rid, String)) {
+ throw new Meteor.Error('invalid-room', 'Invalid room', {
+ function: 'RocketChat.saveStreamingOptions',
+ });
+ }
+
+ check(options, {
+ id: Match.Optional(String),
+ type: Match.Optional(String),
+ url: Match.Optional(String),
+ thumbnail: Match.Optional(String),
+ isAudioOnly: Match.Optional(Boolean),
+ message: Match.Optional(String),
+ });
+
+ Rooms.setStreamingOptionsById(rid, options);
+};
diff --git a/app/channel-settings/server/index.js b/app/channel-settings/server/index.js
new file mode 100644
index 0000000000000..abbd2bf327fff
--- /dev/null
+++ b/app/channel-settings/server/index.js
@@ -0,0 +1,6 @@
+import './startup';
+import './methods/saveRoomSettings';
+
+export { saveRoomTopic } from './functions/saveRoomTopic';
+export { saveStreamingOptions } from './functions/saveStreamingOptions';
+export { saveRoomName } from './functions/saveRoomName';
diff --git a/app/channel-settings/server/methods/saveRoomSettings.js b/app/channel-settings/server/methods/saveRoomSettings.js
new file mode 100644
index 0000000000000..45738633fd71c
--- /dev/null
+++ b/app/channel-settings/server/methods/saveRoomSettings.js
@@ -0,0 +1,227 @@
+import { Meteor } from 'meteor/meteor';
+import { Match, check } from 'meteor/check';
+
+import { hasPermission } from '../../../authorization';
+import { Rooms } from '../../../models';
+import { callbacks } from '../../../callbacks';
+import { saveRoomName } from '../functions/saveRoomName';
+import { saveRoomTopic } from '../functions/saveRoomTopic';
+import { saveRoomAnnouncement } from '../functions/saveRoomAnnouncement';
+import { saveRoomCustomFields } from '../functions/saveRoomCustomFields';
+import { saveRoomDescription } from '../functions/saveRoomDescription';
+import { saveRoomType } from '../functions/saveRoomType';
+import { saveRoomReadOnly } from '../functions/saveRoomReadOnly';
+import { saveReactWhenReadOnly } from '../functions/saveReactWhenReadOnly';
+import { saveRoomSystemMessages } from '../functions/saveRoomSystemMessages';
+import { saveRoomTokenpass } from '../functions/saveRoomTokens';
+import { saveStreamingOptions } from '../functions/saveStreamingOptions';
+
+const fields = ['roomName', 'roomTopic', 'roomAnnouncement', 'roomCustomFields', 'roomDescription', 'roomType', 'readOnly', 'reactWhenReadOnly', 'systemMessages', 'default', 'joinCode', 'tokenpass', 'streamingOptions', 'retentionEnabled', 'retentionMaxAge', 'retentionExcludePinned', 'retentionFilesOnly', 'retentionOverrideGlobal', 'encrypted'];
+Meteor.methods({
+ saveRoomSettings(rid, settings, value) {
+ const userId = Meteor.userId();
+
+ if (!userId) {
+ throw new Meteor.Error('error-invalid-user', 'Invalid user', {
+ function: 'RocketChat.saveRoomName',
+ });
+ }
+ if (!Match.test(rid, String)) {
+ throw new Meteor.Error('error-invalid-room', 'Invalid room', {
+ method: 'saveRoomSettings',
+ });
+ }
+
+ if (typeof settings !== 'object') {
+ settings = {
+ [settings]: value,
+ };
+ }
+
+ if (!Object.keys(settings).every((key) => fields.includes(key))) {
+ throw new Meteor.Error('error-invalid-settings', 'Invalid settings provided', {
+ method: 'saveRoomSettings',
+ });
+ }
+
+ if (!hasPermission(userId, 'edit-room', rid)) {
+ throw new Meteor.Error('error-action-not-allowed', 'Editing room is not allowed', {
+ method: 'saveRoomSettings',
+ action: 'Editing_room',
+ });
+ }
+
+ const room = Rooms.findOneById(rid);
+
+ if (!room) {
+ throw new Meteor.Error('error-invalid-room', 'Invalid room', {
+ method: 'saveRoomSettings',
+ });
+ }
+
+ if (room.broadcast && (settings.readOnly || settings.reactWhenReadOnly)) {
+ throw new Meteor.Error('error-action-not-allowed', 'Editing readOnly/reactWhenReadOnly are not allowed for broadcast rooms', {
+ method: 'saveRoomSettings',
+ action: 'Editing_room',
+ });
+ }
+
+ const user = Meteor.user();
+
+ // validations
+
+ Object.keys(settings).forEach((setting) => {
+ const value = settings[setting];
+ if (settings === 'default' && !hasPermission(userId, 'view-room-administration')) {
+ throw new Meteor.Error('error-action-not-allowed', 'Viewing room administration is not allowed', {
+ method: 'saveRoomSettings',
+ action: 'Viewing_room_administration',
+ });
+ }
+ if (setting === 'roomType' && value !== room.t && value === 'c' && !hasPermission(userId, 'create-c')) {
+ throw new Meteor.Error('error-action-not-allowed', 'Changing a private group to a public channel is not allowed', {
+ method: 'saveRoomSettings',
+ action: 'Change_Room_Type',
+ });
+ }
+ if (setting === 'roomType' && value !== room.t && value === 'p' && !hasPermission(userId, 'create-p')) {
+ throw new Meteor.Error('error-action-not-allowed', 'Changing a public channel to a private room is not allowed', {
+ method: 'saveRoomSettings',
+ action: 'Change_Room_Type',
+ });
+ }
+ if (setting === 'encrypted' && value !== room.encrypted && (room.t !== 'd' && room.t !== 'p')) {
+ throw new Meteor.Error('error-action-not-allowed', 'Only groups or direct channels can enable encryption', {
+ method: 'saveRoomSettings',
+ action: 'Change_Room_Encrypted',
+ });
+ }
+
+ if (setting === 'retentionEnabled' && !hasPermission(userId, 'edit-room-retention-policy', rid) && value !== room.retention.enabled) {
+ throw new Meteor.Error('error-action-not-allowed', 'Editing room retention policy is not allowed', {
+ method: 'saveRoomSettings',
+ action: 'Editing_room',
+ });
+ }
+ if (setting === 'retentionMaxAge' && !hasPermission(userId, 'edit-room-retention-policy', rid) && value !== room.retention.maxAge) {
+ throw new Meteor.Error('error-action-not-allowed', 'Editing room retention policy is not allowed', {
+ method: 'saveRoomSettings',
+ action: 'Editing_room',
+ });
+ }
+ if (setting === 'retentionExcludePinned' && !hasPermission(userId, 'edit-room-retention-policy', rid) && value !== room.retention.excludePinned) {
+ throw new Meteor.Error('error-action-not-allowed', 'Editing room retention policy is not allowed', {
+ method: 'saveRoomSettings',
+ action: 'Editing_room',
+ });
+ }
+ if (setting === 'retentionFilesOnly' && !hasPermission(userId, 'edit-room-retention-policy', rid) && value !== room.retention.filesOnly) {
+ throw new Meteor.Error('error-action-not-allowed', 'Editing room retention policy is not allowed', {
+ method: 'saveRoomSettings',
+ action: 'Editing_room',
+ });
+ }
+ if (setting === 'retentionOverrideGlobal') {
+ delete settings.retentionMaxAge;
+ delete settings.retentionExcludePinned;
+ delete settings.retentionFilesOnly;
+ }
+ });
+
+ Object.keys(settings).forEach((setting) => {
+ const value = settings[setting];
+ switch (setting) {
+ case 'roomName':
+ saveRoomName(rid, value, user);
+ break;
+ case 'roomTopic':
+ if (value !== room.topic) {
+ saveRoomTopic(rid, value, user);
+ }
+ break;
+ case 'roomAnnouncement':
+ if (value !== room.announcement) {
+ saveRoomAnnouncement(rid, value, user);
+ }
+ break;
+ case 'roomCustomFields':
+ if (value !== room.customFields) {
+ saveRoomCustomFields(rid, value);
+ }
+ break;
+ case 'roomDescription':
+ if (value !== room.description) {
+ saveRoomDescription(rid, value, user);
+ }
+ break;
+ case 'roomType':
+ if (value !== room.t) {
+ saveRoomType(rid, value, user);
+ }
+ break;
+ case 'tokenpass':
+ check(value, {
+ require: String,
+ tokens: [{
+ token: String,
+ balance: String,
+ }],
+ });
+ saveRoomTokenpass(rid, value);
+ break;
+ case 'streamingOptions':
+ saveStreamingOptions(rid, value);
+ break;
+ case 'readOnly':
+ if (value !== room.ro) {
+ saveRoomReadOnly(rid, value, user);
+ }
+ break;
+ case 'reactWhenReadOnly':
+ if (value !== room.reactWhenReadOnly) {
+ saveReactWhenReadOnly(rid, value, user);
+ }
+ break;
+ case 'systemMessages':
+ if (value !== room.sysMes) {
+ saveRoomSystemMessages(rid, value, user);
+ }
+ break;
+ case 'joinCode':
+ Rooms.setJoinCodeById(rid, String(value));
+ break;
+ case 'default':
+ Rooms.saveDefaultById(rid, value);
+ break;
+ case 'retentionEnabled':
+ Rooms.saveRetentionEnabledById(rid, value);
+ break;
+ case 'retentionMaxAge':
+ Rooms.saveRetentionMaxAgeById(rid, value);
+ break;
+ case 'retentionExcludePinned':
+ Rooms.saveRetentionExcludePinnedById(rid, value);
+ break;
+ case 'retentionFilesOnly':
+ Rooms.saveRetentionFilesOnlyById(rid, value);
+ break;
+ case 'retentionOverrideGlobal':
+ Rooms.saveRetentionOverrideGlobalById(rid, value);
+ break;
+ case 'encrypted':
+ Rooms.saveEncryptedById(rid, value);
+ break;
+ }
+ });
+
+ Meteor.defer(function() {
+ const room = Rooms.findOneById(rid);
+ callbacks.run('afterSaveRoomSettings', room);
+ });
+
+ return {
+ result: true,
+ rid: room._id,
+ };
+ },
+});
diff --git a/app/channel-settings/server/startup.js b/app/channel-settings/server/startup.js
new file mode 100644
index 0000000000000..698723ebe9947
--- /dev/null
+++ b/app/channel-settings/server/startup.js
@@ -0,0 +1,9 @@
+import { Meteor } from 'meteor/meteor';
+
+import { Permissions } from '../../models';
+
+Meteor.startup(function() {
+ Permissions.upsert('post-readonly', { $setOnInsert: { roles: ['admin', 'owner', 'moderator'] } });
+ Permissions.upsert('set-readonly', { $setOnInsert: { roles: ['admin', 'owner'] } });
+ Permissions.upsert('set-react-when-readonly', { $setOnInsert: { roles: ['admin', 'owner'] } });
+});
diff --git a/app/chatpal-search/client/index.js b/app/chatpal-search/client/index.js
new file mode 100644
index 0000000000000..6c169229e05a5
--- /dev/null
+++ b/app/chatpal-search/client/index.js
@@ -0,0 +1,7 @@
+import './template/admin.html';
+import './template/result.html';
+import './template/suggestion.html';
+import './template/admin';
+import './template/result';
+import './template/suggestion';
+import './route';
diff --git a/app/chatpal-search/client/route.js b/app/chatpal-search/client/route.js
new file mode 100644
index 0000000000000..cb0281953064b
--- /dev/null
+++ b/app/chatpal-search/client/route.js
@@ -0,0 +1,14 @@
+import { FlowRouter } from 'meteor/kadira:flow-router';
+import { BlazeLayout } from 'meteor/kadira:blaze-layout';
+
+import { t } from '../../utils';
+
+FlowRouter.route('/admin/chatpal', {
+ name: 'chatpal-admin',
+ action() {
+ return BlazeLayout.render('main', {
+ center: 'ChatpalAdmin',
+ pageTitle: t('Chatpal_AdminPage'),
+ });
+ },
+});
diff --git a/packages/chatpal-search/client/style.css b/app/chatpal-search/client/style.css
similarity index 100%
rename from packages/chatpal-search/client/style.css
rename to app/chatpal-search/client/style.css
diff --git a/packages/chatpal-search/client/template/admin.html b/app/chatpal-search/client/template/admin.html
similarity index 100%
rename from packages/chatpal-search/client/template/admin.html
rename to app/chatpal-search/client/template/admin.html
diff --git a/app/chatpal-search/client/template/admin.js b/app/chatpal-search/client/template/admin.js
new file mode 100644
index 0000000000000..bcbf71c873e69
--- /dev/null
+++ b/app/chatpal-search/client/template/admin.js
@@ -0,0 +1,66 @@
+import { Meteor } from 'meteor/meteor';
+import { ReactiveVar } from 'meteor/reactive-var';
+import { Template } from 'meteor/templating';
+import { TAPi18n } from 'meteor/tap:i18n';
+import toastr from 'toastr';
+
+import { settings } from '../../../settings';
+import { hasRole } from '../../../authorization';
+
+Template.ChatpalAdmin.onCreated(function() {
+ const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+
+ this.validateEmail = (email) => re.test(email.toLowerCase());
+
+ this.apiKey = new ReactiveVar();
+
+ const lang = settings.get('Language');
+
+ this.lang = lang === 'de' || lang === 'en' ? lang : 'en';
+
+ this.tac = new ReactiveVar();
+
+ Meteor.call('chatpalUtilsGetTaC', this.lang, (err, data) => {
+ this.tac.set(data);
+ });
+});
+
+Template.ChatpalAdmin.events({
+ 'submit form'(e, t) {
+ e.preventDefault();
+
+ const email = e.target.email.value;
+ const tac = e.target.readtac.checked;
+
+ if (!tac) { return toastr.error(TAPi18n.__('Chatpal_ERROR_TAC_must_be_checked')); }
+ if (!email || email === '') { return toastr.error(TAPi18n.__('Chatpal_ERROR_Email_must_be_set')); }
+ if (!t.validateEmail(email)) { return toastr.error(TAPi18n.__('Chatpal_ERROR_Email_must_be_valid')); }
+
+ // TODO register
+ try {
+ Meteor.call('chatpalUtilsCreateKey', email, (err, key) => {
+ if (!key) { return toastr.error(TAPi18n.__('Chatpal_ERROR_username_already_exists')); }
+
+ toastr.info(TAPi18n.__('Chatpal_created_key_successfully'));
+
+ t.apiKey.set(key);
+ });
+ } catch (e) {
+ console.log(e);
+ toastr.error(TAPi18n.__('Chatpal_ERROR_username_already_exists'));// TODO error messages
+ }
+ },
+});
+
+// template
+Template.ChatpalAdmin.helpers({
+ apiKey() {
+ return Template.instance().apiKey.get();
+ },
+ isAdmin() {
+ return hasRole(Meteor.userId(), 'admin');
+ },
+ tac() {
+ return Template.instance().tac.get();
+ },
+});
diff --git a/app/chatpal-search/client/template/result.html b/app/chatpal-search/client/template/result.html
new file mode 100644
index 0000000000000..ce27ec2a14050
--- /dev/null
+++ b/app/chatpal-search/client/template/result.html
@@ -0,0 +1,153 @@
+
+
+
+ - {{_ "Chatpal_All_Results"}}
+ - {{_ "Chatpal_Messages_Only"}}
+
+
+ {{#if searching}}
+
+ {{> loading}}
+
+ {{else}}
+ {{#unless result}}
+
+ {{_ "Chatpal_Welcome"}}
+
+ {{/unless}}
+ {{#if $eq resultType "All"}}
+ {{#if result.user.docs}}
+
+
+ {{#each result.user.docs}}
+ {{> ChatpalSearchSingleUser}}
+ {{/each}}
+
+ {{/if}}
+ {{#if result.room.docs}}
+
+
+ {{#each result.room.docs}}
+ {{> ChatpalSearchSingleRoom}}
+ {{/each}}
+
+ {{/if}}
+ {{#if result.message.docs}}
+
+
+ {{#each result.message.docs}}
+ {{> ChatpalSearchSingleMessage}}
+ {{/each}}
+
+ {{#if moreMessagesThanDisplayed}}
+
{{_
+ "Chatpal_More"}}
+ {{/if}}
+ {{/if}}
+
+ {{#if $not resultsFoundForAllSearch}}
+
+ {{/if}}
+ {{/if}}
+ {{#if $eq resultType "Messages"}}
+
+ {{#if result.message}}
+
+ {{#each result.message.docs}}
+ {{> ChatpalSearchSingleMessage}}
+ {{/each}}
+
+ {{/if}}
+ {{#if resultPaging}}
+ {{#if $neq resultPaging.numOfPages 0}}
+
+ {{#if $gt resultPaging.currentPage 1}}
+
+
+
+ {{/if}}
+
{{_ "Chatpal_search_page_of"
+ resultPaging.currentPage
+ resultPaging.numOfPages}}
+ {{#if $lt resultPaging.currentPage resultPaging.numOfPages}}
+
+
+
+ {{/if}}
+
+ {{/if}}
+ {{/if}}
+ {{/if}}
+ {{/if}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{#if room_topic}}
+
{{{room_topic}}}
+ {{/if}}
+ {{#if room_description}}
+
{{{room_description}}}
+ {{/if}}
+ {{#if room_announcement}}
+
{{{room_announcement}}}
+ {{/if}}
+
+
diff --git a/app/chatpal-search/client/template/result.js b/app/chatpal-search/client/template/result.js
new file mode 100644
index 0000000000000..08c3512905d5d
--- /dev/null
+++ b/app/chatpal-search/client/template/result.js
@@ -0,0 +1,141 @@
+import { ReactiveVar } from 'meteor/reactive-var';
+import { Session } from 'meteor/session';
+import { Template } from 'meteor/templating';
+import { TAPi18n } from 'meteor/tap:i18n';
+
+import { DateFormat } from '../../../lib';
+import { roomTypes, getURL } from '../../../utils';
+import { Subscriptions } from '../../../models';
+
+const getAvatarUrl = (username) => getURL(`/avatar/${ username }?_dc=undefined`);
+const getDMUrl = (username) => getURL(`/direct/${ username }`);
+
+Template.ChatpalSearchResultTemplate.onCreated(function() {
+ this.badRequest = new ReactiveVar(false);
+ this.resultType = new ReactiveVar(this.data.settings.DefaultResultType);
+ this.data.parentPayload.resultType = this.resultType.get();
+});
+
+Template.ChatpalSearchResultTemplate.events = {
+ 'click .chatpal-search-typefilter li'(evt, t) {
+ t.data.parentPayload.resultType = evt.currentTarget.getAttribute('value');
+ t.data.payload.start = 0;
+ t.resultType.set(t.data.parentPayload.resultType);
+ t.data.search();
+ },
+ 'click .chatpal-paging-prev'(env, t) {
+ t.data.payload.start -= t.data.settings.PageSize;
+ t.data.search();
+ },
+ 'click .chatpal-paging-next'(env, t) {
+ t.data.payload.start = (t.data.payload.start || 0) + t.data.settings.PageSize;
+ t.data.search();
+ },
+ 'click .chatpal-show-more-messages'(evt, t) {
+ t.data.parentPayload.resultType = 'Messages';
+ t.data.payload.start = 0;
+ t.data.payload.rows = t.data.settings.PageSize;
+ t.resultType.set(t.data.parentPayload.resultType);
+ t.data.search();
+ },
+};
+
+Template.ChatpalSearchResultTemplate.helpers({
+ result() {
+ return Template.instance().data.result.get();
+ },
+ searching() {
+ return Template.instance().data.searching.get();
+ },
+ resultType() {
+ return Template.instance().resultType.get();
+ },
+ navSelected(type) {
+ return Template.instance().resultType.get() === type ? 'selected' : '';
+ },
+ resultsFoundForAllSearch() {
+ const result = Template.instance().data.result.get();
+
+ if (!result) { return true; }
+
+ return result.message.numFound > 0 || result.user.numFound > 0 || result.room.numFound > 0;
+ },
+ moreMessagesThanDisplayed() {
+ const result = Template.instance().data.result.get();
+
+ return result.message.docs.length < result.message.numFound;
+ },
+ resultNumFound() {
+ const result = Template.instance().data.result.get();
+ if (result) {
+ switch (result.message.numFound) {
+ case 0:
+ return TAPi18n.__('Chatpal_no_search_results');
+ case 1:
+ return TAPi18n.__('Chatpal_one_search_result');
+ default:
+ return TAPi18n.__('Chatpal_search_results', result.message.numFound);
+ }
+ }
+ },
+ resultPaging() {
+ const result = Template.instance().data.result.get();
+ const pageSize = Template.instance().data.settings.PageSize;
+ if (result) {
+ return {
+ currentPage: 1 + result.message.start / pageSize,
+ numOfPages: Math.ceil(result.message.numFound / pageSize),
+ };
+ }
+ },
+});
+
+Template.ChatpalSearchSingleMessage.helpers({
+ roomIcon() {
+ const room = Session.get(`roomData${ this.rid }`);
+ if (room && room.t === 'd') {
+ return 'at';
+ }
+ return roomTypes.getIcon(room);
+ },
+
+ roomLink() {
+ const subscription = Subscriptions.findOne({ rid: this.rid });
+ return roomTypes.getRouteLink(subscription.t, subscription);
+ },
+
+ roomName() {
+ const room = Session.get(`roomData${ this.rid }`);
+ return roomTypes.getRoomName(room.t, room);
+ },
+
+ time() {
+ return DateFormat.formatTime(this.created);
+ },
+ date() {
+ return DateFormat.formatDate(this.created);
+ },
+ getAvatarUrl,
+});
+
+Template.ChatpalSearchSingleRoom.helpers({
+ roomIcon() {
+ const room = Session.get(`roomData${ this._id }`);
+ if (room && room.t === 'd') {
+ return 'at';
+ }
+ return roomTypes.getIcon(room);
+ },
+ roomLink() {
+ const subscription = Subscriptions.findOne({ rid: this._id });
+ return roomTypes.getRouteLink(subscription.t, subscription);
+ },
+});
+
+Template.ChatpalSearchSingleUser.helpers({
+ cleanUsername() {
+ return this.user_username.replace(/<\/?em>/ig, '');
+ },
+ getAvatarUrl,
+ getDMUrl,
+});
diff --git a/packages/chatpal-search/client/template/suggestion.html b/app/chatpal-search/client/template/suggestion.html
similarity index 100%
rename from packages/chatpal-search/client/template/suggestion.html
rename to app/chatpal-search/client/template/suggestion.html
diff --git a/packages/chatpal-search/client/template/suggestion.js b/app/chatpal-search/client/template/suggestion.js
similarity index 100%
rename from packages/chatpal-search/client/template/suggestion.js
rename to app/chatpal-search/client/template/suggestion.js
diff --git a/packages/chatpal-search/server/asset/config.js b/app/chatpal-search/server/asset/config.js
similarity index 100%
rename from packages/chatpal-search/server/asset/config.js
rename to app/chatpal-search/server/asset/config.js
diff --git a/packages/chatpal-search/server/index.js b/app/chatpal-search/server/index.js
similarity index 100%
rename from packages/chatpal-search/server/index.js
rename to app/chatpal-search/server/index.js
diff --git a/app/chatpal-search/server/provider/index.js b/app/chatpal-search/server/provider/index.js
new file mode 100644
index 0000000000000..4195805d53b7e
--- /dev/null
+++ b/app/chatpal-search/server/provider/index.js
@@ -0,0 +1,431 @@
+import { Meteor } from 'meteor/meteor';
+import { HTTP } from 'meteor/http';
+import { Random } from 'meteor/random';
+
+import ChatpalLogger from '../utils/logger';
+import { Rooms, Messages } from '../../../models';
+
+/**
+ * Enables HTTP functions on Chatpal Backend
+ */
+class Backend {
+ constructor(options) {
+ this._options = options;
+ }
+
+ /**
+ * index a set of Sorl documents
+ * @param docs
+ * @returns {boolean}
+ */
+ index(docs) {
+ const options = {
+ data: docs,
+ params: { language: this._options.language },
+ ...this._options.httpOptions,
+ };
+
+ try {
+ const response = HTTP.call('POST', `${ this._options.baseurl }${ this._options.updatepath }`, options);
+
+ if (response.statusCode >= 200 && response.statusCode < 300) {
+ ChatpalLogger.debug(`indexed ${ docs.length } documents`, JSON.stringify(response.data, null, 2));
+ } else {
+ throw new Error(response);
+ }
+ } catch (e) {
+ // TODO how to deal with this
+ ChatpalLogger.error('indexing failed', JSON.stringify(e, null, 2));
+ return false;
+ }
+ }
+
+ /**
+ * remove an entry by type and id
+ * @param type
+ * @param id
+ * @returns {boolean}
+ */
+ remove(type, id) {
+ ChatpalLogger.debug(`Remove ${ type }(${ id }) from Index`);
+
+ const options = {
+ data: {
+ delete: {
+ query: `id:${ id } AND type:${ type }`,
+ },
+ commit: {},
+ },
+ ...this._options.httpOptions,
+ };
+
+ try {
+ const response = HTTP.call('POST', this._options.baseurl + this._options.clearpath, options);
+
+ return response.statusCode >= 200 && response.statusCode < 300;
+ } catch (e) {
+ return false;
+ }
+ }
+
+ count(type) {
+ return this.query({ type, rows: 0, text: '*' })[type].numFound;
+ }
+
+ /**
+ * query with params
+ * @param params
+ * @param callback
+ */
+ query(params, callback) {
+ const options = {
+ params,
+ ...this._options.httpOptions,
+ };
+
+ ChatpalLogger.debug('query: ', JSON.stringify(options, null, 2));
+
+ try {
+ if (callback) {
+ HTTP.call('POST', this._options.baseurl + this._options.searchpath, options, (err, result) => {
+ if (err) { return callback(err); }
+
+ callback(undefined, result.data);
+ });
+ } else {
+ const response = HTTP.call('POST', this._options.baseurl + this._options.searchpath, options);
+
+ if (response.statusCode >= 200 && response.statusCode < 300) {
+ return response.data;
+ }
+ throw new Error(response);
+ }
+ } catch (e) {
+ ChatpalLogger.error('query failed', JSON.stringify(e, null, 2));
+ throw e;
+ }
+ }
+
+ suggest(params, callback) {
+ const options = {
+ params,
+ ...this._options.httpOptions,
+ };
+
+ HTTP.call('POST', this._options.baseurl + this._options.suggestionpath, options, (err, result) => {
+ if (err) { return callback(err); }
+
+ try {
+ callback(undefined, result.data.suggestion);
+ } catch (e) {
+ callback(e);
+ }
+ });
+ }
+
+ clear() {
+ ChatpalLogger.debug('Clear Index');
+
+ const options = {
+ data: {
+ delete: {
+ query: '*:*',
+ },
+ commit: {},
+ },
+ ...this._options.httpOptions,
+ };
+
+ try {
+ const response = HTTP.call('POST', this._options.baseurl + this._options.clearpath, options);
+
+ return response.statusCode >= 200 && response.statusCode < 300;
+ } catch (e) {
+ return false;
+ }
+ }
+
+ /**
+ * statically ping with configuration
+ * @param options
+ * @returns {boolean}
+ */
+ static ping(config) {
+ const options = {
+ params: {
+ stats: true,
+ },
+ ...config.httpOptions,
+ };
+
+ try {
+ const response = HTTP.call('GET', config.baseurl + config.pingpath, options);
+
+ if (response.statusCode >= 200 && response.statusCode < 300) {
+ return response.data.stats;
+ }
+ return false;
+ } catch (e) {
+ return false;
+ }
+ }
+}
+
+/**
+ * Enabled batch indexing
+ */
+class BatchIndexer {
+ constructor(size, func, ...rest) {
+ this._size = size;
+ this._func = func;
+ this._rest = rest;
+ this._values = [];
+ }
+
+ add(value) {
+ this._values.push(value);
+ if (this._values.length === this._size) {
+ this.flush();
+ }
+ }
+
+ flush() {
+ this._func(this._values, this._rest);// TODO if flush does not work
+ this._values = [];
+ }
+}
+
+/**
+ * Provides index functions to chatpal provider
+ */
+export default class Index {
+ /**
+ * Creates Index Stub
+ * @param options
+ * @param clear if a complete reindex should be done
+ */
+ constructor(options, clear, date) {
+ this._id = Random.id();
+
+ this._backend = new Backend(options);
+
+ this._options = options;
+
+ this._batchIndexer = new BatchIndexer(this._options.batchSize || 100, (values) => this._backend.index(values));
+
+ this._bootstrap(clear, date);
+ }
+
+ /**
+ * prepare solr documents
+ * @param type
+ * @param doc
+ * @returns {*}
+ * @private
+ */
+ _getIndexDocument(type, doc) {
+ switch (type) {
+ case 'message':
+ return {
+ id: doc._id,
+ rid: doc.rid,
+ user: doc.u._id,
+ created: doc.ts,
+ updated: doc._updatedAt,
+ text: doc.msg,
+ type,
+ };
+ case 'room':
+ return {
+ id: doc._id,
+ rid: doc._id,
+ created: doc.createdAt,
+ updated: doc.lm ? doc.lm : doc._updatedAt,
+ type,
+ room_name: doc.name,
+ room_announcement: doc.announcement,
+ room_description: doc.description,
+ room_topic: doc.topic,
+ };
+ case 'user':
+ return {
+ id: doc._id,
+ created: doc.createdAt,
+ updated: doc._updatedAt,
+ type,
+ user_username: doc.username,
+ user_name: doc.name,
+ user_email: doc.emails && doc.emails.map((e) => e.address),
+ };
+ default: throw new Error(`Cannot index type '${ type }'`);
+ }
+ }
+
+ /**
+ * return true if there are messages in the databases which has been created before *date*
+ * @param date
+ * @returns {boolean}
+ * @private
+ */
+ _existsDataOlderThan(date) {
+ return Messages.model.find({ ts: { $lt: new Date(date) }, t: { $exists: false } }, { limit: 1 }).fetch().length > 0;
+ }
+
+ _doesRoomCountDiffer() {
+ return Rooms.find({ t: { $ne: 'd' } }).count() !== this._backend.count('room');
+ }
+
+ _doesUserCountDiffer() {
+ return Meteor.users.find({ active: true }).count() !== this._backend.count('user');
+ }
+
+ /**
+ * Index users by using a database cursor
+ */
+ _indexUsers() {
+ const cursor = Meteor.users.find({ active: true });
+
+ ChatpalLogger.debug(`Start indexing ${ cursor.count() } users`);
+
+ cursor.forEach((user) => {
+ this.indexDoc('user', user, false);
+ });
+
+ ChatpalLogger.info(`Users indexed successfully (index-id: ${ this._id })`);
+ }
+
+ /**
+ * Index rooms by database cursor
+ * @private
+ */
+ _indexRooms() {
+ const cursor = Rooms.find({ t: { $ne: 'd' } });
+
+ ChatpalLogger.debug(`Start indexing ${ cursor.count() } rooms`);
+
+ cursor.forEach((room) => {
+ this.indexDoc('room', room, false);
+ });
+
+ ChatpalLogger.info(`Rooms indexed successfully (index-id: ${ this._id })`);
+ }
+
+ _indexMessages(date, gap) {
+ const start = new Date(date - gap);
+ const end = new Date(date);
+
+ const cursor = Messages.model.find({ ts: { $gt: start, $lt: end }, t: { $exists: false } });
+
+ ChatpalLogger.debug(`Start indexing ${ cursor.count() } messages between ${ start.toString() } and ${ end.toString() }`);
+
+ cursor.forEach((message) => {
+ this.indexDoc('message', message, false);
+ });
+
+ ChatpalLogger.info(`Messages between ${ start.toString() } and ${ end.toString() } indexed successfully (index-id: ${ this._id })`);
+
+ return start.getTime();
+ }
+
+ _run(date, resolve, reject) {
+ this._running = true;
+
+ if (this._existsDataOlderThan(date) && !this._break) {
+ Meteor.setTimeout(() => {
+ date = this._indexMessages(date, (this._options.windowSize || 24) * 3600000);
+
+ this._run(date, resolve, reject);
+ }, this._options.timeout || 1000);
+ } else if (this._break) {
+ ChatpalLogger.info(`stopped bootstrap (index-id: ${ this._id })`);
+
+ this._batchIndexer.flush();
+
+ this._running = false;
+
+ resolve();
+ } else {
+ ChatpalLogger.info(`No messages older than already indexed date ${ new Date(date).toString() }`);
+
+ if (this._doesUserCountDiffer() && !this._break) {
+ this._indexUsers();
+ } else {
+ ChatpalLogger.info('Users already indexed');
+ }
+
+ if (this._doesRoomCountDiffer() && !this._break) {
+ this._indexRooms();
+ } else {
+ ChatpalLogger.info('Rooms already indexed');
+ }
+
+ this._batchIndexer.flush();
+
+ ChatpalLogger.info(`finished bootstrap (index-id: ${ this._id })`);
+
+ this._running = false;
+
+ resolve();
+ }
+ }
+
+ _bootstrap(clear, date) {
+ ChatpalLogger.info('Start bootstrapping');
+
+ return new Promise((resolve, reject) => {
+ if (clear) {
+ this._backend.clear();
+ date = new Date().getTime();
+ }
+
+ this._run(date, resolve, reject);
+ });
+ }
+
+ static ping(options) {
+ return Backend.ping(options);
+ }
+
+ stop() {
+ this._break = true;
+ }
+
+ reindex() {
+ if (!this._running) {
+ this._bootstrap(true);
+ }
+ }
+
+ indexDoc(type, doc, flush = true) {
+ this._batchIndexer.add(this._getIndexDocument(type, doc));
+
+ if (flush) { this._batchIndexer.flush(); }
+
+ return true;
+ }
+
+ removeDoc(type, id) {
+ return this._backend.remove(type, id);
+ }
+
+ query(text, language, acl, type, start, rows, callback, params = {}) {
+ this._backend.query({
+ text,
+ language,
+ acl,
+ type,
+ start,
+ rows,
+ ...params,
+ }, callback);
+ }
+
+ suggest(text, language, acl, type, callback) {
+ this._backend.suggest({
+ text,
+ language,
+ acl,
+ type,
+ }, callback);
+ }
+}
diff --git a/app/chatpal-search/server/provider/provider.js b/app/chatpal-search/server/provider/provider.js
new file mode 100644
index 0000000000000..a46d935c7250b
--- /dev/null
+++ b/app/chatpal-search/server/provider/provider.js
@@ -0,0 +1,340 @@
+import { Meteor } from 'meteor/meteor';
+
+import { searchProviderService, SearchProvider } from '../../../search/server';
+import ChatpalLogger from '../utils/logger';
+import { Subscriptions } from '../../../models';
+
+import Index from './index';
+
+/**
+ * The chatpal search provider enables chatpal search. An appropriate backedn has to be specified by settings.
+ */
+class ChatpalProvider extends SearchProvider {
+ /**
+ * Create chatpal provider with some settings for backend and ui
+ */
+ constructor() {
+ super('chatpalProvider');
+
+ this.chatpalBaseUrl = 'https://beta.chatpal.io/v1';
+
+ this._settings.add('Backend', 'select', 'cloud', {
+ values: [
+ { key: 'cloud', i18nLabel: 'Cloud Service' },
+ { key: 'onsite', i18nLabel: 'On-Site' },
+ ],
+ i18nLabel: 'Chatpal_Backend',
+ i18nDescription: 'Chatpal_Backend_Description',
+ });
+ this._settings.add('API_Key', 'string', '', {
+ enableQuery: [{
+ _id: 'Search.chatpalProvider.Backend',
+ value: 'cloud',
+ }],
+ i18nLabel: 'Chatpal_API_Key',
+ i18nDescription: 'Chatpal_API_Key_Description',
+ });
+ this._settings.add('Base_URL', 'string', '', {
+ enableQuery: [{
+ _id: 'Search.chatpalProvider.Backend',
+ value: 'onsite',
+ }],
+ i18nLabel: 'Chatpal_Base_URL',
+ i18nDescription: 'Chatpal_Base_URL_Description',
+ });
+ this._settings.add('HTTP_Headers', 'string', '', {
+ enableQuery: [{
+ _id: 'Search.chatpalProvider.Backend',
+ value: 'onsite',
+ }],
+ multiline: true,
+ i18nLabel: 'Chatpal_HTTP_Headers',
+ i18nDescription: 'Chatpal_HTTP_Headers_Description',
+ });
+ this._settings.add('Main_Language', 'select', 'en', {
+ values: [
+ { key: 'en', i18nLabel: 'English' },
+ { key: 'none', i18nLabel: 'Language_Not_set' },
+ { key: 'cs', i18nLabel: 'Czech' },
+ { key: 'de', i18nLabel: 'Deutsch' },
+ { key: 'el', i18nLabel: 'Greek' },
+ { key: 'es', i18nLabel: 'Spanish' },
+ { key: 'fi', i18nLabel: 'Finish' },
+ { key: 'fr', i18nLabel: 'French' },
+ { key: 'hu', i18nLabel: 'Hungarian' },
+ { key: 'it', i18nLabel: 'Italian' },
+ { key: 'nl', i18nLabel: 'Dutsch' },
+ { key: 'pl', i18nLabel: 'Polish' },
+ { key: 'pt', i18nLabel: 'Portuguese' },
+ { key: 'pt_BR', i18nLabel: 'Brasilian' },
+ { key: 'ro', i18nLabel: 'Romanian' },
+ { key: 'ru', i18nLabel: 'Russian' },
+ { key: 'sv', i18nLabel: 'Swedisch' },
+ { key: 'tr', i18nLabel: 'Turkish' },
+ { key: 'uk', i18nLabel: 'Ukrainian' },
+ ],
+ i18nLabel: 'Chatpal_Main_Language',
+ i18nDescription: 'Chatpal_Main_Language_Description',
+ });
+ this._settings.add('DefaultResultType', 'select', 'All', {
+ values: [
+ { key: 'All', i18nLabel: 'All' },
+ { key: 'Messages', i18nLabel: 'Messages' },
+ ],
+ i18nLabel: 'Chatpal_Default_Result_Type',
+ i18nDescription: 'Chatpal_Default_Result_Type_Description',
+ });
+ this._settings.add('PageSize', 'int', 15, {
+ i18nLabel: 'Search_Page_Size',
+ });
+ this._settings.add('SuggestionEnabled', 'boolean', true, {
+ i18nLabel: 'Chatpal_Suggestion_Enabled',
+ alert: 'This feature is currently in beta and will be extended in the future',
+ });
+ this._settings.add('BatchSize', 'int', 100, {
+ i18nLabel: 'Chatpal_Batch_Size',
+ i18nDescription: 'Chatpal_Batch_Size_Description',
+ });
+ this._settings.add('TimeoutSize', 'int', 5000, {
+ i18nLabel: 'Chatpal_Timeout_Size',
+ i18nDescription: 'Chatpal_Timeout_Size_Description',
+ });
+ this._settings.add('WindowSize', 'int', 48, {
+ i18nLabel: 'Chatpal_Window_Size',
+ i18nDescription: 'Chatpal_Window_Size_Description',
+ });
+ }
+
+ get i18nLabel() {
+ return 'Chatpal Provider';
+ }
+
+ get iconName() {
+ return 'chatpal-logo-icon-darkblue';
+ }
+
+ get resultTemplate() {
+ return 'ChatpalSearchResultTemplate';
+ }
+
+ get suggestionItemTemplate() {
+ return 'ChatpalSuggestionItemTemplate';
+ }
+
+ get supportsSuggestions() {
+ return this._settings.get('SuggestionEnabled');
+ }
+
+ /**
+ * indexing for messages, rooms and users
+ * @inheritDoc
+ */
+ on(name, value, payload) {
+ if (!this.index) {
+ this.indexFail = true;
+ return false;
+ }
+
+ switch (name) {
+ case 'message.save': return this.index.indexDoc('message', payload);
+ case 'user.save': return this.index.indexDoc('user', payload);
+ case 'room.save': return this.index.indexDoc('room', payload);
+ case 'message.delete': return this.index.removeDoc('message', value);
+ case 'user.delete': return this.index.removeDoc('user', value);
+ case 'room.delete': return this.index.removeDoc('room', value);
+ }
+
+ return true;
+ }
+
+ /**
+ * Check if the index has to be deleted and completely new reindexed
+ * @param reason the reason for the provider start
+ * @returns {boolean}
+ * @private
+ */
+ _checkForClear(reason) {
+ if (reason === 'startup') { return false; }
+
+ if (reason === 'switch') { return true; }
+
+ return this._indexConfig.backendtype !== this._settings.get('Backend')
+ || (this._indexConfig.backendtype === 'onsite' && this._indexConfig.baseurl !== (this._settings.get('Base_URL').endsWith('/') ? this._settings.get('Base_URL').slice(0, -1) : this._settings.get('Base_URL')))
+ || (this._indexConfig.backendtype === 'cloud' && this._indexConfig.httpOptions.headers['X-Api-Key'] !== this._settings.get('API_Key'))
+ || this._indexConfig.language !== this._settings.get('Main_Language');
+ }
+
+ /**
+ * parse string to object that can be used as header for HTTP calls
+ * @returns {{}}
+ * @private
+ */
+ _parseHeaders() {
+ const headers = {};
+ const sh = this._settings.get('HTTP_Headers').split('\n');
+ sh.forEach(function(d) {
+ const ds = d.split(':');
+ if (ds.length === 2 && ds[0].trim() !== '') {
+ headers[ds[0]] = ds[1];
+ }
+ });
+ return headers;
+ }
+
+ /**
+ * ping if configuration has been set correctly
+ * @param config
+ * @param resolve if ping was successfull
+ * @param reject if some error occurs
+ * @param timeout until ping is repeated
+ * @private
+ */
+ _ping(config, resolve, reject, timeout = 5000) {
+ const maxTimeout = 200000;
+
+ const stats = Index.ping(config);
+
+ if (stats) {
+ ChatpalLogger.debug('ping was successfull');
+ resolve({ config, stats });
+ } else {
+ ChatpalLogger.warn(`ping failed, retry in ${ timeout } ms`);
+
+ this._pingTimeout = Meteor.setTimeout(() => {
+ this._ping(config, resolve, reject, Math.min(maxTimeout, 2 * timeout));
+ }, timeout);
+ }
+ }
+
+ /**
+ * Get index config based on settings
+ * @param callback
+ * @private
+ */
+ _getIndexConfig() {
+ return new Promise((resolve, reject) => {
+ const config = {
+ backendtype: this._settings.get('Backend'),
+ };
+
+ if (this._settings.get('Backend') === 'cloud') {
+ config.baseurl = this.chatpalBaseUrl;
+ config.language = this._settings.get('Main_Language');
+ config.searchpath = '/search/search';
+ config.updatepath = '/search/update';
+ config.pingpath = '/search/ping';
+ config.clearpath = '/search/clear';
+ config.suggestionpath = '/search/suggest';
+ config.httpOptions = {
+ headers: {
+ 'X-Api-Key': this._settings.get('API_Key'),
+ },
+ };
+ } else {
+ config.baseurl = this._settings.get('Base_URL').endsWith('/') ? this._settings.get('Base_URL').slice(0, -1) : this._settings.get('Base_URL');
+ config.language = this._settings.get('Main_Language');
+ config.searchpath = '/chatpal/search';
+ config.updatepath = '/chatpal/update';
+ config.pingpath = '/chatpal/ping';
+ config.clearpath = '/chatpal/clear';
+ config.suggestionpath = '/chatpal/suggest';
+ config.httpOptions = {
+ headers: this._parseHeaders(),
+ };
+ }
+
+ config.batchSize = this._settings.get('BatchSize');
+ config.timeout = this._settings.get('TimeoutSize');
+ config.windowSize = this._settings.get('WindowSize');
+
+ this._ping(config, resolve, reject);
+ });
+ }
+
+ /**
+ * @inheritDoc
+ * @param callback
+ */
+ stop(resolve) {
+ ChatpalLogger.info('Provider stopped');
+ Meteor.clearTimeout(this._pingTimeout);
+ this.indexFail = false;
+ this.index && this.index.stop();
+ resolve();
+ }
+
+ /**
+ * @inheritDoc
+ * @param reason
+ * @param resolve
+ * @param reject
+ */
+ start(reason, resolve, reject) {
+ const clear = this._checkForClear(reason);
+
+ ChatpalLogger.debug(`clear = ${ clear } with reason '${ reason }'`);
+
+ this._getIndexConfig().then((server) => {
+ this._indexConfig = server.config;
+
+ this._stats = server.stats;
+
+ ChatpalLogger.debug('config:', JSON.stringify(this._indexConfig, null, 2));
+ ChatpalLogger.debug('stats:', JSON.stringify(this._stats, null, 2));
+
+ this.index = new Index(this._indexConfig, this.indexFail || clear, this._stats.message.oldest || new Date().valueOf());
+
+ resolve();
+ }, reject);
+ }
+
+ /**
+ * returns a list of rooms that are allowed to see by current user
+ * @param context
+ * @private
+ */
+ _getAcl(context) {
+ return Subscriptions.find({ 'u._id': context.uid }).fetch().map((room) => room.rid);
+ }
+
+ /**
+ * @inheritDoc
+ * @returns {*}
+ */
+ search(text, context, payload, callback) {
+ if (!this.index) { return callback({ msg: 'Chatpal_currently_not_active' }); }
+
+ const type = payload.resultType === 'All' ? ['message', 'user', 'room'] : ['message'];
+ const params = Object.assign({}, payload.custom);
+
+ this.index.query(
+ text,
+ this._settings.get('Main_Language'),
+ this._getAcl(context),
+ type,
+ payload.start || 0,
+ payload.rows || this._settings.get('PageSize'),
+ callback,
+ params
+ );
+ }
+
+ /**
+ * @inheritDoc
+ */
+ suggest(text, context, payload, callback) {
+ if (!this.index) { return callback({ msg: 'Chatpal_currently_not_active' }); }
+
+ const type = payload.resultType === 'All' ? ['message', 'user', 'room'] : ['message'];
+
+ this.index.suggest(
+ text,
+ this._settings.get('Main_Language'),
+ this._getAcl(context),
+ type,
+ callback
+ );
+ }
+}
+
+searchProviderService.register(new ChatpalProvider());
diff --git a/app/chatpal-search/server/utils/logger.js b/app/chatpal-search/server/utils/logger.js
new file mode 100644
index 0000000000000..c1d75b806a2c0
--- /dev/null
+++ b/app/chatpal-search/server/utils/logger.js
@@ -0,0 +1,4 @@
+import { Logger } from '../../../logger';
+
+const ChatpalLogger = new Logger('Chatpal Logger', {});
+export default ChatpalLogger;
diff --git a/app/chatpal-search/server/utils/utils.js b/app/chatpal-search/server/utils/utils.js
new file mode 100644
index 0000000000000..91b1ffe64f222
--- /dev/null
+++ b/app/chatpal-search/server/utils/utils.js
@@ -0,0 +1,27 @@
+import { Meteor } from 'meteor/meteor';
+import { HTTP } from 'meteor/http';
+
+Meteor.methods({
+ 'chatpalUtilsCreateKey'(email) {
+ try {
+ const response = HTTP.call('POST', 'https://beta.chatpal.io/v1/account', { data: { email, tier: 'free' } });
+ if (response.statusCode === 201) {
+ return response.data.key;
+ }
+ return false;
+ } catch (e) {
+ return false;
+ }
+ },
+ 'chatpalUtilsGetTaC'(lang) {
+ try {
+ const response = HTTP.call('GET', `https://beta.chatpal.io/v1/terms/${ lang }.html`);
+ if (response.statusCode === 200) {
+ return response.content;
+ }
+ return undefined;
+ } catch (e) {
+ return false;
+ }
+ },
+});
diff --git a/app/cloud/client/admin/callback.html b/app/cloud/client/admin/callback.html
new file mode 100644
index 0000000000000..5d6c9c432f4ca
--- /dev/null
+++ b/app/cloud/client/admin/callback.html
@@ -0,0 +1,16 @@
+
+
+
+ {{> header sectionName="Cloud_connect"}}
+
+ {{#requiresPermission 'manage-cloud'}}
+ {{#if callbackError.error}}
+
{{_ "Cloud_error_in_authenticating"}}
+
+
{{_ "Cloud_error_code"}} {{ callbackError.errorCode }}
+ {{/if}}
+ {{/requiresPermission}}
+
+
diff --git a/app/cloud/client/admin/callback.js b/app/cloud/client/admin/callback.js
new file mode 100644
index 0000000000000..de860026192ef
--- /dev/null
+++ b/app/cloud/client/admin/callback.js
@@ -0,0 +1,46 @@
+import './callback.html';
+
+import { Meteor } from 'meteor/meteor';
+import { ReactiveVar } from 'meteor/reactive-var';
+import { Template } from 'meteor/templating';
+import { Tracker } from 'meteor/tracker';
+import { FlowRouter } from 'meteor/kadira:flow-router';
+import queryString from 'query-string';
+
+import { SideNav } from '../../../ui-utils/client';
+
+
+Template.cloudCallback.onCreated(function() {
+ const instance = this;
+
+ instance.loading = new ReactiveVar(true);
+ instance.callbackError = new ReactiveVar({ error: false });
+
+ const params = queryString.parse(location.search);
+
+ if (params.error_code) {
+ instance.callbackError.set({ error: true, errorCode: params.error_code });
+ } else {
+ Meteor.call('cloud:finishOAuthAuthorization', params.code, params.state, (error) => {
+ if (error) {
+ console.warn('cloud:finishOAuthAuthorization', error);
+ return;
+ }
+
+ FlowRouter.go('/admin/cloud');
+ });
+ }
+});
+
+Template.cloudCallback.helpers({
+ callbackError() {
+ return Template.instance().callbackError.get();
+ },
+});
+
+Template.cloudCallback.onRendered(() => {
+ Tracker.afterFlush(() => {
+ SideNav.setFlex('adminFlex');
+ SideNav.openFlex();
+ });
+});
diff --git a/app/cloud/client/admin/cloud.html b/app/cloud/client/admin/cloud.html
new file mode 100644
index 0000000000000..d8bbfc0bf3212
--- /dev/null
+++ b/app/cloud/client/admin/cloud.html
@@ -0,0 +1,138 @@
+
+
+
+ {{#header sectionName="Connectivity_Services" hideHelp=true fixedHeight=true fullpage=true}}
+ {{_ "Cloud_console"}}
+ {{/header}}
+
+ {{#requiresPermission 'manage-cloud'}}
+
+
+
+
+ {{_ "Cloud_what_is_it"}}
+
+
+
+
+
{{_ "Cloud_what_is_it_description"}}
+
+
+
+
+
{{_ "Cloud_what_is_it_services_like"}}
+
+ - {{_ "Register_Server_Registered_Push_Notifications"}}
+ - {{_ "Register_Server_Registered_Livechat"}}
+ - {{_ "Register_Server_Registered_OAuth"}}
+ - {{_ "Register_Server_Registered_Marketplace"}}
+
+
+ {{_ "Cloud_what_is_it_additional"}}
+
+
+
+
+ {{#if info.connectToCloud}}
+ {{#if info.workspaceRegistered}}
+
+
{{_ "Cloud_workspace_connected"}}
+
+
+
+
+
{{_ "Cloud_workspace_disconnect"}}
+
+
+ {{else}}
+
+
+
+
+
+
+
+
{{_ "Cloud_connect_support"}}: support@rocket.chat
+
+ {{/if}}
+ {{else}}
+
+
+ {{_ "Cloud_registration_required"}}
+
+
+
+
{{_ "Cloud_registration_required_description"}}
+
+
+ {{/if}}
+
+ {{#if info.connectToCloud}}
+
+
+
+ {{_ "Cloud_troubleshooting"}}
+
+
+
+
+
{{_ "Cloud_workspace_support"}}
+
+
+
+
+ {{_ "Cloud_status_page_description"}}:
status.rocket.chat
+
+
+ {{/if}}
+ {{/requiresPermission}}
+
+
diff --git a/app/cloud/client/admin/cloud.js b/app/cloud/client/admin/cloud.js
new file mode 100644
index 0000000000000..4eeb6ce73021f
--- /dev/null
+++ b/app/cloud/client/admin/cloud.js
@@ -0,0 +1,222 @@
+import './cloud.html';
+
+import { Meteor } from 'meteor/meteor';
+import { ReactiveVar } from 'meteor/reactive-var';
+import { Template } from 'meteor/templating';
+import { Tracker } from 'meteor/tracker';
+import queryString from 'query-string';
+import toastr from 'toastr';
+
+import { t } from '../../../utils';
+import { SideNav } from '../../../ui-utils/client';
+
+
+Template.cloud.onCreated(function() {
+ const instance = this;
+ instance.info = new ReactiveVar();
+ instance.loading = new ReactiveVar(true);
+ instance.isLoggedIn = new ReactiveVar(false);
+
+ instance.loadRegStatus = function _loadRegStatus() {
+ Meteor.call('cloud:checkRegisterStatus', (error, info) => {
+ if (error) {
+ console.warn('cloud:checkRegisterStatus', error);
+ return;
+ }
+
+ instance.info.set(info);
+ instance.loading.set(false);
+ });
+ };
+
+ instance.getLoggedIn = function _getLoggedIn() {
+ Meteor.call('cloud:checkUserLoggedIn', (error, result) => {
+ if (error) {
+ console.warn(error);
+ return;
+ }
+
+ instance.isLoggedIn.set(result);
+ });
+ };
+
+ instance.oauthAuthorize = function _oauthAuthorize() {
+ Meteor.call('cloud:getOAuthAuthorizationUrl', (error, url) => {
+ if (error) {
+ console.warn(error);
+ return;
+ }
+
+ window.location.href = url;
+ });
+ };
+
+ instance.logout = function _logout() {
+ Meteor.call('cloud:logout', (error) => {
+ if (error) {
+ console.warn(error);
+ return;
+ }
+
+ instance.getLoggedIn();
+ });
+ };
+
+ instance.connectWorkspace = function _connectWorkspace(token) {
+ Meteor.call('cloud:connectWorkspace', token, (error, success) => {
+ if (error) {
+ toastr.error(error);
+ instance.loadRegStatus();
+ return;
+ }
+
+ if (!success) {
+ toastr.error('An error occured connecting');
+ instance.loadRegStatus();
+ return;
+ }
+
+ toastr.success(t('Connected'));
+
+ instance.loadRegStatus();
+ });
+ };
+
+ instance.disconnectWorkspace = function _disconnectWorkspace() {
+ Meteor.call('cloud:disconnectWorkspace', (error, success) => {
+ if (error) {
+ toastr.error(error);
+ instance.loadRegStatus();
+ return;
+ }
+
+ if (!success) {
+ toastr.error('An error occured disconnecting');
+ instance.loadRegStatus();
+ return;
+ }
+
+ toastr.success(t('Disconnected'));
+
+ instance.loadRegStatus();
+ });
+ };
+
+ instance.syncWorkspace = function _syncWorkspace() {
+ Meteor.call('cloud:syncWorkspace', (error, success) => {
+ if (error) {
+ toastr.error(error);
+ instance.loadRegStatus();
+ return;
+ }
+
+ if (!success) {
+ toastr.error('An error occured syncing');
+ instance.loadRegStatus();
+ return;
+ }
+
+ toastr.success(t('Sync Complete'));
+
+ instance.loadRegStatus();
+ });
+ };
+
+ instance.registerWorkspace = function _registerWorkspace() {
+ Meteor.call('cloud:registerWorkspace', (error, success) => {
+ if (error) {
+ toastr.error(error);
+ instance.loadRegStatus();
+ return;
+ }
+
+ if (!success) {
+ toastr.error('An error occured');
+ instance.loadRegStatus();
+ return;
+ }
+
+ return instance.syncWorkspace();
+ });
+ };
+
+ const params = queryString.parse(location.search);
+
+ if (params.token) {
+ instance.connectWorkspace(params.token);
+ } else {
+ instance.loadRegStatus();
+ }
+
+ instance.getLoggedIn();
+});
+
+Template.cloud.helpers({
+ info() {
+ return Template.instance().info.get();
+ },
+ isLoggedIn() {
+ return Template.instance().isLoggedIn.get();
+ },
+});
+
+Template.cloud.events({
+ 'click .update-email-btn'() {
+ const val = $('input[name=cloudEmail]').val();
+
+ Meteor.call('cloud:updateEmail', val, false, (error) => {
+ if (error) {
+ console.warn(error);
+ return;
+ }
+
+ toastr.success(t('Saved'));
+ });
+ },
+
+ 'click .resend-email-btn'() {
+ const val = $('input[name=cloudEmail]').val();
+
+ Meteor.call('cloud:updateEmail', val, true, (error) => {
+ if (error) {
+ console.warn(error);
+ return;
+ }
+
+ toastr.success(t('Requested'));
+ });
+ },
+
+ 'click .login-btn'(e, i) {
+ i.oauthAuthorize();
+ },
+
+ 'click .logout-btn'(e, i) {
+ i.logout();
+ },
+
+ 'click .connect-btn'(e, i) {
+ const token = $('input[name=cloudToken]').val();
+
+ i.connectWorkspace(token);
+ },
+
+ 'click .register-btn'(e, i) {
+ i.registerWorkspace();
+ },
+
+ 'click .disconnect-btn'(e, i) {
+ i.disconnectWorkspace();
+ },
+
+ 'click .sync-btn'(e, i) {
+ i.syncWorkspace();
+ },
+});
+
+Template.cloud.onRendered(() => {
+ Tracker.afterFlush(() => {
+ SideNav.setFlex('adminFlex');
+ SideNav.openFlex();
+ });
+});
diff --git a/app/cloud/client/index.js b/app/cloud/client/index.js
new file mode 100644
index 0000000000000..d0241a21c12e2
--- /dev/null
+++ b/app/cloud/client/index.js
@@ -0,0 +1,31 @@
+import './admin/callback';
+import './admin/cloud';
+
+import { BlazeLayout } from 'meteor/kadira:blaze-layout';
+import { FlowRouter } from 'meteor/kadira:flow-router';
+
+import { AdminBox } from '../../ui-utils';
+import { hasAtLeastOnePermission } from '../../authorization';
+
+FlowRouter.route('/admin/cloud', {
+ name: 'cloud-config',
+ action() {
+ BlazeLayout.render('main', { center: 'cloud', old: true });
+ },
+});
+
+FlowRouter.route('/admin/cloud/oauth-callback', {
+ name: 'cloud-oauth-callback',
+ action() {
+ BlazeLayout.render('main', { center: 'cloudCallback', old: true });
+ },
+});
+
+AdminBox.addOption({
+ icon: 'cloud-plus',
+ href: 'admin/cloud',
+ i18nLabel: 'Connectivity_Services',
+ permissionGranted() {
+ return hasAtLeastOnePermission(['manage-cloud']);
+ },
+});
diff --git a/app/cloud/server/functions/checkUserHasCloudLogin.js b/app/cloud/server/functions/checkUserHasCloudLogin.js
new file mode 100644
index 0000000000000..39743627152ba
--- /dev/null
+++ b/app/cloud/server/functions/checkUserHasCloudLogin.js
@@ -0,0 +1,22 @@
+import { retrieveRegistrationStatus } from './retrieveRegistrationStatus';
+import { Users } from '../../../models';
+
+export function checkUserHasCloudLogin(userId) {
+ const { connectToCloud, workspaceRegistered } = retrieveRegistrationStatus();
+
+ if (!connectToCloud || !workspaceRegistered) {
+ return false;
+ }
+
+ if (!userId) {
+ return false;
+ }
+
+ const user = Users.findOneById(userId);
+
+ if (user && user.services && user.services.cloud && user.services.cloud.accessToken) {
+ return true;
+ }
+
+ return false;
+}
diff --git a/app/cloud/server/functions/connectWorkspace.js b/app/cloud/server/functions/connectWorkspace.js
new file mode 100644
index 0000000000000..5ec79dbdb7e5f
--- /dev/null
+++ b/app/cloud/server/functions/connectWorkspace.js
@@ -0,0 +1,63 @@
+import { HTTP } from 'meteor/http';
+
+
+import { getRedirectUri } from './getRedirectUri';
+import { retrieveRegistrationStatus } from './retrieveRegistrationStatus';
+import { getWorkspaceAccessToken } from './getWorkspaceAccessToken';
+import { Settings } from '../../../models';
+import { settings } from '../../../settings';
+
+export function connectWorkspace(token) {
+ const { connectToCloud } = retrieveRegistrationStatus();
+ if (!connectToCloud) {
+ Settings.updateValueById('Register_Server', true);
+ }
+
+ const redirectUri = getRedirectUri();
+
+ const regInfo = {
+ email: settings.get('Organization_Email'),
+ client_name: settings.get('Site_Name'),
+ redirect_uris: [redirectUri],
+ };
+
+ const cloudUrl = settings.get('Cloud_Url');
+ let result;
+ try {
+ result = HTTP.post(`${ cloudUrl }/api/oauth/clients`, {
+ headers: {
+ Authorization: `Bearer ${ token }`,
+ },
+ data: regInfo,
+ });
+ } catch (e) {
+ if (e.response && e.response.data && e.response.data.error) {
+ console.error(`Failed to register with Rocket.Chat Cloud. Error: ${ e.response.data.error }`);
+ } else {
+ console.error(e);
+ }
+
+ return false;
+ }
+
+ const { data } = result;
+
+ if (!data) {
+ return false;
+ }
+
+ Settings.updateValueById('Cloud_Workspace_Id', data.workspaceId);
+ Settings.updateValueById('Cloud_Workspace_Name', data.client_name);
+ Settings.updateValueById('Cloud_Workspace_Client_Id', data.client_id);
+ Settings.updateValueById('Cloud_Workspace_Client_Secret', data.client_secret);
+ Settings.updateValueById('Cloud_Workspace_Client_Secret_Expires_At', data.client_secret_expires_at);
+ Settings.updateValueById('Cloud_Workspace_Registration_Client_Uri', data.registration_client_uri);
+
+ // Now that we have the client id and secret, let's get the access token
+ const accessToken = getWorkspaceAccessToken(true);
+ if (!accessToken) {
+ return false;
+ }
+
+ return true;
+}
diff --git a/app/cloud/server/functions/disconnectWorkspace.js b/app/cloud/server/functions/disconnectWorkspace.js
new file mode 100644
index 0000000000000..c1e2adda876e7
--- /dev/null
+++ b/app/cloud/server/functions/disconnectWorkspace.js
@@ -0,0 +1,13 @@
+import { retrieveRegistrationStatus } from './retrieveRegistrationStatus';
+import { Settings } from '../../../models';
+
+export function disconnectWorkspace() {
+ const { connectToCloud } = retrieveRegistrationStatus();
+ if (!connectToCloud) {
+ return true;
+ }
+
+ Settings.updateValueById('Register_Server', false);
+
+ return true;
+}
diff --git a/app/cloud/server/functions/finishOAuthAuthorization.js b/app/cloud/server/functions/finishOAuthAuthorization.js
new file mode 100644
index 0000000000000..5bf24cb9992bd
--- /dev/null
+++ b/app/cloud/server/functions/finishOAuthAuthorization.js
@@ -0,0 +1,59 @@
+import { Meteor } from 'meteor/meteor';
+import { HTTP } from 'meteor/http';
+
+import { getRedirectUri } from './getRedirectUri';
+import { settings } from '../../../settings';
+import { Users } from '../../../models';
+import { userScopes } from '../oauthScopes';
+
+export function finishOAuthAuthorization(code, state) {
+ if (settings.get('Cloud_Workspace_Registration_State') !== state) {
+ throw new Meteor.Error('error-invalid-state', 'Invalid state provided', { method: 'cloud:finishOAuthAuthorization' });
+ }
+
+ const cloudUrl = settings.get('Cloud_Url');
+ const clientId = settings.get('Cloud_Workspace_Client_Id');
+ const clientSecret = settings.get('Cloud_Workspace_Client_Secret');
+
+ const scope = userScopes.join(' ');
+
+ let result;
+ try {
+ result = HTTP.post(`${ cloudUrl }/api/oauth/token`, {
+ headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+ params: {
+ client_id: clientId,
+ client_secret: clientSecret,
+ grant_type: 'authorization_code',
+ scope,
+ code,
+ redirect_uri: getRedirectUri(),
+ },
+ });
+ } catch (e) {
+ if (e.response && e.response.data && e.response.data.error) {
+ console.error(`Failed to get AccessToken from Rocket.Chat Cloud. Error: ${ e.response.data.error }`);
+ } else {
+ console.error(e);
+ }
+
+ return false;
+ }
+
+ const expiresAt = new Date();
+ expiresAt.setSeconds(expiresAt.getSeconds() + result.data.expires_in);
+
+ Users.update({ _id: Meteor.userId() }, {
+ $set: {
+ 'services.cloud': {
+ accessToken: result.data.access_token,
+ expiresAt,
+ scope: result.data.scope,
+ tokenType: result.data.token_type,
+ refreshToken: result.data.refresh_token,
+ },
+ },
+ });
+
+ return true;
+}
diff --git a/app/cloud/server/functions/getOAuthAuthorizationUrl.js b/app/cloud/server/functions/getOAuthAuthorizationUrl.js
new file mode 100644
index 0000000000000..e5ff7f0f8d2e7
--- /dev/null
+++ b/app/cloud/server/functions/getOAuthAuthorizationUrl.js
@@ -0,0 +1,20 @@
+import { Random } from 'meteor/random';
+
+import { getRedirectUri } from './getRedirectUri';
+import { Settings } from '../../../models';
+import { settings } from '../../../settings';
+import { userScopes } from '../oauthScopes';
+
+export function getOAuthAuthorizationUrl() {
+ const state = Random.id();
+
+ Settings.updateValueById('Cloud_Workspace_Registration_State', state);
+
+ const cloudUrl = settings.get('Cloud_Url');
+ const client_id = settings.get('Cloud_Workspace_Client_Id');
+ const redirectUri = getRedirectUri();
+
+ const scope = userScopes.join(' ');
+
+ return `${ cloudUrl }/authorize?response_type=code&client_id=${ client_id }&redirect_uri=${ redirectUri }&scope=${ scope }&state=${ state }`;
+}
diff --git a/app/cloud/server/functions/getRedirectUri.js b/app/cloud/server/functions/getRedirectUri.js
new file mode 100644
index 0000000000000..754c8d4c89e4a
--- /dev/null
+++ b/app/cloud/server/functions/getRedirectUri.js
@@ -0,0 +1,5 @@
+import { settings } from '../../../settings';
+
+export function getRedirectUri() {
+ return `${ settings.get('Site_Url') }/admin/cloud/oauth-callback`.replace(/\/\/admin+/g, '/admin');
+}
diff --git a/app/cloud/server/functions/getUserCloudAccessToken.js b/app/cloud/server/functions/getUserCloudAccessToken.js
new file mode 100644
index 0000000000000..3be0f726b1215
--- /dev/null
+++ b/app/cloud/server/functions/getUserCloudAccessToken.js
@@ -0,0 +1,100 @@
+import { HTTP } from 'meteor/http';
+
+
+import { getRedirectUri } from './getRedirectUri';
+import { retrieveRegistrationStatus } from './retrieveRegistrationStatus';
+import { unregisterWorkspace } from './unregisterWorkspace';
+import { userLoggedOut } from './userLoggedOut';
+import { Users } from '../../../models';
+import { settings } from '../../../settings';
+import { userScopes } from '../oauthScopes';
+
+export function getUserCloudAccessToken(userId, forceNew = false, scope = '', save = true) {
+ const { connectToCloud, workspaceRegistered } = retrieveRegistrationStatus();
+
+ if (!connectToCloud || !workspaceRegistered) {
+ return '';
+ }
+
+ if (!userId) {
+ return '';
+ }
+
+ const user = Users.findOneById(userId);
+
+ if (!user || !user.services || !user.services.cloud || !user.services.cloud.accessToken || !user.services.cloud.refreshToken) {
+ return '';
+ }
+
+ const { accessToken, refreshToken } = user.services.cloud;
+
+ const client_id = settings.get('Cloud_Workspace_Client_Id');
+ if (!client_id) {
+ return '';
+ }
+
+ const expires = user.services.cloud.expiresAt;
+ const now = new Date();
+
+ if (now < expires.value && !forceNew) {
+ return accessToken;
+ }
+
+ const cloudUrl = settings.get('Cloud_Url');
+ const client_secret = settings.get('Cloud_Workspace_Client_Secret');
+ const redirectUri = getRedirectUri();
+
+ if (scope === '') {
+ scope = userScopes.join(' ');
+ }
+
+ let authTokenResult;
+ try {
+ authTokenResult = HTTP.post(`${ cloudUrl }/api/oauth/token`, {
+ headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+ params: {
+ client_id,
+ client_secret,
+ refresh_token: refreshToken,
+ scope,
+ grant_type: 'refresh_token',
+ redirect_uri: redirectUri,
+ },
+ });
+ } catch (e) {
+ if (e.response && e.response.data && e.response.data.error) {
+ console.error(`Failed to get User AccessToken from Rocket.Chat Cloud. Error: ${ e.response.data.error }`);
+
+ if (e.response.data.error === 'oauth_invalid_client_credentials') {
+ console.error('Server has been unregistered from cloud');
+ unregisterWorkspace();
+ }
+
+ if (e.response.data.error === 'unauthorized') {
+ userLoggedOut(userId);
+ }
+ } else {
+ console.error(e);
+ }
+
+ return '';
+ }
+
+ if (save) {
+ const expiresAt = new Date();
+ expiresAt.setSeconds(expiresAt.getSeconds() + authTokenResult.data.expires_in);
+
+ Users.update(user._id, {
+ $set: {
+ services: {
+ cloud: {
+ accessToken: authTokenResult.data.access_token,
+ expiresAt,
+ },
+ },
+ },
+ });
+ }
+
+ return authTokenResult.data.access_token;
+}
diff --git a/app/cloud/server/functions/getWorkspaceAccessToken.js b/app/cloud/server/functions/getWorkspaceAccessToken.js
new file mode 100644
index 0000000000000..5ae3552e0001f
--- /dev/null
+++ b/app/cloud/server/functions/getWorkspaceAccessToken.js
@@ -0,0 +1,74 @@
+import { HTTP } from 'meteor/http';
+
+
+import { getRedirectUri } from './getRedirectUri';
+import { retrieveRegistrationStatus } from './retrieveRegistrationStatus';
+import { unregisterWorkspace } from './unregisterWorkspace';
+import { Settings } from '../../../models';
+import { settings } from '../../../settings';
+import { workspaceScopes } from '../oauthScopes';
+
+export function getWorkspaceAccessToken(forceNew = false, scope = '', save = true) {
+ const { connectToCloud, workspaceRegistered } = retrieveRegistrationStatus();
+
+ if (!connectToCloud || !workspaceRegistered) {
+ return '';
+ }
+
+ const client_id = settings.get('Cloud_Workspace_Client_Id');
+ if (!client_id) {
+ return '';
+ }
+
+ const expires = Settings.findOneById('Cloud_Workspace_Access_Token_Expires_At');
+ const now = new Date();
+
+ if (now < expires.value && !forceNew) {
+ return settings.get('Cloud_Workspace_Access_Token');
+ }
+
+ const cloudUrl = settings.get('Cloud_Url');
+ const client_secret = settings.get('Cloud_Workspace_Client_Secret');
+ const redirectUri = getRedirectUri();
+
+ if (scope === '') {
+ scope = workspaceScopes.join(' ');
+ }
+
+ let authTokenResult;
+ try {
+ authTokenResult = HTTP.post(`${ cloudUrl }/api/oauth/token`, {
+ headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+ params: {
+ client_id,
+ client_secret,
+ scope,
+ grant_type: 'client_credentials',
+ redirect_uri: redirectUri,
+ },
+ });
+ } catch (e) {
+ if (e.response && e.response.data && e.response.data.error) {
+ console.error(`Failed to get AccessToken from Rocket.Chat Cloud. Error: ${ e.response.data.error }`);
+
+ if (e.response.data.error === 'oauth_invalid_client_credentials') {
+ console.error('Server has been unregistered from cloud');
+ unregisterWorkspace();
+ }
+ } else {
+ console.error(e);
+ }
+
+ return '';
+ }
+
+ if (save) {
+ const expiresAt = new Date();
+ expiresAt.setSeconds(expiresAt.getSeconds() + authTokenResult.data.expires_in);
+
+ Settings.updateValueById('Cloud_Workspace_Access_Token', authTokenResult.data.access_token);
+ Settings.updateValueById('Cloud_Workspace_Access_Token_Expires_At', expiresAt);
+ }
+
+ return authTokenResult.data.access_token;
+}
diff --git a/app/cloud/server/functions/getWorkspaceLicense.js b/app/cloud/server/functions/getWorkspaceLicense.js
new file mode 100644
index 0000000000000..d769895ecfa38
--- /dev/null
+++ b/app/cloud/server/functions/getWorkspaceLicense.js
@@ -0,0 +1,43 @@
+import { HTTP } from 'meteor/http';
+
+import { getWorkspaceAccessToken } from './getWorkspaceAccessToken';
+import { settings } from '../../../settings';
+import { Settings } from '../../../models';
+
+
+export function getWorkspaceLicense() {
+ const token = getWorkspaceAccessToken();
+
+ if (!token) {
+ return { updated: false, license: '' };
+ }
+
+
+ let licenseResult;
+ try {
+ licenseResult = HTTP.get(`${ settings.get('Cloud_Workspace_Registration_Client_Uri') }/license`, {
+ headers: {
+ Authorization: `Bearer ${ token }`,
+ },
+ });
+ } catch (e) {
+ if (e.response && e.response.data && e.response.data.error) {
+ console.error(`Failed to update license from Rocket.Chat Cloud. Error: ${ e.response.data.error }`);
+ } else {
+ console.error(e);
+ }
+
+ return { updated: false, license: '' };
+ }
+
+ const remoteLicense = licenseResult.data;
+ const currentLicense = settings.get('Cloud_Workspace_License');
+
+ if (remoteLicense.updatedAt <= currentLicense._updatedAt) {
+ return { updated: false, license: '' };
+ }
+
+ Settings.updateValueById('Cloud_Workspace_License', remoteLicense.license);
+
+ return { updated: true, license: remoteLicense.license };
+}
diff --git a/app/cloud/server/functions/retrieveRegistrationStatus.js b/app/cloud/server/functions/retrieveRegistrationStatus.js
new file mode 100644
index 0000000000000..562238c466cbe
--- /dev/null
+++ b/app/cloud/server/functions/retrieveRegistrationStatus.js
@@ -0,0 +1,22 @@
+import { settings } from '../../../settings';
+import { Users } from '../../../models';
+
+export function retrieveRegistrationStatus() {
+ const info = {
+ connectToCloud: settings.get('Register_Server'),
+ workspaceRegistered: !!settings.get('Cloud_Workspace_Client_Id'),
+ workspaceId: settings.get('Cloud_Workspace_Id'),
+ uniqueId: settings.get('uniqueID'),
+ token: '',
+ email: '',
+ };
+
+ const firstUser = Users.getOldest({ emails: 1 });
+ info.email = firstUser && firstUser.emails && firstUser.emails[0].address;
+
+ if (settings.get('Organization_Email')) {
+ info.email = settings.get('Organization_Email');
+ }
+
+ return info;
+}
diff --git a/app/cloud/server/functions/startRegisterWorkspace.js b/app/cloud/server/functions/startRegisterWorkspace.js
new file mode 100644
index 0000000000000..e6c98490bde3d
--- /dev/null
+++ b/app/cloud/server/functions/startRegisterWorkspace.js
@@ -0,0 +1,71 @@
+import { HTTP } from 'meteor/http';
+
+import { retrieveRegistrationStatus } from './retrieveRegistrationStatus';
+import { syncWorkspace } from './syncWorkspace';
+import { settings } from '../../../settings';
+import { Settings } from '../../../models';
+import { statistics } from '../../../statistics';
+
+
+export function startRegisterWorkspace(resend = false) {
+ const { workspaceRegistered, connectToCloud } = retrieveRegistrationStatus();
+ if ((workspaceRegistered && connectToCloud) || process.env.TEST_MODE) {
+ return true;
+ }
+
+ settings.updateById('Register_Server', true);
+
+ // If we still have client id lets see if they are still good before trying to register
+ if (workspaceRegistered) {
+ if (syncWorkspace(true)) {
+ return true;
+ }
+ }
+
+ const stats = statistics.get();
+
+ const address = settings.get('Site_Url');
+
+ // If we have it lets send it because likely an update
+ const workspaceId = settings.get('Cloud_Workspace_Id');
+
+ const regInfo = {
+ uniqueId: stats.uniqueId,
+ workspaceId,
+ address,
+ contactName: stats.wizard.contactName,
+ contactEmail: stats.wizard.contactEmail,
+ accountName: stats.wizard.organizationName,
+ siteName: stats.wizard.siteName,
+ deploymentMethod: stats.deploy.method,
+ deploymentPlatform: stats.deploy.platform,
+ version: stats.version,
+ };
+
+ const cloudUrl = settings.get('Cloud_Url');
+
+ let result;
+ try {
+ result = HTTP.post(`${ cloudUrl }/api/v2/register/workspace?resend=${ resend }`, {
+ data: regInfo,
+ });
+ } catch (e) {
+ if (e.response && e.response.data && e.response.data.error) {
+ console.error(`Failed to register with Rocket.Chat Cloud. ErrorCode: ${ e.response.data.error }`);
+ } else {
+ console.error(e);
+ }
+
+ return false;
+ }
+
+ const { data } = result;
+
+ if (!data) {
+ return false;
+ }
+
+ Settings.updateValueById('Cloud_Workspace_Id', data.id);
+
+ return true;
+}
diff --git a/app/cloud/server/functions/syncWorkspace.js b/app/cloud/server/functions/syncWorkspace.js
new file mode 100644
index 0000000000000..93f1cddbc1341
--- /dev/null
+++ b/app/cloud/server/functions/syncWorkspace.js
@@ -0,0 +1,61 @@
+import { HTTP } from 'meteor/http';
+
+
+import { retrieveRegistrationStatus } from './retrieveRegistrationStatus';
+import { getWorkspaceAccessToken } from './getWorkspaceAccessToken';
+import { getWorkspaceLicense } from './getWorkspaceLicense';
+import { statistics } from '../../../statistics';
+import { settings } from '../../../settings';
+
+export function syncWorkspace(reconnectCheck = false) {
+ const { workspaceRegistered, connectToCloud } = retrieveRegistrationStatus();
+ if (!workspaceRegistered || (!connectToCloud && !reconnectCheck)) {
+ return false;
+ }
+
+ const stats = statistics.get();
+
+ const address = settings.get('Site_Url');
+
+ const info = {
+ uniqueId: stats.uniqueId,
+ address,
+ contactName: stats.wizard.contactName,
+ contactEmail: stats.wizard.contactEmail,
+ accountName: stats.wizard.organizationName,
+ siteName: stats.wizard.siteName,
+ deploymentMethod: stats.deploy.method,
+ deploymentPlatform: stats.deploy.platform,
+ version: stats.version,
+ };
+
+ const workspaceUrl = settings.get('Cloud_Workspace_Registration_Client_Uri');
+
+ try {
+ const headers = {};
+ const token = getWorkspaceAccessToken(true);
+
+ if (token) {
+ headers.Authorization = `Bearer ${ token }`;
+ } else {
+ return false;
+ }
+
+ HTTP.post(`${ workspaceUrl }/client`, {
+ data: info,
+ headers,
+ });
+
+ getWorkspaceLicense();
+ } catch (e) {
+ if (e.response && e.response.data && e.response.data.error) {
+ console.error(`Failed to sync with Rocket.Chat Cloud. Error: ${ e.response.data.error }`);
+ } else {
+ console.error(e);
+ }
+
+ return false;
+ }
+
+ return true;
+}
diff --git a/app/cloud/server/functions/unregisterWorkspace.js b/app/cloud/server/functions/unregisterWorkspace.js
new file mode 100644
index 0000000000000..a1102b1505d07
--- /dev/null
+++ b/app/cloud/server/functions/unregisterWorkspace.js
@@ -0,0 +1,19 @@
+import { retrieveRegistrationStatus } from './retrieveRegistrationStatus';
+import { Settings } from '../../../models';
+
+
+export function unregisterWorkspace() {
+ const { workspaceRegistered } = retrieveRegistrationStatus();
+ if (!workspaceRegistered) {
+ return true;
+ }
+
+ Settings.updateValueById('Cloud_Workspace_Id', null);
+ Settings.updateValueById('Cloud_Workspace_Name', null);
+ Settings.updateValueById('Cloud_Workspace_Client_Id', null);
+ Settings.updateValueById('Cloud_Workspace_Client_Secret', null);
+ Settings.updateValueById('Cloud_Workspace_Client_Secret_Expires_At', null);
+ Settings.updateValueById('Cloud_Workspace_Registration_Client_Uri', null);
+
+ return true;
+}
diff --git a/app/cloud/server/functions/userLoggedOut.js b/app/cloud/server/functions/userLoggedOut.js
new file mode 100644
index 0000000000000..6e08b878eb6f3
--- /dev/null
+++ b/app/cloud/server/functions/userLoggedOut.js
@@ -0,0 +1,19 @@
+import { Users } from '../../../models';
+
+export function userLoggedOut(userId) {
+ if (!userId) {
+ return false;
+ }
+
+ const user = Users.findOneById(userId);
+
+ if (user && user.services && user.services.cloud) {
+ Users.update(user._id, {
+ $unset: {
+ 'services.cloud': 1,
+ },
+ });
+ }
+
+ return true;
+}
diff --git a/app/cloud/server/functions/userLogout.js b/app/cloud/server/functions/userLogout.js
new file mode 100644
index 0000000000000..5dea9eb07815e
--- /dev/null
+++ b/app/cloud/server/functions/userLogout.js
@@ -0,0 +1,52 @@
+import { HTTP } from 'meteor/http';
+
+import { userLoggedOut } from './userLoggedOut';
+import { retrieveRegistrationStatus } from './retrieveRegistrationStatus';
+import { Users } from '../../../models';
+import { settings } from '../../../settings';
+
+export function userLogout(userId) {
+ const { connectToCloud, workspaceRegistered } = retrieveRegistrationStatus();
+
+ if (!connectToCloud || !workspaceRegistered) {
+ return '';
+ }
+
+ if (!userId) {
+ return '';
+ }
+
+ const user = Users.findOneById(userId);
+
+ if (user && user.services && user.services.cloud && user.services.cloud.refreshToken) {
+ try {
+ const client_id = settings.get('Cloud_Workspace_Client_Id');
+ if (!client_id) {
+ return '';
+ }
+
+ const cloudUrl = settings.get('Cloud_Url');
+ const client_secret = settings.get('Cloud_Workspace_Client_Secret');
+
+ const { refreshToken } = user.services.cloud;
+
+ HTTP.post(`${ cloudUrl }/api/oauth/revoke`, {
+ headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+ params: {
+ client_id,
+ client_secret,
+ token: refreshToken,
+ token_type_hint: 'refresh_token',
+ },
+ });
+ } catch (e) {
+ if (e.response && e.response.data && e.response.data.error) {
+ console.error(`Failed to get Revoke refresh token to logout of Rocket.Chat Cloud. Error: ${ e.response.data.error }`);
+ } else {
+ console.error(e);
+ }
+ }
+ }
+
+ return userLoggedOut(userId);
+}
diff --git a/app/cloud/server/index.js b/app/cloud/server/index.js
new file mode 100644
index 0000000000000..4a2e16941c00b
--- /dev/null
+++ b/app/cloud/server/index.js
@@ -0,0 +1,14 @@
+import './methods';
+import { getWorkspaceAccessToken } from './functions/getWorkspaceAccessToken';
+import { getWorkspaceLicense } from './functions/getWorkspaceLicense';
+import { getUserCloudAccessToken } from './functions/getUserCloudAccessToken';
+import { Permissions } from '../../models';
+
+if (Permissions) {
+ Permissions.createOrUpdate('manage-cloud', ['admin']);
+}
+
+// Ensure the client/workspace access token is valid
+getWorkspaceAccessToken();
+
+export { getWorkspaceAccessToken, getWorkspaceLicense, getUserCloudAccessToken };
diff --git a/app/cloud/server/methods.js b/app/cloud/server/methods.js
new file mode 100644
index 0000000000000..b648f2ffaa8fc
--- /dev/null
+++ b/app/cloud/server/methods.js
@@ -0,0 +1,138 @@
+import { Meteor } from 'meteor/meteor';
+import { check } from 'meteor/check';
+
+
+import { retrieveRegistrationStatus } from './functions/retrieveRegistrationStatus';
+import { connectWorkspace } from './functions/connectWorkspace';
+import { getOAuthAuthorizationUrl } from './functions/getOAuthAuthorizationUrl';
+import { finishOAuthAuthorization } from './functions/finishOAuthAuthorization';
+import { startRegisterWorkspace } from './functions/startRegisterWorkspace';
+import { disconnectWorkspace } from './functions/disconnectWorkspace';
+import { syncWorkspace } from './functions/syncWorkspace';
+import { checkUserHasCloudLogin } from './functions/checkUserHasCloudLogin';
+import { userLogout } from './functions/userLogout';
+import { Settings } from '../../models';
+import { hasPermission } from '../../authorization';
+
+Meteor.methods({
+ 'cloud:checkRegisterStatus'() {
+ if (!Meteor.userId()) {
+ throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'cloud:checkRegisterStatus' });
+ }
+
+ if (!hasPermission(Meteor.userId(), 'manage-cloud')) {
+ throw new Meteor.Error('error-not-authorized', 'Not authorized', { method: 'cloud:checkRegisterStatus' });
+ }
+
+ return retrieveRegistrationStatus();
+ },
+ 'cloud:registerWorkspace'() {
+ if (!Meteor.userId()) {
+ throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'cloud:startRegister' });
+ }
+
+ if (!hasPermission(Meteor.userId(), 'manage-cloud')) {
+ throw new Meteor.Error('error-not-authorized', 'Not authorized', { method: 'cloud:startRegister' });
+ }
+
+ return startRegisterWorkspace();
+ },
+ 'cloud:updateEmail'(email, resend = false) {
+ check(email, String);
+
+ if (!Meteor.userId()) {
+ throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'cloud:updateEmail' });
+ }
+
+ if (!hasPermission(Meteor.userId(), 'manage-cloud')) {
+ throw new Meteor.Error('error-not-authorized', 'Not authorized', { method: 'cloud:updateEmail' });
+ }
+
+ Settings.updateValueById('Organization_Email', email);
+
+ return startRegisterWorkspace(resend);
+ },
+ 'cloud:syncWorkspace'() {
+ if (!Meteor.userId()) {
+ throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'cloud:updateEmail' });
+ }
+
+ if (!hasPermission(Meteor.userId(), 'manage-cloud')) {
+ throw new Meteor.Error('error-not-authorized', 'Not authorized', { method: 'cloud:updateEmail' });
+ }
+
+ return syncWorkspace();
+ },
+ 'cloud:connectWorkspace'(token) {
+ check(token, String);
+
+ if (!Meteor.userId()) {
+ throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'cloud:connectServer' });
+ }
+
+ if (!hasPermission(Meteor.userId(), 'manage-cloud')) {
+ throw new Meteor.Error('error-not-authorized', 'Not authorized', { method: 'cloud:connectServer' });
+ }
+
+ return connectWorkspace(token);
+ },
+ 'cloud:disconnectWorkspace'() {
+ if (!Meteor.userId()) {
+ throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'cloud:connectServer' });
+ }
+
+ if (!hasPermission(Meteor.userId(), 'manage-cloud')) {
+ throw new Meteor.Error('error-not-authorized', 'Not authorized', { method: 'cloud:connectServer' });
+ }
+
+ return disconnectWorkspace();
+ },
+ // Currently unused but will link local account to Rocket.Chat Cloud account.
+ 'cloud:getOAuthAuthorizationUrl'() {
+ if (!Meteor.userId()) {
+ throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'cloud:connectServer' });
+ }
+
+ if (!hasPermission(Meteor.userId(), 'manage-cloud')) {
+ throw new Meteor.Error('error-not-authorized', 'Not authorized', { method: 'cloud:connectServer' });
+ }
+
+ return getOAuthAuthorizationUrl();
+ },
+ 'cloud:finishOAuthAuthorization'(code, state) {
+ check(code, String);
+ check(state, String);
+
+ if (!Meteor.userId()) {
+ throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'cloud:finishOAuthAuthorization' });
+ }
+
+ if (!hasPermission(Meteor.userId(), 'manage-cloud')) {
+ throw new Meteor.Error('error-not-authorized', 'Not authorized', { method: 'cloud:connectServer' });
+ }
+
+ return finishOAuthAuthorization(code, state);
+ },
+ 'cloud:checkUserLoggedIn'() {
+ if (!Meteor.userId()) {
+ throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'cloud:connectServer' });
+ }
+
+ if (!hasPermission(Meteor.userId(), 'manage-cloud')) {
+ throw new Meteor.Error('error-not-authorized', 'Not authorized', { method: 'cloud:connectServer' });
+ }
+
+ return checkUserHasCloudLogin(Meteor.userId());
+ },
+ 'cloud:logout'() {
+ if (!Meteor.userId()) {
+ throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'cloud:connectServer' });
+ }
+
+ if (!hasPermission(Meteor.userId(), 'manage-cloud')) {
+ throw new Meteor.Error('error-not-authorized', 'Not authorized', { method: 'cloud:connectServer' });
+ }
+
+ return userLogout(Meteor.userId());
+ },
+});
diff --git a/app/cloud/server/oauthScopes.js b/app/cloud/server/oauthScopes.js
new file mode 100644
index 0000000000000..3c7dd0813c490
--- /dev/null
+++ b/app/cloud/server/oauthScopes.js
@@ -0,0 +1,16 @@
+// These are the scopes we by default request access to
+export const workspaceScopes = [
+ 'workspace:license:read',
+ 'workspace:client:write',
+ 'workspace:stats:write',
+ 'workspace:push:send',
+ 'marketplace:read',
+ 'marketplace:download',
+ 'fedhub:register',
+];
+
+// These are the scopes we use for the user
+export const userScopes = [
+ 'openid',
+ 'offline_access',
+];
diff --git a/app/colors/client/client.js b/app/colors/client/client.js
new file mode 100644
index 0000000000000..5f76a7c453aa9
--- /dev/null
+++ b/app/colors/client/client.js
@@ -0,0 +1,23 @@
+import s from 'underscore.string';
+
+import { settings } from '../../settings';
+import { callbacks } from '../../callbacks';
+
+//
+// HexColorPreview is a named function that will process Colors
+// @param {Object} message - The message object
+//
+
+function HexColorPreview(message) {
+ let msg;
+ if (s.trim(message.html) && settings.get('HexColorPreview_Enabled')) {
+ msg = message.html;
+ msg = msg.replace(/(?:^|\s|\n)(#[A-Fa-f0-9]{3}([A-Fa-f0-9]{3})?)\b/g, function(match, completeColor) {
+ return match.replace(completeColor, `
${ completeColor.toUpperCase() }
`);
+ });
+ message.html = msg;
+ }
+ return message;
+}
+
+callbacks.add('renderMessage', HexColorPreview, callbacks.priority.MEDIUM, 'hexcolor');
diff --git a/packages/rocketchat-highlight-words/client/index.js b/app/colors/client/index.js
similarity index 100%
rename from packages/rocketchat-highlight-words/client/index.js
rename to app/colors/client/index.js
diff --git a/packages/rocketchat-colors/client/style.css b/app/colors/client/style.css
similarity index 100%
rename from packages/rocketchat-colors/client/style.css
rename to app/colors/client/style.css
diff --git a/packages/rocketchat-colors/server/index.js b/app/colors/server/index.js
similarity index 100%
rename from packages/rocketchat-colors/server/index.js
rename to app/colors/server/index.js
diff --git a/app/colors/server/settings.js b/app/colors/server/settings.js
new file mode 100644
index 0000000000000..e2224144c3414
--- /dev/null
+++ b/app/colors/server/settings.js
@@ -0,0 +1,9 @@
+import { settings } from '../../settings';
+
+settings.add('HexColorPreview_Enabled', true, {
+ type: 'boolean',
+ i18nLabel: 'Enabled',
+ group: 'Message',
+ section: 'Hex_Color_Preview',
+ public: true,
+});
diff --git a/packages/rocketchat-cors/client/index.js b/app/cors/client/index.js
similarity index 100%
rename from packages/rocketchat-cors/client/index.js
rename to app/cors/client/index.js
diff --git a/app/cors/lib/common.js b/app/cors/lib/common.js
new file mode 100644
index 0000000000000..e9e53068854e5
--- /dev/null
+++ b/app/cors/lib/common.js
@@ -0,0 +1,9 @@
+import { Meteor } from 'meteor/meteor';
+
+import { settings } from '../../settings';
+
+Meteor.startup(function() {
+ settings.onload('Force_SSL', function(key, value) {
+ Meteor.absoluteUrl.defaultOptions.secure = value;
+ });
+});
diff --git a/app/cors/server/cors.js b/app/cors/server/cors.js
new file mode 100644
index 0000000000000..8d59968807a53
--- /dev/null
+++ b/app/cors/server/cors.js
@@ -0,0 +1,111 @@
+import url from 'url';
+
+import { Meteor } from 'meteor/meteor';
+import { WebApp, WebAppInternals } from 'meteor/webapp';
+import _ from 'underscore';
+
+import { settings } from '../../settings';
+import { Logger } from '../../logger';
+
+
+const logger = new Logger('CORS', {});
+
+WebApp.rawConnectHandlers.use(Meteor.bindEnvironment(function(req, res, next) {
+ if (req._body) {
+ return next();
+ }
+ if (req.headers['transfer-encoding'] === undefined && isNaN(req.headers['content-length'])) {
+ return next();
+ }
+ if (req.headers['content-type'] !== '' && req.headers['content-type'] !== undefined) {
+ return next();
+ }
+ if (req.url.indexOf(`${ __meteor_runtime_config__.ROOT_URL_PATH_PREFIX }/ufs/`) === 0) {
+ return next();
+ }
+
+ let buf = '';
+ req.setEncoding('utf8');
+ req.on('data', function(chunk) {
+ buf += chunk;
+ });
+
+ req.on('end', function() {
+ logger.debug('[request]'.green, req.method, req.url, '\nheaders ->', req.headers, '\nbody ->', buf);
+
+ try {
+ req.body = JSON.parse(buf);
+ } catch (error) {
+ req.body = buf;
+ }
+ req._body = true;
+
+ return next();
+ });
+}));
+
+WebApp.rawConnectHandlers.use(function(req, res, next) {
+ if (/^\/(api|_timesync|sockjs|tap-i18n)(\/|$)/.test(req.url)) {
+ res.setHeader('Access-Control-Allow-Origin', '*');
+ }
+
+ const { setHeader } = res;
+ res.setHeader = function(key, val, ...args) {
+ if (key.toLowerCase() === 'access-control-allow-origin' && val === 'http://meteor.local') {
+ return;
+ }
+ return setHeader.apply(this, [key, val, ...args]);
+ };
+ return next();
+});
+
+const _staticFilesMiddleware = WebAppInternals.staticFilesMiddleware;
+
+WebAppInternals._staticFilesMiddleware = function(staticFiles, req, res, next) {
+ res.setHeader('Access-Control-Allow-Origin', '*');
+ return _staticFilesMiddleware(staticFiles, req, res, next);
+};
+
+const oldHttpServerListeners = WebApp.httpServer.listeners('request').slice(0);
+
+WebApp.httpServer.removeAllListeners('request');
+
+WebApp.httpServer.addListener('request', function(req, res, ...args) {
+ const next = () => {
+ for (const oldListener of oldHttpServerListeners) {
+ oldListener.apply(WebApp.httpServer, [req, res, ...args]);
+ }
+ };
+
+ if (settings.get('Force_SSL') !== true) {
+ next();
+ return;
+ }
+
+ const remoteAddress = req.connection.remoteAddress || req.socket.remoteAddress;
+ const localhostRegexp = /^\s*(127\.0\.0\.1|::1)\s*$/;
+ const localhostTest = function(x) {
+ return localhostRegexp.test(x);
+ };
+
+ const isLocal = localhostRegexp.test(remoteAddress) && (!req.headers['x-forwarded-for'] || _.all(req.headers['x-forwarded-for'].split(','), localhostTest));
+ const isSsl = req.connection.pair || (req.headers['x-forwarded-proto'] && req.headers['x-forwarded-proto'].indexOf('https') !== -1);
+
+ logger.debug('req.url', req.url);
+ logger.debug('remoteAddress', remoteAddress);
+ logger.debug('isLocal', isLocal);
+ logger.debug('isSsl', isSsl);
+ logger.debug('req.headers', req.headers);
+
+ if (!isLocal && !isSsl) {
+ let host = req.headers.host || url.parse(Meteor.absoluteUrl()).hostname;
+ host = host.replace(/:\d+$/, '');
+ res.writeHead(302, {
+ Location: `https://${ host }${ req.url }`,
+ });
+ res.end();
+ return;
+ }
+
+ return next();
+});
diff --git a/packages/rocketchat-cors/server/index.js b/app/cors/server/index.js
similarity index 100%
rename from packages/rocketchat-cors/server/index.js
rename to app/cors/server/index.js
diff --git a/packages/rocketchat-crowd/client/index.js b/app/crowd/client/index.js
similarity index 100%
rename from packages/rocketchat-crowd/client/index.js
rename to app/crowd/client/index.js
diff --git a/packages/rocketchat-crowd/client/loginHelper.js b/app/crowd/client/loginHelper.js
similarity index 100%
rename from packages/rocketchat-crowd/client/loginHelper.js
rename to app/crowd/client/loginHelper.js
diff --git a/app/crowd/server/crowd.js b/app/crowd/server/crowd.js
new file mode 100644
index 0000000000000..5dc92542603df
--- /dev/null
+++ b/app/crowd/server/crowd.js
@@ -0,0 +1,390 @@
+import { Meteor } from 'meteor/meteor';
+import { SHA256 } from 'meteor/sha';
+import { SyncedCron } from 'meteor/littledata:synced-cron';
+import { Accounts } from 'meteor/accounts-base';
+import _ from 'underscore';
+
+import { Logger } from '../../logger';
+import { _setRealName } from '../../lib';
+import { Users } from '../../models';
+import { settings } from '../../settings';
+import { hasRole } from '../../authorization';
+
+const logger = new Logger('CROWD', {});
+
+function fallbackDefaultAccountSystem(bind, username, password) {
+ if (typeof username === 'string') {
+ if (username.indexOf('@') === -1) {
+ username = { username };
+ } else {
+ username = { email: username };
+ }
+ }
+
+ logger.info('Fallback to default account system', username);
+
+ const loginRequest = {
+ user: username,
+ password: {
+ digest: SHA256(password),
+ algorithm: 'sha-256',
+ },
+ };
+
+ return Accounts._runLoginHandlers(bind, loginRequest);
+}
+
+export class CROWD {
+ constructor() {
+ const AtlassianCrowd = require('atlassian-crowd');
+ let url = settings.get('CROWD_URL');
+
+ this.options = {
+ crowd: {
+ base: !/\/$/.test(url) ? url += '/' : url,
+ },
+ application: {
+ name: settings.get('CROWD_APP_USERNAME'),
+ password: settings.get('CROWD_APP_PASSWORD'),
+ },
+ rejectUnauthorized: settings.get('CROWD_Reject_Unauthorized'),
+ };
+
+ this.crowdClient = new AtlassianCrowd(this.options);
+
+ this.crowdClient.user.authenticateSync = Meteor.wrapAsync(this.crowdClient.user.authenticate, this);
+ this.crowdClient.user.findSync = Meteor.wrapAsync(this.crowdClient.user.find, this);
+ this.crowdClient.searchSync = Meteor.wrapAsync(this.crowdClient.search, this);
+ this.crowdClient.pingSync = Meteor.wrapAsync(this.crowdClient.ping, this);
+ }
+
+ checkConnection() {
+ this.crowdClient.pingSync();
+ }
+
+ fetchCrowdUser(crowd_username) {
+ const userResponse = this.crowdClient.user.findSync(crowd_username);
+
+ return {
+ displayname: userResponse['display-name'],
+ username: userResponse.name,
+ email: userResponse.email,
+ active: userResponse.active,
+ crowd_username,
+ };
+ }
+
+ authenticate(username, password) {
+ if (!username || !password) {
+ logger.error('No username or password');
+ return;
+ }
+
+ logger.info('Extracting crowd_username');
+ let user = null;
+ let crowd_username = username;
+
+ if (username.indexOf('@') !== -1) {
+ const email = username;
+
+ user = Meteor.users.findOne({ 'emails.address': email }, { fields: { username: 1, crowd_username: 1, crowd: 1 } });
+ if (user) {
+ crowd_username = user.crowd_username;
+ } else {
+ logger.debug('Could not find a user by email', username);
+ }
+ }
+
+ if (user == null) {
+ user = Meteor.users.findOne({ username }, { fields: { username: 1, crowd_username: 1, crowd: 1 } });
+ if (user) {
+ crowd_username = user.crowd_username;
+ } else {
+ logger.debug('Could not find a user by username');
+ }
+ }
+
+ if (user == null) {
+ user = Meteor.users.findOne({ crowd_username: username }, { fields: { username: 1, crowd_username: 1, crowd: 1 } });
+ if (user) {
+ crowd_username = user.crowd_username;
+ } else {
+ logger.debug('Could not find a user with by crowd_username', username);
+ }
+ }
+
+ if (user && !crowd_username) {
+ logger.debug('Local user found, redirecting to fallback login');
+ return {
+ crowd: false,
+ };
+ }
+
+ if (!user && crowd_username) {
+ logger.debug('New user. User is not synced yet.');
+ }
+ logger.debug('Going to crowd:', crowd_username);
+ const auth = this.crowdClient.user.authenticateSync(crowd_username, password);
+
+ if (!auth) {
+ return;
+ }
+
+ const crowdUser = this.fetchCrowdUser(crowd_username);
+
+ if (user && settings.get('CROWD_Allow_Custom_Username') === true) {
+ crowdUser.username = user.username;
+ }
+
+ if (user) {
+ crowdUser._id = user._id;
+ }
+ crowdUser.password = password;
+
+ return crowdUser;
+ }
+
+ syncDataToUser(crowdUser, id) {
+ const self = this;
+ const user = {
+ username: self.cleanUsername(crowdUser.username),
+ crowd_username: crowdUser.crowd_username,
+ emails: [{
+ address: crowdUser.email,
+ verified: true,
+ }],
+ active: crowdUser.active,
+ crowd: true,
+ };
+
+ if (crowdUser.password) {
+ Accounts.setPassword(id, crowdUser.password, {
+ logout: false,
+ });
+
+ Users.unsetRequirePasswordChange(id);
+ }
+
+ if (crowdUser.displayname) {
+ _setRealName(id, crowdUser.displayname);
+ }
+
+ Meteor.users.update(id, {
+ $set: user,
+ });
+ }
+
+ sync() {
+ // if crowd is disabled bail out
+ if (settings.get('CROWD_Enable') !== true) {
+ return;
+ }
+
+ const self = this;
+ const users = Users.findCrowdUsers() || [];
+
+ logger.info('Sync started...');
+
+ users.forEach(function(user) {
+ let crowd_username = user.hasOwnProperty('crowd_username') ? user.crowd_username : user.username;
+ logger.info('Syncing user', crowd_username);
+
+ let crowdUser = null;
+
+ try {
+ crowdUser = self.fetchCrowdUser(crowd_username);
+ } catch (error) {
+ logger.debug(error);
+ logger.error('Could not sync user with username', crowd_username);
+
+ const email = user.emails[0].address;
+ logger.info('Attempting to find for user by email', email);
+
+ const response = self.crowdClient.searchSync('user', `email=" ${ email } "`);
+ if (!response || response.users.length === 0) {
+ logger.warn('Could not find user in CROWD with username or email:', crowd_username, email);
+ return;
+ }
+ crowd_username = response.users[0].name;
+ logger.info('User found by email. Syncing user', crowd_username);
+
+ crowdUser = self.fetchCrowdUser(crowd_username);
+ }
+
+ if (settings.get('CROWD_Allow_Custom_Username') === true) {
+ crowdUser.username = user.username;
+ }
+
+ self.syncDataToUser(crowdUser, user._id);
+ });
+ }
+
+ cleanUsername(username) {
+ if (settings.get('CROWD_Clean_Usernames') === true) {
+ return username.split('@')[0];
+ }
+ return username;
+ }
+
+ updateUserCollection(crowdUser) {
+ const userQuery = {
+ _id: crowdUser._id,
+ };
+
+ // find our existing user if they exist
+ const user = Meteor.users.findOne(userQuery);
+
+ if (user) {
+ const stampedToken = Accounts._generateStampedLoginToken();
+
+ Meteor.users.update(user._id, {
+ $push: {
+ 'services.resume.loginTokens': Accounts._hashStampedToken(stampedToken),
+ },
+ });
+
+ this.syncDataToUser(crowdUser, user._id);
+
+ return {
+ userId: user._id,
+ token: stampedToken.token,
+ };
+ }
+
+ // Attempt to create the new user
+ try {
+ crowdUser._id = Accounts.createUser(crowdUser);
+
+ // sync the user data
+ this.syncDataToUser(crowdUser, crowdUser._id);
+
+ return {
+ userId: crowdUser._id,
+ };
+ } catch (error) {
+ logger.error('Error creating new crowd user.', error.message);
+ }
+ }
+}
+
+Accounts.registerLoginHandler('crowd', function(loginRequest) {
+ if (!loginRequest.crowd) {
+ return undefined;
+ }
+
+ logger.info('Init CROWD login', loginRequest.username);
+
+ if (settings.get('CROWD_Enable') !== true) {
+ return fallbackDefaultAccountSystem(this, loginRequest.username, loginRequest.crowdPassword);
+ }
+
+ try {
+ const crowd = new CROWD();
+ const user = crowd.authenticate(loginRequest.username, loginRequest.crowdPassword);
+
+ if (user && (user.crowd === false)) {
+ logger.debug(`User ${ loginRequest.username } is not a valid crowd user, falling back`);
+ return fallbackDefaultAccountSystem(this, loginRequest.username, loginRequest.crowdPassword);
+ }
+
+ if (!user) {
+ logger.debug(`User ${ loginRequest.username } is not allowd to access Rocket.Chat`);
+ return new Meteor.Error('not-authorized', 'User is not authorized by crowd');
+ }
+
+ return crowd.updateUserCollection(user);
+ } catch (error) {
+ logger.debug(error);
+ logger.error('Crowd user not authenticated due to an error');
+ }
+});
+
+
+const jobName = 'CROWD_Sync';
+
+const addCronJob = _.debounce(Meteor.bindEnvironment(function addCronJobDebounced() {
+ if (settings.get('CROWD_Sync_User_Data') !== true) {
+ logger.info('Disabling CROWD Background Sync');
+ if (SyncedCron.nextScheduledAtDate(jobName)) {
+ SyncedCron.remove(jobName);
+ }
+ return;
+ }
+
+ const crowd = new CROWD();
+
+ if (settings.get('CROWD_Sync_Interval')) {
+ logger.info('Enabling CROWD Background Sync');
+ SyncedCron.add({
+ name: jobName,
+ schedule: (parser) => parser.text(settings.get('CROWD_Sync_Interval')),
+ job() {
+ crowd.sync();
+ },
+ });
+ SyncedCron.start();
+ }
+}), 500);
+
+Meteor.startup(() => {
+ Meteor.defer(() => {
+ settings.get('CROWD_Sync_Interval', addCronJob);
+ settings.get('CROWD_Sync_User_Data', addCronJob);
+ });
+});
+
+Meteor.methods({
+ crowd_test_connection() {
+ const user = Meteor.user();
+ if (!user) {
+ throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'crowd_test_connection' });
+ }
+
+ if (!hasRole(user._id, 'admin')) {
+ throw new Meteor.Error('error-not-authorized', 'Not authorized', { method: 'crowd_test_connection' });
+ }
+
+ if (settings.get('CROWD_Enable') !== true) {
+ throw new Meteor.Error('crowd_disabled');
+ }
+
+ try {
+ const crowd = new CROWD();
+ crowd.checkConnection();
+
+ return {
+ message: 'Connection success',
+ params: [],
+ };
+ } catch (error) {
+ logger.error('Invalid crowd connection details, check the url and application username/password and make sure this server is allowed to speak to crowd');
+ throw new Meteor.Error('Invalid connection details', '', { method: 'crowd_test_connection' });
+ }
+ },
+ crowd_sync_users() {
+ const user = Meteor.user();
+ if (settings.get('CROWD_Enable') !== true) {
+ throw new Meteor.Error('crowd_disabled');
+ }
+
+ if (!hasRole(user._id, 'admin')) {
+ throw new Meteor.Error('error-not-authorized', 'Not authorized', { method: 'crowd_sync_users' });
+ }
+
+ try {
+ const crowd = new CROWD();
+ const startTime = Date.now();
+ crowd.sync();
+ const stopTime = Date.now();
+ const actual = Math.ceil((stopTime - startTime) / 1000);
+
+ return {
+ message: `User data synced in ${ actual } seconds`,
+ params: [],
+ };
+ } catch (error) {
+ logger.error('Error syncing user data. ', error.message);
+ throw new Meteor.Error('Error syncing user data', '', { method: 'crowd_sync_users' });
+ }
+ },
+});
diff --git a/app/crowd/server/index.js b/app/crowd/server/index.js
new file mode 100644
index 0000000000000..9203d22fa08f2
--- /dev/null
+++ b/app/crowd/server/index.js
@@ -0,0 +1,6 @@
+import './settings';
+import { CROWD } from './crowd';
+
+export {
+ CROWD,
+};
diff --git a/app/crowd/server/settings.js b/app/crowd/server/settings.js
new file mode 100644
index 0000000000000..29307d957a78e
--- /dev/null
+++ b/app/crowd/server/settings.js
@@ -0,0 +1,22 @@
+import { Meteor } from 'meteor/meteor';
+
+import { settings } from '../../settings';
+
+Meteor.startup(function() {
+ settings.addGroup('AtlassianCrowd', function() {
+ const enableQuery = { _id: 'CROWD_Enable', value: true };
+ const enableSyncQuery = [enableQuery, { _id: 'CROWD_Sync_User_Data', value: true }];
+
+ this.add('CROWD_Enable', false, { type: 'boolean', public: true, i18nLabel: 'Enabled' });
+ this.add('CROWD_URL', '', { type: 'string', enableQuery, i18nLabel: 'URL' });
+ this.add('CROWD_Reject_Unauthorized', true, { type: 'boolean', enableQuery });
+ this.add('CROWD_APP_USERNAME', '', { type: 'string', enableQuery, i18nLabel: 'Username', secret: true });
+ this.add('CROWD_APP_PASSWORD', '', { type: 'password', enableQuery, i18nLabel: 'Password', secret: true });
+ this.add('CROWD_Sync_User_Data', false, { type: 'boolean', enableQuery, i18nLabel: 'Sync_Users' });
+ this.add('CROWD_Sync_Interval', 'Every 60 mins', { type: 'string', enableQuery: enableSyncQuery, i18nLabel: 'Sync_Interval', i18nDescription: 'Crowd_sync_interval_Description' });
+ this.add('CROWD_Clean_Usernames', true, { type: 'boolean', enableQuery, i18nLabel: 'Clean_Usernames', i18nDescription: 'Crowd_clean_usernames_Description' });
+ this.add('CROWD_Allow_Custom_Username', true, { type: 'boolean', i18nLabel: 'CROWD_Allow_Custom_Username' });
+ this.add('CROWD_Test_Connection', 'crowd_test_connection', { type: 'action', actionText: 'Test_Connection', i18nLabel: 'Test_Connection' });
+ this.add('CROWD_Sync_Users', 'crowd_sync_users', { type: 'action', actionText: 'Sync_Users', i18nLabel: 'Sync_Users' });
+ });
+});
diff --git a/packages/rocketchat-custom-oauth/.gitignore b/app/custom-oauth/.gitignore
similarity index 100%
rename from packages/rocketchat-custom-oauth/.gitignore
rename to app/custom-oauth/.gitignore
diff --git a/packages/rocketchat-custom-oauth/README.md b/app/custom-oauth/README.md
similarity index 100%
rename from packages/rocketchat-custom-oauth/README.md
rename to app/custom-oauth/README.md
diff --git a/packages/rocketchat-custom-oauth/client/custom_oauth_client.js b/app/custom-oauth/client/custom_oauth_client.js
similarity index 90%
rename from packages/rocketchat-custom-oauth/client/custom_oauth_client.js
rename to app/custom-oauth/client/custom_oauth_client.js
index bf2fa7ab3064a..780f22370bfc7 100644
--- a/packages/rocketchat-custom-oauth/client/custom_oauth_client.js
+++ b/app/custom-oauth/client/custom_oauth_client.js
@@ -1,10 +1,13 @@
-/* globals OAuth*/
import { Meteor } from 'meteor/meteor';
import { Match } from 'meteor/check';
import { Accounts } from 'meteor/accounts-base';
import { Random } from 'meteor/random';
+import { ServiceConfiguration } from 'meteor/service-configuration';
+import { OAuth } from 'meteor/oauth';
import s from 'underscore.string';
+import { isURL } from '../../utils/lib/isURL';
+
// Request custom OAuth credentials for the user
// @param options {optional}
// @param credentialRequestCompleteCallback {Function} Callback function to call on
@@ -46,7 +49,7 @@ export class CustomOAuth {
this.authorizePath = options.authorizePath;
this.scope = options.scope;
- if (!/^https?:\/\/.+/.test(this.authorizePath)) {
+ if (!isURL(this.authorizePath)) {
this.authorizePath = this.serverURL + this.authorizePath;
}
}
@@ -89,8 +92,8 @@ export class CustomOAuth {
const loginUrl = `${ this.authorizePath
}${ separator }client_id=${ config.clientId
}&redirect_uri=${ OAuth._redirectUri(this.name, config)
- }&response_type=code` +
- `&state=${ OAuth._stateParam(loginStyle, credentialToken, options.redirectUrl)
+ }&response_type=code`
+ + `&state=${ OAuth._stateParam(loginStyle, credentialToken, options.redirectUrl)
}&scope=${ this.scope }`;
OAuth.launchLogin({
diff --git a/app/custom-oauth/index.js b/app/custom-oauth/index.js
new file mode 100644
index 0000000000000..ca00a734e0dfc
--- /dev/null
+++ b/app/custom-oauth/index.js
@@ -0,0 +1,8 @@
+import { Meteor } from 'meteor/meteor';
+
+if (Meteor.isClient) {
+ module.exports = require('./client/custom_oauth_client.js');
+}
+if (Meteor.isServer) {
+ module.exports = require('./server/custom_oauth_server.js');
+}
diff --git a/app/custom-oauth/server/custom_oauth_server.js b/app/custom-oauth/server/custom_oauth_server.js
new file mode 100644
index 0000000000000..6582625750039
--- /dev/null
+++ b/app/custom-oauth/server/custom_oauth_server.js
@@ -0,0 +1,464 @@
+import { Meteor } from 'meteor/meteor';
+import { Match, check } from 'meteor/check';
+import { Accounts } from 'meteor/accounts-base';
+import { OAuth } from 'meteor/oauth';
+import { HTTP } from 'meteor/http';
+import { ServiceConfiguration } from 'meteor/service-configuration';
+import _ from 'underscore';
+
+import { mapRolesFromSSO, updateRolesFromSSO } from './oauth_helpers';
+import { Logger } from '../../logger';
+import { Users } from '../../models';
+import { isURL } from '../../utils/lib/isURL';
+import { registerAccessTokenService } from '../../lib/server/oauth/oauth';
+
+const logger = new Logger('CustomOAuth');
+
+const Services = {};
+const BeforeUpdateOrCreateUserFromExternalService = [];
+
+export class CustomOAuth {
+ constructor(name, options) {
+ logger.debug('Init CustomOAuth', name, options);
+
+ this.name = name;
+ if (!Match.test(this.name, String)) {
+ throw new Meteor.Error('CustomOAuth: Name is required and must be String');
+ }
+
+ if (Services[this.name]) {
+ Services[this.name].configure(options);
+ return;
+ }
+
+ Services[this.name] = this;
+
+ this.configure(options);
+
+ this.userAgent = 'Meteor';
+ if (Meteor.release) {
+ this.userAgent += `/${ Meteor.release }`;
+ }
+
+ Accounts.oauth.registerService(this.name);
+ this.registerService();
+ this.addHookToProcessUser();
+ this.registerAccessTokenService(this.name, this.accessTokenParam);
+ }
+
+ configure(options) {
+ if (!Match.test(options, Object)) {
+ throw new Meteor.Error('CustomOAuth: Options is required and must be Object');
+ }
+
+ if (!Match.test(options.serverURL, String)) {
+ throw new Meteor.Error('CustomOAuth: Options.serverURL is required and must be String');
+ }
+
+ if (!Match.test(options.tokenPath, String)) {
+ options.tokenPath = '/oauth/token';
+ }
+
+ if (!Match.test(options.identityPath, String)) {
+ options.identityPath = '/me';
+ }
+
+ if (!Match.test(options.accessTokenParam, String)) {
+ options.accessTokenParam = 'access_token';
+ }
+
+ this.serverURL = options.serverURL;
+ this.tokenPath = options.tokenPath;
+ this.identityPath = options.identityPath;
+ this.tokenSentVia = options.tokenSentVia;
+ this.identityTokenSentVia = options.identityTokenSentVia;
+ this.usernameField = (options.usernameField || '').trim();
+ this.nameField = (options.nameField || '').trim();
+ this.avatarField = (options.avatarField || '').trim();
+ this.mergeUsers = options.mergeUsers;
+ this.mergeRoles = options.mergeRoles || false;
+ this.rolesClaim = options.rolesClaim || 'roles';
+ this.accessTokenParam = options.accessTokenParam;
+
+ if (this.identityTokenSentVia == null || this.identityTokenSentVia === 'default') {
+ this.identityTokenSentVia = this.tokenSentVia;
+ }
+
+ if (!isURL(this.tokenPath)) {
+ this.tokenPath = this.serverURL + this.tokenPath;
+ }
+
+ if (!isURL(this.identityPath)) {
+ this.identityPath = this.serverURL + this.identityPath;
+ }
+
+ if (Match.test(options.addAutopublishFields, Object)) {
+ Accounts.addAutopublishFields(options.addAutopublishFields);
+ }
+ }
+
+ getAccessToken(query) {
+ const config = ServiceConfiguration.configurations.findOne({ service: this.name });
+ if (!config) {
+ throw new ServiceConfiguration.ConfigError();
+ }
+
+ let response = undefined;
+
+ const allOptions = {
+ headers: {
+ 'User-Agent': this.userAgent, // http://doc.gitlab.com/ce/api/users.html#Current-user
+ Accept: 'application/json',
+ },
+ params: {
+ code: query.code,
+ redirect_uri: OAuth._redirectUri(this.name, config),
+ grant_type: 'authorization_code',
+ state: query.state,
+ },
+ };
+
+ // Only send clientID / secret once on header or payload.
+ if (this.tokenSentVia === 'header') {
+ allOptions.auth = `${ config.clientId }:${ OAuth.openSecret(config.secret) }`;
+ } else {
+ allOptions.params.client_secret = OAuth.openSecret(config.secret);
+ allOptions.params.client_id = config.clientId;
+ }
+
+ try {
+ response = HTTP.post(this.tokenPath, allOptions);
+ } catch (err) {
+ const error = new Error(`Failed to complete OAuth handshake with ${ this.name } at ${ this.tokenPath }. ${ err.message }`);
+ throw _.extend(error, { response: err.response });
+ }
+
+ let data;
+ if (response.data) {
+ data = response.data;
+ } else {
+ data = JSON.parse(response.content);
+ }
+
+ if (data.error) { // if the http response was a json object with an error attribute
+ throw new Error(`Failed to complete OAuth handshake with ${ this.name } at ${ this.tokenPath }. ${ data.error }`);
+ } else {
+ return data;
+ }
+ }
+
+ getIdentity(accessToken) {
+ const params = {};
+ const headers = {
+ 'User-Agent': this.userAgent, // http://doc.gitlab.com/ce/api/users.html#Current-user
+ };
+
+ if (this.identityTokenSentVia === 'header') {
+ headers.Authorization = `Bearer ${ accessToken }`;
+ } else {
+ params[this.accessTokenParam] = accessToken;
+ }
+
+ try {
+ const response = HTTP.get(this.identityPath, {
+ headers,
+ params,
+ });
+
+ let data;
+
+ if (response.data) {
+ data = response.data;
+ } else {
+ data = JSON.parse(response.content);
+ }
+
+ logger.debug('Identity response', JSON.stringify(data, null, 2));
+
+ return this.normalizeIdentity(data);
+ } catch (err) {
+ const error = new Error(`Failed to fetch identity from ${ this.name } at ${ this.identityPath }. ${ err.message }`);
+ throw _.extend(error, { response: err.response });
+ }
+ }
+
+ registerService() {
+ const self = this;
+ OAuth.registerService(this.name, 2, null, (query) => {
+ const response = self.getAccessToken(query);
+ const identity = self.getIdentity(response.access_token);
+
+ const serviceData = {
+ _OAuthCustom: true,
+ accessToken: response.access_token,
+ idToken: response.id_token,
+ expiresAt: +new Date() + (1000 * parseInt(response.expires_in, 10)),
+ };
+
+ // only set the token in serviceData if it's there. this ensures
+ // that we don't lose old ones (since we only get this on the first
+ // log in attempt)
+ if (response.refresh_token) {
+ serviceData.refreshToken = response.refresh_token;
+ }
+
+ _.extend(serviceData, identity);
+
+ const data = {
+ serviceData,
+ options: {
+ profile: {
+ name: identity.name,
+ },
+ },
+ };
+
+ return data;
+ });
+ }
+
+ normalizeIdentity(identity) {
+ if (identity) {
+ // Set 'id' to '_id' for any sources that provide it
+ if (identity._id && !identity.id) {
+ identity.id = identity._id;
+ }
+
+ // Fix for Reddit
+ if (identity.result) {
+ identity = identity.result;
+ }
+
+ // Fix WordPress-like identities having 'ID' instead of 'id'
+ if (identity.ID && !identity.id) {
+ identity.id = identity.ID;
+ }
+
+ // Fix Auth0-like identities having 'user_id' instead of 'id'
+ if (identity.user_id && !identity.id) {
+ identity.id = identity.user_id;
+ }
+
+ if (identity.CharacterID && !identity.id) {
+ identity.id = identity.CharacterID;
+ }
+
+ // Fix Dataporten having 'user.userid' instead of 'id'
+ if (identity.user && identity.user.userid && !identity.id) {
+ if (identity.user.userid_sec && identity.user.userid_sec[0]) {
+ identity.id = identity.user.userid_sec[0];
+ } else {
+ identity.id = identity.user.userid;
+ }
+ identity.email = identity.user.email;
+ }
+
+ // Fix for Xenforo [BD]API plugin for 'user.user_id; instead of 'id'
+ if (identity.user && identity.user.user_id && !identity.id) {
+ identity.id = identity.user.user_id;
+ identity.email = identity.user.user_email;
+ }
+ // Fix general 'phid' instead of 'id' from phabricator
+ if (identity.phid && !identity.id) {
+ identity.id = identity.phid;
+ }
+
+ // Fix Keycloak-like identities having 'sub' instead of 'id'
+ if (identity.sub && !identity.id) {
+ identity.id = identity.sub;
+ }
+
+ // Fix OpenShift identities where id is in 'metadata' object
+ if (!identity.id && identity.metadata && identity.metadata.uid) {
+ identity.id = identity.metadata.uid;
+ identity.name = identity.fullName;
+ }
+
+ // Fix general 'userid' instead of 'id' from provider
+ if (identity.userid && !identity.id) {
+ identity.id = identity.userid;
+ }
+
+ // Fix Nextcloud provider
+ if (!identity.id && identity.ocs && identity.ocs.data && identity.ocs.data.id) {
+ identity.id = identity.ocs.data.id;
+ identity.name = identity.ocs.data.displayname;
+ identity.email = identity.ocs.data.email;
+ }
+
+ // Fix when authenticating from a meteor app with 'emails' field
+ if (!identity.email && (identity.emails && Array.isArray(identity.emails) && identity.emails.length >= 1)) {
+ identity.email = identity.emails[0].address ? identity.emails[0].address : undefined;
+ }
+ }
+
+ if (this.usernameField) {
+ identity.username = this.getUsername(identity);
+ }
+
+ if (this.avatarField) {
+ identity.avatarUrl = this.getAvatarUrl(identity);
+ }
+
+ if (this.nameField) {
+ identity.name = this.getCustomName(identity);
+ } else {
+ identity.name = this.getName(identity);
+ }
+
+ return identity;
+ }
+
+ retrieveCredential(credentialToken, credentialSecret) {
+ return OAuth.retrieveCredential(credentialToken, credentialSecret);
+ }
+
+ getUsername(data) {
+ let username = '';
+
+ username = this.usernameField.split('.').reduce(function(prev, curr) {
+ return prev ? prev[curr] : undefined;
+ }, data);
+
+ if (!username) {
+ throw new Meteor.Error('field_not_found', `Username field "${ this.usernameField }" not found in data`, data);
+ }
+ return username;
+ }
+
+ getCustomName(data) {
+ let customName = '';
+
+ customName = this.nameField.split('.').reduce(function(prev, curr) {
+ return prev ? prev[curr] : undefined;
+ }, data);
+
+ if (!customName) {
+ return this.getName(data);
+ }
+
+ return customName;
+ }
+
+ getAvatarUrl(data) {
+ const avatarUrl = this.avatarField.split('.').reduce(function(prev, curr) {
+ return prev ? prev[curr] : undefined;
+ }, data);
+
+ if (!avatarUrl) {
+ logger.debug(`Avatar field "${ this.avatarField }" not found in data`, data);
+ }
+
+ return avatarUrl;
+ }
+
+ getName(identity) {
+ const name = identity.name || identity.username || identity.nickname || identity.CharacterName || identity.userName || identity.preferred_username || (identity.user && identity.user.name);
+ return name;
+ }
+
+ addHookToProcessUser() {
+ BeforeUpdateOrCreateUserFromExternalService.push((serviceName, serviceData/* , options*/) => {
+ if (serviceName !== this.name) {
+ return;
+ }
+
+ if (serviceData.username) {
+ const user = Users.findOneByUsernameIgnoringCase(serviceData.username);
+ if (!user) {
+ return;
+ }
+
+ if (this.mergeRoles) {
+ updateRolesFromSSO(user, serviceData, this.rolesClaim);
+ }
+
+ // User already created or merged and has identical name as before
+ if (user.services && user.services[serviceName] && user.services[serviceName].id === serviceData.id && user.name === serviceData.name) {
+ return;
+ }
+
+ if (this.mergeUsers !== true) {
+ throw new Meteor.Error('CustomOAuth', `User with username ${ user.username } already exists`);
+ }
+
+ const serviceIdKey = `services.${ serviceName }.id`;
+ const update = {
+ $set: {
+ name: serviceData.name,
+ [serviceIdKey]: serviceData.id,
+ },
+ };
+
+ Users.update({ _id: user._id }, update);
+ }
+ });
+
+ Accounts.validateNewUser((user) => {
+ if (!user.services || !user.services[this.name] || !user.services[this.name].id) {
+ return true;
+ }
+
+ if (this.usernameField) {
+ user.username = this.getUsername(user.services[this.name]);
+ }
+
+ if (this.nameField) {
+ user.name = this.getCustomName(user.services[this.name]);
+ }
+
+ if (this.mergeRoles) {
+ user.roles = mapRolesFromSSO(user.services[this.name], this.rolesClaim);
+ }
+
+ return true;
+ });
+ }
+
+ registerAccessTokenService(name) {
+ const self = this;
+ const whitelisted = [
+ 'id',
+ 'email',
+ 'username',
+ 'name',
+ this.rolesClaim,
+ ];
+
+ registerAccessTokenService(name, function(options) {
+ check(options, Match.ObjectIncluding({
+ accessToken: String,
+ expiresIn: Match.Integer,
+ identity: Match.Maybe(Object),
+ }));
+
+ const identity = options.identity || self.getIdentity(options.accessToken);
+
+ const serviceData = {
+ accessToken: options.accessToken,
+ expiresAt: +new Date() + (1000 * parseInt(options.expiresIn, 10)),
+ };
+
+ const fields = _.pick(identity, whitelisted);
+ _.extend(serviceData, fields);
+
+ return {
+ serviceData,
+ options: {
+ profile: {
+ name: identity.name,
+ },
+ },
+ };
+ });
+ }
+}
+
+const { updateOrCreateUserFromExternalService } = Accounts;
+Accounts.updateOrCreateUserFromExternalService = function(...args /* serviceName, serviceData, options*/) {
+ for (const hook of BeforeUpdateOrCreateUserFromExternalService) {
+ hook.apply(this, args);
+ }
+
+ return updateOrCreateUserFromExternalService.apply(this, args);
+};
diff --git a/app/custom-oauth/server/oauth_helpers.js b/app/custom-oauth/server/oauth_helpers.js
new file mode 100644
index 0000000000000..7b7a4abf9b08c
--- /dev/null
+++ b/app/custom-oauth/server/oauth_helpers.js
@@ -0,0 +1,42 @@
+import { addUserRoles, removeUserFromRoles } from '../../authorization';
+import { Roles } from '../../models';
+
+
+// Returns list of roles from SSO identity
+export function mapRolesFromSSO(identity, roleClaimName) {
+ let roles = [];
+
+ if (identity && roleClaimName) {
+ // Adding roles
+ if (identity[roleClaimName] && Array.isArray(identity[roleClaimName])) {
+ roles = identity[roleClaimName].filter((val) => val !== 'offline_access' && val !== 'uma_authorization' && Roles.findOneByIdOrName(val));
+ }
+ }
+
+ return roles;
+}
+
+// Updates the user with roles from SSO identity
+export function updateRolesFromSSO(user, identity, roleClaimName) {
+ if (user && identity && roleClaimName) {
+ const rolesFromSSO = mapRolesFromSSO(identity, roleClaimName);
+
+ if (!Array.isArray(user.roles)) {
+ user.roles = [];
+ }
+
+ const toRemove = user.roles.filter((val) => !rolesFromSSO.includes(val));
+
+ // loop through roles that user has that sso doesnt have and remove
+ toRemove.forEach(function(role) {
+ removeUserFromRoles(user._id, role);
+ });
+
+ const toAdd = rolesFromSSO.filter((val) => !user.roles.includes(val));
+
+ // loop through roles sso has that user doesnt and add
+ toAdd.forEach(function(role) {
+ addUserRoles(user._id, role);
+ });
+ }
+}
diff --git a/packages/rocketchat-custom-sounds/assets/stylesheets/customSoundsAdmin.css b/app/custom-sounds/assets/stylesheets/customSoundsAdmin.css
similarity index 100%
rename from packages/rocketchat-custom-sounds/assets/stylesheets/customSoundsAdmin.css
rename to app/custom-sounds/assets/stylesheets/customSoundsAdmin.css
diff --git a/packages/rocketchat-custom-sounds/client/admin/adminSoundEdit.html b/app/custom-sounds/client/admin/adminSoundEdit.html
similarity index 100%
rename from packages/rocketchat-custom-sounds/client/admin/adminSoundEdit.html
rename to app/custom-sounds/client/admin/adminSoundEdit.html
diff --git a/packages/rocketchat-custom-sounds/client/admin/adminSoundInfo.html b/app/custom-sounds/client/admin/adminSoundInfo.html
similarity index 100%
rename from packages/rocketchat-custom-sounds/client/admin/adminSoundInfo.html
rename to app/custom-sounds/client/admin/adminSoundInfo.html
diff --git a/app/custom-sounds/client/admin/adminSounds.html b/app/custom-sounds/client/admin/adminSounds.html
new file mode 100644
index 0000000000000..6fe002af89cef
--- /dev/null
+++ b/app/custom-sounds/client/admin/adminSounds.html
@@ -0,0 +1,75 @@
+
+
+
+ {{> header sectionName="Custom_Sounds"}}
+
+ {{#requiresPermission 'manage-sounds'}}
+
+
+ {{{_ "Showing_results" customsounds.length}}}
+
+ {{#table fixed='true' onItemClick=onTableItemClick onScroll=onTableScroll onResize=onTableResize}}
+
+
+ |
+ {{_ "Name"}}
+ |
+
+ {{_ "Action"}}
+ |
+
+
+
+ {{#each customsounds}}
+
+ |
+
+ |
+
+
+ {{>icon _id=_id icon="play" block="icon-play-circled"}}
+ {{>icon _id=_id icon="pause" block="icon-pause-circled"}}
+ {{>icon _id=_id icon="ban" block="icon-reset-circled"}}
+
+ |
+
+ {{else}}
+ {{# with searchText}}
+
+ | {{_ "No_results_found_for"}} {{.}} |
+
+ {{/with}}
+ {{/each}}
+ {{#unless isReady}}
+
+ | {{> loading}} |
+
+ {{/unless}}
+
+ {{/table}}
+ {{/requiresPermission}}
+
+ {{#with flexData}}
+ {{> flexTabBar}}
+ {{/with}}
+
diff --git a/app/custom-sounds/client/admin/adminSounds.js b/app/custom-sounds/client/admin/adminSounds.js
new file mode 100644
index 0000000000000..cb256482bed27
--- /dev/null
+++ b/app/custom-sounds/client/admin/adminSounds.js
@@ -0,0 +1,165 @@
+import { ReactiveVar } from 'meteor/reactive-var';
+import { Tracker } from 'meteor/tracker';
+import { FlowRouter } from 'meteor/kadira:flow-router';
+import { Template } from 'meteor/templating';
+import s from 'underscore.string';
+
+import { CustomSounds } from '../../../models';
+import { RocketChatTabBar, SideNav, TabBar } from '../../../ui-utils';
+
+Template.adminSounds.helpers({
+ searchText() {
+ const instance = Template.instance();
+ return instance.filter && instance.filter.get();
+ },
+ isReady() {
+ if (Template.instance().ready != null) {
+ return Template.instance().ready.get();
+ }
+ return undefined;
+ },
+ customsounds() {
+ return Template.instance().customsounds();
+ },
+ isLoading() {
+ if (Template.instance().ready != null) {
+ if (!Template.instance().ready.get()) {
+ return 'btn-loading';
+ }
+ }
+ },
+ hasMore() {
+ if (Template.instance().limit != null) {
+ if (typeof Template.instance().customsounds === 'function') {
+ return Template.instance().limit.get() === Template.instance().customsounds().length;
+ }
+ }
+ return false;
+ },
+ flexData() {
+ return {
+ tabBar: Template.instance().tabBar,
+ data: Template.instance().tabBarData.get(),
+ };
+ },
+
+ onTableScroll() {
+ const instance = Template.instance();
+ return function(currentTarget) {
+ if (
+ currentTarget.offsetHeight + currentTarget.scrollTop
+ >= currentTarget.scrollHeight - 100
+ ) {
+ return instance.limit.set(instance.limit.get() + 50);
+ }
+ };
+ },
+ onTableItemClick() {
+ const instance = Template.instance();
+ return function(item) {
+ instance.tabBarData.set(CustomSounds.findOne({ _id: item._id }));
+ instance.tabBar.showGroup('custom-sounds-selected');
+ instance.tabBar.open('admin-sound-info');
+ };
+ },
+});
+
+Template.adminSounds.onCreated(function() {
+ const instance = this;
+ this.limit = new ReactiveVar(50);
+ this.filter = new ReactiveVar('');
+ this.ready = new ReactiveVar(false);
+
+ this.tabBar = new RocketChatTabBar();
+ this.tabBar.showGroup(FlowRouter.current().route.name);
+ this.tabBarData = new ReactiveVar();
+
+ TabBar.addButton({
+ groups: ['custom-sounds', 'custom-sounds-selected'],
+ id: 'add-sound',
+ i18nTitle: 'Custom_Sound_Add',
+ icon: 'plus',
+ template: 'adminSoundEdit',
+ openClick(/* e, t*/) {
+ instance.tabBarData.set();
+ return true;
+ },
+ order: 1,
+ });
+
+ TabBar.addButton({
+ groups: ['custom-sounds-selected'],
+ id: 'admin-sound-info',
+ i18nTitle: 'Custom_Sound_Info',
+ icon: 'customize',
+ template: 'adminSoundInfo',
+ order: 2,
+ });
+
+ this.autorun(function() {
+ const limit = instance.limit != null ? instance.limit.get() : 0;
+ const subscription = instance.subscribe('customSounds', '', limit);
+ instance.ready.set(subscription.ready());
+ });
+
+ this.customsounds = function() {
+ const filter = instance.filter != null ? s.trim(instance.filter.get()) : '';
+
+ let query = {};
+
+ if (filter) {
+ const filterReg = new RegExp(s.escapeRegExp(filter), 'i');
+ query = { name: filterReg };
+ }
+
+ const limit = instance.limit != null ? instance.limit.get() : 0;
+
+ return CustomSounds.find(query, { limit, sort: { name: 1 } }).fetch();
+ };
+});
+
+Template.adminSounds.onRendered(() =>
+ Tracker.afterFlush(function() {
+ SideNav.setFlex('adminFlex');
+ SideNav.openFlex();
+ })
+);
+
+Template.adminSounds.events({
+ 'keydown #sound-filter'(e) {
+ // stop enter key
+ if (e.which === 13) {
+ e.stopPropagation();
+ e.preventDefault();
+ }
+ },
+ 'keyup #sound-filter'(e, t) {
+ e.stopPropagation();
+ e.preventDefault();
+ t.filter.set(e.currentTarget.value);
+ },
+ 'click .icon-play-circled'(e) {
+ e.preventDefault();
+ e.stopPropagation();
+ const $audio = $(`audio#${ this._id }`);
+ if ($audio && $audio[0] && $audio[0].play) {
+ $audio[0].play();
+ }
+ },
+ 'click .icon-pause-circled'(e) {
+ e.preventDefault();
+ e.stopPropagation();
+ const audio = document.getElementById(this._id);
+ if (audio && !audio.paused) {
+ audio.pause();
+ }
+ },
+ 'click .icon-reset-circled'(e) {
+ e.preventDefault();
+ e.stopPropagation();
+ const audio = document.getElementById(this._id);
+ if (audio) {
+ audio.currentTime = 0;
+ }
+ },
+});
diff --git a/packages/rocketchat-custom-sounds/client/admin/route.js b/app/custom-sounds/client/admin/route.js
similarity index 100%
rename from packages/rocketchat-custom-sounds/client/admin/route.js
rename to app/custom-sounds/client/admin/route.js
diff --git a/packages/rocketchat-custom-sounds/client/admin/soundEdit.html b/app/custom-sounds/client/admin/soundEdit.html
similarity index 100%
rename from packages/rocketchat-custom-sounds/client/admin/soundEdit.html
rename to app/custom-sounds/client/admin/soundEdit.html
diff --git a/packages/rocketchat-custom-sounds/client/admin/soundEdit.js b/app/custom-sounds/client/admin/soundEdit.js
similarity index 95%
rename from packages/rocketchat-custom-sounds/client/admin/soundEdit.js
rename to app/custom-sounds/client/admin/soundEdit.js
index 65594d0d0a2b0..f28aa360b421d 100644
--- a/packages/rocketchat-custom-sounds/client/admin/soundEdit.js
+++ b/app/custom-sounds/client/admin/soundEdit.js
@@ -1,11 +1,11 @@
import { Meteor } from 'meteor/meteor';
import { Template } from 'meteor/templating';
import { TAPi18n } from 'meteor/tap:i18n';
-import { t } from 'meteor/rocketchat:ui';
-import { handleError } from 'meteor/rocketchat:lib';
import toastr from 'toastr';
import s from 'underscore.string';
+import { t, handleError } from '../../../utils';
+
Template.soundEdit.helpers({
sound() {
return Template.instance().sound;
@@ -31,7 +31,7 @@ Template.soundEdit.events({
},
'change input[type=file]'(ev) {
- const e = (ev.originalEvent != null) ? ev.originalEvent : ev;
+ const e = ev.originalEvent != null ? ev.originalEvent : ev;
let { files } = e.target;
if (e.target.files == null || files.length === 0) {
if (e.dataTransfer.files != null) {
@@ -132,7 +132,6 @@ Template.soundEdit.onCreated(function() {
if (uploadError != null) {
handleError(uploadError);
console.log(uploadError);
- return;
}
}
);
diff --git a/packages/rocketchat-custom-sounds/client/admin/soundInfo.html b/app/custom-sounds/client/admin/soundInfo.html
similarity index 100%
rename from packages/rocketchat-custom-sounds/client/admin/soundInfo.html
rename to app/custom-sounds/client/admin/soundInfo.html
diff --git a/packages/rocketchat-custom-sounds/client/admin/soundInfo.js b/app/custom-sounds/client/admin/soundInfo.js
similarity index 96%
rename from packages/rocketchat-custom-sounds/client/admin/soundInfo.js
rename to app/custom-sounds/client/admin/soundInfo.js
index db3853e0b74e0..4467e57e8e534 100644
--- a/packages/rocketchat-custom-sounds/client/admin/soundInfo.js
+++ b/app/custom-sounds/client/admin/soundInfo.js
@@ -1,8 +1,9 @@
import { Meteor } from 'meteor/meteor';
import { ReactiveVar } from 'meteor/reactive-var';
import { Template } from 'meteor/templating';
-import { t, modal } from 'meteor/rocketchat:ui';
-import { handleError } from 'meteor/rocketchat:lib';
+
+import { modal } from '../../../ui-utils';
+import { t, handleError } from '../../../utils';
Template.soundInfo.helpers({
name() {
diff --git a/app/custom-sounds/client/admin/startup.js b/app/custom-sounds/client/admin/startup.js
new file mode 100644
index 0000000000000..5d469ce5d457c
--- /dev/null
+++ b/app/custom-sounds/client/admin/startup.js
@@ -0,0 +1,11 @@
+import { AdminBox } from '../../../ui-utils';
+import { hasAtLeastOnePermission } from '../../../authorization';
+
+AdminBox.addOption({
+ href: 'custom-sounds',
+ i18nLabel: 'Custom_Sounds',
+ icon: 'volume',
+ permissionGranted() {
+ return hasAtLeastOnePermission(['manage-sounds']);
+ },
+});
diff --git a/app/custom-sounds/client/index.js b/app/custom-sounds/client/index.js
new file mode 100644
index 0000000000000..ca11995874f10
--- /dev/null
+++ b/app/custom-sounds/client/index.js
@@ -0,0 +1,14 @@
+import './notifications/deleteCustomSound';
+import './notifications/updateCustomSound';
+import './admin/adminSoundEdit.html';
+import './admin/adminSoundInfo.html';
+import './admin/adminSounds.html';
+import './admin/adminSounds';
+import './admin/soundEdit.html';
+import './admin/soundEdit';
+import './admin/soundInfo.html';
+import './admin/soundInfo';
+import './admin/route';
+import './admin/startup';
+
+export { CustomSounds } from './lib/CustomSounds';
diff --git a/app/custom-sounds/client/lib/CustomSounds.js b/app/custom-sounds/client/lib/CustomSounds.js
new file mode 100644
index 0000000000000..3d32b19e74f38
--- /dev/null
+++ b/app/custom-sounds/client/lib/CustomSounds.js
@@ -0,0 +1,71 @@
+import { Meteor } from 'meteor/meteor';
+import { ReactiveVar } from 'meteor/reactive-var';
+import _ from 'underscore';
+
+import { CachedCollectionManager } from '../../../ui-cached-collection';
+
+class CustomSoundsClass {
+ constructor() {
+ this.list = new ReactiveVar({});
+ this.add({ _id: 'beep', name: 'Beep', extension: 'mp3', src: 'sounds/beep.mp3' });
+ this.add({ _id: 'chelle', name: 'Chelle', extension: 'mp3', src: 'sounds/chelle.mp3' });
+ this.add({ _id: 'ding', name: 'Ding', extension: 'mp3', src: 'sounds/ding.mp3' });
+ this.add({ _id: 'droplet', name: 'Droplet', extension: 'mp3', src: 'sounds/droplet.mp3' });
+ this.add({ _id: 'highbell', name: 'Highbell', extension: 'mp3', src: 'sounds/highbell.mp3' });
+ this.add({ _id: 'seasons', name: 'Seasons', extension: 'mp3', src: 'sounds/seasons.mp3' });
+ }
+
+ add(sound) {
+ if (!sound.src) {
+ sound.src = this.getURL(sound);
+ }
+ const audio = $('
', { id: sound._id, preload: true }).append(
+ $('
', { src: sound.src })
+ );
+ const list = this.list.get();
+ list[sound._id] = sound;
+ this.list.set(list);
+ $('body').append(audio);
+ }
+
+ remove(sound) {
+ const list = this.list.get();
+ delete list[sound._id];
+ this.list.set(list);
+ $(`#${ sound._id }`).remove();
+ }
+
+ update(sound) {
+ const audio = $(`#${ sound._id }`);
+ if (audio && audio[0]) {
+ const list = this.list.get();
+ list[sound._id] = sound;
+ this.list.set(list);
+ $('source', audio).attr('src', this.getURL(sound));
+ audio[0].load();
+ } else {
+ this.add(sound);
+ }
+ }
+
+ getURL(sound) {
+ const path = __meteor_runtime_config__.ROOT_URL_PATH_PREFIX || '';
+ return `${ path }/custom-sounds/${ sound._id }.${ sound.extension }?_dc=${ sound.random || 0 }`;
+ }
+
+ getList() {
+ const list = Object.values(this.list.get());
+ return _.sortBy(list, 'name');
+ }
+}
+export const CustomSounds = new CustomSoundsClass();
+
+Meteor.startup(() =>
+ CachedCollectionManager.onLogin(() => {
+ Meteor.call('listCustomSounds', (error, result) => {
+ for (const sound of result) {
+ CustomSounds.add(sound);
+ }
+ });
+ })
+);
diff --git a/app/custom-sounds/client/notifications/deleteCustomSound.js b/app/custom-sounds/client/notifications/deleteCustomSound.js
new file mode 100644
index 0000000000000..59b9d0929a99f
--- /dev/null
+++ b/app/custom-sounds/client/notifications/deleteCustomSound.js
@@ -0,0 +1,11 @@
+import { Meteor } from 'meteor/meteor';
+
+import { CachedCollectionManager } from '../../../ui-cached-collection';
+import { Notifications } from '../../../notifications';
+import { CustomSounds } from '../lib/CustomSounds';
+
+Meteor.startup(() =>
+ CachedCollectionManager.onLogin(() =>
+ Notifications.onAll('deleteCustomSound', (data) => CustomSounds.remove(data.soundData))
+ )
+);
diff --git a/app/custom-sounds/client/notifications/updateCustomSound.js b/app/custom-sounds/client/notifications/updateCustomSound.js
new file mode 100644
index 0000000000000..813c7dfbd4476
--- /dev/null
+++ b/app/custom-sounds/client/notifications/updateCustomSound.js
@@ -0,0 +1,11 @@
+import { Meteor } from 'meteor/meteor';
+
+import { CachedCollectionManager } from '../../../ui-cached-collection';
+import { Notifications } from '../../../notifications';
+import { CustomSounds } from '../lib/CustomSounds';
+
+Meteor.startup(() =>
+ CachedCollectionManager.onLogin(() =>
+ Notifications.onAll('updateCustomSound', (data) => CustomSounds.update(data.soundData))
+ )
+);
diff --git a/app/custom-sounds/server/index.js b/app/custom-sounds/server/index.js
new file mode 100644
index 0000000000000..873a373e9191f
--- /dev/null
+++ b/app/custom-sounds/server/index.js
@@ -0,0 +1,8 @@
+import './startup/custom-sounds';
+import './startup/permissions';
+import './startup/settings';
+import './methods/deleteCustomSound';
+import './methods/insertOrUpdateSound';
+import './methods/listCustomSounds';
+import './methods/uploadCustomSound';
+import './publications/customSounds';
diff --git a/app/custom-sounds/server/methods/deleteCustomSound.js b/app/custom-sounds/server/methods/deleteCustomSound.js
new file mode 100644
index 0000000000000..ba26d32673b2a
--- /dev/null
+++ b/app/custom-sounds/server/methods/deleteCustomSound.js
@@ -0,0 +1,28 @@
+import { Meteor } from 'meteor/meteor';
+
+import { CustomSounds } from '../../../models';
+import { hasPermission } from '../../../authorization';
+import { Notifications } from '../../../notifications';
+import { RocketChatFileCustomSoundsInstance } from '../startup/custom-sounds';
+
+Meteor.methods({
+ deleteCustomSound(_id) {
+ let sound = null;
+
+ if (hasPermission(this.userId, 'manage-sounds')) {
+ sound = CustomSounds.findOneByID(_id);
+ } else {
+ throw new Meteor.Error('not_authorized');
+ }
+
+ if (sound == null) {
+ throw new Meteor.Error('Custom_Sound_Error_Invalid_Sound', 'Invalid sound', { method: 'deleteCustomSound' });
+ }
+
+ RocketChatFileCustomSoundsInstance.deleteFile(`${ sound._id }.${ sound.extension }`);
+ CustomSounds.removeByID(_id);
+ Notifications.notifyAll('deleteCustomSound', { soundData: sound });
+
+ return true;
+ },
+});
diff --git a/app/custom-sounds/server/methods/insertOrUpdateSound.js b/app/custom-sounds/server/methods/insertOrUpdateSound.js
new file mode 100644
index 0000000000000..36ea5839736b2
--- /dev/null
+++ b/app/custom-sounds/server/methods/insertOrUpdateSound.js
@@ -0,0 +1,68 @@
+import { Meteor } from 'meteor/meteor';
+import s from 'underscore.string';
+
+import { hasPermission } from '../../../authorization';
+import { CustomSounds } from '../../../models';
+import { Notifications } from '../../../notifications';
+import { RocketChatFileCustomSoundsInstance } from '../startup/custom-sounds';
+
+Meteor.methods({
+ insertOrUpdateSound(soundData) {
+ if (!hasPermission(this.userId, 'manage-sounds')) {
+ throw new Meteor.Error('not_authorized');
+ }
+
+ if (!s.trim(soundData.name)) {
+ throw new Meteor.Error('error-the-field-is-required', 'The field Name is required', { method: 'insertOrUpdateSound', field: 'Name' });
+ }
+
+ // let nameValidation = new RegExp('^[0-9a-zA-Z-_+;.]+$');
+
+ // allow all characters except colon, whitespace, comma, >, <, &, ", ', /, \, (, )
+ // more practical than allowing specific sets of characters; also allows foreign languages
+ const nameValidation = /[\s,:><&"'\/\\\(\)]/;
+
+ // silently strip colon; this allows for uploading :soundname: as soundname
+ soundData.name = soundData.name.replace(/:/g, '');
+
+ if (nameValidation.test(soundData.name)) {
+ throw new Meteor.Error('error-input-is-not-a-valid-field', `${ soundData.name } is not a valid name`, { method: 'insertOrUpdateSound', input: soundData.name, field: 'Name' });
+ }
+
+ let matchingResults = [];
+
+ if (soundData._id) {
+ matchingResults = CustomSounds.findByNameExceptID(soundData.name, soundData._id).fetch();
+ } else {
+ matchingResults = CustomSounds.findByName(soundData.name).fetch();
+ }
+
+ if (matchingResults.length > 0) {
+ throw new Meteor.Error('Custom_Sound_Error_Name_Already_In_Use', 'The custom sound name is already in use', { method: 'insertOrUpdateSound' });
+ }
+
+ if (!soundData._id) {
+ // insert sound
+ const createSound = {
+ name: soundData.name,
+ extension: soundData.extension,
+ };
+
+ const _id = CustomSounds.create(createSound);
+ createSound._id = _id;
+
+ return _id;
+ }
+ // update sound
+ if (soundData.newFile) {
+ RocketChatFileCustomSoundsInstance.deleteFile(`${ soundData._id }.${ soundData.previousExtension }`);
+ }
+
+ if (soundData.name !== soundData.previousName) {
+ CustomSounds.setName(soundData._id, soundData.name);
+ Notifications.notifyAll('updateCustomSound', { soundData });
+ }
+
+ return soundData._id;
+ },
+});
diff --git a/app/custom-sounds/server/methods/listCustomSounds.js b/app/custom-sounds/server/methods/listCustomSounds.js
new file mode 100644
index 0000000000000..90bf6db20435a
--- /dev/null
+++ b/app/custom-sounds/server/methods/listCustomSounds.js
@@ -0,0 +1,9 @@
+import { Meteor } from 'meteor/meteor';
+
+import { CustomSounds } from '../../../models';
+
+Meteor.methods({
+ listCustomSounds() {
+ return CustomSounds.find({}).fetch();
+ },
+});
diff --git a/app/custom-sounds/server/methods/uploadCustomSound.js b/app/custom-sounds/server/methods/uploadCustomSound.js
new file mode 100644
index 0000000000000..7d3d48d361b4a
--- /dev/null
+++ b/app/custom-sounds/server/methods/uploadCustomSound.js
@@ -0,0 +1,25 @@
+import { Meteor } from 'meteor/meteor';
+
+import { hasPermission } from '../../../authorization';
+import { Notifications } from '../../../notifications';
+import { RocketChatFile } from '../../../file';
+import { RocketChatFileCustomSoundsInstance } from '../startup/custom-sounds';
+
+Meteor.methods({
+ uploadCustomSound(binaryContent, contentType, soundData) {
+ if (!hasPermission(this.userId, 'manage-sounds')) {
+ throw new Meteor.Error('not_authorized');
+ }
+
+ const file = new Buffer(binaryContent, 'binary');
+
+ const rs = RocketChatFile.bufferToStream(file);
+ RocketChatFileCustomSoundsInstance.deleteFile(`${ soundData._id }.${ soundData.extension }`);
+ const ws = RocketChatFileCustomSoundsInstance.createWriteStream(`${ soundData._id }.${ soundData.extension }`, contentType);
+ ws.on('end', Meteor.bindEnvironment(() =>
+ Meteor.setTimeout(() => Notifications.notifyAll('updateCustomSound', { soundData }), 500)
+ ));
+
+ rs.pipe(ws);
+ },
+});
diff --git a/app/custom-sounds/server/publications/customSounds.js b/app/custom-sounds/server/publications/customSounds.js
new file mode 100644
index 0000000000000..9f94960206cd2
--- /dev/null
+++ b/app/custom-sounds/server/publications/customSounds.js
@@ -0,0 +1,30 @@
+import { Meteor } from 'meteor/meteor';
+import s from 'underscore.string';
+
+import { CustomSounds } from '../../../models';
+
+Meteor.publish('customSounds', function(filter, limit) {
+ if (!this.userId) {
+ return this.ready();
+ }
+
+ const fields = {
+ name: 1,
+ extension: 1,
+ };
+
+ filter = s.trim(filter);
+
+ const options = {
+ fields,
+ limit,
+ sort: { name: 1 },
+ };
+
+ if (filter) {
+ const filterReg = new RegExp(s.escapeRegExp(filter), 'i');
+ return CustomSounds.findByName(filterReg, options);
+ }
+
+ return CustomSounds.find({}, options);
+});
diff --git a/packages/rocketchat-custom-sounds/server/startup/custom-sounds.js b/app/custom-sounds/server/startup/custom-sounds.js
similarity index 75%
rename from packages/rocketchat-custom-sounds/server/startup/custom-sounds.js
rename to app/custom-sounds/server/startup/custom-sounds.js
index 1d6fb8a79ba5a..7417d90e568f2 100644
--- a/packages/rocketchat-custom-sounds/server/startup/custom-sounds.js
+++ b/app/custom-sounds/server/startup/custom-sounds.js
@@ -1,16 +1,17 @@
import { Meteor } from 'meteor/meteor';
import { WebApp } from 'meteor/webapp';
-import { RocketChatFile } from 'meteor/rocketchat:file';
-import { RocketChat } from 'meteor/rocketchat:lib';
import _ from 'underscore';
+import { RocketChatFile } from '../../../file';
+import { settings } from '../../../settings';
+
export let RocketChatFileCustomSoundsInstance;
Meteor.startup(function() {
let storeType = 'GridFS';
- if (RocketChat.settings.get('CustomSounds_Storage_Type')) {
- storeType = RocketChat.settings.get('CustomSounds_Storage_Type');
+ if (settings.get('CustomSounds_Storage_Type')) {
+ storeType = settings.get('CustomSounds_Storage_Type');
}
const RocketChatStore = RocketChatFile[storeType];
@@ -22,9 +23,9 @@ Meteor.startup(function() {
console.log(`Using ${ storeType } for custom sounds storage`.green);
let path = '~/uploads';
- if (RocketChat.settings.get('CustomSounds_FileSystemPath') != null) {
- if (RocketChat.settings.get('CustomSounds_FileSystemPath').trim() !== '') {
- path = RocketChat.settings.get('CustomSounds_FileSystemPath');
+ if (settings.get('CustomSounds_FileSystemPath') != null) {
+ if (settings.get('CustomSounds_FileSystemPath').trim() !== '') {
+ path = settings.get('CustomSounds_FileSystemPath');
}
}
@@ -34,8 +35,7 @@ Meteor.startup(function() {
});
return WebApp.connectHandlers.use('/custom-sounds/', Meteor.bindEnvironment(function(req, res/* , next*/) {
- const params =
- { sound: decodeURIComponent(req.url.replace(/^\//, '').replace(/\?.*$/, '')) };
+ const params = { sound: decodeURIComponent(req.url.replace(/^\//, '').replace(/\?.*$/, '')) };
if (_.isEmpty(params.sound)) {
res.writeHead(403);
diff --git a/app/custom-sounds/server/startup/permissions.js b/app/custom-sounds/server/startup/permissions.js
new file mode 100644
index 0000000000000..7a9ba36a56c79
--- /dev/null
+++ b/app/custom-sounds/server/startup/permissions.js
@@ -0,0 +1,9 @@
+import { Meteor } from 'meteor/meteor';
+
+import { Permissions } from '../../../models';
+
+Meteor.startup(() => {
+ if (Permissions) {
+ Permissions.createOrUpdate('manage-sounds', ['admin']);
+ }
+});
diff --git a/app/custom-sounds/server/startup/settings.js b/app/custom-sounds/server/startup/settings.js
new file mode 100644
index 0000000000000..442288baae358
--- /dev/null
+++ b/app/custom-sounds/server/startup/settings.js
@@ -0,0 +1,24 @@
+import { settings } from '../../../settings';
+
+settings.addGroup('CustomSoundsFilesystem', function() {
+ this.add('CustomSounds_Storage_Type', 'GridFS', {
+ type: 'select',
+ values: [{
+ key: 'GridFS',
+ i18nLabel: 'GridFS',
+ }, {
+ key: 'FileSystem',
+ i18nLabel: 'FileSystem',
+ }],
+ i18nLabel: 'FileUpload_Storage_Type',
+ });
+
+ this.add('CustomSounds_FileSystemPath', '', {
+ type: 'string',
+ enableQuery: {
+ _id: 'CustomSounds_Storage_Type',
+ value: 'FileSystem',
+ },
+ i18nLabel: 'FileUpload_FileSystemPath',
+ });
+});
diff --git a/app/discussion/client/createDiscussionMessageAction.js b/app/discussion/client/createDiscussionMessageAction.js
new file mode 100644
index 0000000000000..79995fdbd49a0
--- /dev/null
+++ b/app/discussion/client/createDiscussionMessageAction.js
@@ -0,0 +1,52 @@
+import { Meteor } from 'meteor/meteor';
+import { Tracker } from 'meteor/tracker';
+
+import { settings } from '../../settings/client';
+import { hasPermission } from '../../authorization/client';
+import { MessageAction, modal } from '../../ui-utils/client';
+import { messageArgs } from '../../ui-utils/client/lib/messageArgs';
+import { t } from '../../utils/client';
+
+Meteor.startup(function() {
+ Tracker.autorun(() => {
+ if (!settings.get('Discussion_enabled')) {
+ return MessageAction.removeButton('start-discussion');
+ }
+
+ MessageAction.addButton({
+ id: 'start-discussion',
+ icon: 'discussion',
+ label: 'Discussion_start',
+ context: ['message', 'message-mobile'],
+ async action() {
+ const { msg: message } = messageArgs(this);
+
+ modal.open({
+ title: t('Discussion_title'),
+ modifier: 'modal',
+ content: 'CreateDiscussion',
+ data: { rid: message.rid,
+ message,
+ onCreate() {
+ modal.close();
+ } },
+ confirmOnEnter: false,
+ showConfirmButton: false,
+ showCancelButton: false,
+ });
+ },
+ condition({ msg: { u: { _id: uid }, drid, dcount }, subscription, u }) {
+ if (drid || !isNaN(dcount)) {
+ return false;
+ }
+ if (!subscription) {
+ return false;
+ }
+
+ return uid !== u._id ? hasPermission('start-discussion-other-user') : hasPermission('start-discussion');
+ },
+ order: 0,
+ group: 'menu',
+ });
+ });
+});
diff --git a/app/discussion/client/discussionFromMessageBox.js b/app/discussion/client/discussionFromMessageBox.js
new file mode 100644
index 0000000000000..964d1f384f074
--- /dev/null
+++ b/app/discussion/client/discussionFromMessageBox.js
@@ -0,0 +1,35 @@
+import { Meteor } from 'meteor/meteor';
+import { Tracker } from 'meteor/tracker';
+
+import { messageBox, modal } from '../../ui-utils/client';
+import { t } from '../../utils/client';
+import { settings } from '../../settings/client';
+
+Meteor.startup(function() {
+ Tracker.autorun(() => {
+ if (!settings.get('Discussion_enabled')) {
+ return messageBox.actions.remove('Create_new', /start-discussion/);
+ }
+ messageBox.actions.add('Create_new', 'Discussion', {
+ id: 'start-discussion',
+ icon: 'discussion',
+ condition: () => true,
+ action(data) {
+ modal.open({
+ title: t('Discussion_title'),
+ modifier: 'modal',
+ content: 'CreateDiscussion',
+ data: {
+ ...data,
+ onCreate() {
+ modal.close();
+ },
+ },
+ showConfirmButton: false,
+ showCancelButton: false,
+ confirmOnEnter: false,
+ });
+ },
+ });
+ });
+});
diff --git a/app/discussion/client/index.js b/app/discussion/client/index.js
new file mode 100644
index 0000000000000..9a7bdc13cd5dd
--- /dev/null
+++ b/app/discussion/client/index.js
@@ -0,0 +1,16 @@
+// Templates
+import './views/creationDialog/CreateDiscussion';
+import './views/DiscussionList';
+import './views/DiscussionTabbar';
+
+// Other UI extensions
+import './lib/messageTypes/discussionMessage';
+import './lib/discussionsOfRoom';
+import './createDiscussionMessageAction';
+import './discussionFromMessageBox';
+import './tabBar';
+
+import '../lib/discussionRoomType';
+
+// Style
+import './public/stylesheets/discussion.css';
diff --git a/app/discussion/client/lib/discussionsOfRoom.js b/app/discussion/client/lib/discussionsOfRoom.js
new file mode 100644
index 0000000000000..a620af48a42d2
--- /dev/null
+++ b/app/discussion/client/lib/discussionsOfRoom.js
@@ -0,0 +1,3 @@
+import { Mongo } from 'meteor/mongo';
+
+export const DiscussionOfRoom = new Mongo.Collection('rocketchat_discussions_of_room');
diff --git a/app/discussion/client/lib/messageTypes/discussionMessage.js b/app/discussion/client/lib/messageTypes/discussionMessage.js
new file mode 100644
index 0000000000000..b29af3cc93741
--- /dev/null
+++ b/app/discussion/client/lib/messageTypes/discussionMessage.js
@@ -0,0 +1,16 @@
+import { Meteor } from 'meteor/meteor';
+
+import { MessageTypes } from '../../../../ui-utils/client';
+
+Meteor.startup(function() {
+ MessageTypes.registerType({
+ id: 'discussion-created',
+ system: false,
+ message: 'discussion-created',
+ data(message) {
+ return {
+ message: `
${ message.msg }`,
+ };
+ },
+ });
+});
diff --git a/app/discussion/client/public/stylesheets/discussion.css b/app/discussion/client/public/stylesheets/discussion.css
new file mode 100644
index 0000000000000..93c6d4e8e20ff
--- /dev/null
+++ b/app/discussion/client/public/stylesheets/discussion.css
@@ -0,0 +1,22 @@
+.message-discussion {
+ display: flex;
+
+ padding: 0.5rem 0;
+ align-items: center;
+}
+
+.discussion-reply-lm {
+ padding: 4px 8px;
+
+ color: var(--color-gray);
+
+ font-size: 12px;
+}
+
+.discussions-list .load-more {
+ text-align: center;
+ text-transform: lowercase;
+
+ font-style: italic;
+ line-height: 40px;
+}
diff --git a/app/discussion/client/tabBar.js b/app/discussion/client/tabBar.js
new file mode 100644
index 0000000000000..8ab8d47bda70b
--- /dev/null
+++ b/app/discussion/client/tabBar.js
@@ -0,0 +1,14 @@
+import { Meteor } from 'meteor/meteor';
+
+import { TabBar } from '../../ui-utils/client';
+
+Meteor.startup(function() {
+ return TabBar.addButton({
+ groups: ['channel', 'group', 'direct'],
+ id: 'discussions',
+ i18nTitle: 'Discussions',
+ icon: 'discussion',
+ template: 'discussionsTabbar',
+ order: 10,
+ });
+});
diff --git a/app/discussion/client/views/DiscussionList.html b/app/discussion/client/views/DiscussionList.html
new file mode 100644
index 0000000000000..a2548cb5ec725
--- /dev/null
+++ b/app/discussion/client/views/DiscussionList.html
@@ -0,0 +1,10 @@
+
+ {{#if rooms}}
+
+ {{_ "Discussions"}}
+
+
+ {{#each room in rooms}} {{> chatRoomItem room }} {{/each}}
+
+ {{/if}}
+
diff --git a/app/discussion/client/views/DiscussionList.js b/app/discussion/client/views/DiscussionList.js
new file mode 100644
index 0000000000000..54562f5fce405
--- /dev/null
+++ b/app/discussion/client/views/DiscussionList.js
@@ -0,0 +1,29 @@
+import { Meteor } from 'meteor/meteor';
+import { Template } from 'meteor/templating';
+
+import { ChatSubscription } from '../../../models/client';
+import { getUserPreference } from '../../../utils/client';
+import { settings } from '../../../settings/client';
+
+import './DiscussionList.html';
+
+Template.DiscussionList.helpers({
+ rooms() {
+ const user = Meteor.userId();
+ const sortBy = getUserPreference(user, 'sidebarSortby') || 'alphabetical';
+ const query = {
+ open: true,
+ };
+
+ const sort = {};
+
+ if (sortBy === 'activity') {
+ sort.lm = -1;
+ } else { // alphabetical
+ sort[this.identifier === 'd' && settings.get('UI_Use_Real_Name') ? 'lowerCaseFName' : 'lowerCaseName'] = /descending/.test(sortBy) ? -1 : 1;
+ }
+
+ query.prid = { $exists: true };
+ return ChatSubscription.find(query, { sort });
+ },
+});
diff --git a/app/discussion/client/views/DiscussionTabbar.html b/app/discussion/client/views/DiscussionTabbar.html
new file mode 100644
index 0000000000000..0c1b965f0e3da
--- /dev/null
+++ b/app/discussion/client/views/DiscussionTabbar.html
@@ -0,0 +1,24 @@
+
+ {{#if Template.subscriptionsReady}}
+ {{#unless hasMessages}}
+
+ {{/unless}}
+ {{/if}}
+
+
+ {{# with messageContext}}
+ {{#each msg in messages}}
+ {{> nrr nrrargs 'message' msg=msg room=room subscription=subscription settings=settings u=u}}
+ {{/each}}
+ {{/with}}
+
+
+ {{#if hasMore}}
+
+ {{> loading}}
+
+ {{/if}}
+
diff --git a/app/discussion/client/views/DiscussionTabbar.js b/app/discussion/client/views/DiscussionTabbar.js
new file mode 100644
index 0000000000000..ff73ab8ff64ee
--- /dev/null
+++ b/app/discussion/client/views/DiscussionTabbar.js
@@ -0,0 +1,55 @@
+import _ from 'underscore';
+import { ReactiveVar } from 'meteor/reactive-var';
+import { Template } from 'meteor/templating';
+
+import { messageContext } from '../../../ui-utils/client/lib/messageContext';
+import { DiscussionOfRoom } from '../lib/discussionsOfRoom';
+
+import './DiscussionTabbar.html';
+
+Template.discussionsTabbar.helpers({
+ hasMessages() {
+ return Template.instance().cursor.count() > 0;
+ },
+ messages() {
+ return Template.instance().cursor;
+ },
+ message() {
+ return _.extend(this, { customClass: 'pinned', actionContext: 'pinned' });
+ },
+ hasMore() {
+ return Template.instance().hasMore.get();
+ },
+ messageContext,
+});
+
+Template.discussionsTabbar.onCreated(function() {
+ this.rid = this.data.rid;
+ this.cursor = DiscussionOfRoom.find({
+ rid: this.rid,
+ }, {
+ sort: {
+ ts: -1,
+ },
+ });
+ this.hasMore = new ReactiveVar(true);
+ this.limit = new ReactiveVar(50);
+
+ this.autorun(() => {
+ const { rid } = Template.currentData();
+ this.subscribe('discussionsOfRoom', rid, this.limit.get(), () => {
+ const discussionCount = this.cursor.count();
+ if (discussionCount < this.limit.get()) {
+ this.hasMore.set(false);
+ }
+ });
+ });
+});
+
+Template.discussionsTabbar.events({
+ 'scroll .js-list': _.throttle(function(e, instance) {
+ if (e.target.scrollTop >= e.target.scrollHeight - e.target.clientHeight - 10 && instance.hasMore.get()) {
+ instance.limit.set(instance.limit.get() + 50);
+ }
+ }, 200),
+});
diff --git a/app/discussion/client/views/creationDialog/CreateDiscussion.html b/app/discussion/client/views/creationDialog/CreateDiscussion.html
new file mode 100644
index 0000000000000..837be516fde8f
--- /dev/null
+++ b/app/discussion/client/views/creationDialog/CreateDiscussion.html
@@ -0,0 +1,107 @@
+
+
+
+
+
{{_ "Discussion_description"}}
+
+
+
+
+
+
+
+
+
diff --git a/app/discussion/client/views/creationDialog/CreateDiscussion.js b/app/discussion/client/views/creationDialog/CreateDiscussion.js
new file mode 100755
index 0000000000000..a786507c330f4
--- /dev/null
+++ b/app/discussion/client/views/creationDialog/CreateDiscussion.js
@@ -0,0 +1,308 @@
+import { Meteor } from 'meteor/meteor';
+import { Template } from 'meteor/templating';
+import { ReactiveVar } from 'meteor/reactive-var';
+import { AutoComplete } from 'meteor/mizzao:autocomplete';
+import { Blaze } from 'meteor/blaze';
+import { TAPi18n } from 'meteor/tap:i18n';
+import toastr from 'toastr';
+
+import { roomTypes } from '../../../../utils/client';
+import { callbacks } from '../../../../callbacks/client';
+import { ChatRoom, ChatSubscription } from '../../../../models/client';
+import { call } from '../../../../ui-utils/client';
+
+import './CreateDiscussion.html';
+
+Template.CreateDiscussion.helpers({
+ onSelectUser() {
+ return Template.instance().onSelectUser;
+ },
+ disabled() {
+ if (Template.instance().selectParent.get()) {
+ return 'disabled';
+ }
+ },
+ targetChannelText() {
+ const instance = Template.instance();
+ const parentChannel = instance.parentChannel.get();
+ return parentChannel && `${ TAPi18n.__('Discussion_target_channel_prefix') } "${ parentChannel }"`;
+ },
+ createIsDisabled() {
+ const { parentChannel, discussionName } = Template.instance();
+ return parentChannel.get() && discussionName.get() ? '' : 'disabled';
+ },
+ parentChannel() {
+ const instance = Template.instance();
+ return instance.parentChannel.get();
+ },
+ selectedUsers() {
+ const myUsername = Meteor.user().username;
+ const { message } = this;
+ const users = Template.instance().selectedUsers.get().map((e) => e);
+ if (message) {
+ users.unshift(message.u);
+ }
+ return users.filter(({ username }) => myUsername !== username);
+ },
+
+ onClickTagUser() {
+ return Template.instance().onClickTagUser;
+ },
+ deleteLastItemUser() {
+ return Template.instance().deleteLastItemUser;
+ },
+ onClickTagRoom() {
+ return Template.instance().onClickTagRoom;
+ },
+ deleteLastItemRoom() {
+ return Template.instance().deleteLastItemRoom;
+ },
+ selectedRoom() {
+ return Template.instance().selectedRoom.get();
+ },
+ onSelectRoom() {
+ return Template.instance().onSelectRoom;
+ },
+ roomCollection() {
+ return ChatRoom;
+ },
+ roomSelector() {
+ return (expression) => ({ name: { $regex: `.*${ expression }.*` } });
+ },
+ roomModifier() {
+ return (filter, text = '') => {
+ const f = filter.get();
+ return `#${ f.length === 0 ? text : text.replace(new RegExp(filter.get()), (part) => `
${ part }`) }`;
+ };
+ },
+ userModifier() {
+ return (filter, text = '') => {
+ const f = filter.get();
+ return `@${ f.length === 0 ? text : text.replace(new RegExp(filter.get()), (part) => `
${ part }`) }`;
+ };
+ },
+ nameSuggestion() {
+ return Template.instance().discussionName.get();
+ },
+});
+
+Template.CreateDiscussion.events({
+ 'input #discussion_name'(e, t) {
+ t.discussionName.set(e.target.value);
+ },
+ 'input #discussion_message'(e, t) {
+ const { value } = e.target;
+ t.reply.set(value);
+ },
+ async 'submit #create-discussion, click .js-save-discussion'(event, instance) {
+ event.preventDefault();
+ const parentChannel = instance.parentChannel.get();
+
+ const { pmid } = instance;
+ const t_name = instance.discussionName.get();
+ const users = instance.selectedUsers.get().map(({ username }) => username).filter((value, index, self) => self.indexOf(value) === index);
+
+ const prid = instance.parentChannelId.get();
+ const reply = instance.reply.get();
+
+ if (!prid) {
+ const errorText = TAPi18n.__('Invalid_room_name', `${ parentChannel }...`);
+ return toastr.error(errorText);
+ }
+ const result = await call('createDiscussion', { prid, pmid, t_name, reply, users });
+ // callback to enable tracking
+ callbacks.run('afterDiscussion', Meteor.user(), result);
+
+ if (instance.data.onCreate) {
+ instance.data.onCreate(result);
+ }
+
+ roomTypes.openRouteLink(result.t, result);
+ },
+});
+
+Template.CreateDiscussion.onRendered(function() {
+ this.find(this.data.rid ? '#discussion_name' : '#parentChannel').focus();
+});
+
+const suggestName = (msg = '') => msg.substr(0, 140);
+
+Template.CreateDiscussion.onCreated(function() {
+ const { rid, message: msg } = this.data;
+
+ const parentRoom = rid && ChatSubscription.findOne({ rid });
+
+ // if creating a discussion from inside a discussion, uses the same channel as parent channel
+ const room = parentRoom && parentRoom.prid ? ChatSubscription.findOne({ rid: parentRoom.prid }) : parentRoom;
+
+ if (room) {
+ room.text = room.name;
+ }
+
+ const roomName = room && roomTypes.getRoomName(room.t, room);
+ this.discussionName = new ReactiveVar(suggestName(msg && msg.msg));
+
+ this.pmid = msg && msg._id;
+
+ this.parentChannel = new ReactiveVar(roomName);
+ this.parentChannelId = new ReactiveVar(room && room.rid);
+
+ this.selectParent = new ReactiveVar(room && room.rid);
+
+ this.reply = new ReactiveVar('');
+
+
+ this.selectedRoom = new ReactiveVar(room ? [room] : []);
+
+
+ this.onClickTagRoom = () => {
+ this.selectedRoom.set([]);
+ };
+ this.deleteLastItemRoom = () => {
+ this.selectedRoom.set([]);
+ };
+
+ this.onSelectRoom = ({ item: room }) => {
+ room.text = room.name;
+ this.selectedRoom.set([room]);
+ };
+
+ this.autorun(() => {
+ const [room = {}] = this.selectedRoom.get();
+ this.parentChannel.set(roomTypes.getRoomName(room.t, room)); // determine parent Channel from setting and allow to overwrite
+ this.parentChannelId.set(room && (room.rid || room._id));
+ });
+
+ this.selectedUsers = new ReactiveVar([]);
+ this.onSelectUser = ({ item: user }) => {
+ if (user.username === (msg && msg.u.username)) {
+ return;
+ }
+
+ if (user.username === Meteor.user().username) {
+ return;
+ }
+ const users = this.selectedUsers.get();
+ if (!users.find((u) => user.username === u.username)) {
+ this.selectedUsers.set([...users, user]);
+ }
+ };
+ this.onClickTagUser = ({ username }) => {
+ this.selectedUsers.set(this.selectedUsers.get().filter((user) => user.username !== username));
+ };
+ this.deleteLastItemUser = () => {
+ const arr = this.selectedUsers.get();
+ arr.pop();
+ this.selectedUsers.set(arr);
+ };
+
+ // callback to allow setting a parent Channel or e. g. tracking the event using Piwik or GA
+ const { parentChannel, reply } = callbacks.run('openDiscussionCreationScreen') || {};
+
+ if (parentChannel) {
+ this.parentChannel.set(parentChannel);
+ }
+ if (reply) {
+ this.reply.set(reply);
+ }
+});
+
+Template.SearchCreateDiscussion.helpers({
+ list() {
+ return this.list;
+ },
+ items() {
+ return Template.instance().ac.filteredList();
+ },
+ config() {
+ const { filter } = Template.instance();
+ const { noMatchTemplate, templateItem, modifier } = Template.instance().data;
+ return {
+ filter: filter.get(),
+ template_item: templateItem,
+ noMatchTemplate,
+ modifier(text) {
+ return modifier(filter, text);
+ },
+ };
+ },
+ autocomplete(key) {
+ const instance = Template.instance();
+ const param = instance.ac[key];
+ return typeof param === 'function' ? param.apply(instance.ac) : param;
+ },
+});
+
+Template.SearchCreateDiscussion.events({
+ 'input input'(e, t) {
+ const input = e.target;
+ const position = input.selectionEnd || input.selectionStart;
+ const { length } = input.value;
+ document.activeElement === input && e && /input/i.test(e.type) && (input.selectionEnd = position + input.value.length - length);
+ t.filter.set(input.value);
+ },
+ 'click .rc-popup-list__item'(e, t) {
+ t.ac.onItemClick(this, e);
+ },
+ 'keydown input'(e, t) {
+ t.ac.onKeyDown(e);
+ if ([8, 46].includes(e.keyCode) && e.target.value === '') {
+ const { deleteLastItem } = t;
+ return deleteLastItem && deleteLastItem();
+ }
+ },
+ 'keyup input'(e, t) {
+ t.ac.onKeyUp(e);
+ },
+ 'focus input'(e, t) {
+ t.ac.onFocus(e);
+ },
+ 'blur input'(e, t) {
+ t.ac.onBlur(e);
+ },
+ 'click .rc-tags__tag'({ target }, t) {
+ const { onClickTag } = t;
+ return onClickTag & onClickTag(Blaze.getData(target));
+ },
+});
+Template.SearchCreateDiscussion.onRendered(function() {
+ const { name } = this.data;
+
+ this.ac.element = this.firstNode.querySelector(`[name=${ name }]`);
+ this.ac.$element = $(this.ac.element);
+});
+
+Template.SearchCreateDiscussion.onCreated(function() {
+ this.filter = new ReactiveVar('');
+ this.selected = new ReactiveVar([]);
+ this.onClickTag = this.data.onClickTag;
+ this.deleteLastItem = this.data.deleteLastItem;
+
+ const { collection, subscription, field, sort, onSelect, selector = (match) => ({ term: match }) } = this.data;
+ this.ac = new AutoComplete(
+ {
+ selector: {
+ anchor: '.rc-input__label',
+ item: '.rc-popup-list__item',
+ container: '.rc-popup-list__list',
+ },
+ onSelect,
+ position: 'fixed',
+ limit: 10,
+ inputDelay: 300,
+ rules: [
+ {
+ collection,
+ subscription,
+ field,
+ matchAll: true,
+ // filter,
+ doNotChangeWidth: false,
+ selector,
+ sort,
+ },
+ ],
+
+ });
+ this.ac.tmplInst = this;
+});
diff --git a/app/discussion/lib/discussionRoomType.js b/app/discussion/lib/discussionRoomType.js
new file mode 100644
index 0000000000000..f6b33073f8cbb
--- /dev/null
+++ b/app/discussion/lib/discussionRoomType.js
@@ -0,0 +1,22 @@
+import { Meteor } from 'meteor/meteor';
+
+import { RoomTypeConfig, roomTypes, getUserPreference } from '../../utils';
+
+export class DiscussionRoomType extends RoomTypeConfig {
+ constructor() {
+ super({
+ identifier: 't',
+ order: 25,
+ label: 'Discussion',
+ });
+
+ // we need a custom template in order to have a custom query showing the subscriptions to discussions
+ this.customTemplate = 'DiscussionList';
+ }
+
+ condition() {
+ return getUserPreference(Meteor.userId(), 'sidebarShowDiscussion');
+ }
+}
+
+roomTypes.add(new DiscussionRoomType());
diff --git a/app/discussion/server/authorization.js b/app/discussion/server/authorization.js
new file mode 100644
index 0000000000000..6835305ed82be
--- /dev/null
+++ b/app/discussion/server/authorization.js
@@ -0,0 +1,10 @@
+import { Meteor } from 'meteor/meteor';
+
+import { addRoomAccessValidator, canAccessRoom } from '../../authorization';
+import { Rooms } from '../../models';
+
+Meteor.startup(() => {
+ addRoomAccessValidator(function(room, user) {
+ return room && room.prid && canAccessRoom(Rooms.findOne(room.prid), user);
+ });
+});
diff --git a/app/discussion/server/config.js b/app/discussion/server/config.js
new file mode 100644
index 0000000000000..abdcaac9a5828
--- /dev/null
+++ b/app/discussion/server/config.js
@@ -0,0 +1,39 @@
+import { Meteor } from 'meteor/meteor';
+
+import { settings } from '../../settings';
+
+Meteor.startup(() => {
+ settings.addGroup('Discussion', function() {
+ // the channel for which discussions are created if none is explicitly chosen
+
+ this.add('Discussion_enabled', true, {
+ group: 'Discussion',
+ i18nLabel: 'Enable',
+ type: 'boolean',
+ public: true,
+ });
+ });
+
+ settings.add('Accounts_Default_User_Preferences_sidebarShowDiscussion', true, {
+ group: 'Accounts',
+ section: 'Accounts_Default_User_Preferences',
+ type: 'boolean',
+ public: true,
+ i18nLabel: 'Group_discussions',
+ });
+
+ const globalQuery = {
+ _id: 'RetentionPolicy_Enabled',
+ value: true,
+ };
+
+ settings.add('RetentionPolicy_DoNotExcludeDiscussion', true, {
+ group: 'RetentionPolicy',
+ section: 'Global Policy',
+ type: 'boolean',
+ public: true,
+ i18nLabel: 'RetentionPolicy_DoNotExcludeDiscussion',
+ i18nDescription: 'RetentionPolicy_DoNotExcludeDiscussion_Description',
+ enableQuery: globalQuery,
+ });
+});
diff --git a/app/discussion/server/hooks/joinDiscussionOnMessage.js b/app/discussion/server/hooks/joinDiscussionOnMessage.js
new file mode 100644
index 0000000000000..08eb79071dc41
--- /dev/null
+++ b/app/discussion/server/hooks/joinDiscussionOnMessage.js
@@ -0,0 +1,22 @@
+import { Meteor } from 'meteor/meteor';
+
+import { callbacks } from '../../../callbacks/server';
+import { Subscriptions } from '../../../models/server';
+
+callbacks.add('beforeSaveMessage', (message, room) => {
+ // abort if room is not a discussion
+ if (!room || !room.prid) {
+ return message;
+ }
+
+ // check if user already joined the discussion
+ const sub = Subscriptions.findOneByRoomIdAndUserId(room._id, message.u._id, { fields: { _id: 1 } });
+ if (sub) {
+ return message;
+ }
+
+ // if no subcription, call join
+ Meteor.runAsUser(message.u._id, () => Meteor.call('joinRoom', room._id));
+
+ return message;
+});
diff --git a/app/discussion/server/hooks/propagateDiscussionMetadata.js b/app/discussion/server/hooks/propagateDiscussionMetadata.js
new file mode 100644
index 0000000000000..902965ca23e45
--- /dev/null
+++ b/app/discussion/server/hooks/propagateDiscussionMetadata.js
@@ -0,0 +1,37 @@
+import { callbacks } from '../../../callbacks/server';
+import { Messages, Rooms } from '../../../models/server';
+import { deleteRoom } from '../../../lib/server';
+
+/**
+ * We need to propagate the writing of new message in a discussion to the linking
+ * system message
+ */
+callbacks.add('afterSaveMessage', function(message, { _id, prid } = {}) {
+ if (prid) {
+ Messages.refreshDiscussionMetadata({ rid: _id }, message);
+ }
+ return message;
+}, callbacks.priority.LOW, 'PropagateDiscussionMetadata');
+
+callbacks.add('afterDeleteMessage', function(message, { _id, prid } = {}) {
+ if (prid) {
+ Messages.refreshDiscussionMetadata({ rid: _id }, message);
+ }
+ if (message.drid) {
+ deleteRoom(message.drid);
+ }
+ return message;
+}, callbacks.priority.LOW, 'PropagateDiscussionMetadata');
+
+callbacks.add('afterDeleteRoom', (rid) => Rooms.find({ prid: rid }, { fields: { _id: 1 } }).forEach(({ _id }) => deleteRoom(_id)), 'DeleteDiscussionChain');
+
+// TODO discussions define new fields
+callbacks.add('afterRoomNameChange', ({ rid, name, oldName }) => Rooms.update({ prid: rid, ...oldName && { topic: oldName } }, { $set: { topic: name } }, { multi: true }), 'updateTopicDiscussion');
+
+callbacks.add('afterDeleteRoom', (drid) => Messages.update({ drid }, {
+ $unset: {
+ dcount: 1,
+ dlm: 1,
+ drid: 1,
+ },
+}), 'CleanDiscussionMessage');
diff --git a/app/discussion/server/index.js b/app/discussion/server/index.js
new file mode 100644
index 0000000000000..5e8fadefa9438
--- /dev/null
+++ b/app/discussion/server/index.js
@@ -0,0 +1,13 @@
+import './config';
+import './authorization';
+import './permissions';
+
+import './hooks/propagateDiscussionMetadata';
+import './publications/discussionParentAutocomplete';
+import './publications/discussionsOfRoom';
+
+// Methods
+import './methods/createDiscussion';
+
+// Lib
+import '../lib/discussionRoomType';
diff --git a/app/discussion/server/methods/createDiscussion.js b/app/discussion/server/methods/createDiscussion.js
new file mode 100644
index 0000000000000..78535311ad9d5
--- /dev/null
+++ b/app/discussion/server/methods/createDiscussion.js
@@ -0,0 +1,140 @@
+import { Meteor } from 'meteor/meteor';
+import { Random } from 'meteor/random';
+
+import { hasAtLeastOnePermission, canAccessRoom } from '../../../authorization/server';
+import { Messages, Rooms } from '../../../models/server';
+import { createRoom, addUserToRoom, sendMessage, attachMessage } from '../../../lib/server';
+import { settings } from '../../../settings/server';
+
+const getParentRoom = (rid) => {
+ const room = Rooms.findOne(rid);
+ return room && (room.prid ? Rooms.findOne(room.prid, { fields: { _id: 1 } }) : room);
+};
+
+const createDiscussionMessage = (rid, user, drid, msg, message_embedded) => {
+ const welcomeMessage = {
+ msg,
+ rid,
+ drid,
+ attachments: [message_embedded].filter((e) => e),
+ };
+ return Messages.createWithTypeRoomIdMessageAndUser('discussion-created', rid, '', user, welcomeMessage);
+};
+
+const mentionMessage = (rid, { _id, username, name }, message_embedded) => {
+ const welcomeMessage = {
+ rid,
+ u: { _id, username, name },
+ ts: new Date(),
+ _updatedAt: new Date(),
+ attachments: [message_embedded].filter((e) => e),
+ };
+
+ return Messages.insert(welcomeMessage);
+};
+
+const create = ({ prid, pmid, t_name, reply, users }) => {
+ // if you set both, prid and pmid, and the rooms doesnt match... should throw an error)
+ let message = false;
+ if (pmid) {
+ message = Messages.findOne({ _id: pmid });
+ if (!message) {
+ throw new Meteor.Error('error-invalid-message', 'Invalid message', { method: 'DiscussionCreation' });
+ }
+ if (prid) {
+ if (prid !== getParentRoom(message.rid)._id) {
+ throw new Meteor.Error('error-invalid-arguments', { method: 'DiscussionCreation' });
+ }
+ } else {
+ prid = message.rid;
+ }
+ }
+
+ if (!prid) {
+ throw new Meteor.Error('error-invalid-arguments', { method: 'DiscussionCreation' });
+ }
+
+ const p_room = Rooms.findOne(prid);
+ if (!p_room) {
+ throw new Meteor.Error('error-invalid-room', 'Invalid room', { method: 'DiscussionCreation' });
+ }
+ if (p_room.prid) {
+ throw new Meteor.Error('error-nested-discussion', 'Cannot create nested discussions', { method: 'DiscussionCreation' });
+ }
+
+ const user = Meteor.user();
+
+ if (!canAccessRoom(p_room, user)) {
+ throw new Meteor.Error('error-not-allowed', { method: 'DiscussionCreation' });
+ }
+
+ if (pmid) {
+ const discussionAlreadyExists = Rooms.findOne({
+ prid,
+ pmid,
+ }, {
+ fields: { _id: 1 },
+ });
+ if (discussionAlreadyExists) { // do not allow multiple discussions to the same message'\
+ addUserToRoom(discussionAlreadyExists._id, user);
+ return discussionAlreadyExists;
+ }
+ }
+
+ const name = Random.id();
+
+ // auto invite the replied message owner
+ const invitedUsers = message ? [message.u.username, ...users] : users;
+
+ // discussions are always created as private groups
+ const discussion = createRoom('p', name, user.username, [...new Set(invitedUsers)], false, {
+ fname: t_name,
+ description: message.msg, // TODO discussions remove
+ topic: p_room.name, // TODO discussions remove
+ prid,
+ }, {
+ // overrides name validation to allow anything, because discussion's name is randomly generated
+ nameValidationRegex: /.*/,
+ });
+
+ if (pmid) {
+ mentionMessage(discussion._id, user, attachMessage(message, p_room));
+
+ createDiscussionMessage(message.rid, user, discussion._id, t_name, attachMessage(message, p_room));
+ } else {
+ createDiscussionMessage(prid, user, discussion._id, t_name);
+ }
+
+ if (reply) {
+ sendMessage(user, { msg: reply }, discussion);
+ }
+ return discussion;
+};
+
+Meteor.methods({
+ /**
+ * Create discussion by room or message
+ * @constructor
+ * @param {string} prid - Parent Room Id - The room id, optional if you send pmid.
+ * @param {string} pmid - Parent Message Id - Create the discussion by a message, optional.
+ * @param {string} reply - The reply, optional
+ * @param {string} t_name - discussion name
+ * @param {string[]} users - users to be added
+ */
+ createDiscussion({ prid, pmid, t_name, reply, users }) {
+ if (!settings.get('Discussion_enabled')) {
+ throw new Meteor.Error('error-action-not-allowed', 'You are not allowed to create a discussion', { method: 'createDiscussion' });
+ }
+
+ const uid = Meteor.userId();
+ if (!uid) {
+ throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'DiscussionCreation' });
+ }
+
+ if (!hasAtLeastOnePermission(uid, ['start-discussion', 'start-discussion-other-user'])) {
+ throw new Meteor.Error('error-action-not-allowed', 'You are not allowed to create a discussion', { method: 'createDiscussion' });
+ }
+
+ return create({ uid, prid, pmid, t_name, reply, users });
+ },
+});
diff --git a/app/discussion/server/permissions.js b/app/discussion/server/permissions.js
new file mode 100644
index 0000000000000..49bfe798b0b43
--- /dev/null
+++ b/app/discussion/server/permissions.js
@@ -0,0 +1,17 @@
+import { Meteor } from 'meteor/meteor';
+
+import { Permissions } from '../../models';
+
+Meteor.startup(() => {
+ // Add permissions for discussion
+ const permissions = [
+ { _id: 'start-discussion', roles: ['admin', 'user', 'expert', 'guest'] },
+ { _id: 'start-discussion-other-user', roles: ['admin', 'user', 'expert', 'owner'] },
+ ];
+
+ for (const permission of permissions) {
+ if (!Permissions.findOneById(permission._id)) {
+ Permissions.upsert(permission._id, { $set: permission });
+ }
+ }
+});
diff --git a/app/discussion/server/publications/discussionParentAutocomplete.js b/app/discussion/server/publications/discussionParentAutocomplete.js
new file mode 100644
index 0000000000000..4d0e388224945
--- /dev/null
+++ b/app/discussion/server/publications/discussionParentAutocomplete.js
@@ -0,0 +1,44 @@
+import { Meteor } from 'meteor/meteor';
+
+import { Rooms } from '../../../models/server';
+import { hasPermission } from '../../../authorization/server';
+
+Meteor.publish('discussionParentAutocomplete', function(selector) {
+ if (!this.userId) {
+ return this.ready();
+ }
+
+ if (hasPermission(this.userId, 'view-c-room') !== true) {
+ return this.ready();
+ }
+
+ const pub = this;
+ const options = {
+ fields: {
+ _id: 1,
+ name: 1,
+ },
+ limit: 10,
+ sort: {
+ name: 1,
+ },
+ };
+
+ const cursorHandle = Rooms.findDiscussionParentByNameStarting(selector.name, options).observeChanges({
+ added(_id, record) {
+ return pub.added('autocompleteRecords', _id, record);
+ },
+ changed(_id, record) {
+ return pub.changed('autocompleteRecords', _id, record);
+ },
+ removed(_id, record) {
+ return pub.removed('autocompleteRecords', _id, record);
+ },
+ });
+
+ this.ready();
+
+ this.onStop(function() {
+ return cursorHandle.stop();
+ });
+});
diff --git a/app/discussion/server/publications/discussionsOfRoom.js b/app/discussion/server/publications/discussionsOfRoom.js
new file mode 100644
index 0000000000000..eebd89a5c7cf6
--- /dev/null
+++ b/app/discussion/server/publications/discussionsOfRoom.js
@@ -0,0 +1,32 @@
+import { Meteor } from 'meteor/meteor';
+
+import { Messages } from '../../../models/server';
+
+Meteor.publish('discussionsOfRoom', function(rid, limit = 50) {
+ if (!this.userId) {
+ return this.ready();
+ }
+
+ const publication = this;
+
+ if (!Meteor.call('canAccessRoom', rid, this.userId)) {
+ return this.ready();
+ }
+
+ const cursorHandle = Messages.find({ rid, drid: { $exists: true } }, { sort: { ts: -1 }, limit }).observeChanges({
+ added(_id, record) {
+ return publication.added('rocketchat_discussions_of_room', _id, record);
+ },
+ changed(_id, record) {
+ return publication.changed('rocketchat_discussions_of_room', _id, record);
+ },
+ removed(_id) {
+ return publication.removed('rocketchat_discussions_of_room', _id);
+ },
+ });
+
+ this.ready();
+ return this.onStop(function() {
+ return cursorHandle.stop();
+ });
+});
diff --git a/packages/rocketchat-wordpress/client/index.js b/app/dolphin/client/index.js
similarity index 100%
rename from packages/rocketchat-wordpress/client/index.js
rename to app/dolphin/client/index.js
diff --git a/packages/rocketchat-dolphin/client/login-button.css b/app/dolphin/client/login-button.css
similarity index 100%
rename from packages/rocketchat-dolphin/client/login-button.css
rename to app/dolphin/client/login-button.css
diff --git a/app/dolphin/lib/common.js b/app/dolphin/lib/common.js
new file mode 100644
index 0000000000000..36c95452a9757
--- /dev/null
+++ b/app/dolphin/lib/common.js
@@ -0,0 +1,70 @@
+import { Meteor } from 'meteor/meteor';
+import { Tracker } from 'meteor/tracker';
+import { ServiceConfiguration } from 'meteor/service-configuration';
+
+import { settings } from '../../settings';
+import { CustomOAuth } from '../../custom-oauth';
+import { callbacks } from '../../callbacks';
+import { Settings } from '../../models';
+
+const config = {
+ serverURL: '',
+ authorizePath: '/m/oauth2/auth/',
+ tokenPath: '/m/oauth2/token/',
+ identityPath: '/m/oauth2/api/me/',
+ scope: 'basic',
+ addAutopublishFields: {
+ forLoggedInUser: ['services.dolphin'],
+ forOtherUsers: ['services.dolphin.name'],
+ },
+ accessTokenParam: 'access_token',
+};
+
+const Dolphin = new CustomOAuth('dolphin', config);
+
+function DolphinOnCreateUser(options, user) {
+ if (user && user.services && user.services.dolphin && user.services.dolphin.NickName) {
+ user.username = user.services.dolphin.NickName;
+ }
+ return user;
+}
+
+if (Meteor.isServer) {
+ Meteor.startup(() =>
+ Settings.find({ _id: 'Accounts_OAuth_Dolphin_URL' }).observe({
+ added() {
+ config.serverURL = settings.get('Accounts_OAuth_Dolphin_URL');
+ return Dolphin.configure(config);
+ },
+ changed() {
+ config.serverURL = settings.get('Accounts_OAuth_Dolphin_URL');
+ return Dolphin.configure(config);
+ },
+ })
+ );
+
+ if (settings.get('Accounts_OAuth_Dolphin_URL')) {
+ const data = {
+ buttonLabelText: settings.get('Accounts_OAuth_Dolphin_button_label_text'),
+ buttonColor: settings.get('Accounts_OAuth_Dolphin_button_color'),
+ buttonLabelColor: settings.get('Accounts_OAuth_Dolphin_button_label_color'),
+ clientId: settings.get('Accounts_OAuth_Dolphin_id'),
+ secret: settings.get('Accounts_OAuth_Dolphin_secret'),
+ serverURL: settings.get('Accounts_OAuth_Dolphin_URL'),
+ loginStyle: settings.get('Accounts_OAuth_Dolphin_login_style'),
+ };
+
+ ServiceConfiguration.configurations.upsert({ service: 'dolphin' }, { $set: data });
+ }
+
+ callbacks.add('beforeCreateUser', DolphinOnCreateUser, callbacks.priority.HIGH);
+} else {
+ Meteor.startup(() =>
+ Tracker.autorun(function() {
+ if (settings.get('Accounts_OAuth_Dolphin_URL')) {
+ config.serverURL = settings.get('Accounts_OAuth_Dolphin_URL');
+ return Dolphin.configure(config);
+ }
+ })
+ );
+}
diff --git a/packages/rocketchat-dolphin/server/index.js b/app/dolphin/server/index.js
similarity index 100%
rename from packages/rocketchat-dolphin/server/index.js
rename to app/dolphin/server/index.js
diff --git a/app/dolphin/server/startup.js b/app/dolphin/server/startup.js
new file mode 100644
index 0000000000000..bb4c871b18b1a
--- /dev/null
+++ b/app/dolphin/server/startup.js
@@ -0,0 +1,10 @@
+import { settings } from '../../settings';
+
+settings.add('Accounts_OAuth_Dolphin_URL', '', { type: 'string', group: 'OAuth', public: true, section: 'Dolphin', i18nLabel: 'URL' });
+settings.add('Accounts_OAuth_Dolphin', false, { type: 'boolean', group: 'OAuth', section: 'Dolphin', i18nLabel: 'Accounts_OAuth_Custom_Enable' });
+settings.add('Accounts_OAuth_Dolphin_id', '', { type: 'string', group: 'OAuth', section: 'Dolphin', i18nLabel: 'Accounts_OAuth_Custom_id' });
+settings.add('Accounts_OAuth_Dolphin_secret', '', { type: 'string', group: 'OAuth', section: 'Dolphin', i18nLabel: 'Accounts_OAuth_Custom_Secret', secret: true });
+settings.add('Accounts_OAuth_Dolphin_login_style', 'redirect', { type: 'select', group: 'OAuth', section: 'Dolphin', i18nLabel: 'Accounts_OAuth_Custom_Login_Style', persistent: true, values: [{ key: 'redirect', i18nLabel: 'Redirect' }, { key: 'popup', i18nLabel: 'Popup' }, { key: '', i18nLabel: 'Default' }] });
+settings.add('Accounts_OAuth_Dolphin_button_label_text', '', { type: 'string', group: 'OAuth', section: 'Dolphin', i18nLabel: 'Accounts_OAuth_Custom_Button_Label_Text', persistent: true });
+settings.add('Accounts_OAuth_Dolphin_button_label_color', '#FFFFFF', { type: 'string', group: 'OAuth', section: 'Dolphin', i18nLabel: 'Accounts_OAuth_Custom_Button_Label_Color', persistent: true });
+settings.add('Accounts_OAuth_Dolphin_button_color', '#1d74f5', { type: 'string', group: 'OAuth', section: 'Dolphin', i18nLabel: 'Accounts_OAuth_Custom_Button_Color', persistent: true });
diff --git a/packages/rocketchat-drupal/README.md b/app/drupal/README.md
similarity index 100%
rename from packages/rocketchat-drupal/README.md
rename to app/drupal/README.md
diff --git a/app/drupal/client/index.js b/app/drupal/client/index.js
new file mode 100644
index 0000000000000..e44dbe195eff9
--- /dev/null
+++ b/app/drupal/client/index.js
@@ -0,0 +1 @@
+import '../lib/common';
diff --git a/packages/rocketchat-drupal/client/login-button.css b/app/drupal/client/login-button.css
similarity index 100%
rename from packages/rocketchat-drupal/client/login-button.css
rename to app/drupal/client/login-button.css
diff --git a/app/drupal/lib/common.js b/app/drupal/lib/common.js
new file mode 100644
index 0000000000000..f46259e8de388
--- /dev/null
+++ b/app/drupal/lib/common.js
@@ -0,0 +1,44 @@
+import { Meteor } from 'meteor/meteor';
+import { Tracker } from 'meteor/tracker';
+
+import { settings } from '../../settings';
+import { CustomOAuth } from '../../custom-oauth';
+
+// Drupal Server CallBack URL needs to be http(s)://{rocketchat.server}[:port]/_oauth/drupal
+// In RocketChat -> Administration the URL needs to be http(s)://{drupal.server}/
+
+const config = {
+ serverURL: '',
+ identityPath: '/oauth2/UserInfo',
+ authorizePath: '/oauth2/authorize',
+ tokenPath: '/oauth2/token',
+ scope: 'openid email profile offline_access',
+ tokenSentVia: 'payload',
+ usernameField: 'preferred_username',
+ mergeUsers: true,
+ addAutopublishFields: {
+ forLoggedInUser: ['services.drupal'],
+ forOtherUsers: ['services.drupal.name'],
+ },
+ accessTokenParam: 'access_token',
+};
+
+const Drupal = new CustomOAuth('drupal', config);
+
+if (Meteor.isServer) {
+ Meteor.startup(function() {
+ settings.get('API_Drupal_URL', function(key, value) {
+ config.serverURL = value;
+ Drupal.configure(config);
+ });
+ });
+} else {
+ Meteor.startup(function() {
+ Tracker.autorun(function() {
+ if (settings.get('API_Drupal_URL')) {
+ config.serverURL = settings.get('API_Drupal_URL');
+ Drupal.configure(config);
+ }
+ });
+ });
+}
diff --git a/packages/rocketchat-drupal/server/index.js b/app/drupal/server/index.js
similarity index 100%
rename from packages/rocketchat-drupal/server/index.js
rename to app/drupal/server/index.js
diff --git a/app/drupal/server/startup.js b/app/drupal/server/startup.js
new file mode 100644
index 0000000000000..749d51c065b2f
--- /dev/null
+++ b/app/drupal/server/startup.js
@@ -0,0 +1,16 @@
+import { settings } from '../../settings';
+
+settings.addGroup('OAuth', function() {
+ this.section('Drupal', function() {
+ const enableQuery = {
+ _id: 'Accounts_OAuth_Drupal',
+ value: true,
+ };
+
+ this.add('Accounts_OAuth_Drupal', false, { type: 'boolean' });
+ this.add('API_Drupal_URL', '', { type: 'string', public: true, enableQuery, i18nDescription: 'API_Drupal_URL_Description' });
+ this.add('Accounts_OAuth_Drupal_id', '', { type: 'string', enableQuery });
+ this.add('Accounts_OAuth_Drupal_secret', '', { type: 'string', enableQuery, secret: true });
+ this.add('Accounts_OAuth_Drupal_callback_url', '_oauth/drupal', { type: 'relativeUrl', readonly: true, force: true, enableQuery });
+ });
+});
diff --git a/packages/rocketchat-e2e/client/accountEncryption.html b/app/e2e/client/accountEncryption.html
similarity index 100%
rename from packages/rocketchat-e2e/client/accountEncryption.html
rename to app/e2e/client/accountEncryption.html
diff --git a/packages/rocketchat-e2e/client/accountEncryption.js b/app/e2e/client/accountEncryption.js
similarity index 81%
rename from packages/rocketchat-e2e/client/accountEncryption.js
rename to app/e2e/client/accountEncryption.js
index 9b09ebbf6d414..da1071b15c36d 100644
--- a/packages/rocketchat-e2e/client/accountEncryption.js
+++ b/app/e2e/client/accountEncryption.js
@@ -1,12 +1,15 @@
-/* globals Template, t, ReactiveVar */
+import { Template } from 'meteor/templating';
+import { ReactiveVar } from 'meteor/reactive-var';
import toastr from 'toastr';
import s from 'underscore.string';
-import { RocketChat } from 'meteor/rocketchat:lib';
-import { e2e } from 'meteor/rocketchat:e2e';
+
+import { e2e } from './rocketchat.e2e';
+import { settings } from '../../settings';
+import { t } from '../../utils';
Template.accountEncryption.helpers({
isEnabled() {
- return RocketChat.settings.get('E2E_Enable');
+ return settings.get('E2E_Enable');
},
allowKeyChange() {
return localStorage.getItem('public_key') && localStorage.getItem('private_key');
@@ -24,7 +27,7 @@ Template.accountEncryption.helpers({
const encryptionKey = instance.encryptionKey.get();
const confirmationEncryptionKey = instance.confirmationEncryptionKey.get();
- if ((!encryptionKey || encryptionKey !== confirmationEncryptionKey)) {
+ if (!encryptionKey || encryptionKey !== confirmationEncryptionKey) {
return ret;
}
},
@@ -51,8 +54,8 @@ Template.accountEncryption.events({
Template.accountEncryption.onCreated(function() {
const self = this;
- this.encryptionKey = new ReactiveVar;
- this.confirmationEncryptionKey = new ReactiveVar;
+ this.encryptionKey = new ReactiveVar();
+ this.confirmationEncryptionKey = new ReactiveVar();
this.save = function(cb) {
const instance = this;
@@ -80,5 +83,4 @@ Template.accountEncryption.onCreated(function() {
this.find('[name=encryptionKey]').value = '';
this.find('[name=confirmation-encryptionKey]').value = '';
};
-
});
diff --git a/app/e2e/client/events.js b/app/e2e/client/events.js
new file mode 100644
index 0000000000000..c59b20594b85f
--- /dev/null
+++ b/app/e2e/client/events.js
@@ -0,0 +1,7 @@
+import { Accounts } from 'meteor/accounts-base';
+
+import { e2e } from './rocketchat.e2e';
+
+Accounts.onLogout(() => {
+ e2e.stopClient();
+});
diff --git a/app/e2e/client/helper.js b/app/e2e/client/helper.js
new file mode 100644
index 0000000000000..bf1de708da6ee
--- /dev/null
+++ b/app/e2e/client/helper.js
@@ -0,0 +1,117 @@
+/* eslint-disable new-cap, no-proto */
+
+import ByteBuffer from 'bytebuffer';
+
+const StaticArrayBufferProto = new ArrayBuffer().__proto__;
+
+export function toString(thing) {
+ if (typeof thing === 'string') {
+ return thing;
+ }
+ return new ByteBuffer.wrap(thing).toString('binary');
+}
+
+export function toArrayBuffer(thing) {
+ if (thing === undefined) {
+ return undefined;
+ }
+ if (thing === Object(thing)) {
+ if (thing.__proto__ === StaticArrayBufferProto) {
+ return thing;
+ }
+ }
+
+ if (typeof thing !== 'string') {
+ throw new Error(`Tried to convert a non-string of type ${ typeof thing } to an array buffer`);
+ }
+ return new ByteBuffer.wrap(thing, 'binary').toArrayBuffer();
+}
+
+export function joinVectorAndEcryptedData(vector, encryptedData) {
+ const cipherText = new Uint8Array(encryptedData);
+ const output = new Uint8Array(vector.length + cipherText.length);
+ output.set(vector, 0);
+ output.set(cipherText, vector.length);
+ return output;
+}
+
+export function splitVectorAndEcryptedData(cipherText) {
+ const vector = cipherText.slice(0, 16);
+ const encryptedData = cipherText.slice(16);
+
+ return [vector, encryptedData];
+}
+
+export async function encryptRSA(key, data) {
+ return crypto.subtle.encrypt({ name: 'RSA-OAEP' }, key, data);
+}
+
+export async function encryptAES(vector, key, data) {
+ return crypto.subtle.encrypt({ name: 'AES-CBC', iv: vector }, key, data);
+}
+
+export async function decryptRSA(key, data) {
+ return crypto.subtle.decrypt({ name: 'RSA-OAEP' }, key, data);
+}
+
+export async function decryptAES(vector, key, data) {
+ return crypto.subtle.decrypt({ name: 'AES-CBC', iv: vector }, key, data);
+}
+
+export async function generateAESKey() {
+ return crypto.subtle.generateKey({ name: 'AES-CBC', length: 128 }, true, ['encrypt', 'decrypt']);
+}
+
+export async function generateRSAKey() {
+ return crypto.subtle.generateKey({ name: 'RSA-OAEP', modulusLength: 2048, publicExponent: new Uint8Array([0x01, 0x00, 0x01]), hash: { name: 'SHA-256' } }, true, ['encrypt', 'decrypt']);
+}
+
+export async function exportJWKKey(key) {
+ return crypto.subtle.exportKey('jwk', key);
+}
+
+export async function importRSAKey(keyData, keyUsages = ['encrypt', 'decrypt']) {
+ return crypto.subtle.importKey('jwk', keyData, { name: 'RSA-OAEP', modulusLength: 2048, publicExponent: new Uint8Array([0x01, 0x00, 0x01]), hash: { name: 'SHA-256' } }, true, keyUsages);
+}
+
+export async function importAESKey(keyData, keyUsages = ['encrypt', 'decrypt']) {
+ return crypto.subtle.importKey('jwk', keyData, { name: 'AES-CBC' }, true, keyUsages);
+}
+
+export async function importRawKey(keyData, keyUsages = ['deriveKey']) {
+ return crypto.subtle.importKey('raw', keyData, { name: 'PBKDF2' }, false, keyUsages);
+}
+
+export async function deriveKey(salt, baseKey, keyUsages = ['encrypt', 'decrypt']) {
+ const iterations = 1000;
+ const hash = 'SHA-256';
+
+ return crypto.subtle.deriveKey({ name: 'PBKDF2', salt, iterations, hash }, baseKey, { name: 'AES-CBC', length: 256 }, true, keyUsages);
+}
+
+export async function readFileAsArrayBuffer(file) {
+ return new Promise((resolve, reject) => {
+ const reader = new FileReader();
+ reader.onload = function(evt) {
+ resolve(evt.target.result);
+ };
+ reader.onerror = function(evt) {
+ reject(evt);
+ };
+ reader.readAsArrayBuffer(file);
+ });
+}
+
+export class Deferred {
+ constructor() {
+ const p = new Promise((resolve, reject) => {
+ this.resolve = resolve;
+ this.reject = reject;
+ });
+
+ p.resolve = this.resolve;
+ p.reject = this.reject;
+
+ return p;
+ }
+}
diff --git a/app/e2e/client/index.js b/app/e2e/client/index.js
new file mode 100644
index 0000000000000..f4e81a3237ebc
--- /dev/null
+++ b/app/e2e/client/index.js
@@ -0,0 +1 @@
+export * from './rocketchat.e2e';
diff --git a/packages/rocketchat-e2e/client/rocketchat.e2e.js b/app/e2e/client/rocketchat.e2e.js
similarity index 90%
rename from packages/rocketchat-e2e/client/rocketchat.e2e.js
rename to app/e2e/client/rocketchat.e2e.js
index 2aec83f981fe4..7fe0e86784084 100644
--- a/packages/rocketchat-e2e/client/rocketchat.e2e.js
+++ b/app/e2e/client/rocketchat.e2e.js
@@ -1,16 +1,11 @@
-/* globals alerts, modal */
-
-import './stylesheets/e2e';
-
import { Meteor } from 'meteor/meteor';
import { Random } from 'meteor/random';
import { ReactiveVar } from 'meteor/reactive-var';
import { Tracker } from 'meteor/tracker';
import { EJSON } from 'meteor/ejson';
-
import { FlowRouter } from 'meteor/kadira:flow-router';
-import { RocketChat, call } from 'meteor/rocketchat:lib';
import { TAPi18n } from 'meteor/tap:i18n';
+
import { E2ERoom } from './rocketchat.e2e.room';
import {
Deferred,
@@ -26,9 +21,15 @@ import {
importRawKey,
deriveKey,
} from './helper';
+import { Rooms, Subscriptions, Messages } from '../../models';
+import { promises } from '../../promises/client';
+import { settings } from '../../settings';
+import { Notifications } from '../../notifications';
+import { Layout, call, modal, alerts } from '../../ui-utils';
import './events.js';
import './accountEncryption.html';
+import './tabbar';
import './accountEncryption.js';
let failedToDecodeKey = false;
@@ -63,7 +64,7 @@ class E2E {
return;
}
- const room = RocketChat.models.Rooms.findOne({
+ const room = Rooms.findOne({
_id: roomId,
});
@@ -76,7 +77,7 @@ class E2E {
}
if (!this.instancesByRoomId[roomId]) {
- const subscription = RocketChat.models.Subscriptions.findOne({
+ const subscription = Subscriptions.findOne({
rid: roomId,
});
@@ -210,7 +211,7 @@ class E2E {
}
setupListeners() {
- RocketChat.Notifications.onUser('e2ekeyRequest', async(roomId, keyId) => {
+ Notifications.onUser('e2ekeyRequest', async (roomId, keyId) => {
const e2eRoom = await this.getInstanceByRoomId(roomId);
if (!e2eRoom) {
return;
@@ -219,19 +220,19 @@ class E2E {
e2eRoom.provideKeyToUser(keyId);
});
- RocketChat.models.Subscriptions.after.update((userId, doc) => {
+ Subscriptions.after.update((userId, doc) => {
this.decryptSubscription(doc);
});
- RocketChat.models.Subscriptions.after.insert((userId, doc) => {
+ Subscriptions.after.insert((userId, doc) => {
this.decryptSubscription(doc);
});
- RocketChat.models.Messages.after.update((userId, doc) => {
+ Messages.after.update((userId, doc) => {
this.decryptMessage(doc);
});
- RocketChat.models.Messages.after.insert((userId, doc) => {
+ Messages.after.insert((userId, doc) => {
this.decryptMessage(doc);
});
}
@@ -351,7 +352,7 @@ class E2E {
modal.open({
title: TAPi18n.__('Enter_E2E_password_to_decode_your_key'),
type: 'input',
- inputType: 'text',
+ inputType: 'password',
html: true,
text: `
${ TAPi18n.__('E2E_password_request_text') }
`,
showConfirmButton: true,
@@ -425,7 +426,7 @@ class E2E {
return;
}
- RocketChat.models.Messages.direct.update({ _id: message._id }, {
+ Messages.direct.update({ _id: message._id }, {
$set: {
msg: data.text,
e2e: 'done',
@@ -438,7 +439,7 @@ class E2E {
return;
}
- return await RocketChat.models.Messages.find({ t: 'e2e', e2e: 'pending' }).forEach(async(item) => {
+ return Messages.find({ t: 'e2e', e2e: 'pending' }).forEach(async (item) => {
await this.decryptMessage(item);
});
}
@@ -463,7 +464,7 @@ class E2E {
return;
}
- RocketChat.models.Subscriptions.direct.update({
+ Subscriptions.direct.update({
_id: subscription._id,
}, {
$set: {
@@ -474,7 +475,7 @@ class E2E {
}
async decryptPendingSubscriptions() {
- RocketChat.models.Subscriptions.find({
+ Subscriptions.find({
'lastMessage.t': 'e2e',
'lastMessage.e2e': {
$ne: 'done',
@@ -498,9 +499,9 @@ export const e2e = new E2E();
Meteor.startup(function() {
Tracker.autorun(function() {
if (Meteor.userId()) {
- const adminEmbedded = RocketChat.Layout.isEmbedded() && FlowRouter.current().path.startsWith('/admin');
+ const adminEmbedded = Layout.isEmbedded() && FlowRouter.current().path.startsWith('/admin');
- if (!adminEmbedded && RocketChat.settings.get('E2E_Enable') && window.crypto) {
+ if (!adminEmbedded && settings.get('E2E_Enable') && window.crypto) {
e2e.startClient();
e2e.enabled.set(true);
} else {
@@ -510,7 +511,7 @@ Meteor.startup(function() {
});
// Encrypt messages before sending
- RocketChat.promises.add('onClientBeforeSendMessage', async function(message) {
+ promises.add('onClientBeforeSendMessage', async function(message) {
if (!message.rid) {
return Promise.resolve(message);
}
@@ -529,5 +530,5 @@ Meteor.startup(function() {
message.e2e = 'pending';
return message;
});
- }, RocketChat.promises.priority.HIGH);
+ }, promises.priority.HIGH);
});
diff --git a/packages/rocketchat-e2e/client/rocketchat.e2e.room.js b/app/e2e/client/rocketchat.e2e.room.js
similarity index 94%
rename from packages/rocketchat-e2e/client/rocketchat.e2e.room.js
rename to app/e2e/client/rocketchat.e2e.room.js
index ad0ac0a2aa1e7..d4f59fdcbc289 100644
--- a/packages/rocketchat-e2e/client/rocketchat.e2e.room.js
+++ b/app/e2e/client/rocketchat.e2e.room.js
@@ -1,12 +1,10 @@
import _ from 'underscore';
-
import { Base64 } from 'meteor/base64';
import { ReactiveVar } from 'meteor/reactive-var';
import { EJSON } from 'meteor/ejson';
import { Random } from 'meteor/random';
import { TimeSync } from 'meteor/mizzao:timesync';
-import { RocketChat, call } from 'meteor/rocketchat:lib';
import { e2e } from './rocketchat.e2e';
import {
Deferred,
@@ -24,6 +22,9 @@ import {
importRSAKey,
readFileAsArrayBuffer,
} from './helper';
+import { Notifications } from '../../notifications';
+import { Rooms, Subscriptions } from '../../models';
+import { call } from '../../ui-utils';
export class E2ERoom {
constructor(userId, roomId, t) {
@@ -38,7 +39,7 @@ export class E2ERoom {
this._ready.set(true);
this.establishing.set(false);
- RocketChat.Notifications.onRoom(this.roomId, 'e2ekeyRequest', async(keyId) => {
+ Notifications.onRoom(this.roomId, 'e2ekeyRequest', async (keyId) => {
this.provideKeyToUser(keyId);
});
});
@@ -55,7 +56,7 @@ export class E2ERoom {
}
if (this.establishing.get()) {
- return await this.readyPromise;
+ return this.readyPromise;
}
console.log('E2E -> Initiating handshake');
@@ -70,7 +71,7 @@ export class E2ERoom {
// Fetch encrypted session key from subscription model
let groupKey;
try {
- groupKey = RocketChat.models.Subscriptions.findOne({ rid: this.roomId }).E2EKey;
+ groupKey = Subscriptions.findOne({ rid: this.roomId }).E2EKey;
} catch (error) {
return console.error('E2E -> Error fetching group key: ', error);
}
@@ -81,7 +82,7 @@ export class E2ERoom {
return true;
}
- const room = RocketChat.models.Rooms.findOne({ _id: this.roomId });
+ const room = Rooms.findOne({ _id: this.roomId });
if (!room.e2eKeyId) {
await this.createGroupKey();
@@ -92,7 +93,7 @@ export class E2ERoom {
console.log('E2E -> Requesting room key');
// TODO: request group key
- RocketChat.Notifications.notifyUsersOfRoom(this.roomId, 'e2ekeyRequest', this.roomId, room.e2eKeyId);
+ Notifications.notifyUsersOfRoom(this.roomId, 'e2ekeyRequest', this.roomId, room.e2eKeyId);
}
isSupportedRoomType(type) {
diff --git a/packages/rocketchat-e2e/client/stylesheets/e2e.less b/app/e2e/client/stylesheets/e2e.less
similarity index 100%
rename from packages/rocketchat-e2e/client/stylesheets/e2e.less
rename to app/e2e/client/stylesheets/e2e.less
diff --git a/app/e2e/client/tabbar.js b/app/e2e/client/tabbar.js
new file mode 100644
index 0000000000000..00cae6e578211
--- /dev/null
+++ b/app/e2e/client/tabbar.js
@@ -0,0 +1,22 @@
+import { Meteor } from 'meteor/meteor';
+import { Session } from 'meteor/session';
+
+import { hasAllPermission } from '../../authorization';
+import { call, TabBar } from '../../ui-utils';
+import { ChatRoom } from '../../models';
+
+Meteor.startup(() => {
+ TabBar.addButton({
+ groups: ['direct', 'group'],
+ id: 'e2e',
+ i18nTitle: 'E2E',
+ icon: 'key',
+ class: () => (ChatRoom.findOne(Session.get('openedRoom')) || {}).encrypted && 'enabled',
+ action: () => {
+ const room = ChatRoom.findOne(Session.get('openedRoom'));
+ call('saveRoomSettings', room._id, 'encrypted', !room.encrypted);
+ },
+ order: 10,
+ condition: () => hasAllPermission('edit-room', Session.get('openedRoom')),
+ });
+});
diff --git a/app/e2e/server/index.js b/app/e2e/server/index.js
new file mode 100644
index 0000000000000..fdf3db07c92d9
--- /dev/null
+++ b/app/e2e/server/index.js
@@ -0,0 +1,15 @@
+import { callbacks } from '../../callbacks';
+import { Notifications } from '../../notifications';
+
+import './settings';
+import './methods/setUserPublicAndPivateKeys';
+import './methods/getUsersOfRoomWithoutKey';
+import './methods/updateGroupKey';
+import './methods/setRoomKeyID';
+import './methods/fetchMyKeys';
+import './methods/resetUserE2EKey';
+import './methods/requestSubscriptionKeys';
+
+callbacks.add('afterJoinRoom', (user, room) => {
+ Notifications.notifyRoom('e2e.keyRequest', room._id, room.e2eKeyId);
+});
diff --git a/app/e2e/server/methods/fetchMyKeys.js b/app/e2e/server/methods/fetchMyKeys.js
new file mode 100644
index 0000000000000..f50e8578f8151
--- /dev/null
+++ b/app/e2e/server/methods/fetchMyKeys.js
@@ -0,0 +1,13 @@
+import { Meteor } from 'meteor/meteor';
+
+import { Users } from '../../../models';
+
+Meteor.methods({
+ 'e2e.fetchMyKeys'() {
+ const userId = Meteor.userId();
+ if (!userId) {
+ throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'e2e.fetchMyKeys' });
+ }
+ return Users.fetchKeysByUserId(userId);
+ },
+});
diff --git a/app/e2e/server/methods/getUsersOfRoomWithoutKey.js b/app/e2e/server/methods/getUsersOfRoomWithoutKey.js
new file mode 100644
index 0000000000000..a686af5e88c4c
--- /dev/null
+++ b/app/e2e/server/methods/getUsersOfRoomWithoutKey.js
@@ -0,0 +1,27 @@
+import { Meteor } from 'meteor/meteor';
+
+import { Subscriptions, Users } from '../../../models';
+
+Meteor.methods({
+ 'e2e.getUsersOfRoomWithoutKey'(rid) {
+ const userId = Meteor.userId();
+ if (!userId) {
+ throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'e2e.getUsersOfRoomWithoutKey' });
+ }
+
+ const room = Meteor.call('canAccessRoom', rid, userId);
+ if (!room) {
+ throw new Meteor.Error('error-invalid-room', 'Invalid room', { method: 'e2e.getUsersOfRoomWithoutKey' });
+ }
+
+ const subscriptions = Subscriptions.findByRidWithoutE2EKey(rid, { fields: { 'u._id': 1 } }).fetch();
+ const userIds = subscriptions.map((s) => s.u._id);
+ const options = { fields: { 'e2e.public_key': 1 } };
+
+ const users = Users.findByIdsWithPublicE2EKey(userIds, options).fetch();
+
+ return {
+ users,
+ };
+ },
+});
diff --git a/app/e2e/server/methods/requestSubscriptionKeys.js b/app/e2e/server/methods/requestSubscriptionKeys.js
new file mode 100644
index 0000000000000..2a381c2eea881
--- /dev/null
+++ b/app/e2e/server/methods/requestSubscriptionKeys.js
@@ -0,0 +1,35 @@
+import { Meteor } from 'meteor/meteor';
+
+import { Subscriptions, Rooms } from '../../../models';
+import { Notifications } from '../../../notifications';
+
+Meteor.methods({
+ 'e2e.requestSubscriptionKeys'() {
+ if (!Meteor.userId()) {
+ throw new Meteor.Error('error-invalid-user', 'Invalid user', {
+ method: 'requestSubscriptionKeys',
+ });
+ }
+
+ // Get all encrypted rooms that the user is subscribed to and has no E2E key yet
+ const subscriptions = Subscriptions.findByUserIdWithoutE2E(Meteor.userId());
+ const roomIds = subscriptions.map((subscription) => subscription.rid);
+
+ // For all subscriptions without E2E key, get the rooms that have encryption enabled
+ const query = {
+ e2eKeyId: {
+ $exists: true,
+ },
+ _id: {
+ $in: roomIds,
+ },
+ };
+
+ const rooms = Rooms.find(query);
+ rooms.forEach((room) => {
+ Notifications.notifyRoom('e2e.keyRequest', room._id, room.e2eKeyId);
+ });
+
+ return true;
+ },
+});
diff --git a/app/e2e/server/methods/resetUserE2EKey.js b/app/e2e/server/methods/resetUserE2EKey.js
new file mode 100644
index 0000000000000..b1259a32b709a
--- /dev/null
+++ b/app/e2e/server/methods/resetUserE2EKey.js
@@ -0,0 +1,27 @@
+import { Meteor } from 'meteor/meteor';
+
+import { Users, Subscriptions } from '../../../models';
+import { hasPermission } from '../../../authorization';
+
+Meteor.methods({
+ 'e2e.resetUserE2EKey'(userId) {
+ if (!Meteor.userId()) {
+ throw new Meteor.Error('error-invalid-user', 'Invalid user', {
+ method: 'resetUserE2EKey',
+ });
+ }
+
+ if (hasPermission(Meteor.userId(), 'reset-other-user-e2e-key') !== true) {
+ throw new Meteor.Error('error-not-allowed', 'Not allowed', {
+ method: 'resetUserE2EKey',
+ });
+ }
+
+ Users.resetE2EKey(userId);
+ Subscriptions.resetUserE2EKey(userId);
+
+ // Force the user to logout, so that the keys can be generated again
+ Users.removeResumeService(userId);
+ return true;
+ },
+});
diff --git a/packages/rocketchat-e2e/server/methods/setRoomKeyID.js b/app/e2e/server/methods/setRoomKeyID.js
similarity index 83%
rename from packages/rocketchat-e2e/server/methods/setRoomKeyID.js
rename to app/e2e/server/methods/setRoomKeyID.js
index d31aaf492e35b..a273e803b9340 100644
--- a/packages/rocketchat-e2e/server/methods/setRoomKeyID.js
+++ b/app/e2e/server/methods/setRoomKeyID.js
@@ -1,5 +1,6 @@
import { Meteor } from 'meteor/meteor';
-import { RocketChat } from 'meteor/rocketchat:lib';
+
+import { Rooms } from '../../../models';
Meteor.methods({
'e2e.setRoomKeyID'(rid, keyID) {
@@ -17,6 +18,6 @@ Meteor.methods({
throw new Meteor.Error('error-room-e2e-key-already-exists', 'E2E Key ID already exists', { method: 'e2e.setRoomKeyID' });
}
- return RocketChat.models.Rooms.setE2eKeyId(room._id, keyID);
+ return Rooms.setE2eKeyId(room._id, keyID);
},
});
diff --git a/app/e2e/server/methods/setUserPublicAndPivateKeys.js b/app/e2e/server/methods/setUserPublicAndPivateKeys.js
new file mode 100644
index 0000000000000..f1c4604babda6
--- /dev/null
+++ b/app/e2e/server/methods/setUserPublicAndPivateKeys.js
@@ -0,0 +1,15 @@
+import { Meteor } from 'meteor/meteor';
+
+import { Users } from '../../../models';
+
+Meteor.methods({
+ 'e2e.setUserPublicAndPivateKeys'({ public_key, private_key }) {
+ const userId = Meteor.userId();
+
+ if (!userId) {
+ throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'e2e.setUserPublicAndPivateKeys' });
+ }
+
+ return Users.setE2EPublicAndPivateKeysByUserId(userId, { public_key, private_key });
+ },
+});
diff --git a/app/e2e/server/methods/updateGroupKey.js b/app/e2e/server/methods/updateGroupKey.js
new file mode 100644
index 0000000000000..78123f8a0ad7f
--- /dev/null
+++ b/app/e2e/server/methods/updateGroupKey.js
@@ -0,0 +1,15 @@
+import { Meteor } from 'meteor/meteor';
+
+import { Subscriptions } from '../../../models';
+
+Meteor.methods({
+ 'e2e.updateGroupKey'(rid, uid, key) {
+ const mySub = Subscriptions.findOneByRoomIdAndUserId(rid, Meteor.userId());
+ if (mySub) { // I have a subscription to this room
+ const userSub = Subscriptions.findOneByRoomIdAndUserId(rid, uid);
+ if (userSub) { // uid also has subscription to this room
+ return Subscriptions.updateGroupE2EKey(userSub._id, key);
+ }
+ }
+ },
+});
diff --git a/app/e2e/server/settings.js b/app/e2e/server/settings.js
new file mode 100644
index 0000000000000..2d9b508e4764d
--- /dev/null
+++ b/app/e2e/server/settings.js
@@ -0,0 +1,11 @@
+import { settings } from '../../settings';
+
+settings.addGroup('E2E Encryption', function() {
+ this.add('E2E_Enable', false, {
+ type: 'boolean',
+ i18nLabel: 'Enabled',
+ i18nDescription: 'E2E_Enable_description',
+ public: true,
+ alert: 'E2E_Enable_alert',
+ });
+});
diff --git a/packages/rocketchat-emoji-custom/assets/stylesheets/emojiCustomAdmin.css b/app/emoji-custom/assets/stylesheets/emojiCustomAdmin.css
similarity index 100%
rename from packages/rocketchat-emoji-custom/assets/stylesheets/emojiCustomAdmin.css
rename to app/emoji-custom/assets/stylesheets/emojiCustomAdmin.css
diff --git a/app/emoji-custom/client/admin/adminEmoji.html b/app/emoji-custom/client/admin/adminEmoji.html
new file mode 100644
index 0000000000000..b85042ea49d39
--- /dev/null
+++ b/app/emoji-custom/client/admin/adminEmoji.html
@@ -0,0 +1,76 @@
+
+
+
+ {{> header sectionName="Custom_emoji"}}
+
+ {{#unless hasPermission 'manage-emoji'}}
+
{{_ "You_are_not_authorized_to_view_this_page"}}
+ {{else}}
+
+
+ {{{_ "Showing_results" customemoji.length}}}
+
+ {{#table fixed='true' onItemClick=onTableItemClick onScroll=onTableScroll onResize=onTableResize}}
+
+
+ |
+ {{_ "Name"}}
+ |
+
+ {{_ "Aliases"}}
+ |
+
+
+
+ {{#each customemoji}}
+
+ |
+
+ |
+
+
+ |
+
+ {{else}} {{# with searchText}}
+
+ | {{_ "No_results_found_for"}} {{.}} |
+
+ {{/with}} {{/each}} {{#unless isReady}}
+
+ | {{> loading}} |
+
+ {{/unless}}
+
+ {{/table}}
+ {{/unless}}
+
+ {{#with flexData}}
+ {{> flexTabBar}}
+ {{/with}}
+
diff --git a/app/emoji-custom/client/admin/adminEmoji.js b/app/emoji-custom/client/admin/adminEmoji.js
new file mode 100644
index 0000000000000..3d64e3b189cec
--- /dev/null
+++ b/app/emoji-custom/client/admin/adminEmoji.js
@@ -0,0 +1,125 @@
+import { ReactiveVar } from 'meteor/reactive-var';
+import { Tracker } from 'meteor/tracker';
+import { FlowRouter } from 'meteor/kadira:flow-router';
+import { Template } from 'meteor/templating';
+import s from 'underscore.string';
+
+import { EmojiCustom } from '../../../models';
+import { RocketChatTabBar, SideNav, TabBar } from '../../../ui-utils';
+
+Template.adminEmoji.helpers({
+ searchText() {
+ const instance = Template.instance();
+ return instance.filter && instance.filter.get();
+ },
+ isReady() {
+ if (Template.instance().ready != null) {
+ return Template.instance().ready.get();
+ }
+ return undefined;
+ },
+ customemoji() {
+ return Template.instance().customemoji();
+ },
+ isLoading() {
+ if (Template.instance().ready != null) {
+ if (!Template.instance().ready.get()) {
+ return 'btn-loading';
+ }
+ }
+ },
+ hasMore() {
+ if (Template.instance().limit != null) {
+ if (typeof Template.instance().customemoji === 'function') {
+ return Template.instance().limit.get() === Template.instance().customemoji().length;
+ }
+ }
+ return false;
+ },
+ flexData() {
+ return {
+ tabBar: Template.instance().tabBar,
+ data: Template.instance().tabBarData.get(),
+ };
+ },
+ onTableItemClick() {
+ const instance = Template.instance();
+ return function({ _id }) {
+ instance.tabBarData.set(EmojiCustom.findOne({ _id }));
+ instance.tabBar.open('admin-emoji-info');
+ };
+ },
+});
+
+Template.adminEmoji.onCreated(function() {
+ const instance = this;
+ this.limit = new ReactiveVar(50);
+ this.filter = new ReactiveVar('');
+ this.ready = new ReactiveVar(false);
+
+ this.tabBar = new RocketChatTabBar();
+ this.tabBar.showGroup(FlowRouter.current().route.name);
+ this.tabBarData = new ReactiveVar();
+
+ TabBar.addButton({
+ groups: ['emoji-custom'],
+ id: 'add-emoji',
+ i18nTitle: 'Custom_Emoji_Add',
+ icon: 'plus',
+ template: 'adminEmojiEdit',
+ order: 1,
+ });
+
+ TabBar.addButton({
+ groups: ['emoji-custom'],
+ id: 'admin-emoji-info',
+ i18nTitle: 'Custom_Emoji_Info',
+ icon: 'customize',
+ template: 'adminEmojiInfo',
+ order: 2,
+ });
+
+ this.autorun(function() {
+ const limit = instance.limit != null ? instance.limit.get() : 0;
+ const subscription = instance.subscribe('fullEmojiData', '', limit);
+ instance.ready.set(subscription.ready());
+ });
+
+ this.customemoji = function() {
+ const filter = instance.filter != null ? s.trim(instance.filter.get()) : '';
+
+ let query = {};
+
+ if (filter) {
+ const filterReg = new RegExp(s.escapeRegExp(filter), 'i');
+ query = { $or: [{ name: filterReg }, { aliases: filterReg }] };
+ }
+
+ const limit = instance.limit != null ? instance.limit.get() : 0;
+
+ return EmojiCustom.find(query, { limit, sort: { name: 1 } }).fetch();
+ };
+});
+
+Template.adminEmoji.onRendered(() =>
+ Tracker.afterFlush(function() {
+ SideNav.setFlex('adminFlex');
+ SideNav.openFlex();
+ })
+);
+
+Template.adminEmoji.events({
+ 'keydown #emoji-filter'(e) {
+ // stop enter key
+ if (e.which === 13) {
+ e.stopPropagation();
+ e.preventDefault();
+ }
+ },
+
+ 'keyup #emoji-filter'(e, t) {
+ e.stopPropagation();
+ e.preventDefault();
+ t.filter.set(e.currentTarget.value);
+ },
+});
diff --git a/packages/rocketchat-emoji-custom/client/admin/adminEmojiEdit.html b/app/emoji-custom/client/admin/adminEmojiEdit.html
similarity index 100%
rename from packages/rocketchat-emoji-custom/client/admin/adminEmojiEdit.html
rename to app/emoji-custom/client/admin/adminEmojiEdit.html
diff --git a/packages/rocketchat-emoji-custom/client/admin/adminEmojiInfo.html b/app/emoji-custom/client/admin/adminEmojiInfo.html
similarity index 100%
rename from packages/rocketchat-emoji-custom/client/admin/adminEmojiInfo.html
rename to app/emoji-custom/client/admin/adminEmojiInfo.html
diff --git a/packages/rocketchat-emoji-custom/client/admin/emojiEdit.html b/app/emoji-custom/client/admin/emojiEdit.html
similarity index 100%
rename from packages/rocketchat-emoji-custom/client/admin/emojiEdit.html
rename to app/emoji-custom/client/admin/emojiEdit.html
diff --git a/packages/rocketchat-emoji-custom/client/admin/emojiEdit.js b/app/emoji-custom/client/admin/emojiEdit.js
similarity index 96%
rename from packages/rocketchat-emoji-custom/client/admin/emojiEdit.js
rename to app/emoji-custom/client/admin/emojiEdit.js
index 0509ab70713ed..b226ea27c470e 100644
--- a/packages/rocketchat-emoji-custom/client/admin/emojiEdit.js
+++ b/app/emoji-custom/client/admin/emojiEdit.js
@@ -1,11 +1,11 @@
import { Meteor } from 'meteor/meteor';
import { Template } from 'meteor/templating';
import { TAPi18n } from 'meteor/tap:i18n';
-import { handleError } from 'meteor/rocketchat:lib';
-import { t } from 'meteor/rocketchat:ui';
import toastr from 'toastr';
import s from 'underscore.string';
+import { t, handleError } from '../../../utils';
+
Template.emojiEdit.helpers({
emoji() {
return Template.instance().emoji;
@@ -130,7 +130,6 @@ Template.emojiEdit.onCreated(function() {
if (uploadError != null) {
handleError(uploadError);
console.log(uploadError);
- return;
}
}
);
diff --git a/packages/rocketchat-emoji-custom/client/admin/emojiInfo.html b/app/emoji-custom/client/admin/emojiInfo.html
similarity index 100%
rename from packages/rocketchat-emoji-custom/client/admin/emojiInfo.html
rename to app/emoji-custom/client/admin/emojiInfo.html
diff --git a/packages/rocketchat-emoji-custom/client/admin/emojiInfo.js b/app/emoji-custom/client/admin/emojiInfo.js
similarity index 88%
rename from packages/rocketchat-emoji-custom/client/admin/emojiInfo.js
rename to app/emoji-custom/client/admin/emojiInfo.js
index 17c35f3ad577c..cb84c0053b6b3 100644
--- a/packages/rocketchat-emoji-custom/client/admin/emojiInfo.js
+++ b/app/emoji-custom/client/admin/emojiInfo.js
@@ -1,8 +1,9 @@
import { Meteor } from 'meteor/meteor';
import { ReactiveVar } from 'meteor/reactive-var';
import { Template } from 'meteor/templating';
-import { handleError } from 'meteor/rocketchat:lib';
-import { t, modal } from 'meteor/rocketchat:ui';
+
+import { handleError, t } from '../../../utils';
+import { modal } from '../../../ui-utils';
Template.emojiInfo.helpers({
name() {
@@ -67,17 +68,16 @@ Template.emojiInfo.events({
Meteor.call('deleteEmojiCustom', _id, (error/* , result*/) => {
if (error) {
return handleError(error);
- } else {
- modal.open({
- title: t('Deleted'),
- text: t('Custom_Emoji_Has_Been_Deleted'),
- type: 'success',
- timer: 2000,
- showConfirmButton: false,
- });
-
- instance.tabBar.close();
}
+ modal.open({
+ title: t('Deleted'),
+ text: t('Custom_Emoji_Has_Been_Deleted'),
+ type: 'success',
+ timer: 2000,
+ showConfirmButton: false,
+ });
+
+ instance.tabBar.close();
});
});
}
diff --git a/packages/rocketchat-emoji-custom/client/admin/emojiPreview.html b/app/emoji-custom/client/admin/emojiPreview.html
similarity index 100%
rename from packages/rocketchat-emoji-custom/client/admin/emojiPreview.html
rename to app/emoji-custom/client/admin/emojiPreview.html
diff --git a/packages/rocketchat-emoji-custom/client/admin/route.js b/app/emoji-custom/client/admin/route.js
similarity index 100%
rename from packages/rocketchat-emoji-custom/client/admin/route.js
rename to app/emoji-custom/client/admin/route.js
diff --git a/app/emoji-custom/client/admin/startup.js b/app/emoji-custom/client/admin/startup.js
new file mode 100644
index 0000000000000..2845727615d4b
--- /dev/null
+++ b/app/emoji-custom/client/admin/startup.js
@@ -0,0 +1,11 @@
+import { AdminBox } from '../../../ui-utils';
+import { hasPermission } from '../../../authorization';
+
+AdminBox.addOption({
+ href: 'emoji-custom',
+ i18nLabel: 'Custom_Emoji',
+ icon: 'emoji',
+ permissionGranted() {
+ return hasPermission('manage-emoji');
+ },
+});
diff --git a/app/emoji-custom/client/index.js b/app/emoji-custom/client/index.js
new file mode 100644
index 0000000000000..06b3776947690
--- /dev/null
+++ b/app/emoji-custom/client/index.js
@@ -0,0 +1,14 @@
+import './lib/emojiCustom';
+import './notifications/deleteEmojiCustom';
+import './notifications/updateEmojiCustom';
+import './admin/startup';
+import './admin/adminEmoji.html';
+import './admin/adminEmoji';
+import './admin/adminEmojiEdit.html';
+import './admin/adminEmojiInfo.html';
+import './admin/emojiEdit.html';
+import './admin/emojiEdit';
+import './admin/emojiInfo.html';
+import './admin/emojiInfo';
+import './admin/emojiPreview.html';
+import './admin/route';
diff --git a/app/emoji-custom/client/lib/emojiCustom.js b/app/emoji-custom/client/lib/emojiCustom.js
new file mode 100644
index 0000000000000..8395f74c3d8e7
--- /dev/null
+++ b/app/emoji-custom/client/lib/emojiCustom.js
@@ -0,0 +1,184 @@
+import { Meteor } from 'meteor/meteor';
+import { Blaze } from 'meteor/blaze';
+import { Session } from 'meteor/session';
+
+import { isSetNotNull } from './function-isSet';
+import { RoomManager, call } from '../../../ui-utils';
+import { emoji, EmojiPicker } from '../../../emoji';
+import { CachedCollectionManager } from '../../../ui-cached-collection';
+
+export const getEmojiUrlFromName = function(name, extension) {
+ Session.get;
+
+ const key = `emoji_random_${ name }`;
+
+ let random = 0;
+ if (isSetNotNull(() => Session.keys[key])) {
+ random = Session.keys[key];
+ }
+
+ if (name == null) {
+ return;
+ }
+ const path = __meteor_runtime_config__.ROOT_URL_PATH_PREFIX || '';
+ return `${ path }/emoji-custom/${ encodeURIComponent(name) }.${ extension }?_dc=${ random }`;
+};
+
+Blaze.registerHelper('emojiUrlFromName', getEmojiUrlFromName);
+
+export const deleteEmojiCustom = function(emojiData) {
+ delete emoji.list[`:${ emojiData.name }:`];
+ const arrayIndex = emoji.packages.emojiCustom.emojisByCategory.rocket.indexOf(emojiData.name);
+ if (arrayIndex !== -1) {
+ emoji.packages.emojiCustom.emojisByCategory.rocket.splice(arrayIndex, 1);
+ }
+ const arrayIndexList = emoji.packages.emojiCustom.list.indexOf(`:${ emojiData.name }:`);
+ if (arrayIndexList !== -1) {
+ emoji.packages.emojiCustom.list.splice(arrayIndexList, 1);
+ }
+ if (isSetNotNull(() => emojiData.aliases)) {
+ for (const alias of emojiData.aliases) {
+ delete emoji.list[`:${ alias }:`];
+ const aliasIndex = emoji.packages.emojiCustom.list.indexOf(`:${ alias }:`);
+ if (aliasIndex !== -1) {
+ emoji.packages.emojiCustom.list.splice(aliasIndex, 1);
+ }
+ }
+ }
+ EmojiPicker.updateRecent('rocket');
+};
+
+export const updateEmojiCustom = function(emojiData) {
+ let key = `emoji_random_${ emojiData.name }`;
+ Session.set(key, Math.round(Math.random() * 1000));
+
+ const previousExists = isSetNotNull(() => emojiData.previousName);
+ const currentAliases = isSetNotNull(() => emojiData.aliases);
+
+ if (previousExists && isSetNotNull(() => emoji.list[`:${ emojiData.previousName }:`].aliases)) {
+ for (const alias of emoji.list[`:${ emojiData.previousName }:`].aliases) {
+ delete emoji.list[`:${ alias }:`];
+ const aliasIndex = emoji.packages.emojiCustom.list.indexOf(`:${ alias }:`);
+ if (aliasIndex !== -1) {
+ emoji.packages.emojiCustom.list.splice(aliasIndex, 1);
+ }
+ }
+ }
+
+ if (previousExists && emojiData.name !== emojiData.previousName) {
+ const arrayIndex = emoji.packages.emojiCustom.emojisByCategory.rocket.indexOf(emojiData.previousName);
+ if (arrayIndex !== -1) {
+ emoji.packages.emojiCustom.emojisByCategory.rocket.splice(arrayIndex, 1);
+ }
+ const arrayIndexList = emoji.packages.emojiCustom.list.indexOf(`:${ emojiData.previousName }:`);
+ if (arrayIndexList !== -1) {
+ emoji.packages.emojiCustom.list.splice(arrayIndexList, 1);
+ }
+ delete emoji.list[`:${ emojiData.previousName }:`];
+ }
+
+ const categoryIndex = emoji.packages.emojiCustom.emojisByCategory.rocket.indexOf(`${ emojiData.name }`);
+ if (categoryIndex === -1) {
+ emoji.packages.emojiCustom.emojisByCategory.rocket.push(`${ emojiData.name }`);
+ emoji.packages.emojiCustom.list.push(`:${ emojiData.name }:`);
+ }
+ emoji.list[`:${ emojiData.name }:`] = Object.assign({ emojiPackage: 'emojiCustom' }, emoji.list[`:${ emojiData.name }:`], emojiData);
+ if (currentAliases) {
+ for (const alias of emojiData.aliases) {
+ emoji.packages.emojiCustom.list.push(`:${ alias }:`);
+ emoji.list[`:${ alias }:`] = {};
+ emoji.list[`:${ alias }:`].emojiPackage = 'emojiCustom';
+ emoji.list[`:${ alias }:`].aliasOf = emojiData.name;
+ }
+ }
+
+ const url = getEmojiUrlFromName(emojiData.name, emojiData.extension);
+
+ // update in admin interface
+ if (previousExists && emojiData.name !== emojiData.previousName) {
+ $(document).find(`.emojiAdminPreview-image[data-emoji='${ emojiData.previousName }']`).css('background-image', `url('${ url })'`).attr('data-emoji', `${ emojiData.name }`);
+ } else {
+ $(document).find(`.emojiAdminPreview-image[data-emoji='${ emojiData.name }']`).css('background-image', `url('${ url }')`);
+ }
+
+ // update in picker
+ if (previousExists && emojiData.name !== emojiData.previousName) {
+ $(document).find(`li[data-emoji='${ emojiData.previousName }'] span`).css('background-image', `url('${ url }')`).attr('data-emoji', `${ emojiData.name }`);
+ $(document).find(`li[data-emoji='${ emojiData.previousName }']`).attr('data-emoji', `${ emojiData.name }`).attr('class', `emoji-${ emojiData.name }`);
+ } else {
+ $(document).find(`li[data-emoji='${ emojiData.name }'] span`).css('background-image', `url('${ url }')`);
+ }
+
+ // update in picker and opened rooms
+ for (key in RoomManager.openedRooms) {
+ if (RoomManager.openedRooms.hasOwnProperty(key)) {
+ const room = RoomManager.openedRooms[key];
+ if (previousExists && emojiData.name !== emojiData.previousName) {
+ $(room.dom).find(`span[data-emoji='${ emojiData.previousName }']`).css('background-image', `url('${ url }')`).attr('data-emoji', `${ emojiData.name }`);
+ } else {
+ $(room.dom).find(`span[data-emoji='${ emojiData.name }']`).css('background-image', `url('${ url }')`);
+ }
+ }
+ }
+
+ EmojiPicker.updateRecent('rocket');
+};
+
+const customRender = (html) => {
+ const emojisMatchGroup = emoji.packages.emojiCustom.list.map(RegExp.escape).join('|');
+ if (emojisMatchGroup !== emoji.packages.emojiCustom._regexpSignature) {
+ emoji.packages.emojiCustom._regexpSignature = emojisMatchGroup;
+ emoji.packages.emojiCustom._regexp = new RegExp(`
]*>.*?<\/object>|]*>.*?<\/span>|<(?:object|embed|svg|img|div|span|p|a)[^>]*>|(${ emojisMatchGroup })`, 'gi');
+ }
+
+ html = html.replace(emoji.packages.emojiCustom._regexp, (shortname) => {
+ if ((typeof shortname === 'undefined') || (shortname === '') || (emoji.packages.emojiCustom.list.indexOf(shortname) === -1)) {
+ return shortname;
+ }
+
+ let emojiAlias = shortname.replace(/:/g, '');
+
+ let dataCheck = emoji.list[shortname];
+ if (dataCheck.hasOwnProperty('aliasOf')) {
+ emojiAlias = dataCheck.aliasOf;
+ dataCheck = emoji.list[`:${ emojiAlias }:`];
+ }
+
+ return `${ shortname }`;
+ });
+
+ return html;
+};
+
+emoji.packages.emojiCustom = {
+ emojiCategories: [{ key: 'rocket', i18n: 'Custom' }],
+ categoryIndex: 1,
+ toneList: {},
+ list: [],
+ _regexpSignature: null,
+ _regexp: null,
+
+ render: customRender,
+ renderPicker: customRender,
+};
+
+Meteor.startup(() =>
+ CachedCollectionManager.onLogin(async () => {
+ const emojis = await call('listEmojiCustom');
+
+ emoji.packages.emojiCustom.emojisByCategory = { rocket: [] };
+ for (const currentEmoji of emojis) {
+ emoji.packages.emojiCustom.emojisByCategory.rocket.push(currentEmoji.name);
+ emoji.packages.emojiCustom.list.push(`:${ currentEmoji.name }:`);
+ emoji.list[`:${ currentEmoji.name }:`] = currentEmoji;
+ emoji.list[`:${ currentEmoji.name }:`].emojiPackage = 'emojiCustom';
+ for (const alias of currentEmoji.aliases) {
+ emoji.packages.emojiCustom.list.push(`:${ alias }:`);
+ emoji.list[`:${ alias }:`] = {
+ emojiPackage: 'emojiCustom',
+ aliasOf: currentEmoji.name,
+ };
+ }
+ }
+ })
+);
diff --git a/app/emoji-custom/client/lib/function-isSet.js b/app/emoji-custom/client/lib/function-isSet.js
new file mode 100644
index 0000000000000..f580568969050
--- /dev/null
+++ b/app/emoji-custom/client/lib/function-isSet.js
@@ -0,0 +1,20 @@
+// http://stackoverflow.com/a/26990347 function isSet() from Gajus
+export const isSet = function(fn) {
+ let value;
+ try {
+ value = fn();
+ } catch (e) {
+ value = undefined;
+ }
+ return value !== undefined;
+};
+
+export const isSetNotNull = function(fn) {
+ let value;
+ try {
+ value = fn();
+ } catch (e) {
+ value = null;
+ }
+ return value !== null && value !== undefined;
+};
diff --git a/app/emoji-custom/client/notifications/deleteEmojiCustom.js b/app/emoji-custom/client/notifications/deleteEmojiCustom.js
new file mode 100644
index 0000000000000..ebc66d1791633
--- /dev/null
+++ b/app/emoji-custom/client/notifications/deleteEmojiCustom.js
@@ -0,0 +1,8 @@
+import { Meteor } from 'meteor/meteor';
+
+import { Notifications } from '../../../notifications';
+import { deleteEmojiCustom } from '../lib/emojiCustom';
+
+Meteor.startup(() =>
+ Notifications.onLogged('deleteEmojiCustom', (data) => deleteEmojiCustom(data.emojiData))
+);
diff --git a/app/emoji-custom/client/notifications/updateEmojiCustom.js b/app/emoji-custom/client/notifications/updateEmojiCustom.js
new file mode 100644
index 0000000000000..feaa701ee7401
--- /dev/null
+++ b/app/emoji-custom/client/notifications/updateEmojiCustom.js
@@ -0,0 +1,8 @@
+import { Meteor } from 'meteor/meteor';
+
+import { Notifications } from '../../../notifications';
+import { updateEmojiCustom } from '../lib/emojiCustom';
+
+Meteor.startup(() =>
+ Notifications.onLogged('updateEmojiCustom', (data) => updateEmojiCustom(data.emojiData))
+);
diff --git a/app/emoji-custom/server/index.js b/app/emoji-custom/server/index.js
new file mode 100644
index 0000000000000..162ae9a35d141
--- /dev/null
+++ b/app/emoji-custom/server/index.js
@@ -0,0 +1,7 @@
+import './startup/emoji-custom';
+import './startup/settings';
+import './publications/fullEmojiData';
+import './methods/listEmojiCustom';
+import './methods/deleteEmojiCustom';
+import './methods/insertOrUpdateEmoji';
+import './methods/uploadEmojiCustom';
diff --git a/app/emoji-custom/server/methods/deleteEmojiCustom.js b/app/emoji-custom/server/methods/deleteEmojiCustom.js
new file mode 100644
index 0000000000000..b9623960ea2bf
--- /dev/null
+++ b/app/emoji-custom/server/methods/deleteEmojiCustom.js
@@ -0,0 +1,28 @@
+import { Meteor } from 'meteor/meteor';
+
+import { hasPermission } from '../../../authorization';
+import { EmojiCustom } from '../../../models';
+import { Notifications } from '../../../notifications';
+import { RocketChatFileEmojiCustomInstance } from '../startup/emoji-custom';
+
+Meteor.methods({
+ deleteEmojiCustom(emojiID) {
+ let emoji = null;
+
+ if (hasPermission(this.userId, 'manage-emoji')) {
+ emoji = EmojiCustom.findOneByID(emojiID);
+ } else {
+ throw new Meteor.Error('not_authorized');
+ }
+
+ if (emoji == null) {
+ throw new Meteor.Error('Custom_Emoji_Error_Invalid_Emoji', 'Invalid emoji', { method: 'deleteEmojiCustom' });
+ }
+
+ RocketChatFileEmojiCustomInstance.deleteFile(encodeURIComponent(`${ emoji.name }.${ emoji.extension }`));
+ EmojiCustom.removeByID(emojiID);
+ Notifications.notifyLogged('deleteEmojiCustom', { emojiData: emoji });
+
+ return true;
+ },
+});
diff --git a/app/emoji-custom/server/methods/insertOrUpdateEmoji.js b/app/emoji-custom/server/methods/insertOrUpdateEmoji.js
new file mode 100644
index 0000000000000..4c5b7f0b47230
--- /dev/null
+++ b/app/emoji-custom/server/methods/insertOrUpdateEmoji.js
@@ -0,0 +1,114 @@
+import { Meteor } from 'meteor/meteor';
+import _ from 'underscore';
+import s from 'underscore.string';
+import limax from 'limax';
+
+import { hasPermission } from '../../../authorization';
+import { Notifications } from '../../../notifications';
+import { EmojiCustom } from '../../../models';
+import { RocketChatFileEmojiCustomInstance } from '../startup/emoji-custom';
+
+Meteor.methods({
+ insertOrUpdateEmoji(emojiData) {
+ if (!hasPermission(this.userId, 'manage-emoji')) {
+ throw new Meteor.Error('not_authorized');
+ }
+
+ if (!s.trim(emojiData.name)) {
+ throw new Meteor.Error('error-the-field-is-required', 'The field Name is required', { method: 'insertOrUpdateEmoji', field: 'Name' });
+ }
+
+ emojiData.name = limax(emojiData.name, { replacement: '_' });
+ emojiData.aliases = limax(emojiData.aliases, { replacement: '_' });
+
+ // allow all characters except colon, whitespace, comma, >, <, &, ", ', /, \, (, )
+ // more practical than allowing specific sets of characters; also allows foreign languages
+ const nameValidation = /[\s,:><&"'\/\\\(\)]/;
+ const aliasValidation = /[:><&\|"'\/\\\(\)]/;
+
+ // silently strip colon; this allows for uploading :emojiname: as emojiname
+ emojiData.name = emojiData.name.replace(/:/g, '');
+ emojiData.aliases = emojiData.aliases.replace(/:/g, '');
+
+ if (nameValidation.test(emojiData.name)) {
+ throw new Meteor.Error('error-input-is-not-a-valid-field', `${ emojiData.name } is not a valid name`, { method: 'insertOrUpdateEmoji', input: emojiData.name, field: 'Name' });
+ }
+
+ if (emojiData.aliases) {
+ if (aliasValidation.test(emojiData.aliases)) {
+ throw new Meteor.Error('error-input-is-not-a-valid-field', `${ emojiData.aliases } is not a valid alias set`, { method: 'insertOrUpdateEmoji', input: emojiData.aliases, field: 'Alias_Set' });
+ }
+ emojiData.aliases = emojiData.aliases.split(/[\s,]/);
+ emojiData.aliases = emojiData.aliases.filter(Boolean);
+ emojiData.aliases = _.without(emojiData.aliases, emojiData.name);
+ } else {
+ emojiData.aliases = [];
+ }
+
+ let matchingResults = [];
+
+ if (emojiData._id) {
+ matchingResults = EmojiCustom.findByNameOrAliasExceptID(emojiData.name, emojiData._id).fetch();
+ for (const alias of emojiData.aliases) {
+ matchingResults = matchingResults.concat(EmojiCustom.findByNameOrAliasExceptID(alias, emojiData._id).fetch());
+ }
+ } else {
+ matchingResults = EmojiCustom.findByNameOrAlias(emojiData.name).fetch();
+ for (const alias of emojiData.aliases) {
+ matchingResults = matchingResults.concat(EmojiCustom.findByNameOrAlias(alias).fetch());
+ }
+ }
+
+ if (matchingResults.length > 0) {
+ throw new Meteor.Error('Custom_Emoji_Error_Name_Or_Alias_Already_In_Use', 'The custom emoji or one of its aliases is already in use', { method: 'insertOrUpdateEmoji' });
+ }
+
+ if (!emojiData._id) {
+ // insert emoji
+ const createEmoji = {
+ name: emojiData.name,
+ aliases: emojiData.aliases,
+ extension: emojiData.extension,
+ };
+
+ const _id = EmojiCustom.create(createEmoji);
+
+ Notifications.notifyLogged('updateEmojiCustom', { emojiData: createEmoji });
+
+ return _id;
+ }
+ // update emoji
+ if (emojiData.newFile) {
+ RocketChatFileEmojiCustomInstance.deleteFile(encodeURIComponent(`${ emojiData.name }.${ emojiData.extension }`));
+ RocketChatFileEmojiCustomInstance.deleteFile(encodeURIComponent(`${ emojiData.name }.${ emojiData.previousExtension }`));
+ RocketChatFileEmojiCustomInstance.deleteFile(encodeURIComponent(`${ emojiData.previousName }.${ emojiData.extension }`));
+ RocketChatFileEmojiCustomInstance.deleteFile(encodeURIComponent(`${ emojiData.previousName }.${ emojiData.previousExtension }`));
+
+ EmojiCustom.setExtension(emojiData._id, emojiData.extension);
+ } else if (emojiData.name !== emojiData.previousName) {
+ const rs = RocketChatFileEmojiCustomInstance.getFileWithReadStream(encodeURIComponent(`${ emojiData.previousName }.${ emojiData.previousExtension }`));
+ if (rs !== null) {
+ RocketChatFileEmojiCustomInstance.deleteFile(encodeURIComponent(`${ emojiData.name }.${ emojiData.extension }`));
+ const ws = RocketChatFileEmojiCustomInstance.createWriteStream(encodeURIComponent(`${ emojiData.name }.${ emojiData.previousExtension }`), rs.contentType);
+ ws.on('end', Meteor.bindEnvironment(() =>
+ RocketChatFileEmojiCustomInstance.deleteFile(encodeURIComponent(`${ emojiData.previousName }.${ emojiData.previousExtension }`))
+ ));
+ rs.readStream.pipe(ws);
+ }
+ }
+
+ if (emojiData.name !== emojiData.previousName) {
+ EmojiCustom.setName(emojiData._id, emojiData.name);
+ }
+
+ if (emojiData.aliases) {
+ EmojiCustom.setAliases(emojiData._id, emojiData.aliases);
+ } else {
+ EmojiCustom.setAliases(emojiData._id, []);
+ }
+
+ Notifications.notifyLogged('updateEmojiCustom', { emojiData });
+
+ return true;
+ },
+});
diff --git a/app/emoji-custom/server/methods/listEmojiCustom.js b/app/emoji-custom/server/methods/listEmojiCustom.js
new file mode 100644
index 0000000000000..d06b382af85e6
--- /dev/null
+++ b/app/emoji-custom/server/methods/listEmojiCustom.js
@@ -0,0 +1,9 @@
+import { Meteor } from 'meteor/meteor';
+
+import { EmojiCustom } from '../../../models';
+
+Meteor.methods({
+ listEmojiCustom(options = {}) {
+ return EmojiCustom.find(options).fetch();
+ },
+});
diff --git a/app/emoji-custom/server/methods/uploadEmojiCustom.js b/app/emoji-custom/server/methods/uploadEmojiCustom.js
new file mode 100644
index 0000000000000..b7899e53dbe2b
--- /dev/null
+++ b/app/emoji-custom/server/methods/uploadEmojiCustom.js
@@ -0,0 +1,29 @@
+import { Meteor } from 'meteor/meteor';
+import limax from 'limax';
+
+import { Notifications } from '../../../notifications';
+import { hasPermission } from '../../../authorization';
+import { RocketChatFile } from '../../../file';
+import { RocketChatFileEmojiCustomInstance } from '../startup/emoji-custom';
+
+Meteor.methods({
+ uploadEmojiCustom(binaryContent, contentType, emojiData) {
+ if (!hasPermission(this.userId, 'manage-emoji')) {
+ throw new Meteor.Error('not_authorized');
+ }
+
+ emojiData.name = limax(emojiData.name, { replacement: '_' });
+ // delete aliases for notification purposes. here, it is a string rather than an array
+ delete emojiData.aliases;
+ const file = new Buffer(binaryContent, 'binary');
+
+ const rs = RocketChatFile.bufferToStream(file);
+ RocketChatFileEmojiCustomInstance.deleteFile(encodeURIComponent(`${ emojiData.name }.${ emojiData.extension }`));
+ const ws = RocketChatFileEmojiCustomInstance.createWriteStream(encodeURIComponent(`${ emojiData.name }.${ emojiData.extension }`), contentType);
+ ws.on('end', Meteor.bindEnvironment(() =>
+ Meteor.setTimeout(() => Notifications.notifyLogged('updateEmojiCustom', { emojiData }), 500)
+ ));
+
+ rs.pipe(ws);
+ },
+});
diff --git a/app/emoji-custom/server/publications/fullEmojiData.js b/app/emoji-custom/server/publications/fullEmojiData.js
new file mode 100644
index 0000000000000..b2771a914aeec
--- /dev/null
+++ b/app/emoji-custom/server/publications/fullEmojiData.js
@@ -0,0 +1,31 @@
+import { Meteor } from 'meteor/meteor';
+import s from 'underscore.string';
+
+import { EmojiCustom } from '../../../models';
+
+Meteor.publish('fullEmojiData', function(filter, limit) {
+ if (!this.userId) {
+ return this.ready();
+ }
+
+ const fields = {
+ name: 1,
+ aliases: 1,
+ extension: 1,
+ };
+
+ filter = s.trim(filter);
+
+ const options = {
+ fields,
+ limit,
+ sort: { name: 1 },
+ };
+
+ if (filter) {
+ const filterReg = new RegExp(s.escapeRegExp(filter), 'i');
+ return EmojiCustom.findByNameOrAlias(filterReg, options);
+ }
+
+ return EmojiCustom.find({}, options);
+});
diff --git a/app/emoji-custom/server/startup/emoji-custom.js b/app/emoji-custom/server/startup/emoji-custom.js
new file mode 100644
index 0000000000000..8110fc0667eea
--- /dev/null
+++ b/app/emoji-custom/server/startup/emoji-custom.js
@@ -0,0 +1,114 @@
+import { Meteor } from 'meteor/meteor';
+import { WebApp } from 'meteor/webapp';
+import _ from 'underscore';
+
+import { settings } from '../../../settings';
+import { RocketChatFile } from '../../../file';
+
+export let RocketChatFileEmojiCustomInstance;
+
+Meteor.startup(function() {
+ let storeType = 'GridFS';
+
+ if (settings.get('EmojiUpload_Storage_Type')) {
+ storeType = settings.get('EmojiUpload_Storage_Type');
+ }
+
+ const RocketChatStore = RocketChatFile[storeType];
+
+ if (RocketChatStore == null) {
+ throw new Error(`Invalid RocketChatStore type [${ storeType }]`);
+ }
+
+ console.log(`Using ${ storeType } for custom emoji storage`.green);
+
+ let path = '~/uploads';
+ if (settings.get('EmojiUpload_FileSystemPath') != null) {
+ if (settings.get('EmojiUpload_FileSystemPath').trim() !== '') {
+ path = settings.get('EmojiUpload_FileSystemPath');
+ }
+ }
+
+ RocketChatFileEmojiCustomInstance = new RocketChatStore({
+ name: 'custom_emoji',
+ absolutePath: path,
+ });
+
+
+ return WebApp.connectHandlers.use('/emoji-custom/', Meteor.bindEnvironment(function(req, res/* , next*/) {
+ const params = { emoji: decodeURIComponent(req.url.replace(/^\//, '').replace(/\?.*$/, '')) };
+
+ if (_.isEmpty(params.emoji)) {
+ res.writeHead(403);
+ res.write('Forbidden');
+ res.end();
+ return;
+ }
+
+ const file = RocketChatFileEmojiCustomInstance.getFileWithReadStream(encodeURIComponent(params.emoji));
+
+ res.setHeader('Content-Disposition', 'inline');
+
+ if (file == null) {
+ // use code from username initials renderer until file upload is complete
+ res.setHeader('Content-Type', 'image/svg+xml');
+ res.setHeader('Cache-Control', 'public, max-age=0');
+ res.setHeader('Expires', '-1');
+ res.setHeader('Last-Modified', 'Thu, 01 Jan 2015 00:00:00 GMT');
+
+ const reqModifiedHeader = req.headers['if-modified-since'];
+ if (reqModifiedHeader != null) {
+ if (reqModifiedHeader === 'Thu, 01 Jan 2015 00:00:00 GMT') {
+ res.writeHead(304);
+ res.end();
+ return;
+ }
+ }
+
+ const color = '#000';
+ const initials = '?';
+
+ const svg = `
+`;
+
+ res.write(svg);
+ res.end();
+ return;
+ }
+
+ let fileUploadDate = undefined;
+ if (file.uploadDate != null) {
+ fileUploadDate = file.uploadDate.toUTCString();
+ }
+
+ const reqModifiedHeader = req.headers['if-modified-since'];
+ if (reqModifiedHeader != null) {
+ if (reqModifiedHeader === fileUploadDate) {
+ res.setHeader('Last-Modified', reqModifiedHeader);
+ res.writeHead(304);
+ res.end();
+ return;
+ }
+ }
+
+ res.setHeader('Cache-Control', 'public, max-age=0');
+ res.setHeader('Expires', '-1');
+ if (fileUploadDate != null) {
+ res.setHeader('Last-Modified', fileUploadDate);
+ } else {
+ res.setHeader('Last-Modified', new Date().toUTCString());
+ }
+ if (/^svg$/i.test(params.emoji.split('.').pop())) {
+ res.setHeader('Content-Type', 'image/svg+xml');
+ } else {
+ res.setHeader('Content-Type', 'image/jpeg');
+ }
+ res.setHeader('Content-Length', file.length);
+
+ file.readStream.pipe(res);
+ }));
+});
diff --git a/app/emoji-custom/server/startup/settings.js b/app/emoji-custom/server/startup/settings.js
new file mode 100644
index 0000000000000..9b6d84a293102
--- /dev/null
+++ b/app/emoji-custom/server/startup/settings.js
@@ -0,0 +1,24 @@
+import { settings } from '../../../settings';
+
+settings.addGroup('EmojiCustomFilesystem', function() {
+ this.add('EmojiUpload_Storage_Type', 'GridFS', {
+ type: 'select',
+ values: [{
+ key: 'GridFS',
+ i18nLabel: 'GridFS',
+ }, {
+ key: 'FileSystem',
+ i18nLabel: 'FileSystem',
+ }],
+ i18nLabel: 'FileUpload_Storage_Type',
+ });
+
+ this.add('EmojiUpload_FileSystemPath', '', {
+ type: 'string',
+ enableQuery: {
+ _id: 'EmojiUpload_Storage_Type',
+ value: 'FileSystem',
+ },
+ i18nLabel: 'FileUpload_FileSystemPath',
+ });
+});
diff --git a/packages/rocketchat-emoji-emojione/.gitignore b/app/emoji-emojione/.gitignore
similarity index 100%
rename from packages/rocketchat-emoji-emojione/.gitignore
rename to app/emoji-emojione/.gitignore
diff --git a/app/emoji-emojione/README.md b/app/emoji-emojione/README.md
new file mode 100644
index 0000000000000..d16237b6fc085
--- /dev/null
+++ b/app/emoji-emojione/README.md
@@ -0,0 +1,18 @@
+# Updating emojione
+
+## Generate new category map variable for emojipicker
+Run
+```
+node --experimental-modules generateEmojiIndex.mjs
+```
+
+## Generate new percentage sprite
+Clone the repository https://github.com/Ranks/emojione/ and replace the file `assets/sprites/emojione.sprites.mustache` with the content
+of [emojione.sprites.mustache](emojione.sprites.mustache), then run at `emojione` folder:
+
+```
+grunt sprite
+sass --sourcemap=none assets/sprites/emojione.sprites.scss sprites.css
+```
+
+And replace the file `sprites.css` at Rocket.Chat's `/packages/rocketchat-emoji-emojione/sprites.css`.
diff --git a/app/emoji-emojione/client/activity-sprites.css b/app/emoji-emojione/client/activity-sprites.css
new file mode 100644
index 0000000000000..9af3e23b46d7a
--- /dev/null
+++ b/app/emoji-emojione/client/activity-sprites.css
@@ -0,0 +1,2177 @@
+/* stylelint-disable */
+
+.emojione-activity {
+ background-image: url('/packages/emojione/activity-sprites.png');
+
+ &._26bd {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 5.555555555555555% 0%;
+ }
+
+ &._1f3c8 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 0% 5.882352941176471%;
+ }
+
+ &._26be {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 5.555555555555555% 5.882352941176471%;
+ }
+
+ &._1f94e {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 11.11111111111111% 0%;
+ }
+
+ &._1f3be {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 11.11111111111111% 5.882352941176471%;
+ }
+
+ &._1f3d0 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 0% 11.764705882352942%;
+ }
+
+ &._1f3c9 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 5.555555555555555% 11.764705882352942%;
+ }
+
+ &._1f3b1 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 11.11111111111111% 11.764705882352942%;
+ }
+
+ &._1f3d3 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 16.666666666666668% 0%;
+ }
+
+ &._1f3f8 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 16.666666666666668% 5.882352941176471%;
+ }
+
+ &._1f945 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 16.666666666666668% 11.764705882352942%;
+ }
+
+ &._1f3d2 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 0% 17.647058823529413%;
+ }
+
+ &._1f3d1 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 5.555555555555555% 17.647058823529413%;
+ }
+
+ &._1f3cf {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 11.11111111111111% 17.647058823529413%;
+ }
+
+ &._1f94d {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 16.666666666666668% 17.647058823529413%;
+ }
+
+ &._26f3 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 22.22222222222222% 0%;
+ }
+
+ &._1f94f {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 22.22222222222222% 5.882352941176471%;
+ }
+
+ &._1f3f9 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 22.22222222222222% 11.764705882352942%;
+ }
+
+ &._1f3a3 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 22.22222222222222% 17.647058823529413%;
+ }
+
+ &._1f94a {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 0% 23.529411764705884%;
+ }
+
+ &._1f94b {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 5.555555555555555% 23.529411764705884%;
+ }
+
+ &._1f3bd {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 11.11111111111111% 23.529411764705884%;
+ }
+
+ &._1f6f9 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 16.666666666666668% 23.529411764705884%;
+ }
+
+ &._26f8 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 22.22222222222222% 23.529411764705884%;
+ }
+
+ &._1f94c {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 27.77777777777778% 0%;
+ }
+
+ &._1f6f7 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 27.77777777777778% 5.882352941176471%;
+ }
+
+ &._1f3bf {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 27.77777777777778% 11.764705882352942%;
+ }
+
+ &._26f7 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 27.77777777777778% 17.647058823529413%;
+ }
+
+ &._1f3c2 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 27.77777777777778% 23.529411764705884%;
+ }
+
+ &._1f3cb {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 27.77777777777778% 29.41176470588235%;
+ }
+
+ &._1f3cb-2640 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 33.333333333333336% 29.41176470588235%;
+ }
+
+ &._1f3cb-2642 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 27.77777777777778% 35.294117647058826%;
+ }
+
+ &._1f93c {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 38.888888888888886% 23.529411764705884%;
+ }
+
+ &._1f93c-2640 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 38.888888888888886% 29.41176470588235%;
+ }
+
+ &._1f93c-2642 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 38.888888888888886% 35.294117647058826%;
+ }
+
+ &._1f938 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 0% 41.1764705882353%;
+ }
+
+ &._1f938-2640 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 33.333333333333336% 41.1764705882353%;
+ }
+
+ &._1f938-2642 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 44.44444444444444% 23.529411764705884%;
+ }
+
+ &._26f9 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 11.11111111111111% 47.05882352941177%;
+ }
+
+ &._26f9-2640 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 44.44444444444444% 47.05882352941177%;
+ }
+
+ &._26f9-2642 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 50% 29.41176470588235%;
+ }
+
+ &._1f93a {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 11.11111111111111% 52.94117647058823%;
+ }
+
+ &._1f93e {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 16.666666666666668% 52.94117647058823%;
+ }
+
+ &._1f93e-2640 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 50% 52.94117647058823%;
+ }
+
+ &._1f93e-2642 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 55.55555555555556% 29.41176470588235%;
+ }
+
+ &._1f3cc {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 5.555555555555555% 58.8235294117647%;
+ }
+
+ &._1f3cc-2640 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 38.888888888888886% 58.8235294117647%;
+ }
+
+ &._1f3cc-2642 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 61.111111111111114% 11.764705882352942%;
+ }
+
+ &._1f3c7 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 61.111111111111114% 47.05882352941177%;
+ }
+
+ &._1f9d8 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 16.666666666666668% 64.70588235294117%;
+ }
+
+ &._1f9d8-2640 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 50% 64.70588235294117%;
+ }
+
+ &._1f9d8-2642 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 66.66666666666667% 17.647058823529413%;
+ }
+
+ &._1f3c4 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 66.66666666666667% 52.94117647058823%;
+ }
+
+ &._1f3c4-2640 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 16.666666666666668% 70.58823529411765%;
+ }
+
+ &._1f3c0 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 33.333333333333336% 70.58823529411765%;
+ }
+
+ &._1f3c4-2642 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 50% 70.58823529411765%;
+ }
+
+ &._1f3ca {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 72.22222222222223% 11.764705882352942%;
+ }
+
+ &._1f3ca-2640 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 72.22222222222223% 47.05882352941177%;
+ }
+
+ &._1f3ca-2642 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 5.555555555555555% 76.47058823529412%;
+ }
+
+ &._1f93d {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 38.888888888888886% 76.47058823529412%;
+ }
+
+ &._1f93d-2640 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 72.22222222222223% 76.47058823529412%;
+ }
+
+ &._1f93d-2642 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 77.77777777777777% 29.41176470588235%;
+ }
+
+ &._1f6a3 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 77.77777777777777% 64.70588235294117%;
+ }
+
+ &._1f6a3-2640 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 16.666666666666668% 82.3529411764706%;
+ }
+
+ &._1f6a3-2642 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 50% 82.3529411764706%;
+ }
+
+ &._1f9d7 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 83.33333333333333% 0%;
+ }
+
+ &._1f9d7-2640 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 83.33333333333333% 35.294117647058826%;
+ }
+
+ &._1f9d7-2642 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 83.33333333333333% 70.58823529411765%;
+ }
+
+ &._1f6b5 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 16.666666666666668% 88.23529411764706%;
+ }
+
+ &._1f6b5-2640 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 50% 88.23529411764706%;
+ }
+
+ &._1f6b5-2642 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 83.33333333333333% 88.23529411764706%;
+ }
+
+ &._1f6b4 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 88.88888888888889% 29.41176470588235%;
+ }
+
+ &._1f6b4-2640 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 88.88888888888889% 64.70588235294117%;
+ }
+
+ &._1f6b4-2642 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 5.555555555555555% 94.11764705882354%;
+ }
+
+ &._1f3c6 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 38.888888888888886% 94.11764705882354%;
+ }
+
+ &._1f947 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 44.44444444444444% 94.11764705882354%;
+ }
+
+ &._1f948 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 50% 94.11764705882354%;
+ }
+
+ &._1f949 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 55.55555555555556% 94.11764705882354%;
+ }
+
+ &._1f3c5 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 61.111111111111114% 94.11764705882354%;
+ }
+
+ &._1f396 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 66.66666666666667% 94.11764705882354%;
+ }
+
+ &._1f3f5 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 72.22222222222223% 94.11764705882354%;
+ }
+
+ &._1f397 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 77.77777777777777% 94.11764705882354%;
+ }
+
+ &._1f3ab {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 83.33333333333333% 94.11764705882354%;
+ }
+
+ &._1f39f {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 88.88888888888889% 94.11764705882354%;
+ }
+
+ &._1f3aa {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 94.44444444444444% 0%;
+ }
+
+ &._1f939 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 94.44444444444444% 5.882352941176471%;
+ }
+
+ &._1f939-2640 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 94.44444444444444% 41.1764705882353%;
+ }
+
+ &._1f939-2642 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 94.44444444444444% 76.47058823529412%;
+ }
+
+ &._1f3ad {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 11.11111111111111% 100%;
+ }
+
+ &._1f3a8 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 16.666666666666668% 100%;
+ }
+
+ &._1f3ac {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 22.22222222222222% 100%;
+ }
+
+ &._1f3a4 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 27.77777777777778% 100%;
+ }
+
+ &._1f3a7 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 33.333333333333336% 100%;
+ }
+
+ &._1f3bc {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 38.888888888888886% 100%;
+ }
+
+ &._1f3b9 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 44.44444444444444% 100%;
+ }
+
+ &._1f941 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 50% 100%;
+ }
+
+ &._1f3b7 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 55.55555555555556% 100%;
+ }
+
+ &._1f3ba {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 61.111111111111114% 100%;
+ }
+
+ &._1f3b8 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 66.66666666666667% 100%;
+ }
+
+ &._1f3bb {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 72.22222222222223% 100%;
+ }
+
+ &._1f3b2 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 77.77777777777777% 100%;
+ }
+
+ &._1f3af {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 83.33333333333333% 100%;
+ }
+
+ &._1f3b3 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 88.88888888888889% 100%;
+ }
+
+ &._1f3ae {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 94.44444444444444% 100%;
+ }
+
+ &._1f3b0 {
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 100% 0%;
+ }
+
+}
+
+
+.emojione-diversity._1f3c4-1f3fd-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 0% 0%;
+}
+
+.emojione-diversity._1f3c2-1f3fb {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 0% 29.41176470588235%;
+}
+
+.emojione-diversity._1f3c2-1f3fc {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 5.555555555555555% 29.41176470588235%;
+}
+
+.emojione-diversity._1f3c2-1f3fd {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 11.11111111111111% 29.41176470588235%;
+}
+
+.emojione-diversity._1f3c2-1f3fe {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 16.666666666666668% 29.41176470588235%;
+}
+
+.emojione-diversity._1f3c2-1f3ff {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 22.22222222222222% 29.41176470588235%;
+}
+
+.emojione-diversity._1f3cb-1f3fb {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 33.333333333333336% 0%;
+}
+
+.emojione-diversity._1f3cb-1f3fc {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 33.333333333333336% 5.882352941176471%;
+}
+
+.emojione-diversity._1f3cb-1f3fd {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 33.333333333333336% 11.764705882352942%;
+}
+
+.emojione-diversity._1f3cb-1f3fe {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 33.333333333333336% 17.647058823529413%;
+}
+
+.emojione-diversity._1f3cb-1f3ff {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 33.333333333333336% 23.529411764705884%;
+}
+
+.emojione-diversity._1f3cb-1f3fb-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 0% 35.294117647058826%;
+}
+
+.emojione-diversity._1f3cb-1f3fc-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 5.555555555555555% 35.294117647058826%;
+}
+
+.emojione-diversity._1f3cb-1f3fd-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 11.11111111111111% 35.294117647058826%;
+}
+
+.emojione-diversity._1f3cb-1f3fe-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 16.666666666666668% 35.294117647058826%;
+}
+
+.emojione-diversity._1f3cb-1f3ff-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 22.22222222222222% 35.294117647058826%;
+}
+
+.emojione-diversity._1f3cb-1f3fb-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 33.333333333333336% 35.294117647058826%;
+}
+
+.emojione-diversity._1f3cb-1f3fc-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 38.888888888888886% 0%;
+}
+
+.emojione-diversity._1f3cb-1f3fd-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 38.888888888888886% 5.882352941176471%;
+}
+
+.emojione-diversity._1f3cb-1f3fe-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 38.888888888888886% 11.764705882352942%;
+}
+
+.emojione-diversity._1f3cb-1f3ff-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 38.888888888888886% 17.647058823529413%;
+}
+
+.emojione-diversity._1f938-1f3fb {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 5.555555555555555% 41.1764705882353%;
+}
+
+.emojione-diversity._1f938-1f3fc {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 11.11111111111111% 41.1764705882353%;
+}
+
+.emojione-diversity._1f938-1f3fd {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 16.666666666666668% 41.1764705882353%;
+}
+
+.emojione-diversity._1f938-1f3fe {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 22.22222222222222% 41.1764705882353%;
+}
+
+.emojione-diversity._1f938-1f3ff {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 27.77777777777778% 41.1764705882353%;
+}
+
+.emojione-diversity._1f938-1f3fb-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 38.888888888888886% 41.1764705882353%;
+}
+
+.emojione-diversity._1f938-1f3fc-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 44.44444444444444% 0%;
+}
+
+.emojione-diversity._1f938-1f3fd-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 44.44444444444444% 5.882352941176471%;
+}
+
+.emojione-diversity._1f938-1f3fe-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 44.44444444444444% 11.764705882352942%;
+}
+
+.emojione-diversity._1f938-1f3ff-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 44.44444444444444% 17.647058823529413%;
+}
+
+.emojione-diversity._1f938-1f3fb-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 44.44444444444444% 29.41176470588235%;
+}
+
+.emojione-diversity._1f938-1f3fc-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 44.44444444444444% 35.294117647058826%;
+}
+
+.emojione-diversity._1f938-1f3fd-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 44.44444444444444% 41.1764705882353%;
+}
+
+.emojione-diversity._1f938-1f3fe-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 0% 47.05882352941177%;
+}
+
+.emojione-diversity._1f938-1f3ff-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 5.555555555555555% 47.05882352941177%;
+}
+
+.emojione-diversity._26f9-1f3fb {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 16.666666666666668% 47.05882352941177%;
+}
+
+.emojione-diversity._26f9-1f3fc {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 22.22222222222222% 47.05882352941177%;
+}
+
+.emojione-diversity._26f9-1f3fd {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 27.77777777777778% 47.05882352941177%;
+}
+
+.emojione-diversity._26f9-1f3fe {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 33.333333333333336% 47.05882352941177%;
+}
+
+.emojione-diversity._26f9-1f3ff {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 38.888888888888886% 47.05882352941177%;
+}
+
+.emojione-diversity._26f9-1f3fb-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 50% 0%;
+}
+
+.emojione-diversity._26f9-1f3fc-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 50% 5.882352941176471%;
+}
+
+.emojione-diversity._26f9-1f3fd-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 50% 11.764705882352942%;
+}
+
+.emojione-diversity._26f9-1f3fe-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 50% 17.647058823529413%;
+}
+
+.emojione-diversity._26f9-1f3ff-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 50% 23.529411764705884%;
+}
+
+.emojione-diversity._26f9-1f3fb-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 50% 35.294117647058826%;
+}
+
+.emojione-diversity._26f9-1f3fc-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 50% 41.1764705882353%;
+}
+
+.emojione-diversity._26f9-1f3fd-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 50% 47.05882352941177%;
+}
+
+.emojione-diversity._26f9-1f3fe-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 0% 52.94117647058823%;
+}
+
+.emojione-diversity._26f9-1f3ff-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 5.555555555555555% 52.94117647058823%;
+}
+
+.emojione-diversity._1f93e-1f3fb {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 22.22222222222222% 52.94117647058823%;
+}
+
+.emojione-diversity._1f93e-1f3fc {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 27.77777777777778% 52.94117647058823%;
+}
+
+.emojione-diversity._1f93e-1f3fd {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 33.333333333333336% 52.94117647058823%;
+}
+
+.emojione-diversity._1f93e-1f3fe {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 38.888888888888886% 52.94117647058823%;
+}
+
+.emojione-diversity._1f93e-1f3ff {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 44.44444444444444% 52.94117647058823%;
+}
+
+.emojione-diversity._1f93e-1f3fb-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 55.55555555555556% 0%;
+}
+
+.emojione-diversity._1f93e-1f3fc-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 55.55555555555556% 5.882352941176471%;
+}
+
+.emojione-diversity._1f93e-1f3fd-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 55.55555555555556% 11.764705882352942%;
+}
+
+.emojione-diversity._1f93e-1f3fe-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 55.55555555555556% 17.647058823529413%;
+}
+
+.emojione-diversity._1f93e-1f3ff-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 55.55555555555556% 23.529411764705884%;
+}
+
+.emojione-diversity._1f93e-1f3fb-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 55.55555555555556% 35.294117647058826%;
+}
+
+.emojione-diversity._1f93e-1f3fc-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 55.55555555555556% 41.1764705882353%;
+}
+
+.emojione-diversity._1f93e-1f3fd-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 55.55555555555556% 47.05882352941177%;
+}
+
+.emojione-diversity._1f93e-1f3fe-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 55.55555555555556% 52.94117647058823%;
+}
+
+.emojione-diversity._1f93e-1f3ff-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 0% 58.8235294117647%;
+}
+
+.emojione-diversity._1f3cc-1f3fb {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 11.11111111111111% 58.8235294117647%;
+}
+
+.emojione-diversity._1f3cc-1f3fc {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 16.666666666666668% 58.8235294117647%;
+}
+
+.emojione-diversity._1f3cc-1f3fd {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 22.22222222222222% 58.8235294117647%;
+}
+
+.emojione-diversity._1f3cc-1f3fe {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 27.77777777777778% 58.8235294117647%;
+}
+
+.emojione-diversity._1f3cc-1f3ff {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 33.333333333333336% 58.8235294117647%;
+}
+
+.emojione-diversity._1f3cc-1f3fb-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 44.44444444444444% 58.8235294117647%;
+}
+
+.emojione-diversity._1f3cc-1f3fc-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 50% 58.8235294117647%;
+}
+
+.emojione-diversity._1f3cc-1f3fd-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 55.55555555555556% 58.8235294117647%;
+}
+
+.emojione-diversity._1f3cc-1f3fe-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 61.111111111111114% 0%;
+}
+
+.emojione-diversity._1f3cc-1f3ff-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 61.111111111111114% 5.882352941176471%;
+}
+
+.emojione-diversity._1f3cc-1f3fb-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 61.111111111111114% 17.647058823529413%;
+}
+
+.emojione-diversity._1f3cc-1f3fc-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 61.111111111111114% 23.529411764705884%;
+}
+
+.emojione-diversity._1f3cc-1f3fd-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 61.111111111111114% 29.41176470588235%;
+}
+
+.emojione-diversity._1f3cc-1f3fe-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 61.111111111111114% 35.294117647058826%;
+}
+
+.emojione-diversity._1f3cc-1f3ff-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 61.111111111111114% 41.1764705882353%;
+}
+
+.emojione-diversity._1f3c7-1f3fb {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 61.111111111111114% 52.94117647058823%;
+}
+
+.emojione-diversity._1f3c7-1f3fc {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 61.111111111111114% 58.8235294117647%;
+}
+
+.emojione-diversity._1f3c7-1f3fd {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 0% 64.70588235294117%;
+}
+
+.emojione-diversity._1f3c7-1f3fe {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 5.555555555555555% 64.70588235294117%;
+}
+
+.emojione-diversity._1f3c7-1f3ff {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 11.11111111111111% 64.70588235294117%;
+}
+
+.emojione-diversity._1f9d8-1f3fb {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 22.22222222222222% 64.70588235294117%;
+}
+
+.emojione-diversity._1f9d8-1f3fc {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 27.77777777777778% 64.70588235294117%;
+}
+
+.emojione-diversity._1f9d8-1f3fd {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 33.333333333333336% 64.70588235294117%;
+}
+
+.emojione-diversity._1f9d8-1f3fe {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 38.888888888888886% 64.70588235294117%;
+}
+
+.emojione-diversity._1f9d8-1f3ff {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 44.44444444444444% 64.70588235294117%;
+}
+
+.emojione-diversity._1f9d8-1f3fb-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 55.55555555555556% 64.70588235294117%;
+}
+
+.emojione-diversity._1f9d8-1f3fc-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 61.111111111111114% 64.70588235294117%;
+}
+
+.emojione-diversity._1f9d8-1f3fd-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 66.66666666666667% 0%;
+}
+
+.emojione-diversity._1f9d8-1f3fe-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 66.66666666666667% 5.882352941176471%;
+}
+
+.emojione-diversity._1f9d8-1f3ff-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 66.66666666666667% 11.764705882352942%;
+}
+
+.emojione-diversity._1f9d8-1f3fb-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 66.66666666666667% 23.529411764705884%;
+}
+
+.emojione-diversity._1f9d8-1f3fc-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 66.66666666666667% 29.41176470588235%;
+}
+
+.emojione-diversity._1f9d8-1f3fd-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 66.66666666666667% 35.294117647058826%;
+}
+
+.emojione-diversity._1f9d8-1f3fe-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 66.66666666666667% 41.1764705882353%;
+}
+
+.emojione-diversity._1f9d8-1f3ff-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 66.66666666666667% 47.05882352941177%;
+}
+
+.emojione-diversity._1f3c4-1f3fb {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 66.66666666666667% 58.8235294117647%;
+}
+
+.emojione-diversity._1f3c4-1f3fc {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 66.66666666666667% 64.70588235294117%;
+}
+
+.emojione-diversity._1f3c4-1f3fd {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 0% 70.58823529411765%;
+}
+
+.emojione-diversity._1f3c4-1f3fe {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 5.555555555555555% 70.58823529411765%;
+}
+
+.emojione-diversity._1f3c4-1f3ff {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 11.11111111111111% 70.58823529411765%;
+}
+
+.emojione-diversity._1f3c4-1f3fb-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 22.22222222222222% 70.58823529411765%;
+}
+
+.emojione-diversity._1f3c4-1f3fc-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 27.77777777777778% 70.58823529411765%;
+}
+
+.emojione-diversity._1f3c4-1f3fe-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 38.888888888888886% 70.58823529411765%;
+}
+
+.emojione-diversity._1f3c4-1f3ff-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 44.44444444444444% 70.58823529411765%;
+}
+
+.emojione-diversity._1f3c4-1f3fb-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 55.55555555555556% 70.58823529411765%;
+}
+
+.emojione-diversity._1f3c4-1f3fc-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 61.111111111111114% 70.58823529411765%;
+}
+
+.emojione-diversity._1f3c4-1f3fd-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 66.66666666666667% 70.58823529411765%;
+}
+
+.emojione-diversity._1f3c4-1f3fe-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 72.22222222222223% 0%;
+}
+
+.emojione-diversity._1f3c4-1f3ff-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 72.22222222222223% 5.882352941176471%;
+}
+
+.emojione-diversity._1f3ca-1f3fb {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 72.22222222222223% 17.647058823529413%;
+}
+
+.emojione-diversity._1f3ca-1f3fc {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 72.22222222222223% 23.529411764705884%;
+}
+
+.emojione-diversity._1f3ca-1f3fd {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 72.22222222222223% 29.41176470588235%;
+}
+
+.emojione-diversity._1f3ca-1f3fe {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 72.22222222222223% 35.294117647058826%;
+}
+
+.emojione-diversity._1f3ca-1f3ff {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 72.22222222222223% 41.1764705882353%;
+}
+
+.emojione-diversity._1f3ca-1f3fb-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 72.22222222222223% 52.94117647058823%;
+}
+
+.emojione-diversity._1f3ca-1f3fc-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 72.22222222222223% 58.8235294117647%;
+}
+
+.emojione-diversity._1f3ca-1f3fd-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 72.22222222222223% 64.70588235294117%;
+}
+
+.emojione-diversity._1f3ca-1f3fe-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 72.22222222222223% 70.58823529411765%;
+}
+
+.emojione-diversity._1f3ca-1f3ff-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 0% 76.47058823529412%;
+}
+
+.emojione-diversity._1f3ca-1f3fb-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 11.11111111111111% 76.47058823529412%;
+}
+
+.emojione-diversity._1f3ca-1f3fc-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 16.666666666666668% 76.47058823529412%;
+}
+
+.emojione-diversity._1f3ca-1f3fd-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 22.22222222222222% 76.47058823529412%;
+}
+
+.emojione-diversity._1f3ca-1f3fe-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 27.77777777777778% 76.47058823529412%;
+}
+
+.emojione-diversity._1f3ca-1f3ff-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 33.333333333333336% 76.47058823529412%;
+}
+
+.emojione-diversity._1f93d-1f3fb {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 44.44444444444444% 76.47058823529412%;
+}
+
+.emojione-diversity._1f93d-1f3fc {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 50% 76.47058823529412%;
+}
+
+.emojione-diversity._1f93d-1f3fd {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 55.55555555555556% 76.47058823529412%;
+}
+
+.emojione-diversity._1f93d-1f3fe {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 61.111111111111114% 76.47058823529412%;
+}
+
+.emojione-diversity._1f93d-1f3ff {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 66.66666666666667% 76.47058823529412%;
+}
+
+.emojione-diversity._1f93d-1f3fb-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 77.77777777777777% 0%;
+}
+
+.emojione-diversity._1f93d-1f3fc-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 77.77777777777777% 5.882352941176471%;
+}
+
+.emojione-diversity._1f93d-1f3fd-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 77.77777777777777% 11.764705882352942%;
+}
+
+.emojione-diversity._1f93d-1f3fe-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 77.77777777777777% 17.647058823529413%;
+}
+
+.emojione-diversity._1f93d-1f3ff-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 77.77777777777777% 23.529411764705884%;
+}
+
+.emojione-diversity._1f93d-1f3fb-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 77.77777777777777% 35.294117647058826%;
+}
+
+.emojione-diversity._1f93d-1f3fc-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 77.77777777777777% 41.1764705882353%;
+}
+
+.emojione-diversity._1f93d-1f3fd-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 77.77777777777777% 47.05882352941177%;
+}
+
+.emojione-diversity._1f93d-1f3fe-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 77.77777777777777% 52.94117647058823%;
+}
+
+.emojione-diversity._1f93d-1f3ff-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 77.77777777777777% 58.8235294117647%;
+}
+
+.emojione-diversity._1f6a3-1f3fb {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 77.77777777777777% 70.58823529411765%;
+}
+
+.emojione-diversity._1f6a3-1f3fc {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 77.77777777777777% 76.47058823529412%;
+}
+
+.emojione-diversity._1f6a3-1f3fd {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 0% 82.3529411764706%;
+}
+
+.emojione-diversity._1f6a3-1f3fe {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 5.555555555555555% 82.3529411764706%;
+}
+
+.emojione-diversity._1f6a3-1f3ff {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 11.11111111111111% 82.3529411764706%;
+}
+
+.emojione-diversity._1f6a3-1f3fb-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 22.22222222222222% 82.3529411764706%;
+}
+
+.emojione-diversity._1f6a3-1f3fc-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 27.77777777777778% 82.3529411764706%;
+}
+
+.emojione-diversity._1f6a3-1f3fd-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 33.333333333333336% 82.3529411764706%;
+}
+
+.emojione-diversity._1f6a3-1f3fe-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 38.888888888888886% 82.3529411764706%;
+}
+
+.emojione-diversity._1f6a3-1f3ff-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 44.44444444444444% 82.3529411764706%;
+}
+
+.emojione-diversity._1f6a3-1f3fb-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 55.55555555555556% 82.3529411764706%;
+}
+
+.emojione-diversity._1f6a3-1f3fc-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 61.111111111111114% 82.3529411764706%;
+}
+
+.emojione-diversity._1f6a3-1f3fd-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 66.66666666666667% 82.3529411764706%;
+}
+
+.emojione-diversity._1f6a3-1f3fe-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 72.22222222222223% 82.3529411764706%;
+}
+
+.emojione-diversity._1f6a3-1f3ff-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 77.77777777777777% 82.3529411764706%;
+}
+
+.emojione-diversity._1f9d7-1f3fb {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 83.33333333333333% 5.882352941176471%;
+}
+
+.emojione-diversity._1f9d7-1f3fc {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 83.33333333333333% 11.764705882352942%;
+}
+
+.emojione-diversity._1f9d7-1f3fd {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 83.33333333333333% 17.647058823529413%;
+}
+
+.emojione-diversity._1f9d7-1f3fe {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 83.33333333333333% 23.529411764705884%;
+}
+
+.emojione-diversity._1f9d7-1f3ff {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 83.33333333333333% 29.41176470588235%;
+}
+
+.emojione-diversity._1f9d7-1f3fb-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 83.33333333333333% 41.1764705882353%;
+}
+
+.emojione-diversity._1f9d7-1f3fc-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 83.33333333333333% 47.05882352941177%;
+}
+
+.emojione-diversity._1f9d7-1f3fd-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 83.33333333333333% 52.94117647058823%;
+}
+
+.emojione-diversity._1f9d7-1f3fe-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 83.33333333333333% 58.8235294117647%;
+}
+
+.emojione-diversity._1f9d7-1f3ff-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 83.33333333333333% 64.70588235294117%;
+}
+
+.emojione-diversity._1f9d7-1f3fb-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 83.33333333333333% 76.47058823529412%;
+}
+
+.emojione-diversity._1f9d7-1f3fc-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 83.33333333333333% 82.3529411764706%;
+}
+
+.emojione-diversity._1f9d7-1f3fd-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 0% 88.23529411764706%;
+}
+
+.emojione-diversity._1f9d7-1f3fe-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 5.555555555555555% 88.23529411764706%;
+}
+
+.emojione-diversity._1f9d7-1f3ff-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 11.11111111111111% 88.23529411764706%;
+}
+
+.emojione-diversity._1f6b5-1f3fb {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 22.22222222222222% 88.23529411764706%;
+}
+
+.emojione-diversity._1f6b5-1f3fc {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 27.77777777777778% 88.23529411764706%;
+}
+
+.emojione-diversity._1f6b5-1f3fd {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 33.333333333333336% 88.23529411764706%;
+}
+
+.emojione-diversity._1f6b5-1f3fe {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 38.888888888888886% 88.23529411764706%;
+}
+
+.emojione-diversity._1f6b5-1f3ff {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 44.44444444444444% 88.23529411764706%;
+}
+
+.emojione-diversity._1f6b5-1f3fb-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 55.55555555555556% 88.23529411764706%;
+}
+
+.emojione-diversity._1f6b5-1f3fc-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 61.111111111111114% 88.23529411764706%;
+}
+
+.emojione-diversity._1f6b5-1f3fd-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 66.66666666666667% 88.23529411764706%;
+}
+
+.emojione-diversity._1f6b5-1f3fe-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 72.22222222222223% 88.23529411764706%;
+}
+
+.emojione-diversity._1f6b5-1f3ff-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 77.77777777777777% 88.23529411764706%;
+}
+
+.emojione-diversity._1f6b5-1f3fb-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 88.88888888888889% 0%;
+}
+
+.emojione-diversity._1f6b5-1f3fc-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 88.88888888888889% 5.882352941176471%;
+}
+
+.emojione-diversity._1f6b5-1f3fd-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 88.88888888888889% 11.764705882352942%;
+}
+
+.emojione-diversity._1f6b5-1f3fe-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 88.88888888888889% 17.647058823529413%;
+}
+
+.emojione-diversity._1f6b5-1f3ff-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 88.88888888888889% 23.529411764705884%;
+}
+
+.emojione-diversity._1f6b4-1f3fb {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 88.88888888888889% 35.294117647058826%;
+}
+
+.emojione-diversity._1f6b4-1f3fc {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 88.88888888888889% 41.1764705882353%;
+}
+
+.emojione-diversity._1f6b4-1f3fd {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 88.88888888888889% 47.05882352941177%;
+}
+
+.emojione-diversity._1f6b4-1f3fe {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 88.88888888888889% 52.94117647058823%;
+}
+
+.emojione-diversity._1f6b4-1f3ff {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 88.88888888888889% 58.8235294117647%;
+}
+
+.emojione-diversity._1f6b4-1f3fb-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 88.88888888888889% 70.58823529411765%;
+}
+
+.emojione-diversity._1f6b4-1f3fc-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 88.88888888888889% 76.47058823529412%;
+}
+
+.emojione-diversity._1f6b4-1f3fd-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 88.88888888888889% 82.3529411764706%;
+}
+
+.emojione-diversity._1f6b4-1f3fe-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 88.88888888888889% 88.23529411764706%;
+}
+
+.emojione-diversity._1f6b4-1f3ff-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 0% 94.11764705882354%;
+}
+
+.emojione-diversity._1f6b4-1f3fb-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 11.11111111111111% 94.11764705882354%;
+}
+
+.emojione-diversity._1f6b4-1f3fc-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 16.666666666666668% 94.11764705882354%;
+}
+
+.emojione-diversity._1f6b4-1f3fd-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 22.22222222222222% 94.11764705882354%;
+}
+
+.emojione-diversity._1f6b4-1f3fe-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 27.77777777777778% 94.11764705882354%;
+}
+
+.emojione-diversity._1f6b4-1f3ff-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 33.333333333333336% 94.11764705882354%;
+}
+
+.emojione-diversity._1f939-1f3fb {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 94.44444444444444% 11.764705882352942%;
+}
+
+.emojione-diversity._1f939-1f3fc {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 94.44444444444444% 17.647058823529413%;
+}
+
+.emojione-diversity._1f939-1f3fd {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 94.44444444444444% 23.529411764705884%;
+}
+
+.emojione-diversity._1f939-1f3fe {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 94.44444444444444% 29.41176470588235%;
+}
+
+.emojione-diversity._1f939-1f3ff {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 94.44444444444444% 35.294117647058826%;
+}
+
+.emojione-diversity._1f939-1f3fb-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 94.44444444444444% 47.05882352941177%;
+}
+
+.emojione-diversity._1f939-1f3fc-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 94.44444444444444% 52.94117647058823%;
+}
+
+.emojione-diversity._1f939-1f3fd-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 94.44444444444444% 58.8235294117647%;
+}
+
+.emojione-diversity._1f939-1f3fe-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 94.44444444444444% 64.70588235294117%;
+}
+
+.emojione-diversity._1f939-1f3ff-2640 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 94.44444444444444% 70.58823529411765%;
+}
+
+.emojione-diversity._1f939-1f3fb-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 94.44444444444444% 82.3529411764706%;
+}
+
+.emojione-diversity._1f939-1f3fc-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 94.44444444444444% 88.23529411764706%;
+}
+
+.emojione-diversity._1f939-1f3fd-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 94.44444444444444% 94.11764705882354%;
+}
+
+.emojione-diversity._1f939-1f3fe-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 0% 100%;
+}
+
+.emojione-diversity._1f939-1f3ff-2642 {
+ background-image: url('/packages/emojione/activity-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1900% 1800%;
+ background-position: 5.555555555555555% 100%;
+}
diff --git a/app/emoji-emojione/client/emojione-sprites.css b/app/emoji-emojione/client/emojione-sprites.css
new file mode 100644
index 0000000000000..6aa6a6eb1add2
--- /dev/null
+++ b/app/emoji-emojione/client/emojione-sprites.css
@@ -0,0 +1,35 @@
+@import './symbols-sprites.css';
+@import './activity-sprites.css';
+@import './objects-sprites.css';
+@import './nature-sprites.css';
+@import './food-sprites.css';
+@import './people-sprites.css';
+@import './regional-sprites.css';
+@import './travel-sprites.css';
+@import './flags-sprites.css';
+@import './modifier-sprites.css';
+
+.emojione {
+ position: relative;
+
+ display: inline-block;
+ overflow: hidden;
+
+ width: 22px;
+ height: 22px;
+ margin: 0 0.15em;
+
+ vertical-align: middle;
+ white-space: nowrap;
+ text-indent: 100%;
+
+ font-size: inherit;
+ line-height: normal;
+ image-rendering: -webkit-optimize-contrast;
+ image-rendering: optimizeQuality;
+}
+
+.emojione.big {
+ width: 44px;
+ height: 44px;
+}
diff --git a/app/emoji-emojione/client/flags-sprites.css b/app/emoji-emojione/client/flags-sprites.css
new file mode 100644
index 0000000000000..63a716591b2dc
--- /dev/null
+++ b/app/emoji-emojione/client/flags-sprites.css
@@ -0,0 +1,1615 @@
+/* stylelint-disable */
+
+.emojione-flags {
+ background-image: url('/packages/emojione/flags-sprites.png');
+
+ &._1f1f1-1f1f9 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 0% 0%;
+ }
+
+ &._1f3f3 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 6.25% 0%;
+ }
+
+ &._1f3c1 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 0% 6.666666666666667%;
+ }
+
+ &._1f6a9 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 6.25% 6.666666666666667%;
+ }
+
+ &._1f3f3-1f308 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 12.5% 0%;
+ }
+
+ &._1f3f4-2620 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 12.5% 6.666666666666667%;
+ }
+
+ &._1f1e6-1f1eb {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 0% 13.333333333333334%;
+ }
+
+ &._1f1e6-1f1fd {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 6.25% 13.333333333333334%;
+ }
+
+ &._1f1e6-1f1f1 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 12.5% 13.333333333333334%;
+ }
+
+ &._1f1e9-1f1ff {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 18.75% 0%;
+ }
+
+ &._1f1e6-1f1f8 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 18.75% 6.666666666666667%;
+ }
+
+ &._1f1e6-1f1e9 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 18.75% 13.333333333333334%;
+ }
+
+ &._1f1e6-1f1f4 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 0% 20%;
+ }
+
+ &._1f1e6-1f1ee {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 6.25% 20%;
+ }
+
+ &._1f1e6-1f1f6 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 12.5% 20%;
+ }
+
+ &._1f1e6-1f1ec {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 18.75% 20%;
+ }
+
+ &._1f1e6-1f1f7 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 25% 0%;
+ }
+
+ &._1f1e6-1f1f2 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 25% 6.666666666666667%;
+ }
+
+ &._1f1e6-1f1fc {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 25% 13.333333333333334%;
+ }
+
+ &._1f1e6-1f1fa {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 25% 20%;
+ }
+
+ &._1f1e6-1f1f9 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 0% 26.666666666666668%;
+ }
+
+ &._1f1e6-1f1ff {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 6.25% 26.666666666666668%;
+ }
+
+ &._1f1e7-1f1f8 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 12.5% 26.666666666666668%;
+ }
+
+ &._1f1e7-1f1ed {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 18.75% 26.666666666666668%;
+ }
+
+ &._1f1e7-1f1e9 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 25% 26.666666666666668%;
+ }
+
+ &._1f1e7-1f1e7 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 31.25% 0%;
+ }
+
+ &._1f1e7-1f1fe {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 31.25% 6.666666666666667%;
+ }
+
+ &._1f1e7-1f1ea {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 31.25% 13.333333333333334%;
+ }
+
+ &._1f1e7-1f1ff {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 31.25% 20%;
+ }
+
+ &._1f1e7-1f1ef {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 31.25% 26.666666666666668%;
+ }
+
+ &._1f1e7-1f1f2 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 0% 33.333333333333336%;
+ }
+
+ &._1f1e7-1f1f9 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 6.25% 33.333333333333336%;
+ }
+
+ &._1f1e7-1f1f4 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 12.5% 33.333333333333336%;
+ }
+
+ &._1f1e7-1f1e6 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 18.75% 33.333333333333336%;
+ }
+
+ &._1f1e7-1f1fc {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 25% 33.333333333333336%;
+ }
+
+ &._1f1e7-1f1f7 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 31.25% 33.333333333333336%;
+ }
+
+ &._1f1ee-1f1f4 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 37.5% 0%;
+ }
+
+ &._1f1fb-1f1ec {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 37.5% 6.666666666666667%;
+ }
+
+ &._1f1e7-1f1f3 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 37.5% 13.333333333333334%;
+ }
+
+ &._1f1e7-1f1ec {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 37.5% 20%;
+ }
+
+ &._1f1e7-1f1eb {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 37.5% 26.666666666666668%;
+ }
+
+ &._1f1e7-1f1ee {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 37.5% 33.333333333333336%;
+ }
+
+ &._1f1f0-1f1ed {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 0% 40%;
+ }
+
+ &._1f1e8-1f1f2 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 6.25% 40%;
+ }
+
+ &._1f1e8-1f1e6 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 12.5% 40%;
+ }
+
+ &._1f1ee-1f1e8 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 18.75% 40%;
+ }
+
+ &._1f1e8-1f1fb {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 25% 40%;
+ }
+
+ &._1f1e7-1f1f6 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 31.25% 40%;
+ }
+
+ &._1f1f0-1f1fe {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 37.5% 40%;
+ }
+
+ &._1f1e8-1f1eb {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 43.75% 0%;
+ }
+
+ &._1f1f9-1f1e9 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 43.75% 6.666666666666667%;
+ }
+
+ &._1f1e8-1f1f1 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 43.75% 13.333333333333334%;
+ }
+
+ &._1f1e8-1f1f3 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 43.75% 20%;
+ }
+
+ &._1f1e8-1f1fd {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 43.75% 26.666666666666668%;
+ }
+
+ &._1f1e8-1f1e8 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 43.75% 33.333333333333336%;
+ }
+
+ &._1f1e8-1f1f4 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 43.75% 40%;
+ }
+
+ &._1f1f0-1f1f2 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 0% 46.666666666666664%;
+ }
+
+ &._1f1e8-1f1ec {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 6.25% 46.666666666666664%;
+ }
+
+ &._1f1e8-1f1e9 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 12.5% 46.666666666666664%;
+ }
+
+ &._1f1e8-1f1f0 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 18.75% 46.666666666666664%;
+ }
+
+ &._1f1e8-1f1f7 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 25% 46.666666666666664%;
+ }
+
+ &._1f1e8-1f1ee {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 31.25% 46.666666666666664%;
+ }
+
+ &._1f1ed-1f1f7 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 37.5% 46.666666666666664%;
+ }
+
+ &._1f1e8-1f1fa {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 43.75% 46.666666666666664%;
+ }
+
+ &._1f1e8-1f1fc {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 50% 0%;
+ }
+
+ &._1f1e8-1f1fe {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 50% 6.666666666666667%;
+ }
+
+ &._1f1e8-1f1ff {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 50% 13.333333333333334%;
+ }
+
+ &._1f1e9-1f1f0 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 50% 20%;
+ }
+
+ &._1f1e9-1f1ef {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 50% 26.666666666666668%;
+ }
+
+ &._1f1e9-1f1f2 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 50% 33.333333333333336%;
+ }
+
+ &._1f1e9-1f1f4 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 50% 40%;
+ }
+
+ &._1f1ea-1f1e8 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 50% 46.666666666666664%;
+ }
+
+ &._1f1ea-1f1ec {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 0% 53.333333333333336%;
+ }
+
+ &._1f1f8-1f1fb {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 6.25% 53.333333333333336%;
+ }
+
+ &._1f1ec-1f1f6 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 12.5% 53.333333333333336%;
+ }
+
+ &._1f1ea-1f1f7 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 18.75% 53.333333333333336%;
+ }
+
+ &._1f1ea-1f1ea {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 25% 53.333333333333336%;
+ }
+
+ &._1f1ea-1f1f9 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 31.25% 53.333333333333336%;
+ }
+
+ &._1f1ea-1f1fa {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 37.5% 53.333333333333336%;
+ }
+
+ &._1f1eb-1f1f0 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 43.75% 53.333333333333336%;
+ }
+
+ &._1f1eb-1f1f4 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 50% 53.333333333333336%;
+ }
+
+ &._1f1eb-1f1ef {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 56.25% 0%;
+ }
+
+ &._1f1eb-1f1ee {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 56.25% 6.666666666666667%;
+ }
+
+ &._1f1eb-1f1f7 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 56.25% 13.333333333333334%;
+ }
+
+ &._1f1ec-1f1eb {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 56.25% 20%;
+ }
+
+ &._1f1f5-1f1eb {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 56.25% 26.666666666666668%;
+ }
+
+ &._1f1f9-1f1eb {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 56.25% 33.333333333333336%;
+ }
+
+ &._1f1ec-1f1e6 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 56.25% 40%;
+ }
+
+ &._1f1ec-1f1f2 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 56.25% 46.666666666666664%;
+ }
+
+ &._1f1ec-1f1ea {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 56.25% 53.333333333333336%;
+ }
+
+ &._1f1e9-1f1ea {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 0% 60%;
+ }
+
+ &._1f1ec-1f1ed {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 6.25% 60%;
+ }
+
+ &._1f1ec-1f1ee {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 12.5% 60%;
+ }
+
+ &._1f1ec-1f1f7 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 18.75% 60%;
+ }
+
+ &._1f1ec-1f1f1 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 25% 60%;
+ }
+
+ &._1f1ec-1f1e9 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 31.25% 60%;
+ }
+
+ &._1f1ec-1f1f5 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 37.5% 60%;
+ }
+
+ &._1f1ec-1f1fa {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 43.75% 60%;
+ }
+
+ &._1f1ec-1f1f9 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 50% 60%;
+ }
+
+ &._1f1ec-1f1ec {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 56.25% 60%;
+ }
+
+ &._1f1ec-1f1f3 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 62.5% 0%;
+ }
+
+ &._1f1ec-1f1fc {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 62.5% 6.666666666666667%;
+ }
+
+ &._1f1ec-1f1fe {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 62.5% 13.333333333333334%;
+ }
+
+ &._1f1ed-1f1f9 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 62.5% 20%;
+ }
+
+ &._1f1ed-1f1f3 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 62.5% 26.666666666666668%;
+ }
+
+ &._1f1ed-1f1f0 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 62.5% 33.333333333333336%;
+ }
+
+ &._1f1ed-1f1fa {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 62.5% 40%;
+ }
+
+ &._1f1ee-1f1f8 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 62.5% 46.666666666666664%;
+ }
+
+ &._1f1ee-1f1f3 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 62.5% 53.333333333333336%;
+ }
+
+ &._1f1ee-1f1e9 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 62.5% 60%;
+ }
+
+ &._1f1ee-1f1f7 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 0% 66.66666666666667%;
+ }
+
+ &._1f1ee-1f1f6 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 6.25% 66.66666666666667%;
+ }
+
+ &._1f1ee-1f1ea {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 12.5% 66.66666666666667%;
+ }
+
+ &._1f1ee-1f1f2 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 18.75% 66.66666666666667%;
+ }
+
+ &._1f1ee-1f1f1 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 25% 66.66666666666667%;
+ }
+
+ &._1f1ee-1f1f9 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 31.25% 66.66666666666667%;
+ }
+
+ &._1f1ef-1f1f2 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 37.5% 66.66666666666667%;
+ }
+
+ &._1f1ef-1f1f5 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 43.75% 66.66666666666667%;
+ }
+
+ &._1f38c {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 50% 66.66666666666667%;
+ }
+
+ &._1f1ef-1f1ea {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 56.25% 66.66666666666667%;
+ }
+
+ &._1f1ef-1f1f4 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 62.5% 66.66666666666667%;
+ }
+
+ &._1f1f0-1f1ff {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 68.75% 0%;
+ }
+
+ &._1f1f0-1f1ea {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 68.75% 6.666666666666667%;
+ }
+
+ &._1f1f0-1f1ee {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 68.75% 13.333333333333334%;
+ }
+
+ &._1f1fd-1f1f0 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 68.75% 20%;
+ }
+
+ &._1f1f0-1f1fc {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 68.75% 26.666666666666668%;
+ }
+
+ &._1f1f0-1f1ec {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 68.75% 33.333333333333336%;
+ }
+
+ &._1f1f1-1f1e6 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 68.75% 40%;
+ }
+
+ &._1f1f1-1f1fb {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 68.75% 46.666666666666664%;
+ }
+
+ &._1f1f1-1f1e7 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 68.75% 53.333333333333336%;
+ }
+
+ &._1f1f1-1f1f8 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 68.75% 60%;
+ }
+
+ &._1f1f1-1f1f7 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 68.75% 66.66666666666667%;
+ }
+
+ &._1f1f1-1f1fe {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 0% 73.33333333333333%;
+ }
+
+ &._1f1f1-1f1ee {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 6.25% 73.33333333333333%;
+ }
+
+ &._1f3f4 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 12.5% 73.33333333333333%;
+ }
+
+ &._1f1f1-1f1fa {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 18.75% 73.33333333333333%;
+ }
+
+ &._1f1f2-1f1f4 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 25% 73.33333333333333%;
+ }
+
+ &._1f1f2-1f1f0 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 31.25% 73.33333333333333%;
+ }
+
+ &._1f1f2-1f1ec {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 37.5% 73.33333333333333%;
+ }
+
+ &._1f1f2-1f1fc {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 43.75% 73.33333333333333%;
+ }
+
+ &._1f1f2-1f1fe {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 50% 73.33333333333333%;
+ }
+
+ &._1f1f2-1f1fb {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 56.25% 73.33333333333333%;
+ }
+
+ &._1f1f2-1f1f1 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 62.5% 73.33333333333333%;
+ }
+
+ &._1f1f2-1f1f9 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 68.75% 73.33333333333333%;
+ }
+
+ &._1f1f2-1f1ed {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 75% 0%;
+ }
+
+ &._1f1f2-1f1f6 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 75% 6.666666666666667%;
+ }
+
+ &._1f1f2-1f1f7 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 75% 13.333333333333334%;
+ }
+
+ &._1f1f2-1f1fa {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 75% 20%;
+ }
+
+ &._1f1fe-1f1f9 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 75% 26.666666666666668%;
+ }
+
+ &._1f1f2-1f1fd {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 75% 33.333333333333336%;
+ }
+
+ &._1f1eb-1f1f2 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 75% 40%;
+ }
+
+ &._1f1f2-1f1e9 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 75% 46.666666666666664%;
+ }
+
+ &._1f1f2-1f1e8 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 75% 53.333333333333336%;
+ }
+
+ &._1f1f2-1f1f3 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 75% 60%;
+ }
+
+ &._1f1f2-1f1ea {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 75% 66.66666666666667%;
+ }
+
+ &._1f1f2-1f1f8 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 75% 73.33333333333333%;
+ }
+
+ &._1f1f2-1f1e6 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 0% 80%;
+ }
+
+ &._1f1f2-1f1ff {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 6.25% 80%;
+ }
+
+ &._1f1f2-1f1f2 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 12.5% 80%;
+ }
+
+ &._1f1f3-1f1e6 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 18.75% 80%;
+ }
+
+ &._1f1f3-1f1f7 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 25% 80%;
+ }
+
+ &._1f1f3-1f1f5 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 31.25% 80%;
+ }
+
+ &._1f1f3-1f1f1 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 37.5% 80%;
+ }
+
+ &._1f1f3-1f1e8 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 43.75% 80%;
+ }
+
+ &._1f1f3-1f1ff {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 50% 80%;
+ }
+
+ &._1f1f3-1f1ee {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 56.25% 80%;
+ }
+
+ &._1f1f3-1f1ea {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 62.5% 80%;
+ }
+
+ &._1f1f3-1f1ec {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 68.75% 80%;
+ }
+
+ &._1f1f3-1f1fa {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 75% 80%;
+ }
+
+ &._1f1f3-1f1eb {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 81.25% 0%;
+ }
+
+ &._1f1f0-1f1f5 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 81.25% 6.666666666666667%;
+ }
+
+ &._1f1f2-1f1f5 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 81.25% 13.333333333333334%;
+ }
+
+ &._1f1f3-1f1f4 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 81.25% 20%;
+ }
+
+ &._1f1f4-1f1f2 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 81.25% 26.666666666666668%;
+ }
+
+ &._1f1f5-1f1f0 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 81.25% 33.333333333333336%;
+ }
+
+ &._1f1f5-1f1fc {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 81.25% 40%;
+ }
+
+ &._1f1f5-1f1f8 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 81.25% 46.666666666666664%;
+ }
+
+ &._1f1f5-1f1e6 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 81.25% 53.333333333333336%;
+ }
+
+ &._1f1f5-1f1ec {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 81.25% 60%;
+ }
+
+ &._1f1f5-1f1fe {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 81.25% 66.66666666666667%;
+ }
+
+ &._1f1f5-1f1ea {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 81.25% 73.33333333333333%;
+ }
+
+ &._1f1f5-1f1ed {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 81.25% 80%;
+ }
+
+ &._1f1f5-1f1f3 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 0% 86.66666666666667%;
+ }
+
+ &._1f1f5-1f1f1 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 6.25% 86.66666666666667%;
+ }
+
+ &._1f1f5-1f1f9 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 12.5% 86.66666666666667%;
+ }
+
+ &._1f1f5-1f1f7 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 18.75% 86.66666666666667%;
+ }
+
+ &._1f1f6-1f1e6 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 25% 86.66666666666667%;
+ }
+
+ &._1f1f7-1f1ea {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 31.25% 86.66666666666667%;
+ }
+
+ &._1f1f7-1f1f4 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 37.5% 86.66666666666667%;
+ }
+
+ &._1f1f7-1f1fa {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 43.75% 86.66666666666667%;
+ }
+
+ &._1f1f7-1f1fc {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 50% 86.66666666666667%;
+ }
+
+ &._1f1fc-1f1f8 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 56.25% 86.66666666666667%;
+ }
+
+ &._1f1f8-1f1f2 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 62.5% 86.66666666666667%;
+ }
+
+ &._1f1f8-1f1f9 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 68.75% 86.66666666666667%;
+ }
+
+ &._1f1f8-1f1e6 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 75% 86.66666666666667%;
+ }
+
+ &._1f1f8-1f1f3 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 81.25% 86.66666666666667%;
+ }
+
+ &._1f1f7-1f1f8 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 87.5% 0%;
+ }
+
+ &._1f1f8-1f1e8 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 87.5% 6.666666666666667%;
+ }
+
+ &._1f1f8-1f1f1 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 87.5% 13.333333333333334%;
+ }
+
+ &._1f1f8-1f1ec {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 87.5% 20%;
+ }
+
+ &._1f1f8-1f1fd {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 87.5% 26.666666666666668%;
+ }
+
+ &._1f1f8-1f1f0 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 87.5% 33.333333333333336%;
+ }
+
+ &._1f1f8-1f1ee {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 87.5% 40%;
+ }
+
+ &._1f1ec-1f1f8 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 87.5% 46.666666666666664%;
+ }
+
+ &._1f1f8-1f1e7 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 87.5% 53.333333333333336%;
+ }
+
+ &._1f1f8-1f1f4 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 87.5% 60%;
+ }
+
+ &._1f1ff-1f1e6 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 87.5% 66.66666666666667%;
+ }
+
+ &._1f1f0-1f1f7 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 87.5% 73.33333333333333%;
+ }
+
+ &._1f1f8-1f1f8 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 87.5% 80%;
+ }
+
+ &._1f1ea-1f1f8 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 87.5% 86.66666666666667%;
+ }
+
+ &._1f1f1-1f1f0 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 0% 93.33333333333333%;
+ }
+
+ &._1f1e7-1f1f1 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 6.25% 93.33333333333333%;
+ }
+
+ &._1f1f8-1f1ed {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 12.5% 93.33333333333333%;
+ }
+
+ &._1f1f0-1f1f3 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 18.75% 93.33333333333333%;
+ }
+
+ &._1f1f1-1f1e8 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 25% 93.33333333333333%;
+ }
+
+ &._1f1f5-1f1f2 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 31.25% 93.33333333333333%;
+ }
+
+ &._1f1fb-1f1e8 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 37.5% 93.33333333333333%;
+ }
+
+ &._1f1f8-1f1e9 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 43.75% 93.33333333333333%;
+ }
+
+ &._1f1f8-1f1f7 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 50% 93.33333333333333%;
+ }
+
+ &._1f1f8-1f1ff {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 56.25% 93.33333333333333%;
+ }
+
+ &._1f1f8-1f1ea {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 62.5% 93.33333333333333%;
+ }
+
+ &._1f1e8-1f1ed {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 68.75% 93.33333333333333%;
+ }
+
+ &._1f1f8-1f1fe {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 75% 93.33333333333333%;
+ }
+
+ &._1f1f9-1f1fc {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 81.25% 93.33333333333333%;
+ }
+
+ &._1f1f9-1f1ef {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 87.5% 93.33333333333333%;
+ }
+
+ &._1f1f9-1f1ff {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 93.75% 0%;
+ }
+
+ &._1f1f9-1f1ed {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 93.75% 6.666666666666667%;
+ }
+
+ &._1f1f9-1f1f1 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 93.75% 13.333333333333334%;
+ }
+
+ &._1f1f9-1f1ec {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 93.75% 20%;
+ }
+
+ &._1f1f9-1f1f0 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 93.75% 26.666666666666668%;
+ }
+
+ &._1f1f9-1f1f4 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 93.75% 33.333333333333336%;
+ }
+
+ &._1f1f9-1f1f9 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 93.75% 40%;
+ }
+
+ &._1f1f9-1f1f3 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 93.75% 46.666666666666664%;
+ }
+
+ &._1f1f9-1f1f7 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 93.75% 53.333333333333336%;
+ }
+
+ &._1f1f9-1f1f2 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 93.75% 60%;
+ }
+
+ &._1f1f9-1f1e8 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 93.75% 66.66666666666667%;
+ }
+
+ &._1f1fb-1f1ee {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 93.75% 73.33333333333333%;
+ }
+
+ &._1f1f9-1f1fb {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 93.75% 80%;
+ }
+
+ &._1f1fa-1f1ec {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 93.75% 86.66666666666667%;
+ }
+
+ &._1f1fa-1f1e6 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 93.75% 93.33333333333333%;
+ }
+
+ &._1f1e6-1f1ea {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 0% 100%;
+ }
+
+ &._1f1ec-1f1e7 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 6.25% 100%;
+ }
+
+ &._1f3f4-e0067-e0062-e0065-e006e-e0067-e007f {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 12.5% 100%;
+ }
+
+ &._1f3f4-e0067-e0062-e0073-e0063-e0074-e007f {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 18.75% 100%;
+ }
+
+ &._1f3f4-e0067-e0062-e0077-e006c-e0073-e007f {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 25% 100%;
+ }
+
+ &._1f1fa-1f1f8 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 31.25% 100%;
+ }
+
+ &._1f1fa-1f1fe {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 37.5% 100%;
+ }
+
+ &._1f1fa-1f1ff {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 43.75% 100%;
+ }
+
+ &._1f1fb-1f1fa {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 50% 100%;
+ }
+
+ &._1f1fb-1f1e6 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 56.25% 100%;
+ }
+
+ &._1f1fb-1f1ea {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 62.5% 100%;
+ }
+
+ &._1f1fb-1f1f3 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 68.75% 100%;
+ }
+
+ &._1f1fc-1f1eb {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 75% 100%;
+ }
+
+ &._1f1ea-1f1ed {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 81.25% 100%;
+ }
+
+ &._1f1fe-1f1ea {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 87.5% 100%;
+ }
+
+ &._1f1ff-1f1f2 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 93.75% 100%;
+ }
+
+ &._1f1ff-1f1fc {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 100% 0%;
+ }
+
+ &._1f1e6-1f1e8 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 100% 6.666666666666667%;
+ }
+
+ &._1f1e7-1f1fb {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 100% 13.333333333333334%;
+ }
+
+ &._1f1e8-1f1f5 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 100% 20%;
+ }
+
+ &._1f1ea-1f1e6 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 100% 26.666666666666668%;
+ }
+
+ &._1f1e9-1f1ec {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 100% 33.333333333333336%;
+ }
+
+ &._1f1ed-1f1f2 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 100% 40%;
+ }
+
+ &._1f1f2-1f1eb {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 100% 46.666666666666664%;
+ }
+
+ &._1f1f8-1f1ef {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 100% 53.333333333333336%;
+ }
+
+ &._1f1f9-1f1e6 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 100% 60%;
+ }
+
+ &._1f1fa-1f1f2 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 100% 66.66666666666667%;
+ }
+
+ &._1f1fa-1f1f3 {
+ background-repeat: no-repeat;
+ background-size: 1700% 1600%;
+ background-position: 100% 73.33333333333333%;
+ }
+
+}
+
diff --git a/app/emoji-emojione/client/food-sprites.css b/app/emoji-emojione/client/food-sprites.css
new file mode 100644
index 0000000000000..078e4d9cdb20f
--- /dev/null
+++ b/app/emoji-emojione/client/food-sprites.css
@@ -0,0 +1,637 @@
+/* stylelint-disable */
+
+.emojione-food {
+ background-image: url('/packages/emojione/food-sprites.png');
+
+ &._1f35d {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 0% 0%;
+ }
+
+ &._2615 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 10% 0%;
+ }
+
+ &._1f34e {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 0% 11.11111111111111%;
+ }
+
+ &._1f350 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 10% 11.11111111111111%;
+ }
+
+ &._1f34a {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 20% 0%;
+ }
+
+ &._1f34b {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 20% 11.11111111111111%;
+ }
+
+ &._1f34c {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 0% 22.22222222222222%;
+ }
+
+ &._1f349 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 10% 22.22222222222222%;
+ }
+
+ &._1f347 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 20% 22.22222222222222%;
+ }
+
+ &._1f353 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 30% 0%;
+ }
+
+ &._1f348 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 30% 11.11111111111111%;
+ }
+
+ &._1f352 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 30% 22.22222222222222%;
+ }
+
+ &._1f351 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 0% 33.333333333333336%;
+ }
+
+ &._1f96d {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 10% 33.333333333333336%;
+ }
+
+ &._1f34d {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 20% 33.333333333333336%;
+ }
+
+ &._1f965 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 30% 33.333333333333336%;
+ }
+
+ &._1f95d {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 40% 0%;
+ }
+
+ &._1f345 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 40% 11.11111111111111%;
+ }
+
+ &._1f346 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 40% 22.22222222222222%;
+ }
+
+ &._1f951 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 40% 33.333333333333336%;
+ }
+
+ &._1f966 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 0% 44.44444444444444%;
+ }
+
+ &._1f96c {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 10% 44.44444444444444%;
+ }
+
+ &._1f952 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 20% 44.44444444444444%;
+ }
+
+ &._1f336 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 30% 44.44444444444444%;
+ }
+
+ &._1f33d {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 40% 44.44444444444444%;
+ }
+
+ &._1f955 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 50% 0%;
+ }
+
+ &._1f954 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 50% 11.11111111111111%;
+ }
+
+ &._1f360 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 50% 22.22222222222222%;
+ }
+
+ &._1f950 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 50% 33.333333333333336%;
+ }
+
+ &._1f35e {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 50% 44.44444444444444%;
+ }
+
+ &._1f956 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 0% 55.55555555555556%;
+ }
+
+ &._1f968 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 10% 55.55555555555556%;
+ }
+
+ &._1f96f {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 20% 55.55555555555556%;
+ }
+
+ &._1f9c0 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 30% 55.55555555555556%;
+ }
+
+ &._1f95a {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 40% 55.55555555555556%;
+ }
+
+ &._1f373 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 50% 55.55555555555556%;
+ }
+
+ &._1f95e {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 60% 0%;
+ }
+
+ &._1f953 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 60% 11.11111111111111%;
+ }
+
+ &._1f969 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 60% 22.22222222222222%;
+ }
+
+ &._1f357 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 60% 33.333333333333336%;
+ }
+
+ &._1f356 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 60% 44.44444444444444%;
+ }
+
+ &._1f32d {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 60% 55.55555555555556%;
+ }
+
+ &._1f354 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 0% 66.66666666666667%;
+ }
+
+ &._1f35f {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 10% 66.66666666666667%;
+ }
+
+ &._1f355 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 20% 66.66666666666667%;
+ }
+
+ &._1f96a {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 30% 66.66666666666667%;
+ }
+
+ &._1f959 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 40% 66.66666666666667%;
+ }
+
+ &._1f32e {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 50% 66.66666666666667%;
+ }
+
+ &._1f32f {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 60% 66.66666666666667%;
+ }
+
+ &._1f957 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 70% 0%;
+ }
+
+ &._1f958 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 70% 11.11111111111111%;
+ }
+
+ &._1f96b {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 70% 22.22222222222222%;
+ }
+
+ &._1f34f {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 70% 33.333333333333336%;
+ }
+
+ &._1f35c {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 70% 44.44444444444444%;
+ }
+
+ &._1f372 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 70% 55.55555555555556%;
+ }
+
+ &._1f35b {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 70% 66.66666666666667%;
+ }
+
+ &._1f363 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 0% 77.77777777777777%;
+ }
+
+ &._1f371 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 10% 77.77777777777777%;
+ }
+
+ &._1f364 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 20% 77.77777777777777%;
+ }
+
+ &._1f359 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 30% 77.77777777777777%;
+ }
+
+ &._1f35a {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 40% 77.77777777777777%;
+ }
+
+ &._1f358 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 50% 77.77777777777777%;
+ }
+
+ &._1f365 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 60% 77.77777777777777%;
+ }
+
+ &._1f960 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 70% 77.77777777777777%;
+ }
+
+ &._1f362 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 80% 0%;
+ }
+
+ &._1f361 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 80% 11.11111111111111%;
+ }
+
+ &._1f367 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 80% 22.22222222222222%;
+ }
+
+ &._1f368 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 80% 33.333333333333336%;
+ }
+
+ &._1f366 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 80% 44.44444444444444%;
+ }
+
+ &._1f967 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 80% 55.55555555555556%;
+ }
+
+ &._1f370 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 80% 66.66666666666667%;
+ }
+
+ &._1f382 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 80% 77.77777777777777%;
+ }
+
+ &._1f96e {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 0% 88.88888888888889%;
+ }
+
+ &._1f9c1 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 10% 88.88888888888889%;
+ }
+
+ &._1f36e {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 20% 88.88888888888889%;
+ }
+
+ &._1f36d {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 30% 88.88888888888889%;
+ }
+
+ &._1f36c {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 40% 88.88888888888889%;
+ }
+
+ &._1f36b {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 50% 88.88888888888889%;
+ }
+
+ &._1f37f {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 60% 88.88888888888889%;
+ }
+
+ &._1f9c2 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 70% 88.88888888888889%;
+ }
+
+ &._1f369 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 80% 88.88888888888889%;
+ }
+
+ &._1f95f {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 90% 0%;
+ }
+
+ &._1f36a {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 90% 11.11111111111111%;
+ }
+
+ &._1f330 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 90% 22.22222222222222%;
+ }
+
+ &._1f95c {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 90% 33.333333333333336%;
+ }
+
+ &._1f36f {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 90% 44.44444444444444%;
+ }
+
+ &._1f95b {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 90% 55.55555555555556%;
+ }
+
+ &._1f37c {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 90% 66.66666666666667%;
+ }
+
+ &._1f375 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 90% 77.77777777777777%;
+ }
+
+ &._1f964 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 90% 88.88888888888889%;
+ }
+
+ &._1f376 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 0% 100%;
+ }
+
+ &._1f37a {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 10% 100%;
+ }
+
+ &._1f37b {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 20% 100%;
+ }
+
+ &._1f942 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 30% 100%;
+ }
+
+ &._1f377 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 40% 100%;
+ }
+
+ &._1f943 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 50% 100%;
+ }
+
+ &._1f378 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 60% 100%;
+ }
+
+ &._1f379 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 70% 100%;
+ }
+
+ &._1f37e {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 80% 100%;
+ }
+
+ &._1f944 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 90% 100%;
+ }
+
+ &._1f374 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 100% 0%;
+ }
+
+ &._1f37d {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 100% 11.11111111111111%;
+ }
+
+ &._1f963 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 100% 22.22222222222222%;
+ }
+
+ &._1f961 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 100% 33.333333333333336%;
+ }
+
+ &._1f962 {
+ background-repeat: no-repeat;
+ background-size: 1100% 1000%;
+ background-position: 100% 44.44444444444444%;
+ }
+
+}
+
diff --git a/packages/rocketchat-emoji/server/index.js b/app/emoji-emojione/client/index.js
similarity index 100%
rename from packages/rocketchat-emoji/server/index.js
rename to app/emoji-emojione/client/index.js
diff --git a/app/emoji-emojione/client/modifier-sprites.css b/app/emoji-emojione/client/modifier-sprites.css
new file mode 100644
index 0000000000000..087b9c2bcfa7b
--- /dev/null
+++ b/app/emoji-emojione/client/modifier-sprites.css
@@ -0,0 +1,42 @@
+/* stylelint-disable */
+
+.emojione-modifier {
+ background-image: url('/packages/emojione/modifier-sprites.png');
+
+}
+
+
+.emojione-diversity._1f3fb {
+ background-image: url('/packages/emojione/modifier-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 300% 200%;
+ background-position: 0% 0%;
+}
+
+.emojione-diversity._1f3fc {
+ background-image: url('/packages/emojione/modifier-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 300% 200%;
+ background-position: 50% 0%;
+}
+
+.emojione-diversity._1f3fd {
+ background-image: url('/packages/emojione/modifier-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 300% 200%;
+ background-position: 0% 100%;
+}
+
+.emojione-diversity._1f3fe {
+ background-image: url('/packages/emojione/modifier-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 300% 200%;
+ background-position: 50% 100%;
+}
+
+.emojione-diversity._1f3ff {
+ background-image: url('/packages/emojione/modifier-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 300% 200%;
+ background-position: 100% 0%;
+}
diff --git a/app/emoji-emojione/client/nature-sprites.css b/app/emoji-emojione/client/nature-sprites.css
new file mode 100644
index 0000000000000..e9ee1c97290af
--- /dev/null
+++ b/app/emoji-emojione/client/nature-sprites.css
@@ -0,0 +1,1069 @@
+/* stylelint-disable */
+
+.emojione-nature {
+ background-image: url('/packages/emojione/nature-sprites.png');
+
+ &._1f42b {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 0% 0%;
+ }
+
+ &._2600 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 7.6923076923076925% 0%;
+ }
+
+ &._2602 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 0% 8.333333333333334%;
+ }
+
+ &._2603 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 7.6923076923076925% 8.333333333333334%;
+ }
+
+ &._2604 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 15.384615384615385% 0%;
+ }
+
+ &._2614 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 15.384615384615385% 8.333333333333334%;
+ }
+
+ &._2618 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 0% 16.666666666666668%;
+ }
+
+ &._2728 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 7.6923076923076925% 16.666666666666668%;
+ }
+
+ &._2744 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 15.384615384615385% 16.666666666666668%;
+ }
+
+ &._1f436 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 23.076923076923077% 0%;
+ }
+
+ &._1f431 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 23.076923076923077% 8.333333333333334%;
+ }
+
+ &._1f42d {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 23.076923076923077% 16.666666666666668%;
+ }
+
+ &._1f439 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 0% 25%;
+ }
+
+ &._1f430 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 7.6923076923076925% 25%;
+ }
+
+ &._1f98a {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 15.384615384615385% 25%;
+ }
+
+ &._1f99d {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 23.076923076923077% 25%;
+ }
+
+ &._1f43b {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 30.76923076923077% 0%;
+ }
+
+ &._1f43c {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 30.76923076923077% 8.333333333333334%;
+ }
+
+ &._1f998 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 30.76923076923077% 16.666666666666668%;
+ }
+
+ &._1f9a1 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 30.76923076923077% 25%;
+ }
+
+ &._1f428 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 0% 33.333333333333336%;
+ }
+
+ &._1f42f {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 7.6923076923076925% 33.333333333333336%;
+ }
+
+ &._1f981 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 15.384615384615385% 33.333333333333336%;
+ }
+
+ &._1f42e {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 23.076923076923077% 33.333333333333336%;
+ }
+
+ &._1f437 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 30.76923076923077% 33.333333333333336%;
+ }
+
+ &._1f43d {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 38.46153846153846% 0%;
+ }
+
+ &._1f438 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 38.46153846153846% 8.333333333333334%;
+ }
+
+ &._1f435 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 38.46153846153846% 16.666666666666668%;
+ }
+
+ &._1f648 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 38.46153846153846% 25%;
+ }
+
+ &._1f649 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 38.46153846153846% 33.333333333333336%;
+ }
+
+ &._1f64a {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 0% 41.666666666666664%;
+ }
+
+ &._1f412 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 7.6923076923076925% 41.666666666666664%;
+ }
+
+ &._1f414 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 15.384615384615385% 41.666666666666664%;
+ }
+
+ &._1f427 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 23.076923076923077% 41.666666666666664%;
+ }
+
+ &._1f426 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 30.76923076923077% 41.666666666666664%;
+ }
+
+ &._1f424 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 38.46153846153846% 41.666666666666664%;
+ }
+
+ &._1f423 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 46.15384615384615% 0%;
+ }
+
+ &._1f425 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 46.15384615384615% 8.333333333333334%;
+ }
+
+ &._1f986 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 46.15384615384615% 16.666666666666668%;
+ }
+
+ &._1f9a2 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 46.15384615384615% 25%;
+ }
+
+ &._1f985 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 46.15384615384615% 33.333333333333336%;
+ }
+
+ &._1f989 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 46.15384615384615% 41.666666666666664%;
+ }
+
+ &._1f99c {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 0% 50%;
+ }
+
+ &._1f99a {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 7.6923076923076925% 50%;
+ }
+
+ &._1f987 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 15.384615384615385% 50%;
+ }
+
+ &._1f43a {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 23.076923076923077% 50%;
+ }
+
+ &._1f417 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 30.76923076923077% 50%;
+ }
+
+ &._1f434 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 38.46153846153846% 50%;
+ }
+
+ &._1f984 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 46.15384615384615% 50%;
+ }
+
+ &._1f41d {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 53.84615384615385% 0%;
+ }
+
+ &._1f41b {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 53.84615384615385% 8.333333333333334%;
+ }
+
+ &._1f98b {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 53.84615384615385% 16.666666666666668%;
+ }
+
+ &._1f40c {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 53.84615384615385% 25%;
+ }
+
+ &._1f41a {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 53.84615384615385% 33.333333333333336%;
+ }
+
+ &._1f41e {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 53.84615384615385% 41.666666666666664%;
+ }
+
+ &._1f41c {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 53.84615384615385% 50%;
+ }
+
+ &._1f997 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 0% 58.333333333333336%;
+ }
+
+ &._1f577 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 7.6923076923076925% 58.333333333333336%;
+ }
+
+ &._1f578 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 15.384615384615385% 58.333333333333336%;
+ }
+
+ &._1f982 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 23.076923076923077% 58.333333333333336%;
+ }
+
+ &._1f99f {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 30.76923076923077% 58.333333333333336%;
+ }
+
+ &._1f9a0 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 38.46153846153846% 58.333333333333336%;
+ }
+
+ &._1f422 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 46.15384615384615% 58.333333333333336%;
+ }
+
+ &._1f40d {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 53.84615384615385% 58.333333333333336%;
+ }
+
+ &._1f98e {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 61.53846153846154% 0%;
+ }
+
+ &._1f996 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 61.53846153846154% 8.333333333333334%;
+ }
+
+ &._1f995 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 61.53846153846154% 16.666666666666668%;
+ }
+
+ &._1f419 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 61.53846153846154% 25%;
+ }
+
+ &._1f991 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 61.53846153846154% 33.333333333333336%;
+ }
+
+ &._1f990 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 61.53846153846154% 41.666666666666664%;
+ }
+
+ &._1f980 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 61.53846153846154% 50%;
+ }
+
+ &._1f99e {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 61.53846153846154% 58.333333333333336%;
+ }
+
+ &._1f421 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 0% 66.66666666666667%;
+ }
+
+ &._1f420 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 7.6923076923076925% 66.66666666666667%;
+ }
+
+ &._1f41f {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 15.384615384615385% 66.66666666666667%;
+ }
+
+ &._1f42c {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 23.076923076923077% 66.66666666666667%;
+ }
+
+ &._1f433 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 30.76923076923077% 66.66666666666667%;
+ }
+
+ &._1f40b {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 38.46153846153846% 66.66666666666667%;
+ }
+
+ &._1f988 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 46.15384615384615% 66.66666666666667%;
+ }
+
+ &._1f40a {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 53.84615384615385% 66.66666666666667%;
+ }
+
+ &._1f405 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 61.53846153846154% 66.66666666666667%;
+ }
+
+ &._1f406 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 69.23076923076923% 0%;
+ }
+
+ &._1f993 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 69.23076923076923% 8.333333333333334%;
+ }
+
+ &._1f98d {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 69.23076923076923% 16.666666666666668%;
+ }
+
+ &._1f418 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 69.23076923076923% 25%;
+ }
+
+ &._1f98f {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 69.23076923076923% 33.333333333333336%;
+ }
+
+ &._1f99b {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 69.23076923076923% 41.666666666666664%;
+ }
+
+ &._1f42a {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 69.23076923076923% 50%;
+ }
+
+ &._2601 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 69.23076923076923% 58.333333333333336%;
+ }
+
+ &._1f992 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 69.23076923076923% 66.66666666666667%;
+ }
+
+ &._1f999 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 0% 75%;
+ }
+
+ &._1f403 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 7.6923076923076925% 75%;
+ }
+
+ &._1f402 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 15.384615384615385% 75%;
+ }
+
+ &._1f404 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 23.076923076923077% 75%;
+ }
+
+ &._1f40e {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 30.76923076923077% 75%;
+ }
+
+ &._1f416 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 38.46153846153846% 75%;
+ }
+
+ &._1f40f {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 46.15384615384615% 75%;
+ }
+
+ &._1f411 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 53.84615384615385% 75%;
+ }
+
+ &._1f410 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 61.53846153846154% 75%;
+ }
+
+ &._1f98c {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 69.23076923076923% 75%;
+ }
+
+ &._1f415 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 76.92307692307692% 0%;
+ }
+
+ &._1f429 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 76.92307692307692% 8.333333333333334%;
+ }
+
+ &._1f408 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 76.92307692307692% 16.666666666666668%;
+ }
+
+ &._1f413 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 76.92307692307692% 25%;
+ }
+
+ &._1f983 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 76.92307692307692% 33.333333333333336%;
+ }
+
+ &._1f54a {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 76.92307692307692% 41.666666666666664%;
+ }
+
+ &._1f407 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 76.92307692307692% 50%;
+ }
+
+ &._1f401 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 76.92307692307692% 58.333333333333336%;
+ }
+
+ &._1f400 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 76.92307692307692% 66.66666666666667%;
+ }
+
+ &._1f43f {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 76.92307692307692% 75%;
+ }
+
+ &._1f994 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 0% 83.33333333333333%;
+ }
+
+ &._1f43e {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 7.6923076923076925% 83.33333333333333%;
+ }
+
+ &._1f409 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 15.384615384615385% 83.33333333333333%;
+ }
+
+ &._1f432 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 23.076923076923077% 83.33333333333333%;
+ }
+
+ &._1f335 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 30.76923076923077% 83.33333333333333%;
+ }
+
+ &._1f384 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 38.46153846153846% 83.33333333333333%;
+ }
+
+ &._1f332 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 46.15384615384615% 83.33333333333333%;
+ }
+
+ &._1f333 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 53.84615384615385% 83.33333333333333%;
+ }
+
+ &._1f334 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 61.53846153846154% 83.33333333333333%;
+ }
+
+ &._1f331 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 69.23076923076923% 83.33333333333333%;
+ }
+
+ &._1f33f {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 76.92307692307692% 83.33333333333333%;
+ }
+
+ &._1f340 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 84.61538461538461% 0%;
+ }
+
+ &._1f38d {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 84.61538461538461% 8.333333333333334%;
+ }
+
+ &._1f38b {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 84.61538461538461% 16.666666666666668%;
+ }
+
+ &._1f343 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 84.61538461538461% 25%;
+ }
+
+ &._1f342 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 84.61538461538461% 33.333333333333336%;
+ }
+
+ &._1f341 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 84.61538461538461% 41.666666666666664%;
+ }
+
+ &._1f344 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 84.61538461538461% 50%;
+ }
+
+ &._1f33e {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 84.61538461538461% 58.333333333333336%;
+ }
+
+ &._1f490 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 84.61538461538461% 66.66666666666667%;
+ }
+
+ &._1f337 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 84.61538461538461% 75%;
+ }
+
+ &._1f339 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 84.61538461538461% 83.33333333333333%;
+ }
+
+ &._1f940 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 0% 91.66666666666667%;
+ }
+
+ &._1f33a {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 7.6923076923076925% 91.66666666666667%;
+ }
+
+ &._1f338 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 15.384615384615385% 91.66666666666667%;
+ }
+
+ &._1f33c {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 23.076923076923077% 91.66666666666667%;
+ }
+
+ &._1f33b {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 30.76923076923077% 91.66666666666667%;
+ }
+
+ &._1f31e {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 38.46153846153846% 91.66666666666667%;
+ }
+
+ &._1f31d {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 46.15384615384615% 91.66666666666667%;
+ }
+
+ &._1f31b {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 53.84615384615385% 91.66666666666667%;
+ }
+
+ &._1f31c {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 61.53846153846154% 91.66666666666667%;
+ }
+
+ &._1f31a {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 69.23076923076923% 91.66666666666667%;
+ }
+
+ &._1f315 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 76.92307692307692% 91.66666666666667%;
+ }
+
+ &._1f316 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 84.61538461538461% 91.66666666666667%;
+ }
+
+ &._1f317 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 92.3076923076923% 0%;
+ }
+
+ &._1f318 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 92.3076923076923% 8.333333333333334%;
+ }
+
+ &._1f311 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 92.3076923076923% 16.666666666666668%;
+ }
+
+ &._1f312 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 92.3076923076923% 25%;
+ }
+
+ &._1f313 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 92.3076923076923% 33.333333333333336%;
+ }
+
+ &._1f314 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 92.3076923076923% 41.666666666666664%;
+ }
+
+ &._1f319 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 92.3076923076923% 50%;
+ }
+
+ &._1f30e {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 92.3076923076923% 58.333333333333336%;
+ }
+
+ &._1f30d {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 92.3076923076923% 66.66666666666667%;
+ }
+
+ &._1f30f {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 92.3076923076923% 75%;
+ }
+
+ &._1f4ab {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 92.3076923076923% 83.33333333333333%;
+ }
+
+ &._2b50 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 92.3076923076923% 91.66666666666667%;
+ }
+
+ &._1f31f {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 0% 100%;
+ }
+
+ &._26a1 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 7.6923076923076925% 100%;
+ }
+
+ &._1f4a5 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 15.384615384615385% 100%;
+ }
+
+ &._1f525 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 23.076923076923077% 100%;
+ }
+
+ &._1f32a {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 30.76923076923077% 100%;
+ }
+
+ &._1f308 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 38.46153846153846% 100%;
+ }
+
+ &._1f324 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 46.15384615384615% 100%;
+ }
+
+ &._26c5 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 53.84615384615385% 100%;
+ }
+
+ &._1f325 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 61.53846153846154% 100%;
+ }
+
+ &._1f326 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 69.23076923076923% 100%;
+ }
+
+ &._1f327 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 76.92307692307692% 100%;
+ }
+
+ &._26c8 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 84.61538461538461% 100%;
+ }
+
+ &._1f329 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 92.3076923076923% 100%;
+ }
+
+ &._1f328 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 100% 0%;
+ }
+
+ &._26c4 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 100% 8.333333333333334%;
+ }
+
+ &._1f32c {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 100% 16.666666666666668%;
+ }
+
+ &._1f4a8 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 100% 25%;
+ }
+
+ &._1f4a7 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 100% 33.333333333333336%;
+ }
+
+ &._1f4a6 {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 100% 41.666666666666664%;
+ }
+
+ &._1f30a {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 100% 50%;
+ }
+
+ &._1f32b {
+ background-repeat: no-repeat;
+ background-size: 1400% 1300%;
+ background-position: 100% 58.333333333333336%;
+ }
+
+}
+
diff --git a/app/emoji-emojione/client/objects-sprites.css b/app/emoji-emojione/client/objects-sprites.css
new file mode 100644
index 0000000000000..1f9551c860017
--- /dev/null
+++ b/app/emoji-emojione/client/objects-sprites.css
@@ -0,0 +1,1259 @@
+/* stylelint-disable */
+
+.emojione-objects {
+ background-image: url('/packages/emojione/objects-sprites.png');
+
+ &._2328 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 7.142857142857143% 0%;
+ }
+
+ &._2694 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 0% 7.6923076923076925%;
+ }
+
+ &._2696 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 7.142857142857143% 7.6923076923076925%;
+ }
+
+ &._2697 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 14.285714285714286% 0%;
+ }
+
+ &._2699 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 14.285714285714286% 7.6923076923076925%;
+ }
+
+ &._2702 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 0% 15.384615384615385%;
+ }
+
+ &._2709 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 7.142857142857143% 15.384615384615385%;
+ }
+
+ &._2712 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 14.285714285714286% 15.384615384615385%;
+ }
+
+ &._231a {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 21.428571428571427% 0%;
+ }
+
+ &._1f4f1 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 21.428571428571427% 7.6923076923076925%;
+ }
+
+ &._1f4f2 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 21.428571428571427% 15.384615384615385%;
+ }
+
+ &._1f4bb {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 0% 23.076923076923077%;
+ }
+
+ &._1f5a5 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 7.142857142857143% 23.076923076923077%;
+ }
+
+ &._1f5a8 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 14.285714285714286% 23.076923076923077%;
+ }
+
+ &._1f5b1 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 21.428571428571427% 23.076923076923077%;
+ }
+
+ &._1f5b2 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 28.571428571428573% 0%;
+ }
+
+ &._1f579 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 28.571428571428573% 7.6923076923076925%;
+ }
+
+ &._265f {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 28.571428571428573% 15.384615384615385%;
+ }
+
+ &._1f9e9 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 28.571428571428573% 23.076923076923077%;
+ }
+
+ &._1f5dc {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 0% 30.76923076923077%;
+ }
+
+ &._1f4bd {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 7.142857142857143% 30.76923076923077%;
+ }
+
+ &._1f4be {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 14.285714285714286% 30.76923076923077%;
+ }
+
+ &._1f4bf {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 21.428571428571427% 30.76923076923077%;
+ }
+
+ &._1f4c0 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 28.571428571428573% 30.76923076923077%;
+ }
+
+ &._1f4fc {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 35.714285714285715% 0%;
+ }
+
+ &._1f4f7 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 35.714285714285715% 7.6923076923076925%;
+ }
+
+ &._1f4f8 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 35.714285714285715% 15.384615384615385%;
+ }
+
+ &._1f4f9 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 35.714285714285715% 23.076923076923077%;
+ }
+
+ &._1f3a5 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 35.714285714285715% 30.76923076923077%;
+ }
+
+ &._1f4fd {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 0% 38.46153846153846%;
+ }
+
+ &._1f39e {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 7.142857142857143% 38.46153846153846%;
+ }
+
+ &._1f4de {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 14.285714285714286% 38.46153846153846%;
+ }
+
+ &._260e {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 21.428571428571427% 38.46153846153846%;
+ }
+
+ &._1f4df {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 28.571428571428573% 38.46153846153846%;
+ }
+
+ &._1f4e0 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 35.714285714285715% 38.46153846153846%;
+ }
+
+ &._1f4fa {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 42.857142857142854% 0%;
+ }
+
+ &._1f4fb {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 42.857142857142854% 7.6923076923076925%;
+ }
+
+ &._1f399 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 42.857142857142854% 15.384615384615385%;
+ }
+
+ &._1f39a {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 42.857142857142854% 23.076923076923077%;
+ }
+
+ &._1f39b {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 42.857142857142854% 30.76923076923077%;
+ }
+
+ &._23f1 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 42.857142857142854% 38.46153846153846%;
+ }
+
+ &._23f2 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 0% 46.15384615384615%;
+ }
+
+ &._23f0 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 7.142857142857143% 46.15384615384615%;
+ }
+
+ &._1f570 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 14.285714285714286% 46.15384615384615%;
+ }
+
+ &._231b {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 21.428571428571427% 46.15384615384615%;
+ }
+
+ &._23f3 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 28.571428571428573% 46.15384615384615%;
+ }
+
+ &._1f4e1 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 35.714285714285715% 46.15384615384615%;
+ }
+
+ &._1f9ed {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 42.857142857142854% 46.15384615384615%;
+ }
+
+ &._1f50b {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 50% 0%;
+ }
+
+ &._1f50c {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 50% 7.6923076923076925%;
+ }
+
+ &._1f9f2 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 50% 15.384615384615385%;
+ }
+
+ &._1f4a1 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 50% 23.076923076923077%;
+ }
+
+ &._1f526 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 50% 30.76923076923077%;
+ }
+
+ &._1f56f {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 50% 38.46153846153846%;
+ }
+
+ &._1f9ef {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 50% 46.15384615384615%;
+ }
+
+ &._1f5d1 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 0% 53.84615384615385%;
+ }
+
+ &._1f6e2 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 7.142857142857143% 53.84615384615385%;
+ }
+
+ &._1f4b8 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 14.285714285714286% 53.84615384615385%;
+ }
+
+ &._1f4b5 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 21.428571428571427% 53.84615384615385%;
+ }
+
+ &._1f4b4 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 28.571428571428573% 53.84615384615385%;
+ }
+
+ &._1f4b6 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 35.714285714285715% 53.84615384615385%;
+ }
+
+ &._1f4b7 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 42.857142857142854% 53.84615384615385%;
+ }
+
+ &._1f4b0 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 50% 53.84615384615385%;
+ }
+
+ &._1f4b3 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 57.142857142857146% 0%;
+ }
+
+ &._1f48e {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 57.142857142857146% 7.6923076923076925%;
+ }
+
+ &._1f9ff {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 57.142857142857146% 15.384615384615385%;
+ }
+
+ &._1f9f1 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 57.142857142857146% 23.076923076923077%;
+ }
+
+ &._1f9f0 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 57.142857142857146% 30.76923076923077%;
+ }
+
+ &._1f527 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 57.142857142857146% 38.46153846153846%;
+ }
+
+ &._1f528 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 57.142857142857146% 46.15384615384615%;
+ }
+
+ &._1f6e0 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 57.142857142857146% 53.84615384615385%;
+ }
+
+ &._26cf {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 0% 61.53846153846154%;
+ }
+
+ &._1f529 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 7.142857142857143% 61.53846153846154%;
+ }
+
+ &._26d3 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 14.285714285714286% 61.53846153846154%;
+ }
+
+ &._1f52b {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 21.428571428571427% 61.53846153846154%;
+ }
+
+ &._1f4a3 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 28.571428571428573% 61.53846153846154%;
+ }
+
+ &._1f52a {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 35.714285714285715% 61.53846153846154%;
+ }
+
+ &._1f5e1 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 42.857142857142854% 61.53846153846154%;
+ }
+
+ &._1f6e1 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 50% 61.53846153846154%;
+ }
+
+ &._1f6ac {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 57.142857142857146% 61.53846153846154%;
+ }
+
+ &._26b0 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 64.28571428571429% 0%;
+ }
+
+ &._26b1 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 64.28571428571429% 7.6923076923076925%;
+ }
+
+ &._1f3fa {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 64.28571428571429% 15.384615384615385%;
+ }
+
+ &._1f52e {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 64.28571428571429% 23.076923076923077%;
+ }
+
+ &._1f4ff {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 64.28571428571429% 30.76923076923077%;
+ }
+
+ &._1f488 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 64.28571428571429% 38.46153846153846%;
+ }
+
+ &._1f9ea {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 64.28571428571429% 46.15384615384615%;
+ }
+
+ &._1f9eb {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 64.28571428571429% 53.84615384615385%;
+ }
+
+ &._1f9ec {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 64.28571428571429% 61.53846153846154%;
+ }
+
+ &._1f9ee {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 0% 69.23076923076923%;
+ }
+
+ &._1f52d {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 7.142857142857143% 69.23076923076923%;
+ }
+
+ &._1f52c {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 14.285714285714286% 69.23076923076923%;
+ }
+
+ &._1f573 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 21.428571428571427% 69.23076923076923%;
+ }
+
+ &._1f48a {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 28.571428571428573% 69.23076923076923%;
+ }
+
+ &._1f489 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 35.714285714285715% 69.23076923076923%;
+ }
+
+ &._1f321 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 42.857142857142854% 69.23076923076923%;
+ }
+
+ &._1f6bd {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 50% 69.23076923076923%;
+ }
+
+ &._1f6b0 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 57.142857142857146% 69.23076923076923%;
+ }
+
+ &._1f6bf {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 64.28571428571429% 69.23076923076923%;
+ }
+
+ &._1f6c1 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 71.42857142857143% 0%;
+ }
+
+ &._1f6c0 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 71.42857142857143% 7.6923076923076925%;
+ }
+
+ &._2692 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 71.42857142857143% 23.076923076923077%;
+ }
+
+ &._1f9f9 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 71.42857142857143% 53.84615384615385%;
+ }
+
+ &._1f9fa {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 71.42857142857143% 61.53846153846154%;
+ }
+
+ &._1f9fb {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 71.42857142857143% 69.23076923076923%;
+ }
+
+ &._1f9fc {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 0% 76.92307692307692%;
+ }
+
+ &._1f9fd {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 7.142857142857143% 76.92307692307692%;
+ }
+
+ &._1f9f4 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 14.285714285714286% 76.92307692307692%;
+ }
+
+ &._1f9f5 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 21.428571428571427% 76.92307692307692%;
+ }
+
+ &._1f9f6 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 28.571428571428573% 76.92307692307692%;
+ }
+
+ &._1f6ce {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 35.714285714285715% 76.92307692307692%;
+ }
+
+ &._1f511 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 42.857142857142854% 76.92307692307692%;
+ }
+
+ &._1f5dd {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 50% 76.92307692307692%;
+ }
+
+ &._1f6aa {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 57.142857142857146% 76.92307692307692%;
+ }
+
+ &._1f6cb {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 64.28571428571429% 76.92307692307692%;
+ }
+
+ &._1f6cf {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 71.42857142857143% 76.92307692307692%;
+ }
+
+ &._1f6cc {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 78.57142857142857% 0%;
+ }
+
+ &._1f9f8 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 78.57142857142857% 46.15384615384615%;
+ }
+
+ &._1f5bc {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 78.57142857142857% 53.84615384615385%;
+ }
+
+ &._1f6cd {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 78.57142857142857% 61.53846153846154%;
+ }
+
+ &._1f6d2 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 78.57142857142857% 69.23076923076923%;
+ }
+
+ &._1f381 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 78.57142857142857% 76.92307692307692%;
+ }
+
+ &._1f388 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 0% 84.61538461538461%;
+ }
+
+ &._1f38f {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 7.142857142857143% 84.61538461538461%;
+ }
+
+ &._1f380 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 14.285714285714286% 84.61538461538461%;
+ }
+
+ &._1f38a {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 21.428571428571427% 84.61538461538461%;
+ }
+
+ &._1f389 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 28.571428571428573% 84.61538461538461%;
+ }
+
+ &._1f38e {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 35.714285714285715% 84.61538461538461%;
+ }
+
+ &._1f3ee {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 42.857142857142854% 84.61538461538461%;
+ }
+
+ &._1f390 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 50% 84.61538461538461%;
+ }
+
+ &._1f9e7 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 57.142857142857146% 84.61538461538461%;
+ }
+
+ &._1f4e9 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 64.28571428571429% 84.61538461538461%;
+ }
+
+ &._1f4e8 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 71.42857142857143% 84.61538461538461%;
+ }
+
+ &._1f4e7 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 78.57142857142857% 84.61538461538461%;
+ }
+
+ &._1f48c {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 85.71428571428571% 0%;
+ }
+
+ &._1f4e5 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 85.71428571428571% 7.6923076923076925%;
+ }
+
+ &._1f4e4 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 85.71428571428571% 15.384615384615385%;
+ }
+
+ &._1f4e6 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 85.71428571428571% 23.076923076923077%;
+ }
+
+ &._1f3f7 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 85.71428571428571% 30.76923076923077%;
+ }
+
+ &._1f4ea {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 85.71428571428571% 38.46153846153846%;
+ }
+
+ &._1f4eb {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 85.71428571428571% 46.15384615384615%;
+ }
+
+ &._1f4ec {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 85.71428571428571% 53.84615384615385%;
+ }
+
+ &._1f4ed {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 85.71428571428571% 61.53846153846154%;
+ }
+
+ &._1f4ee {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 85.71428571428571% 69.23076923076923%;
+ }
+
+ &._1f4ef {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 85.71428571428571% 76.92307692307692%;
+ }
+
+ &._1f4dc {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 85.71428571428571% 84.61538461538461%;
+ }
+
+ &._1f4c3 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 0% 92.3076923076923%;
+ }
+
+ &._1f4c4 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 7.142857142857143% 92.3076923076923%;
+ }
+
+ &._1f9fe {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 14.285714285714286% 92.3076923076923%;
+ }
+
+ &._1f4d1 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 21.428571428571427% 92.3076923076923%;
+ }
+
+ &._1f4ca {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 28.571428571428573% 92.3076923076923%;
+ }
+
+ &._1f4c8 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 35.714285714285715% 92.3076923076923%;
+ }
+
+ &._1f4c9 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 42.857142857142854% 92.3076923076923%;
+ }
+
+ &._1f5d2 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 50% 92.3076923076923%;
+ }
+
+ &._1f5d3 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 57.142857142857146% 92.3076923076923%;
+ }
+
+ &._1f4c6 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 64.28571428571429% 92.3076923076923%;
+ }
+
+ &._1f4c5 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 71.42857142857143% 92.3076923076923%;
+ }
+
+ &._1f4c7 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 78.57142857142857% 92.3076923076923%;
+ }
+
+ &._1f5c3 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 85.71428571428571% 92.3076923076923%;
+ }
+
+ &._1f5f3 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 92.85714285714286% 0%;
+ }
+
+ &._1f5c4 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 92.85714285714286% 7.6923076923076925%;
+ }
+
+ &._1f4cb {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 92.85714285714286% 15.384615384615385%;
+ }
+
+ &._1f4c1 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 92.85714285714286% 23.076923076923077%;
+ }
+
+ &._1f4c2 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 92.85714285714286% 30.76923076923077%;
+ }
+
+ &._1f5c2 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 92.85714285714286% 38.46153846153846%;
+ }
+
+ &._1f5de {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 92.85714285714286% 46.15384615384615%;
+ }
+
+ &._1f4f0 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 92.85714285714286% 53.84615384615385%;
+ }
+
+ &._1f4d3 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 92.85714285714286% 61.53846153846154%;
+ }
+
+ &._1f4d4 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 92.85714285714286% 69.23076923076923%;
+ }
+
+ &._1f4d2 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 92.85714285714286% 76.92307692307692%;
+ }
+
+ &._1f4d5 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 92.85714285714286% 84.61538461538461%;
+ }
+
+ &._1f4d7 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 92.85714285714286% 92.3076923076923%;
+ }
+
+ &._1f4d8 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 0% 100%;
+ }
+
+ &._1f4d9 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 7.142857142857143% 100%;
+ }
+
+ &._1f4da {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 14.285714285714286% 100%;
+ }
+
+ &._1f4d6 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 21.428571428571427% 100%;
+ }
+
+ &._1f516 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 28.571428571428573% 100%;
+ }
+
+ &._1f517 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 35.714285714285715% 100%;
+ }
+
+ &._1f4ce {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 42.857142857142854% 100%;
+ }
+
+ &._1f587 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 50% 100%;
+ }
+
+ &._1f4d0 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 57.142857142857146% 100%;
+ }
+
+ &._1f4cf {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 64.28571428571429% 100%;
+ }
+
+ &._1f9f7 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 71.42857142857143% 100%;
+ }
+
+ &._1f4cc {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 78.57142857142857% 100%;
+ }
+
+ &._1f4cd {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 85.71428571428571% 100%;
+ }
+
+ &._1f58a {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 92.85714285714286% 100%;
+ }
+
+ &._1f58b {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 100% 0%;
+ }
+
+ &._1f58c {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 100% 7.6923076923076925%;
+ }
+
+ &._1f58d {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 100% 15.384615384615385%;
+ }
+
+ &._1f4dd {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 100% 23.076923076923077%;
+ }
+
+ &._270f {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 100% 30.76923076923077%;
+ }
+
+ &._1f50d {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 100% 38.46153846153846%;
+ }
+
+ &._1f50e {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 100% 46.15384615384615%;
+ }
+
+ &._1f50f {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 100% 53.84615384615385%;
+ }
+
+ &._1f510 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 100% 61.53846153846154%;
+ }
+
+ &._1f512 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 100% 69.23076923076923%;
+ }
+
+ &._1f513 {
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 100% 76.92307692307692%;
+ }
+
+}
+
+
+.emojione-diversity._1f6c0-1f3fc {
+ background-image: url('/packages/emojione/objects-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 0% 0%;
+}
+
+.emojione-diversity._1f6c0-1f3fb {
+ background-image: url('/packages/emojione/objects-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 71.42857142857143% 15.384615384615385%;
+}
+
+.emojione-diversity._1f6c0-1f3fd {
+ background-image: url('/packages/emojione/objects-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 71.42857142857143% 30.76923076923077%;
+}
+
+.emojione-diversity._1f6c0-1f3fe {
+ background-image: url('/packages/emojione/objects-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 71.42857142857143% 38.46153846153846%;
+}
+
+.emojione-diversity._1f6c0-1f3ff {
+ background-image: url('/packages/emojione/objects-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 71.42857142857143% 46.15384615384615%;
+}
+
+.emojione-diversity._1f6cc-1f3fb {
+ background-image: url('/packages/emojione/objects-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 78.57142857142857% 7.6923076923076925%;
+}
+
+.emojione-diversity._1f6cc-1f3fc {
+ background-image: url('/packages/emojione/objects-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 78.57142857142857% 15.384615384615385%;
+}
+
+.emojione-diversity._1f6cc-1f3fd {
+ background-image: url('/packages/emojione/objects-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 78.57142857142857% 23.076923076923077%;
+}
+
+.emojione-diversity._1f6cc-1f3fe {
+ background-image: url('/packages/emojione/objects-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 78.57142857142857% 30.76923076923077%;
+}
+
+.emojione-diversity._1f6cc-1f3ff {
+ background-image: url('/packages/emojione/objects-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 1500% 1400%;
+ background-position: 78.57142857142857% 38.46153846153846%;
+}
diff --git a/app/emoji-emojione/client/people-sprites.css b/app/emoji-emojione/client/people-sprites.css
new file mode 100644
index 0000000000000..9e48a9516369a
--- /dev/null
+++ b/app/emoji-emojione/client/people-sprites.css
@@ -0,0 +1,8729 @@
+/* stylelint-disable */
+
+.emojione-people {
+ background-image: url('/packages/emojione/people-sprites.png');
+
+ &._2620 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 0%;
+ }
+
+ &._1f600 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 2.857142857142857%;
+ }
+
+ &._1f603 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 2.857142857142857%;
+ }
+
+ &._1f604 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 0%;
+ }
+
+ &._1f601 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 2.857142857142857%;
+ }
+
+ &._1f606 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 5.714285714285714%;
+ }
+
+ &._1f605 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 5.714285714285714%;
+ }
+
+ &._1f602 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 5.714285714285714%;
+ }
+
+ &._1f923 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 0%;
+ }
+
+ &._263a {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 2.857142857142857%;
+ }
+
+ &._1f60a {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 5.714285714285714%;
+ }
+
+ &._1f607 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 8.571428571428571%;
+ }
+
+ &._1f642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 8.571428571428571%;
+ }
+
+ &._1f643 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 8.571428571428571%;
+ }
+
+ &._1f609 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 8.571428571428571%;
+ }
+
+ &._1f60c {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 0%;
+ }
+
+ &._1f60d {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 2.857142857142857%;
+ }
+
+ &._1f618 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 5.714285714285714%;
+ }
+
+ &._1f970 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 8.571428571428571%;
+ }
+
+ &._1f617 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 11.428571428571429%;
+ }
+
+ &._1f619 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 11.428571428571429%;
+ }
+
+ &._1f61a {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 11.428571428571429%;
+ }
+
+ &._1f60b {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 11.428571428571429%;
+ }
+
+ &._1f61b {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 11.428571428571429%;
+ }
+
+ &._1f61d {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 0%;
+ }
+
+ &._1f61c {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 2.857142857142857%;
+ }
+
+ &._1f92a {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 5.714285714285714%;
+ }
+
+ &._1f928 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 8.571428571428571%;
+ }
+
+ &._1f9d0 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 11.428571428571429%;
+ }
+
+ &._1f913 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 14.285714285714286%;
+ }
+
+ &._1f60e {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 14.285714285714286%;
+ }
+
+ &._1f929 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 14.285714285714286%;
+ }
+
+ &._1f973 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 14.285714285714286%;
+ }
+
+ &._1f60f {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 14.285714285714286%;
+ }
+
+ &._1f612 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 14.285714285714286%;
+ }
+
+ &._1f61e {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 0%;
+ }
+
+ &._1f614 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 2.857142857142857%;
+ }
+
+ &._1f61f {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 5.714285714285714%;
+ }
+
+ &._1f615 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 8.571428571428571%;
+ }
+
+ &._1f641 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 11.428571428571429%;
+ }
+
+ &._1f623 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 14.285714285714286%;
+ }
+
+ &._1f616 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 17.142857142857142%;
+ }
+
+ &._1f62b {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 17.142857142857142%;
+ }
+
+ &._1f629 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 17.142857142857142%;
+ }
+
+ &._1f622 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 17.142857142857142%;
+ }
+
+ &._1f62d {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 17.142857142857142%;
+ }
+
+ &._1f624 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 17.142857142857142%;
+ }
+
+ &._1f620 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 17.142857142857142%;
+ }
+
+ &._1f621 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 0%;
+ }
+
+ &._1f92c {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 2.857142857142857%;
+ }
+
+ &._1f92f {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 5.714285714285714%;
+ }
+
+ &._1f633 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 8.571428571428571%;
+ }
+
+ &._1f631 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 11.428571428571429%;
+ }
+
+ &._1f628 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 14.285714285714286%;
+ }
+
+ &._1f630 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 17.142857142857142%;
+ }
+
+ &._1f975 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 20%;
+ }
+
+ &._1f976 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 20%;
+ }
+
+ &._1f97a {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 20%;
+ }
+
+ &._1f625 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 20%;
+ }
+
+ &._1f613 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 20%;
+ }
+
+ &._1f917 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 20%;
+ }
+
+ &._1f914 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 20%;
+ }
+
+ &._1f92d {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 20%;
+ }
+
+ &._1f92b {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 0%;
+ }
+
+ &._1f925 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 2.857142857142857%;
+ }
+
+ &._1f636 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 5.714285714285714%;
+ }
+
+ &._1f610 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 8.571428571428571%;
+ }
+
+ &._1f611 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 11.428571428571429%;
+ }
+
+ &._1f62c {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 14.285714285714286%;
+ }
+
+ &._1f644 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 17.142857142857142%;
+ }
+
+ &._1f62f {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 20%;
+ }
+
+ &._1f626 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 22.857142857142858%;
+ }
+
+ &._1f627 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 22.857142857142858%;
+ }
+
+ &._1f62e {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 22.857142857142858%;
+ }
+
+ &._1f632 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 22.857142857142858%;
+ }
+
+ &._1f634 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 22.857142857142858%;
+ }
+
+ &._1f924 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 22.857142857142858%;
+ }
+
+ &._1f62a {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 22.857142857142858%;
+ }
+
+ &._1f635 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 22.857142857142858%;
+ }
+
+ &._1f910 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 22.857142857142858%;
+ }
+
+ &._1f974 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 0%;
+ }
+
+ &._1f922 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 2.857142857142857%;
+ }
+
+ &._1f92e {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 5.714285714285714%;
+ }
+
+ &._1f927 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 8.571428571428571%;
+ }
+
+ &._1f637 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 11.428571428571429%;
+ }
+
+ &._1f912 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 14.285714285714286%;
+ }
+
+ &._1f915 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 17.142857142857142%;
+ }
+
+ &._1f911 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 20%;
+ }
+
+ &._1f920 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 22.857142857142858%;
+ }
+
+ &._1f608 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 25.714285714285715%;
+ }
+
+ &._1f47f {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 25.714285714285715%;
+ }
+
+ &._1f479 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 25.714285714285715%;
+ }
+
+ &._1f47a {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 25.714285714285715%;
+ }
+
+ &._1f921 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 25.714285714285715%;
+ }
+
+ &._1f4a9 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 25.714285714285715%;
+ }
+
+ &._1f47b {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 25.714285714285715%;
+ }
+
+ &._1f480 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 25.714285714285715%;
+ }
+
+ &._1f47d {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 25.714285714285715%;
+ }
+
+ &._1f47e {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 25.714285714285715%;
+ }
+
+ &._1f916 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 0%;
+ }
+
+ &._1f383 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 2.857142857142857%;
+ }
+
+ &._1f63a {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 5.714285714285714%;
+ }
+
+ &._1f638 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 8.571428571428571%;
+ }
+
+ &._1f639 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 11.428571428571429%;
+ }
+
+ &._1f63b {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 14.285714285714286%;
+ }
+
+ &._1f63c {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 17.142857142857142%;
+ }
+
+ &._1f63d {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 20%;
+ }
+
+ &._1f640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 22.857142857142858%;
+ }
+
+ &._1f63f {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 25.714285714285715%;
+ }
+
+ &._1f63e {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 28.571428571428573%;
+ }
+
+ &._1f932 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 28.571428571428573%;
+ }
+
+ &._1f450 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 28.571428571428573%;
+ }
+
+ &._1f64c {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 5.714285714285714%;
+ }
+
+ &._1f44f {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 22.857142857142858%;
+ }
+
+ &._1f91d {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 31.428571428571427%;
+ }
+
+ &._1f44d {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 31.428571428571427%;
+ }
+
+ &._1f44e {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 31.428571428571427%;
+ }
+
+ &._1f44a {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 11.428571428571429%;
+ }
+
+ &._270a {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 28.571428571428573%;
+ }
+
+ &._1f91b {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 34.285714285714285%;
+ }
+
+ &._1f91c {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 34.285714285714285%;
+ }
+
+ &._1f91e {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 8.571428571428571%;
+ }
+
+ &._270c {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 25.714285714285715%;
+ }
+
+ &._1f91f {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 37.142857142857146%;
+ }
+
+ &._1f918 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 37.142857142857146%;
+ }
+
+ &._1f44c {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 0%;
+ }
+
+ &._1f448 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 17.142857142857142%;
+ }
+
+ &._1f449 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 34.285714285714285%;
+ }
+
+ &._1f446 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 40%;
+ }
+
+ &._1f447 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 40%;
+ }
+
+ &._261d {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 2.857142857142857%;
+ }
+
+ &._270b {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 20%;
+ }
+
+ &._1f91a {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 37.142857142857146%;
+ }
+
+ &._1f590 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 42.857142857142854%;
+ }
+
+ &._1f596 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 42.857142857142854%;
+ }
+
+ &._1f44b {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 0%;
+ }
+
+ &._1f919 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 17.142857142857142%;
+ }
+
+ &._1f4aa {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 34.285714285714285%;
+ }
+
+ &._1f9b5 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 45.714285714285715%;
+ }
+
+ &._1f9b6 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 45.714285714285715%;
+ }
+
+ &._1f595 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 45.714285714285715%;
+ }
+
+ &._270d {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 8.571428571428571%;
+ }
+
+ &._1f64f {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 25.714285714285715%;
+ }
+
+ &._1f48d {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 42.857142857142854%;
+ }
+
+ &._1f484 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 45.714285714285715%;
+ }
+
+ &._1f48b {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 48.57142857142857%;
+ }
+
+ &._1f444 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 48.57142857142857%;
+ }
+
+ &._1f445 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 48.57142857142857%;
+ }
+
+ &._1f442 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 48.57142857142857%;
+ }
+
+ &._1f443 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 48.57142857142857%;
+ }
+
+ &._1f463 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 48.57142857142857%;
+ }
+
+ &._1f441 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 48.57142857142857%;
+ }
+
+ &._1f440 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 48.57142857142857%;
+ }
+
+ &._1f9e0 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 0%;
+ }
+
+ &._1f9b4 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 2.857142857142857%;
+ }
+
+ &._1f9b7 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 5.714285714285714%;
+ }
+
+ &._1f5e3 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 8.571428571428571%;
+ }
+
+ &._1f464 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 11.428571428571429%;
+ }
+
+ &._1f465 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 14.285714285714286%;
+ }
+
+ &._1f476 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 17.142857142857142%;
+ }
+
+ &._1f467 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 34.285714285714285%;
+ }
+
+ &._1f9d2 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 51.42857142857143%;
+ }
+
+ &._1f466 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 51.42857142857143%;
+ }
+
+ &._1f469 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 51.42857142857143%;
+ }
+
+ &._1f9d1 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 51.42857142857143%;
+ }
+
+ &._1f468 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 14.285714285714286%;
+ }
+
+ &._1f471 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 31.428571428571427%;
+ }
+
+ &._1f471-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 48.57142857142857%;
+ }
+
+ &._1f471-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 54.285714285714285%;
+ }
+
+ &._1f469-1f9b0 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 54.285714285714285%;
+ }
+
+ &._1f468-1f9b0 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 54.285714285714285%;
+ }
+
+ &._1f469-1f9b1 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 5.714285714285714%;
+ }
+
+ &._1f468-1f9b1 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 22.857142857142858%;
+ }
+
+ &._1f469-1f9b3 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 40%;
+ }
+
+ &._1f468-1f9b3 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 57.142857142857146%;
+ }
+
+ &._1f469-1f9b2 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 57.142857142857146%;
+ }
+
+ &._1f468-1f9b2 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 57.142857142857146%;
+ }
+
+ &._1f9d4 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 57.142857142857146%;
+ }
+
+ &._1f475 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 8.571428571428571%;
+ }
+
+ &._1f9d3 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 25.714285714285715%;
+ }
+
+ &._1f474 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 42.857142857142854%;
+ }
+
+ &._1f472 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 60%;
+ }
+
+ &._1f473 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 60%;
+ }
+
+ &._1f473-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 60%;
+ }
+
+ &._1f473-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 60%;
+ }
+
+ &._1f9d5 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 5.714285714285714%;
+ }
+
+ &._1f46e {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 22.857142857142858%;
+ }
+
+ &._1f46e-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 40%;
+ }
+
+ &._1f46e-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 57.142857142857146%;
+ }
+
+ &._1f477 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 62.857142857142854%;
+ }
+
+ &._1f477-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 62.857142857142854%;
+ }
+
+ &._1f477-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 62.857142857142854%;
+ }
+
+ &._1f482 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 62.857142857142854%;
+ }
+
+ &._1f482-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 14.285714285714286%;
+ }
+
+ &._1f482-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 31.428571428571427%;
+ }
+
+ &._1f575 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 48.57142857142857%;
+ }
+
+ &._1f575-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 65.71428571428571%;
+ }
+
+ &._1f575-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 65.71428571428571%;
+ }
+
+ &._1f469-2695 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 65.71428571428571%;
+ }
+
+ &._1f468-2695 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 65.71428571428571%;
+ }
+
+ &._1f469-1f33e {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 0%;
+ }
+
+ &._1f468-1f33e {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 17.142857142857142%;
+ }
+
+ &._1f469-1f373 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 34.285714285714285%;
+ }
+
+ &._1f468-1f373 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 51.42857142857143%;
+ }
+
+ &._1f469-1f393 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 68.57142857142857%;
+ }
+
+ &._1f468-1f393 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 68.57142857142857%;
+ }
+
+ &._1f469-1f3a4 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 68.57142857142857%;
+ }
+
+ &._1f468-1f3a4 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 68.57142857142857%;
+ }
+
+ &._2639 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 68.57142857142857%;
+ }
+
+ &._1f469-1f3eb {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 68.57142857142857%;
+ }
+
+ &._1f468-1f3eb {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 14.285714285714286%;
+ }
+
+ &._1f469-1f3ed {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 31.428571428571427%;
+ }
+
+ &._1f468-1f3ed {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 48.57142857142857%;
+ }
+
+ &._1f469-1f4bb {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 65.71428571428571%;
+ }
+
+ &._1f468-1f4bb {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 71.42857142857143%;
+ }
+
+ &._1f469-1f4bc {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 71.42857142857143%;
+ }
+
+ &._1f468-1f4bc {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 71.42857142857143%;
+ }
+
+ &._1f469-1f527 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 71.42857142857143%;
+ }
+
+ &._1f468-1f527 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 5.714285714285714%;
+ }
+
+ &._1f469-1f52c {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 22.857142857142858%;
+ }
+
+ &._1f468-1f52c {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 40%;
+ }
+
+ &._1f469-1f3a8 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 57.142857142857146%;
+ }
+
+ &._1f468-1f3a8 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 74.28571428571429%;
+ }
+
+ &._1f469-1f692 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 74.28571428571429%;
+ }
+
+ &._1f468-1f692 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 74.28571428571429%;
+ }
+
+ &._1f469-2708 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 74.28571428571429%;
+ }
+
+ &._1f468-2708 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 74.28571428571429%;
+ }
+
+ &._1f469-1f680 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 8.571428571428571%;
+ }
+
+ &._1f468-1f680 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 25.714285714285715%;
+ }
+
+ &._1f469-2696 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 42.857142857142854%;
+ }
+
+ &._1f468-2696 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 60%;
+ }
+
+ &._1f470 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 77.14285714285714%;
+ }
+
+ &._1f935 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 77.14285714285714%;
+ }
+
+ &._1f478 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 77.14285714285714%;
+ }
+
+ &._1f934 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 77.14285714285714%;
+ }
+
+ &._1f936 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 77.14285714285714%;
+ }
+
+ &._1f385 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 5.714285714285714%;
+ }
+
+ &._1f9b8 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 22.857142857142858%;
+ }
+
+ &._1f9b8-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 40%;
+ }
+
+ &._1f9b8-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 57.142857142857146%;
+ }
+
+ &._1f9b9 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 74.28571428571429%;
+ }
+
+ &._1f9b9-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 80%;
+ }
+
+ &._1f9b9-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 80%;
+ }
+
+ &._1f9d9 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 80%;
+ }
+
+ &._1f9d9-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 80%;
+ }
+
+ &._1f9d9-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 80%;
+ }
+
+ &._1f9dd {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 14.285714285714286%;
+ }
+
+ &._1f9dd-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 31.428571428571427%;
+ }
+
+ &._1f9dd-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 48.57142857142857%;
+ }
+
+ &._1f9db {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 65.71428571428571%;
+ }
+
+ &._1f9db-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 82.85714285714286%;
+ }
+
+ &._1f9db-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 82.85714285714286%;
+ }
+
+ &._1f9df {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 82.85714285714286%;
+ }
+
+ &._1f9df-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 82.85714285714286%;
+ }
+
+ &._1f9df-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 82.85714285714286%;
+ }
+
+ &._1f9de {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 82.85714285714286%;
+ }
+
+ &._1f9de-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 82.85714285714286%;
+ }
+
+ &._1f9de-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 82.85714285714286%;
+ }
+
+ &._1f9dc {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 82.85714285714286%;
+ }
+
+ &._1f9dc-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 82.85714285714286%;
+ }
+
+ &._1f9dc-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 0%;
+ }
+
+ &._1f9da {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 17.142857142857142%;
+ }
+
+ &._1f9da-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 34.285714285714285%;
+ }
+
+ &._1f9da-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 51.42857142857143%;
+ }
+
+ &._1f47c {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 68.57142857142857%;
+ }
+
+ &._1f930 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 85.71428571428571%;
+ }
+
+ &._1f931 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 85.71428571428571%;
+ }
+
+ &._1f647 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 85.71428571428571%;
+ }
+
+ &._1f647-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 85.71428571428571%;
+ }
+
+ &._1f647-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 85.71428571428571%;
+ }
+
+ &._1f481 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 85.71428571428571%;
+ }
+
+ &._1f481-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 14.285714285714286%;
+ }
+
+ &._1f481-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 31.428571428571427%;
+ }
+
+ &._1f645 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 48.57142857142857%;
+ }
+
+ &._1f645-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 65.71428571428571%;
+ }
+
+ &._1f645-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 82.85714285714286%;
+ }
+
+ &._1f646 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 88.57142857142857%;
+ }
+
+ &._1f646-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 88.57142857142857%;
+ }
+
+ &._1f646-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 88.57142857142857%;
+ }
+
+ &._1f64b {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 88.57142857142857%;
+ }
+
+ &._1f64b-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 88.57142857142857%;
+ }
+
+ &._1f64b-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 5.714285714285714%;
+ }
+
+ &._1f926 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 22.857142857142858%;
+ }
+
+ &._1f926-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 40%;
+ }
+
+ &._1f926-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 57.142857142857146%;
+ }
+
+ &._1f937 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 74.28571428571429%;
+ }
+
+ &._1f937-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 91.42857142857143%;
+ }
+
+ &._1f937-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 91.42857142857143%;
+ }
+
+ &._1f64e {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 91.42857142857143%;
+ }
+
+ &._1f64e-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 91.42857142857143%;
+ }
+
+ &._1f64e-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 91.42857142857143%;
+ }
+
+ &._1f64d {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 91.42857142857143%;
+ }
+
+ &._1f64d-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 8.571428571428571%;
+ }
+
+ &._1f64d-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 25.714285714285715%;
+ }
+
+ &._1f487 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 42.857142857142854%;
+ }
+
+ &._1f487-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 60%;
+ }
+
+ &._1f487-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 77.14285714285714%;
+ }
+
+ &._1f486 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 94.28571428571429%;
+ }
+
+ &._1f486-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 94.28571428571429%;
+ }
+
+ &._1f486-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 94.28571428571429%;
+ }
+
+ &._1f9d6 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 94.28571428571429%;
+ }
+
+ &._1f9d6-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 94.28571428571429%;
+ }
+
+ &._1f9d6-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 94.28571428571429%;
+ }
+
+ &._1f485 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 5.714285714285714%;
+ }
+
+ &._1f933 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 22.857142857142858%;
+ }
+
+ &._1f483 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 40%;
+ }
+
+ &._1f57a {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 57.142857142857146%;
+ }
+
+ &._1f46f {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 74.28571428571429%;
+ }
+
+ &._1f46f-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 77.14285714285714%;
+ }
+
+ &._1f46f-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 80%;
+ }
+
+ &._1f574 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 82.85714285714286%;
+ }
+
+ &._1f6b6 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 97.14285714285714%;
+ }
+
+ &._1f6b6-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 97.14285714285714%;
+ }
+
+ &._1f6b6-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 97.14285714285714%;
+ }
+
+ &._1f3c3 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 97.14285714285714%;
+ }
+
+ &._1f3c3-2640 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 97.14285714285714%;
+ }
+
+ &._1f3c3-2642 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 97.14285714285714%;
+ }
+
+ &._1f46b {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 5.714285714285714%;
+ }
+
+ &._1f46d {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 8.571428571428571%;
+ }
+
+ &._1f46c {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 11.428571428571429%;
+ }
+
+ &._1f491 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 14.285714285714286%;
+ }
+
+ &._1f469-2764-1f468 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 17.142857142857142%;
+ }
+
+ &._1f469-2764-1f469 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 20%;
+ }
+
+ &._1f468-2764-1f468 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 22.857142857142858%;
+ }
+
+ &._1f48f {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 25.714285714285715%;
+ }
+
+ &._1f469-2764-1f48b-1f468 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 28.571428571428573%;
+ }
+
+ &._1f469-2764-1f48b-1f469 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 31.428571428571427%;
+ }
+
+ &._1f468-2764-1f48b-1f468 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 34.285714285714285%;
+ }
+
+ &._1f46a {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 37.142857142857146%;
+ }
+
+ &._1f468-1f469-1f466 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 40%;
+ }
+
+ &._1f468-1f469-1f467 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 42.857142857142854%;
+ }
+
+ &._1f468-1f469-1f467-1f466 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 45.714285714285715%;
+ }
+
+ &._1f468-1f469-1f466-1f466 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 48.57142857142857%;
+ }
+
+ &._1f468-1f469-1f467-1f467 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 51.42857142857143%;
+ }
+
+ &._1f469-1f469-1f466 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 54.285714285714285%;
+ }
+
+ &._1f469-1f469-1f467 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 57.142857142857146%;
+ }
+
+ &._1f469-1f469-1f467-1f466 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 60%;
+ }
+
+ &._1f469-1f469-1f466-1f466 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 62.857142857142854%;
+ }
+
+ &._1f469-1f469-1f467-1f467 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 65.71428571428571%;
+ }
+
+ &._1f468-1f468-1f466 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 68.57142857142857%;
+ }
+
+ &._1f468-1f468-1f467 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 71.42857142857143%;
+ }
+
+ &._1f468-1f468-1f467-1f466 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 74.28571428571429%;
+ }
+
+ &._1f468-1f468-1f466-1f466 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 77.14285714285714%;
+ }
+
+ &._1f468-1f468-1f467-1f467 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 80%;
+ }
+
+ &._1f469-1f466 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 82.85714285714286%;
+ }
+
+ &._1f469-1f467 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 85.71428571428571%;
+ }
+
+ &._1f469-1f467-1f466 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 88.57142857142857%;
+ }
+
+ &._1f469-1f466-1f466 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 91.42857142857143%;
+ }
+
+ &._1f469-1f467-1f467 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 94.28571428571429%;
+ }
+
+ &._1f468-1f466 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 97.14285714285714%;
+ }
+
+ &._1f468-1f467 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 100%;
+ }
+
+ &._1f468-1f467-1f466 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 100%;
+ }
+
+ &._1f468-1f466-1f466 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 100%;
+ }
+
+ &._1f468-1f467-1f467 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 100%;
+ }
+
+ &._1f9e5 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 100%;
+ }
+
+ &._1f45a {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 100%;
+ }
+
+ &._1f455 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 100%;
+ }
+
+ &._1f456 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 100%;
+ }
+
+ &._1f454 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 100%;
+ }
+
+ &._1f457 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 100%;
+ }
+
+ &._1f459 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 100%;
+ }
+
+ &._1f458 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 100%;
+ }
+
+ &._1f97c {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 100%;
+ }
+
+ &._1f460 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 100%;
+ }
+
+ &._1f461 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 100%;
+ }
+
+ &._1f462 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 100%;
+ }
+
+ &._1f45e {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 100%;
+ }
+
+ &._1f45f {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 100%;
+ }
+
+ &._1f97e {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 100%;
+ }
+
+ &._1f97f {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 100%;
+ }
+
+ &._1f9e6 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 100%;
+ }
+
+ &._1f9e4 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 100%;
+ }
+
+ &._1f9e3 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 100%;
+ }
+
+ &._1f3a9 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 100%;
+ }
+
+ &._1f9e2 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 100%;
+ }
+
+ &._1f452 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 100%;
+ }
+
+ &._1f393 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 100%;
+ }
+
+ &._26d1 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 100%;
+ }
+
+ &._1f451 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 100%;
+ }
+
+ &._1f45d {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 100%;
+ }
+
+ &._1f45b {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 100%;
+ }
+
+ &._1f45c {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 100%;
+ }
+
+ &._1f4bc {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 100%;
+ }
+
+ &._1f392 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 100%;
+ }
+
+ &._1f453 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 100%;
+ }
+
+ &._1f576 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 100%;
+ }
+
+ &._1f97d {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 100% 0%;
+ }
+
+ &._1f302 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 100% 2.857142857142857%;
+ }
+
+ &._1f9b0 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 100% 5.714285714285714%;
+ }
+
+ &._1f9b1 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 100% 8.571428571428571%;
+ }
+
+ &._1f9b3 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 100% 11.428571428571429%;
+ }
+
+ &._1f9b2 {
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 100% 14.285714285714286%;
+ }
+
+}
+
+
+.emojione-diversity._1f468-1f3fb-1f3a4 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 0%;
+}
+
+.emojione-diversity._1f932-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 28.571428571428573%;
+}
+
+.emojione-diversity._1f932-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 28.571428571428573%;
+}
+
+.emojione-diversity._1f932-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 28.571428571428573%;
+}
+
+.emojione-diversity._1f932-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 28.571428571428573%;
+}
+
+.emojione-diversity._1f932-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 28.571428571428573%;
+}
+
+.emojione-diversity._1f450-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 28.571428571428573%;
+}
+
+.emojione-diversity._1f450-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 28.571428571428573%;
+}
+
+.emojione-diversity._1f450-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 28.571428571428573%;
+}
+
+.emojione-diversity._1f450-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 0%;
+}
+
+.emojione-diversity._1f450-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 2.857142857142857%;
+}
+
+.emojione-diversity._1f64c-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 8.571428571428571%;
+}
+
+.emojione-diversity._1f64c-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 11.428571428571429%;
+}
+
+.emojione-diversity._1f64c-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 14.285714285714286%;
+}
+
+.emojione-diversity._1f64c-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 17.142857142857142%;
+}
+
+.emojione-diversity._1f64c-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 20%;
+}
+
+.emojione-diversity._1f44f-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 25.714285714285715%;
+}
+
+.emojione-diversity._1f44f-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 28.571428571428573%;
+}
+
+.emojione-diversity._1f44f-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 31.428571428571427%;
+}
+
+.emojione-diversity._1f44f-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 31.428571428571427%;
+}
+
+.emojione-diversity._1f44f-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 31.428571428571427%;
+}
+
+.emojione-diversity._1f44d-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 31.428571428571427%;
+}
+
+.emojione-diversity._1f44d-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 31.428571428571427%;
+}
+
+.emojione-diversity._1f44d-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 31.428571428571427%;
+}
+
+.emojione-diversity._1f44d-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 31.428571428571427%;
+}
+
+.emojione-diversity._1f44d-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 31.428571428571427%;
+}
+
+.emojione-diversity._1f44e-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 31.428571428571427%;
+}
+
+.emojione-diversity._1f44e-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 0%;
+}
+
+.emojione-diversity._1f44e-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 2.857142857142857%;
+}
+
+.emojione-diversity._1f44e-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 5.714285714285714%;
+}
+
+.emojione-diversity._1f44e-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 8.571428571428571%;
+}
+
+.emojione-diversity._1f44a-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 14.285714285714286%;
+}
+
+.emojione-diversity._1f44a-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 17.142857142857142%;
+}
+
+.emojione-diversity._1f44a-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 20%;
+}
+
+.emojione-diversity._1f44a-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 22.857142857142858%;
+}
+
+.emojione-diversity._1f44a-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 25.714285714285715%;
+}
+
+.emojione-diversity._270a-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 31.428571428571427%;
+}
+
+.emojione-diversity._270a-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 34.285714285714285%;
+}
+
+.emojione-diversity._270a-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 34.285714285714285%;
+}
+
+.emojione-diversity._270a-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 34.285714285714285%;
+}
+
+.emojione-diversity._270a-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 34.285714285714285%;
+}
+
+.emojione-diversity._1f91b-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 34.285714285714285%;
+}
+
+.emojione-diversity._1f91b-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 34.285714285714285%;
+}
+
+.emojione-diversity._1f91b-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 34.285714285714285%;
+}
+
+.emojione-diversity._1f91b-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 34.285714285714285%;
+}
+
+.emojione-diversity._1f91b-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 34.285714285714285%;
+}
+
+.emojione-diversity._1f91c-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 34.285714285714285%;
+}
+
+.emojione-diversity._1f91c-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 34.285714285714285%;
+}
+
+.emojione-diversity._1f91c-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 0%;
+}
+
+.emojione-diversity._1f91c-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 2.857142857142857%;
+}
+
+.emojione-diversity._1f91c-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 5.714285714285714%;
+}
+
+.emojione-diversity._1f91e-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 11.428571428571429%;
+}
+
+.emojione-diversity._1f91e-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 14.285714285714286%;
+}
+
+.emojione-diversity._1f91e-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 17.142857142857142%;
+}
+
+.emojione-diversity._1f91e-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 20%;
+}
+
+.emojione-diversity._1f91e-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 22.857142857142858%;
+}
+
+.emojione-diversity._270c-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 28.571428571428573%;
+}
+
+.emojione-diversity._270c-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 31.428571428571427%;
+}
+
+.emojione-diversity._270c-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 34.285714285714285%;
+}
+
+.emojione-diversity._270c-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 37.142857142857146%;
+}
+
+.emojione-diversity._270c-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 37.142857142857146%;
+}
+
+.emojione-diversity._1f91f-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 37.142857142857146%;
+}
+
+.emojione-diversity._1f91f-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 37.142857142857146%;
+}
+
+.emojione-diversity._1f91f-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 37.142857142857146%;
+}
+
+.emojione-diversity._1f91f-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 37.142857142857146%;
+}
+
+.emojione-diversity._1f91f-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 37.142857142857146%;
+}
+
+.emojione-diversity._1f918-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 37.142857142857146%;
+}
+
+.emojione-diversity._1f918-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 37.142857142857146%;
+}
+
+.emojione-diversity._1f918-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 37.142857142857146%;
+}
+
+.emojione-diversity._1f918-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 37.142857142857146%;
+}
+
+.emojione-diversity._1f918-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 37.142857142857146%;
+}
+
+.emojione-diversity._1f44c-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 2.857142857142857%;
+}
+
+.emojione-diversity._1f44c-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 5.714285714285714%;
+}
+
+.emojione-diversity._1f44c-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 8.571428571428571%;
+}
+
+.emojione-diversity._1f44c-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 11.428571428571429%;
+}
+
+.emojione-diversity._1f44c-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 14.285714285714286%;
+}
+
+.emojione-diversity._1f448-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 20%;
+}
+
+.emojione-diversity._1f448-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 22.857142857142858%;
+}
+
+.emojione-diversity._1f448-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 25.714285714285715%;
+}
+
+.emojione-diversity._1f448-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 28.571428571428573%;
+}
+
+.emojione-diversity._1f448-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 31.428571428571427%;
+}
+
+.emojione-diversity._1f449-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 37.142857142857146%;
+}
+
+.emojione-diversity._1f449-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 40%;
+}
+
+.emojione-diversity._1f449-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 40%;
+}
+
+.emojione-diversity._1f449-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 40%;
+}
+
+.emojione-diversity._1f449-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 40%;
+}
+
+.emojione-diversity._1f446-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 40%;
+}
+
+.emojione-diversity._1f446-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 40%;
+}
+
+.emojione-diversity._1f446-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 40%;
+}
+
+.emojione-diversity._1f446-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 40%;
+}
+
+.emojione-diversity._1f446-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 40%;
+}
+
+.emojione-diversity._1f447-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 40%;
+}
+
+.emojione-diversity._1f447-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 40%;
+}
+
+.emojione-diversity._1f447-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 40%;
+}
+
+.emojione-diversity._1f447-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 40%;
+}
+
+.emojione-diversity._1f447-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 0%;
+}
+
+.emojione-diversity._261d-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 5.714285714285714%;
+}
+
+.emojione-diversity._261d-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 8.571428571428571%;
+}
+
+.emojione-diversity._261d-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 11.428571428571429%;
+}
+
+.emojione-diversity._261d-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 14.285714285714286%;
+}
+
+.emojione-diversity._261d-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 17.142857142857142%;
+}
+
+.emojione-diversity._270b-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 22.857142857142858%;
+}
+
+.emojione-diversity._270b-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 25.714285714285715%;
+}
+
+.emojione-diversity._270b-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 28.571428571428573%;
+}
+
+.emojione-diversity._270b-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 31.428571428571427%;
+}
+
+.emojione-diversity._270b-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 34.285714285714285%;
+}
+
+.emojione-diversity._1f91a-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 40%;
+}
+
+.emojione-diversity._1f91a-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 42.857142857142854%;
+}
+
+.emojione-diversity._1f91a-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 42.857142857142854%;
+}
+
+.emojione-diversity._1f91a-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 42.857142857142854%;
+}
+
+.emojione-diversity._1f91a-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 42.857142857142854%;
+}
+
+.emojione-diversity._1f590-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 42.857142857142854%;
+}
+
+.emojione-diversity._1f590-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 42.857142857142854%;
+}
+
+.emojione-diversity._1f590-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 42.857142857142854%;
+}
+
+.emojione-diversity._1f590-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 42.857142857142854%;
+}
+
+.emojione-diversity._1f590-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 42.857142857142854%;
+}
+
+.emojione-diversity._1f596-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 42.857142857142854%;
+}
+
+.emojione-diversity._1f596-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 42.857142857142854%;
+}
+
+.emojione-diversity._1f596-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 42.857142857142854%;
+}
+
+.emojione-diversity._1f596-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 42.857142857142854%;
+}
+
+.emojione-diversity._1f596-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 42.857142857142854%;
+}
+
+.emojione-diversity._1f44b-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 2.857142857142857%;
+}
+
+.emojione-diversity._1f44b-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 5.714285714285714%;
+}
+
+.emojione-diversity._1f44b-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 8.571428571428571%;
+}
+
+.emojione-diversity._1f44b-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 11.428571428571429%;
+}
+
+.emojione-diversity._1f44b-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 14.285714285714286%;
+}
+
+.emojione-diversity._1f919-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 20%;
+}
+
+.emojione-diversity._1f919-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 22.857142857142858%;
+}
+
+.emojione-diversity._1f919-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 25.714285714285715%;
+}
+
+.emojione-diversity._1f919-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 28.571428571428573%;
+}
+
+.emojione-diversity._1f919-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 31.428571428571427%;
+}
+
+.emojione-diversity._1f4aa-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 37.142857142857146%;
+}
+
+.emojione-diversity._1f4aa-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 40%;
+}
+
+.emojione-diversity._1f4aa-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 42.857142857142854%;
+}
+
+.emojione-diversity._1f4aa-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 45.714285714285715%;
+}
+
+.emojione-diversity._1f4aa-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 45.714285714285715%;
+}
+
+.emojione-diversity._1f9b5-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 45.714285714285715%;
+}
+
+.emojione-diversity._1f9b5-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 45.714285714285715%;
+}
+
+.emojione-diversity._1f9b5-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 45.714285714285715%;
+}
+
+.emojione-diversity._1f9b5-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 45.714285714285715%;
+}
+
+.emojione-diversity._1f9b5-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 45.714285714285715%;
+}
+
+.emojione-diversity._1f9b6-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 45.714285714285715%;
+}
+
+.emojione-diversity._1f9b6-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 45.714285714285715%;
+}
+
+.emojione-diversity._1f9b6-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 45.714285714285715%;
+}
+
+.emojione-diversity._1f9b6-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 45.714285714285715%;
+}
+
+.emojione-diversity._1f9b6-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 45.714285714285715%;
+}
+
+.emojione-diversity._1f595-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 45.714285714285715%;
+}
+
+.emojione-diversity._1f595-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 45.714285714285715%;
+}
+
+.emojione-diversity._1f595-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 0%;
+}
+
+.emojione-diversity._1f595-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 2.857142857142857%;
+}
+
+.emojione-diversity._1f595-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 5.714285714285714%;
+}
+
+.emojione-diversity._270d-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 11.428571428571429%;
+}
+
+.emojione-diversity._270d-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 14.285714285714286%;
+}
+
+.emojione-diversity._270d-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 17.142857142857142%;
+}
+
+.emojione-diversity._270d-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 20%;
+}
+
+.emojione-diversity._270d-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 22.857142857142858%;
+}
+
+.emojione-diversity._1f64f-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 28.571428571428573%;
+}
+
+.emojione-diversity._1f64f-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 31.428571428571427%;
+}
+
+.emojione-diversity._1f64f-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 34.285714285714285%;
+}
+
+.emojione-diversity._1f64f-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 37.142857142857146%;
+}
+
+.emojione-diversity._1f64f-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 40%;
+}
+
+.emojione-diversity._1f442-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 48.57142857142857%;
+}
+
+.emojione-diversity._1f442-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 48.57142857142857%;
+}
+
+.emojione-diversity._1f442-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 48.57142857142857%;
+}
+
+.emojione-diversity._1f442-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 48.57142857142857%;
+}
+
+.emojione-diversity._1f442-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 48.57142857142857%;
+}
+
+.emojione-diversity._1f443-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 48.57142857142857%;
+}
+
+.emojione-diversity._1f443-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 48.57142857142857%;
+}
+
+.emojione-diversity._1f443-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 48.57142857142857%;
+}
+
+.emojione-diversity._1f443-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 48.57142857142857%;
+}
+
+.emojione-diversity._1f443-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 48.57142857142857%;
+}
+
+.emojione-diversity._1f476-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 20%;
+}
+
+.emojione-diversity._1f476-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 22.857142857142858%;
+}
+
+.emojione-diversity._1f476-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 25.714285714285715%;
+}
+
+.emojione-diversity._1f476-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 28.571428571428573%;
+}
+
+.emojione-diversity._1f476-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 31.428571428571427%;
+}
+
+.emojione-diversity._1f467-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 37.142857142857146%;
+}
+
+.emojione-diversity._1f467-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 40%;
+}
+
+.emojione-diversity._1f467-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 42.857142857142854%;
+}
+
+.emojione-diversity._1f467-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 45.714285714285715%;
+}
+
+.emojione-diversity._1f467-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 48.57142857142857%;
+}
+
+.emojione-diversity._1f9d2-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 51.42857142857143%;
+}
+
+.emojione-diversity._1f9d2-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 51.42857142857143%;
+}
+
+.emojione-diversity._1f9d2-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 51.42857142857143%;
+}
+
+.emojione-diversity._1f9d2-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 51.42857142857143%;
+}
+
+.emojione-diversity._1f9d2-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 51.42857142857143%;
+}
+
+.emojione-diversity._1f466-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 51.42857142857143%;
+}
+
+.emojione-diversity._1f466-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 51.42857142857143%;
+}
+
+.emojione-diversity._1f466-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 51.42857142857143%;
+}
+
+.emojione-diversity._1f466-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 51.42857142857143%;
+}
+
+.emojione-diversity._1f466-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 51.42857142857143%;
+}
+
+.emojione-diversity._1f469-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 51.42857142857143%;
+}
+
+.emojione-diversity._1f469-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 51.42857142857143%;
+}
+
+.emojione-diversity._1f469-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 51.42857142857143%;
+}
+
+.emojione-diversity._1f469-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 51.42857142857143%;
+}
+
+.emojione-diversity._1f469-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 51.42857142857143%;
+}
+
+.emojione-diversity._1f9d1-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 0%;
+}
+
+.emojione-diversity._1f9d1-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 2.857142857142857%;
+}
+
+.emojione-diversity._1f9d1-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 5.714285714285714%;
+}
+
+.emojione-diversity._1f9d1-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 8.571428571428571%;
+}
+
+.emojione-diversity._1f9d1-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 11.428571428571429%;
+}
+
+.emojione-diversity._1f468-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 17.142857142857142%;
+}
+
+.emojione-diversity._1f468-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 20%;
+}
+
+.emojione-diversity._1f468-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 22.857142857142858%;
+}
+
+.emojione-diversity._1f468-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 25.714285714285715%;
+}
+
+.emojione-diversity._1f468-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 28.571428571428573%;
+}
+
+.emojione-diversity._1f471-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 34.285714285714285%;
+}
+
+.emojione-diversity._1f471-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 37.142857142857146%;
+}
+
+.emojione-diversity._1f471-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 40%;
+}
+
+.emojione-diversity._1f471-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 42.857142857142854%;
+}
+
+.emojione-diversity._1f471-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 45.714285714285715%;
+}
+
+.emojione-diversity._1f471-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 51.42857142857143%;
+}
+
+.emojione-diversity._1f471-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 54.285714285714285%;
+}
+
+.emojione-diversity._1f471-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 54.285714285714285%;
+}
+
+.emojione-diversity._1f471-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 54.285714285714285%;
+}
+
+.emojione-diversity._1f471-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 54.285714285714285%;
+}
+
+.emojione-diversity._1f471-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 54.285714285714285%;
+}
+
+.emojione-diversity._1f471-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 54.285714285714285%;
+}
+
+.emojione-diversity._1f471-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 54.285714285714285%;
+}
+
+.emojione-diversity._1f471-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 54.285714285714285%;
+}
+
+.emojione-diversity._1f471-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 54.285714285714285%;
+}
+
+.emojione-diversity._1f469-1f3fb-1f9b0 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 54.285714285714285%;
+}
+
+.emojione-diversity._1f469-1f3fc-1f9b0 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 54.285714285714285%;
+}
+
+.emojione-diversity._1f469-1f3fd-1f9b0 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 54.285714285714285%;
+}
+
+.emojione-diversity._1f469-1f3fe-1f9b0 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 54.285714285714285%;
+}
+
+.emojione-diversity._1f469-1f3ff-1f9b0 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 54.285714285714285%;
+}
+
+.emojione-diversity._1f468-1f3fb-1f9b0 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 54.285714285714285%;
+}
+
+.emojione-diversity._1f468-1f3fc-1f9b0 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 54.285714285714285%;
+}
+
+.emojione-diversity._1f468-1f3fd-1f9b0 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 54.285714285714285%;
+}
+
+.emojione-diversity._1f468-1f3fe-1f9b0 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 0%;
+}
+
+.emojione-diversity._1f468-1f3ff-1f9b0 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 2.857142857142857%;
+}
+
+.emojione-diversity._1f469-1f3fb-1f9b1 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 8.571428571428571%;
+}
+
+.emojione-diversity._1f469-1f3fc-1f9b1 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 11.428571428571429%;
+}
+
+.emojione-diversity._1f469-1f3fd-1f9b1 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 14.285714285714286%;
+}
+
+.emojione-diversity._1f469-1f3fe-1f9b1 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 17.142857142857142%;
+}
+
+.emojione-diversity._1f469-1f3ff-1f9b1 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 20%;
+}
+
+.emojione-diversity._1f468-1f3fb-1f9b1 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 25.714285714285715%;
+}
+
+.emojione-diversity._1f468-1f3fc-1f9b1 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 28.571428571428573%;
+}
+
+.emojione-diversity._1f468-1f3fd-1f9b1 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 31.428571428571427%;
+}
+
+.emojione-diversity._1f468-1f3fe-1f9b1 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 34.285714285714285%;
+}
+
+.emojione-diversity._1f468-1f3ff-1f9b1 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 37.142857142857146%;
+}
+
+.emojione-diversity._1f469-1f3fb-1f9b3 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 42.857142857142854%;
+}
+
+.emojione-diversity._1f469-1f3fc-1f9b3 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 45.714285714285715%;
+}
+
+.emojione-diversity._1f469-1f3fd-1f9b3 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 48.57142857142857%;
+}
+
+.emojione-diversity._1f469-1f3fe-1f9b3 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 51.42857142857143%;
+}
+
+.emojione-diversity._1f469-1f3ff-1f9b3 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 54.285714285714285%;
+}
+
+.emojione-diversity._1f468-1f3fb-1f9b3 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 57.142857142857146%;
+}
+
+.emojione-diversity._1f468-1f3fc-1f9b3 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 57.142857142857146%;
+}
+
+.emojione-diversity._1f468-1f3fd-1f9b3 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 57.142857142857146%;
+}
+
+.emojione-diversity._1f468-1f3fe-1f9b3 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 57.142857142857146%;
+}
+
+.emojione-diversity._1f468-1f3ff-1f9b3 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 57.142857142857146%;
+}
+
+.emojione-diversity._1f469-1f3fb-1f9b2 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 57.142857142857146%;
+}
+
+.emojione-diversity._1f469-1f3fc-1f9b2 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 57.142857142857146%;
+}
+
+.emojione-diversity._1f469-1f3fd-1f9b2 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 57.142857142857146%;
+}
+
+.emojione-diversity._1f469-1f3fe-1f9b2 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 57.142857142857146%;
+}
+
+.emojione-diversity._1f469-1f3ff-1f9b2 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 57.142857142857146%;
+}
+
+.emojione-diversity._1f468-1f3fb-1f9b2 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 57.142857142857146%;
+}
+
+.emojione-diversity._1f468-1f3fc-1f9b2 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 57.142857142857146%;
+}
+
+.emojione-diversity._1f468-1f3fd-1f9b2 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 57.142857142857146%;
+}
+
+.emojione-diversity._1f468-1f3fe-1f9b2 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 57.142857142857146%;
+}
+
+.emojione-diversity._1f468-1f3ff-1f9b2 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 57.142857142857146%;
+}
+
+.emojione-diversity._1f9d4-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 57.142857142857146%;
+}
+
+.emojione-diversity._1f9d4-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 57.142857142857146%;
+}
+
+.emojione-diversity._1f9d4-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 0%;
+}
+
+.emojione-diversity._1f9d4-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 2.857142857142857%;
+}
+
+.emojione-diversity._1f9d4-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 5.714285714285714%;
+}
+
+.emojione-diversity._1f475-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 11.428571428571429%;
+}
+
+.emojione-diversity._1f475-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 14.285714285714286%;
+}
+
+.emojione-diversity._1f475-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 17.142857142857142%;
+}
+
+.emojione-diversity._1f475-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 20%;
+}
+
+.emojione-diversity._1f475-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 22.857142857142858%;
+}
+
+.emojione-diversity._1f9d3-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 28.571428571428573%;
+}
+
+.emojione-diversity._1f9d3-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 31.428571428571427%;
+}
+
+.emojione-diversity._1f9d3-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 34.285714285714285%;
+}
+
+.emojione-diversity._1f9d3-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 37.142857142857146%;
+}
+
+.emojione-diversity._1f9d3-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 40%;
+}
+
+.emojione-diversity._1f474-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 45.714285714285715%;
+}
+
+.emojione-diversity._1f474-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 48.57142857142857%;
+}
+
+.emojione-diversity._1f474-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 51.42857142857143%;
+}
+
+.emojione-diversity._1f474-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 54.285714285714285%;
+}
+
+.emojione-diversity._1f474-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 57.142857142857146%;
+}
+
+.emojione-diversity._1f472-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 60%;
+}
+
+.emojione-diversity._1f472-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 60%;
+}
+
+.emojione-diversity._1f472-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 60%;
+}
+
+.emojione-diversity._1f472-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 60%;
+}
+
+.emojione-diversity._1f472-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 60%;
+}
+
+.emojione-diversity._1f473-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 60%;
+}
+
+.emojione-diversity._1f473-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 60%;
+}
+
+.emojione-diversity._1f473-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 60%;
+}
+
+.emojione-diversity._1f473-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 60%;
+}
+
+.emojione-diversity._1f473-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 60%;
+}
+
+.emojione-diversity._1f473-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 60%;
+}
+
+.emojione-diversity._1f473-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 60%;
+}
+
+.emojione-diversity._1f473-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 60%;
+}
+
+.emojione-diversity._1f473-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 60%;
+}
+
+.emojione-diversity._1f473-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 60%;
+}
+
+.emojione-diversity._1f473-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 60%;
+}
+
+.emojione-diversity._1f473-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 60%;
+}
+
+.emojione-diversity._1f473-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 60%;
+}
+
+.emojione-diversity._1f473-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 0%;
+}
+
+.emojione-diversity._1f473-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 2.857142857142857%;
+}
+
+.emojione-diversity._1f9d5-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 8.571428571428571%;
+}
+
+.emojione-diversity._1f9d5-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 11.428571428571429%;
+}
+
+.emojione-diversity._1f9d5-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 14.285714285714286%;
+}
+
+.emojione-diversity._1f9d5-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 17.142857142857142%;
+}
+
+.emojione-diversity._1f9d5-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 20%;
+}
+
+.emojione-diversity._1f46e-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 25.714285714285715%;
+}
+
+.emojione-diversity._1f46e-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 28.571428571428573%;
+}
+
+.emojione-diversity._1f46e-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 31.428571428571427%;
+}
+
+.emojione-diversity._1f46e-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 34.285714285714285%;
+}
+
+.emojione-diversity._1f46e-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 37.142857142857146%;
+}
+
+.emojione-diversity._1f46e-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 42.857142857142854%;
+}
+
+.emojione-diversity._1f46e-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 45.714285714285715%;
+}
+
+.emojione-diversity._1f46e-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 48.57142857142857%;
+}
+
+.emojione-diversity._1f46e-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 51.42857142857143%;
+}
+
+.emojione-diversity._1f46e-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 54.285714285714285%;
+}
+
+.emojione-diversity._1f46e-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 60%;
+}
+
+.emojione-diversity._1f46e-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 62.857142857142854%;
+}
+
+.emojione-diversity._1f46e-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 62.857142857142854%;
+}
+
+.emojione-diversity._1f46e-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 62.857142857142854%;
+}
+
+.emojione-diversity._1f46e-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 62.857142857142854%;
+}
+
+.emojione-diversity._1f477-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 62.857142857142854%;
+}
+
+.emojione-diversity._1f477-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 62.857142857142854%;
+}
+
+.emojione-diversity._1f477-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 62.857142857142854%;
+}
+
+.emojione-diversity._1f477-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 62.857142857142854%;
+}
+
+.emojione-diversity._1f477-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 62.857142857142854%;
+}
+
+.emojione-diversity._1f477-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 62.857142857142854%;
+}
+
+.emojione-diversity._1f477-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 62.857142857142854%;
+}
+
+.emojione-diversity._1f477-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 62.857142857142854%;
+}
+
+.emojione-diversity._1f477-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 62.857142857142854%;
+}
+
+.emojione-diversity._1f477-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 62.857142857142854%;
+}
+
+.emojione-diversity._1f477-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 62.857142857142854%;
+}
+
+.emojione-diversity._1f477-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 62.857142857142854%;
+}
+
+.emojione-diversity._1f477-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 62.857142857142854%;
+}
+
+.emojione-diversity._1f477-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 62.857142857142854%;
+}
+
+.emojione-diversity._1f477-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 62.857142857142854%;
+}
+
+.emojione-diversity._1f482-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 0%;
+}
+
+.emojione-diversity._1f482-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 2.857142857142857%;
+}
+
+.emojione-diversity._1f482-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 5.714285714285714%;
+}
+
+.emojione-diversity._1f482-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 8.571428571428571%;
+}
+
+.emojione-diversity._1f482-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 11.428571428571429%;
+}
+
+.emojione-diversity._1f482-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 17.142857142857142%;
+}
+
+.emojione-diversity._1f482-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 20%;
+}
+
+.emojione-diversity._1f482-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 22.857142857142858%;
+}
+
+.emojione-diversity._1f482-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 25.714285714285715%;
+}
+
+.emojione-diversity._1f482-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 28.571428571428573%;
+}
+
+.emojione-diversity._1f482-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 34.285714285714285%;
+}
+
+.emojione-diversity._1f482-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 37.142857142857146%;
+}
+
+.emojione-diversity._1f482-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 40%;
+}
+
+.emojione-diversity._1f482-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 42.857142857142854%;
+}
+
+.emojione-diversity._1f482-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 45.714285714285715%;
+}
+
+.emojione-diversity._1f575-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 51.42857142857143%;
+}
+
+.emojione-diversity._1f575-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 54.285714285714285%;
+}
+
+.emojione-diversity._1f575-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 57.142857142857146%;
+}
+
+.emojione-diversity._1f575-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 60%;
+}
+
+.emojione-diversity._1f575-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 62.857142857142854%;
+}
+
+.emojione-diversity._1f575-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 65.71428571428571%;
+}
+
+.emojione-diversity._1f575-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 65.71428571428571%;
+}
+
+.emojione-diversity._1f575-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 65.71428571428571%;
+}
+
+.emojione-diversity._1f575-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 65.71428571428571%;
+}
+
+.emojione-diversity._1f575-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 65.71428571428571%;
+}
+
+.emojione-diversity._1f575-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 65.71428571428571%;
+}
+
+.emojione-diversity._1f575-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 65.71428571428571%;
+}
+
+.emojione-diversity._1f575-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 65.71428571428571%;
+}
+
+.emojione-diversity._1f575-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 65.71428571428571%;
+}
+
+.emojione-diversity._1f575-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 65.71428571428571%;
+}
+
+.emojione-diversity._1f469-1f3fb-2695 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 65.71428571428571%;
+}
+
+.emojione-diversity._1f469-1f3fc-2695 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 65.71428571428571%;
+}
+
+.emojione-diversity._1f469-1f3fd-2695 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 65.71428571428571%;
+}
+
+.emojione-diversity._1f469-1f3fe-2695 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 65.71428571428571%;
+}
+
+.emojione-diversity._1f469-1f3ff-2695 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 65.71428571428571%;
+}
+
+.emojione-diversity._1f468-1f3fb-2695 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 65.71428571428571%;
+}
+
+.emojione-diversity._1f468-1f3fc-2695 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 65.71428571428571%;
+}
+
+.emojione-diversity._1f468-1f3fd-2695 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 65.71428571428571%;
+}
+
+.emojione-diversity._1f468-1f3fe-2695 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 65.71428571428571%;
+}
+
+.emojione-diversity._1f468-1f3ff-2695 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 65.71428571428571%;
+}
+
+.emojione-diversity._1f469-1f3fb-1f33e {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 2.857142857142857%;
+}
+
+.emojione-diversity._1f469-1f3fc-1f33e {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 5.714285714285714%;
+}
+
+.emojione-diversity._1f469-1f3fd-1f33e {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 8.571428571428571%;
+}
+
+.emojione-diversity._1f469-1f3fe-1f33e {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 11.428571428571429%;
+}
+
+.emojione-diversity._1f469-1f3ff-1f33e {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 14.285714285714286%;
+}
+
+.emojione-diversity._1f468-1f3fb-1f33e {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 20%;
+}
+
+.emojione-diversity._1f468-1f3fc-1f33e {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 22.857142857142858%;
+}
+
+.emojione-diversity._1f468-1f3fd-1f33e {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 25.714285714285715%;
+}
+
+.emojione-diversity._1f468-1f3fe-1f33e {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 28.571428571428573%;
+}
+
+.emojione-diversity._1f468-1f3ff-1f33e {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 31.428571428571427%;
+}
+
+.emojione-diversity._1f469-1f3fb-1f373 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 37.142857142857146%;
+}
+
+.emojione-diversity._1f469-1f3fc-1f373 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 40%;
+}
+
+.emojione-diversity._1f469-1f3fd-1f373 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 42.857142857142854%;
+}
+
+.emojione-diversity._1f469-1f3fe-1f373 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 45.714285714285715%;
+}
+
+.emojione-diversity._1f469-1f3ff-1f373 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 48.57142857142857%;
+}
+
+.emojione-diversity._1f468-1f3fb-1f373 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 54.285714285714285%;
+}
+
+.emojione-diversity._1f468-1f3fc-1f373 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 57.142857142857146%;
+}
+
+.emojione-diversity._1f468-1f3fd-1f373 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 60%;
+}
+
+.emojione-diversity._1f468-1f3fe-1f373 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 62.857142857142854%;
+}
+
+.emojione-diversity._1f468-1f3ff-1f373 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 65.71428571428571%;
+}
+
+.emojione-diversity._1f469-1f3fb-1f393 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 68.57142857142857%;
+}
+
+.emojione-diversity._1f469-1f3fc-1f393 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 68.57142857142857%;
+}
+
+.emojione-diversity._1f469-1f3fd-1f393 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 68.57142857142857%;
+}
+
+.emojione-diversity._1f469-1f3fe-1f393 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 68.57142857142857%;
+}
+
+.emojione-diversity._1f469-1f3ff-1f393 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 68.57142857142857%;
+}
+
+.emojione-diversity._1f468-1f3fb-1f393 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 68.57142857142857%;
+}
+
+.emojione-diversity._1f468-1f3fc-1f393 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 68.57142857142857%;
+}
+
+.emojione-diversity._1f468-1f3fd-1f393 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 68.57142857142857%;
+}
+
+.emojione-diversity._1f468-1f3fe-1f393 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 68.57142857142857%;
+}
+
+.emojione-diversity._1f468-1f3ff-1f393 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 68.57142857142857%;
+}
+
+.emojione-diversity._1f469-1f3fb-1f3a4 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 68.57142857142857%;
+}
+
+.emojione-diversity._1f469-1f3fc-1f3a4 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 68.57142857142857%;
+}
+
+.emojione-diversity._1f469-1f3fd-1f3a4 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 68.57142857142857%;
+}
+
+.emojione-diversity._1f469-1f3fe-1f3a4 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 68.57142857142857%;
+}
+
+.emojione-diversity._1f469-1f3ff-1f3a4 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 68.57142857142857%;
+}
+
+.emojione-diversity._1f468-1f3fc-1f3a4 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 68.57142857142857%;
+}
+
+.emojione-diversity._1f468-1f3fd-1f3a4 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 68.57142857142857%;
+}
+
+.emojione-diversity._1f468-1f3fe-1f3a4 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 68.57142857142857%;
+}
+
+.emojione-diversity._1f468-1f3ff-1f3a4 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 68.57142857142857%;
+}
+
+.emojione-diversity._1f469-1f3fb-1f3eb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 0%;
+}
+
+.emojione-diversity._1f469-1f3fc-1f3eb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 2.857142857142857%;
+}
+
+.emojione-diversity._1f469-1f3fd-1f3eb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 5.714285714285714%;
+}
+
+.emojione-diversity._1f469-1f3fe-1f3eb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 8.571428571428571%;
+}
+
+.emojione-diversity._1f469-1f3ff-1f3eb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 11.428571428571429%;
+}
+
+.emojione-diversity._1f468-1f3fb-1f3eb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 17.142857142857142%;
+}
+
+.emojione-diversity._1f468-1f3fc-1f3eb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 20%;
+}
+
+.emojione-diversity._1f468-1f3fd-1f3eb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 22.857142857142858%;
+}
+
+.emojione-diversity._1f468-1f3fe-1f3eb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 25.714285714285715%;
+}
+
+.emojione-diversity._1f468-1f3ff-1f3eb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 28.571428571428573%;
+}
+
+.emojione-diversity._1f469-1f3fb-1f3ed {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 34.285714285714285%;
+}
+
+.emojione-diversity._1f469-1f3fc-1f3ed {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 37.142857142857146%;
+}
+
+.emojione-diversity._1f469-1f3fd-1f3ed {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 40%;
+}
+
+.emojione-diversity._1f469-1f3fe-1f3ed {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 42.857142857142854%;
+}
+
+.emojione-diversity._1f469-1f3ff-1f3ed {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 45.714285714285715%;
+}
+
+.emojione-diversity._1f468-1f3fb-1f3ed {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 51.42857142857143%;
+}
+
+.emojione-diversity._1f468-1f3fc-1f3ed {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 54.285714285714285%;
+}
+
+.emojione-diversity._1f468-1f3fd-1f3ed {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 57.142857142857146%;
+}
+
+.emojione-diversity._1f468-1f3fe-1f3ed {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 60%;
+}
+
+.emojione-diversity._1f468-1f3ff-1f3ed {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 62.857142857142854%;
+}
+
+.emojione-diversity._1f469-1f3fb-1f4bb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 68.57142857142857%;
+}
+
+.emojione-diversity._1f469-1f3fc-1f4bb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 71.42857142857143%;
+}
+
+.emojione-diversity._1f469-1f3fd-1f4bb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 71.42857142857143%;
+}
+
+.emojione-diversity._1f469-1f3fe-1f4bb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 71.42857142857143%;
+}
+
+.emojione-diversity._1f469-1f3ff-1f4bb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 71.42857142857143%;
+}
+
+.emojione-diversity._1f468-1f3fb-1f4bb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 71.42857142857143%;
+}
+
+.emojione-diversity._1f468-1f3fc-1f4bb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 71.42857142857143%;
+}
+
+.emojione-diversity._1f468-1f3fd-1f4bb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 71.42857142857143%;
+}
+
+.emojione-diversity._1f468-1f3fe-1f4bb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 71.42857142857143%;
+}
+
+.emojione-diversity._1f468-1f3ff-1f4bb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 71.42857142857143%;
+}
+
+.emojione-diversity._1f469-1f3fb-1f4bc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 71.42857142857143%;
+}
+
+.emojione-diversity._1f469-1f3fc-1f4bc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 71.42857142857143%;
+}
+
+.emojione-diversity._1f469-1f3fd-1f4bc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 71.42857142857143%;
+}
+
+.emojione-diversity._1f469-1f3fe-1f4bc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 71.42857142857143%;
+}
+
+.emojione-diversity._1f469-1f3ff-1f4bc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 71.42857142857143%;
+}
+
+.emojione-diversity._1f468-1f3fb-1f4bc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 71.42857142857143%;
+}
+
+.emojione-diversity._1f468-1f3fc-1f4bc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 71.42857142857143%;
+}
+
+.emojione-diversity._1f468-1f3fd-1f4bc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 71.42857142857143%;
+}
+
+.emojione-diversity._1f468-1f3fe-1f4bc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 71.42857142857143%;
+}
+
+.emojione-diversity._1f468-1f3ff-1f4bc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 71.42857142857143%;
+}
+
+.emojione-diversity._1f469-1f3fb-1f527 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 71.42857142857143%;
+}
+
+.emojione-diversity._1f469-1f3fc-1f527 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 71.42857142857143%;
+}
+
+.emojione-diversity._1f469-1f3fd-1f527 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 71.42857142857143%;
+}
+
+.emojione-diversity._1f469-1f3fe-1f527 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 0%;
+}
+
+.emojione-diversity._1f469-1f3ff-1f527 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 2.857142857142857%;
+}
+
+.emojione-diversity._1f468-1f3fb-1f527 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 8.571428571428571%;
+}
+
+.emojione-diversity._1f468-1f3fc-1f527 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 11.428571428571429%;
+}
+
+.emojione-diversity._1f468-1f3fd-1f527 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 14.285714285714286%;
+}
+
+.emojione-diversity._1f468-1f3fe-1f527 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 17.142857142857142%;
+}
+
+.emojione-diversity._1f468-1f3ff-1f527 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 20%;
+}
+
+.emojione-diversity._1f469-1f3fb-1f52c {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 25.714285714285715%;
+}
+
+.emojione-diversity._1f469-1f3fc-1f52c {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 28.571428571428573%;
+}
+
+.emojione-diversity._1f469-1f3fd-1f52c {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 31.428571428571427%;
+}
+
+.emojione-diversity._1f469-1f3fe-1f52c {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 34.285714285714285%;
+}
+
+.emojione-diversity._1f469-1f3ff-1f52c {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 37.142857142857146%;
+}
+
+.emojione-diversity._1f468-1f3fb-1f52c {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 42.857142857142854%;
+}
+
+.emojione-diversity._1f468-1f3fc-1f52c {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 45.714285714285715%;
+}
+
+.emojione-diversity._1f468-1f3fd-1f52c {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 48.57142857142857%;
+}
+
+.emojione-diversity._1f468-1f3fe-1f52c {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 51.42857142857143%;
+}
+
+.emojione-diversity._1f468-1f3ff-1f52c {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 54.285714285714285%;
+}
+
+.emojione-diversity._1f469-1f3fb-1f3a8 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 60%;
+}
+
+.emojione-diversity._1f469-1f3fc-1f3a8 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 62.857142857142854%;
+}
+
+.emojione-diversity._1f469-1f3fd-1f3a8 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 65.71428571428571%;
+}
+
+.emojione-diversity._1f469-1f3fe-1f3a8 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 68.57142857142857%;
+}
+
+.emojione-diversity._1f469-1f3ff-1f3a8 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 71.42857142857143%;
+}
+
+.emojione-diversity._1f468-1f3fb-1f3a8 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 74.28571428571429%;
+}
+
+.emojione-diversity._1f468-1f3fc-1f3a8 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 74.28571428571429%;
+}
+
+.emojione-diversity._1f468-1f3fd-1f3a8 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 74.28571428571429%;
+}
+
+.emojione-diversity._1f468-1f3fe-1f3a8 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 74.28571428571429%;
+}
+
+.emojione-diversity._1f468-1f3ff-1f3a8 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 74.28571428571429%;
+}
+
+.emojione-diversity._1f469-1f3fb-1f692 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 74.28571428571429%;
+}
+
+.emojione-diversity._1f469-1f3fc-1f692 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 74.28571428571429%;
+}
+
+.emojione-diversity._1f469-1f3fd-1f692 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 74.28571428571429%;
+}
+
+.emojione-diversity._1f469-1f3fe-1f692 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 74.28571428571429%;
+}
+
+.emojione-diversity._1f469-1f3ff-1f692 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 74.28571428571429%;
+}
+
+.emojione-diversity._1f468-1f3fb-1f692 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 74.28571428571429%;
+}
+
+.emojione-diversity._1f468-1f3fc-1f692 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 74.28571428571429%;
+}
+
+.emojione-diversity._1f468-1f3fd-1f692 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 74.28571428571429%;
+}
+
+.emojione-diversity._1f468-1f3fe-1f692 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 74.28571428571429%;
+}
+
+.emojione-diversity._1f468-1f3ff-1f692 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 74.28571428571429%;
+}
+
+.emojione-diversity._1f469-1f3fb-2708 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 74.28571428571429%;
+}
+
+.emojione-diversity._1f469-1f3fc-2708 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 74.28571428571429%;
+}
+
+.emojione-diversity._1f469-1f3fd-2708 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 74.28571428571429%;
+}
+
+.emojione-diversity._1f469-1f3fe-2708 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 74.28571428571429%;
+}
+
+.emojione-diversity._1f469-1f3ff-2708 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 74.28571428571429%;
+}
+
+.emojione-diversity._1f468-1f3fb-2708 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 74.28571428571429%;
+}
+
+.emojione-diversity._1f468-1f3fc-2708 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 74.28571428571429%;
+}
+
+.emojione-diversity._1f468-1f3fd-2708 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 0%;
+}
+
+.emojione-diversity._1f468-1f3fe-2708 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 2.857142857142857%;
+}
+
+.emojione-diversity._1f468-1f3ff-2708 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 5.714285714285714%;
+}
+
+.emojione-diversity._1f469-1f3fb-1f680 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 11.428571428571429%;
+}
+
+.emojione-diversity._1f469-1f3fc-1f680 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 14.285714285714286%;
+}
+
+.emojione-diversity._1f469-1f3fd-1f680 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 17.142857142857142%;
+}
+
+.emojione-diversity._1f469-1f3fe-1f680 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 20%;
+}
+
+.emojione-diversity._1f469-1f3ff-1f680 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 22.857142857142858%;
+}
+
+.emojione-diversity._1f468-1f3fb-1f680 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 28.571428571428573%;
+}
+
+.emojione-diversity._1f468-1f3fc-1f680 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 31.428571428571427%;
+}
+
+.emojione-diversity._1f468-1f3fd-1f680 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 34.285714285714285%;
+}
+
+.emojione-diversity._1f468-1f3fe-1f680 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 37.142857142857146%;
+}
+
+.emojione-diversity._1f468-1f3ff-1f680 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 40%;
+}
+
+.emojione-diversity._1f469-1f3fb-2696 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 45.714285714285715%;
+}
+
+.emojione-diversity._1f469-1f3fc-2696 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 48.57142857142857%;
+}
+
+.emojione-diversity._1f469-1f3fd-2696 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 51.42857142857143%;
+}
+
+.emojione-diversity._1f469-1f3fe-2696 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 54.285714285714285%;
+}
+
+.emojione-diversity._1f469-1f3ff-2696 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 57.142857142857146%;
+}
+
+.emojione-diversity._1f468-1f3fb-2696 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 62.857142857142854%;
+}
+
+.emojione-diversity._1f468-1f3fc-2696 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 65.71428571428571%;
+}
+
+.emojione-diversity._1f468-1f3fd-2696 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 68.57142857142857%;
+}
+
+.emojione-diversity._1f468-1f3fe-2696 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 71.42857142857143%;
+}
+
+.emojione-diversity._1f468-1f3ff-2696 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 74.28571428571429%;
+}
+
+.emojione-diversity._1f470-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 77.14285714285714%;
+}
+
+.emojione-diversity._1f470-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 77.14285714285714%;
+}
+
+.emojione-diversity._1f470-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 77.14285714285714%;
+}
+
+.emojione-diversity._1f470-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 77.14285714285714%;
+}
+
+.emojione-diversity._1f470-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 77.14285714285714%;
+}
+
+.emojione-diversity._1f935-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 77.14285714285714%;
+}
+
+.emojione-diversity._1f935-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 77.14285714285714%;
+}
+
+.emojione-diversity._1f935-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 77.14285714285714%;
+}
+
+.emojione-diversity._1f935-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 77.14285714285714%;
+}
+
+.emojione-diversity._1f935-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 77.14285714285714%;
+}
+
+.emojione-diversity._1f478-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 77.14285714285714%;
+}
+
+.emojione-diversity._1f478-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 77.14285714285714%;
+}
+
+.emojione-diversity._1f478-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 77.14285714285714%;
+}
+
+.emojione-diversity._1f478-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 77.14285714285714%;
+}
+
+.emojione-diversity._1f478-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 77.14285714285714%;
+}
+
+.emojione-diversity._1f934-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 77.14285714285714%;
+}
+
+.emojione-diversity._1f934-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 77.14285714285714%;
+}
+
+.emojione-diversity._1f934-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 77.14285714285714%;
+}
+
+.emojione-diversity._1f934-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 77.14285714285714%;
+}
+
+.emojione-diversity._1f934-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 77.14285714285714%;
+}
+
+.emojione-diversity._1f936-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 77.14285714285714%;
+}
+
+.emojione-diversity._1f936-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 77.14285714285714%;
+}
+
+.emojione-diversity._1f936-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 77.14285714285714%;
+}
+
+.emojione-diversity._1f936-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 0%;
+}
+
+.emojione-diversity._1f936-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 2.857142857142857%;
+}
+
+.emojione-diversity._1f385-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 8.571428571428571%;
+}
+
+.emojione-diversity._1f385-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 11.428571428571429%;
+}
+
+.emojione-diversity._1f385-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 14.285714285714286%;
+}
+
+.emojione-diversity._1f385-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 17.142857142857142%;
+}
+
+.emojione-diversity._1f385-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 20%;
+}
+
+.emojione-diversity._1f9b8-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 25.714285714285715%;
+}
+
+.emojione-diversity._1f9b8-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 28.571428571428573%;
+}
+
+.emojione-diversity._1f9b8-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 31.428571428571427%;
+}
+
+.emojione-diversity._1f9b8-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 34.285714285714285%;
+}
+
+.emojione-diversity._1f9b8-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 37.142857142857146%;
+}
+
+.emojione-diversity._1f9b8-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 42.857142857142854%;
+}
+
+.emojione-diversity._1f9b8-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 45.714285714285715%;
+}
+
+.emojione-diversity._1f9b8-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 48.57142857142857%;
+}
+
+.emojione-diversity._1f9b8-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 51.42857142857143%;
+}
+
+.emojione-diversity._1f9b8-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 54.285714285714285%;
+}
+
+.emojione-diversity._1f9b8-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 60%;
+}
+
+.emojione-diversity._1f9b8-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 62.857142857142854%;
+}
+
+.emojione-diversity._1f9b8-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 65.71428571428571%;
+}
+
+.emojione-diversity._1f9b8-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 68.57142857142857%;
+}
+
+.emojione-diversity._1f9b8-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 71.42857142857143%;
+}
+
+.emojione-diversity._1f9b9-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 77.14285714285714%;
+}
+
+.emojione-diversity._1f9b9-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 80%;
+}
+
+.emojione-diversity._1f9b9-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 80%;
+}
+
+.emojione-diversity._1f9b9-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 80%;
+}
+
+.emojione-diversity._1f9b9-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 80%;
+}
+
+.emojione-diversity._1f9b9-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 80%;
+}
+
+.emojione-diversity._1f9b9-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 80%;
+}
+
+.emojione-diversity._1f9b9-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 80%;
+}
+
+.emojione-diversity._1f9b9-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 80%;
+}
+
+.emojione-diversity._1f9b9-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 80%;
+}
+
+.emojione-diversity._1f9b9-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 80%;
+}
+
+.emojione-diversity._1f9b9-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 80%;
+}
+
+.emojione-diversity._1f9b9-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 80%;
+}
+
+.emojione-diversity._1f9b9-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 80%;
+}
+
+.emojione-diversity._1f9b9-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 80%;
+}
+
+.emojione-diversity._1f9d9-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 80%;
+}
+
+.emojione-diversity._1f9d9-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 80%;
+}
+
+.emojione-diversity._1f9d9-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 80%;
+}
+
+.emojione-diversity._1f9d9-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 80%;
+}
+
+.emojione-diversity._1f9d9-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 80%;
+}
+
+.emojione-diversity._1f9d9-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 80%;
+}
+
+.emojione-diversity._1f9d9-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 80%;
+}
+
+.emojione-diversity._1f9d9-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 80%;
+}
+
+.emojione-diversity._1f9d9-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 80%;
+}
+
+.emojione-diversity._1f9d9-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 80%;
+}
+
+.emojione-diversity._1f9d9-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 0%;
+}
+
+.emojione-diversity._1f9d9-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 2.857142857142857%;
+}
+
+.emojione-diversity._1f9d9-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 5.714285714285714%;
+}
+
+.emojione-diversity._1f9d9-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 8.571428571428571%;
+}
+
+.emojione-diversity._1f9d9-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 11.428571428571429%;
+}
+
+.emojione-diversity._1f9dd-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 17.142857142857142%;
+}
+
+.emojione-diversity._1f9dd-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 20%;
+}
+
+.emojione-diversity._1f9dd-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 22.857142857142858%;
+}
+
+.emojione-diversity._1f9dd-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 25.714285714285715%;
+}
+
+.emojione-diversity._1f9dd-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 28.571428571428573%;
+}
+
+.emojione-diversity._1f9dd-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 34.285714285714285%;
+}
+
+.emojione-diversity._1f9dd-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 37.142857142857146%;
+}
+
+.emojione-diversity._1f9dd-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 40%;
+}
+
+.emojione-diversity._1f9dd-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 42.857142857142854%;
+}
+
+.emojione-diversity._1f9dd-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 45.714285714285715%;
+}
+
+.emojione-diversity._1f9dd-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 51.42857142857143%;
+}
+
+.emojione-diversity._1f9dd-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 54.285714285714285%;
+}
+
+.emojione-diversity._1f9dd-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 57.142857142857146%;
+}
+
+.emojione-diversity._1f9dd-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 60%;
+}
+
+.emojione-diversity._1f9dd-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 62.857142857142854%;
+}
+
+.emojione-diversity._1f9db-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 68.57142857142857%;
+}
+
+.emojione-diversity._1f9db-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 71.42857142857143%;
+}
+
+.emojione-diversity._1f9db-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 74.28571428571429%;
+}
+
+.emojione-diversity._1f9db-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 77.14285714285714%;
+}
+
+.emojione-diversity._1f9db-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 80%;
+}
+
+.emojione-diversity._1f9db-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 82.85714285714286%;
+}
+
+.emojione-diversity._1f9db-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 82.85714285714286%;
+}
+
+.emojione-diversity._1f9db-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 82.85714285714286%;
+}
+
+.emojione-diversity._1f9db-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 82.85714285714286%;
+}
+
+.emojione-diversity._1f9db-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 82.85714285714286%;
+}
+
+.emojione-diversity._1f9db-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 82.85714285714286%;
+}
+
+.emojione-diversity._1f9db-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 82.85714285714286%;
+}
+
+.emojione-diversity._1f9db-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 82.85714285714286%;
+}
+
+.emojione-diversity._1f9db-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 82.85714285714286%;
+}
+
+.emojione-diversity._1f9db-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 82.85714285714286%;
+}
+
+.emojione-diversity._1f9dc-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 82.85714285714286%;
+}
+
+.emojione-diversity._1f9dc-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 82.85714285714286%;
+}
+
+.emojione-diversity._1f9dc-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 82.85714285714286%;
+}
+
+.emojione-diversity._1f9dc-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 82.85714285714286%;
+}
+
+.emojione-diversity._1f9dc-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 82.85714285714286%;
+}
+
+.emojione-diversity._1f9dc-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 82.85714285714286%;
+}
+
+.emojione-diversity._1f9dc-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 82.85714285714286%;
+}
+
+.emojione-diversity._1f9dc-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 82.85714285714286%;
+}
+
+.emojione-diversity._1f9dc-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 82.85714285714286%;
+}
+
+.emojione-diversity._1f9dc-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 82.85714285714286%;
+}
+
+.emojione-diversity._1f9dc-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 2.857142857142857%;
+}
+
+.emojione-diversity._1f9dc-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 5.714285714285714%;
+}
+
+.emojione-diversity._1f9dc-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 8.571428571428571%;
+}
+
+.emojione-diversity._1f9dc-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 11.428571428571429%;
+}
+
+.emojione-diversity._1f9dc-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 14.285714285714286%;
+}
+
+.emojione-diversity._1f9da-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 20%;
+}
+
+.emojione-diversity._1f9da-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 22.857142857142858%;
+}
+
+.emojione-diversity._1f9da-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 25.714285714285715%;
+}
+
+.emojione-diversity._1f9da-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 28.571428571428573%;
+}
+
+.emojione-diversity._1f9da-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 31.428571428571427%;
+}
+
+.emojione-diversity._1f9da-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 37.142857142857146%;
+}
+
+.emojione-diversity._1f9da-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 40%;
+}
+
+.emojione-diversity._1f9da-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 42.857142857142854%;
+}
+
+.emojione-diversity._1f9da-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 45.714285714285715%;
+}
+
+.emojione-diversity._1f9da-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 48.57142857142857%;
+}
+
+.emojione-diversity._1f9da-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 54.285714285714285%;
+}
+
+.emojione-diversity._1f9da-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 57.142857142857146%;
+}
+
+.emojione-diversity._1f9da-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 60%;
+}
+
+.emojione-diversity._1f9da-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 62.857142857142854%;
+}
+
+.emojione-diversity._1f9da-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 65.71428571428571%;
+}
+
+.emojione-diversity._1f47c-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 71.42857142857143%;
+}
+
+.emojione-diversity._1f47c-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 74.28571428571429%;
+}
+
+.emojione-diversity._1f47c-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 77.14285714285714%;
+}
+
+.emojione-diversity._1f47c-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 80%;
+}
+
+.emojione-diversity._1f47c-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 82.85714285714286%;
+}
+
+.emojione-diversity._1f930-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 85.71428571428571%;
+}
+
+.emojione-diversity._1f930-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 85.71428571428571%;
+}
+
+.emojione-diversity._1f930-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 85.71428571428571%;
+}
+
+.emojione-diversity._1f930-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 85.71428571428571%;
+}
+
+.emojione-diversity._1f930-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 85.71428571428571%;
+}
+
+.emojione-diversity._1f931-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 85.71428571428571%;
+}
+
+.emojione-diversity._1f931-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 85.71428571428571%;
+}
+
+.emojione-diversity._1f931-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 85.71428571428571%;
+}
+
+.emojione-diversity._1f931-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 85.71428571428571%;
+}
+
+.emojione-diversity._1f931-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 85.71428571428571%;
+}
+
+.emojione-diversity._1f647-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 85.71428571428571%;
+}
+
+.emojione-diversity._1f647-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 85.71428571428571%;
+}
+
+.emojione-diversity._1f647-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 85.71428571428571%;
+}
+
+.emojione-diversity._1f647-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 85.71428571428571%;
+}
+
+.emojione-diversity._1f647-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 85.71428571428571%;
+}
+
+.emojione-diversity._1f647-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 85.71428571428571%;
+}
+
+.emojione-diversity._1f647-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 85.71428571428571%;
+}
+
+.emojione-diversity._1f647-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 85.71428571428571%;
+}
+
+.emojione-diversity._1f647-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 85.71428571428571%;
+}
+
+.emojione-diversity._1f647-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 85.71428571428571%;
+}
+
+.emojione-diversity._1f647-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 85.71428571428571%;
+}
+
+.emojione-diversity._1f647-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 85.71428571428571%;
+}
+
+.emojione-diversity._1f647-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 85.71428571428571%;
+}
+
+.emojione-diversity._1f647-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 85.71428571428571%;
+}
+
+.emojione-diversity._1f647-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 85.71428571428571%;
+}
+
+.emojione-diversity._1f481-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 0%;
+}
+
+.emojione-diversity._1f481-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 2.857142857142857%;
+}
+
+.emojione-diversity._1f481-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 5.714285714285714%;
+}
+
+.emojione-diversity._1f481-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 8.571428571428571%;
+}
+
+.emojione-diversity._1f481-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 11.428571428571429%;
+}
+
+.emojione-diversity._1f481-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 17.142857142857142%;
+}
+
+.emojione-diversity._1f481-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 20%;
+}
+
+.emojione-diversity._1f481-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 22.857142857142858%;
+}
+
+.emojione-diversity._1f481-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 25.714285714285715%;
+}
+
+.emojione-diversity._1f481-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 28.571428571428573%;
+}
+
+.emojione-diversity._1f481-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 34.285714285714285%;
+}
+
+.emojione-diversity._1f481-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 37.142857142857146%;
+}
+
+.emojione-diversity._1f481-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 40%;
+}
+
+.emojione-diversity._1f481-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 42.857142857142854%;
+}
+
+.emojione-diversity._1f481-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 45.714285714285715%;
+}
+
+.emojione-diversity._1f645-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 51.42857142857143%;
+}
+
+.emojione-diversity._1f645-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 54.285714285714285%;
+}
+
+.emojione-diversity._1f645-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 57.142857142857146%;
+}
+
+.emojione-diversity._1f645-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 60%;
+}
+
+.emojione-diversity._1f645-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 62.857142857142854%;
+}
+
+.emojione-diversity._1f645-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 68.57142857142857%;
+}
+
+.emojione-diversity._1f645-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 71.42857142857143%;
+}
+
+.emojione-diversity._1f645-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 74.28571428571429%;
+}
+
+.emojione-diversity._1f645-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 77.14285714285714%;
+}
+
+.emojione-diversity._1f645-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 80%;
+}
+
+.emojione-diversity._1f645-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 85.71428571428571%;
+}
+
+.emojione-diversity._1f645-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 88.57142857142857%;
+}
+
+.emojione-diversity._1f645-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 88.57142857142857%;
+}
+
+.emojione-diversity._1f645-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 88.57142857142857%;
+}
+
+.emojione-diversity._1f645-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 88.57142857142857%;
+}
+
+.emojione-diversity._1f646-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 88.57142857142857%;
+}
+
+.emojione-diversity._1f646-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 88.57142857142857%;
+}
+
+.emojione-diversity._1f646-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 88.57142857142857%;
+}
+
+.emojione-diversity._1f646-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 88.57142857142857%;
+}
+
+.emojione-diversity._1f646-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 88.57142857142857%;
+}
+
+.emojione-diversity._1f646-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 88.57142857142857%;
+}
+
+.emojione-diversity._1f646-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 88.57142857142857%;
+}
+
+.emojione-diversity._1f646-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 88.57142857142857%;
+}
+
+.emojione-diversity._1f646-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 88.57142857142857%;
+}
+
+.emojione-diversity._1f646-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 88.57142857142857%;
+}
+
+.emojione-diversity._1f646-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 88.57142857142857%;
+}
+
+.emojione-diversity._1f646-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 88.57142857142857%;
+}
+
+.emojione-diversity._1f646-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 88.57142857142857%;
+}
+
+.emojione-diversity._1f646-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 88.57142857142857%;
+}
+
+.emojione-diversity._1f646-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 88.57142857142857%;
+}
+
+.emojione-diversity._1f64b-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 88.57142857142857%;
+}
+
+.emojione-diversity._1f64b-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 88.57142857142857%;
+}
+
+.emojione-diversity._1f64b-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 88.57142857142857%;
+}
+
+.emojione-diversity._1f64b-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 88.57142857142857%;
+}
+
+.emojione-diversity._1f64b-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 88.57142857142857%;
+}
+
+.emojione-diversity._1f64b-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 88.57142857142857%;
+}
+
+.emojione-diversity._1f64b-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 88.57142857142857%;
+}
+
+.emojione-diversity._1f64b-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 88.57142857142857%;
+}
+
+.emojione-diversity._1f64b-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 0%;
+}
+
+.emojione-diversity._1f64b-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 2.857142857142857%;
+}
+
+.emojione-diversity._1f64b-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 8.571428571428571%;
+}
+
+.emojione-diversity._1f64b-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 11.428571428571429%;
+}
+
+.emojione-diversity._1f64b-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 14.285714285714286%;
+}
+
+.emojione-diversity._1f64b-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 17.142857142857142%;
+}
+
+.emojione-diversity._1f64b-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 20%;
+}
+
+.emojione-diversity._1f926-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 25.714285714285715%;
+}
+
+.emojione-diversity._1f926-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 28.571428571428573%;
+}
+
+.emojione-diversity._1f926-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 31.428571428571427%;
+}
+
+.emojione-diversity._1f926-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 34.285714285714285%;
+}
+
+.emojione-diversity._1f926-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 37.142857142857146%;
+}
+
+.emojione-diversity._1f926-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 42.857142857142854%;
+}
+
+.emojione-diversity._1f926-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 45.714285714285715%;
+}
+
+.emojione-diversity._1f926-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 48.57142857142857%;
+}
+
+.emojione-diversity._1f926-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 51.42857142857143%;
+}
+
+.emojione-diversity._1f926-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 54.285714285714285%;
+}
+
+.emojione-diversity._1f926-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 60%;
+}
+
+.emojione-diversity._1f926-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 62.857142857142854%;
+}
+
+.emojione-diversity._1f926-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 65.71428571428571%;
+}
+
+.emojione-diversity._1f926-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 68.57142857142857%;
+}
+
+.emojione-diversity._1f926-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 71.42857142857143%;
+}
+
+.emojione-diversity._1f937-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 77.14285714285714%;
+}
+
+.emojione-diversity._1f937-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 80%;
+}
+
+.emojione-diversity._1f937-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 82.85714285714286%;
+}
+
+.emojione-diversity._1f937-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 85.71428571428571%;
+}
+
+.emojione-diversity._1f937-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 88.57142857142857%;
+}
+
+.emojione-diversity._1f937-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 91.42857142857143%;
+}
+
+.emojione-diversity._1f937-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 91.42857142857143%;
+}
+
+.emojione-diversity._1f937-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 91.42857142857143%;
+}
+
+.emojione-diversity._1f937-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 91.42857142857143%;
+}
+
+.emojione-diversity._1f937-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 91.42857142857143%;
+}
+
+.emojione-diversity._1f937-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 91.42857142857143%;
+}
+
+.emojione-diversity._1f937-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 91.42857142857143%;
+}
+
+.emojione-diversity._1f937-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 91.42857142857143%;
+}
+
+.emojione-diversity._1f937-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 91.42857142857143%;
+}
+
+.emojione-diversity._1f937-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 91.42857142857143%;
+}
+
+.emojione-diversity._1f64e-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 91.42857142857143%;
+}
+
+.emojione-diversity._1f64e-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 91.42857142857143%;
+}
+
+.emojione-diversity._1f64e-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 91.42857142857143%;
+}
+
+.emojione-diversity._1f64e-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 91.42857142857143%;
+}
+
+.emojione-diversity._1f64e-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 91.42857142857143%;
+}
+
+.emojione-diversity._1f64e-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 91.42857142857143%;
+}
+
+.emojione-diversity._1f64e-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 91.42857142857143%;
+}
+
+.emojione-diversity._1f64e-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 91.42857142857143%;
+}
+
+.emojione-diversity._1f64e-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 91.42857142857143%;
+}
+
+.emojione-diversity._1f64e-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 91.42857142857143%;
+}
+
+.emojione-diversity._1f64e-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 91.42857142857143%;
+}
+
+.emojione-diversity._1f64e-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 91.42857142857143%;
+}
+
+.emojione-diversity._1f64e-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 91.42857142857143%;
+}
+
+.emojione-diversity._1f64e-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 91.42857142857143%;
+}
+
+.emojione-diversity._1f64e-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 91.42857142857143%;
+}
+
+.emojione-diversity._1f64d-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 91.42857142857143%;
+}
+
+.emojione-diversity._1f64d-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 91.42857142857143%;
+}
+
+.emojione-diversity._1f64d-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 0%;
+}
+
+.emojione-diversity._1f64d-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 2.857142857142857%;
+}
+
+.emojione-diversity._1f64d-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 5.714285714285714%;
+}
+
+.emojione-diversity._1f64d-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 11.428571428571429%;
+}
+
+.emojione-diversity._1f64d-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 14.285714285714286%;
+}
+
+.emojione-diversity._1f64d-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 17.142857142857142%;
+}
+
+.emojione-diversity._1f64d-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 20%;
+}
+
+.emojione-diversity._1f64d-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 22.857142857142858%;
+}
+
+.emojione-diversity._1f64d-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 28.571428571428573%;
+}
+
+.emojione-diversity._1f64d-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 31.428571428571427%;
+}
+
+.emojione-diversity._1f64d-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 34.285714285714285%;
+}
+
+.emojione-diversity._1f64d-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 37.142857142857146%;
+}
+
+.emojione-diversity._1f64d-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 40%;
+}
+
+.emojione-diversity._1f487-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 45.714285714285715%;
+}
+
+.emojione-diversity._1f487-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 48.57142857142857%;
+}
+
+.emojione-diversity._1f487-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 51.42857142857143%;
+}
+
+.emojione-diversity._1f487-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 54.285714285714285%;
+}
+
+.emojione-diversity._1f487-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 57.142857142857146%;
+}
+
+.emojione-diversity._1f487-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 62.857142857142854%;
+}
+
+.emojione-diversity._1f487-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 65.71428571428571%;
+}
+
+.emojione-diversity._1f487-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 68.57142857142857%;
+}
+
+.emojione-diversity._1f487-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 71.42857142857143%;
+}
+
+.emojione-diversity._1f487-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 74.28571428571429%;
+}
+
+.emojione-diversity._1f487-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 80%;
+}
+
+.emojione-diversity._1f487-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 82.85714285714286%;
+}
+
+.emojione-diversity._1f487-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 85.71428571428571%;
+}
+
+.emojione-diversity._1f487-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 88.57142857142857%;
+}
+
+.emojione-diversity._1f487-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 91.42857142857143%;
+}
+
+.emojione-diversity._1f486-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 2.7777777777777777% 94.28571428571429%;
+}
+
+.emojione-diversity._1f486-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 94.28571428571429%;
+}
+
+.emojione-diversity._1f486-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 94.28571428571429%;
+}
+
+.emojione-diversity._1f486-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 94.28571428571429%;
+}
+
+.emojione-diversity._1f486-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 94.28571428571429%;
+}
+
+.emojione-diversity._1f486-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 19.444444444444443% 94.28571428571429%;
+}
+
+.emojione-diversity._1f486-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 94.28571428571429%;
+}
+
+.emojione-diversity._1f486-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 94.28571428571429%;
+}
+
+.emojione-diversity._1f486-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 94.28571428571429%;
+}
+
+.emojione-diversity._1f486-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 94.28571428571429%;
+}
+
+.emojione-diversity._1f486-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 36.111111111111114% 94.28571428571429%;
+}
+
+.emojione-diversity._1f486-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 94.28571428571429%;
+}
+
+.emojione-diversity._1f486-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 94.28571428571429%;
+}
+
+.emojione-diversity._1f486-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 94.28571428571429%;
+}
+
+.emojione-diversity._1f486-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 94.28571428571429%;
+}
+
+.emojione-diversity._1f9d6-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 52.77777777777778% 94.28571428571429%;
+}
+
+.emojione-diversity._1f9d6-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 94.28571428571429%;
+}
+
+.emojione-diversity._1f9d6-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 94.28571428571429%;
+}
+
+.emojione-diversity._1f9d6-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 94.28571428571429%;
+}
+
+.emojione-diversity._1f9d6-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 94.28571428571429%;
+}
+
+.emojione-diversity._1f9d6-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 69.44444444444444% 94.28571428571429%;
+}
+
+.emojione-diversity._1f9d6-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 94.28571428571429%;
+}
+
+.emojione-diversity._1f9d6-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 94.28571428571429%;
+}
+
+.emojione-diversity._1f9d6-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 94.28571428571429%;
+}
+
+.emojione-diversity._1f9d6-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 94.28571428571429%;
+}
+
+.emojione-diversity._1f9d6-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 86.11111111111111% 94.28571428571429%;
+}
+
+.emojione-diversity._1f9d6-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 94.28571428571429%;
+}
+
+.emojione-diversity._1f9d6-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 94.28571428571429%;
+}
+
+.emojione-diversity._1f9d6-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 0%;
+}
+
+.emojione-diversity._1f9d6-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 2.857142857142857%;
+}
+
+.emojione-diversity._1f485-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 8.571428571428571%;
+}
+
+.emojione-diversity._1f485-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 11.428571428571429%;
+}
+
+.emojione-diversity._1f485-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 14.285714285714286%;
+}
+
+.emojione-diversity._1f485-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 17.142857142857142%;
+}
+
+.emojione-diversity._1f485-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 20%;
+}
+
+.emojione-diversity._1f933-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 25.714285714285715%;
+}
+
+.emojione-diversity._1f933-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 28.571428571428573%;
+}
+
+.emojione-diversity._1f933-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 31.428571428571427%;
+}
+
+.emojione-diversity._1f933-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 34.285714285714285%;
+}
+
+.emojione-diversity._1f933-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 37.142857142857146%;
+}
+
+.emojione-diversity._1f483-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 42.857142857142854%;
+}
+
+.emojione-diversity._1f483-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 45.714285714285715%;
+}
+
+.emojione-diversity._1f483-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 48.57142857142857%;
+}
+
+.emojione-diversity._1f483-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 51.42857142857143%;
+}
+
+.emojione-diversity._1f483-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 54.285714285714285%;
+}
+
+.emojione-diversity._1f57a-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 60%;
+}
+
+.emojione-diversity._1f57a-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 62.857142857142854%;
+}
+
+.emojione-diversity._1f57a-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 65.71428571428571%;
+}
+
+.emojione-diversity._1f57a-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 68.57142857142857%;
+}
+
+.emojione-diversity._1f57a-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 71.42857142857143%;
+}
+
+.emojione-diversity._1f574-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 85.71428571428571%;
+}
+
+.emojione-diversity._1f574-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 88.57142857142857%;
+}
+
+.emojione-diversity._1f574-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 91.42857142857143%;
+}
+
+.emojione-diversity._1f574-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 94.28571428571429%;
+}
+
+.emojione-diversity._1f574-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 0% 97.14285714285714%;
+}
+
+.emojione-diversity._1f6b6-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 5.555555555555555% 97.14285714285714%;
+}
+
+.emojione-diversity._1f6b6-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 8.333333333333334% 97.14285714285714%;
+}
+
+.emojione-diversity._1f6b6-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 11.11111111111111% 97.14285714285714%;
+}
+
+.emojione-diversity._1f6b6-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 13.88888888888889% 97.14285714285714%;
+}
+
+.emojione-diversity._1f6b6-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 16.666666666666668% 97.14285714285714%;
+}
+
+.emojione-diversity._1f6b6-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 22.22222222222222% 97.14285714285714%;
+}
+
+.emojione-diversity._1f6b6-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 25% 97.14285714285714%;
+}
+
+.emojione-diversity._1f6b6-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 27.77777777777778% 97.14285714285714%;
+}
+
+.emojione-diversity._1f6b6-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 30.555555555555557% 97.14285714285714%;
+}
+
+.emojione-diversity._1f6b6-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 33.333333333333336% 97.14285714285714%;
+}
+
+.emojione-diversity._1f6b6-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 38.888888888888886% 97.14285714285714%;
+}
+
+.emojione-diversity._1f6b6-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 41.666666666666664% 97.14285714285714%;
+}
+
+.emojione-diversity._1f6b6-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 44.44444444444444% 97.14285714285714%;
+}
+
+.emojione-diversity._1f6b6-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 47.22222222222222% 97.14285714285714%;
+}
+
+.emojione-diversity._1f6b6-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 50% 97.14285714285714%;
+}
+
+.emojione-diversity._1f3c3-1f3fb {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 55.55555555555556% 97.14285714285714%;
+}
+
+.emojione-diversity._1f3c3-1f3fc {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 58.333333333333336% 97.14285714285714%;
+}
+
+.emojione-diversity._1f3c3-1f3fd {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 61.111111111111114% 97.14285714285714%;
+}
+
+.emojione-diversity._1f3c3-1f3fe {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 63.888888888888886% 97.14285714285714%;
+}
+
+.emojione-diversity._1f3c3-1f3ff {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 66.66666666666667% 97.14285714285714%;
+}
+
+.emojione-diversity._1f3c3-1f3fb-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 72.22222222222223% 97.14285714285714%;
+}
+
+.emojione-diversity._1f3c3-1f3fc-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 75% 97.14285714285714%;
+}
+
+.emojione-diversity._1f3c3-1f3fd-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 77.77777777777777% 97.14285714285714%;
+}
+
+.emojione-diversity._1f3c3-1f3fe-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 80.55555555555556% 97.14285714285714%;
+}
+
+.emojione-diversity._1f3c3-1f3ff-2640 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 83.33333333333333% 97.14285714285714%;
+}
+
+.emojione-diversity._1f3c3-1f3fb-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 88.88888888888889% 97.14285714285714%;
+}
+
+.emojione-diversity._1f3c3-1f3fc-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 91.66666666666667% 97.14285714285714%;
+}
+
+.emojione-diversity._1f3c3-1f3fd-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 94.44444444444444% 97.14285714285714%;
+}
+
+.emojione-diversity._1f3c3-1f3fe-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 0%;
+}
+
+.emojione-diversity._1f3c3-1f3ff-2642 {
+ background-image: url('/packages/emojione/people-sprites.png');
+ background-repeat: no-repeat;
+ background-size: 3700% 3600%;
+ background-position: 97.22222222222223% 2.857142857142857%;
+}
diff --git a/app/emoji-emojione/client/regional-sprites.css b/app/emoji-emojione/client/regional-sprites.css
new file mode 100644
index 0000000000000..c9666b0cf7ace
--- /dev/null
+++ b/app/emoji-emojione/client/regional-sprites.css
@@ -0,0 +1,163 @@
+/* stylelint-disable */
+
+.emojione-regional {
+ background-image: url('/packages/emojione/regional-sprites.png');
+
+ &._1f1f2 {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 0% 0%;
+ }
+
+ &._1f1ff {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 20% 0%;
+ }
+
+ &._1f1fd {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 0% 25%;
+ }
+
+ &._1f1fc {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 20% 25%;
+ }
+
+ &._1f1fb {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 40% 0%;
+ }
+
+ &._1f1fa {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 40% 25%;
+ }
+
+ &._1f1f9 {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 0% 50%;
+ }
+
+ &._1f1f8 {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 20% 50%;
+ }
+
+ &._1f1f7 {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 40% 50%;
+ }
+
+ &._1f1f6 {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 60% 0%;
+ }
+
+ &._1f1f5 {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 60% 25%;
+ }
+
+ &._1f1f4 {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 60% 50%;
+ }
+
+ &._1f1f3 {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 0% 75%;
+ }
+
+ &._1f1fe {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 20% 75%;
+ }
+
+ &._1f1f1 {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 40% 75%;
+ }
+
+ &._1f1f0 {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 60% 75%;
+ }
+
+ &._1f1ef {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 80% 0%;
+ }
+
+ &._1f1ee {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 80% 25%;
+ }
+
+ &._1f1ed {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 80% 50%;
+ }
+
+ &._1f1ec {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 80% 75%;
+ }
+
+ &._1f1eb {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 0% 100%;
+ }
+
+ &._1f1ea {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 20% 100%;
+ }
+
+ &._1f1e9 {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 40% 100%;
+ }
+
+ &._1f1e8 {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 60% 100%;
+ }
+
+ &._1f1e7 {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 80% 100%;
+ }
+
+ &._1f1e6 {
+ background-repeat: no-repeat;
+ background-size: 600% 500%;
+ background-position: 100% 0%;
+ }
+
+}
+
diff --git a/app/emoji-emojione/client/symbols-sprites.css b/app/emoji-emojione/client/symbols-sprites.css
new file mode 100644
index 0000000000000..0910d13a88e18
--- /dev/null
+++ b/app/emoji-emojione/client/symbols-sprites.css
@@ -0,0 +1,1747 @@
+/* stylelint-disable */
+
+.emojione-symbols {
+ background-image: url('/packages/emojione/symbols-sprites.png');
+
+ &._1f6c5 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 0% 0%;
+ }
+
+ &._2049 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 5.882352941176471% 0%;
+ }
+
+ &._2139 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 0% 6.25%;
+ }
+
+ &._2194 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 5.882352941176471% 6.25%;
+ }
+
+ &._2195 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 11.764705882352942% 0%;
+ }
+
+ &._2196 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 11.764705882352942% 6.25%;
+ }
+
+ &._2197 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 0% 12.5%;
+ }
+
+ &._2198 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 5.882352941176471% 12.5%;
+ }
+
+ &._2199 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 11.764705882352942% 12.5%;
+ }
+
+ &._2611 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 17.647058823529413% 0%;
+ }
+
+ &._2622 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 17.647058823529413% 6.25%;
+ }
+
+ &._2623 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 17.647058823529413% 12.5%;
+ }
+
+ &._2626 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 0% 18.75%;
+ }
+
+ &._2638 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 5.882352941176471% 18.75%;
+ }
+
+ &._2640 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 11.764705882352942% 18.75%;
+ }
+
+ &._2642 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 17.647058823529413% 18.75%;
+ }
+
+ &._2648 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 23.529411764705884% 0%;
+ }
+
+ &._2649 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 23.529411764705884% 6.25%;
+ }
+
+ &._2650 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 23.529411764705884% 12.5%;
+ }
+
+ &._2651 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 23.529411764705884% 18.75%;
+ }
+
+ &._2652 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 0% 25%;
+ }
+
+ &._2653 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 5.882352941176471% 25%;
+ }
+
+ &._2660 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 11.764705882352942% 25%;
+ }
+
+ &._2663 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 17.647058823529413% 25%;
+ }
+
+ &._2665 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 23.529411764705884% 25%;
+ }
+
+ &._2666 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 29.41176470588235% 0%;
+ }
+
+ &._2668 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 29.41176470588235% 6.25%;
+ }
+
+ &._2695 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 29.41176470588235% 12.5%;
+ }
+
+ &._2705 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 29.41176470588235% 18.75%;
+ }
+
+ &._2714 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 29.41176470588235% 25%;
+ }
+
+ &._2716 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 0% 31.25%;
+ }
+
+ &._2721 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 5.882352941176471% 31.25%;
+ }
+
+ &._2733 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 11.764705882352942% 31.25%;
+ }
+
+ &._2734 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 17.647058823529413% 31.25%;
+ }
+
+ &._2747 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 23.529411764705884% 31.25%;
+ }
+
+ &._2753 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 29.41176470588235% 31.25%;
+ }
+
+ &._2754 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 35.294117647058826% 0%;
+ }
+
+ &._2755 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 35.294117647058826% 6.25%;
+ }
+
+ &._2757 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 35.294117647058826% 12.5%;
+ }
+
+ &._2763 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 35.294117647058826% 18.75%;
+ }
+
+ &._2764 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 35.294117647058826% 25%;
+ }
+
+ &._2795 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 35.294117647058826% 31.25%;
+ }
+
+ &._2796 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 0% 37.5%;
+ }
+
+ &._2797 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 5.882352941176471% 37.5%;
+ }
+
+ &._2934 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 11.764705882352942% 37.5%;
+ }
+
+ &._2935 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 17.647058823529413% 37.5%;
+ }
+
+ &._3030 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 23.529411764705884% 37.5%;
+ }
+
+ &._3297 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 29.41176470588235% 37.5%;
+ }
+
+ &._3299 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 35.294117647058826% 37.5%;
+ }
+
+ &._1f9e1 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 41.1764705882353% 0%;
+ }
+
+ &._1f49b {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 41.1764705882353% 6.25%;
+ }
+
+ &._1f49a {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 41.1764705882353% 12.5%;
+ }
+
+ &._1f499 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 41.1764705882353% 18.75%;
+ }
+
+ &._1f49c {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 41.1764705882353% 25%;
+ }
+
+ &._1f5a4 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 41.1764705882353% 31.25%;
+ }
+
+ &._1f494 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 41.1764705882353% 37.5%;
+ }
+
+ &._1f495 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 0% 43.75%;
+ }
+
+ &._1f49e {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 5.882352941176471% 43.75%;
+ }
+
+ &._1f493 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 11.764705882352942% 43.75%;
+ }
+
+ &._1f497 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 17.647058823529413% 43.75%;
+ }
+
+ &._1f496 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 23.529411764705884% 43.75%;
+ }
+
+ &._1f498 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 29.41176470588235% 43.75%;
+ }
+
+ &._1f49d {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 35.294117647058826% 43.75%;
+ }
+
+ &._1f49f {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 41.1764705882353% 43.75%;
+ }
+
+ &._262e {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 47.05882352941177% 0%;
+ }
+
+ &._271d {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 47.05882352941177% 6.25%;
+ }
+
+ &._262a {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 47.05882352941177% 12.5%;
+ }
+
+ &._1f549 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 47.05882352941177% 18.75%;
+ }
+
+ &._1f52f {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 47.05882352941177% 25%;
+ }
+
+ &._1f54e {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 47.05882352941177% 31.25%;
+ }
+
+ &._262f {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 47.05882352941177% 37.5%;
+ }
+
+ &._1f6d0 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 47.05882352941177% 43.75%;
+ }
+
+ &._26ce {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 0% 50%;
+ }
+
+ &._264a {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 5.882352941176471% 50%;
+ }
+
+ &._264b {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 11.764705882352942% 50%;
+ }
+
+ &._264c {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 17.647058823529413% 50%;
+ }
+
+ &._264d {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 23.529411764705884% 50%;
+ }
+
+ &._264e {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 29.41176470588235% 50%;
+ }
+
+ &._264f {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 35.294117647058826% 50%;
+ }
+
+ &._1f194 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 41.1764705882353% 50%;
+ }
+
+ &._269b {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 47.05882352941177% 50%;
+ }
+
+ &._267e {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 52.94117647058823% 0%;
+ }
+
+ &._1f251 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 52.94117647058823% 6.25%;
+ }
+
+ &._1f4f4 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 52.94117647058823% 12.5%;
+ }
+
+ &._1f4f3 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 52.94117647058823% 18.75%;
+ }
+
+ &._1f236 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 52.94117647058823% 25%;
+ }
+
+ &._1f21a {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 52.94117647058823% 31.25%;
+ }
+
+ &._1f238 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 52.94117647058823% 37.5%;
+ }
+
+ &._1f23a {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 52.94117647058823% 43.75%;
+ }
+
+ &._1f237 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 52.94117647058823% 50%;
+ }
+
+ &._1f19a {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 0% 56.25%;
+ }
+
+ &._1f4ae {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 5.882352941176471% 56.25%;
+ }
+
+ &._1f250 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 11.764705882352942% 56.25%;
+ }
+
+ &._1f234 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 17.647058823529413% 56.25%;
+ }
+
+ &._1f235 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 23.529411764705884% 56.25%;
+ }
+
+ &._1f239 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 29.41176470588235% 56.25%;
+ }
+
+ &._1f232 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 35.294117647058826% 56.25%;
+ }
+
+ &._1f170 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 41.1764705882353% 56.25%;
+ }
+
+ &._1f171 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 47.05882352941177% 56.25%;
+ }
+
+ &._1f18e {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 52.94117647058823% 56.25%;
+ }
+
+ &._1f191 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 58.8235294117647% 0%;
+ }
+
+ &._1f17e {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 58.8235294117647% 6.25%;
+ }
+
+ &._1f198 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 58.8235294117647% 12.5%;
+ }
+
+ &._274c {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 58.8235294117647% 18.75%;
+ }
+
+ &._2b55 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 58.8235294117647% 25%;
+ }
+
+ &._1f6d1 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 58.8235294117647% 31.25%;
+ }
+
+ &._26d4 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 58.8235294117647% 37.5%;
+ }
+
+ &._1f4db {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 58.8235294117647% 43.75%;
+ }
+
+ &._1f6ab {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 58.8235294117647% 50%;
+ }
+
+ &._1f4af {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 58.8235294117647% 56.25%;
+ }
+
+ &._1f4a2 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 0% 62.5%;
+ }
+
+ &._1f6b7 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 5.882352941176471% 62.5%;
+ }
+
+ &._1f6af {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 11.764705882352942% 62.5%;
+ }
+
+ &._1f6b3 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 17.647058823529413% 62.5%;
+ }
+
+ &._1f6b1 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 23.529411764705884% 62.5%;
+ }
+
+ &._1f51e {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 29.41176470588235% 62.5%;
+ }
+
+ &._1f4f5 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 35.294117647058826% 62.5%;
+ }
+
+ &._1f6ad {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 41.1764705882353% 62.5%;
+ }
+
+ &._203c {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 47.05882352941177% 62.5%;
+ }
+
+ &._1f505 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 52.94117647058823% 62.5%;
+ }
+
+ &._1f506 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 58.8235294117647% 62.5%;
+ }
+
+ &._303d {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 64.70588235294117% 0%;
+ }
+
+ &._26a0 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 64.70588235294117% 6.25%;
+ }
+
+ &._1f6b8 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 64.70588235294117% 12.5%;
+ }
+
+ &._1f531 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 64.70588235294117% 18.75%;
+ }
+
+ &._269c {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 64.70588235294117% 25%;
+ }
+
+ &._1f530 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 64.70588235294117% 31.25%;
+ }
+
+ &._267b {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 64.70588235294117% 37.5%;
+ }
+
+ &._1f22f {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 64.70588235294117% 43.75%;
+ }
+
+ &._1f4b9 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 64.70588235294117% 50%;
+ }
+
+ &._274e {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 64.70588235294117% 56.25%;
+ }
+
+ &._1f310 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 64.70588235294117% 62.5%;
+ }
+
+ &._1f4a0 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 0% 68.75%;
+ }
+
+ &._24c2 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 5.882352941176471% 68.75%;
+ }
+
+ &._1f300 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 11.764705882352942% 68.75%;
+ }
+
+ &._1f4a4 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 17.647058823529413% 68.75%;
+ }
+
+ &._1f3e7 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 23.529411764705884% 68.75%;
+ }
+
+ &._1f6be {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 29.41176470588235% 68.75%;
+ }
+
+ &._267f {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 35.294117647058826% 68.75%;
+ }
+
+ &._1f17f {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 41.1764705882353% 68.75%;
+ }
+
+ &._1f233 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 47.05882352941177% 68.75%;
+ }
+
+ &._1f202 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 52.94117647058823% 68.75%;
+ }
+
+ &._1f6c2 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 58.8235294117647% 68.75%;
+ }
+
+ &._1f6c3 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 64.70588235294117% 68.75%;
+ }
+
+ &._1f6c4 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 70.58823529411765% 0%;
+ }
+
+ &._2122 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 70.58823529411765% 6.25%;
+ }
+
+ &._1f6b9 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 70.58823529411765% 12.5%;
+ }
+
+ &._1f6ba {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 70.58823529411765% 18.75%;
+ }
+
+ &._1f6bc {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 70.58823529411765% 25%;
+ }
+
+ &._1f6bb {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 70.58823529411765% 31.25%;
+ }
+
+ &._1f6ae {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 70.58823529411765% 37.5%;
+ }
+
+ &._1f3a6 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 70.58823529411765% 43.75%;
+ }
+
+ &._1f4f6 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 70.58823529411765% 50%;
+ }
+
+ &._1f201 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 70.58823529411765% 56.25%;
+ }
+
+ &._1f523 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 70.58823529411765% 62.5%;
+ }
+
+ &._1f524 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 70.58823529411765% 68.75%;
+ }
+
+ &._1f521 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 0% 75%;
+ }
+
+ &._1f520 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 5.882352941176471% 75%;
+ }
+
+ &._1f196 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 11.764705882352942% 75%;
+ }
+
+ &._1f197 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 17.647058823529413% 75%;
+ }
+
+ &._1f199 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 23.529411764705884% 75%;
+ }
+
+ &._1f192 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 29.41176470588235% 75%;
+ }
+
+ &._1f195 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 35.294117647058826% 75%;
+ }
+
+ &._1f193 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 41.1764705882353% 75%;
+ }
+
+ &._0030-20e3 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 47.05882352941177% 75%;
+ }
+
+ &._0031-20e3 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 52.94117647058823% 75%;
+ }
+
+ &._0032-20e3 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 58.8235294117647% 75%;
+ }
+
+ &._0033-20e3 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 64.70588235294117% 75%;
+ }
+
+ &._0034-20e3 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 70.58823529411765% 75%;
+ }
+
+ &._0035-20e3 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 76.47058823529412% 0%;
+ }
+
+ &._0036-20e3 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 76.47058823529412% 6.25%;
+ }
+
+ &._0037-20e3 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 76.47058823529412% 12.5%;
+ }
+
+ &._0038-20e3 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 76.47058823529412% 18.75%;
+ }
+
+ &._0039-20e3 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 76.47058823529412% 25%;
+ }
+
+ &._1f51f {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 76.47058823529412% 31.25%;
+ }
+
+ &._1f522 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 76.47058823529412% 37.5%;
+ }
+
+ &._0023-20e3 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 76.47058823529412% 43.75%;
+ }
+
+ &._002a-20e3 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 76.47058823529412% 50%;
+ }
+
+ &._23cf {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 76.47058823529412% 56.25%;
+ }
+
+ &._25b6 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 76.47058823529412% 62.5%;
+ }
+
+ &._23f8 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 76.47058823529412% 68.75%;
+ }
+
+ &._23ef {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 76.47058823529412% 75%;
+ }
+
+ &._23f9 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 0% 81.25%;
+ }
+
+ &._23fa {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 5.882352941176471% 81.25%;
+ }
+
+ &._23ed {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 11.764705882352942% 81.25%;
+ }
+
+ &._23ee {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 17.647058823529413% 81.25%;
+ }
+
+ &._23e9 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 23.529411764705884% 81.25%;
+ }
+
+ &._23ea {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 29.41176470588235% 81.25%;
+ }
+
+ &._23eb {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 35.294117647058826% 81.25%;
+ }
+
+ &._23ec {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 41.1764705882353% 81.25%;
+ }
+
+ &._25c0 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 47.05882352941177% 81.25%;
+ }
+
+ &._1f53c {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 52.94117647058823% 81.25%;
+ }
+
+ &._1f53d {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 58.8235294117647% 81.25%;
+ }
+
+ &._27a1 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 64.70588235294117% 81.25%;
+ }
+
+ &._2b05 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 70.58823529411765% 81.25%;
+ }
+
+ &._2b06 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 76.47058823529412% 81.25%;
+ }
+
+ &._2b07 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 82.3529411764706% 0%;
+ }
+
+ &._21aa {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 82.3529411764706% 6.25%;
+ }
+
+ &._21a9 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 82.3529411764706% 12.5%;
+ }
+
+ &._1f500 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 82.3529411764706% 18.75%;
+ }
+
+ &._1f501 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 82.3529411764706% 25%;
+ }
+
+ &._1f502 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 82.3529411764706% 31.25%;
+ }
+
+ &._1f504 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 82.3529411764706% 37.5%;
+ }
+
+ &._1f503 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 82.3529411764706% 43.75%;
+ }
+
+ &._1f3b5 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 82.3529411764706% 50%;
+ }
+
+ &._1f3b6 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 82.3529411764706% 56.25%;
+ }
+
+ &._1f4b2 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 82.3529411764706% 62.5%;
+ }
+
+ &._1f4b1 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 82.3529411764706% 68.75%;
+ }
+
+ &._00a9 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 82.3529411764706% 75%;
+ }
+
+ &._00ae {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 82.3529411764706% 81.25%;
+ }
+
+ &._27b0 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 0% 87.5%;
+ }
+
+ &._27bf {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 5.882352941176471% 87.5%;
+ }
+
+ &._1f51a {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 11.764705882352942% 87.5%;
+ }
+
+ &._1f519 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 17.647058823529413% 87.5%;
+ }
+
+ &._1f51b {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 23.529411764705884% 87.5%;
+ }
+
+ &._1f51d {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 29.41176470588235% 87.5%;
+ }
+
+ &._1f51c {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 35.294117647058826% 87.5%;
+ }
+
+ &._1f518 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 41.1764705882353% 87.5%;
+ }
+
+ &._26aa {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 47.05882352941177% 87.5%;
+ }
+
+ &._26ab {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 52.94117647058823% 87.5%;
+ }
+
+ &._1f534 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 58.8235294117647% 87.5%;
+ }
+
+ &._1f535 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 64.70588235294117% 87.5%;
+ }
+
+ &._1f53a {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 70.58823529411765% 87.5%;
+ }
+
+ &._1f53b {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 76.47058823529412% 87.5%;
+ }
+
+ &._1f538 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 82.3529411764706% 87.5%;
+ }
+
+ &._1f539 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 88.23529411764706% 0%;
+ }
+
+ &._1f536 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 88.23529411764706% 6.25%;
+ }
+
+ &._1f537 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 88.23529411764706% 12.5%;
+ }
+
+ &._1f533 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 88.23529411764706% 18.75%;
+ }
+
+ &._1f532 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 88.23529411764706% 25%;
+ }
+
+ &._25aa {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 88.23529411764706% 31.25%;
+ }
+
+ &._25ab {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 88.23529411764706% 37.5%;
+ }
+
+ &._25fe {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 88.23529411764706% 43.75%;
+ }
+
+ &._25fd {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 88.23529411764706% 50%;
+ }
+
+ &._25fc {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 88.23529411764706% 56.25%;
+ }
+
+ &._25fb {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 88.23529411764706% 62.5%;
+ }
+
+ &._2b1b {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 88.23529411764706% 68.75%;
+ }
+
+ &._2b1c {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 88.23529411764706% 75%;
+ }
+
+ &._1f508 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 88.23529411764706% 81.25%;
+ }
+
+ &._1f507 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 88.23529411764706% 87.5%;
+ }
+
+ &._1f509 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 0% 93.75%;
+ }
+
+ &._1f50a {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 5.882352941176471% 93.75%;
+ }
+
+ &._1f514 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 11.764705882352942% 93.75%;
+ }
+
+ &._1f515 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 17.647058823529413% 93.75%;
+ }
+
+ &._1f4e3 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 23.529411764705884% 93.75%;
+ }
+
+ &._1f4e2 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 29.41176470588235% 93.75%;
+ }
+
+ &._1f5e8 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 35.294117647058826% 93.75%;
+ }
+
+ &._1f441-1f5e8 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 41.1764705882353% 93.75%;
+ }
+
+ &._1f4ac {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 47.05882352941177% 93.75%;
+ }
+
+ &._1f4ad {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 52.94117647058823% 93.75%;
+ }
+
+ &._1f5ef {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 58.8235294117647% 93.75%;
+ }
+
+ &._1f0cf {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 64.70588235294117% 93.75%;
+ }
+
+ &._1f3b4 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 70.58823529411765% 93.75%;
+ }
+
+ &._1f004 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 76.47058823529412% 93.75%;
+ }
+
+ &._1f550 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 82.3529411764706% 93.75%;
+ }
+
+ &._1f551 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 88.23529411764706% 93.75%;
+ }
+
+ &._1f552 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 94.11764705882354% 0%;
+ }
+
+ &._1f553 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 94.11764705882354% 6.25%;
+ }
+
+ &._1f554 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 94.11764705882354% 12.5%;
+ }
+
+ &._1f555 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 94.11764705882354% 18.75%;
+ }
+
+ &._1f556 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 94.11764705882354% 25%;
+ }
+
+ &._1f557 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 94.11764705882354% 31.25%;
+ }
+
+ &._1f558 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 94.11764705882354% 37.5%;
+ }
+
+ &._1f559 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 94.11764705882354% 43.75%;
+ }
+
+ &._1f55a {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 94.11764705882354% 50%;
+ }
+
+ &._1f55b {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 94.11764705882354% 56.25%;
+ }
+
+ &._1f55c {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 94.11764705882354% 62.5%;
+ }
+
+ &._1f55d {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 94.11764705882354% 68.75%;
+ }
+
+ &._1f55e {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 94.11764705882354% 75%;
+ }
+
+ &._1f55f {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 94.11764705882354% 81.25%;
+ }
+
+ &._1f560 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 94.11764705882354% 87.5%;
+ }
+
+ &._1f561 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 94.11764705882354% 93.75%;
+ }
+
+ &._1f562 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 0% 100%;
+ }
+
+ &._1f563 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 5.882352941176471% 100%;
+ }
+
+ &._1f564 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 11.764705882352942% 100%;
+ }
+
+ &._1f565 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 17.647058823529413% 100%;
+ }
+
+ &._1f566 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 23.529411764705884% 100%;
+ }
+
+ &._1f567 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 29.41176470588235% 100%;
+ }
+
+ &._0030 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 35.294117647058826% 100%;
+ }
+
+ &._0031 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 41.1764705882353% 100%;
+ }
+
+ &._0032 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 47.05882352941177% 100%;
+ }
+
+ &._0033 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 52.94117647058823% 100%;
+ }
+
+ &._0034 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 58.8235294117647% 100%;
+ }
+
+ &._0035 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 64.70588235294117% 100%;
+ }
+
+ &._0036 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 70.58823529411765% 100%;
+ }
+
+ &._0037 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 76.47058823529412% 100%;
+ }
+
+ &._0038 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 82.3529411764706% 100%;
+ }
+
+ &._0039 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 88.23529411764706% 100%;
+ }
+
+ &._0023 {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 94.11764705882354% 100%;
+ }
+
+ &._002a {
+ background-repeat: no-repeat;
+ background-size: 1800% 1700%;
+ background-position: 100% 0%;
+ }
+
+}
+
diff --git a/app/emoji-emojione/client/travel-sprites.css b/app/emoji-emojione/client/travel-sprites.css
new file mode 100644
index 0000000000000..93fc40ec635ea
--- /dev/null
+++ b/app/emoji-emojione/client/travel-sprites.css
@@ -0,0 +1,739 @@
+/* stylelint-disable */
+
+.emojione-travel {
+ background-image: url('/packages/emojione/travel-sprites.png');
+
+ &._1f5ff {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 0% 0%;
+ }
+
+ &._2693 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 9.090909090909092% 0%;
+ }
+
+ &._1f697 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 0% 10%;
+ }
+
+ &._1f695 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 9.090909090909092% 10%;
+ }
+
+ &._1f699 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 18.181818181818183% 0%;
+ }
+
+ &._1f68c {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 18.181818181818183% 10%;
+ }
+
+ &._1f68e {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 0% 20%;
+ }
+
+ &._1f3ce {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 9.090909090909092% 20%;
+ }
+
+ &._1f693 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 18.181818181818183% 20%;
+ }
+
+ &._1f691 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 27.272727272727273% 0%;
+ }
+
+ &._1f692 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 27.272727272727273% 10%;
+ }
+
+ &._1f690 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 27.272727272727273% 20%;
+ }
+
+ &._1f69a {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 0% 30%;
+ }
+
+ &._1f69b {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 9.090909090909092% 30%;
+ }
+
+ &._1f69c {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 18.181818181818183% 30%;
+ }
+
+ &._1f6f4 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 27.272727272727273% 30%;
+ }
+
+ &._1f6b2 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 36.36363636363637% 0%;
+ }
+
+ &._1f6f5 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 36.36363636363637% 10%;
+ }
+
+ &._1f3cd {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 36.36363636363637% 20%;
+ }
+
+ &._1f6a8 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 36.36363636363637% 30%;
+ }
+
+ &._1f694 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 0% 40%;
+ }
+
+ &._1f68d {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 9.090909090909092% 40%;
+ }
+
+ &._1f698 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 18.181818181818183% 40%;
+ }
+
+ &._1f696 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 27.272727272727273% 40%;
+ }
+
+ &._1f6a1 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 36.36363636363637% 40%;
+ }
+
+ &._1f6a0 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 45.45454545454545% 0%;
+ }
+
+ &._1f69f {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 45.45454545454545% 10%;
+ }
+
+ &._1f683 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 45.45454545454545% 20%;
+ }
+
+ &._1f68b {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 45.45454545454545% 30%;
+ }
+
+ &._1f69e {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 45.45454545454545% 40%;
+ }
+
+ &._1f69d {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 0% 50%;
+ }
+
+ &._1f684 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 9.090909090909092% 50%;
+ }
+
+ &._1f685 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 18.181818181818183% 50%;
+ }
+
+ &._1f688 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 27.272727272727273% 50%;
+ }
+
+ &._1f682 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 36.36363636363637% 50%;
+ }
+
+ &._1f686 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 45.45454545454545% 50%;
+ }
+
+ &._1f687 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 54.54545454545455% 0%;
+ }
+
+ &._1f68a {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 54.54545454545455% 10%;
+ }
+
+ &._1f689 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 54.54545454545455% 20%;
+ }
+
+ &._1f6eb {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 54.54545454545455% 30%;
+ }
+
+ &._1f6ec {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 54.54545454545455% 40%;
+ }
+
+ &._1f6e9 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 54.54545454545455% 50%;
+ }
+
+ &._1f4ba {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 0% 60%;
+ }
+
+ &._1f9f3 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 9.090909090909092% 60%;
+ }
+
+ &._1f6f0 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 18.181818181818183% 60%;
+ }
+
+ &._1f680 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 27.272727272727273% 60%;
+ }
+
+ &._1f6f8 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 36.36363636363637% 60%;
+ }
+
+ &._1f681 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 45.45454545454545% 60%;
+ }
+
+ &._1f6f6 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 54.54545454545455% 60%;
+ }
+
+ &._26f5 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 63.63636363636363% 0%;
+ }
+
+ &._1f6a4 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 63.63636363636363% 10%;
+ }
+
+ &._1f6e5 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 63.63636363636363% 20%;
+ }
+
+ &._1f6f3 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 63.63636363636363% 30%;
+ }
+
+ &._26f4 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 63.63636363636363% 40%;
+ }
+
+ &._1f6a2 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 63.63636363636363% 50%;
+ }
+
+ &._26fd {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 63.63636363636363% 60%;
+ }
+
+ &._1f6a7 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 0% 70%;
+ }
+
+ &._1f6a6 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 9.090909090909092% 70%;
+ }
+
+ &._1f6a5 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 18.181818181818183% 70%;
+ }
+
+ &._1f68f {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 27.272727272727273% 70%;
+ }
+
+ &._1f5fa {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 36.36363636363637% 70%;
+ }
+
+ &._2708 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 45.45454545454545% 70%;
+ }
+
+ &._1f5fd {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 54.54545454545455% 70%;
+ }
+
+ &._1f5fc {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 63.63636363636363% 70%;
+ }
+
+ &._1f3f0 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 72.72727272727273% 0%;
+ }
+
+ &._1f3ef {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 72.72727272727273% 10%;
+ }
+
+ &._1f3df {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 72.72727272727273% 20%;
+ }
+
+ &._1f3a1 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 72.72727272727273% 30%;
+ }
+
+ &._1f3a2 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 72.72727272727273% 40%;
+ }
+
+ &._1f3a0 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 72.72727272727273% 50%;
+ }
+
+ &._26f2 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 72.72727272727273% 60%;
+ }
+
+ &._26f1 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 72.72727272727273% 70%;
+ }
+
+ &._1f3d6 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 0% 80%;
+ }
+
+ &._1f3dd {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 9.090909090909092% 80%;
+ }
+
+ &._1f3dc {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 18.181818181818183% 80%;
+ }
+
+ &._1f30b {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 27.272727272727273% 80%;
+ }
+
+ &._26f0 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 36.36363636363637% 80%;
+ }
+
+ &._1f3d4 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 45.45454545454545% 80%;
+ }
+
+ &._1f5fb {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 54.54545454545455% 80%;
+ }
+
+ &._1f3d5 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 63.63636363636363% 80%;
+ }
+
+ &._26fa {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 72.72727272727273% 80%;
+ }
+
+ &._1f3e0 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 81.81818181818181% 0%;
+ }
+
+ &._1f3e1 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 81.81818181818181% 10%;
+ }
+
+ &._1f3d8 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 81.81818181818181% 20%;
+ }
+
+ &._1f3da {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 81.81818181818181% 30%;
+ }
+
+ &._1f3d7 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 81.81818181818181% 40%;
+ }
+
+ &._1f3ed {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 81.81818181818181% 50%;
+ }
+
+ &._1f3e2 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 81.81818181818181% 60%;
+ }
+
+ &._1f3ec {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 81.81818181818181% 70%;
+ }
+
+ &._1f3e3 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 81.81818181818181% 80%;
+ }
+
+ &._1f3e4 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 0% 90%;
+ }
+
+ &._1f3e5 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 9.090909090909092% 90%;
+ }
+
+ &._1f3e6 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 18.181818181818183% 90%;
+ }
+
+ &._1f3e8 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 27.272727272727273% 90%;
+ }
+
+ &._1f3ea {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 36.36363636363637% 90%;
+ }
+
+ &._1f3eb {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 45.45454545454545% 90%;
+ }
+
+ &._1f3e9 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 54.54545454545455% 90%;
+ }
+
+ &._1f492 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 63.63636363636363% 90%;
+ }
+
+ &._1f3db {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 72.72727272727273% 90%;
+ }
+
+ &._26ea {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 81.81818181818181% 90%;
+ }
+
+ &._1f54c {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 90.9090909090909% 0%;
+ }
+
+ &._1f54d {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 90.9090909090909% 10%;
+ }
+
+ &._1f54b {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 90.9090909090909% 20%;
+ }
+
+ &._26e9 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 90.9090909090909% 30%;
+ }
+
+ &._1f6e4 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 90.9090909090909% 40%;
+ }
+
+ &._1f6e3 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 90.9090909090909% 50%;
+ }
+
+ &._1f5fe {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 90.9090909090909% 60%;
+ }
+
+ &._1f391 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 90.9090909090909% 70%;
+ }
+
+ &._1f3de {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 90.9090909090909% 80%;
+ }
+
+ &._1f305 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 90.9090909090909% 90%;
+ }
+
+ &._1f304 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 0% 100%;
+ }
+
+ &._1f320 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 9.090909090909092% 100%;
+ }
+
+ &._1f387 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 18.181818181818183% 100%;
+ }
+
+ &._1f386 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 27.272727272727273% 100%;
+ }
+
+ &._1f9e8 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 36.36363636363637% 100%;
+ }
+
+ &._1f307 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 45.45454545454545% 100%;
+ }
+
+ &._1f306 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 54.54545454545455% 100%;
+ }
+
+ &._1f3d9 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 63.63636363636363% 100%;
+ }
+
+ &._1f303 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 72.72727272727273% 100%;
+ }
+
+ &._1f30c {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 81.81818181818181% 100%;
+ }
+
+ &._1f309 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 90.9090909090909% 100%;
+ }
+
+ &._1f301 {
+ background-repeat: no-repeat;
+ background-size: 1200% 1100%;
+ background-position: 100% 0%;
+ }
+
+}
+
diff --git a/app/emoji-emojione/lib/emojiPicker.js b/app/emoji-emojione/lib/emojiPicker.js
new file mode 100644
index 0000000000000..cf775e6b3b0e7
--- /dev/null
+++ b/app/emoji-emojione/lib/emojiPicker.js
@@ -0,0 +1,1957 @@
+/*
+ * This file is automatically generated from generateEmojiIndex.mjs
+ * Last generated Tue Apr 09 2019 15:27:21 GMT-0300 (-03)
+ *
+ * Mapping category hashes into human readable and translated names
+ */
+
+export const emojiCategories = [
+ { key: 'people', i18n: 'Smileys_and_People' },
+ { key: 'nature', i18n: 'Animals_and_Nature' },
+ { key: 'food', i18n: 'Food_and_Drink' },
+ { key: 'activity', i18n: 'Activity' },
+ { key: 'travel', i18n: 'Travel_and_Places' },
+ { key: 'objects', i18n: 'Objects' },
+ { key: 'symbols', i18n: 'Symbols' },
+ { key: 'flags', i18n: 'Flags' },
+];
+
+export const toneList = {
+ snowboarder: 1,
+ person_lifting_weights: 1,
+ woman_lifting_weights: 1,
+ man_lifting_weights: 1,
+ person_doing_cartwheel: 1,
+ woman_cartwheeling: 1,
+ man_cartwheeling: 1,
+ person_bouncing_ball: 1,
+ woman_bouncing_ball: 1,
+ man_bouncing_ball: 1,
+ person_playing_handball: 1,
+ woman_playing_handball: 1,
+ man_playing_handball: 1,
+ person_golfing: 1,
+ woman_golfing: 1,
+ man_golfing: 1,
+ horse_racing: 1,
+ person_in_lotus_position: 1,
+ woman_in_lotus_position: 1,
+ man_in_lotus_position: 1,
+ person_surfing: 1,
+ woman_surfing: 1,
+ man_surfing: 1,
+ person_swimming: 1,
+ woman_swimming: 1,
+ man_swimming: 1,
+ person_playing_water_polo: 1,
+ woman_playing_water_polo: 1,
+ man_playing_water_polo: 1,
+ person_rowing_boat: 1,
+ woman_rowing_boat: 1,
+ man_rowing_boat: 1,
+ person_climbing: 1,
+ woman_climbing: 1,
+ man_climbing: 1,
+ person_mountain_biking: 1,
+ woman_mountain_biking: 1,
+ man_mountain_biking: 1,
+ person_biking: 1,
+ woman_biking: 1,
+ man_biking: 1,
+ person_juggling: 1,
+ woman_juggling: 1,
+ man_juggling: 1,
+ bath: 1,
+ person_in_bed: 1,
+ palms_up_together: 1,
+ open_hands: 1,
+ raised_hands: 1,
+ clap: 1,
+ thumbsup: 1,
+ thumbsdown: 1,
+ punch: 1,
+ fist: 1,
+ left_facing_fist: 1,
+ right_facing_fist: 1,
+ fingers_crossed: 1,
+ v: 1,
+ love_you_gesture: 1,
+ metal: 1,
+ ok_hand: 1,
+ point_left: 1,
+ point_right: 1,
+ point_up_2: 1,
+ point_down: 1,
+ point_up: 1,
+ raised_hand: 1,
+ raised_back_of_hand: 1,
+ hand_splayed: 1,
+ vulcan: 1,
+ wave: 1,
+ call_me: 1,
+ muscle: 1,
+ leg: 1,
+ foot: 1,
+ middle_finger: 1,
+ writing_hand: 1,
+ pray: 1,
+ ear: 1,
+ nose: 1,
+ baby: 1,
+ girl: 1,
+ child: 1,
+ boy: 1,
+ woman: 1,
+ adult: 1,
+ man: 1,
+ blond_haired_person: 1,
+ 'blond-haired_woman': 1,
+ 'blond-haired_man': 1,
+ woman_red_haired: 1,
+ man_red_haired: 1,
+ woman_curly_haired: 1,
+ man_curly_haired: 1,
+ woman_white_haired: 1,
+ man_white_haired: 1,
+ woman_bald: 1,
+ man_bald: 1,
+ bearded_person: 1,
+ older_woman: 1,
+ older_adult: 1,
+ older_man: 1,
+ man_with_chinese_cap: 1,
+ person_wearing_turban: 1,
+ woman_wearing_turban: 1,
+ man_wearing_turban: 1,
+ woman_with_headscarf: 1,
+ police_officer: 1,
+ woman_police_officer: 1,
+ man_police_officer: 1,
+ construction_worker: 1,
+ woman_construction_worker: 1,
+ man_construction_worker: 1,
+ guard: 1,
+ woman_guard: 1,
+ man_guard: 1,
+ detective: 1,
+ woman_detective: 1,
+ man_detective: 1,
+ woman_health_worker: 1,
+ man_health_worker: 1,
+ woman_farmer: 1,
+ man_farmer: 1,
+ woman_cook: 1,
+ man_cook: 1,
+ woman_student: 1,
+ man_student: 1,
+ woman_singer: 1,
+ man_singer: 1,
+ woman_teacher: 1,
+ man_teacher: 1,
+ woman_factory_worker: 1,
+ man_factory_worker: 1,
+ woman_technologist: 1,
+ man_technologist: 1,
+ woman_office_worker: 1,
+ man_office_worker: 1,
+ woman_mechanic: 1,
+ man_mechanic: 1,
+ woman_scientist: 1,
+ man_scientist: 1,
+ woman_artist: 1,
+ man_artist: 1,
+ woman_firefighter: 1,
+ man_firefighter: 1,
+ woman_pilot: 1,
+ man_pilot: 1,
+ woman_astronaut: 1,
+ man_astronaut: 1,
+ woman_judge: 1,
+ man_judge: 1,
+ bride_with_veil: 1,
+ man_in_tuxedo: 1,
+ princess: 1,
+ prince: 1,
+ mrs_claus: 1,
+ santa: 1,
+ superhero: 1,
+ woman_superhero: 1,
+ man_superhero: 1,
+ supervillain: 1,
+ woman_supervillain: 1,
+ man_supervillain: 1,
+ mage: 1,
+ woman_mage: 1,
+ man_mage: 1,
+ elf: 1,
+ woman_elf: 1,
+ man_elf: 1,
+ vampire: 1,
+ woman_vampire: 1,
+ man_vampire: 1,
+ merperson: 1,
+ mermaid: 1,
+ merman: 1,
+ fairy: 1,
+ woman_fairy: 1,
+ man_fairy: 1,
+ angel: 1,
+ pregnant_woman: 1,
+ breast_feeding: 1,
+ person_bowing: 1,
+ woman_bowing: 1,
+ man_bowing: 1,
+ person_tipping_hand: 1,
+ woman_tipping_hand: 1,
+ man_tipping_hand: 1,
+ person_gesturing_no: 1,
+ woman_gesturing_no: 1,
+ man_gesturing_no: 1,
+ person_gesturing_ok: 1,
+ woman_gesturing_ok: 1,
+ man_gesturing_ok: 1,
+ person_raising_hand: 1,
+ woman_raising_hand: 1,
+ man_raising_hand: 1,
+ person_facepalming: 1,
+ woman_facepalming: 1,
+ man_facepalming: 1,
+ person_shrugging: 1,
+ woman_shrugging: 1,
+ man_shrugging: 1,
+ person_pouting: 1,
+ woman_pouting: 1,
+ man_pouting: 1,
+ person_frowning: 1,
+ woman_frowning: 1,
+ man_frowning: 1,
+ person_getting_haircut: 1,
+ woman_getting_haircut: 1,
+ man_getting_haircut: 1,
+ person_getting_massage: 1,
+ woman_getting_face_massage: 1,
+ man_getting_face_massage: 1,
+ person_in_steamy_room: 1,
+ woman_in_steamy_room: 1,
+ man_in_steamy_room: 1,
+ nail_care: 1,
+ selfie: 1,
+ dancer: 1,
+ man_dancing: 1,
+ levitate: 1,
+ person_walking: 1,
+ woman_walking: 1,
+ man_walking: 1,
+ person_running: 1,
+ woman_running: 1,
+ man_running: 1,
+};
+export const emojisByCategory = {
+ symbols: [
+ 'heart',
+ 'orange_heart',
+ 'yellow_heart',
+ 'green_heart',
+ 'blue_heart',
+ 'purple_heart',
+ 'black_heart',
+ 'broken_heart',
+ 'heart_exclamation',
+ 'two_hearts',
+ 'revolving_hearts',
+ 'heartbeat',
+ 'heartpulse',
+ 'sparkling_heart',
+ 'cupid',
+ 'gift_heart',
+ 'heart_decoration',
+ 'peace',
+ 'cross',
+ 'star_and_crescent',
+ 'om_symbol',
+ 'wheel_of_dharma',
+ 'star_of_david',
+ 'six_pointed_star',
+ 'menorah',
+ 'yin_yang',
+ 'orthodox_cross',
+ 'place_of_worship',
+ 'ophiuchus',
+ 'aries',
+ 'taurus',
+ 'gemini',
+ 'cancer',
+ 'leo',
+ 'virgo',
+ 'libra',
+ 'scorpius',
+ 'sagittarius',
+ 'capricorn',
+ 'aquarius',
+ 'pisces',
+ 'id',
+ 'atom',
+ 'infinity',
+ 'accept',
+ 'radioactive',
+ 'biohazard',
+ 'mobile_phone_off',
+ 'vibration_mode',
+ 'u6709',
+ 'u7121',
+ 'u7533',
+ 'u55b6',
+ 'u6708',
+ 'eight_pointed_black_star',
+ 'vs',
+ 'white_flower',
+ 'ideograph_advantage',
+ 'secret',
+ 'congratulations',
+ 'u5408',
+ 'u6e80',
+ 'u5272',
+ 'u7981',
+ 'a',
+ 'b',
+ 'ab',
+ 'cl',
+ 'o2',
+ 'sos',
+ 'x',
+ 'o',
+ 'octagonal_sign',
+ 'no_entry',
+ 'name_badge',
+ 'no_entry_sign',
+ '100',
+ 'anger',
+ 'hotsprings',
+ 'no_pedestrians',
+ 'do_not_litter',
+ 'no_bicycles',
+ 'non-potable_water',
+ 'underage',
+ 'no_mobile_phones',
+ 'no_smoking',
+ 'exclamation',
+ 'grey_exclamation',
+ 'question',
+ 'grey_question',
+ 'bangbang',
+ 'interrobang',
+ 'low_brightness',
+ 'high_brightness',
+ 'part_alternation_mark',
+ 'warning',
+ 'children_crossing',
+ 'trident',
+ 'fleur-de-lis',
+ 'beginner',
+ 'recycle',
+ 'white_check_mark',
+ 'u6307',
+ 'chart',
+ 'sparkle',
+ 'eight_spoked_asterisk',
+ 'negative_squared_cross_mark',
+ 'globe_with_meridians',
+ 'diamond_shape_with_a_dot_inside',
+ 'm',
+ 'cyclone',
+ 'zzz',
+ 'atm',
+ 'wc',
+ 'wheelchair',
+ 'parking',
+ 'u7a7a',
+ 'sa',
+ 'passport_control',
+ 'customs',
+ 'baggage_claim',
+ 'left_luggage',
+ 'mens',
+ 'womens',
+ 'baby_symbol',
+ 'restroom',
+ 'put_litter_in_its_place',
+ 'cinema',
+ 'signal_strength',
+ 'koko',
+ 'symbols',
+ 'information_source',
+ 'abc',
+ 'abcd',
+ 'capital_abcd',
+ 'ng',
+ 'ok',
+ 'up',
+ 'cool',
+ 'new',
+ 'free',
+ 'zero',
+ 'one',
+ 'two',
+ 'three',
+ 'four',
+ 'five',
+ 'six',
+ 'seven',
+ 'eight',
+ 'nine',
+ 'keycap_ten',
+ '1234',
+ 'hash',
+ 'asterisk',
+ 'eject',
+ 'arrow_forward',
+ 'pause_button',
+ 'play_pause',
+ 'stop_button',
+ 'record_button',
+ 'track_next',
+ 'track_previous',
+ 'fast_forward',
+ 'rewind',
+ 'arrow_double_up',
+ 'arrow_double_down',
+ 'arrow_backward',
+ 'arrow_up_small',
+ 'arrow_down_small',
+ 'arrow_right',
+ 'arrow_left',
+ 'arrow_up',
+ 'arrow_down',
+ 'arrow_upper_right',
+ 'arrow_lower_right',
+ 'arrow_lower_left',
+ 'arrow_upper_left',
+ 'arrow_up_down',
+ 'left_right_arrow',
+ 'arrow_right_hook',
+ 'leftwards_arrow_with_hook',
+ 'arrow_heading_up',
+ 'arrow_heading_down',
+ 'twisted_rightwards_arrows',
+ 'repeat',
+ 'repeat_one',
+ 'arrows_counterclockwise',
+ 'arrows_clockwise',
+ 'musical_note',
+ 'notes',
+ 'heavy_plus_sign',
+ 'heavy_minus_sign',
+ 'heavy_division_sign',
+ 'heavy_multiplication_x',
+ 'heavy_dollar_sign',
+ 'currency_exchange',
+ 'tm',
+ 'copyright',
+ 'registered',
+ 'wavy_dash',
+ 'curly_loop',
+ 'loop',
+ 'end',
+ 'back',
+ 'on',
+ 'top',
+ 'soon',
+ 'heavy_check_mark',
+ 'ballot_box_with_check',
+ 'radio_button',
+ 'white_circle',
+ 'black_circle',
+ 'red_circle',
+ 'blue_circle',
+ 'small_red_triangle',
+ 'small_red_triangle_down',
+ 'small_orange_diamond',
+ 'small_blue_diamond',
+ 'large_orange_diamond',
+ 'large_blue_diamond',
+ 'white_square_button',
+ 'black_square_button',
+ 'black_small_square',
+ 'white_small_square',
+ 'black_medium_small_square',
+ 'white_medium_small_square',
+ 'black_medium_square',
+ 'white_medium_square',
+ 'black_large_square',
+ 'white_large_square',
+ 'speaker',
+ 'mute',
+ 'sound',
+ 'loud_sound',
+ 'bell',
+ 'no_bell',
+ 'mega',
+ 'loudspeaker',
+ 'speech_left',
+ 'eye_in_speech_bubble',
+ 'speech_balloon',
+ 'thought_balloon',
+ 'anger_right',
+ 'spades',
+ 'clubs',
+ 'hearts',
+ 'diamonds',
+ 'black_joker',
+ 'flower_playing_cards',
+ 'mahjong',
+ 'clock1',
+ 'clock2',
+ 'clock3',
+ 'clock4',
+ 'clock5',
+ 'clock6',
+ 'clock7',
+ 'clock8',
+ 'clock9',
+ 'clock10',
+ 'clock11',
+ 'clock12',
+ 'clock130',
+ 'clock230',
+ 'clock330',
+ 'clock430',
+ 'clock530',
+ 'clock630',
+ 'clock730',
+ 'clock830',
+ 'clock930',
+ 'clock1030',
+ 'clock1130',
+ 'clock1230',
+ 'digit_zero',
+ 'digit_one',
+ 'digit_two',
+ 'digit_three',
+ 'digit_four',
+ 'digit_five',
+ 'digit_six',
+ 'digit_seven',
+ 'digit_eight',
+ 'digit_nine',
+ 'pound_symbol',
+ 'asterisk_symbol',
+ 'female_sign',
+ 'male_sign',
+ 'medical_symbol',
+ ],
+ activity: [
+ 'soccer',
+ 'basketball',
+ 'football',
+ 'baseball',
+ 'softball',
+ 'tennis',
+ 'volleyball',
+ 'rugby_football',
+ '8ball',
+ 'ping_pong',
+ 'badminton',
+ 'goal',
+ 'hockey',
+ 'field_hockey',
+ 'cricket_game',
+ 'lacrosse',
+ 'golf',
+ 'flying_disc',
+ 'bow_and_arrow',
+ 'fishing_pole_and_fish',
+ 'boxing_glove',
+ 'martial_arts_uniform',
+ 'running_shirt_with_sash',
+ 'skateboard',
+ 'ice_skate',
+ 'curling_stone',
+ 'sled',
+ 'ski',
+ 'skier',
+ 'snowboarder',
+ 'person_lifting_weights',
+ 'woman_lifting_weights',
+ 'man_lifting_weights',
+ 'people_wrestling',
+ 'women_wrestling',
+ 'men_wrestling',
+ 'person_doing_cartwheel',
+ 'woman_cartwheeling',
+ 'man_cartwheeling',
+ 'person_bouncing_ball',
+ 'woman_bouncing_ball',
+ 'man_bouncing_ball',
+ 'person_fencing',
+ 'person_playing_handball',
+ 'woman_playing_handball',
+ 'man_playing_handball',
+ 'person_golfing',
+ 'woman_golfing',
+ 'man_golfing',
+ 'horse_racing',
+ 'person_in_lotus_position',
+ 'woman_in_lotus_position',
+ 'man_in_lotus_position',
+ 'person_surfing',
+ 'woman_surfing',
+ 'man_surfing',
+ 'person_swimming',
+ 'woman_swimming',
+ 'man_swimming',
+ 'person_playing_water_polo',
+ 'woman_playing_water_polo',
+ 'man_playing_water_polo',
+ 'person_rowing_boat',
+ 'woman_rowing_boat',
+ 'man_rowing_boat',
+ 'person_climbing',
+ 'woman_climbing',
+ 'man_climbing',
+ 'person_mountain_biking',
+ 'woman_mountain_biking',
+ 'man_mountain_biking',
+ 'person_biking',
+ 'woman_biking',
+ 'man_biking',
+ 'trophy',
+ 'first_place',
+ 'second_place',
+ 'third_place',
+ 'medal',
+ 'military_medal',
+ 'rosette',
+ 'reminder_ribbon',
+ 'ticket',
+ 'tickets',
+ 'circus_tent',
+ 'person_juggling',
+ 'woman_juggling',
+ 'man_juggling',
+ 'performing_arts',
+ 'art',
+ 'clapper',
+ 'microphone',
+ 'headphones',
+ 'musical_score',
+ 'musical_keyboard',
+ 'drum',
+ 'saxophone',
+ 'trumpet',
+ 'guitar',
+ 'violin',
+ 'game_die',
+ 'dart',
+ 'bowling',
+ 'video_game',
+ 'slot_machine',
+ ],
+ objects: [
+ 'watch',
+ 'iphone',
+ 'calling',
+ 'computer',
+ 'keyboard',
+ 'desktop',
+ 'printer',
+ 'mouse_three_button',
+ 'trackball',
+ 'joystick',
+ 'chess_pawn',
+ 'jigsaw',
+ 'compression',
+ 'minidisc',
+ 'floppy_disk',
+ 'cd',
+ 'dvd',
+ 'vhs',
+ 'camera',
+ 'camera_with_flash',
+ 'video_camera',
+ 'movie_camera',
+ 'projector',
+ 'film_frames',
+ 'telephone_receiver',
+ 'telephone',
+ 'pager',
+ 'fax',
+ 'tv',
+ 'radio',
+ 'microphone2',
+ 'level_slider',
+ 'control_knobs',
+ 'stopwatch',
+ 'timer',
+ 'alarm_clock',
+ 'clock',
+ 'hourglass',
+ 'hourglass_flowing_sand',
+ 'satellite',
+ 'compass',
+ 'battery',
+ 'electric_plug',
+ 'magnet',
+ 'bulb',
+ 'flashlight',
+ 'candle',
+ 'fire_extinguisher',
+ 'wastebasket',
+ 'oil',
+ 'money_with_wings',
+ 'dollar',
+ 'yen',
+ 'euro',
+ 'pound',
+ 'moneybag',
+ 'credit_card',
+ 'gem',
+ 'nazar_amulet',
+ 'bricks',
+ 'scales',
+ 'toolbox',
+ 'wrench',
+ 'hammer',
+ 'hammer_pick',
+ 'tools',
+ 'pick',
+ 'nut_and_bolt',
+ 'gear',
+ 'chains',
+ 'gun',
+ 'bomb',
+ 'knife',
+ 'dagger',
+ 'crossed_swords',
+ 'shield',
+ 'smoking',
+ 'coffin',
+ 'urn',
+ 'amphora',
+ 'crystal_ball',
+ 'prayer_beads',
+ 'barber',
+ 'alembic',
+ 'test_tube',
+ 'petri_dish',
+ 'dna',
+ 'abacus',
+ 'telescope',
+ 'microscope',
+ 'hole',
+ 'pill',
+ 'syringe',
+ 'thermometer',
+ 'toilet',
+ 'potable_water',
+ 'shower',
+ 'bathtub',
+ 'bath',
+ 'broom',
+ 'basket',
+ 'roll_of_paper',
+ 'soap',
+ 'sponge',
+ 'squeeze_bottle',
+ 'thread',
+ 'yarn',
+ 'bellhop',
+ 'key',
+ 'key2',
+ 'door',
+ 'couch',
+ 'bed',
+ 'sleeping_accommodation',
+ 'teddy_bear',
+ 'frame_photo',
+ 'shopping_bags',
+ 'shopping_cart',
+ 'gift',
+ 'balloon',
+ 'flags',
+ 'ribbon',
+ 'confetti_ball',
+ 'tada',
+ 'dolls',
+ 'izakaya_lantern',
+ 'wind_chime',
+ 'red_envelope',
+ 'envelope',
+ 'envelope_with_arrow',
+ 'incoming_envelope',
+ 'e-mail',
+ 'love_letter',
+ 'inbox_tray',
+ 'outbox_tray',
+ 'package',
+ 'label',
+ 'mailbox_closed',
+ 'mailbox',
+ 'mailbox_with_mail',
+ 'mailbox_with_no_mail',
+ 'postbox',
+ 'postal_horn',
+ 'scroll',
+ 'page_with_curl',
+ 'page_facing_up',
+ 'receipt',
+ 'bookmark_tabs',
+ 'bar_chart',
+ 'chart_with_upwards_trend',
+ 'chart_with_downwards_trend',
+ 'notepad_spiral',
+ 'calendar_spiral',
+ 'calendar',
+ 'date',
+ 'card_index',
+ 'card_box',
+ 'ballot_box',
+ 'file_cabinet',
+ 'clipboard',
+ 'file_folder',
+ 'open_file_folder',
+ 'dividers',
+ 'newspaper2',
+ 'newspaper',
+ 'notebook',
+ 'notebook_with_decorative_cover',
+ 'ledger',
+ 'closed_book',
+ 'green_book',
+ 'blue_book',
+ 'orange_book',
+ 'books',
+ 'book',
+ 'bookmark',
+ 'link',
+ 'paperclip',
+ 'paperclips',
+ 'triangular_ruler',
+ 'straight_ruler',
+ 'safety_pin',
+ 'pushpin',
+ 'round_pushpin',
+ 'scissors',
+ 'pen_ballpoint',
+ 'pen_fountain',
+ 'black_nib',
+ 'paintbrush',
+ 'crayon',
+ 'pencil',
+ 'pencil2',
+ 'mag',
+ 'mag_right',
+ 'lock_with_ink_pen',
+ 'closed_lock_with_key',
+ 'lock',
+ 'unlock',
+ ],
+ nature: [
+ 'dog',
+ 'cat',
+ 'mouse',
+ 'hamster',
+ 'rabbit',
+ 'fox',
+ 'raccoon',
+ 'bear',
+ 'panda_face',
+ 'kangaroo',
+ 'badger',
+ 'koala',
+ 'tiger',
+ 'lion_face',
+ 'cow',
+ 'pig',
+ 'pig_nose',
+ 'frog',
+ 'monkey_face',
+ 'see_no_evil',
+ 'hear_no_evil',
+ 'speak_no_evil',
+ 'monkey',
+ 'chicken',
+ 'penguin',
+ 'bird',
+ 'baby_chick',
+ 'hatching_chick',
+ 'hatched_chick',
+ 'duck',
+ 'swan',
+ 'eagle',
+ 'owl',
+ 'parrot',
+ 'peacock',
+ 'bat',
+ 'wolf',
+ 'boar',
+ 'horse',
+ 'unicorn',
+ 'bee',
+ 'bug',
+ 'butterfly',
+ 'snail',
+ 'shell',
+ 'beetle',
+ 'ant',
+ 'cricket',
+ 'spider',
+ 'spider_web',
+ 'scorpion',
+ 'mosquito',
+ 'microbe',
+ 'turtle',
+ 'snake',
+ 'lizard',
+ 't_rex',
+ 'sauropod',
+ 'octopus',
+ 'squid',
+ 'shrimp',
+ 'crab',
+ 'lobster',
+ 'blowfish',
+ 'tropical_fish',
+ 'fish',
+ 'dolphin',
+ 'whale',
+ 'whale2',
+ 'shark',
+ 'crocodile',
+ 'tiger2',
+ 'leopard',
+ 'zebra',
+ 'gorilla',
+ 'elephant',
+ 'rhino',
+ 'hippopotamus',
+ 'dromedary_camel',
+ 'camel',
+ 'giraffe',
+ 'llama',
+ 'water_buffalo',
+ 'ox',
+ 'cow2',
+ 'racehorse',
+ 'pig2',
+ 'ram',
+ 'sheep',
+ 'goat',
+ 'deer',
+ 'dog2',
+ 'poodle',
+ 'cat2',
+ 'rooster',
+ 'turkey',
+ 'dove',
+ 'rabbit2',
+ 'mouse2',
+ 'rat',
+ 'chipmunk',
+ 'hedgehog',
+ 'feet',
+ 'dragon',
+ 'dragon_face',
+ 'cactus',
+ 'christmas_tree',
+ 'evergreen_tree',
+ 'deciduous_tree',
+ 'palm_tree',
+ 'seedling',
+ 'herb',
+ 'shamrock',
+ 'four_leaf_clover',
+ 'bamboo',
+ 'tanabata_tree',
+ 'leaves',
+ 'fallen_leaf',
+ 'maple_leaf',
+ 'mushroom',
+ 'ear_of_rice',
+ 'bouquet',
+ 'tulip',
+ 'rose',
+ 'wilted_rose',
+ 'hibiscus',
+ 'cherry_blossom',
+ 'blossom',
+ 'sunflower',
+ 'sun_with_face',
+ 'full_moon_with_face',
+ 'first_quarter_moon_with_face',
+ 'last_quarter_moon_with_face',
+ 'new_moon_with_face',
+ 'full_moon',
+ 'waning_gibbous_moon',
+ 'last_quarter_moon',
+ 'waning_crescent_moon',
+ 'new_moon',
+ 'waxing_crescent_moon',
+ 'first_quarter_moon',
+ 'waxing_gibbous_moon',
+ 'crescent_moon',
+ 'earth_americas',
+ 'earth_africa',
+ 'earth_asia',
+ 'dizzy',
+ 'star',
+ 'star2',
+ 'sparkles',
+ 'zap',
+ 'comet',
+ 'boom',
+ 'fire',
+ 'cloud_tornado',
+ 'rainbow',
+ 'sunny',
+ 'white_sun_small_cloud',
+ 'partly_sunny',
+ 'white_sun_cloud',
+ 'cloud',
+ 'white_sun_rain_cloud',
+ 'cloud_rain',
+ 'thunder_cloud_rain',
+ 'cloud_lightning',
+ 'cloud_snow',
+ 'snowflake',
+ 'snowman2',
+ 'snowman',
+ 'wind_blowing_face',
+ 'dash',
+ 'droplet',
+ 'sweat_drops',
+ 'umbrella',
+ 'umbrella2',
+ 'ocean',
+ 'fog',
+ ],
+ food: [
+ 'green_apple',
+ 'apple',
+ 'pear',
+ 'tangerine',
+ 'lemon',
+ 'banana',
+ 'watermelon',
+ 'grapes',
+ 'strawberry',
+ 'melon',
+ 'cherries',
+ 'peach',
+ 'mango',
+ 'pineapple',
+ 'coconut',
+ 'kiwi',
+ 'tomato',
+ 'eggplant',
+ 'avocado',
+ 'broccoli',
+ 'leafy_green',
+ 'cucumber',
+ 'hot_pepper',
+ 'corn',
+ 'carrot',
+ 'potato',
+ 'sweet_potato',
+ 'croissant',
+ 'bread',
+ 'french_bread',
+ 'pretzel',
+ 'bagel',
+ 'cheese',
+ 'egg',
+ 'cooking',
+ 'pancakes',
+ 'bacon',
+ 'cut_of_meat',
+ 'poultry_leg',
+ 'meat_on_bone',
+ 'hotdog',
+ 'hamburger',
+ 'fries',
+ 'pizza',
+ 'sandwich',
+ 'stuffed_flatbread',
+ 'taco',
+ 'burrito',
+ 'salad',
+ 'shallow_pan_of_food',
+ 'canned_food',
+ 'spaghetti',
+ 'ramen',
+ 'stew',
+ 'curry',
+ 'sushi',
+ 'bento',
+ 'fried_shrimp',
+ 'rice_ball',
+ 'rice',
+ 'rice_cracker',
+ 'fish_cake',
+ 'fortune_cookie',
+ 'oden',
+ 'dango',
+ 'shaved_ice',
+ 'ice_cream',
+ 'icecream',
+ 'pie',
+ 'cake',
+ 'birthday',
+ 'moon_cake',
+ 'cupcake',
+ 'custard',
+ 'lollipop',
+ 'candy',
+ 'chocolate_bar',
+ 'popcorn',
+ 'salt',
+ 'doughnut',
+ 'dumpling',
+ 'cookie',
+ 'chestnut',
+ 'peanuts',
+ 'honey_pot',
+ 'milk',
+ 'baby_bottle',
+ 'coffee',
+ 'tea',
+ 'cup_with_straw',
+ 'sake',
+ 'beer',
+ 'beers',
+ 'champagne_glass',
+ 'wine_glass',
+ 'tumbler_glass',
+ 'cocktail',
+ 'tropical_drink',
+ 'champagne',
+ 'spoon',
+ 'fork_and_knife',
+ 'fork_knife_plate',
+ 'bowl_with_spoon',
+ 'takeout_box',
+ 'chopsticks',
+ ],
+ people: [
+ 'grinning',
+ 'smiley',
+ 'smile',
+ 'grin',
+ 'laughing',
+ 'sweat_smile',
+ 'joy',
+ 'rofl',
+ 'relaxed',
+ 'blush',
+ 'innocent',
+ 'slight_smile',
+ 'upside_down',
+ 'wink',
+ 'relieved',
+ 'heart_eyes',
+ 'kissing_heart',
+ 'smiling_face_with_3_hearts',
+ 'kissing',
+ 'kissing_smiling_eyes',
+ 'kissing_closed_eyes',
+ 'yum',
+ 'stuck_out_tongue',
+ 'stuck_out_tongue_closed_eyes',
+ 'stuck_out_tongue_winking_eye',
+ 'zany_face',
+ 'face_with_raised_eyebrow',
+ 'face_with_monocle',
+ 'nerd',
+ 'sunglasses',
+ 'star_struck',
+ 'partying_face',
+ 'smirk',
+ 'unamused',
+ 'disappointed',
+ 'pensive',
+ 'worried',
+ 'confused',
+ 'slight_frown',
+ 'frowning2',
+ 'persevere',
+ 'confounded',
+ 'tired_face',
+ 'weary',
+ 'cry',
+ 'sob',
+ 'triumph',
+ 'angry',
+ 'rage',
+ 'face_with_symbols_over_mouth',
+ 'exploding_head',
+ 'flushed',
+ 'scream',
+ 'fearful',
+ 'cold_sweat',
+ 'hot_face',
+ 'cold_face',
+ 'pleading_face',
+ 'disappointed_relieved',
+ 'sweat',
+ 'hugging',
+ 'thinking',
+ 'face_with_hand_over_mouth',
+ 'shushing_face',
+ 'lying_face',
+ 'no_mouth',
+ 'neutral_face',
+ 'expressionless',
+ 'grimacing',
+ 'rolling_eyes',
+ 'hushed',
+ 'frowning',
+ 'anguished',
+ 'open_mouth',
+ 'astonished',
+ 'sleeping',
+ 'drooling_face',
+ 'sleepy',
+ 'dizzy_face',
+ 'zipper_mouth',
+ 'woozy_face',
+ 'nauseated_face',
+ 'face_vomiting',
+ 'sneezing_face',
+ 'mask',
+ 'thermometer_face',
+ 'head_bandage',
+ 'money_mouth',
+ 'cowboy',
+ 'smiling_imp',
+ 'imp',
+ 'japanese_ogre',
+ 'japanese_goblin',
+ 'clown',
+ 'poop',
+ 'ghost',
+ 'skull',
+ 'skull_crossbones',
+ 'alien',
+ 'space_invader',
+ 'robot',
+ 'jack_o_lantern',
+ 'smiley_cat',
+ 'smile_cat',
+ 'joy_cat',
+ 'heart_eyes_cat',
+ 'smirk_cat',
+ 'kissing_cat',
+ 'scream_cat',
+ 'crying_cat_face',
+ 'pouting_cat',
+ 'palms_up_together',
+ 'open_hands',
+ 'raised_hands',
+ 'clap',
+ 'handshake',
+ 'thumbsup',
+ 'thumbsdown',
+ 'punch',
+ 'fist',
+ 'left_facing_fist',
+ 'right_facing_fist',
+ 'fingers_crossed',
+ 'v',
+ 'love_you_gesture',
+ 'metal',
+ 'ok_hand',
+ 'point_left',
+ 'point_right',
+ 'point_up_2',
+ 'point_down',
+ 'point_up',
+ 'raised_hand',
+ 'raised_back_of_hand',
+ 'hand_splayed',
+ 'vulcan',
+ 'wave',
+ 'call_me',
+ 'muscle',
+ 'leg',
+ 'foot',
+ 'middle_finger',
+ 'writing_hand',
+ 'pray',
+ 'ring',
+ 'lipstick',
+ 'kiss',
+ 'lips',
+ 'tongue',
+ 'ear',
+ 'nose',
+ 'footprints',
+ 'eye',
+ 'eyes',
+ 'brain',
+ 'bone',
+ 'tooth',
+ 'speaking_head',
+ 'bust_in_silhouette',
+ 'busts_in_silhouette',
+ 'baby',
+ 'girl',
+ 'child',
+ 'boy',
+ 'woman',
+ 'adult',
+ 'man',
+ 'blond_haired_person',
+ 'blond-haired_woman',
+ 'blond-haired_man',
+ 'woman_red_haired',
+ 'man_red_haired',
+ 'woman_curly_haired',
+ 'man_curly_haired',
+ 'woman_white_haired',
+ 'man_white_haired',
+ 'woman_bald',
+ 'man_bald',
+ 'bearded_person',
+ 'older_woman',
+ 'older_adult',
+ 'older_man',
+ 'man_with_chinese_cap',
+ 'person_wearing_turban',
+ 'woman_wearing_turban',
+ 'man_wearing_turban',
+ 'woman_with_headscarf',
+ 'police_officer',
+ 'woman_police_officer',
+ 'man_police_officer',
+ 'construction_worker',
+ 'woman_construction_worker',
+ 'man_construction_worker',
+ 'guard',
+ 'woman_guard',
+ 'man_guard',
+ 'detective',
+ 'woman_detective',
+ 'man_detective',
+ 'woman_health_worker',
+ 'man_health_worker',
+ 'woman_farmer',
+ 'man_farmer',
+ 'woman_cook',
+ 'man_cook',
+ 'woman_student',
+ 'man_student',
+ 'woman_singer',
+ 'man_singer',
+ 'woman_teacher',
+ 'man_teacher',
+ 'woman_factory_worker',
+ 'man_factory_worker',
+ 'woman_technologist',
+ 'man_technologist',
+ 'woman_office_worker',
+ 'man_office_worker',
+ 'woman_mechanic',
+ 'man_mechanic',
+ 'woman_scientist',
+ 'man_scientist',
+ 'woman_artist',
+ 'man_artist',
+ 'woman_firefighter',
+ 'man_firefighter',
+ 'woman_pilot',
+ 'man_pilot',
+ 'woman_astronaut',
+ 'man_astronaut',
+ 'woman_judge',
+ 'man_judge',
+ 'bride_with_veil',
+ 'man_in_tuxedo',
+ 'princess',
+ 'prince',
+ 'mrs_claus',
+ 'santa',
+ 'superhero',
+ 'woman_superhero',
+ 'man_superhero',
+ 'supervillain',
+ 'woman_supervillain',
+ 'man_supervillain',
+ 'mage',
+ 'woman_mage',
+ 'man_mage',
+ 'elf',
+ 'woman_elf',
+ 'man_elf',
+ 'vampire',
+ 'woman_vampire',
+ 'man_vampire',
+ 'zombie',
+ 'woman_zombie',
+ 'man_zombie',
+ 'genie',
+ 'woman_genie',
+ 'man_genie',
+ 'merperson',
+ 'mermaid',
+ 'merman',
+ 'fairy',
+ 'woman_fairy',
+ 'man_fairy',
+ 'angel',
+ 'pregnant_woman',
+ 'breast_feeding',
+ 'person_bowing',
+ 'woman_bowing',
+ 'man_bowing',
+ 'person_tipping_hand',
+ 'woman_tipping_hand',
+ 'man_tipping_hand',
+ 'person_gesturing_no',
+ 'woman_gesturing_no',
+ 'man_gesturing_no',
+ 'person_gesturing_ok',
+ 'woman_gesturing_ok',
+ 'man_gesturing_ok',
+ 'person_raising_hand',
+ 'woman_raising_hand',
+ 'man_raising_hand',
+ 'person_facepalming',
+ 'woman_facepalming',
+ 'man_facepalming',
+ 'person_shrugging',
+ 'woman_shrugging',
+ 'man_shrugging',
+ 'person_pouting',
+ 'woman_pouting',
+ 'man_pouting',
+ 'person_frowning',
+ 'woman_frowning',
+ 'man_frowning',
+ 'person_getting_haircut',
+ 'woman_getting_haircut',
+ 'man_getting_haircut',
+ 'person_getting_massage',
+ 'woman_getting_face_massage',
+ 'man_getting_face_massage',
+ 'person_in_steamy_room',
+ 'woman_in_steamy_room',
+ 'man_in_steamy_room',
+ 'nail_care',
+ 'selfie',
+ 'dancer',
+ 'man_dancing',
+ 'people_with_bunny_ears_partying',
+ 'women_with_bunny_ears_partying',
+ 'men_with_bunny_ears_partying',
+ 'levitate',
+ 'person_walking',
+ 'woman_walking',
+ 'man_walking',
+ 'person_running',
+ 'woman_running',
+ 'man_running',
+ 'couple',
+ 'two_women_holding_hands',
+ 'two_men_holding_hands',
+ 'couple_with_heart',
+ 'couple_with_heart_woman_man',
+ 'couple_ww',
+ 'couple_mm',
+ 'couplekiss',
+ 'kiss_woman_man',
+ 'kiss_ww',
+ 'kiss_mm',
+ 'family',
+ 'family_man_woman_boy',
+ 'family_mwg',
+ 'family_mwgb',
+ 'family_mwbb',
+ 'family_mwgg',
+ 'family_wwb',
+ 'family_wwg',
+ 'family_wwgb',
+ 'family_wwbb',
+ 'family_wwgg',
+ 'family_mmb',
+ 'family_mmg',
+ 'family_mmgb',
+ 'family_mmbb',
+ 'family_mmgg',
+ 'family_woman_boy',
+ 'family_woman_girl',
+ 'family_woman_girl_boy',
+ 'family_woman_boy_boy',
+ 'family_woman_girl_girl',
+ 'family_man_boy',
+ 'family_man_girl',
+ 'family_man_girl_boy',
+ 'family_man_boy_boy',
+ 'family_man_girl_girl',
+ 'coat',
+ 'womans_clothes',
+ 'shirt',
+ 'jeans',
+ 'necktie',
+ 'dress',
+ 'bikini',
+ 'kimono',
+ 'lab_coat',
+ 'high_heel',
+ 'sandal',
+ 'boot',
+ 'mans_shoe',
+ 'athletic_shoe',
+ 'hiking_boot',
+ 'womans_flat_shoe',
+ 'socks',
+ 'gloves',
+ 'scarf',
+ 'tophat',
+ 'billed_cap',
+ 'womans_hat',
+ 'mortar_board',
+ 'helmet_with_cross',
+ 'crown',
+ 'pouch',
+ 'purse',
+ 'handbag',
+ 'briefcase',
+ 'school_satchel',
+ 'eyeglasses',
+ 'dark_sunglasses',
+ 'goggles',
+ 'closed_umbrella',
+ 'red_haired',
+ 'curly_haired',
+ 'white_haired',
+ 'bald',
+ ],
+ regional: [
+ 'regional_indicator_z',
+ 'regional_indicator_y',
+ 'regional_indicator_x',
+ 'regional_indicator_w',
+ 'regional_indicator_v',
+ 'regional_indicator_u',
+ 'regional_indicator_t',
+ 'regional_indicator_s',
+ 'regional_indicator_r',
+ 'regional_indicator_q',
+ 'regional_indicator_p',
+ 'regional_indicator_o',
+ 'regional_indicator_n',
+ 'regional_indicator_m',
+ 'regional_indicator_l',
+ 'regional_indicator_k',
+ 'regional_indicator_j',
+ 'regional_indicator_i',
+ 'regional_indicator_h',
+ 'regional_indicator_g',
+ 'regional_indicator_f',
+ 'regional_indicator_e',
+ 'regional_indicator_d',
+ 'regional_indicator_c',
+ 'regional_indicator_b',
+ 'regional_indicator_a',
+ ],
+ travel: [
+ 'red_car',
+ 'taxi',
+ 'blue_car',
+ 'bus',
+ 'trolleybus',
+ 'race_car',
+ 'police_car',
+ 'ambulance',
+ 'fire_engine',
+ 'minibus',
+ 'truck',
+ 'articulated_lorry',
+ 'tractor',
+ 'scooter',
+ 'bike',
+ 'motor_scooter',
+ 'motorcycle',
+ 'rotating_light',
+ 'oncoming_police_car',
+ 'oncoming_bus',
+ 'oncoming_automobile',
+ 'oncoming_taxi',
+ 'aerial_tramway',
+ 'mountain_cableway',
+ 'suspension_railway',
+ 'railway_car',
+ 'train',
+ 'mountain_railway',
+ 'monorail',
+ 'bullettrain_side',
+ 'bullettrain_front',
+ 'light_rail',
+ 'steam_locomotive',
+ 'train2',
+ 'metro',
+ 'tram',
+ 'station',
+ 'airplane',
+ 'airplane_departure',
+ 'airplane_arriving',
+ 'airplane_small',
+ 'seat',
+ 'luggage',
+ 'satellite_orbital',
+ 'rocket',
+ 'flying_saucer',
+ 'helicopter',
+ 'canoe',
+ 'sailboat',
+ 'speedboat',
+ 'motorboat',
+ 'cruise_ship',
+ 'ferry',
+ 'ship',
+ 'anchor',
+ 'fuelpump',
+ 'construction',
+ 'vertical_traffic_light',
+ 'traffic_light',
+ 'busstop',
+ 'map',
+ 'moyai',
+ 'statue_of_liberty',
+ 'tokyo_tower',
+ 'european_castle',
+ 'japanese_castle',
+ 'stadium',
+ 'ferris_wheel',
+ 'roller_coaster',
+ 'carousel_horse',
+ 'fountain',
+ 'beach_umbrella',
+ 'beach',
+ 'island',
+ 'desert',
+ 'volcano',
+ 'mountain',
+ 'mountain_snow',
+ 'mount_fuji',
+ 'camping',
+ 'tent',
+ 'house',
+ 'house_with_garden',
+ 'homes',
+ 'house_abandoned',
+ 'construction_site',
+ 'factory',
+ 'office',
+ 'department_store',
+ 'post_office',
+ 'european_post_office',
+ 'hospital',
+ 'bank',
+ 'hotel',
+ 'convenience_store',
+ 'school',
+ 'love_hotel',
+ 'wedding',
+ 'classical_building',
+ 'church',
+ 'mosque',
+ 'synagogue',
+ 'kaaba',
+ 'shinto_shrine',
+ 'railway_track',
+ 'motorway',
+ 'japan',
+ 'rice_scene',
+ 'park',
+ 'sunrise',
+ 'sunrise_over_mountains',
+ 'stars',
+ 'sparkler',
+ 'fireworks',
+ 'firecracker',
+ 'city_sunset',
+ 'city_dusk',
+ 'cityscape',
+ 'night_with_stars',
+ 'milky_way',
+ 'bridge_at_night',
+ 'foggy',
+ ],
+ flags: [
+ 'flag_white',
+ 'flag_black',
+ 'checkered_flag',
+ 'triangular_flag_on_post',
+ 'rainbow_flag',
+ 'pirate_flag',
+ 'flag_af',
+ 'flag_ax',
+ 'flag_al',
+ 'flag_dz',
+ 'flag_as',
+ 'flag_ad',
+ 'flag_ao',
+ 'flag_ai',
+ 'flag_aq',
+ 'flag_ag',
+ 'flag_ar',
+ 'flag_am',
+ 'flag_aw',
+ 'flag_au',
+ 'flag_at',
+ 'flag_az',
+ 'flag_bs',
+ 'flag_bh',
+ 'flag_bd',
+ 'flag_bb',
+ 'flag_by',
+ 'flag_be',
+ 'flag_bz',
+ 'flag_bj',
+ 'flag_bm',
+ 'flag_bt',
+ 'flag_bo',
+ 'flag_ba',
+ 'flag_bw',
+ 'flag_br',
+ 'flag_io',
+ 'flag_vg',
+ 'flag_bn',
+ 'flag_bg',
+ 'flag_bf',
+ 'flag_bi',
+ 'flag_kh',
+ 'flag_cm',
+ 'flag_ca',
+ 'flag_ic',
+ 'flag_cv',
+ 'flag_bq',
+ 'flag_ky',
+ 'flag_cf',
+ 'flag_td',
+ 'flag_cl',
+ 'flag_cn',
+ 'flag_cx',
+ 'flag_cc',
+ 'flag_co',
+ 'flag_km',
+ 'flag_cg',
+ 'flag_cd',
+ 'flag_ck',
+ 'flag_cr',
+ 'flag_ci',
+ 'flag_hr',
+ 'flag_cu',
+ 'flag_cw',
+ 'flag_cy',
+ 'flag_cz',
+ 'flag_dk',
+ 'flag_dj',
+ 'flag_dm',
+ 'flag_do',
+ 'flag_ec',
+ 'flag_eg',
+ 'flag_sv',
+ 'flag_gq',
+ 'flag_er',
+ 'flag_ee',
+ 'flag_et',
+ 'flag_eu',
+ 'flag_fk',
+ 'flag_fo',
+ 'flag_fj',
+ 'flag_fi',
+ 'flag_fr',
+ 'flag_gf',
+ 'flag_pf',
+ 'flag_tf',
+ 'flag_ga',
+ 'flag_gm',
+ 'flag_ge',
+ 'flag_de',
+ 'flag_gh',
+ 'flag_gi',
+ 'flag_gr',
+ 'flag_gl',
+ 'flag_gd',
+ 'flag_gp',
+ 'flag_gu',
+ 'flag_gt',
+ 'flag_gg',
+ 'flag_gn',
+ 'flag_gw',
+ 'flag_gy',
+ 'flag_ht',
+ 'flag_hn',
+ 'flag_hk',
+ 'flag_hu',
+ 'flag_is',
+ 'flag_in',
+ 'flag_id',
+ 'flag_ir',
+ 'flag_iq',
+ 'flag_ie',
+ 'flag_im',
+ 'flag_il',
+ 'flag_it',
+ 'flag_jm',
+ 'flag_jp',
+ 'crossed_flags',
+ 'flag_je',
+ 'flag_jo',
+ 'flag_kz',
+ 'flag_ke',
+ 'flag_ki',
+ 'flag_xk',
+ 'flag_kw',
+ 'flag_kg',
+ 'flag_la',
+ 'flag_lv',
+ 'flag_lb',
+ 'flag_ls',
+ 'flag_lr',
+ 'flag_ly',
+ 'flag_li',
+ 'flag_lt',
+ 'flag_lu',
+ 'flag_mo',
+ 'flag_mk',
+ 'flag_mg',
+ 'flag_mw',
+ 'flag_my',
+ 'flag_mv',
+ 'flag_ml',
+ 'flag_mt',
+ 'flag_mh',
+ 'flag_mq',
+ 'flag_mr',
+ 'flag_mu',
+ 'flag_yt',
+ 'flag_mx',
+ 'flag_fm',
+ 'flag_md',
+ 'flag_mc',
+ 'flag_mn',
+ 'flag_me',
+ 'flag_ms',
+ 'flag_ma',
+ 'flag_mz',
+ 'flag_mm',
+ 'flag_na',
+ 'flag_nr',
+ 'flag_np',
+ 'flag_nl',
+ 'flag_nc',
+ 'flag_nz',
+ 'flag_ni',
+ 'flag_ne',
+ 'flag_ng',
+ 'flag_nu',
+ 'flag_nf',
+ 'flag_kp',
+ 'flag_mp',
+ 'flag_no',
+ 'flag_om',
+ 'flag_pk',
+ 'flag_pw',
+ 'flag_ps',
+ 'flag_pa',
+ 'flag_pg',
+ 'flag_py',
+ 'flag_pe',
+ 'flag_ph',
+ 'flag_pn',
+ 'flag_pl',
+ 'flag_pt',
+ 'flag_pr',
+ 'flag_qa',
+ 'flag_re',
+ 'flag_ro',
+ 'flag_ru',
+ 'flag_rw',
+ 'flag_ws',
+ 'flag_sm',
+ 'flag_st',
+ 'flag_sa',
+ 'flag_sn',
+ 'flag_rs',
+ 'flag_sc',
+ 'flag_sl',
+ 'flag_sg',
+ 'flag_sx',
+ 'flag_sk',
+ 'flag_si',
+ 'flag_gs',
+ 'flag_sb',
+ 'flag_so',
+ 'flag_za',
+ 'flag_kr',
+ 'flag_ss',
+ 'flag_es',
+ 'flag_lk',
+ 'flag_bl',
+ 'flag_sh',
+ 'flag_kn',
+ 'flag_lc',
+ 'flag_pm',
+ 'flag_vc',
+ 'flag_sd',
+ 'flag_sr',
+ 'flag_sz',
+ 'flag_se',
+ 'flag_ch',
+ 'flag_sy',
+ 'flag_tw',
+ 'flag_tj',
+ 'flag_tz',
+ 'flag_th',
+ 'flag_tl',
+ 'flag_tg',
+ 'flag_tk',
+ 'flag_to',
+ 'flag_tt',
+ 'flag_tn',
+ 'flag_tr',
+ 'flag_tm',
+ 'flag_tc',
+ 'flag_vi',
+ 'flag_tv',
+ 'flag_ug',
+ 'flag_ua',
+ 'flag_ae',
+ 'flag_gb',
+ 'england',
+ 'scotland',
+ 'wales',
+ 'flag_us',
+ 'flag_uy',
+ 'flag_uz',
+ 'flag_vu',
+ 'flag_va',
+ 'flag_ve',
+ 'flag_vn',
+ 'flag_wf',
+ 'flag_eh',
+ 'flag_ye',
+ 'flag_zm',
+ 'flag_zw',
+ 'flag_ac',
+ 'flag_bv',
+ 'flag_cp',
+ 'flag_ea',
+ 'flag_dg',
+ 'flag_hm',
+ 'flag_mf',
+ 'flag_sj',
+ 'flag_ta',
+ 'flag_um',
+ 'united_nations',
+ ],
+ modifier: [
+ 'tone1',
+ 'tone2',
+ 'tone3',
+ 'tone4',
+ 'tone5',
+ ],
+};
diff --git a/app/emoji-emojione/lib/emojione.tpl b/app/emoji-emojione/lib/emojione.tpl
new file mode 100644
index 0000000000000..b7426fb4370fe
--- /dev/null
+++ b/app/emoji-emojione/lib/emojione.tpl
@@ -0,0 +1,30 @@
+/* stylelint-disable */
+
+.emojione-<%= options.category %> {
+ background-image: url('<%= options.spritePath %>');
+<%
+layout.images.forEach(function (image) {
+ if(options.diversityList[image.className]){
+ return;
+ }
+%>
+ &._<%= image.className %> {
+ background-repeat: no-repeat;
+ background-size: <%= (layout.width / image.width * 100) %>% <%= (layout.height / image.height * 100) %>%;
+ background-position: <%= (image.x * 100 / (layout.width - image.width )) %>% <%= (image.y * 100 / (layout.height - image.height)) %>%;
+ }
+<% }); %>
+}
+<%
+layout.images.forEach(function (image) {
+ if(!options.diversityList[image.className]){
+ return;
+ }
+%>
+
+.emojione-diversity._<%= image.className %> {
+ background-image: url('<%= options.spritePath %>');
+ background-repeat: no-repeat;
+ background-size: <%= (layout.width / image.width * 100) %>% <%= (layout.height / image.height * 100) %>%;
+ background-position: <%= (image.x * 100 / (layout.width - image.width )) %>% <%= (image.y * 100 / (layout.height - image.height)) %>%;
+}<% }); %>
diff --git a/app/emoji-emojione/lib/emojioneRender.js b/app/emoji-emojione/lib/emojioneRender.js
new file mode 100644
index 0000000000000..45a9bb1a2a9ef
--- /dev/null
+++ b/app/emoji-emojione/lib/emojioneRender.js
@@ -0,0 +1,11 @@
+import emojione from 'emojione';
+
+const fixClass = (html) => html.replace(/class="emojione emojione-32-/g, 'class="emojione emojione-');
+
+export function emojioneRender(message) {
+ return fixClass(emojione.toImage(message));
+}
+
+export function emojioneRenderFromShort(message) {
+ return fixClass(emojione.shortnameToImage(message));
+}
diff --git a/app/emoji-emojione/lib/generateEmojiIndex.mjs b/app/emoji-emojione/lib/generateEmojiIndex.mjs
new file mode 100644
index 0000000000000..a503a652084b0
--- /dev/null
+++ b/app/emoji-emojione/lib/generateEmojiIndex.mjs
@@ -0,0 +1,185 @@
+/* eslint-disable */
+
+// node --experimental-modules generateEmojiIndex.mjs
+import fs from 'fs';
+import https from 'https';
+import nsg from 'node-sprite-generator';
+import _ from 'underscore';
+import gm from 'gm';
+
+const assetFolder = '../../../node_modules/emojione-assets';
+const emojiJsonFile = `${ assetFolder }/emoji.json`;
+
+if (!fs.existsSync(emojiJsonFile)) {
+ console.error(`${ emojiJsonFile } doesn't exist.`);
+ console.error('Maybe you need to run \'meteor npm install emojione-assets\' or \'meteor npm install\'?');
+} else {
+ const emojiJson = fs.readFileSync(emojiJsonFile);
+ generateEmojiPicker(emojiJson);
+}
+
+function generateEmojiPicker(data) {
+ const emojiList = JSON.parse(data);
+ console.log(`${Object.keys(emojiList).length} emojis found.`);
+
+ let toneList = [];
+ let emojisByCategory = {};
+
+ _.sortBy(Object.entries(emojiList), (a) => a[1].order).forEach(([code, emoji]) => {
+ if (emoji && emoji.shortname) {
+ const toneIndex = emoji.shortname.indexOf('_tone');
+ if (toneIndex !== -1) {
+ const tone = emoji.shortname.substr(1, toneIndex - 1);
+ if (!toneList.includes(tone)) {
+ toneList.push(tone);
+ }
+ return;
+ }
+ }
+
+ if (!emojisByCategory[emoji.category]) {
+ emojisByCategory[emoji.category] = [];
+ }
+ emojisByCategory[emoji.category].push(code);
+ });
+
+ let output = `/*
+ * This file is automatically generated from generateEmojiIndex.mjs
+ * Last generated ${Date().toString()}
+ *
+ * Mapping category hashes into human readable and translated names
+ */\n\n`;
+
+
+ const emojiCategoriesMapping = [
+ { key: 'people', i18n: 'Smileys_and_People' },
+ { key: 'nature', i18n: 'Animals_and_Nature' },
+ { key: 'food', i18n: 'Food_and_Drink' },
+ { key: 'activity', i18n: 'Activity' },
+ { key: 'travel', i18n: 'Travel_and_Places' },
+ { key: 'objects', i18n: 'Objects' },
+ { key: 'symbols', i18n: 'Symbols' },
+ { key: 'flags', i18n: 'Flags' },
+ ];
+
+ // emojiCategories
+ output += `export const emojiCategories = [\n`;
+ for (let category in emojisByCategory) {
+ const map = emojiCategoriesMapping.find(o => o.key === category);
+ if (map) {
+ output += `\t{ key: '${category}', i18n: '${map.i18n}' },\n`;
+ } else {
+ if(category !== 'modifier' || category !== 'regional'){
+ console.error(`No emojiCategory mapping for ${category}`);
+ }
+ }
+ }
+ output += `];\n`;
+
+ // toneList
+ const needsQuotes = ['-'];
+ output += `export const toneList = {\n`;
+ for (let tone in toneList) {
+ if (toneList[tone].includes(needsQuotes)) {
+ output += `\t'${toneList[tone]}': 1,\n`;
+ } else {
+ output += `\t${toneList[tone]}: 1,\n`;
+ }
+
+ }
+ output += `};\n`;
+
+ // emojisByCategory
+ output += `export const emojisByCategory = {\n`;
+ for (let category in emojisByCategory) {
+ output += `\t${category}: [\n`;
+
+ for (let emoji in emojisByCategory[category]) {
+ output += `\t\t'${emojiList[emojisByCategory[category][emoji]].shortname.replace(/:/g,'')}',\n`;
+ }
+
+ output += `\t],\n`;
+ }
+ output += `};\n`;
+
+ fs.writeFileSync("emojiPicker.js", output, {
+ encoding: 'utf8',
+ flag: 'w'
+ });
+ console.log('Generated emojiPicker.js!');
+
+ console.log('Generating sprite sheets....');
+
+ let spriteCss = '';
+
+ for (let category in emojisByCategory) {
+ let srcList = [];
+ let diversityList = [];
+ const emojis = _.filter(emojiList, x => x.category === category);
+ const spritePath = `../../../public/packages/emojione/${ category }-sprites.png`;
+
+ _.each(emojis, function (emoji) {
+ srcList.push(`${ assetFolder }/png/64/${ emoji.code_points.base }.png`);
+ if(emoji.diversity){
+ diversityList[emoji.code_points.base] = true;
+ }
+ });
+ spriteCss += `@import './${ category }-sprites.css';\n`;
+
+ nsg({
+ src: srcList,
+ spritePath: spritePath,
+ layout: 'packed',
+ stylesheet: 'emojione.tpl',
+ stylesheetPath: `../client/${ category }-sprites.css`,
+ compositor: 'gm',
+ layoutOptions: {
+ scaling: 1,
+ },
+ stylesheetOptions: {
+ prefix: '',
+ diversityList: diversityList,
+ category: category,
+ spritePath: `/packages/emojione/${ category }-sprites.png`,
+ pixelRatio: 1
+ }
+ }, function (err) {
+ if (err) {
+ console.error(err);
+ return;
+ }
+ console.log(`${ category }'s sprite generated!`);
+ });
+ }
+
+ spriteCss += `
+.emojione {
+ position: relative;
+
+ display: inline-block;
+ overflow: hidden;
+
+ width: 22px;
+ height: 22px;
+ margin: 0 0.15em;
+
+ vertical-align: middle;
+ white-space: nowrap;
+ text-indent: 100%;
+
+ font-size: inherit;
+ line-height: normal;
+ image-rendering: -webkit-optimize-contrast;
+ image-rendering: optimizeQuality;
+}
+
+.emojione.big {
+ width: 44px;
+ height: 44px;
+}
+`;
+ fs.writeFileSync("../client/emojione-sprites.css", spriteCss, {
+ encoding: 'utf8',
+ flag: 'w'
+ });
+}
diff --git a/app/emoji-emojione/lib/rocketchat.js b/app/emoji-emojione/lib/rocketchat.js
new file mode 100644
index 0000000000000..d3e2f2c8a0a4c
--- /dev/null
+++ b/app/emoji-emojione/lib/rocketchat.js
@@ -0,0 +1,207 @@
+import emojione from 'emojione';
+import { Meteor } from 'meteor/meteor';
+import { Tracker } from 'meteor/tracker';
+
+import { emojioneRender, emojioneRenderFromShort } from './emojioneRender';
+import { emojisByCategory, emojiCategories, toneList } from './emojiPicker';
+import { emoji } from '../../emoji';
+import { getUserPreference } from '../../utils';
+
+// TODO remove fix below when issue is solved: https://github.com/joypixels/emojione/issues/617
+
+// add missing emojis not provided by JS object, but included on emoji.json
+emojione.shortnames += '|:tm:|:copyright:|:registered:|:digit_zero:|:digit_one:|:digit_two:|:digit_three:|:digit_four:|:digit_five:|:digit_six:|:digit_seven:|:digit_eight:|:digit_nine:|:pound_symbol:|:asterisk_symbol:';
+emojione.regShortNames = new RegExp(`]*>.*?<\/object>|]*>.*?<\/span>|<(?:object|embed|svg|img|div|span|p|a)[^>]*>|(${ emojione.shortnames })`, 'gi');
+
+emojione.emojioneList[':tm:'] = {
+ uc_base: '2122',
+ uc_output: '2122-fe0f',
+ uc_match: '2122-fe0f',
+ uc_greedy: '2122-fe0f',
+ shortnames: [],
+ category: 'symbols',
+ emojiPackage: 'emojione',
+};
+
+emojione.emojioneList[':copyright:'] = {
+ uc_base: '00a9',
+ uc_output: '00a9-f0ef',
+ uc_match: '00a9-fe0f',
+ uc_greedy: '00a9-fe0f',
+ shortnames: [],
+ category: 'symbols',
+ emojiPackage: 'emojione',
+};
+
+emojione.emojioneList[':registered:'] = {
+ uc_base: '00ae',
+ uc_output: '00ae-fe0f',
+ uc_match: '00ae-fe0f',
+ uc_greedy: '00ae-fe0f',
+ shortnames: [],
+ category: 'symbols',
+ emojiPackage: 'emojione',
+};
+
+emojione.emojioneList[':digit_zero:'] = {
+ uc_base: '0030',
+ uc_output: '0030-fe0f',
+ uc_match: '0030-fe0f',
+ uc_greedy: '0030-fe0f',
+ shortnames: [],
+ category: 'symbols',
+ emojiPackage: 'emojione',
+};
+
+emojione.emojioneList[':digit_one:'] = {
+ uc_base: '0031',
+ uc_output: '0031-fe0f',
+ uc_match: '0031-fe0f',
+ uc_greedy: '0031-fe0f',
+ shortnames: [],
+ category: 'symbols',
+ emojiPackage: 'emojione',
+};
+
+emojione.emojioneList[':digit_two:'] = {
+ uc_base: '0032',
+ uc_output: '0032-fe0f',
+ uc_match: '0032-fe0f',
+ uc_greedy: '0032-fe0f',
+ shortnames: [],
+ category: 'symbols',
+ emojiPackage: 'emojione',
+};
+
+emojione.emojioneList[':digit_three:'] = {
+ uc_base: '0033',
+ uc_output: '0033-fe0f',
+ uc_match: '0033-fe0f',
+ uc_greedy: '0033-fe0f',
+ shortnames: [],
+ category: 'symbols',
+ emojiPackage: 'emojione',
+};
+
+emojione.emojioneList[':digit_four:'] = {
+ uc_base: '0034',
+ uc_output: '0034-fe0f',
+ uc_match: '0034-fe0f',
+ uc_greedy: '0034-fe0f',
+ shortnames: [],
+ category: 'symbols',
+ emojiPackage: 'emojione',
+};
+
+emojione.emojioneList[':digit_five:'] = {
+ uc_base: '0035',
+ uc_output: '0035-fe0f',
+ uc_match: '0035-fe0f',
+ uc_greedy: '0035-fe0f',
+ shortnames: [],
+ category: 'symbols',
+ emojiPackage: 'emojione',
+};
+
+emojione.emojioneList[':digit_six:'] = {
+ uc_base: '0036',
+ uc_output: '0036-fe0f',
+ uc_match: '0036-fe0f',
+ uc_greedy: '0036-fe0f',
+ shortnames: [],
+ category: 'symbols',
+ emojiPackage: 'emojione',
+};
+
+emojione.emojioneList[':digit_seven:'] = {
+ uc_base: '0037',
+ uc_output: '0037-fe0f',
+ uc_match: '0037-fe0f',
+ uc_greedy: '0037-fe0f',
+ shortnames: [],
+ category: 'symbols',
+ emojiPackage: 'emojione',
+};
+
+emojione.emojioneList[':digit_eight:'] = {
+ uc_base: '0038',
+ uc_output: '0038-fe0f',
+ uc_match: '0038-fe0f',
+ uc_greedy: '0038-fe0f',
+ shortnames: [],
+ category: 'symbols',
+ emojiPackage: 'emojione',
+};
+
+emojione.emojioneList[':digit_nine:'] = {
+ uc_base: '0039',
+ uc_output: '0039-fe0f',
+ uc_match: '0039-fe0f',
+ uc_greedy: '0039-fe0f',
+ shortnames: [],
+ category: 'symbols',
+ emojiPackage: 'emojione',
+};
+
+emojione.emojioneList[':pound_symbol:'] = {
+ uc_base: '0023',
+ uc_output: '0023-fe0f',
+ uc_match: '0023-fe0f',
+ uc_greedy: '0023-fe0f',
+ shortnames: [],
+ category: 'symbols',
+ emojiPackage: 'emojione',
+};
+
+emojione.emojioneList[':asterisk_symbol:'] = {
+ uc_base: '002a',
+ uc_output: '002a-fe0f',
+ uc_match: '002a-fe0f',
+ uc_greedy: '002a-fe0f',
+ shortnames: [],
+ category: 'symbols',
+ emojiPackage: 'emojione',
+};
+// end fix
+
+emoji.packages.emojione = emojione;
+emoji.packages.emojione.sprites = true;
+emoji.packages.emojione.emojisByCategory = emojisByCategory;
+emoji.packages.emojione.emojiCategories = emojiCategories;
+emoji.packages.emojione.toneList = toneList;
+
+emoji.packages.emojione.render = emojioneRender;
+emoji.packages.emojione.renderPicker = emojioneRenderFromShort;
+
+// http://stackoverflow.com/a/26990347 function isSet() from Gajus
+function isSetNotNull(fn) {
+ let value;
+ try {
+ value = fn();
+ } catch (e) {
+ value = null;
+ }
+ return value !== null && value !== undefined;
+}
+
+// RocketChat.emoji.list is the collection of emojis from all emoji packages
+for (const key in emojione.emojioneList) {
+ if (emojione.emojioneList.hasOwnProperty(key)) {
+ const currentEmoji = emojione.emojioneList[key];
+ currentEmoji.emojiPackage = 'emojione';
+ emoji.list[key] = currentEmoji;
+ }
+}
+
+// Additional settings -- ascii emojis
+Meteor.startup(function() {
+ Tracker.autorun(function() {
+ if (isSetNotNull(() => emoji.packages.emojione)) {
+ if (isSetNotNull(() => getUserPreference(Meteor.userId(), 'convertAsciiEmoji'))) {
+ emoji.packages.emojione.ascii = getUserPreference(Meteor.userId(), 'convertAsciiEmoji');
+ } else {
+ emoji.packages.emojione.ascii = true;
+ }
+ }
+ });
+});
diff --git a/app/emoji-emojione/server/callbacks.js b/app/emoji-emojione/server/callbacks.js
new file mode 100644
index 0000000000000..fb88919f10b09
--- /dev/null
+++ b/app/emoji-emojione/server/callbacks.js
@@ -0,0 +1,8 @@
+import { Meteor } from 'meteor/meteor';
+import emojione from 'emojione';
+
+import { callbacks } from '../../callbacks';
+
+Meteor.startup(function() {
+ callbacks.add('beforeSendMessageNotifications', (message) => emojione.shortnameToUnicode(message));
+});
diff --git a/packages/rocketchat-emoji-emojione/server/index.js b/app/emoji-emojione/server/index.js
similarity index 100%
rename from packages/rocketchat-emoji-emojione/server/index.js
rename to app/emoji-emojione/server/index.js
diff --git a/app/emoji/client/emojiParser.js b/app/emoji/client/emojiParser.js
new file mode 100644
index 0000000000000..5a29931a5bd89
--- /dev/null
+++ b/app/emoji/client/emojiParser.js
@@ -0,0 +1,53 @@
+import s from 'underscore.string';
+import { Meteor } from 'meteor/meteor';
+import { Tracker } from 'meteor/tracker';
+
+import { getUserPreference } from '../../utils';
+import { callbacks } from '../../callbacks';
+import { emoji } from '../lib/rocketchat';
+
+/*
+ * emojiParser is a function that will replace emojis
+ * @param {Object} message - The message object
+ */
+
+Tracker.autorun(() => {
+ if (!getUserPreference(Meteor.userId(), 'useEmojis')) {
+ return callbacks.remove('renderMessage', 'emoji');
+ }
+ callbacks.add('renderMessage', (message) => {
+ if (s.trim(message.html)) {
+ // ' to apostrophe (') for emojis such as :')
+ message.html = message.html.replace(/'/g, '\'');
+
+ // '
' to '
' for emojis such at line breaks
+ message.html = message.html.replace(/
/g, '
');
+
+ message.html = Object.entries(emoji.packages).reduce((value, [, emojiPackage]) => emojiPackage.render(value), message.html);
+
+ const checkEmojiOnly = document.createElement('div');
+
+ checkEmojiOnly.innerHTML = message.html;
+
+ const emojis = Array.from(checkEmojiOnly.querySelectorAll('.emoji:not(:empty), .emojione:not(:empty)'));
+
+ for (let i = 0, len = emojis.length; i < len; i++) {
+ const { classList } = emojis[i];
+ classList.add('big');
+ }
+ const emojiOnly = checkEmojiOnly.childNodes.length === emojis.length;
+
+ if (emojiOnly) {
+ message.html = checkEmojiOnly.innerHTML;
+ }
+
+ // apostrophe (') back to '
+ message.html = message.html.replace(/\'/g, ''');
+
+ // apostrophe '
' back to '
'
+ message.html = message.html.replace(/
/g, '
');
+ }
+
+ return message;
+ }, callbacks.priority.LOW, 'emoji');
+});
diff --git a/app/emoji/client/emojiPicker.html b/app/emoji/client/emojiPicker.html
new file mode 100644
index 0000000000000..7b1bec27f0270
--- /dev/null
+++ b/app/emoji/client/emojiPicker.html
@@ -0,0 +1,49 @@
+
+
+
+
+
+ {{#each category in emojiCategories}}
+ -
+
+
+ {{/each}}
+
+
+
+ {{#if searching}}
+ {{{searchResults}}}
+ {{else}}
+ {{#each category in emojiCategories}}
+
{{_ category.i18n}}
+
+ {{{emojiList category.key}}}
+
+ {{/each}}
+ {{/if}}
+
+
+
';
+ const t = Template.instance();
+ const actualTone = t.tone;
+
+ EmojiPicker.currentCategory.set('');
+
+ const searchRegExp = new RegExp(RegExp.escape(searchTerm.replace(/:/g, '')), 'i');
+
+ for (let current in emoji.list) {
+ if (!emoji.list.hasOwnProperty(current)) {
+ continue;
+ }
+
+ if (searchRegExp.test(current)) {
+ const emojiObject = emoji.list[current];
+ const { emojiPackage } = emojiObject;
+ let tone = '';
+ current = current.replace(/:/g, '');
+
+ if (actualTone > 0 && emoji.packages[emojiPackage].toneList.hasOwnProperty(emoji)) {
+ tone = `_tone${ actualTone }`;
+ }
+
+ let emojiFound = false;
+
+ for (const key in emoji.packages[emojiPackage].emojisByCategory) {
+ if (emoji.packages[emojiPackage].emojisByCategory.hasOwnProperty(key)) {
+ const contents = emoji.packages[emojiPackage].emojisByCategory[key];
+ if (contents.indexOf(current) !== -1) {
+ emojiFound = true;
+ break;
+ }
+ }
+ }
+
+ if (emojiFound) {
+ const image = emoji.packages[emojiPackage].renderPicker(`:${ current }${ tone }:`);
+ html += getEmojiElement(current, image);
+ }
+ }
+ }
+ html += '
';
+
+ return html;
+}
+
+Template.emojiPicker.helpers({
+ emojiCategories() {
+ return Template.instance().categoriesList;
+ },
+ emojiByCategory(category) {
+ let emojisByCategory = [];
+ for (const emojiPackage in emoji.packages) {
+ if (emoji.packages.hasOwnProperty(emojiPackage)) {
+ if (emoji.packages[emojiPackage].emojisByCategory.hasOwnProperty(category)) {
+ emojisByCategory = emojisByCategory.concat(emoji.packages[emojiPackage].emojisByCategory[category]);
+ }
+ }
+ }
+ return emojisByCategory;
+ },
+ searching() {
+ return Template.instance().currentSearchTerm.get().length > 0;
+ },
+ searchResults() {
+ return getEmojisBySearchTerm(Template.instance().currentSearchTerm.get());
+ },
+ emojiList(category) {
+ return emojiListByCategory.get(category);
+ },
+ currentTone() {
+ return `tone-${ Template.instance().tone }`;
+ },
+ /**
+ * Returns true if a given emoji category is active
+ *
+ * @param {string} category hash
+ * @return {boolean} true if active, false otherwise
+ */
+ activeCategory(category) {
+ return EmojiPicker.currentCategory.get() === category ? 'active' : '';
+ },
+ /**
+ * Returns currently active emoji category hash
+ *
+ * @return {string} category hash
+ */
+ currentCategory() {
+ return EmojiPicker.currentCategory.get();
+ },
+});
+
+Template.emojiPicker.events({
+ 'click .emoji-picker'(event) {
+ event.stopPropagation();
+ event.preventDefault();
+ },
+ 'click .category-link'(event) {
+ event.stopPropagation();
+ event.preventDefault();
+
+ EmojiPicker.showCategory(event.currentTarget.hash.substr(1));
+
+ return false;
+ },
+ 'scroll .emojis': _.throttle((event, instance) => {
+ if (EmojiPicker.scrollingToCategory) {
+ return;
+ }
+
+ const container = instance.$(event.currentTarget);
+ const scrollTop = container.scrollTop() + 8;
+
+ const last = EmojiPicker.getCategoryPositions()
+ .filter((pos) => pos.top <= scrollTop)
+ .pop();
+
+ if (!last) {
+ return;
+ }
+
+ const { el } = last;
+
+ const category = el.id.replace('emoji-list-category-', '');
+
+ EmojiPicker.currentCategory.set(category);
+ }, 300),
+ 'click .change-tone > a'(event, instance) {
+ event.stopPropagation();
+ event.preventDefault();
+
+ instance.$('.tone-selector').toggleClass('show');
+ },
+ 'click .tone-selector .tone'(event, instance) {
+ event.stopPropagation();
+ event.preventDefault();
+
+ const tone = parseInt(event.currentTarget.dataset.tone);
+ let newTone;
+
+ if (tone > 0) {
+ newTone = `_tone${ tone }`;
+ } else {
+ newTone = '';
+ }
+
+ for (const emojiPackage in emoji.packages) {
+ if (emoji.packages.hasOwnProperty(emojiPackage)) {
+ if (emoji.packages[emojiPackage].hasOwnProperty('toneList')) {
+ for (const _emoji in emoji.packages[emojiPackage].toneList) {
+ if (emoji.packages[emojiPackage].toneList.hasOwnProperty(_emoji)) {
+ $(`.emoji-${ _emoji }`).html(emoji.packages[emojiPackage].render(`:${ _emoji }${ newTone }:`));
+ }
+ }
+ }
+ }
+ }
+
+ EmojiPicker.setTone(tone);
+
+ instance.setCurrentTone(tone);
+
+ $('.tone-selector').toggleClass('show');
+ },
+ 'click .emoji-list .emoji-picker-item'(event, instance) {
+ event.stopPropagation();
+
+ const _emoji = event.currentTarget.dataset.emoji;
+ const actualTone = instance.tone;
+ let tone = '';
+
+ for (const emojiPackage in emoji.packages) {
+ if (emoji.packages.hasOwnProperty(emojiPackage)) {
+ if (actualTone > 0 && emoji.packages[emojiPackage].toneList.hasOwnProperty(_emoji)) {
+ tone = `_tone${ actualTone }`;
+ }
+ }
+ }
+
+ const input = $('.emoji-picker .js-emojipicker-search');
+ if (input) {
+ input.val('');
+ }
+ instance.currentSearchTerm.set('');
+
+ EmojiPicker.pickEmoji(_emoji + tone);
+ },
+ 'keyup .js-emojipicker-search, change .js-emojipicker-search'(event, instance) {
+ const value = event.target.value.trim();
+ const cst = instance.currentSearchTerm;
+ if (value === cst.get()) {
+ return;
+ }
+ cst.set(value);
+ },
+});
+
+Template.emojiPicker.onCreated(function() {
+ this.tone = EmojiPicker.getTone();
+ const recent = EmojiPicker.getRecent();
+
+ this.currentSearchTerm = new ReactiveVar('');
+
+ this.categoriesList = [];
+ for (const emojiPackage in emoji.packages) {
+ if (emoji.packages.hasOwnProperty(emojiPackage)) {
+ if (emoji.packages[emojiPackage].emojiCategories) {
+ if (typeof emoji.packages[emojiPackage].categoryIndex !== 'undefined') {
+ this.categoriesList.splice(emoji.packages[emojiPackage].categoryIndex, 0, ...emoji.packages[emojiPackage].emojiCategories);
+ } else {
+ this.categoriesList = this.categoriesList.concat(emoji.packages[emojiPackage].emojiCategories);
+ }
+ }
+ }
+ }
+
+ recent.forEach((_emoji) => {
+ emoji.packages.base.emojisByCategory.recent.push(_emoji);
+ });
+
+ this.setCurrentTone = (newTone) => {
+ $('.current-tone').removeClass(`tone-${ this.tone }`);
+ $('.current-tone').addClass(`tone-${ newTone }`);
+ this.tone = newTone;
+ };
+
+ createPickerEmojis(this);
+});
diff --git a/app/emoji/client/function-isSet.js b/app/emoji/client/function-isSet.js
new file mode 100644
index 0000000000000..f580568969050
--- /dev/null
+++ b/app/emoji/client/function-isSet.js
@@ -0,0 +1,20 @@
+// http://stackoverflow.com/a/26990347 function isSet() from Gajus
+export const isSet = function(fn) {
+ let value;
+ try {
+ value = fn();
+ } catch (e) {
+ value = undefined;
+ }
+ return value !== undefined;
+};
+
+export const isSetNotNull = function(fn) {
+ let value;
+ try {
+ value = fn();
+ } catch (e) {
+ value = null;
+ }
+ return value !== null && value !== undefined;
+};
diff --git a/app/emoji/client/index.js b/app/emoji/client/index.js
new file mode 100644
index 0000000000000..b0ac0d5a37322
--- /dev/null
+++ b/app/emoji/client/index.js
@@ -0,0 +1,12 @@
+import './emojiParser';
+import './emojiPicker.html';
+import './emojiPicker';
+import { EmojiPicker } from './lib/EmojiPicker';
+import { renderEmoji } from './lib/emojiRenderer';
+import { emoji } from '../lib/rocketchat';
+
+export {
+ renderEmoji,
+ emoji,
+ EmojiPicker,
+};
diff --git a/app/emoji/client/lib/EmojiPicker.js b/app/emoji/client/lib/EmojiPicker.js
new file mode 100644
index 0000000000000..0391d0782726e
--- /dev/null
+++ b/app/emoji/client/lib/EmojiPicker.js
@@ -0,0 +1,184 @@
+import _ from 'underscore';
+import { Blaze } from 'meteor/blaze';
+import { Template } from 'meteor/templating';
+import { ReactiveVar } from 'meteor/reactive-var';
+import { Tracker } from 'meteor/tracker';
+
+import { emoji } from '../../lib/rocketchat';
+import { updateRecentEmoji } from '../emojiPicker';
+
+let updatePositions = true;
+
+export const EmojiPicker = {
+ width: 365,
+ height: 300,
+ initiated: false,
+ input: null,
+ source: null,
+ recent: [],
+ tone: null,
+ opened: false,
+ pickCallback: null,
+ scrollingToCategory: false,
+ currentCategory: new ReactiveVar('recent'),
+ init() {
+ if (this.initiated) {
+ return;
+ }
+ this.initiated = true;
+
+ this.recent = window.localStorage.getItem('emoji.recent') ? window.localStorage.getItem('emoji.recent').split(',') : [];
+ this.tone = window.localStorage.getItem('emoji.tone') || 0;
+
+ Blaze.render(Template.emojiPicker, document.body);
+
+ $(document).click((event) => {
+ if (!this.opened) {
+ return;
+ }
+ if (!$(event.target).closest('.emoji-picker').length && !$(event.target).is('.emoji-picker')) {
+ if (this.opened) {
+ this.close();
+ }
+ }
+ });
+
+ $(window).resize(_.debounce(() => {
+ if (!this.opened) {
+ return;
+ }
+ this.setPosition();
+ }, 300));
+ },
+ isOpened() {
+ return this.opened;
+ },
+ setTone(tone) {
+ this.tone = tone;
+ window.localStorage.setItem('emoji.tone', tone);
+ },
+ getTone() {
+ return this.tone;
+ },
+ getRecent() {
+ return this.recent;
+ },
+ setPosition() {
+ const windowHeight = window.innerHeight;
+ const windowWidth = window.innerWidth;
+ const windowBorder = 10;
+ const sourcePos = $(this.source).offset();
+ const { left, top } = sourcePos;
+ const cssProperties = { top, left };
+ const isLargerThanWindow = this.width + windowBorder > windowWidth;
+
+ if (top + this.height >= windowHeight) {
+ cssProperties.top = windowHeight - this.height - windowBorder - 75;
+ }
+
+ if (left < windowBorder) {
+ cssProperties.left = isLargerThanWindow ? 0 : windowBorder;
+ }
+
+ if (left + this.width >= windowWidth) {
+ cssProperties.left = isLargerThanWindow ? 0 : windowWidth - this.width - windowBorder;
+ }
+
+ return $('.emoji-picker').css(cssProperties);
+ },
+ open(source, callback) {
+ if (!this.initiated) {
+ this.init();
+ }
+ this.pickCallback = callback;
+ this.source = source;
+
+ const containerEl = this.setPosition();
+ containerEl.addClass('show');
+
+ const emojiInput = containerEl.find('.js-emojipicker-search');
+ if (emojiInput) {
+ emojiInput.focus();
+ }
+
+ this.calculateCategoryPositions();
+
+ if (this.recent.length === 0 && this.currentCategory.get() === 'recent') {
+ this.showCategory(emoji.packages.emojiCustom.list.length > 0 ? 'rocket' : 'people', false);
+ }
+
+ this.opened = true;
+ },
+ close() {
+ $('.emoji-picker').removeClass('show');
+ this.opened = false;
+ },
+ pickEmoji(emoji) {
+ this.pickCallback(emoji);
+
+ this.close();
+ this.addRecent(emoji);
+ },
+ addRecent(_emoji) {
+ const pos = this.recent.indexOf(_emoji);
+
+ if (pos !== -1) {
+ this.recent.splice(pos, 1);
+ }
+
+ this.recent.unshift(_emoji);
+
+ updatePositions = true;
+
+ window.localStorage.setItem('emoji.recent', this.recent);
+ emoji.packages.base.emojisByCategory.recent = this.recent;
+ this.updateRecent('recent');
+ },
+ updateRecent(category) {
+ updateRecentEmoji(category);
+ },
+ calculateCategoryPositions() {
+ if (!updatePositions) {
+ return;
+ }
+ updatePositions = false;
+
+ const containerScroll = $('.emoji-picker .emojis').scrollTop();
+
+ this.catPositions = Array.from(document.querySelectorAll('.emoji-list-category')).map((el) => {
+ const { top } = $(el).position();
+ return {
+ el,
+ top: top + containerScroll,
+ };
+ });
+ },
+ getCategoryPositions() {
+ return this.catPositions;
+ },
+ showCategory(category, animate = true) {
+ this.scrollingToCategory = animate;
+
+ $('.emoji-picker .js-emojipicker-search')
+ .val('')
+ .change()
+ .focus();
+
+ this.currentCategory.set(category);
+
+ Tracker.afterFlush(() => {
+ const header = $(`#emoji-list-category-${ category }`);
+ const container = $('.emoji-picker .emojis');
+
+ const scrollTop = header.position().top + container.scrollTop();// - container.position().top;
+
+ if (animate) {
+ return container.animate({
+ scrollTop,
+ }, 300, () => { this.scrollingToCategory = false; });
+ }
+
+ container.scrollTop(scrollTop);
+ });
+ },
+};
diff --git a/app/emoji/client/lib/emojiRenderer.js b/app/emoji/client/lib/emojiRenderer.js
new file mode 100644
index 0000000000000..d4b2ba2f49939
--- /dev/null
+++ b/app/emoji/client/lib/emojiRenderer.js
@@ -0,0 +1,27 @@
+import { Blaze } from 'meteor/blaze';
+import { Template } from 'meteor/templating';
+import { HTML } from 'meteor/htmljs';
+
+import { emoji } from '../../lib/rocketchat';
+import { isSetNotNull } from '../function-isSet';
+
+export const renderEmoji = function(_emoji) {
+ if (isSetNotNull(() => emoji.list[_emoji].emojiPackage)) {
+ const { emojiPackage } = emoji.list[_emoji];
+ return emoji.packages[emojiPackage].render(_emoji);
+ }
+};
+
+Blaze.registerHelper('renderEmoji', renderEmoji);
+
+Template.registerHelper('renderEmoji', new Template('renderEmoji', function() {
+ const view = this;
+ const _emoji = Blaze.getData(view);
+
+ if (isSetNotNull(() => emoji.list[_emoji].emojiPackage)) {
+ const { emojiPackage } = emoji.list[_emoji];
+ return new HTML.Raw(emoji.packages[emojiPackage].render(_emoji));
+ }
+
+ return '';
+}));
diff --git a/app/emoji/index.js b/app/emoji/index.js
new file mode 100644
index 0000000000000..a67eca871efbb
--- /dev/null
+++ b/app/emoji/index.js
@@ -0,0 +1,8 @@
+import { Meteor } from 'meteor/meteor';
+
+if (Meteor.isClient) {
+ module.exports = require('./client/index.js');
+}
+if (Meteor.isServer) {
+ module.exports = require('./server/index.js');
+}
diff --git a/app/emoji/lib/rocketchat.js b/app/emoji/lib/rocketchat.js
new file mode 100644
index 0000000000000..acc02a316c63e
--- /dev/null
+++ b/app/emoji/lib/rocketchat.js
@@ -0,0 +1,20 @@
+import { emojioneRender } from '../../emoji-emojione/lib/emojioneRender';
+
+export const emoji = {
+ packages: {
+ base: {
+ emojiCategories: [{ key: 'recent', i18n: 'Frequently_Used' }],
+ categoryIndex: 0,
+ emojisByCategory: {
+ recent: [],
+ },
+ toneList: {},
+ render: emojioneRender,
+ renderPicker(emojiToRender) {
+ const correctPackage = emoji.list[emojiToRender].emojiPackage;
+ return emoji.packages[correctPackage].renderPicker(emojiToRender);
+ },
+ },
+ },
+ list: {},
+};
diff --git a/app/emoji/server/index.js b/app/emoji/server/index.js
new file mode 100644
index 0000000000000..4bb73e75c17d8
--- /dev/null
+++ b/app/emoji/server/index.js
@@ -0,0 +1 @@
+export { emoji } from '../lib/rocketchat';
diff --git a/app/error-handler/index.js b/app/error-handler/index.js
new file mode 100644
index 0000000000000..ca39cd0df4b1a
--- /dev/null
+++ b/app/error-handler/index.js
@@ -0,0 +1 @@
+export * from './server/index';
diff --git a/app/error-handler/server/index.js b/app/error-handler/server/index.js
new file mode 100644
index 0000000000000..3f74d50121616
--- /dev/null
+++ b/app/error-handler/server/index.js
@@ -0,0 +1,6 @@
+import ErrorHandler from './lib/RocketChat.ErrorHandler';
+import './startup/settings';
+
+export {
+ ErrorHandler,
+};
diff --git a/packages/rocketchat-error-handler/server/lib/RocketChat.ErrorHandler.js b/app/error-handler/server/lib/RocketChat.ErrorHandler.js
similarity index 76%
rename from packages/rocketchat-error-handler/server/lib/RocketChat.ErrorHandler.js
rename to app/error-handler/server/lib/RocketChat.ErrorHandler.js
index 10443e051adbc..a542d801fe72c 100644
--- a/packages/rocketchat-error-handler/server/lib/RocketChat.ErrorHandler.js
+++ b/app/error-handler/server/lib/RocketChat.ErrorHandler.js
@@ -1,5 +1,8 @@
import { Meteor } from 'meteor/meteor';
-import { RocketChat } from 'meteor/rocketchat:lib';
+
+import { settings } from '../../../settings';
+import { Users, Rooms } from '../../../models';
+import { sendMessage } from '../../../lib';
class ErrorHandler {
constructor() {
@@ -10,7 +13,7 @@ class ErrorHandler {
Meteor.startup(() => {
this.registerHandlers();
- RocketChat.settings.get('Log_Exceptions_to_Channel', (key, value) => {
+ settings.get('Log_Exceptions_to_Channel', (key, value) => {
this.rid = null;
const roomName = value.trim();
if (roomName) {
@@ -47,7 +50,7 @@ class ErrorHandler {
getRoomId(roomName) {
roomName = roomName.replace('#');
- const room = RocketChat.models.Rooms.findOneByName(roomName, { fields: { _id: 1, t: 1 } });
+ const room = Rooms.findOneByName(roomName, { fields: { _id: 1, t: 1 } });
if (!room || (room.t !== 'c' && room.t !== 'p')) {
return;
}
@@ -59,14 +62,14 @@ class ErrorHandler {
return;
}
this.lastError = message;
- const user = RocketChat.models.Users.findOneById('rocket.cat');
+ const user = Users.findOneById('rocket.cat');
if (stack) {
message = `${ message }\n\`\`\`\n${ stack }\n\`\`\``;
}
- RocketChat.sendMessage(user, { msg: message }, { _id: this.rid });
+ sendMessage(user, { msg: message }, { _id: this.rid });
}
}
-RocketChat.ErrorHandler = new ErrorHandler;
+export default new ErrorHandler();
diff --git a/app/error-handler/server/startup/settings.js b/app/error-handler/server/startup/settings.js
new file mode 100644
index 0000000000000..77421c3fb2a57
--- /dev/null
+++ b/app/error-handler/server/startup/settings.js
@@ -0,0 +1,5 @@
+import { settings } from '../../../settings';
+
+settings.addGroup('Logs', function() {
+ this.add('Log_Exceptions_to_Channel', '', { type: 'string' });
+});
diff --git a/packages/rocketchat-favico/client/favico.js b/app/favico/client/favico.js
similarity index 100%
rename from packages/rocketchat-favico/client/favico.js
rename to app/favico/client/favico.js
diff --git a/app/favico/client/index.js b/app/favico/client/index.js
new file mode 100644
index 0000000000000..239a252e455ca
--- /dev/null
+++ b/app/favico/client/index.js
@@ -0,0 +1,3 @@
+import { Favico } from './favico';
+
+export { Favico };
diff --git a/app/favico/index.js b/app/favico/index.js
new file mode 100644
index 0000000000000..40a7340d38877
--- /dev/null
+++ b/app/favico/index.js
@@ -0,0 +1 @@
+export * from './client/index';
diff --git a/app/federation/README.md b/app/federation/README.md
new file mode 100644
index 0000000000000..e8f08c1023325
--- /dev/null
+++ b/app/federation/README.md
@@ -0,0 +1 @@
+##Rocket.Chat Federation
\ No newline at end of file
diff --git a/app/federation/client/admin/dashboard.css b/app/federation/client/admin/dashboard.css
new file mode 100644
index 0000000000000..31b7ade58d7ae
--- /dev/null
+++ b/app/federation/client/admin/dashboard.css
@@ -0,0 +1,141 @@
+.status {
+ flex: 0 0 auto;
+
+ width: 6px;
+ height: 6px;
+ margin: 0 7px;
+
+ border-radius: 50%;
+}
+
+.status.stable {
+ background-color: #2de0a5;
+}
+
+.status.unstable {
+ background-color: #ffd21f;
+}
+
+.status.failing {
+ background-color: #f5455c;
+}
+
+.frame {
+ display: flex;
+ flex-direction: row;
+}
+
+.group {
+ display: flex;
+ flex-direction: row;
+ flex: 100%;
+
+ max-width: 100%;
+ margin: 10px;
+
+ border-width: 1px;
+ align-items: center;
+ justify-content: center;
+}
+
+.group.left {
+ justify-content: flex-start;
+}
+
+.group.wrap {
+ flex-wrap: wrap;
+}
+
+.overview-column {
+ flex: 100%;
+
+ min-height: 20px;
+ margin: 15px 0;
+}
+
+.overview-column.small {
+ max-width: 20%;
+}
+
+.group .overview-column:not(:last-child) {
+ border-right: 1px solid #e9e9e9;
+}
+
+.group .overview-column:nth-child(5n) {
+ border-right: 0;
+}
+
+.overview-pill {
+ display: flex;
+
+ width: 100%;
+ padding: 0 10px;
+
+ user-select: text;
+ text-align: center;
+ align-items: center;
+}
+
+.overview-item {
+ width: 100%;
+
+ user-select: text;
+ text-align: center;
+}
+
+.overview-item > .title {
+ display: inline-block;
+
+ margin-top: 8px;
+
+ text-transform: uppercase;
+
+ color: #9ea2a8;
+
+ font-size: 0.875rem;
+ font-weight: 300;
+}
+
+.overview-item > .value {
+ display: inline-block;
+
+ width: 100%;
+
+ text-transform: capitalize;
+
+ color: #383838;
+
+ font-size: 1.75rem;
+ font-weight: 400;
+ line-height: 1;
+}
+
+@media screen and (max-width: 925px) {
+ .overview-item > .title {
+ font-size: 0.5rem;
+ }
+
+ .overview-item > .value {
+ font-size: 1rem;
+ }
+}
+
+@media screen and (max-width: 800px) {
+ .overview-item > .title {
+ font-size: 0.875rem;
+ }
+
+ .overview-item > .value {
+ font-size: 1.75rem;
+ }
+}
+
+@media screen and (max-width: 600px) {
+ .overview-item > .title {
+ font-size: 0.5rem;
+ }
+
+ .overview-item > .value {
+ font-size: 1rem;
+ }
+}
diff --git a/app/federation/client/admin/dashboard.html b/app/federation/client/admin/dashboard.html
new file mode 100644
index 0000000000000..476cc9472dfbe
--- /dev/null
+++ b/app/federation/client/admin/dashboard.html
@@ -0,0 +1,33 @@
+
+
+
+ {{> header sectionName="Federation_Dashboard"}}
+
+
+
+
+ {{#each federationOverviewData}}
+
+
+ {{value}}
+ {{_ title}}
+
+
+ {{/each}}
+
+
+ {{#each federationPeerStatuses}}
+
+ {{/each}}
+
+
+
+
+
+ {{#unless isAdmin}}
+
{{_ "You_are_not_authorized_to_view_this_page"}}
+ {{else}}
+
+
+
{{_ "Import History" }}
+
+
+
{{_ "View the status of all import operations." }}
+
+
+
+
+
+
+
+
+ {{/unless}}
+
+ {{#unless isAdmin}}
+
{{_ "You_are_not_authorized_to_view_this_page"}}
+ {{else}}
+ {{#if isPreparing}}
+ {{> loading}}
+ {{else}}
+
+
+ {{#each history}}
+
+
+
+
{{ statusMessage}}
+
+ {{_ "Import_Type"}}:
+ {{ type}} [{{ importerKey}}]
+
+
+ {{_ "Last_Updated"}}:
+ {{ lastUpdated}}
+
+
+ {{#if messagesstatus}}
+ {{_ "Current_File"}}:
+ {{ messagesstatus}}
+
+ {{/if}}
+
+ {{#if hasCounters}}
+ {{_ "Counters"}}:
+
+
+ {{_ "Users"}}:
+ {{ userCount}}
+
+ {{_ "Channels"}}:
+ {{ channelCount}}
+
+ {{_ "Messages"}}:
+ {{ messageCount}}
+
+ {{_ "Total"}}:
+ {{ totalCount}}
+
+
+
+ {{/if}}
+
+ {{#if hasErrors}}
+ {{_ "Errors_and_Warnings"}}:
+
+
+ {{#if fileData.users}}
+ {{#each fileData.users}}
+ {{#if is_email_taken}}
+ {{_ "Email_already_exists"}}:
+ {{ email}}
+
+ {{/if}}
+
+ {{#if error}}
+ {{ email}}:
+ {{ formatedError}}
+
+ {{/if}}
+
+ {{/each}}
+ {{/if}}
+
+ {{#if errors}}
+
+
+ {{_ "Not_Imported_Messages_Title"}}
+
+ {{#each errors}}
+
+ {{#if msg}}
+ {{#if msg.id}}
+ {{_ "Message_Id"}}:
+ {{ msg.id}}
+
+ {{/if}}
+ {{#if msg.userId}}
+ {{_ "Message_UserId"}}:
+ {{ msg.userId}}
+
+ {{/if}}
+ {{#if msg.ts}}
+ {{_ "Message_Time"}}:
+ {{ messageTime}}
+
+ {{/if}}
+
+ {{/if}}
+ {{#if error}}
+ {{#if error.error}}
+ {{_ "Error"}}:
+ {{ error.error}}:
+
+ {{/if}}
+ {{#if error.message}}
+ {{_ "Message"}}:
+ {{ error.message}}:
+
+ {{/if}}
+ {{#if error.details}}
+ {{#if error.details.method}}
+ {{_ "Method"}}:
+ {{ error.details.method}}:
+
+ {{/if}}
+ {{/if}}
+ {{/if}}
+ {{/each}}
+ {{/if}}
+
+
+ {{/if}}
+
+
+
+ {{/each}}
+ {{/if}}
+ {{/unless}}
+
+ {{#unless isAdmin}}
+
{{_ "You_are_not_authorized_to_view_this_page"}}
+ {{else}}
+
+ {{/unless}}
+
{{step}}
+ {{completed}} / {{total}}
+
+ {{_ "You_can_close_this_window_now"}}
+
diff --git a/packages/rocketchat-importer/client/admin/adminImportProgress.js b/app/importer/client/admin/adminImportProgress.js
similarity index 94%
rename from packages/rocketchat-importer/client/admin/adminImportProgress.js
rename to app/importer/client/admin/adminImportProgress.js
index 49ad9c6071c42..cc05d750398bb 100644
--- a/packages/rocketchat-importer/client/admin/adminImportProgress.js
+++ b/app/importer/client/admin/adminImportProgress.js
@@ -1,12 +1,14 @@
import { Meteor } from 'meteor/meteor';
import { ReactiveVar } from 'meteor/reactive-var';
-import { Importers, ImporterWebsocketReceiver, ProgressStep } from 'meteor/rocketchat:importer';
+
+import { Importers, ImporterWebsocketReceiver, ProgressStep } from '..';
+
import { FlowRouter } from 'meteor/kadira:flow-router';
import { Template } from 'meteor/templating';
-import { t } from 'meteor/rocketchat:ui';
-import { handleError } from 'meteor/rocketchat:lib';
import toastr from 'toastr';
+import { t, handleError } from '../../../utils';
+
Template.adminImportProgress.helpers({
step() {
return Template.instance().step.get();
diff --git a/app/importer/client/index.js b/app/importer/client/index.js
new file mode 100644
index 0000000000000..ff06c8ee496b1
--- /dev/null
+++ b/app/importer/client/index.js
@@ -0,0 +1,19 @@
+import { ImporterWebsocketReceiver } from './ImporterWebsocketReceiver';
+import { Importers } from '../lib/Importers';
+import { ImporterInfo } from '../lib/ImporterInfo';
+import { ProgressStep } from '../lib/ImporterProgressStep';
+import './admin/adminImport.html';
+import './admin/adminImport';
+import './admin/adminImportHistory.html';
+import './admin/adminImportHistory';
+import './admin/adminImportPrepare.html';
+import './admin/adminImportPrepare';
+import './admin/adminImportProgress.html';
+import './admin/adminImportProgress';
+
+export {
+ Importers,
+ ImporterInfo,
+ ImporterWebsocketReceiver,
+ ProgressStep,
+};
diff --git a/packages/rocketchat-importer/lib/ImporterInfo.js b/app/importer/lib/ImporterInfo.js
similarity index 100%
rename from packages/rocketchat-importer/lib/ImporterInfo.js
rename to app/importer/lib/ImporterInfo.js
diff --git a/packages/rocketchat-importer/lib/ImporterProgressStep.js b/app/importer/lib/ImporterProgressStep.js
similarity index 85%
rename from packages/rocketchat-importer/lib/ImporterProgressStep.js
rename to app/importer/lib/ImporterProgressStep.js
index a0eb294516a32..8571ccb533fa9 100644
--- a/packages/rocketchat-importer/lib/ImporterProgressStep.js
+++ b/app/importer/lib/ImporterProgressStep.js
@@ -1,6 +1,9 @@
/** The progress step that an importer is at. */
export const ProgressStep = Object.freeze({
+ UPLOADING: 'importer_uploading',
NEW: 'importer_new',
+ DOWNLOADING_FILE_URL: 'downloading_file_url',
+ DOWNLOAD_COMPLETE: 'download_complete',
PREPARING_STARTED: 'importer_preparing_started',
PREPARING_USERS: 'importer_preparing_users',
PREPARING_CHANNELS: 'importer_preparing_channels',
diff --git a/packages/rocketchat-importer/lib/Importers.js b/app/importer/lib/Importers.js
similarity index 100%
rename from packages/rocketchat-importer/lib/Importers.js
rename to app/importer/lib/Importers.js
diff --git a/app/importer/server/classes/ImporterBase.js b/app/importer/server/classes/ImporterBase.js
new file mode 100644
index 0000000000000..27792029a2b8f
--- /dev/null
+++ b/app/importer/server/classes/ImporterBase.js
@@ -0,0 +1,438 @@
+import http from 'http';
+import fs from 'fs';
+import https from 'https';
+
+import { Meteor } from 'meteor/meteor';
+import AdmZip from 'adm-zip';
+import getFileType from 'file-type';
+
+import { Progress } from './ImporterProgress';
+import { Selection } from './ImporterSelection';
+import { ImporterWebsocket } from './ImporterWebsocket';
+import { ProgressStep } from '../../lib/ImporterProgressStep';
+import { Imports } from '../models/Imports';
+import { ImporterInfo } from '../../lib/ImporterInfo';
+import { RawImports } from '../models/RawImports';
+import { Settings } from '../../../models';
+import { Logger } from '../../../logger';
+import { FileUpload } from '../../../file-upload';
+import { sendMessage } from '../../../lib';
+
+/**
+ * Base class for all of the importers.
+ */
+export class Base {
+ /**
+ * The max BSON object size we can store in MongoDB is 16777216 bytes
+ * but for some reason the mongo instanace which comes with Meteor
+ * errors out for anything close to that size. So, we are rounding it
+ * down to 8000000 bytes.
+ *
+ * @param {any} item The item to calculate the BSON size of.
+ * @returns {number} The size of the item passed in.
+ * @static
+ */
+ static getBSONSize(item) {
+ const { calculateObjectSize } = require('bson');
+
+ return calculateObjectSize(item);
+ }
+
+ /**
+ * The max BSON object size we can store in MongoDB is 16777216 bytes
+ * but for some reason the mongo instanace which comes with Meteor
+ * errors out for anything close to that size. So, we are rounding it
+ * down to 8000000 bytes.
+ *
+ * @returns {number} 8000000 bytes.
+ */
+ static getMaxBSONSize() {
+ return 8000000;
+ }
+
+ /**
+ * Splits the passed in array to at least one array which has a size that
+ * is safe to store in the database.
+ *
+ * @param {any[]} theArray The array to split out
+ * @returns {any[][]} The safe sized arrays
+ * @static
+ */
+ static getBSONSafeArraysFromAnArray(theArray) {
+ const BSONSize = Base.getBSONSize(theArray);
+ const maxSize = Math.floor(theArray.length / Math.ceil(BSONSize / Base.getMaxBSONSize()));
+ const safeArrays = [];
+ let i = 0;
+ while (i < theArray.length) {
+ safeArrays.push(theArray.slice(i, i += maxSize));
+ }
+ return safeArrays;
+ }
+
+ /**
+ * Constructs a new importer, adding an empty collection, AdmZip property, and empty users & channels
+ *
+ * @param {string} name The importer's name.
+ * @param {string} description The i18n string which describes the importer
+ * @param {string} mimeType The expected file type.
+ */
+ constructor(info) {
+ if (!(info instanceof ImporterInfo)) {
+ throw new Error('Information passed in must be a valid ImporterInfo instance.');
+ }
+
+ this.http = http;
+ this.https = https;
+ this.AdmZip = AdmZip;
+ this.getFileType = getFileType;
+
+ this.prepare = this.prepare.bind(this);
+ this.startImport = this.startImport.bind(this);
+ this.getSelection = this.getSelection.bind(this);
+ this.getProgress = this.getProgress.bind(this);
+ this.updateProgress = this.updateProgress.bind(this);
+ this.addCountToTotal = this.addCountToTotal.bind(this);
+ this.addCountCompleted = this.addCountCompleted.bind(this);
+ this.updateRecord = this.updateRecord.bind(this);
+ this.uploadFile = this.uploadFile.bind(this);
+
+ this.info = info;
+
+ this.logger = new Logger(`${ this.info.name } Importer`, {});
+ this.progress = new Progress(this.info.key, this.info.name);
+ this.collection = RawImports;
+
+ const userId = Meteor.userId();
+ const importRecord = Imports.findPendingImport(this.info.key);
+
+ if (importRecord) {
+ this.logger.debug('Found existing import operation');
+ this.importRecord = importRecord;
+ this.progress.step = this.importRecord.status;
+ } else {
+ this.logger.debug('Starting new import operation');
+ const importId = Imports.insert({ type: this.info.name, importerKey: this.info.key, ts: Date.now(), status: this.progress.step, valid: true, user: userId });
+ this.importRecord = Imports.findOne(importId);
+ }
+
+ this.users = {};
+ this.channels = {};
+ this.messages = {};
+ this.oldSettings = {};
+
+ this.logger.debug(`Constructed a new ${ info.name } Importer.`);
+ }
+
+ /**
+ * Registers the file name and content type on the import operation
+ *
+ * @param {string} fileName The name of the uploaded file.
+ * @param {string} contentType The sent file type.
+ * @returns {Progress} The progress record of the import.
+ */
+ startFileUpload(fileName, contentType) {
+ this.updateProgress(ProgressStep.UPLOADING);
+ return this.updateRecord({ file: fileName, contentType });
+ }
+
+ /**
+ * Takes the uploaded file and extracts the users, channels, and messages from it.
+ *
+ * @param {string} fullFilePath the full path of the uploaded file
+ * @returns {Progress} The progress record of the import.
+ */
+ prepareUsingLocalFile(fullFilePath) {
+ const file = fs.readFileSync(fullFilePath);
+ const buffer = Buffer.isBuffer(file) ? file : new Buffer(file);
+
+ const { contentType } = this.importRecord;
+ const fileName = this.importRecord.file;
+
+ const data = buffer.toString('base64');
+ const dataURI = `data:${ contentType };base64,${ data }`;
+
+ return this.prepare(dataURI, contentType, fileName, true);
+ }
+
+ /**
+ * Takes the uploaded file and extracts the users, channels, and messages from it.
+ *
+ * @param {string} dataURI Base64 string of the uploaded file
+ * @param {string} sentContentType The sent file type.
+ * @param {string} fileName The name of the uploaded file.
+ * @param {boolean} skipTypeCheck Optional property that says to not check the type provided.
+ * @returns {Progress} The progress record of the import.
+ */
+ prepare(dataURI, sentContentType, fileName, skipTypeCheck) {
+ this.collection.remove({});
+ if (!skipTypeCheck) {
+ const fileType = this.getFileType(new Buffer(dataURI.split(',')[1], 'base64'));
+ this.logger.debug('Uploaded file information is:', fileType);
+ this.logger.debug('Expected file type is:', this.info.mimeType);
+
+ if (!fileType || (fileType.mime !== this.info.mimeType)) {
+ this.logger.warn(`Invalid file uploaded for the ${ this.info.name } importer.`);
+ this.updateProgress(ProgressStep.ERROR);
+ throw new Meteor.Error('error-invalid-file-uploaded', `Invalid file uploaded to import ${ this.info.name } data from.`, { step: 'prepare' });
+ }
+ }
+
+ this.updateProgress(ProgressStep.PREPARING_STARTED);
+ return this.updateRecord({ file: fileName });
+ }
+
+ /**
+ * Starts the import process. The implementing method should defer
+ * as soon as the selection is set, so the user who started the process
+ * doesn't end up with a "locked" UI while Meteor waits for a response.
+ * The returned object should be the progress.
+ *
+ * @param {Selection} importSelection The selection data.
+ * @returns {Progress} The progress record of the import.
+ */
+ startImport(importSelection) {
+ if (!(importSelection instanceof Selection)) {
+ throw new Error(`Invalid Selection data provided to the ${ this.info.name } importer.`);
+ } else if (importSelection.users === undefined) {
+ throw new Error(`Users in the selected data wasn't found, it must but at least an empty array for the ${ this.info.name } importer.`);
+ } else if (importSelection.channels === undefined) {
+ throw new Error(`Channels in the selected data wasn't found, it must but at least an empty array for the ${ this.info.name } importer.`);
+ }
+
+ return this.updateProgress(ProgressStep.IMPORTING_STARTED);
+ }
+
+ /**
+ * Gets the Selection object for the import.
+ *
+ * @returns {Selection} The users and channels selection
+ */
+ getSelection() {
+ throw new Error(`Invalid 'getSelection' called on ${ this.info.name }, it must be overridden and super can not be called.`);
+ }
+
+ /**
+ * Gets the progress of this import.
+ *
+ * @returns {Progress} The progress record of the import.
+ */
+ getProgress() {
+ return this.progress;
+ }
+
+ /**
+ * Updates the progress step of this importer.
+ * It also changes some internal settings at various stages of the import.
+ * This way the importer can adjust user/room information at will.
+ *
+ * @param {ProgressStep} step The progress step which this import is currently at.
+ * @returns {Progress} The progress record of the import.
+ */
+ updateProgress(step) {
+ this.progress.step = step;
+
+ switch (step) {
+ case ProgressStep.IMPORTING_STARTED:
+ this.oldSettings.Accounts_AllowedDomainsList = Settings.findOneById('Accounts_AllowedDomainsList').value;
+ Settings.updateValueById('Accounts_AllowedDomainsList', '');
+
+ this.oldSettings.Accounts_AllowUsernameChange = Settings.findOneById('Accounts_AllowUsernameChange').value;
+ Settings.updateValueById('Accounts_AllowUsernameChange', true);
+
+ this.oldSettings.FileUpload_MaxFileSize = Settings.findOneById('FileUpload_MaxFileSize').value;
+ Settings.updateValueById('FileUpload_MaxFileSize', -1);
+
+ this.oldSettings.FileUpload_MediaTypeWhiteList = Settings.findOneById('FileUpload_MediaTypeWhiteList').value;
+ Settings.updateValueById('FileUpload_MediaTypeWhiteList', '*');
+
+ this.oldSettings.UI_Allow_room_names_with_special_chars = Settings.findOneById('UI_Allow_room_names_with_special_chars').value;
+ Settings.updateValueById('UI_Allow_room_names_with_special_chars', true);
+ break;
+ case ProgressStep.DONE:
+ case ProgressStep.ERROR:
+ case ProgressStep.CANCELLED:
+ Settings.updateValueById('Accounts_AllowedDomainsList', this.oldSettings.Accounts_AllowedDomainsList);
+ Settings.updateValueById('Accounts_AllowUsernameChange', this.oldSettings.Accounts_AllowUsernameChange);
+ Settings.updateValueById('FileUpload_MaxFileSize', this.oldSettings.FileUpload_MaxFileSize);
+ Settings.updateValueById('FileUpload_MediaTypeWhiteList', this.oldSettings.FileUpload_MediaTypeWhiteList);
+ Settings.updateValueById('UI_Allow_room_names_with_special_chars', this.oldSettings.UI_Allow_room_names_with_special_chars);
+ break;
+ }
+
+ this.logger.debug(`${ this.info.name } is now at ${ step }.`);
+ this.updateRecord({ status: this.progress.step });
+
+ ImporterWebsocket.progressUpdated(this.progress);
+
+ return this.progress;
+ }
+
+ /**
+ * Adds the passed in value to the total amount of items needed to complete.
+ *
+ * @param {number} count The amount to add to the total count of items.
+ * @returns {Progress} The progress record of the import.
+ */
+ addCountToTotal(count) {
+ this.progress.count.total = this.progress.count.total + count;
+ this.updateRecord({ 'count.total': this.progress.count.total });
+
+ return this.progress;
+ }
+
+ /**
+ * Adds the passed in value to the total amount of items completed.
+ *
+ * @param {number} count The amount to add to the total count of finished items.
+ * @returns {Progress} The progress record of the import.
+ */
+ addCountCompleted(count) {
+ this.progress.count.completed = this.progress.count.completed + count;
+
+ // Only update the database every 500 records
+ // Or the completed is greater than or equal to the total amount
+ if (((this.progress.count.completed % 500) === 0) || (this.progress.count.completed >= this.progress.count.total)) {
+ this.updateRecord({ 'count.completed': this.progress.count.completed });
+ }
+
+ ImporterWebsocket.progressUpdated(this.progress);
+ this.logger.log(`${ this.progress.count.completed } messages imported`);
+
+ return this.progress;
+ }
+
+ /**
+ * Registers error information on a specific user from the import record
+ *
+ * @param {int} the user id
+ * @param {object} an exception object
+ */
+ addUserError(userId, error) {
+ Imports.model.update({
+ _id: this.importRecord._id,
+ 'fileData.users.user_id': userId,
+ }, {
+ $set: {
+ 'fileData.users.$.error': error,
+ hasErrors: true,
+ },
+ });
+ }
+
+ addMessageError(error, msg) {
+ Imports.model.update({
+ _id: this.importRecord._id,
+ }, {
+ $push: {
+ errors: {
+ error,
+ msg,
+ },
+ },
+ $set: {
+ hasErrors: true,
+ },
+ });
+ }
+
+ flagConflictingEmails(emailList) {
+ Imports.model.update({
+ _id: this.importRecord._id,
+ 'fileData.users.email': { $in: emailList },
+ }, {
+ $set: {
+ 'fileData.users.$.is_email_taken': true,
+ 'fileData.users.$.do_import': false,
+ },
+ });
+ }
+
+ /**
+ * Updates the import record with the given fields being `set`.
+ *
+ * @param {any} fields The fields to set, it should be an object with key/values.
+ * @returns {Imports} The import record.
+ */
+ updateRecord(fields) {
+ Imports.update({ _id: this.importRecord._id }, { $set: fields });
+ this.importRecord = Imports.findOne(this.importRecord._id);
+
+ return this.importRecord;
+ }
+
+ /**
+ * Uploads the file to the storage.
+ *
+ * @param {any} details An object with details about the upload: `name`, `size`, `type`, and `rid`.
+ * @param {string} fileUrl Url of the file to download/import.
+ * @param {any} user The Rocket.Chat user.
+ * @param {any} room The Rocket.Chat Room.
+ * @param {Date} timeStamp The timestamp the file was uploaded
+ */
+ uploadFile(details, fileUrl, user, room, timeStamp) {
+ this.logger.debug(`Uploading the file ${ details.name } from ${ fileUrl }.`);
+ const requestModule = /https/i.test(fileUrl) ? this.https : this.http;
+
+ const fileStore = FileUpload.getStore('Uploads');
+
+ return requestModule.get(fileUrl, Meteor.bindEnvironment(function(res) {
+ const contentType = res.headers['content-type'];
+ if (!details.type && contentType) {
+ details.type = contentType;
+ }
+
+ const rawData = [];
+ res.on('data', (chunk) => rawData.push(chunk));
+ res.on('end', Meteor.bindEnvironment(() => {
+ fileStore.insert(details, Buffer.concat(rawData), function(err, file) {
+ if (err) {
+ throw new Error(err);
+ } else {
+ const url = file.url.replace(Meteor.absoluteUrl(), '/');
+
+ const attachment = {
+ title: file.name,
+ title_link: url,
+ };
+
+ if (/^image\/.+/.test(file.type)) {
+ attachment.image_url = url;
+ attachment.image_type = file.type;
+ attachment.image_size = file.size;
+ attachment.image_dimensions = file.identify != null ? file.identify.size : undefined;
+ }
+
+ if (/^audio\/.+/.test(file.type)) {
+ attachment.audio_url = url;
+ attachment.audio_type = file.type;
+ attachment.audio_size = file.size;
+ }
+
+ if (/^video\/.+/.test(file.type)) {
+ attachment.video_url = url;
+ attachment.video_type = file.type;
+ attachment.video_size = file.size;
+ }
+
+ const msg = {
+ rid: details.rid,
+ ts: timeStamp,
+ msg: '',
+ file: {
+ _id: file._id,
+ },
+ groupable: false,
+ attachments: [attachment],
+ };
+
+ if ((details.message_id != null) && (typeof details.message_id === 'string')) {
+ msg._id = details.message_id;
+ }
+
+ return sendMessage(user, msg, room, true);
+ }
+ });
+ }));
+ }));
+ }
+}
diff --git a/packages/rocketchat-importer/server/classes/ImporterProgress.js b/app/importer/server/classes/ImporterProgress.js
similarity index 100%
rename from packages/rocketchat-importer/server/classes/ImporterProgress.js
rename to app/importer/server/classes/ImporterProgress.js
diff --git a/packages/rocketchat-importer/server/classes/ImporterSelection.js b/app/importer/server/classes/ImporterSelection.js
similarity index 100%
rename from packages/rocketchat-importer/server/classes/ImporterSelection.js
rename to app/importer/server/classes/ImporterSelection.js
diff --git a/packages/rocketchat-importer/server/classes/ImporterSelectionChannel.js b/app/importer/server/classes/ImporterSelectionChannel.js
similarity index 87%
rename from packages/rocketchat-importer/server/classes/ImporterSelectionChannel.js
rename to app/importer/server/classes/ImporterSelectionChannel.js
index 0c580f73bb57c..31c12f40a86b8 100644
--- a/packages/rocketchat-importer/server/classes/ImporterSelectionChannel.js
+++ b/app/importer/server/classes/ImporterSelectionChannel.js
@@ -7,12 +7,14 @@ export class SelectionChannel {
* @param {boolean} is_archived whether the channel was archived or not
* @param {boolean} do_import whether we will be importing the channel or not
* @param {boolean} is_private whether the channel is private or public
+ * @param {int} creator the id of the channel owner
*/
- constructor(channel_id, name, is_archived, do_import, is_private) {
+ constructor(channel_id, name, is_archived, do_import, is_private, creator) {
this.channel_id = channel_id;
this.name = name;
this.is_archived = is_archived;
this.do_import = do_import;
this.is_private = is_private;
+ this.creator = creator;
}
}
diff --git a/packages/rocketchat-importer/server/classes/ImporterSelectionUser.js b/app/importer/server/classes/ImporterSelectionUser.js
similarity index 80%
rename from packages/rocketchat-importer/server/classes/ImporterSelectionUser.js
rename to app/importer/server/classes/ImporterSelectionUser.js
index 8370e80b01a0a..7d243fde3dded 100644
--- a/packages/rocketchat-importer/server/classes/ImporterSelectionUser.js
+++ b/app/importer/server/classes/ImporterSelectionUser.js
@@ -8,13 +8,15 @@ export class SelectionUser {
* @param {boolean} is_deleted whether the user was deleted or not
* @param {boolean} is_bot whether the user is a bot or not
* @param {boolean} do_import whether we are going to import this user or not
+ * @param {boolean} is_email_taken whether there's an existing user with the same email
*/
- constructor(user_id, username, email, is_deleted, is_bot, do_import) {
+ constructor(user_id, username, email, is_deleted, is_bot, do_import, is_email_taken = false) {
this.user_id = user_id;
this.username = username;
this.email = email;
this.is_deleted = is_deleted;
this.is_bot = is_bot;
this.do_import = do_import;
+ this.is_email_taken = is_email_taken;
}
}
diff --git a/packages/rocketchat-importer/server/classes/ImporterWebsocket.js b/app/importer/server/classes/ImporterWebsocket.js
similarity index 100%
rename from packages/rocketchat-importer/server/classes/ImporterWebsocket.js
rename to app/importer/server/classes/ImporterWebsocket.js
diff --git a/app/importer/server/index.js b/app/importer/server/index.js
new file mode 100644
index 0000000000000..489bcabf5c87b
--- /dev/null
+++ b/app/importer/server/index.js
@@ -0,0 +1,37 @@
+import { Base } from './classes/ImporterBase';
+import { Imports } from './models/Imports';
+import { ImporterWebsocket } from './classes/ImporterWebsocket';
+import { Progress } from './classes/ImporterProgress';
+import { RawImports } from './models/RawImports';
+import { Selection } from './classes/ImporterSelection';
+import { SelectionChannel } from './classes/ImporterSelectionChannel';
+import { SelectionUser } from './classes/ImporterSelectionUser';
+import { ProgressStep } from '../lib/ImporterProgressStep';
+import { ImporterInfo } from '../lib/ImporterInfo';
+import { Importers } from '../lib/Importers';
+import './methods/getImportProgress';
+import './methods/getSelectionData';
+import './methods/prepareImport';
+import './methods/restartImport';
+import './methods/setupImporter';
+import './methods/startImport';
+import './methods/uploadImportFile';
+import './methods/getImportFileData';
+import './methods/downloadPublicImportFile';
+import './methods/getLatestImportOperations';
+import './startup/setImportsToInvalid';
+import './startup/store';
+
+export {
+ Base,
+ Imports,
+ Importers,
+ ImporterInfo,
+ ImporterWebsocket,
+ Progress,
+ ProgressStep,
+ RawImports,
+ Selection,
+ SelectionChannel,
+ SelectionUser,
+};
diff --git a/app/importer/server/methods/downloadPublicImportFile.js b/app/importer/server/methods/downloadPublicImportFile.js
new file mode 100644
index 0000000000000..956e75acc7959
--- /dev/null
+++ b/app/importer/server/methods/downloadPublicImportFile.js
@@ -0,0 +1,75 @@
+import http from 'http';
+import fs from 'fs';
+
+import { Meteor } from 'meteor/meteor';
+
+import { Importers } from '..';
+
+import { RocketChatImportFileInstance } from '../startup/store';
+import { ProgressStep } from '../../lib/ImporterProgressStep';
+import { hasRole } from '../../../authorization';
+
+function downloadHttpFile(fileUrl, writeStream) {
+ http.get(fileUrl, function(response) {
+ response.pipe(writeStream);
+ });
+}
+
+function copyLocalFile(filePath, writeStream) {
+ const readStream = fs.createReadStream(filePath);
+ readStream.pipe(writeStream);
+}
+
+Meteor.methods({
+ downloadPublicImportFile(fileUrl, importerKey) {
+ const userId = Meteor.userId();
+
+ if (!userId) {
+ throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'downloadPublicImportFile' });
+ }
+
+ if (!hasRole(userId, 'admin')) {
+ throw new Meteor.Error('not_authorized', 'User not authorized', { method: 'downloadPublicImportFile' });
+ }
+
+ const importer = Importers.get(importerKey);
+ if (!importer) {
+ throw new Meteor.Error('error-importer-not-defined', `The importer (${ importerKey }) has no import class defined.`, { method: 'downloadPublicImportFile' });
+ }
+
+ const oldFileName = fileUrl.substring(fileUrl.lastIndexOf('/') + 1);
+ const date = new Date();
+ const dateStr = `${ date.getUTCFullYear() }${ date.getUTCMonth() }${ date.getUTCDate() }${ date.getUTCHours() }${ date.getUTCMinutes() }${ date.getUTCSeconds() }`;
+ const newFileName = `${ dateStr }_${ userId }_${ oldFileName }`;
+
+ importer.instance.startFileUpload(newFileName);
+ importer.instance.updateProgress(ProgressStep.DOWNLOADING_FILE_URL);
+
+ const writeStream = RocketChatImportFileInstance.createWriteStream(newFileName);
+
+ if (fileUrl.startsWith('http')) {
+ downloadHttpFile(fileUrl, writeStream);
+ } else {
+ if (!fs.existsSync(fileUrl)) {
+ throw new Meteor.Error('error-import-file-missing', fileUrl, { method: 'downloadPublicImportFile' });
+ }
+
+ // If the url is actually a folder path on the current machine, skip moving it to the file store
+ if (fs.statSync(fileUrl).isDirectory()) {
+ importer.instance.updateRecord({ file: fileUrl });
+ importer.instance.updateProgress(ProgressStep.DOWNLOAD_COMPLETE);
+ return;
+ }
+
+ copyLocalFile(fileUrl, writeStream);
+ }
+
+ writeStream.on('error', Meteor.bindEnvironment(() => {
+ importer.instance.updateProgress(ProgressStep.ERROR);
+ }));
+
+ writeStream.on('end', Meteor.bindEnvironment(() => {
+ importer.instance.updateProgress(ProgressStep.DOWNLOAD_COMPLETE);
+ }));
+ },
+});
diff --git a/app/importer/server/methods/getImportFileData.js b/app/importer/server/methods/getImportFileData.js
new file mode 100644
index 0000000000000..3dcfccd497bc7
--- /dev/null
+++ b/app/importer/server/methods/getImportFileData.js
@@ -0,0 +1,84 @@
+import path from 'path';
+import fs from 'fs';
+
+import { Meteor } from 'meteor/meteor';
+
+import { RocketChatImportFileInstance } from '../startup/store';
+
+import { Importers } from '..';
+
+import { hasRole } from '../../../authorization';
+import { ProgressStep } from '../../lib/ImporterProgressStep';
+
+Meteor.methods({
+ getImportFileData(importerKey) {
+ const userId = Meteor.userId();
+
+ if (!userId) {
+ throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'getImportFileData' });
+ }
+
+ if (!hasRole(userId, 'admin')) {
+ throw new Meteor.Error('not_authorized', 'User not authorized', { method: 'getImportFileData' });
+ }
+
+ const importer = Importers.get(importerKey);
+ if (!importer) {
+ throw new Meteor.Error('error-importer-not-defined', `The importer (${ importerKey }) has no import class defined.`, { method: 'getImportFileData' });
+ }
+
+ if (!importer.instance) {
+ return undefined;
+ }
+
+ const waitingSteps = [
+ ProgressStep.DOWNLOADING_FILE_URL,
+ ProgressStep.PREPARING_CHANNELS,
+ ProgressStep.PREPARING_MESSAGES,
+ ProgressStep.PREPARING_USERS,
+ ProgressStep.PREPARING_STARTED,
+ ];
+
+ if (waitingSteps.indexOf(importer.instance.progress.step) >= 0) {
+ if (importer.instance.importRecord && importer.instance.importRecord.valid) {
+ return { waiting: true };
+ }
+ throw new Meteor.Error('error-import-operation-invalid', 'Invalid Import Operation', { method: 'getImportFileData' });
+ }
+
+ const readySteps = [
+ ProgressStep.USER_SELECTION,
+ ProgressStep.DONE,
+ ProgressStep.CANCELLED,
+ ProgressStep.ERROR,
+ ];
+
+ if (readySteps.indexOf(importer.instance.progress.step) >= 0) {
+ if (importer.instance.importRecord && importer.instance.importRecord.fileData) {
+ return importer.instance.importRecord.fileData;
+ }
+ }
+
+ const fileName = importer.instance.importRecord.file;
+ const fullFilePath = fs.existsSync(fileName) ? fileName : path.join(RocketChatImportFileInstance.absolutePath, fileName);
+ const results = importer.instance.prepareUsingLocalFile(fullFilePath);
+
+ if (results instanceof Promise) {
+ return results.then((data) => {
+ importer.instance.updateRecord({
+ fileData: data,
+ });
+
+ return data;
+ }).catch((e) => {
+ console.error(e);
+ throw new Meteor.Error(e);
+ });
+ }
+ importer.instance.updateRecord({
+ fileData: results,
+ });
+
+ return results;
+ },
+});
diff --git a/packages/rocketchat-importer/server/methods/getImportProgress.js b/app/importer/server/methods/getImportProgress.js
similarity index 78%
rename from packages/rocketchat-importer/server/methods/getImportProgress.js
rename to app/importer/server/methods/getImportProgress.js
index 145003b242784..4bde28d663ef0 100644
--- a/packages/rocketchat-importer/server/methods/getImportProgress.js
+++ b/app/importer/server/methods/getImportProgress.js
@@ -1,6 +1,8 @@
import { Meteor } from 'meteor/meteor';
-import { Importers } from 'meteor/rocketchat:importer';
-import { RocketChat } from 'meteor/rocketchat:lib';
+
+import { Importers } from '..';
+
+import { hasPermission } from '../../../authorization';
Meteor.methods({
getImportProgress(key) {
@@ -8,7 +10,7 @@ Meteor.methods({
throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'getImportProgress' });
}
- if (!RocketChat.authz.hasPermission(Meteor.userId(), 'run-import')) {
+ if (!hasPermission(Meteor.userId(), 'run-import')) {
throw new Meteor.Error('error-action-not-allowed', 'Importing is not allowed', { method: 'setupImporter' });
}
diff --git a/app/importer/server/methods/getLatestImportOperations.js b/app/importer/server/methods/getLatestImportOperations.js
new file mode 100644
index 0000000000000..af710a67ecc1b
--- /dev/null
+++ b/app/importer/server/methods/getLatestImportOperations.js
@@ -0,0 +1,25 @@
+import { Meteor } from 'meteor/meteor';
+
+import { Imports } from '../models/Imports';
+import { hasRole } from '../../../authorization';
+
+Meteor.methods({
+ getLatestImportOperations() {
+ const userId = Meteor.userId();
+
+ if (!userId) {
+ throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'getLatestImportOperations' });
+ }
+
+ if (!hasRole(userId, 'admin')) {
+ throw new Meteor.Error('not_authorized', 'User not authorized', { method: 'getLatestImportOperations' });
+ }
+
+ const data = Imports.find({}, {
+ sort: { _updatedAt: -1 },
+ limit: 20,
+ });
+
+ return data.fetch();
+ },
+});
diff --git a/packages/rocketchat-importer/server/methods/getSelectionData.js b/app/importer/server/methods/getSelectionData.js
similarity index 83%
rename from packages/rocketchat-importer/server/methods/getSelectionData.js
rename to app/importer/server/methods/getSelectionData.js
index c8ff1f6259495..782e0316a67c7 100644
--- a/packages/rocketchat-importer/server/methods/getSelectionData.js
+++ b/app/importer/server/methods/getSelectionData.js
@@ -1,9 +1,11 @@
import { Meteor } from 'meteor/meteor';
+
import {
Importers,
ProgressStep,
-} from 'meteor/rocketchat:importer';
-import { RocketChat } from 'meteor/rocketchat:lib';
+} from '..';
+
+import { hasPermission } from '../../../authorization';
Meteor.methods({
getSelectionData(key) {
@@ -11,7 +13,7 @@ Meteor.methods({
throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'getSelectionData' });
}
- if (!RocketChat.authz.hasPermission(Meteor.userId(), 'run-import')) {
+ if (!hasPermission(Meteor.userId(), 'run-import')) {
throw new Meteor.Error('error-action-not-allowed', 'Importing is not allowed', { method: 'setupImporter' });
}
diff --git a/packages/rocketchat-importer/server/methods/prepareImport.js b/app/importer/server/methods/prepareImport.js
similarity index 80%
rename from packages/rocketchat-importer/server/methods/prepareImport.js
rename to app/importer/server/methods/prepareImport.js
index 8f9c7e06036bc..1444d8af8c32d 100644
--- a/packages/rocketchat-importer/server/methods/prepareImport.js
+++ b/app/importer/server/methods/prepareImport.js
@@ -1,7 +1,9 @@
import { Meteor } from 'meteor/meteor';
import { check } from 'meteor/check';
-import { Importers } from 'meteor/rocketchat:importer';
-import { RocketChat } from 'meteor/rocketchat:lib';
+
+import { Importers } from '..';
+
+import { hasPermission } from '../../../authorization';
Meteor.methods({
prepareImport(key, dataURI, contentType, fileName) {
@@ -9,7 +11,7 @@ Meteor.methods({
throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'prepareImport' });
}
- if (!RocketChat.authz.hasPermission(Meteor.userId(), 'run-import')) {
+ if (!hasPermission(Meteor.userId(), 'run-import')) {
throw new Meteor.Error('error-action-not-allowed', 'Importing is not allowed', { method: 'setupImporter' });
}
@@ -27,8 +29,7 @@ Meteor.methods({
if (results instanceof Promise) {
return results.catch((e) => { throw new Meteor.Error(e); });
- } else {
- return results;
}
+ return results;
},
});
diff --git a/app/importer/server/methods/restartImport.js b/app/importer/server/methods/restartImport.js
new file mode 100644
index 0000000000000..94f486bf6d98f
--- /dev/null
+++ b/app/importer/server/methods/restartImport.js
@@ -0,0 +1,37 @@
+import { Meteor } from 'meteor/meteor';
+
+import {
+ Importers,
+ ProgressStep,
+} from '..';
+
+import { hasPermission } from '../../../authorization';
+
+Meteor.methods({
+ restartImport(key) {
+ if (!Meteor.userId()) {
+ throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'restartImport' });
+ }
+
+ if (!hasPermission(Meteor.userId(), 'run-import')) {
+ throw new Meteor.Error('error-action-not-allowed', 'Importing is not allowed', { method: 'setupImporter' });
+ }
+
+ const importer = Importers.get(key);
+
+ if (!importer) {
+ throw new Meteor.Error('error-importer-not-defined', `The importer (${ key }) has no import class defined.`, { method: 'restartImport' });
+ }
+
+ if (importer.instance) {
+ if (importer.instance.importRecord) {
+ importer.instance.updateProgress(ProgressStep.CANCELLED);
+ importer.instance.updateRecord({ valid: false });
+ }
+ importer.instance = undefined;
+ }
+
+ importer.instance = new importer.importer(importer); // eslint-disable-line new-cap
+ return importer.instance.getProgress();
+ },
+});
diff --git a/packages/rocketchat-importer/server/methods/setupImporter.js b/app/importer/server/methods/setupImporter.js
similarity index 81%
rename from packages/rocketchat-importer/server/methods/setupImporter.js
rename to app/importer/server/methods/setupImporter.js
index 2498b8d950c13..1d96538255426 100644
--- a/packages/rocketchat-importer/server/methods/setupImporter.js
+++ b/app/importer/server/methods/setupImporter.js
@@ -1,6 +1,8 @@
import { Meteor } from 'meteor/meteor';
-import { Importers } from 'meteor/rocketchat:importer';
-import { RocketChat } from 'meteor/rocketchat:lib';
+
+import { Importers } from '..';
+
+import { hasPermission } from '../../../authorization';
Meteor.methods({
setupImporter(key) {
@@ -8,7 +10,7 @@ Meteor.methods({
throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'setupImporter' });
}
- if (!RocketChat.authz.hasPermission(Meteor.userId(), 'run-import')) {
+ if (!hasPermission(Meteor.userId(), 'run-import')) {
throw new Meteor.Error('error-action-not-allowed', 'Importing is not allowed', { method: 'setupImporter' });
}
diff --git a/packages/rocketchat-importer/server/methods/startImport.js b/app/importer/server/methods/startImport.js
similarity index 88%
rename from packages/rocketchat-importer/server/methods/startImport.js
rename to app/importer/server/methods/startImport.js
index 38a7911178eff..19e13da783fcf 100644
--- a/packages/rocketchat-importer/server/methods/startImport.js
+++ b/app/importer/server/methods/startImport.js
@@ -1,11 +1,13 @@
import { Meteor } from 'meteor/meteor';
+
import {
Importers,
Selection,
SelectionChannel,
SelectionUser,
-} from 'meteor/rocketchat:importer';
-import { RocketChat } from 'meteor/rocketchat:lib';
+} from '..';
+
+import { hasPermission } from '../../../authorization';
Meteor.methods({
startImport(key, input) {
@@ -14,7 +16,7 @@ Meteor.methods({
throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'startImport' });
}
- if (!RocketChat.authz.hasPermission(Meteor.userId(), 'run-import')) {
+ if (!hasPermission(Meteor.userId(), 'run-import')) {
throw new Meteor.Error('error-action-not-allowed', 'Importing is not allowed', { method: 'startImport' });
}
diff --git a/app/importer/server/methods/uploadImportFile.js b/app/importer/server/methods/uploadImportFile.js
new file mode 100644
index 0000000000000..54f2e04ae8b11
--- /dev/null
+++ b/app/importer/server/methods/uploadImportFile.js
@@ -0,0 +1,38 @@
+import { Meteor } from 'meteor/meteor';
+
+import { Importers } from '..';
+
+import { RocketChatFile } from '../../../file';
+import { RocketChatImportFileInstance } from '../startup/store';
+import { hasRole } from '../../../authorization';
+
+Meteor.methods({
+ uploadImportFile(binaryContent, contentType, fileName, importerKey) {
+ const userId = Meteor.userId();
+
+ if (!userId) {
+ throw new Meteor.Error('error-invalid-user', 'Invalid user', { method: 'uploadImportFile' });
+ }
+
+ if (!hasRole(userId, 'admin')) {
+ throw new Meteor.Error('not_authorized', 'User not authorized', { method: 'uploadImportFile' });
+ }
+
+ const importer = Importers.get(importerKey);
+ if (!importer) {
+ throw new Meteor.Error('error-importer-not-defined', `The importer (${ importerKey }) has no import class defined.`, { method: 'uploadImportFile' });
+ }
+
+ const date = new Date();
+ const dateStr = `${ date.getUTCFullYear() }${ date.getUTCMonth() }${ date.getUTCDate() }${ date.getUTCHours() }${ date.getUTCMinutes() }${ date.getUTCSeconds() }`;
+ const newFileName = `${ dateStr }_${ userId }_${ fileName }`;
+
+ importer.instance.startFileUpload(newFileName, contentType);
+
+ const file = new Buffer(binaryContent, 'binary');
+ const readStream = RocketChatFile.bufferToStream(file);
+ const writeStream = RocketChatImportFileInstance.createWriteStream(newFileName, contentType);
+
+ readStream.pipe(writeStream);
+ },
+});
diff --git a/app/importer/server/models/Imports.js b/app/importer/server/models/Imports.js
new file mode 100644
index 0000000000000..1bba254a81cad
--- /dev/null
+++ b/app/importer/server/models/Imports.js
@@ -0,0 +1,32 @@
+import { ProgressStep } from '../../lib/ImporterProgressStep';
+import { Base } from '../../../models';
+
+class ImportsModel extends Base {
+ constructor() {
+ super('import');
+ }
+
+ findPendingImport(key) {
+ // Finds the latest import operation
+ const data = this.findOne({ importerKey: key }, { createdAt: -1 });
+ if (!data || !data.status) {
+ return data;
+ }
+
+ // But only returns it if it is still pending
+
+ const forbiddenStatus = [
+ ProgressStep.DONE,
+ ProgressStep.ERROR,
+ ProgressStep.CANCELLED,
+ ];
+
+ if (forbiddenStatus.indexOf(data.status) >= 0) {
+ return undefined;
+ }
+
+ return data;
+ }
+}
+
+export const Imports = new ImportsModel();
diff --git a/app/importer/server/models/RawImports.js b/app/importer/server/models/RawImports.js
new file mode 100644
index 0000000000000..168b73b3e07bf
--- /dev/null
+++ b/app/importer/server/models/RawImports.js
@@ -0,0 +1,9 @@
+import { Base } from '../../../models';
+
+class RawImportsModel extends Base {
+ constructor() {
+ super('raw_imports');
+ }
+}
+
+export const RawImports = new RawImportsModel();
diff --git a/packages/rocketchat-importer/server/startup/setImportsToInvalid.js b/app/importer/server/startup/setImportsToInvalid.js
similarity index 99%
rename from packages/rocketchat-importer/server/startup/setImportsToInvalid.js
rename to app/importer/server/startup/setImportsToInvalid.js
index 4c03a8c816da9..2622f2eb6c062 100644
--- a/packages/rocketchat-importer/server/startup/setImportsToInvalid.js
+++ b/app/importer/server/startup/setImportsToInvalid.js
@@ -1,4 +1,5 @@
import { Meteor } from 'meteor/meteor';
+
import { Imports } from '../models/Imports';
import { RawImports } from '../models/RawImports';
diff --git a/app/importer/server/startup/store.js b/app/importer/server/startup/store.js
new file mode 100644
index 0000000000000..70aa8f293dfe8
--- /dev/null
+++ b/app/importer/server/startup/store.js
@@ -0,0 +1,22 @@
+import { Meteor } from 'meteor/meteor';
+
+import { RocketChatFile } from '../../../file';
+import { settings } from '../../../settings';
+
+export let RocketChatImportFileInstance;
+
+Meteor.startup(function() {
+ const RocketChatStore = RocketChatFile.FileSystem;
+
+ let path = '/tmp/rocketchat-importer';
+ if (settings.get('ImportFile_FileSystemPath') != null) {
+ if (settings.get('ImportFile_FileSystemPath').trim() !== '') {
+ path = settings.get('ImportFile_FileSystemPath');
+ }
+ }
+
+ RocketChatImportFileInstance = new RocketChatStore({
+ name: 'import_files',
+ absolutePath: path,
+ });
+});
diff --git a/packages/rocketchat-integrations/client/collections.js b/app/integrations/client/collections.js
similarity index 100%
rename from packages/rocketchat-integrations/client/collections.js
rename to app/integrations/client/collections.js
diff --git a/app/integrations/client/index.js b/app/integrations/client/index.js
new file mode 100644
index 0000000000000..2da38377a2f02
--- /dev/null
+++ b/app/integrations/client/index.js
@@ -0,0 +1,15 @@
+import '../lib/rocketchat';
+import './collections';
+import './startup';
+import './route';
+import './views/integrations.html';
+import './views/integrations';
+import './views/integrationsNew.html';
+import './views/integrationsNew';
+import './views/integrationsIncoming.html';
+import './views/integrationsIncoming';
+import './views/integrationsOutgoing.html';
+import './views/integrationsOutgoing';
+import './views/integrationsOutgoingHistory.html';
+import './views/integrationsOutgoingHistory';
+import './views/additional/zapier.html';
diff --git a/app/integrations/client/route.js b/app/integrations/client/route.js
new file mode 100644
index 0000000000000..944188db98cd4
--- /dev/null
+++ b/app/integrations/client/route.js
@@ -0,0 +1,77 @@
+import { Meteor } from 'meteor/meteor';
+import { FlowRouter } from 'meteor/kadira:flow-router';
+import { BlazeLayout } from 'meteor/kadira:blaze-layout';
+
+import { t } from '../../utils';
+
+FlowRouter.route('/admin/integrations', {
+ name: 'admin-integrations',
+ subscriptions() {
+ this.register('integrations', Meteor.subscribe('integrations'));
+ },
+ action() {
+ return BlazeLayout.render('main', {
+ center: 'integrations',
+ pageTitle: t('Integrations'),
+ });
+ },
+});
+
+FlowRouter.route('/admin/integrations/new', {
+ name: 'admin-integrations-new',
+ subscriptions() {
+ this.register('integrations', Meteor.subscribe('integrations'));
+ },
+ action() {
+ return BlazeLayout.render('main', {
+ center: 'integrationsNew',
+ pageTitle: t('Integration_New'),
+ });
+ },
+});
+
+FlowRouter.route('/admin/integrations/incoming/:id?', {
+ name: 'admin-integrations-incoming',
+ subscriptions() {
+ this.register('integrations', Meteor.subscribe('integrations'));
+ },
+ action(params) {
+ return BlazeLayout.render('main', {
+ center: 'pageSettingsContainer',
+ pageTitle: t('Integration_Incoming_WebHook'),
+ pageTemplate: 'integrationsIncoming',
+ params,
+ });
+ },
+});
+
+FlowRouter.route('/admin/integrations/outgoing/:id?', {
+ name: 'admin-integrations-outgoing',
+ action(params) {
+ return BlazeLayout.render('main', {
+ center: 'integrationsOutgoing',
+ pageTitle: t('Integration_Outgoing_WebHook'),
+ params,
+ });
+ },
+});
+
+FlowRouter.route('/admin/integrations/outgoing/:id?/history', {
+ name: 'admin-integrations-outgoing-history',
+ action(params) {
+ return BlazeLayout.render('main', {
+ center: 'integrationsOutgoingHistory',
+ pageTitle: t('Integration_Outgoing_WebHook_History'),
+ params,
+ });
+ },
+});
+
+FlowRouter.route('/admin/integrations/additional/zapier', {
+ name: 'admin-integrations-additional-zapier',
+ action() {
+ BlazeLayout.render('main', {
+ center: 'integrationsAdditionalZapier',
+ });
+ },
+});
diff --git a/app/integrations/client/startup.js b/app/integrations/client/startup.js
new file mode 100644
index 0000000000000..a481d5c59528a
--- /dev/null
+++ b/app/integrations/client/startup.js
@@ -0,0 +1,9 @@
+import { AdminBox } from '../../ui-utils';
+import { hasAtLeastOnePermission } from '../../authorization';
+
+AdminBox.addOption({
+ href: 'admin-integrations',
+ i18nLabel: 'Integrations',
+ icon: 'code',
+ permissionGranted: () => hasAtLeastOnePermission(['manage-integrations', 'manage-own-integrations']),
+});
diff --git a/packages/rocketchat-integrations/client/stylesheets/integrations.css b/app/integrations/client/stylesheets/integrations.css
similarity index 96%
rename from packages/rocketchat-integrations/client/stylesheets/integrations.css
rename to app/integrations/client/stylesheets/integrations.css
index 1c9aa75b287d6..83ee9e64cfe6a 100644
--- a/packages/rocketchat-integrations/client/stylesheets/integrations.css
+++ b/app/integrations/client/stylesheets/integrations.css
@@ -53,10 +53,6 @@
}
}
-.zapier-btn {
- margin-right: 5px;
-}
-
.integrate-other-ways {
& p {
font-size: 1rem;
diff --git a/packages/rocketchat-integrations/client/views/additional/zapier.html b/app/integrations/client/views/additional/zapier.html
similarity index 100%
rename from packages/rocketchat-integrations/client/views/additional/zapier.html
rename to app/integrations/client/views/additional/zapier.html
diff --git a/packages/rocketchat-integrations/client/views/integrations.html b/app/integrations/client/views/integrations.html
similarity index 100%
rename from packages/rocketchat-integrations/client/views/integrations.html
rename to app/integrations/client/views/integrations.html
diff --git a/app/integrations/client/views/integrations.js b/app/integrations/client/views/integrations.js
new file mode 100644
index 0000000000000..aaf73c2b183ed
--- /dev/null
+++ b/app/integrations/client/views/integrations.js
@@ -0,0 +1,31 @@
+import { Template } from 'meteor/templating';
+import { TAPi18n } from 'meteor/tap:i18n';
+import { Tracker } from 'meteor/tracker';
+import moment from 'moment';
+
+import { hasAtLeastOnePermission } from '../../../authorization';
+import { integrations } from '../../lib/rocketchat';
+import { ChatIntegrations } from '../collections';
+import { SideNav } from '../../../ui-utils/client';
+
+Template.integrations.helpers({
+ hasPermission() {
+ return hasAtLeastOnePermission(['manage-integrations', 'manage-own-integrations']);
+ },
+ integrations() {
+ return ChatIntegrations.find();
+ },
+ dateFormated(date) {
+ return moment(date).format('L LT');
+ },
+ eventTypeI18n(event) {
+ return TAPi18n.__(integrations.outgoingEvents[event].label);
+ },
+});
+
+Template.integrations.onRendered(() => {
+ Tracker.afterFlush(() => {
+ SideNav.setFlex('adminFlex');
+ SideNav.openFlex();
+ });
+});
diff --git a/packages/rocketchat-integrations/client/views/integrationsIncoming.html b/app/integrations/client/views/integrationsIncoming.html
similarity index 95%
rename from packages/rocketchat-integrations/client/views/integrationsIncoming.html
rename to app/integrations/client/views/integrationsIncoming.html
index 49e2429f846c1..2fd845a464717 100644
--- a/packages/rocketchat-integrations/client/views/integrationsIncoming.html
+++ b/app/integrations/client/views/integrationsIncoming.html
@@ -74,8 +74,8 @@
{{> CodeMirror name="script" options=editorOptions code=data.script }}
