@colijnit/transaction 12.1.77 → 12.1.78

package/projects/transaction/src/lib/component/shopping-cart-OLD/shopping-cart-manager/shopping-cart-manager.component.ts

@@ -0,0 +1,508 @@
+import {Component, EventEmitter, OnDestroy, OnInit, Output, ViewChild} from "@angular/core";
+import {TransactionService} from "../../../service/transaction.service";
+import {Subscription} from "rxjs";
+import {TransactionEventService} from "../../../service/transaction-event.service";
+import {CommissionCodeType} from "@colijnit/transactionapi/build/enum/refcode/commission-code-type.enum";
+import {TransactionLineInfo} from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import {CoDomainValue} from "@colijnit/mainapi/build/model/co-domain-value.bo";
+import {TransactionArticleWarehouse} from "@colijnit/transactionapi/build/model/transaction-article-warehouse.bo";
+import {LineOperationStatus} from "@colijnit/transactionapi/build/model/line-operation-status.bo";
+import {CoDialogComponent, CoGridComponent} from "@colijnit/corecomponents_v12";
+import {ArticleFullObject} from "@colijnit/transactionapi/build/model/article-full-object";
+import {DictionaryService} from "../../../service/dictionary.service";
+// import {CharacteristicAnswerComponent} from "../../core/characteristic-answer/characteristic-answer.component";
+import {PositionGridRow} from "../../../enum/position-grid-row.enum";
+import {ResolveLinePendingReasonRequest} from "@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo";
+
+@Component({
+  // eslint-disable-next-line @angular-eslint/component-selector
+  selector: "shopping-cart-manager",
+  template: `
+    <co-dialog #warehouseDialog *ngIf="showDialog"
+               (closeClick)="hide()"
+               (overlayClick)="onStockManagerCancelClick()"
+      >
+      <ng-container header>{{ 'STOCK_NOTIFICATION' | localize }}</ng-container>
+
+      <ng-container content>
+        <co-form>
+          <div class="form-content">
+            <span *ngIf="message" class="message-field" [textContent]="message | localize"></span>
+              <div class="commission-fields" fxLayout="row">
+                <co-input-number-picker class="horizontal" [(model)]="amount" [min]="0" decimals="3"></co-input-number-picker>
+                <co-input-combo-box [(model)]="commissionCode"
+                                      [collection]="commissionCodes"
+                                      [fields]="commissionFields"
+                                      [placeholder]="'COMMISSION_CODE' | localize"
+                                      [required]="true"
+                ></co-input-combo-box>
+              </div>
+              <div>
+                <co-grid #warehouseGrid
+                  [data]="transactionArticleWarehouses"
+                  [columns]="columns"
+                  [pagingEnabled]="'true'"
+                  [maxNumberOfRows]="'20'"
+                  (rowsSelected)="handleRowsSelected($event)"
+                ></co-grid>
+              </div>
+          </div>
+        </co-form>
+      </ng-container>
+
+      <ng-container footer>
+          <div class="flex-center">
+            <co-button [label]="'OK' | localize" (click)="onStockManagerOkClick()"></co-button>
+            <co-button [label]="'CANCEL' | localize" (click)="onStockManagerCancelClick()"></co-button>
+          </div>
+      </ng-container>
+    </co-dialog>
+
+<!--
+    <characteristic-answer
+      #characteristicAnswer
+    ></characteristic-answer>
+-->
+  `,
+  styleUrls: ["./shopping-cart-manager.component.scss"]
+})
+export class ShoppingCartManagerComponent implements OnInit, OnDestroy {
+  @ViewChild("warehouseDialog")
+  public warehouseDialog: CoDialogComponent;
+
+  @ViewChild("warehouseGrid")
+  public warehouseGrid: CoGridComponent<any>;
+
+  // @ViewChild("characteristicAnswer")
+  // public characteristicAnswer: CharacteristicAnswerComponent;
+
+  @Output()
+  public readonly linesChanged: EventEmitter<boolean> = new EventEmitter<boolean>();
+
+  @Output()
+  public readonly openCart: EventEmitter<boolean> = new EventEmitter<boolean>();
+
+  @Output()
+  public readonly articleAdded: EventEmitter<boolean> = new EventEmitter<boolean>();
+
+  public get amountOfLines(): number {
+    return 0; // NumberUtils.NrOrDefault(this.service.articleAmount, 0);
+  }
+
+  public get showCharacteristicDialog(): boolean {
+    return this._showCharacteristic;
+  }
+
+  public set showCharacteristicDialog(value: boolean) {
+    this._showCharacteristic = value;
+  }
+
+  public branchNr: string;
+  public newArticleNr: string;
+  public newArticle: ArticleFullObject;
+  public selectedWarehouseNr: number;
+  public amount: number;
+  public isReturn: boolean = false;
+
+  public waitForLinesChangedToOpenCart: boolean = false;
+  public message: string = "CHECK_WAREHOUSE_AND_COMMISSIONCODE";
+
+  public commissionCode: CommissionCodeType;
+  public commissionCodes: CoDomainValue[] = [];
+  public commissionFields: Object = { text: "description", value: "code" };
+
+  public transactionArticleWarehouses: TransactionArticleWarehouse[] = [];
+  public transactionArticleWarehouseFields: Object = { text: "warehouseDesc", value: "warehouseNr" };
+  public columns: any[] = [];
+
+  public currentPendingLine: TransactionLineInfo;
+  public currentReason: ResolveLinePendingReasonRequest;
+  public editingLine: TransactionLineInfo;
+
+  public dialogPromptHeader: string = "";
+
+  public rootElement: HTMLElement = null;
+
+  public showDialog: boolean = false;
+
+  private _subscriptions: Subscription[] = [];
+  private currentOperationStatus: LineOperationStatus;
+  private _inOutCollection: CoDomainValue[] = [];
+  private _okOrCancelClick: boolean = false;
+  private _showCharacteristic: boolean = false;
+
+  constructor(
+    public service: TransactionService,
+    public transactionEvents: TransactionEventService,
+    public _dictionaryService: DictionaryService,
+  ) {
+    this._subscriptions.push(
+      this.service.transactionUpdated.subscribe(() => {
+        this.linesChanged.emit(this.waitForLinesChangedToOpenCart);
+        this.waitForLinesChangedToOpenCart = false;
+      }),
+
+      this.transactionEvents.addToCartBySku.subscribe((params: {sku: string, amount: number, popCart: boolean}) => {
+          this.waitForLinesChangedToOpenCart = params.popCart;
+          // this.addToCart(params.sku, params.amount).then();
+        }),
+
+      this.transactionEvents.addArticleLineAt.subscribe((params: {sku: string, amount: number, lineNr: number, beforeOrAfter: PositionGridRow}) => {
+          // this.addArticleLineToCartAt(params.sku, params.amount, params.lineNr, params.beforeOrAfter).then();
+      }),
+
+      this.transactionEvents.addTextLineAt.subscribe((params: {text: string, lineNr: number, beforeOrAfter: PositionGridRow}) => {
+        // this.addTextLineToCartAt(params.text, params.lineNr, params.beforeOrAfter).then();
+      }),
+
+      this.transactionEvents.changeLineSequence.subscribe((params: {fromIndex: number, toIndex: number}) => {
+        // this.changeLineSequence(params.fromIndex, params.toIndex).then();
+      }),
+
+      this.transactionEvents.addToCartBySelectorResult.subscribe(
+        (params: {selectorResult: {goodId: number, baseGoodId: number, selectorData: any, quantity: number}, popCart: boolean}) => {
+          this.waitForLinesChangedToOpenCart = params.popCart;
+          this.addToCartBySelectorResult(params.selectorResult).then();
+        }),
+
+      this.transactionEvents.openShoppingCartModule.subscribe(() => {
+        this.openCart.emit(false);
+      }),
+
+      this.transactionEvents.addUserRelationShoppingCartModule.subscribe((login: {user: string, pw: string}) => {
+        this.addUserRelationToTransactionAndLogin(login.user, login.pw);
+      }),
+
+      this.transactionEvents.addNewUserToShoppingCartModule.subscribe((emailAddress) => {
+        this.addEmailAddressToTransaction(emailAddress);
+      })
+    );
+
+    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")}
+    );
+
+  }
+
+  async ngOnInit(): Promise<void> {
+    this.commissionCodes = await this.service.getCommissionCodes("NL");
+    this.linesChanged.emit(this.waitForLinesChangedToOpenCart);
+    this.waitForLinesChangedToOpenCart = false;
+  }
+
+  ngOnDestroy(): void {
+    this._subscriptions.forEach(sub => sub.unsubscribe());
+    // this.warehouseDialog.close();
+  }
+
+  // public async addToCart(sku: string, amount: number): Promise<void> {
+  //   const goodId: number  = await this.service.getGoodIdFromArticleNr(sku);
+  //   await this._loadArticle(goodId);
+  //   await this._handleAddArticle(amount);
+  //   this.articleAdded.emit();
+  // }
+
+  // public async addArticleLineToCartAt(sku: string, amount: number, lineNr: number, beforeOrAfter: PositionGridRow): Promise<void> {
+  //   const goodId: number = await this.service.getGoodIdFromArticleNr(sku);
+  //   await this._loadArticle(goodId);
+  //   await this._handleAddArticleLineAt(amount, lineNr, beforeOrAfter);
+  //   this.articleAdded.emit();
+  // }
+
+  // public async addTextLineToCartAt(text: string, lineNr: number, beforeOrAfter: PositionGridRow): Promise<void> {
+  //   await this.service.addTextLine(0, text, 0, false, 0,
+  //     beforeOrAfter === PositionGridRow.Before ? lineNr : undefined,
+  //     beforeOrAfter === PositionGridRow.After ? lineNr : undefined)
+  //     .then((value: LineOperationResponse) => {
+  //         this._handleLineOperationStatus();
+  //       },
+  //       (error) => this.promptService.showError(error));
+  // }
+
+  // public async changeLineSequence(fromIndex: number, toIndex: number): Promise<void> {
+  //   let fromLine: TransactionLineInfo = this._getTransactionLineInfoByIndex(fromIndex)
+  //   let toLine: TransactionLineInfo = this._getTransactionLineInfoByIndex(toIndex);
+  //   let aboveLineNr: number;
+  //   let belowLineNr: number;
+  //
+  //   if (fromIndex > toIndex) {
+  //     aboveLineNr = toLine.lineNr;
+  //   } else {
+  //     belowLineNr = toLine.lineNr;
+  //   }
+  //
+  //   await this.service.changeLineSequence(fromLine.uuid, aboveLineNr, belowLineNr)
+  //     .then((value: LineOperationResponse) => {
+  //         this._handleLineOperationStatus();
+  //       },
+  //       (error) => this.promptService.showError(error));
+  // }
+
+  public async addToCartBySelectorResult(result: {goodId: number, baseGoodId: number, selectorData: any, quantity: number}): Promise<void> {
+    await this._loadArticle(result.goodId);
+    // await this._handleAddArticle(result.quantity);
+    this.articleAdded.emit();
+  }
+
+  // TODO public user logs in.... how reconnect the Connector?
+  public async addUserRelationToTransactionAndLogin(userName: string, password: string): Promise<void> {
+    const success: boolean = await this.service.setRelationByUser(userName, password);
+    if (success) {
+        this.transactionEvents.loggedIn.next();
+    }
+  }
+
+  public async showStockManager(line: TransactionLineInfo): Promise<void> {
+    this.selectedWarehouseNr = line.warehouseNumber;
+    this.amount = line.amount;
+    // this.commissionCode = line.commissionCode;
+    this.show(line.articleNumber);
+  }
+
+  public async hide(): Promise<void> {
+    if (this._okOrCancelClick) {
+      this._okOrCancelClick = false;
+      return;
+    }
+    await this.onStockManagerCancelClick();
+  }
+
+  public show(articleNr: string): void {
+    this._reloadDataCollections(articleNr).then();
+
+    this.message = this.currentOperationStatus.pendingReason;
+    this.warehouseGrid.selectRow(this.selectedWarehouseNr);
+    // this.warehouseDialog.targetElement = null;
+    // this.warehouseDialog.open();
+  }
+
+  public async onStockManagerCancelClick(): Promise<void> {
+    this._okOrCancelClick = true;
+    // this.warehouseDialog.close();
+
+    if (this.currentReason) {
+      await this.service.cancelAddTransactionLine(this.currentReason.lineUuid);
+    }
+
+    this.editingLine = undefined;
+  }
+
+  public async onStockManagerOkClick(): Promise<void> {
+    this._okOrCancelClick = true;
+    // this.warehouseDialog.close();
+
+    if (this.commissionCode !== undefined) {
+      this.currentReason.commissionCode = this.commissionCode.valueOf();
+    }
+
+    if (this.amount !== undefined) {
+      this.currentReason.quantity = this.amount.valueOf();
+    }
+
+    if (this.selectedWarehouseNr !== undefined) {
+      this.currentReason.warehouseNr = this.selectedWarehouseNr;
+    }
+
+    // if (this.currentReason) {
+    //   await this.service.resolvePendingLineReason(this.currentReason)
+    //     .then((value: LineOperationResponse) => {
+    //       this._handleLineOperationStatus();
+    //     });
+    // } else {
+    //   if (this.editingLine === undefined) {
+    //     await this.service.addTransactionLine(TransactionLineType.ArticleLine, this.newArticleNr, this.amount, this.selectedWarehouseNr, this.commissionCode, this.isReturn, 0, 0)
+    //       .then((value: LineOperationResponse) => {
+    //         this._handleLineOperationStatus();
+    //       });
+    //   } else {
+    //     await this.service.changeTransactionLineQuantity(this.editingLine.uuid, this.amount)
+    //       .then((value: LineOperationResponse) => {
+    //         this._handleLineOperationStatus();
+    //       });
+    //   }
+    // }
+
+    this.editingLine = undefined;
+  }
+
+  public handleRowsSelected(rows: any): void {
+    this.selectedWarehouseNr = (rows.find(x => x !== undefined)).warehouseNr;
+  }
+
+  // public async handleCharacteristicAnswerOkClick(answer: string): Promise<void> {
+  //   this.currentReason = new ResolvePendingLineReasonRequest(this.currentOperationStatus.uuid, this.currentOperationStatus.pendingReason, this.currentOperationStatus.pendingReasonType);
+  //   this.currentReason.textualUserInput = answer;
+  //   await this.service.resolvePendingLineReason(this.currentReason)
+  //     .then((value: LineOperationResponse) => {
+  //       this._handleLineOperationStatus();
+  //     });
+  // }
+
+  private async _reloadDataCollections(articleNr: string): Promise<void> {
+    const goodId: number  = await this.service.getGoodIdFromArticleNr(articleNr);
+    this.transactionArticleWarehouses = await this.service.getTransactionArticleWarehouses(goodId);
+  }
+
+  // private async _handleAddArticle(amount: number = 1): Promise<void> {
+  //   await this.service.addTransactionLine(TransactionLineType.ArticleLine,
+  //     this.newArticleNr,
+  //     amount,
+  //     this.newArticle.standardWareHouse,
+  //     this.newArticle.commissionCode,
+  //     false,
+  //     0,
+  //     0)
+  //     .then((value: LineOperationResponse) => {
+  //       this._handleLineOperationStatus();
+  //     },
+  //     (error) => this.promptService.showError(error));
+  // }
+
+  // private async _handleAddArticleLineAt(amount: number, lineNr: number, beforeOrAfter: PositionGridRow): Promise<void> {
+  //   await this.service.addTransactionLine(TransactionLineType.ArticleLine,
+  //     this.newArticleNr,
+  //     amount,
+  //     this.newArticle.standardWareHouse,
+  //     this.newArticle.commissionCode,
+  //     false,
+  //     beforeOrAfter === PositionGridRow.Before ? lineNr : undefined,
+  //     beforeOrAfter === PositionGridRow.After ? lineNr : undefined)
+  //     .then((value: LineOperationResponse) => {
+  //         this._handleLineOperationStatus();
+  //       },
+  //       (error) => this.promptService.showError(error));
+  // }
+
+  private _getWareHouseNoFromArticle(): number {
+    if (this.newArticle !== undefined && this.newArticle.stockLocations !== undefined && this.newArticle.stockLocations.length) {
+      return this.newArticle.stockLocations[0].warehouseNr;
+    }
+    return 0;
+  }
+
+  // private _isLineOperationStatus(): boolean {
+  //   this.currentOperationStatus = this.service.currentLineOperationStatus;
+  //   if (this.currentOperationStatus !== undefined) {
+  //     return true;
+  //   }
+  //   return false;
+  // }
+
+  // private _checkIfShoppingCartNeedsToDisplay(): void {
+  //   if (this.service.currentTransaction && this.service.currentTransaction.transactionNr) {
+  //     this.linesChanged.emit(this.waitForLinesChangedToOpenCart);
+  //     this.waitForLinesChangedToOpenCart = false;
+  //   }
+  // }
+
+  // private async _confirmAction(): Promise<void> {
+  //   this.currentReason = new ResolvePendingLineReasonRequest(this.currentOperationStatus.uuid, this.currentOperationStatus.pendingReason, this.currentOperationStatus.pendingReasonType);
+  //   const pendingReasonText: string = await this._getPendingReasonText(this.currentOperationStatus.pendingReason);
+  //   this.currentReason.confirmation  = await this.promptService.showYesNo(pendingReasonText, " ");
+  //   await this.service.resolvePendingLineReason(this.currentReason)
+  //     .then((value: LineOperationResponse) => {
+  //       this._handleLineOperationStatus();
+  //     });
+  // }
+
+  // private async _showInformation(): Promise<void> {
+  //   this.currentReason = new ResolvePendingLineReasonRequest(this.currentOperationStatus.uuid, this.currentOperationStatus.pendingReason, this.currentOperationStatus.pendingReasonType);
+  //   const pendingReasonText: string = await this._getPendingReasonText(this.currentOperationStatus.pendingReason);
+  //   await this.promptService.showOkModal(pendingReasonText, " ");
+  //   await this.service.resolvePendingLineReason(this.currentReason)
+  //     .then((value: LineOperationResponse) => {
+  //       this._handleLineOperationStatus();
+  //     });
+  // }
+
+  private async _getPendingReasonText(pendingReason: string): Promise<string> {
+    if (pendingReason === "ARTICLE_IS_DISCONTINUED_DO_YOU_WANT_TO_CONTINUE_PLEASE_CONFIRM") {
+      return this._dictionaryService.get("ARTICLE_IN_OUT_COLLECTION").replace("|~", await this.getInOutCollectionOfArticle());
+    }
+    return this._dictionaryService.get(pendingReason);
+  }
+
+  private async getInOutCollectionOfArticle(): Promise<string> {
+    if (!this._inOutCollection.length) {
+      this._inOutCollection = await this.service.getInOutCollection("NL");
+    }
+
+    const domainValue: CoDomainValue = this._inOutCollection.find(element => element.code === this.newArticle.inOutCollection);
+    if (domainValue) {
+      return domainValue.description;
+    }
+    return "";
+  }
+
+  // private async _handleLineOperationStatus(): Promise<void> {
+  //   if (this._isLineOperationStatus()) {
+  //     await this._handlePendingLine(this.currentOperationStatus.uuid).then();
+  //   } else {
+  //     this._checkIfShoppingCartNeedsToDisplay();
+  //   }
+  // }
+
+  // private  async _handlePendingLine(lineUuid: string): Promise<void> {
+  //   this.currentReason = new ResolvePendingLineReasonRequest(this.currentOperationStatus.uuid, this.currentOperationStatus.pendingReason, this.currentOperationStatus.pendingReasonType);
+  //   this.currentPendingLine = this.service.currentLines.find(l => l.uuid === lineUuid);
+  //
+  //   switch (this.currentOperationStatus.pendingReasonType) {
+  //     case PendingReasonType.ABORTED:
+  //     case PendingReasonType.CANCELLED:
+  //       this.service.cancelAddTransactionLine(this.currentPendingLine.uuid).then();
+  //       break;
+  //     case PendingReasonType.CONFIRMATION_NEEDED:
+  //       await this._confirmAction();
+  //       break;
+  //     case PendingReasonType.INVALID_LOGISTICS:
+  //       await this.showStockManager(this.currentPendingLine);
+  //       break;
+  //     case PendingReasonType.NON_CRITICAL_DISCONTINUATION:
+  //       await this._showInformation();
+  //       break;
+  //     case PendingReasonType.CHARACTERISTICS_ANSWER_NEEDED:
+  //       this.CharacteristicsAnswerNeeded();
+  //       break;
+  //     case PendingReasonType.NONE:
+  //     default:
+  //       this.currentReason = undefined;
+  //       this.currentPendingLine = undefined;
+  //       break;
+  //   }
+  // }
+
+  private async _loadArticle(goodId: number): Promise<void> {
+    this.newArticle = await this.service.getArticleFullObject(goodId);
+    this.newArticleNr = this.newArticle.articleNr;
+  }
+
+  private addEmailAddressToTransaction(emailAddress: string): void {
+    // this.service.emailAddress = emailAddress;
+  }
+
+  private CharacteristicsAnswerNeeded(): void {
+    // this.characteristicAnswer.question = this.currentOperationStatus.characteristic.question;
+    // this.characteristicAnswer.title = this.newArticle.description;
+    // this.characteristicAnswer.value = this.currentOperationStatus.characteristic.value;
+    // this.characteristicAnswer.characteristics = this.currentOperationStatus.characteristic.transactionLineCharacteristicChoices;
+    //
+    // setTimeout(() => {
+    //   this.characteristicAnswer.open();
+    //   // eslint-disable-next-line no-magic-numbers
+    // }, 1000);
+
+  }
+
+  // private _getLineUuidByLineNr(lineNr: number): string {
+  //   const transactionLine: TransactionLineInfo[] = this.service.currentLines.filter(transLines => transLines.lineNr === lineNr);
+  //   return transactionLine[0].uuid;
+  // }
+  //
+  // private _getTransactionLineInfoByIndex(index: number): TransactionLineInfo {
+  //   if (index >= 0 && index < this.service.currentLines.length) {
+  //     return this.service.currentLines[index]
+  //   }
+  // }
+}

package/projects/transaction/src/lib/component/shopping-cart-preview/shopping-cart-preview.component.ts

@@ -0,0 +1,59 @@
+import {Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation} from "@angular/core";
+import {TransactionService} from "../../service/transaction.service";
+import {Icon} from "../../enum/icon.enum";
+
+@Component({
+  selector: "co-shopping-cart-preview",
+  template: `
+    <div class="cart-header">
+      <span class="cart-header-label" [textContent]="'CART' | localize"></span>
+    </div>
+    <div class="cart-lines">
+      <co-transaction-lines
+        [transaction]="service.currentTransaction"
+        [preview]="true"
+      ></co-transaction-lines>
+    </div>
+    <div class="preview-totals-wrapper">
+      <co-transaction-totals
+        [transactionInfo]="service.currentTransaction.transactionInfo"
+        [transactionTotal]="service.currentTransaction.transactionTotal"
+      ></co-transaction-totals>
+    </div>
+    <div class="cart-buttons">
+      <a class="button-edit-cart" [textContent]="'EDIT_CART' | localize"
+         (click)="editCartClick.emit()"
+      ></a>
+      <co-button *ngIf="showCheckoutButton" class="button-checkout" [label]="'SHOPPING_CART_CHECKOUT' | localize"
+                 [disabled]="!service.articleAmount"
+                 (click)="checkout.emit()"></co-button>
+    </div>
+  `,
+  encapsulation: ViewEncapsulation.None
+})
+export class ShoppingCartPreviewComponent {
+  public readonly icons: typeof Icon = Icon;
+
+  @Input()
+  public showCheckoutButton: boolean = true;
+
+  @HostBinding("class.borderless")
+  @Input()
+  public withoutBorder: boolean = false;
+
+  @Output()
+  public checkout: EventEmitter<void> = new EventEmitter<void>();
+
+  @Output()
+  public editCartClick: EventEmitter<void> = new EventEmitter<void>();
+
+  @HostBinding("class.co-shopping-cart-preview")
+  public showClass(): boolean {
+    return true;
+  }
+
+  constructor(
+    public service: TransactionService
+  ) {
+  }
+}

package/projects/transaction/src/lib/component/shopping-cart-preview/shopping-cart-preview.module.ts

@@ -0,0 +1,27 @@
+import {NgModule} from "@angular/core";
+import {CommonModule} from "@angular/common";
+import {CoreModule} from "../core/core.module";
+import {ButtonModule} from "@colijnit/corecomponents_v12";
+import {TransactionTotalsModule} from "../transaction-totals/transaction-totals.module";
+import {TransactionLinesModule} from "../transaction-lines/transaction-lines.module";
+import {ShoppingCartPreviewComponent} from "./shopping-cart-preview.component";
+import {PipeModule} from "../../pipe/pipe.module";
+
+@NgModule({
+    imports: [
+        CommonModule,
+        CoreModule,
+        ButtonModule,
+        TransactionLinesModule,
+        TransactionTotalsModule,
+        PipeModule
+    ],
+  declarations: [
+    ShoppingCartPreviewComponent
+  ],
+  exports: [
+    ShoppingCartPreviewComponent
+  ]
+})
+export class ShoppingCartPreviewModule {
+}

package/projects/transaction/src/lib/component/stepper/component/stepper-step.component.ts

@@ -0,0 +1,45 @@
+import {Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation} from "@angular/core";
+
+@Component({
+  selector: "co-stepper-step",
+  template: `
+    <ng-container *ngIf="show">
+      <ng-content></ng-content>
+    </ng-container>
+  `,
+  encapsulation: ViewEncapsulation.None
+})
+export class StepperStepComponent {
+
+  @Input()
+  public index: number = 0;
+
+  @Input()
+  public label: string;
+
+  @Input()
+  public set completed(value: boolean) {
+    this._completed = value;
+    this.onComplete(this._completed);
+  }
+
+  public get completed(): boolean {
+    return this._completed;
+  }
+
+  @HostBinding('class.show')
+  @Input()
+  public show: boolean = false;
+
+  @Output()
+  public validateStep: EventEmitter<void> = new EventEmitter<void>();
+
+  @HostBinding("class.co-stepper-step")
+  public showClass(): boolean {
+    return true;
+  }
+
+  private _completed: boolean = false;
+
+  public onComplete = (complete: boolean) => {}
+}