@eventop/sdk 1.1.2 → 1.1.4

package/dist/react/index.js

@@ -1,4 +1,5 @@
-import require$$0, { 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';
 
 /**
  * Root context — holds the global feature registry.
@@ -23,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
  *
@@ -185,290 +382,6 @@ function createFeatureRegistry() {
   };
 }
 
-var jsxRuntime = {exports: {}};
-
-var reactJsxRuntime_production = {};
-
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredReactJsxRuntime_production;
-function requireReactJsxRuntime_production() {
-  if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
-  hasRequiredReactJsxRuntime_production = 1;
-  var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
-    REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
-  function jsxProd(type, config, maybeKey) {
-    var key = null;
-    void 0 !== maybeKey && (key = "" + maybeKey);
-    void 0 !== config.key && (key = "" + config.key);
-    if ("key" in config) {
-      maybeKey = {};
-      for (var propName in config) "key" !== propName && (maybeKey[propName] = config[propName]);
-    } else maybeKey = config;
-    config = maybeKey.ref;
-    return {
-      $$typeof: REACT_ELEMENT_TYPE,
-      type: type,
-      key: key,
-      ref: void 0 !== config ? config : null,
-      props: maybeKey
-    };
-  }
-  reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
-  reactJsxRuntime_production.jsx = jsxProd;
-  reactJsxRuntime_production.jsxs = jsxProd;
-  return reactJsxRuntime_production;
-}
-
-var reactJsxRuntime_development = {};
-
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredReactJsxRuntime_development;
-function requireReactJsxRuntime_development() {
-  if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
-  hasRequiredReactJsxRuntime_development = 1;
-  "production" !== process.env.NODE_ENV && function () {
-    function getComponentNameFromType(type) {
-      if (null == type) return null;
-      if ("function" === typeof type) return type.$$typeof === REACT_CLIENT_REFERENCE ? null : type.displayName || type.name || null;
-      if ("string" === typeof type) return type;
-      switch (type) {
-        case REACT_FRAGMENT_TYPE:
-          return "Fragment";
-        case REACT_PROFILER_TYPE:
-          return "Profiler";
-        case REACT_STRICT_MODE_TYPE:
-          return "StrictMode";
-        case REACT_SUSPENSE_TYPE:
-          return "Suspense";
-        case REACT_SUSPENSE_LIST_TYPE:
-          return "SuspenseList";
-        case REACT_ACTIVITY_TYPE:
-          return "Activity";
-      }
-      if ("object" === typeof type) switch ("number" === typeof type.tag && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), type.$$typeof) {
-        case REACT_PORTAL_TYPE:
-          return "Portal";
-        case REACT_CONTEXT_TYPE:
-          return type.displayName || "Context";
-        case REACT_CONSUMER_TYPE:
-          return (type._context.displayName || "Context") + ".Consumer";
-        case REACT_FORWARD_REF_TYPE:
-          var innerType = type.render;
-          type = type.displayName;
-          type || (type = innerType.displayName || innerType.name || "", type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef");
-          return type;
-        case REACT_MEMO_TYPE:
-          return innerType = type.displayName || null, null !== innerType ? innerType : getComponentNameFromType(type.type) || "Memo";
-        case REACT_LAZY_TYPE:
-          innerType = type._payload;
-          type = type._init;
-          try {
-            return getComponentNameFromType(type(innerType));
-          } catch (x) {}
-      }
-      return null;
-    }
-    function testStringCoercion(value) {
-      return "" + value;
-    }
-    function checkKeyStringCoercion(value) {
-      try {
-        testStringCoercion(value);
-        var JSCompiler_inline_result = !1;
-      } catch (e) {
-        JSCompiler_inline_result = true;
-      }
-      if (JSCompiler_inline_result) {
-        JSCompiler_inline_result = console;
-        var JSCompiler_temp_const = JSCompiler_inline_result.error;
-        var JSCompiler_inline_result$jscomp$0 = "function" === typeof Symbol && Symbol.toStringTag && value[Symbol.toStringTag] || value.constructor.name || "Object";
-        JSCompiler_temp_const.call(JSCompiler_inline_result, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", JSCompiler_inline_result$jscomp$0);
-        return testStringCoercion(value);
-      }
-    }
-    function getTaskName(type) {
-      if (type === REACT_FRAGMENT_TYPE) return "<>";
-      if ("object" === typeof type && null !== type && type.$$typeof === REACT_LAZY_TYPE) return "<...>";
-      try {
-        var name = getComponentNameFromType(type);
-        return name ? "<" + name + ">" : "<...>";
-      } catch (x) {
-        return "<...>";
-      }
-    }
-    function getOwner() {
-      var dispatcher = ReactSharedInternals.A;
-      return null === dispatcher ? null : dispatcher.getOwner();
-    }
-    function UnknownOwner() {
-      return Error("react-stack-top-frame");
-    }
-    function hasValidKey(config) {
-      if (hasOwnProperty.call(config, "key")) {
-        var getter = Object.getOwnPropertyDescriptor(config, "key").get;
-        if (getter && getter.isReactWarning) return false;
-      }
-      return void 0 !== config.key;
-    }
-    function defineKeyPropWarningGetter(props, displayName) {
-      function warnAboutAccessingKey() {
-        specialPropKeyWarningShown || (specialPropKeyWarningShown = true, console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", displayName));
-      }
-      warnAboutAccessingKey.isReactWarning = true;
-      Object.defineProperty(props, "key", {
-        get: warnAboutAccessingKey,
-        configurable: true
-      });
-    }
-    function elementRefGetterWithDeprecationWarning() {
-      var componentName = getComponentNameFromType(this.type);
-      didWarnAboutElementRef[componentName] || (didWarnAboutElementRef[componentName] = true, console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."));
-      componentName = this.props.ref;
-      return void 0 !== componentName ? componentName : null;
-    }
-    function ReactElement(type, key, props, owner, debugStack, debugTask) {
-      var refProp = props.ref;
-      type = {
-        $$typeof: REACT_ELEMENT_TYPE,
-        type: type,
-        key: key,
-        props: props,
-        _owner: owner
-      };
-      null !== (void 0 !== refProp ? refProp : null) ? Object.defineProperty(type, "ref", {
-        enumerable: false,
-        get: elementRefGetterWithDeprecationWarning
-      }) : Object.defineProperty(type, "ref", {
-        enumerable: false,
-        value: null
-      });
-      type._store = {};
-      Object.defineProperty(type._store, "validated", {
-        configurable: false,
-        enumerable: false,
-        writable: true,
-        value: 0
-      });
-      Object.defineProperty(type, "_debugInfo", {
-        configurable: false,
-        enumerable: false,
-        writable: true,
-        value: null
-      });
-      Object.defineProperty(type, "_debugStack", {
-        configurable: false,
-        enumerable: false,
-        writable: true,
-        value: debugStack
-      });
-      Object.defineProperty(type, "_debugTask", {
-        configurable: false,
-        enumerable: false,
-        writable: true,
-        value: debugTask
-      });
-      Object.freeze && (Object.freeze(type.props), Object.freeze(type));
-      return type;
-    }
-    function jsxDEVImpl(type, config, maybeKey, isStaticChildren, debugStack, debugTask) {
-      var children = config.children;
-      if (void 0 !== children) if (isStaticChildren) {
-        if (isArrayImpl(children)) {
-          for (isStaticChildren = 0; isStaticChildren < children.length; isStaticChildren++) validateChildKeys(children[isStaticChildren]);
-          Object.freeze && Object.freeze(children);
-        } else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
-      } else validateChildKeys(children);
-      if (hasOwnProperty.call(config, "key")) {
-        children = getComponentNameFromType(type);
-        var keys = Object.keys(config).filter(function (k) {
-          return "key" !== k;
-        });
-        isStaticChildren = 0 < keys.length ? "{key: someKey, " + keys.join(": ..., ") + ": ...}" : "{key: someKey}";
-        didWarnAboutKeySpread[children + isStaticChildren] || (keys = 0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}", console.error('A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />', isStaticChildren, children, keys, children), didWarnAboutKeySpread[children + isStaticChildren] = true);
-      }
-      children = null;
-      void 0 !== maybeKey && (checkKeyStringCoercion(maybeKey), children = "" + maybeKey);
-      hasValidKey(config) && (checkKeyStringCoercion(config.key), children = "" + config.key);
-      if ("key" in config) {
-        maybeKey = {};
-        for (var propName in config) "key" !== propName && (maybeKey[propName] = config[propName]);
-      } else maybeKey = config;
-      children && defineKeyPropWarningGetter(maybeKey, "function" === typeof type ? type.displayName || type.name || "Unknown" : type);
-      return ReactElement(type, children, maybeKey, getOwner(), debugStack, debugTask);
-    }
-    function validateChildKeys(node) {
-      isValidElement(node) ? node._store && (node._store.validated = 1) : "object" === typeof node && null !== node && node.$$typeof === REACT_LAZY_TYPE && ("fulfilled" === node._payload.status ? isValidElement(node._payload.value) && node._payload.value._store && (node._payload.value._store.validated = 1) : node._store && (node._store.validated = 1));
-    }
-    function isValidElement(object) {
-      return "object" === typeof object && null !== object && object.$$typeof === REACT_ELEMENT_TYPE;
-    }
-    var React = require$$0,
-      REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
-      REACT_PORTAL_TYPE = Symbol.for("react.portal"),
-      REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
-      REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
-      REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
-      REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
-      REACT_CONTEXT_TYPE = Symbol.for("react.context"),
-      REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
-      REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
-      REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
-      REACT_MEMO_TYPE = Symbol.for("react.memo"),
-      REACT_LAZY_TYPE = Symbol.for("react.lazy"),
-      REACT_ACTIVITY_TYPE = Symbol.for("react.activity"),
-      REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
-      ReactSharedInternals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      hasOwnProperty = Object.prototype.hasOwnProperty,
-      isArrayImpl = Array.isArray,
-      createTask = console.createTask ? console.createTask : function () {
-        return null;
-      };
-    React = {
-      react_stack_bottom_frame: function (callStackForError) {
-        return callStackForError();
-      }
-    };
-    var specialPropKeyWarningShown;
-    var didWarnAboutElementRef = {};
-    var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(React, UnknownOwner)();
-    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
-    var didWarnAboutKeySpread = {};
-    reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
-    reactJsxRuntime_development.jsx = function (type, config, maybeKey) {
-      var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
-      return jsxDEVImpl(type, config, maybeKey, false, trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack, trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask);
-    };
-    reactJsxRuntime_development.jsxs = function (type, config, maybeKey) {
-      var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
-      return jsxDEVImpl(type, config, maybeKey, true, trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack, trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask);
-    };
-  }();
-  return reactJsxRuntime_development;
-}
-
-if (process.env.NODE_ENV === 'production') {
-  jsxRuntime.exports = requireReactJsxRuntime_production();
-} else {
-  jsxRuntime.exports = requireReactJsxRuntime_development();
-}
-var jsxRuntimeExports = jsxRuntime.exports;
-
 function EventopProvider({
   children,
   provider,
@@ -519,206 +432,26 @@ function EventopProvider({
     unregisterStep: registry.unregisterStep,
     isRegistered: registry.isRegistered
   };
-  return /*#__PURE__*/jsxRuntimeExports.jsx(EventopRegistryContext.Provider, {
+  return /*#__PURE__*/jsx(EventopRegistryContext.Provider, {
     value: ctx,
     children: children
   });
 }
 
-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__*/jsxRuntimeExports.jsx("span", {
-      [dataAttr]: '',
-      ref: ref,
-      style: {
-        display: 'contents'
-      },
-      children: child
-    });
-  }
-  return /*#__PURE__*/jsxRuntimeExports.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__*/jsxRuntimeExports.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 };