carriera-intern 0.0.0

package/projects/carriera-intern-components/src/app/pipes/currency.pipe.ts

@@ -0,0 +1,61 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+/**
+ * @ngdoc pipe
+ * @name currencyPipe
+ * @description
+ * Formats a given dollar amount into a compact string (e.g., $35.21K, $1.23M).
+ *
+ * Usage:
+ * {{ value | currency }}
+ *
+ * Example:
+ * {{ 35210 | currency }} // outputs: $35.21K
+ * {{ 1234567 | currency }} // outputs: $1.23M
+ * {{ 999 | currency }} // outputs: $999
+ * {{ 1234567890 | currency }} // outputs: $1.23B
+ */
+@Pipe({
+  name: 'currency',
+})
+export class CurrencyPipe implements PipeTransform {
+  /**
+   * Transforms a numeric value into a formatted currency string.
+   *
+   * @param {number | string} value The dollar amount to format. Can be a number or a string that can be parsed to a number.
+   * @returns {string} The formatted currency string, or '$0.00' if the input is invalid.
+   */
+  transform(value: number | string): string {
+    let amount: number;
+    if (typeof value === 'string') {
+      amount = parseFloat(value);
+    } else if (typeof value === 'number') {
+      amount = value;
+    } else {
+      console.error(
+        'Invalid input for currencyPipe: value must be a number or a string convertible to a number.'
+      );
+      return '$0.00';
+    }
+
+    if (isNaN(amount)) {
+      console.error('Invalid number provided to currencyPipe.');
+      return '$0.00';
+    }
+
+    const suffixes = ['', 'K', 'M', 'B', 'T']; // K = Thousand, M = Million, B = Billion, T = Trillion
+    const absAmount = Math.abs(amount);
+
+    let suffixIndex = 0;
+    let divisor = 1;
+
+    while (absAmount >= 1000 * divisor && suffixIndex < suffixes.length - 1) {
+      divisor *= 1000;
+      suffixIndex++;
+    }
+
+    let formattedNumber = (amount / divisor).toFixed(2);
+
+    return `$${formattedNumber}${suffixes[suffixIndex]}`;
+  }
+}

package/projects/carriera-intern-components/src/app/pipes/number-format.pipe.spec.ts

@@ -0,0 +1,8 @@
+import { NumberFormatPipe } from './number-format.pipe';
+
+describe('NumberFormatPipe', () => {
+  it('create an instance', () => {
+    const pipe = new NumberFormatPipe();
+    expect(pipe).toBeTruthy();
+  });
+});

package/projects/carriera-intern-components/src/app/pipes/number-format.pipe.ts

@@ -0,0 +1,30 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'numberFormat',
+})
+export class NumberFormatPipe implements PipeTransform {
+  transform(value: string): string {
+    if (!value) return '';
+
+    if (value.includes('.')) {
+      const [integerPart, decimalPart] = value.split('.');
+      
+      // Cap decimal places to maximum 2
+      const cappedDecimalPart = decimalPart ? decimalPart.substring(0, 2) : '';
+      
+      // Format the integer part with commas
+      const formattedInteger = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+      
+      // If there's a decimal part, show it (capped at 2 places)
+      if (decimalPart !== undefined) {
+        return `${formattedInteger}.${cappedDecimalPart}`;
+      }
+      
+      // If user just typed a decimal point, show it
+      return `${formattedInteger}.`;
+    }
+
+    return value.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+  }
+}

package/projects/carriera-intern-components/src/app/services/document.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { DocumentService } from './document.service';
+
+describe('DocumentService', () => {
+  let service: DocumentService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(DocumentService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

package/projects/carriera-intern-components/src/app/services/document.service.ts

@@ -0,0 +1,168 @@
+import { Injectable } from '@angular/core';
+import * as pdfjsLib from 'pdfjs-dist';
+import { FileExtension } from '../components/drop-zone/models';
+
+// Use unpkg CDN since cdnjs doesn't have PDF.js v5.4.394
+pdfjsLib.GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@${pdfjsLib.version}/build/pdf.worker.min.mjs`;
+
+@Injectable({
+  providedIn: 'root',
+})
+export class DocumentService {
+  /**
+   * Generates a data URL thumbnail for a given file.
+   * Handles PDFs, videos, and images.
+   * @param file The file to generate a thumbnail for.
+   * @returns A promise that resolves to a data URL string for the thumbnail.
+   */
+  async generateThumbnail(file: File): Promise<string> {
+    const extension: FileExtension = file.name
+      .split('.')
+      .pop()
+      ?.toLowerCase() as FileExtension;
+
+    switch (extension) {
+      case 'pdf':
+        try {
+          const thumbnailBlob = await this.generatePdfThumbnail(file);
+          return URL.createObjectURL(thumbnailBlob);
+        } catch (error) {
+          console.error('Error generating PDF thumbnail:', error);
+          return '/assets/exampledoc.png';
+        }
+      case 'mp4':
+      case 'mov':
+      case 'avi':
+        try {
+          return await this.generateVideoThumbnail(file);
+        } catch (error) {
+          console.error('Error generating video thumbnail:', error);
+          return '/assets/truck.png';
+        }
+      case 'jpg':
+      case 'jpeg':
+      case 'png':
+      case 'gif':
+        return URL.createObjectURL(file);
+      default:
+        return '/assets/exampledoc.png';
+    }
+  }
+
+  private generatePdfThumbnail(file: Blob): Promise<Blob> {
+    const fileReader = new FileReader();
+    return new Promise<Blob>((resolve, reject) => {
+      fileReader.onload = async () => {
+        const typedArray = new Uint8Array(fileReader.result as ArrayBuffer);
+        try {
+          const pdf = await pdfjsLib.getDocument(typedArray).promise;
+          const page = await pdf.getPage(1);
+          const viewport = page.getViewport({ scale: 1 });
+          const canvas = document.createElement('canvas');
+          const context = canvas.getContext('2d');
+          const desiredWidth = 280;
+          const scale = desiredWidth / viewport.width;
+          const scaledViewport = page.getViewport({ scale });
+          canvas.height = scaledViewport.height;
+          canvas.width = scaledViewport.width;
+
+          if (!context) {
+            return reject('Could not get canvas context');
+          }
+
+          await page.render({
+            canvas,
+            canvasContext: context,
+            viewport: scaledViewport,
+          }).promise;
+          canvas.toBlob((blob) => {
+            if (blob) {
+              resolve(blob);
+            } else {
+              reject('Failed to convert canvas to blob');
+            }
+          }, 'image/png');
+        } catch (error) {
+          console.error('Error generating PDF thumbnail:', error);
+          reject(error);
+        }
+      };
+      fileReader.onerror = () => {
+        console.error('Error reading PDF file:', fileReader.error);
+        reject(fileReader.error);
+      };
+      fileReader.readAsArrayBuffer(file);
+    });
+  }
+
+  private generateVideoThumbnail(file: Blob): Promise<string> {
+    return new Promise((resolve, reject) => {
+      const video = document.createElement('video');
+      const canvas = document.createElement('canvas');
+      const context = canvas.getContext('2d');
+
+      video.autoplay = true;
+      video.muted = true;
+      video.src = URL.createObjectURL(file);
+
+      video.onloadeddata = () => {
+        video.currentTime = Math.min(0.1, video.duration / 2);
+      };
+
+      video.onseeked = () => {
+        const desiredWidth = 280;
+        const scale = desiredWidth / video.videoWidth;
+        canvas.width = desiredWidth;
+        canvas.height = video.videoHeight * scale;
+
+        if (context) {
+          context.drawImage(video, 0, 0, canvas.width, canvas.height);
+          video.pause();
+          URL.revokeObjectURL(video.src);
+          canvas.toBlob((blob) => {
+            if (blob) {
+              resolve(URL.createObjectURL(blob));
+            } else {
+              reject('Failed to convert video thumbnail canvas to blob');
+            }
+          }, 'image/png');
+        } else {
+          reject('Could not get canvas context for video thumbnail');
+        }
+      };
+
+      video.onerror = (e) => {
+        URL.revokeObjectURL(video.src);
+        reject('Error loading video for thumbnail: ' + e);
+      };
+    });
+  }
+
+  /**
+   * Reads a PDF file and returns the total number of pages.
+   *
+   * @param file The PDF Blob or File.
+   * @returns A promise that resolves to the page count (number).
+   * @throws If the file is not a valid PDF or an error occurs during processing.
+   */
+  async getPdfPageCount(file: Blob): Promise<number> {
+    const fileReader = new FileReader();
+
+    return new Promise<number>((resolve, reject) => {
+      fileReader.onload = async () => {
+        const typedArray = new Uint8Array(fileReader.result as ArrayBuffer);
+        try {
+          const pdf = await pdfjsLib.getDocument(typedArray).promise;
+          resolve(pdf.numPages);
+        } catch (error) {
+          console.error('Error getting PDF page count:', error);
+          reject(new Error('Failed to load PDF or get page count.'));
+        }
+      };
+      fileReader.onerror = () => {
+        reject(new Error('FileReader error during PDF page count operation.'));
+      };
+      fileReader.readAsArrayBuffer(file);
+    });
+  }
+}

package/projects/carriera-intern-components/src/app/utils/autofill-validators.ts

@@ -0,0 +1,32 @@
+import {
+  AbstractControl,
+  ValidatorFn,
+  Validators,
+  ValidationErrors,
+} from '@angular/forms';
+
+// Autofill interface
+interface AutofillableFormControl extends AbstractControl {
+  _autofilled?: boolean;
+}
+
+// More flexible validator type to handle different AbstractControl versions
+type FlexibleValidatorFn = (control: any) => ValidationErrors | null;
+
+/**
+ * Creates a validator that ignores validation rules when the control is autofilled.
+ * This can be used by components to create form controls with autofill support.
+ * @param validators - Array of validators to apply when not autofilled
+ * @returns A validator function that bypasses validation for autofilled controls
+ */
+export function ignoreWhenAutofilled(
+  ...validators: FlexibleValidatorFn[]
+): ValidatorFn {
+  const composite = Validators.compose(validators as ValidatorFn[]);
+  return (ctrl: AbstractControl): ValidationErrors | null =>
+    (ctrl as AutofillableFormControl)._autofilled
+      ? null
+      : composite
+      ? composite(ctrl)
+      : null;
+}

package/projects/carriera-intern-components/src/app/utils/constants/index.ts

@@ -0,0 +1 @@
+export * from './input-character-sets.constants';

package/projects/carriera-intern-components/src/app/utils/constants/input-character-sets.constants.ts

@@ -0,0 +1,142 @@
+export const INPUT_CHARACTER_SETS = {
+  DIGITS: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
+
+  FRENCH_LETTERS: [
+    'ç',
+    'é',
+    'â',
+    'ê',
+    'î',
+    'ô',
+    'û',
+    'à',
+    'è',
+    'ì',
+    'ò',
+    'ù',
+    'ë',
+    'ï',
+    'ü',
+    'æ',
+    'œ',
+    'ÿ',
+  ],
+
+  LETTERS: [
+    'a',
+    'b',
+    'c',
+    'd',
+    'e',
+    'f',
+    'g',
+    'h',
+    'i',
+    'j',
+    'k',
+    'l',
+    'm',
+    'n',
+    'o',
+    'p',
+    'q',
+    'r',
+    's',
+    't',
+    'u',
+    'v',
+    'w',
+    'x',
+    'y',
+    'z',
+  ],
+
+  // Special characters
+  BASIC_PUNCTUATION: ['.', ',', '!', '?', ';', ':'],
+  COMMON_SYMBOLS: [
+    '@',
+    '#',
+    '$',
+    '%',
+    '&',
+    '*',
+    '+',
+    '-',
+    '=',
+    '_',
+    '|',
+    '~',
+    '`',
+    '^',
+    '<',
+    '>',
+    '/',
+    '|',
+    '~',
+    '`',
+    '^',
+    '<',
+    '>',
+    '\\',
+  ],
+  BRACKETS: ['(', ')', '[', ']', '{', '}'],
+  QUOTES: ['"', "'", '`'],
+  WHITESPACE: [' ', '\t'],
+
+  DBA_SPECIAL: [
+    '!',
+    '#',
+    "'",
+    '$',
+    '&',
+    '%',
+    '(',
+    ')',
+    '*',
+    '+',
+    ',',
+    '-',
+    '.',
+    '/',
+    ':',
+    ';',
+    '=',
+    '>',
+    '?',
+    '[',
+    ']',
+    '\\',
+    '^',
+  ],
+
+  get ALPHANUMERIC() {
+    return [...this.LETTERS, ...this.DIGITS];
+  },
+  get ALPHANUMERIC_WITH_SPACES() {
+    return [...this.ALPHANUMERIC, ' '];
+  },
+
+  // Email specific
+  EMAIL_SPECIAL: ['@', '.', '-', '_', '+'],
+  get EMAIL_CHARACTERS() {
+    return [...this.ALPHANUMERIC, ...this.EMAIL_SPECIAL];
+  },
+
+  get SPECIAL_EXCEPT_NAME_FRIENDLY() {
+    const excludeChars = ['.', ',', '-', "'", ' '];
+    return this.SPECIAL.filter((char) => !excludeChars.includes(char));
+  },
+
+  get NAME_CHARACTER_EXCLUSIONS() {
+    return [...this.SPECIAL_EXCEPT_NAME_FRIENDLY, ...this.DIGITS];
+  },
+
+  get SPECIAL() {
+    return [
+      ...this.BASIC_PUNCTUATION,
+      ...this.COMMON_SYMBOLS,
+      ...this.BRACKETS,
+      ...this.QUOTES,
+    ];
+  },
+} as const;

package/projects/carriera-intern-components/src/app/utils/index.ts

@@ -0,0 +1,2 @@
+export * from './autofill-validators';
+export * from './constants';

package/projects/carriera-intern-components/src/app/validators/custom-validators.ts

@@ -0,0 +1,45 @@
+import { AbstractControl, ValidatorFn, ValidationErrors } from '@angular/forms';
+
+export class CustomValidators {
+  static hasNumber(): ValidatorFn {
+    return (control: AbstractControl): ValidationErrors | null => {
+      const value = control.value;
+
+      if (value === null || value === undefined || value === '') {
+        return null;
+      }
+
+      const hasNum = /[0-9]/.test(value);
+
+      return hasNum ? null : { hasNumber: true };
+    };
+  }
+
+  static hasSymbol(): ValidatorFn {
+    return (control: AbstractControl): ValidationErrors | null => {
+      const value = control.value;
+
+      if (value === null || value === undefined || value === '') {
+        return null;
+      }
+
+      const hasSymbol = /[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/.test(value);
+
+      return hasSymbol ? null : { hasSymbol: true };
+    };
+  }
+
+  static hasUppercase(): ValidatorFn {
+    return (control: AbstractControl): ValidationErrors | null => {
+      const value = control.value;
+
+      if (value === null || value === undefined || value === '') {
+        return null;
+      }
+
+      const hasUppercase = /[A-Z]/.test(value);
+
+      return hasUppercase ? null : { hasUppercase: true };
+    };
+  }
+}

package/projects/carriera-intern-components/src/public-api.ts

@@ -0,0 +1,31 @@
+/*
+ * Public API Surface of carriera-intern-components
+ */
+export * from './app/utils';
+export * from './app/components/input/models';
+export * from './app/components/pm/pm.component';
+export * from './app/components/input/input.component';
+export * from './app/components/drop-zone/drop-zone.component';
+export * from './app/components/drop-zone/models';
+export * from './app/components/input-datetime-picker/cai-input-datetime-picker.component';
+export * from './app/components/input-datetime-picker/components/cai-custom-datetime-pickers/config';
+export * from './app/components/avatar/avatar.component';
+export * from './app/components/copy/copy.component';
+export * from './app/components/input-address/input-address.component';
+export * from './app/components/selected-location-field/selected-business-field.component';
+export * from './app/components/input-datetime-picker/interfaces';
+export * from './app/components/rating_review/review-modal/review-modal.component';
+export * from './app/components/rating_review/rating-review/rating-review/rating-review.component';
+export * from './app/components/list-contact-dropdown/list-contact-dropdown.component';
+export * from './app/components/tab-option-dropdown/tab-option-dropdown.component';
+export * from './app/components/tab-option-dropdown/interfaces';
+export * from './app/components/toolbar-dropdown/interval-dropdown.component';
+export * from './app/components/toolbar-dropdown/interfaces';
+export * from './app/components/sticky-scrollbar/sticky-scrollbar.component';
+export * from './app/components/sticky-scrollbar/enums';
+export * from './app/components/dispatch-dropdown/dispatch-dropdown.component';
+export * from './app/components/dispatch-dropdown/interfaces';
+export * from './app/components/text-area/text-area.component';
+export * from './app/components/text-area/interfaces';
+export * from './app/components/dispatch-location/dispatch-location.component';
+export * from './app/components/counter/counter.component';

package/projects/carriera-intern-components/src/styles/README.md

@@ -0,0 +1,59 @@
+# Global Styles
+
+This directory contains all global styles and variables for the Carriera Intern Components library.
+
+## Structure
+
+```
+styles/
+├── index.scss          # Main entry point - imports all styles
+├── _variables.scss     # Global color and design variables
+├── review_variables.scss # Review-specific variables
+└── README.md          # This file
+```
+
+## Usage
+
+### For Library Consumers
+
+The global styles are automatically included when you import the library. The styles are bundled with the library and available through the `styleIncludePaths` configuration.
+
+### For Component Development
+
+When creating new components, you can import the global variables:
+
+```scss
+@use "../../../styles/variables";
+@use "../../../styles/review_variables";
+```
+
+Or use the main index file:
+
+```scss
+@use "../../../styles/index";
+```
+
+## Variables
+
+### Color Variables
+
+All color variables follow the naming convention:
+
+- `$color-text-base-*` - Text colors
+- `$color-icon-base-*` - Icon colors
+- `$color-surface-input-*` - Input surface colors
+- `$color-inverse-*` - Dark theme colors
+
+### Adding New Variables
+
+1. Add new variables to the appropriate `_variables.scss` file
+2. Import them in `index.scss` if they should be globally available
+3. Update this README with documentation
+
+## Build Configuration
+
+The styles are configured in:
+
+- `angular.json` - Storybook and build configurations
+- `ng-package.json` - Library build includes
+- `public-api.ts` - Exports for TypeScript access