@colijnit/transaction 256.1.49 → 256.1.50

package/fesm2015/colijnit-transaction.js

@@ -280,8 +280,8 @@ class Version {
     constructor() {
         this.name = "@colijnit/transaction";
         this.description = "Colijn IT transaction package";
-        this.symVer = "256.1.49";
-        this.publishDate = "31-1-2025 18:37:40";
+        this.symVer = "256.1.50";
+        this.publishDate = "5-2-2025 18:06:52";
     }
 }
 
@@ -20717,6 +20717,7 @@ TransactionPurchaseLineComponent.decorators = [
                                       [screenConfigurationObject]="cfgNames.LineRefTransactions"
                                       [refTransactions]="transactionLine.refTransactions"
                                       [emptyLabel]="'NO_PURCHASE_ORDER' | localize"
+                                      [insideLabel]="'PURCHASE_ORDER'"
                                       (transactionClick)="handlePurchaseExistingOrderNavigation($event)"
                               ></co-transaction-navigation-button-list>
                           </div>
@@ -31925,6 +31926,7 @@ class TransactionNavigationButtonListComponent {
     constructor() {
         this.refTransactions = [];
         this.showRelationButton = true;
+        this.insideLabel = 'SALES_ORDER';
         this.relationClick = new EventEmitter();
         this.transactionClick = new EventEmitter();
         this.showExtended = false;
@@ -31977,7 +31979,7 @@ TransactionNavigationButtonListComponent.decorators = [
         </div>
         <div class="transaction-field-wrapper" *ngIf="ref.refTransactionNr">
           <div class="inside-field">
-            <co-transaction-line-label [insideLabel]="'SALES_ORDER'"></co-transaction-line-label>
+            <co-transaction-line-label [insideLabel]="insideLabel"></co-transaction-line-label>
             <co-transaction-navigation-button
                                               [label]="ref.refTransactionNr"
                                               (buttonClicked)="handleTransactionClick($event, ref.refTransactionNr)"></co-transaction-navigation-button>
@@ -32006,6 +32008,7 @@ TransactionNavigationButtonListComponent.propDecorators = {
     emptyLabel: [{ type: Input }],
     refTransactions: [{ type: Input }],
     showRelationButton: [{ type: Input }],
+    insideLabel: [{ type: Input }],
     relationClick: [{ type: Output }],
     transactionClick: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-navigation-button-list",] }],
@@ -42252,47 +42255,48 @@ TransactionSearchSalesLineSelectTileComponent.decorators = [
     { type: Component, args: [{
                 selector: 'co-transaction-search-sales-line-select-tile',
                 template: `
-      <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
-           (visibilityChange)="handleVisibilityChange($event)" *ngIf="!extendedTransactionSearch">
-          <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
-          </co-transaction-order-tile>
-          <div class="vertical-line "></div>
-          <div class="order-lines-container co-small-scrollbar">
-              <div *ngFor="let line of lines">
-                  <co-transaction-line-tile [line]="line" (click)="tileClicked(line)"></co-transaction-line-tile>
-              </div>
+    <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
+         (visibilityChange)="handleVisibilityChange($event)" *ngIf="!extendedTransactionSearch">
+      <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
+      </co-transaction-order-tile>
+      <div class="order-lines-container co-small-scrollbar">
+        <div class="order-lines">
+          <div class="inner-lines" *ngFor="let line of lines">
+            <co-transaction-line-tile [line]="line" (click)="tileClicked(line)"></co-transaction-line-tile>
           </div>
+        </div>
       </div>
-      <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
-           (visibilityChange)="handleVisibilityChange($event)" *ngIf="extendedTransactionSearch">
-        <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
-        </co-transaction-order-tile>
-        <div class="order-lines-container" (click)="onTransactionClick(transaction)">
-          <div class="order-lines" *ngIf="transaction.transactionKind !== 'S'">
-            <div class="inner-lines" *ngFor="let line of lines">
-              <co-transaction-line-tile [line]="line"></co-transaction-line-tile>
-            </div>
+    </div>
+    <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
+         (visibilityChange)="handleVisibilityChange($event)" *ngIf="extendedTransactionSearch">
+      <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
+      </co-transaction-order-tile>
+      <div class="order-lines-container" (click)="onTransactionClick(transaction)">
+        <div class="order-lines" *ngIf="transaction.transactionKind !== 'S'">
+          <div class="inner-lines" *ngFor="let line of lines">
+            <co-transaction-line-tile [line]="line"></co-transaction-line-tile>
           </div>
-          <div class="service-lines" *ngIf="transaction.transactionKind === 'S'">
-            <div class="service-line">
-              <div class="service-status">
-                <span class="service-label" [textContent]="'STATE' | localize"></span>
-                <span [textContent]="transaction.workflowStatusDescription"></span>
-              </div>
-              <div class="service-message">
-                <span class="service-label" [textContent]="'MESSAGE' | localize"></span>
-                <span class="message" [textContent]="transaction.serviceMessage"></span>
-              </div>
+        </div>
+        <div class="service-lines" *ngIf="transaction.transactionKind === 'S'">
+          <div class="service-line">
+            <div class="service-status">
+              <span class="service-label" [textContent]="'STATE' | localize"></span>
+              <span [textContent]="transaction.workflowStatusDescription"></span>
             </div>
-          </div>
-          <div class="show-order-wrapper">
-            <div class="show-order">
-              <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronRightRegular)"></co-icon>
-              <span [textContent]="(transaction.transactionKind === 'S' ? ('SHOW_SERVICE' | localize) : ('SHOW_ORDER' | localize))"></span>
+            <div class="service-message">
+              <span class="service-label" [textContent]="'MESSAGE' | localize"></span>
+              <span class="message" [textContent]="transaction.serviceMessage"></span>
             </div>
           </div>
         </div>
+        <div class="show-order-wrapper">
+          <div class="show-order">
+            <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronRightRegular)"></co-icon>
+            <span [textContent]="(transaction.transactionKind === 'S' ? ('SHOW_SERVICE' | localize) : ('SHOW_ORDER' | localize))"></span>
+          </div>
+        </div>
       </div>
+    </div>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -47951,7 +47955,7 @@ TransactionHeaderReferenceComponent.decorators = [
                 template: `
     <span *ngIf="(!editMode  || transactionHeaderService.readonly) && !defaultEditMode" [textContent]="transactionInfo.ownReference"></span>
     <co-input-text #input *ngIf="editMode || defaultEditMode"
-                   [hidden]="hidden"
+                   [hidden]="hidden" [maxLength]="30"
                    [placeholder]="showLabel ? ('REFERENCE' | localize) : ''"
                    [showSaveCancel]="!transactionHeaderService.readonly"
                    [readonly]="readonly || transactionHeaderService.readonly"
@@ -48024,7 +48028,7 @@ TransactionHeaderRelationReferenceComponent.decorators = [
                 template: `
     <span *ngIf="(!editMode  || transactionHeaderService.readonly) && !defaultEditMode" [textContent]="transactionInfo.relationReference"></span>
     <co-input-text #input *ngIf="editMode || defaultEditMode"
-                   [hidden]="hidden"
+                   [hidden]="hidden" [maxLength]="30"
                    [placeholder]="showLabel ? ('REFERENCE_RELATION' | localize) : ''"
                    [showSaveCancel]="!transactionHeaderService.readonly"
                    [readonly]="readonly || transactionHeaderService.readonly"
@@ -54740,19 +54744,21 @@ class TransactionHeaderRemainingAmountComponent {
     }
     _recalculatePayment() {
         return __awaiter(this, void 0, void 0, function* () {
-            const request = new CalculateAmountToPayRequest();
-            request.transactionUuid = this.transactionUuid;
-            if (this._transactionHeaderService.transactionInfo.allowPartialDelivery) {
-                this._paymentConnectorService.calculateAmountToPayWithLineSelection(request).then((data) => {
-                    this.transactionService.remainingAmount = data ? data.amountToPay : 0;
-                    this.remainingAmountChange.next(data ? data.amountToPay : 0);
-                });
-            }
-            else {
-                this._paymentConnectorService.calculateAmountToPay(request).then((data) => {
-                    this.transactionService.remainingAmount = data ? data.amountToPay : 0;
-                    this.remainingAmountChange.next(data ? data.amountToPay : 0);
-                });
+            if (this.transactionUuid) {
+                const request = new CalculateAmountToPayRequest();
+                request.transactionUuid = this.transactionUuid;
+                if (this._transactionHeaderService.transactionInfo.allowPartialDelivery) {
+                    this._paymentConnectorService.calculateAmountToPayWithLineSelection(request).then((data) => {
+                        this.transactionService.remainingAmount = data ? data.amountToPay : 0;
+                        this.remainingAmountChange.next(data ? data.amountToPay : 0);
+                    });
+                }
+                else {
+                    this._paymentConnectorService.calculateAmountToPay(request).then((data) => {
+                        this.transactionService.remainingAmount = data ? data.amountToPay : 0;
+                        this.remainingAmountChange.next(data ? data.amountToPay : 0);
+                    });
+                }
             }
         });
     }
@@ -60583,16 +60589,16 @@ class TransactionCreateWizardComponent {
                 this.createService.relation = yield this.relationService.getCustomerFullObject(parseInt(this._externallyProvidedTransaction.transactionInfo.relation.relationNr));
                 yield this.createService.createServiceOrderWithTransactionLine(Number(this.existingTransaction.transactionInfo.id), Number(this.existingTransactionLine.lineNr));
                 if (this.stepper.skipSteps.length > 0) {
-                    this.stepper.openToIndex(4);
+                    this.openStep = 4;
                 }
                 else {
-                    this.stepper.openToIndex(3);
+                    this.openStep = 3;
                 }
             }
             else if (this._externallyProvidedCustomer) {
                 this.noLockOnCustomerSet = true;
                 this.createService.relation = this._externallyProvidedCustomer;
-                this.stepper.openToIndex(2);
+                this.openStep = 2;
             }
         });
     }
@@ -60603,7 +60609,7 @@ TransactionCreateWizardComponent.decorators = [
                 template: `
     <co-click-block></co-click-block>
     <ng-container *ngIf="isReady">
-      <co-simple-vertical-stepper [stepButtonLabels]="['Volgende', 'Volgende', 'Volgende', 'Volgende', 'Afronden']"
+      <co-simple-vertical-stepper [stepButtonLabels]="['Volgende', 'Volgende', 'Volgende', 'Afronden', 'Afronden']" [openStep]="openStep"
                                   #stepper [titleIcon]="Icon.ServiceCartRegular" [title]="'CREATE_SERVICE' | localize" [doNotShowOKOnSteps]="[3, 5]">
         <co-stepper-step  #stepRelationSection [index]="1" [label]="'PERSONAL_DATA' | localize" (validateStep)="handleRelationValidation()">
 
@@ -60625,7 +60631,8 @@ TransactionCreateWizardComponent.decorators = [
                                             [existingTransaction]="existingTransaction"
                                             [existingTransactionLine]="existingTransactionLine"
                                             [buttonsVisible]="buttonsVisible"
-                                            [afterSalesSystem]="createService.afterSalesSystemParam"></co-service-wizard-create-service>
+                                            [afterSalesSystem]="createService.afterSalesSystemParam"
+                                            [customerPortal]="customerPortal"></co-service-wizard-create-service>
         </co-stepper-step>
         <co-stepper-step  #stepWizardSection [index]="3" [label]="'SERVICE_WIZARD' | localize" (validateStep)="handleWizardValidation()">
           <co-service-wizard-questions #wizardSection (wizardFinished)="wizardFinished()" (skipWizard)="skipWizard()"></co-service-wizard-questions>
@@ -60680,36 +60687,60 @@ class SimpleVerticalStepperComponent extends StepperBaseComponent {
     showClass() {
         return true;
     }
+    set openStep(step) {
+        if (step) {
+            this._openStep = step;
+            this.openToIndex(this._openStep);
+        }
+    }
+    set content(children) {
+        this.stepChildren = children.toArray();
+        if (this.stepChildren) {
+            setTimeout(() => {
+                if (!this._openStep) {
+                    this.setActive(0);
+                }
+            });
+        }
+    }
     get currentStepButton() {
         return this.stepButtonLabels[this.activeStep] || 'Volgende';
     }
     continueRequested() {
         this.validateCurrentStep();
     }
+    prepareSteps() {
+        super.prepareSteps();
+        if (this._openStep) {
+            this.openToIndex(this._openStep);
+        }
+    }
     //Beware this method bypasses verification of steps! Please only use it if you are certain that is appropriate.
     openToIndex(idx) {
-        let counter = 0;
-        while (counter < this.stepChildren.length) {
-            if (counter <= (idx - 1)) {
-                if (this.skipSteps.findIndex(n => n === this.stepChildren[counter].index) >= 0) {
-                    this.stepChildren[counter].show = false;
+        if (this.stepChildren && this.stepChildren.length > 0 && this.activeStep != idx - 1) {
+            let counter = 0;
+            while (counter < this.stepChildren.length) {
+                if (counter <= (idx - 1)) {
+                    if (this.skipSteps.findIndex(n => n === this.stepChildren[counter].index) >= 0) {
+                        this.stepChildren[counter].show = false;
+                    }
+                    else {
+                        this.stepChildren[counter].show = true;
+                    }
                 }
                 else {
-                    this.stepChildren[counter].show = true;
+                    this.stepChildren[counter].show = false;
                 }
+                counter++;
+            }
+            if (this.doNotShowOKOnSteps.findIndex(n => n === this.stepChildren[idx - 1].index) >= 0) {
+                this.showOk = false;
             }
             else {
-                this.stepChildren[counter].show = false;
+                this.showOk = true;
             }
-            counter++;
+            this.activeStep = idx - 1;
         }
-        if (this.doNotShowOKOnSteps.findIndex(n => n === this.stepChildren[idx - 1].index) >= 0) {
-            this.showOk = false;
-        }
-        else {
-            this.showOk = true;
-        }
-        this.activeStep = idx - 1;
     }
     validateCurrentStep(nextStep) {
         this.stepChildren[this.activeStep].onComplete = (complete) => {
@@ -60775,7 +60806,9 @@ SimpleVerticalStepperComponent.propDecorators = {
     doNotShowOKOnSteps: [{ type: Input }],
     skipSteps: [{ type: Input }],
     stepButton: [{ type: Input }],
-    stepButtonLabels: [{ type: Input }]
+    stepButtonLabels: [{ type: Input }],
+    openStep: [{ type: Input }],
+    content: [{ type: ContentChildren, args: [StepperStepComponent,] }]
 };
 
 class SimpleVerticalStepperModule {
@@ -61299,6 +61332,7 @@ class ServiceWizardCreateServiceComponent {
         this.forceReadonly = false;
         this.afterSalesSystem = false;
         this.buttonsVisible = true;
+        this.customerPortal = false;
         this.oldOrderId = "";
         this.oldGoodId = "";
     }
@@ -61344,7 +61378,8 @@ ServiceWizardCreateServiceComponent.decorators = [
           [(oldOrderId)]="oldOrderId"
           [(oldGoodId)]="oldGoodId"
           (transLineChosen)="transLineChosen($event)"
-          (articleChosen)="articleChosen($event)"></co-service-wizard-art-or-trans>
+          (articleChosen)="articleChosen($event)"
+          [customerPortal]="customerPortal"></co-service-wizard-art-or-trans>
           <co-service-wizard-sla *ngIf="afterSalesSystem" (slaSelected)="slaSelected($event)"></co-service-wizard-sla>
         </div>
     `,
@@ -61366,7 +61401,8 @@ ServiceWizardCreateServiceComponent.propDecorators = {
     afterSalesSystem: [{ type: Input }],
     existingTransaction: [{ type: Input }],
     existingTransactionLine: [{ type: Input }],
-    buttonsVisible: [{ type: Input }]
+    buttonsVisible: [{ type: Input }],
+    customerPortal: [{ type: Input }]
 };
 
 class ServiceWizardServiceFieldsComponent {
@@ -61401,7 +61437,7 @@ ServiceWizardServiceFieldsComponent.decorators = [
         <div class="transaction-header-popup-category-wrapper">
             <co-form>
               <div>
-                <h4 class="question" [textContent]="'DESCRIPTION' | localize"></h4>
+                <span class="question" [textContent]="'DESCRIPTION' | localize"></span>
                 <br>
                 <co-input-textarea [(model)]="serviceMessage"></co-input-textarea>
               </div>
@@ -61432,6 +61468,7 @@ class ServiceWizardArtOrTransComponent {
         this.transactionSearchService = transactionSearchService;
         this.imageService = imageService;
         this.forceReadonly = false;
+        this.customerPortal = false;
         this.buttonsVisible = true;
         this.transLineChosen = new EventEmitter();
         this.articleChosen = new EventEmitter();
@@ -61571,14 +61608,17 @@ ServiceWizardArtOrTransComponent.decorators = [
         <co-form>
           <div class="header-relation-content">
             <div class="transaction-header-popup-section general">
-              <div class="transaction-header-popup-section-label">
+              <div *ngIf="!customerPortal" class="transaction-header-popup-section-label">
                 <span [textContent]="'02'"></span>
                 <span class="label-description" [textContent]="'SERVICE_DETAILS' | localize"></span>
               </div>
+              <div *ngIf="customerPortal" class="transaction-header-popup-section-label">
+                <span class="label-description" [textContent]="'ABOUT_ORDER' | localize"></span>
+              </div>
               <div class="create-transaction-buttons" *ngIf="buttonsVisible">
                 <co-button [label]="'SEARCH_ORDER' | localize" (click)="createOrderWithTransactionLineClicked()" [disabled]="forceReadonly"></co-button>
-                <co-button [label]="'SEARCH_PRODUCT' | localize" (click)="createOrderWithArticleClicked()" [disabled]="forceReadonly"></co-button>
-                <co-button [label]="'WITHOUT_PRODUCT' | localize" (click)="createOrderFromOldTrans()" [disabled]="forceReadonly"></co-button>
+                <co-button *ngIf="!customerPortal" [label]="'SEARCH_PRODUCT' | localize" (click)="createOrderWithArticleClicked()" [disabled]="forceReadonly"></co-button>
+                <co-button *ngIf="!customerPortal" [label]="'WITHOUT_PRODUCT' | localize" (click)="createOrderFromOldTrans()" [disabled]="forceReadonly"></co-button>
               </div>
               <div *ngIf="createViaTransLine" class="create-via-transaction">
                 <div class="service-data-header">
@@ -61648,6 +61688,7 @@ ServiceWizardArtOrTransComponent.propDecorators = {
     relation: [{ type: Input }],
     oldOrderId: [{ type: Input }],
     oldGoodId: [{ type: Input }],
+    customerPortal: [{ type: Input }],
     existingTransaction: [{ type: Input }],
     existingTransactionLine: [{ type: Input }],
     buttonsVisible: [{ type: Input }],