@configuratorware/configurator-frontendgui 1.28.1 → 1.29.0

package/src/App/Modules/Designer/MultilayerComponents/DesignerClickAwayListener.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { Services } from 'App/ServiceLocator';
+import { withStyles } from '@material-ui/core';
+
+const styles = () => ({
+    root: { position: 'absolute', height: '100%', width: '100%' },
+});
+
+export const DesignerClickAwayListener = ({ classes }) => (
+    <div className={classes.root} onClick={() => Services.designData.clearDesignAreaSelection()} />
+);
+
+DesignerClickAwayListener.propTypes = {
+    classes: PropTypes.object.isRequired,
+};
+
+export default withStyles(styles, { name: 'DesignerClickAwayListener' })(DesignerClickAwayListener);

package/src/App/Modules/Designer/MultilayerComponents/InlineToolboxPortal.js

@@ -0,0 +1,54 @@
+import React, { useEffect, useLayoutEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+import Portal from '@material-ui/core/Portal';
+import { withStyles } from '@material-ui/core';
+
+const styles = {
+    root: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        zIndex: 1,
+        pointerEvents: 'none',
+        '& > *': {
+            pointerEvents: 'all',
+        },
+    },
+};
+
+const InlineToolboxPortal = ({
+    classes,
+    canvasPosition,
+    canvas,
+    selectedObject,
+    inlineToolboxRef,
+    ...props
+}) => {
+    const [style, setStyle] = useState(null);
+    useEffect(() => {
+        const { top, left, width, height } = canvas.canvasElement.getBoundingClientRect();
+        setStyle({ top, left, width, height, position: 'absolute' });
+    }, [canvasPosition, canvas, selectedObject, inlineToolboxRef]);
+    useLayoutEffect(() => {
+        inlineToolboxRef && inlineToolboxRef.updateToolbarTransform();
+    }, [style, inlineToolboxRef]);
+    return (
+        <Portal>
+            <div className={classes.root} style={style} {...props} />
+        </Portal>
+    );
+};
+
+InlineToolboxPortal.propTypes = {
+    classes: PropTypes.object.isRequired,
+    canvasPosition: PropTypes.object.isRequired,
+    canvas: PropTypes.object.isRequired,
+    selectedObject: PropTypes.object,
+    inlineToolboxRef: PropTypes.object,
+};
+
+export const StyledInlineToolboxPortal = withStyles(styles, { name: 'StandardToolboxPortal' })(
+    InlineToolboxPortal
+);
+
+export default StyledInlineToolboxPortal;

package/src/App/Modules/Designer/MultilayerComponents/StandardToolboxPortal.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Portal from '@material-ui/core/Portal';
+import { withStyles } from '@material-ui/core';
+
+const styles = theme => ({
+    root: {
+        position: 'absolute',
+        zIndex: 1,
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        bottom: 48,
+        left: 8,
+        width: 'calc(100% - 388px)',
+        [theme.orientation.portrait]: {
+            bottom: 370,
+            left: 0,
+            width: '100%',
+        },
+    },
+});
+
+const StandardToolboxPortal = ({ classes, ...props }) => (
+    <Portal>
+        <div className={classes.root} {...props} />
+    </Portal>
+);
+
+StandardToolboxPortal.propTypes = {
+    classes: PropTypes.object.isRequired,
+};
+
+export const StyledStandardToolboxPortal = withStyles(styles, { name: 'StandardToolboxPortal' })(
+    StandardToolboxPortal
+);
+
+export default StyledStandardToolboxPortal;

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

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

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

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

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

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

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

@@ -13,7 +13,6 @@ describe('Reducers/DesignView.designViewReducer', () => {
         expect(initialState).toEqual({
             designViews: [],
             selectedDesignView: {},
-            lastSelectedDesignView: {},
             autogeneratedDesignViews: [],
             viewThumbnailImages: [],
         });
@@ -42,23 +41,6 @@ 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);
@@ -70,7 +52,6 @@ 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 ' +
@@ -100,9 +81,6 @@ 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 '../ImageGallery/Selectors';
+import { getUserImagesByDesignArea } from './Selectors';
 import { calculateImageBrightness } from '../../Services/DesignDataService';
 import { getImageUsageInfo } from './Selectors';
 import { getCurrentCompatibilityInfoHash } from '../DesignArea/Selectors';

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 '../CalculationWidget';
+import CalculationWidget from './index';
 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 '../DesignApproval';
+import DesignApproval from './index';
 
 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.js

@@ -27,6 +27,7 @@ const styles = theme => ({
         left: 'calc(50%)',
         zIndex: 2,
         transform: 'translate(-50%, 0)',
+        pointerEvents: 'all',
         [theme.breakpoints.down('sm')]: {
             zIndex: 5,
         },
@@ -179,7 +180,7 @@ class FullScreenView extends React.Component {
                     <Grid
                         container
                         direction="column"
-                        justify="space-between"
+                        justifyContent="space-between"
                         className={clsx(classes.viewsContainer, customClassName('views'))}
                     >
                         {showPreviewButton && (
@@ -216,7 +217,7 @@ class FullScreenView extends React.Component {
                     !topPreviewButton &&
                     showPreviewButton &&
                     width !== 'xs' && (
-                        <Grid container direction="column" justify="space-between" alignItems="center">
+                        <Grid container direction="column" justifyContent="space-between" alignItems="center">
                             <PreviewButton
                                 {...this.props}
                                 onClick={this.openPreview}

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 '../FullScreenView';
+import FullScreenView from './index';
 
 describe('Screens/Configurator/Components/FullScreenView', () => {
     it('renders correctly', () => {

package/src/App/Screens/Configurator/Components/PreviewPortal/index.js

@@ -51,6 +51,9 @@ const styles = theme => ({
     },
     visualizationWrapperCanvas: {
         height: '100% ',
+        [theme.breakpoints.up('sm')]: {
+            height: 'calc(100% - 100px)',
+        },
     },
     closePreview: {
         color: theme.palette.primary.darkText,
@@ -95,6 +98,7 @@ class PreviewPortal extends React.Component {
         width: PropTypes.string,
         dialogStyle: PropTypes.string,
         hasItems: PropTypes.bool,
+        hasMoreItems: PropTypes.bool,
         alignTarget: PropTypes.shape({ add: PropTypes.func.isRequired, remove: PropTypes.func.isRequired })
             .isRequired,
         children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
@@ -117,7 +121,7 @@ class PreviewPortal extends React.Component {
     };
 
     renderPreview() {
-        const { hasItems, closePreviewMode, classes, children, width, dialogStyle } = this.props;
+        const { hasMoreItems, closePreviewMode, classes, children, width, dialogStyle } = this.props;
         const portalStyle = dialogStyle
             ? classes.fullscreenPortal + ' ' + dialogStyle
             : classes.fullscreenPortal;
@@ -141,12 +145,12 @@ class PreviewPortal extends React.Component {
                 <div
                     ref={this.wrapperRef}
                     className={
-                        hasItems ? classes.visualizationWrapperThumbs : classes.visualizationWrapperCanvas
+                        hasMoreItems ? classes.visualizationWrapperThumbs : classes.visualizationWrapperCanvas
                     }
                 >
                     {children}
                 </div>
-                {hasItems && <Thumbnails previewOpen={true} />}
+                {hasMoreItems && <Thumbnails previewOpen={true} />}
                 {width !== 'xs' && (
                     <AnalyticsWrapper targetId="preview_close">
                         <Grid

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 '../Containers/ConfigurationModeSwitch';
+import ConfigurationModeSwitch from './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/index';
+import Confirm from '../Components/Confirm';
 import { hideConfirm } from '../../../Reducers/Confirm/Actions';
 
 const mapStateToProps = ({ confirm }) => {

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

@@ -21,6 +21,7 @@ const mapStateToProps = state => {
         },
         showDesignViewList: getDesignViewLength(state) > 1 && !isAnyDesignAreaSelected(state),
         hasItems: getDesignViewLength(state) > 0,
+        hasMoreItems: getDesignViewLength(state) > 1,
         areAllDesignAreasEmpty: areAllDesignAreasEmpty(state.configurator),
     };
 };

package/src/App/Screens/Configurator/Containers/__tests__/Designer.test.js

@@ -3,7 +3,7 @@ import mountWithState from 'Utils/Test/mountWithState';
 import Designer from 'App/Modules/Designer/Containers/Designer';
 import ServiceLocator from 'App/ServiceLocator';
 
-jest.mock('../../DesignerUI', () => {
+jest.mock('App/Modules/Designer/DesignerUI', () => {
     const DefaultDesigner = () => <div />;
 
     return {

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 '../Configurator/Components/LandscapeInformation';
+import LandscapeInformation from './Components/LandscapeInformation';
 import Confirm from './Containers/Confirm';
 import SaveConfiguration from 'App/Shared/Containers/SaveConfiguration';
 import SendEmail from 'App/Shared/Containers/SendEmail';
@@ -52,7 +52,7 @@ export const Configurator = props => {
         if (imageOnly) {
             Services.visualization.enableDesignAreaInteraction(false);
         } else {
-            Services.visualization.enableDesignAreaInteraction(true);
+            Services.visualization.initDesignAreaInteraction();
         }
     }, [imageOnly]);
 
@@ -141,6 +141,7 @@ const mapStateToProps = state => {
     const vertical = dock ? dock === 'left' : state.device.screen.orientation === 'landscape';
     const showAddToCartButton = state.ui.visibilityMap.addToCartButton;
     const showConfigurationVariantSelection = state.ui.visibilityMap.configurationvariantSelection;
+    const visualizationOverlayMode = getConf('visualizationOverlayMode');
 
     const configuration = {
         showAddToCartButton: getConf('showAddToCartButton'),
@@ -164,6 +165,7 @@ const mapStateToProps = state => {
         showAddToCartButton,
         showConfigurationVariantSelection,
         configuration,
+        visualizationOverlayMode,
     };
 };
 

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

@@ -17,6 +17,9 @@ describe('Screen component', () => {
             enableDesignAreaInteraction() {
                 return null;
             }
+            initDesignAreaInteraction() {
+                return null;
+            }
         })()
     );
 

package/src/App/Services/ConfiguratorService.js

@@ -30,7 +30,7 @@ import {
 import { withGlobalLoader } from '../Reducers/UI/Actions';
 import { getFontMapping } from '../Reducers/Fonts/Selectors';
 import { Services } from '../ServiceLocator';
-import { getConf } from '../configuration';
+import { getConf, SaveTypes } from '../configuration';
 import { selectMultipleOptions, setCalculationEnabled } from '../Reducers/Configurator/Actions';
 import { setCalculationAutoResolveEnabled } from '../Reducers/Configurator/Actions';
 import { skipNextAutoResolve } from '../Reducers/Configurator/Actions';
@@ -38,7 +38,12 @@ import { getDesignData } from '../Reducers/DesignData/Reducer';
 import { getCached } from '../../Utils/Function/cached';
 import { getFirstDataURLFromScreenshotsObj } from '../Modules/Visualization/Utils/getFirstDataURLFromScreenshotsObj';
 import { isPlaceholderObject } from '../Reducers/DesignData/Selectors';
-import createMessageInterface from '../Utils/createMessageInterface';
+import createMessageInterface, {
+    LISTENER_SAVE_CONFIGURATION,
+    LISTENER_SWITCH_OPTIONS,
+    METHOD_ADD_TO_CART,
+    METHOD_CONFIGURATION_SAVED_REMOTELY,
+} from '../Utils/createMessageInterface';
 
 const getSelectedAmountsBySizes = (item, selectedAmounts) => {
     const itemGroupMap = (rootItem, fn) => {
@@ -83,7 +88,7 @@ export default class ConfiguratorService extends AbstractConfiguratorService {
         const adminMode = getConf('adminMode');
         if (!adminMode) {
             const messageInterface = createMessageInterface();
-            messageInterface.addListener('switch_options', async event => {
+            messageInterface.addListener(LISTENER_SWITCH_OPTIONS, async event => {
                 const optionsJSON = get(event, 'data.options');
                 try {
                     const optionsToSelect = JSON.parse(optionsJSON);
@@ -93,6 +98,19 @@ export default class ConfiguratorService extends AbstractConfiguratorService {
                     console.error('Wrong JSON provided for switch_options:', optionsJSON);
                 }
             });
+            messageInterface.addListener(LISTENER_SAVE_CONFIGURATION, async event => {
+                const save_id = get(event, 'data.save_id');
+                const saveType =
+                    get(event, 'data.save_type') === SaveTypes.CART ? SaveTypes.CART : SaveTypes.USER;
+                try {
+                    const configuration = await this.captureAndSaveConfiguration(saveType);
+                    const code = get(configuration, 'data.code');
+                    messageInterface.dispatch({ method: METHOD_CONFIGURATION_SAVED_REMOTELY, save_id, code });
+                } catch (e) {
+                    // eslint-disable-next-line no-console
+                    console.error('Saving configuration failed, save_id was  ', save_id);
+                }
+            });
         }
     }
 
@@ -725,7 +743,10 @@ export default class ConfiguratorService extends AbstractConfiguratorService {
                 const appConf = getConf();
                 const targetOrigin = get(appConf, 'addToCartPostMessageTargetOrigin', '*');
 
-                window.parent.postMessage({ method: 'addtocart', code: configuration.code }, targetOrigin);
+                window.parent.postMessage(
+                    { method: METHOD_ADD_TO_CART, code: configuration.code },
+                    targetOrigin
+                );
             } else if (addToCartMethod === 'functionCall' && window.parent.addToCart !== undefined) {
                 window.parent.addToCart(configuration.code);
             }

package/src/App/Services/InteractionService.js

@@ -5,6 +5,7 @@ import Api from '../../Framework/Api';
 import { t } from 'Framework/i18n';
 import { getConfiguration } from '../Reducers/Configurator/Selectors';
 import { EventTypes } from '../Constant';
+import { METHOD_CONFIGURATION_SAVED } from '../Utils/createMessageInterface';
 
 export default class InteractionService extends AbstractInteractionService {
     constructor() {
@@ -44,7 +45,7 @@ export default class InteractionService extends AbstractInteractionService {
             await configurator.captureAndSaveConfiguration(SaveTypes.USER);
             const { code } = configurator.state.configuration;
             this.postMessageToContainer({
-                method: 'configurationsaved',
+                method: METHOD_CONFIGURATION_SAVED,
                 code,
             });
         } catch (e) {

package/src/App/Services/VisualizationService.js

@@ -264,6 +264,9 @@ export default class VisualizationService extends AbstractVisualizationService {
         const isAdminMode = getConf('adminMode');
         sendMessage(component, 'clearViewIfEmpty', !!isAdminMode);
 
+        const visualizationOverlayMode = getConf('visualizationOverlayMode');
+        sendMessage(component, 'setOverlayMode', !!visualizationOverlayMode);
+
         this.observable.dispatch(EventTypes.ComponentChange, { component });
 
         return this;

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

@@ -178,57 +178,4 @@ 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/index';
+import AlertDialog from '../Components/AlertDialog';
 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 '../AmountPrice';
+} from './index';
 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/index';
+import AlertDialog from '../Components/AlertDialog';
 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/index';
+import SaveConfiguration from '../Components/SaveConfiguration';
 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 '../App/configuration';
+import { isProduction } from './configuration';
 export async function initLanguage(lang) {
     // ensure that the filename always has an underscore and no dash
     const fileKey = lang.replace('-', '_');

package/src/App/Utils/createMessageInterface.js

@@ -1,5 +1,15 @@
 import get from 'lodash/get';
 
+export const METHOD_ADD_TO_CART = 'addtocart';
+
+export const METHOD_CONFIGURATION_SAVED = 'configurationsaved';
+
+export const METHOD_CONFIGURATION_SAVED_REMOTELY = 'configurationsaved_remotely';
+
+export const LISTENER_SWITCH_OPTIONS = 'switch_options';
+
+export const LISTENER_SAVE_CONFIGURATION = 'save_configuration';
+
 /**
  * Helper interface for bi-directional postMessage API
  */