@agilemotion/oui-react-js 1.8.55 → 1.8.57

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

@@ -12,8 +12,7 @@ var _Utils = _interopRequireDefault(require("../../../Utils"));
 var _ApplicationManager = _interopRequireDefault(require("../../../ApplicationManager"));
 var _SocketManager = _interopRequireDefault(require("../../SocketManager"));
 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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const ChatRoomItem = props => {
   const {
     event,
@@ -38,7 +37,7 @@ const ChatRoomItem = props => {
       paddingLeft: '16px',
       paddingRight: '16px'
     },
-    className: `chatroom__item ${selectedChat && event.id === selectedChat.id ? 'active-tab' : ''}`,
+    className: "chatroom__item ".concat(selectedChat && event.id === selectedChat.id ? 'active-tab' : ''),
     onClick: () => {
       goToRoom(event.id);
     }

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

@@ -11,8 +11,7 @@ var _material = require("@mui/material");
 var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
 var _SocketManager = _interopRequireDefault(require("../../service/SocketManager"));
 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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const ChatRoomList = props => {
   const [chats, setChats] = (0, _react.useState)([]);
   const updateChatList = chat => {

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

@@ -42,7 +42,7 @@ const ChatRoomWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.def
         setVisible(visible);
       },
       set value(value) {
-        (0, _RestUtils.sendRequest)(`${location + '/' + _ApplicationManager.default.getContextRoot()}/calendar/api/v1/chat/fetchMeetingChat/${value.id}`, response => {
+        (0, _RestUtils.sendRequest)("".concat(location + '/' + _ApplicationManager.default.getContextRoot(), "/calendar/api/v1/chat/fetchMeetingChat/").concat(value.id), response => {
           if (response && response.id) {
             setChat(response);
           }

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

@@ -18,9 +18,9 @@ var _PollResult = _interopRequireDefault(require("./PollResult"));
 var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
 var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
 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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const PollContainer = props => {
+  var _props$poll$options$f;
   const [pollOptions, setPollOptions] = (0, _react.useState)([]);
   const [poll, setPoll] = (0, _react.useState)({});
   const [pollClosed, setPollClosed] = (0, _react.useState)(false);
@@ -32,7 +32,7 @@ const PollContainer = props => {
   const socketEventHandlerApi = () => {
     return {
       get id() {
-        return `poll-container-${props.poll.id}`;
+        return "poll-container-".concat(props.poll.id);
       },
       on: (eventType, be) => {
         switch (eventType) {
@@ -84,9 +84,15 @@ const PollContainer = props => {
   const tieForFirst = function () {
     let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     if (!Array.isArray(options) || options.length === 0) return [];
-    const counts = options.map(o => o?.voteCount ?? 0);
+    const counts = options.map(o => {
+      var _o$voteCount;
+      return (_o$voteCount = o === null || o === void 0 ? void 0 : o.voteCount) !== null && _o$voteCount !== void 0 ? _o$voteCount : 0;
+    });
     const max = Math.max(...counts);
-    const leaders = options.filter(o => (o?.voteCount ?? 0) === max);
+    const leaders = options.filter(o => {
+      var _o$voteCount2;
+      return ((_o$voteCount2 = o === null || o === void 0 ? void 0 : o.voteCount) !== null && _o$voteCount2 !== void 0 ? _o$voteCount2 : 0) === max;
+    });
     return leaders.length >= 2 ? leaders : [];
   };
   (0, _react.useEffect)(() => {
@@ -200,7 +206,7 @@ const PollContainer = props => {
       color: '#000000'
     },
     className: "time-left"
-  }, `${totalVotes} votes out of ${props.numberOfPollParticipants}`), /*#__PURE__*/_react.default.createElement("div", {
+  }, "".concat(totalVotes, " votes out of ").concat(props.numberOfPollParticipants)), /*#__PURE__*/_react.default.createElement("div", {
     className: "time-left",
     style: {
       marginLeft: '4px',
@@ -216,7 +222,7 @@ const PollContainer = props => {
     style: {
       color: '#945c33'
     }
-  }, "You have voted ", props.poll.options.find(o => o.id === poll.selectedOption)?.text)), props.isChairPerson && tieOptions.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  }, "You have voted ", (_props$poll$options$f = props.poll.options.find(o => o.id === poll.selectedOption)) === null || _props$poll$options$f === void 0 ? void 0 : _props$poll$options$f.text)), props.isChairPerson && tieOptions.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "poll-choices",
     style: {
       marginTop: '8px'
@@ -264,7 +270,7 @@ const PollContainer = props => {
       marginTop: "4px"
     },
     className: "time-left"
-  }, `${totalVotes} voted out of ${props.numberOfPollParticipants}`), /*#__PURE__*/_react.default.createElement("div", {
+  }, "".concat(totalVotes, " voted out of ").concat(props.numberOfPollParticipants)), /*#__PURE__*/_react.default.createElement("div", {
     className: "time-left",
     style: {
       marginLeft: '4px',

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

@@ -7,8 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 require("./ChatRooms.scss");
 var _iconsMaterial = require("@mui/icons-material");
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const PollResult = props => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "cv-poll-choice"

package/dist/components/menu/MenuBars.js

@@ -17,8 +17,12 @@ var _Utils = _interopRequireDefault(require("../../Utils"));
 var _MenuItem = _interopRequireDefault(require("./MenuItem"));
 var _colors = require("material-ui/styles/colors");
 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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const useStyles = (0, _styles.makeStyles)(theme => ({
   // TODO: Merge these styles
   expandable: {
@@ -75,10 +79,9 @@ function CollapsibleMenuBar(props) {
     } else {
       value = !itemExpansionStatuses[item];
     }
-    setItemExpansionStatuses({
-      ...itemExpansionStatuses,
+    setItemExpansionStatuses(_objectSpread(_objectSpread({}, itemExpansionStatuses), {}, {
       [item]: value
-    });
+    }));
   }
   function handler(children) {
     return children.map(child => {

package/dist/components/menu/MenuButton.js

@@ -19,6 +19,11 @@ var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const useStyles = (0, _styles.makeStyles)(theme => ({
   root: {
     display: 'flex'
@@ -56,10 +61,10 @@ const MenuButton = props => {
     }
   }, [config]);
   _react.default.useEffect(() => {
-    setConfig(props.tableRow ? {
-      ...props.config,
-      id: props.config.id + '_' + props.tableRow.id?.replaceAll('-', '')
-    } : props.config);
+    var _props$tableRow$id;
+    setConfig(props.tableRow ? _objectSpread(_objectSpread({}, props.config), {}, {
+      id: props.config.id + '_' + ((_props$tableRow$id = props.tableRow.id) === null || _props$tableRow$id === void 0 ? void 0 : _props$tableRow$id.replaceAll('-', ''))
+    }) : props.config);
   }, []);
   const handleToggle = () => {
     setOpen(prevOpen => !prevOpen);
@@ -78,7 +83,8 @@ const MenuButton = props => {
   const api = () => {
     return {
       get id() {
-        return props.tableRow ? props.config.id + '_' + props.tableRow.id?.replaceAll('-', '') : props.config.id;
+        var _props$tableRow$id2;
+        return props.tableRow ? props.config.id + '_' + ((_props$tableRow$id2 = props.tableRow.id) === null || _props$tableRow$id2 === void 0 ? void 0 : _props$tableRow$id2.replaceAll('-', '')) : props.config.id;
       },
       get tableRow() {
         return props.tableRow;

package/dist/components/menu/MenuItem.js

@@ -12,7 +12,13 @@ var _Observable = _interopRequireDefault(require("../../event/Observable"));
 var _EventType = _interopRequireDefault(require("../../event/EventType"));
 var _Event = _interopRequireDefault(require("../../event/Event"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const MenuItem = props => {
+  var _config$attributes;
   const [disabled, setDisabled] = _react.default.useState(false);
   const [visible, setVisible] = _react.default.useState(true);
   const [config, setConfig] = _react.default.useState(null);
@@ -27,11 +33,11 @@ const MenuItem = props => {
     }
   }, [config]);
   _react.default.useEffect(() => {
+    var _props$tableRow$id;
     props.handle.api = api();
-    setConfig(props.tableRow ? {
-      ...props.config,
-      id: props.config.id + '_' + props.tableRow.id?.replaceAll('-', '')
-    } : props.config);
+    setConfig(props.tableRow ? _objectSpread(_objectSpread({}, props.config), {}, {
+      id: props.config.id + '_' + ((_props$tableRow$id = props.tableRow.id) === null || _props$tableRow$id === void 0 ? void 0 : _props$tableRow$id.replaceAll('-', ''))
+    }) : props.config);
     return () => {
       _Observable.default.clearComponentEventListeners(props.handle);
     };
@@ -46,7 +52,8 @@ const MenuItem = props => {
   const api = () => {
     return {
       get id() {
-        return props.tableRow ? props.config.id + '_' + props.tableRow.id?.replaceAll('-', '') : props.config.id;
+        var _props$tableRow$id2;
+        return props.tableRow ? props.config.id + '_' + ((_props$tableRow$id2 = props.tableRow.id) === null || _props$tableRow$id2 === void 0 ? void 0 : _props$tableRow$id2.replaceAll('-', '')) : props.config.id;
       },
       get tableRow() {
         return props.tableRow;
@@ -72,6 +79,6 @@ const MenuItem = props => {
     },
     righticon: props.mode === 'cascaded' && !_Utils.default.isNull(props.menuItems) && props.menuItems.length > 0 ? /*#__PURE__*/_react.default.createElement(_chevronRight.default, null) : null,
     menuitems: props.menuItems
-  }, config.attributes?.label);
+  }, (_config$attributes = config.attributes) === null || _config$attributes === void 0 ? void 0 : _config$attributes.label);
 };
 var _default = exports.default = MenuItem;

package/dist/components/menu/MenuLink.js

@@ -16,6 +16,7 @@ var _DashboardStore = require("../../redux/store/DashboardStore");
 var _Icon = _interopRequireDefault(require("../Icon"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const MenuLink = props => {
+  var _props$config;
   const dispatch = (0, _reactRedux.useDispatch)();
   _react.default.useEffect(() => {
     let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
@@ -66,7 +67,7 @@ const MenuLink = props => {
       marginLeft: (props.level + 1) * props.tab + 'px',
       backgroundColor: props.backgroundColor
     }
-  }, props.config?.icon !== undefined ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }, ((_props$config = props.config) === null || _props$config === void 0 ? void 0 : _props$config.icon) !== undefined ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: props.config.icon
   }), ' ', props.name, ' ') : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     className: "sidebar-normal"

package/dist/components/navbars/HomeNavbar.js

@@ -16,6 +16,9 @@ var _ActionHandlers = _interopRequireDefault(require("../../event/ActionHandlers
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _colors = require("material-ui/styles/colors");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const propHandler = state => {
   let activeRouteMenu = state.dashboard.activeRouteMenu;
   return {
@@ -23,15 +26,48 @@ const propHandler = state => {
   };
 };
 class HomeNavbar extends _react.default.Component {
-  styles = {
-    header: {
-      backgroundColor: this.props.color,
-      height: "72px",
-      minHeight: "72px"
-    }
-  };
   constructor(props) {
     super(props);
+    _defineProperty(this, "styles", {
+      header: {
+        backgroundColor: this.props.color,
+        height: "72px",
+        minHeight: "72px"
+      }
+    });
+    // function that adds color white/transparent to the navbar on resize (this is for the collapse)
+    _defineProperty(this, "updateColor", () => {
+      if (window.innerWidth < 993 && this.state.collapseOpen) {
+        this.setState({
+          color: "bg-white"
+        });
+      } else {
+        this.setState({
+          color: "navbar-transparent"
+        });
+      }
+    });
+    // this function opens and closes the collapse on small devices
+    _defineProperty(this, "toggleCollapse", () => {
+      if (this.state.collapseOpen) {
+        this.setState({
+          color: "navbar-transparent"
+        });
+      } else {
+        this.setState({
+          color: "bg-white"
+        });
+      }
+      this.setState({
+        collapseOpen: !this.state.collapseOpen
+      });
+    });
+    // this function is to open the Search modal
+    _defineProperty(this, "toggleModalSearch", () => {
+      this.setState({
+        modalSearch: !this.state.modalSearch
+      });
+    });
     this.state = {
       collapseOpen: false,
       color: "navbar-transparent",
@@ -52,40 +88,6 @@ class HomeNavbar extends _react.default.Component {
       });
     }
   }
-
-  // function that adds color white/transparent to the navbar on resize (this is for the collapse)
-  updateColor = () => {
-    if (window.innerWidth < 993 && this.state.collapseOpen) {
-      this.setState({
-        color: "bg-white"
-      });
-    } else {
-      this.setState({
-        color: "navbar-transparent"
-      });
-    }
-  };
-  // this function opens and closes the collapse on small devices
-  toggleCollapse = () => {
-    if (this.state.collapseOpen) {
-      this.setState({
-        color: "navbar-transparent"
-      });
-    } else {
-      this.setState({
-        color: "bg-white"
-      });
-    }
-    this.setState({
-      collapseOpen: !this.state.collapseOpen
-    });
-  };
-  // this function is to open the Search modal
-  toggleModalSearch = () => {
-    this.setState({
-      modalSearch: !this.state.modalSearch
-    });
-  };
   launchView(path) {
     let actionConfig = {};
     actionConfig.actionType = 'route';

package/dist/components/navbars/PortalNavbar.js

@@ -14,8 +14,7 @@ var _reactstrap = require("reactstrap");
 var _ActionHandlers = _interopRequireDefault(require("../../event/ActionHandlers"));
 var _ApplicationManager = _interopRequireWildcard(require("../../ApplicationManager"));
 var _Utils = _interopRequireDefault(require("../../Utils"));
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const useStyles = (0, _styles.makeStyles)(theme => ({
   iconButtonLabel: {

package/dist/components/signatures/AgilitySignaturePanel.js

@@ -13,7 +13,7 @@ var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent
 var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
 var _SignatureInput = _interopRequireDefault(require("../signatures/SignatureInput"));
 var _htmlToImage = require("html-to-image");
-var _DocumentContainer = _interopRequireDefault(require("./DocumentContainer"));
+var _HtmlSignatureDocumentContainer = _interopRequireDefault(require("./HtmlSignatureDocumentContainer"));
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 var _reactPromiseTracker = require("react-promise-tracker");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -129,7 +129,12 @@ const AgilitySignaturePanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_rea
   }
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      padding: '4px 32px'
+      padding: '4px 32px',
+      height: 'calc(100vh - 232px)',
+      display: 'flex',
+      flexDirection: 'column',
+      overflow: 'hidden',
+      minHeight: 0
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
@@ -145,20 +150,31 @@ const AgilitySignaturePanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_rea
     }
   })), /*#__PURE__*/_react.default.createElement(_Dialog.default, {
     open: open,
-    maxWidth: 'xl',
+    maxWidth: "lg",
+    fullWidth: true,
     "aria-labelledby": "alert-dialog-title",
-    "aria-describedby": "alert-dialog-description"
+    "aria-describedby": "alert-dialog-description",
+    PaperProps: {
+      sx: {
+        width: '70vw',
+        maxWidth: '900px',
+        height: '40vh',
+        overflowX: "hidden"
+      }
+    }
   }, /*#__PURE__*/_react.default.createElement(_DialogTitle.default, {
     id: "alert-dialog-title"
-  }, "Signature Input"), /*#__PURE__*/_react.default.createElement(_DialogContent.default, null, /*#__PURE__*/_react.default.createElement(_SignatureInput.default, {
+  }, "Signature Input"), /*#__PURE__*/_react.default.createElement(_DialogContent.default, {
+    sx: {
+      overflowY: 'auto'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_SignatureInput.default, {
     mode: inputMode,
     signing: signing,
     imageProcessingUrl: props.imageProcessingUrl,
     signatureImageUrl: props.signatureImageUrl,
     systemImage: systemSignatures,
-    systemSignaturesChangeHandler: newSignatures => {
-      setSystemSignatures(newSignatures);
-    },
+    systemSignaturesChangeHandler: setSystemSignatures,
     callback: function (action) {
       let mode = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
       let data = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
@@ -169,11 +185,12 @@ const AgilitySignaturePanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_rea
       }
     }
   }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "doc-container-toolbar",
     style: {
-      border: '1px solid #f1f1f1',
       height: '64px',
-      width: '100%',
-      borderRadius: '4px'
+      borderRadius: '4px',
+      flexShrink: 0,
+      backgroundColor: '#fff'
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: 'row',
@@ -211,11 +228,14 @@ const AgilitySignaturePanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_rea
       color: 'rgba(0, 0, 0, 0.54)'
     })
   }, "SIGN")))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "doc-container-body",
     style: {
-      width: '100%',
-      overflowX: 'hidden'
+      flex: 1,
+      overflowY: 'auto',
+      overflowX: 'hidden',
+      minHeight: 0
     }
-  }, /*#__PURE__*/_react.default.createElement(_DocumentContainer.default, {
+  }, props.config.signaturePlacementStrategy === 'TEMPLATE' ? /*#__PURE__*/_react.default.createElement(_HtmlSignatureDocumentContainer.default, {
     config: props.config,
     onInputValueChange: sig => {
       setRefresher(!refresher);
@@ -223,6 +243,10 @@ const AgilitySignaturePanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_rea
     signatureImage: signatureImage,
     initialImage: initialImage,
     refresher: refresher
-  })));
+  }) : /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      padding: '32px'
+    }
+  }, "Unsupported signature placement strategy")));
 }));
 var _default = exports.default = AgilitySignaturePanel;

package/dist/components/signatures/{DocumentContainer.js → HtmlSignatureDocumentContainer.js}

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 require("./DocumentContainer.css");
 var _reactHtmlRenderer = _interopRequireDefault(require("react-html-renderer"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DocumentContainer = props => {
+const HtmlSignatureDocumentContainer = props => {
   const [documentContent, setDocumentContent] = _react.default.useState(null);
   const [signatureImage, setSignatureImage] = _react.default.useState(null);
   const [initialImage, setInitialImage] = _react.default.useState(null);
@@ -55,8 +55,8 @@ const DocumentContainer = props => {
           }
           console.log(signingInput.tagName + " - " + signingInput.index + " - " + initialImage);
           console.log(signingInput);
-          template = template.replace(signingInput.tagName + '_', `<sgvp${signingInput.index} />`);
-          rendererProps[`sgvp${signingInput.index}`] = () => /*#__PURE__*/_react.default.createElement("div", {
+          template = template.replace(signingInput.tagName + '_', "<sgvp".concat(signingInput.index, " />"));
+          rendererProps["sgvp".concat(signingInput.index)] = () => /*#__PURE__*/_react.default.createElement("div", {
             style: {
               borderRadius: '4px',
               position: 'absolute',
@@ -136,4 +136,4 @@ const DocumentContainer = props => {
     components: htmlRendererProps
   })) : null;
 };
-var _default = exports.default = DocumentContainer;
+var _default = exports.default = HtmlSignatureDocumentContainer;

package/dist/components/signatures/ImageSignatureInput.js

@@ -14,6 +14,11 @@ var _reactPromiseTracker = require("react-promise-tracker");
 var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
 var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const useStyles = (0, _styles.makeStyles)(theme => ({
   button: {
     margin: theme.spacing(1)
@@ -110,11 +115,11 @@ const ImageSignatureInput = exports.ImageSignatureInput = /*#__PURE__*/_react.de
   }, /*#__PURE__*/_react.default.createElement("input", {
     accept: "image/jpeg,image/gif,image/png,image/x-eps",
     className: classes.input,
-    id: `contained-button-file`,
+    id: "contained-button-file",
     onChange: handleChange(),
     type: "file"
   }), /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: `contained-button-file`
+    htmlFor: "contained-button-file"
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     component: "span",
     variant: 'contained',
@@ -140,10 +145,9 @@ const ImageSignatureInput = exports.ImageSignatureInput = /*#__PURE__*/_react.de
     },
     onClick: () => {
       process(data => {
-        setValue({
-          ...value,
+        setValue(_objectSpread(_objectSpread({}, value), {}, {
           url: data
-        });
+        }));
       }, value.url, 'rotateLeft');
     },
     startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -163,10 +167,9 @@ const ImageSignatureInput = exports.ImageSignatureInput = /*#__PURE__*/_react.de
     },
     onClick: () => {
       process(data => {
-        setValue({
-          ...value,
+        setValue(_objectSpread(_objectSpread({}, value), {}, {
           url: data
-        });
+        }));
       }, value.url, 'rotateRight');
     },
     startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -174,17 +177,25 @@ const ImageSignatureInput = exports.ImageSignatureInput = /*#__PURE__*/_react.de
     })
   })) : null), !_Utils.default.isNull(value) ? /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      margin: 'auto',
-      overflow: 'hidden',
-      padding: '24p',
-      backgroundRepeat: 'no-repeat',
-      backgroundSize: 'cover',
-      backgroundColor: 'transparent',
-      backgroundImage: `url(${require('./transparent.jpeg')})`
+      width: '100%',
+      marginTop: '16px',
+      backgroundImage: "url(".concat(require('./transparent.jpeg'), ")"),
+      backgroundRepeat: 'repeat',
+      backgroundSize: 'auto',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center'
     }
   }, /*#__PURE__*/_react.default.createElement("img", {
     src: value.url,
-    alt: ''
+    alt: "",
+    style: {
+      height: '100%',
+      // 👈 fit by height
+      width: 'auto',
+      maxWidth: '100%',
+      objectFit: 'contain'
+    }
   })) : null, uploaded ? /*#__PURE__*/_react.default.createElement("div", {
     className: 'row',
     style: {

package/dist/components/signatures/ResponsiveTable.js

@@ -360,7 +360,7 @@ function EnhancedTable(props) {
     id: "mainTableBody"
   }, stableSort(rows, getSorting(order, orderBy)).map((row, index) => {
     const isItemSelected = isSelected(row.map.id);
-    const labelId = `enhanced-table-checkbox-${index}`;
+    const labelId = "enhanced-table-checkbox-".concat(index);
     let counter = 0;
     return /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Tr, {
       style: {

package/dist/components/signatures/SearchView.js

@@ -46,7 +46,7 @@ function SearchView(props) {
   const deleteRecord = () => {
     setPromptOpen(false);
     // TODO : support bulk delete when nulti select is enabled
-    let url = `${props.deleteUrl}?id=${selection[0].Id}`;
+    let url = "".concat(props.deleteUrl, "?id=").concat(selection[0].Id);
     utils.invokeUrl(url, data => {
       setSelection([]);
       setMessage(data.Message);