@memberjunction/ng-react 2.82.0 → 2.83.0

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

@@ -64,6 +64,7 @@ export declare class MJReactComponent implements AfterViewInit, OnDestroy {
     private pendingRender;
     private isDestroying;
     private componentId;
+    private componentVersion;
     hasError: boolean;
     constructor(reactBridge: ReactBridgeService, adapter: AngularAdapterService, cdr: ChangeDetectorRef);
     ngAfterViewInit(): Promise<void>;
@@ -72,6 +73,19 @@ export declare class MJReactComponent implements AfterViewInit, OnDestroy {
      * Initialize the React component
      */
     private initializeComponent;
+    /**
+     * Generate a hash from component code for versioning
+     * Uses a simple hash function that's fast and sufficient for version differentiation
+     */
+    private generateComponentHash;
+    /**
+     * Resolve components with specific version
+     */
+    private resolveComponentsWithVersion;
+    /**
+     * Log existing versions of components in registry (for debugging)
+     */
+    private logExistingVersions;
     /**
      * Register all components in the hierarchy
      */

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

@@ -57,6 +57,7 @@ export class MJReactComponent {
         this.isRendering = false;
         this.pendingRender = false;
         this.isDestroying = false;
+        this.componentVersion = ''; // Store the version for resolver
         this.hasError = false;
         // Generate unique component ID for resource tracking
         this.componentId = `mj-react-component-${Date.now()}-${Math.random()}`;
@@ -137,23 +138,137 @@ export class MJReactComponent {
             this.cdr.detectChanges();
         }
     }
+    /**
+     * Generate a hash from component code for versioning
+     * Uses a simple hash function that's fast and sufficient for version differentiation
+     */
+    generateComponentHash(spec) {
+        // Collect all code from the component hierarchy
+        const codeStrings = [];
+        const collectCode = (s) => {
+            if (s.code) {
+                codeStrings.push(s.code);
+            }
+            if (s.dependencies) {
+                for (const dep of s.dependencies) {
+                    collectCode(dep);
+                }
+            }
+        };
+        collectCode(spec);
+        // Generate hash from concatenated code
+        const fullCode = codeStrings.join('|');
+        let hash = 0;
+        for (let i = 0; i < fullCode.length; i++) {
+            const char = fullCode.charCodeAt(i);
+            hash = ((hash << 5) - hash) + char;
+            hash = hash & hash; // Convert to 32bit integer
+        }
+        // Convert to hex string and take first 8 characters for readability
+        const hexHash = Math.abs(hash).toString(16).padStart(8, '0').substring(0, 8);
+        return `v${hexHash}`;
+    }
+    /**
+     * Resolve components with specific version
+     */
+    resolveComponentsWithVersion(spec, version, namespace = 'Global') {
+        const resolved = {};
+        const registry = this.adapter.getRegistry();
+        const resolveHierarchy = (s, visited = new Set()) => {
+            // Prevent circular dependencies
+            if (visited.has(s.name)) {
+                console.warn(`Circular dependency detected for component: ${s.name}`);
+                return;
+            }
+            visited.add(s.name);
+            // Get component with specific version
+            const component = registry.get(s.name, namespace, version);
+            if (component) {
+                resolved[s.name] = component;
+                console.log(`  Resolved ${s.name}@${version}`);
+            }
+            else {
+                console.warn(`  ⚠️ Component not found: ${s.name}@${version}`);
+            }
+            // Process dependencies
+            if (s.dependencies) {
+                for (const dep of s.dependencies) {
+                    resolveHierarchy(dep, visited);
+                }
+            }
+        };
+        console.log(`Resolving components with version ${version}:`);
+        resolveHierarchy(spec);
+        return resolved;
+    }
+    /**
+     * Log existing versions of components in registry (for debugging)
+     */
+    logExistingVersions(spec, namespace = 'Global') {
+        const registry = this.adapter.getRegistry();
+        // Check for existing versions of this component
+        const namespaceComponents = registry.getNamespace(namespace);
+        const componentVersions = namespaceComponents.filter(c => c.name === spec.name);
+        // Log existing versions for awareness
+        if (componentVersions.length > 0) {
+            console.log(`  Found ${componentVersions.length} existing version(s) of ${spec.name}:`);
+            componentVersions.forEach(comp => {
+                console.log(`    - ${comp.name}@${comp.version}`);
+            });
+        }
+        // Recursively check dependencies
+        if (spec.dependencies) {
+            for (const dep of spec.dependencies) {
+                const depVersions = namespaceComponents.filter(c => c.name === dep.name);
+                if (depVersions.length > 0) {
+                    console.log(`  Found ${depVersions.length} existing version(s) of ${dep.name}:`);
+                    depVersions.forEach(comp => {
+                        console.log(`    - ${comp.name}@${comp.version}`);
+                    });
+                }
+            }
+        }
+    }
     /**
      * Register all components in the hierarchy
      */
     async registerComponentHierarchy() {
+        // Generate unique version based on component code hash
+        const version = this.generateComponentHash(this.component);
+        this.componentVersion = version; // Store for use in resolver
+        console.log(`\n🔄 Registering component hierarchy for ${this.component.name}`);
+        console.log(`  Version: ${version}`);
+        // Log existing versions (don't clear - allow multiple versions to coexist)
+        this.logExistingVersions(this.component);
+        // Check if this exact version already exists to avoid re-registration
+        const registry = this.adapter.getRegistry();
+        const existingComponent = registry.get(this.component.name, 'Global', version);
+        if (existingComponent) {
+            console.log(`  ℹ️ Version ${version} already registered - skipping registration`);
+            return;
+        }
         // Create the hierarchy registrar with adapter's compiler and registry
         const registrar = new ComponentHierarchyRegistrar(this.adapter.getCompiler(), this.adapter.getRegistry(), this.adapter.getRuntimeContext());
-        // Register the entire hierarchy
+        // Register the entire hierarchy with hash-based version
         const result = await registrar.registerHierarchy(this.component, {
             styles: this.styles, // Skip components use SkipComponentStyles which is a superset
             namespace: 'Global',
-            version: 'v1'
+            version: version, // Use hash-based version instead of hardcoded 'v1'
+            allowOverride: false // Don't override - each version is unique
         });
         // Check for errors
         if (!result.success) {
             const errorMessages = result.errors.map(e => `${e.componentName}: ${e.error}`);
             throw new Error(`Component registration failed: ${errorMessages.join(', ')}`);
         }
+        // Log registered components for debugging
+        console.log(`✅ Successfully registered ${result.registeredComponents.length} components with version ${version}:`);
+        result.registeredComponents.forEach(name => {
+            console.log(`    - ${name}@${version}`);
+        });
+        // Also log current registry stats
+        const stats = this.adapter.getRegistry().getStats();
+        console.log(`📊 Registry stats: ${stats.totalComponents} total components in ${stats.namespaces} namespace(s)\n`);
     }
     /**
      * Render the React component
@@ -177,8 +292,8 @@ export class MJReactComponent {
         }
         this.isRendering = true;
         const { React } = context;
-        // Get components from resolver
-        const components = this.adapter.getResolver().resolveComponents(this.component);
+        // Manually resolve components with the correct version
+        const components = this.resolveComponentsWithVersion(this.component, this.componentVersion);
         // Create callbacks once per component instance
         if (!this.currentCallbacks) {
             this.currentCallbacks = this.createCallbacks();
@@ -390,5 +505,5 @@ export class MJReactComponent {
             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: 124 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJReactComponent, { className: "MJReactComponent", filePath: "lib/components/mj-react-component.component.ts", lineNumber: 125 }); })();
 //# 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":"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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  resourceManager,\n  reactRootManager\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  @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 reactRootId: string | null = null;\n  private compiledComponent: any = null;\n  private destroyed$ = new Subject<void>();\n  private currentCallbacks: ComponentCallbacks | null = null;\n  isInitialized = false;\n  private isRendering = false;\n  private pendingRender = false;\n  private isDestroying = false;\n  private componentId: string;\n  hasError = false;\n\n  constructor(\n    private reactBridge: ReactBridgeService,\n    private adapter: AngularAdapterService,\n    private cdr: ChangeDetectorRef\n  ) {\n    // Generate unique component ID for resource tracking\n    this.componentId = `mj-react-component-${Date.now()}-${Math.random()}`;\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      \n      // Call the factory function to get the component wrapper\n      // result.component is a CompiledComponent object with a 'component' property that's the factory\n      const componentWrapper = result.component!.component(context, this.styles);\n      \n      // Validate the component wrapper structure\n      if (!componentWrapper || typeof componentWrapper !== 'object') {\n        throw new Error(`Invalid component wrapper returned for ${this.component.name}: ${typeof componentWrapper}`);\n      }\n      \n      if (!componentWrapper.component) {\n        throw new Error(`Component wrapper missing 'component' property for ${this.component.name}`);\n      }\n      \n      if (typeof componentWrapper.component !== 'function') {\n        throw new Error(`Component is not a function for ${this.component.name}: ${typeof componentWrapper.component}`);\n      }\n      \n      this.compiledComponent = componentWrapper;\n      \n      // Create managed React root\n      const reactContext = this.reactBridge.getCurrentContext();\n      if (!reactContext) {\n        throw new Error('React context not available');\n      }\n      \n      this.reactRootId = reactRootManager.createRoot(\n        this.container.nativeElement,\n        (container: HTMLElement) => reactContext.ReactDOM.createRoot(container),\n        this.componentId\n      );\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.reactRootId) {\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      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    // Validate component before creating element\n    if (!this.compiledComponent.component) {\n      LogError(`Component is undefined for ${this.component.name} during render`);\n      return;\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    // Render with timeout protection using resource manager\n    const timeoutId = resourceManager.setTimeout(\n      this.componentId,\n      () => {\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      },\n      5000,\n      { purpose: 'render-timeout-protection' }\n    );\n\n    // Use managed React root for rendering\n    reactRootManager.render(\n      this.reactRootId,\n      element,\n      () => {\n        // Clear the timeout as render completed\n        resourceManager.clearTimeout(this.componentId, timeoutId);\n        \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    );\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    // Just bubble the event up to parent containers for persistence\n    // We don't need to store anything here\n    this.userSettingsChanged.emit({\n      settings: newSettings,\n      componentName: this.component?.name,\n      timestamp: new Date()\n    });\n    \n    // DO NOT re-render the component!\n    // The component already has the correct state - it's the one that told us about the change.\n    // Re-rendering would cause unnecessary DOM updates and visual flashing.\n  }\n\n  /**\n   * Clean up resources\n   */\n  private cleanup() {\n    // Clean up all resources managed by resource manager\n    resourceManager.cleanupComponent(this.componentId);\n    \n    // Clean up prop builder subscriptions\n    if (this.currentCallbacks) {\n      this.currentCallbacks = null;\n    }\n    \n    // Unmount React root using managed unmount\n    if (this.reactRootId) {\n      // Force stop rendering flags\n      this.isRendering = false;\n      this.pendingRender = false;\n      \n      // This will handle waiting for render completion if needed\n      reactRootManager.unmountRoot(this.reactRootId);\n      this.reactRootId = null;\n    }\n\n    // Clear references\n    this.compiledComponent = null;\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   * @deprecated Components manage their own state and data now\n   */\n  refresh() {\n    // Just trigger a re-render if needed\n    this.renderComponent();\n  }\n\n  /**\n   * Public method to update state programmatically\n   * @param path - State path to update\n   * @param value - New value\n   * @deprecated Components manage their own state now\n   */\n  updateState(path: string, value: any) {\n    // Just emit the event, don't manage state here\n    this.stateChange.emit({ path, value });\n  }\n\n}"]}
+{"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,EAEL,mBAAmB,EACnB,2BAA2B,EAE3B,eAAe,EACf,gBAAgB,EAEjB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAgB,MAAM,sBAAsB,CAAC;;;;;;IAuClE,AADF,8BAA6B,aACE;IAC3B,uBAA2C;IAC7C,iBAAM;IACN,8BAA0B;IAAA,oCAAoB;IAChD,AADgD,iBAAM,EAChD;;AAhBd;;;;GAIG;AA8DH,MAAM,OAAO,gBAAgB;IAM3B,IACI,iBAAiB,CAAC,KAAU;QAC9B,IAAI,CAAC,kBAAkB,GAAG,KAAK,IAAI,EAAE,CAAC;QACtC,wCAAwC;QACxC,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;IACH,CAAC;IACD,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,kBAAkB,CAAC;IACjC,CAAC;IAsBD,YACU,WAA+B,EAC/B,OAA8B,EAC9B,GAAsB;QAFtB,gBAAW,GAAX,WAAW,CAAoB;QAC/B,YAAO,GAAP,OAAO,CAAuB;QAC9B,QAAG,GAAH,GAAG,CAAmB;QAvCvB,cAAS,GAAQ,EAAE,CAAC;QAGrB,uBAAkB,GAAQ,EAAE,CAAC;QAa3B,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;QACjF,wBAAmB,GAAG,IAAI,YAAY,EAA4B,CAAC;QAIrE,gBAAW,GAAkB,IAAI,CAAC;QAClC,sBAAiB,GAAQ,IAAI,CAAC;QAC9B,eAAU,GAAG,IAAI,OAAO,EAAQ,CAAC;QACjC,qBAAgB,GAA8B,IAAI,CAAC;QAC3D,kBAAa,GAAG,KAAK,CAAC;QACd,gBAAW,GAAG,KAAK,CAAC;QACpB,kBAAa,GAAG,KAAK,CAAC;QACtB,iBAAY,GAAG,KAAK,CAAC;QAErB,qBAAgB,GAAW,EAAE,CAAC,CAAE,iCAAiC;QACzE,aAAQ,GAAG,KAAK,CAAC;QAOf,qDAAqD;QACrD,IAAI,CAAC,WAAW,GAAG,sBAAsB,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;IACzE,CAAC;IAED,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;YAEjD,yDAAyD;YACzD,gGAAgG;YAChG,MAAM,gBAAgB,GAAG,MAAM,CAAC,SAAU,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YAE3E,2CAA2C;YAC3C,IAAI,CAAC,gBAAgB,IAAI,OAAO,gBAAgB,KAAK,QAAQ,EAAE,CAAC;gBAC9D,MAAM,IAAI,KAAK,CAAC,0CAA0C,IAAI,CAAC,SAAS,CAAC,IAAI,KAAK,OAAO,gBAAgB,EAAE,CAAC,CAAC;YAC/G,CAAC;YAED,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC;gBAChC,MAAM,IAAI,KAAK,CAAC,sDAAsD,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;YAC/F,CAAC;YAED,IAAI,OAAO,gBAAgB,CAAC,SAAS,KAAK,UAAU,EAAE,CAAC;gBACrD,MAAM,IAAI,KAAK,CAAC,mCAAmC,IAAI,CAAC,SAAS,CAAC,IAAI,KAAK,OAAO,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC;YAClH,CAAC;YAED,IAAI,CAAC,iBAAiB,GAAG,gBAAgB,CAAC;YAE1C,4BAA4B;YAC5B,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,iBAAiB,EAAE,CAAC;YAC1D,IAAI,CAAC,YAAY,EAAE,CAAC;gBAClB,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;YACjD,CAAC;YAED,IAAI,CAAC,WAAW,GAAG,gBAAgB,CAAC,UAAU,CAC5C,IAAI,CAAC,SAAS,CAAC,aAAa,EAC5B,CAAC,SAAsB,EAAE,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,EACvE,IAAI,CAAC,WAAW,CACjB,CAAC;YAEF,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;;;OAGG;IACK,qBAAqB,CAAC,IAAmB;QAC/C,gDAAgD;QAChD,MAAM,WAAW,GAAa,EAAE,CAAC;QAEjC,MAAM,WAAW,GAAG,CAAC,CAAgB,EAAE,EAAE;YACvC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;gBACX,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YAC3B,CAAC;YACD,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC;gBACnB,KAAK,MAAM,GAAG,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC;oBACjC,WAAW,CAAC,GAAG,CAAC,CAAC;gBACnB,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QAEF,WAAW,CAAC,IAAI,CAAC,CAAC;QAElB,uCAAuC;QACvC,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACvC,IAAI,IAAI,GAAG,CAAC,CAAC;QACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACzC,MAAM,IAAI,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;YACpC,IAAI,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;YACnC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC,2BAA2B;QACjD,CAAC;QAED,oEAAoE;QACpE,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC7E,OAAO,IAAI,OAAO,EAAE,CAAC;IACvB,CAAC;IAED;;OAEG;IACK,4BAA4B,CAAC,IAAmB,EAAE,OAAe,EAAE,YAAoB,QAAQ;QACrG,MAAM,QAAQ,GAAuB,EAAE,CAAC;QACxC,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QAE5C,MAAM,gBAAgB,GAAG,CAAC,CAAgB,EAAE,UAAuB,IAAI,GAAG,EAAE,EAAE,EAAE;YAC9E,gCAAgC;YAChC,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;gBACxB,OAAO,CAAC,IAAI,CAAC,+CAA+C,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;gBACtE,OAAO;YACT,CAAC;YACD,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YAEpB,sCAAsC;YACtC,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;YAC3D,IAAI,SAAS,EAAE,CAAC;gBACd,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;gBAC7B,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,IAAI,IAAI,OAAO,EAAE,CAAC,CAAC;YACjD,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC,IAAI,IAAI,OAAO,EAAE,CAAC,CAAC;YACjE,CAAC;YAED,uBAAuB;YACvB,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC;gBACnB,KAAK,MAAM,GAAG,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC;oBACjC,gBAAgB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;gBACjC,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QAEF,OAAO,CAAC,GAAG,CAAC,qCAAqC,OAAO,GAAG,CAAC,CAAC;QAC7D,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAEvB,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;OAEG;IACK,mBAAmB,CAAC,IAAmB,EAAE,YAAoB,QAAQ;QAC3E,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QAE5C,gDAAgD;QAChD,MAAM,mBAAmB,GAAG,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;QAC7D,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC;QAEhF,sCAAsC;QACtC,IAAI,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACjC,OAAO,CAAC,GAAG,CAAC,WAAW,iBAAiB,CAAC,MAAM,2BAA2B,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;YACxF,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBAC/B,OAAO,CAAC,GAAG,CAAC,SAAS,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;YACpD,CAAC,CAAC,CAAC;QACL,CAAC;QAED,iCAAiC;QACjC,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;gBACpC,MAAM,WAAW,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,IAAI,CAAC,CAAC;gBACzE,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBAC3B,OAAO,CAAC,GAAG,CAAC,WAAW,WAAW,CAAC,MAAM,2BAA2B,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC;oBACjF,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;wBACzB,OAAO,CAAC,GAAG,CAAC,SAAS,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;oBACpD,CAAC,CAAC,CAAC;gBACL,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED;;OAEG;IACK,KAAK,CAAC,0BAA0B;QACtC,uDAAuD;QACvD,MAAM,OAAO,GAAG,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC3D,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,CAAE,4BAA4B;QAE9D,OAAO,CAAC,GAAG,CAAC,4CAA4C,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;QAC/E,OAAO,CAAC,GAAG,CAAC,cAAc,OAAO,EAAE,CAAC,CAAC;QAErC,2EAA2E;QAC3E,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEzC,sEAAsE;QACtE,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QAC5C,MAAM,iBAAiB,GAAG,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QAC/E,IAAI,iBAAiB,EAAE,CAAC;YACtB,OAAO,CAAC,GAAG,CAAC,gBAAgB,OAAO,6CAA6C,CAAC,CAAC;YAClF,OAAO;QACT,CAAC;QAED,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,wDAAwD;QACxD,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,OAAO,EAAG,mDAAmD;YACtE,aAAa,EAAE,KAAK,CAAE,0CAA0C;SACjE,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;QAED,0CAA0C;QAC1C,OAAO,CAAC,GAAG,CAAC,6BAA6B,MAAM,CAAC,oBAAoB,CAAC,MAAM,4BAA4B,OAAO,GAAG,CAAC,CAAC;QACnH,MAAM,CAAC,oBAAoB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACzC,OAAO,CAAC,GAAG,CAAC,SAAS,IAAI,IAAI,OAAO,EAAE,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;QAEH,kCAAkC;QAClC,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC;QACpD,OAAO,CAAC,GAAG,CAAC,sBAAsB,KAAK,CAAC,eAAe,wBAAwB,KAAK,CAAC,UAAU,iBAAiB,CAAC,CAAC;IACpH,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,WAAW,EAAE,CAAC;YACjD,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,uDAAuD;QACvD,MAAM,UAAU,GAAG,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAE5F,+CAA+C;QAC/C,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC3B,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACjD,CAAC;QAED,6CAA6C;QAC7C,MAAM,KAAK,GAAG;YACZ,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,EAAE;YAC/B,SAAS,EAAE,IAAI,CAAC,gBAAgB;YAChC,UAAU;YACV,MAAM,EAAE,IAAI,CAAC,MAAa;YAC1B,iBAAiB,EAAE,IAAI,CAAC,kBAAkB;YAC1C,kBAAkB,EAAE,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC;SAC3D,CAAC;QAEF,6CAA6C;QAC7C,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,CAAC;YACtC,QAAQ,CAAC,8BAA8B,IAAI,CAAC,SAAS,CAAC,IAAI,gBAAgB,CAAC,CAAC;YAC5E,OAAO;QACT,CAAC;QAED,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,wDAAwD;QACxD,MAAM,SAAS,GAAG,eAAe,CAAC,UAAU,CAC1C,IAAI,CAAC,WAAW,EAChB,GAAG,EAAE;YACH,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,EACD,IAAI,EACJ,EAAE,OAAO,EAAE,2BAA2B,EAAE,CACzC,CAAC;QAEF,uCAAuC;QACvC,gBAAgB,CAAC,MAAM,CACrB,IAAI,CAAC,WAAW,EAChB,OAAO,EACP,GAAG,EAAE;YACH,wCAAwC;YACxC,eAAe,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;YAE1D,+CAA+C;YAC/C,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;gBACtB,OAAO;YACT,CAAC;YAED,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YAEzB,wDAAwD;YACxD,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBACvB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;gBAC3B,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,CAAC;QACH,CAAC,CACF,CAAC;IACJ,CAAC;IAED;;OAEG;IACK,eAAe;QACrB,OAAO;YACL,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;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;;;OAGG;IACK,sBAAsB,CAAC,WAAgC;QAC7D,gEAAgE;QAChE,uCAAuC;QACvC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC;YAC5B,QAAQ,EAAE,WAAW;YACrB,aAAa,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI;YACnC,SAAS,EAAE,IAAI,IAAI,EAAE;SACtB,CAAC,CAAC;QAEH,kCAAkC;QAClC,4FAA4F;QAC5F,wEAAwE;IAC1E,CAAC;IAED;;OAEG;IACK,OAAO;QACb,qDAAqD;QACrD,eAAe,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAEnD,sCAAsC;QACtC,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1B,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC/B,CAAC;QAED,2CAA2C;QAC3C,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,6BAA6B;YAC7B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAE3B,2DAA2D;YAC3D,gBAAgB,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAC/C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAC1B,CAAC;QAED,mBAAmB;QACnB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAC9B,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;QACL,qCAAqC;QACrC,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED;;;;;OAKG;IACH,WAAW,CAAC,IAAY,EAAE,KAAU;QAClC,+CAA+C;QAC/C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;IACzC,CAAC;iFAlhBU,gBAAgB;oEAAhB,gBAAgB;mCAwBK,UAAU;;;;;YAlFxC,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;YACG,SAAS;kBAAjB,KAAK;YACG,MAAM;kBAAd,KAAK;YAIF,iBAAiB;kBADpB,KAAK;YAYI,WAAW;kBAApB,MAAM;YACG,cAAc;kBAAvB,MAAM;YACG,WAAW;kBAApB,MAAM;YACG,gBAAgB;kBAAzB,MAAM;YACG,mBAAmB;kBAA5B,MAAM;YAEqD,SAAS;kBAApE,SAAS;mBAAC,WAAW,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE;;kFAxB/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  createErrorBoundary,\n  ComponentHierarchyRegistrar,\n  HierarchyRegistrationResult,\n  resourceManager,\n  reactRootManager,\n  ResolvedComponents\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  @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 reactRootId: string | null = null;\n  private compiledComponent: any = null;\n  private destroyed$ = new Subject<void>();\n  private currentCallbacks: ComponentCallbacks | null = null;\n  isInitialized = false;\n  private isRendering = false;\n  private pendingRender = false;\n  private isDestroying = false;\n  private componentId: string;\n  private componentVersion: string = '';  // Store the version for resolver\n  hasError = false;\n\n  constructor(\n    private reactBridge: ReactBridgeService,\n    private adapter: AngularAdapterService,\n    private cdr: ChangeDetectorRef\n  ) {\n    // Generate unique component ID for resource tracking\n    this.componentId = `mj-react-component-${Date.now()}-${Math.random()}`;\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      \n      // Call the factory function to get the component wrapper\n      // result.component is a CompiledComponent object with a 'component' property that's the factory\n      const componentWrapper = result.component!.component(context, this.styles);\n      \n      // Validate the component wrapper structure\n      if (!componentWrapper || typeof componentWrapper !== 'object') {\n        throw new Error(`Invalid component wrapper returned for ${this.component.name}: ${typeof componentWrapper}`);\n      }\n      \n      if (!componentWrapper.component) {\n        throw new Error(`Component wrapper missing 'component' property for ${this.component.name}`);\n      }\n      \n      if (typeof componentWrapper.component !== 'function') {\n        throw new Error(`Component is not a function for ${this.component.name}: ${typeof componentWrapper.component}`);\n      }\n      \n      this.compiledComponent = componentWrapper;\n      \n      // Create managed React root\n      const reactContext = this.reactBridge.getCurrentContext();\n      if (!reactContext) {\n        throw new Error('React context not available');\n      }\n      \n      this.reactRootId = reactRootManager.createRoot(\n        this.container.nativeElement,\n        (container: HTMLElement) => reactContext.ReactDOM.createRoot(container),\n        this.componentId\n      );\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   * Generate a hash from component code for versioning\n   * Uses a simple hash function that's fast and sufficient for version differentiation\n   */\n  private generateComponentHash(spec: ComponentSpec): string {\n    // Collect all code from the component hierarchy\n    const codeStrings: string[] = [];\n    \n    const collectCode = (s: ComponentSpec) => {\n      if (s.code) {\n        codeStrings.push(s.code);\n      }\n      if (s.dependencies) {\n        for (const dep of s.dependencies) {\n          collectCode(dep);\n        }\n      }\n    };\n    \n    collectCode(spec);\n    \n    // Generate hash from concatenated code\n    const fullCode = codeStrings.join('|');\n    let hash = 0;\n    for (let i = 0; i < fullCode.length; i++) {\n      const char = fullCode.charCodeAt(i);\n      hash = ((hash << 5) - hash) + char;\n      hash = hash & hash; // Convert to 32bit integer\n    }\n    \n    // Convert to hex string and take first 8 characters for readability\n    const hexHash = Math.abs(hash).toString(16).padStart(8, '0').substring(0, 8);\n    return `v${hexHash}`;\n  }\n\n  /**\n   * Resolve components with specific version\n   */\n  private resolveComponentsWithVersion(spec: ComponentSpec, version: string, namespace: string = 'Global'): ResolvedComponents {\n    const resolved: ResolvedComponents = {};\n    const registry = this.adapter.getRegistry();\n    \n    const resolveHierarchy = (s: ComponentSpec, visited: Set<string> = new Set()) => {\n      // Prevent circular dependencies\n      if (visited.has(s.name)) {\n        console.warn(`Circular dependency detected for component: ${s.name}`);\n        return;\n      }\n      visited.add(s.name);\n      \n      // Get component with specific version\n      const component = registry.get(s.name, namespace, version);\n      if (component) {\n        resolved[s.name] = component;\n        console.log(`  Resolved ${s.name}@${version}`);\n      } else {\n        console.warn(`  ⚠️ Component not found: ${s.name}@${version}`);\n      }\n      \n      // Process dependencies\n      if (s.dependencies) {\n        for (const dep of s.dependencies) {\n          resolveHierarchy(dep, visited);\n        }\n      }\n    };\n    \n    console.log(`Resolving components with version ${version}:`);\n    resolveHierarchy(spec);\n    \n    return resolved;\n  }\n\n  /**\n   * Log existing versions of components in registry (for debugging)\n   */\n  private logExistingVersions(spec: ComponentSpec, namespace: string = 'Global'): void {\n    const registry = this.adapter.getRegistry();\n    \n    // Check for existing versions of this component\n    const namespaceComponents = registry.getNamespace(namespace);\n    const componentVersions = namespaceComponents.filter(c => c.name === spec.name);\n    \n    // Log existing versions for awareness\n    if (componentVersions.length > 0) {\n      console.log(`  Found ${componentVersions.length} existing version(s) of ${spec.name}:`);\n      componentVersions.forEach(comp => {\n        console.log(`    - ${comp.name}@${comp.version}`);\n      });\n    }\n    \n    // Recursively check dependencies\n    if (spec.dependencies) {\n      for (const dep of spec.dependencies) {\n        const depVersions = namespaceComponents.filter(c => c.name === dep.name);\n        if (depVersions.length > 0) {\n          console.log(`  Found ${depVersions.length} existing version(s) of ${dep.name}:`);\n          depVersions.forEach(comp => {\n            console.log(`    - ${comp.name}@${comp.version}`);\n          });\n        }\n      }\n    }\n  }\n\n  /**\n   * Register all components in the hierarchy\n   */\n  private async registerComponentHierarchy() {\n    // Generate unique version based on component code hash\n    const version = this.generateComponentHash(this.component);\n    this.componentVersion = version;  // Store for use in resolver\n    \n    console.log(`\\n🔄 Registering component hierarchy for ${this.component.name}`);\n    console.log(`  Version: ${version}`);\n    \n    // Log existing versions (don't clear - allow multiple versions to coexist)\n    this.logExistingVersions(this.component);\n    \n    // Check if this exact version already exists to avoid re-registration\n    const registry = this.adapter.getRegistry();\n    const existingComponent = registry.get(this.component.name, 'Global', version);\n    if (existingComponent) {\n      console.log(`  ℹ️ Version ${version} already registered - skipping registration`);\n      return;\n    }\n    \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 with hash-based version\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: version,  // Use hash-based version instead of hardcoded 'v1'\n        allowOverride: false  // Don't override - each version is unique\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    // Log registered components for debugging\n    console.log(`✅ Successfully registered ${result.registeredComponents.length} components with version ${version}:`);\n    result.registeredComponents.forEach(name => {\n      console.log(`    - ${name}@${version}`);\n    });\n    \n    // Also log current registry stats\n    const stats = this.adapter.getRegistry().getStats();\n    console.log(`📊 Registry stats: ${stats.totalComponents} total components in ${stats.namespaces} namespace(s)\\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.reactRootId) {\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    // Manually resolve components with the correct version\n    const components = this.resolveComponentsWithVersion(this.component, this.componentVersion);\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      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    // Validate component before creating element\n    if (!this.compiledComponent.component) {\n      LogError(`Component is undefined for ${this.component.name} during render`);\n      return;\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    // Render with timeout protection using resource manager\n    const timeoutId = resourceManager.setTimeout(\n      this.componentId,\n      () => {\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      },\n      5000,\n      { purpose: 'render-timeout-protection' }\n    );\n\n    // Use managed React root for rendering\n    reactRootManager.render(\n      this.reactRootId,\n      element,\n      () => {\n        // Clear the timeout as render completed\n        resourceManager.clearTimeout(this.componentId, timeoutId);\n        \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    );\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    // Just bubble the event up to parent containers for persistence\n    // We don't need to store anything here\n    this.userSettingsChanged.emit({\n      settings: newSettings,\n      componentName: this.component?.name,\n      timestamp: new Date()\n    });\n    \n    // DO NOT re-render the component!\n    // The component already has the correct state - it's the one that told us about the change.\n    // Re-rendering would cause unnecessary DOM updates and visual flashing.\n  }\n\n  /**\n   * Clean up resources\n   */\n  private cleanup() {\n    // Clean up all resources managed by resource manager\n    resourceManager.cleanupComponent(this.componentId);\n    \n    // Clean up prop builder subscriptions\n    if (this.currentCallbacks) {\n      this.currentCallbacks = null;\n    }\n    \n    // Unmount React root using managed unmount\n    if (this.reactRootId) {\n      // Force stop rendering flags\n      this.isRendering = false;\n      this.pendingRender = false;\n      \n      // This will handle waiting for render completion if needed\n      reactRootManager.unmountRoot(this.reactRootId);\n      this.reactRootId = null;\n    }\n\n    // Clear references\n    this.compiledComponent = null;\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   * @deprecated Components manage their own state and data now\n   */\n  refresh() {\n    // Just trigger a re-render if needed\n    this.renderComponent();\n  }\n\n  /**\n   * Public method to update state programmatically\n   * @param path - State path to update\n   * @param value - New value\n   * @deprecated Components manage their own state now\n   */\n  updateState(path: string, value: any) {\n    // Just emit the event, don't manage state here\n    this.stateChange.emit({ path, value });\n  }\n\n}"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-react",
-  "version": "2.82.0",
+  "version": "2.83.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.82.0",
-    "@memberjunction/react-runtime": "2.82.0",
-    "@memberjunction/interactive-component-types": "^2.82.0",
+    "@memberjunction/core": "2.83.0",
+    "@memberjunction/react-runtime": "2.83.0",
+    "@memberjunction/interactive-component-types": "^2.83.0",
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",
     "@angular/platform-browser": ">=18.0.0",