@mj-biz-apps/tasks-ng 1.0.1 → 1.1.0

package/dist/lib/components/approval-decision-panel/approval-decision-panel.component.d.ts

@@ -0,0 +1,70 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+/** A selectable decision outcome loaded from the TaskDecisionOutcome lookup. */
+export interface DecisionOutcomeOption {
+    ID: string;
+    Name: string;
+    Code: string;
+    IsTerminal: boolean;
+}
+/** Payload emitted after a decision is successfully recorded. */
+export interface DecisionRecordedEvent {
+    TaskID: string;
+    OutcomeCode: string;
+    OutcomeName: string;
+    Notes: string | null;
+    /** The status the task was transitioned to (null if the outcome was non-terminal). */
+    NewStatus: 'Completed' | 'Cancelled' | null;
+}
+/**
+ * Decision panel for an approval-request task. Presents the available outcomes
+ * (Approved / Rejected / Approved With Conditions, plus any deployment-defined
+ * outcomes) and records the chosen decision.
+ *
+ * Recording a decision creates a TaskDecision row and — for terminal outcomes —
+ * transitions the task (Approved/ApprovedWithConditions → Completed,
+ * Rejected → Cancelled). The server save-event handler then fires the
+ * TaskType's OnComplete / OnReject / OnCancel action hooks.
+ *
+ * Standalone and Router-free so any Explorer or app can embed it.
+ *
+ * @example
+ * ```html
+ * <bizapps-approval-decision-panel
+ *     [TaskID]="selectedApprovalID"
+ *     [DecidedByPersonID]="currentUserPersonID"
+ *     (DecisionRecorded)="onDecision($event)"
+ *     (Cancelled)="closePanel()">
+ * </bizapps-approval-decision-panel>
+ * ```
+ */
+export declare class ApprovalDecisionPanelComponent implements OnInit {
+    private cdr;
+    private orchestration;
+    /** The approval-request task to decide on. Required. */
+    set TaskID(value: string | null);
+    get TaskID(): string | null;
+    private _taskID;
+    /** The Person recording the decision (stamped on the TaskDecision). */
+    DecidedByPersonID: string | null;
+    /** Emitted after a decision is successfully recorded and the task transitioned. */
+    DecisionRecorded: EventEmitter<DecisionRecordedEvent>;
+    /** Emitted when the user cancels without recording a decision. */
+    Cancelled: EventEmitter<void>;
+    Loading: boolean;
+    Saving: boolean;
+    LoadError: string | null;
+    SaveError: string | null;
+    TaskName: string;
+    Outcomes: DecisionOutcomeOption[];
+    SelectedOutcomeCode: string;
+    Notes: string;
+    ngOnInit(): Promise<void>;
+    private load;
+    private loadTaskName;
+    private loadOutcomes;
+    Submit(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ApprovalDecisionPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ApprovalDecisionPanelComponent, "bizapps-approval-decision-panel", never, { "TaskID": { "alias": "TaskID"; "required": false; }; "DecidedByPersonID": { "alias": "DecidedByPersonID"; "required": false; }; }, { "DecisionRecorded": "DecisionRecorded"; "Cancelled": "Cancelled"; }, never, never, true, never>;
+}
+//# sourceMappingURL=approval-decision-panel.component.d.ts.map

package/dist/lib/components/approval-decision-panel/approval-decision-panel.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"approval-decision-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/approval-decision-panel/approval-decision-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyD,YAAY,EAAiB,MAAM,EAAU,MAAM,eAAe,CAAC;;AAMnI,gFAAgF;AAChF,MAAM,WAAW,qBAAqB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,iEAAiE;AACjE,MAAM,WAAW,qBAAqB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,sFAAsF;IACtF,SAAS,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,CAAC;CAC/C;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAiGa,8BAA+B,YAAW,MAAM;IACzD,OAAO,CAAC,GAAG,CAA6B;IACxC,OAAO,CAAC,aAAa,CAAkC;IAIvD,wDAAwD;IACxD,IACI,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAM9B;IACD,IAAI,MAAM,IAAI,MAAM,GAAG,IAAI,CAE1B;IACD,OAAO,CAAC,OAAO,CAAuB;IAEtC,uEAAuE;IAC9D,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAIjD,mFAAmF;IACzE,gBAAgB,sCAA6C;IAEvE,kEAAkE;IACxD,SAAS,qBAA4B;IAIxC,OAAO,UAAS;IAChB,MAAM,UAAS;IACf,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAChC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAChC,QAAQ,SAAM;IACd,QAAQ,EAAE,qBAAqB,EAAE,CAAM;IACvC,mBAAmB,SAAM;IACzB,KAAK,SAAM;IAEZ,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;YAQjB,IAAI;YAcJ,YAAY;YAYZ,YAAY;IAgBpB,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;yCA5FpB,8BAA8B;2CAA9B,8BAA8B;CA8H1C"}

package/dist/lib/components/approval-decision-panel/approval-decision-panel.component.js

@@ -0,0 +1,288 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, inject, Input, Output } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { RunView } from '@memberjunction/core';
+import { TaskOrchestrationService } from '@mj-biz-apps/tasks-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+const _forTrack0 = ($index, $item) => $item.Code;
+function ApprovalDecisionPanelComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵtext(1, "Loading\u2026");
+    i0.ɵɵelementEnd();
+} }
+function ApprovalDecisionPanelComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.LoadError);
+} }
+function ApprovalDecisionPanelComponent_Conditional_3_For_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 7);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const o_r3 = ctx.$implicit;
+    i0.ɵɵproperty("value", o_r3.Code);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(o_r3.Name);
+} }
+function ApprovalDecisionPanelComponent_Conditional_3_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.SaveError);
+} }
+function ApprovalDecisionPanelComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "h3", 3);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "div", 4)(3, "label", 5);
+    i0.ɵɵtext(4, "Outcome");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "select", 6);
+    i0.ɵɵtwoWayListener("ngModelChange", function ApprovalDecisionPanelComponent_Conditional_3_Template_select_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.SelectedOutcomeCode, $event) || (ctx_r0.SelectedOutcomeCode = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵrepeaterCreate(6, ApprovalDecisionPanelComponent_Conditional_3_For_7_Template, 2, 2, "option", 7, _forTrack0);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 4)(9, "label", 8);
+    i0.ɵɵtext(10, "Notes");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "textarea", 9);
+    i0.ɵɵtwoWayListener("ngModelChange", function ApprovalDecisionPanelComponent_Conditional_3_Template_textarea_ngModelChange_11_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.Notes, $event) || (ctx_r0.Notes = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(12, ApprovalDecisionPanelComponent_Conditional_3_Conditional_12_Template, 2, 1, "div", 2);
+    i0.ɵɵelementStart(13, "div", 10)(14, "button", 11);
+    i0.ɵɵlistener("click", function ApprovalDecisionPanelComponent_Conditional_3_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.Submit()); });
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "button", 12);
+    i0.ɵɵlistener("click", function ApprovalDecisionPanelComponent_Conditional_3_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.Cancelled.emit()); });
+    i0.ɵɵtext(17, "Cancel");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.TaskName || "Approval Decision");
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.SelectedOutcomeCode);
+    i0.ɵɵproperty("disabled", ctx_r0.Saving);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.Outcomes);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Notes);
+    i0.ɵɵproperty("disabled", ctx_r0.Saving);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.SaveError ? 12 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r0.Saving || !ctx_r0.SelectedOutcomeCode);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.Saving ? "Recording\u2026" : "Record Decision", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r0.Saving);
+} }
+/**
+ * Decision panel for an approval-request task. Presents the available outcomes
+ * (Approved / Rejected / Approved With Conditions, plus any deployment-defined
+ * outcomes) and records the chosen decision.
+ *
+ * Recording a decision creates a TaskDecision row and — for terminal outcomes —
+ * transitions the task (Approved/ApprovedWithConditions → Completed,
+ * Rejected → Cancelled). The server save-event handler then fires the
+ * TaskType's OnComplete / OnReject / OnCancel action hooks.
+ *
+ * Standalone and Router-free so any Explorer or app can embed it.
+ *
+ * @example
+ * ```html
+ * <bizapps-approval-decision-panel
+ *     [TaskID]="selectedApprovalID"
+ *     [DecidedByPersonID]="currentUserPersonID"
+ *     (DecisionRecorded)="onDecision($event)"
+ *     (Cancelled)="closePanel()">
+ * </bizapps-approval-decision-panel>
+ * ```
+ */
+export class ApprovalDecisionPanelComponent {
+    cdr = inject(ChangeDetectorRef);
+    orchestration = new TaskOrchestrationService();
+    // ── Inputs ──────────────────────────────────────────────
+    /** The approval-request task to decide on. Required. */
+    set TaskID(value) {
+        const changed = value !== this._taskID;
+        this._taskID = value;
+        if (changed && value) {
+            void this.load();
+        }
+    }
+    get TaskID() {
+        return this._taskID;
+    }
+    _taskID = null;
+    /** The Person recording the decision (stamped on the TaskDecision). */
+    DecidedByPersonID = null;
+    // ── Outputs ─────────────────────────────────────────────
+    /** Emitted after a decision is successfully recorded and the task transitioned. */
+    DecisionRecorded = new EventEmitter();
+    /** Emitted when the user cancels without recording a decision. */
+    Cancelled = new EventEmitter();
+    // ── State ───────────────────────────────────────────────
+    Loading = false;
+    Saving = false;
+    LoadError = null;
+    SaveError = null;
+    TaskName = '';
+    Outcomes = [];
+    SelectedOutcomeCode = '';
+    Notes = '';
+    async ngOnInit() {
+        if (this._taskID) {
+            await this.load();
+        }
+    }
+    // ── Data loading ────────────────────────────────────────
+    async load() {
+        this.Loading = true;
+        this.LoadError = null;
+        this.cdr.detectChanges();
+        try {
+            await Promise.all([this.loadTaskName(), this.loadOutcomes()]);
+        }
+        catch (err) {
+            this.LoadError = err instanceof Error ? err.message : String(err);
+        }
+        finally {
+            this.Loading = false;
+            this.cdr.detectChanges();
+        }
+    }
+    async loadTaskName() {
+        if (!this._taskID)
+            return;
+        const result = await new RunView().RunView({
+            EntityName: 'MJ_BizApps_Tasks: Tasks',
+            ExtraFilter: `ID = '${this._taskID}'`,
+            Fields: ['Name'],
+            ResultType: 'simple',
+            MaxRows: 1,
+        });
+        this.TaskName = result?.Results?.[0]?.Name ?? '';
+    }
+    async loadOutcomes() {
+        const result = await new RunView().RunView({
+            EntityName: 'MJ_BizApps_Tasks: Task Decision Outcomes',
+            ExtraFilter: 'IsActive = 1',
+            OrderBy: 'Sequence ASC',
+            Fields: ['ID', 'Name', 'Code', 'IsTerminal'],
+            ResultType: 'simple',
+        });
+        this.Outcomes = result?.Results ?? [];
+        if (this.Outcomes.length > 0 && !this.SelectedOutcomeCode) {
+            this.SelectedOutcomeCode = this.Outcomes[0].Code;
+        }
+    }
+    // ── Submit ──────────────────────────────────────────────
+    async Submit() {
+        if (!this._taskID || !this.SelectedOutcomeCode)
+            return;
+        const outcome = this.Outcomes.find(o => o.Code === this.SelectedOutcomeCode);
+        if (!outcome)
+            return;
+        this.Saving = true;
+        this.SaveError = null;
+        this.cdr.detectChanges();
+        try {
+            // Delegate to the shared orchestration service so the decision row,
+            // the DecisionRecorded activity log, and the status transition all
+            // happen through ONE code path (server + browser identical). The
+            // service falls back to the provider's CurrentUser when contextUser
+            // is omitted (client-side), per the MJ pattern.
+            const result = await this.orchestration.RecordDecision({
+                TaskID: this._taskID,
+                OutcomeCode: outcome.Code,
+                DecidedByPersonID: this.DecidedByPersonID ?? undefined,
+                Notes: this.Notes || undefined,
+            });
+            this.DecisionRecorded.emit({
+                TaskID: this._taskID,
+                OutcomeCode: outcome.Code,
+                OutcomeName: outcome.Name,
+                Notes: this.Notes || null,
+                NewStatus: result.NewStatus,
+            });
+        }
+        catch (err) {
+            this.SaveError = err instanceof Error ? err.message : String(err);
+        }
+        finally {
+            this.Saving = false;
+            this.cdr.detectChanges();
+        }
+    }
+    static ɵfac = function ApprovalDecisionPanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ApprovalDecisionPanelComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ApprovalDecisionPanelComponent, selectors: [["bizapps-approval-decision-panel"]], inputs: { TaskID: "TaskID", DecidedByPersonID: "DecidedByPersonID" }, outputs: { DecisionRecorded: "DecisionRecorded", Cancelled: "Cancelled" }, decls: 4, vars: 1, consts: [[1, "decision-panel"], [1, "decision-loading"], [1, "decision-error"], [1, "decision-title"], [1, "field"], ["for", "outcome", 1, "field-label"], ["id", "outcome", 1, "mj-select", 3, "ngModelChange", "ngModel", "disabled"], [3, "value"], ["for", "notes", 1, "field-label"], ["id", "notes", "rows", "4", "placeholder", "Optional rationale or conditions\u2026", 1, "mj-textarea", 3, "ngModelChange", "ngModel", "disabled"], [1, "decision-actions"], ["type", "button", 1, "mj-btn", "mj-btn--primary", 3, "click", "disabled"], ["type", "button", 1, "mj-btn", "mj-btn--secondary", 3, "click", "disabled"]], template: function ApprovalDecisionPanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵconditionalCreate(1, ApprovalDecisionPanelComponent_Conditional_1_Template, 2, 0, "div", 1)(2, ApprovalDecisionPanelComponent_Conditional_2_Template, 2, 1, "div", 2)(3, ApprovalDecisionPanelComponent_Conditional_3_Template, 18, 9);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Loading ? 1 : ctx.LoadError ? 2 : 3);
+        } }, dependencies: [CommonModule, FormsModule, i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel], styles: ["[_nghost-%COMP%] { display: block; }\n        .decision-panel[_ngcontent-%COMP%] {\n            display: flex; flex-direction: column; gap: var(--mj-space-4, 16px);\n            padding: var(--mj-space-5, 20px);\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: var(--mj-radius-lg, 12px);\n            box-shadow: var(--mj-shadow-sm, 0 1px 2px 0 rgba(0,0,0,0.05));\n        }\n        .decision-title[_ngcontent-%COMP%] { margin: 0; font-size: var(--mj-text-lg, 1.125rem); font-weight: var(--mj-font-semibold, 600); color: var(--mj-text-primary); }\n        .decision-loading[_ngcontent-%COMP%] { color: var(--mj-text-muted); padding: var(--mj-space-3, 12px) 0; }\n        .decision-error[_ngcontent-%COMP%] {\n            color: var(--mj-status-error-text); background: var(--mj-status-error-bg);\n            border: 1px solid var(--mj-status-error-border); border-radius: var(--mj-radius-sm, 4px);\n            padding: var(--mj-space-2, 8px) var(--mj-space-3, 12px); font-size: var(--mj-text-sm, 0.875rem);\n        }\n\n        \n\n        .field[_ngcontent-%COMP%] { display: flex; flex-direction: column; gap: var(--mj-space-2, 8px); }\n        .field-label[_ngcontent-%COMP%] { font-size: var(--mj-text-sm, 0.875rem); font-weight: var(--mj-font-semibold, 600); color: var(--mj-text-primary); }\n        .mj-select[_ngcontent-%COMP%], .mj-textarea[_ngcontent-%COMP%] {\n            width: 100%; padding: 8px 12px; min-height: 38px;\n            font-family: inherit; font-size: var(--mj-text-sm, 0.875rem); line-height: 1.5;\n            color: var(--mj-text-primary); background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default); border-radius: var(--mj-radius-sm, 4px);\n            transition: border-color 150ms ease, box-shadow 150ms ease; outline: none;\n        }\n        .mj-textarea[_ngcontent-%COMP%] { min-height: 80px; resize: vertical; }\n        .mj-select[_ngcontent-%COMP%]::placeholder, .mj-textarea[_ngcontent-%COMP%]::placeholder { color: var(--mj-text-disabled); }\n        .mj-select[_ngcontent-%COMP%]:hover:not(:disabled), .mj-textarea[_ngcontent-%COMP%]:hover:not(:disabled) { border-color: var(--mj-border-strong); }\n        .mj-select[_ngcontent-%COMP%]:focus, .mj-textarea[_ngcontent-%COMP%]:focus {\n            border-color: var(--mj-brand-primary);\n            box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n        }\n        .mj-select[_ngcontent-%COMP%]:disabled, .mj-textarea[_ngcontent-%COMP%]:disabled { opacity: 0.5; cursor: not-allowed; background: var(--mj-bg-surface-sunken); }\n\n        \n\n        .decision-actions[_ngcontent-%COMP%] { display: flex; gap: var(--mj-space-2, 8px); margin-top: var(--mj-space-1, 4px); }\n        .mj-btn[_ngcontent-%COMP%] {\n            display: inline-flex; align-items: center; justify-content: center; gap: 8px;\n            padding: 9px 18px; border: 1px solid transparent; border-radius: var(--mj-radius-md, 8px);\n            font-family: inherit; font-size: var(--mj-text-sm, 0.875rem); font-weight: var(--mj-font-semibold, 600);\n            line-height: 1.5; cursor: pointer; white-space: nowrap;\n            transition: background 150ms ease, border-color 150ms ease, box-shadow 200ms ease, transform 200ms ease;\n        }\n        .mj-btn[_ngcontent-%COMP%]:disabled { opacity: 0.5; cursor: not-allowed; }\n        .mj-btn[_ngcontent-%COMP%]:focus-visible { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 25%, transparent); }\n        .mj-btn--primary[_ngcontent-%COMP%] { background: var(--mj-brand-primary); color: var(--mj-brand-on-primary, #fff); border-color: var(--mj-brand-primary); }\n        .mj-btn--primary[_ngcontent-%COMP%]:hover:not(:disabled) { background: var(--mj-brand-primary-hover); border-color: var(--mj-brand-primary-hover); transform: translateY(-1px); box-shadow: var(--mj-shadow-md, 0 4px 6px -1px rgba(0,0,0,0.1)); }\n        .mj-btn--secondary[_ngcontent-%COMP%] { background: var(--mj-bg-surface-sunken); color: var(--mj-text-primary); border-color: var(--mj-border-default); }\n        .mj-btn--secondary[_ngcontent-%COMP%]:hover:not(:disabled) { background: var(--mj-bg-surface-hover); border-color: var(--mj-border-strong); }"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ApprovalDecisionPanelComponent, [{
+        type: Component,
+        args: [{ selector: 'bizapps-approval-decision-panel', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule], template: `
+        <div class="decision-panel">
+            @if (Loading) {
+                <div class="decision-loading">Loading…</div>
+            } @else if (LoadError) {
+                <div class="decision-error">{{ LoadError }}</div>
+            } @else {
+                <h3 class="decision-title">{{ TaskName || 'Approval Decision' }}</h3>
+
+                <div class="field">
+                    <label class="field-label" for="outcome">Outcome</label>
+                    <select id="outcome" class="mj-select" [(ngModel)]="SelectedOutcomeCode" [disabled]="Saving">
+                        @for (o of Outcomes; track o.Code) {
+                            <option [value]="o.Code">{{ o.Name }}</option>
+                        }
+                    </select>
+                </div>
+
+                <div class="field">
+                    <label class="field-label" for="notes">Notes</label>
+                    <textarea id="notes" class="mj-textarea" rows="4"
+                        [(ngModel)]="Notes" [disabled]="Saving"
+                        placeholder="Optional rationale or conditions…"></textarea>
+                </div>
+
+                @if (SaveError) {
+                    <div class="decision-error">{{ SaveError }}</div>
+                }
+
+                <div class="decision-actions">
+                    <button type="button" class="mj-btn mj-btn--primary" (click)="Submit()" [disabled]="Saving || !SelectedOutcomeCode">
+                        {{ Saving ? 'Recording…' : 'Record Decision' }}
+                    </button>
+                    <button type="button" class="mj-btn mj-btn--secondary" (click)="Cancelled.emit()" [disabled]="Saving">Cancel</button>
+                </div>
+            }
+        </div>
+    `, styles: ["\n        :host { display: block; }\n        .decision-panel {\n            display: flex; flex-direction: column; gap: var(--mj-space-4, 16px);\n            padding: var(--mj-space-5, 20px);\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: var(--mj-radius-lg, 12px);\n            box-shadow: var(--mj-shadow-sm, 0 1px 2px 0 rgba(0,0,0,0.05));\n        }\n        .decision-title { margin: 0; font-size: var(--mj-text-lg, 1.125rem); font-weight: var(--mj-font-semibold, 600); color: var(--mj-text-primary); }\n        .decision-loading { color: var(--mj-text-muted); padding: var(--mj-space-3, 12px) 0; }\n        .decision-error {\n            color: var(--mj-status-error-text); background: var(--mj-status-error-bg);\n            border: 1px solid var(--mj-status-error-border); border-radius: var(--mj-radius-sm, 4px);\n            padding: var(--mj-space-2, 8px) var(--mj-space-3, 12px); font-size: var(--mj-text-sm, 0.875rem);\n        }\n\n        /* \u2500\u2500 form fields \u2500\u2500 */\n        .field { display: flex; flex-direction: column; gap: var(--mj-space-2, 8px); }\n        .field-label { font-size: var(--mj-text-sm, 0.875rem); font-weight: var(--mj-font-semibold, 600); color: var(--mj-text-primary); }\n        .mj-select, .mj-textarea {\n            width: 100%; padding: 8px 12px; min-height: 38px;\n            font-family: inherit; font-size: var(--mj-text-sm, 0.875rem); line-height: 1.5;\n            color: var(--mj-text-primary); background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default); border-radius: var(--mj-radius-sm, 4px);\n            transition: border-color 150ms ease, box-shadow 150ms ease; outline: none;\n        }\n        .mj-textarea { min-height: 80px; resize: vertical; }\n        .mj-select::placeholder, .mj-textarea::placeholder { color: var(--mj-text-disabled); }\n        .mj-select:hover:not(:disabled), .mj-textarea:hover:not(:disabled) { border-color: var(--mj-border-strong); }\n        .mj-select:focus, .mj-textarea:focus {\n            border-color: var(--mj-brand-primary);\n            box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n        }\n        .mj-select:disabled, .mj-textarea:disabled { opacity: 0.5; cursor: not-allowed; background: var(--mj-bg-surface-sunken); }\n\n        /* \u2500\u2500 buttons (token-driven, confirm-left) \u2500\u2500 */\n        .decision-actions { display: flex; gap: var(--mj-space-2, 8px); margin-top: var(--mj-space-1, 4px); }\n        .mj-btn {\n            display: inline-flex; align-items: center; justify-content: center; gap: 8px;\n            padding: 9px 18px; border: 1px solid transparent; border-radius: var(--mj-radius-md, 8px);\n            font-family: inherit; font-size: var(--mj-text-sm, 0.875rem); font-weight: var(--mj-font-semibold, 600);\n            line-height: 1.5; cursor: pointer; white-space: nowrap;\n            transition: background 150ms ease, border-color 150ms ease, box-shadow 200ms ease, transform 200ms ease;\n        }\n        .mj-btn:disabled { opacity: 0.5; cursor: not-allowed; }\n        .mj-btn:focus-visible { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 25%, transparent); }\n        .mj-btn--primary { background: var(--mj-brand-primary); color: var(--mj-brand-on-primary, #fff); border-color: var(--mj-brand-primary); }\n        .mj-btn--primary:hover:not(:disabled) { background: var(--mj-brand-primary-hover); border-color: var(--mj-brand-primary-hover); transform: translateY(-1px); box-shadow: var(--mj-shadow-md, 0 4px 6px -1px rgba(0,0,0,0.1)); }\n        .mj-btn--secondary { background: var(--mj-bg-surface-sunken); color: var(--mj-text-primary); border-color: var(--mj-border-default); }\n        .mj-btn--secondary:hover:not(:disabled) { background: var(--mj-bg-surface-hover); border-color: var(--mj-border-strong); }\n    "] }]
+    }], null, { TaskID: [{
+            type: Input
+        }], DecidedByPersonID: [{
+            type: Input
+        }], DecisionRecorded: [{
+            type: Output
+        }], Cancelled: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ApprovalDecisionPanelComponent, { className: "ApprovalDecisionPanelComponent", filePath: "src/lib/components/approval-decision-panel/approval-decision-panel.component.ts", lineNumber: 144 }); })();
+//# sourceMappingURL=approval-decision-panel.component.js.map

package/dist/lib/components/approval-decision-panel/approval-decision-panel.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"approval-decision-panel.component.js","sourceRoot":"","sources":["../../../../src/lib/components/approval-decision-panel/approval-decision-panel.component.ts"],"names":[],"mappings":"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"}

package/dist/lib/components/approval-inbox/approval-inbox.component.d.ts

@@ -0,0 +1,60 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { DecisionRecordedEvent } from '../approval-decision-panel/approval-decision-panel.component';
+import * as i0 from "@angular/core";
+/** A pending approval-request task shown in the inbox. */
+export interface ApprovalRow {
+    ID: string;
+    Name: string;
+    Description: string | null;
+    Priority: string;
+    DueAt: Date | null;
+    Status: string;
+}
+/**
+ * Approval inbox — lists the approval-request tasks awaiting a decision from a
+ * given approver and embeds the {@link ApprovalDecisionPanelComponent} for
+ * recording the outcome. Once a decision is recorded the row clears from the inbox.
+ *
+ * "Pending" = a task of the "Approval Request" type, assigned to the approver,
+ * still in an open state (not Completed/Cancelled) and without a terminal decision.
+ *
+ * Standalone and Router-free so any Explorer or app can embed it.
+ *
+ * @example
+ * ```html
+ * <bizapps-approval-inbox
+ *     [ApproverPersonID]="currentUserPersonID"
+ *     (DecisionRecorded)="refreshSourceRecord($event)">
+ * </bizapps-approval-inbox>
+ * ```
+ */
+export declare class ApprovalInboxComponent implements OnInit {
+    private cdr;
+    /** The approver's Person ID. Required — scopes the inbox to that person. */
+    set ApproverPersonID(value: string);
+    get ApproverPersonID(): string;
+    private _approverPersonID;
+    /** Name of the TaskType used for approval requests. @default 'Approval Request' */
+    ApprovalTypeName: string;
+    /** Re-emitted from the embedded decision panel after a decision is recorded. */
+    DecisionRecorded: EventEmitter<DecisionRecordedEvent>;
+    Loading: boolean;
+    LoadError: string | null;
+    Approvals: ApprovalRow[];
+    SelectedApprovalID: string | null;
+    ngOnInit(): Promise<void>;
+    /** Reloads the pending approvals from the server. */
+    Refresh(): Promise<void>;
+    Select(approvalID: string): void;
+    /** Maps a task priority to its badge modifier class (token-driven status colors). */
+    priorityBadgeClass(priority: string): string;
+    onDecisionRecorded(event: DecisionRecordedEvent): void;
+    /**
+     * Builds the ExtraFilter for pending approvals: tasks of the approval TaskType,
+     * assigned to this approver, still open, and without any terminal decision yet.
+     */
+    private buildPendingFilter;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ApprovalInboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ApprovalInboxComponent, "bizapps-approval-inbox", never, { "ApproverPersonID": { "alias": "ApproverPersonID"; "required": false; }; "ApprovalTypeName": { "alias": "ApprovalTypeName"; "required": false; }; }, { "DecisionRecorded": "DecisionRecorded"; }, never, never, true, never>;
+}
+//# sourceMappingURL=approval-inbox.component.d.ts.map

package/dist/lib/components/approval-inbox/approval-inbox.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"approval-inbox.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/approval-inbox/approval-inbox.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyD,YAAY,EAAiB,MAAM,EAAU,MAAM,eAAe,CAAC;AAGnI,OAAO,EAAkC,qBAAqB,EAAE,MAAM,8DAA8D,CAAC;;AAErI,0DAA0D;AAC1D,MAAM,WAAW,WAAW;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAkHa,sBAAuB,YAAW,MAAM;IACjD,OAAO,CAAC,GAAG,CAA6B;IAIxC,4EAA4E;IAC5E,IACI,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAMjC;IACD,IAAI,gBAAgB,IAAI,MAAM,CAE7B;IACD,OAAO,CAAC,iBAAiB,CAAM;IAE/B,mFAAmF;IAC1E,gBAAgB,SAAsB;IAI/C,gFAAgF;IACtE,gBAAgB,sCAA6C;IAIhE,OAAO,UAAS;IAChB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAChC,SAAS,EAAE,WAAW,EAAE,CAAM;IAC9B,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE1C,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAQ/B,qDAAqD;IAC/C,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IA+B9B,MAAM,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAIhC,qFAAqF;IACrF,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM;IAS5C,kBAAkB,CAAC,KAAK,EAAE,qBAAqB,GAAG,IAAI;IAQtD;;;OAGG;YACW,kBAAkB;yCApGvB,sBAAsB;2CAAtB,sBAAsB;CA8GlC"}