@agilemotion/oui-react-js 1.8.38 → 1.8.40

package/dist/ApplicationManager.js

@@ -299,12 +299,15 @@ class ApplicationManager {
       cachedFile.content = file.content;
     }
   };
-  updateContext = values => {
-    _Observable.default.emitContextChangeEvent(applicationContext, values);
+  updateContext = (() => function (values) {
+    let publish = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    if (publish) {
+      _Observable.default.emitContextChangeEvent(applicationContext, values);
+    }
     Object.keys(values).forEach(key => {
       applicationContext[key] = values[key];
     });
-  };
+  })();
 
   /**
    * add view configuration

package/dist/Utils.js

@@ -149,6 +149,9 @@ class Utils {
   static getFieldColspan = field => {
     return !Utils.isNull(field.attributes) && !Utils.isNull(field.attributes['colspan']) ? parseInt(typeof field.attributes.colspan === 'string' ? _DynamicJS.default.executeScript("__colspan_" + field.id, field.attributes.colspan) : field.attributes.colspan) : 1;
   };
+  static prop = value => {
+    return _ApplicationManager.default.isExpression(value) ? _DynamicJS.default.executeScript("readProp_" + Math.random(), value, null, true, null, null, false) : value;
+  };
   static createRow = () => {
     let row = {};
     row.fields = [];

package/dist/components/DocumentViewer.js

@@ -40,11 +40,12 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
     }
   }, []);
   function doLoadData(actionConfig) {
+    let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
     if (!_Utils.default.isNull(actionConfig) && !_Utils.default.isNull(actionConfig.value)) {
       let value = _ApplicationManager.default.isExpression(actionConfig.value) ? _ApplicationManager.default.resolveExpressionValue(actionConfig.value) : actionConfig.value;
       // TODO : set value
     } else {
-      let service = !_Utils.default.isNull(props.config.dataService) ? props.config.dataService : actionConfig !== null ? actionConfig.dataService : null;
+      let service = !_Utils.default.isNull(parsedConfig.dataService) ? parsedConfig.dataService : actionConfig !== null ? actionConfig.dataService : null;
       if (!_Utils.default.isNull(service)) {
         if (service.type === 'rpc') {
           (0, _RestService.invokeRpc)({
@@ -66,7 +67,7 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
               file.base64 = data.url.replace('data:application/pdf;base64,', '').replace('data:application/vnd.openxmlformats-officedocument.wordprocessingml.document;base64,', '');
             }
             file.name = data.name;
-            file.type = props.config.fileType;
+            file.type = _Utils.default.prop(parsedConfig.fileType);
             setValue(file);
             setHasLoadingError(false);
             setLoading(false);
@@ -141,10 +142,10 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
       marginTop: '16px',
       color: 'red'
     }
-  }, "Error loading document"), !loading && !hasLoadingError && props.config.fileType === 'application/pdf' && !_Utils.default.isNull(value) && /*#__PURE__*/_react.default.createElement(_PDFViewer.default, {
+  }, "Error loading document"), !loading && !hasLoadingError && _Utils.default.prop(parsedConfig.fileType) === 'application/pdf' && !_Utils.default.isNull(value) && /*#__PURE__*/_react.default.createElement(_PDFViewer.default, {
     file: value,
     onDocumentLoadSuccess: () => {}
-  }), !loading && !hasLoadingError && props.config.fileType === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' && (!_Utils.default.isNull(value) || props.config.enableUpload) && /*#__PURE__*/_react.default.createElement(_WordDocumentViewer.default, {
+  }), !loading && !hasLoadingError && _Utils.default.prop(parsedConfig.fileType) === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' && (!_Utils.default.isNull(value) || props.config.enableUpload) && /*#__PURE__*/_react.default.createElement(_WordDocumentViewer.default, {
     file: value,
     onDocumentLoadSuccess: () => {},
     valueHandler: wordEditorValueHandler,

package/dist/components/FaceApi.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = initModules;
+function initModules() {
+  try {
+    const ctx = require.context('../assets/models', false, /\.(json|bin)$/);
+    ctx.keys().forEach(ctx);
+  } catch (e) {
+    try {
+      if (import.meta && import.meta.glob) {
+        const _ = import.meta.glob('../assets/models/*.{json,bin}', {
+          eager: true
+        });
+      }
+    } catch (_) {}
+  }
+  try {
+    // emit .bin shards
+    const ctxBin = require.context('@agilemotion/oui-react-js/dist/assets/models', false, /\.bin$/);
+    ctxBin.keys().forEach(ctxBin);
+  } catch {}
+  try {
+    // emit extension-less shards (…-shard1, …-part1, etc.)
+    const ctxExtless = require.context('@agilemotion/oui-react-js/dist/assets/models', false, /(?:^|\/)[^/]+-(?:shard|part)\d+$/);
+    ctxExtless.keys().forEach(ctxExtless);
+  } catch {}
+}

package/dist/components/facialRecognition/FaceRecognitionComponent.js

@@ -10,35 +10,19 @@ var _faceApi2 = require("./service/faceApi");
 var _reactRouterDom = require("react-router-dom");
 require("./FacialRecognition.css");
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _Utils = _interopRequireDefault(require("../../Utils"));
-var _base = require("../../assets/models/_base.js");
 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 preloadFaceApiModelFiles() {
-  // Webpack: include all json/bin in ../models. This runs at build-time (no runtime cost).
+function getModelsBase() {
   try {
-    var ctx = require.context('../../assets/models', false, /\.(json|bin)$/);
-    ctx.keys().forEach(ctx);
-  } catch (e) {
-    console.error(e);
-    // Not Webpack (e.g., Vite) — try Vite's glob import if available
-    try {
-      if (import.meta && import.meta.glob) {
-        var _ = import.meta.glob('../../assets/models/*.{json,bin}', {
-          eager: true
-        });
-      }
-    } catch (e2) {
-      console.error(e2);
-      // ignore — some toolchains will still work via the direct URL reference above
-    }
+    const u = new URL('../../assets/models/ssd_mobilenetv1_model-weights_manifest.json', import.meta.url);
+    return u.toString().replace(/[^/]+$/, '');
+  } catch {
+    return '';
   }
 }
-preloadFaceApiModelFiles();
 const FaceRecognitionComponent = _ref => {
   let {
-    props,
     mode,
     processingPath,
     onComplete
@@ -55,8 +39,8 @@ const FaceRecognitionComponent = _ref => {
   const canvasRef = (0, _react.useRef)(null);
   const navigate = (0, _reactRouterDom.useNavigate)();
   (0, _react.useEffect)(() => {
-    const base = props && props.modelsPath ? props.modelsPath : _base.MODELS_BASE;
-    alert(base);
+    const base = process.env.FACE_API_MODULE_BASE || getModelsBase();
+    console.log("LOADING FACIAL RECOGNITION ASSETS FROM BASE : ", base);
     const loadModels = async () => {
       await faceapi.nets.ssdMobilenetv1.loadFromUri(base);
       await faceapi.nets.faceLandmark68Net.loadFromUri(base);

package/dist/components/form/LookupField.js

@@ -160,7 +160,7 @@ const LookupFieldComponent = exports.LookupFieldComponent = /*#__PURE__*/_react.
     }
   }, /*#__PURE__*/_react.default.createElement(_DialogTitle.default, {
     id: "alert-dialog-title"
-  }, !_Utils.default.isNull(props.config.attributes) && !_Utils.default.isNull(props.config.attributes['pickerLabel']) ? props.config.attributes['pickerLabel'] : props.config.attributes['label']), /*#__PURE__*/_react.default.createElement("div", {
+  }, !_Utils.default.isNull(props.config.attributes) && !_Utils.default.isNull(props.config.attributes?.pickerLabel) ? props.config.attributes?.pickerLabel : props.config.attributes?.label), /*#__PURE__*/_react.default.createElement("div", {
     style: {
       maxHeight: "calc(38vh - 52px)",
       overflow: "auto",

package/dist/components/layout/CollapsiblePanel.css

@@ -1,9 +1,9 @@
-.coll-panel-container {
-    font-family: sans-serif;
-    text-align: center;
-}
-
-.coll-panel-btn:focus {
-    outline: 0;
-    box-shadow: none;
-}
+.coll-panel-container {
+    font-family: sans-serif;
+    text-align: center;
+}
+
+.coll-panel-btn:focus {
+    outline: 0;
+    box-shadow: none;
+}

package/dist/components/layout/View.css

@@ -1,125 +1,125 @@
-.view {
-    padding: 0 32px;
-    background-color: #ffffff;
-    border-radius: 4px;
-}
-
-.window-unpinned .view {
-    width: 0 !important;;
-}
-
-.window-pinned .view {
-    padding: 0 8px;
-}
-
-.no-margin {
-    margin-left: 0 !important;
-    margin-right: 0 !important;
-}
-
-.no-padding {
-    padding-left: 0 !important;
-    padding-right: 0 !important;
-}
-
-.centered-flex-box {
-    display: flex;
-    align-Items: center;
-    justify-content: center
-}
-
-.max-h-40 {
-}
-
-/* 150% zoom res */
-@media (max-width: 1512px) and (max-height: 982px) and (min-resolution: 2dppx) {
-    .max-h-40 {
-        max-height: 150px !important;
-    }
-
-    .flex-nowrap {
-        flex-wrap: wrap !important;
-    }
-
-    .flex-child-nowrap {
-        width: 100% !important;
-    }
-
-    .view {
-        padding: 0 8px !important;
-    }
-
-    .grid-table-pagination div {
-        font-size: 12px;
-    }
-
-    .grid-table-pagination p {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        max-width: 12px;
-        font-size: 12px;
-        margin-top: 4px;
-    }
-
-    .tab-page-container {
-        margin: 0;
-    }
-
-    .default-oui-layout {
-        margin: 8px;
-        padding: 0 !important;
-    }
-
-    .defaultForm {
-        margin: 0;
-    }
-
-    .oui-form-item {
-        min-width: 232px !important;
-    }
-
-    .oui-form-item-container {
-        min-width: 240px !important;
-        margin: 0 4px;
-    }
-}
-
-/* Smartphones (landscape); */
-@media only screen and (min-device-width : 361px) and (max-device-width : 480px) {
-    .view {
-        padding: 0 16px;
-    }
-}
-
-/* Smartphones (portrait); */
-@media only screen and (min-device-width : 280px) and (max-device-width : 360px) {
-    .view {
-        padding: 0 16px;
-    }
-}
-
-/* iPads (portrait and landscape); */
-@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
-    .view {
-        padding: 0 24px;
-    }
-}
-
-/* iPad 3 */
-@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
-    .view {
-        padding: 0 24px;
-    }
-}
-
-/* small desktop screens */
-@media only screen and (max-width : 600px) {
-}
-
-/* low resolution desktop */
-@media only screen and (max-width : 1200px) {
-    .view {
-
-    }
-}
+.view {
+    padding: 0 32px;
+    background-color: #ffffff;
+    border-radius: 4px;
+}
+
+.window-unpinned .view {
+    width: 0 !important;;
+}
+
+.window-pinned .view {
+    padding: 0 8px;
+}
+
+.no-margin {
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+}
+
+.no-padding {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+}
+
+.centered-flex-box {
+    display: flex;
+    align-Items: center;
+    justify-content: center
+}
+
+.max-h-40 {
+}
+
+/* 150% zoom res */
+@media (max-width: 1512px) and (max-height: 982px) and (min-resolution: 2dppx) {
+    .max-h-40 {
+        max-height: 150px !important;
+    }
+
+    .flex-nowrap {
+        flex-wrap: wrap !important;
+    }
+
+    .flex-child-nowrap {
+        width: 100% !important;
+    }
+
+    .view {
+        padding: 0 8px !important;
+    }
+
+    .grid-table-pagination div {
+        font-size: 12px;
+    }
+
+    .grid-table-pagination p {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        max-width: 12px;
+        font-size: 12px;
+        margin-top: 4px;
+    }
+
+    .tab-page-container {
+        margin: 0;
+    }
+
+    .default-oui-layout {
+        margin: 8px;
+        padding: 0 !important;
+    }
+
+    .defaultForm {
+        margin: 0;
+    }
+
+    .oui-form-item {
+        min-width: 232px !important;
+    }
+
+    .oui-form-item-container {
+        min-width: 240px !important;
+        margin: 0 4px;
+    }
+}
+
+/* Smartphones (landscape); */
+@media only screen and (min-device-width : 361px) and (max-device-width : 480px) {
+    .view {
+        padding: 0 16px;
+    }
+}
+
+/* Smartphones (portrait); */
+@media only screen and (min-device-width : 280px) and (max-device-width : 360px) {
+    .view {
+        padding: 0 16px;
+    }
+}
+
+/* iPads (portrait and landscape); */
+@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
+    .view {
+        padding: 0 24px;
+    }
+}
+
+/* iPad 3 */
+@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
+    .view {
+        padding: 0 24px;
+    }
+}
+
+/* small desktop screens */
+@media only screen and (max-width : 600px) {
+}
+
+/* low resolution desktop */
+@media only screen and (max-width : 1200px) {
+    .view {
+
+    }
+}

package/dist/components/layout/Window.js

@@ -41,19 +41,19 @@ const PaperComponent = props => {
       bottom: bottom
     });
   };
-  return /*#__PURE__*/_react.default.createElement(_reactDraggable.default, {
-    disabled: props.disabled,
-    bounds: bounds,
-    onStart: handleStart,
-    handle: "#meeting-window-header",
-    cancel: '[class*="MuiDialogContent-root"]',
-    nodeRef: nodeRef
-  }, /*#__PURE__*/_react.default.createElement(_Paper.default, _extends({}, props, {
-    ref: nodeRef,
-    style: {
-      minWidth: '320px'
-    }
-  })));
+  return /*#__PURE__*/_react.default.createElement(_Paper.default, _extends({}, props, {
+    ref: nodeRef
+  }))
+  /*<Draggable
+      disabled={props.disabled}
+      bounds={bounds}
+      onStart={handleStart}
+      handle="#meeting-window-header"
+      cancel={'[class*="MuiDialogContent-root"]'}
+      nodeRef={nodeRef}
+  >
+      <Paper {...props} ref={nodeRef} style={{minWidth: '320px'}}/>
+  </Draggable>*/;
 };
 const Window = props => {
   const {
@@ -148,14 +148,18 @@ const Window = props => {
         paper.style.left = 'unset';
         paper.style.right = '0';
         paper.style.position = 'absolute';
-        paper.style.top = '72px';
+        paper.style.top = '52px';
+        paper.style.margin = '32px 0';
+        paper.style.maxWidth = 'unset';
         let header = document.getElementsByClassName('dialogHeader')[0];
         header.getElementsByTagName('button')[0].style.color = '#000000';
-        setDisplayState('PINNED');
+        if (displayState !== 'PINNED') {
+          setDisplayState('PINNED');
+        }
         if (updateContext) {
           _ApplicationManager.default.updateContext({
             windowDisplayState: 'PINNED'
-          });
+          }, false);
         }
         props.onPinned();
       }
@@ -179,11 +183,13 @@ const Window = props => {
         let header = document.getElementsByClassName('dialogHeader')[0];
         header.getElementsByTagName('button')[0].style.color = '#000000';
         document.getElementById('meeting-window-header').style.cursor = 'move';
-        setDisplayState('MINIMIZED');
+        if (displayState !== 'MINIMIZED') {
+          setDisplayState('MINIMIZED');
+        }
         if (updateContext) {
           _ApplicationManager.default.updateContext({
             windowDisplayState: 'MINIMIZED'
-          });
+          }, false);
         }
       }
     }
@@ -203,7 +209,8 @@ const Window = props => {
       paper.style.boxShadow = 'unset';
       paper.style.transform = 'translate(0, 0)';
       paper.style.backgroundColor = '#FFFFFF';
-      paper.style.width = 'calc(100% - ' + isNaN(getLeftOffset()) ? '344' : getLeftOffset() + 'px)';
+      paper.style.width = 'unset';
+      paper.style.maxWidth = 'unset';
       paper.style.height = 'calc(100% - 88px)';
       paper.style.margin = '8px';
       paper.style.right = '0';
@@ -213,11 +220,13 @@ const Window = props => {
       let header = document.getElementsByClassName('dialogHeader')[0];
       header.getElementsByTagName('button')[0].style.color = 'rgba(0, 0, 0, 0.54)';
       document.getElementById('meeting-window-header').style.cursor = 'default';
-      setDisplayState('MAXIMIZED');
+      if (displayState !== 'MAXIMIZED') {
+        setDisplayState('MAXIMIZED');
+      }
       if (updateContext) {
         _ApplicationManager.default.updateContext({
           windowDisplayState: 'MAXIMIZED'
-        });
+        }, false);
       }
     }
   };
@@ -234,7 +243,7 @@ const Window = props => {
   }, /*#__PURE__*/_react.default.createElement(_WindowDialog.default, {
     leftOffset: props.leftOffset,
     disableEnforceFocus: true,
-    open: open,
+    open: true,
     onClose: e => {
       props.onClose();
     },

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/Video.css

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