x25 3.0.0 → 17.0.0

package/Sidebar.js

@@ -0,0 +1,156 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _extends = Object.assign || 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; };
+
+var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _react = require("react");
+
+var React = _interopRequireWildcard(_react);
+
+var _reactSidebar = require("react-sidebar");
+
+var _reactSidebar2 = _interopRequireDefault(_reactSidebar);
+
+var _utility = require("./utility");
+
+var _Header = require("./Header");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var styles = {
+  sidebar: {
+    zIndex: 2,
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    transition: "transform .3s ease-out",
+    WebkitTransition: "-webkit-transform .3s ease-out",
+    willChange: "transform",
+    overflowY: "auto"
+  },
+  overlay: {
+    zIndex: 3,
+    left: 240
+  }
+};
+
+var Sidebar = function (_React$PureComponent) {
+  _inherits(Sidebar, _React$PureComponent);
+
+  function Sidebar(props) {
+    _classCallCheck(this, Sidebar);
+
+    var _this = _possibleConstructorReturn(this, (Sidebar.__proto__ || Object.getPrototypeOf(Sidebar)).call(this, props));
+
+    _this.state = {
+      showNavbar: false,
+      sidebarDocked: _utility.mql.matches,
+      sidebarOpen: false
+    };
+
+    _this.updateSidebar = function () {
+      _this.setState(function (current) {
+        return {
+          sidebarOpen: !_utility.mql.matches && current.sidebarOpen,
+          sidebarDocked: _utility.mql.matches
+        };
+      });
+    };
+
+    _this.toggleNavbar = function () {
+      _this.setState(function (current) {
+        return {
+          showNavbar: !current.showNavbar
+        };
+      });
+    };
+
+    _this.toggleSidebarOpen = function (value) {
+      _this.setState({
+        sidebarOpen: value
+      });
+    };
+
+    _this.showSidebar = function () {
+      var theMetch = _utility.mql.matches;
+
+      _this.setState({
+        sidebarOpen: !theMetch,
+        sidebarDocked: theMetch
+      });
+    };
+
+    _this.closeSidebar = function () {
+      _this.setState({
+        sidebarOpen: false,
+        sidebarDocked: false
+      });
+    };
+    return _this;
+  }
+
+  _createClass(Sidebar, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      _utility.mql.addListener(this.updateSidebar);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      _utility.mql.removeListener(this.updateSidebar);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _props = this.props,
+          data = _props.data,
+          children = _props.children;
+
+
+      var sidebarprops = {
+        closeSidebar: this.closeSidebar
+      };
+
+      return React.createElement(
+        _reactSidebar2.default,
+        _extends({}, this.props, {
+          contentClassName: "wrapper",
+          docked: this.state.sidebarDocked,
+          onSetOpen: this.toggleSidebarOpen,
+          open: this.state.sidebarOpen,
+          rootClassName: "page-wrapper dark-theme toggled",
+          sidebar: React.cloneElement(this.props.Menu, sidebarprops),
+          sidebarClassName: "sidebar-wrapper",
+          styles: styles,
+          touch: false,
+          transitions: false }),
+        React.createElement(_Header.Header, {
+          brand: this.props.brand,
+          company: data,
+          showNavbar: this.state.showNavbar,
+          showSidebar: this.showSidebar,
+          sidebarDocked: this.state.sidebarDocked,
+          toggleNavbar: this.toggleNavbar
+        }),
+        children
+      );
+    }
+  }]);
+
+  return Sidebar;
+}(React.PureComponent);
+
+exports.default = Sidebar;

package/Things.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _Root = require("./Modal/Root");
+
+var _Root2 = _interopRequireDefault(_Root);
+
+var _reactRedux = require("react-redux");
+
+var _reactNotificationSystemRedux = require("react-notification-system-redux2");
+
+var _reactNotificationSystemRedux2 = _interopRequireDefault(_reactNotificationSystemRedux);
+
+var _actions = require("./actions");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var mapStateToProps = function mapStateToProps(state) {
+  return {
+    notifications: state.get("notifications", [])
+  };
+},
+    mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return {
+    handleDismiss: function handleDismiss(notification) {
+      dispatch((0, _actions.deleteNotification)(notification.key));
+    }
+  };
+};
+
+var NotificationsContainer = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_reactNotificationSystemRedux2.default);
+
+var Things = function Things() {
+  return _react2.default.createElement(
+    _react2.default.Fragment,
+    null,
+    _react2.default.createElement(
+      "div",
+      { className: "d-print-none" },
+      _react2.default.createElement(NotificationsContainer, null)
+    ),
+    _react2.default.createElement(_Root2.default, null)
+  );
+};
+
+exports.default = Things;

package/actions.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hideCaptcha = exports.showCaptcha = exports.deleteNotification = exports.notifyError = exports.notify = undefined;
+
+var _extends = Object.assign || 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; };
+
+var _actions = require("./Modal/actions");
+
+Object.keys(_actions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _actions[key];
+    }
+  });
+});
+
+var _actions2 = require("./Account/actions");
+
+Object.keys(_actions2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _actions2[key];
+    }
+  });
+});
+
+var _reactNotificationSystemRedux = require("react-notification-system-redux2");
+
+var _reactNotificationSystemRedux2 = _interopRequireDefault(_reactNotificationSystemRedux);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var createNotification = function createNotification(level) {
+  return function (title, options) {
+    return _reactNotificationSystemRedux2.default.show(_extends({
+      title: title,
+      position: "tc",
+      autoDismiss: 3
+    }, options), level);
+  };
+};
+
+var notify = exports.notify = createNotification("success");
+// export const notifyWarning = createNotification("warning");
+var notifyError = exports.notifyError = createNotification("error");
+
+var deleteNotification = exports.deleteNotification = function deleteNotification(position) {
+  return {
+    type: "DELETE_NOTIFICATION",
+    payload: position
+  };
+};
+
+var showCaptcha = exports.showCaptcha = function showCaptcha(payload) {
+  return {
+    type: "SHOW_CAPTCHA",
+    payload: payload
+  };
+};
+
+var hideCaptcha = exports.hideCaptcha = function hideCaptcha(payload) {
+  return {
+    type: "HIDE_CAPTCHA",
+    payload: payload
+  };
+};

package/config.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var config = exports.config = {};
+
+var setConfiguration = exports.setConfiguration = function setConfiguration(current) {
+  exports.config = config = current;
+};

package/dev/ErrorBoundary.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _TheError = require("./TheError");
+
+var _TheError2 = _interopRequireDefault(_TheError);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var refreshKeyCode = 82,
+    timeoutDelay = 200;
+
+var ErrorBoundary = function (_React$Component) {
+  _inherits(ErrorBoundary, _React$Component);
+
+  _createClass(ErrorBoundary, [{
+    key: "componentDidCatch",
+    value: function componentDidCatch(error, info) {
+      this.setState({
+        error: error,
+        info: info
+      });
+    }
+  }]);
+
+  function ErrorBoundary(props) {
+    _classCallCheck(this, ErrorBoundary);
+
+    var _this = _possibleConstructorReturn(this, (ErrorBoundary.__proto__ || Object.getPrototypeOf(ErrorBoundary)).call(this, props));
+
+    _this.state = {
+      status: null,
+      error: null,
+      info: null
+    };
+
+    _this.handleKey = function (event) {
+      if (event.keyCode === refreshKeyCode) {
+        _this.refresh();
+      }
+    };
+
+    _this.refresh = function () {
+      _this.setState({
+        status: "Trying to recover...",
+        error: null,
+        info: null
+      }, function () {
+        setTimeout(function () {
+          _this.setState({
+            status: null,
+            error: null,
+            info: null
+          });
+        }, timeoutDelay);
+      });
+    };
+    return _this;
+  }
+
+  _createClass(ErrorBoundary, [{
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate() {
+      return true;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _state = this.state,
+          info = _state.info,
+          error = _state.error,
+          status = _state.status;
+
+      // render fallback UI
+
+      if (error) {
+        return _react2.default.createElement(_TheError2.default, {
+          error: error,
+          handleKey: this.handleKey,
+          info: info,
+          refresh: this.refresh,
+          status: status
+        });
+      }
+
+      // when there's not an error, render children untouched
+      return this.props.children;
+    }
+  }]);
+
+  return ErrorBoundary;
+}(_react2.default.Component);
+
+exports.default = ErrorBoundary;

package/dev/TheError.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var TheError = function TheError(props) {
+
+  _react2.default.useEfect(function () {
+    document.addEventListener("keydown", props.handleKey);
+
+    return function () {
+      document.removeEventListener("keydown", props.handleKey);
+    };
+  }, []);
+
+  var error = props.error,
+      info = props.info,
+      status = props.status,
+      refresh = props.refresh;
+
+  // render fallback UI
+
+  return _react2.default.createElement(
+    "div",
+    { className: "small", tabIndex: "0" },
+    _react2.default.createElement(
+      "div",
+      { className: " m-2" },
+      status ? _react2.default.createElement(
+        "div",
+        { className: "text-fancy" },
+        "Trying to recover app..."
+      ) : _react2.default.createElement(
+        "div",
+        null,
+        _react2.default.createElement(
+          "button",
+          {
+            className: "btn btn-block btn-sm btn-primary",
+            onClick: refresh, type: "button" },
+          "Recover the app"
+        ),
+        _react2.default.createElement(
+          "div",
+          { className: "mt-2 mb-2" },
+          "Press  ",
+          _react2.default.createElement(
+            "kbd",
+            null,
+            "R"
+          ),
+          " to recover the app, after you've done the changes"
+        ),
+        _react2.default.createElement("hr", null),
+        error ? _react2.default.createElement(
+          _react2.default.Fragment,
+          null,
+          _react2.default.createElement(
+            "h5",
+            { className: "text-danger" },
+            error.message
+          ),
+          _react2.default.createElement(
+            "b",
+            null,
+            "Stack:"
+          ),
+          _react2.default.createElement(
+            "pre",
+            null,
+            error.stack ? error.stack.split("↵").map(function (line, index) {
+              return _react2.default.createElement(
+                "div",
+                { key: index },
+                line
+              );
+            }) : null
+          )
+        ) : null,
+        _react2.default.createElement("br", null),
+        info && info.componentStack ? _react2.default.createElement(
+          _react2.default.Fragment,
+          null,
+          _react2.default.createElement(
+            "b",
+            null,
+            "React info:"
+          ),
+          _react2.default.createElement(
+            "pre",
+            null,
+            info.componentStack.split("↵").map(function (line, index) {
+              return _react2.default.createElement(
+                "div",
+                { key: index },
+                line
+              );
+            })
+          )
+        ) : null
+      )
+    )
+  );
+};
+
+exports.default = TheError;

package/dev/index.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ensureImmutableState = exports.setFavIconToDev = undefined;
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+/* eslint-disable no-alert, no-console, no-undefined, callback-return, max-len */
+
+var _immutable = require("immutable");
+
+var Immutable = _interopRequireWildcard(_immutable);
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+var setFavIconToDev = function setFavIconToDev() {
+  var element = document.querySelector("link[rel*='icon");
+
+  if (element !== null && element.href) {
+    element.href = "/static/dev.ico";
+  }
+};
+
+var ensureImmutableState = function ensureImmutableState() {
+  var ignored = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+
+
+  var ignore = function ignore(key) {
+    return ignored.includes(key);
+  };
+
+  var isGood = function isGood(data, key) {
+    return ignore(key) || data === null || data === undefined || Immutable.isImmutable(data) || typeof data === "number" || typeof data === "boolean" || typeof data === "string";
+  };
+
+  var problems = Immutable.Map(),
+      allKeys = Immutable.List(),
+      currentKey = Immutable.List();
+
+  var listCurrentProblems = function listCurrentProblems() {
+    if (currentKey.size !== 0) {
+      var log = function log(_ref) {
+        var data = _ref.data,
+            state = _ref.state,
+            key = _ref.key;
+
+        var itExists = typeof data !== "undefined" || typeof state !== "undefined" || typeof key !== "undefined";
+
+        if (itExists) {
+          console.group("redux-ensure-state-is-immutable");
+          console.log("data:", data);
+          console.log("parent:", state.toJS());
+          console.log("typeof data:", typeof data === "undefined" ? "undefined" : _typeof(data));
+          console.log("key:", key);
+          console.groupEnd();
+        }
+      };
+
+      alert("something is not immutable. check console");
+
+      currentKey.map(function (current) {
+        return log(problems.get(current));
+      });
+      currentKey = currentKey.clear();
+    }
+  };
+
+  var addProblem = function addProblem(_ref2) {
+    var data = _ref2.data,
+        state = _ref2.state,
+        key = _ref2.key;
+
+    problems = problems.set(key, {
+      key: key,
+      state: state,
+      data: data
+    });
+
+    if (!allKeys.includes(key)) {
+      allKeys = allKeys.push(key);
+      currentKey = currentKey.push(key);
+    }
+  };
+
+  var shouldParse = function shouldParse(data, key) {
+    return !ignore(key) && Immutable.isImmutable(data);
+  };
+
+  var checkStateContainsOnlyImmutable = function checkStateContainsOnlyImmutable(state) {
+    var parse = function parse(data, key) {
+      var goodData = isGood(data, key);
+      var canParse = shouldParse(data, key);
+
+      if (!goodData) {
+        addProblem({
+          data: data,
+          state: state,
+          key: key
+        });
+      }
+
+      listCurrentProblems();
+
+      if (canParse) {
+        checkStateContainsOnlyImmutable(data);
+      }
+    };
+
+    state.forEach(function (current, key) {
+      parse(current, key);
+    });
+  };
+
+  return function (_ref3) {
+    var getState = _ref3.getState;
+    return function (next) {
+      return function (action) {
+
+        var returnValue = next(action),
+            state = getState();
+
+        checkStateContainsOnlyImmutable(state);
+
+        return returnValue;
+      };
+    };
+  };
+};
+
+exports.setFavIconToDev = setFavIconToDev;
+exports.ensureImmutableState = ensureImmutableState;

package/dev/types.js

@@ -0,0 +1 @@
+"use strict";