@configuratorware/configurator-admingui 1.41.1 → 1.42.1

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

@@ -1,119 +0,0 @@
-import {
-    MESSAGE_CREATOR_COMPONENT_TITLE_NEUTRAL,
-    MESSAGE_CREATOR_COMPONENTS_ERROR,
-    MESSAGE_CREATOR_COMPONENTS_NEUTRAL,
-    MESSAGE_CREATOR_DEFAULT_CONFIGURATION_ERROR,
-    MESSAGE_CREATOR_DEFAULT_CONFIGURATION_NEUTRAL,
-    MESSAGE_CREATOR_DEFAULT_OPTION_NEUTRAL,
-    MESSAGE_CREATOR_DEFAULT_OPTION_NOTICE,
-    MESSAGE_CREATOR_OPTION_NEUTRAL,
-    MESSAGE_CREATOR_RULE_NEUTRAL,
-    MESSAGE_DESIGNER_DESIGN_AREA_NEUTRAL,
-    MESSAGE_DESIGNER_DESIGN_AREA_PRODUCTION_METHOD_NEUTRAL,
-    MESSAGE_DESIGNER_DESIGN_AREAS_ERROR,
-    MESSAGE_DESIGNER_DESIGN_AREAS_NEUTRAL,
-    MESSAGE_DESIGNER_VIEWS_NEUTRAL,
-    MESSAGE_DESIGNER_VIEWS_NOTICE,
-    MESSAGE_ITEM_CONFIGURATION_MODE_CREATOR_NEUTRAL,
-    MESSAGE_ITEM_CONFIGURATION_MODE_CREATOR_NOTICE,
-    MESSAGE_ITEM_CONFIGURATION_MODE_DESIGNER_NEUTRAL,
-    MESSAGE_ITEM_CONFIGURATION_MODE_DESIGNER_NOTICE,
-    MESSAGE_ITEM_TITLE_NEUTRAL,
-    MESSAGE_ITEM_TITLE_NOTICE,
-    MESSAGE_ITEM_VARIANTS_NEUTRAL,
-    TYPE_ERROR,
-    TYPE_NEUTRAL,
-    TYPE_NOTICE,
-} from './Constants';
-
-require('../../../../App/i18n').use(
-    {
-        en: {
-            dataCheck: {
-                buttonLabel: 'Check data',
-                dialogTitle: 'Data check results',
-                dataCheckFailed: 'Data check failed.',
-                item: 'Item data',
-                creator: 'creator data',
-                designer: 'designer data',
-                types: {
-                    [TYPE_NEUTRAL]: ' ',
-                    [TYPE_NOTICE]: 'NOTICE',
-                    [TYPE_ERROR]: 'ERROR',
-                },
-                messages: {
-                    [MESSAGE_ITEM_TITLE_NOTICE]: 'Empty item title!',
-                    [MESSAGE_ITEM_TITLE_NEUTRAL]: 'Item title set',
-                    [MESSAGE_ITEM_CONFIGURATION_MODE_CREATOR_NEUTRAL]: 'Item is available in the creator',
-                    [MESSAGE_ITEM_CONFIGURATION_MODE_CREATOR_NOTICE]: 'Item is not available in the creator',
-                    [MESSAGE_ITEM_CONFIGURATION_MODE_DESIGNER_NEUTRAL]: 'Item is available in the designer',
-                    [MESSAGE_ITEM_CONFIGURATION_MODE_DESIGNER_NOTICE]:
-                        'Item is not available in the designer',
-                    [MESSAGE_ITEM_VARIANTS_NEUTRAL]: '%{amount} variants set',
-
-                    [MESSAGE_CREATOR_COMPONENTS_NEUTRAL]: '%{components_amount} components set:',
-                    [MESSAGE_CREATOR_COMPONENTS_ERROR]: 'No components set!',
-                    [MESSAGE_CREATOR_COMPONENT_TITLE_NEUTRAL]: '%{component_name}:',
-                    [MESSAGE_CREATOR_OPTION_NEUTRAL]: '%{options_amount} options available:<br/>%{options}',
-                    [MESSAGE_CREATOR_DEFAULT_CONFIGURATION_NEUTRAL]: 'Default configuration set:',
-                    [MESSAGE_CREATOR_DEFAULT_CONFIGURATION_ERROR]: 'Default configuration not set!',
-                    [MESSAGE_CREATOR_DEFAULT_OPTION_NEUTRAL]: '%{component_name}: %{option}',
-                    [MESSAGE_CREATOR_DEFAULT_OPTION_NOTICE]: '%{component_name}: nothing',
-                    [MESSAGE_CREATOR_RULE_NEUTRAL]: '%{amount} rules set',
-
-                    [MESSAGE_DESIGNER_VIEWS_NEUTRAL]: '%{amount} views set',
-                    [MESSAGE_DESIGNER_VIEWS_NOTICE]: 'No views set <br/>- will display in fallback mode',
-                    [MESSAGE_DESIGNER_DESIGN_AREAS_NEUTRAL]: '%{amount} designareas set:',
-                    [MESSAGE_DESIGNER_DESIGN_AREAS_ERROR]: 'No designareas set!',
-                    [MESSAGE_DESIGNER_DESIGN_AREA_NEUTRAL]: '%{title}:',
-                    [MESSAGE_DESIGNER_DESIGN_AREA_PRODUCTION_METHOD_NEUTRAL]: '%{title}',
-                },
-            },
-        },
-        de: {
-            dataCheck: {
-                buttonLabel: 'Daten überprüfen',
-                dialogTitle: 'Datenprüfung',
-                dataCheckFailed: 'Datenprüfung fehlgeschlagen.',
-                item: 'Produktdaten',
-                creator: 'creator Daten',
-                designer: 'designer Daten',
-                types: {
-                    [TYPE_NEUTRAL]: ' ',
-                    [TYPE_NOTICE]: 'HINWEIS',
-                    [TYPE_ERROR]: 'FEHLER',
-                },
-                messages: {
-                    [MESSAGE_ITEM_TITLE_NOTICE]: 'Produkttitel ist nicht gepflegt',
-                    [MESSAGE_ITEM_TITLE_NEUTRAL]: 'Produkttitel ist gepflegt',
-                    [MESSAGE_ITEM_CONFIGURATION_MODE_CREATOR_NEUTRAL]: 'Produkt ist im creator verfügbar',
-                    [MESSAGE_ITEM_CONFIGURATION_MODE_CREATOR_NOTICE]:
-                        'Produkt ist nicht im creator verfügbar',
-                    [MESSAGE_ITEM_CONFIGURATION_MODE_DESIGNER_NEUTRAL]: 'Produkt ist im designer verfügbar',
-                    [MESSAGE_ITEM_CONFIGURATION_MODE_DESIGNER_NOTICE]:
-                        'Produkt ist nicht im designer verfügbar',
-                    [MESSAGE_ITEM_VARIANTS_NEUTRAL]: '%{amount} Varianten gepflegt',
-
-                    [MESSAGE_CREATOR_COMPONENTS_NEUTRAL]: '%{components_amount} Komponenten gepflegt:',
-                    [MESSAGE_CREATOR_COMPONENTS_ERROR]: 'Keine Komponenten gepflegt!',
-                    [MESSAGE_CREATOR_COMPONENT_TITLE_NEUTRAL]: '%{component_name}:',
-                    [MESSAGE_CREATOR_OPTION_NEUTRAL]: '%{options_amount}  Optionen verfügbar:<br/>%{options}',
-                    [MESSAGE_CREATOR_DEFAULT_CONFIGURATION_NEUTRAL]: 'Standardkonfiguration gepflegt:',
-                    [MESSAGE_CREATOR_DEFAULT_CONFIGURATION_ERROR]: 'Standardkonfiguration nicht gepflegt!',
-                    [MESSAGE_CREATOR_DEFAULT_OPTION_NEUTRAL]: '%{component_name}: %{option}',
-                    [MESSAGE_CREATOR_DEFAULT_OPTION_NOTICE]: '%{component_name}: nicht gepflegt',
-                    [MESSAGE_CREATOR_RULE_NEUTRAL]: '%{amount} Regeln gepflegt',
-
-                    [MESSAGE_DESIGNER_VIEWS_NEUTRAL]: '%{amount} Designansichten gepflegt',
-                    [MESSAGE_DESIGNER_VIEWS_NOTICE]:
-                        'Keine Designansichten gepflegt <br/> - wird im Fallback Modus dargestellt',
-                    [MESSAGE_DESIGNER_DESIGN_AREAS_NEUTRAL]: '%{amount} Designflächen gepflegt:',
-                    [MESSAGE_DESIGNER_DESIGN_AREAS_ERROR]: 'Keine Designfläche gepflegt!',
-                    [MESSAGE_DESIGNER_DESIGN_AREA_NEUTRAL]: '%{title}:',
-                    [MESSAGE_DESIGNER_DESIGN_AREA_PRODUCTION_METHOD_NEUTRAL]: '%{title}',
-                },
-            },
-        },
-    },
-    true
-);

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

@@ -1,155 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { T } from '../../../App/i18n';
-import DialogContent from '@material-ui/core/DialogContent';
-import DialogActions from '@material-ui/core/DialogActions';
-import RaisedButton from '../../../UIComponents/RaisedButton';
-import FlatButton from '../../../UIComponents/FlatButton';
-import Dialog from '../../../UIComponents/Dialog';
-import { CONFIGURATION_REDUCER_NAME } from '../Reducers/ConfigurationActions';
-import get from 'lodash/get';
-import { useDispatch, useSelector } from 'react-redux';
-import Api from '../../../App/Api';
-import MenuItem from '../../../UIComponents/MenuItem';
-import SelectField from '../../../UIComponents/SelectField';
-import { networkError } from '../../../App/Reducers/Api/Actions';
-import CircularProgress from '@material-ui/core/CircularProgress';
-
-require('../../../App/i18n').use({
-    en: {
-        componentEditor: {
-            dialogTitle: 'Component settings: %{componentName}',
-            dialogInfo: 'This view will be selected automatically<br/> when selecting the component.',
-            fields: {
-                linkedView: 'Selected view',
-                linkedViewDefaultLabel: 'default view',
-            },
-            error: {
-                viewListNotAvailable: 'View list not available',
-            },
-        },
-    },
-    de: {
-        componentEditor: {
-            dialogTitle: 'Komponenteneinstellungen: %{componentName}',
-            dialogInfo: 'Diese Ansicht wird automatisch gewählt,<br/>wenn die Komponente selektiert wird.',
-            fields: {
-                linkedView: 'Ausgewählte Ansicht',
-                linkedViewDefaultLabel: 'Standardansicht',
-            },
-            error: {
-                viewListNotAvailable: 'Liste der Ansichten nicht verfügbar',
-            },
-        },
-    },
-});
-
-export const ComponentEditor = ({ component, onChange, onClose }) => {
-    const [creatorViewList, setCreatorViewList] = useState(null);
-    const [creatorViewId, setCreatorViewId] = useState(null);
-    const [error, setError] = useState(null);
-    const [loading, setLoading] = useState(false);
-    const itemId = useSelector(state => get(state, `${CONFIGURATION_REDUCER_NAME}.source.item.id`));
-    const dispatch = useDispatch();
-    useEffect(() => {
-        component && setCreatorViewId(component.creatorViewId);
-    }, [component]);
-    useEffect(() => {
-        if (!itemId || !component) {
-            return;
-        }
-        setError(null);
-        setLoading(true);
-        const { request, cancel } = Api.create();
-        (async () => {
-            try {
-                const result = await request({
-                    method: 'get',
-                    url: `/creator_views`,
-                    params: {
-                        filters: {
-                            'creatorview.item.id': itemId,
-                        },
-                    },
-                });
-                setCreatorViewList(get(result, 'data.data'));
-            } catch (e) {
-                dispatch(networkError('creator_views', 'creator_views', e));
-                setError(T('componentEditor.error.viewListNotAvailable'));
-            } finally {
-                setLoading(false);
-            }
-        })();
-        return cancel;
-    }, [itemId, dispatch, component]);
-    if (!component) {
-        return null;
-    }
-
-    const content =
-        error ||
-        (loading ? (
-            <CircularProgress size={24} />
-        ) : (
-            <div
-                style={{
-                    display: 'flex',
-                    flexDirection: 'column',
-                }}
-            >
-                {T('componentEditor.dialogInfo')}
-
-                <SelectField
-                    onChange={({ target: { value } }) => {
-                        setCreatorViewId(value);
-                    }}
-                    value={creatorViewId || 'default'}
-                    disableUnderline
-                    label={T('componentEditor.fields.linkedView')}
-                    style={{
-                        minWidth: 200,
-                        marginTop: 25,
-                        fontSize: '1.2 em',
-                    }}
-                >
-                    <MenuItem value={'default'}>
-                        {T('componentEditor.fields.linkedViewDefaultLabel')}
-                    </MenuItem>
-                    {creatorViewList &&
-                        creatorViewList.map(option => (
-                            <MenuItem value={option.id} key={option.id}>
-                                {option.identifier}
-                            </MenuItem>
-                        ))}
-                </SelectField>
-            </div>
-        ));
-
-    return (
-        <Dialog
-            title={T('componentEditor.dialogTitle', {
-                componentName: `${component.title} (${component.identifier})`,
-            })}
-            modal={'true'}
-            open={true}
-            onClose={onClose}
-            maxWidth="lg"
-        >
-            <DialogContent>{content}</DialogContent>
-            <DialogActions>
-                {!loading && !error && (
-                    <RaisedButton
-                        label={T('OK')}
-                        primary={true}
-                        onClick={() => {
-                            onChange({ ...component, creatorViewId });
-                            onClose();
-                        }}
-                    />
-                )}
-                <FlatButton label={T('Cancel')} primary={false} onClick={onClose} />
-            </DialogActions>
-        </Dialog>
-    );
-};
-
-export default ComponentEditor;

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

@@ -1,83 +0,0 @@
-import React from 'react';
-import { connect } from 'react-redux';
-import get from 'lodash/get';
-import {
-    CONFIGURATION_REDUCER_NAME,
-    hideOpenCreatorPreviewError,
-    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;
-    const creatorData = state[CREATOR_REDUCER_NAME];
-    const identifier = !creatorData.isNew && get(creatorData, 'data.identifier.value');
-    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',
-        _configuration_mode: 'creator',
-        _hidevariantselection: 'true',
-        _deliverycountry: 'de',
-        _language: locale,
-        _admin_mode_hash: adminModeHash,
-    });
-
-    const configuratorUrl =
-        !!identifier && `${networkConfig.configuratorBasePath}identifier:${identifier}?${params}`;
-
-    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()),
-});
-
-const ConfiguratorQuickView = ({
-    show,
-    open,
-    close,
-    configuratorUrl,
-    style,
-    className,
-    itemId,
-    showOpenCreatorPreviewError,
-    hideOpenCreatorPreviewError,
-}) => (
-    <div style={style} className={className}>
-        <RaisedButton
-            label={T('configuratorQuickView.buttonText')}
-            onClick={() => open(itemId)}
-            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>
-);
-
-export default connect(mapStateToProps, mapDispatchToProps)(ConfiguratorQuickView);

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

@@ -1,120 +0,0 @@
-/**
- * [EXAMPLE] using a generated form together with a data schema in a single module
- */
-
-import React from 'react';
-import FlatButton from '../../../UIComponents/FlatButton';
-import { T } from '../../../App/i18n';
-import Dialog from '../../../UIComponents/Dialog';
-import Form from '../../../Components/Form';
-import { useDataSchema } from '../../../Components/FormHooks/useDataSchema';
-import { CONFIGURATION_REDUCER_NAME } from '../Reducers/ConfigurationActions';
-import {LocalizedPriceTextField} from "../../../Components/LocalizedPriceTextField";
-import LocalizedPriceValue from "../../../Components/LocalizedPriceValue";
-
-const deltaPriceDataSchema = {
-    deltaPrices: {
-        value: [],
-        schema: {
-            id: { value: null },
-            price: { value: null },
-            priceNet: { value: null },
-            channel: { value: null },
-        },
-    },
-};
-
-const priceEditorFormFields = [
-    {
-        name: 'deltaPrices',
-        label: false,
-        type: 'dynSource',
-        sourceConfig: {
-            text: ({ identifier, currency }) => `${identifier} / ${currency.symbol} (${currency.iso})`,
-        },
-        dynSource: {
-            type: 'tabs',
-            reducerName: CONFIGURATION_REDUCER_NAME,
-            dataSource: 'channels',
-        },
-        tabs: {
-            filterValues: (channel, value) => +channel.id === +value.channel,
-            assignTabValue: (tabValue, data) => (data.channel = tabValue),
-            name: 'deltaPrices',
-            type: 'array',
-            layout: 'groups',
-            className: 'table',
-            array: {
-                columns: null,
-                addButtonLabel: 'constructionPatterns.pricePopup.addButtonLabel',
-                disableAdd: ({ value }) => {
-                    // limit to one price item, since "amount from" is not available
-                    return value.length > 0;
-                },
-                fields: [
-                    {
-                        name: 'price',
-                        label: 'Price',
-                        type: LocalizedPriceTextField,
-                        renderValue: value => <LocalizedPriceValue data={value}/>,
-                    },
-                    {
-                        name: 'priceNet',
-                        label: 'price Net',
-                        type: LocalizedPriceTextField,
-                        renderValue: value => <LocalizedPriceValue data={value}/>,
-                    },
-                ],
-            },
-        },
-    },
-];
-
-export const OptionPriceEditor = props => {
-    const { selectedOption, product, selectedComponent, showOptionPriceEditorDialog } = props;
-
-    const { currentData, validate } = useDataSchema({
-        dataSchema: deltaPriceDataSchema,
-        data: selectedOption,
-    });
-
-    const onCloseClick = () => {
-        props.showOptionPriceEditor(false);
-    };
-
-    const onChange = (name, value) => {
-        props.setOptionData(name, value);
-    };
-
-    const onOkClick = () => {
-        validate() && props.commitOptionData();
-    };
-
-    const actions = (
-        <>
-            <FlatButton label={T('Ok')} primary={true} onClick={onOkClick} />
-            <FlatButton label={T('Cancel')} primary={false} onClick={onCloseClick} />
-        </>
-    );
-
-    const title = T('constructionPatterns.pricePopup.title');
-
-    if (!selectedOption) {
-        return null;
-    }
-
-    return (
-        <Dialog title={title} actions={actions} modal={'true'} open={showOptionPriceEditorDialog}>
-            <div>
-                {T('constructionPatterns.pricePopup.description', {
-                    option: selectedOption.title,
-                    component: selectedComponent.title,
-                    product: product.translated_title,
-                })}
-            </div>
-            <Form formFields={priceEditorFormFields} data={currentData} onChange={onChange} />
-        </Dialog>
-    );
-};
-
-export default OptionPriceEditor;