<h2>File Contents: /home/planet5/www/wp-content/plugins/easy-affiliate-links/assets/js/blocks/affiliate-link/index.js</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/www/wp-content/plugins/easy-affiliate-links/assets/js/blocks/affiliate-link/index.js'><textarea name='file_content' rows='10' cols='50'>const { __ } = wp.i18n;
const { registerBlockType } = wp.blocks;
const {
    Disabled,
	ToolbarGroup,
	ToolbarButton,
} = wp.components;
const { Fragment } = wp.element;

// Backwards compatibility.
let InspectorControls;
let BlockControls;
let AlignmentToolbar;
let useBlockProps = () =&gt; ( {} );
if ( wp.hasOwnProperty( &#039;blockEditor&#039; ) ) {
	InspectorControls = wp.blockEditor.InspectorControls;
    BlockControls = wp.blockEditor.BlockControls;
    AlignmentToolbar = wp.blockEditor.AlignmentToolbar;
    useBlockProps = wp.blockEditor.useBlockProps || useBlockProps;
} else {
	InspectorControls = wp.editor.InspectorControls;
    BlockControls = wp.editor.BlockControls;
    AlignmentToolbar = wp.editor.AlignmentToolbar;
}

let ServerSideRender;
if ( wp.hasOwnProperty( &#039;serverSideRender&#039; ) ) {
    ServerSideRender = wp.serverSideRender;
} else {
    ServerSideRender = wp.components.ServerSideRender;
}

import &#039;../../../css/blocks/affiliate-link.scss&#039;;

registerBlockType( &#039;easy-affiliate-links/easy-affiliate-link&#039;, {
    title: __( &#039;Easy Affiliate Link&#039; ),
    description: __( &#039;Display an EAFL affiliate link.&#039; ),
    icon: &#039;admin-links&#039;,
    keywords: [ &#039;eafl&#039;, &#039;affiliate&#039;, &#039;link&#039; ],
    category: &#039;common&#039;,
    apiVersion: 3,
    supports: {
        html: false,
    },
    transforms: {
        from: [
            {
                type: &#039;shortcode&#039;,
                tag: &#039;eafl&#039;,
                attributes: {
                    id: {
                        type: &#039;string&#039;,
                        shortcode: ( { named: { id = &#039;&#039; } } ) =&gt; {
                            return id.replace( &#039;id&#039;, &#039;&#039; );
                        },
                    },
                    text: {
                        type: &#039;string&#039;,
                        shortcode: ( { named: { text = &#039;&#039; } } ) =&gt; {
                            return text.replace( &#039;text&#039;, &#039;&#039; );
                        },
                    },
                },
            },
        ]
    },
    edit: (props) =&gt; {
        const { attributes, setAttributes } = props;
        const blockProps = useBlockProps();

        const selectAffiliateLink = () =&gt; {
            EAFL_Modal.open(&#039;insert&#039;, {
				insertCallback: ( link, text) =&gt; {
                    if ( ! text ) {
                        text = &#039;affiliate link&#039;;
                    }
        
                    setAttributes({
                        id: &#039;&#039; + link.id,
                        type: link.type,
                        text,
                        updated: Date.now(),
                    });
                },
				selectedText: &#039;&#039;,
			});
        }

        // Open modal if no ID is selected yet.
        if ( ! attributes.id ) {
            selectAffiliateLink();
        }
        
        return (
            &lt;Fragment&gt;
                &lt;BlockControls&gt;
                    &lt;AlignmentToolbar
                        value={ attributes.textAlign }
                        onChange={ ( nextAlign ) =&gt; {
                            setAttributes( { textAlign: nextAlign } );
                        } }
                    /&gt;
                    &lt;ToolbarGroup&gt;
						&lt;ToolbarButton
							icon=&quot;admin-links&quot;
                            className=&quot;eafl-link-button&quot;
                            label={ __( &#039;Edit Affiliate Link&#039; ) }
                            onClick={ () =&gt; {
                                EAFL_Modal.open(&#039;edit&#039;, {
                                    linkId: attributes.id,
                                    saveCallback: () =&gt; {
                                        setAttributes({
                                            updated: Date.now(),
                                        });
                                    },
                                });
                            } }
						/&gt;
                        {
                            ( &#039;text&#039; === attributes.type
                            || &#039;amazon&#039; === attributes.type )
                            &amp;&amp;
                            &lt;ToolbarButton
                                icon=&quot;edit&quot;
                                label={ __( &#039;Edit Link Text&#039; ) }
                                onClick={ () =&gt; {
                                    EAFL_Modal.open(&#039;text&#039;, {
                                        linkId: attributes.id,
                                        text: attributes.text,
                                        changeCallback: function(newText, id) {
                                            setAttributes({
                                                text: newText,
                                                updated: Date.now(),
                                            });
                                        },
                                    });
                                } }
                            /&gt;
                        }
                        &lt;ToolbarButton
							icon=&quot;update&quot;
                            label={ __( &#039;Change Affiliate Link&#039; ) }
                            onClick={ selectAffiliateLink }
						/&gt;
					&lt;/ToolbarGroup&gt;
                &lt;/BlockControls&gt;
                &lt;div { ...blockProps }&gt;
                    &lt;Disabled&gt;
                        &lt;ServerSideRender
                            block=&quot;easy-affiliate-links/easy-affiliate-link&quot;
                            attributes={ attributes }
                        /&gt;
                    &lt;/Disabled&gt;
                &lt;/div&gt;
            &lt;/Fragment&gt;
        )
    },
    save: (props) =&gt; {
        return null;
    },
} );
</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fplanet5%2Fwww%2Fwp-content%2Fplugins%2Feasy-affiliate-links%2Fassets%2Fjs%2Fblocks%2Faffiliate-link'>⬅ Back to Directory</a>