ecabs-components 1.1.75 → 1.1.77

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/models/waypoint.models.d.ts

@@ -1,13 +1,12 @@
 /// <reference types="google.maps" />
 import PlaceResult = google.maps.places.PlaceResult;
-import { WaypointTypeEnum } from '../consts/waypoint.consts';
 import PredictionTerm = google.maps.places.PredictionTerm;
+import { WaypointTypeEnum } from '../consts/waypoint.consts';
 export interface WaypointSuggestion {
     suggestion_id?: string;
     additional_info?: string;
     location?: GeoPoint;
     place_id: string;
-    source?: string;
     frequency?: number;
     last_visit?: string | Date;
     geo_key?: string;

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-place-autocomplete-v2/ecabs-place-autocomplete-v2.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ElementRef, EventEmitter, Injector, NgZone, OnChanges, SimpleChanges } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import EcabsElementBaseComponent from '../base/element-base';
 import { WaypointTypeEnum } from '../base/consts/waypoint.consts';
@@ -6,49 +6,57 @@ import { GooglePlaceResult, WaypointQueryChange, WaypointSuggestion } from '../b
 import { BehaviorSubject, Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class EcabsPlaceAutocompleteV2Component extends EcabsElementBaseComponent implements OnChanges, AfterViewInit, ControlValueAccessor {
-    private readonly ngZone;
-    private readonly injector;
     matCustomInput: ElementRef;
     showDeleteItem: boolean;
-    waypointsHistory: WaypointSuggestion[];
+    set waypointsHistory(value: WaypointSuggestion[]);
     showSuffix: boolean;
     countryCode: string;
     googleLoaded: boolean;
     waypointType: WaypointTypeEnum;
-    debounceTime: number;
+    debounceMs: number;
     readonly placeResult: EventEmitter<GooglePlaceResult>;
     readonly deleteItem: EventEmitter<any>;
     readonly queryChanged: EventEmitter<WaypointQueryChange>;
     isFocused$: BehaviorSubject<boolean>;
-    value$: BehaviorSubject<string>;
     waypointSuggestions$: Observable<WaypointSuggestion[]>;
+    value$: BehaviorSubject<string>;
     selectedIndex: number;
     displayedSuggestions: WaypointSuggestion[];
+    private readonly inputQuery$;
+    private readonly waypointsHistory$;
     private _value;
-    private mapAutocompleteService;
+    private autocompleteService;
     private placesService;
     private sessionToken;
+    private isResolvingPlace;
+    private readonly MAX_SUGGESTIONS;
+    private readonly emptySuggestions;
+    private readonly ngZone;
+    private readonly injector;
+    private readonly destroyRef;
     get value(): string;
     set value(value: string);
-    constructor(ngZone: NgZone, injector: Injector);
+    constructor();
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     private onChange;
     private onTouch;
-    private getWaypointResults;
     private getPlacesResults;
     private toWaypointSuggestions;
+    onUserInput(query: string): void;
+    trackBySuggestion(index: number, suggestion: WaypointSuggestion): string;
     onSelectSuggestion(suggestion: WaypointSuggestion): void;
+    private resolveByPlaceId;
     onKeyDown(event: KeyboardEvent): void;
     onBlur(): void;
     onFocus(): void;
-    writeValue(nextValue?: string): void;
+    writeValue(nextValue?: string | null): void;
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
-    onDeleteItem(): void;
-    onClean(): void;
+    delete(): void;
+    clear(): void;
     private initGoogle;
     private resetSessionToken;
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsPlaceAutocompleteV2Component, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsPlaceAutocompleteV2Component, "ecabs-place-autocomplete-v2", never, { "showDeleteItem": { "alias": "showDeleteItem"; "required": false; }; "waypointsHistory": { "alias": "waypointsHistory"; "required": false; }; "showSuffix": { "alias": "showSuffix"; "required": false; }; "countryCode": { "alias": "countryCode"; "required": false; }; "googleLoaded": { "alias": "googleLoaded"; "required": false; }; "waypointType": { "alias": "waypointType"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; }, { "placeResult": "placeResult"; "deleteItem": "deleteItem"; "queryChanged": "queryChanged"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsPlaceAutocompleteV2Component, "ecabs-place-autocomplete-v2", never, { "showDeleteItem": { "alias": "showDeleteItem"; "required": false; }; "waypointsHistory": { "alias": "waypointsHistory"; "required": false; }; "showSuffix": { "alias": "showSuffix"; "required": false; }; "countryCode": { "alias": "countryCode"; "required": false; }; "googleLoaded": { "alias": "googleLoaded"; "required": false; }; "waypointType": { "alias": "waypointType"; "required": false; }; "debounceMs": { "alias": "debounceMs"; "required": false; }; }, { "placeResult": "placeResult"; "deleteItem": "deleteItem"; "queryChanged": "queryChanged"; }, never, never, false, never>;
 }

package/package.json

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

package/src/assets/styles/material/overrides/_menu.scss

@@ -2,6 +2,10 @@
   &.mat-mdc-elevation-specific.mat-elevation-z8 {
     box-shadow: $box-shadow-default;
   }
+
+  &.actions-menu {
+    min-width: 180px;
+  }
 }
 
 .logout-btn {

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

@@ -1,64 +1,64 @@
-.chip {
-  @include fontSize($font-size-base);
-
-  border-radius: $border-radius-base;
-  display: flex;
-  width: fit-content;
-  min-width: calc-rem(56px);
-  padding: calc-rem(8px 12px);
-  align-items: center;
-  justify-content: center;
-  background-color: var(--color-gray-50);
-  color: var(--color-gray-500);
-  font-weight: $font-weight-regular;
-  cursor: pointer;
-
-  &:hover {
-    border-color: var(--color-gray-300);
-  }
-
-  @include e(standard) {
-    width: 7.2rem;
-    max-width: 7.2rem;
-  }
-
-  // #Info
-  @include m(info) {
-    background-color: rgba(var(--color-info-rgb), .06);
-    color: var(--color-info);
-  }
-
-  // #Warn
-  @include m(warn) {
-    background-color: rgba(var(--color-warn-rgb), .06);
-    color: var(--color-warn);
-  }
-
-  // #Danger
-  @include m(danger) {
-    background-color: rgba(var(--color-error-rgb), .06);
-    color: var(--color-error);
-  }
-
-  // #Success
-  @include m(success) {
-    background-color: var(--color-success--opacity);
-    color: var(--color-success);
-  }
-
-  // #Selected
-  @include m(selected) {
-    &, * {
-      color: var(--color-white);
-      border-color: var(--color-brand-light);
-    }
-
-    background-color: var(--color-brand-light);
-  }
-
-  @include m(not-selected) {
-    border: 1px solid var(--color-gray-300);
-    background-color: var(--color-white);
-    color: var(--color-black);
-  }
-}
+.chip {
+  @include fontSize($font-size-base);
+
+  border-radius: $border-radius-base;
+  display: flex;
+  width: fit-content;
+  min-width: calc-rem(56px);
+  padding: calc-rem(8px 12px);
+  align-items: center;
+  justify-content: center;
+  background-color: var(--color-gray-50);
+  color: var(--color-gray-500);
+  font-weight: $font-weight-regular;
+  cursor: pointer;
+
+  &:hover {
+    border-color: var(--color-gray-300);
+  }
+
+  @include e(standard) {
+    width: 7.2rem;
+    max-width: 7.2rem;
+  }
+
+  // #Info
+  @include m(info) {
+    background-color: rgba(var(--color-info-rgb), .06);
+    color: var(--color-info);
+  }
+
+  // #Warn
+  @include m(warn) {
+    background-color: var(--color-warning-opacity);
+    color: var(--color-warning);
+  }
+
+  // #Danger
+  @include m(danger) {
+    background-color: rgba(var(--color-error-rgb), .06);
+    color: var(--color-error);
+  }
+
+  // #Success
+  @include m(success) {
+    background-color: var(--color-success--opacity);
+    color: var(--color-success);
+  }
+
+  // #Selected
+  @include m(selected) {
+    &, * {
+      color: var(--color-white);
+      border-color: var(--color-brand-light);
+    }
+
+    background-color: var(--color-brand-light);
+  }
+
+  @include m(not-selected) {
+    border: 1px solid var(--color-gray-300);
+    background-color: var(--color-white);
+    color: var(--color-black);
+  }
+}