@agilemotion/oui-react-js 1.8.27 → 1.8.29

package/dist/components/facialRecognition/FacialRegistration.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Utils = _interopRequireDefault(require("../../Utils"));
+var _Observable = _interopRequireDefault(require("../../event/Observable"));
+var _Event = _interopRequireDefault(require("../../event/Event"));
+var _EventType = _interopRequireDefault(require("../../event/EventType"));
+var _FaceRecognitionComponent = _interopRequireDefault(require("./FaceRecognitionComponent"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const status = response => {
+  if (response.ok) {
+    return Promise.resolve(response);
+  } else {
+    let error = new Error(response.statusText);
+    error.code = response.status;
+    return Promise.reject(error);
+  }
+};
+const json = response => {
+  return response.text();
+};
+const location = window.location.protocol + '//' + window.location.hostname + ':' + window.location.port;
+const FacialRegistration = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const [visible, setVisible] = _react.default.useState(false);
+  _react.default.useEffect(() => {
+    props.handle.api = api();
+  });
+  _react.default.useEffect(() => {
+    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);
+    props.handle.api.refresh();
+    return () => {
+      _Observable.default.clearComponentEventListeners(props.handle);
+    };
+  }, []);
+  const api = () => {
+    return {
+      get id() {
+        return props.config.id;
+      },
+      loadData: (actionConfig, event) => {},
+      refresh() {
+        let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+        if (!_Utils.default.isNull(props.config) && !_Utils.default.isNull(parsedConfig.visible)) {
+          setVisible(_Utils.default.evaluateBooleanExpression(parsedConfig.visible, parsedConfig.id));
+        } else {
+          setVisible(true);
+        }
+      },
+      getChildren: () => {
+        return [];
+      },
+      set visible(visible) {
+        setVisible(visible);
+      }
+    };
+  };
+  return visible && /*#__PURE__*/_react.default.createElement("div", {
+    style: _Utils.default.mergeStyles({}, props.config)
+  }, /*#__PURE__*/_react.default.createElement(_FaceRecognitionComponent.default, {
+    mode: "register",
+    onComplete: () => {},
+    processingPath: props.config.processingPath
+  }));
+}));
+var _default = exports.default = FacialRegistration;

package/dist/components/facialRecognition/FacialVerification.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Utils = _interopRequireDefault(require("../../Utils"));
+var _Observable = _interopRequireDefault(require("../../event/Observable"));
+var _Event = _interopRequireDefault(require("../../event/Event"));
+var _EventType = _interopRequireDefault(require("../../event/EventType"));
+var _FaceRecognitionComponent = _interopRequireDefault(require("./FaceRecognitionComponent"));
+var _ej2Base = require("@syncfusion/ej2-base");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const status = response => {
+  if (response.ok) {
+    return Promise.resolve(response);
+  } else {
+    let error = new Error(response.statusText);
+    error.code = response.status;
+    return Promise.reject(error);
+  }
+};
+const json = response => {
+  return response.text();
+};
+const location = window.location.protocol + '//' + window.location.hostname + ':' + window.location.port;
+const FacialVerification = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const [visible, setVisible] = _react.default.useState(false);
+  const [value, setValue] = _react.default.useState(null);
+  _react.default.useEffect(() => {
+    props.handle.api = api();
+  });
+  _react.default.useEffect(() => {
+    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);
+    props.handle.api.refresh();
+    return () => {
+      _Observable.default.clearComponentEventListeners(props.handle);
+    };
+  }, []);
+  _react.default.useEffect(() => {
+    let event = new _Event.default(props.handle, props.viewId, value);
+    _Observable.default.fireEvent(_EventType.default.VALUE_CHANGE, event);
+  }, [value]);
+  const api = () => {
+    return {
+      get id() {
+        return props.config.id;
+      },
+      get value() {
+        return value;
+      },
+      loadData: (actionConfig, event) => {},
+      refresh() {
+        let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+        if (!_Utils.default.isNull(props.config) && !_Utils.default.isNull(parsedConfig.visible)) {
+          setVisible(_Utils.default.evaluateBooleanExpression(parsedConfig.visible, parsedConfig.id));
+        } else {
+          setVisible(true);
+        }
+      },
+      getChildren: () => {
+        return [];
+      },
+      set visible(visible) {
+        setVisible(visible);
+      }
+    };
+  };
+  return visible && /*#__PURE__*/_react.default.createElement("div", {
+    style: _Utils.default.mergeStyles({}, props.config)
+  }, /*#__PURE__*/_react.default.createElement(_FaceRecognitionComponent.default, {
+    mode: "verify",
+    onComplete: response => {
+      setValue(response);
+    },
+    processingPath: props.config.processingPath
+  }));
+}));
+var _default = exports.default = FacialVerification;

package/dist/components/facialRecognition/Modal.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Modal = _ref => {
+  let {
+    isOpen,
+    onClose,
+    mode
+  } = _ref;
+  if (!isOpen) return null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "fixed inset-0 bg-gray-500 bg-opacity-75 flex items-center justify-center z-50"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "bg-white p-6 rounded-xl shadow-lg max-w-sm w-full max-h-[90vh] overflow-y-auto"
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    onClick: onClose,
+    className: "absolute top-2 right-2 text-gray-600"
+  }, "\xD7"), /*#__PURE__*/_react.default.createElement("h2", {
+    className: "text-2xl font-bold text-center mb-4"
+  }, mode === 'register' ? 'Register Your Face' : 'Verify Your Face'), /*#__PURE__*/_react.default.createElement("div", {
+    className: "text-center"
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "mb-4"
+  }, mode === 'register' ? 'Please register your face to get started.' : 'Verify your face to log in.'), /*#__PURE__*/_react.default.createElement("button", {
+    className: "bg-blue-600 text-white px-6 py-2 rounded-xl hover:bg-blue-700 transition"
+  }, mode === 'register' ? 'Start Registration' : 'Start Verification'))));
+};
+var _default = exports.default = Modal;

package/dist/components/facialRecognition/service/faceApi.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.verifyFace = exports.registerFace = exports.location = void 0;
+var _ApplicationManager = _interopRequireDefault(require("../../../ApplicationManager"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const location = exports.location = window.location.protocol + '//' + window.location.hostname;
+const API_BASE = process.env.REACT_APP_API_BASE || location;
+const serializeDescriptor = descriptor => {
+  if (!descriptor || typeof descriptor.length !== 'number') {
+    throw new Error('Invalid face descriptor provided');
+  }
+  return JSON.stringify(Array.from(descriptor));
+};
+const postJSON = async (url, payload) => {
+  try {
+    const accessToken = sessionStorage.getItem('accessToken');
+    const idToken = sessionStorage.getItem('idToken');
+    const response = await fetch(url, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'Authorization': 'Bearer ' + accessToken,
+        'idToken': idToken
+      },
+      body: JSON.stringify(payload)
+    });
+    if (!response.ok) {
+      const errorText = await response.text();
+      const message = errorText || response.statusText || 'Unknown error';
+      throw new Error(message);
+    }
+    return await response.json();
+  } catch (error) {
+    console.log(`❌ Request to ${url} failed:`, error);
+    const message = error || error.statusText || 'Unknown error';
+    throw new Error(message);
+    //return await response.json();
+  }
+};
+const registerFace = async (descriptor, faceImage, path) => {
+  return await postJSON(`${API_BASE}${_ApplicationManager.default.getContextRoot()}${path}`, {
+    descriptor: serializeDescriptor(descriptor),
+    faceImage
+  });
+};
+exports.registerFace = registerFace;
+const verifyFace = async (descriptor, path) => {
+  return await postJSON(`${API_BASE}${_ApplicationManager.default.getContextRoot()}${path}`, {
+    descriptor: serializeDescriptor(descriptor)
+  });
+};
+exports.verifyFace = verifyFace;

package/dist/components/form/BaseField.js

@@ -128,7 +128,7 @@ const BaseField = props => {
   }, [props.values, config]);
   _react.default.useEffect(() => {
     if (loadingRef.current === true && !_Utils.default.isNull(config)) {
-      let field = props.form().addField(config.dataBinding || config.id, props.handle, props.parentId, props.bindValueToForm);
+      let field = props.form().addField(config.id || config.dataBinding, props.handle, props.parentId, props.bindValueToForm);
       if (!_Utils.default.isNull(field) && !_Utils.default.isNull(field.error)) {
         if (field.error.length > 0) {
           setHasError(true);
@@ -195,9 +195,6 @@ const BaseField = props => {
   const api = () => {
     return {
       validate: (values, currentValue) => {
-        if (props.config.id === 'needAnalysisItems') {
-          console.log('\n\n\n==============Validate fireeee');
-        }
         return doValidation(values, currentValue);
       },
       parseValue: (value, inbound) => {

package/dist/components/form/FieldSet.js

@@ -35,6 +35,7 @@ var _Icon = _interopRequireDefault(require("../Icon"));
 var _Switch = _interopRequireDefault(require("./Switch"));
 var _IconField = _interopRequireDefault(require("./IconField"));
 var _DocumentTemplateDesigner = _interopRequireDefault(require("../DocumentTemplateDesigner"));
+var _DynamicJS = _interopRequireDefault(require("../../DynamicJS"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const FieldSet = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [fieldGrid] = _react.default.useState(_Utils.default.getFieldGrid(props.config.attributes, props.config.fields));
@@ -483,10 +484,11 @@ const FieldSet = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.fo
         if (_Utils.default.isNull(field.attributes) || _Utils.default.isNull(field.attributes.colspan)) {
           colspan = 1;
         } else {
-          if (field.attributes.colspan > fieldGrid.maxColPerRow) {
+          let colspanVal = _Utils.default.getFieldColspan(field);
+          if (colspanVal > fieldGrid.maxColPerRow) {
             colspan = fieldGrid.maxColPerRow;
           } else {
-            colspan = field.attributes.colspan;
+            colspan = colspanVal;
           }
         }
         width = colspan / fieldGrid.maxColPerRow * 100;

package/dist/components/form/Form.js

@@ -138,6 +138,7 @@ const Form = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwar
             }
             let fieldValid = field.handle.api.validate(values.current, null);
             if (fieldValid === false || _Utils.default.isNull(fieldValid)) {
+              console.log("Invalid form field [" + field.handle.api.id + "]");
               if (firstInvalidField == null) {
                 firstInvalidField = field;
               }

package/dist/components/form/GridField.js

@@ -44,12 +44,12 @@ const GridFieldWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.de
   const [label, setLabel] = _react.default.useState();
   const [rows, setRows] = _react.default.useState([]);
   const [crudToolstripWidth, setCrudToolstripWidth] = _react.default.useState(null);
-  const [hasButtons] = _react.default.useState(_Utils.default.isNull(props.config.attributes) || _Utils.default.isNull(props.config.attributes.addDisabled) || props.config.attributes.addDisabled === false || _Utils.default.isNull(props.config.attributes.removeDisabled) || props.config.attributes.removeDisabled === false);
+  const [hasButtons] = _react.default.useState(_Utils.default.isNull(props.config.attributes) || _Utils.default.isNull(props.config.attributes.addDisabled) || _Utils.default.evaluateBooleanExpression(props.config.attributes.addDisabled, props.config.id) === false || _Utils.default.isNull(props.config.attributes.removeDisabled) || _Utils.default.evaluateBooleanExpression(props.config.attributes.removeDisabled, props.config.id) === false);
   const initialValueSet = _react.default.useRef(false);
   _react.default.useEffect(() => {
     let numCrudButtons = 0;
-    let addDisabled = props.config.attributes?.addDisabled;
-    let removeDisabled = props.config.attributes?.removeDisabled;
+    let addDisabled = _Utils.default.evaluateBooleanExpression(props.config.attributes?.addDisabled, props.config.id);
+    let removeDisabled = _Utils.default.evaluateBooleanExpression(props.config.attributes?.removeDisabled, props.config.id);
     if (!addDisabled) {
       numCrudButtons++;
     }
@@ -100,7 +100,7 @@ const GridFieldWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.de
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: 'row'
-  }, _Utils.default.isNull(props.config.attributes) || _Utils.default.isNull(props.config.attributes.addDisabled) || props.config.attributes.addDisabled === false ? /*#__PURE__*/_react.default.createElement("div", {
+  }, _Utils.default.isNull(props.config.attributes) || _Utils.default.isNull(props.config.attributes.addDisabled) || _Utils.default.evaluateBooleanExpression(props.config.attributes.addDisabled, props.config.id) === false ? /*#__PURE__*/_react.default.createElement("div", {
     className: 'col-*-*'
   }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     "aria-controls": "menu-list-grow",
@@ -112,7 +112,7 @@ const GridFieldWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.de
     }
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'ADD'
-  }))) : null, _Utils.default.isNull(props.config.attributes) || _Utils.default.isNull(props.config.attributes.removeDisabled) || props.config.attributes.removeDisabled === false ? /*#__PURE__*/_react.default.createElement("div", {
+  }))) : null, _Utils.default.isNull(props.config.attributes) || _Utils.default.isNull(props.config.attributes.removeDisabled) || _Utils.default.evaluateBooleanExpression(props.config.attributes.removeDisabled, props.config.id) === false ? /*#__PURE__*/_react.default.createElement("div", {
     className: 'col-*-*'
   }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     "aria-controls": "menu-list-grow",