@pie-element/drawing-response 10.0.1 → 10.2.0-mui-update.0

package/lib/drawing-response/drawable-main.js

@@ -1,419 +1,347 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.DrawableMain = void 0;
-
+exports.default = exports.DrawableMain = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _omit = _interopRequireDefault(require("lodash/omit"));
-
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
-
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
-
-var _classnames2 = _interopRequireDefault(require("classnames"));
-
 var _reactKonva = require("react-konva");
-
-var _styles = require("@material-ui/core/styles");
-
+var _styles = require("@mui/material/styles");
 var _translator = _interopRequireDefault(require("@pie-lib/translator"));
-
 var _drawableImage = _interopRequireDefault(require("./drawable-image"));
-
 var _button = _interopRequireDefault(require("./button"));
-
 var _factory = _interopRequireDefault(require("./factory"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var translator = _translator["default"].translator;
-
-var DrawableMain = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(DrawableMain, _React$Component);
-
-  var _super = _createSuper(DrawableMain);
-
-  function DrawableMain(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, DrawableMain);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleSessionChange", function () {
-      var _this$props = _this.props,
-          onSessionChange = _this$props.onSessionChange,
-          session = _this$props.session,
-          TextEntry = _this$props.TextEntry,
-          drawableDimensions = _this$props.drawableDimensions;
-      var drawables = _this.state.drawables;
-      var newSession = {
+const {
+  translator
+} = _translator.default;
+const Wrapper = (0, _styles.styled)('div')({
+  display: 'flex',
+  flexWrap: 'wrap',
+  justifyContent: 'flex-end'
+});
+const Base = (0, _styles.styled)('div')({
+  position: 'relative',
+  width: '100%'
+});
+const UndoControls = (0, _styles.styled)('div')({
+  marginTop: -43,
+  marginRight: 10,
+  position: 'absolute'
+});
+class DrawableMain extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    (0, _defineProperty2.default)(this, "handleSessionChange", () => {
+      const {
+        onSessionChange,
+        session,
+        TextEntry,
+        drawableDimensions
+      } = this.props;
+      const {
+        drawables
+      } = this.state;
+      const newSession = {
         width: drawableDimensions.width,
-        drawables: drawables.map(function (d) {
-          return d.toJson();
-        }),
-        texts: TextEntry.all.map(function (text) {
-          return _objectSpread(_objectSpread(_objectSpread({}, text), TextEntry["text_".concat(text.id)] && TextEntry["text_".concat(text.id)].attrs), {}, {
-            value: TextEntry["textarea_".concat(text.id)] && TextEntry["textarea_".concat(text.id)].value
-          });
-        })
+        drawables: drawables.map(d => d.toJson()),
+        texts: TextEntry.all.map(text => ({
+          ...text,
+          ...(TextEntry[`text_${text.id}`] && TextEntry[`text_${text.id}`].attrs),
+          value: TextEntry[`textarea_${text.id}`] && TextEntry[`textarea_${text.id}`].value
+        }))
       };
-
-      if (!(0, _isEqual["default"])(newSession, session)) {
-        onSessionChange(_objectSpread(_objectSpread({}, session), newSession));
+      if (!(0, _isEqual.default)(newSession, session)) {
+        onSessionChange({
+          ...session,
+          ...newSession
+        });
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onMouseOverElement", function () {
-      return _this.setState({
-        isOver: true
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onMouseOutElement", function () {
-      return _this.setState({
-        isOver: false
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseDown", function (e) {
+    (0, _defineProperty2.default)(this, "onMouseOverElement", () => this.setState({
+      isOver: true
+    }));
+    (0, _defineProperty2.default)(this, "onMouseOutElement", () => this.setState({
+      isOver: false
+    }));
+    (0, _defineProperty2.default)(this, "handleMouseDown", e => {
       // ONLY IF MOBILE?
       document.body.style.overflow = 'hidden';
-      var _this$state = _this.state,
-          newDrawable = _this$state.newDrawable,
-          textIsSelected = _this$state.textIsSelected;
-      var _this$props2 = _this.props,
-          toolActive = _this$props2.toolActive,
-          fillColor = _this$props2.fillColor,
-          outlineColor = _this$props2.outlineColor,
-          scale = _this$props2.scale;
-
+      const {
+        newDrawable,
+        textIsSelected
+      } = this.state;
+      const {
+        toolActive,
+        fillColor,
+        outlineColor,
+        scale
+      } = this.props;
       if (newDrawable.length === 0 && !textIsSelected) {
-        var _e$target$getStage$ge = e.target.getStage().getPointerPosition(),
-            x = _e$target$getStage$ge.x,
-            y = _e$target$getStage$ge.y;
-
-        var _newDrawable = (0, _factory["default"])(toolActive.type, {
+        const stage = e.target.getStage();
+        if (!stage) return;
+        const {
+          x,
+          y
+        } = stage.getPointerPosition();
+        const newDrawable = (0, _factory.default)(toolActive.type, {
           startx: x / scale,
           starty: y / scale,
-          fillColor: fillColor,
-          outlineColor: outlineColor,
+          fillColor,
+          outlineColor,
           createdAt: new Date()
         });
-
-        _this.setState({
-          newDrawable: [_newDrawable]
+        this.setState({
+          newDrawable: [newDrawable]
         });
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseUp", function (e) {
+    (0, _defineProperty2.default)(this, "handleMouseUp", e => {
       // ONLY IF MOBILE?
       document.body.style.overflow = 'initial';
-      var _this$state2 = _this.state,
-          newDrawable = _this$state2.newDrawable,
-          drawables = _this$state2.drawables;
-      var scale = _this.props.scale;
-
+      const {
+        newDrawable,
+        drawables
+      } = this.state;
+      const {
+        scale
+      } = this.props;
       if (newDrawable.length === 1) {
-        var _e$target$getStage$ge2 = e.target.getStage().getPointerPosition(),
-            x = _e$target$getStage$ge2.x,
-            y = _e$target$getStage$ge2.y;
-
-        var drawableToAdd = newDrawable[0];
+        const stage = e.target.getStage();
+        if (!stage) return;
+        const {
+          x,
+          y
+        } = stage.getPointerPosition();
+        const drawableToAdd = newDrawable[0];
         drawableToAdd.registerMovement(x / scale, y / scale);
         drawables.push(drawableToAdd);
-
-        _this.setState({
+        this.setState({
           newDrawable: [],
-          drawables: drawables
-        }, _this.handleSessionChange.bind((0, _assertThisInitialized2["default"])(_this), drawableToAdd));
+          drawables
+        }, this.handleSessionChange.bind(this, drawableToAdd));
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseMove", function (e) {
-      var newDrawable = _this.state.newDrawable;
-      var scale = _this.props.scale;
-
+    (0, _defineProperty2.default)(this, "handleMouseMove", e => {
+      const {
+        newDrawable
+      } = this.state;
+      const {
+        scale
+      } = this.props;
       if (newDrawable.length === 1) {
-        var _e$target$getStage$ge3 = e.target.getStage().getPointerPosition(),
-            x = _e$target$getStage$ge3.x,
-            y = _e$target$getStage$ge3.y;
-
-        var updatedNewDrawable = newDrawable[0];
+        const stage = e.target.getStage();
+        if (!stage) return;
+        const {
+          x,
+          y
+        } = stage.getPointerPosition();
+        const updatedNewDrawable = newDrawable[0];
         updatedNewDrawable.registerMovement(x / scale, y / scale);
-
-        _this.setState({
+        this.setState({
           newDrawable: [updatedNewDrawable]
         });
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleUndo", function () {
-      var drawables = _this.state.drawables;
-      var TextEntry = _this.props.TextEntry;
-      var newDrawables = (0, _toConsumableArray2["default"])(drawables);
-      var allData = [].concat((0, _toConsumableArray2["default"])(drawables), (0, _toConsumableArray2["default"])(TextEntry.all));
-      allData.sort(function (a, b) {
-        return new Date(a.createdAt) - new Date(b.createdAt);
-      });
-      var lastElement = allData[allData.length - 1];
-
+    (0, _defineProperty2.default)(this, "handleUndo", () => {
+      const {
+        drawables
+      } = this.state;
+      const {
+        TextEntry
+      } = this.props;
+      const newDrawables = [...drawables];
+      const allData = [...drawables, ...TextEntry.all];
+      allData.sort((a, b) => new Date(a.createdAt) - new Date(b.createdAt));
+      const lastElement = allData[allData.length - 1];
       if (lastElement && lastElement.type === 'text-entry') {
         TextEntry.all.pop();
-
-        _this.setState({
+        this.setState({
           updatedAt: new Date()
-        }, _this.handleSessionChange);
+        }, this.handleSessionChange);
       } else {
         newDrawables.pop();
-
-        _this.setState({
+        this.setState({
           drawables: newDrawables
-        }, _this.handleSessionChange);
+        }, this.handleSessionChange);
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClearAll", function () {
-      var TextEntry = _this.props.TextEntry;
+    (0, _defineProperty2.default)(this, "handleClearAll", () => {
+      const {
+        TextEntry
+      } = this.props;
       TextEntry.all = [];
-
-      _this.setState({
+      this.setState({
         drawables: [],
         updatedAt: new Date()
-      }, _this.handleSessionChange);
+      }, this.handleSessionChange);
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toggleTextSelected", function (textIsSelected) {
-      return _this.setState({
-        textIsSelected: textIsSelected
-      });
-    });
-    _this.state = {
+    (0, _defineProperty2.default)(this, "toggleTextSelected", textIsSelected => this.setState({
+      textIsSelected
+    }));
+    this.state = {
       drawables: [],
       newDrawable: [],
       textIsSelected: false
     };
-    return _this;
+    this.stage = null;
+    this.layer = null;
   }
-
-  (0, _createClass2["default"])(DrawableMain, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      if (nextProps.session) {
-        var TextEntry = nextProps.TextEntry;
-        var currentDrawables = this.state.drawables;
-
-        if (nextProps.session.drawables) {
-          var newDrawables = (0, _cloneDeep["default"])(nextProps.session.drawables);
-          var drawablesString = JSON.stringify(currentDrawables);
-          var sessionDrawableString = JSON.stringify((newDrawables || []).map(function (drawable) {
-            return (0, _omit["default"])(drawable, 'type');
-          }));
-
-          if (drawablesString !== sessionDrawableString) {
-            var drawableArray = nextProps.session.drawables;
-            this.setState({
-              drawables: drawableArray.map(function (drawable) {
-                return (0, _factory["default"])(drawable.type, drawable);
-              })
-            });
-          }
-
-          var currentTexts = TextEntry.all.map(function (text) {
-            return _objectSpread(_objectSpread(_objectSpread({}, text), TextEntry["text_".concat(text.id)] && TextEntry["text_".concat(text.id)].attrs), {}, {
-              value: TextEntry["textarea_".concat(text.id)] && TextEntry["textarea_".concat(text.id)].value
-            });
+  componentWillUnmount() {
+    // Clean up refs to prevent React Konva errors
+    this.stage = null;
+    this.layer = null;
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (nextProps.session) {
+      const {
+        TextEntry
+      } = nextProps;
+      const {
+        drawables: currentDrawables
+      } = this.state;
+      if (nextProps.session.drawables) {
+        const newDrawables = (0, _cloneDeep.default)(nextProps.session.drawables);
+        const drawablesString = JSON.stringify(currentDrawables);
+        const sessionDrawableString = JSON.stringify((newDrawables || []).map(drawable => (0, _omit.default)(drawable, 'type')));
+        if (drawablesString !== sessionDrawableString) {
+          const drawableArray = nextProps.session.drawables;
+          this.setState({
+            drawables: drawableArray.map(drawable => (0, _factory.default)(drawable.type, drawable))
           });
-
-          if (!(0, _isEqual["default"])(currentTexts, nextProps.session.texts)) {
-            TextEntry.setAll(nextProps.session.texts || []);
-          }
         }
-      } else {
-        this.handleSessionChange();
+        const currentTexts = TextEntry.all.map(text => ({
+          ...text,
+          ...(TextEntry[`text_${text.id}`] && TextEntry[`text_${text.id}`].attrs),
+          value: TextEntry[`textarea_${text.id}`] && TextEntry[`textarea_${text.id}`].value
+        }));
+        if (!(0, _isEqual.default)(currentTexts, nextProps.session.texts)) {
+          TextEntry.setAll(nextProps.session.texts || []);
+        }
       }
+    } else {
+      this.handleSessionChange();
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props3 = this.props,
-          classes = _this$props3.classes,
-          disabled = _this$props3.disabled,
-          drawableDimensions = _this$props3.drawableDimensions,
-          fillColor = _this$props3.fillColor,
-          imageDimensions = _this$props3.imageDimensions,
-          imageUrl = _this$props3.imageUrl,
-          paintColor = _this$props3.paintColor,
-          outlineColor = _this$props3.outlineColor,
-          TextEntry = _this$props3.TextEntry,
-          _this$props3$backgrou = _this$props3.backgroundImageEnabled,
-          backgroundImageEnabled = _this$props3$backgrou === void 0 ? true : _this$props3$backgrou,
-          type = _this$props3.toolActive.type,
-          scale = _this$props3.scale,
-          language = _this$props3.language;
-      var _this$state3 = this.state,
-          isOver = _this$state3.isOver,
-          newDrawable = _this$state3.newDrawable;
-      var draggable = type === 'Select';
-      var paint = type === 'PaintBucket';
-      var drawables = [].concat((0, _toConsumableArray2["default"])(this.state.drawables), (0, _toConsumableArray2["default"])(this.state.newDrawable));
-      var drawableProps = {
-        draggable: draggable && !disabled,
-        disabled: disabled,
-        paint: paint,
-        fillColor: fillColor,
-        forceUpdate: function forceUpdate() {
-          return _this2.setState({
-            updatedAt: new Date()
-          });
-        },
-        paintColor: paintColor,
-        outlineColor: outlineColor,
-        toggleTextSelected: this.toggleTextSelected,
-        handleSessionChange: this.handleSessionChange,
-        stage: this.stage,
-        onMouseOverElement: this.onMouseOverElement,
-        onMouseOutElement: this.onMouseOutElement,
-        scale: scale
+  }
+  render() {
+    const {
+      disabled,
+      drawableDimensions,
+      fillColor,
+      imageDimensions,
+      imageUrl,
+      paintColor,
+      outlineColor,
+      TextEntry,
+      backgroundImageEnabled = true,
+      toolActive: {
+        type
+      },
+      scale,
+      language
+    } = this.props;
+    const {
+      isOver,
+      newDrawable
+    } = this.state;
+    const draggable = type === 'Select';
+    const paint = type === 'PaintBucket';
+    const drawables = [...this.state.drawables, ...this.state.newDrawable];
+    const drawableProps = {
+      draggable: draggable && !disabled,
+      disabled,
+      paint,
+      fillColor,
+      forceUpdate: () => this.setState({
+        updatedAt: new Date()
+      }),
+      paintColor,
+      outlineColor,
+      toggleTextSelected: this.toggleTextSelected,
+      handleSessionChange: this.handleSessionChange,
+      stage: this.stage,
+      onMouseOverElement: this.onMouseOverElement,
+      onMouseOutElement: this.onMouseOutElement,
+      scale
+    };
+    let listeners = {};
+    if (!disabled) {
+      listeners = {
+        onMouseUp: this.handleMouseUp,
+        onTouchEnd: this.handleMouseUp,
+        onMouseMove: this.handleMouseMove,
+        onTouchMove: this.handleMouseMove
       };
-      var listeners = {};
-
-      if (!disabled) {
-        listeners = {
-          onMouseUp: this.handleMouseUp,
-          onTouchEnd: this.handleMouseUp,
-          onMouseMove: this.handleMouseMove,
-          onTouchMove: this.handleMouseMove
-        };
-
-        if (!draggable) {
-          listeners.onMouseDown = this.handleMouseDown;
-          listeners.onTouchStart = this.handleMouseDown;
-        }
+      if (!draggable) {
+        listeners.onMouseDown = this.handleMouseDown;
+        listeners.onTouchStart = this.handleMouseDown;
       }
-
-      var imageHeight = (imageDimensions === null || imageDimensions === void 0 ? void 0 : imageDimensions.height) * scale;
-      var imageWidth = (imageDimensions === null || imageDimensions === void 0 ? void 0 : imageDimensions.width) * scale;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.wrapper
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.undoControls
-      }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
-        disabled: disabled,
-        onClick: this.handleUndo,
-        label: translator.t('common:undo', {
-          lng: language
-        })
-      }), /*#__PURE__*/_react["default"].createElement(_button["default"], {
-        disabled: disabled,
-        onClick: this.handleClearAll,
-        label: translator.t('common:clearAll', {
-          lng: language
-        })
-      })), /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.base
-      }, backgroundImageEnabled && imageUrl && /*#__PURE__*/_react["default"].createElement(_drawableImage["default"], {
-        dimensions: {
-          height: imageHeight,
-          width: imageWidth
-        },
-        url: imageUrl
-      }), TextEntry.renderTextareas(), /*#__PURE__*/_react["default"].createElement(_reactKonva.Stage, (0, _extends2["default"])({
-        scaleX: scale,
-        scaleY: scale,
-        ref: function ref(_ref2) {
-          _this2.stage = _ref2;
-        },
-        className: (0, _classnames2["default"])(classes.stage, (0, _defineProperty2["default"])({}, classes.active, draggable && (isOver || newDrawable && newDrawable.length === 1))),
-        height: drawableDimensions.height,
-        width: drawableDimensions.width
-      }, listeners), /*#__PURE__*/_react["default"].createElement(_reactKonva.Layer, {
-        ref: function ref(_ref) {
-          _this2.layer = _ref;
-        }
-      }, drawables.map(function (drawable, key) {
-        return drawable.render(_objectSpread(_objectSpread({}, drawableProps), {}, {
-          key: key
-        }));
-      }), TextEntry.render(drawableProps)))));
     }
-  }]);
-  return DrawableMain;
-}(_react["default"].Component);
-
+    const imageHeight = imageDimensions?.height * scale;
+    const imageWidth = imageDimensions?.width * scale;
+    return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(UndoControls, null, /*#__PURE__*/_react.default.createElement(_button.default, {
+      disabled: disabled,
+      onClick: this.handleUndo,
+      label: translator.t('common:undo', {
+        lng: language
+      })
+    }), /*#__PURE__*/_react.default.createElement(_button.default, {
+      disabled: disabled,
+      onClick: this.handleClearAll,
+      label: translator.t('common:clearAll', {
+        lng: language
+      })
+    })), /*#__PURE__*/_react.default.createElement(Base, null, backgroundImageEnabled && imageUrl && /*#__PURE__*/_react.default.createElement(_drawableImage.default, {
+      dimensions: {
+        height: imageHeight,
+        width: imageWidth
+      },
+      url: imageUrl
+    }), TextEntry.renderTextareas(), /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        position: 'absolute',
+        left: 0,
+        top: 0,
+        touchAction: 'none',
+        cursor: draggable && (isOver || newDrawable.length === 1) ? 'pointer' : 'default'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactKonva.Stage, (0, _extends2.default)({
+      key: "drawing-stage",
+      scaleX: scale,
+      scaleY: scale,
+      ref: ref => this.stage = ref,
+      height: drawableDimensions.height,
+      width: drawableDimensions.width
+    }, listeners), /*#__PURE__*/_react.default.createElement(_reactKonva.Layer, {
+      ref: ref => this.layer = ref
+    }, drawables.map((drawable, key) => drawable.render({
+      ...drawableProps,
+      key
+    })), TextEntry.render(drawableProps))))));
+  }
+}
 exports.DrawableMain = DrawableMain;
-
-var styles = function styles() {
-  return {
-    wrapper: {
-      display: 'flex',
-      flexWrap: 'wrap',
-      justifyContent: 'flex-end'
-    },
-    base: {
-      position: 'relative',
-      width: '100%'
-    },
-    stage: {
-      left: 0,
-      position: 'absolute',
-      touchAction: 'none',
-      top: 0
-    },
-    active: {
-      cursor: 'pointer'
-    },
-    undoControls: {
-      marginTop: -43,
-      marginRight: 10,
-      position: 'absolute'
-    }
-  };
-};
-
 DrawableMain.propTypes = {
-  classes: _propTypes["default"].object.isRequired,
-  disabled: _propTypes["default"].bool,
-  drawableDimensions: _propTypes["default"].object.isRequired,
-  imageDimensions: _propTypes["default"].object.isRequired,
-  fillColor: _propTypes["default"].string.isRequired,
-  onSessionChange: _propTypes["default"].func.isRequired,
-  paintColor: _propTypes["default"].string.isRequired,
-  outlineColor: _propTypes["default"].string.isRequired,
-  imageUrl: _propTypes["default"].string.isRequired,
-  TextEntry: _propTypes["default"].object.isRequired,
-  toolActive: _propTypes["default"].object.isRequired,
-  session: _propTypes["default"].object.isRequired,
-  backgroundImageEnabled: _propTypes["default"].bool.isRequired,
-  scale: _propTypes["default"].number.isRequired,
-  language: _propTypes["default"].string
+  disabled: _propTypes.default.bool,
+  drawableDimensions: _propTypes.default.object.isRequired,
+  imageDimensions: _propTypes.default.object.isRequired,
+  fillColor: _propTypes.default.string.isRequired,
+  onSessionChange: _propTypes.default.func.isRequired,
+  paintColor: _propTypes.default.string.isRequired,
+  outlineColor: _propTypes.default.string.isRequired,
+  imageUrl: _propTypes.default.string.isRequired,
+  TextEntry: _propTypes.default.object.isRequired,
+  toolActive: _propTypes.default.object.isRequired,
+  session: _propTypes.default.object.isRequired,
+  backgroundImageEnabled: _propTypes.default.bool.isRequired,
+  scale: _propTypes.default.number.isRequired,
+  language: _propTypes.default.string
 };
-
-var _default = (0, _styles.withStyles)(styles)(DrawableMain);
-
-exports["default"] = _default;
-//# sourceMappingURL=drawable-main.js.map
+var _default = exports.default = DrawableMain;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9wcm9wVHlwZXMiLCJfb21pdCIsIl9jbG9uZURlZXAiLCJfaXNFcXVhbCIsIl9yZWFjdEtvbnZhIiwiX3N0eWxlcyIsIl90cmFuc2xhdG9yIiwiX2RyYXdhYmxlSW1hZ2UiLCJfYnV0dG9uIiwiX2ZhY3RvcnkiLCJ0cmFuc2xhdG9yIiwiVHJhbnNsYXRvciIsIldyYXBwZXIiLCJzdHlsZWQiLCJkaXNwbGF5IiwiZmxleFdyYXAiLCJqdXN0aWZ5Q29udGVudCIsIkJhc2UiLCJwb3NpdGlvbiIsIndpZHRoIiwiVW5kb0NvbnRyb2xzIiwibWFyZ2luVG9wIiwibWFyZ2luUmlnaHQiLCJEcmF3YWJsZU1haW4iLCJSZWFjdCIsIkNvbXBvbmVudCIsImNvbnN0cnVjdG9yIiwicHJvcHMiLCJfZGVmaW5lUHJvcGVydHkyIiwiZGVmYXVsdCIsIm9uU2Vzc2lvbkNoYW5nZSIsInNlc3Npb24iLCJUZXh0RW50cnkiLCJkcmF3YWJsZURpbWVuc2lvbnMiLCJkcmF3YWJsZXMiLCJzdGF0ZSIsIm5ld1Nlc3Npb24iLCJtYXAiLCJkIiwidG9Kc29uIiwidGV4dHMiLCJhbGwiLCJ0ZXh0IiwiaWQiLCJhdHRycyIsInZhbHVlIiwiaXNFcXVhbCIsInNldFN0YXRlIiwiaXNPdmVyIiwiZSIsImRvY3VtZW50IiwiYm9keSIsInN0eWxlIiwib3ZlcmZsb3ciLCJuZXdEcmF3YWJsZSIsInRleHRJc1NlbGVjdGVkIiwidG9vbEFjdGl2ZSIsImZpbGxDb2xvciIsIm91dGxpbmVDb2xvciIsInNjYWxlIiwibGVuZ3RoIiwic3RhZ2UiLCJ0YXJnZXQiLCJnZXRTdGFnZSIsIngiLCJ5IiwiZ2V0UG9pbnRlclBvc2l0aW9uIiwiZmFjdG9yeSIsInR5cGUiLCJzdGFydHgiLCJzdGFydHkiLCJjcmVhdGVkQXQiLCJEYXRlIiwiZHJhd2FibGVUb0FkZCIsInJlZ2lzdGVyTW92ZW1lbnQiLCJwdXNoIiwiaGFuZGxlU2Vzc2lvbkNoYW5nZSIsImJpbmQiLCJ1cGRhdGVkTmV3RHJhd2FibGUiLCJuZXdEcmF3YWJsZXMiLCJhbGxEYXRhIiwic29ydCIsImEiLCJiIiwibGFzdEVsZW1lbnQiLCJwb3AiLCJ1cGRhdGVkQXQiLCJsYXllciIsImNvbXBvbmVudFdpbGxVbm1vdW50IiwiVU5TQUZFX2NvbXBvbmVudFdpbGxSZWNlaXZlUHJvcHMiLCJuZXh0UHJvcHMiLCJjdXJyZW50RHJhd2FibGVzIiwiY2xvbmVEZWVwIiwiZHJhd2FibGVzU3RyaW5nIiwiSlNPTiIsInN0cmluZ2lmeSIsInNlc3Npb25EcmF3YWJsZVN0cmluZyIsImRyYXdhYmxlIiwib21pdCIsImRyYXdhYmxlQXJyYXkiLCJjdXJyZW50VGV4dHMiLCJzZXRBbGwiLCJyZW5kZXIiLCJkaXNhYmxlZCIsImltYWdlRGltZW5zaW9ucyIsImltYWdlVXJsIiwicGFpbnRDb2xvciIsImJhY2tncm91bmRJbWFnZUVuYWJsZWQiLCJsYW5ndWFnZSIsImRyYWdnYWJsZSIsInBhaW50IiwiZHJhd2FibGVQcm9wcyIsImZvcmNlVXBkYXRlIiwidG9nZ2xlVGV4dFNlbGVjdGVkIiwib25Nb3VzZU92ZXJFbGVtZW50Iiwib25Nb3VzZU91dEVsZW1lbnQiLCJsaXN0ZW5lcnMiLCJvbk1vdXNlVXAiLCJoYW5kbGVNb3VzZVVwIiwib25Ub3VjaEVuZCIsIm9uTW91c2VNb3ZlIiwiaGFuZGxlTW91c2VNb3ZlIiwib25Ub3VjaE1vdmUiLCJvbk1vdXNlRG93biIsImhhbmRsZU1vdXNlRG93biIsIm9uVG91Y2hTdGFydCIsImltYWdlSGVpZ2h0IiwiaGVpZ2h0IiwiaW1hZ2VXaWR0aCIsImNyZWF0ZUVsZW1lbnQiLCJvbkNsaWNrIiwiaGFuZGxlVW5kbyIsImxhYmVsIiwidCIsImxuZyIsImhhbmRsZUNsZWFyQWxsIiwiZGltZW5zaW9ucyIsInVybCIsInJlbmRlclRleHRhcmVhcyIsImxlZnQiLCJ0b3AiLCJ0b3VjaEFjdGlvbiIsImN1cnNvciIsIlN0YWdlIiwiX2V4dGVuZHMyIiwia2V5Iiwic2NhbGVYIiwic2NhbGVZIiwicmVmIiwiTGF5ZXIiLCJleHBvcnRzIiwicHJvcFR5cGVzIiwiUHJvcFR5cGVzIiwiYm9vbCIsIm9iamVjdCIsImlzUmVxdWlyZWQiLCJzdHJpbmciLCJmdW5jIiwibnVtYmVyIiwiX2RlZmF1bHQiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvZHJhd2luZy1yZXNwb25zZS9kcmF3YWJsZS1tYWluLmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCBjbG9uZURlZXAgZnJvbSAnbG9kYXNoL2Nsb25lRGVlcCc7XG5pbXBvcnQgaXNFcXVhbCBmcm9tICdsb2Rhc2gvaXNFcXVhbCc7XG5pbXBvcnQgeyBMYXllciwgU3RhZ2UgfSBmcm9tICdyZWFjdC1rb252YSc7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tICdAbXVpL21hdGVyaWFsL3N0eWxlcyc7XG5pbXBvcnQgVHJhbnNsYXRvciBmcm9tICdAcGllLWxpYi90cmFuc2xhdG9yJztcblxuY29uc3QgeyB0cmFuc2xhdG9yIH0gPSBUcmFuc2xhdG9yO1xuaW1wb3J0IEltYWdlQmFja2dyb3VuZCBmcm9tICcuL2RyYXdhYmxlLWltYWdlJztcbmltcG9ydCBCdXR0b24gZnJvbSAnLi9idXR0b24nO1xuaW1wb3J0IGZhY3RvcnkgZnJvbSAnLi9mYWN0b3J5JztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZCgnZGl2Jykoe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhXcmFwOiAnd3JhcCcsXG4gIGp1c3RpZnlDb250ZW50OiAnZmxleC1lbmQnLFxufSk7XG5cbmNvbnN0IEJhc2UgPSBzdHlsZWQoJ2RpdicpKHtcbiAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gIHdpZHRoOiAnMTAwJScsXG59KTtcblxuY29uc3QgVW5kb0NvbnRyb2xzID0gc3R5bGVkKCdkaXYnKSh7XG4gIG1hcmdpblRvcDogLTQzLFxuICBtYXJnaW5SaWdodDogMTAsXG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxufSk7XG5cbmV4cG9ydCBjbGFzcyBEcmF3YWJsZU1haW4gZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuICBjb25zdHJ1Y3Rvcihwcm9wcykge1xuICAgIHN1cGVyKHByb3BzKTtcbiAgICB0aGlzLnN0YXRlID0ge1xuICAgICAgZHJhd2FibGVzOiBbXSxcbiAgICAgIG5ld0RyYXdhYmxlOiBbXSxcbiAgICAgIHRleHRJc1NlbGVjdGVkOiBmYWxzZSxcbiAgICB9O1xuICAgIHRoaXMuc3RhZ2UgPSBudWxsO1xuICAgIHRoaXMubGF5ZXIgPSBudWxsO1xuICB9XG5cbiAgY29tcG9uZW50V2lsbFVubW91bnQoKSB7XG4gICAgLy8gQ2xlYW4gdXAgcmVmcyB0byBwcmV2ZW50IFJlYWN0IEtvbnZhIGVycm9yc1xuICAgIHRoaXMuc3RhZ2UgPSBudWxsO1xuICAgIHRoaXMubGF5ZXIgPSBudWxsO1xuICB9XG5cbiAgVU5TQUZFX2NvbXBvbmVudFdpbGxSZWNlaXZlUHJvcHMobmV4dFByb3BzKSB7XG4gICAgaWYgKG5leHRQcm9wcy5zZXNzaW9uKSB7XG4gICAgICBjb25zdCB7IFRleHRFbnRyeSB9ID0gbmV4dFByb3BzO1xuICAgICAgY29uc3QgeyBkcmF3YWJsZXM6IGN1cnJlbnREcmF3YWJsZXMgfSA9IHRoaXMuc3RhdGU7XG5cbiAgICAgIGlmIChuZXh0UHJvcHMuc2Vzc2lvbi5kcmF3YWJsZXMpIHtcbiAgICAgICAgY29uc3QgbmV3RHJhd2FibGVzID0gY2xvbmVEZWVwKG5leHRQcm9wcy5zZXNzaW9uLmRyYXdhYmxlcyk7XG4gICAgICAgIGNvbnN0IGRyYXdhYmxlc1N0cmluZyA9IEpTT04uc3RyaW5naWZ5KGN1cnJlbnREcmF3YWJsZXMpO1xuICAgICAgICBjb25zdCBzZXNzaW9uRHJhd2FibGVTdHJpbmcgPSBKU09OLnN0cmluZ2lmeSgobmV3RHJhd2FibGVzIHx8IFtdKS5tYXAoKGRyYXdhYmxlKSA9PiBvbWl0KGRyYXdhYmxlLCAndHlwZScpKSk7XG5cbiAgICAgICAgaWYgKGRyYXdhYmxlc1N0cmluZyAhPT0gc2Vzc2lvbkRyYXdhYmxlU3RyaW5nKSB7XG4gICAgICAgICAgY29uc3QgZHJhd2FibGVBcnJheSA9IG5leHRQcm9wcy5zZXNzaW9uLmRyYXdhYmxlcztcblxuICAgICAgICAgIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgICAgICAgZHJhd2FibGVzOiBkcmF3YWJsZUFycmF5Lm1hcCgoZHJhd2FibGUpID0+IGZhY3RvcnkoZHJhd2FibGUudHlwZSwgZHJhd2FibGUpKSxcbiAgICAgICAgICB9KTtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IGN1cnJlbnRUZXh0cyA9IFRleHRFbnRyeS5hbGwubWFwKCh0ZXh0KSA9PiAoe1xuICAgICAgICAgIC4uLnRleHQsXG4gICAgICAgICAgLi4uKFRleHRFbnRyeVtgdGV4dF8ke3RleHQuaWR9YF0gJiYgVGV4dEVudHJ5W2B0ZXh0XyR7dGV4dC5pZH1gXS5hdHRycyksXG4gICAgICAgICAgdmFsdWU6IFRleHRFbnRyeVtgdGV4dGFyZWFfJHt0ZXh0LmlkfWBdICYmIFRleHRFbnRyeVtgdGV4dGFyZWFfJHt0ZXh0LmlkfWBdLnZhbHVlLFxuICAgICAgICB9KSk7XG5cbiAgICAgICAgaWYgKCFpc0VxdWFsKGN1cnJlbnRUZXh0cywgbmV4dFByb3BzLnNlc3Npb24udGV4dHMpKSB7XG4gICAgICAgICAgVGV4dEVudHJ5LnNldEFsbChuZXh0UHJvcHMuc2Vzc2lvbi50ZXh0cyB8fCBbXSk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5oYW5kbGVTZXNzaW9uQ2hhbmdlKCk7XG4gICAgfVxuICB9XG5cbiAgaGFuZGxlU2Vzc2lvbkNoYW5nZSA9ICgpID0+IHtcbiAgICBjb25zdCB7IG9uU2Vzc2lvbkNoYW5nZSwgc2Vzc2lvbiwgVGV4dEVudHJ5LCBkcmF3YWJsZURpbWVuc2lvbnMgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgeyBkcmF3YWJsZXMgfSA9IHRoaXMuc3RhdGU7XG5cbiAgICBjb25zdCBuZXdTZXNzaW9uID0ge1xuICAgICAgd2lkdGg6IGRyYXdhYmxlRGltZW5zaW9ucy53aWR0aCxcbiAgICAgIGRyYXdhYmxlczogZHJhd2FibGVzLm1hcCgoZCkgPT4gZC50b0pzb24oKSksXG4gICAgICB0ZXh0czogVGV4dEVudHJ5LmFsbC5tYXAoKHRleHQpID0+ICh7XG4gICAgICAgIC4uLnRleHQsXG4gICAgICAgIC4uLihUZXh0RW50cnlbYHRleHRfJHt0ZXh0LmlkfWBdICYmIFRleHRFbnRyeVtgdGV4dF8ke3RleHQuaWR9YF0uYXR0cnMpLFxuICAgICAgICB2YWx1ZTogVGV4dEVudHJ5W2B0ZXh0YXJlYV8ke3RleHQuaWR9YF0gJiYgVGV4dEVudHJ5W2B0ZXh0YXJlYV8ke3RleHQuaWR9YF0udmFsdWUsXG4gICAgICB9KSksXG4gICAgfTtcblxuICAgIGlmICghaXNFcXVhbChuZXdTZXNzaW9uLCBzZXNzaW9uKSkge1xuICAgICAgb25TZXNzaW9uQ2hhbmdlKHtcbiAgICAgICAgLi4uc2Vzc2lvbixcbiAgICAgICAgLi4ubmV3U2Vzc2lvbixcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICBvbk1vdXNlT3ZlckVsZW1lbnQgPSAoKSA9PiB0aGlzLnNldFN0YXRlKHsgaXNPdmVyOiB0cnVlIH0pO1xuXG4gIG9uTW91c2VPdXRFbGVtZW50ID0gKCkgPT4gdGhpcy5zZXRTdGF0ZSh7IGlzT3ZlcjogZmFsc2UgfSk7XG5cbiAgaGFuZGxlTW91c2VEb3duID0gKGUpID0+IHtcbiAgICAvLyBPTkxZIElGIE1PQklMRT9cbiAgICBkb2N1bWVudC5ib2R5LnN0eWxlLm92ZXJmbG93ID0gJ2hpZGRlbic7XG5cbiAgICBjb25zdCB7IG5ld0RyYXdhYmxlLCB0ZXh0SXNTZWxlY3RlZCB9ID0gdGhpcy5zdGF0ZTtcbiAgICBjb25zdCB7IHRvb2xBY3RpdmUsIGZpbGxDb2xvciwgb3V0bGluZUNvbG9yLCBzY2FsZSB9ID0gdGhpcy5wcm9wcztcblxuICAgIGlmIChuZXdEcmF3YWJsZS5sZW5ndGggPT09IDAgJiYgIXRleHRJc1NlbGVjdGVkKSB7XG4gICAgICBjb25zdCBzdGFnZSA9IGUudGFyZ2V0LmdldFN0YWdlKCk7XG4gICAgICBpZiAoIXN0YWdlKSByZXR1cm47XG5cbiAgICAgIGNvbnN0IHsgeCwgeSB9ID0gc3RhZ2UuZ2V0UG9pbnRlclBvc2l0aW9uKCk7XG5cbiAgICAgIGNvbnN0IG5ld0RyYXdhYmxlID0gZmFjdG9yeSh0b29sQWN0aXZlLnR5cGUsIHtcbiAgICAgICAgc3RhcnR4OiB4IC8gc2NhbGUsXG4gICAgICAgIHN0YXJ0eTogeSAvIHNjYWxlLFxuICAgICAgICBmaWxsQ29sb3IsXG4gICAgICAgIG91dGxpbmVDb2xvcixcbiAgICAgICAgY3JlYXRlZEF0OiBuZXcgRGF0ZSgpLFxuICAgICAgfSk7XG5cbiAgICAgIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgICBuZXdEcmF3YWJsZTogW25ld0RyYXdhYmxlXSxcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICBoYW5kbGVNb3VzZVVwID0gKGUpID0+IHtcbiAgICAvLyBPTkxZIElGIE1PQklMRT9cbiAgICBkb2N1bWVudC5ib2R5LnN0eWxlLm92ZXJmbG93ID0gJ2luaXRpYWwnO1xuXG4gICAgY29uc3QgeyBuZXdEcmF3YWJsZSwgZHJhd2FibGVzIH0gPSB0aGlzLnN0YXRlO1xuICAgIGNvbnN0IHsgc2NhbGUgfSA9IHRoaXMucHJvcHM7XG5cbiAgICBpZiAobmV3RHJhd2FibGUubGVuZ3RoID09PSAxKSB7XG4gICAgICBjb25zdCBzdGFnZSA9IGUudGFyZ2V0LmdldFN0YWdlKCk7XG4gICAgICBpZiAoIXN0YWdlKSByZXR1cm47XG5cbiAgICAgIGNvbnN0IHsgeCwgeSB9ID0gc3RhZ2UuZ2V0UG9pbnRlclBvc2l0aW9uKCk7XG4gICAgICBjb25zdCBkcmF3YWJsZVRvQWRkID0gbmV3RHJhd2FibGVbMF07XG5cbiAgICAgIGRyYXdhYmxlVG9BZGQucmVnaXN0ZXJNb3ZlbWVudCh4IC8gc2NhbGUsIHkgLyBzY2FsZSk7XG4gICAgICBkcmF3YWJsZXMucHVzaChkcmF3YWJsZVRvQWRkKTtcblxuICAgICAgdGhpcy5zZXRTdGF0ZShcbiAgICAgICAge1xuICAgICAgICAgIG5ld0RyYXdhYmxlOiBbXSxcbiAgICAgICAgICBkcmF3YWJsZXMsXG4gICAgICAgIH0sXG4gICAgICAgIHRoaXMuaGFuZGxlU2Vzc2lvbkNoYW5nZS5iaW5kKHRoaXMsIGRyYXdhYmxlVG9BZGQpLFxuICAgICAgKTtcbiAgICB9XG4gIH07XG5cbiAgaGFuZGxlTW91c2VNb3ZlID0gKGUpID0+IHtcbiAgICBjb25zdCB7IG5ld0RyYXdhYmxlIH0gPSB0aGlzLnN0YXRlO1xuICAgIGNvbnN0IHsgc2NhbGUgfSA9IHRoaXMucHJvcHM7XG5cbiAgICBpZiAobmV3RHJhd2FibGUubGVuZ3RoID09PSAxKSB7XG4gICAgICBjb25zdCBzdGFnZSA9IGUudGFyZ2V0LmdldFN0YWdlKCk7XG4gICAgICBpZiAoIXN0YWdlKSByZXR1cm47XG5cbiAgICAgIGNvbnN0IHsgeCwgeSB9ID0gc3RhZ2UuZ2V0UG9pbnRlclBvc2l0aW9uKCk7XG4gICAgICBjb25zdCB1cGRhdGVkTmV3RHJhd2FibGUgPSBuZXdEcmF3YWJsZVswXTtcblxuICAgICAgdXBkYXRlZE5ld0RyYXdhYmxlLnJlZ2lzdGVyTW92ZW1lbnQoeCAvIHNjYWxlLCB5IC8gc2NhbGUpO1xuXG4gICAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgICAgbmV3RHJhd2FibGU6IFt1cGRhdGVkTmV3RHJhd2FibGVdLFxuICAgICAgfSk7XG4gICAgfVxuICB9O1xuXG4gIGhhbmRsZVVuZG8gPSAoKSA9PiB7XG4gICAgY29uc3QgeyBkcmF3YWJsZXMgfSA9IHRoaXMuc3RhdGU7XG4gICAgY29uc3QgeyBUZXh0RW50cnkgfSA9IHRoaXMucHJvcHM7XG5cbiAgICBjb25zdCBuZXdEcmF3YWJsZXMgPSBbLi4uZHJhd2FibGVzXTtcbiAgICBjb25zdCBhbGxEYXRhID0gWy4uLmRyYXdhYmxlcywgLi4uVGV4dEVudHJ5LmFsbF07XG5cbiAgICBhbGxEYXRhLnNvcnQoKGEsIGIpID0+IG5ldyBEYXRlKGEuY3JlYXRlZEF0KSAtIG5ldyBEYXRlKGIuY3JlYXRlZEF0KSk7XG4gICAgY29uc3QgbGFzdEVsZW1lbnQgPSBhbGxEYXRhW2FsbERhdGEubGVuZ3RoIC0gMV07XG5cbiAgICBpZiAobGFzdEVsZW1lbnQgJiYgbGFzdEVsZW1lbnQudHlwZSA9PT0gJ3RleHQtZW50cnknKSB7XG4gICAgICBUZXh0RW50cnkuYWxsLnBvcCgpO1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7IHVwZGF0ZWRBdDogbmV3IERhdGUoKSB9LCB0aGlzLmhhbmRsZVNlc3Npb25DaGFuZ2UpO1xuICAgIH0gZWxzZSB7XG4gICAgICBuZXdEcmF3YWJsZXMucG9wKCk7XG4gICAgICB0aGlzLnNldFN0YXRlKHsgZHJhd2FibGVzOiBuZXdEcmF3YWJsZXMgfSwgdGhpcy5oYW5kbGVTZXNzaW9uQ2hhbmdlKTtcbiAgICB9XG4gIH07XG5cbiAgaGFuZGxlQ2xlYXJBbGwgPSAoKSA9PiB7XG4gICAgY29uc3QgeyBUZXh0RW50cnkgfSA9IHRoaXMucHJvcHM7XG5cbiAgICBUZXh0RW50cnkuYWxsID0gW107XG4gICAgdGhpcy5zZXRTdGF0ZSh7IGRyYXdhYmxlczogW10sIHVwZGF0ZWRBdDogbmV3IERhdGUoKSB9LCB0aGlzLmhhbmRsZVNlc3Npb25DaGFuZ2UpO1xuICB9O1xuXG4gIHRvZ2dsZVRleHRTZWxlY3RlZCA9ICh0ZXh0SXNTZWxlY3RlZCkgPT4gdGhpcy5zZXRTdGF0ZSh7IHRleHRJc1NlbGVjdGVkIH0pO1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7XG4gICAgICBkaXNhYmxlZCxcbiAgICAgIGRyYXdhYmxlRGltZW5zaW9ucyxcbiAgICAgIGZpbGxDb2xvcixcbiAgICAgIGltYWdlRGltZW5zaW9ucyxcbiAgICAgIGltYWdlVXJsLFxuICAgICAgcGFpbnRDb2xvcixcbiAgICAgIG91dGxpbmVDb2xvcixcbiAgICAgIFRleHRFbnRyeSxcbiAgICAgIGJhY2tncm91bmRJbWFnZUVuYWJsZWQgPSB0cnVlLFxuICAgICAgdG9vbEFjdGl2ZTogeyB0eXBlIH0sXG4gICAgICBzY2FsZSxcbiAgICAgIGxhbmd1YWdlLFxuICAgIH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IHsgaXNPdmVyLCBuZXdEcmF3YWJsZSB9ID0gdGhpcy5zdGF0ZTtcblxuICAgIGNvbnN0IGRyYWdnYWJsZSA9IHR5cGUgPT09ICdTZWxlY3QnO1xuICAgIGNvbnN0IHBhaW50ID0gdHlwZSA9PT0gJ1BhaW50QnVja2V0JztcbiAgICBjb25zdCBkcmF3YWJsZXMgPSBbLi4udGhpcy5zdGF0ZS5kcmF3YWJsZXMsIC4uLnRoaXMuc3RhdGUubmV3RHJhd2FibGVdO1xuXG4gICAgY29uc3QgZHJhd2FibGVQcm9wcyA9IHtcbiAgICAgIGRyYWdnYWJsZTogZHJhZ2dhYmxlICYmICFkaXNhYmxlZCxcbiAgICAgIGRpc2FibGVkLFxuICAgICAgcGFpbnQsXG4gICAgICBmaWxsQ29sb3IsXG4gICAgICBmb3JjZVVwZGF0ZTogKCkgPT4gdGhpcy5zZXRTdGF0ZSh7IHVwZGF0ZWRBdDogbmV3IERhdGUoKSB9KSxcbiAgICAgIHBhaW50Q29sb3IsXG4gICAgICBvdXRsaW5lQ29sb3IsXG4gICAgICB0b2dnbGVUZXh0U2VsZWN0ZWQ6IHRoaXMudG9nZ2xlVGV4dFNlbGVjdGVkLFxuICAgICAgaGFuZGxlU2Vzc2lvbkNoYW5nZTogdGhpcy5oYW5kbGVTZXNzaW9uQ2hhbmdlLFxuICAgICAgc3RhZ2U6IHRoaXMuc3RhZ2UsXG4gICAgICBvbk1vdXNlT3ZlckVsZW1lbnQ6IHRoaXMub25Nb3VzZU92ZXJFbGVtZW50LFxuICAgICAgb25Nb3VzZU91dEVsZW1lbnQ6IHRoaXMub25Nb3VzZU91dEVsZW1lbnQsXG4gICAgICBzY2FsZSxcbiAgICB9O1xuXG4gICAgbGV0IGxpc3RlbmVycyA9IHt9O1xuXG4gICAgaWYgKCFkaXNhYmxlZCkge1xuICAgICAgbGlzdGVuZXJzID0ge1xuICAgICAgICBvbk1vdXNlVXA6IHRoaXMuaGFuZGxlTW91c2VVcCxcbiAgICAgICAgb25Ub3VjaEVuZDogdGhpcy5oYW5kbGVNb3VzZVVwLFxuICAgICAgICBvbk1vdXNlTW92ZTogdGhpcy5oYW5kbGVNb3VzZU1vdmUsXG4gICAgICAgIG9uVG91Y2hNb3ZlOiB0aGlzLmhhbmRsZU1vdXNlTW92ZSxcbiAgICAgIH07XG5cbiAgICAgIGlmICghZHJhZ2dhYmxlKSB7XG4gICAgICAgIGxpc3RlbmVycy5vbk1vdXNlRG93biA9IHRoaXMuaGFuZGxlTW91c2VEb3duO1xuICAgICAgICBsaXN0ZW5lcnMub25Ub3VjaFN0YXJ0ID0gdGhpcy5oYW5kbGVNb3VzZURvd247XG4gICAgICB9XG4gICAgfVxuXG4gICAgY29uc3QgaW1hZ2VIZWlnaHQgPSBpbWFnZURpbWVuc2lvbnM/LmhlaWdodCAqIHNjYWxlO1xuICAgIGNvbnN0IGltYWdlV2lkdGggPSBpbWFnZURpbWVuc2lvbnM/LndpZHRoICogc2NhbGU7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFdyYXBwZXI+XG4gICAgICAgIDxVbmRvQ29udHJvbHM+XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgb25DbGljaz17dGhpcy5oYW5kbGVVbmRvfVxuICAgICAgICAgICAgbGFiZWw9e3RyYW5zbGF0b3IudCgnY29tbW9uOnVuZG8nLCB7IGxuZzogbGFuZ3VhZ2UgfSl9XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBvbkNsaWNrPXt0aGlzLmhhbmRsZUNsZWFyQWxsfVxuICAgICAgICAgICAgbGFiZWw9e3RyYW5zbGF0b3IudCgnY29tbW9uOmNsZWFyQWxsJywgeyBsbmc6IGxhbmd1YWdlIH0pfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvVW5kb0NvbnRyb2xzPlxuICAgICAgICA8QmFzZT5cbiAgICAgICAgICB7YmFja2dyb3VuZEltYWdlRW5hYmxlZCAmJiBpbWFnZVVybCAmJiAoXG4gICAgICAgICAgICA8SW1hZ2VCYWNrZ3JvdW5kIGRpbWVuc2lvbnM9e3sgaGVpZ2h0OiBpbWFnZUhlaWdodCwgd2lkdGg6IGltYWdlV2lkdGggfX0gdXJsPXtpbWFnZVVybH0gLz5cbiAgICAgICAgICApfVxuXG4gICAgICAgICAge1RleHRFbnRyeS5yZW5kZXJUZXh0YXJlYXMoKX1cblxuICAgICAgICAgIHsvKiBXcmFwIFN0YWdlIGluIGEgc3R5bGVkIGRpdiBpbnN0ZWFkIG9mIHN0eWxpbmcgU3RhZ2UgZGlyZWN0bHkgKi99XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgdG91Y2hBY3Rpb246ICdub25lJyxcbiAgICAgICAgICAgICAgY3Vyc29yOiBkcmFnZ2FibGUgJiYgKGlzT3ZlciB8fCBuZXdEcmF3YWJsZS5sZW5ndGggPT09IDEpID8gJ3BvaW50ZXInIDogJ2RlZmF1bHQnLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8U3RhZ2VcbiAgICAgICAgICAgICAga2V5PVwiZHJhd2luZy1zdGFnZVwiXG4gICAgICAgICAgICAgIHNjYWxlWD17c2NhbGV9XG4gICAgICAgICAgICAgIHNjYWxlWT17c2NhbGV9XG4gICAgICAgICAgICAgIHJlZj17KHJlZikgPT4gKHRoaXMuc3RhZ2UgPSByZWYpfVxuICAgICAgICAgICAgICBoZWlnaHQ9e2RyYXdhYmxlRGltZW5zaW9ucy5oZWlnaHR9XG4gICAgICAgICAgICAgIHdpZHRoPXtkcmF3YWJsZURpbWVuc2lvbnMud2lkdGh9XG4gICAgICAgICAgICAgIHsuLi5saXN0ZW5lcnN9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxMYXllciByZWY9eyhyZWYpID0+ICh0aGlzLmxheWVyID0gcmVmKX0+XG4gICAgICAgICAgICAgICAge2RyYXdhYmxlcy5tYXAoKGRyYXdhYmxlLCBrZXkpID0+IGRyYXdhYmxlLnJlbmRlcih7IC4uLmRyYXdhYmxlUHJvcHMsIGtleSB9KSl9XG4gICAgICAgICAgICAgICAge1RleHRFbnRyeS5yZW5kZXIoZHJhd2FibGVQcm9wcyl9XG4gICAgICAgICAgICAgIDwvTGF5ZXI+XG4gICAgICAgICAgICA8L1N0YWdlPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0Jhc2U+XG4gICAgICA8L1dyYXBwZXI+XG4gICAgKTtcbiAgfVxufVxuXG5EcmF3YWJsZU1haW4ucHJvcFR5cGVzID0ge1xuICBkaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGRyYXdhYmxlRGltZW5zaW9uczogUHJvcFR5cGVzLm9iamVjdC5pc1JlcXVpcmVkLFxuICBpbWFnZURpbWVuc2lvbnM6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZCxcbiAgZmlsbENvbG9yOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uU2Vzc2lvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgcGFpbnRDb2xvcjogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBvdXRsaW5lQ29sb3I6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgaW1hZ2VVcmw6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgVGV4dEVudHJ5OiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWQsXG4gIHRvb2xBY3RpdmU6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZCxcbiAgc2Vzc2lvbjogUHJvcFR5cGVzLm9iamVjdC5pc1JlcXVpcmVkLFxuICBiYWNrZ3JvdW5kSW1hZ2VFbmFibGVkOiBQcm9wVHlwZXMuYm9vbC5pc1JlcXVpcmVkLFxuICBzY2FsZTogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICBsYW5ndWFnZTogUHJvcFR5cGVzLnN0cmluZyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERyYXdhYmxlTWFpbjtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsVUFBQSxHQUFBRixzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUUsS0FBQSxHQUFBSCxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUcsVUFBQSxHQUFBSixzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUksUUFBQSxHQUFBTCxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUssV0FBQSxHQUFBTCxPQUFBO0FBQ0EsSUFBQU0sT0FBQSxHQUFBTixPQUFBO0FBQ0EsSUFBQU8sV0FBQSxHQUFBUixzQkFBQSxDQUFBQyxPQUFBO0FBR0EsSUFBQVEsY0FBQSxHQUFBVCxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQVMsT0FBQSxHQUFBVixzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQVUsUUFBQSxHQUFBWCxzQkFBQSxDQUFBQyxPQUFBO0FBSEEsTUFBTTtFQUFFVztBQUFXLENBQUMsR0FBR0MsbUJBQVU7QUFLakMsTUFBTUMsT0FBTyxHQUFHLElBQUFDLGNBQU0sRUFBQyxLQUFLLENBQUMsQ0FBQztFQUM1QkMsT0FBTyxFQUFFLE1BQU07RUFDZkMsUUFBUSxFQUFFLE1BQU07RUFDaEJDLGNBQWMsRUFBRTtBQUNsQixDQUFDLENBQUM7QUFFRixNQUFNQyxJQUFJLEdBQUcsSUFBQUosY0FBTSxFQUFDLEtBQUssQ0FBQyxDQUFDO0VBQ3pCSyxRQUFRLEVBQUUsVUFBVTtFQUNwQkMsS0FBSyxFQUFFO0FBQ1QsQ0FBQyxDQUFDO0FBRUYsTUFBTUMsWUFBWSxHQUFHLElBQUFQLGNBQU0sRUFBQyxLQUFLLENBQUMsQ0FBQztFQUNqQ1EsU0FBUyxF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