@configuratorware/configurator-frontendgui 1.49.9 → 1.50.0

package/src/App/Modules/Creator/Components/SavedConfiguration/Styles.scss

@@ -1,19 +0,0 @@
-@media screen {
-  .savedconfiguration {
-    display: none;
-  }
-}
-
-@media print {
-  .savedconfiguration {
-    padding-top: 30px;
-
-    .savedconfiguration-code {
-      font-size: 26px;
-      font-weight: bold;
-    }
-    .savedconfiguration-link {
-      font-weight: bold;
-    }
-  }
-}

package/src/App/Modules/Creator/Components/SavedConfiguration/index.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import './Styles.scss';
-import get from 'lodash/get';
-
-import { T } from 'Framework/i18n';
-import PropTypes from 'prop-types';
-
-class SavedConfiguration extends React.Component {
-    static propTypes = {
-        savedconfiguration: PropTypes.object,
-    };
-
-    render() {
-        const { savedconfiguration } = this.props;
-
-        const code = get(savedconfiguration, 'code', false);
-        const link = get(savedconfiguration, 'shareLink', false);
-
-        return (
-            <div className="savedconfiguration">
-                {code && (
-                    <div>
-                        {T('savedConfiguration.code')} <span className="savedconfiguration-code">{code}</span>
-                    </div>
-                )}
-                {link && (
-                    <div>
-                        {T('savedConfiguration.sharingLink')}{' '}
-                        <span className="savedconfiguration-link">{link}</span>
-                    </div>
-                )}
-            </div>
-        );
-    }
-}
-
-export default SavedConfiguration;

package/src/App/Modules/Creator/Components/ShareConfiguration/Styles.scss

@@ -1,23 +0,0 @@
-.shareconfiguration {
-
-  .shareconfiguration-link {
-    padding: 10px 0;
-    text-align: center;
-    font-weight: bold;
-    display: block;
-  }
-
-  .shareconfiguration-media {
-    text-align: center;
-    font-size: 2em;
-
-    a {
-      padding: 0 15px;
-    }
-  }
-
-  .hidden-email-share-iframe {
-    visibility: hidden;
-    position: absolute;
-  }
-}

package/src/App/Modules/Creator/Components/ShareConfiguration/index.js

@@ -1,161 +0,0 @@
-import React from 'react';
-import { T, translateComponent } from 'Framework/i18n';
-
-import './Styles.scss';
-import { getComponent } from 'App/configuration';
-import PropTypes from 'prop-types';
-
-export const ShareOnMedia = translateComponent(
-    class extends React.Component {
-        static propTypes = {
-            previewImageURL: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-            url: PropTypes.string,
-            onClick: PropTypes.func,
-            t: PropTypes.func,
-        };
-
-        onClick = (evt, type) => {
-            if (this.props.onClick) {
-                const { url } = this.props;
-                this.props.onClick(evt, type, url);
-            }
-        };
-
-        onClickEmail = evt => this.onClick(evt, 'email');
-        onClickFacebook = evt => this.onClick(evt, 'facebook');
-        onClickTwitter = evt => this.onClick(evt, 'twitter');
-        onClickPinterest = evt => this.onClick(evt, 'pinterest');
-
-        render() {
-            const { props } = this;
-            const urlEncoded = encodeURIComponent(props.url);
-
-            const imgUrl = props.previewImageURL !== false ? props.previewImageURL : '';
-            const imgUrlEncoded = encodeURIComponent(imgUrl);
-            const facebookLink = `https://www.facebook.com/sharer/sharer.php?u=${urlEncoded}`;
-            const twitterLink = `https://twitter.com/intent/tweet?text=${props.t(
-                'share.twitter.text'
-            )}&url=${urlEncoded}`;
-            const pinterestLink = `https://pinterest.com/pin/create/button/?url=${urlEncoded}&media=${imgUrlEncoded}&description=`;
-            const emailLink = `mailto:?subject=${props.t('share.email.subject')}&body=${props
-                .t('share.email.body')
-                .replace(/{shareLink}/g, props.url)}`;
-
-            // the hiden iframe is to prevent triggering of unBeforeUnload in Chrome
-            // see https://stackoverflow.com/questions/9740510/mailto-link-in-chrome-is-triggering-window-onbeforeunload-can-i-prevent-this
-
-            return (
-                <div className="shareconfiguration-media">
-                    <a
-                        className="email share-email"
-                        href={emailLink}
-                        target="hidden-email-share-iframe"
-                        onClick={this.onClickEmail}
-                    >
-                        <i className="ion-ios-email-outline" />
-                    </a>
-                    <iframe name="hidden-email-share-iframe" className="hidden-email-share-iframe" />
-
-                    <a
-                        className="facebook share-facebook"
-                        href={facebookLink}
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        onClick={this.onClickFacebook}
-                    >
-                        <i className="ion-social-facebook-outline" />
-                    </a>
-                    <a
-                        className="twitter share-twitter"
-                        href={twitterLink}
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        onClick={this.onClickTwitter}
-                    >
-                        <i className="ion-social-twitter-outline" />
-                    </a>
-                    <a
-                        className="pinterest share-pinterest"
-                        href={pinterestLink}
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        onClick={this.onClickPinterest}
-                    >
-                        <i className="ion-social-pinterest-outline" />
-                    </a>
-                </div>
-            );
-        }
-    }
-);
-
-class ShareConfiguration extends React.Component {
-    static propTypes = {
-        workInProgress: PropTypes.bool,
-        errorMessage: PropTypes.string,
-        code: PropTypes.string,
-        previewImageURL: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-        shareUrl: PropTypes.string,
-        show: PropTypes.bool,
-        onClose: PropTypes.func,
-        onClickShareButton: PropTypes.func,
-        children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
-    };
-
-    render() {
-        const Dialog = getComponent('Dialog');
-        const {
-            workInProgress,
-            errorMessage,
-            code,
-            show,
-            onClose,
-            onClickShareButton,
-            children,
-        } = this.props;
-        let { shareUrl, previewImageURL } = this.props;
-        if (!shareUrl) {
-            // if not present trying to generate one..
-            shareUrl = window.location.href.match(/.+\//).toString() + 'code:' + code;
-        }
-        return (
-            <Dialog
-                show={show}
-                relativeTo="parent"
-                overlay={true}
-                onClose={onClose}
-                animation="grow"
-                title="shareConfiguration.dialogTitle"
-                className="shareconfiguration-dialog"
-            >
-                {children || (
-                    <div className="shareconfiguration">
-                        {workInProgress && <div>{T('shareConfiguration.savingInProgress')}</div>}
-                        {errorMessage && <div className="error">{T(errorMessage)}</div>}
-                        {!workInProgress && shareUrl && (
-                            <div>
-                                <div>{T('shareConfiguration.successfullySaved')}</div>
-                                <div>{T('shareConfiguration.infoText')}</div>
-                                <a
-                                    href={shareUrl}
-                                    target="_blank"
-                                    rel="noopener noreferrer"
-                                    className="shareconfiguration-link"
-                                >
-                                    {shareUrl}
-                                </a>
-                                <ShareOnMedia
-                                    url={shareUrl}
-                                    previewImageURL={previewImageURL}
-                                    onClick={onClickShareButton}
-                                />
-                            </div>
-                        )}
-                    </div>
-                )}
-            </Dialog>
-        );
-    }
-}
-
-export default ShareConfiguration;

package/src/App/Modules/Creator/Components/StockInformation/index.js

@@ -1,39 +0,0 @@
-import React from 'react';
-
-import { T } from 'Framework/i18n';
-import { getComponent } from 'App/configuration';
-import PropTypes from 'prop-types';
-
-export default class StockInformation extends React.Component {
-    static propTypes = {
-        option: PropTypes.object,
-        show: PropTypes.bool,
-    };
-
-    render() {
-        const Dialog = getComponent('Dialog');
-        const { option, show } = this.props;
-        if (!option || !option.stock) {
-            return <div />;
-        }
-        return (
-            <Dialog
-                show={show}
-                title="stockInformation.dialogTitle"
-                relativeTo="parent"
-                overlay={true}
-                onClose={this.onClose}
-                animation="grow"
-                className={'stockinformation-dialog'}
-            >
-                <div className="stockinformation">
-                    <span className="stockinformation-text">
-                        {T('stockInformation.deliveryTime', {
-                            date: <span className="stockinformation-date">{option.stock.deliverytime}</span>,
-                        })}{' '}
-                    </span>
-                </div>
-            </Dialog>
-        );
-    }
-}

package/src/App/Modules/Creator/Components/StoreConfigurationForm/Styles.scss

@@ -1,5 +0,0 @@
-.storeconfigurationform {
-  &.hide {
-    display: none;
-  }
-}

package/src/App/Modules/Creator/Components/StoreConfigurationForm/index.js

@@ -1,73 +0,0 @@
-import React from 'react';
-import { translateComponent } from 'Framework/i18n';
-import get from 'lodash/get';
-
-import './Styles.scss';
-import PropTypes from 'prop-types';
-
-export class StoreConfigurationForm extends React.Component {
-    static propTypes = {
-        show: PropTypes.bool,
-        onStore: PropTypes.func,
-        profile: PropTypes.object,
-    };
-
-    constructor(props) {
-        super(props);
-
-        this.state = {
-            isSaved: false,
-        };
-    }
-
-    componentDidUpdate(prevProps) {
-        this.props.show && !prevProps.show && this.setState({ isSaved: false });
-    }
-
-    onSubmit(e) {
-        e.preventDefault();
-        this.props.onStore(this.nameInput.value).then(action => {
-            this.setState({ isSaved: !get(action, 'data.error') });
-        });
-    }
-
-    render() {
-        const { show, profile } = this.props;
-
-        return (
-            <div className={'storeconfigurationform' + (show ? ' show' : ' hide')}>
-                <div>{this.t('storeConfigurationForm.infoText')}</div>
-
-                {this.state.isSaved ? (
-                    <div>{this.t('storeConfigurationForm.savedText')}</div>
-                ) : (
-                    <form onSubmit={this.onSubmit.bind(this)}>
-                        <input
-                            type="text"
-                            ref={el => (this.nameInput = el)}
-                            placeholder={this.t('storeConfigurationForm.name')}
-                        />
-
-                        <button type="submit" className="primary-button storeconfigurationform-storeButton">
-                            {this.t('storeConfigurationForm.storeButton')}
-                        </button>
-                    </form>
-                )}
-
-                {profile.error && (
-                    <div
-                        className="storeconfigurationform-error"
-                        dangerouslySetInnerHTML={{
-                            __html:
-                                profile.error instanceof Object
-                                    ? JSON.stringify(profile.error)
-                                    : profile.error,
-                        }}
-                    />
-                )}
-            </div>
-        );
-    }
-}
-
-export default translateComponent(StoreConfigurationForm);

package/src/App/Modules/Creator/Components/ValidationResult/Styles.scss

@@ -1,45 +0,0 @@
-@import "Framework/Mixins";
-@import "Resources/Icons/ioniconsExtend";
-
-%iconfix {
-  &:before {
-    position: absolute;
-    left: 0;
-    top: -1px;
-    font-size: 18px;
-  }
-}
-
-.validationresult {
-
-  .validationresult-item {
-    padding: 0 30px 10px 30px;
-    position: relative;
-
-    ul {
-      padding-top: 10px;
-    }
-  }
-
-  .error {
-    color: inherit;
-    @extend %ion-alert-circled;
-    @extend %iconfix;
-
-    &:before, > span {
-      color: red;
-    }
-  }
-
-  .warning {
-    @extend %ion-information-circled;
-    @extend %iconfix;
-  }
-}
-
-.validationresult-dialog {
-  .dialog {
-    max-height: calc(100% - 40px);
-    margin: 20px auto;
-  }
-}

package/src/App/Modules/Creator/Components/ValidationResult/index.js

@@ -1,89 +0,0 @@
-import React from 'react';
-import { T } from 'Framework/i18n';
-import { getComponent } from 'App/configuration';
-
-import './Styles.scss';
-import PropTypes from 'prop-types';
-
-export default class ValidationResult extends React.Component {
-    static propTypes = {
-        validationResult: PropTypes.object,
-        optionclassifications: PropTypes.array,
-        onClose: PropTypes.func,
-        show: PropTypes.bool,
-    };
-
-    renderDataValidation() {
-        const { validationResult, optionclassifications } = this.props;
-
-        if (!validationResult || !validationResult.data) {
-            return [];
-        }
-
-        const errors = [];
-
-        const missingOptions = [];
-        const invalidOptions = [];
-
-        for (let oc of optionclassifications) {
-            const ocv = validationResult.data[oc.identifier];
-
-            if (ocv) {
-                if (ocv.selectedoptions !== true) {
-                    missingOptions.push(oc.title);
-                }
-                for (let option of ocv.options) {
-                    if (option.valid !== true) {
-                        invalidOptions.push(oc.title);
-                    }
-                }
-            }
-        }
-
-        if (missingOptions.length > 0) {
-            errors.push(
-                <div key="requiredoption" className="validationresult-item error requiredoption">
-                    {T('validationResult.requiredOption')}
-                    <ul>
-                        {missingOptions.map((optionTitle, key) => (
-                            <li key={key}>{optionTitle}</li>
-                        ))}
-                    </ul>
-                </div>
-            );
-        }
-
-        if (invalidOptions.length > 0) {
-            errors.push(
-                <div key="invalidoption" className="validationresult-item error invalidoption">
-                    {T('validationResult.invalidOption')}
-                    <ul>
-                        {invalidOptions.map((optionTitle, key) => (
-                            <li key={key}>{optionTitle}</li>
-                        ))}
-                    </ul>
-                </div>
-            );
-        }
-
-        return errors;
-    }
-
-    render() {
-        const Dialog = getComponent('Dialog');
-
-        return (
-            <Dialog
-                show={this.props.show}
-                title="validationResult.dialogTitle"
-                relativeTo="parent"
-                overlay={true}
-                onClose={this.props.onClose}
-                animation="grow"
-                className={'validationresult-dialog'}
-            >
-                <div className="validationresult">{this.renderDataValidation()}</div>
-            </Dialog>
-        );
-    }
-}

package/src/App/Modules/Creator/Components/index.js

@@ -1,51 +0,0 @@
-import Carousel from 'Framework/Components/Carousel';
-import ConfigurationvariantItem from './ConfigurationvariantItem';
-import ConfigurationvariantSelection from './ConfigurationvariantSelection';
-import Dialog from 'Framework/Components/Dialog';
-import FormattedNumber from './FormattedNumber';
-import FormattedPrice from './FormattedPrice';
-import Optiondetail from './Optiondetail';
-import Price from './Price';
-import Tools from './Tools';
-import ShareConfiguration from './ShareConfiguration';
-import SavedConfiguration from './SavedConfiguration';
-import LoadingOverlay from 'Framework/Components/LoadingOverlay';
-import FastConfiguration from './FastConfiguration';
-import FastConfigurationRow from './FastConfigurationRow';
-import FastConfigurationSelect from './FastConfigurationSelect';
-import Incompatibility from './Incompatibility';
-import ValidationResult from './ValidationResult';
-import StockInformation from './StockInformation';
-import DialogSelect from 'Framework/Components/DialogSelect';
-import LoginForm from './LoginForm';
-import StoreConfigurationForm from './StoreConfigurationForm';
-import CustomTitleEditor from './CustomTitleEditor';
-import ExternalVisualization from './ExternalVisualization';
-import Input from 'Framework/Components/Input';
-
-export default {
-    Carousel,
-    ConfigurationvariantItem,
-    ConfigurationvariantSelection,
-    Dialog,
-    FormattedNumber,
-    FormattedPrice,
-    Optiondetail,
-    Price,
-    Tools,
-    ShareConfiguration,
-    SavedConfiguration,
-    LoadingOverlay,
-    FastConfiguration,
-    FastConfigurationRow,
-    FastConfigurationSelect,
-    Incompatibility,
-    ValidationResult,
-    StockInformation,
-    DialogSelect,
-    LoginForm,
-    StoreConfigurationForm,
-    CustomTitleEditor,
-    ExternalVisualization,
-    Input,
-};