@colijnit/sharedcomponents 256.2.2 → 256.2.4

package/lib/components/docsign/docsign.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter } from "@angular/core";
+import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
 import { PDFDocument } from "pdf-lib";
 export interface TextDimension {
     x: number;
@@ -8,6 +8,7 @@ export interface TextDimension {
     page: number;
 }
 export declare class DocsignComponent {
+    private _changeDetector;
     iframe: ElementRef;
     /**
      * Load an existing [[PDFDocument]]. The input data can be provided in
@@ -64,9 +65,11 @@ export declare class DocsignComponent {
     set pdf(value: any);
     get pdf(): any;
     firstSignatureLabel: string;
-    firstSignatureField: string;
+    set firstSignatureField(value: string);
+    get firstSignatureField(): string;
     secondSignatureLabel: string;
-    secondSignatureField: string;
+    set secondSignatureField(value: string);
+    get secondSignatureField(): string;
     saveButtonLabel: string;
     clearButtonLabel: string;
     signDocumentButtonLabel: string;
@@ -82,6 +85,9 @@ export declare class DocsignComponent {
     showSignatures: boolean;
     pdfDoc: PDFDocument;
     private _pdf;
+    private _firstSignatureField;
+    private _secondSignatureField;
+    constructor(_changeDetector: ChangeDetectorRef);
     saveFirstSignature(sig: string): void;
     saveSecondSignature(sig: string): void;
     private _openPDF;
@@ -89,6 +95,5 @@ export declare class DocsignComponent {
     private _checkSignatures;
     private _getPositionSignature;
     private _saveSignature;
-    private _handlePdfData;
     private _preparePDF;
 }

package/lib/components/send-method-dialog/components/additional-file-button/style/_layout.scss

@@ -9,9 +9,13 @@
       background-color: $sc-co-signature-button-background-color;
       border-radius: $sc-co-signature-button-border-radius;
       cursor: pointer;
+      border: 1px solid $sc-co-signature-button-selected-background-color;
       .co-icon {
-        width: $sc-co-signature-button-icon-width;
-        height: $sc-co-signature-button-icon-height;
+        width: 28px; //wrong icon with whitespace
+        height: 28px; //wrong icon with whitespace
+        svg {
+          fill: $sc-co-signature-button-selected-background-color;
+        }
       }
       &.selected {
         background-color: $sc-co-signature-button-selected-background-color;

package/lib/components/send-method-dialog/components/additional-file-button/style/_material-definition.scss

@@ -1,8 +1,8 @@
 $sc-co-signature-button-height: 40px !default;
 $sc-co-signature-button-width: 40px !default;
-$sc-co-signature-button-background-color: #f5f5fc !default;
+$sc-co-signature-button-background-color: #ffffff !default;
 $sc-co-signature-button-selected-background-color: #1A73E8 !default;
 $sc-co-signature-button-border-radius: 5px !default;
-$sc-co-signature-button-icon-height: 30px !default;
-$sc-co-signature-button-icon-width: 30px !default;
+$sc-co-signature-button-icon-height: 28px !default;
+$sc-co-signature-button-icon-width: 28px !default;
 $sc-co-signature-button-icon-selected-color: white !default;

package/lib/components/send-method-dialog/components/layout-selection/layout-selection.component.d.ts

@@ -6,13 +6,16 @@ import { IconCacheService } from '../../../../service/icon-cache.service';
 export declare class LayoutSelectionComponent implements OnInit {
     iconCacheService: IconCacheService;
     readonly icons: typeof Icon;
-    request: ReportingDocumentBaseRequest;
+    set request(value: ReportingDocumentBaseRequest);
+    useDefault: boolean;
+    label: string;
     layouts: ReportLayoutSelectionBase[];
     requestChange: EventEmitter<ReportingDocumentBaseRequest>;
     loadDefaultPrinterName: EventEmitter<number>;
     showClass(): boolean;
     currentLayout: ReportLayoutSelectionBase;
     showLayoutList: boolean;
+    private _request;
     constructor(iconCacheService: IconCacheService);
     ngOnInit(): void;
     handleSelectLayout(reportLayout: ReportLayoutSelectionBase): void;

package/lib/components/send-method-dialog/components/printer-selection/printer-selection.component.d.ts

@@ -10,10 +10,10 @@ export declare class PrinterSelectionComponent implements OnInit {
     private _service;
     readonly icons: typeof Icon;
     printers: Printer[];
-    set defaultPrinterName(printerName: string);
+    defaultPrinterName: string;
     showClass(): boolean;
     showPrinterList: boolean;
-    private _defaultPrinterName;
+    printerModel: Printer;
     constructor(sendMethodService: SendMethodService, iconService: IconCacheService, _service: SharedService);
     ngOnInit(): void;
     handlePrinterClicked(printer: Printer): void;

package/lib/components/send-method-dialog/components/send-method-email/send-method-email.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { SendMethodService } from '../../service/send-method.service';
 import { EmailAddressViewmodel } from '../../model/email-address-viewmodel';
 import { ReportLayoutSelectionEmail } from '@colijnit/mainapi/build/model/report-layout-selection-email.bo';
@@ -6,6 +6,11 @@ export declare class SendMethodEmailComponent implements OnInit {
     sendMethodService: SendMethodService;
     emailAddresses: string[];
     layouts: ReportLayoutSelectionEmail[];
+    pdfDoc: any;
+    disablePdfPreview: boolean;
+    emailUnsignedPossible: boolean;
+    showFilePreview: EventEmitter<number>;
+    loadDefaultPrinterName: EventEmitter<number>;
     showClass(): boolean;
     emailAddressViewmodels: EmailAddressViewmodel[];
     constructor(sendMethodService: SendMethodService);

package/lib/components/send-method-dialog/components/send-method-email/style/_layout.scss

@@ -16,13 +16,17 @@
       column-gap: $sc-co-send-method-email-email-address-column-gap;
       user-select: none;
       cursor: pointer;
+      .checkbox {
+        margin-right: 0;
+      }
     }
     .layout-signature-wrapper {
       display: flex;
       align-items: center;
-      justify-content: space-between;
+      gap: 5px;
       .co-layout-selection {
-        width: 80%;
+        width: 340px;
+        max-width: 100%;
       }
     }
   }

package/lib/components/send-method-dialog/components/send-method-email/style/_material-definition.scss

@@ -2,7 +2,7 @@ $sc-co-send-method-email-font-family: $sc-font-family !default;
 $sc-co-send-method-email-font-size: $sc-font-size !default;
 $sc-co-send-method-email-font-color: $sc-color-font !default;
 $sc-co-send-method-email-row-gap: 20px !default;
-$sc-co-send-method-email-padding: 10px 25px !default;
+$sc-co-send-method-email-padding: 0 !default;
 $sc-co-send-method-email-email-address-align-items: center !default;
 $sc-co-send-method-email-email-address-padding: 5px 0 !default;
-$sc-co-send-method-email-email-address-column-gap: 20px !default;
+$sc-co-send-method-email-email-address-column-gap: 10px !default;

package/lib/components/send-method-dialog/components/send-method-pdf/send-method-pdf.component.d.ts

@@ -1,8 +1,13 @@
+import { EventEmitter } from '@angular/core';
 import { ReportLayoutSelectionPrint } from '@colijnit/mainapi/build/model/report-layout-selection-print.bo';
 import { SendMethodService } from '../../service/send-method.service';
 export declare class SendMethodPdfComponent {
     sendMethodService: SendMethodService;
     layouts: ReportLayoutSelectionPrint[];
+    pdfDoc: any;
+    disablePdfPreview: boolean;
+    showFilePreview: EventEmitter<number>;
+    loadDefaultPrinterName: EventEmitter<number>;
     showClass(): boolean;
     constructor(sendMethodService: SendMethodService);
 }

package/lib/components/send-method-dialog/components/send-method-pdf/style/_layout.scss

@@ -16,7 +16,7 @@
     .layout-signature-wrapper {
       display: flex;
       align-items: center;
-      justify-content: space-between;
+      gap: 5px;
       .co-layout-selection {
         width: 80%;
       }

package/lib/components/send-method-dialog/components/send-method-printer/send-method-printer.component.d.ts

@@ -8,19 +8,21 @@ import { CoDocument } from '@colijnit/mainapi/build/model/co-document';
 export declare class SendMethodPrinterComponent {
     sendMethodService: SendMethodService;
     iconCacheService: IconCacheService;
+    showClass(): boolean;
     printerList: Printer[];
     defaultPrinterName: string;
     layouts: ReportLayoutSelectionPrint[];
     isPrinterLayoutsEnabled: boolean;
     isAdditionalDocEnabled: boolean;
-    showClass(): boolean;
+    pdfDoc: any;
+    disablePdfPreview: boolean;
     additionalFileContents: any;
     additionalFileName: string;
     additionalFileChangeEvent: EventEmitter<CoDocument>;
-    showFilePreview: EventEmitter<void>;
+    showFilePreview: EventEmitter<number>;
     loadDefaultPrinterName: EventEmitter<number>;
+    protected readonly icons: typeof Icon;
     constructor(sendMethodService: SendMethodService, iconCacheService: IconCacheService);
     handleDefaultPrinterUserChange(checked: boolean): void;
     handleDefaultPrinterAllUsersChange(checked: boolean): void;
-    protected readonly icons: typeof Icon;
 }

package/lib/components/send-method-dialog/components/send-method-printer/style/_layout.scss

@@ -4,6 +4,14 @@
     flex-direction: column;
     gap: 10px;
   }
+  .printer-signature-wrapper {
+    display: flex;
+    gap: 5px;
+    co-printer-selection {
+      width: 340px;
+      max-width: 100%;
+    }
+  }
   .co-send-method-printer {
     font-family: $sc-co-send-method-printer-font-family;
     font-size: $sc-co-send-method-printer-font-size;
@@ -18,12 +26,24 @@
       flex-direction: column;
       overflow: auto;
     }
-    .layout-signature-wrapper {
+    .layout-buttons-wrapper {
       display: flex;
-      align-items: center;
-      justify-content: space-between;
+      align-items: flex-start;
+      gap: 20px;
+      flex-direction: column;
       .co-layout-selection {
-        width: 80%;
+        width: 340px;
+        max-width: 100%;
+      }
+      .additional-buttons {
+        display: flex;
+        gap: 5px;
+        margin-top: 15px;
+      }
+      .additional-checks {
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
       }
     }
   }

package/lib/components/send-method-dialog/components/send-method-purchase/send-method-purchase.component.d.ts

@@ -0,0 +1,34 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { SendMethodService } from '../../service/send-method.service';
+import { ReportLayoutSelectionEmail } from '@colijnit/mainapi/build/model/report-layout-selection-email.bo';
+import { ReportLayoutSelectionPrint } from '@colijnit/mainapi/build/model/report-layout-selection-print.bo';
+import { Printer } from '@colijnit/mainapi/build/model/printer.bo';
+interface OverruleOptions {
+    code: number;
+    description: string;
+}
+export declare class SendMethodPurchaseComponent implements OnInit {
+    sendMethodService: SendMethodService;
+    defaultPrinterName: string;
+    emailLayouts: ReportLayoutSelectionEmail[];
+    printLayouts: ReportLayoutSelectionPrint[];
+    printerList: Printer[];
+    pdfDoc: any;
+    emailUnsignedPossible: boolean;
+    showFilePreview: EventEmitter<void>;
+    loadDefaultPrinterName: EventEmitter<number>;
+    purchaseMethodChanged: EventEmitter<any>;
+    showClass(): boolean;
+    useDefaultLayout: boolean;
+    useDefaultShippingMethods: boolean;
+    overruleOptions: OverruleOptions[];
+    overruledEmail: OverruleOptions;
+    overruledEdi: OverruleOptions;
+    overruledPrint: OverruleOptions;
+    constructor(sendMethodService: SendMethodService);
+    ngOnInit(): void;
+    handleDefaultPrinterUserChange(checked: boolean): void;
+    handleDefaultPrinterAllUsersChange(checked: boolean): void;
+    updatePurchaseMethod(): void;
+}
+export {};

package/lib/components/send-method-dialog/components/send-method-purchase/send-method-purchase.module.d.ts

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

package/lib/components/send-method-dialog/components/send-method-purchase/style/_layout.scss

@@ -0,0 +1,60 @@
+@include export-module('co-send-method-purchase-layout') {
+  .co-send-method-purchase {
+    font-family: $sc-co-send-method-purchase-font-family;
+    font-size: $sc-co-send-method-purchase-font-size;
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    position: relative;
+    row-gap: $sc-co-send-method-purchase-row-gap;
+    padding: $sc-co-send-method-purchase-padding;
+    .save-dialog-contents {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      margin-bottom: 15px;
+    }
+    .layout-selections {
+      display: flex;
+      gap: 10px;
+      width: 100%;
+    }
+    co-printer-selection {
+      width: 100%;
+    }
+    .use-default-wrapper {
+      display: flex;
+      gap: 10px;
+      flex-direction: column;
+      .info {
+        color: #a3a6bb;
+        margin-bottom: 15px;
+      }
+    }
+    .override-selections-wrapper {
+      width: 340px;
+      max-width: 100%;
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+    }
+    .override-methods-wrapper {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      .shipping-methods {
+        width: 240px;
+        max-width: 100%;
+        gap: 5px;
+        display: flex;
+        flex-direction: column;
+        margin-top: 10px;
+      }
+    }
+    .additional-checks {
+      display: flex;
+      flex-direction: column;
+      gap: 5px;
+    }
+  }
+}

package/lib/components/send-method-dialog/components/send-method-purchase/style/_material-definition.scss

@@ -0,0 +1,5 @@
+$sc-co-send-method-purchase-font-family: $sc-font-family !default;
+$sc-co-send-method-purchase-font-size: $sc-font-size !default;
+$sc-co-send-method-purchase-font-color: $sc-color-font !default;
+$sc-co-send-method-purchase-row-gap: 20px !default;
+$sc-co-send-method-purchase-padding: 0 !default;

package/lib/components/send-method-dialog/components/send-method-purchase/style/_theme.scss

@@ -0,0 +1,5 @@
+@include export-module('co-send-method-purchase-theme') {
+  .co-send-method-purchase {
+    color: $sc-co-send-method-purchase-font-color;
+  }
+}

package/lib/components/send-method-dialog/components/send-method-purchase/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/components/send-method-dialog/components/signature-button/style/_layout.scss

@@ -1,5 +1,10 @@
 @include export-module('cc-signature-button-layout') {
   .co-signature-button {
+    display:flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: row;
+    column-gap: 5px;
     .signature-button-wrapper {
       height: $sc-co-signature-button-height;
       width: $sc-co-signature-button-width;
@@ -8,9 +13,12 @@
       justify-content: center;
       background-color: $sc-co-signature-button-background-color;
       border-radius: $sc-co-signature-button-border-radius;
+      cursor: pointer;
       .co-icon {
         width: $sc-co-signature-button-icon-width;
         height: $sc-co-signature-button-icon-height;
+        position: relative;
+        left: 3px;
       }
       &.selected {
         background-color: $sc-co-signature-button-selected-background-color;

package/lib/components/send-method-dialog/components/signature-button/style/_material-definition.scss

@@ -1,8 +1,8 @@
 $sc-co-signature-button-height: 40px !default;
 $sc-co-signature-button-width: 40px !default;
-$sc-co-signature-button-background-color: #f5f5fc !default;
+$sc-co-signature-button-background-color: #ffffff !default;
 $sc-co-signature-button-selected-background-color: #1A73E8 !default;
 $sc-co-signature-button-border-radius: 5px !default;
-$sc-co-signature-button-icon-height: 30px !default;
-$sc-co-signature-button-icon-width: 30px !default;
+$sc-co-signature-button-icon-height: 24px !default;
+$sc-co-signature-button-icon-width: 24px !default;
 $sc-co-signature-button-icon-selected-color: white !default;

package/lib/components/send-method-dialog/send-method-dialog.component.d.ts

@@ -1,7 +1,6 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { Icon } from '../../enum/icon.enum';
 import { IconCacheService } from '../../service/icon-cache.service';
-import { SharedService } from '../../service/shared.service';
 import { ReportLayoutSelectionEmail } from '@colijnit/mainapi/build/model/report-layout-selection-email.bo';
 import { ReportLayoutSelectionPrint } from '@colijnit/mainapi/build/model/report-layout-selection-print.bo';
 import { ReportingDocumentPdfBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-pdf-base-request';
@@ -15,8 +14,6 @@ import { CoDocument } from '@colijnit/mainapi/build/model/co-document';
 export declare const sendMethodsWithIcon: SendMethod[];
 export declare class SendMethodDialogComponent implements OnInit, OnDestroy {
     iconCacheService: IconCacheService;
-    private _changeDetector;
-    private _sharedService;
     private _sendMethodService;
     readonly icons: typeof Icon;
     navigationItems: ElementRef;
@@ -28,6 +25,7 @@ export declare class SendMethodDialogComponent implements OnInit, OnDestroy {
     smsItems: ElementRef;
     webServiceItems: ElementRef;
     pdfItems: ElementRef;
+    purchaseItems: ElementRef;
     printerList: Printer[];
     reportingDocumentPrintRequest: ReportingDocumentPrintSignDocBaseRequest;
     reportingDocumentEmailRequest: ReportingDocumentEmailSignDocBaseRequest;
@@ -45,6 +43,10 @@ export declare class SendMethodDialogComponent implements OnInit, OnDestroy {
     isAdditionalDocEnabled: boolean;
     additionalFileName: string;
     additionalFileContents: any;
+    pdfDoc: any;
+    disablePdfPreview: boolean;
+    emailUnsignedPossible: boolean;
+    usePurchaseSendMethod: boolean;
     reportingDocumentPrintRequestChange: EventEmitter<ReportingDocumentPrintSignDocBaseRequest>;
     reportingDocumentEmailRequestChange: EventEmitter<ReportingDocumentEmailSignDocBaseRequest>;
     reportingDocumentPdfRequestChange: EventEmitter<ReportingDocumentPdfBaseRequest>;
@@ -52,12 +54,11 @@ export declare class SendMethodDialogComponent implements OnInit, OnDestroy {
     closeClick: EventEmitter<MouseEvent>;
     okClick: EventEmitter<string>;
     additionalFileChangeEvent: EventEmitter<CoDocument>;
-    showFilePreview: EventEmitter<void>;
+    showFilePreview: EventEmitter<number>;
     loadDefaultPrinterName: EventEmitter<number>;
     showClass(): boolean;
     sendMethods: SendMethod[];
     activeSendMethod: SendMethod;
-    upAndLoaded: boolean;
     startUp: boolean;
     showFax: boolean;
     showPrint: boolean;
@@ -67,21 +68,17 @@ export declare class SendMethodDialogComponent implements OnInit, OnDestroy {
     showEmailTemplate: boolean;
     showWebservice: boolean;
     showPdf: boolean;
+    selectedPurchaseMethod: any;
+    handlePurchaseMethodChange(method: any): void;
     private _subscriptions;
-    constructor(iconCacheService: IconCacheService, _changeDetector: ChangeDetectorRef, _sharedService: SharedService, _sendMethodService: SendMethodService);
+    constructor(iconCacheService: IconCacheService, _sendMethodService: SendMethodService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     handleSignatureStart(): void;
+    handleCombinedClick(): void;
+    handleOkClick(): void;
     handleSendMethodClick(sendMethod: SendMethod): void;
     private _initDefaultSendMethod;
     private _selectDefaultSendMethod;
     private _prepareVisibleMethods;
-    protected readonly Event: {
-        new (type: string, eventInitDict?: EventInit): Event;
-        prototype: Event;
-        readonly AT_TARGET: number;
-        readonly BUBBLING_PHASE: number;
-        readonly CAPTURING_PHASE: number;
-        readonly NONE: number;
-    };
 }

package/lib/components/send-method-dialog/style/_layout.scss

@@ -5,11 +5,12 @@
     .co-dialog {
       .co-dialog-wrapper {
         max-height: 90vh;
-        width: 600px;
-        background-color: #f8f8fa;
+        width: 500px;
+        max-width: 100%;
+        background-color: #ffffff;
       }
       .dialog-header, .dialog-content, .dialog-footer {
-        background-color: #f8f8fa;
+        background-color: #ffffff;
       }
       .dialog-header {
         .dialog-header-caption {
@@ -39,6 +40,9 @@
       flex-direction: row;
       column-gap: $sc-co-send-method-dialog-send-method-buttons-column-gap;
       justify-content: $sc-co-send-method-dialog-send-method-buttons-justify-content;
+      span.send-methods-label {
+        font-weight: 500;
+      }
     }
     .send-button-wrapper {
       cursor: pointer;
@@ -52,8 +56,7 @@
       border-radius: $sc-co-send-method-dialog-send-method-button-radius;
       border-style: $sc-co-send-method-dialog-send-method-button-border-style;
       border-width: $sc-co-send-method-dialog-send-method-button-border-width;
-      flex-basis: 50px;
-      padding: 5px 15px;
+      padding: 0;
       margin: 0;
       &.selected {
         .custom-button-title {
@@ -73,14 +76,13 @@
     }
     .dialog-navigation-wrapper {
       display: flex;
-      gap: 10px;
+      gap: 30px;
       align-items: center;
-      justify-content: center;
-      border-radius: 5px;
-      padding: 0 0 10px 0;
+      justify-content: flex-start;
+      padding: 20px 0 10px 0;
       border-style: solid;
       border-width: 0 0 5px 0;
-      border-color: #ffffff;
+      border-color: #f8f8fa;
     }
     .send-method-navigation-wrapper {
       display: flex;
@@ -146,17 +148,19 @@
         }
       }
     }
-    .co-input-checkbox {
-      .checkbox {
-        border-color: #FFFFFF;
-        background-color: #FFFFFF;
-        &.checked {
-          border-color: $sc-popup-checkbox-checked-background-color;
-          background-color: $sc-popup-checkbox-checked-background-color;
-        }
-        .checkmark {
-          &.show {
-            border-color: #FFFFFF;
+    .dialog-content {
+      .co-input-checkbox {
+        .checkbox {
+          border-color: #f8f8fa;
+          background-color: #f8f8fa;
+          &.checked {
+            border-color: $sc-popup-checkbox-checked-background-color;
+            background-color: $sc-popup-checkbox-checked-background-color;
+          }
+          .checkmark {
+            &.show {
+              border-color: #f8f8fa;
+            }
           }
         }
       }

package/lib/components/send-method-dialog/style/material.scss

@@ -5,6 +5,7 @@
 @import "../components/send-method-printer/style/material";
 @import "../components/send-method-email/style/material";
 @import "../components/send-method-pdf/style/material";
+@import "../components/send-method-purchase/style/material";
 @import "../components/layout-selection/style/material";
 @import "../components/printer-selection/style/material";
 @import "../components/signature-button/style/material";

package/lib/enum/icon.enum.d.ts

@@ -61,6 +61,7 @@ export declare enum Icon {
     PrintRegular = "print_regular",
     PrintSolid = "print_solid",
     RegularFileSignatureCirclePlus = "regular_file_signature_circle_plus",
+    ShareSolid = "share_solid",
     SignatureField = "signature_field",
     SolidBarcodeReadTag = "solid_barcode_read_tag",
     SquarePlusRegular = "square_plus_regular",