@configuratorware/configurator-frontendgui 1.46.10 → 1.47.0

package/App/Modules/Creator/Components/Option/index.js

@@ -408,7 +408,8 @@ var Option = function Option(_ref) {
       label: '',
       value: inputText,
       onChange: handleTextInputChange,
-      disabled: !selected
+      disabled: !selected,
+      translate: "no"
     });
   };
   var getRootClassName = function getRootClassName() {

package/App/Modules/Designer/Components/ColorPalettes/ColorPalettesSearch.js

@@ -102,6 +102,7 @@ var ColorPalettesSearch = exports.ColorPalettesSearch = (0, _styles.withStyles)(
     onChange: props.changeText,
     onKeyUp: keyUp,
     margin: "normal",
+    translate: "no",
     InputProps: {
       endAdornment: /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
         position: "end"

package/App/Modules/Designer/Components/ColorPalettes/index.js

@@ -584,6 +584,7 @@ var ColorPalettes = /*#__PURE__*/function (_React$Component) {
           },
           fullWidth: true,
           value: colorPalette.title,
+          translate: "no",
           InputProps: {
             classes: {
               input: classes.outlinedInput,
@@ -656,6 +657,7 @@ var ColorPalettes = /*#__PURE__*/function (_React$Component) {
         variant: "outlined",
         label: (0, _i18n.t)('colorPalettes.colorCode'),
         placeholder: (0, _i18n.t)('colorPalettes.colorSpecify'),
+        translate: "no",
         fullWidth: true,
         InputProps: {
           classes: {

package/App/Modules/Designer/Components/DesignAreaControlbox/index.js

@@ -308,6 +308,7 @@ var DesignAreaControlbox = /*#__PURE__*/function (_React$Component) {
           },
           fullWidth: true,
           value: area.title,
+          translate: "no",
           InputProps: {
             classes: {
               input: classes.outlinedInput,
@@ -353,6 +354,7 @@ var DesignAreaControlbox = /*#__PURE__*/function (_React$Component) {
           },
           fullWidth: true,
           value: productionMethod.title,
+          translate: "no",
           InputProps: {
             classes: {
               input: classes.outlinedInput,

package/App/Modules/Designer/Components/DesignerSelectionToolbox/CustomFontOverlay.js

@@ -112,7 +112,8 @@ var CustomFontOverlay = exports.CustomFontOverlay = function CustomFontOverlay(p
       classes: {
         input: classes.customFieldInput
       }
-    }
+    },
+    translate: "no"
   }))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_MainButton["default"], {
     onClick: closeOverlay,
     size: "medium",

package/App/Modules/Designer/Components/ImageColorize/index.js

@@ -456,6 +456,7 @@ var ImageColorize = /*#__PURE__*/function (_React$Component) {
             return !disableInputs && _this2.onEditClick(colorKey);
           },
           value: _this2.getColorName(vectorizeColorsMap[colorKey]),
+          translate: "no",
           InputProps: {
             disableUnderline: true
           },

package/App/Modules/Designer/Components/ImageEditDialog/ImageUpload.js

@@ -351,7 +351,8 @@ var ImageEditDialog = /*#__PURE__*/function (_React$Component) {
       ownershipChecked: false,
       ownershipErrorVisible: false,
       error: null,
-      imageData: null
+      imageData: null,
+      uploadDelayed: false
     };
     _this.ownershipGroup = /*#__PURE__*/_react["default"].createRef();
     _this.dropZone = /*#__PURE__*/_react["default"].createRef();
@@ -395,6 +396,7 @@ var ImageEditDialog = /*#__PURE__*/function (_React$Component) {
         onChange: this.handleInputChange
       }))), selectedFile !== null && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, imageData && /*#__PURE__*/_react["default"].createElement("img", {
         className: "".concat(classes.imagePreview, " ").concat(imageData.isBright ? classes.checkerBackground : ''),
+        alt: selectedFile.name,
         src: imageData.src
       }), error === null ? /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.uploadTextIconContainer

package/App/Modules/Designer/Components/ImageEditDialog/index.js

@@ -302,6 +302,29 @@ var styles = function styles(theme) {
     },
     buttonContent: {
       color: theme.palette.primary.darkText
+    },
+    delayMessageContainer: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      bottom: 0,
+      right: 0,
+      display: 'flex',
+      alignItems: 'center',
+      zIndex: 3,
+      backgroundColor: 'transparent'
+    },
+    delayMessageInner: {
+      flex: 1,
+      alignItems: 'center',
+      flexDirection: 'column',
+      display: 'flex',
+      paddingTop: 72
+    },
+    delayMessage: {
+      color: theme.palette.text.secondary,
+      fontSize: 18,
+      fontWeight: 'bold'
     }
   };
 };
@@ -397,7 +420,8 @@ var ImageEditDialog = /*#__PURE__*/function (_React$Component) {
         onNewUploadClick = _this$props2.onNewUploadClick,
         uploadImage = _this$props2.uploadImage,
         selectUserImage = _this$props2.selectUserImage,
-        showUploadPanel = _this$props2.showUploadPanel;
+        showUploadPanel = _this$props2.showUploadPanel,
+        uploadDelayed = _this$props2.uploadDelayed;
       var userImagesIndex = this.state.userImagesIndex;
       var userImagesIndexes = [];
       for (var i = userImagesIndex; i < userImages.length && i < userImagesIndex + 3; i++) {
@@ -416,7 +440,13 @@ var ImageEditDialog = /*#__PURE__*/function (_React$Component) {
         scroll: "paper"
       }, /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], {
         className: "".concat(classes.dialogContent, " ").concat(colorPreviewBlockActive ? 'color-preview-block' : '')
-      }, loaderComponent, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+      }, loaderComponent, uploadDelayed && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.delayMessageContainer
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.delayMessageInner
+      }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+        className: classes.delayMessage
+      }, (0, _i18n.t)('imageEditDialog.uploadDelayed')))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
         container: true,
         className: classes.rootContainerWrapper
       }, showNewUploadArea && /*#__PURE__*/_react["default"].createElement(_Grid["default"], {

package/App/Modules/Designer/Components/TextControlbox/index.js

@@ -295,6 +295,7 @@ var TextControlbox = /*#__PURE__*/function (_React$Component2) {
           margin: "normal",
           fullWidth: true,
           variant: "outlined",
+          translate: "no",
           multiline: true,
           editorBackgroundColor: editorBackgroundColor
         }, renderEditorComponent(_this2.props)) : /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
@@ -305,6 +306,7 @@ var TextControlbox = /*#__PURE__*/function (_React$Component2) {
           margin: "normal",
           fullWidth: true,
           variant: "outlined",
+          translate: "no",
           multiline: true,
           rowsMax: 2,
           InputLabelProps: {

package/App/Modules/Designer/Containers/ImageEditDialog.js

@@ -753,7 +753,8 @@ var ImageEditDialogContainer = exports.ImageEditDialogContainer = /*#__PURE__*/f
         customControlElements = _this$props6.customControlElements,
         checkOwnership = _this$props6.checkOwnership,
         designProductionMethod = _this$props6.designProductionMethod,
-        client = _this$props6.client;
+        client = _this$props6.client,
+        uploadDelayed = _this$props6.uploadDelayed;
       var _this$state3 = this.state,
         preview = _this$state3.preview,
         clipping = _this$state3.clipping,
@@ -785,6 +786,7 @@ var ImageEditDialogContainer = exports.ImageEditDialogContainer = /*#__PURE__*/f
         backgroundSelected: clipping,
         preview: preview,
         colorPickerEnabled: !!clipping,
+        uploadDelayed: uploadDelayed,
         continueButtonDisabled: continueButtonDisabled,
         continueClick: this.continueClick,
         showWarningMessage: showWarningMessage,
@@ -892,6 +894,7 @@ var mapStateToProps = function mapStateToProps(state) {
   var initialColorMaxAmount = (0, _Selectors2.getInitialMaxColorAmount)(state);
   var colorPreviewRequirementFulfilled = (0, _Selectors3.isColorPreviewCompatible)(state, userImage);
   var client = (0, _Selectors5.getClient)((0, _Selectors5.getConfigurator)(state));
+  var uploadDelayed = imageGallery.uploadDelayed;
   return {
     Component: open ? ImageEditDialogContainer : function () {
       return null;
@@ -920,7 +923,8 @@ var mapStateToProps = function mapStateToProps(state) {
     initialColorMaxAmount: initialColorMaxAmount,
     colorPreviewRequirementFulfilled: colorPreviewRequirementFulfilled,
     designProductionMethod: designProductionMethod,
-    client: client
+    client: client,
+    uploadDelayed: uploadDelayed
   };
 };
 var mapDispatchToProps = function mapDispatchToProps(dispatch) {

package/App/Reducers/Configurator/Actions.js

@@ -676,6 +676,7 @@ var fetchInitialConfiguration = exports.fetchInitialConfiguration = function fet
           dispatch((0, _Actions2.reportConfigurationNotFoundError)((0, _i18n.t)('loadConfiguration.error.loadingFailed')));
         } else {
           _ServiceLocator.Services.analytics.triggerEvent(_Constant.EventTypes.load_item, configuration.data.item.identifier);
+          dispatch(setLoadCode(null));
         }
       });
     } else if ((0, _configuration.getConf)('loadVariantsFirst')) {

package/App/Reducers/ImageGallery/Actions.js

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.uploadImage = exports.updateImage = exports.setSelectedImageData = exports.setSelectedImageByIdentifier = exports.setSelectedImage = exports.setModeToEdit = exports.setModeToAdd = exports.selectTags = exports.selectTag = exports.receiveGalleryTags = exports.getGalleryUrlForTags = exports.fetchTags = exports.fetchGallery = exports.editImage = exports.dismissError = exports.commitChanges = exports.addImagesFromDesignArea = exports.addGalleryImageToUserImages = exports.WN_UPLOAD_IMAGE = exports.WN_LOAD_TAGS = exports.WN_LOAD_IMAGES = exports.URL_UPLOAD = exports.URL_TAGS = exports.URL_GALLERY = exports.UPDATE_IMAGE = exports.SET_SELECTED_IMAGE = exports.SET_MODE = exports.SELECT_GALLERY_TAGS = exports.SELECT_GALLERY_TAG = exports.RECEIVE_IMAGE_UPLOAD_DATA = exports.RECEIVE_GALLERY_TAGS = exports.RECEIVE_GALLERY = exports.ImageGalleryModes = exports.DISMISS_ERROR = exports.COMMIT_CHANGES = exports.ADD_IMAGES_FROM_DESIGN_AREA = exports.ADD_GALLERY_IMAGE_TO_USER_IMAGES = void 0;
+exports.uploadImage = exports.updateUploadDelayed = exports.updateImage = exports.setSelectedImageData = exports.setSelectedImageByIdentifier = exports.setSelectedImage = exports.setModeToEdit = exports.setModeToAdd = exports.selectTags = exports.selectTag = exports.receiveGalleryTags = exports.getGalleryUrlForTags = exports.fetchTags = exports.fetchGallery = exports.editImage = exports.dismissError = exports.commitChanges = exports.addImagesFromDesignArea = exports.addGalleryImageToUserImages = exports.WN_UPLOAD_IMAGE = exports.WN_LOAD_TAGS = exports.WN_LOAD_IMAGES = exports.URL_UPLOAD = exports.URL_TAGS = exports.URL_GALLERY = exports.UPDATE_UPLOAD_DELAYED = exports.UPDATE_IMAGE = exports.SET_SELECTED_IMAGE = exports.SET_MODE = exports.SELECT_GALLERY_TAGS = exports.SELECT_GALLERY_TAG = exports.RECEIVE_IMAGE_UPLOAD_DATA = exports.RECEIVE_GALLERY_TAGS = exports.RECEIVE_GALLERY = exports.ImageGalleryModes = exports.DISMISS_ERROR = exports.COMMIT_CHANGES = exports.ADD_IMAGES_FROM_DESIGN_AREA = exports.ADD_GALLERY_IMAGE_TO_USER_IMAGES = void 0;
 var _Actions = require("../Actions");
 var _Actions2 = require("../UI/Actions");
 var _Selectors = require("./Selectors");
@@ -28,6 +28,7 @@ var RECEIVE_IMAGE_UPLOAD_DATA = exports.RECEIVE_IMAGE_UPLOAD_DATA = 'imageGaller
 var WN_LOAD_IMAGES = exports.WN_LOAD_IMAGES = 'imageGallery/LOAD_IMAGES';
 var WN_LOAD_TAGS = exports.WN_LOAD_TAGS = 'imageGallery/LOAD_TAGS';
 var WN_UPLOAD_IMAGE = exports.WN_UPLOAD_IMAGE = 'imageGallery/UPLOAD_IMAGE';
+var UPDATE_UPLOAD_DELAYED = exports.UPDATE_UPLOAD_DELAYED = 'imageGallery/UPDATE_UPLOAD_DELAYED';
 var URL_TAGS = exports.URL_TAGS = 'imagegalleryimage/tags';
 var URL_GALLERY = exports.URL_GALLERY = 'imagegalleryimage?&tags={tag}';
 var URL_UPLOAD = exports.URL_UPLOAD = 'userimages/designer/edit';
@@ -110,6 +111,12 @@ var updateImage = exports.updateImage = function updateImage(identifier, imageDa
     });
   };
 };
+var updateUploadDelayed = exports.updateUploadDelayed = function updateUploadDelayed(uploadDelayed) {
+  return {
+    type: UPDATE_UPLOAD_DELAYED,
+    uploadDelayed: uploadDelayed
+  };
+};
 var uploadImage = exports.uploadImage = function uploadImage(file) {
   return (0, _Actions2.createAsyncTask)(WN_UPLOAD_IMAGE, /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(dispatch, getState) {
@@ -126,7 +133,9 @@ var uploadImage = exports.uploadImage = function uploadImage(file) {
             _context.next = 8;
             return dispatch((0, _Actions.postDataAsync)(URL_UPLOAD, data, (0, _Actions.createDefaultReceiver)(RECEIVE_IMAGE_UPLOAD_DATA, {
               vectorizedLogoMandatory: vectorizedLogoMandatory
-            }), {}, {}, {
+            }), {
+              timeout: 180000
+            }, {}, {
               useLocalErrorHandling: true
             }));
           case 8:

package/App/Reducers/ImageGallery/Reducer.js

@@ -56,7 +56,8 @@ var initialState = {
   userImages: [],
   selectedImage: null,
   lastErrorCode: null,
-  mode: null
+  mode: null,
+  uploadDelayed: false
 };
 function imageGalleryReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
@@ -254,6 +255,12 @@ function imageGalleryReducer() {
           lastErrorCode: null
         });
       }
+    case actionTypes.UPDATE_UPLOAD_DELAYED:
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          uploadDelayed: action.uploadDelayed
+        });
+      }
     default:
       return state;
   }

package/App/Services/DesignerService.js

@@ -235,27 +235,32 @@ var DesignerService = exports["default"] = /*#__PURE__*/function () {
     key: "uploadFile",
     value: function () {
       var _uploadFile = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(file) {
-        var response, url, term;
+        var timeout, response, url, term;
         return _regeneratorRuntime().wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
-              _context5.next = 2;
+              timeout = setTimeout(function () {
+                _ServiceLocator.Services.store.dispatch((0, _Actions.updateUploadDelayed)(true));
+              }, 10000);
+              _context5.next = 3;
               return _ServiceLocator.Services.store.dispatch((0, _Actions.uploadImage)(file));
-            case 2:
+            case 3:
               response = _context5.sent;
+              clearTimeout(timeout);
               url = (0, _get["default"])(response, 'data.preview.url');
               term = (0, _get["default"])(response, 'data.message');
               if (term) {
                 _ServiceLocator.Services.ui.alertMessage((0, _i18n.t)(term));
               }
               if (url) {
-                _context5.next = 8;
+                _context5.next = 10;
                 break;
               }
               throw new Error('Preview image url is not specified!');
-            case 8:
+            case 10:
+              _ServiceLocator.Services.store.dispatch((0, _Actions.updateUploadDelayed)(false));
               return _context5.abrupt("return", "".concat((0, _configuration.getConf)('network.host')).concat(url));
-            case 9:
+            case 12:
             case "end":
               return _context5.stop();
           }

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

@@ -96,6 +96,7 @@ var AcceptDesign = /*#__PURE__*/function (_React$Component) {
         onChange: handleChange,
         margin: "normal",
         variant: "outlined",
+        translate: "no",
         classes: {
           root: classes.MuiFormControlRoot
         }

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

@@ -123,6 +123,7 @@ var AddToBasket = /*#__PURE__*/function (_React$Component) {
         onChange: handleChange,
         margin: "normal",
         variant: "outlined",
+        translate: "no",
         classes: {
           root: classes.MuiFormControlRoot
         }

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

@@ -211,6 +211,7 @@ var ReceiveOfferForm = /*#__PURE__*/function (_React$Component) {
         label: (0, _i18n.t)('receiveOfferForm.name'),
         margin: "dense",
         variant: "outlined",
+        translate: "no",
         fullWidth: true,
         error: !!name.error,
         helperText: getErrorMessage(name.error),
@@ -233,6 +234,7 @@ var ReceiveOfferForm = /*#__PURE__*/function (_React$Component) {
         label: (0, _i18n.t)('receiveOfferForm.company'),
         margin: "dense",
         variant: "outlined",
+        translate: "no",
         fullWidth: true,
         error: !!company.error,
         helperText: getErrorMessage(company.error),
@@ -310,6 +312,7 @@ var ReceiveOfferForm = /*#__PURE__*/function (_React$Component) {
         label: (0, _i18n.t)('receiveOfferForm.city'),
         margin: "dense",
         variant: "outlined",
+        translate: "no",
         fullWidth: true,
         error: !!city.error,
         helperText: getErrorMessage(city.error),
@@ -332,6 +335,7 @@ var ReceiveOfferForm = /*#__PURE__*/function (_React$Component) {
         label: (0, _i18n.t)('receiveOfferForm.street'),
         margin: "dense",
         variant: "outlined",
+        translate: "no",
         fullWidth: true,
         error: !!street.error,
         helperText: getErrorMessage(street.error),
@@ -354,6 +358,7 @@ var ReceiveOfferForm = /*#__PURE__*/function (_React$Component) {
         label: (0, _i18n.t)('receiveOfferForm.country'),
         margin: "dense",
         variant: "outlined",
+        translate: "no",
         fullWidth: true,
         error: !!country.error,
         helperText: getErrorMessage(country.error),

package/App/configuration.js

@@ -397,6 +397,7 @@ function setLanguage() {
   }
   applicationConfiguration.language = language.replace('_', '-');
   _Api["default"].setLanguage(applicationConfiguration.language);
+  document.documentElement.lang = language.substring(0, 2);
   (0, _Translations.initLanguage)(applicationConfiguration.language, applicationConfiguration.network.baseURL);
 }
 

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@configuratorware/configurator-frontendgui",
-  "version": "1.46.10",
+  "version": "1.47.0",
   "license": "UNLICENSED",
   "private": false,
   "main": "./index.js",
   "dependencies": {
     "@babel/polyfill": "^7.12.1",
-    "@configuratorware/scripts": "1.46.10",
+    "@configuratorware/scripts": "1.47.0",
     "@material-ui/core": "^4.12.4",
     "@material-ui/icons": "^4.11.3",
     "@material-ui/lab": "^4.0.0-alpha.61",
@@ -36,8 +36,8 @@
     "react-router-dom": "^5.3.4",
     "react-swipeable": "^5.5.1",
     "react-zoom-pan-pinch": "^2.1.3",
-    "redhotmagma-graphics-editor": "1.46.10",
-    "redhotmagma-visualization": "1.46.10",
+    "redhotmagma-graphics-editor": "1.47.0",
+    "redhotmagma-visualization": "1.47.0",
     "redux": "^4.1.0",
     "redux-logger": "^3.0.6",
     "redux-persist": "^5.10.0",

package/public/translations/de_DE.json

@@ -104,7 +104,7 @@
     "imageOwnershipError": "Bitte bestätigen, um fortzufahren",
     "uploadSizeError": "Die gewählte Datei is größer als die maximal erlaubte Größe von %{uploadSize} MB",
     "uploadFormatError": "Zulässige Bildformate: %{formats}",
-    "processingFailed": "Die gewählte Datei kann leider nicht verwendet werden. Bitte eine andere Datei wählen.",
+    "processingFailed": "Bei der Verarbeitung der Bilddatei ist ein Problem aufgetreten. Ihre Bilddatei ist möglicherweise zu groß oder beschädigt.",
     "termsAndConditions": "Ich habe die %{termsAndConditionsLink} gelesen und erkläre mich einverstanden.",
     "termsAndConditionsLink": "",
     "termsAndConditionsLinkLabel": "AGB",
@@ -327,7 +327,8 @@
     "changeColorAmount": "Farbanzahl wählen",
     "imageWithoutVectorization": "Das gewählte Produktionsverfahren „%{designProductionMethodName}“ ermöglicht den Druck mit beliebigen Farben. Eine Bearbeitung des Bildes ist also nicht notwendig. <br/> Sollten Sie dennoch wünschen, die Farben Ihres Bildes zu verändern, nutzen Sie die Funktion „Farben bearbeiten“",
     "editColors": "Farben bearbeiten",
-    "resetButton": "Bearbeitung zurücksetzen"
+    "resetButton": "Bearbeitung zurücksetzen",
+    "uploadDelayed": "Bitte haben Sie Geduld, dieser Vorgang kann länger dauern!"
   },
   "vector_not_paths_only": "Bei eingebetteten Texten oder Bildern kann es zu Abweichungen in der Darstellung kommen. Um eine einheitliche Darstellung zu garantieren, sollten diese in Pfade umgewandelt werden.",
   "errorTypes": {

package/public/translations/en_GB.json

@@ -104,7 +104,7 @@
     "imageOwnershipError": "Please accept to confirm.",
     "uploadSizeError": "The selected file is larger than the maximum allowed size of %{uploadSize} MB.",
     "uploadFormatError": "Allowed file types: %{formats}",
-    "processingFailed": "The selected file cannot be processed. Please select another file.",
+    "processingFailed": "There was a problem in processing the image file. Your image file might be too huge or could be corrupted.",
     "termsAndConditions": "I have read the %{termsAndConditionsLink} and agree to them.",
     "termsAndConditionsLink": "",
     "termsAndConditionsLinkLabel": "terms and conditions",
@@ -327,7 +327,8 @@
     "imageWithoutVectorization": "The chosen production method „%{designProductionMethodName}“ allows printing with any colours. It is therefore not necessary to edit the image. <br/> Should you nevertheless wish to change the colours of your image, use the function „Edit colours“",
     "editColors": "edit colors",
     "resetButton": "Reset changes",
-    "pictureEmbroideryHint": "For visualization of the embroidery on the product, please activate color preview."
+    "pictureEmbroideryHint": "For visualization of the embroidery on the product, please activate color preview.",
+    "uploadDelayed": "Please be patient, this operation might take longer!"
   },
   "vector_not_paths_only": "Embedded texts or images can lead to anomalous results. To ensure a consistent display those embedded data should be converted to vectors.",
   "errorTypes": {

package/src/App/Modules/Creator/Components/Option/__snapshots__/index.test.js.snap

@@ -325,6 +325,7 @@ exports[`Option renders with TextInput 1`] = `
           </div>
           <div
             class="MuiFormControl-root MuiTextField-root Option-optionTextInput-148"
+            translate="no"
           >
             <div
               class="MuiInputBase-root MuiInput-root MuiInput-underline Mui-disabled Mui-disabled MuiInputBase-formControl MuiInput-formControl"

package/src/App/Modules/Creator/Components/Option/index.js

@@ -455,6 +455,7 @@ const Option = ({ children, render, ...props }) => {
                 value={inputText}
                 onChange={handleTextInputChange}
                 disabled={!selected}
+                translate="no"
             />
         );
     };

package/src/App/Modules/Designer/Components/ColorPalettes/ColorPalettesSearch.js

@@ -78,6 +78,7 @@ export const ColorPalettesSearch = withStyles(styles, { name: 'ColorPalettesSear
                     onChange={props.changeText}
                     onKeyUp={keyUp}
                     margin="normal"
+                    translate="no"
                     InputProps={{
                         endAdornment: (
                             <InputAdornment position="end">

package/src/App/Modules/Designer/Components/ColorPalettes/index.js

@@ -591,6 +591,7 @@ class ColorPalettes extends React.Component {
                                                                         inputProps={{ readOnly: true }}
                                                                         fullWidth={true}
                                                                         value={colorPalette.title}
+                                                                        translate="no"
                                                                         InputProps={{
                                                                             classes: {
                                                                                 input: classes.outlinedInput,
@@ -672,6 +673,7 @@ class ColorPalettes extends React.Component {
                                                         variant="outlined"
                                                         label={t('colorPalettes.colorCode')}
                                                         placeholder={t('colorPalettes.colorSpecify')}
+                                                        translate="no"
                                                         fullWidth
                                                         InputProps={{
                                                             classes: {

package/src/App/Modules/Designer/Components/DesignAreaControlbox/index.js

@@ -356,6 +356,7 @@ class DesignAreaControlbox extends React.Component {
                                         inputProps={{ readOnly: true }}
                                         fullWidth={true}
                                         value={area.title}
+                                        translate="no"
                                         InputProps={{
                                             classes: {
                                                 input: classes.outlinedInput,
@@ -422,6 +423,7 @@ class DesignAreaControlbox extends React.Component {
                                             inputProps={{ readOnly: true }}
                                             fullWidth={true}
                                             value={productionMethod.title}
+                                            translate="no"
                                             InputProps={{
                                                 classes: {
                                                     input: classes.outlinedInput,

package/src/App/Modules/Designer/Components/DesignerSelectionToolbox/CustomFontOverlay.js

@@ -91,6 +91,7 @@ export const CustomFontOverlay = props => {
                                     input: classes.customFieldInput,
                                 },
                             }}
+                            translate="no"
                         />
                     </div>
                 </DialogContent>

package/src/App/Modules/Designer/Components/ImageColorize/__snapshots__/ImageColorize.test.js.snap

@@ -125,6 +125,7 @@ Array [
         >
           <div
             class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
+            translate="no"
           >
             <div
               class="MuiInputBase-root MuiInput-root Mui-disabled Mui-disabled MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
@@ -187,6 +188,7 @@ Array [
         >
           <div
             class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
+            translate="no"
           >
             <div
               class="MuiInputBase-root MuiInput-root Mui-disabled Mui-disabled MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"

package/src/App/Modules/Designer/Components/ImageColorize/index.js

@@ -433,6 +433,7 @@ class ImageColorize extends React.Component {
                                                 fullWidth
                                                 onClick={() => !disableInputs && this.onEditClick(colorKey)}
                                                 value={this.getColorName(vectorizeColorsMap[colorKey])}
+                                                translate="no"
                                                 InputProps={{ disableUnderline: true }}
                                                 inputProps={{ className: classes.colorInput }}
                                             />

package/src/App/Modules/Designer/Components/ImageEditDialog/ImageUpload.js

@@ -192,6 +192,7 @@ class ImageEditDialog extends React.Component {
             ownershipErrorVisible: false,
             error: null,
             imageData: null,
+            uploadDelayed: false,
         };
         this.ownershipGroup = React.createRef();
         this.dropZone = React.createRef();
@@ -355,6 +356,7 @@ class ImageEditDialog extends React.Component {
                                         className={`${classes.imagePreview} ${
                                             imageData.isBright ? classes.checkerBackground : ''
                                         }`}
+                                        alt={selectedFile.name}
                                         src={imageData.src}
                                     />
                                 )}

package/src/App/Modules/Designer/Components/ImageEditDialog/index.js

@@ -316,6 +316,29 @@ const styles = theme => ({
     buttonContent: {
         color: theme.palette.primary.darkText,
     },
+    delayMessageContainer: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        bottom: 0,
+        right: 0,
+        display: 'flex',
+        alignItems: 'center',
+        zIndex: 3,
+        backgroundColor: 'transparent',
+    },
+    delayMessageInner: {
+        flex: 1,
+        alignItems: 'center',
+        flexDirection: 'column',
+        display: 'flex',
+        paddingTop: 72,
+    },
+    delayMessage: {
+        color: theme.palette.text.secondary,
+        fontSize: 18,
+        fontWeight: 'bold',
+    },
 });
 
 class ImageEditDialog extends React.Component {
@@ -344,6 +367,7 @@ class ImageEditDialog extends React.Component {
         galleryHasImages: PropTypes.bool,
         showWarningMessage: PropTypes.bool,
         displayColorPreview: PropTypes.bool,
+        uploadDelayed: PropTypes.bool,
         onOriginalImageAndColorPreviewToggleClick: PropTypes.func,
         originalImagePreview: PropTypes.string,
         embroideryNoticeRef: PropTypes.object,
@@ -456,6 +480,7 @@ class ImageEditDialog extends React.Component {
             uploadImage,
             selectUserImage,
             showUploadPanel,
+            uploadDelayed,
         } = this.props;
 
         const { userImagesIndex } = this.state;
@@ -486,6 +511,15 @@ class ImageEditDialog extends React.Component {
                     }`}
                 >
                     {loaderComponent}
+                    {uploadDelayed && (
+                        <div className={classes.delayMessageContainer}>
+                            <div className={classes.delayMessageInner}>
+                                <Typography className={classes.delayMessage}>
+                                    {t('imageEditDialog.uploadDelayed')}
+                                </Typography>
+                            </div>
+                        </div>
+                    )}
                     <Grid container className={classes.rootContainerWrapper}>
                         {showNewUploadArea && (
                             <Grid item xs={12} sm={12} className={classes.imageEditDialogItem}>

package/src/App/Modules/Designer/Components/TextControlbox/__snapshots__/index.test.jsx.snap

@@ -16,6 +16,7 @@ exports[`renders a boxed component with the boxed prop 1`] = `
       >
         <div
           class="MuiFormControl-root MuiTextField-root TextControlbox-textEditor-22 MuiFormControl-marginNormal MuiFormControl-fullWidth"
+          translate="no"
         >
           <label
             class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
@@ -251,6 +252,7 @@ exports[`renders correctly 1`] = `
       >
         <div
           class="MuiFormControl-root MuiTextField-root TextControlbox-textEditor-22 MuiFormControl-marginNormal MuiFormControl-fullWidth"
+          translate="no"
         >
           <label
             class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"

package/src/App/Modules/Designer/Components/TextControlbox/index.js

@@ -308,6 +308,7 @@ class TextControlbox extends React.Component {
                     margin="normal"
                     fullWidth
                     variant="outlined"
+                    translate="no"
                     multiline
                     editorBackgroundColor={editorBackgroundColor}
                 >
@@ -322,6 +323,7 @@ class TextControlbox extends React.Component {
                     margin="normal"
                     fullWidth
                     variant="outlined"
+                    translate="no"
                     multiline
                     rowsMax={2}
                     InputLabelProps={{ shrink: true }}

package/src/App/Modules/Designer/Containers/ImageEditDialog.js

@@ -127,6 +127,8 @@ export class ImageEditDialogContainer extends React.Component {
         customControlElements: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
         checkOwnership: PropTypes.bool,
         client: PropTypes.object,
+        designProductionMethod: PropTypes.object,
+        uploadDelayed: PropTypes.bool,
     };
 
     static defaultProps = {
@@ -679,6 +681,7 @@ export class ImageEditDialogContainer extends React.Component {
             checkOwnership,
             designProductionMethod,
             client,
+            uploadDelayed,
         } = this.props;
         const {
             preview,
@@ -723,6 +726,7 @@ export class ImageEditDialogContainer extends React.Component {
                     backgroundSelected={clipping}
                     preview={preview}
                     colorPickerEnabled={!!clipping}
+                    uploadDelayed={uploadDelayed}
                     continueButtonDisabled={continueButtonDisabled}
                     continueClick={this.continueClick}
                     showWarningMessage={showWarningMessage}
@@ -828,6 +832,7 @@ const mapStateToProps = state => {
     const initialColorMaxAmount = getInitialMaxColorAmount(state);
     const colorPreviewRequirementFulfilled = isColorPreviewCompatible(state, userImage);
     const client = getClient(getConfigurator(state));
+    const uploadDelayed = imageGallery.uploadDelayed;
 
     return {
         Component: open ? ImageEditDialogContainer : () => null,
@@ -856,6 +861,7 @@ const mapStateToProps = state => {
         colorPreviewRequirementFulfilled,
         designProductionMethod,
         client,
+        uploadDelayed,
     };
 };
 

package/src/App/Reducers/Configurator/Actions.js

@@ -620,6 +620,7 @@ export const fetchInitialConfiguration = () => (dispatch, getState) => {
                 dispatch(reportConfigurationNotFoundError(t('loadConfiguration.error.loadingFailed')));
             } else {
                 Services.analytics.triggerEvent(EventTypes.load_item, configuration.data.item.identifier);
+                dispatch(setLoadCode(null));
             }
         });
     } else if (getConf('loadVariantsFirst')) {

package/src/App/Reducers/ImageGallery/Actions.js

@@ -19,6 +19,7 @@ export const RECEIVE_IMAGE_UPLOAD_DATA = 'imageGallery/RECEIVE_IMAGE_UPLOAD_DATA
 export const WN_LOAD_IMAGES = 'imageGallery/LOAD_IMAGES';
 export const WN_LOAD_TAGS = 'imageGallery/LOAD_TAGS';
 export const WN_UPLOAD_IMAGE = 'imageGallery/UPLOAD_IMAGE';
+export const UPDATE_UPLOAD_DELAYED = 'imageGallery/UPDATE_UPLOAD_DELAYED';
 
 export const URL_TAGS = 'imagegalleryimage/tags';
 export const URL_GALLERY = 'imagegalleryimage?&tags={tag}';
@@ -97,6 +98,11 @@ export const updateImage = (identifier, imageDataPatch, immediateCommit = false)
     });
 };
 
+export const updateUploadDelayed = uploadDelayed => ({
+    type: UPDATE_UPLOAD_DELAYED,
+    uploadDelayed,
+});
+
 export const uploadImage = file =>
     createAsyncTask(WN_UPLOAD_IMAGE, async (dispatch, getState) => {
         const designProductionMethod = getSelectedDesignProductionMethod(getState());
@@ -112,7 +118,9 @@ export const uploadImage = file =>
                 createDefaultReceiver(RECEIVE_IMAGE_UPLOAD_DATA, {
                     vectorizedLogoMandatory,
                 }),
-                {},
+                {
+                    timeout: 180000,
+                },
                 {},
                 {
                     useLocalErrorHandling: true,

package/src/App/Reducers/ImageGallery/Reducer.js

@@ -47,6 +47,7 @@ const initialState = {
     selectedImage: null,
     lastErrorCode: null,
     mode: null,
+    uploadDelayed: false,
 };
 
 export function imageGalleryReducer(state = initialState, action = {}) {
@@ -271,6 +272,12 @@ export function imageGalleryReducer(state = initialState, action = {}) {
                 lastErrorCode: null,
             };
         }
+        case actionTypes.UPDATE_UPLOAD_DELAYED: {
+            return {
+                ...state,
+                uploadDelayed: action.uploadDelayed,
+            };
+        }
         default:
             return state;
     }

package/src/App/Services/DesignerService.js

@@ -20,6 +20,7 @@ import {
     fetchGallery,
     setModeToEdit,
     setModeToAdd,
+    updateUploadDelayed,
 } from '../Reducers/ImageGallery/Actions';
 import {
     createColorData,
@@ -169,7 +170,11 @@ export default class DesignerService {
     }
 
     async uploadFile(file) {
+        const timeout = setTimeout(() => {
+            Services.store.dispatch(updateUploadDelayed(true));
+        }, 10000);
         const response = await Services.store.dispatch(uploadImage(file));
+        clearTimeout(timeout);
         const url = get(response, 'data.preview.url');
         const term = get(response, 'data.message');
         if (term) {
@@ -178,6 +183,7 @@ export default class DesignerService {
         if (!url) {
             throw new Error('Preview image url is not specified!');
         }
+        Services.store.dispatch(updateUploadDelayed(false));
         return `${getConf('network.host')}${url}`;
     }
 

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

@@ -86,6 +86,7 @@ class AcceptDesign extends React.Component {
                         onChange={handleChange}
                         margin="normal"
                         variant="outlined"
+                        translate="no"
                         classes={{
                             root: classes.MuiFormControlRoot,
                         }}

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

@@ -124,6 +124,7 @@ class AddToBasket extends React.Component {
                         onChange={handleChange}
                         margin="normal"
                         variant="outlined"
+                        translate="no"
                         classes={{
                             root: classes.MuiFormControlRoot,
                         }}

package/src/App/Shared/Components/ReceiveOfferForm/__snapshots__/index.test.jsx.snap

@@ -37,6 +37,7 @@ Array [
   </div>,
   <div
     class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
+    translate="no"
   >
     <label
       class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
@@ -70,6 +71,7 @@ Array [
   </div>,
   <div
     class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
+    translate="no"
   >
     <label
       class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
@@ -179,6 +181,7 @@ Array [
     >
       <div
         class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
+        translate="no"
       >
         <label
           class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
@@ -214,6 +217,7 @@ Array [
   </div>,
   <div
     class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
+    translate="no"
   >
     <label
       class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
@@ -247,6 +251,7 @@ Array [
   </div>,
   <div
     class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
+    translate="no"
   >
     <label
       class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
@@ -318,6 +323,7 @@ Array [
   </div>,
   <div
     class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
+    translate="no"
   >
     <label
       class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
@@ -351,6 +357,7 @@ Array [
   </div>,
   <div
     class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
+    translate="no"
   >
     <label
       class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
@@ -460,6 +467,7 @@ Array [
     >
       <div
         class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
+        translate="no"
       >
         <label
           class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
@@ -495,6 +503,7 @@ Array [
   </div>,
   <div
     class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
+    translate="no"
   >
     <label
       class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"
@@ -528,6 +537,7 @@ Array [
   </div>,
   <div
     class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
+    translate="no"
   >
     <label
       class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined ReceiveOfferForm-outlinedLabel-4"

package/src/App/Shared/Components/ReceiveOfferForm/index.js

@@ -202,6 +202,7 @@ class ReceiveOfferForm extends React.Component {
                     label={t('receiveOfferForm.name')}
                     margin="dense"
                     variant="outlined"
+                    translate="no"
                     fullWidth
                     error={!!name.error}
                     helperText={getErrorMessage(name.error)}
@@ -225,6 +226,7 @@ class ReceiveOfferForm extends React.Component {
                     label={t('receiveOfferForm.company')}
                     margin="dense"
                     variant="outlined"
+                    translate="no"
                     fullWidth
                     error={!!company.error}
                     helperText={getErrorMessage(company.error)}
@@ -298,6 +300,7 @@ class ReceiveOfferForm extends React.Component {
                             label={t('receiveOfferForm.city')}
                             margin="dense"
                             variant="outlined"
+                            translate="no"
                             fullWidth
                             error={!!city.error}
                             helperText={getErrorMessage(city.error)}
@@ -323,6 +326,7 @@ class ReceiveOfferForm extends React.Component {
                     label={t('receiveOfferForm.street')}
                     margin="dense"
                     variant="outlined"
+                    translate="no"
                     fullWidth
                     error={!!street.error}
                     helperText={getErrorMessage(street.error)}
@@ -346,6 +350,7 @@ class ReceiveOfferForm extends React.Component {
                     label={t('receiveOfferForm.country')}
                     margin="dense"
                     variant="outlined"
+                    translate="no"
                     fullWidth
                     error={!!country.error}
                     helperText={getErrorMessage(country.error)}

package/src/App/configuration.js

@@ -437,6 +437,7 @@ function setLanguage() {
     }
     applicationConfiguration.language = language.replace('_', '-');
     Api.setLanguage(applicationConfiguration.language);
+    document.documentElement.lang = language.substring(0, 2);
     initLanguage(applicationConfiguration.language, applicationConfiguration.network.baseURL);
 }