@colijnit/transaction 12.1.5 → 12.1.6

package/bundles/colijnit-transaction.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@colijnit/ioneconnector/build/model/options'), require('@colijnit/transactionapi/build/model/customer-full-object.bo'), require('@colijnit/transactionapi/build/model/transaction-info-response.bo'), require('@colijnit/transactionapi/build/model/relation-privacy-setting.bo'), require('@colijnit/transactionapi/build/model/get-postal-code-retrieval-output-params'), require('@colijnit/transactionapi/build/model/relation-list-object.bo'), require('@colijnit/transactionapi/build/model/article-full-object'), require('@colijnit/transactionapi/build/model/line-operation-response.bo'), require('@colijnit/transactionapi/build/transaction'), require('@colijnit/transactionapi/build/utils/function/not-nill.function'), require('@colijnit/transactionapi/build/utils/object-utils'), require('@colijnit/transactionapi/build/enum/yes-no-db-type.enum'), require('@colijnit/transactionapi/build/enum/true-false-db-type.enum'), require('@colijnit/transactionapi/build/enum/one-zero-bool-db-type.enum'), require('@colijnit/transactionapi/build/enum/db-boolean-value-type.enum'), require('@colijnit/transactionapi/build/utils/date-utils'), require('@colijnit/transactionapi/build/utils/number-utils'), require('@colijnit/transactionapi/build/utils/function/is-nill.function'), require('@colijnit/transactionapi/build/factory/decorators/map-property.decorator'), require('@colijnit/transactionapi/build/factory/decorators/boolean.decorator'), require('@colijnit/transactionapi/build/factory/decorators/json.decorator'), require('@colijnit/transactionapi/build/factory/decorators/complex-array.decorator'), require('@colijnit/transactionapi/build/utils/image-utils'), require('@colijnit/transactionapi/build/model/nul-relation-object'), require('@colijnit/transactionapi/build/enum/transaction-kind.enum'), require('@colijnit/transactionapi/build/enum/sequence-name.enum'), require('@colijnit/transactionapi/build/utils/array-utils'), require('@colijnit/transactionapi/build/model/set-transaction-delivery-options-request.bo'), require('@colijnit/transactionapi/build/model/transaction-total.bo'), require('@colijnit/transactionapi/build/enum/transaction-line-type.enum'), require('@colijnit/transactionapi/build/model/line-operation-status.bo'), require('@colijnit/transactionapi/build/model/transaction-info.bo'), require('@colijnit/transactionapi/build/enum/pending-reason-type.enum'), require('@colijnit/corecomponents_v12'), require('@colijnit/transactionapi/build/enum/communication-type.enum'), require('@colijnit/transactionapi/build/model/contact-option.bo'), require('@colijnit/transactionapi/build/enum/relation-name-kind.enum'), require('@colijnit/transactionapi/build/enum/address-type.enum'), require('@colijnit/transactionapi/build/enum/gender-type.enum'), require('@colijnit/transactionapi/build/utils/business-object-utils'), require('@colijnit/transactionapi/build/utils/function-utils'), require('@colijnit/transactionapi/build/model/address.bo'), require('@angular/flex-layout'), require('@angular/material/stepper'), require('@angular/common'), require('@angular/platform-browser'), require('@angular/platform-browser/animations'), require('@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo'), require('@colijnit/transactionapi/build/enum/sort-direction'), require('@colijnit/transactionapi/build/enum/sort-type.enum'), require('@colijnit/transactionapi/build/enum/refcode/stock-status.enum'), require('@angular/animations'), require('@colijnit/transactionapi/build/model/relation-request'), require('@syncfusion/ej2-angular-richtexteditor'), require('@syncfusion/ej2-angular-splitbuttons'), require('@syncfusion/ej2-angular-buttons'), require('@syncfusion/ej2-angular-dropdowns'), require('@syncfusion/ej2-navigations'), require('@syncfusion/ej2-angular-navigations'), require('@colijnit/transactionapi/build/model/transaction-line-info.bo')) :
-    typeof define === 'function' && define.amd ? define('@colijnit/transaction', ['exports', '@angular/core', 'rxjs', '@colijnit/ioneconnector/build/model/options', '@colijnit/transactionapi/build/model/customer-full-object.bo', '@colijnit/transactionapi/build/model/transaction-info-response.bo', '@colijnit/transactionapi/build/model/relation-privacy-setting.bo', '@colijnit/transactionapi/build/model/get-postal-code-retrieval-output-params', '@colijnit/transactionapi/build/model/relation-list-object.bo', '@colijnit/transactionapi/build/model/article-full-object', '@colijnit/transactionapi/build/model/line-operation-response.bo', '@colijnit/transactionapi/build/transaction', '@colijnit/transactionapi/build/utils/function/not-nill.function', '@colijnit/transactionapi/build/utils/object-utils', '@colijnit/transactionapi/build/enum/yes-no-db-type.enum', '@colijnit/transactionapi/build/enum/true-false-db-type.enum', '@colijnit/transactionapi/build/enum/one-zero-bool-db-type.enum', '@colijnit/transactionapi/build/enum/db-boolean-value-type.enum', '@colijnit/transactionapi/build/utils/date-utils', '@colijnit/transactionapi/build/utils/number-utils', '@colijnit/transactionapi/build/utils/function/is-nill.function', '@colijnit/transactionapi/build/factory/decorators/map-property.decorator', '@colijnit/transactionapi/build/factory/decorators/boolean.decorator', '@colijnit/transactionapi/build/factory/decorators/json.decorator', '@colijnit/transactionapi/build/factory/decorators/complex-array.decorator', '@colijnit/transactionapi/build/utils/image-utils', '@colijnit/transactionapi/build/model/nul-relation-object', '@colijnit/transactionapi/build/enum/transaction-kind.enum', '@colijnit/transactionapi/build/enum/sequence-name.enum', '@colijnit/transactionapi/build/utils/array-utils', '@colijnit/transactionapi/build/model/set-transaction-delivery-options-request.bo', '@colijnit/transactionapi/build/model/transaction-total.bo', '@colijnit/transactionapi/build/enum/transaction-line-type.enum', '@colijnit/transactionapi/build/model/line-operation-status.bo', '@colijnit/transactionapi/build/model/transaction-info.bo', '@colijnit/transactionapi/build/enum/pending-reason-type.enum', '@colijnit/corecomponents_v12', '@colijnit/transactionapi/build/enum/communication-type.enum', '@colijnit/transactionapi/build/model/contact-option.bo', '@colijnit/transactionapi/build/enum/relation-name-kind.enum', '@colijnit/transactionapi/build/enum/address-type.enum', '@colijnit/transactionapi/build/enum/gender-type.enum', '@colijnit/transactionapi/build/utils/business-object-utils', '@colijnit/transactionapi/build/utils/function-utils', '@colijnit/transactionapi/build/model/address.bo', '@angular/flex-layout', '@angular/material/stepper', '@angular/common', '@angular/platform-browser', '@angular/platform-browser/animations', '@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo', '@colijnit/transactionapi/build/enum/sort-direction', '@colijnit/transactionapi/build/enum/sort-type.enum', '@colijnit/transactionapi/build/enum/refcode/stock-status.enum', '@angular/animations', '@colijnit/transactionapi/build/model/relation-request', '@syncfusion/ej2-angular-richtexteditor', '@syncfusion/ej2-angular-splitbuttons', '@syncfusion/ej2-angular-buttons', '@syncfusion/ej2-angular-dropdowns', '@syncfusion/ej2-navigations', '@syncfusion/ej2-angular-navigations', '@colijnit/transactionapi/build/model/transaction-line-info.bo'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.transaction = {}), global.ng.core, global.rxjs, global.options, global.customerFullObject_bo, global.transactionInfoResponse_bo, global.relationPrivacySetting_bo, global.getPostalCodeRetrievalOutputParams, global.relationListObject_bo, global.articleFullObject, global.lineOperationResponse_bo, global.transaction, global.notNill_function, global.objectUtils, global.yesNoDbType_enum, global.trueFalseDbType_enum, global.oneZeroBoolDbType_enum, global.dbBooleanValueType_enum, global.dateUtils, global.numberUtils, global.isNill_function, global.mapProperty_decorator, global.boolean_decorator, global.json_decorator, global.complexArray_decorator, global.imageUtils, global.nulRelationObject, global.transactionKind_enum, global.sequenceName_enum, global.arrayUtils, global.setTransactionDeliveryOptionsRequest_bo, global.transactionTotal_bo, global.transactionLineType_enum, global.lineOperationStatus_bo, global.transactionInfo_bo, global.pendingReasonType_enum, global.corecomponents_v12, global.communicationType_enum, global.contactOption_bo, global.relationNameKind_enum, global.addressType_enum, global.genderType_enum, global.businessObjectUtils, global.functionUtils, global.address_bo, global.ng.flexLayout, global.ng.material.stepper, global.ng.common, global.ng.platformBrowser, global.ng.platformBrowser.animations, global.resolvePendingReasonRequest_bo, global.sortDirection, global.sortType_enum, global.stockStatus_enum, global.ng.animations, global.relationRequest, global.ej2AngularRichtexteditor, global.ej2AngularSplitbuttons, global.ej2AngularButtons, global.ej2AngularDropdowns, global.ej2Navigations, global.ej2AngularNavigations, global.transactionLineInfo_bo));
-})(this, (function (exports, i0, rxjs, options, customerFullObject_bo, transactionInfoResponse_bo, relationPrivacySetting_bo, getPostalCodeRetrievalOutputParams, relationListObject_bo, articleFullObject, lineOperationResponse_bo, transaction, notNill_function, objectUtils, yesNoDbType_enum, trueFalseDbType_enum, oneZeroBoolDbType_enum, dbBooleanValueType_enum, dateUtils, numberUtils, isNill_function, mapProperty_decorator, boolean_decorator, json_decorator, complexArray_decorator, imageUtils, nulRelationObject, transactionKind_enum, sequenceName_enum, arrayUtils, setTransactionDeliveryOptionsRequest_bo, transactionTotal_bo, transactionLineType_enum, lineOperationStatus_bo, transactionInfo_bo, pendingReasonType_enum, corecomponents_v12, communicationType_enum, contactOption_bo, relationNameKind_enum, addressType_enum, genderType_enum, businessObjectUtils, functionUtils, address_bo, flexLayout, stepper, common, platformBrowser, animations, resolvePendingReasonRequest_bo, sortDirection, sortType_enum, stockStatus_enum, animations$1, relationRequest, ej2AngularRichtexteditor, ej2AngularSplitbuttons, ej2AngularButtons, ej2AngularDropdowns, ej2Navigations, ej2AngularNavigations, transactionLineInfo_bo) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@colijnit/ioneconnector/build/model/options'), require('@colijnit/transactionapi/build/model/customer-full-object.bo'), require('@colijnit/transactionapi/build/model/transaction-info-response.bo'), require('@colijnit/transactionapi/build/model/relation-privacy-setting.bo'), require('@colijnit/transactionapi/build/model/get-postal-code-retrieval-output-params'), require('@colijnit/transactionapi/build/model/relation-list-object.bo'), require('@colijnit/transactionapi/build/model/article-full-object'), require('@colijnit/transactionapi/build/model/line-operation-response.bo'), require('@colijnit/transactionapi/build/transaction'), require('@colijnit/transactionapi/build/utils/function/not-nill.function'), require('@colijnit/transactionapi/build/utils/object-utils'), require('@colijnit/transactionapi/build/enum/yes-no-db-type.enum'), require('@colijnit/transactionapi/build/enum/true-false-db-type.enum'), require('@colijnit/transactionapi/build/enum/one-zero-bool-db-type.enum'), require('@colijnit/transactionapi/build/enum/db-boolean-value-type.enum'), require('@colijnit/transactionapi/build/utils/date-utils'), require('@colijnit/transactionapi/build/utils/number-utils'), require('@colijnit/transactionapi/build/utils/function/is-nill.function'), require('@colijnit/transactionapi/build/factory/decorators/map-property.decorator'), require('@colijnit/transactionapi/build/factory/decorators/boolean.decorator'), require('@colijnit/transactionapi/build/factory/decorators/json.decorator'), require('@colijnit/transactionapi/build/factory/decorators/complex-array.decorator'), require('@colijnit/transactionapi/build/utils/image-utils'), require('@colijnit/transactionapi/build/model/nul-relation-object'), require('@colijnit/transactionapi/build/enum/transaction-kind.enum'), require('@colijnit/transactionapi/build/enum/sequence-name.enum'), require('@colijnit/transactionapi/build/utils/array-utils'), require('@colijnit/transactionapi/build/model/set-transaction-delivery-options-request.bo'), require('@colijnit/transactionapi/build/model/transaction-total.bo'), require('@colijnit/transactionapi/build/enum/transaction-line-type.enum'), require('@colijnit/transactionapi/build/model/line-operation-status.bo'), require('@colijnit/transactionapi/build/model/transaction-info.bo'), require('@colijnit/transactionapi/build/enum/pending-reason-type.enum'), require('@colijnit/corecomponents_v12'), require('@angular/flex-layout'), require('@colijnit/transactionapi/build/enum/communication-type.enum'), require('@colijnit/transactionapi/build/model/contact-option.bo'), require('@colijnit/transactionapi/build/enum/relation-name-kind.enum'), require('@colijnit/transactionapi/build/enum/address-type.enum'), require('@colijnit/transactionapi/build/enum/gender-type.enum'), require('@colijnit/transactionapi/build/utils/business-object-utils'), require('@colijnit/transactionapi/build/utils/function-utils'), require('@colijnit/transactionapi/build/model/address.bo'), require('@angular/material/stepper'), require('@angular/common'), require('@angular/platform-browser'), require('@angular/platform-browser/animations'), require('@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo'), require('@colijnit/transactionapi/build/enum/sort-direction'), require('@colijnit/transactionapi/build/enum/sort-type.enum'), require('@colijnit/transactionapi/build/enum/refcode/stock-status.enum'), require('@angular/animations'), require('@colijnit/transactionapi/build/model/relation-request'), require('@syncfusion/ej2-angular-richtexteditor'), require('@syncfusion/ej2-angular-splitbuttons'), require('@syncfusion/ej2-angular-buttons'), require('@syncfusion/ej2-angular-dropdowns'), require('@syncfusion/ej2-navigations'), require('@syncfusion/ej2-angular-navigations'), require('@colijnit/transactionapi/build/model/transaction-line-info.bo')) :
+    typeof define === 'function' && define.amd ? define('@colijnit/transaction', ['exports', '@angular/core', 'rxjs', '@colijnit/ioneconnector/build/model/options', '@colijnit/transactionapi/build/model/customer-full-object.bo', '@colijnit/transactionapi/build/model/transaction-info-response.bo', '@colijnit/transactionapi/build/model/relation-privacy-setting.bo', '@colijnit/transactionapi/build/model/get-postal-code-retrieval-output-params', '@colijnit/transactionapi/build/model/relation-list-object.bo', '@colijnit/transactionapi/build/model/article-full-object', '@colijnit/transactionapi/build/model/line-operation-response.bo', '@colijnit/transactionapi/build/transaction', '@colijnit/transactionapi/build/utils/function/not-nill.function', '@colijnit/transactionapi/build/utils/object-utils', '@colijnit/transactionapi/build/enum/yes-no-db-type.enum', '@colijnit/transactionapi/build/enum/true-false-db-type.enum', '@colijnit/transactionapi/build/enum/one-zero-bool-db-type.enum', '@colijnit/transactionapi/build/enum/db-boolean-value-type.enum', '@colijnit/transactionapi/build/utils/date-utils', '@colijnit/transactionapi/build/utils/number-utils', '@colijnit/transactionapi/build/utils/function/is-nill.function', '@colijnit/transactionapi/build/factory/decorators/map-property.decorator', '@colijnit/transactionapi/build/factory/decorators/boolean.decorator', '@colijnit/transactionapi/build/factory/decorators/json.decorator', '@colijnit/transactionapi/build/factory/decorators/complex-array.decorator', '@colijnit/transactionapi/build/utils/image-utils', '@colijnit/transactionapi/build/model/nul-relation-object', '@colijnit/transactionapi/build/enum/transaction-kind.enum', '@colijnit/transactionapi/build/enum/sequence-name.enum', '@colijnit/transactionapi/build/utils/array-utils', '@colijnit/transactionapi/build/model/set-transaction-delivery-options-request.bo', '@colijnit/transactionapi/build/model/transaction-total.bo', '@colijnit/transactionapi/build/enum/transaction-line-type.enum', '@colijnit/transactionapi/build/model/line-operation-status.bo', '@colijnit/transactionapi/build/model/transaction-info.bo', '@colijnit/transactionapi/build/enum/pending-reason-type.enum', '@colijnit/corecomponents_v12', '@angular/flex-layout', '@colijnit/transactionapi/build/enum/communication-type.enum', '@colijnit/transactionapi/build/model/contact-option.bo', '@colijnit/transactionapi/build/enum/relation-name-kind.enum', '@colijnit/transactionapi/build/enum/address-type.enum', '@colijnit/transactionapi/build/enum/gender-type.enum', '@colijnit/transactionapi/build/utils/business-object-utils', '@colijnit/transactionapi/build/utils/function-utils', '@colijnit/transactionapi/build/model/address.bo', '@angular/material/stepper', '@angular/common', '@angular/platform-browser', '@angular/platform-browser/animations', '@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo', '@colijnit/transactionapi/build/enum/sort-direction', '@colijnit/transactionapi/build/enum/sort-type.enum', '@colijnit/transactionapi/build/enum/refcode/stock-status.enum', '@angular/animations', '@colijnit/transactionapi/build/model/relation-request', '@syncfusion/ej2-angular-richtexteditor', '@syncfusion/ej2-angular-splitbuttons', '@syncfusion/ej2-angular-buttons', '@syncfusion/ej2-angular-dropdowns', '@syncfusion/ej2-navigations', '@syncfusion/ej2-angular-navigations', '@colijnit/transactionapi/build/model/transaction-line-info.bo'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.transaction = {}), global.ng.core, global.rxjs, global.options, global.customerFullObject_bo, global.transactionInfoResponse_bo, global.relationPrivacySetting_bo, global.getPostalCodeRetrievalOutputParams, global.relationListObject_bo, global.articleFullObject, global.lineOperationResponse_bo, global.transaction, global.notNill_function, global.objectUtils, global.yesNoDbType_enum, global.trueFalseDbType_enum, global.oneZeroBoolDbType_enum, global.dbBooleanValueType_enum, global.dateUtils, global.numberUtils, global.isNill_function, global.mapProperty_decorator, global.boolean_decorator, global.json_decorator, global.complexArray_decorator, global.imageUtils, global.nulRelationObject, global.transactionKind_enum, global.sequenceName_enum, global.arrayUtils, global.setTransactionDeliveryOptionsRequest_bo, global.transactionTotal_bo, global.transactionLineType_enum, global.lineOperationStatus_bo, global.transactionInfo_bo, global.pendingReasonType_enum, global.corecomponents_v12, global.ng.flexLayout, global.communicationType_enum, global.contactOption_bo, global.relationNameKind_enum, global.addressType_enum, global.genderType_enum, global.businessObjectUtils, global.functionUtils, global.address_bo, global.ng.material.stepper, global.ng.common, global.ng.platformBrowser, global.ng.platformBrowser.animations, global.resolvePendingReasonRequest_bo, global.sortDirection, global.sortType_enum, global.stockStatus_enum, global.ng.animations, global.relationRequest, global.ej2AngularRichtexteditor, global.ej2AngularSplitbuttons, global.ej2AngularButtons, global.ej2AngularDropdowns, global.ej2Navigations, global.ej2AngularNavigations, global.transactionLineInfo_bo));
+})(this, (function (exports, i0, rxjs, options, customerFullObject_bo, transactionInfoResponse_bo, relationPrivacySetting_bo, getPostalCodeRetrievalOutputParams, relationListObject_bo, articleFullObject, lineOperationResponse_bo, transaction, notNill_function, objectUtils, yesNoDbType_enum, trueFalseDbType_enum, oneZeroBoolDbType_enum, dbBooleanValueType_enum, dateUtils, numberUtils, isNill_function, mapProperty_decorator, boolean_decorator, json_decorator, complexArray_decorator, imageUtils, nulRelationObject, transactionKind_enum, sequenceName_enum, arrayUtils, setTransactionDeliveryOptionsRequest_bo, transactionTotal_bo, transactionLineType_enum, lineOperationStatus_bo, transactionInfo_bo, pendingReasonType_enum, corecomponents_v12, flexLayout, communicationType_enum, contactOption_bo, relationNameKind_enum, addressType_enum, genderType_enum, businessObjectUtils, functionUtils, address_bo, stepper, common, platformBrowser, animations, resolvePendingReasonRequest_bo, sortDirection, sortType_enum, stockStatus_enum, animations$1, relationRequest, ej2AngularRichtexteditor, ej2AngularSplitbuttons, ej2AngularButtons, ej2AngularDropdowns, ej2Navigations, ej2AngularNavigations, transactionLineInfo_bo) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -3189,6 +3189,203 @@
         { type: i0.Injectable, args: [{ providedIn: "root" },] }
     ];
 
+    var CheckoutLoginComponent = /** @class */ (function () {
+        function CheckoutLoginComponent() {
+            this.createNewAccountSubmit = new i0.EventEmitter();
+            this.continueWithoutSubmit = new i0.EventEmitter();
+            this.loginSubmit = new i0.EventEmitter();
+            this.userEmailAddress = "";
+            this.userNewEmailAddress = "";
+            this.userPassword = "";
+            this.continueWithoutAccount = false;
+            this.company = "<bedrijf>";
+        }
+        CheckoutLoginComponent.prototype.ngOnInit = function () {
+        };
+        CheckoutLoginComponent.prototype.login = function () {
+            this.loginSubmit.emit();
+        };
+        CheckoutLoginComponent.prototype.submit = function () {
+            this.loginForm.submit();
+        };
+        CheckoutLoginComponent.prototype.createAccountSubmit = function () {
+            this.accountForm.submit();
+        };
+        CheckoutLoginComponent.prototype.continueSubmit = function () {
+            this.continueWithoutAccount = true;
+            this.accountForm.submit();
+        };
+        CheckoutLoginComponent.prototype.accountLogin = function () {
+            if (this.continueWithoutAccount) {
+                this.continueWithoutSubmit.emit();
+            }
+            else {
+                this.createNewAccountSubmit.emit();
+            }
+        };
+        return CheckoutLoginComponent;
+    }());
+    CheckoutLoginComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "checkout-login",
+                    template: "\n    <h1>{{ \"LOGIN\" | localize}}</h1>\n    <div class=\"users\">\n      <co-form #loginForm (validSubmit)=\"login()\">\n        <div class=\"existing-user\">\n          <p><strong>{{ \"EXISTING_CUSTOMERS\" | localize }}</strong></p>\n          <co-input-text\n            [(model)]=\"userEmailAddress\"\n            [placeholder]=\"'EMAIL_ADDRESS' | localize \"\n            [type]=\"'email'\"\n            required\n          ></co-input-text>\n\n          <co-input-text\n            [(model)]=\"userPassword\"\n            [placeholder]=\"'PASSWORD' | localize \"\n            [type]=\"'password'\"\n            required\n          ></co-input-text>\n          <div class=\"login-button\">\n            <co-button\n              [label]=\"'LOGIN' | localize\" (click)=\"submit()\"\n            ></co-button>\n          </div>\n        </div>\n      </co-form>\n\n      <co-form #accountForm (validSubmit)=\"accountLogin()\">\n        <div class=\"new-user\">\n          <p class=\"boxedbottom\">\n            <strong>{{ \"NEW_AT\" | localize}}{{company}}</strong>\n            <br/>{{ \"CREATE_ACCOUNT_IN_2_MIN\" | localize }}\n          </p>\n          <div class=\"new-user-e-mail\">\n            <co-input-text\n              [(model)]=\"userNewEmailAddress\"\n              [placeholder]=\"'EMAIL_ADDRESS' | localize \"\n              [type]=\"'email'\"\n              required\n            ></co-input-text>\n          </div>\n          <div class=\"login-button\">\n            <co-button\n              [label]=\"'CREATE_ACCOUNT' | localize\"\n              (click)=\"createAccountSubmit()\"\n            ></co-button>\n            <co-button\n              [label]=\"'CONTINUE_WITHOUT_ACCOUNT' | localize\"\n              (click)=\"continueSubmit()\"\n            ></co-button>\n          </div>\n        </div>\n      </co-form>\n    </div>\n  ",
+                    styles: [".users{display:flex;flex-direction:row}.users co-form{width:50%}.existing-user{padding-right:2rem;margin-bottom:0;border-right:1px solid #aaa}.new-user{padding-left:2rem}.new-user-e-mail{padding-top:2.6rem}.boxedbottom{margin-bottom:.5rem}.login-button{display:flex;margin-top:10px}.login-button co-button{margin-right:10px}\n"]
+                },] }
+    ];
+    CheckoutLoginComponent.ctorParameters = function () { return []; };
+    CheckoutLoginComponent.propDecorators = {
+        loginForm: [{ type: i0.ViewChild, args: ["loginForm",] }],
+        accountForm: [{ type: i0.ViewChild, args: ["accountForm",] }],
+        createNewAccountSubmit: [{ type: i0.Output }],
+        continueWithoutSubmit: [{ type: i0.Output }],
+        loginSubmit: [{ type: i0.Output }]
+    };
+
+    var IoneCheckoutComponent = /** @class */ (function () {
+        function IoneCheckoutComponent(_changeDetector, _optionsService, _connector, _dictionary, _service, transactionEvents, _promptService, globalEvents) {
+            var _this = this;
+            this._changeDetector = _changeDetector;
+            this._optionsService = _optionsService;
+            this._connector = _connector;
+            this._dictionary = _dictionary;
+            this._service = _service;
+            this.transactionEvents = transactionEvents;
+            this._promptService = _promptService;
+            this.globalEvents = globalEvents;
+            this.upAndLoaded = false;
+            this.show = false;
+            this.loggedIn = false;
+            this._subscriptions = [];
+            this._remoteOptions = true;
+            this._publicOptions = true;
+            this._applicationUser = false;
+            this._subscriptions.push(this._optionsService.optionsLoaded.subscribe(function (loaded) { return _this._handleSettingsLoaded(loaded); }));
+            this._subscriptions.push(this.transactionEvents.loggedIn.subscribe(function () {
+                _this.loggedIn = true;
+            }));
+        }
+        Object.defineProperty(IoneCheckoutComponent.prototype, "options", {
+            set: function (value) {
+                if (value) {
+                    var options = void 0;
+                    if (typeof value === "string") {
+                        options = JSON.parse(value);
+                    }
+                    else {
+                        options = value;
+                    }
+                    this._publicOptions = true;
+                    this._optionsService.initialize(options).then();
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(IoneCheckoutComponent.prototype, "applicationUser", {
+            get: function () {
+                return this._applicationUser;
+            },
+            set: function (value) {
+                this._applicationUser = value;
+                this._service.applicationUser = this.applicationUser;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(IoneCheckoutComponent.prototype, "transactionNr", {
+            get: function () {
+                return this._service.currentTransaction.transactionNr;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        IoneCheckoutComponent.prototype.ngOnInit = function () {
+            if (!this._publicOptions) {
+                this._optionsService.initializeDevelopmentOptions(this._remoteOptions);
+            }
+        };
+        IoneCheckoutComponent.prototype.ngOnDestroy = function () {
+            this._subscriptions.forEach(function (subscription) { return subscription.unsubscribe(); });
+        };
+        IoneCheckoutComponent.prototype._handleSettingsLoaded = function (loaded) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!loaded) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this._initConnection().then()];
+                        case 1:
+                            _a.sent();
+                            this.upAndLoaded = true;
+                            _a.label = 2;
+                        case 2: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        IoneCheckoutComponent.prototype._initConnection = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._connector.connect(this._optionsService.options)];
+                        case 1:
+                            _a.sent();
+                            if (this._optionsService.options.url) {
+                                this._dictionary.rootUrl = this._optionsService.options.url.replace("/ajaxservice", "");
+                            }
+                            return [4 /*yield*/, this._dictionary.setDictionary(this._optionsService.options.languageCode)];
+                        case 2:
+                            _a.sent();
+                            setTimeout(function () {
+                                _this._changeDetector.detectChanges();
+                            });
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        IoneCheckoutComponent.prototype.loginSubmit = function () {
+            this.globalEvents.addUserRelationShoppingCartModule.next({ user: this.checkoutLogin.userEmailAddress, pw: this.checkoutLogin.userPassword });
+            this.loggedIn = true;
+        };
+        IoneCheckoutComponent.prototype.continueWithoutAccount = function () {
+            this.closeLogin();
+            this.loggedIn = true;
+            this.transactionEvents.addNewUserToShoppingCartModule.next(this.checkoutLogin.userNewEmailAddress);
+        };
+        IoneCheckoutComponent.prototype.createNewAccount = function () {
+            this.closeLogin();
+            this.transactionEvents.addNewUserToShoppingCartModule.next(this.checkoutLogin.userNewEmailAddress);
+        };
+        IoneCheckoutComponent.prototype.closeLogin = function () {
+            this.loggedIn = true;
+            this.show = true;
+        };
+        return IoneCheckoutComponent;
+    }());
+    IoneCheckoutComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "ione-checkout",
+                    template: "\n    <ng-container *ngIf=\"show && (applicationUser || loggedIn)\">\n      <app-checkout-transaction></app-checkout-transaction>\n    </ng-container>\n\n\n    <div *ngIf=\"show && !applicationUser && !loggedIn\">\n      <checkout-login\n        #checkoutLogin\n        (continueWithoutSubmit)=\"continueWithoutAccount()\"\n        (createNewAccountSubmit)=\"createNewAccount()\"\n      ></checkout-login>\n    </div>\n  "
+                },] }
+    ];
+    IoneCheckoutComponent.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: OptionsService },
+        { type: IOneConnectorAdapterService },
+        { type: DictionaryService },
+        { type: TransactionService },
+        { type: TransactionEventService },
+        { type: corecomponents_v12.PromptService },
+        { type: TransactionEventService }
+    ]; };
+    IoneCheckoutComponent.propDecorators = {
+        checkoutLogin: [{ type: i0.ViewChild, args: [CheckoutLoginComponent,] }],
+        options: [{ type: i0.Input }],
+        applicationUser: [{ type: i0.Input }]
+    };
+
     var CheckoutSteps;
     (function (CheckoutSteps) {
         CheckoutSteps[CheckoutSteps["Overview"] = 0] = "Overview";
@@ -4128,261 +4325,6 @@
         stepper: [{ type: i0.ViewChild, args: ["stepper",] }]
     };
 
-    var RetailTransactionCheckoutComponent = /** @class */ (function () {
-        function RetailTransactionCheckoutComponent(service) {
-            this.service = service;
-        }
-        Object.defineProperty(RetailTransactionCheckoutComponent.prototype, "canPrevious", {
-            get: function () {
-                var _a;
-                return this.checkout && ((_a = this.checkout.stepper) === null || _a === void 0 ? void 0 : _a.selectedIndex) !== 0;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(RetailTransactionCheckoutComponent.prototype, "canContinue", {
-            get: function () {
-                var _a;
-                return this.checkout && ((_a = this.checkout.stepper) === null || _a === void 0 ? void 0 : _a.selectedIndex) !== 3;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(RetailTransactionCheckoutComponent.prototype, "started", {
-            get: function () {
-                var _a;
-                return this.checkout && ((_a = this.checkout.stepper) === null || _a === void 0 ? void 0 : _a.selectedIndex) === 0;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(RetailTransactionCheckoutComponent.prototype, "finished", {
-            get: function () {
-                return this.checkout && this.checkout.finished;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        RetailTransactionCheckoutComponent.prototype.continueCheckout = function () {
-            this.checkout.continue();
-        };
-        RetailTransactionCheckoutComponent.prototype.previousCheckout = function () {
-            this.checkout.previous();
-        };
-        return RetailTransactionCheckoutComponent;
-    }());
-    RetailTransactionCheckoutComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: "app-retail-transaction-checkout",
-                    template: "\n    <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    <app-checkout class=\"checkout\"></app-checkout>\n    <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    <ng-template #content>\n      <div class=\"checkout-retail-viewport checkout-row-end\">\n        <co-button [label]=\"'BACK'| localize\" [disabled]=\"!canPrevious\" (click)=\"previousCheckout()\"></co-button>\n        <co-button [label]=\"'CONTINUE'| localize\" [disabled]=\"!canContinue\" (click)=\"continueCheckout()\"></co-button>\n      </div>\n    </ng-template>\n  ",
-                    styles: [".checkout-retail-viewport{max-width:60%;margin-left:20%}.checkout-row-end{display:flex;flex-direction:row;grid-column-gap:10px;-moz-column-gap:10px;column-gap:10px;justify-content:flex-end}\n"]
-                },] }
-    ];
-    RetailTransactionCheckoutComponent.ctorParameters = function () { return [
-        { type: TransactionService }
-    ]; };
-    RetailTransactionCheckoutComponent.propDecorators = {
-        checkout: [{ type: i0.ViewChild, args: [CheckoutComponent, { static: true },] }]
-    };
-
-    var CheckoutLoginComponent = /** @class */ (function () {
-        function CheckoutLoginComponent() {
-            this.createNewAccountSubmit = new i0.EventEmitter();
-            this.continueWithoutSubmit = new i0.EventEmitter();
-            this.loginSubmit = new i0.EventEmitter();
-            this.userEmailAddress = "";
-            this.userNewEmailAddress = "";
-            this.userPassword = "";
-            this.continueWithoutAccount = false;
-            this.company = "<bedrijf>";
-        }
-        CheckoutLoginComponent.prototype.ngOnInit = function () {
-        };
-        CheckoutLoginComponent.prototype.login = function () {
-            this.loginSubmit.emit();
-        };
-        CheckoutLoginComponent.prototype.submit = function () {
-            this.loginForm.submit();
-        };
-        CheckoutLoginComponent.prototype.createAccountSubmit = function () {
-            this.accountForm.submit();
-        };
-        CheckoutLoginComponent.prototype.continueSubmit = function () {
-            this.continueWithoutAccount = true;
-            this.accountForm.submit();
-        };
-        CheckoutLoginComponent.prototype.accountLogin = function () {
-            if (this.continueWithoutAccount) {
-                this.continueWithoutSubmit.emit();
-            }
-            else {
-                this.createNewAccountSubmit.emit();
-            }
-        };
-        return CheckoutLoginComponent;
-    }());
-    CheckoutLoginComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: "checkout-login",
-                    template: "\n    <h1>{{ \"LOGIN\" | localize}}</h1>\n    <div class=\"users\">\n      <co-form #loginForm (validSubmit)=\"login()\">\n        <div class=\"existing-user\">\n          <p><strong>{{ \"EXISTING_CUSTOMERS\" | localize }}</strong></p>\n          <co-input-text\n            [(model)]=\"userEmailAddress\"\n            [placeholder]=\"'EMAIL_ADDRESS' | localize \"\n            [type]=\"'email'\"\n            required\n          ></co-input-text>\n\n          <co-input-text\n            [(model)]=\"userPassword\"\n            [placeholder]=\"'PASSWORD' | localize \"\n            [type]=\"'password'\"\n            required\n          ></co-input-text>\n          <div class=\"login-button\">\n            <co-button\n              [label]=\"'LOGIN' | localize\" (click)=\"submit()\"\n            ></co-button>\n          </div>\n        </div>\n      </co-form>\n\n      <co-form #accountForm (validSubmit)=\"accountLogin()\">\n        <div class=\"new-user\">\n          <p class=\"boxedbottom\">\n            <strong>{{ \"NEW_AT\" | localize}}{{company}}</strong>\n            <br/>{{ \"CREATE_ACCOUNT_IN_2_MIN\" | localize }}\n          </p>\n          <div class=\"new-user-e-mail\">\n            <co-input-text\n              [(model)]=\"userNewEmailAddress\"\n              [placeholder]=\"'EMAIL_ADDRESS' | localize \"\n              [type]=\"'email'\"\n              required\n            ></co-input-text>\n          </div>\n          <div class=\"login-button\">\n            <co-button\n              [label]=\"'CREATE_ACCOUNT' | localize\"\n              (click)=\"createAccountSubmit()\"\n            ></co-button>\n            <co-button\n              [label]=\"'CONTINUE_WITHOUT_ACCOUNT' | localize\"\n              (click)=\"continueSubmit()\"\n            ></co-button>\n          </div>\n        </div>\n      </co-form>\n    </div>\n  ",
-                    styles: [".users{display:flex;flex-direction:row}.users co-form{width:50%}.existing-user{padding-right:2rem;margin-bottom:0;border-right:1px solid #aaa}.new-user{padding-left:2rem}.new-user-e-mail{padding-top:2.6rem}.boxedbottom{margin-bottom:.5rem}.login-button{display:flex;margin-top:10px}.login-button co-button{margin-right:10px}\n"]
-                },] }
-    ];
-    CheckoutLoginComponent.ctorParameters = function () { return []; };
-    CheckoutLoginComponent.propDecorators = {
-        loginForm: [{ type: i0.ViewChild, args: ["loginForm",] }],
-        accountForm: [{ type: i0.ViewChild, args: ["accountForm",] }],
-        createNewAccountSubmit: [{ type: i0.Output }],
-        continueWithoutSubmit: [{ type: i0.Output }],
-        loginSubmit: [{ type: i0.Output }]
-    };
-
-    var IoneCheckoutComponent = /** @class */ (function () {
-        function IoneCheckoutComponent(_changeDetector, _optionsService, _connector, _dictionary, _service, transactionEvents, _promptService, globalEvents) {
-            var _this = this;
-            this._changeDetector = _changeDetector;
-            this._optionsService = _optionsService;
-            this._connector = _connector;
-            this._dictionary = _dictionary;
-            this._service = _service;
-            this.transactionEvents = transactionEvents;
-            this._promptService = _promptService;
-            this.globalEvents = globalEvents;
-            this.upAndLoaded = false;
-            this.show = false;
-            this.loggedIn = false;
-            this._subscriptions = [];
-            this._remoteOptions = true;
-            this._publicOptions = true;
-            this._applicationUser = false;
-            this._subscriptions.push(this._optionsService.optionsLoaded.subscribe(function (loaded) { return _this._handleSettingsLoaded(loaded); }));
-            this._subscriptions.push(this.transactionEvents.loggedIn.subscribe(function () {
-                _this.loggedIn = true;
-            }));
-        }
-        Object.defineProperty(IoneCheckoutComponent.prototype, "options", {
-            set: function (value) {
-                if (value) {
-                    var options = void 0;
-                    if (typeof value === "string") {
-                        options = JSON.parse(value);
-                    }
-                    else {
-                        options = value;
-                    }
-                    this._publicOptions = true;
-                    this._optionsService.initialize(options).then();
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(IoneCheckoutComponent.prototype, "applicationUser", {
-            get: function () {
-                return this._applicationUser;
-            },
-            set: function (value) {
-                this._applicationUser = value;
-                this._service.applicationUser = this.applicationUser;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(IoneCheckoutComponent.prototype, "transactionNr", {
-            get: function () {
-                return this._service.currentTransaction.transactionNr;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        IoneCheckoutComponent.prototype.ngOnInit = function () {
-            if (!this._publicOptions) {
-                this._optionsService.initializeDevelopmentOptions(this._remoteOptions);
-            }
-        };
-        IoneCheckoutComponent.prototype.ngOnDestroy = function () {
-            this._subscriptions.forEach(function (subscription) { return subscription.unsubscribe(); });
-        };
-        IoneCheckoutComponent.prototype._handleSettingsLoaded = function (loaded) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            if (!loaded) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this._initConnection().then()];
-                        case 1:
-                            _a.sent();
-                            this.upAndLoaded = true;
-                            _a.label = 2;
-                        case 2: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        IoneCheckoutComponent.prototype._initConnection = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._connector.connect(this._optionsService.options)];
-                        case 1:
-                            _a.sent();
-                            if (this._optionsService.options.url) {
-                                this._dictionary.rootUrl = this._optionsService.options.url.replace("/ajaxservice", "");
-                            }
-                            return [4 /*yield*/, this._dictionary.setDictionary(this._optionsService.options.languageCode)];
-                        case 2:
-                            _a.sent();
-                            setTimeout(function () {
-                                _this._changeDetector.detectChanges();
-                            });
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        IoneCheckoutComponent.prototype.loginSubmit = function () {
-            this.globalEvents.addUserRelationShoppingCartModule.next({ user: this.checkoutLogin.userEmailAddress, pw: this.checkoutLogin.userPassword });
-            this.loggedIn = true;
-        };
-        IoneCheckoutComponent.prototype.continueWithoutAccount = function () {
-            this.closeLogin();
-            this.loggedIn = true;
-            this.transactionEvents.addNewUserToShoppingCartModule.next(this.checkoutLogin.userNewEmailAddress);
-        };
-        IoneCheckoutComponent.prototype.createNewAccount = function () {
-            this.closeLogin();
-            this.transactionEvents.addNewUserToShoppingCartModule.next(this.checkoutLogin.userNewEmailAddress);
-        };
-        IoneCheckoutComponent.prototype.closeLogin = function () {
-            this.loggedIn = true;
-            this.show = true;
-        };
-        return IoneCheckoutComponent;
-    }());
-    IoneCheckoutComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: "ione-checkout",
-                    template: "\n    <ng-container *ngIf=\"show && (applicationUser || loggedIn)\">\n      <app-retail-transaction-checkout></app-retail-transaction-checkout>\n    </ng-container>\n\n\n    <div *ngIf=\"show && !applicationUser && !loggedIn\">\n      <checkout-login\n        #checkoutLogin\n        (continueWithoutSubmit)=\"continueWithoutAccount()\"\n        (createNewAccountSubmit)=\"createNewAccount()\"\n      ></checkout-login>\n    </div>\n  "
-                },] }
-    ];
-    IoneCheckoutComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: OptionsService },
-        { type: IOneConnectorAdapterService },
-        { type: DictionaryService },
-        { type: TransactionService },
-        { type: TransactionEventService },
-        { type: corecomponents_v12.PromptService },
-        { type: TransactionEventService }
-    ]; };
-    IoneCheckoutComponent.propDecorators = {
-        retailCheckout: [{ type: i0.ViewChild, args: [RetailTransactionCheckoutComponent,] }],
-        checkoutLogin: [{ type: i0.ViewChild, args: [CheckoutLoginComponent,] }],
-        options: [{ type: i0.Input }],
-        applicationUser: [{ type: i0.Input }]
-    };
-
     var CheckoutOverviewRelationAddressComponent = /** @class */ (function () {
         function CheckoutOverviewRelationAddressComponent(_dictionary, _connector) {
             this._dictionary = _dictionary;
@@ -4471,6 +4413,63 @@
         address: [{ type: i0.Input }]
     };
 
+    var CheckoutTransactionComponent = /** @class */ (function () {
+        function CheckoutTransactionComponent(service) {
+            this.service = service;
+        }
+        Object.defineProperty(CheckoutTransactionComponent.prototype, "canPrevious", {
+            get: function () {
+                var _a;
+                return this.checkout && ((_a = this.checkout.stepper) === null || _a === void 0 ? void 0 : _a.selectedIndex) !== 0;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(CheckoutTransactionComponent.prototype, "canContinue", {
+            get: function () {
+                var _a;
+                return this.checkout && ((_a = this.checkout.stepper) === null || _a === void 0 ? void 0 : _a.selectedIndex) !== 3;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(CheckoutTransactionComponent.prototype, "started", {
+            get: function () {
+                var _a;
+                return this.checkout && ((_a = this.checkout.stepper) === null || _a === void 0 ? void 0 : _a.selectedIndex) === 0;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(CheckoutTransactionComponent.prototype, "finished", {
+            get: function () {
+                return this.checkout && this.checkout.finished;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        CheckoutTransactionComponent.prototype.continueCheckout = function () {
+            this.checkout.continue();
+        };
+        CheckoutTransactionComponent.prototype.previousCheckout = function () {
+            this.checkout.previous();
+        };
+        return CheckoutTransactionComponent;
+    }());
+    CheckoutTransactionComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "app-checkout-transaction",
+                    template: "\n    <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    <app-checkout class=\"checkout\"></app-checkout>\n    <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    <ng-template #content>\n      <div class=\"checkout-transaction-viewport checkout-row-end\">\n        <co-button [label]=\"'BACK'| localize\" [disabled]=\"!canPrevious\" (click)=\"previousCheckout()\"></co-button>\n        <co-button [label]=\"'CONTINUE'| localize\" [disabled]=\"!canContinue\" (click)=\"continueCheckout()\"></co-button>\n      </div>\n    </ng-template>\n  ",
+                    styles: [".checkout-transaction-viewport{max-width:60%;margin-left:20%}.checkout-row-end{display:flex;flex-direction:row;grid-column-gap:10px;-moz-column-gap:10px;column-gap:10px;justify-content:flex-end}\n"]
+                },] }
+    ];
+    CheckoutTransactionComponent.ctorParameters = function () { return [
+        { type: TransactionService }
+    ]; };
+    CheckoutTransactionComponent.propDecorators = {
+        checkout: [{ type: i0.ViewChild, args: [CheckoutComponent, { static: true },] }]
+    };
+
     var CheckoutOverviewDeliveryAddressComponent = /** @class */ (function () {
         function CheckoutOverviewDeliveryAddressComponent(service) {
             this.service = service;
@@ -4951,7 +4950,7 @@
                         CheckoutOverviewRelationEditComponent,
                         CheckoutOverviewRelationAddressComponent,
                         CheckoutOverviewDeliveryEditComponent,
-                        RetailTransactionCheckoutComponent,
+                        CheckoutTransactionComponent,
                         CheckoutOverviewDeliveryAddressComponent,
                         CheckOutRelationSuggestionsListComponent,
                         CheckOutRelationSuggestionsListItemComponent,
@@ -5787,7 +5786,7 @@
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: "shopping-cart",
                     template: "\n    <div class=\"cart-header\">\n      <span class=\"cart-header-label\" [textContent]=\"getCartLabel()\"></span>\n      <div class=\"view-mode-buttons\">\n        <co-button [iconData]=\"iconCacheService.getIcon(iconThickLines)\"\n                   [title]=\"'LIST_VIEW' | localize\"\n                   (click)=\"this.activeViewMode = viewModes.List\"\n                   class=\"triangle white\"\n                   iconClass=\"medium light\"></co-button>\n        <co-button [iconData]=\"iconCacheService.getIcon(iconThinLines)\"\n                   [title]=\"'GRID_VIEW' | localize\"\n                   (click)=\"this.activeViewMode = viewModes.Grid\"\n                   class=\"triangle white\"\n                   iconClass=\"medium light\"></co-button>\n      </div>\n    </div>\n    <div class=\"cart-lines\">\n      <div class=\"cart-list-wrapper\" *ngIf=\"activeViewMode === viewModes.List\" fxFlex=\"column\">\n        <shopping-cart-line [overlayMode]=\"overlayMode\" [overviewMode]=\"overviewMode\"\n                            *ngFor=\"let line of filteredCollection; trackBy:trackByFn;\"\n                            [line]=\"line\"\n        ></shopping-cart-line>\n      </div>\n      <div class=\"cart-list-wrapper\" *ngIf=\"activeViewMode === viewModes.Grid\" fxFlex=\"column\">\n        <co-grid\n          [data]=\"filteredCollection\"\n          [rowDragAndDropEnabled]=\"true\"\n          [contextMenuItems]=\"contextMenuItems\"\n          [sortingEnabled]=\"false\"\n          [columns]=\"columns\"\n          [pagingEnabled]=\"'true'\"\n          [maxNumberOfRows]=\"'20'\"\n          (rowsSelected)=\"handleRowsSelected($event)\"\n          (contextMenuItemClick)=\"menuItemClick($event)\"\n          (rowDropEvent)=\"rowDrop($event)\"\n        ></co-grid>\n      </div>\n    </div>\n    <div class=\"shopping-cart-totals\" fxLayout=\"column\" fxLayoutGap=\"10px\">\n      <div fxLayout=\"row\">\n        <span [textContent]=\"'ORDER_GROSS' | localize\"></span>\n        <span [textContent]=\"service.currentTotals?.grossAmount | coCurrency: true\"></span>\n      </div>\n      <div fxLayout=\"row\" *ngIf=\"service.currentTotals?.discountAmount\">\n        <span [textContent]=\"'DISCOUNT_AMOUNT' | localize\"></span>\n        <span [textContent]=\"service.currentTotals?.discountAmount | coCurrency: true\"></span>\n      </div>\n      <div fxLayout=\"row\" *ngIf=\"service.currentTotals?.transactionDiscountAmount\">\n        <span [textContent]=\"'TRANSACTION_DISCOUNT' | localize\"></span>\n        <span [textContent]=\"service.currentTotals?.transactionDiscountAmount | coCurrency: true\"></span>\n      </div>\n      <div fxLayout=\"row\" *ngIf=\"service.currentTotals?.transactionDiscountPercentage\">\n        <span [textContent]=\"'TRANSACTION_DISCOUNT_PERC' | localize\"></span>\n        <span [textContent]=\"service.currentTotals?.transactionDiscountPercentage.toString() | append:' %'\"></span>\n      </div>\n      <div fxLayout=\"row\">\n        <span [textContent]=\"'ORDER_NET'| localize\"></span>\n        <span [textContent]=\"service.currentTotals?.netAmount | coCurrency: true\"></span>\n      </div>\n      <a (click)=\"addDiscount()\" [textContent]=\"'ADD_DISCOUNTS' | localize\"></a>\n    </div>\n    <div class=\"shopping-cart-row-end\">\n      <co-button *ngIf=\"!hideOverviewButton\" [label]=\"'OVERVIEW' | localize\"\n                 (click)=\"overview.emit()\"\n      ></co-button>\n      <co-button *ngIf=\"!hideCloseCartButton\"[label]=\"'SHOPPING_CART_RESUME' | localize\"\n                 (click)=\"closeCart.emit()\"\n      ></co-button>\n      <co-button *ngIf=\"!hideCheckoutButton\" [label]=\"'SHOPPING_CART_CHECKOUT' | localize\"\n                 [disabled]=\"!service.articleAmount\"\n                 (click)=\"checkout.emit()\"></co-button>\n    </div>\n\n    <co-sidebar #discountsSidebar isOpen=\"false\" *ngIf=\"showDiscountsSidebar\">\n        <div fxLayout=\"column\" fxLayoutGap=\"10px\">\n          <co-button  class=\"rectangular\" [label]=\"'TRANSACTION_DISCOUNT_PERC' | localize\"\n                         (click)=\"onStartDiscountInput(orderDiscountType.DiscountPercentage, 'TRANSACTION_DISCOUNT_PERC')\"></co-button>\n          <co-button class=\"rectangular\" [label]=\"'TRANSACTION_DISCOUNT'| localize\"\n                         (click)=\"onStartDiscountInput(orderDiscountType.DiscountAmount, 'TRANSACTION_DISCOUNT')\"></co-button>\n          <co-button class=\"rectangular\" [label]=\"'TRANSACTION_TOTAL'| localize\"\n                         (click)=\"onStartDiscountInput(orderDiscountType.OrderTotal, 'TRANSACTION_TOTAL')\"></co-button>\n\n        </div>\n    </co-sidebar>\n\n    <co-dialog [visible]=\"inputDiscounts\">\n      <ng-container header>{{ discountHeader | localize }}</ng-container>\n        <co-form>\n          <co-input-text\n            *ngIf=\"discountType === orderDiscountType.DiscountPercentage\"\n            [type]=\"'number'\"\n            [(model)]=\"transactionDiscountPercentage\"\n            [placeholder]=\"'TRANSACTION_DISCOUNT_PERC' | localize\"\n          ></co-input-text>\n          <co-input-text\n            *ngIf=\"discountType === orderDiscountType.DiscountAmount\"\n            [type]=\"'number'\"\n            [(model)]=\"transactionDiscountAmount\"\n            [placeholder]=\"'TRANSACTION_DISCOUNT' | localize\"\n          ></co-input-text>\n          <co-input-text\n            *ngIf=\"discountType === orderDiscountType.OrderTotal\"\n            [type]=\"'number'\"\n            [(model)]=\"transactionTotal\"\n            [placeholder]=\"'TRANSACTION_TOTAL' | localize\"\n          ></co-input-text>\n\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end\">\n            <co-button [label]=\"'CANCEL' | localize\" (click)=\"inputDiscounts = false\"></co-button>\n            <co-button [label]=\"'OK' | localize\" (click)=\"onInputDiscountsOkClick()\"></co-button>\n          </div>\n        </co-form>\n    </co-dialog>\n  ",
-                    styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.shopping-cart-totals{padding-bottom:20px}.shopping-cart-totals{padding-top:20px}.cart-header{margin-top:20px}.cart-header{margin-bottom:20px}.cart-header .view-mode-buttons{margin-left:11px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{background-color:#fff;opacity:1;display:flex;flex-direction:column;height:100%;color:#22313c}.cart-header{display:flex;justify-content:space-between}.cart-header .cart-header-label{font-weight:bold}.cart-header .view-mode-buttons{display:flex;flex-direction:row}.cart-header .view-mode-buttons co-button{padding:0}.cart-header .view-mode-buttons co-button ::ng-deep co-button{border-radius:0}.cart-header .view-mode-buttons co-button:first-child ::ng-deep co-button{border-radius:3px}.cart-header .view-mode-buttons co-button:nth-child(2) ::ng-deep co-button{border-top-left-radius:3px;border-bottom-left-radius:3px}.cart-header .view-mode-buttons co-button:last-child ::ng-deep co-button{border-top-right-radius:3px;border-bottom-right-radius:3px}.cart-lines{display:flex;height:100%;overflow:auto}.shopping-cart-totals{align-items:flex-end}.shopping-cart-totals>div{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.shopping-cart-totals>div span:last-of-type{min-width:6em;text-align:right}.shopping-cart-totals div:last-of-type{font-weight:bold}\n", ":host .shopping-cart-viewport{max-width:60%;margin-left:20%}:host .shopping-cart-row-end{display:flex;flex-direction:row;grid-column-gap:10px;-moz-column-gap:10px;column-gap:10px;justify-content:flex-end}\n"]
+                    styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.shopping-cart-totals{padding-bottom:20px}.shopping-cart-totals{padding-top:20px}.cart-header{margin-top:20px}.cart-header{margin-bottom:20px}.cart-header .view-mode-buttons{margin-left:11px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{background-color:#fff;opacity:1;display:flex;flex-direction:column;height:100%;color:#22313c}:host .shopping-cart-viewport{max-width:60%;margin-left:20%}:host .shopping-cart-row-end{display:flex;flex-direction:row;grid-column-gap:10px;-moz-column-gap:10px;column-gap:10px;justify-content:flex-end}.cart-header{display:flex;justify-content:space-between}.cart-header .cart-header-label{font-weight:bold}.cart-header .view-mode-buttons{display:flex;flex-direction:row}.cart-header .view-mode-buttons co-button{padding:0}.cart-header .view-mode-buttons co-button ::ng-deep co-button{border-radius:0}.cart-header .view-mode-buttons co-button:first-child ::ng-deep co-button{border-radius:3px}.cart-header .view-mode-buttons co-button:nth-child(2) ::ng-deep co-button{border-top-left-radius:3px;border-bottom-left-radius:3px}.cart-header .view-mode-buttons co-button:last-child ::ng-deep co-button{border-top-right-radius:3px;border-bottom-right-radius:3px}.cart-lines{display:flex;height:100%;overflow:auto}.shopping-cart-totals{align-items:flex-end}.shopping-cart-totals>div{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.shopping-cart-totals>div span:last-of-type{min-width:6em;text-align:right}.shopping-cart-totals div:last-of-type{font-weight:bold}\n"]
                 },] }
     ];
     ShoppingCartComponent.ctorParameters = function () { return [
@@ -8604,8 +8603,8 @@
     exports.IoneServiceOrderModule = IoneServiceOrderModule;
     exports.IoneShoppingCartComponent = IoneShoppingCartComponent;
     exports.IoneShoppingCartModule = IoneShoppingCartModule;
-    exports["ɵa"] = RetailTransactionCheckoutComponent;
-    exports["ɵb"] = CheckoutComponent;
+    exports["ɵa"] = CheckoutLoginComponent;
+    exports["ɵb"] = OptionsService;
     exports["ɵba"] = ShoppingCartManagerComponent;
     exports["ɵbb"] = ShoppingCartComponent;
     exports["ɵbc"] = ShoppingCartLineComponent;
@@ -8632,32 +8631,32 @@
     exports["ɵbx"] = TransactionServiceStatusComponent;
     exports["ɵby"] = TransactionOrderSummaryComponent;
     exports["ɵbz"] = TransactionPaymentInfoComponent;
-    exports["ɵc"] = CheckoutOverviewComponent;
+    exports["ɵc"] = IOneConnectorAdapterService;
     exports["ɵca"] = TransactionArticleSummaryComponent;
     exports["ɵcb"] = TransactionDeliverySummaryComponent;
     exports["ɵcc"] = TransactionProductContractSummaryComponent;
     exports["ɵcd"] = TransactionProductSummaryComponent;
     exports["ɵce"] = WarehouseComponent;
-    exports["ɵd"] = CheckoutOverviewBlockComponent;
-    exports["ɵe"] = CheckoutOverviewRelationEditComponent;
-    exports["ɵf"] = TransactionService;
-    exports["ɵg"] = IOneConnectorAdapterService;
-    exports["ɵh"] = CheckoutOverviewDeliveryEditComponent;
-    exports["ɵi"] = DictionaryService;
-    exports["ɵj"] = CheckoutLoginComponent;
-    exports["ɵk"] = OptionsService;
-    exports["ɵl"] = TransactionEventService;
-    exports["ɵm"] = CoreModule;
-    exports["ɵn"] = AppendPipe;
-    exports["ɵo"] = DeliveryTimePipe;
-    exports["ɵp"] = DateDurationPipe;
-    exports["ɵq"] = LocalizePipe;
-    exports["ɵr"] = CoCurrencyPipe;
-    exports["ɵs"] = SafeStylePipe;
-    exports["ɵt"] = ImageDisplayComponent;
-    exports["ɵu"] = NoImageDisplayComponent;
-    exports["ɵv"] = IconComponent;
-    exports["ɵw"] = CheckoutOverviewRelationAddressComponent;
+    exports["ɵd"] = DictionaryService;
+    exports["ɵe"] = TransactionService;
+    exports["ɵf"] = TransactionEventService;
+    exports["ɵg"] = CoreModule;
+    exports["ɵh"] = AppendPipe;
+    exports["ɵi"] = DeliveryTimePipe;
+    exports["ɵj"] = DateDurationPipe;
+    exports["ɵk"] = LocalizePipe;
+    exports["ɵl"] = CoCurrencyPipe;
+    exports["ɵm"] = SafeStylePipe;
+    exports["ɵn"] = ImageDisplayComponent;
+    exports["ɵo"] = NoImageDisplayComponent;
+    exports["ɵp"] = IconComponent;
+    exports["ɵq"] = CheckoutComponent;
+    exports["ɵr"] = CheckoutOverviewComponent;
+    exports["ɵs"] = CheckoutOverviewBlockComponent;
+    exports["ɵt"] = CheckoutOverviewRelationEditComponent;
+    exports["ɵu"] = CheckoutOverviewDeliveryEditComponent;
+    exports["ɵv"] = CheckoutOverviewRelationAddressComponent;
+    exports["ɵw"] = CheckoutTransactionComponent;
     exports["ɵx"] = CheckoutOverviewDeliveryAddressComponent;
     exports["ɵy"] = CheckOutRelationSuggestionsListComponent;
     exports["ɵz"] = CheckOutRelationSuggestionsListItemComponent;