[],
'em' => [],
'b' => [],
'i' => [],
'br' => [],
'span' => [],
];
$desc_allowed = $inline_allowed + [ 'a' => [ 'href' => true, 'target' => true, 'rel' => true ] ];
// --- Media -----------------------------------------------------------------
$media_html = '';
if ( $show_media ) {
$inner_media = '';
if ( 'image' === $media_type ) {
$image = $attributes['image'] ?? [];
$url = (string) ( $image['url'] ?? '' );
if ( '' !== $url ) {
$inner_media = '![' . esc_attr( (string) ( $image['alt'] ?? '' ) ) . '](' . esc_url( $url ) . ')
';
}
} else {
$icon = $attributes['icon'] ?? [];
if ( 'upload' === ( $icon['source'] ?? '' ) && '' !== (string) ( $icon['url'] ?? '' ) ) {
$inner_media = ' . ')
';
} elseif ( '' !== (string) ( $icon['markup'] ?? '' ) ) {
$svg = HTML_Helpers::svg_kses( $icon['markup'] );
if ( '' !== $svg ) {
$inner_media = '' . $svg . '';
}
}
}
if ( '' !== $inner_media ) {
$media_html = '' . $inner_media . '
';
}
}
// --- Text pieces -----------------------------------------------------------
$prefix_html = ( $show_prefix && '' !== trim( $prefix ) )
? '' . wp_kses( $prefix, $inline_allowed ) . ''
: '';
$title_html = '' !== trim( $title )
? '<' . $title_tag . ' class="flexa-info-box__title">' . wp_kses( $title, $inline_allowed ) . ''
: '';
$separator_html = $show_separator ? '' : '';
$description_html = '' !== trim( $description )
? '' . wp_kses( $description, $desc_allowed ) . '
'
: '';
// --- CTA button ------------------------------------------------------------
$button_html = '';
if ( $show_button ) {
$button_text = (string) ( $attributes['buttonText'] ?? '' );
if ( '' !== trim( $button_text ) ) {
$url = (string) ( $attributes['buttonUrl'] ?? '' );
$new_tab = '_blank' === ( $attributes['buttonTarget'] ?? '' );
$rel = trim( (string) ( $attributes['buttonRel'] ?? '' ) );
$link_attrs = 'class="wp-element-button flexa-info-box__button"';
if ( '' !== $url ) {
$link_attrs .= ' href="' . esc_url( $url ) . '"';
}
if ( $new_tab ) {
$link_attrs .= ' target="_blank"';
if ( '' === $rel ) {
$rel = 'noopener noreferrer';
}
}
if ( '' !== $rel ) {
$rel = trim( (string) preg_replace( '/[^a-z0-9 _-]/i', '', $rel ) );
$link_attrs .= ' rel="' . esc_attr( $rel ) . '"';
}
// Resolve the button icon to inline SVG (builtin/library) or an ![]()
(upload).
$icon_cfg = is_array( $attributes['buttonIcon'] ?? null ) ? $attributes['buttonIcon'] : [];
$icon_pos = 'before' === ( $icon_cfg['position'] ?? 'after' ) ? 'before' : 'after';
$icon_svg = '';
if ( 'upload' === ( $icon_cfg['source'] ?? 'none' ) && '' !== (string) ( $icon_cfg['url'] ?? '' ) ) {
$icon_svg = ' . ')
';
} elseif ( 'none' !== ( $icon_cfg['source'] ?? 'none' ) && '' !== (string) ( $icon_cfg['markup'] ?? '' ) ) {
$icon_svg = HTML_Helpers::svg_kses( $icon_cfg['markup'] );
}
$label = '' . wp_kses( $button_text, $inline_allowed ) . '';
$button_inner = '';
if ( '' !== $icon_svg && 'before' === $icon_pos ) {
$button_inner .= $icon_svg;
}
$button_inner .= $label;
if ( '' !== $icon_svg && 'after' === $icon_pos ) {
$button_inner .= $icon_svg;
}
$button_html = '';
}
}
$content_inner = $prefix_html . $title_html . $separator_html . $description_html . $button_html;
if ( '' === $media_html && '' === $content_inner ) {
return;
}
$content_html = '' !== $content_inner ? '' . $content_inner . '
' : '';
// --- Wrapper ---------------------------------------------------------------
$classes = [ 'flexa-info-box', 'flexa-info-box--icon-' . $icon_position ];
if ( 'left' === $icon_position && 'none' !== $stack_on ) {
$classes[] = 'flexa-info-box--stack-' . $stack_on;
}
if ( '' !== $block_id ) {
$classes[] = 'flexa-info-box-' . sanitize_html_class( $block_id );
}
$classes = HTML_Helpers::build_wrapper_classes( $classes, $attributes );
$wrapper_args = [ 'class' => implode( ' ', $classes ) ];
if ( $anchor ) {
$wrapper_args['id'] = sanitize_html_class( $anchor );
}
$wrapper_attributes = get_block_wrapper_attributes( $wrapper_args );
$data_attrs = HTML_Helpers::build_data_attrs( $attributes );
// Lazy background: mark the wrapper so view.js reveals the image near the viewport.
$background = $attributes['background'] ?? [];
$is_lazy_bg = ! empty( $background['lazyLoad'] ) && 'image' === ( $background['type'] ?? 'none' ) && '' !== ( $background['image']['url'] ?? '' );
$lazy_marker = $is_lazy_bg ? ' data-flexa-lazy-bg' : '';
printf(
'<%1$s %2$s%3$s%4$s>%5$s%6$s',
esc_html( $html_tag ),
$wrapper_attributes, // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- built via get_block_wrapper_attributes.
$data_attrs, // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- keys sanitized, values escaped in helper.
$lazy_marker, // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- static literal.
$media_html, // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- icon via svg_kses, image src/alt escaped above.
$content_html // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- text wp_kses'd, button url/rel escaped above.
);