/* IVRFlowTab.jsx — Babel/UMD köprü bileşeni
 * ESM React ile yazılmış IVRFlowApp'ı ayrı bir ReactDOM.createRoot()
 * üzerinde mount/unmount eder. Hook crossing yok.
 */
function IVRFlowTab({ toast }) {
  const divRef = React.useRef(null);

  React.useEffect(() => {
    const el = divRef.current;
    if (!el) return;

    // ESM modülü henüz yüklenmemiş olabilir — hazır olana kadar bekle
    const mount = () => {
      if (window.mountIVRFlow) {
        window.mountIVRFlow(el, { toast });
      } else {
        // Modül birkaç ms gecikebilir, 100ms sonra tekrar dene
        setTimeout(mount, 100);
      }
    };
    mount();

    return () => {
      if (window.unmountIVRFlow) {
        window.unmountIVRFlow(el);
      }
    };
  }, []); // eslint-disable-line react-hooks/exhaustive-deps

  return React.createElement('div', {
    ref: divRef,
    style: { width: '100%', height: 'calc(100vh - 120px)', minHeight: 600 }
  });
}

window.IVRFlowTab = IVRFlowTab;
