@storybook/addon-onboarding 10.2.0-alpha.8 → 10.2.0-beta.0

package/dist/_browser-chunks/{Onboarding-V6NNE74C.js → Onboarding-CWNXQYTK.js}

@@ -1,6 +1,6 @@
 import {
   IntentSurvey
-} from "./chunk-BTSM33XX.js";
+} from "./chunk-IQU35HZW.js";
 import {
   ADDON_CONTROLS_ID,
   ADDON_ONBOARDING_CHANNEL
@@ -6154,9 +6154,7 @@ function Onboarding({
         dismissedStep,
         type: "dismiss",
         userAgent
-      });
-      let url = new URL(window.location.href);
-      url.searchParams.set("onboarding", "false"), history.replaceState({}, "", url.href), api.setQueryParams({ onboarding: "false" }), setEnabled(!1);
+      }), api.applyQueryParams({ onboarding: void 0 }, { replace: !0 }), setEnabled(!1);
     },
     [api, setEnabled, userAgent]
   ), completeSurvey = useCallback3(
@@ -6170,7 +6168,13 @@ function Onboarding({
     [api, selectStory, userAgent]
   );
   if (useEffect5(() => {
-    api.setQueryParams({ onboarding: "true" }), selectStory("example-button--primary"), api.togglePanel(!0), api.togglePanelPosition("bottom"), api.setSelectedPanel(ADDON_CONTROLS_ID);
+    step === "6:IntentSurvey" && !hasCompletedSurvey && api.emit(ADDON_ONBOARDING_CHANNEL, {
+      from: "onboarding",
+      type: "openSurvey",
+      userAgent
+    });
+  }, [api, hasCompletedSurvey, step, userAgent]), useEffect5(() => {
+    api.setQueryParams({ onboarding: "true" }), selectStory("example-button--primary"), api.togglePanel(!0), api.togglePanelPosition("bottom"), api.setSelectedPanel(ADDON_CONTROLS_ID), api.setSizes({ bottomPanelHeight: 300 });
   }, [api, selectStory]), useEffect5(() => {
     let observer = new MutationObserver(() => {
       setPrimaryControl(document.getElementById("control-primary")), setSaveFromControls(document.getElementById("save-from-controls")), setCreateNewStoryForm(document.getElementById("create-new-story-form"));
@@ -6265,6 +6269,7 @@ function Onboarding({
   return React14.createElement(ThemeProvider2, { theme }, showConfetti && React14.createElement(Confetti, null), step === "1:Intro" ? React14.createElement(SplashScreen, { onDismiss: () => setStep("2:Controls") }) : step === "6:IntentSurvey" ? React14.createElement(
     IntentSurvey,
     {
+      isOpen: enabled,
       onComplete: completeSurvey,
       onDismiss: () => disableOnboarding("6:IntentSurvey")
     }

package/dist/_browser-chunks/{Survey-RTIK67MQ.js → Survey-DWFAZIJS.js}

@@ -1,19 +1,26 @@
 import {
   IntentSurvey
-} from "./chunk-BTSM33XX.js";
+} from "./chunk-IQU35HZW.js";
 import {
   ADDON_ONBOARDING_CHANNEL
 } from "./chunk-VFOIHBP2.js";
 import "./chunk-ZYVL3X5E.js";
 
 // src/Survey.tsx
-import React, { useCallback } from "react";
+import React, { useCallback, useEffect, useState } from "react";
 import { ThemeProvider, convert } from "storybook/theming";
 var theme = convert();
 function Survey({ api }) {
-  let userAgent = globalThis?.navigator?.userAgent, disableOnboarding = useCallback(() => {
-    let url = new URL(window.location.href);
-    url.searchParams.set("onboarding", "false"), history.replaceState({}, "", url.href), api.setQueryParams({ onboarding: "false" });
+  let userAgent = globalThis?.navigator?.userAgent, [isOpen, setIsOpen] = useState(!0);
+  useEffect(() => {
+    api.emit(ADDON_ONBOARDING_CHANNEL, {
+      from: "guide",
+      type: "openSurvey",
+      userAgent
+    });
+  }, [api, userAgent]);
+  let disableOnboarding = useCallback(() => {
+    setIsOpen(!1), api.applyQueryParams({ onboarding: void 0 }, { replace: !0 });
   }, [api]), complete = useCallback(
     (answers) => {
       api.emit(ADDON_ONBOARDING_CHANNEL, {
@@ -28,7 +35,7 @@ function Survey({ api }) {
       type: "dismissSurvey"
     }), disableOnboarding();
   }, [api, disableOnboarding]);
-  return React.createElement(ThemeProvider, { theme }, React.createElement(IntentSurvey, { onComplete: complete, onDismiss: dismiss }));
+  return React.createElement(ThemeProvider, { theme }, React.createElement(IntentSurvey, { isOpen, onComplete: complete, onDismiss: dismiss }));
 }
 export {
   Survey as default

package/dist/_browser-chunks/{chunk-BTSM33XX.js → chunk-IQU35HZW.js}

@@ -34,6 +34,7 @@ var Content = styled(Modal.Content)(({ theme }) => ({
 }), Checkbox = styled(Form.Checkbox)({
   margin: 2
 }), IntentSurvey = ({
+  isOpen,
   onComplete,
   onDismiss
 }) => {
@@ -115,10 +116,10 @@ var Content = styled(Modal.Content)(({ theme }) => ({
     Modal,
     {
       ariaLabel: "Storybook user survey",
-      defaultOpen: !0,
+      open: isOpen,
       width: 420,
-      onOpenChange: (isOpen) => {
-        isOpen || onDismiss();
+      onOpenChange: (isOpen2) => {
+        isOpen2 || onDismiss();
       }
     },
     React.createElement(Form, { onSubmit: (e) => {

package/dist/manager.js

@@ -9,7 +9,7 @@ import React, { Suspense, lazy } from "react";
 import { createRoot } from "react-dom/client";
 import { STORY_SPECIFIED } from "storybook/internal/core-events";
 import { addons, internal_universalChecklistStore as checklistStore } from "storybook/manager-api";
-var Onboarding = lazy(() => import("./_browser-chunks/Onboarding-V6NNE74C.js")), Survey = lazy(() => import("./_browser-chunks/Survey-RTIK67MQ.js")), root = null, render = (node) => {
+var Onboarding = lazy(() => import("./_browser-chunks/Onboarding-CWNXQYTK.js")), Survey = lazy(() => import("./_browser-chunks/Survey-DWFAZIJS.js")), root = null, render = (node) => {
   let container = document.getElementById("storybook-addon-onboarding");
   container || (container = document.createElement("div"), container.id = "storybook-addon-onboarding", document.body.appendChild(container)), root = root ?? createRoot(container), root.render(React.createElement(Suspense, { fallback: React.createElement("div", null) }, node));
 };

package/dist/preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_9ny4zu38wcf from 'node:url';
-import CJS_COMPAT_NODE_PATH_9ny4zu38wcf from 'node:path';
-import CJS_COMPAT_NODE_MODULE_9ny4zu38wcf from "node:module";
+import CJS_COMPAT_NODE_URL_eesly6djha4 from 'node:url';
+import CJS_COMPAT_NODE_PATH_eesly6djha4 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_eesly6djha4 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_9ny4zu38wcf.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_9ny4zu38wcf.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_9ny4zu38wcf.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_eesly6djha4.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_eesly6djha4.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_eesly6djha4.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -14,7 +14,7 @@ var require = CJS_COMPAT_NODE_MODULE_9ny4zu38wcf.createRequire(import.meta.url);
 import { telemetry } from "storybook/internal/telemetry";
 
 // package.json
-var version = "10.2.0-alpha.8";
+var version = "10.2.0-beta.0";
 
 // src/constants.ts
 var ADDON_ID = "storybook/onboarding", ADDON_ONBOARDING_CHANNEL = `${ADDON_ID}/channel`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-onboarding",
-  "version": "10.2.0-alpha.8",
+  "version": "10.2.0-beta.0",
   "description": "Storybook Onboarding: Help new users learn how to write stories",
   "keywords": [
     "storybook",
@@ -48,14 +48,14 @@
   ],
   "devDependencies": {
     "@neoconfetti/react": "^1.0.0",
-    "@storybook/icons": "^2.0.0",
+    "@storybook/icons": "^2.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-joyride": "^2.8.2",
-    "typescript": "^5.8.3"
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
-    "storybook": "^10.2.0-alpha.8"
+    "storybook": "^10.2.0-beta.0"
   },
   "publishConfig": {
     "access": "public"