airdcpp-webui 2.11.2 → 2.11.3-beta.1

package/dist/sw.js

@@ -1,2 +1,2 @@
-(()=>{const e=self.location.origin+self.location.pathname.replace("sw.js",""),t=[{'revision':'713c12857fc5eadb6915c96aa328fdd7','url':'index.html'},{'revision':null,'url':'js/285.902dc3166e82226541a5.chunk.js'},{'revision':null,'url':'js/334.f72694a737e72404ed6e.chunk.js'},{'revision':null,'url':'js/424.b407aaf3218fa480b144.chunk.js'},{'revision':null,'url':'js/668.d0b45ae92f54a69beee3.chunk.js'},{'revision':null,'url':'js/69.8ca10b3d679cc4c52a20.chunk.js'},{'revision':null,'url':'js/702.99e6ce480dc579b6e542.chunk.js'},{'revision':null,'url':'js/760.75d229a05d7b9bdf414b.chunk.js'},{'revision':null,'url':'js/favorite-hubs.8e51f1debd3cd6c6d6c7.chunk.js'},{'revision':null,'url':'js/filelists.a1ecb558a5c0c376191d.chunk.js'},{'revision':null,'url':'js/files.9b2b25680e1e04de1931.chunk.js'},{'revision':null,'url':'js/home.21a1fe21d45ac82fafe5.chunk.js'},{'revision':null,'url':'js/hubs.f336a1aeaac00fab20ce.chunk.js'},{'revision':null,'url':'js/locales/ca.7409d603c21de58635a6.chunk.js'},{'revision':null,'url':'js/locales/da.bd0c6f71e355d0794e71.chunk.js'},{'revision':null,'url':'js/locales/de.5adea2a7ce417c784479.chunk.js'},{'revision':null,'url':'js/locales/el.648369d465eb99118703.chunk.js'},{'revision':null,'url':'js/locales/en.c66f69f706afd2da9eb5.chunk.js'},{'revision':null,'url':'js/locales/es.793f17d88083bf7f0738.chunk.js'},{'revision':null,'url':'js/locales/eu.010416cbe0a067839d4a.chunk.js'},{'revision':null,'url':'js/locales/fi.7ecbf3197777fb8fd70f.chunk.js'},{'revision':null,'url':'js/locales/fr.cf760489c7a0a9a02e31.chunk.js'},{'revision':null,'url':'js/locales/hu.37c8f09717da5f1bc37c.chunk.js'},{'revision':null,'url':'js/locales/it.9842f3b2b5bb3b7420c5.chunk.js'},{'revision':null,'url':'js/locales/nl.88085590f152551ec225.chunk.js'},{'revision':null,'url':'js/locales/no.cfa0a90ce428e087e846.chunk.js'},{'revision':null,'url':'js/locales/pl.89540648cb16acad8d27.chunk.js'},{'revision':null,'url':'js/locales/pt-br.a537d1e531731dbec9dd.chunk.js'},{'revision':null,'url':'js/locales/pt.08213e494539393b14d1.chunk.js'},{'revision':null,'url':'js/locales/ro.23f02315e6d9ab090aac.chunk.js'},{'revision':null,'url':'js/locales/ru.c775ae5709b4e2affc37.chunk.js'},{'revision':null,'url':'js/locales/sv.60ec4539680a48384a56.chunk.js'},{'revision':null,'url':'js/locales/tr.c19f95d7bf191aad9a74.chunk.js'},{'revision':null,'url':'js/locales/uk_UA.0678837b62a41e004e9c.chunk.js'},{'revision':null,'url':'js/locales/zh_CN.d27ea53dd79304789681.chunk.js'},{'revision':null,'url':'js/main.d64158ea2453985dde98.entry.js'},{'revision':null,'url':'js/messages.e4523315258f6dab0f37.chunk.js'},{'revision':null,'url':'js/queue.e52e481f79bce96a17e1.chunk.js'},{'revision':null,'url':'js/search.321f771dd92b51431378.chunk.js'},{'revision':null,'url':'js/settings.3c031a77619c7df3a86e.chunk.js'},{'revision':null,'url':'js/share.ecb413c8d6a1cc8a6154.chunk.js'},{'revision':null,'url':'js/system-log.7aa8ba9d8b4a5711c4fc.chunk.js'},{'revision':null,'url':'js/transfers.5a7661c5701a462d4c53.chunk.js'}].map((function(t){return e+t.url})),n="resource-store";function l(e,t){return caches.match(new URL(t)).then((function(t){return t?(console.log("[SW] Return cached",e.request.url),t):(console.log("[SW] Fetch",e.request.url),fetch(e.request))}))}self.addEventListener("install",(e=>{console.log("[SW] Worker installed"),e.waitUntil(caches.open(n).then((e=>e.addAll([...t]))).then((()=>{console.log("[SW] Assets: ",t)})).catch((e=>{throw console.error(e),e})))})),self.addEventListener("activate",(e=>{console.log("[SW] Activate event"),e.waitUntil(caches.keys().then((e=>Promise.all(e.map((e=>caches.open(e).then((e=>(e=>e.keys().then((n=>Promise.all(n.map(((n,l,s)=>-1!==t.indexOf(n.url)?(console.log(`[SW] Cached asset ${n.url} still exists, skip delete`),null):e.delete(n).then((e=>{console.log(`[SW] Cached asset ${n.url} deleted`,e)}))))))))(e)))))))))})),self.addEventListener("fetch",(t=>{if("GET"===t.request.method){if("navigate"===t.request.mode||t.request.url.startsWith(e)&&-1===t.request.url.indexOf(".",e.length)&&!t.request.url.replace(e,"").match(/^(view)\//)){console.log("[SW] Navigate action, fetch index",t.request.url);const s=e+"index.html";return t.respondWith(new Promise(((e,o)=>{fetch(s).then((l=>{caches.open(n).then((n=>{n.put(new Request(s),l.clone()).then((()=>{console.log("[SW] Index file cached",t.request.url),e(l)}))}))})).catch((n=>{console.log("[SW] Navigate action, failed to fetch index",t.request.url,n),e(l(t,s))}))})))}return t.respondWith(l(t,t.request.url))}}))})();
+(()=>{const e=self.location.origin+self.location.pathname.replace("sw.js",""),t=[{'revision':'5159e555c6a1e53941c031b6fd87843c','url':'index.html'},{'revision':null,'url':'js/285.c10a92f5e683562b290c.chunk.js'},{'revision':null,'url':'js/334.f0dae385c5c4aa9ceb6d.chunk.js'},{'revision':null,'url':'js/424.2b137728423ffe5720b9.chunk.js'},{'revision':null,'url':'js/668.d8fc363a0da7c52c6cf3.chunk.js'},{'revision':null,'url':'js/69.90201ebd79a3d236605f.chunk.js'},{'revision':null,'url':'js/702.d36d38b2be52ab51c0a9.chunk.js'},{'revision':null,'url':'js/760.28a29fef05eb0889fc25.chunk.js'},{'revision':null,'url':'js/favorite-hubs.d78427e6a9006438d07b.chunk.js'},{'revision':null,'url':'js/filelists.726450e0ff6e77eaa054.chunk.js'},{'revision':null,'url':'js/files.50c047ffc599c58eb13a.chunk.js'},{'revision':null,'url':'js/home.ed1091a84aa53f290563.chunk.js'},{'revision':null,'url':'js/hubs.eed2f41d894688465906.chunk.js'},{'revision':null,'url':'js/locales/ca.ed09d3a3d4bcca929ba1.chunk.js'},{'revision':null,'url':'js/locales/da.6f60a77e9ef082dd3bf4.chunk.js'},{'revision':null,'url':'js/locales/de.3b7d3665460384259e82.chunk.js'},{'revision':null,'url':'js/locales/el.598573d2a5ed18804fe0.chunk.js'},{'revision':null,'url':'js/locales/en.f0fe75dca201449e5e47.chunk.js'},{'revision':null,'url':'js/locales/es.cbe6378a22cf5ee485cd.chunk.js'},{'revision':null,'url':'js/locales/eu.7734fc077f26418d6b32.chunk.js'},{'revision':null,'url':'js/locales/fi.d1f8a5f4048236243b0f.chunk.js'},{'revision':null,'url':'js/locales/fr.f46ce4fb57ed20dea8b5.chunk.js'},{'revision':null,'url':'js/locales/hu.d0d2c38a03a3b38c2bc5.chunk.js'},{'revision':null,'url':'js/locales/it.0c911d75c50ea83190ad.chunk.js'},{'revision':null,'url':'js/locales/nl.36d288d75b3d3cbabf11.chunk.js'},{'revision':null,'url':'js/locales/no.8f2f465d5f785650175d.chunk.js'},{'revision':null,'url':'js/locales/pl.06e51d7d7b09ba14714d.chunk.js'},{'revision':null,'url':'js/locales/pt-br.9d19d92899e8c0917c66.chunk.js'},{'revision':null,'url':'js/locales/pt.4390db3955db29b0e7dd.chunk.js'},{'revision':null,'url':'js/locales/ro.705fcd327263fcf419bf.chunk.js'},{'revision':null,'url':'js/locales/ru.8ab7e1c0d9eee7aa7afb.chunk.js'},{'revision':null,'url':'js/locales/sv.be546e605910932db11f.chunk.js'},{'revision':null,'url':'js/locales/tr.25a0d0f19e007e2febc9.chunk.js'},{'revision':null,'url':'js/locales/uk_UA.64a1a537c623ae0259dd.chunk.js'},{'revision':null,'url':'js/locales/zh_CN.4b75674e4815a965ccea.chunk.js'},{'revision':null,'url':'js/main.ad3d59f07b32feb5be60.entry.js'},{'revision':null,'url':'js/messages.d213dd0ac314a64b5a6c.chunk.js'},{'revision':null,'url':'js/queue.2fcf7a1381f1fb4af03f.chunk.js'},{'revision':null,'url':'js/search.24ec8c5fe5f45b1180a9.chunk.js'},{'revision':null,'url':'js/settings.83541ccd8eafaab78d16.chunk.js'},{'revision':null,'url':'js/share.d94de2f3077842a88c25.chunk.js'},{'revision':null,'url':'js/system-log.b3fc65678cc7480e44e0.chunk.js'},{'revision':null,'url':'js/transfers.5ec21f789068ff2e228f.chunk.js'}].map((function(t){return e+t.url})),n="resource-store";function l(e,t){return caches.match(new URL(t)).then((function(t){return t?(console.log("[SW] Return cached",e.request.url),t):(console.log("[SW] Fetch",e.request.url),fetch(e.request))}))}self.addEventListener("install",(e=>{console.log("[SW] Worker installed"),e.waitUntil(caches.open(n).then((e=>e.addAll([...t]))).then((()=>{console.log("[SW] Assets: ",t)})).catch((e=>{throw console.error(e),e})))})),self.addEventListener("activate",(e=>{console.log("[SW] Activate event"),e.waitUntil(caches.keys().then((e=>Promise.all(e.map((e=>caches.open(e).then((e=>(e=>e.keys().then((n=>Promise.all(n.map(((n,l,s)=>-1!==t.indexOf(n.url)?(console.log(`[SW] Cached asset ${n.url} still exists, skip delete`),null):e.delete(n).then((e=>{console.log(`[SW] Cached asset ${n.url} deleted`,e)}))))))))(e)))))))))})),self.addEventListener("fetch",(t=>{if("GET"===t.request.method){if("navigate"===t.request.mode||t.request.url.startsWith(e)&&-1===t.request.url.indexOf(".",e.length)&&!t.request.url.replace(e,"").match(/^(view)\//)){console.log("[SW] Navigate action, fetch index",t.request.url);const s=e+"index.html";return t.respondWith(new Promise(((e,o)=>{fetch(s).then((l=>{caches.open(n).then((n=>{n.put(new Request(s),l.clone()).then((()=>{console.log("[SW] Index file cached",t.request.url),e(l)}))}))})).catch((n=>{console.log("[SW] Navigate action, failed to fetch index",t.request.url,n),e(l(t,s))}))})))}return t.respondWith(l(t,t.request.url))}}))})();
 //# sourceMappingURL=sw.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "airdcpp-webui",
-  "version": "2.11.2",
+  "version": "2.11.3-beta.1",
   "description": "AirDC++ Web UI",
   "license": "MIT",
   "authors": [
@@ -37,67 +37,68 @@
   ],
   "devDependencies": {
     "@alienfast/i18next-loader": "^1.1.4",
-    "@babel/core": "^7.15.5",
-    "@babel/plugin-proposal-class-properties": "^7.14.5",
+    "@babel/core": "^7.16.12",
+    "@babel/plugin-proposal-class-properties": "^7.16.7",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-object-assign": "^7.14.5",
-    "@babel/plugin-transform-react-display-name": "^7.15.1",
-    "@babel/preset-env": "^7.15.6",
-    "@babel/preset-react": "^7.14.5",
-    "@babel/preset-typescript": "^7.15.0",
+    "@babel/plugin-transform-object-assign": "^7.16.7",
+    "@babel/plugin-transform-react-display-name": "^7.16.7",
+    "@babel/preset-env": "^7.16.11",
+    "@babel/preset-react": "^7.16.7",
+    "@babel/preset-typescript": "^7.16.7",
     "@gfx/zopfli": "^1.0.15",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.4",
     "@types/express": "^4.17.13",
-    "@types/fixed-data-table-2": "^0.8.5",
+    "@types/fixed-data-table-2": "^0.8.6",
     "@types/he": "^1.1.2",
     "@types/invariant": "^2.2.35",
-    "@types/jest": "^27.0.1",
-    "@types/jquery": "^3.5.6",
+    "@types/jest": "^27.4.0",
+    "@types/jquery": "^3.5.13",
     "@types/linkify-it": "^3.0.2",
-    "@types/lodash": "^4.14.173",
-    "@types/node": "^16.9.2",
+    "@types/lodash": "^4.14.178",
+    "@types/node": "^17.0.10",
     "@types/prop-types": "^15.7.4",
-    "@types/react": "^17.0.21",
+    "@types/react": "^17.0.38",
     "@types/react-autosuggest": "^10.1.5",
-    "@types/react-dom": "^17.0.9",
-    "@types/react-grid-layout": "^1.1.2",
+    "@types/react-beautiful-dnd": "^13.1.2",
+    "@types/react-dom": "^17.0.11",
+    "@types/react-grid-layout": "^1.3.0",
     "@types/react-linkify": "^1.0.1",
-    "@types/react-measure": "^2.0.7",
-    "@types/react-mentions": "^4.1.3",
+    "@types/react-measure": "^2.0.8",
+    "@types/react-mentions": "^4.1.5",
     "@types/react-notification-system": "^0.2.41",
-    "@types/react-router-dom": "^5.1.9",
-    "@types/react-select": "^4.0.17",
-    "@types/react-transition-group": "^4.4.3",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/react-select": "^4.0.18",
+    "@types/react-transition-group": "^4.4.4",
     "@types/semantic-ui": "^2.2.7",
     "@types/webpack": "^5.28.0",
     "airdcpp-apisocket": "^2.4.4",
     "babel-core": "^7.0.0-bridge.0",
-    "babel-jest": "^27.2.0",
-    "babel-loader": "^8.2.2",
+    "babel-jest": "^27.4.6",
+    "babel-loader": "^8.2.3",
     "babel-plugin-module-resolver": "^4.1.0",
     "classnames": "^2.3.1",
-    "compare-versions": "^3.6.0",
-    "compression-webpack-plugin": "^9.0.0",
+    "compare-versions": "^4.1.3",
+    "compression-webpack-plugin": "^9.2.0",
     "cross-env": "^7.0.3",
-    "css-loader": "^6.3.0",
+    "css-loader": "^6.5.1",
     "escape-string-regexp": "^5.0.0",
-    "express": "^4.17.1",
-    "fast-xml-parser": "^3.20.0",
-    "fixed-data-table-2": "^1.2.0",
+    "express": "^4.17.2",
+    "fast-xml-parser": "^4.0.1",
+    "fixed-data-table-2": "^1.2.2",
     "fomantic-ui-css": "^2.8.8",
-    "fork-ts-checker-webpack-plugin": "^6.3.3",
+    "fork-ts-checker-webpack-plugin": "^6.5.0",
     "he": "^1.2.0",
-    "html-webpack-plugin": "^5.3.2",
+    "html-webpack-plugin": "^5.5.0",
     "http-proxy": "^1.18.1",
-    "i18next": "^20.6.1",
+    "i18next": "^21.6.7",
     "i18next-browser-languagedetector": "^6.1.2",
     "i18next-express-middleware": "^2.0.0",
     "i18next-node-fs-backend": "^2.1.3",
     "i18next-xhr-backend": "^3.2.2",
     "immutability-helper": "^3.1.1",
     "invariant": "^2.2.4",
-    "jest": "^27.2.0",
-    "jest-cli": "^27.2.0",
+    "jest": "^27.4.7",
+    "jest-cli": "^27.4.7",
     "jquery": "^3.6.0",
     "limiter": "^2.1.0",
     "lodash": "^4.17.21",
@@ -106,24 +107,25 @@
     "pondjs": "^0.9.0",
     "pre-commit": "^1.2.2",
     "promise": "^8.1.0",
-    "prop-types": "^15.7.2",
+    "prop-types": "^15.8.1",
     "re-resizable": "^6.9.1",
     "react": "^17.0.2",
     "react-autosuggest": "^10.1.0",
+    "react-beautiful-dnd": "^13.1.0",
     "react-circular-progressbar": "^2.0.4",
     "react-dom": "^17.0.2",
-    "react-dropzone": "^11.4.0",
+    "react-dropzone": "^11.5.1",
     "react-easy-emoji": "^1.6.1",
     "react-emojione": "^5.0.1",
-    "react-grid-layout": "^1.3.0",
-    "react-i18next": "^11.12.0",
-    "react-intersection-observer": "^8.32.1",
+    "react-grid-layout": "^1.3.2",
+    "react-i18next": "^11.15.3",
+    "react-intersection-observer": "^8.33.1",
     "react-linkify": "^1.0.0-alpha",
     "react-measure": "^2.5.2",
-    "react-mentions": "^4.3.0",
+    "react-mentions": "^4.3.1",
     "react-notification-system": "^0.4.0",
-    "react-refresh": "^0.10.0",
-    "react-refresh-typescript": "^2.0.2",
+    "react-refresh": "^0.11.0",
+    "react-refresh-typescript": "^2.0.3",
     "react-router": "^5.2.1",
     "react-router-dom": "^5.3.0",
     "react-select": "^4.3.1",
@@ -134,21 +136,21 @@
     "reflux-promise": "^1.0.4",
     "regenerator-runtime": "^0.13.9",
     "rimraf": "^3.0.2",
-    "style-loader": "^3.2.1",
+    "style-loader": "^3.3.1",
     "tcomb-form": "^0.9.21",
     "tcomb-form-templates-semantic": "^0.1.1",
-    "ts-jest": "^27.0.5",
-    "ts-loader": "^9.2.5",
+    "ts-jest": "^27.1.3",
+    "ts-loader": "^9.2.6",
     "tslint": "^6.1.3",
     "tslint-react": "^5.0.0",
-    "typescript": "^4.4.3",
-    "webpack": "^5.53.0",
-    "webpack-cli": "^4.8.0",
-    "webpack-dev-middleware": "^5.1.0",
+    "typescript": "^4.5.5",
+    "webpack": "^5.67.0",
+    "webpack-cli": "^4.9.2",
+    "webpack-dev-middleware": "^5.3.0",
     "webpack-hot-middleware": "^2.25.1",
     "webpack-visualizer-plugin2": "^1.0.0",
     "whatwg-fetch": "^3.6.2",
-    "workbox-webpack-plugin": "^6.3.0"
+    "workbox-webpack-plugin": "^6.4.2"
   },
   "false": {}
 }

package/dist/js/334.f72694a737e72404ed6e.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkairdcpp_webui=self.webpackChunkairdcpp_webui||[]).push([[334],{34378:(e,t,n)=>{n.d(t,{Z:()=>a});var s=n(87537),r=n.n(s),o=n(23645),i=n.n(o)()(r());i.push([e.id,".message-section {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n}\r\n\r\n.message-list .date.divider i {\r\n  margin-right: 5px;\r\n}\r\n\r\n.message-list .item .text .highlight.link {\r\n  color: #4183c4;\r\n}\r\n\r\n.message-list .item .text .highlight.bold {\r\n  font-weight: bold;\r\n}\r\n\r\n.message-list .item .text .table.dropdown,\r\n.message-list .item .text .table.dropdown .popup.trigger {\r\n  max-width: 100%;\r\n}\r\n\r\n.message-list .item .text .table.dropdown .caption {\r\n  overflow: hidden;\r\n}","",{version:3,sources:["webpack://./src/components/messages/messages.css"],names:[],mappings:"AAAA;EACE,OAAO;EACP,gBAAgB;AAClB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;;EAEE,eAAe;AACjB;;AAEA;EACE,gBAAgB;AAClB",sourcesContent:[".message-section {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n}\r\n\r\n.message-list .date.divider i {\r\n  margin-right: 5px;\r\n}\r\n\r\n.message-list .item .text .highlight.link {\r\n  color: #4183c4;\r\n}\r\n\r\n.message-list .item .text .highlight.bold {\r\n  font-weight: bold;\r\n}\r\n\r\n.message-list .item .text .table.dropdown,\r\n.message-list .item .text .table.dropdown .popup.trigger {\r\n  max-width: 100%;\r\n}\r\n\r\n.message-list .item .text .table.dropdown .caption {\r\n  overflow: hidden;\r\n}"],sourceRoot:""}]);const a=i},25334:(e,t,n)=>{n.d(t,{Z:()=>te});var s=n(85893),r=n(67294),o=n(94184),i=n.n(o),a=n(54883),l=n(99311),d=n(20867),c=n(45697),p=n.n(c);function g(){return(g=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(e[s]=n[s])}return e}).apply(this,arguments)}var u=new Map,m=new WeakMap,h=0;function b(e,t,n){if(void 0===n&&(n={}),!e)return function(){};var s=function(e){var t=function(e){return Object.keys(e).sort().filter((function(t){return void 0!==e[t]})).map((function(t){return t+"_"+("root"===t?(n=e.root)?(m.has(n)||(h+=1,m.set(n,h.toString())),m.get(n)):"0":e[t]);var n})).toString()}(e),n=u.get(t);if(!n){var s,r=new Map,o=new IntersectionObserver((function(t){t.forEach((function(t){var n,o=t.isIntersecting&&s.some((function(e){return t.intersectionRatio>=e}));e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=o),null==(n=r.get(t.target))||n.forEach((function(e){e(o,t)}))}))}),e);s=o.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),n={id:t,observer:o,elements:r},u.set(t,n)}return n}(n),r=s.id,o=s.observer,i=s.elements,a=i.get(e)||[];return i.has(e)||i.set(e,a),a.push(t),o.observe(e),function(){a.splice(a.indexOf(t),1),0===a.length&&(i.delete(e),o.unobserve(e)),0===i.size&&(o.disconnect(),u.delete(r))}}function v(e){return"function"!=typeof e.children}var f=function(e){var t,n;function s(t){var n;return(n=e.call(this,t)||this).node=null,n._unobserveCb=null,n.handleNode=function(e){n.node&&(n.unobserve(),e||n.props.triggerOnce||n.props.skip||n.setState({inView:!!n.props.initialInView,entry:void 0})),n.node=e||null,n.observeNode()},n.handleChange=function(e,t){e&&n.props.triggerOnce&&n.unobserve(),v(n.props)||n.setState({inView:e,entry:t}),n.props.onChange&&n.props.onChange(e,t)},n.state={inView:!!t.initialInView,entry:void 0},n}n=e,(t=s).prototype=Object.create(n.prototype),t.prototype.constructor=t,t.__proto__=n;var o=s.prototype;return o.componentDidUpdate=function(e){e.rootMargin===this.props.rootMargin&&e.root===this.props.root&&e.threshold===this.props.threshold&&e.skip===this.props.skip&&e.trackVisibility===this.props.trackVisibility&&e.delay===this.props.delay||(this.unobserve(),this.observeNode())},o.componentWillUnmount=function(){this.unobserve(),this.node=null},o.observeNode=function(){if(this.node&&!this.props.skip){var e=this.props,t=e.threshold,n=e.root,s=e.rootMargin,r=e.trackVisibility,o=e.delay;this._unobserveCb=b(this.node,this.handleChange,{threshold:t,root:n,rootMargin:s,trackVisibility:r,delay:o})}},o.unobserve=function(){this._unobserveCb&&(this._unobserveCb(),this._unobserveCb=null)},o.render=function(){if(!v(this.props)){var e=this.state,t=e.inView,n=e.entry;return this.props.children({inView:t,entry:n,ref:this.handleNode})}var s=this.props,o=s.children,i=s.as,a=s.tag,l=function(e,t){if(null==e)return{};var n,s,r={},o=Object.keys(e);for(s=0;s<o.length;s++)n=o[s],t.indexOf(n)>=0||(r[n]=e[n]);return r}(s,["children","as","tag","triggerOnce","threshold","root","rootMargin","onChange","skip","trackVisibility","delay","initialInView"]);return(0,r.createElement)(i||a||"div",g({ref:this.handleNode},l),o)},s}(r.Component);f.displayName="InView",f.defaultProps={threshold:0,triggerOnce:!1,initialInView:!1};var y=n(47021),O=n(4333),j=n(2445);const w=({time:e})=>(0,s.jsx)("div",Object.assign({className:"time"},{children:(0,j.i$)(e)}),void 0);var x=n(94656);const A=e=>{var{emojify:t,message:n,user:r,label:o}=e,i=function(e,t){var n={};for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&t.indexOf(s)<0&&(n[s]=e[s]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(s=Object.getOwnPropertySymbols(e);r<s.length;r++)t.indexOf(s[r])<0&&Object.prototype.propertyIsEnumerable.call(e,s[r])&&(n[s[r]]=e[s[r]])}return n}(e,["emojify","message","user","label"]);return(0,s.jsxs)("div",Object.assign({className:"text"},{children:[!!o&&(0,s.jsx)("span",Object.assign({className:"label"},{children:`${o}: `}),void 0),(0,s.jsx)(x.h,Object.assign({emojify:t,text:n.text,highlights:n.highlights,user:r},i),void 0)]}),void 0)};const C=({message:e,dropdownContext:t})=>(0,s.jsxs)("div",Object.assign({className:"header author"},{children:[e.third_person&&(0,s.jsx)("span",{children:"*"},void 0),(0,s.jsx)(y.Ie,{contextElement:t,triggerIcon:null,user:e.from,direction:"downward",remoteMenuId:O.Z.HUB_USER,entityId:e.from.hub_session_id},void 0)]}),void 0);class E extends r.Component{shouldComponentUpdate(){return!1}render(){const e=this.props,{message:t,dropdownContext:n,menuProps:r}=e,o=function(e,t){var n={};for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&t.indexOf(s)<0&&(n[s]=e[s]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(s=Object.getOwnPropertySymbols(e);r<s.length;r++)t.indexOf(s[r])<0&&Object.prototype.propertyIsEnumerable.call(e,s[r])&&(n[s[r]]=e[s[r]])}return n}(e,["message","dropdownContext","menuProps"]);return(0,s.jsxs)(f,Object.assign({className:"ui item chat "+t.from.flags.join(" ")},o,{children:[(0,s.jsx)(w,{time:t.time},void 0),(0,s.jsxs)("div",Object.assign({className:"left "+(t.third_person?"third-person":"normal")},{children:[(0,s.jsx)(C,{message:t,dropdownContext:n},void 0),(0,s.jsx)(A,{message:t,emojify:!0,user:t.from,menuProps:r},void 0)]}),void 0)]}),void 0)}}E.propTypes={message:p().object.isRequired,dropdownContext:p().string.isRequired};var I=n(35936),_=n(48117),N=n(76249);const P=e=>{switch(e){case N.m4.INFO:return _.Z.INFO+" circle";case N.m4.WARNING:return _.Z.WARNING;case N.m4.ERROR:return _.Z.ERROR;default:return""}};class k extends r.Component{shouldComponentUpdate(){return!1}render(){const e=this.props,{message:t,menuProps:n}=e,r=function(e,t){var n={};for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&t.indexOf(s)<0&&(n[s]=e[s]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(s=Object.getOwnPropertySymbols(e);r<s.length;r++)t.indexOf(s[r])<0&&Object.prototype.propertyIsEnumerable.call(e,s[r])&&(n[s[r]]=e[s[r]])}return n}(e,["message","menuProps"]);return(0,s.jsxs)(f,Object.assign({className:"ui item status "+t.severity},r,{children:[(0,s.jsx)(I.Z,{icon:P(t.severity)},void 0),t.time>0&&(0,s.jsx)(w,{time:t.time},void 0),(0,s.jsx)(A,{label:t.label,message:t,emojify:!1,menuProps:n},void 0)]}),void 0)}}k.propTypes={message:p().object.isRequired};const M=e=>{var{message:t}=e,n=function(e,t){var n={};for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&t.indexOf(s)<0&&(n[s]=e[s]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(s=Object.getOwnPropertySymbols(e);r<s.length;r++)t.indexOf(s[r])<0&&Object.prototype.propertyIsEnumerable.call(e,s[r])&&(n[s[r]]=e[s[r]])}return n}(e,["message"]);return t.chat_message?(0,s.jsx)(E,Object.assign({message:t.chat_message,dropdownContext:".chat.session"},n),void 0):t.log_message?(0,s.jsx)(k,Object.assign({message:t.log_message},n),void 0):null};var V=n(26793);const R=e=>{const t=e.chat_message?e.chat_message:e.log_message;return t&&new Date(1e3*t.time).getDate()},S=e=>{const t=e.chat_message?e.chat_message:e.log_message;return t&&0===t.time},D=({time:e})=>{const{t}=(0,V.$)();return(0,s.jsxs)("div",Object.assign({className:"ui horizontal date divider"},{children:[(0,s.jsx)(I.Z,{icon:_.Z.DATE},void 0),(0,j._s)(e,t)]}),`divider${e}`)},B=({entityId:e,onMessageVisibilityChanged:t,addDownload:n,highlightRemoteMenuId:r},o,i,a,l)=>{if(((e,t)=>{const n=t[e];return 0===e||1===e&&S(t[e-1])?R(n)!==(new Date).getDate()&&!S(n):R(t[e-1])!==R(n)})(a,l)){const e=i.chat_message?i.chat_message:i.log_message;e&&o.push((0,s.jsx)(D,{time:e.time},`divider${e.id}`))}const c=(0,d.oi)(i);return o.push((0,s.jsx)(M,{id:(0,d.or)(c),onChange:e=>{t(c,e)},threshold:.4,message:i,menuProps:{addDownload:n,entityId:e,remoteMenuId:r,boundary:".message-section"}},c)),o};var Z=n(8717),G=n(62285),U=n(32347),T=n(93379),$=n.n(T),H=n(7795),W=n.n(H),q=n(90569),F=n.n(q),z=n(3565),L=n.n(z),J=n(19216),K=n.n(J),Q=n(44589),X=n.n(Q),Y=n(34378),ee={};ee.styleTagTransform=X(),ee.setAttributes=L(),ee.insert=F().bind(null,"head"),ee.domAPI=W(),ee.insertStyleElement=K(),$()(Y.Z,ee),Y.Z&&Y.Z.locals&&Y.Z.locals;const te=r.memo((e=>{var{className:t,t:n}=e,o=function(e,t){var n={};for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&t.indexOf(s)<0&&(n[s]=e[s]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(s=Object.getOwnPropertySymbols(e);r<s.length;r++)t.indexOf(s[r])<0&&Object.prototype.propertyIsEnumerable.call(e,s[r])&&(n[s[r]]=e[s[r]])}return n}(e,["className","t"]);const d=(c=o.session,(0,r.useMemo)((()=>{const e={},t=t=>{const n=e[t];if(!n)throw new Error("Download was not found");return n};return{downloadDialogProps:{downloadHandler:(e,n,s,r)=>t(e.id).downloadHandler(e,n,s,r),userGetter:(e,n)=>{const s=t(e).userGetter;return s?s(e,n):void 0},itemDataGetter:(e,n)=>t(e).itemDataGetter(e,n),session:c},addDownloadItem:(t,n)=>{e[t]=n}}}),[]));var c;const{messageNodes:p,visibleItems:g}=(({highlightRemoteMenuId:e,messages:t,session:n},s)=>{const o=(0,r.useMemo)((()=>new Set),[n]),i=(e,t)=>{t?o.add(e):o.delete(e)};return{messageNodes:(0,r.useMemo)((()=>t?t.reduce(B.bind(null,{highlightRemoteMenuId:e,entityId:n?n.id:void 0,onMessageVisibilityChanged:i,addDownload:s.addDownloadItem}),[]):null),[t]),visibleItems:o}})(o,d),u=(0,l.Hc)(o,g);return(0,s.jsx)("div",Object.assign({ref:u,className:i()("message-section",t)},{children:p?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",Object.assign({className:"ui list message-list"},{children:p}),void 0),(0,s.jsx)(G.Z,Object.assign({},d.downloadDialogProps),void 0)]},void 0):(0,s.jsx)(a.Z,{text:(0,Z.Iu)("Loading messages",n,U.jv.COMMON)},void 0)}),void 0)}),((e,t)=>e.messages===t.messages))}}]);
-//# sourceMappingURL=334.f72694a737e72404ed6e.chunk.js.map

package/dist/js/334.f72694a737e72404ed6e.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"js/334.f72694a737e72404ed6e.chunk.js","mappings":"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","sources":["webpack://airdcpp-webui/./src/components/messages/messages.css","webpack://airdcpp-webui/./node_modules/react-intersection-observer/react-intersection-observer.m.js","webpack://airdcpp-webui/./src/components/messages/message/Timestamp.tsx","webpack://airdcpp-webui/./src/components/messages/message/MessageText.tsx","webpack://airdcpp-webui/./src/components/messages/message/ChatMessage.tsx","webpack://airdcpp-webui/./src/components/messages/message/StatusMessage.tsx","webpack://airdcpp-webui/./src/components/messages/list/MessageListItem.tsx","webpack://airdcpp-webui/./src/components/messages/list/MessageListDateDivider.tsx","webpack://airdcpp-webui/./src/components/messages/effects/MessageNodeManager.tsx","webpack://airdcpp-webui/./src/components/messages/messages.css?1e0d","webpack://airdcpp-webui/./src/components/messages/MessageView.tsx","webpack://airdcpp-webui/./src/effects/ItemDownloadManager.tsx"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".message-section {\\r\\n  flex: 1;\\r\\n  overflow-y: auto;\\r\\n}\\r\\n\\r\\n.message-list .date.divider i {\\r\\n  margin-right: 5px;\\r\\n}\\r\\n\\r\\n.message-list .item .text .highlight.link {\\r\\n  color: #4183c4;\\r\\n}\\r\\n\\r\\n.message-list .item .text .highlight.bold {\\r\\n  font-weight: bold;\\r\\n}\\r\\n\\r\\n.message-list .item .text .table.dropdown,\\r\\n.message-list .item .text .table.dropdown .popup.trigger {\\r\\n  max-width: 100%;\\r\\n}\\r\\n\\r\\n.message-list .item .text .table.dropdown .caption {\\r\\n  overflow: hidden;\\r\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/components/messages/messages.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,OAAO;EACP,gBAAgB;AAClB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;;EAEE,eAAe;AACjB;;AAEA;EACE,gBAAgB;AAClB\",\"sourcesContent\":[\".message-section {\\r\\n  flex: 1;\\r\\n  overflow-y: auto;\\r\\n}\\r\\n\\r\\n.message-list .date.divider i {\\r\\n  margin-right: 5px;\\r\\n}\\r\\n\\r\\n.message-list .item .text .highlight.link {\\r\\n  color: #4183c4;\\r\\n}\\r\\n\\r\\n.message-list .item .text .highlight.bold {\\r\\n  font-weight: bold;\\r\\n}\\r\\n\\r\\n.message-list .item .text .table.dropdown,\\r\\n.message-list .item .text .table.dropdown .popup.trigger {\\r\\n  max-width: 100%;\\r\\n}\\r\\n\\r\\n.message-list .item .text .table.dropdown .caption {\\r\\n  overflow: hidden;\\r\\n}\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","import { createElement, Component, useRef, useState, useCallback, useEffect } from 'react';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n  subClass.prototype = Object.create(superClass.prototype);\n  subClass.prototype.constructor = subClass;\n  subClass.__proto__ = superClass;\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar ObserverMap = new Map();\nvar RootIds = new WeakMap();\nvar rootId = 0;\n/**\r\n * Generate a unique ID for the root element\r\n * @param root\r\n */\n\nfunction getRootId(root) {\n  if (!root) return '0';\n  if (RootIds.has(root)) return RootIds.get(root);\n  rootId += 1;\n  RootIds.set(root, rootId.toString());\n  return RootIds.get(root);\n}\n/**\r\n * Convert the options to a string Id, based on the values.\r\n * Ensures we can reuse the same observer when observing elements with the same options.\r\n * @param options\r\n */\n\n\nfunction optionsToId(options) {\n  return Object.keys(options).sort().filter(function (key) {\n    return options[key] !== undefined;\n  }).map(function (key) {\n    return key + \"_\" + (key === 'root' ? getRootId(options.root) : options[key]);\n  }).toString();\n}\n\nfunction createObserver(options) {\n  // Create a unique ID for this observer instance, based on the root, root margin and threshold.\n  var id = optionsToId(options);\n  var instance = ObserverMap.get(id);\n\n  if (!instance) {\n    // Create a map of elements this observer is going to observe. Each element has a list of callbacks that should be triggered, once it comes into view.\n    var elements = new Map();\n    var thresholds;\n    var observer = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        var _elements$get;\n\n        // While it would be nice if you could just look at isIntersecting to determine if the component is inside the viewport, browsers can't agree on how to use it.\n        // -Firefox ignores `threshold` when considering `isIntersecting`, so it will never be false again if `threshold` is > 0\n        var inView = entry.isIntersecting && thresholds.some(function (threshold) {\n          return entry.intersectionRatio >= threshold;\n        }); // @ts-ignore support IntersectionObserver v2\n\n        if (options.trackVisibility && typeof entry.isVisible === 'undefined') {\n          // The browser doesn't support Intersection Observer v2, falling back to v1 behavior.\n          // @ts-ignore\n          entry.isVisible = inView;\n        }\n\n        (_elements$get = elements.get(entry.target)) == null ? void 0 : _elements$get.forEach(function (callback) {\n          callback(inView, entry);\n        });\n      });\n    }, options); // Ensure we have a valid thresholds array. If not, use the threshold from the options\n\n    thresholds = observer.thresholds || (Array.isArray(options.threshold) ? options.threshold : [options.threshold || 0]);\n    instance = {\n      id: id,\n      observer: observer,\n      elements: elements\n    };\n    ObserverMap.set(id, instance);\n  }\n\n  return instance;\n}\n/**\r\n * @param element - DOM Element to observe\r\n * @param callback - Callback function to trigger when intersection status changes\r\n * @param options - Intersection Observer options\r\n * @return Function - Cleanup function that should be triggered to unregister the observer\r\n */\n\n\nfunction observe(element, callback, options) {\n  if (options === void 0) {\n    options = {};\n  }\n\n  if (!element) return function () {}; // An observer with the same options can be reused, so lets use this fact\n\n  var _createObserver = createObserver(options),\n      id = _createObserver.id,\n      observer = _createObserver.observer,\n      elements = _createObserver.elements; // Register the callback listener for this element\n\n\n  var callbacks = elements.get(element) || [];\n\n  if (!elements.has(element)) {\n    elements.set(element, callbacks);\n  }\n\n  callbacks.push(callback);\n  observer.observe(element);\n  return function unobserve() {\n    // Remove the callback from the callback list\n    callbacks.splice(callbacks.indexOf(callback), 1);\n\n    if (callbacks.length === 0) {\n      // No more callback exists for element, so destroy it\n      elements[\"delete\"](element);\n      observer.unobserve(element);\n    }\n\n    if (elements.size === 0) {\n      // No more elements are being observer by this instance, so destroy it\n      observer.disconnect();\n      ObserverMap[\"delete\"](id);\n    }\n  };\n}\n\nfunction isPlainChildren(props) {\n  return typeof props.children !== 'function';\n}\n/**\r\n ## Render props\r\n\n To use the `<InView>` component, you pass it a function. It will be called\r\n whenever the state changes, with the new value of `inView`. In addition to the\r\n `inView` prop, children also receive a `ref` that should be set on the\r\n containing DOM element. This is the element that the IntersectionObserver will\r\n monitor.\r\n\n If you need it, you can also access the\r\n [`IntersectionObserverEntry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry)\r\n on `entry`, giving you access to all the details about the current intersection\r\n state.\r\n\n ```jsx\r\n import { InView } from 'react-intersection-observer';\r\n\n const Component = () => (\r\n <InView>\r\n {({ inView, ref, entry }) => (\r\n      <div ref={ref}>\r\n        <h2>{`Header inside viewport ${inView}.`}</h2>\r\n      </div>\r\n    )}\r\n </InView>\r\n );\r\n\n export default Component;\r\n ```\r\n\n ## Plain children\r\n\n You can pass any element to the `<InView />`, and it will handle creating the\r\n wrapping DOM element. Add a handler to the `onChange` method, and control the\r\n state in your own component. Any extra props you add to `<InView>` will be\r\n passed to the HTML element, allowing you set the `className`, `style`, etc.\r\n\n ```jsx\r\n import { InView } from 'react-intersection-observer';\r\n\n const Component = () => (\r\n <InView as=\"div\" onChange={(inView, entry) => console.log('Inview:', inView)}>\r\n <h2>Plain children are always rendered. Use onChange to monitor state.</h2>\r\n </InView>\r\n );\r\n\n export default Component;\r\n ```\r\n */\n\n\nvar InView = /*#__PURE__*/function (_React$Component) {\n  _inheritsLoose(InView, _React$Component);\n\n  function InView(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.node = null;\n    _this._unobserveCb = null;\n\n    _this.handleNode = function (node) {\n      if (_this.node) {\n        // Clear the old observer, before we start observing a new element\n        _this.unobserve();\n\n        if (!node && !_this.props.triggerOnce && !_this.props.skip) {\n          // Reset the state if we get a new node, and we aren't ignoring updates\n          _this.setState({\n            inView: !!_this.props.initialInView,\n            entry: undefined\n          });\n        }\n      }\n\n      _this.node = node ? node : null;\n\n      _this.observeNode();\n    };\n\n    _this.handleChange = function (inView, entry) {\n      if (inView && _this.props.triggerOnce) {\n        // If `triggerOnce` is true, we should stop observing the element.\n        _this.unobserve();\n      }\n\n      if (!isPlainChildren(_this.props)) {\n        // Store the current State, so we can pass it to the children in the next render update\n        // There's no reason to update the state for plain children, since it's not used in the rendering.\n        _this.setState({\n          inView: inView,\n          entry: entry\n        });\n      }\n\n      if (_this.props.onChange) {\n        // If the user is actively listening for onChange, always trigger it\n        _this.props.onChange(inView, entry);\n      }\n    };\n\n    _this.state = {\n      inView: !!props.initialInView,\n      entry: undefined\n    };\n    return _this;\n  }\n\n  var _proto = InView.prototype;\n\n  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n    // If a IntersectionObserver option changed, reinit the observer\n    if (prevProps.rootMargin !== this.props.rootMargin || prevProps.root !== this.props.root || prevProps.threshold !== this.props.threshold || prevProps.skip !== this.props.skip || prevProps.trackVisibility !== this.props.trackVisibility || prevProps.delay !== this.props.delay) {\n      this.unobserve();\n      this.observeNode();\n    }\n  };\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    this.unobserve();\n    this.node = null;\n  };\n\n  _proto.observeNode = function observeNode() {\n    if (!this.node || this.props.skip) return;\n    var _this$props = this.props,\n        threshold = _this$props.threshold,\n        root = _this$props.root,\n        rootMargin = _this$props.rootMargin,\n        trackVisibility = _this$props.trackVisibility,\n        delay = _this$props.delay;\n    this._unobserveCb = observe(this.node, this.handleChange, {\n      threshold: threshold,\n      root: root,\n      rootMargin: rootMargin,\n      // @ts-ignore\n      trackVisibility: trackVisibility,\n      // @ts-ignore\n      delay: delay\n    });\n  };\n\n  _proto.unobserve = function unobserve() {\n    if (this._unobserveCb) {\n      this._unobserveCb();\n\n      this._unobserveCb = null;\n    }\n  };\n\n  _proto.render = function render() {\n    if (!isPlainChildren(this.props)) {\n      var _this$state = this.state,\n          inView = _this$state.inView,\n          entry = _this$state.entry;\n      return this.props.children({\n        inView: inView,\n        entry: entry,\n        ref: this.handleNode\n      });\n    }\n\n    var _this$props2 = this.props,\n        children = _this$props2.children,\n        as = _this$props2.as,\n        tag = _this$props2.tag,\n        props = _objectWithoutPropertiesLoose(_this$props2, [\"children\", \"as\", \"tag\", \"triggerOnce\", \"threshold\", \"root\", \"rootMargin\", \"onChange\", \"skip\", \"trackVisibility\", \"delay\", \"initialInView\"]);\n\n    return /*#__PURE__*/createElement(as || tag || 'div', _extends({\n      ref: this.handleNode\n    }, props), children);\n  };\n\n  return InView;\n}(Component);\nInView.displayName = 'InView';\nInView.defaultProps = {\n  threshold: 0,\n  triggerOnce: false,\n  initialInView: false\n};\n\n/**\r\n * React Hooks make it easy to monitor the `inView` state of your components. Call\r\n * the `useInView` hook with the (optional) [options](#options) you need. It will\r\n * return an array containing a `ref`, the `inView` status and the current\r\n * [`entry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry).\r\n * Assign the `ref` to the DOM element you want to monitor, and the hook will\r\n * report the status.\r\n *\r\n * @example\r\n * ```jsx\r\n * import React from 'react';\r\n * import { useInView } from 'react-intersection-observer';\r\n *\r\n * const Component = () => {\r\n *   const { ref, inView, entry } = useInView({\r\n *       threshold: 0,\r\n *   });\r\n *\r\n *   return (\r\n *     <div ref={ref}>\r\n *       <h2>{`Header inside viewport ${inView}.`}</h2>\r\n *     </div>\r\n *   );\r\n * };\r\n * ```\r\n */\n\nfunction useInView(_temp) {\n  var _ref = _temp === void 0 ? {} : _temp,\n      threshold = _ref.threshold,\n      delay = _ref.delay,\n      trackVisibility = _ref.trackVisibility,\n      rootMargin = _ref.rootMargin,\n      root = _ref.root,\n      triggerOnce = _ref.triggerOnce,\n      skip = _ref.skip,\n      initialInView = _ref.initialInView;\n\n  var unobserve = useRef();\n\n  var _React$useState = useState({\n    inView: !!initialInView\n  }),\n      state = _React$useState[0],\n      setState = _React$useState[1];\n\n  var setRef = useCallback(function (node) {\n    if (unobserve.current !== undefined) {\n      unobserve.current();\n      unobserve.current = undefined;\n    } // Skip creating the observer\n\n\n    if (skip) return;\n\n    if (node) {\n      unobserve.current = observe(node, function (inView, entry) {\n        setState({\n          inView: inView,\n          entry: entry\n        });\n\n        if (entry.isIntersecting && triggerOnce && unobserve.current) {\n          // If it should only trigger once, unobserve the element after it's inView\n          unobserve.current();\n          unobserve.current = undefined;\n        }\n      }, {\n        root: root,\n        rootMargin: rootMargin,\n        threshold: threshold,\n        // @ts-ignore\n        trackVisibility: trackVisibility,\n        // @ts-ignore\n        delay: delay\n      });\n    }\n  }, // We break the rule here, because we aren't including the actual `threshold` variable\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  [// If the threshold is an array, convert it to a string so it won't change between renders.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  Array.isArray(threshold) ? threshold.toString() : threshold, root, rootMargin, triggerOnce, skip, trackVisibility, delay]);\n  /* eslint-disable-next-line */\n\n  useEffect(function () {\n    if (!unobserve.current && state.entry && !triggerOnce && !skip) {\n      // If we don't have a ref, then reset the state (unless the hook is set to only `triggerOnce` or `skip`)\n      // This ensures we correctly reflect the current state - If you aren't observing anything, then nothing is inView\n      setState({\n        inView: !!initialInView\n      });\n    }\n  });\n  var result = [setRef, state.inView, state.entry]; // Support object destructuring, by adding the specific values.\n\n  result.ref = result[0];\n  result.inView = result[1];\n  result.entry = result[2];\n  return result;\n}\n\nexport default InView;\nexport { InView, observe, useInView };\n//# sourceMappingURL=react-intersection-observer.m.js.map\n","import * as React from 'react';\r\n\r\nimport { formatTimestamp } from 'utils/ValueFormat';\r\n\r\n\r\ninterface TimeStampProps {\r\n  time: number;\r\n}\r\n\r\nexport const TimeStamp: React.FC<TimeStampProps> = ({ time }) => (\r\n  <div className=\"time\">\r\n    { formatTimestamp(time) }\r\n  </div>\r\n);\r\n","import * as React from 'react';\r\n\r\nimport * as API from 'types/api';\r\nimport * as UI from 'types/ui';\r\n\r\nimport { HighlightedText } from '../../text/HighlightedText';\r\n\r\n\r\ninterface MessageTextProps {\r\n  message: API.Message; \r\n  emojify: boolean;\r\n  user?: API.HubUser;\r\n  label?: string;\r\n  menuProps: UI.MessageActionMenuData;\r\n}\r\n\r\nexport const MessageText: React.FC<MessageTextProps> = ({ emojify, message, user, label, ...other }) => (\r\n  <div className=\"text\">\r\n    { !!label && (\r\n      <span className=\"label\">\r\n        { `${label}: ` }\r\n      </span>\r\n    ) }\r\n    <HighlightedText\r\n      emojify={ emojify }\r\n      text={ message.text }\r\n      highlights={ message.highlights }\r\n      user={ user }\r\n      { ...other }\r\n    />\r\n  </div>\r\n);\r\n","import PropTypes from 'prop-types';\r\nimport * as React from 'react';\r\nimport { InView } from 'react-intersection-observer';\r\n\r\nimport { UserMenu } from 'components/menu';\r\n\r\nimport * as API from 'types/api';\r\n\r\nimport MenuConstants from 'constants/MenuConstants';\r\nimport { CommonMessageProps } from '../types';\r\nimport { TimeStamp } from './Timestamp';\r\nimport { MessageText } from './MessageText';\r\n\r\n\r\ninterface AuthorProps {\r\n  message: API.ChatMessage; \r\n  dropdownContext: string;\r\n}\r\n\r\n// Message sections\r\nconst Author: React.FC<AuthorProps> = ({ message, dropdownContext }) => (\r\n  <div className=\"header author\">\r\n    { message.third_person && <span>*</span> }\r\n    <UserMenu \r\n      contextElement={ dropdownContext } \r\n      triggerIcon={ null }\r\n      user={ message.from }\r\n      direction=\"downward\"\r\n      remoteMenuId={ MenuConstants.HUB_USER }\r\n      entityId={ message.from.hub_session_id }\r\n    />\r\n  </div>\r\n);\r\n\r\n/*Author.propTypes = {\r\n  message: PropTypes.object.isRequired,\r\n  dropdownContext: PropTypes.string.isRequired,\r\n};*/\r\n\r\ninterface ChatMessageProps extends CommonMessageProps {\r\n  message: API.ChatMessage;\r\n  dropdownContext: string;\r\n}\r\n\r\n// Main message types\r\nclass ChatMessage extends React.Component<ChatMessageProps> {\r\n  static propTypes = {\r\n    message: PropTypes.object.isRequired,\r\n    dropdownContext: PropTypes.string.isRequired,\r\n  };\r\n\r\n  shouldComponentUpdate() {\r\n    return false;\r\n  }\r\n\r\n  render() {\r\n    const { \r\n      message, dropdownContext, menuProps,\r\n      ...other \r\n    } = this.props;\r\n\r\n    return (\r\n      <InView \r\n        className={ 'ui item chat ' + message.from.flags.join(' ')}\r\n        { ...other }\r\n      >\r\n        <TimeStamp\r\n          time={ message.time }\r\n        />\r\n        <div className={ 'left ' + (message.third_person ? 'third-person' : 'normal') }>\r\n          <Author \r\n            message={ message } \r\n            dropdownContext={ dropdownContext }\r\n          />\r\n          <MessageText \r\n            message={ message }\r\n            emojify={ true }\r\n            user={ message.from }\r\n            menuProps={ menuProps }\r\n          />\r\n        </div>\r\n      </InView>\r\n    );\r\n  }\r\n}\r\n\r\nexport { ChatMessage };\r\n","import PropTypes from 'prop-types';\r\nimport { Component } from 'react';\r\nimport { InView } from 'react-intersection-observer';\r\n\r\nimport Icon from 'components/semantic/Icon';\r\nimport IconConstants from 'constants/IconConstants';\r\n\r\nimport * as API from 'types/api';\r\n\r\nimport { CommonMessageProps } from '../types';\r\nimport { MessageText } from './MessageText';\r\nimport { TimeStamp } from './Timestamp';\r\n\r\n\r\nconst getSeverityIcon = (severity: API.SeverityEnum) => {\r\n  switch (severity) {\r\n    case API.SeverityEnum.INFO: return IconConstants.INFO + ' circle';\r\n    case API.SeverityEnum.WARNING: return IconConstants.WARNING;\r\n    case API.SeverityEnum.ERROR: return IconConstants.ERROR;\r\n    default: return '';\r\n  }\r\n};\r\n\r\ninterface StatusMessageProps extends CommonMessageProps {\r\n  message: API.StatusMessage;\r\n}\r\n\r\nclass StatusMessage extends Component<StatusMessageProps> {\r\n  static propTypes = {\r\n    message: PropTypes.object.isRequired,\r\n  };\r\n\r\n  shouldComponentUpdate() {\r\n    return false;\r\n  }\r\n\r\n  render() {\r\n    const { message, menuProps, ...other } = this.props;\r\n    return (\r\n      <InView\r\n        className={ 'ui item status ' + message.severity }\r\n        { ...other }\r\n      >\r\n        <Icon icon={ getSeverityIcon(message.severity) }/>\r\n        { message.time > 0 && (\r\n          <TimeStamp \r\n            time={ message.time }\r\n          />\r\n        ) }\r\n        <MessageText\r\n          label={ message.label }\r\n          message={ message }\r\n          emojify={ false }\r\n          menuProps={ menuProps }\r\n        />\r\n      </InView>\r\n    );\r\n  }\r\n}\r\n\r\nexport { StatusMessage };\r\n","import * as React from 'react';\r\n\r\nimport { ChatMessage, StatusMessage } from '../message';\r\n\r\nimport * as UI from 'types/ui';\r\nimport { CommonMessageProps } from '../types';\r\n\r\n\r\ninterface MessageListItemProps extends CommonMessageProps {\r\n  id: string;\r\n  message: UI.MessageListItem;\r\n}\r\n\r\nexport const MessageListItem: React.FC<MessageListItemProps> = ({\r\n  message,\r\n  ...other\r\n}) => {\r\n  if (message.chat_message) {\r\n    return (\r\n      <ChatMessage\r\n        message={ message.chat_message }\r\n        dropdownContext=\".chat.session\"\r\n        { ...other }\r\n      />\r\n    );\r\n  } else if (message.log_message) {\r\n    return (\r\n      <StatusMessage\r\n        message={ message.log_message }\r\n        { ...other }\r\n      />\r\n    );\r\n  }\r\n\r\n  return null;\r\n};\r\n","//import PropTypes from 'prop-types';\r\nimport * as React from 'react';\r\n\r\nimport { formatCalendarTime } from 'utils/ValueFormat';\r\n\r\nimport * as UI from 'types/ui';\r\n\r\nimport Icon from 'components/semantic/Icon';\r\nimport IconConstants from 'constants/IconConstants';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\n\r\nconst getMessageDay = (listItem: UI.MessageListItem) => {\r\n  const message = !!listItem.chat_message ? listItem.chat_message : listItem.log_message;\r\n  return message && new Date(message.time * 1000).getDate();\r\n};\r\n\r\nconst isToday = (message: UI.MessageListItem) => {\r\n  return getMessageDay(message) === new Date().getDate();\r\n};\r\n\r\nconst isHistoryItem = (listItem: UI.MessageListItem) => {\r\n  const message = !!listItem.chat_message ? listItem.chat_message : listItem.log_message;\r\n  return message && message.time === 0; \r\n};\r\n\r\nexport const showDateDivider = (index: number, messageList: UI.MessageListItem[]) => {\r\n  const currentMessage = messageList[index];\r\n\r\n  // First message? History log won't count\r\n  if (index === 0 || (index === 1 && isHistoryItem(messageList[index - 1]))) {\r\n    // Don't show for message that were received today\r\n    if (!isToday(currentMessage) && !isHistoryItem(currentMessage)) {\r\n      return true;\r\n    }\r\n\r\n    return false;\r\n  }\r\n\r\n  return getMessageDay(messageList[index - 1]) !== getMessageDay(currentMessage);\r\n};\r\n\r\ninterface MessageListDateDividerProps {\r\n  time: number;\r\n}\r\n\r\nexport const MessageListDateDivider: React.FC<MessageListDateDividerProps> = ({ time }) => {\r\n  const { t } = useTranslation();\r\n  return (\r\n    <div \r\n      key={ `divider${time}` }\r\n      className=\"ui horizontal date divider\"\r\n    >\r\n      <Icon \r\n        icon={ IconConstants.DATE }\r\n      />\r\n      { formatCalendarTime(time, t) }\r\n    </div>\r\n  );\r\n};\r\n","import { useMemo } from 'react';\r\nimport * as React from 'react';\r\n\r\nimport * as API from 'types/api';\r\nimport * as UI from 'types/ui';\r\n\r\nimport { getListMessageId, getListMessageIdString } from 'utils/MessageUtils';\r\n\r\nimport { MessageListItem } from '../list/MessageListItem';\r\nimport { MessageListDateDivider, showDateDivider } from '../list/MessageListDateDivider';\r\n\r\nimport { ItemDownloadManager } from '../../../effects/ItemDownloadManager';\r\n\r\n\r\ninterface MessageItemData {\r\n  entityId: API.IdType | undefined;\r\n  onMessageVisibilityChanged: (id: number, inView: boolean) => void;\r\n  addDownload: UI.AddItemDownload;\r\n  highlightRemoteMenuId: string | undefined;\r\n}\r\n\r\nconst reduceMessageListItem = (\r\n  { entityId, onMessageVisibilityChanged, addDownload, highlightRemoteMenuId }: MessageItemData,\r\n  reduced: React.ReactNode[], \r\n  message: UI.MessageListItem, \r\n  index: number, \r\n  messageList: UI.MessageListItem[],\r\n) => {\r\n  // Push a divider when the date was changed\r\n  if (showDateDivider(index, messageList)) {\r\n    const messageObj = !!message.chat_message ? message.chat_message : message.log_message;\r\n    if (!!messageObj) {\r\n      reduced.push(\r\n        <MessageListDateDivider\r\n          key={ `divider${messageObj.id}` }\r\n          time={ messageObj.time }\r\n        />\r\n      );\r\n    }\r\n  }\r\n\r\n  // Push message\r\n  const id = getListMessageId(message)!;\r\n  reduced.push(\r\n    <MessageListItem\r\n      key={ id }\r\n      id={ getListMessageIdString(id) }\r\n      onChange={(inView) => {\r\n        onMessageVisibilityChanged(id, inView);\r\n      }}\r\n      threshold={ 0.4 }\r\n      message={ message }\r\n      menuProps={{\r\n        addDownload,\r\n        entityId,\r\n        remoteMenuId: highlightRemoteMenuId,\r\n        boundary: '.message-section',\r\n        // Determining the position is somewhat complex since the number of remote menu items isn't known at this point\r\n        // Only use the boundary for now, could be improved later...\r\n        // position: index < 4 ? 'bottom left' : 'top left',\r\n      }}\r\n    />\r\n  );\r\n\r\n  return reduced;\r\n};\r\n\r\ninterface Props {\r\n  messages: UI.MessageListItem[] | null;\r\n  session?: UI.SessionItemBase;\r\n  highlightRemoteMenuId?: string;\r\n}\r\n\r\nexport const useMessagesNode = (\r\n  { highlightRemoteMenuId, messages, session }: Props, \r\n  downloadManager: ItemDownloadManager,\r\n) => {\r\n  const visibleItems = useMemo(() => new Set<number>(), [session]);\r\n\r\n  const onMessageVisibilityChanged = (id: number, inView: boolean) => {\r\n    if (!inView) {\r\n      // console.log(`Remove view item ${id}`);\r\n      visibleItems.delete(id);\r\n    } else {\r\n      // console.log(`Add view item ${id}`);\r\n      visibleItems.add(id);\r\n    }\r\n\r\n    // console.log(`Visible items ${Array.from(visibleItems)}`);\r\n  };\r\n\r\n  const messageNodes = useMemo(\r\n    () => {\r\n      if (!messages) {\r\n        return null;\r\n      }\r\n\r\n      return messages.reduce(\r\n        reduceMessageListItem.bind(\r\n          null, \r\n          {\r\n            highlightRemoteMenuId,\r\n            entityId: session ? session.id : undefined, \r\n            onMessageVisibilityChanged,\r\n            addDownload: downloadManager.addDownloadItem,\r\n          }\r\n        ), \r\n        []\r\n      );\r\n    },\r\n    [ messages ]\r\n  );\r\n\r\n  return {\r\n    messageNodes,\r\n    visibleItems,\r\n  };\r\n};\r\n","\n      import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js!./messages.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js!./messages.css\";\n       export default content && content.locals ? content.locals : undefined;\n","//import PropTypes from 'prop-types';\r\nimport * as React from 'react';\r\nimport classNames from 'classnames';\r\nimport { TFunction } from 'i18next';\r\n\r\nimport Loader from 'components/semantic/Loader';\r\n\r\nimport { useMessageViewScrollEffect } from 'effects';\r\nimport { useMessagesNode } from './effects/MessageNodeManager';\r\nimport { useItemDownloadManager } from '../../effects/ItemDownloadManager';\r\nimport { translate } from 'utils/TranslationUtils';\r\n\r\nimport DownloadDialog from 'components/download/DownloadDialog';\r\n\r\nimport * as UI from 'types/ui';\r\n\r\nimport './messages.css';\r\n\r\n\r\ninterface MessageViewProps {\r\n  messages: UI.MessageListItem[] | null;\r\n  session?: UI.SessionItemBase;\r\n  className?: string;\r\n  scrollPositionHandler: UI.ScrollPositionHandler;\r\n  highlightRemoteMenuId?: string;\r\n  t: TFunction;\r\n}\r\n\r\nconst MessageView: React.FC<MessageViewProps> = React.memo(\r\n  ({ className, t, ...other }) => {\r\n    const downloadManager = useItemDownloadManager(other.session);\r\n    const { messageNodes, visibleItems } = useMessagesNode(other, downloadManager);\r\n\r\n    const scrollableRef = useMessageViewScrollEffect(\r\n      other,\r\n      visibleItems\r\n    );\r\n\r\n    return (\r\n      <div \r\n        ref={ scrollableRef }\r\n        className={ classNames('message-section', className) }\r\n      >\r\n        { !!messageNodes ? (\r\n          <>\r\n            <div className=\"ui list message-list\">\r\n              { messageNodes }\r\n            </div>\r\n            <DownloadDialog\r\n              { ...downloadManager.downloadDialogProps }\r\n            />\r\n          </>\r\n        ) : (\r\n          <Loader text={ translate('Loading messages', t, UI.Modules.COMMON) }/>\r\n        ) }\r\n      </div>\r\n    );\r\n  },\r\n  (prevProps, nextProps) => {\r\n    return prevProps.messages === nextProps.messages;\r\n  }\r\n);\r\n\r\nexport default MessageView;","import { useMemo } from 'react';\r\n\r\nimport * as API from 'types/api';\r\nimport * as UI from 'types/ui';\r\n\r\n\r\nexport interface ItemDownloadManager {\r\n  addDownloadItem: UI.AddItemDownload;\r\n  downloadDialogProps: UI.ItemDownloadHandler;\r\n}\r\n\r\nexport const useItemDownloadManager = (session: UI.SessionItemBase | undefined) => {\r\n  const downloadManager = useMemo<ItemDownloadManager>(\r\n    () => {\r\n      const downloads: { [key in string]: UI.ItemDownloadHandler } = {};\r\n\r\n      const getDownloadItem = (itemId: API.IdType) => {\r\n        const item = downloads[itemId];\r\n        if (!item) {\r\n          throw new Error('Download was not found');\r\n        }\r\n\r\n        return item;\r\n      };\r\n\r\n      const ret: ItemDownloadManager = {\r\n        downloadDialogProps: {\r\n          downloadHandler: (itemInfo, user, downloadData, downloadSession) => {\r\n            return getDownloadItem(itemInfo.id).downloadHandler(itemInfo, user, downloadData, downloadSession);\r\n          },\r\n          userGetter: (itemId, props) => {\r\n            const userGetter = getDownloadItem(itemId).userGetter;\r\n            return !!userGetter ? userGetter(itemId, props) : undefined;\r\n          },\r\n          itemDataGetter: (itemId, socket) => {\r\n            return getDownloadItem(itemId).itemDataGetter(itemId, socket);\r\n          },\r\n          session\r\n        },\r\n        addDownloadItem: (itemId: string, itemDownloadHandler: UI.ItemDownloadHandler) => {\r\n          downloads[itemId] = itemDownloadHandler;\r\n        },\r\n      };\r\n\r\n      return ret;\r\n    },\r\n    []\r\n  );\r\n\r\n  return downloadManager;\r\n};\r\n"],"names":["___CSS_LOADER_EXPORT___","push","module","id","_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","ObserverMap","Map","RootIds","WeakMap","rootId","observe","element","callback","options","_createObserver","keys","sort","filter","undefined","map","root","has","set","toString","get","optionsToId","instance","thresholds","elements","observer","IntersectionObserver","entries","forEach","entry","_elements$get","inView","isIntersecting","some","threshold","intersectionRatio","trackVisibility","isVisible","Array","isArray","createObserver","callbacks","splice","indexOf","unobserve","size","disconnect","isPlainChildren","props","children","InView","_React$Component","subClass","superClass","_this","node","_unobserveCb","handleNode","triggerOnce","skip","setState","initialInView","observeNode","handleChange","onChange","state","create","constructor","__proto__","_proto","componentDidUpdate","prevProps","rootMargin","delay","componentWillUnmount","_this$props","render","_this$state","ref","_this$props2","as","tag","excluded","sourceKeys","_objectWithoutPropertiesLoose","createElement","Component","displayName","defaultProps","TimeStamp","time","className","MessageText","emojify","message","user","label","other","HighlightedText","text","highlights","Author","dropdownContext","third_person","contextElement","triggerIcon","from","direction","remoteMenuId","MenuConstants","entityId","hub_session_id","ChatMessage","shouldComponentUpdate","menuProps","flags","join","propTypes","getSeverityIcon","severity","IconConstants","StatusMessage","Icon","icon","MessageListItem","chat_message","log_message","getMessageDay","listItem","Date","getDate","isHistoryItem","MessageListDateDivider","useTranslation","t","reduceMessageListItem","onMessageVisibilityChanged","addDownload","highlightRemoteMenuId","reduced","index","messageList","currentMessage","showDateDivider","messageObj","boundary","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","downloadManager","session","useMemo","downloads","getDownloadItem","itemId","item","Error","downloadDialogProps","downloadHandler","itemInfo","downloadData","downloadSession","userGetter","itemDataGetter","socket","addDownloadItem","itemDownloadHandler","messageNodes","visibleItems","messages","Set","add","delete","reduce","bind","useMessagesNode","scrollableRef","DownloadDialog","Loader","nextProps"],"sourceRoot":""}