@colijnit/transaction 12.1.172 → 12.1.173

package/lib/service/transaction-connector.service.d.ts

@@ -118,6 +118,7 @@ import { OrderLineSetDTO } from '@colijnit/transactionapi/build/model/order-line
 import { TransactionAddOrderLineSetTextLineRequest } from '@colijnit/transactionapi/build/model/transaction-add-order-line-set-text-line-request';
 import { BehaviorSubject } from 'rxjs';
 import { OrderConfirmationAnalysisResult } from '@colijnit/transactionapi/build/model/order-confirmation-analysis-result.bo';
+import { ArticleExtended } from '@colijnit/articleapi/build/model/article-extended.bo';
 export declare class TransactionConnectorService {
     private _adapterService;
     private _selectSingleCacheService;
@@ -129,6 +130,7 @@ export declare class TransactionConnectorService {
     connect(): Promise<void>;
     logOut(): Promise<void>;
     getDocumentContent(docId: number, thumbnail?: boolean): Promise<string>;
+    getArticleExtended(articleNr: string): Promise<ArticleExtended>;
     storeSignedDoc(documentId: number, documentBody: string): Promise<void>;
     getArticleFullObject(goodId: number): Promise<ArticleFullObject>;
     getGoodIdFromArticleNr(articleNr: string): Promise<number>;

package/lib/service/transaction-event.service.d.ts

@@ -57,6 +57,10 @@ export declare class TransactionEventService {
     readonly selectAllLines: Subject<boolean>;
     readonly transactionHeaderDirty: Subject<boolean>;
     readonly transactionLineChanged: Subject<TransactionLineInfo>;
+    readonly transactionLineCheckboxChanged: Subject<{
+        line: TransactionLineInfo;
+        checked: boolean;
+    }>;
     readonly transactionLineRefTransactionsChanged: BehaviorSubject<TransactionLineInfo>;
     readonly transactionLineAdded: BehaviorSubject<number>;
     readonly openArticleTextOverview: Subject<TransactionLineInfo>;

package/lib/service/transaction-mapping.service.d.ts

@@ -8,7 +8,9 @@ import { TransactionTypeCategory } from '../enum/transaction-type-category.enum'
 import { TransactionBaseComponent } from '../component/core/base/transaction-base.component';
 import { TransactionGridBaseComponent } from '../component/core/base/transaction-grid-base.component';
 import { TransactionCfgName } from '../enum/transaction-cfg-name.enum';
+import { TransactionService } from './transaction.service';
 export declare class TransactionMappingService {
+    private _transactionService;
     readonly cfgNames: typeof TransactionCfgName;
     private readonly _buttonBarTransaction;
     private readonly _quickAccessComponent;
@@ -18,6 +20,7 @@ export declare class TransactionMappingService {
     private readonly _transactionFilterComponent;
     private readonly _transactionSearchGridComponent;
     private readonly _transactionSearchTileComponent;
+    constructor(_transactionService: TransactionService);
     getButtonBar(type: TransactionKind): TransactionBarButton[];
     getQuickAccessComponent(type: TransactionKind, category: TransactionTypeCategory): Type<TransactionBaseComponent>;
     getTransactionGridComponent(type: TransactionKind, category: TransactionTypeCategory): Type<TransactionGridBaseComponent>;

package/lib/service/transaction.service.d.ts

@@ -104,6 +104,7 @@ import { ExternalCatalogAddArticleRequest } from '@colijnit/transactionapi/build
 import { OrderLineSetCategory } from '@colijnit/mainapi/build/model/order-line-set-category.bo';
 import { OrderLineSetDTO } from '@colijnit/transactionapi/build/model/order-line-set-dto';
 import { TransactionAddOrderLineSetTextLineRequest } from '@colijnit/transactionapi/build/model/transaction-add-order-line-set-text-line-request';
+import { ArticleExtended } from '@colijnit/articleapi/build/model/article-extended.bo';
 export declare class TransactionService extends PendingReasonService {
     remainingAmount: number;
     private readonly _createTransactionMethods;
@@ -113,6 +114,8 @@ export declare class TransactionService extends PendingReasonService {
     logOut(): Promise<void>;
     prepareMLocatInternalParam(): void;
     preparePakBinnenInternalParam(): void;
+    prepareJsPickingListInternalParam(): Promise<void>;
+    logisticsButtonVisible: () => Promise<boolean>;
     prepareDropShipmentInternalParam(): void;
     prepareReceiveGoodsWithDataTerminalInternalParam(): void;
     getFocusStatusIndex(category: TransactionTypeCategory): number;
@@ -189,6 +192,7 @@ export declare class TransactionService extends PendingReasonService {
     getSalesPersons(date?: Date): Promise<SalesPerson[]>;
     getRetailStadiums(): Promise<RetailStadium[]>;
     addWebSessionTransactionLine(transactionUuid: string, articleNumber: string, quantity: number): Promise<void>;
+    getArticleExtended(articleNr: string): Promise<ArticleExtended>;
     addArticle(articleNo: string, quantity?: number, aboveLineNr?: number, belowLineNr?: number, saveTransaction?: boolean): Promise<boolean>;
     addTransactionLine(articleNo: string, quantity?: number, aboveLineNr?: number, belowLineNr?: number): Promise<TransactionInfoResponse>;
     addCatFarmArticle(catalogId: number, jsonArticleString: string): Promise<void>;

package/lib/style/_variables.scss

@@ -182,4 +182,31 @@ $tp-checkout-transaction-delivery-method-carousel-button-size: 40px !default;
 $tp-checkout-transaction-delivery-method-carousel-button-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2) !default;
 $tp-checkout-transaction-delivery-method-carousel-button-svg-size: 30px !default;
 $tp-checkout-transaction-header-definitive-margin: 10px 0 !default;
+
+/*co-dialog*/
+$tp-transaction-dialog-default-width: 600px !default;
+$tp-transaction-dialog-save-button-size: auto !default;
+$tp-transaction-dialog-save-button-icon-size: 20px !default;
+$tp-transaction-dialog-save-button-icon-color: $tp-color-light !default;
+$tp-transaction-dialog-button-border-color: #DCE4EA !default;
+$tp-transaction-dialog-button-border-width: 0 0 0 0 !default;
+$tp-transaction-dialog-button-border-style: solid !default;
+$tp-transaction-dialog-button-padding: 8px !default;
+$tp-transaction-dialog-button-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3) !default;
+$tp-transaction-dialog-button-background-color: $tp-color-action !default;
+$tp-transaction-dialog-close-button-size: auto !default;
+$tp-transaction-dialog-close-button-background-color: #475060 !default;
+$tp-transaction-dialog-footer-border-width: 5px 0 0 0 !default;
+$tp-transaction-dialog-footer-border-color: #ffffff !default;
+$tp-transaction-dialog-footer-padding: 20px 0 0 0 !default;
+$tp-transaction-dialog-footer-background: #f8f8fa !default;
+$tp-transaction-dialog-footer-button-wrapper-gap: 5px !default;
+$tp-transaction-dialog-background: #f8f8fa !default;
+$tp-transaction-dialog-checkbox-checked-background-color: #1a73e8 !default;
+$tp-transaction-dialog-color-light: #FFFFFF !default;
+$tp-transaction-dialog-title-gap: 10px !default;
+$tp-transaction-dialog-title-font-size: 14px !default;
+$tp-transaction-dialog-title-text-margin: 0 0 20px 0 !default;
+$tp-transaction-dialog-title-icon-margin: 0 0 20px 0 !default;
+$tp-transaction-dialog-title-icon-size: 20px !default;
 /****************************/

package/lib/style/transaction-globals.scss

@@ -17,18 +17,122 @@
     pointer-events: none !important;
   }
 }
-
-.co-dialog-footer-button-wrapper {
-  .co-dialog-footer-button-submit {
-    .co-icon {
-      height: $cc-co-dialog-footer-button-submit-size;
-      width: $cc-co-dialog-footer-button-submit-size;
-      svg {
-        fill: $cc-co-dialog-footer-button-submit-color;
+.co-transaction {
+  .co-dialog {
+    &:not(.borderless) {
+      .co-dialog-wrapper {
+        background-color: $tp-transaction-dialog-background;
+        .dialog-header {
+          background-color: $tp-transaction-dialog-background;
+        }
+        .dialog-content {
+          background-color: $tp-transaction-dialog-background;
+        }
+        .dialog-footer {
+          background-color: $tp-transaction-dialog-background;
+        }
+      }
+    }
+    &:not(.is-mobile) {
+      .co-dialog-wrapper {
+        width: $tp-transaction-dialog-default-width;
+      }
+    }
+    .dialog-footer {
+      background-color: $tp-transaction-dialog-footer-background;
+      border-width: $tp-transaction-dialog-footer-border-width;
+      border-style: solid;
+      border-color: $tp-transaction-dialog-footer-border-color;
+      padding: $tp-transaction-dialog-footer-padding;
+      .co-dialog-footer-button-wrapper {
+        gap: $tp-transaction-dialog-footer-button-wrapper-gap;
+      }
+    }
+    .co-dialog-wrapper-popup-title {
+      display: flex;
+      align-items: center;
+      grid-column-gap: $tp-transaction-dialog-title-gap;
+      column-gap: $tp-transaction-dialog-title-gap;
+      .co-dialog-header-title {
+        font-size: $tp-transaction-dialog-title-font-size;
+        margin: $tp-transaction-dialog-title-text-margin;
+        font-weight: bold;
+      }
+      .co-icon {
+        height: $tp-transaction-dialog-title-icon-size;
+        width: $tp-transaction-dialog-title-icon-size;
+        margin: $tp-transaction-dialog-title-icon-margin;
+      }
+    }
+    .save-button {
+      height: $tp-transaction-dialog-save-button-size;
+      width: $tp-transaction-dialog-save-button-size;
+      border-color: $tp-transaction-dialog-button-border-color;
+      border-style: $tp-transaction-dialog-button-border-style;
+      border-width: $tp-transaction-dialog-button-border-width;
+      background-color: $tp-transaction-dialog-button-background-color;
+      padding: $tp-transaction-dialog-button-padding;
+      box-shadow: $tp-transaction-dialog-button-box-shadow;
+      cursor: pointer;
+      .co-icon {
+        height: $tp-transaction-dialog-save-button-icon-size;
+        width: $tp-transaction-dialog-save-button-icon-size;
+        svg {
+          fill: $tp-transaction-dialog-save-button-icon-color;
+        }
+      }
+    }
+    .close-button {
+      height: $tp-transaction-dialog-close-button-size;
+      width: $tp-transaction-dialog-close-button-size;
+      border-color: $tp-transaction-dialog-button-border-color;
+      border-style: $tp-transaction-dialog-button-border-style;
+      border-width: $tp-transaction-dialog-button-border-width;
+      background-color: $tp-transaction-dialog-close-button-background-color;
+      padding: $tp-transaction-dialog-button-padding;
+      box-shadow: $tp-transaction-dialog-button-box-shadow;
+      cursor: pointer;
+      .co-icon {
+        height: $tp-transaction-dialog-save-button-icon-size;
+        width: $tp-transaction-dialog-save-button-icon-size;
+        svg {
+          fill: $tp-transaction-dialog-save-button-icon-color;
+        }
+        [fill] {
+          fill: $tp-transaction-dialog-save-button-icon-color;
+        }
+      }
+    }
+    .co-input-checkbox {
+      &:not(.hasnolabel) {
+        .checkbox {
+          border-color: $tp-transaction-dialog-color-light;
+          background-color: $tp-transaction-dialog-color-light;
+          &.checked {
+            border-color: $tp-transaction-dialog-checkbox-checked-background-color;
+            background-color: $tp-transaction-dialog-checkbox-checked-background-color;
+          }
+          .checkmark {
+            &.show {
+              border-color: $tp-transaction-dialog-color-light;
+            }
+          }
+        }
+      }
+    }
+    .co-input-text {
+      &:before {
+        box-shadow: none;
+      }
+    }
+    .co-input-search {
+      .co-input-text {
+        background: $tp-transaction-dialog-color-light;
       }
     }
   }
 }
+
 .co-transaction-default-popup-row {
   display: flex;
   flex-direction: row;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/transaction",
-  "version": "12.1.172",
+  "version": "12.1.173",
   "description": "Colijn IT transaction module for Angular 12",
   "repository": "npm/npm",
   "author": "Colijn IT",
@@ -10,16 +10,16 @@
     "@angular/common": ">=12.2.0",
     "@angular/core": ">=12.2.0",
     "@colijnit/articleapi": ">=1.0.33",
-    "@colijnit/catalog": ">=12.1.51",
+    "@colijnit/catalog": ">=12.1.53",
     "@colijnit/corecomponents": ">=1.12.0",
-    "@colijnit/corecomponents_v12": ">=12.2.10",
+    "@colijnit/corecomponents_v12": ">=12.2.11",
     "@colijnit/ioneconnector": ">=3.1.9",
     "@colijnit/mainapi": ">=1.0.27",
-    "@colijnit/product": ">=12.0.3",
+    "@colijnit/product": ">=12.0.5",
     "@colijnit/relationapi": ">=1.0.8",
     "@colijnit/sharedapi": ">=1.0.16",
     "@colijnit/sharedcomponents": ">=1.0.46",
-    "@colijnit/transactionapi": ">=1.1.122",
+    "@colijnit/transactionapi": ">=1.1.125",
     "@types/three": ">=0.125.0",
     "@tweenjs/tween.js": ">=17.2.0",
     "three": ">=0.125.0"

package/public_api.d.ts

@@ -57,6 +57,8 @@ export * from "./lib/component/transaction-search/service/transaction-search.ser
 export * from "./lib/component/transaction-search/service/filter-request.service";
 export * from "./lib/component/transaction-cash-register-order/transaction-cash-register-order.component";
 export * from "./lib/component/transaction-cash-register-order/transaction-cash-register-order.module";
+export * from "./lib/component/add-product/add-product.module";
+export * from "./lib/component/add-product/add-product.component";
 export * from "./lib/service/transaction-settings.service";
 export * from "./lib/service/transaction-connector.service";
 export * from "./lib/service/transaction-connector-adapter.service";