adp-web-components 0.0.90 → 0.0.91

package/dist/types/components/form-elements/form-dialog.d.ts

@@ -1,7 +1,6 @@
 import { InferType } from 'yup';
-import { SharedLocales } from "../../global/lib/get-local-language";
-import { LanguageKeys } from "../../global/types/locale";
 import generalSchema from "../../locales/general/type";
+import { LanguageKeys, SharedLocales } from "../../features/multi-lingual/index";
 export declare class FormInput {
     errorMessage: string;
     dialogClosed: () => void;

package/dist/types/components/form-elements/form-input.d.ts

@@ -1,10 +1,9 @@
 import { InferType } from 'yup';
 import { FormHook } from "../../global/lib/form-hook";
-import { SharedLocales } from "../../global/lib/get-local-language";
 import { InputParams } from "../../global/types/general";
-import { LanguageKeys } from "../../global/types/locale";
 import { FormElement, LocaleFormKeys } from "../../global/types/forms";
 import formWrapperSchema from "../../locales/forms/wrapper-type";
+import { LanguageKeys, SharedLocales } from "../../features/multi-lingual/index";
 export declare class FormInput implements FormElement {
     label: string;
     class: string;

package/dist/types/components/form-elements/form-select.d.ts

@@ -1,10 +1,9 @@
 import { InferType } from 'yup';
 import { FormHook } from "../../global/lib/form-hook";
-import { ErrorKeys, SharedLocales } from "../../global/lib/get-local-language";
-import { LanguageKeys } from "../../global/types/locale";
 import { FormElement, FormSelectFetcher, FormSelectItem, LocaleFormKeys } from "../../global/types/forms";
 import generalSchema from "../../locales/general/type";
 import formWrapperSchema from "../../locales/forms/wrapper-type";
+import { ErrorKeys, LanguageKeys, SharedLocales } from "../../features/multi-lingual/index";
 export declare class FormSelect implements FormElement {
     name: string;
     label: string;

package/dist/types/components/form-elements/form-structure-error.d.ts

@@ -1,5 +1,4 @@
-import { SharedLocales } from "../../global/lib/get-local-language";
-import { LanguageKeys } from "../../global/types/locale";
+import { LanguageKeys, SharedLocales } from "../../features/multi-lingual/index";
 export declare class FormStructureError {
     language: LanguageKeys;
     sharedLocales: SharedLocales;

package/dist/types/components/form-elements/form-structure.d.ts

@@ -1,9 +1,8 @@
+import { InferType } from 'yup';
 import { FormHook } from "../../global/lib/form-hook";
-import { SharedLocales } from "../../global/lib/get-local-language";
-import { LanguageKeys } from "../../global/types/locale";
 import { FormElementMapper, StructureObject } from "../../global/types/forms";
 import generalSchema from "../../locales/general/type";
-import { InferType } from 'yup';
+import { LanguageKeys, SharedLocales } from "../../features/multi-lingual/index";
 export declare class FormStructure {
     theme: string;
     themes: any;

package/dist/types/components/form-elements/form-submit.d.ts

@@ -1,7 +1,7 @@
 import { InferType } from 'yup';
-import { LanguageKeys } from "../../global/types/locale";
 import { FormFieldParams, StructureObject } from "../../global/types/forms";
 import generalSchema from "../../locales/general/type";
+import { LanguageKeys } from "../../features/multi-lingual/types";
 export declare class FormSubmit {
     isLoading: boolean;
     params: FormFieldParams;

package/dist/types/components/form-elements/form-text-area.d.ts

@@ -1,9 +1,9 @@
 import { InferType } from 'yup';
 import { FormHook } from "../../global/lib/form-hook";
 import { InputParams } from "../../global/types/general";
-import { LanguageKeys } from "../../global/types/locale";
 import { FormElement, LocaleFormKeys } from "../../global/types/forms";
 import formWrapperSchema from "../../locales/forms/wrapper-type";
+import { LanguageKeys } from "../../features/multi-lingual/index";
 export declare class FormTextArea implements FormElement {
     label: string;
     isError: boolean;

package/dist/types/components/forms/contact-us-form.d.ts

@@ -1,7 +1,7 @@
-import { LanguageKeys } from "../../global/types/locale";
 import { FormHookInterface } from "../../global/types/forms";
 import { FormHook } from "../../global/lib/form-hook";
 import { ContactUs } from './contact-us/validations';
+import { LanguageKeys } from "../../features/multi-lingual/index";
 export declare class ContactUsForm implements FormHookInterface<ContactUs> {
     theme: string;
     baseUrl: string;

package/dist/types/components/forms/service-booking-form.d.ts

@@ -1,7 +1,7 @@
-import { LanguageKeys } from "../../global/types/locale";
 import { FormHookInterface } from "../../global/types/forms";
 import { FormHook } from "../../global/lib/form-hook";
 import { ContactUs } from './service-booking/validations';
+import { LanguageKeys } from "../../features/multi-lingual/index";
 export declare class ContactUsForm implements FormHookInterface<ContactUs> {
     theme: string;
     baseUrl: string;

package/dist/types/components/part-lookup/components/dead-stock-item.d.ts

@@ -0,0 +1,14 @@
+import { FunctionalComponent } from '../../../stencil-public-runtime';
+import deadStockSchema from "../../../locales/partLookup/deadStock/type";
+import { ComponentLocale } from "../../../features/multi-lingual/index";
+import { DeadStockDTO } from "../../../global/types/generated/part/dead-stock-dto";
+interface DeadStockItemProps {
+    key?: string;
+    icon?: Node;
+    isOpened?: boolean;
+    item?: DeadStockDTO;
+    toggleAccordion: (name: string) => void;
+    locale: ComponentLocale<typeof deadStockSchema>;
+}
+export declare const DeadStockItem: FunctionalComponent<DeadStockItemProps>;
+export {};

package/dist/types/components/part-lookup/dead-stock-lookup.d.ts

@@ -1,35 +1,37 @@
-import { InferType } from 'yup';
-import { LanguageKeys } from "../../global/types/locale";
-import { AppStates, MockJson } from "../../global/types/components";
-import { PartLookupDTO } from "../../global/types/generated/part/part-lookup-dto";
-import { ErrorKeys, SharedLocales } from "../../global/lib/get-local-language";
-import { PartInformationInterface } from "../../global/api/partInformation";
 import deadStockSchema from "../../locales/partLookup/deadStock/type";
-export declare class DeadStockLookup implements PartInformationInterface {
-    baseUrl: string;
+import { VehicleInfoLayoutInterface } from "../../features/vehicle-info-layout/index";
+import { PartLookupComponent, PartLookupMock } from "../../features/part-lookup-components/index";
+import { ComponentLocale, ErrorKeys, LanguageKeys, MultiLingual } from "../../features/multi-lingual/index";
+import { PartLookupDTO } from "../../global/types/generated/part/part-lookup-dto";
+export declare class DeadStockLookup implements MultiLingual, VehicleInfoLayoutInterface, PartLookupComponent {
+    language: LanguageKeys;
+    locale: ComponentLocale<typeof deadStockSchema>;
+    componentWillLoad(): Promise<void>;
+    changeLanguage(newLanguage: LanguageKeys): Promise<void>;
+    coreOnly: boolean;
     isDev: boolean;
+    baseUrl: string;
+    headers: object;
     queryString: string;
-    language: LanguageKeys;
-    errorCallback: (errorMessage: ErrorKeys) => void;
+    errorCallback?: (errorMessage: ErrorKeys) => void;
     loadingStateChange?: (isLoading: boolean) => void;
     loadedResponse?: (response: PartLookupDTO) => void;
-    state: AppStates;
+    searchString: string;
+    isError: boolean;
     errorMessage?: ErrorKeys;
-    partInformation?: PartLookupDTO;
-    externalPartNumber?: string;
-    sharedLocales: SharedLocales;
-    locale: InferType<typeof deadStockSchema>;
+    isLoading: boolean;
+    partLookup?: PartLookupDTO;
+    el: HTMLElement;
+    mockData: any;
     abortController: AbortController;
     networkTimeoutRef: ReturnType<typeof setTimeout>;
-    el: HTMLElement;
-    componentWillLoad(): Promise<void>;
-    changeLanguage(newLanguage: LanguageKeys): Promise<void>;
-    private handleSettingData;
-    setData(newData: PartLookupDTO | string, headers?: any): Promise<void>;
+    setMockData(newMockData: PartLookupMock): Promise<void>;
+    fetchData(newData: PartLookupDTO | string, headers?: any): Promise<void>;
     setErrorMessage(message: ErrorKeys): Promise<void>;
-    fetchData(partNumber?: string, headers?: any): Promise<void>;
-    loadingListener(): Promise<void>;
-    setMockData(newMockData: MockJson<PartLookupDTO>): Promise<void>;
+    onLoadingChange(newValue: boolean): void;
+    openedAccordions: string[];
+    newItemsHasBeenRendered: boolean;
+    loadingListener(newIsLoading: boolean): Promise<void>;
     private toggleAccordion;
     render(): any;
 }

package/dist/types/components/part-lookup/distributor-lookup.d.ts

@@ -1,36 +1,35 @@
-import { InferType } from 'yup';
-import { ErrorKeys, SharedLocales } from "../../global/lib/get-local-language";
-import { LanguageKeys } from "../../global/types/locale";
-import { AppStates, MockJson } from "../../global/types/components";
 import { PartLookupDTO } from "../../global/types/generated/part/part-lookup-dto";
-import { PartInformationInterface } from "../../global/api/partInformation";
 import distributerSchema from "../../locales/partLookup/distributor/type";
-export declare class DistributorLookup implements PartInformationInterface {
-    baseUrl: string;
+import { VehicleInfoLayoutInterface } from "../../features/vehicle-info-layout/index";
+import { PartLookupComponent, PartLookupMock } from "../../features/part-lookup-components/index";
+import { ComponentLocale, ErrorKeys, LanguageKeys, MultiLingual } from "../../features/multi-lingual/index";
+export declare class DistributorLookup implements MultiLingual, VehicleInfoLayoutInterface, PartLookupComponent {
+    language: LanguageKeys;
+    locale: ComponentLocale<typeof distributerSchema>;
+    componentWillLoad(): Promise<void>;
+    changeLanguage(newLanguage: LanguageKeys): Promise<void>;
+    coreOnly: boolean;
     isDev: boolean;
+    baseUrl: string;
+    headers: object;
     queryString: string;
-    hiddenFields?: string;
-    language: LanguageKeys;
-    localizationName?: string;
-    errorCallback: (errorMessage: string) => void;
+    errorCallback?: (errorMessage: ErrorKeys) => void;
     loadingStateChange?: (isLoading: boolean) => void;
     loadedResponse?: (response: PartLookupDTO) => void;
-    state: AppStates;
+    searchString: string;
+    isError: boolean;
     errorMessage?: ErrorKeys;
-    partInformation?: PartLookupDTO;
-    externalPartNumber?: string;
-    sharedLocales: SharedLocales;
-    locale: InferType<typeof distributerSchema>;
+    isLoading: boolean;
+    partLookup?: PartLookupDTO;
+    el: HTMLElement;
+    mockData: any;
     abortController: AbortController;
     networkTimeoutRef: ReturnType<typeof setTimeout>;
-    el: HTMLElement;
-    componentWillLoad(): Promise<void>;
-    changeLanguage(newLanguage: LanguageKeys): Promise<void>;
-    private handleSettingData;
-    setData(newData: PartLookupDTO | string, headers?: any): Promise<void>;
+    setMockData(newMockData: PartLookupMock): Promise<void>;
+    fetchData(newData: PartLookupDTO | string, headers?: any): Promise<void>;
     setErrorMessage(message: ErrorKeys): Promise<void>;
-    fetchData(partNumber?: string, headers?: any): Promise<void>;
-    loadingListener(): Promise<void>;
-    setMockData(newMockData: MockJson<PartLookupDTO>): Promise<void>;
+    onLoadingChange(newValue: boolean): void;
+    hiddenFields?: string;
+    localizationName?: string;
     render(): any;
 }

package/dist/types/components/part-lookup/manufacturer-lookup.d.ts

@@ -1,37 +1,35 @@
-import { InferType } from 'yup';
-import { ErrorKeys, SharedLocales } from "../../global/lib/get-local-language";
-import { LanguageKeys } from "../../global/types/locale";
-import { AppStates, MockJson } from "../../global/types/components";
 import { PartLookupDTO } from "../../global/types/generated/part/part-lookup-dto";
-import { PartInformationInterface } from "../../global/api/partInformation";
 import manufacturerSchema from "../../locales/partLookup/manufacturer/type";
-export declare class ManufacturerLookup implements PartInformationInterface {
-    baseUrl: string;
+import { VehicleInfoLayoutInterface } from "../../features/vehicle-info-layout/index";
+import { PartLookupComponent, PartLookupMock } from "../../features/part-lookup-components/index";
+import { ComponentLocale, ErrorKeys, LanguageKeys, MultiLingual } from "../../features/multi-lingual/index";
+export declare class ManufacturerLookup implements MultiLingual, VehicleInfoLayoutInterface, PartLookupComponent {
+    language: LanguageKeys;
+    locale: ComponentLocale<typeof manufacturerSchema>;
+    componentWillLoad(): Promise<void>;
+    changeLanguage(newLanguage: LanguageKeys): Promise<void>;
+    coreOnly: boolean;
     isDev: boolean;
+    baseUrl: string;
+    headers: object;
     queryString: string;
-    hiddenFields: string;
-    language: LanguageKeys;
-    localizationName?: string;
-    headerTitle: string;
-    errorCallback: (errorMessage: string) => void;
+    errorCallback?: (errorMessage: ErrorKeys) => void;
     loadingStateChange?: (isLoading: boolean) => void;
     loadedResponse?: (response: PartLookupDTO) => void;
-    state: AppStates;
+    searchString: string;
+    isError: boolean;
     errorMessage?: ErrorKeys;
-    partInformation?: PartLookupDTO;
-    externalPartNumber?: string;
-    sharedLocales: SharedLocales;
-    locale: InferType<typeof manufacturerSchema>;
+    isLoading: boolean;
+    partLookup?: PartLookupDTO;
+    el: HTMLElement;
+    mockData: any;
     abortController: AbortController;
     networkTimeoutRef: ReturnType<typeof setTimeout>;
-    el: HTMLElement;
-    componentWillLoad(): Promise<void>;
-    changeLanguage(newLanguage: LanguageKeys): Promise<void>;
-    private handleSettingData;
-    setData(newData: PartLookupDTO | string, headers?: any): Promise<void>;
+    setMockData(newMockData: PartLookupMock): Promise<void>;
+    fetchData(newData: PartLookupDTO | string, headers?: any): Promise<void>;
     setErrorMessage(message: ErrorKeys): Promise<void>;
-    fetchData(partNumber?: string, headers?: any): Promise<void>;
-    loadingListener(): Promise<void>;
-    setMockData(newMockData: MockJson<PartLookupDTO>): Promise<void>;
+    onLoadingChange(newValue: boolean): void;
+    hiddenFields: string;
+    localizationName?: string;
     render(): any;
 }

package/dist/types/components/part-lookup/part-lookup.d.ts

@@ -1,9 +1,9 @@
-import { LanguageKeys } from "../../global/types/locale";
-import { DotNetObjectReference } from "../../global/types/components";
 import { DeadStockLookup } from './dead-stock-lookup';
 import { DistributorLookup } from './distributor-lookup';
 import { ManufacturerLookup } from './manufacturer-lookup';
-import { SharedLocales } from "../../global/lib/get-local-language";
+import { ErrorKeys, LanguageKeys, MultiLingual, SharedLocales } from "../../features/multi-lingual/index";
+import { DotNetObjectReference } from "../../global/types/components";
+import { PartLookupDTO } from "../../global/types/generated/part/part-lookup-dto";
 declare const componentTags: {
     readonly deadStock: "dead-stock-lookup";
     readonly distributor: "distributor-lookup";
@@ -15,26 +15,31 @@ export type ComponentMap = {
     [componentTags.manufacturer]: ManufacturerLookup;
 };
 export type ActiveElement = (typeof componentTags)[keyof typeof componentTags] | '';
-export declare class PartLookup {
+export declare class PartLookup implements MultiLingual {
+    language: LanguageKeys;
+    locale: SharedLocales;
+    componentWillLoad(): Promise<void>;
+    changeLanguage(newLanguage: LanguageKeys): Promise<void>;
+    activeElement?: ActiveElement;
     baseUrl: string;
+    isDev: boolean;
     queryString: string;
-    language: LanguageKeys;
-    blazorErrorStateListener: string;
     childrenProps?: string | Object;
-    blazorOnLoadingStateChange: string;
-    activeElement?: ActiveElement;
+    blazorErrorStateListener: string;
     errorStateListener?: (newError: string) => void;
+    blazorOnLoadingStateChange: string;
     loadingStateChanged?: (isLoading: boolean) => void;
+    errorKey: ErrorKeys;
     wrapperErrorState: string;
+    isError: boolean;
+    header: string;
+    isLoading: boolean;
     blazorRef?: DotNetObjectReference;
-    sharedLocales: SharedLocales;
     el: HTMLElement;
     private componentsList;
-    componentWillLoad(): Promise<void>;
-    changeLanguage(newLanguage: LanguageKeys): Promise<void>;
     componentDidLoad(): Promise<void>;
     private syncErrorAcrossComponents;
-    private handleLoadData;
+    handleLoadData(newResponse: PartLookupDTO, activeElement: any): void;
     private loadingStateChangingMiddleware;
     errorListener(newState: any): Promise<void>;
     setBlazorRef(newBlazorRef: DotNetObjectReference): Promise<void>;

package/dist/types/components/vehicle-lookup/components/claimable-item-popover.d.ts

@@ -0,0 +1,17 @@
+import { FunctionalComponent } from '../../../stencil-public-runtime';
+import { VehicleServiceItemDTO } from "../../../global/types/generated/vehicle-lookup/vehicle-service-item-dto";
+import dynamicClaimSchema from "../../../locales/vehicleLookup/claimableItems/type";
+import { ComponentLocale } from "../../../features/multi-lingual/index";
+type ClaimableItemPopoverProps = {
+    showPopover: boolean;
+    item: VehicleServiceItemDTO;
+    claim: (item: VehicleServiceItemDTO) => void;
+    locale: ComponentLocale<typeof dynamicClaimSchema>;
+    targetLocation: {
+        left: number;
+        bottom: number;
+        top: number;
+    };
+};
+export declare const ClaimableItemPopover: FunctionalComponent<ClaimableItemPopoverProps>;
+export {};

package/dist/types/components/vehicle-lookup/components/claimable-item.d.ts

@@ -0,0 +1,12 @@
+import { InferType } from 'yup';
+import { FunctionalComponent } from '../../../stencil-public-runtime';
+import { VehicleServiceItemDTO } from "../../../global/types/generated/vehicle-lookup/vehicle-service-item-dto";
+import dynamicClaimSchema from "../../../locales/vehicleLookup/claimableItems/type";
+type ClaimableItemProps = {
+    addStatusClass: boolean;
+    item: VehicleServiceItemDTO;
+    locale: InferType<typeof dynamicClaimSchema>;
+    setClaimableItemPopover: (showPopover: boolean, claimableItem?: VehicleServiceItemDTO, claimableItemPopoverRef?: HTMLDivElement) => void;
+};
+export declare const ClaimableItem: FunctionalComponent<ClaimableItemProps>;
+export {};

package/dist/types/components/vehicle-lookup/vehicle-accessories.d.ts

@@ -1,40 +1,35 @@
-import { InferType } from 'yup';
-import { LanguageKeys } from "../../global/types/locale";
-import { AppStates, MockJson } from "../../global/types/components";
 import { VehicleLookupDTO } from "../../global/types/generated/vehicle-lookup/vehicle-lookup-dto";
-import { ImageViewerInterface } from "../../global/lib/image-expansion";
-import { ErrorKeys, SharedLocales } from "../../global/lib/get-local-language";
 import accessoriesSchema from "../../locales/vehicleLookup/accessories/type";
-export declare class VehicleAccessories implements ImageViewerInterface {
-    baseUrl: string;
-    isDev: boolean;
+import { VehicleInfoLayoutInterface } from "../../features/vehicle-info-layout/index";
+import { ImageViewerInterface } from "../../features/image-viewer/index";
+import { VehicleLookupComponent, VehicleLookupMock } from "../../features/vehicle-lookup-component/index";
+import { ComponentLocale, ErrorKeys, LanguageKeys, MultiLingual } from "../../features/multi-lingual/index";
+export declare class VehicleAccessories implements MultiLingual, VehicleInfoLayoutInterface, ImageViewerInterface, VehicleLookupComponent {
+    language: LanguageKeys;
+    locale: ComponentLocale<typeof accessoriesSchema>;
+    componentWillLoad(): Promise<void>;
+    changeLanguage(newLanguage: LanguageKeys): Promise<void>;
     coreOnly: boolean;
+    expandedImage?: string;
+    originalImage: HTMLImageElement;
+    isDev: boolean;
+    baseUrl: string;
+    headers: object;
     queryString: string;
-    language: LanguageKeys;
-    errorCallback: (errorMessage: ErrorKeys) => void;
+    errorCallback?: (errorMessage: ErrorKeys) => void;
     loadingStateChange?: (isLoading: boolean) => void;
     loadedResponse?: (response: VehicleLookupDTO) => void;
-    sharedLocales: SharedLocales;
-    locale: InferType<typeof accessoriesSchema>;
-    state: AppStates;
-    externalVin?: string;
-    expandedImage?: string;
+    isError: boolean;
     errorMessage?: ErrorKeys;
-    vehicleInformation?: VehicleLookupDTO;
-    originalImage: HTMLImageElement;
+    isLoading: boolean;
+    vehicleLookup?: VehicleLookupDTO;
+    el: HTMLElement;
+    mockData: any;
     abortController: AbortController;
     networkTimeoutRef: ReturnType<typeof setTimeout>;
-    el: HTMLElement;
-    componentWillLoad(): Promise<void>;
-    changeLanguage(newLanguage: LanguageKeys): Promise<void>;
-    private handleSettingData;
-    setData(newData: VehicleLookupDTO | string, headers?: any): Promise<void>;
+    setMockData(newMockData: VehicleLookupMock): Promise<void>;
+    fetchData(newData: VehicleLookupDTO | string, headers?: any): Promise<void>;
     setErrorMessage(message: ErrorKeys): Promise<void>;
-    fetchData(requestedVin?: string, headers?: any): Promise<void>;
-    loadingListener(): Promise<void>;
-    setMockData(newMockData: MockJson<VehicleLookupDTO>): Promise<void>;
-    closeImageListener: (event?: KeyboardEvent) => void;
-    openImage: (target: HTMLImageElement, imageSrc: string) => void;
-    closeImage: (event?: KeyboardEvent) => void;
+    onLoadingChange(newValue: boolean): void;
     render(): any;
 }

package/dist/types/components/vehicle-lookup/vehicle-claimable-items.d.ts

@@ -1,74 +1,72 @@
-import { InferType } from 'yup';
-import { ErrorKeys, SharedLocales } from "../../global/lib/get-local-language";
-import { LanguageKeys } from "../../global/types/locale";
-import { MockJson } from "../../global/types/components";
 import { VehicleLookupDTO } from "../../global/types/generated/vehicle-lookup/vehicle-lookup-dto";
 import { VehicleServiceItemDTO } from "../../global/types/generated/vehicle-lookup/vehicle-service-item-dto";
-import { VehicleInformationInterface } from "../../global/api/vehicleInformation";
+import { VehicleInfoLayoutInterface } from "../../features/vehicle-info-layout/index";
+import { VehicleLookupComponent } from "../../features/vehicle-lookup-component/index";
+import { ComponentLocale, ErrorKeys, LanguageKeys, MultiLingual } from "../../features/multi-lingual/index";
+import { ClaimFormPayload, VehicleItemClaimForm } from './vehicle-item-claim-form';
 import dynamicClaimSchema from "../../locales/vehicleLookup/claimableItems/type";
-import { VehicleItemClaimForm } from './vehicle-item-claim-form';
-export declare class VehicleClaimableItems implements VehicleInformationInterface {
-    baseUrl: string;
-    headers: any;
+import { VehicleLookupMock } from "../../features/vehicle-lookup-component/types";
+export declare class VehicleClaimableItems implements MultiLingual, VehicleInfoLayoutInterface, VehicleLookupComponent {
+    language: LanguageKeys;
+    locale: ComponentLocale<typeof dynamicClaimSchema>;
+    componentWillLoad(): Promise<void>;
+    changeLanguage(newLanguage: LanguageKeys): Promise<void>;
+    coreOnly: boolean;
     isDev: boolean;
+    baseUrl: string;
+    headers: object;
     queryString: string;
-    coreOnly: boolean;
-    language: LanguageKeys;
+    uploadMultipleDocumentsAtTheForm: boolean;
+    errorCallback?: (errorMessage: ErrorKeys) => void;
+    loadingStateChange?: (isLoading: boolean) => void;
+    loadedResponse?: (response: VehicleLookupDTO) => void;
+    isError: boolean;
+    errorMessage?: ErrorKeys;
+    isLoading: boolean;
+    vehicleLookup?: VehicleLookupDTO;
+    el: HTMLElement;
+    mockData: any;
+    abortController: AbortController;
+    networkTimeoutRef: ReturnType<typeof setTimeout>;
+    setMockData(newMockData: VehicleLookupMock): Promise<void>;
+    fetchData(newData: VehicleLookupDTO | string, headers?: any): Promise<void>;
+    setErrorMessage(message: ErrorKeys): Promise<void>;
+    onLoadingChange(newValue: boolean): void;
     print?: (claimResponse: any) => void;
     maximumDocumentFileSizeInMb: number;
     claimEndPoint: string;
-    errorCallback: (errorMessage: ErrorKeys) => void;
-    loadingStateChange?: (isLoading: boolean) => void;
-    loadedResponse?: (response: VehicleLookupDTO) => void;
     activate?: (vehicleInformation: VehicleLookupDTO) => void;
-    sharedLocales: SharedLocales;
-    locale: InferType<typeof dynamicClaimSchema>;
     activeTab: string;
-    isError: boolean;
-    showPopup: boolean;
-    isLoading: boolean;
-    externalVin?: string;
     showPrintBox: boolean;
-    errorMessage?: ErrorKeys;
     tabAnimationLoading: boolean;
-    activePopupIndex: null | number;
-    tabs: VehicleServiceItemDTO['group'][];
     lastSuccessfulClaimResponse: any;
-    vehicleInformation?: VehicleLookupDTO;
-    pendingItemHighlighted: boolean;
-    el: HTMLElement;
-    scrollListenerRef: () => void;
-    abortController: AbortController;
-    timeoutRef: ReturnType<typeof setTimeout>;
-    networkTimeoutRef: ReturnType<typeof setTimeout>;
-    tabAnimationTimeoutRef: ReturnType<typeof setTimeout>;
-    cachedClaimItem: VehicleServiceItemDTO;
-    progressBar: HTMLElement;
-    popupPositionRef: HTMLElement;
+    showClaimableItemPopover: boolean;
+    selectedClaimItem?: VehicleServiceItemDTO;
+    tabs: VehicleServiceItemDTO['group'][];
+    popoverTargetLocation: {
+        left: number;
+        bottom: number;
+        top: number;
+    };
     claimForm: VehicleItemClaimForm;
-    claimableContentWrapper: HTMLElement;
-    componentWillLoad(): Promise<void>;
-    changeLanguage(newLanguage: LanguageKeys): Promise<void>;
+    private claimableItemPopoverRef;
+    private progressBar;
+    private claimableItemsBox;
+    private tabAnimationTimeoutRef;
+    private getServiceItems;
+    private parseGroupData;
+    private updateProgressBar;
     componentDidLoad(): Promise<void>;
-    setMockData(newMockData: MockJson<VehicleLookupDTO>): Promise<void>;
-    setData(newData: VehicleLookupDTO | string, headers?: any): Promise<void>;
-    setErrorMessage(message: ErrorKeys): Promise<void>;
-    fetchData(requestedVin?: string, headers?: any): Promise<void>;
-    onLoadingChange(newValue: boolean): void;
-    setLoadingUi(isLoading: boolean): Promise<void>;
-    updateProgressBar(): void;
-    resetProgressBar(): void;
-    windowScrollListener(newValue: any): void;
-    onMouseLeave: () => void;
-    onMouseEnter: (dynamicClaimItemHeader: HTMLElement, idx: number) => void;
-    calculatePopupPos(root: ShadowRoot): void;
-    removeLoadAnimationClass(event: AnimationEvent): void;
+    disconnectedCallback(): Promise<void>;
+    onVehicleChange(): Promise<void>;
+    private onActiveTabChange;
+    private activateClaimItem;
+    private printLastClaimResponse;
+    updatePopoverLocation: () => void;
+    setClaimableItemPopover: (showPopover: boolean, claimableItem?: VehicleServiceItemDTO, claimableItemPopoverRef?: HTMLDivElement) => void;
     completeClaim(response: any): Promise<void>;
+    handleClaim: ({ documents, ...payload }: ClaimFormPayload) => Promise<void>;
+    handleDevClaim: ({ documents }: ClaimFormPayload) => Promise<void>;
     claim(item: VehicleServiceItemDTO): Promise<void>;
-    private handleClaiming;
-    private openRedeem;
-    private getServiceItems;
-    private onActiveTabChange;
-    createPopup(item: VehicleServiceItemDTO): any;
     render(): any;
 }