.e-contact-buttons-var-7{--e-contact-buttons-chat-button-padding-block-end:16px;--e-contact-buttons-chat-button-padding-block-start:16px;--e-contact-buttons-chat-button-padding-inline-end:20px;--e-contact-buttons-chat-button-padding-inline-start:20px;--e-contact-buttons-chat-button-gap:8px;--e-contact-buttons-horizontal-offset:0;--e-contact-buttons-vertical-offset:0}.e-contact-buttons-var-7.has-h-alignment-end .e-contact-buttons__chat-button-container,.e-contact-buttons-var-7.has-h-alignment-start .e-contact-buttons__chat-button-container{padding-inline:0}@media (max-width:ELEMENTOR_SCREEN_MOBILE_MAX){.e-contact-buttons-var-7.has-mobile-full-width{width:100%}.e-contact-buttons-var-7.has-mobile-full-width .e-contact-buttons__chat-button-container{width:100%;max-width:100%}.e-contact-buttons-var-7.has-mobile-full-width .e-contact-buttons__chat-button{width:100%}}.e-contact-buttons-var-7 .e-contact-buttons__chat-button,.e-contact-buttons-var-7 .e-contact-buttons__chat-button:not([href]):not([tabindex]),.e-contact-buttons-var-7 .e-contact-buttons__chat-button[type=button]{border-radius:0;color:var(--e-contact-buttons-button-icon);display:inline-flex;font-size:18px;font-weight:500;gap:var(--e-contact-buttons-chat-button-gap);height:-moz-fit-content;height:fit-content;line-height:28px;padding-block-end:var(--e-contact-buttons-chat-button-padding-block-end);padding-block-start:var(--e-contact-buttons-chat-button-padding-block-start);padding-inline-end:var(--e-contact-buttons-chat-button-padding-inline-end);padding-inline-start:var(--e-contact-buttons-chat-button-padding-inline-start);width:-moz-fit-content;width:fit-content}.e-contact-buttons-var-7 .e-contact-buttons__chat-button:not([href]):not([tabindex]) svg,.e-contact-buttons-var-7 .e-contact-buttons__chat-button[type=button] svg,.e-contact-buttons-var-7 .e-contact-buttons__chat-button svg{height:1em;width:1em}.e-contact-buttons-var-7 .e-contact-buttons__chat-button:focus,.e-contact-buttons-var-7 .e-contact-buttons__chat-button:hover,.e-contact-buttons-var-7 .e-contact-buttons__chat-button:not([href]):not([tabindex]):focus,.e-contact-buttons-var-7 .e-contact-buttons__chat-button:not([href]):not([tabindex]):hover,.e-contact-buttons-var-7 .e-contact-buttons__chat-button[type=button]:focus,.e-contact-buttons-var-7 .e-contact-buttons__chat-button[type=button]:hover{color:var(--e-contact-buttons-button-icon-hover)}import React, { useEffect } from 'react'; import { PhotoIcon, TrashIcon } from '@heroicons/react/24/outline'; import { __ } from '@wordpress/i18n'; import { addFilter } from '@wordpress/hooks'; import { RangeControl } from '@wordpress/components'; import { MediaUpload } from '@wordpress/media-utils'; import { useStateValue } from '../../store/store'; import { getDataUri, sendPostMessage } from '../../utils/functions'; import { initialState } from '../../store/reducer'; // import ToggleSwitch from '../../components/toggle-switch'; const SiteLogo = () => { const replaceMediaUpload = () => MediaUpload; const [ { siteLogo }, dispatch ] = useStateValue(); // const [ showTitle, setShowTitle ] = useState( true ), // toggleTitle = () => setShowTitle( ( prev ) => ! prev ); addFilter( 'editor.MediaUpload', 'core/edit-post/components/media-upload/replace-media-upload', replaceMediaUpload ); const onSelectImage = ( media ) => { const mediaData = { id: media.id, url: media.url, width: siteLogo.width, }; if ( window.location.protocol === 'http:' ) { getDataUri( media.url, function ( data ) { mediaData.dataUri = data; updateValues( mediaData ); } ); } else { updateValues( mediaData ); } }; const dispatchPostMessage = ( action, data ) => { sendPostMessage( { param: action, data, }, 'astra-starter-templates-preview' ); }; const updateValues = ( data ) => { dispatch( { type: 'set', siteLogo: data, } ); dispatchPostMessage( 'siteLogo', data ); }; const removeImage = () => { updateValues( initialState.siteLogo ); }; const onWidthChange = ( width ) => { const newLogoOptions = { ...siteLogo, width, }; dispatch( { type: 'set', siteLogo: newLogoOptions, } ); dispatchPostMessage( 'siteLogo', newLogoOptions ); }; // const handleOnChangeToggleTitle = () => { // dispatchPostMessage( 'siteTitle', ! showTitle ); // toggleTitle(); // }; useEffect( () => { if ( !! astraSitesVars?.isRTLEnabled ) { const rangeControl = document.querySelector( '.components-range-control__wrapper' ); if ( rangeControl === null ) { return; } // Range control slider styling for RTL. const currentValue = rangeControl.children[ 3 ].style.left; rangeControl.children[ 3 ].style.marginRight = '-10px'; rangeControl.children[ 3 ].style.removeProperty( 'margin-left' ); rangeControl.children[ 3 ].style.right = currentValue; rangeControl.children[ 4 ].style.removeProperty( 'transform' ); rangeControl.children[ 4 ].style.removeProperty( 'left' ); rangeControl.children[ 4 ].style.right = currentValue; rangeControl.children[ 4 ].style.transform = 'translateX(50%)'; } } ); return ( <>
<\/p>\n
Content<\/p>\n
\u041a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u044e\u0442 \u043a\u0430\u0436\u0434\u043e\u0439 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438%2C \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u044e\u0442 \u0434\u043e\u0441\u0442\u0443\u043f \u043a\u043e \u0432\u0441\u0435\u043c \u0434\u0438\u043a\u043e\u0431\u0435\u043b\u043b\u0430 \u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u0441\u0443\u0434\u044f \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u043c \u043f\u0440\u0430\u0432\u0438\u043b\u0430\u043c \u0430 \u0443\u0441\u043b\u043e\u0432\u0438\u044f. \u0415\u0441\u0442\u044c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0438 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0434\u0435\u043f\u043e\u0437\u0438\u0442\u0430 \u0438 \u0432\u044b\u0432\u043e\u0434\u0430. \u041e\u043d\u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u044e\u0442\u0441\u044f \u043a \u043e\u0434\u043d\u043e\u0439 \u0442\u0440\u0430\u043d\u0437\u0430\u043a\u0446\u0438\u0438 \u0447\u0435\u0440\u0435\u0437 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0435 \u0431\u0430\u043d\u043a\u043e\u0432\u0441\u043a\u0438\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u044b%2C \u0434\u043b\u044f \u0438\u0445 \u0441\u0443\u043c\u043c\u044b \u0437\u0430 \u0443\u0442\u0440\u043e\u043c%2C \u043d\u0435\u0434\u0435\u043b\u044e \u0438 \u043c\u0435\u0441\u044f\u0446.<\/p>\n