@agilemotion/oui-react-js 1.8.42 → 1.8.44

package/dist/components/layout/View.js

@@ -23,6 +23,7 @@ const View = props => {
   const [model] = _react.default.useState({});
   const loadingRef = _react.default.useRef(true);
   const paramsLoaded = _react.default.useRef(false);
+  const viewRef = _react.default.useRef(null);
   function registerInlineScriptLibraries() {
     if (!_Utils.default.isNull(props.config.lib)) {
       let libName = props.config.id + '_lib';
@@ -104,8 +105,37 @@ const View = props => {
     if (props.loadCallback) {
       props.loadCallback();
     }
+    const el = viewRef.current;
+    let ro;
+    if (el) {
+      let componentAttribute = _Utils.default.getComponentAttribute(props.config, 'headerHeight', null);
+      if (componentAttribute != null) {
+        const val = _Utils.default.normalizeCssSize(componentAttribute, "0");
+        el.style.setProperty("--view-header-h", val);
+        el.style.setProperty("--view-header-min", val);
+      }
+      const headerEl = el.querySelector('.sticky-header');
+      if (headerEl) {
+        // initialize the var to the floor so layout is valid before first callback
+        const floor = getComputedStyle(el).getPropertyValue('--view-header-min')?.trim() || '112px';
+        el.style.setProperty('--view-header-h', floor);
+        ro = new ResizeObserver(_ref => {
+          let [entry] = _ref;
+          // prefer borderBoxSize when available
+          const h = entry.borderBoxSize?.[0]?.blockSize ?? entry.borderBoxSize?.blockSize ?? entry.contentBoxSize?.[0]?.blockSize ?? entry.contentRect.height;
+          el.style.setProperty('--view-header-h', `${h}px`);
+        });
+        ro.observe(headerEl);
+      }
+    }
     return () => {
       _Observable.default.clearEventListeners(props.config.id);
+      if (el) {
+        el.style.removeProperty("--view-header-h");
+      }
+      if (ro) {
+        ro.disconnect();
+      }
     };
   }, []);
   function render(layout) {
@@ -174,7 +204,8 @@ const View = props => {
     style: _Utils.default.mergeStyles({
       minWidth: '128px',
       height: '100%'
-    }, props.config)
+    }, props.config),
+    ref: viewRef
   }, render(props.config.layout));
 };
 exports.View = View;

package/dist/components/layout/Window.js

@@ -216,6 +216,7 @@ const Window = props => {
       paper.style.right = '0';
       paper.style.position = 'absolute';
       paper.style.top = '72px';
+      paper.style.border = '20px solid red';
       paper.style.left = (isNaN(getLeftOffset()) ? '328' : getLeftOffset()) + 'px';
       let header = document.getElementsByClassName('dialogHeader')[0];
       header.getElementsByTagName('button')[0].style.color = 'rgba(0, 0, 0, 0.54)';

package/dist/components/media/Chat.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Utils = _interopRequireDefault(require("../../Utils"));
+require("./Chat.css");
+var _Observable = _interopRequireDefault(require("../../event/Observable"));
+var _Event = _interopRequireDefault(require("../../event/Event"));
+var _EventType = _interopRequireDefault(require("../../event/EventType"));
+var _ChatRoom = _interopRequireDefault(require("./chat/ChatRoom"));
+var _RestService = require("../../RestService");
+var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Chat = props => {
+  const [chat, setChat] = _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);
+    return () => {};
+  }, []);
+  const api = () => {
+    return {
+      get id() {
+        return props.config.id;
+      },
+      loadData: (actionConfig, event) => {
+        let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+        let service = !_Utils.default.isNull(parsedConfig.dataService) ? parsedConfig.dataService : !_Utils.default.isNull(actionConfig) ? actionConfig.dataService : null;
+        if (!_Utils.default.isNull(service)) {
+          let serviceType = service.type;
+          if (!serviceType) {
+            serviceType = 'rpc';
+          }
+          if (serviceType === 'rpc' || serviceType === 'rest') {
+            let method = serviceType === 'rpc' ? _RestService.invokeRpc : _RestService.invokeRest;
+            method({
+              service: service,
+              component: props.handle,
+              viewId: props.viewId,
+              event
+            }).then(result => {
+              setChat(result);
+            }).catch(e => {
+              console.error(e);
+              if (e.errorType !== 'INVALID_PARAMETER') {
+                _Utils.default.publishErrorMessage(e, props.viewId);
+              }
+            });
+          } else {
+            throw new Error('Unknown service type : ' + serviceType);
+          }
+        } else {
+          if (actionConfig && actionConfig.value) {
+            let data = _ApplicationManager.default.resolveParameterConfigValue(actionConfig.value);
+            setChat(data);
+          }
+        }
+      }
+    };
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: props.config.className ? props.config.className : null,
+    style: _Utils.default.mergeStyles({
+      width: '100%',
+      height: '100%'
+    }, props.config)
+  }, chat && /*#__PURE__*/_react.default.createElement(_ChatRoom.default, {
+    headerStyle: props.config.attributes?.headerStyle,
+    chatTab: true,
+    selectedChat: chat,
+    isHost: false,
+    disableMessageDelete: props.config.disableMessageDelete,
+    disableFileAttachment: props.config.disableFileAttachment,
+    showAllMessagesForNewParticipants: props.config.showAllMessagesForNewParticipants
+  }));
+};
+var _default = exports.default = Chat;

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

@@ -72,7 +72,8 @@ const ChatRoom = props => {
     };
   };
   const fetchChat = () => {
-    (0, _RestUtils.sendRequest)(`${location + '/' + _ApplicationManager.default.getContextRoot()}/calendar/api/v1/chat/fetchMeetingChat/${selectedChat.meetingId}`, response => {
+    let url = selectedChat.meetingId ? `${location + '/' + _ApplicationManager.default.getContextRoot()}/calendar/api/v1/chat/fetchMeetingChat/${selectedChat.meetingId}` : `${location + '/' + _ApplicationManager.default.getContextRoot()}/calendar/api/v1/chat/fetch/${selectedChat.id}`;
+    (0, _RestUtils.sendRequest)(url, response => {
       if (response && response.id) {
         setSelectedChat(response);
       }
@@ -144,11 +145,14 @@ const ChatRoom = props => {
     scrollToBottom();
     if (selectedChat) {
       const newMessages = [].concat(selectedChat.messages);
-      let find = selectedChat.participants.find(p => p.userId === currentUser.userId);
-      const dateAddedToChat = find ? find.dateAddedToChat : new Date();
-      const filteredMessages = newMessages.filter(txt => dateAddedToChat === null || new Date(dateAddedToChat) < new Date(txt.createdDate));
-      console.log("FILTERED : ", filteredMessages);
-      setMessages(filteredMessages);
+      if (!props.showAllMessagesForNewParticipants) {
+        let find = selectedChat.participants.find(p => p.userId === currentUser.userId);
+        const dateAddedToChat = find ? find.dateAddedToChat : new Date();
+        const filteredMessages = newMessages.filter(txt => dateAddedToChat === null || new Date(dateAddedToChat) < new Date(txt.createdDate));
+        setMessages(filteredMessages);
+      } else {
+        setMessages(newMessages);
+      }
     }
     setLoading(false);
   };
@@ -249,7 +253,7 @@ const ChatRoom = props => {
         skipAlert: props.chatTab || finalMessage,
         newChat: selectedChat.messages.length === 0,
         meetingId: props.meetingId ? props.meetingId : null,
-        profile: _ApplicationManager.default.getUserDetails().profile
+        profile: _ApplicationManager.default.getActiveTenant() || _ApplicationManager.default.getUserDetails().profile
       }).then(data => {
         msg.id = data.id;
         setMessages(oldMsgs => [...oldMsgs, msg]);
@@ -257,7 +261,9 @@ const ChatRoom = props => {
         if (props.onMessage && selectedChat) {
           props.onMessage(msg, selectedChat);
         }
-      }).catch(error => {});
+      }).catch(error => {
+        console.log("Error sending chat message : ", error);
+      });
     }
     setMessage('');
     setImgUploadConfirm('');
@@ -537,7 +543,7 @@ const ChatRoom = props => {
             }
           }, /*#__PURE__*/_react.default.createElement("div", {
             className: 'col chat-time'
-          }, (0, _moment.default)(message.createdDate).format('DD/MM, HH:mm')), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
+          }, (0, _moment.default)(message.createdDate).format('DD/MM, HH:mm')), !props.disableMessageDelete && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
             component: "span",
             onClick: () => {
               deleteChatMessage(message);
@@ -572,7 +578,7 @@ const ChatRoom = props => {
             }
           }, /*#__PURE__*/_react.default.createElement("div", {
             className: 'col chat-time'
-          }, (0, _moment.default)(message.createdDate).format('DD/MM, HH:mm')), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
+          }, (0, _moment.default)(message.createdDate).format('DD/MM, HH:mm')), !props.disableMessageDelete && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
             component: "span",
             onClick: () => {
               deleteChatMessage(message);
@@ -650,7 +656,8 @@ const ChatRoom = props => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "chatroom"
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "chatroom__header"
+      className: "chatroom__header",
+      style: _Utils.default.mergeObjects({}, props.headerStyle)
     }, !props.chatTab && /*#__PURE__*/_react.default.createElement("div", {
       className: "chatroom__headerright"
     }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
@@ -687,7 +694,7 @@ const ChatRoom = props => {
       style: {
         position: 'relative'
       }
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, !props.disableFileAttachment && /*#__PURE__*/_react.default.createElement("div", {
       className: "file-upload chats-file-upload",
       style: {
         zIndex: !_Utils.default.isNull(documents) ? 1 : 0

package/dist/components/signatures/AgilitySignaturePanel.js

@@ -212,7 +212,8 @@ const AgilitySignaturePanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_rea
     })
   }, "SIGN")))), /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      width: '100%'
+      width: '100%',
+      overflowX: 'hidden'
     }
   }, /*#__PURE__*/_react.default.createElement(_DocumentContainer.default, {
     config: props.config,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agilemotion/oui-react-js",
-  "version": "1.8.42",
+  "version": "1.8.44",
   "description": "AgileMotion React UI Component Library - A comprehensive collection of dashboard components, forms, media controls, and more",
   "license": "ISC",
   "author": "",
@@ -62,6 +62,7 @@
     "@syncfusion/ej2-react-base": "^26.2.10",
     "@syncfusion/ej2-react-documenteditor": "^26.2.14",
     "@syncfusion/ej2-react-popups": "^26.2.11",
+    "@syncfusion/ej2-react-splitbuttons": "^31.2.2",
     "@syncfusion/ej2-splitbuttons": "^26.2.10",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
@@ -93,10 +94,10 @@
     "process": "^0.11.10",
     "prop-types": "^15.7.2",
     "react": "^18.3.1",
-    "react-dom": "^18.3.1",
     "react-bootstrap": "^1.5.2",
     "react-bootstrap-switch": "^15.5.3",
     "react-confirm-alert": "^3.0.6",
+    "react-dom": "^18.3.1",
     "react-draggable": "^4.4.6",
     "react-feather": "^2.0.10",
     "react-google-autocomplete": "^2.7.3",