<h2>File Contents: /home/planet5/www/wp-content/plugins/easy-affiliate-links/assets/js/admin-modal/App.js</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/www/wp-content/plugins/easy-affiliate-links/assets/js/admin-modal/App.js'><textarea name='file_content' rows='10' cols='50'>import React, { Component } from &#039;react&#039;;
import Modal from &#039;react-modal&#039;;

// Only if modal is on page.
if ( document.getElementById( &#039;eafl-admin-modal&#039; ) ) {
    Modal.setAppElement( &#039;#eafl-admin-modal&#039; );
}

import &#039;../../css/admin/modal/app.scss&#039;;

import ErrorBoundary from &#039;Shared/ErrorBoundary&#039;;
import { __eafl } from &#039;Shared/Translations&#039;;
const { hooks } = EasyAffiliateLinks.shared;

import BulkEdit from &#039;./bulk-edit&#039;;
import Insert from &#039;./insert&#039;;
import Link from &#039;./link&#039;;
import Text from &#039;./text&#039;;

const contentBlocks = {
    &#039;bulk-edit&#039;: BulkEdit,
    edit: Link,
    create: Link,
    insert: Insert,
    text: Text,
};

export default class App extends Component {
    constructor() {
        super();
    
        this.state = {
            modalIsOpen: false,
            mode: &#039;&#039;,
            args: {},
        };

        this.content = React.createRef();

        this.close = this.close.bind(this);
        this.closeIfAllowed = this.closeIfAllowed.bind(this);
    }

    open( mode, args = {}, forceOpen = false ) {
        if ( forceOpen || ! this.state.modalIsOpen ) {
            this.setState({
                modalIsOpen: true,
                mode,
                args,
            }, () =&gt; {
                window.onbeforeunload = () =&gt; __eafl( &#039;Are you sure you want to leave this page?&#039; );
            });
        }
    }

    close(callback = false) { 
        this.setState({
            modalIsOpen: false,
        }, () =&gt; {
            window.onbeforeunload = null;
            if ( &#039;function&#039; === typeof callback ) {
                callback();
            }
        });
    }

    closeIfAllowed(callback = false) {
        const checkFunction = this.content.current &amp;&amp; this.content.current.hasOwnProperty( &#039;allowCloseModal&#039; ) ? this.content.current.allowCloseModal : false;

        if ( ! checkFunction || checkFunction() ) {
            this.close(callback);
        }
    }

    addTextToEditor( text, editorId ) {
        if (typeof tinyMCE == &#039;undefined&#039; || !tinyMCE.get(editorId) || tinyMCE.get(editorId).isHidden()) {
            var current = jQuery(&#039;textarea#&#039; + editorId).val();
            jQuery(&#039;textarea#&#039; + editorId).val(current + text);
        } else {
            tinyMCE.get(editorId).focus(true);
            tinyMCE.activeEditor.selection.collapse(false);
            tinyMCE.activeEditor.execCommand(&#039;mceInsertContent&#039;, false, text);
        }
    };

    refreshEditor( editorId ) {
        if ( typeof tinyMCE !== &#039;undefined&#039; &amp;&amp; tinyMCE.get(editorId) &amp;&amp; !tinyMCE.get(editorId).isHidden() ) {
            tinyMCE.get(editorId).focus(true);
            tinyMCE.activeEditor.setContent(tinyMCE.activeEditor.getContent());
        }
    };

    render() {
        let allContentBlocks = hooks.applyFilters( &#039;modal&#039;, contentBlocks );
        const Content = allContentBlocks.hasOwnProperty(this.state.mode) ? allContentBlocks[this.state.mode] : false;

        if ( ! Content ) {
            return null;
        }

        return (
            &lt;Modal
                isOpen={ this.state.modalIsOpen }
                onRequestClose={ this.closeIfAllowed }
                overlayClassName=&quot;eafl-admin-modal-overlay&quot;
                className={`eafl-admin-modal eafl-admin-modal-${this.state.mode}`}
            &gt;
                &lt;ErrorBoundary module=&quot;Modal&quot;&gt;
                    &lt;Content
                        ref={ this.content }
                        mode={ this.state.mode }
                        args={ this.state.args }
                        maybeCloseModal={ this.closeIfAllowed }
                    /&gt;
                &lt;/ErrorBoundary&gt;
            &lt;/Modal&gt;
        );
    }
}
</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fplanet5%2Fwww%2Fwp-content%2Fplugins%2Feasy-affiliate-links%2Fassets%2Fjs%2Fadmin-modal'>⬅ Back to Directory</a>