@memberjunction/ng-react 5.22.0 → 5.24.0

package/dist/__tests__/react-bridge.service.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/react-bridge.service.test.js

@@ -0,0 +1,145 @@
+/**
+ * @vitest-environment jsdom
+ */
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+// Minimal mock for AngularAdapterService
+function createMockAdapter(options) {
+    const { initializeShouldFail = false, createRootAvailable = true } = options ?? {};
+    return {
+        initialize: initializeShouldFail
+            ? vi.fn().mockRejectedValue(new Error('Failed to load React from all CDN sources'))
+            : vi.fn().mockResolvedValue(undefined),
+        getRuntimeContext: vi.fn().mockReturnValue({
+            ReactDOM: createRootAvailable
+                ? { createRoot: vi.fn().mockReturnValue({ unmount: vi.fn() }) }
+                : undefined,
+        }),
+        isInitialized: vi.fn().mockReturnValue(!initializeShouldFail && createRootAvailable),
+        destroy: vi.fn(),
+    };
+}
+// Mock external dependencies
+vi.mock('@memberjunction/react-runtime', () => ({
+    reactRootManager: {
+        RegisterHook: vi.fn(),
+        cleanup: vi.fn(),
+    },
+}));
+vi.mock('../lib/config/react-debug.config', () => ({
+    ReactDebugConfig: {
+        getDebugMode: () => false,
+    },
+}));
+vi.mock('../lib/hooks/antd-dropdown-position-hook', () => ({
+    createAntdDropdownPositionHook: vi.fn().mockReturnValue({}),
+}));
+import { ReactBridgeService } from '../lib/services/react-bridge.service';
+/** Construct a ReactBridgeService with a mocked adapter. */
+function createService(adapter) {
+    vi.spyOn(console, 'log').mockImplementation(() => { });
+    vi.spyOn(console, 'warn').mockImplementation(() => { });
+    vi.spyOn(console, 'error').mockImplementation(() => { });
+    const service = new ReactBridgeService(adapter);
+    return service;
+}
+/** Shorten timeouts so tests run fast. */
+function setFastTimeouts(service, overrides) {
+    const s = service;
+    s.maxWaitTime = overrides?.maxWaitTime ?? 150;
+    s.checkInterval = overrides?.checkInterval ?? 30;
+    s.maxBootstrapRetries = overrides?.maxBootstrapRetries ?? 2;
+    s.retryBaseDelay = overrides?.retryBaseDelay ?? 50;
+}
+describe('ReactBridgeService', () => {
+    beforeEach(() => {
+        vi.restoreAllMocks();
+    });
+    describe('bootstrapWithRetries (via getReactContext)', () => {
+        it('should resolve on first attempt when CDN is reachable', async () => {
+            const adapter = createMockAdapter();
+            const service = createService(adapter);
+            setFastTimeouts(service);
+            const context = await service.getReactContext();
+            expect(context.ReactDOM).toBeDefined();
+            expect(adapter.initialize).toHaveBeenCalled();
+        });
+        it('should retry and succeed when CDN recovers after initial failure', async () => {
+            const adapter = createMockAdapter({ initializeShouldFail: true });
+            const service = createService(adapter);
+            // Use 0 retries so the constructor's bootstrap fails fast
+            setFastTimeouts(service, { maxBootstrapRetries: 0 });
+            // Wait for constructor's bootstrap to fail (sets bootstrapPromise to null)
+            try {
+                await service.bootstrapPromise;
+            }
+            catch {
+                // Expected — CDN was "down"
+            }
+            // CDN recovers
+            adapter.initialize.mockResolvedValue(undefined);
+            adapter.getRuntimeContext.mockReturnValue({
+                ReactDOM: { createRoot: vi.fn().mockReturnValue({ unmount: vi.fn() }) },
+            });
+            // Restore retries and call getReactContext — should create a fresh bootstrap and succeed
+            setFastTimeouts(service, { maxBootstrapRetries: 2 });
+            const context = await service.getReactContext();
+            expect(context.ReactDOM).toBeDefined();
+        });
+        it('should throw after all bootstrap retries are exhausted', async () => {
+            const adapter = createMockAdapter({ initializeShouldFail: true });
+            const service = createService(adapter);
+            setFastTimeouts(service, { maxBootstrapRetries: 1 });
+            await expect(service.getReactContext()).rejects.toThrow(/CDN/);
+        });
+    });
+    describe('waitForReactReady', () => {
+        it('should resolve immediately when React is already available', async () => {
+            const adapter = createMockAdapter();
+            const service = createService(adapter);
+            setFastTimeouts(service);
+            // Await bootstrap first (same as component flow)
+            await service.getReactContext();
+            await expect(service.waitForReactReady()).resolves.toBeUndefined();
+            expect(service.isReady()).toBe(true);
+        });
+        it('should resolve after re-bootstrap when createRoot is initially broken (stale cache)', async () => {
+            // Bootstrap succeeds (scripts loaded) but createRoot not available (corrupt cache)
+            const adapter = createMockAdapter({ createRootAvailable: false });
+            const service = createService(adapter);
+            setFastTimeouts(service);
+            // Wait for initial bootstrap to complete
+            await service.getReactContext().catch(() => { });
+            // On re-bootstrap (triggered by createRoot poll failure), fix createRoot
+            let destroyCount = 0;
+            adapter.destroy.mockImplementation(() => {
+                destroyCount++;
+                // After destroy + re-init, make createRoot available
+                adapter.getRuntimeContext.mockReturnValue({
+                    ReactDOM: { createRoot: vi.fn().mockReturnValue({ unmount: vi.fn() }) },
+                });
+                adapter.initialize.mockResolvedValue(undefined);
+            });
+            await expect(service.waitForReactReady()).resolves.toBeUndefined();
+            expect(service.isReady()).toBe(true);
+            expect(destroyCount).toBeGreaterThanOrEqual(1);
+        });
+        it('should throw with hard-refresh suggestion after all attempts fail', async () => {
+            const adapter = createMockAdapter({ createRootAvailable: false });
+            const service = createService(adapter);
+            setFastTimeouts(service, { maxBootstrapRetries: 0 });
+            await service.getReactContext().catch(() => { });
+            await expect(service.waitForReactReady()).rejects.toThrow(/hard refresh/);
+        });
+        it('should allow subsequent components to resolve via reactReady$ after first succeeds', async () => {
+            const adapter = createMockAdapter();
+            const service = createService(adapter);
+            setFastTimeouts(service);
+            await service.getReactContext();
+            await service.waitForReactReady();
+            // Second call resolves immediately via BehaviorSubject
+            await expect(service.waitForReactReady()).resolves.toBeUndefined();
+            expect(service.isReady()).toBe(true);
+        });
+    });
+});
+//# sourceMappingURL=react-bridge.service.test.js.map

package/dist/__tests__/react-bridge.service.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-bridge.service.test.js","sourceRoot":"","sources":["../../src/__tests__/react-bridge.service.test.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @vitest-environment jsdom\n */\nimport { describe, it, expect, vi, beforeEach } from 'vitest';\n\n// Minimal mock for AngularAdapterService\nfunction createMockAdapter(options?: {\n  initializeShouldFail?: boolean;\n  createRootAvailable?: boolean;\n}) {\n  const { initializeShouldFail = false, createRootAvailable = true } = options ?? {};\n\n  return {\n    initialize: initializeShouldFail\n      ? vi.fn().mockRejectedValue(new Error('Failed to load React from all CDN sources'))\n      : vi.fn().mockResolvedValue(undefined),\n    getRuntimeContext: vi.fn().mockReturnValue({\n      ReactDOM: createRootAvailable\n        ? { createRoot: vi.fn().mockReturnValue({ unmount: vi.fn() }) }\n        : undefined,\n    }),\n    isInitialized: vi.fn().mockReturnValue(!initializeShouldFail && createRootAvailable),\n    destroy: vi.fn(),\n  };\n}\n\n// Mock external dependencies\nvi.mock('@memberjunction/react-runtime', () => ({\n  reactRootManager: {\n    RegisterHook: vi.fn(),\n    cleanup: vi.fn(),\n  },\n}));\n\nvi.mock('../lib/config/react-debug.config', () => ({\n  ReactDebugConfig: {\n    getDebugMode: () => false,\n  },\n}));\n\nvi.mock('../lib/hooks/antd-dropdown-position-hook', () => ({\n  createAntdDropdownPositionHook: vi.fn().mockReturnValue({}),\n}));\n\nimport { ReactBridgeService } from '../lib/services/react-bridge.service';\n\n/** Construct a ReactBridgeService with a mocked adapter. */\nfunction createService(adapter: ReturnType<typeof createMockAdapter>): ReactBridgeService {\n  vi.spyOn(console, 'log').mockImplementation(() => {});\n  vi.spyOn(console, 'warn').mockImplementation(() => {});\n  vi.spyOn(console, 'error').mockImplementation(() => {});\n\n  const service = new (ReactBridgeService as unknown as new (a: unknown) => ReactBridgeService)(adapter);\n\n  return service;\n}\n\n/** Shorten timeouts so tests run fast. */\nfunction setFastTimeouts(\n  service: ReactBridgeService,\n  overrides?: { maxWaitTime?: number; checkInterval?: number; maxBootstrapRetries?: number; retryBaseDelay?: number }\n) {\n  const s = service as unknown as Record<string, number>;\n  s.maxWaitTime = overrides?.maxWaitTime ?? 150;\n  s.checkInterval = overrides?.checkInterval ?? 30;\n  s.maxBootstrapRetries = overrides?.maxBootstrapRetries ?? 2;\n  s.retryBaseDelay = overrides?.retryBaseDelay ?? 50;\n}\n\ndescribe('ReactBridgeService', () => {\n  beforeEach(() => {\n    vi.restoreAllMocks();\n  });\n\n  describe('bootstrapWithRetries (via getReactContext)', () => {\n    it('should resolve on first attempt when CDN is reachable', async () => {\n      const adapter = createMockAdapter();\n      const service = createService(adapter);\n      setFastTimeouts(service);\n\n      const context = await service.getReactContext();\n      expect(context.ReactDOM).toBeDefined();\n      expect(adapter.initialize).toHaveBeenCalled();\n    });\n\n    it('should retry and succeed when CDN recovers after initial failure', async () => {\n      const adapter = createMockAdapter({ initializeShouldFail: true });\n      const service = createService(adapter);\n      // Use 0 retries so the constructor's bootstrap fails fast\n      setFastTimeouts(service, { maxBootstrapRetries: 0 });\n\n      // Wait for constructor's bootstrap to fail (sets bootstrapPromise to null)\n      try {\n        await (service as unknown as { bootstrapPromise: Promise<void> | null }).bootstrapPromise;\n      } catch {\n        // Expected — CDN was \"down\"\n      }\n\n      // CDN recovers\n      adapter.initialize.mockResolvedValue(undefined);\n      adapter.getRuntimeContext.mockReturnValue({\n        ReactDOM: { createRoot: vi.fn().mockReturnValue({ unmount: vi.fn() }) },\n      });\n\n      // Restore retries and call getReactContext — should create a fresh bootstrap and succeed\n      setFastTimeouts(service, { maxBootstrapRetries: 2 });\n      const context = await service.getReactContext();\n      expect(context.ReactDOM).toBeDefined();\n    });\n\n    it('should throw after all bootstrap retries are exhausted', async () => {\n      const adapter = createMockAdapter({ initializeShouldFail: true });\n      const service = createService(adapter);\n      setFastTimeouts(service, { maxBootstrapRetries: 1 });\n\n      await expect(service.getReactContext()).rejects.toThrow(/CDN/);\n    });\n  });\n\n  describe('waitForReactReady', () => {\n    it('should resolve immediately when React is already available', async () => {\n      const adapter = createMockAdapter();\n      const service = createService(adapter);\n      setFastTimeouts(service);\n\n      // Await bootstrap first (same as component flow)\n      await service.getReactContext();\n      await expect(service.waitForReactReady()).resolves.toBeUndefined();\n      expect(service.isReady()).toBe(true);\n    });\n\n    it('should resolve after re-bootstrap when createRoot is initially broken (stale cache)', async () => {\n      // Bootstrap succeeds (scripts loaded) but createRoot not available (corrupt cache)\n      const adapter = createMockAdapter({ createRootAvailable: false });\n      const service = createService(adapter);\n      setFastTimeouts(service);\n\n      // Wait for initial bootstrap to complete\n      await service.getReactContext().catch(() => {});\n\n      // On re-bootstrap (triggered by createRoot poll failure), fix createRoot\n      let destroyCount = 0;\n      adapter.destroy.mockImplementation(() => {\n        destroyCount++;\n        // After destroy + re-init, make createRoot available\n        adapter.getRuntimeContext.mockReturnValue({\n          ReactDOM: { createRoot: vi.fn().mockReturnValue({ unmount: vi.fn() }) },\n        });\n        adapter.initialize.mockResolvedValue(undefined);\n      });\n\n      await expect(service.waitForReactReady()).resolves.toBeUndefined();\n      expect(service.isReady()).toBe(true);\n      expect(destroyCount).toBeGreaterThanOrEqual(1);\n    });\n\n    it('should throw with hard-refresh suggestion after all attempts fail', async () => {\n      const adapter = createMockAdapter({ createRootAvailable: false });\n      const service = createService(adapter);\n      setFastTimeouts(service, { maxBootstrapRetries: 0 });\n\n      await service.getReactContext().catch(() => {});\n\n      await expect(service.waitForReactReady()).rejects.toThrow(/hard refresh/);\n    });\n\n    it('should allow subsequent components to resolve via reactReady$ after first succeeds', async () => {\n      const adapter = createMockAdapter();\n      const service = createService(adapter);\n      setFastTimeouts(service);\n\n      await service.getReactContext();\n      await service.waitForReactReady();\n\n      // Second call resolves immediately via BehaviorSubject\n      await expect(service.waitForReactReady()).resolves.toBeUndefined();\n      expect(service.isReady()).toBe(true);\n    });\n  });\n});\n"]}

package/dist/lib/hooks/antd-dropdown-position-hook.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @fileoverview Runtime hook that fixes antd dropdown positioning
+ * when running inside Angular's CSS transform context.
+ *
+ * antd's popup positioning (via rc-trigger / dom-align) calculates wrong
+ * coordinates inside Angular because Angular applies CSS transforms that
+ * break getBoundingClientRect-based positioning. This hook:
+ *
+ * 1. Injects a CSS rule using !important with CSS custom properties to
+ *    override antd's inline left/top values. The fallback (-9999px) hides
+ *    dropdowns until positioned, preventing flash-of-wrong-position.
+ *
+ * 2. Creates a MutationObserver that catches dropdown elements when
+ *    added to the DOM and sets the CSS variables to correct viewport-
+ *    relative coordinates based on the trigger element's position.
+ *
+ * This hook is Angular-specific and should only be registered when
+ * running inside an Angular host application.
+ *
+ * @module @memberjunction/ng-react
+ */
+import { RuntimeHook } from '@memberjunction/react-runtime';
+/**
+ * Creates a RuntimeHook that fixes antd dropdown positioning inside Angular.
+ * Uses position:absolute (antd's default) rather than position:fixed to
+ * preserve antd's virtual scroll behavior inside dropdown panels.
+ */
+export declare function createAntdDropdownPositionHook(): RuntimeHook;

package/dist/lib/hooks/antd-dropdown-position-hook.js

@@ -0,0 +1,81 @@
+const DROPDOWN_SELECTOR = '.ant-select-dropdown, .ant-picker-dropdown, .ant-cascader-dropdown';
+const TRIGGER_SELECTOR = '.ant-select-open, .ant-picker-focused, .ant-dropdown-open';
+/**
+ * Creates a RuntimeHook that fixes antd dropdown positioning inside Angular.
+ * Uses position:absolute (antd's default) rather than position:fixed to
+ * preserve antd's virtual scroll behavior inside dropdown panels.
+ */
+export function createAntdDropdownPositionHook() {
+    let observer = null;
+    let styleElement = null;
+    const fixDropdown = (dd) => {
+        if (dd.hasAttribute('data-pos-fixed'))
+            return;
+        const trigger = document.querySelector(TRIGGER_SELECTOR);
+        if (!trigger)
+            return;
+        const tRect = trigger.getBoundingClientRect();
+        const op = dd.offsetParent;
+        if (op) {
+            // Position relative to offset parent (keeps position:absolute working)
+            const opRect = op.getBoundingClientRect();
+            dd.style.setProperty('--dd-left', `${tRect.left - opRect.left}px`);
+            dd.style.setProperty('--dd-top', `${tRect.bottom - opRect.top + 2}px`);
+        }
+        else {
+            // No offset parent — fall back to viewport coordinates
+            dd.style.setProperty('--dd-left', `${tRect.left}px`);
+            dd.style.setProperty('--dd-top', `${tRect.bottom + 2}px`);
+        }
+        dd.setAttribute('data-pos-fixed', '1');
+    };
+    return {
+        name: 'antd-dropdown-position-fix',
+        OnFirstRootCreated(_context) {
+            if (typeof document === 'undefined')
+                return;
+            // CSS !important overrides antd's inline left/top permanently.
+            // CSS custom properties (--dd-left, --dd-top) are set per-element from JS.
+            // Fallback of -9999px hides dropdowns until the observer positions them.
+            styleElement = document.createElement('style');
+            styleElement.textContent =
+                DROPDOWN_SELECTOR +
+                    ' { left: var(--dd-left, -9999px) !important; top: var(--dd-top, -9999px) !important; z-index: 99999 !important; }';
+            document.head.appendChild(styleElement);
+            // Watch for dropdown elements being added to the DOM.
+            // Only watches childList (not attributes) to avoid firing during scroll/hover.
+            observer = new MutationObserver((mutations) => {
+                for (const m of mutations) {
+                    const addedNodes = Array.from(m.addedNodes);
+                    for (const node of addedNodes) {
+                        if (node.nodeType !== 1)
+                            continue;
+                        const el = node;
+                        // Check if the added node itself is a dropdown
+                        if (el.className && typeof el.className === 'string' &&
+                            /\bant-(select|picker|cascader)-dropdown\b/.test(el.className)) {
+                            fixDropdown(el);
+                        }
+                        // Check descendants (dropdown may be nested inside a wrapper)
+                        if (el.querySelectorAll) {
+                            const nested = el.querySelectorAll(DROPDOWN_SELECTOR);
+                            nested.forEach((n) => fixDropdown(n));
+                        }
+                    }
+                }
+            });
+            observer.observe(document.body, { childList: true, subtree: true });
+        },
+        OnCleanup() {
+            if (observer) {
+                observer.disconnect();
+                observer = null;
+            }
+            if (styleElement && styleElement.parentNode) {
+                styleElement.parentNode.removeChild(styleElement);
+                styleElement = null;
+            }
+        }
+    };
+}
+//# sourceMappingURL=antd-dropdown-position-hook.js.map

package/dist/lib/hooks/antd-dropdown-position-hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"antd-dropdown-position-hook.js","sourceRoot":"","sources":["../../../src/lib/hooks/antd-dropdown-position-hook.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Runtime hook that fixes antd dropdown positioning\n * when running inside Angular's CSS transform context.\n *\n * antd's popup positioning (via rc-trigger / dom-align) calculates wrong\n * coordinates inside Angular because Angular applies CSS transforms that\n * break getBoundingClientRect-based positioning. This hook:\n *\n * 1. Injects a CSS rule using !important with CSS custom properties to\n *    override antd's inline left/top values. The fallback (-9999px) hides\n *    dropdowns until positioned, preventing flash-of-wrong-position.\n *\n * 2. Creates a MutationObserver that catches dropdown elements when\n *    added to the DOM and sets the CSS variables to correct viewport-\n *    relative coordinates based on the trigger element's position.\n *\n * This hook is Angular-specific and should only be registered when\n * running inside an Angular host application.\n *\n * @module @memberjunction/ng-react\n */\nimport { RuntimeHook, RootHookContext } from '@memberjunction/react-runtime';\n\nconst DROPDOWN_SELECTOR = '.ant-select-dropdown, .ant-picker-dropdown, .ant-cascader-dropdown';\nconst TRIGGER_SELECTOR = '.ant-select-open, .ant-picker-focused, .ant-dropdown-open';\n\n/**\n * Creates a RuntimeHook that fixes antd dropdown positioning inside Angular.\n * Uses position:absolute (antd's default) rather than position:fixed to\n * preserve antd's virtual scroll behavior inside dropdown panels.\n */\nexport function createAntdDropdownPositionHook(): RuntimeHook {\n  let observer: MutationObserver | null = null;\n  let styleElement: HTMLStyleElement | null = null;\n\n  const fixDropdown = (dd: HTMLElement): void => {\n    if (dd.hasAttribute('data-pos-fixed')) return;\n    const trigger = document.querySelector(TRIGGER_SELECTOR);\n    if (!trigger) return;\n\n    const tRect = trigger.getBoundingClientRect();\n    const op = dd.offsetParent as HTMLElement | null;\n\n    if (op) {\n      // Position relative to offset parent (keeps position:absolute working)\n      const opRect = op.getBoundingClientRect();\n      dd.style.setProperty('--dd-left', `${tRect.left - opRect.left}px`);\n      dd.style.setProperty('--dd-top', `${tRect.bottom - opRect.top + 2}px`);\n    } else {\n      // No offset parent — fall back to viewport coordinates\n      dd.style.setProperty('--dd-left', `${tRect.left}px`);\n      dd.style.setProperty('--dd-top', `${tRect.bottom + 2}px`);\n    }\n    dd.setAttribute('data-pos-fixed', '1');\n  };\n\n  return {\n    name: 'antd-dropdown-position-fix',\n\n    OnFirstRootCreated(_context: RootHookContext): void {\n      if (typeof document === 'undefined') return;\n\n      // CSS !important overrides antd's inline left/top permanently.\n      // CSS custom properties (--dd-left, --dd-top) are set per-element from JS.\n      // Fallback of -9999px hides dropdowns until the observer positions them.\n      styleElement = document.createElement('style');\n      styleElement.textContent =\n        DROPDOWN_SELECTOR +\n        ' { left: var(--dd-left, -9999px) !important; top: var(--dd-top, -9999px) !important; z-index: 99999 !important; }';\n      document.head.appendChild(styleElement);\n\n      // Watch for dropdown elements being added to the DOM.\n      // Only watches childList (not attributes) to avoid firing during scroll/hover.\n      observer = new MutationObserver((mutations) => {\n        for (const m of mutations) {\n          const addedNodes = Array.from(m.addedNodes);\n          for (const node of addedNodes) {\n            if (node.nodeType !== 1) continue;\n            const el = node as HTMLElement;\n\n            // Check if the added node itself is a dropdown\n            if (el.className && typeof el.className === 'string' &&\n                /\\bant-(select|picker|cascader)-dropdown\\b/.test(el.className)) {\n              fixDropdown(el);\n            }\n\n            // Check descendants (dropdown may be nested inside a wrapper)\n            if (el.querySelectorAll) {\n              const nested = el.querySelectorAll(DROPDOWN_SELECTOR);\n              nested.forEach((n) => fixDropdown(n as HTMLElement));\n            }\n          }\n        }\n      });\n\n      observer.observe(document.body, { childList: true, subtree: true });\n    },\n\n    OnCleanup(): void {\n      if (observer) {\n        observer.disconnect();\n        observer = null;\n      }\n      if (styleElement && styleElement.parentNode) {\n        styleElement.parentNode.removeChild(styleElement);\n        styleElement = null;\n      }\n    }\n  };\n}\n"]}

package/dist/lib/services/angular-adapter.service.d.ts

@@ -11,6 +11,23 @@ export declare class AngularAdapterService {
     private runtimeContext?;
     private initializationPromise;
     constructor(scriptLoader: ScriptLoaderService);
+    /**
+     * Eagerly start loading the React runtime in the background.
+     * Call this at app startup (e.g., in APP_INITIALIZER or after auth) so that
+     * React, ReactDOM, and Babel are already downloaded from CDN by the time the
+     * user opens an interactive component artifact.
+     *
+     * Two-phase approach:
+     * 1. Immediately inject `<link rel="preload">` hints so the browser starts
+     *    downloading the CDN scripts in parallel with other page work.
+     * 2. Fire-and-forget `initialize()` which creates `<script>` tags and
+     *    executes them. If the preload hints already fetched the bytes, the
+     *    script load is nearly instant (served from HTTP cache).
+     *
+     * Safe to call multiple times — the underlying initialize() deduplicates.
+     * Does not block: returns immediately, initialization continues in background.
+     */
+    preload(): void;
     /**
      * Initialize the React runtime with Angular-specific configuration
      * @param config Optional library configuration

package/dist/lib/services/angular-adapter.service.js

@@ -4,7 +4,7 @@
  * @module @memberjunction/ng-react
  */
 import { Injectable } from '@angular/core';
-import { createReactRuntime, SetupStyles } from '@memberjunction/react-runtime';
+import { createReactRuntime, LibraryLoader, SetupStyles } from '@memberjunction/react-runtime';
 import { ScriptLoaderService } from './script-loader.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./script-loader.service";
@@ -16,6 +16,30 @@ export class AngularAdapterService {
     constructor(scriptLoader) {
         this.scriptLoader = scriptLoader;
     }
+    /**
+     * Eagerly start loading the React runtime in the background.
+     * Call this at app startup (e.g., in APP_INITIALIZER or after auth) so that
+     * React, ReactDOM, and Babel are already downloaded from CDN by the time the
+     * user opens an interactive component artifact.
+     *
+     * Two-phase approach:
+     * 1. Immediately inject `<link rel="preload">` hints so the browser starts
+     *    downloading the CDN scripts in parallel with other page work.
+     * 2. Fire-and-forget `initialize()` which creates `<script>` tags and
+     *    executes them. If the preload hints already fetched the bytes, the
+     *    script load is nearly instant (served from HTTP cache).
+     *
+     * Safe to call multiple times — the underlying initialize() deduplicates.
+     * Does not block: returns immediately, initialization continues in background.
+     */
+    preload() {
+        // Phase 1: Inject browser preload hints for CDN scripts
+        LibraryLoader.preloadCoreScripts();
+        // Phase 2: Fire-and-forget full initialization (script execution + runtime setup)
+        this.initialize().catch(err => {
+            console.warn('React runtime preload failed (will retry on demand):', err);
+        });
+    }
     /**
      * Initialize the React runtime with Angular-specific configuration
      * @param config Optional library configuration

package/dist/lib/services/angular-adapter.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"angular-adapter.service.js","sourceRoot":"","sources":["../../../src/lib/services/angular-adapter.service.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Angular adapter service that bridges the React runtime with Angular.\n * Provides Angular-specific functionality for the platform-agnostic React runtime.\n * @module @memberjunction/ng-react\n */\n\nimport { Injectable } from '@angular/core';\nimport { \n  ComponentCompiler,\n  ComponentRegistry,\n  ComponentResolver,\n  ComponentManager,\n  createReactRuntime,\n  CompileOptions,\n  RuntimeContext,\n  ExternalLibraryConfig,\n  LibraryConfiguration,\n  SetupStyles\n} from '@memberjunction/react-runtime';\nimport { ScriptLoaderService } from './script-loader.service';\nimport { ComponentStyles } from '@memberjunction/interactive-component-types';\n\n/**\n * Angular-specific adapter for the React runtime.\n * Manages the integration between Angular services and the platform-agnostic React runtime.\n */\n@Injectable({ providedIn: 'root' })\nexport class AngularAdapterService {\n  private runtime?: {\n    compiler: ComponentCompiler;\n    registry: ComponentRegistry;\n    resolver: ComponentResolver;\n    manager: ComponentManager;\n    version: string;\n  };\n  private runtimeContext?: RuntimeContext;\n  private initializationPromise: Promise<void> | undefined;\n\n  constructor(private scriptLoader: ScriptLoaderService) {}\n\n  /**\n   * Initialize the React runtime with Angular-specific configuration\n   * @param config Optional library configuration\n   * @param additionalLibraries Optional additional libraries to merge\n   * @param options Optional options including debug flag\n   * @returns Promise resolving when runtime is ready\n   */\n  async initialize(\n    config?: LibraryConfiguration,\n    additionalLibraries?: ExternalLibraryConfig[],\n    options?: { debug?: boolean }\n  ): Promise<void> {\n    if (this.runtime) {\n      return; // Already initialized\n    }\n    if (this.initializationPromise) {\n      return this.initializationPromise; // in progress\n    }\n\n    // Start initialization and store the promise immediately\n    this.initializationPromise = this.doInitialize(config, additionalLibraries, options);\n\n    try {\n        await this.initializationPromise;\n    } catch (error) {\n        // Clear the promise on error so it can be retried\n        this.initializationPromise = undefined;\n        throw error;\n    }\n\n    return;\n  }\n\n  private async doInitialize(\n    config?: LibraryConfiguration,\n    additionalLibraries?: ExternalLibraryConfig[],\n    options?: { debug?: boolean }\n  ): Promise<void> {\n    // Load React ecosystem with optional additional libraries\n    const ecosystem = await this.scriptLoader.loadReactEcosystem(config, additionalLibraries, options);\n    \n    // Create runtime context\n    this.runtimeContext = {\n      React: ecosystem.React,\n      ReactDOM: ecosystem.ReactDOM,\n      libraries: ecosystem.libraries,\n      utilities: {\n        // Add any Angular-specific utilities here\n      }\n    };\n\n    // Create the React runtime with runtime context for registry support\n    this.runtime = createReactRuntime(ecosystem.Babel, {\n      compiler: {\n        cache: true,\n        maxCacheSize: 100,\n        debug: options?.debug\n      },\n      registry: {\n        maxComponents: 1000,\n        cleanupInterval: 60000,\n        useLRU: true,\n        enableNamespaces: true,\n        debug: options?.debug\n      }\n    }, this.runtimeContext, options?.debug);\n  }\n\n  /**\n   * Get the component compiler\n   * @returns Component compiler instance\n   */\n  getCompiler(): ComponentCompiler {\n    if (!this.runtime) {\n      throw new Error('React runtime not initialized. Call initialize() first.');\n    }\n    return this.runtime.compiler;\n  }\n\n  /**\n   * Get the component registry\n   * @returns Component registry instance\n   */\n  getRegistry(): ComponentRegistry {\n    if (!this.runtime) {\n      throw new Error('React runtime not initialized. Call initialize() first.');\n    }\n    return this.runtime.registry;\n  }\n\n  /**\n   * Get the component resolver\n   * @returns Component resolver instance\n   */\n  getResolver(): ComponentResolver {\n    if (!this.runtime) {\n      throw new Error('React runtime not initialized. Call initialize() first.');\n    }\n    return this.runtime.resolver;\n  }\n\n  /**\n   * Get the runtime context\n   * @returns Runtime context with React and libraries\n   */\n  getRuntimeContext(): RuntimeContext {\n    if (!this.runtimeContext) {\n      throw new Error('React runtime not initialized. Call initialize() first.');\n    }\n    return this.runtimeContext;\n  }\n\n  /**\n   * Get the unified component manager\n   * @returns Component manager instance\n   */\n  getComponentManager(): ComponentManager {\n    if (!this.runtime) {\n      throw new Error('React runtime not initialized. Call initialize() first.');\n    }\n    return this.runtime.manager;\n  }\n\n\n  /**\n   * Compile a component with Angular-specific defaults\n   * @param options - Compilation options\n   * @returns Promise resolving to compilation result\n   */\n  async compileComponent(options: CompileOptions) {\n    // Validate options before initialization\n    if (!options) {\n      throw new Error(\n        'Angular adapter error: No compilation options provided.\\n' +\n        'This usually means the component spec is null or undefined.\\n' +\n        'Please check that:\\n' +\n        '1. Your component data is loaded properly\\n' +\n        '2. The component spec has \"name\" and \"code\" properties\\n' +\n        '3. The component input is not undefined'\n      );\n    }\n\n    if (!options.componentName || options.componentName.trim() === '') {\n      throw new Error(\n        'Angular adapter error: Component name is missing or empty.\\n' +\n        `Received options: ${JSON.stringify(options, null, 2)}\\n` +\n        'Make sure your component spec includes a \"name\" property.'\n      );\n    }\n\n    if (!options.componentCode || options.componentCode.trim() === '') {\n      throw new Error(\n        `Angular adapter error: Component code is missing or empty for component \"${options.componentName}\".\\n` +\n        'Make sure your component spec includes a \"code\" property with the React component source.'\n      );\n    }\n\n    await this.initialize();\n    \n    // Apply default styles if not provided\n    const optionsWithDefaults = {\n      ...options,\n      styles: options.styles || SetupStyles()\n    };\n\n    return this.runtime!.compiler.compile(optionsWithDefaults);\n  }\n\n  /**\n   * Register a component in the registry\n   * @param name - Component name\n   * @param component - Compiled component\n   * @param namespace - Component namespace\n   * @param version - Component version\n   * @returns Component metadata\n   */\n  registerComponent(\n    name: string,\n    component: any,\n    namespace: string = 'Global',\n    version: string = 'v1'\n  ) {\n    if (!this.runtime) {\n      throw new Error('React runtime not initialized. Call initialize() first.');\n    }\n    return this.runtime.registry.register(name, component, namespace, version);\n  }\n\n  /**\n   * Get a component from the registry\n   * @param name - Component name\n   * @param namespace - Component namespace\n   * @param version - Component version\n   * @returns Component if found\n   */\n  getComponent(name: string, namespace: string = 'Global', version?: string) {\n    if (!this.runtime) {\n      throw new Error('React runtime not initialized. Call initialize() first.');\n    }\n    return this.runtime.registry.get(name, namespace, version);\n  }\n\n  /**\n   * Check if runtime is initialized\n   * @returns true if initialized\n   */\n  isInitialized(): boolean {\n    return !!this.runtime && !!this.runtimeContext;\n  }\n\n  /**\n   * Get runtime version\n   * @returns Runtime version string\n   */\n  getVersion(): string {\n    return this.runtime?.version || 'unknown';\n  }\n\n  /**\n   * Clean up resources\n   */\n  destroy(): void {\n    if (this.runtime) {\n      this.runtime.registry.destroy();\n      this.runtime = undefined;\n      this.runtimeContext = undefined;\n    }\n  }\n\n  /**\n   * Get Babel instance for direct use\n   * @returns Babel instance\n   */\n  getBabel(): any {\n    return this.runtimeContext?.libraries?.Babel || (window as any).Babel;\n  }\n\n  /**\n   * Transpile JSX code directly\n   * @param code - JSX code to transpile\n   * @param filename - Optional filename for better error messages\n   * @returns Transpiled JavaScript code\n   */\n  transpileJSX(code: string, filename?: string): string {\n    const babel = this.getBabel();\n    if (!babel) {\n      throw new Error('Babel not loaded. Initialize the runtime first.');\n    }\n\n    try {\n      const result = babel.transform(code, {\n        presets: ['react'],\n        filename: filename || 'component.jsx'\n      });\n      return result.code;\n    } catch (error: any) {\n      throw new Error(`Failed to transpile JSX: ${error.message}`);\n    }\n  }\n}"]}
+{"version":3,"file":"angular-adapter.service.js","sourceRoot":"","sources":["../../../src/lib/services/angular-adapter.service.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Angular adapter service that bridges the React runtime with Angular.\n * Provides Angular-specific functionality for the platform-agnostic React runtime.\n * @module @memberjunction/ng-react\n */\n\nimport { Injectable } from '@angular/core';\nimport {\n  ComponentCompiler,\n  ComponentRegistry,\n  ComponentResolver,\n  ComponentManager,\n  createReactRuntime,\n  CompileOptions,\n  RuntimeContext,\n  ExternalLibraryConfig,\n  LibraryConfiguration,\n  LibraryLoader,\n  SetupStyles\n} from '@memberjunction/react-runtime';\nimport { ScriptLoaderService } from './script-loader.service';\nimport { ComponentStyles } from '@memberjunction/interactive-component-types';\n\n/**\n * Angular-specific adapter for the React runtime.\n * Manages the integration between Angular services and the platform-agnostic React runtime.\n */\n@Injectable({ providedIn: 'root' })\nexport class AngularAdapterService {\n  private runtime?: {\n    compiler: ComponentCompiler;\n    registry: ComponentRegistry;\n    resolver: ComponentResolver;\n    manager: ComponentManager;\n    version: string;\n  };\n  private runtimeContext?: RuntimeContext;\n  private initializationPromise: Promise<void> | undefined;\n\n  constructor(private scriptLoader: ScriptLoaderService) {}\n\n  /**\n   * Eagerly start loading the React runtime in the background.\n   * Call this at app startup (e.g., in APP_INITIALIZER or after auth) so that\n   * React, ReactDOM, and Babel are already downloaded from CDN by the time the\n   * user opens an interactive component artifact.\n   *\n   * Two-phase approach:\n   * 1. Immediately inject `<link rel=\"preload\">` hints so the browser starts\n   *    downloading the CDN scripts in parallel with other page work.\n   * 2. Fire-and-forget `initialize()` which creates `<script>` tags and\n   *    executes them. If the preload hints already fetched the bytes, the\n   *    script load is nearly instant (served from HTTP cache).\n   *\n   * Safe to call multiple times — the underlying initialize() deduplicates.\n   * Does not block: returns immediately, initialization continues in background.\n   */\n  preload(): void {\n    // Phase 1: Inject browser preload hints for CDN scripts\n    LibraryLoader.preloadCoreScripts();\n\n    // Phase 2: Fire-and-forget full initialization (script execution + runtime setup)\n    this.initialize().catch(err => {\n      console.warn('React runtime preload failed (will retry on demand):', err);\n    });\n  }\n\n  /**\n   * Initialize the React runtime with Angular-specific configuration\n   * @param config Optional library configuration\n   * @param additionalLibraries Optional additional libraries to merge\n   * @param options Optional options including debug flag\n   * @returns Promise resolving when runtime is ready\n   */\n  async initialize(\n    config?: LibraryConfiguration,\n    additionalLibraries?: ExternalLibraryConfig[],\n    options?: { debug?: boolean }\n  ): Promise<void> {\n    if (this.runtime) {\n      return; // Already initialized\n    }\n    if (this.initializationPromise) {\n      return this.initializationPromise; // in progress\n    }\n\n    // Start initialization and store the promise immediately\n    this.initializationPromise = this.doInitialize(config, additionalLibraries, options);\n\n    try {\n        await this.initializationPromise;\n    } catch (error) {\n        // Clear the promise on error so it can be retried\n        this.initializationPromise = undefined;\n        throw error;\n    }\n\n    return;\n  }\n\n  private async doInitialize(\n    config?: LibraryConfiguration,\n    additionalLibraries?: ExternalLibraryConfig[],\n    options?: { debug?: boolean }\n  ): Promise<void> {\n    // Load React ecosystem with optional additional libraries\n    const ecosystem = await this.scriptLoader.loadReactEcosystem(config, additionalLibraries, options);\n    \n    // Create runtime context\n    this.runtimeContext = {\n      React: ecosystem.React,\n      ReactDOM: ecosystem.ReactDOM,\n      libraries: ecosystem.libraries,\n      utilities: {\n        // Add any Angular-specific utilities here\n      }\n    };\n\n    // Create the React runtime with runtime context for registry support\n    this.runtime = createReactRuntime(ecosystem.Babel, {\n      compiler: {\n        cache: true,\n        maxCacheSize: 100,\n        debug: options?.debug\n      },\n      registry: {\n        maxComponents: 1000,\n        cleanupInterval: 60000,\n        useLRU: true,\n        enableNamespaces: true,\n        debug: options?.debug\n      }\n    }, this.runtimeContext, options?.debug);\n  }\n\n  /**\n   * Get the component compiler\n   * @returns Component compiler instance\n   */\n  getCompiler(): ComponentCompiler {\n    if (!this.runtime) {\n      throw new Error('React runtime not initialized. Call initialize() first.');\n    }\n    return this.runtime.compiler;\n  }\n\n  /**\n   * Get the component registry\n   * @returns Component registry instance\n   */\n  getRegistry(): ComponentRegistry {\n    if (!this.runtime) {\n      throw new Error('React runtime not initialized. Call initialize() first.');\n    }\n    return this.runtime.registry;\n  }\n\n  /**\n   * Get the component resolver\n   * @returns Component resolver instance\n   */\n  getResolver(): ComponentResolver {\n    if (!this.runtime) {\n      throw new Error('React runtime not initialized. Call initialize() first.');\n    }\n    return this.runtime.resolver;\n  }\n\n  /**\n   * Get the runtime context\n   * @returns Runtime context with React and libraries\n   */\n  getRuntimeContext(): RuntimeContext {\n    if (!this.runtimeContext) {\n      throw new Error('React runtime not initialized. Call initialize() first.');\n    }\n    return this.runtimeContext;\n  }\n\n  /**\n   * Get the unified component manager\n   * @returns Component manager instance\n   */\n  getComponentManager(): ComponentManager {\n    if (!this.runtime) {\n      throw new Error('React runtime not initialized. Call initialize() first.');\n    }\n    return this.runtime.manager;\n  }\n\n\n  /**\n   * Compile a component with Angular-specific defaults\n   * @param options - Compilation options\n   * @returns Promise resolving to compilation result\n   */\n  async compileComponent(options: CompileOptions) {\n    // Validate options before initialization\n    if (!options) {\n      throw new Error(\n        'Angular adapter error: No compilation options provided.\\n' +\n        'This usually means the component spec is null or undefined.\\n' +\n        'Please check that:\\n' +\n        '1. Your component data is loaded properly\\n' +\n        '2. The component spec has \"name\" and \"code\" properties\\n' +\n        '3. The component input is not undefined'\n      );\n    }\n\n    if (!options.componentName || options.componentName.trim() === '') {\n      throw new Error(\n        'Angular adapter error: Component name is missing or empty.\\n' +\n        `Received options: ${JSON.stringify(options, null, 2)}\\n` +\n        'Make sure your component spec includes a \"name\" property.'\n      );\n    }\n\n    if (!options.componentCode || options.componentCode.trim() === '') {\n      throw new Error(\n        `Angular adapter error: Component code is missing or empty for component \"${options.componentName}\".\\n` +\n        'Make sure your component spec includes a \"code\" property with the React component source.'\n      );\n    }\n\n    await this.initialize();\n    \n    // Apply default styles if not provided\n    const optionsWithDefaults = {\n      ...options,\n      styles: options.styles || SetupStyles()\n    };\n\n    return this.runtime!.compiler.compile(optionsWithDefaults);\n  }\n\n  /**\n   * Register a component in the registry\n   * @param name - Component name\n   * @param component - Compiled component\n   * @param namespace - Component namespace\n   * @param version - Component version\n   * @returns Component metadata\n   */\n  registerComponent(\n    name: string,\n    component: any,\n    namespace: string = 'Global',\n    version: string = 'v1'\n  ) {\n    if (!this.runtime) {\n      throw new Error('React runtime not initialized. Call initialize() first.');\n    }\n    return this.runtime.registry.register(name, component, namespace, version);\n  }\n\n  /**\n   * Get a component from the registry\n   * @param name - Component name\n   * @param namespace - Component namespace\n   * @param version - Component version\n   * @returns Component if found\n   */\n  getComponent(name: string, namespace: string = 'Global', version?: string) {\n    if (!this.runtime) {\n      throw new Error('React runtime not initialized. Call initialize() first.');\n    }\n    return this.runtime.registry.get(name, namespace, version);\n  }\n\n  /**\n   * Check if runtime is initialized\n   * @returns true if initialized\n   */\n  isInitialized(): boolean {\n    return !!this.runtime && !!this.runtimeContext;\n  }\n\n  /**\n   * Get runtime version\n   * @returns Runtime version string\n   */\n  getVersion(): string {\n    return this.runtime?.version || 'unknown';\n  }\n\n  /**\n   * Clean up resources\n   */\n  destroy(): void {\n    if (this.runtime) {\n      this.runtime.registry.destroy();\n      this.runtime = undefined;\n      this.runtimeContext = undefined;\n    }\n  }\n\n  /**\n   * Get Babel instance for direct use\n   * @returns Babel instance\n   */\n  getBabel(): any {\n    return this.runtimeContext?.libraries?.Babel || (window as any).Babel;\n  }\n\n  /**\n   * Transpile JSX code directly\n   * @param code - JSX code to transpile\n   * @param filename - Optional filename for better error messages\n   * @returns Transpiled JavaScript code\n   */\n  transpileJSX(code: string, filename?: string): string {\n    const babel = this.getBabel();\n    if (!babel) {\n      throw new Error('Babel not loaded. Initialize the runtime first.');\n    }\n\n    try {\n      const result = babel.transform(code, {\n        presets: ['react'],\n        filename: filename || 'component.jsx'\n      });\n      return result.code;\n    } catch (error: any) {\n      throw new Error(`Failed to transpile JSX: ${error.message}`);\n    }\n  }\n}"]}

package/dist/lib/services/react-bridge.service.d.ts

@@ -19,19 +19,43 @@ export declare class ReactBridgeService implements OnDestroy {
     private firstComponentAttempted;
     private maxWaitTime;
     private checkInterval;
+    private maxBootstrapRetries;
+    private retryBaseDelay;
     debug: boolean;
+    private bootstrapPromise;
     constructor(adapter: AngularAdapterService);
     ngOnDestroy(): void;
     /**
-     * Bootstrap React early during service initialization
+     * Bootstrap React from CDN with automatic retries.
+     * Deduplicates: concurrent callers share the same in-flight promise.
+     * On failure, clears the promise so the next call can retry.
      */
-    private bootstrapReact;
+    private bootstrapWithRetries;
     /**
-     * Wait for React to be ready, with special handling for first component
+     * Attempt to load the React ecosystem from CDN, retrying with exponential
+     * backoff if the CDN is unreachable or returns an error.
+     */
+    private doBootstrapWithRetries;
+    /**
+     * Wait for React to be ready, with special handling for first component.
+     * If bootstrap succeeded but createRoot isn't usable (stale browser cache),
+     * forces a re-bootstrap and retries.
      */
     waitForReactReady(): Promise<void>;
     /**
-     * Get the current React context if loaded
+     * Poll for ReactDOM.createRoot availability. If the poll window expires
+     * (bootstrap succeeded but createRoot is broken, e.g. stale cache),
+     * force a fresh re-bootstrap and retry.
+     */
+    private pollForReactReadyWithRetries;
+    /**
+     * Poll for ReactDOM.createRoot for up to maxWaitTime ms.
+     * @returns true if createRoot became available, false if the poll window expired.
+     */
+    private pollForCreateRoot;
+    /**
+     * Get the current React context if loaded.
+     * Awaits the bootstrap (with retries) rather than calling adapter.initialize() independently.
      * @returns React context with React, ReactDOM, Babel, and libraries
      */
     getReactContext(): Promise<RuntimeContext>;

package/dist/lib/services/react-bridge.service.js

@@ -7,7 +7,9 @@ import { Injectable } from '@angular/core';
 import { BehaviorSubject, firstValueFrom } from 'rxjs';
 import { filter } from 'rxjs/operators';
 import { AngularAdapterService } from './angular-adapter.service';
+import { reactRootManager } from '@memberjunction/react-runtime';
 import { ReactDebugConfig } from '../config/react-debug.config';
+import { createAntdDropdownPositionHook } from '../hooks/antd-dropdown-position-hook';
 import * as i0 from "@angular/core";
 import * as i1 from "./angular-adapter.service";
 /**
@@ -23,38 +25,69 @@ export class ReactBridgeService {
         this.reactReady$ = this.reactReadySubject.asObservable();
         // Track if this is the first component trying to use React
         this.firstComponentAttempted = false;
-        this.maxWaitTime = 5000; // Maximum 5 seconds wait time
+        this.maxWaitTime = 5000; // Maximum 5 seconds wait time for createRoot poll
         this.checkInterval = 200; // Check every 200ms
+        this.maxBootstrapRetries = 2; // Retry bootstrap up to 2 additional times
+        this.retryBaseDelay = 2000; // Base delay between bootstrap retries (ms)
         // Debug flag from project configuration
         this.debug = ReactDebugConfig.getDebugMode();
+        // The current bootstrap attempt — shared between constructor and getReactContext()
+        this.bootstrapPromise = null;
         // Bootstrap React immediately on service initialization
-        this.bootstrapReact();
+        this.bootstrapWithRetries();
     }
     ngOnDestroy() {
         this.cleanup();
     }
     /**
-     * Bootstrap React early during service initialization
+     * Bootstrap React from CDN with automatic retries.
+     * Deduplicates: concurrent callers share the same in-flight promise.
+     * On failure, clears the promise so the next call can retry.
      */
-    async bootstrapReact() {
-        try {
-            // Log the debug mode being used
-            console.log(`ReactBridgeService: Initializing React with debug mode = ${this.debug} (from ReactDebugConfig)`);
-            // Pass debug flag to get development builds when debug is enabled
-            await this.adapter.initialize(undefined, undefined, { debug: this.debug });
-            if (this.debug) {
-                console.log('React ecosystem pre-loaded successfully with DEVELOPMENT builds (detailed error messages)');
+    bootstrapWithRetries() {
+        if (!this.bootstrapPromise) {
+            this.bootstrapPromise = this.doBootstrapWithRetries();
+        }
+        return this.bootstrapPromise;
+    }
+    /**
+     * Attempt to load the React ecosystem from CDN, retrying with exponential
+     * backoff if the CDN is unreachable or returns an error.
+     */
+    async doBootstrapWithRetries() {
+        console.log(`ReactBridgeService: Initializing React with debug mode = ${this.debug} (from ReactDebugConfig)`);
+        let lastError;
+        for (let attempt = 0; attempt <= this.maxBootstrapRetries; attempt++) {
+            try {
+                if (attempt > 0) {
+                    const delay = this.retryBaseDelay * Math.pow(2, attempt - 1);
+                    console.warn(`React CDN bootstrap attempt ${attempt + 1} of ${this.maxBootstrapRetries + 1} — retrying in ${delay}ms...`);
+                    await new Promise(resolve => setTimeout(resolve, delay));
+                }
+                await this.adapter.initialize(undefined, undefined, { debug: this.debug });
+                // Register Angular-specific runtime hooks for library compatibility
+                reactRootManager.RegisterHook(createAntdDropdownPositionHook());
+                if (this.debug) {
+                    console.log('React ecosystem pre-loaded successfully with DEVELOPMENT builds (detailed error messages)');
+                }
+                else {
+                    console.log('React ecosystem pre-loaded successfully with PRODUCTION builds (minified)');
+                }
+                return; // Success
             }
-            else {
-                console.log('React ecosystem pre-loaded successfully with PRODUCTION builds (minified)');
+            catch (error) {
+                lastError = error;
+                console.error(`React bootstrap attempt ${attempt + 1} failed:`, error);
             }
         }
-        catch (error) {
-            console.error('Failed to pre-load React ecosystem:', error);
-        }
+        // All attempts exhausted — clear promise so future calls can retry
+        this.bootstrapPromise = null;
+        throw lastError;
     }
     /**
-     * Wait for React to be ready, with special handling for first component
+     * Wait for React to be ready, with special handling for first component.
+     * If bootstrap succeeded but createRoot isn't usable (stale browser cache),
+     * forces a re-bootstrap and retries.
      */
     async waitForReactReady() {
         // If already ready, return immediately
@@ -65,51 +98,82 @@ export class ReactBridgeService {
         const isFirstComponent = !this.firstComponentAttempted;
         this.firstComponentAttempted = true;
         if (isFirstComponent) {
-            // First component - check periodically until React is ready
-            if (this.debug) {
-                console.log('First React component loading - checking for React initialization');
-            }
-            const startTime = Date.now();
-            while (Date.now() - startTime < this.maxWaitTime) {
+            await this.pollForReactReadyWithRetries();
+        }
+        else {
+            // Subsequent components wait for the ready signal
+            await firstValueFrom(this.reactReady$.pipe(filter(ready => ready)));
+        }
+    }
+    /**
+     * Poll for ReactDOM.createRoot availability. If the poll window expires
+     * (bootstrap succeeded but createRoot is broken, e.g. stale cache),
+     * force a fresh re-bootstrap and retry.
+     */
+    async pollForReactReadyWithRetries() {
+        const overallStart = Date.now();
+        for (let attempt = 0; attempt <= this.maxBootstrapRetries; attempt++) {
+            if (attempt > 0) {
+                console.warn(`React createRoot check failed (attempt ${attempt}) — forcing fresh CDN re-bootstrap...`);
+                // Clear the cached bootstrap promise so doBootstrapWithRetries runs fresh
+                this.bootstrapPromise = null;
+                this.adapter.destroy();
                 try {
-                    const testDiv = document.createElement('div');
-                    const context = this.adapter.getRuntimeContext();
-                    if (context.ReactDOM?.createRoot) {
-                        // Try to create a test root
-                        const testRoot = context.ReactDOM.createRoot(testDiv);
-                        if (testRoot) {
-                            testRoot.unmount();
-                            // React is ready!
-                            this.reactReadySubject.next(true);
-                            if (this.debug) {
-                                console.log(`React is fully ready after ${Date.now() - startTime}ms`);
-                            }
-                            return;
-                        }
-                    }
+                    await this.bootstrapWithRetries();
                 }
-                catch (error) {
-                    // Not ready yet, continue checking
+                catch {
+                    // Bootstrap itself failed — continue to next poll attempt
+                    continue;
+                }
+            }
+            const ready = await this.pollForCreateRoot();
+            if (ready) {
+                this.reactReadySubject.next(true);
+                if (this.debug) {
+                    console.log(`React is fully ready after ${Date.now() - overallStart}ms (attempt ${attempt + 1})`);
                 }
-                // Wait before next check
-                await new Promise(resolve => setTimeout(resolve, this.checkInterval));
+                return;
             }
-            // If we've exhausted the wait time, throw error
-            console.error('React readiness test failed after maximum wait time');
-            this.firstComponentAttempted = false;
-            throw new Error(`ReactDOM.createRoot not available after ${this.maxWaitTime}ms`);
         }
-        else {
-            // Subsequent components wait for the ready signal
-            await firstValueFrom(this.reactReady$.pipe(filter(ready => ready)));
+        // All attempts exhausted
+        const totalTime = Date.now() - overallStart;
+        console.error(`React readiness test failed after ${this.maxBootstrapRetries + 1} attempts (${totalTime}ms total)`);
+        this.firstComponentAttempted = false;
+        throw new Error(`ReactDOM.createRoot not available after ${this.maxBootstrapRetries + 1} attempts (${totalTime}ms). ` +
+            `Try a hard refresh (Ctrl+Shift+R) to clear the browser cache.`);
+    }
+    /**
+     * Poll for ReactDOM.createRoot for up to maxWaitTime ms.
+     * @returns true if createRoot became available, false if the poll window expired.
+     */
+    async pollForCreateRoot() {
+        const startTime = Date.now();
+        while (Date.now() - startTime < this.maxWaitTime) {
+            try {
+                const testDiv = document.createElement('div');
+                const context = this.adapter.getRuntimeContext();
+                if (context.ReactDOM?.createRoot) {
+                    const testRoot = context.ReactDOM.createRoot(testDiv);
+                    if (testRoot) {
+                        testRoot.unmount();
+                        return true;
+                    }
+                }
+            }
+            catch {
+                // Not ready yet, continue checking
+            }
+            await new Promise(resolve => setTimeout(resolve, this.checkInterval));
         }
+        return false;
     }
     /**
-     * Get the current React context if loaded
+     * Get the current React context if loaded.
+     * Awaits the bootstrap (with retries) rather than calling adapter.initialize() independently.
      * @returns React context with React, ReactDOM, Babel, and libraries
      */
     async getReactContext() {
-        await this.adapter.initialize(undefined, undefined, { debug: this.debug });
+        await this.bootstrapWithRetries();
         return this.adapter.getRuntimeContext();
     }
     /**
@@ -177,6 +241,8 @@ export class ReactBridgeService {
         // Reset readiness state
         this.reactReadySubject.next(false);
         this.firstComponentAttempted = false;
+        // Clean up runtime hooks (disconnects observers, removes injected styles, etc.)
+        reactRootManager.cleanup();
         // Clean up adapter
         this.adapter.destroy();
     }

package/dist/lib/services/react-bridge.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-bridge.service.js","sourceRoot":"","sources":["../../../src/lib/services/react-bridge.service.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Service to manage React and ReactDOM instances with proper lifecycle.\n * Bridges Angular components with React rendering capabilities.\n * @module @memberjunction/ng-react\n */\n\nimport { Injectable, OnDestroy } from '@angular/core';\nimport { BehaviorSubject, firstValueFrom } from 'rxjs';\nimport { filter } from 'rxjs/operators';\nimport { AngularAdapterService } from './angular-adapter.service';\nimport { RuntimeContext } from '@memberjunction/react-runtime';\nimport { ReactDebugConfig } from '../config/react-debug.config';\n\n/**\n * Service to manage React and ReactDOM instances with proper lifecycle.\n * Provides methods for creating and managing React roots in Angular applications.\n */\n@Injectable({ providedIn: 'root' })\nexport class ReactBridgeService implements OnDestroy {\n  private reactRoots = new Set<any>();\n  \n  // Track React readiness state\n  private reactReadySubject = new BehaviorSubject<boolean>(false);\n  public reactReady$ = this.reactReadySubject.asObservable();\n  \n  // Track if this is the first component trying to use React\n  private firstComponentAttempted = false;\n  private maxWaitTime = 5000; // Maximum 5 seconds wait time\n  private checkInterval = 200; // Check every 200ms\n  \n  // Debug flag from project configuration\n  public debug: boolean = ReactDebugConfig.getDebugMode();\n\n  constructor(private adapter: AngularAdapterService) {\n    // Bootstrap React immediately on service initialization\n    this.bootstrapReact();\n  }\n\n  ngOnDestroy(): void {\n    this.cleanup();\n  }\n\n  /**\n   * Bootstrap React early during service initialization\n   */\n  private async bootstrapReact(): Promise<void> {\n    try {\n      // Log the debug mode being used\n      console.log(`ReactBridgeService: Initializing React with debug mode = ${this.debug} (from ReactDebugConfig)`);\n      \n      // Pass debug flag to get development builds when debug is enabled\n      await this.adapter.initialize(undefined, undefined, { debug: this.debug });\n      \n      if (this.debug) {\n        console.log('React ecosystem pre-loaded successfully with DEVELOPMENT builds (detailed error messages)');\n      } else {\n        console.log('React ecosystem pre-loaded successfully with PRODUCTION builds (minified)');\n      }\n    } catch (error) {\n      console.error('Failed to pre-load React ecosystem:', error);\n    }\n  }\n\n  /**\n   * Wait for React to be ready, with special handling for first component\n   */\n  async waitForReactReady(): Promise<void> {\n    // If already ready, return immediately\n    if (this.reactReadySubject.value) {\n      return;\n    }\n\n    // Check if this is the first component attempting to use React\n    const isFirstComponent = !this.firstComponentAttempted;\n    this.firstComponentAttempted = true;\n\n    if (isFirstComponent) {\n      // First component - check periodically until React is ready\n      if (this.debug) {\n        console.log('First React component loading - checking for React initialization');\n      }\n      \n      const startTime = Date.now();\n      \n      while (Date.now() - startTime < this.maxWaitTime) {\n        try {\n          const testDiv = document.createElement('div');\n          const context = this.adapter.getRuntimeContext();\n          \n          if (context.ReactDOM?.createRoot) {\n            // Try to create a test root\n            const testRoot = context.ReactDOM.createRoot(testDiv);\n            if (testRoot) {\n              testRoot.unmount();\n              // React is ready!\n              this.reactReadySubject.next(true);\n              if (this.debug) {\n                console.log(`React is fully ready after ${Date.now() - startTime}ms`);\n              }\n              return;\n            }\n          }\n        } catch (error) {\n          // Not ready yet, continue checking\n        }\n        \n        // Wait before next check\n        await new Promise(resolve => setTimeout(resolve, this.checkInterval));\n      }\n      \n      // If we've exhausted the wait time, throw error\n      console.error('React readiness test failed after maximum wait time');\n      this.firstComponentAttempted = false;\n      throw new Error(`ReactDOM.createRoot not available after ${this.maxWaitTime}ms`);\n    } else {\n      // Subsequent components wait for the ready signal\n      await firstValueFrom(this.reactReady$.pipe(filter(ready => ready)));\n    }\n  }\n\n  /**\n   * Get the current React context if loaded\n   * @returns React context with React, ReactDOM, Babel, and libraries\n   */\n  async getReactContext(): Promise<RuntimeContext> {\n    await this.adapter.initialize(undefined, undefined, {debug: this.debug});\n    return this.adapter.getRuntimeContext();\n  }\n\n  /**\n   * Get the current React context synchronously\n   * @returns React context or null if not loaded\n   */\n  getCurrentContext(): RuntimeContext | null {\n    if (!this.adapter.isInitialized()) {\n      return null;\n    }\n    return this.adapter.getRuntimeContext();\n  }\n\n  /**\n   * Create a React root for rendering\n   * @param container - DOM element to render into\n   * @returns React root instance\n   */\n  createRoot(container: HTMLElement): any {\n    const context = this.getCurrentContext();\n    if (!context?.ReactDOM?.createRoot) {\n      throw new Error('ReactDOM.createRoot not available');\n    }\n\n    const root = context.ReactDOM.createRoot(container);\n    this.reactRoots.add(root);\n    return root;\n  }\n\n  /**\n   * Unmount and clean up a React root\n   * @param root - React root to unmount\n   */\n  unmountRoot(root: any): void {\n    if (root && typeof root.unmount === 'function') {\n      try {\n        root.unmount();\n      } catch (error) {\n        console.warn('Failed to unmount React root:', error);\n      }\n    }\n    this.reactRoots.delete(root);\n  }\n\n  /**\n   * Transpile JSX code to JavaScript\n   * @param code - JSX code to transpile\n   * @param filename - Optional filename for error messages\n   * @returns Transpiled JavaScript code\n   */\n  transpileJSX(code: string, filename: string): string {\n    return this.adapter.transpileJSX(code, filename);\n  }\n\n  /**\n   * Clean up all React roots and reset context\n   */\n  private cleanup(): void {\n    // Unmount all tracked React roots\n    for (const root of this.reactRoots) {\n      try {\n        root.unmount();\n      } catch (error) {\n        console.warn('Failed to unmount React root:', error);\n      }\n    }\n    this.reactRoots.clear();\n    \n    // Reset readiness state\n    this.reactReadySubject.next(false);\n    this.firstComponentAttempted = false;\n\n    // Clean up adapter\n    this.adapter.destroy();\n  }\n\n  /**\n   * Check if React is currently ready\n   * @returns true if React is ready\n   */\n  isReady(): boolean {\n    return this.reactReadySubject.value;\n  }\n\n  /**\n   * Get the number of active React roots\n   * @returns Number of active roots\n   */\n  getActiveRootsCount(): number {\n    return this.reactRoots.size;\n  }\n}"]}
+{"version":3,"file":"react-bridge.service.js","sourceRoot":"","sources":["../../../src/lib/services/react-bridge.service.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Service to manage React and ReactDOM instances with proper lifecycle.\n * Bridges Angular components with React rendering capabilities.\n * @module @memberjunction/ng-react\n */\n\nimport { Injectable, OnDestroy } from '@angular/core';\nimport { BehaviorSubject, firstValueFrom } from 'rxjs';\nimport { filter } from 'rxjs/operators';\nimport { AngularAdapterService } from './angular-adapter.service';\nimport { RuntimeContext, reactRootManager } from '@memberjunction/react-runtime';\nimport { ReactDebugConfig } from '../config/react-debug.config';\nimport { createAntdDropdownPositionHook } from '../hooks/antd-dropdown-position-hook';\n\n/**\n * Service to manage React and ReactDOM instances with proper lifecycle.\n * Provides methods for creating and managing React roots in Angular applications.\n */\n@Injectable({ providedIn: 'root' })\nexport class ReactBridgeService implements OnDestroy {\n  private reactRoots = new Set<any>();\n\n  // Track React readiness state\n  private reactReadySubject = new BehaviorSubject<boolean>(false);\n  public reactReady$ = this.reactReadySubject.asObservable();\n\n  // Track if this is the first component trying to use React\n  private firstComponentAttempted = false;\n  private maxWaitTime = 5000; // Maximum 5 seconds wait time for createRoot poll\n  private checkInterval = 200; // Check every 200ms\n  private maxBootstrapRetries = 2; // Retry bootstrap up to 2 additional times\n  private retryBaseDelay = 2000; // Base delay between bootstrap retries (ms)\n\n  // Debug flag from project configuration\n  public debug: boolean = ReactDebugConfig.getDebugMode();\n\n  // The current bootstrap attempt — shared between constructor and getReactContext()\n  private bootstrapPromise: Promise<void> | null = null;\n\n  constructor(private adapter: AngularAdapterService) {\n    // Bootstrap React immediately on service initialization\n    this.bootstrapWithRetries();\n  }\n\n  ngOnDestroy(): void {\n    this.cleanup();\n  }\n\n  /**\n   * Bootstrap React from CDN with automatic retries.\n   * Deduplicates: concurrent callers share the same in-flight promise.\n   * On failure, clears the promise so the next call can retry.\n   */\n  private bootstrapWithRetries(): Promise<void> {\n    if (!this.bootstrapPromise) {\n      this.bootstrapPromise = this.doBootstrapWithRetries();\n    }\n    return this.bootstrapPromise;\n  }\n\n  /**\n   * Attempt to load the React ecosystem from CDN, retrying with exponential\n   * backoff if the CDN is unreachable or returns an error.\n   */\n  private async doBootstrapWithRetries(): Promise<void> {\n    console.log(`ReactBridgeService: Initializing React with debug mode = ${this.debug} (from ReactDebugConfig)`);\n    let lastError: unknown;\n\n    for (let attempt = 0; attempt <= this.maxBootstrapRetries; attempt++) {\n      try {\n        if (attempt > 0) {\n          const delay = this.retryBaseDelay * Math.pow(2, attempt - 1);\n          console.warn(\n            `React CDN bootstrap attempt ${attempt + 1} of ${this.maxBootstrapRetries + 1} — retrying in ${delay}ms...`\n          );\n          await new Promise(resolve => setTimeout(resolve, delay));\n        }\n\n        await this.adapter.initialize(undefined, undefined, { debug: this.debug });\n\n        // Register Angular-specific runtime hooks for library compatibility\n        reactRootManager.RegisterHook(createAntdDropdownPositionHook());\n\n        if (this.debug) {\n          console.log('React ecosystem pre-loaded successfully with DEVELOPMENT builds (detailed error messages)');\n        } else {\n          console.log('React ecosystem pre-loaded successfully with PRODUCTION builds (minified)');\n        }\n        return; // Success\n      } catch (error) {\n        lastError = error;\n        console.error(`React bootstrap attempt ${attempt + 1} failed:`, error);\n      }\n    }\n\n    // All attempts exhausted — clear promise so future calls can retry\n    this.bootstrapPromise = null;\n    throw lastError;\n  }\n\n  /**\n   * Wait for React to be ready, with special handling for first component.\n   * If bootstrap succeeded but createRoot isn't usable (stale browser cache),\n   * forces a re-bootstrap and retries.\n   */\n  async waitForReactReady(): Promise<void> {\n    // If already ready, return immediately\n    if (this.reactReadySubject.value) {\n      return;\n    }\n\n    // Check if this is the first component attempting to use React\n    const isFirstComponent = !this.firstComponentAttempted;\n    this.firstComponentAttempted = true;\n\n    if (isFirstComponent) {\n      await this.pollForReactReadyWithRetries();\n    } else {\n      // Subsequent components wait for the ready signal\n      await firstValueFrom(this.reactReady$.pipe(filter(ready => ready)));\n    }\n  }\n\n  /**\n   * Poll for ReactDOM.createRoot availability. If the poll window expires\n   * (bootstrap succeeded but createRoot is broken, e.g. stale cache),\n   * force a fresh re-bootstrap and retry.\n   */\n  private async pollForReactReadyWithRetries(): Promise<void> {\n    const overallStart = Date.now();\n\n    for (let attempt = 0; attempt <= this.maxBootstrapRetries; attempt++) {\n      if (attempt > 0) {\n        console.warn(\n          `React createRoot check failed (attempt ${attempt}) — forcing fresh CDN re-bootstrap...`\n        );\n        // Clear the cached bootstrap promise so doBootstrapWithRetries runs fresh\n        this.bootstrapPromise = null;\n        this.adapter.destroy();\n        try {\n          await this.bootstrapWithRetries();\n        } catch {\n          // Bootstrap itself failed — continue to next poll attempt\n          continue;\n        }\n      }\n\n      const ready = await this.pollForCreateRoot();\n      if (ready) {\n        this.reactReadySubject.next(true);\n        if (this.debug) {\n          console.log(`React is fully ready after ${Date.now() - overallStart}ms (attempt ${attempt + 1})`);\n        }\n        return;\n      }\n    }\n\n    // All attempts exhausted\n    const totalTime = Date.now() - overallStart;\n    console.error(\n      `React readiness test failed after ${this.maxBootstrapRetries + 1} attempts (${totalTime}ms total)`\n    );\n    this.firstComponentAttempted = false;\n    throw new Error(\n      `ReactDOM.createRoot not available after ${this.maxBootstrapRetries + 1} attempts (${totalTime}ms). ` +\n      `Try a hard refresh (Ctrl+Shift+R) to clear the browser cache.`\n    );\n  }\n\n  /**\n   * Poll for ReactDOM.createRoot for up to maxWaitTime ms.\n   * @returns true if createRoot became available, false if the poll window expired.\n   */\n  private async pollForCreateRoot(): Promise<boolean> {\n    const startTime = Date.now();\n\n    while (Date.now() - startTime < this.maxWaitTime) {\n      try {\n        const testDiv = document.createElement('div');\n        const context = this.adapter.getRuntimeContext();\n\n        if (context.ReactDOM?.createRoot) {\n          const testRoot = context.ReactDOM.createRoot(testDiv);\n          if (testRoot) {\n            testRoot.unmount();\n            return true;\n          }\n        }\n      } catch {\n        // Not ready yet, continue checking\n      }\n\n      await new Promise(resolve => setTimeout(resolve, this.checkInterval));\n    }\n\n    return false;\n  }\n\n  /**\n   * Get the current React context if loaded.\n   * Awaits the bootstrap (with retries) rather than calling adapter.initialize() independently.\n   * @returns React context with React, ReactDOM, Babel, and libraries\n   */\n  async getReactContext(): Promise<RuntimeContext> {\n    await this.bootstrapWithRetries();\n    return this.adapter.getRuntimeContext();\n  }\n\n  /**\n   * Get the current React context synchronously\n   * @returns React context or null if not loaded\n   */\n  getCurrentContext(): RuntimeContext | null {\n    if (!this.adapter.isInitialized()) {\n      return null;\n    }\n    return this.adapter.getRuntimeContext();\n  }\n\n  /**\n   * Create a React root for rendering\n   * @param container - DOM element to render into\n   * @returns React root instance\n   */\n  createRoot(container: HTMLElement): any {\n    const context = this.getCurrentContext();\n    if (!context?.ReactDOM?.createRoot) {\n      throw new Error('ReactDOM.createRoot not available');\n    }\n\n    const root = context.ReactDOM.createRoot(container);\n    this.reactRoots.add(root);\n    return root;\n  }\n\n  /**\n   * Unmount and clean up a React root\n   * @param root - React root to unmount\n   */\n  unmountRoot(root: any): void {\n    if (root && typeof root.unmount === 'function') {\n      try {\n        root.unmount();\n      } catch (error) {\n        console.warn('Failed to unmount React root:', error);\n      }\n    }\n    this.reactRoots.delete(root);\n  }\n\n  /**\n   * Transpile JSX code to JavaScript\n   * @param code - JSX code to transpile\n   * @param filename - Optional filename for error messages\n   * @returns Transpiled JavaScript code\n   */\n  transpileJSX(code: string, filename: string): string {\n    return this.adapter.transpileJSX(code, filename);\n  }\n\n  /**\n   * Clean up all React roots and reset context\n   */\n  private cleanup(): void {\n    // Unmount all tracked React roots\n    for (const root of this.reactRoots) {\n      try {\n        root.unmount();\n      } catch (error) {\n        console.warn('Failed to unmount React root:', error);\n      }\n    }\n    this.reactRoots.clear();\n    \n    // Reset readiness state\n    this.reactReadySubject.next(false);\n    this.firstComponentAttempted = false;\n\n    // Clean up runtime hooks (disconnects observers, removes injected styles, etc.)\n    reactRootManager.cleanup();\n\n    // Clean up adapter\n    this.adapter.destroy();\n  }\n\n  /**\n   * Check if React is currently ready\n   * @returns true if React is ready\n   */\n  isReady(): boolean {\n    return this.reactReadySubject.value;\n  }\n\n  /**\n   * Get the number of active React roots\n   * @returns Number of active roots\n   */\n  getActiveRootsCount(): number {\n    return this.reactRoots.size;\n  }\n}"]}

package/dist/public-api.d.ts

@@ -9,3 +9,4 @@ export * from './lib/services/script-loader.service';
 export * from './lib/services/react-bridge.service';
 export * from './lib/services/angular-adapter.service';
 export * from './lib/config/react-debug.config';
+export * from './lib/hooks/antd-dropdown-position-hook';

package/dist/public-api.js

@@ -13,4 +13,6 @@ export * from './lib/services/react-bridge.service';
 export * from './lib/services/angular-adapter.service';
 // Configuration
 export * from './lib/config/react-debug.config';
+// Hooks
+export * from './lib/hooks/antd-dropdown-position-hook';
 //# sourceMappingURL=public-api.js.map

package/dist/public-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,SAAS;AACT,cAAc,cAAc,CAAC;AAE7B,aAAa;AACb,cAAc,+CAA+C,CAAC;AAE9D,WAAW;AACX,cAAc,sCAAsC,CAAC;AACrD,cAAc,qCAAqC,CAAC;AACpD,cAAc,wCAAwC,CAAC;AAEvD,gBAAgB;AAChB,cAAc,iCAAiC,CAAC","sourcesContent":["/**\n * @fileoverview Public API Surface of @memberjunction/ng-react\n * This file exports all public APIs from the Angular React integration library.\n * @module @memberjunction/ng-react\n */\n\n// Module\nexport * from './lib/module';\n\n// Components\nexport * from './lib/components/mj-react-component.component';\n\n// Services\nexport * from './lib/services/script-loader.service';\nexport * from './lib/services/react-bridge.service';\nexport * from './lib/services/angular-adapter.service';\n\n// Configuration\nexport * from './lib/config/react-debug.config';\n"]}
+{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,SAAS;AACT,cAAc,cAAc,CAAC;AAE7B,aAAa;AACb,cAAc,+CAA+C,CAAC;AAE9D,WAAW;AACX,cAAc,sCAAsC,CAAC;AACrD,cAAc,qCAAqC,CAAC;AACpD,cAAc,wCAAwC,CAAC;AAEvD,gBAAgB;AAChB,cAAc,iCAAiC,CAAC;AAEhD,QAAQ;AACR,cAAc,yCAAyC,CAAC","sourcesContent":["/**\n * @fileoverview Public API Surface of @memberjunction/ng-react\n * This file exports all public APIs from the Angular React integration library.\n * @module @memberjunction/ng-react\n */\n\n// Module\nexport * from './lib/module';\n\n// Components\nexport * from './lib/components/mj-react-component.component';\n\n// Services\nexport * from './lib/services/script-loader.service';\nexport * from './lib/services/react-bridge.service';\nexport * from './lib/services/angular-adapter.service';\n\n// Configuration\nexport * from './lib/config/react-debug.config';\n\n// Hooks\nexport * from './lib/hooks/antd-dropdown-position-hook';\n"]}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@memberjunction/ng-react",
-  "version": "5.22.0",
+  "version": "5.24.0",
   "description": "Angular components for hosting React components in MemberJunction applications",
   "scripts": {
     "build": "ngc -p tsconfig.json",
     "watch": "ngc -p tsconfig.json --watch",
-    "test": "echo \"Tests not yet implemented\"",
+    "test": "vitest run",
     "patchVersion": "npm version patch",
     "test:watch": "vitest"
   },
@@ -41,14 +41,14 @@
     "styles"
   ],
   "dependencies": {
-    "@memberjunction/ai-vectors-memory": "5.22.0",
-    "@memberjunction/core": "5.22.0",
-    "@memberjunction/core-entities": "5.22.0",
-    "@memberjunction/global": "5.22.0",
-    "@memberjunction/graphql-dataprovider": "5.22.0",
-    "@memberjunction/interactive-component-types": "5.22.0",
-    "@memberjunction/ng-notifications": "5.22.0",
-    "@memberjunction/react-runtime": "5.22.0",
+    "@memberjunction/ai-vectors-memory": "5.24.0",
+    "@memberjunction/core": "5.24.0",
+    "@memberjunction/core-entities": "5.24.0",
+    "@memberjunction/global": "5.24.0",
+    "@memberjunction/graphql-dataprovider": "5.24.0",
+    "@memberjunction/interactive-component-types": "5.24.0",
+    "@memberjunction/ng-notifications": "5.24.0",
+    "@memberjunction/react-runtime": "5.24.0",
     "@angular/common": "21.1.3",
     "@angular/core": "21.1.3",
     "@angular/platform-browser": "21.1.3",