ecabs-components 1.1.76 → 1.1.78

package/lib/base/models/phone.models.d.ts

@@ -1,4 +1,9 @@
-export type PhoneNumberFormat = 'default' | 'national' | 'international';
+export interface CountryPrefix {
+    dialing_code: string;
+    iso: string;
+    name: string;
+    phone_number?: string;
+}
 export type Country = {
     name: string;
     iso2: string;
@@ -9,3 +14,4 @@ export type Country = {
     placeHolder?: string;
 };
 export type PhoneNumberCodeType = 'iso' | 'calling';
+export type PhoneNumberFormat = 'default' | 'national' | 'international';

package/lib/base/utils/phone-number.utils.d.ts

@@ -1,4 +1,7 @@
-import { PhoneNumberCodeType } from '../models/phone.models';
+import { CountryPrefix, PhoneNumberCodeType } from '../models/phone.models';
 export declare function extractPhoneNumberCode(phoneNumber: string | null, type?: PhoneNumberCodeType, withFlagClass?: boolean): string | null;
 export declare function extractDialingCode(phoneNumber: string | null): string | null;
 export declare function extractCountryFromIso(isoCode: string | null, region?: string[]): string | null;
+export declare function extractCallingCodeFromIso(isoCode: string | null): string | null;
+export declare function getSupportedCountryIsoCodes(): string[];
+export declare function extractCountryPrefixFromNumber(phone_number: string, regions: string[]): CountryPrefix | null;

package/lib/ecabs-button-toggle/ecabs-button-toggle.component.d.ts

@@ -13,7 +13,7 @@ export declare class EcabsButtonToggleComponent<T = unknown> implements ControlV
     isDisabled: boolean;
     private onChange;
     private onTouched;
-    constructor();
+    private readonly cdr;
     onGroupChange(event: MatButtonToggleChange): void;
     trackByOptionValue(index: number, option: SelectOption<T>): T | number;
     writeValue(value: T | T[]): void;

package/lib/ecabs-chip-group/ecabs-chip-group.component.d.ts

@@ -7,6 +7,8 @@ export declare class EcabsChipGroupComponent<T = unknown> implements ControlValu
     multiple: boolean;
     disableRipple: boolean;
     truncateAt: number;
+    compareFn: (a: T, b: T) => boolean;
+    trackByFn: (index: number, option: SelectOption<T>) => unknown;
     selectedChange: EventEmitter<T | T[]>;
     protected readonly _value: import("@angular/core").WritableSignal<T | T[]>;
     protected readonly isDisabled: import("@angular/core").WritableSignal<boolean>;
@@ -18,5 +20,5 @@ export declare class EcabsChipGroupComponent<T = unknown> implements ControlValu
     private onChange;
     private onTouched;
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsChipGroupComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsChipGroupComponent<any>, "ecabs-chip-group", never, { "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "truncateAt": { "alias": "truncateAt"; "required": false; }; }, { "selectedChange": "selectedChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsChipGroupComponent<any>, "ecabs-chip-group", never, { "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "truncateAt": { "alias": "truncateAt"; "required": false; }; "compareFn": { "alias": "compareFn"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; }, { "selectedChange": "selectedChange"; }, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ecabs-components",
-  "version": "1.1.76",
+  "version": "1.1.78",
   "peerDependencies": {
     "@angular/animations": "^16.2.12",
     "@angular/common": "^16.2.12",

package/src/assets/styles/scss/modules/_chip.scss

@@ -30,8 +30,8 @@
 
   // #Warn
   @include m(warn) {
-    background-color: rgba(var(--color-warn-rgb), .06);
-    color: var(--color-warn);
+    background-color: var(--color-warning-opacity);
+    color: var(--color-warning);
   }
 
   // #Danger

package/src/assets/styles/scss/modules/_statuses.scss

@@ -4,8 +4,8 @@
 }
 
 .reserved {
-  background-color: rgba(var(--color-warn-rgb), .05);
-  color: var(--color-warn);
+  background-color: var(--color-warning-opacity);
+  color: var(--color-warning);
 }
 
 .scheduled, .ended {

package/src/assets/styles/scss/utilities/_colors.scss

@@ -28,25 +28,23 @@
   --color-brand-300-rgb: 231, 239, 255;
 
   /* #Accent */
-  --color-error: #df3838;
-  --color-error-opacity: #fbe4e4;
+  --color-error: #bb032a;
+  --color-error-opacity: #FFF0EE;
   --color-error-rgb: 223, 56, 56;
 
   --color-notification: #f4d04f;
   --color-notification-rgb: 244, 208, 79;
 
-  --color-warn: #f2994a;
-  --color-warn-rgb: 242, 153, 74;
-
   --color-info: #325fda;
   --color-info-rgb: 50, 95, 218;
+  --color-info-messages: #e3e9f3;
 
-  --color-warning: #f2994a;
-  --color-warning-opacity: #fdf0e4;
+  --color-warning: #845201;
+  --color-warning-opacity: #FDF2DC;
 
-  --color-success: #075145;
-  --color-success--opacity: #affebf;
-  --color-success-rgb: 175, 254, 191;
+  --color-success: #166C3B;
+  --color-success--opacity: #EAF6ED;
+  --color-success-rgb: 7, 81, 69;
 
   --color-allocation-started: #E8F8E5;
   --color-allocation-scheduled: #FDF0E4;