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 MyShop Simple Premium WordPress Theme Free - Saranno Campioni
MyThemeShop Simple WordPress Theme

MyThemeShop Simple WordPress Theme

Experience the power of MyThemeShop Simple WordPress Theme, an advanced theme that sets new standards in web development excellence. This professional-grade solution offers unmatched functionality while maintaining the highest standards of quality and performance.

The feature-rich architecture of this theme provides everything you need for modern web development. Advanced SEO optimization, lightning-fast performance, and extensive customization capabilities work together to create an exceptional user experience.

Technical excellence is at the core of this theme. The optimized code structure ensures maximum efficiency, while the scalable design allows for seamless growth and expansion. Every aspect has been carefully crafted for optimal performance.

Choosing this theme means investing in success. Improved website performance, enhanced user satisfaction, and increased business opportunities are among the many benefits you'll experience. The professional implementation ensures consistent results.

This theme represents the perfect solution for developers who demand excellence. Its comprehensive functionality, combined with ease of use, makes it an essential tool for creating outstanding web experiences.

Enterprise, Business, Professional, Advanced, Modern, Scalable, Reliable, Secure.

Download MyThemeShop Simple WordPress T... Now Live Demo

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 WooCommerce Lightspeed POS Integration Elementy – Multipurpose One & Multi Page Template Facmaster – Factory & Industrial WordPress Theme Interique | Interior Design WordPress Theme Deeds2 – Religion and Church WordPress Theme 2025 Charity Home – Fundraising WordPress Theme Physiofy – Physiotherapy and Chiropractic WordPress Theme Popup Maker – Videos Astralla – Horoscope and Astrology WordPress Theme Virtuware – Saas & Digital Company Elementor Kit