@mj-biz-apps/orders-ng 0.0.1 → 5.2.0

package/dist/lib/custom/PaymentHeader/payment-header-form.component.js

@@ -0,0 +1,2169 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, inject } from '@angular/core';
+import { CompositeKey } from '@memberjunction/core';
+import { UserInfoEngine } from '@memberjunction/core-entities';
+import { RegisterClass, UUIDsEqual } from '@memberjunction/global';
+import { BaseFormComponent } from '@memberjunction/ng-base-forms';
+import { NavigationService } from '@memberjunction/ng-shared';
+import { mjBizAppsOrdersPaymentHeaderFormComponent } from '../../generated/Entities/mjBizAppsOrdersPaymentHeader/mjbizappsorderspaymentheader.form.component.js';
+import { FormatMoney, FormatDate } from '../../panels/money-format.js';
+import { BuildPaymentJournalFilter, GetPaymentJournalRollup, GetOrders, GetOrderLinesForOrders, GetPaymentTypes, GetSellingCompanies, } from '../../data/orders-queries.js';
+import { MJO_ACCOUNTING_ENTITIES, MJO_ENTITIES } from '../../data/entity-names.js';
+import { DispatchFormNavigation } from '../form-navigation-helper.js';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-base-forms";
+import * as i3 from "@memberjunction/ng-ui-components";
+const _forTrack0 = ($index, $item) => $item.ID;
+const _forTrack1 = ($index, $item) => $item.CompanyID;
+const _forTrack2 = ($index, $item) => $item.Key;
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 9);
+    i0.ɵɵelement(1, "i", 21);
+    i0.ɵɵtext(2, " Reversal ");
+    i0.ɵɵelementEnd();
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_37_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.GetSectionRowCount("mJBizAppsOrdersPaymentLines") || 0, " Settled ");
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_38_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵtextInterpolate1(" $", ctx_r1.TotalAllocated.toFixed(2), " ");
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_39_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 15)(1, "button", 22);
+    i0.ɵɵlistener("click", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_39_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SaveAsDraft()); });
+    i0.ɵɵelement(2, "i", 23);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "button", 24);
+    i0.ɵɵlistener("click", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_39_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.CapturePayment()); });
+    i0.ɵɵelement(5, "i", 25);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r1.Saving || ctx_r1.Capturing);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.Saving ? "Saving\u2026" : "Save draft", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r1.Capturing || ctx_r1.Saving || !ctx_r1.IsAllocationBalanced || !ctx_r1.record.Amount || !ctx_r1.hasPayer);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.Capturing ? "Capturing\u2026" : "Capture & Book", " ");
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_42_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵelement(1, "i", 26);
+    i0.ɵɵelementStart(2, "div")(3, "strong");
+    i0.ɵɵtext(4, "Failed to capture payment:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.CaptureError, " ");
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_11_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 66);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("", ctx_r1.OpenOrders.length, " unpaid orders");
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 36);
+    i0.ɵɵelement(1, "i", 71);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_11_Conditional_4_Template, 2, 1, "span", 66);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.PayerDisplayName);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.OpenOrders.length > 0 ? 4 : -1);
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_30_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 74);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const pt_r6 = ctx.$implicit;
+    i0.ɵɵproperty("value", pt_r6.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(pt_r6.Name);
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "select", 72);
+    i0.ɵɵlistener("ngModelChange", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_30_Template_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnPaymentTypeSelected($event)); });
+    i0.ɵɵelementStart(1, "option", 73);
+    i0.ɵɵtext(2, "Select payment type\u2026");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(3, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_30_For_4_Template, 2, 2, "option", 74, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngModel", ctx_r1.record.PaymentTypeID);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngValue", null);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.PaymentTypes);
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-form-field", 75);
+    i0.ɵɵlistener("Navigate", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_31_Template_mj_form_field_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", false)("EditMode", ctx_r1.ComposeMode)("FormContext", ctx_r1.formContext);
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_32_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 46)(1, "div", 76);
+    i0.ɵɵelement(2, "i", 77);
+    i0.ɵɵtext(3, " Check details ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 78)(5, "div", 38)(6, "label", 39);
+    i0.ɵɵtext(7, "Check \u2116 ");
+    i0.ɵɵelementStart(8, "span", 79);
+    i0.ɵɵtext(9, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "input", 80);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_32_Template_input_ngModelChange_10_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.ReferenceNumber, $event) || (ctx_r1.ReferenceNumber = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 38)(12, "label", 39);
+    i0.ɵɵtext(13, "Check Date");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "input", 81);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_32_Template_input_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.InstrumentDateInput, $event) || (ctx_r1.InstrumentDateInput = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "div", 82)(16, "label", 39);
+    i0.ɵɵtext(17, "Bank Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "input", 83);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_32_Template_input_ngModelChange_18_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.BankName, $event) || (ctx_r1.BankName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(10);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.ReferenceNumber);
+    i0.ɵɵproperty("disabled", !ctx_r1.ComposeMode);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.InstrumentDateInput);
+    i0.ɵɵproperty("disabled", !ctx_r1.ComposeMode);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.BankName);
+    i0.ɵɵproperty("disabled", !ctx_r1.ComposeMode);
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 46)(1, "div", 76);
+    i0.ɵɵelement(2, "i", 84);
+    i0.ɵɵtext(3, " Card instrument details ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 78)(5, "div", 38)(6, "label", 39);
+    i0.ɵɵtext(7, "Card Brand");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "select", 85);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_33_Template_select_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.CardBrand, $event) || (ctx_r1.CardBrand = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(9, "option", 86);
+    i0.ɵɵtext(10, "Select Brand");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "option", 87);
+    i0.ɵɵtext(12, "Visa");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "option", 88);
+    i0.ɵɵtext(14, "MasterCard");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "option", 89);
+    i0.ɵɵtext(16, "American Express");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "option", 90);
+    i0.ɵɵtext(18, "Discover");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "option", 91);
+    i0.ɵɵtext(20, "Other");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(21, "div", 38)(22, "label", 39);
+    i0.ɵɵtext(23, "Last 4 Digits");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(24, "input", 92);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_33_Template_input_ngModelChange_24_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.CardLast4, $event) || (ctx_r1.CardLast4 = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(25, "div", 38)(26, "label", 39);
+    i0.ɵɵtext(27, "Expiry (MM / YYYY)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(28, "div", 93)(29, "input", 94);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_33_Template_input_ngModelChange_29_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.CardExpMonth, $event) || (ctx_r1.CardExpMonth = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(30, "input", 95);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_33_Template_input_ngModelChange_30_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.CardExpYear, $event) || (ctx_r1.CardExpYear = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(31, "div", 38)(32, "label", 39);
+    i0.ɵɵtext(33, "Cardholder Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(34, "input", 96);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_33_Template_input_ngModelChange_34_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.CardHolderName, $event) || (ctx_r1.CardHolderName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(35, "div", 82)(36, "label", 39);
+    i0.ɵɵtext(37, "Auth / Approval \u2116");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(38, "input", 97);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_33_Template_input_ngModelChange_38_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.ReferenceNumber, $event) || (ctx_r1.ReferenceNumber = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(8);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.CardBrand);
+    i0.ɵɵproperty("disabled", !ctx_r1.ComposeMode);
+    i0.ɵɵadvance(16);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.CardLast4);
+    i0.ɵɵproperty("disabled", !ctx_r1.ComposeMode);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.CardExpMonth);
+    i0.ɵɵproperty("disabled", !ctx_r1.ComposeMode);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.CardExpYear);
+    i0.ɵɵproperty("disabled", !ctx_r1.ComposeMode);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.CardHolderName);
+    i0.ɵɵproperty("disabled", !ctx_r1.ComposeMode);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.ReferenceNumber);
+    i0.ɵɵproperty("disabled", !ctx_r1.ComposeMode);
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_34_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 46)(1, "div", 76);
+    i0.ɵɵelement(2, "i", 98);
+    i0.ɵɵtext(3, " Bank transfer / ACH details ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 78)(5, "div", 38)(6, "label", 39);
+    i0.ɵɵtext(7, "Bank Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "input", 99);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_34_Template_input_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.BankName, $event) || (ctx_r1.BankName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "div", 38)(10, "label", 39);
+    i0.ɵɵtext(11, "Account Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "select", 85);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_34_Template_select_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.BankAccountType, $event) || (ctx_r1.BankAccountType = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(13, "option", 73);
+    i0.ɵɵtext(14, "Select Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "option", 100);
+    i0.ɵɵtext(16, "Checking");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "option", 101);
+    i0.ɵɵtext(18, "Savings");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(19, "div", 38)(20, "label", 39);
+    i0.ɵɵtext(21, "Routing Last 4");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(22, "input", 102);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_34_Template_input_ngModelChange_22_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.RoutingLast4, $event) || (ctx_r1.RoutingLast4 = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(23, "div", 38)(24, "label", 39);
+    i0.ɵɵtext(25, "Account Last 4");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "input", 103);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_34_Template_input_ngModelChange_26_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.AccountLast4, $event) || (ctx_r1.AccountLast4 = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(27, "div", 82)(28, "label", 39);
+    i0.ɵɵtext(29, "Trace / Reference \u2116");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(30, "input", 104);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_34_Template_input_ngModelChange_30_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.ReferenceNumber, $event) || (ctx_r1.ReferenceNumber = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(8);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.BankName);
+    i0.ɵɵproperty("disabled", !ctx_r1.ComposeMode);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.BankAccountType);
+    i0.ɵɵproperty("disabled", !ctx_r1.ComposeMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngValue", null);
+    i0.ɵɵadvance(9);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.RoutingLast4);
+    i0.ɵɵproperty("disabled", !ctx_r1.ComposeMode);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.AccountLast4);
+    i0.ɵɵproperty("disabled", !ctx_r1.ComposeMode);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.ReferenceNumber);
+    i0.ɵɵproperty("disabled", !ctx_r1.ComposeMode);
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 46)(1, "div", 76);
+    i0.ɵɵelement(2, "i", 65);
+    i0.ɵɵtext(3, " Reference details ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 38)(5, "label", 39);
+    i0.ɵɵtext(6, "Reference / Wire Confirmation \u2116 ");
+    i0.ɵɵelementStart(7, "span", 79);
+    i0.ɵɵtext(8, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "input", 105);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_35_Template_input_ngModelChange_9_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.ReferenceNumber, $event) || (ctx_r1.ReferenceNumber = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(9);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.ReferenceNumber);
+    i0.ɵɵproperty("disabled", !ctx_r1.ComposeMode);
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_66_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 71);
+    i0.ɵɵelementStart(1, "span");
+    i0.ɵɵtext(2, "Allocations tie 100% to payment received. Ready to capture and book.");
+    i0.ɵɵelementEnd();
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_67_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 106);
+    i0.ɵɵelementStart(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("$", ctx_r1.UnallocatedRemainder.toFixed(2), " remaining to allocate before capturing.");
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_68_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 107);
+    i0.ɵɵelementStart(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("Over-allocated by $", ctx_r1.Math.abs(ctx_r1.UnallocatedRemainder).toFixed(2), ". Please adjust amounts.");
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_74_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 66);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("", ctx_r1.FilteredOpenOrders.length, " available");
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_75_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 67)(1, "div", 108);
+    i0.ɵɵelement(2, "i", 109);
+    i0.ɵɵelementStart(3, "input", 110);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_75_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.SearchQuery, $event) || (ctx_r1.SearchQuery = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(4, "button", 111);
+    i0.ɵɵlistener("click", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_75_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.AutoApplyOldestFirst()); });
+    i0.ɵɵelement(5, "i", 112);
+    i0.ɵɵtext(6, " Auto-apply oldest ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "button", 113);
+    i0.ɵɵlistener("click", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_75_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.ClearAllocations()); });
+    i0.ɵɵelement(8, "i", 114);
+    i0.ɵɵtext(9, " Clear all ");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.SearchQuery);
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_77_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 69);
+    i0.ɵɵelement(1, "i", 115);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "Loading open orders\u2026");
+    i0.ɵɵelementEnd()();
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_78_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 69);
+    i0.ɵɵelement(1, "i", 116);
+    i0.ɵɵelementStart(2, "h3");
+    i0.ɵɵtext(3, "No unpaid orders found");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p");
+    i0.ɵɵtext(5, "There are zero open unpaid orders. Any recorded payment will be retained as unallocated credit.");
+    i0.ɵɵelementEnd()();
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th");
+    i0.ɵɵtext(1, "Customer");
+    i0.ɵɵelementEnd();
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 125);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const order_r14 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(order_r14.BillToOrganization || order_r14.BillToPerson || "\u2014");
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 127);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const order_r14 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(order_r14.Description);
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 128);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const order_r14 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("", ctx_r1.GetOrderDaysOverdue(order_r14), "d overdue");
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const order_r14 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.FormatOrderDueDate(order_r14));
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 135);
+    i0.ɵɵelement(1, "i", 138);
+    i0.ɵɵtext(2, " Lines allocated ");
+    i0.ɵɵelementEnd();
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 139);
+    i0.ɵɵlistener("click", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Conditional_31_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r15); const order_r14 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.FullPayOrder(order_r14)); });
+    i0.ɵɵtext(1, " Pay in Full ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const order_r14 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("disabled", (order_r14.Balance ?? order_r14.TotalGross ?? 0) <= 0);
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Conditional_32_For_23_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 147);
+    i0.ɵɵlistener("click", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Conditional_32_For_23_Conditional_16_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18); const line_r17 = i0.ɵɵnextContext().$implicit; const order_r14 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.FullPayLine(order_r14, line_r17)); });
+    i0.ɵɵtext(1, " Line Pay ");
+    i0.ɵɵelementEnd();
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Conditional_32_For_23_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr")(1, "td");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td")(4, "strong");
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "td", 130);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "td", 130);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "td", 119)(11, "div", 132)(12, "span", 133);
+    i0.ɵɵtext(13, "$");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "input", 145);
+    i0.ɵɵlistener("ngModelChange", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Conditional_32_For_23_Template_input_ngModelChange_14_listener($event) { const line_r17 = i0.ɵɵrestoreView(_r16).$implicit; const order_r14 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SetLineAllocation(line_r17.ID || "", $event, order_r14.ID)); });
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(15, "td", 119);
+    i0.ɵɵconditionalCreate(16, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Conditional_32_For_23_Conditional_16_Template, 2, 0, "button", 146);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const line_r17 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(6);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(line_r17.LineNumber);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(line_r17.Product || "Line Item");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("$", (line_r17.UnitPrice || 0).toFixed(2));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("$", (line_r17.LineTotalGross || 0).toFixed(2));
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("ngModel", ctx_r1.GetLineAllocation(line_r17.ID || ""))("disabled", ctx_r1.IsCaptured);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(!ctx_r1.IsCaptured ? 16 : -1);
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Conditional_32_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 137)(1, "td", 140)(2, "div", 141)(3, "div", 142);
+    i0.ɵɵelement(4, "i", 138);
+    i0.ɵɵelementStart(5, "span");
+    i0.ɵɵtext(6, "Order Line Items (Targeted Line Allocations)");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "table", 143)(8, "thead")(9, "tr")(10, "th");
+    i0.ɵɵtext(11, "#");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "th");
+    i0.ɵɵtext(13, "Product");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "th", 119);
+    i0.ɵɵtext(15, "Unit Price");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "th", 119);
+    i0.ɵɵtext(17, "Gross");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "th", 120);
+    i0.ɵɵtext(19, "Line Allocation");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(20, "th", 144);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(21, "tbody");
+    i0.ɵɵrepeaterCreate(22, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Conditional_32_For_23_Template, 17, 7, "tr", null, _forTrack0);
+    i0.ɵɵelementEnd()()()()();
+} if (rf & 2) {
+    const order_r14 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵattribute("colspan", ctx_r1.hasPayer ? 10 : 11);
+    i0.ɵɵadvance(21);
+    i0.ɵɵrepeater(ctx_r1.GetOrderLines(order_r14.ID || ""));
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 122)(1, "td")(2, "button", 123);
+    i0.ɵɵlistener("click", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Template_button_click_2_listener() { const order_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.ToggleOrderExpanded(order_r14.ID || "")); });
+    i0.ɵɵelement(3, "i", 124);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(4, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Conditional_4_Template, 2, 1, "td", 125);
+    i0.ɵɵelementStart(5, "td")(6, "button", 126);
+    i0.ɵɵlistener("click", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Template_button_click_6_listener($event) { const order_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OpenOrderRecord(order_r14, $event)); });
+    i0.ɵɵelementStart(7, "strong");
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(9, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Conditional_9_Template, 2, 1, "div", 127);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "td");
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "td");
+    i0.ɵɵconditionalCreate(13, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Conditional_13_Template, 2, 1, "span", 128)(14, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Conditional_14_Template, 2, 1, "span");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "td")(16, "span", 129);
+    i0.ɵɵtext(17);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(18, "td", 130);
+    i0.ɵɵtext(19);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "td", 131);
+    i0.ɵɵtext(21);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(22, "td", 119)(23, "div", 132)(24, "span", 133);
+    i0.ɵɵtext(25, "$");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "input", 134);
+    i0.ɵɵlistener("ngModelChange", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Template_input_ngModelChange_26_listener($event) { const order_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SetOrderAllocation(order_r14.ID || "", $event)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(27, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Conditional_27_Template, 3, 0, "div", 135);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(28, "td", 130);
+    i0.ɵɵtext(29);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(30, "td", 119);
+    i0.ɵɵconditionalCreate(31, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Conditional_31_Template, 2, 1, "button", 136);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(32, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Conditional_32_Template, 24, 1, "tr", 137);
+} if (rf & 2) {
+    const order_r14 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("is-expanded", ctx_r1.IsOrderExpanded(order_r14.ID || ""));
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("fa-chevron-down", ctx_r1.IsOrderExpanded(order_r14.ID || ""))("fa-chevron-right", !ctx_r1.IsOrderExpanded(order_r14.ID || ""));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r1.hasPayer ? 4 : -1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(order_r14.OrderNumber);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(order_r14.Description ? 9 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(order_r14.OrderDate ? ctx_r1.FormatOrderDueDate(order_r14) : "\u2014");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.GetOrderDaysOverdue(order_r14) > 0 ? 13 : 14);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(order_r14.Company || "Default");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("$", (order_r14.TotalGross || 0).toFixed(2));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("$", (order_r14.Balance ?? order_r14.TotalGross ?? 0).toFixed(2));
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("is-derived", ctx_r1.HasLineAllocations(order_r14.ID || ""));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngModel", ctx_r1.GetOrderAllocation(order_r14.ID || ""))("disabled", ctx_r1.IsCaptured || ctx_r1.HasLineAllocations(order_r14.ID || ""))("title", ctx_r1.HasLineAllocations(order_r14.ID || "") ? "Order allocation is driven by line item allocations below" : "Enter amount to allocate to order");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.HasLineAllocations(order_r14.ID || "") ? 27 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("text-muted", ctx_r1.CalculateLeavesBalance(order_r14) === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" $", ctx_r1.CalculateLeavesBalance(order_r14).toFixed(2), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(!ctx_r1.IsCaptured ? 31 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.IsOrderExpanded(order_r14.ID || "") ? 32 : -1);
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 70)(1, "table", 117)(2, "thead")(3, "tr");
+    i0.ɵɵelement(4, "th", 118);
+    i0.ɵɵconditionalCreate(5, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_Conditional_5_Template, 2, 0, "th");
+    i0.ɵɵelementStart(6, "th");
+    i0.ɵɵtext(7, "Order \u2116");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "th");
+    i0.ɵɵtext(9, "Date");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "th");
+    i0.ɵɵtext(11, "Due");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "th");
+    i0.ɵɵtext(13, "Company");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "th", 119);
+    i0.ɵɵtext(15, "Gross");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "th", 119);
+    i0.ɵɵtext(17, "Open Balance");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "th", 120);
+    i0.ɵɵtext(19, "Apply Amount");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "th", 119);
+    i0.ɵɵtext(21, "Leaves Balance");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(22, "th", 121);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(23, "tbody");
+    i0.ɵɵrepeaterCreate(24, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_For_25_Template, 33, 25, null, null, _forTrack0);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(!ctx_r1.hasPayer ? 5 : -1);
+    i0.ɵɵadvance(19);
+    i0.ɵɵrepeater(ctx_r1.FilteredOpenOrders);
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 19)(1, "aside", 27)(2, "div", 28)(3, "div", 29)(4, "div", 30);
+    i0.ɵɵelement(5, "i", 31);
+    i0.ɵɵtext(6, " Who is paying? ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "div", 32)(8, "div", 33)(9, "mj-form-field", 34);
+    i0.ɵɵlistener("Navigate", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Template_mj_form_field_Navigate_9_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.OnFormNavigate($event); return i0.ɵɵresetView(ctx_r1.OnPayerSelectionChanged()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "mj-form-field", 35);
+    i0.ɵɵlistener("Navigate", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Template_mj_form_field_Navigate_10_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.OnFormNavigate($event); return i0.ɵɵresetView(ctx_r1.OnPayerSelectionChanged()); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(11, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_11_Template, 5, 2, "div", 36);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "div", 28)(13, "div", 29)(14, "div", 30);
+    i0.ɵɵelement(15, "i", 37);
+    i0.ɵɵtext(16, " Payment details ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(17, "div", 32)(18, "div", 38)(19, "label", 39);
+    i0.ɵɵtext(20, "Amount received ($)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(21, "div", 40)(22, "span", 41);
+    i0.ɵɵtext(23, "$");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(24, "input", 42);
+    i0.ɵɵlistener("ngModelChange", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Template_input_ngModelChange_24_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnAmountChanged($event)); });
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(25, "div", 33)(26, "mj-form-field", 43);
+    i0.ɵɵlistener("Navigate", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Template_mj_form_field_Navigate_26_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(27, "div", 38)(28, "label", 39);
+    i0.ɵɵtext(29, "Payment Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(30, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_30_Template, 5, 2, "select", 44)(31, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_31_Template, 1, 4, "mj-form-field", 45);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(32, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_32_Template, 19, 6, "div", 46)(33, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_33_Template, 39, 12, "div", 46)(34, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_34_Template, 31, 11, "div", 46)(35, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_35_Template, 10, 2, "div", 46);
+    i0.ɵɵelementStart(36, "mj-form-field", 47);
+    i0.ɵɵlistener("Navigate", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Template_mj_form_field_Navigate_36_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(37, "mj-form-field", 48);
+    i0.ɵɵlistener("Navigate", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Template_mj_form_field_Navigate_37_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(38, "div", 49)(39, "span", 50);
+    i0.ɵɵtext(40, "Net Settlement Amount");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(41, "span", 51);
+    i0.ɵɵtext(42);
+    i0.ɵɵelementEnd()()()()();
+    i0.ɵɵelementStart(43, "main", 52)(44, "div", 53)(45, "div", 54)(46, "div", 55)(47, "span", 56);
+    i0.ɵɵtext(48, "Payment Received");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(49, "span", 57);
+    i0.ɵɵtext(50);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(51, "div", 58);
+    i0.ɵɵelement(52, "i", 59);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(53, "div", 55)(54, "span", 56);
+    i0.ɵɵtext(55, "Allocated");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(56, "span", 57);
+    i0.ɵɵtext(57);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(58, "div", 58);
+    i0.ɵɵelement(59, "i", 60);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(60, "div", 55)(61, "span", 56);
+    i0.ɵɵtext(62, "Unallocated Remainder");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(63, "span", 57);
+    i0.ɵɵtext(64);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(65, "div", 61);
+    i0.ɵɵconditionalCreate(66, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_66_Template, 3, 0)(67, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_67_Template, 3, 1)(68, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_68_Template, 3, 1);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(69, "div", 62)(70, "div", 63)(71, "h2", 64);
+    i0.ɵɵelement(72, "i", 65);
+    i0.ɵɵtext(73, " Open orders ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(74, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_74_Template, 2, 1, "span", 66);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(75, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_75_Template, 10, 1, "div", 67);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(76, "div", 68);
+    i0.ɵɵconditionalCreate(77, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_77_Template, 4, 0, "div", 69)(78, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_78_Template, 6, 0, "div", 69)(79, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Conditional_79_Template, 26, 1, "div", 70);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(9);
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.ComposeMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.ComposeMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.hasPayer ? 11 : -1);
+    i0.ɵɵadvance(13);
+    i0.ɵɵproperty("ngModel", ctx_r1.record.Amount)("disabled", !ctx_r1.ComposeMode);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.ComposeMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r1.ComposeMode && ctx_r1.PaymentTypes.length > 0 ? 30 : 31);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.PaymentTypeCode === "check" || (ctx_r1.SelectedPaymentType == null ? null : ctx_r1.SelectedPaymentType.RequiresReference) && !ctx_r1.RequiresInstrument ? 32 : ctx_r1.PaymentTypeCode === "card" || ctx_r1.RequiresInstrument ? 33 : ctx_r1.PaymentTypeCode === "ach" ? 34 : ctx_r1.RequiresReference ? 35 : -1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.ComposeMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.ComposeMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.FormattedNetAmount);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("is-balanced", ctx_r1.IsAllocationBalanced)("is-warning", !ctx_r1.IsAllocationBalanced && ctx_r1.UnallocatedRemainder > 0)("is-error", ctx_r1.UnallocatedRemainder < 0);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate1("$", (ctx_r1.record.Amount || 0).toFixed(2));
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate1("$", ctx_r1.TotalAllocated.toFixed(2));
+    i0.ɵɵadvance(6);
+    i0.ɵɵclassProp("text-danger", ctx_r1.UnallocatedRemainder < 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" $", ctx_r1.Math.abs(ctx_r1.UnallocatedRemainder).toFixed(2), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.IsAllocationBalanced ? 66 : ctx_r1.UnallocatedRemainder > 0 ? 67 : 68);
+    i0.ɵɵadvance(8);
+    i0.ɵɵconditional(ctx_r1.OpenOrders.length > 0 ? 74 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r1.IsCaptured && ctx_r1.OpenOrders.length > 0 ? 75 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.LoadingOpenOrders ? 77 : ctx_r1.OpenOrders.length === 0 ? 78 : 79);
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_44_Conditional_13_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 69);
+    i0.ɵɵelement(1, "i", 115);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "Rolling up general ledger accounts\u2026");
+    i0.ɵɵelementEnd()();
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_44_Conditional_13_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.RollupError);
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_44_Conditional_13_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 69);
+    i0.ɵɵelement(1, "i", 154);
+    i0.ɵɵelementStart(2, "h3");
+    i0.ɵɵtext(3, "No journal entries booked yet");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p");
+    i0.ɵɵtext(5, "Journal entries are booked automatically upon capturing and settling the payment.");
+    i0.ɵɵelementEnd()();
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_44_Conditional_13_Conditional_3_For_2_For_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 159);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td")(4, "span");
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "td", 130);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "td", 130);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const row_r20 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(6);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r20.AccountCode || "\u2014");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(row_r20.AccountName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r20.Debit ? ctx_r1.RollupAmount(row_r20.Debit) : "\u2014");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r20.Credit ? ctx_r1.RollupAmount(row_r20.Credit) : "\u2014");
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_44_Conditional_13_Conditional_3_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 155)(1, "div", 29)(2, "div")(3, "h3", 30);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 127);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "span", 66);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "div", 156)(10, "table", 157)(11, "thead")(12, "tr")(13, "th");
+    i0.ɵɵtext(14, "GL Account");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "th");
+    i0.ɵɵtext(16, "Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "th", 119);
+    i0.ɵɵtext(18, "Debit");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "th", 119);
+    i0.ɵɵtext(20, "Credit");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(21, "tbody");
+    i0.ɵɵrepeaterCreate(22, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_44_Conditional_13_Conditional_3_For_2_For_23_Template, 10, 4, "tr", null, _forTrack2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(24, "tfoot")(25, "tr")(26, "th", 158);
+    i0.ɵɵtext(27, "Total");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(28, "th", 130);
+    i0.ɵɵtext(29);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(30, "th", 130);
+    i0.ɵɵtext(31);
+    i0.ɵɵelementEnd()()()()()();
+} if (rf & 2) {
+    const card_r21 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(card_r21.Company);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2("", card_r21.Rows.length, " ", card_r21.Rows.length === 1 ? "line" : "lines");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("mjo-badge--success", ctx_r1.CardIsBalanced(card_r21))("mjo-badge--error", !ctx_r1.CardIsBalanced(card_r21));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.CardIsBalanced(card_r21) ? "Balanced" : "Out of Balance", " ");
+    i0.ɵɵadvance(14);
+    i0.ɵɵrepeater(card_r21.Rows);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate1("$", card_r21.TotalDebit.toFixed(2));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("$", card_r21.TotalCredit.toFixed(2));
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_44_Conditional_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 153);
+    i0.ɵɵrepeaterCreate(1, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_44_Conditional_13_Conditional_3_For_2_Template, 32, 10, "div", 155, _forTrack1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.RollupCards);
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_44_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_44_Conditional_13_Conditional_0_Template, 4, 0, "div", 69)(1, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_44_Conditional_13_Conditional_1_Template, 2, 1, "div", 18)(2, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_44_Conditional_13_Conditional_2_Template, 6, 0, "div", 69)(3, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_44_Conditional_13_Conditional_3_Template, 3, 0, "div", 153);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵconditional(ctx_r1.RollupLoading ? 0 : ctx_r1.RollupError ? 1 : ctx_r1.RollupCards.length === 0 ? 2 : 3);
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_44_Conditional_14_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid", 161);
+    i0.ɵɵlistener("Navigate", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_44_Conditional_14_Conditional_0_Template_mj_explorer_entity_data_grid_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("Params", ctx_r1.PaymentJournalEntryParams)("AllowLoad", true)("ShowToolbar", false);
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_44_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_44_Conditional_14_Conditional_0_Template, 1, 3, "mj-explorer-entity-data-grid", 160);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵconditional(ctx_r1.PaymentJournalEntryParams ? 0 : -1);
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 20)(1, "div", 148)(2, "div")(3, "h2");
+    i0.ɵɵelement(4, "i", 149);
+    i0.ɵɵtext(5, " General Ledger Postings");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "p", 150);
+    i0.ɵɵtext(7, "Double-entry balanced accounting entries booked across operating and receivable accounts.");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 151)(9, "button", 152);
+    i0.ɵɵlistener("click", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_44_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SetAccountingView("summary")); });
+    i0.ɵɵtext(10, " Summary (Rolled-up) ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "button", 152);
+    i0.ɵɵlistener("click", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_44_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SetAccountingView("detail")); });
+    i0.ɵɵtext(12, " By Journal Entry ");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(13, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_44_Conditional_13_Template, 4, 1)(14, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_44_Conditional_14_Template, 1, 1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(9);
+    i0.ɵɵclassProp("is-active", ctx_r1.AccountingView === "summary");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("is-active", ctx_r1.AccountingView === "detail");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.AccountingView === "summary" ? 13 : 14);
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_45_Template(rf, ctx) { if (rf & 1) {
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 20)(1, "div", 162)(2, "div", 28)(3, "div", 29)(4, "h3", 30);
+    i0.ɵɵelement(5, "i", 163);
+    i0.ɵɵtext(6, " Processing & Gateway Details");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "div", 164)(8, "mj-form-field", 165);
+    i0.ɵɵlistener("Navigate", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_45_Template_mj_form_field_Navigate_8_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "mj-form-field", 166);
+    i0.ɵɵlistener("Navigate", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_45_Template_mj_form_field_Navigate_9_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "mj-form-field", 167);
+    i0.ɵɵlistener("Navigate", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_45_Template_mj_form_field_Navigate_10_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(11, "mj-form-field", 168)(12, "mj-form-field", 169)(13, "mj-form-field", 170);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(14, "div", 28)(15, "div", 29)(16, "h3", 30);
+    i0.ɵɵelement(17, "i", 171);
+    i0.ɵɵtext(18, " Reversal Info & Notes");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(19, "div", 164)(20, "mj-form-field", 172);
+    i0.ɵɵlistener("Navigate", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_45_Template_mj_form_field_Navigate_20_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(21, "mj-form-field", 173)(22, "mj-form-field", 174)(23, "mj-form-field", 175);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(24, "div", 28)(25, "div", 29)(26, "h3", 30);
+    i0.ɵɵelement(27, "i", 176);
+    i0.ɵɵtext(28, " System Metadata");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(29, "div", 164);
+    i0.ɵɵelement(30, "mj-form-field", 177)(31, "mj-form-field", 178);
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", false)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", false)("FormContext", ctx_r1.formContext);
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_46_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 20)(1, "mj-collapsible-panel", 179)(2, "mj-explorer-entity-data-grid", 180);
+    i0.ɵɵlistener("Navigate", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_46_Template_mj_explorer_entity_data_grid_Navigate_2_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); })("AfterDataLoad", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_46_Template_mj_explorer_entity_data_grid_AfterDataLoad_2_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SetSectionRowCount("mJBizAppsOrdersStoredValueTransactions", $event.totalRowCount)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(3, "mj-collapsible-panel", 181)(4, "mj-explorer-entity-data-grid", 180);
+    i0.ɵɵlistener("Navigate", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_46_Template_mj_explorer_entity_data_grid_Navigate_4_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); })("AfterDataLoad", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_46_Template_mj_explorer_entity_data_grid_AfterDataLoad_4_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SetSectionRowCount("mJBizAppsOrdersSubscriptionEvents", $event.totalRowCount)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "mj-collapsible-panel", 182)(6, "mj-explorer-entity-data-grid", 180);
+    i0.ɵɵlistener("Navigate", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_46_Template_mj_explorer_entity_data_grid_Navigate_6_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); })("AfterDataLoad", function BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_46_Template_mj_explorer_entity_data_grid_AfterDataLoad_6_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SetSectionRowCount("mJBizAppsOrdersPaymentHeaders", $event.totalRowCount)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Form", ctx_r1)("FormContext", ctx_r1.formContext)("BadgeCount", ctx_r1.GetSectionRowCount("mJBizAppsOrdersStoredValueTransactions"))("DefaultExpanded", true);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ_BizApps_Orders: Stored Value Transactions", "RelatedPaymentID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ_BizApps_Orders: Stored Value Transactions", "RelatedPaymentID"))("AllowLoad", true)("ShowToolbar", true);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Form", ctx_r1)("FormContext", ctx_r1.formContext)("BadgeCount", ctx_r1.GetSectionRowCount("mJBizAppsOrdersSubscriptionEvents"))("DefaultExpanded", false);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ_BizApps_Orders: Subscription Events", "PaymentHeaderID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ_BizApps_Orders: Subscription Events", "PaymentHeaderID"))("AllowLoad", true)("ShowToolbar", true);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Form", ctx_r1)("FormContext", ctx_r1.formContext)("BadgeCount", ctx_r1.GetSectionRowCount("mJBizAppsOrdersPaymentHeaders"))("DefaultExpanded", false);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ_BizApps_Orders: Payment Headers", "ReversesPaymentHeaderID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ_BizApps_Orders: Payment Headers", "ReversesPaymentHeaderID"))("AllowLoad", true)("ShowToolbar", true);
+} }
+function BizAppsPaymentHeaderFormComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-record-form-container", 1);
+    i0.ɵɵlistener("Navigate", function BizAppsPaymentHeaderFormComponent_Conditional_0_Template_mj_record_form_container_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); })("DeleteRequested", function BizAppsPaymentHeaderFormComponent_Conditional_0_Template_mj_record_form_container_DeleteRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDeleteRequested()); })("FavoriteToggled", function BizAppsPaymentHeaderFormComponent_Conditional_0_Template_mj_record_form_container_FavoriteToggled_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnFavoriteToggled()); })("HistoryRequested", function BizAppsPaymentHeaderFormComponent_Conditional_0_Template_mj_record_form_container_HistoryRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnHistoryRequested()); })("ListManagementRequested", function BizAppsPaymentHeaderFormComponent_Conditional_0_Template_mj_record_form_container_ListManagementRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnListManagementRequested()); });
+    i0.ɵɵelement(1, "mj-form-panel-slot", 2);
+    i0.ɵɵelementStart(2, "div", 3)(3, "div", 4)(4, "div", 5)(5, "div", 6);
+    i0.ɵɵelement(6, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div")(8, "div", 7)(9, "h1", 8);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "span");
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(13, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_13_Template, 3, 0, "span", 9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "div", 10);
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(16, "div", 11)(17, "div", 12)(18, "div")(19, "span", 13);
+    i0.ɵɵtext(20, "Gross");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(21, "span", 14);
+    i0.ɵɵtext(22);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(23, "div")(24, "span", 13);
+    i0.ɵɵtext(25, "Fee");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "span", 14);
+    i0.ɵɵtext(27);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(28, "div")(29, "span", 13);
+    i0.ɵɵtext(30, "Net");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(31, "span", 14);
+    i0.ɵɵtext(32);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(33, "div")(34, "span", 13);
+    i0.ɵɵtext(35, "Allocations");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(36, "span", 14);
+    i0.ɵɵconditionalCreate(37, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_37_Template, 1, 1)(38, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_38_Template, 1, 1);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(39, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_39_Template, 7, 4, "div", 15);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(40, "div", 16)(41, "mj-tab-nav", 17);
+    i0.ɵɵlistener("TabChange", function BizAppsPaymentHeaderFormComponent_Conditional_0_Template_mj_tab_nav_TabChange_41_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SelectTab($event)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(42, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_42_Template, 6, 1, "div", 18);
+    i0.ɵɵconditionalCreate(43, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_43_Template, 80, 41, "div", 19);
+    i0.ɵɵconditionalCreate(44, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_44_Template, 15, 5, "div", 20);
+    i0.ɵɵconditionalCreate(45, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_45_Template, 32, 48, "div", 20);
+    i0.ɵɵconditionalCreate(46, BizAppsPaymentHeaderFormComponent_Conditional_0_Conditional_46_Template, 7, 24, "div", 20);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Record", ctx_r1.record)("FormComponent", ctx_r1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Entity", i0.ɵɵinterpolate(ctx_r1.record.EntityInfo.Name))("Record", ctx_r1.record)("FormComponent", ctx_r1)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance(4);
+    i0.ɵɵclassProp("is-reversal", ctx_r1.IsReversal);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r1.PaymentAvatarIcon);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate2(" ", ctx_r1.record.PaymentNumber || "New payment", " \u00B7 ", ctx_r1.FormattedGrossAmount, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r1.StatusBadgeClass);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.record.Status || "Draft");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.IsReversal ? 13 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.HeaderSubtitle);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate(ctx_r1.FormattedGrossAmount);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.FormattedFee);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.FormattedNetAmount);
+    i0.ɵɵadvance(4);
+    i0.ɵɵclassProp("is-balanced", ctx_r1.IsAllocationBalanced)("is-unbalanced", !ctx_r1.IsAllocationBalanced && ctx_r1.TotalAllocated > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.IsCaptured ? 37 : 38);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(!ctx_r1.IsCaptured ? 39 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Tabs", ctx_r1.ContextTabs)("ActiveKey", ctx_r1.ActiveTab ?? "");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.CaptureError ? 42 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ActiveTab === "payment" ? 43 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ActiveTab === "accounting" ? 44 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ActiveTab === "details" ? 45 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ActiveTab === "related" ? 46 : -1);
+} }
+const ACCOUNTING_VIEW_SETTING = 'mj.orders.paymentHeader.accountingView';
+const PAYMENT_TAB_SETTING = 'mj.orders.paymentHeader.activeTab';
+export const PAYMENT_FORM_TABS = [
+    { key: 'payment', label: 'Payment & Allocation', icon: 'fa-solid fa-money-bill-transfer' },
+    { key: 'accounting', label: 'Accounting & Ledger', icon: 'fa-solid fa-book' },
+    { key: 'details', label: 'Details & Notes', icon: 'fa-solid fa-sliders' },
+    { key: 'related', label: 'Related Records', icon: 'fa-solid fa-layer-group' },
+];
+/**
+ * Custom Payment Header form component overriding the CodeGen-generated form.
+ *
+ * Registered with priority 2 to override mjBizAppsOrdersPaymentHeaderFormComponent in ClassFactory.
+ * Provides a unified creation, editing, allocation, and review experience directly
+ * within the standard MemberJunction entity form.
+ */
+let BizAppsPaymentHeaderFormComponent = class BizAppsPaymentHeaderFormComponent extends mjBizAppsOrdersPaymentHeaderFormComponent {
+    record;
+    navigationService = inject(NavigationService, { optional: true });
+    Math = Math;
+    ActiveTab = 'payment';
+    PaymentTypes = [];
+    SellingCompanies = [];
+    AccountingView = 'summary';
+    RollupCards = [];
+    RollupLoading = false;
+    RollupError = null;
+    RollupJournalCount = 0;
+    // ── Allocation State for New / Uncaptured Payments ───────────────────────
+    OpenOrders = [];
+    OrderLinesMap = new Map();
+    OrderAllocations = {};
+    LineAllocations = {};
+    ExpandedOrderIDs = new Set();
+    LoadingOpenOrders = false;
+    AllocationError = null;
+    SearchQuery = '';
+    Saving = false;
+    Capturing = false;
+    CaptureError = null;
+    AmountManuallySet = false;
+    lastLoadedCustomerKey = null;
+    get ContextTabs() {
+        if (!this.record?.IsSaved || !this.IsCaptured) {
+            return [
+                { key: 'payment', label: 'Payment & Allocation', icon: 'fa-solid fa-money-bill-transfer' },
+                { key: 'details', label: 'Details & Notes', icon: 'fa-solid fa-sliders' },
+            ];
+        }
+        return PAYMENT_FORM_TABS;
+    }
+    OnFormNavigate(event) {
+        this.Navigate.emit(event);
+        DispatchFormNavigation(event, this.navigationService);
+    }
+    async ngOnInit() {
+        await super.ngOnInit();
+        this.AmountManuallySet = Boolean(this.record?.Amount && this.record.Amount > 0 && this.record.IsSaved);
+        this.Config = { ...(this.Config ?? {}), ShowRelatedEntities: false };
+        const savedView = UserInfoEngine.Instance.GetSetting(ACCOUNTING_VIEW_SETTING);
+        if (savedView === 'summary' || savedView === 'detail') {
+            this.AccountingView = savedView;
+        }
+        const savedTab = UserInfoEngine.Instance.GetSetting(PAYMENT_TAB_SETTING);
+        if (savedTab === 'payment' || savedTab === 'accounting' || savedTab === 'details' || savedTab === 'related') {
+            this.ActiveTab = savedTab;
+        }
+        this.initSections([
+            { sectionKey: 'paymentInformation', sectionName: 'Payment Details & Money Breakdown', isExpanded: true },
+            { sectionKey: 'mJBizAppsOrdersPaymentLines', sectionName: 'Payment Allocations (Order Lines Settled)', isExpanded: true },
+            { sectionKey: 'relationships', sectionName: 'Payer & Receiving Account', isExpanded: true },
+            { sectionKey: 'accounting', sectionName: 'Accounting', isExpanded: true },
+            { sectionKey: 'processingDetails', sectionName: 'Processing & Gateway Settlement', isExpanded: true },
+            { sectionKey: 'reversalInformation', sectionName: 'Reversal & Refund Linking', isExpanded: true },
+            { sectionKey: 'mJBizAppsOrdersStoredValueTransactions', sectionName: 'Stored Value & Account Credit Transactions', isExpanded: false },
+            { sectionKey: 'notesAndMetadata', sectionName: 'Memo & Internal Notes', isExpanded: false },
+            { sectionKey: 'mJBizAppsOrdersSubscriptionEvents', sectionName: 'Subscription Billing Events', isExpanded: false },
+        ]);
+        await this.loadPaymentTypes();
+        await this.loadSellingCompanies();
+        if (this.IsCaptured) {
+            void this.loadPaymentJournalRollup();
+        }
+        else {
+            if (this.record?.IsSaved && !this.record.Lines.IsLoaded) {
+                await this.record.Lines.Load();
+            }
+            await this.loadOpenOrdersForCustomer();
+            this.populateExistingAllocations();
+        }
+        this.RegisterToolbarItem({
+            Key: 'save-draft-toolbar',
+            Text: 'Save draft',
+            Icon: 'fa-solid fa-floppy-disk',
+            Variant: 'secondary',
+            Mode: 'both',
+            Order: 5,
+            Visible: () => !this.IsCaptured,
+            Disabled: () => (this.Saving || this.Capturing ? 'Saving…' : false),
+            OnClick: async () => this.SaveAsDraft(),
+        });
+        this.RegisterToolbarItem({
+            Key: 'capture-payment-toolbar',
+            Text: 'Capture & Book',
+            Icon: 'fa-solid fa-check-double',
+            Variant: 'primary',
+            Mode: 'both',
+            Order: 6,
+            Visible: () => !this.IsCaptured,
+            Disabled: () => {
+                if (this.Capturing)
+                    return 'Capturing & booking…';
+                if (!this.record?.Amount || this.record.Amount <= 0)
+                    return 'Payment amount must be greater than zero.';
+                if (!this.hasPayer)
+                    return 'Choose who is paying (Bill-To customer).';
+                if (!this.IsAllocationBalanced)
+                    return `Allocations do not tie: $${Math.abs(this.UnallocatedRemainder).toFixed(2)} ${this.UnallocatedRemainder > 0 ? 'unallocated remaining' : 'over-allocated'}.`;
+                return false;
+            },
+            OnClick: async () => this.CapturePayment(),
+        });
+        this.cdr?.detectChanges?.();
+    }
+    SelectTab(key) {
+        this.ActiveTab = key;
+        UserInfoEngine.Instance.SetSettingDebounced(PAYMENT_TAB_SETTING, key);
+        if (key === 'accounting') {
+            void this.loadPaymentJournalRollup();
+        }
+    }
+    get ComposeMode() {
+        if (!this.record)
+            return false;
+        if (this.IsCaptured)
+            return false;
+        return !this.record.IsSaved || this.EditMode;
+    }
+    ngDoCheck() {
+        const currentKey = `${this.record?.BillToOrganizationID || ''}|${this.record?.BillToPersonID || ''}`;
+        if (currentKey !== this.lastLoadedCustomerKey) {
+            this.lastLoadedCustomerKey = currentKey;
+            void this.loadOpenOrdersForCustomer();
+        }
+    }
+    // ── Payment Facts & Status Getters ──────────────────────────────────────
+    get IsCaptured() {
+        const status = this.record?.Status;
+        return status === 'Captured' || status === 'Refunded';
+    }
+    get IsReversal() {
+        return Boolean(this.record?.ReversesPaymentHeaderID || (this.record?.Amount != null && this.record.Amount < 0) || this.record?.ProviderRefundID);
+    }
+    get PaymentAvatarIcon() {
+        if (this.IsReversal) {
+            return 'fa-solid fa-rotate-left';
+        }
+        const tender = (this.record?.PaymentType ?? '').toLowerCase();
+        if (tender.includes('card') || tender.includes('credit card') || tender.includes('debit')) {
+            return 'fa-solid fa-credit-card';
+        }
+        if (tender.includes('check')) {
+            return 'fa-solid fa-money-check';
+        }
+        if (tender.includes('wire') || tender.includes('ach') || tender.includes('bank')) {
+            return 'fa-solid fa-building-columns';
+        }
+        if (tender.includes('credit') || tender.includes('stored') || tender.includes('wallet')) {
+            return 'fa-solid fa-piggy-bank';
+        }
+        return 'fa-solid fa-hand-holding-dollar';
+    }
+    get StatusBadgeClass() {
+        const status = this.record?.Status;
+        switch (status) {
+            case 'Captured':
+                return 'mjo-status-chip mjo-status-chip--active';
+            case 'Pending':
+                return 'mjo-status-chip mjo-status-chip--draft';
+            case 'Failed':
+                return 'mjo-status-chip mjo-status-chip--error';
+            case 'Refunded':
+                return 'mjo-status-chip mjo-status-chip--purple';
+            case 'Disputed':
+                return 'mjo-status-chip mjo-status-chip--warning';
+            default:
+                return 'mjo-status-chip';
+        }
+    }
+    get FormattedGrossAmount() {
+        if (this.record?.Amount == null)
+            return '$0.00';
+        return FormatMoney(this.record.Amount);
+    }
+    get FormattedFee() {
+        if (this.record?.ProcessingFeeAmount == null)
+            return '$0.00';
+        return FormatMoney(this.record.ProcessingFeeAmount);
+    }
+    get FormattedNetAmount() {
+        if (this.record?.NetAmount != null) {
+            return FormatMoney(this.record.NetAmount);
+        }
+        if (this.record?.Amount != null) {
+            const net = this.record.Amount - (this.record.ProcessingFeeAmount || 0);
+            return FormatMoney(net);
+        }
+        return '—';
+    }
+    get SettlementStatusText() {
+        const status = this.record?.Status;
+        switch (status) {
+            case 'Captured':
+                return 'Captured (Financials Locked)';
+            case 'Refunded':
+                return 'Refunded / Reversed';
+            case 'Disputed':
+                return 'Disputed / Chargeback';
+            case 'Failed':
+                return 'Payment Failed';
+            case 'Pending':
+            default:
+                return 'Pending Capture';
+        }
+    }
+    get hasPayer() {
+        return Boolean(this.record?.BillToOrganizationID || this.record?.BillToPersonID);
+    }
+    get PayerDisplayName() {
+        return this.record?.BillToOrganization || this.record?.BillToPerson || (this.hasPayer ? 'Customer Selected' : 'Choose who pays');
+    }
+    get PayerSubtext() {
+        const parts = [this.record?.BillToOrganization, this.record?.BillToPerson].filter(Boolean);
+        if (parts.length > 1)
+            return `Bill-To Person: ${this.record.BillToPerson}`;
+        return this.hasPayer ? 'Payer confirmed' : 'Select an organization or person';
+    }
+    get HeaderSubtitle() {
+        const dateStr = this.record?.PaymentDate ? FormatDate(this.record.PaymentDate) : '';
+        const tenderStr = this.record?.PaymentType || 'Direct Payment';
+        const parts = [dateStr, tenderStr, this.PayerDisplayName !== 'Choose who pays' ? this.PayerDisplayName : ''].filter(Boolean);
+        return parts.join(' · ') || 'New payment entry and order allocation';
+    }
+    // ── Payment Detail & Instrument Accessors ───────────────────────────────
+    get SelectedPaymentType() {
+        if (!this.record?.PaymentTypeID)
+            return undefined;
+        return this.PaymentTypes.find(t => UUIDsEqual(t.ID, this.record?.PaymentTypeID));
+    }
+    get PaymentTypeCode() {
+        const type = this.SelectedPaymentType;
+        if (type?.Code)
+            return type.Code.toLowerCase();
+        const name = (type?.Name || this.record?.PaymentType || '').toLowerCase();
+        if (name.includes('check'))
+            return 'check';
+        if (name.includes('card') || name.includes('credit') || name.includes('debit'))
+            return 'card';
+        if (name.includes('ach') || name.includes('bank') || name.includes('direct debit'))
+            return 'ach';
+        if (name.includes('wire'))
+            return 'wire';
+        return '';
+    }
+    get RequiresReference() {
+        return Boolean(this.SelectedPaymentType?.RequiresReference || this.PaymentTypeCode === 'check' || this.PaymentTypeCode === 'wire' || this.PaymentTypeCode === 'ach');
+    }
+    get RequiresInstrument() {
+        return Boolean(this.SelectedPaymentType?.RequiresInstrument || this.PaymentTypeCode === 'card' || this.PaymentTypeCode === 'ach');
+    }
+    EnsurePaymentDetail() {
+        if (!this.record)
+            return null;
+        const detail = this.record.PaymentDetailID_EnsureObject();
+        if (!detail.CompanyID && this.record.ReceivingCompanyID) {
+            detail.CompanyID = this.record.ReceivingCompanyID;
+        }
+        if (!detail.PaymentTypeID && this.record.PaymentTypeID) {
+            detail.PaymentTypeID = this.record.PaymentTypeID;
+        }
+        return detail;
+    }
+    isPaymentDetailEmpty(detail) {
+        return (!detail.ReferenceNumber?.trim() &&
+            !detail.Brand?.trim() &&
+            !detail.Last4?.trim() &&
+            !detail.HolderName?.trim() &&
+            !detail.BankName?.trim() &&
+            !detail.RoutingLast4?.trim() &&
+            !detail.AccountLast4?.trim() &&
+            !detail.BankAccountType &&
+            !detail.ExpiryMonth &&
+            !detail.ExpiryYear &&
+            !detail.Notes?.trim() &&
+            !detail.ProviderInstrumentRef?.trim() &&
+            !detail.ProviderCustomerRef?.trim() &&
+            !detail.StoredValueAccountID);
+    }
+    get ReferenceNumber() {
+        return this.record?.PaymentDetailID_Object?.ReferenceNumber ?? '';
+    }
+    set ReferenceNumber(val) {
+        const trimmed = (val ?? '').trim();
+        if (trimmed) {
+            const detail = this.EnsurePaymentDetail();
+            if (detail)
+                detail.ReferenceNumber = trimmed;
+        }
+        else if (this.record?.PaymentDetailID_Object) {
+            this.record.PaymentDetailID_Object.ReferenceNumber = null;
+            if (this.isPaymentDetailEmpty(this.record.PaymentDetailID_Object)) {
+                this.record.ClearPaymentDetail();
+            }
+        }
+    }
+    get InstrumentDateInput() {
+        const d = this.record?.PaymentDetailID_Object?.InstrumentDate;
+        if (!d)
+            return '';
+        return new Date(d).toISOString().split('T')[0];
+    }
+    set InstrumentDateInput(val) {
+        if (val) {
+            const detail = this.EnsurePaymentDetail();
+            if (detail)
+                detail.InstrumentDate = new Date(val);
+        }
+        else if (this.record?.PaymentDetailID_Object) {
+            this.record.PaymentDetailID_Object.InstrumentDate = null;
+            if (this.isPaymentDetailEmpty(this.record.PaymentDetailID_Object)) {
+                this.record.ClearPaymentDetail();
+            }
+        }
+    }
+    get CardBrand() {
+        return this.record?.PaymentDetailID_Object?.Brand ?? '';
+    }
+    set CardBrand(val) {
+        const trimmed = (val ?? '').trim();
+        if (trimmed) {
+            const detail = this.EnsurePaymentDetail();
+            if (detail)
+                detail.Brand = trimmed;
+        }
+        else if (this.record?.PaymentDetailID_Object) {
+            this.record.PaymentDetailID_Object.Brand = null;
+            if (this.isPaymentDetailEmpty(this.record.PaymentDetailID_Object)) {
+                this.record.ClearPaymentDetail();
+            }
+        }
+    }
+    get CardLast4() {
+        return this.record?.PaymentDetailID_Object?.Last4 ?? '';
+    }
+    set CardLast4(val) {
+        const trimmed = (val ?? '').trim().slice(-4);
+        if (trimmed) {
+            const detail = this.EnsurePaymentDetail();
+            if (detail)
+                detail.Last4 = trimmed;
+        }
+        else if (this.record?.PaymentDetailID_Object) {
+            this.record.PaymentDetailID_Object.Last4 = null;
+            if (this.isPaymentDetailEmpty(this.record.PaymentDetailID_Object)) {
+                this.record.ClearPaymentDetail();
+            }
+        }
+    }
+    get CardHolderName() {
+        return this.record?.PaymentDetailID_Object?.HolderName ?? '';
+    }
+    set CardHolderName(val) {
+        const trimmed = (val ?? '').trim();
+        if (trimmed) {
+            const detail = this.EnsurePaymentDetail();
+            if (detail)
+                detail.HolderName = trimmed;
+        }
+        else if (this.record?.PaymentDetailID_Object) {
+            this.record.PaymentDetailID_Object.HolderName = null;
+            if (this.isPaymentDetailEmpty(this.record.PaymentDetailID_Object)) {
+                this.record.ClearPaymentDetail();
+            }
+        }
+    }
+    get CardExpMonth() {
+        return this.record?.PaymentDetailID_Object?.ExpiryMonth ?? null;
+    }
+    set CardExpMonth(val) {
+        const num = val != null && val !== '' ? Number(val) : null;
+        if (num && num >= 1 && num <= 12) {
+            const detail = this.EnsurePaymentDetail();
+            if (detail)
+                detail.ExpiryMonth = num;
+        }
+        else if (this.record?.PaymentDetailID_Object) {
+            this.record.PaymentDetailID_Object.ExpiryMonth = null;
+            if (this.isPaymentDetailEmpty(this.record.PaymentDetailID_Object)) {
+                this.record.ClearPaymentDetail();
+            }
+        }
+    }
+    get CardExpYear() {
+        return this.record?.PaymentDetailID_Object?.ExpiryYear ?? null;
+    }
+    set CardExpYear(val) {
+        const num = val != null && val !== '' ? Number(val) : null;
+        if (num && num >= 2020) {
+            const detail = this.EnsurePaymentDetail();
+            if (detail)
+                detail.ExpiryYear = num;
+        }
+        else if (this.record?.PaymentDetailID_Object) {
+            this.record.PaymentDetailID_Object.ExpiryYear = null;
+            if (this.isPaymentDetailEmpty(this.record.PaymentDetailID_Object)) {
+                this.record.ClearPaymentDetail();
+            }
+        }
+    }
+    get BankName() {
+        return this.record?.PaymentDetailID_Object?.BankName ?? '';
+    }
+    set BankName(val) {
+        const trimmed = (val ?? '').trim();
+        if (trimmed) {
+            const detail = this.EnsurePaymentDetail();
+            if (detail)
+                detail.BankName = trimmed;
+        }
+        else if (this.record?.PaymentDetailID_Object) {
+            this.record.PaymentDetailID_Object.BankName = null;
+            if (this.isPaymentDetailEmpty(this.record.PaymentDetailID_Object)) {
+                this.record.ClearPaymentDetail();
+            }
+        }
+    }
+    get BankAccountType() {
+        return this.record?.PaymentDetailID_Object?.BankAccountType ?? null;
+    }
+    set BankAccountType(val) {
+        if (val === 'Checking' || val === 'Savings') {
+            const detail = this.EnsurePaymentDetail();
+            if (detail)
+                detail.BankAccountType = val;
+        }
+        else if (this.record?.PaymentDetailID_Object) {
+            this.record.PaymentDetailID_Object.BankAccountType = null;
+            if (this.isPaymentDetailEmpty(this.record.PaymentDetailID_Object)) {
+                this.record.ClearPaymentDetail();
+            }
+        }
+    }
+    get RoutingLast4() {
+        return this.record?.PaymentDetailID_Object?.RoutingLast4 ?? '';
+    }
+    set RoutingLast4(val) {
+        const trimmed = (val ?? '').trim().slice(-4);
+        if (trimmed) {
+            const detail = this.EnsurePaymentDetail();
+            if (detail)
+                detail.RoutingLast4 = trimmed;
+        }
+        else if (this.record?.PaymentDetailID_Object) {
+            this.record.PaymentDetailID_Object.RoutingLast4 = null;
+            if (this.isPaymentDetailEmpty(this.record.PaymentDetailID_Object)) {
+                this.record.ClearPaymentDetail();
+            }
+        }
+    }
+    get AccountLast4() {
+        return this.record?.PaymentDetailID_Object?.AccountLast4 ?? '';
+    }
+    set AccountLast4(val) {
+        const trimmed = (val ?? '').trim().slice(-4);
+        if (trimmed) {
+            const detail = this.EnsurePaymentDetail();
+            if (detail)
+                detail.AccountLast4 = trimmed;
+        }
+        else if (this.record?.PaymentDetailID_Object) {
+            this.record.PaymentDetailID_Object.AccountLast4 = null;
+            if (this.isPaymentDetailEmpty(this.record.PaymentDetailID_Object)) {
+                this.record.ClearPaymentDetail();
+            }
+        }
+    }
+    OnPaymentTypeSelected(paymentTypeID) {
+        if (!this.record)
+            return;
+        this.record.PaymentTypeID = paymentTypeID || '';
+        if (paymentTypeID && this.record.PaymentDetailID_Object) {
+            this.record.PaymentDetailID_Object.PaymentTypeID = paymentTypeID;
+        }
+        this.cdr?.detectChanges?.();
+    }
+    // ── Payment Inputs & Changes ────────────────────────────────────────────
+    OnAmountChanged(val) {
+        if (!this.record)
+            return;
+        this.AmountManuallySet = true;
+        const num = typeof val === 'number' ? val : parseFloat(val) || 0;
+        this.record.Amount = num;
+        this.record.NetAmount = Math.max(0, num - (this.record.ProcessingFeeAmount || 0));
+        this.cdr?.detectChanges?.();
+    }
+    OnFeeChanged(val) {
+        if (!this.record)
+            return;
+        this.record.ProcessingFeeAmount = typeof val === 'number' ? val : parseFloat(val) || 0;
+        this.record.NetAmount = Math.max(0, (this.record.Amount || 0) - this.record.ProcessingFeeAmount);
+        this.cdr?.detectChanges?.();
+    }
+    get PaymentDateInput() {
+        if (!this.record?.PaymentDate)
+            return '';
+        const d = new Date(this.record.PaymentDate);
+        return d.toISOString().split('T')[0];
+    }
+    set PaymentDateInput(val) {
+        if (!this.record)
+            return;
+        this.record.PaymentDate = val ? new Date(val) : new Date();
+    }
+    async OnPayerSelectionChanged() {
+        const currentKey = `${this.record?.BillToOrganizationID || ''}:${this.record?.BillToPersonID || ''}`;
+        if (currentKey !== this.lastLoadedCustomerKey) {
+            this.lastLoadedCustomerKey = currentKey;
+            await this.loadOpenOrdersForCustomer();
+        }
+    }
+    // ── GL Books Impact Breakdown ───────────────────────────────────────────
+    get ReceivingCompanyName() {
+        if (!this.record?.ReceivingCompanyID)
+            return 'Primary Company';
+        const found = this.SellingCompanies.find(c => UUIDsEqual(c.ID, this.record.ReceivingCompanyID));
+        return found?.Name || this.record.ReceivingCompanyID;
+    }
+    // ── Allocation Matrix & Workbench Methods ───────────────────────────────
+    get FilteredOpenOrders() {
+        const q = (this.SearchQuery || '').trim().toLowerCase();
+        if (!q)
+            return this.OpenOrders;
+        return this.OpenOrders.filter((o) => (o.OrderNumber && o.OrderNumber.toLowerCase().includes(q)) ||
+            (o.Description && o.Description.toLowerCase().includes(q)) ||
+            (o.Company && o.Company.toLowerCase().includes(q)));
+    }
+    async loadOpenOrdersForCustomer() {
+        const orgID = this.record?.BillToOrganizationID;
+        const personID = this.record?.BillToPersonID;
+        this.LoadingOpenOrders = true;
+        this.AllocationError = null;
+        this.cdr?.detectChanges?.();
+        try {
+            const orders = await GetOrders({
+                BillToOrganizationID: orgID ?? undefined,
+                BillToPersonID: personID ?? undefined,
+                Preset: 'unpaid',
+                MaxRows: 100,
+                User: this.ProviderToUse?.CurrentUser,
+            });
+            this.OpenOrders = orders;
+            const orderIDs = orders.map((o) => o.ID).filter((id) => Boolean(id));
+            if (orderIDs.length > 0) {
+                const linesMap = await GetOrderLinesForOrders(orderIDs, this.ProviderToUse?.CurrentUser);
+                this.OrderLinesMap = linesMap;
+            }
+            else {
+                this.OrderLinesMap.clear();
+            }
+        }
+        catch (err) {
+            this.AllocationError = err instanceof Error ? err.message : 'Failed to load open orders';
+        }
+        finally {
+            this.LoadingOpenOrders = false;
+            this.cdr?.detectChanges?.();
+        }
+    }
+    populateExistingAllocations() {
+        if (!this.record?.Lines?.Items?.length)
+            return;
+        this.OrderAllocations = {};
+        this.LineAllocations = {};
+        for (const line of this.record.Lines.Items) {
+            if (line.OrderLineID) {
+                this.LineAllocations[String(line.OrderLineID).toLowerCase()] = line.Amount ?? 0;
+                if (line.OrderHeaderID) {
+                    this.ExpandedOrderIDs.add(String(line.OrderHeaderID).toLowerCase());
+                }
+            }
+            else if (line.OrderHeaderID) {
+                this.OrderAllocations[String(line.OrderHeaderID).toLowerCase()] = line.Amount ?? 0;
+            }
+        }
+    }
+    ToggleOrderExpanded(orderID) {
+        const key = orderID.toLowerCase();
+        if (this.ExpandedOrderIDs.has(key)) {
+            this.ExpandedOrderIDs.delete(key);
+        }
+        else {
+            this.ExpandedOrderIDs.add(key);
+        }
+        this.cdr?.detectChanges?.();
+    }
+    IsOrderExpanded(orderID) {
+        return this.ExpandedOrderIDs.has(orderID.toLowerCase());
+    }
+    GetOrderLines(orderID) {
+        if (!this.OrderLinesMap)
+            return [];
+        return this.OrderLinesMap.get(orderID.toLowerCase()) || this.OrderLinesMap.get(orderID) || [];
+    }
+    GetTotalLineAllocationsForOrder(orderID) {
+        const lines = this.GetOrderLines(orderID);
+        let sum = 0;
+        for (const l of lines) {
+            if (l.ID) {
+                sum += (this.LineAllocations || {})[l.ID.toLowerCase()] ?? 0;
+            }
+        }
+        return Math.round(sum * 100) / 100;
+    }
+    HasLineAllocations(orderID) {
+        return this.GetTotalLineAllocationsForOrder(orderID) > 0;
+    }
+    GetEffectiveOrderAllocation(orderID) {
+        const key = (orderID || '').toLowerCase();
+        if (this.HasLineAllocations(key)) {
+            return this.GetTotalLineAllocationsForOrder(key);
+        }
+        return (this.OrderAllocations || {})[key] ?? 0;
+    }
+    GetOrderAllocation(orderID) {
+        return this.GetEffectiveOrderAllocation(orderID);
+    }
+    GetLineAllocation(orderLineID) {
+        return (this.LineAllocations || {})[orderLineID.toLowerCase()] ?? 0;
+    }
+    SetOrderAllocation(orderID, value) {
+        const key = (orderID || '').toLowerCase();
+        if (this.HasLineAllocations(key))
+            return;
+        const amount = typeof value === 'number' ? value : parseFloat(value) || 0;
+        if (!this.OrderAllocations)
+            this.OrderAllocations = {};
+        this.OrderAllocations[key] = Math.max(0, amount);
+        if (this.record && !this.record.BillToOrganizationID && !this.record.BillToPersonID && this.OpenOrders) {
+            const order = this.OpenOrders.find(o => UUIDsEqual(o.ID, orderID));
+            if (order) {
+                if (order.BillToOrganizationID)
+                    this.record.BillToOrganizationID = order.BillToOrganizationID;
+                if (order.BillToPersonID)
+                    this.record.BillToPersonID = order.BillToPersonID;
+            }
+        }
+        if (!this.AmountManuallySet && this.record) {
+            this.record.Amount = this.TotalAllocated;
+            this.record.NetAmount = Math.max(0, (this.record.Amount || 0) - (this.record.ProcessingFeeAmount || 0));
+        }
+        this.cdr?.detectChanges?.();
+    }
+    SetLineAllocation(orderLineID, value, parentOrderID) {
+        const key = (orderLineID || '').toLowerCase();
+        const amount = typeof value === 'number' ? value : parseFloat(value) || 0;
+        if (!this.LineAllocations)
+            this.LineAllocations = {};
+        this.LineAllocations[key] = Math.max(0, amount);
+        let pID = parentOrderID;
+        if (!pID && this.OrderLinesMap) {
+            for (const [oID, lines] of this.OrderLinesMap.entries()) {
+                if (lines.some(l => (l.ID || '').toLowerCase() === key)) {
+                    pID = oID;
+                    break;
+                }
+            }
+        }
+        if (pID) {
+            if (!this.OrderAllocations)
+                this.OrderAllocations = {};
+            this.OrderAllocations[pID.toLowerCase()] = 0;
+            if (this.record && !this.record.BillToOrganizationID && !this.record.BillToPersonID && this.OpenOrders) {
+                const order = this.OpenOrders.find(o => UUIDsEqual(o.ID, pID));
+                if (order) {
+                    if (order.BillToOrganizationID)
+                        this.record.BillToOrganizationID = order.BillToOrganizationID;
+                    if (order.BillToPersonID)
+                        this.record.BillToPersonID = order.BillToPersonID;
+                }
+            }
+        }
+        if (!this.AmountManuallySet && this.record) {
+            this.record.Amount = this.TotalAllocated;
+            this.record.NetAmount = Math.max(0, (this.record.Amount || 0) - (this.record.ProcessingFeeAmount || 0));
+        }
+        this.cdr?.detectChanges?.();
+    }
+    FullPayOrder(order) {
+        if (!order.ID)
+            return;
+        const key = order.ID.toLowerCase();
+        const lines = this.GetOrderLines(key);
+        for (const l of lines) {
+            if (l.ID) {
+                delete this.LineAllocations[l.ID.toLowerCase()];
+            }
+        }
+        const openBal = Math.max(0, order.Balance ?? order.TotalGross ?? 0);
+        this.SetOrderAllocation(order.ID, openBal);
+    }
+    FullPayLine(order, line) {
+        if (!line.ID)
+            return;
+        const lineGross = Math.max(0, line.LineTotalGross ?? (line.UnitPrice || 0) * (line.Quantity || 1));
+        this.SetLineAllocation(line.ID, lineGross, order.ID);
+    }
+    get TotalAllocated() {
+        let total = 0;
+        const openOrders = this.OpenOrders || [];
+        for (const order of openOrders) {
+            if (order.ID) {
+                total += this.GetEffectiveOrderAllocation(order.ID);
+            }
+        }
+        const openOrderKeys = new Set(openOrders.map(o => (o.ID || '').toLowerCase()));
+        for (const [orderID, amt] of Object.entries(this.OrderAllocations || {})) {
+            if (!openOrderKeys.has(orderID)) {
+                total += amt;
+            }
+        }
+        for (const [lineID, amt] of Object.entries(this.LineAllocations || {})) {
+            let lineFound = false;
+            if (this.OrderLinesMap) {
+                for (const lines of this.OrderLinesMap.values()) {
+                    if (lines.some(l => (l.ID || '').toLowerCase() === lineID)) {
+                        lineFound = true;
+                        break;
+                    }
+                }
+            }
+            if (!lineFound) {
+                total += amt;
+            }
+        }
+        return Math.round(total * 100) / 100;
+    }
+    get UnallocatedRemainder() {
+        const gross = this.record?.Amount ?? 0;
+        return Math.round((gross - this.TotalAllocated) * 100) / 100;
+    }
+    get IsAllocationBalanced() {
+        return Math.abs(this.UnallocatedRemainder) < 0.005 && this.TotalAllocated > 0;
+    }
+    AutoApplyOldestFirst() {
+        this.OrderAllocations = {};
+        this.LineAllocations = {};
+        let remainingCash = this.record?.Amount ?? 0;
+        if (remainingCash <= 0)
+            return;
+        const sorted = [...this.OpenOrders].sort((a, b) => {
+            const dateA = new Date(a.DueDate || a.OrderDate || 0).getTime();
+            const dateB = new Date(b.DueDate || b.OrderDate || 0).getTime();
+            return dateA - dateB;
+        });
+        for (const order of sorted) {
+            if (remainingCash <= 0)
+                break;
+            const openBal = Math.max(0, order.Balance ?? order.TotalGross ?? 0);
+            const applyAmount = Math.min(openBal, remainingCash);
+            if (applyAmount > 0 && order.ID) {
+                this.OrderAllocations[order.ID.toLowerCase()] = Math.round(applyAmount * 100) / 100;
+                remainingCash = Math.round((remainingCash - applyAmount) * 100) / 100;
+            }
+        }
+        if (remainingCash > 0 && sorted.length > 0 && sorted[0].ID) {
+            const firstKey = sorted[0].ID.toLowerCase();
+            const current = this.OrderAllocations[firstKey] ?? 0;
+            this.OrderAllocations[firstKey] = Math.round((current + remainingCash) * 100) / 100;
+        }
+        this.cdr?.detectChanges?.();
+    }
+    ClearAllocations() {
+        this.OrderAllocations = {};
+        this.LineAllocations = {};
+        if (!this.AmountManuallySet && this.record) {
+            this.record.Amount = 0;
+            this.record.NetAmount = 0;
+        }
+        this.cdr?.detectChanges?.();
+    }
+    CalculateLeavesBalance(order) {
+        const baseBal = order.Balance ?? order.TotalGross ?? 0;
+        const applied = this.GetEffectiveOrderAllocation(order.ID || '');
+        return Math.max(0, Math.round((baseBal - applied) * 100) / 100);
+    }
+    FormatOrderDueDate(order) {
+        if (!order.DueDate)
+            return '—';
+        return FormatDate(order.DueDate);
+    }
+    GetOrderDaysOverdue(order) {
+        if (!order.DueDate)
+            return 0;
+        const due = new Date(order.DueDate).getTime();
+        const now = Date.now();
+        if (now <= due)
+            return 0;
+        return Math.floor((now - due) / (1000 * 60 * 60 * 24));
+    }
+    OpenOrderRecord(order, event) {
+        event.stopPropagation();
+        if (order.ID && this.navigationService) {
+            this.navigationService.OpenEntityRecord(MJO_ENTITIES.OrderHeader, CompositeKey.FromID(order.ID));
+        }
+    }
+    async SyncAllocationsToRecord() {
+        if (!this.record?.Lines)
+            return;
+        if (this.record.IsSaved && !this.record.Lines.IsLoaded) {
+            await this.record.Lines.Load();
+        }
+        const activeOrderAllocs = new Map();
+        for (const [orderID, amount] of Object.entries(this.OrderAllocations)) {
+            if (amount > 0 && !this.HasLineAllocations(orderID)) {
+                activeOrderAllocs.set(orderID.toLowerCase(), amount);
+            }
+        }
+        const activeLineAllocs = new Map();
+        for (const [lineID, amount] of Object.entries(this.LineAllocations)) {
+            if (amount > 0) {
+                activeLineAllocs.set(lineID.toLowerCase(), amount);
+            }
+        }
+        for (const item of [...this.record.Lines.Items]) {
+            if (item.BookedAt)
+                continue;
+            if (item.OrderLineID) {
+                const key = item.OrderLineID.toLowerCase();
+                if (activeLineAllocs.has(key)) {
+                    item.Amount = activeLineAllocs.get(key);
+                    activeLineAllocs.delete(key);
+                }
+                else {
+                    this.record.Lines.Remove(item);
+                }
+            }
+            else if (item.OrderHeaderID) {
+                const key = item.OrderHeaderID.toLowerCase();
+                if (activeOrderAllocs.has(key)) {
+                    item.Amount = activeOrderAllocs.get(key);
+                    activeOrderAllocs.delete(key);
+                }
+                else {
+                    this.record.Lines.Remove(item);
+                }
+            }
+            else {
+                this.record.Lines.Remove(item);
+            }
+        }
+        for (const [orderID, amount] of activeOrderAllocs.entries()) {
+            const line = await this.record.Lines.Create();
+            line.OrderHeaderID = orderID;
+            line.OrderLineID = null;
+            line.Amount = amount;
+            line.AllocatedAt = new Date();
+        }
+        for (const [orderLineID, amount] of activeLineAllocs.entries()) {
+            let parentOrderID;
+            for (const [ordID, lines] of this.OrderLinesMap.entries()) {
+                if (lines.some((l) => l.ID?.toLowerCase() === orderLineID)) {
+                    parentOrderID = ordID;
+                    break;
+                }
+            }
+            const line = await this.record.Lines.Create();
+            line.OrderLineID = orderLineID;
+            if (parentOrderID) {
+                line.OrderHeaderID = parentOrderID;
+            }
+            line.Amount = amount;
+            line.AllocatedAt = new Date();
+        }
+    }
+    // ── Save & Capture Execution ────────────────────────────────────────────
+    async SaveAsDraft() {
+        if (this.Saving || this.Capturing)
+            return;
+        this.Saving = true;
+        this.AllocationError = null;
+        this.CaptureError = null;
+        try {
+            this.record.Status = 'Pending';
+            await this.SyncAllocationsToRecord();
+            await this.SaveRecord(false);
+        }
+        catch (err) {
+            this.AllocationError = err instanceof Error ? err.message : String(err);
+        }
+        finally {
+            this.Saving = false;
+            this.cdr?.detectChanges?.();
+        }
+    }
+    async CapturePayment() {
+        if (this.Capturing || this.Saving)
+            return;
+        this.Capturing = true;
+        this.CaptureError = null;
+        this.AllocationError = null;
+        try {
+            if (!this.record.Amount || this.record.Amount <= 0) {
+                throw new Error('Payment amount must be greater than zero.');
+            }
+            if (!this.hasPayer) {
+                throw new Error('Please select who is paying (Bill-To Customer) before capturing.');
+            }
+            if (!this.IsAllocationBalanced) {
+                throw new Error(`Allocations must exactly match payment amount. Remainder: $${this.UnallocatedRemainder.toFixed(2)}`);
+            }
+            await this.SyncAllocationsToRecord();
+            this.record.Status = 'Captured';
+            const saved = await this.record.Save();
+            if (!saved) {
+                throw new Error(this.record.LatestResult?.Message || 'Failed to capture and book payment.');
+            }
+            this.ActiveTab = 'accounting';
+            await this.loadPaymentJournalRollup();
+        }
+        catch (err) {
+            this.CaptureError = err instanceof Error ? err.message : String(err);
+        }
+        finally {
+            this.Capturing = false;
+            this.cdr?.detectChanges?.();
+        }
+    }
+    // ── Accounting Journal Rollup ───────────────────────────────────────────
+    get PaymentJournalEntryParams() {
+        if (!this.record?.IsSaved || !this.record?.ID)
+            return null;
+        return {
+            EntityName: MJO_ACCOUNTING_ENTITIES.JournalEntry,
+            ExtraFilter: BuildPaymentJournalFilter(this.record),
+            OrderBy: '__mj_CreatedAt DESC',
+            ResultType: 'entity_object',
+        };
+    }
+    SetAccountingView(view) {
+        if (this.AccountingView === view)
+            return;
+        this.AccountingView = view;
+        UserInfoEngine.Instance.SetSettingDebounced(ACCOUNTING_VIEW_SETTING, view);
+        if (view === 'summary')
+            void this.loadPaymentJournalRollup();
+    }
+    CardIsBalanced(card) {
+        return Math.abs(card.TotalDebit - card.TotalCredit) < 0.005;
+    }
+    RollupAmount(amount) {
+        return FormatMoney(amount);
+    }
+    SourceLineLabel(count) {
+        return count === 1 ? '1 allocation' : `${count} allocations`;
+    }
+    async loadPaymentJournalRollup() {
+        if (!this.record?.IsSaved || !this.record?.ID) {
+            this.RollupCards = [];
+            this.RollupJournalCount = 0;
+            return;
+        }
+        this.RollupLoading = true;
+        this.RollupError = null;
+        this.cdr?.detectChanges?.();
+        try {
+            const rollup = await GetPaymentJournalRollup(this.record, this.ProviderToUse?.CurrentUser);
+            this.RollupCards = rollup.Cards;
+            this.RollupJournalCount = rollup.JournalCount;
+        }
+        catch (error) {
+            this.RollupCards = [];
+            this.RollupJournalCount = 0;
+            this.RollupError = error instanceof Error ? error.message : 'Could not roll up the journals.';
+        }
+        finally {
+            this.RollupLoading = false;
+            this.cdr?.detectChanges?.();
+        }
+    }
+    // ── Reference Data Loaders ──────────────────────────────────────────────
+    async loadPaymentTypes() {
+        try {
+            this.PaymentTypes = await GetPaymentTypes(this.ProviderToUse?.CurrentUser);
+        }
+        catch {
+            this.PaymentTypes = [];
+        }
+    }
+    async loadSellingCompanies() {
+        try {
+            this.SellingCompanies = await GetSellingCompanies(this.ProviderToUse?.CurrentUser);
+        }
+        catch {
+            this.SellingCompanies = [];
+        }
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵBizAppsPaymentHeaderFormComponent_BaseFactory; return function BizAppsPaymentHeaderFormComponent_Factory(__ngFactoryType__) { return (ɵBizAppsPaymentHeaderFormComponent_BaseFactory || (ɵBizAppsPaymentHeaderFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(BizAppsPaymentHeaderFormComponent)))(__ngFactoryType__ || BizAppsPaymentHeaderFormComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BizAppsPaymentHeaderFormComponent, selectors: [["bizapps-payment-header-form"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "Record", "FormComponent"], [3, "Navigate", "DeleteRequested", "FavoriteToggled", "HistoryRequested", "ListManagementRequested", "Record", "FormComponent"], ["Slot", "before-fields", 3, "Entity", "Record", "FormComponent", "FormContext"], [1, "mjo-ph-hero"], [1, "mjo-ph-hero__top"], [1, "mjo-ph-who"], [1, "mjo-ph-avatar"], [1, "mjo-ph-title-row"], [1, "mjo-ph-title"], [1, "mjo-status-chip", "mjo-status-chip--purple"], [1, "mjo-ph-sub"], [1, "mjo-ph-hero__aside"], [1, "mjo-ph-money"], [1, "mjo-ph-kicker"], [1, "mjo-ph-amt"], [1, "mjo-ph-actions"], [1, "mjo-ph-tabs"], [3, "TabChange", "Tabs", "ActiveKey"], [1, "mjo-alert", "mjo-alert--error"], [1, "mjo-ph-workbench"], [1, "mjo-ph-tab-body"], [1, "fa-solid", "fa-rotate-left"], ["type", "button", 1, "mjo-btn", "mjo-btn--secondary", 3, "click", "disabled"], [1, "fa-solid", "fa-floppy-disk"], ["type", "button", 1, "mjo-btn", "mjo-btn--primary", 3, "click", "disabled"], [1, "fa-solid", "fa-check-double"], [1, "fa-solid", "fa-circle-exclamation"], [1, "mjo-ph-money-pane"], [1, "mjo-card"], [1, "mjo-card__header"], [1, "mjo-card__title"], [1, "fa-solid", "fa-user-tag"], [1, "mjo-card__body"], [1, "mjo-ph-fields-stack"], ["DisplayNameOverride", "Organization", "FieldName", "BillToOrganizationID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["DisplayNameOverride", "Person", "FieldName", "BillToPersonID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], [1, "mjo-payer-chip"], [1, "fa-solid", "fa-money-check-dollar"], [1, "mjo-field"], [1, "mjo-label"], [1, "mjo-input-money-wrap"], [1, "mjo-currency-prefix"], ["type", "number", "placeholder", "0.00", "step", "0.01", 1, "mj-input", "is-num", "mjo-input--money", 3, "ngModelChange", "ngModel", "disabled"], ["DisplayNameOverride", "Payment Date", "FieldName", "PaymentDate", "Type", "datepicker", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], [1, "mj-input", 3, "ngModel"], ["FieldName", "PaymentTypeID", "Type", "textbox", "LinkType", "Record", 3, "Record", "ShowLabel", "EditMode", "FormContext"], [1, "mjo-instrument-box"], ["DisplayNameOverride", "Receiving Co.", "FieldName", "ReceivingCompanyID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["DisplayNameOverride", "Processing Fee", "FieldName", "ProcessingFeeAmount", "Type", "number", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], [1, "mjo-net-calc"], [1, "mjo-net-calc__label"], [1, "mjo-net-calc__val"], [1, "mjo-ph-alloc-pane"], [1, "mjo-alloc-hero"], [1, "mjo-alloc-hero__stats"], [1, "mjo-alloc-stat"], [1, "mjo-alloc-stat__kicker"], [1, "mjo-alloc-stat__val"], [1, "mjo-alloc-stat__op"], [1, "fa-solid", "fa-minus"], [1, "fa-solid", "fa-equals"], [1, "mjo-alloc-hero__message"], [1, "mjo-alloc-toolbar"], [1, "mjo-alloc-toolbar__left"], [1, "mjo-alloc-toolbar__title"], [1, "fa-solid", "fa-receipt"], [1, "mjo-badge"], [1, "mjo-alloc-toolbar__right"], [1, "mjo-card", "mjo-card--table"], [1, "mjo-empty-state"], [1, "mjo-table-responsive"], [1, "fa-solid", "fa-circle-check", "text-success"], [1, "mj-input", 3, "ngModelChange", "ngModel"], [3, "ngValue"], [3, "value"], ["FieldName", "PaymentTypeID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], [1, "mjo-instrument-box__title"], [1, "fa-solid", "fa-money-check"], [1, "mjo-instrument-box__grid"], [1, "text-danger"], ["type", "text", "placeholder", "e.g. 10428", "autocomplete", "off", 1, "mj-input", "font-mono", 3, "ngModelChange", "ngModel", "disabled"], ["type", "date", 1, "mj-input", 3, "ngModelChange", "ngModel", "disabled"], [1, "mjo-field", "col-span-full"], ["type", "text", "placeholder", "e.g. Chase, Bank of America", 1, "mj-input", 3, "ngModelChange", "ngModel", "disabled"], [1, "fa-solid", "fa-credit-card"], [1, "mj-input", 3, "ngModelChange", "ngModel", "disabled"], ["value", ""], ["value", "Visa"], ["value", "MasterCard"], ["value", "American Express"], ["value", "Discover"], ["value", "Other"], ["type", "text", "maxlength", "4", "placeholder", "4242", 1, "mj-input", "font-mono", 3, "ngModelChange", "ngModel", "disabled"], [1, "flex", "gap-2"], ["type", "number", "min", "1", "max", "12", "placeholder", "MM", 1, "mj-input", "font-mono", "w-16", 3, "ngModelChange", "ngModel", "disabled"], ["type", "number", "min", "2025", "max", "2045", "placeholder", "YYYY", 1, "mj-input", "font-mono", "w-24", 3, "ngModelChange", "ngModel", "disabled"], ["type", "text", "placeholder", "Name on card", 1, "mj-input", 3, "ngModelChange", "ngModel", "disabled"], ["type", "text", "placeholder", "e.g. AUTH-98210", 1, "mj-input", 3, "ngModelChange", "ngModel", "disabled"], [1, "fa-solid", "fa-building-columns"], ["type", "text", "placeholder", "e.g. Wells Fargo", 1, "mj-input", 3, "ngModelChange", "ngModel", "disabled"], ["value", "Checking"], ["value", "Savings"], ["type", "text", "maxlength", "4", "placeholder", "1234", 1, "mj-input", "font-mono", 3, "ngModelChange", "ngModel", "disabled"], ["type", "text", "maxlength", "4", "placeholder", "5678", 1, "mj-input", "font-mono", 3, "ngModelChange", "ngModel", "disabled"], ["type", "text", "placeholder", "Trace #", 1, "mj-input", 3, "ngModelChange", "ngModel", "disabled"], ["type", "text", "placeholder", "Confirmation or transfer id", 1, "mj-input", 3, "ngModelChange", "ngModel", "disabled"], [1, "fa-solid", "fa-circle-info", "text-warning"], [1, "fa-solid", "fa-triangle-exclamation", "text-danger"], [1, "mjo-search-input-wrap"], [1, "fa-solid", "fa-magnifying-glass"], ["type", "text", "placeholder", "Filter orders\u2026", 1, "mjo-input", "mjo-input--sm", 3, "ngModelChange", "ngModel"], ["type", "button", 1, "mjo-btn", "mjo-btn--secondary", "mjo-btn--sm", 3, "click"], [1, "fa-solid", "fa-wand-magic-sparkles"], ["type", "button", 1, "mjo-btn", "mjo-btn--outline", "mjo-btn--sm", 3, "click"], [1, "fa-solid", "fa-eraser"], [1, "fa-solid", "fa-spinner", "fa-spin", "fa-2x", "text-muted"], [1, "fa-solid", "fa-receipt", "fa-3x", "text-muted"], [1, "mjo-table"], [1, "w-8"], [1, "text-right"], [1, "text-right", "w-36"], [1, "w-24"], [1, "mjo-order-row"], ["type", "button", "title", "Toggle line items", 1, "mjo-icon-btn", 3, "click"], [1, "fa-solid"], [1, "font-bold"], ["type", "button", 1, "mjo-link", 3, "click"], [1, "mjo-subtext"], [1, "mjo-badge", "mjo-badge--error"], [1, "mjo-company-pill"], [1, "text-right", "font-mono"], [1, "text-right", "font-mono", "font-bold"], [1, "mjo-apply-input-wrap"], [1, "mjo-apply-dollar"], ["type", "number", "step", "0.01", "min", "0", 1, "mjo-input", "mjo-input--sm", "mjo-input--num", 3, "ngModelChange", "ngModel", "disabled", "title"], [1, "mjo-subtext", "text-info"], ["type", "button", 1, "mjo-btn", "mjo-btn--outline", "mjo-btn--sm", 3, "disabled"], [1, "mjo-lines-row"], [1, "fa-solid", "fa-layer-group"], ["type", "button", 1, "mjo-btn", "mjo-btn--outline", "mjo-btn--sm", 3, "click", "disabled"], [1, "p-0"], [1, "mjo-nested-lines-pane"], [1, "mjo-nested-lines-header"], [1, "mjo-nested-table"], [1, "w-20"], ["type", "number", "step", "0.01", "min", "0", 1, "mjo-input", "mjo-input--xs", "mjo-input--num", 3, "ngModelChange", "ngModel", "disabled"], ["type", "button", 1, "mjo-btn", "mjo-btn--outline", "mjo-btn--xs"], ["type", "button", 1, "mjo-btn", "mjo-btn--outline", "mjo-btn--xs", 3, "click"], [1, "mjo-accounting-header"], [1, "fa-solid", "fa-book"], [1, "text-muted"], [1, "mjo-view-toggle"], ["type", "button", 1, "mjo-toggle-btn", 3, "click"], [1, "mjo-gl-cards-grid"], [1, "fa-solid", "fa-book-open", "fa-3x", "text-muted"], [1, "mjo-card", "mjo-card--gl"], [1, "mjo-card__body", "p-0"], [1, "mjo-table", "mjo-table--compact"], ["colspan", "2"], [1, "font-mono"], [3, "Params", "AllowLoad", "ShowToolbar"], [3, "Navigate", "Params", "AllowLoad", "ShowToolbar"], [1, "mjo-form-sections-grid"], [1, "fa-solid", "fa-gears"], [1, "mjo-card__body", "mjo-form-grid-2"], ["FieldName", "PaymentProviderID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "PaymentIntentID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "PaymentDetailID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "ProviderChargeID", "Type", "textbox", 3, "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "ProviderRefundID", "Type", "textbox", 3, "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "IdempotencyKey", "Type", "textbox", 3, "Record", "ShowLabel", "EditMode", "FormContext"], [1, "fa-solid", "fa-note-sticky"], ["FieldName", "ReversesPaymentHeaderID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "ReversalReason", "Type", "textarea", 3, "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "Description", "Type", "textarea", 3, "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "Notes", "Type", "textarea", 3, "Record", "ShowLabel", "EditMode", "FormContext"], [1, "fa-solid", "fa-clock-rotate-left"], ["FieldName", "__mj_CreatedAt", "Type", "textbox", 3, "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "__mj_UpdatedAt", "Type", "textbox", 3, "Record", "ShowLabel", "EditMode", "FormContext"], ["SectionKey", "mJBizAppsOrdersStoredValueTransactions", "SectionName", "Stored Value & Account Credit Transactions", "Icon", "fa fa-wallet", "Variant", "related-entity", 3, "Form", "FormContext", "BadgeCount", "DefaultExpanded"], [3, "Navigate", "AfterDataLoad", "Params", "NewRecordValues", "AllowLoad", "ShowToolbar"], ["SectionKey", "mJBizAppsOrdersSubscriptionEvents", "SectionName", "Subscription Billing Events", "Icon", "fa fa-history", "Variant", "related-entity", 3, "Form", "FormContext", "BadgeCount", "DefaultExpanded"], ["SectionKey", "mJBizAppsOrdersPaymentHeaders", "SectionName", "Linked Reversal & Refund Payment Records", "Icon", "fa fa-rotate-left", "Variant", "related-entity", 3, "Form", "FormContext", "BadgeCount", "DefaultExpanded"]], template: function BizAppsPaymentHeaderFormComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, BizAppsPaymentHeaderFormComponent_Conditional_0_Template, 47, 34, "mj-record-form-container", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.record ? 0 : -1);
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.NumberValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.MaxLengthValidator, i1.MinValidator, i1.MaxValidator, i1.NgModel, i2.MjFormFieldComponent, i2.MjCollapsiblePanelComponent, i2.MjRecordFormContainerComponent, i2.ExplorerEntityDataGridComponent, i2.FormPanelSlotComponent, i3.MJTabNavComponent], styles: ["\n\n\n\n\n\n[_nghost-%COMP%] {\n    display: block;\n    width: 100%;\n}\n\n\n\n.mjo-ph-hero[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card, #ffffff);\n    border: 1px solid var(--mj-border-default, #e2e8f0);\n    border-radius: var(--mj-radius-lg, 12px);\n    padding: var(--mj-space-4, 16px) var(--mj-space-5, 20px);\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);\n    margin-bottom: var(--mj-space-4, 16px);\n}\n\n.mjo-ph-hero__top[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-4, 16px);\n    flex-wrap: wrap;\n}\n\n.mjo-ph-who[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4, 16px);\n}\n\n.mjo-ph-avatar[_ngcontent-%COMP%] {\n    width: 48px;\n    height: 48px;\n    border-radius: var(--mj-radius-md, 8px);\n    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);\n    color: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    box-shadow: 0 4px 10px rgba(22, 163, 74, 0.25);\n    flex-shrink: 0;\n}\n\n.mjo-ph-avatar.is-reversal[_ngcontent-%COMP%] {\n    background: linear-gradient(135deg, #9333ea 0%, #7e22ce 100%);\n    box-shadow: 0 4px 10px rgba(147, 51, 234, 0.25);\n}\n\n.mjo-ph-title-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-3, 10px);\n    flex-wrap: wrap;\n}\n\n.mjo-ph-title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-lg, 18px);\n    font-weight: var(--mj-font-bold, 700);\n    color: var(--mj-text-primary, #0f172a);\n    letter-spacing: -0.01em;\n}\n\n.mjo-ph-sub[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs, 12px);\n    color: var(--mj-text-muted, #64748b);\n    margin-top: 2px;\n}\n\n.mjo-ph-hero__aside[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-5, 20px);\n    flex-wrap: wrap;\n}\n\n.mjo-ph-money[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4, 16px);\n    padding: var(--mj-space-2, 6px) var(--mj-space-4, 14px);\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.03));\n    border: 1px solid var(--mj-border-default, #e2e8f0);\n    border-radius: var(--mj-radius-md, 8px);\n}\n\n.mjo-ph-money[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n}\n\n.mjo-ph-kicker[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs, 11px);\n    font-weight: var(--mj-font-semibold, 600);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted, #64748b);\n}\n\n.mjo-ph-amt[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-sm, 13px);\n    font-weight: var(--mj-font-bold, 700);\n    font-family: var(--mj-font-family-mono, monospace);\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-ph-amt.is-balanced[_ngcontent-%COMP%] {\n    color: #16a34a;\n}\n\n.mjo-ph-amt.is-unbalanced[_ngcontent-%COMP%] {\n    color: #d97706;\n}\n\n.mjo-ph-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2, 8px);\n}\n\n\n\n.mjo-ph-tabs[_ngcontent-%COMP%] {\n    margin-bottom: var(--mj-space-4, 16px);\n}\n\n\n\n.mjo-ph-workbench[_ngcontent-%COMP%] {\n    display: flex;\n    gap: var(--mj-space-4, 16px);\n    align-items: flex-start;\n    width: 100%;\n}\n\n.mjo-ph-money-pane[_ngcontent-%COMP%] {\n    width: 380px;\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4, 16px);\n    --mj-forms-field-label-width: 105px;\n    --mj-forms-field-gap: 8px;\n}\n\n.mjo-ph-fields-stack[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.mjo-ph-fields-stack[_ngcontent-%COMP%]   mj-form-field[_ngcontent-%COMP%] {\n    --mj-forms-field-label-width: 105px;\n    --mj-forms-field-gap: 8px;\n}\n\n.mjo-ph-alloc-pane[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4, 16px);\n}\n\n\n\n.mjo-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card, #ffffff);\n    border: 1px solid var(--mj-border-default, #e2e8f0);\n    border-radius: var(--mj-radius-lg, 10px);\n    box-shadow: var(--mj-shadow-xs, 0 1px 2px rgba(0, 0, 0, 0.04));\n    overflow: hidden;\n}\n\n.mjo-card__header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--mj-space-3, 12px) var(--mj-space-4, 16px);\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.02));\n    border-bottom: 1px solid var(--mj-border-default, #e2e8f0);\n}\n\n.mjo-card__title[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-sm, 13px);\n    font-weight: var(--mj-font-bold, 700);\n    color: var(--mj-text-primary, #0f172a);\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2, 8px);\n}\n\n.mjo-card__body[_ngcontent-%COMP%] {\n    padding: var(--mj-space-4, 16px);\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-3, 12px);\n}\n\n.mjo-card__body.p-0[_ngcontent-%COMP%] {\n    padding: 0;\n}\n\n.mjo-field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.mjo-label[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs, 12px);\n    font-weight: var(--mj-font-semibold, 600);\n    color: var(--mj-text-secondary, #94a3b8);\n}\n\n.mjo-input-money-wrap[_ngcontent-%COMP%] {\n    position: relative;\n    display: flex;\n    align-items: center;\n    width: 100%;\n}\n\n.mjo-currency-prefix[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 14px;\n    font-size: var(--mj-text-lg, 16px);\n    font-weight: var(--mj-font-bold, 700);\n    color: var(--mj-text-muted, #94a3b8);\n    pointer-events: none;\n    z-index: 2;\n}\n\n.mjo-input--money[_ngcontent-%COMP%] {\n    padding-left: 30px !important;\n    font-size: var(--mj-text-lg, 16px) !important;\n    font-weight: var(--mj-font-bold, 700) !important;\n    font-family: var(--mj-font-family-mono, monospace) !important;\n    height: 42px !important;\n    width: 100% !important;\n    background: var(--mj-bg-surface-card, transparent) !important;\n    color: var(--mj-text-primary, inherit) !important;\n    border: 1px solid var(--mj-border-default, #334155) !important;\n    border-radius: var(--mj-radius-md, 6px) !important;\n}\n\n.mjo-input--money[_ngcontent-%COMP%]:focus {\n    border-color: var(--mj-brand-primary, #0076b6) !important;\n    box-shadow: 0 0 0 2px rgba(0, 118, 182, 0.25) !important;\n}\n\n.mjo-net-calc[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 14px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.2));\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.08));\n    border-radius: var(--mj-radius-md, 6px);\n    margin-top: 4px;\n}\n\n.mjo-net-calc__label[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs, 12px);\n    font-weight: var(--mj-font-semibold, 600);\n    color: var(--mj-text-secondary, #94a3b8);\n}\n\n.mjo-net-calc__val[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-base, 15px);\n    font-weight: var(--mj-font-bold, 700);\n    font-family: var(--mj-font-family-mono, monospace);\n    color: var(--mj-text-primary, #f8fafc);\n}\n\n.mjo-payer-chip[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2, 8px);\n    padding: 6px 10px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.03));\n    border: 1px solid var(--mj-border-default, #e2e8f0);\n    border-radius: var(--mj-radius-md, 6px);\n    font-size: var(--mj-text-xs, 12px);\n    font-weight: var(--mj-font-semibold, 600);\n}\n\n\n\n.mjo-card--books[_ngcontent-%COMP%] {\n    border-color: rgba(0, 118, 182, 0.25);\n}\n\n\n\n\n\n.mjo-alloc-hero[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card, #ffffff);\n    border: 1px solid var(--mj-border-default, #e2e8f0);\n    border-radius: var(--mj-radius-lg, 12px);\n    padding: var(--mj-space-3, 12px) var(--mj-space-4, 16px);\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-2, 8px);\n}\n\n.mjo-alloc-hero.is-balanced[_ngcontent-%COMP%] {\n    border-color: rgba(22, 163, 74, 0.35);\n    background: rgba(22, 163, 74, 0.03);\n}\n\n.mjo-alloc-hero.is-warning[_ngcontent-%COMP%] {\n    border-color: rgba(217, 119, 6, 0.35);\n    background: rgba(217, 119, 6, 0.03);\n}\n\n.mjo-alloc-hero.is-error[_ngcontent-%COMP%] {\n    border-color: rgba(220, 38, 38, 0.35);\n    background: rgba(220, 38, 38, 0.03);\n}\n\n.mjo-alloc-hero__stats[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4, 16px);\n    flex-wrap: wrap;\n}\n\n.mjo-alloc-stat[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n}\n\n.mjo-alloc-stat__kicker[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: var(--mj-font-semibold, 600);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted, #64748b);\n}\n\n.mjo-alloc-stat__val[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-base, 15px);\n    font-weight: var(--mj-font-bold, 700);\n    font-family: var(--mj-font-family-mono, monospace);\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-alloc-stat__op[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-alloc-hero__message[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2, 8px);\n    font-size: var(--mj-text-xs, 12px);\n    font-weight: var(--mj-font-semibold, 600);\n    padding-top: 6px;\n    border-top: 1px solid var(--mj-border-default, #e2e8f0);\n}\n\n\n\n.mjo-alloc-toolbar[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3, 12px);\n    flex-wrap: wrap;\n}\n\n.mjo-alloc-toolbar__left[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2, 8px);\n}\n\n.mjo-alloc-toolbar__title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-sm, 14px);\n    font-weight: var(--mj-font-bold, 700);\n    color: var(--mj-text-primary, #0f172a);\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2, 8px);\n}\n\n.mjo-alloc-toolbar__right[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2, 8px);\n}\n\n.mjo-search-input-wrap[_ngcontent-%COMP%] {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.mjo-search-input-wrap[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 8px;\n    font-size: 11px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-search-input-wrap[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    padding-left: 24px;\n    width: 160px;\n}\n\n\n\n.mjo-table-responsive[_ngcontent-%COMP%] {\n    overflow-x: auto;\n    width: 100%;\n}\n\n.mjo-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-xs, 12px);\n}\n\n.mjo-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-header, rgba(0, 0, 0, 0.02));\n    color: var(--mj-text-muted, #64748b);\n    font-weight: var(--mj-font-semibold, 600);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    font-size: 11px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-default, #e2e8f0);\n    text-align: left;\n}\n\n.mjo-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-default, #e2e8f0);\n    vertical-align: middle;\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-order-row[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover, rgba(0, 0, 0, 0.02));\n}\n\n.mjo-order-row.is-expanded[_ngcontent-%COMP%] {\n    background: rgba(0, 118, 182, 0.02);\n}\n\n.mjo-apply-input-wrap[_ngcontent-%COMP%] {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 100%;\n    max-width: 110px;\n}\n\n.mjo-apply-dollar[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 8px;\n    font-size: 11px;\n    font-weight: var(--mj-font-bold, 700);\n    color: var(--mj-text-muted, #64748b);\n    pointer-events: none;\n}\n\n.mjo-apply-input-wrap[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    padding-left: 18px;\n}\n\n.mjo-nested-lines-pane[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.02));\n    border-top: 1px solid var(--mj-border-default, #e2e8f0);\n    border-bottom: 2px solid var(--mj-border-default, #cbd5e1);\n    padding: var(--mj-space-3, 10px) var(--mj-space-4, 16px);\n}\n\n.mjo-nested-lines-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2, 8px);\n    font-size: 11px;\n    font-weight: var(--mj-font-bold, 700);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-secondary, #475569);\n    margin-bottom: var(--mj-space-2, 6px);\n}\n\n.mjo-nested-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-xs, 12px);\n    background: var(--mj-bg-surface-card, #ffffff);\n    border: 1px solid var(--mj-border-default, #e2e8f0);\n    border-radius: var(--mj-radius-md, 6px);\n    overflow: hidden;\n}\n\n.mjo-nested-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    background: rgba(0, 0, 0, 0.02);\n    font-size: 10.5px;\n    font-weight: var(--mj-font-semibold, 600);\n    padding: 6px 10px;\n    border-bottom: 1px solid var(--mj-border-default, #e2e8f0);\n}\n\n.mjo-nested-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 6px 10px;\n    border-bottom: 1px solid var(--mj-border-default, #e2e8f0);\n}\n\n\n\n.mjo-ph-tab-body[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4, 16px);\n}\n\n.mjo-accounting-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-4, 16px);\n    flex-wrap: wrap;\n}\n\n.mjo-accounting-header[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-base, 15px);\n    font-weight: var(--mj-font-bold, 700);\n    color: var(--mj-text-primary, #0f172a);\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2, 8px);\n}\n\n.mjo-accounting-header[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 2px 0 0 0;\n    font-size: var(--mj-text-xs, 12px);\n}\n\n.mjo-view-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.04));\n    border: 1px solid var(--mj-border-default, #e2e8f0);\n    border-radius: var(--mj-radius-md, 6px);\n    padding: 2px;\n}\n\n.mjo-toggle-btn[_ngcontent-%COMP%] {\n    border: none;\n    background: transparent;\n    padding: 4px 10px;\n    font-size: var(--mj-text-xs, 12px);\n    font-weight: var(--mj-font-semibold, 600);\n    color: var(--mj-text-secondary, #475569);\n    border-radius: var(--mj-radius-sm, 4px);\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.mjo-toggle-btn.is-active[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card, #ffffff);\n    color: var(--mj-text-primary, #0f172a);\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n}\n\n.mjo-gl-cards-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));\n    gap: var(--mj-space-4, 16px);\n}\n\n.mjo-table--compact[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], .mjo-table--compact[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 6px 10px;\n}\n\n.mjo-table[_ngcontent-%COMP%]   tfoot[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-header, rgba(0, 0, 0, 0.02));\n    border-top: 2px solid var(--mj-border-default, #cbd5e1);\n    font-size: var(--mj-text-xs, 12px);\n    font-weight: var(--mj-font-bold, 700);\n}\n\n.is-intercompany[_ngcontent-%COMP%] {\n    background: rgba(0, 118, 182, 0.04);\n}\n\n.mjo-ic-tag[_ngcontent-%COMP%] {\n    display: inline-block;\n    font-size: 10px;\n    font-weight: var(--mj-font-bold, 700);\n    text-transform: uppercase;\n    color: #0284c7;\n    background: rgba(2, 132, 199, 0.12);\n    padding: 1px 5px;\n    border-radius: 3px;\n    margin-left: 6px;\n}\n\n\n\n.mjo-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--mj-space-2, 6px);\n    height: 34px;\n    padding: 0 14px;\n    font-size: var(--mj-text-xs, 12px);\n    font-weight: var(--mj-font-semibold, 600);\n    border-radius: var(--mj-radius-md, 6px);\n    cursor: pointer;\n    border: 1px solid transparent;\n    transition: all 0.15s ease;\n}\n\n.mjo-btn--primary[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary, #0076b6);\n    color: #ffffff;\n}\n\n.mjo-btn--primary[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: #006094;\n}\n\n.mjo-btn--secondary[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.05));\n    border-color: var(--mj-border-default, #cbd5e1);\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-btn--secondary[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: rgba(0, 0, 0, 0.08);\n}\n\n.mjo-btn--outline[_ngcontent-%COMP%] {\n    background: transparent;\n    border-color: var(--mj-border-default, #cbd5e1);\n    color: var(--mj-text-secondary, #475569);\n}\n\n.mjo-btn--outline[_ngcontent-%COMP%]:hover:not(:disabled) {\n    border-color: var(--mj-brand-primary, #0076b6);\n    color: var(--mj-brand-primary, #0076b6);\n}\n\n.mjo-btn--sm[_ngcontent-%COMP%] {\n    height: 30px;\n    padding: 0 10px;\n    font-size: 11.5px;\n}\n\n.mjo-btn--xs[_ngcontent-%COMP%] {\n    height: 24px;\n    padding: 0 8px;\n    font-size: 11px;\n}\n\n.mjo-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.mjo-icon-btn[_ngcontent-%COMP%] {\n    border: none;\n    background: transparent;\n    color: var(--mj-text-muted, #64748b);\n    cursor: pointer;\n    padding: 4px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.mjo-icon-btn[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-link[_ngcontent-%COMP%] {\n    border: none;\n    background: transparent;\n    color: var(--mj-brand-primary, #0076b6);\n    cursor: pointer;\n    padding: 0;\n    font-size: inherit;\n    text-align: left;\n}\n\n.mjo-link[_ngcontent-%COMP%]:hover {\n    text-decoration: underline;\n}\n\n.mjo-status-chip[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: var(--mj-font-bold, 700);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    padding: 2px 8px;\n    border-radius: 4px;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.mjo-status-chip--draft[_ngcontent-%COMP%] {\n    background: rgba(100, 116, 139, 0.12);\n    color: #475569;\n}\n\n.mjo-status-chip--active[_ngcontent-%COMP%] {\n    background: rgba(22, 163, 74, 0.12);\n    color: #16a34a;\n}\n\n.mjo-status-chip--purple[_ngcontent-%COMP%] {\n    background: rgba(147, 51, 234, 0.12);\n    color: #9333ea;\n}\n\n.mjo-status-chip--error[_ngcontent-%COMP%] {\n    background: rgba(220, 38, 38, 0.12);\n    color: #dc2626;\n}\n\n.mjo-status-chip--warning[_ngcontent-%COMP%] {\n    background: rgba(217, 119, 6, 0.12);\n    color: #d97706;\n}\n\n.mjo-company-pill[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: var(--mj-font-semibold, 600);\n    color: var(--mj-text-secondary, #475569);\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.04));\n    padding: 2px 6px;\n    border-radius: 4px;\n}\n\n.mjo-sku-chip[_ngcontent-%COMP%] {\n    font-family: var(--mj-font-family-mono, monospace);\n    font-size: 10px;\n    color: var(--mj-text-muted, #64748b);\n    background: rgba(0, 0, 0, 0.04);\n    padding: 1px 4px;\n    border-radius: 3px;\n    margin-left: 4px;\n}\n\n.mjo-badge[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: var(--mj-font-semibold, 600);\n    padding: 2px 6px;\n    border-radius: 12px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.05));\n    color: var(--mj-text-secondary, #475569);\n}\n\n.mjo-badge--error[_ngcontent-%COMP%] {\n    background: rgba(220, 38, 38, 0.12);\n    color: #dc2626;\n}\n\n.mjo-badge--success[_ngcontent-%COMP%] {\n    background: rgba(22, 163, 74, 0.12);\n    color: #16a34a;\n}\n\n.mjo-empty-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: var(--mj-space-6, 32px) var(--mj-space-4, 16px);\n    text-align: center;\n    gap: var(--mj-space-2, 8px);\n}\n\n.mjo-empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-sm, 14px);\n    font-weight: var(--mj-font-bold, 700);\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-xs, 12px);\n    color: var(--mj-text-muted, #64748b);\n    max-width: 380px;\n}\n\n.mjo-alert[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-3, 10px);\n    padding: 10px 14px;\n    border-radius: var(--mj-radius-md, 8px);\n    font-size: var(--mj-text-xs, 12px);\n    margin-bottom: var(--mj-space-3, 12px);\n}\n\n.mjo-alert--error[_ngcontent-%COMP%] {\n    background: rgba(220, 38, 38, 0.08);\n    border: 1px solid rgba(220, 38, 38, 0.25);\n    color: #dc2626;\n}\n\n.mjo-subtext[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted, #64748b);\n}\n\n.text-right[_ngcontent-%COMP%] { text-align: right; }\n.font-mono[_ngcontent-%COMP%] { font-family: var(--mj-font-family-mono, monospace); }\n.font-bold[_ngcontent-%COMP%] { font-weight: var(--mj-font-bold, 700); }\n.text-muted[_ngcontent-%COMP%] { color: var(--mj-text-muted, #64748b); }\n.text-success[_ngcontent-%COMP%] { color: #16a34a; }\n.text-warning[_ngcontent-%COMP%] { color: #d97706; }\n.text-danger[_ngcontent-%COMP%] { color: #dc2626; }\n.w-8[_ngcontent-%COMP%] { width: 32px; }\n.w-16[_ngcontent-%COMP%] { width: 64px; }\n.w-20[_ngcontent-%COMP%] { width: 80px; }\n.w-24[_ngcontent-%COMP%] { width: 96px; }\n.w-36[_ngcontent-%COMP%] { width: 144px; }\n.flex[_ngcontent-%COMP%] { display: flex; }\n.gap-2[_ngcontent-%COMP%] { gap: 8px; }\n.col-span-full[_ngcontent-%COMP%] { grid-column: 1 / -1; }\n.text-info[_ngcontent-%COMP%] { color: #0284c7; }\n\n\n\n.mjo-instrument-box[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.02));\n    border: 1px solid var(--mj-border-default, #e2e8f0);\n    border-radius: var(--mj-radius-md, 8px);\n    padding: var(--mj-space-3, 12px);\n    margin: var(--mj-space-2, 6px) 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-3, 10px);\n}\n\n.mjo-instrument-box__title[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs, 12px);\n    font-weight: var(--mj-font-semibold, 600);\n    color: var(--mj-text-primary, #0f172a);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding-bottom: 6px;\n    border-bottom: 1px dashed var(--mj-border-default, #e2e8f0);\n}\n\n.mjo-instrument-box__grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-2, 8px);\n}\n\n.mjo-instrument-box[_ngcontent-%COMP%]   .mjo-field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.mjo-instrument-box[_ngcontent-%COMP%]   .mjo-label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: var(--mj-font-medium, 500);\n    color: var(--mj-text-secondary, #475569);\n}\n\n.mjo-apply-input-wrap.is-derived[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.03));\n    color: var(--mj-text-secondary, #475569);\n    cursor: not-allowed;\n    border-style: dashed;\n}"] });
+};
+BizAppsPaymentHeaderFormComponent = __decorate([
+    RegisterClass(BaseFormComponent, 'MJ_BizApps_Orders: Payment Headers', 2)
+], BizAppsPaymentHeaderFormComponent);
+export { BizAppsPaymentHeaderFormComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BizAppsPaymentHeaderFormComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'bizapps-payment-header-form', template: "@if (record) {\n<mj-record-form-container [Record]=\"record\" [FormComponent]=\"this\"\n    (Navigate)=\"OnFormNavigate($event)\"\n    (DeleteRequested)=\"OnDeleteRequested()\"\n    (FavoriteToggled)=\"OnFavoriteToggled()\"\n    (HistoryRequested)=\"OnHistoryRequested()\"\n    (ListManagementRequested)=\"OnListManagementRequested()\">\n\n    <mj-form-panel-slot Entity=\"{{record.EntityInfo.Name}}\" Slot=\"before-fields\" [Record]=\"record\" [FormComponent]=\"this\" [FormContext]=\"formContext\"></mj-form-panel-slot>\n\n    <!-- ================================================================\n         HERO IDENTITY HEADER CARD & SUMMARY METRIC STRIP\n         ================================================================ -->\n    <div class=\"mjo-ph-hero\">\n        <div class=\"mjo-ph-hero__top\">\n            <div class=\"mjo-ph-who\">\n                <div class=\"mjo-ph-avatar\" [class.is-reversal]=\"IsReversal\">\n                    <i [class]=\"PaymentAvatarIcon\"></i>\n                </div>\n                <div>\n                    <div class=\"mjo-ph-title-row\">\n                        <h1 class=\"mjo-ph-title\">\n                            {{ record.PaymentNumber || 'New payment' }} \u00B7 {{ FormattedGrossAmount }}\n                        </h1>\n                        <span [class]=\"StatusBadgeClass\">{{ record.Status || 'Draft' }}</span>\n                        @if (IsReversal) {\n                            <span class=\"mjo-status-chip mjo-status-chip--purple\">\n                                <i class=\"fa-solid fa-rotate-left\"></i> Reversal\n                            </span>\n                        }\n                    </div>\n                    <div class=\"mjo-ph-sub\">{{ HeaderSubtitle }}</div>\n                </div>\n            </div>\n\n            <div class=\"mjo-ph-hero__aside\">\n                <div class=\"mjo-ph-money\">\n                    <div>\n                        <span class=\"mjo-ph-kicker\">Gross</span>\n                        <span class=\"mjo-ph-amt\">{{ FormattedGrossAmount }}</span>\n                    </div>\n                    <div>\n                        <span class=\"mjo-ph-kicker\">Fee</span>\n                        <span class=\"mjo-ph-amt\">{{ FormattedFee }}</span>\n                    </div>\n                    <div>\n                        <span class=\"mjo-ph-kicker\">Net</span>\n                        <span class=\"mjo-ph-amt\">{{ FormattedNetAmount }}</span>\n                    </div>\n                    <div>\n                        <span class=\"mjo-ph-kicker\">Allocations</span>\n                        <span class=\"mjo-ph-amt\" [class.is-balanced]=\"IsAllocationBalanced\" [class.is-unbalanced]=\"!IsAllocationBalanced && TotalAllocated > 0\">\n                            @if (IsCaptured) {\n                                {{ GetSectionRowCount('mJBizAppsOrdersPaymentLines') || 0 }} Settled\n                            } @else {\n                                ${{ TotalAllocated.toFixed(2) }}\n                            }\n                        </span>\n                    </div>\n                </div>\n\n                @if (!IsCaptured) {\n                    <div class=\"mjo-ph-actions\">\n                        <button type=\"button\" class=\"mjo-btn mjo-btn--secondary\" (click)=\"SaveAsDraft()\" [disabled]=\"Saving || Capturing\">\n                            <i class=\"fa-solid fa-floppy-disk\"></i> {{ Saving ? 'Saving\u2026' : 'Save draft' }}\n                        </button>\n                        <button type=\"button\" class=\"mjo-btn mjo-btn--primary\" (click)=\"CapturePayment()\" [disabled]=\"Capturing || Saving || !IsAllocationBalanced || !record.Amount || !hasPayer\">\n                            <i class=\"fa-solid fa-check-double\"></i> {{ Capturing ? 'Capturing\u2026' : 'Capture & Book' }}\n                        </button>\n                    </div>\n                }\n            </div>\n        </div>\n    </div>\n\n    <!-- TAB NAVIGATION STRIP -->\n    <div class=\"mjo-ph-tabs\">\n        <mj-tab-nav [Tabs]=\"ContextTabs\" [ActiveKey]=\"ActiveTab ?? ''\" (TabChange)=\"SelectTab($event)\"></mj-tab-nav>\n    </div>\n\n    @if (CaptureError) {\n        <div class=\"mjo-alert mjo-alert--error\">\n            <i class=\"fa-solid fa-circle-exclamation\"></i>\n            <div>\n                <strong>Failed to capture payment:</strong> {{ CaptureError }}\n            </div>\n        </div>\n    }\n\n    <!-- ================================================================\n         TAB 1: PAYMENT & ALLOCATION WORKBENCH\n         ================================================================ -->\n    @if (ActiveTab === 'payment') {\n        <div class=\"mjo-ph-workbench\">\n\n            <!-- LEFT COLUMN: THE MONEY & PAYER (380px) -->\n            <aside class=\"mjo-ph-money-pane\">\n\n                <!-- 1. Payer Card -->\n                <div class=\"mjo-card\">\n                    <div class=\"mjo-card__header\">\n                        <div class=\"mjo-card__title\">\n                            <i class=\"fa-solid fa-user-tag\"></i> Who is paying?\n                        </div>\n                    </div>\n                    <div class=\"mjo-card__body\">\n                        <div class=\"mjo-ph-fields-stack\">\n                            <mj-form-field\n                                [Record]=\"record\"\n                                [ShowLabel]=\"true\"\n                                DisplayNameOverride=\"Organization\"\n                                FieldName=\"BillToOrganizationID\"\n                                Type=\"textbox\"\n                                LinkType=\"Record\"\n                                [EditMode]=\"ComposeMode\"\n                                [FormContext]=\"formContext\"\n                                (Navigate)=\"OnFormNavigate($event); OnPayerSelectionChanged()\">\n                            </mj-form-field>\n                            <mj-form-field\n                                [Record]=\"record\"\n                                [ShowLabel]=\"true\"\n                                DisplayNameOverride=\"Person\"\n                                FieldName=\"BillToPersonID\"\n                                Type=\"textbox\"\n                                LinkType=\"Record\"\n                                [EditMode]=\"ComposeMode\"\n                                [FormContext]=\"formContext\"\n                                (Navigate)=\"OnFormNavigate($event); OnPayerSelectionChanged()\">\n                            </mj-form-field>\n                        </div>\n                        @if (hasPayer) {\n                            <div class=\"mjo-payer-chip\">\n                                <i class=\"fa-solid fa-circle-check text-success\"></i>\n                                <span>{{ PayerDisplayName }}</span>\n                                @if (OpenOrders.length > 0) {\n                                    <span class=\"mjo-badge\">{{ OpenOrders.length }} unpaid orders</span>\n                                }\n                            </div>\n                        }\n                    </div>\n                </div>\n\n                <!-- 2. Payment Details Card -->\n                <div class=\"mjo-card\">\n                    <div class=\"mjo-card__header\">\n                        <div class=\"mjo-card__title\">\n                            <i class=\"fa-solid fa-money-check-dollar\"></i> Payment details\n                        </div>\n                    </div>\n                    <div class=\"mjo-card__body\">\n                        <div class=\"mjo-field\">\n                            <label class=\"mjo-label\">Amount received ($)</label>\n                            <div class=\"mjo-input-money-wrap\">\n                                <span class=\"mjo-currency-prefix\">$</span>\n                                <input\n                                    type=\"number\"\n                                    class=\"mj-input is-num mjo-input--money\"\n                                    [ngModel]=\"record.Amount\"\n                                    (ngModelChange)=\"OnAmountChanged($event)\"\n                                    [disabled]=\"!ComposeMode\"\n                                    placeholder=\"0.00\"\n                                    step=\"0.01\"\n                                />\n                            </div>\n                        </div>\n\n                        <div class=\"mjo-ph-fields-stack\">\n                            <mj-form-field\n                                [Record]=\"record\"\n                                [ShowLabel]=\"true\"\n                                DisplayNameOverride=\"Payment Date\"\n                                FieldName=\"PaymentDate\"\n                                Type=\"datepicker\"\n                                [EditMode]=\"ComposeMode\"\n                                [FormContext]=\"formContext\"\n                                (Navigate)=\"OnFormNavigate($event)\">\n                            </mj-form-field>\n\n                            <div class=\"mjo-field\">\n                                <label class=\"mjo-label\">Payment Type</label>\n                                @if (ComposeMode && PaymentTypes.length > 0) {\n                                    <select class=\"mj-input\" [ngModel]=\"record.PaymentTypeID\" (ngModelChange)=\"OnPaymentTypeSelected($event)\">\n                                        <option [ngValue]=\"null\">Select payment type\u2026</option>\n                                        @for (pt of PaymentTypes; track pt.ID) {\n                                            <option [value]=\"pt.ID\">{{ pt.Name }}</option>\n                                        }\n                                    </select>\n                                } @else {\n                                    <mj-form-field\n                                        [Record]=\"record\"\n                                        [ShowLabel]=\"false\"\n                                        FieldName=\"PaymentTypeID\"\n                                        Type=\"textbox\"\n                                        LinkType=\"Record\"\n                                        [EditMode]=\"ComposeMode\"\n                                        [FormContext]=\"formContext\"\n                                        (Navigate)=\"OnFormNavigate($event)\">\n                                    </mj-form-field>\n                                }\n                            </div>\n\n                            <!-- TENDER-SPECIFIC INSTRUMENT CAPTURE (PaymentDetail) -->\n                            @if (PaymentTypeCode === 'check' || (SelectedPaymentType?.RequiresReference && !RequiresInstrument)) {\n                                <div class=\"mjo-instrument-box\">\n                                    <div class=\"mjo-instrument-box__title\">\n                                        <i class=\"fa-solid fa-money-check\"></i> Check details\n                                    </div>\n                                    <div class=\"mjo-instrument-box__grid\">\n                                        <div class=\"mjo-field\">\n                                            <label class=\"mjo-label\">Check \u2116 <span class=\"text-danger\">*</span></label>\n                                            <input type=\"text\" class=\"mj-input font-mono\" [(ngModel)]=\"ReferenceNumber\" [disabled]=\"!ComposeMode\" placeholder=\"e.g. 10428\" autocomplete=\"off\" />\n                                        </div>\n                                        <div class=\"mjo-field\">\n                                            <label class=\"mjo-label\">Check Date</label>\n                                            <input type=\"date\" class=\"mj-input\" [(ngModel)]=\"InstrumentDateInput\" [disabled]=\"!ComposeMode\" />\n                                        </div>\n                                        <div class=\"mjo-field col-span-full\">\n                                            <label class=\"mjo-label\">Bank Name</label>\n                                            <input type=\"text\" class=\"mj-input\" [(ngModel)]=\"BankName\" [disabled]=\"!ComposeMode\" placeholder=\"e.g. Chase, Bank of America\" />\n                                        </div>\n                                    </div>\n                                </div>\n                            } @else if (PaymentTypeCode === 'card' || RequiresInstrument) {\n                                <div class=\"mjo-instrument-box\">\n                                    <div class=\"mjo-instrument-box__title\">\n                                        <i class=\"fa-solid fa-credit-card\"></i> Card instrument details\n                                    </div>\n                                    <div class=\"mjo-instrument-box__grid\">\n                                        <div class=\"mjo-field\">\n                                            <label class=\"mjo-label\">Card Brand</label>\n                                            <select class=\"mj-input\" [(ngModel)]=\"CardBrand\" [disabled]=\"!ComposeMode\">\n                                                <option value=\"\">Select Brand</option>\n                                                <option value=\"Visa\">Visa</option>\n                                                <option value=\"MasterCard\">MasterCard</option>\n                                                <option value=\"American Express\">American Express</option>\n                                                <option value=\"Discover\">Discover</option>\n                                                <option value=\"Other\">Other</option>\n                                            </select>\n                                        </div>\n                                        <div class=\"mjo-field\">\n                                            <label class=\"mjo-label\">Last 4 Digits</label>\n                                            <input type=\"text\" class=\"mj-input font-mono\" maxlength=\"4\" [(ngModel)]=\"CardLast4\" [disabled]=\"!ComposeMode\" placeholder=\"4242\" />\n                                        </div>\n                                        <div class=\"mjo-field\">\n                                            <label class=\"mjo-label\">Expiry (MM / YYYY)</label>\n                                            <div class=\"flex gap-2\">\n                                                <input type=\"number\" min=\"1\" max=\"12\" class=\"mj-input font-mono w-16\" [(ngModel)]=\"CardExpMonth\" [disabled]=\"!ComposeMode\" placeholder=\"MM\" />\n                                                <input type=\"number\" min=\"2025\" max=\"2045\" class=\"mj-input font-mono w-24\" [(ngModel)]=\"CardExpYear\" [disabled]=\"!ComposeMode\" placeholder=\"YYYY\" />\n                                            </div>\n                                        </div>\n                                        <div class=\"mjo-field\">\n                                            <label class=\"mjo-label\">Cardholder Name</label>\n                                            <input type=\"text\" class=\"mj-input\" [(ngModel)]=\"CardHolderName\" [disabled]=\"!ComposeMode\" placeholder=\"Name on card\" />\n                                        </div>\n                                        <div class=\"mjo-field col-span-full\">\n                                            <label class=\"mjo-label\">Auth / Approval \u2116</label>\n                                            <input type=\"text\" class=\"mj-input\" [(ngModel)]=\"ReferenceNumber\" [disabled]=\"!ComposeMode\" placeholder=\"e.g. AUTH-98210\" />\n                                        </div>\n                                    </div>\n                                </div>\n                            } @else if (PaymentTypeCode === 'ach') {\n                                <div class=\"mjo-instrument-box\">\n                                    <div class=\"mjo-instrument-box__title\">\n                                        <i class=\"fa-solid fa-building-columns\"></i> Bank transfer / ACH details\n                                    </div>\n                                    <div class=\"mjo-instrument-box__grid\">\n                                        <div class=\"mjo-field\">\n                                            <label class=\"mjo-label\">Bank Name</label>\n                                            <input type=\"text\" class=\"mj-input\" [(ngModel)]=\"BankName\" [disabled]=\"!ComposeMode\" placeholder=\"e.g. Wells Fargo\" />\n                                        </div>\n                                        <div class=\"mjo-field\">\n                                            <label class=\"mjo-label\">Account Type</label>\n                                            <select class=\"mj-input\" [(ngModel)]=\"BankAccountType\" [disabled]=\"!ComposeMode\">\n                                                <option [ngValue]=\"null\">Select Type</option>\n                                                <option value=\"Checking\">Checking</option>\n                                                <option value=\"Savings\">Savings</option>\n                                            </select>\n                                        </div>\n                                        <div class=\"mjo-field\">\n                                            <label class=\"mjo-label\">Routing Last 4</label>\n                                            <input type=\"text\" class=\"mj-input font-mono\" maxlength=\"4\" [(ngModel)]=\"RoutingLast4\" [disabled]=\"!ComposeMode\" placeholder=\"1234\" />\n                                        </div>\n                                        <div class=\"mjo-field\">\n                                            <label class=\"mjo-label\">Account Last 4</label>\n                                            <input type=\"text\" class=\"mj-input font-mono\" maxlength=\"4\" [(ngModel)]=\"AccountLast4\" [disabled]=\"!ComposeMode\" placeholder=\"5678\" />\n                                        </div>\n                                        <div class=\"mjo-field col-span-full\">\n                                            <label class=\"mjo-label\">Trace / Reference \u2116</label>\n                                            <input type=\"text\" class=\"mj-input\" [(ngModel)]=\"ReferenceNumber\" [disabled]=\"!ComposeMode\" placeholder=\"Trace #\" />\n                                        </div>\n                                    </div>\n                                </div>\n                            } @else if (RequiresReference) {\n                                <div class=\"mjo-instrument-box\">\n                                    <div class=\"mjo-instrument-box__title\">\n                                        <i class=\"fa-solid fa-receipt\"></i> Reference details\n                                    </div>\n                                    <div class=\"mjo-field\">\n                                        <label class=\"mjo-label\">Reference / Wire Confirmation \u2116 <span class=\"text-danger\">*</span></label>\n                                        <input type=\"text\" class=\"mj-input\" [(ngModel)]=\"ReferenceNumber\" [disabled]=\"!ComposeMode\" placeholder=\"Confirmation or transfer id\" />\n                                    </div>\n                                </div>\n                            }\n\n                            <mj-form-field\n                                [Record]=\"record\"\n                                [ShowLabel]=\"true\"\n                                DisplayNameOverride=\"Receiving Co.\"\n                                FieldName=\"ReceivingCompanyID\"\n                                Type=\"textbox\"\n                                LinkType=\"Record\"\n                                [EditMode]=\"ComposeMode\"\n                                [FormContext]=\"formContext\"\n                                (Navigate)=\"OnFormNavigate($event)\">\n                            </mj-form-field>\n\n                            <mj-form-field\n                                [Record]=\"record\"\n                                [ShowLabel]=\"true\"\n                                DisplayNameOverride=\"Processing Fee\"\n                                FieldName=\"ProcessingFeeAmount\"\n                                Type=\"number\"\n                                [EditMode]=\"ComposeMode\"\n                                [FormContext]=\"formContext\"\n                                (Navigate)=\"OnFormNavigate($event)\">\n                            </mj-form-field>\n                        </div>\n\n                        <div class=\"mjo-net-calc\">\n                            <span class=\"mjo-net-calc__label\">Net Settlement Amount</span>\n                            <span class=\"mjo-net-calc__val\">{{ FormattedNetAmount }}</span>\n                        </div>\n                    </div>\n                </div>\n\n            </aside>\n\n            <!-- RIGHT COLUMN: ALLOCATION WORKBENCH -->\n            <main class=\"mjo-ph-alloc-pane\">\n\n                <!-- 1. Balance Status Hero Strip -->\n                <div class=\"mjo-alloc-hero\" [class.is-balanced]=\"IsAllocationBalanced\" [class.is-warning]=\"!IsAllocationBalanced && UnallocatedRemainder > 0\" [class.is-error]=\"UnallocatedRemainder < 0\">\n                    <div class=\"mjo-alloc-hero__stats\">\n                        <div class=\"mjo-alloc-stat\">\n                            <span class=\"mjo-alloc-stat__kicker\">Payment Received</span>\n                            <span class=\"mjo-alloc-stat__val\">${{ (record.Amount || 0).toFixed(2) }}</span>\n                        </div>\n                        <div class=\"mjo-alloc-stat__op\"><i class=\"fa-solid fa-minus\"></i></div>\n                        <div class=\"mjo-alloc-stat\">\n                            <span class=\"mjo-alloc-stat__kicker\">Allocated</span>\n                            <span class=\"mjo-alloc-stat__val\">${{ TotalAllocated.toFixed(2) }}</span>\n                        </div>\n                        <div class=\"mjo-alloc-stat__op\"><i class=\"fa-solid fa-equals\"></i></div>\n                        <div class=\"mjo-alloc-stat\">\n                            <span class=\"mjo-alloc-stat__kicker\">Unallocated Remainder</span>\n                            <span class=\"mjo-alloc-stat__val\" [class.text-danger]=\"UnallocatedRemainder < 0\">\n                                ${{ Math.abs(UnallocatedRemainder).toFixed(2) }}\n                            </span>\n                        </div>\n                    </div>\n\n                    <div class=\"mjo-alloc-hero__message\">\n                        @if (IsAllocationBalanced) {\n                            <i class=\"fa-solid fa-circle-check text-success\"></i>\n                            <span>Allocations tie 100% to payment received. Ready to capture and book.</span>\n                        } @else if (UnallocatedRemainder > 0) {\n                            <i class=\"fa-solid fa-circle-info text-warning\"></i>\n                            <span>${{ UnallocatedRemainder.toFixed(2) }} remaining to allocate before capturing.</span>\n                        } @else {\n                            <i class=\"fa-solid fa-triangle-exclamation text-danger\"></i>\n                            <span>Over-allocated by ${{ Math.abs(UnallocatedRemainder).toFixed(2) }}. Please adjust amounts.</span>\n                        }\n                    </div>\n                </div>\n                <!-- 2. Allocation Toolbar -->\n                <div class=\"mjo-alloc-toolbar\">\n                    <div class=\"mjo-alloc-toolbar__left\">\n                        <h2 class=\"mjo-alloc-toolbar__title\">\n                            <i class=\"fa-solid fa-receipt\"></i> Open orders\n                        </h2>\n                        @if (OpenOrders.length > 0) {\n                            <span class=\"mjo-badge\">{{ FilteredOpenOrders.length }} available</span>\n                        }\n                    </div>\n\n                    @if (!IsCaptured && OpenOrders.length > 0) {\n                        <div class=\"mjo-alloc-toolbar__right\">\n                            <div class=\"mjo-search-input-wrap\">\n                                <i class=\"fa-solid fa-magnifying-glass\"></i>\n                                <input type=\"text\" class=\"mjo-input mjo-input--sm\" [(ngModel)]=\"SearchQuery\" placeholder=\"Filter orders\u2026\" />\n                            </div>\n                            <button type=\"button\" class=\"mjo-btn mjo-btn--secondary mjo-btn--sm\" (click)=\"AutoApplyOldestFirst()\">\n                                <i class=\"fa-solid fa-wand-magic-sparkles\"></i> Auto-apply oldest\n                            </button>\n                            <button type=\"button\" class=\"mjo-btn mjo-btn--outline mjo-btn--sm\" (click)=\"ClearAllocations()\">\n                                <i class=\"fa-solid fa-eraser\"></i> Clear all\n                            </button>\n                        </div>\n                    }\n                </div>\n\n                <!-- 3. Open Orders & Order Lines Allocation Table -->\n                <div class=\"mjo-card mjo-card--table\">\n                    @if (LoadingOpenOrders) {\n                        <div class=\"mjo-empty-state\">\n                            <i class=\"fa-solid fa-spinner fa-spin fa-2x text-muted\"></i>\n                            <p>Loading open orders\u2026</p>\n                        </div>\n                    } @else if (OpenOrders.length === 0) {\n                        <div class=\"mjo-empty-state\">\n                            <i class=\"fa-solid fa-receipt fa-3x text-muted\"></i>\n                            <h3>No unpaid orders found</h3>\n                            <p>There are zero open unpaid orders. Any recorded payment will be retained as unallocated credit.</p>\n                        </div>\n                    } @else {\n                        <div class=\"mjo-table-responsive\">\n                            <table class=\"mjo-table\">\n                                <thead>\n                                    <tr>\n                                        <th class=\"w-8\"></th>\n                                        @if (!hasPayer) {\n                                            <th>Customer</th>\n                                        }\n                                        <th>Order \u2116</th>\n                                        <th>Date</th>\n                                        <th>Due</th>\n                                        <th>Company</th>\n                                        <th class=\"text-right\">Gross</th>\n                                        <th class=\"text-right\">Open Balance</th>\n                                        <th class=\"text-right w-36\">Apply Amount</th>\n                                        <th class=\"text-right\">Leaves Balance</th>\n                                        <th class=\"w-24\"></th>\n                                    </tr>\n                                </thead>\n                                <tbody>\n                                    @for (order of FilteredOpenOrders; track order.ID) {\n                                        <tr class=\"mjo-order-row\" [class.is-expanded]=\"IsOrderExpanded(order.ID || '')\">\n                                            <td>\n                                                <button type=\"button\" class=\"mjo-icon-btn\" (click)=\"ToggleOrderExpanded(order.ID || '')\" title=\"Toggle line items\">\n                                                    <i class=\"fa-solid\" [class.fa-chevron-down]=\"IsOrderExpanded(order.ID || '')\" [class.fa-chevron-right]=\"!IsOrderExpanded(order.ID || '')\"></i>\n                                                </button>\n                                            </td>\n                                            @if (!hasPayer) {\n                                                <td class=\"font-bold\">{{ order.BillToOrganization || order.BillToPerson || '\u2014' }}</td>\n                                            }\n                                            <td>\n                                                <button type=\"button\" class=\"mjo-link\" (click)=\"OpenOrderRecord(order, $event)\">\n                                                    <strong>{{ order.OrderNumber }}</strong>\n                                                </button>\n                                                @if (order.Description) {\n                                                    <div class=\"mjo-subtext\">{{ order.Description }}</div>\n                                                }\n                                            </td>\n                                            <td>{{ order.OrderDate ? FormatOrderDueDate(order) : '\u2014' }}</td>\n                                            <td>\n                                                @if (GetOrderDaysOverdue(order) > 0) {\n                                                    <span class=\"mjo-badge mjo-badge--error\">{{ GetOrderDaysOverdue(order) }}d overdue</span>\n                                                } @else {\n                                                    <span>{{ FormatOrderDueDate(order) }}</span>\n                                                }\n                                            </td>\n                                            <td>\n                                                <span class=\"mjo-company-pill\">{{ order.Company || 'Default' }}</span>\n                                            </td>\n                                            <td class=\"text-right font-mono\">${{ (order.TotalGross || 0).toFixed(2) }}</td>\n                                            <td class=\"text-right font-mono font-bold\">${{ (order.Balance ?? order.TotalGross ?? 0).toFixed(2) }}</td>\n                                            <td class=\"text-right\">\n                                                <div class=\"mjo-apply-input-wrap\" [class.is-derived]=\"HasLineAllocations(order.ID || '')\">\n                                                    <span class=\"mjo-apply-dollar\">$</span>\n                                                    <input\n                                                        type=\"number\"\n                                                        class=\"mjo-input mjo-input--sm mjo-input--num\"\n                                                        [ngModel]=\"GetOrderAllocation(order.ID || '')\"\n                                                        (ngModelChange)=\"SetOrderAllocation(order.ID || '', $event)\"\n                                                        [disabled]=\"IsCaptured || HasLineAllocations(order.ID || '')\"\n                                                        step=\"0.01\"\n                                                        min=\"0\"\n                                                        [title]=\"HasLineAllocations(order.ID || '') ? 'Order allocation is driven by line item allocations below' : 'Enter amount to allocate to order'\"\n                                                    />\n                                                </div>\n                                                @if (HasLineAllocations(order.ID || '')) {\n                                                    <div class=\"mjo-subtext text-info\">\n                                                        <i class=\"fa-solid fa-layer-group\"></i> Lines allocated\n                                                    </div>\n                                                }\n                                            </td>\n                                            <td class=\"text-right font-mono\" [class.text-muted]=\"CalculateLeavesBalance(order) === 0\">\n                                                ${{ CalculateLeavesBalance(order).toFixed(2) }}\n                                            </td>\n                                            <td class=\"text-right\">\n                                                @if (!IsCaptured) {\n                                                    <button\n                                                        type=\"button\"\n                                                        class=\"mjo-btn mjo-btn--outline mjo-btn--sm\"\n                                                        (click)=\"FullPayOrder(order)\"\n                                                        [disabled]=\"(order.Balance ?? order.TotalGross ?? 0) <= 0\"\n                                                    >\n                                                        Pay in Full\n                                                    </button>\n                                                }\n                                            </td>\n                                        </tr>\n\n                                        <!-- EXPANDED CHILD ROW: INDIVIDUAL ORDER LINES -->\n                                        @if (IsOrderExpanded(order.ID || '')) {\n                                            <tr class=\"mjo-lines-row\">\n                                                <td [attr.colspan]=\"hasPayer ? 10 : 11\" class=\"p-0\">\n                                                    <div class=\"mjo-nested-lines-pane\">\n                                                        <div class=\"mjo-nested-lines-header\">\n                                                             <i class=\"fa-solid fa-layer-group\"></i>\n                                                            <span>Order Line Items (Targeted Line Allocations)</span>\n                                                        </div>\n                                                        <table class=\"mjo-nested-table\">\n                                                            <thead>\n                                                                <tr>\n                                                                    <th>#</th>\n                                                                    <th>Product</th>\n                                                                    <th class=\"text-right\">Unit Price</th>\n                                                                    <th class=\"text-right\">Gross</th>\n                                                                    <th class=\"text-right w-36\">Line Allocation</th>\n                                                                    <th class=\"w-20\"></th>\n                                                                </tr>\n                                                            </thead>\n                                                            <tbody>\n                                                                @for (line of GetOrderLines(order.ID || ''); track line.ID) {\n                                                                    <tr>\n                                                                        <td>{{ line.LineNumber }}</td>\n                                                                        <td>\n                                                                            <strong>{{ line.Product || 'Line Item' }}</strong>\n                                                                        </td>\n                                                                        <td class=\"text-right font-mono\">${{ (line.UnitPrice || 0).toFixed(2) }}</td>\n                                                                        <td class=\"text-right font-mono\">${{ (line.LineTotalGross || 0).toFixed(2) }}</td>\n                                                                        <td class=\"text-right\">\n                                                                            <div class=\"mjo-apply-input-wrap\">\n                                                                                <span class=\"mjo-apply-dollar\">$</span>\n                                                                                <input\n                                                                                    type=\"number\"\n                                                                                    class=\"mjo-input mjo-input--xs mjo-input--num\"\n                                                                                    [ngModel]=\"GetLineAllocation(line.ID || '')\"\n                                                                                    (ngModelChange)=\"SetLineAllocation(line.ID || '', $event, order.ID)\"\n                                                                                    [disabled]=\"IsCaptured\"\n                                                                                    step=\"0.01\"\n                                                                                    min=\"0\"\n                                                                                />\n                                                                            </div>\n                                                                        </td>\n                                                                        <td class=\"text-right\">\n                                                                            @if (!IsCaptured) {\n                                                                                <button type=\"button\" class=\"mjo-btn mjo-btn--outline mjo-btn--xs\" (click)=\"FullPayLine(order, line)\">\n                                                                                    Line Pay\n                                                                                </button>\n                                                                            }\n                                                                        </td>\n                                                                    </tr>\n                                                                }\n                                                            </tbody>\n                                                        </table>\n                                                    </div>\n                                                </td>\n                                            </tr>\n                                        }\n                                    }\n                                </tbody>\n                            </table>\n                        </div>\n                    }\n                </div>\n\n            </main>\n\n        </div>\n    }\n\n    <!-- ================================================================\n         TAB 2: ACCOUNTING & GENERAL LEDGER (CAPTURED PAYMENTS)\n         ================================================================ -->\n    @if (ActiveTab === 'accounting') {\n        <div class=\"mjo-ph-tab-body\">\n            <div class=\"mjo-accounting-header\">\n                <div>\n                    <h2><i class=\"fa-solid fa-book\"></i> General Ledger Postings</h2>\n                    <p class=\"text-muted\">Double-entry balanced accounting entries booked across operating and receivable accounts.</p>\n                </div>\n                <div class=\"mjo-view-toggle\">\n                    <button type=\"button\" class=\"mjo-toggle-btn\" [class.is-active]=\"AccountingView === 'summary'\" (click)=\"SetAccountingView('summary')\">\n                        Summary (Rolled-up)\n                    </button>\n                    <button type=\"button\" class=\"mjo-toggle-btn\" [class.is-active]=\"AccountingView === 'detail'\" (click)=\"SetAccountingView('detail')\">\n                        By Journal Entry\n                    </button>\n                </div>\n            </div>\n\n            @if (AccountingView === 'summary') {\n                @if (RollupLoading) {\n                    <div class=\"mjo-empty-state\">\n                        <i class=\"fa-solid fa-spinner fa-spin fa-2x text-muted\"></i>\n                        <p>Rolling up general ledger accounts\u2026</p>\n                    </div>\n                } @else if (RollupError) {\n                    <div class=\"mjo-alert mjo-alert--error\">{{ RollupError }}</div>\n                } @else if (RollupCards.length === 0) {\n                    <div class=\"mjo-empty-state\">\n                        <i class=\"fa-solid fa-book-open fa-3x text-muted\"></i>\n                        <h3>No journal entries booked yet</h3>\n                        <p>Journal entries are booked automatically upon capturing and settling the payment.</p>\n                    </div>\n                } @else {\n                    <div class=\"mjo-gl-cards-grid\">\n                        @for (card of RollupCards; track card.CompanyID) {\n                            <div class=\"mjo-card mjo-card--gl\">\n                                <div class=\"mjo-card__header\">\n                                    <div>\n                                        <h3 class=\"mjo-card__title\">{{ card.Company }}</h3>\n                                        <div class=\"mjo-subtext\">{{ card.Rows.length }} {{ card.Rows.length === 1 ? 'line' : 'lines' }}</div>\n                                    </div>\n                                    <span class=\"mjo-badge\" [class.mjo-badge--success]=\"CardIsBalanced(card)\" [class.mjo-badge--error]=\"!CardIsBalanced(card)\">\n                                        {{ CardIsBalanced(card) ? 'Balanced' : 'Out of Balance' }}\n                                    </span>\n                                </div>\n                                <div class=\"mjo-card__body p-0\">\n                                    <table class=\"mjo-table mjo-table--compact\">\n                                        <thead>\n                                            <tr>\n                                                <th>GL Account</th>\n                                                <th>Name</th>\n                                                <th class=\"text-right\">Debit</th>\n                                                <th class=\"text-right\">Credit</th>\n                                            </tr>\n                                        </thead>\n                                        <tbody>\n                                            @for (row of card.Rows; track row.Key) {\n                                                <tr>\n                                                    <td class=\"font-mono\">{{ row.AccountCode || '\u2014' }}</td>\n                                                    <td>\n                                                        <span>{{ row.AccountName }}</span>\n                                                    </td>\n                                                    <td class=\"text-right font-mono\">{{ row.Debit ? RollupAmount(row.Debit) : '\u2014' }}</td>\n                                                    <td class=\"text-right font-mono\">{{ row.Credit ? RollupAmount(row.Credit) : '\u2014' }}</td>\n                                                </tr>\n                                            }\n                                        </tbody>\n                                        <tfoot>\n                                            <tr>\n                                                <th colspan=\"2\">Total</th>\n                                                <th class=\"text-right font-mono\">${{ card.TotalDebit.toFixed(2) }}</th>\n                                                <th class=\"text-right font-mono\">${{ card.TotalCredit.toFixed(2) }}</th>\n                                            </tr>\n                                        </tfoot>\n                                    </table>\n                                </div>\n                            </div>\n                        }\n                    </div>\n                }\n            } @else {\n                @if (PaymentJournalEntryParams) {\n                    <mj-explorer-entity-data-grid\n                        [Params]=\"PaymentJournalEntryParams\"\n                        [AllowLoad]=\"true\"\n                        [ShowToolbar]=\"false\"\n                        (Navigate)=\"OnFormNavigate($event)\">\n                    </mj-explorer-entity-data-grid>\n                }\n            }\n        </div>\n    }\n\n    <!-- ================================================================\n         TAB 3: DETAILS & NOTES\n         ================================================================ -->\n    @if (ActiveTab === 'details') {\n        <div class=\"mjo-ph-tab-body\">\n            <div class=\"mjo-form-sections-grid\">\n\n                <!-- Processing & Gateway Details -->\n                <div class=\"mjo-card\">\n                    <div class=\"mjo-card__header\">\n                        <h3 class=\"mjo-card__title\"><i class=\"fa-solid fa-gears\"></i> Processing &amp; Gateway Details</h3>\n                    </div>\n                    <div class=\"mjo-card__body mjo-form-grid-2\">\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"PaymentProviderID\" Type=\"textbox\" LinkType=\"Record\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"PaymentIntentID\" Type=\"textbox\" LinkType=\"Record\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"PaymentDetailID\" Type=\"textbox\" LinkType=\"Record\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"ProviderChargeID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\"></mj-form-field>\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"ProviderRefundID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\"></mj-form-field>\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"IdempotencyKey\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\"></mj-form-field>\n                    </div>\n                </div>\n\n                <!-- Reversal & Notes -->\n                <div class=\"mjo-card\">\n                    <div class=\"mjo-card__header\">\n                        <h3 class=\"mjo-card__title\"><i class=\"fa-solid fa-note-sticky\"></i> Reversal Info &amp; Notes</h3>\n                    </div>\n                    <div class=\"mjo-card__body mjo-form-grid-2\">\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"ReversesPaymentHeaderID\" Type=\"textbox\" LinkType=\"Record\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"ReversalReason\" Type=\"textarea\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\"></mj-form-field>\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"Description\" Type=\"textarea\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\"></mj-form-field>\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"Notes\" Type=\"textarea\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\"></mj-form-field>\n                    </div>\n                </div>\n\n                <!-- Audit Metadata -->\n                <div class=\"mjo-card\">\n                    <div class=\"mjo-card__header\">\n                        <h3 class=\"mjo-card__title\"><i class=\"fa-solid fa-clock-rotate-left\"></i> System Metadata</h3>\n                    </div>\n                    <div class=\"mjo-card__body mjo-form-grid-2\">\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"__mj_CreatedAt\" Type=\"textbox\" [EditMode]=\"false\" [FormContext]=\"formContext\"></mj-form-field>\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"__mj_UpdatedAt\" Type=\"textbox\" [EditMode]=\"false\" [FormContext]=\"formContext\"></mj-form-field>\n                    </div>\n                </div>\n\n            </div>\n        </div>\n    }\n\n    <!-- ================================================================\n         TAB 4: RELATED RECORDS\n         ================================================================ -->\n    @if (ActiveTab === 'related') {\n        <div class=\"mjo-ph-tab-body\">\n            <mj-collapsible-panel\n                SectionKey=\"mJBizAppsOrdersStoredValueTransactions\"\n                SectionName=\"Stored Value &amp; Account Credit Transactions\"\n                Icon=\"fa fa-wallet\"\n                Variant=\"related-entity\"\n                [Form]=\"this\"\n                [FormContext]=\"formContext\"\n                [BadgeCount]=\"GetSectionRowCount('mJBizAppsOrdersStoredValueTransactions')\"\n                [DefaultExpanded]=\"true\">\n                <mj-explorer-entity-data-grid\n                    [Params]=\"BuildRelationshipViewParamsByEntityName('MJ_BizApps_Orders: Stored Value Transactions', 'RelatedPaymentID')\"\n                    [NewRecordValues]=\"NewRecordValues('MJ_BizApps_Orders: Stored Value Transactions', 'RelatedPaymentID')\"\n                    [AllowLoad]=\"true\"\n                    [ShowToolbar]=\"true\"\n                    (Navigate)=\"OnFormNavigate($event)\"\n                    (AfterDataLoad)=\"SetSectionRowCount('mJBizAppsOrdersStoredValueTransactions', $event.totalRowCount)\">\n                </mj-explorer-entity-data-grid>\n            </mj-collapsible-panel>\n\n            <mj-collapsible-panel\n                SectionKey=\"mJBizAppsOrdersSubscriptionEvents\"\n                SectionName=\"Subscription Billing Events\"\n                Icon=\"fa fa-history\"\n                Variant=\"related-entity\"\n                [Form]=\"this\"\n                [FormContext]=\"formContext\"\n                [BadgeCount]=\"GetSectionRowCount('mJBizAppsOrdersSubscriptionEvents')\"\n                [DefaultExpanded]=\"false\">\n                <mj-explorer-entity-data-grid\n                    [Params]=\"BuildRelationshipViewParamsByEntityName('MJ_BizApps_Orders: Subscription Events', 'PaymentHeaderID')\"\n                    [NewRecordValues]=\"NewRecordValues('MJ_BizApps_Orders: Subscription Events', 'PaymentHeaderID')\"\n                    [AllowLoad]=\"true\"\n                    [ShowToolbar]=\"true\"\n                    (Navigate)=\"OnFormNavigate($event)\"\n                    (AfterDataLoad)=\"SetSectionRowCount('mJBizAppsOrdersSubscriptionEvents', $event.totalRowCount)\">\n                </mj-explorer-entity-data-grid>\n            </mj-collapsible-panel>\n\n            <mj-collapsible-panel\n                SectionKey=\"mJBizAppsOrdersPaymentHeaders\"\n                SectionName=\"Linked Reversal &amp; Refund Payment Records\"\n                Icon=\"fa fa-rotate-left\"\n                Variant=\"related-entity\"\n                [Form]=\"this\"\n                [FormContext]=\"formContext\"\n                [BadgeCount]=\"GetSectionRowCount('mJBizAppsOrdersPaymentHeaders')\"\n                [DefaultExpanded]=\"false\">\n                <mj-explorer-entity-data-grid\n                    [Params]=\"BuildRelationshipViewParamsByEntityName('MJ_BizApps_Orders: Payment Headers', 'ReversesPaymentHeaderID')\"\n                    [NewRecordValues]=\"NewRecordValues('MJ_BizApps_Orders: Payment Headers', 'ReversesPaymentHeaderID')\"\n                    [AllowLoad]=\"true\"\n                    [ShowToolbar]=\"true\"\n                    (Navigate)=\"OnFormNavigate($event)\"\n                    (AfterDataLoad)=\"SetSectionRowCount('mJBizAppsOrdersPaymentHeaders', $event.totalRowCount)\">\n                </mj-explorer-entity-data-grid>\n            </mj-collapsible-panel>\n        </div>\n    }\n\n</mj-record-form-container>\n}\n", styles: ["/* ============================================================================\n   BizApps Orders \u2014 Custom Payment Header Form Component Styles\n   Uses MemberJunction semantic tokens for dark and light theme harmony.\n   ============================================================================ */\n\n:host {\n    display: block;\n    width: 100%;\n}\n\n/* \u2500\u2500 1. Hero Header Banner \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.mjo-ph-hero {\n    background: var(--mj-bg-surface-card, #ffffff);\n    border: 1px solid var(--mj-border-default, #e2e8f0);\n    border-radius: var(--mj-radius-lg, 12px);\n    padding: var(--mj-space-4, 16px) var(--mj-space-5, 20px);\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);\n    margin-bottom: var(--mj-space-4, 16px);\n}\n\n.mjo-ph-hero__top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-4, 16px);\n    flex-wrap: wrap;\n}\n\n.mjo-ph-who {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4, 16px);\n}\n\n.mjo-ph-avatar {\n    width: 48px;\n    height: 48px;\n    border-radius: var(--mj-radius-md, 8px);\n    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);\n    color: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    box-shadow: 0 4px 10px rgba(22, 163, 74, 0.25);\n    flex-shrink: 0;\n}\n\n.mjo-ph-avatar.is-reversal {\n    background: linear-gradient(135deg, #9333ea 0%, #7e22ce 100%);\n    box-shadow: 0 4px 10px rgba(147, 51, 234, 0.25);\n}\n\n.mjo-ph-title-row {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-3, 10px);\n    flex-wrap: wrap;\n}\n\n.mjo-ph-title {\n    margin: 0;\n    font-size: var(--mj-text-lg, 18px);\n    font-weight: var(--mj-font-bold, 700);\n    color: var(--mj-text-primary, #0f172a);\n    letter-spacing: -0.01em;\n}\n\n.mjo-ph-sub {\n    font-size: var(--mj-text-xs, 12px);\n    color: var(--mj-text-muted, #64748b);\n    margin-top: 2px;\n}\n\n.mjo-ph-hero__aside {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-5, 20px);\n    flex-wrap: wrap;\n}\n\n.mjo-ph-money {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4, 16px);\n    padding: var(--mj-space-2, 6px) var(--mj-space-4, 14px);\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.03));\n    border: 1px solid var(--mj-border-default, #e2e8f0);\n    border-radius: var(--mj-radius-md, 8px);\n}\n\n.mjo-ph-money > div {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n}\n\n.mjo-ph-kicker {\n    font-size: var(--mj-text-xs, 11px);\n    font-weight: var(--mj-font-semibold, 600);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted, #64748b);\n}\n\n.mjo-ph-amt {\n    font-size: var(--mj-text-sm, 13px);\n    font-weight: var(--mj-font-bold, 700);\n    font-family: var(--mj-font-family-mono, monospace);\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-ph-amt.is-balanced {\n    color: #16a34a;\n}\n\n.mjo-ph-amt.is-unbalanced {\n    color: #d97706;\n}\n\n.mjo-ph-actions {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2, 8px);\n}\n\n/* \u2500\u2500 2. Tab Navigation \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.mjo-ph-tabs {\n    margin-bottom: var(--mj-space-4, 16px);\n}\n\n/* \u2500\u2500 3. 2-Column Workbench Layout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.mjo-ph-workbench {\n    display: flex;\n    gap: var(--mj-space-4, 16px);\n    align-items: flex-start;\n    width: 100%;\n}\n\n.mjo-ph-money-pane {\n    width: 380px;\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4, 16px);\n    --mj-forms-field-label-width: 105px;\n    --mj-forms-field-gap: 8px;\n}\n\n.mjo-ph-fields-stack {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.mjo-ph-fields-stack mj-form-field {\n    --mj-forms-field-label-width: 105px;\n    --mj-forms-field-gap: 8px;\n}\n\n.mjo-ph-alloc-pane {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4, 16px);\n}\n\n/* \u2500\u2500 4. Card Surfaces \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.mjo-card {\n    background: var(--mj-bg-surface-card, #ffffff);\n    border: 1px solid var(--mj-border-default, #e2e8f0);\n    border-radius: var(--mj-radius-lg, 10px);\n    box-shadow: var(--mj-shadow-xs, 0 1px 2px rgba(0, 0, 0, 0.04));\n    overflow: hidden;\n}\n\n.mjo-card__header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--mj-space-3, 12px) var(--mj-space-4, 16px);\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.02));\n    border-bottom: 1px solid var(--mj-border-default, #e2e8f0);\n}\n\n.mjo-card__title {\n    font-size: var(--mj-text-sm, 13px);\n    font-weight: var(--mj-font-bold, 700);\n    color: var(--mj-text-primary, #0f172a);\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2, 8px);\n}\n\n.mjo-card__body {\n    padding: var(--mj-space-4, 16px);\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-3, 12px);\n}\n\n.mjo-card__body.p-0 {\n    padding: 0;\n}\n\n.mjo-field {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.mjo-label {\n    font-size: var(--mj-text-xs, 12px);\n    font-weight: var(--mj-font-semibold, 600);\n    color: var(--mj-text-secondary, #94a3b8);\n}\n\n.mjo-input-money-wrap {\n    position: relative;\n    display: flex;\n    align-items: center;\n    width: 100%;\n}\n\n.mjo-currency-prefix {\n    position: absolute;\n    left: 14px;\n    font-size: var(--mj-text-lg, 16px);\n    font-weight: var(--mj-font-bold, 700);\n    color: var(--mj-text-muted, #94a3b8);\n    pointer-events: none;\n    z-index: 2;\n}\n\n.mjo-input--money {\n    padding-left: 30px !important;\n    font-size: var(--mj-text-lg, 16px) !important;\n    font-weight: var(--mj-font-bold, 700) !important;\n    font-family: var(--mj-font-family-mono, monospace) !important;\n    height: 42px !important;\n    width: 100% !important;\n    background: var(--mj-bg-surface-card, transparent) !important;\n    color: var(--mj-text-primary, inherit) !important;\n    border: 1px solid var(--mj-border-default, #334155) !important;\n    border-radius: var(--mj-radius-md, 6px) !important;\n}\n\n.mjo-input--money:focus {\n    border-color: var(--mj-brand-primary, #0076b6) !important;\n    box-shadow: 0 0 0 2px rgba(0, 118, 182, 0.25) !important;\n}\n\n.mjo-net-calc {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 14px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.2));\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.08));\n    border-radius: var(--mj-radius-md, 6px);\n    margin-top: 4px;\n}\n\n.mjo-net-calc__label {\n    font-size: var(--mj-text-xs, 12px);\n    font-weight: var(--mj-font-semibold, 600);\n    color: var(--mj-text-secondary, #94a3b8);\n}\n\n.mjo-net-calc__val {\n    font-size: var(--mj-text-base, 15px);\n    font-weight: var(--mj-font-bold, 700);\n    font-family: var(--mj-font-family-mono, monospace);\n    color: var(--mj-text-primary, #f8fafc);\n}\n\n.mjo-payer-chip {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2, 8px);\n    padding: 6px 10px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.03));\n    border: 1px solid var(--mj-border-default, #e2e8f0);\n    border-radius: var(--mj-radius-md, 6px);\n    font-size: var(--mj-text-xs, 12px);\n    font-weight: var(--mj-font-semibold, 600);\n}\n\n/* \u2500\u2500 5. Books Preview Card \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.mjo-card--books {\n    border-color: rgba(0, 118, 182, 0.25);\n}\n\n\n\n/* \u2500\u2500 6. Allocation Hero Status Strip \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.mjo-alloc-hero {\n    background: var(--mj-bg-surface-card, #ffffff);\n    border: 1px solid var(--mj-border-default, #e2e8f0);\n    border-radius: var(--mj-radius-lg, 12px);\n    padding: var(--mj-space-3, 12px) var(--mj-space-4, 16px);\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-2, 8px);\n}\n\n.mjo-alloc-hero.is-balanced {\n    border-color: rgba(22, 163, 74, 0.35);\n    background: rgba(22, 163, 74, 0.03);\n}\n\n.mjo-alloc-hero.is-warning {\n    border-color: rgba(217, 119, 6, 0.35);\n    background: rgba(217, 119, 6, 0.03);\n}\n\n.mjo-alloc-hero.is-error {\n    border-color: rgba(220, 38, 38, 0.35);\n    background: rgba(220, 38, 38, 0.03);\n}\n\n.mjo-alloc-hero__stats {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4, 16px);\n    flex-wrap: wrap;\n}\n\n.mjo-alloc-stat {\n    display: flex;\n    flex-direction: column;\n}\n\n.mjo-alloc-stat__kicker {\n    font-size: 11px;\n    font-weight: var(--mj-font-semibold, 600);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted, #64748b);\n}\n\n.mjo-alloc-stat__val {\n    font-size: var(--mj-text-base, 15px);\n    font-weight: var(--mj-font-bold, 700);\n    font-family: var(--mj-font-family-mono, monospace);\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-alloc-stat__op {\n    font-size: 14px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-alloc-hero__message {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2, 8px);\n    font-size: var(--mj-text-xs, 12px);\n    font-weight: var(--mj-font-semibold, 600);\n    padding-top: 6px;\n    border-top: 1px solid var(--mj-border-default, #e2e8f0);\n}\n\n/* \u2500\u2500 7. Toolbar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.mjo-alloc-toolbar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3, 12px);\n    flex-wrap: wrap;\n}\n\n.mjo-alloc-toolbar__left {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2, 8px);\n}\n\n.mjo-alloc-toolbar__title {\n    margin: 0;\n    font-size: var(--mj-text-sm, 14px);\n    font-weight: var(--mj-font-bold, 700);\n    color: var(--mj-text-primary, #0f172a);\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2, 8px);\n}\n\n.mjo-alloc-toolbar__right {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2, 8px);\n}\n\n.mjo-search-input-wrap {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.mjo-search-input-wrap i {\n    position: absolute;\n    left: 8px;\n    font-size: 11px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-search-input-wrap input {\n    padding-left: 24px;\n    width: 160px;\n}\n\n/* \u2500\u2500 8. Orders & Allocations Table \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.mjo-table-responsive {\n    overflow-x: auto;\n    width: 100%;\n}\n\n.mjo-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-xs, 12px);\n}\n\n.mjo-table th {\n    background: var(--mj-bg-surface-header, rgba(0, 0, 0, 0.02));\n    color: var(--mj-text-muted, #64748b);\n    font-weight: var(--mj-font-semibold, 600);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    font-size: 11px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-default, #e2e8f0);\n    text-align: left;\n}\n\n.mjo-table td {\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-default, #e2e8f0);\n    vertical-align: middle;\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-order-row:hover {\n    background: var(--mj-bg-surface-hover, rgba(0, 0, 0, 0.02));\n}\n\n.mjo-order-row.is-expanded {\n    background: rgba(0, 118, 182, 0.02);\n}\n\n.mjo-apply-input-wrap {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 100%;\n    max-width: 110px;\n}\n\n.mjo-apply-dollar {\n    position: absolute;\n    left: 8px;\n    font-size: 11px;\n    font-weight: var(--mj-font-bold, 700);\n    color: var(--mj-text-muted, #64748b);\n    pointer-events: none;\n}\n\n.mjo-apply-input-wrap input {\n    padding-left: 18px;\n}\n\n.mjo-nested-lines-pane {\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.02));\n    border-top: 1px solid var(--mj-border-default, #e2e8f0);\n    border-bottom: 2px solid var(--mj-border-default, #cbd5e1);\n    padding: var(--mj-space-3, 10px) var(--mj-space-4, 16px);\n}\n\n.mjo-nested-lines-header {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2, 8px);\n    font-size: 11px;\n    font-weight: var(--mj-font-bold, 700);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-secondary, #475569);\n    margin-bottom: var(--mj-space-2, 6px);\n}\n\n.mjo-nested-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-xs, 12px);\n    background: var(--mj-bg-surface-card, #ffffff);\n    border: 1px solid var(--mj-border-default, #e2e8f0);\n    border-radius: var(--mj-radius-md, 6px);\n    overflow: hidden;\n}\n\n.mjo-nested-table th {\n    background: rgba(0, 0, 0, 0.02);\n    font-size: 10.5px;\n    font-weight: var(--mj-font-semibold, 600);\n    padding: 6px 10px;\n    border-bottom: 1px solid var(--mj-border-default, #e2e8f0);\n}\n\n.mjo-nested-table td {\n    padding: 6px 10px;\n    border-bottom: 1px solid var(--mj-border-default, #e2e8f0);\n}\n\n/* \u2500\u2500 9. Accounting Postings View \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.mjo-ph-tab-body {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4, 16px);\n}\n\n.mjo-accounting-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-4, 16px);\n    flex-wrap: wrap;\n}\n\n.mjo-accounting-header h2 {\n    margin: 0;\n    font-size: var(--mj-text-base, 15px);\n    font-weight: var(--mj-font-bold, 700);\n    color: var(--mj-text-primary, #0f172a);\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2, 8px);\n}\n\n.mjo-accounting-header p {\n    margin: 2px 0 0 0;\n    font-size: var(--mj-text-xs, 12px);\n}\n\n.mjo-view-toggle {\n    display: flex;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.04));\n    border: 1px solid var(--mj-border-default, #e2e8f0);\n    border-radius: var(--mj-radius-md, 6px);\n    padding: 2px;\n}\n\n.mjo-toggle-btn {\n    border: none;\n    background: transparent;\n    padding: 4px 10px;\n    font-size: var(--mj-text-xs, 12px);\n    font-weight: var(--mj-font-semibold, 600);\n    color: var(--mj-text-secondary, #475569);\n    border-radius: var(--mj-radius-sm, 4px);\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.mjo-toggle-btn.is-active {\n    background: var(--mj-bg-surface-card, #ffffff);\n    color: var(--mj-text-primary, #0f172a);\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n}\n\n.mjo-gl-cards-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));\n    gap: var(--mj-space-4, 16px);\n}\n\n.mjo-table--compact th, .mjo-table--compact td {\n    padding: 6px 10px;\n}\n\n.mjo-table tfoot th {\n    background: var(--mj-bg-surface-header, rgba(0, 0, 0, 0.02));\n    border-top: 2px solid var(--mj-border-default, #cbd5e1);\n    font-size: var(--mj-text-xs, 12px);\n    font-weight: var(--mj-font-bold, 700);\n}\n\n.is-intercompany {\n    background: rgba(0, 118, 182, 0.04);\n}\n\n.mjo-ic-tag {\n    display: inline-block;\n    font-size: 10px;\n    font-weight: var(--mj-font-bold, 700);\n    text-transform: uppercase;\n    color: #0284c7;\n    background: rgba(2, 132, 199, 0.12);\n    padding: 1px 5px;\n    border-radius: 3px;\n    margin-left: 6px;\n}\n\n/* \u2500\u2500 10. Common UI Elements & Chips \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.mjo-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--mj-space-2, 6px);\n    height: 34px;\n    padding: 0 14px;\n    font-size: var(--mj-text-xs, 12px);\n    font-weight: var(--mj-font-semibold, 600);\n    border-radius: var(--mj-radius-md, 6px);\n    cursor: pointer;\n    border: 1px solid transparent;\n    transition: all 0.15s ease;\n}\n\n.mjo-btn--primary {\n    background: var(--mj-brand-primary, #0076b6);\n    color: #ffffff;\n}\n\n.mjo-btn--primary:hover:not(:disabled) {\n    background: #006094;\n}\n\n.mjo-btn--secondary {\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.05));\n    border-color: var(--mj-border-default, #cbd5e1);\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-btn--secondary:hover:not(:disabled) {\n    background: rgba(0, 0, 0, 0.08);\n}\n\n.mjo-btn--outline {\n    background: transparent;\n    border-color: var(--mj-border-default, #cbd5e1);\n    color: var(--mj-text-secondary, #475569);\n}\n\n.mjo-btn--outline:hover:not(:disabled) {\n    border-color: var(--mj-brand-primary, #0076b6);\n    color: var(--mj-brand-primary, #0076b6);\n}\n\n.mjo-btn--sm {\n    height: 30px;\n    padding: 0 10px;\n    font-size: 11.5px;\n}\n\n.mjo-btn--xs {\n    height: 24px;\n    padding: 0 8px;\n    font-size: 11px;\n}\n\n.mjo-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.mjo-icon-btn {\n    border: none;\n    background: transparent;\n    color: var(--mj-text-muted, #64748b);\n    cursor: pointer;\n    padding: 4px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.mjo-icon-btn:hover {\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-link {\n    border: none;\n    background: transparent;\n    color: var(--mj-brand-primary, #0076b6);\n    cursor: pointer;\n    padding: 0;\n    font-size: inherit;\n    text-align: left;\n}\n\n.mjo-link:hover {\n    text-decoration: underline;\n}\n\n.mjo-status-chip {\n    font-size: 11px;\n    font-weight: var(--mj-font-bold, 700);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    padding: 2px 8px;\n    border-radius: 4px;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.mjo-status-chip--draft {\n    background: rgba(100, 116, 139, 0.12);\n    color: #475569;\n}\n\n.mjo-status-chip--active {\n    background: rgba(22, 163, 74, 0.12);\n    color: #16a34a;\n}\n\n.mjo-status-chip--purple {\n    background: rgba(147, 51, 234, 0.12);\n    color: #9333ea;\n}\n\n.mjo-status-chip--error {\n    background: rgba(220, 38, 38, 0.12);\n    color: #dc2626;\n}\n\n.mjo-status-chip--warning {\n    background: rgba(217, 119, 6, 0.12);\n    color: #d97706;\n}\n\n.mjo-company-pill {\n    font-size: 11px;\n    font-weight: var(--mj-font-semibold, 600);\n    color: var(--mj-text-secondary, #475569);\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.04));\n    padding: 2px 6px;\n    border-radius: 4px;\n}\n\n.mjo-sku-chip {\n    font-family: var(--mj-font-family-mono, monospace);\n    font-size: 10px;\n    color: var(--mj-text-muted, #64748b);\n    background: rgba(0, 0, 0, 0.04);\n    padding: 1px 4px;\n    border-radius: 3px;\n    margin-left: 4px;\n}\n\n.mjo-badge {\n    font-size: 11px;\n    font-weight: var(--mj-font-semibold, 600);\n    padding: 2px 6px;\n    border-radius: 12px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.05));\n    color: var(--mj-text-secondary, #475569);\n}\n\n.mjo-badge--error {\n    background: rgba(220, 38, 38, 0.12);\n    color: #dc2626;\n}\n\n.mjo-badge--success {\n    background: rgba(22, 163, 74, 0.12);\n    color: #16a34a;\n}\n\n.mjo-empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: var(--mj-space-6, 32px) var(--mj-space-4, 16px);\n    text-align: center;\n    gap: var(--mj-space-2, 8px);\n}\n\n.mjo-empty-state h3 {\n    margin: 0;\n    font-size: var(--mj-text-sm, 14px);\n    font-weight: var(--mj-font-bold, 700);\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-empty-state p {\n    margin: 0;\n    font-size: var(--mj-text-xs, 12px);\n    color: var(--mj-text-muted, #64748b);\n    max-width: 380px;\n}\n\n.mjo-alert {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-3, 10px);\n    padding: 10px 14px;\n    border-radius: var(--mj-radius-md, 8px);\n    font-size: var(--mj-text-xs, 12px);\n    margin-bottom: var(--mj-space-3, 12px);\n}\n\n.mjo-alert--error {\n    background: rgba(220, 38, 38, 0.08);\n    border: 1px solid rgba(220, 38, 38, 0.25);\n    color: #dc2626;\n}\n\n.mjo-subtext {\n    font-size: 11px;\n    color: var(--mj-text-muted, #64748b);\n}\n\n.text-right { text-align: right; }\n.font-mono { font-family: var(--mj-font-family-mono, monospace); }\n.font-bold { font-weight: var(--mj-font-bold, 700); }\n.text-muted { color: var(--mj-text-muted, #64748b); }\n.text-success { color: #16a34a; }\n.text-warning { color: #d97706; }\n.text-danger { color: #dc2626; }\n.w-8 { width: 32px; }\n.w-16 { width: 64px; }\n.w-20 { width: 80px; }\n.w-24 { width: 96px; }\n.w-36 { width: 144px; }\n.flex { display: flex; }\n.gap-2 { gap: 8px; }\n.col-span-full { grid-column: 1 / -1; }\n.text-info { color: #0284c7; }\n\n/* \u2500\u2500 12. Instrument Box (Check/Card/ACH/Wire) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.mjo-instrument-box {\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.02));\n    border: 1px solid var(--mj-border-default, #e2e8f0);\n    border-radius: var(--mj-radius-md, 8px);\n    padding: var(--mj-space-3, 12px);\n    margin: var(--mj-space-2, 6px) 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-3, 10px);\n}\n\n.mjo-instrument-box__title {\n    font-size: var(--mj-text-xs, 12px);\n    font-weight: var(--mj-font-semibold, 600);\n    color: var(--mj-text-primary, #0f172a);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding-bottom: 6px;\n    border-bottom: 1px dashed var(--mj-border-default, #e2e8f0);\n}\n\n.mjo-instrument-box__grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-2, 8px);\n}\n\n.mjo-instrument-box .mjo-field {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.mjo-instrument-box .mjo-label {\n    font-size: 11px;\n    font-weight: var(--mj-font-medium, 500);\n    color: var(--mj-text-secondary, #475569);\n}\n\n.mjo-apply-input-wrap.is-derived input {\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.03));\n    color: var(--mj-text-secondary, #475569);\n    cursor: not-allowed;\n    border-style: dashed;\n}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BizAppsPaymentHeaderFormComponent, { className: "BizAppsPaymentHeaderFormComponent", filePath: "lib/custom/PaymentHeader/payment-header-form.component.ts", lineNumber: 56 }); })();
+/** Tree-shaking prevention anchor function */
+export function LoadPaymentHeaderFormComponent() {
+    // Anchors BizAppsPaymentHeaderFormComponent in bundlers
+}
+//# sourceMappingURL=payment-header-form.component.js.map