@korsolutions/guidon 1.0.15 → 1.0.17

package/README.md

@@ -20,21 +20,13 @@ yarn add react react-native react-native-reanimated react-native-safe-area-conte
 
 ## Quick Start
 
-Guidon supports two modes:
-- **Single Tour Mode**: One tour per provider (legacy, simpler for single-screen tours)
-- **Multi-Tour Mode**: Multiple named tours configured once, started from anywhere (recommended for apps with multiple screens)
-
-### Multi-Tour Mode (Recommended)
-
-Best for apps with tours on multiple screens.
-
-#### 1. Configure Tours Once (at app root)
+### 1. Configure Tours (at app root)
 
 ```tsx
 import { Guidon, GuidonProvider, GuidonToursConfig } from '@korsolutions/guidon';
 
 // Configure all tours ONCE outside React (stable reference)
-const config = {
+const config: GuidonToursConfig  = {
   // Global theme applies to all tours
   theme: {
     primaryColor: '#007AFF',
@@ -69,7 +61,7 @@ Guidon.configureTours(config);
 export default function App() {
   return (
     <QueryClientProvider client={queryClient}>
-      <GuidonProvider>  {/* No config prop needed! */}
+      <GuidonProvider>
         <Navigation />
       </GuidonProvider>
     </QueryClientProvider>
@@ -77,13 +69,15 @@ export default function App() {
 }
 ```
 
-#### 2. Start Tours from Screens
+### 2. Start Tours from Screens
 
 ```tsx
 import { useEffect } from 'react';
-import { Guidon, GuidonTarget } from '@korsolutions/guidon';
+import { Guidon, useGuidon } from '@korsolutions/guidon';
 
 function ExploreScreen() {
+  const { register } = useGuidon();
+
   useEffect(() => {
     Guidon.start('explore');  // Start this screen's tour
     return () => Guidon.stop(); // Stop when leaving screen
@@ -91,83 +85,28 @@ function ExploreScreen() {
 
   return (
     <View>
-      <GuidonTarget id="search-btn">
-        <Button title="Search" />
-      </GuidonTarget>
-      <GuidonTarget id="filter-btn">
-        <Button title="Filter" />
-      </GuidonTarget>
+      <Button ref={register('search-btn')} title="Search" />
+      <Button ref={register('filter-btn')} title="Filter" />
     </View>
   );
 }
 ```
 
-### Single Tour Mode (Legacy)
-
-For simpler use cases with one tour per screen.
-
-#### 1. Define Your Guidon Steps
-
-```tsx
-import type { GuidonConfig } from '@korsolutions/guidon';
-
-const exploreGuidonConfig: GuidonConfig = {
-  id: 'explore-guidon',
-  steps: [
-    {
-      id: 'welcome',
-      targetId: 'search-button',
-      title: 'Welcome!',
-      description: 'Let us show you around the app.',
-      tooltipPosition: 'bottom',
-    },
-    {
-      id: 'filters',
-      targetId: 'filter-button',
-      title: 'Filters',
-      description: 'Use filters to find exactly what you need.',
-      tooltipPosition: 'bottom',
-    },
-  ],
-  theme: {
-    primaryColor: '#007AFF',
-    backdropOpacity: 0.8,
-  },
-  onComplete: () => {
-    console.log('Guidon completed!');
-  },
-};
-```
-
-#### 2. Wrap Your Screen with GuidonProvider
-
-```tsx
-import { GuidonProvider } from '@korsolutions/guidon';
-
-function ExploreScreen() {
-  return (
-    <GuidonProvider
-      config={exploreGuidonConfig}
-      autoStart={true}
-    >
-      <YourScreenContent />
-    </GuidonProvider>
-  );
-}
-```
-
-#### 3. Mark Target Elements with GuidonTarget
+### Alternative: GuidonTarget Component
 
 ```tsx
 import { GuidonTarget } from '@korsolutions/guidon';
 
-function SearchButton() {
+function ExploreScreen() {
   return (
-    <GuidonTarget targetId="search-button">
-      <TouchableOpacity onPress={handleSearch}>
-        <SearchIcon />
-      </TouchableOpacity>
-    </GuidonTarget>
+    <View>
+      <GuidonTarget targetId="search-btn">
+        <Button title="Search" />
+      </GuidonTarget>
+      <GuidonTarget targetId="filter-btn">
+        <Button title="Filter" />
+      </GuidonTarget>
+    </View>
   );
 }
 ```
@@ -177,24 +116,28 @@ function SearchButton() {
 Create steps without a target element for welcome screens or announcements:
 
 ```tsx
-const config: GuidonConfig = {
-  id: 'welcome-tour',
-  steps: [
-    {
+const config = {
+  tours: {
+    welcome: {
       id: 'welcome',
-      // No targetId - this is a floating step!
-      title: 'Welcome to Our App!',
-      description: 'Let us show you around.',
-      floatingPosition: 'center', // 'center' | 'top' | 'bottom' | 'top-left' | etc.
-    },
-    {
-      id: 'feature-1',
-      targetId: 'some-button',
-      title: 'First Feature',
-      description: 'This highlights an element.',
+      steps: [
+        {
+          id: 'intro',
+          // No targetId - this is a floating step!
+          title: 'Welcome to Our App!',
+          description: 'Let us show you around.',
+          floatingPosition: 'center', // 'center' | 'top' | 'bottom' | 'top-left' | etc.
+        },
+        {
+          id: 'feature-1',
+          targetId: 'some-button',
+          title: 'First Feature',
+          description: 'This highlights an element.',
+        },
+      ],
     },
-  ],
-};
+  },
+} satisfies GuidonToursConfig;
 ```
 
 ## Persistence
@@ -219,10 +162,7 @@ const nativeAdapter = createAsyncStorageAdapter(AsyncStorage);
 
 function App() {
   return (
-    <GuidonProvider
-      config={config}
-      persistenceAdapter={nativeAdapter}
-    >
+    <GuidonProvider persistenceAdapter={nativeAdapter}>
       <YourApp />
     </GuidonProvider>
   );
@@ -276,12 +216,12 @@ Use outside React components or for programmatic control:
 ```tsx
 import { Guidon } from '@korsolutions/guidon';
 
-// Multi-tour mode
-Guidon.configureTours(tours);    // Configure all tours at once
+// Configuration
+Guidon.configureTours(config);   // Configure all tours
+
+// Control
 Guidon.start('explore');         // Start a specific tour by ID
 Guidon.stop();                   // Stop current tour without completing
-
-// Navigation
 Guidon.next();                   // Go to next step
 Guidon.previous();               // Go to previous step
 Guidon.goToStep(2);              // Jump to specific step
@@ -305,8 +245,7 @@ Guidon.reset();                  // Reset to initial state
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `config` | `GuidonConfig` | - | Configuration (optional in multi-tour mode) |
-| `autoStart` | `boolean` | `true` | Whether to auto-start when mounted |
+| `autoStart` | `string` | - | Tour ID to auto-start when mounted |
 | `shouldStart` | `() => boolean \| Promise<boolean>` | - | Custom condition for starting |
 | `persistenceAdapter` | `GuidonPersistenceAdapter` | - | Adapter for saving progress |
 | `portalComponent` | `React.ComponentType` | - | Custom portal for overlay rendering |
@@ -314,18 +253,33 @@ Guidon.reset();                  // Reset to initial state
 | `tooltipLabels` | `object` | - | Customize button labels |
 | `onBackdropPress` | `() => void` | - | Called when backdrop is pressed |
 
-### GuidonConfig
+### GuidonToursConfig
 
 ```tsx
-interface GuidonConfig {
-  id: string;                    // Unique identifier
-  steps: GuidonStep[];           // Array of steps
-  theme?: GuidonTheme;           // Theme customization
-  animationDuration?: number;    // Animation duration (ms)
-  onComplete?: () => void;       // Called on completion
-  onSkip?: () => void;           // Called when skipped
-  onStepChange?: (index, step) => void; // Called on step change
-}
+import { GuidonToursConfig } from '@korsolutions/guidon';
+
+const config = {
+  // Global settings apply to all tours
+  theme: {
+    primaryColor: '#007AFF',
+    backdropOpacity: 0.8,
+  },
+  animationDuration: 300,
+
+  // Define tours
+  tours: {
+    explore: {
+      id: 'explore',
+      steps: [{ id: 's1', title: 'Welcome', description: '...' }],
+      onComplete: () => console.log('Done'),
+    },
+    profile: {
+      id: 'profile',
+      steps: [...],
+      theme: { primaryColor: '#FF0000' }, // Override for this tour only
+    },
+  },
+} satisfies GuidonToursConfig;
 ```
 
 ### GuidonStep
@@ -364,53 +318,6 @@ interface GuidonTheme {
 }
 ```
 
-### GuidonToursConfig (Recommended)
-
-Use `GuidonToursConfig` for full autocomplete and global theme support:
-
-```tsx
-import { GuidonToursConfig } from '@korsolutions/guidon';
-
-const config = {
-  // Global settings apply to all tours
-  theme: {
-    primaryColor: '#007AFF',
-    backdropOpacity: 0.8,
-  },
-  animationDuration: 300,
-
-  // Define tours
-  tours: {
-    explore: {
-      id: 'explore',
-      steps: [{ id: 's1', title: 'Welcome', description: '...' }],
-    },
-    profile: {
-      id: 'profile',
-      steps: [...],
-      theme: { primaryColor: '#FF0000' }, // Override for this tour only
-    },
-  },
-} satisfies GuidonToursConfig;
-
-Guidon.configureTours(config);
-```
-
-### GuidonTours (Legacy)
-
-The flat format is still supported for backwards compatibility:
-
-```tsx
-type GuidonTours = Record<string, GuidonConfig>;
-
-const tours: GuidonTours = {
-  explore: { id: 'explore', steps: [...], theme: {...} },
-  profile: { id: 'profile', steps: [...], theme: {...} },
-};
-
-Guidon.configureTours(tours);
-```
-
 ## Controlling the Guidon
 
 ### Using the Context Hook
@@ -424,7 +331,7 @@ function ReplayButton() {
   return (
     <>
       {isCompleted && (
-        <Button onPress={replay}>Replay Tutorial</Button>
+        <Button onPress={() => replay('explore')}>Replay Tutorial</Button>
       )}
       <Button onPress={() => start('explore')}>Start Explore Tour</Button>
     </>
@@ -460,7 +367,6 @@ function GuidonStatus() {
 
 ```tsx
 <GuidonProvider
-  config={config}
   renderTooltip={({ step, currentIndex, totalSteps, onNext, onPrevious, onSkip }) => (
     <View style={styles.customTooltip}>
       <Text style={styles.title}>{step.title}</Text>
@@ -481,8 +387,7 @@ function GuidonStatus() {
 
 ```tsx
 <GuidonProvider
-  config={config}
-  autoStart={true}
+  autoStart="welcome"
   shouldStart={async () => {
     // Check if user is new
     const user = await getUser();

package/dist/commonjs/components/GuidonOverlay.js

@@ -13,7 +13,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const AnimatedSvg = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeSvg.default);
 const DEFAULT_THEME = {
-  backdropColor: '#000000',
+  backdropColor: "#000000",
   backdropOpacity: 0.7,
   spotlightBorderRadius: 8,
   spotlightPadding: 8
@@ -27,8 +27,6 @@ function GuidonOverlay({
   const config = (0, _store.useGuidonStore)(state => state.config);
   const currentStepIndex = (0, _store.useGuidonStore)(state => state.currentStepIndex);
   const targetMeasurements = (0, _store.useGuidonStore)(state => state.targetMeasurements);
-
-  // Check for floating or waiting states
   const isFloatingStep = (0, _store.useIsFloatingStep)();
   const waitingState = (0, _store.useWaitingState)();
   const isWaiting = waitingState?.isWaiting ?? false;
@@ -39,17 +37,15 @@ function GuidonOverlay({
   const {
     width: screenWidth,
     height: screenHeight
-  } = _reactNative.Dimensions.get('window');
+  } = _reactNative.Dimensions.get("window");
 
   // Get current step's target measurements
   const currentStep = config?.steps[currentStepIndex];
   const currentTargetId = currentStep?.targetId;
   const measurements = currentTargetId ? targetMeasurements[currentTargetId] : undefined;
-
-  // Determine if we should show full backdrop (no spotlight cutout)
   const showFullBackdrop = isFloatingStep || isWaiting;
 
-  // Calculate spotlight dimensions with padding
+  // Calculations for spotlight dimensions with padding
   const spotlight = (0, _react.useMemo)(() => {
     if (!measurements) {
       return {
@@ -67,8 +63,7 @@ function GuidonOverlay({
     };
   }, [measurements, mergedTheme.spotlightPadding]);
 
-  // Animated styles for fade in/out
-  // Show backdrop for: normal steps with measurements, floating steps, or waiting states
+  //Stylized for fade in/out
   const shouldShow = isActive && (measurements || showFullBackdrop);
   const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
     return {
@@ -81,17 +76,15 @@ function GuidonOverlay({
   if (!isActive) {
     return null;
   }
-
-  // Render full backdrop without spotlight for floating steps or waiting states
   if (showFullBackdrop) {
-    if (_reactNative.Platform.OS === 'web') {
+    if (_reactNative.Platform.OS === "web") {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
         onPress: onBackdropPress,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
           style: [styles.container, animatedStyle],
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             style: {
-              position: 'absolute',
+              position: "absolute",
               inset: 0,
               backgroundColor: mergedTheme.backdropColor,
               opacity: mergedTheme.backdropOpacity
@@ -120,21 +113,17 @@ function GuidonOverlay({
       })
     });
   }
-
-  // If we have a target but no measurements yet, don't render anything
   if (!measurements) {
     return null;
   }
-
-  // For web, use a different approach with CSS
-  if (_reactNative.Platform.OS === 'web') {
+  if (_reactNative.Platform.OS === "web") {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
       onPress: onBackdropPress,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
         style: [styles.container, animatedStyle],
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           style: {
-            position: 'absolute',
+            position: "absolute",
             inset: 0,
             backgroundColor: mergedTheme.backdropColor,
             opacity: mergedTheme.backdropOpacity,
@@ -156,7 +145,7 @@ function GuidonOverlay({
     });
   }
 
-  // Native implementation using SVG mask
+  // Native implementation
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
     onPress: onBackdropPress,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(AnimatedSvg, {

package/dist/commonjs/components/GuidonOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_reactNativeSvg","_store","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedSvg","Animated","createAnimatedComponent","Svg","DEFAULT_THEME","backdropColor","backdropOpacity","spotlightBorderRadius","spotlightPadding","GuidonOverlay","theme","animationDuration","onBackdropPress","isActive","useGuidonStore","state","config","currentStepIndex","targetMeasurements","isFloatingStep","useIsFloatingStep","waitingState","useWaitingState","isWaiting","mergedTheme","width","screenWidth","height","screenHeight","Dimensions","currentStep","steps","currentTargetId","targetId","measurements","undefined","showFullBackdrop","spotlight","useMemo","x","y","shouldShow","animatedStyle","useAnimatedStyle","opacity","withTiming","duration","easing","Easing","inOut","ease","Platform","OS","jsx","TouchableWithoutFeedback","onPress","children","View","style","styles","container","position","inset","backgroundColor","viewBox","Rect","fill","fillOpacity","clipPath","jsxs","Defs","Mask","id","rx","ry","G","mask","StyleSheet","create","absoluteFillObject","zIndex"],"sourceRoot":"../../../src","sources":["components/GuidonOverlay.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_reactNativeSvg","_store","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedSvg","Animated","createAnimatedComponent","Svg","DEFAULT_THEME","backdropColor","backdropOpacity","spotlightBorderRadius","spotlightPadding","GuidonOverlay","theme","animationDuration","onBackdropPress","isActive","useGuidonStore","state","config","currentStepIndex","targetMeasurements","isFloatingStep","useIsFloatingStep","waitingState","useWaitingState","isWaiting","mergedTheme","width","screenWidth","height","screenHeight","Dimensions","currentStep","steps","currentTargetId","targetId","measurements","undefined","showFullBackdrop","spotlight","useMemo","x","y","shouldShow","animatedStyle","useAnimatedStyle","opacity","withTiming","duration","easing","Easing","inOut","ease","Platform","OS","jsx","TouchableWithoutFeedback","onPress","children","View","style","styles","container","position","inset","backgroundColor","viewBox","Rect","fill","fillOpacity","clipPath","jsxs","Defs","Mask","id","rx","ry","G","mask","StyleSheet","create","absoluteFillObject","zIndex"],"sourceRoot":"../../../src","sources":["components/GuidonOverlay.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/GuidonProvider.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.GuidonProvider = GuidonProvider;
 exports.useGuidonContext = useGuidonContext;
 var _react = require("react");
-var _store = require("../store.js");
 var _hooks = require("../persistence/hooks.js");
+var _store = require("../store.js");
 var _GuidonOverlay = require("./GuidonOverlay.js");
 var _GuidonTooltip = require("./GuidonTooltip.js");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -15,27 +15,22 @@ const GuidonContext = /*#__PURE__*/(0, _react.createContext)(null);
 function useGuidonContext() {
   const context = (0, _react.useContext)(GuidonContext);
   if (!context) {
-    throw new Error('useGuidonContext must be used within a GuidonProvider');
+    throw new Error("useGuidonContext must be used within a GuidonProvider");
   }
   return context;
 }
 function GuidonProvider({
   children,
-  config,
-  autoStart = true,
-  shouldStart,
   persistenceAdapter,
   portalComponent: Portal,
   renderTooltip,
   tooltipLabels,
   onBackdropPress
 }) {
-  const hasInitialized = (0, _react.useRef)(false);
   const isActive = (0, _store.useGuidonStore)(state => state.isActive);
   const storeIsCompleted = (0, _store.useGuidonStore)(state => state.isCompleted);
   const storeConfig = (0, _store.useGuidonStore)(state => state.config);
   const currentStepIndex = (0, _store.useGuidonStore)(state => state.currentStepIndex);
-  const configure = (0, _store.useGuidonStore)(state => state.configure);
   const start = (0, _store.useGuidonStore)(state => state.start);
   const next = (0, _store.useGuidonStore)(state => state.next);
   const skip = (0, _store.useGuidonStore)(state => state.skip);
@@ -44,79 +39,19 @@ function GuidonProvider({
   // Check for waiting state (target element not mounted)
   const waitingState = (0, _store.useWaitingState)();
 
-  // Use config prop ID for persistence, or fall back to store config ID
-  const persistenceId = config?.id ?? storeConfig?.id ?? '__guidon_default__';
+  // Use store config ID for persistence
+  const persistenceId = storeConfig?.id ?? "__guidon_default__";
   const {
     isLoading,
     isCompleted: persistedCompleted,
-    markCompleted,
-    markStepViewed,
     clearProgress
   } = (0, _hooks.useGuidonPersistence)(persistenceAdapter, persistenceId);
   const isCompleted = storeIsCompleted || persistedCompleted;
 
-  // Track if we've already configured to prevent re-configuring during active tour
-  const hasConfigured = (0, _react.useRef)(false);
-  const configRef = (0, _react.useRef)(config);
-  configRef.current = config;
-
-  // Only configure if a config prop is provided (legacy single-config mode)
-  // Don't reconfigure if a tour is already active
-  (0, _react.useEffect)(() => {
-    if (!config) return;
-    if (isActive) return; // Don't reconfigure while tour is running
-    if (hasConfigured.current && configRef.current === config) return; // Same config, already configured
-
-    hasConfigured.current = true;
-    const enhancedConfig = {
-      ...config,
-      onComplete: async () => {
-        config.onComplete?.();
-        if (persistenceAdapter) {
-          await markCompleted();
-        }
-      },
-      onSkip: async () => {
-        config.onSkip?.();
-        if (persistenceAdapter) {
-          // Get current step index from store at time of skip
-          const currentIdx = _store.useGuidonStore.getState().currentStepIndex;
-          await markStepViewed(currentIdx);
-        }
-      },
-      onStepChange: async (stepIndex, step) => {
-        config.onStepChange?.(stepIndex, step);
-        if (persistenceAdapter) {
-          await markStepViewed(stepIndex);
-        }
-      }
-    };
-    configure(enhancedConfig);
-  }, [config, configure, persistenceAdapter, markCompleted, markStepViewed, isActive]);
-
-  // Auto-start only in legacy single-config mode
-  (0, _react.useEffect)(() => {
-    if (!config || !autoStart || hasInitialized.current || isLoading) return;
-    const checkAndStart = async () => {
-      hasInitialized.current = true;
-      if (persistedCompleted) return;
-      if (shouldStart) {
-        const should = await shouldStart();
-        if (!should) return;
-      }
-      setTimeout(() => {
-        start();
-      }, 500);
-    };
-    checkAndStart();
-  }, [config, autoStart, isLoading, persistedCompleted, shouldStart, start]);
-
   // Handle wait timeout - auto-skip to next step if waiting too long
-  // Works for both legacy and multi-tour mode (reads from store)
   (0, _react.useEffect)(() => {
-    const activeConfig = storeConfig;
-    if (!activeConfig) return;
-    const currentStep = activeConfig.steps[currentStepIndex];
+    if (!storeConfig) return;
+    const currentStep = storeConfig.steps[currentStepIndex];
     const waitTimeout = currentStep?.waitTimeout;
 
     // Only set timeout if:
@@ -135,14 +70,13 @@ function GuidonProvider({
     }, waitTimeout);
     return () => clearTimeout(timer);
   }, [currentStepIndex, storeConfig, waitingState?.isWaiting, next]);
-  const replay = (0, _react.useCallback)(async () => {
+  const replay = (0, _react.useCallback)(async tourId => {
     if (persistenceAdapter) {
       await clearProgress();
     }
     reset();
-    hasInitialized.current = false;
     setTimeout(() => {
-      start();
+      start(tourId);
     }, 100);
   }, [persistenceAdapter, clearProgress, reset, start]);
   const manualStart = (0, _react.useCallback)(tourId => {
@@ -160,9 +94,9 @@ function GuidonProvider({
     isLoading
   };
 
-  // Get theme from prop config or store config
-  const activeTheme = config?.theme ?? storeConfig?.theme;
-  const activeDuration = config?.animationDuration ?? storeConfig?.animationDuration;
+  // Get theme from store config
+  const activeTheme = storeConfig?.theme;
+  const activeDuration = storeConfig?.animationDuration;
   const overlayContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GuidonOverlay.GuidonOverlay, {
       theme: activeTheme,