@configuratorware/configurator-admingui 1.41.2 → 1.42.2

package/src/App/i18n.js

@@ -1,215 +0,0 @@
-import { loadTranslations, setLocale, Translate, Localize, I18n } from 'react-redux-i18n';
-import * as reactI18nify from 'react-i18nify';
-import React from 'react';
-import _ from 'lodash';
-import Api from './Api';
-import networkConfig from './Config/network';
-import { locales } from './Config/app';
-import { setLanguages } from "./Reducers/Common/Language/Actions";
-
-/**
- * The Redux Store object
- * @type Store
- */
-let store;
-
-/**
- * Available Api locales
- * @type {{}}
- */
-let apiLocales = [];
-
-/**
- * The setup method
- *  - sets the store object used for redux
- *  - sets the locale
- *  - adds the pre-init translations map
- * @param {Store} reduxStore
- */
-export const setupStoreI18n = reduxStore => {
-    if (!reduxStore.getState || !reduxStore.dispatch) {
-        throw new Error('A valid redux store must be given!');
-    }
-
-    store = reduxStore;
-
-    // Sets the locale
-    const DEFAULT_LOCALE = locales[0].code,
-        code = getLocale() || _.get(navigator, 'languages[0]', navigator.language),
-        locale = _.find(locales, { code });
-    changeLocale(locale ? code : DEFAULT_LOCALE);
-
-    // Adds the pre-init translations
-    mergeTranslations(translations);
-
-    store.subscribe(handleChange);
-
-    Api.request({
-        baseURL: networkConfig.frontendBaseURL,
-        url: 'languages',
-    })
-        .then(response => {
-            apiLocales = response.data.map(({ iso }) => iso.replace('_', '-'));
-            store.dispatch(setLanguages(response.data));
-        })
-        .catch(error => {
-            // eslint-disable-next-line no-console
-            console.error('Error by loading api languages!', error);
-        });
-};
-
-/**
- * Set the current language for the Api calls
- */
-const handleChange = () => {
-    if (!store) {
-        throw new Error('Store must be set up first!');
-    }
-    Api.setLanguage(store.getState().i18n.locale.replace('-', '_'));
-};
-
-/**
- * Global translations object (pre-setup)
- * @type {{}}
- */
-const translations = {};
-
-/**
- * Function to handle the missing translations.
- * It simply replaces the '[DOT]' with '.' in the key and returns that
- * It is needed because the i18n module uses the dot symbol as a property accessor
- * @param {string} key
- */
-const HandleMissingTranslation = key => key.replace(/\[DOT\]/g, '.');
-I18n.setHandleMissingTranslation(HandleMissingTranslation);
-
-/**
- * Function to merge the local (module related) translations into the global dictionary
- *  - call it with a translation object eg. { en: { greeting: 'Hi!' }, de: { greeting: 'Hallo!' } }
- *  - useful to call it from within a Translation.js file, doing it this way one need only to import it
- * @param {Object} translationsObject
- */
-export const mergeTranslations = (translationsObject, isDefault) => {
-    if (!store) {
-        throw new Error('Store must be set up first!');
-    }
-    const toMerge = [store.getState().i18n.translations || {}, translationsObject];
-    if (isDefault) {
-        toMerge.reverse();
-    }
-
-    const translations = _.merge({}, ...toMerge);
-    store.dispatch(loadTranslations(translations));
-};
-
-/**
- * Function to change the locale
- * @param {string} locale
- */
-export const changeLocale = locale => {
-    if (!store) {
-        throw new Error('Store must be set up first!');
-    }
-    store.dispatch(setLocale(locale));
-};
-
-/**
- * Function to return the current locale
- * @return {string} The current locale
- */
-export const getLocale = () => {
-    if (!store) {
-        throw new Error('Store must be set up first!');
-    }
-    return store.getState().i18n.locale;
-};
-
-/**
- * Translates the given text
- * @param {string|object} value - The text to translate
- * @param {object} props - The props passed to the Translate Component. Can contain (escapeDot: true)
- * to search with '[DOT]' instead of '.' (which is used as a property accessor)
- * @return {*}
- * @constructor
- */
-export const T = (value, props = {}) => {
-    if (typeof value === 'object' && typeof value.children === 'string') {
-        const { children, ...otherProps } = value;
-        return T(children, otherProps);
-    }
-    const { escapeDot, interpolate, ...otherProps } = props;
-    if (value === undefined) {
-        return value;
-    } else if (escapeDot && _.isString(value)) {
-        value = value.replace(/\./g, '[DOT]');
-    }
-    if (interpolate) {
-        const parts = value.split(/({[^}]+})/g);
-        if (parts.length > 1) {
-            return (
-                <React.Fragment>
-                    {parts.map(str => {
-                        const key = str.replace(/^{([^}]+)}$/, '$1');
-                        return key === str ? str : T(key, props);
-                    })}
-                </React.Fragment>
-            );
-        }
-    }
-    return <Translate value={'' + value} dangerousHTML={true} {...otherProps} />;
-};
-
-/**
- * Localize the given value
- * @param {*} value - The value to localize
- * @param {Object} props - The props passed to the Localize Component. Can contain (escapeDot: true)
- * to search with '[DOT]' instead of '.' (which is used as a property accessor)
- * @return {*}
- * @constructor
- */
-export const L = (value, props = {}) => {
-    const { escapeDot, ...otherProps } = props;
-    if (value === undefined) {
-        return value;
-    } else if (escapeDot && _.isString(value)) {
-        value = value.replace(/\./g, '[DOT]');
-    }
-    return <Localize value={'' + value} {...otherProps} />;
-};
-
-/**
- * Function to get the list of available locales
- * @return {string[]}
- */
-export const getAvailableLocales = () => apiLocales;
-
-/**
- * Function to merge the local (module related) translations into the global dictionary
- *  - call it with a translation object eg. { en: { greeting: 'Hi!' }, de: { greeting: 'Hallo!' } }
- *  - useful to call it from within a Translation.js file, doing it this way one need only to import it
- * @param {Object} translationsObject
- */
-export function use(translationsObject, isDefault = false) {
-    if (store && store.dispatch) {
-        // if store exists just call the merge function
-        mergeTranslations(translationsObject, isDefault);
-    } else {
-        // merge with pre-init translations
-        _.merge(translations, translationsObject);
-    }
-}
-
-let { t, l } = I18n;
-t = t.bind(I18n);
-l = l.bind(I18n);
-export { t, l };
-
-export function initTranslationWithoutStore() {
-    reactI18nify.I18n.setTranslationsGetter(function() {
-        return translations;
-    });
-    reactI18nify.I18n.setLocaleGetter(function() {
-        return 'en-GB';
-    });
-}
-initTranslationWithoutStore();

package/src/App/index.js

@@ -1,27 +0,0 @@
-import React from 'react';
-import { Provider } from 'react-redux';
-import { PersistGate } from 'redux-persist/lib/integration/react';
-
-import './setup';
-import './Translations';
-import '../Components/Translations';
-
-import ReduxPersistLoader from './ReduxPersistLoader';
-import ErrorBoundary from './ErrorBoundary';
-
-export class App extends React.Component {
-    render() {
-        const { store, persistor, children } = this.props;
-        return (
-            <ErrorBoundary>
-                <Provider store={store}>
-                    <PersistGate loading={<ReduxPersistLoader />} persistor={persistor}>
-                        {children}
-                    </PersistGate>
-                </Provider>
-            </ErrorBoundary>
-        );
-    }
-}
-
-export default App;

package/src/App/initServices.js

@@ -1,47 +0,0 @@
-import { once } from 'lodash';
-
-import Services from './Services';
-
-export class ServiceStore {
-    static services = {
-        ...Services,
-    };
-
-    static repository = {};
-
-    static get(serviceName) {
-        if (serviceName in ServiceStore.repository) {
-            return ServiceStore.repository[serviceName];
-        }
-        if (serviceName in ServiceStore.services) {
-            return (ServiceStore.repository[serviceName] = new ServiceStore.services[serviceName]());
-        }
-        throw new Error(`Unknown service: ${serviceName}`);
-    }
-
-    static addServiceInstance(serviceName, instance) {
-        ServiceStore.repository[serviceName] = instance;
-    }
-}
-
-class ReduxStoreService {
-    constructor(reduxStore) {
-        this.reduxStore = reduxStore;
-    }
-
-    dispatch = (...args) => {
-        return this.reduxStore.dispatch(...args);
-    };
-
-    getState = () => {
-        return this.reduxStore.getState();
-    };
-
-    get state() {
-        return this.reduxStore.getState();
-    }
-}
-
-export const initReduxStoreService = once(reduxStore => {
-    ServiceStore.addServiceInstance('ReduxStore', new ReduxStoreService(reduxStore));
-});

package/src/App/setup.js

@@ -1,18 +0,0 @@
-/* eslint-disable no-console */
-
-if (process.env.NODE_ENV === 'production') {
-    // disable the following console functions in production mode
-    window.console = window.console || {};
-    console.log = console.info = console.timeEnd = console.time = function() {};
-} else {
-    console.log('* dev mode, console is enabled.');
-}
-
-if (!window.basePath) {
-    const baseElements = document.getElementsByTagName('base');
-    let path = window.location.pathname;
-    if (baseElements.length > 0) {
-        path = baseElements[0].getAttribute('href');
-    }
-    window.basePath = path === '/' ? '' : path.replace(/\/$/, '');
-}

package/src/AppContainer.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import { hot } from 'react-hot-loader';
-import App from './App';
-import { features } from './Screens';
-import { createRoutes } from './App/Routes';
-
-const routes = createRoutes(features);
-
-export const AppContainer = props => <App {...props}>{routes}</App>;
-
-export default hot(module)(AppContainer);

package/src/Components/AddButton.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import Button from '@material-ui/core/Button/Button';
-import AddIcon from '../UIComponents/icons/AddIcon';
-
-const AddButton = props => {
-    const { label, onClick } = props;
-    return (
-        <Button variant="contained" color="primary" size="large" onClick={onClick}>
-            <AddIcon />
-            {label}
-        </Button>
-    );
-};
-
-export default AddButton;

package/src/Components/AppBar.js

@@ -1,64 +0,0 @@
-import React from 'react';
-import withStyles from '@material-ui/core/styles/withStyles';
-
-import Toolbar from '../UIComponents/Toolbar';
-import AppBar from '../UIComponents/AppBar';
-import IconButton from '../UIComponents/IconButton';
-import MenuIcon from '../UIComponents/icons/MenuIcon';
-import Typography from '../UIComponents/Typography';
-
-const styles = {
-    title: {
-        cursor: 'pointer',
-        flexGrow: 1,
-    },
-    menuButton: {
-        marginLeft: -12,
-        marginRight: 20,
-    },
-    licenseBuy: {
-        cursor: 'pointer',
-        '&:hover': {
-            textDecoration: 'underline',
-        },
-    },
-    licenseInfo: {
-        height: 30,
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        flexDirection: 'row',
-    },
-    popup: {
-        '& button': {
-            color: '#fff',
-        },
-    },
-};
-
-export default withStyles(styles)(props => {
-    const { title, onClickMenu, onClickTitle, toolbarButtons, classes, licenseInfo, ...otherProps } = props;
-    return (
-        <AppBar position="static" {...otherProps}>
-            <Toolbar>
-                {onClickMenu && (
-                    <IconButton
-                        color="inherit"
-                        aria-label="Menu"
-                        className={classes.menuButton}
-                        onClick={onClickMenu}
-                    >
-                        <MenuIcon />
-                    </IconButton>
-                )}
-                {title && (
-                    <Typography variant="h4" color="inherit" className={classes.title} onClick={onClickTitle}>
-                        {title}
-                    </Typography>
-                )}
-                {toolbarButtons}
-            </Toolbar>
-            {licenseInfo}
-        </AppBar>
-    );
-});

package/src/Components/CallToActionField.js

@@ -1,95 +0,0 @@
-import { newestRequest } from '../Utils/Async/newestRequest';
-import { lazyFetch } from '../Utils/Request/lazyFetch';
-import { URL } from '../Screens/DefaultClient/Reducers/Actions';
-import { connect } from 'react-redux';
-import React, { useEffect, useState } from 'react';
-import { T } from '../App/i18n';
-import { get } from 'lodash';
-import CircularProgress from '@material-ui/core/CircularProgress';
-
-const ctaFields = [
-    {
-        value: 'addToCart',
-        label: 'callToAction.addToCart',
-        id: 'addToCart',
-    },
-    {
-        value: 'requestOffer',
-        label: 'callToAction.requestOffer',
-        id: 'requestOffer',
-    },
-    {
-        value: 'none',
-        label: 'callToAction.none',
-        id: 'none',
-    },
-];
-
-const sourceConfig = {
-    text: function text(_ref) {
-        return _ref.translate === false ? _ref.label : T(_ref.label);
-    },
-    value: 'value',
-};
-
-const loadDefaultClient = newestRequest(async () => {
-    const response = await lazyFetch(URL);
-    return response.data;
-});
-
-export const CallToActionField = connect()(({ renderWrappedInput, fields, dynamicDefaultLabel = true }) => {
-    const [source, setSource] = useState([]);
-    const [loading, setLoading] = useState(false);
-
-    useEffect(() => {
-        (async () => {
-            if (dynamicDefaultLabel) {
-                setLoading(true);
-                const defaultClient = await loadDefaultClient();
-                const defaultCTALabel = T(`callToActionDefault.${get(defaultClient, 'callToAction')}`);
-                setSource([
-                    {
-                        value: '',
-                        label: defaultCTALabel,
-                        id: defaultCTALabel,
-                        translate: false,
-                    },
-                    ...ctaFields,
-                ]);
-                setLoading(false);
-            } else {
-                setSource([
-                    {
-                        value: '',
-                        label: 'Default',
-                        id: 'Default',
-                    },
-                    ...ctaFields,
-                ]);
-            }
-        })();
-    }, []);
-
-    fields[0].calculateProps = () => ({
-        source,
-        sourceConfig,
-        shrinkLabel: true,
-    });
-    return (
-        <div style={{ position: 'relative' }}>
-            {loading && (
-                <CircularProgress
-                    size={24}
-                    style={{
-                        position: 'absolute',
-                        top: '50%',
-                        left: '50%',
-                        marginTop: -12,
-                        marginLeft: -12,
-                    }}
-                />
-            )}
-            {!loading && fields.map(renderWrappedInput)}
-        </div>
-    );
-});

package/src/Components/CopyPaste.js

@@ -1,55 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import _ from 'lodash';
-import { T } from '../App/i18n';
-import RaisedButton from '../UIComponents/RaisedButton';
-
-class CopyPaste extends React.Component {
-    static dataByType = {};
-
-    constructor(props) {
-        super(props);
-        this.type = props.type || 'global';
-    }
-
-    copy = () => {
-        const data = _.cloneDeep(this.props.data);
-        if (!_.isEmpty(data)) {
-            CopyPaste.dataByType[this.type] = data;
-        }
-    };
-
-    paste = () => {
-        const data = _.cloneDeep(CopyPaste.dataByType[this.type]);
-        this.props.paste(data);
-    };
-
-    render() {
-        const disabled = _.isEmpty(CopyPaste.dataByType[this.type]);
-
-        return (
-            <div style={this.props.style}>
-                <RaisedButton
-                    label={T('Copy')}
-                    primary={true}
-                    onClick={this.copy}
-                    id="copy"
-                    style={{ marginRight: 10 }}
-                />
-                <RaisedButton
-                    label={T('Paste')}
-                    primary={true}
-                    onClick={this.paste}
-                    disabled={disabled}
-                    id="paste"
-                />
-            </div>
-        );
-    }
-}
-
-CopyPaste.propTypes = {
-    paste: PropTypes.func,
-};
-
-export default CopyPaste;

package/src/Components/DefaultConnectedForm.js

@@ -1,85 +0,0 @@
-import React from 'react';
-import { connect } from 'react-redux';
-
-import { generateDefaultForm } from './DefaultForm';
-
-export const generateMappings = (
-    entityReducerName,
-    setFieldDataAction,
-    postDataAction,
-    hideDetailsAction = () => undefined,
-    triggerCustomAction = () => undefined
-) => ({
-    mapStateToProps: state => {
-        const entityState = state[entityReducerName];
-        return {
-            entityState,
-        };
-    },
-
-    mapDispatchToProps: dispatch => {
-        return {
-            setData: (field, value) => dispatch(setFieldDataAction(field, value)),
-            postData: postDataAction && ((...args) => dispatch(postDataAction(...args))),
-            hideDetails: () => dispatch(hideDetailsAction()),
-            onAction: (type, data) => dispatch(triggerCustomAction(type, data)),
-        };
-    },
-});
-
-export const connectDefault = (
-    ComponentToConnect,
-    entityReducerName,
-    setFieldDataAction,
-    postDataAction,
-    hideDetailsAction,
-    triggerCustomAction
-) => {
-    const { mapStateToProps, mapDispatchToProps } = generateMappings(
-        entityReducerName,
-        setFieldDataAction,
-        postDataAction,
-        hideDetailsAction,
-        triggerCustomAction
-    );
-
-    return connect(mapStateToProps, mapDispatchToProps)(ComponentToConnect);
-};
-
-export const generateConnectedForm = (
-    formFields,
-    entityReducerName,
-    setFieldDataAction,
-    postDataAction,
-    hideDetailsAction,
-    triggerCustomAction,
-    config = {}
-) =>
-    connectDefault(
-        generateDefaultForm(formFields, config),
-        entityReducerName,
-        setFieldDataAction,
-        postDataAction,
-        hideDetailsAction,
-        triggerCustomAction
-    );
-
-export default generateConnectedForm;
-
-import { T } from '../App/i18n';
-import RaisedButton from '../UIComponents/RaisedButton';
-
-export const SaveAndStayButton = connect(
-    () => ({}),
-    (dispatch, { postDataAction }) => ({
-        postData: () => {
-            const action = postDataAction(false);
-            return action && dispatch(action);
-        },
-    })
-)(({ postData }) => <RaisedButton label={T('Save and stay')} onClick={postData} id="saveAndStay" />);
-
-export const CancelButton = connect(
-    () => ({}),
-    (dispatch, { hideDetailsAction }) => ({ hideDetails: () => dispatch(hideDetailsAction()) })
-)(({ hideDetails }) => <RaisedButton label={T('Cancel')} onClick={hideDetails} id="cancel" />);