@memberjunction/ng-react 2.75.0 → 2.76.0

package/README.md

@@ -192,27 +192,7 @@ const styles: SkipComponentStyles = {
   }
 };
 ```
-
-### State Management
-
-```typescript
-// In your Angular component
-onStateChange(event: StateChangeEvent) {
-  console.log(`State ${event.path} changed to:`, event.value);
-  // Update your Angular component state
-}
-
-// In your React component
-function MyComponent({ userState, callbacks }) {
-  const updateState = () => {
-    callbacks.UpdateUserState({
-      counter: userState.counter + 1
-    });
-  };
-  
-  return <button onClick={updateState}>Count: {userState.counter}</button>;
-}
-```
+ 
 
 ## Services
 

package/dist/lib/components/mj-react-component.component.d.ts

@@ -23,6 +23,14 @@ export interface StateChangeEvent {
     path: string;
     value: any;
 }
+/**
+ * User settings changed event emitted when component saves user preferences
+ */
+export interface UserSettingsChangedEvent {
+    settings: Record<string, any>;
+    componentName?: string;
+    timestamp: Date;
+}
 /**
  * Angular component that hosts React components with proper memory management.
  * This component provides a bridge between Angular and React, allowing React components
@@ -41,6 +49,9 @@ export declare class MJReactComponent implements AfterViewInit, OnDestroy {
     get state(): any;
     utilities: any;
     styles?: Partial<ComponentStyles>;
+    private _savedUserSettings;
+    set savedUserSettings(value: any);
+    get savedUserSettings(): any;
     stateChange: EventEmitter<StateChangeEvent>;
     componentEvent: EventEmitter<ReactComponentEvent>;
     refreshData: EventEmitter<void>;
@@ -48,6 +59,7 @@ export declare class MJReactComponent implements AfterViewInit, OnDestroy {
         entityName: string;
         key: CompositeKey;
     }>;
+    userSettingsChanged: EventEmitter<UserSettingsChangedEvent>;
     container: ElementRef<HTMLDivElement>;
     private reactRoot;
     private compiledComponent;
@@ -83,6 +95,11 @@ export declare class MJReactComponent implements AfterViewInit, OnDestroy {
      * Handle React component errors
      */
     private handleReactError;
+    /**
+     * Handle onSaveUserSettings from components
+     * This implements the SavedUserSettings pattern
+     */
+    private handleSaveUserSettings;
     /**
      * Clean up resources
      */
@@ -103,5 +120,5 @@ export declare class MJReactComponent implements AfterViewInit, OnDestroy {
      */
     private isEqual;
     static ɵfac: i0.ɵɵFactoryDeclaration<MJReactComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MJReactComponent, "mj-react-component", never, { "component": { "alias": "component"; "required": false; }; "data": { "alias": "data"; "required": false; }; "state": { "alias": "state"; "required": false; }; "utilities": { "alias": "utilities"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; }, { "stateChange": "stateChange"; "componentEvent": "componentEvent"; "refreshData": "refreshData"; "openEntityRecord": "openEntityRecord"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJReactComponent, "mj-react-component", never, { "component": { "alias": "component"; "required": false; }; "data": { "alias": "data"; "required": false; }; "state": { "alias": "state"; "required": false; }; "utilities": { "alias": "utilities"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "savedUserSettings": { "alias": "savedUserSettings"; "required": false; }; }, { "stateChange": "stateChange"; "componentEvent": "componentEvent"; "refreshData": "refreshData"; "openEntityRecord": "openEntityRecord"; "userSettingsChanged": "userSettingsChanged"; }, never, never, false, never>;
 }

package/dist/lib/components/mj-react-component.component.js

@@ -8,7 +8,7 @@ import { Subject } from 'rxjs';
 import { ComponentSpec } from '@memberjunction/interactive-component-types';
 import { ReactBridgeService } from '../services/react-bridge.service';
 import { AngularAdapterService } from '../services/angular-adapter.service';
-import { buildComponentProps, cleanupPropBuilder, createErrorBoundary, ComponentHierarchyRegistrar } from '@memberjunction/react-runtime';
+import { createErrorBoundary, ComponentHierarchyRegistrar } from '@memberjunction/react-runtime';
 import { LogError, CompositeKey } from '@memberjunction/core';
 import * as i0 from "@angular/core";
 import * as i1 from "../services/react-bridge.service";
@@ -51,6 +51,16 @@ export class MJReactComponent {
     get state() {
         return this._state;
     }
+    set savedUserSettings(value) {
+        this._savedUserSettings = value || {};
+        // Re-render if component is initialized
+        if (this.isInitialized) {
+            this.renderComponent();
+        }
+    }
+    get savedUserSettings() {
+        return this._savedUserSettings;
+    }
     constructor(reactBridge, adapter, cdr) {
         this.reactBridge = reactBridge;
         this.adapter = adapter;
@@ -58,10 +68,12 @@ export class MJReactComponent {
         this._data = {};
         this._state = {};
         this.utilities = {};
+        this._savedUserSettings = {};
         this.stateChange = new EventEmitter();
         this.componentEvent = new EventEmitter();
         this.refreshData = new EventEmitter();
         this.openEntityRecord = new EventEmitter();
+        this.userSettingsChanged = new EventEmitter();
         this.reactRoot = null;
         this.compiledComponent = null;
         this.destroyed$ = new Subject();
@@ -180,10 +192,16 @@ export class MJReactComponent {
         if (!this.currentCallbacks) {
             this.currentCallbacks = this.createCallbacks();
         }
-        // Build props - pass styles as-is for Skip components
-        const props = buildComponentProps(this._data || {}, this.currentState, this.utilities || {}, this.currentCallbacks, components, this.styles, // Skip components expect the full SkipComponentStyles structure
-        { debounceUpdateUserState: 3000 } // 3 second debounce by default
-        );
+        // Build props with savedUserSettings pattern
+        const props = {
+            ...this._data, // Spread data properties directly
+            utilities: this.utilities || {},
+            callbacks: this.currentCallbacks,
+            components,
+            styles: this.styles,
+            savedUserSettings: this._savedUserSettings,
+            onSaveUserSettings: this.handleSaveUserSettings.bind(this)
+        };
         // Create error boundary
         const ErrorBoundary = createErrorBoundary(React, {
             onError: this.handleReactError.bind(this),
@@ -239,9 +257,6 @@ export class MJReactComponent {
      */
     createCallbacks() {
         return {
-            RefreshData: () => {
-                this.refreshData.emit();
-            },
             OpenEntityRecord: (entityName, key) => {
                 let keyToUse = null;
                 if (key instanceof Array) {
@@ -262,35 +277,6 @@ export class MJReactComponent {
                 if (keyToUse) {
                     this.openEntityRecord.emit({ entityName, key: keyToUse });
                 }
-            },
-            UpdateUserState: (userState) => {
-                // Prevent updates during rendering or destruction
-                if (this.isRendering || this.isDestroying) {
-                    return;
-                }
-                // Deep comparison to detect actual changes
-                const hasChanges = Object.keys(userState).some(key => {
-                    const currentValue = this.currentState[key];
-                    const newValue = userState[key];
-                    return !this.isEqual(currentValue, newValue);
-                });
-                if (!hasChanges) {
-                    // No actual changes, skip update to prevent infinite loop
-                    return;
-                }
-                this.currentState = {
-                    ...this.currentState,
-                    ...userState
-                };
-                // Emit change for each key in the state update
-                Object.keys(userState).forEach(path => {
-                    this.stateChange.emit({ path, value: userState[path] });
-                });
-                // Schedule re-render
-                this.renderComponent();
-            },
-            NotifyEvent: (event, data) => {
-                this.componentEvent.emit({ type: event, payload: data });
             }
         };
     }
@@ -308,6 +294,28 @@ export class MJReactComponent {
             }
         });
     }
+    /**
+     * Handle onSaveUserSettings from components
+     * This implements the SavedUserSettings pattern
+     */
+    handleSaveUserSettings(newSettings) {
+        // Check if there are actual changes
+        const hasChanges = !this.isEqual(this._savedUserSettings, newSettings);
+        if (!hasChanges) {
+            // No actual changes, skip update to prevent infinite loop
+            return;
+        }
+        // Update saved settings
+        this._savedUserSettings = { ...newSettings };
+        // Emit user settings changed event
+        this.userSettingsChanged.emit({
+            settings: this._savedUserSettings,
+            componentName: this.component?.name,
+            timestamp: new Date()
+        });
+        // Schedule re-render
+        this.renderComponent();
+    }
     /**
      * Clean up resources
      */
@@ -319,7 +327,6 @@ export class MJReactComponent {
         }
         // Clean up prop builder subscriptions
         if (this.currentCallbacks) {
-            cleanupPropBuilder(this.currentCallbacks);
             this.currentCallbacks = null;
         }
         // Unmount React root only if not currently rendering
@@ -387,7 +394,7 @@ export class MJReactComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
-        } }, inputs: { component: "component", data: "data", state: "state", utilities: "utilities", styles: "styles" }, outputs: { stateChange: "stateChange", componentEvent: "componentEvent", refreshData: "refreshData", openEntityRecord: "openEntityRecord" }, decls: 4, vars: 3, consts: [["container", ""], [1, "react-component-wrapper"], [1, "react-component-container"], [1, "loading-overlay"], [1, "loading-spinner"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "loading-text"]], template: function MJReactComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { component: "component", data: "data", state: "state", utilities: "utilities", styles: "styles", savedUserSettings: "savedUserSettings" }, outputs: { stateChange: "stateChange", componentEvent: "componentEvent", refreshData: "refreshData", openEntityRecord: "openEntityRecord", userSettingsChanged: "userSettingsChanged" }, decls: 4, vars: 3, consts: [["container", ""], [1, "react-component-wrapper"], [1, "react-component-container"], [1, "loading-overlay"], [1, "loading-spinner"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "loading-text"]], template: function MJReactComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 1);
             i0.ɵɵelement(1, "div", 2, 0);
             i0.ɵɵtemplate(3, MJReactComponent_Conditional_3_Template, 5, 0, "div", 3);
@@ -424,6 +431,8 @@ export class MJReactComponent {
             type: Input
         }], styles: [{
             type: Input
+        }], savedUserSettings: [{
+            type: Input
         }], stateChange: [{
             type: Output
         }], componentEvent: [{
@@ -432,9 +441,11 @@ export class MJReactComponent {
             type: Output
         }], openEntityRecord: [{
             type: Output
+        }], userSettingsChanged: [{
+            type: Output
         }], container: [{
             type: ViewChild,
             args: ['container', { read: ElementRef, static: true }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJReactComponent, { className: "MJReactComponent", filePath: "lib/components/mj-react-component.component.ts", lineNumber: 115 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJReactComponent, { className: "MJReactComponent", filePath: "lib/components/mj-react-component.component.ts", lineNumber: 122 }); })();
 //# sourceMappingURL=mj-react-component.component.js.map

package/dist/lib/components/mj-react-component.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"mj-react-component.component.js","sourceRoot":"","sources":["../../../src/lib/components/mj-react-component.component.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,SAAS,EACT,KAAK,EACL,MAAM,EACN,YAAY,EACZ,SAAS,EACT,UAAU,EAGV,uBAAuB,EACvB,iBAAiB,EAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAa,MAAM,MAAM,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAuC,MAAM,6CAA6C,CAAC;AACjH,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAElB,mBAAmB,EACnB,2BAA2B,EAE5B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAgB,MAAM,sBAAsB,CAAC;;;;;;IA8BlE,AADF,8BAA6B,aACE;IAC3B,uBAA2C;IAC7C,iBAAM;IACN,8BAA0B;IAAA,oCAAoB;IAChD,AADgD,iBAAM,EAChD;;AAhBd;;;;GAIG;AA8DH,MAAM,OAAO,gBAAgB;IAI3B,IACI,IAAI,CAAC,KAAU;QACjB,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QAEnB,uEAAuE;QACvE,IAAI,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;YACxD,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;IACH,CAAC;IACD,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAGD,IACI,KAAK,CAAC,KAAU;QAClB,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC;QAC7B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QAEpB,yDAAyD;QACzD,IAAI,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;YACzD,IAAI,CAAC,YAAY,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC;YACjC,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;IACH,CAAC;IACD,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAwBD,YACU,WAA+B,EAC/B,OAA8B,EAC9B,GAAsB;QAFtB,gBAAW,GAAX,WAAW,CAAoB;QAC/B,YAAO,GAAP,OAAO,CAAuB;QAC9B,QAAG,GAAH,GAAG,CAAmB;QAxDxB,UAAK,GAAQ,EAAE,CAAC;QAehB,WAAM,GAAQ,EAAE,CAAC;QAgBhB,cAAS,GAAQ,EAAE,CAAC;QAGnB,gBAAW,GAAG,IAAI,YAAY,EAAoB,CAAC;QACnD,mBAAc,GAAG,IAAI,YAAY,EAAuB,CAAC;QACzD,gBAAW,GAAG,IAAI,YAAY,EAAQ,CAAC;QACvC,qBAAgB,GAAG,IAAI,YAAY,EAA6C,CAAC;QAInF,cAAS,GAAQ,IAAI,CAAC;QACtB,sBAAiB,GAAQ,IAAI,CAAC;QAC9B,eAAU,GAAG,IAAI,OAAO,EAAQ,CAAC;QACjC,qBAAgB,GAA8B,IAAI,CAAC;QACnD,iBAAY,GAAQ,EAAE,CAAC;QAC/B,kBAAa,GAAG,KAAK,CAAC;QACd,gBAAW,GAAG,KAAK,CAAC;QACpB,kBAAa,GAAG,KAAK,CAAC;QACtB,iBAAY,GAAG,KAAK,CAAC;QACrB,kBAAa,GAAQ,IAAI,CAAC;QAClC,aAAQ,GAAG,KAAK,CAAC;IAMd,CAAC;IAEJ,KAAK,CAAC,eAAe;QACnB,iDAAiD;QACjD,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;QACzB,MAAM,IAAI,CAAC,mBAAmB,EAAE,CAAC;IACnC,CAAC;IAED,WAAW;QACT,kCAAkC;QAClC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAEzB,6BAA6B;QAC7B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAE3B,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;QACvB,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;QAC3B,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAGD;;OAEG;IACK,KAAK,CAAC,mBAAmB;QAC/B,IAAI,CAAC;YACH,yBAAyB;YACzB,MAAM,IAAI,CAAC,WAAW,CAAC,eAAe,EAAE,CAAC;YAEzC,8DAA8D;YAC9D,MAAM,IAAI,CAAC,WAAW,CAAC,iBAAiB,EAAE,CAAC;YAE3C,+BAA+B;YAC/B,MAAM,IAAI,CAAC,0BAA0B,EAAE,CAAC;YAExC,yBAAyB;YACzB,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC;gBACjD,aAAa,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI;gBAClC,aAAa,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI;gBAClC,MAAM,EAAE,IAAI,CAAC,MAAM;aACpB,CAAC,CAAC;YAEH,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;gBACpB,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,IAAI,8BAA8B,CAAC,CAAC;YAC3E,CAAC;YAED,oDAAoD;YACpD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC;YACjD,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAAC,SAAU,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YAC3E,IAAI,CAAC,YAAY,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YAEvC,oBAAoB;YACpB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;YAE3E,iBAAiB;YACjB,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAE1B,oDAAoD;YACpD,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;QAE3B,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,QAAQ,CAAC,yCAAyC,KAAK,EAAE,CAAC,CAAC;YAC3D,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;gBACvB,IAAI,EAAE,OAAO;gBACb,OAAO,EAAE;oBACP,KAAK,EAAE,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;oBAC7D,MAAM,EAAE,gBAAgB;iBACzB;aACF,CAAC,CAAC;YACH,+CAA+C;YAC/C,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC;IAED;;OAEG;IACK,KAAK,CAAC,0BAA0B;QACtC,sEAAsE;QACtE,MAAM,SAAS,GAAG,IAAI,2BAA2B,CAC/C,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,EAC1B,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,EAC1B,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE,CACjC,CAAC;QAEF,gCAAgC;QAChC,MAAM,MAAM,GAAgC,MAAM,SAAS,CAAC,iBAAiB,CAC3E,IAAI,CAAC,SAAS,EACd;YACE,MAAM,EAAE,IAAI,CAAC,MAAa,EAAE,8DAA8D;YAC1F,SAAS,EAAE,QAAQ;YACnB,OAAO,EAAE,IAAI;SACd,CACF,CAAC;QAEF,mBAAmB;QACnB,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACpB,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAC1C,GAAG,CAAC,CAAC,aAAa,KAAK,CAAC,CAAC,KAAK,EAAE,CACjC,CAAC;YACF,MAAM,IAAI,KAAK,CAAC,kCAAkC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAChF,CAAC;IACH,CAAC;IAED;;OAEG;IACK,eAAe;QACrB,+CAA+C;QAC/C,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YAC/C,OAAO;QACT,CAAC;QAED,6BAA6B;QAC7B,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,OAAO;QACT,CAAC;QAED,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,iBAAiB,EAAE,CAAC;QACrD,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;QAE1B,+BAA+B;QAC/B,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEhF,+CAA+C;QAC/C,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC3B,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACjD,CAAC;QAED,sDAAsD;QACtD,MAAM,KAAK,GAAG,mBAAmB,CAC/B,IAAI,CAAC,KAAK,IAAI,EAAE,EAChB,IAAI,CAAC,YAAY,EACjB,IAAI,CAAC,SAAS,IAAI,EAAE,EACpB,IAAI,CAAC,gBAAgB,EACrB,UAAU,EACV,IAAI,CAAC,MAAa,EAAE,gEAAgE;QACpF,EAAE,uBAAuB,EAAE,IAAI,EAAE,CAAC,+BAA+B;SAClE,CAAC;QAEF,wBAAwB;QACxB,MAAM,aAAa,GAAG,mBAAmB,CAAC,KAAK,EAAE;YAC/C,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC;YACzC,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,OAAO;SAClB,CAAC,CAAC;QAEH,qCAAqC;QACrC,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CACjC,aAAa,EACb,IAAI,EACJ,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,CAC7D,CAAC;QAEF,oCAAoC;QACpC,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACnC,CAAC;QAED,iCAAiC;QACjC,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,GAAG,EAAE;YACnC,6CAA6C;YAC7C,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;gBAC3C,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;oBACvB,IAAI,EAAE,OAAO;oBACb,OAAO,EAAE;wBACP,KAAK,EAAE,4DAA4D;wBACnE,MAAM,EAAE,QAAQ;qBACjB;iBACF,CAAC,CAAC;YACL,CAAC;QACH,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,IAAI,CAAC;YACH,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAC/B,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YACjC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAE1B,oEAAoE;YACpE,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;gBAC1B,+CAA+C;gBAC/C,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;oBACtB,OAAO;gBACT,CAAC;gBAED,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;gBAEzB,wDAAwD;gBACxD,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;oBACvB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;oBAC3B,IAAI,CAAC,eAAe,EAAE,CAAC;gBACzB,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YACjC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC;IAED;;OAEG;IACK,eAAe;QACrB,OAAO;YACL,WAAW,EAAE,GAAG,EAAE;gBAChB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;YAC1B,CAAC;YACD,gBAAgB,EAAE,CAAC,UAAkB,EAAE,GAAiB,EAAE,EAAE;gBAC1D,IAAI,QAAQ,GAAwB,IAAI,CAAC;gBACzC,IAAI,GAAG,YAAY,KAAK,EAAE,CAAC;oBACzB,QAAQ,GAAG,YAAY,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;gBACjD,CAAC;qBACI,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,CAAC,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;oBAC9D,QAAQ,GAAG,GAAmB,CAAC;gBACjC,CAAC;qBACI,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;oBACjC,wCAAwC;oBACxC,oEAAoE;oBACpE,iCAAiC;oBACjC,MAAM,MAAM,GAAG,GAAU,CAAC;oBAC1B,IAAI,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;wBACrC,QAAQ,GAAG,YAAY,CAAC,iBAAiB,CAAC,CAAC,MAAsB,CAAC,CAAC,CAAC;oBACtE,CAAC;gBACH,CAAC;gBACD,IAAI,QAAQ,EAAE,CAAC;oBACb,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;gBAC5D,CAAC;YACH,CAAC;YACD,eAAe,EAAE,CAAC,SAAc,EAAE,EAAE;gBAClC,kDAAkD;gBAClD,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;oBAC1C,OAAO;gBACT,CAAC;gBAED,2CAA2C;gBAC3C,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;oBACnD,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;oBAC5C,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;oBAChC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;gBAC/C,CAAC,CAAC,CAAC;gBAEH,IAAI,CAAC,UAAU,EAAE,CAAC;oBAChB,0DAA0D;oBAC1D,OAAO;gBACT,CAAC;gBAED,IAAI,CAAC,YAAY,GAAG;oBAClB,GAAG,IAAI,CAAC,YAAY;oBACpB,GAAG,SAAS;iBACb,CAAC;gBAEF,+CAA+C;gBAC/C,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;oBACpC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBAC1D,CAAC,CAAC,CAAC;gBAEH,qBAAqB;gBACrB,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,CAAC;YACD,WAAW,EAAE,CAAC,KAAa,EAAE,IAAS,EAAE,EAAE;gBACxC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;YAC3D,CAAC;SACF,CAAC;IACJ,CAAC;IAED;;OAEG;IACK,gBAAgB,CAAC,KAAU,EAAE,SAAe;QAClD,QAAQ,CAAC,0BAA0B,KAAK,EAAE,QAAQ,EAAE,IAAI,eAAe,EAAE,EAAE,SAAS,CAAC,CAAC;QACtF,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;YACvB,IAAI,EAAE,OAAO;YACb,OAAO,EAAE;gBACP,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,eAAe;gBAC3C,SAAS;gBACT,MAAM,EAAE,OAAO;aAChB;SACF,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACK,OAAO;QACb,mCAAmC;QACnC,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YACjC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC5B,CAAC;QAED,sCAAsC;QACtC,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1B,kBAAkB,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;YAC1C,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC/B,CAAC;QAED,qDAAqD;QACrD,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,4DAA4D;YAC5D,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;gBACrB,uBAAuB;gBACvB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;gBACzB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC7B,CAAC;YAED,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAC7C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACxB,CAAC;QAED,mBAAmB;QACnB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;QACvB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAE3B,2BAA2B;QAC3B,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,OAAO,EAAE,CAAC;IACvC,CAAC;IAED;;;OAGG;IACH,OAAO,CAAC,OAAa;QACnB,IAAI,OAAO,EAAE,CAAC;YACZ,6CAA6C;YAC7C,IAAI,CAAC,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,GAAG,OAAO,EAAE,CAAC;QAC5C,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;IACH,CAAC;IAED;;;;OAIG;IACH,WAAW,CAAC,IAAY,EAAE,KAAU;QAClC,IAAI,CAAC,YAAY,GAAG;YAClB,GAAG,IAAI,CAAC,YAAY;YACpB,CAAC,IAAI,CAAC,EAAE,KAAK;SACd,CAAC;QACF,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;QACvC,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED;;OAEG;IACK,OAAO,CAAC,CAAM,EAAE,CAAM;QAC5B,8BAA8B;QAC9B,IAAI,CAAC,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QACzB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI;YAAE,OAAO,KAAK,CAAC;QAEzC,0CAA0C;QAC1C,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;YACnD,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QACjD,CAAC;QAED,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;iFAjbU,gBAAgB;oEAAhB,gBAAgB;mCA0CK,UAAU;;;;;YApGxC,8BAAqC;YACnC,4BAAyF;YACzF,yEAAmC;YAQrC,iBAAM;;YAT8C,cAAgC;YAAhC,6CAAgC;YAClF,eAOC;YAPD,8DAOC;;;iFAiDM,gBAAgB;cA7D5B,SAAS;2BACE,oBAAoB,YACpB;;;;;;;;;;;;GAYT,mBA6CgB,uBAAuB,CAAC,MAAM;uHAGtC,SAAS;kBAAjB,KAAK;YAIF,IAAI;kBADP,KAAK;YAgBF,KAAK;kBADR,KAAK;YAeG,SAAS;kBAAjB,KAAK;YACG,MAAM;kBAAd,KAAK;YAEI,WAAW;kBAApB,MAAM;YACG,cAAc;kBAAvB,MAAM;YACG,WAAW;kBAApB,MAAM;YACG,gBAAgB;kBAAzB,MAAM;YAEqD,SAAS;kBAApE,SAAS;mBAAC,WAAW,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE;;kFA1C/C,gBAAgB","sourcesContent":["/**\n * @fileoverview Angular component that hosts React components with proper memory management.\n * Provides a bridge between Angular and React ecosystems in MemberJunction applications.\n * @module @memberjunction/ng-react\n */\n\nimport {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  ViewChild,\n  ElementRef,\n  AfterViewInit,\n  OnDestroy,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef\n} from '@angular/core';\nimport { Subject, takeUntil } from 'rxjs';\nimport { ComponentSpec, ComponentCallbacks, ComponentStyles } from '@memberjunction/interactive-component-types';\nimport { ReactBridgeService } from '../services/react-bridge.service';\nimport { AngularAdapterService } from '../services/angular-adapter.service';\nimport { \n  buildComponentProps,\n  cleanupPropBuilder,\n  ComponentError,\n  createErrorBoundary,\n  ComponentHierarchyRegistrar,\n  HierarchyRegistrationResult\n} from '@memberjunction/react-runtime';\nimport { LogError, CompositeKey, KeyValuePair } from '@memberjunction/core';\n\n/**\n * Event emitted by React components\n */\nexport interface ReactComponentEvent {\n  type: string;\n  payload: any;\n}\n\n/**\n * State change event emitted when component state updates\n */\nexport interface StateChangeEvent {\n  path: string;\n  value: any;\n}\n\n/**\n * Angular component that hosts React components with proper memory management.\n * This component provides a bridge between Angular and React, allowing React components\n * to be used seamlessly within Angular applications.\n */\n@Component({\n  selector: 'mj-react-component',\n  template: `\n    <div class=\"react-component-wrapper\">\n      <div #container class=\"react-component-container\" [class.loading]=\"!isInitialized\"></div>\n      @if (!isInitialized && !hasError) {\n        <div class=\"loading-overlay\">\n          <div class=\"loading-spinner\">\n            <i class=\"fa-solid fa-spinner fa-spin\"></i>\n          </div>\n          <div class=\"loading-text\">Loading component...</div>\n        </div>\n      }\n    </div>\n  `,\n  styles: [`\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n    .react-component-wrapper {\n      position: relative;\n      width: 100%;\n      height: 100%;\n    }\n    .react-component-container {\n      width: 100%;\n      height: 100%;\n      transition: opacity 0.3s ease;\n    }\n    .react-component-container.loading {\n      opacity: 0;\n    }\n    .loading-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      background-color: rgba(255, 255, 255, 0.9);\n      z-index: 1;\n    }\n    .loading-spinner {\n      font-size: 48px;\n      color: #5B4FE9;\n      margin-bottom: 16px;\n    }\n    .loading-text {\n      font-family: -apple-system, BlinkMacSystemFont, \"Inter\", \"Segoe UI\", Roboto, sans-serif;\n      font-size: 14px;\n      color: #64748B;\n      margin-top: 8px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MJReactComponent implements AfterViewInit, OnDestroy {\n  @Input() component!: ComponentSpec;\n  \n  private _data: any = {};\n  @Input() \n  set data(value: any) {\n    const oldData = this._data;\n    this._data = value;\n    \n    // Only re-render if data actually changed and component is initialized\n    if (this.isInitialized && !this.isEqual(oldData, value)) {\n      this.renderComponent();\n    }\n  }\n  get data(): any {\n    return this._data;\n  }\n  \n  private _state: any = {};\n  @Input() \n  set state(value: any) {\n    const oldState = this._state;\n    this._state = value;\n    \n    // Only update state and re-render if it actually changed\n    if (this.isInitialized && !this.isEqual(oldState, value)) {\n      this.currentState = { ...value };\n      this.renderComponent();\n    }\n  }\n  get state(): any {\n    return this._state;\n  }\n  \n  @Input() utilities: any = {};\n  @Input() styles?: Partial<ComponentStyles>;\n  \n  @Output() stateChange = new EventEmitter<StateChangeEvent>();\n  @Output() componentEvent = new EventEmitter<ReactComponentEvent>();\n  @Output() refreshData = new EventEmitter<void>();\n  @Output() openEntityRecord = new EventEmitter<{ entityName: string; key: CompositeKey }>();\n  \n  @ViewChild('container', { read: ElementRef, static: true }) container!: ElementRef<HTMLDivElement>;\n  \n  private reactRoot: any = null;\n  private compiledComponent: any = null;\n  private destroyed$ = new Subject<void>();\n  private currentCallbacks: ComponentCallbacks | null = null;\n  private currentState: any = {};\n  isInitialized = false;\n  private isRendering = false;\n  private pendingRender = false;\n  private isDestroying = false;\n  private renderTimeout: any = null;\n  hasError = false;\n\n  constructor(\n    private reactBridge: ReactBridgeService,\n    private adapter: AngularAdapterService,\n    private cdr: ChangeDetectorRef\n  ) {}\n\n  async ngAfterViewInit() {\n    // Trigger change detection to show loading state\n    this.cdr.detectChanges();\n    await this.initializeComponent();\n  }\n\n  ngOnDestroy() {\n    // Set destroying flag immediately\n    this.isDestroying = true;\n    \n    // Cancel any pending renders\n    this.pendingRender = false;\n    \n    this.destroyed$.next();\n    this.destroyed$.complete();\n    this.cleanup();\n  }\n\n\n  /**\n   * Initialize the React component\n   */\n  private async initializeComponent() {\n    try {\n      // Ensure React is loaded\n      await this.reactBridge.getReactContext();\n      \n      // Wait for React to be fully ready (handles first-load delay)\n      await this.reactBridge.waitForReactReady();\n      \n      // Register component hierarchy\n      await this.registerComponentHierarchy();\n      \n      // Compile main component\n      const result = await this.adapter.compileComponent({\n        componentName: this.component.name,\n        componentCode: this.component.code,\n        styles: this.styles\n      });\n\n      if (!result.success) {\n        throw new Error(result.error?.message || 'Component compilation failed');\n      }\n\n      // Get runtime context and execute component factory\n      const context = this.adapter.getRuntimeContext();\n      this.compiledComponent = result.component!.component(context, this.styles);\n      this.currentState = { ...this._state };\n      \n      // Create React root\n      this.reactRoot = this.reactBridge.createRoot(this.container.nativeElement);\n      \n      // Initial render\n      this.renderComponent();\n      this.isInitialized = true;\n      \n      // Trigger change detection since we're using OnPush\n      this.cdr.detectChanges();\n      \n    } catch (error) {\n      this.hasError = true;\n      LogError(`Failed to initialize React component: ${error}`);\n      this.componentEvent.emit({\n        type: 'error',\n        payload: {\n          error: error instanceof Error ? error.message : String(error),\n          source: 'initialization'\n        }\n      });\n      // Trigger change detection to show error state\n      this.cdr.detectChanges();\n    }\n  }\n\n  /**\n   * Register all components in the hierarchy\n   */\n  private async registerComponentHierarchy() {\n    // Create the hierarchy registrar with adapter's compiler and registry\n    const registrar = new ComponentHierarchyRegistrar(\n      this.adapter.getCompiler(),\n      this.adapter.getRegistry(),\n      this.adapter.getRuntimeContext()\n    );\n    \n    // Register the entire hierarchy\n    const result: HierarchyRegistrationResult = await registrar.registerHierarchy(\n      this.component,\n      {\n        styles: this.styles as any, // Skip components use SkipComponentStyles which is a superset\n        namespace: 'Global',\n        version: 'v1'\n      }\n    );\n    \n    // Check for errors\n    if (!result.success) {\n      const errorMessages = result.errors.map(e => \n        `${e.componentName}: ${e.error}`\n      );\n      throw new Error(`Component registration failed: ${errorMessages.join(', ')}`);\n    }\n  }\n\n  /**\n   * Render the React component\n   */\n  private renderComponent() {\n    // Don't render if component is being destroyed\n    if (this.isDestroying) {\n      return;\n    }\n    \n    if (!this.compiledComponent || !this.reactRoot) {\n      return;\n    }\n\n    // Prevent concurrent renders\n    if (this.isRendering) {\n      this.pendingRender = true;\n      return;\n    }\n\n    const context = this.reactBridge.getCurrentContext();\n    if (!context) {\n      return;\n    }\n\n    this.isRendering = true;\n    const { React } = context;\n    \n    // Get components from resolver\n    const components = this.adapter.getResolver().resolveComponents(this.component);\n    \n    // Create callbacks once per component instance\n    if (!this.currentCallbacks) {\n      this.currentCallbacks = this.createCallbacks();\n    }\n    \n    // Build props - pass styles as-is for Skip components\n    const props = buildComponentProps(\n      this._data || {},\n      this.currentState,\n      this.utilities || {},\n      this.currentCallbacks,\n      components,\n      this.styles as any, // Skip components expect the full SkipComponentStyles structure\n      { debounceUpdateUserState: 3000 } // 3 second debounce by default\n    );\n\n    // Create error boundary\n    const ErrorBoundary = createErrorBoundary(React, {\n      onError: this.handleReactError.bind(this),\n      logErrors: true,\n      recovery: 'retry'\n    });\n\n    // Create element with error boundary\n    const element = React.createElement(\n      ErrorBoundary,\n      null,\n      React.createElement(this.compiledComponent.component, props)\n    );\n\n    // Clear any existing render timeout\n    if (this.renderTimeout) {\n      clearTimeout(this.renderTimeout);\n    }\n    \n    // Render with timeout protection\n    this.renderTimeout = setTimeout(() => {\n      // Check if still rendering and not destroyed\n      if (this.isRendering && !this.isDestroying) {\n        this.componentEvent.emit({\n          type: 'error',\n          payload: {\n            error: 'Component render timeout - possible infinite loop detected',\n            source: 'render'\n          }\n        });\n      }\n    }, 5000);\n\n    try {\n      this.reactRoot.render(element);\n      clearTimeout(this.renderTimeout);\n      this.renderTimeout = null;\n      \n      // Reset rendering flag after a microtask to allow React to complete\n      Promise.resolve().then(() => {\n        // Don't update state if component is destroyed\n        if (this.isDestroying) {\n          return;\n        }\n        \n        this.isRendering = false;\n        \n        // If there was a pending render request, execute it now\n        if (this.pendingRender) {\n          this.pendingRender = false;\n          this.renderComponent();\n        }\n      });\n    } catch (error) {\n      clearTimeout(this.renderTimeout);\n      this.renderTimeout = null;\n      this.isRendering = false;\n      this.handleReactError(error);\n    }\n  }\n\n  /**\n   * Create callbacks for the React component\n   */\n  private createCallbacks(): ComponentCallbacks {\n    return {\n      RefreshData: () => {\n        this.refreshData.emit();\n      },\n      OpenEntityRecord: (entityName: string, key: CompositeKey) => {\n        let keyToUse: CompositeKey | null = null;\n        if (key instanceof Array) {\n          keyToUse = CompositeKey.FromKeyValuePairs(key);\n        }\n        else if (typeof key === 'object' && !!key.GetValueByFieldName) {\n          keyToUse = key as CompositeKey;\n        }\n        else if (typeof key === 'object') {\n          //} && !!key.FieldName && !!key.Value) {\n          // possible that have an object that is a simple key/value pair with\n          // FieldName and value properties\n          const keyAny = key as any;\n          if (keyAny.FieldName && keyAny.Value) {\n            keyToUse = CompositeKey.FromKeyValuePairs([keyAny as KeyValuePair]);\n          }\n        }\n        if (keyToUse) {\n          this.openEntityRecord.emit({ entityName, key: keyToUse });\n        }  \n      },\n      UpdateUserState: (userState: any) => {\n        // Prevent updates during rendering or destruction\n        if (this.isRendering || this.isDestroying) {\n          return;\n        }\n        \n        // Deep comparison to detect actual changes\n        const hasChanges = Object.keys(userState).some(key => {\n          const currentValue = this.currentState[key];\n          const newValue = userState[key];\n          return !this.isEqual(currentValue, newValue);\n        });\n        \n        if (!hasChanges) {\n          // No actual changes, skip update to prevent infinite loop\n          return;\n        }\n        \n        this.currentState = {\n          ...this.currentState,\n          ...userState\n        };\n        \n        // Emit change for each key in the state update\n        Object.keys(userState).forEach(path => {\n          this.stateChange.emit({ path, value: userState[path] });\n        });\n        \n        // Schedule re-render\n        this.renderComponent();\n      },\n      NotifyEvent: (event: string, data: any) => {\n        this.componentEvent.emit({ type: event, payload: data });\n      }\n    };\n  }\n\n  /**\n   * Handle React component errors\n   */\n  private handleReactError(error: any, errorInfo?: any) {\n    LogError(`React component error: ${error?.toString() || 'Unknown error'}`, errorInfo);\n    this.componentEvent.emit({\n      type: 'error',\n      payload: {\n        error: error?.toString() || 'Unknown error',\n        errorInfo,\n        source: 'react'\n      }\n    });\n  }\n\n  /**\n   * Clean up resources\n   */\n  private cleanup() {\n    // Clear any pending render timeout\n    if (this.renderTimeout) {\n      clearTimeout(this.renderTimeout);\n      this.renderTimeout = null;\n    }\n    \n    // Clean up prop builder subscriptions\n    if (this.currentCallbacks) {\n      cleanupPropBuilder(this.currentCallbacks);\n      this.currentCallbacks = null;\n    }\n    \n    // Unmount React root only if not currently rendering\n    if (this.reactRoot) {\n      // If still rendering, wait for completion before unmounting\n      if (this.isRendering) {\n        // Force stop rendering\n        this.isRendering = false;\n        this.pendingRender = false;\n      }\n      \n      this.reactBridge.unmountRoot(this.reactRoot);\n      this.reactRoot = null;\n    }\n\n    // Clear references\n    this.compiledComponent = null;\n    this.currentState = {};\n    this.isInitialized = false;\n\n    // Trigger registry cleanup\n    this.adapter.getRegistry().cleanup();\n  }\n\n  /**\n   * Public method to refresh the component\n   * @param newData - Optional new data to merge\n   */\n  refresh(newData?: any) {\n    if (newData) {\n      // Use the setter to trigger change detection\n      this.data = { ...this._data, ...newData };\n    } else {\n      this.renderComponent();\n    }\n  }\n\n  /**\n   * Public method to update state programmatically\n   * @param path - State path to update\n   * @param value - New value\n   */\n  updateState(path: string, value: any) {\n    this.currentState = {\n      ...this.currentState,\n      [path]: value\n    };\n    this.stateChange.emit({ path, value });\n    this.renderComponent();\n  }\n\n  /**\n   * Deep equality check that handles null/undefined properly\n   */\n  private isEqual(a: any, b: any): boolean {\n    // Handle null/undefined cases\n    if (a === b) return true;\n    if (a == null || b == null) return false;\n    \n    // For objects/arrays, use JSON comparison\n    if (typeof a === 'object' && typeof b === 'object') {\n      return JSON.stringify(a) === JSON.stringify(b);\n    }\n    \n    return a === b;\n  }\n}"]}
+{"version":3,"file":"mj-react-component.component.js","sourceRoot":"","sources":["../../../src/lib/components/mj-react-component.component.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Angular component that hosts React components with proper memory management.\n * Provides a bridge between Angular and React ecosystems in MemberJunction applications.\n * @module @memberjunction/ng-react\n */\n\nimport {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  ViewChild,\n  ElementRef,\n  AfterViewInit,\n  OnDestroy,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef\n} from '@angular/core';\nimport { Subject, takeUntil } from 'rxjs';\nimport { ComponentSpec, ComponentCallbacks, ComponentStyles } from '@memberjunction/interactive-component-types';\nimport { ReactBridgeService } from '../services/react-bridge.service';\nimport { AngularAdapterService } from '../services/angular-adapter.service';\nimport { \n  buildComponentProps,\n  createErrorBoundary,\n  ComponentHierarchyRegistrar,\n  HierarchyRegistrationResult\n} from '@memberjunction/react-runtime';\nimport { LogError, CompositeKey, KeyValuePair } from '@memberjunction/core';\n\n/**\n * Event emitted by React components\n */\nexport interface ReactComponentEvent {\n  type: string;\n  payload: any;\n}\n\n/**\n * State change event emitted when component state updates\n */\nexport interface StateChangeEvent {\n  path: string;\n  value: any;\n}\n\n/**\n * User settings changed event emitted when component saves user preferences\n */\nexport interface UserSettingsChangedEvent {\n  settings: Record<string, any>;\n  componentName?: string;\n  timestamp: Date;\n}\n\n/**\n * Angular component that hosts React components with proper memory management.\n * This component provides a bridge between Angular and React, allowing React components\n * to be used seamlessly within Angular applications.\n */\n@Component({\n  selector: 'mj-react-component',\n  template: `\n    <div class=\"react-component-wrapper\">\n      <div #container class=\"react-component-container\" [class.loading]=\"!isInitialized\"></div>\n      @if (!isInitialized && !hasError) {\n        <div class=\"loading-overlay\">\n          <div class=\"loading-spinner\">\n            <i class=\"fa-solid fa-spinner fa-spin\"></i>\n          </div>\n          <div class=\"loading-text\">Loading component...</div>\n        </div>\n      }\n    </div>\n  `,\n  styles: [`\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n    .react-component-wrapper {\n      position: relative;\n      width: 100%;\n      height: 100%;\n    }\n    .react-component-container {\n      width: 100%;\n      height: 100%;\n      transition: opacity 0.3s ease;\n    }\n    .react-component-container.loading {\n      opacity: 0;\n    }\n    .loading-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      background-color: rgba(255, 255, 255, 0.9);\n      z-index: 1;\n    }\n    .loading-spinner {\n      font-size: 48px;\n      color: #5B4FE9;\n      margin-bottom: 16px;\n    }\n    .loading-text {\n      font-family: -apple-system, BlinkMacSystemFont, \"Inter\", \"Segoe UI\", Roboto, sans-serif;\n      font-size: 14px;\n      color: #64748B;\n      margin-top: 8px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MJReactComponent implements AfterViewInit, OnDestroy {\n  @Input() component!: ComponentSpec;\n  \n  private _data: any = {};\n  @Input() \n  set data(value: any) {\n    const oldData = this._data;\n    this._data = value;\n    \n    // Only re-render if data actually changed and component is initialized\n    if (this.isInitialized && !this.isEqual(oldData, value)) {\n      this.renderComponent();\n    }\n  }\n  get data(): any {\n    return this._data;\n  }\n  \n  private _state: any = {};\n  @Input() \n  set state(value: any) {\n    const oldState = this._state;\n    this._state = value;\n    \n    // Only update state and re-render if it actually changed\n    if (this.isInitialized && !this.isEqual(oldState, value)) {\n      this.currentState = { ...value };\n      this.renderComponent();\n    }\n  }\n  get state(): any {\n    return this._state;\n  }\n  \n  @Input() utilities: any = {};\n  @Input() styles?: Partial<ComponentStyles>;\n  \n  private _savedUserSettings: any = {};\n  @Input()\n  set savedUserSettings(value: any) {\n    this._savedUserSettings = value || {};\n    // Re-render if component is initialized\n    if (this.isInitialized) {\n      this.renderComponent();\n    }\n  }\n  get savedUserSettings(): any {\n    return this._savedUserSettings;\n  }\n  \n  @Output() stateChange = new EventEmitter<StateChangeEvent>();\n  @Output() componentEvent = new EventEmitter<ReactComponentEvent>();\n  @Output() refreshData = new EventEmitter<void>();\n  @Output() openEntityRecord = new EventEmitter<{ entityName: string; key: CompositeKey }>();\n  @Output() userSettingsChanged = new EventEmitter<UserSettingsChangedEvent>();\n  \n  @ViewChild('container', { read: ElementRef, static: true }) container!: ElementRef<HTMLDivElement>;\n  \n  private reactRoot: any = null;\n  private compiledComponent: any = null;\n  private destroyed$ = new Subject<void>();\n  private currentCallbacks: ComponentCallbacks | null = null;\n  private currentState: any = {};\n  isInitialized = false;\n  private isRendering = false;\n  private pendingRender = false;\n  private isDestroying = false;\n  private renderTimeout: any = null;\n  hasError = false;\n\n  constructor(\n    private reactBridge: ReactBridgeService,\n    private adapter: AngularAdapterService,\n    private cdr: ChangeDetectorRef\n  ) {}\n\n  async ngAfterViewInit() {\n    // Trigger change detection to show loading state\n    this.cdr.detectChanges();\n    await this.initializeComponent();\n  }\n\n  ngOnDestroy() {\n    // Set destroying flag immediately\n    this.isDestroying = true;\n    \n    // Cancel any pending renders\n    this.pendingRender = false;\n    \n    this.destroyed$.next();\n    this.destroyed$.complete();\n    this.cleanup();\n  }\n\n\n  /**\n   * Initialize the React component\n   */\n  private async initializeComponent() {\n    try {\n      // Ensure React is loaded\n      await this.reactBridge.getReactContext();\n      \n      // Wait for React to be fully ready (handles first-load delay)\n      await this.reactBridge.waitForReactReady();\n      \n      // Register component hierarchy\n      await this.registerComponentHierarchy();\n      \n      // Compile main component\n      const result = await this.adapter.compileComponent({\n        componentName: this.component.name,\n        componentCode: this.component.code,\n        styles: this.styles\n      });\n\n      if (!result.success) {\n        throw new Error(result.error?.message || 'Component compilation failed');\n      }\n\n      // Get runtime context and execute component factory\n      const context = this.adapter.getRuntimeContext();\n      this.compiledComponent = result.component!.component(context, this.styles);\n      this.currentState = { ...this._state };\n      \n      // Create React root\n      this.reactRoot = this.reactBridge.createRoot(this.container.nativeElement);\n      \n      // Initial render\n      this.renderComponent();\n      this.isInitialized = true;\n      \n      // Trigger change detection since we're using OnPush\n      this.cdr.detectChanges();\n      \n    } catch (error) {\n      this.hasError = true;\n      LogError(`Failed to initialize React component: ${error}`);\n      this.componentEvent.emit({\n        type: 'error',\n        payload: {\n          error: error instanceof Error ? error.message : String(error),\n          source: 'initialization'\n        }\n      });\n      // Trigger change detection to show error state\n      this.cdr.detectChanges();\n    }\n  }\n\n  /**\n   * Register all components in the hierarchy\n   */\n  private async registerComponentHierarchy() {\n    // Create the hierarchy registrar with adapter's compiler and registry\n    const registrar = new ComponentHierarchyRegistrar(\n      this.adapter.getCompiler(),\n      this.adapter.getRegistry(),\n      this.adapter.getRuntimeContext()\n    );\n    \n    // Register the entire hierarchy\n    const result: HierarchyRegistrationResult = await registrar.registerHierarchy(\n      this.component,\n      {\n        styles: this.styles as any, // Skip components use SkipComponentStyles which is a superset\n        namespace: 'Global',\n        version: 'v1'\n      }\n    );\n    \n    // Check for errors\n    if (!result.success) {\n      const errorMessages = result.errors.map(e => \n        `${e.componentName}: ${e.error}`\n      );\n      throw new Error(`Component registration failed: ${errorMessages.join(', ')}`);\n    }\n  }\n\n  /**\n   * Render the React component\n   */\n  private renderComponent() {\n    // Don't render if component is being destroyed\n    if (this.isDestroying) {\n      return;\n    }\n    \n    if (!this.compiledComponent || !this.reactRoot) {\n      return;\n    }\n\n    // Prevent concurrent renders\n    if (this.isRendering) {\n      this.pendingRender = true;\n      return;\n    }\n\n    const context = this.reactBridge.getCurrentContext();\n    if (!context) {\n      return;\n    }\n\n    this.isRendering = true;\n    const { React } = context;\n    \n    // Get components from resolver\n    const components = this.adapter.getResolver().resolveComponents(this.component);\n    \n    // Create callbacks once per component instance\n    if (!this.currentCallbacks) {\n      this.currentCallbacks = this.createCallbacks();\n    }\n    \n    // Build props with savedUserSettings pattern\n    const props = {\n      ...this._data, // Spread data properties directly\n      utilities: this.utilities || {},\n      callbacks: this.currentCallbacks,\n      components,\n      styles: this.styles as any,\n      savedUserSettings: this._savedUserSettings,\n      onSaveUserSettings: this.handleSaveUserSettings.bind(this)\n    };\n\n    // Create error boundary\n    const ErrorBoundary = createErrorBoundary(React, {\n      onError: this.handleReactError.bind(this),\n      logErrors: true,\n      recovery: 'retry'\n    });\n\n    // Create element with error boundary\n    const element = React.createElement(\n      ErrorBoundary,\n      null,\n      React.createElement(this.compiledComponent.component, props)\n    );\n\n    // Clear any existing render timeout\n    if (this.renderTimeout) {\n      clearTimeout(this.renderTimeout);\n    }\n    \n    // Render with timeout protection\n    this.renderTimeout = setTimeout(() => {\n      // Check if still rendering and not destroyed\n      if (this.isRendering && !this.isDestroying) {\n        this.componentEvent.emit({\n          type: 'error',\n          payload: {\n            error: 'Component render timeout - possible infinite loop detected',\n            source: 'render'\n          }\n        });\n      }\n    }, 5000);\n\n    try {\n      this.reactRoot.render(element);\n      clearTimeout(this.renderTimeout);\n      this.renderTimeout = null;\n      \n      // Reset rendering flag after a microtask to allow React to complete\n      Promise.resolve().then(() => {\n        // Don't update state if component is destroyed\n        if (this.isDestroying) {\n          return;\n        }\n        \n        this.isRendering = false;\n        \n        // If there was a pending render request, execute it now\n        if (this.pendingRender) {\n          this.pendingRender = false;\n          this.renderComponent();\n        }\n      });\n    } catch (error) {\n      clearTimeout(this.renderTimeout);\n      this.renderTimeout = null;\n      this.isRendering = false;\n      this.handleReactError(error);\n    }\n  }\n\n  /**\n   * Create callbacks for the React component\n   */\n  private createCallbacks(): ComponentCallbacks {\n    return {\n      OpenEntityRecord: (entityName: string, key: CompositeKey) => {\n        let keyToUse: CompositeKey | null = null;\n        if (key instanceof Array) {\n          keyToUse = CompositeKey.FromKeyValuePairs(key);\n        }\n        else if (typeof key === 'object' && !!key.GetValueByFieldName) {\n          keyToUse = key as CompositeKey;\n        }\n        else if (typeof key === 'object') {\n          //} && !!key.FieldName && !!key.Value) {\n          // possible that have an object that is a simple key/value pair with\n          // FieldName and value properties\n          const keyAny = key as any;\n          if (keyAny.FieldName && keyAny.Value) {\n            keyToUse = CompositeKey.FromKeyValuePairs([keyAny as KeyValuePair]);\n          }\n        }\n        if (keyToUse) {\n          this.openEntityRecord.emit({ entityName, key: keyToUse });\n        }  \n      } \n    };\n  }\n\n  /**\n   * Handle React component errors\n   */\n  private handleReactError(error: any, errorInfo?: any) {\n    LogError(`React component error: ${error?.toString() || 'Unknown error'}`, errorInfo);\n    this.componentEvent.emit({\n      type: 'error',\n      payload: {\n        error: error?.toString() || 'Unknown error',\n        errorInfo,\n        source: 'react'\n      }\n    });\n  }\n\n  /**\n   * Handle onSaveUserSettings from components\n   * This implements the SavedUserSettings pattern\n   */\n  private handleSaveUserSettings(newSettings: Record<string, any>) {\n    // Check if there are actual changes\n    const hasChanges = !this.isEqual(this._savedUserSettings, newSettings);\n    \n    if (!hasChanges) {\n      // No actual changes, skip update to prevent infinite loop\n      return;\n    }\n    \n    // Update saved settings\n    this._savedUserSettings = { ...newSettings };\n    \n    // Emit user settings changed event\n    this.userSettingsChanged.emit({\n      settings: this._savedUserSettings,\n      componentName: this.component?.name,\n      timestamp: new Date()\n    });\n    \n    // Schedule re-render\n    this.renderComponent();\n  }\n\n  /**\n   * Clean up resources\n   */\n  private cleanup() {\n    // Clear any pending render timeout\n    if (this.renderTimeout) {\n      clearTimeout(this.renderTimeout);\n      this.renderTimeout = null;\n    }\n    \n    // Clean up prop builder subscriptions\n    if (this.currentCallbacks) {\n      this.currentCallbacks = null;\n    }\n    \n    // Unmount React root only if not currently rendering\n    if (this.reactRoot) {\n      // If still rendering, wait for completion before unmounting\n      if (this.isRendering) {\n        // Force stop rendering\n        this.isRendering = false;\n        this.pendingRender = false;\n      }\n      \n      this.reactBridge.unmountRoot(this.reactRoot);\n      this.reactRoot = null;\n    }\n\n    // Clear references\n    this.compiledComponent = null;\n    this.currentState = {};\n    this.isInitialized = false;\n\n    // Trigger registry cleanup\n    this.adapter.getRegistry().cleanup();\n  }\n\n  /**\n   * Public method to refresh the component\n   * @param newData - Optional new data to merge\n   */\n  refresh(newData?: any) {\n    if (newData) {\n      // Use the setter to trigger change detection\n      this.data = { ...this._data, ...newData };\n    } else {\n      this.renderComponent();\n    }\n  }\n\n  /**\n   * Public method to update state programmatically\n   * @param path - State path to update\n   * @param value - New value\n   */\n  updateState(path: string, value: any) {\n    this.currentState = {\n      ...this.currentState,\n      [path]: value\n    };\n    this.stateChange.emit({ path, value });\n    this.renderComponent();\n  }\n\n  /**\n   * Deep equality check that handles null/undefined properly\n   */\n  private isEqual(a: any, b: any): boolean {\n    // Handle null/undefined cases\n    if (a === b) return true;\n    if (a == null || b == null) return false;\n    \n    // For objects/arrays, use JSON comparison\n    if (typeof a === 'object' && typeof b === 'object') {\n      return JSON.stringify(a) === JSON.stringify(b);\n    }\n    \n    return a === b;\n  }\n}"]}

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

@@ -1,4 +1,4 @@
-import { ComponentCompiler, ComponentRegistry, ComponentResolver, CompileOptions, RuntimeContext } from '@memberjunction/react-runtime';
+import { ComponentCompiler, ComponentRegistry, ComponentResolver, CompileOptions, RuntimeContext, ExternalLibraryConfig, LibraryConfiguration } from '@memberjunction/react-runtime';
 import { ScriptLoaderService } from './script-loader.service';
 import * as i0 from "@angular/core";
 /**
@@ -12,9 +12,11 @@ export declare class AngularAdapterService {
     constructor(scriptLoader: ScriptLoaderService);
     /**
      * Initialize the React runtime with Angular-specific configuration
+     * @param config Optional library configuration
+     * @param additionalLibraries Optional additional libraries to merge
      * @returns Promise resolving when runtime is ready
      */
-    initialize(): Promise<void>;
+    initialize(config?: LibraryConfiguration, additionalLibraries?: ExternalLibraryConfig[]): Promise<void>;
     /**
      * Get the component compiler
      * @returns Component compiler instance

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

@@ -19,14 +19,16 @@ export class AngularAdapterService {
     }
     /**
      * Initialize the React runtime with Angular-specific configuration
+     * @param config Optional library configuration
+     * @param additionalLibraries Optional additional libraries to merge
      * @returns Promise resolving when runtime is ready
      */
-    async initialize() {
+    async initialize(config, additionalLibraries) {
         if (this.runtime) {
             return; // Already initialized
         }
-        // Load React ecosystem
-        const ecosystem = await this.scriptLoader.loadReactEcosystem();
+        // Load React ecosystem with optional additional libraries
+        const ecosystem = await this.scriptLoader.loadReactEcosystem(config, additionalLibraries);
         // Create runtime context
         this.runtimeContext = {
             React: ecosystem.React,
@@ -111,6 +113,24 @@ export class AngularAdapterService {
      * @returns Promise resolving to compilation result
      */
     async compileComponent(options) {
+        // Validate options before initialization
+        if (!options) {
+            throw new Error('Angular adapter error: No compilation options provided.\n' +
+                'This usually means the component spec is null or undefined.\n' +
+                'Please check that:\n' +
+                '1. Your component data is loaded properly\n' +
+                '2. The component spec has "name" and "code" properties\n' +
+                '3. The component input is not undefined');
+        }
+        if (!options.componentName || options.componentName.trim() === '') {
+            throw new Error('Angular adapter error: Component name is missing or empty.\n' +
+                `Received options: ${JSON.stringify(options, null, 2)}\n` +
+                'Make sure your component spec includes a "name" property.');
+        }
+        if (!options.componentCode || options.componentCode.trim() === '') {
+            throw new Error(`Angular adapter error: Component code is missing or empty for component "${options.componentName}".\n` +
+                'Make sure your component spec includes a "code" property with the React component source.');
+        }
         await this.initialize();
         // Apply default styles if not provided
         const optionsWithDefaults = {

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":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAIL,kBAAkB,EAInB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;;;AAEnD;;;GAGG;AAEH,MAAM,OAAO,qBAAqB;IAShC,YAAoB,YAAiC;QAAjC,iBAAY,GAAZ,YAAY,CAAqB;IAAG,CAAC;IAEzD;;;OAGG;IACH,KAAK,CAAC,UAAU;QACd,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO,CAAC,sBAAsB;QAChC,CAAC;QAED,uBAAuB;QACvB,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,YAAY,CAAC,kBAAkB,EAAE,CAAC;QAE/D,yBAAyB;QACzB,IAAI,CAAC,cAAc,GAAG;YACpB,KAAK,EAAE,SAAS,CAAC,KAAK;YACtB,QAAQ,EAAE,SAAS,CAAC,QAAQ;YAC5B,SAAS,EAAE,SAAS,CAAC,SAAS;YAC9B,SAAS,EAAE;YACT,0CAA0C;aAC3C;SACF,CAAC;QAEF,2BAA2B;QAC3B,IAAI,CAAC,OAAO,GAAG,kBAAkB,CAAC,SAAS,CAAC,KAAK,EAAE;YACjD,QAAQ,EAAE;gBACR,KAAK,EAAE,IAAI;gBACX,YAAY,EAAE,GAAG;aAClB;YACD,QAAQ,EAAE;gBACR,aAAa,EAAE,IAAI;gBACnB,eAAe,EAAE,KAAK;gBACtB,MAAM,EAAE,IAAI;gBACZ,gBAAgB,EAAE,IAAI;aACvB;SACF,CAAC,CAAC;IACL,CAAC;IAED;;;OAGG;IACH,WAAW;QACT,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;QAC7E,CAAC;QACD,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;IAC/B,CAAC;IAED;;;OAGG;IACH,WAAW;QACT,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;QAC7E,CAAC;QACD,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;IAC/B,CAAC;IAED;;;OAGG;IACH,WAAW;QACT,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;QAC7E,CAAC;QACD,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;IAC/B,CAAC;IAED;;;OAGG;IACH,iBAAiB;QACf,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;YACzB,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;QAC7E,CAAC;QACD,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IAED;;;;OAIG;IACK,aAAa,CAAC,UAAgB;QACpC,IAAI,CAAC,UAAU;YAAE,OAAO,SAAS,CAAC;QAElC,oCAAoC;QACpC,OAAO;YACL,SAAS,EAAE,UAAU,CAAC,SAAS;YAC/B,KAAK,EAAE,UAAU,CAAC,KAAK;YACvB,SAAS,EAAE,UAAU,CAAC,SAAS;SAChC,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,gBAAgB,CAAC,OAA0C;QAC/D,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;QAExB,uCAAuC;QACvC,MAAM,mBAAmB,GAAG;YAC1B,GAAG,OAAO;YACV,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,cAAc;SACzC,CAAC;QAEF,OAAO,IAAI,CAAC,OAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAC7D,CAAC;IAED;;;;;;;OAOG;IACH,iBAAiB,CACf,IAAY,EACZ,SAAc,EACd,YAAoB,QAAQ,EAC5B,UAAkB,IAAI;QAEtB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;QAC7E,CAAC;QACD,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IAC7E,CAAC;IAED;;;;;;OAMG;IACH,YAAY,CAAC,IAAY,EAAE,YAAoB,QAAQ,EAAE,OAAgB;QACvE,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;QAC7E,CAAC;QACD,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IAC7D,CAAC;IAED;;;OAGG;IACH,aAAa;QACX,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;IACjD,CAAC;IAED;;;OAGG;IACH,UAAU;QACR,OAAO,IAAI,CAAC,OAAO,EAAE,OAAO,IAAI,SAAS,CAAC;IAC5C,CAAC;IAED;;OAEG;IACH,OAAO;QACL,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;YAChC,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;YACzB,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;QAClC,CAAC;IACH,CAAC;IAED;;;OAGG;IACH,QAAQ;QACN,OAAO,IAAI,CAAC,cAAc,EAAE,SAAS,EAAE,KAAK,IAAK,MAAc,CAAC,KAAK,CAAC;IACxE,CAAC;IAED;;;;;OAKG;IACH,YAAY,CAAC,IAAY,EAAE,QAAiB;QAC1C,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC,CAAC;QACrE,CAAC;QAED,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE;gBACnC,OAAO,EAAE,CAAC,OAAO,CAAC;gBAClB,QAAQ,EAAE,QAAQ,IAAI,eAAe;aACtC,CAAC,CAAC;YACH,OAAO,MAAM,CAAC,IAAI,CAAC;QACrB,CAAC;QAAC,OAAO,KAAU,EAAE,CAAC;YACpB,MAAM,IAAI,KAAK,CAAC,4BAA4B,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;QAC/D,CAAC;IACH,CAAC;sFAvNU,qBAAqB;uEAArB,qBAAqB,WAArB,qBAAqB,mBADR,MAAM;;iFACnB,qBAAqB;cADjC,UAAU;eAAC,EAAE,UAAU,EAAE,MAAM,EAAE","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  createReactRuntime,\n  CompileOptions,\n  RuntimeContext,\n  ComponentStyles\n} from '@memberjunction/react-runtime';\nimport { ScriptLoaderService } from './script-loader.service';\nimport { DEFAULT_STYLES } from '../default-styles';\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    version: string;\n  };\n  private runtimeContext?: RuntimeContext;\n\n  constructor(private scriptLoader: ScriptLoaderService) {}\n\n  /**\n   * Initialize the React runtime with Angular-specific configuration\n   * @returns Promise resolving when runtime is ready\n   */\n  async initialize(): Promise<void> {\n    if (this.runtime) {\n      return; // Already initialized\n    }\n\n    // Load React ecosystem\n    const ecosystem = await this.scriptLoader.loadReactEcosystem();\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\n    this.runtime = createReactRuntime(ecosystem.Babel, {\n      compiler: {\n        cache: true,\n        maxCacheSize: 100\n      },\n      registry: {\n        maxComponents: 1000,\n        cleanupInterval: 60000,\n        useLRU: true,\n        enableNamespaces: true\n      }\n    });\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   * Convert SkipComponentStyles to ComponentStyles\n   * @param skipStyles - Skip component styles\n   * @returns Component styles for React runtime\n   */\n  private convertStyles(skipStyles?: any): ComponentStyles | undefined {\n    if (!skipStyles) return undefined;\n    \n    // Extract CSS-compatible properties\n    return {\n      className: skipStyles.className,\n      style: skipStyles.style,\n      globalCss: skipStyles.globalCss\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 & { styles?: any }) {\n    await this.initialize();\n    \n    // Apply default styles if not provided\n    const optionsWithDefaults = {\n      ...options,\n      styles: options.styles || DEFAULT_STYLES\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  createReactRuntime,\n  CompileOptions,\n  RuntimeContext,\n  ComponentStyles,\n  ExternalLibraryConfig,\n  LibraryConfiguration\n} from '@memberjunction/react-runtime';\nimport { ScriptLoaderService } from './script-loader.service';\nimport { DEFAULT_STYLES } from '../default-styles';\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    version: string;\n  };\n  private runtimeContext?: RuntimeContext;\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   * @returns Promise resolving when runtime is ready\n   */\n  async initialize(\n    config?: LibraryConfiguration,\n    additionalLibraries?: ExternalLibraryConfig[]\n  ): Promise<void> {\n    if (this.runtime) {\n      return; // Already initialized\n    }\n\n    // Load React ecosystem with optional additional libraries\n    const ecosystem = await this.scriptLoader.loadReactEcosystem(config, additionalLibraries);\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\n    this.runtime = createReactRuntime(ecosystem.Babel, {\n      compiler: {\n        cache: true,\n        maxCacheSize: 100\n      },\n      registry: {\n        maxComponents: 1000,\n        cleanupInterval: 60000,\n        useLRU: true,\n        enableNamespaces: true\n      }\n    });\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   * Convert SkipComponentStyles to ComponentStyles\n   * @param skipStyles - Skip component styles\n   * @returns Component styles for React runtime\n   */\n  private convertStyles(skipStyles?: any): ComponentStyles | undefined {\n    if (!skipStyles) return undefined;\n    \n    // Extract CSS-compatible properties\n    return {\n      className: skipStyles.className,\n      style: skipStyles.style,\n      globalCss: skipStyles.globalCss\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 & { styles?: any }) {\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 || DEFAULT_STYLES\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/script-loader.service.d.ts

@@ -4,7 +4,7 @@
  * @module @memberjunction/ng-react
  */
 import { OnDestroy } from '@angular/core';
-import { LibraryConfiguration } from '@memberjunction/react-runtime';
+import { LibraryConfiguration, ExternalLibraryConfig } from '@memberjunction/react-runtime';
 import * as i0 from "@angular/core";
 /**
  * Service for loading external scripts and CSS with proper cleanup.
@@ -39,9 +39,10 @@ export declare class ScriptLoaderService implements OnDestroy {
     /**
      * Load common React libraries and UI frameworks
      * @param config Optional library configuration
+     * @param additionalLibraries Optional additional libraries to merge
      * @returns Promise resolving to React ecosystem objects
      */
-    loadReactEcosystem(config?: LibraryConfiguration): Promise<{
+    loadReactEcosystem(config?: LibraryConfiguration, additionalLibraries?: ExternalLibraryConfig[]): Promise<{
         React: any;
         ReactDOM: any;
         Babel: any;

package/dist/lib/services/script-loader.service.js

@@ -92,11 +92,12 @@ export class ScriptLoaderService {
     /**
      * Load common React libraries and UI frameworks
      * @param config Optional library configuration
+     * @param additionalLibraries Optional additional libraries to merge
      * @returns Promise resolving to React ecosystem objects
      */
-    async loadReactEcosystem(config) {
+    async loadReactEcosystem(config, additionalLibraries) {
         // Use the new LibraryLoader from react-runtime for consistency
-        const result = await LibraryLoader.loadAllLibraries(config);
+        const result = await LibraryLoader.loadAllLibraries(config, additionalLibraries);
         // The LibraryLoader handles all the loading, but we need to ensure
         // ReactDOM.createRoot is available for Angular's specific needs
         // The ReactBridgeService will handle the delayed validation

package/dist/lib/services/script-loader.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"script-loader.service.js","sourceRoot":"","sources":["../../../src/lib/services/script-loader.service.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Service for loading external scripts and CSS in Angular applications.\n * Manages the lifecycle of dynamically loaded resources with proper cleanup.\n * @module @memberjunction/ng-react\n */\n\nimport { Injectable, OnDestroy } from '@angular/core';\nimport { \n  LibraryLoader,\n  LibraryConfiguration\n} from '@memberjunction/react-runtime';\n\n/**\n * Represents a loaded script or CSS resource\n */\ninterface LoadedScript {\n  element: HTMLScriptElement | HTMLLinkElement;\n  promise: Promise<any>;\n}\n\n/**\n * Service for loading external scripts and CSS with proper cleanup.\n * Provides methods to dynamically load React and related libraries from CDN.\n */\n@Injectable({ providedIn: 'root' })\nexport class ScriptLoaderService implements OnDestroy {\n  private loadedResources = new Map<string, LoadedScript>();\n  private readonly cleanupOnDestroy = new Set<string>();\n\n  ngOnDestroy(): void {\n    this.cleanup();\n  }\n\n  /**\n   * Load a script from URL with automatic cleanup tracking\n   * @param url - Script URL to load\n   * @param globalName - Expected global variable name\n   * @param autoCleanup - Whether to cleanup on service destroy\n   * @returns Promise resolving to the global object\n   */\n  async loadScript(url: string, globalName: string, autoCleanup = false): Promise<any> {\n    const existing = this.loadedResources.get(url);\n    if (existing) {\n      return existing.promise;\n    }\n\n    const promise = this.createScriptPromise(url, globalName);\n    const element = document.querySelector(`script[src=\"${url}\"]`) as HTMLScriptElement;\n    \n    if (element) {\n      this.loadedResources.set(url, { element, promise });\n      if (autoCleanup) {\n        this.cleanupOnDestroy.add(url);\n      }\n    }\n\n    return promise;\n  }\n\n  /**\n   * Load a script with additional validation function\n   * @param url - Script URL to load\n   * @param globalName - Expected global variable name\n   * @param validator - Function to validate the loaded object\n   * @param autoCleanup - Whether to cleanup on service destroy\n   * @returns Promise resolving to the validated global object\n   */\n  async loadScriptWithValidation(\n    url: string, \n    globalName: string, \n    validator: (obj: any) => boolean,\n    autoCleanup = false\n  ): Promise<any> {\n    const existing = this.loadedResources.get(url);\n    if (existing) {\n      const obj = await existing.promise;\n      // Re-validate even for cached resources\n      if (!validator(obj)) {\n        throw new Error(`${globalName} loaded but failed validation`);\n      }\n      return obj;\n    }\n\n    const promise = this.createScriptPromiseWithValidation(url, globalName, validator);\n    const element = document.querySelector(`script[src=\"${url}\"]`) as HTMLScriptElement;\n    \n    if (element) {\n      this.loadedResources.set(url, { element, promise });\n      if (autoCleanup) {\n        this.cleanupOnDestroy.add(url);\n      }\n    }\n\n    return promise;\n  }\n\n  /**\n   * Load CSS from URL\n   * @param url - CSS URL to load\n   */\n  loadCSS(url: string): void {\n    if (this.loadedResources.has(url)) {\n      return;\n    }\n\n    const existingLink = document.querySelector(`link[href=\"${url}\"]`);\n    if (existingLink) {\n      return;\n    }\n\n    const link = document.createElement('link');\n    link.rel = 'stylesheet';\n    link.href = url;\n    document.head.appendChild(link);\n\n    this.loadedResources.set(url, {\n      element: link,\n      promise: Promise.resolve()\n    });\n  }\n\n  /**\n   * Load common React libraries and UI frameworks\n   * @param config Optional library configuration\n   * @returns Promise resolving to React ecosystem objects\n   */\n  async loadReactEcosystem(config?: LibraryConfiguration): Promise<{\n    React: any;\n    ReactDOM: any;\n    Babel: any;\n    libraries: any;\n  }> {\n    // Use the new LibraryLoader from react-runtime for consistency\n    const result = await LibraryLoader.loadAllLibraries(config);\n    \n    // The LibraryLoader handles all the loading, but we need to ensure\n    // ReactDOM.createRoot is available for Angular's specific needs\n    // The ReactBridgeService will handle the delayed validation\n    \n    // Track loaded resources for cleanup\n    LibraryLoader.getLoadedResources().forEach((resource, url) => {\n      this.loadedResources.set(url, resource);\n    });\n    \n    return result;\n  }\n\n  /**\n   * Get library name from URL for global variable mapping\n   * @param url - Library URL\n   * @returns Global variable name\n   */\n  private getLibraryNameFromUrl(url: string): string {\n    // Map known URLs to their global variable names\n    if (url.includes('lodash')) return '_';\n    if (url.includes('d3')) return 'd3';\n    if (url.includes('Chart.js') || url.includes('chart')) return 'Chart';\n    if (url.includes('dayjs')) return 'dayjs';\n    if (url.includes('antd')) return 'antd';\n    if (url.includes('react-bootstrap')) return 'ReactBootstrap';\n    if (url.includes('react-dom')) return 'ReactDOM';\n    if (url.includes('react')) return 'React';\n    if (url.includes('babel')) return 'Babel';\n    \n    // Default: extract library name from filename\n    const match = url.match(/\\/([^/]+?)(?:\\.min)?\\.js$/i);\n    return match ? match[1] : 'UnknownLibrary';\n  }\n\n  /**\n   * Remove a specific loaded resource\n   * @param url - URL of resource to remove\n   */\n  removeResource(url: string): void {\n    const resource = this.loadedResources.get(url);\n    if (resource?.element && resource.element.parentNode) {\n      resource.element.parentNode.removeChild(resource.element);\n    }\n    this.loadedResources.delete(url);\n    this.cleanupOnDestroy.delete(url);\n  }\n\n  /**\n   * Clean up all resources marked for auto-cleanup\n   */\n  private cleanup(): void {\n    for (const url of this.cleanupOnDestroy) {\n      this.removeResource(url);\n    }\n    this.cleanupOnDestroy.clear();\n  }\n\n  /**\n   * Create a promise that resolves when script loads\n   * @param url - Script URL\n   * @param globalName - Expected global variable\n   * @returns Promise resolving to global object\n   */\n  private createScriptPromise(url: string, globalName: string): Promise<any> {\n    return new Promise((resolve, reject) => {\n      // Check if already loaded\n      if ((window as any)[globalName]) {\n        resolve((window as any)[globalName]);\n        return;\n      }\n\n      // Check if script tag exists\n      const existingScript = document.querySelector(`script[src=\"${url}\"]`);\n      if (existingScript) {\n        this.waitForScriptLoad(existingScript as HTMLScriptElement, globalName, resolve, reject);\n        return;\n      }\n\n      // Create new script\n      const script = document.createElement('script');\n      script.src = url;\n      script.async = true;\n\n      script.onload = () => {\n        const global = (window as any)[globalName];\n        if (global) {\n          resolve(global);\n        } else {\n          reject(new Error(`${globalName} not found after script load`));\n        }\n      };\n\n      script.onerror = () => {\n        reject(new Error(`Failed to load script: ${url}`));\n      };\n\n      document.head.appendChild(script);\n      this.loadedResources.set(url, { element: script, promise: Promise.resolve() });\n    });\n  }\n\n  /**\n   * Create a promise that resolves when script loads and passes validation\n   * @param url - Script URL\n   * @param globalName - Expected global variable\n   * @param validator - Validation function\n   * @returns Promise resolving to validated global object\n   */\n  private createScriptPromiseWithValidation(\n    url: string, \n    globalName: string, \n    validator: (obj: any) => boolean\n  ): Promise<any> {\n    return new Promise((resolve, reject) => {\n      // Check if already loaded and valid\n      const existingGlobal = (window as any)[globalName];\n      if (existingGlobal && validator(existingGlobal)) {\n        resolve(existingGlobal);\n        return;\n      }\n\n      // Check if script tag exists\n      const existingScript = document.querySelector(`script[src=\"${url}\"]`);\n      if (existingScript) {\n        this.waitForScriptLoadWithValidation(\n          existingScript as HTMLScriptElement, \n          globalName, \n          validator,\n          resolve, \n          reject\n        );\n        return;\n      }\n\n      // Create new script\n      const script = document.createElement('script');\n      script.src = url;\n      script.async = true;\n\n      script.onload = () => {\n        this.waitForValidation(globalName, validator, resolve, reject);\n      };\n\n      script.onerror = () => {\n        reject(new Error(`Failed to load script: ${url}`));\n      };\n\n      document.head.appendChild(script);\n      this.loadedResources.set(url, { element: script, promise: Promise.resolve() });\n    });\n  }\n\n  /**\n   * Wait for global object to be available and valid\n   * @param globalName - Global variable name\n   * @param validator - Validation function\n   * @param resolve - Promise resolve function\n   * @param reject - Promise reject function\n   * @param attempts - Current attempt number\n   * @param maxAttempts - Maximum attempts before failing\n   */\n  private waitForValidation(\n    globalName: string,\n    validator: (obj: any) => boolean,\n    resolve: (value: any) => void,\n    reject: (reason: any) => void,\n    attempts = 0,\n    maxAttempts = 50 // 5 seconds total with 100ms intervals\n  ): void {\n    const global = (window as any)[globalName];\n    \n    if (global && validator(global)) {\n      resolve(global);\n      return;\n    }\n\n    if (attempts >= maxAttempts) {\n      if (global) {\n        reject(new Error(`${globalName} loaded but validation failed after ${maxAttempts} attempts`));\n      } else {\n        reject(new Error(`${globalName} not found after ${maxAttempts} attempts`));\n      }\n      return;\n    }\n\n    // Retry with exponential backoff for first few attempts, then fixed interval\n    const delay = attempts < 5 ? Math.min(100 * Math.pow(1.5, attempts), 500) : 100;\n    setTimeout(() => {\n      this.waitForValidation(globalName, validator, resolve, reject, attempts + 1, maxAttempts);\n    }, delay);\n  }\n\n  /**\n   * Wait for existing script to load\n   * @param script - Script element\n   * @param globalName - Expected global variable\n   * @param resolve - Promise resolve function\n   * @param reject - Promise reject function\n   */\n  private waitForScriptLoad(\n    script: HTMLScriptElement,\n    globalName: string,\n    resolve: (value: any) => void,\n    reject: (reason: any) => void\n  ): void {\n    const checkGlobal = () => {\n      if ((window as any)[globalName]) {\n        resolve((window as any)[globalName]);\n        return;\n      }\n      // Give it a moment for the global to be defined\n      setTimeout(() => {\n        if ((window as any)[globalName]) {\n          resolve((window as any)[globalName]);\n        } else {\n          reject(new Error(`${globalName} not found after script load`));\n        }\n      }, 100);\n    };\n\n    if ('readyState' in script) {\n      // IE support\n      (script as any).onreadystatechange = () => {\n        if ((script as any).readyState === 'loaded' || (script as any).readyState === 'complete') {\n          (script as any).onreadystatechange = null;\n          checkGlobal();\n        }\n      };\n    } else {\n      // Modern browsers\n      const loadHandler = () => {\n        script.removeEventListener('load', loadHandler);\n        checkGlobal();\n      };\n      script.addEventListener('load', loadHandler);\n    }\n  }\n\n  /**\n   * Wait for existing script to load with validation\n   * @param script - Script element\n   * @param globalName - Expected global variable\n   * @param validator - Validation function\n   * @param resolve - Promise resolve function\n   * @param reject - Promise reject function\n   */\n  private waitForScriptLoadWithValidation(\n    script: HTMLScriptElement,\n    globalName: string,\n    validator: (obj: any) => boolean,\n    resolve: (value: any) => void,\n    reject: (reason: any) => void\n  ): void {\n    const checkGlobal = () => {\n      this.waitForValidation(globalName, validator, resolve, reject);\n    };\n\n    if ('readyState' in script) {\n      // IE support\n      (script as any).onreadystatechange = () => {\n        if ((script as any).readyState === 'loaded' || (script as any).readyState === 'complete') {\n          (script as any).onreadystatechange = null;\n          checkGlobal();\n        }\n      };\n    } else {\n      // Modern browsers\n      const loadHandler = () => {\n        script.removeEventListener('load', loadHandler);\n        checkGlobal();\n      };\n      script.addEventListener('load', loadHandler);\n    }\n  }\n}"]}
+{"version":3,"file":"script-loader.service.js","sourceRoot":"","sources":["../../../src/lib/services/script-loader.service.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Service for loading external scripts and CSS in Angular applications.\n * Manages the lifecycle of dynamically loaded resources with proper cleanup.\n * @module @memberjunction/ng-react\n */\n\nimport { Injectable, OnDestroy } from '@angular/core';\nimport { \n  LibraryLoader,\n  LibraryConfiguration,\n  ExternalLibraryConfig\n} from '@memberjunction/react-runtime';\n\n/**\n * Represents a loaded script or CSS resource\n */\ninterface LoadedScript {\n  element: HTMLScriptElement | HTMLLinkElement;\n  promise: Promise<any>;\n}\n\n/**\n * Service for loading external scripts and CSS with proper cleanup.\n * Provides methods to dynamically load React and related libraries from CDN.\n */\n@Injectable({ providedIn: 'root' })\nexport class ScriptLoaderService implements OnDestroy {\n  private loadedResources = new Map<string, LoadedScript>();\n  private readonly cleanupOnDestroy = new Set<string>();\n\n  ngOnDestroy(): void {\n    this.cleanup();\n  }\n\n  /**\n   * Load a script from URL with automatic cleanup tracking\n   * @param url - Script URL to load\n   * @param globalName - Expected global variable name\n   * @param autoCleanup - Whether to cleanup on service destroy\n   * @returns Promise resolving to the global object\n   */\n  async loadScript(url: string, globalName: string, autoCleanup = false): Promise<any> {\n    const existing = this.loadedResources.get(url);\n    if (existing) {\n      return existing.promise;\n    }\n\n    const promise = this.createScriptPromise(url, globalName);\n    const element = document.querySelector(`script[src=\"${url}\"]`) as HTMLScriptElement;\n    \n    if (element) {\n      this.loadedResources.set(url, { element, promise });\n      if (autoCleanup) {\n        this.cleanupOnDestroy.add(url);\n      }\n    }\n\n    return promise;\n  }\n\n  /**\n   * Load a script with additional validation function\n   * @param url - Script URL to load\n   * @param globalName - Expected global variable name\n   * @param validator - Function to validate the loaded object\n   * @param autoCleanup - Whether to cleanup on service destroy\n   * @returns Promise resolving to the validated global object\n   */\n  async loadScriptWithValidation(\n    url: string, \n    globalName: string, \n    validator: (obj: any) => boolean,\n    autoCleanup = false\n  ): Promise<any> {\n    const existing = this.loadedResources.get(url);\n    if (existing) {\n      const obj = await existing.promise;\n      // Re-validate even for cached resources\n      if (!validator(obj)) {\n        throw new Error(`${globalName} loaded but failed validation`);\n      }\n      return obj;\n    }\n\n    const promise = this.createScriptPromiseWithValidation(url, globalName, validator);\n    const element = document.querySelector(`script[src=\"${url}\"]`) as HTMLScriptElement;\n    \n    if (element) {\n      this.loadedResources.set(url, { element, promise });\n      if (autoCleanup) {\n        this.cleanupOnDestroy.add(url);\n      }\n    }\n\n    return promise;\n  }\n\n  /**\n   * Load CSS from URL\n   * @param url - CSS URL to load\n   */\n  loadCSS(url: string): void {\n    if (this.loadedResources.has(url)) {\n      return;\n    }\n\n    const existingLink = document.querySelector(`link[href=\"${url}\"]`);\n    if (existingLink) {\n      return;\n    }\n\n    const link = document.createElement('link');\n    link.rel = 'stylesheet';\n    link.href = url;\n    document.head.appendChild(link);\n\n    this.loadedResources.set(url, {\n      element: link,\n      promise: Promise.resolve()\n    });\n  }\n\n  /**\n   * Load common React libraries and UI frameworks\n   * @param config Optional library configuration\n   * @param additionalLibraries Optional additional libraries to merge\n   * @returns Promise resolving to React ecosystem objects\n   */\n  async loadReactEcosystem(\n    config?: LibraryConfiguration,\n    additionalLibraries?: ExternalLibraryConfig[]\n  ): Promise<{\n    React: any;\n    ReactDOM: any;\n    Babel: any;\n    libraries: any;\n  }> {\n    // Use the new LibraryLoader from react-runtime for consistency\n    const result = await LibraryLoader.loadAllLibraries(config, additionalLibraries);\n    \n    // The LibraryLoader handles all the loading, but we need to ensure\n    // ReactDOM.createRoot is available for Angular's specific needs\n    // The ReactBridgeService will handle the delayed validation\n    \n    // Track loaded resources for cleanup\n    LibraryLoader.getLoadedResources().forEach((resource, url) => {\n      this.loadedResources.set(url, resource);\n    });\n    \n    return result;\n  }\n\n  /**\n   * Get library name from URL for global variable mapping\n   * @param url - Library URL\n   * @returns Global variable name\n   */\n  private getLibraryNameFromUrl(url: string): string {\n    // Map known URLs to their global variable names\n    if (url.includes('lodash')) return '_';\n    if (url.includes('d3')) return 'd3';\n    if (url.includes('Chart.js') || url.includes('chart')) return 'Chart';\n    if (url.includes('dayjs')) return 'dayjs';\n    if (url.includes('antd')) return 'antd';\n    if (url.includes('react-bootstrap')) return 'ReactBootstrap';\n    if (url.includes('react-dom')) return 'ReactDOM';\n    if (url.includes('react')) return 'React';\n    if (url.includes('babel')) return 'Babel';\n    \n    // Default: extract library name from filename\n    const match = url.match(/\\/([^/]+?)(?:\\.min)?\\.js$/i);\n    return match ? match[1] : 'UnknownLibrary';\n  }\n\n  /**\n   * Remove a specific loaded resource\n   * @param url - URL of resource to remove\n   */\n  removeResource(url: string): void {\n    const resource = this.loadedResources.get(url);\n    if (resource?.element && resource.element.parentNode) {\n      resource.element.parentNode.removeChild(resource.element);\n    }\n    this.loadedResources.delete(url);\n    this.cleanupOnDestroy.delete(url);\n  }\n\n  /**\n   * Clean up all resources marked for auto-cleanup\n   */\n  private cleanup(): void {\n    for (const url of this.cleanupOnDestroy) {\n      this.removeResource(url);\n    }\n    this.cleanupOnDestroy.clear();\n  }\n\n  /**\n   * Create a promise that resolves when script loads\n   * @param url - Script URL\n   * @param globalName - Expected global variable\n   * @returns Promise resolving to global object\n   */\n  private createScriptPromise(url: string, globalName: string): Promise<any> {\n    return new Promise((resolve, reject) => {\n      // Check if already loaded\n      if ((window as any)[globalName]) {\n        resolve((window as any)[globalName]);\n        return;\n      }\n\n      // Check if script tag exists\n      const existingScript = document.querySelector(`script[src=\"${url}\"]`);\n      if (existingScript) {\n        this.waitForScriptLoad(existingScript as HTMLScriptElement, globalName, resolve, reject);\n        return;\n      }\n\n      // Create new script\n      const script = document.createElement('script');\n      script.src = url;\n      script.async = true;\n\n      script.onload = () => {\n        const global = (window as any)[globalName];\n        if (global) {\n          resolve(global);\n        } else {\n          reject(new Error(`${globalName} not found after script load`));\n        }\n      };\n\n      script.onerror = () => {\n        reject(new Error(`Failed to load script: ${url}`));\n      };\n\n      document.head.appendChild(script);\n      this.loadedResources.set(url, { element: script, promise: Promise.resolve() });\n    });\n  }\n\n  /**\n   * Create a promise that resolves when script loads and passes validation\n   * @param url - Script URL\n   * @param globalName - Expected global variable\n   * @param validator - Validation function\n   * @returns Promise resolving to validated global object\n   */\n  private createScriptPromiseWithValidation(\n    url: string, \n    globalName: string, \n    validator: (obj: any) => boolean\n  ): Promise<any> {\n    return new Promise((resolve, reject) => {\n      // Check if already loaded and valid\n      const existingGlobal = (window as any)[globalName];\n      if (existingGlobal && validator(existingGlobal)) {\n        resolve(existingGlobal);\n        return;\n      }\n\n      // Check if script tag exists\n      const existingScript = document.querySelector(`script[src=\"${url}\"]`);\n      if (existingScript) {\n        this.waitForScriptLoadWithValidation(\n          existingScript as HTMLScriptElement, \n          globalName, \n          validator,\n          resolve, \n          reject\n        );\n        return;\n      }\n\n      // Create new script\n      const script = document.createElement('script');\n      script.src = url;\n      script.async = true;\n\n      script.onload = () => {\n        this.waitForValidation(globalName, validator, resolve, reject);\n      };\n\n      script.onerror = () => {\n        reject(new Error(`Failed to load script: ${url}`));\n      };\n\n      document.head.appendChild(script);\n      this.loadedResources.set(url, { element: script, promise: Promise.resolve() });\n    });\n  }\n\n  /**\n   * Wait for global object to be available and valid\n   * @param globalName - Global variable name\n   * @param validator - Validation function\n   * @param resolve - Promise resolve function\n   * @param reject - Promise reject function\n   * @param attempts - Current attempt number\n   * @param maxAttempts - Maximum attempts before failing\n   */\n  private waitForValidation(\n    globalName: string,\n    validator: (obj: any) => boolean,\n    resolve: (value: any) => void,\n    reject: (reason: any) => void,\n    attempts = 0,\n    maxAttempts = 50 // 5 seconds total with 100ms intervals\n  ): void {\n    const global = (window as any)[globalName];\n    \n    if (global && validator(global)) {\n      resolve(global);\n      return;\n    }\n\n    if (attempts >= maxAttempts) {\n      if (global) {\n        reject(new Error(`${globalName} loaded but validation failed after ${maxAttempts} attempts`));\n      } else {\n        reject(new Error(`${globalName} not found after ${maxAttempts} attempts`));\n      }\n      return;\n    }\n\n    // Retry with exponential backoff for first few attempts, then fixed interval\n    const delay = attempts < 5 ? Math.min(100 * Math.pow(1.5, attempts), 500) : 100;\n    setTimeout(() => {\n      this.waitForValidation(globalName, validator, resolve, reject, attempts + 1, maxAttempts);\n    }, delay);\n  }\n\n  /**\n   * Wait for existing script to load\n   * @param script - Script element\n   * @param globalName - Expected global variable\n   * @param resolve - Promise resolve function\n   * @param reject - Promise reject function\n   */\n  private waitForScriptLoad(\n    script: HTMLScriptElement,\n    globalName: string,\n    resolve: (value: any) => void,\n    reject: (reason: any) => void\n  ): void {\n    const checkGlobal = () => {\n      if ((window as any)[globalName]) {\n        resolve((window as any)[globalName]);\n        return;\n      }\n      // Give it a moment for the global to be defined\n      setTimeout(() => {\n        if ((window as any)[globalName]) {\n          resolve((window as any)[globalName]);\n        } else {\n          reject(new Error(`${globalName} not found after script load`));\n        }\n      }, 100);\n    };\n\n    if ('readyState' in script) {\n      // IE support\n      (script as any).onreadystatechange = () => {\n        if ((script as any).readyState === 'loaded' || (script as any).readyState === 'complete') {\n          (script as any).onreadystatechange = null;\n          checkGlobal();\n        }\n      };\n    } else {\n      // Modern browsers\n      const loadHandler = () => {\n        script.removeEventListener('load', loadHandler);\n        checkGlobal();\n      };\n      script.addEventListener('load', loadHandler);\n    }\n  }\n\n  /**\n   * Wait for existing script to load with validation\n   * @param script - Script element\n   * @param globalName - Expected global variable\n   * @param validator - Validation function\n   * @param resolve - Promise resolve function\n   * @param reject - Promise reject function\n   */\n  private waitForScriptLoadWithValidation(\n    script: HTMLScriptElement,\n    globalName: string,\n    validator: (obj: any) => boolean,\n    resolve: (value: any) => void,\n    reject: (reason: any) => void\n  ): void {\n    const checkGlobal = () => {\n      this.waitForValidation(globalName, validator, resolve, reject);\n    };\n\n    if ('readyState' in script) {\n      // IE support\n      (script as any).onreadystatechange = () => {\n        if ((script as any).readyState === 'loaded' || (script as any).readyState === 'complete') {\n          (script as any).onreadystatechange = null;\n          checkGlobal();\n        }\n      };\n    } else {\n      // Modern browsers\n      const loadHandler = () => {\n        script.removeEventListener('load', loadHandler);\n        checkGlobal();\n      };\n      script.addEventListener('load', loadHandler);\n    }\n  }\n}"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-react",
-  "version": "2.75.0",
+  "version": "2.76.0",
   "description": "Angular components for hosting React components in MemberJunction applications",
   "scripts": {
     "build": "ngc -p tsconfig.json",
@@ -40,9 +40,9 @@
     "styles"
   ],
   "dependencies": {
-    "@memberjunction/core": "2.75.0",
-    "@memberjunction/react-runtime": "2.75.0",
-    "@memberjunction/interactive-component-types": "^2.75.0",
+    "@memberjunction/core": "2.76.0",
+    "@memberjunction/react-runtime": "2.76.0",
+    "@memberjunction/interactive-component-types": "^2.76.0",
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",
     "@angular/platform-browser": ">=18.0.0",