import { createElement, useState, useContext, Fragment, } from '@wordpress/element' import cls from 'classnames' import { Panel, PanelMetaWrapper, PlacementsDragDropContext, getValueFromInput, } from 'blocksy-options' import { applyFilters } from '@wordpress/hooks' import { Slot } from '@wordpress/components' import { __ } from 'ct-i18n' import EditConditions from './EditConditions' import { Overlay } from 'blocksy-options' const PanelsManager = () => { const [isRemovingSection, setIsRemovingSection] = useState(false) const secondaryItems = ct_customizer_localizations.header_builder_data.secondary_items.header const allItems = ct_customizer_localizations.header_builder_data.header const { builderValueDispatch, builderValue, option, builderValueCollection, panelsActions, } = useContext(PlacementsDragDropContext) const allSections = applyFilters( 'blocksy.header.available-sections', null, builderValueCollection.sections ) || builderValueCollection.sections.filter( ({ id }) => id !== 'type-2' && id !== 'type-3' && id.indexOf('ct-custom') === -1 ) return (

), }, divider: { type: 'ct-divider' }, } : {}), ...headerOptions, }, } return ( ( {id === builderValue.id && ( ({ id, ...(builderValue.settings || {}), })} option={option} onChangeFor={( optionId, optionValue ) => { builderValueDispatch({ type: 'BUILDER_GLOBAL_SETTING_ON_CHANGE', payload: { optionId, optionValue, values: getValueFromInput( headerOptions, Array.isArray( builderValue.settings ) ? {} : builderValue.settings || {} ), }, }) }} view="simple" /> )}

{ if (id === builderValue.id) { open() } else { builderValueDispatch({ type: 'PICK_BUILDER_SECTION', payload: { id, }, }) } }}> {panelLabel} {id.indexOf('ct-custom') > -1 && id !== builderValue.id && ( { e.preventDefault() e.stopPropagation() setIsRemovingSection(id) }}> {__( 'Remove header', 'blocksy-companion' )} )}

)}> ) })}

{(fills) => (fills.length === 0 ? null : fills)} setIsRemovingSection(false)} render={() => (

{__('Remove Header', 'blocksy-companion')}

{__( 'You are about to remove a custom header, are you sure you want to continue?', 'blocksy-companion' )}

)} /> ) } export default PanelsManager