cloud-ide-fees 0.0.30 → 0.0.33

package/fesm2022/cloud-ide-fees-fee-discount-form.component-R_yZNKM-.mjs

@@ -0,0 +1,383 @@
+import * as i0 from '@angular/core';
+import { input, output, computed, effect, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormGroup, FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
+import { CideInputComponent, CideSelectComponent, CideTextareaComponent, CideEleButtonComponent, CurrencyPipe } from 'cloud-ide-element';
+
+class FeeDiscountFormComponent {
+    // Inputs
+    feeId = input.required(...(ngDevMode ? [{ debugName: "feeId" }] : []));
+    feeName = input.required(...(ngDevMode ? [{ debugName: "feeName" }] : []));
+    feeAmount = input.required(...(ngDevMode ? [{ debugName: "feeAmount" }] : []));
+    existingDiscount = input(null, ...(ngDevMode ? [{ debugName: "existingDiscount" }] : []));
+    discountReasonOptions = input.required(...(ngDevMode ? [{ debugName: "discountReasonOptions" }] : []));
+    // Outputs
+    saved = output();
+    cancelled = output();
+    // Form using signals (modern Angular approach)
+    discountForm = new FormGroup({
+        discount_type: new FormControl('FIXED_AMOUNT', [Validators.required]),
+        discount_value: new FormControl(0, [Validators.required, Validators.min(0)]),
+        discount_reason_id: new FormControl(''),
+        valid_from: new FormControl(''),
+        valid_to: new FormControl(''),
+        notes: new FormControl('')
+    });
+    // Computed values
+    maxDiscountValue = computed(() => {
+        const type = this.discountForm.get('discount_type')?.value;
+        return type === 'PERCENTAGE' ? 100 : this.feeAmount();
+    }, ...(ngDevMode ? [{ debugName: "maxDiscountValue" }] : []));
+    calculatedDiscountAmount = computed(() => {
+        const type = this.discountForm.get('discount_type')?.value;
+        const value = this.discountForm.get('discount_value')?.value || 0;
+        if (!type || value <= 0)
+            return 0;
+        if (type === 'PERCENTAGE') {
+            return (this.feeAmount() * value) / 100;
+        }
+        else {
+            return Math.min(value, this.feeAmount());
+        }
+    }, ...(ngDevMode ? [{ debugName: "calculatedDiscountAmount" }] : []));
+    constructor() {
+        // Initialize form with existing discount data
+        effect(() => {
+            const existing = this.existingDiscount();
+            if (existing) {
+                this.discountForm.patchValue({
+                    discount_type: existing.discount_type,
+                    discount_value: existing.discount_value,
+                    discount_reason_id: existing.discount_reason_id || '',
+                    valid_from: this.formatDateForInput(existing.valid_from),
+                    valid_to: this.formatDateForInput(existing.valid_to),
+                    notes: existing.notes || ''
+                }, { emitEvent: false });
+            }
+            else {
+                // Set default valid_from to today
+                this.discountForm.patchValue({
+                    valid_from: this.getTodayDateString()
+                }, { emitEvent: false });
+            }
+        });
+        // Update max value when discount type changes
+        effect(() => {
+            const type = this.discountForm.get('discount_type')?.value;
+            const control = this.discountForm.get('discount_value');
+            if (control && type) {
+                const max = type === 'PERCENTAGE' ? 100 : this.feeAmount();
+                control.setValidators([
+                    Validators.required,
+                    Validators.min(0),
+                    Validators.max(max)
+                ]);
+                control.updateValueAndValidity();
+            }
+        });
+    }
+    onSave() {
+        if (!this.discountForm.valid)
+            return;
+        const formValue = this.discountForm.value;
+        const discountData = {
+            discount_type: formValue.discount_type,
+            discount_value: formValue.discount_value || 0,
+            discount_reason_id: formValue.discount_reason_id || undefined,
+            discount_reason_title: this.getDiscountReasonTitle(formValue.discount_reason_id || ''),
+            valid_from: formValue.valid_from ? new Date(formValue.valid_from) : undefined,
+            valid_to: formValue.valid_to ? new Date(formValue.valid_to) : undefined,
+            notes: formValue.notes || undefined
+        };
+        this.saved.emit(discountData);
+    }
+    onCancel() {
+        this.cancelled.emit();
+    }
+    formatDateForInput(date) {
+        if (!date)
+            return '';
+        const d = new Date(date);
+        return d.toISOString().split('T')[0];
+    }
+    getTodayDateString() {
+        return new Date().toISOString().split('T')[0];
+    }
+    getDiscountReasonTitle(reasonId) {
+        if (!reasonId)
+            return undefined;
+        const reason = this.discountReasonOptions().find(r => r.value === reasonId);
+        return reason?.label;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FeeDiscountFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: FeeDiscountFormComponent, isStandalone: true, selector: "cide-fee-discount-form", inputs: { feeId: { classPropertyName: "feeId", publicName: "feeId", isSignal: true, isRequired: true, transformFunction: null }, feeName: { classPropertyName: "feeName", publicName: "feeName", isSignal: true, isRequired: true, transformFunction: null }, feeAmount: { classPropertyName: "feeAmount", publicName: "feeAmount", isSignal: true, isRequired: true, transformFunction: null }, existingDiscount: { classPropertyName: "existingDiscount", publicName: "existingDiscount", isSignal: true, isRequired: false, transformFunction: null }, discountReasonOptions: { classPropertyName: "discountReasonOptions", publicName: "discountReasonOptions", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { saved: "saved", cancelled: "cancelled" }, ngImport: i0, template: `
+    <div class="tw-p-4 tw-space-y-4">
+      <div class="tw-mb-4">
+        <h3 class="tw-text-lg tw-font-semibold tw-text-gray-900">
+          {{ existingDiscount() ? 'Edit Discount' : 'Add Discount' }}
+        </h3>
+        <p class="tw-text-sm tw-text-gray-600 tw-mt-1">{{ feeName() }}</p>
+      </div>
+
+      <form [formGroup]="discountForm" class="tw-space-y-4">
+        <!-- Discount Type -->
+        <div>
+          <label class="tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-1">
+            Discount Type *
+          </label>
+          <cide-ele-select
+            formControlName="discount_type"
+            [options]="[{value: 'PERCENTAGE', label: 'Percentage'}, {value: 'FIXED_AMOUNT', label: 'Fixed Amount'}]"
+            size="sm">
+          </cide-ele-select>
+        </div>
+
+        <!-- Discount Value -->
+        <div>
+          <label class="tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-1">
+            Discount Value *
+            @if (discountForm.get('discount_type')?.value === 'PERCENTAGE') {
+              <span class="tw-text-gray-500">(%)</span>
+            } @else {
+              <span class="tw-text-gray-500">(Amount)</span>
+            }
+          </label>
+          <cide-ele-input
+            type="number"
+            formControlName="discount_value"
+            [min]="0"
+            [max]="maxDiscountValue()"
+            size="sm">
+          </cide-ele-input>
+        </div>
+
+        <!-- Discount Reason -->
+        <div>
+          <label class="tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-1">
+            Discount Reason
+          </label>
+          <cide-ele-select
+            formControlName="discount_reason_id"
+            [options]="discountReasonOptions()"
+            placeholder="Select reason"
+            size="sm">
+          </cide-ele-select>
+        </div>
+
+        <!-- Valid From / Valid To -->
+        <div class="tw-grid tw-grid-cols-2 tw-gap-4">
+          <div>
+            <label class="tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-1">
+              Valid From
+            </label>
+            <cide-ele-input
+              type="date"
+              formControlName="valid_from"
+              size="sm">
+            </cide-ele-input>
+          </div>
+          <div>
+            <label class="tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-1">
+              Valid To
+            </label>
+            <cide-ele-input
+              type="date"
+              formControlName="valid_to"
+              size="sm">
+            </cide-ele-input>
+          </div>
+        </div>
+
+        <!-- Notes -->
+        <div>
+          <label class="tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-1">
+            Notes
+          </label>
+          <cide-ele-textarea
+            formControlName="notes"
+            rows="2"
+            size="sm">
+          </cide-ele-textarea>
+        </div>
+
+        <!-- Calculated Discount Preview -->
+        @if (calculatedDiscountAmount() > 0) {
+          <div class="tw-p-3 tw-bg-blue-50 tw-rounded tw-border tw-border-blue-200">
+            <p class="tw-text-sm tw-text-gray-700">
+              <span class="tw-font-medium">Calculated Discount:</span>
+              <span class="tw-ml-2 tw-font-semibold tw-text-blue-600">
+                {{ calculatedDiscountAmount() | currency }}
+              </span>
+            </p>
+          </div>
+        }
+      </form>
+
+      <!-- Actions -->
+      <div class="tw-flex tw-justify-end tw-gap-2 tw-pt-4 tw-border-t tw-border-gray-200">
+        <button
+          type="button"
+          cideEleButton
+          variant="ghost"
+          size="sm"
+          (click)="onCancel()">
+          Cancel
+        </button>
+        <button
+          type="button"
+          cideEleButton
+          variant="primary"
+          size="sm"
+          [disabled]="!discountForm.valid"
+          (click)="onSave()">
+          {{ existingDiscount() ? 'Update Discount' : 'Save Discount' }}
+        </button>
+      </div>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CideInputComponent, selector: "cide-ele-input", inputs: ["fill", "label", "labelHide", "disabled", "clearInput", "labelPlacement", "labelDir", "placeholder", "leadingIcon", "trailingIcon", "helperText", "helperTextCollapse", "hideHelperAndErrorText", "errorText", "maxlength", "minlength", "required", "autocapitalize", "autocomplete", "type", "width", "id", "ngModel", "option", "min", "max", "step", "size"], outputs: ["ngModelChange"] }, { kind: "component", type: CideSelectComponent, selector: "cide-ele-select", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput", "options", "multiple", "searchable", "showSearchInput", "loading", "valueKey", "labelKey", "treeView"], outputs: ["ngModelChange", "change", "searchChange"] }, { kind: "component", type: CideTextareaComponent, selector: "cide-ele-textarea", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "minlength", "maxlength", "rows", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput"], outputs: ["ngModelChange"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "pipe", type: CurrencyPipe, name: "currency" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FeeDiscountFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cide-fee-discount-form',
+                    standalone: true,
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        CideInputComponent,
+                        CideSelectComponent,
+                        CideTextareaComponent,
+                        CideEleButtonComponent,
+                        CurrencyPipe
+                    ],
+                    template: `
+    <div class="tw-p-4 tw-space-y-4">
+      <div class="tw-mb-4">
+        <h3 class="tw-text-lg tw-font-semibold tw-text-gray-900">
+          {{ existingDiscount() ? 'Edit Discount' : 'Add Discount' }}
+        </h3>
+        <p class="tw-text-sm tw-text-gray-600 tw-mt-1">{{ feeName() }}</p>
+      </div>
+
+      <form [formGroup]="discountForm" class="tw-space-y-4">
+        <!-- Discount Type -->
+        <div>
+          <label class="tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-1">
+            Discount Type *
+          </label>
+          <cide-ele-select
+            formControlName="discount_type"
+            [options]="[{value: 'PERCENTAGE', label: 'Percentage'}, {value: 'FIXED_AMOUNT', label: 'Fixed Amount'}]"
+            size="sm">
+          </cide-ele-select>
+        </div>
+
+        <!-- Discount Value -->
+        <div>
+          <label class="tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-1">
+            Discount Value *
+            @if (discountForm.get('discount_type')?.value === 'PERCENTAGE') {
+              <span class="tw-text-gray-500">(%)</span>
+            } @else {
+              <span class="tw-text-gray-500">(Amount)</span>
+            }
+          </label>
+          <cide-ele-input
+            type="number"
+            formControlName="discount_value"
+            [min]="0"
+            [max]="maxDiscountValue()"
+            size="sm">
+          </cide-ele-input>
+        </div>
+
+        <!-- Discount Reason -->
+        <div>
+          <label class="tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-1">
+            Discount Reason
+          </label>
+          <cide-ele-select
+            formControlName="discount_reason_id"
+            [options]="discountReasonOptions()"
+            placeholder="Select reason"
+            size="sm">
+          </cide-ele-select>
+        </div>
+
+        <!-- Valid From / Valid To -->
+        <div class="tw-grid tw-grid-cols-2 tw-gap-4">
+          <div>
+            <label class="tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-1">
+              Valid From
+            </label>
+            <cide-ele-input
+              type="date"
+              formControlName="valid_from"
+              size="sm">
+            </cide-ele-input>
+          </div>
+          <div>
+            <label class="tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-1">
+              Valid To
+            </label>
+            <cide-ele-input
+              type="date"
+              formControlName="valid_to"
+              size="sm">
+            </cide-ele-input>
+          </div>
+        </div>
+
+        <!-- Notes -->
+        <div>
+          <label class="tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-1">
+            Notes
+          </label>
+          <cide-ele-textarea
+            formControlName="notes"
+            rows="2"
+            size="sm">
+          </cide-ele-textarea>
+        </div>
+
+        <!-- Calculated Discount Preview -->
+        @if (calculatedDiscountAmount() > 0) {
+          <div class="tw-p-3 tw-bg-blue-50 tw-rounded tw-border tw-border-blue-200">
+            <p class="tw-text-sm tw-text-gray-700">
+              <span class="tw-font-medium">Calculated Discount:</span>
+              <span class="tw-ml-2 tw-font-semibold tw-text-blue-600">
+                {{ calculatedDiscountAmount() | currency }}
+              </span>
+            </p>
+          </div>
+        }
+      </form>
+
+      <!-- Actions -->
+      <div class="tw-flex tw-justify-end tw-gap-2 tw-pt-4 tw-border-t tw-border-gray-200">
+        <button
+          type="button"
+          cideEleButton
+          variant="ghost"
+          size="sm"
+          (click)="onCancel()">
+          Cancel
+        </button>
+        <button
+          type="button"
+          cideEleButton
+          variant="primary"
+          size="sm"
+          [disabled]="!discountForm.valid"
+          (click)="onSave()">
+          {{ existingDiscount() ? 'Update Discount' : 'Save Discount' }}
+        </button>
+      </div>
+    </div>
+  `
+                }]
+        }], ctorParameters: () => [], propDecorators: { feeId: [{ type: i0.Input, args: [{ isSignal: true, alias: "feeId", required: true }] }], feeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "feeName", required: true }] }], feeAmount: [{ type: i0.Input, args: [{ isSignal: true, alias: "feeAmount", required: true }] }], existingDiscount: [{ type: i0.Input, args: [{ isSignal: true, alias: "existingDiscount", required: false }] }], discountReasonOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "discountReasonOptions", required: true }] }], saved: [{ type: i0.Output, args: ["saved"] }], cancelled: [{ type: i0.Output, args: ["cancelled"] }] } });
+
+export { FeeDiscountFormComponent };
+//# sourceMappingURL=cloud-ide-fees-fee-discount-form.component-R_yZNKM-.mjs.map

package/fesm2022/cloud-ide-fees-fee-discount-form.component-R_yZNKM-.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloud-ide-fees-fee-discount-form.component-R_yZNKM-.mjs","sources":["../../../projects/cloud-ide-fees/src/lib/shared/components/fee-discount-form/fee-discount-form.component.ts"],"sourcesContent":["\r\nimport { Component, inject, signal, computed, input, output, effect } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';\r\nimport { CideInputComponent, CideSelectComponent, CideTextareaComponent, CideEleButtonComponent, CurrencyPipe } from 'cloud-ide-element';\r\n\r\nexport interface FeeDiscountFormData {\r\n    discount_type: 'PERCENTAGE' | 'FIXED_AMOUNT';\r\n    discount_value: number;\r\n    discount_reason_id?: string;\r\n    discount_reason_title?: string;\r\n    valid_from?: Date;\r\n    valid_to?: Date;\r\n    notes?: string;\r\n}\r\n\r\nexport interface FeeDiscountFormInputs {\r\n    feeId: string;\r\n    feeName: string;\r\n    feeAmount: number;\r\n    existingDiscount?: FeeDiscountFormData | null;\r\n    discountReasonOptions: Array<{ value: string; label: string }>;\r\n}\r\n\r\n@Component({\r\n    selector: 'cide-fee-discount-form',\r\n    standalone: true,\r\n    imports: [\r\n        CommonModule,\r\n        ReactiveFormsModule,\r\n        CideInputComponent,\r\n        CideSelectComponent,\r\n        CideTextareaComponent,\r\n        CideEleButtonComponent,\r\n        CurrencyPipe\r\n    ],\r\n    template: `\r\n    <div class=\"tw-p-4 tw-space-y-4\">\r\n      <div class=\"tw-mb-4\">\r\n        <h3 class=\"tw-text-lg tw-font-semibold tw-text-gray-900\">\r\n          {{ existingDiscount() ? 'Edit Discount' : 'Add Discount' }}\r\n        </h3>\r\n        <p class=\"tw-text-sm tw-text-gray-600 tw-mt-1\">{{ feeName() }}</p>\r\n      </div>\r\n\r\n      <form [formGroup]=\"discountForm\" class=\"tw-space-y-4\">\r\n        <!-- Discount Type -->\r\n        <div>\r\n          <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-1\">\r\n            Discount Type *\r\n          </label>\r\n          <cide-ele-select\r\n            formControlName=\"discount_type\"\r\n            [options]=\"[{value: 'PERCENTAGE', label: 'Percentage'}, {value: 'FIXED_AMOUNT', label: 'Fixed Amount'}]\"\r\n            size=\"sm\">\r\n          </cide-ele-select>\r\n        </div>\r\n\r\n        <!-- Discount Value -->\r\n        <div>\r\n          <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-1\">\r\n            Discount Value *\r\n            @if (discountForm.get('discount_type')?.value === 'PERCENTAGE') {\r\n              <span class=\"tw-text-gray-500\">(%)</span>\r\n            } @else {\r\n              <span class=\"tw-text-gray-500\">(Amount)</span>\r\n            }\r\n          </label>\r\n          <cide-ele-input\r\n            type=\"number\"\r\n            formControlName=\"discount_value\"\r\n            [min]=\"0\"\r\n            [max]=\"maxDiscountValue()\"\r\n            size=\"sm\">\r\n          </cide-ele-input>\r\n        </div>\r\n\r\n        <!-- Discount Reason -->\r\n        <div>\r\n          <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-1\">\r\n            Discount Reason\r\n          </label>\r\n          <cide-ele-select\r\n            formControlName=\"discount_reason_id\"\r\n            [options]=\"discountReasonOptions()\"\r\n            placeholder=\"Select reason\"\r\n            size=\"sm\">\r\n          </cide-ele-select>\r\n        </div>\r\n\r\n        <!-- Valid From / Valid To -->\r\n        <div class=\"tw-grid tw-grid-cols-2 tw-gap-4\">\r\n          <div>\r\n            <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-1\">\r\n              Valid From\r\n            </label>\r\n            <cide-ele-input\r\n              type=\"date\"\r\n              formControlName=\"valid_from\"\r\n              size=\"sm\">\r\n            </cide-ele-input>\r\n          </div>\r\n          <div>\r\n            <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-1\">\r\n              Valid To\r\n            </label>\r\n            <cide-ele-input\r\n              type=\"date\"\r\n              formControlName=\"valid_to\"\r\n              size=\"sm\">\r\n            </cide-ele-input>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Notes -->\r\n        <div>\r\n          <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-1\">\r\n            Notes\r\n          </label>\r\n          <cide-ele-textarea\r\n            formControlName=\"notes\"\r\n            rows=\"2\"\r\n            size=\"sm\">\r\n          </cide-ele-textarea>\r\n        </div>\r\n\r\n        <!-- Calculated Discount Preview -->\r\n        @if (calculatedDiscountAmount() > 0) {\r\n          <div class=\"tw-p-3 tw-bg-blue-50 tw-rounded tw-border tw-border-blue-200\">\r\n            <p class=\"tw-text-sm tw-text-gray-700\">\r\n              <span class=\"tw-font-medium\">Calculated Discount:</span>\r\n              <span class=\"tw-ml-2 tw-font-semibold tw-text-blue-600\">\r\n                {{ calculatedDiscountAmount() | currency }}\r\n              </span>\r\n            </p>\r\n          </div>\r\n        }\r\n      </form>\r\n\r\n      <!-- Actions -->\r\n      <div class=\"tw-flex tw-justify-end tw-gap-2 tw-pt-4 tw-border-t tw-border-gray-200\">\r\n        <button\r\n          type=\"button\"\r\n          cideEleButton\r\n          variant=\"ghost\"\r\n          size=\"sm\"\r\n          (click)=\"onCancel()\">\r\n          Cancel\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          cideEleButton\r\n          variant=\"primary\"\r\n          size=\"sm\"\r\n          [disabled]=\"!discountForm.valid\"\r\n          (click)=\"onSave()\">\r\n          {{ existingDiscount() ? 'Update Discount' : 'Save Discount' }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  `\r\n})\r\nexport class FeeDiscountFormComponent {\r\n    // Inputs\r\n    readonly feeId = input.required<string>();\r\n    readonly feeName = input.required<string>();\r\n    readonly feeAmount = input.required<number>();\r\n    readonly existingDiscount = input<FeeDiscountFormData | null>(null);\r\n    readonly discountReasonOptions = input.required<Array<{ value: string; label: string }>>();\r\n\r\n    // Outputs\r\n    readonly saved = output<FeeDiscountFormData>();\r\n    readonly cancelled = output<void>();\r\n\r\n    // Form using signals (modern Angular approach)\r\n    discountForm = new FormGroup({\r\n        discount_type: new FormControl<'PERCENTAGE' | 'FIXED_AMOUNT'>('FIXED_AMOUNT', [Validators.required]),\r\n        discount_value: new FormControl<number>(0, [Validators.required, Validators.min(0)]),\r\n        discount_reason_id: new FormControl<string>(''),\r\n        valid_from: new FormControl<string>(''),\r\n        valid_to: new FormControl<string>(''),\r\n        notes: new FormControl<string>('')\r\n    });\r\n\r\n    // Computed values\r\n    readonly maxDiscountValue = computed(() => {\r\n        const type = this.discountForm.get('discount_type')?.value;\r\n        return type === 'PERCENTAGE' ? 100 : this.feeAmount();\r\n    });\r\n\r\n    readonly calculatedDiscountAmount = computed(() => {\r\n        const type = this.discountForm.get('discount_type')?.value;\r\n        const value = this.discountForm.get('discount_value')?.value || 0;\r\n\r\n        if (!type || value <= 0) return 0;\r\n\r\n        if (type === 'PERCENTAGE') {\r\n            return (this.feeAmount() * value) / 100;\r\n        } else {\r\n            return Math.min(value, this.feeAmount());\r\n        }\r\n    });\r\n\r\n    constructor() {\r\n        // Initialize form with existing discount data\r\n        effect(() => {\r\n            const existing = this.existingDiscount();\r\n            if (existing) {\r\n                this.discountForm.patchValue({\r\n                    discount_type: existing.discount_type,\r\n                    discount_value: existing.discount_value,\r\n                    discount_reason_id: existing.discount_reason_id || '',\r\n                    valid_from: this.formatDateForInput(existing.valid_from),\r\n                    valid_to: this.formatDateForInput(existing.valid_to),\r\n                    notes: existing.notes || ''\r\n                }, { emitEvent: false });\r\n            } else {\r\n                // Set default valid_from to today\r\n                this.discountForm.patchValue({\r\n                    valid_from: this.getTodayDateString()\r\n                }, { emitEvent: false });\r\n            }\r\n        });\r\n\r\n        // Update max value when discount type changes\r\n        effect(() => {\r\n            const type = this.discountForm.get('discount_type')?.value;\r\n            const control = this.discountForm.get('discount_value');\r\n            if (control && type) {\r\n                const max = type === 'PERCENTAGE' ? 100 : this.feeAmount();\r\n                control.setValidators([\r\n                    Validators.required,\r\n                    Validators.min(0),\r\n                    Validators.max(max)\r\n                ]);\r\n                control.updateValueAndValidity();\r\n            }\r\n        });\r\n    }\r\n\r\n    onSave(): void {\r\n        if (!this.discountForm.valid) return;\r\n\r\n        const formValue = this.discountForm.value;\r\n        const discountData: FeeDiscountFormData = {\r\n            discount_type: formValue.discount_type!,\r\n            discount_value: formValue.discount_value || 0,\r\n            discount_reason_id: formValue.discount_reason_id || undefined,\r\n            discount_reason_title: this.getDiscountReasonTitle(formValue.discount_reason_id || ''),\r\n            valid_from: formValue.valid_from ? new Date(formValue.valid_from) : undefined,\r\n            valid_to: formValue.valid_to ? new Date(formValue.valid_to) : undefined,\r\n            notes: formValue.notes || undefined\r\n        };\r\n\r\n        this.saved.emit(discountData);\r\n    }\r\n\r\n    onCancel(): void {\r\n        this.cancelled.emit();\r\n    }\r\n\r\n    private formatDateForInput(date?: Date): string {\r\n        if (!date) return '';\r\n        const d = new Date(date);\r\n        return d.toISOString().split('T')[0];\r\n    }\r\n\r\n    private getTodayDateString(): string {\r\n        return new Date().toISOString().split('T')[0];\r\n    }\r\n\r\n    private getDiscountReasonTitle(reasonId: string): string | undefined {\r\n        if (!reasonId) return undefined;\r\n        const reason = this.discountReasonOptions().find(r => r.value === reasonId);\r\n        return reason?.label;\r\n    }\r\n}\r\n"],"names":[],"mappings":"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"}