| Server IP : 172.67.174.47 / Your IP : 216.73.216.87 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/tirterrassa/wp-content/plugins/extendify/src/Agent/ |
Upload File : |
import { useEffect } from '@wordpress/element';
import { DOMHighlighter } from '@agent/components/DOMHighlighter';
import { DragResizeLayout } from '@agent/components/layouts/DragResizeLayout';
import { MobileLayout } from '@agent/components/layouts/MobileLayout';
import { useGlobalStore } from '@agent/state/global';
import { useWorkflowStore } from '@agent/state/workflows';
export const Chat = ({ busy, children }) => {
const { setIsMobile, isMobile } = useGlobalStore();
const { domToolEnabled, block, setBlock } = useWorkflowStore();
useEffect(() => {
if (!isMobile || !block) return;
// Remove the block if we switch to mobile
setBlock(null);
}, [isMobile, setIsMobile, block, setBlock]);
useEffect(() => {
let timeout;
const onResize = () => {
clearTimeout(timeout);
timeout = window.setTimeout(() => {
setIsMobile(window.innerWidth < 783);
}, 10);
};
window.addEventListener('resize', onResize);
return () => {
clearTimeout(timeout);
window.removeEventListener('resize', onResize);
};
}, [setIsMobile]);
if (isMobile) {
return (
<MobileLayout>
<div
id="extendify-agent-chat"
className="flex min-h-0 flex-1 flex-grow flex-col font-sans">
{children}
</div>
</MobileLayout>
);
}
return (
<DragResizeLayout>
<div
id="extendify-agent-chat"
className="flex min-h-0 flex-1 flex-grow flex-col font-sans">
{children}
</div>
{domToolEnabled && <DOMHighlighter busy={busy} />}
</DragResizeLayout>
);
};