@agilemotion/oui-react-js 1.8.56 → 1.8.58

package/dist/components/form/TextField.js

@@ -11,16 +11,16 @@ var _BaseField = require("./BaseField");
 var _Utils = _interopRequireDefault(require("../../Utils"));
 var _reactRedux = require("react-redux");
 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 _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); }
 const TextFieldWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  var _props$config$attribu, _props$config$attribu2, _props$config$attribu3, _props$config$attribu4;
   const base = props.base;
   const [multiline] = _react.default.useState(props.multiline);
-  const width = !_Utils.default.isNull(props.config.attributes?.style?.width) ? props.config.attributes.style.width : "100%";
-  const maxWidth = !_Utils.default.isNull(props.config.attributes?.style?.maxWidth) ? props.config.attributes.style.maxWidth : null;
-  const minWidth = !_Utils.default.isNull(props.config.attributes?.style?.minWidth) ? props.config.attributes.style.minWidth : "240px";
-  const height = !_Utils.default.isNull(props.config.attributes?.style?.height) ? props.config.attributes.style.height : multiline ? '200px' : null;
+  const width = !_Utils.default.isNull((_props$config$attribu = props.config.attributes) === null || _props$config$attribu === void 0 || (_props$config$attribu = _props$config$attribu.style) === null || _props$config$attribu === void 0 ? void 0 : _props$config$attribu.width) ? props.config.attributes.style.width : "100%";
+  const maxWidth = !_Utils.default.isNull((_props$config$attribu2 = props.config.attributes) === null || _props$config$attribu2 === void 0 || (_props$config$attribu2 = _props$config$attribu2.style) === null || _props$config$attribu2 === void 0 ? void 0 : _props$config$attribu2.maxWidth) ? props.config.attributes.style.maxWidth : null;
+  const minWidth = !_Utils.default.isNull((_props$config$attribu3 = props.config.attributes) === null || _props$config$attribu3 === void 0 || (_props$config$attribu3 = _props$config$attribu3.style) === null || _props$config$attribu3 === void 0 ? void 0 : _props$config$attribu3.minWidth) ? props.config.attributes.style.minWidth : "240px";
+  const height = !_Utils.default.isNull((_props$config$attribu4 = props.config.attributes) === null || _props$config$attribu4 === void 0 || (_props$config$attribu4 = _props$config$attribu4.style) === null || _props$config$attribu4 === void 0 ? void 0 : _props$config$attribu4.height) ? props.config.attributes.style.height : multiline ? '200px' : null;
   const secondaryColor = (0, _reactRedux.useSelector)(state => state.dashboard.secondaryThemeColor);
   const textRef = (0, _react.useRef)(null);
   const [rows, setRows] = (0, _react.useState)(1);

package/dist/components/form/TimePicker.js

@@ -68,9 +68,10 @@ const TimePicker = props => {
       if (!_Utils.default.isNull(value)) {
         if (!value.toString().includes("T")) {
           if (typeof value === "string") {
+            var _parts$, _parts$2;
             const parts = value.split(":");
-            const hours = Number(parts[0] ?? 0);
-            const minutes = Number(parts[1] ?? 0);
+            const hours = Number((_parts$ = parts[0]) !== null && _parts$ !== void 0 ? _parts$ : 0);
+            const minutes = Number((_parts$2 = parts[1]) !== null && _parts$2 !== void 0 ? _parts$2 : 0);
             const dateObject = new Date();
             dateObject.setHours(hours, minutes);
             return inbound ? dateObject : dateObject.toLocaleTimeString("it-IT", {

package/dist/components/form/TransferList.js

@@ -100,7 +100,7 @@ const TransferListComponent = /*#__PURE__*/_react.default.memo((props, ref) => {
   }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
     item: true,
     style: {
-      border: `1px solid ${base.hasError ? '#f44336' : '#e1e1e1'}`,
+      border: "1px solid ".concat(base.hasError ? '#f44336' : '#e1e1e1'),
       width: '45%',
       minWidth: '240px',
       borderRadius: '4px'
@@ -143,7 +143,7 @@ const TransferListComponent = /*#__PURE__*/_react.default.memo((props, ref) => {
   }, "<"))), /*#__PURE__*/_react.default.createElement(_Grid.default, {
     item: true,
     style: {
-      border: `1px solid ${base.hasError ? '#f44336' : '#e1e1e1'}`,
+      border: "1px solid ".concat(base.hasError ? '#f44336' : '#e1e1e1'),
       width: '45%',
       minWidth: '240px',
       borderRadius: '4px'

package/dist/components/form/UploadField.js

@@ -212,14 +212,14 @@ const DocumentUpload = exports.DocumentUpload = /*#__PURE__*/_react.default.memo
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("input", {
     accept: props.style === 'IMAGE' ? "image/jpeg,image/gif,image/png,image/x-eps" : "image/jpeg,image/gif,image/png,application/pdf,image/x-eps",
     className: classes.input,
-    id: `contained-button-file-${props.config.id}`,
+    id: "contained-button-file-".concat(props.config.id),
     disabled: base.disabled,
     required: base.required,
     multiple: multiple,
     onChange: handleChange(),
     type: "file"
   }), props.style === 'IMAGE' ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: `contained-button-file-${props.config.id}`
+    htmlFor: "contained-button-file-".concat(props.config.id)
   }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Button.default, {
     variant: "contained",
     component: "span",
@@ -233,7 +233,7 @@ const DocumentUpload = exports.DocumentUpload = /*#__PURE__*/_react.default.memo
       backgroundColor: 'transparent',
       border: base.hasError ? "1px solid #f44336" : null,
       color: base.hasError ? "#f44336" : null,
-      backgroundImage: !_Utils.default.isNull(viewerFile) ? `url(${viewerFile.base64})` : !_Utils.default.isNull(base.value) ? `url(${location + _ApplicationManager.default.getContextRoot() + '/docs/api/v1/manager/download/' + base.value.documentRepositoryId + '?access_token=' + sessionStorage.getItem("accessToken") + '&idToken=' + sessionStorage.getItem("idToken")})` : `url(${_noimage.default})`
+      backgroundImage: !_Utils.default.isNull(viewerFile) ? "url(".concat(viewerFile.base64, ")") : !_Utils.default.isNull(base.value) ? "url(".concat(location + _ApplicationManager.default.getContextRoot() + '/docs/api/v1/manager/download/' + base.value.documentRepositoryId + '?access_token=' + sessionStorage.getItem("accessToken") + '&idToken=' + sessionStorage.getItem("idToken"), ")") : "url(".concat(_noimage.default, ")")
     }
   })), base.hasError ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
     style: {
@@ -241,7 +241,7 @@ const DocumentUpload = exports.DocumentUpload = /*#__PURE__*/_react.default.memo
       padding: "0 8px"
     }
   }, base.errorMessage)) : null)) : /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: `contained-button-file-${props.config.id}`
+    htmlFor: "contained-button-file-".concat(props.config.id)
   }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Button.default, {
     variant: "contained",
     component: "span",
@@ -264,7 +264,7 @@ const DocumentUpload = exports.DocumentUpload = /*#__PURE__*/_react.default.memo
     "aria-haspopup": "true",
     onClick: () => {
       base.handleValueChange(null);
-      document.getElementById(`contained-button-file-${props.config.id}`).value = null;
+      document.getElementById("contained-button-file-".concat(props.config.id)).value = null;
       if (cacheId.current) {
         remove().then(() => cacheId.current = null).catch(e => {});
       }

package/dist/components/grid/GridContainer.js

@@ -8,8 +8,11 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/styles");
 var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
+const _excluded = ["children", "className"];
 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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const styles = {
   grid: {
     margin: "0 -15px",
@@ -20,10 +23,10 @@ const useStyles = (0, _styles.makeStyles)(styles);
 function GridContainer(props) {
   const classes = useStyles();
   const {
-    children,
-    className,
-    ...rest
-  } = props;
+      children,
+      className
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Grid.default, _extends({
     container: true
   }, rest, {

package/dist/components/grid/GridItem.js

@@ -8,8 +8,11 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/styles");
 var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
+const _excluded = ["children", "className"];
 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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const styles = {
   grid: {
     padding: "0 15px !important"
@@ -19,10 +22,10 @@ const useStyles = (0, _styles.makeStyles)(styles);
 function GridItem(props) {
   const classes = useStyles();
   const {
-    children,
-    className,
-    ...rest
-  } = props;
+      children,
+      className
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Grid.default, _extends({
     item: true
   }, rest, {

package/dist/components/layout/CollapsiblePanel.js

@@ -9,14 +9,16 @@ var _reactstrap = require("reactstrap");
 var _MenuItem = _interopRequireDefault(require("material-ui/MenuItem"));
 var _colors = require("material-ui/styles/colors");
 var _Utils = _interopRequireDefault(require("../../Utils"));
+const _excluded = ["children"];
 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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function CollapsiblePanel(_ref) {
   let {
-    children,
-    ...props
-  } = _ref;
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const {
     title,
     collapse

package/dist/components/layout/Layout.js

@@ -36,8 +36,7 @@ var _Spinner = _interopRequireDefault(require("../Spinner"));
 require("./Layout.css");
 var _Chat = _interopRequireDefault(require("../media/Chat"));
 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 Layout = props => {
   const [componentHandles] = _react.default.useState({});
   const [loadedComponents] = _react.default.useState([]);
@@ -48,7 +47,8 @@ const Layout = props => {
   });
   _react.default.useEffect(() => {
     if (props.tableRow) {
-      props.config.id = props.config.id + '_' + props.tableRow.id?.replaceAll('-', '');
+      var _props$tableRow$id;
+      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.handle.api = api();
     let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
@@ -400,14 +400,14 @@ const Layout = props => {
           height: height,
           width: width
         },
-        className: `${className} col-*-* no-margin no-spacing`
+        className: "".concat(className, " col-*-* no-margin no-spacing")
       }, renderComponent(component, null));
     }));
   }
   return /*#__PURE__*/_react.default.createElement("div", {
     id: props.config.id,
     style: getLayoutStyle(props.config, 'transparent'),
-    className: `${_Utils.default.getComponentAttribute(props.config, 'className', 'default-oui-layout') + (props.config.orientation === 'HORIZONTAL' ? ' row' : '')}`,
+    className: "".concat(_Utils.default.getComponentAttribute(props.config, 'className', 'default-oui-layout') + (props.config.orientation === 'HORIZONTAL' ? ' row' : '')),
     key: props.config.id
   }, render(props.config));
 };

package/dist/components/layout/View.js

@@ -15,8 +15,7 @@ var _DynamicJS = _interopRequireWildcard(require("./../../DynamicJS"));
 var _DynamicLib = _interopRequireDefault(require("../../js/DynamicLib"));
 require("./View.css");
 require("./VC.css");
-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 View = props => {
   const [layoutHandle] = _react.default.useState({});
@@ -109,14 +108,16 @@ const View = props => {
       }
       const headerEl = el.querySelector('.sticky-header');
       if (headerEl) {
+        var _getComputedStyle$get;
         // initialize the var to the floor so layout is valid before first callback
-        const floor = getComputedStyle(el).getPropertyValue('--view-header-min')?.trim() || '112px';
+        const floor = ((_getComputedStyle$get = getComputedStyle(el).getPropertyValue('--view-header-min')) === null || _getComputedStyle$get === void 0 ? void 0 : _getComputedStyle$get.trim()) || '112px';
         el.style.setProperty('--view-header-h', floor);
         ro = new ResizeObserver(_ref => {
+          var _ref2, _ref3, _entry$borderBoxSize$, _entry$borderBoxSize, _entry$borderBoxSize2, _entry$contentBoxSize;
           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`);
+          const h = (_ref2 = (_ref3 = (_entry$borderBoxSize$ = (_entry$borderBoxSize = entry.borderBoxSize) === null || _entry$borderBoxSize === void 0 || (_entry$borderBoxSize = _entry$borderBoxSize[0]) === null || _entry$borderBoxSize === void 0 ? void 0 : _entry$borderBoxSize.blockSize) !== null && _entry$borderBoxSize$ !== void 0 ? _entry$borderBoxSize$ : (_entry$borderBoxSize2 = entry.borderBoxSize) === null || _entry$borderBoxSize2 === void 0 ? void 0 : _entry$borderBoxSize2.blockSize) !== null && _ref3 !== void 0 ? _ref3 : (_entry$contentBoxSize = entry.contentBoxSize) === null || _entry$contentBoxSize === void 0 || (_entry$contentBoxSize = _entry$contentBoxSize[0]) === null || _entry$contentBoxSize === void 0 ? void 0 : _entry$contentBoxSize.blockSize) !== null && _ref2 !== void 0 ? _ref2 : entry.contentRect.height;
+          el.style.setProperty('--view-header-h', "".concat(h, "px"));
         });
         ro.observe(headerEl);
       }

package/dist/components/layout/ViewContainer.js

@@ -11,8 +11,7 @@ var _Utils = _interopRequireDefault(require("../../Utils"));
 var _View = require("./View");
 var _reactRouterDom = require("react-router-dom");
 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 ViewContainer = props => {
   const counter = (0, _react.useRef)(0);
   const params = (0, _reactRouterDom.useParams)();

package/dist/components/layout/ViewPort.js

@@ -47,7 +47,7 @@ const ViewPort = props => {
       height: 'calc(100vh - 72px)',
       maxHeight: 'calc(100vh - 72px)',
       position: 'fixed',
-      width: props.windowPinned ? `calc(100% - ${props.menuOffset}px - 328px - 12px)` : `calc(100% - ${props.menuOffset}px - 12px)`,
+      width: props.windowPinned ? "calc(100% - ".concat(props.menuOffset, "px - 328px - 12px)") : "calc(100% - ".concat(props.menuOffset, "px - 12px)"),
       borderRadius: '4px'
     }
   }, /*#__PURE__*/_react.default.createElement(_PopupView.default, {

package/dist/components/layout/Window.js

@@ -13,8 +13,7 @@ var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 var _WindowDialog = _interopRequireDefault(require("./WindowDialog"));
 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 _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); }
 const minimizeWidth = '848';
 const PaperComponent = props => {
@@ -264,7 +263,7 @@ const Window = props => {
     style: {
       overflow: 'hidden'
     },
-    className: `${(displayState === 'PINNED' ? 'window-pinned ' : '') + 'w-100 h-100'}`
+    className: "".concat((displayState === 'PINNED' ? 'window-pinned ' : '') + 'w-100 h-100')
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: 'meeting-window-header',
     id: "meeting-window-header"

package/dist/components/layout/WindowDialog.js

@@ -7,10 +7,12 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+const _excluded = ["classes", "leftOffset"];
 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 _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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const withStyledDialog = Component => (0, _withStyles.default)(theme => ({
   root: {
     pointerEvents: "none",
@@ -21,7 +23,7 @@ const withStyledDialog = Component => (0, _withStyles.default)(theme => ({
   },
   paper: props => ({
     pointerEvents: "auto",
-    width: `100%`,
+    width: "100%",
     maxWidth: "100%",
     height: "calc(100% - 112px)",
     position: "absolute",
@@ -38,10 +40,10 @@ const withStyledDialog = Component => (0, _withStyles.default)(theme => ({
   })
 }))(_ref => {
   let {
-    classes,
-    leftOffset,
-    ...props
-  } = _ref;
+      classes,
+      leftOffset
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(Component, _extends({}, props, {
     classes: {
       paper: classes.paper,

package/dist/components/layout/WindowViewPort.js

@@ -13,8 +13,7 @@ var _Icon = _interopRequireDefault(require("../Icon"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _Utils = _interopRequireDefault(require("../../Utils"));
 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 WindowViewContainer = props => {
   const [view, setView] = _react.default.useState(null);
   const [pinned, setPinned] = _react.default.useState(false);
@@ -58,7 +57,8 @@ const WindowViewContainer = props => {
   const renderView = () => {
     let windowLeftOffset;
     if (view) {
-      let windowLeftOffsetParam = view.parameters?.find(p => p.name === 'windowLeftOffset');
+      var _view$parameters;
+      let windowLeftOffsetParam = (_view$parameters = view.parameters) === null || _view$parameters === void 0 ? void 0 : _view$parameters.find(p => p.name === 'windowLeftOffset');
       if (windowLeftOffsetParam) {
         windowLeftOffset = windowLeftOffsetParam.value;
       }

package/dist/components/media/Chat.js

@@ -15,6 +15,7 @@ var _RestService = require("../../RestService");
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Chat = props => {
+  var _props$config$attribu;
   const [chat, setChat] = _react.default.useState(null);
   _react.default.useEffect(() => {
     props.handle.api = api();
@@ -74,7 +75,7 @@ const Chat = props => {
       height: '100%'
     }, props.config)
   }, chat && /*#__PURE__*/_react.default.createElement(_ChatRoom.default, {
-    headerStyle: props.config.attributes?.headerStyle,
+    headerStyle: (_props$config$attribu = props.config.attributes) === null || _props$config$attribu === void 0 ? void 0 : _props$config$attribu.headerStyle,
     chatTab: true,
     selectedChat: chat,
     isHost: false,

package/dist/components/media/MediaSoupHelper.js

@@ -9,20 +9,65 @@ var _VCEventType = require("./VCEventType");
 var _SocketManager = _interopRequireDefault(require("../SocketManager"));
 var _VCEventManager = _interopRequireDefault(require("./VCEventManager"));
 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); }
 class MediaSoupHelper {
-  constructor() {}
-  getParticipantDevice = async routerRtpCapabilities => {
-    let device;
-    try {
-      device = new _mediasoupClient.Device();
-    } catch (error) {
-      console.error(error);
-    }
-    await device.load({
-      routerRtpCapabilities
+  constructor() {
+    _defineProperty(this, "getParticipantDevice", async routerRtpCapabilities => {
+      let device;
+      try {
+        device = new _mediasoupClient.Device();
+      } catch (error) {
+        console.error(error);
+      }
+      await device.load({
+        routerRtpCapabilities
+      });
+      return device;
+    });
+    _defineProperty(this, "getConsumeStream", async (producerId, rtpCapabilities, consumerTransport, roomId, userId, type) => {
+      console.log("CONSUMING FROM : " + producerId + " ROOM : " + roomId);
+      if (consumerTransport) {
+        const data = await _SocketManager.default.emitEvent(_VCEventType.VCEventType.CONSUME, {
+          rtpCapabilities,
+          consumerTransportId: consumerTransport.id,
+          producerId,
+          roomId,
+          userId,
+          kind: type
+        });
+        if (data.params) {
+          const {
+            id,
+            kind,
+            rtpParameters
+          } = data.params;
+          let codecOptions = {};
+          try {
+            const consumer = await consumerTransport.consume({
+              id,
+              producerId,
+              kind,
+              rtpParameters,
+              codecOptions
+            });
+            console.log(consumer);
+            const stream = new MediaStream();
+            stream.addTrack(consumer.track);
+            return {
+              consumer,
+              stream,
+              kind
+            };
+          } catch (e) {
+            console.error(e);
+          }
+        }
+      }
+      return {};
     });
-    return device;
-  };
+  }
   async initConsumerTransport(device, roomId, userId) {
     console.log("CREATING CONSUMER TRANSPORT FOR : " + userId + " ROOM " + roomId);
     let data = null;
@@ -141,47 +186,6 @@ class MediaSoupHelper {
     }.bind(this));
     return producerTransport;
   }
-  getConsumeStream = async (producerId, rtpCapabilities, consumerTransport, roomId, userId, type) => {
-    console.log("CONSUMING FROM : " + producerId + " ROOM : " + roomId);
-    if (consumerTransport) {
-      const data = await _SocketManager.default.emitEvent(_VCEventType.VCEventType.CONSUME, {
-        rtpCapabilities,
-        consumerTransportId: consumerTransport.id,
-        producerId,
-        roomId,
-        userId,
-        kind: type
-      });
-      if (data.params) {
-        const {
-          id,
-          kind,
-          rtpParameters
-        } = data.params;
-        let codecOptions = {};
-        try {
-          const consumer = await consumerTransport.consume({
-            id,
-            producerId,
-            kind,
-            rtpParameters,
-            codecOptions
-          });
-          console.log(consumer);
-          const stream = new MediaStream();
-          stream.addTrack(consumer.track);
-          return {
-            consumer,
-            stream,
-            kind
-          };
-        } catch (e) {
-          console.error(e);
-        }
-      }
-    }
-    return {};
-  };
 }
 const instance = new MediaSoupHelper();
 Object.freeze(instance);

package/dist/components/media/SocketRequest.js

@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-class SocketRequest {
-  static REGISTER_ONLINE = "REGISTER_ONLINE";
-  static JOIN_MEETING = "JOIN_MEETING";
-  static GET_LOBBY = "GET_LOBBY";
-  static REQUEST_TO_JOIN_MEETING = "REQUEST_TO_JOIN_MEETING";
-}
-exports.default = SocketRequest;
+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); }
+class SocketRequest {}
+exports.default = SocketRequest;
+_defineProperty(SocketRequest, "REGISTER_ONLINE", "REGISTER_ONLINE");
+_defineProperty(SocketRequest, "JOIN_MEETING", "JOIN_MEETING");
+_defineProperty(SocketRequest, "GET_LOBBY", "GET_LOBBY");
+_defineProperty(SocketRequest, "REQUEST_TO_JOIN_MEETING", "REQUEST_TO_JOIN_MEETING");

package/dist/components/media/SocketResponse.js

@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-class SocketResponse {
-  static WAITING_FOR_PERMISSION = "WAITING_FOR_PERMISSION";
-  static JOIN_MEETING_PERMIT = "JOIN_MEETING_PERMIT";
-}
-exports.default = SocketResponse;
+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); }
+class SocketResponse {}
+exports.default = SocketResponse;
+_defineProperty(SocketResponse, "WAITING_FOR_PERMISSION", "WAITING_FOR_PERMISSION");
+_defineProperty(SocketResponse, "JOIN_MEETING_PERMIT", "JOIN_MEETING_PERMIT");

package/dist/components/media/Timer.js

@@ -12,8 +12,7 @@ var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
 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); }
 /* eslint-disable react-hooks/exhaustive-deps */
 
 const MINUTE = 60000;

package/dist/components/media/Toolbar.js

@@ -15,8 +15,7 @@ var _Timer = _interopRequireDefault(require("./Timer"));
 var _ToolbarButton = _interopRequireDefault(require("./ToolbarButton"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 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); }
 /* eslint-disable react-hooks/exhaustive-deps */
 
 const Toolbar = props => {
@@ -76,7 +75,8 @@ const Toolbar = props => {
     } else {
       let names = [];
       for (const raisedHand of raisedHands) {
-        names.push(participants.find(p => p.userId === raisedHand)?.name);
+        var _participants$find;
+        names.push((_participants$find = participants.find(p => p.userId === raisedHand)) === null || _participants$find === void 0 ? void 0 : _participants$find.name);
       }
       setRaisedHandsNames(names);
     }