@configuratorware/configurator-admingui 1.41.2 → 1.42.2

package/src/Screens/Dashboard/Screen.js

@@ -1,25 +0,0 @@
-import React, { useEffect } from 'react';
-import { connect } from 'react-redux';
-
-import { T } from '../../App/i18n';
-import './Translations';
-import './Styles.scss';
-import Typography from '@material-ui/core/es/Typography/Typography';
-import { getVersionInformation } from '../SoftwareUpdates/Reducers/Actions';
-
-const Dashboard = ({ getVersionInformation }) => {
-    useEffect(() => {
-        getVersionInformation();
-    }, []);
-    return (
-        <Typography variant={'h5'}>
-            <T>dashboard.text</T>
-        </Typography>
-    );
-};
-
-const mapDispatchToProps = dispatch => ({
-    getVersionInformation: () => dispatch(getVersionInformation()),
-});
-
-export default connect(null, mapDispatchToProps)(Dashboard);

package/src/Screens/Dashboard/Styles.scss

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

package/src/Screens/Dashboard/Translations.js

@@ -1,15 +0,0 @@
-require('../../App/i18n').use(
-    {
-        de: {
-            dashboard: {
-                text: 'Benutze das Menü, um zum Bereich Deiner Wahl zu gelangen.',
-            },
-        },
-        en: {
-            dashboard: {
-                text: 'Choose an area to start editing.',
-            },
-        },
-    },
-    true
-);

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

@@ -1,162 +0,0 @@
-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 PdfMarkDownField from '../../Client/Components/PdfMarkdownField';
-import ColorTextField from '../../Client/Components/ColorTextField';
-
-const formFields = [
-    {
-        name: 'theme',
-        type: SimpleNestedData,
-        fields: [
-            {
-                name: 'highlightColor',
-                label: 'Theme - Highlight color',
-                type: ColorTextField,
-            },
-            {
-                name: 'font',
-                label: 'Theme - Font',
-                type: 'file',
-                accept: '.ttf',
-                showFileName: true,
-                deleteEnabled: true,
-                warningMessage: T('clientFontMessage'),
-            },
-            {
-                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: 'sendOfferRequestMailToCustomer',
-        label: 'Send offer request email to customer',
-        type: 'checkbox',
-    },
-    {
-        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',
-            },
-        ],
-    },
-    {
-        name: 'texts',
-        label: 'termsAndConditionsLink',
-        type: 'intl',
-        intl: {
-            name: 'termsAndConditionsLink',
-            type: 'text',
-        },
-    },
-    {
-        name: 'texts',
-        label: 'dataPrivacyLink',
-        type: 'intl',
-        intl: {
-            name: 'dataPrivacyLink',
-            type: 'text',
-        },
-    },
-    {
-        name: 'customCss',
-        label: 'customCss',
-        type: 'codeEditor',
-        language: 'css',
-    },
-];
-
-const { setFieldData, postData, detailsAction } = Actions;
-
-const BaseForm = generateConnectedEdit(formFields, REDUCER_NAME, setFieldData, postData);
-
-export default withLoadAction(BaseForm, detailsAction);

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

@@ -1,16 +0,0 @@
-import { createClientActions, LIST_KEY } from '../../Client/Reducers/Actions';
-
-export const DATA_KEY = 'defaultClient';
-export const REDUCER_NAME = 'defaultClientData';
-export const URL = 'clients/default';
-
-const actions = createClientActions(LIST_KEY, DATA_KEY, REDUCER_NAME, URL, {
-    getDetailsURL: (params, url) => url,
-});
-
-export default {
-    ...actions,
-    postData: (...args) => dispatch => {
-        return dispatch(actions.postData(...args)).then(() => dispatch(actions.detailsAction()));
-    },
-};

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

@@ -1,45 +0,0 @@
-import { DATA_KEY, REDUCER_NAME } from './Actions';
-import { getDefaultEntityState } from '../../../App/Reducers/Entity/Reducer';
-import { createFeatureReducer } from '../../../App/FeatureReducers';
-import { createClientReducer } from '../../Client/Reducers/Reducer';
-
-const initialState = {
-    ...getDefaultEntityState(
-        {
-            id: null,
-            identifier: '',
-            texts: { value: [], constraints: { presence: true } },
-            theme: {
-                value: {},
-                schema: {
-                    highlightColor: { value: '' },
-                    logo: { value: '' },
-                    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 } },
-            sendOfferRequestMailToCustomer: { value: '' },
-            callToAction: 'addToCart',
-            customCss: '',
-        },
-        null,
-        DATA_KEY
-    ),
-};
-
-const clientData = createFeatureReducer(REDUCER_NAME, createClientReducer(initialState));
-
-export default clientData;

package/src/Screens/DefaultClient/Screen.js

@@ -1,5 +0,0 @@
-import './Translations';
-
-import Edit from './Containers/Edit';
-
-export default Edit;

package/src/Screens/DefaultClient/Translations.js

@@ -1,11 +0,0 @@
-require('../../App/i18n').use(
-    {
-        en: {
-            default_client: 'Basic information & Styling',
-        },
-        de: {
-            default_client: 'Basisinfos & Styling',
-        },
-    },
-    true
-);

package/src/Screens/DefaultClient/index.js

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

package/src/Screens/Demo/Screen.js

@@ -1,92 +0,0 @@
-import React from 'react';
-import { Headline } from '../../Components/GeneralFragments';
-
-import './Styles.scss';
-import Form from '../../Components/Form';
-
-const formFields = [
-    {
-        name: 'identifier',
-        label: 'Identifier',
-        type: 'text',
-    },
-    {
-        name: 'configurable',
-        label: 'Configurable',
-        type: 'toggle',
-    },
-    /*{
-        name: 'deactivated',
-        label: 'Deactivated',
-        type: 'toggle'
-    },*/ {
-        name: 'texts',
-        label: 'Title',
-        type: 'intl',
-        intl: {
-            name: 'title',
-            type: 'text',
-        },
-    },
-    {
-        name: 'date',
-        label: 'Datum',
-        type: 'date',
-        renderValue: dateObj => dateObj && dateObj.date.replace(/\.0+$/, ''),
-    },
-    {
-        name: 'time_created',
-        label: 'Zeit',
-        type: 'time',
-        filterable: true,
-        sortable: true,
-        renderValue: dateObj => dateObj && dateObj.date.replace(/\.0+$/, ''),
-    },
-    {
-        name: 'datetime',
-        label: 'Datum und Zeit',
-        type: 'datetime',
-        renderValue: dateObj => dateObj && dateObj.date.replace(/\.0+$/, ''),
-    },
-];
-
-class Demo extends React.Component {
-    state = {
-        data: {
-            identifier: { value: '' },
-            configurable: { value: '' },
-            texts: { value: [] },
-            date: { value: '2018-12-01' },
-            time_created: {
-                value: '14:55',
-                ampm: 'ampm',
-            },
-            datetime: { value: '2018-12-01T14:55' },
-        },
-    };
-
-    setData = (field, value) => {
-        this.setState(({ data }) => ({
-            data: {
-                ...data,
-                [field]: {
-                    ...data[field],
-                    value,
-                },
-            },
-        }));
-    };
-
-    render() {
-        return (
-            <div>
-                <Headline>
-                    <span className="welcome">Demo Components</span>
-                </Headline>
-                <Form formFields={formFields} data={this.state.data} onChange={this.setData} />
-            </div>
-        );
-    }
-}
-
-export default Demo;

package/src/Screens/Demo/Styles.scss

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

package/src/Screens/Demo/index.js

@@ -1,5 +0,0 @@
-import Screen from './Screen';
-
-export default {
-    Screen,
-};

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

@@ -1,257 +0,0 @@
-import React from 'react';
-import Actions, { REDUCER_NAME } from '../Reducers/Actions';
-import generateConnectedEdit from '../../../Components/DefaultConnectedForm';
-import SimpleNestedData from '../../../Components/FormFragments/SimpleNestedData';
-import Toggle from '../../../Components/FormFragments/Toggle';
-import { T } from '../../../App/i18n';
-import TranslationFinder, { findTranslation } from '../../../Components/TranslationFinder';
-import { LocalizedPriceTextField } from '../../../Components/LocalizedPriceTextField';
-import LocalizedPriceValue from '../../../Components/LocalizedPriceValue';
-
-const formFields = [
-    {
-        name: 'identifier',
-        label: 'Identifier',
-        type: 'text',
-    },
-    {
-        name: 'texts',
-        label: 'Title',
-        type: 'intl',
-        intl: {
-            name: 'title',
-            type: 'text',
-        },
-    },
-    {
-        name: 'options',
-        type: SimpleNestedData,
-        fields: [
-            {
-                name: 'vectorsRequired',
-                label: 'vectorsRequired',
-                type: 'checkbox',
-            },
-            {
-                name: 'vectorizedLogoMandatory',
-                label: 'vectorizedLogoMandatory',
-                type: 'checkbox',
-            },
-            {
-                name: 'visualizationEffect',
-                label: 'Visualization Effect',
-                type: 'select',
-                sourceConfig: {
-                    text: ({ label }) => T(label),
-                    value: 'value',
-                },
-                source: [
-                    { value: 'print', label: 'visualizationEffect.noEffect', id: 'print' },
-                    { value: 'engraving', label: 'visualizationEffect.engraving', id: 'engraving' },
-                    { value: 'embossing', label: 'visualizationEffect.embossing', id: 'embossing' },
-                    {
-                        value: 'color_embossing',
-                        label: 'visualizationEffect.color_embossing',
-                        id: 'color_embossing',
-                    },
-                    { value: 'embroidery', label: 'visualizationEffect.embroidery', id: 'embroidery' },
-                    { value: 'doming', label: 'visualizationEffect.doming', id: 'doming' },
-                ],
-            },
-            {
-                name: 'maxColorAmount',
-                label: 'Maximum Color Amount',
-                type: 'number',
-                emptyValue: null,
-            },
-            {
-                name: 'minFontSize',
-                label: 'Minimum Font Size',
-                type: 'number',
-                helperText: T('designProductionMethod.minimumFontSizeHint'),
-            },
-        ],
-    },
-    {
-        name: 'colorPalettes',
-        label: 'colorPalettes',
-        type: 'dynSource',
-        sourceConfig: {
-            text: 'label',
-            value: 'identifier',
-        },
-        dynSource: {
-            type: 'chip',
-            listKey: 'colorpalettes_autocomplete',
-            url: 'colorpalettes',
-            maxSearchResults: 1000,
-            mapItems: (item, idx, collection, locale) => {
-                return {
-                    ...item,
-                    label: `${findTranslation(item.texts, locale, 'title', item.title)} (${item.identifier})`,
-                };
-            },
-        },
-        useObjects: true,
-    },
-    {
-        name: 'calculationTypes',
-        label: 'calculationType',
-        type: 'array',
-        array: {
-            addButtonLabel: 'designProductionMethod.calculation.addButtonLabel',
-            columns: [
-                {
-                    name: 'identifier',
-                    label: 'Identifier',
-                },
-                {
-                    name: 'texts',
-                    label: 'Title',
-                    renderValue: value => <TranslationFinder data={value} property="title" fallback={''} />,
-                },
-            ],
-            fields: [
-                {
-                    name: 'identifier',
-                    label: 'Identifier',
-                    type: 'text',
-                },
-                {
-                    name: 'texts',
-                    label: 'Title',
-                    type: 'intl',
-                    intl: {
-                        name: 'title',
-                        type: 'text',
-                    },
-                },
-                {
-                    name: 'texts',
-                    label: 'Description',
-                    type: 'intl',
-                    intl: {
-                        name: 'description',
-                        type: 'text',
-                    },
-                    multiLine: true,
-                    rows: 6,
-                },
-                {
-                    name: 'colorAmountDependent',
-                    label: 'colorAmountDependent',
-                    type: 'toggle',
-                },
-                {
-                    name: 'itemAmountDependent',
-                    label: 'itemAmountDependent',
-                    type: ({ onChange, ...props }) => {
-                        return (
-                            <Toggle
-                                {...props}
-                                onChange={(name, checked) => {
-                                    onChange(name, checked);
-                                    onChange('pricePerItem', checked);
-                                }}
-                            />
-                        );
-                    },
-                },
-                {
-                    name: 'pricePerItem',
-                    label: 'pricePerItem',
-                    type: 'toggle',
-                    shouldRender: schema => schema.itemAmountDependent.value,
-                },
-                {
-                    name: 'bulkNameDependent',
-                    label: 'bulkNameDependent',
-                    type: 'toggle',
-                },
-                {
-                    name: 'selectableByUser',
-                    label: 'selectableByUser',
-                    type: 'toggle',
-                },
-                {
-                    name: 'prices',
-                    label: 'Prices',
-                    shouldRender: schema => !schema.itemAmountDependent.value || !schema.pricePerItem.value,
-                    showField: schema => schema.colorAmountDependent.value,
-                    type: 'dynSource',
-                    sourceConfig: {
-                        text: ({ identifier, currency }) =>
-                            `${identifier} / ${currency.symbol} (${currency.iso})`,
-                    },
-                    dynSource: {
-                        type: 'tabs',
-                        reducerName: REDUCER_NAME,
-                        dataSource: 'channels',
-                    },
-                    tabs: {
-                        filterValues: (channel, value) => +channel.id === +value.channel,
-                        assignTabValue: (tabValue, data) => (data.channel = tabValue),
-                        name: 'prices',
-                        type: 'array',
-                        layout: 'groups',
-                        className: 'table',
-                        array: {
-                            disableAdd: ({ parentSchema, value }) => {
-                                const colorAmountDependent =
-                                    parentSchema.colorAmountDependent &&
-                                    parentSchema.colorAmountDependent.value;
-                                const itemAmountDependent =
-                                    parentSchema.itemAmountDependent &&
-                                    parentSchema.itemAmountDependent.value;
-                                return !colorAmountDependent && !itemAmountDependent && value.length > 0;
-                            },
-                            addButtonLabel: 'designProductionMethod.prices.addButtonLabel',
-                            columns: null,
-                            fields: [
-                                {
-                                    name: 'price',
-                                    label: 'Price',
-                                    type: LocalizedPriceTextField,
-                                    renderValue: value => <LocalizedPriceValue data={value} />,
-                                },
-                                {
-                                    name: 'priceNet',
-                                    label: 'Price Net',
-                                    type: LocalizedPriceTextField,
-                                    renderValue: value => <LocalizedPriceValue data={value} />,
-                                },
-                                {
-                                    name: 'colorAmountFrom',
-                                    label: 'colorAmountFrom',
-                                    renderField: schema => schema.colorAmountDependent.value,
-                                    type: 'text',
-                                },
-                                {
-                                    name: 'amountFrom',
-                                    label: 'AmountFrom',
-                                    type: 'text',
-                                },
-                            ],
-                        },
-                    },
-                },
-            ],
-        },
-    },
-];
-const BaseDataForm = generateConnectedEdit(
-    formFields,
-    REDUCER_NAME,
-    Actions.setFieldData,
-    Actions.postData,
-    false,
-    Actions.customAction
-);
-
-const DesignProductionMethodForm = () => (
-    <div>
-        <BaseDataForm />
-    </div>
-);
-
-export default DesignProductionMethodForm;