react-native-lumen 1.0.0

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2026 thedev204
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,231 @@
+# React Native Lumen 💡
+
+> A high-performance, fully customizable app tour library for React Native, powered by Reanimated 3.
+
+![Banner](./assets/banner.png)
+
+## Demo
+
+<p>
+  <img src="./assets/showcase.gif" width="220" alt="App Tour Demo" />
+</p>
+
+## Features
+
+- ⚡ **High Performance**: Built with `react-native-reanimated` worklets for 60fps animations.
+- 🎨 **Fully Customizable**: Custom Renderers for tooltips, customizable shapes, and backdrops.
+- 📱 **Expo Compatible**: Works seamlessly with Expo and bare React Native projects.
+- 🤸 **Smooth Transitions**: Fluid morphing animations between steps.
+- ✨ **Animation Presets**: Ships with beautiful bouncy, gentle, and snappy spring presets.
+- 📜 **Auto Scrolling**: Automatically scrolls to next steps.
+- 👆 **Interaction Control**: Choose to block or allow interactions with the underlying app.
+
+## Requirements
+
+This library relies on strict peer dependencies to ensure performance:
+
+- `react-native` >= 0.70.0
+- `react-native-reanimated` >= 3.0.0
+- `react-native-svg` >= 12.0.0
+- `react-native-gesture-handler` >= 2.0.0
+
+## Installation
+
+```sh
+npm install react-native-lumen react-native-reanimated react-native-svg react-native-gesture-handler react-native-worklets
+```
+
+## Usage
+
+1.  **Wrap your App with `TourProvider`**:
+
+```tsx
+import { TourProvider } from 'react-native-lumen';
+
+export default function App() {
+  return (
+    <TourProvider>
+      <YourAppContent />
+    </TourProvider>
+  );
+}
+```
+
+2.  **Highlight Elements with `TourZone`**:
+
+```tsx
+import { TourZone } from 'react-native-lumen';
+
+<TourZone
+  stepKey="step-1"
+  name="My Feature"
+  description="This is an awesome feature you should know about."
+  order={1}
+  borderRadius={10}
+>
+  <MyButton />
+</TourZone>;
+```
+
+3.  **Control the Tour**:
+
+```tsx
+import { useTour } from 'react-native-lumen';
+
+const MyComponent = () => {
+  const { start } = useTour();
+  return <Button title="Start Tour" onPress={() => start()} />;
+};
+```
+
+## API Documentation
+
+### `TourProvider`
+
+The main context provider. Place this at the root of your application.
+
+| Prop              | Type              | Default     | Description                                              |
+| :---------------- | :---------------- | :---------- | :------------------------------------------------------- |
+| `children`        | `React.ReactNode` | Required    | Application content.                                     |
+| `stepsOrder`      | `string[]`        | `undefined` | Optional array of step keys to define a forced sequence. |
+| `backdropOpacity` | `number`          | `0.5`       | Opacity of the dark background overlay (0-1).            |
+| `config`          | `TourConfig`      | `undefined` | Global configuration options.                            |
+
+### `TourZone`
+
+Wrapper component to register an element as a tour step.
+
+| Prop           | Type                 | Default     | Description                                     |
+| :------------- | :------------------- | :---------- | :---------------------------------------------- |
+| `stepKey`      | `string`             | Required    | Unique identifier for the step.                 |
+| `name`         | `string`             | `undefined` | Title of the step.                              |
+| `description`  | `string`             | Required    | Description text shown in the tooltip.          |
+| `order`        | `number`             | `undefined` | Order of appearance (if `stepsOrder` not used). |
+| `shape`        | `'rect' \| 'circle'` | `'rect'`    | Shape of the spotlight.                         |
+| `borderRadius` | `number`             | `10`        | Border radius of the spotlight.                 |
+| `clickable`    | `boolean`            | `false`     | If `true`, the step remains interactive.        |
+| `style`        | `ViewStyle`          | `undefined` | Style for the wrapping container.               |
+
+### `TourConfig`
+
+Configuration object needed for `TourProvider`.
+
+```tsx
+interface TourConfig {
+  /**
+   * Animation configuration for the spotlight movement.
+   * You can use presets like WigglySpringConfig, GentleSpringConfig etc.
+   */
+  springConfig?: WithSpringConfig;
+  /**
+   * If true, prevents interaction with the underlying app while tour is active.
+   */
+  preventInteraction?: boolean;
+  /**
+   * Custom labels for buttons.
+   */
+  labels?: {
+    next?: string;
+    previous?: string;
+    finish?: string;
+    skip?: string;
+  };
+  /**
+   * Custom renderer for the card/tooltip.
+   */
+  renderCard?: (props: CardProps) => React.ReactNode;
+  /**
+   * Initial overlay opacity. Default 0.5
+   */
+  backdropOpacity?: number;
+}
+```
+
+## Customization Guide
+
+### Animation Presets
+
+React Native Lumen comes with built-in Reanimated spring configs for easy usage.
+
+```tsx
+import { TourProvider, WigglySpringConfig } from 'react-native-lumen';
+
+<TourProvider config={{ springConfig: WigglySpringConfig }}>...</TourProvider>;
+```
+
+### Auto Scroll Support
+
+React Native Lumen supports auto-scrolling to steps that are off-screen. To enable this, simply attach the `scrollViewRef` provided by the hook to your scroll container.
+
+```tsx
+import { useTour } from 'react-native-lumen';
+import Animated from 'react-native-reanimated';
+
+const MyScrollableScreen = () => {
+  const { scrollViewRef } = useTour();
+
+  return (
+    <Animated.ScrollView ref={scrollViewRef}>
+      {/* ... content with TourZones ... */}
+    </Animated.ScrollView>
+  );
+};
+```
+
+> **Note:** The scroll view must be compatible with Reanimated refs (e.g. `Animated.ScrollView`).
+
+Available presets:
+
+- `Reanimated3DefaultSpringConfig`
+- `WigglySpringConfig` (Bouncy)
+- `GentleSpringConfig` (Smooth)
+- `SnappySpringConfig` (Fast & Responsive)
+- `and more!`
+
+### Custom Tooltip Card
+
+You can fully replace the default tooltip with your own beautiful UI using the `renderCard` prop in `config`.
+
+```tsx
+import { TourProvider, CardProps } from 'react-native-lumen';
+
+const CustomCard = ({
+  step,
+  next,
+  prev,
+  stop,
+  isLast,
+  currentStepIndex,
+  totalSteps,
+}: CardProps) => (
+  <View style={{ padding: 20, backgroundColor: 'white', borderRadius: 20 }}>
+    <Text style={{ fontWeight: 'bold', fontSize: 20 }}>{step.name}</Text>
+    <Text>{step.description}</Text>
+    <Text style={{ color: 'gray' }}>
+      Step {currentStepIndex + 1} of {totalSteps}
+    </Text>
+
+    <View style={{ flexDirection: 'row', marginTop: 10 }}>
+      <Button onPress={stop} title="Close" />
+      <View style={{ flex: 1 }} />
+      {!isLast ? (
+        <Button onPress={next} title="Next" />
+      ) : (
+        <Button onPress={stop} title="Finish" />
+      )}
+    </View>
+  </View>
+);
+
+export default function App() {
+  return (
+    <TourProvider config={{ renderCard: (props) => <CustomCard {...props} /> }}>
+      <AppContent />
+    </TourProvider>
+  );
+}
+```
+
+## License
+
+MIT

package/lib/module/components/TourOverlay.js

@@ -0,0 +1,134 @@
+"use strict";
+
+import { memo } from 'react';
+import { StyleSheet, Dimensions } from 'react-native';
+import Svg, { Path } from 'react-native-svg';
+import Animated, { useAnimatedProps, useAnimatedStyle } from 'react-native-reanimated';
+import { useTour } from "../hooks/useTour.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  width: SCREEN_WIDTH,
+  height: SCREEN_HEIGHT
+} = Dimensions.get('window');
+const AnimatedPath = Animated.createAnimatedComponent(Path);
+const AnimatedView = Animated.View;
+
+// Helper to create rounded rect path
+// x,y are top-left coordinates
+const createRoundedRectPath = (x, y, w, h, r) => {
+  'worklet';
+
+  // Ensure radius doesn't exceed dimensions
+  const radius = Math.min(r, w / 2, h / 2);
+
+  // Standard SVG Path command for rounded rect
+  return `
+    M ${x + radius}, ${y}
+    H ${x + w - radius}
+    A ${radius} ${radius} 0 0 1 ${x + w}, ${y + radius}
+    V ${y + h - radius}
+    A ${radius} ${radius} 0 0 1 ${x + w - radius}, ${y + h}
+    H ${x + radius}
+    A ${radius} ${radius} 0 0 1 ${x}, ${y + h - radius}
+    V ${y + radius}
+    A ${radius} ${radius} 0 0 1 ${x + radius}, ${y}
+    Z
+  `;
+};
+export const TourOverlay = /*#__PURE__*/memo(() => {
+  const {
+    targetX,
+    targetY,
+    targetWidth,
+    targetHeight,
+    targetRadius,
+    opacity,
+    config,
+    currentStep,
+    steps
+  } = useTour();
+
+  // Create the d string for the mask
+  // Outer rectangle covers the whole screen
+  // Inner shape is the "hole"
+  // fillRule="evenodd" makes the intersection transparent
+  const animatedProps = useAnimatedProps(() => {
+    const holePath = createRoundedRectPath(targetX.value, targetY.value, targetWidth.value, targetHeight.value, targetRadius.value);
+    const path = `
+      M 0,0 
+      H ${SCREEN_WIDTH} 
+      V ${SCREEN_HEIGHT} 
+      H 0 
+      Z 
+      ${holePath}
+    `;
+    return {
+      d: path,
+      fillOpacity: opacity.value
+    };
+  });
+  const step = currentStep ? steps[currentStep] : null;
+  const isClickable = step?.clickable ?? false;
+
+  // Interaction Logic:
+  // 1. preventInteraction = true:
+  //    - Wrapper pointerEvents = 'box-none' (pass through) BUT SVG is auto?
+  //    - Actually, if we want to block OUTSIDE but allow INSIDE:
+  //      - SVG path normally blocks where it draws (the dark part).
+  //      - The 'hole' is empty, so touches pass through the hole to the app?
+  //      - YES, with fillRule="evenodd", the hole effectively has no fill.
+  //      - So if SVG is 'auto', touching the dark mask is blocked (if we consume touch).
+  //      - Touching the hole goes through to the app (GOOD for clickable).
+  //    - IF we want to BLOCK the hole (clickable=false):
+  //      - We need a transparent view covering the hole that consumes touches.
+  //
+  // 2. preventInteraction = false (default):
+  //    - Overlay shouldn't block anything?
+  //    - pointerEvents='none' on the whole container.
+
+  const shouldBlockOutside = config?.preventInteraction ?? false;
+
+  // If we don't want to block outside, we just let everything pass.
+  // But wait, if we let everything pass, we can't implement 'clickable=false' strictness?
+  // Usually preventInteraction=false means "just show the highlighter, let user do whatever".
+
+  const containerPointerEvents = shouldBlockOutside && currentStep ? 'box-none' : 'none';
+
+  // If blocking outside, the SVG (which is absolute fill) needs to catch touches on the dark part.
+
+  // Blocker style for the hole (only if NOT clickable)
+  const blockerStyle = useAnimatedStyle(() => {
+    return {
+      position: 'absolute',
+      left: targetX.value,
+      top: targetY.value,
+      width: targetWidth.value,
+      height: targetHeight.value,
+      // We can match radius too if needed, but rect is fine for touch area usually
+      borderRadius: targetRadius.value
+    };
+  });
+  return /*#__PURE__*/_jsxs(AnimatedView, {
+    pointerEvents: containerPointerEvents,
+    style: StyleSheet.absoluteFill,
+    children: [/*#__PURE__*/_jsx(Svg, {
+      height: "100%",
+      width: "100%",
+      style: StyleSheet.absoluteFill,
+      children: /*#__PURE__*/_jsx(AnimatedPath, {
+        animatedProps: animatedProps,
+        fill: "black" // The backdrop color
+        ,
+        fillRule: "evenodd",
+        onPress: () => {
+          // Consume touch on the backdrop?
+        }
+      })
+    }), shouldBlockOutside && !isClickable && currentStep && /*#__PURE__*/_jsx(AnimatedView, {
+      style: blockerStyle,
+      pointerEvents: "auto" // Catch touches
+      // backgroundColor="transparent" // Default
+    })]
+  });
+});
+//# sourceMappingURL=TourOverlay.js.map

package/lib/module/components/TourOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","StyleSheet","Dimensions","Svg","Path","Animated","useAnimatedProps","useAnimatedStyle","useTour","jsx","_jsx","jsxs","_jsxs","width","SCREEN_WIDTH","height","SCREEN_HEIGHT","get","AnimatedPath","createAnimatedComponent","AnimatedView","View","createRoundedRectPath","x","y","w","h","r","radius","Math","min","TourOverlay","targetX","targetY","targetWidth","targetHeight","targetRadius","opacity","config","currentStep","steps","animatedProps","holePath","value","path","d","fillOpacity","step","isClickable","clickable","shouldBlockOutside","preventInteraction","containerPointerEvents","blockerStyle","position","left","top","borderRadius","pointerEvents","style","absoluteFill","children","fill","fillRule","onPress"],"sourceRoot":"..\\..\\..\\src","sources":["components/TourOverlay.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/TourProvider.js

@@ -0,0 +1,233 @@
+"use strict";
+
+import React, { createContext, useState, useCallback, useMemo, useRef } from 'react';
+import { useSharedValue, withSpring, withTiming, useAnimatedRef, default as Animated } from 'react-native-reanimated';
+import { StyleSheet } from 'react-native';
+import { TourOverlay } from "./TourOverlay.js";
+import { TourTooltip } from "./TourTooltip.js";
+import { DEFAULT_BACKDROP_OPACITY, DEFAULT_SPRING_CONFIG } from "../constants/defaults.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const TourContext = /*#__PURE__*/createContext(null);
+const AnimatedView = Animated.View;
+export const TourProvider = ({
+  children,
+  stepsOrder: initialStepsOrder,
+  backdropOpacity = DEFAULT_BACKDROP_OPACITY,
+  config
+}) => {
+  const [steps, setSteps] = useState({});
+  const [currentStep, setCurrentStep] = useState(null);
+
+  // ref to access latest measurements without causing re-renders
+  const measurements = useRef({});
+  const containerRef = useAnimatedRef();
+
+  // --- Shared Values for Animations (Zero Bridge Crossing) ---
+  // Initialize off-screen or 0
+  const targetX = useSharedValue(0);
+  const targetY = useSharedValue(0);
+  const targetWidth = useSharedValue(0);
+  const targetHeight = useSharedValue(0);
+  const targetRadius = useSharedValue(10); // Default border radius
+  const opacity = useSharedValue(0); // 0 = hidden, 1 = visible
+
+  // Helper to animate to a specific step's layout
+  const animateToStep = useCallback(stepKey => {
+    const measure = measurements.current[stepKey];
+    if (measure) {
+      // Validate measurements before animating
+      if (!measure.width || !measure.height || measure.width <= 0 || measure.height <= 0 || isNaN(measure.x) || isNaN(measure.y) || isNaN(measure.width) || isNaN(measure.height)) {
+        console.warn('[TourProvider] Invalid measurements for step:', stepKey, measure);
+        return;
+      }
+      const springConfig = config?.springConfig ?? DEFAULT_SPRING_CONFIG;
+      targetX.value = withSpring(measure.x, springConfig);
+      targetY.value = withSpring(measure.y, springConfig);
+      targetWidth.value = withSpring(measure.width, springConfig);
+      targetHeight.value = withSpring(measure.height, springConfig);
+
+      // If measure result has radius or step meta has radius, use it.
+      // For now defaulting to 10 or meta reading if we passed it back in measure?
+      // Let's assume meta is in steps state.
+      const step = steps[stepKey];
+      const radius = step?.meta?.borderRadius ?? 10;
+      targetRadius.value = withSpring(radius, springConfig);
+
+      // Ensure overlay is visible
+      opacity.value = withTiming(backdropOpacity, {
+        duration: 300
+      });
+    } else {
+      console.warn('[TourProvider] No measurements found for step:', stepKey);
+    }
+  }, [backdropOpacity, targetX, targetY, targetWidth, targetHeight, targetRadius, opacity, config?.springConfig, steps]);
+  const registerStep = useCallback(step => {
+    setSteps(prev => ({
+      ...prev,
+      [step.key]: step
+    }));
+  }, []);
+  const unregisterStep = useCallback(key => {
+    setSteps(prev => {
+      const newSteps = {
+        ...prev
+      };
+      delete newSteps[key];
+      return newSteps;
+    });
+  }, []);
+  const updateStepLayout = useCallback((key, measure) => {
+    // Validate measurements before storing
+    if (!measure.width || !measure.height || measure.width <= 0 || measure.height <= 0 || isNaN(measure.x) || isNaN(measure.y) || isNaN(measure.width) || isNaN(measure.height) || !isFinite(measure.x) || !isFinite(measure.y) || !isFinite(measure.width) || !isFinite(measure.height)) {
+      console.warn('[TourProvider] Invalid measurement update for step:', key, measure);
+      return;
+    }
+    measurements.current[key] = measure;
+    // If this step is currently active (e.g. scroll happened or resize), update shared values on the fly
+    if (currentStep === key) {
+      const springConfig = config?.springConfig ?? DEFAULT_SPRING_CONFIG;
+      targetX.value = withSpring(measure.x, springConfig);
+      targetY.value = withSpring(measure.y, springConfig);
+      targetWidth.value = withSpring(measure.width, springConfig);
+      targetHeight.value = withSpring(measure.height, springConfig);
+
+      // Update radius if available
+      const step = steps[key];
+      const radius = step?.meta?.borderRadius ?? 10;
+      targetRadius.value = withSpring(radius, springConfig);
+
+      // Ensure overlay is visible (fixes race condition where start() was called before measure)
+      opacity.value = withTiming(backdropOpacity, {
+        duration: 300
+      });
+    }
+  }, [currentStep, targetX, targetY, targetWidth, targetHeight, targetRadius, opacity, backdropOpacity, config?.springConfig, steps]);
+  const getOrderedSteps = useCallback(() => {
+    if (initialStepsOrder) return initialStepsOrder;
+    // If order property exists on steps, sort by it.
+    const stepKeys = Object.keys(steps);
+    if (stepKeys.length > 0) {
+      // Check if any step has order
+      const hasOrder = stepKeys.some(key => typeof steps[key]?.order === 'number');
+      if (hasOrder) {
+        return stepKeys.sort((a, b) => (steps[a]?.order ?? 0) - (steps[b]?.order ?? 0));
+      }
+    }
+    return stepKeys;
+  }, [initialStepsOrder, steps]);
+  const start = useCallback(stepKey => {
+    const ordered = getOrderedSteps();
+    const firstStep = stepKey || ordered[0];
+    if (firstStep) {
+      setCurrentStep(firstStep);
+      // We need to wait for layout if it's not ready?
+      // Assuming layout is ready since components are mounted.
+      // But if we start immediately on mount, might be tricky.
+      // For now assume standard flow.
+      // requestAnimationFrame to ensure state update propagates if needed,
+      // but simple call is usually fine.
+      setTimeout(() => animateToStep(firstStep), 0);
+    }
+  }, [getOrderedSteps, animateToStep]);
+  const stop = useCallback(() => {
+    setCurrentStep(null);
+    opacity.value = withTiming(0, {
+      duration: 300
+    });
+  }, [opacity]);
+  const next = useCallback(() => {
+    if (!currentStep) return;
+    const ordered = getOrderedSteps();
+    const currentIndex = ordered.indexOf(currentStep);
+    if (currentIndex < ordered.length - 1) {
+      const nextStep = ordered[currentIndex + 1];
+      if (nextStep) {
+        setCurrentStep(nextStep);
+        // Don't call animateToStep here - it uses cached measurements that may be stale
+        // after scroll. The useFrameCallback in TourZone will handle position tracking
+        // using measure() with correct screen coordinates (pageX/pageY).
+        // Just ensure the overlay is visible.
+        opacity.value = withTiming(backdropOpacity, {
+          duration: 300
+        });
+      } else {
+        stop();
+      }
+    } else {
+      stop(); // End of tour
+    }
+  }, [currentStep, getOrderedSteps, stop, opacity, backdropOpacity]);
+  const prev = useCallback(() => {
+    if (!currentStep) return;
+    const ordered = getOrderedSteps();
+    const currentIndex = ordered.indexOf(currentStep);
+    if (currentIndex > 0) {
+      const prevStep = ordered[currentIndex - 1];
+      if (prevStep) {
+        setCurrentStep(prevStep);
+        // Don't call animateToStep - let useFrameCallback handle position tracking
+        opacity.value = withTiming(backdropOpacity, {
+          duration: 300
+        });
+      }
+    }
+  }, [currentStep, getOrderedSteps, opacity, backdropOpacity]);
+  const scrollViewRef = useAnimatedRef();
+  const setScrollViewRef = useCallback(_ref => {
+    // If user passes a ref, we might want to sync it?
+    // Or we just provide this function for them to give us the ref.
+    // With useAnimatedRef, we can assign it if it's a function or object?
+    // Actually, safest is to let them assign our ref to their component.
+    // But they might have their own ref.
+    // Let's assume they call this with their ref.
+    // BUT useAnimatedRef cannot easily accept an external ref object to "become".
+    // Pattern: They should use the ref we give them, OR we wrap their component?
+    // Simpler: We just expose 'scrollViewRef' from context, and they attach it.
+    // So 'setScrollViewRef' might be redundant if we just say "here is the ref, use it".
+    // But if they have their own, they can't usage two refs easily without merging.
+    // Let's stick to exposing `scrollViewRef` from context that they MUST use.
+    // But wait, the interface says `setScrollViewRef`.
+    // Let's keep `setScrollViewRef` as a no-op or a way to manually set it if needed (not RecAnimated friendly).
+    // Actually, let's just expose `scrollViewRef` and `registerScrollView` which essentially does nothing if we expect them to use the ref object.
+    // Let's make `setScrollViewRef` actually do something if possible, or just document "Use exposed scrollViewRef".
+    // For now, let's just return the `scrollViewRef` we created.
+  }, []);
+  const value = useMemo(() => ({
+    start,
+    stop,
+    next,
+    prev,
+    registerStep,
+    unregisterStep,
+    updateStepLayout,
+    currentStep,
+    targetX,
+    targetY,
+    targetWidth,
+    targetHeight,
+    targetRadius,
+    opacity,
+    steps,
+    config,
+    containerRef,
+    scrollViewRef,
+    setScrollViewRef
+  }), [start, stop, next, prev, registerStep, unregisterStep, updateStepLayout, currentStep, targetX, targetY, targetWidth, targetHeight, targetRadius, opacity, steps, config,
+  // containerRef is stable
+  scrollViewRef, setScrollViewRef]);
+  return /*#__PURE__*/_jsx(TourContext.Provider, {
+    value: value,
+    children: /*#__PURE__*/_jsxs(AnimatedView, {
+      ref: containerRef,
+      style: styles.container,
+      collapsable: false,
+      children: [children, /*#__PURE__*/_jsx(TourOverlay, {}), /*#__PURE__*/_jsx(TourTooltip, {})]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=TourProvider.js.map

package/lib/module/components/TourProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useState","useCallback","useMemo","useRef","useSharedValue","withSpring","withTiming","useAnimatedRef","default","Animated","StyleSheet","TourOverlay","TourTooltip","DEFAULT_BACKDROP_OPACITY","DEFAULT_SPRING_CONFIG","jsx","_jsx","jsxs","_jsxs","TourContext","AnimatedView","View","TourProvider","children","stepsOrder","initialStepsOrder","backdropOpacity","config","steps","setSteps","currentStep","setCurrentStep","measurements","containerRef","targetX","targetY","targetWidth","targetHeight","targetRadius","opacity","animateToStep","stepKey","measure","current","width","height","isNaN","x","y","console","warn","springConfig","value","step","radius","meta","borderRadius","duration","registerStep","prev","key","unregisterStep","newSteps","updateStepLayout","isFinite","getOrderedSteps","stepKeys","Object","keys","length","hasOrder","some","order","sort","a","b","start","ordered","firstStep","setTimeout","stop","next","currentIndex","indexOf","nextStep","prevStep","scrollViewRef","setScrollViewRef","_ref","Provider","ref","style","styles","container","collapsable","create","flex"],"sourceRoot":"..\\..\\..\\src","sources":["components/TourProvider.tsx"],"mappings":"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","ignoreList":[]}