@agilemotion/oui-react-js 1.8.31 → 1.8.33

package/dist/components/media/chat/ChatRooms.scss

@@ -19,10 +19,10 @@
 
 .file-upload {
   position: absolute;
-  margin-top: 8px;
-  margin-left: -54px;
+  margin-top: -8px;
+  margin-left: -48px;
   z-index: 1;
-  width: 50%;
+  width: 24px;
 }
 
 .chat-input {
@@ -33,27 +33,40 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  max-width: 70%;
+  top: -8px;
+  font-size: 14px;
+}
+
+.chat-input span {
+  width: 32px;
+}
+
+.chat-input button {
+  top: 8px;
+}
+
+.chat-input label svg {
+  height: 24px;
 }
 
 .chat-avatar {
 
 }
 
-.chatrooms {
+.chatroom {
   display: flex;
   flex-direction: column;
 
-  .chatrooms__rooms {
+  .chatroom__rooms {
     max-height: 84.7vh;
     overflow: auto;
   }
 
-  .chatrooms__rooms::-webkit-scrollbar {
+  .chatroom__rooms::-webkit-scrollbar {
     display: none;
   }
 
-  .chatrooms__header {
+  .chatroom__header {
     display: flex;
     flex-direction: row;
     align-items: center;
@@ -142,7 +155,7 @@
   width: 100%;
   height: 100%;
   max-height: 100%;
-  padding: 8px;
+  padding: 0 8px;
 
   .image__text {
     padding: 0 9%;
@@ -153,13 +166,10 @@
   .chatroom__header {
     display: flex;
     flex-direction: row;
-    align-items: center;
-    justify-content: space-around;
-    padding: 4px 4px 4px 8px;
+    padding: 0 4px 0 8px;
     padding-right: 7%;
     border-bottom: 1px solid #e1e1e1;
     width: 100%;
-    margin-bottom: 16px;
 
     .chatroom__headerleft {
       display: flex;
@@ -193,6 +203,10 @@
     align-items: center;
     margin: 0 9% 0 3%;
 
+    .message__imageSelector {
+      width: 48px;
+    }
+
     .message__imageSelector > input {
       display: none;
     }

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

@@ -155,66 +155,71 @@ const PollContainer = props => {
     }
   }, pollOptions))), !pollClosed ? /*#__PURE__*/_react.default.createElement("div", {
     className: "poll-footer"
+  }, /*#__PURE__*/_react.default.createElement(_material.Stack, {
+    direction: {
+      xs: 'column',
+      sm: 'row'
+    },
+    spacing: 1,
+    alignItems: "flex-start"
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     className: "vote-button",
-    variant: 'outlined',
+    variant: "outlined",
     onClick: () => {
       const hasVoted = poll.selectedOption;
       poll.selectedOption = currentVote ? currentVote : '';
       props.submitPollVoteHandler(poll);
       if (!hasVoted) {
         _SocketManager.default.emitEvent(_VCEventType.VCEventType.SYSTEM_EVENT, {
-          systemEventType: "NEW_POLL_VOTE",
+          systemEventType: 'NEW_POLL_VOTE',
           recipients: props.pollParticipantIDs,
           data: {
             pollId: poll.id
           }
-        }).catch(error => {});
+        }).catch(() => {});
       }
     }
   }, "Submit Vote"), props.currentUser.userId === props.pollCreator.userId && /*#__PURE__*/_react.default.createElement(_Button.default, {
     className: "vote-button",
-    variant: 'outlined',
-    onClick: e => {
-      props.closePollHandler(e, poll);
-    },
-    style: {
-      marginLeft: '8px'
-    }
-  }, "Close Poll"), /*#__PURE__*/_react.default.createElement("span", {
+    variant: "outlined",
+    onClick: e => props.closePollHandler(e, poll)
+  }, "Close Poll")), /*#__PURE__*/_react.default.createElement("div", {
     style: {
+      marginTop: "4px",
       marginLeft: '8px',
       color: '#000000'
     },
     className: "time-left"
-  }, `${totalVotes} votes out of ${props.numberOfPollParticipants}`), /*#__PURE__*/_react.default.createElement("span", {
-    className: "separator"
-  }, "\u2022"), /*#__PURE__*/_react.default.createElement("span", {
+  }, `${totalVotes} votes out of ${props.numberOfPollParticipants}`), /*#__PURE__*/_react.default.createElement("div", {
     className: "time-left",
     style: {
       marginLeft: '4px',
+      marginTop: "4px",
       color: '#000000'
     }
   }, pollRemainingTime(poll.expirationDateTime)), poll.selectedOption && /*#__PURE__*/_react.default.createElement("div", {
-    className: "poll-creation-date"
+    className: "poll-creation-date",
+    style: {
+      marginTop: "4px"
+    }
   }, /*#__PURE__*/_react.default.createElement("span", {
     style: {
       color: '#945c33'
     }
   }, "You have voted ", props.poll.options.find(o => o.id === poll.selectedOption)?.text))) : /*#__PURE__*/_react.default.createElement("div", {
     className: "poll-footer"
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      marginLeft: '4px'
+      marginLeft: '4px',
+      marginTop: "4px"
     },
     className: "time-left"
-  }, `${totalVotes} voted out of ${props.numberOfPollParticipants}`), /*#__PURE__*/_react.default.createElement("span", {
-    className: "separator"
-  }, "\u2022"), /*#__PURE__*/_react.default.createElement("span", {
+  }, `${totalVotes} voted out of ${props.numberOfPollParticipants}`), /*#__PURE__*/_react.default.createElement("div", {
     className: "time-left",
     style: {
-      marginLeft: '4px'
+      marginLeft: '4px',
+      marginTop: "4px"
     }
-  }, "Closed / Expired")));
+  }, "The poll is closed")));
 };
 var _default = exports.default = PollContainer;

package/dist/components/signatures/ResponsiveTable.css

@@ -1,91 +1,91 @@
-.table thead th {
-}
-
-table.responsive-table {
-    display: table;
-    /* required for table-layout to be used (not normally necessary; included for completeness) */
-    table-layout: fixed;
-    /* this keeps your columns with fixed with exactly the right width */
-    width: 100% !important;
-    /* table must have width set for fixed layout to work as expected */
-    height: 100%;
-}
-
-table.responsive-table thead {
-        position: fixed;
-        top: 50px;
-        left: 0;
-        right: 0;
-        width: 100%;
-        min-height: 50px;
-        line-height: 3em;
-        background: #eee;
-        table-layout: fixed;
-        display: table;
-    }
-
-    table.responsive-table th {
-        background: #eee;
-    }
-
-    table.responsive-table td {
-        line-height: 2em;
-    }
-
-    table.responsive-table tr > td,
-    table.responsive-table th {
-        text-align: left;
-    }
-
-.table td, .table th {
-    white-space: nowrap;
-    overflow: hidden !important;
-    text-overflow: ellipsis;
-    min-width: 0 !important;
-    border-bottom: 1px solid rgba(224, 224, 224, 1) !important;
-    border-top: none !important;
-}
-
-.selectCell {
-    white-space: normal !important;
-    text-overflow: unset !important;
-}
-
-.selectCell span{
-    padding: 0 !important;
-}
-
-.table td {
-    padding: 6px 24px 6px 16px;
-    border-top: none !important;
-    display: table-cell;
-    font-size: 0.875rem;
-    text-align: left;
-    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
-    font-weight: 400;
-    line-height: 1.43;
-    border-bottom: 1px solid rgba(224, 224, 224, 1);
-    letter-spacing: 0.01071em;
-    vertical-align: inherit
-}
-
-.table th {
-    color: rgba(0, 0, 0, 0.54);
-    font-size: 0.75rem;
-    font-weight: 500;
-    line-height: 1.3125rem;
-}
-
-.table {
-    table-layout: fixed;
-}
-
-    .table-scrollbar {
-    position: relative;
-    overflow: auto;
-}
-
-@media screen and (max-width: 40em) {
- 
-  
-}
+.table thead th {
+}
+
+table.responsive-table {
+    display: table;
+    /* required for table-layout to be used (not normally necessary; included for completeness) */
+    table-layout: fixed;
+    /* this keeps your columns with fixed with exactly the right width */
+    width: 100% !important;
+    /* table must have width set for fixed layout to work as expected */
+    height: 100%;
+}
+
+table.responsive-table thead {
+        position: fixed;
+        top: 50px;
+        left: 0;
+        right: 0;
+        width: 100%;
+        min-height: 50px;
+        line-height: 3em;
+        background: #eee;
+        table-layout: fixed;
+        display: table;
+    }
+
+    table.responsive-table th {
+        background: #eee;
+    }
+
+    table.responsive-table td {
+        line-height: 2em;
+    }
+
+    table.responsive-table tr > td,
+    table.responsive-table th {
+        text-align: left;
+    }
+
+.table td, .table th {
+    white-space: nowrap;
+    overflow: hidden !important;
+    text-overflow: ellipsis;
+    min-width: 0 !important;
+    border-bottom: 1px solid rgba(224, 224, 224, 1) !important;
+    border-top: none !important;
+}
+
+.selectCell {
+    white-space: normal !important;
+    text-overflow: unset !important;
+}
+
+.selectCell span{
+    padding: 0 !important;
+}
+
+.table td {
+    padding: 6px 24px 6px 16px;
+    border-top: none !important;
+    display: table-cell;
+    font-size: 0.875rem;
+    text-align: left;
+    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
+    font-weight: 400;
+    line-height: 1.43;
+    border-bottom: 1px solid rgba(224, 224, 224, 1);
+    letter-spacing: 0.01071em;
+    vertical-align: inherit
+}
+
+.table th {
+    color: rgba(0, 0, 0, 0.54);
+    font-size: 0.75rem;
+    font-weight: 500;
+    line-height: 1.3125rem;
+}
+
+.table {
+    table-layout: fixed;
+}
+
+    .table-scrollbar {
+    position: relative;
+    overflow: auto;
+}
+
+@media screen and (max-width: 40em) {
+ 
+  
+}

package/dist/components/signatures/widgets.css

@@ -1,126 +1,126 @@
-@media all and (min-width: 480px) {
-    .btn-primary {
-        border-color: transparent;
-    }
-
-    #menubar-scroll::-webkit-scrollbar-track {
-        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-        background-color: #F5F5F5;
-    }
-
-    #menubar-scroll::-webkit-scrollbar {
-        width: 6px !important;
-        background-color: #F5F5F5;
-    }
-
-    #menubar-scroll::-webkit-scrollbar-thumb {
-        background-color: #939393 !important;
-    }
-
-    .menu-table button {
-        height: 96px;
-        width: 100%;
-        border-radius: 0 !important;
-        text-decoration:none;
-    }
-
-    .menu-table .toolStripButtonSelected {
-        text-decoration: none;
-    }
-
-    .menu-table .btn-primary:focus {
-        box-shadow: none;
-        text-decoration: none;
-    }
-    .footer {
-        font-size: 14px;
-        text-align: center;
-        color: white;
-        height: 10vh;
-        padding-top: 8px;
-    }
-
-    .react-pdf__Page__canvas{
-        width: 100% !important;
-    }
-
-    .header {
-        background-clip:border-box;
-        border-bottom: 1px solid #e1e1e1;
-    }
-
-    .header shadow {
-        /**box-shadow: 0 0.15rem 1.75rem 0 rgba(40, 41, 55, 0.15) !important;**/
-    }
-
-        .header span {
-            /**color: #fff;**/
-    }
-
-    .header .form-inline .form-control {
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-        position: relative;
-        flex: 1 1 auto;
-        width: 1%;
-        margin-bottom: 0;
-        display: inline-block;
-        width: auto;
-        vertical-align: middle;
-        background-color: #f8f9fc !important;
-        border: 0 !important;
-    }
-
-    .btn-primary, .btn, .btn-primary:hover, .btn:hover, .btn-primary:focus, .btn:focus {
-        outline: none !important;
-        outline-offset: unset !important;
-        border-color: transparent !important;
-        box-shadow: none !important;
-        text-decoration: none;
-    }
-
-    .header .btn-primary {
-        display: block;
-        color: #fff;
-        border-radius: 0px;
-        /*box-shadow: 0px 4px 6px 2px rgba(0,0,0,0.2);*/
-        //background-color: #114084;
-        border-top: 1px solid rgba(255,255,255,0.5) !important;
-        margin-top: -5px;
-        text-decoration: none;
-    }
-
-    .header .btn {
-        font-weight: 400;
-        text-align: center;
-        vertical-align: middle;
-        -ms-user-select: none;
-        user-select: none;
-        border: 1px solid transparent;
-        padding: 0.375rem 0.75rem;
-        font-size: 1rem;
-        line-height: 2;
-        width: 100%;
-        text-align:left;
-        text-decoration:none;
-        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-    }
-    .border {
-        border: 0px solid #dee2e6 !important;
-    }
-
-    .header .dropdown-toggle::after {
-        display: inline-block;
-        margin-left: .255em;
-        vertical-align: .255em;
-        content: none !important;
-        border-top: .3em solid;
-        border-right: .3em solid transparent;
-        border-bottom: 0;
-        border-left: .3em solid transparent;
-    }
-
-    .search .card-body{
-       height: 60vh !important;  
-    }
-}
+@media all and (min-width: 480px) {
+    .btn-primary {
+        border-color: transparent;
+    }
+
+    #menubar-scroll::-webkit-scrollbar-track {
+        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+        background-color: #F5F5F5;
+    }
+
+    #menubar-scroll::-webkit-scrollbar {
+        width: 6px !important;
+        background-color: #F5F5F5;
+    }
+
+    #menubar-scroll::-webkit-scrollbar-thumb {
+        background-color: #939393 !important;
+    }
+
+    .menu-table button {
+        height: 96px;
+        width: 100%;
+        border-radius: 0 !important;
+        text-decoration:none;
+    }
+
+    .menu-table .toolStripButtonSelected {
+        text-decoration: none;
+    }
+
+    .menu-table .btn-primary:focus {
+        box-shadow: none;
+        text-decoration: none;
+    }
+    .footer {
+        font-size: 14px;
+        text-align: center;
+        color: white;
+        height: 10vh;
+        padding-top: 8px;
+    }
+
+    .react-pdf__Page__canvas{
+        width: 100% !important;
+    }
+
+    .header {
+        background-clip:border-box;
+        border-bottom: 1px solid #e1e1e1;
+    }
+
+    .header shadow {
+        /**box-shadow: 0 0.15rem 1.75rem 0 rgba(40, 41, 55, 0.15) !important;**/
+    }
+
+        .header span {
+            /**color: #fff;**/
+    }
+
+    .header .form-inline .form-control {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+        position: relative;
+        flex: 1 1 auto;
+        width: 1%;
+        margin-bottom: 0;
+        display: inline-block;
+        width: auto;
+        vertical-align: middle;
+        background-color: #f8f9fc !important;
+        border: 0 !important;
+    }
+
+    .btn-primary, .btn, .btn-primary:hover, .btn:hover, .btn-primary:focus, .btn:focus {
+        outline: none !important;
+        outline-offset: unset !important;
+        border-color: transparent !important;
+        box-shadow: none !important;
+        text-decoration: none;
+    }
+
+    .header .btn-primary {
+        display: block;
+        color: #fff;
+        border-radius: 0px;
+        /*box-shadow: 0px 4px 6px 2px rgba(0,0,0,0.2);*/
+        //background-color: #114084;
+        border-top: 1px solid rgba(255,255,255,0.5) !important;
+        margin-top: -5px;
+        text-decoration: none;
+    }
+
+    .header .btn {
+        font-weight: 400;
+        text-align: center;
+        vertical-align: middle;
+        -ms-user-select: none;
+        user-select: none;
+        border: 1px solid transparent;
+        padding: 0.375rem 0.75rem;
+        font-size: 1rem;
+        line-height: 2;
+        width: 100%;
+        text-align:left;
+        text-decoration:none;
+        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+    }
+    .border {
+        border: 0px solid #dee2e6 !important;
+    }
+
+    .header .dropdown-toggle::after {
+        display: inline-block;
+        margin-left: .255em;
+        vertical-align: .255em;
+        content: none !important;
+        border-top: .3em solid;
+        border-right: .3em solid transparent;
+        border-bottom: 0;
+        border-left: .3em solid transparent;
+    }
+
+    .search .card-body{
+       height: 60vh !important;  
+    }
+}

package/dist/event/EventType.js

@@ -20,5 +20,6 @@ class EventType {
   static CALENDAR_DATE_CLICK = "CALENDAR_DATE_CLICK";
   static CALENDAR_EVENT_START = "CALENDAR_EVENT_START";
   static SOCKET_CONNECT = "SOCKET_CONNECT";
+  static MEETING_ENDED = "MEETING_ENDED";
 }
 exports.default = EventType;

package/dist/event/Observable.js

@@ -52,8 +52,7 @@ class Observable {
     if (!_Utils.default.isNull(eventHandlingConfig)) {
       let subscriptions = eventHandlingConfig.subscriptions;
       for (const subscription of subscriptions) {
-        let domain = subscription.publisherDomain ? subscription.publisherDomain : viewId;
-        this.addSubscription(new _EventListener.default(componentHandle, domain, !_Utils.default.isNull(subscription.publisher) ? subscription.publisher : componentHandle.api.id, subscription.eventType, subscription.actions));
+        this.addSubscription(new _EventListener.default(componentHandle, viewId, !_Utils.default.isNull(subscription.publisher) ? subscription.publisher : componentHandle.api.id, subscription.eventType, subscription.actions));
       }
     }
   };
@@ -130,14 +129,15 @@ class Observable {
       let viewId = be.viewId;
       if (!_Utils.default.isNull(sourceId)) {
         for (const subscription of this.subscriptions) {
+          let domain = subscription.publisherDomain ? subscription.publisherDomain : viewId;
           if (log === true) {
-            console.log("VIEW CHECK: " + (subscription.getViewId() === viewId || _ApplicationManager.SYSTEM_EVENT === viewId));
+            console.log("VIEW CHECK: " + domain + " ==? " + viewId + " - " + (domain === viewId || _ApplicationManager.SYSTEM_EVENT === viewId));
             console.log("PUBLISHER CHECK: " + subscription.getPublisher() + " : " + sourceId);
             console.log("EVENT TYPE CHECK: " + subscription.getEventType() + " : " + eventType);
             console.log("FULL CHECK: " + ((subscription.getViewId() === viewId || _ApplicationManager.SYSTEM_EVENT === viewId) && subscription.getPublisher() === sourceId && subscription.getEventType() === eventType));
             console.log("\n");
           }
-          if ((subscription.getViewId() === viewId || _ApplicationManager.SYSTEM_EVENT === viewId) && subscription.getPublisher() === sourceId && subscription.getEventType() === eventType) {
+          if ((domain === viewId || _ApplicationManager.SYSTEM_EVENT === viewId) && subscription.getPublisher() === sourceId && subscription.getEventType() === eventType) {
             if (!_Utils.default.isNull(subscription.getActions())) {
               for (let j = 0; j < subscription.getActions().length; j++) {
                 let action = subscription.getActions()[j];