ca-components 0.0.39 → 0.0.40

package/lib/components/ca-filters/ca-filter.component.d.ts

@@ -7,7 +7,7 @@ import { filterOutputWithParams } from '../../models/filter-output-params.model'
 import { CaMoneyFilterComponent } from './components/ca-money-filter/ca-money-filter.component';
 import { CaStatusFilterComponent } from './components/ca-status-filter/ca-status-filter.component';
 import { CaTimeFilterComponent } from './components/ca-time-filter/ca-time-filter.component';
-import { CaUserFilterComponent } from './components/ca-user-filter/ca-user-filter.component';
+import { CaDispatcherFilterComponent } from './components/ca-dispatcher-filter/ca-dispatcher-filter.component';
 import { CaStateFilterComponent } from './components/ca-state-filter/ca-state-filter.component';
 import { CaTruckTypeFilterComponent } from './components/ca-truck-type-filter/ca-truck-type-filter.component';
 import { CaTrailerTypeFilterComponent } from './components/ca-trailer-type-filter/ca-trailer-type-filter.component';
@@ -21,7 +21,7 @@ export declare class CaFilterComponent implements OnDestroy {
     caStatusFilter: CaStatusFilterComponent;
     caMoneyFilter: CaMoneyFilterComponent;
     caTimeFilter: CaTimeFilterComponent;
-    caUserFilter: CaUserFilterComponent;
+    caDispatcherFilter: CaDispatcherFilterComponent;
     caStateFilter: CaStateFilterComponent;
     caTruckTypeFilter: CaTruckTypeFilterComponent;
     caTrailerTypeFilter: CaTrailerTypeFilterComponent;

package/lib/components/ca-filters/components/{ca-user-filter/ca-user-filter.component.d.ts → ca-dispatcher-filter/ca-dispatcher-filter.component.d.ts}

@@ -1,4 +1,4 @@
-import { OnInit, OnDestroy, Renderer2 } from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
 import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
 import { LoadStatusEnum } from '../../../../enums/load-status.enum';
 import { ArrayStatus } from '../../../../models/array-status.model';
@@ -8,9 +8,8 @@ import { CaFiltersSvgRoutes } from '../../utils/svg-routes/ca-filters-svg-routes
 import { ICaInput } from '../../../ca-input/config/ca-input.config';
 import { userSelected } from '../../../../models/user-selected.model';
 import * as i0 from "@angular/core";
-export declare class CaUserFilterComponent implements OnInit, OnDestroy {
+export declare class CaDispatcherFilterComponent implements OnInit, OnDestroy {
     private formBuilder;
-    private renderer;
     type: string;
     isFilterActive: boolean;
     filterTitle: string;
@@ -29,7 +28,7 @@ export declare class CaUserFilterComponent implements OnInit, OnDestroy {
     isAscendingSortOrder: boolean;
     isButtonAvailable: boolean;
     totalFiltersNum: number;
-    constructor(formBuilder: UntypedFormBuilder, renderer: Renderer2);
+    constructor(formBuilder: UntypedFormBuilder);
     ngOnInit(): void;
     get dispatcherSearch(): ICaInput;
     onFilterClose(): void;
@@ -44,6 +43,6 @@ export declare class CaUserFilterComponent implements OnInit, OnDestroy {
     sortItems(): void;
     getSvgPath(propertyName: keyof typeof CaFiltersSvgRoutes): string;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CaUserFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CaUserFilterComponent, "app-ca-user-filter", never, { "type": { "alias": "type"; "required": false; }; "isFilterActive": { "alias": "isFilterActive"; "required": false; }; "filterTitle": { "alias": "filterTitle"; "required": false; }; "hasLeftSideIcon": { "alias": "hasLeftSideIcon"; "required": false; }; "toDoSubType": { "alias": "toDoSubType"; "required": false; }; "unselectedUser": { "alias": "unselectedUser"; "required": false; }; "isSearchExpanded": { "alias": "isSearchExpanded"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CaDispatcherFilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaDispatcherFilterComponent, "app-ca-dispatcher-filter", never, { "type": { "alias": "type"; "required": false; }; "isFilterActive": { "alias": "isFilterActive"; "required": false; }; "filterTitle": { "alias": "filterTitle"; "required": false; }; "hasLeftSideIcon": { "alias": "hasLeftSideIcon"; "required": false; }; "toDoSubType": { "alias": "toDoSubType"; "required": false; }; "unselectedUser": { "alias": "unselectedUser"; "required": false; }; "isSearchExpanded": { "alias": "isSearchExpanded"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/ca-filters/components/{ca-user-filter/config/ca-user-filter.config.d.ts → ca-dispatcher-filter/config/ca-dispatcher-filter.config.d.ts}

@@ -1,4 +1,4 @@
 import { ICaInput } from '../../../../ca-input/config/ca-input.config';
-export declare class CaUserFilterConfig {
+export declare class CaDispatcherFilterConfig {
     static getDispatcherSearch(): ICaInput;
 }

package/lib/components/ca-filters/components/ca-dispatcher-filter/config/ca-driver-filter.config.d.ts

@@ -0,0 +1,4 @@
+import { ICaInput } from '../../../../ca-input/config/ca-input.config';
+export declare class CaDriverFilterConfig {
+    static getDriverSearch(): ICaInput;
+}

package/lib/components/ca-filters/components/ca-dispatcher-filter/config/ca-fuel-stop-filter.config.d.ts

@@ -0,0 +1,4 @@
+import { ICaInput } from '../../../../ca-input/config/ca-input.config';
+export declare class CaFuelStopFilterConfig {
+    static getFuelStopSearch(): ICaInput;
+}

package/lib/components/ca-filters/components/ca-pm-filter/ca-pm-filter.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, OnDestroy, Renderer2 } from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
 import { userSelected } from '../../../../models/user-selected.model';
 import { ArrayStatus } from '../../../../models/array-status.model';
 import { filterOutput } from '../../../../models/filter-output.model';
@@ -8,7 +8,6 @@ import { TruckassistTableService } from '../../../../services/truckassist-table.
 import * as i0 from "@angular/core";
 export declare class CaPmFilterComponent implements OnInit, OnDestroy {
     private tableService;
-    private renderer;
     type: string;
     isFilterActive: boolean;
     hasLeftSideIcon: boolean;
@@ -20,7 +19,7 @@ export declare class CaPmFilterComponent implements OnInit, OnDestroy {
     isAscendingSortOrder: boolean;
     filterActiveArray: ArrayStatus[];
     unselectedVisibleCount: number;
-    constructor(tableService: TruckassistTableService, renderer: Renderer2);
+    constructor(tableService: TruckassistTableService);
     ngOnInit(): void;
     trackByIdentity(index: number): number;
     sortItems(): void;

package/lib/components/ca-filters/components/ca-state-filter/ca-state-filter.component.d.ts

@@ -1,15 +1,16 @@
-import { OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
 import { CaFiltersSvgRoutes } from '../../utils/svg-routes/ca-filters-svg-routes';
 import { ArrayStatus } from '../../../../models/array-status.model';
 import { filterOutput } from '../../../../models/filter-output.model';
 import { filterOutputWithParams } from '../../../../models/filter-output-params.model';
+import { ICaInput } from '../../../../components/ca-input/config/ca-input.config';
 import * as i0 from "@angular/core";
 export declare class CaStateFilterComponent implements OnInit, OnDestroy {
     private formBuilder;
-    private renderer;
     type: string;
     isFilterActive: boolean;
+    isSearchExpanded: boolean;
     private destroy$;
     searchForm: UntypedFormGroup;
     usaStates: ArrayStatus[];
@@ -23,9 +24,10 @@ export declare class CaStateFilterComponent implements OnInit, OnDestroy {
     totalFiltersNum: number;
     unselectedVisibleCount: number;
     caFiltersSvgRoutes: CaFiltersSvgRoutes;
-    constructor(formBuilder: UntypedFormBuilder, renderer: Renderer2);
+    constructor(formBuilder: UntypedFormBuilder);
     ngOnInit(): void;
     trackByIndex(index: number): number;
+    get stateSearch(): ICaInput;
     private createForm;
     trackByIdentity(index: number): number;
     private watchSearchFormValueChanges;
@@ -50,5 +52,5 @@ export declare class CaStateFilterComponent implements OnInit, OnDestroy {
     getSvgPath(propertyName: keyof typeof CaFiltersSvgRoutes): string;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaStateFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CaStateFilterComponent, "app-ca-state-filter", never, { "type": { "alias": "type"; "required": false; }; "isFilterActive": { "alias": "isFilterActive"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaStateFilterComponent, "app-ca-state-filter", never, { "type": { "alias": "type"; "required": false; }; "isFilterActive": { "alias": "isFilterActive"; "required": false; }; "isSearchExpanded": { "alias": "isSearchExpanded"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/ca-filters/components/ca-state-filter/config/ca-state-filter.config.d.ts

@@ -0,0 +1,4 @@
+import { ICaInput } from '../../../../ca-input/config/ca-input.config';
+export declare class CaStateFilterConfig {
+    static getStateSearch(): ICaInput;
+}

package/lib/components/ca-filters/pipes/filter-conditions-clear.pipe.d.ts

@@ -2,14 +2,14 @@ import { PipeTransform } from '@angular/core';
 import { CaMoneyFilterComponent } from '../components/ca-money-filter/ca-money-filter.component';
 import { CaStatusFilterComponent } from '../components/ca-status-filter/ca-status-filter.component';
 import { CaTimeFilterComponent } from '../components/ca-time-filter/ca-time-filter.component';
-import { CaUserFilterComponent } from '../components/ca-user-filter/ca-user-filter.component';
+import { CaDispatcherFilterComponent } from '../components/ca-dispatcher-filter/ca-dispatcher-filter.component';
 import { CaStateFilterComponent } from '../components/ca-state-filter/ca-state-filter.component';
 import { CaTruckTypeFilterComponent } from '../components/ca-truck-type-filter/ca-truck-type-filter.component';
 import { CaTrailerTypeFilterComponent } from '../components/ca-trailer-type-filter/ca-trailer-type-filter.component';
 import { CaPmFilterComponent } from '../components/ca-pm-filter/ca-pm-filter.component';
 import * as i0 from "@angular/core";
 export declare class FilterConditionsClearPipe implements PipeTransform {
-    transform(type: string, caMoneyFilter: CaMoneyFilterComponent, caStatusFilter: CaStatusFilterComponent, caTimeFilter: CaTimeFilterComponent, caUserFilter: CaUserFilterComponent, caStateFilter: CaStateFilterComponent, caTruckTypeFilter: CaTruckTypeFilterComponent, caTrailerTypeFilter: CaTrailerTypeFilterComponent, caPmFilter: CaPmFilterComponent): boolean | number;
+    transform(type: string, caMoneyFilter: CaMoneyFilterComponent, caStatusFilter: CaStatusFilterComponent, caTimeFilter: CaTimeFilterComponent, caDispatcherFilter: CaDispatcherFilterComponent, caStateFilter: CaStateFilterComponent, caTruckTypeFilter: CaTruckTypeFilterComponent, caTrailerTypeFilter: CaTrailerTypeFilterComponent, caPmFilter: CaPmFilterComponent): boolean | number;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterConditionsClearPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<FilterConditionsClearPipe, "filterConditionsClear", true>;
 }

package/lib/components/ca-filters/pipes/filter-conditions-set.pipe.d.ts

@@ -2,14 +2,14 @@ import { PipeTransform } from '@angular/core';
 import { CaMoneyFilterComponent } from '../components/ca-money-filter/ca-money-filter.component';
 import { CaStatusFilterComponent } from '../components/ca-status-filter/ca-status-filter.component';
 import { CaTimeFilterComponent } from '../components/ca-time-filter/ca-time-filter.component';
-import { CaUserFilterComponent } from '../components/ca-user-filter/ca-user-filter.component';
+import { CaDispatcherFilterComponent } from '../components/ca-dispatcher-filter/ca-dispatcher-filter.component';
 import { CaStateFilterComponent } from '../components/ca-state-filter/ca-state-filter.component';
 import { CaTruckTypeFilterComponent } from '../components/ca-truck-type-filter/ca-truck-type-filter.component';
 import { CaTrailerTypeFilterComponent } from '../components/ca-trailer-type-filter/ca-trailer-type-filter.component';
 import { CaPmFilterComponent } from '../components/ca-pm-filter/ca-pm-filter.component';
 import * as i0 from "@angular/core";
 export declare class FilterConditionsSetPipe implements PipeTransform {
-    transform(type: string, caMoneyFilter: CaMoneyFilterComponent, caStatusFilter: CaStatusFilterComponent, caTimeFilter: CaTimeFilterComponent, caUserFilter: CaUserFilterComponent, caStateFilter: CaStateFilterComponent, caTruckTypeFilter: CaTruckTypeFilterComponent, caTrailerTypeFilter: CaTrailerTypeFilterComponent, caPmFilter: CaPmFilterComponent): boolean | number;
+    transform(type: string, caMoneyFilter: CaMoneyFilterComponent, caStatusFilter: CaStatusFilterComponent, caTimeFilter: CaTimeFilterComponent, caDispatcherFilter: CaDispatcherFilterComponent, caStateFilter: CaStateFilterComponent, caTruckTypeFilter: CaTruckTypeFilterComponent, caTrailerTypeFilter: CaTrailerTypeFilterComponent, caPmFilter: CaPmFilterComponent): boolean | number;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterConditionsSetPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<FilterConditionsSetPipe, "filterConditionsSet", true>;
 }

package/lib/components/ca-filters/pipes/filter-popover-conditions.pipe.d.ts

@@ -2,14 +2,14 @@ import { PipeTransform } from '@angular/core';
 import { CaFilterComponent } from '../ca-filter.component';
 import { CaMoneyFilterComponent } from '../components/ca-money-filter/ca-money-filter.component';
 import { CaStatusFilterComponent } from '../components/ca-status-filter/ca-status-filter.component';
-import { CaUserFilterComponent } from '../components/ca-user-filter/ca-user-filter.component';
+import { CaDispatcherFilterComponent } from '../components/ca-dispatcher-filter/ca-dispatcher-filter.component';
 import { CaStateFilterComponent } from '../components/ca-state-filter/ca-state-filter.component';
 import { CaTruckTypeFilterComponent } from '../components/ca-truck-type-filter/ca-truck-type-filter.component';
 import { CaTrailerTypeFilterComponent } from '../components/ca-trailer-type-filter/ca-trailer-type-filter.component';
 import { CaPmFilterComponent } from '../components/ca-pm-filter/ca-pm-filter.component';
 import * as i0 from "@angular/core";
 export declare class FilterPopoverConditionsPipe implements PipeTransform {
-    transform(type: string, caFilterComponent: CaFilterComponent, caMoneyFilter: CaMoneyFilterComponent, caStatusFilter: CaStatusFilterComponent, caUserFilter: CaUserFilterComponent, caStateFilter: CaStateFilterComponent, caTruckTypeFilter: CaTruckTypeFilterComponent, caTrailerTypeFilter: CaTrailerTypeFilterComponent, caPmFilter: CaPmFilterComponent): boolean | number | string;
+    transform(type: string, caFilterComponent: CaFilterComponent, caMoneyFilter: CaMoneyFilterComponent, caStatusFilter: CaStatusFilterComponent, caDispatcherFilter: CaDispatcherFilterComponent, caStateFilter: CaStateFilterComponent, caTruckTypeFilter: CaTruckTypeFilterComponent, caTrailerTypeFilter: CaTrailerTypeFilterComponent, caPmFilter: CaPmFilterComponent): boolean | number | string;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterPopoverConditionsPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<FilterPopoverConditionsPipe, "filterPopoverConditionsPipe", true>;
 }

package/lib/components/ca-filters/utils/constants/directive.constants.d.ts

@@ -1,10 +1,17 @@
 import { ArrayStatus } from '../../../../models/array-status.model';
 export declare class DirectiveConstants {
     static UNSELECTED_USER: ArrayStatus[];
+    static DRIVER_ARRAY: ArrayStatus[];
+    static FUEL_STOP_ARRAY: ArrayStatus[];
     static USA_STATES: ArrayStatus[];
     static CANADA_STATES: ArrayStatus[];
     static TRUCK_TYPE_ARRAY: ArrayStatus[];
     static TRAILER_TYPE_ARRAY: ArrayStatus[];
     static PM_FILTER_ARRAY: ArrayStatus[];
     static CATEGORY_REPAIR_ARRAY: ArrayStatus[];
+    static FUEL_ITEM_FILTER_ARRAY: ArrayStatus[];
+    static DEPARTMANT_ARRAY: ArrayStatus[];
+    static PARKING_ARRAY: ArrayStatus[];
+    static TAG_ARRAY: ArrayStatus[];
+    static ACTION_ARRAY: ArrayStatus[];
 }

package/lib/components/ca-map/enums/toolbar-filter-string.enum.d.ts

@@ -23,15 +23,28 @@ export declare enum ToolbarFilterStringEnum {
     MONEY_FILTER = "moneyFilter",
     MILES_FILTER = "milesFilter",
     PAY_FILTER = "payFilter",
+    DISPATCHER_FILTER = "dispatcherFilter",
+    FUEL_ITEM_FILTER = "fuelItemFilter",
+    PARKING_FILTER = "parkingFilter",
+    TAG_FILTER = "tagFilter",
+    ACTION_FILTER = "actionFilter",
     MONEY_FILTER_2 = "Money Filter",
     STATUS_FILTER_2 = "Status Filter",
     TIME_FILTER_2 = "Time Filter",
+    DISPATCHER_FILTER_2 = "Dispatcher Filter",
+    DRIVER_FILTER_2 = "Driver Filter",
+    FUEL_STOP_FILTER_2 = "Fuel Stop Filter",
     USER_FILTER_2 = "Dispatcher Filter",
     STATE_FILTER_2 = "State / Province Filter",
     TRUCK_TYPE_FILTER_2 = "Truck Type Filter",
     TRAILER_TYPE_FILTER_2 = "Trailer Type Filter",
     PM_FILTER_2 = "PM Filter",
     SERVICE_FILTER_2 = "Service Filter",
+    FUEL_ITEM_FILTER_2 = "Fuel Item Filter",
+    DEPARTMENT_FILTER_2 = "Department Filter",
+    PARKING_FILTER_2 = "Parking Filter",
+    TAG_FILTER_2 = "Tag Filter",
+    ACTION_FILTER_2 = "Action Filter",
     DOLLAR = "dollar",
     BROKER_HALF_CIRCLE = "broker-half-circle",
     TIME = "ic_time",
@@ -41,10 +54,13 @@ export declare enum ToolbarFilterStringEnum {
     TRAILER = "trailer",
     DEFAULT_PM = "default_pm",
     IC_KEY_REPAIR = "ic_key-repair",
+    FUEL = "fuel",
     MAIN_TOOLTIP = "mainTooltip",
     CLOSE_FILTER = "Close Filter",
     REMOVE_FILTER = "Remove Filter",
     FILTER_TEXT = "filterText",
+    USER_BOX = "userBox",
+    SORT_ITEMS = "sortItems",
     CANADA = "canada",
     CANADA_2 = "Canada",
     EMPTY_STRING_PLACEHOLDER = "",

package/lib/components/ca-period-content/components/ca-period-content-user-info/ca-period-content-user-info.component.d.ts

@@ -14,6 +14,7 @@ export declare class CaPeriodContentUserInfoComponent {
     currentIcon: string;
     setCurrentIconAndClass(): string;
     getSvgPath(propertyName: keyof typeof PeriodContentSvgRoutes): string;
+    getUserInitials(userName: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaPeriodContentUserInfoComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CaPeriodContentUserInfoComponent, "app-ca-period-content-user-info", never, { "componentData": { "alias": "componentData"; "required": false; }; "type": { "alias": "type"; "required": false; }; "paymentStatus": { "alias": "paymentStatus"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "userInfo": { "alias": "userInfo"; "required": false; }; "status": { "alias": "status"; "required": false; }; }, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ca-components",
-  "version": "0.0.39",
+  "version": "0.0.40",
   "peerDependencies": {
     "@angular/common": "^16.2.0",
     "@angular/core": "^16.2.0",

package/src/assets/ca-components/svg/common/actions/action_add.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.97729 5.52278C10.054 5.60066 10.0972 5.70621 10.0975 5.81635V7.91089H12.1854C12.2955 7.91117 12.401 7.95438 12.4789 8.03107C12.5568 8.10776 12.6007 8.2117 12.601 8.32015V9.68796C12.6007 9.79642 12.5568 9.90035 12.4789 9.97704C12.401 10.0537 12.2955 10.0969 12.1854 10.0972H10.0975V12.1851C10.0972 12.2953 10.054 12.4008 9.97729 12.4787C9.9006 12.5566 9.79667 12.6004 9.68821 12.6007H8.3204C8.21194 12.6004 8.10801 12.5566 8.03132 12.4787C7.95463 12.4008 7.91142 12.2953 7.91113 12.1851V10.0972H5.81659C5.70645 10.0969 5.60091 10.0537 5.52303 9.97704C5.44515 9.90035 5.40126 9.79642 5.40098 9.68796V8.32015C5.40126 8.2117 5.44515 8.10776 5.52303 8.03107C5.60091 7.95438 5.70645 7.91117 5.81659 7.91089H7.91113V5.81635C7.91142 5.70621 7.95463 5.60066 8.03132 5.52278C8.10801 5.4449 8.21194 5.40102 8.3204 5.40073H9.68821C9.79666 5.40102 9.9006 5.4449 9.97729 5.52278Z" fill="#919191"/>
+<path d="M9.0002 0.450928C7.30917 0.450928 5.65611 0.952377 4.25007 1.89186C2.84403 2.83135 1.74816 4.16668 1.10103 5.72898C0.4539 7.29129 0.284581 9.01041 0.614485 10.6689C0.944388 12.3275 1.7587 13.8509 2.95444 15.0467C4.15017 16.2424 5.67364 17.0567 7.33218 17.3866C8.99071 17.7165 10.7098 17.5472 12.2721 16.9001C13.8344 16.253 15.1698 15.1571 16.1093 13.7511C17.0487 12.345 17.5502 10.692 17.5502 9.00093C17.5502 6.73333 16.6494 4.5586 15.046 2.95516C13.4425 1.35173 11.2678 0.450928 9.0002 0.450928ZM9.0002 2.10593C10.3649 2.10593 11.6989 2.51061 12.8336 3.26879C13.9683 4.02697 14.8527 5.1046 15.375 6.36541C15.8972 7.62622 16.0339 9.01358 15.7676 10.352C15.5014 11.6905 14.8442 12.92 13.8792 13.885C12.9143 14.8499 11.6848 15.5071 10.3463 15.7733C9.00785 16.0396 7.62049 15.9029 6.35968 15.3807C5.09887 14.8584 4.02124 13.9741 3.26306 12.8394C2.50488 11.7047 2.1002 10.3706 2.1002 9.00593C2.09901 8.09947 2.27668 7.20169 2.62302 6.36401C2.96935 5.52633 3.47756 4.76521 4.11852 4.12425C4.75948 3.48329 5.5206 2.97508 6.35828 2.62875C7.19596 2.28241 8.09374 2.10474 9.0002 2.10593Z" fill="#919191"/>
+</svg>

package/src/assets/ca-components/svg/common/actions/action_check.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.0002 0.450928C7.30917 0.450928 5.65611 0.952377 4.25007 1.89186C2.84403 2.83135 1.74816 4.16668 1.10103 5.72898C0.4539 7.29129 0.284581 9.01041 0.614485 10.6689C0.944388 12.3275 1.7587 13.8509 2.95444 15.0467C4.15017 16.2424 5.67364 17.0567 7.33218 17.3866C8.99071 17.7165 10.7098 17.5472 12.2721 16.9001C13.8344 16.253 15.1698 15.1571 16.1093 13.7511C17.0487 12.345 17.5502 10.692 17.5502 9.00093C17.5502 6.73333 16.6494 4.5586 15.046 2.95516C13.4425 1.35173 11.2678 0.450928 9.0002 0.450928ZM9.0002 2.10593C10.3649 2.10593 11.6989 2.51061 12.8336 3.26879C13.9683 4.02697 14.8527 5.1046 15.375 6.36541C15.8972 7.62622 16.0339 9.01358 15.7676 10.352C15.5014 11.6905 14.8442 12.92 13.8792 13.885C12.9143 14.8499 11.6848 15.5071 10.3463 15.7733C9.00785 16.0396 7.62049 15.9029 6.35968 15.3807C5.09887 14.8584 4.02124 13.9741 3.26306 12.8394C2.50488 11.7047 2.1002 10.3706 2.1002 9.00593C2.09901 8.09947 2.27668 7.20169 2.62302 6.36401C2.96935 5.52633 3.47756 4.76521 4.11852 4.12425C4.75948 3.48329 5.5206 2.97508 6.35828 2.62875C7.19596 2.28241 8.09374 2.10474 9.0002 2.10593Z" fill="#919191"/>
+<path d="M13.055 7.15733L12.1275 6.23481C12.0533 6.16189 11.9528 6.12093 11.848 6.12093C11.7432 6.12093 11.6427 6.16189 11.5685 6.23481L8.0762 9.64506L6.56165 8.14237C6.48749 8.06945 6.38697 8.0285 6.28216 8.0285C6.17736 8.0285 6.07684 8.06945 6.00268 8.14237L5.06584 9.05567C4.99179 9.1287 4.95019 9.22769 4.95019 9.33089C4.95019 9.43409 4.99179 9.53308 5.06584 9.60611L7.78683 12.307C7.86099 12.38 7.96151 12.4209 8.06631 12.4209C8.17112 12.4209 8.27164 12.38 8.3458 12.307L13.0539 7.70777C13.128 7.63473 13.1696 7.53575 13.1696 7.43255C13.1696 7.32934 13.128 7.23036 13.0539 7.15733H13.055Z" fill="#919191"/>
+</svg>

package/src/assets/ca-components/svg/common/actions/action_play.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.0002 0.450928C7.30917 0.450928 5.65611 0.952377 4.25007 1.89186C2.84403 2.83135 1.74816 4.16668 1.10103 5.72898C0.4539 7.29129 0.284581 9.01041 0.614485 10.6689C0.944388 12.3275 1.7587 13.8509 2.95444 15.0467C4.15017 16.2424 5.67364 17.0567 7.33218 17.3866C8.99071 17.7165 10.7098 17.5472 12.2721 16.9001C13.8344 16.253 15.1698 15.1571 16.1093 13.7511C17.0487 12.345 17.5502 10.692 17.5502 9.00093C17.5502 6.73333 16.6494 4.5586 15.046 2.95516C13.4425 1.35173 11.2678 0.450928 9.0002 0.450928ZM9.0002 2.10593C10.3649 2.10593 11.6989 2.51061 12.8336 3.26879C13.9683 4.02697 14.8527 5.1046 15.375 6.36541C15.8972 7.62622 16.0339 9.01358 15.7676 10.352C15.5014 11.6905 14.8442 12.92 13.8792 13.885C12.9143 14.8499 11.6848 15.5071 10.3463 15.7733C9.00785 16.0396 7.62049 15.9029 6.35968 15.3807C5.09887 14.8585 4.02124 13.9741 3.26306 12.8394C2.50488 11.7047 2.1002 10.3706 2.1002 9.00593C2.09901 8.09947 2.27668 7.20169 2.62302 6.36401C2.96935 5.52633 3.47756 4.76521 4.11852 4.12425C4.75948 3.48329 5.5206 2.97508 6.35828 2.62875C7.19596 2.28241 8.09374 2.10474 9.0002 2.10593Z" fill="#919191"/>
+<path d="M7.65098 11.7268V6.27462C7.65092 6.19079 7.67592 6.10884 7.72281 6.03913C7.76969 5.96941 7.83636 5.91508 7.91438 5.88299C7.99239 5.85091 8.07824 5.84252 8.16106 5.85889C8.24388 5.87526 8.31994 5.91564 8.37962 5.97494L11.126 8.70106C11.206 8.78056 11.251 8.88835 11.251 9.00073C11.251 9.11312 11.206 9.22091 11.126 9.3004L8.37962 12.0265C8.31994 12.0858 8.24388 12.1262 8.16106 12.1426C8.07824 12.1589 7.99239 12.1506 7.91438 12.1185C7.83636 12.0864 7.76969 12.032 7.72281 11.9623C7.67592 11.8926 7.65092 11.8107 7.65098 11.7268Z" fill="#919191"/>
+</svg>

package/src/assets/ca-components/svg/common/actions/action_recheck.svg

@@ -0,0 +1,5 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.00019 0.450928C4.27519 0.450928 0.450195 4.27593 0.450195 9.00093C0.450195 13.7259 4.27519 17.5509 9.00019 17.5509C13.7252 17.5509 17.5502 13.7259 17.5502 9.00093C17.5502 4.27593 13.7252 0.450928 9.00019 0.450928ZM9.00019 15.9039C5.1842 15.9039 2.0972 12.8169 2.0972 9.00093C2.0972 5.18493 5.1842 2.09793 9.00019 2.09793C12.8162 2.09793 15.9032 5.18493 15.9032 9.00093C15.9032 12.8169 12.8162 15.9039 9.00019 15.9039Z" fill="#919191"/>
+<path d="M12.9858 5.66553C12.9476 5.61198 12.894 5.56608 12.8405 5.54313C12.7793 5.52018 12.7104 5.51253 12.6492 5.52018C12.588 5.52783 12.5268 5.56608 12.4809 5.61198L11.6624 6.43053C10.9892 5.73438 10.0482 5.29833 9.00785 5.29833C7.8068 5.29833 6.7358 5.87208 6.05494 6.76713C5.97845 6.86658 6.05495 7.01193 6.185 7.01193H9.00785C9.5816 7.01193 10.0941 7.25673 10.4537 7.64688L9.49745 8.60313C9.45154 8.64903 9.42095 8.71023 9.40565 8.77143C9.39034 8.83263 9.40565 8.90148 9.4286 8.96268C9.45154 9.02388 9.49745 9.07743 9.55099 9.10803C9.60454 9.14628 9.66575 9.16158 9.7346 9.16158H12.741C12.8252 9.16923 12.9093 9.13863 12.9705 9.07743C13.0317 9.01623 13.07 8.93208 13.07 8.84793V5.84148C13.0623 5.77263 13.0394 5.71143 13.0011 5.65788L12.9858 5.66553Z" fill="#919191"/>
+<path d="M11.8307 10.9899H9.00785C8.41115 10.9899 7.87565 10.7145 7.50845 10.2938L8.42644 9.37578C8.47234 9.32988 8.50294 9.26868 8.51824 9.20748C8.53354 9.14628 8.51825 9.07743 8.4953 9.01623C8.47235 8.95503 8.42645 8.90148 8.37289 8.87088C8.31934 8.83263 8.25814 8.81733 8.18929 8.81733H5.18285C5.0987 8.80968 5.01455 8.84028 4.95335 8.90148C4.89215 8.96268 4.8539 9.04683 4.8539 9.13098V12.1374C4.86155 12.2063 4.88449 12.2675 4.92274 12.321C4.96099 12.3746 5.01455 12.4205 5.0681 12.4434C5.1293 12.4664 5.19814 12.474 5.25935 12.4664C5.32055 12.4511 5.38175 12.4205 5.42765 12.3746L6.29209 11.5101C6.96529 12.2445 7.9292 12.7112 9.0002 12.7112C10.2012 12.7112 11.2722 12.1374 11.9531 11.2424C12.0296 11.1429 11.9531 10.9976 11.823 10.9976L11.8307 10.9899Z" fill="#919191"/>
+</svg>

package/src/assets/ca-components/svg/common/actions/action_stop.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.0002 0.450928C7.30917 0.450928 5.65611 0.952377 4.25007 1.89186C2.84403 2.83135 1.74816 4.16668 1.10103 5.72898C0.4539 7.29129 0.284581 9.01041 0.614485 10.6689C0.944388 12.3275 1.7587 13.8509 2.95444 15.0467C4.15017 16.2424 5.67364 17.0567 7.33218 17.3866C8.99071 17.7165 10.7098 17.5472 12.2721 16.9001C13.8344 16.253 15.1698 15.1571 16.1093 13.7511C17.0487 12.345 17.5502 10.692 17.5502 9.00093C17.5502 6.73333 16.6494 4.5586 15.046 2.95516C13.4425 1.35173 11.2678 0.450928 9.0002 0.450928ZM9.0002 2.10593C10.3649 2.10593 11.6989 2.51061 12.8336 3.26879C13.9683 4.02697 14.8527 5.1046 15.375 6.36541C15.8972 7.62622 16.0339 9.01358 15.7676 10.352C15.5014 11.6905 14.8442 12.92 13.8792 13.885C12.9143 14.8499 11.6848 15.5071 10.3463 15.7733C9.00785 16.0396 7.62049 15.9029 6.35968 15.3807C5.09887 14.8584 4.02124 13.9741 3.26306 12.8394C2.50488 11.7047 2.1002 10.3706 2.1002 9.00593C2.09901 8.09947 2.27668 7.20169 2.62302 6.36401C2.96935 5.52633 3.47756 4.76521 4.11852 4.12425C4.75948 3.48329 5.5206 2.97508 6.35828 2.62875C7.19596 2.28241 8.09374 2.10474 9.0002 2.10593Z" fill="#919191"/>
+<path d="M12.1854 7.91089C12.2955 7.91117 12.401 7.95438 12.4789 8.03107C12.5568 8.10776 12.6007 8.2117 12.601 8.32015V9.68797C12.6007 9.79642 12.5568 9.90035 12.4789 9.97705C12.401 10.0537 12.2955 10.0969 12.1854 10.0972C9.03204 10.0972 9.55978 10.0972 5.81659 10.0972C5.70645 10.0969 5.60091 10.0537 5.52303 9.97705C5.44515 9.90035 5.40126 9.79642 5.40098 9.68797V8.32015C5.40126 8.2117 5.44515 8.10776 5.52303 8.03107C5.60091 7.95438 5.70645 7.91117 5.81659 7.91089C8.97951 7.91089 8.43758 7.91089 12.1854 7.91089Z" fill="#919191"/>
+</svg>

package/src/assets/ca-components/svg/common/actions/action_write.svg

@@ -0,0 +1,5 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.3402 5.58993C11.2142 5.47293 11.0522 5.40093 10.8812 5.40093C10.7102 5.40093 10.5482 5.46393 10.4222 5.58993L9.57619 6.40893C9.57619 6.40893 9.54919 6.44493 9.54019 6.46293C9.54019 6.48093 9.53119 6.50793 9.53119 6.52593C9.53119 6.54393 9.53119 6.57093 9.54019 6.58893C9.54019 6.60693 9.5582 6.62493 9.57619 6.64293L11.0792 8.12793C11.0792 8.12793 11.1152 8.15493 11.1332 8.16393C11.1512 8.17293 11.1782 8.17293 11.1962 8.17293C11.2142 8.17293 11.2412 8.17293 11.2592 8.16393C11.2772 8.16393 11.2952 8.14593 11.3132 8.12793L12.1502 7.30893C12.2672 7.19193 12.3392 7.02993 12.3392 6.85893C12.3392 6.68793 12.2672 6.52593 12.1502 6.40893L11.3402 5.60793V5.58993Z" fill="#919191"/>
+<path d="M10.3592 8.82093L8.84719 7.34493C8.84719 7.34493 8.8112 7.31793 8.79319 7.30893C8.7752 7.30893 8.74819 7.29993 8.73019 7.29993C8.71219 7.29993 8.68519 7.29993 8.66719 7.30893C8.64919 7.30893 8.63119 7.32693 8.61319 7.34493L5.56219 10.3509L5.39119 11.8719C5.39119 11.9169 5.3912 11.9709 5.40919 12.0159C5.4272 12.0609 5.45419 12.1059 5.49019 12.1329C5.52619 12.1689 5.56219 12.1959 5.61619 12.2049C5.66119 12.2229 5.71519 12.2229 5.76019 12.2229L7.30819 12.0519L10.3592 9.04593C10.3592 9.04593 10.3862 9.00993 10.3952 8.99193C10.3952 8.97393 10.4042 8.94693 10.4042 8.92893C10.4042 8.91093 10.4042 8.88393 10.3952 8.86593C10.3952 8.84793 10.3772 8.82993 10.3592 8.81193V8.82093Z" fill="#919191"/>
+<path d="M9.00019 0.450928C4.27519 0.450928 0.450195 4.27593 0.450195 9.00093C0.450195 13.7259 4.27519 17.5509 9.00019 17.5509C13.7252 17.5509 17.5502 13.7259 17.5502 9.00093C17.5502 4.27593 13.7252 0.450928 9.00019 0.450928ZM9.00019 15.9039C5.1842 15.9039 2.0972 12.8169 2.0972 9.00093C2.0972 5.18493 5.1842 2.09793 9.00019 2.09793C12.8162 2.09793 15.9032 5.18493 15.9032 9.00093C15.9032 12.8169 12.8162 15.9039 9.00019 15.9039Z" fill="#919191"/>
+</svg>

package/src/assets/ca-components/svg/common/actions/action_x.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.0002 0.450928C7.30917 0.450928 5.65611 0.952377 4.25007 1.89186C2.84403 2.83135 1.74816 4.16668 1.10103 5.72898C0.4539 7.29129 0.284581 9.01041 0.614485 10.6689C0.944388 12.3275 1.7587 13.8509 2.95444 15.0467C4.15017 16.2424 5.67364 17.0567 7.33218 17.3866C8.99071 17.7165 10.7098 17.5472 12.2721 16.9001C13.8344 16.253 15.1698 15.1571 16.1093 13.7511C17.0487 12.345 17.5502 10.692 17.5502 9.00093C17.5502 6.73333 16.6494 4.5586 15.046 2.95516C13.4425 1.35173 11.2678 0.450928 9.0002 0.450928ZM9.0002 2.10593C10.3649 2.10593 11.6989 2.51061 12.8336 3.26879C13.9683 4.02697 14.8527 5.1046 15.375 6.36541C15.8972 7.62622 16.0339 9.01358 15.7676 10.352C15.5014 11.6905 14.8442 12.92 13.8792 13.885C12.9143 14.8499 11.6848 15.5071 10.3463 15.7733C9.00785 16.0396 7.62049 15.9029 6.35968 15.3807C5.09887 14.8584 4.02124 13.9741 3.26306 12.8394C2.50488 11.7047 2.1002 10.3706 2.1002 9.00593C2.09901 8.09947 2.27668 7.20169 2.62302 6.36401C2.96935 5.52633 3.47756 4.76521 4.11852 4.12425C4.75948 3.48329 5.5206 2.97508 6.35828 2.62875C7.19596 2.28241 8.09374 2.10474 9.0002 2.10593Z" fill="#919191"/>
+<path d="M6.93688 5.55871C7.04617 5.55955 7.15136 5.60363 7.22944 5.6813L9.00488 7.45674L10.7751 5.6865C10.8532 5.60882 10.9584 5.56474 11.0677 5.5639C11.177 5.56306 11.2815 5.60552 11.3584 5.68201L12.3256 6.6492C12.4021 6.72609 12.4445 6.83061 12.4437 6.93991C12.4429 7.04921 12.3988 7.1544 12.3211 7.23248L10.5509 9.00272L12.3201 10.7719C12.3977 10.85 12.4418 10.9552 12.4427 11.0645C12.4435 11.1738 12.401 11.2783 12.3246 11.3552L11.3574 12.3224C11.2805 12.3989 11.176 12.4413 11.0667 12.4405C10.9574 12.4397 10.8522 12.3956 10.7741 12.3179L9.00488 10.5487L7.23122 12.3224C7.15314 12.4 7.04795 12.4441 6.93865 12.445C6.82936 12.4458 6.72484 12.4033 6.64794 12.3268L5.68075 11.3597C5.60427 11.2828 5.5618 11.1782 5.56264 11.0689C5.56349 10.9596 5.60756 10.8545 5.68524 10.7764L7.4589 9.00272L5.68347 7.22728C5.60579 7.1492 5.56171 7.04401 5.56087 6.93471C5.56002 6.82542 5.60249 6.7209 5.67898 6.644L6.64616 5.67681C6.72306 5.60033 6.82758 5.55786 6.93688 5.55871Z" fill="#919191"/>
+</svg>

package/src/assets/ca-components/svg/common/ic_fuel.svg

@@ -0,0 +1,4 @@
+<svg id="Group_78366" data-name="Group 78366" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
+  <rect id="Rectangle_63252" data-name="Rectangle 63252" width="18" height="18" fill="#aaa" opacity="0"/>
+  <path id="Path_36695" data-name="Path 36695" d="M10.631,15.075H.506A.512.512,0,0,0,0,15.581v1.013a.511.511,0,0,0,.506.506H10.631a.512.512,0,0,0,.507-.506V15.581a.512.512,0,0,0-.507-.506M15.6,4.3,13.045,1.732a.512.512,0,0,0-.715,0l-.357.357a.511.511,0,0,0,0,.716L13.166,4V5.96a1.77,1.77,0,0,0,1.519,1.746v5.087a.76.76,0,0,1-1.519,0V11.785A2.784,2.784,0,0,0,10.382,9h-.26V2.925A2.025,2.025,0,0,0,8.1.9H3.038A2.027,2.027,0,0,0,1.013,2.925V14.063h9.112V10.519h.256a1.265,1.265,0,0,1,1.265,1.265v.882a2.374,2.374,0,0,0,2.041,2.4,2.286,2.286,0,0,0,2.5-2.044c.007-.076.011-.151.011-.227V5.728A2.029,2.029,0,0,0,15.6,4.3M8.1,6.975H3.038V2.925H8.1Z" transform="translate(0 0)" fill="#aaa"/>
+</svg>