@colijnit/transaction 253.1.6 → 253.1.7

package/bundles/colijnit-transaction.umd.js

@@ -33,8 +33,8 @@
         function Version() {
             this.name = "@colijnit/transaction";
             this.description = "Colijn IT transaction package";
-            this.symVer = "253.1.6";
-            this.publishDate = "9-7-2024 22:05:41";
+            this.symVer = "253.1.7";
+            this.publishDate = "10-7-2024 16:59:29";
         }
         return Version;
     }());
@@ -32501,7 +32501,7 @@
             this.iconCacheService = iconCacheService;
             this.icons = Icon;
             this.showKeyPad = true;
-            this.remainingPayment = false;
+            this._remainingPayment = false;
             this.payed = new i0.EventEmitter();
             this.paymentMethodIdx = 0;
             this.cashRegisterIdx = 0;
@@ -32638,6 +32638,17 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(TransactionPaymentBaseComponent.prototype, "remainingPayment", {
+            get: function () {
+                return this._remainingPayment;
+            },
+            set: function (value) {
+                this._remainingPayment = value;
+                this.paymentService.getDepositAmount = !this._remainingPayment;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(TransactionPaymentBaseComponent.prototype, "currentPaymentMethod", {
             get: function () {
                 return this._currentPaymentMethod;
@@ -32751,7 +32762,7 @@
         { type: TransactionPaymentConnectorService },
         { type: TransactionEventService },
         { type: i0.ChangeDetectorRef },
-        { type: TransactionPaymentService, decorators: [{ type: i0.SkipSelf }] },
+        { type: TransactionPaymentService },
         { type: IconCacheService }
     ]; };
     TransactionPaymentBaseComponent.propDecorators = {
@@ -39219,7 +39230,7 @@
 
     var TransactionHeaderPaymentComponent = /** @class */ (function (_super) {
         __extends(TransactionHeaderPaymentComponent, _super);
-        function TransactionHeaderPaymentComponent(transactionEventService, service, iconCacheService, transactionScreenConfigurationService, dictionaryService, imageService, changeDetector, _paymentConnectorService, _paymentService) {
+        function TransactionHeaderPaymentComponent(transactionEventService, service, iconCacheService, transactionScreenConfigurationService, dictionaryService, imageService, changeDetector, _paymentConnectorService) {
             var _this = _super.call(this, transactionEventService, iconCacheService, transactionScreenConfigurationService, imageService, dictionaryService, service, changeDetector) || this;
             _this.transactionEventService = transactionEventService;
             _this.service = service;
@@ -39229,7 +39240,6 @@
             _this.imageService = imageService;
             _this.changeDetector = changeDetector;
             _this._paymentConnectorService = _paymentConnectorService;
-            _this._paymentService = _paymentService;
             _this.icons = Icon;
             _this.paymentMethods = [];
             _this.depositPayments = [];
@@ -39251,7 +39261,6 @@
             _super.prototype.ngOnInit.call(this);
             this._subs.push(this.transactionEventService.transactionPaymentDone.subscribe(function () { return _this._getDepositPaymentInfo(); }), this.transactionEventService.activeRubricChange.subscribe(function (rubric) {
                 _this.showRemainingPayment = rubric === TransactionTypeCategory.SalesOrderDeliveryNote || rubric === TransactionTypeCategory.SalesOrderInvoice;
-                _this._paymentService.getDepositAmount = !_this.showRemainingPayment;
             }));
         };
         TransactionHeaderPaymentComponent.prototype.ngOnDestroy = function () {
@@ -39302,7 +39311,6 @@
                     selector: "co-transaction-header-payment",
                     template: "\n    <div class=\"transaction-header-payment-wrapper\">\n      <div class=\"transaction-header-payment-wrapper-content\" [class.show-remaining]=\"showRemainingPayment\">\n        <co-transaction-header-block\n          [firstBlockTemplate]=\"firstBlock\"\n          [secondBlockTemplate]=\"secondBlock\"\n          [thirdBlockTemplate]=\"thirdBlock\"\n          [hiddenBlockTemplate]=\"hiddenBlock\"\n          (headerClick)=\"showDialog = true\"\n        >\n        </co-transaction-header-block>\n        <co-transaction-header-block *ngIf=\"showRemainingPayment\"\n          [firstBlockTemplate]=\"firstBlockRest\"\n          (headerClick)=\"showDialog = true\"\n        >\n        </co-transaction-header-block>\n      </div>\n    </div>\n    <ng-template #firstBlock>\n      <div class=\"transaction-header-block-row\">\n        <div class=\"transaction-header-icon\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAvatarHeader\" screenConfigNativeElement>\n          <co-icon class=\"header-order-icon\"\n                   (click)=\"showDialog = true\"\n                   [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegular)\">\n          </co-icon>\n        </div>\n        <div class=\"header-downpayment-amount-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\" screenConfigNativeElement>\n          <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_AMOUNT' | localize\"></div>\n          <co-transaction-header-deposit-amount class=\"transaction-header-deposit\"\n                                                [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\"\n                                                [transaction]=\"transaction\"\n                                                [defaultEditMode]=\"false\"\n                                                [showLabel]=\"false\"\n          ></co-transaction-header-deposit-amount>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #firstBlockRest>\n      <div class=\"transaction-header-block-row\">\n        <div class=\"transaction-header-icon\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAvatarHeader\" screenConfigNativeElement>\n          <co-icon class=\"header-order-icon\"\n                   (click)=\"showPaymentDialog = true\"\n                   [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\">\n          </co-icon>\n        </div>\n        <div class=\"header-remaining-payment-amount-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\" screenConfigNativeElement>\n          <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'REMAINING_PAYMENT' | localize\"></div>\n          <co-transaction-header-remaining-amount class=\"transaction-header-remaining\"\n                                                  [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\"\n                                                  [transactionUuid]=\"transaction.transactionInfo.uuid\"\n                                                  (remainingAmountChange)=\"remainingToPay = $event\"\n          ></co-transaction-header-remaining-amount>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #secondBlock>\n      <div class=\"transaction-header-block-row\">\n        <div class=\"header-downpayment-percentage-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentPercentageHeader\" screenConfigNativeElement>\n          <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'%' | localize\"></div>\n          <co-transaction-header-deposit-percentage class=\"transaction-header-deposit\"\n                                                    [screenConfigurationObject]=\"cfgNames.HeaderPaymentPercentageHeader\"\n                                                    [transactionInfo]=\"transactionInfo\"\n                                                    [defaultEditMode]=\"false\"\n                                                    [showLabel]=\"false\"\n          ></co-transaction-header-deposit-percentage>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #thirdBlock>\n      <div class=\"transaction-header-block-row\">\n        <div class=\"header-payment-button-wrapper\" (click)=\"openPayment($event)\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentPaymentHeader\" screenConfigNativeElement>\n            <co-icon class=\"header-order-icon\" [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\">\n            </co-icon>\n          <div class=\"spacer\"></div>\n          <div class=\"payment-payed-wrapper\">\n            <!--div class=\"header-payed-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_DONE' | localize\"></div-->\n            <span class=\"payment-paid\" [class.success]=\"paid >= toPay\" [textContent]=\"(paid | coCurrency) || 0\"></span>\n          </div>\n          <!--co-transaction-header-payment-button *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n                                                [transactionInfo]=\"transactionInfo\"\n          ></co-transaction-header-payment-button-->\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #hiddenBlock>\n      <!--div class=\"transaction-header-block-row\">\n        <div class=\"header-branch-label co-transaction-label\" [textContent]=\"'BRANCH' | localize\"></div>\n        <div class=\"branch-label\" [textContent]=\"transactionInfo.branch?.familyName\"></div>\n      </div-->\n    </ng-template>\n    <co-transaction-header-popup *ngIf=\"showDialog\"\n                                 [activeCategoryDescription]=\"'PAYMENT_INFORMATION'\"\n                                 [relation]=\"relation\"\n                                 [transaction]=\"transaction\"\n                                 (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n<!--\n    <co-dialog class=\"transaction-header-payment-dialog\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showDialog\" (closeClick)=\"showDialog = false\">\n      <ng-template #headerTemplate>\n        <div class=\"co-dialog-header-title\" [textContent]=\"'PAYMENT_INFORMATION' | localize\"></div>\n        <co-transaction-header-block\n          [headerBlockTemplate]=\"headerBlock\"\n          [firstBlockTemplate]=\"firstBlock\"\n          [secondBlockTemplate]=\"secondBlock\"\n        >\n        </co-transaction-header-block>\n      </ng-template>\n      <div class=\"payment-dialog-section\">\n        <co-deposit-payment [branch]=\"transactionInfo.branch?.relationNr\" [transactionUuid]=\"transactionInfo.uuid\"></co-deposit-payment>\n      </div>\n    </co-dialog>\n-->\n    <co-dialog class=\"payment-dialog\" [modal]=\"true\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showPaymentDialog\" (closeClick)=\"showPaymentDialog = false\">\n      <ng-template #headerTemplate>\n        <div class=\"co-dialog-wrapper-popup-title\">\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\"></co-icon>\n          <div class=\"co-dialog-header-title\" [textContent]=\"'PAYMENT_METHOD' | localize\"></div>\n        </div>\n      </ng-template>\n      <co-payment\n        [transId]=\"transactionInfo.id\"\n        [branch]=\"transactionInfo.branch?.relationNr\"\n        [transactionUuid]=\"transactionInfo.uuid\"\n        [amount]=\"showRemainingPayment ? remainingToPay : toPay\"\n        [remainingPayment]=\"showRemainingPayment\"\n        [currencyId]=\"transactionInfo.currencyId\"\n      ></co-payment>\n    </co-dialog>\n  ",
                     providers: [
-                        TransactionPaymentService,
                         { provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, useExisting: i0.forwardRef(function () { return TransactionHeaderPaymentComponent; }) }
                     ],
                     encapsulation: i0.ViewEncapsulation.None
@@ -39316,8 +39324,7 @@
         { type: DictionaryService },
         { type: TransactionImageService },
         { type: i0.ChangeDetectorRef },
-        { type: TransactionPaymentConnectorService },
-        { type: TransactionPaymentService }
+        { type: TransactionPaymentConnectorService }
     ]; };
     TransactionHeaderPaymentComponent.propDecorators = {
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-header-payment",] }]