@configuratorware/configurator-frontendgui 1.28.3 → 1.29.1

package/App/Shared/Components/AcceptDesign/index.js

@@ -0,0 +1,166 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _i18n = require("../../../../Framework/i18n");
+
+var _withWidth = _interopRequireDefault(require("@material-ui/core/withWidth/withWidth"));
+
+var _Grid = _interopRequireDefault(require("@material-ui/core/Grid/Grid"));
+
+var _TextField = _interopRequireDefault(require("@material-ui/core/TextField/TextField"));
+
+var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
+
+var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
+
+var _FormHelperText = _interopRequireDefault(require("@material-ui/core/FormHelperText"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var styles = function styles(theme) {
+  var _MuiFormControlRoot;
+
+  return {
+    MuiFormControlRoot: (_MuiFormControlRoot = {
+      display: 'flex !important'
+    }, _defineProperty(_MuiFormControlRoot, theme.breakpoints.up('sm'), {
+      marginTop: 15,
+      marginBottom: 20
+    }), _defineProperty(_MuiFormControlRoot, '& label', {
+      fontSize: 15
+    }), _MuiFormControlRoot),
+    checkboxLabel: _defineProperty({
+      fontSize: 15,
+      paddingLeft: 15,
+      paddingBottom: 12
+    }, theme.breakpoints.down('xs'), {
+      paddingLeft: 12
+    }),
+    formHelperText: {
+      marginLeft: 45,
+      marginBottom: 15
+    }
+  };
+};
+
+var AcceptDesign = /*#__PURE__*/function (_React$Component) {
+  _inherits(AcceptDesign, _React$Component);
+
+  var _super = _createSuper(AcceptDesign);
+
+  function AcceptDesign() {
+    _classCallCheck(this, AcceptDesign);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(AcceptDesign, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          noteLabel = _this$props.noteLabel,
+          notice = _this$props.notice,
+          handleChange = _this$props.handleChange,
+          handleChangeCheckboxApproval = _this$props.handleChangeCheckboxApproval,
+          approval = _this$props.approval,
+          displayAcceptDesign = _this$props.displayAcceptDesign,
+          termsAndConditionsLink = _this$props.termsAndConditionsLink;
+      var termsLink = "<a href=\"".concat(termsAndConditionsLink, "\"\n                              target=\"_blank\">").concat((0, _i18n.t)('acceptDesignScreen.termsAndConditionsLinkLabel'), "</a>");
+      var termsAndConditions = termsAndConditionsLink ? ' ' + (0, _i18n.t)('acceptDesignScreen.termsAndConditions', {
+        termsAndConditionsLink: termsLink
+      }) : '';
+      return /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+        container: true
+      }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+        item: true,
+        xs: 12
+      }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+        label: noteLabel,
+        multiline: true,
+        rows: "3",
+        rowsMax: "3",
+        value: notice,
+        onChange: handleChange,
+        margin: "normal",
+        variant: "outlined",
+        classes: {
+          root: classes.MuiFormControlRoot
+        }
+      })), displayAcceptDesign && /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+        item: true,
+        xs: 12
+      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+        className: classes.checkboxLabel,
+        control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+          name: "approval",
+          checked: approval.value,
+          onChange: handleChangeCheckboxApproval,
+          color: "primary"
+        }),
+        label: /*#__PURE__*/_react["default"].createElement("span", {
+          dangerouslySetInnerHTML: {
+            __html: (0, _i18n.t)('acceptDesignScreen.checkedSelectionActive') + termsAndConditions
+          }
+        })
+      }), approval.error && /*#__PURE__*/_react["default"].createElement(_FormHelperText["default"], {
+        error: true,
+        className: classes.formHelperText
+      }, (0, _i18n.t)('acceptDesignScreen.selectionError'))));
+    }
+  }]);
+
+  return AcceptDesign;
+}(_react["default"].Component);
+
+_defineProperty(AcceptDesign, "propTypes", {
+  classes: _propTypes["default"].object,
+  noteLabel: _propTypes["default"].string,
+  notice: _propTypes["default"].string,
+  handleChange: _propTypes["default"].func,
+  width: _propTypes["default"].string,
+  handleChangeCheckboxApproval: _propTypes["default"].func,
+  approval: _propTypes["default"].object,
+  displayAcceptDesign: _propTypes["default"].bool,
+  termsAndConditionsLink: _propTypes["default"].string
+});
+
+var _default = (0, _withWidth["default"])()((0, _styles.withStyles)(styles, {
+  name: 'AcceptDesign'
+})(AcceptDesign));
+
+exports["default"] = _default;

package/App/Shared/Components/AddToBasket/index.js

@@ -0,0 +1,194 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _Grid = _interopRequireDefault(require("@material-ui/core/Grid/Grid"));
+
+var _TextField = _interopRequireDefault(require("@material-ui/core/TextField/TextField"));
+
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
+var _Divider = _interopRequireDefault(require("@material-ui/core/Divider/Divider"));
+
+var _MainButton = _interopRequireDefault(require("../../../../Shared/Components/MainButton"));
+
+var _AnalyticsWrapper = _interopRequireDefault(require("../Analytics/AnalyticsWrapper"));
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button/Button"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var styles = function styles(theme) {
+  return {
+    MuiFormControlRoot: {
+      display: 'flex',
+      '& label': {
+        fontSize: 12
+      }
+    },
+    MuiButtonLabel: {
+      fontSize: 15
+    },
+    addToCartButton: {
+      '&.disabled': {
+        opacity: 0.5,
+        cursor: 'not-allowed'
+      },
+      marginTop: 10
+    },
+    captionTypography: {
+      display: 'block'
+    },
+    buttonPriceList: _defineProperty({
+      textTransform: 'none',
+      position: 'absolute',
+      bottom: 90,
+      fontSize: 15,
+      right: 200,
+      color: '#ED1C29'
+    }, theme.breakpoints.down('xs'), {
+      left: 15,
+      whiteSpace: 'nowrap'
+    })
+  };
+};
+
+var AddToBasket = /*#__PURE__*/function (_React$Component) {
+  _inherits(AddToBasket, _React$Component);
+
+  var _super = _createSuper(AddToBasket);
+
+  function AddToBasket() {
+    _classCallCheck(this, AddToBasket);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(AddToBasket, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          amount = _this$props.amount,
+          disabled = _this$props.disabled,
+          onPress = _this$props.onPress,
+          buttonLabel = _this$props.buttonLabel,
+          noteLabel = _this$props.noteLabel,
+          classes = _this$props.classes,
+          handleChange = _this$props.handleChange,
+          note = _this$props.note,
+          hidePrices = _this$props.hidePrices,
+          totalPrice = _this$props.totalPrice,
+          taxNote = _this$props.taxNote,
+          showPriceList = _this$props.showPriceList,
+          priceListLabel = _this$props.priceListLabel,
+          priceListClick = _this$props.priceListClick,
+          showCallToAction = _this$props.showCallToAction;
+      var disabledClassName = disabled ? 'disabled' : '';
+      var className = [disabledClassName].join(' ');
+      return /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+        item: true,
+        xs: 12
+      }, /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
+        style: {
+          marginBottom: 10
+        }
+      }), amount > 0 && !hidePrices && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, showPriceList && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        onClick: priceListClick,
+        className: classes.buttonPriceList
+      }, priceListLabel), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+        variant: "h5",
+        align: "right",
+        classes: {
+          h5: classes.MuiTypographyRoot
+        }
+      }, /*#__PURE__*/_react["default"].createElement("b", null, totalPrice)), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+        variant: "caption",
+        classes: {
+          caption: classes.captionTypography
+        },
+        gutterBottom: true,
+        align: "right"
+      }, /*#__PURE__*/_react["default"].createElement("i", null, taxNote))), note && /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+        label: noteLabel,
+        multiline: true,
+        rows: "3",
+        rowsMax: "8",
+        value: note,
+        onChange: handleChange,
+        margin: "normal",
+        variant: "outlined",
+        classes: {
+          root: classes.MuiFormControlRoot
+        }
+      }), showCallToAction && /*#__PURE__*/_react["default"].createElement(_AnalyticsWrapper["default"], {
+        targetId: "selected_amounts"
+      }, /*#__PURE__*/_react["default"].createElement(_MainButton["default"], {
+        variant: "contained",
+        size: "large",
+        className: className + ' ' + classes.MuiButtonLabel + ' ' + classes.addToCartButton,
+        onClick: disabled ? null : onPress,
+        fullWidth: true
+      }, buttonLabel)));
+    }
+  }]);
+
+  return AddToBasket;
+}(_react["default"].Component);
+
+_defineProperty(AddToBasket, "propTypes", {
+  amount: _propTypes["default"].number,
+  disabled: _propTypes["default"].bool,
+  onPress: _propTypes["default"].func,
+  buttonLabel: _propTypes["default"].string,
+  noteLabel: _propTypes["default"].string,
+  classes: _propTypes["default"].object,
+  handleChange: _propTypes["default"].func,
+  note: _propTypes["default"].string,
+  hidePrices: _propTypes["default"].bool,
+  totalPrice: _propTypes["default"].string,
+  taxNote: _propTypes["default"].string,
+  showReceiveOfferForm: _propTypes["default"].bool,
+  priceListClick: _propTypes["default"].func,
+  showPriceList: _propTypes["default"].bool,
+  priceListLabel: _propTypes["default"].string,
+  showCallToAction: _propTypes["default"].bool
+});
+
+var _default = (0, _styles.withStyles)(styles, {
+  name: 'AddToBasket'
+})(AddToBasket);
+
+exports["default"] = _default;

package/App/Shared/Components/AddToBasket/index.story.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@storybook/react");
+
+var _index = _interopRequireDefault(require("./index"));
+
+var _storybookState = require("@sambego/storybook-state");
+
+var _i18n = require("../../../../Framework/i18n");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function onPress() {}
+
+var store = new _storybookState.Store({
+  note: 'Bitte wie immer produzieren'
+});
+
+function handleChange(event) {
+  store.set({
+    note: event.target.value
+  });
+}
+
+(0, _react2.storiesOf)('AddToBasket', module).add('with active button', function () {
+  return /*#__PURE__*/_react["default"].createElement(_storybookState.State, {
+    store: store
+  }, function (state) {
+    return [/*#__PURE__*/_react["default"].createElement(_index["default"], {
+      key: state.note,
+      note: state.note,
+      noteLabel: (0, _i18n.t)('amountPrice.notice'),
+      buttonLabel: (0, _i18n.t)('amountPrice.intoCart'),
+      onPress: onPress,
+      handleChange: handleChange
+    })];
+  });
+}).add('with disabled button', function () {
+  return /*#__PURE__*/_react["default"].createElement(_index["default"], {
+    noteLabel: (0, _i18n.t)('amountPrice.notice'),
+    note: "",
+    buttonLabel: (0, _i18n.t)('amountPrice.intoCart'),
+    disabled: true
+  });
+});

package/App/Shared/Components/AlertDialog/index.js

@@ -0,0 +1,138 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
+
+var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
+
+var _DialogContentText = _interopRequireDefault(require("@material-ui/core/DialogContentText"));
+
+var _CustomDialog = _interopRequireDefault(require("../../../../Shared/Components/CustomDialog"));
+
+var _i18n = require("../../../../Framework/i18n");
+
+var _MainButton = _interopRequireDefault(require("../../../../Shared/Components/MainButton"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var styles = function styles() {
+  return {
+    dialogWrapper: {
+      zIndex: '1301 !important'
+    },
+    activeButton: {
+      textTransform: 'none',
+      whiteSpace: 'nowrap',
+      margin: '0 12px 8px 0',
+      padding: '4px 15px',
+      color: 'white',
+      textDecoration: 'none'
+    }
+  };
+};
+
+var AlertDialog = /*#__PURE__*/function (_React$Component) {
+  _inherits(AlertDialog, _React$Component);
+
+  var _super = _createSuper(AlertDialog);
+
+  function AlertDialog() {
+    var _this;
+
+    _classCallCheck(this, AlertDialog);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "handleClose", function () {
+      _this.props.dismissMessage();
+    });
+
+    return _this;
+  }
+
+  _createClass(AlertDialog, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          message = _this$props.message,
+          title = _this$props.title;
+      return message && /*#__PURE__*/_react["default"].createElement(_CustomDialog["default"], {
+        className: classes.dialogWrapper,
+        open: true,
+        onClose: this.handleClose,
+        "aria-labelledby": "alert-dialog-title",
+        "aria-describedby": "alert-dialog-description",
+        onCancel: this.handleClose,
+        dialogTitle: title
+      }, /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], {
+        id: "alert-dialog-description",
+        dangerouslySetInnerHTML: {
+          __html: message
+        }
+      })), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_MainButton["default"], {
+        variant: "contained",
+        onClick: this.handleClose,
+        className: classes.activeButton
+      }, (0, _i18n.t)('okButtonLabel')))) || null;
+    }
+  }]);
+
+  return AlertDialog;
+}(_react["default"].Component);
+
+_defineProperty(AlertDialog, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  dismissMessage: _propTypes["default"].func.isRequired,
+  message: _propTypes["default"].string,
+  title: _propTypes["default"].string
+});
+
+_defineProperty(AlertDialog, "defaultProps", {
+  message: null,
+  title: null
+});
+
+var _default = (0, _styles.withStyles)(styles, {
+  name: 'AlertDialog'
+})(AlertDialog);
+
+exports["default"] = _default;

package/App/Shared/Components/AmountInput/Styles.scss

@@ -0,0 +1,6 @@
+.amount-input {
+  text-align: center;
+  max-width: 100px;
+  padding: 10px 0 10px !important;
+  font-size: 12px !important;
+}