@agilemotion/oui-react-js 1.8.14 → 1.8.16

package/dist/components/loader.css

@@ -1,36 +1,36 @@
-.loaderModal {
-	display: block; /* Hidden by default */
-	position: fixed; /* Stay in place */
-	z-index: 3000; /* Sit on top */
-	left: 0;
-	top: 0;
-	width: 100vw; /* Full width */
-	height: 100vh; /* Full height */
-	overflow: hidden; /* Enable scroll if needed */
-	background-color: rgb(0,0,0); /* Fallback color */
-	background-color: rgba(0,0,0,0.1); /* Black w/ opacity */
-}
-
-/* Modal Content/Box */
-.modal-content {
-	background-color: transparent;
-	margin: 30% auto; /* 15% from the top and centered */
-	padding: 20px;
-	border: 1px solid #888;
-	width: 10%; /* Could be more or less, depending on screen size */
-}
-
-/* The Close Button */
-.close {
-	color: #aaa;
-	float: right;
-	font-size: 28px;
-	font-weight: bold;
-}
-
-.close:hover,
-.close:focus {
-	color: black;
-	text-decoration: none;
-	cursor: pointer;
-}
+.loaderModal {
+	display: block; /* Hidden by default */
+	position: fixed; /* Stay in place */
+	z-index: 3000; /* Sit on top */
+	left: 0;
+	top: 0;
+	width: 100vw; /* Full width */
+	height: 100vh; /* Full height */
+	overflow: hidden; /* Enable scroll if needed */
+	background-color: rgb(0,0,0); /* Fallback color */
+	background-color: rgba(0,0,0,0.1); /* Black w/ opacity */
+}
+
+/* Modal Content/Box */
+.modal-content {
+	background-color: transparent;
+	margin: 30% auto; /* 15% from the top and centered */
+	padding: 20px;
+	border: 1px solid #888;
+	width: 10%; /* Could be more or less, depending on screen size */
+}
+
+/* The Close Button */
+.close {
+	color: #aaa;
+	float: right;
+	font-size: 28px;
+	font-weight: bold;
+}
+
+.close:hover,
+.close:focus {
+	color: black;
+	text-decoration: none;
+	cursor: pointer;
+}

package/dist/components/media/TrainingRoom.js

@@ -78,6 +78,7 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defaul
           case _VCEventType.VCEventType.REQUEST_TO_JOIN_MEETING:
             break;
           case _VCEventType.VCEventType.USER_JOINED:
+            alert('USER JOIN FIREEEEE...');
             addUser(be.payload);
             break;
           case _VCEventType.VCEventType.USER_LEFT_MEETING:

package/dist/components/media/VCRoom.js

@@ -10,6 +10,8 @@ require("./Video.css");
 require("./VCRoom.css");
 var _TrainingRoom = _interopRequireDefault(require("./TrainingRoom"));
 var _Observable = _interopRequireDefault(require("../../event/Observable"));
+var _Event = _interopRequireDefault(require("../../event/Event"));
+var _EventType = _interopRequireDefault(require("../../event/EventType"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const WAITING_FOR_OTHERS_TO_JOIN_MESSAGE = exports.WAITING_FOR_OTHERS_TO_JOIN_MESSAGE = 'Waiting for others to join';
 const SYSTEM_ERROR_MESSAGE = exports.SYSTEM_ERROR_MESSAGE = 'A system error has occurred. Please try again later or contact your system administrator';
@@ -22,10 +24,11 @@ const VCRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forw
     props.handle.api = api();
   });
   _react.default.useEffect(() => {
-    props.handle.api = api();
     let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
     _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, props.handle, props.viewId);
     _Observable.default.addSystemSubscriptions(props.viewId, parsedConfig);
+    let event = new _Event.default(props.handle, props.viewId, null);
+    _Observable.default.fireEvent(_EventType.default.COMPONENT_LOAD, event);
   }, []);
   const api = () => {
     return {

package/dist/components/media/VCRoomParticipant.css

@@ -11,7 +11,7 @@
 }
 
 .meeting-participant-container-current-user {
-  min-width: 150px;
+  min-width: 212px;
   min-height: 150px;
 }
 

package/dist/components/media/VCRoomParticipant.js

@@ -713,7 +713,8 @@ const VCRoomParticipant = props => {
     }
   }, audioDevices.map((device, index) => {
     return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
-      onClick: () => changeAudioDevice(device)
+      onClick: () => changeAudioDevice(device),
+      key: index
     }, /*#__PURE__*/_react.default.createElement("span", {
       style: {
         color: selectedAudioDevice && selectedAudioDevice.id === device.id ? '#198754' : null

package/dist/components/media/Video.css

@@ -1,4 +1,4 @@
-.user-video {
-    min-width: 280px;
-    height: 280px;
-}
+.user-video {
+    min-width: 280px;
+    height: 280px;
+}

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/js/Validators.js

@@ -25,7 +25,7 @@ class Validators {
         };
       }
       if (item.procurementMethod.type === 'CONTRACT' || item.procurementMethod.type === 'TRANSVERSAL_CONTRACT') {
-        if (item.procurementMethod.type === 'TRANSVERSAL_CONTRACT' && !item.contractOwner) {
+        if (item.procurementMethod.type === 'TRANSVERSAL_CONTRACT' && !item.contract.owner) {
           return {
             valid: false,
             messageType: 'ERROR',
@@ -33,45 +33,31 @@ class Validators {
             forceMarker: true
           };
         }
-        if (!item.contractNumber) {
+        if (!item.contract) {
           return {
             valid: false,
             messageType: 'ERROR',
-            message: 'Required contract number field is missing for : ' + item.commodity.name,
+            message: 'Required contract field is missing for : ' + item.commodity.name,
             forceMarker: true
           };
         }
-        if (!item.contractStartDate) {
-          return {
-            valid: false,
-            messageType: 'ERROR',
-            message: 'Required contract start date field is missing for : ' + item.commodity.name,
-            forceMarker: true
-          };
-        }
-        if (!item.contractEndDate) {
-          return {
-            valid: false,
-            messageType: 'ERROR',
-            message: 'Required contract end date field is missing for : ' + item.commodity.name,
-            forceMarker: true
-          };
-        }
-        if (!item.contractValue) {
+      }
+      if (item.procurementMethod.type === 'ENTITY') {
+        if (!item.entity) {
           return {
             valid: false,
             messageType: 'ERROR',
-            message: 'Required contract value field is missing for : ' + item.commodity.name,
+            message: 'Required entity field is missing for : ' + item.commodity.name,
             forceMarker: true
           };
         }
       }
-      if (item.procurementMethod.type === 'ENTITY') {
-        if (!item.entity) {
+      if (item.procurementMethod.type === 'PANEL') {
+        if (!item.panel) {
           return {
             valid: false,
             messageType: 'ERROR',
-            message: 'Required entity field is missing for : ' + item.commodity.name,
+            message: 'Required panel field is missing for : ' + item.commodity.name,
             forceMarker: true
           };
         }