@colijnit/transaction 12.1.1 → 12.1.2

package/fesm2015/colijnit-transaction.js

@@ -44,7 +44,6 @@ import { BusinessObjectUtils } from '@colijnit/transactionapi/build/utils/busine
 import { FormComponent, CoSidebarComponent, PromptService, CoreComponentsIcon, IconCacheService, IconModule, InputTextModule, InputCheckboxModule, InputRadioButtonModule, FormModule, InputComboBoxModule, InputDatePickerModule, InputNumberPickerModule, CoDialogModule, CoDialogPromptModule, ButtonModule, MultiSelectListModule, DropDownModule, PopupModule, CoSidebarModule, CoGridModule } from '@colijnit/corecomponents_v12';
 import { FunctionUtils } from '@colijnit/transactionapi/build/utils/function-utils';
 import { Address } from '@colijnit/transactionapi/build/model/address.bo';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { FlexModule } from '@angular/flex-layout';
 import { MatStepperModule } from '@angular/material/stepper';
 import { CommonModule } from '@angular/common';
@@ -857,14 +856,19 @@ class IOneConnectorAdapterService {
         return new Promise((resolve, reject) => {
             return this.connector.getSingleImage(nodeId, publication, includeMimetype, thumb).then((result) => {
                 if (result.validationResult && result.validationResult.success) {
-                    if (result.resultObject.filePath !== null && result.resultObject.filePath !== "") {
+                    if (result.resultObject && result.resultObject.filePath !== null && result.resultObject.filePath !== "") {
                         return resolve(ImageUtils.getFixedImageFilepathUrl(result.resultObject.filePath));
                     }
                     else {
-                        if (includeMimetype) {
-                            return resolve(ImageUtils.getDocBodyWithMimeTypeDefinition(result.resultObject.fileName, thumb ? result.resultObject.thumbnailBody : result.resultObject.documentBody));
+                        if (result.resultObject) {
+                            if (includeMimetype) {
+                                return resolve(ImageUtils.getDocBodyWithMimeTypeDefinition(result.resultObject.fileName, thumb ? result.resultObject.thumbnailBody : result.resultObject.documentBody));
+                            }
+                            return resolve(thumb ? result.resultObject.thumbnailBody : result.resultObject.documentBody);
+                        }
+                        else {
+                            reject(result.validationMessagesAsString);
                         }
-                        return resolve(thumb ? result.resultObject.thumbnailBody : result.resultObject.documentBody);
                     }
                 }
                 else {
@@ -3258,7 +3262,7 @@ CheckoutOverviewComponent.decorators = [
                                  (editModeChange)="handleEditChangeRelation($event)">
             <ng-container edit-mode-content>
                 <checkout-overview-relation-edit #relationForm
-                                                 *ngIf="currentStep == steps.Relation && editMode"
+                                                 *ngIf="currentStep === steps.Relation && editMode"
                                                  [relation]="relation"
                                                  [transaction]="transaction"
                                                  (validSubmit)="onRelationValid()"
@@ -4290,7 +4294,6 @@ class IoneCheckoutModule {
 IoneCheckoutModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
-                    BrowserAnimationsModule,
                     IconModule,
                     InputTextModule,
                     InputCheckboxModule,
@@ -4310,6 +4313,7 @@ IoneCheckoutModule.decorators = [
                     CoSidebarModule,
                     CoGridModule,
                     CoreModule,
+                    CommonModule,
                 ],
                 declarations: [
                     CheckoutComponent,
@@ -5404,7 +5408,7 @@ ShoppingCartLineComponent.decorators = [
          [textContent]="line.text">
     </div>
   `,
-                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.cart-line-r .cart-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}:host{padding-bottom:20px}:host{padding-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-bottom:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t,.cart-line-r .cart-line-right .cart-line-totals{margin-left:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:flex;flex-wrap:wrap;border-bottom:1px solid #DBE3E8;width:100%}:host.overlayed.is-text{display:none!important}:host.overlayed.is-selected{background-color:#add8e6}:host.overview.is-text{display:none!important}:host.overview.is-selected{background-color:#add8e6}.horizontal{display:flex;flex-direction:row-reverse}.cart-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.cart-line-r{flex-direction:column}}.cart-line-r co-button{border:0;padding:0}.cart-line-r .cart-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center}.cart-line-r .cart-line-image image-display{width:6em;height:6em}.cart-line-r .cart-line-description{display:flex;flex-direction:column;width:100%}.cart-line-r .cart-line-description .cart-line-description-main{font-weight:bold}.cart-line-r .cart-line-right{justify-content:flex-end}.cart-line-r .cart-line-right .cart-line-stock{width:10em}.cart-line-r .cart-line-right .cart-line-amount{width:10em}.cart-line-r .cart-line-right .cart-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.cart-line-r .cart-line-right .cart-line-totals span{text-align:right}.cart-line-t.article-text{padding-left:10em}\n"]
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.cart-line-r .cart-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}:host{padding-bottom:20px}:host{padding-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-bottom:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t,.cart-line-r .cart-line-right .cart-line-totals{margin-left:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:flex;flex-wrap:wrap;border-bottom:1px solid #DBE3E8;width:100%}:host.overlayed.is-text{display:none!important}:host.overlayed.is-selected{background-color:#add8e6}:host.overview.is-text{display:none!important}:host.overview.is-selected{background-color:#add8e6}.horizontal{display:flex;flex-direction:row}.cart-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.cart-line-r{flex-direction:column}}.cart-line-r co-button{border:0;padding:0}.cart-line-r .cart-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center}.cart-line-r .cart-line-image image-display{width:6em;height:6em}.cart-line-r .cart-line-description{display:flex;flex-direction:column;width:100%}.cart-line-r .cart-line-description .cart-line-description-main{font-weight:bold}.cart-line-r .cart-line-right{justify-content:flex-end}.cart-line-r .cart-line-right .cart-line-stock{width:10em}.cart-line-r .cart-line-right .cart-line-amount{width:10em}.cart-line-r .cart-line-right .cart-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.cart-line-r .cart-line-right .cart-line-totals span{text-align:right}.cart-line-t.article-text{padding-left:10em}\n"]
             },] }
 ];
 ShoppingCartLineComponent.ctorParameters = () => [
@@ -5554,7 +5558,6 @@ IoneShoppingCartModule.decorators = [
                     CharacteristicAnswerComponent,
                 ],
                 imports: [
-                    BrowserAnimationsModule,
                     CommonModule,
                     IconModule,
                     InputTextModule,
@@ -5596,14 +5599,18 @@ class IoneServiceOrderComponent {
         this._connector = _connector;
         this._dictionary = _dictionary;
         this._service = _service;
-        this.orderNr = 0;
-        this.orderId = 0;
         this.upAndLoaded = false;
         this._subscriptions = [];
         this._remoteOptions = true;
         this._publicOptions = true;
+        this._orderId = 0;
         this._subscriptions.push(this._optionsService.optionsLoaded.subscribe(loaded => this._handleSettingsLoaded(loaded)));
     }
+    set orderId(value) {
+        this._orderId = value;
+        this._getTransactionById(this._orderId);
+    }
+    ;
     set options(value) {
         if (value) {
             let options;
@@ -5636,15 +5643,6 @@ class IoneServiceOrderComponent {
     _initConnection() {
         return __awaiter(this, void 0, void 0, function* () {
             yield this._connector.connect(this._optionsService.options);
-            if (this.orderNr) {
-                yield this._service.getTransaction(this.orderNr);
-            }
-            else if (this.orderId) {
-                yield this._service.getTransactionById(this.orderId);
-            }
-            else {
-                yield this._service.getTransaction(IoneServiceOrderComponent.TEST_ORDER_NR);
-            }
             if (this._optionsService.options.url) {
                 this._dictionary.rootUrl = this._optionsService.options.url.replace("/ajaxservice", "");
             }
@@ -5654,8 +5652,12 @@ class IoneServiceOrderComponent {
             });
         });
     }
+    _getTransactionById(orderId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this._service.getTransactionById(orderId);
+        });
+    }
 }
-IoneServiceOrderComponent.TEST_ORDER_NR = 18156;
 IoneServiceOrderComponent.decorators = [
     { type: Component, args: [{
                 // eslint-disable-next-line @angular-eslint/component-selector
@@ -5676,7 +5678,6 @@ IoneServiceOrderComponent.ctorParameters = () => [
     { type: TransactionService }
 ];
 IoneServiceOrderComponent.propDecorators = {
-    orderNr: [{ type: Input }],
     orderId: [{ type: Input }],
     options: [{ type: Input }]
 };
@@ -5699,7 +5700,9 @@ class TransactionBaseComponent {
         return this._transaction;
     }
     get transactionInfo() {
-        return this._transaction.transactionInfo;
+        if (this._transaction) {
+            return this._transaction.transactionInfo;
+        }
     }
     get transactionLines() {
         if (this._transaction) {
@@ -6115,7 +6118,6 @@ ServiceOrderComponent.decorators = [
           </div>
         </div>
         <transaction-order-totals *ngIf="!isService"
-                                  [transactionTotal]="transactionTotal"
                                   [ngClass]="showTotals ? 'transaction-totals-show' : 'transaction-totals-hide'"></transaction-order-totals>
       </div>
 
@@ -6133,28 +6135,29 @@ ServiceOrderComponent.propDecorators = {
     _transactionArticleTextComponent: [{ type: ViewChild, args: [TransactionArticleTextComponent, { static: false },] }]
 };
 
-class TransactionOrderTotalsComponent /*extends TransactionBaseComponent*/ {
+class TransactionOrderTotalsComponent extends TransactionBaseComponent {
     constructor(service) {
+        super(service);
         this.service = service;
-        //super(service);
     }
 }
 TransactionOrderTotalsComponent.decorators = [
     { type: Component, args: [{
+                // eslint-disable-next-line @angular-eslint/component-selector
                 selector: "transaction-order-totals",
                 template: `
         <div class="totals-wrapper">
             <div class="totals-item">
                 <div class="totals-item-description" [textContent]="'SUBTOTAL' | localize"></div>
-                <div class="totals-item-value" [textContent]="transactionTotal.grossAmount | coCurrency | coCurrency"></div>
+                <div class="totals-item-value" [textContent]="transactionTotal?.grossAmount | coCurrency | coCurrency"></div>
             </div>
             <div class="totals-item">
                 <div class="totals-item-description" [textContent]="'VAT_AMOUNT' | localize"></div>
-                <div class="totals-item-value" [textContent]="transactionTotal.surchargeAmount | coCurrency"></div>
+                <div class="totals-item-value" [textContent]="transactionTotal?.surchargeAmount | coCurrency"></div>
             </div>
             <div class="totals-item total">
                 <div class="totals-item-description" [textContent]="'TRANSACTION_SUM_I' | localize"></div>
-                <div class="totals-item-value" [textContent]="transactionTotal.netAmount | coCurrency"></div>
+                <div class="totals-item-value" [textContent]="transactionTotal?.netAmount | coCurrency"></div>
             </div>
         </div>
     `,
@@ -6163,10 +6166,7 @@ TransactionOrderTotalsComponent.decorators = [
 ];
 TransactionOrderTotalsComponent.ctorParameters = () => [
     { type: TransactionService }
-];
-TransactionOrderTotalsComponent.propDecorators = {
-    transactionTotal: [{ type: Input }]
-};
+];
 
 class TransactionOrderLineViewComponent {
     constructor(_service, _eventService) {
@@ -6228,7 +6228,7 @@ TransactionOrderLineViewComponent.decorators = [
                 </div>
             </div>
     `,
-                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.transaction-order-line-r .transaction-order-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-top:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-bottom:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-left:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:block;padding:20px}:host ::ng-deep collapseable{width:100%!important}.horizontal{display:flex;flex-direction:row}.service-request-button-wrapper{display:flex;justify-content:center;margin-top:20px}.transaction-order-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.transaction-order-line-r{flex-direction:column}}.transaction-order-line-r .transaction-order-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center;padding-right:10px}.transaction-order-line-r .transaction-order-line-image image-display{width:6em;height:6em}.transaction-order-line-r .transaction-order-line-image ::ng-deep no-image-display{display:none}.transaction-order-line-r .transaction-order-line-description{display:flex;flex-direction:column;width:auto;max-width:355px;margin-left:10px}.transaction-order-line-r .transaction-order-line-description .cart-line-description-main{font-weight:bold}.transaction-order-line-r .transaction-order-line-right{justify-content:flex-end;align-items:center}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock{width:10em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{width:10em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals span{text-align:right}\n"]
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.transaction-order-line-r .transaction-order-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-top:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-bottom:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-left:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:block;padding:20px}:host ::ng-deep collapseable{width:100%!important}.horizontal{display:flex;flex-direction:row}.service-request-button-wrapper{display:flex;justify-content:center;margin-top:20px}.transaction-order-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.transaction-order-line-r{flex-direction:column}}.transaction-order-line-r .transaction-order-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center;padding-right:10px}.transaction-order-line-r .transaction-order-line-image image-display{width:6em;height:6em}.transaction-order-line-r .transaction-order-line-image ::ng-deep no-image-display{display:none}.transaction-order-line-r .transaction-order-line-description{display:flex;flex-direction:column;width:auto;max-width:355px;margin-left:10px}.transaction-order-line-r .transaction-order-line-description .cart-line-description-main{font-weight:bold}.transaction-order-line-r .transaction-order-line-right{justify-content:flex-end;align-items:center}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock{width:10em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{width:15em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals span{text-align:right}\n"]
             },] }
 ];
 TransactionOrderLineViewComponent.ctorParameters = () => [
@@ -6292,7 +6292,7 @@ TransactionOrderLinesComponent.decorators = [
                  (rowsSelected)="onRowClick($event)"
         ></co-grid>
     `,
-                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.transaction-order-line-r .transaction-order-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-top:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-bottom:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-left:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:block;padding:20px}:host ::ng-deep collapseable{width:100%!important}.service-request-button-wrapper{display:flex;justify-content:center;margin-top:20px}.transaction-order-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.transaction-order-line-r{flex-direction:column}}.transaction-order-line-r .transaction-order-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center;padding-right:10px}.transaction-order-line-r .transaction-order-line-image image-display{width:6em;height:6em}.transaction-order-line-r .transaction-order-line-image ::ng-deep no-image-display{display:none}.transaction-order-line-r .transaction-order-line-description{display:flex;flex-direction:column;width:auto;max-width:355px;margin-left:10px}.transaction-order-line-r .transaction-order-line-description .cart-line-description-main{font-weight:bold}.transaction-order-line-r .transaction-order-line-right{justify-content:flex-end;align-items:center}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock{width:10em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{width:10em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals span{text-align:right}\n"]
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.transaction-order-line-r .transaction-order-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-top:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-bottom:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-left:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:block;padding:20px}:host ::ng-deep collapseable{width:100%!important}.service-request-button-wrapper{display:flex;justify-content:center;margin-top:20px}.transaction-order-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.transaction-order-line-r{flex-direction:column}}.transaction-order-line-r .transaction-order-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center;padding-right:10px}.transaction-order-line-r .transaction-order-line-image image-display{width:6em;height:6em}.transaction-order-line-r .transaction-order-line-image ::ng-deep no-image-display{display:none}.transaction-order-line-r .transaction-order-line-description{display:flex;flex-direction:column;width:auto;max-width:355px;margin-left:10px}.transaction-order-line-r .transaction-order-line-description .cart-line-description-main{font-weight:bold}.transaction-order-line-r .transaction-order-line-right{justify-content:flex-end;align-items:center}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock{width:10em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{width:15em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals span{text-align:right}\n"]
             },] }
 ];
 TransactionOrderLinesComponent.ctorParameters = () => [
@@ -7011,9 +7011,9 @@ TransactionServiceSummaryComponent.decorators = [
                 label="SERVICE"
                 [icon]="iconWrench"
                 headerLabel="SERVICE_NUMBER"
-                [headerValue]="transactionInfo.transactionNr"
+                [headerValue]="transactionInfo?.transactionNr"
                 subHeaderLabel="SERVICE_REQUEST_DATE"
-                [subHeaderValue]="transactionInfo.transactionDate | date:'shortDate'"
+                [subHeaderValue]="transactionInfo?.transactionDate | date:'shortDate'"
         ></transaction-summary-block>
     `
             },] }
@@ -7135,9 +7135,9 @@ TransactionOrderSummaryComponent.decorators = [
                 label="ORDER_INFO"
                 [icon]="iconOrder"
                 headerLabel="ORDER_NUMBER"
-                [headerValue]="isService ? sourceTransactionNr : transactionInfo.transactionNr"
+                [headerValue]="isService ? sourceTransactionNr : transactionInfo?.transactionNr"
                 subHeaderLabel="ORDER_DATE"
-                [subHeaderValue]="(isService ? sourceTransactionDate : this.transactionInfo.transactionDate) | date:'shortDate'"
+                [subHeaderValue]="(isService ? sourceTransactionDate : this.transactionInfo?.transactionDate) | date:'shortDate'"
         ></transaction-summary-block>
     `
             },] }
@@ -7166,9 +7166,9 @@ TransactionPaymentInfoComponent.decorators = [
                 label="PAYMENT"
                 [icon]="euro"
                 headerLabel="TOTAL_AMOUNT"
-                [headerValue]="transactionTotal.netAmount | coCurrency"
+                [headerValue]="transactionTotal?.netAmount | coCurrency"
                 subHeaderLabel="PAID_DOWN2"
-                [subHeaderValue]="transactionTotal.transactionDiscountAmount | coCurrency"
+                [subHeaderValue]="transactionTotal?.transactionDiscountAmount | coCurrency"
         ></transaction-summary-block>
     `
             },] }
@@ -7258,12 +7258,12 @@ TransactionDeliverySummaryComponent.decorators = [
                 [icon]="deliveryTruck"
                 headerLabel="DELIVERY_METHOD2"
                 [headerValue]="deliveryMethodDescription"
-                [subHeaderLabel]="transactionInfo.preferredDeliveryDate ? 'DELIVERY_DATE' : !canPlanDelivery ? 'EXPECTED_DELIVERY_WEEK' : 'EXPECTED_DELIVERY'"
-                [subHeaderValue]="transactionInfo.preferredDeliveryDate ? (transactionInfo.deliveryDate | date:'shortDate') : 'WEEK' | localize | append:(' ') | append:(transactionInfo.deliveryDate | date:'w')">
+                [subHeaderLabel]="transactionInfo?.preferredDeliveryDate ? 'DELIVERY_DATE' : !canPlanDelivery ? 'EXPECTED_DELIVERY_WEEK' : 'EXPECTED_DELIVERY'"
+                [subHeaderValue]="transactionInfo?.preferredDeliveryDate ? (transactionInfo?.deliveryDate | date:'shortDate') : 'WEEK' | localize | append:(' ') | append:(transactionInfo?.deliveryDate | date:'w')">
             <ng-template #subHeaderTemplate *ngIf="canPlanDelivery">
                 <div class="planning-wrapper">
-                    <span class="subheader" *ngIf="transactionInfo.preferredDeliveryDate"
-                          [textContent]="(transactionInfo.preferredDeliveryDate | date:'shortDate') + ', ' + transactionInfo.preferredDeliveryDate | date: 'time' "></span>
+                    <span class="subheader" *ngIf="transactionInfo?.preferredDeliveryDate"
+                          [textContent]="(transactionInfo?.preferredDeliveryDate | date:'shortDate') + ', ' + transactionInfo?.preferredDeliveryDate | date: 'time' "></span>
 <!--                    <arrow-link *ngIf="!transactionInfo.preferredDeliveryDate"-->
 <!--                            label="PLAN_YOUR_DELIVERY"-->
 <!--                            (click)="planningRequestButtonClick.emit($event)"-->
@@ -7469,7 +7469,6 @@ class IoneServiceOrderModule {
 IoneServiceOrderModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
-                    BrowserAnimationsModule,
                     IconModule,
                     InputTextModule,
                     InputCheckboxModule,
@@ -7494,6 +7493,7 @@ IoneServiceOrderModule.decorators = [
                     DropDownListModule,
                     IoneShoppingCartModule,
                     TabModule,
+                    CommonModule,
                 ],
                 declarations: [
                     TemplateWrapperDirective,