utils->is_step_post_type() ) {
$this->generate_assets();
add_action( 'wp_enqueue_scripts', array( $this, 'block_assets' ), 10 );
add_action( 'wp_head', array( $this, 'frontend_gfonts' ), 120 );
add_action( 'wp_head', array( $this, 'print_stylesheet' ), 80 );
add_action( 'wp_footer', array( $this, 'print_script' ), 1000 );
}
}
/**
* Load the front end Google Fonts.
*/
public function frontend_gfonts() {
if ( empty( self::$gfonts ) ) {
return;
}
$show_google_fonts = apply_filters( 'cf_blocks_show_google_fonts', true );
if ( ! $show_google_fonts ) {
return;
}
$link = '';
$subsets = array();
foreach ( self::$gfonts as $key => $gfont_values ) {
if ( ! empty( $link ) ) {
$link .= '%7C'; // Append a new font to the string.
}
$link .= $gfont_values['fontfamily'];
if ( ! empty( $gfont_values['fontvariants'] ) ) {
$link .= ':';
$link .= implode( ',', $gfont_values['fontvariants'] );
}
if ( ! empty( $gfont_values['fontsubsets'] ) ) {
foreach ( $gfont_values['fontsubsets'] as $subset ) {
if ( ! in_array( $subset, $subsets, true ) ) {
array_push( $subsets, $subset );
}
}
}
}
if ( ! empty( $subsets ) ) {
$link .= '&subset=' . implode( ',', $subsets );
}
if ( isset( $link ) && ! empty( $link ) ) {
echo '';
}
}
/**
* Print the Script in footer.
*/
public function print_script() {
if ( is_null( self::$script ) || '' === self::$script ) {
return;
}
ob_start();
?>
get_generated_stylesheet( $this_post );
}
/**
* Generates stylesheet in loop.
*
* @param object $this_post Current Post Object.
* @since 1.6.15
*/
public function get_generated_stylesheet( $this_post ) {
if ( is_object( $this_post ) && isset( $this_post->ID ) && has_blocks( $this_post->ID ) && isset( $this_post->post_content ) ) {
$blocks = $this->parse( $this_post->post_content );
self::$page_blocks = $blocks;
if ( ! is_array( $blocks ) || empty( $blocks ) ) {
return;
}
$assets = $this->get_assets( $blocks );
self::$stylesheet .= $assets['css'];
self::$script .= $assets['js'];
}
}
/**
* Enqueue Gutenberg block assets for both frontend + backend.
*
* @since 1.6.15
*/
public function block_assets() {
$block_list_for_assets = self::$current_block_list;
$blocks = Cartflows_Block_Config::get_block_attributes();
foreach ( $block_list_for_assets as $key => $curr_block_name ) {
$js_assets = ( isset( $blocks[ $curr_block_name ]['js_assets'] ) ) ? $blocks[ $curr_block_name ]['js_assets'] : array();
$css_assets = ( isset( $blocks[ $curr_block_name ]['css_assets'] ) ) ? $blocks[ $curr_block_name ]['css_assets'] : array();
foreach ( $js_assets as $asset_handle => $val ) {
// Scripts.
wp_enqueue_script( $val );
}
foreach ( $css_assets as $asset_handle => $val ) {
// Styles.
wp_enqueue_style( $val );
}
}
}
/**
* Parse Guten Block.
*
* @param string $content the content string.
* @since 1.6.15
*/
public function parse( $content ) {
global $wp_version;
return ( version_compare( $wp_version, '5', '>=' ) ) ? parse_blocks( $content ) : gutenberg_parse_blocks( $content );
}
/**
* Generates stylesheet for reusable blocks.
*
* @param array $blocks Blocks array.
* @since 1.6.15
*/
public function get_assets( $blocks ) {
$desktop = '';
$tablet = '';
$mobile = '';
$tab_styling_css = '';
$mob_styling_css = '';
$js = '';
foreach ( $blocks as $i => $block ) {
if ( is_array( $block ) ) {
if ( '' === $block['blockName'] ) {
continue;
}
if ( 'core/block' === $block['blockName'] ) {
$id = ( isset( $block['attrs']['ref'] ) ) ? $block['attrs']['ref'] : 0;
if ( $id ) {
$content = get_post_field( 'post_content', $id );
$reusable_blocks = $this->parse( $content );
$assets = $this->get_assets( $reusable_blocks );
self::$stylesheet .= $assets['css'];
self::$script .= $assets['js'];
}
} else {
$block_assets = $this->get_block_css_and_js( $block );
// Get CSS for the Block.
$css = $block_assets['css'];
if ( isset( $css['desktop'] ) ) {
$desktop .= $css['desktop'];
$tablet .= $css['tablet'];
$mobile .= $css['mobile'];
}
$js .= $block_assets['js'];
}
}
}
if ( ! empty( $tablet ) ) {
$tab_styling_css .= '@media only screen and (max-width: ' . CF_TABLET_BREAKPOINT . 'px) {';
$tab_styling_css .= $tablet;
$tab_styling_css .= '}';
}
if ( ! empty( $mobile ) ) {
$mob_styling_css .= '@media only screen and (max-width: ' . CF_MOBILE_BREAKPOINT . 'px) {';
$mob_styling_css .= $mobile;
$mob_styling_css .= '}';
}
return array(
'css' => $desktop . $tab_styling_css . $mob_styling_css,
'js' => $js,
);
}
/**
* Get Typography Dynamic CSS.
*
* @param array $attr The Attribute array.
* @param string $slug The field slug.
* @param string $selector The selector array.
* @param array $combined_selectors The combined selector array.
* @since 1.6.15
* @return bool|string
*/
public static function get_typography_css( $attr, $slug, $selector, $combined_selectors ) {
$typo_css_desktop = array();
$typo_css_tablet = array();
$typo_css_mobile = array();
$already_selectors_desktop = ( isset( $combined_selectors['desktop'][ $selector ] ) ) ? $combined_selectors['desktop'][ $selector ] : array();
$already_selectors_tablet = ( isset( $combined_selectors['tablet'][ $selector ] ) ) ? $combined_selectors['tablet'][ $selector ] : array();
$already_selectors_mobile = ( isset( $combined_selectors['mobile'][ $selector ] ) ) ? $combined_selectors['mobile'][ $selector ] : array();
$family_slug = ( '' === $slug ) ? 'fontFamily' : $slug . 'FontFamily';
$weight_slug = ( '' === $slug ) ? 'fontWeight' : $slug . 'FontWeight';
$transform_slug = ( '' === $slug ) ? 'fontTransform' : $slug . 'Transform';
$decoration_slug = ( '' === $slug ) ? 'fontDecoration' : $slug . 'Decoration';
$style_slug = ( '' === $slug ) ? 'fontStyle' : $slug . 'FontStyle';
$l_ht_slug = ( '' === $slug ) ? 'lineHeight' : $slug . 'LineHeight';
$f_sz_slug = ( '' === $slug ) ? 'fontSize' : $slug . 'FontSize';
$l_ht_type_slug = ( '' === $slug ) ? 'lineHeightType' : $slug . 'LineHeightType';
$f_sz_type_slug = ( '' === $slug ) ? 'fontSizeType' : $slug . 'FontSizeType';
$l_sp_slug = ( '' === $slug ) ? 'letterSpacing' : $slug . 'LetterSpacing';
$l_sp_type_slug = ( '' === $slug ) ? 'letterSpacingType' : $slug . 'LetterSpacingType';
$text_transform = isset( $attr[ $transform_slug ] ) ? $attr[ $transform_slug ] : 'normal';
$text_decoration = isset( $attr[ $decoration_slug ] ) ? $attr[ $decoration_slug ] : 'none';
$font_style = isset( $attr[ $style_slug ] ) ? $attr[ $style_slug ] : 'normal';
$typo_css_desktop[ $selector ] = array(
'font-family' => $attr[ $family_slug ],
'text-transform' => $text_transform,
'text-decoration' => $text_decoration,
'font-style' => $font_style,
'font-weight' => $attr[ $weight_slug ],
'font-size' => ( isset( $attr[ $f_sz_slug ] ) ) ? self::get_css_value( $attr[ $f_sz_slug ], $attr[ $f_sz_type_slug ] ) : '',
'line-height' => ( isset( $attr[ $l_ht_slug ] ) ) ? self::get_css_value( $attr[ $l_ht_slug ], $attr[ $l_ht_type_slug ] ) : '',
'letter-spacing' => ( isset( $attr[ $l_sp_slug ] ) ) ? self::get_css_value( $attr[ $l_sp_slug ], $attr[ $l_sp_type_slug ] ) : '',
);
$typo_css_desktop[ $selector ] = array_merge(
$typo_css_desktop[ $selector ],
$already_selectors_desktop
);
$typo_css_tablet[ $selector ] = array(
'font-size' => ( isset( $attr[ $f_sz_slug . 'Tablet' ] ) ) ? self::get_css_value( $attr[ $f_sz_slug . 'Tablet' ], $attr[ $f_sz_type_slug ] ) : '',
'line-height' => ( isset( $attr[ $l_ht_slug . 'Tablet' ] ) ) ? self::get_css_value( $attr[ $l_ht_slug . 'Tablet' ], $attr[ $l_ht_type_slug ] ) : '',
'letter-spacing' => ( isset( $attr[ $l_sp_slug . 'Tablet' ] ) ) ? self::get_css_value( $attr[ $l_sp_slug . 'Tablet' ], $attr[ $l_sp_type_slug ] ) : '',
);
$typo_css_tablet[ $selector ] = array_merge(
$typo_css_tablet[ $selector ],
$already_selectors_tablet
);
$typo_css_mobile[ $selector ] = array(
'font-size' => ( isset( $attr[ $f_sz_slug . 'Mobile' ] ) ) ? self::get_css_value( $attr[ $f_sz_slug . 'Mobile' ], $attr[ $f_sz_type_slug ] ) : '',
'line-height' => ( isset( $attr[ $l_ht_slug . 'Mobile' ] ) ) ? self::get_css_value( $attr[ $l_ht_slug . 'Mobile' ], $attr[ $l_ht_type_slug ] ) : '',
'letter-spacing' => ( isset( $attr[ $l_sp_slug . 'Mobile' ] ) ) ? self::get_css_value( $attr[ $l_sp_slug . 'Mobile' ], $attr[ $l_sp_type_slug ] ) : '',
);
$typo_css_mobile[ $selector ] = array_merge(
$typo_css_mobile[ $selector ],
$already_selectors_mobile
);
return array(
'desktop' => array_merge(
$combined_selectors['desktop'],
$typo_css_desktop
),
'tablet' => array_merge(
$combined_selectors['tablet'],
$typo_css_tablet
),
'mobile' => array_merge(
$combined_selectors['mobile'],
$typo_css_mobile
),
);
}
/**
* Get CSS value
*
* Syntax:
*
* get_css_value( VALUE, UNIT );
*
* E.g.
*
* get_css_value( VALUE, 'em' );
*
* @param string $value CSS value.
* @param string $unit CSS unit.
* @since 1.6.15
*/
public static function get_css_value( $value = '', $unit = '' ) {
$css_val = '';
if ( '' !== $value ) {
$css_val = esc_attr( $value ) . $unit;
}
return $css_val;
}
/**
* Parse CSS into correct CSS syntax.
*
* @param array $combined_selectors The combined selector array.
* @param string $id The selector ID.
* @since 1.6.15
*/
public static function generate_all_css( $combined_selectors, $id ) {
return array(
'desktop' => self::generate_css( $combined_selectors['desktop'], $id ),
'tablet' => self::generate_css( $combined_selectors['tablet'], $id ),
'mobile' => self::generate_css( $combined_selectors['mobile'], $id ),
);
}
/**
* Parse CSS into correct CSS syntax.
*
* @param array $selectors The block selectors.
* @param string $id The selector ID.
* @since 1.6.15
*/
public static function generate_css( $selectors, $id ) {
$styling_css = '';
if ( ! empty( $selectors ) ) {
foreach ( $selectors as $key => $value ) {
$css = '';
foreach ( $value as $j => $val ) {
if ( 'font-family' === $j && 'Default' === $val ) {
continue;
}
if ( ! empty( $val ) && is_array( $val ) ) {
foreach ( $val as $key => $css_value ) {
$css .= $key . ': ' . $css_value . ';';
}
} elseif ( ! empty( $val ) || 0 === $val ) {
if ( 'font-family' === $j ) {
$css .= $j . ': "' . $val . '";';
} else {
$css .= $j . ': ' . $val . ';';
}
}
}
if ( ! empty( $css ) ) {
$styling_css .= $id;
$styling_css .= $key . '{';
$styling_css .= $css . '}';
}
}
}
return $styling_css;
}
/**
* Adds Google fonts all blocks.
*
* @param array $load_google_font the blocks attr.
* @param string $font_family the blocks attr.
* @param array $font_weight the blocks attr.
* @param array $font_subset the blocks attr.
*/
public static function blocks_google_font( $load_google_font, $font_family, $font_weight, $font_subset ) {
if ( true === $load_google_font ) {
if ( ! array_key_exists( $font_family, self::$gfonts ) ) {
$add_font = array(
'fontfamily' => $font_family,
'fontvariants' => ( isset( $font_weight ) && ! empty( $font_weight ) ? array( $font_weight ) : array() ),
'fontsubsets' => ( isset( $font_subset ) && ! empty( $font_subset ) ? array( $font_subset ) : array() ),
);
self::$gfonts[ $font_family ] = $add_font;
} else {
if ( isset( $font_weight ) && ! empty( $font_weight ) && ! in_array( $font_weight, self::$gfonts[ $font_family ]['fontvariants'], true ) ) {
array_push( self::$gfonts[ $font_family ]['fontvariants'], $font_weight );
}
if ( isset( $font_subset ) && ! empty( $font_subset ) && ! in_array( $font_subset, self::$gfonts[ $font_family ]['fontsubsets'], true ) ) {
array_push( self::$gfonts[ $font_family ]['fontsubsets'], $font_subset );
}
}
}
}
/**
* Generates CSS recurrsively.
*
* @param object $block The block object.
* @since 1.6.15
*/
public function get_block_css_and_js( $block ) {
$block = (array) $block;
$name = $block['blockName'];
$css = array();
$js = '';
$block_id = '';
if ( isset( $name ) ) {
if ( isset( $block['attrs'] ) && is_array( $block['attrs'] ) ) {
$blockattr = $block['attrs'];
if ( isset( $blockattr['block_id'] ) ) {
$block_id = $blockattr['block_id'];
}
}
self::$current_block_list[] = $name;
if ( strpos( $name, 'wcfb/' ) !== false ) {
self::$cf_flag = true;
}
switch ( $name ) {
case 'wcfb/next-step-button':
$css = Cartflows_Block_Helper::get_next_step_button_css( $blockattr, $block_id );
Cartflows_Block_JS::blocks_next_step_button_gfont( $blockattr );
break;
case 'wcfb/order-detail-form':
$css = Cartflows_Block_Helper::get_order_detail_form_css( $blockattr, $block_id );
Cartflows_Block_JS::blocks_order_detail_form_gfont( $blockattr );
break;
case 'wcfb/checkout-form':
$css = Cartflows_Block_Helper::get_checkout_form_css( $blockattr, $block_id );
Cartflows_Block_JS::blocks_checkout_form_gfont( $blockattr );
break;
case 'wcfb/optin-form':
$css = Cartflows_Block_Helper::get_optin_form_css( $blockattr, $block_id );
Cartflows_Block_JS::blocks_optin_form_gfont( $blockattr );
break;
default:
// Nothing to do here.
break;
}
if ( isset( $block['innerBlocks'] ) ) {
foreach ( $block['innerBlocks'] as $j => $inner_block ) {
if ( 'core/block' === $inner_block['blockName'] ) {
$id = ( isset( $inner_block['attrs']['ref'] ) ) ? $inner_block['attrs']['ref'] : 0;
if ( $id ) {
$content = get_post_field( 'post_content', $id );
$reusable_blocks = $this->parse( $content );
$assets = $this->get_assets( $reusable_blocks );
self::$stylesheet .= $assets['css'];
self::$script .= $assets['js'];
}
} else {
// Get CSS for the Block.
$inner_assets = $this->get_block_css_and_js( $inner_block );
$inner_block_css = $inner_assets['css'];
$css_desktop = ( isset( $css['desktop'] ) ? $css['desktop'] : '' );
$css_tablet = ( isset( $css['tablet'] ) ? $css['tablet'] : '' );
$css_mobile = ( isset( $css['mobile'] ) ? $css['mobile'] : '' );
if ( isset( $inner_block_css['desktop'] ) ) {
$css['desktop'] = $css_desktop . $inner_block_css['desktop'];
$css['tablet'] = $css_tablet . $inner_block_css['tablet'];
$css['mobile'] = $css_mobile . $inner_block_css['mobile'];
}
$js .= $inner_assets['js'];
}
}
}
self::$current_block_list = array_unique( self::$current_block_list );
}
return array(
'css' => $css,
'js' => $js,
);
}
/**
* Border attribute generation Function.
*
* @since 2.0.0-beta.3
* @param array $prefix Attribute Prefix.
* @param array $default_args default attributes args.
* @return array
*/
public function generate_php_border_attribute( $prefix, $default_args = array() ) {
$border_attr = array();
$device = array( '', 'Tablet', 'Mobile' );
foreach ( $device as $slug => $data ) {
$border_attr[ "{$prefix}BorderTopWidth{$data}" ] = array(
'type' => 'number',
);
$border_attr[ "{$prefix}BorderLeftWidth{$data}" ] = array(
'type' => 'number',
);
$border_attr[ "{$prefix}BorderRightWidth{$data}" ] = array(
'type' => 'number',
);
$border_attr[ "{$prefix}BorderBottomWidth{$data}" ] = array(
'type' => 'number',
);
$border_attr[ "{$prefix}BorderTopLeftRadius{$data}" ] = array(
'type' => 'number',
);
$border_attr[ "{$prefix}BorderTopRightRadius{$data}" ] = array(
'type' => 'number',
);
$border_attr[ "{$prefix}BorderBottomLeftRadius{$data}" ] = array(
'type' => 'number',
);
$border_attr[ "{$prefix}BorderBottomRightRadius{$data}" ] = array(
'type' => 'number',
);
$border_attr[ "{$prefix}BorderRadiusUnit{$data}" ] = array(
'type' => 'number',
);
}
$border_attr[ "{$prefix}BorderStyle" ] = array(
'type' => 'string',
);
$border_attr[ "{$prefix}BorderColor" ] = array(
'type' => 'string',
);
$border_attr[ "{$prefix}BorderHColor" ] = array(
'type' => 'string',
);
$border_attr[ "{$prefix}BorderLink" ] = array(
'type' => 'boolean',
'default' => true,
);
$border_attr[ "{$prefix}BorderRadiusLink" ] = array(
'type' => 'boolean',
'default' => true,
);
return $border_attr;
}
/**
* Generate advanced settings clsses.
*
* @param array $attributes Blocks Attribute.
* @return array
*/
public function generate_advanced_setting_classes( $attributes ) {
$is_visible = array_key_exists( 'UAGHideDesktop', $attributes ) || array_key_exists( 'UAGHideTab', $attributes ) || array_key_exists( 'UAGHideMob', $attributes );
$desktop_class = $is_visible && isset( $attributes['UAGHideDesktop'] ) ? 'uag-hide-desktop' : '';
$tab_class = $is_visible && isset( $attributes['UAGHideTab'] ) ? 'uag-hide-tab' : '';
$mob_class = $is_visible && isset( $attributes['UAGHideMob'] ) ? 'uag-hide-mob' : '';
$zindex_wrap = array();
$zindex_extention_enabled = ( isset( $attributes['zIndex'] ) || isset( $attributes['zIndexTablet'] ) || isset( $attributes['zIndexMobile'] ) );
$zindex_desktop = $zindex_extention_enabled && isset( $attributes['zIndex'] ) ? '--z-index-desktop:' . $attributes['zIndex'] . ';' : false;
$zindex_tablet = $zindex_extention_enabled && isset( $attributes['zIndexTablet'] ) ? '--z-index-tablet:' . $attributes['zIndexTablet'] . ';' : false;
$zindex_mobile = $zindex_extention_enabled && isset( $attributes['zIndexMobile'] ) ? '--z-index-mobile:' . $attributes['zIndexMobile'] . ';' : false;
if ( $zindex_desktop ) {
array_push( $zindex_wrap, $zindex_desktop );
}
if ( $zindex_tablet ) {
array_push( $zindex_wrap, $zindex_tablet );
}
if ( $zindex_mobile ) {
array_push( $zindex_wrap, $zindex_mobile );
}
return array(
'desktop_class' => $desktop_class,
'tab_class' => $tab_class,
'mob_class' => $mob_class,
'zindex_wrap' => $zindex_wrap,
'zindex_extention_enabled' => $zindex_extention_enabled,
);
}
}
/**
* Prepare if class 'Cartflows_Gb_Helper' exist.
* Kicking this off by calling 'get_instance()' method
*/
Cartflows_Gb_Helper::get_instance();
}