@redhat-cloud-services/hcc-storybook-hub 0.1.1 → 0.2.0

package/dist/chunk-6YA5JGU2.mjs

@@ -0,0 +1,193 @@
+import {
+  useMockState
+} from "./chunk-AYALJZIB.mjs";
+
+// lib/mocks/useChrome.tsx
+import { useRef } from "react";
+import { fn } from "storybook/test";
+
+// lib/mocks/DefaultCatalog.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var defaultTutorials = [
+  { id: "getting-started", title: "Getting Started", description: "Learn the basics.", time: "10 min", level: "Beginner" },
+  { id: "custom-roles", title: "Creating Custom Roles", description: "Configure custom roles.", time: "15 min", level: "Intermediate" },
+  { id: "user-groups", title: "Managing User Groups", description: "Organize users into groups.", time: "12 min", level: "Beginner" },
+  { id: "workspaces", title: "Workspace Administration", description: "Master workspace management.", time: "20 min", level: "Advanced" }
+];
+var DefaultCatalog = () => /* @__PURE__ */ jsxs("div", { style: { padding: "24px" }, children: [
+  /* @__PURE__ */ jsx("h2", { style: { margin: "0 0 8px 0", fontSize: "28px", fontWeight: 300 }, children: "Quick starts" }),
+  /* @__PURE__ */ jsx("p", { style: { color: "#6a6e73", margin: "0 0 24px", fontSize: "14px" }, children: "Step-by-step instructions and guided tours." }),
+  /* @__PURE__ */ jsx("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(300px, 1fr))", gap: "16px" }, children: defaultTutorials.map((t) => /* @__PURE__ */ jsxs("div", { style: { border: "1px solid #d2d2d2", borderRadius: "8px", padding: "16px" }, children: [
+    /* @__PURE__ */ jsx("h3", { style: { margin: "0 0 8px", fontSize: "16px", fontWeight: 600 }, children: t.title }),
+    /* @__PURE__ */ jsx("p", { style: { margin: "0", fontSize: "14px", color: "#6a6e73" }, children: t.description })
+  ] }, t.id)) })
+] });
+
+// lib/mocks/useChrome.tsx
+var chromeSpies = /* @__PURE__ */ new Map();
+function getSpy(path) {
+  if (!chromeSpies.has(path)) {
+    chromeSpies.set(path, fn().mockName(path));
+  }
+  return chromeSpies.get(path);
+}
+function useChrome() {
+  const mock = useMockState();
+  const mockRef = useRef(mock);
+  mockRef.current = mock;
+  const chromeRef = useRef(null);
+  if (!chromeRef.current) {
+    chromeRef.current = {
+      getEnvironment: () => mockRef.current.environment === "production" ? "prod" : "stage",
+      getEnvironmentDetails: () => ({
+        environment: mockRef.current.environment === "production" ? "prod" : "stage",
+        sso: mockRef.current.environment === "production" ? "https://sso.redhat.com" : "https://sso.stage.redhat.com",
+        portal: "https://console.redhat.com"
+      }),
+      get isProd() {
+        return mockRef.current.environment === "production";
+      },
+      isBeta: () => false,
+      getBundle: () => mockRef.current.bundle,
+      getApp: () => mockRef.current.app,
+      auth: {
+        getToken: () => Promise.resolve("mock-token-12345"),
+        getUser: () => {
+          const id = mockRef.current.userIdentity;
+          return Promise.resolve({
+            identity: {
+              account_number: id?.account_number,
+              org_id: id?.org_id ?? "mock-org-id",
+              organization: id?.organization,
+              internal: id?.internal,
+              user: {
+                is_org_admin: id?.user?.is_org_admin ?? mockRef.current.isOrgAdmin,
+                username: id?.user?.username ?? "test-user",
+                email: id?.user?.email ?? "test@redhat.com",
+                is_internal: id?.user?.is_internal ?? false,
+                first_name: id?.user?.first_name,
+                last_name: id?.user?.last_name,
+                is_active: id?.user?.is_active ?? true,
+                locale: id?.user?.locale ?? "en_US"
+              }
+            },
+            entitlements: id?.entitlements ?? {}
+          });
+        },
+        getOfflineToken: () => Promise.resolve("mock-offline-token"),
+        getRefreshToken: () => Promise.resolve("mock-refresh-token"),
+        login: () => Promise.resolve(),
+        logout: getSpy("auth.logout"),
+        reAuthWithScopes: () => Promise.resolve()
+      },
+      getUserPermissions: (app) => Promise.resolve(
+        mockRef.current.permissions.filter((p) => p.startsWith(`${app}:`)).map((permission) => ({ permission, resourceDefinitions: [] }))
+      ),
+      appNavClick: getSpy("appNavClick"),
+      appObjectId: getSpy("appObjectId"),
+      appAction: getSpy("appAction"),
+      addWsEventListener: (_eventType, _callback) => {
+        return () => {
+        };
+      },
+      drawerActions: {
+        toggleDrawerContent: getSpy("drawerActions.toggleDrawerContent"),
+        setDrawerPanelContent: getSpy("drawerActions.setDrawerPanelContent"),
+        toggleDrawerPanel: getSpy("drawerActions.toggleDrawerPanel")
+      },
+      updateDocumentTitle: (title) => {
+        if (typeof document !== "undefined") {
+          document.title = title;
+        }
+      },
+      get quickStarts() {
+        return {
+          Catalog: DefaultCatalog,
+          set: getSpy("quickStarts.set"),
+          toggle: getSpy("quickStarts.toggle"),
+          version: 1,
+          activateQuickstart: () => Promise.resolve()
+        };
+      },
+      // Commonly accessed properties that should return safe defaults
+      initialized: true,
+      isChrome2: true,
+      experimentalApi: false,
+      isFedramp: false,
+      chromeHistory: { push: getSpy("chromeHistory.push"), replace: getSpy("chromeHistory.replace"), listen: () => () => {
+      } },
+      identifyApp: getSpy("identifyApp"),
+      on: (_event, _callback) => () => {
+      },
+      init: getSpy("init"),
+      isPenTest: () => false,
+      isDemo: () => false,
+      forceDemo: getSpy("forceDemo"),
+      getAvailableBundles: () => [],
+      getBundleData: () => ({ bundleId: mockRef.current.bundle, bundleTitle: "Insights" }),
+      globalFilterScope: getSpy("globalFilterScope"),
+      hideGlobalFilter: getSpy("hideGlobalFilter"),
+      removeGlobalFilter: getSpy("removeGlobalFilter"),
+      mapGlobalFilter: getSpy("mapGlobalFilter"),
+      navigation: getSpy("navigation"),
+      registerModule: getSpy("registerModule"),
+      createCase: getSpy("createCase"),
+      toggleFeedbackModal: getSpy("toggleFeedbackModal"),
+      toggleDebuggerModal: getSpy("toggleDebuggerModal"),
+      enableDebugging: getSpy("enableDebugging"),
+      usePendoFeedback: getSpy("usePendoFeedback"),
+      enablePackagesDebug: getSpy("enablePackagesDebug"),
+      requestPdf: () => Promise.resolve(),
+      isAnsibleTrialFlagActive: () => false,
+      setAnsibleTrialFlag: getSpy("setAnsibleTrialFlag"),
+      clearAnsibleTrialFlag: getSpy("clearAnsibleTrialFlag"),
+      segment: { setPageMetadata: getSpy("segment.setPageMetadata") },
+      useGlobalFilter: () => void 0,
+      visibilityFunctions: {
+        isOrgAdmin: () => Promise.resolve(mockRef.current.isOrgAdmin),
+        isActive: () => Promise.resolve(true),
+        isInternal: () => Promise.resolve(false),
+        isEntitled: () => Promise.resolve({}),
+        isProd: () => mockRef.current.environment === "production",
+        isBeta: () => false,
+        isHidden: () => true,
+        withEmail: () => Promise.resolve(true),
+        loosePermissions: () => Promise.resolve(true),
+        loosePermissionsKessel: () => Promise.resolve(true),
+        hasPermissions: () => Promise.resolve(true),
+        hasLocalStorage: () => false,
+        hasCookie: () => false,
+        apiRequest: () => Promise.resolve(true),
+        featureFlag: () => false
+      },
+      helpTopics: {
+        addHelpTopics: getSpy("helpTopics.addHelpTopics"),
+        enableTopics: () => Promise.resolve([]),
+        disableTopics: getSpy("helpTopics.disableTopics"),
+        setActiveTopic: () => Promise.resolve(),
+        closeHelpTopic: getSpy("helpTopics.closeHelpTopic")
+      },
+      enable: {
+        iqe: getSpy("enable.iqe"),
+        remediationsDebug: getSpy("enable.remediationsDebug"),
+        invTags: getSpy("enable.invTags"),
+        shortSession: getSpy("enable.shortSession"),
+        jwtDebug: getSpy("enable.jwtDebug"),
+        reduxDebug: getSpy("enable.reduxDebug"),
+        forcePendo: getSpy("enable.forcePendo"),
+        allDetails: getSpy("enable.allDetails"),
+        inventoryDrawer: getSpy("enable.inventoryDrawer"),
+        globalFilter: getSpy("enable.globalFilter"),
+        appFilter: getSpy("enable.appFilter"),
+        contextSwitcher: getSpy("enable.contextSwitcher"),
+        quickstartsDebug: getSpy("enable.quickstartsDebug")
+      }
+    };
+  }
+  return chromeRef.current;
+}
+
+export {
+  chromeSpies,
+  useChrome
+};

package/dist/{chunk-UCQY2VRL.mjs → chunk-AYALJZIB.mjs}

@@ -1,5 +1,5 @@
 // lib/contexts/StorybookMockContext.tsx
-import { createContext, useContext } from "react";
+import { createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 var EMPTY_WORKSPACE_PERMISSIONS = {
   view: [],
@@ -21,7 +21,9 @@ var EMPTY_TENANT_PERMISSIONS = {
   rbac_workspace_move: false
 };
 var defaultState = {
-  environment: "staging",
+  bundle: "insights",
+  app: "unknown",
+  environment: "stage",
   isOrgAdmin: false,
   permissions: [],
   workspacePermissions: EMPTY_WORKSPACE_PERMISSIONS,
@@ -30,21 +32,28 @@ var defaultState = {
 var StorybookMockContext = createContext(defaultState);
 var StorybookMockProvider = ({
   children,
-  environment = "staging",
+  bundle = "insights",
+  app = "unknown",
+  environment = "stage",
   isOrgAdmin = false,
   permissions = [],
   workspacePermissions = EMPTY_WORKSPACE_PERMISSIONS,
   tenantPermissions = EMPTY_TENANT_PERMISSIONS,
   userIdentity
 }) => {
-  const value = {
-    environment,
-    isOrgAdmin,
-    permissions,
-    workspacePermissions: { ...EMPTY_WORKSPACE_PERMISSIONS, ...workspacePermissions },
-    tenantPermissions: { ...EMPTY_TENANT_PERMISSIONS, ...tenantPermissions },
-    userIdentity
-  };
+  const value = useMemo(
+    () => ({
+      bundle,
+      app,
+      environment,
+      isOrgAdmin,
+      permissions,
+      workspacePermissions: { ...EMPTY_WORKSPACE_PERMISSIONS, ...workspacePermissions },
+      tenantPermissions: { ...EMPTY_TENANT_PERMISSIONS, ...tenantPermissions },
+      userIdentity
+    }),
+    [bundle, app, environment, isOrgAdmin, permissions, workspacePermissions, tenantPermissions, userIdentity]
+  );
   return /* @__PURE__ */ jsx(StorybookMockContext.Provider, { value, children });
 };
 var useMockState = () => useContext(StorybookMockContext);

package/dist/{chunk-KVKMLDB5.js → chunk-KINXT2EJ.js}

@@ -21,7 +21,9 @@ var EMPTY_TENANT_PERMISSIONS = {
   rbac_workspace_move: false
 };
 var defaultState = {
-  environment: "staging",
+  bundle: "insights",
+  app: "unknown",
+  environment: "stage",
   isOrgAdmin: false,
   permissions: [],
   workspacePermissions: EMPTY_WORKSPACE_PERMISSIONS,
@@ -30,21 +32,28 @@ var defaultState = {
 var StorybookMockContext = _react.createContext.call(void 0, defaultState);
 var StorybookMockProvider = ({
   children,
-  environment = "staging",
+  bundle = "insights",
+  app = "unknown",
+  environment = "stage",
   isOrgAdmin = false,
   permissions = [],
   workspacePermissions = EMPTY_WORKSPACE_PERMISSIONS,
   tenantPermissions = EMPTY_TENANT_PERMISSIONS,
   userIdentity
 }) => {
-  const value = {
-    environment,
-    isOrgAdmin,
-    permissions,
-    workspacePermissions: { ...EMPTY_WORKSPACE_PERMISSIONS, ...workspacePermissions },
-    tenantPermissions: { ...EMPTY_TENANT_PERMISSIONS, ...tenantPermissions },
-    userIdentity
-  };
+  const value = _react.useMemo.call(void 0, 
+    () => ({
+      bundle,
+      app,
+      environment,
+      isOrgAdmin,
+      permissions,
+      workspacePermissions: { ...EMPTY_WORKSPACE_PERMISSIONS, ...workspacePermissions },
+      tenantPermissions: { ...EMPTY_TENANT_PERMISSIONS, ...tenantPermissions },
+      userIdentity
+    }),
+    [bundle, app, environment, isOrgAdmin, permissions, workspacePermissions, tenantPermissions, userIdentity]
+  );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StorybookMockContext.Provider, { value, children });
 };
 var useMockState = () => _react.useContext.call(void 0, StorybookMockContext);

package/dist/{chunk-YTIDUO5E.js → chunk-OQMLXRLX.js}

@@ -1,12 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkKVKMLDB5js = require('./chunk-KVKMLDB5.js');
+var _chunkKINXT2EJjs = require('./chunk-KINXT2EJ.js');
 
 // lib/mocks/useChrome.tsx
 var _react = require('react');
 var _test = require('storybook/test');
+
+// lib/mocks/DefaultCatalog.tsx
 var _jsxruntime = require('react/jsx-runtime');
-var chromeAppNavClickSpy = _test.fn.call(void 0, );
 var defaultTutorials = [
   { id: "getting-started", title: "Getting Started", description: "Learn the basics.", time: "10 min", level: "Beginner" },
   { id: "custom-roles", title: "Creating Custom Roles", description: "Configure custom roles.", time: "15 min", level: "Intermediate" },
@@ -21,12 +22,17 @@ var DefaultCatalog = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div",
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { style: { margin: "0", fontSize: "14px", color: "#6a6e73" }, children: t.description })
   ] }, t.id)) })
 ] });
-var _config = {};
-function configureChromeMock(config) {
-  _config = config;
+
+// lib/mocks/useChrome.tsx
+var chromeSpies = /* @__PURE__ */ new Map();
+function getSpy(path) {
+  if (!chromeSpies.has(path)) {
+    chromeSpies.set(path, _test.fn.call(void 0, ).mockName(path));
+  }
+  return chromeSpies.get(path);
 }
 function useChrome() {
-  const mock = _chunkKVKMLDB5js.useMockState.call(void 0, );
+  const mock = _chunkKINXT2EJjs.useMockState.call(void 0, );
   const mockRef = _react.useRef.call(void 0, mock);
   mockRef.current = mock;
   const chromeRef = _react.useRef.call(void 0, null);
@@ -42,8 +48,8 @@ function useChrome() {
         return mockRef.current.environment === "production";
       },
       isBeta: () => false,
-      getBundle: () => _config.bundle || "insights",
-      getApp: () => _config.app || "unknown",
+      getBundle: () => mockRef.current.bundle,
+      getApp: () => mockRef.current.app,
       auth: {
         getToken: () => Promise.resolve("mock-token-12345"),
         getUser: () => {
@@ -67,27 +73,114 @@ function useChrome() {
             },
             entitlements: _nullishCoalesce(_optionalChain([id, 'optionalAccess', _21 => _21.entitlements]), () => ( {}))
           });
-        }
+        },
+        getOfflineToken: () => Promise.resolve("mock-offline-token"),
+        getRefreshToken: () => Promise.resolve("mock-refresh-token"),
+        login: () => Promise.resolve(),
+        logout: getSpy("auth.logout"),
+        reAuthWithScopes: () => Promise.resolve()
       },
       getUserPermissions: (app) => Promise.resolve(
-        mockRef.current.permissions.filter((p) => p.startsWith(`${app}:`) || p.startsWith("*:")).map((permission) => ({ permission, resourceDefinitions: [] }))
+        mockRef.current.permissions.filter((p) => p.startsWith(`${app}:`)).map((permission) => ({ permission, resourceDefinitions: [] }))
       ),
-      appNavClick: chromeAppNavClickSpy,
-      appObjectId: () => {
+      appNavClick: getSpy("appNavClick"),
+      appObjectId: getSpy("appObjectId"),
+      appAction: getSpy("appAction"),
+      addWsEventListener: (_eventType, _callback) => {
+        return () => {
+        };
       },
-      appAction: () => {
+      drawerActions: {
+        toggleDrawerContent: getSpy("drawerActions.toggleDrawerContent"),
+        setDrawerPanelContent: getSpy("drawerActions.setDrawerPanelContent"),
+        toggleDrawerPanel: getSpy("drawerActions.toggleDrawerPanel")
       },
       updateDocumentTitle: (title) => {
         if (typeof document !== "undefined") {
           document.title = title;
         }
       },
-      quickStarts: {
-        Catalog: _config.quickStartsCatalog || DefaultCatalog,
-        set: () => {
-        },
-        toggle: () => {
-        }
+      get quickStarts() {
+        return {
+          Catalog: DefaultCatalog,
+          set: getSpy("quickStarts.set"),
+          toggle: getSpy("quickStarts.toggle"),
+          version: 1,
+          activateQuickstart: () => Promise.resolve()
+        };
+      },
+      // Commonly accessed properties that should return safe defaults
+      initialized: true,
+      isChrome2: true,
+      experimentalApi: false,
+      isFedramp: false,
+      chromeHistory: { push: getSpy("chromeHistory.push"), replace: getSpy("chromeHistory.replace"), listen: () => () => {
+      } },
+      identifyApp: getSpy("identifyApp"),
+      on: (_event, _callback) => () => {
+      },
+      init: getSpy("init"),
+      isPenTest: () => false,
+      isDemo: () => false,
+      forceDemo: getSpy("forceDemo"),
+      getAvailableBundles: () => [],
+      getBundleData: () => ({ bundleId: mockRef.current.bundle, bundleTitle: "Insights" }),
+      globalFilterScope: getSpy("globalFilterScope"),
+      hideGlobalFilter: getSpy("hideGlobalFilter"),
+      removeGlobalFilter: getSpy("removeGlobalFilter"),
+      mapGlobalFilter: getSpy("mapGlobalFilter"),
+      navigation: getSpy("navigation"),
+      registerModule: getSpy("registerModule"),
+      createCase: getSpy("createCase"),
+      toggleFeedbackModal: getSpy("toggleFeedbackModal"),
+      toggleDebuggerModal: getSpy("toggleDebuggerModal"),
+      enableDebugging: getSpy("enableDebugging"),
+      usePendoFeedback: getSpy("usePendoFeedback"),
+      enablePackagesDebug: getSpy("enablePackagesDebug"),
+      requestPdf: () => Promise.resolve(),
+      isAnsibleTrialFlagActive: () => false,
+      setAnsibleTrialFlag: getSpy("setAnsibleTrialFlag"),
+      clearAnsibleTrialFlag: getSpy("clearAnsibleTrialFlag"),
+      segment: { setPageMetadata: getSpy("segment.setPageMetadata") },
+      useGlobalFilter: () => void 0,
+      visibilityFunctions: {
+        isOrgAdmin: () => Promise.resolve(mockRef.current.isOrgAdmin),
+        isActive: () => Promise.resolve(true),
+        isInternal: () => Promise.resolve(false),
+        isEntitled: () => Promise.resolve({}),
+        isProd: () => mockRef.current.environment === "production",
+        isBeta: () => false,
+        isHidden: () => true,
+        withEmail: () => Promise.resolve(true),
+        loosePermissions: () => Promise.resolve(true),
+        loosePermissionsKessel: () => Promise.resolve(true),
+        hasPermissions: () => Promise.resolve(true),
+        hasLocalStorage: () => false,
+        hasCookie: () => false,
+        apiRequest: () => Promise.resolve(true),
+        featureFlag: () => false
+      },
+      helpTopics: {
+        addHelpTopics: getSpy("helpTopics.addHelpTopics"),
+        enableTopics: () => Promise.resolve([]),
+        disableTopics: getSpy("helpTopics.disableTopics"),
+        setActiveTopic: () => Promise.resolve(),
+        closeHelpTopic: getSpy("helpTopics.closeHelpTopic")
+      },
+      enable: {
+        iqe: getSpy("enable.iqe"),
+        remediationsDebug: getSpy("enable.remediationsDebug"),
+        invTags: getSpy("enable.invTags"),
+        shortSession: getSpy("enable.shortSession"),
+        jwtDebug: getSpy("enable.jwtDebug"),
+        reduxDebug: getSpy("enable.reduxDebug"),
+        forcePendo: getSpy("enable.forcePendo"),
+        allDetails: getSpy("enable.allDetails"),
+        inventoryDrawer: getSpy("enable.inventoryDrawer"),
+        globalFilter: getSpy("enable.globalFilter"),
+        appFilter: getSpy("enable.appFilter"),
+        contextSwitcher: getSpy("enable.contextSwitcher"),
+        quickstartsDebug: getSpy("enable.quickstartsDebug")
       }
     };
   }
@@ -97,5 +190,4 @@ function useChrome() {
 
 
 
-
-exports.chromeAppNavClickSpy = chromeAppNavClickSpy; exports.configureChromeMock = configureChromeMock; exports.useChrome = useChrome;
+exports.chromeSpies = chromeSpies; exports.useChrome = useChrome;

package/dist/{main-config.js → config.js}

@@ -1,6 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// lib/main/createMainConfig.ts
-var _path = require('path'); var _path2 = _interopRequireDefault(_path);
-var _url = require('url');
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// lib/main/createMainConfig.ts
 function createMainConfig(options = {}) {
   const {
     stories = ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
@@ -38,8 +36,6 @@ function createMainConfig(options = {}) {
     addons.push("@storybook/addon-a11y");
   }
   addons.push(...extraAddons);
-  const currentDir = typeof __dirname !== "undefined" ? __dirname : _path2.default.dirname(_url.fileURLToPath.call(void 0, import.meta.url));
-  const hubMocksDir = _path2.default.resolve(currentDir, "mocks");
   const config = {
     stories,
     addons,
@@ -57,14 +53,18 @@ function createMainConfig(options = {}) {
       }
     })),
     webpackFinal: async (webpackConfig) => {
+      const path = await Promise.resolve().then(() => _interopRequireWildcard(require("path")));
+      const { fileURLToPath } = await Promise.resolve().then(() => _interopRequireWildcard(require("url")));
+      const currentDir = typeof __dirname !== "undefined" ? __dirname : path.dirname(fileURLToPath(import.meta.url));
+      const hubMocksDir = path.resolve(currentDir, "mocks");
       webpackConfig.resolve = {
         ...webpackConfig.resolve,
         alias: {
           ..._optionalChain([webpackConfig, 'access', _2 => _2.resolve, 'optionalAccess', _3 => _3.alias]),
-          "@redhat-cloud-services/frontend-components/useChrome": _path2.default.join(hubMocksDir, "useChrome.js"),
-          "@redhat-cloud-services/frontend-components-utilities/RBACHook": _path2.default.join(hubMocksDir, "RBACHook.js"),
-          "@unleash/proxy-client-react": _path2.default.join(hubMocksDir, "unleash.js"),
-          "@project-kessel/react-kessel-access-check": _path2.default.join(hubMocksDir, "kesselAccessCheck.js"),
+          "@redhat-cloud-services/frontend-components/useChrome": path.join(hubMocksDir, "useChrome.js"),
+          "@redhat-cloud-services/frontend-components-utilities/RBACHook": path.join(hubMocksDir, "RBACHook.js"),
+          "@unleash/proxy-client-react": path.join(hubMocksDir, "unleash.js"),
+          "@project-kessel/react-kessel-access-check": path.join(hubMocksDir, "kesselAccessCheck.js"),
           ...extraAliases
         },
         fallback: {
@@ -89,6 +89,7 @@ function createMainConfig(options = {}) {
   if (staticDirs) {
     config.staticDirs = staticDirs;
   }
+  config.previewBody = () => '<div id="chrome-app-render-root"></div>';
   return config;
 }
 

package/dist/{main-config.mjs → config.mjs}

@@ -1,6 +1,4 @@
 // lib/main/createMainConfig.ts
-import path from "path";
-import { fileURLToPath } from "url";
 function createMainConfig(options = {}) {
   const {
     stories = ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
@@ -38,8 +36,6 @@ function createMainConfig(options = {}) {
     addons.push("@storybook/addon-a11y");
   }
   addons.push(...extraAddons);
-  const currentDir = typeof __dirname !== "undefined" ? __dirname : path.dirname(fileURLToPath(import.meta.url));
-  const hubMocksDir = path.resolve(currentDir, "mocks");
   const config = {
     stories,
     addons,
@@ -57,6 +53,10 @@ function createMainConfig(options = {}) {
       }
     },
     webpackFinal: async (webpackConfig) => {
+      const path = await import("path");
+      const { fileURLToPath } = await import("url");
+      const currentDir = typeof __dirname !== "undefined" ? __dirname : path.dirname(fileURLToPath(import.meta.url));
+      const hubMocksDir = path.resolve(currentDir, "mocks");
       webpackConfig.resolve = {
         ...webpackConfig.resolve,
         alias: {
@@ -89,6 +89,7 @@ function createMainConfig(options = {}) {
   if (staticDirs) {
     config.staticDirs = staticDirs;
   }
+  config.previewBody = () => '<div id="chrome-app-render-root"></div>';
   return config;
 }
 export {