@colijnit/transaction 12.1.2 → 12.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/app/component/checkout/{retail-transaction-checkout/retail-transaction-checkout.component.d.ts → checkout-transaction/checkout-transaction.component.d.ts} +1 -1
  2. package/app/component/checkout/ione-checkout.component.d.ts +0 -2
  3. package/app/component/core/base/transaction-base.component.d.ts +10 -0
  4. package/app/component/{shopping-cart → core}/characteristic-answer/characteristic-answer.component.d.ts +0 -0
  5. package/app/component/{common → core}/icon/icon.component.d.ts +0 -0
  6. package/app/component/{common → core}/image-display/image-display.component.d.ts +0 -0
  7. package/app/component/{common → core}/no-image-display/no-image-display.component.d.ts +0 -0
  8. package/app/component/service-order/service-order.component.d.ts +13 -9
  9. package/app/component/service-order/transaction-article-text/transaction-article-text.component.d.ts +22 -13
  10. package/app/component/service-order/transaction-article-text-overview/transaction-article-text-overview.component.d.ts +23 -0
  11. package/app/component/service-order/transaction-edit-article-text/transaction-edit-article-text.component.d.ts +19 -0
  12. package/app/component/service-order/transaction-manager/transaction-manager.component.d.ts +64 -0
  13. package/app/component/service-order/warehouse/warehouse.component.d.ts +35 -0
  14. package/app/component/shopping-cart/ione-shopping-cart.component.d.ts +1 -1
  15. package/app/component/shopping-cart/shopping-cart-manager/shopping-cart-manager.component.d.ts +2 -2
  16. package/{enum → app/enum}/position-grid-row.enum.d.ts +0 -0
  17. package/app/model/standard-text.d.ts +5 -0
  18. package/app/model/transaction-add-text-line-request.d.ts +9 -0
  19. package/app/service/dictionary.service.d.ts +1 -0
  20. package/app/service/ione-connector-adapter.service.d.ts +3 -0
  21. package/app/service/transaction-event.service.d.ts +1 -1
  22. package/app/service/transaction.service.d.ts +18 -8
  23. package/bundles/colijnit-transaction.umd.js +1535 -533
  24. package/bundles/colijnit-transaction.umd.js.map +1 -1
  25. package/colijnit-transaction.d.ts +45 -41
  26. package/colijnit-transaction.metadata.json +1 -1
  27. package/esm2015/app/component/checkout/checkout-overview-relation-edit/checkout-overview-relation-edit.component.js +2 -2
  28. package/esm2015/app/component/checkout/checkout-transaction/checkout-transaction.component.js +53 -0
  29. package/esm2015/app/component/checkout/ione-checkout.component.js +2 -4
  30. package/esm2015/app/component/checkout/ione-checkout.module.js +5 -3
  31. package/esm2015/app/component/core/base/transaction-base.component.js +35 -12
  32. package/esm2015/app/component/core/characteristic-answer/characteristic-answer.component.js +100 -0
  33. package/esm2015/app/component/core/core.module.js +4 -4
  34. package/esm2015/app/component/{common → core}/icon/icon.component.js +1 -1
  35. package/esm2015/app/component/core/image-display/image-display.component.js +41 -0
  36. package/esm2015/app/component/core/no-image-display/no-image-display.component.js +26 -0
  37. package/esm2015/app/component/service-order/ione-service-order-module.js +15 -4
  38. package/esm2015/app/component/service-order/service-order.component.js +53 -20
  39. package/esm2015/app/component/service-order/transaction-article-text/transaction-article-text.component.js +107 -150
  40. package/esm2015/app/component/service-order/transaction-article-text-overview/transaction-article-text-overview.component.js +105 -0
  41. package/esm2015/app/component/service-order/transaction-edit-article-text/transaction-edit-article-text.component.js +73 -0
  42. package/esm2015/app/component/service-order/transaction-manager/transaction-manager.component.js +314 -0
  43. package/esm2015/app/component/service-order/transaction-order-lines/transaction-order-lines.component.js +2 -2
  44. package/esm2015/app/component/service-order/warehouse/warehouse.component.js +133 -0
  45. package/esm2015/app/component/shopping-cart/ione-shopping-cart.component.js +2 -2
  46. package/esm2015/app/component/shopping-cart/ione-shopping-cart.module.js +3 -3
  47. package/esm2015/app/component/shopping-cart/shopping-cart/shopping-cart.component.js +3 -3
  48. package/esm2015/app/component/shopping-cart/shopping-cart-line/shopping-cart-line.component.js +1 -1
  49. package/esm2015/app/component/shopping-cart/shopping-cart-manager/shopping-cart-manager.component.js +3 -3
  50. package/esm2015/app/enum/position-grid-row.enum.js +6 -0
  51. package/esm2015/app/model/standard-text.js +3 -0
  52. package/esm2015/app/model/transaction-add-text-line-request.js +11 -0
  53. package/esm2015/app/service/dictionary.service.js +20 -9
  54. package/esm2015/app/service/ione-connector-adapter.service.js +30 -1
  55. package/esm2015/app/service/transaction-event.service.js +1 -1
  56. package/esm2015/app/service/transaction.service.js +98 -23
  57. package/esm2015/assets/dictionary/text.properties.js +13 -1
  58. package/esm2015/colijnit-transaction.js +46 -42
  59. package/fesm2015/colijnit-transaction.js +1512 -757
  60. package/fesm2015/colijnit-transaction.js.map +1 -1
  61. package/package.json +4 -3
  62. package/esm2015/app/component/checkout/retail-transaction-checkout/retail-transaction-checkout.component.js +0 -53
  63. package/esm2015/app/component/common/image-display/image-display.component.js +0 -41
  64. package/esm2015/app/component/common/no-image-display/no-image-display.component.js +0 -26
  65. package/esm2015/app/component/shopping-cart/characteristic-answer/characteristic-answer.component.js +0 -99
  66. package/esm2015/enum/position-grid-row.enum.js +0 -6
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- 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/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/corecomponents_v12'), 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('@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-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')) :
3
- 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/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/corecomponents_v12', '@colijnit/transactionapi/build/utils/function-utils', '@colijnit/transactionapi/build/model/address.bo', '@angular/flex-layout', '@angular/material/stepper', '@angular/common', '@angular/platform-browser', '@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-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) :
4
- (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.communicationType_enum, global.contactOption_bo, global.relationNameKind_enum, global.addressType_enum, global.genderType_enum, global.businessObjectUtils, global.corecomponents_v12, global.functionUtils, global.address_bo, global.ng.flexLayout, global.ng.material.stepper, global.ng.common, global.ng.platformBrowser, global.resolvePendingReasonRequest_bo, global.sortDirection, global.sortType_enum, global.stockStatus_enum, global.ng.animations, global.relationRequest, global.ej2AngularSplitbuttons, global.ej2AngularButtons, global.ej2AngularDropdowns, global.ej2Navigations, global.ej2AngularNavigations, global.transactionLineInfo_bo));
5
- })(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, communicationType_enum, contactOption_bo, relationNameKind_enum, addressType_enum, genderType_enum, businessObjectUtils, corecomponents_v12, functionUtils, address_bo, flexLayout, stepper, common, platformBrowser, resolvePendingReasonRequest_bo, sortDirection, sortType_enum, stockStatus_enum, animations, relationRequest, ej2AngularSplitbuttons, ej2AngularButtons, ej2AngularDropdowns, ej2Navigations, ej2AngularNavigations, transactionLineInfo_bo) { 'use strict';
2
+ 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')) :
3
+ 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) :
4
+ (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));
5
+ })(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';
6
6
 
7
7
  function _interopNamespace(e) {
8
8
  if (e && e.__esModule) return e;
@@ -1125,6 +1125,12 @@
1125
1125
  return BusinessObjectFactory;
1126
1126
  }());
1127
1127
 
1128
+ var StandardText = /** @class */ (function () {
1129
+ function StandardText() {
1130
+ }
1131
+ return StandardText;
1132
+ }());
1133
+
1128
1134
  var IOneConnectorAdapterService = /** @class */ (function () {
1129
1135
  function IOneConnectorAdapterService() {
1130
1136
  this._boFactory = new BusinessObjectFactory();
@@ -1718,6 +1724,40 @@
1718
1724
  });
1719
1725
  });
1720
1726
  };
1727
+ IOneConnectorAdapterService.prototype.getTextTypes = function (languageCode) {
1728
+ return __awaiter(this, void 0, void 0, function () {
1729
+ var _this = this;
1730
+ return __generator(this, function (_a) {
1731
+ return [2 /*return*/, new Promise(function (resolve, reject) {
1732
+ return _this.connector.getTextTypes(languageCode).then(function (result) {
1733
+ if (result.validationResult && result.validationResult.success) {
1734
+ resolve(result.resultObjects);
1735
+ }
1736
+ else {
1737
+ reject(result.validationMessagesAsString);
1738
+ }
1739
+ });
1740
+ })];
1741
+ });
1742
+ });
1743
+ };
1744
+ IOneConnectorAdapterService.prototype.getStandardTexts = function (languageCode) {
1745
+ return __awaiter(this, void 0, void 0, function () {
1746
+ var _this = this;
1747
+ return __generator(this, function (_a) {
1748
+ return [2 /*return*/, new Promise(function (resolve, reject) {
1749
+ return _this.connector.getStandardTexts(languageCode).then(function (result) {
1750
+ if (result.validationResult && result.validationResult.success) {
1751
+ resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(StandardText, result.resultObject));
1752
+ }
1753
+ else {
1754
+ reject(result.validationMessagesAsString);
1755
+ }
1756
+ });
1757
+ })];
1758
+ });
1759
+ });
1760
+ };
1721
1761
  return IOneConnectorAdapterService;
1722
1762
  }());
1723
1763
  IOneConnectorAdapterService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function IOneConnectorAdapterService_Factory() { return new IOneConnectorAdapterService(); }, token: IOneConnectorAdapterService, providedIn: "root" });
@@ -1729,8 +1769,9 @@
1729
1769
  IOneConnectorAdapterService.ctorParameters = function () { return []; };
1730
1770
 
1731
1771
  var TransactionService = /** @class */ (function () {
1732
- function TransactionService(_connector) {
1772
+ function TransactionService(_connector, _prompt) {
1733
1773
  this._connector = _connector;
1774
+ this._prompt = _prompt;
1734
1775
  this.transactionUpdated = new i0.EventEmitter();
1735
1776
  this.transactionLoaded = new i0.EventEmitter();
1736
1777
  this.applicationUser = false;
@@ -1800,6 +1841,11 @@
1800
1841
  enumerable: false,
1801
1842
  configurable: true
1802
1843
  });
1844
+ TransactionService.prototype.pendingLineOperationStatus = function (lineOperationStatuses) {
1845
+ var status = lineOperationStatuses.find(function (line) { return line.pendingReasonType !== pendingReasonType_enum.PendingReasonType.NONE
1846
+ && line.pendingReasonType !== pendingReasonType_enum.PendingReasonType.NON_CRITICAL_DISCONTINUATION; });
1847
+ return status;
1848
+ };
1803
1849
  TransactionService.prototype.getArticleFullObject = function (goodId) {
1804
1850
  return __awaiter(this, void 0, void 0, function () {
1805
1851
  return __generator(this, function (_a) {
@@ -1973,13 +2019,13 @@
1973
2019
  });
1974
2020
  });
1975
2021
  };
1976
- TransactionService.prototype.resolvePendingLineReason = function (pendingLineValues) {
2022
+ TransactionService.prototype.resolvePendingLineReason = function (pendingLineValues, remember) {
1977
2023
  var _this = this;
2024
+ if (remember === void 0) { remember = true; }
1978
2025
  return new Promise(function (resolve) {
1979
2026
  _this._connector.resolvePendingLineReason(pendingLineValues).then(function (response) { return __awaiter(_this, void 0, void 0, function () {
1980
2027
  return __generator(this, function (_a) {
1981
- this._rememberCurrentTransaction(response);
1982
- this._rememberCurrentTransactionLineStatus(response);
2028
+ this._rememberResponse(remember, response);
1983
2029
  resolve(response);
1984
2030
  return [2 /*return*/];
1985
2031
  });
@@ -2057,6 +2103,34 @@
2057
2103
  });
2058
2104
  });
2059
2105
  };
2106
+ TransactionService.prototype.saveTransactionByUuid = function (transactionUuid) {
2107
+ return __awaiter(this, void 0, void 0, function () {
2108
+ var _this = this;
2109
+ return __generator(this, function (_a) {
2110
+ return [2 /*return*/, new Promise(function (resolve, reject) {
2111
+ _this._connector.saveTransaction(transactionUuid)
2112
+ .then(function (response) { return __awaiter(_this, void 0, void 0, function () {
2113
+ return __generator(this, function (_a) {
2114
+ if (response.isSuccess) {
2115
+ this.transactionLoaded.emit(response);
2116
+ resolve(true);
2117
+ }
2118
+ else {
2119
+ reject(false);
2120
+ }
2121
+ return [2 /*return*/];
2122
+ });
2123
+ }); })
2124
+ .catch(function (reason) {
2125
+ if (reason) {
2126
+ _this._prompt.showError(reason.getFullErrorString());
2127
+ }
2128
+ reject(false);
2129
+ });
2130
+ })];
2131
+ });
2132
+ });
2133
+ };
2060
2134
  TransactionService.prototype.addRelationToTransaction = function (relationId) {
2061
2135
  return __awaiter(this, void 0, void 0, function () {
2062
2136
  var success;
@@ -2259,7 +2333,37 @@
2259
2333
  });
2260
2334
  });
2261
2335
  };
2262
- TransactionService.prototype.addTransactionLine = function (lineType, articleNo, amount, warehouseNo, commissionCode, isReturn, aboveLineNr, belowLineNr) {
2336
+ TransactionService.prototype.addArticleToTransaction = function (transactionUuid, articleNo, amount, warehouseNo, commissionCode, isReturn, aboveLineNr, belowLineNr) {
2337
+ if (amount === void 0) { amount = 1; }
2338
+ if (warehouseNo === void 0) { warehouseNo = 1; }
2339
+ if (commissionCode === void 0) { commissionCode = "2"; }
2340
+ if (isReturn === void 0) { isReturn = false; }
2341
+ if (aboveLineNr === void 0) { aboveLineNr = 0; }
2342
+ if (belowLineNr === void 0) { belowLineNr = 0; }
2343
+ return __awaiter(this, void 0, void 0, function () {
2344
+ var _this = this;
2345
+ return __generator(this, function (_a) {
2346
+ return [2 /*return*/, new Promise(function (resolve, reject) {
2347
+ _this._connector.addTransactionLine(transactionUuid, transactionLineType_enum.TransactionLineType.ArticleLine, articleNo, amount, warehouseNo, commissionCode, isReturn, aboveLineNr, belowLineNr)
2348
+ .then(function (response) { return __awaiter(_this, void 0, void 0, function () {
2349
+ return __generator(this, function (_a) {
2350
+ resolve(response);
2351
+ return [2 /*return*/];
2352
+ });
2353
+ }); }, function (error) {
2354
+ _this._prompt.showError(error);
2355
+ reject(error);
2356
+ })
2357
+ .catch(function (reason) {
2358
+ _this._prompt.showError(reason.getFullErrorString());
2359
+ resolve(null);
2360
+ });
2361
+ })];
2362
+ });
2363
+ });
2364
+ };
2365
+ TransactionService.prototype.addTransactionLine = function (lineType, articleNo, amount, warehouseNo, commissionCode, isReturn, aboveLineNr, belowLineNr, remember) {
2366
+ if (remember === void 0) { remember = true; }
2263
2367
  return __awaiter(this, void 0, void 0, function () {
2264
2368
  var _this = this;
2265
2369
  return __generator(this, function (_a) {
@@ -2267,8 +2371,7 @@
2267
2371
  _this._connector.addTransactionLine(_this.currentTransaction.uuid, lineType, articleNo, amount, warehouseNo, commissionCode, isReturn, aboveLineNr, belowLineNr)
2268
2372
  .then(function (response) { return __awaiter(_this, void 0, void 0, function () {
2269
2373
  return __generator(this, function (_a) {
2270
- this._rememberCurrentTransaction(response);
2271
- this._rememberCurrentTransactionLineStatus(response);
2374
+ this._rememberResponse(remember, response);
2272
2375
  resolve(response);
2273
2376
  return [2 /*return*/];
2274
2377
  });
@@ -2282,7 +2385,8 @@
2282
2385
  });
2283
2386
  });
2284
2387
  };
2285
- TransactionService.prototype.addTextLineToTransaction = function (showOnDocuments, text, amount, articleBound, refArticleLineNr, aboveLineNr, belowLineNr) {
2388
+ TransactionService.prototype.addTextLine = function (showOnDocuments, text, amount, articleBound, refArticleLineNr, aboveLineNr, belowLineNr, remember) {
2389
+ if (remember === void 0) { remember = true; }
2286
2390
  return __awaiter(this, void 0, void 0, function () {
2287
2391
  var _this = this;
2288
2392
  return __generator(this, function (_a) {
@@ -2290,8 +2394,28 @@
2290
2394
  _this._connector.addTextLineToTransaction(_this.currentTransaction.uuid, showOnDocuments, text, amount, articleBound, refArticleLineNr, aboveLineNr, belowLineNr)
2291
2395
  .then(function (response) { return __awaiter(_this, void 0, void 0, function () {
2292
2396
  return __generator(this, function (_a) {
2293
- this._rememberCurrentTransaction(response);
2294
- this._rememberCurrentTransactionLineStatus(response);
2397
+ this._rememberResponse(remember, response);
2398
+ resolve(response);
2399
+ return [2 /*return*/];
2400
+ });
2401
+ }); }, function (error) {
2402
+ reject(error);
2403
+ })
2404
+ .catch(function (reason) {
2405
+ resolve(null);
2406
+ });
2407
+ })];
2408
+ });
2409
+ });
2410
+ };
2411
+ TransactionService.prototype.addTextLineToTransaction = function (transactionUuid, showOnDocuments, text, amount, articleBound, refArticleLineNr, aboveLineNr, belowLineNr) {
2412
+ return __awaiter(this, void 0, void 0, function () {
2413
+ var _this = this;
2414
+ return __generator(this, function (_a) {
2415
+ return [2 /*return*/, new Promise(function (resolve, reject) {
2416
+ _this._connector.addTextLineToTransaction(transactionUuid, showOnDocuments, text, amount, articleBound, refArticleLineNr, aboveLineNr, belowLineNr)
2417
+ .then(function (response) { return __awaiter(_this, void 0, void 0, function () {
2418
+ return __generator(this, function (_a) {
2295
2419
  resolve(response);
2296
2420
  return [2 /*return*/];
2297
2421
  });
@@ -2305,14 +2429,14 @@
2305
2429
  });
2306
2430
  });
2307
2431
  };
2308
- TransactionService.prototype.changeLineSequence = function (lineUuid, aboveLineNr, belowLineNr) {
2432
+ TransactionService.prototype.changeLineSequence = function (lineUuid, aboveLineNr, belowLineNr, remember) {
2309
2433
  var _this = this;
2434
+ if (remember === void 0) { remember = true; }
2310
2435
  return new Promise(function (resolve, reject) {
2311
2436
  _this._connector.changeLineSequence(_this.currentTransaction.uuid, lineUuid, aboveLineNr, belowLineNr)
2312
2437
  .then(function (response) { return __awaiter(_this, void 0, void 0, function () {
2313
2438
  return __generator(this, function (_a) {
2314
- this._rememberCurrentTransaction(response);
2315
- this._rememberCurrentTransactionLineStatus(response);
2439
+ this._rememberResponse(remember, response);
2316
2440
  resolve(response);
2317
2441
  return [2 /*return*/];
2318
2442
  });
@@ -2324,7 +2448,8 @@
2324
2448
  });
2325
2449
  });
2326
2450
  };
2327
- TransactionService.prototype.cancelAddTransactionLine = function (lineUuid) {
2451
+ TransactionService.prototype.cancelAddTransactionLine = function (lineUuid, remember) {
2452
+ if (remember === void 0) { remember = true; }
2328
2453
  return __awaiter(this, void 0, void 0, function () {
2329
2454
  var _this = this;
2330
2455
  return __generator(this, function (_a) {
@@ -2332,7 +2457,9 @@
2332
2457
  _this._connector.cancelAddTransactionLine(lineUuid)
2333
2458
  .then(function (response) { return __awaiter(_this, void 0, void 0, function () {
2334
2459
  return __generator(this, function (_a) {
2335
- this._rememberCurrentTransaction(response);
2460
+ if (remember) {
2461
+ this._rememberCurrentTransaction(response);
2462
+ }
2336
2463
  if (response.isSuccess) {
2337
2464
  resolve(response);
2338
2465
  }
@@ -2349,7 +2476,8 @@
2349
2476
  });
2350
2477
  });
2351
2478
  };
2352
- TransactionService.prototype.deleteTransactionLine = function (transactionUuid, TransactionLineUuid) {
2479
+ TransactionService.prototype.deleteTransactionLine = function (transactionUuid, TransactionLineUuid, remember) {
2480
+ if (remember === void 0) { remember = true; }
2353
2481
  return __awaiter(this, void 0, void 0, function () {
2354
2482
  var _this = this;
2355
2483
  return __generator(this, function (_a) {
@@ -2357,8 +2485,7 @@
2357
2485
  _this._connector.deleteTransactionLine(transactionUuid, TransactionLineUuid)
2358
2486
  .then(function (response) { return __awaiter(_this, void 0, void 0, function () {
2359
2487
  return __generator(this, function (_a) {
2360
- this._rememberCurrentTransaction(response);
2361
- this._rememberCurrentTransactionLineStatus(response);
2488
+ this._rememberResponse(remember, response);
2362
2489
  if (response.isSuccess) {
2363
2490
  resolve(response);
2364
2491
  }
@@ -2375,7 +2502,8 @@
2375
2502
  });
2376
2503
  });
2377
2504
  };
2378
- TransactionService.prototype.changeTransactionLineQuantity = function (lineUuid, newQuantity) {
2505
+ TransactionService.prototype.changeTransactionLineQuantity = function (lineUuid, newQuantity, remember) {
2506
+ if (remember === void 0) { remember = true; }
2379
2507
  return __awaiter(this, void 0, void 0, function () {
2380
2508
  var _this = this;
2381
2509
  return __generator(this, function (_a) {
@@ -2384,8 +2512,7 @@
2384
2512
  .then(function (response) { return __awaiter(_this, void 0, void 0, function () {
2385
2513
  return __generator(this, function (_a) {
2386
2514
  if (response.isSuccess) {
2387
- this._rememberCurrentTransaction(response);
2388
- this._rememberCurrentTransactionLineStatus(response);
2515
+ this._rememberResponse(remember, response);
2389
2516
  }
2390
2517
  resolve(response);
2391
2518
  return [2 /*return*/];
@@ -2435,6 +2562,29 @@
2435
2562
  // const response: boolean = await this._connector.setRelationByUser(this.currentTransaction.uuid, username, password);
2436
2563
  // return response;
2437
2564
  // }
2565
+ TransactionService.prototype.getTextTypes = function (languageCode) {
2566
+ return __awaiter(this, void 0, void 0, function () {
2567
+ return __generator(this, function (_a) {
2568
+ switch (_a.label) {
2569
+ case 0: return [4 /*yield*/, this._connector.getTextTypes(languageCode)];
2570
+ case 1: return [2 /*return*/, _a.sent()];
2571
+ }
2572
+ });
2573
+ });
2574
+ };
2575
+ TransactionService.prototype.getStandardTexts = function (languageCode) {
2576
+ return __awaiter(this, void 0, void 0, function () {
2577
+ var data;
2578
+ return __generator(this, function (_a) {
2579
+ switch (_a.label) {
2580
+ case 0: return [4 /*yield*/, this._connector.getStandardTexts(languageCode)];
2581
+ case 1:
2582
+ data = _a.sent();
2583
+ return [2 /*return*/, data];
2584
+ }
2585
+ });
2586
+ });
2587
+ };
2438
2588
  TransactionService.prototype._initializeTransaction = function () {
2439
2589
  if (this._currentTransaction.preferredDeliveryDate2 === undefined) {
2440
2590
  this._currentTransaction.preferredDeliveryDate2 = "=";
@@ -2499,13 +2649,20 @@
2499
2649
  transactionDeliveryOptionsRequest.invoiceAddress = this._currentTransaction.invoiceAddress.nawNr;
2500
2650
  return transactionDeliveryOptionsRequest;
2501
2651
  };
2652
+ TransactionService.prototype._rememberResponse = function (remember, response) {
2653
+ if (remember) {
2654
+ this._rememberCurrentTransaction(response);
2655
+ this._rememberCurrentTransactionLineStatus(response);
2656
+ }
2657
+ };
2502
2658
  return TransactionService;
2503
2659
  }());
2504
2660
  TransactionService.decorators = [
2505
2661
  { type: i0.Injectable }
2506
2662
  ];
2507
2663
  TransactionService.ctorParameters = function () { return [
2508
- { type: IOneConnectorAdapterService }
2664
+ { type: IOneConnectorAdapterService },
2665
+ { type: corecomponents_v12.PromptService }
2509
2666
  ]; };
2510
2667
 
2511
2668
  var LanguageCode;
@@ -2609,6 +2766,7 @@
2609
2766
  "ARTICLE_DESCRIPTION": "Artikelomschrijving",
2610
2767
  "ARTICLE_IN_OUT_COLLECTION": "Status van artikel is '|~'. Weet u zeker dat u door wilt gaan?",
2611
2768
  "ARTICLE_NR": "Artikelnummer",
2769
+ "ARTICLE_UNKNOWN": "Onbekend artikel",
2612
2770
  "ASSEMBLY_COSTS": "Montagekosten",
2613
2771
  "ASSEMBLY_DATE": "Montagedatum",
2614
2772
  "AMOUNT": "Aantal",
@@ -2748,8 +2906,13 @@
2748
2906
  "VAT": "Btw",
2749
2907
  "VAT_AMOUNT": "BTW-bedrag",
2750
2908
  "VALUE": "Waarde",
2909
+ "WHERE_ARE_YOU_LOOKING_FOR": "Waar ben je naar op zoek?",
2751
2910
  "WAREHOUSE": "Magazijn",
2752
2911
  "YOUR_DATA": "Uw gegevens",
2912
+ "STANDARD_TEXTS": "Standaardteksten",
2913
+ "ARTICLE_BOUND_TEXT": "Artikelgebonden tekst",
2914
+ "FOR_DOCUMENTS": "Bestemd voor documenten",
2915
+ "CHANGE_ARTICLE_TEXT": "Wijzigen artikeltekst",
2753
2916
  },
2754
2917
  "de": {},
2755
2918
  "fr": {},
@@ -2770,6 +2933,7 @@
2770
2933
  "ARTICLE_DESCRIPTION": "Article description",
2771
2934
  "ARTICLE_IN_OUT_COLLECTION": "Status of article is '|~'. Are you sure to proceed?",
2772
2935
  "ARTICLE_NR": "Article number",
2936
+ "ARTICLE_UNKNOWN": "Article unknown",
2773
2937
  "ASSEMBLY_COSTS": "Assembly costs",
2774
2938
  "ASSEMBLY_DATE": "Assembly date",
2775
2939
  "AMOUNT": "Amount",
@@ -2902,7 +3066,12 @@
2902
3066
  "VAT": "VAT",
2903
3067
  "VAT_AMOUNT": "VAT amount",
2904
3068
  "WAREHOUSE": "Warehouse",
3069
+ "WHERE_ARE_YOU_LOOKING_FOR": "Where are you looking for?",
2905
3070
  "YOUR_DATA": "Your data",
3071
+ "STANDARD_TEXTS": "Standard texts",
3072
+ "ARTICLE_BOUND_TEXT": "Article bound text",
3073
+ "FOR_DOCUMENTS": "Used at documents",
3074
+ "CHANGE_ARTICLE_TEXT": "Change article text",
2906
3075
  },
2907
3076
  };
2908
3077
  }
@@ -2936,21 +3105,23 @@
2936
3105
  // Loads the dictionary for given language in memory.
2937
3106
  DictionaryService.prototype.setDictionary = function (language) {
2938
3107
  return __awaiter(this, void 0, void 0, function () {
2939
- var dictionary;
2940
3108
  return __generator(this, function (_a) {
2941
3109
  this._language = language || LanguageCode.Dutch;
2942
- if (!this._dictionaries.has(this._language)) {
2943
- dictionary = new Dictionary();
2944
- // eslint-disable-next-line no-magic-numbers
2945
- if (dictionary.strings[this._language.substr(0, 2).toLowerCase()] !== undefined) {
2946
- // eslint-disable-next-line no-magic-numbers
2947
- this._dictionaries.set(this._language, dictionary.strings[this._language.substr(0, 2).toLowerCase()]);
2948
- }
2949
- }
3110
+ this._loadDictionary();
2950
3111
  return [2 /*return*/];
2951
3112
  });
2952
3113
  });
2953
3114
  };
3115
+ DictionaryService.prototype._loadDictionary = function () {
3116
+ if (!this._dictionaries.has(this._language)) {
3117
+ var dictionary = new Dictionary();
3118
+ // eslint-disable-next-line no-magic-numbers
3119
+ if (dictionary.strings[this._language.substr(0, 2).toLowerCase()] !== undefined) {
3120
+ // eslint-disable-next-line no-magic-numbers
3121
+ this._dictionaries.set(this._language, dictionary.strings[this._language.substr(0, 2).toLowerCase()]);
3122
+ }
3123
+ }
3124
+ };
2954
3125
  /**
2955
3126
  * Returns the localized text for the given dictionary key.
2956
3127
  * @param {string} key
@@ -2967,6 +3138,10 @@
2967
3138
  if (!StringUtils.IsStringWithLength(key)) {
2968
3139
  return key || "";
2969
3140
  }
3141
+ if (this.language === undefined) {
3142
+ this._language = LanguageCode.Dutch;
3143
+ this._loadDictionary();
3144
+ }
2970
3145
  var text = this._dictionaries.get(this.language)[key];
2971
3146
  text = StringUtils.IsStringWithLength(text) ? text : key;
2972
3147
  if (upperCaseFirst) {
@@ -2982,8 +3157,11 @@
2982
3157
  };
2983
3158
  return DictionaryService;
2984
3159
  }());
3160
+ DictionaryService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DictionaryService_Factory() { return new DictionaryService(); }, token: DictionaryService, providedIn: "root" });
2985
3161
  DictionaryService.decorators = [
2986
- { type: i0.Injectable }
3162
+ { type: i0.Injectable, args: [{
3163
+ providedIn: "root"
3164
+ },] }
2987
3165
  ];
2988
3166
  DictionaryService.ctorParameters = function () { return []; };
2989
3167
 
@@ -3011,81 +3189,278 @@
3011
3189
  { type: i0.Injectable, args: [{ providedIn: "root" },] }
3012
3190
  ];
3013
3191
 
3014
- var CheckoutSteps;
3015
- (function (CheckoutSteps) {
3016
- CheckoutSteps[CheckoutSteps["Overview"] = 0] = "Overview";
3017
- // Login,
3018
- CheckoutSteps[CheckoutSteps["Relation"] = 1] = "Relation";
3019
- CheckoutSteps[CheckoutSteps["Delivery"] = 2] = "Delivery";
3020
- CheckoutSteps[CheckoutSteps["Payment"] = 3] = "Payment";
3021
- CheckoutSteps[CheckoutSteps["Printing"] = 4] = "Printing";
3022
- })(CheckoutSteps || (CheckoutSteps = {}));
3023
-
3024
- var CheckoutOverviewBlockComponent = /** @class */ (function () {
3025
- function CheckoutOverviewBlockComponent() {
3026
- this.sequenceNr = 1;
3027
- this.startInEdit = false;
3028
- this.editMode = false;
3029
- this.editModeChange = new i0.EventEmitter();
3192
+ var CheckoutLoginComponent = /** @class */ (function () {
3193
+ function CheckoutLoginComponent() {
3194
+ this.createNewAccountSubmit = new i0.EventEmitter();
3195
+ this.continueWithoutSubmit = new i0.EventEmitter();
3196
+ this.loginSubmit = new i0.EventEmitter();
3197
+ this.userEmailAddress = "";
3198
+ this.userNewEmailAddress = "";
3199
+ this.userPassword = "";
3200
+ this.continueWithoutAccount = false;
3201
+ this.company = "<bedrijf>";
3030
3202
  }
3031
- CheckoutOverviewBlockComponent.prototype.ngOnInit = function () {
3032
- if (this.startInEdit) {
3033
- this.editMode = true;
3034
- }
3203
+ CheckoutLoginComponent.prototype.ngOnInit = function () {
3035
3204
  };
3036
- CheckoutOverviewBlockComponent.prototype.startEdit = function () {
3037
- this.editMode = true;
3038
- this.editModeChange.emit(this.editMode);
3205
+ CheckoutLoginComponent.prototype.login = function () {
3206
+ this.loginSubmit.emit();
3039
3207
  };
3040
- CheckoutOverviewBlockComponent.prototype.stopEdit = function (emitChange) {
3041
- if (emitChange === void 0) { emitChange = true; }
3042
- this.editMode = false;
3043
- if (emitChange) {
3044
- this.editModeChange.emit(this.editMode);
3208
+ CheckoutLoginComponent.prototype.submit = function () {
3209
+ this.loginForm.submit();
3210
+ };
3211
+ CheckoutLoginComponent.prototype.createAccountSubmit = function () {
3212
+ this.accountForm.submit();
3213
+ };
3214
+ CheckoutLoginComponent.prototype.continueSubmit = function () {
3215
+ this.continueWithoutAccount = true;
3216
+ this.accountForm.submit();
3217
+ };
3218
+ CheckoutLoginComponent.prototype.accountLogin = function () {
3219
+ if (this.continueWithoutAccount) {
3220
+ this.continueWithoutSubmit.emit();
3221
+ }
3222
+ else {
3223
+ this.createNewAccountSubmit.emit();
3045
3224
  }
3046
3225
  };
3047
- return CheckoutOverviewBlockComponent;
3226
+ return CheckoutLoginComponent;
3048
3227
  }());
3049
- CheckoutOverviewBlockComponent.decorators = [
3228
+ CheckoutLoginComponent.decorators = [
3050
3229
  { type: i0.Component, args: [{
3051
- selector: "checkout-overview-block",
3052
- template: "\n <div class=\"overview-wrapper\" fxLayout=\"column\" fxLayoutGap=\"0px\">\n <div class=\"overview-header\" fxLayout=\"row\">\n </div>\n <div class=\"overview-body\" fxLayout=\"row\" fxLayoutGap=\"20px\">\n <ng-content select=\"[edit-mode-content]\"></ng-content>\n </div>\n </div>\n ",
3053
- styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n"]
3230
+ selector: "checkout-login",
3231
+ 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 ",
3232
+ 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"]
3054
3233
  },] }
3055
3234
  ];
3056
- CheckoutOverviewBlockComponent.ctorParameters = function () { return []; };
3057
- CheckoutOverviewBlockComponent.propDecorators = {
3058
- sequenceNr: [{ type: i0.Input }],
3059
- label: [{ type: i0.Input }],
3060
- startInEdit: [{ type: i0.Input }],
3061
- editModeChange: [{ type: i0.Output }]
3235
+ CheckoutLoginComponent.ctorParameters = function () { return []; };
3236
+ CheckoutLoginComponent.propDecorators = {
3237
+ loginForm: [{ type: i0.ViewChild, args: ["loginForm",] }],
3238
+ accountForm: [{ type: i0.ViewChild, args: ["accountForm",] }],
3239
+ createNewAccountSubmit: [{ type: i0.Output }],
3240
+ continueWithoutSubmit: [{ type: i0.Output }],
3241
+ loginSubmit: [{ type: i0.Output }]
3062
3242
  };
3063
3243
 
3064
- var CheckoutOverviewRelationEditComponent = /** @class */ (function () {
3065
- function CheckoutOverviewRelationEditComponent(_changeDetector, _transactionService) {
3244
+ var IoneCheckoutComponent = /** @class */ (function () {
3245
+ function IoneCheckoutComponent(_changeDetector, _optionsService, _connector, _dictionary, _service, transactionEvents, _promptService, globalEvents) {
3066
3246
  var _this = this;
3067
3247
  this._changeDetector = _changeDetector;
3068
- this._transactionService = _transactionService;
3069
- this.validSubmit = new i0.EventEmitter();
3070
- this.invalidSubmit = new i0.EventEmitter();
3071
- this.testje = false;
3072
- this.dateOfBirth = new Date();
3073
- this.accountPassword = "";
3074
- this.hide = true;
3075
- this.gender = genderType_enum.GenderType.Unspecified;
3076
- this.emailAddress = new contactOption_bo.ContactOption();
3077
- this.phoneNumber = new contactOption_bo.ContactOption();
3078
- this.relationSuggestions = [];
3079
- this.showRelationSidebar = false;
3080
- this.inviteToAccount = false;
3081
- this.relType = relationNameKind_enum.RelationNameKind;
3082
- this.genderType = genderType_enum.GenderType;
3083
- this._relation = nulRelationObject.NULL_RELATION_OBJECT;
3084
- // fetches relation suggestions
3085
- this._relationNameChangeHandler = functionUtils.FunctionUtils.Throttle(function () {
3086
- return _this._relationNameChangedHandlerFn();
3087
- // eslint-disable-next-line no-magic-numbers
3088
- }, 600);
3248
+ this._optionsService = _optionsService;
3249
+ this._connector = _connector;
3250
+ this._dictionary = _dictionary;
3251
+ this._service = _service;
3252
+ this.transactionEvents = transactionEvents;
3253
+ this._promptService = _promptService;
3254
+ this.globalEvents = globalEvents;
3255
+ this.upAndLoaded = false;
3256
+ this.show = false;
3257
+ this.loggedIn = false;
3258
+ this._subscriptions = [];
3259
+ this._remoteOptions = true;
3260
+ this._publicOptions = true;
3261
+ this._applicationUser = false;
3262
+ this._subscriptions.push(this._optionsService.optionsLoaded.subscribe(function (loaded) { return _this._handleSettingsLoaded(loaded); }));
3263
+ this._subscriptions.push(this.transactionEvents.loggedIn.subscribe(function () {
3264
+ _this.loggedIn = true;
3265
+ }));
3266
+ }
3267
+ Object.defineProperty(IoneCheckoutComponent.prototype, "options", {
3268
+ set: function (value) {
3269
+ if (value) {
3270
+ var options = void 0;
3271
+ if (typeof value === "string") {
3272
+ options = JSON.parse(value);
3273
+ }
3274
+ else {
3275
+ options = value;
3276
+ }
3277
+ this._publicOptions = true;
3278
+ this._optionsService.initialize(options).then();
3279
+ }
3280
+ },
3281
+ enumerable: false,
3282
+ configurable: true
3283
+ });
3284
+ Object.defineProperty(IoneCheckoutComponent.prototype, "applicationUser", {
3285
+ get: function () {
3286
+ return this._applicationUser;
3287
+ },
3288
+ set: function (value) {
3289
+ this._applicationUser = value;
3290
+ this._service.applicationUser = this.applicationUser;
3291
+ },
3292
+ enumerable: false,
3293
+ configurable: true
3294
+ });
3295
+ Object.defineProperty(IoneCheckoutComponent.prototype, "transactionNr", {
3296
+ get: function () {
3297
+ return this._service.currentTransaction.transactionNr;
3298
+ },
3299
+ enumerable: false,
3300
+ configurable: true
3301
+ });
3302
+ IoneCheckoutComponent.prototype.ngOnInit = function () {
3303
+ if (!this._publicOptions) {
3304
+ this._optionsService.initializeDevelopmentOptions(this._remoteOptions);
3305
+ }
3306
+ };
3307
+ IoneCheckoutComponent.prototype.ngOnDestroy = function () {
3308
+ this._subscriptions.forEach(function (subscription) { return subscription.unsubscribe(); });
3309
+ };
3310
+ IoneCheckoutComponent.prototype._handleSettingsLoaded = function (loaded) {
3311
+ return __awaiter(this, void 0, void 0, function () {
3312
+ return __generator(this, function (_a) {
3313
+ switch (_a.label) {
3314
+ case 0:
3315
+ if (!loaded) return [3 /*break*/, 2];
3316
+ return [4 /*yield*/, this._initConnection().then()];
3317
+ case 1:
3318
+ _a.sent();
3319
+ this.upAndLoaded = true;
3320
+ _a.label = 2;
3321
+ case 2: return [2 /*return*/];
3322
+ }
3323
+ });
3324
+ });
3325
+ };
3326
+ IoneCheckoutComponent.prototype._initConnection = function () {
3327
+ return __awaiter(this, void 0, void 0, function () {
3328
+ var _this = this;
3329
+ return __generator(this, function (_a) {
3330
+ switch (_a.label) {
3331
+ case 0: return [4 /*yield*/, this._connector.connect(this._optionsService.options)];
3332
+ case 1:
3333
+ _a.sent();
3334
+ if (this._optionsService.options.url) {
3335
+ this._dictionary.rootUrl = this._optionsService.options.url.replace("/ajaxservice", "");
3336
+ }
3337
+ return [4 /*yield*/, this._dictionary.setDictionary(this._optionsService.options.languageCode)];
3338
+ case 2:
3339
+ _a.sent();
3340
+ setTimeout(function () {
3341
+ _this._changeDetector.detectChanges();
3342
+ });
3343
+ return [2 /*return*/];
3344
+ }
3345
+ });
3346
+ });
3347
+ };
3348
+ IoneCheckoutComponent.prototype.loginSubmit = function () {
3349
+ this.globalEvents.addUserRelationShoppingCartModule.next({ user: this.checkoutLogin.userEmailAddress, pw: this.checkoutLogin.userPassword });
3350
+ this.loggedIn = true;
3351
+ };
3352
+ IoneCheckoutComponent.prototype.continueWithoutAccount = function () {
3353
+ this.closeLogin();
3354
+ this.loggedIn = true;
3355
+ this.transactionEvents.addNewUserToShoppingCartModule.next(this.checkoutLogin.userNewEmailAddress);
3356
+ };
3357
+ IoneCheckoutComponent.prototype.createNewAccount = function () {
3358
+ this.closeLogin();
3359
+ this.transactionEvents.addNewUserToShoppingCartModule.next(this.checkoutLogin.userNewEmailAddress);
3360
+ };
3361
+ IoneCheckoutComponent.prototype.closeLogin = function () {
3362
+ this.loggedIn = true;
3363
+ this.show = true;
3364
+ };
3365
+ return IoneCheckoutComponent;
3366
+ }());
3367
+ IoneCheckoutComponent.decorators = [
3368
+ { type: i0.Component, args: [{
3369
+ selector: "ione-checkout",
3370
+ 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 "
3371
+ },] }
3372
+ ];
3373
+ IoneCheckoutComponent.ctorParameters = function () { return [
3374
+ { type: i0.ChangeDetectorRef },
3375
+ { type: OptionsService },
3376
+ { type: IOneConnectorAdapterService },
3377
+ { type: DictionaryService },
3378
+ { type: TransactionService },
3379
+ { type: TransactionEventService },
3380
+ { type: corecomponents_v12.PromptService },
3381
+ { type: TransactionEventService }
3382
+ ]; };
3383
+ IoneCheckoutComponent.propDecorators = {
3384
+ checkoutLogin: [{ type: i0.ViewChild, args: [CheckoutLoginComponent,] }],
3385
+ options: [{ type: i0.Input }],
3386
+ applicationUser: [{ type: i0.Input }]
3387
+ };
3388
+
3389
+ var CheckoutSteps;
3390
+ (function (CheckoutSteps) {
3391
+ CheckoutSteps[CheckoutSteps["Overview"] = 0] = "Overview";
3392
+ // Login,
3393
+ CheckoutSteps[CheckoutSteps["Relation"] = 1] = "Relation";
3394
+ CheckoutSteps[CheckoutSteps["Delivery"] = 2] = "Delivery";
3395
+ CheckoutSteps[CheckoutSteps["Payment"] = 3] = "Payment";
3396
+ CheckoutSteps[CheckoutSteps["Printing"] = 4] = "Printing";
3397
+ })(CheckoutSteps || (CheckoutSteps = {}));
3398
+
3399
+ var CheckoutOverviewBlockComponent = /** @class */ (function () {
3400
+ function CheckoutOverviewBlockComponent() {
3401
+ this.sequenceNr = 1;
3402
+ this.startInEdit = false;
3403
+ this.editMode = false;
3404
+ this.editModeChange = new i0.EventEmitter();
3405
+ }
3406
+ CheckoutOverviewBlockComponent.prototype.ngOnInit = function () {
3407
+ if (this.startInEdit) {
3408
+ this.editMode = true;
3409
+ }
3410
+ };
3411
+ CheckoutOverviewBlockComponent.prototype.startEdit = function () {
3412
+ this.editMode = true;
3413
+ this.editModeChange.emit(this.editMode);
3414
+ };
3415
+ CheckoutOverviewBlockComponent.prototype.stopEdit = function (emitChange) {
3416
+ if (emitChange === void 0) { emitChange = true; }
3417
+ this.editMode = false;
3418
+ if (emitChange) {
3419
+ this.editModeChange.emit(this.editMode);
3420
+ }
3421
+ };
3422
+ return CheckoutOverviewBlockComponent;
3423
+ }());
3424
+ CheckoutOverviewBlockComponent.decorators = [
3425
+ { type: i0.Component, args: [{
3426
+ selector: "checkout-overview-block",
3427
+ template: "\n <div class=\"overview-wrapper\" fxLayout=\"column\" fxLayoutGap=\"0px\">\n <div class=\"overview-header\" fxLayout=\"row\">\n </div>\n <div class=\"overview-body\" fxLayout=\"row\" fxLayoutGap=\"20px\">\n <ng-content select=\"[edit-mode-content]\"></ng-content>\n </div>\n </div>\n ",
3428
+ styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n"]
3429
+ },] }
3430
+ ];
3431
+ CheckoutOverviewBlockComponent.ctorParameters = function () { return []; };
3432
+ CheckoutOverviewBlockComponent.propDecorators = {
3433
+ sequenceNr: [{ type: i0.Input }],
3434
+ label: [{ type: i0.Input }],
3435
+ startInEdit: [{ type: i0.Input }],
3436
+ editModeChange: [{ type: i0.Output }]
3437
+ };
3438
+
3439
+ var CheckoutOverviewRelationEditComponent = /** @class */ (function () {
3440
+ function CheckoutOverviewRelationEditComponent(_changeDetector, _transactionService) {
3441
+ var _this = this;
3442
+ this._changeDetector = _changeDetector;
3443
+ this._transactionService = _transactionService;
3444
+ this.validSubmit = new i0.EventEmitter();
3445
+ this.invalidSubmit = new i0.EventEmitter();
3446
+ this.testje = false;
3447
+ this.dateOfBirth = new Date();
3448
+ this.accountPassword = "";
3449
+ this.hide = true;
3450
+ this.gender = genderType_enum.GenderType.Unspecified;
3451
+ this.emailAddress = new contactOption_bo.ContactOption();
3452
+ this.phoneNumber = new contactOption_bo.ContactOption();
3453
+ this.relationSuggestions = [];
3454
+ this.showRelationSidebar = false;
3455
+ this.inviteToAccount = false;
3456
+ this.relType = relationNameKind_enum.RelationNameKind;
3457
+ this.genderType = genderType_enum.GenderType;
3458
+ this._relation = nulRelationObject.NULL_RELATION_OBJECT;
3459
+ // fetches relation suggestions
3460
+ this._relationNameChangeHandler = functionUtils.FunctionUtils.Throttle(function () {
3461
+ return _this._relationNameChangedHandlerFn();
3462
+ // eslint-disable-next-line no-magic-numbers
3463
+ }, 600);
3089
3464
  }
3090
3465
  Object.defineProperty(CheckoutOverviewRelationEditComponent.prototype, "relation", {
3091
3466
  get: function () {
@@ -3320,7 +3695,7 @@
3320
3695
  CheckoutOverviewRelationEditComponent.decorators = [
3321
3696
  { type: i0.Component, args: [{
3322
3697
  selector: "checkout-overview-relation-edit",
3323
- template: "\n <co-form (validSubmit)=\"validSubmit.emit()\" (invalidSubmit)=\"invalidSubmit.emit()\">\n <div>\n <label [textContent]=\"'ACCOUNT_DETAILS' | localize\"\n class=\"checkout-label-h2\"\n ></label>\n </div>\n <div>\n <label [textContent]=\"'PERSONAL_DATA' | localize\"\n class=\"checkout-label-h3\"\n ></label>7\n </div>\n <div>\n <div>\n <label [textContent]=\"'ORDER_TYPE' | localize \"\n class=\"checkout-label-h3\"\n ></label>\n </div>\n <div>\n <co-input-radio-button [name]=\"'type'\"\n [label]=\"'PRIVATE_PERSON' | localize\"\n [value]=\"relType.Private\"\n [checked]=\"relation.type === relType.Private\"\n (modelChange)=\"changeRelationType(relType.Private)\"\n ></co-input-radio-button>\n <co-input-radio-button [name]=\"'type'\"\n [label]=\"'COMPANY' | localize\"\n [value]=\"relType.Company\"\n [(model)]=\"relation.type\"\n [checked]=\"relation.type === relType.Company\"\n (modelChange)=\"changeRelationType(relType.Company)\"\n ></co-input-radio-button>\n </div>\n </div>\n <div *ngIf=\"relation.type === relType.Private\">\n <label [textContent]=\"'SALUTATION' | localize\"\n class=\"checkout-label-h3\"\n ></label>\n <div>\n <co-input-radio-button [name]=\"'gender'\"\n [label]=\"'MALE' | localize\"\n [value]=\"genderType.Male\"\n [checked]=\"relation.gender === genderType.Male\"\n (modelChange)=\"changeGenderType(genderType.Male)\"\n ></co-input-radio-button>\n <co-input-radio-button [name]=\"'gender'\"\n [label]=\"'FEMALE' | localize \"\n [value]=\"genderType.Female\"\n [checked]=\"relation.gender === genderType.Female\"\n (modelChange)=\"changeGenderType(genderType.Female)\"\n ></co-input-radio-button>\n <co-input-radio-button [name]=\"'gender'\"\n [label]=\"'UNKNOWN' | localize\"\n [value]=\"genderType.Unspecified\"\n [checked]=\"relation.gender === genderType.Unspecified\"\n (modelChange)=\"changeGenderType(genderType.Unspecified)\"\n ></co-input-radio-button>\n </div>\n </div>\n <div *ngIf=\"relation.type === relType.Private\">\n <div>\n <label [textContent]=\"'NAME' | localize \"\n class=\"checkout-label-h3\"\n ></label>\n <div class=\"default-flex-row\">\n <div class=\"default-flex-column\">\n <co-input-text\n [(model)]=\"relation.firstName\"\n [placeholder]=\"'FIRST_NAME' | localize \"\n (modelChange)=\"firstNameChange($event)\"\n required\n ></co-input-text>\n </div>\n <div class=\"default-flex-column\">\n <co-input-text\n [(model)]=\"relation.prefix\"\n [placeholder]=\"'PREFIX' | localize \"\n ></co-input-text>\n </div>\n <div class=\"default-flex-column\">\n <co-input-text\n [(model)]=\"relation.familyName\"\n [placeholder]=\"'LAST_NAME' | localize\"\n (modelChange)=\"familyNameChange($event)\"\n required></co-input-text>\n </div>\n </div>\n </div>\n </div>\n <div >\n <div *ngIf=\"relation?.type === relType.Company\" class=\"default-flex-column\">\n <label [textContent]=\"'COMPANY_NAME' | localize \"\n class=\"checkout-label-h3\"\n ></label>\n <co-input-text [(model)]=\"relation.familyName\" [label]=\"'COMPANY_NAME'\" required></co-input-text>\n </div>\n </div>\n\n <div>\n <checkout-overview-relation-address\n label=\"DELIVERY_ADDRESS\" [address]=\"editFirstAddress\"\n ></checkout-overview-relation-address>\n </div>\n\n <div class=\"default-flex-row\">\n <div class=\"default-flex-column\">\n <co-input-date [placeholder]=\"'DATE_OF_BIRTH' | localize \" [(model)]=\"dateOfBirth\" required></co-input-date>\n </div>\n <div class=\"default-flex-column\">\n <co-input-text [(model)]=\"phoneNumber.value\" [placeholder]=\"'PHONE_NO' | localize \" required></co-input-text>\n </div>\n </div>\n\n <div>\n <label [textContent]=\"'LOGIN_DETAILS' | localize \"\n class=\"checkout-label-h3\"\n ></label>\n </div>\n <div>\n <p>{{ 'ACCOUNT_EXPLANATION' | localize }}</p>\n </div>\n <div class=\"default-flex-row\">\n <div class=\"default-flex-column\">\n <co-input-text [(model)]=\"emailAddress.value\" [placeholder]=\"'EMAIL_ADDRESS' | localize \" [type]=\"'email'\" required></co-input-text>\n </div>\n </div>\n\n <div class=\"default-flex-row\">\n <div *ngIf=\"!applicationUser\" class=\"default-flex-column\">\n <co-input-text [(model)]=\"accountPassword\" [placeholder]=\"'PASSWORD' | localize \" [type]=\"'password'\" required></co-input-text>\n </div>\n <div *ngIf=\"applicationUser\" class=\"default-flex-column\">\n <co-input-checkbox [label]=\"'INVITE_TO_ACCOUNT' | localize\" [(model)]=\"inviteToAccount\"></co-input-checkbox>\n </div>\n </div>\n\n <div>\n <label [textContent]=\"'PRIVACY_PREFERENCES' | localize \"\n class=\"checkout-label-h3\"\n ></label>\n </div>\n\n <div *ngFor=\"let privacySetting of privacySettings\">\n <div class=\"privacy-row\">\n <div class=\"privacy-column-left\">\n <co-input-checkbox [label]=\"privacySetting.description\"\n [model]=\"isShared(privacySetting)\"\n (modelChange)=\"changePrivacySetting(privacySetting, $event)\"\n ></co-input-checkbox>\n </div>\n <div class=\"privacy-column-right\">\n {{ privacySetting.explanation }}\n </div>\n </div>\n </div>\n </co-form>\n\n <co-sidebar #relationSidebar isOpen=\"false\" *ngIf=\"showRelationSidebar\">\n <div class=\"relation-sidebar-header\">\n <label [textContent]=\"'SUGGESTIONS' | localize \"\n class=\"checkout-label-h3\"\n ></label>\n </div>\n <checkout-relation-suggestions-list\n [suggestions]=\"relationSuggestions\"\n (suggestionButtonClick)=\"onRelationSuggestionClick($event)\"\n ></checkout-relation-suggestions-list>\n </co-sidebar>\n\n ",
3698
+ template: "\n <co-form (validSubmit)=\"validSubmit.emit()\" (invalidSubmit)=\"invalidSubmit.emit()\">\n <div>\n <label [textContent]=\"'ACCOUNT_DETAILS' | localize\"\n class=\"checkout-label-h2\"\n ></label>\n </div>\n <div>\n <label [textContent]=\"'PERSONAL_DATA' | localize\"\n class=\"checkout-label-h3\"\n ></label>\n </div>\n <div>\n <div>\n <label [textContent]=\"'ORDER_TYPE' | localize \"\n class=\"checkout-label-h3\"\n ></label>\n </div>\n <div>\n <co-input-radio-button [name]=\"'type'\"\n [label]=\"'PRIVATE_PERSON' | localize\"\n [value]=\"relType.Private\"\n [checked]=\"relation.type === relType.Private\"\n (modelChange)=\"changeRelationType(relType.Private)\"\n ></co-input-radio-button>\n <co-input-radio-button [name]=\"'type'\"\n [label]=\"'COMPANY' | localize\"\n [value]=\"relType.Company\"\n [(model)]=\"relation.type\"\n [checked]=\"relation.type === relType.Company\"\n (modelChange)=\"changeRelationType(relType.Company)\"\n ></co-input-radio-button>\n </div>\n </div>\n <div *ngIf=\"relation.type === relType.Private\">\n <label [textContent]=\"'SALUTATION' | localize\"\n class=\"checkout-label-h3\"\n ></label>\n <div>\n <co-input-radio-button [name]=\"'gender'\"\n [label]=\"'MALE' | localize\"\n [value]=\"genderType.Male\"\n [checked]=\"relation.gender === genderType.Male\"\n (modelChange)=\"changeGenderType(genderType.Male)\"\n ></co-input-radio-button>\n <co-input-radio-button [name]=\"'gender'\"\n [label]=\"'FEMALE' | localize \"\n [value]=\"genderType.Female\"\n [checked]=\"relation.gender === genderType.Female\"\n (modelChange)=\"changeGenderType(genderType.Female)\"\n ></co-input-radio-button>\n <co-input-radio-button [name]=\"'gender'\"\n [label]=\"'UNKNOWN' | localize\"\n [value]=\"genderType.Unspecified\"\n [checked]=\"relation.gender === genderType.Unspecified\"\n (modelChange)=\"changeGenderType(genderType.Unspecified)\"\n ></co-input-radio-button>\n </div>\n </div>\n <div *ngIf=\"relation.type === relType.Private\">\n <div>\n <label [textContent]=\"'NAME' | localize \"\n class=\"checkout-label-h3\"\n ></label>\n <div class=\"default-flex-row\">\n <div class=\"default-flex-column\">\n <co-input-text\n [(model)]=\"relation.firstName\"\n [placeholder]=\"'FIRST_NAME' | localize \"\n (modelChange)=\"firstNameChange($event)\"\n required\n ></co-input-text>\n </div>\n <div class=\"default-flex-column\">\n <co-input-text\n [(model)]=\"relation.prefix\"\n [placeholder]=\"'PREFIX' | localize \"\n ></co-input-text>\n </div>\n <div class=\"default-flex-column\">\n <co-input-text\n [(model)]=\"relation.familyName\"\n [placeholder]=\"'LAST_NAME' | localize\"\n (modelChange)=\"familyNameChange($event)\"\n required></co-input-text>\n </div>\n </div>\n </div>\n </div>\n <div >\n <div *ngIf=\"relation?.type === relType.Company\" class=\"default-flex-column\">\n <label [textContent]=\"'COMPANY_NAME' | localize \"\n class=\"checkout-label-h3\"\n ></label>\n <co-input-text [(model)]=\"relation.familyName\" [label]=\"'COMPANY_NAME'\" required></co-input-text>\n </div>\n </div>\n\n <div>\n <checkout-overview-relation-address\n label=\"DELIVERY_ADDRESS\" [address]=\"editFirstAddress\"\n ></checkout-overview-relation-address>\n </div>\n\n <div class=\"default-flex-row\">\n <div class=\"default-flex-column\">\n <co-input-date [placeholder]=\"'DATE_OF_BIRTH' | localize \" [(model)]=\"dateOfBirth\" required></co-input-date>\n </div>\n <div class=\"default-flex-column\">\n <co-input-text [(model)]=\"phoneNumber.value\" [placeholder]=\"'PHONE_NO' | localize \" required></co-input-text>\n </div>\n </div>\n\n <div>\n <label [textContent]=\"'LOGIN_DETAILS' | localize \"\n class=\"checkout-label-h3\"\n ></label>\n </div>\n <div>\n <p>{{ 'ACCOUNT_EXPLANATION' | localize }}</p>\n </div>\n <div class=\"default-flex-row\">\n <div class=\"default-flex-column\">\n <co-input-text [(model)]=\"emailAddress.value\" [placeholder]=\"'EMAIL_ADDRESS' | localize \" [type]=\"'email'\" required></co-input-text>\n </div>\n </div>\n\n <div class=\"default-flex-row\">\n <div *ngIf=\"!applicationUser\" class=\"default-flex-column\">\n <co-input-text [(model)]=\"accountPassword\" [placeholder]=\"'PASSWORD' | localize \" [type]=\"'password'\" required></co-input-text>\n </div>\n <div *ngIf=\"applicationUser\" class=\"default-flex-column\">\n <co-input-checkbox [label]=\"'INVITE_TO_ACCOUNT' | localize\" [(model)]=\"inviteToAccount\"></co-input-checkbox>\n </div>\n </div>\n\n <div>\n <label [textContent]=\"'PRIVACY_PREFERENCES' | localize \"\n class=\"checkout-label-h3\"\n ></label>\n </div>\n\n <div *ngFor=\"let privacySetting of privacySettings\">\n <div class=\"privacy-row\">\n <div class=\"privacy-column-left\">\n <co-input-checkbox [label]=\"privacySetting.description\"\n [model]=\"isShared(privacySetting)\"\n (modelChange)=\"changePrivacySetting(privacySetting, $event)\"\n ></co-input-checkbox>\n </div>\n <div class=\"privacy-column-right\">\n {{ privacySetting.explanation }}\n </div>\n </div>\n </div>\n </co-form>\n\n <co-sidebar #relationSidebar isOpen=\"false\" *ngIf=\"showRelationSidebar\">\n <div class=\"relation-sidebar-header\">\n <label [textContent]=\"'SUGGESTIONS' | localize \"\n class=\"checkout-label-h3\"\n ></label>\n </div>\n <checkout-relation-suggestions-list\n [suggestions]=\"relationSuggestions\"\n (suggestionButtonClick)=\"onRelationSuggestionClick($event)\"\n ></checkout-relation-suggestions-list>\n </co-sidebar>\n\n ",
3324
3699
  styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n", ".relation-sidebar-header{margin-left:5px}\n"]
3325
3700
  },] }
3326
3701
  ];
@@ -3950,297 +4325,42 @@
3950
4325
  stepper: [{ type: i0.ViewChild, args: ["stepper",] }]
3951
4326
  };
3952
4327
 
3953
- var RetailTransactionCheckoutComponent = /** @class */ (function () {
3954
- function RetailTransactionCheckoutComponent(service) {
3955
- this.service = service;
4328
+ var CheckoutOverviewRelationAddressComponent = /** @class */ (function () {
4329
+ function CheckoutOverviewRelationAddressComponent(_dictionary, _connector) {
4330
+ this._dictionary = _dictionary;
4331
+ this._connector = _connector;
4332
+ this.countries = [];
4333
+ this.fields = { text: "description", value: "code" };
4334
+ this.postalCodeCheckErrorMessage = "";
4335
+ this._prevPostalCodeForCheck = "";
3956
4336
  }
3957
- Object.defineProperty(RetailTransactionCheckoutComponent.prototype, "canPrevious", {
4337
+ Object.defineProperty(CheckoutOverviewRelationAddressComponent.prototype, "address", {
3958
4338
  get: function () {
3959
- var _a;
3960
- return this.checkout && ((_a = this.checkout.stepper) === null || _a === void 0 ? void 0 : _a.selectedIndex) !== 0;
4339
+ if (this._address === undefined) {
4340
+ this._address = new address_bo.Address();
4341
+ }
4342
+ return this._address;
3961
4343
  },
3962
- enumerable: false,
3963
- configurable: true
3964
- });
3965
- Object.defineProperty(RetailTransactionCheckoutComponent.prototype, "canContinue", {
3966
- get: function () {
3967
- var _a;
3968
- return this.checkout && ((_a = this.checkout.stepper) === null || _a === void 0 ? void 0 : _a.selectedIndex) !== 3;
4344
+ set: function (address) {
4345
+ this._address = address;
3969
4346
  },
3970
4347
  enumerable: false,
3971
4348
  configurable: true
3972
4349
  });
3973
- Object.defineProperty(RetailTransactionCheckoutComponent.prototype, "started", {
3974
- get: function () {
4350
+ CheckoutOverviewRelationAddressComponent.prototype.ngOnInit = function () {
4351
+ return __awaiter(this, void 0, void 0, function () {
3975
4352
  var _a;
3976
- return this.checkout && ((_a = this.checkout.stepper) === null || _a === void 0 ? void 0 : _a.selectedIndex) === 0;
3977
- },
3978
- enumerable: false,
3979
- configurable: true
3980
- });
3981
- Object.defineProperty(RetailTransactionCheckoutComponent.prototype, "finished", {
3982
- get: function () {
3983
- return this.checkout && this.checkout.finished;
3984
- },
3985
- enumerable: false,
3986
- configurable: true
3987
- });
3988
- RetailTransactionCheckoutComponent.prototype.continueCheckout = function () {
3989
- this.checkout.continue();
3990
- };
3991
- RetailTransactionCheckoutComponent.prototype.previousCheckout = function () {
3992
- this.checkout.previous();
3993
- };
3994
- return RetailTransactionCheckoutComponent;
3995
- }());
3996
- RetailTransactionCheckoutComponent.decorators = [
3997
- { type: i0.Component, args: [{
3998
- selector: "app-retail-transaction-checkout",
3999
- 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 ",
4000
- 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"]
4001
- },] }
4002
- ];
4003
- RetailTransactionCheckoutComponent.ctorParameters = function () { return [
4004
- { type: TransactionService }
4005
- ]; };
4006
- RetailTransactionCheckoutComponent.propDecorators = {
4007
- checkout: [{ type: i0.ViewChild, args: [CheckoutComponent, { static: true },] }]
4008
- };
4009
-
4010
- var CheckoutLoginComponent = /** @class */ (function () {
4011
- function CheckoutLoginComponent() {
4012
- this.createNewAccountSubmit = new i0.EventEmitter();
4013
- this.continueWithoutSubmit = new i0.EventEmitter();
4014
- this.loginSubmit = new i0.EventEmitter();
4015
- this.userEmailAddress = "";
4016
- this.userNewEmailAddress = "";
4017
- this.userPassword = "";
4018
- this.continueWithoutAccount = false;
4019
- this.company = "<bedrijf>";
4020
- }
4021
- CheckoutLoginComponent.prototype.ngOnInit = function () {
4022
- };
4023
- CheckoutLoginComponent.prototype.login = function () {
4024
- this.loginSubmit.emit();
4025
- };
4026
- CheckoutLoginComponent.prototype.submit = function () {
4027
- this.loginForm.submit();
4028
- };
4029
- CheckoutLoginComponent.prototype.createAccountSubmit = function () {
4030
- this.accountForm.submit();
4031
- };
4032
- CheckoutLoginComponent.prototype.continueSubmit = function () {
4033
- this.continueWithoutAccount = true;
4034
- this.accountForm.submit();
4035
- };
4036
- CheckoutLoginComponent.prototype.accountLogin = function () {
4037
- if (this.continueWithoutAccount) {
4038
- this.continueWithoutSubmit.emit();
4039
- }
4040
- else {
4041
- this.createNewAccountSubmit.emit();
4042
- }
4043
- };
4044
- return CheckoutLoginComponent;
4045
- }());
4046
- CheckoutLoginComponent.decorators = [
4047
- { type: i0.Component, args: [{
4048
- selector: "checkout-login",
4049
- 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 ",
4050
- 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"]
4051
- },] }
4052
- ];
4053
- CheckoutLoginComponent.ctorParameters = function () { return []; };
4054
- CheckoutLoginComponent.propDecorators = {
4055
- loginForm: [{ type: i0.ViewChild, args: ["loginForm",] }],
4056
- accountForm: [{ type: i0.ViewChild, args: ["accountForm",] }],
4057
- createNewAccountSubmit: [{ type: i0.Output }],
4058
- continueWithoutSubmit: [{ type: i0.Output }],
4059
- loginSubmit: [{ type: i0.Output }]
4060
- };
4061
-
4062
- var IoneCheckoutComponent = /** @class */ (function () {
4063
- function IoneCheckoutComponent(_changeDetector, _optionsService, _connector, _dictionary, _service, transactionEvents, _promptService, globalEvents) {
4064
- var _this = this;
4065
- this._changeDetector = _changeDetector;
4066
- this._optionsService = _optionsService;
4067
- this._connector = _connector;
4068
- this._dictionary = _dictionary;
4069
- this._service = _service;
4070
- this.transactionEvents = transactionEvents;
4071
- this._promptService = _promptService;
4072
- this.globalEvents = globalEvents;
4073
- this.upAndLoaded = false;
4074
- this.show = false;
4075
- this.loggedIn = false;
4076
- this._subscriptions = [];
4077
- this._remoteOptions = true;
4078
- this._publicOptions = true;
4079
- this._applicationUser = false;
4080
- this._subscriptions.push(this._optionsService.optionsLoaded.subscribe(function (loaded) { return _this._handleSettingsLoaded(loaded); }));
4081
- this._subscriptions.push(this.transactionEvents.loggedIn.subscribe(function () {
4082
- _this.loggedIn = true;
4083
- }));
4084
- }
4085
- Object.defineProperty(IoneCheckoutComponent.prototype, "options", {
4086
- set: function (value) {
4087
- if (value) {
4088
- var options = void 0;
4089
- if (typeof value === "string") {
4090
- options = JSON.parse(value);
4091
- }
4092
- else {
4093
- options = value;
4094
- }
4095
- this._publicOptions = true;
4096
- this._optionsService.initialize(options).then();
4097
- }
4098
- },
4099
- enumerable: false,
4100
- configurable: true
4101
- });
4102
- Object.defineProperty(IoneCheckoutComponent.prototype, "applicationUser", {
4103
- get: function () {
4104
- return this._applicationUser;
4105
- },
4106
- set: function (value) {
4107
- this._applicationUser = value;
4108
- this._service.applicationUser = this.applicationUser;
4109
- },
4110
- enumerable: false,
4111
- configurable: true
4112
- });
4113
- Object.defineProperty(IoneCheckoutComponent.prototype, "transactionNr", {
4114
- get: function () {
4115
- return this._service.currentTransaction.transactionNr;
4116
- },
4117
- enumerable: false,
4118
- configurable: true
4119
- });
4120
- IoneCheckoutComponent.prototype.ngOnInit = function () {
4121
- if (!this._publicOptions) {
4122
- this._optionsService.initializeDevelopmentOptions(this._remoteOptions);
4123
- }
4124
- };
4125
- IoneCheckoutComponent.prototype.ngOnDestroy = function () {
4126
- this._subscriptions.forEach(function (subscription) { return subscription.unsubscribe(); });
4127
- };
4128
- IoneCheckoutComponent.prototype._handleSettingsLoaded = function (loaded) {
4129
- return __awaiter(this, void 0, void 0, function () {
4130
- return __generator(this, function (_a) {
4131
- switch (_a.label) {
4132
- case 0:
4133
- if (!loaded) return [3 /*break*/, 2];
4134
- return [4 /*yield*/, this._initConnection().then()];
4135
- case 1:
4136
- _a.sent();
4137
- this.upAndLoaded = true;
4138
- _a.label = 2;
4139
- case 2: return [2 /*return*/];
4140
- }
4141
- });
4142
- });
4143
- };
4144
- IoneCheckoutComponent.prototype._initConnection = function () {
4145
- return __awaiter(this, void 0, void 0, function () {
4146
- var _this = this;
4147
- return __generator(this, function (_a) {
4148
- switch (_a.label) {
4149
- case 0: return [4 /*yield*/, this._connector.connect(this._optionsService.options)];
4150
- case 1:
4151
- _a.sent();
4152
- if (this._optionsService.options.url) {
4153
- this._dictionary.rootUrl = this._optionsService.options.url.replace("/ajaxservice", "");
4154
- }
4155
- return [4 /*yield*/, this._dictionary.setDictionary(this._optionsService.options.languageCode)];
4156
- case 2:
4157
- _a.sent();
4158
- setTimeout(function () {
4159
- _this._changeDetector.detectChanges();
4160
- });
4161
- return [2 /*return*/];
4162
- }
4163
- });
4164
- });
4165
- };
4166
- IoneCheckoutComponent.prototype.loginSubmit = function () {
4167
- this.globalEvents.addUserRelationShoppingCartModule.next({ user: this.checkoutLogin.userEmailAddress, pw: this.checkoutLogin.userPassword });
4168
- this.loggedIn = true;
4169
- };
4170
- IoneCheckoutComponent.prototype.continueWithoutAccount = function () {
4171
- this.closeLogin();
4172
- this.loggedIn = true;
4173
- this.transactionEvents.addNewUserToShoppingCartModule.next(this.checkoutLogin.userNewEmailAddress);
4174
- };
4175
- IoneCheckoutComponent.prototype.createNewAccount = function () {
4176
- this.closeLogin();
4177
- this.transactionEvents.addNewUserToShoppingCartModule.next(this.checkoutLogin.userNewEmailAddress);
4178
- };
4179
- IoneCheckoutComponent.prototype.closeLogin = function () {
4180
- this.loggedIn = true;
4181
- this.show = true;
4182
- };
4183
- return IoneCheckoutComponent;
4184
- }());
4185
- IoneCheckoutComponent.decorators = [
4186
- { type: i0.Component, args: [{
4187
- selector: "ione-checkout",
4188
- 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 "
4189
- },] }
4190
- ];
4191
- IoneCheckoutComponent.ctorParameters = function () { return [
4192
- { type: i0.ChangeDetectorRef },
4193
- { type: OptionsService },
4194
- { type: IOneConnectorAdapterService },
4195
- { type: DictionaryService },
4196
- { type: TransactionService },
4197
- { type: TransactionEventService },
4198
- { type: corecomponents_v12.PromptService },
4199
- { type: TransactionEventService }
4200
- ]; };
4201
- IoneCheckoutComponent.propDecorators = {
4202
- retailCheckout: [{ type: i0.ViewChild, args: [RetailTransactionCheckoutComponent,] }],
4203
- checkoutLogin: [{ type: i0.ViewChild, args: [CheckoutLoginComponent,] }],
4204
- options: [{ type: i0.Input }],
4205
- applicationUser: [{ type: i0.Input }]
4206
- };
4207
-
4208
- var CheckoutOverviewRelationAddressComponent = /** @class */ (function () {
4209
- function CheckoutOverviewRelationAddressComponent(_dictionary, _connector) {
4210
- this._dictionary = _dictionary;
4211
- this._connector = _connector;
4212
- this.countries = [];
4213
- this.fields = { text: "description", value: "code" };
4214
- this.postalCodeCheckErrorMessage = "";
4215
- this._prevPostalCodeForCheck = "";
4216
- }
4217
- Object.defineProperty(CheckoutOverviewRelationAddressComponent.prototype, "address", {
4218
- get: function () {
4219
- if (this._address === undefined) {
4220
- this._address = new address_bo.Address();
4221
- }
4222
- return this._address;
4223
- },
4224
- set: function (address) {
4225
- this._address = address;
4226
- },
4227
- enumerable: false,
4228
- configurable: true
4229
- });
4230
- CheckoutOverviewRelationAddressComponent.prototype.ngOnInit = function () {
4231
- return __awaiter(this, void 0, void 0, function () {
4232
- var _a;
4233
- return __generator(this, function (_b) {
4234
- switch (_b.label) {
4235
- case 0:
4236
- _a = this;
4237
- return [4 /*yield*/, this._connector.getCountries()];
4238
- case 1:
4239
- _a.countries = _b.sent();
4240
- return [2 /*return*/];
4241
- }
4242
- });
4243
- });
4353
+ return __generator(this, function (_b) {
4354
+ switch (_b.label) {
4355
+ case 0:
4356
+ _a = this;
4357
+ return [4 /*yield*/, this._connector.getCountries()];
4358
+ case 1:
4359
+ _a.countries = _b.sent();
4360
+ return [2 /*return*/];
4361
+ }
4362
+ });
4363
+ });
4244
4364
  };
4245
4365
  CheckoutOverviewRelationAddressComponent.prototype.checkForPostalCodeCheckError = function () {
4246
4366
  return __awaiter(this, void 0, void 0, function () {
@@ -4293,29 +4413,86 @@
4293
4413
  address: [{ type: i0.Input }]
4294
4414
  };
4295
4415
 
4296
- var CheckoutOverviewDeliveryAddressComponent = /** @class */ (function () {
4297
- function CheckoutOverviewDeliveryAddressComponent(service) {
4416
+ var CheckoutTransactionComponent = /** @class */ (function () {
4417
+ function CheckoutTransactionComponent(service) {
4298
4418
  this.service = service;
4299
- this.editRequest = new i0.EventEmitter();
4300
4419
  }
4301
- CheckoutOverviewDeliveryAddressComponent.prototype.onClick = function () {
4302
- this.editRequest.emit();
4303
- };
4304
- return CheckoutOverviewDeliveryAddressComponent;
4305
- }());
4306
- CheckoutOverviewDeliveryAddressComponent.decorators = [
4307
- { type: i0.Component, args: [{
4308
- selector: "checkout-overview-delivery-address",
4309
- template: "\n <div>\n <div>\n <label [textContent]=\"label | localize\"\n class=\"checkout-label-h3\"\n ></label>\n </div>\n\n <div (click)=\"onClick()\">\n <div>\n {{ address?.streetName }} {{ address?.houseNo}} {{ address?.houseNoAddition}}\n </div>\n <div>\n {{ address?.postalCode }} {{ address?.city}}\n </div>\n <div>\n {{ address?.countryName }}\n </div>\n </div>\n </div>\n ",
4310
- styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n", ""]
4311
- },] }
4312
- ];
4313
- CheckoutOverviewDeliveryAddressComponent.ctorParameters = function () { return [
4314
- { type: TransactionService }
4315
- ]; };
4316
- CheckoutOverviewDeliveryAddressComponent.propDecorators = {
4317
- label: [{ type: i0.Input }],
4318
- address: [{ type: i0.Input }],
4420
+ Object.defineProperty(CheckoutTransactionComponent.prototype, "canPrevious", {
4421
+ get: function () {
4422
+ var _a;
4423
+ return this.checkout && ((_a = this.checkout.stepper) === null || _a === void 0 ? void 0 : _a.selectedIndex) !== 0;
4424
+ },
4425
+ enumerable: false,
4426
+ configurable: true
4427
+ });
4428
+ Object.defineProperty(CheckoutTransactionComponent.prototype, "canContinue", {
4429
+ get: function () {
4430
+ var _a;
4431
+ return this.checkout && ((_a = this.checkout.stepper) === null || _a === void 0 ? void 0 : _a.selectedIndex) !== 3;
4432
+ },
4433
+ enumerable: false,
4434
+ configurable: true
4435
+ });
4436
+ Object.defineProperty(CheckoutTransactionComponent.prototype, "started", {
4437
+ get: function () {
4438
+ var _a;
4439
+ return this.checkout && ((_a = this.checkout.stepper) === null || _a === void 0 ? void 0 : _a.selectedIndex) === 0;
4440
+ },
4441
+ enumerable: false,
4442
+ configurable: true
4443
+ });
4444
+ Object.defineProperty(CheckoutTransactionComponent.prototype, "finished", {
4445
+ get: function () {
4446
+ return this.checkout && this.checkout.finished;
4447
+ },
4448
+ enumerable: false,
4449
+ configurable: true
4450
+ });
4451
+ CheckoutTransactionComponent.prototype.continueCheckout = function () {
4452
+ this.checkout.continue();
4453
+ };
4454
+ CheckoutTransactionComponent.prototype.previousCheckout = function () {
4455
+ this.checkout.previous();
4456
+ };
4457
+ return CheckoutTransactionComponent;
4458
+ }());
4459
+ CheckoutTransactionComponent.decorators = [
4460
+ { type: i0.Component, args: [{
4461
+ selector: "app-checkout-transaction",
4462
+ 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 ",
4463
+ 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"]
4464
+ },] }
4465
+ ];
4466
+ CheckoutTransactionComponent.ctorParameters = function () { return [
4467
+ { type: TransactionService }
4468
+ ]; };
4469
+ CheckoutTransactionComponent.propDecorators = {
4470
+ checkout: [{ type: i0.ViewChild, args: [CheckoutComponent, { static: true },] }]
4471
+ };
4472
+
4473
+ var CheckoutOverviewDeliveryAddressComponent = /** @class */ (function () {
4474
+ function CheckoutOverviewDeliveryAddressComponent(service) {
4475
+ this.service = service;
4476
+ this.editRequest = new i0.EventEmitter();
4477
+ }
4478
+ CheckoutOverviewDeliveryAddressComponent.prototype.onClick = function () {
4479
+ this.editRequest.emit();
4480
+ };
4481
+ return CheckoutOverviewDeliveryAddressComponent;
4482
+ }());
4483
+ CheckoutOverviewDeliveryAddressComponent.decorators = [
4484
+ { type: i0.Component, args: [{
4485
+ selector: "checkout-overview-delivery-address",
4486
+ template: "\n <div>\n <div>\n <label [textContent]=\"label | localize\"\n class=\"checkout-label-h3\"\n ></label>\n </div>\n\n <div (click)=\"onClick()\">\n <div>\n {{ address?.streetName }} {{ address?.houseNo}} {{ address?.houseNoAddition}}\n </div>\n <div>\n {{ address?.postalCode }} {{ address?.city}}\n </div>\n <div>\n {{ address?.countryName }}\n </div>\n </div>\n </div>\n ",
4487
+ styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n", ""]
4488
+ },] }
4489
+ ];
4490
+ CheckoutOverviewDeliveryAddressComponent.ctorParameters = function () { return [
4491
+ { type: TransactionService }
4492
+ ]; };
4493
+ CheckoutOverviewDeliveryAddressComponent.propDecorators = {
4494
+ label: [{ type: i0.Input }],
4495
+ address: [{ type: i0.Input }],
4319
4496
  editRequest: [{ type: i0.Output }]
4320
4497
  };
4321
4498
 
@@ -4764,6 +4941,7 @@
4764
4941
  corecomponents_v12.CoGridModule,
4765
4942
  CoreModule,
4766
4943
  common.CommonModule,
4944
+ animations.NoopAnimationsModule,
4767
4945
  ],
4768
4946
  declarations: [
4769
4947
  CheckoutComponent,
@@ -4772,7 +4950,7 @@
4772
4950
  CheckoutOverviewRelationEditComponent,
4773
4951
  CheckoutOverviewRelationAddressComponent,
4774
4952
  CheckoutOverviewDeliveryEditComponent,
4775
- RetailTransactionCheckoutComponent,
4953
+ CheckoutTransactionComponent,
4776
4954
  CheckoutOverviewDeliveryAddressComponent,
4777
4955
  CheckOutRelationSuggestionsListComponent,
4778
4956
  CheckOutRelationSuggestionsListItemComponent,
@@ -4935,7 +5113,7 @@
4935
5113
  var _this = this;
4936
5114
  return __generator(this, function (_a) {
4937
5115
  switch (_a.label) {
4938
- case 0: return [4 /*yield*/, this.service.addTextLineToTransaction(0, text, 0, false, 0, beforeOrAfter === PositionGridRow.Before ? lineNr : undefined, beforeOrAfter === PositionGridRow.After ? lineNr : undefined)
5116
+ case 0: return [4 /*yield*/, this.service.addTextLine(0, text, 0, false, 0, beforeOrAfter === PositionGridRow.Before ? lineNr : undefined, beforeOrAfter === PositionGridRow.After ? lineNr : undefined)
4939
5117
  .then(function (value) {
4940
5118
  _this._handleLineOperationStatus();
4941
5119
  }, function (error) { return _this.promptService.showError(error); })];
@@ -5608,7 +5786,7 @@
5608
5786
  // eslint-disable-next-line @angular-eslint/component-selector
5609
5787
  selector: "shopping-cart",
5610
5788
  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 ",
5611
- 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"]
5789
+ 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"]
5612
5790
  },] }
5613
5791
  ];
5614
5792
  ShoppingCartComponent.ctorParameters = function () { return [
@@ -5985,7 +6163,7 @@
5985
6163
  { type: i0.Component, args: [{
5986
6164
  selector: "shopping-cart-line",
5987
6165
  template: "\n <div *ngIf=\"line.isArticle\" class=\"cart-line-r\" fxFlex>\n <div fxLayout=\"row\" class=\"full-width\">\n <div fxLayout=\"column\" class=\"cart-line-image\" *ngIf=\"!overviewMode\">\n <co-button [iconData]=\"iconCacheService.getIcon(iconTrashBin)\"\n [title]=\"'DELETE_TRANSACTION_LINE_HINT' | localize\"\n (click)=\"deleteTransactionLineClick()\"\n class=\"triangle white\"\n iconClass=\"medium light\"></co-button>\n </div>\n <div fxLayout=\"column\" class=\"cart-line-image\" *ngIf=\"!overviewMode\">\n <image-display [model]=\"image\" hideOnEmptyModel></image-display>\n </div>\n <div fxLayout=\"column\" class=\"cart-line-description\" fxLayoutGap=\"20px\">\n <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n <span [textContent]=\"line.goodDescription\" class=\"cart-line-description-main\"></span>\n <span *ngIf=\"line.goodDescription && line.articleNumber\">|</span>\n <span [textContent]=\"line.articleNumber\" class=\"cart-line-description-artnr\"></span>\n </div>\n <span [innerHTML]=\"line.configurationReadable\"></span>\n </div>\n </div>\n <div fxLayout=\"row\" class=\"cart-line-right\">\n <div fxLayout=\"column\" class=\"cart-line-stock\" *ngIf=\"!overlayMode && !overviewMode\">\n <span [textContent]=\"'STOCK' | localize\" class=\"small-font\"></span>\n <stock-status-indicator [model]=\"stock\"></stock-status-indicator>\n <span [textContent]=\"'DELIVERY_TIME_PERIOD' | localize\" class=\"small-font\"></span>\n <span [textContent]=\"line.deliveryDate | deliveryTime\"></span>\n </div>\n <div class=\"cart-line-amount\">\n <co-input-number-picker\n class=\"horizontal\"\n [(model)]=\"localAmount\" [min]=\"0\" [buttonShowMode]=\"'always'\"\n [readonly]=\"true\"\n (modelChange)=\"changeLineAmount($event)\"></co-input-number-picker>\n </div>\n\n <div class=\"cart-line-totals\">\n <span [textContent]=\"line.displayNetLineTotal | coCurrency: true\"></span>\n </div>\n </div>\n </div>\n <div *ngIf=\"line.isText\" class=\"cart-line-t\" fxFlex\n [class.article-text]=\"line.articleBound\"\n [textContent]=\"line.text\">\n </div>\n ",
5988
- 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"]
6166
+ 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:15em}.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"]
5989
6167
  },] }
5990
6168
  ];
5991
6169
  ShoppingCartLineComponent.ctorParameters = function () { return [
@@ -6068,6 +6246,7 @@
6068
6246
  }());
6069
6247
  CharacteristicAnswerComponent.decorators = [
6070
6248
  { type: i0.Component, args: [{
6249
+ // eslint-disable-next-line @angular-eslint/component-selector
6071
6250
  selector: "characteristic-answer",
6072
6251
  template: "\n <co-dialog\n #characteristic\n [showCloseIcon]=\"false\"\n >\n <ng-container header>\n <div>\n <span class=\"characteristic-title\"\n [textContent]=\"getTranslationWithColon('ARTICLE')\"\n ></span>\n <span [textContent]=\"title\"></span>\n </div>\n </ng-container>\n\n <ng-container>\n <div>\n <div class=\"characteristic-header\">\n <span class=\"characteristic-title\"\n [textContent]=\"getTranslationWithColon('CHARACTERISTIC_QUESTION')\"\n ></span>\n </div>\n <div class=\"characteristic-header\">\n <span [textContent]=\"question | localize\"></span>\n </div>\n <div *ngIf=\"characteristicOptions\" class=\"npm characteristic-options\">\n <co-input-combo-box [(model)]=\"value\"\n [source]=\"characteristics\"\n [fields]=\"characteristicsFields\"\n [placeholder]=\"'VALUE' | localize\"\n [required]=\"true\"\n ></co-input-combo-box>\n </div>\n <div *ngIf=\"!characteristicOptions\" class=\"characteristic-value\">\n <co-input-text\n [(model)]=\"value\"\n [placeholder]=\"'VALUE' | localize \"\n required\n ></co-input-text>\n </div>\n </div>\n </ng-container>\n\n <ng-container footer>\n <div class=\"flex-center\">\n <co-button [label]=\"'OK' | localize\" (click)=\"onCharacteristicOkClick()\"></co-button>\n </div>\n </ng-container>\n </co-dialog>\n ",
6073
6252
  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}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.characteristic-title{font-weight:bold;font-size:20px;margin-right:10px}.characteristic-value{font-weight:bold;font-size:20px}.characteristic-header{display:flex;justify-content:center}\n"]
@@ -6128,7 +6307,7 @@
6128
6307
  entryComponents: [
6129
6308
  IoneShoppingCartComponent
6130
6309
  ],
6131
- exports: [IoneShoppingCartComponent, StockStatusIndicatorComponent],
6310
+ exports: [IoneShoppingCartComponent, StockStatusIndicatorComponent, CharacteristicAnswerComponent],
6132
6311
  bootstrap: [IoneShoppingCartComponent]
6133
6312
  },] }
6134
6313
  ];
@@ -6260,6 +6439,8 @@
6260
6439
  this.customer = nulRelationObject.NULL_CUSTOMER_FULL_OBJECT;
6261
6440
  this._isService = false;
6262
6441
  this.basedOnProduct = false;
6442
+ this._lineOperationStatuses = [];
6443
+ this._transactionLines = [];
6263
6444
  }
6264
6445
  Object.defineProperty(TransactionBaseComponent.prototype, "transaction", {
6265
6446
  get: function () {
@@ -6267,8 +6448,20 @@
6267
6448
  },
6268
6449
  set: function (value) {
6269
6450
  this._transaction = value;
6270
- if (this._transaction && this._transaction.transactionInfo) {
6271
- this._isService = this._transaction.transactionInfo.transactionKind === transactionKind_enum.TransactionKind.ServiceOrder;
6451
+ if (this._transaction) {
6452
+ if (this._transaction.transactionInfo) {
6453
+ this._transactionInfo = this._transaction.transactionInfo;
6454
+ this._isService = this._transaction.transactionInfo.transactionKind === transactionKind_enum.TransactionKind.ServiceOrder;
6455
+ }
6456
+ if (this._transaction.transactionLines) {
6457
+ this.transactionLines = this._transaction.transactionLines;
6458
+ }
6459
+ if (this._transaction.transactionTotal) {
6460
+ this._transactionTotal = this._transaction.transactionTotal;
6461
+ }
6462
+ if (this._transaction.lineOperationStatuses) {
6463
+ this.lineOperationStatuses = this._transaction.lineOperationStatuses;
6464
+ }
6272
6465
  }
6273
6466
  },
6274
6467
  enumerable: false,
@@ -6276,27 +6469,40 @@
6276
6469
  });
6277
6470
  Object.defineProperty(TransactionBaseComponent.prototype, "transactionInfo", {
6278
6471
  get: function () {
6279
- if (this._transaction) {
6280
- return this._transaction.transactionInfo;
6281
- }
6472
+ return this._transactionInfo;
6473
+ },
6474
+ set: function (value) {
6475
+ this._transactionInfo = value;
6282
6476
  },
6283
6477
  enumerable: false,
6284
6478
  configurable: true
6285
6479
  });
6286
6480
  Object.defineProperty(TransactionBaseComponent.prototype, "transactionLines", {
6287
6481
  get: function () {
6288
- if (this._transaction) {
6289
- return this._transaction.transactionLines;
6290
- }
6482
+ return this._transactionLines;
6483
+ },
6484
+ set: function (value) {
6485
+ this._transactionLines = value;
6291
6486
  },
6292
6487
  enumerable: false,
6293
6488
  configurable: true
6294
6489
  });
6295
6490
  Object.defineProperty(TransactionBaseComponent.prototype, "transactionTotal", {
6296
6491
  get: function () {
6297
- if (this._transaction) {
6298
- return this._transaction.transactionTotal;
6299
- }
6492
+ return this._transactionTotal;
6493
+ },
6494
+ set: function (value) {
6495
+ this._transactionTotal = value;
6496
+ },
6497
+ enumerable: false,
6498
+ configurable: true
6499
+ });
6500
+ Object.defineProperty(TransactionBaseComponent.prototype, "lineOperationStatuses", {
6501
+ get: function () {
6502
+ return this._lineOperationStatuses;
6503
+ },
6504
+ set: function (value) {
6505
+ this._lineOperationStatuses = value;
6300
6506
  },
6301
6507
  enumerable: false,
6302
6508
  configurable: true
@@ -6425,96 +6631,603 @@
6425
6631
  customer: [{ type: i0.Input }]
6426
6632
  };
6427
6633
 
6634
+ var TransactionAddTextLineRequest = /** @class */ (function () {
6635
+ function TransactionAddTextLineRequest() {
6636
+ this.showOnDocuments = false;
6637
+ this.text = "";
6638
+ this.articleBound = false;
6639
+ this.refArticleLineNr = 0;
6640
+ this.aboveLineNr = 0;
6641
+ this.belowLineNr = 0;
6642
+ }
6643
+ return TransactionAddTextLineRequest;
6644
+ }());
6645
+
6428
6646
  var TransactionArticleTextComponent = /** @class */ (function (_super) {
6429
6647
  __extends(TransactionArticleTextComponent, _super);
6430
6648
  function TransactionArticleTextComponent(service) {
6431
6649
  var _this = _super.call(this, service) || this;
6432
6650
  _this.service = service;
6651
+ _this.addTextLine = new i0.EventEmitter();
6652
+ _this.transactionAddTextLineRequest = new TransactionAddTextLineRequest();
6653
+ _this.textTitle = "";
6433
6654
  _this.visible = false;
6434
- _this.floatButtonSelected = false;
6435
- _this.overviewSelected = false;
6436
- _this.editArtikelText = false;
6437
- _this.collection = [
6438
- { id: 1, name: "Standaardtekst 1" },
6439
- { id: 2, name: "Standaardtekst 1" },
6440
- { id: 3, name: "Standaardtekst 1" },
6441
- { id: 4, name: "Standaardtekst 1" },
6442
- { id: 5, name: "Standaardtekst 1" }
6443
- ];
6444
- _this.articleTexts = [
6445
- { title: "title 1", description: "Omschrijving 1" },
6446
- { title: "title 2", description: "Omschrijving 2" },
6447
- { title: "title 3", description: "Omschrijving 3" },
6448
- { title: "title 4", description: "Omschrijving 4" },
6449
- { title: "title 5", description: "Omschrijving 5" },
6450
- ];
6451
- _this.fields = { text: "name", value: "id" };
6655
+ _this.collection = [];
6656
+ _this.fields = { text: "description", value: "textId" };
6657
+ _this.transactionAddTextLineRequest.text = "";
6452
6658
  return _this;
6453
6659
  }
6660
+ TransactionArticleTextComponent.prototype.ngOnInit = function () {
6661
+ return __awaiter(this, void 0, void 0, function () {
6662
+ var _a;
6663
+ return __generator(this, function (_b) {
6664
+ switch (_b.label) {
6665
+ case 0:
6666
+ _a = this;
6667
+ return [4 /*yield*/, this.service.getStandardTexts("NL")];
6668
+ case 1:
6669
+ _a.collection = _b.sent();
6670
+ return [2 /*return*/];
6671
+ }
6672
+ });
6673
+ });
6674
+ };
6454
6675
  TransactionArticleTextComponent.prototype.onOkClick = function () {
6676
+ if (this.selectedLine) {
6677
+ this.transactionAddTextLineRequest.refArticleLineNr = this.selectedLine.lineNr;
6678
+ }
6679
+ this.addTextLine.emit(this.transactionAddTextLineRequest);
6680
+ this.hide();
6681
+ };
6682
+ TransactionArticleTextComponent.prototype.onCancelClick = function () {
6455
6683
  this.hide();
6456
6684
  };
6685
+ TransactionArticleTextComponent.prototype.onOverviewClick = function () {
6686
+ this.articleTextOverview.open();
6687
+ };
6688
+ TransactionArticleTextComponent.prototype.open = function () {
6689
+ if (this.articleTextDialog) {
6690
+ this.articleTextDialog.open();
6691
+ }
6692
+ };
6457
6693
  TransactionArticleTextComponent.prototype.onPopupClose = function () {
6458
6694
  this.hide();
6459
- this.hideOverview();
6460
- this.hideEditArtikelText();
6461
6695
  };
6462
6696
  TransactionArticleTextComponent.prototype.hide = function () {
6463
- // TODO: throw hide event
6464
- this.visible = false;
6697
+ if (this.articleTextDialog) {
6698
+ this.articleTextDialog.close();
6699
+ }
6465
6700
  };
6466
- TransactionArticleTextComponent.prototype.onOverview = function () {
6467
- this.overviewSelected = true;
6701
+ TransactionArticleTextComponent.prototype.onChangeText = function (event) {
6702
+ if (this.editor) {
6703
+ this.transactionAddTextLineRequest.text = this.editor.getText();
6704
+ }
6468
6705
  };
6469
- TransactionArticleTextComponent.prototype.onOkOverviewClick = function () {
6470
- this.hideOverview();
6706
+ TransactionArticleTextComponent.prototype.onSelectStandardText = function (value) {
6707
+ this.transactionAddTextLineRequest.text = (this.collection.find(function (x) { return x.textId === value; })).text;
6471
6708
  };
6472
- TransactionArticleTextComponent.prototype.hideOverview = function () {
6473
- this.overviewSelected = false;
6709
+ return TransactionArticleTextComponent;
6710
+ }(TransactionBaseComponent));
6711
+ TransactionArticleTextComponent.decorators = [
6712
+ { type: i0.Component, args: [{
6713
+ // eslint-disable-next-line @angular-eslint/component-selector
6714
+ selector: "transaction-article-text",
6715
+ template: "\n <co-dialog #articleTextDialog (close)=\"onPopupClose()\">\n <ng-container header>{{ subHeader }}</ng-container>\n <ng-container content>\n <div class=\"tags-join-content\" fxLayout fxLayoutGap=\"10px\">\n <div>\n <co-rich-text-editor\n #rte\n id=\"rte\"\n [model]=\"transactionAddTextLineRequest.text\"\n (onChangeEvent)=\"onChangeText($event)\"\n ></co-rich-text-editor>\n </div>\n <div style=\"margin-left:5px;\">\n <div style=\"margin-top:16px;\">\n <ejs-dropdownlist\n [dataSource]=\"collection\"\n [fields]=\"fields\"\n [placeholder]=\"'STANDARD_TEXTS' | localize\"\n (valueChange)=\"onSelectStandardText($event)\"\n ></ejs-dropdownlist>\n<!-- <co-drop-down-list [-->\n<!-- [collection]=\"collection\"-->\n<!-- [fields]=\"fields\"-->\n<!-- [placeHolder]=\"'STANDARD_TEXTS' | localize\"-->\n<!-- (valueChange)=\"onSelectStandardText($event)\"-->\n <!-- ></co-drop-down-list>-->\n </div>\n <div style=\"margin-top:20px;\">\n <co-input-checkbox\n [(model)]=\"transactionAddTextLineRequest.articleBound\"\n [label]=\"'ARTICLE_BOUND_TEXT' | localize\"\n name=\"articleBoundText\">\n </co-input-checkbox>\n </div>\n <div style=\"margin-top:20px;\">\n <label [textContent]=\"'FOR_DOCUMENTS' | localize\"></label>\n <ejs-chiplist id=\"chip-default\">\n <e-chips>\n <e-chip text=\"Apple\" cssClass=\"e-primary\"></e-chip>\n <e-chip text=\"Microsoft\" cssClass=\"e-info\"></e-chip>\n <e-chip text=\"Google\" cssClass=\"e-success\"></e-chip>\n <e-chip text=\"Tesla\" cssClass=\"e-warning\"></e-chip>\n <e-chip text=\"Intel\" cssClass=\"e-danger\"></e-chip>\n </e-chips>\n </ejs-chiplist>\n </div>\n </div>\n </div>\n </ng-container>\n <ng-container footer>\n <div class=\"footer\" fxLayout fxLayoutAlign=\"center center\" fxLayoutGap=\"10px\" style=\"margin-top:30px;\">\n <co-button [label]=\"'OK' | localize\" (click)=\"onOkClick()\"></co-button>\n <co-button [label]=\"'CANCEL' | localize \" (click)=\"onCancelClick()\"></co-button>\n <co-button [label]=\"'OVERVIEW' | localize\" (click)=\"onOverviewClick()\"></co-button>\n </div>\n </ng-container>\n </co-dialog>\n\n <transaction-article-text-overview\n #articleTextOverview>\n </transaction-article-text-overview>\n ",
6716
+ providers: [ej2AngularRichtexteditor.ToolbarService, ej2AngularRichtexteditor.LinkService, ej2AngularRichtexteditor.ImageService, ej2AngularRichtexteditor.HtmlEditorService],
6717
+ styles: [":host .e-toolbar-wrapper{height:50px}\n"]
6718
+ },] }
6719
+ ];
6720
+ TransactionArticleTextComponent.ctorParameters = function () { return [
6721
+ { type: TransactionService }
6722
+ ]; };
6723
+ TransactionArticleTextComponent.propDecorators = {
6724
+ articleTextDialog: [{ type: i0.ViewChild, args: ["articleTextDialog",] }],
6725
+ articleTextOverview: [{ type: i0.ViewChild, args: ["articleTextOverview",] }],
6726
+ editor: [{ type: i0.ViewChild, args: ["rte",] }],
6727
+ subHeader: [{ type: i0.Input }],
6728
+ addTextLine: [{ type: i0.Output }]
6729
+ };
6730
+
6731
+ var TransactionManagerComponent = /** @class */ (function (_super) {
6732
+ __extends(TransactionManagerComponent, _super);
6733
+ function TransactionManagerComponent(service, transactionEvents, promptService, _dictionaryService) {
6734
+ var _this = _super.call(this, service) || this;
6735
+ _this.service = service;
6736
+ _this.transactionEvents = transactionEvents;
6737
+ _this.promptService = promptService;
6738
+ _this._dictionaryService = _dictionaryService;
6739
+ _this.linesChanged = new i0.EventEmitter();
6740
+ _this.articleAdded = new i0.EventEmitter();
6741
+ _this.columns = [];
6742
+ _this._inOutCollection = [];
6743
+ _this._showCharacteristic = false;
6744
+ _this._subs = [];
6745
+ _this._subs.push(_this.service.transactionLoaded.subscribe(function (transactionInfoResponse) {
6746
+ if (transactionInfoResponse.isSuccess) {
6747
+ _this.transaction = transactionInfoResponse;
6748
+ }
6749
+ }));
6750
+ return _this;
6751
+ }
6752
+ Object.defineProperty(TransactionManagerComponent.prototype, "amountOfLines", {
6753
+ get: function () {
6754
+ return numberUtils.NumberUtils.NrOrDefault(this.service.articleAmount, 0);
6755
+ },
6756
+ enumerable: false,
6757
+ configurable: true
6758
+ });
6759
+ Object.defineProperty(TransactionManagerComponent.prototype, "showCharacteristicDialog", {
6760
+ get: function () {
6761
+ return this._showCharacteristic;
6762
+ },
6763
+ set: function (value) {
6764
+ this._showCharacteristic = value;
6765
+ },
6766
+ enumerable: false,
6767
+ configurable: true
6768
+ });
6769
+ TransactionManagerComponent.prototype.ngOnDestroy = function () {
6770
+ this._subs.forEach(function (sub) { return sub.unsubscribe(); });
6771
+ };
6772
+ TransactionManagerComponent.prototype.addArticleLine = function (transactionUuid, sku, amount, lineNr, beforeOrAfter) {
6773
+ return __awaiter(this, void 0, void 0, function () {
6774
+ var goodId;
6775
+ return __generator(this, function (_a) {
6776
+ switch (_a.label) {
6777
+ case 0: return [4 /*yield*/, this.service.getGoodIdFromArticleNr(sku)];
6778
+ case 1:
6779
+ goodId = _a.sent();
6780
+ if (!goodId) return [3 /*break*/, 4];
6781
+ return [4 /*yield*/, this._loadArticle(goodId)];
6782
+ case 2:
6783
+ _a.sent();
6784
+ return [4 /*yield*/, this._handleAddArticleLineAt(amount, lineNr, beforeOrAfter)];
6785
+ case 3:
6786
+ _a.sent();
6787
+ return [3 /*break*/, 5];
6788
+ case 4:
6789
+ this.promptService.showError(this._dictionaryService.get("ARTICLE_UNKNOWN"));
6790
+ _a.label = 5;
6791
+ case 5: return [2 /*return*/];
6792
+ }
6793
+ });
6794
+ });
6795
+ };
6796
+ TransactionManagerComponent.prototype.changeLineSequence = function (fromIndex, toIndex) {
6797
+ return __awaiter(this, void 0, void 0, function () {
6798
+ var fromLine, toLine, aboveLineNr, belowLineNr;
6799
+ var _this = this;
6800
+ return __generator(this, function (_a) {
6801
+ switch (_a.label) {
6802
+ case 0:
6803
+ fromLine = this._getTransactionLineInfoByIndex(fromIndex);
6804
+ toLine = this._getTransactionLineInfoByIndex(toIndex);
6805
+ if (fromIndex > toIndex) {
6806
+ aboveLineNr = toLine.lineNr;
6807
+ }
6808
+ else {
6809
+ belowLineNr = toLine.lineNr;
6810
+ }
6811
+ return [4 /*yield*/, this.service.changeLineSequence(fromLine.uuid, aboveLineNr, belowLineNr, false)
6812
+ .then(function (value) {
6813
+ _this.handleLineOperationStatus(value);
6814
+ }, function (error) { return _this.promptService.showError(error); })];
6815
+ case 1:
6816
+ _a.sent();
6817
+ return [2 /*return*/];
6818
+ }
6819
+ });
6820
+ });
6821
+ };
6822
+ TransactionManagerComponent.prototype.showStockManager = function (line) {
6823
+ return __awaiter(this, void 0, void 0, function () {
6824
+ return __generator(this, function (_a) {
6825
+ this.warehouse.selectedWarehouseNr = line.warehouseNumber;
6826
+ this.warehouse.amount = line.amount;
6827
+ this.warehouse.commissionCode = line.commissionCode;
6828
+ this.warehouse.message = this.currentOperationStatus.pendingReason;
6829
+ this.warehouse.show(line.articleNumber);
6830
+ return [2 /*return*/];
6831
+ });
6832
+ });
6833
+ };
6834
+ TransactionManagerComponent.prototype.warehouseOkClick = function () {
6835
+ return __awaiter(this, void 0, void 0, function () {
6836
+ var _this = this;
6837
+ return __generator(this, function (_a) {
6838
+ switch (_a.label) {
6839
+ case 0:
6840
+ if (this.warehouse.commissionCode !== undefined) {
6841
+ this.currentReason.commissionCode = this.warehouse.commissionCode;
6842
+ }
6843
+ if (this.warehouse.amount !== undefined) {
6844
+ this.currentReason.quantity = this.warehouse.amount;
6845
+ }
6846
+ if (this.warehouse.selectedWarehouseNr !== undefined) {
6847
+ this.currentReason.warehouseNr = this.warehouse.selectedWarehouseNr;
6848
+ }
6849
+ if (!this.currentReason) return [3 /*break*/, 2];
6850
+ return [4 /*yield*/, this.service.resolvePendingLineReason(this.currentReason, false)
6851
+ .then(function (value) {
6852
+ _this.handleLineOperationStatus(value);
6853
+ })];
6854
+ case 1:
6855
+ _a.sent();
6856
+ _a.label = 2;
6857
+ case 2: return [2 /*return*/];
6858
+ }
6859
+ });
6860
+ });
6861
+ };
6862
+ TransactionManagerComponent.prototype.warehouseCancelClick = function () {
6863
+ return __awaiter(this, void 0, void 0, function () {
6864
+ return __generator(this, function (_a) {
6865
+ switch (_a.label) {
6866
+ case 0:
6867
+ if (!this.currentReason) return [3 /*break*/, 2];
6868
+ return [4 /*yield*/, this._cancelArticle(this.currentReason.lineUuid)];
6869
+ case 1:
6870
+ _a.sent();
6871
+ _a.label = 2;
6872
+ case 2: return [2 /*return*/];
6873
+ }
6874
+ });
6875
+ });
6876
+ };
6877
+ TransactionManagerComponent.prototype.handleCharacteristicAnswerOkClick = function (answer) {
6878
+ return __awaiter(this, void 0, void 0, function () {
6879
+ var _this = this;
6880
+ return __generator(this, function (_a) {
6881
+ switch (_a.label) {
6882
+ case 0:
6883
+ this.currentReason = new resolvePendingReasonRequest_bo.ResolvePendingLineReasonRequest(this.currentOperationStatus.uuid, this.currentOperationStatus.pendingReason, this.currentOperationStatus.pendingReasonType);
6884
+ this.currentReason.textualUserInput = answer;
6885
+ return [4 /*yield*/, this.service.resolvePendingLineReason(this.currentReason, false)
6886
+ .then(function (value) {
6887
+ _this.handleLineOperationStatus(value);
6888
+ })];
6889
+ case 1:
6890
+ _a.sent();
6891
+ return [2 /*return*/];
6892
+ }
6893
+ });
6894
+ });
6895
+ };
6896
+ TransactionManagerComponent.prototype._handleAddArticle = function (amount) {
6897
+ if (amount === void 0) { amount = 1; }
6898
+ return __awaiter(this, void 0, void 0, function () {
6899
+ var _this = this;
6900
+ return __generator(this, function (_a) {
6901
+ switch (_a.label) {
6902
+ case 0: return [4 /*yield*/, this.service.addTransactionLine(transactionLineType_enum.TransactionLineType.ArticleLine, this.newArticleNr, amount, this.newArticle.standardWareHouse, this.newArticle.commissionCode, false, 0, 0, false)
6903
+ .then(function (value) {
6904
+ _this.handleLineOperationStatus(value);
6905
+ }, function (error) { return _this.promptService.showError(error); })];
6906
+ case 1:
6907
+ _a.sent();
6908
+ return [2 /*return*/];
6909
+ }
6910
+ });
6911
+ });
6912
+ };
6913
+ TransactionManagerComponent.prototype._handleAddArticleLineAt = function (amount, lineNr, beforeOrAfter) {
6914
+ return __awaiter(this, void 0, void 0, function () {
6915
+ var _this = this;
6916
+ return __generator(this, function (_a) {
6917
+ switch (_a.label) {
6918
+ case 0: return [4 /*yield*/, this.service.addArticleToTransaction(this.transactionInfo.uuid, this.newArticleNr, amount, this.newArticle.standardWareHouse, this.newArticle.commissionCode, false, beforeOrAfter === PositionGridRow.Before ? lineNr : undefined, beforeOrAfter === PositionGridRow.After ? lineNr : undefined)
6919
+ .then(function (value) {
6920
+ _this.lineOperationStatuses = value.lineOperationStatuses;
6921
+ _this.handleLineOperationStatus(value);
6922
+ }, function (error) { return _this.promptService.showError(error); })];
6923
+ case 1:
6924
+ _a.sent();
6925
+ return [2 /*return*/];
6926
+ }
6927
+ });
6928
+ });
6929
+ };
6930
+ TransactionManagerComponent.prototype._getWareHouseNoFromArticle = function () {
6931
+ if (this.newArticle !== undefined && this.newArticle.stockLocations !== undefined && this.newArticle.stockLocations.length) {
6932
+ return this.newArticle.stockLocations[0].warehouseNr;
6933
+ }
6934
+ return 0;
6935
+ };
6936
+ TransactionManagerComponent.prototype.isLineOperationStatus = function (lineOperationStatuses) {
6937
+ this.currentOperationStatus = this.service.pendingLineOperationStatus(lineOperationStatuses);
6938
+ if (this.currentOperationStatus !== undefined) {
6939
+ return true;
6940
+ }
6941
+ return false;
6942
+ };
6943
+ TransactionManagerComponent.prototype._confirmAction = function () {
6944
+ return __awaiter(this, void 0, void 0, function () {
6945
+ var pendingReasonText, _a;
6946
+ var _this = this;
6947
+ return __generator(this, function (_b) {
6948
+ switch (_b.label) {
6949
+ case 0:
6950
+ this.currentReason = new resolvePendingReasonRequest_bo.ResolvePendingLineReasonRequest(this.currentOperationStatus.uuid, this.currentOperationStatus.pendingReason, this.currentOperationStatus.pendingReasonType);
6951
+ return [4 /*yield*/, this._getPendingReasonText(this.currentOperationStatus.pendingReason)];
6952
+ case 1:
6953
+ pendingReasonText = _b.sent();
6954
+ _a = this.currentReason;
6955
+ return [4 /*yield*/, this.promptService.showYesNo(pendingReasonText, " ")];
6956
+ case 2:
6957
+ _a.confirmation = _b.sent();
6958
+ return [4 /*yield*/, this.service.resolvePendingLineReason(this.currentReason, false)
6959
+ .then(function (value) {
6960
+ _this.handleLineOperationStatus(value);
6961
+ })];
6962
+ case 3:
6963
+ _b.sent();
6964
+ return [2 /*return*/];
6965
+ }
6966
+ });
6967
+ });
6968
+ };
6969
+ TransactionManagerComponent.prototype._showInformation = function () {
6970
+ return __awaiter(this, void 0, void 0, function () {
6971
+ var pendingReasonText;
6972
+ var _this = this;
6973
+ return __generator(this, function (_a) {
6974
+ switch (_a.label) {
6975
+ case 0:
6976
+ this.currentReason = new resolvePendingReasonRequest_bo.ResolvePendingLineReasonRequest(this.currentOperationStatus.uuid, this.currentOperationStatus.pendingReason, this.currentOperationStatus.pendingReasonType);
6977
+ return [4 /*yield*/, this._getPendingReasonText(this.currentOperationStatus.pendingReason)];
6978
+ case 1:
6979
+ pendingReasonText = _a.sent();
6980
+ return [4 /*yield*/, this.promptService.showOkModal(pendingReasonText, " ")];
6981
+ case 2:
6982
+ _a.sent();
6983
+ return [4 /*yield*/, this.service.resolvePendingLineReason(this.currentReason, false)
6984
+ .then(function (value) {
6985
+ _this.handleLineOperationStatus(value);
6986
+ })];
6987
+ case 3:
6988
+ _a.sent();
6989
+ return [2 /*return*/];
6990
+ }
6991
+ });
6992
+ });
6993
+ };
6994
+ TransactionManagerComponent.prototype._getPendingReasonText = function (pendingReason) {
6995
+ return __awaiter(this, void 0, void 0, function () {
6996
+ var _a, _b, _c;
6997
+ return __generator(this, function (_d) {
6998
+ switch (_d.label) {
6999
+ case 0:
7000
+ if (!(pendingReason === "ARTICLE_IS_DISCONTINUED_DO_YOU_WANT_TO_CONTINUE_PLEASE_CONFIRM")) return [3 /*break*/, 2];
7001
+ _b = (_a = this._dictionaryService.get("ARTICLE_IN_OUT_COLLECTION")).replace;
7002
+ _c = ["|~"];
7003
+ return [4 /*yield*/, this.getInOutCollectionOfArticle()];
7004
+ case 1: return [2 /*return*/, _b.apply(_a, _c.concat([_d.sent()]))];
7005
+ case 2: return [2 /*return*/, this._dictionaryService.get(pendingReason)];
7006
+ }
7007
+ });
7008
+ });
7009
+ };
7010
+ TransactionManagerComponent.prototype.getInOutCollectionOfArticle = function () {
7011
+ return __awaiter(this, void 0, void 0, function () {
7012
+ var _a, domainValue;
7013
+ var _this = this;
7014
+ return __generator(this, function (_b) {
7015
+ switch (_b.label) {
7016
+ case 0:
7017
+ if (!!this._inOutCollection.length) return [3 /*break*/, 2];
7018
+ _a = this;
7019
+ return [4 /*yield*/, this.service.getInOutCollection("NL")];
7020
+ case 1:
7021
+ _a._inOutCollection = _b.sent();
7022
+ _b.label = 2;
7023
+ case 2:
7024
+ domainValue = this._inOutCollection.find(function (element) { return element.code === _this.newArticle.inOutCollection; });
7025
+ if (domainValue) {
7026
+ return [2 /*return*/, domainValue.description];
7027
+ }
7028
+ return [2 /*return*/, ""];
7029
+ }
7030
+ });
7031
+ });
7032
+ };
7033
+ TransactionManagerComponent.prototype.handleLineOperationStatus = function (lineOperationResponse) {
7034
+ return __awaiter(this, void 0, void 0, function () {
7035
+ return __generator(this, function (_a) {
7036
+ switch (_a.label) {
7037
+ case 0:
7038
+ if (!this.isLineOperationStatus(lineOperationResponse.lineOperationStatuses)) return [3 /*break*/, 2];
7039
+ this.transaction = lineOperationResponse;
7040
+ this.articleAdded.emit(this.transaction);
7041
+ return [4 /*yield*/, this._handlePendingLine(this.currentOperationStatus.uuid).then()];
7042
+ case 1:
7043
+ _a.sent();
7044
+ return [3 /*break*/, 4];
7045
+ case 2: return [4 /*yield*/, this._saveTransaction()];
7046
+ case 3:
7047
+ _a.sent();
7048
+ _a.label = 4;
7049
+ case 4: return [2 /*return*/];
7050
+ }
7051
+ });
7052
+ });
7053
+ };
7054
+ TransactionManagerComponent.prototype._handlePendingLine = function (lineUuid) {
7055
+ return __awaiter(this, void 0, void 0, function () {
7056
+ var _a;
7057
+ return __generator(this, function (_b) {
7058
+ switch (_b.label) {
7059
+ case 0:
7060
+ this.currentReason = new resolvePendingReasonRequest_bo.ResolvePendingLineReasonRequest(this.currentOperationStatus.uuid, this.currentOperationStatus.pendingReason, this.currentOperationStatus.pendingReasonType);
7061
+ this.currentPendingLine = this.transactionLines.find(function (l) { return l.uuid === lineUuid; });
7062
+ _a = this.currentOperationStatus.pendingReasonType;
7063
+ switch (_a) {
7064
+ case pendingReasonType_enum.PendingReasonType.ABORTED: return [3 /*break*/, 1];
7065
+ case pendingReasonType_enum.PendingReasonType.CANCELLED: return [3 /*break*/, 1];
7066
+ case pendingReasonType_enum.PendingReasonType.CONFIRMATION_NEEDED: return [3 /*break*/, 3];
7067
+ case pendingReasonType_enum.PendingReasonType.INVALID_LOGISTICS: return [3 /*break*/, 5];
7068
+ case pendingReasonType_enum.PendingReasonType.NON_CRITICAL_DISCONTINUATION: return [3 /*break*/, 7];
7069
+ case pendingReasonType_enum.PendingReasonType.CHARACTERISTICS_ANSWER_NEEDED: return [3 /*break*/, 9];
7070
+ case pendingReasonType_enum.PendingReasonType.NONE: return [3 /*break*/, 10];
7071
+ }
7072
+ return [3 /*break*/, 10];
7073
+ case 1: return [4 /*yield*/, this._cancelArticle(this.currentPendingLine.uuid)];
7074
+ case 2:
7075
+ _b.sent();
7076
+ return [3 /*break*/, 11];
7077
+ case 3: return [4 /*yield*/, this._confirmAction()];
7078
+ case 4:
7079
+ _b.sent();
7080
+ return [3 /*break*/, 11];
7081
+ case 5: return [4 /*yield*/, this.showStockManager(this.currentPendingLine)];
7082
+ case 6:
7083
+ _b.sent();
7084
+ return [3 /*break*/, 11];
7085
+ case 7: return [4 /*yield*/, this._showInformation()];
7086
+ case 8:
7087
+ _b.sent();
7088
+ return [3 /*break*/, 11];
7089
+ case 9:
7090
+ this.CharacteristicsAnswerNeeded();
7091
+ return [3 /*break*/, 11];
7092
+ case 10:
7093
+ this.currentReason = undefined;
7094
+ this.currentPendingLine = undefined;
7095
+ return [3 /*break*/, 11];
7096
+ case 11: return [2 /*return*/];
7097
+ }
7098
+ });
7099
+ });
7100
+ };
7101
+ TransactionManagerComponent.prototype._saveTransaction = function () {
7102
+ return __awaiter(this, void 0, void 0, function () {
7103
+ var success;
7104
+ return __generator(this, function (_a) {
7105
+ switch (_a.label) {
7106
+ case 0:
7107
+ if (!this.transactionInfo) return [3 /*break*/, 2];
7108
+ return [4 /*yield*/, this.service.saveTransactionByUuid(this.transactionInfo.uuid)];
7109
+ case 1:
7110
+ success = _a.sent();
7111
+ if (!success) {
7112
+ this.promptService.showError("Transaction could not be saved!");
7113
+ }
7114
+ _a.label = 2;
7115
+ case 2: return [2 /*return*/];
7116
+ }
7117
+ });
7118
+ });
7119
+ };
7120
+ TransactionManagerComponent.prototype._loadArticle = function (goodId) {
7121
+ return __awaiter(this, void 0, void 0, function () {
7122
+ var _a;
7123
+ return __generator(this, function (_b) {
7124
+ switch (_b.label) {
7125
+ case 0:
7126
+ _a = this;
7127
+ return [4 /*yield*/, this.service.getArticleFullObject(goodId)];
7128
+ case 1:
7129
+ _a.newArticle = _b.sent();
7130
+ this.newArticleNr = this.newArticle.articleNr;
7131
+ return [2 /*return*/];
7132
+ }
7133
+ });
7134
+ });
7135
+ };
7136
+ TransactionManagerComponent.prototype.addEmailAddressToTransaction = function (emailAddress) {
7137
+ this.service.emailAddress = emailAddress;
7138
+ };
7139
+ TransactionManagerComponent.prototype.CharacteristicsAnswerNeeded = function () {
7140
+ var _this = this;
7141
+ this.characteristicAnswer.question = this.currentOperationStatus.characteristic.question;
7142
+ this.characteristicAnswer.title = this.newArticle.description;
7143
+ this.characteristicAnswer.value = this.currentOperationStatus.characteristic.value;
7144
+ this.characteristicAnswer.characteristics = this.currentOperationStatus.characteristic.transactionLineCharacteristicChoices;
7145
+ setTimeout(function () {
7146
+ _this.characteristicAnswer.open();
7147
+ // eslint-disable-next-line no-magic-numbers
7148
+ }, 1000);
6474
7149
  };
6475
- TransactionArticleTextComponent.prototype.onDetailLinkClick = function (bo) {
6476
- this.editArtikelText = true;
7150
+ TransactionManagerComponent.prototype._getTransactionLineInfoByIndex = function (index) {
7151
+ if (index >= 0 && index < this.transactionLines.length) {
7152
+ return this.service.currentLines[index];
7153
+ }
6477
7154
  };
6478
- TransactionArticleTextComponent.prototype.hideEditArtikelText = function () {
6479
- this.editArtikelText = false;
7155
+ TransactionManagerComponent.prototype._cancelArticle = function (uuid) {
7156
+ return __awaiter(this, void 0, void 0, function () {
7157
+ var _this = this;
7158
+ return __generator(this, function (_a) {
7159
+ switch (_a.label) {
7160
+ case 0: return [4 /*yield*/, this.service.cancelAddTransactionLine(uuid, false)
7161
+ .then(function (response) {
7162
+ _this.transaction = response;
7163
+ _this.articleAdded.emit(response);
7164
+ })];
7165
+ case 1:
7166
+ _a.sent();
7167
+ return [2 /*return*/];
7168
+ }
7169
+ });
7170
+ });
6480
7171
  };
6481
- TransactionArticleTextComponent.prototype.onOkEditArtikelTextClick = function () {
6482
- this.editArtikelText = false;
7172
+ TransactionManagerComponent.prototype.addTextLineToTransaction = function (transactionUuid, text, lineNr, beforeOrAfter) {
7173
+ return __awaiter(this, void 0, void 0, function () {
7174
+ var _this = this;
7175
+ return __generator(this, function (_a) {
7176
+ switch (_a.label) {
7177
+ case 0: return [4 /*yield*/, this.service.addTextLineToTransaction(transactionUuid, 0, text, 0, false, lineNr, beforeOrAfter === PositionGridRow.Before ? lineNr : undefined, beforeOrAfter === PositionGridRow.After ? lineNr : undefined)
7178
+ .then(function (response) {
7179
+ _this.transaction = response;
7180
+ _this.articleAdded.emit(response);
7181
+ }, function (error) { return _this.promptService.showError(error); })];
7182
+ case 1:
7183
+ _a.sent();
7184
+ return [2 /*return*/];
7185
+ }
7186
+ });
7187
+ });
6483
7188
  };
6484
- return TransactionArticleTextComponent;
7189
+ return TransactionManagerComponent;
6485
7190
  }(TransactionBaseComponent));
6486
- TransactionArticleTextComponent.decorators = [
7191
+ TransactionManagerComponent.decorators = [
6487
7192
  { type: i0.Component, args: [{
6488
7193
  // eslint-disable-next-line @angular-eslint/component-selector
6489
- selector: "transaction-article-text",
6490
- template: "\n <co-dialog [visible]=\"visible\" (close)=\"onPopupClose()\">\n <ng-container header>{{ subHeader }}</ng-container>\n <ng-container content>\n <div class=\"tags-join-content\" fxLayout fxLayoutGap=\"10px\">\n <div class=\"column-separator\">\n <co-input-text placeholder=\"Titel\"></co-input-text>\n<!--transactiontransaction-->\n<!-- label=\"Artikeltekst\"-->\n<!-- ></co-text-editor>-->\n </div>\n <div style=\"margin-left:5px;\">\n <div style=\"margin-top:16px;\">\n <ejs-dropdownlist\n [dataSource]=\"collection\"\n [fields]=\"fields\"\n placeholder=\"Standaardteksten\"\n ></ejs-dropdownlist>\n </div>\n <div style=\"margin-top:20px;\">\n <co-input-checkbox\n label=\"Artikelgebonden tekst\"\n name=\"articleBoundText\">\n </co-input-checkbox>\n </div>\n <div style=\"margin-top:20px;\">\n <label>Bestemd voor documenten</label>\n <ejs-chiplist id=\"chip-default\">\n <e-chips>\n <e-chip text=\"Apple\" cssClass=\"e-primary\"></e-chip>\n <e-chip text=\"Microsoft\" cssClass=\"e-info\"></e-chip>\n <e-chip text=\"Google\" cssClass=\"e-success\"></e-chip>\n <e-chip text=\"Tesla\" cssClass=\"e-warning\"></e-chip>\n <e-chip text=\"Intel\" cssClass=\"e-danger\"></e-chip>\n </e-chips>\n </ejs-chiplist>\n </div>\n </div>\n </div>\n </ng-container>\n <ng-container footer>\n <div class=\"footer\" fxLayout fxLayoutAlign=\"center center\" fxLayoutGap=\"10px\" style=\"margin-top:30px;\">\n <co-button label=\"OK\" (click)=\"onOkClick()\"></co-button>\n <co-button label=\"CANCEL\" (click)=\"hide()\"></co-button>\n <co-button label=\"OVERVIEW\" (click)=\"onOverview()\"></co-button>\n </div>\n </ng-container>\n </co-dialog>\n\n <co-dialog [visible]=\"overviewSelected\" (close)=\"hideOverview()\">\n <ng-container header>Artikelgebonden teksten {{ subHeader }}</ng-container>\n <ng-container content>\n <div class=\"tags-join-content\" fxLayout fxLayoutGap=\"10px\">\n <div class=\"column-separator\" style=\"width:75%\">\n<!-- <grid [data]=\"articleTexts\" detailLink (detailLinkClick)=\"onDetailLinkClick($event)\">-->\n<!-- <grid-column key=\"title\" header=\"TITLE\" width=\"100px;\"></grid-column>-->\n<!-- <grid-column key=\"description\" header=\"DESCRIPTION\" width=\"200px\"></grid-column>-->\n<!-- </grid>-->\n </div>\n <div style=\"margin-left:5px;\">\n <div style=\"margin-top:20px;\">\n\n <co-input-checkbox\n label=\"Artikelgebonden tekst\"\n name=\"articleBoundText\"\n value=\"true\"\n ></co-input-checkbox>\n </div>\n <div style=\"margin-top:20px;\">\n <label>Bestemd voor documenten</label>\n <ejs-chiplist id=\"chip-default\">\n <e-chips>\n <e-chip text=\"Apple\" cssClass=\"e-primary\"></e-chip>\n <e-chip text=\"Microsoft\" cssClass=\"e-info\"></e-chip>\n <e-chip text=\"Google\" cssClass=\"e-success\"></e-chip>\n <e-chip text=\"Tesla\" cssClass=\"e-warning\"></e-chip>\n <e-chip text=\"Intel\" cssClass=\"e-danger\"></e-chip>\n </e-chips>\n </ejs-chiplist>\n </div>\n </div>\n </div>\n </ng-container>\n <ng-container footer>\n <div class=\"footer\" fxLayout fxPosition=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"10px\" style=\"margin-top:30px;\">\n <co-button label=\"OK\" (click)=\"onOkOverviewClick()\"></co-button>\n <co-button label=\"CANCEL\" (click)=\"hideOverview()\"></co-button>\n </div>\n </ng-container>\n </co-dialog>\n\n <co-dialog [visible]=\"editArtikelText\" (close)=\"hideEditArtikelText()\">\n <ng-container header>{{ subHeader }}</ng-container>\n <ng-container content>\n <div class=\"tags-join-content\" fxLayout fxLayoutGap=\"10px\">\n <div class=\"column-separator\">\n <co-input-text placeholder=\"Titel\"></co-input-text>\n<!-- <co-text-editor-->\n<!-- label=\"Artikeltekst\"-->\n<!-- ></co-text-editor>-->\n </div>\n </div>\n </ng-container>\n <ng-container footer>\n <div class=\"footer\" fxLayout fxLayoutAlign=\"center center\" fxLayoutGap=\"10px\" style=\"margin-top:30px;\">\n <co-button label=\"OK\" (click)=\"onOkEditArtikelTextClick()\"></co-button>\n <co-button label=\"CANCEL\" (click)=\"hideEditArtikelText()\"></co-button>\n </div>\n </ng-container>\n </co-dialog>\n ",
6491
- styles: [""]
7194
+ selector: "transaction-manager",
7195
+ template: "\n <warehouse #warehouse\n (okClick)=\"warehouseOkClick()\"\n (cancelClick)=\"warehouseCancelClick()\"\n ></warehouse>\n <characteristic-answer\n #characteristicAnswer\n (okClick)=\"handleCharacteristicAnswerOkClick($event)\"\n ></characteristic-answer>\n ",
7196
+ styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,.warehouse-line-container{display:flex}.flex-center,.warehouse-line-container{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field,.commission-fields{margin-left:11px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}::ng-deep #warehouseDialog{align-items:center;max-height:100%}::ng-deep #warehouseDialog ::ng-deep co-form{height:100%;width:500px}::ng-deep #warehouseDialog ::ng-deep .form-content{height:calc(100% - 80px);width:100%}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field{height:20px;word-wrap:break-word;white-space:normal}co-button:not(:last-child){margin-right:10px}.commission-fields{justify-content:space-between;margin:10px 0}.warehouse-description-item{width:15rem}.warehouse-nr-item{width:5rem}co-input-number-picker co-button{max-width:20px}\n"]
6492
7197
  },] }
6493
7198
  ];
6494
- TransactionArticleTextComponent.ctorParameters = function () { return [
6495
- { type: TransactionService }
7199
+ TransactionManagerComponent.ctorParameters = function () { return [
7200
+ { type: TransactionService },
7201
+ { type: TransactionEventService },
7202
+ { type: corecomponents_v12.PromptService },
7203
+ { type: DictionaryService }
6496
7204
  ]; };
6497
- TransactionArticleTextComponent.propDecorators = {
6498
- subHeader: [{ type: i0.Input }]
7205
+ TransactionManagerComponent.propDecorators = {
7206
+ warehouse: [{ type: i0.ViewChild, args: ["warehouse",] }],
7207
+ characteristicAnswer: [{ type: i0.ViewChild, args: ["characteristicAnswer",] }],
7208
+ linesChanged: [{ type: i0.Output }],
7209
+ articleAdded: [{ type: i0.Output }]
6499
7210
  };
6500
7211
 
6501
7212
  var ServiceOrderComponent = /** @class */ (function (_super) {
6502
7213
  __extends(ServiceOrderComponent, _super);
6503
- function ServiceOrderComponent(service, transactionEvents, iconCacheService) {
7214
+ function ServiceOrderComponent(service, transactionEvents, iconCacheService, _promptService) {
6504
7215
  var _this = _super.call(this, service) || this;
6505
7216
  _this.service = service;
6506
7217
  _this.transactionEvents = transactionEvents;
6507
7218
  _this.iconCacheService = iconCacheService;
7219
+ _this._promptService = _promptService;
6508
7220
  _this.iconThickLines = corecomponents_v12.CoreComponentsIcon.ThickLines;
6509
7221
  _this.iconThinLines = corecomponents_v12.CoreComponentsIcon.ThinLines;
6510
7222
  _this.iconOrder = corecomponents_v12.CoreComponentsIcon.Order;
6511
7223
  _this.viewModes = ContentViewMode;
6512
7224
  _this.canPlanDelivery = false;
6513
7225
  _this.showTotals = true;
7226
+ _this.floatButtonRightPosition = ServiceOrderComponent.FLOAT_BUTTON_RIGHT_POSITION_WITHOUT_SIDEBAR;
6514
7227
  _this.contextMenuItems = [];
6515
7228
  _this.isRouteOptimizationConfigured = false;
6516
7229
  _this.activeViewMode = ContentViewMode.List;
6517
- _this.floatButtonSelected = false;
7230
+ _this.newArticleNr = "";
6518
7231
  _this._subs = [];
6519
7232
  return _this;
6520
7233
  }
@@ -6532,6 +7245,16 @@
6532
7245
  enumerable: false,
6533
7246
  configurable: true
6534
7247
  });
7248
+ Object.defineProperty(ServiceOrderComponent.prototype, "subHeader", {
7249
+ get: function () {
7250
+ if (this._selectedTransLine) {
7251
+ return this._selectedTransLine.goodDescription;
7252
+ }
7253
+ return "Geen artikel geselecteerd";
7254
+ },
7255
+ enumerable: false,
7256
+ configurable: true
7257
+ });
6535
7258
  ServiceOrderComponent.prototype.ngOnInit = function () {
6536
7259
  return __awaiter(this, void 0, void 0, function () {
6537
7260
  var _this = this;
@@ -6556,15 +7279,23 @@
6556
7279
  });
6557
7280
  });
6558
7281
  };
7282
+ ServiceOrderComponent.prototype.ngAfterViewInit = function () {
7283
+ var _this = this;
7284
+ this._subs.push(this._transactionManager.articleAdded.subscribe(function (transactionInfoResponse) {
7285
+ _this.transaction = transactionInfoResponse;
7286
+ }), this._transactionArticleText.addTextLine.subscribe(function (transactionAddTextLineRequest) {
7287
+ _this.addTextLine(transactionAddTextLineRequest);
7288
+ }));
7289
+ };
6559
7290
  ServiceOrderComponent.prototype.ngOnDestroy = function () {
6560
7291
  this._subs.forEach(function (sub) { return sub.unsubscribe(); });
6561
7292
  };
6562
7293
  ServiceOrderComponent.prototype.animationFn = function () {
6563
- return animations.trigger("showPopup", [
6564
- animations.state("void", animations.style({ transform: "translate3d(0, 0, 0)" })),
6565
- animations.state("*", animations.style({ transform: "translate3d(100%, 0, 0)" })),
6566
- animations.transition("void <=> *", [
6567
- animations.animate("200ms ease-in-out")
7294
+ return animations$1.trigger("showPopup", [
7295
+ animations$1.state("void", animations$1.style({ transform: "translate3d(0, 0, 0)" })),
7296
+ animations$1.state("*", animations$1.style({ transform: "translate3d(100%, 0, 0)" })),
7297
+ animations$1.transition("void <=> *", [
7298
+ animations$1.animate("200ms ease-in-out")
6568
7299
  ])
6569
7300
  ]);
6570
7301
  };
@@ -6587,29 +7318,40 @@
6587
7318
  this.floatButtonRightPosition = ServiceOrderComponent.FLOAT_BUTTON_RIGHT_POSITION_WITHOUT_SIDEBAR;
6588
7319
  }
6589
7320
  };
6590
- ServiceOrderComponent.prototype.onOkClick = function () {
6591
- this.hide();
6592
- };
6593
- ServiceOrderComponent.prototype.hide = function () {
6594
- this.floatButtonSelected = false;
6595
- };
6596
7321
  ServiceOrderComponent.prototype.floatButtonClick = function () {
6597
- this.floatButtonSelected = true;
6598
- this._transactionArticleTextComponent.visible = this.floatButtonSelected;
7322
+ this._transactionArticleText.transactionAddTextLineRequest.transactionUuid = this.transactionInfo.uuid;
7323
+ this._transactionArticleText.transactionAddTextLineRequest.text = "";
7324
+ this._transactionArticleText.selectedLine = this._selectedTransLine;
7325
+ this._transactionArticleText.subHeader = this.subHeader;
7326
+ this._transactionArticleText.open();
6599
7327
  };
6600
- Object.defineProperty(ServiceOrderComponent.prototype, "subHeader", {
6601
- get: function () {
6602
- if (this._selectedTransLine && this._selectedTransLine !== undefined) {
6603
- return this._selectedTransLine.goodDescription;
6604
- }
6605
- return "";
6606
- },
6607
- enumerable: false,
6608
- configurable: true
6609
- });
6610
7328
  ServiceOrderComponent.prototype.hideOrderTotals = function (event) {
6611
7329
  this.showTotals = false;
6612
7330
  };
7331
+ ServiceOrderComponent.prototype.addArticleLine = function (event) {
7332
+ return __awaiter(this, void 0, void 0, function () {
7333
+ return __generator(this, function (_a) {
7334
+ switch (_a.label) {
7335
+ case 0:
7336
+ if (!(event.code === "Enter")) return [3 /*break*/, 2];
7337
+ if (!(this.newArticleNr && this.newArticleNr !== "")) return [3 /*break*/, 2];
7338
+ return [4 /*yield*/, this._transactionManager.addArticleLine(this.transactionInfo.uuid, this.newArticleNr, 1, 0, PositionGridRow.After)];
7339
+ case 1:
7340
+ _a.sent();
7341
+ _a.label = 2;
7342
+ case 2: return [2 /*return*/];
7343
+ }
7344
+ });
7345
+ });
7346
+ };
7347
+ ServiceOrderComponent.prototype.addTextLine = function (transactionAddTextLineRequest) {
7348
+ return __awaiter(this, void 0, void 0, function () {
7349
+ return __generator(this, function (_a) {
7350
+ this._transactionManager.addTextLineToTransaction(transactionAddTextLineRequest.transactionUuid, transactionAddTextLineRequest.text, transactionAddTextLineRequest.refArticleLineNr, PositionGridRow.After);
7351
+ return [2 /*return*/];
7352
+ });
7353
+ });
7354
+ };
6613
7355
  return ServiceOrderComponent;
6614
7356
  }(TransactionBaseComponent));
6615
7357
  ServiceOrderComponent.FLOAT_BUTTON_RIGHT_POSITION_WITHOUT_SIDEBAR = 50;
@@ -6618,17 +7360,19 @@
6618
7360
  { type: i0.Component, args: [{
6619
7361
  // eslint-disable-next-line @angular-eslint/component-selector
6620
7362
  selector: "service-order",
6621
- template: "\n <div id=\"transaction-general-tab\" style=\"height:100%;\">\n <transaction-header-block\n [relationId]=\"relationId\"\n [transaction]=\"transaction\"\n [canPlanDelivery]=\"canPlanDelivery\"\n (planningRequestButtonClick)=\"handlePlanningRequest($event)\"\n ></transaction-header-block>\n <div *ngIf=\"!isService\">\n <div class=\"transaction-view\" fxLayout=\"row\" fxLayoutGap=\"1px\" fxLayoutAlign=\"flex-end\">\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 *ngIf=\"this.activeViewMode === viewModes.List\">\n <transaction-order-line-view *ngFor=\"let line of transactionLines; trackBy:trackByFn;\"\n [line]=\"line\"\n ></transaction-order-line-view>\n </div>\n <div *ngIf=\"this.activeViewMode === viewModes.Grid\">\n <transaction-order-lines [transaction]=\"transaction\"></transaction-order-lines>\n </div>\n <div class=\"floating-icon-wrapper\" [style.right.px]=\"floatButtonRightPosition\">\n <icon [icon]=\"iconOrder\"\n class=\"light\"\n (click)=\"floatButtonClick()\" id=\"floatingIcon\"\n [style.right.px]=\"floatButtonRightPosition\"></icon>\n </div>\n </div>\n <transaction-order-totals *ngIf=\"!isService\"\n [ngClass]=\"showTotals ? 'transaction-totals-show' : 'transaction-totals-hide'\"></transaction-order-totals>\n </div>\n\n <transaction-article-text></transaction-article-text>\n ",
7363
+ template: "\n <transaction-manager></transaction-manager>\n <div id=\"transaction-general-tab\" style=\"height:100%;\">\n <transaction-header-block\n [relationId]=\"relationId\"\n [transaction]=\"transaction\"\n [canPlanDelivery]=\"canPlanDelivery\"\n (planningRequestButtonClick)=\"handlePlanningRequest($event)\"\n ></transaction-header-block>\n <div *ngIf=\"!isService\">\n <div style=\"display: flex; flex-direction: row; place-content: center\">\n <co-input-text style=\"width: 200px;\"\n [(model)]=\"newArticleNr\"\n [placeholder]=\"'WHERE_ARE_YOU_LOOKING_FOR' | localize\"\n [showClearButton]=\"true\"\n (keypress)=\"addArticleLine($event)\"\n ></co-input-text>\n </div>\n <div class=\"transaction-view\" fxLayout=\"row\" fxLayoutGap=\"1px\" fxLayoutAlign=\"flex-end\">\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 *ngIf=\"this.activeViewMode === viewModes.List\">\n <transaction-order-line-view *ngFor=\"let line of transactionLines; trackBy:trackByFn;\"\n [line]=\"line\"\n ></transaction-order-line-view>\n </div>\n <div *ngIf=\"this.activeViewMode === viewModes.Grid\">\n <transaction-order-lines [transaction]=\"transaction\"></transaction-order-lines>\n </div>\n <div class=\"floating-icon-wrapper\" [style.right.px]=\"floatButtonRightPosition\">\n <icon [icon]=\"iconOrder\"\n class=\"light\"\n (click)=\"floatButtonClick()\" id=\"floatingIcon\"\n [style.right.px]=\"floatButtonRightPosition\"></icon>\n </div>\n </div>\n <transaction-order-totals *ngIf=\"!isService\"\n [ngClass]=\"showTotals ? 'transaction-totals-show' : 'transaction-totals-hide'\"></transaction-order-totals>\n </div>\n\n <transaction-article-text></transaction-article-text>\n ",
6622
7364
  styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,:host :host{display:flex}.flex-center{flex-direction:row}:host :host{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.transaction-view .view-mode-buttons{margin-left:11px}:host :host{width:100%}:host :host{overflow:hidden}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host :host{padding-bottom:60px}.page-wrapper :host{padding:20px;margin-bottom:60px}:host transaction-order-totals{display:flex;flex-direction:column;align-items:flex-end}:host .transaction-totals-show{padding:20px}:host .transaction-totals-hide{position:relative;bottom:0;right:0}::ng-deep #transaction_planning_agenda{top:160px!important;width:calc(100vw - 80px)!important}::ng-deep #transaction_planning_agenda .popup-card-title{padding:10px 20px;background:#74B77F;color:#fff}::ng-deep #transaction_planning_agenda .popup-card-title .header-wrapper{align-items:center!important}::ng-deep #transaction_planning_agenda .popup-card-title .separator{border-color:#fff!important}::ng-deep #transaction_planning_agenda .popup-card-title .header{font-size:15px;font-weight:normal}::ng-deep #transaction_planning_agenda .popup-card-title .sub-header{font-size:18px;color:#fff!important;font-weight:bold!important}::ng-deep #transaction_planning_agenda .popup-card-title button-select icon [fill]{fill:#fff}::ng-deep #transaction_planning_agenda .popup-card-content{overflow:hidden}@media only screen and (max-width: 599px){::ng-deep #transaction_planning_agenda{width:100vw!important}::ng-deep #transaction_planning_agenda .popup-card-content{padding:0}}.column-separator{padding-right:25px;border-right:1px solid #0000001c}.floating-icon-wrapper{position:fixed;bottom:50px;right:50px;display:flex;flex-shrink:0;align-items:center;justify-content:center;background:#475060;height:50px;width:50px;opacity:.5;transition:opacity .4s ease-in-out;border-radius:50%;overflow:hidden;box-shadow:0 0 6px #0009;-webkit-box-shadow:0px 0px 6px 0px rgba(0,0,0,.6);-moz-box-shadow:0px 0px 6px 0px rgba(0,0,0,.6);cursor:pointer}.floating-icon-wrapper:hover{opacity:1;transition:opacity .4s ease-in-out}.floating-icon-wrapper ::ng-deep icon{height:44px!important;width:44px!important;color:#fff!important;flex-shrink:0}.transaction-wrapper{padding:0 20px}.view-mode-buttons co-button{padding:0}.transaction-view{display:flex;margin-top:10px;justify-content:stretch}.transaction-view .view-mode-buttons{display:flex;flex-direction:row}.transaction-view .view-mode-buttons button-select ::ng-deep button-colijn{border-radius:0}.transaction-view .view-mode-buttons button-select:first-child{margin-right:5px}.transaction-view .view-mode-buttons button-select:first-child ::ng-deep button-colijn{border-radius:3px}.transaction-view .view-mode-buttons button-select:nth-child(2) ::ng-deep button-colijn{border-top-left-radius:3px;border-bottom-left-radius:3px}.transaction-view .view-mode-buttons button-select:last-child ::ng-deep button-colijn{border-top-right-radius:3px;border-bottom-right-radius:3px}\n"]
6623
7365
  },] }
6624
7366
  ];
6625
7367
  ServiceOrderComponent.ctorParameters = function () { return [
6626
7368
  { type: TransactionService },
6627
7369
  { type: TransactionEventService },
6628
- { type: corecomponents_v12.IconCacheService }
7370
+ { type: corecomponents_v12.IconCacheService },
7371
+ { type: corecomponents_v12.PromptService }
6629
7372
  ]; };
6630
7373
  ServiceOrderComponent.propDecorators = {
6631
- _transactionArticleTextComponent: [{ type: i0.ViewChild, args: [TransactionArticleTextComponent, { static: false },] }]
7374
+ _transactionArticleText: [{ type: i0.ViewChild, args: [TransactionArticleTextComponent,] }],
7375
+ _transactionManager: [{ type: i0.ViewChild, args: [TransactionManagerComponent,] }]
6632
7376
  };
6633
7377
 
6634
7378
  var TransactionOrderTotalsComponent = /** @class */ (function (_super) {
@@ -6716,7 +7460,7 @@
6716
7460
  _this.createServiceClick = new i0.EventEmitter();
6717
7461
  _this.nothingSelected = true;
6718
7462
  _this.columns = [];
6719
- _this.columns.push({ field: "articleNumber", headerText: _this._dictionaryService.get("ARTICLE_NR"), allowFiltering: false }, { field: "goodDescription", headerText: _this._dictionaryService.get("DESCRIPTION") }, { field: "detailsAsString", headerText: _this._dictionaryService.get("DETAILS") }, { field: "price", headerText: _this._dictionaryService.get("PRICE") }, { field: "amount", headerText: _this._dictionaryService.get("NUMBER") }, { field: "lineTotal", headerText: _this._dictionaryService.get("SUBTOTAL") }, { field: "logisticState", headerText: _this._dictionaryService.get("STATE") }, { field: "expectedDeliveryDate", headerText: _this._dictionaryService.get("EXPECTED_DELIVERY_DATE") });
7463
+ _this.columns.push({ field: "articleNumber", headerText: _this._dictionaryService.get("ARTICLE_NR"), allowFiltering: false }, { field: "goodDescription", headerText: _this._dictionaryService.get("DESCRIPTION") }, { field: "text", headerText: _this._dictionaryService.get("TEXT") }, { field: "detailsAsString", headerText: _this._dictionaryService.get("DETAILS") }, { field: "price", headerText: _this._dictionaryService.get("PRICE") }, { field: "amount", headerText: _this._dictionaryService.get("NUMBER") }, { field: "lineTotal", headerText: _this._dictionaryService.get("SUBTOTAL") }, { field: "logisticState", headerText: _this._dictionaryService.get("STATE") }, { field: "expectedDeliveryDate", headerText: _this._dictionaryService.get("EXPECTED_DELIVERY_DATE") });
6720
7464
  return _this;
6721
7465
  }
6722
7466
  Object.defineProperty(TransactionOrderLinesComponent.prototype, "pagingEnabled", {
@@ -7522,6 +8266,254 @@
7522
8266
  okButtonComp: [{ type: i0.ViewChild, args: ["okButton",] }]
7523
8267
  };
7524
8268
 
8269
+ var WarehouseComponent = /** @class */ (function () {
8270
+ function WarehouseComponent(service, _dictionaryService) {
8271
+ this.service = service;
8272
+ this._dictionaryService = _dictionaryService;
8273
+ this.message = "";
8274
+ this.okClick = new i0.EventEmitter();
8275
+ this.cancelClick = new i0.EventEmitter();
8276
+ this.commissionCodes = [];
8277
+ this.commissionFields = { text: "description", value: "code" };
8278
+ this.transactionArticleWarehouses = [];
8279
+ this.columns = [];
8280
+ this._okOrCancelClick = false;
8281
+ }
8282
+ WarehouseComponent.prototype.ngOnInit = function () {
8283
+ return __awaiter(this, void 0, void 0, function () {
8284
+ var _a;
8285
+ return __generator(this, function (_b) {
8286
+ switch (_b.label) {
8287
+ case 0:
8288
+ _a = this;
8289
+ return [4 /*yield*/, this.service.getCommissionCodes("NL")];
8290
+ case 1:
8291
+ _a.commissionCodes = _b.sent();
8292
+ this.columns.push({ field: "warehouseNr", headerText: this._dictionaryService.get("WAREHOUSE"), allowFiltering: false }, { field: "warehouseDesc", headerText: this._dictionaryService.get("DESCRIPTION") }, { field: "stockAmount", headerText: this._dictionaryService.get("STOCK") });
8293
+ return [2 /*return*/];
8294
+ }
8295
+ });
8296
+ });
8297
+ };
8298
+ WarehouseComponent.prototype.ngOnDestroy = function () {
8299
+ this.warehouseDialog.close();
8300
+ };
8301
+ WarehouseComponent.prototype.showStockManager = function (line) {
8302
+ return __awaiter(this, void 0, void 0, function () {
8303
+ return __generator(this, function (_a) {
8304
+ this.selectedWarehouseNr = line.warehouseNumber;
8305
+ this.amount = line.amount;
8306
+ this.commissionCode = line.commissionCode;
8307
+ this.show(line.articleNumber);
8308
+ return [2 /*return*/];
8309
+ });
8310
+ });
8311
+ };
8312
+ WarehouseComponent.prototype.hide = function () {
8313
+ return __awaiter(this, void 0, void 0, function () {
8314
+ return __generator(this, function (_a) {
8315
+ switch (_a.label) {
8316
+ case 0:
8317
+ if (this._okOrCancelClick) {
8318
+ this._okOrCancelClick = false;
8319
+ return [2 /*return*/];
8320
+ }
8321
+ return [4 /*yield*/, this.onStockManagerCancelClick()];
8322
+ case 1:
8323
+ _a.sent();
8324
+ return [2 /*return*/];
8325
+ }
8326
+ });
8327
+ });
8328
+ };
8329
+ WarehouseComponent.prototype.show = function (articleNr) {
8330
+ this._reloadDataCollections(articleNr).then();
8331
+ this.warehouseGrid.selectRow(this.selectedWarehouseNr);
8332
+ this.warehouseDialog.targetElement = null;
8333
+ this.warehouseDialog.open();
8334
+ };
8335
+ WarehouseComponent.prototype.handleRowsSelected = function (rows) {
8336
+ this.selectedWarehouseNr = (rows.find(function (x) { return x !== undefined; })).warehouseNr;
8337
+ };
8338
+ WarehouseComponent.prototype.onStockManagerCancelClick = function () {
8339
+ return __awaiter(this, void 0, void 0, function () {
8340
+ return __generator(this, function (_a) {
8341
+ this._okOrCancelClick = true;
8342
+ this.warehouseDialog.close();
8343
+ this.cancelClick.emit();
8344
+ return [2 /*return*/];
8345
+ });
8346
+ });
8347
+ };
8348
+ WarehouseComponent.prototype.onStockManagerOkClick = function () {
8349
+ return __awaiter(this, void 0, void 0, function () {
8350
+ return __generator(this, function (_a) {
8351
+ this._okOrCancelClick = true;
8352
+ this.warehouseDialog.close();
8353
+ this.okClick.emit();
8354
+ return [2 /*return*/];
8355
+ });
8356
+ });
8357
+ };
8358
+ WarehouseComponent.prototype._reloadDataCollections = function (articleNr) {
8359
+ return __awaiter(this, void 0, void 0, function () {
8360
+ var goodId, _a;
8361
+ return __generator(this, function (_b) {
8362
+ switch (_b.label) {
8363
+ case 0: return [4 /*yield*/, this.service.getGoodIdFromArticleNr(articleNr)];
8364
+ case 1:
8365
+ goodId = _b.sent();
8366
+ _a = this;
8367
+ return [4 /*yield*/, this.service.getTransactionArticleWarehouses(goodId)];
8368
+ case 2:
8369
+ _a.transactionArticleWarehouses = _b.sent();
8370
+ return [2 /*return*/];
8371
+ }
8372
+ });
8373
+ });
8374
+ };
8375
+ return WarehouseComponent;
8376
+ }());
8377
+ WarehouseComponent.decorators = [
8378
+ { type: i0.Component, args: [{
8379
+ // eslint-disable-next-line @angular-eslint/component-selector
8380
+ selector: "warehouse",
8381
+ template: "\n <co-dialog #warehouseDialog\n (closeClick)=\"hide()\"\n (overlayClick)=\"onStockManagerCancelClick()\"\n >\n <ng-container header>{{ 'STOCK_NOTIFICATION' | localize }}</ng-container>\n\n <ng-container content>\n <co-form>\n <div class=\"form-content\">\n <span *ngIf=\"message\" class=\"message-field\" [textContent]=\"message | localize\"></span>\n <div class=\"commission-fields\" fxLayout=\"row\">\n <co-input-number-picker class=\"horizontal\" [(model)]=\"amount\" [min]=\"0\" decimals=\"3\"></co-input-number-picker>\n <co-input-combo-box [(model)]=\"commissionCode\"\n [source]=\"commissionCodes\"\n [fields]=\"commissionFields\"\n [placeholder]=\"'COMMISSION_CODE' | localize\"\n [required]=\"true\"\n ></co-input-combo-box>\n </div>\n <div>\n <co-grid #warehouseGrid\n [data]=\"transactionArticleWarehouses\"\n [columns]=\"columns\"\n [pagingEnabled]=\"'true'\"\n [maxNumberOfRows]=\"'10'\"\n (rowsSelected)=\"handleRowsSelected($event)\"\n ></co-grid>\n </div>\n </div>\n </co-form>\n </ng-container>\n\n <ng-container footer>\n <div class=\"flex-center\">\n <co-button [label]=\"'OK' | localize\" (click)=\"onStockManagerOkClick()\"></co-button>\n <co-button [label]=\"'CANCEL' | localize\" (click)=\"onStockManagerCancelClick()\"></co-button>\n </div>\n </ng-container>\n </co-dialog>\n ",
8382
+ styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,.warehouse-line-container{display:flex}.flex-center,.warehouse-line-container{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field,.commission-fields{margin-left:11px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}::ng-deep #warehouseDialog{align-items:center;max-height:100%}::ng-deep #warehouseDialog ::ng-deep co-form{height:100%;width:500px}::ng-deep #warehouseDialog ::ng-deep .form-content{height:calc(100% - 80px);width:100%}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field{height:20px;word-wrap:break-word;white-space:normal}co-button:not(:last-child){margin-right:10px}.commission-fields{justify-content:space-between;margin:10px 0}.warehouse-description-item{width:15rem}.warehouse-nr-item{width:5rem}co-input-number-picker co-button{max-width:20px}\n"]
8383
+ },] }
8384
+ ];
8385
+ WarehouseComponent.ctorParameters = function () { return [
8386
+ { type: TransactionService },
8387
+ { type: DictionaryService }
8388
+ ]; };
8389
+ WarehouseComponent.propDecorators = {
8390
+ warehouseDialog: [{ type: i0.ViewChild, args: ["warehouseDialog",] }],
8391
+ warehouseGrid: [{ type: i0.ViewChild, args: ["warehouseGrid",] }],
8392
+ message: [{ type: i0.Input }],
8393
+ okClick: [{ type: i0.Output }],
8394
+ cancelClick: [{ type: i0.Output }]
8395
+ };
8396
+
8397
+ var TransactionArticleTextOverviewComponent = /** @class */ (function (_super) {
8398
+ __extends(TransactionArticleTextOverviewComponent, _super);
8399
+ function TransactionArticleTextOverviewComponent(service, _dictionaryService) {
8400
+ var _this = _super.call(this, service) || this;
8401
+ _this.service = service;
8402
+ _this._dictionaryService = _dictionaryService;
8403
+ _this.articleTexts = [
8404
+ { title: "title 1", description: "Omschrijving 1" },
8405
+ { title: "title 2", description: "Omschrijving 2" },
8406
+ { title: "title 3", description: "Omschrijving 3" },
8407
+ { title: "title 4", description: "Omschrijving 4" },
8408
+ { title: "title 5", description: "Omschrijving 5" },
8409
+ ];
8410
+ _this.columns = [];
8411
+ return _this;
8412
+ }
8413
+ TransactionArticleTextOverviewComponent.prototype.ngOnInit = function () {
8414
+ return __awaiter(this, void 0, void 0, function () {
8415
+ return __generator(this, function (_a) {
8416
+ this.columns.push({ field: "title", headerText: this._dictionaryService.get("TITLE"), allowFiltering: false }, { field: "description", headerText: this._dictionaryService.get("DESCRIPTION") });
8417
+ return [2 /*return*/];
8418
+ });
8419
+ });
8420
+ };
8421
+ TransactionArticleTextOverviewComponent.prototype.open = function () {
8422
+ if (this.articleTextOverviewDialog) {
8423
+ this.articleTextOverviewDialog.open();
8424
+ }
8425
+ };
8426
+ TransactionArticleTextOverviewComponent.prototype.onPopupClose = function () {
8427
+ this.hide();
8428
+ };
8429
+ TransactionArticleTextOverviewComponent.prototype.hide = function () {
8430
+ if (this.articleTextOverviewDialog) {
8431
+ this.articleTextOverviewDialog.close();
8432
+ }
8433
+ };
8434
+ TransactionArticleTextOverviewComponent.prototype.onOkClick = function () {
8435
+ this.hide();
8436
+ };
8437
+ TransactionArticleTextOverviewComponent.prototype.onCancelClick = function () {
8438
+ this.hide();
8439
+ };
8440
+ TransactionArticleTextOverviewComponent.prototype.handleRowsSelected = function (rows) {
8441
+ this.editArticleText.subHeader = this._dictionaryService.get("CHANGE_ARTICLE_TEXT");
8442
+ this.editArticleText.title = (rows.find(function (x) { return x !== undefined; })).title;
8443
+ this.editArticleText.text = (rows.find(function (x) { return x !== undefined; })).description;
8444
+ this.editArticleText.open();
8445
+ };
8446
+ return TransactionArticleTextOverviewComponent;
8447
+ }(TransactionBaseComponent));
8448
+ TransactionArticleTextOverviewComponent.decorators = [
8449
+ { type: i0.Component, args: [{
8450
+ // eslint-disable-next-line @angular-eslint/component-selector
8451
+ selector: "transaction-article-text-overview",
8452
+ template: "\n <co-dialog #articleTextOverviewDialog (close)=\"hide()\">\n <ng-container header>Artikelgebonden teksten {{ subHeader }}</ng-container>\n <ng-container content>\n <div class=\"tags-join-content\" fxLayout fxLayoutGap=\"10px\">\n <div class=\"column-separator\" style=\"width:75%\">\n <co-grid #warehouseGrid\n [data]=\"articleTexts\"\n [columns]=\"columns\"\n [pagingEnabled]=\"'true'\"\n [maxNumberOfRows]=\"'10'\"\n (rowsSelected)=\"handleRowsSelected($event)\"\n ></co-grid>\n </div>\n <div style=\"margin-left:5px;\">\n <label [textContent]=\"'FOR_DOCUMENTS' | localize\"></label>\n <ejs-chiplist id=\"chip-default\">\n <e-chips>\n <e-chip text=\"Apple\" cssClass=\"e-primary\"></e-chip>\n <e-chip text=\"Microsoft\" cssClass=\"e-info\"></e-chip>\n <e-chip text=\"Google\" cssClass=\"e-success\"></e-chip>\n <e-chip text=\"Tesla\" cssClass=\"e-warning\"></e-chip>\n <e-chip text=\"Intel\" cssClass=\"e-danger\"></e-chip>\n </e-chips>\n </ejs-chiplist>\n </div>\n </div>\n </ng-container>\n <ng-container footer>\n <div class=\"footer\" fxLayout fxPosition=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"10px\" style=\"margin-top:30px;\">\n <co-button [label]=\"'OK' | localize\" (click)=\"onOkClick()\"></co-button>\n <co-button [label]=\"'CANCEL' | localize\" (click)=\"onCancelClick()\"></co-button>\n </div>\n </ng-container>\n </co-dialog>\n\n <transaction-edit-article-text #editArticleText></transaction-edit-article-text>\n ",
8453
+ styles: [""]
8454
+ },] }
8455
+ ];
8456
+ TransactionArticleTextOverviewComponent.ctorParameters = function () { return [
8457
+ { type: TransactionService },
8458
+ { type: DictionaryService }
8459
+ ]; };
8460
+ TransactionArticleTextOverviewComponent.propDecorators = {
8461
+ articleTextOverviewDialog: [{ type: i0.ViewChild, args: ["articleTextOverviewDialog",] }],
8462
+ editArticleText: [{ type: i0.ViewChild, args: ["editArticleText",] }],
8463
+ subHeader: [{ type: i0.Input }]
8464
+ };
8465
+
8466
+ var TransactionEditArticleTextComponent = /** @class */ (function (_super) {
8467
+ __extends(TransactionEditArticleTextComponent, _super);
8468
+ function TransactionEditArticleTextComponent(service) {
8469
+ var _this = _super.call(this, service) || this;
8470
+ _this.service = service;
8471
+ return _this;
8472
+ }
8473
+ TransactionEditArticleTextComponent.prototype.open = function () {
8474
+ if (this.editArticleTextDialog) {
8475
+ this.editArticleTextDialog.open();
8476
+ }
8477
+ };
8478
+ TransactionEditArticleTextComponent.prototype.onPopupClose = function () {
8479
+ this.hide();
8480
+ };
8481
+ TransactionEditArticleTextComponent.prototype.hide = function () {
8482
+ if (this.editArticleTextDialog) {
8483
+ this.editArticleTextDialog.close();
8484
+ }
8485
+ };
8486
+ TransactionEditArticleTextComponent.prototype.onOkClick = function () {
8487
+ this.hide();
8488
+ };
8489
+ TransactionEditArticleTextComponent.prototype.onCancelClick = function () {
8490
+ this.hide();
8491
+ };
8492
+ TransactionEditArticleTextComponent.prototype.onChangeText = function (event) {
8493
+ this.text = this.editor.getText();
8494
+ };
8495
+ return TransactionEditArticleTextComponent;
8496
+ }(TransactionBaseComponent));
8497
+ TransactionEditArticleTextComponent.decorators = [
8498
+ { type: i0.Component, args: [{
8499
+ // eslint-disable-next-line @angular-eslint/component-selector
8500
+ selector: "transaction-edit-article-text",
8501
+ template: "\n <co-dialog #editArticleTextDialog (close)=\"hide()\">\n <ng-container header>{{ subHeader }}</ng-container>\n <ng-container content>\n <div class=\"column-separator\">\n <co-input-text [placeholder]=\"'TITLE' | localize\" [(model)]=\"title\"></co-input-text>\n <co-rich-text-editor\n #rte\n id=\"rte\"\n [model]=\"text\"\n (onChangeEvent)=\"onChangeText($event)\"\n ></co-rich-text-editor>\n </div>\n </ng-container>\n <ng-container footer>\n <div class=\"footer\" fxLayout fxLayoutAlign=\"center center\" fxLayoutGap=\"10px\" style=\"margin-top:30px;\">\n <co-button [label]=\"'OK' | localize\" (click)=\"onOkClick()\"></co-button>\n <co-button [label]=\"'CANCEL' | localize\" (click)=\"onCancelClick()\"></co-button>\n </div>\n </ng-container>\n </co-dialog>\n ",
8502
+ providers: [ej2AngularRichtexteditor.ToolbarService, ej2AngularRichtexteditor.LinkService, ej2AngularRichtexteditor.ImageService, ej2AngularRichtexteditor.HtmlEditorService],
8503
+ styles: [""]
8504
+ },] }
8505
+ ];
8506
+ TransactionEditArticleTextComponent.ctorParameters = function () { return [
8507
+ { type: TransactionService }
8508
+ ]; };
8509
+ TransactionEditArticleTextComponent.propDecorators = {
8510
+ editArticleTextDialog: [{ type: i0.ViewChild, args: ["editArticleTextDialog",] }],
8511
+ editor: [{ type: i0.ViewChild, args: ["rte",] }],
8512
+ subHeader: [{ type: i0.Input }],
8513
+ title: [{ type: i0.Input }],
8514
+ text: [{ type: i0.Input }]
8515
+ };
8516
+
7525
8517
  var IoneServiceOrderModule = /** @class */ (function () {
7526
8518
  function IoneServiceOrderModule() {
7527
8519
  }
@@ -7547,14 +8539,16 @@
7547
8539
  corecomponents_v12.PopupModule.forRoot(),
7548
8540
  corecomponents_v12.CoSidebarModule,
7549
8541
  corecomponents_v12.CoGridModule,
7550
- CoreModule,
7551
8542
  ej2AngularButtons.ChipListModule,
7552
8543
  ej2AngularSplitbuttons.DropDownButtonModule,
7553
8544
  ej2AngularButtons.CheckBoxModule,
7554
8545
  ej2AngularDropdowns.DropDownListModule,
7555
8546
  IoneShoppingCartModule,
7556
8547
  ej2AngularNavigations.TabModule,
8548
+ CoreModule,
7557
8549
  common.CommonModule,
8550
+ ej2AngularRichtexteditor.RichTextEditorModule,
8551
+ corecomponents_v12.CoRichTextEditorModule,
7558
8552
  ],
7559
8553
  declarations: [
7560
8554
  TemplateWrapperDirective,
@@ -7566,6 +8560,8 @@
7566
8560
  TransactionOrderLinesComponent,
7567
8561
  TransactionRelationAddressComponent,
7568
8562
  TransactionArticleTextComponent,
8563
+ TransactionArticleTextOverviewComponent,
8564
+ TransactionEditArticleTextComponent,
7569
8565
  TransactionSidebarRightComponent,
7570
8566
  TransactionLineAccordionComponent,
7571
8567
  TransactionHeaderBlockComponent,
@@ -7579,11 +8575,13 @@
7579
8575
  TransactionDeliverySummaryComponent,
7580
8576
  TransactionProductContractSummaryComponent,
7581
8577
  TransactionProductSummaryComponent,
8578
+ TransactionManagerComponent,
8579
+ WarehouseComponent,
7582
8580
  ],
7583
8581
  providers: [
7584
8582
  DictionaryService,
7585
8583
  TransactionService,
7586
- OptionsService
8584
+ OptionsService,
7587
8585
  ],
7588
8586
  entryComponents: [
7589
8587
  IoneServiceOrderComponent
@@ -7605,8 +8603,8 @@
7605
8603
  exports.IoneServiceOrderModule = IoneServiceOrderModule;
7606
8604
  exports.IoneShoppingCartComponent = IoneShoppingCartComponent;
7607
8605
  exports.IoneShoppingCartModule = IoneShoppingCartModule;
7608
- exports["ɵa"] = RetailTransactionCheckoutComponent;
7609
- exports["ɵb"] = CheckoutComponent;
8606
+ exports["ɵa"] = CheckoutLoginComponent;
8607
+ exports["ɵb"] = OptionsService;
7610
8608
  exports["ɵba"] = ShoppingCartManagerComponent;
7611
8609
  exports["ɵbb"] = ShoppingCartComponent;
7612
8610
  exports["ɵbc"] = ShoppingCartLineComponent;
@@ -7617,44 +8615,48 @@
7617
8615
  exports["ɵbh"] = ServiceOrderComponent;
7618
8616
  exports["ɵbi"] = TransactionBaseComponent;
7619
8617
  exports["ɵbj"] = TransactionArticleTextComponent;
7620
- exports["ɵbk"] = TransactionOrderTotalsComponent;
7621
- exports["ɵbl"] = TransactionOrderLineViewComponent;
7622
- exports["ɵbm"] = TransactionOrderLinesComponent;
7623
- exports["ɵbn"] = TransactionRelationAddressComponent;
7624
- exports["ɵbo"] = TransactionSidebarRightComponent;
7625
- exports["ɵbp"] = TransactionLineAccordionComponent;
7626
- exports["ɵbq"] = TransactionHeaderBlockComponent;
7627
- exports["ɵbr"] = TransactionRelationEditComponent;
7628
- exports["ɵbs"] = TransactionServiceSummaryComponent;
7629
- exports["ɵbt"] = TransactionSummaryBlockComponent;
7630
- exports["ɵbu"] = TransactionServiceStatusComponent;
7631
- exports["ɵbv"] = TransactionOrderSummaryComponent;
7632
- exports["ɵbw"] = TransactionPaymentInfoComponent;
7633
- exports["ɵbx"] = TransactionArticleSummaryComponent;
7634
- exports["ɵby"] = TransactionDeliverySummaryComponent;
7635
- exports["ɵbz"] = TransactionProductContractSummaryComponent;
7636
- exports["ɵc"] = CheckoutOverviewComponent;
7637
- exports["ɵca"] = TransactionProductSummaryComponent;
7638
- exports["ɵd"] = CheckoutOverviewBlockComponent;
7639
- exports["ɵe"] = CheckoutOverviewRelationEditComponent;
7640
- exports["ɵf"] = TransactionService;
7641
- exports["ɵg"] = IOneConnectorAdapterService;
7642
- exports["ɵh"] = CheckoutOverviewDeliveryEditComponent;
7643
- exports["ɵi"] = DictionaryService;
7644
- exports["ɵj"] = CheckoutLoginComponent;
7645
- exports["ɵk"] = OptionsService;
7646
- exports["ɵl"] = TransactionEventService;
7647
- exports["ɵm"] = CoreModule;
7648
- exports["ɵn"] = AppendPipe;
7649
- exports["ɵo"] = DeliveryTimePipe;
7650
- exports["ɵp"] = DateDurationPipe;
7651
- exports["ɵq"] = LocalizePipe;
7652
- exports["ɵr"] = CoCurrencyPipe;
7653
- exports["ɵs"] = SafeStylePipe;
7654
- exports["ɵt"] = ImageDisplayComponent;
7655
- exports["ɵu"] = NoImageDisplayComponent;
7656
- exports["ɵv"] = IconComponent;
7657
- exports["ɵw"] = CheckoutOverviewRelationAddressComponent;
8618
+ exports["ɵbk"] = TransactionManagerComponent;
8619
+ exports["ɵbl"] = TransactionOrderTotalsComponent;
8620
+ exports["ɵbm"] = TransactionOrderLineViewComponent;
8621
+ exports["ɵbn"] = TransactionOrderLinesComponent;
8622
+ exports["ɵbo"] = TransactionRelationAddressComponent;
8623
+ exports["ɵbp"] = TransactionArticleTextOverviewComponent;
8624
+ exports["ɵbq"] = TransactionEditArticleTextComponent;
8625
+ exports["ɵbr"] = TransactionSidebarRightComponent;
8626
+ exports["ɵbs"] = TransactionLineAccordionComponent;
8627
+ exports["ɵbt"] = TransactionHeaderBlockComponent;
8628
+ exports["ɵbu"] = TransactionRelationEditComponent;
8629
+ exports["ɵbv"] = TransactionServiceSummaryComponent;
8630
+ exports["ɵbw"] = TransactionSummaryBlockComponent;
8631
+ exports["ɵbx"] = TransactionServiceStatusComponent;
8632
+ exports["ɵby"] = TransactionOrderSummaryComponent;
8633
+ exports["ɵbz"] = TransactionPaymentInfoComponent;
8634
+ exports["ɵc"] = IOneConnectorAdapterService;
8635
+ exports["ɵca"] = TransactionArticleSummaryComponent;
8636
+ exports["ɵcb"] = TransactionDeliverySummaryComponent;
8637
+ exports["ɵcc"] = TransactionProductContractSummaryComponent;
8638
+ exports["ɵcd"] = TransactionProductSummaryComponent;
8639
+ exports["ɵce"] = WarehouseComponent;
8640
+ exports["ɵd"] = DictionaryService;
8641
+ exports["ɵe"] = TransactionService;
8642
+ exports["ɵf"] = TransactionEventService;
8643
+ exports["ɵg"] = CoreModule;
8644
+ exports["ɵh"] = AppendPipe;
8645
+ exports["ɵi"] = DeliveryTimePipe;
8646
+ exports["ɵj"] = DateDurationPipe;
8647
+ exports["ɵk"] = LocalizePipe;
8648
+ exports["ɵl"] = CoCurrencyPipe;
8649
+ exports["ɵm"] = SafeStylePipe;
8650
+ exports["ɵn"] = ImageDisplayComponent;
8651
+ exports["ɵo"] = NoImageDisplayComponent;
8652
+ exports["ɵp"] = IconComponent;
8653
+ exports["ɵq"] = CheckoutComponent;
8654
+ exports["ɵr"] = CheckoutOverviewComponent;
8655
+ exports["ɵs"] = CheckoutOverviewBlockComponent;
8656
+ exports["ɵt"] = CheckoutOverviewRelationEditComponent;
8657
+ exports["ɵu"] = CheckoutOverviewDeliveryEditComponent;
8658
+ exports["ɵv"] = CheckoutOverviewRelationAddressComponent;
8659
+ exports["ɵw"] = CheckoutTransactionComponent;
7658
8660
  exports["ɵx"] = CheckoutOverviewDeliveryAddressComponent;
7659
8661
  exports["ɵy"] = CheckOutRelationSuggestionsListComponent;
7660
8662
  exports["ɵz"] = CheckOutRelationSuggestionsListItemComponent;