@colijnit/transaction 12.1.6 → 12.1.9

package/lib/component/checkout/checkout.component.d.ts

@@ -0,0 +1,36 @@
+import { EventEmitter } from "@angular/core";
+import { TransactionService } from "../../service/transaction.service";
+import { DictionaryService } from "../../service/dictionary.service";
+import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
+import { TransactionInfoResponse } from "@colijnit/transactionapi/build/model/transaction-info-response.bo";
+import { CheckoutOverviewRelationEditComponent } from "./checkout-overview-relation-edit/checkout-overview-relation-edit.component";
+import { CheckoutOverviewDeliveryEditComponent } from "./checkout-overview-delivery-edit/checkout-overview-delivery-edit.component";
+import { StepperStepComponent } from "../stepper/component/stepper-step.component";
+import { DialogService } from "../../service/dialog.service";
+import { PaymentComponent } from "../payment/payment.component";
+export declare class CheckoutComponent {
+    service: TransactionService;
+    private _dictionary;
+    private _dialogService;
+    stepRelation: StepperStepComponent;
+    stepDelivery: StepperStepComponent;
+    stepPayment: StepperStepComponent;
+    stepOverview: StepperStepComponent;
+    stepPay: StepperStepComponent;
+    checkoutRelation: CheckoutOverviewRelationEditComponent;
+    checkoutDelivery: CheckoutOverviewDeliveryEditComponent;
+    checkoutPayment: PaymentComponent;
+    sellerId: number;
+    transactionFinished: EventEmitter<TransactionInfo>;
+    showClass(): boolean;
+    get userIsApplicationUser(): boolean;
+    transaction: TransactionInfoResponse;
+    constructor(service: TransactionService, _dictionary: DictionaryService, _dialogService: DialogService);
+    handleRelationValidation(): Promise<void>;
+    handleDeliveryValidation(): Promise<void>;
+    handlePaymentValidation(): void;
+    handleOverviewValidation(): void;
+    handleFinishStep(): Promise<void>;
+    saveRelation(): Promise<boolean>;
+    handleSaveDelivery(): Promise<boolean>;
+}

package/lib/component/checkout/checkout.module.d.ts

@@ -0,0 +1,2 @@
+export declare class CheckoutModule {
+}

package/lib/component/checkout/style/_layout.scss

@@ -0,0 +1,31 @@
+@import "../../../style/mixin";
+
+@include export-module('co-checkout-layout') {
+  .co-checkout {
+    .co-stepper-content-wrapper {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      column-gap: $tp-checkout-column-gap;
+      padding: $tp-checkout-padding;
+    }
+    .co-stepper-step {
+      display: flex;
+      flex-basis: 60%;
+      flex-grow: 1;
+      flex-shrink: 1;
+    }
+    .co-checkout-right-panel {
+      display: flex;
+      flex-direction: column;
+      row-gap: $tp-checkout-right-panel-row-gap;
+      flex-basis: $tp-checkout-right-panel-width;
+      flex-grow: 1;
+      flex-shrink: 1;
+    }
+    .co-checkout-right-panel-relation {
+      display: flex;
+      justify-content: flex-end;
+    }
+  }
+}

package/lib/component/checkout/style/_material-definition.scss

@@ -0,0 +1,5 @@
+$tp-checkout-padding: 30px !default;
+$tp-checkout-column-gap: 10px !default;
+$tp-checkout-right-panel-row-gap: 10px !default;
+$tp-checkout-right-panel-width: 400px !default;
+$tp-checkout-right-panel-width: 50% !default;

package/lib/component/checkout/style/_theme.scss

@@ -0,0 +1,8 @@
+@import "../../../style/mixin";
+@import "./material-definition";
+
+@include export-module('co-checkout-theme') {
+  .co-checkout {
+
+  }
+}

package/lib/component/checkout/style/material.scss

@@ -0,0 +1,10 @@
+@import "../../../style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+@import "../checkout-overview-relation-edit/style/material";
+@import "../checkout-overview-delivery-edit/style/material";
+@import "../../relation-address/style/material";
+@import "../../stepper/style/material";
+@import "../../seller-information/style/material";
+@import "../../payment/style/material";

package/lib/component/confirmation-dialog/confirmation-dialog.component.d.ts

@@ -0,0 +1,8 @@
+import { DialogBaseComponent } from "../core/base/dialog-base.component";
+export declare class ConfirmationDialogComponent extends DialogBaseComponent {
+    title: string;
+    text: string;
+    showClass(): boolean;
+    handleYesClick(event: MouseEvent): void;
+    handleNoClick(event: MouseEvent): void;
+}

package/lib/component/confirmation-dialog/confirmation-dialog.module.d.ts

@@ -0,0 +1,2 @@
+export declare class ConfirmationDialogModule {
+}

package/lib/component/confirmation-dialog/style/_layout.scss

@@ -0,0 +1,22 @@
+@import "../../../style/mixin";
+
+@include export-module('co-confirmation-dialog-layout') {
+  .co-confirmation-dialog {
+    .confirmation-dialog-wrapper {
+      font-family: $tp-co-confirmation-dialog-font-family;
+      font-size: $tp-co-confirmation-dialog-font-size;
+      display: flex;
+      flex-direction: column;
+      row-gap: 20px;
+    }
+    .title {
+      font-weight: bold;
+    }
+    .button-wrapper {
+      display: flex;
+      flex-direction: row;
+      justify-content: flex-end;
+      column-gap: 5px;
+    }
+  }
+}

package/lib/component/confirmation-dialog/style/_material-definition.scss

@@ -0,0 +1,2 @@
+$tp-co-confirmation-dialog-font-family: $tp-font-family !default;
+$tp-co-confirmation-dialog-font-size: $tp-font-size !default;

package/lib/component/confirmation-dialog/style/_theme.scss

@@ -0,0 +1,6 @@
+@import "../../../style/mixin";
+
+@include export-module('co-confirmation-dialog-theme') {
+  .co-confirmation-dialog {
+  }
+}

package/lib/component/confirmation-dialog/style/material.scss

@@ -0,0 +1,5 @@
+@import "../../../style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+@import "lib/components/co-dialog/style/material";

package/lib/component/core/base/dialog-base.component.d.ts

@@ -0,0 +1,4 @@
+import { AppPopupButtonType } from "../enum/app-popup-button-type.enum";
+export declare abstract class DialogBaseComponent {
+    onClose(eventType: AppPopupButtonType, output?: any): void;
+}

package/lib/component/core/base/style/_layout.scss

@@ -0,0 +1,7 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-default-ok-cancel-buttons-layout') {
+  .co-default-ok-cancel-buttons {
+    display: flex;
+  }
+}

package/lib/component/core/base/style/_theme.scss

@@ -0,0 +1,6 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-default-ok-cancel-buttons-theme') {
+  .co-default-ok-cancel-buttons {
+  }
+}

package/lib/component/core/base/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../../style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/{app → lib}/component/core/base/transaction-base.component.d.ts

@@ -4,45 +4,29 @@ import { TransactionInfo } from "@colijnit/transactionapi/build/model/transactio
 import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
 import { TransactionTotal } from "@colijnit/transactionapi/build/model/transaction-total.bo";
 import { RelationListObject } from "@colijnit/transactionapi/build/model/relation-list-object.bo";
-import { CustomerFullObject } from "@colijnit/transactionapi/build/model/customer-full-object.bo";
-import { SlaProduct } from "@colijnit/transactionapi/build/model/sla-product.bo";
 import { LineOperationStatus } from "@colijnit/transactionapi/build/model/line-operation-status.bo";
+import { CustomerFullObject } from "@colijnit/transactionapi/build/model/customer-full-object.bo";
 export declare abstract class TransactionBaseComponent {
     protected readonly service: TransactionService;
     set transaction(value: TransactionInfoResponse);
     get transaction(): TransactionInfoResponse;
-    set transactionInfo(value: TransactionInfo);
-    get transactionInfo(): TransactionInfo;
-    set transactionLines(value: TransactionLineInfo[]);
-    get transactionLines(): TransactionLineInfo[];
-    set transactionTotal(value: TransactionTotal);
-    get transactionTotal(): TransactionTotal;
-    get lineOperationStatuses(): LineOperationStatus[];
-    set lineOperationStatuses(value: LineOperationStatus[]);
-    get isService(): boolean;
     set relationId(value: number);
     get relationId(): number;
     set customerId(value: number);
     get customerId(): number;
-    set product(value: SlaProduct);
-    get product(): SlaProduct;
-    get isNew(): boolean;
     relation: RelationListObject;
     customer: CustomerFullObject;
-    _isService: boolean;
-    basedOnProduct: boolean;
-    private _transactionInfo;
-    private _lineOperationStatuses;
-    private _transactionLines;
-    private _transactionTotal;
+    expanded: boolean;
+    isService: boolean;
+    transactionInfo: TransactionInfo;
+    lineOperationStatuses: LineOperationStatus[];
+    transactionLines: TransactionLineInfo[];
+    transactionTotal: TransactionTotal;
     private _relationId;
     private _customerId;
     private _transaction;
-    private _product;
     constructor(service: TransactionService);
     transactionSet(): void;
-    productSet(): void;
     private _retrieveCustomer;
     private _retrieveRelation;
-    private _setBasedOnProduct;
 }

package/lib/component/core/characteristic-answer/characteristic-answer.component.scss

@@ -0,0 +1,20 @@
+@import "../../../style/variables";
+/*
+@import "src/style/styles";
+
+.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;
+}
+*/

package/lib/component/core/enum/app-popup-button-type.enum.d.ts

@@ -0,0 +1,9 @@
+export declare enum AppPopupButtonType {
+    Ok = 0,
+    Open = 1,
+    Save = 2,
+    Cancel = 3,
+    Yes = 4,
+    No = 5,
+    NoButton = 6
+}

package/{app → lib}/component/core/icon/icon.component.d.ts

@@ -1,9 +1,10 @@
 import { OnDestroy } from "@angular/core";
 import { SafeHtml } from "@angular/platform-browser";
-import { CoreComponentsIcon, IconCacheService } from "@colijnit/corecomponents_v12";
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { Icon } from "../../../enum/icon.enum";
 export declare class IconComponent implements OnDestroy {
     private _iconCacheService;
-    set icon(icon: CoreComponentsIcon);
+    set icon(icon: Icon);
     svg?: SafeHtml;
     constructor(_iconCacheService: IconCacheService);
     ngOnDestroy(): void;

package/lib/component/core/icon/icon.component.scss

@@ -0,0 +1,87 @@
+@import "../../../style/variables";
+/*
+@import "src/style/styles";
+
+:host {
+  @extend %icon-size;
+  @extend %inline-flex;
+
+  &.dark ::ng-deep {
+    @include icon-fill($tp-color-dark);
+  }
+
+  &.light ::ng-deep {
+    @include icon-fill($tp-color-light);
+  }
+
+  &.red ::ng-deep {
+    @include icon-fill($tp-color-error);
+  }
+
+  &.grey ::ng-deep {
+    @include icon-fill($tp-color-grey);
+  }
+
+  &.action ::ng-deep {
+    @extend %cursor-pointer;
+  }
+
+  &.action-color ::ng-deep {
+    @include icon-fill($tp-color-action);
+  }
+
+  &.circle {
+    @extend %circle;
+  }
+
+  &.pico {
+    @extend %icon-size-pico;
+  }
+
+  &.nano {
+    @extend %icon-size-nano;
+  }
+
+  &.small {
+    @extend %icon-size-small;
+  }
+
+  &.big {
+    @extend %icon-size-big;
+  }
+
+  &.very-big {
+    @extend %icon-size-very-big;
+  }
+
+  &.humongous {
+    @extend %icon-size-humongous;
+  }
+
+  &.massive {
+    @extend %icon-size-massive;
+  }
+
+  &.inactive {
+    opacity: 0.25;
+  }
+
+  &.disabled {
+    opacity: 0.25 !important;
+  }
+
+  &.no-shrink {
+    @extend %flex-no-shrink;
+  }
+
+  &:hover {
+    &.action ::ng-deep {
+      @include icon-fill($tp-color-action);
+    }
+  }
+
+  ::ng-deep svg {
+    @extend %full-width-height;
+  }
+}
+*/

package/lib/component/core/image-display/image-display.component.d.ts

@@ -0,0 +1,5 @@
+export declare class ImageDisplayComponent {
+    model: string;
+    label: string;
+    showClass(): boolean;
+}

package/lib/component/core/image-display/style/_layout.scss

@@ -0,0 +1,57 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-image-display-layout') {
+  .co-image-display {
+    font-family: $tp-image-display-no-image-font-family;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    width: 100%;
+    .image-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      position: relative;
+      height: 100%;
+      width: 100%;
+    }
+
+    .image {
+      height: auto;
+      width: 100%;
+      background-repeat: no-repeat;
+      background-size: contain;
+      background-position: center center;
+    }
+    .no-image {
+      display: flex;
+      flex-direction: column;
+      width: 100%;
+      height: 100%;
+      align-items: center;
+      justify-content: center;
+      opacity: $tp-image-display-no-image-opacity;
+      .img {
+        width: 60%;
+        height: 60%;
+        background: url($tp-image-display-no-image-src) no-repeat top;
+      }
+      .no-image-label {
+        font-size: $tp-image-display-no-image-label-font-size;
+      }
+    }
+
+    &.cover-image {
+      div.image {
+        background-size: cover;
+      }
+    }
+    &.circle {
+      .img-wrapper,
+      .image {
+        border-radius: 50%;
+      }
+    }
+  }
+}

package/lib/component/core/image-display/style/_material-definition.scss

@@ -0,0 +1,4 @@
+$tp-image-display-no-image-src: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+DQogICAgPHBhdGggZD0iTTM1LDE4bC0zLTRIMjJsLTMsNEgxNlYzNkg0MFYxOFpNMjQsMTZoNnYySDI0Wm0yLjUsMThBNi41LDYuNSwwLDEsMSwzMywyNy41LDYuNTEsNi41MSwwLDAsMSwyNi41LDM0Wk0zOCwyMkgzNlYyMGgyWiINCiAgICAgICAgICBmaWxsPSIjNDg0ZjYwIi8+DQogICAgPHJlY3QgeD0iMTAiIHk9IjE4IiB3aWR0aD0iNSIgaGVpZ2h0PSIxOCIgZmlsbD0iIzQ4NGY2MCIvPg0KICAgIDxyZWN0IHg9IjExIiB5PSIxNSIgd2lkdGg9IjMiIGhlaWdodD0iMiIgZmlsbD0iIzQ4NGY2MCIvPg0KICAgIDxwYXRoIGQ9Ik0yNi41LDMyQTQuNSw0LjUsMCwxLDEsMzEsMjcuNSw0LjUxLDQuNTEsMCwwLDEsMjYuNSwzMloiIGZpbGw9IiM0ODRmNjAiLz4NCjwvc3ZnPg0K" !default;
+$tp-image-display-no-image-font-family: $tp-font-family !default;
+$tp-image-display-no-image-label-font-size: 12px !default;
+$tp-image-display-no-image-opacity: 0.3 !default;

package/lib/component/core/image-display/style/_theme.scss

@@ -0,0 +1,6 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-image-display-theme') {
+  .co-image-display {
+  }
+}

package/lib/component/core/image-display/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../../style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/component/core/relation/customer-groups.component.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter, OnInit } from "@angular/core";
+import { IOneConnectorAdapterService } from "../../../service/ione-connector-adapter.service";
+import { CustomerGroup } from "@colijnit/transactionapi/build/model/customer-group.bo";
+export declare class CustomerGroupsComponent implements OnInit {
+    private _connector;
+    required: boolean;
+    model: string;
+    modelChange: EventEmitter<CustomerGroup>;
+    customerGroups: CustomerGroup[];
+    fields: Object;
+    constructor(_connector: IOneConnectorAdapterService);
+    ngOnInit(): Promise<void>;
+}

package/lib/component/core/relation/relation-customer-groups.component.scss

@@ -0,0 +1,6 @@
+:host {
+  display: flex;
+  .co-input-combo-box {
+    width: 100%;
+  }
+}

package/lib/component/core/stock-status-indicator/stock-status-indicator.component.scss

@@ -0,0 +1,47 @@
+@import "../../../style/variables";
+/*
+@import "src/style/styles";
+
+:host {
+  @extend %inline-block;
+  background-color: rgba(white, 0.25);
+  width: 30px;
+  height: 20px;
+
+  > div {
+    @extend %flex-center;
+    @extend %full-width-height;
+    > div {
+      width: 5px;
+      height: 5px;
+      flex-shrink: 0;
+      flex-grow: 0;
+      margin-right: 2px;
+    }
+
+    &.low, &.empty, &.none {
+      > div.square-1 {
+        background-color: $tp-color-stock-low;
+      }
+      > div.square-2, div.square-3 {
+        background-color: $tp-color-stock-empty;
+      }
+    }
+
+    &.medium {
+      > div.square-1, div.square-2 {
+        background-color: $tp-color-stock-medium;
+      }
+      > div.square-3 {
+        background-color: $tp-color-stock-empty;
+      }
+    }
+
+    &.high {
+      > div.square-1, div.square-2, div.square-3 {
+        background-color: $tp-color-stock-high;
+      }
+    }
+  }
+}
+*/

package/lib/component/delivery-type-tile/delivery-type-tile.component.d.ts

@@ -0,0 +1,10 @@
+import { EventEmitter } from "@angular/core";
+import { DeliveryType } from "../../model/delivery-type";
+export declare class DeliveryTypeTileComponent {
+    type: DeliveryType;
+    selected: boolean;
+    selectedChange: EventEmitter<boolean>;
+    showClass(): boolean;
+    deliveryTypeIdx: number;
+    setIndexDeliveryType(index: number): void;
+}

package/lib/component/delivery-type-tile/delivery-type-tile.module.d.ts

@@ -0,0 +1,2 @@
+export declare class DeliveryTypeTileModule {
+}

package/lib/component/delivery-type-tile/style/_layout.scss

@@ -0,0 +1,35 @@
+@import "../../../style/mixin";
+
+@include export-module('co-delivery-type-tile-layout') {
+  .co-delivery-type-tile {
+    display: flex;
+    position: relative;
+    font-family: $tp-delivery-type-tile-font-family;
+    font-size: $tp-delivery-type-tile-font-size;
+    .delivery-type-content-wrapper {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      height: 100%;
+      overflow: hidden;
+    }
+    .delivery-type-description {
+      font-family: $tp-delivery-type-tile-description-font-family;
+      font-size: $tp-delivery-type-tile-description-font-size;
+      font-weight: $tp-delivery-type-tile-description-font-weight;
+    }
+    .delivery-type-icon {
+      height: 65px;
+      width: 65px;
+      icon {
+        width: 100%;
+        height: 100%;
+      }
+    }
+    .delivery-type-price {
+      font-family: $tp-delivery-type-tile-price-font-family;
+      font-size: $tp-delivery-type-tile-price-font-size;
+      font-weight: $tp-delivery-type-tile-price-font-weight;
+    }
+  }
+}

package/lib/component/delivery-type-tile/style/_material-definition.scss

@@ -0,0 +1,16 @@
+$tp-delivery-type-tile-font-family: $tp-font-family !default;
+$tp-delivery-type-tile-font-size: $tp-font-size !default;
+$tp-delivery-type-tile-border: 2px solid !default;
+$tp-delivery-type-tile-border-radius: 5px !default;
+$tp-delivery-type-tile-padding: 10px !default;
+$tp-delivery-type-tile-background-color: white !default;
+$tp-delivery-type-tile-border-color: $tp-color-border !default;
+$tp-delivery-type-tile-selected-background-color: #f1fcff !default;
+$tp-delivery-type-tile-selected-border-color: #0084de !default;
+$tp-delivery-type-tile-icon-width: 20px !default;
+$tp-delivery-type-tile-description-font-family: $tp-font-family !default;
+$tp-delivery-type-tile-description-font-size: $tp-font-size !default;
+$tp-delivery-type-tile-description-font-weight: bold !default;
+$tp-delivery-type-tile-price-font-family: $tp-font-family !default;
+$tp-delivery-type-tile-price-font-size: $tp-font-size-big !default;
+$tp-delivery-type-tile-price-font-weight: bold !default;

package/lib/component/delivery-type-tile/style/_theme.scss

@@ -0,0 +1,6 @@
+@import "../../../style/mixin";
+
+@include export-module('co-select-delivery-type-theme') {
+  .co-delivery-type-tile {
+  }
+}

package/lib/component/delivery-type-tile/style/material.scss

@@ -0,0 +1,5 @@
+@import "../../../style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+@import "../../tile/style/material";

package/lib/component/discount/discount.component.d.ts

@@ -0,0 +1,19 @@
+import { DictionaryService } from "../../service/dictionary.service";
+import { OrderDiscountType } from "../../enum/order-discount-type.enum";
+export declare class DiscountComponent {
+    private _dictionary;
+    readonly orderDiscountType: typeof OrderDiscountType;
+    showClass(): boolean;
+    discountHeader: string;
+    inputDiscounts: boolean;
+    transactionDiscountAmount: number;
+    transactionDiscountPercentage: number;
+    transactionTotal: number;
+    discountType: OrderDiscountType;
+    showDiscountsSidebar: boolean;
+    constructor(_dictionary: DictionaryService);
+    addDiscount(): void;
+    onStartDiscountInput(discountType: OrderDiscountType, header: string): void;
+    setDiscountHeader(discountType: OrderDiscountType): void;
+    onInputDiscountsOkClick(): void;
+}

package/lib/component/discount/discount.module.d.ts

@@ -0,0 +1,2 @@
+export declare class DiscountModule {
+}