carriera-intern-components 0.0.91 → 0.0.93

package/app/components/avatar/avatar.component.d.ts

@@ -14,7 +14,7 @@ export declare class AvatarComponent {
      * The size of the avatar in pixels.
      * @type {Size}
      */
-    size: import("@angular/core").InputSignal<18 | 22 | 32 | 74 | 160>;
+    size: import("@angular/core").InputSignal<160 | 18 | 22 | 32 | 74>;
     /**
      * Whether the avatar should be rounded or not at sizes of 74px and 160px.
      * @type {boolean}

package/app/components/document-preview/document-preview.component.d.ts

@@ -1,13 +1,22 @@
 import { AppFile } from '../../models/appFile.model';
-import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
 import * as i0 from "@angular/core";
 /**
  * This component displays a preview of a document, including its name, size,
  * and provides actions to delete, download, and tag the document.
  */
 export declare class DocumentPreviewComponent {
+    /**
+     * Signal that controls whether the delete modal is visible.Used to confirm the file deletion.
+     */
     showDeleteModal: import("@angular/core").WritableSignal<boolean>;
-    showTagModal: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * Boolean flag indicating whether the tag popover is visible.Used to apply conditional styling or behavior.
+     */
+    showTag: boolean;
+    /**
+     * Currently selected tag for the document.
+     */
+    selectedTag: string;
     /**
      * The application file to be displayed in the preview. This is a required input.
      * @type {InputSignal<AppFile>}
@@ -33,26 +42,51 @@ export declare class DocumentPreviewComponent {
      * Handles the delete action. Emits the `fileName` of the current `file` via the `onDelete` output.
      */
     handleDelete(): void;
+    /**
+     * Cancels the delete operation and hides the confirmation modal.
+     */
     cancelDelete(): void;
+    /**
+     * Confirms the deletion and emits the `onDelete` event.
+     */
     confirmDelete(): void;
     /**
      * Handles the download action. Emits the `fileName` of the current `file` via the `onDownload` output.
      */
     handleDownload(): void;
     /**
-     * Handles the tag action. Currently, it logs a message to the console.
-     * A "TODO" indicates that further logic for tagging needs to be implemented here.
+     * Callback triggered when the tag popover is shown. Used to update internal state.
+     */
+    onTagShown(): void;
+    /**
+     * Callback triggered when the tag popover is hidden. Used to update internal state.
+     */
+    onTagHidden(): void;
+    /**
+     * List of available tags for labeling the document. These are selectable within the tag popover.
      */
-    handleTag(popover: NgbPopover): void;
     tags: string[];
-    onOutsideClick(event: MouseEvent): void;
-    selectedTag: string;
+    /**
+     * Emits when a tag is selected or removed for the file.
+     * Contains the file name and the selected tag.
+     * @type {OutputEmitterRef<{ fileName: string; tag: string }>}
+     */
     onTagChange: import("@angular/core").OutputEmitterRef<{
         fileName: string;
         tag: string;
     }>;
+    /**
+     * Selects a tag and emits the `onTagChange` output.
+     * @param newTag The newly selected tag string.
+     */
     getTag(newTag: string): void;
+    /**
+     * Removes the currently selected tag. Does not emit an event — must be called manually.
+     */
     removeTag(): void;
+    /**
+     * Placeholder for handling document sharing. Currently logs the file name to the console.
+     */
     handleShare(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DocumentPreviewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DocumentPreviewComponent, "cai-document-preview", never, { "file": { "alias": "file"; "required": true; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": true; "isSignal": true; }; }, { "onDelete": "onDelete"; "onDownload": "onDownload"; "onTagChange": "onTagChange"; }, never, never, true, never>;

package/app/components/drop-zone/drop-zone.component.d.ts

@@ -18,6 +18,8 @@ export declare class DropZoneComponent {
     croppedImage: SafeUrl | null;
     showCropper: import("@angular/core").WritableSignal<boolean>;
     isCropperReady: import("@angular/core").WritableSignal<boolean>;
+    originalImageWidth: number;
+    originalImageHeight: number;
     coverUrl: string;
     profileUrl: string;
     logoUrl: string;
@@ -26,12 +28,16 @@ export declare class DropZoneComponent {
     cropHeight: import("@angular/core").WritableSignal<number>;
     cropWidth: import("@angular/core").WritableSignal<number>;
     driver: import("@angular/core").WritableSignal<Driver>;
+    inputRange: ElementRef<HTMLInputElement>;
     constructor(sanitizer: DomSanitizer);
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     updateRangeBackground(input: HTMLInputElement): void;
     cropDimensions(): void;
     ratioHelper(): number;
     onZoomChange(event: Event): void;
+    onTransformChange(event: ImageTransform): void;
+    getLimitedTransform(transform: ImageTransform): ImageTransform;
     fileChangeEvent(event: Event): void;
     imageCropped(event: ImageCroppedEvent): void;
     imageLoaded(image: LoadedImage): void;

package/app/components/input/input.component.d.ts

@@ -2,16 +2,13 @@ import { ElementRef } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { PasswordDirective } from '../../directives/password.directive';
 import { NumberFormatDirective } from '../../directives/number-format.directive';
+import { MaskDirective } from './directives/mask.directive';
 import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
-import { Broker, CaiInputConfig, DropdownOption, LabelColor, LabelOption } from './models/input.model';
+import { Broker, CaiInputConfig, Contact, DepartmentContactsPair, DropdownOption, LabelColor, LabelOption, Shipper } from './models/input.model';
 import { Dispatch, DispatchBoard } from './models';
-import { MaskDirective } from './directives/mask.directive';
 import * as i0 from "@angular/core";
 /**
- * A reusable input component that integrates with Angular Forms and supports
- * various input types, including text, password (with reveal functionality),
- * and numbers (with formatting and step controls). It also provides error
- * message display and icon support.
+ * This component is a generic input component that can be used to create various types of inputs.
  */
 export declare class InputComponent implements ControlValueAccessor {
     ngControl: NgControl | null;
@@ -31,8 +28,8 @@ export declare class InputComponent implements ControlValueAccessor {
       - `reveal`: For password inputs, the number of characters to reveal from the end.
       - `icon`: Name of an icon to display (e.g., `'cai-email'`).
       - `iconColor`: Color of the displayed icon (e.g., `'#FF0000'`).
-      - `dropdown`: If `true`, the input is associated with a dropdown menu, can also have `'dispatch'`, `'broker'` or `'label'` variants.
-      - `options`: An array of options for the dropdown can be of type `DropdownOption[]` | `LabelOption[]` | `DispatchBoard[]` | `Broker[]`.
+      - `dropdown`: If `true`, the input is associated with a dropdown menu, can also have `'dispatch'`, `'ftl-dispatch'`, `'broker'`, `'contact'`, `'shipper'` or `'label'` variants.
+      - `options`: An array of options for the dropdown can be of type `DropdownOption[]` | `LabelOption[]` | `DispatchBoard[]` | `Broker[]` | `DepartmentContactsPair[]` | `Shipper[]`.
       - `labelColors`: An array of label colors for the label picker.
       - `search`: Enables search within the dropdown.
       - `add`: Enables 'add new' functionality in the dropdown.
@@ -47,43 +44,119 @@ export declare class InputComponent implements ControlValueAccessor {
       - `disabled`: If `true`, the input is disabled (for use without reactive form).
       - `passwordRequirements`: If `true`, shows password requirements for password inputs.
       - `optionValue`: The value to use in the formControl for the selected option in the dropdown.
-      
      */
     config: import("@angular/core").InputSignal<CaiInputConfig>;
+    /**
+     * Input property to hold the dropdown options.
+     */
+    options: import("@angular/core").InputSignal<DropdownOption[] | LabelOption[] | Broker[] | DispatchBoard[] | DepartmentContactsPair[] | Shipper[] | Dispatch[]>;
+    /**
+     * Input property to hold the label colors for the label picker.
+     */
+    labelColors: import("@angular/core").InputSignal<LabelColor[] | undefined>;
     /**
      * Internal signal to track the disabled state of the input.
-     * This state is managed by the `ControlValueAccessor`'s `setDisabledState`
-     * method, which is called by Angular's Forms API when the associated
-     * form control's status changes. Defaults to `false`.
      */
     disabled: import("@angular/core").WritableSignal<boolean>;
     /**
      * Holds the internal, unmasked, and unformatted value of the input.
-     * This signal represents the component's "source of truth" for its value.
-     * It is updated by user input (via `onInput` or `onRealValueChange`) and
-     * programmatically by the `ControlValueAccessor`'s `writeValue` method.
-     * The value from this signal is what is propagated back to the parent `FormControl`.
      */
     value: import("@angular/core").WritableSignal<string>;
     /**
      * Tracks the visibility state for inputs of `type='password'`.
-     * When `true`, the password's characters are shown; when `false`, they are
-     * masked. This is toggled by the `toggleVisibility` method.
-     * Defaults to `false`.
      */
     visible: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * A signal that holds the locally added options.
+     */
+    localOptions: import("@angular/core").WritableSignal<DropdownOption[] | LabelOption[] | Broker[] | DispatchBoard[] | DepartmentContactsPair[] | Shipper[] | Dispatch[]>;
+    /**
+     * A signal that holds the currently selected option from the dropdown.
+     * @type {Signal<DropdownOption | null>}
+     */
+    selectedOption: import("@angular/core").WritableSignal<DropdownOption | null>;
+    /**
+     * A signal that indicates whether a new option is being added.
+     */
+    isAdding: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * A signal that holds the currently selected label from the label picker.
+     */
+    selectedLabel: import("@angular/core").WritableSignal<LabelOption | null>;
+    /**
+     * A signal that holds the currently selected color from the label picker.
+     */
+    selectedColor: import("@angular/core").WritableSignal<LabelColor>;
+    isPickingColor: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * A signal that holds the currently selected dispatch board from the dispatch board picker.
+     */
+    selectedDispatch: import("@angular/core").WritableSignal<Dispatch | null>;
+    foldedBoards: import("@angular/core").WritableSignal<number[]>;
+    /**
+     * A signal that holds the currently selected broker from the broker picker.
+     */
+    selectedBroker: import("@angular/core").WritableSignal<Broker | null>;
+    /**
+     * A signal that holds the currently selected contact from the contact picker.
+     */
+    selectedContact: import("@angular/core").WritableSignal<Contact | null>;
+    /**
+     * A signal that holds the currently selected shipper from the shipper picker.
+     */
+    selectedShipper: import("@angular/core").WritableSignal<Shipper | null>;
+    /**
+     * A computed signal that indicates whether the placeholder selected option should be shown.
+     */
+    hasText: import("@angular/core").Signal<boolean>;
     /**
      * A computed signal that dynamically calculates the step value for number inputs.
-     * The step value changes based on the magnitude of the current `value()`.
-     * This allows for more intuitive incrementing and decrementing (e.g., smaller
-     * steps for smaller numbers, larger steps for larger numbers).
      */
     step: import("@angular/core").Signal<1000 | 5000 | 10000 | 20000>;
+    dispatchCount: import("@angular/core").Signal<number>;
+    filteredDispatches: import("@angular/core").Signal<DispatchBoard[]>;
+    /**
+     * A computed signal that provides the current list of options to display in the dropdown.
+     *
+     * If `search` is `false`, it returns the full `dropdownOptions`.
+     * If `search` is `true`, it filters `dropdownOptions` based on the `value` signal,
+     * performing a case-insensitive partial text match.
+     *
+     */
+    filteredOptions: import("@angular/core").Signal<DropdownOption[]>;
+    filteredLabels: import("@angular/core").Signal<LabelOption[]>;
+    filteredBrokers: import("@angular/core").Signal<Broker[]>;
+    filteredContacts: import("@angular/core").Signal<DepartmentContactsPair[]>;
+    filteredShippers: import("@angular/core").Signal<Shipper[]>;
+    /**
+     * An output signal that emits the value of the added option.
+     */
+    onOptionAdded: import("@angular/core").OutputEmitterRef<DropdownOption | LabelOption>;
+    /**
+     * An output signal that emits when the user clicks on the "ADD NEW" button in the dropdown.
+     */
+    onAdd: import("@angular/core").OutputEmitterRef<void>;
+    /**
+     * An output signal that emits the value of the changed dropdown option.
+     */
+    onSelectionChange: import("@angular/core").OutputEmitterRef<any>;
     inputRef: ElementRef<HTMLInputElement>;
+    dropdown: NgbPopover;
     PasswordDirective: PasswordDirective;
     NumberFormatDirective: NumberFormatDirective;
     MaskDirective: MaskDirective;
-    dropdown: NgbPopover;
+    dropdownOptionsRef: any;
+    dispatchesRef: any;
+    ftlDispatchRef: any;
+    labelPickerRef: any;
+    brokerRef: any;
+    contactRef: any;
+    shipperRef: any;
+    selectedDispatchRef: any;
+    selectedLabelRef: any;
+    selectedBrokerRef: any;
+    selectedContactRef: any;
+    selectedShipperRef: any;
     /**
      * Constructor for the InputComponent.
      * It injects NgControl to integrate with Angular's forms API.
@@ -96,10 +169,6 @@ export declare class InputComponent implements ControlValueAccessor {
      * Handles the native 'input' event from the HTMLInputElement.
      * Updates the component's internal value and notifies Angular forms
      * about the change.
-     * For 'password' type (when not visible) and 'number' type, it relies
-     * on associated directives (PasswordDirective, NumberFormatDirective)
-     * to get the real value, as the displayed value might be
-     * masked or formatted.
      * @param event - The input event object.
      */
     onInput(event: Event): void;
@@ -111,34 +180,31 @@ export declare class InputComponent implements ControlValueAccessor {
      * @param event - A CustomEvent containing the new real value in `event.detail`.
      */
     onRealValueChange(event: CustomEvent): void;
+    onChange: (_: any) => void;
+    onTouched: () => void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * Writes a new value to the element. (ControlValueAccessor)
+     */
+    writeValue(value: string): void;
     /**
      * Increments the value of a number input by the current step.
-     * If the current value is not a valid number, it starts from the `min` input.
-     * After updating, it notifies forms, updates the view, and focuses the input.
-     * @param event - The MouseEvent that triggered the increment.
      */
     increment(event: MouseEvent): void;
     /**
      * Decrements the value of a number input by the current step.
-     * If the current value is not a valid number, it starts from the `min` input.
-     * The value will not go below the minimum value.
-     * After updating, it notifies forms, updates the view, and focuses the input.
-     * @param event - The MouseEvent that triggered the decrement.
      */
     decrement(event: MouseEvent): void;
     /**
      * Toggles the visibility of the password input.
-     * Toggles the `visible` state and updates the input's displayed value.
      * @param event - The MouseEvent that triggered the toggle.
      */
     toggleVisibility(event: MouseEvent): void;
     /**
      * Sets the value in the actual HTML input element or updates the
      * "real" value in the associated directive.
-     * - For 'password' type: If not visible, it updates the PasswordDirective's real value.
-     *   If visible, it falls through to the default behavior.
-     * - For 'number' type: It updates the NumberFormatDirective's real value.
-     * - For other types (or visible password): It sets the `value` property of the native input element.
      */
     setValue(): void;
     /**
@@ -148,137 +214,56 @@ export declare class InputComponent implements ControlValueAccessor {
      * @param event - The MouseEvent that initiated the focus action.
      */
     focus(event: MouseEvent): void;
-    onChange: (_: any) => void;
-    onTouched: () => void;
-    /**
-     * Writes a new value to the element. (ControlValueAccessor)
-     * This method is called by the Forms API to update the view when
-     * the form control's value changes programmatically.
-     * Uses `setTimeout` to ensure that `setValue` is called after the
-     * view (and potentially child directives) has been initialized,
-     * especially relevant if `writeValue` is called early in the component lifecycle.
-     * @param value - The new value to write.
-     */
-    writeValue(value: string): void;
-    /**
-     * Registers a callback function that should be called when the
-     * control's value changes in the UI. (ControlValueAccessor)
-     * @param fn - The callback function to register.
-     */
-    registerOnChange(fn: any): void;
-    /**
-     * Registers a callback function that should be called when the
-     * control receives a blur event. (ControlValueAccessor)
-     * @param fn - The callback function to register.
-     */
-    registerOnTouched(fn: any): void;
-    /**
-     * This function is called by the Forms API when the control's disabled
-     * state changes. (ControlValueAccessor)
-     * @param isDisabled - True if the control should be disabled, false otherwise.
-     */
-    setDisabledState(isDisabled: boolean): void;
     /**
      * Called when the input element receives focus (focus event).
-     * Triggers the `onTouched` callback to notify Angular Forms that the
-     * input has been interacted with.
      */
     onFocus(event: FocusEvent): void;
     /**
      * Called when the input element loses focus (blur event).
-     * Triggers the `onTouched` callback to notify Angular Forms that the
-     * input has been interacted with.
      */
     onBlur(): void;
     /**
      * Resets the input field's value to an empty string.
-     * Notifies Angular Forms of the change and updates the view.
      */
     reset(): void;
-    dropdownOptionsRef: any;
-    dispatchesRef: any;
-    labelPickerRef: any;
-    brokerRef: any;
-    getDropdownRef(): any;
     /**
-     * Input property to hold the dropdown options.
+     * Returns the reference to the dropdown element based on the dropdown type.
      */
-    options: import("@angular/core").InputSignal<DropdownOption[] | LabelOption[] | Broker[] | DispatchBoard[]>;
+    getDropdownRef(): any;
     /**
-     * A signal that holds the locally added options.
+     * Returns the reference to the selected element based on the dropdown type.
      */
-    localOptions: import("@angular/core").WritableSignal<DropdownOption[] | LabelOption[]>;
+    getSelectedRef(): any;
     /**
-     * A signal that holds the currently selected option from the dropdown.
-     * @type {Signal<DropdownOption | null>}
+     * Type guard that checks if a given property exists on an object.
+     * @param obj The object to check.
+     * @param prop The property to check for.
+     * @returns `true` if `prop` exists on `obj`, `false` otherwise.
      */
-    selectedOption: import("@angular/core").WritableSignal<DropdownOption | null>;
-    /**
-     * A computed signal that provides the current list of options to display in the dropdown.
-     *
-     * If `search` is `false`, it returns the full `dropdownOptions`.
-     * If `search` is `true`, it filters `dropdownOptions` based on the `value` signal,
-     * performing a case-insensitive partial text match.
-     *
-     * @type {Signal<string[]>}
-     */
-    filteredOptions: import("@angular/core").Signal<DropdownOption[]>;
     hasProperty<T extends object>(obj: T, prop: PropertyKey): prop is keyof T;
     /**
      * Handles when an option is selected from the dropdown.
      * @param option - The selected option.
      * @param event - The MouseEvent that initiated the selection action.
      */
-    handleOption(option: DropdownOption | LabelOption | Dispatch | Broker, event?: MouseEvent): void;
-    /**
-     * An output signal that emits the value of the added option.
-     * @type {Output<string>}
-     */
-    onOptionAdded: import("@angular/core").OutputEmitterRef<DropdownOption>;
-    onLabelAdded: import("@angular/core").OutputEmitterRef<LabelOption>;
+    handleOption(option: DropdownOption | LabelOption | Dispatch | Broker | Contact, event?: MouseEvent): void;
     /**
      * Adds a new option to the dropdown.
      * @param option - The option to add.
      */
     addOption(): void;
-    /**
-     * An output signal that emits when the user clicks on the "ADD NEW" button in the dropdown.
-     * @type {Output<void>}
-     */
-    onAdd: import("@angular/core").OutputEmitterRef<void>;
     /**
      * Handles when the user clicks on the "ADD NEW" button in the dropdown.
      * It sets the `isAdding` signal to `true`, closes the dropdown, and focuses the input.
      * @param event - The MouseEvent that initiated the action.
      */
-    handleAddOption(event?: MouseEvent): void;
-    /**
-     * A signal that indicates whether a new option is being added.
-     * @type {Signal<boolean>}
-     */
-    isAdding: import("@angular/core").WritableSignal<boolean>;
-    /**
-     * A signal that indicates whether the placeholder selected option should be shown.
-     * @type {Signal<boolean>}
-     */
-    hasText: import("@angular/core").Signal<boolean>;
-    dispatchCount: import("@angular/core").Signal<number>;
-    filteredDispatches: import("@angular/core").Signal<DispatchBoard[]>;
-    selectedDispatch: import("@angular/core").WritableSignal<Dispatch | null>;
-    foldedBoards: import("@angular/core").WritableSignal<number[]>;
+    handleAddingOption(event?: MouseEvent): void;
     fold(boardId: number, event: MouseEvent): void;
-    labelColors: import("@angular/core").InputSignal<LabelColor[] | undefined>;
-    filteredLabels: import("@angular/core").Signal<LabelOption[]>;
-    selectedLabel: import("@angular/core").WritableSignal<LabelOption | null>;
-    selectedColor: import("@angular/core").WritableSignal<LabelColor>;
-    isPickingColor: import("@angular/core").WritableSignal<boolean>;
     handleSelectColor(color: LabelColor, event?: MouseEvent): void;
-    filteredBrokers: import("@angular/core").Signal<Broker[]>;
-    selectedBroker: import("@angular/core").WritableSignal<Broker | null>;
     getBrokerProgress(broker: Broker, disable?: boolean): {
         activePercentageOfPaid: number;
         status: string | null;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, [{ optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "cai-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "labelColors": { "alias": "labelColors"; "required": false; "isSignal": true; }; }, { "onOptionAdded": "onOptionAdded"; "onLabelAdded": "onLabelAdded"; "onAdd": "onAdd"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "cai-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "labelColors": { "alias": "labelColors"; "required": false; "isSignal": true; }; }, { "onOptionAdded": "onOptionAdded"; "onAdd": "onAdd"; "onSelectionChange": "onSelectionChange"; }, never, never, true, never>;
 }

package/app/components/input/models/dispatch.model.d.ts

@@ -1,4 +1,4 @@
-import { AvatarColor, AvatarFile } from "../../avatar/models";
+import { AvatarColor, AvatarFile } from '../../avatar/models';
 export type Dispatch = {
     id: number;
     dispatchBoardId: number;
@@ -8,7 +8,7 @@ export type Dispatch = {
     driver: Driver;
     coDriver?: Driver | null;
     payType: string;
-    status?: any | null;
+    status?: Status | null;
     currentLocationCoordinates?: {
         latitude: number;
         longitude: number;
@@ -76,3 +76,11 @@ export type TrailerType = {
     logoName: string;
     hasVolume?: boolean | null;
 };
+export type Status = {
+    statusValue: {
+        name: string;
+        id: number;
+    };
+    statusString: string;
+    statusCheckInNumber: string;
+};

package/app/components/input/models/input.model.d.ts

@@ -7,7 +7,7 @@ export interface CaiInputConfig {
     reveal?: number;
     icon?: string | null;
     iconColor?: string;
-    dropdown?: boolean | 'dispatch' | 'label' | 'broker';
+    dropdown?: boolean | 'dispatch' | 'ftl-dispatch' | 'label' | 'broker' | 'contact' | 'shipper';
     search?: boolean;
     add?: boolean;
     placeholderBehavior?: 'dynamic' | 'fade' | 'static';
@@ -57,3 +57,49 @@ export type Broker = {
     loadsCount?: number;
     revenue?: number | null;
 };
+export type DepartmentContactsPair = {
+    department?: Department;
+    contacts?: Contact[];
+};
+export type Department = {
+    id?: number;
+    name?: string | null;
+    count?: number;
+    companyUsers?: any | null;
+};
+export type Contact = {
+    id?: number;
+    brokerId?: number;
+    shipperId?: number;
+    phone?: string | null;
+    contactName?: string | null;
+    extensionPhone?: string | null;
+};
+export type Shipper = {
+    id?: number;
+    businessName?: string | null;
+    status?: number | null;
+    address?: Address | null;
+    longitude?: number | null;
+    latitude?: number | null;
+    receivingFrom?: string | null;
+    receivingTo?: string | null;
+    shippingFrom?: string | null;
+    shippingTo?: string | null;
+    receivingOpenTwentyFourHours?: boolean;
+    shippingOpenTwentyFourHours?: boolean;
+    pickupCount?: number;
+    deliveryCount?: number;
+};
+export type Address = {
+    city?: string | null;
+    state?: string | null;
+    county?: string | null;
+    address?: string | null;
+    street?: string | null;
+    streetNumber?: string | null;
+    country?: string | null;
+    zipCode?: string | null;
+    stateShortName?: string | null;
+    addressUnit?: string | null;
+};