import { __ } from 'i18n';
import { converse, api } from "@converse/headless/core";
import { html } from "lit";
const u = converse.env.utils;
const emoji_category = (o) => {
return html`
${o.emoji}
`;
}
const emoji_picker_header = (o) => {
const cats = api.settings.get('emoji_categories');
const transform = c => cats[c] ? emoji_category(Object.assign({'category': c, 'emoji': o.sn2Emoji(cats[c])}, o)) : '';
return html`${ Object.keys(cats).map(transform) }
`;
}
const emoji_item = (o) => {
return html`
${u.shortnamesToEmojis(o.emoji.sn)}
`;
}
export const tpl_search_results = (o) => {
const i18n_search_results = __('Search results');
return html`
${i18n_search_results}
${ o.search_results.map(emoji => emoji_item(Object.assign({emoji}, o))) }
`;
}
const emojis_for_category = (o) => {
return html`
${ __(api.settings.get('emoji_category_labels')[o.category]) }
${ Object.values(converse.emojis.json[o.category]).map(emoji => emoji_item(Object.assign({emoji}, o))) }
`;
}
export const tpl_all_emojis = (o) => {
const cats = api.settings.get('emoji_categories');
return html`
${Object.keys(cats).map(c => (cats[c] ? emojis_for_category(Object.assign({'category': c}, o)) : ''))}
`;
}
const skintone_emoji = (o) => {
return html`
${u.shortnamesToEmojis(':'+o.skintone+':')}
`;
}
export const tpl_emoji_picker = (o) => {
const i18n_search = __('Search');
const skintones = ['tone1', 'tone2', 'tone3', 'tone4', 'tone5'];
return html`
${ o.render_emojis ?
html`` : ''}
${ skintones.map(skintone => skintone_emoji(Object.assign({skintone}, o))) }
`;
}