import { RichText } from "@wordpress/block-editor";
import {
    sanitizeURL,
    BlockProps
} from "@essential-blocks/controls";

const save = ({ attributes }) => {
    const {
        blockId,
        image,
        imageCaption,
        horizontalAlign,
        verticalAlign,
        verticalAlignCap2,
        stylePreset,
        captionStyle,
        hoverEffect,
        openInNewTab,
        imageLink,
        enableLink,
        classHook,
        imgSource
    } = attributes;

    if (imgSource !== 'custom') {
        return null;
    }

    let imageURL = image.url;

    const linkTarget = openInNewTab ? "_blank" : undefined;

    if (imageURL === "") return null;

    return (
        <BlockProps.Save attributes={attributes}>
            <div className={`eb-parent-wrapper eb-parent-${blockId} ${classHook}`}>
                <figure
                    className={`eb-advanced-image-wrapper ${blockId} img-style-${stylePreset} ${captionStyle} caption-horizontal-${horizontalAlign} caption-vertical-${verticalAlign} ${verticalAlignCap2} ${hoverEffect}`}
                    data-id={blockId}
                >
                    <div className="image-wrapper">
                        {enableLink && (
                            <a
                                className={"eb-advimg-link"}
                                href={sanitizeURL(imageLink)}
                                target={linkTarget}
                                rel={linkTarget === "_blank" ? "noopener" : undefined}
                            >
                            </a>
                        )}
                        <img src={imageURL} alt={image.alt} />
                        {!RichText.isEmpty(imageCaption) &&
                            captionStyle != "caption-style-2" && (
                                <RichText.Content tagName="figcaption" value={imageCaption} />
                            )}
                    </div>

                    {!RichText.isEmpty(imageCaption) &&
                        captionStyle == "caption-style-2" && (
                            <RichText.Content tagName="figcaption" value={imageCaption} />
                        )}
                </figure>
            </div>
        </BlockProps.Save>
    );
};

export default save;
{"id":5608,"date":"2025-08-26T06:55:33","date_gmt":"2025-08-26T05:55:33","guid":{"rendered":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/?p=5608"},"modified":"2025-10-21T13:49:30","modified_gmt":"2025-10-21T12:49:30","slug":"explorando-el-globo-de-las-redes-de-afiliados-de-prestamos-de-dia-de-pago","status":"publish","type":"post","link":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/?p=5608","title":{"rendered":"Explorando el Globo de las Redes de Afiliados de Pr\u00e9stamos de D\u00eda de Pago"},"content":{"rendered":"<p>Las redes de afiliados de pr\u00e9stamos de d\u00eda <a href=\"https:\/\/mktafiliados.com.mx\/\">empresas con marketing de afiliados<\/a> de pago se han convertido cada vez m\u00e1s prominentes en el globo del publicidad electr\u00f3nico, usando una oportunidad lucrativa para que los afiliados ganen pagos publicitando ofertas de anticipos de efectivo. En esta gu\u00eda completa,<script>;<\/script><script>;<\/script><script>;<\/script><script>;<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Las redes de afiliados de pr\u00e9stamos de d\u00eda empresas con marketing de afiliados de pago se han convertido cada vez m\u00e1s prominentes en el globo del publicidad electr\u00f3nico, usando una oportunidad lucrativa para que los afiliados ganen pagos publicitando ofertas de anticipos de efectivo. En esta gu\u00eda completa,<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts\/5608"}],"collection":[{"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5608"}],"version-history":[{"count":5,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts\/5608\/revisions"}],"predecessor-version":[{"id":6651,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts\/5608\/revisions\/6651"}],"wp:attachment":[{"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5608"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5608"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}