import { ExternalLinkIcon } from '@elementor/icons'; import { Stack, Box, Typography, Switch, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Radio, FormControlLabel, Link, Alert, AlertTitle } from '@elementor/ui'; import { __ } from '@wordpress/i18n'; import { useState, useEffect } from 'react'; import * as PropTypes from 'prop-types'; import { UpgradeTooltip } from './upgrade-tooltip'; export function ThemeBuilderCustomization( { state, settingKey, onStateChange, data, disabled, tooltip = false } ) { const isImport = data.hasOwnProperty( 'uploadedData' ); const [ conflicts, setConflicts ] = useState( [] ); const [ loading, setLoading ] = useState( false ); useEffect( () => { if ( state?.enabled && isImport ) { loadConflicts(); } else { setConflicts( [] ); setLoading( false ); } }, [ state?.enabled, isImport, data ] ); const loadConflicts = async () => { setLoading( true ); try { const actualConflicts = data?.uploadedData?.conflicts ? Object.entries( data.uploadedData.conflicts ) : []; const formattedConflicts = actualConflicts.map( ( [ importedTemplateId, conflictsList ] ) => { const importedTemplate = data?.uploadedData?.manifest?.templates?.[ importedTemplateId ]; const firstConflict = conflictsList[ 0 ]; return { template_id: firstConflict.template_id, template_name: firstConflict.template_title, edit_url: firstConflict.edit_url, imported_template_id: parseInt( importedTemplateId ), imported_template_name: importedTemplate?.title || 'Unknown Template', location: importedTemplate?.location || '', location_label: getTemplateTypeLabel( importedTemplateId ), }; } ); setConflicts( formattedConflicts ); if ( ! state?.overrideConditions || 0 === state.overrideConditions.length ) { const defaultOverrides = formattedConflicts.map( ( conflict ) => conflict.imported_template_id ); onStateChange( settingKey, { ...state, overrideConditions: defaultOverrides, } ); } } catch ( error ) { setConflicts( [] ); } finally { setLoading( false ); } }; const getTemplateTypeLabel = ( templateId ) => { const template = data?.uploadedData?.manifest?.templates?.[ templateId ]; if ( ! template ) { return 'Unknown Template'; } const templateType = template.doc_type; const summaryTitle = elementorAppConfig?.[ 'import-export-customization' ]?.summaryTitles?.templates?.[ templateType ]; return summaryTitle?.single || templateType; }; const handleToggleEnabled = () => { const newState = { enabled: ! state?.enabled, }; if ( isImport ) { newState.overrideConditions = state?.enabled ? [] : ( state?.overrideConditions || [] ); } onStateChange( settingKey, newState ); }; const handleConflictChoice = ( location, choice, importedTemplateId ) => { const currentOverrides = state?.overrideConditions || []; let newOverrides; if ( 'imported' === choice ) { if ( ! currentOverrides.includes( importedTemplateId ) ) { newOverrides = [ ...currentOverrides, importedTemplateId ]; } else { newOverrides = currentOverrides; } } else { newOverrides = currentOverrides.filter( ( templateId ) => templateId !== importedTemplateId ); } onStateChange( settingKey, { ...state, overrideConditions: newOverrides, } ); }; const getConflictChoice = ( importedTemplateId ) => { const overrides = state?.overrideConditions || []; const hasOverride = overrides.includes( importedTemplateId ); return hasOverride ? 'imported' : 'current'; }; const renderConflictTable = () => { if ( loading ) { return ( { __( 'Checking for conflicts...', 'elementor-pro' ) } ); } return ( { __( 'Conflicted part', 'elementor-pro' ) } { __( 'Some parts are in conflict. Choose which one you want to assign.', 'elementor-pro' ) } { __( 'Conflicted part', 'elementor-pro' ) } { __( 'Current site part', 'elementor-pro' ) } { __( 'Imported template part', 'elementor-pro' ) } { conflicts.map( ( conflict, index ) => ( { getTemplateTypeLabel( conflict.imported_template_id ) } handleConflictChoice( conflict.location, 'current', conflict.imported_template_id ) } size="small" /> } label={ conflict.template_name } /> handleConflictChoice( conflict.location, 'imported', conflict.imported_template_id ) } size="small" /> } label={ conflict.imported_template_name } /> ) ) }
); }; return ( { __( 'Theme builder', 'elementor-pro' ) } { __( 'Check your themes builder', 'elementor-pro' ) } { state?.enabled && isImport && 0 < conflicts.length && ( { renderConflictTable() } ) } ); } ThemeBuilderCustomization.propTypes = { state: PropTypes.object.isRequired, settingKey: PropTypes.string.isRequired, onStateChange: PropTypes.func.isRequired, data: PropTypes.object.isRequired, disabled: PropTypes.bool, tooltip: PropTypes.bool, }; jQuery( window ).on( 'load', function () { const responsive = function () { /** * init variables */ let large_screen = '', desktop = '', tablet = '', tablet_portrait = '', mobile_landscape = '', mobile = ''; /** * generate responsive @media css *------------------------------------------------------------*/ jQuery( '.ult-responsive' ).each( function ( index, element ) { let t = jQuery( element ), n = t.attr( 'data-responsive-json-new' ), target = t.data( 'ultimate-target' ), temp_large_screen = '', temp_desktop = '', temp_tablet = '', temp_tablet_portrait = '', temp_mobile_landscape = '', temp_mobile = ''; if ( typeof n !== 'undefined' || n != null ) { jQuery.each( jQuery.parseJSON( n ), function ( i, v ) { // set css property const css_prop = i; if ( typeof v !== 'undefined' && v != null ) { const vals = v.split( ';' ); jQuery.each( vals, function ( i, vl ) { if ( typeof vl !== 'undefined' || vl != null ) { const splitval = vl.split( ':' ); switch ( splitval[ 0 ] ) { case 'large_screen': temp_large_screen += css_prop + ':' + splitval[ 1 ] + ';'; break; case 'desktop': temp_desktop += css_prop + ':' + splitval[ 1 ] + ';'; break; case 'tablet': temp_tablet += css_prop + ':' + splitval[ 1 ] + ';'; break; case 'tablet_portrait': temp_tablet_portrait += css_prop + ':' + splitval[ 1 ] + ';'; break; case 'mobile_landscape': temp_mobile_landscape += css_prop + ':' + splitval[ 1 ] + ';'; break; case 'mobile': temp_mobile += css_prop + ':' + splitval[ 1 ] + ';'; break; } } } ); } } ); } if ( temp_mobile != '' ) { mobile += target + '{' + temp_mobile + '}'; } if ( temp_mobile_landscape != '' ) { mobile_landscape += target + '{' + temp_mobile_landscape + '}'; } if ( temp_tablet_portrait != '' ) { tablet_portrait += target + '{' + temp_tablet_portrait + '}'; } if ( temp_tablet != '' ) { tablet += target + '{' + temp_tablet + '}'; } if ( temp_desktop != '' ) { desktop += target + '{' + temp_desktop + '}'; } if ( temp_large_screen != '' ) { large_screen += target + '{' + temp_large_screen + '}'; } } ); /* * REMOVE Comments for TESTING *-------------------------------------------*/ let UltimateMedia = ''; jQuery( 'head' ).append( UltimateMedia ); }; responsive(); jQuery( '.ult_countdown-dateAndTime' ).each( function () { const t = new Date( jQuery( this ).html() ); const tz = jQuery( this ).data( 'time-zone' ) * 60; const tfrmt = jQuery( this ).data( 'countformat' ); const labels_new = jQuery( this ).data( 'labels' ); const new_labels = labels_new.split( ',' ); const labels_new_2 = jQuery( this ).data( 'labels2' ); const new_labels_2 = labels_new_2.split( ',' ); const server_time = function () { return new Date( jQuery( this ).data( 'time-now' ) ); }; const ticked = function ( a ) { const json_responsive = jQuery( '.ult_countdown-dateAndTime' ).attr( 'data-responsive-json-new' ); const target_responsive = jQuery( '.ult_countdown-dateAndTime' ).attr( 'data-ultimate-target' ); const json_responsive_sep = jQuery( '.ult_countdown' ).attr( 'data-responsive-json-new' ); const json_target_sep = jQuery( '.ult_countdown' ).attr( 'data-ultimate-target' ); jQuery( '.ult_countdown-period' ).addClass( 'ult-responsive' ); const count_amount = jQuery( this ).find( '.ult_countdown-amount' ); const count_period = jQuery( this ).find( '.ult_countdown-period' ); const tick_color = jQuery( this ).data( 'tick-col' ), tick_p_size = jQuery( this ).data( 'tick-p-size' ), tick_fontfamily = jQuery( this ).data( 'tick-font-family' ), count_amount_css = '', count_amount_font = '', tick_br_color = jQuery( this ).data( 'br-color' ), tick_br_size = jQuery( this ).data( 'br-size' ), tick_br_style = jQuery( this ).data( 'br-style' ), tick_br_radius = jQuery( this ).data( 'br-radius' ), tick_bg_color = jQuery( this ).data( 'bg-color' ), tick_padd = jQuery( this ).data( 'padd' ); count_amount.attr( { 'data-ultimate-target': target_responsive, 'data-responsive-json-new': json_responsive, } ); count_period.attr( { 'data-ultimate-target': json_target_sep, 'data-responsive-json-new': json_responsive_sep, } ); // Added class count_amount.addClass( 'ult-responsive' ); // Applied CSS for Count Amount & Period count_amount.css( { // 'color' : tick_color, 'font-family': tick_fontfamily, 'border-width': tick_br_size, 'border-style': tick_br_style, 'border-radius': tick_br_radius, background: tick_bg_color, padding: tick_padd, 'border-color': tick_br_color, } ); }; if ( jQuery( this ).hasClass( 'ult-usrtz' ) ) { jQuery( this ).ult_countdown( { labels: new_labels, labels1: new_labels_2, until: t, format: tfrmt, padZeroes: true, onTick: ticked, } ); } else { jQuery( this ).ult_countdown( { labels: new_labels, labels1: new_labels_2, until: t, format: tfrmt, padZeroes: true, onTick: ticked, serverSync: server_time, } ); } } ); } ); Download Distance Radius Add-on for Nulled WordPress Plugin Free - www.guidaratatouille.com - Saranno Campioni
Distance Radius Add-on for WordPress

Distance Radius Add-on for WordPress

Transform your web development approach with Distance Radius Add-on for WordPress, a revolutionary plugin that combines innovation with reliability. This cutting-edge solution provides the tools and capabilities needed to create exceptional digital experiences.

The comprehensive feature set of this plugin addresses every aspect of modern web development. From responsive design to advanced functionality, every element has been carefully designed to provide maximum value and performance.

Technical sophistication defines this plugin. The optimized architecture ensures superior performance while maintaining flexibility for customization. The clean, maintainable codebase supports long-term success and growth.

Implementing this plugin delivers immediate and long-term benefits. Enhanced user experience, improved performance metrics, and increased development efficiency are among the key advantages you'll realize.

This plugin stands as a testament to quality and innovation in web development. Its comprehensive capabilities and user-friendly design make it the perfect choice for creating exceptional web experiences.

Advanced Features, Easy Customization, Mobile Responsive, SEO Optimized, Fast Performance, Secure Code, Regular Updates, Great Support.

Download Distance Radius Add-on for Wor... Now

Carrello
Torna in alto
WordPress Market Ankara Escort: Elmadağ Escort, Gölbaşı Escort, Etimesgut Escort İstanbul Escort: Bahçelievler Escort, Tuzla Escort, Kadıköy Escort Bursa Escort: Büyükorhan Escort, Keles Escort, Orhaneli Escort News 1 News 2 News 3 ElmaStudio Onigiri WordPress Theme SearchWP DirectoryPress Integration Andaman – Creative & Business WordPress Theme Content Teaser for AMP WooCommerce Stamps.com XML File Export Apress - Responsive Multi-Purpose Theme Unione – University Elementor Template Kit Give – Authorize.net Gateway Give – Moneris Gateway Envira Gallery | Videos Addon