@flowsterix/react 0.7.0 → 0.8.1

package/dist/hooks/useTourControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTourControls.d.ts","sourceRoot":"","sources":["../../src/hooks/useTourControls.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAGlD,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,OAAO,CAAA;IACvB,YAAY,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,OAAO,CAAA;IAClB,cAAc,EAAE,OAAO,CAAA;IACvB,YAAY,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,MAAM,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAA;CACnC;AAYD,eAAO,MAAM,eAAe,QAAO,iBA8HlC,CAAA"}
+{"version":3,"file":"useTourControls.d.ts","sourceRoot":"","sources":["../../src/hooks/useTourControls.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAGlD,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,OAAO,CAAA;IACvB,YAAY,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,OAAO,CAAA;IAClB,cAAc,EAAE,OAAO,CAAA;IACvB,YAAY,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,MAAM,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAA;CACnC;AAUD,eAAO,MAAM,eAAe,QAAO,iBA6HlC,CAAA"}

package/dist/index.cjs

@@ -2262,7 +2262,6 @@ var import_react13 = require("react");
 var import_react12 = require("react");
 var hasManualAdvance = (rules) => rules.some((rule) => rule.type === "manual");
 var didPreviousAdvanceViaRoute = (rules) => rules.some((rule) => rule.type === "route");
-var didPreviousAdvanceViaTargetEvent = (rules) => rules.some((rule) => rule.type === "event" && rule.on === "target");
 var useTourControls = () => {
   const tour = useTour();
   const {
@@ -2298,7 +2297,7 @@ var useTourControls = () => {
     const previousAdvanceRules = previousStep?.advance ?? [];
     const backControlState = activeStep.controls?.back ?? "auto";
     const nextControlState = activeStep.controls?.next ?? "auto";
-    const showBackButton2 = backControlState !== "hidden" && !isFirst2 && !didPreviousAdvanceViaRoute(previousAdvanceRules) && !didPreviousAdvanceViaTargetEvent(previousAdvanceRules);
+    const showBackButton2 = backControlState !== "hidden" && !isFirst2 && !didPreviousAdvanceViaRoute(previousAdvanceRules);
     const backDisabled2 = backControlState === "disabled";
     const manualAdvancePresent = hasManualAdvance(advanceRules);
     const showNextButton2 = nextControlState !== "hidden" && (isLast2 || !hasAdvanceRules || manualAdvancePresent);
@@ -2577,7 +2576,7 @@ var useTourHud = (options = {}) => {
   };
   const popover = (0, import_react16.useMemo)(() => {
     return {
-      offset: popoverOptions?.offset ?? 16,
+      offset: popoverOptions?.offset ?? 32,
       role: popoverOptions?.role ?? "dialog",
       ariaLabel: popoverOptions?.ariaLabel,
       ariaDescribedBy: popoverOptions?.ariaDescribedBy,
@@ -3315,7 +3314,7 @@ var getFloatingCacheKey = (target) => {
 var TourPopoverPortal = ({
   target,
   children,
-  offset = 16,
+  offset = 32,
   width,
   maxWidth,
   zIndex = 1001,

package/dist/index.mjs

@@ -1,5 +1,4 @@
-import "./chunk-WCLT3A6G.mjs";
-import "./chunk-2ZX2Y3JL.mjs";
+import "./chunk-Y5EAQSU3.mjs";
 import {
   createPathString,
   expandRect,
@@ -1960,7 +1959,6 @@ import { useEffect as useEffect9 } from "react";
 import { useCallback as useCallback3, useMemo as useMemo6 } from "react";
 var hasManualAdvance = (rules) => rules.some((rule) => rule.type === "manual");
 var didPreviousAdvanceViaRoute = (rules) => rules.some((rule) => rule.type === "route");
-var didPreviousAdvanceViaTargetEvent = (rules) => rules.some((rule) => rule.type === "event" && rule.on === "target");
 var useTourControls = () => {
   const tour = useTour();
   const {
@@ -1996,7 +1994,7 @@ var useTourControls = () => {
     const previousAdvanceRules = previousStep?.advance ?? [];
     const backControlState = activeStep.controls?.back ?? "auto";
     const nextControlState = activeStep.controls?.next ?? "auto";
-    const showBackButton2 = backControlState !== "hidden" && !isFirst2 && !didPreviousAdvanceViaRoute(previousAdvanceRules) && !didPreviousAdvanceViaTargetEvent(previousAdvanceRules);
+    const showBackButton2 = backControlState !== "hidden" && !isFirst2 && !didPreviousAdvanceViaRoute(previousAdvanceRules);
     const backDisabled2 = backControlState === "disabled";
     const manualAdvancePresent = hasManualAdvance(advanceRules);
     const showNextButton2 = nextControlState !== "hidden" && (isLast2 || !hasAdvanceRules || manualAdvancePresent);
@@ -2275,7 +2273,7 @@ var useTourHud = (options = {}) => {
   };
   const popover = useMemo8(() => {
     return {
-      offset: popoverOptions?.offset ?? 16,
+      offset: popoverOptions?.offset ?? 32,
       role: popoverOptions?.role ?? "dialog",
       ariaLabel: popoverOptions?.ariaLabel,
       ariaDescribedBy: popoverOptions?.ariaDescribedBy,
@@ -3019,7 +3017,7 @@ var getFloatingCacheKey = (target) => {
 var TourPopoverPortal = ({
   target,
   children,
-  offset = 16,
+  offset = 32,
   width,
   maxWidth,
   zIndex = 1001,

package/dist/router/index.cjs

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,31 +15,17 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/router/index.ts
 var router_exports = {};
 __export(router_exports, {
-  TanStackRouterSync: () => TanStackRouterSync,
   createPathString: () => createPathString,
   getCurrentRoutePath: () => getCurrentRoutePath,
-  getTanStackRouter: () => getTanStackRouter,
-  getTourRouter: () => getTourRouter,
   matchRoute: () => matchRoute,
   notifyRouteChange: () => notifyRouteChange,
   routeGatingChannel: () => routeGatingChannel,
-  setTanStackRouter: () => setTanStackRouter,
-  setTourRouter: () => setTourRouter,
-  subscribeToRouteChanges: () => subscribeToRouteChanges,
-  useTanStackRouterTourAdapter: () => useTanStackRouterTourAdapter
+  subscribeToRouteChanges: () => subscribeToRouteChanges
 });
 module.exports = __toCommonJS(router_exports);
 
@@ -211,75 +195,12 @@ var createPathString = (pathname, search, hash) => {
   const hashPart = toHashString(hash);
   return `${normalizedPath}${searchPart}${hashPart}`;
 };
-
-// src/router/tanstackRouterAdapter.tsx
-var import_react_router = require("@tanstack/react-router");
-var import_react2 = require("react");
-
-// src/router/tanstackRouterSync.tsx
-var TanStackRouter = __toESM(require("@tanstack/react-router"), 1);
-var import_react = require("react");
-var currentRouter = null;
-var setTourRouter = (router) => {
-  currentRouter = router;
-};
-var setTanStackRouter = setTourRouter;
-var getTourRouter = () => {
-  return currentRouter;
-};
-var getTanStackRouter = getTourRouter;
-var TanStackRouterSync = ({
-  onRouterAvailable
-}) => {
-  const useRouter2 = TanStackRouter.useRouter;
-  if (typeof useRouter2 !== "function") {
-    if (typeof console !== "undefined") {
-      console.warn(
-        "[tour][router] TanStackRouterSync requires @tanstack/react-router. Call this component only inside TanStack Router environments."
-      );
-    }
-    return null;
-  }
-  useTanStackRouterTourAdapter();
-  const router = useRouter2();
-  (0, import_react.useEffect)(() => {
-    setTourRouter(router);
-    onRouterAvailable?.(router);
-    return () => {
-      if (getTourRouter() === router) {
-        setTourRouter(null);
-      }
-      onRouterAvailable?.(null);
-    };
-  }, [router, onRouterAvailable]);
-  return null;
-};
-
-// src/router/tanstackRouterAdapter.tsx
-var useTanStackRouterTourAdapter = () => {
-  const location = (0, import_react_router.useRouterState)({
-    select: (state) => state.location
-  });
-  (0, import_react2.useEffect)(() => {
-    const resolvedPathname = typeof location.pathname === "string" && location.pathname.length > 0 ? location.pathname : "/";
-    const resolvedSearch = "searchStr" in location && typeof location.searchStr === "string" ? location.searchStr : typeof location.search === "string" ? location.search : "";
-    const resolvedHash = typeof location.hash === "string" ? location.hash : "";
-    const path = typeof location.href === "string" && location.href.length > 0 ? location.href : createPathString(resolvedPathname, resolvedSearch, resolvedHash);
-    notifyRouteChange(path);
-  }, [location]);
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  TanStackRouterSync,
   createPathString,
   getCurrentRoutePath,
-  getTanStackRouter,
-  getTourRouter,
   matchRoute,
   notifyRouteChange,
   routeGatingChannel,
-  setTanStackRouter,
-  setTourRouter,
-  subscribeToRouteChanges,
-  useTanStackRouterTourAdapter
+  subscribeToRouteChanges
 });

package/dist/router/index.d.ts

@@ -1,5 +1,3 @@
 export { getCurrentRoutePath, matchRoute, notifyRouteChange, routeGatingChannel, subscribeToRouteChanges, } from './routeGating';
 export { createPathString } from './utils';
-export { useTanStackRouterTourAdapter } from './tanstackRouterAdapter';
-export { getTanStackRouter, getTourRouter, setTanStackRouter, setTourRouter, TanStackRouterSync, } from './tanstackRouterSync';
 //# sourceMappingURL=index.d.ts.map

package/dist/router/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/router/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,EAAE,4BAA4B,EAAE,MAAM,yBAAyB,CAAA;AAEtE,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,kBAAkB,GACnB,MAAM,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/router/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA"}

package/dist/router/index.mjs

@@ -1,12 +1,4 @@
-import "../chunk-WCLT3A6G.mjs";
-import {
-  TanStackRouterSync,
-  getTanStackRouter,
-  getTourRouter,
-  setTanStackRouter,
-  setTourRouter,
-  useTanStackRouterTourAdapter
-} from "../chunk-2ZX2Y3JL.mjs";
+import "../chunk-Y5EAQSU3.mjs";
 import {
   createPathString,
   getCurrentRoutePath,
@@ -16,16 +8,10 @@ import {
   subscribeToRouteChanges
 } from "../chunk-B44EX7YT.mjs";
 export {
-  TanStackRouterSync,
   createPathString,
   getCurrentRoutePath,
-  getTanStackRouter,
-  getTourRouter,
   matchRoute,
   notifyRouteChange,
   routeGatingChannel,
-  setTanStackRouter,
-  setTourRouter,
-  subscribeToRouteChanges,
-  useTanStackRouterTourAdapter
+  subscribeToRouteChanges
 };

package/dist/router/tanstackRouterAdapter.mjs

@@ -1,12 +1,64 @@
 import {
-  TanStackRouterSync,
-  getTanStackRouter,
-  getTourRouter,
-  setTanStackRouter,
-  setTourRouter,
-  useTanStackRouterTourAdapter
-} from "../chunk-2ZX2Y3JL.mjs";
-import "../chunk-B44EX7YT.mjs";
+  createPathString,
+  notifyRouteChange
+} from "../chunk-B44EX7YT.mjs";
+
+// src/router/tanstackRouterAdapter.tsx
+import { useRouterState } from "@tanstack/react-router";
+import { useEffect as useEffect2 } from "react";
+
+// src/router/tanstackRouterSync.tsx
+import * as TanStackRouter from "@tanstack/react-router";
+import { useEffect } from "react";
+var currentRouter = null;
+var setTourRouter = (router) => {
+  currentRouter = router;
+};
+var setTanStackRouter = setTourRouter;
+var getTourRouter = () => {
+  return currentRouter;
+};
+var getTanStackRouter = getTourRouter;
+var TanStackRouterSync = ({
+  onRouterAvailable
+}) => {
+  const useRouter2 = TanStackRouter.useRouter;
+  if (typeof useRouter2 !== "function") {
+    if (typeof console !== "undefined") {
+      console.warn(
+        "[tour][router] TanStackRouterSync requires @tanstack/react-router. Call this component only inside TanStack Router environments."
+      );
+    }
+    return null;
+  }
+  useTanStackRouterTourAdapter();
+  const router = useRouter2();
+  useEffect(() => {
+    setTourRouter(router);
+    onRouterAvailable?.(router);
+    return () => {
+      if (getTourRouter() === router) {
+        setTourRouter(null);
+      }
+      onRouterAvailable?.(null);
+    };
+  }, [router, onRouterAvailable]);
+  return null;
+};
+
+// src/router/tanstackRouterAdapter.tsx
+var useTanStackRouterTourAdapter = () => {
+  const location = useRouterState({
+    select: (state) => state.location
+  });
+  useEffect2(() => {
+    const resolvedPathname = typeof location.pathname === "string" && location.pathname.length > 0 ? location.pathname : "/";
+    const resolvedSearch = "searchStr" in location && typeof location.searchStr === "string" ? location.searchStr : typeof location.search === "string" ? location.search : "";
+    const resolvedHash = typeof location.hash === "string" ? location.hash : "";
+    const path = typeof location.href === "string" && location.href.length > 0 ? location.href : createPathString(resolvedPathname, resolvedSearch, resolvedHash);
+    notifyRouteChange(path);
+  }, [location]);
+};
 export {
   TanStackRouterSync,
   getTanStackRouter,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowsterix/react",
-  "version": "0.7.0",
+  "version": "0.8.1",
   "description": "React bindings for Flowsterix - guided tours and onboarding flows",
   "license": "MIT",
   "repository": {

package/dist/chunk-2ZX2Y3JL.mjs

@@ -1,70 +0,0 @@
-import {
-  createPathString,
-  notifyRouteChange
-} from "./chunk-B44EX7YT.mjs";
-
-// src/router/tanstackRouterAdapter.tsx
-import { useRouterState } from "@tanstack/react-router";
-import { useEffect as useEffect2 } from "react";
-
-// src/router/tanstackRouterSync.tsx
-import * as TanStackRouter from "@tanstack/react-router";
-import { useEffect } from "react";
-var currentRouter = null;
-var setTourRouter = (router) => {
-  currentRouter = router;
-};
-var setTanStackRouter = setTourRouter;
-var getTourRouter = () => {
-  return currentRouter;
-};
-var getTanStackRouter = getTourRouter;
-var TanStackRouterSync = ({
-  onRouterAvailable
-}) => {
-  const useRouter2 = TanStackRouter.useRouter;
-  if (typeof useRouter2 !== "function") {
-    if (typeof console !== "undefined") {
-      console.warn(
-        "[tour][router] TanStackRouterSync requires @tanstack/react-router. Call this component only inside TanStack Router environments."
-      );
-    }
-    return null;
-  }
-  useTanStackRouterTourAdapter();
-  const router = useRouter2();
-  useEffect(() => {
-    setTourRouter(router);
-    onRouterAvailable?.(router);
-    return () => {
-      if (getTourRouter() === router) {
-        setTourRouter(null);
-      }
-      onRouterAvailable?.(null);
-    };
-  }, [router, onRouterAvailable]);
-  return null;
-};
-
-// src/router/tanstackRouterAdapter.tsx
-var useTanStackRouterTourAdapter = () => {
-  const location = useRouterState({
-    select: (state) => state.location
-  });
-  useEffect2(() => {
-    const resolvedPathname = typeof location.pathname === "string" && location.pathname.length > 0 ? location.pathname : "/";
-    const resolvedSearch = "searchStr" in location && typeof location.searchStr === "string" ? location.searchStr : typeof location.search === "string" ? location.search : "";
-    const resolvedHash = typeof location.hash === "string" ? location.hash : "";
-    const path = typeof location.href === "string" && location.href.length > 0 ? location.href : createPathString(resolvedPathname, resolvedSearch, resolvedHash);
-    notifyRouteChange(path);
-  }, [location]);
-};
-
-export {
-  setTourRouter,
-  setTanStackRouter,
-  getTourRouter,
-  getTanStackRouter,
-  TanStackRouterSync,
-  useTanStackRouterTourAdapter
-};