@agilemotion/oui-react-js 1.8.56 → 1.8.58

package/dist/components/media/VCRoomRecorder.js

@@ -8,180 +8,183 @@ var _SocketManager = _interopRequireDefault(require("../SocketManager"));
 var _VCEventType = require("./VCEventType");
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 class VCRoomRecorder {
   constructor() {
-    this.meetingId = null;
-    this.meetingTitle = '';
-    this.recordingSequence = 0;
-    this.currentRecordingId = null;
-    this.recordingType = null;
-    this.recordingSize = null;
-    this.isRecording = false;
-    this.recorder = null;
-    this.audioTracks = new Map();
-  }
-  init = async (meetingId, meetingTitle) => {
-    this.meetingId = meetingId;
-    this.meetingTitle = meetingTitle;
-  };
-  addTrack = (id, track) => {
-    console.log('ADDING TRACK FOR : ' + id);
-    this.audioTracks.set(id, track);
-    if (this.recorder && this.recorder.state === 'recording') {
-      let mediaStream = new MediaStream([track]);
-      const mediaStreamAudioSourceNode = new MediaStreamAudioSourceNode(this.audioContext, {
-        mediaStream: mediaStream
-      });
-      mediaStreamAudioSourceNode.connect(this.mediaStreamAudioDestinationNode);
-    }
-  };
-  removeTrack = id => {
-    if (this.audioTracks.has(id)) {
-      this.audioTracks.delete(id);
-    }
-  };
-  handleRecordingDataAvailable = e => {
-    if (e.data.size > 0) {
-      console.log('ADDED CHUNK : ' + this.recordingSequence);
-      const blob = new Blob([e.data], {
-        type: 'video/webm'
-      });
-      const data = {
-        userId: _ApplicationManager.default.getUserDetails().username,
-        meetingId: this.meetingId,
-        name: this.meetingTitle,
-        type: blob.type,
-        size: blob.size,
-        sequenceNumber: this.recordingSequence,
-        sessionId: this.currentRecordingId
-      };
-      const reader = new FileReader();
-      reader.readAsDataURL(blob);
+    _defineProperty(this, "init", async (meetingId, meetingTitle) => {
+      this.meetingId = meetingId;
+      this.meetingTitle = meetingTitle;
+    });
+    _defineProperty(this, "addTrack", (id, track) => {
+      console.log('ADDING TRACK FOR : ' + id);
+      this.audioTracks.set(id, track);
+      if (this.recorder && this.recorder.state === 'recording') {
+        let mediaStream = new MediaStream([track]);
+        const mediaStreamAudioSourceNode = new MediaStreamAudioSourceNode(this.audioContext, {
+          mediaStream: mediaStream
+        });
+        mediaStreamAudioSourceNode.connect(this.mediaStreamAudioDestinationNode);
+      }
+    });
+    _defineProperty(this, "removeTrack", id => {
+      if (this.audioTracks.has(id)) {
+        this.audioTracks.delete(id);
+      }
+    });
+    _defineProperty(this, "handleRecordingDataAvailable", e => {
+      if (e.data.size > 0) {
+        console.log('ADDED CHUNK : ' + this.recordingSequence);
+        const blob = new Blob([e.data], {
+          type: 'video/webm'
+        });
+        const data = {
+          userId: _ApplicationManager.default.getUserDetails().username,
+          meetingId: this.meetingId,
+          name: this.meetingTitle,
+          type: blob.type,
+          size: blob.size,
+          sequenceNumber: this.recordingSequence,
+          sessionId: this.currentRecordingId
+        };
+        const reader = new FileReader();
+        reader.readAsDataURL(blob);
+        let _this = this;
+        reader.onload = function (evt) {
+          const result = evt.target.result;
+          _this.recordingType = blob.type;
+          _this.recordingSize += blob.size;
+          data.recordedData = result.replace('data:video/webm;base64,', '');
+          console.log('======== SAVING RECORDING CHUNK =========');
+          console.log(data);
+          _SocketManager.default.emitEvent(_VCEventType.VCEventType.SAVE_RECORDING, data).then(data => {
+            console.log('===== SAVE RECORDING SUCCESS ======');
+            if (!_this.isRecording) {
+              console.log('======= STOPPING RECORDING =======', _this.meetingTitle);
+              const data = {
+                meetingId: _this.meetingId,
+                userId: _ApplicationManager.default.getUserDetails().username,
+                name: _this.meetingTitle,
+                type: _this.recordingType,
+                size: _this.recordingSize,
+                sequenceNumber: _this.recordingSequence,
+                sessionId: _this.currentRecordingId
+              };
+              _SocketManager.default.emitEvent(_VCEventType.VCEventType.STOP_RECORDING, data).catch(error => {});
+            }
+          }).catch(error => {
+            console.log('===== SAVE RECORDING ERROR ======');
+          });
+        };
+        _this.recordingSequence++;
+      } else {
+        console.log('no data to push');
+      }
+    });
+    _defineProperty(this, "recordMeeting", async () => {
+      this.recorder = null;
+      try {
+        this.recorder = await this.createMediaRecorder();
+      } catch (e) {}
       let _this = this;
-      reader.onload = function (evt) {
-        const result = evt.target.result;
-        _this.recordingType = blob.type;
-        _this.recordingSize += blob.size;
-        data.recordedData = result.replace('data:video/webm;base64,', '');
-        console.log('======== SAVING RECORDING CHUNK =========');
-        console.log(data);
-        _SocketManager.default.emitEvent(_VCEventType.VCEventType.SAVE_RECORDING, data).then(data => {
-          console.log('===== SAVE RECORDING SUCCESS ======');
-          if (!_this.isRecording) {
-            console.log('======= STOPPING RECORDING =======', _this.meetingTitle);
-            const data = {
-              meetingId: _this.meetingId,
-              userId: _ApplicationManager.default.getUserDetails().username,
-              name: _this.meetingTitle,
-              type: _this.recordingType,
-              size: _this.recordingSize,
-              sequenceNumber: _this.recordingSequence,
-              sessionId: _this.currentRecordingId
-            };
-            _SocketManager.default.emitEvent(_VCEventType.VCEventType.STOP_RECORDING, data).catch(error => {});
-          }
+      if (this.recorder != null) {
+        _SocketManager.default.emitEvent(_VCEventType.VCEventType.TOGGLE_RECORD_MEETING, {
+          roomId: _this.meetingId,
+          isRecording: true
+        }).then(data => {
+          console.log('RECORDING STARTED : ' + data.id);
+          _this.currentRecordingId = data.id;
+          _this.recordingSequence = 0;
+          _this.recordingSize = 0;
+          _this.recordingType = '';
+          _this.recorder.start(60000);
+          _this.isRecording = true;
         }).catch(error => {
-          console.log('===== SAVE RECORDING ERROR ======');
+          console.log('RECORD START ERROR');
+          console.log(error);
         });
-      };
-      _this.recordingSequence++;
-    } else {
-      console.log('no data to push');
-    }
-  };
-  recordMeeting = async () => {
-    this.recorder = null;
-    try {
-      this.recorder = await this.createMediaRecorder();
-    } catch (e) {}
-    let _this = this;
-    if (this.recorder != null) {
-      _SocketManager.default.emitEvent(_VCEventType.VCEventType.TOGGLE_RECORD_MEETING, {
-        roomId: _this.meetingId,
-        isRecording: true
-      }).then(data => {
-        console.log('RECORDING STARTED : ' + data.id);
-        _this.currentRecordingId = data.id;
-        _this.recordingSequence = 0;
-        _this.recordingSize = 0;
-        _this.recordingType = '';
-        _this.recorder.start(60000);
-        _this.isRecording = true;
-      }).catch(error => {
-        console.log('RECORD START ERROR');
-        console.log(error);
-      });
-    }
-  };
-  stopRecordingMeeting = () => {
-    try {
-      this.isRecording = false;
-      _SocketManager.default.emitEvent(_VCEventType.VCEventType.TOGGLE_RECORD_MEETING, {
-        roomId: this.meetingId,
-        isRecording: false
-      }).catch(error => {});
-      if (this.recorder && this.recorder.stream) {
-        if (this.recorder.stream.getVideoTracks().length > 0) {
-          this.recorder.stream.getVideoTracks()[0].stop();
-        }
-        if (this.recorder.state === 'recording') {
-          this.recorder.stop();
+      }
+    });
+    _defineProperty(this, "stopRecordingMeeting", () => {
+      try {
+        this.isRecording = false;
+        _SocketManager.default.emitEvent(_VCEventType.VCEventType.TOGGLE_RECORD_MEETING, {
+          roomId: this.meetingId,
+          isRecording: false
+        }).catch(error => {});
+        if (this.recorder && this.recorder.stream) {
+          if (this.recorder.stream.getVideoTracks().length > 0) {
+            this.recorder.stream.getVideoTracks()[0].stop();
+          }
+          if (this.recorder.state === 'recording') {
+            this.recorder.stop();
+          }
         }
+      } catch (e) {
+        console.error(e);
       }
-    } catch (e) {
-      console.error(e);
-    }
-  };
-  createMediaRecorder = () => {
-    return new Promise((resolve, reject) => {
-      const videoConstraints = {
-        cursor: true,
-        audio: false,
-        mediaSource: "screen",
-        preferCurrentTab: true,
-        selfBrowserSurface: 'include',
-        systemAudio: 'exclude',
-        surfaceSwitching: 'exclude',
-        monitorTypeSurfaces: 'exclude'
-      };
-      let _this = this;
-      navigator.mediaDevices.getDisplayMedia(videoConstraints).then(stream => {
-        const options = {
-          mimeType: 'video/webm; codecs=vp9'
+    });
+    _defineProperty(this, "createMediaRecorder", () => {
+      return new Promise((resolve, reject) => {
+        const videoConstraints = {
+          cursor: true,
+          audio: false,
+          mediaSource: "screen",
+          preferCurrentTab: true,
+          selfBrowserSurface: 'include',
+          systemAudio: 'exclude',
+          surfaceSwitching: 'exclude',
+          monitorTypeSurfaces: 'exclude'
         };
-        let audioContext = new AudioContext();
-        let mediaStreamAudioDestinationNode = new MediaStreamAudioDestinationNode(audioContext);
-        let tracks = [mediaStreamAudioDestinationNode.stream.getAudioTracks()[0], stream.getVideoTracks()[0]];
-        if (this.audioTracks.size > 0) {
-          for (const value of this.audioTracks.values()) {
-            tracks.push(value);
+        let _this = this;
+        navigator.mediaDevices.getDisplayMedia(videoConstraints).then(stream => {
+          const options = {
+            mimeType: 'video/webm; codecs=vp9'
+          };
+          let audioContext = new AudioContext();
+          let mediaStreamAudioDestinationNode = new MediaStreamAudioDestinationNode(audioContext);
+          let tracks = [mediaStreamAudioDestinationNode.stream.getAudioTracks()[0], stream.getVideoTracks()[0]];
+          if (this.audioTracks.size > 0) {
+            for (const value of this.audioTracks.values()) {
+              tracks.push(value);
+              let mediaStreamAudioSourceNode = new MediaStreamAudioSourceNode(audioContext, {
+                mediaStream: new MediaStream([value])
+              });
+              mediaStreamAudioSourceNode.connect(mediaStreamAudioDestinationNode);
+            }
+          } else {
             let mediaStreamAudioSourceNode = new MediaStreamAudioSourceNode(audioContext, {
-              mediaStream: new MediaStream([value])
+              mediaStream: new MediaStream(tracks)
             });
             mediaStreamAudioSourceNode.connect(mediaStreamAudioDestinationNode);
           }
-        } else {
-          let mediaStreamAudioSourceNode = new MediaStreamAudioSourceNode(audioContext, {
-            mediaStream: new MediaStream(tracks)
-          });
-          mediaStreamAudioSourceNode.connect(mediaStreamAudioDestinationNode);
-        }
-        console.log('INIT WITH TRACKS : ', tracks);
-        let initialMediaStream = new MediaStream(tracks);
-        const recorder = new MediaRecorder(initialMediaStream, options);
-        recorder.ondataavailable = _this.handleRecordingDataAvailable;
-        recorder.onstop = e => {
-          _this.isRecording = false;
-        };
-        this.audioContext = audioContext;
-        this.mediaStreamAudioDestinationNode = mediaStreamAudioDestinationNode;
-        resolve(recorder);
-      }).catch(e => {
-        console.error(e);
-        reject(new Error(e.message));
+          console.log('INIT WITH TRACKS : ', tracks);
+          let initialMediaStream = new MediaStream(tracks);
+          const recorder = new MediaRecorder(initialMediaStream, options);
+          recorder.ondataavailable = _this.handleRecordingDataAvailable;
+          recorder.onstop = e => {
+            _this.isRecording = false;
+          };
+          this.audioContext = audioContext;
+          this.mediaStreamAudioDestinationNode = mediaStreamAudioDestinationNode;
+          resolve(recorder);
+        }).catch(e => {
+          console.error(e);
+          reject(new Error(e.message));
+        });
       });
     });
-  };
+    this.meetingId = null;
+    this.meetingTitle = '';
+    this.recordingSequence = 0;
+    this.currentRecordingId = null;
+    this.recordingType = null;
+    this.recordingSize = null;
+    this.isRecording = false;
+    this.recorder = null;
+    this.audioTracks = new Map();
+  }
 }
 const instance = new VCRoomRecorder();
 var _default = exports.default = instance;

package/dist/components/media/VCRoomWorkspace.js

@@ -27,8 +27,7 @@ var _Observable = _interopRequireDefault(require("../../event/Observable"));
 var _EventType = _interopRequireDefault(require("../../event/EventType"));
 var _uuid = require("uuid");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /* eslint-disable react-hooks/exhaustive-deps */
 
 const MAX_COLS = 3;
@@ -786,7 +785,7 @@ const VCRoomWorkspace = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     handle: meetingViewHandler,
     viewId: props.viewId
   })))), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${displayState === 'MAXIMIZED' ? 'row-*-*' : ''}`,
+    className: "".concat(displayState === 'MAXIMIZED' ? 'row-*-*' : ''),
     style: {
       width: displayState === 'MAXIMIZED' ? '100%' : '200px',
       height: displayState === 'MAXIMIZED' ? '152px' : displayState === 'MINIMIZED' ? '100%' : null,
@@ -812,7 +811,7 @@ const VCRoomWorkspace = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       height: '100%'
     }
   }, renderStrip())), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${displayState === 'MAXIMIZED' ? 'col ' : ''}`,
+    className: "".concat(displayState === 'MAXIMIZED' ? 'col ' : ''),
     style: {
       width: '200px',
       height: '148px',

package/dist/components/media/Video.js

@@ -9,8 +9,7 @@ var _Utils = _interopRequireDefault(require("../../Utils"));
 require("./Video.css");
 var _Icon = _interopRequireDefault(require("../Icon"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const VIDEO_CONSTRAINTS = exports.VIDEO_CONSTRAINTS = {
   audio: false,
   video: {

package/dist/components/media/VideoPlayer.js

@@ -11,8 +11,7 @@ var _reactPlayer = _interopRequireDefault(require("react-player"));
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 var _Observable = _interopRequireDefault(require("../../event/Observable"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const location = window.location.protocol + '//' + window.location.hostname;
 const VideoPlayer = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [playing, setPlaying] = (0, _react.useState)(false);

package/dist/components/media/chat/ChatPoll.js

@@ -21,10 +21,12 @@ var _RestUtils = require("../../../RestUtils");
 var _ApplicationManager = _interopRequireDefault(require("../../../ApplicationManager"));
 var _ChatRoom = require("./ChatRoom");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-// import TextField from '../../form/TextField';
-
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // import TextField from '../../form/TextField';
 const pollLengthDaysOptions = [{
   id: 0,
   label: "0"
@@ -124,18 +126,16 @@ const ChatPoll = props => {
     if (required && !validateField(id, fieldValue)) {
       return;
     }
-    setErrors({
-      ...errors,
+    setErrors(_objectSpread(_objectSpread({}, errors), {}, {
       [id]: false
-    });
+    }));
   };
   const validateField = (fieldId, fieldValue) => {
     if (_Utils.default.isNull(fieldValue) || typeof fieldValue === 'string' && _Utils.default.isStringEmpty(fieldValue)) {
       // value[fieldId] = null;
-      setErrors({
-        ...errors,
+      setErrors(_objectSpread(_objectSpread({}, errors), {}, {
         [fieldId]: true
-      });
+      }));
       return false;
     }
     return true;
@@ -143,8 +143,8 @@ const ChatPoll = props => {
   const addOption = () => {
     const ops = options.slice();
     setOptions(ops.concat([{
-      id: `option-${options.length + 1}`,
-      label: `Option ${options.length + 1}`,
+      id: "option-".concat(options.length + 1),
+      label: "Option ".concat(options.length + 1),
       value: ''
     }]));
   };
@@ -185,7 +185,7 @@ const ChatPoll = props => {
           };
         })
       };
-      (0, _RestUtils.postData)(`${_ChatRoom.location + '/' + _ApplicationManager.default.getContextRoot()}/calendar/api/v1/poll/create`, response => {
+      (0, _RestUtils.postData)("".concat(_ChatRoom.location + '/' + _ApplicationManager.default.getContextRoot(), "/calendar/api/v1/poll/create"), response => {
         props.createPollHandler(response);
       }, e => {}, true, data);
     }
@@ -277,7 +277,7 @@ const ChatPoll = props => {
     onChange: e => {
       setPollLengthDays(e.target.value);
     }
-  }, pollLengthDaysOptions?.map(option => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+  }, pollLengthDaysOptions === null || pollLengthDaysOptions === void 0 ? void 0 : pollLengthDaysOptions.map(option => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
     key: option.id,
     value: option.id
   }, option.label))))), /*#__PURE__*/_react.default.createElement("div", {
@@ -298,7 +298,7 @@ const ChatPoll = props => {
     onChange: e => {
       setPollLengthHours(e.target.value);
     }
-  }, pollLengthHoursOptions?.map(option => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+  }, pollLengthHoursOptions === null || pollLengthHoursOptions === void 0 ? void 0 : pollLengthHoursOptions.map(option => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
     key: option.id,
     value: option.id
   }, option.label)))))), /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/media/chat/ChatRoom.js

@@ -33,8 +33,7 @@ var _ChatPoll = _interopRequireDefault(require("./ChatPoll"));
 var _PollContainer = _interopRequireDefault(require("./PollContainer"));
 var _iconsMaterial = require("@mui/icons-material");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const location = exports.location = window.location.protocol + '//' + window.location.hostname;
 const ChatRoom = props => {
   const navigate = (0, _reactRouterDom.useNavigate)();
@@ -72,7 +71,7 @@ const ChatRoom = props => {
     };
   };
   const fetchChat = () => {
-    let url = selectedChat.meetingId ? `${location + '/' + _ApplicationManager.default.getContextRoot()}/calendar/api/v1/chat/fetchMeetingChat/${selectedChat.meetingId}` : `${location + '/' + _ApplicationManager.default.getContextRoot()}/calendar/api/v1/chat/fetch/${selectedChat.id}`;
+    let url = selectedChat.meetingId ? "".concat(location + '/' + _ApplicationManager.default.getContextRoot(), "/calendar/api/v1/chat/fetchMeetingChat/").concat(selectedChat.meetingId) : "".concat(location + '/' + _ApplicationManager.default.getContextRoot(), "/calendar/api/v1/chat/fetch/").concat(selectedChat.id);
     (0, _RestUtils.sendRequest)(url, response => {
       if (response && response.id) {
         setSelectedChat(response);
@@ -80,8 +79,8 @@ const ChatRoom = props => {
     }, e => {}, true, false);
   };
   const closePollHandler = (e, poll) => {
-    (0, _RestUtils.postData)(`${location + '/' + _ApplicationManager.default.getContextRoot()}/calendar/api/v1/poll/close`, response => {
-      sendMessage(e, `Poll: ${poll.question} has been closed.`);
+    (0, _RestUtils.postData)("".concat(location + '/' + _ApplicationManager.default.getContextRoot(), "/calendar/api/v1/poll/close"), response => {
+      sendMessage(e, "Poll: ".concat(poll.question, " has been closed."));
       fetchChat();
     }, e => {}, true, {
       id: poll.id
@@ -95,7 +94,7 @@ const ChatRoom = props => {
       chatParticipant: chatParticipant,
       tieBreaker: !_Utils.default.isNull(poll.tieBreakerOption)
     };
-    (0, _RestUtils.postData)(`${location + '/' + _ApplicationManager.default.getContextRoot()}/calendar/api/v1/poll/vote`, response => {
+    (0, _RestUtils.postData)("".concat(location + '/' + _ApplicationManager.default.getContextRoot(), "/calendar/api/v1/poll/vote"), response => {
       fetchChat();
     }, e => {}, true, data);
   };
@@ -174,7 +173,7 @@ const ChatRoom = props => {
       setDocuments(null);
       let find = selectedChat.participants.find(p => p.userId === currentUser.username || p.username === currentUser.username);
       if (_Utils.default.isNull(find)) {
-        (0, _RestUtils.postData)(`${location + '/' + _ApplicationManager.default.getContextRoot()}/calendar/api/v1/chat/addParticipants`, () => {}, e => {}, true, {
+        (0, _RestUtils.postData)("".concat(location + '/' + _ApplicationManager.default.getContextRoot(), "/calendar/api/v1/chat/addParticipants"), () => {}, e => {}, true, {
           chatId: selectedChat.id,
           participants: [currentUser]
         });
@@ -287,7 +286,7 @@ const ChatRoom = props => {
           className: 'col'
         }, /*#__PURE__*/_react.default.createElement("img", {
           key: index,
-          src: doc.payload ? doc.payload : `${documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString}`,
+          src: doc.payload ? doc.payload : "".concat(documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString),
           alt: "",
           style: {
             width: 250,
@@ -298,7 +297,7 @@ const ChatRoom = props => {
         }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
           component: "span",
           onClick: () => {
-            onDownload(documents[index].name, `${documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString}`);
+            onDownload(documents[index].name, "".concat(documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString));
           }
         }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
           id: 'DOWNLOAD'
@@ -328,7 +327,7 @@ const ChatRoom = props => {
         }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
           component: "span",
           onClick: () => {
-            onDownload(documents[index].name, `${documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString}`);
+            onDownload(documents[index].name, "".concat(documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString));
           }
         }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
           id: 'DOWNLOAD'
@@ -360,7 +359,7 @@ const ChatRoom = props => {
         }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
           component: "span",
           onClick: () => {
-            onDownload(documents[index].name, `${documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString}`);
+            onDownload(documents[index].name, "".concat(documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString));
           }
         }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
           id: 'DOWNLOAD'
@@ -392,7 +391,7 @@ const ChatRoom = props => {
         }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
           component: "span",
           onClick: () => {
-            onDownload(documents[index].name, `${documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString}`);
+            onDownload(documents[index].name, "".concat(documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString));
           }
         }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
           id: 'DOWNLOAD'
@@ -424,7 +423,7 @@ const ChatRoom = props => {
         }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
           component: "span",
           onClick: () => {
-            onDownload(documents[index].name, `${documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString}`);
+            onDownload(documents[index].name, "".concat(documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString));
           }
         }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
           id: 'DOWNLOAD'
@@ -462,7 +461,7 @@ const ChatRoom = props => {
         }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
           component: "span",
           onClick: () => {
-            onDownload(documents[index].name, `${documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString}`);
+            onDownload(documents[index].name, "".concat(documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString));
           }
         }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
           id: 'DOWNLOAD'
@@ -655,6 +654,7 @@ const ChatRoom = props => {
     }
   };
   if (selectedChat && messages) {
+    var _messages$sort;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "chatroom"
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -687,7 +687,7 @@ const ChatRoom = props => {
       id: "messages",
       ref: messagesEndRef,
       className: "chatroom__body"
-    }, messages.sort((a, b) => new Date(a.createdDate) - new Date(b.createdDate))?.map(renderMessage)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), mode === 'CHAT' && !props.readOnly && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("form", {
+    }, (_messages$sort = messages.sort((a, b) => new Date(a.createdDate) - new Date(b.createdDate))) === null || _messages$sort === void 0 ? void 0 : _messages$sort.map(renderMessage)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), mode === 'CHAT' && !props.readOnly && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("form", {
       className: "chatroom__sendMessage"
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "message__imageSelector"