@eventop/sdk 1.1.3 → 1.1.4

package/dist/react/index.cjs

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -26,6 +28,202 @@ function useFeatureScope() {
   return react.useContext(EventopFeatureScopeContext); // null is fine — steps can declare feature explicitly
 }
 
+function EventopTarget({
+  children,
+  id,
+  name,
+  description,
+  navigate,
+  navigateWaitFor,
+  advanceOn,
+  waitFor,
+  ...rest
+}) {
+  const registry = useRegistry();
+  const ref = react.useRef(null);
+  const dataAttr = `data-evtp-${id}`;
+  const selector = `[${dataAttr}]`;
+  react.useEffect(() => {
+    if (!id || !name) {
+      console.warn('[Eventop] <EventopTarget> requires id and name props.');
+      return;
+    }
+    registry.registerFeature({
+      id,
+      name,
+      description,
+      selector,
+      navigate,
+      navigateWaitFor,
+      waitFor,
+      advanceOn: advanceOn ? {
+        selector,
+        ...advanceOn
+      } : null
+    });
+    return () => registry.unregisterFeature(id);
+  }, [id, name, description]);
+  const child = react.Children.only(children);
+  let wrapped;
+  try {
+    wrapped = /*#__PURE__*/react.cloneElement(child, {
+      [dataAttr]: '',
+      ref: node => {
+        ref.current = node;
+        const originalRef = child.ref;
+        if (typeof originalRef === 'function') originalRef(node);else if (originalRef && 'current' in originalRef) originalRef.current = node;
+      }
+    });
+  } catch {
+    wrapped = /*#__PURE__*/jsxRuntime.jsx("span", {
+      [dataAttr]: '',
+      ref: ref,
+      style: {
+        display: 'contents'
+      },
+      children: child
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(EventopFeatureScopeContext.Provider, {
+    value: id,
+    children: wrapped
+  });
+}
+
+function EventopStep({
+  children,
+  feature,
+  index,
+  parentStep,
+  waitFor,
+  advanceOn
+}) {
+  const registry = useRegistry();
+  const featureScope = useFeatureScope();
+  const featureId = feature || featureScope;
+  const ref = react.useRef(null);
+  if (!featureId) {
+    console.warn('[Eventop] <EventopStep> needs either a feature prop or an <EventopTarget> ancestor.');
+  }
+  if (index == null) {
+    console.warn('[Eventop] <EventopStep> requires an index prop.');
+  }
+  const dataAttr = `data-evtp-step-${featureId}-${parentStep != null ? `${parentStep}-` : ''}${index}`;
+  const selector = `[${dataAttr}]`;
+  react.useEffect(() => {
+    if (!featureId || index == null) return;
+    registry.registerStep(featureId, index, parentStep ?? null, {
+      selector,
+      waitFor: waitFor || null,
+      advanceOn: advanceOn ? {
+        selector,
+        ...advanceOn
+      } : null
+    });
+    return () => registry.unregisterStep(featureId, index, parentStep ?? null);
+  }, [featureId, index, parentStep]);
+  const child = react.Children.only(children);
+  let wrapped;
+  try {
+    wrapped = /*#__PURE__*/react.cloneElement(child, {
+      [dataAttr]: '',
+      ref: node => {
+        ref.current = node;
+        const originalRef = child.ref;
+        if (typeof originalRef === 'function') originalRef(node);else if (originalRef && 'current' in originalRef) originalRef.current = node;
+      }
+    });
+  } catch {
+    wrapped = /*#__PURE__*/jsxRuntime.jsx("span", {
+      [dataAttr]: '',
+      ref: ref,
+      style: {
+        display: 'contents'
+      },
+      children: child
+    });
+  }
+  return wrapped;
+}
+
+// ═══════════════════════════════════════════════════════════════════════════
+//  useEventopAI
+//
+//  Access the SDK programmatic API from inside any component.
+//  Use for stepComplete(), stepFail(), open(), close() etc.
+//
+//  @example
+//  function CheckoutForm() {
+//    const { stepComplete, stepFail } = useEventopAI();
+//
+//    async function handleNext() {
+//      const ok = await validateEmail(email);
+//      if (ok) stepComplete();
+//      else stepFail('Please enter a valid email address.');
+//    }
+//  }
+// ═══════════════════════════════════════════════════════════════════════════
+
+function useEventopAI() {
+  const sdk = () => window.Eventop;
+  return {
+    open: () => sdk()?.open(),
+    close: () => sdk()?.close(),
+    cancelTour: () => sdk()?.cancelTour(),
+    resumeTour: () => sdk()?.resumeTour(),
+    isActive: () => sdk()?.isActive() ?? false,
+    isPaused: () => sdk()?.isPaused() ?? false,
+    stepComplete: () => sdk()?.stepComplete(),
+    stepFail: msg => sdk()?.stepFail(msg),
+    runTour: steps => sdk()?.runTour(steps)
+  };
+}
+
+// ═══════════════════════════════════════════════════════════════════════════
+//  useEventopTour
+//
+//  Reactively tracks tour state so you can render your own UI.
+//  Polls at 300ms — lightweight enough for a status indicator.
+//
+//  @example
+//  function TourBar() {
+//    const { isActive, isPaused, resume, cancel } = useEventopTour();
+//    if (!isActive && !isPaused) return null;
+//    return (
+//      <div>
+//        {isPaused && <button onClick={resume}>Resume tour</button>}
+//        <button onClick={cancel}>End</button>
+//      </div>
+//    );
+//  }
+// ═══════════════════════════════════════════════════════════════════════════
+
+function useEventopTour() {
+  const [state, setState] = react.useState({
+    isActive: false,
+    isPaused: false
+  });
+  react.useEffect(() => {
+    const id = setInterval(() => {
+      const sdk = window.Eventop;
+      if (!sdk) return;
+      const next = {
+        isActive: sdk.isActive(),
+        isPaused: sdk.isPaused()
+      };
+      setState(prev => prev.isActive !== next.isActive || prev.isPaused !== next.isPaused ? next : prev);
+    }, 300);
+    return () => clearInterval(id);
+  }, []);
+  return {
+    ...state,
+    resume: react.useCallback(() => window.Eventop?.resumeTour(), []),
+    cancel: react.useCallback(() => window.Eventop?.cancelTour(), []),
+    open: react.useCallback(() => window.Eventop?.open(), []),
+    close: react.useCallback(() => window.Eventop?.close(), [])
+  };
+}
+
 /**
  * FeatureRegistry
  *
@@ -244,204 +442,25 @@ function EventopProvider({
   });
 }
 
-function EventopTarget({
-  children,
-  id,
-  name,
-  description,
-  navigate,
-  navigateWaitFor,
-  advanceOn,
-  waitFor,
-  ...rest
-}) {
-  const registry = useRegistry();
-  const ref = react.useRef(null);
-  const dataAttr = `data-evtp-${id}`;
-  const selector = `[${dataAttr}]`;
-  react.useEffect(() => {
-    if (!id || !name) {
-      console.warn('[Eventop] <EventopTarget> requires id and name props.');
-      return;
-    }
-    registry.registerFeature({
-      id,
-      name,
-      description,
-      selector,
-      navigate,
-      navigateWaitFor,
-      waitFor,
-      advanceOn: advanceOn ? {
-        selector,
-        ...advanceOn
-      } : null
-    });
-    return () => registry.unregisterFeature(id);
-  }, [id, name, description]);
-  const child = react.Children.only(children);
-  let wrapped;
-  try {
-    wrapped = /*#__PURE__*/react.cloneElement(child, {
-      [dataAttr]: '',
-      ref: node => {
-        ref.current = node;
-        const originalRef = child.ref;
-        if (typeof originalRef === 'function') originalRef(node);else if (originalRef && 'current' in originalRef) originalRef.current = node;
-      }
-    });
-  } catch {
-    wrapped = /*#__PURE__*/jsxRuntime.jsx("span", {
-      [dataAttr]: '',
-      ref: ref,
-      style: {
-        display: 'contents'
-      },
-      children: child
-    });
-  }
-  return /*#__PURE__*/jsxRuntime.jsx(EventopFeatureScopeContext.Provider, {
-    value: id,
-    children: wrapped
-  });
-}
-
-function EventopStep({
-  children,
-  feature,
-  index,
-  parentStep,
-  waitFor,
-  advanceOn
-}) {
-  const registry = useRegistry();
-  const featureScope = useFeatureScope();
-  const featureId = feature || featureScope;
-  const ref = react.useRef(null);
-  if (!featureId) {
-    console.warn('[Eventop] <EventopStep> needs either a feature prop or an <EventopTarget> ancestor.');
-  }
-  if (index == null) {
-    console.warn('[Eventop] <EventopStep> requires an index prop.');
-  }
-  const dataAttr = `data-evtp-step-${featureId}-${parentStep != null ? `${parentStep}-` : ''}${index}`;
-  const selector = `[${dataAttr}]`;
-  react.useEffect(() => {
-    if (!featureId || index == null) return;
-    registry.registerStep(featureId, index, parentStep ?? null, {
-      selector,
-      waitFor: waitFor || null,
-      advanceOn: advanceOn ? {
-        selector,
-        ...advanceOn
-      } : null
-    });
-    return () => registry.unregisterStep(featureId, index, parentStep ?? null);
-  }, [featureId, index, parentStep]);
-  const child = react.Children.only(children);
-  let wrapped;
-  try {
-    wrapped = /*#__PURE__*/react.cloneElement(child, {
-      [dataAttr]: '',
-      ref: node => {
-        ref.current = node;
-        const originalRef = child.ref;
-        if (typeof originalRef === 'function') originalRef(node);else if (originalRef && 'current' in originalRef) originalRef.current = node;
-      }
-    });
-  } catch {
-    wrapped = /*#__PURE__*/jsxRuntime.jsx("span", {
-      [dataAttr]: '',
-      ref: ref,
-      style: {
-        display: 'contents'
-      },
-      children: child
-    });
-  }
-  return wrapped;
-}
-
-// ═══════════════════════════════════════════════════════════════════════════
-//  useEventopAI
-//
-//  Access the SDK programmatic API from inside any component.
-//  Use for stepComplete(), stepFail(), open(), close() etc.
-//
-//  @example
-//  function CheckoutForm() {
-//    const { stepComplete, stepFail } = useEventopAI();
-//
-//    async function handleNext() {
-//      const ok = await validateEmail(email);
-//      if (ok) stepComplete();
-//      else stepFail('Please enter a valid email address.');
-//    }
-//  }
-// ═══════════════════════════════════════════════════════════════════════════
-
-function useEventopAI() {
-  const sdk = () => window.Eventop;
-  return {
-    open: () => sdk()?.open(),
-    close: () => sdk()?.close(),
-    cancelTour: () => sdk()?.cancelTour(),
-    resumeTour: () => sdk()?.resumeTour(),
-    isActive: () => sdk()?.isActive() ?? false,
-    isPaused: () => sdk()?.isPaused() ?? false,
-    stepComplete: () => sdk()?.stepComplete(),
-    stepFail: msg => sdk()?.stepFail(msg),
-    runTour: steps => sdk()?.runTour(steps)
-  };
-}
-
-// ═══════════════════════════════════════════════════════════════════════════
-//  useEventopTour
-//
-//  Reactively tracks tour state so you can render your own UI.
-//  Polls at 300ms — lightweight enough for a status indicator.
-//
-//  @example
-//  function TourBar() {
-//    const { isActive, isPaused, resume, cancel } = useEventopTour();
-//    if (!isActive && !isPaused) return null;
-//    return (
-//      <div>
-//        {isPaused && <button onClick={resume}>Resume tour</button>}
-//        <button onClick={cancel}>End</button>
-//      </div>
-//    );
-//  }
-// ═══════════════════════════════════════════════════════════════════════════
-
-function useEventopTour() {
-  const [state, setState] = react.useState({
-    isActive: false,
-    isPaused: false
-  });
-  react.useEffect(() => {
-    const id = setInterval(() => {
-      const sdk = window.Eventop;
-      if (!sdk) return;
-      const next = {
-        isActive: sdk.isActive(),
-        isPaused: sdk.isPaused()
-      };
-      setState(prev => prev.isActive !== next.isActive || prev.isPaused !== next.isPaused ? next : prev);
-    }, 300);
-    return () => clearInterval(id);
-  }, []);
-  return {
-    ...state,
-    resume: react.useCallback(() => window.Eventop?.resumeTour(), []),
-    cancel: react.useCallback(() => window.Eventop?.cancelTour(), []),
-    open: react.useCallback(() => window.Eventop?.open(), []),
-    close: react.useCallback(() => window.Eventop?.close(), [])
-  };
-}
+window.EventopAI = {
+  init,
+  open,
+  close,
+  cancelTour,
+  resumeTour,
+  stepComplete,
+  stepFail,
+  isActive,
+  isPaused,
+  runTour,
+  _updateConfig,
+  providers
+};
+var index = window.EventopAI;
 
 exports.EventopAIProvider = EventopProvider;
 exports.EventopStep = EventopStep;
 exports.EventopTarget = EventopTarget;
+exports.default = index;
 exports.useEventopAI = useEventopAI;
 exports.useEventopTour = useEventopTour;

package/dist/react/index.js

@@ -1,4 +1,4 @@
-import { createContext, useContext, useRef, useCallback, useEffect, Children, cloneElement, useState } from 'react';
+import { createContext, useContext, useRef, useEffect, Children, cloneElement, useState, useCallback } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 /**
@@ -24,6 +24,202 @@ function useFeatureScope() {
   return useContext(EventopFeatureScopeContext); // null is fine — steps can declare feature explicitly
 }
 
+function EventopTarget({
+  children,
+  id,
+  name,
+  description,
+  navigate,
+  navigateWaitFor,
+  advanceOn,
+  waitFor,
+  ...rest
+}) {
+  const registry = useRegistry();
+  const ref = useRef(null);
+  const dataAttr = `data-evtp-${id}`;
+  const selector = `[${dataAttr}]`;
+  useEffect(() => {
+    if (!id || !name) {
+      console.warn('[Eventop] <EventopTarget> requires id and name props.');
+      return;
+    }
+    registry.registerFeature({
+      id,
+      name,
+      description,
+      selector,
+      navigate,
+      navigateWaitFor,
+      waitFor,
+      advanceOn: advanceOn ? {
+        selector,
+        ...advanceOn
+      } : null
+    });
+    return () => registry.unregisterFeature(id);
+  }, [id, name, description]);
+  const child = Children.only(children);
+  let wrapped;
+  try {
+    wrapped = /*#__PURE__*/cloneElement(child, {
+      [dataAttr]: '',
+      ref: node => {
+        ref.current = node;
+        const originalRef = child.ref;
+        if (typeof originalRef === 'function') originalRef(node);else if (originalRef && 'current' in originalRef) originalRef.current = node;
+      }
+    });
+  } catch {
+    wrapped = /*#__PURE__*/jsx("span", {
+      [dataAttr]: '',
+      ref: ref,
+      style: {
+        display: 'contents'
+      },
+      children: child
+    });
+  }
+  return /*#__PURE__*/jsx(EventopFeatureScopeContext.Provider, {
+    value: id,
+    children: wrapped
+  });
+}
+
+function EventopStep({
+  children,
+  feature,
+  index,
+  parentStep,
+  waitFor,
+  advanceOn
+}) {
+  const registry = useRegistry();
+  const featureScope = useFeatureScope();
+  const featureId = feature || featureScope;
+  const ref = useRef(null);
+  if (!featureId) {
+    console.warn('[Eventop] <EventopStep> needs either a feature prop or an <EventopTarget> ancestor.');
+  }
+  if (index == null) {
+    console.warn('[Eventop] <EventopStep> requires an index prop.');
+  }
+  const dataAttr = `data-evtp-step-${featureId}-${parentStep != null ? `${parentStep}-` : ''}${index}`;
+  const selector = `[${dataAttr}]`;
+  useEffect(() => {
+    if (!featureId || index == null) return;
+    registry.registerStep(featureId, index, parentStep ?? null, {
+      selector,
+      waitFor: waitFor || null,
+      advanceOn: advanceOn ? {
+        selector,
+        ...advanceOn
+      } : null
+    });
+    return () => registry.unregisterStep(featureId, index, parentStep ?? null);
+  }, [featureId, index, parentStep]);
+  const child = Children.only(children);
+  let wrapped;
+  try {
+    wrapped = /*#__PURE__*/cloneElement(child, {
+      [dataAttr]: '',
+      ref: node => {
+        ref.current = node;
+        const originalRef = child.ref;
+        if (typeof originalRef === 'function') originalRef(node);else if (originalRef && 'current' in originalRef) originalRef.current = node;
+      }
+    });
+  } catch {
+    wrapped = /*#__PURE__*/jsx("span", {
+      [dataAttr]: '',
+      ref: ref,
+      style: {
+        display: 'contents'
+      },
+      children: child
+    });
+  }
+  return wrapped;
+}
+
+// ═══════════════════════════════════════════════════════════════════════════
+//  useEventopAI
+//
+//  Access the SDK programmatic API from inside any component.
+//  Use for stepComplete(), stepFail(), open(), close() etc.
+//
+//  @example
+//  function CheckoutForm() {
+//    const { stepComplete, stepFail } = useEventopAI();
+//
+//    async function handleNext() {
+//      const ok = await validateEmail(email);
+//      if (ok) stepComplete();
+//      else stepFail('Please enter a valid email address.');
+//    }
+//  }
+// ═══════════════════════════════════════════════════════════════════════════
+
+function useEventopAI() {
+  const sdk = () => window.Eventop;
+  return {
+    open: () => sdk()?.open(),
+    close: () => sdk()?.close(),
+    cancelTour: () => sdk()?.cancelTour(),
+    resumeTour: () => sdk()?.resumeTour(),
+    isActive: () => sdk()?.isActive() ?? false,
+    isPaused: () => sdk()?.isPaused() ?? false,
+    stepComplete: () => sdk()?.stepComplete(),
+    stepFail: msg => sdk()?.stepFail(msg),
+    runTour: steps => sdk()?.runTour(steps)
+  };
+}
+
+// ═══════════════════════════════════════════════════════════════════════════
+//  useEventopTour
+//
+//  Reactively tracks tour state so you can render your own UI.
+//  Polls at 300ms — lightweight enough for a status indicator.
+//
+//  @example
+//  function TourBar() {
+//    const { isActive, isPaused, resume, cancel } = useEventopTour();
+//    if (!isActive && !isPaused) return null;
+//    return (
+//      <div>
+//        {isPaused && <button onClick={resume}>Resume tour</button>}
+//        <button onClick={cancel}>End</button>
+//      </div>
+//    );
+//  }
+// ═══════════════════════════════════════════════════════════════════════════
+
+function useEventopTour() {
+  const [state, setState] = useState({
+    isActive: false,
+    isPaused: false
+  });
+  useEffect(() => {
+    const id = setInterval(() => {
+      const sdk = window.Eventop;
+      if (!sdk) return;
+      const next = {
+        isActive: sdk.isActive(),
+        isPaused: sdk.isPaused()
+      };
+      setState(prev => prev.isActive !== next.isActive || prev.isPaused !== next.isPaused ? next : prev);
+    }, 300);
+    return () => clearInterval(id);
+  }, []);
+  return {
+    ...state,
+    resume: useCallback(() => window.Eventop?.resumeTour(), []),
+    cancel: useCallback(() => window.Eventop?.cancelTour(), []),
+    open: useCallback(() => window.Eventop?.open(), []),
+    close: useCallback(() => window.Eventop?.close(), [])
+  };
+}
+
 /**
  * FeatureRegistry
  *
@@ -242,200 +438,20 @@ function EventopProvider({
   });
 }
 
-function EventopTarget({
-  children,
-  id,
-  name,
-  description,
-  navigate,
-  navigateWaitFor,
-  advanceOn,
-  waitFor,
-  ...rest
-}) {
-  const registry = useRegistry();
-  const ref = useRef(null);
-  const dataAttr = `data-evtp-${id}`;
-  const selector = `[${dataAttr}]`;
-  useEffect(() => {
-    if (!id || !name) {
-      console.warn('[Eventop] <EventopTarget> requires id and name props.');
-      return;
-    }
-    registry.registerFeature({
-      id,
-      name,
-      description,
-      selector,
-      navigate,
-      navigateWaitFor,
-      waitFor,
-      advanceOn: advanceOn ? {
-        selector,
-        ...advanceOn
-      } : null
-    });
-    return () => registry.unregisterFeature(id);
-  }, [id, name, description]);
-  const child = Children.only(children);
-  let wrapped;
-  try {
-    wrapped = /*#__PURE__*/cloneElement(child, {
-      [dataAttr]: '',
-      ref: node => {
-        ref.current = node;
-        const originalRef = child.ref;
-        if (typeof originalRef === 'function') originalRef(node);else if (originalRef && 'current' in originalRef) originalRef.current = node;
-      }
-    });
-  } catch {
-    wrapped = /*#__PURE__*/jsx("span", {
-      [dataAttr]: '',
-      ref: ref,
-      style: {
-        display: 'contents'
-      },
-      children: child
-    });
-  }
-  return /*#__PURE__*/jsx(EventopFeatureScopeContext.Provider, {
-    value: id,
-    children: wrapped
-  });
-}
-
-function EventopStep({
-  children,
-  feature,
-  index,
-  parentStep,
-  waitFor,
-  advanceOn
-}) {
-  const registry = useRegistry();
-  const featureScope = useFeatureScope();
-  const featureId = feature || featureScope;
-  const ref = useRef(null);
-  if (!featureId) {
-    console.warn('[Eventop] <EventopStep> needs either a feature prop or an <EventopTarget> ancestor.');
-  }
-  if (index == null) {
-    console.warn('[Eventop] <EventopStep> requires an index prop.');
-  }
-  const dataAttr = `data-evtp-step-${featureId}-${parentStep != null ? `${parentStep}-` : ''}${index}`;
-  const selector = `[${dataAttr}]`;
-  useEffect(() => {
-    if (!featureId || index == null) return;
-    registry.registerStep(featureId, index, parentStep ?? null, {
-      selector,
-      waitFor: waitFor || null,
-      advanceOn: advanceOn ? {
-        selector,
-        ...advanceOn
-      } : null
-    });
-    return () => registry.unregisterStep(featureId, index, parentStep ?? null);
-  }, [featureId, index, parentStep]);
-  const child = Children.only(children);
-  let wrapped;
-  try {
-    wrapped = /*#__PURE__*/cloneElement(child, {
-      [dataAttr]: '',
-      ref: node => {
-        ref.current = node;
-        const originalRef = child.ref;
-        if (typeof originalRef === 'function') originalRef(node);else if (originalRef && 'current' in originalRef) originalRef.current = node;
-      }
-    });
-  } catch {
-    wrapped = /*#__PURE__*/jsx("span", {
-      [dataAttr]: '',
-      ref: ref,
-      style: {
-        display: 'contents'
-      },
-      children: child
-    });
-  }
-  return wrapped;
-}
-
-// ═══════════════════════════════════════════════════════════════════════════
-//  useEventopAI
-//
-//  Access the SDK programmatic API from inside any component.
-//  Use for stepComplete(), stepFail(), open(), close() etc.
-//
-//  @example
-//  function CheckoutForm() {
-//    const { stepComplete, stepFail } = useEventopAI();
-//
-//    async function handleNext() {
-//      const ok = await validateEmail(email);
-//      if (ok) stepComplete();
-//      else stepFail('Please enter a valid email address.');
-//    }
-//  }
-// ═══════════════════════════════════════════════════════════════════════════
-
-function useEventopAI() {
-  const sdk = () => window.Eventop;
-  return {
-    open: () => sdk()?.open(),
-    close: () => sdk()?.close(),
-    cancelTour: () => sdk()?.cancelTour(),
-    resumeTour: () => sdk()?.resumeTour(),
-    isActive: () => sdk()?.isActive() ?? false,
-    isPaused: () => sdk()?.isPaused() ?? false,
-    stepComplete: () => sdk()?.stepComplete(),
-    stepFail: msg => sdk()?.stepFail(msg),
-    runTour: steps => sdk()?.runTour(steps)
-  };
-}
-
-// ═══════════════════════════════════════════════════════════════════════════
-//  useEventopTour
-//
-//  Reactively tracks tour state so you can render your own UI.
-//  Polls at 300ms — lightweight enough for a status indicator.
-//
-//  @example
-//  function TourBar() {
-//    const { isActive, isPaused, resume, cancel } = useEventopTour();
-//    if (!isActive && !isPaused) return null;
-//    return (
-//      <div>
-//        {isPaused && <button onClick={resume}>Resume tour</button>}
-//        <button onClick={cancel}>End</button>
-//      </div>
-//    );
-//  }
-// ═══════════════════════════════════════════════════════════════════════════
-
-function useEventopTour() {
-  const [state, setState] = useState({
-    isActive: false,
-    isPaused: false
-  });
-  useEffect(() => {
-    const id = setInterval(() => {
-      const sdk = window.Eventop;
-      if (!sdk) return;
-      const next = {
-        isActive: sdk.isActive(),
-        isPaused: sdk.isPaused()
-      };
-      setState(prev => prev.isActive !== next.isActive || prev.isPaused !== next.isPaused ? next : prev);
-    }, 300);
-    return () => clearInterval(id);
-  }, []);
-  return {
-    ...state,
-    resume: useCallback(() => window.Eventop?.resumeTour(), []),
-    cancel: useCallback(() => window.Eventop?.cancelTour(), []),
-    open: useCallback(() => window.Eventop?.open(), []),
-    close: useCallback(() => window.Eventop?.close(), [])
-  };
-}
+window.EventopAI = {
+  init,
+  open,
+  close,
+  cancelTour,
+  resumeTour,
+  stepComplete,
+  stepFail,
+  isActive,
+  isPaused,
+  runTour,
+  _updateConfig,
+  providers
+};
+var index = window.EventopAI;
 
-export { EventopProvider as EventopAIProvider, EventopStep, EventopTarget, useEventopAI, useEventopTour };
+export { EventopProvider as EventopAIProvider, EventopStep, EventopTarget, index as default, useEventopAI, useEventopTour };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eventop/sdk",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "AI-powered guided tours for any web app. Drop-in, themeable, provider-agnostic.",
   "keywords": [
     "onboarding",