@colijnit/transaction 254.1.17 → 254.1.18

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

@@ -78,6 +78,7 @@
       display: flex;
       align-items: center;
       gap: 10px;
+      white-space: nowrap;
       .payment-header-title, .payment-total-pay {
         font-size: 26px;
         font-weight: bold;

package/lib/component/service-wizard-qa/question-answer-item/style/_layout.scss

@@ -7,7 +7,17 @@
       width: 100%;
       margin-top: $tp-co-purchase-confirmation-drag-handle-width;
     }
-
+    .answer-items-wrapper {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      .co-input-checkbox {
+        .checkbox {
+          background-color: #F8F8FA;
+          border-color: #F8F8FA;
+        }
+      }
+    }
     .answer-item {
       padding: 20px $tp-co-purchase-confirmation-column-gap;
       border-radius: 5px;
@@ -16,9 +26,10 @@
       .link {
         display: inline-block;
         margin-left: $tp-co-purchase-confirmation-drag-handle-width;
-        color: #1A73E8;
+        font-weight: 600;
+        font-style: italic;
+        color: #1a73e8;
         cursor: pointer;
-
         &:hover {
           text-decoration: underline;
         }

package/lib/component/transaction-cash-register-order/transaction-cash-register-payment-dialog/style/_layout.scss

@@ -134,6 +134,7 @@
       display: flex;
       align-items: center;
       gap: 10px;
+      white-space: nowrap;
       .payment-header-title, .payment-total-pay {
         font-size: 26px;
         font-weight: bold;

package/lib/component/transaction-create-wizard/transaction-create-wizard.component.d.ts

@@ -39,7 +39,7 @@ export declare class TransactionCreateWizardComponent implements OnInit {
     handleTransactionValidation(): Promise<boolean>;
     handleWizardValidation(): Promise<boolean>;
     handleServiceInfoValidation(): Promise<boolean>;
-    wizardFinished(): void;
+    wizardFinished(): Promise<void>;
     private _validateForArticleTransaction;
     private _processExternalTransactionLine;
 }

package/lib/component/transaction-header/transaction-header-popup/style/_layout.scss

@@ -567,7 +567,7 @@
     .create-via-transaction {
       display: flex;
       flex-direction: column;
-      gap: 5px;
+      gap: 15px;
       width: 100%;
 
       .create-via-transaction-result-display {
@@ -594,4 +594,99 @@
      padding-top: 30px;
     }
   }
+  .service-read-only-wrapper {
+    display: flex;
+    flex-direction: column;
+    gap: 30px;
+    margin-bottom: 30px;
+  }
+  .service-data-read-only {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+    .row, .double-column {
+      display: flex;
+      align-items: center;
+      gap: 30px;
+      justify-content: space-between;
+      flex: 1;
+      .column {
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+        gap: 5px;
+      }
+    }
+    .label {
+      color: #8083A3;
+      font-size: 10px;
+    }
+    .value {
+      font-weight: normal;
+      font-size: 12px;
+    }
+  }
+  .service-data-header {
+    display: flex;
+    gap: 30px;
+    align-items: center;
+    .data-description {
+      font-size: 14px;
+    }
+    .toggle-change {
+      font-weight: 600;
+      font-style: italic;
+      color: #1a73e8;
+      cursor: pointer;
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+  .files-upload {
+    .co-files-upload {
+      .co-drag-drop-container {
+        padding-top: 40px;
+        position: relative;
+        margin-top: 30px;
+        .add-file {
+          position: absolute;
+          top: 0;
+          .co-tile-render {
+            display: flex;
+            align-items: center;
+            flex-direction: row-reverse;
+            .add-button {
+              position: unset;
+            }
+          }
+          .description {
+            font-weight: bold;
+            font-size: 12px;
+          }
+        }
+        .tile {
+          padding: 10px;
+          border-radius: 5px;
+          border: 2px solid #DCE4EA;
+          .info {
+            max-width: 100px;
+            .description {
+              font-size: 10px;
+              display: -webkit-box;
+              -webkit-line-clamp: 2;
+              -webkit-box-orient: vertical;
+              overflow: hidden;
+              text-overflow: ellipsis;
+            }
+          }
+          .trash {
+            width: 20px;
+            height: 20px;
+            padding: 2px;
+          }
+        }
+      }
+    }
+  }
 }

package/lib/component/transaction-service-overview/style/_layout.scss

@@ -17,7 +17,7 @@
           flex-direction: row;
           gap: 30px;
           .service-message-wrapper {
-            width: 70%;
+            width: 65%;
             display: flex;
             flex-direction: column;
             gap: 10px;
@@ -37,32 +37,58 @@
               gap: 10px;
             }
           }
+
           .co-files-upload {
-            width: 30%;
+            width: 35%;
             min-height: auto;
-            .co-file-upload {
-              width: 100px;
-              height: 115px;
-              &.add-file {
-                background: #f8f8fa;
-                position: relative;
-                .add-button {
-                  left: 50%;
-                  top: calc(50% - 10px);
-                  transform: translate(-50%, -50%);
+            overflow-x: auto;
+            .co-drag-drop-container {
+              padding-top: 30px;
+              position: relative;
+              margin-top: 0;
+              gap: 5px;
+              align-items: flex-start;
+              .add-file {
+                position: absolute;
+                top: 0;
+                .co-tile-render {
+                  display: flex;
+                  align-items: center;
+                  flex-direction: row-reverse;
+                  .add-button {
+                    position: unset;
+                  }
+                }
+                .description {
+                  font-weight: bold;
+                  font-size: 12px;
                 }
+              }
+              .tile {
+                padding: 10px;
+                border-radius: 5px;
+                border: 1px solid #CCCCCC;
+                height: 100%;
                 .info {
-                  left: 50%;
-                  top: calc(50% + 10px);
-                  transform: translate(-50%, -50%);
-                  position: absolute;
+                  max-width: 100px;
+                  .description {
+                    font-size: 10px;
+                    display: -webkit-box;
+                    -webkit-line-clamp: 2;
+                    -webkit-box-orient: vertical;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                  }
+                }
+                .trash {
+                  width: 20px;
+                  height: 20px;
+                  padding: 2px;
                 }
               }
             }
-            .co-drag-drop-container {
-              gap: 15px;
-            }
           }
+
           .image-display {
             width: 20%;
           }

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

@@ -173,6 +173,7 @@ import { ServiceWizard } from "@colijnit/transactionapi/build/model/service-wiza
 import { ServiceType } from "@colijnit/transactionapi/build/model/service-type";
 import { AddHeaderImageRequest } from "@colijnit/transactionapi/build/model/add-header-image-request";
 import { DeleteHeaderImageRequest } from "@colijnit/transactionapi/build/model/delete-header-image-request";
+import { ChangeServiceHeaderCauseCodeRequest } from "@colijnit/transactionapi/build/model/change-service-headercause-code-request";
 export declare class TransactionConnectorAdapterService {
     private _optionsService;
     private _selectMultipleCacheService;
@@ -313,6 +314,7 @@ export declare class TransactionConnectorAdapterService {
     changeHeaderAutoRecalculateDeposit(uuid: string, newAutoRecalculateDeposit: boolean): Promise<TransactionInfoResponse>;
     changeHeaderUseDepositRule(uuid: string, newUseDepositRule: boolean): Promise<TransactionInfoResponse>;
     changeServiceHeaderReportMessage(request: ChangeServiceHeaderReportMessageRequest): Promise<TransactionInfoResponse>;
+    changeServiceHeaderCauseCode(request: ChangeServiceHeaderCauseCodeRequest): Promise<TransactionInfoResponse>;
     addHeaderImage(request: AddHeaderImageRequest): Promise<TransactionInfoResponse>;
     deleteHeaderImage(request: DeleteHeaderImageRequest): Promise<TransactionInfoResponse>;
     changeTransactionLineCollectionCode(uuid: string, lineUuid: string, code: string): Promise<TransactionInfoResponse>;

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

@@ -160,6 +160,7 @@ import { ServiceWizard } from "@colijnit/transactionapi/build/model/service-wiza
 import { ServiceType } from "@colijnit/transactionapi/build/model/service-type";
 import { AddHeaderImageRequest } from "@colijnit/transactionapi/build/model/add-header-image-request";
 import { DeleteHeaderImageRequest } from "@colijnit/transactionapi/build/model/delete-header-image-request";
+import { ChangeServiceHeaderCauseCodeRequest } from "@colijnit/transactionapi/build/model/change-service-headercause-code-request";
 export declare class TransactionConnectorService {
     private _adapterService;
     private _selectSingleCacheService;
@@ -296,6 +297,7 @@ export declare class TransactionConnectorService {
     changeHeaderAutoRecalculateDeposit(uuid: string, newAutoRecalculateDeposit: any): Promise<TransactionInfoResponse>;
     changeHeaderUseDepositRule(uuid: string, newUseDepositRule: boolean): Promise<TransactionInfoResponse>;
     changeServiceHeaderReportMessage(request: ChangeServiceHeaderReportMessageRequest): Promise<TransactionInfoResponse>;
+    changeServiceHeaderCauseCode(request: ChangeServiceHeaderCauseCodeRequest): Promise<TransactionInfoResponse>;
     addHeaderImage(request: AddHeaderImageRequest): Promise<TransactionInfoResponse>;
     deleteHeaderImage(request: DeleteHeaderImageRequest): Promise<TransactionInfoResponse>;
     createIonePaymentLinkAndQRCode(uuid: string, amount: number, paymentMethodCode: string): Promise<CreatePaymentLinkResult>;

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

@@ -192,6 +192,7 @@ export declare class TransactionService extends PendingReasonService {
     updateHeaderTransactionExpectedScoringDate(request: ChangeHeaderExpectedScoringDateRequest, saveTransaction: boolean): Promise<boolean>;
     updateHeaderTransactionRetailStadium(request: ChangeHeaderRetailStadiumRequest, saveTransaction: boolean): Promise<boolean>;
     updateServiceHeaderReportMessage(message: string, saveTransaction: boolean): Promise<boolean>;
+    updateServiceHeaderCauseCode(code: string, saveTransaction: boolean): Promise<boolean>;
     addHeaderImage(image: CoDocument, saveTransaction: boolean): Promise<boolean>;
     deleteHeaderImage(image: CoDocument, saveTransaction: boolean): Promise<boolean>;
     updatePriceTransactionLine(uuid: string, lineUuid: string, price: number): Promise<boolean>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/transaction",
-  "version": "254.1.17",
+  "version": "254.1.18",
   "description": "Colijn IT transaction module for Angular 12",
   "repository": "npm/npm",
   "author": "Colijn IT",
@@ -19,8 +19,8 @@
     "@colijnit/relation": ">=254.1.1",
     "@colijnit/relationapi": ">=254.1.1",
     "@colijnit/sharedapi": ">=1.0.20",
-    "@colijnit/sharedcomponents": ">=254.1.5",
-    "@colijnit/transactionapi": ">=254.1.9",
+    "@colijnit/sharedcomponents": ">=254.1.6",
+    "@colijnit/transactionapi": ">=254.1.10",
     "@types/three": ">=0.125.0",
     "@tweenjs/tween.js": ">=17.2.0",
     "three": ">=0.125.0",