onion/js/components/ascribe_forms/acl_form_factory.js

'use strict';

import React from 'react';

import GlobalNotificationModel from '../../models/global_notification_model';
import GlobalNotificationActions from '../../actions/global_notification_actions';

import ConsignForm from '../ascribe_forms/form_consign';
import UnConsignForm from '../ascribe_forms/form_unconsign';
import TransferForm from '../ascribe_forms/form_transfer';
import LoanForm from '../ascribe_forms/form_loan';
import LoanRequestAnswerForm from '../ascribe_forms/form_loan_request_answer';
import ShareForm from '../ascribe_forms/form_share_email';

import withContext from '../context/with_context';
import { currentUserShape } from '../prop_types';

import AppConstants from '../../constants/application_constants';

import { getAclFormMessage, getAclFormDataId } from '../../utils/form';
import { resolveUrl } from '../../utils/url_resolver';

let AclFormFactory = React.createClass({
    propTypes: {
        action: React.PropTypes.oneOf(AppConstants.aclList).isRequired,
        pieceOrEditions: React.PropTypes.oneOfType([
            React.PropTypes.object,
            React.PropTypes.array
        ]).isRequired,

        autoFocusProperty: React.PropTypes.string,
        email: React.PropTypes.string,
        handleSuccess: React.PropTypes.func,
        labels: React.PropTypes.object,
        message: React.PropTypes.string,
        showNotification: React.PropTypes.bool,

        // Injected through HOCs
        currentUser: currentUserShape.isRequired // eslint-disable-line react/sort-prop-types
    },

    isPiece() {
        return this.props.pieceOrEditions.constructor !== Array;
    },

    getFormDataId() {
        return getAclFormDataId(this.isPiece(), this.props.pieceOrEditions);
    },

    showSuccessNotification(response) {
        if (typeof this.props.handleSuccess === 'function') {
            this.props.handleSuccess();
        }

        if (response.notification) {
            const notification = new GlobalNotificationModel(response.notification, 'success');
            GlobalNotificationActions.appendGlobalNotification(notification);
        }
    },

    render() {
        const {
            action,
            autoFocusProperty,
            pieceOrEditions,
            email,
            message,
            labels,
            handleSuccess,
            showNotification,
            currentUser: { username: senderName }
        } = this.props;

        const formMessage = message || getAclFormMessage({
            senderName,
            aclName: action,
            entities: pieceOrEditions,
            isPiece: this.isPiece()
        });

        if (action === 'acl_consign') {
            return (
                <ConsignForm
                    autoFocusProperty={autoFocusProperty}
                    email={email}
                    message={formMessage}
                    labels={labels}
                    id={this.getFormDataId()}
                    url={resolveUrl('ownership_consigns')}
                    handleSuccess={showNotification ? this.showSuccessNotification : handleSuccess} />
            );
        } else if (action === 'acl_unconsign') {
            return (
                <UnConsignForm
                    message={formMessage}
                    id={this.getFormDataId()}
                    url={resolveUrl('ownership_unconsigns')}
                    handleSuccess={showNotification ? this.showSuccessNotification : handleSuccess} />
            );
        } else if (action === 'acl_transfer') {
            return (
                <TransferForm
                    message={formMessage}
                    id={this.getFormDataId()}
                    url={resolveUrl('ownership_transfers')}
                    handleSuccess={showNotification ? this.showSuccessNotification : handleSuccess} />
            );
        } else if (action === 'acl_loan') {
            return (
                <LoanForm
                    email={email}
                    message={formMessage}
                    id={this.getFormDataId()}
                    url={resolveUrl(this.isPiece() ? 'ownership_loans_pieces'
                                                   : 'ownership_loans_editions')}
                    handleSuccess={showNotification ? this.showSuccessNotification : handleSuccess} />
            );
        } else if (action === 'acl_loan_request') {
            return (
                <LoanRequestAnswerForm
                    message={formMessage}
                    id={this.getFormDataId()}
                    url={resolveUrl('ownership_loans_pieces_request_confirm')}
                    handleSuccess={showNotification ? this.showSuccessNotification : handleSuccess} />
            );
        } else if (action === 'acl_share') {
            return (
                <ShareForm
                    message={formMessage}
                    id={this.getFormDataId()}
                    url={resolveUrl(this.isPiece() ? 'ownership_shares_pieces'
                                                   : 'ownership_shares_editions')}
                    handleSuccess={showNotification ? this.showSuccessNotification : handleSuccess} />
            );
        } else {
            throw new Error('Your specified action did not match a form.');
        }
    }
});

export default withContext(AclFormFactory, 'currentUser');