@agilemotion/oui-react-js 1.8.40 → 1.8.41

package/dist/components/Button.css

@@ -1,3 +1,4 @@
 .oui button {
-  margin-right: 4px !important;
+    margin-right: 4px !important;
+    height: 40px;
 }

package/dist/components/Button.js

@@ -90,6 +90,7 @@ const Button = props => {
       refresh() {
         let parsedConfig = _Utils.default.parseConfig(config ? config : props.config, props.viewId);
         setDisabled(_Utils.default.evaluateBooleanExpression(parsedConfig.disabled, parsedConfig.id));
+        console.log("\n\n\n\nVISIBILITY CHECK [" + props.config.id + "] - [" + parsedConfig.visible + "] - [" + _Utils.default.evaluateBooleanExpression(parsedConfig.visible, parsedConfig.id) + "]");
         setVisible(_Utils.default.isNull(parsedConfig.visible) || _Utils.default.evaluateBooleanExpression(parsedConfig.visible, parsedConfig.id));
       }
     };

package/dist/components/DocumentViewer.js

@@ -129,10 +129,10 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
   return visible && /*#__PURE__*/_react.default.createElement("div", {
     style: _Utils.default.mergeStyles({}, props.config)
   }, props.config.attributes?.label && /*#__PURE__*/_react.default.createElement("div", {
-    style: _Utils.default.mergeObjects(props.config.attributes?.labelStyle, {
+    style: _Utils.default.mergeObjects({
       fontSize: '20px',
       color: '#1d253b'
-    })
+    }, props.config.attributes?.labelStyle)
   }, label), loading && /*#__PURE__*/_react.default.createElement("div", {
     style: {
       marginTop: '16px'

package/dist/components/media/SideBarContent.js

@@ -35,7 +35,8 @@ const SideBarContent = props => {
   }) : /*#__PURE__*/_react.default.createElement(_ChatRoom.default, {
     chatTab: true,
     selectedChat: meetingChat,
-    meetingId: meetingId
+    meetingId: meetingId,
+    isHost: isHost
   })));
 };
 var _default = exports.default = SideBarContent;

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

@@ -90,8 +90,9 @@ const ChatRoom = props => {
     let chatParticipant = selectedChat.participants.find(p => p.username === currentUser.username);
     const data = {
       pollId: poll.id,
-      optionId: poll.selectedOption,
-      chatParticipant: chatParticipant
+      optionId: poll.selectedOption || poll.tieBreakerOption,
+      chatParticipant: chatParticipant,
+      tieBreaker: !_Utils.default.isNull(poll.tieBreakerOption)
     };
     (0, _RestUtils.postData)(`${location + '/' + _ApplicationManager.default.getContextRoot()}/calendar/api/v1/poll/vote`, response => {
       fetchChat();
@@ -633,6 +634,7 @@ const ChatRoom = props => {
         return /*#__PURE__*/_react.default.createElement(_PollContainer.default, {
           poll: message.poll,
           chatTab: props.chatTab,
+          isHost: props.isHost,
           pollCreator: message.participant,
           createdDate: message.createdDate,
           submitPollVoteHandler: poll => submitPollVoteHandler(poll),

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

@@ -25,7 +25,9 @@ const PollContainer = props => {
   const [poll, setPoll] = (0, _react.useState)({});
   const [pollClosed, setPollClosed] = (0, _react.useState)(false);
   const [currentVote, setCurrentVote] = (0, _react.useState)(null);
+  const [tieBreakerVote, setTieBreakerVote] = (0, _react.useState)(null);
   const [totalVotes, setTotalVotes] = (0, _react.useState)(0);
+  const [tieOptions, setTieOptions] = (0, _react.useState)([]);
   const [socketEventHandler] = (0, _react.useState)({});
   const socketEventHandlerApi = () => {
     return {
@@ -79,6 +81,14 @@ const PollContainer = props => {
       voteCount: -Infinity
     });
   };
+  const tieForFirst = function () {
+    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    if (!Array.isArray(options) || options.length === 0) return [];
+    const counts = options.map(o => o?.voteCount ?? 0);
+    const max = Math.max(...counts);
+    const leaders = options.filter(o => (o?.voteCount ?? 0) === max);
+    return leaders.length >= 2 ? leaders : [];
+  };
   (0, _react.useEffect)(() => {
     _VCEventManager.default.addSubscriptions(socketEventHandler, _VCEventType.VCEventType.CHAT_MESSAGE, _VCEventType.VCEventType.SYSTEM_EVENT);
     return () => {
@@ -89,7 +99,6 @@ const PollContainer = props => {
     socketEventHandler.api = socketEventHandlerApi();
   });
   (0, _react.useEffect)(() => {
-    console.log('___ POLL: ', props.poll);
     if (props.poll) {
       const renderedPoll = props.poll;
       setPoll(renderedPoll);
@@ -118,6 +127,7 @@ const PollContainer = props => {
             label: option.text
           }));
         });
+        setTieOptions(tieForFirst(renderedPoll.options));
       }
       setPollOptions(pollOptionRows);
     }
@@ -206,7 +216,47 @@ const PollContainer = props => {
     style: {
       color: '#945c33'
     }
-  }, "You have voted ", props.poll.options.find(o => o.id === poll.selectedOption)?.text))) : /*#__PURE__*/_react.default.createElement("div", {
+  }, "You have voted ", props.poll.options.find(o => o.id === poll.selectedOption)?.text)), props.isHost && tieOptions.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "poll-choices",
+    style: {
+      marginTop: '8px'
+    }
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      color: '#945c33',
+      borderTop: '1px solid #e1e1e1',
+      display: 'inline-block',
+      paddingTop: '8px',
+      width: '100%'
+    }
+  }, "Tie breaker"), /*#__PURE__*/_react.default.createElement(_FormControl.default, {
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_RadioGroup.default, {
+    className: "poll-choice-radio-group",
+    value: tieBreakerVote ? tieBreakerVote : poll.tieBreakerOption ? poll.tieBreakerOption : '',
+    onChange: e => {
+      setTieBreakerVote(e.target.value);
+    }
+  }, pollOptions))), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    className: "vote-button",
+    variant: "outlined",
+    onClick: () => {
+      const hasVoted = poll.tieBreakerOption;
+      poll.tieBreakerOption = tieBreakerVote ? tieBreakerVote : '';
+      props.submitPollVoteHandler(poll);
+      if (!hasVoted) {
+        _SocketManager.default.emitEvent(_VCEventType.VCEventType.SYSTEM_EVENT, {
+          systemEventType: 'TIE_BREAKER_POLL_VOTE',
+          recipients: props.pollParticipantIDs,
+          data: {
+            pollId: poll.id
+          }
+        }).catch(() => {});
+      }
+    }
+  }, "Submit tie breaker Vote"))) : /*#__PURE__*/_react.default.createElement("div", {
     className: "poll-footer"
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {

package/dist/js/Calendar.js

@@ -152,6 +152,7 @@ class Calendar {
       description: event.extendedProps.description,
       status: event.extendedProps.status,
       host: event.extendedProps.host,
+      chairPersonId: event.chairPersonId ? event.chairPersonId : event.extendedProps.host.id,
       attendees: event.extendedProps.attendees,
       privacyType: event.extendedProps.privacyType,
       documents: event.extendedProps.documents,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agilemotion/oui-react-js",
-  "version": "1.8.40",
+  "version": "1.8.41",
   "description": "AgileMotion React UI Component Library - A comprehensive collection of dashboard components, forms, media controls, and more",
   "license": "ISC",
   "author": "",