@configuratorware/configurator-frontendgui 1.27.3-beta.8 → 1.27.6

package/scripts/updateLocalPackages.js

@@ -0,0 +1,68 @@
+/* eslint no-console: 0 */
+
+/**
+ * A tool to copy local modifications of local packages (graphics editor and visualization component)
+ * over to the node_modules of this project in order to test them in the integrated environment.
+ * This script is made only for development purposes, does not replace the package version update in package.json.
+ *
+ * It uses the configuration file localPackages.json (should be placed in the project root)
+ * Example for localPackages.json:
+ * {
+ *   "visualization": {                      // alias of the package
+ *     "path": "../visualization_component", // location in the local file system, relative to the project path
+ *     "name": "redhotmagma-visualization"   // name of the package in package.json
+ *   },
+ *   ...
+ * }
+ * Usage of the script:
+ * node .\scripts\updateLocalPackages.js               // update all local dependencies listed in localPackages.json
+ * node .\scripts\updateLocalPackages.js visualization // update only a single package identified by its alias
+ *
+ * @author boda@redhotmagma.de (2019.09.24)
+ */
+
+const { resolve } = require('path');
+const { cpDirDeep } = require('./utils/fileSystem');
+
+const _alias = process.argv[2];
+
+try {
+    let items = require('../localPackages.json');
+    if (_alias && _alias.length) {
+        const selectedItem = items[_alias];
+        if (!selectedItem) {
+            console.log('Package not found:', _alias);
+            console.log('Available packages:');
+            console.table(items);
+            process.exit(0);
+        } else {
+            items = { [_alias]: selectedItem };
+        }
+    }
+    // eslint-disable-next-line no-unused-vars
+    for (let [alias, { path, name }] of Object.entries(items)) {
+        console.log(`Updating package: ${name} -> ${path}`);
+        updatePackage({ name, path });
+    }
+} catch (e) {
+    console.error(e);
+}
+
+function updatePackage(options = {}) {
+    const { name, path, buildScript = 'npm run package', libDir = 'lib' } = options;
+    const cwd = process.cwd();
+    const projectPath = resolve(cwd, path);
+    const packagePath = resolve(cwd, 'node_modules', name);
+    try {
+        const { exec } = require('child_process');
+        const childProcess = exec(buildScript, { cwd: projectPath });
+        childProcess.stdout.pipe(process.stdout);
+        childProcess.stderr.pipe(process.stderr);
+        childProcess.on('close', code => {
+            console.log(`child process exited with code ${code}`);
+            cpDirDeep(resolve(projectPath, libDir), packagePath);
+        });
+    } catch (e) {
+        console.error(e);
+    }
+}

package/scripts/utils/process.js

@@ -0,0 +1,19 @@
+/**
+ * These utils are made to simplify querying process information for the node scripts.
+ *
+ * @author boda@redhotmagma.de
+ */
+
+/**
+ * Checks if the current installation process is a dependency installation
+ * @return {boolean}
+ */
+function isDependency() {
+    // if the path of the initial directory contains 'node_modules', it's probably installed as a dependency
+    const { INIT_CWD } = process.env;
+    return INIT_CWD.indexOf('node_modules') !== -1;
+}
+
+module.exports = {
+    isDependency,
+};

package/src/App/Error/ProductionErrorPage/Style.scss

@@ -37,7 +37,7 @@ $font-color: #282828;
   }
 
   .error-icon {
-    background: url('res/error_gears.png');
+    background: url('./res/error_gears.png');
     background-size: 100% 100%;
     height: 20vh;
     width: 20vh;

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

@@ -109,7 +109,6 @@ const styles = theme => {
             '&.selected': {
                 backgroundColor: '#d8d8d8',
             },
-            tapHighlightColor: theme.tapHighlightColor,
         },
         text: {
             float: 'left',

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

@@ -4,7 +4,7 @@ import { mount, render } from 'enzyme';
 import { Provider } from 'react-redux';
 import { noop } from 'lodash';
 import DefaultThemeProvider from 'App/Screens/Configurator/ThemeProvider';
-import Option from './index';
+import Option from '../Option';
 
 const reducer = (state = {}, action) => {
     return { ...action, ...state };

package/src/App/Modules/Creator/Components/OptionAmount/index.test.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import OptionAmount from './index';
+import OptionAmount from '../OptionAmount';
 import { mount, render } from 'enzyme';
 import { act } from 'react-dom/test-utils';
 import { TextField } from '@material-ui/core';

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

@@ -274,6 +274,8 @@ class Optiondetail extends React.Component {
         const { loading, loadingContainerHeight } = this.state;
         const showNav = _.isArray(options) && options.length > 1;
         const detailImage = details.detailImage;
+        const query = new URLSearchParams(location.search);
+        const hidePrices = query.has('_hide_prices') && query.get('_hide_prices') === '1';
 
         const detailsContent = (
             <div>
@@ -287,9 +289,11 @@ class Optiondetail extends React.Component {
                         {details.abstract}
                     </Markdown>
                 )}
-                <Typography component="div" variant="body2" className={classes.priceFormatted}>
-                    {details.priceFormatted}
-                </Typography>
+                {!hidePrices && (
+                    <Typography component="div" variant="body2" className={classes.priceFormatted}>
+                        {details.priceFormatted}
+                    </Typography>
+                )}
                 {details.description && (
                     <Markdown
                         MdComponent={Typography}

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

@@ -108,7 +108,6 @@ export const StyledProductPart = withStyles(
                     display: 'flex',
                     flexDirection: 'row-reverse',
                 },
-                tapHighlightColor: theme.tapHighlightColor,
             },
             content: {
                 alignItems: 'center',

package/src/App/Modules/Creator/Components/ProductPart/index.test.js

@@ -4,7 +4,7 @@ import { Provider } from 'react-redux';
 import { mount, render } from 'enzyme';
 import { noop } from 'lodash';
 import DefaultThemeProvider from 'App/Screens/Configurator/ThemeProvider';
-import ProductPart from './index';
+import ProductPart from '../ProductPart';
 
 const initialState = {
     displaySwitchedOptions: false,

package/src/App/Modules/Designer/Components/AddGalleryImage/index.story.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { storiesOf } from '@storybook/react';
 import ServiceLocator from 'App/ServiceLocator';
-import AddGalleryImage from './index';
+import AddGalleryImage from './';
 import blueImg from './res/blau.jpg';
 import greyIMG from './res/grau.jpg';
 import redIMG from './res/rot.jpg';

package/src/App/Modules/Designer/Components/ColorPalettes/index.test.jsx

@@ -2,7 +2,7 @@
 import React from 'react';
 import { noop } from 'lodash';
 import { mount, render } from 'enzyme';
-import ColorPalettes from './index';
+import ColorPalettes from '../ColorPalettes';
 
 const colorPalettes = {
     colorPalettes: [

package/src/App/Modules/Designer/Components/DesignAreaControlbox/index.test.jsx

@@ -2,7 +2,7 @@
 import React from 'react';
 import { noop } from 'lodash';
 import { mount, render } from 'enzyme';
-import DesignAreaControlbox from './index';
+import DesignAreaControlbox from '../DesignAreaControlbox';
 import MenuItem from '@material-ui/core/MenuItem';
 import ServiceLocator from 'App/ServiceLocator';
 

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

@@ -3,7 +3,7 @@ import React from 'react';
 import { noop } from 'lodash';
 import { mount, render } from 'enzyme';
 import MenuItem from '@material-ui/core/MenuItem';
-import TextControlbox from './index';
+import TextControlbox from '../TextControlbox';
 import ServiceLocator from 'App/ServiceLocator';
 
 const mockedFontsList = [

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

@@ -6,13 +6,7 @@ import Api from 'Framework/Api';
 import { createActionWithGlobalState } from 'Utils/Redux/createActionWithGlobalState';
 import { getConf } from '../../configuration';
 import { Services } from '../../ServiceLocator';
-import {
-    dismissError,
-    reportConfigurationNotFoundError,
-    reportError,
-    setVisible,
-    setWorkInProgress,
-} from '../UI/Actions';
+import { dismissError, reportError, setVisible, setWorkInProgress } from '../UI/Actions';
 import { fetchFonts } from '../../Reducers/Fonts/Actions';
 import { addImagesFromDesignArea } from '../../Reducers/ImageGallery/Actions';
 import {
@@ -633,13 +627,9 @@ export const fetchInitialConfiguration = () => (dispatch, getState) => {
     const defaultLoadIdentifier = getConf('defaultLoadIdentifier');
 
     if (loadCode) {
-        // Load the configuration by code
+        // Load the options by code
         return dispatch(fetchConfigurationByCode(loadCode)).then(configuration => {
-            if (configuration.error) {
-                dispatch(reportConfigurationNotFoundError(t('loadConfiguration.error.loadingFailed')));
-            } else {
-                Services.analytics.triggerEvent(EventTypes.load_item, configuration.data.item.identifier);
-            }
+            Services.analytics.triggerEvent(EventTypes.load_item, configuration.data.item.identifier);
         });
     } else if (getConf('loadVariantsFirst')) {
         // Load variants by identifier

package/src/App/Reducers/DesignArea/Selectors.js

@@ -19,7 +19,6 @@ import { getConfigurator, getSelectedVariantIdentifier } from '../Configurator/S
 import { compareDesignAreasBySize } from '../DesignView/Transformers';
 import { isImageCompatible } from '../ImageGallery/Selectors';
 import { recalculateSingleDesignArea } from './Transformers';
-import { CONFIGURATION_NOT_FOUND_ERROR } from '../UI/Actions';
 export * from './MaskSelectors';
 
 export function getDesignProductionMethods(state) {
@@ -300,14 +299,13 @@ function isIt500Error({ ui: { error } }) {
 
 function isConfigurationNotFound({ ui: { error } }) {
     return (
-        (error &&
-            error.source &&
-            error.response &&
-            error.response.status === 404 &&
-            ['loadbyitemidentifier', 'getconfigurationvariants'].indexOf(
-                (error.source.url || error.source).split('/')[1]
-            ) !== -1) ||
-        (error && error.type === CONFIGURATION_NOT_FOUND_ERROR)
+        error &&
+        error.source &&
+        error.response &&
+        error.response.status === 404 &&
+        ['loadbyitemidentifier', 'getconfigurationvariants'].indexOf(
+            (error.source.url || error.source).split('/')[1]
+        ) !== -1
     );
 }
 

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

@@ -2,7 +2,8 @@ export const actionTypes = {
     SELECT_DESIGN_VIEW: 'DesignView/SELECT_DESIGN_VIEW',
 };
 
-export const selectDesignView = designViewIdentifier => ({
+export const selectDesignView = (designViewIdentifier, options) => ({
     type: actionTypes.SELECT_DESIGN_VIEW,
     designViewIdentifier,
+    options,
 });

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

@@ -1,4 +1,4 @@
-import { actionTypes as designViewActionTypes } from './Actions';
+import { actionTypes as designViewActionTypes } from '../DesignView/Actions';
 import find from 'lodash/find';
 import get from 'lodash/get';
 import * as configuratorActionTypes from '../Configurator/Actions';
@@ -16,6 +16,7 @@ const prepareDesignViews = designViews =>
 const initialState = {
     designViews: [],
     selectedDesignView: {},
+    lastSelectedDesignView: {},
     autogeneratedDesignViews: [],
     viewThumbnailImages: [],
 };
@@ -23,11 +24,13 @@ const initialState = {
 export default function designViewReducer(state = initialState, action = {}) {
     switch (action.type) {
         case designViewActionTypes.SELECT_DESIGN_VIEW: {
-            const { designViewIdentifier } = action;
+            const { designViewIdentifier, options = {} } = action;
             const designView = find(state.designViews, { identifier: designViewIdentifier });
+            const { saveLast = true } = options;
             return {
                 ...state,
                 selectedDesignView: designView,
+                ...(saveLast ? { lastSelectedDesignView: designView } : null),
             };
         }
         case configuratorActionTypes.RECEIVE_DESIGNER_DATA: {
@@ -59,12 +62,14 @@ export default function designViewReducer(state = initialState, action = {}) {
                     ...state,
                     designViews: prepareDesignViews(updatedDesignViews),
                     selectedDesignView: {},
+                    lastSelectedDesignView: {},
                 };
             }
             return {
                 ...state,
                 designViews: prepareDesignViews(designViews),
                 selectedDesignView: {},
+                lastSelectedDesignView: {},
             };
         }
         case configuratorActionTypes.RECEIVE_CONFIGURATION: {
@@ -82,6 +87,7 @@ export default function designViewReducer(state = initialState, action = {}) {
                         ...state,
                         designViews: [],
                         selectedDesignView: {},
+                        lastSelectedDesignView: {},
                         autogeneratedDesignViews,
                         viewThumbnailImages,
                     };
@@ -93,6 +99,7 @@ export default function designViewReducer(state = initialState, action = {}) {
                     ...state,
                     designViews: autogeneratedDesignViews,
                     selectedDesignView,
+                    lastSelectedDesignView: selectedDesignView,
                     autogeneratedDesignViews,
                     viewThumbnailImages,
                 };
@@ -102,6 +109,7 @@ export default function designViewReducer(state = initialState, action = {}) {
                 ...state,
                 designViews: [],
                 selectedDesignView: {},
+                lastSelectedDesignView: {},
                 autogeneratedDesignViews: [],
                 viewThumbnailImages: [],
             };

package/src/App/Reducers/DesignView/__mocks__/designerViewData.js

@@ -91,4 +91,5 @@ export const simpleState = {
     selectedDesignView: {
         identifier: 'front_view',
     },
+    lastSelectedDesignView: {},
 };

package/src/App/Reducers/DesignView/__tests__/Reducer.test.js

@@ -13,6 +13,7 @@ describe('Reducers/DesignView.designViewReducer', () => {
         expect(initialState).toEqual({
             designViews: [],
             selectedDesignView: {},
+            lastSelectedDesignView: {},
             autogeneratedDesignViews: [],
             viewThumbnailImages: [],
         });
@@ -41,6 +42,23 @@ describe('Reducers/DesignView.designViewReducer', () => {
         const action = selectDesignView(identifier);
         const state = designViewReducer(initialState, action);
         expect(state.selectedDesignView.identifier).toBe(identifier);
+        expect(state.lastSelectedDesignView.identifier).toBe(identifier);
+    });
+    test('returns the correct state for SELECT_DESIGN_VIEW action, if the { saveLast: false } option is provided', () => {
+        // select a view directly (eg. user clicks the view buttons)
+        const initialState = designViewReducer(simpleState);
+        const selectedDesignViewIdentifier = simpleState.designViews[1].identifier;
+        const selectDesignViewAction = selectDesignView(selectedDesignViewIdentifier);
+        const state1 = designViewReducer(initialState, selectDesignViewAction);
+        expect(state1.selectedDesignView.identifier).toBe(selectedDesignViewIdentifier);
+        expect(state1.lastSelectedDesignView.identifier).toBe(selectedDesignViewIdentifier);
+
+        // select a view automatically (eg. user switches to a component which has a linked view)
+        const autoDesignViewIdentifier = simpleState.designViews[0].identifier;
+        const action = selectDesignView(autoDesignViewIdentifier, { saveLast: false });
+        const state2 = designViewReducer(state1, action);
+        expect(state2.selectedDesignView.identifier).toBe(autoDesignViewIdentifier);
+        expect(state2.lastSelectedDesignView.identifier).toBe(selectedDesignViewIdentifier);
     });
     test('clears the selectedDesignView for RECEIVE_CONFIGURATION action', () => {
         const initialState = designViewReducer(simpleState);
@@ -52,6 +70,7 @@ describe('Reducers/DesignView.designViewReducer', () => {
         const action = { type: RECEIVE_CONFIGURATION };
         const state = designViewReducer(stateWithSelectedDesignView, action);
         expect(state.selectedDesignView).toEqual({});
+        expect(state.lastSelectedDesignView).toEqual({});
     });
     test(
         'creates the designViews list and sets the selectedDesignView if visualizationData is available ' +
@@ -81,6 +100,9 @@ describe('Reducers/DesignView.designViewReducer', () => {
             expect(state.selectedDesignView).toEqual({
                 identifier: 'front',
             });
+            expect(state.lastSelectedDesignView).toEqual({
+                identifier: 'front',
+            });
         }
     );
 

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

@@ -1,6 +1,6 @@
 import { createDefaultReceiver, fetchDataAsync, postDataAsync } from '../Actions';
 import { createAsyncTask } from '../UI/Actions';
-import { getUserImagesByDesignArea } from './Selectors';
+import { getUserImagesByDesignArea } from '../ImageGallery/Selectors';
 import { calculateImageBrightness } from '../../Services/DesignDataService';
 import { getImageUsageInfo } from './Selectors';
 import { getCurrentCompatibilityInfoHash } from '../DesignArea/Selectors';

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

@@ -6,7 +6,6 @@ export const CUSTOM_ERROR = 'ui/CUSTOM_ERROR';
 export const DISMISS_ERROR = 'ui/DISMISS_ERROR';
 export const SHOW_ALERT = 'ui/SHOW_ALERT';
 export const DISMISS_ALERT = 'ui/DISMISS_ALERT';
-export const CONFIGURATION_NOT_FOUND_ERROR = 'ui/CONFIGURATION_NOT_FOUND';
 
 export const setVisible = (name, show) => (dispatch, getState) => {
     if (getState().ui.visibilityMap[name] !== show) {
@@ -35,13 +34,6 @@ export const reportError = errorMessage => ({
     },
 });
 
-export const reportConfigurationNotFoundError = errorMessage => ({
-    type: CONFIGURATION_NOT_FOUND_ERROR,
-    error: {
-        message: errorMessage,
-    },
-});
-
 export const dismissError = () => ({
     type: DISMISS_ERROR,
 });

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

@@ -5,7 +5,6 @@ import {
     DISMISS_ERROR,
     SHOW_ALERT,
     DISMISS_ALERT,
-    CONFIGURATION_NOT_FOUND_ERROR,
 } from './Actions';
 
 import * as apiActions from '../Actions';
@@ -21,8 +20,7 @@ export function errorHandler(state, action) {
     switch (action.type) {
         case apiActions.NETWORK_ERROR:
         case apiActions.REQUEST_ERROR:
-        case CUSTOM_ERROR:
-        case CONFIGURATION_NOT_FOUND_ERROR: {
+        case CUSTOM_ERROR: {
             return {
                 ...state,
                 error: {

package/src/App/Screens/Configurator/Components/CalculationWidget/index.test.jsx

@@ -2,7 +2,7 @@
 import React from 'react';
 import { noop } from 'lodash';
 import { mount, render } from 'enzyme';
-import CalculationWidget from './index';
+import CalculationWidget from '../CalculationWidget';
 import MenuItem from '@material-ui/core/MenuItem';
 import { Select, ExpansionPanel, ExpansionPanelDetails } from '@material-ui/core';
 import ServiceLocator from 'App/ServiceLocator';

package/src/App/Screens/Configurator/Components/DesignApproval/index.test.jsx

@@ -2,7 +2,7 @@
 import React from 'react';
 import noop from 'lodash/noop';
 import { render } from 'enzyme';
-import DesignApproval from './index';
+import DesignApproval from '../DesignApproval';
 
 it('renders correctly without error', () => {
     const tree = render(<DesignApproval checked={true} error={false} link={'fakeLink'} onChange={noop} />);

package/src/App/Screens/Configurator/Components/FullScreenView/index.test.jsx

@@ -1,7 +1,7 @@
 /* eslint-env jest */
 import React from 'react';
 import { mount, render } from 'enzyme';
-import FullScreenView from './index';
+import FullScreenView from '../FullScreenView';
 
 describe('Screens/Configurator/Components/FullScreenView', () => {
     it('renders correctly', () => {

package/src/App/Screens/Configurator/Containers/AmountPrice.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import AmountPrice from 'App/Shared/Containers/AmountPrice';
 import ProductVariant from 'App/Shared/Containers/ProductVariant';
-import ConfigurationModeSwitch from './ConfigurationModeSwitch';
+import ConfigurationModeSwitch from '../Containers/ConfigurationModeSwitch';
 import { makeStyles } from '@material-ui/core';
 
 export const useStyles = makeStyles(

package/src/App/Screens/Configurator/Containers/Confirm.js

@@ -1,5 +1,5 @@
 import containerConnect from 'Framework/ComponentContainer';
-import Confirm from '../Components/Confirm';
+import Confirm from '../Components/Confirm/index';
 import { hideConfirm } from '../../../Reducers/Confirm/Actions';
 
 const mapStateToProps = ({ confirm }) => {

package/src/App/Screens/Configurator/Screen.js

@@ -11,7 +11,7 @@ import * as uiActions from 'App/Reducers/UI/Actions';
 import Error from '../../Shared/Containers/Error';
 import ErrorPage from '../../Error/ProductionErrorPage';
 import AlertMessages from 'App/Shared/Containers/AlertMessages';
-import LandscapeInformation from './Components/LandscapeInformation';
+import LandscapeInformation from '../Configurator/Components/LandscapeInformation';
 import Confirm from './Containers/Confirm';
 import SaveConfiguration from 'App/Shared/Containers/SaveConfiguration';
 import SendEmail from 'App/Shared/Containers/SendEmail';

package/src/App/Screens/Configurator/ThemeProvider.js

@@ -84,7 +84,6 @@ const defaultTheme = {
             lighter: '#C4C4C4',
         },
     },
-    tapHighlightColor: 'transparent',
     overrides: {
         MuiFormLabel: {
             root: {

package/src/App/Services/__tests__/DesignDataService.selectViewForComponent.test.js

@@ -178,4 +178,57 @@ describe('DesignDataService.selectViewForComponent', () => {
 
         expect(srv.selectDesignView).toHaveBeenCalledWith('front_view', { saveLast: false });
     });
+
+    it('calls selectDesignView with the identifier of lastSelectedDesignView if no creatorView is referenced by the selected component', () => {
+        const componentWithNoCreatorView = {
+            identifier: 'id1',
+            title: 'title1',
+            creatorView: null,
+        };
+
+        ServiceLocator.provide(
+            new (class StoreService {
+                static serviceName = 'StoreService';
+                state = {
+                    designArea: {
+                        filteredDesignAreas: mockDesignAreas,
+                        selectedDesignArea: {},
+                    },
+                    designView: {
+                        designViews: [
+                            { identifier: 'front_view' },
+                            { identifier: 'side_view' },
+                            { identifier: 'top_view' },
+                        ],
+                        selectedDesignView: {
+                            identifier: 'side_view',
+                        },
+                        lastSelectedDesignView: {
+                            identifier: 'top_view',
+                        },
+                    },
+                    configurator: {
+                        configuration: {
+                            optionclassifications: [
+                                componentWithNoCreatorView,
+                                {
+                                    identifier: 'id2',
+                                    title: 'title2',
+                                    creatorView: { identifier: 'side_view' },
+                                },
+                            ],
+                        },
+                    },
+                };
+                dispatch = v => v;
+            })()
+        );
+        const srv = new DesignDataService();
+
+        srv.selectDesignView = jest.fn();
+
+        srv.selectViewForComponent(componentWithNoCreatorView);
+
+        expect(srv.selectDesignView).toHaveBeenCalledWith('top_view', { saveLast: false });
+    });
 });

package/src/App/Shared/Containers/AlertMessages.js

@@ -1,5 +1,5 @@
 import { containerConnect } from 'Framework/ComponentContainer';
-import AlertDialog from '../Components/AlertDialog';
+import AlertDialog from '../Components/AlertDialog/index';
 import { Services } from 'App/ServiceLocator';
 import { t } from 'Framework/i18n';
 

package/src/App/Shared/Containers/AmountPrice/index.test.js

@@ -2,7 +2,7 @@ import AmountPrice, {
     createAmountPropsFromState,
     createPricePropsFromState,
     showProductVariantsForItem,
-} from './index';
+} from '../AmountPrice';
 import mountWithState from 'Utils/Test/mountWithState';
 import ServiceLocator from 'App/ServiceLocator';
 

package/src/App/Shared/Containers/Error.js

@@ -1,5 +1,5 @@
 import { containerConnect } from 'Framework/ComponentContainer';
-import AlertDialog from '../Components/AlertDialog';
+import AlertDialog from '../Components/AlertDialog/index';
 import { Services } from 'App/ServiceLocator';
 import { t } from 'Framework/i18n';
 

package/src/App/Shared/Containers/SaveConfiguration.js

@@ -1,7 +1,7 @@
 import CircularProgress from '@material-ui/core/CircularProgress/CircularProgress';
 import containerConnect from 'Framework/ComponentContainer';
 import { Services } from 'App/ServiceLocator';
-import SaveConfiguration from '../Components/SaveConfiguration';
+import SaveConfiguration from '../Components/SaveConfiguration/index';
 import { getShareUrl } from '../../Reducers/Configurator/Selectors';
 
 const mapStateToProps = ({ ui, configurator }) => ({

package/src/App/Translations.js

@@ -1,5 +1,5 @@
 import { use } from 'Framework/i18n';
-import { isProduction } from './configuration';
+import { isProduction } from '../App/configuration';
 export async function initLanguage(lang) {
     // ensure that the filename always has an underscore and no dash
     const fileKey = lang.replace('-', '_');