versacall-core-library-react 2.0.66 → 2.0.67

package/dist/components/CoreDrawer/CoreDrawer.js

@@ -1,128 +1,77 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactRouterDom = require("react-router-dom");
-
 var _UnfoldMore = _interopRequireDefault(require("@material-ui/icons/UnfoldMore"));
-
 var _UnfoldLess = _interopRequireDefault(require("@material-ui/icons/UnfoldLess"));
-
 var _ListItemIcon = _interopRequireDefault(require("@material-ui/core/ListItemIcon"));
-
 var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
-
 var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
-
 var _Divider = _interopRequireDefault(require("@material-ui/core/Divider"));
-
 var _Drawer = _interopRequireDefault(require("@material-ui/core/Drawer"));
-
 var _reactIntl = require("react-intl");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Authentication = require("../../context/Authentication");
-
 var _Organization = require("../../context/Organization");
-
 var _Channels = require("../../context/Channels");
-
 var _functions = require("../../functions");
-
 var _Core = require("../../context/Core");
-
 var _CoreFrame = _interopRequireDefault(require("../CoreFrame"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var namespace = 'CoreDrawer';
-
-var styles = function styles(theme) {
-  return {
-    root: {
-      display: 'flex',
-      height: 'calc(100vh - 64px)',
-      overflow: 'hidden'
-    },
-    drawerPaper: {
-      position: 'relative',
-      whiteSpace: 'nowrap'
-    },
-    drawerPaperClose: _defineProperty({
-      position: 'relative',
-      overflowX: 'hidden',
-      width: theme.spacing.unit * 7
-    }, theme.breakpoints.up('sm'), {
+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 _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 namespace = 'CoreDrawer';
+const styles = theme => ({
+  root: {
+    display: 'flex',
+    height: 'calc(100vh - 64px)',
+    overflow: 'hidden'
+  },
+  drawerPaper: {
+    position: 'relative',
+    whiteSpace: 'nowrap'
+  },
+  drawerPaperClose: {
+    position: 'relative',
+    overflowX: 'hidden',
+    width: theme.spacing.unit * 7,
+    [theme.breakpoints.up('sm')]: {
       width: theme.spacing.unit * 9
-    }),
-    content: {
-      position: 'relative',
-      width: '100%'
-    },
-    icon: {
-      verticalAlign: 'middle',
-      height: 24,
-      width: 24
-    },
-    rotate: {
-      '-webkit-transform': 'rotate(90deg)',
-      '-moz-transform': 'rotate(90deg)',
-      '-ms-transform': 'rotate(90deg)',
-      '-o-transform': 'rotate(90deg)',
-      transform: 'rotate(90deg)'
-    },
-    dividerRootStart: {
-      height: 2
-    },
-    dividerRoot: {
-      height: 2,
-      marginTop: 8,
-      marginBottom: 8
     }
-  };
-};
-
-var style = {
+  },
+  content: {
+    position: 'relative',
+    width: '100%'
+  },
+  icon: {
+    verticalAlign: 'middle',
+    height: 24,
+    width: 24
+  },
+  rotate: {
+    '-webkit-transform': 'rotate(90deg)',
+    '-moz-transform': 'rotate(90deg)',
+    '-ms-transform': 'rotate(90deg)',
+    '-o-transform': 'rotate(90deg)',
+    transform: 'rotate(90deg)'
+  },
+  dividerRootStart: {
+    height: 2
+  },
+  dividerRoot: {
+    height: 2,
+    marginTop: 8,
+    marginBottom: 8
+  }
+});
+const style = {
   navLink: {
     textDecoration: 'none'
   },
@@ -131,206 +80,142 @@ var style = {
     pointerEvents: 'none'
   }
 };
-
-var CoreDrawer = /*#__PURE__*/function (_Component) {
-  _inherits(CoreDrawer, _Component);
-
-  var _super = _createSuper(CoreDrawer);
-
-  function CoreDrawer() {
-    var _this;
-
-    _classCallCheck(this, CoreDrawer);
-
-    _this = _super.call(this);
-    _this.state = {
+class CoreDrawer extends _react.Component {
+  constructor() {
+    super();
+    this.state = {
       apps: [],
       drawerOpen: true
     };
-    return _this;
   }
-
-  _createClass(CoreDrawer, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.props.core.log('verbose', namespace, 'componentDidMount()', 'Start');
+  componentDidMount() {
+    this.props.core.log('verbose', namespace, 'componentDidMount()', 'Start');
+    this.updateApps();
+  }
+  componentDidUpdate(prevProps) {
+    if (this.props.authentication.didChange(prevProps.authentication) || this.props.organization.didChange(prevProps.organization)) {
       this.updateApps();
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (this.props.authentication.didChange(prevProps.authentication) || this.props.organization.didChange(prevProps.organization)) {
-        this.updateApps();
-      }
+  }
+  getTranslatedName(app) {
+    // Look at translation array to get the appropriate name for the component
+    const translation = app.translations.find(x => x.languageCode === this.props.intl.locale);
+    if (translation !== undefined) {
+      return translation.name;
     }
-  }, {
-    key: "getTranslatedName",
-    value: function getTranslatedName(app) {
-      var _this2 = this;
-
-      // Look at translation array to get the appropriate name for the component
-      var translation = app.translations.find(function (x) {
-        return x.languageCode === _this2.props.intl.locale;
-      });
-
-      if (translation !== undefined) {
-        return translation.name;
+    return app.name;
+  }
+  getAppVersion(routeProps) {
+    const path = routeProps.match.params.app;
+    if (path !== undefined) {
+      const component = this.state.apps.find(_component => (0, _functions.getUrl)(_component.metadata) === "/".concat(path));
+      if (component) {
+        return component.version;
       }
-
-      return app.name;
     }
-  }, {
-    key: "getAppVersion",
-    value: function getAppVersion(routeProps) {
-      var path = routeProps.match.params.app;
-
-      if (path !== undefined) {
-        var component = this.state.apps.find(function (_component) {
-          return (0, _functions.getUrl)(_component.metadata) === "/".concat(path);
-        });
-
-        if (component) {
-          return component.version;
+    return null;
+  }
+  handleClick() {
+    this.setState(prevState => ({
+      drawerOpen: !prevState.drawerOpen
+    }));
+  }
+  updateApps() {
+    if (this.props.authentication.authenticated && this.props.organization.organization !== null && this.props.organization.entity !== null) {
+      this.props.authentication.http({
+        method: 'get',
+        url: "".concat(this.props.core.baseUrl, "/api/components"),
+        params: {
+          type: this.props.componentType,
+          organizationId: this.props.organization.organization.id,
+          entityId: this.props.organization.entity.id
         }
-      }
-
-      return null;
-    }
-  }, {
-    key: "handleClick",
-    value: function handleClick() {
-      this.setState(function (prevState) {
-        return {
-          drawerOpen: !prevState.drawerOpen
-        };
+      }).then(res => {
+        this.props.core.log('debug', namespace, 'updateApps()', res.data);
+        if (res.data.length > 0 && window.location.hash === '#/') {
+          window.location.hash = "#".concat((0, _functions.getUrl)(res.data[0].metadata));
+        }
+        if (typeof this.props.updateComponentID === 'function') {
+          const component = res.data.find(_component => (0, _functions.getUrl)(_component.metadata) === window.location.hash.substr(1));
+          this.props.updateComponentID(component.componentID);
+        }
+        this.setState({
+          apps: res.data
+        });
       });
     }
-  }, {
-    key: "updateApps",
-    value: function updateApps() {
-      var _this3 = this;
-
-      if (this.props.authentication.authenticated && this.props.organization.organization !== null && this.props.organization.entity !== null) {
-        this.props.authentication.http({
-          method: 'get',
-          url: "".concat(this.props.core.baseUrl, "/api/components"),
-          params: {
-            type: this.props.componentType,
-            organizationId: this.props.organization.organization.id,
-            entityId: this.props.organization.entity.id
-          }
-        }).then(function (res) {
-          _this3.props.core.log('debug', namespace, 'updateApps()', res.data);
-
-          if (res.data.length > 0 && window.location.hash === '#/') {
-            window.location.hash = "#".concat((0, _functions.getUrl)(res.data[0].metadata));
-          }
-
-          if (typeof _this3.props.updateComponentID === 'function') {
-            var component = res.data.find(function (_component) {
-              return (0, _functions.getUrl)(_component.metadata) === window.location.hash.substr(1);
-            });
-
-            _this3.props.updateComponentID(component.componentID);
-          }
-
-          _this3.setState({
-            apps: res.data
-          });
-        });
-      }
+  }
+  selectApp(app) {
+    if (typeof this.props.updateComponentID === 'function') {
+      this.props.updateComponentID(app.componentID);
     }
-  }, {
-    key: "selectApp",
-    value: function selectApp(app) {
-      if (typeof this.props.updateComponentID === 'function') {
-        this.props.updateComponentID(app.componentID);
+  }
+  processMessage(channel, obj) {
+    if (obj.what !== undefined) {
+      if (obj.what === 'package_enabled' || obj.what === 'package_disabled' || obj.what === 'package_added' || obj.what === 'package_updated' || obj.what === 'package_deleted') {
+        this.updateApps();
       }
     }
-  }, {
-    key: "processMessage",
-    value: function processMessage(channel, obj) {
-      if (obj.what !== undefined) {
-        if (obj.what === 'package_enabled' || obj.what === 'package_disabled' || obj.what === 'package_added' || obj.what === 'package_updated' || obj.what === 'package_deleted') {
-          this.updateApps();
-        }
+  }
+  render() {
+    const {
+      sandbox,
+      classes
+    } = this.props;
+    const {
+      apps,
+      drawerOpen
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement(_reactRouterDom.HashRouter, null, /*#__PURE__*/_react.default.createElement("div", {
+      className: classes.root
+    }, /*#__PURE__*/_react.default.createElement(_Channels.ChannelsConsumer, {
+      id: "coredrawer",
+      handler: (channel, obj) => this.processMessage(channel, obj)
+    }), /*#__PURE__*/_react.default.createElement(_Drawer.default, {
+      variant: "permanent",
+      classes: {
+        paper: drawerOpen ? classes.drawerPaper : classes.drawerPaperClose
       }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this4 = this;
-
-      var _this$props = this.props,
-          sandbox = _this$props.sandbox,
-          classes = _this$props.classes;
-      var _this$state = this.state,
-          apps = _this$state.apps,
-          drawerOpen = _this$state.drawerOpen;
-      return /*#__PURE__*/_react.default.createElement(_reactRouterDom.HashRouter, null, /*#__PURE__*/_react.default.createElement("div", {
-        className: classes.root
-      }, /*#__PURE__*/_react.default.createElement(_Channels.ChannelsConsumer, {
-        id: "coredrawer",
-        handler: function handler(channel, obj) {
-          return _this4.processMessage(channel, obj);
-        }
-      }), /*#__PURE__*/_react.default.createElement(_Drawer.default, {
-        variant: "permanent",
-        classes: {
-          paper: drawerOpen ? classes.drawerPaper : classes.drawerPaperClose
-        }
-      }, apps.map(function (app) {
-        return /*#__PURE__*/_react.default.createElement(_reactRouterDom.NavLink, {
-          to: (0, _functions.getUrl)(app.metadata),
-          key: app.componentID,
-          style: style.navLink,
-          activeStyle: style.activeStyle
-        }, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
-          button: true,
-          onClick: function onClick() {
-            return _this4.selectApp(app);
-          }
-        }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-          title: _this4.getTranslatedName(app)
-        }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement("img", {
-          src: _this4.props.core.formatUrl((0, _functions.getIconUrl)(app.metadata)),
-          className: classes.icon,
-          alt: "icon"
-        }))), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
-          primary: _this4.getTranslatedName(app)
-        })));
-      }), /*#__PURE__*/_react.default.createElement(_Divider.default, {
-        classes: {
-          root: apps.length > 0 ? classes.dividerRoot : classes.dividerRootStart
-        }
-      }), /*#__PURE__*/_react.default.createElement(_ListItem.default, {
-        onClick: function onClick() {
-          return _this4.handleClick();
-        },
-        button: true
-      }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, drawerOpen ? /*#__PURE__*/_react.default.createElement(_UnfoldLess.default, {
-        className: classes.rotate
-      }) : /*#__PURE__*/_react.default.createElement(_UnfoldMore.default, {
-        className: classes.rotate
-      })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
-        primary: "Collapse"
-      }))), /*#__PURE__*/_react.default.createElement("div", {
-        className: classes.content
-      }, this.props.children, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
-        path: "/:app*",
-        render: function render(routeProps) {
-          return /*#__PURE__*/_react.default.createElement(_CoreFrame.default, _extends({}, routeProps, {
-            sandbox: sandbox,
-            version: _this4.getAppVersion(routeProps)
-          }));
-        }
-      }))));
-    }
-  }]);
-
-  return CoreDrawer;
-}(_react.Component);
-
+    }, apps.map(app => /*#__PURE__*/_react.default.createElement(_reactRouterDom.NavLink, {
+      to: (0, _functions.getUrl)(app.metadata),
+      key: app.componentID,
+      style: style.navLink,
+      activeStyle: style.activeStyle
+    }, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+      button: true,
+      onClick: () => this.selectApp(app)
+    }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+      title: this.getTranslatedName(app)
+    }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement("img", {
+      src: this.props.core.formatUrl((0, _functions.getIconUrl)(app.metadata)),
+      className: classes.icon,
+      alt: "icon"
+    }))), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+      primary: this.getTranslatedName(app)
+    })))), /*#__PURE__*/_react.default.createElement(_Divider.default, {
+      classes: {
+        root: apps.length > 0 ? classes.dividerRoot : classes.dividerRootStart
+      }
+    }), /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+      onClick: () => this.handleClick(),
+      button: true
+    }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, drawerOpen ? /*#__PURE__*/_react.default.createElement(_UnfoldLess.default, {
+      className: classes.rotate
+    }) : /*#__PURE__*/_react.default.createElement(_UnfoldMore.default, {
+      className: classes.rotate
+    })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+      primary: "Collapse"
+    }))), /*#__PURE__*/_react.default.createElement("div", {
+      className: classes.content
+    }, this.props.children, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+      path: "/:app*",
+      render: routeProps => /*#__PURE__*/_react.default.createElement(_CoreFrame.default, _extends({}, routeProps, {
+        sandbox: sandbox,
+        version: this.getAppVersion(routeProps)
+      }))
+    }))));
+  }
+}
 CoreDrawer.propTypes = {
   componentType: _propTypes.default.string.isRequired,
   intl: _propTypes.default.shape({
@@ -349,7 +234,4 @@ CoreDrawer.defaultProps = {
   sandbox: '',
   children: null
 };
-
-var _default = (0, _reactIntl.injectIntl)((0, _Core.withCore)((0, _Authentication.withAuthentication)((0, _Organization.withOrganization)((0, _styles.withStyles)(styles)(CoreDrawer)))));
-
-exports.default = _default;
+var _default = exports.default = (0, _reactIntl.injectIntl)((0, _Core.withCore)((0, _Authentication.withAuthentication)((0, _Organization.withOrganization)((0, _styles.withStyles)(styles)(CoreDrawer)))));

package/dist/components/CoreDrawer/index.js

@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _CoreDrawer.default;
   }
 });
-
 var _CoreDrawer = _interopRequireDefault(require("./CoreDrawer"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }