@configuratorware/configurator-admingui 1.36.0-beta.0 → 1.36.0

package/Screens/Itemclassification/Translations.js

@@ -0,0 +1,21 @@
+"use strict";
+
+require("../../App/i18n").use({
+  en: {
+    itemclassifications: {
+      addButtonLabel: 'Add Product category',
+      menuLabel: 'Product Categories'
+    },
+    item_classifications: 'Product categories',
+    'Minimum order amount': 'Minimum order amount'
+  },
+  de: {
+    itemclassifications: {
+      addButtonLabel: 'Produktkategorie hinzufügen',
+      menuLabel: 'Produktkategorien'
+    },
+    'Sequence number': 'Reihenfolge',
+    item_classifications: 'Produktkategorien',
+    'Minimum order amount': 'Mindestbestellmenge'
+  }
+}, true);

package/Screens/Itemclassification/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _Screen = _interopRequireDefault(require("./Screen"));
+
+var _Reducer = _interopRequireDefault(require("./Reducers/Reducer"));
+
+var _FeatureReducers = require("../../App/FeatureReducers");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+(0, _FeatureReducers.addReducers)(_Reducer["default"]);
+var _default = {
+  Screen: _Screen["default"]
+};
+exports["default"] = _default;

package/Screens/index.js

@@ -70,6 +70,8 @@ var _TrackingCodes = _interopRequireDefault(require("./TrackingCodes"));
 
 var _User = _interopRequireDefault(require("./User"));
 
+var _Itemclassification = _interopRequireDefault(require("./Itemclassification"));
+
 var _Finder = _interopRequireDefault(require("./Finder"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -90,6 +92,7 @@ var features = {
   designer: _Designer["default"],
   design_production_methods: _DesignProductionMethods["default"],
   items: _Item["default"],
+  item_classifications: _Itemclassification["default"],
   licenses: _Screen2["default"],
   options: _Option["default"],
   option_classifications: _Optionclassification["default"],

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@configuratorware/configurator-admingui",
-  "version": "1.36.0-beta.0",
+  "version": "1.36.0",
   "license": "UNLICENSED",
   "private": false,
   "dependencies": {
     "@babel/polyfill": "^7.12.1",
-    "@hot-loader/react-dom": "^17.0.2",
+    "@hot-loader/react-dom": "^16.14.0",
     "@material-ui/core": "^3.9.4",
     "@material-ui/icons": "^3.0.2",
     "@tweenjs/tween.js": "^17.6.0",
@@ -15,21 +15,21 @@
     "css-element-queries": "^1.2.3",
     "downshift": "^3.4.8",
     "lodash": "^4.17.21",
-    "monaco-editor": "^0.33.0",
-    "monaco-editor-webpack-plugin": "^7.0.1",
+    "monaco-editor": "^0.20.0",
+    "monaco-editor-webpack-plugin": "^1.9.1",
     "prop-types": "^15.7.2",
     "qs": "^6.10.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-file-drop": "^3.1.5",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
+    "react-file-drop": "^0.2.8",
     "react-hot-loader": "^4.13.0",
     "react-i18nify": "^1.11.18",
     "react-mde": "^11.5.0",
     "react-redux": "^7.2.4",
     "react-redux-i18n": "^1.9.3",
     "react-router": "^3.2.6",
-    "react-sortable-hoc": "^2.0.0",
-    "redhotmagma-visualization": "1.36.0-beta.0",
+    "react-sortable-hoc": "^1.11.0",
+    "redhotmagma-visualization": "1.36.0",
     "redux": "^4.1.0",
     "redux-logger": "^3.0.6",
     "redux-persist": "^5.10.0",
@@ -39,17 +39,23 @@
     "validate.js": "^0.12.0"
   },
   "peerDependencies": {
+    "@babel/cli": "^7.2.3",
+    "@babel/core": "^7.2.2",
+    "@babel/plugin-proposal-class-properties": "^7.2.3",
+    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
+    "@babel/preset-env": "^7.2.3",
+    "@babel/preset-react": "^7.0.0",
     "babel-loader": "^8.0.5",
-    "css-loader": "^5.2.7",
-    "css-minimizer-webpack-plugin": "^4.0.0",
-    "file-loader": "^6.2.0",
-    "mini-css-extract-plugin": "^2.1.0",
+    "babel-plugin-module-resolver": "^4.1.0",
+    "css-loader": "^2.1.0",
+    "file-loader": "^3.0.1",
+    "mini-css-extract-plugin": "^0.5.0",
+    "node-sass": "^4.11.0",
     "optimize-css-assets-webpack-plugin": "^5.0.1",
-    "sass": "^1.53.0",
-    "sass-loader": "^13.0.2",
-    "style-loader": "^2.0.0",
-    "terser-webpack-plugin": "^5.1.4",
-    "url-loader": "^4.1.1"
+    "sass-loader": "^7.1.0",
+    "style-loader": "^0.23.1",
+    "terser-webpack-plugin": "^1.2.1",
+    "url-loader": "^1.1.2"
   },
   "scripts": {
     "copy-public": "node ./scripts/cpFavicon.js",

package/scripts/getDefaultWebpackConfig.js

@@ -23,19 +23,11 @@ const moduleRules = [
     },
     {
         test: /\.(png|jpg|gif|svg)$/,
-        loader: 'url-loader',
-        options: {
-            limit: 16384,
-            name: 'images/[name].[hash].[ext]',
-        },
+        loader: 'url-loader?limit=16384&name=images/[name].[hash].[ext]',
     },
     {
         test: /\.ttf$/,
-        loader: 'url-loader',
-        options: {
-            limit: 16384,
-            name: 'fonts/[name].[hash].[ext]',
-        },
+        loader: 'url-loader?limit=16384&name=fonts/[name].[hash].[ext]',
     },
 ];
 
@@ -73,7 +65,7 @@ function getDevConfig(dirname, options = {}) {
             filename: 'bundle.js',
             publicPath: '/',
         },
-        devtool: 'eval-cheap-module-source-map',
+        devtool: 'cheap-module-eval-source-map',
         devServer: {
             hot: true,
             contentBase: BUILD_DIR,
@@ -112,10 +104,7 @@ function getDevConfig(dirname, options = {}) {
             'react/lib/ExecutionEnvironment': true,
             'react/lib/ReactContext': true,
         },
-        optimization: {
-            moduleIds: 'named',
-        },
-        plugins: [new webpack.HotModuleReplacementPlugin(), monaco],
+        plugins: [new webpack.HotModuleReplacementPlugin(), new webpack.NamedModulesPlugin(), monaco],
     };
 }
 
@@ -123,17 +112,17 @@ function importPluginsForBuild() {
     try {
         const TerserPlugin = require('terser-webpack-plugin');
         const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-        const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
+        const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
         return {
             TerserPlugin,
             MiniCssExtractPlugin,
-            CssMinimizerPlugin,
+            OptimizeCSSAssetsPlugin,
         };
     } catch (e) {
         const packages = [
             'terser-webpack-plugin',
             'mini-css-extract-plugin',
-            'css-minimizer-webpack-plugin',
+            'optimize-css-assets-webpack-plugin',
         ];
         console.error(
             'To use the build script, please install the following packages: ' + packages.join(', ')
@@ -146,14 +135,14 @@ function getProdConfig(dirname) {
     const BUILD_DIR = path.resolve(dirname, 'public');
     const APP_DIR = path.resolve(dirname, 'src');
 
-    const { TerserPlugin, MiniCssExtractPlugin, CssMinimizerPlugin } = importPluginsForBuild();
+    const { TerserPlugin, MiniCssExtractPlugin, OptimizeCSSAssetsPlugin } = importPluginsForBuild();
 
     const extractSass = new MiniCssExtractPlugin({
         filename: 'bundle.css',
         chunkFilename: 'bundle.[name].css',
     });
 
-    const optimizeCss = new CssMinimizerPlugin();
+    const optimizeCss = new OptimizeCSSAssetsPlugin({});
 
     const minimizer = new TerserPlugin({
         extractComments: true,
@@ -199,9 +188,9 @@ function getProdConfig(dirname) {
             ],
             noParse: moduleNoParse,
         },
-        plugins: [env, extractSass, monaco],
+        plugins: [env, extractSass, optimizeCss, monaco],
         optimization: {
-            minimizer: [minimizer, optimizeCss],
+            minimizer: [minimizer],
         },
     };
 }

package/src/App/Config/defaultConfig.js

@@ -27,6 +27,10 @@ export default {
                         {
                             name: 'group_entries',
                         },
+                        {
+                            name: 'item_classifications',
+                            label: 'itemclassifications.menuLabel',
+                        },
                     ],
                 },
                 {
@@ -95,15 +99,15 @@ export default {
             ],
         },
         {
-          name: 'finderitems',
-          label: 'finder',
-          credentials: ['question_trees'],
-          items: [
-            {
-                name: 'finder',
-                label: 'question_trees',
-            },
-          ]
+            name: 'finderitems',
+            label: 'finder',
+            credentials: ['question_trees'],
+            items: [
+                {
+                    name: 'finder',
+                    label: 'question_trees',
+                },
+            ],
         },
         {
             name: 'configurations',

package/src/App/Data.js

@@ -3,6 +3,8 @@ import { validate } from 'validate.js';
 import isArray from 'lodash/isArray';
 import { t } from './i18n';
 
+export const whiteSpacePattern = /^[\S]+$/;
+
 validate.validators.nonEmptyArray = function(value, options) {
     if (options && options === true && isArray(value) && value.length !== 0) {
         return null;
@@ -67,6 +69,18 @@ validate.validators.color = function(value, options) {
     return true;
 };
 
+validate.validators.noWhitespace = function(value, options) {
+    if (
+        options === true &&
+        typeof value === 'string' &&
+        value.match(whiteSpacePattern) &&
+        value.match(whiteSpacePattern)[0] === value
+    ) {
+        return null;
+    }
+    return t('customValidators.noWhitespace');
+}
+
 export default class Data {
     static EventTypes = {
         init: 'init',

package/src/App/Translations.js

@@ -65,6 +65,7 @@ require('./i18n').use(
                     'Identifiers should only contain lowercase letters, numbers, underscores, periods and dashes.',
                 blankError: "Can't be blank",
                 decimalPoint: 'Please use dot (".") as decimal separator',
+                noWhitespace: "Name should not contain whitespaces.",
             },
             callToActionDefault: {
                 addToCart: 'Use default setting (Add to cart)',
@@ -160,6 +161,7 @@ require('./i18n').use(
                     'Der Identifier darf nur aus Kleinbuchstaben, Zahlen, Unterstrichen, Punkten und Bindestrichen bestehen.',
                 blankError: 'Kann nicht leer sein',
                 decimalPoint: 'Bitte Punkt (".") als Dezimaltrennzeichen verwenden',
+                noWhitespace: "Name darf keine Leerzeichen enthalten.",
             },
             callToActionDefault: {
                 addToCart: 'Default (In den Warenkorb)',

package/src/Components/FormFragments/MonacoEditor.js

@@ -27,7 +27,7 @@ const MonacoEditor = withStyles({
     useEffect(() => {
         let editor;
         import('monaco-editor/esm/vs/editor/editor.api')
-            .then((monaco) => {
+            .then(() => {
                 if (ref.current) {
                     editor = monaco.editor.create(ref.current, {
                         value,

package/src/Screens/Client/Containers/Edit.js

@@ -2,7 +2,7 @@ import Actions, { REDUCER_NAME } from '../Reducers/Actions';
 import SimpleNestedData from '../../../Components/FormFragments/SimpleNestedData';
 import generateConnectedEdit from '../../../Components/DefaultConnectedForm';
 import ColorTextField from '../Components/ColorTextField';
-import { t } from '../../../App/i18n';
+import { T, t } from '../../../App/i18n';
 import React from 'react';
 import { CallToActionField } from '../../../Components/CallToActionField';
 import { PdfMarkDownField } from '../Components/PdfMarkdownField';
@@ -54,6 +54,7 @@ const formFields = [
                 accept: '.ttf',
                 showFileName: true,
                 deleteEnabled: true,
+                warningMessage: T('clientFontMessage')
             },
             {
                 name: 'logo',

package/src/Screens/Client/Translations.js

@@ -16,6 +16,7 @@ require('../../App/i18n').use(
             headerInfo: 'Please check your changes in a generated pdf to make sure it looks as expected',
             footerInfo: 'Please check your changes in a generated pdf to make sure it looks as expected',
             emailHint: 'separate multiple addresses with a semicolon',
+            clientFontMessage: 'For the font to be rendered correctly in the configuratorware frontend, make sure the filename does not contain any spaces and matches the fonts internal name.'
         },
         de: {
             clients: 'Klienten',
@@ -46,6 +47,7 @@ require('../../App/i18n').use(
             headerInfo: 'Bitte überprüfe Deine Änderungen in einem generierten PDF',
             footerInfo: 'Bitte überprüfe Deine Änderungen in einem generierten PDF',
             emailHint: 'trenne mehrere Adressen mit einem Semikolon',
+            clientFontMessage: 'Für eine korrekte Darstellung der Schrift im configuratorware Fronted darf der Dateiname keine Leerzeichen enthalten und muss dem internen Namen der Schriftart entsprechen.'
         },
     },
     true

package/src/Screens/CurrentClient/Containers/Edit.js

@@ -2,7 +2,7 @@ import Actions, { REDUCER_NAME } from '../Reducers/Actions';
 import SimpleNestedData from '../../../Components/FormFragments/SimpleNestedData';
 import generateConnectedEdit from '../../../Components/DefaultConnectedForm';
 import { withLoadAction } from '../../../Components/withLoadAction';
-import { t } from '../../../App/i18n';
+import {T, t } from '../../../App/i18n';
 import { CallToActionField } from '../../../Components/CallToActionField';
 import PdfMarkDownField from '../../Client/Components/PdfMarkdownField';
 
@@ -23,6 +23,7 @@ const formFields = [
                 accept: '.ttf',
                 showFileName: true,
                 deleteEnabled: true,
+                warningMessage: T('clientFontMessage')
             },
             {
                 name: 'logo',

package/src/Screens/DefaultClient/Containers/Edit.js

@@ -22,6 +22,7 @@ const formFields = [
                 accept: '.ttf',
                 showFileName: true,
                 deleteEnabled: true,
+                warningMessage: T('clientFontMessage')
             },
             {
                 name: 'logo',

package/src/Screens/Designer/Components/TemplateList.js

@@ -114,7 +114,7 @@ export default class TemplateList extends Component {
 
     onSearchChange = delay(data => {
         _.isFunction(this.props.onSearchChange) && this.props.onSearchChange(data);
-    });
+    }, 500);
 
     renderAddItemButton = () => this.props.onAddItem && <AddItemButton onClick={this.props.onAddItem} />;
 

package/src/Screens/Designer/SubScreens/DesignAreas/Containers/FormProductionMethods.js

@@ -121,7 +121,7 @@ class FormProductionMethods extends React.Component {
         let { value } = e.target;
         const nextData = {};
 
-        if (key === 'allowBulkNames' || key === 'isDefault' || key === 'designElementsLocked') {
+        if (key === 'allowBulkNames' || key === 'isDefault' || key === 'designElementsLocked' || key === 'oneLineText') {
             value = e.target.checked;
         }
 
@@ -893,6 +893,19 @@ class FormProductionMethods extends React.Component {
                             label={t('designElementsLocked')}
                         />
                     </Grid>
+                    <Grid item xs={12} className={classes.checkboxGrid}>
+                        <FormControlLabel
+                            control={
+                                <Checkbox
+                                    checked={productionMethod.oneLineText}
+                                    onChange={this.onChange('oneLineText')}
+                                    value={'oneLineText'}
+                                    color="primary"
+                                />
+                            }
+                            label={t('oneLineText')}
+                        />
+                    </Grid>
                     <Grid item xs={12} className={classes.checkboxGrid}>
                         <TextField
                             label={t('minimumOrderAmount')}
@@ -903,6 +916,7 @@ class FormProductionMethods extends React.Component {
                             {...this.getErrorProps('minimumOrderAmount')}
                         />
                     </Grid>
+
                     <Grid item xs={12} className={classes.checkboxGrid}>
                         <div className={classes.inputWithLabel}>
                             <FormLabel component="legend"> {t('maxTextElements')} </FormLabel>

package/src/Screens/Designer/SubScreens/DesignAreas/Reducers/Reducer.js

@@ -70,6 +70,7 @@ const initialState = {
                             numericOrEmpty: { strict: true, onlyInteger: true, greaterThanOrEqualTo: 1 },
                         },
                     },
+                    oneLineText: { value: false },
                     mask: { value: {} },
                     calculationTypes: {
                         value: [],

package/src/Screens/Designer/SubScreens/Designviews/Reducers/Actions.js

@@ -19,6 +19,13 @@ import {
 } from '../../../../../App/Reducers/Entity/Actions';
 import { dispatchPostData } from '../../../../../App/Reducers/Api/Helpers';
 
+const renameFile = (originalFile, newName) => {
+    return new File([originalFile], newName, {
+        type: originalFile.type,
+        lastModified: originalFile.lastModified,
+    });
+};
+
 const beforeApiStateHandler = apiAction => (dispatch, getState) => {
     return new Promise(resolve => {
         const state = getState()[REDUCER_NAME];
@@ -31,8 +38,9 @@ const beforeApiStateHandler = apiAction => (dispatch, getState) => {
             return Promise.all(
                 keys.map(async key => {
                     const { file, type, id } = viewImages[key];
+                    const renamedFile = renameFile(file, file.name.replace(/\s/g, ''));
                     const files = new FormData();
-                    files.append('file', file);
+                    files.append('file', renamedFile);
                     //const itemId = get(state, 'source.item.id');
                     const url = `/designviews/${apiAction.data.id}/${type}/upload/detail_image/${id}`;
                     const result = await dispatchPostData(dispatch)(`designview/images/${key}`, url, files);

package/src/Screens/Designer/Translations.js

@@ -7,6 +7,7 @@ require('../../App/i18n').use(
             visualMaintenance: 'Visual maintenance',
             pleaseUseVisualMaintanance: 'please use visual maintanance',
             modeChangeConfirm: 'The views and visual maintanance data will be lost. Do you want to proceed?',
+            oneLineText: 'Restrict textinput to one line',
             designDataTransfer: {
                 buttonUseAsTemplate: 'Use as template',
                 dialogTitle: 'Transfer of design settings',
@@ -47,6 +48,7 @@ require('../../App/i18n').use(
                 itemStatus: 'Status',
             },
             Hint: 'Hinweis',
+            oneLineText: 'Texteingabe auf eine Zeile beschränken',
         },
     },
     true

package/src/Screens/Designer/__tests__/__snapshots__/FormProductionMethods.test.js.snap

@@ -249,6 +249,44 @@ exports[`Unit- FormProductionMethods renders correctly 1`] = `
         </span>
       </label>
     </div>
+    <div
+      class="MuiGrid-item-44 MuiGrid-grid-xs-12-83 FormProductionMethods-checkboxGrid-1"
+    >
+      <label
+        class="MuiFormControlLabel-root-205"
+      >
+        <span
+          class="MuiButtonBase-root-227 MuiIconButton-root-221 MuiPrivateSwitchBase-root-217 MuiCheckbox-root-211 MuiCheckbox-colorPrimary-215"
+        >
+          <span
+            class="MuiIconButton-label-226"
+          >
+            <svg
+              aria-hidden="true"
+              class="MuiSvgIcon-root-184"
+              focusable="false"
+              role="presentation"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+              />
+            </svg>
+            <input
+              class="MuiPrivateSwitchBase-input-220"
+              data-indeterminate="false"
+              type="checkbox"
+              value="oneLineText"
+            />
+          </span>
+        </span>
+        <span
+          class="MuiTypography-root-230 MuiTypography-body1-239 MuiFormControlLabel-label-210"
+        >
+          oneLineText
+        </span>
+      </label>
+    </div>
     <div
       class="MuiGrid-item-44 MuiGrid-grid-xs-12-83 FormProductionMethods-checkboxGrid-1"
     >

package/src/Screens/Font/Reducers/Actions.js

@@ -10,6 +10,7 @@ import { SET_DATA } from '../../../App/Reducers/Entity/Actions';
 
 import { generateDefaultActions } from '../../../App/Reducers/Entity/Actions';
 import { dispatchPostData } from '../../../App/Reducers/Api/Helpers';
+import { whiteSpacePattern } from "../../../App/Data";
 
 const actions = generateDefaultActions(LIST_KEY, DATA_KEY, REDUCER_NAME, 'fonts');
 
@@ -45,24 +46,28 @@ actions.postData = () => (dispatch, getState) => {
         const fontsToUpload = [];
 
         const fontName = state.data.name.value;
-
-        if (fontName) {
+        if (fontName && fontName.match(whiteSpacePattern) && fontName.match(whiteSpacePattern)[0] === fontName) {
             const fontTypeMap = {
                 fileNameRegular: 'regular',
                 fileNameBold: 'bold',
                 fileNameItalic: 'italic',
                 fileNameBoldItalic: 'bolditalic',
             };
-
+    
             for (const fontType in fontTypeMap) {
                 const fontFile = state.data[fontType].value;
-
-                if (fontFile && !isString(fontFile)) {
-                    fontsToUpload.push({
-                        name: fontType,
-                        value: fontFile,
-                        filename: fontName + '-' + fontTypeMap[fontType] + '.ttf',
-                    });
+                if (fontFile) {
+                    const filename = fontName + '-' + fontTypeMap[fontType] + '.ttf';
+                    if (!isString(fontFile)) {
+                        fontsToUpload.push({
+                            name: fontType,
+                            value: fontFile,
+                            filename
+                        });
+                    }
+                    else {
+                        dispatch(setFilenameField(fontType, filename));
+                    }
                 }
             }
         }
@@ -82,7 +87,7 @@ actions.postData = () => (dispatch, getState) => {
                 });
 
                 checkFontsToUpload();
-            });
+            }); 
         };
 
         checkFontsToUpload();

package/src/Screens/Font/Reducers/Reducer.js

@@ -8,7 +8,7 @@ const initialState = {
     ...getDefaultEntityState(
         {
             id: null,
-            name: { value: '', constraints: { presence: true } },
+            name: { value: '', constraints: { noWhitespace: true, presence: true } },
             active: false,
             isDefault: { value: false },
             fileNameRegular: null,

package/src/Screens/Item/Containers/Edit.js

@@ -235,6 +235,27 @@ const formFields = [
         type: 'toggle',
         shouldRender: schema => schema.children.value.length > 0,
     },
+    {
+        name: 'itemclassifications',
+        label: 'itemclassifications',
+        type: 'dynSource',
+        sourceConfig: {
+            value: 'id',
+            text: 'translated_title',
+        },
+        dynSource: {
+            type: 'chip',
+            listKey: ITEMCLASSIFICATION_LIST_KEY,
+            url: ITEMCLASSIFICATIONS_URL,
+            autoLoad: false,
+            maxSearchResults: 25,
+            mapItems: item => ({ ...item, label: `${item.translated_title}` }),
+        },
+        openOnFocus: true,
+        loadEntity: Actions.loadEntity,
+        entityReducerName: 'itemclassificationData',
+        equalityCheckAttribute: 'identifier',
+    },
     {
         name: 'minimumOrderAmount',
         label: 'MinimumOrderAmount',
@@ -357,7 +378,8 @@ import { LOGIN_REDUCER_NAME } from '../../Login/Reducers/Actions';
 import CheckData from '../../Creator/Components/CheckData/CheckData';
 import LocalizedPriceValue from '../../../Components/LocalizedPriceValue';
 import { LocalizedPriceTextField } from '../../../Components/LocalizedPriceTextField';
-import {CallToActionField} from "../../../Components/CallToActionField";
+import { CallToActionField } from "../../../Components/CallToActionField";
+import { ITEMCLASSIFICATION_LIST_KEY, ITEMCLASSIFICATIONS_URL } from "../../Itemclassification/Reducers/Actions";
 
 const styles = theme => ({
     root: {

package/src/Screens/Item/Translations.js

@@ -18,6 +18,7 @@ require('../../App/i18n').use(
             editDialogTitle: 'Edit selected entries',
             editDialogHint:
                 'Use the checkboxes to select one or more entries in the list</br>and then click this icon to set the item status for them.',
+            itemclassifications: 'Product categories',
             visualizationData: {
               '2d': "2D",
               '3d': "3D",
@@ -99,6 +100,7 @@ require('../../App/i18n').use(
             editDialogTitle: 'Gewählte Einträge bearbeiten',
             editDialogHint:
                 'Nutze die Checkboxen in der Liste und klicke dann dieses Icon,</br>um den Status für einen oder mehrere Einträge zu setzen.',
+            itemclassifications: 'Produktkategorien',
             visualizationData: {
                 '2d': "2D",
                 '3d': "3D",