| Server IP : 104.21.48.1 / Your IP : 216.73.216.145 Web Server : LiteSpeed System : Linux premium151.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : tempvsty ( 647) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/tempvsty/eaabusiness.com/newsite/wp-content/plugins/extendify/src/HelpCenter/ |
Upload File : |
import { useEffect } from '@wordpress/element';
import { AnimatePresence } from 'framer-motion';
import { Modal } from '@help-center/components/modal/Modal';
import { GuidedTour } from '@help-center/components/tours/GuidedTour';
import { useRouter } from '@help-center/hooks/useRouter';
import { useGlobalSyncStore } from '@help-center/state/globals-sync';
export const HelpCenter = () => {
// register a custom event to hide the Help Center.
const { setVisibility, visibility } = useGlobalSyncStore();
const { navigateTo } = useRouter();
useEffect(() => {
const handleOpen = (event) => {
event?.detail?.page && navigateTo(event.detail.page);
setVisibility('open');
};
const handleMinimize = () => {
if (visibility !== 'open') return;
setVisibility('minimized');
};
window.addEventListener('extendify-hc:open', handleOpen);
window.addEventListener('extendify-hc:minimize', handleMinimize);
return () => {
window.removeEventListener('extendify-hc:open', handleOpen);
window.removeEventListener('extendify-hc:minimize', handleMinimize);
};
}, [setVisibility, visibility, navigateTo]);
return (
<>
<AnimatePresence>
<Modal />
</AnimatePresence>
<GuidedTour />
</>
);
};