cloud-ide-shared 1.0.69 → 1.0.73

package/fesm2022/cloud-ide-shared.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, InjectionToken, inject, Injectable, input, output, signal, DestroyRef, computed, effect, ViewContainerRef, EventEmitter, Output, Input } from '@angular/core';
+import { Component, InjectionToken, inject, Injector, runInInjectionContext, Injectable, input, output, signal, DestroyRef, computed, effect, ViewContainerRef, EventEmitter, Output, Input } from '@angular/core';
 import { Router } from '@angular/router';
 import { Observable, BehaviorSubject, throwError } from 'rxjs';
 import { CideEleFileManagerService, CideEleButtonComponent, CideIconComponent, CideSpinnerComponent, TooltipDirective, NotificationService, CideSelectComponent } from 'cloud-ide-element';
@@ -62,14 +62,17 @@ const authGuard = (route, state) => {
     const authService = inject(AUTH_SERVICE_TOKEN);
     const appState = inject(APP_STATE_SERVICE_TOKEN);
     const router = inject(Router);
+    const injector = inject(Injector);
     // Check if user is authenticated using current state (without refreshing first)
     const isAuthenticated = appState.isUserAuthenticated() && !authService.isTokenExpired();
     // Defer state refresh to next change detection cycle to avoid ExpressionChangedAfterItHasBeenCheckedError
     Promise.resolve().then(() => {
-        // Refresh auth state to make sure it's current
-        authService.refreshAuthState();
-        // Refresh app state from localStorage to ensure synchronization
-        appState.refreshFromLocalStorage();
+        runInInjectionContext(injector, () => {
+            // Refresh auth state to make sure it's current
+            authService.refreshAuthState();
+            // Refresh app state from localStorage to ensure synchronization
+            appState.refreshFromLocalStorage();
+        });
     });
     if (isAuthenticated) {
         return true;
@@ -650,6 +653,63 @@ const FEE_PAYMENT_SERVICE_TOKEN = new InjectionToken('CideFeeFeePaymentService')
  */
 const EDUCATION_BOARD_SERVICE_TOKEN = new InjectionToken('EducationBoardService');
 
+/**
+ * Injection token for FeeDetailsViewerComponent
+ * This allows the component to be provided without direct import dependency
+ *
+ * @example
+ * ```typescript
+ * // In app.config.ts
+ * import { FeeDetailsViewerComponent } from 'cloud-ide-fees';
+ * import { FEE_DETAILS_VIEWER_COMPONENT_TOKEN } from 'cloud-ide-shared';
+ *
+ * providers: [
+ *   { provide: FEE_DETAILS_VIEWER_COMPONENT_TOKEN, useValue: FeeDetailsViewerComponent }
+ * ]
+ *
+ * // In component template
+ * <cide-shared-fee-details-viewer-wrapper
+ *   [isOpen]="viewingFeeDetails() !== null"
+ *   [feeData]="getFeeDataForViewer()"
+ *   [assignmentDate]="getAssignmentDate()"
+ *   [discount]="getFeeDiscountForViewer()"
+ *   (closed)="closeFeeDetails()">
+ * </cide-shared-fee-details-viewer-wrapper>
+ * ```
+ */
+const FEE_DETAILS_VIEWER_COMPONENT_TOKEN = new InjectionToken('FeeDetailsViewerComponent');
+
+/**
+ * Injection token for ProgramSectionSelectorComponent
+ * This allows the component to be provided without direct import dependency
+ *
+ * @example
+ * ```typescript
+ * // In app.config.ts
+ * import { CideLytProgramSectionSelectorComponent } from 'cloud-ide-academics';
+ * import { PROGRAM_SECTION_SELECTOR_COMPONENT_TOKEN } from 'cloud-ide-shared';
+ *
+ * providers: [
+ *   { provide: PROGRAM_SECTION_SELECTOR_COMPONENT_TOKEN, useValue: CideLytProgramSectionSelectorComponent }
+ * ]
+ *
+ * // In component template
+ * <cide-shared-program-section-selector-wrapper
+ *   [formGroup]="form"
+ *   [classProgramControlName]="'class_program_id'"
+ *   [academicYearId]="academicYearId()"
+ *   (valuesChange)="onValuesChange($event)">
+ * </cide-shared-program-section-selector-wrapper>
+ * ```
+ */
+const PROGRAM_SECTION_SELECTOR_COMPONENT_TOKEN = new InjectionToken('ProgramSectionSelectorComponent');
+
+/**
+ * Injection token for FeeApplicableFeesComponent
+ * This allows the component to be provided without direct import dependency
+ */
+const FEE_APPLICABLE_FEES_COMPONENT_TOKEN = new InjectionToken('FeeApplicableFeesComponent');
+
 class CideSharedOrgStructureComponent {
     // Input parameters for configuration
     allowSwitching = input(true, ...(ngDevMode ? [{ debugName: "allowSwitching" }] : [])); // Allow entity switching (default: true)
@@ -1708,32 +1768,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     ], template: "<div class=\"program-section-selector\" [ngClass]=\"gridCols()\">\r\n  <!-- Class/Program Dropdown -->\r\n  <cide-ele-select \r\n    [label]=\"showLabels() ? 'Program/Class' : ''\" \r\n    [formControl]=\"getClassProgramControl()\"\r\n    [options]=\"classProgramOptions()\"\r\n    [loading]=\"classProgramMastersLoading()\"\r\n    [searchable]=\"true\"\r\n    (searchChange)=\"onClassProgramSearch($event)\"\r\n    placeholder=\"Search and select class/program\"\r\n    [disabled]=\"disabled()\"\r\n    size=\"sm\">\r\n  </cide-ele-select>\r\n\r\n  <!-- Branch/Specialization Dropdown (conditional) -->\r\n  @if (showBranchDropdown()) {\r\n    <cide-ele-select \r\n      [label]=\"showLabels() ? 'Branch (Specialization)' : ''\" \r\n      [formControl]=\"getBranchControl()\"\r\n      [options]=\"classProgramBranches()\"\r\n      [loading]=\"classProgramBranchesLoading()\"\r\n      placeholder=\"Select branch\"\r\n      [disabled]=\"disabled() || !formGroup().get(classProgramControlName())?.value\"\r\n      size=\"sm\">\r\n    </cide-ele-select>\r\n  }\r\n\r\n  <!-- Program Term Dropdown (conditional) -->\r\n  @if (showTermDropdown()) {\r\n    <cide-ele-select \r\n      [label]=\"showLabels() ? 'Program Term' : ''\" \r\n      [formControl]=\"getTermControl()\"\r\n      [options]=\"classProgramTerms()\"\r\n      [loading]=\"classProgramTermsLoading()\"\r\n      placeholder=\"Select term/semester\"\r\n      [disabled]=\"disabled() || !formGroup().get(classProgramControlName())?.value\"\r\n      size=\"sm\"\r\n      valueKey=\"_id\"\r\n      labelKey=\"label\"\r\n      [treeView]=\"{ enabled: true, primaryKey: '_id', foreignKey: 'acapt_parent_class_prog_term_acapt' }\">\r\n    </cide-ele-select>\r\n  }\r\n\r\n  <!-- Section Dropdown (conditional) -->\r\n  @if (hasSections()) {\r\n    <cide-ele-select \r\n      [label]=\"showLabels() ? 'Section' : ''\" \r\n      [formControl]=\"getSectionControl()\"\r\n      [options]=\"programTermSections()\"\r\n      [loading]=\"programTermSectionsLoading()\"\r\n      placeholder=\"Select section\"\r\n      [disabled]=\"disabled() || !formGroup().get(termControlName())?.value\"\r\n      size=\"sm\">\r\n    </cide-ele-select>\r\n  }\r\n</div>\r\n\r\n", styles: [".program-section-selector{display:grid;gap:1rem;width:100%;border:none;padding:0;margin:0;background:transparent}\n"] }]
         }], ctorParameters: () => [], propDecorators: { formGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "formGroup", required: true }] }], classProgramControlName: [{ type: i0.Input, args: [{ isSignal: true, alias: "classProgramControlName", required: false }] }], branchControlName: [{ type: i0.Input, args: [{ isSignal: true, alias: "branchControlName", required: false }] }], termControlName: [{ type: i0.Input, args: [{ isSignal: true, alias: "termControlName", required: false }] }], sectionControlName: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionControlName", required: false }] }], academicYearId: [{ type: i0.Input, args: [{ isSignal: true, alias: "academicYearId", required: false }] }], entityId: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityId", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], showLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabels", required: false }] }], gridCols: [{ type: i0.Input, args: [{ isSignal: true, alias: "gridCols", required: false }] }], showAllPrograms: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAllPrograms", required: false }] }], includeInactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "includeInactive", required: false }] }], valuesChange: [{ type: i0.Output, args: ["valuesChange"] }] } });
 
-/**
- * Injection token for FeeDetailsViewerComponent
- * This allows the component to be provided without direct import dependency
- *
- * @example
- * ```typescript
- * // In app.config.ts
- * import { FeeDetailsViewerComponent } from 'cloud-ide-fees';
- * import { FEE_DETAILS_VIEWER_COMPONENT_TOKEN } from 'cloud-ide-shared';
- *
- * providers: [
- *   { provide: FEE_DETAILS_VIEWER_COMPONENT_TOKEN, useValue: FeeDetailsViewerComponent }
- * ]
- *
- * // In component template
- * <cide-shared-fee-details-viewer-wrapper
- *   [isOpen]="viewingFeeDetails() !== null"
- *   [feeData]="getFeeDataForViewer()"
- *   [assignmentDate]="getAssignmentDate()"
- *   [discount]="getFeeDiscountForViewer()"
- *   (closed)="closeFeeDetails()">
- * </cide-shared-fee-details-viewer-wrapper>
- * ```
- */
-const FEE_DETAILS_VIEWER_COMPONENT_TOKEN = new InjectionToken('FeeDetailsViewerComponent');
-
 /**
  * Wrapper component that dynamically loads the FeeDetailsViewerComponent
  * This allows front-desk to use the component without directly importing cloud-ide-fees
@@ -1853,31 +1887,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 type: Output
             }] } });
 
-/**
- * Injection token for ProgramSectionSelectorComponent
- * This allows the component to be provided without direct import dependency
- *
- * @example
- * ```typescript
- * // In app.config.ts
- * import { CideLytProgramSectionSelectorComponent } from 'cloud-ide-academics';
- * import { PROGRAM_SECTION_SELECTOR_COMPONENT_TOKEN } from 'cloud-ide-shared';
- *
- * providers: [
- *   { provide: PROGRAM_SECTION_SELECTOR_COMPONENT_TOKEN, useValue: CideLytProgramSectionSelectorComponent }
- * ]
- *
- * // In component template
- * <cide-shared-program-section-selector-wrapper
- *   [formGroup]="form"
- *   [classProgramControlName]="'class_program_id'"
- *   [academicYearId]="academicYearId()"
- *   (valuesChange)="onValuesChange($event)">
- * </cide-shared-program-section-selector-wrapper>
- * ```
- */
-const PROGRAM_SECTION_SELECTOR_COMPONENT_TOKEN = new InjectionToken('ProgramSectionSelectorComponent');
-
 /**
  * Wrapper component that dynamically loads the ProgramSectionSelectorComponent
  * This allows front-desk to use the component without directly importing cloud-ide-academics
@@ -2042,6 +2051,113 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 type: Output
             }] } });
 
+/**
+ * Wrapper component that dynamically loads the FeeApplicableFeesComponent
+ * This allows front-desk to use the component without directly importing cloud-ide-fees
+ */
+class FeeApplicableFeesWrapperComponent {
+    viewContainerRef = inject(ViewContainerRef);
+    destroyRef = inject(DestroyRef);
+    componentToken = inject(FEE_APPLICABLE_FEES_COMPONENT_TOKEN, { optional: true });
+    componentRef = null;
+    // Inputs
+    entityId = null;
+    academicYearId = '';
+    classProgramId = '';
+    termId = '';
+    branchId = null;
+    sectionId = null;
+    studentId = null;
+    // Outputs
+    feesCalculated = new EventEmitter();
+    ngOnInit() {
+        if (this.componentToken) {
+            this.loadComponent();
+        }
+    }
+    ngOnChanges(changes) {
+        if (this.componentRef) {
+            this.updateComponentInputs();
+        }
+        else if (this.componentToken) {
+            this.loadComponent();
+        }
+    }
+    ngOnDestroy() {
+        this.destroyComponent();
+    }
+    loadComponent() {
+        if (!this.componentToken) {
+            console.warn('FEE_APPLICABLE_FEES_COMPONENT_TOKEN not provided.');
+            return;
+        }
+        if (this.componentRef) {
+            this.updateComponentInputs();
+            return;
+        }
+        try {
+            this.componentRef = this.viewContainerRef.createComponent(this.componentToken);
+            this.updateComponentInputs();
+            // Subscribe to outputs
+            if (this.componentRef.instance.feesCalculated) {
+                const output = this.componentRef.instance.feesCalculated;
+                if (output && typeof output.subscribe === 'function') {
+                    output.subscribe((val) => this.feesCalculated.emit(val));
+                }
+            }
+        }
+        catch (error) {
+            console.error('Error loading FeeApplicableFeesComponent:', error);
+        }
+    }
+    updateComponentInputs() {
+        if (!this.componentRef)
+            return;
+        // Use setInput for signal inputs
+        this.componentRef.setInput('entityId', this.entityId);
+        this.componentRef.setInput('academicYearId', this.academicYearId);
+        this.componentRef.setInput('classProgramId', this.classProgramId);
+        this.componentRef.setInput('termId', this.termId);
+        this.componentRef.setInput('branchId', this.branchId);
+        this.componentRef.setInput('sectionId', this.sectionId);
+        this.componentRef.setInput('studentId', this.studentId);
+        this.componentRef.changeDetectorRef.detectChanges();
+    }
+    destroyComponent() {
+        if (this.componentRef) {
+            this.componentRef.destroy();
+            this.componentRef = null;
+            this.viewContainerRef.clear();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FeeApplicableFeesWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: FeeApplicableFeesWrapperComponent, isStandalone: true, selector: "cide-shared-fee-applicable-fees-wrapper", inputs: { entityId: "entityId", academicYearId: "academicYearId", classProgramId: "classProgramId", termId: "termId", branchId: "branchId", sectionId: "sectionId", studentId: "studentId" }, outputs: { feesCalculated: "feesCalculated" }, usesOnChanges: true, ngImport: i0, template: `<!-- Component will be dynamically loaded here -->`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FeeApplicableFeesWrapperComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cide-shared-fee-applicable-fees-wrapper',
+                    standalone: true,
+                    template: `<!-- Component will be dynamically loaded here -->`
+                }]
+        }], propDecorators: { entityId: [{
+                type: Input
+            }], academicYearId: [{
+                type: Input
+            }], classProgramId: [{
+                type: Input
+            }], termId: [{
+                type: Input
+            }], branchId: [{
+                type: Input
+            }], sectionId: [{
+                type: Input
+            }], studentId: [{
+                type: Input
+            }], feesCalculated: [{
+                type: Output
+            }] } });
+
 /*
  * Public API Surface of cloud-ide-shared
  */
@@ -2050,5 +2166,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ACADEMIC_YEAR_SERVICE_TOKEN, APP_STATE_SERVICE_TOKEN, AUTH_SERVICE_TOKEN, CLASS_PROGRAM_MASTER_SERVICE_TOKEN, COUNTRY_SERVICE_TOKEN, CURRENCY_SERVICE_TOKEN, CideCoreGeneralMasterTypeService, CideSharedOrgStructureComponent, CideSharedProgramSectionSelectorComponent, CloudIdeShared, EDUCATION_BOARD_SERVICE_TOKEN, ENTITY_SERVICE_TOKEN, FEE_DETAILS_VIEWER_COMPONENT_TOKEN, FEE_PAYMENT_SERVICE_TOKEN, FEE_STRUCTURE_SERVICE_TOKEN, FINANCIAL_YEAR_SERVICE_TOKEN, FeeDetailsViewerWrapperComponent, GENERAL_MASTER_SERVICE_TOKEN, NATIONALITY_SERVICE_TOKEN, PIN_CODE_SERVICE_TOKEN, PROGRAM_SECTION_SELECTOR_COMPONENT_TOKEN, PROGRAM_TERM_SECTION_SERVICE_TOKEN, ProgramSectionSelectorWrapperComponent, SharedObjectIdService, USER_SERVICE_TOKEN, authGuard };
+export { ACADEMIC_YEAR_SERVICE_TOKEN, APP_STATE_SERVICE_TOKEN, AUTH_SERVICE_TOKEN, CLASS_PROGRAM_MASTER_SERVICE_TOKEN, COUNTRY_SERVICE_TOKEN, CURRENCY_SERVICE_TOKEN, CideCoreGeneralMasterTypeService, CideSharedOrgStructureComponent, CideSharedProgramSectionSelectorComponent, CloudIdeShared, EDUCATION_BOARD_SERVICE_TOKEN, ENTITY_SERVICE_TOKEN, FEE_APPLICABLE_FEES_COMPONENT_TOKEN, FEE_DETAILS_VIEWER_COMPONENT_TOKEN, FEE_PAYMENT_SERVICE_TOKEN, FEE_STRUCTURE_SERVICE_TOKEN, FINANCIAL_YEAR_SERVICE_TOKEN, FeeApplicableFeesWrapperComponent, FeeDetailsViewerWrapperComponent, GENERAL_MASTER_SERVICE_TOKEN, NATIONALITY_SERVICE_TOKEN, PIN_CODE_SERVICE_TOKEN, PROGRAM_SECTION_SELECTOR_COMPONENT_TOKEN, PROGRAM_TERM_SECTION_SERVICE_TOKEN, ProgramSectionSelectorWrapperComponent, SharedObjectIdService, USER_SERVICE_TOKEN, authGuard };
 //# sourceMappingURL=cloud-ide-shared.mjs.map