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

package/src/Screens/Creator/Components/ConfiguratorQuickView.js

@@ -1,17 +1,12 @@
 import React from 'react';
 import { connect } from 'react-redux';
 import get from 'lodash/get';
-import {
-    CONFIGURATION_REDUCER_NAME,
-    hideOpenCreatorPreviewError,
-    showConfiguratorAdminMode,
-} from '../Reducers/ConfigurationActions';
+import { CONFIGURATION_REDUCER_NAME, showConfiguratorAdminMode } from '../Reducers/ConfigurationActions';
 import ConfiguratorOverlay from '../../../Components/GeneralFragments/ConfiguratorOverlay';
 import { CREATOR_REDUCER_NAME } from '../Reducers/Actions';
 import networkConfig from '../../../App/Config/network';
 import { T } from '../../../App/i18n';
 import RaisedButton from '../../../UIComponents/RaisedButton';
-import ShowPreviewErrorDialog from './ShowPreviewErrorDialog';
 
 const mapStateToProps = state => {
     const { i18n } = state;
@@ -20,8 +15,6 @@ const mapStateToProps = state => {
     const locale = i18n.locale.replace('-', '_');
     const configurationData = state[CONFIGURATION_REDUCER_NAME];
     const { adminModeHash } = configurationData;
-    const itemId = get(state[CREATOR_REDUCER_NAME], 'data.id.value');
-    const showOpenCreatorPreviewError = get(configurationData, 'showOpenCreatorPreviewError');
 
     const params = new URLSearchParams({
         _adminmode: 'quickView',
@@ -38,45 +31,22 @@ const mapStateToProps = state => {
     return {
         show: state[CONFIGURATION_REDUCER_NAME].showConfiguratorAdminMode,
         configuratorUrl,
-        itemId,
-        showOpenCreatorPreviewError,
     };
 };
 
 const mapDispatchToProps = dispatch => ({
     close: () => dispatch(showConfiguratorAdminMode(false)),
-    open: itemId =>
-        dispatch(showConfiguratorAdminMode(true, 'creator', itemId)),
-    hideOpenCreatorPreviewError: () => dispatch(hideOpenCreatorPreviewError()),
+    open: () => dispatch(showConfiguratorAdminMode(true)),
 });
 
-const ConfiguratorQuickView = ({
-    show,
-    open,
-    close,
-    configuratorUrl,
-    style,
-    className,
-    itemId,
-    showOpenCreatorPreviewError,
-    hideOpenCreatorPreviewError,
-}) => (
+const ConfiguratorQuickView = ({ show, open, close, configuratorUrl, style, className }) => (
     <div style={style} className={className}>
         <RaisedButton
             label={T('configuratorQuickView.buttonText')}
-            onClick={() => open(itemId)}
+            onClick={open}
             disabled={!configuratorUrl}
         />
         <ConfiguratorOverlay show={show} configuratorUrl={configuratorUrl} onClose={close} />
-        {showOpenCreatorPreviewError && 
-            <ShowPreviewErrorDialog
-                dialogTitle={T('openPreviewError.title')}
-                open={showOpenCreatorPreviewError}
-                onClose={hideOpenCreatorPreviewError}
-            >
-                <p>{T('openPreviewError.openCreatorPreviewError')}</p>
-            </ShowPreviewErrorDialog>
-        }
     </div>
 );
 

package/src/Screens/Creator/Components/VisualizationAndMediaData/Components/EditableText.js

@@ -29,7 +29,7 @@ export const EditableText = withStyles(() => ({
         flexDirection: 'row',
         justifyContent: 'space-between',
         alignItems: 'center',
-    },
+    }
 }))(({ value, onChange, classes, ...props }) => {
     const [open, setOpen] = useState(false);
     const [currentValue, setCurrentValue] = useState(value);

package/src/Screens/Creator/Components/VisualizationAndMediaData/Components/Image.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import withStyles from '@material-ui/core/styles/withStyles';
 import { T } from '../../../../../App/i18n';
-import { Tooltip } from '@material-ui/core';
+import { Tooltip } from "@material-ui/core";
 
 const Image = withStyles({
     image: {

package/src/Screens/Creator/Components/VisualizationAndMediaData/Components/ImageEditTools.js

@@ -8,7 +8,7 @@ import ConfirmDelete from './ConfirmDelete';
 import Api from '../../../../../App/Api';
 import { networkError } from '../../../../../App/Reducers/Api/Actions';
 import { useDispatch } from 'react-redux';
-import { Tooltip } from '@material-ui/core';
+import {Tooltip} from "@material-ui/core";
 
 const ImageEditTools = withStyles({
     root: {

package/src/Screens/Creator/Components/VisualizationAndMediaData/Translations.js

@@ -20,7 +20,8 @@ require('../../../../App/i18n').use(
                     'All files are put into the described folders on the server.<br/>' +
                     'Important: If you add folders and images via FTP, non existing items can also mean that the file permissions are wrong (folders and images need to be readable).',
                 infoBoxTextComponentsAndOptions:
-                    '' + 'All Thumbnails and Detail Images are added globally once per component / option.',
+                    '' +
+                    'All Thumbnails and Detail Images are added globally once per component / option.',
                 infoBoxTextViewsAndVisualization:
                     '' +
                     'For 2D Visualization image data is edited in one or more views. Here you can check the image data for each view.',
@@ -59,8 +60,7 @@ require('../../../../App/i18n').use(
                 },
                 missingImageNotice: {
                     noMissingImage: 'Alle Optionen haben Bilder für alle Ansichten und Komponenten',
-                    imagesAreMissing:
-                        'HINWEIS: Nicht alle Optionen haben Bilder für alle Ansichten und Komponenten',
+                    imagesAreMissing: 'HINWEIS: Nicht alle Optionen haben Bilder für alle Ansichten und Komponenten',
                 },
                 infoBoxText:
                     '' +

package/src/Screens/Creator/Components/VisualizationAndMediaData/VisualizationAndMediaData.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { connect } from 'react-redux';
 import first from 'lodash/first';
 import get from 'lodash/get';

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

@@ -133,16 +133,11 @@ class CreatorForm extends Component {
         };
 
         const itemIdentifier = _.get(this.props.entityState, 'data.identifier.value');
-        const itemId = _.get(this.props.entityState, 'data.identifier.value');
         return (
             <div className="itemEdit">
                 <div className={classes.itemStatusForm}>
                     <ConfiguratorQuickView className="configuratorQuickView" />
-                    <CheckData 
-                        itemIdentifier={itemIdentifier} 
-                        itemId={itemId}
-                        area={'creator'} 
-                    />
+                    <CheckData itemIdentifier={itemIdentifier} area={'creator'} />
                 </div>
                 <div className={classes.root}>
                     <Tabs value={currentTab} onChange={this.onTabChange} className={classes.flexContainer}>

package/src/Screens/Creator/Reducers/ConfigurationActions.js

@@ -37,10 +37,6 @@ export const CONFIGURATION_SAVE_CONFIGURATION_SUCCESS = 'CONFIGURATION_SAVE_CONF
 export const CONFIGURATION_ADMIN_MODE_HASH_KEY = 'admin_mode_hash';
 export const CONFIGURATION_ADMIN_MODE_HASH_URL = 'adminmode/gethash';
 export const CONFIGURATION_GET_ADMIN_MODE_HASH = 'CONFIGURATION_GET_ADMIN_MODE_HASH';
-export const CONFIGURATION_SHOW_DESIGNER_PREVIEW_ERROR = 'CONFIGURATION_SHOW_DESIGNER_PREVIEW_ERROR';
-export const CONFIGURATION_SHOW_CREATOR_PREVIEW_ERROR = 'CONFIGURATION_SHOW_CREATOR_PREVIEW_ERROR';
-export const CONFIGURATION_HIDE_DESIGNER_PREVIEW_ERROR = 'CONFIGURATION_HIDE_DESIGNER_PREVIEW_ERROR';
-export const CONFIGURATION_HIDE_CREATOR_PREVIEW_ERROR = 'CONFIGURATION_HIDE_CREATOR_PREVIEW_ERROR';
 export const CONFIGURATION_SHOW_CONFIGURATOR_ADMIN_MODE = 'CONFIGURATION_SHOW_CONFIGURATOR_ADMIN_MODE';
 export const CONFIGURATION_SET_OVERWRITE_COMPONENT_ORDER = 'CONFIGURATION_SET_OVERWRITE_COMPONENT_ORDER';
 
@@ -51,7 +47,7 @@ export const showOptionSelection = (show = false, component = null) => ({
 });
 
 import { dispatchFetchData, RECEIVE_DATA, NETWORK_ERROR } from '../../../App/Reducers/Api/Helpers';
-import { fetchData, postData } from '../../../App/Reducers/Api/Actions';
+import { postData } from '../../../App/Reducers/Api/Actions';
 
 export const invalidateOptions = () => ({
     type: CONFIGURATION_INVALIDATE_OPTIONS,
@@ -129,43 +125,11 @@ export const saveConfigurationSuccess = data => ({
     data,
 });
 
-export const showOpenDesignerPreviewError = () => ({
-    type: CONFIGURATION_SHOW_DESIGNER_PREVIEW_ERROR,
-});
-
-export const showOpenCreatorPreviewError = () => ({
-    type: CONFIGURATION_SHOW_CREATOR_PREVIEW_ERROR,
-});
-
-export const hideOpenDesignerPreviewError = () => ({
-    type: CONFIGURATION_HIDE_DESIGNER_PREVIEW_ERROR,
-});
-
-export const hideOpenCreatorPreviewError = () => ({
-    type: CONFIGURATION_HIDE_CREATOR_PREVIEW_ERROR,
+export const showConfiguratorAdminMode = (show = false) => ({
+    type: CONFIGURATION_SHOW_CONFIGURATOR_ADMIN_MODE,
+    show,
 });
 
-export const showConfiguratorAdminMode = (show = false, configurationMode = null, itemId = null) => async dispatch => {
-    if (show) {
-        if (configurationMode === 'designer') {
-            const designareas = await dispatch(fetchData(`designareas?_language=en_GB&offset=0&limit=20&filters%5Bdesignarea.item.id%5D=${itemId}`));
-            const designareaCount = +(get(designareas, 'data.metadata.totalcount'));
-
-            if (!designareaCount) return dispatch(showOpenDesignerPreviewError()); 
-
-        } else {            
-            const components = await dispatch(fetchData(`constructionpatterns/${itemId}?_language=en_GB`));
-            const componentCount = (get(components, 'data.selectableComponents')).length;            
-
-            if (!componentCount) return dispatch(showOpenCreatorPreviewError());
-        }    
-    }
-    dispatch({
-        type: CONFIGURATION_SHOW_CONFIGURATOR_ADMIN_MODE,
-        show,
-    }); 
-};
-
 export const getAdminModeHash = () => dispatch => {
     const url = CONFIGURATION_ADMIN_MODE_HASH_URL;
     dispatch({

package/src/Screens/Creator/Reducers/ConfigurationReducer.js

@@ -18,10 +18,6 @@ import {
     CONFIGURATION_REDUCER_NAME,
     CONFIGURATION_SET_OVERWRITE_COMPONENT_ORDER,
     CONFIGURATION_SHOW_OPTION_PRICE_EDITOR,
-    CONFIGURATION_SHOW_DESIGNER_PREVIEW_ERROR,
-    CONFIGURATION_SHOW_CREATOR_PREVIEW_ERROR,
-    CONFIGURATION_HIDE_DESIGNER_PREVIEW_ERROR,
-    CONFIGURATION_HIDE_CREATOR_PREVIEW_ERROR,
 } from './ConfigurationActions';
 
 import { getDefaultEntityState, defaultEntityReducer } from '../../../App/Reducers/Entity/Reducer';
@@ -78,8 +74,6 @@ const initialState = {
     baseConfiguration: null,
     baseConfigurationState: null,
     showConfigurator: false,
-    showOpenDesignerPreviewError: false,
-    showOpenCreatorPreviewError: false,
 };
 
 export const baseConfigurationData = createFeatureReducer(
@@ -100,7 +94,7 @@ export const baseConfigurationData = createFeatureReducer(
                     const selectableOptions = action.data.data;
                     return {
                         ...state,
-                        selectableOptions: _.sortBy(selectableOptions, ['sequencenumber']),
+                        selectableOptions,
                     };
                 }
 
@@ -229,34 +223,6 @@ export const baseConfigurationData = createFeatureReducer(
                     baseConfigurationState: 'loading',
                 };
             }
-            
-            case CONFIGURATION_SHOW_DESIGNER_PREVIEW_ERROR: {
-                    return {
-                        ...state,
-                        showOpenDesignerPreviewError: true,
-                    };
-            }
-            
-            case CONFIGURATION_SHOW_CREATOR_PREVIEW_ERROR: {
-                    return {
-                        ...state,
-                        showOpenCreatorPreviewError: true,
-                    };
-            }
-
-            case CONFIGURATION_HIDE_DESIGNER_PREVIEW_ERROR: {
-                return {
-                    ...state,
-                    showOpenDesignerPreviewError: false,
-                };
-            }
-
-            case CONFIGURATION_HIDE_CREATOR_PREVIEW_ERROR: {
-                return {
-                    ...state,
-                    showOpenCreatorPreviewError: false,
-                };
-            }
 
             case CONFIGURATION_SHOW_CONFIGURATOR_ADMIN_MODE: {
                 return {

package/src/Screens/Creator/Translations.js

@@ -65,11 +65,6 @@ require('../../App/i18n').use(
                     addButtonLabel: 'Add price',
                 },
             },
-            openPreviewError: {
-                title: 'Missing data',
-                openDesignerPreviewError: 'Please go to designer > Product design settings and add a design area first.',
-                openCreatorPreviewError: 'Please go to creator > Product Configuration and add components and options as well as a default configuration first.',
-            },
         },
         de: {
             creator_data: 'Produkt-Konfiguration',
@@ -122,7 +117,7 @@ require('../../App/i18n').use(
                     state: {
                         not_available:
                             'Die Standardkonfiguration ist noch nicht definiert. Klicke auf den Button "Standardkonfiguration definieren", um eine zu erstellen.',
-                        loading: 'Standardkonfiguration wird geladen...',
+                        loading: 'Standardkonfiguration werden geladen...',
                         ready: '',
                         no_options_selected: 'Keine Optionen für die Standardkonfiguration definiert.',
                     },
@@ -137,11 +132,6 @@ require('../../App/i18n').use(
                     addButtonLabel: 'Preis hinzufügen',
                 },
             },
-            openPreviewError: {
-                title: 'Fehlende Daten',
-                openDesignerPreviewError: 'Bitte gehe zunächst zu designer > Produkt-Design-Einstellungen und füge eine Designfläche hinzu.',
-                openCreatorPreviewError: 'Bitte gehe zunächst zu creator > Produkt-Konfiguration und füge Komponenten und Optionen sowie eine Standardkonfiguration hinzu.',
-            },
         },
     },
     true

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

@@ -3,11 +3,8 @@ import SimpleNestedData from '../../../Components/FormFragments/SimpleNestedData
 import generateConnectedEdit from '../../../Components/DefaultConnectedForm';
 import TextFields from '../../Client/Components/TextFields';
 import { withLoadAction } from '../../../Components/withLoadAction';
-import { t } from '../../../App/i18n';
-import { CallToActionField } from '../../../Components/CallToActionField';
-import PdfMarkDownField from '../../Client/Components/PdfMarkdownField';
 
-const formFields = [
+export const formFields = [
     {
         name: 'theme',
         type: SimpleNestedData,
@@ -34,20 +31,6 @@ const formFields = [
             },
         ],
     },
-    {
-        name: 'pdfHeader',
-        label: 'PDF Header',
-        htmlField: 'pdfHeaderHtml',
-        type: PdfMarkDownField,
-        helperText: t('headerInfo'),
-    },
-    {
-        name: 'pdfFooter',
-        label: 'PDF Footer',
-        htmlField: 'pdfFooterHtml',
-        type: PdfMarkDownField,
-        helperText: t('footerInfo'),
-    },
     {
         name: 'contactName',
         label: 'Clientname / Shopname',
@@ -74,38 +57,9 @@ const formFields = [
         type: 'text',
     },
     {
-        name: 'toEmailAddresses',
-        label: 'E-Mail(s) receiver for request offer',
-        type: 'text',
-        helperText: t('emailHint'),
-    },
-    {
-        name: 'fromEmailAddress',
-        label: 'E-Mail sender for request offer',
-        type: 'text',
-    },
-    {
-        name: 'ccEmailAddresses',
-        label: 'CC E-Mail(s) receiver for request offer',
+        name: 'contactEmail',
+        label: 'E-mail (contact)',
         type: 'text',
-        helperText: t('emailHint'),
-    },
-    {
-        name: 'bccEmailAddresses',
-        label: 'BCC E-Mail(s) receiver for request offer',
-        type: 'text',
-        helperText: t('emailHint'),
-    },
-    {
-        type: CallToActionField,
-        fields: [
-            {
-                name: 'callToAction',
-                label: 'callToAction.callToAction',
-                type: 'select',
-            }
-        ],
-        dynamicDefaultLabel: false
     },
     {
         type: TextFields,

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

@@ -16,21 +16,12 @@ const initialState = {
                     font: { value: '' },
                 },
             },
-            pdfHeaderText: { value: '' },
-            pdfHeaderHtml: { value: '' },
-            pdfFooterText: { value: '' },
-            pdfFooterHtml: { value: '' },
-            contactName: { value: '' },
-            contactStreet: { value: '' },
-            contactPostCode: { value: '' },
-            contactCity: { value: '' },
-            contactPhone: { value: '' },
-            contactEmail: { value: '' },
-            toEmailAddresses: { value: '' },
-            fromEmailAddress: { value: '' },
-            ccEmailAddresses: { value: '' },
-            bccEmailAddresses: { value: '' },
-            callToAction: 'addToCart',
+            contactName: { value: '', constraints: { presence: true } },
+            contactStreet: { value: '', constraints: { presence: true } },
+            contactPostCode: { value: '', constraints: { presence: true } },
+            contactCity: { value: '', constraints: { presence: true } },
+            contactPhone: { value: '', constraints: { presence: true } },
+            contactEmail: { value: '', constraints: { presence: true } },
             customCss: '',
         },
         null,

package/src/Screens/Dashboard/Styles.scss

@@ -1,3 +1,3 @@
-.welcome {
-  color: red;
+.welcome {
+  color: red;
 }

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

@@ -1,139 +1,8 @@
 import Actions, { REDUCER_NAME } from '../Reducers/Actions';
 import generateConnectedEdit from '../../../Components/DefaultConnectedForm';
-import { withLoadAction } from '../../../Components/withLoadAction';
-import SimpleNestedData from '../../../Components/FormFragments/SimpleNestedData';
-import { t, T } from '../../../App/i18n';
-import TextFields from '../../Client/Components/TextFields';
-import PdfMarkDownField from '../../Client/Components/PdfMarkdownField';
+import {withLoadAction} from "../../../Components/withLoadAction";
+import {formFields} from "../../CurrentClient/Containers/Edit";
 
-const formFields = [
-    {
-        name: 'theme',
-        type: SimpleNestedData,
-        fields: [
-            {
-                name: 'highlightColor',
-                label: 'Theme - Highlight color',
-                type: 'text',
-            },
-            {
-                name: 'font',
-                label: 'Theme - Font',
-                type: 'file',
-                accept: '.ttf',
-                showFileName: true,
-                deleteEnabled: true,
-            },
-            {
-                name: 'logo',
-                label: 'Client logo',
-                type: 'file',
-                isPreviewRequired: true,
-                accept: '.bmp, .gif, .jpg, .png, .jpeg',
-            },
-        ],
-    },
-    {
-        name: 'pdfHeaderText',
-        label: 'PDF Header',
-        htmlField: 'pdfHeaderHtml',
-        type: PdfMarkDownField,
-        helperText: t('headerInfo'),
-    },
-    {
-        name: 'pdfFooterText',
-        label: 'PDF Footer',
-        htmlField: 'pdfFooterHtml',
-        type: PdfMarkDownField,
-        helperText: t('footerInfo'),
-    },
-    {
-        name: 'contactName',
-        label: 'Clientname / Shopname',
-        type: 'text',
-    },
-    {
-        name: 'contactStreet',
-        label: 'Street / no',
-        type: 'text',
-    },
-    {
-        name: 'contactPostCode',
-        label: 'Post code',
-        type: 'text',
-    },
-    {
-        name: 'contactCity',
-        label: 'City',
-        type: 'text',
-    },
-    {
-        name: 'contactPhone',
-        label: 'Phone',
-        type: 'text',
-    },
-    {
-        name: 'toEmailAddresses',
-        label: 'E-Mail(s) receiver for request offer',
-        type: 'text',
-        helperText: t('emailHint'),
-    },
-    {
-        name: 'fromEmailAddress',
-        label: 'E-Mail sender for request offer',
-        type: 'text',
-    },
-    {
-        name: 'ccEmailAddresses',
-        label: 'CC E-Mail(s) receiver for request offer',
-        type: 'text',
-        helperText: t('emailHint'),
-    },
-    {
-        name: 'bccEmailAddresses',
-        label: 'BCC E-Mail(s) receiver for request offer',
-        type: 'text',
-        helperText: t('emailHint'),
-    },
-    {
-        name: 'callToAction',
-        label: 'callToAction.callToAction',
-        type: 'select',
-        sourceConfig: {
-            text: function text(_ref) {
-                return T(_ref.label);
-            },
-            value: 'value',
-        },
-        source: [
-            {
-                value: 'addToCart',
-                label: 'callToAction.addToCart',
-                id: 'addToCart',
-            },
-            {
-                value: 'requestOffer',
-                label: 'callToAction.requestOffer',
-                id: 'requestOffer',
-            },
-            {
-                value: 'none',
-                label: 'callToAction.none',
-                id: 'none',
-            },
-        ],
-    },
-    {
-        type: TextFields,
-        name: 'texts',
-    },
-    {
-        name: 'customCss',
-        label: 'customCss',
-        type: 'codeEditor',
-        language: 'css',
-    },
-];
 
 const { setFieldData, postData, detailsAction } = Actions;
 

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

@@ -17,21 +17,12 @@ const initialState = {
                     font: { value: '' },
                 },
             },
-            pdfHeaderText: { value: '' },
-            pdfHeaderHtml: { value: '' },
-            pdfFooterText: { value: '' },
-            pdfFooterHtml: { value: '' },
-            contactName: { value: '' },
-            contactStreet: { value: '' },
-            contactPostCode: { value: '' },
-            contactCity: { value: '' },
-            contactPhone: { value: '' },
-            contactEmail: { value: '' },
-            toEmailAddresses: { value: '', constraints: { presence: true } },
-            fromEmailAddress: { value: '', constraints: { presence: true } },
-            ccEmailAddresses: { value: '', constraints: { presence: true } },
-            bccEmailAddresses: { value: '', constraints: { presence: true } },
-            callToAction: 'addToCart',
+            contactName: { value: '', constraints: { presence: true } },
+            contactStreet: { value: '', constraints: { presence: true } },
+            contactPostCode: { value: '', constraints: { presence: true } },
+            contactCity: { value: '', constraints: { presence: true } },
+            contactPhone: { value: '', constraints: { presence: true } },
+            contactEmail: { value: '', constraints: { presence: true } },
             customCss: '',
         },
         null,

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

@@ -3,15 +3,13 @@ import { connect } from 'react-redux';
 import get from 'lodash/get';
 import {
     CONFIGURATION_REDUCER_NAME,
-    hideOpenDesignerPreviewError,
     showConfiguratorAdminMode,
 } from '../../Creator/Reducers/ConfigurationActions';
 import ConfiguratorOverlay from '../../../Components/GeneralFragments/ConfiguratorOverlay';
 import { DESIGNER_REDUCER_NAME } from '../Reducers/Actions';
 import networkConfig from '../../../App/Config/network';
-import { t, T } from '../../../App/i18n';
+import { T } from '../../../App/i18n';
 import RaisedButton from '../../../UIComponents/RaisedButton';
-import ShowPreviewErrorDialog from '../../Creator/Components/ShowPreviewErrorDialog';
 
 const mapStateToProps = state => {
     const { i18n } = state;
@@ -22,8 +20,6 @@ const mapStateToProps = state => {
     const locale = i18n.locale.replace('-', '_');
     const configurationData = state[CONFIGURATION_REDUCER_NAME];
     const { adminModeHash } = configurationData;
-    const itemId = get(itemData, 'data.id.value');
-    const showOpenDesignerPreviewError = get(configurationData, 'showOpenDesignerPreviewError');
 
     const params = new URLSearchParams({
         _adminmode: 'quickView',
@@ -40,44 +36,22 @@ const mapStateToProps = state => {
     return {
         show: state[CONFIGURATION_REDUCER_NAME].showConfiguratorAdminMode,
         configuratorUrl,
-        itemId,
-        showOpenDesignerPreviewError,
     };
 };
 
 const mapDispatchToProps = dispatch => ({
     close: () => dispatch(showConfiguratorAdminMode(false)),
-    open: itemId => dispatch(showConfiguratorAdminMode(true, 'designer', itemId)),
-    hideOpenDesignerPreviewError: () => dispatch(hideOpenDesignerPreviewError()),
+    open: () => dispatch(showConfiguratorAdminMode(true)),
 });
 
-const ConfiguratorQuickView = ({
-    show,
-    open,
-    close,
-    configuratorUrl,
-    style,
-    className,
-    itemId,
-    showOpenDesignerPreviewError,
-    hideOpenDesignerPreviewError,
-}) => (
+const ConfiguratorQuickView = ({ show, open, close, configuratorUrl, style, className }) => (
     <div style={style} className={className}>
         <RaisedButton
             label={T('configuratorQuickView.buttonText')}
-            onClick={() => open(itemId)}
+            onClick={open}
             disabled={!configuratorUrl}
         />
         <ConfiguratorOverlay show={show} configuratorUrl={configuratorUrl} onClose={close} />
-        {showOpenDesignerPreviewError && 
-            <ShowPreviewErrorDialog
-                dialogTitle={T('openPreviewError.title')}
-                open={showOpenDesignerPreviewError}
-                onClose={hideOpenDesignerPreviewError}
-            >
-                <p>{T('openPreviewError.openDesignerPreviewError')}</p>
-            </ShowPreviewErrorDialog>
-        }
     </div>
 );