@lingk/sync 2.4.1 → 2.4.2

package/build/credentialSections.js

@@ -68,7 +68,7 @@ module.exports =
 /* 0 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = __webpack_require__(77);
+	module.exports = __webpack_require__(78);
 
 
 /***/ },
@@ -183,12 +183,7 @@ module.exports =
 /* 13 */,
 /* 14 */,
 /* 15 */,
-/* 16 */,
-/* 17 */,
-/* 18 */,
-/* 19 */,
-/* 20 */,
-/* 21 */
+/* 16 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// CodeMirror, copyright (c) by Marijn Haverbeke and others
@@ -196,7 +191,7 @@ module.exports =
 	
 	(function(mod) {
 	  if (true) // CommonJS
-	    mod(__webpack_require__(88));
+	    mod(__webpack_require__(89));
 	  else if (typeof define == "function" && define.amd) // AMD
 	    define(["../../lib/codemirror"], mod);
 	  else // Plain browser env
@@ -1140,24 +1135,29 @@ module.exports =
 
 
 /***/ },
-/* 22 */,
-/* 23 */,
-/* 24 */
+/* 17 */,
+/* 18 */
 /***/ function(module, exports) {
 
 	// removed by extract-text-webpack-plugin
 
 /***/ },
-/* 25 */
+/* 19 */
 /***/ function(module, exports) {
 
-	module.exports = require("moment");
+	module.exports = require("react-codemirror2");
 
 /***/ },
+/* 20 */,
+/* 21 */,
+/* 22 */,
+/* 23 */,
+/* 24 */,
+/* 25 */,
 /* 26 */
 /***/ function(module, exports) {
 
-	module.exports = require("react-codemirror2");
+	module.exports = require("moment");
 
 /***/ },
 /* 27 */,
@@ -1178,9 +1178,9 @@ module.exports =
 	
 	'use strict'
 	
-	var base64 = __webpack_require__(87)
-	var ieee754 = __webpack_require__(106)
-	var isArray = __webpack_require__(107)
+	var base64 = __webpack_require__(88)
+	var ieee754 = __webpack_require__(107)
+	var isArray = __webpack_require__(108)
 	
 	exports.Buffer = Buffer
 	exports.SlowBuffer = SlowBuffer
@@ -4906,7 +4906,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _clipboard = __webpack_require__(83);
+	var _clipboard = __webpack_require__(84);
 	
 	var _clipboard2 = _interopRequireDefault(_clipboard);
 	
@@ -5052,7 +5052,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	__webpack_require__(24);
+	__webpack_require__(18);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -5065,8 +5065,8 @@ module.exports =
 	// SKIP ON SERVER-SIDE RENDERING
 	var codemirror = null;
 	if (typeof window !== "undefined" && typeof window.navigator !== "undefined") {
-	  codemirror = __webpack_require__(26);
-	  __webpack_require__(21);
+	  codemirror = __webpack_require__(19);
+	  __webpack_require__(16);
 	}
 	
 	function unCamelize(text) {
@@ -5331,6 +5331,253 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
+	__webpack_require__(18);
+	
+	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; }
+	
+	// SKIP ON SERVER-SIDE RENDERING
+	var codemirror = null;
+	if (typeof window !== "undefined" && typeof window.navigator !== "undefined") {
+	  codemirror = __webpack_require__(19);
+	  __webpack_require__(16);
+	}
+	
+	function unCamelize(text) {
+	  return text.replace(/([A-Z])/g, " $1").replace(/^./, function (str) {
+	    return str.toUpperCase();
+	  });
+	}
+	
+	var CanvasOAuth2 = function (_Component) {
+	  _inherits(CanvasOAuth2, _Component);
+	
+	  function CanvasOAuth2() {
+	    _classCallCheck(this, CanvasOAuth2);
+	
+	    var _this = _possibleConstructorReturn(this, (CanvasOAuth2.__proto__ || Object.getPrototypeOf(CanvasOAuth2)).call(this));
+	
+	    _this.finishOauth = function (e) {
+	      if (e.data && e.data.lingkOauthMessage && e.data.lingkOauthMessage === "complete") {
+	        // get credentials
+	        _this.props.getEnvCreds();
+	      }
+	    };
+	
+	    _this.startOauth = function () {
+	      var creds = _this.props.creds;
+	
+	
+	      var data = {
+	        clientId: creds.clientId,
+	        clientSecret: creds.clientSecret,
+	        rootUrl: creds.rootUrl,
+	        scope: creds.canvasOAuth2Token ? creds.canvasOAuth2Token.scope : ""
+	      };
+	
+	      _this.props.getOAuthCredsCanvasOAuth2(data).then(function (d) {
+	        var width = 600;
+	        var height = 600;
+	        var left = window.screenX + (window.outerWidth - width) / 2;
+	        var top = window.screenY + (window.outerHeight - height) / 2.5;
+	        var popup = window.open(d.url, "Oauth", "width=" + width + ",height=" + height + ",top=" + top + ",left=" + left);
+	        popup.focus();
+	      });
+	    };
+	
+	    _this.state = {
+	      showPass: false
+	    };
+	    return _this;
+	  }
+	
+	  _createClass(CanvasOAuth2, [{
+	    key: "componentWillMount",
+	    value: function componentWillMount() {
+	      var _props = this.props,
+	          creds = _props.creds,
+	          onChange = _props.onChange;
+	
+	      if (!creds["authenticationType"]) {
+	        onChange({ target: { name: "authenticationType", value: "key" } });
+	      }
+	      window.addEventListener("message", this.finishOauth);
+	    }
+	  }, {
+	    key: "componentWillUnmount",
+	    value: function componentWillUnmount() {
+	      window.removeEventListener("message", this.finishOauth);
+	    }
+	  }, {
+	    key: "render",
+	    value: function render() {
+	      var _this2 = this;
+	
+	      var _props2 = this.props,
+	          config = _props2.config,
+	          inputs = _props2.inputs,
+	          creds = _props2.creds,
+	          onChange = _props2.onChange,
+	          onChangeCustomKey = _props2.onChangeCustomKey;
+	
+	      var Button = inputs.Button;
+	      var Input = inputs.Input;
+	      var Toggle = inputs.ToggleButtonGroup;
+	      var canvasOAuth2Token = {};
+	      var credentials = config && config.credentials.filter(function (o) {
+	        if (creds["authenticationType"] === "key") {
+	          if (o == "refreshToken" || o == "accessToken" || o == "clientId" || o == "rootUrl" || o == "clientSecret") {
+	            return true;
+	          } else {
+	            return false;
+	          }
+	        }
+	        return true;
+	      });
+	      var requiredFieldsOAuth = ["rootUrl", "clientId", "clientSecret"];
+	      var requiredFieldsKey = ["rootUrl", "clientId", "clientSecret"];
+	
+	      var credsDisabledCheck = requiredFieldsOAuth.some(function (c) {
+	        var formCreds = creds;
+	        return !Object.keys(formCreds).includes(c.split(" ").join("")) || formCreds[c] == "";
+	      });
+	      return _react2.default.createElement(
+	        "div",
+	        null,
+	        credentials && _react2.default.createElement(
+	          "div",
+	          { style: { display: "inline-block" } },
+	          _react2.default.createElement(
+	            "div",
+	            { style: { display: "inline-block" } },
+	            _react2.default.createElement(
+	              "div",
+	              { style: { marginBottom: 5, marginTop: -8 } },
+	              _react2.default.createElement(Toggle, {
+	                value: creds["authenticationType"],
+	                options: ["OAuth", "key"],
+	                handleToggle: function handleToggle(v) {
+	                  return onChange({
+	                    target: { name: "authenticationType", value: v }
+	                  });
+	                }
+	              })
+	            ),
+	            credentials.map(function (credType, index) {
+	              var key = requiredFieldsKey.find(function (r) {
+	                return r == credType;
+	              });
+	              return _react2.default.createElement(
+	                "div",
+	                { key: index, style: { marginTop: 8 } },
+	                _react2.default.createElement(
+	                  "label",
+	                  {
+	                    htmlFor: credType,
+	                    className: "labelz",
+	                    style: { fontWeight: "normal" }
+	                  },
+	                  unCamelize(credType),
+	                  key && creds["authenticationType"] == "key" && _react2.default.createElement(
+	                    "span",
+	                    { style: { color: "red" } },
+	                    "*"
+	                  )
+	                ),
+	                _react2.default.createElement("br", null),
+	                credType === "refreshToken" || credType === "accessToken" || credType === "scope" ? _react2.default.createElement(
+	                  "div",
+	                  null,
+	                  creds["authenticationType"] == "key" ? _react2.default.createElement(Input, {
+	                    name: credType,
+	                    value: creds.canvasOAuth2Token && creds.canvasOAuth2Token[credType] || "",
+	                    disabled: credType == "accessToken" ? true : false,
+	                    onChange: function onChange(e) {
+	                      return onChangeCustomKey(e, credType, canvasOAuth2Token);
+	                    }
+	                  }) : _react2.default.createElement(Input, {
+	                    name: credType,
+	                    value: creds.canvasOAuth2Token && creds.canvasOAuth2Token[credType] || "",
+	                    disabled: credType == "accessToken" || credType == "refreshToken" ? true : false,
+	                    onChange: function onChange(e) {
+	                      return onChangeCustomKey(e, credType, canvasOAuth2Token);
+	                    }
+	                  }),
+	                  credType == "accessToken" && _react2.default.createElement("img", {
+	                    alt: "small-spinner",
+	                    src: "data:image/png;base64,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",
+	                    height: "18",
+	                    style: { marginLeft: 3 },
+	                    onClick: function onClick() {
+	                      navigator.clipboard.writeText(creds.canvasOAuth2Token && creds.canvasOAuth2Token[credType] ? creds.canvasOAuth2Token[credType] : "");
+	                    }
+	                  })
+	                ) : _react2.default.createElement(Input, {
+	                  name: credType,
+	                  datatype: credType === "password" && !_this2.state.showPass ? "password" : null,
+	                  disabled: credType == "accessToken" ? true : false,
+	                  value: creds[credType] || "",
+	                  onChange: onChange
+	                })
+	              );
+	            }),
+	            creds["authenticationType"] != "key" && _react2.default.createElement(
+	              Button,
+	              {
+	                type: "brand",
+	                style: {
+	                  height: 30,
+	                  lineHeight: "10px",
+	                  marginTop: 15
+	                },
+	                onClick: this.startOauth,
+	                disabled: credsDisabledCheck
+	              },
+	              _react2.default.createElement(
+	                "span",
+	                {
+	                  style: {
+	                    display: "inline-block",
+	                    verticalAlign: "top",
+	                    marginTop: 3
+	                  }
+	                },
+	                "Login"
+	              ),
+	              "\xA0\xA0"
+	            )
+	          )
+	        )
+	      );
+	    }
+	  }]);
+	
+	  return CanvasOAuth2;
+	}(_react.Component);
+	
+	exports.default = CanvasOAuth2;
+
+/***/ },
+/* 74 */
+/***/ function(module, exports, __webpack_require__) {
+
+	"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 = __webpack_require__(1);
+	
+	var _react2 = _interopRequireDefault(_react);
+	
 	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"); } }
@@ -5612,7 +5859,7 @@ module.exports =
 	exports.default = DocuSign;
 
 /***/ },
-/* 74 */
+/* 75 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -5781,7 +6028,7 @@ module.exports =
 	exports.default = EdFi;
 
 /***/ },
-/* 75 */
+/* 76 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -5802,25 +6049,25 @@ module.exports =
 	
 	var _reactDropzone2 = _interopRequireDefault(_reactDropzone);
 	
-	var _papaparse = __webpack_require__(117);
+	var _papaparse = __webpack_require__(118);
 	
 	var _papaparse2 = _interopRequireDefault(_papaparse);
 	
-	var _xlsx = __webpack_require__(116);
+	var _xlsx = __webpack_require__(117);
 	
 	var _xlsx2 = _interopRequireDefault(_xlsx);
 	
-	var _moment = __webpack_require__(25);
+	var _moment = __webpack_require__(26);
 	
 	var _moment2 = _interopRequireDefault(_moment);
 	
 	var _reactBootstrap = __webpack_require__(3);
 	
-	var _reactLoading = __webpack_require__(113);
+	var _reactLoading = __webpack_require__(114);
 	
 	var _reactLoading2 = _interopRequireDefault(_reactLoading);
 	
-	var _reactJsPagination = __webpack_require__(111);
+	var _reactJsPagination = __webpack_require__(112);
 	
 	var _reactJsPagination2 = _interopRequireDefault(_reactJsPagination);
 	
@@ -6490,7 +6737,7 @@ module.exports =
 	exports.default = FlatFile;
 
 /***/ },
-/* 76 */
+/* 77 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -6505,7 +6752,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	__webpack_require__(24);
+	__webpack_require__(18);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -6518,8 +6765,8 @@ module.exports =
 	// SKIP ON SERVER-SIDE RENDERING
 	var codemirror = null;
 	if (typeof window !== "undefined" && typeof window.navigator !== "undefined") {
-	  codemirror = __webpack_require__(26);
-	  __webpack_require__(21);
+	  codemirror = __webpack_require__(19);
+	  __webpack_require__(16);
 	}
 	
 	function unCamelize(text) {
@@ -6709,7 +6956,7 @@ module.exports =
 	exports.default = Google;
 
 /***/ },
-/* 77 */
+/* 78 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -6724,11 +6971,11 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _flatfile = __webpack_require__(75);
+	var _flatfile = __webpack_require__(76);
 	
 	var _flatfile2 = _interopRequireDefault(_flatfile);
 	
-	var _google = __webpack_require__(76);
+	var _google = __webpack_require__(77);
 	
 	var _google2 = _interopRequireDefault(_google);
 	
@@ -6736,19 +6983,19 @@ module.exports =
 	
 	var _adaptersecret2 = _interopRequireDefault(_adaptersecret);
 	
-	var _websocket = __webpack_require__(81);
+	var _websocket = __webpack_require__(82);
 	
 	var _websocket2 = _interopRequireDefault(_websocket);
 	
-	var _oauth = __webpack_require__(78);
+	var _oauth = __webpack_require__(79);
 	
 	var _oauth2 = _interopRequireDefault(_oauth);
 	
-	var _sftp = __webpack_require__(80);
+	var _sftp = __webpack_require__(81);
 	
 	var _sftp2 = _interopRequireDefault(_sftp);
 	
-	var _docuSign = __webpack_require__(73);
+	var _docuSign = __webpack_require__(74);
 	
 	var _docuSign2 = _interopRequireDefault(_docuSign);
 	
@@ -6758,18 +7005,22 @@ module.exports =
 	
 	var _reactBootstrap = __webpack_require__(3);
 	
-	var _edFi = __webpack_require__(74);
+	var _edFi = __webpack_require__(75);
 	
 	var _edFi2 = _interopRequireDefault(_edFi);
 	
-	var _zoom = __webpack_require__(82);
+	var _zoom = __webpack_require__(83);
 	
 	var _zoom2 = _interopRequireDefault(_zoom);
 	
-	var _peoplesoft = __webpack_require__(79);
+	var _peoplesoft = __webpack_require__(80);
 	
 	var _peoplesoft2 = _interopRequireDefault(_peoplesoft);
 	
+	var _canvasoauth = __webpack_require__(73);
+	
+	var _canvasoauth2 = _interopRequireDefault(_canvasoauth);
+	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
 	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; }
@@ -6836,12 +7087,14 @@ module.exports =
 	
 	    _this.onChangeCustomKey = function (e, key, parentDict) {
 	      var zoomToken = _this.state.actualCreds.zoomToken;
+	      var canvasOAuth2Token = _this.state.actualCreds.canvasOAuth2Token;
 	
 	      parentDict[key] = e.target.value;
 	      _this.setState({
 	        actualCreds: Object.assign({}, _this.state.actualCreds, {
 	          bvaToken: parentDict,
-	          zoomToken: Object.assign({}, zoomToken, _defineProperty({}, key, e.target.value))
+	          zoomToken: Object.assign({}, zoomToken, _defineProperty({}, key, e.target.value)),
+	          canvasOAuth2Token: Object.assign({}, canvasOAuth2Token, _defineProperty({}, key, e.target.value))
 	        })
 	      });
 	    };
@@ -6888,7 +7141,7 @@ module.exports =
 	            rootUrl: creds.rootUrl || "wss://"
 	          })
 	        });
-	      } else if (config.type === "BrightSpaceValenceApi" || config.type === "Zoom") {
+	      } else if (config.type === "BrightSpaceValenceApi" || config.type === "Zoom" || config.type === "CanvasOAuth2") {
 	        this.setState({
 	          actualCreds: Object.assign({}, creds, {
 	            authenticationType: "oauth"
@@ -6969,6 +7222,7 @@ module.exports =
 	          downloadcerts = _props2.downloadcerts,
 	          getOauthCreds = _props2.getOauthCreds,
 	          getOAuthCredsZoom = _props2.getOAuthCredsZoom,
+	          getOAuthCredsCanvasOAuth2 = _props2.getOAuthCredsCanvasOAuth2,
 	          getWebsocketAgentCerts = _props2.getWebsocketAgentCerts;
 	
 	      var Button = inputs.Button;
@@ -6983,6 +7237,8 @@ module.exports =
 	      var isFlatFile = config.type === "LocalFile";
 	      var isBVA = config.type === "BrightSpaceValenceApi";
 	      var isZoom = config.type === "Zoom";
+	      var isCanvasOAuth2 = config.type === "CanvasOAuth2";
+	
 	      var isPeopleSoftV2 = config.type === "PeopleSoftV2";
 	
 	      var isGoogle = config.type.startsWith("Google");
@@ -7145,6 +7401,19 @@ module.exports =
 	          onChangeCustomKey: this.onChangeCustomKey,
 	          getOAuthCredsZoom: getOAuthCredsZoom,
 	          getEnvCreds: this.props.getEnvCreds
+	        }) : isCanvasOAuth2 ? _react2.default.createElement(_canvasoauth2.default, {
+	          config: config,
+	          creds: creds,
+	          onChange: this.onChange,
+	          credsDisabledCheck: credsDisabledCheck,
+	          inputs: inputs,
+	          onCheck: check,
+	          envCheckResult: envCheckResult,
+	          checking: checking,
+	          EnvCheckIcons: EnvCheckIcons,
+	          onChangeCustomKey: this.onChangeCustomKey,
+	          getOAuthCredsCanvasOAuth2: getOAuthCredsCanvasOAuth2,
+	          getEnvCreds: this.props.getEnvCreds
 	        }) : _react2.default.createElement(
 	          "div",
 	          null,
@@ -7445,7 +7714,7 @@ module.exports =
 	};
 
 /***/ },
-/* 78 */
+/* 79 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -7763,7 +8032,7 @@ module.exports =
 	exports.default = Oauth;
 
 /***/ },
-/* 79 */
+/* 80 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -7881,7 +8150,7 @@ module.exports =
 	exports.default = PeopleSoftV2;
 
 /***/ },
-/* 80 */
+/* 81 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -7896,7 +8165,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	__webpack_require__(24);
+	__webpack_require__(18);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -7909,8 +8178,8 @@ module.exports =
 	// SKIP ON SERVER-SIDE RENDERING
 	var codemirror = null;
 	if (typeof window !== "undefined" && typeof window.navigator !== "undefined") {
-	  codemirror = __webpack_require__(26);
-	  __webpack_require__(21);
+	  codemirror = __webpack_require__(19);
+	  __webpack_require__(16);
 	}
 	
 	function unCamelize(text) {
@@ -8138,7 +8407,7 @@ module.exports =
 	exports.default = SFTP;
 
 /***/ },
-/* 81 */
+/* 82 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -8261,7 +8530,7 @@ module.exports =
 	exports.default = WebSocket;
 
 /***/ },
-/* 82 */
+/* 83 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -8276,7 +8545,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	__webpack_require__(24);
+	__webpack_require__(18);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -8289,8 +8558,8 @@ module.exports =
 	// SKIP ON SERVER-SIDE RENDERING
 	var codemirror = null;
 	if (typeof window !== "undefined" && typeof window.navigator !== "undefined") {
-	  codemirror = __webpack_require__(26);
-	  __webpack_require__(21);
+	  codemirror = __webpack_require__(19);
+	  __webpack_require__(16);
 	}
 	
 	function unCamelize(text) {
@@ -8508,7 +8777,7 @@ module.exports =
 	exports.default = Zoom;
 
 /***/ },
-/* 83 */
+/* 84 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -8689,10 +8958,10 @@ module.exports =
 	});
 
 /***/ },
-/* 84 */,
 /* 85 */,
 /* 86 */,
-/* 87 */
+/* 87 */,
+/* 88 */
 /***/ function(module, exports) {
 
 	'use strict'
@@ -8849,7 +9118,7 @@ module.exports =
 
 
 /***/ },
-/* 88 */
+/* 89 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// CodeMirror, copyright (c) by Marijn Haverbeke and others
@@ -18658,7 +18927,6 @@ module.exports =
 
 
 /***/ },
-/* 89 */,
 /* 90 */,
 /* 91 */,
 /* 92 */,
@@ -18675,7 +18943,8 @@ module.exports =
 /* 103 */,
 /* 104 */,
 /* 105 */,
-/* 106 */
+/* 106 */,
+/* 107 */
 /***/ function(module, exports) {
 
 	exports.read = function (buffer, offset, isLE, mLen, nBytes) {
@@ -18765,7 +19034,7 @@ module.exports =
 
 
 /***/ },
-/* 107 */
+/* 108 */
 /***/ function(module, exports) {
 
 	var toString = {}.toString;
@@ -18776,7 +19045,7 @@ module.exports =
 
 
 /***/ },
-/* 108 */
+/* 109 */
 /***/ function(module, exports) {
 
 	module.exports = Paginator;
@@ -18870,8 +19139,8 @@ module.exports =
 
 
 /***/ },
-/* 109 */,
-/* 110 */
+/* 110 */,
+/* 111 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -18999,7 +19268,7 @@ module.exports =
 	});
 
 /***/ },
-/* 111 */
+/* 112 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -19013,9 +19282,9 @@ module.exports =
 	
 	var _propTypes = _interopRequireDefault(__webpack_require__(2));
 	
-	var _paginator = _interopRequireDefault(__webpack_require__(108));
+	var _paginator = _interopRequireDefault(__webpack_require__(109));
 	
-	var _Page = _interopRequireDefault(__webpack_require__(110));
+	var _Page = _interopRequireDefault(__webpack_require__(111));
 	
 	var _classnames = _interopRequireDefault(__webpack_require__(11));
 	
@@ -19257,8 +19526,8 @@ module.exports =
 	});
 
 /***/ },
-/* 112 */,
-/* 113 */
+/* 113 */,
+/* 114 */
 /***/ function(module, exports, __webpack_require__) {
 
 	(function webpackUniversalModuleDefinition(root, factory) {
@@ -22106,7 +22375,7 @@ module.exports =
 	//# sourceMappingURL=react-loading.js.map
 
 /***/ },
-/* 114 */
+/* 115 */
 /***/ function(module, exports) {
 
 	/* WEBPACK VAR INJECTION */(function(__webpack_amd_options__) {module.exports = __webpack_amd_options__;
@@ -22114,7 +22383,7 @@ module.exports =
 	/* WEBPACK VAR INJECTION */}.call(exports, {}))
 
 /***/ },
-/* 115 */
+/* 116 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var require;var require;var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* WEBPACK VAR INJECTION */(function(Buffer, global) {/*
@@ -22133,7 +22402,7 @@ module.exports =
 	*/
 	(function(e){
 		if("object"==typeof exports&&"undefined"!=typeof module&&"undefined"==typeof DO_NOT_EXPORT_JSZIP)module.exports=e();
-		else if("function"=="function"&&__webpack_require__(114)&&"undefined"==typeof DO_NOT_EXPORT_JSZIP){JSZipSync=e();!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (e), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));}
+		else if("function"=="function"&&__webpack_require__(115)&&"undefined"==typeof DO_NOT_EXPORT_JSZIP){JSZipSync=e();!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (e), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));}
 		else{
 			var f;
 			"undefined"!=typeof window?f=window:
@@ -31120,7 +31389,7 @@ module.exports =
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(32).Buffer, (function() { return this; }())))
 
 /***/ },
-/* 116 */
+/* 117 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(global, Buffer, process) {/*! xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
@@ -33233,7 +33502,7 @@ module.exports =
 	if(typeof JSZipSync !== 'undefined') jszip = JSZipSync;
 	if(true) {
 		if(typeof module !== 'undefined' && module.exports) {
-			if(typeof jszip === 'undefined') jszip = __webpack_require__(115);
+			if(typeof jszip === 'undefined') jszip = __webpack_require__(116);
 		}
 	}
 	
@@ -33854,7 +34123,7 @@ module.exports =
 		var crypto;
 		if(typeof _crypto !== 'undefined') crypto = _crypto;
 		else if(true) {
-			try { crypto = __webpack_require__(118); }
+			try { crypto = __webpack_require__(119); }
 			catch(e) { crypto = null; }
 		}
 	
@@ -51225,7 +51494,7 @@ module.exports =
 	})(utils);
 	
 	if(has_buf && "function" != 'undefined') (function() {
-		var Readable = __webpack_require__(119).Readable;
+		var Readable = __webpack_require__(120).Readable;
 	
 		var write_csv_stream = function(sheet, opts) {
 			var stream = Readable();
@@ -51373,15 +51642,15 @@ module.exports =
 	/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()), __webpack_require__(32).Buffer, __webpack_require__(65)))
 
 /***/ },
-/* 117 */
+/* 118 */
 /***/ function(module, exports) {
 
 	module.exports = require("papaparse");
 
 /***/ },
-/* 118 */
-55,
 /* 119 */
+55,
+/* 120 */
 55
 /******/ ])));
 //# sourceMappingURL=credentialSections.js.map