\n {children}\n
\n );\n }\n\n}\n","import PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport { supportsPassiveEvents } from 'detect-passive-events';\n\nimport { scrollTop } from '../scroll';\n\nconst listenerOptions = supportsPassiveEvents ? { passive: true } : false;\n\nexport default class Column extends PureComponent {\n\n static propTypes = {\n children: PropTypes.node,\n extraClasses: PropTypes.string,\n name: PropTypes.string,\n label: PropTypes.string,\n bindToDocument: PropTypes.bool,\n };\n\n scrollTop () {\n const scrollable = this.props.bindToDocument ? document.scrollingElement : this.node.querySelector('.scrollable');\n\n if (!scrollable) {\n return;\n }\n\n this._interruptScrollAnimation = scrollTop(scrollable);\n }\n\n handleWheel = () => {\n if (typeof this._interruptScrollAnimation !== 'function') {\n return;\n }\n\n this._interruptScrollAnimation();\n };\n\n setRef = c => {\n this.node = c;\n };\n\n componentDidMount () {\n if (this.props.bindToDocument) {\n document.addEventListener('wheel', this.handleWheel, listenerOptions);\n } else {\n this.node.addEventListener('wheel', this.handleWheel, listenerOptions);\n }\n }\n\n componentWillUnmount () {\n if (this.props.bindToDocument) {\n document.removeEventListener('wheel', this.handleWheel, listenerOptions);\n } else {\n this.node.removeEventListener('wheel', this.handleWheel, listenerOptions);\n }\n }\n\n render () {\n const { children, extraClasses, name, label } = this.props;\n\n return (\n \n {children}\n
\n );\n }\n\n}\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\n/**\n * Use invariant() to assert state which your program assumes to be true.\n *\n * Provide sprintf-style format (only %s is supported) and arguments\n * to provide information about what broke and what you were\n * expecting.\n *\n * The invariant message will be stripped in production, but the invariant\n * will remain to ensure logic does not differ in production.\n */\nvar invariant = function (condition, format, a, b, c, d, e, f) {\n if (process.env.NODE_ENV !== 'production') {\n if (format === undefined) {\n throw new Error('invariant requires an error message argument');\n }\n }\n if (!condition) {\n var error;\n if (format === undefined) {\n error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');\n } else {\n var args = [a, b, c, d, e, f];\n var argIndex = 0;\n error = new Error(format.replace(/%s/g, function () {\n return args[argIndex++];\n }));\n error.name = 'Invariant Violation';\n }\n error.framesToPop = 1; // we don't care about invariant's own frame\n throw error;\n }\n};\nmodule.exports = invariant;","function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return (module.exports = _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, module.exports.__esModule = true, module.exports[\"default\"] = module.exports), _typeof(obj);\n}\nmodule.exports = _typeof, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","import { useHovering } from '../../hooks/useHovering';\nimport type { Account } from '../../types/resources';\nimport { autoPlayGif } from '../initial_state';\n\ninterface Props {\n account: Account | undefined; // FIXME: remove `undefined` once we know for sure its always there\n friend: Account | undefined; // FIXME: remove `undefined` once we know for sure its always there\n size?: number;\n baseSize?: number;\n overlaySize?: number;\n}\n\nexport const AvatarOverlay: React.FC\n \n {accountSrc && 
}\n
\n \n \n \n {friendSrc && 
}\n
\n \n \n );\n};\n","import PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport ImmutablePropTypes from 'react-immutable-proptypes';\n\nimport { autoPlayGif } from 'flavours/glitch/initial_state';\n\nexport default class AvatarOverlay extends PureComponent {\n\n static propTypes = {\n account: ImmutablePropTypes.map.isRequired,\n friend: ImmutablePropTypes.map.isRequired,\n animate: PropTypes.bool,\n };\n\n static defaultProps = {\n animate: autoPlayGif,\n };\n\n render() {\n const { account, friend, animate } = this.props;\n\n const baseStyle = {\n backgroundImage: `url(${account.get(animate ? 'avatar' : 'avatar_static')})`,\n };\n\n const overlayStyle = {\n backgroundImage: `url(${friend.get(animate ? 'avatar' : 'avatar_static')})`,\n };\n\n return (\n \n \n \n
\n );\n }\n\n}\n","import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';\nimport _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';\nimport _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';\nimport { useState, useCallback } from 'react';\nvar _excluded = [\"defaultInputValue\", \"defaultMenuIsOpen\", \"defaultValue\", \"inputValue\", \"menuIsOpen\", \"onChange\", \"onInputChange\", \"onMenuClose\", \"onMenuOpen\", \"value\"];\nfunction useStateManager(_ref) {\n var _ref$defaultInputValu = _ref.defaultInputValue,\n defaultInputValue = _ref$defaultInputValu === void 0 ? '' : _ref$defaultInputValu,\n _ref$defaultMenuIsOpe = _ref.defaultMenuIsOpen,\n defaultMenuIsOpen = _ref$defaultMenuIsOpe === void 0 ? false : _ref$defaultMenuIsOpe,\n _ref$defaultValue = _ref.defaultValue,\n defaultValue = _ref$defaultValue === void 0 ? null : _ref$defaultValue,\n propsInputValue = _ref.inputValue,\n propsMenuIsOpen = _ref.menuIsOpen,\n propsOnChange = _ref.onChange,\n propsOnInputChange = _ref.onInputChange,\n propsOnMenuClose = _ref.onMenuClose,\n propsOnMenuOpen = _ref.onMenuOpen,\n propsValue = _ref.value,\n restSelectProps = _objectWithoutProperties(_ref, _excluded);\n var _useState = useState(propsInputValue !== undefined ? propsInputValue : defaultInputValue),\n _useState2 = _slicedToArray(_useState, 2),\n stateInputValue = _useState2[0],\n setStateInputValue = _useState2[1];\n var _useState3 = useState(propsMenuIsOpen !== undefined ? propsMenuIsOpen : defaultMenuIsOpen),\n _useState4 = _slicedToArray(_useState3, 2),\n stateMenuIsOpen = _useState4[0],\n setStateMenuIsOpen = _useState4[1];\n var _useState5 = useState(propsValue !== undefined ? propsValue : defaultValue),\n _useState6 = _slicedToArray(_useState5, 2),\n stateValue = _useState6[0],\n setStateValue = _useState6[1];\n var onChange = useCallback(function (value, actionMeta) {\n if (typeof propsOnChange === 'function') {\n propsOnChange(value, actionMeta);\n }\n setStateValue(value);\n }, [propsOnChange]);\n var onInputChange = useCallback(function (value, actionMeta) {\n var newValue;\n if (typeof propsOnInputChange === 'function') {\n newValue = propsOnInputChange(value, actionMeta);\n }\n setStateInputValue(newValue !== undefined ? newValue : value);\n }, [propsOnInputChange]);\n var onMenuOpen = useCallback(function () {\n if (typeof propsOnMenuOpen === 'function') {\n propsOnMenuOpen();\n }\n setStateMenuIsOpen(true);\n }, [propsOnMenuOpen]);\n var onMenuClose = useCallback(function () {\n if (typeof propsOnMenuClose === 'function') {\n propsOnMenuClose();\n }\n setStateMenuIsOpen(false);\n }, [propsOnMenuClose]);\n var inputValue = propsInputValue !== undefined ? propsInputValue : stateInputValue;\n var menuIsOpen = propsMenuIsOpen !== undefined ? propsMenuIsOpen : stateMenuIsOpen;\n var value = propsValue !== undefined ? propsValue : stateValue;\n return _objectSpread(_objectSpread({}, restSelectProps), {}, {\n inputValue: inputValue,\n menuIsOpen: menuIsOpen,\n onChange: onChange,\n onInputChange: onInputChange,\n onMenuClose: onMenuClose,\n onMenuOpen: onMenuOpen,\n value: value\n });\n}\nexport { useStateManager as u };","/*\n\nBased off glamor's StyleSheet, thanks Sunil ❤️\n\nhigh performance StyleSheet for css-in-js systems\n\n- uses multiple style tags behind the scenes for millions of rules\n- uses `insertRule` for appending in production for *much* faster performance\n\n// usage\n\nimport { StyleSheet } from '@emotion/sheet'\n\nlet styleSheet = new StyleSheet({ key: '', container: document.head })\n\nstyleSheet.insert('#box { border: 1px solid red; }')\n- appends a css rule into the stylesheet\n\nstyleSheet.flush()\n- empties the stylesheet of all its contents\n\n*/\n// $FlowFixMe\nfunction sheetForTag(tag) {\n if (tag.sheet) {\n // $FlowFixMe\n return tag.sheet;\n } // this weirdness brought to you by firefox\n\n /* istanbul ignore next */\n\n for (var i = 0; i < document.styleSheets.length; i++) {\n if (document.styleSheets[i].ownerNode === tag) {\n // $FlowFixMe\n return document.styleSheets[i];\n }\n }\n}\nfunction createStyleElement(options) {\n var tag = document.createElement('style');\n tag.setAttribute('data-emotion', options.key);\n if (options.nonce !== undefined) {\n tag.setAttribute('nonce', options.nonce);\n }\n tag.appendChild(document.createTextNode(''));\n tag.setAttribute('data-s', '');\n return tag;\n}\nvar StyleSheet = /*#__PURE__*/function () {\n // Using Node instead of HTMLElement since container may be a ShadowRoot\n function StyleSheet(options) {\n var _this = this;\n this._insertTag = function (tag) {\n var before;\n if (_this.tags.length === 0) {\n if (_this.insertionPoint) {\n before = _this.insertionPoint.nextSibling;\n } else if (_this.prepend) {\n before = _this.container.firstChild;\n } else {\n before = _this.before;\n }\n } else {\n before = _this.tags[_this.tags.length - 1].nextSibling;\n }\n _this.container.insertBefore(tag, before);\n _this.tags.push(tag);\n };\n this.isSpeedy = options.speedy === undefined ? process.env.NODE_ENV === 'production' : options.speedy;\n this.tags = [];\n this.ctr = 0;\n this.nonce = options.nonce; // key is the value of the data-emotion attribute, it's used to identify different sheets\n\n this.key = options.key;\n this.container = options.container;\n this.prepend = options.prepend;\n this.insertionPoint = options.insertionPoint;\n this.before = null;\n }\n var _proto = StyleSheet.prototype;\n _proto.hydrate = function hydrate(nodes) {\n nodes.forEach(this._insertTag);\n };\n _proto.insert = function insert(rule) {\n // the max length is how many rules we have per style tag, it's 65000 in speedy mode\n // it's 1 in dev because we insert source maps that map a single rule to a location\n // and you can only have one source map per style tag\n if (this.ctr % (this.isSpeedy ? 65000 : 1) === 0) {\n this._insertTag(createStyleElement(this));\n }\n var tag = this.tags[this.tags.length - 1];\n if (process.env.NODE_ENV !== 'production') {\n var isImportRule = rule.charCodeAt(0) === 64 && rule.charCodeAt(1) === 105;\n if (isImportRule && this._alreadyInsertedOrderInsensitiveRule) {\n // this would only cause problem in speedy mode\n // but we don't want enabling speedy to affect the observable behavior\n // so we report this error at all times\n console.error(\"You're attempting to insert the following rule:\\n\" + rule + '\\n\\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules.');\n }\n this._alreadyInsertedOrderInsensitiveRule = this._alreadyInsertedOrderInsensitiveRule || !isImportRule;\n }\n if (this.isSpeedy) {\n var sheet = sheetForTag(tag);\n try {\n // this is the ultrafast version, works across browsers\n // the big drawback is that the css won't be editable in devtools\n sheet.insertRule(rule, sheet.cssRules.length);\n } catch (e) {\n if (process.env.NODE_ENV !== 'production' && !/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear|-ms-expand|-ms-reveal){/.test(rule)) {\n console.error(\"There was a problem inserting the following rule: \\\"\" + rule + \"\\\"\", e);\n }\n }\n } else {\n tag.appendChild(document.createTextNode(rule));\n }\n this.ctr++;\n };\n _proto.flush = function flush() {\n // $FlowFixMe\n this.tags.forEach(function (tag) {\n return tag.parentNode && tag.parentNode.removeChild(tag);\n });\n this.tags = [];\n this.ctr = 0;\n if (process.env.NODE_ENV !== 'production') {\n this._alreadyInsertedOrderInsensitiveRule = false;\n }\n };\n return StyleSheet;\n}();\nexport { StyleSheet };","var e = \"-ms-\";\nvar r = \"-moz-\";\nvar a = \"-webkit-\";\nvar n = \"comm\";\nvar c = \"rule\";\nvar s = \"decl\";\nvar t = \"@page\";\nvar u = \"@media\";\nvar i = \"@import\";\nvar f = \"@charset\";\nvar o = \"@viewport\";\nvar l = \"@supports\";\nvar v = \"@document\";\nvar p = \"@namespace\";\nvar h = \"@keyframes\";\nvar b = \"@font-face\";\nvar w = \"@counter-style\";\nvar d = \"@font-feature-values\";\nvar $ = \"@layer\";\nvar g = Math.abs;\nvar k = String.fromCharCode;\nvar m = Object.assign;\nfunction x(e, r) {\n return O(e, 0) ^ 45 ? (((r << 2 ^ O(e, 0)) << 2 ^ O(e, 1)) << 2 ^ O(e, 2)) << 2 ^ O(e, 3) : 0;\n}\nfunction y(e) {\n return e.trim();\n}\nfunction j(e, r) {\n return (e = r.exec(e)) ? e[0] : e;\n}\nfunction z(e, r, a) {\n return e.replace(r, a);\n}\nfunction C(e, r) {\n return e.indexOf(r);\n}\nfunction O(e, r) {\n return e.charCodeAt(r) | 0;\n}\nfunction A(e, r, a) {\n return e.slice(r, a);\n}\nfunction M(e) {\n return e.length;\n}\nfunction S(e) {\n return e.length;\n}\nfunction q(e, r) {\n return r.push(e), e;\n}\nfunction B(e, r) {\n return e.map(r).join(\"\");\n}\nvar D = 1;\nvar E = 1;\nvar F = 0;\nvar G = 0;\nvar H = 0;\nvar I = \"\";\nfunction J(e, r, a, n, c, s, t) {\n return {\n value: e,\n root: r,\n parent: a,\n type: n,\n props: c,\n children: s,\n line: D,\n column: E,\n length: t,\n return: \"\"\n };\n}\nfunction K(e, r) {\n return m(J(\"\", null, null, \"\", null, null, 0), e, {\n length: -e.length\n }, r);\n}\nfunction L() {\n return H;\n}\nfunction N() {\n H = G > 0 ? O(I, --G) : 0;\n if (E--, H === 10) E = 1, D--;\n return H;\n}\nfunction P() {\n H = G < F ? O(I, G++) : 0;\n if (E++, H === 10) E = 1, D++;\n return H;\n}\nfunction Q() {\n return O(I, G);\n}\nfunction R() {\n return G;\n}\nfunction T(e, r) {\n return A(I, e, r);\n}\nfunction U(e) {\n switch (e) {\n case 0:\n case 9:\n case 10:\n case 13:\n case 32:\n return 5;\n case 33:\n case 43:\n case 44:\n case 47:\n case 62:\n case 64:\n case 126:\n case 59:\n case 123:\n case 125:\n return 4;\n case 58:\n return 3;\n case 34:\n case 39:\n case 40:\n case 91:\n return 2;\n case 41:\n case 93:\n return 1;\n }\n return 0;\n}\nfunction V(e) {\n return D = E = 1, F = M(I = e), G = 0, [];\n}\nfunction W(e) {\n return I = \"\", e;\n}\nfunction X(e) {\n return y(T(G - 1, re(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));\n}\nfunction Y(e) {\n return W(_(V(e)));\n}\nfunction Z(e) {\n while (H = Q()) if (H < 33) P();else break;\n return U(e) > 2 || U(H) > 3 ? \"\" : \" \";\n}\nfunction _(e) {\n while (P()) switch (U(H)) {\n case 0:\n q(ne(G - 1), e);\n break;\n case 2:\n q(X(H), e);\n break;\n default:\n q(k(H), e);\n }\n return e;\n}\nfunction ee(e, r) {\n while (--r && P()) if (H < 48 || H > 102 || H > 57 && H < 65 || H > 70 && H < 97) break;\n return T(e, R() + (r < 6 && Q() == 32 && P() == 32));\n}\nfunction re(e) {\n while (P()) switch (H) {\n case e:\n return G;\n case 34:\n case 39:\n if (e !== 34 && e !== 39) re(H);\n break;\n case 40:\n if (e === 41) re(e);\n break;\n case 92:\n P();\n break;\n }\n return G;\n}\nfunction ae(e, r) {\n while (P()) if (e + H === 47 + 10) break;else if (e + H === 42 + 42 && Q() === 47) break;\n return \"/*\" + T(r, G - 1) + \"*\" + k(e === 47 ? e : P());\n}\nfunction ne(e) {\n while (!U(Q())) P();\n return T(e, G);\n}\nfunction ce(e) {\n return W(se(\"\", null, null, null, [\"\"], e = V(e), 0, [0], e));\n}\nfunction se(e, r, a, n, c, s, t, u, i) {\n var f = 0;\n var o = 0;\n var l = t;\n var v = 0;\n var p = 0;\n var h = 0;\n var b = 1;\n var w = 1;\n var d = 1;\n var $ = 0;\n var g = \"\";\n var m = c;\n var x = s;\n var y = n;\n var j = g;\n while (w) switch (h = $, $ = P()) {\n case 40:\n if (h != 108 && O(j, l - 1) == 58) {\n if (C(j += z(X($), \"&\", \"&\\f\"), \"&\\f\") != -1) d = -1;\n break;\n }\n case 34:\n case 39:\n case 91:\n j += X($);\n break;\n case 9:\n case 10:\n case 13:\n case 32:\n j += Z(h);\n break;\n case 92:\n j += ee(R() - 1, 7);\n continue;\n case 47:\n switch (Q()) {\n case 42:\n case 47:\n q(ue(ae(P(), R()), r, a), i);\n break;\n default:\n j += \"/\";\n }\n break;\n case 123 * b:\n u[f++] = M(j) * d;\n case 125 * b:\n case 59:\n case 0:\n switch ($) {\n case 0:\n case 125:\n w = 0;\n case 59 + o:\n if (d == -1) j = z(j, /\\f/g, \"\");\n if (p > 0 && M(j) - l) q(p > 32 ? ie(j + \";\", n, a, l - 1) : ie(z(j, \" \", \"\") + \";\", n, a, l - 2), i);\n break;\n case 59:\n j += \";\";\n default:\n q(y = te(j, r, a, f, o, c, u, g, m = [], x = [], l), s);\n if ($ === 123) if (o === 0) se(j, r, y, y, m, s, l, u, x);else switch (v === 99 && O(j, 3) === 110 ? 100 : v) {\n case 100:\n case 108:\n case 109:\n case 115:\n se(e, y, y, n && q(te(e, y, y, 0, 0, c, u, g, c, m = [], l), x), c, x, l, u, n ? m : x);\n break;\n default:\n se(j, y, y, y, [\"\"], x, 0, u, x);\n }\n }\n f = o = p = 0, b = d = 1, g = j = \"\", l = t;\n break;\n case 58:\n l = 1 + M(j), p = h;\n default:\n if (b < 1) if ($ == 123) --b;else if ($ == 125 && b++ == 0 && N() == 125) continue;\n switch (j += k($), $ * b) {\n case 38:\n d = o > 0 ? 1 : (j += \"\\f\", -1);\n break;\n case 44:\n u[f++] = (M(j) - 1) * d, d = 1;\n break;\n case 64:\n if (Q() === 45) j += X(P());\n v = Q(), o = l = M(g = j += ne(R())), $++;\n break;\n case 45:\n if (h === 45 && M(j) == 2) b = 0;\n }\n }\n return s;\n}\nfunction te(e, r, a, n, s, t, u, i, f, o, l) {\n var v = s - 1;\n var p = s === 0 ? t : [\"\"];\n var h = S(p);\n for (var b = 0, w = 0, d = 0; b < n; ++b) for (var $ = 0, k = A(e, v + 1, v = g(w = u[b])), m = e; $ < h; ++$) if (m = y(w > 0 ? p[$] + \" \" + k : z(k, /&\\f/g, p[$]))) f[d++] = m;\n return J(e, r, a, s === 0 ? c : i, f, o, l);\n}\nfunction ue(e, r, a) {\n return J(e, r, a, n, k(L()), A(e, 2, -2), 0);\n}\nfunction ie(e, r, a, n) {\n return J(e, r, a, s, A(e, 0, n), A(e, n + 1, -1), n);\n}\nfunction fe(n, c, s) {\n switch (x(n, c)) {\n case 5103:\n return a + \"print-\" + n + n;\n case 5737:\n case 4201:\n case 3177:\n case 3433:\n case 1641:\n case 4457:\n case 2921:\n case 5572:\n case 6356:\n case 5844:\n case 3191:\n case 6645:\n case 3005:\n case 6391:\n case 5879:\n case 5623:\n case 6135:\n case 4599:\n case 4855:\n case 4215:\n case 6389:\n case 5109:\n case 5365:\n case 5621:\n case 3829:\n return a + n + n;\n case 4789:\n return r + n + n;\n case 5349:\n case 4246:\n case 4810:\n case 6968:\n case 2756:\n return a + n + r + n + e + n + n;\n case 5936:\n switch (O(n, c + 11)) {\n case 114:\n return a + n + e + z(n, /[svh]\\w+-[tblr]{2}/, \"tb\") + n;\n case 108:\n return a + n + e + z(n, /[svh]\\w+-[tblr]{2}/, \"tb-rl\") + n;\n case 45:\n return a + n + e + z(n, /[svh]\\w+-[tblr]{2}/, \"lr\") + n;\n }\n case 6828:\n case 4268:\n case 2903:\n return a + n + e + n + n;\n case 6165:\n return a + n + e + \"flex-\" + n + n;\n case 5187:\n return a + n + z(n, /(\\w+).+(:[^]+)/, a + \"box-$1$2\" + e + \"flex-$1$2\") + n;\n case 5443:\n return a + n + e + \"flex-item-\" + z(n, /flex-|-self/g, \"\") + (!j(n, /flex-|baseline/) ? e + \"grid-row-\" + z(n, /flex-|-self/g, \"\") : \"\") + n;\n case 4675:\n return a + n + e + \"flex-line-pack\" + z(n, /align-content|flex-|-self/g, \"\") + n;\n case 5548:\n return a + n + e + z(n, \"shrink\", \"negative\") + n;\n case 5292:\n return a + n + e + z(n, \"basis\", \"preferred-size\") + n;\n case 6060:\n return a + \"box-\" + z(n, \"-grow\", \"\") + a + n + e + z(n, \"grow\", \"positive\") + n;\n case 4554:\n return a + z(n, /([^-])(transform)/g, \"$1\" + a + \"$2\") + n;\n case 6187:\n return z(z(z(n, /(zoom-|grab)/, a + \"$1\"), /(image-set)/, a + \"$1\"), n, \"\") + n;\n case 5495:\n case 3959:\n return z(n, /(image-set\\([^]*)/, a + \"$1\" + \"$`$1\");\n case 4968:\n return z(z(n, /(.+:)(flex-)?(.*)/, a + \"box-pack:$3\" + e + \"flex-pack:$3\"), /s.+-b[^;]+/, \"justify\") + a + n + n;\n case 4200:\n if (!j(n, /flex-|baseline/)) return e + \"grid-column-align\" + A(n, c) + n;\n break;\n case 2592:\n case 3360:\n return e + z(n, \"template-\", \"\") + n;\n case 4384:\n case 3616:\n if (s && s.some(function (e, r) {\n return c = r, j(e.props, /grid-\\w+-end/);\n })) {\n return ~C(n + (s = s[c].value), \"span\") ? n : e + z(n, \"-start\", \"\") + n + e + \"grid-row-span:\" + (~C(s, \"span\") ? j(s, /\\d+/) : +j(s, /\\d+/) - +j(n, /\\d+/)) + \";\";\n }\n return e + z(n, \"-start\", \"\") + n;\n case 4896:\n case 4128:\n return s && s.some(function (e) {\n return j(e.props, /grid-\\w+-start/);\n }) ? n : e + z(z(n, \"-end\", \"-span\"), \"span \", \"\") + n;\n case 4095:\n case 3583:\n case 4068:\n case 2532:\n return z(n, /(.+)-inline(.+)/, a + \"$1$2\") + n;\n case 8116:\n case 7059:\n case 5753:\n case 5535:\n case 5445:\n case 5701:\n case 4933:\n case 4677:\n case 5533:\n case 5789:\n case 5021:\n case 4765:\n if (M(n) - 1 - c > 6) switch (O(n, c + 1)) {\n case 109:\n if (O(n, c + 4) !== 45) break;\n case 102:\n return z(n, /(.+:)(.+)-([^]+)/, \"$1\" + a + \"$2-$3\" + \"$1\" + r + (O(n, c + 3) == 108 ? \"$3\" : \"$2-$3\")) + n;\n case 115:\n return ~C(n, \"stretch\") ? fe(z(n, \"stretch\", \"fill-available\"), c, s) + n : n;\n }\n break;\n case 5152:\n case 5920:\n return z(n, /(.+?):(\\d+)(\\s*\\/\\s*(span)?\\s*(\\d+))?(.*)/, function (r, a, c, s, t, u, i) {\n return e + a + \":\" + c + i + (s ? e + a + \"-span:\" + (t ? u : +u - +c) + i : \"\") + n;\n });\n case 4949:\n if (O(n, c + 6) === 121) return z(n, \":\", \":\" + a) + n;\n break;\n case 6444:\n switch (O(n, O(n, 14) === 45 ? 18 : 11)) {\n case 120:\n return z(n, /(.+:)([^;\\s!]+)(;|(\\s+)?!.+)?/, \"$1\" + a + (O(n, 14) === 45 ? \"inline-\" : \"\") + \"box$3\" + \"$1\" + a + \"$2$3\" + \"$1\" + e + \"$2box$3\") + n;\n case 100:\n return z(n, \":\", \":\" + e) + n;\n }\n break;\n case 5719:\n case 2647:\n case 2135:\n case 3927:\n case 2391:\n return z(n, \"scroll-\", \"scroll-snap-\") + n;\n }\n return n;\n}\nfunction oe(e, r) {\n var a = \"\";\n var n = S(e);\n for (var c = 0; c < n; c++) a += r(e[c], c, e, r) || \"\";\n return a;\n}\nfunction le(e, r, a, t) {\n switch (e.type) {\n case $:\n if (e.children.length) break;\n case i:\n case s:\n return e.return = e.return || e.value;\n case n:\n return \"\";\n case h:\n return e.return = e.value + \"{\" + oe(e.children, t) + \"}\";\n case c:\n e.value = e.props.join(\",\");\n }\n return M(a = oe(e.children, t)) ? e.return = e.value + \"{\" + a + \"}\" : \"\";\n}\nfunction ve(e) {\n var r = S(e);\n return function (a, n, c, s) {\n var t = \"\";\n for (var u = 0; u < r; u++) t += e[u](a, n, c, s) || \"\";\n return t;\n };\n}\nfunction pe(e) {\n return function (r) {\n if (!r.root) if (r = r.return) e(r);\n };\n}\nfunction he(n, t, u, i) {\n if (n.length > -1) if (!n.return) switch (n.type) {\n case s:\n n.return = fe(n.value, n.length, u);\n return;\n case h:\n return oe([K(n, {\n value: z(n.value, \"@\", \"@\" + a)\n })], i);\n case c:\n if (n.length) return B(n.props, function (c) {\n switch (j(c, /(::plac\\w+|:read-\\w+)/)) {\n case \":read-only\":\n case \":read-write\":\n return oe([K(n, {\n props: [z(c, /:(read-\\w+)/, \":\" + r + \"$1\")]\n })], i);\n case \"::placeholder\":\n return oe([K(n, {\n props: [z(c, /:(plac\\w+)/, \":\" + a + \"input-$1\")]\n }), K(n, {\n props: [z(c, /:(plac\\w+)/, \":\" + r + \"$1\")]\n }), K(n, {\n props: [z(c, /:(plac\\w+)/, e + \"input-$1\")]\n })], i);\n }\n return \"\";\n });\n }\n}\nfunction be(e) {\n switch (e.type) {\n case c:\n e.props = e.props.map(function (r) {\n return B(Y(r), function (r, a, n) {\n switch (O(r, 0)) {\n case 12:\n return A(r, 1, M(r));\n case 0:\n case 40:\n case 43:\n case 62:\n case 126:\n return r;\n case 58:\n if (n[++a] === \"global\") n[a] = \"\", n[++a] = \"\\f\" + A(n[a], a = 1, -1);\n case 32:\n return a === 1 ? \"\" : r;\n default:\n switch (a) {\n case 0:\n e = r;\n return S(n) > 1 ? \"\" : r;\n case a = S(n) - 1:\n case 2:\n return a === 2 ? r + e + e : r + e;\n default:\n return r;\n }\n }\n });\n });\n }\n}\nexport { f as CHARSET, n as COMMENT, w as COUNTER_STYLE, s as DECLARATION, v as DOCUMENT, b as FONT_FACE, d as FONT_FEATURE_VALUES, i as IMPORT, h as KEYFRAMES, $ as LAYER, u as MEDIA, r as MOZ, e as MS, p as NAMESPACE, t as PAGE, c as RULESET, l as SUPPORTS, o as VIEWPORT, a as WEBKIT, g as abs, V as alloc, q as append, m as assign, R as caret, L as char, H as character, I as characters, O as charat, E as column, B as combine, ue as comment, ae as commenter, ce as compile, K as copy, W as dealloc, ie as declaration, X as delimit, re as delimiter, ee as escaping, k as from, x as hash, ne as identifier, C as indexof, F as length, D as line, j as match, ve as middleware, be as namespace, P as next, J as node, se as parse, Q as peek, G as position, fe as prefix, he as prefixer, N as prev, z as replace, te as ruleset, pe as rulesheet, oe as serialize, S as sizeof, T as slice, le as stringify, M as strlen, A as substr, U as token, Y as tokenize, _ as tokenizer, y as trim, Z as whitespace };","import { StyleSheet } from '@emotion/sheet';\nimport { dealloc, alloc, next, token, from, peek, delimit, slice, position, RULESET, combine, match, serialize, copy, replace, WEBKIT, MOZ, MS, KEYFRAMES, DECLARATION, hash, charat, strlen, indexof, stringify, COMMENT, rulesheet, middleware, compile } from 'stylis';\nimport '@emotion/weak-memoize';\nimport '@emotion/memoize';\nvar identifierWithPointTracking = function identifierWithPointTracking(begin, points, index) {\n var previous = 0;\n var character = 0;\n while (true) {\n previous = character;\n character = peek(); // &\\f\n\n if (previous === 38 && character === 12) {\n points[index] = 1;\n }\n if (token(character)) {\n break;\n }\n next();\n }\n return slice(begin, position);\n};\nvar toRules = function toRules(parsed, points) {\n // pretend we've started with a comma\n var index = -1;\n var character = 44;\n do {\n switch (token(character)) {\n case 0:\n // &\\f\n if (character === 38 && peek() === 12) {\n // this is not 100% correct, we don't account for literal sequences here - like for example quoted strings\n // stylis inserts \\f after & to know when & where it should replace this sequence with the context selector\n // and when it should just concatenate the outer and inner selectors\n // it's very unlikely for this sequence to actually appear in a different context, so we just leverage this fact here\n points[index] = 1;\n }\n parsed[index] += identifierWithPointTracking(position - 1, points, index);\n break;\n case 2:\n parsed[index] += delimit(character);\n break;\n case 4:\n // comma\n if (character === 44) {\n // colon\n parsed[++index] = peek() === 58 ? '&\\f' : '';\n points[index] = parsed[index].length;\n break;\n }\n\n // fallthrough\n\n default:\n parsed[index] += from(character);\n }\n } while (character = next());\n return parsed;\n};\nvar getRules = function getRules(value, points) {\n return dealloc(toRules(alloc(value), points));\n}; // WeakSet would be more appropriate, but only WeakMap is supported in IE11\n\nvar fixedElements = /* #__PURE__ */new WeakMap();\nvar compat = function compat(element) {\n if (element.type !== 'rule' || !element.parent ||\n // positive .length indicates that this rule contains pseudo\n // negative .length indicates that this rule has been already prefixed\n element.length < 1) {\n return;\n }\n var value = element.value,\n parent = element.parent;\n var isImplicitRule = element.column === parent.column && element.line === parent.line;\n while (parent.type !== 'rule') {\n parent = parent.parent;\n if (!parent) return;\n } // short-circuit for the simplest case\n\n if (element.props.length === 1 && value.charCodeAt(0) !== 58\n /* colon */ && !fixedElements.get(parent)) {\n return;\n } // if this is an implicitly inserted rule (the one eagerly inserted at the each new nested level)\n // then the props has already been manipulated beforehand as they that array is shared between it and its \"rule parent\"\n\n if (isImplicitRule) {\n return;\n }\n fixedElements.set(element, true);\n var points = [];\n var rules = getRules(value, points);\n var parentRules = parent.props;\n for (var i = 0, k = 0; i < rules.length; i++) {\n for (var j = 0; j < parentRules.length; j++, k++) {\n element.props[k] = points[i] ? rules[i].replace(/&\\f/g, parentRules[j]) : parentRules[j] + \" \" + rules[i];\n }\n }\n};\nvar removeLabel = function removeLabel(element) {\n if (element.type === 'decl') {\n var value = element.value;\n if (\n // charcode for l\n value.charCodeAt(0) === 108 &&\n // charcode for b\n value.charCodeAt(2) === 98) {\n // this ignores label\n element[\"return\"] = '';\n element.value = '';\n }\n }\n};\nvar ignoreFlag = 'emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason';\nvar isIgnoringComment = function isIgnoringComment(element) {\n return element.type === 'comm' && element.children.indexOf(ignoreFlag) > -1;\n};\nvar createUnsafeSelectorsAlarm = function createUnsafeSelectorsAlarm(cache) {\n return function (element, index, children) {\n if (element.type !== 'rule' || cache.compat) return;\n var unsafePseudoClasses = element.value.match(/(:first|:nth|:nth-last)-child/g);\n if (unsafePseudoClasses) {\n var isNested = !!element.parent; // in nested rules comments become children of the \"auto-inserted\" rule and that's always the `element.parent`\n //\n // considering this input:\n // .a {\n // .b /* comm */ {}\n // color: hotpink;\n // }\n // we get output corresponding to this:\n // .a {\n // & {\n // /* comm */\n // color: hotpink;\n // }\n // .b {}\n // }\n\n var commentContainer = isNested ? element.parent.children :\n // global rule at the root level\n children;\n for (var i = commentContainer.length - 1; i >= 0; i--) {\n var node = commentContainer[i];\n if (node.line < element.line) {\n break;\n } // it is quite weird but comments are *usually* put at `column: element.column - 1`\n // so we seek *from the end* for the node that is earlier than the rule's `element` and check that\n // this will also match inputs like this:\n // .a {\n // /* comm */\n // .b {}\n // }\n //\n // but that is fine\n //\n // it would be the easiest to change the placement of the comment to be the first child of the rule:\n // .a {\n // .b { /* comm */ }\n // }\n // with such inputs we wouldn't have to search for the comment at all\n // TODO: consider changing this comment placement in the next major version\n\n if (node.column < element.column) {\n if (isIgnoringComment(node)) {\n return;\n }\n break;\n }\n }\n unsafePseudoClasses.forEach(function (unsafePseudoClass) {\n console.error(\"The pseudo class \\\"\" + unsafePseudoClass + \"\\\" is potentially unsafe when doing server-side rendering. Try changing it to \\\"\" + unsafePseudoClass.split('-child')[0] + \"-of-type\\\".\");\n });\n }\n };\n};\nvar isImportRule = function isImportRule(element) {\n return element.type.charCodeAt(1) === 105 && element.type.charCodeAt(0) === 64;\n};\nvar isPrependedWithRegularRules = function isPrependedWithRegularRules(index, children) {\n for (var i = index - 1; i >= 0; i--) {\n if (!isImportRule(children[i])) {\n return true;\n }\n }\n return false;\n}; // use this to remove incorrect elements from further processing\n// so they don't get handed to the `sheet` (or anything else)\n// as that could potentially lead to additional logs which in turn could be overhelming to the user\n\nvar nullifyElement = function nullifyElement(element) {\n element.type = '';\n element.value = '';\n element[\"return\"] = '';\n element.children = '';\n element.props = '';\n};\nvar incorrectImportAlarm = function incorrectImportAlarm(element, index, children) {\n if (!isImportRule(element)) {\n return;\n }\n if (element.parent) {\n console.error(\"`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles.\");\n nullifyElement(element);\n } else if (isPrependedWithRegularRules(index, children)) {\n console.error(\"`@import` rules can't be after other rules. Please put your `@import` rules before your other rules.\");\n nullifyElement(element);\n }\n};\n\n/* eslint-disable no-fallthrough */\n\nfunction prefix(value, length) {\n switch (hash(value, length)) {\n // color-adjust\n case 5103:\n return WEBKIT + 'print-' + value + value;\n // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)\n\n case 5737:\n case 4201:\n case 3177:\n case 3433:\n case 1641:\n case 4457:\n case 2921: // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break\n\n case 5572:\n case 6356:\n case 5844:\n case 3191:\n case 6645:\n case 3005: // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,\n\n case 6391:\n case 5879:\n case 5623:\n case 6135:\n case 4599:\n case 4855: // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)\n\n case 4215:\n case 6389:\n case 5109:\n case 5365:\n case 5621:\n case 3829:\n return WEBKIT + value + value;\n // appearance, user-select, transform, hyphens, text-size-adjust\n\n case 5349:\n case 4246:\n case 4810:\n case 6968:\n case 2756:\n return WEBKIT + value + MOZ + value + MS + value + value;\n // flex, flex-direction\n\n case 6828:\n case 4268:\n return WEBKIT + value + MS + value + value;\n // order\n\n case 6165:\n return WEBKIT + value + MS + 'flex-' + value + value;\n // align-items\n\n case 5187:\n return WEBKIT + value + replace(value, /(\\w+).+(:[^]+)/, WEBKIT + 'box-$1$2' + MS + 'flex-$1$2') + value;\n // align-self\n\n case 5443:\n return WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/, '') + value;\n // align-content\n\n case 4675:\n return WEBKIT + value + MS + 'flex-line-pack' + replace(value, /align-content|flex-|-self/, '') + value;\n // flex-shrink\n\n case 5548:\n return WEBKIT + value + MS + replace(value, 'shrink', 'negative') + value;\n // flex-basis\n\n case 5292:\n return WEBKIT + value + MS + replace(value, 'basis', 'preferred-size') + value;\n // flex-grow\n\n case 6060:\n return WEBKIT + 'box-' + replace(value, '-grow', '') + WEBKIT + value + MS + replace(value, 'grow', 'positive') + value;\n // transition\n\n case 4554:\n return WEBKIT + replace(value, /([^-])(transform)/g, '$1' + WEBKIT + '$2') + value;\n // cursor\n\n case 6187:\n return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + '$1'), /(image-set)/, WEBKIT + '$1'), value, '') + value;\n // background, background-image\n\n case 5495:\n case 3959:\n return replace(value, /(image-set\\([^]*)/, WEBKIT + '$1' + '$`$1');\n // justify-content\n\n case 4968:\n return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + 'box-pack:$3' + MS + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + WEBKIT + value + value;\n // (margin|padding)-inline-(start|end)\n\n case 4095:\n case 3583:\n case 4068:\n case 2532:\n return replace(value, /(.+)-inline(.+)/, WEBKIT + '$1$2') + value;\n // (min|max)?(width|height|inline-size|block-size)\n\n case 8116:\n case 7059:\n case 5753:\n case 5535:\n case 5445:\n case 5701:\n case 4933:\n case 4677:\n case 5533:\n case 5789:\n case 5021:\n case 4765:\n // stretch, max-content, min-content, fill-available\n if (strlen(value) - 1 - length > 6) switch (charat(value, length + 1)) {\n // (m)ax-content, (m)in-content\n case 109:\n // -\n if (charat(value, length + 4) !== 45) break;\n // (f)ill-available, (f)it-content\n\n case 102:\n return replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + (charat(value, length + 3) == 108 ? '$3' : '$2-$3')) + value;\n // (s)tretch\n\n case 115:\n return ~indexof(value, 'stretch') ? prefix(replace(value, 'stretch', 'fill-available'), length) + value : value;\n }\n break;\n // position: sticky\n\n case 4949:\n // (s)ticky?\n if (charat(value, length + 1) !== 115) break;\n // display: (flex|inline-flex)\n\n case 6444:\n switch (charat(value, strlen(value) - 3 - (~indexof(value, '!important') && 10))) {\n // stic(k)y\n case 107:\n return replace(value, ':', ':' + WEBKIT) + value;\n // (inline-)?fl(e)x\n\n case 101:\n return replace(value, /(.+:)([^;!]+)(;|!.+)?/, '$1' + WEBKIT + (charat(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + WEBKIT + '$2$3' + '$1' + MS + '$2box$3') + value;\n }\n break;\n // writing-mode\n\n case 5936:\n switch (charat(value, length + 11)) {\n // vertical-l(r)\n case 114:\n return WEBKIT + value + MS + replace(value, /[svh]\\w+-[tblr]{2}/, 'tb') + value;\n // vertical-r(l)\n\n case 108:\n return WEBKIT + value + MS + replace(value, /[svh]\\w+-[tblr]{2}/, 'tb-rl') + value;\n // horizontal(-)tb\n\n case 45:\n return WEBKIT + value + MS + replace(value, /[svh]\\w+-[tblr]{2}/, 'lr') + value;\n }\n return WEBKIT + value + MS + value + value;\n }\n return value;\n}\nvar prefixer = function prefixer(element, index, children, callback) {\n if (element.length > -1) if (!element[\"return\"]) switch (element.type) {\n case DECLARATION:\n element[\"return\"] = prefix(element.value, element.length);\n break;\n case KEYFRAMES:\n return serialize([copy(element, {\n value: replace(element.value, '@', '@' + WEBKIT)\n })], callback);\n case RULESET:\n if (element.length) return combine(element.props, function (value) {\n switch (match(value, /(::plac\\w+|:read-\\w+)/)) {\n // :read-(only|write)\n case ':read-only':\n case ':read-write':\n return serialize([copy(element, {\n props: [replace(value, /:(read-\\w+)/, ':' + MOZ + '$1')]\n })], callback);\n // :placeholder\n\n case '::placeholder':\n return serialize([copy(element, {\n props: [replace(value, /:(plac\\w+)/, ':' + WEBKIT + 'input-$1')]\n }), copy(element, {\n props: [replace(value, /:(plac\\w+)/, ':' + MOZ + '$1')]\n }), copy(element, {\n props: [replace(value, /:(plac\\w+)/, MS + 'input-$1')]\n })], callback);\n }\n return '';\n });\n }\n};\nvar defaultStylisPlugins = [prefixer];\nvar createCache = function createCache(options) {\n var key = options.key;\n if (process.env.NODE_ENV !== 'production' && !key) {\n throw new Error(\"You have to configure `key` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.\\n\" + \"If multiple caches share the same key they might \\\"fight\\\" for each other's style elements.\");\n }\n if (key === 'css') {\n var ssrStyles = document.querySelectorAll(\"style[data-emotion]:not([data-s])\"); // get SSRed styles out of the way of React's hydration\n // document.head is a safe place to move them to(though note document.head is not necessarily the last place they will be)\n // note this very very intentionally targets all style elements regardless of the key to ensure\n // that creating a cache works inside of render of a React component\n\n Array.prototype.forEach.call(ssrStyles, function (node) {\n // we want to only move elements which have a space in the data-emotion attribute value\n // because that indicates that it is an Emotion 11 server-side rendered style elements\n // while we will already ignore Emotion 11 client-side inserted styles because of the :not([data-s]) part in the selector\n // Emotion 10 client-side inserted styles did not have data-s (but importantly did not have a space in their data-emotion attributes)\n // so checking for the space ensures that loading Emotion 11 after Emotion 10 has inserted some styles\n // will not result in the Emotion 10 styles being destroyed\n var dataEmotionAttribute = node.getAttribute('data-emotion');\n if (dataEmotionAttribute.indexOf(' ') === -1) {\n return;\n }\n document.head.appendChild(node);\n node.setAttribute('data-s', '');\n });\n }\n var stylisPlugins = options.stylisPlugins || defaultStylisPlugins;\n if (process.env.NODE_ENV !== 'production') {\n // $FlowFixMe\n if (/[^a-z-]/.test(key)) {\n throw new Error(\"Emotion key must only contain lower case alphabetical characters and - but \\\"\" + key + \"\\\" was passed\");\n }\n }\n var inserted = {};\n var container;\n var nodesToHydrate = [];\n {\n container = options.container || document.head;\n Array.prototype.forEach.call(\n // this means we will ignore elements which don't have a space in them which\n // means that the style elements we're looking at are only Emotion 11 server-rendered style elements\n document.querySelectorAll(\"style[data-emotion^=\\\"\" + key + \" \\\"]\"), function (node) {\n var attrib = node.getAttribute(\"data-emotion\").split(' '); // $FlowFixMe\n\n for (var i = 1; i < attrib.length; i++) {\n inserted[attrib[i]] = true;\n }\n nodesToHydrate.push(node);\n });\n }\n var _insert;\n var omnipresentPlugins = [compat, removeLabel];\n if (process.env.NODE_ENV !== 'production') {\n omnipresentPlugins.push(createUnsafeSelectorsAlarm({\n get compat() {\n return cache.compat;\n }\n }), incorrectImportAlarm);\n }\n {\n var currentSheet;\n var finalizingPlugins = [stringify, process.env.NODE_ENV !== 'production' ? function (element) {\n if (!element.root) {\n if (element[\"return\"]) {\n currentSheet.insert(element[\"return\"]);\n } else if (element.value && element.type !== COMMENT) {\n // insert empty rule in non-production environments\n // so @emotion/jest can grab `key` from the (JS)DOM for caches without any rules inserted yet\n currentSheet.insert(element.value + \"{}\");\n }\n }\n } : rulesheet(function (rule) {\n currentSheet.insert(rule);\n })];\n var serializer = middleware(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));\n var stylis = function stylis(styles) {\n return serialize(compile(styles), serializer);\n };\n _insert = function insert(selector, serialized, sheet, shouldCache) {\n currentSheet = sheet;\n if (process.env.NODE_ENV !== 'production' && serialized.map !== undefined) {\n currentSheet = {\n insert: function insert(rule) {\n sheet.insert(rule + serialized.map);\n }\n };\n }\n stylis(selector ? selector + \"{\" + serialized.styles + \"}\" : serialized.styles);\n if (shouldCache) {\n cache.inserted[serialized.name] = true;\n }\n };\n }\n var cache = {\n key: key,\n sheet: new StyleSheet({\n key: key,\n container: container,\n nonce: options.nonce,\n speedy: options.speedy,\n prepend: options.prepend,\n insertionPoint: options.insertionPoint\n }),\n nonce: options.nonce,\n inserted: inserted,\n registered: {},\n insert: _insert\n };\n cache.sheet.hydrate(nodesToHydrate);\n return cache;\n};\nexport { createCache as default };","var _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n};\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) {\n return typeof obj;\n} : function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n};\nfunction _objectWithoutProperties(obj, keys) {\n var target = {};\n for (var i in obj) {\n if (keys.indexOf(i) >= 0) continue;\n if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;\n target[i] = obj[i];\n }\n return target;\n}\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport Route from \"./Route\";\nimport Link from \"./Link\";\n\n/**\n * A wrapper that knows if it's \"active\" or not.\n */\nvar NavLink = function NavLink(_ref) {\n var to = _ref.to,\n exact = _ref.exact,\n strict = _ref.strict,\n location = _ref.location,\n activeClassName = _ref.activeClassName,\n className = _ref.className,\n activeStyle = _ref.activeStyle,\n style = _ref.style,\n getIsActive = _ref.isActive,\n ariaCurrent = _ref[\"aria-current\"],\n rest = _objectWithoutProperties(_ref, [\"to\", \"exact\", \"strict\", \"location\", \"activeClassName\", \"className\", \"activeStyle\", \"style\", \"isActive\", \"aria-current\"]);\n var path = (typeof to === \"undefined\" ? \"undefined\" : _typeof(to)) === \"object\" ? to.pathname : to;\n\n // Regex taken from: https://github.com/pillarjs/path-to-regexp/blob/master/index.js#L202\n var escapedPath = path && path.replace(/([.+*?=^!:${}()[\\]|/\\\\])/g, \"\\\\$1\");\n return /*#__PURE__*/React.createElement(Route, {\n path: escapedPath,\n exact: exact,\n strict: strict,\n location: location,\n children: function children(_ref2) {\n var location = _ref2.location,\n match = _ref2.match;\n var isActive = !!(getIsActive ? getIsActive(match, location) : match);\n return /*#__PURE__*/React.createElement(Link, _extends({\n to: to,\n className: isActive ? [className, activeClassName].filter(function (i) {\n return i;\n }).join(\" \") : className,\n style: isActive ? _extends({}, style, activeStyle) : style,\n \"aria-current\": isActive && ariaCurrent || null\n }, rest));\n }\n });\n};\nNavLink.defaultProps = {\n activeClassName: \"active\",\n \"aria-current\": \"page\"\n};\nexport default NavLink;","import * as React from 'react';\nvar syncFallback = function syncFallback(create) {\n return create();\n};\nvar useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : false;\nvar useInsertionEffectAlwaysWithSyncFallback = useInsertionEffect || syncFallback;\nvar useInsertionEffectWithLayoutFallback = useInsertionEffect || React.useLayoutEffect;\nexport { useInsertionEffectAlwaysWithSyncFallback, useInsertionEffectWithLayoutFallback };","/**\n * This method returns `undefined`.\n *\n * @static\n * @memberOf _\n * @since 2.3.0\n * @category Util\n * @example\n *\n * _.times(2, _.noop);\n * // => [undefined, undefined]\n */\nfunction noop() {\n // No operation performed.\n}\nmodule.exports = noop;","var unitlessKeys = {\n animationIterationCount: 1,\n aspectRatio: 1,\n borderImageOutset: 1,\n borderImageSlice: 1,\n borderImageWidth: 1,\n boxFlex: 1,\n boxFlexGroup: 1,\n boxOrdinalGroup: 1,\n columnCount: 1,\n columns: 1,\n flex: 1,\n flexGrow: 1,\n flexPositive: 1,\n flexShrink: 1,\n flexNegative: 1,\n flexOrder: 1,\n gridRow: 1,\n gridRowEnd: 1,\n gridRowSpan: 1,\n gridRowStart: 1,\n gridColumn: 1,\n gridColumnEnd: 1,\n gridColumnSpan: 1,\n gridColumnStart: 1,\n msGridRow: 1,\n msGridRowSpan: 1,\n msGridColumn: 1,\n msGridColumnSpan: 1,\n fontWeight: 1,\n lineHeight: 1,\n opacity: 1,\n order: 1,\n orphans: 1,\n tabSize: 1,\n widows: 1,\n zIndex: 1,\n zoom: 1,\n WebkitLineClamp: 1,\n // SVG-related properties\n fillOpacity: 1,\n floodOpacity: 1,\n stopOpacity: 1,\n strokeDasharray: 1,\n strokeDashoffset: 1,\n strokeMiterlimit: 1,\n strokeOpacity: 1,\n strokeWidth: 1\n};\nexport { unitlessKeys as default };","import hashString from '@emotion/hash';\nimport unitless from '@emotion/unitless';\nimport memoize from '@emotion/memoize';\nvar ILLEGAL_ESCAPE_SEQUENCE_ERROR = \"You have illegal escape sequence in your template literal, most likely inside content's property value.\\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \\\"content: '\\\\00d7';\\\" should become \\\"content: '\\\\\\\\00d7';\\\".\\nYou can read more about this here:\\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences\";\nvar UNDEFINED_AS_OBJECT_KEY_ERROR = \"You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).\";\nvar hyphenateRegex = /[A-Z]|^ms/g;\nvar animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;\nvar isCustomProperty = function isCustomProperty(property) {\n return property.charCodeAt(1) === 45;\n};\nvar isProcessableValue = function isProcessableValue(value) {\n return value != null && typeof value !== 'boolean';\n};\nvar processStyleName = /* #__PURE__ */memoize(function (styleName) {\n return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, '-$&').toLowerCase();\n});\nvar processStyleValue = function processStyleValue(key, value) {\n switch (key) {\n case 'animation':\n case 'animationName':\n {\n if (typeof value === 'string') {\n return value.replace(animationRegex, function (match, p1, p2) {\n cursor = {\n name: p1,\n styles: p2,\n next: cursor\n };\n return p1;\n });\n }\n }\n }\n if (unitless[key] !== 1 && !isCustomProperty(key) && typeof value === 'number' && value !== 0) {\n return value + 'px';\n }\n return value;\n};\nif (process.env.NODE_ENV !== 'production') {\n var contentValuePattern = /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\\(|(no-)?(open|close)-quote/;\n var contentValues = ['normal', 'none', 'initial', 'inherit', 'unset'];\n var oldProcessStyleValue = processStyleValue;\n var msPattern = /^-ms-/;\n var hyphenPattern = /-(.)/g;\n var hyphenatedCache = {};\n processStyleValue = function processStyleValue(key, value) {\n if (key === 'content') {\n if (typeof value !== 'string' || contentValues.indexOf(value) === -1 && !contentValuePattern.test(value) && (value.charAt(0) !== value.charAt(value.length - 1) || value.charAt(0) !== '\"' && value.charAt(0) !== \"'\")) {\n throw new Error(\"You seem to be using a value for 'content' without quotes, try replacing it with `content: '\\\"\" + value + \"\\\"'`\");\n }\n }\n var processed = oldProcessStyleValue(key, value);\n if (processed !== '' && !isCustomProperty(key) && key.indexOf('-') !== -1 && hyphenatedCache[key] === undefined) {\n hyphenatedCache[key] = true;\n console.error(\"Using kebab-case for css properties in objects is not supported. Did you mean \" + key.replace(msPattern, 'ms-').replace(hyphenPattern, function (str, _char) {\n return _char.toUpperCase();\n }) + \"?\");\n }\n return processed;\n };\n}\nvar noComponentSelectorMessage = 'Component selectors can only be used in conjunction with ' + '@emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware ' + 'compiler transform.';\nfunction handleInterpolation(mergedProps, registered, interpolation) {\n if (interpolation == null) {\n return '';\n }\n if (interpolation.__emotion_styles !== undefined) {\n if (process.env.NODE_ENV !== 'production' && interpolation.toString() === 'NO_COMPONENT_SELECTOR') {\n throw new Error(noComponentSelectorMessage);\n }\n return interpolation;\n }\n switch (typeof interpolation) {\n case 'boolean':\n {\n return '';\n }\n case 'object':\n {\n if (interpolation.anim === 1) {\n cursor = {\n name: interpolation.name,\n styles: interpolation.styles,\n next: cursor\n };\n return interpolation.name;\n }\n if (interpolation.styles !== undefined) {\n var next = interpolation.next;\n if (next !== undefined) {\n // not the most efficient thing ever but this is a pretty rare case\n // and there will be very few iterations of this generally\n while (next !== undefined) {\n cursor = {\n name: next.name,\n styles: next.styles,\n next: cursor\n };\n next = next.next;\n }\n }\n var styles = interpolation.styles + \";\";\n if (process.env.NODE_ENV !== 'production' && interpolation.map !== undefined) {\n styles += interpolation.map;\n }\n return styles;\n }\n return createStringFromObject(mergedProps, registered, interpolation);\n }\n case 'function':\n {\n if (mergedProps !== undefined) {\n var previousCursor = cursor;\n var result = interpolation(mergedProps);\n cursor = previousCursor;\n return handleInterpolation(mergedProps, registered, result);\n } else if (process.env.NODE_ENV !== 'production') {\n console.error('Functions that are interpolated in css calls will be stringified.\\n' + 'If you want to have a css call based on props, create a function that returns a css call like this\\n' + 'let dynamicStyle = (props) => css`color: ${props.color}`\\n' + 'It can be called directly with props or interpolated in a styled call like this\\n' + \"let SomeComponent = styled('div')`${dynamicStyle}`\");\n }\n break;\n }\n case 'string':\n if (process.env.NODE_ENV !== 'production') {\n var matched = [];\n var replaced = interpolation.replace(animationRegex, function (match, p1, p2) {\n var fakeVarName = \"animation\" + matched.length;\n matched.push(\"const \" + fakeVarName + \" = keyframes`\" + p2.replace(/^@keyframes animation-\\w+/, '') + \"`\");\n return \"${\" + fakeVarName + \"}\";\n });\n if (matched.length) {\n console.error('`keyframes` output got interpolated into plain string, please wrap it with `css`.\\n\\n' + 'Instead of doing this:\\n\\n' + [].concat(matched, [\"`\" + replaced + \"`\"]).join('\\n') + '\\n\\nYou should wrap it with `css` like this:\\n\\n' + (\"css`\" + replaced + \"`\"));\n }\n }\n break;\n } // finalize string values (regular strings and functions interpolated into css calls)\n\n if (registered == null) {\n return interpolation;\n }\n var cached = registered[interpolation];\n return cached !== undefined ? cached : interpolation;\n}\nfunction createStringFromObject(mergedProps, registered, obj) {\n var string = '';\n if (Array.isArray(obj)) {\n for (var i = 0; i < obj.length; i++) {\n string += handleInterpolation(mergedProps, registered, obj[i]) + \";\";\n }\n } else {\n for (var _key in obj) {\n var value = obj[_key];\n if (typeof value !== 'object') {\n if (registered != null && registered[value] !== undefined) {\n string += _key + \"{\" + registered[value] + \"}\";\n } else if (isProcessableValue(value)) {\n string += processStyleName(_key) + \":\" + processStyleValue(_key, value) + \";\";\n }\n } else {\n if (_key === 'NO_COMPONENT_SELECTOR' && process.env.NODE_ENV !== 'production') {\n throw new Error(noComponentSelectorMessage);\n }\n if (Array.isArray(value) && typeof value[0] === 'string' && (registered == null || registered[value[0]] === undefined)) {\n for (var _i = 0; _i < value.length; _i++) {\n if (isProcessableValue(value[_i])) {\n string += processStyleName(_key) + \":\" + processStyleValue(_key, value[_i]) + \";\";\n }\n }\n } else {\n var interpolated = handleInterpolation(mergedProps, registered, value);\n switch (_key) {\n case 'animation':\n case 'animationName':\n {\n string += processStyleName(_key) + \":\" + interpolated + \";\";\n break;\n }\n default:\n {\n if (process.env.NODE_ENV !== 'production' && _key === 'undefined') {\n console.error(UNDEFINED_AS_OBJECT_KEY_ERROR);\n }\n string += _key + \"{\" + interpolated + \"}\";\n }\n }\n }\n }\n }\n }\n return string;\n}\nvar labelPattern = /label:\\s*([^\\s;\\n{]+)\\s*(;|$)/g;\nvar sourceMapPattern;\nif (process.env.NODE_ENV !== 'production') {\n sourceMapPattern = /\\/\\*#\\ssourceMappingURL=data:application\\/json;\\S+\\s+\\*\\//g;\n} // this is the cursor for keyframes\n// keyframes are stored on the SerializedStyles object as a linked list\n\nvar cursor;\nvar serializeStyles = function serializeStyles(args, registered, mergedProps) {\n if (args.length === 1 && typeof args[0] === 'object' && args[0] !== null && args[0].styles !== undefined) {\n return args[0];\n }\n var stringMode = true;\n var styles = '';\n cursor = undefined;\n var strings = args[0];\n if (strings == null || strings.raw === undefined) {\n stringMode = false;\n styles += handleInterpolation(mergedProps, registered, strings);\n } else {\n if (process.env.NODE_ENV !== 'production' && strings[0] === undefined) {\n console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);\n }\n styles += strings[0];\n } // we start at 1 since we've already handled the first arg\n\n for (var i = 1; i < args.length; i++) {\n styles += handleInterpolation(mergedProps, registered, args[i]);\n if (stringMode) {\n if (process.env.NODE_ENV !== 'production' && strings[i] === undefined) {\n console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);\n }\n styles += strings[i];\n }\n }\n var sourceMap;\n if (process.env.NODE_ENV !== 'production') {\n styles = styles.replace(sourceMapPattern, function (match) {\n sourceMap = match;\n return '';\n });\n } // using a global regex with .exec is stateful so lastIndex has to be reset each time\n\n labelPattern.lastIndex = 0;\n var identifierName = '';\n var match; // https://esbench.com/bench/5b809c2cf2949800a0f61fb5\n\n while ((match = labelPattern.exec(styles)) !== null) {\n identifierName += '-' +\n // $FlowFixMe we know it's not null\n match[1];\n }\n var name = hashString(styles) + identifierName;\n if (process.env.NODE_ENV !== 'production') {\n // $FlowFixMe SerializedStyles type doesn't have toString property (and we don't want to add it)\n return {\n name: name,\n styles: styles,\n map: sourceMap,\n next: cursor,\n toString: function toString() {\n return \"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).\";\n }\n };\n }\n return {\n name: name,\n styles: styles,\n next: cursor\n };\n};\nexport { serializeStyles };","/* eslint-disable */\n// Inspired by https://github.com/garycourt/murmurhash-js\n// Ported from https://github.com/aappleby/smhasher/blob/61a0530f28277f2e850bfc39600ce61d02b518de/src/MurmurHash2.cpp#L37-L86\nfunction murmur2(str) {\n // 'm' and 'r' are mixing constants generated offline.\n // They're not really 'magic', they just happen to work well.\n // const m = 0x5bd1e995;\n // const r = 24;\n // Initialize the hash\n var h = 0; // Mix 4 bytes at a time into the hash\n\n var k,\n i = 0,\n len = str.length;\n for (; len >= 4; ++i, len -= 4) {\n k = str.charCodeAt(i) & 0xff | (str.charCodeAt(++i) & 0xff) << 8 | (str.charCodeAt(++i) & 0xff) << 16 | (str.charCodeAt(++i) & 0xff) << 24;\n k = /* Math.imul(k, m): */\n (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16);\n k ^= /* k >>> r: */\n k >>> 24;\n h = /* Math.imul(k, m): */\n (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16) ^ /* Math.imul(h, m): */\n (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);\n } // Handle the last few bytes of the input array\n\n switch (len) {\n case 3:\n h ^= (str.charCodeAt(i + 2) & 0xff) << 16;\n case 2:\n h ^= (str.charCodeAt(i + 1) & 0xff) << 8;\n case 1:\n h ^= str.charCodeAt(i) & 0xff;\n h = /* Math.imul(h, m): */\n (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);\n } // Do a few final mixes of the hash to ensure the last few\n // bytes are well-incorporated.\n\n h ^= h >>> 13;\n h = /* Math.imul(h, m): */\n (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);\n return ((h ^ h >>> 15) >>> 0).toString(36);\n}\nexport { murmur2 as default };","import PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { FormattedMessage, injectIntl, defineMessages } from 'react-intl';\n\nimport classNames from 'classnames';\n\nimport { Icon } from 'flavours/glitch/components/icon';\n\nconst messages = defineMessages({\n show: { id: 'column_header.show_settings', defaultMessage: 'Show settings' },\n hide: { id: 'column_header.hide_settings', defaultMessage: 'Hide settings' },\n moveLeft: { id: 'column_header.moveLeft_settings', defaultMessage: 'Move column to the left' },\n moveRight: { id: 'column_header.moveRight_settings', defaultMessage: 'Move column to the right' },\n});\n\nclass ColumnHeader extends PureComponent {\n\n static contextTypes = {\n router: PropTypes.object,\n identity: PropTypes.object,\n };\n\n static propTypes = {\n intl: PropTypes.object.isRequired,\n title: PropTypes.node,\n icon: PropTypes.string,\n active: PropTypes.bool,\n multiColumn: PropTypes.bool,\n extraButton: PropTypes.node,\n showBackButton: PropTypes.bool,\n children: PropTypes.node,\n pinned: PropTypes.bool,\n placeholder: PropTypes.bool,\n onPin: PropTypes.func,\n onMove: PropTypes.func,\n onClick: PropTypes.func,\n appendContent: PropTypes.node,\n collapseIssues: PropTypes.bool,\n };\n\n state = {\n collapsed: true,\n animating: false,\n };\n\n handleToggleClick = (e) => {\n e.stopPropagation();\n this.setState({ collapsed: !this.state.collapsed, animating: true });\n };\n\n handleTitleClick = () => {\n this.props.onClick?.();\n };\n\n handleMoveLeft = () => {\n this.props.onMove(-1);\n };\n\n handleMoveRight = () => {\n this.props.onMove(1);\n };\n\n handleBackClick = () => {\n const { router } = this.context;\n\n // Check if there is a previous page in the app to go back to per https://stackoverflow.com/a/70532858/9703201\n // When upgrading to V6, check `location.key !== 'default'` instead per https://github.com/remix-run/history/blob/main/docs/api-reference.md#location\n if (router.route.location.key) {\n router.history.goBack();\n } else {\n router.history.push('/');\n }\n };\n\n handleTransitionEnd = () => {\n this.setState({ animating: false });\n };\n\n handlePin = () => {\n if (!this.props.pinned) {\n this.context.router.history.replace('/');\n }\n\n this.props.onPin();\n };\n\n render () {\n const { title, icon, active, children, pinned, multiColumn, extraButton, showBackButton, intl: { formatMessage }, placeholder, appendContent, collapseIssues } = this.props;\n const { collapsed, animating } = this.state;\n\n const wrapperClassName = classNames('column-header__wrapper', {\n 'active': active,\n });\n\n const buttonClassName = classNames('column-header', {\n 'active': active,\n });\n\n const collapsibleClassName = classNames('column-header__collapsible', {\n 'collapsed': collapsed,\n 'animating': animating,\n });\n\n const collapsibleButtonClassName = classNames('column-header__button', {\n 'active': !collapsed,\n });\n\n let extraContent, pinButton, moveButtons, backButton, collapseButton;\n\n if (children) {\n extraContent = (\n \n {children}\n
\n );\n }\n\n if (multiColumn && pinned) {\n pinButton = ;\n\n moveButtons = (\n \n \n \n
\n );\n } else if (multiColumn && this.props.onPin) {\n pinButton = ;\n }\n\n if (!pinned && (multiColumn || showBackButton)) {\n backButton = (\n \n );\n }\n\n const collapsedContent = [\n extraContent,\n ];\n\n if (multiColumn) {\n collapsedContent.push(pinButton);\n collapsedContent.push(moveButtons);\n }\n\n if (this.context.identity.signedIn && (children || (multiColumn && this.props.onPin))) {\n collapseButton = (\n \n \n {hasTitle && (\n \n )}\n\n {!hasTitle && backButton}\n\n
\n\n
\n );\n\n if (multiColumn || placeholder) {\n return component;\n } else {\n // The portal container and the component may be rendered to the DOM in\n // the same React render pass, so the container might not be available at\n // the time `render()` is called.\n const container = document.getElementById('tabs-bar__portal');\n if (container === null) {\n // The container wasn't available, force a re-render so that the\n // component can eventually be inserted in the container and not scroll\n // with the rest of the area.\n this.forceUpdate();\n return component;\n } else {\n return createPortal(component, container);\n }\n }\n }\n\n}\n\nexport default injectIntl(ColumnHeader);\n","// @ts-check\nimport PropTypes from 'prop-types';\nimport { Component } from 'react';\n\nimport { FormattedMessage } from 'react-intl';\n\nimport classNames from 'classnames';\nimport { Link } from 'react-router-dom';\n\nimport ImmutablePropTypes from 'react-immutable-proptypes';\n\nimport { Sparklines, SparklinesCurve } from 'react-sparklines';\n\nimport { ShortNumber } from 'mastodon/components/short_number';\nimport { Skeleton } from 'mastodon/components/skeleton';\n\nclass SilentErrorBoundary extends Component {\n\n static propTypes = {\n children: PropTypes.node,\n };\n\n state = {\n error: false,\n };\n\n componentDidCatch() {\n this.setState({ error: true });\n }\n\n render() {\n if (this.state.error) {\n return null;\n }\n\n return this.props.children;\n }\n\n}\n\n/**\n * Used to render counter of how much people are talking about hashtag\n * @type {(displayNumber: JSX.Element, pluralReady: number) => JSX.Element}\n */\nexport const accountsCountRenderer = (displayNumber, pluralReady) => (\n \n {hasTitle && (\n \n )}\n\n {!hasTitle && backButton}\n\n \n {hasTitle && backButton}\n {extraButton}\n {collapseButton}\n \n
\n\n \n
\n\n {appendContent}\n \n {(!collapsed || animating) && collapsedContent}\n
\n \n
\n);\n\nHashtag.propTypes = {\n name: PropTypes.string,\n to: PropTypes.string,\n people: PropTypes.number,\n description: PropTypes.node,\n uses: PropTypes.number,\n history: PropTypes.arrayOf(PropTypes.number),\n className: PropTypes.string,\n withGraph: PropTypes.bool,\n};\n\nHashtag.defaultProps = {\n withGraph: true,\n};\n\nexport default Hashtag;\n","// @ts-check\nimport PropTypes from 'prop-types';\nimport { Component } from 'react';\n\nimport { FormattedMessage } from 'react-intl';\n\nimport classNames from 'classnames';\n\nimport ImmutablePropTypes from 'react-immutable-proptypes';\n\nimport { Sparklines, SparklinesCurve } from 'react-sparklines';\n\nimport { ShortNumber } from 'flavours/glitch/components/short_number';\nimport { Skeleton } from 'flavours/glitch/components/skeleton';\n\nimport Permalink from './permalink';\n\nclass SilentErrorBoundary extends Component {\n\n static propTypes = {\n children: PropTypes.node,\n };\n\n state = {\n error: false,\n };\n\n componentDidCatch () {\n this.setState({ error: true });\n }\n\n render () {\n if (this.state.error) {\n return null;\n }\n\n return this.props.children;\n }\n\n}\n\n/**\n * Used to render counter of how much people are talking about hashtag\n * @type {(displayNumber: JSX.Element, pluralReady: number) => JSX.Element}\n */\nexport const accountsCountRenderer = (displayNumber, pluralReady) => (\n \n \n {name ? <>#{name} :
\n\n {typeof uses !== 'undefined' && (\n \n
\n )}\n\n {withGraph && (\n \n \n 0)}>\n \n \n
\n )}\n \n
\n);\n\nHashtag.propTypes = {\n name: PropTypes.string,\n href: PropTypes.string,\n to: PropTypes.string,\n people: PropTypes.number,\n description: PropTypes.node,\n uses: PropTypes.number,\n history: PropTypes.arrayOf(PropTypes.number),\n className: PropTypes.string,\n withGraph: PropTypes.bool,\n};\n\nHashtag.defaultProps = {\n withGraph: true,\n};\n\nexport default Hashtag;\n","export const PERMISSION_INVITE_USERS = 0x0000000000010000;\nexport const PERMISSION_MANAGE_USERS = 0x0000000000000400;\nexport const PERMISSION_MANAGE_FEDERATION = 0x0000000000000020;\nexport const PERMISSION_MANAGE_REPORTS = 0x0000000000000010;\n","export const PERMISSION_INVITE_USERS = 0x0000000000010000;\nexport const PERMISSION_MANAGE_USERS = 0x0000000000000400;\nexport const PERMISSION_MANAGE_FEDERATION = 0x0000000000000020;\nexport const PERMISSION_MANAGE_REPORTS = 0x0000000000000010;\n","// @ts-check\n\nimport axios from 'axios';\nimport LinkHeader from 'http-link-header';\n\nimport ready from './ready';\n/**\n * @param {import('axios').AxiosResponse} response\n * @returns {LinkHeader}\n */\nexport const getLinks = response => {\n const value = response.headers.link;\n\n if (!value) {\n return new LinkHeader();\n }\n\n return LinkHeader.parse(value);\n};\n\n/** @type {import('axios').RawAxiosRequestHeaders} */\nconst csrfHeader = {};\n\n/**\n * @returns {void}\n */\nconst setCSRFHeader = () => {\n /** @type {HTMLMetaElement | null} */\n const csrfToken = document.querySelector('meta[name=csrf-token]');\n\n if (csrfToken) {\n csrfHeader['X-CSRF-Token'] = csrfToken.content;\n }\n};\n\nready(setCSRFHeader);\n\n/**\n * @param {() => import('immutable').Map\n \n {name ? <>#{name} : \n\n {description ? (\n {description}\n ) : (\n typeof people !== 'undefined' ?
\n\n {typeof uses !== 'undefined' && (\n \n
\n )}\n\n {withGraph && (\n \n \n 0)}>\n \n \n
\n )}\n \n \n
\n \n ) : null;\n }\n\n}\n\nexport default injectIntl(NotificationOverlay);\n","// Package imports.\nimport { connect } from 'react-redux';\n\n// Our imports.\nimport { markNotificationForDelete } from 'flavours/glitch/actions/notifications';\n\nimport NotificationOverlay from '../components/overlay';\n\nconst mapDispatchToProps = dispatch => ({\n onMarkForDelete(id, yes) {\n dispatch(markNotificationForDelete(id, yes));\n },\n});\n\nconst mapStateToProps = state => ({\n show: state.getIn(['notifications', 'cleaningMode']),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(NotificationOverlay);\n","/**\n * Copyright 2014-2015, Facebook, Inc.\n * All rights reserved.\n *\n * This source code is licensed under the BSD-style license found in the\n * LICENSE file in the root directory of this source tree. An additional grant\n * of patent rights can be found in the PATENTS file in the same directory.\n */\n\n'use strict';\n\n/**\n * Similar to invariant but only logs a warning if the condition is not met.\n * This can be used to log issues in development environments in critical\n * paths. Removing the logging code for production environments will keep the\n * same logic and follow the same code paths.\n */\nvar warning = function () {};\nif (process.env.NODE_ENV !== 'production') {\n warning = function (condition, format, args) {\n var len = arguments.length;\n args = new Array(len > 2 ? len - 2 : 0);\n for (var key = 2; key < len; key++) {\n args[key - 2] = arguments[key];\n }\n if (format === undefined) {\n throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument');\n }\n if (format.length < 10 || /^[s\\W]*$/.test(format)) {\n throw new Error('The warning format should be able to uniquely identify this ' + 'warning. Please, use a more descriptive format than: ' + format);\n }\n if (!condition) {\n var argIndex = 0;\n var message = 'Warning: ' + format.replace(/%s/g, function () {\n return args[argIndex++];\n });\n if (typeof console !== 'undefined') {\n console.error(message);\n }\n try {\n // This error was thrown as a convenience so that you can use this stack\n // to find the callsite that caused this warning to fire.\n throw new Error(message);\n } catch (x) {}\n }\n };\n}\nmodule.exports = warning;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nexports.__esModule = true;\nexports.default = void 0;\nvar _inDOM = _interopRequireDefault(require(\"../util/inDOM\"));\nvar off = function off() {};\nif (_inDOM.default) {\n off = function () {\n if (document.addEventListener) return function (node, eventName, handler, capture) {\n return node.removeEventListener(eventName, handler, capture || false);\n };else if (document.attachEvent) return function (node, eventName, handler) {\n return node.detachEvent('on' + eventName, handler);\n };\n }();\n}\nvar _default = off;\nexports.default = _default;\nmodule.exports = exports[\"default\"];","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nexports.__esModule = true;\nexports.default = void 0;\nvar _inDOM = _interopRequireDefault(require(\"../util/inDOM\"));\nvar on = function on() {};\nif (_inDOM.default) {\n on = function () {\n if (document.addEventListener) return function (node, eventName, handler, capture) {\n return node.addEventListener(eventName, handler, capture || false);\n };else if (document.attachEvent) return function (node, eventName, handler) {\n return node.attachEvent('on' + eventName, function (e) {\n e = e || window.event;\n e.target = e.target || e.srcElement;\n e.currentTarget = node;\n handler.call(node, e);\n });\n };\n }();\n}\nvar _default = on;\nexports.default = _default;\nmodule.exports = exports[\"default\"];","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nexports.__esModule = true;\nexports.default = scrollTop;\nvar _isWindow = _interopRequireDefault(require(\"./isWindow\"));\nfunction scrollTop(node, val) {\n var win = (0, _isWindow.default)(node);\n if (val === undefined) return win ? 'pageXOffset' in win ? win.pageXOffset : win.document.documentElement.scrollLeft : node.scrollLeft;\n if (win) win.scrollTo(val, 'pageYOffset' in win ? win.pageYOffset : win.document.documentElement.scrollTop);else node.scrollLeft = val;\n}\nmodule.exports = exports[\"default\"];","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nexports.__esModule = true;\nexports.default = scrollTop;\nvar _isWindow = _interopRequireDefault(require(\"./isWindow\"));\nfunction scrollTop(node, val) {\n var win = (0, _isWindow.default)(node);\n if (val === undefined) return win ? 'pageYOffset' in win ? win.pageYOffset : win.document.documentElement.scrollTop : node.scrollTop;\n if (win) win.scrollTo('pageXOffset' in win ? win.pageXOffset : win.document.documentElement.scrollLeft, val);else node.scrollTop = val;\n}\nmodule.exports = exports[\"default\"];","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nexports.__esModule = true;\nexports.default = void 0;\nvar _inDOM = _interopRequireDefault(require(\"./inDOM\"));\nvar vendors = ['', 'webkit', 'moz', 'o', 'ms'];\nvar cancel = 'clearTimeout';\nvar raf = fallback;\nvar compatRaf;\nvar getKey = function getKey(vendor, k) {\n return vendor + (!vendor ? k : k[0].toUpperCase() + k.substr(1)) + 'AnimationFrame';\n};\nif (_inDOM.default) {\n vendors.some(function (vendor) {\n var rafKey = getKey(vendor, 'request');\n if (rafKey in window) {\n cancel = getKey(vendor, 'cancel');\n return raf = function raf(cb) {\n return window[rafKey](cb);\n };\n }\n });\n}\n/* https://github.com/component/raf */\n\nvar prev = new Date().getTime();\nfunction fallback(fn) {\n var curr = new Date().getTime(),\n ms = Math.max(0, 16 - (curr - prev)),\n req = setTimeout(fn, ms);\n prev = curr;\n return req;\n}\ncompatRaf = function compatRaf(cb) {\n return raf(cb);\n};\ncompatRaf.cancel = function (id) {\n window[cancel] && typeof window[cancel] === 'function' && window[cancel](id);\n};\nvar _default = compatRaf;\nexports.default = _default;\nmodule.exports = exports[\"default\"];","\"use strict\";\n\nexports.__esModule = true;\nexports.isMobileSafari = isMobileSafari;\nfunction isMobileSafari() {\n return /iPad|iPhone|iPod/.test(window.navigator.platform) && /^((?!CriOS).)*Safari/.test(window.navigator.userAgent);\n}","module.exports = Array.isArray || function (arr) {\n return Object.prototype.toString.call(arr) == '[object Array]';\n};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createBackoff = createBackoff;\nvar backoff = {\n exponential: function exponential(attempt, delay) {\n return Math.floor(Math.random() * Math.pow(2, attempt) * delay);\n },\n fibonacci: function fibonacci(attempt, delay) {\n var current = 1;\n if (attempt > current) {\n var prev = 1,\n current = 2;\n for (var index = 2; index < attempt; index++) {\n var next = prev + current;\n prev = current;\n current = next;\n }\n }\n return Math.floor(Math.random() * current * delay);\n }\n};\nfunction createBackoff(type, options) {\n return new Backoff(backoff[type], options);\n}\nfunction Backoff(func, options) {\n this.func = func;\n this.attempts = 0;\n this.delay = typeof options.initialDelay !== \"undefined\" ? options.initialDelay : 100;\n}\nBackoff.prototype.backoff = function () {\n setTimeout(this.onReady, this.func(++this.attempts, this.delay));\n};","import { memo } from 'react';\n\nimport { FormattedMessage, FormattedNumber } from 'react-intl';\n\nimport { toShortNumber, pluralReady, DECIMAL_UNITS } from '../utils/numbers';\n\ntype ShortNumberRenderer = (\n displayNumber: JSX.Element,\n pluralReady: number,\n) => JSX.Element;\n\ninterface ShortNumberProps {\n value: number;\n renderer?: ShortNumberRenderer;\n children?: ShortNumberRenderer;\n}\n\nexport const ShortNumberRenderer: React.FC\n {title}\n {!(horizontal || compact) &&
\n );\n\n const thumbnailStyle = {\n visibility: revealed? null : 'hidden',\n };\n\n if (horizontal) {\n thumbnailStyle.aspectRatio = (compact && !embedded) ? '16 / 9' : `${card.get('width')} / ${card.get('height')}`;\n }\n\n let embed = '';\n let canvas = (\n {card.get('description')}
}\n {provider}\n\n {spoilerButton}\n
\n );\n\n if (interactive) {\n if (embedded) {\n embed = this.renderVideo();\n } else {\n let iconVariant = 'play';\n\n if (card.get('type') === 'photo') {\n iconVariant = 'search-plus';\n }\n\n embed = (\n \n {canvas}\n {thumbnail}\n\n {revealed && (\n \n )}\n {!revealed && spoilerButton}\n
\n );\n }\n\n return (\n \n {embed}\n {!compact && description}\n
\n );\n } else if (card.get('image')) {\n embed = (\n \n {canvas}\n {thumbnail}\n
\n );\n } else {\n embed = (\n \n
\n );\n }\n\n return (\n \n {embed}\n {description}\n \n );\n }\n\n}\n","function _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return self;\n}\nmodule.exports = _assertThisInitialized, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nvar _react = require('react');\nvar _react2 = _interopRequireDefault(_react);\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\nexports.default = function () {\n return _react2.default.createElement('svg', {\n width: '14',\n height: '11',\n viewBox: '0 0 14 11'\n }, _react2.default.createElement('path', {\n d: 'M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0',\n fill: '#fff',\n fillRule: 'evenodd'\n }));\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nvar _react = require('react');\nvar _react2 = _interopRequireDefault(_react);\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\nexports.default = function () {\n return _react2.default.createElement('svg', {\n width: '10',\n height: '10',\n viewBox: '0 0 10 10'\n }, _react2.default.createElement('path', {\n d: 'M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12',\n fill: '#fff',\n fillRule: 'evenodd'\n }));\n};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.pointerCoord = pointerCoord;\n// Copyright 2015-present Drifty Co.\n// http://drifty.com/\n// from: https://github.com/driftyco/ionic/blob/master/src/util/dom.ts\n\nfunction pointerCoord(event) {\n // get coordinates for either a mouse click\n // or a touch depending on the given event\n if (event) {\n var changedTouches = event.changedTouches;\n if (changedTouches && changedTouches.length > 0) {\n var touch = changedTouches[0];\n return {\n x: touch.clientX,\n y: touch.clientY\n };\n }\n var pageX = event.pageX;\n if (pageX !== undefined) {\n return {\n x: pageX,\n y: event.pageY\n };\n }\n }\n return {\n x: 0,\n y: 0\n };\n}","var _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n};\nfunction _objectWithoutProperties(obj, keys) {\n var target = {};\n for (var i in obj) {\n if (keys.indexOf(i) >= 0) continue;\n if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;\n target[i] = obj[i];\n }\n return target;\n}\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\nfunction _possibleConstructorReturn(self, call) {\n if (!self) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self;\n}\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass);\n }\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;\n}\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport invariant from \"invariant\";\nimport { createLocation } from \"history\";\nvar isModifiedEvent = function isModifiedEvent(event) {\n return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);\n};\n\n/**\n * The public API for rendering a history-aware .\n */\n\nvar Link = function (_React$Component) {\n _inherits(Link, _React$Component);\n function Link() {\n var _temp, _this, _ret;\n _classCallCheck(this, Link);\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.handleClick = function (event) {\n if (_this.props.onClick) _this.props.onClick(event);\n if (!event.defaultPrevented &&\n // onClick prevented default\n event.button === 0 &&\n // ignore everything but left clicks\n !_this.props.target &&\n // let browser handle \"target=_blank\" etc.\n !isModifiedEvent(event) // ignore clicks with modifier keys\n ) {\n event.preventDefault();\n var history = _this.context.router.history;\n var _this$props = _this.props,\n replace = _this$props.replace,\n to = _this$props.to;\n if (replace) {\n history.replace(to);\n } else {\n history.push(to);\n }\n }\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n Link.prototype.render = function render() {\n var _props = this.props,\n replace = _props.replace,\n to = _props.to,\n innerRef = _props.innerRef,\n props = _objectWithoutProperties(_props, [\"replace\", \"to\", \"innerRef\"]); // eslint-disable-line no-unused-vars\n\n invariant(this.context.router, \"You should not use outside a \n {title}\n {!(horizontal || compact) &&
\n );\n\n const thumbnailStyle = {\n visibility: revealed? null : 'hidden',\n };\n\n if (horizontal) {\n thumbnailStyle.aspectRatio = (compact && !embedded) ? '16 / 9' : `${card.get('width')} / ${card.get('height')}`;\n }\n\n let embed = '';\n let canvas = (\n {card.get('description')}
}\n {provider}\n\n {spoilerButton}\n
\n );\n\n if (interactive) {\n if (embedded) {\n embed = this.renderVideo();\n } else {\n let iconVariant = 'play';\n\n if (card.get('type') === 'photo') {\n iconVariant = 'search-plus';\n }\n\n embed = (\n \n {canvas}\n {thumbnail}\n\n {revealed && (\n \n )}\n {!revealed && spoilerButton}\n
\n );\n }\n\n return (\n \n {embed}\n {!compact && description}\n
\n );\n } else if (card.get('image')) {\n embed = (\n \n {canvas}\n {thumbnail}\n
\n );\n } else {\n embed = (\n \n
\n );\n }\n\n return (\n \n {embed}\n {description}\n \n );\n }\n\n}\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { DisplayName } from 'mastodon/components/display_name';\nimport { Skeleton } from 'mastodon/components/skeleton';\n\ninterface Props {\n size?: number;\n minimal?: boolean;\n}\n\nexport const EmptyAccount: React.FC\n
\n );\n};\n","import PropTypes from 'prop-types';\nimport { PureComponent, cloneElement, Children } from 'react';\n\nimport classNames from 'classnames';\n\nimport ImmutablePropTypes from 'react-immutable-proptypes';\n\nimport { supportsPassiveEvents } from 'detect-passive-events';\nimport Overlay from 'react-overlays/Overlay';\n\nimport { CircularProgress } from \"./circular_progress\";\nimport { IconButton } from './icon_button';\n\nconst listenerOptions = supportsPassiveEvents ? { passive: true, capture: true } : true;\nlet id = 0;\n\nclass DropdownMenu extends PureComponent {\n\n static contextTypes = {\n router: PropTypes.object,\n };\n\n static propTypes = {\n items: PropTypes.oneOfType([PropTypes.array, ImmutablePropTypes.list]).isRequired,\n loading: PropTypes.bool,\n scrollable: PropTypes.bool,\n onClose: PropTypes.func.isRequired,\n style: PropTypes.object,\n openedViaKeyboard: PropTypes.bool,\n renderItem: PropTypes.func,\n renderHeader: PropTypes.func,\n onItemClick: PropTypes.func.isRequired,\n };\n\n static defaultProps = {\n style: {},\n };\n\n handleDocumentClick = e => {\n if (this.node && !this.node.contains(e.target)) {\n this.props.onClose();\n e.stopPropagation();\n }\n };\n\n componentDidMount () {\n document.addEventListener('click', this.handleDocumentClick, { capture: true });\n document.addEventListener('keydown', this.handleKeyDown, { capture: true });\n document.addEventListener('touchend', this.handleDocumentClick, listenerOptions);\n\n if (this.focusedItem && this.props.openedViaKeyboard) {\n this.focusedItem.focus({ preventScroll: true });\n }\n }\n\n componentWillUnmount () {\n document.removeEventListener('click', this.handleDocumentClick, { capture: true });\n document.removeEventListener('keydown', this.handleKeyDown, { capture: true });\n document.removeEventListener('touchend', this.handleDocumentClick, listenerOptions);\n }\n\n setRef = c => {\n this.node = c;\n };\n\n setFocusRef = c => {\n this.focusedItem = c;\n };\n\n handleKeyDown = e => {\n const items = Array.from(this.node.querySelectorAll('a, button'));\n const index = items.indexOf(document.activeElement);\n let element = null;\n\n switch(e.key) {\n case 'ArrowDown':\n element = items[index+1] || items[0];\n break;\n case 'ArrowUp':\n element = items[index-1] || items[items.length-1];\n break;\n case 'Tab':\n if (e.shiftKey) {\n element = items[index-1] || items[items.length-1];\n } else {\n element = items[index+1] || items[0];\n }\n break;\n case 'Home':\n element = items[0];\n break;\n case 'End':\n element = items[items.length-1];\n break;\n case 'Escape':\n this.props.onClose();\n break;\n }\n\n if (element) {\n element.focus();\n e.preventDefault();\n e.stopPropagation();\n }\n };\n\n handleItemKeyPress = e => {\n if (e.key === 'Enter' || e.key === ' ') {\n this.handleClick(e);\n }\n };\n\n handleClick = e => {\n const { onItemClick } = this.props;\n onItemClick(e);\n };\n\n renderItem = (option, i) => {\n if (option === null) {\n return ;\n }\n\n const { text, href = '#', target = '_blank', method, dangerous } = option;\n\n return (\n \n
\n \n
\n \n
\n\n \n
\n \n {loading && (\n
\n );\n }\n\n}\n\nexport default class Dropdown extends PureComponent {\n\n static contextTypes = {\n router: PropTypes.object,\n };\n\n static propTypes = {\n children: PropTypes.node,\n icon: PropTypes.string,\n items: PropTypes.oneOfType([PropTypes.array, ImmutablePropTypes.list]).isRequired,\n loading: PropTypes.bool,\n size: PropTypes.number,\n title: PropTypes.string,\n disabled: PropTypes.bool,\n scrollable: PropTypes.bool,\n status: ImmutablePropTypes.map,\n isUserTouching: PropTypes.func,\n onOpen: PropTypes.func.isRequired,\n onClose: PropTypes.func.isRequired,\n openDropdownId: PropTypes.number,\n openedViaKeyboard: PropTypes.bool,\n renderItem: PropTypes.func,\n renderHeader: PropTypes.func,\n onItemClick: PropTypes.func,\n };\n\n static defaultProps = {\n title: 'Menu',\n };\n\n state = {\n id: id++,\n };\n\n handleClick = ({ type }) => {\n if (this.state.id === this.props.openDropdownId) {\n this.handleClose();\n } else {\n this.props.onOpen(this.state.id, this.handleItemClick, type !== 'click');\n }\n };\n\n handleClose = () => {\n if (this.activeElement) {\n this.activeElement.focus({ preventScroll: true });\n this.activeElement = null;\n }\n this.props.onClose(this.state.id);\n };\n\n handleMouseDown = () => {\n if (!this.state.open) {\n this.activeElement = document.activeElement;\n }\n };\n\n handleButtonKeyDown = (e) => {\n switch(e.key) {\n case ' ':\n case 'Enter':\n this.handleMouseDown();\n break;\n }\n };\n\n handleKeyPress = (e) => {\n switch(e.key) {\n case ' ':\n case 'Enter':\n this.handleClick(e);\n e.stopPropagation();\n e.preventDefault();\n break;\n }\n };\n\n handleItemClick = e => {\n const { onItemClick } = this.props;\n const i = Number(e.currentTarget.getAttribute('data-index'));\n const item = this.props.items[i];\n\n this.handleClose();\n\n if (typeof onItemClick === 'function') {\n e.preventDefault();\n onItemClick(item, i);\n } else if (item && typeof item.action === 'function') {\n e.preventDefault();\n item.action();\n } else if (item && item.to) {\n e.preventDefault();\n this.context.router.history.push(item.to);\n }\n };\n\n setTargetRef = c => {\n this.target = c;\n };\n\n findTarget = () => {\n return this.target;\n };\n\n componentWillUnmount = () => {\n if (this.state.id === this.props.openDropdownId) {\n this.handleClose();\n }\n };\n\n close = () => {\n this.handleClose();\n };\n\n render () {\n const {\n icon,\n items,\n size,\n title,\n disabled,\n loading,\n scrollable,\n openDropdownId,\n openedViaKeyboard,\n children,\n renderItem,\n renderHeader,\n } = this.props;\n\n const open = this.state.id === openDropdownId;\n\n const button = children ? cloneElement(Children.only(children), {\n onClick: this.handleClick,\n onMouseDown: this.handleMouseDown,\n onKeyDown: this.handleButtonKeyDown,\n onKeyPress: this.handleKeyPress,\n }) : (\n \n {renderHeader(items)}\n
\n )}\n\n {!loading && (\n - \n {items.map((option, i) => renderItem(option, i, { onClick: this.handleClick, onKeyPress: this.handleItemKeyPress }))}\n
\n
\n )}\n \n \n
\n \n
\n );\n }\n\n}\n\nexport default connect()(PictureInPicturePlaceholder);\n","export default __webpack_public_path__ + \"media/flavours/glitch/images/elephant_ui_working-8d131ca68f598cb545a64ac0563199d1.svg\";","import PropTypes from 'prop-types';\nimport { PureComponent, cloneElement, Children } from 'react';\n\nimport classNames from 'classnames';\n\nimport ImmutablePropTypes from 'react-immutable-proptypes';\n\nimport { supportsPassiveEvents } from 'detect-passive-events';\nimport Overlay from 'react-overlays/Overlay';\n\nimport { CircularProgress } from \"./circular_progress\";\nimport { IconButton } from './icon_button';\n\nconst listenerOptions = supportsPassiveEvents ? { passive: true, capture: true } : true;\nlet id = 0;\n\nclass DropdownMenu extends PureComponent {\n\n static contextTypes = {\n router: PropTypes.object,\n };\n\n static propTypes = {\n items: PropTypes.oneOfType([PropTypes.array, ImmutablePropTypes.list]).isRequired,\n loading: PropTypes.bool,\n scrollable: PropTypes.bool,\n onClose: PropTypes.func.isRequired,\n style: PropTypes.object,\n openedViaKeyboard: PropTypes.bool,\n renderItem: PropTypes.func,\n renderHeader: PropTypes.func,\n onItemClick: PropTypes.func.isRequired,\n };\n\n static defaultProps = {\n style: {},\n };\n\n handleDocumentClick = e => {\n if (this.node && !this.node.contains(e.target)) {\n this.props.onClose();\n e.stopPropagation();\n }\n };\n\n componentDidMount () {\n document.addEventListener('click', this.handleDocumentClick, { capture: true });\n document.addEventListener('keydown', this.handleKeyDown, { capture: true });\n document.addEventListener('touchend', this.handleDocumentClick, listenerOptions);\n\n if (this.focusedItem && this.props.openedViaKeyboard) {\n this.focusedItem.focus({ preventScroll: true });\n }\n }\n\n componentWillUnmount () {\n document.removeEventListener('click', this.handleDocumentClick, { capture: true });\n document.removeEventListener('keydown', this.handleKeyDown, { capture: true });\n document.removeEventListener('touchend', this.handleDocumentClick, listenerOptions);\n }\n\n setRef = c => {\n this.node = c;\n };\n\n setFocusRef = c => {\n this.focusedItem = c;\n };\n\n handleKeyDown = e => {\n const items = Array.from(this.node.querySelectorAll('a, button'));\n const index = items.indexOf(document.activeElement);\n let element = null;\n\n switch(e.key) {\n case 'ArrowDown':\n element = items[index+1] || items[0];\n break;\n case 'ArrowUp':\n element = items[index-1] || items[items.length-1];\n break;\n case 'Tab':\n if (e.shiftKey) {\n element = items[index-1] || items[items.length-1];\n } else {\n element = items[index+1] || items[0];\n }\n break;\n case 'Home':\n element = items[0];\n break;\n case 'End':\n element = items[items.length-1];\n break;\n case 'Escape':\n this.props.onClose();\n break;\n }\n\n if (element) {\n element.focus();\n e.preventDefault();\n e.stopPropagation();\n }\n };\n\n handleItemKeyPress = e => {\n if (e.key === 'Enter' || e.key === ' ') {\n this.handleClick(e);\n }\n };\n\n handleClick = e => {\n const { onItemClick } = this.props;\n onItemClick(e);\n };\n\n renderItem = (option, i) => {\n if (option === null) {\n return ;\n }\n\n const { text, href = '#', target = '_blank', method, dangerous } = option;\n\n return (\n \n {loading && (\n
\n );\n }\n\n}\n\nexport default class Dropdown extends PureComponent {\n\n static contextTypes = {\n router: PropTypes.object,\n };\n\n static propTypes = {\n children: PropTypes.node,\n icon: PropTypes.string,\n items: PropTypes.oneOfType([PropTypes.array, ImmutablePropTypes.list]).isRequired,\n loading: PropTypes.bool,\n size: PropTypes.number,\n title: PropTypes.string,\n disabled: PropTypes.bool,\n scrollable: PropTypes.bool,\n status: ImmutablePropTypes.map,\n isUserTouching: PropTypes.func,\n onOpen: PropTypes.func.isRequired,\n onClose: PropTypes.func.isRequired,\n openDropdownId: PropTypes.number,\n openedViaKeyboard: PropTypes.bool,\n renderItem: PropTypes.func,\n renderHeader: PropTypes.func,\n onItemClick: PropTypes.func,\n };\n\n static defaultProps = {\n title: 'Menu',\n };\n\n state = {\n id: id++,\n };\n\n handleClick = ({ type }) => {\n if (this.state.id === this.props.openDropdownId) {\n this.handleClose();\n } else {\n this.props.onOpen(this.state.id, this.handleItemClick, type !== 'click');\n }\n };\n\n handleClose = () => {\n if (this.activeElement) {\n this.activeElement.focus({ preventScroll: true });\n this.activeElement = null;\n }\n this.props.onClose(this.state.id);\n };\n\n handleMouseDown = () => {\n if (!this.state.open) {\n this.activeElement = document.activeElement;\n }\n };\n\n handleButtonKeyDown = (e) => {\n switch(e.key) {\n case ' ':\n case 'Enter':\n this.handleMouseDown();\n break;\n }\n };\n\n handleKeyPress = (e) => {\n switch(e.key) {\n case ' ':\n case 'Enter':\n this.handleClick(e);\n e.stopPropagation();\n e.preventDefault();\n break;\n }\n };\n\n handleItemClick = e => {\n const { onItemClick } = this.props;\n const i = Number(e.currentTarget.getAttribute('data-index'));\n const item = this.props.items[i];\n\n this.handleClose();\n\n if (typeof onItemClick === 'function') {\n e.preventDefault();\n onItemClick(item, i);\n } else if (item && typeof item.action === 'function') {\n e.preventDefault();\n item.action();\n } else if (item && item.to) {\n e.preventDefault();\n this.context.router.history.push(item.to);\n }\n };\n\n setTargetRef = c => {\n this.target = c;\n };\n\n findTarget = () => {\n return this.target;\n };\n\n componentWillUnmount = () => {\n if (this.state.id === this.props.openDropdownId) {\n this.handleClose();\n }\n };\n\n close = () => {\n this.handleClose();\n };\n\n render () {\n const {\n icon,\n items,\n size,\n title,\n disabled,\n loading,\n scrollable,\n openDropdownId,\n openedViaKeyboard,\n children,\n renderItem,\n renderHeader,\n } = this.props;\n\n const open = this.state.id === openDropdownId;\n\n const button = children ? cloneElement(Children.only(children), {\n onClick: this.handleClick,\n onMouseDown: this.handleMouseDown,\n onKeyDown: this.handleButtonKeyDown,\n onKeyPress: this.handleKeyPress,\n }) : (\n \n {renderHeader(items)}\n
\n )}\n\n {!loading && (\n - \n {items.map((option, i) => renderItem(option, i, { onClick: this.handleClick, onKeyPress: this.handleItemKeyPress }))}\n
\n
\n )}\n \n \n
\n \n
\n );\n }\n\n}\n\nexport default connect()(PictureInPicturePlaceholder);\n","import PropTypes from 'prop-types';\n\nimport { defineMessages, injectIntl, FormattedMessage } from 'react-intl';\n\nimport classNames from 'classnames';\n\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\n\nimport escapeTextContentForBrowser from 'escape-html';\nimport spring from 'react-motion/lib/spring';\n\nimport { Icon } from 'flavours/glitch/components/icon';\nimport emojify from 'flavours/glitch/features/emoji/emoji';\nimport Motion from 'flavours/glitch/features/ui/util/optional_motion';\n\nimport { RelativeTimestamp } from './relative_timestamp';\n\n\nconst messages = defineMessages({\n closed: {\n id: 'poll.closed',\n defaultMessage: 'Closed',\n },\n voted: {\n id: 'poll.voted',\n defaultMessage: 'You voted for this answer',\n },\n votes: {\n id: 'poll.votes',\n defaultMessage: '{votes, plural, one {# vote} other {# votes}}',\n },\n});\n\nconst makeEmojiMap = record => record.get('emojis').reduce((obj, emoji) => {\n obj[`:${emoji.get('shortcode')}:`] = emoji.toJS();\n return obj;\n}, {});\n\nclass Poll extends ImmutablePureComponent {\n\n static contextTypes = {\n identity: PropTypes.object,\n };\n\n static propTypes = {\n poll: ImmutablePropTypes.map,\n lang: PropTypes.string,\n intl: PropTypes.object.isRequired,\n disabled: PropTypes.bool,\n refresh: PropTypes.func,\n onVote: PropTypes.func,\n };\n\n state = {\n selected: {},\n expired: null,\n };\n\n static getDerivedStateFromProps (props, state) {\n const { poll } = props;\n const expires_at = poll.get('expires_at');\n const expired = poll.get('expired') || expires_at !== null && (new Date(expires_at)).getTime() < Date.now();\n return (expired === state.expired) ? null : { expired };\n }\n\n componentDidMount () {\n this._setupTimer();\n }\n\n componentDidUpdate () {\n this._setupTimer();\n }\n\n componentWillUnmount () {\n clearTimeout(this._timer);\n }\n\n _setupTimer () {\n const { poll } = this.props;\n clearTimeout(this._timer);\n if (!this.state.expired) {\n const delay = (new Date(poll.get('expires_at'))).getTime() - Date.now();\n this._timer = setTimeout(() => {\n this.setState({ expired: true });\n }, delay);\n }\n }\n\n _toggleOption = value => {\n if (this.props.poll.get('multiple')) {\n const tmp = { ...this.state.selected };\n if (tmp[value]) {\n delete tmp[value];\n } else {\n tmp[value] = true;\n }\n this.setState({ selected: tmp });\n } else {\n const tmp = {};\n tmp[value] = true;\n this.setState({ selected: tmp });\n }\n };\n\n handleOptionChange = ({ target: { value } }) => {\n this._toggleOption(value);\n };\n\n handleOptionKeyPress = (e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n this._toggleOption(e.target.getAttribute('data-index'));\n e.stopPropagation();\n e.preventDefault();\n }\n };\n\n handleVote = () => {\n if (this.props.disabled) {\n return;\n }\n\n this.props.onVote(Object.keys(this.state.selected));\n };\n\n handleRefresh = () => {\n if (this.props.disabled) {\n return;\n }\n\n this.props.refresh();\n };\n\n handleReveal = () => {\n this.setState({ revealed: true });\n }\n\n renderOption (option, optionIndex, showResults) {\n const { poll, lang, disabled, intl } = this.props;\n const pollVotesCount = poll.get('voters_count') || poll.get('votes_count');\n const percent = pollVotesCount === 0 ? 0 : (option.get('votes_count') / pollVotesCount) * 100;\n const leading = poll.get('options').filterNot(other => other.get('title') === option.get('title')).every(other => option.get('votes_count') >= other.get('votes_count'));\n const active = !!this.state.selected[`${optionIndex}`];\n const voted = option.get('voted') || (poll.get('own_votes') && poll.get('own_votes').includes(optionIndex));\n\n const title = option.getIn(['translation', 'title']) || option.get('title');\n let titleHtml = option.getIn(['translation', 'titleHtml']) || option.get('titleHtml');\n\n if (!titleHtml) {\n const emojiMap = makeEmojiMap(poll);\n titleHtml = emojify(escapeTextContentForBrowser(title), emojiMap);\n }\n\n return (\n \n
\n );\n }\n\n}\n\nexport default injectIntl(Poll);\n","import api from '../api';\n\nimport { importFetchedPoll } from './importer';\n\nexport const POLL_VOTE_REQUEST = 'POLL_VOTE_REQUEST';\nexport const POLL_VOTE_SUCCESS = 'POLL_VOTE_SUCCESS';\nexport const POLL_VOTE_FAIL = 'POLL_VOTE_FAIL';\n\nexport const POLL_FETCH_REQUEST = 'POLL_FETCH_REQUEST';\nexport const POLL_FETCH_SUCCESS = 'POLL_FETCH_SUCCESS';\nexport const POLL_FETCH_FAIL = 'POLL_FETCH_FAIL';\n\nexport const vote = (pollId, choices) => (dispatch, getState) => {\n dispatch(voteRequest());\n\n api(getState).post(`/api/v1/polls/${pollId}/votes`, { choices })\n .then(({ data }) => {\n dispatch(importFetchedPoll(data));\n dispatch(voteSuccess(data));\n })\n .catch(err => dispatch(voteFail(err)));\n};\n\nexport const fetchPoll = pollId => (dispatch, getState) => {\n dispatch(fetchPollRequest());\n\n api(getState).get(`/api/v1/polls/${pollId}`)\n .then(({ data }) => {\n dispatch(importFetchedPoll(data));\n dispatch(fetchPollSuccess(data));\n })\n .catch(err => dispatch(fetchPollFail(err)));\n};\n\nexport const voteRequest = () => ({\n type: POLL_VOTE_REQUEST,\n});\n\nexport const voteSuccess = poll => ({\n type: POLL_VOTE_SUCCESS,\n poll,\n});\n\nexport const voteFail = error => ({\n type: POLL_VOTE_FAIL,\n error,\n});\n\nexport const fetchPollRequest = () => ({\n type: POLL_FETCH_REQUEST,\n});\n\nexport const fetchPollSuccess = poll => ({\n type: POLL_FETCH_SUCCESS,\n poll,\n});\n\nexport const fetchPollFail = error => ({\n type: POLL_FETCH_FAIL,\n error,\n});\n","import { connect } from 'react-redux';\n\nimport { debounce } from 'lodash';\n\nimport { fetchPoll, vote } from 'flavours/glitch/actions/polls';\nimport Poll from 'flavours/glitch/components/poll';\n\nconst mapDispatchToProps = (dispatch, { pollId }) => ({\n refresh: debounce(\n () => {\n dispatch(fetchPoll(pollId));\n },\n 1000,\n { leading: true },\n ),\n\n onVote (choices) {\n dispatch(vote(pollId, choices));\n },\n});\n\nconst mapStateToProps = (state, { pollId }) => ({\n poll: state.getIn(['polls', pollId]),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Poll);\n","import PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport {\n injectIntl,\n FormattedMessage,\n defineMessages,\n} from 'react-intl';\n\nimport Overlay from 'react-overlays/Overlay';\n\nimport { Icon } from 'flavours/glitch/components/icon';\nimport { searchEnabled } from 'flavours/glitch/initial_state';\nimport { focusRoot } from 'flavours/glitch/utils/dom_helpers';\n\nconst messages = defineMessages({\n placeholder: { id: 'search.placeholder', defaultMessage: 'Search' },\n placeholderSignedIn: { id: 'search.search_or_paste', defaultMessage: 'Search or paste URL' },\n});\n\nclass SearchPopout extends PureComponent {\n\n render () {\n const extraInformation = searchEnabled ? - \n {poll.get('options').map((option, i) => this.renderOption(option, i, showResults))}\n
\n {!showResults && }\n {!showResults && <> · }\n {showResults && !this.props.disabled && <> · }\n {votesCount}\n {poll.get('expires_at') && <> · {timeRemaining}}\n
\n \n
\n\n
\n );\n }\n\n}\n\n// The component.\nclass Search extends PureComponent {\n\n static contextTypes = {\n router: PropTypes.object.isRequired,\n identity: PropTypes.object.isRequired,\n };\n\n static propTypes = {\n value: PropTypes.string.isRequired,\n submitted: PropTypes.bool,\n onChange: PropTypes.func.isRequired,\n onSubmit: PropTypes.func.isRequired,\n onClear: PropTypes.func.isRequired,\n onShow: PropTypes.func.isRequired,\n openInRoute: PropTypes.bool,\n intl: PropTypes.object.isRequired,\n singleColumn: PropTypes.bool,\n };\n\n state = {\n expanded: false,\n };\n\n setRef = c => {\n this.searchForm = c;\n };\n\n handleChange = (e) => {\n const { onChange } = this.props;\n if (onChange) {\n onChange(e.target.value);\n }\n };\n\n handleClear = (e) => {\n const {\n onClear,\n submitted,\n value,\n } = this.props;\n e.preventDefault(); // Prevents focus change ??\n if (onClear && (submitted || value && value.length)) {\n onClear();\n }\n };\n\n handleBlur = () => {\n this.setState({ expanded: false });\n };\n\n handleFocus = () => {\n this.setState({ expanded: true });\n this.props.onShow();\n\n if (this.searchForm && !this.props.singleColumn) {\n const { left, right } = this.searchForm.getBoundingClientRect();\n if (left < 0 || right > (window.innerWidth || document.documentElement.clientWidth)) {\n this.searchForm.scrollIntoView();\n }\n }\n };\n\n handleKeyUp = (e) => {\n const { onSubmit } = this.props;\n switch (e.key) {\n case 'Enter':\n onSubmit();\n\n if (this.props.openInRoute) {\n this.context.router.history.push('/search');\n }\n break;\n case 'Escape':\n focusRoot();\n }\n };\n\n findTarget = () => {\n return this.searchForm;\n };\n\n render () {\n const { intl, value, submitted } = this.props;\n const { expanded } = this.state;\n const { signedIn } = this.context.identity;\n const hasValue = value.length > 0 || submitted;\n\n return (\n - \n
- #example
- @username@domain
- URL
- URL
\n \n {({ props, placement }) => (\n \n
\n );\n }\n\n}\n\nexport default injectIntl(Search);\n","// Focuses the root element.\nexport function focusRoot () {\n let e;\n if (document && (e = document.querySelector('.ui')) && (e = e.parentElement)) {\n e.focus();\n }\n}\n","var weakMemoize = function weakMemoize(func) {\n // $FlowFixMe flow doesn't include all non-primitive types as allowed for weakmaps\n var cache = new WeakMap();\n return function (arg) {\n if (cache.has(arg)) {\n // $FlowFixMe\n return cache.get(arg);\n }\n var ret = func(arg);\n cache.set(arg, ret);\n return ret;\n };\n};\nexport { weakMemoize as default };","export default function _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n return arr2;\n}","var _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n};\nfunction _objectWithoutProperties(obj, keys) {\n var target = {};\n for (var i in obj) {\n if (keys.indexOf(i) >= 0) continue;\n if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;\n target[i] = obj[i];\n }\n return target;\n}\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport hoistStatics from \"hoist-non-react-statics\";\nimport Route from \"./Route\";\n\n/**\n * A public higher-order component to access the imperative API\n */\nvar withRouter = function withRouter(Component) {\n var C = function C(props) {\n var wrappedComponentRef = props.wrappedComponentRef,\n remainingProps = _objectWithoutProperties(props, [\"wrappedComponentRef\"]);\n return /*#__PURE__*/React.createElement(Route, {\n children: function children(routeComponentProps) {\n return /*#__PURE__*/React.createElement(Component, _extends({}, remainingProps, routeComponentProps, {\n ref: wrappedComponentRef\n }));\n }\n });\n };\n C.displayName = \"withRouter(\" + (Component.displayName || Component.name) + \")\";\n C.WrappedComponent = Component;\n return hoistStatics(C, Component);\n};\nexport default withRouter;","// Written in this round about way for babel-transform-imports\nimport withRouter from \"react-router/es/withRouter\";\nexport default withRouter;","import api from '../api';\n\nimport { openModal } from './modal';\n\nexport const REPORT_SUBMIT_REQUEST = 'REPORT_SUBMIT_REQUEST';\nexport const REPORT_SUBMIT_SUCCESS = 'REPORT_SUBMIT_SUCCESS';\nexport const REPORT_SUBMIT_FAIL = 'REPORT_SUBMIT_FAIL';\n\nexport const initReport = (account, status) => dispatch =>\n dispatch(openModal({\n modalType: 'REPORT',\n modalProps: {\n accountId: account.get('id'),\n statusId: status?.get('id'),\n },\n }));\n\nexport const submitReport = (params, onSuccess, onFail) => (dispatch, getState) => {\n dispatch(submitReportRequest());\n\n api(getState).post('/api/v1/reports', params).then(response => {\n dispatch(submitReportSuccess(response.data));\n if (onSuccess) onSuccess();\n }).catch(error => {\n dispatch(submitReportFail(error));\n if (onFail) onFail();\n });\n};\n\nexport const submitReportRequest = () => ({\n type: REPORT_SUBMIT_REQUEST,\n});\n\nexport const submitReportSuccess = report => ({\n type: REPORT_SUBMIT_SUCCESS,\n report,\n});\n\nexport const submitReportFail = error => ({\n type: REPORT_SUBMIT_FAIL,\n error,\n});\n","import api from '../api';\n\nimport { openModal } from './modal';\n\nexport const REPORT_SUBMIT_REQUEST = 'REPORT_SUBMIT_REQUEST';\nexport const REPORT_SUBMIT_SUCCESS = 'REPORT_SUBMIT_SUCCESS';\nexport const REPORT_SUBMIT_FAIL = 'REPORT_SUBMIT_FAIL';\n\nexport const initReport = (account, status) => dispatch =>\n dispatch(openModal({\n modalType: 'REPORT',\n modalProps: {\n accountId: account.get('id'),\n statusId: status?.get('id'),\n },\n }));\n\nexport const submitReport = (params, onSuccess, onFail) => (dispatch, getState) => {\n dispatch(submitReportRequest());\n\n api(getState).post('/api/v1/reports', params).then(response => {\n dispatch(submitReportSuccess(response.data));\n if (onSuccess) onSuccess();\n }).catch(error => {\n dispatch(submitReportFail(error));\n if (onFail) onFail();\n });\n};\n\nexport const submitReportRequest = () => ({\n type: REPORT_SUBMIT_REQUEST,\n});\n\nexport const submitReportSuccess = report => ({\n type: REPORT_SUBMIT_SUCCESS,\n report,\n});\n\nexport const submitReportFail = error => ({\n type: REPORT_SUBMIT_FAIL,\n error,\n});\n","import PropTypes from 'prop-types';\nvar EmojiPropTypes = {\n data: PropTypes.object.isRequired,\n onOver: PropTypes.func,\n onLeave: PropTypes.func,\n onClick: PropTypes.func,\n fallback: PropTypes.func,\n backgroundImageFn: PropTypes.func,\n \"native\": PropTypes.bool,\n forceSize: PropTypes.bool,\n tooltip: PropTypes.bool,\n useButton: PropTypes.bool,\n skin: PropTypes.oneOf([1, 2, 3, 4, 5, 6]),\n sheetSize: PropTypes.oneOf([16, 20, 32, 64]),\n sheetColumns: PropTypes.number,\n sheetRows: PropTypes.number,\n set: PropTypes.oneOf(['apple', 'google', 'twitter', 'facebook']),\n size: PropTypes.number.isRequired,\n emoji: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired\n};\nvar PickerPropTypes = {\n onClick: PropTypes.func,\n onSelect: PropTypes.func,\n onSkinChange: PropTypes.func,\n perLine: PropTypes.number,\n emojiSize: PropTypes.number,\n i18n: PropTypes.object,\n style: PropTypes.object,\n title: PropTypes.string,\n emoji: PropTypes.string,\n color: PropTypes.string,\n set: EmojiPropTypes.set,\n skin: EmojiPropTypes.skin,\n \"native\": PropTypes.bool,\n backgroundImageFn: EmojiPropTypes.backgroundImageFn,\n sheetSize: EmojiPropTypes.sheetSize,\n emojisToShowFilter: PropTypes.func,\n showPreview: PropTypes.bool,\n showSkinTones: PropTypes.bool,\n emojiTooltip: EmojiPropTypes.tooltip,\n useButton: EmojiPropTypes.useButton,\n theme: PropTypes.oneOf(['auto', 'light', 'dark']),\n include: PropTypes.arrayOf(PropTypes.string),\n exclude: PropTypes.arrayOf(PropTypes.string),\n recent: PropTypes.arrayOf(PropTypes.string),\n autoFocus: PropTypes.bool,\n enableFrequentEmojiSort: PropTypes.bool,\n custom: PropTypes.arrayOf(PropTypes.shape({\n name: PropTypes.string.isRequired,\n short_names: PropTypes.arrayOf(PropTypes.string).isRequired,\n emoticons: PropTypes.arrayOf(PropTypes.string),\n keywords: PropTypes.arrayOf(PropTypes.string),\n imageUrl: PropTypes.string,\n spriteUrl: PropTypes.string,\n sheet_x: PropTypes.number,\n sheet_y: PropTypes.number,\n size: PropTypes.number,\n sheetColumns: PropTypes.number,\n sheetRows: PropTypes.number\n })),\n skinEmoji: PropTypes.string,\n notFound: PropTypes.func,\n notFoundEmoji: PropTypes.string,\n icons: PropTypes.object\n};\nexport { EmojiPropTypes, PickerPropTypes };","import PropTypes from 'prop-types';\n\nimport { defineMessages, injectIntl } from 'react-intl';\n\nimport classNames from 'classnames';\n\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\n\nimport DropdownMenuContainer from 'flavours/glitch/containers/dropdown_menu_container';\nimport { me } from 'flavours/glitch/initial_state';\nimport { PERMISSION_MANAGE_USERS, PERMISSION_MANAGE_FEDERATION } from 'flavours/glitch/permissions';\nimport { accountAdminLink, statusAdminLink } from 'flavours/glitch/utils/backend_links';\n\nimport { IconButton } from './icon_button';\nimport { RelativeTimestamp } from './relative_timestamp';\n\nconst messages = defineMessages({\n delete: { id: 'status.delete', defaultMessage: 'Delete' },\n redraft: { id: 'status.redraft', defaultMessage: 'Delete & re-draft' },\n edit: { id: 'status.edit', defaultMessage: 'Edit' },\n direct: { id: 'status.direct', defaultMessage: 'Privately mention @{name}' },\n mention: { id: 'status.mention', defaultMessage: 'Mention @{name}' },\n mute: { id: 'account.mute', defaultMessage: 'Mute @{name}' },\n block: { id: 'account.block', defaultMessage: 'Block @{name}' },\n reply: { id: 'status.reply', defaultMessage: 'Reply' },\n share: { id: 'status.share', defaultMessage: 'Share' },\n more: { id: 'status.more', defaultMessage: 'More' },\n replyAll: { id: 'status.replyAll', defaultMessage: 'Reply to thread' },\n reblog: { id: 'status.reblog', defaultMessage: 'Boost' },\n reblog_private: { id: 'status.reblog_private', defaultMessage: 'Boost with original visibility' },\n cancel_reblog_private: { id: 'status.cancel_reblog_private', defaultMessage: 'Unboost' },\n cannot_reblog: { id: 'status.cannot_reblog', defaultMessage: 'This post cannot be boosted' },\n favourite: { id: 'status.favourite', defaultMessage: 'Favourite' },\n bookmark: { id: 'status.bookmark', defaultMessage: 'Bookmark' },\n open: { id: 'status.open', defaultMessage: 'Expand this status' },\n report: { id: 'status.report', defaultMessage: 'Report @{name}' },\n muteConversation: { id: 'status.mute_conversation', defaultMessage: 'Mute conversation' },\n unmuteConversation: { id: 'status.unmute_conversation', defaultMessage: 'Unmute conversation' },\n pin: { id: 'status.pin', defaultMessage: 'Pin on profile' },\n unpin: { id: 'status.unpin', defaultMessage: 'Unpin from profile' },\n embed: { id: 'status.embed', defaultMessage: 'Embed' },\n admin_account: { id: 'status.admin_account', defaultMessage: 'Open moderation interface for @{name}' },\n admin_status: { id: 'status.admin_status', defaultMessage: 'Open this post in the moderation interface' },\n admin_domain: { id: 'status.admin_domain', defaultMessage: 'Open moderation interface for {domain}' },\n copy: { id: 'status.copy', defaultMessage: 'Copy link to post' },\n hide: { id: 'status.hide', defaultMessage: 'Hide post' },\n edited: { id: 'status.edited', defaultMessage: 'Edited {date}' },\n filter: { id: 'status.filter', defaultMessage: 'Filter this post' },\n openOriginalPage: { id: 'account.open_original_page', defaultMessage: 'Open original page' },\n});\n\nclass StatusActionBar extends ImmutablePureComponent {\n\n static contextTypes = {\n router: PropTypes.object,\n identity: PropTypes.object,\n };\n\n static propTypes = {\n status: ImmutablePropTypes.map.isRequired,\n onReply: PropTypes.func,\n onFavourite: PropTypes.func,\n onReblog: PropTypes.func,\n onDelete: PropTypes.func,\n onDirect: PropTypes.func,\n onMention: PropTypes.func,\n onMute: PropTypes.func,\n onBlock: PropTypes.func,\n onReport: PropTypes.func,\n onEmbed: PropTypes.func,\n onMuteConversation: PropTypes.func,\n onPin: PropTypes.func,\n onBookmark: PropTypes.func,\n onFilter: PropTypes.func,\n onAddFilter: PropTypes.func,\n onInteractionModal: PropTypes.func,\n withDismiss: PropTypes.bool,\n withCounters: PropTypes.bool,\n showReplyCount: PropTypes.bool,\n scrollKey: PropTypes.string,\n intl: PropTypes.object.isRequired,\n };\n\n // Avoid checking props that are functions (and whose equality will always\n // evaluate to false. See react-immutable-pure-component for usage.\n updateOnProps = [\n 'status',\n 'showReplyCount',\n 'withCounters',\n 'withDismiss',\n ];\n\n handleReplyClick = () => {\n const { signedIn } = this.context.identity;\n\n if (signedIn) {\n this.props.onReply(this.props.status, this.context.router.history);\n } else {\n this.props.onInteractionModal('reply', this.props.status);\n }\n };\n\n handleShareClick = () => {\n navigator.share({\n url: this.props.status.get('url'),\n });\n };\n\n handleFavouriteClick = (e) => {\n const { signedIn } = this.context.identity;\n\n if (signedIn) {\n this.props.onFavourite(this.props.status, e);\n } else {\n this.props.onInteractionModal('favourite', this.props.status);\n }\n };\n\n handleReblogClick = e => {\n const { signedIn } = this.context.identity;\n\n if (signedIn) {\n this.props.onReblog(this.props.status, e);\n } else {\n this.props.onInteractionModal('reblog', this.props.status);\n }\n };\n\n handleBookmarkClick = (e) => {\n this.props.onBookmark(this.props.status, e);\n };\n\n handleDeleteClick = () => {\n this.props.onDelete(this.props.status, this.context.router.history);\n };\n\n handleRedraftClick = () => {\n this.props.onDelete(this.props.status, this.context.router.history, true);\n };\n\n handleEditClick = () => {\n this.props.onEdit(this.props.status, this.context.router.history);\n };\n\n handlePinClick = () => {\n this.props.onPin(this.props.status);\n };\n\n handleMentionClick = () => {\n this.props.onMention(this.props.status.get('account'), this.context.router.history);\n };\n\n handleDirectClick = () => {\n this.props.onDirect(this.props.status.get('account'), this.context.router.history);\n };\n\n handleMuteClick = () => {\n this.props.onMute(this.props.status.get('account'));\n };\n\n handleBlockClick = () => {\n this.props.onBlock(this.props.status);\n };\n\n handleOpen = () => {\n let state = { ...this.context.router.history.location.state };\n if (state.mastodonModalKey) {\n this.context.router.history.replace(`/@${this.props.status.getIn(['account', 'acct'])}/${this.props.status.get('id')}`);\n } else {\n this.context.router.history.push(`/@${this.props.status.getIn(['account', 'acct'])}/${this.props.status.get('id')}`);\n }\n };\n\n handleEmbed = () => {\n this.props.onEmbed(this.props.status);\n };\n\n handleReport = () => {\n this.props.onReport(this.props.status);\n };\n\n handleConversationMuteClick = () => {\n this.props.onMuteConversation(this.props.status);\n };\n\n handleCopy = () => {\n const url = this.props.status.get('url');\n navigator.clipboard.writeText(url);\n };\n\n handleHideClick = () => {\n this.props.onFilter();\n };\n\n handleFilterClick = () => {\n this.props.onAddFilter(this.props.status);\n };\n\n render () {\n const { status, intl, withDismiss, withCounters, showReplyCount, scrollKey } = this.props;\n const { permissions, signedIn } = this.context.identity;\n\n const mutingConversation = status.get('muted');\n const publicStatus = ['public', 'unlisted'].includes(status.get('visibility'));\n const pinnableStatus = ['public', 'unlisted', 'private'].includes(status.get('visibility'));\n const writtenByMe = status.getIn(['account', 'id']) === me;\n const isRemote = status.getIn(['account', 'username']) !== status.getIn(['account', 'acct']);\n\n let menu = [];\n let reblogIcon = 'retweet';\n let replyIcon;\n let replyTitle;\n\n menu.push({ text: intl.formatMessage(messages.open), action: this.handleOpen });\n\n if (publicStatus && isRemote) {\n menu.push({ text: intl.formatMessage(messages.openOriginalPage), href: status.get('url') });\n }\n\n menu.push({ text: intl.formatMessage(messages.copy), action: this.handleCopy });\n\n if (publicStatus && 'share' in navigator) {\n menu.push({ text: intl.formatMessage(messages.share), action: this.handleShareClick });\n }\n\n if (publicStatus && (signedIn || !isRemote)) {\n menu.push({ text: intl.formatMessage(messages.embed), action: this.handleEmbed });\n }\n\n if (signedIn) {\n menu.push(null);\n\n if (writtenByMe && pinnableStatus) {\n menu.push({ text: intl.formatMessage(status.get('pinned') ? messages.unpin : messages.pin), action: this.handlePinClick });\n menu.push(null);\n }\n\n if (writtenByMe || withDismiss) {\n menu.push({ text: intl.formatMessage(mutingConversation ? messages.unmuteConversation : messages.muteConversation), action: this.handleConversationMuteClick });\n menu.push(null);\n }\n\n if (writtenByMe) {\n menu.push({ text: intl.formatMessage(messages.edit), action: this.handleEditClick });\n menu.push({ text: intl.formatMessage(messages.delete), action: this.handleDeleteClick, dangerous: true });\n menu.push({ text: intl.formatMessage(messages.redraft), action: this.handleRedraftClick, dangerous: true });\n } else {\n menu.push({ text: intl.formatMessage(messages.mention, { name: status.getIn(['account', 'username']) }), action: this.handleMentionClick });\n menu.push({ text: intl.formatMessage(messages.direct, { name: status.getIn(['account', 'username']) }), action: this.handleDirectClick });\n menu.push(null);\n\n if (!this.props.onFilter) {\n menu.push({ text: intl.formatMessage(messages.filter), action: this.handleFilterClick, dangerous: true });\n menu.push(null);\n }\n\n menu.push({ text: intl.formatMessage(messages.mute, { name: status.getIn(['account', 'username']) }), action: this.handleMuteClick, dangerous: true });\n menu.push({ text: intl.formatMessage(messages.block, { name: status.getIn(['account', 'username']) }), action: this.handleBlockClick, dangerous: true });\n menu.push({ text: intl.formatMessage(messages.report, { name: status.getIn(['account', 'username']) }), action: this.handleReport, dangerous: true });\n\n if (((permissions & PERMISSION_MANAGE_USERS) === PERMISSION_MANAGE_USERS && (accountAdminLink || statusAdminLink)) || (isRemote && (permissions & PERMISSION_MANAGE_FEDERATION) === PERMISSION_MANAGE_FEDERATION)) {\n menu.push(null);\n if ((permissions & PERMISSION_MANAGE_USERS) === PERMISSION_MANAGE_USERS) {\n if (accountAdminLink !== undefined) {\n menu.push({ text: intl.formatMessage(messages.admin_account, { name: status.getIn(['account', 'username']) }), href: accountAdminLink(status.getIn(['account', 'id'])) });\n }\n if (statusAdminLink !== undefined) {\n menu.push({ text: intl.formatMessage(messages.admin_status), href: statusAdminLink(status.getIn(['account', 'id']), status.get('id')) });\n }\n }\n if (isRemote && (permissions & PERMISSION_MANAGE_FEDERATION) === PERMISSION_MANAGE_FEDERATION) {\n const domain = status.getIn(['account', 'acct']).split('@')[1];\n menu.push({ text: intl.formatMessage(messages.admin_domain, { domain: domain }), href: `/admin/instances/${domain}` });\n }\n }\n }\n }\n\n if (status.get('in_reply_to_id', null) === null) {\n replyIcon = 'reply';\n replyTitle = intl.formatMessage(messages.reply);\n } else {\n replyIcon = 'reply-all';\n replyTitle = intl.formatMessage(messages.replyAll);\n }\n\n const reblogPrivate = status.getIn(['account', 'id']) === me && status.get('visibility') === 'private';\n\n let reblogTitle = '';\n if (status.get('reblogged')) {\n reblogTitle = intl.formatMessage(messages.cancel_reblog_private);\n } else if (publicStatus) {\n reblogTitle = intl.formatMessage(messages.reblog);\n } else if (reblogPrivate) {\n reblogTitle = intl.formatMessage(messages.reblog_private);\n } else {\n reblogTitle = intl.formatMessage(messages.cannot_reblog);\n }\n\n const filterButton = this.props.onFilter && (\n \n
\n \n
\n )}\n \n
\n \n \n {statusAvatar}\n \n \n
\n );\n }\n\n}\n","// Package imports.\nimport PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport { defineMessages, injectIntl } from 'react-intl';\n\nimport ImmutablePropTypes from 'react-immutable-proptypes';\n\n\n// Mastodon imports.\nimport { Icon } from 'flavours/glitch/components/icon';\nimport { languages } from 'flavours/glitch/initial_state';\n\nimport { IconButton } from './icon_button';\nimport VisibilityIcon from './status_visibility_icon';\n\n// Messages for use with internationalization stuff.\nconst messages = defineMessages({\n collapse: { id: 'status.collapse', defaultMessage: 'Collapse' },\n uncollapse: { id: 'status.uncollapse', defaultMessage: 'Uncollapse' },\n inReplyTo: { id: 'status.in_reply_to', defaultMessage: 'This toot is a reply' },\n previewCard: { id: 'status.has_preview_card', defaultMessage: 'Features an attached preview card' },\n pictures: { id: 'status.has_pictures', defaultMessage: 'Features attached pictures' },\n poll: { id: 'status.is_poll', defaultMessage: 'This toot is a poll' },\n video: { id: 'status.has_video', defaultMessage: 'Features attached videos' },\n audio: { id: 'status.has_audio', defaultMessage: 'Features attached audio files' },\n localOnly: { id: 'status.local_only', defaultMessage: 'Only visible from your instance' },\n});\n\nconst LanguageIcon = ({ language }) => {\n if (!languages) return null;\n\n const lang = languages.find((lang) => lang[0] === language);\n if (!lang) return null;\n\n return (\n \n );\n};\n\nLanguageIcon.propTypes = {\n language: PropTypes.string.isRequired,\n};\n\nclass StatusIcons extends PureComponent {\n\n static propTypes = {\n status: ImmutablePropTypes.map.isRequired,\n mediaIcons: PropTypes.arrayOf(PropTypes.string),\n collapsible: PropTypes.bool,\n collapsed: PropTypes.bool,\n setCollapsed: PropTypes.func.isRequired,\n intl: PropTypes.object.isRequired,\n settings: ImmutablePropTypes.map.isRequired,\n };\n\n // Handles clicks on collapsed button\n handleCollapsedClick = (e) => {\n const { collapsed, setCollapsed } = this.props;\n if (e.button === 0) {\n setCollapsed(!collapsed);\n e.preventDefault();\n }\n };\n\n mediaIconTitleText (mediaIcon) {\n const { intl } = this.props;\n\n const message = {\n 'link': messages.previewCard,\n 'picture-o': messages.pictures,\n 'tasks': messages.poll,\n 'video-camera': messages.video,\n 'music': messages.audio,\n }[mediaIcon];\n\n return message && intl.formatMessage(message);\n }\n\n renderIcon (mediaIcon) {\n return (\n \n );\n }\n\n // Rendering.\n render () {\n const {\n status,\n mediaIcons,\n collapsible,\n collapsed,\n settings,\n intl,\n } = this.props;\n\n return (\n \n {settings.get('language') && status.get('language') &&
\n );\n }\n\n}\n\nexport default injectIntl(StatusIcons);\n","// Package imports //\nimport PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport { FormattedMessage } from 'react-intl';\n\nimport ImmutablePropTypes from 'react-immutable-proptypes';\n\nimport { Icon } from 'flavours/glitch/components/icon';\nimport { me } from 'flavours/glitch/initial_state';\n\nexport default class StatusPrepend extends PureComponent {\n\n static propTypes = {\n type: PropTypes.string.isRequired,\n account: ImmutablePropTypes.map.isRequired,\n parseClick: PropTypes.func.isRequired,\n notificationId: PropTypes.number,\n };\n\n handleClick = (e) => {\n const { account, parseClick } = this.props;\n parseClick(e, `/@${account.get('acct')}`);\n };\n\n Message = () => {\n const { type, account } = this.props;\n let link = (\n \n {status.getIn(['account', 'display_name']) || status.getIn(['account', 'username'])}\n {status.get('content')}\n
\n \n
\n \n
\n );\n }\n\n}\n\nexport default connect(mapStateToProps)(injectIntl(StatusActionBar));\n","import PropTypes from 'prop-types';\n\nimport { injectIntl, defineMessages, FormattedMessage } from 'react-intl';\n\nimport classNames from 'classnames';\n\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\n\nimport { HotKeys } from 'react-hotkeys';\n\nimport { Icon } from 'mastodon/components/icon';\nimport PictureInPicturePlaceholder from 'mastodon/components/picture_in_picture_placeholder';\n\nimport Card from '../features/status/components/card';\n// We use the component (and not the container) since we do not want\n// to use the progress bar to show download progress\nimport Bundle from '../features/ui/components/bundle';\nimport { MediaGallery, Video, Audio } from '../features/ui/util/async-components';\nimport { displayMedia } from '../initial_state';\n\nimport AttachmentList from './attachment_list';\nimport { Avatar } from './avatar';\nimport { AvatarOverlay } from './avatar_overlay';\nimport { DisplayName } from './display_name';\nimport { RelativeTimestamp } from './relative_timestamp';\nimport StatusActionBar from './status_action_bar';\nimport StatusContent from './status_content';\n\nconst domParser = new DOMParser();\n\nexport const textForScreenReader = (intl, status, rebloggedByText = false) => {\n const displayName = status.getIn(['account', 'display_name']);\n\n const spoilerText = status.getIn(['translation', 'spoiler_text']) || status.get('spoiler_text');\n const contentHtml = status.getIn(['translation', 'contentHtml']) || status.get('contentHtml');\n const contentText = domParser.parseFromString(contentHtml, 'text/html').documentElement.textContent;\n\n const values = [\n displayName.length === 0 ? status.getIn(['account', 'acct']).split('@')[0] : displayName,\n spoilerText && status.get('hidden') ? spoilerText : contentText,\n intl.formatDate(status.get('created_at'), { hour: '2-digit', minute: '2-digit', month: 'short', day: 'numeric' }),\n status.getIn(['account', 'acct']),\n ];\n\n if (rebloggedByText) {\n values.push(rebloggedByText);\n }\n\n return values.join(', ');\n};\n\nexport const defaultMediaVisibility = (status) => {\n if (!status) {\n return undefined;\n }\n\n if (status.get('reblog', null) !== null && typeof status.get('reblog') === 'object') {\n status = status.get('reblog');\n }\n\n return (displayMedia !== 'hide_all' && !status.get('sensitive') || displayMedia === 'show_all');\n};\n\nconst messages = defineMessages({\n public_short: { id: 'privacy.public.short', defaultMessage: 'Public' },\n unlisted_short: { id: 'privacy.unlisted.short', defaultMessage: 'Unlisted' },\n private_short: { id: 'privacy.private.short', defaultMessage: 'Followers only' },\n direct_short: { id: 'privacy.direct.short', defaultMessage: 'Mentioned people only' },\n edited: { id: 'status.edited', defaultMessage: 'Edited {date}' },\n});\n\nclass Status extends ImmutablePureComponent {\n\n static contextTypes = {\n router: PropTypes.object,\n };\n\n static propTypes = {\n status: ImmutablePropTypes.map,\n account: ImmutablePropTypes.map,\n previousId: PropTypes.string,\n nextInReplyToId: PropTypes.string,\n rootId: PropTypes.string,\n onClick: PropTypes.func,\n onReply: PropTypes.func,\n onFavourite: PropTypes.func,\n onReblog: PropTypes.func,\n onDelete: PropTypes.func,\n onDirect: PropTypes.func,\n onMention: PropTypes.func,\n onPin: PropTypes.func,\n onOpenMedia: PropTypes.func,\n onOpenVideo: PropTypes.func,\n onBlock: PropTypes.func,\n onAddFilter: PropTypes.func,\n onEmbed: PropTypes.func,\n onHeightChange: PropTypes.func,\n onToggleHidden: PropTypes.func,\n onToggleCollapsed: PropTypes.func,\n onTranslate: PropTypes.func,\n onInteractionModal: PropTypes.func,\n muted: PropTypes.bool,\n hidden: PropTypes.bool,\n unread: PropTypes.bool,\n onMoveUp: PropTypes.func,\n onMoveDown: PropTypes.func,\n showThread: PropTypes.bool,\n getScrollPosition: PropTypes.func,\n updateScrollBottom: PropTypes.func,\n cacheMediaWidth: PropTypes.func,\n cachedMediaWidth: PropTypes.number,\n scrollKey: PropTypes.string,\n deployPictureInPicture: PropTypes.func,\n pictureInPicture: ImmutablePropTypes.contains({\n inUse: PropTypes.bool,\n available: PropTypes.bool,\n }),\n };\n\n // Avoid checking props that are functions (and whose equality will always\n // evaluate to false. See react-immutable-pure-component for usage.\n updateOnProps = [\n 'status',\n 'account',\n 'muted',\n 'hidden',\n 'unread',\n 'pictureInPicture',\n ];\n\n state = {\n showMedia: defaultMediaVisibility(this.props.status),\n statusId: undefined,\n forceFilter: undefined,\n };\n\n static getDerivedStateFromProps(nextProps, prevState) {\n if (nextProps.status && nextProps.status.get('id') !== prevState.statusId) {\n return {\n showMedia: defaultMediaVisibility(nextProps.status),\n statusId: nextProps.status.get('id'),\n };\n } else {\n return null;\n }\n }\n\n handleToggleMediaVisibility = () => {\n this.setState({ showMedia: !this.state.showMedia });\n };\n\n handleClick = e => {\n if (e && (e.button !== 0 || e.ctrlKey || e.metaKey)) {\n return;\n }\n\n if (e) {\n e.preventDefault();\n }\n\n this.handleHotkeyOpen();\n };\n\n handlePrependAccountClick = e => {\n this.handleAccountClick(e, false);\n };\n\n handleAccountClick = (e, proper = true) => {\n if (e && (e.button !== 0 || e.ctrlKey || e.metaKey)) {\n return;\n }\n\n if (e) {\n e.preventDefault();\n e.stopPropagation();\n }\n\n this._openProfile(proper);\n };\n\n handleExpandedToggle = () => {\n this.props.onToggleHidden(this._properStatus());\n };\n\n handleCollapsedToggle = isCollapsed => {\n this.props.onToggleCollapsed(this._properStatus(), isCollapsed);\n };\n\n handleTranslate = () => {\n this.props.onTranslate(this._properStatus());\n };\n\n renderLoadingMediaGallery () {\n return ;\n }\n\n renderLoadingVideoPlayer () {\n return ;\n }\n\n renderLoadingAudioPlayer () {\n return ;\n }\n\n handleOpenVideo = (options) => {\n const status = this._properStatus();\n const lang = status.getIn(['translation', 'language']) || status.get('language');\n this.props.onOpenVideo(status.get('id'), status.getIn(['media_attachments', 0]), lang, options);\n };\n\n handleOpenMedia = (media, index) => {\n const status = this._properStatus();\n const lang = status.getIn(['translation', 'language']) || status.get('language');\n this.props.onOpenMedia(status.get('id'), media, index, lang);\n };\n\n handleHotkeyOpenMedia = e => {\n const { onOpenMedia, onOpenVideo } = this.props;\n const status = this._properStatus();\n\n e.preventDefault();\n\n if (status.get('media_attachments').size > 0) {\n const lang = status.getIn(['translation', 'language']) || status.get('language');\n if (status.getIn(['media_attachments', 0, 'type']) === 'video') {\n onOpenVideo(status.get('id'), status.getIn(['media_attachments', 0]), lang, { startTime: 0 });\n } else {\n onOpenMedia(status.get('id'), status.get('media_attachments'), 0, lang);\n }\n }\n };\n\n handleDeployPictureInPicture = (type, mediaProps) => {\n const { deployPictureInPicture } = this.props;\n const status = this._properStatus();\n\n deployPictureInPicture(status, type, mediaProps);\n };\n\n handleHotkeyReply = e => {\n e.preventDefault();\n this.props.onReply(this._properStatus(), this.context.router.history);\n };\n\n handleHotkeyFavourite = () => {\n this.props.onFavourite(this._properStatus());\n };\n\n handleHotkeyBoost = e => {\n this.props.onReblog(this._properStatus(), e);\n };\n\n handleHotkeyMention = e => {\n e.preventDefault();\n this.props.onMention(this._properStatus().get('account'), this.context.router.history);\n };\n\n handleHotkeyOpen = () => {\n if (this.props.onClick) {\n this.props.onClick();\n return;\n }\n\n const { router } = this.context;\n const status = this._properStatus();\n\n if (!router) {\n return;\n }\n\n router.history.push(`/@${status.getIn(['account', 'acct'])}/${status.get('id')}`);\n };\n\n handleHotkeyOpenProfile = () => {\n this._openProfile();\n };\n\n _openProfile = (proper = true) => {\n const { router } = this.context;\n const status = proper ? this._properStatus() : this.props.status;\n\n if (!router) {\n return;\n }\n\n router.history.push(`/@${status.getIn(['account', 'acct'])}`);\n };\n\n handleHotkeyMoveUp = e => {\n this.props.onMoveUp(this.props.status.get('id'), e.target.getAttribute('data-featured'));\n };\n\n handleHotkeyMoveDown = e => {\n this.props.onMoveDown(this.props.status.get('id'), e.target.getAttribute('data-featured'));\n };\n\n handleHotkeyToggleHidden = () => {\n this.props.onToggleHidden(this._properStatus());\n };\n\n handleHotkeyToggleSensitive = () => {\n this.handleToggleMediaVisibility();\n };\n\n handleUnfilterClick = e => {\n this.setState({ forceFilter: false });\n e.preventDefault();\n };\n\n handleFilterClick = () => {\n this.setState({ forceFilter: true });\n };\n\n _properStatus () {\n const { status } = this.props;\n\n if (status.get('reblog', null) !== null && typeof status.get('reblog') === 'object') {\n return status.get('reblog');\n } else {\n return status;\n }\n }\n\n handleRef = c => {\n this.node = c;\n };\n\n render () {\n const { intl, hidden, featured, unread, showThread, scrollKey, pictureInPicture, previousId, nextInReplyToId, rootId } = this.props;\n\n let { status, account, ...other } = this.props;\n\n if (status === null) {\n return null;\n }\n\n const handlers = this.props.muted ? {} : {\n reply: this.handleHotkeyReply,\n favourite: this.handleHotkeyFavourite,\n boost: this.handleHotkeyBoost,\n mention: this.handleHotkeyMention,\n open: this.handleHotkeyOpen,\n openProfile: this.handleHotkeyOpenProfile,\n moveUp: this.handleHotkeyMoveUp,\n moveDown: this.handleHotkeyMoveDown,\n toggleHidden: this.handleHotkeyToggleHidden,\n toggleSensitive: this.handleHotkeyToggleSensitive,\n openMedia: this.handleHotkeyOpenMedia,\n };\n\n let media, statusAvatar, prepend, rebloggedByText;\n\n if (hidden) {\n return (\n \n
\n \n {status.getIn(['account', 'display_name']) || status.getIn(['account', 'username'])}\n {status.get('content')}\n
\n \n
\n \n
\n );\n } else if (status.get('reblog', null) !== null && typeof status.get('reblog') === 'object') {\n const display_name_html = { __html: status.getIn(['account', 'display_name_html']) };\n\n prepend = (\n \n }} />\n
\n );\n\n rebloggedByText = intl.formatMessage({ id: 'status.reblogged_by', defaultMessage: '{name} boosted' }, { name: status.getIn(['account', 'acct']) });\n\n account = status.get('account');\n status = status.get('reblog');\n } else if (status.get('visibility') === 'direct') {\n prepend = (\n \n
\n );\n } else if (showThread && status.get('in_reply_to_id') && status.get('in_reply_to_account_id') === status.getIn(['account', 'id'])) {\n const display_name_html = { __html: status.getIn(['account', 'display_name_html']) };\n\n prepend = (\n \n }} />\n
\n );\n }\n\n if (pictureInPicture.get('inUse')) {\n media = \n {prepend}\n\n
\n \n {(connectReply || connectUp || connectToRoot) && }\n\n {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n \n\n
\n \n {children}\n
\n );\n }\n\n if (multiColumn && pinned) {\n pinButton = ;\n\n moveButtons = (\n \n \n \n
\n );\n } else if (multiColumn && this.props.onPin) {\n pinButton = ;\n }\n\n if (!pinned && (multiColumn || showBackButton)) {\n backButton = (\n \n );\n }\n\n const collapsedContent = [\n extraContent,\n ];\n\n if (multiColumn) {\n collapsedContent.push(pinButton);\n collapsedContent.push(moveButtons);\n }\n\n if (this.context.identity.signedIn && (children || (multiColumn && this.props.onPin))) {\n collapseButton = (\n \n \n {hasTitle && (\n \n )}\n\n {!hasTitle && backButton}\n\n
\n\n
\n );\n\n if (multiColumn || placeholder) {\n return component;\n } else {\n // The portal container and the component may be rendered to the DOM in\n // the same React render pass, so the container might not be available at\n // the time `render()` is called.\n const container = document.getElementById('tabs-bar__portal');\n if (container === null) {\n // The container wasn't available, force a re-render so that the\n // component can eventually be inserted in the container and not scroll\n // with the rest of the area.\n this.forceUpdate();\n return component;\n } else {\n return createPortal(component, container);\n }\n }\n }\n\n}\n\nexport default injectIntl(ColumnHeader);\n","import { Icon } from './icon';\n\nconst domParser = new DOMParser();\n\nconst stripRelMe = (html: string) => {\n const document = domParser.parseFromString(html, 'text/html').documentElement;\n\n document.querySelectorAll\n {hasTitle && (\n \n )}\n\n {!hasTitle && backButton}\n\n \n {hasTitle && backButton}\n {extraButton}\n {collapseButton}\n \n
\n\n \n
\n\n {appendContent}\n \n {(!collapsed || animating) && collapsedContent}\n
\n \n
\n );\n }\n\n}\n\nexport default injectIntl(Account);\n","import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';\n\nimport { connect } from 'react-redux';\n\nimport {\n followAccount,\n unfollowAccount,\n blockAccount,\n unblockAccount,\n muteAccount,\n unmuteAccount,\n} from '../actions/accounts';\nimport { openModal } from '../actions/modal';\nimport { initMuteModal } from '../actions/mutes';\nimport Account from '../components/account';\nimport { unfollowModal } from '../initial_state';\nimport { makeGetAccount } from '../selectors';\n\nconst messages = defineMessages({\n unfollowConfirm: { id: 'confirmations.unfollow.confirm', defaultMessage: 'Unfollow' },\n});\n\nconst makeMapStateToProps = () => {\n const getAccount = makeGetAccount();\n\n const mapStateToProps = (state, props) => ({\n account: getAccount(state, props.id),\n });\n\n return mapStateToProps;\n};\n\nconst mapDispatchToProps = (dispatch, { intl }) => ({\n\n onFollow (account) {\n if (account.getIn(['relationship', 'following']) || account.getIn(['relationship', 'requested'])) {\n if (unfollowModal) {\n dispatch(openModal({\n modalType: 'CONFIRM',\n modalProps: {\n message: \n \n
\n\n {withBio && (account.get('note').length > 0 ? (\n \n
\n\n \n
\n \n\n {!minimal && (\n \n
\n )}\n \n {buttons}\n
\n )}\n \n
\n );\n }\n\n}\n\nexport default injectIntl(ActionBar);\n","import PropTypes from 'prop-types';\n\nimport { FormattedMessage } from 'react-intl';\n\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\n\nimport { Avatar } from 'flavours/glitch/components/avatar';\nimport Permalink from 'flavours/glitch/components/permalink';\nimport { profileLink } from 'flavours/glitch/utils/backend_links';\n\nimport ActionBar from './action_bar';\n\nexport default class NavigationBar extends ImmutablePureComponent {\n\n static propTypes = {\n account: ImmutablePropTypes.map.isRequired,\n onLogout: PropTypes.func.isRequired,\n };\n\n render () {\n return (\n \n
\n \n \n {this.props.account.get('acct')}\n \n\n
\n );\n }\n\n}\n","import PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport { FormattedMessage, defineMessages, injectIntl } from 'react-intl';\n\nimport { Link } from 'react-router-dom';\n\nimport { connect } from 'react-redux';\n\nimport { openModal } from 'mastodon/actions/modal';\nimport { domain, version, source_url, statusPageUrl, profile_directory as profileDirectory } from 'mastodon/initial_state';\nimport { PERMISSION_INVITE_USERS } from 'mastodon/permissions';\nimport { logOut } from 'mastodon/utils/log_out';\n\nconst messages = defineMessages({\n logoutMessage: { id: 'confirmations.logout.message', defaultMessage: 'Are you sure you want to log out?' },\n logoutConfirm: { id: 'confirmations.logout.confirm', defaultMessage: 'Log out' },\n});\n\nconst mapDispatchToProps = (dispatch, { intl }) => ({\n onLogout () {\n dispatch(openModal({\n modalType: 'CONFIRM',\n modalProps: {\n message: intl.formatMessage(messages.logoutMessage),\n confirm: intl.formatMessage(messages.logoutConfirm),\n closeWhenConfirm: false,\n onConfirm: () => logOut(),\n },\n }));\n },\n});\n\nclass LinkFooter extends PureComponent {\n\n static contextTypes = {\n identity: PropTypes.object,\n };\n\n static propTypes = {\n multiColumn: PropTypes.bool,\n onLogout: PropTypes.func.isRequired,\n intl: PropTypes.object.isRequired,\n };\n\n handleLogoutClick = e => {\n e.preventDefault();\n e.stopPropagation();\n\n this.props.onLogout();\n\n return false;\n };\n\n render () {\n const { signedIn, permissions } = this.context.identity;\n const { multiColumn } = this.props;\n\n const canInvite = signedIn && ((permissions & PERMISSION_INVITE_USERS) === PERMISSION_INVITE_USERS);\n const canProfileDirectory = profileDirectory;\n\n const DividingCircle = {' · '};\n\n return (\n \n \n @{this.props.account.get('acct')}\n \n\n { profileLink !== undefined && (\n
\n\n \n
\n \n
\n );\n }\n\n}\n\nexport default injectIntl(connect(null, mapDispatchToProps)(LinkFooter));\n","import { connect } from 'react-redux';\n\nimport {\n changeSearch,\n clearSearch,\n submitSearch,\n showSearch,\n} from 'flavours/glitch/actions/search';\n\nimport Search from '../components/search';\n\nconst mapStateToProps = state => ({\n value: state.getIn(['search', 'value']),\n submitted: state.getIn(['search', 'submitted']),\n});\n\nconst mapDispatchToProps = dispatch => ({\n\n onChange (value) {\n dispatch(changeSearch(value));\n },\n\n onClear () {\n dispatch(clearSearch());\n },\n\n onSubmit () {\n dispatch(submitSearch());\n },\n\n onShow () {\n dispatch(showSearch());\n },\n\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Search);\n","import PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport { FormattedMessage, defineMessages, injectIntl } from 'react-intl';\n\nimport { Link } from 'react-router-dom';\n\nimport { connect } from 'react-redux';\n\nimport { openModal } from 'flavours/glitch/actions/modal';\nimport { domain, version, source_url, statusPageUrl, profile_directory as profileDirectory } from 'flavours/glitch/initial_state';\nimport { PERMISSION_INVITE_USERS } from 'flavours/glitch/permissions';\nimport { logOut } from 'flavours/glitch/utils/log_out';\n\nconst messages = defineMessages({\n logoutMessage: { id: 'confirmations.logout.message', defaultMessage: 'Are you sure you want to log out?' },\n logoutConfirm: { id: 'confirmations.logout.confirm', defaultMessage: 'Log out' },\n});\n\nconst mapDispatchToProps = (dispatch, { intl }) => ({\n onLogout () {\n dispatch(openModal({\n modalType: 'CONFIRM',\n modalProps: {\n message: intl.formatMessage(messages.logoutMessage),\n confirm: intl.formatMessage(messages.logoutConfirm),\n closeWhenConfirm: false,\n onConfirm: () => logOut(),\n },\n }));\n },\n});\n\nclass LinkFooter extends PureComponent {\n\n static contextTypes = {\n identity: PropTypes.object,\n };\n\n static propTypes = {\n multiColumn: PropTypes.bool,\n onLogout: PropTypes.func.isRequired,\n intl: PropTypes.object.isRequired,\n };\n\n handleLogoutClick = e => {\n e.preventDefault();\n e.stopPropagation();\n\n this.props.onLogout();\n\n return false;\n };\n\n render () {\n const { signedIn, permissions } = this.context.identity;\n const { multiColumn } = this.props;\n\n const canInvite = signedIn && ((permissions & PERMISSION_INVITE_USERS) === PERMISSION_INVITE_USERS);\n const canProfileDirectory = profileDirectory;\n\n const DividingCircle = {' · '};\n\n return (\n \n {domain}:\n {' '}\n
\n Mastodon:\n {' '}\n
\n
\n );\n }\n\n}\n\nexport default injectIntl(connect(null, mapDispatchToProps)(LinkFooter));\n","import PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport { defineMessages, injectIntl } from 'react-intl';\n\nimport ImmutablePropTypes from 'react-immutable-proptypes';\n\nimport DropdownMenuContainer from '../../../containers/dropdown_menu_container';\n\nconst messages = defineMessages({\n edit_profile: { id: 'account.edit_profile', defaultMessage: 'Edit profile' },\n pins: { id: 'navigation_bar.pins', defaultMessage: 'Pinned posts' },\n preferences: { id: 'navigation_bar.preferences', defaultMessage: 'Preferences' },\n follow_requests: { id: 'navigation_bar.follow_requests', defaultMessage: 'Follow requests' },\n favourites: { id: 'navigation_bar.favourites', defaultMessage: 'Favourites' },\n lists: { id: 'navigation_bar.lists', defaultMessage: 'Lists' },\n followed_tags: { id: 'navigation_bar.followed_tags', defaultMessage: 'Followed hashtags' },\n blocks: { id: 'navigation_bar.blocks', defaultMessage: 'Blocked users' },\n domain_blocks: { id: 'navigation_bar.domain_blocks', defaultMessage: 'Blocked domains' },\n mutes: { id: 'navigation_bar.mutes', defaultMessage: 'Muted users' },\n filters: { id: 'navigation_bar.filters', defaultMessage: 'Muted words' },\n logout: { id: 'navigation_bar.logout', defaultMessage: 'Logout' },\n bookmarks: { id: 'navigation_bar.bookmarks', defaultMessage: 'Bookmarks' },\n});\n\nclass ActionBar extends PureComponent {\n\n static propTypes = {\n account: ImmutablePropTypes.map.isRequired,\n onLogout: PropTypes.func.isRequired,\n intl: PropTypes.object.isRequired,\n };\n\n handleLogout = () => {\n this.props.onLogout();\n };\n\n render () {\n const { intl } = this.props;\n\n let menu = [];\n\n menu.push({ text: intl.formatMessage(messages.edit_profile), href: '/settings/profile' });\n menu.push({ text: intl.formatMessage(messages.preferences), href: '/settings/preferences' });\n menu.push({ text: intl.formatMessage(messages.pins), to: '/pinned' });\n menu.push(null);\n menu.push({ text: intl.formatMessage(messages.follow_requests), to: '/follow_requests' });\n menu.push({ text: intl.formatMessage(messages.favourites), to: '/favourites' });\n menu.push({ text: intl.formatMessage(messages.bookmarks), to: '/bookmarks' });\n menu.push({ text: intl.formatMessage(messages.lists), to: '/lists' });\n menu.push({ text: intl.formatMessage(messages.followed_tags), to: '/followed_tags' });\n menu.push(null);\n menu.push({ text: intl.formatMessage(messages.mutes), to: '/mutes' });\n menu.push({ text: intl.formatMessage(messages.blocks), to: '/blocks' });\n menu.push({ text: intl.formatMessage(messages.domain_blocks), to: '/domain_blocks' });\n menu.push({ text: intl.formatMessage(messages.filters), href: '/filters' });\n menu.push(null);\n menu.push({ text: intl.formatMessage(messages.logout), action: this.handleLogout });\n\n return (\n \n {domain}:\n {' '}\n
\n Mastodon:\n {' '}\n
\n
\n );\n }\n\n}\n\nexport default injectIntl(ActionBar);\n","import PropTypes from 'prop-types';\n\nimport { FormattedMessage } from 'react-intl';\n\nimport { Link } from 'react-router-dom';\n\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\n\nimport { Avatar } from '../../../components/avatar';\nimport { IconButton } from '../../../components/icon_button';\n\nimport ActionBar from './action_bar';\n\nexport default class NavigationBar extends ImmutablePureComponent {\n\n static propTypes = {\n account: ImmutablePropTypes.map.isRequired,\n onLogout: PropTypes.func.isRequired,\n onClose: PropTypes.func,\n };\n\n render () {\n return (\n \n
\n \n \n {this.props.account.get('acct')}\n
\n );\n }\n\n}\n","import { defineMessages, injectIntl } from 'react-intl';\n\nimport { connect } from 'react-redux';\n\nimport { openModal } from 'mastodon/actions/modal';\nimport { logOut } from 'mastodon/utils/log_out';\n\nimport { me } from '../../../initial_state';\nimport NavigationBar from '../components/navigation_bar';\n\nconst messages = defineMessages({\n logoutMessage: { id: 'confirmations.logout.message', defaultMessage: 'Are you sure you want to log out?' },\n logoutConfirm: { id: 'confirmations.logout.confirm', defaultMessage: 'Log out' },\n});\n\nconst mapStateToProps = state => {\n return {\n account: state.getIn(['accounts', me]),\n };\n};\n\nconst mapDispatchToProps = (dispatch, { intl }) => ({\n onLogout () {\n dispatch(openModal({\n modalType: 'CONFIRM',\n modalProps: {\n message: intl.formatMessage(messages.logoutMessage),\n confirm: intl.formatMessage(messages.logoutConfirm),\n closeWhenConfirm: false,\n onConfirm: () => logOut(),\n },\n }));\n },\n});\n\nexport default injectIntl(connect(mapStateToProps, mapDispatchToProps)(NavigationBar));\n","import PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport { defineMessages, injectIntl, FormattedMessage } from 'react-intl';\n\nimport classNames from 'classnames';\n\nimport ImmutablePropTypes from 'react-immutable-proptypes';\n\nimport { Icon } from 'mastodon/components/icon';\nimport { searchEnabled } from 'mastodon/initial_state';\nimport { HASHTAG_REGEX } from 'mastodon/utils/hashtags';\n\nconst messages = defineMessages({\n placeholder: { id: 'search.placeholder', defaultMessage: 'Search' },\n placeholderSignedIn: { id: 'search.search_or_paste', defaultMessage: 'Search or paste URL' },\n});\n\nclass Search extends PureComponent {\n\n static contextTypes = {\n router: PropTypes.object.isRequired,\n identity: PropTypes.object.isRequired,\n };\n\n static propTypes = {\n value: PropTypes.string.isRequired,\n recent: ImmutablePropTypes.orderedSet,\n submitted: PropTypes.bool,\n onChange: PropTypes.func.isRequired,\n onSubmit: PropTypes.func.isRequired,\n onOpenURL: PropTypes.func.isRequired,\n onClickSearchResult: PropTypes.func.isRequired,\n onForgetSearchResult: PropTypes.func.isRequired,\n onClear: PropTypes.func.isRequired,\n onShow: PropTypes.func.isRequired,\n openInRoute: PropTypes.bool,\n intl: PropTypes.object.isRequired,\n singleColumn: PropTypes.bool,\n };\n\n state = {\n expanded: false,\n selectedOption: -1,\n options: [],\n };\n\n setRef = c => {\n this.searchForm = c;\n };\n\n handleChange = ({ target }) => {\n const { onChange } = this.props;\n\n onChange(target.value);\n\n this._calculateOptions(target.value);\n };\n\n handleClear = e => {\n const { value, submitted, onClear } = this.props;\n\n e.preventDefault();\n\n if (value.length > 0 || submitted) {\n onClear();\n this.setState({ options: [], selectedOption: -1 });\n }\n };\n\n handleKeyDown = (e) => {\n const { selectedOption } = this.state;\n const options = this._getOptions();\n\n switch(e.key) {\n case 'Escape':\n e.preventDefault();\n this._unfocus();\n\n break;\n case 'ArrowDown':\n e.preventDefault();\n\n if (options.length > 0) {\n this.setState({ selectedOption: Math.min(selectedOption + 1, options.length - 1) });\n }\n\n break;\n case 'ArrowUp':\n e.preventDefault();\n\n if (options.length > 0) {\n this.setState({ selectedOption: Math.max(selectedOption - 1, -1) });\n }\n\n break;\n case 'Enter':\n e.preventDefault();\n\n if (selectedOption === -1) {\n this._submit();\n } else if (options.length > 0) {\n options[selectedOption].action();\n }\n\n this._unfocus();\n\n break;\n case 'Delete':\n if (selectedOption > -1 && options.length > 0) {\n const search = options[selectedOption];\n\n if (typeof search.forget === 'function') {\n e.preventDefault();\n search.forget(e);\n }\n }\n\n break;\n }\n };\n\n handleFocus = () => {\n const { onShow, singleColumn } = this.props;\n\n this.setState({ expanded: true, selectedOption: -1 });\n onShow();\n\n if (this.searchForm && !singleColumn) {\n const { left, right } = this.searchForm.getBoundingClientRect();\n\n if (left < 0 || right > (window.innerWidth || document.documentElement.clientWidth)) {\n this.searchForm.scrollIntoView();\n }\n }\n };\n\n handleBlur = () => {\n this.setState({ expanded: false, selectedOption: -1 });\n };\n\n findTarget = () => {\n return this.searchForm;\n };\n\n handleHashtagClick = () => {\n const { router } = this.context;\n const { value, onClickSearchResult } = this.props;\n\n const query = value.trim().replace(/^#/, '');\n\n router.history.push(`/tags/${query}`);\n onClickSearchResult(query, 'hashtag');\n };\n\n handleAccountClick = () => {\n const { router } = this.context;\n const { value, onClickSearchResult } = this.props;\n\n const query = value.trim().replace(/^@/, '');\n\n router.history.push(`/@${query}`);\n onClickSearchResult(query, 'account');\n };\n\n handleURLClick = () => {\n const { router } = this.context;\n const { value, onOpenURL } = this.props;\n\n onOpenURL(value, router.history);\n };\n\n handleStatusSearch = () => {\n this._submit('statuses');\n };\n\n handleAccountSearch = () => {\n this._submit('accounts');\n };\n\n handleRecentSearchClick = search => {\n const { router } = this.context;\n\n if (search.get('type') === 'account') {\n router.history.push(`/@${search.get('q')}`);\n } else if (search.get('type') === 'hashtag') {\n router.history.push(`/tags/${search.get('q')}`);\n }\n };\n\n handleForgetRecentSearchClick = search => {\n const { onForgetSearchResult } = this.props;\n\n onForgetSearchResult(search.get('q'));\n };\n\n _unfocus () {\n document.querySelector('.ui').parentElement.focus();\n }\n\n _submit (type) {\n const { onSubmit, openInRoute } = this.props;\n const { router } = this.context;\n\n onSubmit(type);\n\n if (openInRoute) {\n router.history.push('/search');\n }\n }\n\n _getOptions () {\n const { options } = this.state;\n\n if (options.length > 0) {\n return options;\n }\n\n const { recent } = this.props;\n\n return recent.toArray().map(search => ({\n label: search.get('type') === 'account' ? `@${search.get('q')}` : `#${search.get('q')}`,\n\n action: () => this.handleRecentSearchClick(search),\n\n forget: e => {\n e.stopPropagation();\n this.handleForgetRecentSearchClick(search);\n },\n }));\n }\n\n _calculateOptions (value) {\n const trimmedValue = value.trim();\n const options = [];\n\n if (trimmedValue.length > 0) {\n const couldBeURL = trimmedValue.startsWith('https://') && !trimmedValue.includes(' ');\n\n if (couldBeURL) {\n options.push({ key: 'open-url', label: \n
\n \n
\n );\n }\n\n}\n\nexport default injectIntl(Search);\n","import { connect } from 'react-redux';\n\nimport {\n changeSearch,\n clearSearch,\n submitSearch,\n showSearch,\n openURL,\n clickSearchResult,\n forgetSearchResult,\n} from 'mastodon/actions/search';\n\nimport Search from '../components/search';\n\nconst mapStateToProps = state => ({\n value: state.getIn(['search', 'value']),\n submitted: state.getIn(['search', 'submitted']),\n recent: state.getIn(['search', 'recent']),\n});\n\nconst mapDispatchToProps = dispatch => ({\n\n onChange (value) {\n dispatch(changeSearch(value));\n },\n\n onClear () {\n dispatch(clearSearch());\n },\n\n onSubmit (type) {\n dispatch(submitSearch(type));\n },\n\n onShow () {\n dispatch(showSearch());\n },\n\n onOpenURL (q, routerHistory) {\n dispatch(openURL(q, routerHistory));\n },\n\n onClickSearchResult (q, type) {\n dispatch(clickSearchResult(q, type));\n },\n\n onForgetSearchResult (q) {\n dispatch(forgetSearchResult(q));\n },\n\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Search);\n","function _getPrototypeOf(o) {\n module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n }, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;\n return _getPrototypeOf(o);\n}\nmodule.exports = _getPrototypeOf, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","// Wrapper to call requestIdleCallback() to schedule low-priority work.\n// See https://developer.mozilla.org/en-US/docs/Web/API/Background_Tasks_API\n// for a good breakdown of the concepts behind this.\n\nimport Queue from 'tiny-queue';\n\nconst taskQueue = new Queue();\nlet runningRequestIdleCallback = false;\n\nfunction runTasks(deadline) {\n while (taskQueue.length && deadline.timeRemaining() > 0) {\n taskQueue.shift()();\n }\n if (taskQueue.length) {\n requestIdleCallback(runTasks);\n } else {\n runningRequestIdleCallback = false;\n }\n}\n\nfunction scheduleIdleTask(task) {\n taskQueue.push(task);\n if (!runningRequestIdleCallback) {\n runningRequestIdleCallback = true;\n requestIdleCallback(runTasks);\n }\n}\n\nexport default scheduleIdleTask;\n","function memoize(fn) {\n var cache = Object.create(null);\n return function (arg) {\n if (cache[arg] === undefined) cache[arg] = fn(arg);\n return cache[arg];\n };\n}\nexport { memoize as default };","import hoistNonReactStatics$1 from 'hoist-non-react-statics';\n\n// this file isolates this package that is not tree-shakeable\n// and if this module doesn't actually contain any logic of its own\n// then Rollup just use 'hoist-non-react-statics' directly in other chunks\n\nvar hoistNonReactStatics = function (targetComponent, sourceComponent) {\n return hoistNonReactStatics$1(targetComponent, sourceComponent);\n};\nexport { hoistNonReactStatics as default };","// Wrapper to call requestIdleCallback() to schedule low-priority work.\n// See https://developer.mozilla.org/en-US/docs/Web/API/Background_Tasks_API\n// for a good breakdown of the concepts behind this.\n\nimport Queue from 'tiny-queue';\n\nconst taskQueue = new Queue();\nlet runningRequestIdleCallback = false;\n\nfunction runTasks(deadline) {\n while (taskQueue.length && deadline.timeRemaining() > 0) {\n taskQueue.shift()();\n }\n if (taskQueue.length) {\n requestIdleCallback(runTasks);\n } else {\n runningRequestIdleCallback = false;\n }\n}\n\nfunction scheduleIdleTask(task) {\n taskQueue.push(task);\n if (!runningRequestIdleCallback) {\n runningRequestIdleCallback = true;\n requestIdleCallback(runTasks);\n }\n}\n\nexport default scheduleIdleTask;\n","\n// Get the bounding client rect from an IntersectionObserver entry.\n// This is to work around a bug in Chrome: https://crbug.com/737228\n\nlet hasBoundingRectBug;\n\nfunction getRectFromEntry(entry) {\n if (typeof hasBoundingRectBug !== 'boolean') {\n const boundingRect = entry.target.getBoundingClientRect();\n const observerRect = entry.boundingClientRect;\n hasBoundingRectBug = boundingRect.height !== observerRect.height ||\n boundingRect.top !== observerRect.top ||\n boundingRect.width !== observerRect.width ||\n boundingRect.bottom !== observerRect.bottom ||\n boundingRect.left !== observerRect.left ||\n boundingRect.right !== observerRect.right;\n }\n return hasBoundingRectBug ? entry.target.getBoundingClientRect() : entry.boundingClientRect;\n}\n\nexport default getRectFromEntry;\n","import PropTypes from 'prop-types';\nimport { cloneElement, Component } from 'react';\n\nimport getRectFromEntry from '../features/ui/util/get_rect_from_entry';\nimport scheduleIdleTask from '../features/ui/util/schedule_idle_task';\n\n// Diff these props in the \"unrendered\" state\nconst updateOnPropsForUnrendered = ['id', 'index', 'listLength', 'cachedHeight'];\n\nexport default class IntersectionObserverArticle extends Component {\n\n static propTypes = {\n intersectionObserverWrapper: PropTypes.object.isRequired,\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n index: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n listLength: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n saveHeightKey: PropTypes.string,\n cachedHeight: PropTypes.number,\n onHeightChange: PropTypes.func,\n children: PropTypes.node,\n };\n\n state = {\n isHidden: false, // set to true in requestIdleCallback to trigger un-render\n };\n\n shouldComponentUpdate (nextProps, nextState) {\n const isUnrendered = !this.state.isIntersecting && (this.state.isHidden || this.props.cachedHeight);\n const willBeUnrendered = !nextState.isIntersecting && (nextState.isHidden || nextProps.cachedHeight);\n if (!!isUnrendered !== !!willBeUnrendered) {\n // If we're going from rendered to unrendered (or vice versa) then update\n return true;\n }\n // If we are and remain hidden, diff based on props\n if (isUnrendered) {\n return !updateOnPropsForUnrendered.every(prop => nextProps[prop] === this.props[prop]);\n }\n // Else, assume the children have changed\n return true;\n }\n\n componentDidMount () {\n const { intersectionObserverWrapper, id } = this.props;\n\n intersectionObserverWrapper.observe(\n id,\n this.node,\n this.handleIntersection,\n );\n\n this.componentMounted = true;\n }\n\n componentWillUnmount () {\n const { intersectionObserverWrapper, id } = this.props;\n intersectionObserverWrapper.unobserve(id, this.node);\n\n this.componentMounted = false;\n }\n\n handleIntersection = (entry) => {\n this.entry = entry;\n\n scheduleIdleTask(this.calculateHeight);\n this.setState(this.updateStateAfterIntersection);\n };\n\n updateStateAfterIntersection = (prevState) => {\n if (prevState.isIntersecting !== false && !this.entry.isIntersecting) {\n scheduleIdleTask(this.hideIfNotIntersecting);\n }\n return {\n isIntersecting: this.entry.isIntersecting,\n isHidden: false,\n };\n };\n\n calculateHeight = () => {\n const { onHeightChange, saveHeightKey, id } = this.props;\n // save the height of the fully-rendered element (this is expensive\n // on Chrome, where we need to fall back to getBoundingClientRect)\n this.height = getRectFromEntry(this.entry).height;\n\n if (onHeightChange && saveHeightKey) {\n onHeightChange(saveHeightKey, id, this.height);\n }\n };\n\n hideIfNotIntersecting = () => {\n if (!this.componentMounted) {\n return;\n }\n\n // When the browser gets a chance, test if we're still not intersecting,\n // and if so, set our isHidden to true to trigger an unrender. The point of\n // this is to save DOM nodes and avoid using up too much memory.\n // See: https://github.com/mastodon/mastodon/issues/2900\n this.setState((prevState) => ({ isHidden: !prevState.isIntersecting }));\n };\n\n handleRef = (node) => {\n this.node = node;\n };\n\n render () {\n const { children, id, index, listLength, cachedHeight } = this.props;\n const { isIntersecting, isHidden } = this.state;\n\n if (!isIntersecting && (isHidden || cachedHeight)) {\n return (\n \n
\n\n \n {options.length === 0 && (\n <>\n
\n\n
\n\n
\n \n {recent.size > 0 ? this._getOptions().map(({ label, action, forget }, i) => (\n \n )) : (\n
\n \n )}\n\n {options.length > 0 && (\n <>\n \n
\n )}\n \n {options.map(({ key, label, action }, i) => (\n \n ))}\n
\n \n )}\n \n
\n );\n } else if (isLoading || childrenCount > 0 || numPending > 0 || hasMore || !emptyMessage) {\n scrollableArea = (\n \n {prepend}\n
\n\n \n
\n \n
\n );\n } else {\n scrollableArea = (\n \n {prepend}\n\n {loadPending}\n\n {Children.map(this.props.children, (child, index) => (\n \n {cloneElement(child, {\n getScrollPosition: this.getScrollPosition,\n updateScrollBottom: this.updateScrollBottom,\n cachedMediaWidth: this.state.cachedMediaWidth,\n cacheMediaWidth: this.cacheMediaWidth,\n })}\n \n ))}\n\n {loadMore}\n\n {!hasMore && append}\n
\n \n {alwaysPrepend && prepend}\n\n
\n );\n }\n\n if (trackScroll) {\n return (\n \n {emptyMessage}\n
\n \n
\n );\n } else if (isLoading || childrenCount > 0 || hasMore || !emptyMessage) {\n scrollableArea = (\n \n {prepend}\n
\n\n \n
\n \n
\n );\n } else {\n scrollableArea = (\n \n {prepend}\n\n {loadPending}\n\n {Children.map(this.props.children, (child, index) => (\n \n {cloneElement(child, {\n getScrollPosition: this.getScrollPosition,\n updateScrollBottom: this.updateScrollBottom,\n cachedMediaWidth: this.state.cachedMediaWidth,\n cacheMediaWidth: this.cacheMediaWidth,\n })}\n \n ))}\n\n {loadMore}\n\n {!hasMore && append}\n
\n \n {alwaysPrepend && prepend}\n\n
\n );\n }\n\n if (trackScroll) {\n return (\n \n {emptyMessage}\n
\n \n
\n);\n\nexport default RegenerationIndicator;\n","import PropTypes from 'prop-types';\n\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\n\nimport { debounce } from 'lodash';\n\nimport RegenerationIndicator from 'mastodon/components/regeneration_indicator';\n\nimport StatusContainer from '../containers/status_container';\n\nimport { LoadGap } from './load_gap';\nimport ScrollableList from './scrollable_list';\n\nexport default class StatusList extends ImmutablePureComponent {\n\n static propTypes = {\n scrollKey: PropTypes.string.isRequired,\n statusIds: ImmutablePropTypes.list.isRequired,\n featuredStatusIds: ImmutablePropTypes.list,\n onLoadMore: PropTypes.func,\n onScrollToTop: PropTypes.func,\n onScroll: PropTypes.func,\n trackScroll: PropTypes.bool,\n isLoading: PropTypes.bool,\n isPartial: PropTypes.bool,\n hasMore: PropTypes.bool,\n prepend: PropTypes.node,\n emptyMessage: PropTypes.node,\n alwaysPrepend: PropTypes.bool,\n withCounters: PropTypes.bool,\n timelineId: PropTypes.string,\n lastId: PropTypes.string,\n };\n\n static defaultProps = {\n trackScroll: true,\n };\n\n getFeaturedStatusCount = () => {\n return this.props.featuredStatusIds ? this.props.featuredStatusIds.size : 0;\n };\n\n getCurrentStatusIndex = (id, featured) => {\n if (featured) {\n return this.props.featuredStatusIds.indexOf(id);\n } else {\n return this.props.statusIds.indexOf(id) + this.getFeaturedStatusCount();\n }\n };\n\n handleMoveUp = (id, featured) => {\n const elementIndex = this.getCurrentStatusIndex(id, featured) - 1;\n this._selectChild(elementIndex, true);\n };\n\n handleMoveDown = (id, featured) => {\n const elementIndex = this.getCurrentStatusIndex(id, featured) + 1;\n this._selectChild(elementIndex, false);\n };\n\n handleLoadOlder = debounce(() => {\n const { statusIds, lastId, onLoadMore } = this.props;\n onLoadMore(lastId || (statusIds.size > 0 ? statusIds.last() : undefined));\n }, 300, { leading: true });\n\n _selectChild (index, align_top) {\n const container = this.node.node;\n const element = container.querySelector(`article:nth-of-type(${index + 1}) .focusable`);\n\n if (element) {\n if (align_top && container.scrollTop > element.offsetTop) {\n element.scrollIntoView(true);\n } else if (!align_top && container.scrollTop + container.clientHeight < element.offsetTop + element.offsetHeight) {\n element.scrollIntoView(false);\n }\n element.focus();\n }\n }\n\n setRef = c => {\n this.node = c;\n };\n\n render () {\n const { statusIds, featuredStatusIds, onLoadMore, timelineId, ...other } = this.props;\n const { isLoading, isPartial } = other;\n\n if (isPartial) {\n return \n 
\n
\n\n \n
\n \n
\n);\n\nexport default RegenerationIndicator;\n","import PropTypes from 'prop-types';\n\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\n\nimport { debounce } from 'lodash';\n\nimport RegenerationIndicator from 'flavours/glitch/components/regeneration_indicator';\nimport StatusContainer from 'flavours/glitch/containers/status_container';\n\nimport { LoadGap } from './load_gap';\nimport ScrollableList from './scrollable_list';\n\nexport default class StatusList extends ImmutablePureComponent {\n\n static propTypes = {\n scrollKey: PropTypes.string.isRequired,\n statusIds: ImmutablePropTypes.list.isRequired,\n featuredStatusIds: ImmutablePropTypes.list,\n onLoadMore: PropTypes.func,\n onScrollToTop: PropTypes.func,\n onScroll: PropTypes.func,\n trackScroll: PropTypes.bool,\n isLoading: PropTypes.bool,\n isPartial: PropTypes.bool,\n hasMore: PropTypes.bool,\n prepend: PropTypes.node,\n emptyMessage: PropTypes.node,\n alwaysPrepend: PropTypes.bool,\n withCounters: PropTypes.bool,\n timelineId: PropTypes.string.isRequired,\n lastId: PropTypes.string,\n regex: PropTypes.string,\n };\n\n static defaultProps = {\n trackScroll: true,\n };\n\n getFeaturedStatusCount = () => {\n return this.props.featuredStatusIds ? this.props.featuredStatusIds.size : 0;\n };\n\n getCurrentStatusIndex = (id, featured) => {\n if (featured) {\n return this.props.featuredStatusIds.indexOf(id);\n } else {\n return this.props.statusIds.indexOf(id) + this.getFeaturedStatusCount();\n }\n };\n\n handleMoveUp = (id, featured) => {\n const elementIndex = this.getCurrentStatusIndex(id, featured) - 1;\n this._selectChild(elementIndex, true);\n };\n\n handleMoveDown = (id, featured) => {\n const elementIndex = this.getCurrentStatusIndex(id, featured) + 1;\n this._selectChild(elementIndex, false);\n };\n\n handleLoadOlder = debounce(() => {\n const { statusIds, lastId, onLoadMore } = this.props;\n onLoadMore(lastId || (statusIds.size > 0 ? statusIds.last() : undefined));\n }, 300, { leading: true });\n\n _selectChild (index, align_top) {\n const container = this.node.node;\n const element = container.querySelector(`article:nth-of-type(${index + 1}) .focusable`);\n\n if (element) {\n if (align_top && container.scrollTop > element.offsetTop) {\n element.scrollIntoView(true);\n } else if (!align_top && container.scrollTop + container.clientHeight < element.offsetTop + element.offsetHeight) {\n element.scrollIntoView(false);\n }\n element.focus();\n }\n }\n\n setRef = c => {\n this.node = c;\n };\n\n render () {\n const { statusIds, featuredStatusIds, onLoadMore, timelineId, ...other } = this.props;\n const { isLoading, isPartial } = other;\n\n if (isPartial) {\n return \n \n
\n\n \n
\n \n \n
\n );\n } else if (attachment.get('type') === 'image') {\n const previewUrl = attachment.get('preview_url');\n const previewWidth = attachment.getIn(['meta', 'small', 'width']);\n\n const originalUrl = attachment.get('url');\n const originalWidth = attachment.getIn(['meta', 'original', 'width']);\n\n const hasSize = typeof originalWidth === 'number' && typeof previewWidth === 'number';\n\n const srcSet = hasSize ? `${originalUrl} ${originalWidth}w, ${previewUrl} ${previewWidth}w` : null;\n const sizes = hasSize && (displayWidth > 0) ? `${displayWidth * (width / 100)}px` : null;\n\n const focusX = attachment.getIn(['meta', 'focus', 'x']) || 0;\n const focusY = attachment.getIn(['meta', 'focus', 'y']) || 0;\n const x = ((focusX / 2) + .5) * 100;\n const y = ((focusY / -2) + .5) * 100;\n\n thumbnail = (\n \n
\n );\n }\n\n return (\n \n
\n );\n }\n\n}\n\nclass MediaGallery extends PureComponent {\n\n static propTypes = {\n sensitive: PropTypes.bool,\n standalone: PropTypes.bool,\n media: ImmutablePropTypes.list.isRequired,\n lang: PropTypes.string,\n size: PropTypes.object,\n height: PropTypes.number.isRequired,\n onOpenMedia: PropTypes.func.isRequired,\n intl: PropTypes.object.isRequired,\n defaultWidth: PropTypes.number,\n cacheWidth: PropTypes.func,\n visible: PropTypes.bool,\n autoplay: PropTypes.bool,\n onToggleVisibility: PropTypes.func,\n };\n\n static defaultProps = {\n standalone: false,\n };\n\n state = {\n visible: this.props.visible !== undefined ? this.props.visible : (displayMedia !== 'hide_all' && !this.props.sensitive || displayMedia === 'show_all'),\n width: this.props.defaultWidth,\n };\n\n componentDidMount () {\n window.addEventListener('resize', this.handleResize, { passive: true });\n }\n\n componentWillUnmount () {\n window.removeEventListener('resize', this.handleResize);\n }\n\n UNSAFE_componentWillReceiveProps (nextProps) {\n if (!is(nextProps.media, this.props.media) && nextProps.visible === undefined) {\n this.setState({ visible: displayMedia !== 'hide_all' && !nextProps.sensitive || displayMedia === 'show_all' });\n } else if (!is(nextProps.visible, this.props.visible) && nextProps.visible !== undefined) {\n this.setState({ visible: nextProps.visible });\n }\n }\n\n handleResize = debounce(() => {\n if (this.node) {\n this._setDimensions();\n }\n }, 250, {\n trailing: true,\n });\n\n handleOpen = () => {\n if (this.props.onToggleVisibility) {\n this.props.onToggleVisibility();\n } else {\n this.setState({ visible: !this.state.visible });\n }\n };\n\n handleClick = (index) => {\n this.props.onOpenMedia(this.props.media, index, this.props.lang);\n };\n\n handleRef = c => {\n this.node = c;\n\n if (this.node) {\n this._setDimensions();\n }\n };\n\n _setDimensions () {\n const width = this.node.offsetWidth;\n\n // offsetWidth triggers a layout, so only calculate when we need to\n if (this.props.cacheWidth) {\n this.props.cacheWidth(width);\n }\n\n this.setState({\n width: width,\n });\n }\n\n isFullSizeEligible() {\n const { media } = this.props;\n return media.size === 1 && media.getIn([0, 'meta', 'small', 'aspect']);\n }\n\n render () {\n const { media, lang, intl, sensitive, defaultWidth, standalone, autoplay } = this.props;\n const { visible } = this.state;\n const width = this.state.width || defaultWidth;\n\n let children, spoilerButton;\n\n const style = {};\n\n if (this.isFullSizeEligible() && (standalone || !cropImages)) {\n style.aspectRatio = `${this.props.media.getIn([0, 'meta', 'small', 'aspect'])}`;\n } else {\n style.aspectRatio = '16 / 9';\n }\n\n const size = media.take(4).size;\n const uncached = media.every(attachment => attachment.get('type') === 'unknown');\n\n if (standalone && this.isFullSizeEligible()) {\n children = \n {badges}\n
\n )}\n \n
\n );\n }\n\n}\n\nexport default injectIntl(MediaGallery);\n","import { ScrollContainer as OriginalScrollContainer } from 'react-router-scroll-4';\n\n// ScrollContainer is used to automatically scroll to the top when pushing a\n// new history state and remembering the scroll position when going back.\n// There are a few things we need to do differently, though.\nconst defaultShouldUpdateScroll = (prevRouterProps, { location }) => {\n // If the change is caused by opening a modal, do not scroll to top\n return !(location.state?.mastodonModalKey && location.state?.mastodonModalKey !== prevRouterProps?.location?.state?.mastodonModalKey);\n};\n\nexport default\nclass ScrollContainer extends OriginalScrollContainer {\n\n static defaultProps = {\n shouldUpdateScroll: defaultShouldUpdateScroll,\n };\n\n}\n","import PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport { defineMessages, injectIntl, FormattedMessage } from 'react-intl';\n\nimport classNames from 'classnames';\n\nimport { is } from 'immutable';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\n\nimport { debounce } from 'lodash';\n\nimport { Blurhash } from 'flavours/glitch/components/blurhash';\nimport { autoPlayGif, displayMedia, useBlurhash } from 'flavours/glitch/initial_state';\n\nimport { IconButton } from './icon_button';\n\nconst messages = defineMessages({\n hidden: {\n defaultMessage: 'Media hidden',\n id: 'status.media_hidden',\n },\n sensitive: {\n defaultMessage: 'Sensitive',\n id: 'media_gallery.sensitive',\n },\n toggle: {\n defaultMessage: 'Click to view',\n id: 'status.sensitive_toggle',\n },\n toggle_visible: {\n defaultMessage: '{number, plural, one {Hide image} other {Hide images}}',\n id: 'media_gallery.toggle_visible',\n },\n warning: {\n defaultMessage: 'Sensitive content',\n id: 'status.sensitive_warning',\n },\n});\n\nclass Item extends PureComponent {\n\n static propTypes = {\n attachment: ImmutablePropTypes.map.isRequired,\n lang: PropTypes.string,\n standalone: PropTypes.bool,\n index: PropTypes.number.isRequired,\n size: PropTypes.number.isRequired,\n letterbox: PropTypes.bool,\n onClick: PropTypes.func.isRequired,\n displayWidth: PropTypes.number,\n visible: PropTypes.bool.isRequired,\n autoplay: PropTypes.bool,\n };\n\n static defaultProps = {\n standalone: false,\n index: 0,\n size: 1,\n };\n\n state = {\n loaded: false,\n };\n\n handleMouseEnter = (e) => {\n if (this.hoverToPlay()) {\n e.target.play();\n }\n };\n\n handleMouseLeave = (e) => {\n if (this.hoverToPlay()) {\n e.target.pause();\n e.target.currentTime = 0;\n }\n };\n\n getAutoPlay() {\n return this.props.autoplay || autoPlayGif;\n }\n\n hoverToPlay () {\n const { attachment } = this.props;\n return !this.getAutoPlay() && attachment.get('type') === 'gifv';\n }\n\n handleClick = (e) => {\n const { index, onClick } = this.props;\n\n if (e.button === 0 && !(e.ctrlKey || e.metaKey)) {\n if (this.hoverToPlay()) {\n e.target.pause();\n e.target.currentTime = 0;\n }\n e.preventDefault();\n onClick(index);\n }\n\n e.stopPropagation();\n };\n\n handleImageLoad = () => {\n this.setState({ loaded: true });\n };\n\n render () {\n const { attachment, lang, index, size, standalone, letterbox, displayWidth, visible } = this.props;\n\n let badges = [], thumbnail;\n\n let width = 50;\n let height = 100;\n\n if (size === 1) {\n width = 100;\n }\n\n if (size === 4 || (size === 3 && index > 0)) {\n height = 50;\n }\n\n if (attachment.get('description')?.length > 0) {\n badges.push(ALT);\n }\n\n const description = attachment.getIn(['translation', 'description']) || attachment.get('description');\n\n if (attachment.get('type') === 'unknown') {\n return (\n \n {spoilerButton}\n
\n\n {children}\n \n \n
\n );\n } else if (attachment.get('type') === 'image') {\n const previewUrl = attachment.get('preview_url');\n const previewWidth = attachment.getIn(['meta', 'small', 'width']);\n\n const originalUrl = attachment.get('url');\n const originalWidth = attachment.getIn(['meta', 'original', 'width']);\n\n const hasSize = typeof originalWidth === 'number' && typeof previewWidth === 'number';\n\n const srcSet = hasSize ? `${originalUrl} ${originalWidth}w, ${previewUrl} ${previewWidth}w` : null;\n const sizes = hasSize && (displayWidth > 0) ? `${displayWidth * (width / 100)}px` : null;\n\n const focusX = attachment.getIn(['meta', 'focus', 'x']) || 0;\n const focusY = attachment.getIn(['meta', 'focus', 'y']) || 0;\n const x = ((focusX / 2) + .5) * 100;\n const y = ((focusY / -2) + .5) * 100;\n\n thumbnail = (\n \n
\n );\n }\n\n return (\n \n
\n );\n }\n\n}\n\nclass MediaGallery extends PureComponent {\n\n static propTypes = {\n sensitive: PropTypes.bool,\n standalone: PropTypes.bool,\n letterbox: PropTypes.bool,\n fullwidth: PropTypes.bool,\n hidden: PropTypes.bool,\n media: ImmutablePropTypes.list.isRequired,\n lang: PropTypes.string,\n size: PropTypes.object,\n onOpenMedia: PropTypes.func.isRequired,\n intl: PropTypes.object.isRequired,\n defaultWidth: PropTypes.number,\n cacheWidth: PropTypes.func,\n visible: PropTypes.bool,\n autoplay: PropTypes.bool,\n onToggleVisibility: PropTypes.func,\n };\n\n static defaultProps = {\n standalone: false,\n };\n\n state = {\n visible: this.props.visible !== undefined ? this.props.visible : (displayMedia !== 'hide_all' && !this.props.sensitive || displayMedia === 'show_all'),\n width: this.props.defaultWidth,\n };\n\n componentDidMount () {\n window.addEventListener('resize', this.handleResize, { passive: true });\n }\n\n componentWillUnmount () {\n window.removeEventListener('resize', this.handleResize);\n }\n\n UNSAFE_componentWillReceiveProps (nextProps) {\n if (!is(nextProps.media, this.props.media) && nextProps.visible === undefined) {\n this.setState({ visible: displayMedia !== 'hide_all' && !nextProps.sensitive || displayMedia === 'show_all' });\n } else if (!is(nextProps.visible, this.props.visible) && nextProps.visible !== undefined) {\n this.setState({ visible: nextProps.visible });\n }\n }\n\n componentDidUpdate () {\n if (this.node) {\n this.handleResize();\n }\n }\n\n handleResize = debounce(() => {\n if (this.node) {\n this._setDimensions();\n }\n }, 250, {\n leading: true,\n trailing: true,\n });\n\n handleOpen = () => {\n if (this.props.onToggleVisibility) {\n this.props.onToggleVisibility();\n } else {\n this.setState({ visible: !this.state.visible });\n }\n };\n\n handleClick = (index) => {\n this.props.onOpenMedia(this.props.media, index, this.props.lang);\n };\n\n handleRef = (node) => {\n this.node = node;\n\n if (this.node) {\n this._setDimensions();\n }\n };\n\n _setDimensions () {\n const width = this.node.offsetWidth;\n\n if (width && width !== this.state.width) {\n // offsetWidth triggers a layout, so only calculate when we need to\n if (this.props.cacheWidth) {\n this.props.cacheWidth(width);\n }\n\n this.setState({\n width: width,\n });\n }\n }\n\n isStandaloneEligible() {\n const { media, standalone } = this.props;\n return standalone && media.size === 1 && media.getIn([0, 'meta', 'small', 'aspect']);\n }\n\n render () {\n const { media, lang, intl, sensitive, letterbox, fullwidth, defaultWidth, autoplay } = this.props;\n const { visible } = this.state;\n const size = media.take(4).size;\n const uncached = media.every(attachment => attachment.get('type') === 'unknown');\n\n const width = this.state.width || defaultWidth;\n\n let children, spoilerButton;\n\n const style = {};\n\n const computedClass = classNames('media-gallery', { 'full-width': fullwidth });\n\n if (this.isStandaloneEligible()) { // TODO: cropImages setting\n style.aspectRatio = `${this.props.media.getIn([0, 'meta', 'small', 'aspect'])}`;\n } else {\n style.aspectRatio = '16 / 9';\n }\n\n if (this.isStandaloneEligible()) {\n children = \n {badges}\n
\n )}\n \n
\n );\n }\n\n}\n\nexport default injectIntl(MediaGallery);\n","import { ScrollContainer as OriginalScrollContainer } from 'react-router-scroll-4';\n\n// ScrollContainer is used to automatically scroll to the top when pushing a\n// new history state and remembering the scroll position when going back.\n// There are a few things we need to do differently, though.\nconst defaultShouldUpdateScroll = (prevRouterProps, { location }) => {\n // If the change is caused by opening a modal, do not scroll to top\n return !(location.state?.mastodonModalKey && location.state?.mastodonModalKey !== prevRouterProps?.location?.state?.mastodonModalKey);\n};\n\nexport default\nclass ScrollContainer extends OriginalScrollContainer {\n\n static defaultProps = {\n shouldUpdateScroll: defaultShouldUpdateScroll,\n };\n\n}\n","var _typeof = require(\"./typeof.js\")[\"default\"];\nvar toPrimitive = require(\"./toPrimitive.js\");\nfunction _toPropertyKey(arg) {\n var key = toPrimitive(arg, \"string\");\n return _typeof(key) === \"symbol\" ? key : String(key);\n}\nmodule.exports = _toPropertyKey, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","import { useCallback } from 'react';\n\nimport { useIntl, defineMessages } from 'react-intl';\n\nimport { Icon } from 'mastodon/components/icon';\n\nconst messages = defineMessages({\n load_more: { id: 'status.load_more', defaultMessage: 'Load more' },\n});\n\ninterface Props {\n disabled: boolean;\n maxId: string;\n onClick: (maxId: string) => void;\n}\n\nexport const LoadGap: React.FC\n {spoilerButton}\n {visible && sensitive && (\n \n
\n\n {children}\n