\n \n \n
`;\n","import { html } from \"lit\";\n\nexport default (o) => html`\n \n \n`;\n","import { html } from \"lit\";\n\nexport default (o) => html`\n `;\n","import { html } from \"lit\";\n\nexport default (o) => html`\n \n ${ o.label ? html`` : '' }\n
`;\n","import log from '@converse/headless/log';\nimport { api } from \"@converse/headless/core\";\nimport { html } from \"lit\";\n\nfunction onClickXMPPURI (ev) {\n ev.preventDefault();\n api.rooms.open(ev.target.href);\n}\n\nexport default (uri, url_text) => {\n let normalized_url;\n try {\n normalized_url = uri.normalize()._string;\n } catch (e) {\n log.error(e);\n return url_text;\n }\n const pretty_url = uri._parts.urn ? normalized_url : uri.readable();\n const visible_url = url_text || pretty_url;\n if (!uri._parts.protocol && !normalized_url.startsWith('http://') && !normalized_url.startsWith('https://')) {\n normalized_url = 'http://' + normalized_url;\n }\n if (uri._parts.protocol === 'xmpp' && uri._parts.query === 'join') {\n return html`\n ${visible_url}`;\n }\n return html`${visible_url}`;\n}\n","import { html } from \"lit\";\n\nexport default (url, hide_url) =>\n html`${ hide_url ? '' : html`${url}` }`;\n","/**\n * @copyright 2020, the Converse.js contributors\n * @license Mozilla Public License (MPLv2)\n * @description This is the DOM/HTML utilities module.\n */\nimport isFunction from 'lodash-es/isFunction';\nimport log from '@converse/headless/log';\nimport tpl_audio from 'templates/audio.js';\nimport tpl_file from 'templates/file.js';\nimport tpl_form_captcha from '../templates/form_captcha.js';\nimport tpl_form_checkbox from '../templates/form_checkbox.js';\nimport tpl_form_help from '../templates/form_help.js';\nimport tpl_form_input from '../templates/form_input.js';\nimport tpl_form_select from '../templates/form_select.js';\nimport tpl_form_textarea from '../templates/form_textarea.js';\nimport tpl_form_url from '../templates/form_url.js';\nimport tpl_form_username from '../templates/form_username.js';\nimport tpl_hyperlink from 'templates/hyperlink.js';\nimport tpl_video from 'templates/video.js';\nimport u from '../headless/utils/core';\nimport { converse } from '@converse/headless/core';\nimport { getURI, isAudioURL, isImageURL, isVideoURL } from '@converse/headless/utils/url.js';\nimport { render } from 'lit';\n\nconst { sizzle } = converse.env;\n\nconst APPROVED_URL_PROTOCOLS = ['http', 'https', 'xmpp', 'mailto'];\n\nfunction getAutoCompleteProperty (name, options) {\n return {\n 'muc#roomconfig_lang': 'language',\n 'muc#roomconfig_roomsecret': options?.new_password ? 'new-password' : 'current-password'\n }[name];\n}\n\nconst XFORM_TYPE_MAP = {\n 'text-private': 'password',\n 'text-single': 'text',\n 'fixed': 'label',\n 'boolean': 'checkbox',\n 'hidden': 'hidden',\n 'jid-multi': 'textarea',\n 'list-single': 'dropdown',\n 'list-multi': 'dropdown'\n};\n\nconst XFORM_VALIDATE_TYPE_MAP = {\n 'xs:anyURI': 'url',\n 'xs:byte': 'number',\n 'xs:date': 'date',\n 'xs:dateTime': 'datetime',\n 'xs:int': 'number',\n 'xs:integer': 'number',\n 'xs:time': 'time',\n}\n\nfunction getInputType(field) {\n const type = XFORM_TYPE_MAP[field.getAttribute('type')]\n if (type == 'text') {\n const datatypes = field.getElementsByTagNameNS(\"http://jabber.org/protocol/xdata-validate\", \"validate\");\n if (datatypes.length === 1) {\n const datatype = datatypes[0].getAttribute(\"datatype\");\n return XFORM_VALIDATE_TYPE_MAP[datatype] || type;\n }\n }\n return type;\n}\n\nfunction slideOutWrapup (el) {\n /* Wrapup function for slideOut. */\n el.removeAttribute('data-slider-marker');\n el.classList.remove('collapsed');\n el.style.overflow = '';\n el.style.height = '';\n}\n\nfunction getFileName (uri) {\n try {\n return decodeURI(uri.filename());\n } catch (error) {\n log.debug(error);\n return uri.filename();\n }\n}\n\n/**\n * Returns the markup for a URL that points to a downloadable asset\n * (such as a video, image or audio file).\n * @method u#getOOBURLMarkup\n * @param { String } url\n * @returns { String }\n */\nexport function getOOBURLMarkup (url) {\n const uri = getURI(url);\n if (uri === null) {\n return url;\n }\n if (isVideoURL(uri)) {\n return tpl_video(url);\n } else if (isAudioURL(uri)) {\n return tpl_audio(url);\n } else if (isImageURL(uri)) {\n return tpl_file(uri.toString(), getFileName(uri));\n } else {\n return tpl_file(uri.toString(), getFileName(uri));\n }\n}\n\n/**\n * Return the height of the passed in DOM element,\n * based on the heights of its children.\n * @method u#calculateElementHeight\n * @param {HTMLElement} el\n * @returns {integer}\n */\nu.calculateElementHeight = function (el) {\n return Array.from(el.children).reduce((result, child) => result + child.offsetHeight, 0);\n};\n\nu.getNextElement = function (el, selector = '*') {\n let next_el = el.nextElementSibling;\n while (next_el !== null && !sizzle.matchesSelector(next_el, selector)) {\n next_el = next_el.nextElementSibling;\n }\n return next_el;\n};\n\nu.getPreviousElement = function (el, selector = '*') {\n let prev_el = el.previousElementSibling;\n while (prev_el !== null && !sizzle.matchesSelector(prev_el, selector)) {\n prev_el = prev_el.previousElementSibling;\n }\n return prev_el;\n};\n\nu.getFirstChildElement = function (el, selector = '*') {\n let first_el = el.firstElementChild;\n while (first_el !== null && !sizzle.matchesSelector(first_el, selector)) {\n first_el = first_el.nextElementSibling;\n }\n return first_el;\n};\n\nu.getLastChildElement = function (el, selector = '*') {\n let last_el = el.lastElementChild;\n while (last_el !== null && !sizzle.matchesSelector(last_el, selector)) {\n last_el = last_el.previousElementSibling;\n }\n return last_el;\n};\n\nu.hasClass = function (className, el) {\n return el instanceof Element && el.classList.contains(className);\n};\n\nu.toggleClass = function (className, el) {\n u.hasClass(className, el) ? u.removeClass(className, el) : u.addClass(className, el);\n};\n\n/**\n * Add a class to an element.\n * @method u#addClass\n * @param {string} className\n * @param {Element} el\n */\nu.addClass = function (className, el) {\n el instanceof Element && el.classList.add(className);\n return el;\n};\n\n/**\n * Remove a class from an element.\n * @method u#removeClass\n * @param {string} className\n * @param {Element} el\n */\nu.removeClass = function (className, el) {\n el instanceof Element && el.classList.remove(className);\n return el;\n};\n\nu.removeElement = function (el) {\n el instanceof Element && el.parentNode && el.parentNode.removeChild(el);\n return el;\n};\n\nu.getElementFromTemplateResult = function (tr) {\n const div = document.createElement('div');\n render(tr, div);\n return div.firstElementChild;\n};\n\nu.showElement = el => {\n u.removeClass('collapsed', el);\n u.removeClass('hidden', el);\n};\n\nu.hideElement = function (el) {\n el instanceof Element && el.classList.add('hidden');\n return el;\n};\n\nu.ancestor = function (el, selector) {\n let parent = el;\n while (parent !== null && !sizzle.matchesSelector(parent, selector)) {\n parent = parent.parentElement;\n }\n return parent;\n};\n\n/**\n * Return the element's siblings until one matches the selector.\n * @private\n * @method u#nextUntil\n * @param { HTMLElement } el\n * @param { String } selector\n */\nu.nextUntil = function (el, selector) {\n const matches = [];\n let sibling_el = el.nextElementSibling;\n while (sibling_el !== null && !sibling_el.matches(selector)) {\n matches.push(sibling_el);\n sibling_el = sibling_el.nextElementSibling;\n }\n return matches;\n};\n\n/**\n * Helper method that replace HTML-escaped symbols with equivalent characters\n * (e.g. transform occurrences of '&' to '&')\n * @private\n * @method u#unescapeHTML\n * @param { String } string - a String containing the HTML-escaped symbols.\n */\nu.unescapeHTML = function (string) {\n var div = document.createElement('div');\n div.innerHTML = string;\n return div.innerText;\n};\n\nu.escapeHTML = function (string) {\n return string\n .replace(/&/g, '&')\n .replace(//g, '>')\n .replace(/\"/g, '"');\n};\n\nfunction isProtocolApproved (protocol, safeProtocolsList = APPROVED_URL_PROTOCOLS) {\n return !!safeProtocolsList.includes(protocol);\n}\n\n// Will return false if URL is malformed or contains disallowed characters\nfunction isUrlValid (urlString) {\n try {\n const url = new URL(urlString);\n return !!url;\n } catch (error) {\n return false;\n }\n}\n\nexport function getHyperlinkTemplate (url) {\n const http_url = RegExp('^w{3}.', 'ig').test(url) ? `http://${url}` : url;\n const uri = getURI(url);\n if (uri !== null && isUrlValid(http_url) && (isProtocolApproved(uri._parts.protocol) || !uri._parts.protocol)) {\n return tpl_hyperlink(uri, url);\n }\n return url;\n}\n\nu.slideInAllElements = function (elements, duration = 300) {\n return Promise.all(Array.from(elements).map(e => u.slideIn(e, duration)));\n};\n\nu.slideToggleElement = function (el, duration) {\n if (u.hasClass('collapsed', el) || u.hasClass('hidden', el)) {\n return u.slideOut(el, duration);\n } else {\n return u.slideIn(el, duration);\n }\n};\n\n/**\n * Shows/expands an element by sliding it out of itself\n * @private\n * @method u#slideOut\n * @param { HTMLElement } el - The HTML string\n * @param { Number } duration - The duration amount in milliseconds\n */\nu.slideOut = function (el, duration = 200) {\n return new Promise((resolve, reject) => {\n if (!el) {\n const err = 'An element needs to be passed in to slideOut';\n log.warn(err);\n reject(new Error(err));\n return;\n }\n const marker = el.getAttribute('data-slider-marker');\n if (marker) {\n el.removeAttribute('data-slider-marker');\n window.cancelAnimationFrame(marker);\n }\n const end_height = u.calculateElementHeight(el);\n if (window.converse_disable_effects) {\n // Effects are disabled (for tests)\n el.style.height = end_height + 'px';\n slideOutWrapup(el);\n resolve();\n return;\n }\n if (!u.hasClass('collapsed', el) && !u.hasClass('hidden', el)) {\n resolve();\n return;\n }\n\n const steps = duration / 17; // We assume 17ms per animation which is ~60FPS\n let height = 0;\n\n function draw () {\n height += end_height / steps;\n if (height < end_height) {\n el.style.height = height + 'px';\n el.setAttribute('data-slider-marker', window.requestAnimationFrame(draw));\n } else {\n // We recalculate the height to work around an apparent\n // browser bug where browsers don't know the correct\n // offsetHeight beforehand.\n el.removeAttribute('data-slider-marker');\n el.style.height = u.calculateElementHeight(el) + 'px';\n el.style.overflow = '';\n el.style.height = '';\n resolve();\n }\n }\n el.style.height = '0';\n el.style.overflow = 'hidden';\n el.classList.remove('hidden');\n el.classList.remove('collapsed');\n el.setAttribute('data-slider-marker', window.requestAnimationFrame(draw));\n });\n};\n\nu.slideIn = function (el, duration = 200) {\n /* Hides/collapses an element by sliding it into itself. */\n return new Promise((resolve, reject) => {\n if (!el) {\n const err = 'An element needs to be passed in to slideIn';\n log.warn(err);\n return reject(new Error(err));\n } else if (u.hasClass('collapsed', el)) {\n return resolve(el);\n } else if (window.converse_disable_effects) {\n // Effects are disabled (for tests)\n el.classList.add('collapsed');\n el.style.height = '';\n return resolve(el);\n }\n const marker = el.getAttribute('data-slider-marker');\n if (marker) {\n el.removeAttribute('data-slider-marker');\n window.cancelAnimationFrame(marker);\n }\n const original_height = el.offsetHeight,\n steps = duration / 17; // We assume 17ms per animation which is ~60FPS\n let height = original_height;\n\n el.style.overflow = 'hidden';\n\n function draw () {\n height -= original_height / steps;\n if (height > 0) {\n el.style.height = height + 'px';\n el.setAttribute('data-slider-marker', window.requestAnimationFrame(draw));\n } else {\n el.removeAttribute('data-slider-marker');\n el.classList.add('collapsed');\n el.style.height = '';\n resolve(el);\n }\n }\n el.setAttribute('data-slider-marker', window.requestAnimationFrame(draw));\n });\n};\n\nfunction afterAnimationEnds (el, callback) {\n el.classList.remove('visible');\n if (isFunction(callback)) {\n callback();\n }\n}\n\nu.isInDOM = function (el) {\n return document.querySelector('body').contains(el);\n};\n\nu.isVisible = function (el) {\n if (el === null) {\n return false;\n }\n if (u.hasClass('hidden', el)) {\n return false;\n }\n // XXX: Taken from jQuery's \"visible\" implementation\n return el.offsetWidth > 0 || el.offsetHeight > 0 || el.getClientRects().length > 0;\n};\n\nu.fadeIn = function (el, callback) {\n if (!el) {\n log.warn('An element needs to be passed in to fadeIn');\n }\n if (window.converse_disable_effects) {\n el.classList.remove('hidden');\n return afterAnimationEnds(el, callback);\n }\n if (u.hasClass('hidden', el)) {\n el.classList.add('visible');\n el.classList.remove('hidden');\n el.addEventListener('webkitAnimationEnd', () => afterAnimationEnds(el, callback));\n el.addEventListener('animationend', () => afterAnimationEnds(el, callback));\n el.addEventListener('oanimationend', () => afterAnimationEnds(el, callback));\n } else {\n afterAnimationEnds(el, callback);\n }\n};\n\n/**\n * Takes an XML field in XMPP XForm (XEP-004: Data Forms) format returns a\n * [TemplateResult](https://lit.polymer-project.org/api/classes/_lit_html_.templateresult.html).\n * @method u#xForm2TemplateResult\n * @param { XMLElement } field - the field to convert\n * @param { XMLElement } stanza - the containing stanza\n * @param { Object } options\n * @returns { TemplateResult }\n */\nu.xForm2TemplateResult = function (field, stanza, options) {\n if (field.getAttribute('type') === 'list-single' || field.getAttribute('type') === 'list-multi') {\n const values = u.queryChildren(field, 'value').map(el => el?.textContent);\n const options = u.queryChildren(field, 'option').map(option => {\n const value = option.querySelector('value')?.textContent;\n return {\n 'value': value,\n 'label': option.getAttribute('label'),\n 'selected': values.includes(value),\n 'required': !!field.querySelector('required')\n };\n });\n return tpl_form_select({\n options,\n 'id': u.getUniqueId(),\n 'label': field.getAttribute('label'),\n 'multiple': field.getAttribute('type') === 'list-multi',\n 'name': field.getAttribute('var'),\n 'required': !!field.querySelector('required')\n });\n } else if (field.getAttribute('type') === 'fixed') {\n const text = field.querySelector('value')?.textContent;\n return tpl_form_help({ text });\n } else if (field.getAttribute('type') === 'jid-multi') {\n return tpl_form_textarea({\n 'name': field.getAttribute('var'),\n 'label': field.getAttribute('label') || '',\n 'value': field.querySelector('value')?.textContent,\n 'required': !!field.querySelector('required')\n });\n } else if (field.getAttribute('type') === 'boolean') {\n const value = field.querySelector('value')?.textContent;\n return tpl_form_checkbox({\n 'id': u.getUniqueId(),\n 'name': field.getAttribute('var'),\n 'label': field.getAttribute('label') || '',\n 'checked': ((value === '1' || value === 'true') && 'checked=\"1\"') || '',\n 'required': !!field.querySelector('required')\n });\n } else if (field.getAttribute('var') === 'url') {\n return tpl_form_url({\n 'label': field.getAttribute('label') || '',\n 'value': field.querySelector('value')?.textContent\n });\n } else if (field.getAttribute('var') === 'username') {\n return tpl_form_username({\n 'domain': ' @' + options.domain,\n 'name': field.getAttribute('var'),\n 'type': getInputType(field),\n 'label': field.getAttribute('label') || '',\n 'value': field.querySelector('value')?.textContent,\n 'required': !!field.querySelector('required')\n });\n } else if (field.getAttribute('var') === 'ocr') {\n // Captcha\n const uri = field.querySelector('uri');\n const el = sizzle('data[cid=\"' + uri.textContent.replace(/^cid:/, '') + '\"]', stanza)[0];\n return tpl_form_captcha({\n 'label': field.getAttribute('label'),\n 'name': field.getAttribute('var'),\n 'data': el?.textContent,\n 'type': uri.getAttribute('type'),\n 'required': !!field.querySelector('required')\n });\n } else {\n const name = field.getAttribute('var');\n return tpl_form_input({\n 'id': u.getUniqueId(),\n 'label': field.getAttribute('label') || '',\n 'name': name,\n 'fixed_username': options?.fixed_username,\n 'autocomplete': getAutoCompleteProperty(name, options),\n 'placeholder': null,\n 'required': !!field.querySelector('required'),\n 'type': getInputType(field),\n 'value': field.querySelector('value')?.textContent\n });\n }\n};\n\nObject.assign(u, { getOOBURLMarkup });\n\nexport default u;\n","\n import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./gif.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./gif.scss\";\n export default content && content.locals ? content.locals : undefined;\n","import ConverseGif from 'shared/gif/index.js';\nimport { CustomElement } from 'shared/components/element.js';\nimport { api } from '@converse/headless/core';\nimport { getHyperlinkTemplate } from 'utils/html.js';\nimport { html } from 'lit';\n\nimport './styles/gif.scss';\n\nexport default class ConverseGIFElement extends CustomElement {\n static get properties () {\n /**\n * @typedef { Object } ConverseGIFComponentProperties\n * @property { Boolean } autoplay\n * @property { Boolean } noloop\n * @property { String } progress_color\n * @property { String } nick\n * @property { ('url'|'empty'|'error') } fallback\n * @property { String } src\n */\n return {\n 'autoplay': { type: Boolean },\n 'noloop': { type: Boolean },\n 'progress_color': { type: String },\n 'fallback': { type: String },\n 'src': { type: String },\n };\n }\n\n constructor () {\n super();\n this.autoplay = false;\n this.noloop = false;\n this.fallback = 'url';\n }\n\n initGIF () {\n const options = {\n 'autoplay': this.autoplay,\n 'loop': !this.noloop,\n }\n if (this.progress_color) {\n options['progress_color'] = this.progress_color;\n }\n this.supergif = new ConverseGif(this, options);\n }\n\n updated (changed) {\n if (!this.supergif || changed.has('src')) {\n this.initGIF();\n return;\n }\n if (changed.has('autoplay')) {\n this.supergif.options.autoplay = this.autoplay;\n }\n if (changed.has('noloop')) {\n this.supergif.options.loop = !this.noloop;\n }\n if (changed.has('progress_color')) {\n this.supergif.options.progress_color = this.progress_color;\n }\n }\n\n render () {\n return (this.supergif?.load_error && ['url', 'empty'].includes(this.fallback)) ? this.renderErrorFallback() :\n html``;\n }\n\n renderErrorFallback () {\n if (this.fallback === 'url') {\n return getHyperlinkTemplate(this.src);\n } else if (this.fallback === 'empty') {\n return '';\n }\n }\n\n setHover () {\n if (this.supergif) {\n this.supergif.hovering = true;\n this.hover_timeout && clearTimeout(this.hover_timeout);\n this.hover_timeout = setTimeout(() => this.unsetHover(), 2000);\n }\n }\n\n unsetHover () {\n if (this.supergif) this.supergif.hovering = false;\n }\n\n onControlsClicked (ev) {\n ev.preventDefault();\n if (this.supergif.playing) {\n this.supergif.pause();\n } else {\n // When the user manually clicks play, we turn on looping\n this.supergif.options.loop = true;\n this.supergif.play();\n }\n }\n}\n\napi.elements.define('converse-gif', ConverseGIFElement);\n","import { html } from \"lit\";\nimport 'shared/components/gif.js';\n\nexport default (url, hide_url) =>\n html`\n
\n \n \n
\n ${o.domain}
\n ${txt}\\``,\n 'preformatted_block': txt => html`\\`\\`\\`
${txt}\\`\\`\\`
`,\n 'quote': (txt, i, options) => html`${renderStylingDirectiveBody(txt, i, options)}`,\n 'strike': (txt, i, options) => html`~
\n
\n ${ o.status ? html`\n ${ (!_converse.api.settings.get(\"singleton\")) ? html`
\n \n \n ${ (o.type !== _converse.HEADLINES_TYPE) ? html`${ display_name }` : display_name }\n
\n ${ o.status }
` : '' }\n `;\n}\n","\n import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./chat-head.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./chat-head.scss\";\n export default content && content.locals ? content.locals : undefined;\n","import UserDetailsModal from 'modals/user-details.js';\nimport tpl_chatbox_head from './templates/chat-head.js';\nimport { CustomElement } from 'shared/components/element.js';\nimport { __ } from 'i18n';\nimport { _converse, api } from \"@converse/headless/core\";\n\nimport './styles/chat-head.scss';\n\n\nexport default class ChatHeading extends CustomElement {\n\n initialize () {\n this.model = _converse.chatboxes.get(this.getAttribute('jid'));\n this.listenTo(this.model, 'change:status', this.requestUpdate);\n this.listenTo(this.model, 'vcard:add', this.requestUpdate);\n this.listenTo(this.model, 'vcard:change', this.requestUpdate);\n if (this.model.contact) {\n this.listenTo(this.model.contact, 'destroy', this.requestUpdate);\n }\n this.model.rosterContactAdded?.then(() => {\n this.listenTo(this.model.contact, 'change:nickname', this.requestUpdate);\n this.requestUpdate();\n });\n }\n\n render () {\n return tpl_chatbox_head(Object.assign(this.model.toJSON(), {\n 'heading_buttons_promise': this.getHeadingButtons(),\n 'model': this.model,\n 'showUserDetailsModal': ev => this.showUserDetailsModal(ev),\n }));\n }\n\n showUserDetailsModal (ev) {\n ev.preventDefault();\n api.modal.show(UserDetailsModal, { model: this.model }, ev);\n }\n\n close (ev) {\n ev.preventDefault();\n this.model.close();\n }\n\n /**\n * Returns a list of objects which represent buttons for the chat's header.\n * @async\n * @emits _converse#getHeadingButtons\n */\n getHeadingButtons () {\n const buttons = [\n {\n 'a_class': 'show-user-details-modal',\n 'handler': ev => this.showUserDetailsModal(ev),\n 'i18n_text': __('Details'),\n 'i18n_title': __('See more information about this person'),\n 'icon_class': 'fa-id-card',\n 'name': 'details',\n 'standalone': api.settings.get('view_mode') === 'overlayed'\n }\n ];\n if (!api.settings.get('singleton')) {\n buttons.push({\n 'a_class': 'close-chatbox-button',\n 'handler': ev => this.close(ev),\n 'i18n_text': __('Close'),\n 'i18n_title': __('Close and end this conversation'),\n 'icon_class': 'fa-times',\n 'name': 'close',\n 'standalone': api.settings.get('view_mode') === 'overlayed'\n });\n }\n /**\n * *Hook* which allows plugins to add more buttons to a chat's heading.\n * @event _converse#getHeadingButtons\n * @example\n * api.listen.on('getHeadingButtons', (view, buttons) => {\n * buttons.push({\n * 'i18n_title': __('Foo'),\n * 'i18n_text': __('Foo Bar'),\n * 'handler': ev => alert('Foo!'),\n * 'a_class': 'toggle-foo',\n * 'icon_class': 'fa-foo',\n * 'name': 'foo'\n * });\n * return buttons;\n * });\n */\n const chatview = _converse.chatboxviews.get(this.getAttribute('jid'));\n if (chatview) {\n return _converse.api.hook('getHeadingButtons', chatview, buttons);\n } else {\n return buttons; // Happens during tests\n }\n }\n}\n\napi.elements.define('converse-chat-heading', ChatHeading);\n","import { __ } from 'i18n';\nimport { api } from \"@converse/headless/core\";\nimport { html } from \"lit\";\nimport { resetElementHeight } from '../utils.js';\n\n\nexport default (o) => {\n const label_message = o.composing_spoiler ? __('Hidden message') : __('Message');\n const label_spoiler_hint = __('Optional hint');\n const show_send_button = api.settings.get('show_send_button');\n\n return html`\n `;\n}\n","import tpl_message_form from './templates/message-form.js';\nimport { ElementView } from '@converse/skeletor/src/element.js';\nimport { __ } from 'i18n';\nimport { _converse, api, converse } from \"@converse/headless/core\";\nimport { parseMessageForCommands } from './utils.js';\n\nconst { u } = converse.env;\n\n\nexport default class MessageForm extends ElementView {\n\n async connectedCallback () {\n super.connectedCallback();\n this.model = _converse.chatboxes.get(this.getAttribute('jid'));\n await this.model.initialized;\n this.listenTo(this.model.messages, 'change:correcting', this.onMessageCorrecting);\n this.render();\n }\n\n toHTML () {\n return tpl_message_form(\n Object.assign(this.model.toJSON(), {\n 'onDrop': ev => this.onDrop(ev),\n 'hint_value': this.querySelector('.spoiler-hint')?.value,\n 'message_value': this.querySelector('.chat-textarea')?.value,\n 'onChange': ev => this.model.set({'draft': ev.target.value}),\n 'onKeyDown': ev => this.onKeyDown(ev),\n 'onKeyUp': ev => this.onKeyUp(ev),\n 'onPaste': ev => this.onPaste(ev),\n 'viewUnreadMessages': ev => this.viewUnreadMessages(ev)\n })\n );\n }\n\n /**\n * Insert a particular string value into the textarea of this chat box.\n * @param {string} value - The value to be inserted.\n * @param {(boolean|string)} [replace] - Whether an existing value\n * should be replaced. If set to `true`, the entire textarea will\n * be replaced with the new value. If set to a string, then only\n * that string will be replaced *if* a position is also specified.\n * @param {integer} [position] - The end index of the string to be\n * replaced with the new value.\n */\n insertIntoTextArea (value, replace = false, correcting = false, position) {\n const textarea = this.querySelector('.chat-textarea');\n if (correcting) {\n u.addClass('correcting', textarea);\n } else {\n u.removeClass('correcting', textarea);\n }\n if (replace) {\n if (position && typeof replace == 'string') {\n textarea.value = textarea.value.replace(new RegExp(replace, 'g'), (match, offset) =>\n offset == position - replace.length ? value + ' ' : match\n );\n } else {\n textarea.value = value;\n }\n } else {\n let existing = textarea.value;\n if (existing && existing[existing.length - 1] !== ' ') {\n existing = existing + ' ';\n }\n textarea.value = existing + value + ' ';\n }\n const ev = document.createEvent('HTMLEvents');\n ev.initEvent('change', false, true);\n textarea.dispatchEvent(ev);\n u.placeCaretAtEnd(textarea);\n }\n\n onMessageCorrecting (message) {\n if (message.get('correcting')) {\n this.insertIntoTextArea(u.prefixMentions(message), true, true);\n } else {\n const currently_correcting = this.model.messages.findWhere('correcting');\n if (currently_correcting && currently_correcting !== message) {\n this.insertIntoTextArea(u.prefixMentions(message), true, true);\n } else {\n this.insertIntoTextArea('', true, false);\n }\n }\n }\n\n onEscapePressed (ev) {\n ev.preventDefault();\n const idx = this.model.messages.findLastIndex('correcting');\n const message = idx >= 0 ? this.model.messages.at(idx) : null;\n if (message) {\n message.save('correcting', false);\n }\n this.insertIntoTextArea('', true, false);\n }\n\n onPaste (ev) {\n ev.stopPropagation();\n if (ev.clipboardData.files.length !== 0) {\n ev.preventDefault();\n // Workaround for quirk in at least Firefox 60.7 ESR:\n // It seems that pasted files disappear from the event payload after\n // the event has finished, which apparently happens during async\n // processing in sendFiles(). So we copy the array here.\n this.model.sendFiles(Array.from(ev.clipboardData.files));\n return;\n }\n this.model.set({'draft': ev.clipboardData.getData('text/plain')});\n }\n\n onKeyUp (ev) {\n this.model.set({'draft': ev.target.value});\n }\n\n onKeyDown (ev) {\n if (ev.ctrlKey) {\n // When ctrl is pressed, no chars are entered into the textarea.\n return;\n }\n if (!ev.shiftKey && !ev.altKey && !ev.metaKey) {\n if (ev.keyCode === converse.keycodes.TAB) {\n const value = u.getCurrentWord(ev.target, null, /(:.*?:)/g);\n if (value.startsWith(':')) {\n ev.preventDefault();\n ev.stopPropagation();\n this.model.trigger('emoji-picker-autocomplete', ev.target, value);\n }\n } else if (ev.keyCode === converse.keycodes.FORWARD_SLASH) {\n // Forward slash is used to run commands. Nothing to do here.\n return;\n } else if (ev.keyCode === converse.keycodes.ESCAPE) {\n return this.onEscapePressed(ev, this);\n } else if (ev.keyCode === converse.keycodes.ENTER) {\n return this.onFormSubmitted(ev);\n } else if (ev.keyCode === converse.keycodes.UP_ARROW && !ev.target.selectionEnd) {\n const textarea = this.querySelector('.chat-textarea');\n if (!textarea.value || u.hasClass('correcting', textarea)) {\n return this.model.editEarlierMessage();\n }\n } else if (\n ev.keyCode === converse.keycodes.DOWN_ARROW &&\n ev.target.selectionEnd === ev.target.value.length &&\n u.hasClass('correcting', this.querySelector('.chat-textarea'))\n ) {\n return this.model.editLaterMessage();\n }\n }\n if (\n [\n converse.keycodes.SHIFT,\n converse.keycodes.META,\n converse.keycodes.META_RIGHT,\n converse.keycodes.ESCAPE,\n converse.keycodes.ALT\n ].includes(ev.keyCode)\n ) {\n return;\n }\n if (this.model.get('chat_state') !== _converse.COMPOSING) {\n // Set chat state to composing if keyCode is not a forward-slash\n // (which would imply an internal command and not a message).\n this.model.setChatState(_converse.COMPOSING);\n }\n }\n\n parseMessageForCommands (text) {\n // Wrap util so that we can override in the MUC message-form component\n return parseMessageForCommands(this.model, text);\n }\n\n async onFormSubmitted (ev) {\n ev?.preventDefault?.();\n\n const textarea = this.querySelector('.chat-textarea');\n const message_text = textarea.value.trim();\n if (\n (api.settings.get('message_limit') && message_text.length > api.settings.get('message_limit')) ||\n !message_text.replace(/\\s/g, '').length\n ) {\n return;\n }\n if (!_converse.connection.authenticated) {\n const err_msg = __('Sorry, the connection has been lost, and your message could not be sent');\n api.alert('error', __('Error'), err_msg);\n api.connection.reconnect();\n return;\n }\n let spoiler_hint,\n hint_el = {};\n if (this.model.get('composing_spoiler')) {\n hint_el = this.querySelector('form.sendXMPPMessage input.spoiler-hint');\n spoiler_hint = hint_el.value;\n }\n u.addClass('disabled', textarea);\n textarea.setAttribute('disabled', 'disabled');\n this.querySelector('converse-emoji-dropdown')?.hideMenu();\n\n const is_command = this.parseMessageForCommands(message_text);\n const message = is_command ? null : await this.model.sendMessage({'body': message_text, spoiler_hint});\n if (is_command || message) {\n hint_el.value = '';\n textarea.value = '';\n u.removeClass('correcting', textarea);\n textarea.style.height = 'auto';\n this.model.set({'draft': ''});\n }\n if (api.settings.get('view_mode') === 'overlayed') {\n // XXX: Chrome flexbug workaround. The .chat-content area\n // doesn't resize when the textarea is resized to its original size.\n const chatview = _converse.chatboxviews.get(this.getAttribute('jid'));\n const msgs_container = chatview.querySelector('.chat-content__messages');\n msgs_container.parentElement.style.display = 'none';\n }\n textarea.removeAttribute('disabled');\n u.removeClass('disabled', textarea);\n\n if (api.settings.get('view_mode') === 'overlayed') {\n // XXX: Chrome flexbug workaround.\n const chatview = _converse.chatboxviews.get(this.getAttribute('jid'));\n const msgs_container = chatview.querySelector('.chat-content__messages');\n msgs_container.parentElement.style.display = '';\n }\n // Suppress events, otherwise superfluous CSN gets set\n // immediately after the message, causing rate-limiting issues.\n this.model.setChatState(_converse.ACTIVE, { 'silent': true });\n textarea.focus();\n }\n}\n\napi.elements.define('converse-message-form', MessageForm);\n","import { __ } from 'i18n';\nimport { api } from '@converse/headless/core';\nimport { html } from 'lit';\n\n\nexport default (o) => {\n const unread_msgs = __('You have unread messages');\n const message_limit = api.settings.get('message_limit');\n const show_call_button = api.settings.get('visible_toolbar_buttons').call;\n const show_emoji_button = api.settings.get('visible_toolbar_buttons').emoji;\n const show_send_button = api.settings.get('show_send_button');\n const show_spoiler_button = api.settings.get('visible_toolbar_buttons').spoiler;\n const show_toolbar = api.settings.get('show_toolbar');\n return html`\n ${ o.model.ui.get('scrolled') && o.model.get('num_unread') ?\n html` o.viewUnreadMessages(ev)}>▼ ${ unread_msgs } ▼
` : '' }\n ${api.settings.get('show_toolbar') ? html`\n \n
\n`;\n","import 'plugins/chatview/heading.js';\nimport 'plugins/chatview/bottom-panel.js';\nimport BaseChatView from 'shared/chat/baseview.js';\nimport tpl_chat from './templates/chat.js';\nimport { __ } from 'i18n';\nimport { _converse, api } from '@converse/headless/core';\n\n/**\n * The view of an open/ongoing chat conversation.\n * @class\n * @namespace _converse.ChatBoxView\n * @memberOf _converse\n */\nexport default class ChatView extends BaseChatView {\n length = 200\n\n async initialize() {\n _converse.chatboxviews.add(this.jid, this);\n this.model = _converse.chatboxes.get(this.jid);\n this.listenTo(_converse, 'windowStateChanged', this.onWindowStateChanged);\n this.listenTo(this.model, 'change:hidden', () => !this.model.get('hidden') && this.afterShown());\n this.listenTo(this.model, 'change:show_help_messages', this.requestUpdate);\n\n await this.model.messages.fetched;\n !this.model.get('hidden') && this.afterShown()\n /**\n * Triggered once the {@link _converse.ChatBoxView} has been initialized\n * @event _converse#chatBoxViewInitialized\n * @type { _converse.HeadlinesBoxView }\n * @example _converse.api.listen.on('chatBoxViewInitialized', view => { ... });\n */\n api.trigger('chatBoxViewInitialized', this);\n }\n\n render () {\n return tpl_chat(Object.assign({\n 'model': this.model,\n 'help_messages': this.getHelpMessages(),\n 'show_help_messages': this.model.get('show_help_messages'),\n }, this.model.toJSON()));\n }\n\n getHelpMessages () { // eslint-disable-line class-methods-use-this\n return [\n `/clear: ${__('Remove messages')}`,\n `/close: ${__('Close this chat')}`,\n `/me: ${__('Write in the third person')}`,\n `/help: ${__('Show this menu')}`\n ];\n }\n\n showControlBox () { // eslint-disable-line class-methods-use-this\n // Used in mobile view, to navigate back to the controlbox\n _converse.chatboxviews.get('controlbox')?.show();\n }\n\n afterShown () {\n this.model.setChatState(_converse.ACTIVE);\n this.model.clearUnreadMsgCounter();\n this.maybeFocus();\n }\n}\n\napi.elements.define('converse-chat', ChatView);\n","\n import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./index.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./index.scss\";\n export default content && content.locals ? content.locals : undefined;\n","/**\n * @copyright 2020, the Converse.js contributors\n * @license Mozilla Public License (MPLv2)\n */\nimport '../chatboxviews/index.js';\nimport 'plugins/modal/index.js';\nimport 'shared/chat/chat-content.js';\nimport 'shared/chat/help-messages.js';\nimport 'shared/chat/toolbar.js';\nimport ChatView from './chat.js';\nimport { _converse, api, converse } from '@converse/headless/core';\nimport { clearHistory } from './utils.js';\n\nimport './styles/index.scss';\n\nconst { Strophe } = converse.env;\n\n\nconverse.plugins.add('converse-chatview', {\n /* Plugin dependencies are other plugins which might be\n * overridden or relied upon, and therefore need to be loaded before\n * this plugin.\n *\n * If the setting \"strict_plugin_dependencies\" is set to true,\n * an error will be raised if the plugin is not found. By default it's\n * false, which means these plugins are only loaded opportunistically.\n *\n * NB: These plugins need to have already been loaded via require.js.\n */\n dependencies: ['converse-chatboxviews', 'converse-chat', 'converse-disco', 'converse-modal'],\n\n initialize () {\n /* The initialize function gets called as soon as the plugin is\n * loaded by converse.js's plugin machinery.\n */\n api.settings.extend({\n 'allowed_audio_domains': null,\n 'allowed_image_domains': null,\n 'allowed_video_domains': null,\n 'auto_focus': true,\n 'debounced_content_rendering': true,\n 'filter_url_query_params': null,\n 'image_urls_regex': null,\n 'message_limit': 0,\n 'muc_hats': ['xep317'],\n 'render_media': true,\n 'show_message_avatar': true,\n 'show_retraction_warning': true,\n 'show_send_button': true,\n 'show_toolbar': true,\n 'time_format': 'HH:mm',\n 'use_system_emojis': true,\n 'visible_toolbar_buttons': {\n 'call': false,\n 'clear': true,\n 'emoji': true,\n 'spoiler': true\n }\n });\n\n _converse.ChatBoxView = ChatView;\n\n api.listen.on('connected', () => api.disco.own.features.add(Strophe.NS.SPOILER));\n api.listen.on('chatBoxClosed', (model) => clearHistory(model.get('jid')));\n }\n});\n","import { CustomElement } from './element.js';\nimport { _converse, api } from '@converse/headless/core';\nimport { html } from 'lit';\n\n\nexport class ConverseBrandByline extends CustomElement {\n\n render () { // eslint-disable-line class-methods-use-this\n const is_fullscreen = api.settings.get('view_mode') === 'fullscreen';\n return html`\n ${is_fullscreen\n ? html`\n \n \n
\n ` : '' }\n \n
\n ${_converse.VERSION_NAME}
\n\n Open Source XMPP chat client\n brought to you by Opkode\n
\n\n Translate\n it into your own language\n
\n `\n : ''}\n `;\n }\n}\n\napi.elements.define('converse-brand-byline', ConverseBrandByline);\n","import { api } from '@converse/headless/core';\nimport { CustomElement } from './element.js';\nimport { html } from 'lit';\n\n\nexport class ConverseBrandLogo extends CustomElement {\n\n render () { // eslint-disable-line class-methods-use-this\n const is_fullscreen = api.settings.get('view_mode') === 'fullscreen';\n return html`\n \n \n\n \n \n \n
\n `;\n}\n\nconst connection_url_input = () => {\n const i18n_connection_url = __('Connection URL');\n const i18n_form_help = __('HTTP or websocket URL that is used to connect to your XMPP server');\n const i18n_placeholder = __('e.g. wss://example.org/xmpp-websocket');\n return html`\n \n \n
\n `;\n}\n\nconst password_input = () => {\n const i18n_password = __('Password');\n return html`\n ${i18n_form_help}
\n \n\n \n \n
\n `;\n}\n\nconst register_link = () => {\n const i18n_create_account = __(\"Create an account\");\n const i18n_hint_no_account = __(\"Don't have a chat account?\");\n return html`\n \n `;\n}\n\nconst show_register_link = () => {\n return api.settings.get('allow_registration') &&\n !api.settings.get(\"auto_login\") &&\n _converse.pluggable.plugins['converse-register'].enabled(_converse);\n}\n\n\nconst auth_fields = (el) => {\n const authentication = api.settings.get('authentication');\n const i18n_login = __('Log in');\n const i18n_xmpp_address = __(\"XMPP Address\");\n const locked_domain = api.settings.get('locked_domain');\n const default_domain = api.settings.get('default_domain');\n const placeholder_username = ((locked_domain || default_domain) && __('Username')) || __('user@domain');\n const show_trust_checkbox = api.settings.get('allow_user_trust_override');\n return html`\n \n \n \n
\n ${ (authentication !== _converse.EXTERNAL) ? password_input() : '' }\n ${ el.model.get('show_connection_url_input') ? connection_url_input() : '' }\n ${ show_trust_checkbox ? trust_checkbox(show_trust_checkbox === 'off' ? false : true) : '' }\n \n ${ show_register_link() ? register_link() : '' }\n `;\n}\n\n\nconst form_fields = (el) => {\n const authentication = api.settings.get('authentication');\n const { ANONYMOUS, EXTERNAL, LOGIN, PREBIND } = _converse;\n const i18n_disconnected = __('Disconnected');\n const i18n_anon_login = __('Click here to log in anonymously');\n return html`\n ${ (authentication == LOGIN || authentication == EXTERNAL) ? auth_fields(el) : '' }\n ${ authentication == ANONYMOUS ? html`` : '' }\n ${ authentication == PREBIND ? html`${i18n_disconnected}
` : '' }\n `;\n}\n\n\nexport default (el) => {\n const connection_status = _converse.connfeedback.get('connection_status');\n let feedback_class, pretty_status;\n if (REPORTABLE_STATUSES.includes(connection_status)) {\n pretty_status = PRETTY_CONNECTION_STATUS[connection_status];\n feedback_class = CONNECTION_STATUS_CSS_CLASS[pretty_status];\n }\n const conn_feedback_message = _converse.connfeedback.get('message');\n return html`\n\n
\n`;\n","import tpl_controlbox from './templates/controlbox.js';\nimport { ElementView } from '@converse/skeletor/src/element.js';\nimport { _converse, api, converse } from '@converse/headless/core';\nimport { render } from 'lit';\n\nconst u = converse.env.utils;\n\n/**\n * The ControlBox is the section of the chat that contains the open groupchats,\n * bookmarks and roster.\n *\n * In `overlayed` `view_mode` it's a box like the chat boxes, in `fullscreen`\n * `view_mode` it's a left-aligned sidebar.\n */\nclass ControlBox extends ElementView {\n\n initialize () {\n this.setModel();\n this.render();\n _converse.chatboxviews.add('controlbox', this);\n /**\n * Triggered when the _converse.ControlBoxView has been initialized and therefore\n * exists. The controlbox contains the login and register forms when the user is\n * logged out and a list of the user's contacts and group chats when logged in.\n * @event _converse#controlBoxInitialized\n * @type { _converse.ControlBoxView }\n * @example _converse.api.listen.on('controlBoxInitialized', view => { ... });\n */\n api.trigger('controlBoxInitialized', this);\n }\n\n setModel () {\n this.model = _converse.chatboxes.get('controlbox');\n this.initEventHandlers();\n }\n\n initEventHandlers () {\n // Keep event handler registration in a separate method so that it can\n // be called when a new controlbox is created and assigned to this\n // element.\n this.listenTo(this.model, 'change:active-form', this.render);\n this.listenTo(this.model, 'change:connected', this.render);\n this.listenTo(this.model, 'change:closed', () => !this.model.get('closed') && this.afterShown());\n }\n\n render () {\n render(tpl_controlbox({\n 'sticky_controlbox': api.settings.get('sticky_controlbox'),\n ...this.model.toJSON(),\n 'close': ev => this.close(ev)\n }), this);\n\n }\n\n afterRender () {\n if (this.model.get('connected') && this.model.get('closed') === undefined) {\n this.model.set('closed', !api.settings.get('show_controlbox_by_default'));\n }\n }\n\n close (ev) {\n ev?.preventDefault?.();\n if (\n ev?.name === 'closeAllChatBoxes' &&\n (_converse.disconnection_cause !== _converse.LOGOUT ||\n api.settings.get('show_controlbox_by_default'))\n ) {\n return;\n }\n if (api.settings.get('sticky_controlbox')) {\n return;\n }\n u.safeSave(this.model, { 'closed': true });\n api.trigger('controlBoxClosed', this);\n return this;\n }\n\n afterShown () {\n /**\n * Triggered once the controlbox has been opened\n * @event _converse#controlBoxOpened\n * @type {_converse.ControlBox}\n */\n api.trigger('controlBoxOpened', this);\n return this;\n }\n\n showHelpMessages () { // eslint-disable-line class-methods-use-this\n return;\n }\n}\n\napi.elements.define('converse-controlbox', ControlBox);\n\nexport default ControlBox;\n","import { _converse, api, converse } from \"@converse/headless/core\";\n\nconst { u } = converse.env;\n\nexport default {\n /**\n * The \"controlbox\" namespace groups methods pertaining to the\n * controlbox view\n *\n * @namespace _converse.api.controlbox\n * @memberOf _converse.api\n */\n controlbox: {\n /**\n * Opens the controlbox\n * @method _converse.api.controlbox.open\n * @returns { Promise<_converse.ControlBox> }\n */\n async open () {\n await api.waitUntil('chatBoxesFetched');\n const model = await api.chatboxes.get('controlbox') ||\n api.chatboxes.create('controlbox', {}, _converse.Controlbox);\n u.safeSave(model, {'closed': false});\n return model;\n },\n\n /**\n * Returns the controlbox view.\n * @method _converse.api.controlbox.get\n * @returns { View } View representing the controlbox\n * @example const view = _converse.api.controlbox.get();\n */\n get () {\n return _converse.chatboxviews.get('controlbox');\n }\n }\n}\n","\n import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./_controlbox.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./_controlbox.scss\";\n export default content && content.locals ? content.locals : undefined;\n","/**\n * @copyright 2020, the Converse.js contributors\n * @license Mozilla Public License (MPLv2)\n */\nimport \"shared/components/brand-heading\";\nimport \"../chatview/index.js\";\nimport './loginform.js';\nimport './navback.js';\nimport ControlBox from './model.js';\nimport ControlBoxToggle from './toggle.js';\nimport ControlBoxView from './controlbox.js';\nimport controlbox_api from './api.js';\nimport log from '@converse/headless/log';\nimport { _converse, api, converse } from '@converse/headless/core';\nimport { addControlBox, clearSession, disconnect, onChatBoxesFetched } from './utils.js';\n\nimport './styles/_controlbox.scss';\n\n\nconverse.plugins.add('converse-controlbox', {\n /* Plugin dependencies are other plugins which might be\n * overridden or relied upon, and therefore need to be loaded before\n * this plugin.\n *\n * If the setting \"strict_plugin_dependencies\" is set to true,\n * an error will be raised if the plugin is not found. By default it's\n * false, which means these plugins are only loaded opportunistically.\n *\n * NB: These plugins need to have already been loaded via require.js.\n */\n dependencies: ['converse-modal', 'converse-chatboxes', 'converse-chat', 'converse-rosterview', 'converse-chatview'],\n\n enabled (_converse) {\n return !_converse.api.settings.get('singleton');\n },\n\n overrides: {\n // Overrides mentioned here will be picked up by converse.js's\n // plugin architecture they will replace existing methods on the\n // relevant objects or classes.\n //\n // New functions which don't exist yet can also be added.\n\n ChatBoxes: {\n model (attrs, options) {\n if (attrs && attrs.id == 'controlbox') {\n return new ControlBox(attrs, options);\n } else {\n return this.__super__.model.apply(this, arguments);\n }\n }\n }\n },\n\n initialize () {\n api.settings.extend({\n allow_logout: true,\n allow_user_trust_override: true,\n default_domain: undefined,\n locked_domain: undefined,\n show_controlbox_by_default: false,\n sticky_controlbox: false\n });\n\n api.promises.add('controlBoxInitialized');\n Object.assign(api, controlbox_api);\n\n _converse.ControlBoxView = ControlBoxView;\n _converse.ControlBox = ControlBox;\n _converse.ControlBoxToggle = ControlBoxToggle;\n\n api.listen.on('chatBoxesFetched', onChatBoxesFetched);\n api.listen.on('clearSession', clearSession);\n api.listen.on('will-reconnect', disconnect);\n\n api.waitUntil('chatBoxViewsInitialized')\n .then(addControlBox)\n .catch(e => log.fatal(e));\n }\n});\n","import { _converse, api, converse } from '@converse/headless/core';\n\nconst { u } = converse.env;\n\n\nexport function onStartVerticalResize (ev, trigger = true) {\n if (!api.settings.get('allow_dragresize')) {\n return true;\n }\n ev.preventDefault();\n // Record element attributes for mouseMove().\n const flyout = u.ancestor(ev.target, '.box-flyout');\n const style = window.getComputedStyle(flyout);\n const chatbox_el = flyout.parentElement;\n chatbox_el.height = parseInt(style.height.replace(/px$/, ''), 10);\n _converse.resizing = {\n 'chatbox': chatbox_el,\n 'direction': 'top'\n };\n chatbox_el.prev_pageY = ev.pageY;\n if (trigger) {\n /**\n * Triggered once the user starts to vertically resize a {@link _converse.ChatBoxView}\n * @event _converse#startVerticalResize\n * @example _converse.api.listen.on('startVerticalResize', (view) => { ... });\n */\n api.trigger('startVerticalResize', chatbox_el);\n }\n}\n\nexport function onStartHorizontalResize (ev, trigger = true) {\n if (!api.settings.get('allow_dragresize')) {\n return true;\n }\n ev.preventDefault();\n const flyout = u.ancestor(ev.target, '.box-flyout');\n const style = window.getComputedStyle(flyout);\n const chatbox_el = flyout.parentElement;\n chatbox_el.width = parseInt(style.width.replace(/px$/, ''), 10);\n _converse.resizing = {\n 'chatbox': chatbox_el,\n 'direction': 'left'\n };\n chatbox_el.prev_pageX = ev.pageX;\n if (trigger) {\n /**\n * Triggered once the user starts to horizontally resize a {@link _converse.ChatBoxView}\n * @event _converse#startHorizontalResize\n * @example _converse.api.listen.on('startHorizontalResize', (view) => { ... });\n */\n api.trigger('startHorizontalResize', chatbox_el);\n }\n}\n\nexport function onStartDiagonalResize (ev) {\n onStartHorizontalResize(ev, false);\n onStartVerticalResize(ev, false);\n _converse.resizing.direction = 'topleft';\n /**\n * Triggered once the user starts to diagonally resize a {@link _converse.ChatBoxView}\n * @event _converse#startDiagonalResize\n * @example _converse.api.listen.on('startDiagonalResize', (view) => { ... });\n */\n api.trigger('startDiagonalResize', this);\n}\n\n/**\n * Applies some resistance to `value` around the `default_value`.\n * If value is close enough to `default_value`, then it is returned, otherwise\n * `value` is returned.\n * @param { Integer } value\n * @param { Integer } default_value\n * @returns { Integer }\n */\nexport function applyDragResistance (value, default_value) {\n if (value === undefined) {\n return undefined;\n } else if (default_value === undefined) {\n return value;\n }\n const resistance = 10;\n if (value !== default_value && Math.abs(value - default_value) < resistance) {\n return default_value;\n }\n return value;\n}\n\nexport function onMouseMove (ev) {\n if (!_converse.resizing || !api.settings.get('allow_dragresize')) {\n return true;\n }\n ev.preventDefault();\n _converse.resizing.chatbox.resizeChatBox(ev);\n}\n\nexport function onMouseUp (ev) {\n if (!_converse.resizing || !api.settings.get('allow_dragresize')) {\n return true;\n }\n ev.preventDefault();\n const height = applyDragResistance(\n _converse.resizing.chatbox.height,\n _converse.resizing.chatbox.model.get('default_height')\n );\n const width = applyDragResistance(\n _converse.resizing.chatbox.width,\n _converse.resizing.chatbox.model.get('default_width')\n );\n if (api.connection.connected()) {\n _converse.resizing.chatbox.model.save({ 'height': height });\n _converse.resizing.chatbox.model.save({ 'width': width });\n } else {\n _converse.resizing.chatbox.model.set({ 'height': height });\n _converse.resizing.chatbox.model.set({ 'width': width });\n }\n _converse.resizing = null;\n}\n","import { html } from 'lit';\nimport { onStartDiagonalResize, onStartHorizontalResize, onStartVerticalResize } from '../utils.js';\n\nexport default () => html`\n \n \n \n`;\n","import tpl_dragresize from \"../templates/dragresize.js\";\nimport { CustomElement } from 'shared/components/element.js';\n\n\nclass ConverseDragResize extends CustomElement {\n\n render () { // eslint-disable-line class-methods-use-this\n return tpl_dragresize();\n }\n}\n\ncustomElements.define('converse-dragresize', ConverseDragResize);\n","import debounce from 'lodash-es/debounce';\nimport { _converse } from '@converse/headless/core';\nimport { applyDragResistance } from './utils.js';\n\nconst DragResizableMixin = {\n initDragResize () {\n const view = this;\n const debouncedSetDimensions = debounce(() => view.setDimensions());\n window.addEventListener('resize', view.debouncedSetDimensions);\n this.listenTo(this.model, 'destroy', () => window.removeEventListener('resize', debouncedSetDimensions));\n\n // Determine and store the default box size.\n // We need this information for the drag-resizing feature.\n const flyout = this.querySelector('.box-flyout');\n const style = window.getComputedStyle(flyout);\n\n if (this.model.get('height') === undefined) {\n const height = parseInt(style.height.replace(/px$/, ''), 10);\n const width = parseInt(style.width.replace(/px$/, ''), 10);\n this.model.set('height', height);\n this.model.set('default_height', height);\n this.model.set('width', width);\n this.model.set('default_width', width);\n }\n const min_width = style['min-width'];\n const min_height = style['min-height'];\n this.model.set('min_width', min_width.endsWith('px') ? Number(min_width.replace(/px$/, '')) : 0);\n this.model.set('min_height', min_height.endsWith('px') ? Number(min_height.replace(/px$/, '')) : 0);\n // Initialize last known mouse position\n this.prev_pageY = 0;\n this.prev_pageX = 0;\n if (_converse.connection?.connected) {\n this.height = this.model.get('height');\n this.width = this.model.get('width');\n }\n return this;\n },\n\n resizeChatBox (ev) {\n let diff;\n if (_converse.resizing.direction.indexOf('top') === 0) {\n diff = ev.pageY - this.prev_pageY;\n if (diff) {\n this.height =\n this.height - diff > (this.model.get('min_height') || 0)\n ? this.height - diff\n : this.model.get('min_height');\n this.prev_pageY = ev.pageY;\n this.setChatBoxHeight(this.height);\n }\n }\n if (_converse.resizing.direction.includes('left')) {\n diff = this.prev_pageX - ev.pageX;\n if (diff) {\n this.width =\n this.width + diff > (this.model.get('min_width') || 0)\n ? this.width + diff\n : this.model.get('min_width');\n this.prev_pageX = ev.pageX;\n this.setChatBoxWidth(this.width);\n }\n }\n },\n\n setDimensions () {\n // Make sure the chat box has the right height and width.\n this.adjustToViewport();\n this.setChatBoxHeight(this.model.get('height'));\n this.setChatBoxWidth(this.model.get('width'));\n },\n\n setChatBoxHeight (height) {\n if (height) {\n height = applyDragResistance(height, this.model.get('default_height')) + 'px';\n } else {\n height = '';\n }\n const flyout_el = this.querySelector('.box-flyout');\n if (flyout_el !== null) {\n flyout_el.style.height = height;\n }\n },\n\n setChatBoxWidth (width) {\n if (width) {\n width = applyDragResistance(width, this.model.get('default_width')) + 'px';\n } else {\n width = '';\n }\n this.style.width = width;\n const flyout_el = this.querySelector('.box-flyout');\n if (flyout_el !== null) {\n flyout_el.style.width = width;\n }\n },\n\n adjustToViewport () {\n /* Event handler called when viewport gets resized. We remove\n * custom width/height from chat boxes.\n */\n const viewport_width = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);\n const viewport_height = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);\n if (viewport_width <= 480) {\n this.model.set('height', undefined);\n this.model.set('width', undefined);\n } else if (viewport_width <= this.model.get('width')) {\n this.model.set('width', undefined);\n } else if (viewport_height <= this.model.get('height')) {\n this.model.set('height', undefined);\n }\n }\n};\n\nexport default DragResizableMixin;\n","/**\n * @module converse-dragresize\n * @copyright 2020, the Converse.js contributors\n * @license Mozilla Public License (MPLv2)\n */\nimport './components/dragresize.js';\nimport 'plugins/chatview/index.js';\nimport 'plugins/controlbox/index.js';\nimport { applyDragResistance, onMouseUp, onMouseMove } from './utils.js';\nimport DragResizableMixin from './mixin.js';\nimport { _converse, api, converse } from '@converse/headless/core';\n\nconverse.plugins.add('converse-dragresize', {\n /* Plugin dependencies are other plugins which might be\n * overridden or relied upon, and therefore need to be loaded before\n * this plugin.\n *\n * If the setting \"strict_plugin_dependencies\" is set to true,\n * an error will be raised if the plugin is not found. By default it's\n * false, which means these plugins are only loaded opportunistically.\n *\n * NB: These plugins need to have already been loaded via require.js.\n */\n dependencies: ['converse-chatview', 'converse-headlines-view', 'converse-muc-views'],\n\n enabled (_converse) {\n return _converse.api.settings.get('view_mode') == 'overlayed';\n },\n\n overrides: {\n // Overrides mentioned here will be picked up by converse.js's\n // plugin architecture they will replace existing methods on the\n // relevant objects or classes.\n ChatBox: {\n initialize () {\n const result = this.__super__.initialize.apply(this, arguments);\n const height = this.get('height');\n const width = this.get('width');\n const save = this.get('id') === 'controlbox' ? a => this.set(a) : a => this.save(a);\n save({\n 'height': applyDragResistance(height, this.get('default_height')),\n 'width': applyDragResistance(width, this.get('default_width'))\n });\n return result;\n }\n }\n },\n\n initialize () {\n /* The initialize function gets called as soon as the plugin is\n * loaded by converse.js's plugin machinery.\n */\n api.settings.extend({\n 'allow_dragresize': true\n });\n\n Object.assign(_converse.ChatBoxView.prototype, DragResizableMixin);\n Object.assign(_converse.ChatRoomView.prototype, DragResizableMixin);\n Object.assign(_converse.ControlBoxView.prototype, DragResizableMixin);\n\n /************************ BEGIN Event Handlers ************************/\n function registerGlobalEventHandlers () {\n document.addEventListener('mousemove', onMouseMove);\n document.addEventListener('mouseup', onMouseUp);\n }\n\n function unregisterGlobalEventHandlers () {\n document.removeEventListener('mousemove', onMouseMove);\n document.removeEventListener('mouseup', onMouseUp);\n }\n\n api.listen.on('registeredGlobalEventHandlers', registerGlobalEventHandlers);\n api.listen.on('unregisteredGlobalEventHandlers', unregisterGlobalEventHandlers);\n api.listen.on('beforeShowingChatView', view => view.initDragResize().setDimensions());\n }\n});\n","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../node_modules/postcss-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../node_modules/postcss-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./singleton.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../node_modules/postcss-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../node_modules/postcss-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./singleton.scss\";\n export default content && content.locals ? content.locals : undefined;\n","/**\n * @copyright JC Brand\n * @license Mozilla Public License (MPLv2)\n * @description A plugin which restricts Converse to only one chat.\n */\nimport { api, converse } from \"@converse/headless/core\";\n\nimport './singleton.scss';\n\n\nconverse.plugins.add('converse-singleton', {\n\n enabled (_converse) {\n return _converse.api.settings.get(\"singleton\");\n },\n\n initialize () {\n /* The initialize function gets called as soon as the plugin is\n * loaded by converse.js's plugin machinery.\n */\n api.settings.extend({\n 'allow_logout': false, // No point in logging out when we have auto_login as true.\n 'allow_muc_invitations': false, // Doesn't make sense to allow because only\n // roster contacts can be invited\n 'hide_muc_server': true\n });\n if (!Array.isArray(api.settings.get('auto_join_rooms')) &&\n !Array.isArray(api.settings.get('auto_join_private_chats'))) {\n throw new Error(\"converse-singleton: auto_join_rooms must be an Array\");\n }\n if (api.settings.get('auto_join_rooms').length > 1 || api.settings.get('auto_join_private_chats').length > 1) {\n throw new Error(\"It doesn't make sense to have singleton set to true and \" +\n \"auto_join_rooms or auto_join_private_chats set to more then one, \" +\n \"since only one chat room may be open at any time.\");\n }\n }\n});\n","\n import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./fullscreen.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./fullscreen.scss\";\n export default content && content.locals ? content.locals : undefined;\n","/**\n * @module converse-fullscreen\n * @license Mozilla Public License (MPLv2)\n * @copyright 2020, the Converse.js contributors\n */\nimport \"@converse/headless/plugins/muc/index.js\";\nimport \"plugins/chatview/index.js\";\nimport \"plugins/controlbox/index.js\";\nimport \"plugins/singleton/index.js\";\nimport { api, converse } from \"@converse/headless/core\";\nimport { isUniView } from '@converse/headless/utils/core.js';\n\nimport './styles/fullscreen.scss';\n\n\nconverse.plugins.add('converse-fullscreen', {\n\n enabled () {\n return isUniView();\n },\n\n initialize () {\n api.settings.extend({\n chatview_avatar_height: 50,\n chatview_avatar_width: 50,\n hide_open_bookmarks: true,\n show_controlbox_by_default: true,\n sticky_controlbox: true\n });\n }\n});\n","import { _converse } from '@converse/headless/core';\nimport { html } from \"lit\";\nimport { until } from 'lit/directives/until.js';\n\n\nexport default (o) => {\n const tpl_standalone_btns = (o) => o.standalone_btns.reverse().map(b => until(b, ''));\n return html`\n \n
\n \n ${o.connected\n ? html`\n \n `\n }\n
\n \n
\n ${ api.settings.get(\"authentication\") === _converse.ANONYMOUS ? '' :\n html`\n
\n ${ o.status ? html`\n ${ (!_converse.api.settings.get(\"singleton\")) ? html`
\n \n ${ o.display_name }
\n ${ o.status }
` : '' }\n `;\n}\n","import tpl_chat_head from './templates/chat-head.js';\nimport { ElementView } from '@converse/skeletor/src/element.js';\nimport { __ } from 'i18n';\nimport { _converse, api } from \"@converse/headless/core\";\nimport { getHeadingDropdownItem, getHeadingStandaloneButton } from 'plugins/chatview/utils.js';\nimport { render } from 'lit';\n\n\nexport default class HeadlinesHeading extends ElementView {\n\n async connectedCallback () {\n super.connectedCallback();\n this.model = _converse.chatboxes.get(this.getAttribute('jid'));\n await this.model.initialized;\n this.render();\n }\n\n async render () {\n const tpl = await this.generateHeadingTemplate();\n render(tpl, this);\n }\n\n async generateHeadingTemplate () {\n const heading_btns = await this.getHeadingButtons();\n const standalone_btns = heading_btns.filter(b => b.standalone);\n const dropdown_btns = heading_btns.filter(b => !b.standalone);\n return tpl_chat_head(\n Object.assign(this.model.toJSON(), {\n 'display_name': this.model.getDisplayName(),\n 'dropdown_btns': dropdown_btns.map(b => getHeadingDropdownItem(b)),\n 'standalone_btns': standalone_btns.map(b => getHeadingStandaloneButton(b))\n })\n );\n }\n\n /**\n * Returns a list of objects which represent buttons for the headlines header.\n * @async\n * @emits _converse#getHeadingButtons\n * @method HeadlinesHeading#getHeadingButtons\n */\n getHeadingButtons () {\n const buttons = [];\n if (!api.settings.get('singleton')) {\n buttons.push({\n 'a_class': 'close-chatbox-button',\n 'handler': ev => this.close(ev),\n 'i18n_text': __('Close'),\n 'i18n_title': __('Close these announcements'),\n 'icon_class': 'fa-times',\n 'name': 'close',\n 'standalone': api.settings.get('view_mode') === 'overlayed'\n });\n }\n return _converse.api.hook('getHeadingButtons', this, buttons);\n }\n\n close (ev) {\n ev.preventDefault();\n this.model.close();\n }\n}\n\napi.elements.define('converse-headlines-heading', HeadlinesHeading);\n","import '../heading.js';\nimport { html } from \"lit\";\n\nexport default (model) => html`\n\n \n \n
\n`;\n","import BaseChatView from 'shared/chat/baseview.js';\nimport tpl_headlines from './templates/headlines.js';\nimport { _converse, api } from '@converse/headless/core';\n\n\nclass HeadlinesView extends BaseChatView {\n\n async initialize() {\n _converse.chatboxviews.add(this.jid, this);\n\n this.model = _converse.chatboxes.get(this.jid);\n this.model.disable_mam = true; // Don't do MAM queries for this box\n this.listenTo(_converse, 'windowStateChanged', this.onWindowStateChanged);\n this.listenTo(this.model, 'change:hidden', () => this.afterShown());\n this.listenTo(this.model, 'destroy', this.remove);\n this.listenTo(this.model.messages, 'add', this.requestUpdate);\n this.listenTo(this.model.messages, 'remove', this.requestUpdate);\n this.listenTo(this.model.messages, 'reset', this.requestUpdate);\n\n await this.model.messages.fetched;\n this.model.maybeShow();\n /**\n * Triggered once the {@link _converse.HeadlinesBoxView} has been initialized\n * @event _converse#headlinesBoxViewInitialized\n * @type { _converse.HeadlinesBoxView }\n * @example _converse.api.listen.on('headlinesBoxViewInitialized', view => { ... });\n */\n api.trigger('headlinesBoxViewInitialized', this);\n }\n\n render () {\n return tpl_headlines(this.model);\n }\n\n async close (ev) {\n ev?.preventDefault?.();\n if (_converse.router.history.getFragment() === 'converse/chat?jid=' + this.model.get('jid')) {\n _converse.router.navigate('');\n }\n await this.model.close(ev);\n return this;\n }\n\n getNotifications () { // eslint-disable-line class-methods-use-this\n // Override method in ChatBox. We don't show notifications for\n // headlines boxes.\n return [];\n }\n\n afterShown () {\n this.model.clearUnreadMsgCounter();\n }\n}\n\napi.elements.define('converse-headlines', HeadlinesView);\n","import { html } from \"lit\";\n\nconst tpl_headline_box = (o) => html`\n \n`;\n\n\nexport default (o) => html`\n \n
` : '' }\n \n
\n \n
\n`;\n","import { html } from \"lit\";\nimport tpl_headline_list from \"templates/headline_list.js\";\n\n\nexport default (o) => html`\n \n ${ o.headlineboxes.map(headlinebox => tpl_headline_box(Object.assign({headlinebox}, o))) }\n
\n \n
\n ${ tpl_headline_list(o) }\n`;\n","import tpl_headline_panel from './templates/panel.js';\nimport { ElementView } from '@converse/skeletor/src/element.js';\nimport { __ } from 'i18n';\nimport { _converse, api } from '@converse/headless/core';\n\n/**\n * View which renders headlines section of the control box.\n * @class\n * @namespace _converse.HeadlinesPanel\n * @memberOf _converse\n */\nexport class HeadlinesPanel extends ElementView {\n events = {\n 'click .open-headline': 'openHeadline'\n }\n\n initialize () {\n this.model = _converse.chatboxes;\n this.listenTo(this.model, 'add', this.renderIfHeadline);\n this.listenTo(this.model, 'remove', this.renderIfHeadline);\n this.listenTo(this.model, 'destroy', this.renderIfHeadline);\n this.render();\n }\n\n toHTML () {\n return tpl_headline_panel({\n 'heading_headline': __('Announcements'),\n 'headlineboxes': this.model.filter(m => m.get('type') === _converse.HEADLINES_TYPE),\n 'open_title': __('Click to open this server message')\n });\n }\n\n renderIfHeadline (model) {\n return model && model.get('type') === _converse.HEADLINES_TYPE && this.render();\n }\n\n openHeadline (ev) { // eslint-disable-line class-methods-use-this\n ev.preventDefault();\n const jid = ev.target.getAttribute('data-headline-jid');\n const chat = _converse.chatboxes.get(jid);\n chat.maybeShow(true);\n }\n}\n\napi.elements.define('converse-headlines-panel', HeadlinesPanel);\n","\n import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./headlines.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./headlines.scss\";\n export default content && content.locals ? content.locals : undefined;\n","/**\n * @module converse-headlines-view\n * @copyright 2020, the Converse.js contributors\n * @license Mozilla Public License (MPLv2)\n */\nimport '../chatview/index.js';\nimport './view.js';\nimport { HeadlinesPanel } from './panel.js';\nimport { _converse, converse } from '@converse/headless/core';\n\nimport './styles/headlines.scss';\n\n\nconverse.plugins.add('converse-headlines-view', {\n /* Plugin dependencies are other plugins which might be\n * overridden or relied upon, and therefore need to be loaded before\n * this plugin.\n *\n * If the setting \"strict_plugin_dependencies\" is set to true,\n * an error will be raised if the plugin is not found. By default it's\n * false, which means these plugins are only loaded opportunistically.\n *\n * NB: These plugins need to have already been loaded by the bundler\n */\n dependencies: ['converse-headlines', 'converse-chatview'],\n\n initialize () {\n _converse.HeadlinesPanel = HeadlinesPanel;\n }\n});\n","import tpl_spinner from 'templates/spinner.js';\nimport { __ } from 'i18n';\nimport { html } from 'lit/html.js';\n\nexport default (el) => {\n return el.model.get('fetching') ? tpl_spinner({'classes': 'hor_centered'}) :\n html` el.fetchMissingMessages(ev)}\" title=\"${__('Click to load missing messages')}\">\n \n `;\n}\n","\n import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./placeholder.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./placeholder.scss\";\n export default content && content.locals ? content.locals : undefined;\n","import { CustomElement } from 'shared/components/element.js';\nimport tpl_placeholder from './templates/placeholder.js';\nimport { api } from \"@converse/headless/core\";\nimport { fetchArchivedMessages } from '@converse/headless/plugins/mam/utils.js';\n\nimport './styles/placeholder.scss';\n\n\nclass Placeholder extends CustomElement {\n\n static get properties () {\n return {\n 'model': { type: Object }\n }\n }\n\n render () {\n return tpl_placeholder(this);\n }\n\n async fetchMissingMessages (ev) {\n ev?.preventDefault?.();\n this.model.set('fetching', true);\n const options = {\n 'before': this.model.get('before'),\n 'start': this.model.get('start')\n }\n await fetchArchivedMessages(this.model.collection.chatbox, options);\n this.model.destroy();\n }\n}\n\napi.elements.define('converse-mam-placeholder', Placeholder);\n","import MAMPlaceholderMessage from '@converse/headless/plugins/mam/placeholder.js';\nimport log from '@converse/headless/log.js';\nimport { _converse, api } from '@converse/headless/core';\nimport { fetchArchivedMessages } from '@converse/headless/plugins/mam/utils';\nimport { html } from 'lit/html.js';\n\n\nexport function getPlaceholderTemplate (message, tpl) {\n if (message instanceof MAMPlaceholderMessage) {\n return html`\n ${o.heading_headline}\n
\n \n \n ${o.num_minimized} ${__('Minimized')}\n \n \n
`;\n","import MinimizedChatsToggle from './toggle.js';\nimport tpl_chats_panel from './templates/chats-panel.js';\nimport { CustomElement } from 'shared/components/element';\nimport { _converse, api } from '@converse/headless/core';\nimport { initStorage } from '@converse/headless/utils/storage.js';\n\n\nexport default class MinimizedChats extends CustomElement {\n\n async initialize () {\n this.model = _converse.chatboxes;\n await this.initToggle();\n this.listenTo(this.minchats, 'change:collapsed', this.requestUpdate)\n this.listenTo(this.model, 'add', this.requestUpdate)\n this.listenTo(this.model, 'change:fullname', this.requestUpdate)\n this.listenTo(this.model, 'change:jid', this.requestUpdate)\n this.listenTo(this.model, 'change:minimized', this.requestUpdate)\n this.listenTo(this.model, 'change:name', this.requestUpdate)\n this.listenTo(this.model, 'change:num_unread', this.requestUpdate)\n this.listenTo(this.model, 'remove', this.requestUpdate)\n\n this.listenTo(_converse, 'connected', this.requestUpdate);\n this.listenTo(_converse, 'reconnected', this.requestUpdate);\n this.listenTo(_converse, 'disconnected', this.requestUpdate);\n }\n\n render () {\n const chats = this.model.where({'minimized': true});\n const num_unread = chats.reduce((acc, chat) => (acc + chat.get('num_unread')), 0);\n const num_minimized = chats.reduce((acc, chat) => (acc + (chat.get('minimized') ? 1 : 0)), 0);\n const collapsed = this.minchats.get('collapsed');\n const data = { chats, num_unread, num_minimized, collapsed };\n data.toggle = ev => this.toggle(ev);\n return tpl_chats_panel(data);\n }\n\n async initToggle () {\n const id = `converse.minchatstoggle-${_converse.bare_jid}`;\n this.minchats = new MinimizedChatsToggle({id});\n initStorage(this.minchats, id, 'session');\n await new Promise(resolve => this.minchats.fetch({'success': resolve, 'error': resolve}));\n }\n\n toggle (ev) {\n ev?.preventDefault();\n this.minchats.save({'collapsed': !this.minchats.get('collapsed')});\n }\n}\n\napi.elements.define('converse-minimized-chats', MinimizedChats);\n","import { html } from \"lit\";\nimport { __ } from 'i18n';\n\n\nexport default (o) => {\n const i18n_tooltip = __('Click to restore this chat');\n const close_color = o.type === 'chatroom' ? \"var(--chatroom-head-color)\" : \"var(--chat-head-text-color)\";\n return html`\n `;\n}\n","import { _converse, api, converse } from '@converse/headless/core';\nimport { __ } from 'i18n';\n\nconst u = converse.env.utils;\n\n\nfunction getChatBoxWidth (view) {\n if (view.model.get('id') === 'controlbox') {\n // We return the width of the controlbox or its toggle,\n // depending on which is visible.\n if (u.isVisible(view)) {\n return u.getOuterWidth(view, true);\n } else {\n const toggle = document.querySelector('converse-controlbox-toggle');\n return toggle ? u.getOuterWidth(toggle, true) : 0;\n }\n } else if (!view.model.get('minimized') && u.isVisible(view)) {\n return u.getOuterWidth(view, true);\n }\n return 0;\n}\n\nfunction getShownChats () {\n return _converse.chatboxviews.filter(el =>\n // The controlbox can take a while to close,\n // so we need to check its state. That's why we checked the 'closed' state.\n !el.model.get('minimized') && !el.model.get('closed') && u.isVisible(el)\n );\n}\n\nfunction getMinimizedWidth () {\n const minimized_el = document.querySelector('converse-minimized-chats');\n return _converse.chatboxes.pluck('minimized').includes(true) ? u.getOuterWidth(minimized_el, true) : 0;\n}\n\nfunction getBoxesWidth (newchat) {\n const new_id = newchat ? newchat.model.get('id') : null;\n const newchat_width = newchat ? u.getOuterWidth(newchat, true) : 0;\n return Object.values(_converse.chatboxviews.xget(new_id))\n .reduce((memo, view) => memo + getChatBoxWidth(view), newchat_width);\n}\n\n/**\n * This method is called when a newly created chat box will be shown.\n * It checks whether there is enough space on the page to show\n * another chat box. Otherwise it minimizes the oldest chat box\n * to create space.\n * @private\n * @method _converse.ChatBoxViews#trimChats\n * @param { _converse.ChatBoxView|_converse.ChatRoomView|_converse.ControlBoxView|_converse.HeadlinesBoxView } [newchat]\n */\nexport function trimChats (newchat) {\n if (_converse.isTestEnv() || api.settings.get('no_trimming') || api.settings.get(\"view_mode\") !== 'overlayed') {\n return;\n }\n const shown_chats = getShownChats();\n if (shown_chats.length <= 1) {\n return;\n }\n const body_width = u.getOuterWidth(document.querySelector('body'), true);\n if (getChatBoxWidth(shown_chats[0]) === body_width) {\n // If the chats shown are the same width as the body,\n // then we're in responsive mode and the chats are\n // fullscreen. In this case we don't trim.\n return;\n }\n const minimized_el = document.querySelector('converse-minimized-chats');\n if (minimized_el) {\n while ((getMinimizedWidth() + getBoxesWidth(newchat)) > body_width) {\n const new_id = newchat ? newchat.model.get('id') : null;\n const oldest_chat = getOldestMaximizedChat([new_id]);\n if (oldest_chat) {\n const model = _converse.chatboxes.get(oldest_chat.get('id'));\n model?.save('hidden', true);\n minimize(oldest_chat);\n } else {\n break;\n }\n }\n }\n}\n\nfunction getOldestMaximizedChat (exclude_ids) {\n // Get oldest view (if its id is not excluded)\n exclude_ids.push('controlbox');\n let i = 0;\n let model = _converse.chatboxes.sort().at(i);\n while (exclude_ids.includes(model.get('id')) || model.get('minimized') === true) {\n i++;\n model = _converse.chatboxes.at(i);\n if (!model) {\n return null;\n }\n }\n return model;\n}\n\nexport function addMinimizeButtonToChat (view, buttons) {\n const data = {\n 'a_class': 'toggle-chatbox-button',\n 'handler': ev => minimize(ev, view.model),\n 'i18n_text': __('Minimize'),\n 'i18n_title': __('Minimize this chat'),\n 'icon_class': \"fa-minus\",\n 'name': 'minimize',\n 'standalone': _converse.api.settings.get(\"view_mode\") === 'overlayed'\n }\n const names = buttons.map(t => t.name);\n const idx = names.indexOf('close');\n return idx > -1 ? [...buttons.slice(0, idx), data, ...buttons.slice(idx)] : [data, ...buttons];\n}\n\nexport function addMinimizeButtonToMUC (view, buttons) {\n const data = {\n 'a_class': 'toggle-chatbox-button',\n 'handler': ev => minimize(ev, view.model),\n 'i18n_text': __('Minimize'),\n 'i18n_title': __('Minimize this groupchat'),\n 'icon_class': \"fa-minus\",\n 'name': 'minimize',\n 'standalone': _converse.api.settings.get(\"view_mode\") === 'overlayed'\n }\n const names = buttons.map(t => t.name);\n const idx = names.indexOf('signout');\n return idx > -1 ? [...buttons.slice(0, idx), data, ...buttons.slice(idx)] : [data, ...buttons];\n}\n\n\nexport function maximize (ev, chatbox) {\n if (ev?.preventDefault) {\n ev.preventDefault();\n } else {\n chatbox = ev;\n }\n u.safeSave(chatbox, {\n 'hidden': false,\n 'minimized': false,\n 'time_opened': new Date().getTime()\n });\n}\n\nexport function minimize (ev, model) {\n if (ev?.preventDefault) {\n ev.preventDefault();\n } else {\n model = ev;\n }\n model.setChatState(_converse.INACTIVE);\n u.safeSave(model, {\n 'hidden': true,\n 'minimized': true,\n 'time_minimized': new Date().toISOString()\n });\n}\n\n/**\n * Handler which gets called when a {@link _converse#ChatBox} has it's\n * `minimized` property set to false.\n *\n * Will trigger {@link _converse#chatBoxMaximized}\n * @returns {_converse.ChatBoxView|_converse.ChatRoomView}\n */\nfunction onMaximized (model) {\n if (!model.isScrolledUp()) {\n model.clearUnreadMsgCounter();\n }\n model.setChatState(_converse.ACTIVE);\n /**\n * Triggered when a previously minimized chat gets maximized\n * @event _converse#chatBoxMaximized\n * @type { _converse.ChatBoxView }\n * @example _converse.api.listen.on('chatBoxMaximized', view => { ... });\n */\n api.trigger('chatBoxMaximized', model);\n}\n\n/**\n * Handler which gets called when a {@link _converse#ChatBox} has it's\n * `minimized` property set to true.\n *\n * Will trigger {@link _converse#chatBoxMinimized}\n * @returns {_converse.ChatBoxView|_converse.ChatRoomView}\n */\nfunction onMinimized (model) {\n /**\n * Triggered when a previously maximized chat gets Minimized\n * @event _converse#chatBoxMinimized\n * @type { _converse.ChatBoxView }\n * @example _converse.api.listen.on('chatBoxMinimized', view => { ... });\n */\n api.trigger('chatBoxMinimized', model);\n}\n\nexport function onMinimizedChanged (model) {\n if (model.get('minimized')) {\n onMinimized(model);\n } else {\n onMaximized(model);\n }\n}\n","import tpl_trimmed_chat from \"../templates/trimmed_chat.js\";\nimport { CustomElement } from 'shared/components/element.js';\nimport { api } from \"@converse/headless/core\";\nimport { maximize } from '../utils.js';\n\n\nexport default class MinimizedChat extends CustomElement {\n\n static get properties () {\n return {\n model: { type: Object },\n title: { type: String },\n type: { type: String },\n num_unread: { type: Number }\n }\n }\n\n render () {\n const data = {\n 'close': ev => this.close(ev),\n 'num_unread': this.num_unread,\n 'restore': ev => this.restore(ev),\n 'title': this.title,\n 'type': this.type\n };\n return tpl_trimmed_chat(data);\n }\n\n close (ev) {\n ev?.preventDefault();\n this.model.close();\n }\n\n restore (ev) {\n ev?.preventDefault();\n maximize(this.model);\n }\n}\n\napi.elements.define('converse-minimized-chat', MinimizedChat);\n","\n import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./minimize.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./minimize.scss\";\n export default content && content.locals ? content.locals : undefined;\n","/**\n * @module converse-minimize\n * @copyright 2020, the Converse.js contributors\n * @license Mozilla Public License (MPLv2)\n */\nimport './view.js';\nimport './components/minimized-chat.js';\nimport 'plugins/chatview/index.js';\nimport debounce from 'lodash-es/debounce';\nimport MinimizedChatsToggle from './toggle.js';\nimport { _converse, api, converse } from '@converse/headless/core';\nimport {\n addMinimizeButtonToChat,\n addMinimizeButtonToMUC,\n maximize,\n minimize,\n onMinimizedChanged,\n trimChats\n} from './utils.js';\n\nimport './styles/minimize.scss';\n\nconst { dayjs } = converse.env;\n\n\nconverse.plugins.add('converse-minimize', {\n /* Optional dependencies are other plugins which might be\n * overridden or relied upon, and therefore need to be loaded before\n * this plugin. They are called \"optional\" because they might not be\n * available, in which case any overrides applicable to them will be\n * ignored.\n *\n * It's possible however to make optional dependencies non-optional.\n * If the setting \"strict_plugin_dependencies\" is set to true,\n * an error will be raised if the plugin is not found.\n *\n * NB: These plugins need to have already been loaded via require.js.\n */\n dependencies: [\n \"converse-chatview\",\n \"converse-controlbox\",\n \"converse-muc-views\",\n \"converse-headlines-view\",\n \"converse-dragresize\"\n ],\n\n enabled (_converse) {\n return _converse.api.settings.get(\"view_mode\") === 'overlayed';\n },\n\n overrides: {\n // Overrides mentioned here will be picked up by converse.js's\n // plugin architecture they will replace existing methods on the\n // relevant objects or classes.\n //\n // New functions which don't exist yet can also be added.\n\n ChatBox: {\n initialize () {\n this.__super__.initialize.apply(this, arguments);\n this.on('change:hidden', m => !m.get('hidden') && maximize(this), this);\n\n if (this.get('id') === 'controlbox') {\n return;\n }\n this.save({\n 'minimized': this.get('minimized') || false,\n 'time_minimized': this.get('time_minimized') || dayjs(),\n });\n },\n\n maybeShow (force) {\n if (!force && this.get('minimized')) {\n // Must return the chatbox\n return this;\n }\n return this.__super__.maybeShow.apply(this, arguments);\n },\n\n isHidden () {\n return this.__super__.isHidden.call(this) || this.get('minimized');\n }\n },\n\n ChatBoxView: {\n isNewMessageHidden () {\n return this.model.get('minimized') ||\n this.__super__.isNewMessageHidden.apply(this, arguments);\n },\n\n setChatBoxHeight (height) {\n if (!this.model.get('minimized')) {\n return this.__super__.setChatBoxHeight.call(this, height);\n }\n },\n\n setChatBoxWidth (width) {\n if (!this.model.get('minimized')) {\n return this.__super__.setChatBoxWidth.call(this, width);\n }\n }\n }\n },\n\n\n initialize () {\n api.settings.extend({'no_trimming': false});\n\n api.promises.add('minimizedChatsInitialized');\n\n _converse.MinimizedChatsToggle = MinimizedChatsToggle;\n _converse.minimize = { trimChats, minimize, maximize };\n\n function onChatInitialized (model) {\n model.on( 'change:minimized', () => onMinimizedChanged(model));\n }\n\n api.listen.on('chatBoxViewInitialized', view => _converse.minimize.trimChats(view));\n api.listen.on('chatRoomViewInitialized', view => _converse.minimize.trimChats(view));\n api.listen.on('controlBoxOpened', view => _converse.minimize.trimChats(view));\n api.listen.on('chatBoxInitialized', onChatInitialized);\n api.listen.on('chatRoomInitialized', onChatInitialized);\n\n api.listen.on('getHeadingButtons', (view, buttons) => {\n if (view.model.get('type') === _converse.CHATROOMS_TYPE) {\n return addMinimizeButtonToMUC(view, buttons);\n } else {\n return addMinimizeButtonToChat(view, buttons);\n }\n });\n\n const debouncedTrimChats = debounce(() => _converse.minimize.trimChats(), 250);\n api.listen.on('registeredGlobalEventHandlers', () => window.addEventListener(\"resize\", debouncedTrimChats));\n api.listen.on('unregisteredGlobalEventHandlers', () => window.removeEventListener(\"resize\", debouncedTrimChats));\n }\n});\n","import { converse } from '@converse/headless/core';\n\nconst u = converse.env.utils;\n\nexport const helpers = {\n getElement (expr, el) {\n return typeof expr === 'string' ? (el || document).querySelector(expr) : expr || null;\n },\n\n bind (element, o) {\n if (element) {\n for (var event in o) {\n if (!Object.prototype.hasOwnProperty.call(o, event)) {\n continue;\n }\n const callback = o[event];\n event.split(/\\s+/).forEach(event => element.addEventListener(event, callback));\n }\n }\n },\n\n unbind (element, o) {\n if (element) {\n for (var event in o) {\n if (!Object.prototype.hasOwnProperty.call(o, event)) {\n continue;\n }\n const callback = o[event];\n event.split(/\\s+/).forEach(event => element.removeEventListener(event, callback));\n }\n }\n },\n\n regExpEscape (s) {\n return s.replace(/[-\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n },\n\n isMention (word, ac_triggers) {\n return (\n ac_triggers.includes(word[0]) ||\n (u.isMentionBoundary(word[0]) && ac_triggers.includes(word[1]))\n );\n }\n};\n\nexport const FILTER_CONTAINS = function (text, input) {\n return RegExp(helpers.regExpEscape(input.trim()), 'i').test(text);\n};\n\nexport const FILTER_STARTSWITH = function (text, input) {\n return RegExp('^' + helpers.regExpEscape(input.trim()), 'i').test(text);\n};\n\nconst SORT_BY_LENGTH = function (a, b) {\n if (a.length !== b.length) {\n return a.length - b.length;\n }\n return a < b ? -1 : 1;\n};\n\nexport const SORT_BY_QUERY_POSITION = function (a, b) {\n const query = a.query.toLowerCase();\n const x = a.label.toLowerCase().indexOf(query);\n const y = b.label.toLowerCase().indexOf(query);\n\n if (x === y) {\n return SORT_BY_LENGTH(a, b);\n }\n return (x === -1 ? Infinity : x) < (y === -1 ? Infinity : y) ? -1 : 1;\n};\n\nexport const ITEM = (text, input) => {\n input = input.trim();\n const element = document.createElement('li');\n element.setAttribute('aria-selected', 'false');\n\n const regex = new RegExp('(' + input + ')', 'ig');\n const parts = input ? text.split(regex) : [text];\n parts.forEach(txt => {\n if (input && txt.match(regex)) {\n const match = document.createElement('mark');\n match.textContent = txt;\n element.appendChild(match);\n } else {\n element.appendChild(document.createTextNode(txt));\n }\n });\n return element;\n};\n","/**\n * An autocomplete suggestion\n */\nclass Suggestion extends String {\n /**\n * @param { Any } data - The auto-complete data. Ideally an object e.g. { label, value },\n * which specifies the value and human-presentable label of the suggestion.\n * @param { string } query - The query string being auto-completed\n */\n constructor (data, query) {\n super();\n const o = Array.isArray(data)\n ? { label: data[0], value: data[1] }\n : typeof data === 'object' && 'label' in data && 'value' in data\n ? data\n : { label: data, value: data };\n\n this.label = o.label || o.value;\n this.value = o.value;\n this.query = query;\n }\n\n get lenth () {\n return this.label.length;\n }\n\n toString () {\n return '' + this.label;\n }\n\n valueOf () {\n return this.toString();\n }\n}\n\nexport default Suggestion;\n","/**\n * @copyright Lea Verou and the Converse.js contributors\n * @description\n * Started as a fork of Lea Verou's \"Awesomplete\"\n * https://leaverou.github.io/awesomplete/\n * @license Mozilla Public License (MPLv2)\n */\n\nimport { Events } from '@converse/skeletor/src/events.js';\nimport { helpers, FILTER_CONTAINS, ITEM, SORT_BY_QUERY_POSITION } from './utils.js';\nimport Suggestion from './suggestion.js';\nimport { converse } from \"@converse/headless/core\";\n\n\nconst u = converse.env.utils;\n\n\nexport class AutoComplete {\n\n constructor (el, config={}) {\n this.suggestions = [];\n this.is_opened = false;\n\n if (u.hasClass('suggestion-box', el)) {\n this.container = el;\n } else {\n this.container = el.querySelector('.suggestion-box');\n }\n this.input = this.container.querySelector('.suggestion-box__input');\n this.input.setAttribute(\"aria-autocomplete\", \"list\");\n\n this.ul = this.container.querySelector('.suggestion-box__results');\n this.status = this.container.querySelector('.suggestion-box__additions');\n\n Object.assign(this, {\n 'match_current_word': false, // Match only the current word, otherwise all input is matched\n 'ac_triggers': [], // Array of keys (`ev.key`) values that will trigger auto-complete\n 'include_triggers': [], // Array of trigger keys which should be included in the returned value\n 'min_chars': 2,\n 'max_items': 10,\n 'auto_evaluate': true, // Should evaluation happen automatically without any particular key as trigger?\n 'auto_first': false, // Should the first element be automatically selected?\n 'data': a => a,\n 'filter': FILTER_CONTAINS,\n 'sort': config.sort === false ? false : SORT_BY_QUERY_POSITION,\n 'item': ITEM\n }, config);\n\n this.index = -1;\n\n this.bindEvents()\n\n if (this.input.hasAttribute(\"list\")) {\n this.list = \"#\" + this.input.getAttribute(\"list\");\n this.input.removeAttribute(\"list\");\n } else {\n this.list = this.input.getAttribute(\"data-list\") || config.list || [];\n }\n }\n\n bindEvents () {\n // Bind events\n const input = {\n \"blur\": () => this.close({'reason': 'blur'})\n }\n if (this.auto_evaluate) {\n input[\"input\"] = () => this.evaluate();\n }\n\n this._events = {\n 'input': input,\n 'form': {\n \"submit\": () => this.close({'reason': 'submit'})\n },\n 'ul': {\n \"mousedown\": (ev) => this.onMouseDown(ev),\n \"mouseover\": (ev) => this.onMouseOver(ev)\n }\n };\n helpers.bind(this.input, this._events.input);\n helpers.bind(this.input.form, this._events.form);\n helpers.bind(this.ul, this._events.ul);\n }\n\n set list (list) {\n if (Array.isArray(list) || typeof list === \"function\") {\n this._list = list;\n } else if (typeof list === \"string\" && list.includes(\",\")) {\n this._list = list.split(/\\s*,\\s*/);\n } else { // Element or CSS selector\n const children = helpers.getElement(list)?.children || [];\n this._list = Array.from(children)\n .filter(el => !el.disabled)\n .map(el => {\n const text = el.textContent.trim();\n const value = el.value || text;\n const label = el.label || text;\n return (value !== \"\") ? { label, value } : null;\n })\n .filter(i => i);\n }\n\n if (document.activeElement === this.input) {\n this.evaluate();\n }\n }\n\n get list () {\n return this._list;\n }\n\n get selected () {\n return this.index > -1;\n }\n\n get opened () {\n return this.is_opened;\n }\n\n close (o) {\n if (!this.opened) {\n return;\n }\n this.ul.setAttribute(\"hidden\", \"\");\n this.is_opened = false;\n this.index = -1;\n this.trigger(\"suggestion-box-close\", o || {});\n }\n\n insertValue (suggestion) {\n if (this.match_current_word) {\n u.replaceCurrentWord(this.input, suggestion.value);\n } else {\n this.input.value = suggestion.value;\n }\n }\n\n open () {\n this.ul.removeAttribute(\"hidden\");\n this.is_opened = true;\n\n if (this.auto_first && this.index === -1) {\n this.goto(0);\n }\n this.trigger(\"suggestion-box-open\");\n }\n\n destroy () {\n //remove events from the input and its form\n helpers.unbind(this.input, this._events.input);\n helpers.unbind(this.input.form, this._events.form);\n this.input.removeAttribute(\"aria-autocomplete\");\n }\n\n next () {\n const count = this.ul.children.length;\n this.goto(this.index < count - 1 ? this.index + 1 : (count ? 0 : -1) );\n }\n\n previous () {\n const count = this.ul.children.length,\n pos = this.index - 1;\n this.goto(this.selected && pos !== -1 ? pos : count - 1);\n }\n\n goto (i) {\n // Should not be used directly, highlights specific item without any checks!\n const list = this.ul.children;\n if (this.selected) {\n list[this.index].setAttribute(\"aria-selected\", \"false\");\n }\n this.index = i;\n\n if (i > -1 && list.length > 0) {\n list[i].setAttribute(\"aria-selected\", \"true\");\n list[i].focus();\n this.status.textContent = list[i].textContent;\n // scroll to highlighted element in case parent's height is fixed\n this.ul.scrollTop = list[i].offsetTop - this.ul.clientHeight + list[i].clientHeight;\n this.trigger(\"suggestion-box-highlight\", {'text': this.suggestions[this.index]});\n }\n }\n\n select (selected) {\n if (selected) {\n this.index = u.siblingIndex(selected);\n } else {\n selected = this.ul.children[this.index];\n }\n if (selected) {\n const suggestion = this.suggestions[this.index];\n this.insertValue(suggestion);\n this.close({'reason': 'select'});\n this.auto_completing = false;\n this.trigger(\"suggestion-box-selectcomplete\", {'text': suggestion});\n }\n }\n\n onMouseOver (ev) {\n const li = u.ancestor(ev.target, 'li');\n if (li) {\n this.goto(Array.prototype.slice.call(this.ul.children).indexOf(li))\n }\n }\n\n onMouseDown (ev) {\n if (ev.button !== 0) {\n return; // Only select on left click\n }\n const li = u.ancestor(ev.target, 'li');\n if (li) {\n ev.preventDefault();\n this.select(li, ev.target);\n }\n }\n\n onKeyDown (ev) {\n if (this.opened) {\n if ([converse.keycodes.ENTER, converse.keycodes.TAB].includes(ev.keyCode) && this.selected) {\n ev.preventDefault();\n ev.stopPropagation();\n this.select();\n return true;\n } else if (ev.keyCode === converse.keycodes.ESCAPE) {\n this.close({'reason': 'esc'});\n return true;\n } else if ([converse.keycodes.UP_ARROW, converse.keycodes.DOWN_ARROW].includes(ev.keyCode)) {\n ev.preventDefault();\n ev.stopPropagation();\n this[ev.keyCode === converse.keycodes.UP_ARROW ? \"previous\" : \"next\"]();\n return true;\n }\n }\n\n if ([converse.keycodes.SHIFT,\n converse.keycodes.META,\n converse.keycodes.META_RIGHT,\n converse.keycodes.ESCAPE,\n converse.keycodes.ALT\n ].includes(ev.keyCode)) {\n\n return;\n }\n\n if (this.ac_triggers.includes(ev.key)) {\n if (ev.key === \"Tab\") {\n ev.preventDefault();\n }\n this.auto_completing = true;\n } else if (ev.key === \"Backspace\") {\n const word = u.getCurrentWord(ev.target, ev.target.selectionEnd-1);\n if (helpers.isMention(word, this.ac_triggers)) {\n this.auto_completing = true;\n }\n }\n }\n\n async evaluate (ev) {\n const selecting = this.selected && ev && (\n ev.keyCode === converse.keycodes.UP_ARROW ||\n ev.keyCode === converse.keycodes.DOWN_ARROW\n );\n\n if (!this.auto_evaluate && !this.auto_completing || selecting) {\n return;\n }\n\n const list = typeof this._list === \"function\" ? await this._list() : this._list;\n if (list.length === 0) {\n return;\n }\n\n let value = this.match_current_word ? u.getCurrentWord(this.input) : this.input.value;\n const contains_trigger = helpers.isMention(value, this.ac_triggers);\n if (contains_trigger) {\n this.auto_completing = true;\n if (!this.include_triggers.includes(ev.key)) {\n value = u.isMentionBoundary(value[0])\n ? value.slice('2')\n : value.slice('1');\n }\n }\n\n if ((contains_trigger || value.length) && value.length >= this.min_chars) {\n this.index = -1;\n // Populate list with options that match\n this.ul.innerHTML = \"\";\n\n this.suggestions = list\n .map(item => new Suggestion(this.data(item, value), value))\n .filter(item => this.filter(item, value));\n\n if (this.sort !== false) {\n this.suggestions = this.suggestions.sort(this.sort);\n }\n this.suggestions = this.suggestions.slice(0, this.max_items);\n this.suggestions.forEach(text => this.ul.appendChild(this.item(text, value)));\n\n if (this.ul.children.length === 0) {\n this.close({'reason': 'nomatches'});\n } else {\n this.open();\n }\n } else {\n this.close({'reason': 'nomatches'});\n if (!contains_trigger) {\n this.auto_completing = false;\n }\n }\n }\n}\n\n// Make it an event emitter\nObject.assign(AutoComplete.prototype, Events);\n\nexport default AutoComplete;\n","import AutoComplete from './autocomplete.js';\nimport { CustomElement } from 'shared/components/element.js';\nimport { FILTER_CONTAINS, FILTER_STARTSWITH } from './utils.js';\nimport { api } from '@converse/headless/core';\nimport { html } from 'lit';\n\nexport default class AutoCompleteComponent extends CustomElement {\n static get properties () {\n return {\n 'getAutoCompleteList': { type: Function },\n 'auto_evaluate': { type: Boolean },\n 'auto_first': { type: Boolean }, // Should the first element be automatically selected?\n 'filter': { type: String },\n 'include_triggers': { type: String },\n 'min_chars': { type: Number },\n 'name': { type: String },\n 'placeholder': { type: String },\n 'triggers': { type: String }\n };\n }\n\n constructor () {\n super();\n this.auto_evaluate = true; // Should evaluation happen automatically without any particular key as trigger?\n this.auto_first = false; // Should the first element be automatically selected?\n this.filter = 'contains';\n this.include_triggers = ''; // Space separated chars which should be included in the returned value\n this.match_current_word = false; // Match only the current word, otherwise all input is matched\n this.max_items = 10;\n this.min_chars = 1;\n this.triggers = ''; // String of space separated chars\n }\n\n render () {\n return html`\n \n ${o.chats.map(chat =>\n html``)}\n
\n \n \n
\n `;\n }\n\n firstUpdated () {\n this.auto_complete = new AutoComplete(this.firstElementChild, {\n 'ac_triggers': this.triggers.split(' '),\n 'auto_evaluate': this.auto_evaluate,\n 'auto_first': this.auto_first,\n 'filter': this.filter == 'contains' ? FILTER_CONTAINS : FILTER_STARTSWITH,\n 'include_triggers': [],\n 'list': () => this.getAutoCompleteList(),\n 'match_current_word': true,\n 'max_items': this.max_items,\n 'min_chars': this.min_chars\n });\n this.auto_complete.on(\n 'suggestion-box-selectcomplete',\n () => (this.auto_completing = false)\n );\n }\n\n onKeyDown (ev) {\n this.auto_complete.onKeyDown(ev);\n }\n\n onKeyUp (ev) {\n this.auto_complete.evaluate(ev);\n }\n}\n\napi.elements.define('converse-autocomplete', AutoCompleteComponent);\n","\n import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./_autocomplete.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./_autocomplete.scss\";\n export default content && content.locals ? content.locals : undefined;\n","import './component.js';\nimport AutoComplete from './autocomplete.js';\nimport { FILTER_CONTAINS, FILTER_STARTSWITH } from './utils.js';\nimport { _converse } from '@converse/headless/core';\n\nimport './styles/_autocomplete.scss';\n\n_converse.FILTER_CONTAINS = FILTER_CONTAINS;\n_converse.FILTER_STARTSWITH = FILTER_STARTSWITH;\n_converse.AutoComplete = AutoComplete;\n","import { __ } from 'i18n';\nimport { html } from \"lit\";\n\nexport default (o, command) => {\n const i18n_hide = __('Hide');\n const i18n_run = __('Execute');\n return html`\n \n `;\n}\n","import { html } from \"lit\";\nimport tpl_command_form from './ad-hoc-command-form.js';\n\nexport default (o, command) => html`\n - \n
- \n JID: ${o.item.jid}\n \n
- \n Nickname: ${o.item.nick}\n \n
- \n Role: ${o.item.role} ${o.assignable_roles.length ? role_form_toggle(o) : ''}\n ${o.assignable_roles.length ? tpl_set_role_form(o) : ''}\n \n
- \n
- \n JID: ${o.item.jid}\n \n
- \n Nickname: ${o.item.nick}\n \n
- \n Affiliation: ${o.item.affiliation} ${o.assignable_affiliations.length ? affiliation_form_toggle(o) : ''}\n ${o.assignable_affiliations.length ? tpl_set_affiliation_form(o) : ''}\n \n
- \n
- \n Affiliations\n \n
- \n Roles\n \n
${o.alert_message}
` : '' }\n ${ show_both_tabs ? tpl_navigation() : '' }\n\n \n\n ${ o.queryable_affiliations.length ? html`\n
`;\n}\n","import log from '@converse/headless/log';\nimport tpl_moderator_tools from './templates/moderator-tools.js';\nimport { AFFILIATIONS, ROLES } from '@converse/headless/plugins/muc/index.js';\nimport { CustomElement } from 'shared/components/element.js';\nimport { __ } from 'i18n';\nimport { _converse, api, converse } from '@converse/headless/core';\nimport { getAssignableRoles } from '@converse/headless/plugins/muc/utils.js';\nimport { getOpenPromise } from '@converse/openpromise';\nimport {\n getAffiliationList,\n getAssignableAffiliations,\n setAffiliation,\n} from '@converse/headless/plugins/muc/affiliations/utils.js';\n\nconst { Strophe, sizzle, u } = converse.env;\n\nexport default class ModeratorTools extends CustomElement {\n static get properties () {\n return {\n affiliation: { type: String },\n affiliations_filter: { type: String, attribute: false },\n alert_message: { type: String, attribute: false },\n alert_type: { type: String, attribute: false },\n jid: { type: String },\n muc: { type: Object, attribute: false },\n role: { type: String },\n roles_filter: { type: String, attribute: false },\n users_with_affiliation: { type: Array, attribute: false },\n users_with_role: { type: Array, attribute: false },\n };\n }\n\n constructor () {\n super();\n this.affiliation = '';\n this.affiliations_filter = '';\n this.role = '';\n this.roles_filter = '';\n }\n\n updated (changed) {\n changed.has('role') && this.onSearchRoleChange();\n changed.has('affiliation') && this.onSearchAffiliationChange();\n changed.has('jid') && changed.get('jid') && this.initialize();\n }\n\n async initialize () {\n this.initialized = getOpenPromise();\n const muc = await api.rooms.get(this.jid);\n await muc.initialized;\n this.muc = muc;\n this.initialized.resolve();\n }\n\n render () {\n if (this.muc?.occupants) {\n const occupant = this.muc.occupants.findWhere({ 'jid': _converse.bare_jid });\n return tpl_moderator_tools({\n 'affiliations_filter': this.affiliations_filter,\n 'alert_message': this.alert_message,\n 'alert_type': this.alert_type,\n 'assignAffiliation': ev => this.assignAffiliation(ev),\n 'assignRole': ev => this.assignRole(ev),\n 'assignable_affiliations': getAssignableAffiliations(occupant),\n 'assignable_roles': getAssignableRoles(occupant),\n 'filterAffiliationResults': ev => this.filterAffiliationResults(ev),\n 'filterRoleResults': ev => this.filterRoleResults(ev),\n 'loading_users_with_affiliation': this.loading_users_with_affiliation,\n 'queryAffiliation': ev => this.queryAffiliation(ev),\n 'queryRole': ev => this.queryRole(ev),\n 'queryable_affiliations': AFFILIATIONS.filter(a => !api.settings.get('modtools_disable_query').includes(a)),\n 'queryable_roles': ROLES.filter(a => !api.settings.get('modtools_disable_query').includes(a)),\n 'roles_filter': this.roles_filter,\n 'switchTab': ev => this.switchTab(ev),\n 'toggleForm': ev => this.toggleForm(ev),\n 'users_with_affiliation': this.users_with_affiliation,\n 'users_with_role': this.users_with_role,\n })\n } else {\n return '';\n }\n }\n\n async onSearchAffiliationChange () {\n if (!this.affiliation) {\n return;\n }\n await this.initialized;\n this.clearAlert();\n this.loading_users_with_affiliation = true;\n this.users_with_affiliation = null;\n\n if (this.shouldFetchAffiliationsList()) {\n const result = await getAffiliationList(this.affiliation, this.jid);\n if (result instanceof Error) {\n this.alert(result.message, 'danger');\n this.users_with_affiliation = [];\n } else {\n this.users_with_affiliation = result;\n }\n } else {\n this.users_with_affiliation = this.muc.getOccupantsWithAffiliation(this.affiliation);\n }\n this.loading_users_with_affiliation = false;\n }\n\n async onSearchRoleChange () {\n if (!this.role) {\n return;\n }\n await this.initialized;\n this.clearAlert();\n this.users_with_role = this.muc.getOccupantsWithRole(this.role);\n }\n\n shouldFetchAffiliationsList () {\n const affiliation = this.affiliation;\n if (affiliation === 'none') {\n return false;\n }\n const chatroom = this.muc;\n const auto_fetched_affs = chatroom.occupants.getAutoFetchedAffiliationLists();\n if (auto_fetched_affs.includes(affiliation)) {\n return false;\n } else {\n return true;\n }\n }\n\n toggleForm (ev) { // eslint-disable-line class-methods-use-this\n ev.stopPropagation();\n ev.preventDefault();\n const toggle = u.ancestor(ev.target, '.toggle-form');\n const form_class = toggle.getAttribute('data-form');\n const form = u.ancestor(toggle, '.list-group-item').querySelector(`.${form_class}`);\n if (u.hasClass('hidden', form)) {\n u.removeClass('hidden', form);\n } else {\n u.addClass('hidden', form);\n }\n }\n\n filterRoleResults (ev) {\n this.roles_filter = ev.target.value;\n this.render();\n }\n\n filterAffiliationResults (ev) {\n this.affiliations_filter = ev.target.value;\n }\n\n queryRole (ev) {\n ev.stopPropagation();\n ev.preventDefault();\n const data = new FormData(ev.target);\n const role = data.get('role');\n this.role = null;\n this.role = role;\n }\n\n queryAffiliation (ev) {\n ev.stopPropagation();\n ev.preventDefault();\n const data = new FormData(ev.target);\n const affiliation = data.get('affiliation');\n this.affiliation = null;\n this.affiliation = affiliation;\n }\n\n alert (message, type) {\n this.alert_message = message;\n this.alert_type = type;\n }\n\n clearAlert () {\n this.alert_message = undefined;\n this.alert_type = undefined;\n }\n\n async assignAffiliation (ev) {\n ev.stopPropagation();\n ev.preventDefault();\n this.clearAlert();\n const data = new FormData(ev.target);\n const affiliation = data.get('affiliation');\n const attrs = {\n 'jid': data.get('jid'),\n 'reason': data.get('reason'),\n };\n const current_affiliation = this.affiliation;\n const muc_jid = this.muc.get('jid');\n try {\n await setAffiliation(affiliation, muc_jid, [attrs]);\n } catch (e) {\n if (e === null) {\n this.alert(__('Timeout error while trying to set the affiliation'), 'danger');\n } else if (sizzle(`not-allowed[xmlns=\"${Strophe.NS.STANZAS}\"]`, e).length) {\n this.alert(__(\"Sorry, you're not allowed to make that change\"), 'danger');\n } else {\n this.alert(__('Sorry, something went wrong while trying to set the affiliation'), 'danger');\n }\n log.error(e);\n return;\n }\n await this.muc.occupants.fetchMembers();\n this.affiliation = null;\n this.affiliation = current_affiliation;\n this.alert(__('Affiliation changed'), 'primary');\n }\n\n assignRole (ev) {\n ev.stopPropagation();\n ev.preventDefault();\n this.clearAlert();\n const data = new FormData(ev.target);\n const occupant = this.muc.getOccupant(data.get('jid') || data.get('nick'));\n const role = data.get('role');\n const reason = data.get('reason');\n const current_role = this.role;\n this.muc.setRole(\n occupant,\n role,\n reason,\n () => {\n this.alert(__('Role changed'), 'primary');\n this.role = null;\n this.role = current_role;\n },\n e => {\n if (sizzle(`not-allowed[xmlns=\"${Strophe.NS.STANZAS}\"]`, e).length) {\n this.alert(__(\"You're not allowed to make that change\"), 'danger');\n } else {\n this.alert(__('Sorry, something went wrong while trying to set the role'), 'danger');\n if (u.isErrorObject(e)) {\n log.error(e);\n }\n }\n }\n );\n }\n}\n\napi.elements.define('converse-modtools', ModeratorTools);\n","import { __ } from 'i18n';\nimport { html } from \"lit\";\nimport { modal_header_close_button } from \"plugins/modal/templates/buttons.js\"\n\nexport default (o) => {\n const i18n_moderator_tools = __('Moderator Tools');\n return html`\n \n \n
` : '' }\n\n ${ o.queryable_roles.length ? html`\n \n
\n - \n ${ (o.loading_users_with_affiliation) ? html`
- ${spinner()} ` : '' }\n ${ (Array.isArray(o.users_with_affiliation) && o.users_with_affiliation.length === 0) ?\n html`
- ${i18n_no_users_with_aff} ` : '' }\n\n ${ (o.users_with_affiliation instanceof Error) ?\n html`
- ${o.users_with_affiliation.message} ` :\n (o.users_with_affiliation || []).map(item => ((item.nick || item.jid).match(new RegExp(o.affiliations_filter, 'i')) ? affiliation_list_item(Object.assign({item}, o)) : '')) }\n
\n \n
`: '' }\n \n
\n - \n ${ o.loading_users_with_role ? html`
- ${spinner()} ` : '' }\n ${ (o.users_with_role && o.users_with_role.length === 0) ? html`
- ${i18n_no_users_with_role} ` : '' }\n ${ (o.users_with_role || []).map(item => (item.nick.match(o.roles_filter) ? role_list_item(Object.assign({item}, o)) : '')) }\n
\n \n
`;\n}\n","import '../modtools.js';\nimport BootstrapModal from \"plugins/modal/base.js\";\nimport tpl_moderator_tools from './templates/moderator-tools.js';\n\nconst ModeratorToolsModal = BootstrapModal.extend({\n id: \"converse-modtools-modal\",\n persistent: true,\n\n initialize (attrs) {\n this.jid = attrs.jid;\n this.affiliation = attrs.affiliation;\n BootstrapModal.prototype.initialize.apply(this, arguments);\n },\n\n toHTML () {\n return tpl_moderator_tools(this);\n }\n});\n\nexport default ModeratorToolsModal;\n","import ModeratorToolsModal from './modals/moderator-tools.js';\nimport OccupantModal from 'modals/occupant.js';\nimport log from \"@converse/headless/log\";\nimport tpl_spinner from 'templates/spinner.js';\nimport { __ } from 'i18n';\nimport { _converse, api, converse } from \"@converse/headless/core\";\nimport { html } from \"lit\";\nimport { parseMessageForCommands } from 'plugins/chatview/utils.js';\nimport { setAffiliation } from '@converse/headless/plugins/muc/affiliations/utils.js';\n\nconst { Strophe, $iq, sizzle, u } = converse.env;\n\nconst COMMAND_TO_AFFILIATION = {\n 'admin': 'admin',\n 'ban': 'outcast',\n 'member': 'member',\n 'owner': 'owner',\n 'revoke': 'none'\n};\nconst COMMAND_TO_ROLE = {\n 'deop': 'participant',\n 'kick': 'none',\n 'mute': 'visitor',\n 'op': 'moderator',\n 'voice': 'participant'\n};\n\nexport function clearHistory (jid) {\n if (_converse.router.history.getFragment() === `converse/room?jid=${jid}`) {\n _converse.router.navigate('');\n }\n}\n\nexport async function destroyMUC (model) {\n const messages = [__('Are you sure you want to destroy this groupchat?')];\n let fields = [\n {\n 'name': 'challenge',\n 'label': __('Please enter the XMPP address of this groupchat to confirm'),\n 'challenge': model.get('jid'),\n 'placeholder': __('name@example.org'),\n 'required': true\n },\n {\n 'name': 'reason',\n 'label': __('Optional reason for destroying this groupchat'),\n 'placeholder': __('Reason')\n },\n {\n 'name': 'newjid',\n 'label': __('Optional XMPP address for a new groupchat that replaces this one'),\n 'placeholder': __('replacement@example.org')\n }\n ];\n try {\n fields = await api.confirm(__('Confirm'), messages, fields);\n const reason = fields.filter(f => f.name === 'reason').pop()?.value;\n const newjid = fields.filter(f => f.name === 'newjid').pop()?.value;\n return model.sendDestroyIQ(reason, newjid).then(() => model.close());\n } catch (e) {\n log.error(e);\n }\n}\n\n\nfunction setMUCDomain (domain, controlboxview) {\n controlboxview.querySelector('converse-rooms-list')\n .model.save('muc_domain', Strophe.getDomainFromJid(domain));\n}\n\nfunction setMUCDomainFromDisco (controlboxview) {\n /* Check whether service discovery for the user's domain\n * returned MUC information and use that to automatically\n * set the MUC domain in the \"Add groupchat\" modal.\n */\n function featureAdded (feature) {\n if (!feature) {\n return;\n }\n if (feature.get('var') === Strophe.NS.MUC) {\n feature.entity.getIdentity('conference', 'text').then(identity => {\n if (identity) {\n setMUCDomain(feature.get('from'), controlboxview);\n }\n });\n }\n }\n api.waitUntil('discoInitialized')\n .then(() => {\n api.listen.on('serviceDiscovered', featureAdded);\n // Features could have been added before the controlbox was\n // initialized. We're only interested in MUC\n _converse.disco_entities.each(entity => featureAdded(entity.features.findWhere({ 'var': Strophe.NS.MUC })));\n })\n .catch(e => log.error(e));\n}\n\nexport function fetchAndSetMUCDomain (controlboxview) {\n if (controlboxview.model.get('connected')) {\n if (!controlboxview.querySelector('converse-rooms-list').model.get('muc_domain')) {\n if (api.settings.get('muc_domain') === undefined) {\n setMUCDomainFromDisco(controlboxview);\n } else {\n setMUCDomain(api.settings.get('muc_domain'), controlboxview);\n }\n }\n }\n}\n\nexport function getNicknameRequiredTemplate (model) {\n const jid = model.get('jid');\n if (api.settings.get('muc_show_logs_before_join')) {\n return html`${o.alert}
` : '' }\n \n `;\n}\n","import 'shared/autocomplete/index.js';\nimport log from \"@converse/headless/log\";\nimport tpl_adhoc from './templates/ad-hoc.js';\nimport { CustomElement } from 'shared/components/element.js';\nimport { __ } from 'i18n';\nimport { api, converse } from \"@converse/headless/core\";\nimport { fetchCommandForm } from './utils.js';\n\nconst { Strophe, $iq, sizzle, u } = converse.env;\n\n\nexport default class AdHocCommands extends CustomElement {\n\n static get properties () {\n return {\n 'alert': { type: String },\n 'alert_type': { type: String },\n 'nonce': { type: String }, // Used to force re-rendering\n 'showform': { type: String },\n 'view': { type: String },\n }\n }\n\n constructor () {\n super();\n this.view = 'choose-service';\n this.showform = '';\n this.commands = [];\n }\n\n render () {\n return tpl_adhoc({\n 'alert': this.alert,\n 'alert_type': this.alert_type,\n 'commands': this.commands,\n 'fetchCommands': ev => this.fetchCommands(ev),\n 'hideCommandForm': ev => this.hideCommandForm(ev),\n 'runCommand': ev => this.runCommand(ev),\n 'showform': this.showform,\n 'toggleCommandForm': ev => this.toggleCommandForm(ev),\n 'view': this.view,\n });\n }\n\n async fetchCommands (ev) {\n ev.preventDefault();\n delete this.alert_type;\n delete this.alert;\n\n const form_data = new FormData(ev.target);\n const jid = form_data.get('jid').trim();\n let supported;\n try {\n supported = await api.disco.supports(Strophe.NS.ADHOC, jid)\n } catch (e) {\n log.error(e);\n }\n if (supported) {\n try {\n this.commands = await api.adhoc.getCommands(jid);\n this.view = 'list-commands';\n } catch (e) {\n log.error(e);\n this.alert_type = 'danger';\n this.alert = __('Sorry, an error occurred while looking for commands on that entity.');\n this.commands = [];\n log.error(e);\n return;\n }\n } else {\n this.alert_type = 'danger';\n this.alert = __(\"The specified entity doesn't support ad-hoc commands\");\n }\n }\n\n async toggleCommandForm (ev) {\n ev.preventDefault();\n const node = ev.target.getAttribute('data-command-node');\n const cmd = this.commands.filter(c => c.node === node)[0];\n this.showform !== node && await fetchCommandForm(cmd);\n this.showform = node;\n }\n\n hideCommandForm (ev) {\n ev.preventDefault();\n this.showform = ''\n }\n\n async runCommand (ev) {\n ev.preventDefault();\n const form_data = new FormData(ev.target);\n const jid = form_data.get('command_jid').trim();\n const node = form_data.get('command_node').trim();\n\n const cmd = this.commands.filter(c => c.node === node)[0];\n cmd.alert = null;\n this.nonce = u.getUniqueId();\n\n const inputs = sizzle(':input:not([type=button]):not([type=submit])', ev.target);\n const config_array = inputs\n .filter(i => !['command_jid', 'command_node'].includes(i.getAttribute('name')))\n .map(u.webForm2xForm)\n .filter(n => n);\n\n const iq = $iq({to: jid, type: \"set\"})\n .c(\"command\", {\n 'sessionid': cmd.sessionid,\n 'node': cmd.node,\n 'xmlns': Strophe.NS.ADHOC\n }).c(\"x\", {xmlns: Strophe.NS.XFORM, type: \"submit\"});\n config_array.forEach(node => iq.cnode(node).up());\n\n let result;\n try {\n result = await api.sendIQ(iq);\n } catch (e) {\n cmd.alert_type = 'danger';\n cmd.alert = __('Sorry, an error occurred while trying to execute the command. See the developer console for details');\n log.error('Error while trying to execute an ad-hoc command');\n log.error(e);\n }\n\n if (result) {\n cmd.alert = result.querySelector('note')?.textContent;\n } else {\n cmd.alert = 'Done';\n }\n cmd.alert_type = 'primary';\n this.nonce = u.getUniqueId();\n }\n}\n\napi.elements.define('converse-adhoc-commands', AdHocCommands);\n","import { __ } from 'i18n';\nimport { api } from \"@converse/headless/core\";\nimport { html } from \"lit\";\nimport { resetElementHeight } from 'plugins/chatview/utils.js';\n\n\nexport default (o) => {\n const label_message = o.composing_spoiler ? __('Hidden message') : __('Message');\n const label_spoiler_hint = __('Optional hint');\n const show_send_button = api.settings.get('show_send_button');\n return html`\n \n `;\n}\n","import MessageForm from 'plugins/chatview/message-form.js';\nimport tpl_muc_message_form from './templates/message-form.js';\nimport { _converse, api, converse } from \"@converse/headless/core\";\nimport { getAutoCompleteListItem, parseMessageForMUCCommands } from './utils.js';\n\n\nexport default class MUCMessageForm extends MessageForm {\n\n toHTML () {\n return tpl_muc_message_form(\n Object.assign(this.model.toJSON(), {\n 'hint_value': this.querySelector('.spoiler-hint')?.value,\n 'message_value': this.querySelector('.chat-textarea')?.value,\n 'onChange': ev => this.model.set({'draft': ev.target.value}),\n 'onDrop': ev => this.onDrop(ev),\n 'onKeyDown': ev => this.onKeyDown(ev),\n 'onKeyUp': ev => this.onKeyUp(ev),\n 'onPaste': ev => this.onPaste(ev),\n 'scrolled': this.model.ui.get('scrolled'),\n 'viewUnreadMessages': ev => this.viewUnreadMessages(ev)\n }));\n }\n\n afterRender () {\n const entered = this.model.session.get('connection_status') === converse.ROOMSTATUS.ENTERED;\n const can_edit = entered && !(this.model.features.get('moderated') && this.model.getOwnRole() === 'visitor');\n if (entered && can_edit) {\n this.initMentionAutoComplete();\n }\n }\n\n initMentionAutoComplete () {\n this.mention_auto_complete = new _converse.AutoComplete(this, {\n 'auto_first': true,\n 'auto_evaluate': false,\n 'min_chars': api.settings.get('muc_mention_autocomplete_min_chars'),\n 'match_current_word': true,\n 'list': () => this.getAutoCompleteList(),\n 'filter':\n api.settings.get('muc_mention_autocomplete_filter') == 'contains'\n ? _converse.FILTER_CONTAINS\n : _converse.FILTER_STARTSWITH,\n 'ac_triggers': ['Tab', '@'],\n 'include_triggers': [],\n 'item': getAutoCompleteListItem\n });\n this.mention_auto_complete.on('suggestion-box-selectcomplete', () => (this.auto_completing = false));\n }\n\n parseMessageForCommands (text) {\n return parseMessageForMUCCommands(this.model, text);\n }\n\n getAutoCompleteList () {\n return this.model.getAllKnownNicknames().map(nick => ({ 'label': nick, 'value': `@${nick}` }));\n }\n\n onKeyDown (ev) {\n if (this.mention_auto_complete.onKeyDown(ev)) {\n return;\n }\n super.onKeyDown(ev);\n }\n\n onKeyUp (ev) {\n this.mention_auto_complete.evaluate(ev);\n super.onKeyUp(ev);\n }\n}\n\napi.elements.define('converse-muc-message-form', MUCMessageForm);\n","import { __ } from 'i18n';\nimport { api } from \"@converse/headless/core\";\nimport { html } from \"lit\";\n\nfunction submitNickname (ev, model) {\n ev.preventDefault();\n const nick = ev.target.nick.value.trim();\n nick && model.join(nick);\n}\n\nexport default (model) => {\n const i18n_nickname = __('Nickname');\n const i18n_join = __('Enter groupchat');\n const i18n_heading = api.settings.get('muc_show_logs_before_join') ?\n __('Choose a nickname to enter') :\n __('Please choose your nickname');\n\n const validation_message = model.get('nickname_validation_message');\n\n return html`\n submitNickname(ev, model)}>\n \n
`;\n}\n","import '../message-form.js';\nimport 'shared/chat/toolbar.js';\nimport tpl_muc_nickname_form from './muc-nickname-form.js';\nimport { __ } from 'i18n';\nimport { api, converse } from \"@converse/headless/core\";\nimport { html } from \"lit\";\n\n\nconst tpl_can_edit = (o) => {\n const unread_msgs = __('You have unread messages');\n const message_limit = api.settings.get('message_limit');\n const show_call_button = api.settings.get('visible_toolbar_buttons').call;\n const show_emoji_button = api.settings.get('visible_toolbar_buttons').emoji;\n const show_send_button = api.settings.get('show_send_button');\n const show_spoiler_button = api.settings.get('visible_toolbar_buttons').spoiler;\n const show_toolbar = api.settings.get('show_toolbar');\n return html`\n ${ (o.model.ui.get('scrolled') && o.model.get('num_unread')) ?\n html` o.viewUnreadMessages(ev)}>▼ ${ unread_msgs } ▼
` : '' }\n ${show_toolbar ? html`\n o.viewUnreadMessages(ev)}>▼ ${ unread_msgs } ▼
` : '' }\n ${(o.can_edit) ? tpl_can_edit(o) : html`${i18n_not_allowed}`}`;\n } else if (conn_status == converse.ROOMSTATUS.NICKNAME_REQUIRED) {\n if (api.settings.get('muc_show_logs_before_join')) {\n return html`${tpl_muc_nickname_form(o.model)}`;\n }\n } else {\n return '';\n }\n}\n","\n import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./muc-bottom-panel.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./muc-bottom-panel.scss\";\n export default content && content.locals ? content.locals : undefined;\n","import 'shared/autocomplete/index.js';\nimport BottomPanel from 'plugins/chatview/bottom-panel.js';\nimport tpl_muc_bottom_panel from './templates/muc-bottom-panel.js';\nimport { _converse, api, converse } from \"@converse/headless/core\";\nimport { render } from 'lit';\n\nimport './styles/muc-bottom-panel.scss';\n\n\nexport default class MUCBottomPanel extends BottomPanel {\n\n events = {\n 'click .hide-occupants': 'hideOccupants',\n 'click .send-button': 'sendButtonClicked',\n }\n\n async initialize () {\n await super.initialize();\n this.listenTo(this.model, 'change:hidden_occupants', this.debouncedRender);\n this.listenTo(this.model, 'change:num_unread_general', this.debouncedRender)\n this.listenTo(this.model.features, 'change:moderated', this.debouncedRender);\n this.listenTo(this.model.occupants, 'add', this.renderIfOwnOccupant)\n this.listenTo(this.model.occupants, 'change:role', this.renderIfOwnOccupant);\n this.listenTo(this.model.session, 'change:connection_status', this.debouncedRender);\n }\n\n render () {\n const entered = this.model.session.get('connection_status') === converse.ROOMSTATUS.ENTERED;\n const can_edit = entered && !(this.model.features.get('moderated') && this.model.getOwnRole() === 'visitor');\n render(tpl_muc_bottom_panel({\n can_edit, entered,\n 'model': this.model,\n 'is_groupchat': true,\n 'viewUnreadMessages': ev => this.viewUnreadMessages(ev)\n }), this);\n }\n\n renderIfOwnOccupant (o) {\n (o.get('jid') === _converse.bare_jid) && this.debouncedRender();\n }\n\n sendButtonClicked (ev) {\n this.querySelector('converse-muc-message-form')?.onFormSubmitted(ev);\n }\n\n hideOccupants (ev) {\n ev?.preventDefault?.();\n ev?.stopPropagation?.();\n this.model.save({ 'hidden_occupants': true });\n }\n}\n\napi.elements.define('converse-muc-bottom-panel', MUCBottomPanel);\n","export const PRETTY_CHAT_STATUS = {\n 'offline': 'Offline',\n 'unavailable': 'Unavailable',\n 'xa': 'Extended Away',\n 'away': 'Away',\n 'dnd': 'Do not disturb',\n 'chat': 'Chattty',\n 'online': 'Online'\n};\n","import { PRETTY_CHAT_STATUS } from '../constants.js';\nimport { __ } from 'i18n';\nimport { html } from \"lit\";\nimport { showOccupantModal } from '../utils.js';\n\nconst i18n_occupant_hint = (o) => __('Click to mention %1$s in your message.', o.get('nick'))\n\nconst occupant_title = (o) => {\n const role = o.get('role');\n const hint_occupant = i18n_occupant_hint(o);\n const i18n_moderator_hint = __('This user is a moderator.');\n const i18n_participant_hint = __('This user can send messages in this groupchat.');\n const i18n_visitor_hint = __('This user can NOT send messages in this groupchat.')\n const spaced_jid = o.get('jid') ? `${o.get('jid')} ` : '';\n if (role === \"moderator\") {\n return `${spaced_jid}${i18n_moderator_hint} ${hint_occupant}`;\n } else if (role === \"participant\") {\n return `${spaced_jid}${i18n_participant_hint} ${hint_occupant}`;\n } else if (role === \"visitor\") {\n return `${spaced_jid}${i18n_visitor_hint} ${hint_occupant}`;\n } else if (![\"visitor\", \"participant\", \"moderator\"].includes(role)) {\n return `${spaced_jid}${hint_occupant}`;\n }\n}\n\n\nexport default (o, chat) => {\n const affiliation = o.get('affiliation');\n const hint_show = PRETTY_CHAT_STATUS[o.get('show')];\n const i18n_admin = __('Admin');\n const i18n_member = __('Member');\n const i18n_moderator = __('Moderator');\n const i18n_owner = __('Owner');\n const i18n_visitor = __('Visitor');\n const role = o.get('role');\n\n const show = o.get('show');\n let classes, color;\n if (show === 'online') {\n [classes, color] = ['fa fa-circle', 'chat-status-online'];\n } else if (show === 'dnd') {\n [classes, color] = ['fa fa-minus-circle', 'chat-status-busy'];\n } else if (show === 'away') {\n [classes, color] = ['fa fa-circle', 'chat-status-away'];\n } else {\n [classes, color] = ['fa fa-circle', 'subdued-color'];\n }\n\n return html`\n \n \n
\n \n ${o.getDisplayName()}\n \n ${ (affiliation === \"owner\") ? html`${i18n_owner}` : '' }\n ${ (affiliation === \"admin\") ? html`${i18n_admin}` : '' }\n ${ (affiliation === \"member\") ? html`${i18n_member}` : '' }\n ${ (role === \"moderator\") ? html`${i18n_moderator}` : '' }\n ${ (role === \"visitor\") ? html`${i18n_visitor}` : '' }\n \n
\n \n \n
\n \n \n ${i18n_participants}\n
\n - ${o.occupants.map(occ => tpl_occupant(occ, o))}
\n
\n \n ${o.model ? html`\n \n
\n ${i18n_moved}
\n\n o.onSwitch(ev)}>${o.moved_jid}\n
`;\n}\n\nexport default (o) => {\n const i18n_non_existent = __('This groupchat no longer exists');\n const i18n_reason = __('The following reason was given: \"%1$s\"', o.reason || '');\n return html`\n\n
\n ${ o.reason ? html`${i18n_non_existent}
\n${i18n_reason}
` : '' }\n ${ o.moved_jid ? tpl_moved(o) : '' }\n `;\n}\n","import tpl_muc_destroyed from './templates/muc-destroyed.js';\nimport { CustomElement } from 'shared/components/element';\nimport { _converse, api } from \"@converse/headless/core\";\n\n\nclass MUCDestroyed extends CustomElement {\n\n static get properties () {\n return {\n 'jid': { type: String }\n }\n }\n\n connectedCallback () {\n super.connectedCallback();\n this.model = _converse.chatboxes.get(this.jid);\n }\n\n render () {\n const reason = this.model.get('destroyed_reason');\n const moved_jid = this.model.get('moved_jid');\n return tpl_muc_destroyed({\n moved_jid,\n reason,\n 'onSwitch': ev => this.onSwitch(ev)\n });\n }\n\n async onSwitch (ev) {\n ev.preventDefault();\n const moved_jid = this.model.get('moved_jid');\n const room = await api.rooms.get(moved_jid, {}, true);\n room.maybeShow(true);\n this.model.destroy();\n }\n}\n\napi.elements.define('converse-muc-destroyed', MUCDestroyed);\n","import { html } from \"lit\";\n\n\nexport default (messages) => {\n return html`\n\n
`;\n}\n","import tpl_muc_disconnect from './templates/muc-disconnect.js';\nimport { CustomElement } from 'shared/components/element';\nimport { __ } from 'i18n';\nimport { _converse, api } from \"@converse/headless/core\";\n\n\nclass MUCDisconnected extends CustomElement {\n\n static get properties () {\n return {\n 'jid': { type: String }\n }\n }\n\n connectedCallback () {\n super.connectedCallback();\n this.model = _converse.chatboxes.get(this.jid);\n }\n\n render () {\n const message = this.model.session.get('disconnection_message');\n if (!message) {\n return;\n }\n const messages = [message];\n const actor = this.model.session.get('disconnection_actor');\n if (actor) {\n messages.push(__('This action was done by %1$s.', actor));\n }\n const reason = this.model.session.get('disconnection_reason');\n if (reason) {\n messages.push(__('The reason given is: \"%1$s\".', reason));\n }\n return tpl_muc_disconnect(messages);\n }\n}\n\napi.elements.define('converse-muc-disconnected', MUCDisconnected);\n","import { html } from \"lit\";\nimport { __ } from 'i18n';\nimport { modal_header_close_button } from \"plugins/modal/templates/buttons.js\"\n\n\nexport default (o) => {\n const i18n_invite = __('Invite');\n const i18n_invite_heading = __('Invite someone to this groupchat');\n const i18n_jid_placeholder = __('user@example.org');\n const i18n_error_message = __('Please enter a valid XMPP address');\n const i18n_invite_label = __('XMPP Address');\n const i18n_reason = __('Optional reason for the invitation');\n return html`\n ${messages[0]}
\n ${ messages.slice(1).map(m => html`${m}
`) }\n\n \n
\n `;\n}\n","import 'shared/autocomplete/index.js';\nimport BootstrapModal from \"plugins/modal/base.js\";\nimport tpl_muc_invite_modal from \"./templates/muc-invite.js\";\nimport { _converse, converse } from \"@converse/headless/core\";\n\nconst u = converse.env.utils;\n\n\nexport default BootstrapModal.extend({\n id: \"muc-invite-modal\",\n\n initialize () {\n BootstrapModal.prototype.initialize.apply(this, arguments);\n this.listenTo(this.model, 'change', this.render);\n this.initInviteWidget();\n },\n\n toHTML () {\n return tpl_muc_invite_modal(Object.assign(\n this.model.toJSON(), {\n 'submitInviteForm': ev => this.submitInviteForm(ev)\n })\n );\n },\n\n initInviteWidget () {\n if (this.invite_auto_complete) {\n this.invite_auto_complete.destroy();\n }\n const list = _converse.roster.map(i => ({'label': i.getDisplayName(), 'value': i.get('jid')}));\n const el = this.el.querySelector('.suggestion-box').parentElement;\n this.invite_auto_complete = new _converse.AutoComplete(el, {\n 'min_chars': 1,\n 'list': list\n });\n },\n\n submitInviteForm (ev) {\n ev.preventDefault();\n // TODO: Add support for sending an invite to multiple JIDs\n const data = new FormData(ev.target);\n const jid = data.get('invitee_jids');\n const reason = data.get('reason');\n if (u.isValidJID(jid)) {\n // TODO: Create and use API here\n this.chatroomview.model.directInvite(jid, reason);\n this.modal.hide();\n } else {\n this.model.set({'invalid_invite_jid': true});\n }\n }\n});\n","import { __ } from 'i18n';\nimport { html } from \"lit\";\nimport { modal_close_button, modal_header_close_button } from \"plugins/modal/templates/buttons.js\";\n\n\nconst subject = (o) => {\n const i18n_topic = __('Topic');\n const i18n_topic_author = __('Topic author');\n return html`\n ${i18n_topic}: ${o.subject.text}
\n${i18n_topic_author}: ${o.subject && o.subject.author}
\n `;\n}\n\n\nexport default (o) => {\n const i18n_address = __('Groupchat XMPP address');\n const i18n_archiving = __('Message archiving');\n const i18n_archiving_help = __('Messages are archived on the server');\n const i18n_desc = __('Description');\n const i18n_features = __('Features');\n const i18n_hidden = __('Hidden');\n const i18n_hidden_help = __('This groupchat is not publicly searchable');\n const i18n_members_help = __('This groupchat is restricted to members only');\n const i18n_members_only = __('Members only');\n const i18n_moderated = __('Moderated');\n const i18n_moderated_help = __('Participants entering this groupchat need to request permission to write');\n const i18n_name = __('Name');\n const i18n_no_pass_help = __('This groupchat does not require a password upon entry');\n const i18n_no_password_required = __('No password required');\n const i18n_not_anonymous = __('Not anonymous');\n const i18n_not_anonymous_help = __('All other groupchat participants can see your XMPP address');\n const i18n_not_moderated = __('Not moderated');\n const i18n_not_moderated_help = __('Participants entering this groupchat can write right away');\n const i18n_online_users = __('Online users');\n const i18n_open = __('Open');\n const i18n_open_help = __('Anyone can join this groupchat');\n const i18n_password_help = __('This groupchat requires a password before entry');\n const i18n_password_protected = __('Password protected');\n const i18n_persistent = __('Persistent');\n const i18n_persistent_help = __('This groupchat persists even if it\\'s unoccupied');\n const i18n_public = __('Public');\n const i18n_semi_anon = __('Semi-anonymous');\n const i18n_semi_anon_help = __('Only moderators can see your XMPP address');\n const i18n_temporary = __('Temporary');\n const i18n_temporary_help = __('This groupchat will disappear once the last person leaves');\n return html`\n\n \n
\n `;\n}\n","import BootstrapModal from \"plugins/modal/base.js\";\nimport tpl_muc_details from \"./templates/muc-details.js\";\nimport { __ } from 'i18n';\n\n\nexport default BootstrapModal.extend({\n id: \"muc-details-modal\",\n\n initialize () {\n BootstrapModal.prototype.initialize.apply(this, arguments);\n this.listenTo(this.model, 'change', this.render);\n this.listenTo(this.model.features, 'change', this.render);\n this.listenTo(this.model.occupants, 'add', this.render);\n this.listenTo(this.model.occupants, 'change', this.render);\n },\n\n toHTML () {\n return tpl_muc_details(Object.assign(\n this.model.toJSON(), {\n 'config': this.model.config.toJSON(),\n 'display_name': __('Groupchat info for %1$s', this.model.getDisplayName()),\n 'features': this.model.features.toJSON(),\n 'num_occupants': this.model.occupants.length,\n })\n );\n }\n});\n","\n import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./rich-text.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./rich-text.scss\";\n export default content && content.locals ? content.locals : undefined;\n","import renderRichText from 'shared/directives/rich-text.js';\nimport { CustomElement } from 'shared/components/element.js';\nimport { api } from \"@converse/headless/core\";\n\nimport './styles/rich-text.scss';\n\n/**\n * The RichText custom element allows you to parse transform text into rich DOM elements.\n * @example \n ${ (!_converse.api.settings.get(\"singleton\")) ? html`
\n ${ show_subject ? html`${ o.title }\n ${ (o.bookmarked) ? html`` : '' }\n
\n \n \n
\n \n \n
`;\n}\n","import BaseChatView from 'shared/chat/baseview.js';\nimport tpl_muc from './templates/muc.js';\nimport { _converse, api, converse } from '@converse/headless/core';\n\n\nexport default class MUCView extends BaseChatView {\n length = 300\n is_chatroom = true\n\n async initialize () {\n this.model = await api.rooms.get(this.jid);\n _converse.chatboxviews.add(this.jid, this);\n this.setAttribute('id', this.model.get('box_id'));\n\n this.listenTo(_converse, 'windowStateChanged', this.onWindowStateChanged);\n this.listenTo(this.model, 'change:composing_spoiler', this.requestUpdateMessageForm);\n this.listenTo(this.model.session, 'change:connection_status', this.onConnectionStatusChanged);\n this.listenTo(this.model.session, 'change:view', this.requestUpdate);\n\n this.onConnectionStatusChanged();\n this.model.maybeShow();\n /**\n * Triggered once a {@link _converse.ChatRoomView} has been opened\n * @event _converse#chatRoomViewInitialized\n * @type { _converse.ChatRoomView }\n * @example _converse.api.listen.on('chatRoomViewInitialized', view => { ... });\n */\n api.trigger('chatRoomViewInitialized', this);\n }\n\n render () {\n return tpl_muc({ 'model': this.model });\n }\n\n onConnectionStatusChanged () {\n const conn_status = this.model.session.get('connection_status');\n if (conn_status === converse.ROOMSTATUS.CONNECTING) {\n this.model.session.save({\n 'disconnection_actor': undefined,\n 'disconnection_message': undefined,\n 'disconnection_reason': undefined,\n });\n this.model.save({\n 'moved_jid': undefined,\n 'password_validation_message': undefined,\n 'reason': undefined,\n });\n }\n this.requestUpdate();\n }\n}\n\napi.elements.define('converse-muc', MUCView);\n","\n import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./index.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./index.scss\";\n export default content && content.locals ? content.locals : undefined;\n","/**\n * @copyright The Converse.js developers\n * @description XEP-0045 Multi-User Chat Views\n * @license Mozilla Public License (MPLv2)\n */\nimport '../chatboxviews/index.js';\nimport 'plugins/modal/index.js';\nimport './adhoc-commands.js';\nimport MUCView from './muc.js';\nimport { api, converse } from '@converse/headless/core';\nimport { clearHistory, fetchAndSetMUCDomain } from './utils.js';\n\nimport './styles/index.scss';\n\nconverse.MUC.VIEWS = {\n CONFIG: 'config-form',\n BOOKMARK: 'bookmark-form'\n}\n\nconverse.plugins.add('converse-muc-views', {\n /* Dependencies are other plugins which might be\n * overridden or relied upon, and therefore need to be loaded before\n * this plugin. They are \"optional\" because they might not be\n * available, in which case any overrides applicable to them will be\n * ignored.\n *\n * NB: These plugins need to have already been loaded via require.js.\n *\n * It's possible to make these dependencies \"non-optional\".\n * If the setting \"strict_plugin_dependencies\" is set to true,\n * an error will be raised if the plugin is not found.\n */\n dependencies: ['converse-modal', 'converse-controlbox', 'converse-chatview'],\n\n initialize () {\n const { _converse } = this;\n\n // Configuration values for this plugin\n // ====================================\n // Refer to docs/source/configuration.rst for explanations of these\n // configuration settings.\n api.settings.extend({\n 'auto_list_rooms': false,\n 'cache_muc_messages': true,\n 'locked_muc_nickname': false,\n 'modtools_disable_query': [],\n 'muc_disable_slash_commands': false,\n 'muc_mention_autocomplete_filter': 'contains',\n 'muc_mention_autocomplete_min_chars': 0,\n 'muc_mention_autocomplete_show_avatar': true,\n 'muc_roomid_policy': null,\n 'muc_roomid_policy_hint': null,\n 'roomconfig_whitelist': [],\n 'show_retraction_warning': true,\n 'visible_toolbar_buttons': {\n 'toggle_occupants': true\n }\n });\n\n _converse.ChatRoomView = MUCView;\n\n api.listen.on('clearsession', () => {\n const view = _converse.chatboxviews.get('controlbox');\n if (view && view.roomspanel) {\n view.roomspanel.model.destroy();\n view.roomspanel.remove();\n delete view.roomspanel;\n }\n });\n\n api.listen.on('controlBoxInitialized', view => {\n if (!api.settings.get('allow_muc')) {\n return;\n }\n fetchAndSetMUCDomain(view);\n view.model.on('change:connected', () => fetchAndSetMUCDomain(view));\n });\n\n api.listen.on('chatBoxClosed', (model) => {\n if (model.get('type') === _converse.CHATROOMS_TYPE) {\n clearHistory(model.get('jid'));\n }\n });\n }\n});\n","import Favico from 'favico.js-slevomat';\nimport log from '@converse/headless/log';\nimport { __ } from 'i18n';\nimport { _converse, api, converse } from '@converse/headless/core.js';\nimport { isEmptyMessage } from '@converse/headless/utils/core.js';\n\nconst { Strophe } = converse.env;\nconst supports_html5_notification = 'Notification' in window;\n\nconverse.env.Favico = Favico;\n\nlet favicon;\n\n\nexport function isMessageToHiddenChat (attrs) {\n return _converse.isTestEnv() || (_converse.chatboxes.get(attrs.from)?.isHidden() ?? false);\n}\n\nexport function areDesktopNotificationsEnabled () {\n return _converse.isTestEnv() || (\n supports_html5_notification &&\n api.settings.get('show_desktop_notifications') &&\n Notification.permission === 'granted'\n );\n}\n\nexport function clearFavicon () {\n favicon = null;\n navigator.clearAppBadge?.()\n .catch(e => log.error(\"Could not clear unread count in app badge \" + e));\n}\n\nexport function updateUnreadFavicon () {\n if (api.settings.get('show_tab_notifications')) {\n favicon = favicon ?? new converse.env.Favico({ type: 'circle', animation: 'pop' });\n const chats = _converse.chatboxes.models;\n const num_unread = chats.reduce((acc, chat) => acc + (chat.get('num_unread') || 0), 0);\n favicon.badge(num_unread);\n navigator.setAppBadge?.(num_unread)\n .catch(e => log.error(\"Could set unread count in app badge - \" + e));\n }\n}\n\n\nfunction isReferenced (references, muc_jid, nick) {\n const check = r => [_converse.bare_jid, `${muc_jid}/${nick}`].includes(r.uri.replace(/^xmpp:/, ''));\n return references.reduce((acc, r) => acc || check(r), false);\n}\n\n\n/**\n * Is this a group message for which we should notify the user?\n * @private\n * @param { MUCMessageAttributes } attrs\n */\nexport async function shouldNotifyOfGroupMessage (attrs) {\n if (!attrs?.body && !attrs?.message) {\n // attrs.message is used by 'info' messages\n return false;\n }\n const jid = attrs.from;\n const muc_jid = attrs.from_muc;\n const notify_all = api.settings.get('notify_all_room_messages');\n const room = _converse.chatboxes.get(muc_jid);\n const resource = Strophe.getResourceFromJid(jid);\n const sender = (resource && Strophe.unescapeNode(resource)) || '';\n let is_mentioned = false;\n const nick = room.get('nick');\n\n if (api.settings.get('notify_nicknames_without_references')) {\n is_mentioned = new RegExp(`\\\\b${nick}\\\\b`).test(attrs.body);\n }\n\n const is_not_mine = sender !== nick;\n const should_notify_user =\n notify_all === true ||\n (Array.isArray(notify_all) && notify_all.includes(muc_jid)) ||\n isReferenced(attrs.references, muc_jid, nick) ||\n is_mentioned;\n\n if (is_not_mine && !!should_notify_user) {\n /**\n * *Hook* which allows plugins to run further logic to determine\n * whether a notification should be sent out for this message.\n * @event _converse#shouldNotifyOfGroupMessage\n * @example\n * api.listen.on('shouldNotifyOfGroupMessage', (should_notify) => {\n * return should_notify && flurb === floob;\n * });\n */\n const should_notify = await api.hook('shouldNotifyOfGroupMessage', attrs, true);\n return should_notify;\n }\n return false;\n}\n\nasync function shouldNotifyOfInfoMessage (attrs) {\n if (!attrs.from_muc) {\n return false;\n }\n const room = await api.rooms.get(attrs.from_muc);\n if (!room) {\n return false;\n }\n const nick = room.get('nick');\n const muc_jid = attrs.from_muc;\n const notify_all = api.settings.get('notify_all_room_messages');\n return (\n notify_all === true ||\n (Array.isArray(notify_all) && notify_all.includes(muc_jid)) ||\n isReferenced(attrs.references, muc_jid, nick)\n );\n}\n\n/**\n * @private\n * @async\n * @method shouldNotifyOfMessage\n * @param { MessageData|MUCMessageData } data\n */\nfunction shouldNotifyOfMessage (data) {\n const { attrs } = data;\n if (!attrs || attrs.is_forwarded) {\n return false;\n }\n if (attrs['type'] === 'groupchat') {\n return shouldNotifyOfGroupMessage(attrs);\n } else if (attrs['type'] === 'info') {\n return shouldNotifyOfInfoMessage(attrs);\n } else if (attrs.is_headline) {\n // We want to show notifications for headline messages.\n return isMessageToHiddenChat(attrs);\n }\n const is_me = Strophe.getBareJidFromJid(attrs.from) === _converse.bare_jid;\n return (\n !isEmptyMessage(attrs) &&\n !is_me &&\n (api.settings.get('show_desktop_notifications') === 'all' || isMessageToHiddenChat(attrs))\n );\n}\n\nexport function showFeedbackNotification (data) {\n if (data.klass === 'error' || data.klass === 'warn') {\n const n = new Notification(data.subject, {\n body: data.message,\n lang: _converse.locale,\n icon: api.settings.get('notification_icon')\n });\n setTimeout(n.close.bind(n), 5000);\n }\n}\n\n/**\n * Creates an HTML5 Notification to inform of a change in a\n * contact's chat state.\n */\nfunction showChatStateNotification (contact) {\n if (api.settings.get('chatstate_notification_blacklist')?.includes(contact.jid)) {\n // Don't notify if the user is being ignored.\n return;\n }\n const chat_state = contact.presence.get('show');\n let message = null;\n if (chat_state === 'offline') {\n message = __('has gone offline');\n } else if (chat_state === 'away') {\n message = __('has gone away');\n } else if (chat_state === 'dnd') {\n message = __('is busy');\n } else if (chat_state === 'online') {\n message = __('has come online');\n }\n if (message === null) {\n return;\n }\n const n = new Notification(contact.getDisplayName(), {\n body: message,\n lang: _converse.locale,\n icon: api.settings.get('notification_icon')\n });\n setTimeout(() => n.close(), 5000);\n}\n\n\n/**\n * Shows an HTML5 Notification with the passed in message\n * @private\n * @param { MessageData|MUCMessageData } data\n */\nfunction showMessageNotification (data) {\n const { attrs } = data;\n if (attrs.is_error) {\n return;\n }\n\n if (!areDesktopNotificationsEnabled()) {\n return;\n }\n let title, roster_item;\n const full_from_jid = attrs.from;\n const from_jid = Strophe.getBareJidFromJid(full_from_jid);\n if (attrs.type == 'info') {\n title = attrs.message;\n } else if (attrs.type === 'headline') {\n if (!from_jid.includes('@') || api.settings.get('allow_non_roster_messaging')) {\n title = __('Notification from %1$s', from_jid);\n } else {\n return;\n }\n } else if (!from_jid.includes('@')) {\n // workaround for Prosody which doesn't give type \"headline\"\n title = __('Notification from %1$s', from_jid);\n } else if (attrs.type === 'groupchat') {\n title = __('%1$s says', Strophe.getResourceFromJid(full_from_jid));\n } else {\n if (_converse.roster === undefined) {\n log.error('Could not send notification, because roster is undefined');\n return;\n }\n roster_item = _converse.roster.get(from_jid);\n if (roster_item !== undefined) {\n title = __('%1$s says', roster_item.getDisplayName());\n } else {\n if (api.settings.get('allow_non_roster_messaging')) {\n title = __('%1$s says', from_jid);\n } else {\n return;\n }\n }\n }\n\n let body;\n if (attrs.type == 'info') {\n body = attrs.reason;\n } else {\n body = attrs.is_encrypted ? attrs.plaintext : attrs.body;\n if (!body) {\n return;\n }\n }\n\n const n = new Notification(title, {\n 'body': body,\n 'lang': _converse.locale,\n 'icon': api.settings.get('notification_icon'),\n 'requireInteraction': !api.settings.get('notification_delay')\n });\n if (api.settings.get('notification_delay')) {\n setTimeout(() => n.close(), api.settings.get('notification_delay'));\n }\n n.onclick = function (event) {\n event.preventDefault();\n window.focus();\n const chat = _converse.chatboxes.get(from_jid);\n chat.maybeShow(true);\n }\n}\n\nfunction playSoundNotification () {\n if (api.settings.get('play_sounds') && window.Audio !== undefined) {\n const audioOgg = new Audio(api.settings.get('sounds_path') + 'msg_received.ogg');\n const canPlayOgg = audioOgg.canPlayType('audio/ogg');\n if (canPlayOgg === 'probably') {\n return audioOgg.play();\n }\n const audioMp3 = new Audio(api.settings.get('sounds_path') + 'msg_received.mp3');\n const canPlayMp3 = audioMp3.canPlayType('audio/mp3');\n if (canPlayMp3 === 'probably') {\n audioMp3.play();\n } else if (canPlayOgg === 'maybe') {\n audioOgg.play();\n } else if (canPlayMp3 === 'maybe') {\n audioMp3.play();\n }\n }\n}\n\n/**\n * Event handler for the on('message') event. Will call methods\n * to play sounds and show HTML5 notifications.\n */\nexport async function handleMessageNotification (data) {\n if (!await shouldNotifyOfMessage(data)) {\n return false;\n }\n /**\n * Triggered when a notification (sound or HTML5 notification) for a new\n * message has will be made.\n * @event _converse#messageNotification\n * @type { MessageData|MUCMessageData}\n * @example _converse.api.listen.on('messageNotification', data => { ... });\n */\n api.trigger('messageNotification', data);\n playSoundNotification();\n showMessageNotification(data);\n}\n\nexport function handleFeedback (data) {\n if (areDesktopNotificationsEnabled(true)) {\n showFeedbackNotification(data);\n }\n}\n\n/**\n * Event handler for on('contactPresenceChanged').\n * Will show an HTML5 notification to indicate that the chat status has changed.\n */\nexport function handleChatStateNotification (contact) {\n if (areDesktopNotificationsEnabled() && api.settings.get('show_chat_state_notifications')) {\n showChatStateNotification(contact);\n }\n}\n\nfunction showContactRequestNotification (contact) {\n const n = new Notification(contact.getDisplayName(), {\n body: __('wants to be your contact'),\n lang: _converse.locale,\n icon: api.settings.get('notification_icon')\n });\n setTimeout(() => n.close(), 5000);\n}\n\nexport function handleContactRequestNotification (contact) {\n if (areDesktopNotificationsEnabled(true)) {\n showContactRequestNotification(contact);\n }\n}\n\nexport function requestPermission () {\n if (supports_html5_notification && !['denied', 'granted'].includes(Notification.permission)) {\n // Ask user to enable HTML5 notifications\n Notification.requestPermission();\n }\n}\n","/**\n * @module converse-notification\n * @copyright 2020, the Converse.js contributors\n * @license Mozilla Public License (MPLv2)\n */\nimport { _converse, api, converse } from '@converse/headless/core';\nimport {\n clearFavicon,\n handleChatStateNotification,\n handleContactRequestNotification,\n handleFeedback,\n handleMessageNotification,\n requestPermission,\n updateUnreadFavicon\n} from './utils.js';\n\nconverse.plugins.add('converse-notification', {\n dependencies: ['converse-chatboxes'],\n\n initialize () {\n api.settings.extend({\n // ^ a list of JIDs to ignore concerning chat state notifications\n chatstate_notification_blacklist: [],\n notification_delay: 5000,\n notification_icon: 'logo/conversejs-filled.svg',\n notify_all_room_messages: false,\n notify_nicknames_without_references: false,\n play_sounds: true,\n show_chat_state_notifications: false,\n show_desktop_notifications: true,\n show_tab_notifications: true,\n sounds_path: api.settings.get('assets_path') + '/sounds/'\n });\n\n /************************ Event Handlers ************************/\n api.listen.on('clearSession', clearFavicon); // Needed for tests\n\n api.waitUntil('chatBoxesInitialized').then(() =>\n _converse.chatboxes.on('change:num_unread', updateUnreadFavicon)\n );\n\n api.listen.on('pluginsInitialized', function () {\n // We only register event handlers after all plugins are\n // registered, because other plugins might override some of our\n // handlers.\n api.listen.on('contactRequest', handleContactRequestNotification);\n api.listen.on('contactPresenceChanged', handleChatStateNotification);\n api.listen.on('message', handleMessageNotification);\n api.listen.on('feedback', handleFeedback);\n api.listen.on('connected', requestPermission);\n });\n }\n});\n","export const MIMETYPES_MAP = {\n 'aac': 'audio/aac',\n 'abw': 'application/x-abiword',\n 'arc': 'application/x-freearc',\n 'avi': 'video/x-msvideo',\n 'azw': 'application/vnd.amazon.ebook',\n 'bin': 'application/octet-stream',\n 'bmp': 'image/bmp',\n 'bz': 'application/x-bzip',\n 'bz2': 'application/x-bzip2',\n 'cda': 'application/x-cdf',\n 'csh': 'application/x-csh',\n 'css': 'text/css',\n 'csv': 'text/csv',\n 'doc': 'application/msword',\n 'docx': 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n 'eot': 'application/vnd.ms-fontobject',\n 'epub': 'application/epub+zip',\n 'gif': 'image/gif',\n 'gz': 'application/gzip',\n 'htm': 'text/html',\n 'html': 'text/html',\n 'ico': 'image/vnd.microsoft.icon',\n 'ics': 'text/calendar',\n 'jar': 'application/java-archive',\n 'jpeg': 'image/jpeg',\n 'jpg': 'image/jpeg',\n 'js': 'text/javascript',\n 'json': 'application/json',\n 'jsonld': 'application/ld+json',\n 'm4a': 'audio/mp4',\n 'mid': 'audio/midi',\n 'midi': 'audio/midi',\n 'mjs': 'text/javascript',\n 'mp3': 'audio/mpeg',\n 'mp4': 'video/mp4',\n 'mpeg': 'video/mpeg',\n 'mpkg': 'application/vnd.apple.installer+xml',\n 'odp': 'application/vnd.oasis.opendocument.presentation',\n 'ods': 'application/vnd.oasis.opendocument.spreadsheet',\n 'odt': 'application/vnd.oasis.opendocument.text',\n 'oga': 'audio/ogg',\n 'ogv': 'video/ogg',\n 'ogx': 'application/ogg',\n 'opus': 'audio/opus',\n 'otf': 'font/otf',\n 'png': 'image/png',\n 'pdf': 'application/pdf',\n 'php': 'application/x-httpd-php',\n 'ppt': 'application/vnd.ms-powerpoint',\n 'pptx': 'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n 'rar': 'application/vnd.rar',\n 'rtf': 'application/rtf',\n 'sh': 'application/x-sh',\n 'svg': 'image/svg+xml',\n 'swf': 'application/x-shockwave-flash',\n 'tar': 'application/x-tar',\n 'tif': 'image/tiff',\n 'tiff': 'image/tiff',\n 'ts': 'video/mp2t',\n 'ttf': 'font/ttf',\n 'txt': 'text/plain',\n 'vsd': 'application/vnd.visio',\n 'wav': 'audio/wav',\n 'weba': 'audio/webm',\n 'webm': 'video/webm',\n 'webp': 'image/webp',\n 'woff': 'font/woff',\n 'woff2': 'font/woff2',\n 'xhtml': 'application/xhtml+xml',\n 'xls': 'application/vnd.ms-excel',\n 'xlsx': 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n 'xml': 'text/xml',\n 'xul': 'application/vnd.mozilla.xul+xml',\n 'zip': 'application/zip',\n '3gp': 'video/3gpp',\n '3g2': 'video/3gpp2',\n '7z': 'application/x-7z-compressed'\n}\n","export const UNDECIDED = 0;\nexport const TRUSTED = 1;\nexport const UNTRUSTED = -1;\n\nexport const TAG_LENGTH = 128;\n\nexport const KEY_ALGO = {\n 'name': 'AES-GCM',\n 'length': 128\n};\n","import arrayPush from './_arrayPush.js';\nimport baseFlatten from './_baseFlatten.js';\nimport copyArray from './_copyArray.js';\nimport isArray from './isArray.js';\n\n/**\n * Creates a new array concatenating `array` with any additional arrays\n * and/or values.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {Array} array The array to concatenate.\n * @param {...*} [values] The values to concatenate.\n * @returns {Array} Returns the new concatenated array.\n * @example\n *\n * var array = [1];\n * var other = _.concat(array, 2, [3], [[4]]);\n *\n * console.log(other);\n * // => [1, 2, 3, [4]]\n *\n * console.log(array);\n * // => [1]\n */\nfunction concat() {\n var length = arguments.length;\n if (!length) {\n return [];\n }\n var args = Array(length - 1),\n array = arguments[0],\n index = length;\n\n while (index--) {\n args[index - 1] = arguments[index];\n }\n return arrayPush(isArray(array) ? copyArray(array) : [array], baseFlatten(args, 1));\n}\n\nexport default concat;\n","import { converse } from '@converse/headless/core.js';\n\nconst { u } = converse.env;\n\n\nexport function appendArrayBuffer (buffer1, buffer2) {\n const tmp = new Uint8Array(buffer1.byteLength + buffer2.byteLength);\n tmp.set(new Uint8Array(buffer1), 0);\n tmp.set(new Uint8Array(buffer2), buffer1.byteLength);\n return tmp.buffer;\n}\n\nexport function arrayBufferToHex (ab) {\n // https://stackoverflow.com/questions/40031688/javascript-arraybuffer-to-hex#40031979\n return Array.prototype.map.call(new Uint8Array(ab), x => ('00' + x.toString(16)).slice(-2)).join('');\n}\n\nexport function arrayBufferToString (ab) {\n return new TextDecoder(\"utf-8\").decode(ab);\n}\n\nexport function stringToArrayBuffer (string) {\n const bytes = new TextEncoder(\"utf-8\").encode(string);\n return bytes.buffer;\n}\n\nexport function arrayBufferToBase64 (ab) {\n return btoa((new Uint8Array(ab)).reduce((data, byte) => data + String.fromCharCode(byte), ''));\n}\n\nexport function base64ToArrayBuffer (b64) {\n const binary_string = window.atob(b64),\n len = binary_string.length,\n bytes = new Uint8Array(len);\n\n for (let i = 0; i < len; i++) {\n bytes[i] = binary_string.charCodeAt(i)\n }\n return bytes.buffer\n}\n\nexport function hexToArrayBuffer (hex) {\n const typedArray = new Uint8Array(hex.match(/[\\da-f]{2}/gi).map(h => parseInt(h, 16)))\n return typedArray.buffer\n}\n\n\nObject.assign(u, { arrayBufferToHex, arrayBufferToString, stringToArrayBuffer, arrayBufferToBase64, base64ToArrayBuffer });\n","/* global libsignal */\nimport difference from 'lodash-es/difference';\nimport log from '@converse/headless/log';\nimport tpl_audio from 'templates/audio.js';\nimport tpl_file from 'templates/file.js';\nimport tpl_image from 'templates/image.js';\nimport tpl_video from 'templates/video.js';\nimport { MIMETYPES_MAP } from 'utils/file.js';\nimport { KEY_ALGO, UNTRUSTED, TAG_LENGTH } from './consts.js';\nimport { __ } from 'i18n';\nimport { _converse, converse, api } from '@converse/headless/core';\nimport { html } from 'lit';\nimport { initStorage } from '@converse/headless/utils/storage.js';\nimport { isAudioURL, isImageURL, isVideoURL, getURI } from '@converse/headless/utils/url.js';\nimport concat from 'lodash-es/concat';\nimport { until } from 'lit/directives/until.js';\nimport {\n appendArrayBuffer,\n arrayBufferToBase64,\n arrayBufferToHex,\n arrayBufferToString,\n base64ToArrayBuffer,\n hexToArrayBuffer,\n stringToArrayBuffer\n} from '@converse/headless/utils/arraybuffer.js';\n\nconst { $msg, Strophe, URI, sizzle, u } = converse.env;\n\nexport function formatFingerprint (fp) {\n fp = fp.replace(/^05/, '');\n for (let i=1; i<8; i++) {\n const idx = i*8+i-1;\n fp = fp.slice(0, idx) + ' ' + fp.slice(idx);\n }\n return fp;\n}\n\nasync function encryptMessage (plaintext) {\n // The client MUST use fresh, randomly generated key/IV pairs\n // with AES-128 in Galois/Counter Mode (GCM).\n\n // For GCM a 12 byte IV is strongly suggested as other IV lengths\n // will require additional calculations. In principle any IV size\n // can be used as long as the IV doesn't ever repeat. NIST however\n // suggests that only an IV size of 12 bytes needs to be supported\n // by implementations.\n //\n // https://crypto.stackexchange.com/questions/26783/ciphertext-and-tag-size-and-iv-transmission-with-aes-in-gcm-mode\n const iv = crypto.getRandomValues(new window.Uint8Array(12));\n const key = await crypto.subtle.generateKey(KEY_ALGO, true, ['encrypt', 'decrypt']);\n const algo = {\n 'name': 'AES-GCM',\n 'iv': iv,\n 'tagLength': TAG_LENGTH\n };\n const encrypted = await crypto.subtle.encrypt(algo, key, stringToArrayBuffer(plaintext));\n const length = encrypted.byteLength - ((128 + 7) >> 3);\n const ciphertext = encrypted.slice(0, length);\n const tag = encrypted.slice(length);\n const exported_key = await crypto.subtle.exportKey('raw', key);\n return {\n 'key': exported_key,\n 'tag': tag,\n 'key_and_tag': appendArrayBuffer(exported_key, tag),\n 'payload': arrayBufferToBase64(ciphertext),\n 'iv': arrayBufferToBase64(iv)\n };\n}\n\nasync function decryptMessage (obj) {\n const key_obj = await crypto.subtle.importKey('raw', obj.key, KEY_ALGO, true, ['encrypt', 'decrypt']);\n const cipher = appendArrayBuffer(base64ToArrayBuffer(obj.payload), obj.tag);\n const algo = {\n 'name': 'AES-GCM',\n 'iv': base64ToArrayBuffer(obj.iv),\n 'tagLength': TAG_LENGTH\n };\n return arrayBufferToString(await crypto.subtle.decrypt(algo, key_obj, cipher));\n}\n\nexport async function encryptFile (file) {\n const iv = crypto.getRandomValues(new Uint8Array(12));\n const key = await crypto.subtle.generateKey({ name: 'AES-GCM', length: 256, }, true, ['encrypt', 'decrypt']);\n const encrypted = await crypto.subtle.encrypt({ name: 'AES-GCM', iv, }, key, await file.arrayBuffer());\n const exported_key = await window.crypto.subtle.exportKey('raw', key);\n const encrypted_file = new File([encrypted], file.name, { type: file.type, lastModified: file.lastModified });\n encrypted_file.xep454_ivkey = arrayBufferToHex(iv) + arrayBufferToHex(exported_key);\n return encrypted_file;\n}\n\nexport function setEncryptedFileURL (message, attrs) {\n const url = attrs.oob_url.replace(/^https?:/, 'aesgcm:') + '#' + message.file.xep454_ivkey;\n return Object.assign(attrs, {\n 'oob_url': null, // Since only the body gets encrypted, we don't set the oob_url\n 'message': url,\n 'body': url\n });\n}\n\nasync function decryptFile (iv, key, cipher) {\n const key_obj = await crypto.subtle.importKey('raw', hexToArrayBuffer(key), 'AES-GCM', false, ['decrypt']);\n const algo = {\n 'name': 'AES-GCM',\n 'iv': hexToArrayBuffer(iv),\n };\n return crypto.subtle.decrypt(algo, key_obj, cipher);\n}\n\nasync function downloadFile(url) {\n let response;\n try {\n response = await fetch(url)\n } catch(e) {\n log.error(`${e.name}: Failed to download encrypted media: ${url}`);\n log.error(e);\n return null;\n }\n\n if (response.status >= 200 && response.status < 400) {\n return response.arrayBuffer();\n }\n}\n\nasync function getAndDecryptFile (uri) {\n const hash = uri.hash().slice(1);\n const protocol = window.location.hostname === 'localhost' ? 'http' : 'https';\n const http_url = uri.toString().replace(/^aesgcm/, protocol);\n const cipher = await downloadFile(http_url);\n if (cipher === null) {\n log.error(`Could not decrypt file ${uri.toString()} since it could not be downloaded`);\n return null;\n }\n const iv = hash.slice(0, 24);\n const key = hash.slice(24);\n let content;\n try {\n content = await decryptFile(iv, key, cipher);\n } catch (e) {\n log.error(`Could not decrypt file ${uri.toString()}`);\n log.error(e);\n return null;\n }\n const [filename, extension] = uri.filename()?.split('.');\n const mimetype = MIMETYPES_MAP[extension];\n try {\n const file = new File([content], filename, { 'type': mimetype });\n return URL.createObjectURL(file);\n } catch (e) {\n log.error(`Could not decrypt file ${uri.toString()}`);\n log.error(e);\n return null;\n }\n}\n\nfunction getTemplateForObjectURL (uri, obj_url, richtext) {\n const file_url = uri.toString();\n if (obj_url === null) {\n return file_url;\n }\n if (isImageURL(file_url)) {\n return tpl_image({\n 'url': obj_url,\n 'onClick': richtext.onImgClick,\n 'onLoad': richtext.onImgLoad\n });\n } else if (isAudioURL(file_url)) {\n return tpl_audio(obj_url);\n } else if (isVideoURL(file_url)) {\n return tpl_video(obj_url);\n } else {\n return tpl_file(obj_url, uri.filename());\n }\n\n}\n\nfunction addEncryptedFiles(text, offset, richtext) {\n const objs = [];\n try {\n const parse_options = { 'start': /\\b(aesgcm:\\/\\/)/gi };\n URI.withinString(\n text,\n (url, start, end) => {\n objs.push({ url, start, end });\n return url;\n },\n parse_options\n );\n } catch (error) {\n log.debug(error);\n return;\n }\n objs.forEach(o => {\n const uri = getURI(text.slice(o.start, o.end));\n const promise = getAndDecryptFile(uri)\n .then(obj_url => getTemplateForObjectURL(uri, obj_url, richtext));\n const template = html`${until(promise, '')}`;\n richtext.addTemplateResult(o.start + offset, o.end + offset, template);\n });\n}\n\nexport function handleEncryptedFiles (richtext) {\n if (!_converse.config.get('trusted')) {\n return;\n }\n richtext.addAnnotations((text, offset) => addEncryptedFiles(text, offset, richtext));\n}\n\n/**\n * Hook handler for { @link parseMessage } and { @link parseMUCMessage }, which\n * parses the passed in `message` stanza for OMEMO attributes and then sets\n * them on the attrs object.\n * @param { XMLElement } stanza - The message stanza\n * @param { (MUCMessageAttributes|MessageAttributes) } attrs\n * @returns (MUCMessageAttributes|MessageAttributes)\n */\nexport async function parseEncryptedMessage (stanza, attrs) {\n if (api.settings.get('clear_cache_on_logout') ||\n !attrs.is_encrypted ||\n attrs.encryption_namespace !== Strophe.NS.OMEMO) {\n return attrs;\n }\n const encrypted_el = sizzle(`encrypted[xmlns=\"${Strophe.NS.OMEMO}\"]`, stanza).pop();\n const header = encrypted_el.querySelector('header');\n attrs.encrypted = { 'device_id': header.getAttribute('sid') };\n\n const device_id = await api.omemo?.getDeviceID();\n const key = device_id && sizzle(`key[rid=\"${device_id}\"]`, encrypted_el).pop();\n if (key) {\n Object.assign(attrs.encrypted, {\n 'iv': header.querySelector('iv').textContent,\n 'key': key.textContent,\n 'payload': encrypted_el.querySelector('payload')?.textContent || null,\n 'prekey': ['true', '1'].includes(key.getAttribute('prekey'))\n });\n } else {\n return Object.assign(attrs, {\n 'error_condition': 'not-encrypted-for-this-device',\n 'error_type': 'Decryption',\n 'is_ephemeral': true,\n 'is_error': true,\n 'type': 'error'\n });\n }\n // https://xmpp.org/extensions/xep-0384.html#usecases-receiving\n if (attrs.encrypted.prekey === true) {\n return decryptPrekeyWhisperMessage(attrs);\n } else {\n return decryptWhisperMessage(attrs);\n }\n}\n\nexport function onChatBoxesInitialized () {\n _converse.chatboxes.on('add', chatbox => {\n checkOMEMOSupported(chatbox);\n if (chatbox.get('type') === _converse.CHATROOMS_TYPE) {\n chatbox.occupants.on('add', o => onOccupantAdded(chatbox, o));\n chatbox.features.on('change', () => checkOMEMOSupported(chatbox));\n }\n });\n}\n\nexport function onChatInitialized (el) {\n el.listenTo(el.model.messages, 'add', message => {\n if (message.get('is_encrypted') && !message.get('is_error')) {\n el.model.save('omemo_supported', true);\n }\n });\n el.listenTo(el.model, 'change:omemo_supported', () => {\n if (!el.model.get('omemo_supported') && el.model.get('omemo_active')) {\n el.model.set('omemo_active', false);\n } else {\n // Manually trigger an update, setting omemo_active to\n // false above will automatically trigger one.\n el.querySelector('converse-chat-toolbar')?.requestUpdate();\n }\n });\n el.listenTo(el.model, 'change:omemo_active', () => {\n el.querySelector('converse-chat-toolbar').requestUpdate();\n });\n}\n\nexport function getSessionCipher (jid, id) {\n const address = new libsignal.SignalProtocolAddress(jid, id);\n return new window.libsignal.SessionCipher(_converse.omemo_store, address);\n}\n\nfunction getJIDForDecryption (attrs) {\n const from_jid = attrs.from_muc ? attrs.from_real_jid : attrs.from;\n if (!from_jid) {\n Object.assign(attrs, {\n 'error_text': __(\"Sorry, could not decrypt a received OMEMO \"+\n \"message because we don't have the XMPP address for that user.\"),\n 'error_type': 'Decryption',\n 'is_ephemeral': true,\n 'is_error': true,\n 'type': 'error'\n });\n throw new Error(\"Could not find JID to decrypt OMEMO message for\");\n }\n return from_jid;\n}\n\nasync function handleDecryptedWhisperMessage (attrs, key_and_tag) {\n const from_jid = getJIDForDecryption(attrs);\n const devicelist = await _converse.devicelists.getDeviceList(from_jid);\n const encrypted = attrs.encrypted;\n let device = devicelist.get(encrypted.device_id);\n if (!device) {\n device = await devicelist.devices.create({ 'id': encrypted.device_id, 'jid': from_jid }, { 'promise': true });\n }\n if (encrypted.payload) {\n const key = key_and_tag.slice(0, 16);\n const tag = key_and_tag.slice(16);\n const result = await omemo.decryptMessage(Object.assign(encrypted, { 'key': key, 'tag': tag }));\n device.save('active', true);\n return result;\n }\n}\n\nfunction getDecryptionErrorAttributes (e) {\n return {\n 'error_text':\n __('Sorry, could not decrypt a received OMEMO message due to an error.') + ` ${e.name} ${e.message}`,\n 'error_condition': e.name,\n 'error_message': e.message,\n 'error_type': 'Decryption',\n 'is_ephemeral': true,\n 'is_error': true,\n 'type': 'error'\n };\n}\n\nasync function decryptPrekeyWhisperMessage (attrs) {\n const from_jid = getJIDForDecryption(attrs);\n const session_cipher = getSessionCipher(from_jid, parseInt(attrs.encrypted.device_id, 10));\n const key = base64ToArrayBuffer(attrs.encrypted.key);\n let key_and_tag;\n try {\n key_and_tag = await session_cipher.decryptPreKeyWhisperMessage(key, 'binary');\n } catch (e) {\n // TODO from the XEP:\n // There are various reasons why decryption of an\n // OMEMOKeyExchange or an OMEMOAuthenticatedMessage\n // could fail. One reason is if the message was\n // received twice and already decrypted once, in this\n // case the client MUST ignore the decryption failure\n // and not show any warnings/errors. In all other cases\n // of decryption failure, clients SHOULD respond by\n // forcibly doing a new key exchange and sending a new\n // OMEMOKeyExchange with a potentially empty SCE\n // payload. By building a new session with the original\n // sender this way, the invalid session of the original\n // sender will get overwritten with this newly created,\n // valid session.\n log.error(`${e.name} ${e.message}`);\n return Object.assign(attrs, getDecryptionErrorAttributes(e));\n }\n // TODO from the XEP:\n // When a client receives the first message for a given\n // ratchet key with a counter of 53 or higher, it MUST send\n // a heartbeat message. Heartbeat messages are normal OMEMO\n // encrypted messages where the SCE payload does not include\n // any elements. These heartbeat messages cause the ratchet\n // to forward, thus consequent messages will have the\n // counter restarted from 0.\n try {\n const plaintext = await handleDecryptedWhisperMessage(attrs, key_and_tag);\n await _converse.omemo_store.generateMissingPreKeys();\n await _converse.omemo_store.publishBundle();\n if (plaintext) {\n return Object.assign(attrs, { 'plaintext': plaintext });\n } else {\n return Object.assign(attrs, { 'is_only_key': true });\n }\n } catch (e) {\n log.error(`${e.name} ${e.message}`);\n return Object.assign(attrs, getDecryptionErrorAttributes(e));\n }\n}\n\nasync function decryptWhisperMessage (attrs) {\n const from_jid = getJIDForDecryption(attrs);\n const session_cipher = getSessionCipher(from_jid, parseInt(attrs.encrypted.device_id, 10));\n const key = base64ToArrayBuffer(attrs.encrypted.key);\n try {\n const key_and_tag = await session_cipher.decryptWhisperMessage(key, 'binary');\n const plaintext = await handleDecryptedWhisperMessage(attrs, key_and_tag);\n return Object.assign(attrs, { 'plaintext': plaintext });\n } catch (e) {\n log.error(`${e.name} ${e.message}`);\n return Object.assign(attrs, getDecryptionErrorAttributes(e));\n }\n}\n\nexport function addKeysToMessageStanza (stanza, dicts, iv) {\n for (const i in dicts) {\n if (Object.prototype.hasOwnProperty.call(dicts, i)) {\n const payload = dicts[i].payload;\n const device = dicts[i].device;\n const prekey = 3 == parseInt(payload.type, 10);\n\n stanza.c('key', { 'rid': device.get('id') }).t(btoa(payload.body));\n if (prekey) {\n stanza.attrs({ 'prekey': prekey });\n }\n stanza.up();\n if (i == dicts.length - 1) {\n stanza.c('iv').t(iv).up().up();\n }\n }\n }\n return Promise.resolve(stanza);\n}\n\n/**\n * Given an XML element representing a user's OMEMO bundle, parse it\n * and return a map.\n */\nexport function parseBundle (bundle_el) {\n const signed_prekey_public_el = bundle_el.querySelector('signedPreKeyPublic');\n const signed_prekey_signature_el = bundle_el.querySelector('signedPreKeySignature');\n const prekeys = sizzle(`prekeys > preKeyPublic`, bundle_el).map(el => ({\n 'id': parseInt(el.getAttribute('preKeyId'), 10),\n 'key': el.textContent\n }));\n return {\n 'identity_key': bundle_el.querySelector('identityKey').textContent.trim(),\n 'signed_prekey': {\n 'id': parseInt(signed_prekey_public_el.getAttribute('signedPreKeyId'), 10),\n 'public_key': signed_prekey_public_el.textContent,\n 'signature': signed_prekey_signature_el.textContent\n },\n 'prekeys': prekeys\n };\n}\n\nexport async function generateFingerprint (device) {\n if (device.get('bundle')?.fingerprint) {\n return;\n }\n const bundle = await device.getBundle();\n bundle['fingerprint'] = arrayBufferToHex(base64ToArrayBuffer(bundle['identity_key']));\n device.save('bundle', bundle);\n device.trigger('change:bundle'); // Doesn't get triggered automatically due to pass-by-reference\n}\n\nexport async function getDevicesForContact (jid) {\n await api.waitUntil('OMEMOInitialized');\n const devicelist = _converse.devicelists.get(jid) || _converse.devicelists.create({ 'jid': jid });\n await devicelist.fetchDevices();\n return devicelist.devices;\n}\n\nexport function generateDeviceID () {\n /* Generates a device ID, making sure that it's unique */\n const existing_ids = _converse.devicelists.get(_converse.bare_jid).devices.pluck('id');\n let device_id = libsignal.KeyHelper.generateRegistrationId();\n\n // Before publishing a freshly generated device id for the first time,\n // a device MUST check whether that device id already exists, and if so, generate a new one.\n let i = 0;\n while (existing_ids.includes(device_id)) {\n device_id = libsignal.KeyHelper.generateRegistrationId();\n i++;\n if (i === 10) {\n throw new Error('Unable to generate a unique device ID');\n }\n }\n return device_id.toString();\n}\n\nasync function buildSession (device) {\n const address = new libsignal.SignalProtocolAddress(device.get('jid'), device.get('id'));\n const sessionBuilder = new libsignal.SessionBuilder(_converse.omemo_store, address);\n const prekey = device.getRandomPreKey();\n const bundle = await device.getBundle();\n\n return sessionBuilder.processPreKey({\n 'registrationId': parseInt(device.get('id'), 10),\n 'identityKey': base64ToArrayBuffer(bundle.identity_key),\n 'signedPreKey': {\n 'keyId': bundle.signed_prekey.id, // ${getChatRoomBodyTemplate(o)}
\n ` : '' }\n \n
- \n
- ${i18n_fingerprints} \n ${ devices.length ?\n devices.map(device => device_fingerprint(el, device)) :\n html`
- ${i18n_no_devices} ` }\n
- \n
- \n \n \n ${ el.other_devices?.map(device => device_item(Object.assign({device}, el))) }\n
- \n
- \n ${i18n_about}\n \n
- \n ${i18n_commands}\n \n
\n \n
\n`};\n","import BootstrapModal from \"plugins/modal/base.js\";\nimport tpl_user_settings_modal from \"./templates/user-settings.js\";\n\nlet _converse;\n\nexport default BootstrapModal.extend({\n id: \"converse-client-info-modal\",\n\n initialize (settings) {\n _converse = settings._converse;\n BootstrapModal.prototype.initialize.apply(this, arguments);\n },\n\n toHTML () {\n return tpl_user_settings_modal(\n Object.assign(\n this.model.toJSON(),\n this.model.vcard.toJSON(),\n { 'version_name': _converse.VERSION_NAME }\n )\n );\n }\n});\n","import { __ } from 'i18n';\n\nexport function getPrettyStatus (stat) {\n if (stat === 'chat') {\n return __('online');\n } else if (stat === 'dnd') {\n return __('busy');\n } else if (stat === 'xa') {\n return __('away for long');\n } else if (stat === 'away') {\n return __('away');\n } else if (stat === 'offline') {\n return __('offline');\n } else {\n return __(stat) || __('online');\n }\n}\n","import 'shared/avatar/avatar.js';\nimport { __ } from 'i18n';\nimport { _converse, api } from \"@converse/headless/core\";\nimport { getPrettyStatus } from '../utils.js';\nimport { html } from \"lit\";\n\n\nfunction tpl_signout (o) {\n const i18n_logout = __('Log out');\n return html`\n \n
`\n};\n","import UserSettingsModal from 'modals/user-settings';\nimport tpl_profile from './templates/profile.js';\nimport { CustomElement } from 'shared/components/element.js';\nimport { __ } from 'i18n';\nimport { _converse, api } from '@converse/headless/core';\n\nclass Profile extends CustomElement {\n\n initialize () {\n this.model = _converse.xmppstatus;\n this.listenTo(this.model, \"vcard:add\", this.requestUpdate);\n this.listenTo(this.model, \"change\", this.requestUpdate);\n this.listenTo(this.model, \"vcard:change\", this.requestUpdate);\n }\n\n render () {\n return tpl_profile(this);\n }\n\n showProfileModal (ev) {\n ev?.preventDefault();\n api.modal.show(_converse.ProfileModal, {model: this.model}, ev);\n }\n\n showStatusChangeModal (ev) {\n ev?.preventDefault();\n api.modal.show(_converse.ChatStatusModal, {model: this.model}, ev);\n }\n\n showUserSettingsModal(ev) {\n ev?.preventDefault();\n api.modal.show(UserSettingsModal, {model: this.model, _converse}, ev);\n }\n\n logout (ev) { // eslint-disable-line class-methods-use-this\n ev?.preventDefault();\n const result = confirm(__(\"Are you sure you want to log out?\"));\n if (result === true) {\n api.user.logout();\n }\n }\n}\n\napi.elements.define('converse-user-profile', Profile);\n","import { html } from \"lit\";\nimport { modal_header_close_button } from \"plugins/modal/templates/buttons.js\";\n\n\nexport default (o) => html`\n \n \n
\n \n \n \n
\n`;\n","import BootstrapModal from \"plugins/modal/base.js\";\nimport tpl_chat_status_modal from \"../templates/chat-status-modal.js\";\nimport { __ } from 'i18n';\nimport { _converse, converse } from \"@converse/headless/core\";\n\nconst u = converse.env.utils;\n\n\nconst ChatStatusModal = BootstrapModal.extend({\n id: \"modal-status-change\",\n events: {\n \"submit form#set-xmpp-status\": \"onFormSubmitted\",\n \"click .clear-input\": \"clearStatusMessage\"\n },\n\n toHTML () {\n return tpl_chat_status_modal(\n Object.assign(\n this.model.toJSON(),\n this.model.vcard.toJSON(), {\n 'label_away': __('Away'),\n 'label_busy': __('Busy'),\n 'label_cancel': __('Cancel'),\n 'label_close': __('Close'),\n 'label_custom_status': __('Custom status'),\n 'label_offline': __('Offline'),\n 'label_online': __('Online'),\n 'label_save': __('Save'),\n 'label_xa': __('Away for long'),\n 'modal_title': __('Change chat status'),\n 'placeholder_status_message': __('Personal status message')\n }));\n },\n\n afterRender () {\n this.el.addEventListener('shown.bs.modal', () => {\n this.el.querySelector('input[name=\"status_message\"]').focus();\n }, false);\n },\n\n clearStatusMessage (ev) {\n if (ev && ev.preventDefault) {\n ev.preventDefault();\n u.hideElement(this.el.querySelector('.clear-input'));\n }\n const roster_filter = this.el.querySelector('input[name=\"status_message\"]');\n roster_filter.value = '';\n },\n\n onFormSubmitted (ev) {\n ev.preventDefault();\n const data = new FormData(ev.target);\n this.model.save({\n 'status_message': data.get('status_message'),\n 'status': data.get('chat_status')\n });\n this.modal.hide();\n }\n});\n\n\n_converse.ChatStatusModal = ChatStatusModal;\n\nexport default ChatStatusModal;\n","import { CustomElement } from './element.js';\nimport { __ } from 'i18n';\nimport { api } from \"@converse/headless/core\";\nimport { html } from 'lit';\n\nconst i18n_profile_picture = __('Your profile picture');\n\n\nexport default class ImagePicker extends CustomElement {\n\n static get properties () {\n return {\n 'height': { type: Number },\n 'data': { type: Object},\n 'width': { type: Number },\n }\n }\n\n render () {\n return html`\n \n \n
`;\n\n\nexport default (o) => {\n const heading_profile = __('Your Profile');\n const i18n_email = __('Email');\n const i18n_fullname = __('Full Name');\n const i18n_jid = __('XMPP Address');\n const i18n_nickname = __('Nickname');\n const i18n_role = __('Role');\n const i18n_save = __('Save and close');\n const i18n_role_help = __('Use commas to separate multiple roles. Your roles are shown next to your name on your chat messages.');\n const i18n_url = __('URL');\n const i18n_omemo = __('OMEMO');\n const i18n_profile = __('Profile');\n\n const navigation =\n html`- \n
- \n ${i18n_profile}\n \n
- \n ${i18n_omemo}\n \n
\n \n
\n `;\n}\n","import BootstrapModal from \"plugins/modal/base.js\";\nimport bootstrap from \"bootstrap.native\";\nimport log from \"@converse/headless/log\";\nimport tpl_profile_modal from \"../templates/profile_modal.js\";\nimport Compress from 'client-compress';\nimport { __ } from 'i18n';\nimport { _converse, api, converse } from \"@converse/headless/core\";\n\nconst { sizzle } = converse.env;\n\nconst options = {\n targetSize: 0.1,\n quality: 0.75,\n maxWidth: 256,\n maxHeight: 256\n}\n\nconst compress = new Compress(options)\n\n\nconst ProfileModal = BootstrapModal.extend({\n id: \"user-profile-modal\",\n events: {\n 'submit .profile-form': 'onFormSubmitted'\n },\n\n initialize () {\n this.listenTo(this.model, 'change', this.render);\n BootstrapModal.prototype.initialize.apply(this, arguments);\n /**\n * Triggered when the _converse.ProfileModal has been created and initialized.\n * @event _converse#profileModalInitialized\n * @type { _converse.XMPPStatus }\n * @example _converse.api.listen.on('profileModalInitialized', status => { ... });\n */\n api.trigger('profileModalInitialized', this.model);\n },\n\n toHTML () {\n return tpl_profile_modal(Object.assign(\n this.model.toJSON(),\n this.model.vcard.toJSON(),\n { 'view': this }\n ));\n },\n\n afterRender () {\n this.tabs = sizzle('.nav-item .nav-link', this.el).map(e => new bootstrap.Tab(e));\n },\n\n async setVCard (data) {\n try {\n await api.vcard.set(_converse.bare_jid, data);\n } catch (err) {\n log.fatal(err);\n this.alert([\n __(\"Sorry, an error happened while trying to save your profile data.\"),\n __(\"You can check your browser's developer console for any error output.\")\n ].join(\" \"));\n return;\n }\n this.modal.hide();\n },\n\n onFormSubmitted (ev) {\n ev.preventDefault();\n const reader = new FileReader();\n const form_data = new FormData(ev.target);\n const image_file = form_data.get('image');\n const data = {\n 'fn': form_data.get('fn'),\n 'nickname': form_data.get('nickname'),\n 'role': form_data.get('role'),\n 'email': form_data.get('email'),\n 'url': form_data.get('url'),\n };\n if (!image_file.size) {\n Object.assign(data, {\n 'image': this.model.vcard.get('image'),\n 'image_type': this.model.vcard.get('image_type')\n });\n this.setVCard(data);\n } else {\n const files = [image_file];\n compress.compress(files).then((conversions) => {\n const { photo, } = conversions[0];\n reader.onloadend = () => {\n Object.assign(data, {\n 'image': btoa(reader.result),\n 'image_type': image_file.type\n });\n this.setVCard(data);\n };\n reader.readAsBinaryString(photo.data);\n });\n }\n }\n});\n\n_converse.ProfileModal = ProfileModal;\n\nexport default ProfileModal;\n","/**\n * @copyright The Converse.js contributors\n * @license Mozilla Public License (MPLv2)\n */\nimport '../modal/index.js';\nimport './statusview.js';\nimport '@converse/headless/plugins/status';\nimport '@converse/headless/plugins/vcard';\nimport './modals/chat-status.js';\nimport './modals/profile.js';\nimport { api, converse } from '@converse/headless/core';\n\n\nconverse.plugins.add('converse-profile', {\n\n dependencies: [\"converse-status\", \"converse-modal\", \"converse-vcard\", \"converse-chatboxviews\"],\n\n initialize () {\n api.settings.extend({\n 'allow_adhoc_commands': true,\n 'show_client_info': true\n });\n }\n});\n","import { _converse } from '@converse/headless/core';\nimport { createOMEMOMessageStanza, getBundlesAndBuildSessions } from '../utils.js';\n\nconst ChatBox = {\n async sendMessage (attrs) {\n if (this.get('omemo_active') && attrs?.body) {\n const plaintext = attrs?.body;\n attrs = this.getOutgoingMessageAttributes(attrs);\n attrs['is_encrypted'] = true;\n attrs['plaintext'] = plaintext;\n let message, stanza;\n try {\n const devices = await getBundlesAndBuildSessions(this);\n message = await this.createMessage(attrs);\n stanza = await createOMEMOMessageStanza(this, message, devices);\n } catch (e) {\n this.handleMessageSendError(e);\n return null;\n }\n _converse.api.send(stanza);\n return message;\n } else {\n return this.__super__.sendMessage.apply(this, arguments);\n }\n }\n}\n\nexport default ChatBox;\n","import { generateFingerprint, getDevicesForContact, } from '../utils.js';\n\n\nconst ConverseMixins = {\n\n generateFingerprints: async function (jid) {\n const devices = await getDevicesForContact(jid);\n return Promise.all(devices.map(d => generateFingerprint(d)));\n },\n\n getDeviceForContact: function (jid, device_id) {\n return getDevicesForContact(jid).then(devices => devices.get(device_id));\n },\n\n contactHasOMEMOSupport: async function (jid) {\n /* Checks whether the contact advertises any OMEMO-compatible devices. */\n const devices = await getDevicesForContact(jid);\n return devices.length > 0;\n }\n}\n\nexport default ConverseMixins;\n","export class IQError extends Error {\n constructor (message, iq) {\n super(message, iq);\n this.name = 'IQError';\n this.iq = iq;\n }\n}\n","import log from '@converse/headless/log';\nimport { IQError } from './errors.js';\nimport { Model } from '@converse/skeletor/src/model.js';\nimport { UNDECIDED } from './consts.js';\nimport { _converse, api, converse } from '@converse/headless/core';\nimport { parseBundle } from './utils.js';\n\nconst { Strophe, sizzle, u, $iq } = converse.env;\n\n\n/**\n * @class\n * @namespace _converse.Device\n * @memberOf _converse\n */\nconst Device = Model.extend({\n defaults: {\n 'trusted': UNDECIDED,\n 'active': true\n },\n\n getRandomPreKey () {\n // XXX: assumes that the bundle has already been fetched\n const bundle = this.get('bundle');\n return bundle.prekeys[u.getRandomInt(bundle.prekeys.length)];\n },\n\n async fetchBundleFromServer () {\n const stanza = $iq({\n 'type': 'get',\n 'from': _converse.bare_jid,\n 'to': this.get('jid')\n })\n .c('pubsub', { 'xmlns': Strophe.NS.PUBSUB })\n .c('items', { 'node': `${Strophe.NS.OMEMO_BUNDLES}:${this.get('id')}` });\n\n let iq;\n try {\n iq = await api.sendIQ(stanza);\n } catch (iq) {\n log.error(`Could not fetch bundle for device ${this.get('id')} from ${this.get('jid')}`);\n log.error(iq);\n return null;\n }\n if (iq.querySelector('error')) {\n throw new IQError('Could not fetch bundle', iq);\n }\n const publish_el = sizzle(`items[node=\"${Strophe.NS.OMEMO_BUNDLES}:${this.get('id')}\"]`, iq).pop();\n const bundle_el = sizzle(`bundle[xmlns=\"${Strophe.NS.OMEMO}\"]`, publish_el).pop();\n const bundle = parseBundle(bundle_el);\n this.save('bundle', bundle);\n return bundle;\n },\n\n /**\n * Fetch and save the bundle information associated with\n * this device, if the information is not cached already.\n * @method _converse.Device#getBundle\n */\n getBundle () {\n if (this.get('bundle')) {\n return Promise.resolve(this.get('bundle'), this);\n } else {\n return this.fetchBundleFromServer();\n }\n }\n});\n\nexport default Device;\n","import log from '@converse/headless/log';\nimport { Model } from '@converse/skeletor/src/model.js';\nimport { _converse, api, converse } from '@converse/headless/core';\nimport { getOpenPromise } from '@converse/openpromise';\nimport { initStorage } from '@converse/headless/utils/storage.js';\nimport { restoreOMEMOSession } from './utils.js';\n\nconst { Strophe, $build, $iq, sizzle } = converse.env;\n\n/**\n * @class\n * @namespace _converse.DeviceList\n * @memberOf _converse\n */\nconst DeviceList = Model.extend({\n idAttribute: 'jid',\n\n async initialize () {\n this.initialized = getOpenPromise();\n await this.initDevices();\n this.initialized.resolve();\n },\n\n initDevices () {\n this.devices = new _converse.Devices();\n const id = `converse.devicelist-${_converse.bare_jid}-${this.get('jid')}`;\n initStorage(this.devices, id);\n return this.fetchDevices();\n },\n\n async onDevicesFound (collection) {\n if (collection.length === 0) {\n let ids;\n try {\n ids = await this.fetchDevicesFromServer();\n } catch (e) {\n if (e === null) {\n log.error(`Timeout error while fetching devices for ${this.get('jid')}`);\n } else {\n log.error(`Could not fetch devices for ${this.get('jid')}`);\n log.error(e);\n }\n this.destroy();\n }\n if (this.get('jid') === _converse.bare_jid) {\n await this.publishCurrentDevice(ids);\n }\n }\n },\n\n fetchDevices () {\n if (this._devices_promise === undefined) {\n this._devices_promise = new Promise(resolve => {\n this.devices.fetch({\n 'success': c => resolve(this.onDevicesFound(c)),\n 'error': (m, e) => {\n log.error(e);\n resolve();\n }\n });\n });\n }\n return this._devices_promise;\n },\n\n async getOwnDeviceId () {\n let device_id = _converse.omemo_store.get('device_id');\n if (!this.devices.findWhere({ 'id': device_id })) {\n // Generate a new bundle if we cannot find our device\n await _converse.omemo_store.generateBundle();\n device_id = _converse.omemo_store.get('device_id');\n }\n return device_id;\n },\n\n async publishCurrentDevice (device_ids) {\n if (this.get('jid') !== _converse.bare_jid) {\n return; // We only publish for ourselves.\n }\n await restoreOMEMOSession();\n\n if (!_converse.omemo_store) {\n // Happens during tests. The connection gets torn down\n // before publishCurrentDevice has time to finish.\n log.warn('publishCurrentDevice: omemo_store is not defined, likely a timing issue');\n return;\n }\n if (!device_ids.includes(await this.getOwnDeviceId())) {\n return this.publishDevices();\n }\n },\n\n async fetchDevicesFromServer () {\n const stanza = $iq({\n 'type': 'get',\n 'from': _converse.bare_jid,\n 'to': this.get('jid')\n })\n .c('pubsub', { 'xmlns': Strophe.NS.PUBSUB })\n .c('items', { 'node': Strophe.NS.OMEMO_DEVICELIST });\n\n let iq;\n try {\n iq = await api.sendIQ(stanza);\n } catch (e) {\n log.error(e);\n return [];\n }\n const selector = `list[xmlns=\"${Strophe.NS.OMEMO}\"] device`;\n const device_ids = sizzle(selector, iq).map(d => d.getAttribute('id'));\n await Promise.all(\n device_ids.map(id => this.devices.create({ id, 'jid': this.get('jid') }, { 'promise': true }))\n );\n return device_ids;\n },\n\n /**\n * Send an IQ stanza to the current user's \"devices\" PEP node to\n * ensure that all devices are published for potential chat partners to see.\n * See: https://xmpp.org/extensions/xep-0384.html#usecases-announcing\n */\n publishDevices () {\n const item = $build('item', { 'id': 'current' }).c('list', { 'xmlns': Strophe.NS.OMEMO });\n this.devices.filter(d => d.get('active')).forEach(d => item.c('device', { 'id': d.get('id') }).up());\n const options = { 'pubsub#access_model': 'open' };\n return api.pubsub.publish(null, Strophe.NS.OMEMO_DEVICELIST, item, options, false);\n },\n\n async removeOwnDevices (device_ids) {\n if (this.get('jid') !== _converse.bare_jid) {\n throw new Error(\"Cannot remove devices from someone else's device list\");\n }\n await Promise.all(device_ids.map(id => this.devices.get(id)).map(d =>\n new Promise(resolve => d.destroy({\n 'success': resolve,\n 'error': (m, e) => { log.error(e); resolve(); }\n }))\n ));\n return this.publishDevices();\n }\n});\n\nexport default DeviceList;\n","import DeviceList from './devicelist.js';\nimport { Collection } from '@converse/skeletor/src/collection';\n\n/**\n * @class\n * @namespace _converse.DeviceLists\n * @memberOf _converse\n */\nconst DeviceLists = Collection.extend({\n model: DeviceList,\n\n /**\n * Returns the {@link _converse.DeviceList} for a particular JID.\n * The device list will be created if it doesn't exist already.\n * @method _converse.DeviceLists#getDeviceList\n * @param { String } jid - The Jabber ID for which the device list will be returned.\n */\n async getDeviceList (jid) {\n const list = this.get(jid) || this.create({ 'jid': jid });\n await list.initialized;\n return list;\n }\n});\n\nexport default DeviceLists;\n","import Device from './device.js';\nimport { Collection } from '@converse/skeletor/src/collection';\n\nexport default Collection.extend({ model: Device });\n","/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeCeil = Math.ceil,\n nativeMax = Math.max;\n\n/**\n * The base implementation of `_.range` and `_.rangeRight` which doesn't\n * coerce arguments.\n *\n * @private\n * @param {number} start The start of the range.\n * @param {number} end The end of the range.\n * @param {number} step The value to increment or decrement by.\n * @param {boolean} [fromRight] Specify iterating from right to left.\n * @returns {Array} Returns the range of numbers.\n */\nfunction baseRange(start, end, step, fromRight) {\n var index = -1,\n length = nativeMax(nativeCeil((end - start) / (step || 1)), 0),\n result = Array(length);\n\n while (length--) {\n result[fromRight ? length : ++index] = start;\n start += step;\n }\n return result;\n}\n\nexport default baseRange;\n","import baseRange from './_baseRange.js';\nimport isIterateeCall from './_isIterateeCall.js';\nimport toFinite from './toFinite.js';\n\n/**\n * Creates a `_.range` or `_.rangeRight` function.\n *\n * @private\n * @param {boolean} [fromRight] Specify iterating from right to left.\n * @returns {Function} Returns the new range function.\n */\nfunction createRange(fromRight) {\n return function(start, end, step) {\n if (step && typeof step != 'number' && isIterateeCall(start, end, step)) {\n end = step = undefined;\n }\n // Ensure the sign of `-0` is preserved.\n start = toFinite(start);\n if (end === undefined) {\n end = start;\n start = 0;\n } else {\n end = toFinite(end);\n }\n step = step === undefined ? (start < end ? 1 : -1) : toFinite(step);\n return baseRange(start, end, step, fromRight);\n };\n}\n\nexport default createRange;\n","import createRange from './_createRange.js';\n\n/**\n * Creates an array of numbers (positive and/or negative) progressing from\n * `start` up to, but not including, `end`. A step of `-1` is used if a negative\n * `start` is specified without an `end` or `step`. If `end` is not specified,\n * it's set to `start` with `start` then set to `0`.\n *\n * **Note:** JavaScript follows the IEEE-754 standard for resolving\n * floating-point values which can produce unexpected results.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Util\n * @param {number} [start=0] The start of the range.\n * @param {number} end The end of the range.\n * @param {number} [step=1] The value to increment or decrement by.\n * @returns {Array} Returns the range of numbers.\n * @see _.inRange, _.rangeRight\n * @example\n *\n * _.range(4);\n * // => [0, 1, 2, 3]\n *\n * _.range(-4);\n * // => [0, -1, -2, -3]\n *\n * _.range(1, 5);\n * // => [1, 2, 3, 4]\n *\n * _.range(0, 20, 5);\n * // => [0, 5, 10, 15]\n *\n * _.range(0, -4, -1);\n * // => [0, -1, -2, -3]\n *\n * _.range(1, 4, 0);\n * // => [1, 1, 1]\n *\n * _.range(0);\n * // => []\n */\nvar range = createRange();\n\nexport default range;\n","/* global libsignal */\nimport difference from 'lodash-es/difference';\nimport invokeMap from 'lodash-es/invokeMap';\nimport log from '@converse/headless/log';\nimport range from 'lodash-es/range';\nimport omit from 'lodash-es/omit';\nimport { Model } from '@converse/skeletor/src/model.js';\nimport { generateDeviceID } from './utils.js';\nimport { _converse, api, converse } from '@converse/headless/core';\n\nconst { Strophe, $build, u } = converse.env;\n\n\nconst OMEMOStore = Model.extend({\n Direction: {\n SENDING: 1,\n RECEIVING: 2\n },\n\n getIdentityKeyPair () {\n const keypair = this.get('identity_keypair');\n return Promise.resolve({\n 'privKey': u.base64ToArrayBuffer(keypair.privKey),\n 'pubKey': u.base64ToArrayBuffer(keypair.pubKey)\n });\n },\n\n getLocalRegistrationId () {\n return Promise.resolve(parseInt(this.get('device_id'), 10));\n },\n\n isTrustedIdentity (identifier, identity_key, direction) { // eslint-disable-line no-unused-vars\n if (identifier === null || identifier === undefined) {\n throw new Error(\"Can't check identity key for invalid key\");\n }\n if (!(identity_key instanceof ArrayBuffer)) {\n throw new Error('Expected identity_key to be an ArrayBuffer');\n }\n const trusted = this.get('identity_key' + identifier);\n if (trusted === undefined) {\n return Promise.resolve(true);\n }\n return Promise.resolve(u.arrayBufferToBase64(identity_key) === trusted);\n },\n\n loadIdentityKey (identifier) {\n if (identifier === null || identifier === undefined) {\n throw new Error(\"Can't load identity_key for invalid identifier\");\n }\n return Promise.resolve(u.base64ToArrayBuffer(this.get('identity_key' + identifier)));\n },\n\n saveIdentity (identifier, identity_key) {\n if (identifier === null || identifier === undefined) {\n throw new Error(\"Can't save identity_key for invalid identifier\");\n }\n const address = new libsignal.SignalProtocolAddress.fromString(identifier);\n const existing = this.get('identity_key' + address.getName());\n const b64_idkey = u.arrayBufferToBase64(identity_key);\n this.save('identity_key' + address.getName(), b64_idkey);\n\n if (existing && b64_idkey !== existing) {\n return Promise.resolve(true);\n } else {\n return Promise.resolve(false);\n }\n },\n\n getPreKeys () {\n return this.get('prekeys') || {};\n },\n\n loadPreKey (key_id) {\n const res = this.getPreKeys()[key_id];\n if (res) {\n return Promise.resolve({\n 'privKey': u.base64ToArrayBuffer(res.privKey),\n 'pubKey': u.base64ToArrayBuffer(res.pubKey)\n });\n }\n return Promise.resolve();\n },\n\n storePreKey (key_id, key_pair) {\n const prekey = {};\n prekey[key_id] = {\n 'pubKey': u.arrayBufferToBase64(key_pair.pubKey),\n 'privKey': u.arrayBufferToBase64(key_pair.privKey)\n };\n this.save('prekeys', Object.assign(this.getPreKeys(), prekey));\n return Promise.resolve();\n },\n\n removePreKey (key_id) {\n this.save('prekeys', omit(this.getPreKeys(), key_id));\n return Promise.resolve();\n },\n\n loadSignedPreKey (keyId) { // eslint-disable-line no-unused-vars\n const res = this.get('signed_prekey');\n if (res) {\n return Promise.resolve({\n 'privKey': u.base64ToArrayBuffer(res.privKey),\n 'pubKey': u.base64ToArrayBuffer(res.pubKey)\n });\n }\n return Promise.resolve();\n },\n\n storeSignedPreKey (spk) {\n if (typeof spk !== 'object') {\n // XXX: We've changed the signature of this method from the\n // example given in InMemorySignalProtocolStore.\n // Should be fine because the libsignal code doesn't\n // actually call this method.\n throw new Error('storeSignedPreKey: expected an object');\n }\n this.save('signed_prekey', {\n 'id': spk.keyId,\n 'privKey': u.arrayBufferToBase64(spk.keyPair.privKey),\n 'pubKey': u.arrayBufferToBase64(spk.keyPair.pubKey),\n // XXX: The InMemorySignalProtocolStore does not pass\n // in or store the signature, but we need it when we\n // publish out bundle and this method isn't called from\n // within libsignal code, so we modify it to also store\n // the signature.\n 'signature': u.arrayBufferToBase64(spk.signature)\n });\n return Promise.resolve();\n },\n\n removeSignedPreKey (key_id) {\n if (this.get('signed_prekey')['id'] === key_id) {\n this.unset('signed_prekey');\n this.save();\n }\n return Promise.resolve();\n },\n\n loadSession (identifier) {\n return Promise.resolve(this.get('session' + identifier));\n },\n\n storeSession (identifier, record) {\n return Promise.resolve(this.save('session' + identifier, record));\n },\n\n removeSession (identifier) {\n return Promise.resolve(this.unset('session' + identifier));\n },\n\n removeAllSessions (identifier) {\n const keys = Object.keys(this.attributes).filter(key =>\n key.startsWith('session' + identifier) ? key : false\n );\n const attrs = {};\n keys.forEach(key => { attrs[key] = undefined; });\n this.save(attrs);\n return Promise.resolve();\n },\n\n publishBundle () {\n const signed_prekey = this.get('signed_prekey');\n const node = `${Strophe.NS.OMEMO_BUNDLES}:${this.get('device_id')}`;\n const item = $build('item')\n .c('bundle', { 'xmlns': Strophe.NS.OMEMO })\n .c('signedPreKeyPublic', { 'signedPreKeyId': signed_prekey.id })\n .t(signed_prekey.pubKey).up()\n .c('signedPreKeySignature')\n .t(signed_prekey.signature).up()\n .c('identityKey')\n .t(this.get('identity_keypair').pubKey).up()\n .c('prekeys');\n\n Object.values(this.get('prekeys')).forEach((prekey, id) =>\n item\n .c('preKeyPublic', { 'preKeyId': id })\n .t(prekey.pubKey)\n .up()\n );\n const options = { 'pubsub#access_model': 'open' };\n return api.pubsub.publish(null, node, item, options, false);\n },\n\n async generateMissingPreKeys () {\n const missing_keys = difference(\n invokeMap(range(0, _converse.NUM_PREKEYS), Number.prototype.toString),\n Object.keys(this.getPreKeys())\n );\n if (missing_keys.length < 1) {\n log.warn('No missing prekeys to generate for our own device');\n return Promise.resolve();\n }\n const keys = await Promise.all(\n missing_keys.map(id => libsignal.KeyHelper.generatePreKey(parseInt(id, 10)))\n );\n keys.forEach(k => this.storePreKey(k.keyId, k.keyPair));\n const marshalled_keys = Object.keys(this.getPreKeys()).map(k => ({\n 'id': k.keyId,\n 'key': u.arrayBufferToBase64(k.pubKey)\n }));\n const devicelist = _converse.devicelists.get(_converse.bare_jid);\n const device = devicelist.devices.get(this.get('device_id'));\n const bundle = await device.getBundle();\n device.save('bundle', Object.assign(bundle, { 'prekeys': marshalled_keys }));\n },\n\n /**\n * Generate the data used by the X3DH key agreement protocol\n * that can be used to build a session with a device.\n */\n async generateBundle () {\n // The first thing that needs to happen if a client wants to\n // start using OMEMO is they need to generate an IdentityKey\n // and a Device ID. The IdentityKey is a Curve25519 [6]\n // public/private Key pair. The Device ID is a randomly\n // generated integer between 1 and 2^31 - 1.\n const identity_keypair = await libsignal.KeyHelper.generateIdentityKeyPair();\n const bundle = {};\n const identity_key = u.arrayBufferToBase64(identity_keypair.pubKey);\n const device_id = generateDeviceID();\n\n bundle['identity_key'] = identity_key;\n bundle['device_id'] = device_id;\n this.save({\n 'device_id': device_id,\n 'identity_keypair': {\n 'privKey': u.arrayBufferToBase64(identity_keypair.privKey),\n 'pubKey': identity_key\n },\n 'identity_key': identity_key\n });\n const signed_prekey = await libsignal.KeyHelper.generateSignedPreKey(identity_keypair, 0);\n\n this.storeSignedPreKey(signed_prekey);\n bundle['signed_prekey'] = {\n 'id': signed_prekey.keyId,\n 'public_key': u.arrayBufferToBase64(signed_prekey.keyPair.pubKey),\n 'signature': u.arrayBufferToBase64(signed_prekey.signature)\n };\n const keys = await Promise.all(\n range(0, _converse.NUM_PREKEYS).map(id => libsignal.KeyHelper.generatePreKey(id))\n );\n keys.forEach(k => this.storePreKey(k.keyId, k.keyPair));\n const devicelist = _converse.devicelists.get(_converse.bare_jid);\n const device = await devicelist.devices.create(\n { 'id': bundle.device_id, 'jid': _converse.bare_jid },\n { 'promise': true }\n );\n const marshalled_keys = keys.map(k => ({\n 'id': k.keyId,\n 'key': u.arrayBufferToBase64(k.keyPair.pubKey)\n }));\n bundle['prekeys'] = marshalled_keys;\n device.save('bundle', bundle);\n },\n\n fetchSession () {\n if (this._setup_promise === undefined) {\n this._setup_promise = new Promise((resolve, reject) => {\n this.fetch({\n 'success': () => {\n if (!this.get('device_id')) {\n this.generateBundle().then(resolve).catch(reject);\n } else {\n resolve();\n }\n },\n 'error': (model, resp) => {\n log.warn(\"Could not fetch OMEMO session from cache, we'll generate a new one.\");\n log.warn(resp);\n this.generateBundle().then(resolve).catch(reject);\n }\n });\n });\n }\n return this._setup_promise;\n }\n});\n\nexport default OMEMOStore;\n","import { _converse, api } from '@converse/headless/core';\nimport { generateFingerprint } from './utils.js';\n\nexport default {\n /**\n * The \"omemo\" namespace groups methods relevant to OMEMO\n * encryption.\n *\n * @namespace _converse.api.omemo\n * @memberOf _converse.api\n */\n 'omemo': {\n /**\n * Returns the device ID of the current device.\n */\n async getDeviceID () {\n await api.waitUntil('OMEMOInitialized');\n return _converse.omemo_store.get('device_id');\n },\n\n /**\n * The \"bundle\" namespace groups methods relevant to the user's\n * OMEMO bundle.\n *\n * @namespace _converse.api.omemo.bundle\n * @memberOf _converse.api.omemo\n */\n 'bundle': {\n /**\n * Lets you generate a new OMEMO device bundle\n *\n * @method _converse.api.omemo.bundle.generate\n * @returns {promise} Promise which resolves once we have a result from the server.\n */\n 'generate': async () => {\n await api.waitUntil('OMEMOInitialized');\n // Remove current device\n const devicelist = _converse.devicelists.get(_converse.bare_jid);\n const device_id = _converse.omemo_store.get('device_id');\n if (device_id) {\n const device = devicelist.devices.get(device_id);\n _converse.omemo_store.unset(device_id);\n if (device) {\n await new Promise(done => device.destroy({ 'success': done, 'error': done }));\n }\n devicelist.devices.trigger('remove');\n }\n // Generate new device bundle and publish\n // https://xmpp.org/extensions/attic/xep-0384-0.3.0.html#usecases-announcing\n await _converse.omemo_store.generateBundle();\n await devicelist.publishDevices();\n const device = devicelist.devices.get(_converse.omemo_store.get('device_id'));\n const fp = generateFingerprint(device);\n await _converse.omemo_store.publishBundle();\n return fp;\n }\n }\n }\n}\n","import log from '@converse/headless/log';\nimport { __ } from 'i18n';\nimport { api, converse } from '@converse/headless/core';\nimport { getSessionCipher } from '../utils.js';\n\nconst { Strophe, sizzle } = converse.env;\n\n/**\n * Mixin object that contains OMEMO-related methods for\n * {@link _converse.ChatBox} or {@link _converse.ChatRoom} objects.\n *\n * @typedef {Object} OMEMOEnabledChatBox\n */\nexport const OMEMOEnabledChatBox = {\n encryptKey (plaintext, device) {\n return getSessionCipher(device.get('jid'), device.get('id'))\n .encrypt(plaintext)\n .then(payload => ({ 'payload': payload, 'device': device }));\n },\n\n handleMessageSendError (e) {\n if (e.name === 'IQError') {\n this.save('omemo_supported', false);\n\n const err_msgs = [];\n if (sizzle(`presence-subscription-required[xmlns=\"${Strophe.NS.PUBSUB_ERROR}\"]`, e.iq).length) {\n err_msgs.push(\n __(\n \"Sorry, we're unable to send an encrypted message because %1$s \" +\n 'requires you to be subscribed to their presence in order to see their OMEMO information',\n e.iq.getAttribute('from')\n )\n );\n } else if (sizzle(`remote-server-not-found[xmlns=\"urn:ietf:params:xml:ns:xmpp-stanzas\"]`, e.iq).length) {\n err_msgs.push(\n __(\n \"Sorry, we're unable to send an encrypted message because the remote server for %1$s could not be found\",\n e.iq.getAttribute('from')\n )\n );\n } else {\n err_msgs.push(__('Unable to send an encrypted message due to an unexpected error.'));\n err_msgs.push(e.iq.outerHTML);\n }\n api.alert('error', __('Error'), err_msgs);\n log.error(e);\n } else if (e.user_facing) {\n api.alert('error', __('Error'), [e.message]);\n log.error(e);\n } else {\n throw e;\n }\n }\n};\n\n","/**\n * @copyright The Converse.js contributors\n * @license Mozilla Public License (MPLv2)\n */\nimport './fingerprints.js';\nimport './profile.js';\nimport 'modals/user-details.js';\nimport 'plugins/profile/index.js';\nimport ChatBox from './overrides/chatbox.js';\nimport ConverseMixins from './mixins/converse.js';\nimport Device from './device.js';\nimport DeviceList from './devicelist.js';\nimport DeviceLists from './devicelists.js';\nimport Devices from './devices.js';\nimport OMEMOStore from './store.js';\nimport log from '@converse/headless/log';\nimport omemo_api from './api.js';\nimport { OMEMOEnabledChatBox } from './mixins/chatbox.js';\nimport { _converse, api, converse } from '@converse/headless/core';\nimport {\n encryptFile,\n getOMEMOToolbarButton,\n handleEncryptedFiles,\n initOMEMO,\n omemo,\n onChatBoxesInitialized,\n onChatInitialized,\n parseEncryptedMessage,\n setEncryptedFileURL,\n registerPEPPushHandler,\n} from './utils.js';\n\nconst { Strophe } = converse.env;\n\nconverse.env.omemo = omemo;\n\nStrophe.addNamespace('OMEMO_DEVICELIST', Strophe.NS.OMEMO + '.devicelist');\nStrophe.addNamespace('OMEMO_VERIFICATION', Strophe.NS.OMEMO + '.verification');\nStrophe.addNamespace('OMEMO_WHITELISTED', Strophe.NS.OMEMO + '.whitelisted');\nStrophe.addNamespace('OMEMO_BUNDLES', Strophe.NS.OMEMO + '.bundles');\n\n\nconverse.plugins.add('converse-omemo', {\n enabled (_converse) {\n return (\n window.libsignal &&\n _converse.config.get('trusted') &&\n !api.settings.get('clear_cache_on_logout') &&\n !_converse.api.settings.get('blacklisted_plugins').includes('converse-omemo')\n );\n },\n\n dependencies: ['converse-chatview', 'converse-pubsub'],\n\n overrides: { ChatBox },\n\n initialize () {\n api.settings.extend({ 'omemo_default': false });\n api.promises.add(['OMEMOInitialized']);\n\n _converse.NUM_PREKEYS = 100; // Set here so that tests can override\n\n Object.assign(_converse.ChatBox.prototype, OMEMOEnabledChatBox);\n Object.assign(_converse, ConverseMixins);\n Object.assign(_converse.api, omemo_api);\n\n _converse.OMEMOStore = OMEMOStore;\n _converse.Device = Device;\n _converse.Devices = Devices;\n _converse.DeviceList = DeviceList;\n _converse.DeviceLists = DeviceLists;\n\n /******************** Event Handlers ********************/\n api.waitUntil('chatBoxesInitialized').then(onChatBoxesInitialized);\n\n api.listen.on('afterFileUploaded', (msg, attrs) => msg.file.xep454_ivkey ? setEncryptedFileURL(msg, attrs) : attrs);\n api.listen.on('beforeFileUpload', (chat, file) => chat.get('omemo_active') ? encryptFile(file) : file);\n\n api.listen.on('parseMessage', parseEncryptedMessage);\n api.listen.on('parseMUCMessage', parseEncryptedMessage);\n\n api.listen.on('chatBoxViewInitialized', onChatInitialized);\n api.listen.on('chatRoomViewInitialized', onChatInitialized);\n\n api.listen.on('connected', registerPEPPushHandler);\n api.listen.on('getToolbarButtons', getOMEMOToolbarButton);\n\n api.listen.on('statusInitialized', initOMEMO);\n api.listen.on('addClientFeatures', () => api.disco.own.features.add(`${Strophe.NS.OMEMO_DEVICELIST}+notify`));\n\n api.listen.on('afterMessageBodyTransformed', handleEncryptedFiles);\n\n api.listen.on('userDetailsModalInitialized', contact => {\n const jid = contact.get('jid');\n _converse.generateFingerprints(jid).catch(e => log.error(e));\n });\n\n api.listen.on('profileModalInitialized', () => {\n _converse.generateFingerprints(_converse.bare_jid).catch(e => log.error(e));\n });\n\n api.listen.on('afterTearDown', () => delete _converse.omemo_store);\n\n api.listen.on('clearSession', () => {\n if (_converse.shouldClearCache() && _converse.devicelists) {\n _converse.devicelists.clearStore();\n delete _converse.devicelists;\n }\n });\n }\n});\n","import log from \"@converse/headless/log\";\nimport { _converse, api, converse } from \"@converse/headless/core\";\n\nconst { Strophe, $iq } = converse.env;\n\nasync function disablePushAppServer (domain, push_app_server) {\n if (!push_app_server.jid) {\n return;\n }\n if (!(await api.disco.supports(Strophe.NS.PUSH, domain || _converse.bare_jid))) {\n log.warn(`Not disabling push app server \"${push_app_server.jid}\", no disco support from your server.`);\n return;\n }\n const stanza = $iq({'type': 'set'});\n if (domain !== _converse.bare_jid) {\n stanza.attrs({'to': domain});\n }\n stanza.c('disable', {\n 'xmlns': Strophe.NS.PUSH,\n 'jid': push_app_server.jid,\n });\n if (push_app_server.node) {\n stanza.attrs({'node': push_app_server.node});\n }\n api.sendIQ(stanza)\n .catch(e => {\n log.error(`Could not disable push app server for ${push_app_server.jid}`);\n log.error(e);\n });\n}\n\nasync function enablePushAppServer (domain, push_app_server) {\n if (!push_app_server.jid || !push_app_server.node) {\n return;\n }\n const identity = await api.disco.getIdentity('pubsub', 'push', push_app_server.jid);\n if (!identity) {\n return log.warn(\n `Not enabling push the service \"${push_app_server.jid}\", it doesn't have the right disco identtiy.`\n );\n }\n const result = await Promise.all([\n api.disco.supports(Strophe.NS.PUSH, push_app_server.jid),\n api.disco.supports(Strophe.NS.PUSH, domain)\n ]);\n if (!result[0] && !result[1]) {\n log.warn(`Not enabling push app server \"${push_app_server.jid}\", no disco support from your server.`);\n return;\n }\n const stanza = $iq({'type': 'set'});\n if (domain !== _converse.bare_jid) {\n stanza.attrs({'to': domain});\n }\n stanza.c('enable', {\n 'xmlns': Strophe.NS.PUSH,\n 'jid': push_app_server.jid,\n 'node': push_app_server.node\n });\n if (push_app_server.secret) {\n stanza.c('x', {'xmlns': Strophe.NS.XFORM, 'type': 'submit'})\n .c('field', {'var': 'FORM_TYPE'})\n .c('value').t(`${Strophe.NS.PUBSUB}#publish-options`).up().up()\n .c('field', {'var': 'secret'})\n .c('value').t(push_app_server.secret);\n }\n return api.sendIQ(stanza);\n}\n\nexport async function enablePush (domain) {\n domain = domain || _converse.bare_jid;\n const push_enabled = _converse.session.get('push_enabled') || [];\n if (push_enabled.includes(domain)) {\n return;\n }\n const enabled_services = api.settings.get('push_app_servers').filter(s => !s.disable);\n const disabled_services = api.settings.get('push_app_servers').filter(s => s.disable);\n const enabled = enabled_services.map(s => enablePushAppServer(domain, s));\n const disabled = disabled_services.map(s => disablePushAppServer(domain, s));\n try {\n await Promise.all(enabled.concat(disabled));\n } catch (e) {\n log.error('Could not enable or disable push App Server');\n if (e) log.error(e);\n } finally {\n push_enabled.push(domain);\n }\n _converse.session.save('push_enabled', push_enabled);\n}\n\nexport function onChatBoxAdded (model) {\n if (model.get('type') == _converse.CHATROOMS_TYPE) {\n enablePush(Strophe.getDomainFromJid(model.get('jid')));\n }\n}\n","/**\n * @description\n * Converse.js plugin which add support for registering\n * an \"App Server\" as defined in XEP-0357\n * @copyright 2021, the Converse.js contributors\n * @license Mozilla Public License (MPLv2)\n */\nimport { _converse, api, converse } from '@converse/headless/core';\nimport { enablePush, onChatBoxAdded } from './utils.js';\n\nconst { Strophe } = converse.env;\n\nStrophe.addNamespace('PUSH', 'urn:xmpp:push:0');\n\nconverse.plugins.add('converse-push', {\n initialize () {\n /* The initialize function gets called as soon as the plugin is\n * loaded by converse.js's plugin machinery.\n */\n api.settings.extend({\n 'push_app_servers': [],\n 'enable_muc_push': false,\n });\n\n api.listen.on('statusInitialized', () => enablePush());\n\n if (api.settings.get('enable_muc_push')) {\n api.listen.on('chatBoxesInitialized', () => _converse.chatboxes.on('add', onChatBoxAdded));\n }\n },\n});\n","import { __ } from 'i18n';\nimport { api } from '@converse/headless/core';\nimport { html } from 'lit';\n\nexport default o => {\n const i18n_choose_provider = __('Choose a different provider');\n const i18n_has_account = __('Already have a chat account?');\n const i18n_legend = __('Account Registration:');\n const i18n_login = __('Log in here');\n const i18n_register = __('Register');\n const registration_domain = api.settings.get('registration_domain');\n\n return html`\n \n `;\n};\n","import tpl_registration_form from './registration_form.js';\nimport tpl_spinner from 'templates/spinner.js';\nimport { __ } from 'i18n';\nimport { api } from '@converse/headless/core';\nimport { html } from 'lit';\n\nconst tpl_form_request = () => {\n const default_domain = api.settings.get('registration_domain');\n const i18n_fetch_form = __(\"Hold tight, we're fetching the registration form…\");\n const i18n_cancel = __('Cancel');\n return html`\n \n `;\n};\n\nconst tpl_domain_input = () => {\n const domain_placeholder = api.settings.get('domain_placeholder');\n const i18n_providers = __('Tip: A list of public XMPP providers is available');\n const i18n_providers_link = __('here');\n const href_providers = api.settings.get('providers_link');\n return html`\n \n \n ${i18n_providers}\n ${i18n_providers_link}.\n
\n `;\n};\n\nconst tpl_fetch_form_buttons = () => {\n const i18n_register = __('Fetch registration form');\n const i18n_existing_account = __('Already have a chat account?');\n const i18n_login = __('Log in here');\n return html`\n \n\n
\n `;\n};\n\nconst tpl_choose_provider = () => {\n const default_domain = api.settings.get('registration_domain');\n const i18n_create_account = __('Create your account');\n const i18n_choose_provider = __('Please enter the XMPP provider to register with:');\n return html`\n \n `;\n};\n\nconst CHOOSE_PROVIDER = 0;\nconst FETCHING_FORM = 1;\nconst REGISTRATION_FORM = 2;\n\nexport default o => {\n return html`\n ${i18n_existing_account}
\n \n'+message+'
'\n );\n flash.classList.remove('hidden');\n }\n\n /**\n * Report back to the user any error messages received from the\n * XMPP server after attempted registration.\n * @private\n * @method _converse.RegisterPanel#reportErrors\n * @param { XMLElement } stanza - The IQ stanza received from the XMPP server\n */\n reportErrors (stanza) {\n const errors = stanza.querySelectorAll('error');\n errors.forEach(e => this.showValidationError(e.textContent));\n if (!errors.length) {\n const message = __('The provider rejected your registration attempt. '+\n 'Please check the values you entered for correctness.');\n this.showValidationError(message);\n }\n }\n\n renderProviderChoiceForm (ev) {\n if (ev && ev.preventDefault) { ev.preventDefault(); }\n _converse.connection._proto._abortAllRequests();\n _converse.connection.reset();\n this.render();\n }\n\n abortRegistration () {\n _converse.connection._proto._abortAllRequests();\n _converse.connection.reset();\n if ([FETCHING_FORM, REGISTRATION_FORM].includes(this.model.get('registration_status'))) {\n if (api.settings.get('registration_domain')) {\n this.fetchRegistrationForm(api.settings.get('registration_domain'));\n }\n } else {\n this.render();\n }\n }\n\n /**\n * Handler, when the user submits the registration form.\n * Provides form error feedback or starts the registration process.\n * @private\n * @method _converse.RegisterPanel#submitRegistrationForm\n * @param { HTMLElement } form - The HTML form that was submitted\n */\n submitRegistrationForm (form) {\n const has_empty_inputs = Array.from(this.querySelectorAll('input.required'))\n .reduce((result, input) => {\n if (input.value === '') {\n input.classList.add('error');\n return result + 1;\n }\n return result;\n }, 0);\n if (has_empty_inputs) { return; }\n\n const inputs = sizzle(':input:not([type=button]):not([type=submit])', form);\n const iq = $iq({'type': 'set', 'id': u.getUniqueId()})\n .c(\"query\", {xmlns:Strophe.NS.REGISTER});\n\n if (this.form_type === 'xform') {\n iq.c(\"x\", {xmlns: Strophe.NS.XFORM, type: 'submit'});\n\n const xml_nodes = inputs.map(i => utils.webForm2xForm(i)).filter(n => n);\n xml_nodes.forEach(n => iq.cnode(n).up());\n } else {\n inputs.forEach(input => iq.c(input.getAttribute('name'), {}, input.value));\n }\n _converse.connection._addSysHandler(this._onRegisterIQ.bind(this), null, \"iq\", null, null);\n _converse.connection.send(iq);\n this.setFields(iq.tree());\n }\n\n /* Stores the values that will be sent to the XMPP server during attempted registration.\n * @private\n * @method _converse.RegisterPanel#setFields\n * @param { XMLElement } stanza - the IQ stanza that will be sent to the XMPP server.\n */\n setFields (stanza) {\n const query = stanza.querySelector('query');\n const xform = sizzle(`x[xmlns=\"${Strophe.NS.XFORM}\"]`, query);\n if (xform.length > 0) {\n this._setFieldsFromXForm(xform.pop());\n } else {\n this._setFieldsFromLegacy(query);\n }\n }\n\n _setFieldsFromLegacy (query) {\n [].forEach.call(query.children, field => {\n if (field.tagName.toLowerCase() === 'instructions') {\n this.instructions = Strophe.getText(field);\n return;\n } else if (field.tagName.toLowerCase() === 'x') {\n if (field.getAttribute('xmlns') === 'jabber:x:oob') {\n this.urls.concat(sizzle('url', field).map(u => u.textContent));\n }\n return;\n }\n this.fields[field.tagName.toLowerCase()] = Strophe.getText(field);\n });\n this.form_type = 'legacy';\n }\n\n _setFieldsFromXForm (xform) {\n this.title = xform.querySelector('title')?.textContent;\n this.instructions = xform.querySelector('instructions')?.textContent;\n xform.querySelectorAll('field').forEach(field => {\n const _var = field.getAttribute('var');\n if (_var) {\n this.fields[_var.toLowerCase()] = field.querySelector('value')?.textContent ?? '';\n } else {\n // TODO: other option seems to be type=\"fixed\"\n log.warn(\"Found field we couldn't parse\");\n }\n });\n this.form_type = 'xform';\n }\n\n /**\n * Callback method that gets called when a return IQ stanza\n * is received from the XMPP server, after attempting to\n * register a new user.\n * @private\n * @method _converse.RegisterPanel#reportErrors\n * @param { XMLElement } stanza - The IQ stanza.\n */\n _onRegisterIQ (stanza) {\n if (stanza.getAttribute(\"type\") === \"error\") {\n log.error(\"Registration failed.\");\n this.reportErrors(stanza);\n\n let error = stanza.getElementsByTagName(\"error\");\n if (error.length !== 1) {\n _converse.connection._changeConnectStatus(Strophe.Status.REGIFAIL, \"unknown\");\n return false;\n }\n error = error[0].firstElementChild.tagName.toLowerCase();\n if (error === 'conflict') {\n _converse.connection._changeConnectStatus(Strophe.Status.CONFLICT, error);\n } else if (error === 'not-acceptable') {\n _converse.connection._changeConnectStatus(Strophe.Status.NOTACCEPTABLE, error);\n } else {\n _converse.connection._changeConnectStatus(Strophe.Status.REGIFAIL, error);\n }\n } else {\n _converse.connection._changeConnectStatus(Strophe.Status.REGISTERED, null);\n }\n return false;\n }\n}\n\napi.elements.define('converse-register-panel', RegisterPanel);\n","/**\n * @module converse-register\n * @description\n * This is a Converse.js plugin which add support for in-band registration\n * as specified in XEP-0077.\n * @copyright 2020, the Converse.js contributors\n * @license Mozilla Public License (MPLv2)\n */\nimport './panel.js';\nimport '../controlbox/index.js';\nimport { __ } from 'i18n';\nimport { _converse, api, converse } from '@converse/headless/core';\n\n// Strophe methods for building stanzas\nconst { Strophe } = converse.env;\n\n// Add Strophe Namespaces\nStrophe.addNamespace('REGISTER', 'jabber:iq:register');\n\n// Add Strophe Statuses\nconst i = Object.keys(Strophe.Status).reduce((max, k) => Math.max(max, Strophe.Status[k]), 0);\nStrophe.Status.REGIFAIL = i + 1;\nStrophe.Status.REGISTERED = i + 2;\nStrophe.Status.CONFLICT = i + 3;\nStrophe.Status.NOTACCEPTABLE = i + 5;\n\nconverse.plugins.add('converse-register', {\n\n dependencies: ['converse-controlbox'],\n\n enabled () {\n return true;\n },\n\n initialize () {\n _converse.CONNECTION_STATUS[Strophe.Status.REGIFAIL] = 'REGIFAIL';\n _converse.CONNECTION_STATUS[Strophe.Status.REGISTERED] = 'REGISTERED';\n _converse.CONNECTION_STATUS[Strophe.Status.CONFLICT] = 'CONFLICT';\n _converse.CONNECTION_STATUS[Strophe.Status.NOTACCEPTABLE] = 'NOTACCEPTABLE';\n\n api.settings.extend({\n 'allow_registration': true,\n 'domain_placeholder': __(' e.g. conversejs.org'), // Placeholder text shown in the domain input on the registration form\n 'providers_link': 'https://compliance.conversations.im/', // Link to XMPP providers shown on registration page\n 'registration_domain': ''\n });\n\n async function setActiveForm (value) {\n await api.waitUntil('controlBoxInitialized');\n const controlbox = _converse.chatboxes.get('controlbox');\n controlbox.set({ 'active-form': value });\n }\n _converse.router.route('converse/login', () => setActiveForm('login'));\n _converse.router.route('converse/register', () => setActiveForm('register'));\n\n\n api.listen.on('controlBoxInitialized', view => {\n view.model.on('change:active-form', view.showLoginOrRegisterForm, view);\n });\n }\n});\n","import { Model } from '@converse/skeletor/src/model.js';\nimport { _converse, api, converse } from \"@converse/headless/core\";\n\nconst { Strophe } = converse.env;\n\nconst RoomsListModel = Model.extend({\n defaults: function () {\n return {\n 'muc_domain': api.settings.get('muc_domain'),\n 'nick': _converse.getDefaultMUCNickname(),\n 'toggle-state': _converse.OPENED,\n };\n },\n\n setDomain (jid) {\n if (!api.settings.get('locked_muc_domain')) {\n this.save('muc_domain', Strophe.getDomainFromJid(jid));\n }\n }\n});\n\nexport default RoomsListModel;\n\n","import DOMPurify from 'dompurify';\nimport { __ } from 'i18n';\nimport { api } from '@converse/headless/core.js';\nimport { html } from \"lit\";\nimport { modal_header_close_button } from \"plugins/modal/templates/buttons.js\"\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\n\n\nconst nickname_input = (o) => {\n const i18n_nickname = __('Nickname');\n const i18n_required_field = __('This field is required');\n return html`\n\n \n \n
\n `;\n}\n\n\nexport default (o) => {\n const i18n_join = __('Join');\n const i18n_enter = __('Enter a new Groupchat');\n return html`\n \n \n
\n `;\n}\n","import tpl_add_muc from \"../templates/add-muc.js\";\nimport BootstrapModal from \"plugins/modal/base.js\";\nimport { __ } from 'i18n';\nimport { _converse, api, converse } from \"@converse/headless/core\";\n\nconst u = converse.env.utils;\nconst { Strophe } = converse.env;\n\n\nexport default BootstrapModal.extend({\n persistent: true,\n id: 'add-chatroom-modal',\n\n events: {\n 'submit form.add-chatroom': 'openChatRoom',\n 'keyup .roomjid-input': 'checkRoomidPolicy',\n 'change .roomjid-input': 'checkRoomidPolicy'\n },\n\n initialize () {\n BootstrapModal.prototype.initialize.apply(this, arguments);\n this.listenTo(this.model, 'change:muc_domain', this.render);\n this.muc_roomid_policy_error_msg = null;\n },\n\n toHTML () {\n let placeholder = '';\n if (!api.settings.get('locked_muc_domain')) {\n const muc_domain = this.model.get('muc_domain') || api.settings.get('muc_domain');\n placeholder = muc_domain ? `name@${muc_domain}` : __('name@conference.example.org');\n }\n return tpl_add_muc(Object.assign(this.model.toJSON(), {\n '_converse': _converse,\n 'label_room_address': api.settings.get('muc_domain') ? __('Groupchat name') : __('Groupchat address'),\n 'chatroom_placeholder': placeholder,\n 'muc_roomid_policy_error_msg': this.muc_roomid_policy_error_msg,\n 'muc_roomid_policy_hint': api.settings.get('muc_roomid_policy_hint')\n }));\n },\n\n afterRender () {\n this.el.addEventListener('shown.bs.modal', () => {\n this.el.querySelector('input[name=\"chatroom\"]').focus();\n }, false);\n },\n\n parseRoomDataFromEvent (form) {\n const data = new FormData(form);\n const jid = data.get('chatroom');\n let nick;\n if (api.settings.get('locked_muc_nickname')) {\n nick = _converse.getDefaultMUCNickname();\n if (!nick) {\n throw new Error(\"Using locked_muc_nickname but no nickname found!\");\n }\n } else {\n nick = data.get('nickname').trim();\n }\n return {\n 'jid': jid,\n 'nick': nick\n }\n },\n\n openChatRoom (ev) {\n ev.preventDefault();\n const data = this.parseRoomDataFromEvent(ev.target);\n if (data.nick === \"\") {\n // Make sure defaults apply if no nick is provided.\n data.nick = undefined;\n }\n let jid;\n if (api.settings.get('locked_muc_domain') || (api.settings.get('muc_domain') && !u.isValidJID(data.jid))) {\n jid = `${Strophe.escapeNode(data.jid)}@${api.settings.get('muc_domain')}`;\n } else {\n jid = data.jid\n this.model.setDomain(jid);\n }\n api.rooms.open(jid, Object.assign(data, {jid}), true);\n this.modal.hide();\n ev.target.reset();\n },\n\n checkRoomidPolicy () {\n if (api.settings.get('muc_roomid_policy') && api.settings.get('muc_domain')) {\n let jid = this.el.querySelector('.roomjid-input').value;\n if (api.settings.get('locked_muc_domain') || !u.isValidJID(jid)) {\n jid = `${Strophe.escapeNode(jid)}@${api.settings.get('muc_domain')}`;\n }\n const roomid = Strophe.getNodeFromJid(jid);\n const roomdomain = Strophe.getDomainFromJid(jid);\n if (api.settings.get('muc_domain') !== roomdomain ||\n api.settings.get('muc_roomid_policy').test(roomid)) {\n this.muc_roomid_policy_error_msg = null;\n } else {\n this.muc_roomid_policy_error_msg = __('Groupchat id is invalid.');\n }\n this.render();\n }\n }\n});\n","/**\n * Gets the first element of `array`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @alias first\n * @category Array\n * @param {Array} array The array to query.\n * @returns {*} Returns the first element of `array`.\n * @example\n *\n * _.head([1, 2, 3]);\n * // => 1\n *\n * _.head([]);\n * // => undefined\n */\nfunction head(array) {\n return (array && array.length) ? array[0] : undefined;\n}\n\nexport default head;\n","import { __ } from 'i18n';\nimport { html } from \"lit\";\nimport { repeat } from 'lit/directives/repeat.js';\nimport { modal_close_button, modal_header_close_button } from \"plugins/modal/templates/buttons.js\"\nimport spinner from \"templates/spinner.js\";\n\n\nconst form = (o) => {\n const i18n_query = __('Show groupchats');\n const i18n_server_address = __('Server address');\n return html`\n \n `;\n}\n\n\nconst tpl_item = (o, item) => {\n const i18n_info_title = __('Show more information on this groupchat');\n const i18n_open_title = __('Click to open this groupchat');\n return html`\n \n ${item.name || item.jid}\n \n
\n \n \n
\n `;\n}\n","import { html } from \"lit\";\nimport { __ } from 'i18n';\n\nexport default (o) => {\n const i18n_desc = __('Description:');\n const i18n_jid = __('Groupchat XMPP Address:');\n const i18n_occ = __('Participants:');\n const i18n_features = __('Features:');\n const i18n_requires_auth = __('Requires authentication');\n const i18n_hidden = __('Hidden');\n const i18n_requires_invite = __('Requires an invitation');\n const i18n_moderated = __('Moderated');\n const i18n_non_anon = __('Non-anonymous');\n const i18n_open_room = __('Open');\n const i18n_permanent_room = __('Permanent');\n const i18n_public = __('Public');\n const i18n_semi_anon = __('Semi-anonymous');\n const i18n_temp_room = __('Temporary');\n const i18n_unmoderated = __('Unmoderated');\n return html`\n \n
\n`};\n","import BootstrapModal from \"plugins/modal/base.js\";\nimport head from \"lodash-es/head\";\nimport log from \"@converse/headless/log\";\nimport tpl_list_chatrooms_modal from \"../templates/muc-list.js\";\nimport tpl_muc_description from \"../templates/muc-description.js\";\nimport tpl_spinner from \"templates/spinner.js\";\nimport { __ } from 'i18n';\nimport { _converse, api, converse } from \"@converse/headless/core\";\nimport { getAttributes } from '@converse/headless/shared/parsers';\n\nconst { Strophe, $iq, sizzle } = converse.env;\nconst u = converse.env.utils;\n\n\n/* Insert groupchat info (based on returned #disco IQ stanza)\n * @function insertRoomInfo\n * @param { HTMLElement } el - The HTML DOM element that contains the info.\n * @param { XMLElement } stanza - The IQ stanza containing the groupchat info.\n */\nfunction insertRoomInfo (el, stanza) {\n // All MUC features found here: https://xmpp.org/registrar/disco-features.html\n el.querySelector('span.spinner').remove();\n el.querySelector('a.room-info').classList.add('selected');\n el.insertAdjacentHTML(\n 'beforeEnd',\n u.getElementFromTemplateResult(tpl_muc_description({\n 'jid': stanza.getAttribute('from'),\n 'desc': head(sizzle('field[var=\"muc#roominfo_description\"] value', stanza))?.textContent,\n 'occ': head(sizzle('field[var=\"muc#roominfo_occupants\"] value', stanza))?.textContent,\n 'hidden': sizzle('feature[var=\"muc_hidden\"]', stanza).length,\n 'membersonly': sizzle('feature[var=\"muc_membersonly\"]', stanza).length,\n 'moderated': sizzle('feature[var=\"muc_moderated\"]', stanza).length,\n 'nonanonymous': sizzle('feature[var=\"muc_nonanonymous\"]', stanza).length,\n 'open': sizzle('feature[var=\"muc_open\"]', stanza).length,\n 'passwordprotected': sizzle('feature[var=\"muc_passwordprotected\"]', stanza).length,\n 'persistent': sizzle('feature[var=\"muc_persistent\"]', stanza).length,\n 'publicroom': sizzle('feature[var=\"muc_publicroom\"]', stanza).length,\n 'semianonymous': sizzle('feature[var=\"muc_semianonymous\"]', stanza).length,\n 'temporary': sizzle('feature[var=\"muc_temporary\"]', stanza).length,\n 'unmoderated': sizzle('feature[var=\"muc_unmoderated\"]', stanza).length\n })));\n}\n\n\n/**\n * Show/hide extra information about a groupchat in a listing.\n * @function toggleRoomInfo\n * @param { Event }\n */\nfunction toggleRoomInfo (ev) {\n const parent_el = u.ancestor(ev.target, '.room-item');\n const div_el = parent_el.querySelector('div.room-info');\n if (div_el) {\n u.slideIn(div_el).then(u.removeElement)\n parent_el.querySelector('a.room-info').classList.remove('selected');\n } else {\n parent_el.insertAdjacentElement(\n 'beforeend',\n u.getElementFromTemplateResult(tpl_spinner())\n );\n api.disco.info(ev.target.getAttribute('data-room-jid'), null)\n .then(stanza => insertRoomInfo(parent_el, stanza))\n .catch(e => log.error(e));\n }\n}\n\n\nexport default BootstrapModal.extend({\n id: \"muc-list-modal\",\n persistent: true,\n\n initialize () {\n this.items = [];\n this.loading_items = false;\n\n BootstrapModal.prototype.initialize.apply(this, arguments);\n if (api.settings.get('muc_domain') && !this.model.get('muc_domain')) {\n this.model.save('muc_domain', api.settings.get('muc_domain'));\n }\n this.listenTo(this.model, 'change:muc_domain', this.onDomainChange);\n\n this.el.addEventListener('shown.bs.modal', () => api.settings.get('locked_muc_domain')\n ? this.updateRoomsList()\n : this.el.querySelector('input[name=\"server\"]').focus()\n );\n },\n\n toHTML () {\n const muc_domain = this.model.get('muc_domain') || api.settings.get('muc_domain');\n return tpl_list_chatrooms_modal(\n Object.assign(this.model.toJSON(), {\n 'show_form': !api.settings.get('locked_muc_domain'),\n 'server_placeholder': muc_domain ? muc_domain : __('conference.example.org'),\n 'items': this.items,\n 'loading_items': this.loading_items,\n 'openRoom': ev => this.openRoom(ev),\n 'setDomainFromEvent': ev => this.setDomainFromEvent(ev),\n 'submitForm': ev => this.showRooms(ev),\n 'toggleRoomInfo': ev => this.toggleRoomInfo(ev)\n }));\n },\n\n openRoom (ev) {\n ev.preventDefault();\n const jid = ev.target.getAttribute('data-room-jid');\n const name = ev.target.getAttribute('data-room-name');\n this.modal.hide();\n api.rooms.open(jid, {'name': name}, true);\n },\n\n toggleRoomInfo (ev) {\n ev.preventDefault();\n toggleRoomInfo(ev);\n },\n\n onDomainChange () {\n api.settings.get('auto_list_rooms') && this.updateRoomsList();\n },\n\n /**\n * Handle the IQ stanza returned from the server, containing\n * all its public groupchats.\n * @private\n * @method _converse.ChatRoomView#onRoomsFound\n * @param { HTMLElement } iq\n */\n onRoomsFound (iq) {\n this.loading_items = false;\n const rooms = iq ? sizzle('query item', iq) : [];\n if (rooms.length) {\n this.model.set({'feedback_text': __('Groupchats found')}, {'silent': true});\n this.items = rooms.map(getAttributes);\n } else {\n this.items = [];\n this.model.set({'feedback_text': __('No groupchats found')}, {'silent': true});\n }\n this.render();\n return true;\n },\n\n /**\n * Send an IQ stanza to the server asking for all groupchats\n * @private\n * @method _converse.ChatRoomView#updateRoomsList\n */\n updateRoomsList () {\n const iq = $iq({\n 'to': this.model.get('muc_domain'),\n 'from': _converse.connection.jid,\n 'type': \"get\"\n }).c(\"query\", {xmlns: Strophe.NS.DISCO_ITEMS});\n api.sendIQ(iq)\n .then(iq => this.onRoomsFound(iq))\n .catch(() => this.onRoomsFound())\n },\n\n showRooms (ev) {\n ev.preventDefault();\n this.loading_items = true;\n this.render();\n\n const data = new FormData(ev.target);\n this.model.setDomain(data.get('server'));\n this.updateRoomsList();\n },\n\n setDomainFromEvent (ev) {\n this.model.setDomain(ev.target.value);\n },\n\n setNick (ev) {\n this.model.save({nick: ev.target.value});\n }\n});\n","import AddMUCModal from 'plugins/muc-views/modals/add-muc.js';\nimport MUCListModal from 'plugins/muc-views/modals/muc-list.js';\nimport { __ } from 'i18n';\nimport { _converse, api } from \"@converse/headless/core\";\nimport { html } from \"lit\";\n\n\nconst bookmark = (o) => {\n const i18n_add_bookmark = __('Bookmark this groupchat');\n const i18n_remove_bookmark = __('Unbookmark this groupchat');\n if (o.bookmarked) {\n return html`\n `;\n } else {\n return html`\n `;\n }\n}\n\n\nconst unread_indicator = (o) => html`${ o.room.get('num_unread') }`;\nconst activity_indicator = () => html``;\n\n\nconst room_item = (o) => {\n const i18n_leave_room = __('Leave this groupchat');\n const has_unread_msgs = o.room.get('num_unread_general') || o.room.get('has_activity');\n return html`\n ${i18n_jid} ${o.jid}
\n${i18n_desc} ${o.desc}
\n${i18n_occ} ${o.occ}
\n${i18n_features}\n
- \n ${ o.passwordprotected ? html`
- ${i18n_requires_auth} ` : '' }\n ${ o.hidden ? html`
- ${i18n_hidden} ` : '' }\n ${ o.membersonly ? html`
- ${i18n_requires_invite} ` : '' }\n ${ o.moderated ? html`
- ${i18n_moderated} ` : '' }\n ${ o.nonanonymous ? html`
- ${i18n_non_anon} ` : '' }\n ${ o.open ? html`
- ${i18n_open_room} ` : '' }\n ${ o.persistent ? html`
- ${i18n_permanent_room} ` : '' }\n ${ o.publicroom ? html`
- ${i18n_public} ` : '' }\n ${ o.semianonymous ? html`
- ${i18n_semi_anon} ` : '' }\n ${ o.temporary ? html`
- ${i18n_temp_room} ` : '' }\n ${ o.unmoderated ? html`
- ${i18n_unmoderated} ` : '' }\n
\n\n ${ o.room.get('num_unread') ? unread_indicator(o) : (o.room.get('has_activity') ? activity_indicator(o) : '') }\n\n ${o.room.getDisplayName()}\n\n ${ api.settings.get('allow_bookmarks') ? bookmark(o) : '' }\n\n \n\n \n
`;\n}\n\nexport default (o) => {\n const i18n_desc_rooms = __('Click to toggle the list of open groupchats');\n const i18n_heading_chatrooms = __('Groupchats');\n const i18n_title_list_rooms = __('Query for groupchats');\n const i18n_title_new_room = __('Add a new groupchat');\n return html`\n \n ${i18n_heading_chatrooms}\n api.modal.show(MUCListModal, { 'model': o.model }, ev)}\n title=\"${i18n_title_list_rooms}\" data-toggle=\"modal\" data-target=\"#muc-list-modal\">\n
\n\n \n \n ${__('Open Groupchats')}\n
`;\n}\n","import RoomDetailsModal from 'modals/muc-details.js';\nimport RoomsListModel from './model.js';\nimport tpl_roomslist from \"./templates/roomslist.js\";\nimport { ElementView } from '@converse/skeletor/src/element.js';\nimport { __ } from 'i18n';\nimport { _converse, api, converse } from \"@converse/headless/core\";\nimport { initStorage } from '@converse/headless/utils/storage.js';\nimport { isUniView } from '@converse/headless/utils/core.js';\nimport { render } from 'lit';\n\nconst { Strophe, u } = converse.env;\n\nexport class RoomsList extends ElementView {\n\n initialize () {\n const id = `converse.roomspanel${_converse.bare_jid}`;\n this.model = new RoomsListModel({ id });\n initStorage(this.model, id);\n this.model.fetch();\n\n this.listenTo(_converse.chatboxes, 'add', this.renderIfChatRoom)\n this.listenTo(_converse.chatboxes, 'remove', this.renderIfChatRoom)\n this.listenTo(_converse.chatboxes, 'destroy', this.renderIfChatRoom)\n this.listenTo(_converse.chatboxes, 'change', this.renderIfRelevantChange)\n\n this.render();\n }\n\n renderIfChatRoom (model) {\n u.isChatRoom(model) && this.render();\n }\n\n renderIfRelevantChange (model) {\n const attrs = ['bookmarked', 'hidden', 'name', 'num_unread', 'num_unread_general', 'has_activity'];\n const changed = model.changed || {};\n if (u.isChatRoom(model) && Object.keys(changed).filter(m => attrs.includes(m)).length) {\n this.render();\n }\n }\n\n render () {\n render(tpl_roomslist({\n 'addBookmark': ev => this.addBookmark(ev),\n 'allow_bookmarks': api.settings.get('allow_bookmarks') && _converse.bookmarks,\n 'closeRoom': ev => this.closeRoom(ev),\n 'collapsed': this.model.get('toggle-state') !== _converse.OPENED,\n 'currently_open': room => isUniView() && !room.get('hidden'),\n 'model': this.model,\n 'openRoom': ev => this.openRoom(ev),\n 'removeBookmark': ev => this.removeBookmark(ev),\n 'rooms': _converse.chatboxes.filter(m => m.get('type') === _converse.CHATROOMS_TYPE),\n 'showRoomDetailsModal': ev => this.showRoomDetailsModal(ev),\n 'toggleRoomsList': ev => this.toggleRoomsList(ev),\n 'toggle_state': this.model.get('toggle-state')\n }), this);\n }\n\n showRoomDetailsModal (ev) { // eslint-disable-line class-methods-use-this\n const jid = ev.target.getAttribute('data-room-jid');\n const room = _converse.chatboxes.get(jid);\n ev.preventDefault();\n api.modal.show(RoomDetailsModal, {'model': room}, ev);\n }\n\n async openRoom (ev) { // eslint-disable-line class-methods-use-this\n ev.preventDefault();\n const name = ev.target.textContent;\n const jid = ev.target.getAttribute('data-room-jid');\n const data = {\n 'name': name || Strophe.unescapeNode(Strophe.getNodeFromJid(jid)) || jid\n }\n await api.rooms.open(jid, data, true);\n }\n\n async closeRoom (ev) { // eslint-disable-line class-methods-use-this\n ev.preventDefault();\n const name = ev.target.getAttribute('data-room-name');\n if (confirm(__(\"Are you sure you want to leave the groupchat %1$s?\", name))) {\n const jid = ev.target.getAttribute('data-room-jid');\n const room = await api.rooms.get(jid);\n room.close();\n }\n }\n\n removeBookmark (ev) { // eslint-disable-line class-methods-use-this\n _converse.removeBookmarkViaEvent(ev);\n }\n\n addBookmark (ev) { // eslint-disable-line class-methods-use-this\n _converse.addBookmarkViaEvent(ev);\n }\n\n toggleRoomsList (ev) {\n ev?.preventDefault?.();\n const icon_el = ev.target.matches('.fa') ? ev.target : ev.target.querySelector('.fa');\n if (icon_el.classList.contains(\"fa-caret-down\")) {\n u.slideIn(this.querySelector('.open-rooms-list')).then(() => {\n this.model.save({'toggle-state': _converse.CLOSED});\n icon_el.classList.remove(\"fa-caret-down\");\n icon_el.classList.add(\"fa-caret-right\");\n });\n } else {\n u.slideOut(this.querySelector('.open-rooms-list')).then(() => {\n this.model.save({'toggle-state': _converse.OPENED});\n icon_el.classList.remove(\"fa-caret-right\");\n icon_el.classList.add(\"fa-caret-down\");\n });\n }\n }\n}\n\napi.elements.define('converse-rooms-list', RoomsList);\n","/**\n * @description\n * Converse.js plugin which shows a list of currently open\n * rooms in the \"Rooms Panel\" of the ControlBox.\n * @copyright 2020, the Converse.js contributors\n * @license Mozilla Public License (MPLv2)\n */\nimport \"@converse/headless/plugins/muc/index.js\";\nimport './view.js';\nimport { api, converse } from \"@converse/headless/core\";\n\n\nconverse.plugins.add('converse-roomslist', {\n\n dependencies: [\"converse-singleton\", \"converse-controlbox\", \"converse-muc\", \"converse-bookmarks\"],\n\n initialize () {\n // Event handlers\n api.listen.on('connected', async () => {\n if (api.settings.get('allow_bookmarks')) {\n await api.waitUntil('bookmarksInitialized');\n } else {\n await Promise.all([\n api.waitUntil('chatBoxesFetched'),\n ]);\n }\n });\n }\n});\n","import { html } from \"lit\";\n\nexport default () => html`\n \n \n \n`;\n","import { CustomElement } from './element.js';\nimport tpl_icons from '../templates/icons.js';\n\nexport class FontAwesome extends CustomElement {\n render () { // eslint-disable-line class-methods-use-this\n return tpl_icons();\n }\n}\n\nwindow.customElements.define('converse-fontawesome', FontAwesome);\n","import 'shared/components/font-awesome.js';\nimport { api } from '@converse/headless/core';\nimport { html } from 'lit';\n\nexport default () => {\n const extra_classes = api.settings.get('singleton') ? ['converse-singleton'] : [];\n extra_classes.push(`converse-${api.settings.get('view_mode')}`);\n return html`\n \n ${ o.rooms.map(room => room_item(Object.assign({room}, o))) }\n
\n \n \n
\n `;\n}\n","import 'shared/autocomplete/index.js';\nimport BootstrapModal from \"plugins/modal/base.js\";\nimport compact from 'lodash-es/compact';\nimport debounce from 'lodash-es/debounce';\nimport tpl_add_contact_modal from \"./templates/add-contact.js\";\nimport { __ } from 'i18n';\nimport { _converse, api, converse } from \"@converse/headless/core\";\n\nconst { Strophe } = converse.env;\nconst u = converse.env.utils;\n\n\nconst AddContactModal = BootstrapModal.extend({\n id: \"add-contact-modal\",\n events: {\n 'submit form': 'addContactFromForm'\n },\n\n initialize () {\n BootstrapModal.prototype.initialize.apply(this, arguments);\n this.listenTo(this.model, 'change', this.render);\n },\n\n toHTML () {\n const label_nickname = api.settings.get('xhr_user_search_url') ? __('Contact name') : __('Optional nickname');\n return tpl_add_contact_modal(Object.assign(this.model.toJSON(), { _converse, label_nickname }));\n },\n\n afterRender () {\n if (typeof api.settings.get('xhr_user_search_url') === 'string') {\n this.initXHRAutoComplete();\n } else {\n this.initJIDAutoComplete();\n }\n const jid_input = this.el.querySelector('input[name=\"jid\"]');\n this.el.addEventListener('shown.bs.modal', () => jid_input.focus(), false);\n },\n\n initJIDAutoComplete () {\n if (!api.settings.get('autocomplete_add_contact')) {\n return;\n }\n const el = this.el.querySelector('.suggestion-box__jid').parentElement;\n this.jid_auto_complete = new _converse.AutoComplete(el, {\n 'data': (text, input) => `${input.slice(0, input.indexOf(\"@\"))}@${text}`,\n 'filter': _converse.FILTER_STARTSWITH,\n 'list': [...new Set(_converse.roster.map(item => Strophe.getDomainFromJid(item.get('jid'))))]\n });\n },\n\n initXHRAutoComplete () {\n if (!api.settings.get('autocomplete_add_contact')) {\n return this.initXHRFetch();\n }\n const el = this.el.querySelector('.suggestion-box__name').parentElement;\n this.name_auto_complete = new _converse.AutoComplete(el, {\n 'auto_evaluate': false,\n 'filter': _converse.FILTER_STARTSWITH,\n 'list': []\n });\n const xhr = new window.XMLHttpRequest();\n // `open` must be called after `onload` for mock/testing purposes.\n xhr.onload = () => {\n if (xhr.responseText) {\n const r = xhr.responseText;\n this.name_auto_complete.list = JSON.parse(r).map(i => ({'label': i.fullname || i.jid, 'value': i.jid}));\n this.name_auto_complete.auto_completing = true;\n this.name_auto_complete.evaluate();\n }\n };\n const input_el = this.el.querySelector('input[name=\"name\"]');\n input_el.addEventListener('input', debounce(() => {\n xhr.open(\"GET\", `${api.settings.get('xhr_user_search_url')}q=${encodeURIComponent(input_el.value)}`, true);\n xhr.send()\n } , 300));\n this.name_auto_complete.on('suggestion-box-selectcomplete', ev => {\n this.el.querySelector('input[name=\"name\"]').value = ev.text.label;\n this.el.querySelector('input[name=\"jid\"]').value = ev.text.value;\n });\n },\n\n initXHRFetch () {\n this.xhr = new window.XMLHttpRequest();\n this.xhr.onload = () => {\n if (this.xhr.responseText) {\n const r = this.xhr.responseText;\n const list = JSON.parse(r).map(i => ({'label': i.fullname || i.jid, 'value': i.jid}));\n if (list.length !== 1) {\n const el = this.el.querySelector('.invalid-feedback');\n el.textContent = __('Sorry, could not find a contact with that name')\n u.addClass('d-block', el);\n return;\n }\n const jid = list[0].value;\n if (this.validateSubmission(jid)) {\n const form = this.el.querySelector('form');\n const name = list[0].label;\n this.afterSubmission(form, jid, name);\n }\n }\n };\n },\n\n validateSubmission (jid) {\n const el = this.el.querySelector('.invalid-feedback');\n if (!jid || compact(jid.split('@')).length < 2) {\n u.addClass('is-invalid', this.el.querySelector('input[name=\"jid\"]'));\n u.addClass('d-block', el);\n return false;\n } else if (_converse.roster.get(Strophe.getBareJidFromJid(jid))) {\n el.textContent = __('This contact has already been added')\n u.addClass('d-block', el);\n return false;\n }\n u.removeClass('d-block', el);\n return true;\n },\n\n afterSubmission (form, jid, name) {\n _converse.roster.addAndSubscribe(jid, name);\n this.model.clear();\n this.modal.hide();\n },\n\n addContactFromForm (ev) {\n ev.preventDefault();\n const data = new FormData(ev.target),\n jid = (data.get('jid') || '').trim();\n\n if (!jid && typeof api.settings.get('xhr_user_search_url') === 'string') {\n const input_el = this.el.querySelector('input[name=\"name\"]');\n this.xhr.open(\"GET\", `${api.settings.get('xhr_user_search_url')}q=${encodeURIComponent(input_el.value)}`, true);\n this.xhr.send()\n return;\n }\n if (this.validateSubmission(jid)) {\n this.afterSubmission(ev.target, jid, data.get('name'));\n }\n }\n});\n\n_converse.AddContactModal = AddContactModal;\n\nexport default AddContactModal;\n","import { _converse, api } from \"@converse/headless/core\";\n\n\nexport function highlightRosterItem (chatbox) {\n _converse.roster?.findWhere({'jid': chatbox.get('jid')})?.trigger('highlight');\n}\n\n\nexport function toggleGroup (ev, name) {\n ev?.preventDefault?.();\n const collapsed = _converse.roster.state.get('collapsed_groups');\n if (collapsed.includes(name)) {\n _converse.roster.state.save('collapsed_groups', collapsed.filter(n => n !== name));\n } else {\n _converse.roster.state.save('collapsed_groups', [...collapsed, name]);\n }\n}\n\nexport function isContactFiltered (contact, groupname) {\n const filter = _converse.roster_filter;\n const type = filter.get('filter_type');\n const q = (type === 'state') ?\n filter.get('chat_state').toLowerCase() :\n filter.get('filter_text').toLowerCase();\n\n if (!q) return false;\n\n if (type === 'state') {\n const sticky_groups = [_converse.HEADER_REQUESTING_CONTACTS, _converse.HEADER_UNREAD];\n if (sticky_groups.includes(groupname)) {\n // When filtering by chat state, we still want to\n // show sticky groups, even though they don't\n // match the state in question.\n return false;\n } else if (q === 'unread_messages') {\n return contact.get('num_unread') === 0;\n } else if (q === 'online') {\n return [\"offline\", \"unavailable\"].includes(contact.presence.get('show'));\n } else {\n return !contact.presence.get('show').includes(q);\n }\n } else if (type === 'contacts') {\n return !contact.getFilterCriteria().includes(q);\n }\n}\n\nexport function shouldShowContact (contact, groupname) {\n const chat_status = contact.presence.get('show');\n if (api.settings.get('hide_offline_users') && chat_status === 'offline') {\n // If pending or requesting, show\n if ((contact.get('ask') === 'subscribe') ||\n (contact.get('subscription') === 'from') ||\n (contact.get('requesting') === true)) {\n return !isContactFiltered(contact, groupname);\n }\n return false;\n }\n return !isContactFiltered(contact, groupname);\n}\n\nexport function shouldShowGroup (group) {\n const filter = _converse.roster_filter;\n const type = filter.get('filter_type');\n if (type === 'groups') {\n const q = filter.get('filter_text')?.toLowerCase();\n if (!q) {\n return true;\n }\n if (!group.toLowerCase().includes(q)) {\n return false;\n }\n }\n return true;\n}\n","import 'shared/components/icons.js';\nimport { __ } from 'i18n';\nimport { _converse, converse } from \"@converse/headless/core\";\nimport { html } from \"lit\";\nimport { isUniView } from '@converse/headless/utils/core.js';\nimport { toggleGroup } from '../utils.js';\n\nconst { u } = converse.env;\n\n\nfunction renderContact (contact) {\n const jid = contact.get('jid');\n const extra_classes = [];\n if (isUniView()) {\n const chatbox = _converse.chatboxes.get(jid);\n if (chatbox && !chatbox.get('hidden')) {\n extra_classes.push('open');\n }\n }\n const ask = contact.get('ask');\n const requesting = contact.get('requesting');\n const subscription = contact.get('subscription');\n if ((ask === 'subscribe') || (subscription === 'from')) {\n /* ask === 'subscribe'\n * Means we have asked to subscribe to them.\n *\n * subscription === 'from'\n * They are subscribed to us, but not vice versa.\n * We assume that there is a pending subscription\n * from us to them (otherwise we're in a state not\n * supported by converse.js).\n *\n * So in both cases the user is a \"pending\" contact.\n */\n extra_classes.push('pending-xmpp-contact');\n } else if (requesting === true) {\n extra_classes.push('requesting-xmpp-contact');\n } else if (subscription === 'both' || subscription === 'to' || u.isSameBareJID(jid, _converse.connection.jid)) {\n extra_classes.push('current-xmpp-contact');\n extra_classes.push(subscription);\n extra_classes.push(contact.presence.get('show'));\n }\n return html`\n \n toggleGroup(ev, o.name)}>\n
`;\n}\n","import tpl_group from \"./group.js\";\nimport { __ } from 'i18n';\nimport { _converse, api } from \"@converse/headless/core\";\nimport { contactsComparator, groupsComparator } from '@converse/headless/plugins/roster/utils.js';\nimport { html } from \"lit\";\nimport { repeat } from 'lit/directives/repeat.js';\nimport { shouldShowContact, shouldShowGroup } from '../utils.js';\n\n\nfunction populateContactsMap (contacts_map, contact) {\n if (contact.get('ask') === 'subscribe') {\n const name = _converse.HEADER_PENDING_CONTACTS;\n contacts_map[name] ? contacts_map[name].push(contact) : (contacts_map[name] = [contact]);\n } else if (contact.get('requesting')) {\n const name = _converse.HEADER_REQUESTING_CONTACTS;\n contacts_map[name] ? contacts_map[name].push(contact) : (contacts_map[name] = [contact]);\n } else {\n let contact_groups;\n if (api.settings.get('roster_groups')) {\n contact_groups = contact.get('groups');\n contact_groups = (contact_groups.length === 0) ? [_converse.HEADER_UNGROUPED] : contact_groups;\n } else {\n contact_groups = [_converse.HEADER_CURRENT_CONTACTS];\n }\n for (const name of contact_groups) {\n contacts_map[name] ? contacts_map[name].push(contact) : (contacts_map[name] = [contact]);\n }\n }\n if (contact.get('num_unread')) {\n const name = _converse.HEADER_UNREAD;\n contacts_map[name] ? contacts_map[name].push(contact) : (contacts_map[name] = [contact]);\n }\n return contacts_map;\n}\n\n\nexport default (el) => {\n const i18n_heading_contacts = __('Contacts');\n const i18n_title_add_contact = __('Add a contact');\n const i18n_title_sync_contacts = __('Re-sync your contacts');\n const roster = _converse.roster || [];\n const contacts_map = roster.reduce((acc, contact) => populateContactsMap(acc, contact), {});\n const groupnames = Object.keys(contacts_map).filter(shouldShowGroup);\n groupnames.sort(groupsComparator);\n\n return html`\n - \n ${ o.contacts.map(renderContact) }\n
\n ${i18n_heading_contacts}\n el.syncContacts(ev)} title=\"${i18n_title_sync_contacts}\">\n
\n \n ${ repeat(groupnames, n => n, name => {\n const contacts = contacts_map[name].filter(c => shouldShowContact(c, name));\n contacts.sort(contactsComparator);\n if (contacts.length) {\n return tpl_group({\n 'contacts': contacts,\n 'name': name,\n });\n } else {\n return '';\n }\n }) }\n
\n `;\n}\n","import tpl_roster from \"./templates/roster.js\";\nimport { CustomElement } from 'shared/components/element.js';\nimport { Model } from '@converse/skeletor/src/model.js';\nimport { _converse, api } from \"@converse/headless/core\";\n\n\n/**\n * @class\n * @namespace _converse.RosterView\n * @memberOf _converse\n */\nexport default class RosterView extends CustomElement {\n\n async initialize () {\n await api.waitUntil('rosterInitialized')\n this.listenTo(_converse, 'rosterContactsFetched', this.requestUpdate);\n this.listenTo(_converse.presences, 'change:show', this.requestUpdate);\n this.listenTo(_converse.roster, 'add', this.requestUpdate);\n this.listenTo(_converse.roster, 'destroy', this.requestUpdate);\n this.listenTo(_converse.roster, 'remove', this.requestUpdate);\n this.listenTo(_converse.roster, 'change', this.requestUpdate);\n this.listenTo(_converse.roster.state, 'change', this.requestUpdate);\n /**\n * Triggered once the _converse.RosterView instance has been created and initialized.\n * @event _converse#rosterViewInitialized\n * @example _converse.api.listen.on('rosterViewInitialized', () => { ... });\n */\n api.trigger('rosterViewInitialized');\n }\n\n firstUpdated () {\n this.listenToRosterFilter();\n }\n\n render () {\n return tpl_roster(this);\n }\n\n listenToRosterFilter () {\n this.filter_view = this.querySelector('converse-roster-filter');\n this.filter_view.addEventListener('update', () => this.requestUpdate());\n }\n\n showAddContactModal (ev) { // eslint-disable-line class-methods-use-this\n api.modal.show(_converse.AddContactModal, {'model': new Model()}, ev);\n }\n\n async syncContacts (ev) { // eslint-disable-line class-methods-use-this\n ev.preventDefault();\n this.syncing_contacts = true;\n this.requestUpdate();\n\n _converse.roster.data.save('version', null);\n await _converse.roster.fetchFromServer();\n api.user.presence.send();\n\n this.syncing_contacts = false;\n this.requestUpdate();\n }\n}\n\napi.elements.define('converse-roster', RosterView);\n","import { __ } from 'i18n';\nimport { api } from \"@converse/headless/core\";\nimport { html } from \"lit\";\n\nconst tpl_pending_contact = o => html`${o.display_name}`;\n\nexport default (o) => {\n const i18n_remove = __('Click to remove %1$s as a contact', o.display_name);\n return html`\n ${ api.settings.get('allow_chat_pending_contacts') ? html`${tpl_pending_contact(o)}` : tpl_pending_contact(o) }\n `;\n}\n","import { api } from \"@converse/headless/core\";\nimport { html } from \"lit\";\n\nconst tpl_requesting_contact = o => html`${o.display_name}`;\n\nexport default (o) => html`\n ${ api.settings.get('allow_chat_pending_contacts') ? html`${tpl_requesting_contact(o) }` : tpl_requesting_contact(o) }\n \n `;\n","import { __ } from 'i18n';\n\nexport const STATUSES = {\n 'dnd': __('This contact is busy'),\n 'online': __('This contact is online'),\n 'offline': __('This contact is offline'),\n 'unavailable': __('This contact is unavailable'),\n 'xa': __('This contact is away for an extended period'),\n 'away': __('This contact is away')\n};\n","import { __ } from 'i18n';\nimport { api } from \"@converse/headless/core\";\nimport { html } from \"lit\";\nimport { STATUSES } from '../constants.js';\n\n\nexport default (el, item) => {\n const show = item.presence.get('show') || 'offline';\n let classes, color;\n if (show === 'online') {\n [classes, color] = ['fa fa-circle', 'chat-status-online'];\n } else if (show === 'dnd') {\n [classes, color] = ['fa fa-minus-circle', 'chat-status-busy'];\n } else if (show === 'away') {\n [classes, color] = ['fa fa-circle', 'chat-status-away'];\n } else {\n [classes, color] = ['fa fa-circle', 'subdued-color'];\n }\n const display_name = item.getDisplayName();\n const desc_status = STATUSES[show];\n const num_unread = item.get('num_unread') || 0;\n const i18n_chat = __('Click to chat with %1$s (XMPP address: %2$s)', display_name, el.model.get('jid'));\n const i18n_remove = __('Click to remove %1$s as a contact', display_name);\n return html`\n \n \n