@kando-env/kando-ui 1.2.19 → 1.2.20

package/lib/ui-kit/ImageUploadButton/ImageUploadButton.js

@@ -13,43 +13,31 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _react = _interopRequireWildcard(require("react"));
 
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _addPhoto = _interopRequireDefault(require("assets/icons/add-photo.svg"));
 
 var _i18n = _interopRequireDefault(require("utilities/i18n"));
 
 var _Spinner = require("components/Spinner/Spinner");
 
-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); }
+var _axios = _interopRequireDefault(require("axios"));
 
-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; }
+var _urls = require("../../utilities/urls");
 
-var UploadButtonStyle = _styledComponents.default.fieldset.withConfig({
-  displayName: "ImageUploadButton__UploadButtonStyle",
-  componentId: "sc-2oaz29-0"
-})(["display:grid;place-items:center;border:dashed;border-color:", ";border-radius:4px;height:76px;width:66px;img{margin-top:9px;margin-left:4px;}"], function (_ref) {
-  var theme = _ref.theme;
-  return theme.colorScheme.natural.n60;
-});
+var _Alert = _interopRequireDefault(require("../../utilities/Alert"));
 
-var InputTitle = _styledComponents.default.legend.withConfig({
-  displayName: "ImageUploadButton__InputTitle",
-  componentId: "sc-2oaz29-1"
-})(["font-size:", " !important;margin:0 2px;"], function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.fontSize.xxs;
-});
+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); }
 
-var ImageUploadInput = _styledComponents.default.input.withConfig({
-  displayName: "ImageUploadButton__ImageUploadInput",
-  componentId: "sc-2oaz29-2"
-})(["visibility:hidden;"]);
+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; }
 
-var ImageUploadButton = function ImageUploadButton(_ref3) {
-  var onHandleImgUpload = _ref3.onHandleImgUpload;
+var ImageUploadButton = function ImageUploadButton(params) {
+  var onHandleImgUpload = params.onHandleImgUpload,
+      setPhotos = params.setPhotos,
+      sampling = params.sampling,
+      photos = params.photos;
 
   var _useState = (0, _react.useState)([]),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -61,7 +49,19 @@ var ImageUploadButton = function ImageUploadButton(_ref3) {
       isUpload = _useState4[0],
       setIsUpload = _useState4[1];
 
+  var _useState5 = (0, _react.useState)({
+    open: false,
+    instance: ''
+  }),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      modalDetails = _useState6[0],
+      setModalDetails = _useState6[1];
+
   (0, _react.useEffect)(function () {
+    initializeButton();
+  }, [imgs]);
+
+  var initializeButton = function initializeButton() {
     if (imgs.length < 1) return;
     var newImgUrls = [];
     imgs.forEach(function (img) {
@@ -70,21 +70,51 @@ var ImageUploadButton = function ImageUploadButton(_ref3) {
     onHandleImgUpload(newImgUrls);
     setImgs([]);
     setIsUpload(false);
-  }, [imgs]);
+  };
 
   var handleImgUpload = function handleImgUpload(e) {
     var _input$files;
 
+    if (sampling.sampling.id === null) {
+      setModalDetails({
+        open: true,
+        instance: ''
+      });
+      return;
+    }
+
     setIsUpload(true);
     var input = e.target;
     if (!((_input$files = input.files) === null || _input$files === void 0 ? void 0 : _input$files.length)) return;
     var file = input.files[0];
-    setImgs(function (prev) {
-      return [].concat((0, _toConsumableArray2.default)(prev), [file]);
+    uploadImage(file);
+  };
+
+  var uploadImage = function uploadImage(file) {
+    var formData = new FormData();
+    formData.append("sampling[pictures_attributes][".concat(photos.length + 1, "00][photo]"), file);
+
+    _axios.default.put((0, _urls.urls)({
+      samplingId: sampling.sampling.id
+    }).samplingProperties.updateSampling.url, formData).then(function () {
+      setImgs(function (prev) {
+        return [].concat((0, _toConsumableArray2.default)(prev), [file]);
+      });
+      setPhotos(function (prev) {
+        return [].concat((0, _toConsumableArray2.default)(prev), [file]);
+      });
+      setIsUpload(false);
+    }).catch(function (err) {
+      setIsUpload(false);
+      alert(err);
     });
   };
 
   if (isUpload) return /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, null);
+  if (modalDetails.open) return /*#__PURE__*/_react.default.createElement(_Alert.default, {
+    setModalDetails: setModalDetails,
+    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(CenteredParagraph, null, _i18n.default.t('samplings_page.samplings_properties.cant_upload_without_saving')), /*#__PURE__*/_react.default.createElement(OkayButton, null, _i18n.default.t('buttons.okay')))
+  });
   return /*#__PURE__*/_react.default.createElement(UploadButtonStyle, null, /*#__PURE__*/_react.default.createElement(InputTitle, null, _i18n.default.t('sampling_screen.add_photo')), /*#__PURE__*/_react.default.createElement("label", {
     htmlFor: "file-input"
   }, /*#__PURE__*/_react.default.createElement("img", {
@@ -100,4 +130,35 @@ var ImageUploadButton = function ImageUploadButton(_ref3) {
 };
 
 exports.ImageUploadButton = ImageUploadButton;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS1raXQvSW1hZ2VVcGxvYWRCdXR0b24vSW1hZ2VVcGxvYWRCdXR0b24udHN4Il0sIm5hbWVzIjpbIlVwbG9hZEJ1dHRvblN0eWxlIiwic3R5bGVkIiwiZmllbGRzZXQiLCJ0aGVtZSIsImNvbG9yU2NoZW1lIiwibmF0dXJhbCIsIm42MCIsIklucHV0VGl0bGUiLCJsZWdlbmQiLCJmb250U2l6ZSIsInh4cyIsIkltYWdlVXBsb2FkSW5wdXQiLCJpbnB1dCIsIkltYWdlVXBsb2FkQnV0dG9uIiwib25IYW5kbGVJbWdVcGxvYWQiLCJpbWdzIiwic2V0SW1ncyIsImlzVXBsb2FkIiwic2V0SXNVcGxvYWQiLCJsZW5ndGgiLCJuZXdJbWdVcmxzIiwiZm9yRWFjaCIsImltZyIsInB1c2giLCJVUkwiLCJjcmVhdGVPYmplY3RVUkwiLCJoYW5kbGVJbWdVcGxvYWQiLCJlIiwidGFyZ2V0IiwiZmlsZXMiLCJmaWxlIiwicHJldiIsImkxOG4iLCJ0IiwiQWRkUGhvdG8iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7Ozs7QUFHQTs7QUFDQTs7Ozs7O0FBTUEsSUFBTUEsaUJBQWlCLEdBQUdDLDBCQUFPQyxRQUFWO0FBQUE7QUFBQTtBQUFBLHNKQUlMO0FBQUEsTUFBR0MsS0FBSCxRQUFHQSxLQUFIO0FBQUEsU0FBZUEsS0FBSyxDQUFDQyxXQUFOLENBQWtCQyxPQUFsQixDQUEwQkMsR0FBekM7QUFBQSxDQUpLLENBQXZCOztBQWFBLElBQU1DLFVBQVUsR0FBR04sMEJBQU9PLE1BQVY7QUFBQTtBQUFBO0FBQUEsZ0RBQ0Q7QUFBQSxNQUFHTCxLQUFILFNBQUdBLEtBQUg7QUFBQSxTQUFlQSxLQUFLLENBQUNNLFFBQU4sQ0FBZUMsR0FBOUI7QUFBQSxDQURDLENBQWhCOztBQUlBLElBQU1DLGdCQUFnQixHQUFHViwwQkFBT1csS0FBVjtBQUFBO0FBQUE7QUFBQSwwQkFBdEI7O0FBSU8sSUFBTUMsaUJBQXdDLEdBQUcsU0FBM0NBLGlCQUEyQyxRQUVsRDtBQUFBLE1BREpDLGlCQUNJLFNBREpBLGlCQUNJOztBQUNKLGtCQUF3QixxQkFBaUIsRUFBakIsQ0FBeEI7QUFBQTtBQUFBLE1BQU9DLElBQVA7QUFBQSxNQUFhQyxPQUFiOztBQUNBLG1CQUFnQyxxQkFBa0IsS0FBbEIsQ0FBaEM7QUFBQTtBQUFBLE1BQU9DLFFBQVA7QUFBQSxNQUFpQkMsV0FBakI7O0FBRUEsd0JBQVUsWUFBTTtBQUNkLFFBQUlILElBQUksQ0FBQ0ksTUFBTCxHQUFjLENBQWxCLEVBQXFCO0FBQ3JCLFFBQU1DLFVBQW9CLEdBQUcsRUFBN0I7QUFDQUwsSUFBQUEsSUFBSSxDQUFDTSxPQUFMLENBQWEsVUFBQ0MsR0FBRDtBQUFBLGFBQWVGLFVBQVUsQ0FBQ0csSUFBWCxDQUFnQkMsR0FBRyxDQUFDQyxlQUFKLENBQW9CSCxHQUFwQixDQUFoQixDQUFmO0FBQUEsS0FBYjtBQUNBUixJQUFBQSxpQkFBaUIsQ0FBQ00sVUFBRCxDQUFqQjtBQUNBSixJQUFBQSxPQUFPLENBQUMsRUFBRCxDQUFQO0FBQ0FFLElBQUFBLFdBQVcsQ0FBQyxLQUFELENBQVg7QUFDRCxHQVBELEVBT0csQ0FBQ0gsSUFBRCxDQVBIOztBQVNBLE1BQU1XLGVBQWUsR0FBRyxTQUFsQkEsZUFBa0IsQ0FBQ0MsQ0FBRCxFQUFzQztBQUFBOztBQUM1RFQsSUFBQUEsV0FBVyxDQUFDLElBQUQsQ0FBWDtBQUNBLFFBQU1OLEtBQUssR0FBR2UsQ0FBQyxDQUFDQyxNQUFoQjtBQUNBLFFBQUksa0JBQUNoQixLQUFLLENBQUNpQixLQUFQLGlEQUFDLGFBQWFWLE1BQWQsQ0FBSixFQUEwQjtBQUMxQixRQUFNVyxJQUFJLEdBQUdsQixLQUFLLENBQUNpQixLQUFOLENBQVksQ0FBWixDQUFiO0FBQ0FiLElBQUFBLE9BQU8sQ0FBQyxVQUFDZSxJQUFEO0FBQUEsd0RBQWNBLElBQWQsSUFBb0JELElBQXBCO0FBQUEsS0FBRCxDQUFQO0FBQ0QsR0FORDs7QUFRQSxNQUFJYixRQUFKLEVBQWMsb0JBQU8sNkJBQUMsZ0JBQUQsT0FBUDtBQUNkLHNCQUNFLDZCQUFDLGlCQUFELHFCQUNFLDZCQUFDLFVBQUQsUUFBYWUsY0FBS0MsQ0FBTCxDQUFPLDJCQUFQLENBQWIsQ0FERixlQUVFO0FBQU8sSUFBQSxPQUFPLEVBQUM7QUFBZixrQkFDRTtBQUFLLElBQUEsR0FBRyxFQUFFQyxpQkFBVjtBQUFvQixJQUFBLEdBQUcsRUFBQztBQUF4QixJQURGLENBRkYsZUFLRSw2QkFBQyxnQkFBRDtBQUNFLElBQUEsUUFBUSxFQUFFLGtCQUFDUCxDQUFEO0FBQUEsYUFBc0NELGVBQWUsQ0FBQ0MsQ0FBRCxDQUFyRDtBQUFBLEtBRFo7QUFFRSxJQUFBLElBQUksRUFBQyxNQUZQO0FBR0UsSUFBQSxFQUFFLEVBQUM7QUFITCxJQUxGLENBREY7QUFhRCxDQXJDTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDaGFuZ2VFdmVudCwgRkMsIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzL21hY3JvJztcbmltcG9ydCBBZGRQaG90byBmcm9tICdzcmMvYXNzZXRzL2ljb25zL2FkZC1waG90by5zdmcnO1xuaW1wb3J0IGkxOG4gZnJvbSAnc3JjL3V0aWxpdGllcy9pMThuJztcbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICdzcmMvY29tcG9uZW50cy9TcGlubmVyL1NwaW5uZXInO1xuXG50eXBlIFVwbG9hZEJ1dHRvblByb3BzID0ge1xuICBvbkhhbmRsZUltZ1VwbG9hZDogKGltZ3M6IHN0cmluZ1tdIHwgc3RyaW5nKSA9PiB2b2lkO1xufTtcblxuY29uc3QgVXBsb2FkQnV0dG9uU3R5bGUgPSBzdHlsZWQuZmllbGRzZXRgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHBsYWNlLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlcjogZGFzaGVkO1xuICBib3JkZXItY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JTY2hlbWUubmF0dXJhbC5uNjB9O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGhlaWdodDogNzZweDtcbiAgd2lkdGg6IDY2cHg7XG4gIGltZyB7XG4gICAgbWFyZ2luLXRvcDogOXB4O1xuICAgIG1hcmdpbi1sZWZ0OiA0cHg7XG4gIH1cbmA7XG5jb25zdCBJbnB1dFRpdGxlID0gc3R5bGVkLmxlZ2VuZGBcbiAgZm9udC1zaXplOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRTaXplLnh4c30gIWltcG9ydGFudDtcbiAgbWFyZ2luOiAwIDJweDtcbmA7XG5jb25zdCBJbWFnZVVwbG9hZElucHV0ID0gc3R5bGVkLmlucHV0YFxuICB2aXNpYmlsaXR5OiBoaWRkZW47XG5gO1xuXG5leHBvcnQgY29uc3QgSW1hZ2VVcGxvYWRCdXR0b246IEZDPFVwbG9hZEJ1dHRvblByb3BzPiA9ICh7XG4gIG9uSGFuZGxlSW1nVXBsb2FkLFxufSkgPT4ge1xuICBjb25zdCBbaW1ncywgc2V0SW1nc10gPSB1c2VTdGF0ZTxCbG9iW10+KFtdKTtcbiAgY29uc3QgW2lzVXBsb2FkLCBzZXRJc1VwbG9hZF0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaW1ncy5sZW5ndGggPCAxKSByZXR1cm47XG4gICAgY29uc3QgbmV3SW1nVXJsczogc3RyaW5nW10gPSBbXTtcbiAgICBpbWdzLmZvckVhY2goKGltZzogQmxvYikgPT4gbmV3SW1nVXJscy5wdXNoKFVSTC5jcmVhdGVPYmplY3RVUkwoaW1nKSkpO1xuICAgIG9uSGFuZGxlSW1nVXBsb2FkKG5ld0ltZ1VybHMpO1xuICAgIHNldEltZ3MoW10pO1xuICAgIHNldElzVXBsb2FkKGZhbHNlKTtcbiAgfSwgW2ltZ3NdKTtcblxuICBjb25zdCBoYW5kbGVJbWdVcGxvYWQgPSAoZTogQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICBzZXRJc1VwbG9hZCh0cnVlKTtcbiAgICBjb25zdCBpbnB1dCA9IGUudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgaWYgKCFpbnB1dC5maWxlcz8ubGVuZ3RoKSByZXR1cm47XG4gICAgY29uc3QgZmlsZSA9IGlucHV0LmZpbGVzWzBdO1xuICAgIHNldEltZ3MoKHByZXYpID0+IFsuLi5wcmV2LCBmaWxlXSk7XG4gIH07XG5cbiAgaWYgKGlzVXBsb2FkKSByZXR1cm4gPFNwaW5uZXIgLz47XG4gIHJldHVybiAoXG4gICAgPFVwbG9hZEJ1dHRvblN0eWxlPlxuICAgICAgPElucHV0VGl0bGU+e2kxOG4udCgnc2FtcGxpbmdfc2NyZWVuLmFkZF9waG90bycpfTwvSW5wdXRUaXRsZT5cbiAgICAgIDxsYWJlbCBodG1sRm9yPVwiZmlsZS1pbnB1dFwiPlxuICAgICAgICA8aW1nIHNyYz17QWRkUGhvdG99IGFsdD1cInVwbG9hZC1zYW1wbGluZ1wiIC8+XG4gICAgICA8L2xhYmVsPlxuICAgICAgPEltYWdlVXBsb2FkSW5wdXRcbiAgICAgICAgb25DaGFuZ2U9eyhlOiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gaGFuZGxlSW1nVXBsb2FkKGUpfVxuICAgICAgICB0eXBlPVwiZmlsZVwiXG4gICAgICAgIGlkPVwiZmlsZS1pbnB1dFwiXG4gICAgICAvPlxuICAgIDwvVXBsb2FkQnV0dG9uU3R5bGU+XG4gICk7XG59O1xuIl19
+
+var OkayButton = _styledComponents.default.div.withConfig({
+  displayName: "ImageUploadButton__OkayButton",
+  componentId: "sc-2oaz29-0"
+})(["width:100%;height:45px;border-top:1px solid #a8a8aa;display:flex;justify-content:center;align-items:center;text-align:center;color:", ";"], function (_ref) {
+  var theme = _ref.theme;
+  return theme.colorScheme.natural.n60;
+});
+
+var UploadButtonStyle = _styledComponents.default.div.withConfig({
+  displayName: "ImageUploadButton__UploadButtonStyle",
+  componentId: "sc-2oaz29-1"
+})(["display:grid;place-items:center;border-radius:4px;height:76px;width:66px;img{margin-top:9px;margin-left:4px;}"]);
+
+var InputTitle = _styledComponents.default.legend.withConfig({
+  displayName: "ImageUploadButton__InputTitle",
+  componentId: "sc-2oaz29-2"
+})(["font-size:", " !important;margin:0 2px;"], function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.fontSize.xxs;
+});
+
+var ImageUploadInput = _styledComponents.default.input.withConfig({
+  displayName: "ImageUploadButton__ImageUploadInput",
+  componentId: "sc-2oaz29-3"
+})(["display:none;"]);
+
+var CenteredParagraph = _styledComponents.default.div.withConfig({
+  displayName: "ImageUploadButton__CenteredParagraph",
+  componentId: "sc-2oaz29-4"
+})(["height:calc(100% - 45px);width:100%;display:flex;justify-content:center;align-items:center;text-align:center;padding:20px;"]);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS1raXQvSW1hZ2VVcGxvYWRCdXR0b24vSW1hZ2VVcGxvYWRCdXR0b24udHN4Il0sIm5hbWVzIjpbIkltYWdlVXBsb2FkQnV0dG9uIiwicGFyYW1zIiwib25IYW5kbGVJbWdVcGxvYWQiLCJzZXRQaG90b3MiLCJzYW1wbGluZyIsInBob3RvcyIsImltZ3MiLCJzZXRJbWdzIiwiaXNVcGxvYWQiLCJzZXRJc1VwbG9hZCIsIm9wZW4iLCJpbnN0YW5jZSIsIm1vZGFsRGV0YWlscyIsInNldE1vZGFsRGV0YWlscyIsImluaXRpYWxpemVCdXR0b24iLCJsZW5ndGgiLCJuZXdJbWdVcmxzIiwiZm9yRWFjaCIsImltZyIsInB1c2giLCJVUkwiLCJjcmVhdGVPYmplY3RVUkwiLCJoYW5kbGVJbWdVcGxvYWQiLCJlIiwiaWQiLCJpbnB1dCIsInRhcmdldCIsImZpbGVzIiwiZmlsZSIsInVwbG9hZEltYWdlIiwiZm9ybURhdGEiLCJGb3JtRGF0YSIsImFwcGVuZCIsImF4aW9zIiwicHV0Iiwic2FtcGxpbmdJZCIsInNhbXBsaW5nUHJvcGVydGllcyIsInVwZGF0ZVNhbXBsaW5nIiwidXJsIiwidGhlbiIsInByZXYiLCJjYXRjaCIsImVyciIsImFsZXJ0IiwiaTE4biIsInQiLCJBZGRQaG90byIsIk9rYXlCdXR0b24iLCJzdHlsZWQiLCJkaXYiLCJ0aGVtZSIsImNvbG9yU2NoZW1lIiwibmF0dXJhbCIsIm42MCIsIlVwbG9hZEJ1dHRvblN0eWxlIiwiSW5wdXRUaXRsZSIsImxlZ2VuZCIsImZvbnRTaXplIiwieHhzIiwiSW1hZ2VVcGxvYWRJbnB1dCIsIkNlbnRlcmVkUGFyYWdyYXBoIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFRQTs7OztBQUVBOztBQUNBOztBQUVBOztBQUNBOztBQUNBOzs7Ozs7QUFVTyxJQUFNQSxpQkFBd0MsR0FBRyxTQUEzQ0EsaUJBQTJDLENBQUNDLE1BQUQsRUFBWTtBQUNsRSxNQUFRQyxpQkFB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QVJLLENBQWhCOztBQVdBLElBQU1DLGlCQUFpQixHQUFHTiwwQkFBT0MsR0FBVjtBQUFBO0FBQUE7QUFBQSxxSEFBdkI7O0FBWUEsSUFBTU0sVUFBVSxHQUFHUCwwQkFBT1EsTUFBVjtBQUFBO0FBQUE7QUFBQSxnREFDRDtBQUFBLE1BQUdOLEtBQUgsU0FBR0EsS0FBSDtBQUFBLFNBQWVBLEtBQUssQ0FBQ08sUUFBTixDQUFlQyxHQUE5QjtBQUFBLENBREMsQ0FBaEI7O0FBS0EsSUFBTUMsZ0JBQWdCLEdBQUdYLDBCQUFPdkIsS0FBVjtBQUFBO0FBQUE7QUFBQSxxQkFBdEI7O0FBSUEsSUFBTW1DLGlCQUFpQixHQUFHWiwwQkFBT0MsR0FBVjtBQUFBO0FBQUE7QUFBQSxrSUFBdkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHtcbiAgQ2hhbmdlRXZlbnQsXG4gIERpc3BhdGNoLFxuICBGQyxcbiAgU2V0U3RhdGVBY3Rpb24sXG4gIHVzZUVmZmVjdCxcbiAgdXNlU3RhdGUsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IEFkZFBob3RvIGZyb20gJ3NyYy9hc3NldHMvaWNvbnMvYWRkLXBob3RvLnN2Zyc7XG5pbXBvcnQgaTE4biBmcm9tICdzcmMvdXRpbGl0aWVzL2kxOG4nO1xuaW1wb3J0IHsgU3Bpbm5lciB9IGZyb20gJ3NyYy9jb21wb25lbnRzL1NwaW5uZXIvU3Bpbm5lcic7XG5pbXBvcnQgeyBUU2FtcGxpbmdQcm9wZXJ0aWVzIH0gZnJvbSAnLi4vLi4vcGFnZXMvU2FtcGxpbmdzUGFnZS9TYW1wbGluZ1Byb3BlcnRpZXMvU2FtcGxpbmdNb2JpbGVQcm9wZXJ0aWVzJztcbmltcG9ydCBheGlvcyBmcm9tICdheGlvcyc7XG5pbXBvcnQgeyB1cmxzIH0gZnJvbSAnLi4vLi4vdXRpbGl0aWVzL3VybHMnO1xuaW1wb3J0IEFsZXJ0IGZyb20gJy4uLy4uL3V0aWxpdGllcy9BbGVydCc7XG5pbXBvcnQgeyBBbGVydERldGFpbHMgfSBmcm9tICcuLi8uLi9wYWdlcy9TYW1wbGluZ3NQYWdlL1NhbXBsaW5nUHJvcGVydGllcy9zYW1wbGluZ1Byb3BlcnRpZXNVdGlscyc7XG5cbnR5cGUgVXBsb2FkQnV0dG9uUHJvcHMgPSB7XG4gIG9uSGFuZGxlSW1nVXBsb2FkOiAoaW1nczogc3RyaW5nW10gfCBzdHJpbmcpID0+IHZvaWQ7XG4gIHNldFBob3RvczogRGlzcGF0Y2g8U2V0U3RhdGVBY3Rpb248YW55W10+PjtcbiAgcGhvdG9zOiBCbG9iW107XG4gIHNhbXBsaW5nOiBUU2FtcGxpbmdQcm9wZXJ0aWVzO1xufTtcblxuZXhwb3J0IGNvbnN0IEltYWdlVXBsb2FkQnV0dG9uOiBGQzxVcGxvYWRCdXR0b25Qcm9wcz4gPSAocGFyYW1zKSA9PiB7XG4gIGNvbnN0IHsgb25IYW5kbGVJbWdVcGxvYWQsIHNldFBob3Rvcywgc2FtcGxpbmcsIHBob3RvcyB9ID0gcGFyYW1zO1xuICBjb25zdCBbaW1ncywgc2V0SW1nc10gPSB1c2VTdGF0ZTxCbG9iW10+KFtdKTtcbiAgY29uc3QgW2lzVXBsb2FkLCBzZXRJc1VwbG9hZF0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gIGNvbnN0IFttb2RhbERldGFpbHMsIHNldE1vZGFsRGV0YWlsc10gPSB1c2VTdGF0ZTxBbGVydERldGFpbHM+KHtcbiAgICBvcGVuOiBmYWxzZSxcbiAgICBpbnN0YW5jZTogJycsXG4gIH0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaW5pdGlhbGl6ZUJ1dHRvbigpO1xuICB9LCBbaW1nc10pO1xuXG4gIGNvbnN0IGluaXRpYWxpemVCdXR0b24gPSAoKSA9PiB7XG4gICAgaWYgKGltZ3MubGVuZ3RoIDwgMSkgcmV0dXJuO1xuICAgIGNvbnN0IG5ld0ltZ1VybHM6IHN0cmluZ1tdID0gW107XG4gICAgaW1ncy5mb3JFYWNoKChpbWc6IEJsb2IpID0+IG5ld0ltZ1VybHMucHVzaChVUkwuY3JlYXRlT2JqZWN0VVJMKGltZykpKTtcbiAgICBvbkhhbmRsZUltZ1VwbG9hZChuZXdJbWdVcmxzKTtcbiAgICBzZXRJbWdzKFtdKTtcbiAgICBzZXRJc1VwbG9hZChmYWxzZSk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlSW1nVXBsb2FkID0gKGU6IENoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKHNhbXBsaW5nLnNhbXBsaW5nLmlkID09PSBudWxsKSB7XG4gICAgICBzZXRNb2RhbERldGFpbHMoeyBvcGVuOiB0cnVlLCBpbnN0YW5jZTogJycgfSk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgc2V0SXNVcGxvYWQodHJ1ZSk7XG4gICAgY29uc3QgaW5wdXQgPSBlLnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgIGlmICghaW5wdXQuZmlsZXM/Lmxlbmd0aCkgcmV0dXJuO1xuICAgIGNvbnN0IGZpbGUgPSBpbnB1dC5maWxlc1swXTtcbiAgICB1cGxvYWRJbWFnZShmaWxlKTtcbiAgfTtcblxuICBjb25zdCB1cGxvYWRJbWFnZSA9IChmaWxlKSA9PiB7XG4gICAgbGV0IGZvcm1EYXRhID0gbmV3IEZvcm1EYXRhKCk7XG4gICAgZm9ybURhdGEuYXBwZW5kKFxuICAgICAgYHNhbXBsaW5nW3BpY3R1cmVzX2F0dHJpYnV0ZXNdWyR7cGhvdG9zLmxlbmd0aCArIDF9MDBdW3Bob3RvXWAsXG4gICAgICBmaWxlLFxuICAgICk7XG5cbiAgICBheGlvc1xuICAgICAgLnB1dChcbiAgICAgICAgdXJscyh7IHNhbXBsaW5nSWQ6IHNhbXBsaW5nLnNhbXBsaW5nLmlkIH0pLnNhbXBsaW5nUHJvcGVydGllc1xuICAgICAgICAgIC51cGRhdGVTYW1wbGluZy51cmwsXG4gICAgICAgIGZvcm1EYXRhLFxuICAgICAgKVxuICAgICAgLnRoZW4oKCkgPT4ge1xuICAgICAgICBzZXRJbWdzKChwcmV2KSA9PiBbLi4ucHJldiwgZmlsZV0pO1xuICAgICAgICBzZXRQaG90b3MoKHByZXYpID0+IFsuLi5wcmV2LCBmaWxlXSk7XG4gICAgICAgIHNldElzVXBsb2FkKGZhbHNlKTtcbiAgICAgIH0pXG4gICAgICAuY2F0Y2goKGVycikgPT4ge1xuICAgICAgICBzZXRJc1VwbG9hZChmYWxzZSk7XG4gICAgICAgIGFsZXJ0KGVycik7XG4gICAgICB9KTtcbiAgfTtcblxuICBpZiAoaXNVcGxvYWQpIHJldHVybiA8U3Bpbm5lciAvPjtcbiAgaWYgKG1vZGFsRGV0YWlscy5vcGVuKVxuICAgIHJldHVybiAoXG4gICAgICA8QWxlcnRcbiAgICAgICAgc2V0TW9kYWxEZXRhaWxzPXtzZXRNb2RhbERldGFpbHN9XG4gICAgICAgIGNoaWxkcmVuPXtcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPENlbnRlcmVkUGFyYWdyYXBoPlxuICAgICAgICAgICAgICB7aTE4bi50KFxuICAgICAgICAgICAgICAgICdzYW1wbGluZ3NfcGFnZS5zYW1wbGluZ3NfcHJvcGVydGllcy5jYW50X3VwbG9hZF93aXRob3V0X3NhdmluZycsXG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0NlbnRlcmVkUGFyYWdyYXBoPlxuICAgICAgICAgICAgPE9rYXlCdXR0b24+e2kxOG4udCgnYnV0dG9ucy5va2F5Jyl9PC9Pa2F5QnV0dG9uPlxuICAgICAgICAgIDwvPlxuICAgICAgICB9XG4gICAgICAvPlxuICAgICk7XG4gIHJldHVybiAoXG4gICAgPFVwbG9hZEJ1dHRvblN0eWxlPlxuICAgICAgPElucHV0VGl0bGU+e2kxOG4udCgnc2FtcGxpbmdfc2NyZWVuLmFkZF9waG90bycpfTwvSW5wdXRUaXRsZT5cbiAgICAgIDxsYWJlbCBodG1sRm9yPVwiZmlsZS1pbnB1dFwiPlxuICAgICAgICA8aW1nIHNyYz17QWRkUGhvdG99IGFsdD1cInVwbG9hZC1zYW1wbGluZ1wiIC8+XG4gICAgICA8L2xhYmVsPlxuICAgICAgPEltYWdlVXBsb2FkSW5wdXRcbiAgICAgICAgb25DaGFuZ2U9eyhlOiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gaGFuZGxlSW1nVXBsb2FkKGUpfVxuICAgICAgICB0eXBlPVwiZmlsZVwiXG4gICAgICAgIGlkPVwiZmlsZS1pbnB1dFwiXG4gICAgICAvPlxuICAgIDwvVXBsb2FkQnV0dG9uU3R5bGU+XG4gICk7XG59O1xuXG5jb25zdCBPa2F5QnV0dG9uID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNDVweDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICNhOGE4YWE7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yU2NoZW1lLm5hdHVyYWwubjYwfTtcbmA7XG5cbmNvbnN0IFVwbG9hZEJ1dHRvblN0eWxlID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgcGxhY2UtaXRlbXM6IGNlbnRlcjtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBoZWlnaHQ6IDc2cHg7XG4gIHdpZHRoOiA2NnB4O1xuICBpbWcge1xuICAgIG1hcmdpbi10b3A6IDlweDtcbiAgICBtYXJnaW4tbGVmdDogNHB4O1xuICB9XG5gO1xuXG5jb25zdCBJbnB1dFRpdGxlID0gc3R5bGVkLmxlZ2VuZGBcbiAgZm9udC1zaXplOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRTaXplLnh4c30gIWltcG9ydGFudDtcbiAgbWFyZ2luOiAwIDJweDtcbmA7XG5cbmNvbnN0IEltYWdlVXBsb2FkSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5jb25zdCBDZW50ZXJlZFBhcmFncmFwaCA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogY2FsYygxMDAlIC0gNDVweCk7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBwYWRkaW5nOiAyMHB4O1xuYDtcbiJdfQ==

package/lib/ui-kit/MobileInput/MobileInput.js

@@ -13,76 +13,135 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactBootstrap = require("react-bootstrap");
 
-var MobileInputStyle = _styledComponents.default.div.withConfig({
-  displayName: "MobileInput__MobileInputStyle",
-  componentId: "sc-1ajqxnr-0"
-})(["max-width:100%;min-width:100px;margin-bottom:15px;"]);
+var _theme = require("../../styles/theme/theme");
+
+var _styleModule = _interopRequireDefault(require("./style.module.scss"));
 
-var InputBorder = _styledComponents.default.fieldset.withConfig({
+var InputBorder = _styledComponents.default.fieldset.attrs(function (props) {
+  return {
+    isInvalid: props.isInvalid,
+    disabled: props.disabled
+  };
+}).withConfig({
   displayName: "MobileInput__InputBorder",
-  componentId: "sc-1ajqxnr-1"
-})(["display:flex;align-items:center;border:solid;border-color:", ";border-radius:4px;height:65px;"], function (_ref) {
-  var theme = _ref.theme;
-  return theme.colorScheme.natural.n60;
+  componentId: "sc-1ajqxnr-0"
+})(["display:flex;align-items:center;border:1px solid;border-color:", ";border-radius:4px;height:65px;"], function (props) {
+  return props.isInvalid ? function (_ref) {
+    var theme = _ref.theme;
+    return theme.colorScheme.data.R100;
+  } : function (_ref2) {
+    var theme = _ref2.theme;
+    return theme.colorScheme.natural.n60;
+  };
 });
 
 var InputTitle = _styledComponents.default.legend.withConfig({
   displayName: "MobileInput__InputTitle",
-  componentId: "sc-1ajqxnr-2"
-})(["font-size:", " !important;padding:0 10px;margin:0 10px;width:fit-content;&:after{content:'*';margin-inline-start:5px;color:", ";}"], function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.fontSize.sm;
-}, function (_ref3) {
+  componentId: "sc-1ajqxnr-1"
+})(["font-size:", " !important;padding:0 10px;margin:0 10px;width:fit-content;color:", ";", ""], function (_ref3) {
   var theme = _ref3.theme;
-  return theme.samplingsPage.mobile.propertiesClickItems;
+  return theme.fontSize.sm;
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.colorScheme.natural.n90;
+}, function (props) {
+  return props.mandatory && "&:after {\n      content: '*';\n      margin-inline-start: 5px;\n      color: ".concat(_theme.theme.samplingsPage.mobile.propertiesClickItems, ";\n     }");
 });
 
 var TextInputStyle = (0, _styledComponents.default)(_reactBootstrap.Form.Control).withConfig({
   displayName: "MobileInput__TextInputStyle",
-  componentId: "sc-1ajqxnr-3"
-})(["&:focus{box-shadow:none;}padding:0 10px;margin-bottom:5px;"]);
+  componentId: "sc-1ajqxnr-2"
+})(["width:100%;height:100%;&:focus{box-shadow:none !important;outline:none;background-image:none;}padding:0 10px;margin-bottom:5px;"]);
 var SelectInputStyle = (0, _styledComponents.default)(_reactBootstrap.Form.Control).withConfig({
   displayName: "MobileInput__SelectInputStyle",
-  componentId: "sc-1ajqxnr-4"
-})(["width:100%;&:focus{box-shadow:none;}padding:0 10px;margin-bottom:5px;background-color:", ";"], function (_ref4) {
-  var theme = _ref4.theme;
+  componentId: "sc-1ajqxnr-3"
+})(["width:100%;&:focus{box-shadow:none;}padding:0 10px;margin-bottom:5px;background-color:", ";outline:0 !important;"], function (_ref5) {
+  var theme = _ref5.theme;
   return theme.colorScheme.natural.n1;
 });
+var TextAreaStyle = (0, _styledComponents.default)(_reactBootstrap.Form.Control).withConfig({
+  displayName: "MobileInput__TextAreaStyle",
+  componentId: "sc-1ajqxnr-4"
+})(["&:focus{box-shadow:none;border:none;outline:none;}width:100%;height:95%;resize:none;padding:5px 10px;margin-bottom:5px;"]);
 var FormGroupStyle = (0, _styledComponents.default)(_reactBootstrap.Form.Group).withConfig({
   displayName: "MobileInput__FormGroupStyle",
   componentId: "sc-1ajqxnr-5"
-})(["width:100% !important;"]);
-
-var MobileInput = function MobileInput(_ref5) {
-  var inputTitle = _ref5.inputTitle,
-      type = _ref5.type,
-      name = _ref5.name,
-      handleChange = _ref5.handleChange,
-      children = _ref5.children,
-      placeholder = _ref5.placeholder,
-      value = _ref5.value,
-      isValid = _ref5.isValid,
-      symbol = _ref5.symbol;
-  return /*#__PURE__*/_react.default.createElement(MobileInputStyle, null, /*#__PURE__*/_react.default.createElement(InputBorder, null, /*#__PURE__*/_react.default.createElement(InputTitle, null, inputTitle), /*#__PURE__*/_react.default.createElement(FormGroupStyle, {
+})(["width:100% !important;height:100%;position:relative;"]);
+
+var MobileInput = function MobileInput(_ref6) {
+  var inputTitle = _ref6.inputTitle,
+      type = _ref6.type,
+      name = _ref6.name,
+      handleChange = _ref6.handleChange,
+      children = _ref6.children,
+      placeholder = _ref6.placeholder,
+      value = _ref6.value,
+      isInvalid = _ref6.isInvalid,
+      symbol = _ref6.symbol,
+      minValue = _ref6.minValue,
+      maxValue = _ref6.maxValue,
+      minLength = _ref6.minLength,
+      maxLength = _ref6.maxLength,
+      errorMessage = _ref6.errorMessage,
+      disabled = _ref6.disabled,
+      className = _ref6.className,
+      mandatory = _ref6.mandatory;
+
+  var setInputType = function setInputType() {
+    switch (type) {
+      case 'textarea':
+        return /*#__PURE__*/_react.default.createElement(TextAreaStyle, {
+          className: "border-0",
+          onChange: handleChange,
+          as: type,
+          value: value,
+          name: name,
+          placeholder: placeholder,
+          minLength: minLength,
+          maxLength: maxLength
+        });
+
+      case 'select':
+        return /*#__PURE__*/_react.default.createElement(SelectInputStyle, {
+          className: "border-0",
+          onChange: handleChange,
+          as: type,
+          value: value,
+          name: name,
+          disabled: disabled
+        }, children);
+
+      default:
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(TextInputStyle, {
+          className: "border-0",
+          name: name,
+          onChange: handleChange,
+          placeholder: placeholder,
+          value: value,
+          type: type,
+          autoComplete: "off",
+          min: minValue,
+          max: maxValue,
+          minLength: minLength,
+          maxLength: maxLength,
+          disabled: disabled
+        }), symbol);
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement(InputBorder, {
+    className: "".concat(_styleModule.default.mobileInput, " ").concat(className),
+    isInvalid: isInvalid,
+    disabled: disabled
+  }, /*#__PURE__*/_react.default.createElement(InputTitle, {
+    mandatory: mandatory
+  }, inputTitle), /*#__PURE__*/_react.default.createElement(FormGroupStyle, {
     className: "d-flex align-items-center",
     as: _reactBootstrap.Col
-  }, type !== 'select' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(TextInputStyle, {
-    className: "border-0",
-    name: name,
-    onChange: handleChange,
-    placeholder: placeholder,
-    isValid: isValid,
-    value: value,
-    type: type,
-    autoComplete: "off"
-  }), symbol) : /*#__PURE__*/_react.default.createElement(SelectInputStyle, {
-    className: "border-0",
-    onChange: handleChange,
-    as: "select",
-    value: value,
-    name: name
-  }, children))));
+  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.InputGroup, {
+    hasValidation: true
+  }, setInputType())));
 };
 
 exports.MobileInput = MobileInput;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS1raXQvTW9iaWxlSW5wdXQvTW9iaWxlSW5wdXQudHN4Il0sIm5hbWVzIjpbIk1vYmlsZUlucHV0U3R5bGUiLCJzdHlsZWQiLCJkaXYiLCJJbnB1dEJvcmRlciIsImZpZWxkc2V0IiwidGhlbWUiLCJjb2xvclNjaGVtZSIsIm5hdHVyYWwiLCJuNjAiLCJJbnB1dFRpdGxlIiwibGVnZW5kIiwiZm9udFNpemUiLCJzbSIsInNhbXBsaW5nc1BhZ2UiLCJtb2JpbGUiLCJwcm9wZXJ0aWVzQ2xpY2tJdGVtcyIsIlRleHRJbnB1dFN0eWxlIiwiRm9ybSIsIkNvbnRyb2wiLCJTZWxlY3RJbnB1dFN0eWxlIiwibjEiLCJGb3JtR3JvdXBTdHlsZSIsIkdyb3VwIiwiTW9iaWxlSW5wdXQiLCJpbnB1dFRpdGxlIiwidHlwZSIsIm5hbWUiLCJoYW5kbGVDaGFuZ2UiLCJjaGlsZHJlbiIsInBsYWNlaG9sZGVyIiwidmFsdWUiLCJpc1ZhbGlkIiwic3ltYm9sIiwiQ29sIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQWlCQSxJQUFNQSxnQkFBZ0IsR0FBR0MsMEJBQU9DLEdBQVY7QUFBQTtBQUFBO0FBQUEsMERBQXRCOztBQU1BLElBQU1DLFdBQVcsR0FBR0YsMEJBQU9HLFFBQVY7QUFBQTtBQUFBO0FBQUEsc0dBSUM7QUFBQSxNQUFHQyxLQUFILFFBQUdBLEtBQUg7QUFBQSxTQUFlQSxLQUFLLENBQUNDLFdBQU4sQ0FBa0JDLE9BQWxCLENBQTBCQyxHQUF6QztBQUFBLENBSkQsQ0FBakI7O0FBUUEsSUFBTUMsVUFBVSxHQUFHUiwwQkFBT1MsTUFBVjtBQUFBO0FBQUE7QUFBQSwwSUFDRDtBQUFBLE1BQUdMLEtBQUgsU0FBR0EsS0FBSDtBQUFBLFNBQWVBLEtBQUssQ0FBQ00sUUFBTixDQUFlQyxFQUE5QjtBQUFBLENBREMsRUFRSDtBQUFBLE1BQUdQLEtBQUgsU0FBR0EsS0FBSDtBQUFBLFNBQWVBLEtBQUssQ0FBQ1EsYUFBTixDQUFvQkMsTUFBcEIsQ0FBMkJDLG9CQUExQztBQUFBLENBUkcsQ0FBaEI7O0FBWUEsSUFBTUMsY0FBYyxHQUFHLCtCQUFPQyxxQkFBS0MsT0FBWixDQUFIO0FBQUE7QUFBQTtBQUFBLGtFQUFwQjtBQVFBLElBQU1DLGdCQUFnQixHQUFHLCtCQUFPRixxQkFBS0MsT0FBWixDQUFIO0FBQUE7QUFBQTtBQUFBLG9HQU9BO0FBQUEsTUFBR2IsS0FBSCxTQUFHQSxLQUFIO0FBQUEsU0FBZUEsS0FBSyxDQUFDQyxXQUFOLENBQWtCQyxPQUFsQixDQUEwQmEsRUFBekM7QUFBQSxDQVBBLENBQXRCO0FBVUEsSUFBTUMsY0FBYyxHQUFHLCtCQUFPSixxQkFBS0ssS0FBWixDQUFIO0FBQUE7QUFBQTtBQUFBLDhCQUFwQjs7QUFJTyxJQUFNQyxXQUFpQyxHQUFHLFNBQXBDQSxXQUFvQyxRQVUzQztBQUFBLE1BVEpDLFVBU0ksU0FUSkEsVUFTSTtBQUFBLE1BUkpDLElBUUksU0FSSkEsSUFRSTtBQUFBLE1BUEpDLElBT0ksU0FQSkEsSUFPSTtBQUFBLE1BTkpDLFlBTUksU0FOSkEsWUFNSTtBQUFBLE1BTEpDLFFBS0ksU0FMSkEsUUFLSTtBQUFBLE1BSkpDLFdBSUksU0FKSkEsV0FJSTtBQUFBLE1BSEpDLEtBR0ksU0FISkEsS0FHSTtBQUFBLE1BRkpDLE9BRUksU0FGSkEsT0FFSTtBQUFBLE1BREpDLE1BQ0ksU0FESkEsTUFDSTtBQUNKLHNCQUNFLDZCQUFDLGdCQUFELHFCQUNFLDZCQUFDLFdBQUQscUJBQ0UsNkJBQUMsVUFBRCxRQUFhUixVQUFiLENBREYsZUFFRSw2QkFBQyxjQUFEO0FBQWdCLElBQUEsU0FBUyxFQUFDLDJCQUExQjtBQUFzRCxJQUFBLEVBQUUsRUFBRVM7QUFBMUQsS0FDR1IsSUFBSSxLQUFLLFFBQVQsZ0JBQ0MseUVBQ0UsNkJBQUMsY0FBRDtBQUNFLElBQUEsU0FBUyxFQUFDLFVBRFo7QUFFRSxJQUFBLElBQUksRUFBRUMsSUFGUjtBQUdFLElBQUEsUUFBUSxFQUFFQyxZQUhaO0FBSUUsSUFBQSxXQUFXLEVBQUVFLFdBSmY7QUFLRSxJQUFBLE9BQU8sRUFBRUUsT0FMWDtBQU1FLElBQUEsS0FBSyxFQUFFRCxLQU5UO0FBT0UsSUFBQSxJQUFJLEVBQUVMLElBUFI7QUFRRSxJQUFBLFlBQVksRUFBQztBQVJmLElBREYsRUFXR08sTUFYSCxDQURELGdCQWVDLDZCQUFDLGdCQUFEO0FBQ0UsSUFBQSxTQUFTLEVBQUMsVUFEWjtBQUVFLElBQUEsUUFBUSxFQUFFTCxZQUZaO0FBR0UsSUFBQSxFQUFFLEVBQUMsUUFITDtBQUlFLElBQUEsS0FBSyxFQUFFRyxLQUpUO0FBS0UsSUFBQSxJQUFJLEVBQUVKO0FBTFIsS0FPR0UsUUFQSCxDQWhCSixDQUZGLENBREYsQ0FERjtBQWtDRCxDQTdDTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IENvbCwgRm9ybSB9IGZyb20gJ3JlYWN0LWJvb3RzdHJhcCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzL21hY3JvJztcbmltcG9ydCB7IEZvcm1pa0hhbmRsZXJzIH0gZnJvbSAnZm9ybWlrL2Rpc3QvdHlwZXMnO1xudHlwZSBpbnB1dFR5cGUgPSAndGV4dCcgfCAnc2VsZWN0JyB8ICdudW1iZXInO1xuXG5pbnRlcmZhY2UgTW9iaWxlSW5wdXRQcm9wcyB7XG4gIGlucHV0VGl0bGU6IHN0cmluZztcbiAgdHlwZTogaW5wdXRUeXBlO1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIHZhbHVlPzogc3RyaW5nIHwgbnVtYmVyO1xuICBuYW1lPzogc3RyaW5nO1xuICBoYW5kbGVDaGFuZ2U6IEZvcm1pa0hhbmRsZXJzWydoYW5kbGVDaGFuZ2UnXTtcbiAgaXNWYWxpZD86IGJvb2xlYW4gfCBzdHJpbmc7XG4gIHN5bWJvbD86IHN0cmluZztcbn1cblxuY29uc3QgTW9iaWxlSW5wdXRTdHlsZSA9IHN0eWxlZC5kaXZgXG4gIG1heC13aWR0aDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMDBweDtcbiAgbWFyZ2luLWJvdHRvbTogMTVweDtcbmA7XG5cbmNvbnN0IElucHV0Qm9yZGVyID0gc3R5bGVkLmZpZWxkc2V0YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3JkZXI6IHNvbGlkO1xuICBib3JkZXItY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JTY2hlbWUubmF0dXJhbC5uNjB9O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGhlaWdodDogNjVweDtcbmA7XG5jb25zdCBJbnB1dFRpdGxlID0gc3R5bGVkLmxlZ2VuZGBcbiAgZm9udC1zaXplOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRTaXplLnNtfSAhaW1wb3J0YW50O1xuICBwYWRkaW5nOiAwIDEwcHg7XG4gIG1hcmdpbjogMCAxMHB4O1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcqJztcbiAgICBtYXJnaW4taW5saW5lLXN0YXJ0OiA1cHg7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2FtcGxpbmdzUGFnZS5tb2JpbGUucHJvcGVydGllc0NsaWNrSXRlbXN9O1xuICB9XG5gO1xuXG5jb25zdCBUZXh0SW5wdXRTdHlsZSA9IHN0eWxlZChGb3JtLkNvbnRyb2wpYFxuICAmOmZvY3VzIHtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICB9XG4gIHBhZGRpbmc6IDAgMTBweDtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xuYDtcblxuY29uc3QgU2VsZWN0SW5wdXRTdHlsZSA9IHN0eWxlZChGb3JtLkNvbnRyb2wpYFxuICB3aWR0aDogMTAwJTtcbiAgJjpmb2N1cyB7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgfVxuICBwYWRkaW5nOiAwIDEwcHg7XG4gIG1hcmdpbi1ib3R0b206IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvclNjaGVtZS5uYXR1cmFsLm4xfTtcbmA7XG5cbmNvbnN0IEZvcm1Hcm91cFN0eWxlID0gc3R5bGVkKEZvcm0uR3JvdXApYFxuICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IE1vYmlsZUlucHV0OiBGQzxNb2JpbGVJbnB1dFByb3BzPiA9ICh7XG4gIGlucHV0VGl0bGUsXG4gIHR5cGUsXG4gIG5hbWUsXG4gIGhhbmRsZUNoYW5nZSxcbiAgY2hpbGRyZW4sXG4gIHBsYWNlaG9sZGVyLFxuICB2YWx1ZSxcbiAgaXNWYWxpZCxcbiAgc3ltYm9sLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxNb2JpbGVJbnB1dFN0eWxlPlxuICAgICAgPElucHV0Qm9yZGVyPlxuICAgICAgICA8SW5wdXRUaXRsZT57aW5wdXRUaXRsZX08L0lucHV0VGl0bGU+XG4gICAgICAgIDxGb3JtR3JvdXBTdHlsZSBjbGFzc05hbWU9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyXCIgYXM9e0NvbH0+XG4gICAgICAgICAge3R5cGUgIT09ICdzZWxlY3QnID8gKFxuICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgPFRleHRJbnB1dFN0eWxlXG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiYm9yZGVyLTBcIlxuICAgICAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX1cbiAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICAgICAgaXNWYWxpZD17aXNWYWxpZH1cbiAgICAgICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgICAgICAgICBhdXRvQ29tcGxldGU9XCJvZmZcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICB7c3ltYm9sfVxuICAgICAgICAgICAgPC8+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDxTZWxlY3RJbnB1dFN0eWxlXG4gICAgICAgICAgICAgIGNsYXNzTmFtZT1cImJvcmRlci0wXCJcbiAgICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX1cbiAgICAgICAgICAgICAgYXM9XCJzZWxlY3RcIlxuICAgICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvU2VsZWN0SW5wdXRTdHlsZT5cbiAgICAgICAgICApfVxuICAgICAgICA8L0Zvcm1Hcm91cFN0eWxlPlxuICAgICAgPC9JbnB1dEJvcmRlcj5cbiAgICA8L01vYmlsZUlucHV0U3R5bGU+XG4gICk7XG59O1xuIl19
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS1raXQvTW9iaWxlSW5wdXQvTW9iaWxlSW5wdXQudHN4Il0sIm5hbWVzIjpbIklucHV0Qm9yZGVyIiwic3R5bGVkIiwiZmllbGRzZXQiLCJhdHRycyIsInByb3BzIiwiaXNJbnZhbGlkIiwiZGlzYWJsZWQiLCJ0aGVtZSIsImNvbG9yU2NoZW1lIiwiZGF0YSIsIlIxMDAiLCJuYXR1cmFsIiwibjYwIiwiSW5wdXRUaXRsZSIsImxlZ2VuZCIsImZvbnRTaXplIiwic20iLCJuOTAiLCJtYW5kYXRvcnkiLCJzYW1wbGluZ3NQYWdlIiwibW9iaWxlIiwicHJvcGVydGllc0NsaWNrSXRlbXMiLCJUZXh0SW5wdXRTdHlsZSIsIkZvcm0iLCJDb250cm9sIiwiU2VsZWN0SW5wdXRTdHlsZSIsIm4xIiwiVGV4dEFyZWFTdHlsZSIsIkZvcm1Hcm91cFN0eWxlIiwiR3JvdXAiLCJNb2JpbGVJbnB1dCIsImlucHV0VGl0bGUiLCJ0eXBlIiwibmFtZSIsImhhbmRsZUNoYW5nZSIsImNoaWxkcmVuIiwicGxhY2Vob2xkZXIiLCJ2YWx1ZSIsInN5bWJvbCIsIm1pblZhbHVlIiwibWF4VmFsdWUiLCJtaW5MZW5ndGgiLCJtYXhMZW5ndGgiLCJlcnJvck1lc3NhZ2UiLCJjbGFzc05hbWUiLCJzZXRJbnB1dFR5cGUiLCJTdHlsZSIsIm1vYmlsZUlucHV0IiwiQ29sIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUdBOztBQUVBOztBQTZCQSxJQUFNQSxXQUFXLEdBQUdDLDBCQUFPQyxRQUFQLENBQWdCQyxLQUFoQixDQUFzQixVQUFDQyxLQUFEO0FBQUEsU0FBOEI7QUFDdEVDLElBQUFBLFNBQVMsRUFBRUQsS0FBSyxDQUFDQyxTQURxRDtBQUV0RUMsSUFBQUEsUUFBUSxFQUFFRixLQUFLLENBQUNFO0FBRnNELEdBQTlCO0FBQUEsQ0FBdEIsQ0FBSDtBQUFBO0FBQUE7QUFBQSwwR0FPQyxVQUFDRixLQUFEO0FBQUEsU0FDZEEsS0FB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dCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBDb2wsIEZvcm0sIElucHV0R3JvdXAgfSBmcm9tICdyZWFjdC1ib290c3RyYXAnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cy9tYWNybyc7XG5pbXBvcnQgeyBGb3JtaWtIYW5kbGVycyB9IGZyb20gJ2Zvcm1pay9kaXN0L3R5cGVzJztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lL3RoZW1lJztcblxuaW1wb3J0IFN0eWxlIGZyb20gJy4vc3R5bGUubW9kdWxlLnNjc3MnO1xuXG50eXBlIGlucHV0VHlwZSA9ICd0ZXh0JyB8ICdzZWxlY3QnIHwgJ251bWJlcicgfCAndGV4dGFyZWEnO1xuXG5pbnRlcmZhY2UgSW5wdXRCb3JkZXJQcm9wcyB7XG4gIGlzSW52YWxpZD86IGJvb2xlYW4gfCBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbn1cblxuaW50ZXJmYWNlIE1vYmlsZUlucHV0UHJvcHMge1xuICBpbnB1dFRpdGxlOiBzdHJpbmc7XG4gIHR5cGU6IGlucHV0VHlwZTtcbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xuICB2YWx1ZT86IHN0cmluZyB8IG51bWJlcjtcbiAgbmFtZT86IHN0cmluZztcbiAgaGFuZGxlQ2hhbmdlOiBGb3JtaWtIYW5kbGVyc1snaGFuZGxlQ2hhbmdlJ107XG4gIGlzSW52YWxpZD86IGJvb2xlYW47XG4gIHN5bWJvbD86IHN0cmluZztcbiAgbWFuZGF0b3J5PzogYm9vbGVhbjtcbiAgbWF4VmFsdWU/OiBudW1iZXI7XG4gIG1pblZhbHVlPzogbnVtYmVyO1xuICBtYXhMZW5ndGg/OiBudW1iZXI7XG4gIG1pbkxlbmd0aD86IG51bWJlcjtcbiAgZXJyb3JNZXNzYWdlPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuY29uc3QgSW5wdXRCb3JkZXIgPSBzdHlsZWQuZmllbGRzZXQuYXR0cnMoKHByb3BzOiBJbnB1dEJvcmRlclByb3BzKSA9PiAoe1xuICBpc0ludmFsaWQ6IHByb3BzLmlzSW52YWxpZCxcbiAgZGlzYWJsZWQ6IHByb3BzLmRpc2FibGVkLFxufSkpYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3JkZXI6IDFweCBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5pc0ludmFsaWRcbiAgICAgID8gKHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JTY2hlbWUuZGF0YS5SMTAwXG4gICAgICA6ICh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yU2NoZW1lLm5hdHVyYWwubjYwfTtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBoZWlnaHQ6IDY1cHg7XG5gO1xuXG5jb25zdCBJbnB1dFRpdGxlID0gc3R5bGVkLmxlZ2VuZDx7IG1hbmRhdG9yeTogYm9vbGVhbiB8IHVuZGVmaW5lZCB9PmBcbiAgZm9udC1zaXplOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRTaXplLnNtfSAhaW1wb3J0YW50O1xuICBwYWRkaW5nOiAwIDEwcHg7XG4gIG1hcmdpbjogMCAxMHB4O1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yU2NoZW1lLm5hdHVyYWwubjkwfTtcbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMubWFuZGF0b3J5ICYmXG4gICAgYCY6YWZ0ZXIge1xuICAgICAgY29udGVudDogJyonO1xuICAgICAgbWFyZ2luLWlubGluZS1zdGFydDogNXB4O1xuICAgICAgY29sb3I6ICR7dGhlbWUuc2FtcGxpbmdzUGFnZS5tb2JpbGUucHJvcGVydGllc0NsaWNrSXRlbXN9O1xuICAgICB9YH1cbmA7XG5cbmNvbnN0IFRleHRJbnB1dFN0eWxlID0gc3R5bGVkKEZvcm0uQ29udHJvbClgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gICY6Zm9jdXMge1xuICAgIGJveC1zaGFkb3c6IG5vbmUgIWltcG9ydGFudDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJhY2tncm91bmQtaW1hZ2U6IG5vbmU7XG4gIH1cbiAgcGFkZGluZzogMCAxMHB4O1xuICBtYXJnaW4tYm90dG9tOiA1cHg7XG5gO1xuXG5jb25zdCBTZWxlY3RJbnB1dFN0eWxlID0gc3R5bGVkKEZvcm0uQ29udHJvbClgXG4gIHdpZHRoOiAxMDAlO1xuICAmOmZvY3VzIHtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICB9XG4gIHBhZGRpbmc6IDAgMTBweDtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yU2NoZW1lLm5hdHVyYWwubjF9O1xuICBvdXRsaW5lOiAwICFpbXBvcnRhbnQ7XG5gO1xuXG5jb25zdCBUZXh0QXJlYVN0eWxlID0gc3R5bGVkKEZvcm0uQ29udHJvbClgXG4gICY6Zm9jdXMge1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gIH1cblxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiA5NSU7XG4gIHJlc2l6ZTogbm9uZTtcbiAgcGFkZGluZzogNXB4IDEwcHg7XG4gIG1hcmdpbi1ib3R0b206IDVweDtcbmA7XG5cbmNvbnN0IEZvcm1Hcm91cFN0eWxlID0gc3R5bGVkKEZvcm0uR3JvdXApYFxuICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb2JpbGVJbnB1dDogRkM8TW9iaWxlSW5wdXRQcm9wcz4gPSAoe1xuICBpbnB1dFRpdGxlLFxuICB0eXBlLFxuICBuYW1lLFxuICBoYW5kbGVDaGFuZ2UsXG4gIGNoaWxkcmVuLFxuICBwbGFjZWhvbGRlcixcbiAgdmFsdWUsXG4gIGlzSW52YWxpZCxcbiAgc3ltYm9sLFxuICBtaW5WYWx1ZSxcbiAgbWF4VmFsdWUsXG4gIG1pbkxlbmd0aCxcbiAgbWF4TGVuZ3RoLFxuICBlcnJvck1lc3NhZ2UsXG4gIGRpc2FibGVkLFxuICBjbGFzc05hbWUsXG4gIG1hbmRhdG9yeSxcbn0pID0+IHtcbiAgY29uc3Qgc2V0SW5wdXRUeXBlID0gKCkgPT4ge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgY2FzZSAndGV4dGFyZWEnOlxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxUZXh0QXJlYVN0eWxlXG4gICAgICAgICAgICBjbGFzc05hbWU9XCJib3JkZXItMFwiXG4gICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfVxuICAgICAgICAgICAgYXM9e3R5cGV9XG4gICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgbWluTGVuZ3RoPXttaW5MZW5ndGh9XG4gICAgICAgICAgICBtYXhMZW5ndGg9e21heExlbmd0aH1cbiAgICAgICAgICAvPlxuICAgICAgICApO1xuICAgICAgY2FzZSAnc2VsZWN0JzpcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8U2VsZWN0SW5wdXRTdHlsZVxuICAgICAgICAgICAgY2xhc3NOYW1lPVwiYm9yZGVyLTBcIlxuICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX1cbiAgICAgICAgICAgIGFzPXt0eXBlfVxuICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9TZWxlY3RJbnB1dFN0eWxlPlxuICAgICAgICApO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFRleHRJbnB1dFN0eWxlXG4gICAgICAgICAgICAgIGNsYXNzTmFtZT1cImJvcmRlci0wXCJcbiAgICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX1cbiAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgICAgICAgIGF1dG9Db21wbGV0ZT1cIm9mZlwiXG4gICAgICAgICAgICAgIG1pbj17bWluVmFsdWV9XG4gICAgICAgICAgICAgIG1heD17bWF4VmFsdWV9XG4gICAgICAgICAgICAgIG1pbkxlbmd0aD17bWluTGVuZ3RofVxuICAgICAgICAgICAgICBtYXhMZW5ndGg9e21heExlbmd0aH1cbiAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHtzeW1ib2x9XG4gICAgICAgICAgPC8+XG4gICAgICAgICk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPElucHV0Qm9yZGVyXG4gICAgICBjbGFzc05hbWU9e2Ake1N0eWxlLm1vYmlsZUlucHV0fSAke2NsYXNzTmFtZX1gfVxuICAgICAgaXNJbnZhbGlkPXtpc0ludmFsaWR9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgPlxuICAgICAgPElucHV0VGl0bGUgbWFuZGF0b3J5PXttYW5kYXRvcnl9PntpbnB1dFRpdGxlfTwvSW5wdXRUaXRsZT5cbiAgICAgIDxGb3JtR3JvdXBTdHlsZSBjbGFzc05hbWU9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyXCIgYXM9e0NvbH0+XG4gICAgICAgIDxJbnB1dEdyb3VwIGhhc1ZhbGlkYXRpb24+e3NldElucHV0VHlwZSgpfTwvSW5wdXRHcm91cD5cbiAgICAgIDwvRm9ybUdyb3VwU3R5bGU+XG4gICAgPC9JbnB1dEJvcmRlcj5cbiAgKTtcbn07XG4iXX0=

package/lib/ui-kit/MobileInput/style.module.scss

@@ -0,0 +1,5 @@
+.mobileInput {
+  max-width: 100%;
+  min-width: 100px;
+  margin-bottom: 15px;
+}

package/lib/utilities/Alert.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var OverlayStyle = _styledComponents.default.div.withConfig({
+  displayName: "Alert__OverlayStyle",
+  componentId: "sc-1ngjoqq-0"
+})(["background-color:", ";width:100vw;height:100vh;position:fixed;left:0;bottom:0;z-index:", ";display:flex;align-items:center;justify-content:center;"], function (_ref) {
+  var theme = _ref.theme;
+  return theme.samplingsPage.mobile.modalOverlayBackground;
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.zIndexes.modal;
+});
+
+var Modal = _styledComponents.default.div.withConfig({
+  displayName: "Alert__Modal",
+  componentId: "sc-1ngjoqq-1"
+})(["background:white;width:270px;height:200px;border-radius:16px;position:relative;"]);
+
+var ContentContainer = _styledComponents.default.div.withConfig({
+  displayName: "Alert__ContentContainer",
+  componentId: "sc-1ngjoqq-2"
+})(["width:100%;height:100%;"]);
+
+var Alert = function Alert(_ref3) {
+  var setModalDetails = _ref3.setModalDetails,
+      children = _ref3.children;
+  return /*#__PURE__*/_react.default.createElement(OverlayStyle, {
+    onClick: function onClick() {
+      return setModalDetails({
+        open: false,
+        instance: ''
+      });
+    }
+  }, /*#__PURE__*/_react.default.createElement(Modal, null, /*#__PURE__*/_react.default.createElement(ContentContainer, null, children)));
+};
+
+var _default = Alert;
+exports.default = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlsaXRpZXMvQWxlcnQudHN4Il0sIm5hbWVzIjpbIk92ZXJsYXlTdHlsZSIsInN0eWxlZCIsImRpdiIsInRoZW1lIiwic2FtcGxpbmdzUGFnZSIsIm1vYmlsZSIsIm1vZGFsT3ZlcmxheUJhY2tncm91bmQiLCJ6SW5kZXhlcyIsIm1vZGFsIiwiTW9kYWwiLCJDb250ZW50Q29udGFpbmVyIiwiQWxlcnQiLCJzZXRNb2RhbERldGFpbHMiLCJjaGlsZHJlbiIsIm9wZW4iLCJpbnN0YW5jZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBTUEsSUFBTUEsWUFBWSxHQUFHQywwQkFBT0MsR0FBVjtBQUFBO0FBQUE7QUFBQSwySkFDSTtBQUFBLE1BQUdDLEtBQUgsUUFBR0EsS0FBSDtBQUFBLFNBQ2xCQSxLQUFLLENBQUNDLGFBQU4sQ0FBb0JDLE1BQXBCLENBQTJCQyxzQkFEVDtBQUFBLENBREosRUFRTDtBQUFBLE1BQUdILEtBQUgsU0FBR0EsS0FBSDtBQUFBLFNBQWVBLEtBQUssQ0FBQ0ksUUFBTixDQUFlQyxLQUE5QjtBQUFBLENBUkssQ0FBbEI7O0FBY0EsSUFBTUMsS0FBSyxHQUFHUiwwQkFBT0MsR0FBVjtBQUFBO0FBQUE7QUFBQSx1RkFBWDs7QUFRQSxJQUFNUSxnQkFBZ0IsR0FBR1QsMEJBQU9DLEdBQVY7QUFBQTtBQUFBO0FBQUEsK0JBQXRCOztBQUtBLElBQU1TLEtBQWdDLEdBQUcsU0FBbkNBLEtBQW1DLFFBQW1DO0FBQUEsTUFBaENDLGVBQWdDLFNBQWhDQSxlQUFnQztBQUFBLE1BQWZDLFFBQWUsU0FBZkEsUUFBZTtBQUMxRSxzQkFDRSw2QkFBQyxZQUFEO0FBQ0UsSUFBQSxPQUFPLEVBQUU7QUFBQSxhQUFNRCxlQUFlLENBQUM7QUFBRUUsUUFBQUEsSUFBSSxFQUFFLEtBQVI7QUFBZUMsUUFBQUEsUUFBUSxFQUFFO0FBQXpCLE9BQUQsQ0FBckI7QUFBQTtBQURYLGtCQUdFLDZCQUFDLEtBQUQscUJBQ0UsNkJBQUMsZ0JBQUQsUUFBbUJGLFFBQW5CLENBREYsQ0FIRixDQURGO0FBU0QsQ0FWRDs7ZUFZZUYsSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG50eXBlIEltYWdlRGVsZXRlTW9kYWxQcm9wcyA9IHtcbiAgc2V0TW9kYWxEZXRhaWxzOiBhbnk7XG59O1xuXG5jb25zdCBPdmVybGF5U3R5bGUgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+XG4gICAgdGhlbWUuc2FtcGxpbmdzUGFnZS5tb2JpbGUubW9kYWxPdmVybGF5QmFja2dyb3VuZH07XG4gIHdpZHRoOiAxMDB2dztcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBsZWZ0OiAwO1xuICBib3R0b206IDA7XG4gIHotaW5kZXg6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuekluZGV4ZXMubW9kYWx9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IE1vZGFsID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIHdpZHRoOiAyNzBweDtcbiAgaGVpZ2h0OiAyMDBweDtcbiAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgQ29udGVudENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG5gO1xuXG5jb25zdCBBbGVydDogRkM8SW1hZ2VEZWxldGVNb2RhbFByb3BzPiA9ICh7IHNldE1vZGFsRGV0YWlscywgY2hpbGRyZW4gfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxPdmVybGF5U3R5bGVcbiAgICAgIG9uQ2xpY2s9eygpID0+IHNldE1vZGFsRGV0YWlscyh7IG9wZW46IGZhbHNlLCBpbnN0YW5jZTogJycgfSl9XG4gICAgPlxuICAgICAgPE1vZGFsPlxuICAgICAgICA8Q29udGVudENvbnRhaW5lcj57Y2hpbGRyZW59PC9Db250ZW50Q29udGFpbmVyPlxuICAgICAgPC9Nb2RhbD5cbiAgICA8L092ZXJsYXlTdHlsZT5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFsZXJ0O1xuIl19

package/lib/utilities/uploadToS3.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.uploadToAws = void 0;
+
+var _axios = _interopRequireDefault(require("axios"));
+
+var _xml2js = _interopRequireDefault(require("xml2js"));
+
+var uploadToAws = function uploadToAws(file, setResource, presignedURL, setIsFetchingToAws) {
+  _axios.default.get(presignedURL).then(function (res) {
+    var data = res.data;
+    data['file'] = file;
+    postToAws(data);
+  });
+
+  var postToAws = function postToAws(data) {
+    setIsFetchingToAws(true);
+    var formData = new FormData();
+
+    for (var key in data) {
+      formData.append(key, data[key]);
+    }
+
+    _axios.default.post(data.url, formData, {
+      headers: {
+        'Content-Type': 'multipart/form-data',
+        'x-amz-acl': 'public-read'
+      }
+    }).then(function (res) {
+      _xml2js.default.parseString(res.data, function (err, result) {
+        if (err) {
+          alert(err);
+        } else {
+          var response = result.PostResponse;
+          setResource(response);
+          setIsFetchingToAws(false);
+        }
+      });
+    }).catch(function (err) {
+      setIsFetchingToAws(false);
+      alert(err);
+    });
+  };
+};
+
+exports.uploadToAws = uploadToAws;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlsaXRpZXMvdXBsb2FkVG9TMy50cyJdLCJuYW1lcyI6WyJ1cGxvYWRUb0F3cyIsImZpbGUiLCJzZXRSZXNvdXJjZSIsInByZXNpZ25lZFVSTCIsInNldElzRmV0Y2hpbmdUb0F3cyIsImF4aW9zIiwiZ2V0IiwidGhlbiIsInJlcyIsImRhdGEiLCJwb3N0VG9Bd3MiLCJmb3JtRGF0YSIsIkZvcm1EYXRhIiwia2V5IiwiYXBwZW5kIiwicG9zdCIsInVybCIsImhlYWRlcnMiLCJ4bWwyanMiLCJwYXJzZVN0cmluZyIsImVyciIsInJlc3VsdCIsImFsZXJ0IiwicmVzcG9uc2UiLCJQb3N0UmVzcG9uc2UiLCJjYXRjaCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBRU8sSUFBTUEsV0FBVyxHQUFHLFNBQWRBLFdBQWMsQ0FDekJDLElBRHlCLEVBRXpCQyxXQUZ5QixFQUd6QkMsWUFIeUIsRUFJekJDLGtCQUp5QixFQUt0QjtBQUNIQyxpQkFBTUMsR0FBTixDQUFVSCxZQUFWLEVBQXdCSSxJQUF4QixDQUE2QixVQUFDQyxHQUFELEVBQVM7QUFDcEMsUUFBSUMsSUFBSSxHQUFHRCxHQUFHLENBQUNDLElBQWY7QUFDQUEsSUFBQUEsSUFBSSxDQUFDLE1BQUQsQ0FBSixHQUFlUixJQUFmO0FBQ0FTLElBQUFBLFNBQVMsQ0FBQ0QsSUFBRCxDQUFUO0FBQ0QsR0FKRDs7QUFNQSxNQUFNQyxTQUFTLEdBQUcsU0FBWkEsU0FBWSxDQUFDRCxJQUFELEVBQVU7QUFDMUJMLElBQUFBLGtCQUFrQixDQUFDLElBQUQsQ0FBbEI7QUFDQSxRQUFJTyxRQUFRLEdBQUcsSUFBSUMsUUFBSixFQUFmOztBQUNBLFNBQUssSUFBSUMsR0FBVCxJQUFnQkosSUFBaEIsRUFBc0I7QUFDcEJFLE1BQUFBLFFBQVEsQ0FBQ0csTUFBVCxDQUFnQkQsR0FBaEIsRUFBcUJKLElBQUksQ0FBQ0ksR0FBRCxDQUF6QjtBQUNEOztBQUVEUixtQkFDR1UsSUFESCxDQUNRTixJQUFJLENBQUNPLEdBRGIsRUFDa0JMLFFBRGxCLEVBQzRCO0FBQ3hCTSxNQUFBQSxPQUFPLEVBQUU7QUFDUCx3QkFBZ0IscUJBRFQ7QUFFUCxxQkFBYTtBQUZOO0FBRGUsS0FENUIsRUFPR1YsSUFQSCxDQU9RLFVBQUNDLEdBQUQsRUFBUztBQUNiVSxzQkFBT0MsV0FBUCxDQUFtQlgsR0FBRyxDQUFDQyxJQUF2QixFQUE2QixVQUFDVyxHQUFELEVBQU1DLE1BQU4sRUFBaUI7QUFDNUMsWUFBSUQsR0FBSixFQUFTO0FBQ1BFLFVBQUFBLEtBQUssQ0FBQ0YsR0FBRCxDQUFMO0FBQ0QsU0FGRCxNQUVPO0FBQ0wsY0FBSUcsUUFBUSxHQUFHRixNQUFNLENBQUNHLFlBQXRCO0FBQ0F0QixVQUFBQSxXQUFXLENBQUNxQixRQUFELENBQVg7QUFFQW5CLFVBQUFBLGtCQUFrQixDQUFDLEtBQUQsQ0FBbEI7QUFDRDtBQUNGLE9BVEQ7QUFVRCxLQWxCSCxFQW1CR3FCLEtBbkJILENBbUJTLFVBQUNMLEdBQUQsRUFBUztBQUNkaEIsTUFBQUEsa0JBQWtCLENBQUMsS0FBRCxDQUFsQjtBQUNBa0IsTUFBQUEsS0FBSyxDQUFDRixHQUFELENBQUw7QUFDRCxLQXRCSDtBQXVCRCxHQTlCRDtBQStCRCxDQTNDTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBheGlvcyBmcm9tICdheGlvcyc7XG5pbXBvcnQgeG1sMmpzIGZyb20gJ3htbDJqcyc7XG5cbmV4cG9ydCBjb25zdCB1cGxvYWRUb0F3cyA9IChcbiAgZmlsZSxcbiAgc2V0UmVzb3VyY2UsXG4gIHByZXNpZ25lZFVSTCxcbiAgc2V0SXNGZXRjaGluZ1RvQXdzLFxuKSA9PiB7XG4gIGF4aW9zLmdldChwcmVzaWduZWRVUkwpLnRoZW4oKHJlcykgPT4ge1xuICAgIGxldCBkYXRhID0gcmVzLmRhdGE7XG4gICAgZGF0YVsnZmlsZSddID0gZmlsZTtcbiAgICBwb3N0VG9Bd3MoZGF0YSk7XG4gIH0pO1xuXG4gIGNvbnN0IHBvc3RUb0F3cyA9IChkYXRhKSA9PiB7XG4gICAgc2V0SXNGZXRjaGluZ1RvQXdzKHRydWUpO1xuICAgIGxldCBmb3JtRGF0YSA9IG5ldyBGb3JtRGF0YSgpO1xuICAgIGZvciAobGV0IGtleSBpbiBkYXRhKSB7XG4gICAgICBmb3JtRGF0YS5hcHBlbmQoa2V5LCBkYXRhW2tleV0pO1xuICAgIH1cblxuICAgIGF4aW9zXG4gICAgICAucG9zdChkYXRhLnVybCwgZm9ybURhdGEsIHtcbiAgICAgICAgaGVhZGVyczoge1xuICAgICAgICAgICdDb250ZW50LVR5cGUnOiAnbXVsdGlwYXJ0L2Zvcm0tZGF0YScsXG4gICAgICAgICAgJ3gtYW16LWFjbCc6ICdwdWJsaWMtcmVhZCcsXG4gICAgICAgIH0sXG4gICAgICB9KVxuICAgICAgLnRoZW4oKHJlcykgPT4ge1xuICAgICAgICB4bWwyanMucGFyc2VTdHJpbmcocmVzLmRhdGEsIChlcnIsIHJlc3VsdCkgPT4ge1xuICAgICAgICAgIGlmIChlcnIpIHtcbiAgICAgICAgICAgIGFsZXJ0KGVycik7XG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIGxldCByZXNwb25zZSA9IHJlc3VsdC5Qb3N0UmVzcG9uc2U7XG4gICAgICAgICAgICBzZXRSZXNvdXJjZShyZXNwb25zZSk7XG5cbiAgICAgICAgICAgIHNldElzRmV0Y2hpbmdUb0F3cyhmYWxzZSk7XG4gICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICAgIH0pXG4gICAgICAuY2F0Y2goKGVycikgPT4ge1xuICAgICAgICBzZXRJc0ZldGNoaW5nVG9Bd3MoZmFsc2UpO1xuICAgICAgICBhbGVydChlcnIpO1xuICAgICAgfSk7XG4gIH07XG59O1xuIl19

package/lib/utilities/urls.js

@@ -34,8 +34,28 @@ var urls = function urls() {
       getAll: {
         url: "/api_ui/sampling_page/samplings_data.json?page=".concat(param.currentPage, "&order_by=").concat(param.orderBy, "-").concat(param.orderDirection, "&per_page=").concat(param.perPage, "&water_authority_id=").concat(param.waterAuthorityId, "&locale=").concat(param.locale)
       },
+      getPoints: {
+        url: "/api_ui/sampling_page/water_authority_points?locale=en&water_authority_id=".concat(param.waterAuthorityId)
+      },
+      createNewSampling: {
+        url: "/api_ui/sampling_page/create_new_sampling?water_authority_id=".concat(param.waterAuthorityId)
+      },
       samplingPropertiesRoute: {
-        url: "/sampling-properties/index/".concat(param.id)
+        url: "/sampling-properties/index/".concat(param.id, "?locale=").concat(param.locale)
+      }
+    },
+    samplingProperties: {
+      fetchSampling: {
+        url: "/api_ui/sampling_page/sampling_properties/".concat(param.samplingId)
+      },
+      updateSampling: {
+        url: "/samplings/".concat(param.samplingId)
+      },
+      createSampling: {
+        url: "/samplings"
+      },
+      getPresignedUrl: {
+        url: "/api_ui/sampling_page/samplings/".concat(param.samplingId, "/presigned_url")
       }
     },
     wbeDashboard: {
@@ -61,4 +81,4 @@ var HTTP_METHODS = {
   DELETE: 'DELETE'
 };
 exports.HTTP_METHODS = HTTP_METHODS;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlsaXRpZXMvdXJscy5qcyJdLCJuYW1lcyI6WyJxdWVyeVVybCIsInVybCIsInF1ZXJ5Iiwic29ydCIsInJlc3RRdWVyeSIsInN0ciIsInF1ZXJ5U3RyaW5nIiwic3RyaW5naWZ5IiwibSIsInNsaWNlIiwic29ydFN0ciIsInVybHMiLCJwYXJhbSIsInNhbXBsaW5nc1BhZ2UiLCJnZXRBbGwiLCJjdXJyZW50UGFnZSIsIm9yZGVyQnkiLCJvcmRlckRpcmVjdGlvbiIsInBlclBhZ2UiLCJ3YXRlckF1dGhvcml0eUlkIiwibG9jYWxlIiwic2FtcGxpbmdQcm9wZXJ0aWVzUm91dGUiLCJpZCIsIndiZURhc2hib2FyZCIsInRyZW5kR3JhcGgiLCJnb3ZEYXRhIiwid2VlayIsInN1bW1hcnlCYXIiLCJIVFRQX01FVEhPRFMiLCJQT1NUIiwiUFVUIiwiUEFUQ0giLCJHRVQiLCJERUxFVEUiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUE7Ozs7QUFFTyxJQUFNQSxRQUFRLEdBQUcsU0FBWEEsUUFBVyxPQUFvQjtBQUFBLE1BQWpCQyxHQUFpQixRQUFqQkEsR0FBaUI7QUFBQSxNQUFaQyxLQUFZLFFBQVpBLEtBQVk7QUFDMUMsTUFBSSxDQUFDQSxLQUFMLEVBQVksT0FBT0QsR0FBUDtBQUNaLE1BQVFFLElBQVIsR0FBK0JELEtBQS9CLENBQVFDLElBQVI7QUFBQSxNQUFpQkMsU0FBakIsMENBQStCRixLQUEvQjtBQUNBLE1BQU1HLEdBQUcsYUFBTUMscUJBQVlDLFNBQVosQ0FBc0JILFNBQXRCLENBQU4sQ0FBVDtBQUNBLE1BQU1JLENBQUMsR0FBR1AsR0FBRyxDQUFDUSxLQUFKLENBQVUsQ0FBQyxDQUFYLE1BQWtCLEdBQWxCLEdBQXdCLEVBQXhCLEdBQTZCLEdBQXZDO0FBQ0EsTUFBTUMsT0FBTyxHQUFHUCxJQUFJLG1CQUFZQSxJQUFaLElBQXFCLEVBQXpDO0FBQ0EsbUJBQVVGLEdBQVYsU0FBZ0JPLENBQWhCLFNBQW9CSCxHQUFwQixTQUEwQkssT0FBMUI7QUFDRCxDQVBNOzs7O0FBU0EsSUFBTUMsSUFBSSxHQUFHLFNBQVBBLElBQU87QUFBQSxNQUFDQyxLQUFELHVFQUFTLEVBQVQ7QUFBQSxTQUFpQjtBQUNuQ0MsSUFBQUEsYUFBYSxFQUFFO0FBQ2JDLE1BQUFBLE1BQU0sRUFBRTtBQUNOYixRQUFBQSxHQUFHLDJEQUFvRFcsS0FBSyxDQUFDRyxXQUExRCx1QkFBa0ZILEtBQUssQ0FBQ0ksT0FBeEYsY0FBbUdKLEtBQUssQ0FBQ0ssY0FBekcsdUJBQW9JTCxLQUFLLENBQUNNLE9BQTFJLGlDQUF3S04sS0FBSyxDQUFDTyxnQkFBOUsscUJBQXlNUCxLQUFLLENBQUNRLE1BQS9NO0FBREcsT0FESztBQUliQyxNQUFBQSx1QkFBdUIsRUFBRTtBQUN2QnBCLFFBQUFBLEdBQUcsdUNBQWdDVyxLQUFLLENBQUNVLEVBQXRDO0FBRG9CO0FBSlosS0FEb0I7QUFTbkNDLElBQUFBLFlBQVksRUFBRTtBQUNaQyxNQUFBQSxVQUFVLEVBQUU7QUFDVnZCLFFBQUFBLEdBQUcsaURBQTBDVyxLQUFLLENBQUNPLGdCQUFoRDtBQURPLE9BREE7QUFJWk0sTUFBQUEsT0FBTyxFQUFFO0FBQ1B4QixRQUFBQSxHQUFHLGlIQUEwR1csS0FBSyxDQUFDYyxJQUFoSDtBQURJLE9BSkc7QUFPWkMsTUFBQUEsVUFBVSxFQUFFO0FBQ1YxQixRQUFBQSxHQUFHLDhDQUF1Q1csS0FBSyxDQUFDTyxnQkFBN0M7QUFETztBQVBBO0FBVHFCLEdBQWpCO0FBQUEsQ0FBYjs7O0FBc0JBLElBQU1TLFlBQVksR0FBRztBQUMxQkMsRUFBQUEsSUFBSSxFQUFFLE1BRG9CO0FBRTFCQyxFQUFBQSxHQUFHLEVBQUUsS0FGcUI7QUFHMUJDLEVBQUFBLEtBQUssRUFBRSxPQUhtQjtBQUkxQkMsRUFBQUEsR0FBRyxFQUFFLEtBSnFCO0FBSzFCQyxFQUFBQSxNQUFNLEVBQUU7QUFMa0IsQ0FBckIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgcXVlcnlTdHJpbmcgZnJvbSAncXVlcnktc3RyaW5nJztcblxuZXhwb3J0IGNvbnN0IHF1ZXJ5VXJsID0gKHsgdXJsLCBxdWVyeSB9KSA9PiB7XG4gIGlmICghcXVlcnkpIHJldHVybiB1cmw7XG4gIGNvbnN0IHsgc29ydCwgLi4ucmVzdFF1ZXJ5IH0gPSBxdWVyeTtcbiAgY29uc3Qgc3RyID0gYCR7cXVlcnlTdHJpbmcuc3RyaW5naWZ5KHJlc3RRdWVyeSl9YDtcbiAgY29uc3QgbSA9IHVybC5zbGljZSgtMSkgPT09ICcmJyA/ICcnIDogJz8nO1xuICBjb25zdCBzb3J0U3RyID0gc29ydCA/IGAmc29ydD0ke3NvcnR9YCA6ICcnO1xuICByZXR1cm4gYCR7dXJsfSR7bX0ke3N0cn0ke3NvcnRTdHJ9YDtcbn07XG5cbmV4cG9ydCBjb25zdCB1cmxzID0gKHBhcmFtID0ge30pID0+ICh7XG4gIHNhbXBsaW5nc1BhZ2U6IHtcbiAgICBnZXRBbGw6IHtcbiAgICAgIHVybDogYC9hcGlfdWkvc2FtcGxpbmdfcGFnZS9zYW1wbGluZ3NfZGF0YS5qc29uP3BhZ2U9JHtwYXJhbS5jdXJyZW50UGFnZX0mb3JkZXJfYnk9JHtwYXJhbS5vcmRlckJ5fS0ke3BhcmFtLm9yZGVyRGlyZWN0aW9ufSZwZXJfcGFnZT0ke3BhcmFtLnBlclBhZ2V9JndhdGVyX2F1dGhvcml0eV9pZD0ke3BhcmFtLndhdGVyQXV0aG9yaXR5SWR9JmxvY2FsZT0ke3BhcmFtLmxvY2FsZX1gLFxuICAgIH0sXG4gICAgc2FtcGxpbmdQcm9wZXJ0aWVzUm91dGU6IHtcbiAgICAgIHVybDogYC9zYW1wbGluZy1wcm9wZXJ0aWVzL2luZGV4LyR7cGFyYW0uaWR9YCxcbiAgICB9LFxuICB9LFxuICB3YmVEYXNoYm9hcmQ6IHtcbiAgICB0cmVuZEdyYXBoOiB7XG4gICAgICB1cmw6IGAvYXBpX3VpL3diZV9kYXNoYm9hcmQvdHJlbmRfZ3JhcGgvd2EvJHtwYXJhbS53YXRlckF1dGhvcml0eUlkfWAsXG4gICAgfSxcbiAgICBnb3ZEYXRhOiB7XG4gICAgICB1cmw6IGBodHRwczovL2RhdGEuZ292LmlsL2FwaS8zL2FjdGlvbi9kYXRhc3RvcmVfc2VhcmNoP3Jlc291cmNlX2lkPWJkN2I4ZmE5LTcxMjAtNGU4ZC05MzNmLWExNDQ5ZGFlOGRhZCZxPSR7cGFyYW0ud2Vla31gLFxuICAgIH0sXG4gICAgc3VtbWFyeUJhcjoge1xuICAgICAgdXJsOiBgL2FwaV91aS93YmVfZGFzaGJvYXJkL3N1bW1hcnlfYmFyLyR7cGFyYW0ud2F0ZXJBdXRob3JpdHlJZH1gLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IEhUVFBfTUVUSE9EUyA9IHtcbiAgUE9TVDogJ1BPU1QnLFxuICBQVVQ6ICdQVVQnLFxuICBQQVRDSDogJ1BBVENIJyxcbiAgR0VUOiAnR0VUJyxcbiAgREVMRVRFOiAnREVMRVRFJyxcbn07XG4iXX0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlsaXRpZXMvdXJscy5qcyJdLCJuYW1lcyI6WyJxdWVyeVVybCIsInVybCIsInF1ZXJ5Iiwic29ydCIsInJlc3RRdWVyeSIsInN0ciIsInF1ZXJ5U3RyaW5nIiwic3RyaW5naWZ5IiwibSIsInNsaWNlIiwic29ydFN0ciIsInVybHMiLCJwYXJhbSIsInNhbXBsaW5nc1BhZ2UiLCJnZXRBbGwiLCJjdXJyZW50UGFnZSIsIm9yZGVyQnkiLCJvcmRlckRpcmVjdGlvbiIsInBlclBhZ2UiLCJ3YXRlckF1dGhvcml0eUlkIiwibG9jYWxlIiwiZ2V0UG9pbnRzIiwiY3JlYXRlTmV3U2FtcGxpbmciLCJzYW1wbGluZ1Byb3BlcnRpZXNSb3V0ZSIsImlkIiwic2FtcGxpbmdQcm9wZXJ0aWVzIiwiZmV0Y2hTYW1wbGluZyIsInNhbXBsaW5nSWQiLCJ1cGRhdGVTYW1wbGluZyIsImNyZWF0ZVNhbXBsaW5nIiwiZ2V0UHJlc2lnbmVkVXJsIiwid2JlRGFzaGJvYXJkIiwidHJlbmRHcmFwaCIsImdvdkRhdGEiLCJ3ZWVrIiwic3VtbWFyeUJhciIsIkhUVFBfTUVUSE9EUyIsIlBPU1QiLCJQVVQiLCJQQVRDSCIsIkdFVCIsIkRFTEVURSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQTs7OztBQUVPLElBQU1BLFFBQVEsR0FBRyxTQUFYQSxRQUFXLE9BQW9CO0FBQUEsTUFBakJDLEdBQWlCLFFBQWpCQSxHQUFpQjtBQUFBLE1BQVpDLEtBQVksUUFBWkEsS0FBWTtBQUMxQyxNQUFJLENBQUNBLEtBQUwsRUFBWSxPQUFPRCxHQUFQO0FBQ1osTUFBUUUsSUFBUixHQUErQkQsS0FBL0IsQ0FBUUMsSUFBUjtBQUFBLE1BQWlCQyxTQUFqQiwwQ0FBK0JGLEtBQS9CO0FBQ0EsTUFBTUcsR0FBRyxhQUFNQyxxQkFBWUMsU0FBWixDQUFzQkgsU0FBdEIsQ0FBTixDQUFUO0FBQ0EsTUFBTUksQ0FBQyxHQUFHUCxHQUFHLENBQUNRLEtBQUosQ0FBVSxDQUFDLENBQVgsTUFBa0IsR0FBbEIsR0FBd0IsRUFBeEIsR0FBNkIsR0FBdkM7QUFDQSxNQUFNQyxPQUFPLEdBQUdQLElBQUksbUJBQVlBLElBQVosSUFBcUIsRUFBekM7QUFDQSxtQkFBVUYsR0FBVixTQUFnQk8sQ0FBaEIsU0FBb0JILEdBQXBCLFNBQTBCSyxPQUExQjtBQUNELENBUE07Ozs7QUFTQSxJQUFNQyxJQUFJLEdBQUcsU0FBUEEsSUFBTztBQUFBLE1BQUNDLEtBQUQsdUVBQVMsRUFBVDtBQUFBLFNBQWlCO0FBQ25DQyxJQUFBQSxhQUFhLEVBQUU7QUFDYkMsTUFBQUEsTUFBTSxFQUFFO0FBQ05iLFFBQUFBLEdBQUcsMkRBQW9EVyxLQUFLLENBQUNHLFdBQTFELHVCQUFrRkgsS0FBSyxDQUFDSSxPQUF4RixjQUFtR0osS0FBSyxDQUFDSyxjQUF6Ryx1QkFBb0lMLEtBQUssQ0FBQ00sT0FBMUksaUNBQXdLTixLQUFLLENBQUNPLGdCQUE5SyxxQkFBeU1QLEtBQUssQ0FBQ1EsTUFBL007QUFERyxPQURLO0FBSWJDLE1BQUFBLFNBQVMsRUFBRTtBQUNUcEIsUUFBQUEsR0FBRyxzRkFBK0VXLEtBQUssQ0FBQ08sZ0JBQXJGO0FBRE0sT0FKRTtBQU9iRyxNQUFBQSxpQkFBaUIsRUFBRTtBQUNqQnJCLFFBQUFBLEdBQUcseUVBQWtFVyxLQUFLLENBQUNPLGdCQUF4RTtBQURjLE9BUE47QUFVYkksTUFBQUEsdUJBQXVCLEVBQUU7QUFDdkJ0QixRQUFBQSxHQUFHLHVDQUFnQ1csS0FBSyxDQUFDWSxFQUF0QyxxQkFBbURaLEtBQUssQ0FBQ1EsTUFBekQ7QUFEb0I7QUFWWixLQURvQjtBQWVuQ0ssSUFBQUEsa0JBQWtCLEVBQUU7QUFDbEJDLE1BQUFBLGFBQWEsRUFBRTtBQUNiekIsUUFBQUEsR0FBRyxzREFBK0NXLEtBQUssQ0FBQ2UsVUFBckQ7QUFEVSxPQURHO0FBSWxCQyxNQUFBQSxjQUFjLEVBQUU7QUFDZDNCLFFBQUFBLEdBQUcsdUJBQWdCVyxLQUFLLENBQUNlLFVBQXRCO0FBRFcsT0FKRTtBQU9sQkUsTUFBQUEsY0FBYyxFQUFFO0FBQ2Q1QixRQUFBQSxHQUFHO0FBRFcsT0FQRTtBQVVsQjZCLE1BQUFBLGVBQWUsRUFBRTtBQUNmN0IsUUFBQUEsR0FBRyw0Q0FBcUNXLEtBQUssQ0FBQ2UsVUFBM0M7QUFEWTtBQVZDLEtBZmU7QUE2Qm5DSSxJQUFBQSxZQUFZLEVBQUU7QUFDWkMsTUFBQUEsVUFBVSxFQUFFO0FBQ1YvQixRQUFBQSxHQUFHLGlEQUEwQ1csS0FBSyxDQUFDTyxnQkFBaEQ7QUFETyxPQURBO0FBSVpjLE1BQUFBLE9BQU8sRUFBRTtBQUNQaEMsUUFBQUEsR0FBRyxpSEFBMEdXLEtBQUssQ0FBQ3NCLElBQWhIO0FBREksT0FKRztBQU9aQyxNQUFBQSxVQUFVLEVBQUU7QUFDVmxDLFFBQUFBLEdBQUcsOENBQXVDVyxLQUFLLENBQUNPLGdCQUE3QztBQURPO0FBUEE7QUE3QnFCLEdBQWpCO0FBQUEsQ0FBYjs7O0FBMENBLElBQU1pQixZQUFZLEdBQUc7QUFDMUJDLEVBQUFBLElBQUksRUFBRSxNQURvQjtBQUUxQkMsRUFBQUEsR0FBRyxFQUFFLEtBRnFCO0FBRzFCQyxFQUFBQSxLQUFLLEVBQUUsT0FIbUI7QUFJMUJDLEVBQUFBLEdBQUcsRUFBRSxLQUpxQjtBQUsxQkMsRUFBQUEsTUFBTSxFQUFFO0FBTGtCLENBQXJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHF1ZXJ5U3RyaW5nIGZyb20gJ3F1ZXJ5LXN0cmluZyc7XG5cbmV4cG9ydCBjb25zdCBxdWVyeVVybCA9ICh7IHVybCwgcXVlcnkgfSkgPT4ge1xuICBpZiAoIXF1ZXJ5KSByZXR1cm4gdXJsO1xuICBjb25zdCB7IHNvcnQsIC4uLnJlc3RRdWVyeSB9ID0gcXVlcnk7XG4gIGNvbnN0IHN0ciA9IGAke3F1ZXJ5U3RyaW5nLnN0cmluZ2lmeShyZXN0UXVlcnkpfWA7XG4gIGNvbnN0IG0gPSB1cmwuc2xpY2UoLTEpID09PSAnJicgPyAnJyA6ICc/JztcbiAgY29uc3Qgc29ydFN0ciA9IHNvcnQgPyBgJnNvcnQ9JHtzb3J0fWAgOiAnJztcbiAgcmV0dXJuIGAke3VybH0ke219JHtzdHJ9JHtzb3J0U3RyfWA7XG59O1xuXG5leHBvcnQgY29uc3QgdXJscyA9IChwYXJhbSA9IHt9KSA9PiAoe1xuICBzYW1wbGluZ3NQYWdlOiB7XG4gICAgZ2V0QWxsOiB7XG4gICAgICB1cmw6IGAvYXBpX3VpL3NhbXBsaW5nX3BhZ2Uvc2FtcGxpbmdzX2RhdGEuanNvbj9wYWdlPSR7cGFyYW0uY3VycmVudFBhZ2V9Jm9yZGVyX2J5PSR7cGFyYW0ub3JkZXJCeX0tJHtwYXJhbS5vcmRlckRpcmVjdGlvbn0mcGVyX3BhZ2U9JHtwYXJhbS5wZXJQYWdlfSZ3YXRlcl9hdXRob3JpdHlfaWQ9JHtwYXJhbS53YXRlckF1dGhvcml0eUlkfSZsb2NhbGU9JHtwYXJhbS5sb2NhbGV9YCxcbiAgICB9LFxuICAgIGdldFBvaW50czoge1xuICAgICAgdXJsOiBgL2FwaV91aS9zYW1wbGluZ19wYWdlL3dhdGVyX2F1dGhvcml0eV9wb2ludHM/bG9jYWxlPWVuJndhdGVyX2F1dGhvcml0eV9pZD0ke3BhcmFtLndhdGVyQXV0aG9yaXR5SWR9YCxcbiAgICB9LFxuICAgIGNyZWF0ZU5ld1NhbXBsaW5nOiB7XG4gICAgICB1cmw6IGAvYXBpX3VpL3NhbXBsaW5nX3BhZ2UvY3JlYXRlX25ld19zYW1wbGluZz93YXRlcl9hdXRob3JpdHlfaWQ9JHtwYXJhbS53YXRlckF1dGhvcml0eUlkfWAsXG4gICAgfSxcbiAgICBzYW1wbGluZ1Byb3BlcnRpZXNSb3V0ZToge1xuICAgICAgdXJsOiBgL3NhbXBsaW5nLXByb3BlcnRpZXMvaW5kZXgvJHtwYXJhbS5pZH0/bG9jYWxlPSR7cGFyYW0ubG9jYWxlfWAsXG4gICAgfSxcbiAgfSxcbiAgc2FtcGxpbmdQcm9wZXJ0aWVzOiB7XG4gICAgZmV0Y2hTYW1wbGluZzoge1xuICAgICAgdXJsOiBgL2FwaV91aS9zYW1wbGluZ19wYWdlL3NhbXBsaW5nX3Byb3BlcnRpZXMvJHtwYXJhbS5zYW1wbGluZ0lkfWAsXG4gICAgfSxcbiAgICB1cGRhdGVTYW1wbGluZzoge1xuICAgICAgdXJsOiBgL3NhbXBsaW5ncy8ke3BhcmFtLnNhbXBsaW5nSWR9YCxcbiAgICB9LFxuICAgIGNyZWF0ZVNhbXBsaW5nOiB7XG4gICAgICB1cmw6IGAvc2FtcGxpbmdzYCxcbiAgICB9LFxuICAgIGdldFByZXNpZ25lZFVybDoge1xuICAgICAgdXJsOiBgL2FwaV91aS9zYW1wbGluZ19wYWdlL3NhbXBsaW5ncy8ke3BhcmFtLnNhbXBsaW5nSWR9L3ByZXNpZ25lZF91cmxgLFxuICAgIH0sXG4gIH0sXG4gIHdiZURhc2hib2FyZDoge1xuICAgIHRyZW5kR3JhcGg6IHtcbiAgICAgIHVybDogYC9hcGlfdWkvd2JlX2Rhc2hib2FyZC90cmVuZF9ncmFwaC93YS8ke3BhcmFtLndhdGVyQXV0aG9yaXR5SWR9YCxcbiAgICB9LFxuICAgIGdvdkRhdGE6IHtcbiAgICAgIHVybDogYGh0dHBzOi8vZGF0YS5nb3YuaWwvYXBpLzMvYWN0aW9uL2RhdGFzdG9yZV9zZWFyY2g/cmVzb3VyY2VfaWQ9YmQ3YjhmYTktNzEyMC00ZThkLTkzM2YtYTE0NDlkYWU4ZGFkJnE9JHtwYXJhbS53ZWVrfWAsXG4gICAgfSxcbiAgICBzdW1tYXJ5QmFyOiB7XG4gICAgICB1cmw6IGAvYXBpX3VpL3diZV9kYXNoYm9hcmQvc3VtbWFyeV9iYXIvJHtwYXJhbS53YXRlckF1dGhvcml0eUlkfWAsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgSFRUUF9NRVRIT0RTID0ge1xuICBQT1NUOiAnUE9TVCcsXG4gIFBVVDogJ1BVVCcsXG4gIFBBVENIOiAnUEFUQ0gnLFxuICBHRVQ6ICdHRVQnLFxuICBERUxFVEU6ICdERUxFVEUnLFxufTtcbiJdfQ==

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kando-env/kando-ui",
-  "version": "1.2.19",
+  "version": "1.2.20",
   "main": "lib/index.js",
   "author": "Nadav(Private) <nadavk72@gmail.com>",
   "scripts": {
@@ -73,11 +73,13 @@
     "react-intersection-observer": "^8.33.1",
     "react-on-rails": "11.1.7",
     "react-phone-input-2": "^2.14.0",
+    "react-query": "^3.39.1",
     "react-redux": "^7.2.0",
     "react-responsive-carousel": "^3.2.18",
     "react-responsive-modal": "^6.1.0",
     "react-router-dom": "^5.2.0",
     "react-select": "^4.3.1",
+    "react-toastify": "9.0.3",
     "recharts": "^2.1.8",
     "redux": "^4.0.5",
     "redux-devtools-extension": "^2.13.9",
@@ -86,6 +88,7 @@
     "styled-breakpoints": "^11.0.4",
     "styled-components": "^5.3.0",
     "uuid": "^8.3.2",
+    "xml2js": "^0.4.23",
     "yup": "^0.32.11"
   },
   "browserslist": {