import { __ } from "@wordpress/i18n";
import { PanelBody } from "@wordpress/components";
import { TabControls, ToggleControl, SpProNotice } from "@easy-accordion/components";
import {
AccordionInteractionsTabs,
AccordionTemplateTabs,
ImageContentGeneralTab,
IconGeneralTab,
ImageGeneralTabs,
TitleGeneralTab,
VerticalContentGeneralTab,
} from "./generalTabs";
import {
ImageContentStyleTab,
IconStyleTab,
ImageStyleTab,
TitleStyleTab,
VerticalContentStyleTab,
PostMetaStyleTab,
PostContentStyleTab,
} from "./styleTabs";
import { AdvancedGeneralTab, AdvancedTab, VisibilityTab } from "../shared/advancedTab";
import { inArray } from "@easy-accordion/controls";
import { useTogglePanelBody } from "../../context";
import {
PostContentGeneralTab,
PostMetaDataGeneralTab,
ProductContentGeneralTab,
QueryBuilderGeneralTab,
} from "../post-accordion/generalTab";
const SharedInspector = ({ attributes, setAttributes }) => {
const { blockName, template, enableExpandAndCollapseIcon } = attributes;
const { togglePanelBody, openedPanelBody, activeTab, toggleActiveTab } = useTogglePanelBody();
const checkOpenedPanelBody = (accordionName) => {
return openedPanelBody === accordionName ? true : false;
};
const TITLE_LABELS = {
"post-accordion": __("Post Title", "easy-accordion-free"),
"product-accordion": __("Product Title", "easy-accordion-free"),
};
const CONTENT_LABELS = {
"post-accordion": __("Post Content", "easy-accordion-free"),
"product-accordion": __("Product Content", "easy-accordion-free"),
};
const title = TITLE_LABELS[blockName] || __("Title", "easy-accordion-free");
const contentLabel = CONTENT_LABELS[blockName] || __("Content", "easy-accordion-free");
return (
<>
togglePanelBody("defaultOpen")}
initialOpen={true}
>
{(blockName === "post-accordion" || blockName === "product-accordion") && (
<>
togglePanelBody("query-builder")}
initialOpen={true}
>
{checkOpenedPanelBody("query-builder") && (
)}
togglePanelBody("taxonomy-filter")}
className="sp-panel-pro"
>
{checkOpenedPanelBody("taxonomy-filter") && (
)}
)}
togglePanelBody("general")}
>
{(blockName === "image-accordion" || blockName === "accordion-slider") && (
<>
togglePanelBody("image")}
>
)}
{inArray(
[
"vertical-accordion",
"horizontal-accordion",
"post-accordion",
"sidebar-tab-accordion",
"product-accordion",
],
blockName
) &&
template !== "product-accordion-two" && (
<>
togglePanelBody("icon")}
>
{enableExpandAndCollapseIcon && checkOpenedPanelBody("icon") && (
)}
togglePanelBody("title")}
>
{checkOpenedPanelBody("title") && (
)}
)}
{(blockName === "post-accordion" || blockName === "product-accordion") && (
togglePanelBody("post-meta")}
className={blockName === "product-accordion" ? "sp-panel-pro" : ""}
>
{blockName === "post-accordion" && checkOpenedPanelBody("post-meta") && (
)}
{blockName === "product-accordion" && checkOpenedPanelBody("post-meta") && (
)}
)}
togglePanelBody("content")}
>
{(blockName === "image-accordion" || blockName === "accordion-slider") && (
)}
{blockName === "post-accordion" && (
)}
{blockName === "product-accordion" && (
)}
{inArray(["vertical-accordion", "horizontal-accordion", "sidebar-tab-accordion"], blockName) && (
)}
togglePanelBody("motion-effect")}
className="sp-panel-pro"
>
{checkOpenedPanelBody("motion-effect") && (
)}
togglePanelBody("advanced")}
>
{checkOpenedPanelBody("advanced") && (
)}
);
};
export default SharedInspector;