@configuratorware/configurator-admingui 1.41.1 → 1.42.1

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

@@ -1,97 +0,0 @@
-import {
-    HIDE_DETAILS,
-    SHOW_DETAILS,
-    SELECT_ITEM,
-    CONFIGURATION_WORKFLOW_STATUS_APPROVE_KEY,
-    DISMISS_MESSAGE,
-} from './Actions';
-
-import { RECEIVE_DATA, NETWORK_ERROR } from '../../../App/Reducers/Api/Actions';
-
-import networkConfig from '../../../App/Config/network';
-import { createFeatureReducer } from '../../../App/FeatureReducers';
-
-const initialState = {
-    showDetails: false,
-    hideDetails: true,
-    item: {},
-    configuratorUrl: false,
-    timestamp: null,
-    showErrorMessage: false,
-};
-
-export const configurationWorkflowStatus = createFeatureReducer(
-    'configurationWorkflowStatus',
-    (state = initialState, action = {}) => {
-        switch (action.type) {
-            case HIDE_DETAILS: {
-                return {
-                    ...initialState,
-                };
-            }
-            case SHOW_DETAILS: {
-                return {
-                    ...state,
-                    showDetails: true,
-                    hideDetails: false,
-                };
-            }
-            case SELECT_ITEM: {
-                const { item, locale } = action;
-                if (item && item.code) {
-                    const configuratorUrl =
-                        networkConfig.configuratorBasePath +
-                        'code:' +
-                        item.code +
-                        '?_adminmode=designapproval&_hidevariantselection=true&_deliverycountry=de' +
-                        '&_language=' +
-                        locale;
-                    return {
-                        ...state,
-                        item: action.item,
-                        configuratorUrl,
-                    };
-                }
-                return state;
-            }
-
-            case RECEIVE_DATA: {
-                if (action.key === CONFIGURATION_WORKFLOW_STATUS_APPROVE_KEY) {
-                    const { configuratorUrl } = state;
-                    return {
-                        ...state,
-                        timestamp: action.receivedAt,
-                        configuratorUrl:
-                            configuratorUrl &&
-                            configuratorUrl.replace(/&_t=[/d]+/, '') + '&_t=' + action.receivedAt,
-                    };
-                }
-
-                return state;
-            }
-
-            case NETWORK_ERROR: {
-                if (action.key === CONFIGURATION_WORKFLOW_STATUS_APPROVE_KEY) {
-                    return {
-                        ...state,
-                        showErrorMessage: true,
-                    };
-                }
-
-                return state;
-            }
-
-            case DISMISS_MESSAGE: {
-                return {
-                    ...state,
-                    showErrorMessage: false,
-                };
-            }
-
-            default:
-                return state;
-        }
-    }
-);
-
-export default configurationWorkflowStatus;

package/src/Screens/ConfigurationWorkflowStatus/Screen.js

@@ -1,38 +0,0 @@
-import React from 'react';
-import { connect } from 'react-redux';
-import Actions from './Reducers/Actions';
-
-import List from './Containers/List';
-import Edit from './Containers/Edit';
-
-import './Translations';
-
-import './Styles.scss';
-
-import { generateCustomScreen, OverlayScreen } from '../../Components/DefaultScreen';
-
-class ScreenContainer extends React.Component {
-    render() {
-        return <OverlayScreen {...this.props} className="configurationWorkflowStatus" />;
-    }
-}
-
-const WorkflowStatusScreen = generateCustomScreen('release_workflow', List, Edit, ScreenContainer);
-
-export default connect(
-    ({ configurationWorkflowStatus, i18n }) => {
-        return {
-            showDetails: configurationWorkflowStatus.showDetails,
-            locale: i18n.locale,
-            item: configurationWorkflowStatus.item,
-        };
-    },
-    dispatch => {
-        return {
-            invalidateListAction: () => dispatch(Actions.invalidateList()),
-            hideDetailsAction: () => dispatch(Actions.hideDetails()),
-            showDetailsAction: () => dispatch(Actions.showDetails()),
-            detailsAction: params => dispatch(Actions.detailsAction(params)),
-        };
-    }
-)(WorkflowStatusScreen);

package/src/Screens/ConfigurationWorkflowStatus/Translations.js

@@ -1,51 +0,0 @@
-require('../../App/i18n').use(
-    {
-        en: {
-            release_workflow: 'Configuration workflow',
-
-            configurationWorkflowStatus: {
-                errorDialog: {
-                    title: 'Error',
-                    messages: {
-                        notFound: 'Could not find the requested configuration.',
-                    },
-                },
-                denialReason: {
-                    illegal_image: 'illegal image',
-                    illegal_text: 'illegal text',
-                },
-                denialReasonTitle: 'Details of denial',
-            },
-        },
-        de: {
-            Date: 'Datum',
-
-            all: 'Alle',
-
-            release_workflow: 'Freigabe-Workflow',
-
-            Status: 'Status',
-
-            open: 'offen',
-            approved: 'freigegeben',
-            declined: 'abgelehnt',
-
-            'Denial reason': 'Ablehnungsgrund',
-
-            configurationWorkflowStatus: {
-                errorDialog: {
-                    title: 'Fehler',
-                    messages: {
-                        notFound: 'Die angeforderte Konfiguration wurde nicht gefunden.',
-                    },
-                },
-                denialReason: {
-                    illegal_image: 'unpassendes Bild',
-                    illegal_text: 'unpassender Text',
-                },
-                denialReasonTitle: 'Ablehnungsdetails',
-            },
-        },
-    },
-    true
-);

package/src/Screens/ConfigurationWorkflowStatus/index.js

@@ -1,10 +0,0 @@
-import Screen from './Screen';
-import Reducer from './Reducers/Reducer';
-import './initServices';
-import { addReducers } from '../../App/FeatureReducers';
-
-addReducers(Reducer);
-
-export default {
-    Screen,
-};

package/src/Screens/ConfigurationWorkflowStatus/initServices.js

@@ -1,7 +0,0 @@
-import { postDesignApprovalDecision } from './Reducers/Actions';
-import { ServiceStore } from '../../App/initServices';
-
-ServiceStore.get('WindowCommunication').addMessageListener('saveDesignapproval', function(data) {
-    const { dispatch } = ServiceStore.get('ReduxStore');
-    dispatch(postDesignApprovalDecision(data));
-});

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

@@ -1,179 +0,0 @@
-import React from 'react';
-import { connect } from 'react-redux';
-import _ from 'lodash';
-import networkConfig from '../../../App/Config/network';
-
-import RaisedButton from '../../../UIComponents/RaisedButton';
-import IconHint from '../../../UIComponents/icons/InfoOutlineIcon';
-import Image from '../../../Components/GeneralFragments/Image';
-import { T } from '../../../App/i18n';
-
-import { CONFIGURATION_REDUCER_NAME, saveConfigurationSuccess } from '../Reducers/ConfigurationActions';
-import { CREATOR_REDUCER_NAME } from '../../Creator/Reducers/Actions';
-
-import {
-    fetchBaseConfiguration,
-    showConfigurator,
-    saveConstructionPattern,
-} from '../Reducers/ConfigurationActions';
-import ConfigurationEditor from '../../../Components/GeneralFragments/ConfigurationEditor';
-
-class BaseConfigurationEditor extends React.Component {
-    componentWillMount() {
-        const identifier = _.get(this.props.baseConfiguration, 'option.identifier');
-        if ((!identifier || identifier !== this.props.identifier) && this.props.identifier) {
-            this.props.loadBaseConfiguration(this.props.identifier);
-        }
-    }
-
-    componentWillReceiveProps(props) {
-        if (props.identifier && props.identifier !== this.props.identifier) {
-            this.props.loadBaseConfiguration(props.identifier);
-        }
-    }
-
-    closeConfigurator = () => {
-        this.props.closeConfigurator();
-        this.props.loadBaseConfiguration(this.props.identifier);
-    };
-
-    configurationSaved = (...args) => {
-        this.props.configurationSaved(...args);
-        this.closeConfigurator();
-    };
-
-    render() {
-        const {
-            identifier,
-            optionclassifications,
-            baseConfigurationState,
-            constructionPatternsReady,
-            configuratorUrl,
-        } = this.props;
-
-        const stateText = constructionPatternsReady
-            ? baseConfigurationState && baseConfigurationState !== 'ready'
-                ? T(`constructionPatterns.baseConfiguration.state.${baseConfigurationState}`)
-                : ''
-            : T('constructionPatterns.baseConfiguration.noOptionclassificationsAdded');
-
-        return (
-            <div>
-                <div className="baseConfigurationEditor-info">
-                    {T('constructionPatterns.baseConfiguration.infoText')}
-                </div>
-
-                {baseConfigurationState === 'ready' && (
-                    <div className="options-wrapper">
-                        <ul>
-                            {optionclassifications.map(oc => {
-                                const option = _.get(oc, 'selectedoptions[0]');
-                                if (!option) {
-                                    return null;
-                                }
-
-                                return (
-                                    <li key={oc.identifier}>
-                                        <OptionclassificationTile
-                                            optionclassification={oc}
-                                            options={oc.selectedoptions}
-                                        />
-                                    </li>
-                                );
-                            })}
-                        </ul>
-                    </div>
-                )}
-
-                {stateText && (
-                    <div className="baseConfigurationEditor-state">
-                        <IconHint />
-                        {stateText}
-                    </div>
-                )}
-
-                <RaisedButton
-                    label={T('constructionPatterns.baseConfiguration.openConfiguratorButtonText')}
-                    onClick={this.props.openConfigurator}
-                    disabled={!constructionPatternsReady}
-                />
-
-                <ConfigurationEditor
-                    adminMode="defaultoptions"
-                    show={this.props.showConfigurator && identifier}
-                    configuratorUrl={configuratorUrl}
-                    onSaved={this.configurationSaved}
-                    onClose={this.closeConfigurator}
-                />
-            </div>
-        );
-    }
-}
-
-class OptionclassificationTile extends React.Component {
-    render() {
-        const { optionclassification, options } = this.props;
-
-        return (
-            <div className="baseConfigurationEditor-optionclassification">
-                <div className="optionclassificationTitle">{optionclassification.title}</div>
-
-                <div className="optionListContainer">
-                    {options.map(option => (
-                        <div key={option.identifier} className="optionListItem">
-                            <div className="optionImg">
-                                <Image src={option.thumbnail} />
-                            </div>
-
-                            <div className="optionIdentifier" title={option.identifier}>
-                                {option.identifier}
-                            </div>
-                            <div className="optionTitle">{option.title}</div>
-                            {option.amount > 1 && <div className="optionAmount">{option.amount}x</div>}
-                        </div>
-                    ))}
-                </div>
-            </div>
-        );
-    }
-}
-
-function mapStateToProps(state) {
-    const { i18n } = state;
-    const itemData = _.get(state[CREATOR_REDUCER_NAME], 'source');
-    const baseConfigurationData = state[CONFIGURATION_REDUCER_NAME];
-    const identifier = _.get(itemData, 'identifier');
-    const locale = i18n.locale.replace('-', '_');
-    const configuratorUrl =
-        networkConfig.configuratorBasePath +
-        'identifier:' +
-        identifier +
-        '?_adminmode=defaultoptions&_hidevariantselection=true&_deliverycountry=de' +
-        '&_language=' +
-        locale +
-        '&_admin_mode_hash=' +
-        baseConfigurationData.adminModeHash;
-    const optionclassifications = _.get(baseConfigurationData.baseConfiguration, 'optionclassifications', []);
-
-    return {
-        baseConfiguration: baseConfigurationData.baseConfiguration,
-        baseConfigurationState: baseConfigurationData.baseConfigurationState,
-        showConfigurator: baseConfigurationData.showConfigurator,
-        constructionPatternsReady:
-            _.get(baseConfigurationData, 'data.selectableComponents.value.length', 0) > 0,
-        optionclassifications,
-        identifier,
-        configuratorUrl,
-    };
-}
-
-function mapDispatchToProps(dispatch) {
-    return {
-        loadBaseConfiguration: identifier => dispatch(fetchBaseConfiguration(identifier)),
-        openConfigurator: () => dispatch(saveConstructionPattern()),
-        closeConfigurator: () => dispatch(showConfigurator(false)),
-        configurationSaved: apiAction => dispatch(saveConfigurationSuccess(apiAction.data)),
-    };
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(BaseConfigurationEditor);

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

@@ -1,5 +0,0 @@
-import { lazyFetch } from '../../../../Utils/Request/lazyFetch';
-
-const DATA_CHECK_URL = 'data_checks/{identifier}';
-
-export const checkItemData = async identifier => (await lazyFetch(DATA_CHECK_URL, { identifier })).data;

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

@@ -1,222 +0,0 @@
-import withStyles from '@material-ui/core/styles/withStyles';
-import React, { useEffect, useState } from 'react';
-import { T } from '../../../../App/i18n';
-import CircularProgress from '@material-ui/core/CircularProgress';
-import Dialog from '../../../../UIComponents/Dialog';
-import { checkItemData } from './ApiCalls';
-import Typography from '@material-ui/core/Typography';
-import { Cancel, ErrorOutline } from '@material-ui/icons';
-import './Translations';
-import FlatButton from '../../../../UIComponents/FlatButton';
-import RaisedButton from '../../../../UIComponents/RaisedButton';
-
-const asyncDialogStyles = () => ({
-    dialog: {
-        display: 'flex',
-        flexDirection: 'column',
-    },
-    buttonProgress: {
-        position: 'absolute',
-    },
-});
-
-const AsyncDialog = withStyles(asyncDialogStyles)(
-    ({
-        classes,
-        asyncTask,
-        buttonLabel,
-        dialogTitle,
-        buttonDisabled,
-        children,
-        buttonProps,
-        dialogProps,
-    }) => {
-        const [open, setOpen] = useState(false);
-        const [loading, setLoading] = useState(false);
-
-        useEffect(() => {
-            (async () => {
-                if (open) {
-                    setLoading(true);
-                    try {
-                        await asyncTask();
-                    } finally {
-                        setLoading(false);
-                    }
-                }
-            })();
-        }, [open]);
-
-        const onClose = () => {
-            setOpen(false);
-        };
-
-        return (
-            <>
-                <RaisedButton
-                    variant="contained"
-                    onClick={() => setOpen(true)}
-                    disabled={loading || buttonDisabled}
-                    {...buttonProps}
-                >
-                    {buttonLabel}
-                    {loading && <CircularProgress className={classes.buttonProgress} size={24} />}
-                </RaisedButton>
-                <Dialog
-                    title={dialogTitle}
-                    modal={'true'}
-                    open={!loading && open}
-                    scroll={'body'}
-                    onClose={() => onClose}
-                    maxWidth="sm"
-                    classes={{
-                        dialogContentTextRoot: classes.dialog,
-                    }}
-                    actions={[
-                        <FlatButton label={T('Ok')} key="closeButton" primary={false} onClick={onClose} />,
-                    ]}
-                    {...dialogProps}
-                >
-                    {children}
-                </Dialog>
-            </>
-        );
-    }
-);
-
-const styles = {
-    messageTypeLabel: {
-        display: 'inline-flex',
-        alignItems: 'center',
-        alignSelf: 'flex-end',
-        marginLeft: 'auto',
-        fontWeight: 'bold',
-        '&.type-neutral': {},
-        '&.type-notice': {
-            color: 'orange',
-            paddingRight: 5,
-        },
-        '&.type-error': {
-            color: 'red',
-            paddingRight: 5,
-        },
-    },
-    icon: {
-        marginLeft: 10,
-        marginRight: 5,
-        position: 'relative',
-        top: -1,
-    },
-    items: {
-        display: 'inline-flex',
-        flexDirection: 'column',
-        paddingTop: 15,
-    },
-    item: {
-        display: 'inline-flex',
-        whiteSpace: 'nowrap',
-    },
-    error: {
-        color: 'red',
-    },
-};
-
-const CheckData = withStyles(styles)(({ itemIdentifier, itemId, checkItemData, area, license, classes }) => {
-    const [data, setData] = useState(null);
-    const [error, setError] = useState(null);
-    const loadData = async () => {
-        try {
-            setError(null);
-            const result = await checkItemData(itemIdentifier);
-            result && result.length > 0 ? filterResult(result) : setError('dataCheck.dataCheckFailed');
-        } catch (e) {
-            setError('dataCheck.dataCheckFailed');
-        }
-    };
-
-    // item level: show results for item, creator & designer - unless you have a license for creator/designer only
-    // creator level: show results for item and creator
-    // designer level: show results for item and designer
-    const areasCreatorDesigner = area ? [area] : license ? license.split('+') : ['creator', 'designer'];
-    const areas = ['item', ...areasCreatorDesigner];
-
-    const filterResult = result => {
-        const filteredResult = {};
-        areas.forEach(area => {
-            filteredResult[area] = result.filter(
-                element => element.element && element.element.startsWith(area)
-            );
-        });
-        setData(filteredResult);
-    };
-
-    const renderResult = result =>
-        Object.keys(result).map(key => {
-            return (
-                <div style={styles.items} key={key}>
-                    <Typography variant="h6">{T(`dataCheck.${key}`)}</Typography>
-                    {renderElements(result[key])}
-                </div>
-            );
-        });
-
-    const renderElements = (elements, depth = 0) =>
-        elements.map(({ element, type, placeholders, children }, idx) => {
-            const Icon = {
-                neutral: () => null,
-                notice: ErrorOutline,
-                error: Cancel,
-            }[type];
-
-            const bulletPoint = ['○', '•', '⁃', '◘', '◙', '‣'][depth];
-            const termKey = `dataCheck.messages.${element.replaceAll('.', '_')}_${type}`;
-
-            return (
-                <div
-                    style={{
-                        ...styles.items,
-                        ...{ paddingLeft: depth * 10, paddingTop: depth === 0 ? 5 : 0 },
-                    }}
-                    key={idx}
-                >
-                    <div style={styles.item}>
-                        {bulletPoint}
-                        <span>&nbsp;&nbsp;</span>
-                        {T(
-                            termKey,
-                            placeholders.reduce(
-                                (keys, { key, value }) => ({
-                                    ...keys,
-                                    [key]: value,
-                                }),
-                                {}
-                            )
-                        )}
-                        <span className={classes.messageTypeLabel + ' type-' + type}>
-                            <Icon fontSize={'inherit'} className={classes.icon} />
-                            {T(`dataCheck.types.${type}`)}
-                        </span>
-                    </div>
-                    {children && children.length > 0 && renderElements(children, depth + 1)}
-                </div>
-            );
-        });
-
-    return (
-        <AsyncDialog
-            buttonLabel={T('dataCheck.buttonLabel')}
-            dialogTitle={T('dataCheck.dialogTitle')}
-            buttonDisabled={!itemId}
-            asyncTask={loadData}
-        >
-            {data && renderResult(data)}
-            {error && <div className={classes.error}>{T(error)}</div>}
-        </AsyncDialog>
-    );
-});
-
-CheckData.defaultProps = {
-    checkItemData,
-};
-
-export default CheckData;

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

@@ -1,31 +0,0 @@
-// copied from configuratorapi/src/Structure/Frontend/DataCheck.php
-
-export const TYPE_NEUTRAL = 'neutral';
-export const TYPE_NOTICE = 'notice';
-export const TYPE_ERROR = 'error';
-
-export const MESSAGE_ITEM_TITLE_NOTICE = `item_title_${TYPE_NOTICE}`;
-export const MESSAGE_ITEM_TITLE_NEUTRAL = `item_title_${TYPE_NEUTRAL}`;
-export const MESSAGE_ITEM_CONFIGURATION_MODE_CREATOR_NEUTRAL = `item_configuration_mode_creator_${TYPE_NEUTRAL}`;
-export const MESSAGE_ITEM_CONFIGURATION_MODE_CREATOR_NOTICE = `item_configuration_mode_creator_${TYPE_NOTICE}`;
-export const MESSAGE_ITEM_CONFIGURATION_MODE_DESIGNER_NEUTRAL = `item_configuration_mode_designer_${TYPE_NEUTRAL}`;
-export const MESSAGE_ITEM_CONFIGURATION_MODE_DESIGNER_NOTICE = `item_configuration_mode_designer_${TYPE_NOTICE}`;
-export const MESSAGE_ITEM_VARIANTS_NEUTRAL = `item_variants_${TYPE_NEUTRAL}`;
-
-export const MESSAGE_CREATOR_COMPONENTS_NEUTRAL = `creator_component_${TYPE_NEUTRAL}`;
-export const MESSAGE_CREATOR_COMPONENTS_ERROR = `creator_component_${TYPE_ERROR}`;
-export const MESSAGE_CREATOR_COMPONENT_TITLE_NEUTRAL = `creator_component_title_${TYPE_NEUTRAL}`;
-export const MESSAGE_CREATOR_OPTION_NEUTRAL = `creator_component_option_${TYPE_NEUTRAL}`;
-export const MESSAGE_CREATOR_DEFAULT_CONFIGURATION_NEUTRAL = `creator_default_configuration_${TYPE_NEUTRAL}`;
-export const MESSAGE_CREATOR_DEFAULT_CONFIGURATION_ERROR = `creator_default_configuration_${TYPE_ERROR}`;
-export const MESSAGE_CREATOR_DEFAULT_OPTION_NEUTRAL = `creator_default_option_${TYPE_NEUTRAL}`;
-export const MESSAGE_CREATOR_DEFAULT_OPTION_NOTICE = `creator_default_option_${TYPE_NOTICE}`;
-export const MESSAGE_CREATOR_RULE_NEUTRAL = `creator_rule_${TYPE_NEUTRAL}`;
-
-export const MESSAGE_DESIGNER_VIEWS_NEUTRAL = `designer_views_${TYPE_NEUTRAL}`;
-export const MESSAGE_DESIGNER_VIEWS_NOTICE = `designer_views_${TYPE_NOTICE}`;
-export const MESSAGE_DESIGNER_DESIGN_AREAS_NEUTRAL = `designer_design_areas_${TYPE_NEUTRAL}`;
-export const MESSAGE_DESIGNER_DESIGN_AREAS_ERROR = `designer_design_areas_${TYPE_ERROR}`;
-``;
-export const MESSAGE_DESIGNER_DESIGN_AREA_NEUTRAL = `designer_design_area_${TYPE_NEUTRAL}`;
-export const MESSAGE_DESIGNER_DESIGN_AREA_PRODUCTION_METHOD_NEUTRAL = `designer_design_area_production_method_${TYPE_NEUTRAL}`;