adp-web-components 0.3.13 → 0.3.15

package/dist/types/components.d.ts

@@ -5,13 +5,15 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { BranchSlotDay, BranchSlotDropdownCopy } from "./components/form-elements/branch-slot-dropdown";
+import { FormHook } from "./features/form-hook/form-hook";
 import { ErrorKeys, LanguageKeys, SharedLocales } from "./features/multi-lingual/index";
+import { FormElementMapper, FormElementStructure, FormHook as FormHook1, FormInputLocalization, FormSelectFetcher, FormSelectItem } from "./features/form-hook/index";
+import { BranchSlotSelection } from "./components/form-elements/branch-slot-picker";
 import { Endpoint } from "./global/lib/fetch-from";
 import { BlazorInvokableFunction, DotNetObjectReference } from "./features/blazor-ref/index";
 import { PartLookupDTO } from "./global/types/generated/part/part-lookup-dto";
 import { PartLookupMock } from "./features/part-lookup-components/index";
-import { FormElementMapper, FormElementStructure, FormHook, FormInputLocalization, FormSelectFetcher, FormSelectItem } from "./features/form-hook/index";
-import { FormHook as FormHook1 } from "./features/form-hook/form-hook";
 import { DateTypes } from "./global/lib/decode-time-offset";
 import { InformationTableColumn } from "./components/components/information-table";
 import { ActiveElement } from "./components/part-lookup/part-lookup";
@@ -26,13 +28,15 @@ import { ItemClaimDTO } from "./global/types/generated/vehicle-lookup/item-claim
 import { ActiveElement as ActiveElement1 } from "./components/vehicle-lookup/vehicle-lookup";
 import { VehicleWarrantyDetails } from "./components/vehicle-lookup/vehicle-warranty-details";
 import { vehicleQuotationElementNames } from "./components/forms/vehicle-quotation/element-mapper";
+export { BranchSlotDay, BranchSlotDropdownCopy } from "./components/form-elements/branch-slot-dropdown";
+export { FormHook } from "./features/form-hook/form-hook";
 export { ErrorKeys, LanguageKeys, SharedLocales } from "./features/multi-lingual/index";
+export { FormElementMapper, FormElementStructure, FormHook as FormHook1, FormInputLocalization, FormSelectFetcher, FormSelectItem } from "./features/form-hook/index";
+export { BranchSlotSelection } from "./components/form-elements/branch-slot-picker";
 export { Endpoint } from "./global/lib/fetch-from";
 export { BlazorInvokableFunction, DotNetObjectReference } from "./features/blazor-ref/index";
 export { PartLookupDTO } from "./global/types/generated/part/part-lookup-dto";
 export { PartLookupMock } from "./features/part-lookup-components/index";
-export { FormElementMapper, FormElementStructure, FormHook, FormInputLocalization, FormSelectFetcher, FormSelectItem } from "./features/form-hook/index";
-export { FormHook as FormHook1 } from "./features/form-hook/form-hook";
 export { DateTypes } from "./global/lib/decode-time-offset";
 export { InformationTableColumn } from "./components/components/information-table";
 export { ActiveElement } from "./components/part-lookup/part-lookup";
@@ -48,6 +52,128 @@ export { ActiveElement as ActiveElement1 } from "./components/vehicle-lookup/veh
 export { VehicleWarrantyDetails } from "./components/vehicle-lookup/vehicle-warranty-details";
 export { vehicleQuotationElementNames } from "./components/forms/vehicle-quotation/element-mapper";
 export namespace Components {
+    /**
+     * Panel half of `branch-slot-picker`.
+     * Mounted on `document.body` by `shift-portal` and positioned through the
+     * `--branch-slot-*` variables the picker sets — the same split `shift-select` /
+     * `shift-select-dropdown` use, so the panel escapes any `overflow: hidden` or
+     * stacking context the form puts around the field.
+     */
+    interface BranchSlotDropdown {
+        /**
+          * @default ''
+         */
+        "activeDate": string;
+        "copy": BranchSlotDropdownCopy;
+        /**
+          * @default []
+         */
+        "days": BranchSlotDay[];
+        /**
+          * @default 'ltr'
+         */
+        "direction": string;
+        "displayTime": (raw: string) => string;
+        "formatDay": (date: string, options: Intl.DateTimeFormatOptions) => string;
+        "handleDay": (date: string) => void;
+        /**
+          * Tapping the sheet scrim. Unused above 600px, where the scrim is hidden.
+         */
+        "handleDismiss"?: () => void;
+        "handleRetry": () => void;
+        "handleTime": (raw: string) => void;
+        /**
+          * @default ''
+         */
+        "idleText"?: string;
+        /**
+          * @default false
+         */
+        "isOpen": boolean;
+        /**
+          * @default ''
+         */
+        "name"?: string;
+        /**
+          * @default ''
+         */
+        "selectedRaw": string;
+        "setElementRef"?: (el: HTMLElement | null) => void;
+        /**
+          * @default 'idle'
+         */
+        "status": 'idle' | 'loading' | 'ready' | 'empty' | 'error';
+    }
+    /**
+     * Branch-aware booking slot field.
+     * Presents as a normal dropdown — the same `form-input-select` trigger as every
+     * other select in the form — and portals its panel onto `document.body` through
+     * `shift-portal`, exactly as `shift-select` does.
+     * Standalone by design: `form` is optional. Drop `<branch-slot-picker>` on any
+     * page, in a PWA or in a native WebView, give it the four ids, and listen to
+     * `slotChange`.
+     */
+    interface BranchSlotPicker {
+        "branchId": string;
+        "brandId": string;
+        /**
+          * Full URL of the calendar endpoint, e.g. `https://…/api/public/calendar`.
+         */
+        "calendarApi": string;
+        "closeDropdown": () => Promise<void>;
+        /**
+          * Integration ids. The field stays idle until all four are present.
+         */
+        "companyId": string;
+        /**
+          * How far ahead to ask. The endpoint caps its own response at 15 days.
+          * @default 30
+         */
+        "daysAhead": number;
+        /**
+          * Preselects a slot, in the same `YYYY-MM-DDTHH:mm` form the field emits.
+         */
+        "defaultValue"?: string;
+        "departmentId": string;
+        /**
+          * Optional — omit for standalone use and listen to `slotChange` instead.
+         */
+        "form"?: FormHook<any>;
+        /**
+          * Gap between the trigger and the panel, matching shift-select's default.
+          * @default 8
+         */
+        "gap": number;
+        /**
+          * @default false
+         */
+        "isDisabled": boolean;
+        /**
+          * @default false
+         */
+        "isRequired": boolean;
+        "label"?: string;
+        /**
+          * @default 'en'
+         */
+        "language": LanguageKeys;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
+        /**
+          * Field name. Only meaningful when `form` is supplied.
+          * @default 'bookingSlot'
+         */
+        "name": string;
+        "openDropdown": () => Promise<void>;
+        /**
+          * Lets a host force a refetch, e.g. after a token refresh.
+         */
+        "refresh": () => Promise<void>;
+        "wrapperClass": string;
+        "wrapperId": string;
+    }
     interface DeadStockLookup {
         /**
           * @default false
@@ -1393,6 +1519,46 @@ export namespace Components {
          */
         "userId"?: string;
     }
+    /**
+     * Warranty coverage as a single dated rail: the standard warranty followed by every
+     * extended coverage in sequence.
+     * Deliberately separate from `vehicle-warranty-details` rather than a mode of it. This
+     * panel shows warranty and nothing else — no campaign table, no reCAPTCHA, no unauthorized
+     * campaign lookup — so hosts adopt it by pointing their warranty tab at this tag and can
+     * keep the original panel untouched for as long as they like.
+     */
+    interface VehicleWarrantyTimeline {
+        "baseUrl": string;
+        "clearData": () => Promise<void>;
+        /**
+          * @default false
+         */
+        "coreOnly": boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation": boolean;
+        "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
+        "fetchVin": (newData: VehicleLookupDTO | string, headers?: any) => Promise<void>;
+        /**
+          * @default {}
+         */
+        "headers": object;
+        "isDev": boolean;
+        /**
+          * @default 'en'
+         */
+        "language": LanguageKeys;
+        "loadedResponse"?: BlazorInvokableFunction<(response: VehicleLookupDTO) => void>;
+        "loadingStateChange"?: BlazorInvokableFunction<(isLoading: boolean) => void>;
+        /**
+          * @default ''
+         */
+        "queryString": string;
+        "setBlazorRef": (newBlazorRef: DotNetObjectReference) => Promise<void>;
+        "setErrorMessage": (message: ErrorKeys) => Promise<void>;
+        "setMockData": (newMockData: VehicleLookupMock) => Promise<void>;
+    }
     interface VinExtractor {
         /**
           * @default false
@@ -1445,7 +1611,50 @@ export namespace Components {
         "verbose": boolean;
     }
 }
+export interface BranchSlotPickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBranchSlotPickerElement;
+}
 declare global {
+    /**
+     * Panel half of `branch-slot-picker`.
+     * Mounted on `document.body` by `shift-portal` and positioned through the
+     * `--branch-slot-*` variables the picker sets — the same split `shift-select` /
+     * `shift-select-dropdown` use, so the panel escapes any `overflow: hidden` or
+     * stacking context the form puts around the field.
+     */
+    interface HTMLBranchSlotDropdownElement extends Components.BranchSlotDropdown, HTMLStencilElement {
+    }
+    var HTMLBranchSlotDropdownElement: {
+        prototype: HTMLBranchSlotDropdownElement;
+        new (): HTMLBranchSlotDropdownElement;
+    };
+    interface HTMLBranchSlotPickerElementEventMap {
+        "slotChange": BranchSlotSelection;
+    }
+    /**
+     * Branch-aware booking slot field.
+     * Presents as a normal dropdown — the same `form-input-select` trigger as every
+     * other select in the form — and portals its panel onto `document.body` through
+     * `shift-portal`, exactly as `shift-select` does.
+     * Standalone by design: `form` is optional. Drop `<branch-slot-picker>` on any
+     * page, in a PWA or in a native WebView, give it the four ids, and listen to
+     * `slotChange`.
+     */
+    interface HTMLBranchSlotPickerElement extends Components.BranchSlotPicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBranchSlotPickerElementEventMap>(type: K, listener: (this: HTMLBranchSlotPickerElement, ev: BranchSlotPickerCustomEvent<HTMLBranchSlotPickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBranchSlotPickerElementEventMap>(type: K, listener: (this: HTMLBranchSlotPickerElement, ev: BranchSlotPickerCustomEvent<HTMLBranchSlotPickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBranchSlotPickerElement: {
+        prototype: HTMLBranchSlotPickerElement;
+        new (): HTMLBranchSlotPickerElement;
+    };
     interface HTMLDeadStockLookupElement extends Components.DeadStockLookup, HTMLStencilElement {
     }
     var HTMLDeadStockLookupElement: {
@@ -1758,6 +1967,20 @@ declare global {
         prototype: HTMLVehicleWarrantyDetailsElement;
         new (): HTMLVehicleWarrantyDetailsElement;
     };
+    /**
+     * Warranty coverage as a single dated rail: the standard warranty followed by every
+     * extended coverage in sequence.
+     * Deliberately separate from `vehicle-warranty-details` rather than a mode of it. This
+     * panel shows warranty and nothing else — no campaign table, no reCAPTCHA, no unauthorized
+     * campaign lookup — so hosts adopt it by pointing their warranty tab at this tag and can
+     * keep the original panel untouched for as long as they like.
+     */
+    interface HTMLVehicleWarrantyTimelineElement extends Components.VehicleWarrantyTimeline, HTMLStencilElement {
+    }
+    var HTMLVehicleWarrantyTimelineElement: {
+        prototype: HTMLVehicleWarrantyTimelineElement;
+        new (): HTMLVehicleWarrantyTimelineElement;
+    };
     interface HTMLVinExtractorElement extends Components.VinExtractor, HTMLStencilElement {
     }
     var HTMLVinExtractorElement: {
@@ -1765,6 +1988,8 @@ declare global {
         new (): HTMLVinExtractorElement;
     };
     interface HTMLElementTagNameMap {
+        "branch-slot-dropdown": HTMLBranchSlotDropdownElement;
+        "branch-slot-picker": HTMLBranchSlotPickerElement;
         "dead-stock-lookup": HTMLDeadStockLookupElement;
         "distributor-lookup": HTMLDistributorLookupElement;
         "flexible-container": HTMLFlexibleContainerElement;
@@ -1817,10 +2042,131 @@ declare global {
         "vehicle-service-history": HTMLVehicleServiceHistoryElement;
         "vehicle-specification": HTMLVehicleSpecificationElement;
         "vehicle-warranty-details": HTMLVehicleWarrantyDetailsElement;
+        "vehicle-warranty-timeline": HTMLVehicleWarrantyTimelineElement;
         "vin-extractor": HTMLVinExtractorElement;
     }
 }
 declare namespace LocalJSX {
+    /**
+     * Panel half of `branch-slot-picker`.
+     * Mounted on `document.body` by `shift-portal` and positioned through the
+     * `--branch-slot-*` variables the picker sets — the same split `shift-select` /
+     * `shift-select-dropdown` use, so the panel escapes any `overflow: hidden` or
+     * stacking context the form puts around the field.
+     */
+    interface BranchSlotDropdown {
+        /**
+          * @default ''
+         */
+        "activeDate"?: string;
+        "copy": BranchSlotDropdownCopy;
+        /**
+          * @default []
+         */
+        "days"?: BranchSlotDay[];
+        /**
+          * @default 'ltr'
+         */
+        "direction"?: string;
+        "displayTime": (raw: string) => string;
+        "formatDay": (date: string, options: Intl.DateTimeFormatOptions) => string;
+        "handleDay": (date: string) => void;
+        /**
+          * Tapping the sheet scrim. Unused above 600px, where the scrim is hidden.
+         */
+        "handleDismiss"?: () => void;
+        "handleRetry": () => void;
+        "handleTime": (raw: string) => void;
+        /**
+          * @default ''
+         */
+        "idleText"?: string;
+        /**
+          * @default false
+         */
+        "isOpen"?: boolean;
+        /**
+          * @default ''
+         */
+        "name"?: string;
+        /**
+          * @default ''
+         */
+        "selectedRaw"?: string;
+        "setElementRef"?: (el: HTMLElement | null) => void;
+        /**
+          * @default 'idle'
+         */
+        "status"?: 'idle' | 'loading' | 'ready' | 'empty' | 'error';
+    }
+    /**
+     * Branch-aware booking slot field.
+     * Presents as a normal dropdown — the same `form-input-select` trigger as every
+     * other select in the form — and portals its panel onto `document.body` through
+     * `shift-portal`, exactly as `shift-select` does.
+     * Standalone by design: `form` is optional. Drop `<branch-slot-picker>` on any
+     * page, in a PWA or in a native WebView, give it the four ids, and listen to
+     * `slotChange`.
+     */
+    interface BranchSlotPicker {
+        "branchId"?: string;
+        "brandId"?: string;
+        /**
+          * Full URL of the calendar endpoint, e.g. `https://…/api/public/calendar`.
+         */
+        "calendarApi"?: string;
+        /**
+          * Integration ids. The field stays idle until all four are present.
+         */
+        "companyId"?: string;
+        /**
+          * How far ahead to ask. The endpoint caps its own response at 15 days.
+          * @default 30
+         */
+        "daysAhead"?: number;
+        /**
+          * Preselects a slot, in the same `YYYY-MM-DDTHH:mm` form the field emits.
+         */
+        "defaultValue"?: string;
+        "departmentId"?: string;
+        /**
+          * Optional — omit for standalone use and listen to `slotChange` instead.
+         */
+        "form"?: FormHook<any>;
+        /**
+          * Gap between the trigger and the panel, matching shift-select's default.
+          * @default 8
+         */
+        "gap"?: number;
+        /**
+          * @default false
+         */
+        "isDisabled"?: boolean;
+        /**
+          * @default false
+         */
+        "isRequired"?: boolean;
+        "label"?: string;
+        /**
+          * @default 'en'
+         */
+        "language"?: LanguageKeys;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
+        /**
+          * Field name. Only meaningful when `form` is supplied.
+          * @default 'bookingSlot'
+         */
+        "name"?: string;
+        /**
+          * Fires on every confirmed day+time selection. The standalone contract.
+         */
+        "onSlotChange"?: (event: BranchSlotPickerCustomEvent<BranchSlotSelection>) => void;
+        "wrapperClass"?: string;
+        "wrapperId"?: string;
+    }
     interface DeadStockLookup {
         /**
           * @default false
@@ -3085,6 +3431,41 @@ declare namespace LocalJSX {
          */
         "userId"?: string;
     }
+    /**
+     * Warranty coverage as a single dated rail: the standard warranty followed by every
+     * extended coverage in sequence.
+     * Deliberately separate from `vehicle-warranty-details` rather than a mode of it. This
+     * panel shows warranty and nothing else — no campaign table, no reCAPTCHA, no unauthorized
+     * campaign lookup — so hosts adopt it by pointing their warranty tab at this tag and can
+     * keep the original panel untouched for as long as they like.
+     */
+    interface VehicleWarrantyTimeline {
+        "baseUrl"?: string;
+        /**
+          * @default false
+         */
+        "coreOnly"?: boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation"?: boolean;
+        "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
+        /**
+          * @default {}
+         */
+        "headers"?: object;
+        "isDev"?: boolean;
+        /**
+          * @default 'en'
+         */
+        "language"?: LanguageKeys;
+        "loadedResponse"?: BlazorInvokableFunction<(response: VehicleLookupDTO) => void>;
+        "loadingStateChange"?: BlazorInvokableFunction<(isLoading: boolean) => void>;
+        /**
+          * @default ''
+         */
+        "queryString"?: string;
+    }
     interface VinExtractor {
         /**
           * @default false
@@ -3134,6 +3515,32 @@ declare namespace LocalJSX {
         "verbose"?: boolean;
     }
 
+    interface BranchSlotDropdownAttributes {
+        "name": string;
+        "isOpen": boolean;
+        "direction": string;
+        "status": 'idle' | 'loading' | 'ready' | 'empty' | 'error';
+        "activeDate": string;
+        "selectedRaw": string;
+        "idleText": string;
+    }
+    interface BranchSlotPickerAttributes {
+        "name": string;
+        "calendarApi": string;
+        "companyId": string;
+        "branchId": string;
+        "departmentId": string;
+        "brandId": string;
+        "daysAhead": number;
+        "gap": number;
+        "label": string;
+        "wrapperId": string;
+        "wrapperClass": string;
+        "isRequired": boolean;
+        "isDisabled": boolean;
+        "language": LanguageKeys;
+        "defaultValue": string;
+    }
     interface DeadStockLookupAttributes {
         "language": LanguageKeys;
         "coreOnly": boolean;
@@ -3665,6 +4072,17 @@ declare namespace LocalJSX {
         "customerPhone": string;
         "customerEmail": string;
     }
+    interface VehicleWarrantyTimelineAttributes {
+        "language": LanguageKeys;
+        "coreOnly": boolean;
+        "isDev": boolean;
+        "disableVinValidation": boolean;
+        "baseUrl": string;
+        "queryString": string;
+        "errorCallback": BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
+        "loadingStateChange": BlazorInvokableFunction<(isLoading: boolean) => void>;
+        "loadedResponse": BlazorInvokableFunction<(response: VehicleLookupDTO) => void>;
+    }
     interface VinExtractorAttributes {
         "title": string;
         "captureInterval": number;
@@ -3685,6 +4103,8 @@ declare namespace LocalJSX {
     }
 
     interface IntrinsicElements {
+        "branch-slot-dropdown": Omit<BranchSlotDropdown, keyof BranchSlotDropdownAttributes> & { [K in keyof BranchSlotDropdown & keyof BranchSlotDropdownAttributes]?: BranchSlotDropdown[K] } & { [K in keyof BranchSlotDropdown & keyof BranchSlotDropdownAttributes as `attr:${K}`]?: BranchSlotDropdownAttributes[K] } & { [K in keyof BranchSlotDropdown & keyof BranchSlotDropdownAttributes as `prop:${K}`]?: BranchSlotDropdown[K] };
+        "branch-slot-picker": Omit<BranchSlotPicker, keyof BranchSlotPickerAttributes> & { [K in keyof BranchSlotPicker & keyof BranchSlotPickerAttributes]?: BranchSlotPicker[K] } & { [K in keyof BranchSlotPicker & keyof BranchSlotPickerAttributes as `attr:${K}`]?: BranchSlotPickerAttributes[K] } & { [K in keyof BranchSlotPicker & keyof BranchSlotPickerAttributes as `prop:${K}`]?: BranchSlotPicker[K] };
         "dead-stock-lookup": Omit<DeadStockLookup, keyof DeadStockLookupAttributes> & { [K in keyof DeadStockLookup & keyof DeadStockLookupAttributes]?: DeadStockLookup[K] } & { [K in keyof DeadStockLookup & keyof DeadStockLookupAttributes as `attr:${K}`]?: DeadStockLookupAttributes[K] } & { [K in keyof DeadStockLookup & keyof DeadStockLookupAttributes as `prop:${K}`]?: DeadStockLookup[K] };
         "distributor-lookup": Omit<DistributorLookup, keyof DistributorLookupAttributes> & { [K in keyof DistributorLookup & keyof DistributorLookupAttributes]?: DistributorLookup[K] } & { [K in keyof DistributorLookup & keyof DistributorLookupAttributes as `attr:${K}`]?: DistributorLookupAttributes[K] } & { [K in keyof DistributorLookup & keyof DistributorLookupAttributes as `prop:${K}`]?: DistributorLookup[K] };
         "flexible-container": Omit<FlexibleContainer, keyof FlexibleContainerAttributes> & { [K in keyof FlexibleContainer & keyof FlexibleContainerAttributes]?: FlexibleContainer[K] } & { [K in keyof FlexibleContainer & keyof FlexibleContainerAttributes as `attr:${K}`]?: FlexibleContainerAttributes[K] } & { [K in keyof FlexibleContainer & keyof FlexibleContainerAttributes as `prop:${K}`]?: FlexibleContainer[K] };
@@ -3737,6 +4157,7 @@ declare namespace LocalJSX {
         "vehicle-service-history": Omit<VehicleServiceHistory, keyof VehicleServiceHistoryAttributes> & { [K in keyof VehicleServiceHistory & keyof VehicleServiceHistoryAttributes]?: VehicleServiceHistory[K] } & { [K in keyof VehicleServiceHistory & keyof VehicleServiceHistoryAttributes as `attr:${K}`]?: VehicleServiceHistoryAttributes[K] } & { [K in keyof VehicleServiceHistory & keyof VehicleServiceHistoryAttributes as `prop:${K}`]?: VehicleServiceHistory[K] };
         "vehicle-specification": Omit<VehicleSpecification, keyof VehicleSpecificationAttributes> & { [K in keyof VehicleSpecification & keyof VehicleSpecificationAttributes]?: VehicleSpecification[K] } & { [K in keyof VehicleSpecification & keyof VehicleSpecificationAttributes as `attr:${K}`]?: VehicleSpecificationAttributes[K] } & { [K in keyof VehicleSpecification & keyof VehicleSpecificationAttributes as `prop:${K}`]?: VehicleSpecification[K] };
         "vehicle-warranty-details": Omit<VehicleWarrantyDetails, keyof VehicleWarrantyDetailsAttributes> & { [K in keyof VehicleWarrantyDetails & keyof VehicleWarrantyDetailsAttributes]?: VehicleWarrantyDetails[K] } & { [K in keyof VehicleWarrantyDetails & keyof VehicleWarrantyDetailsAttributes as `attr:${K}`]?: VehicleWarrantyDetailsAttributes[K] } & { [K in keyof VehicleWarrantyDetails & keyof VehicleWarrantyDetailsAttributes as `prop:${K}`]?: VehicleWarrantyDetails[K] };
+        "vehicle-warranty-timeline": Omit<VehicleWarrantyTimeline, keyof VehicleWarrantyTimelineAttributes> & { [K in keyof VehicleWarrantyTimeline & keyof VehicleWarrantyTimelineAttributes]?: VehicleWarrantyTimeline[K] } & { [K in keyof VehicleWarrantyTimeline & keyof VehicleWarrantyTimelineAttributes as `attr:${K}`]?: VehicleWarrantyTimelineAttributes[K] } & { [K in keyof VehicleWarrantyTimeline & keyof VehicleWarrantyTimelineAttributes as `prop:${K}`]?: VehicleWarrantyTimeline[K] };
         "vin-extractor": Omit<VinExtractor, keyof VinExtractorAttributes> & { [K in keyof VinExtractor & keyof VinExtractorAttributes]?: VinExtractor[K] } & { [K in keyof VinExtractor & keyof VinExtractorAttributes as `attr:${K}`]?: VinExtractorAttributes[K] } & { [K in keyof VinExtractor & keyof VinExtractorAttributes as `prop:${K}`]?: VinExtractor[K] };
     }
 }
@@ -3744,6 +4165,24 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            /**
+             * Panel half of `branch-slot-picker`.
+             * Mounted on `document.body` by `shift-portal` and positioned through the
+             * `--branch-slot-*` variables the picker sets — the same split `shift-select` /
+             * `shift-select-dropdown` use, so the panel escapes any `overflow: hidden` or
+             * stacking context the form puts around the field.
+             */
+            "branch-slot-dropdown": LocalJSX.IntrinsicElements["branch-slot-dropdown"] & JSXBase.HTMLAttributes<HTMLBranchSlotDropdownElement>;
+            /**
+             * Branch-aware booking slot field.
+             * Presents as a normal dropdown — the same `form-input-select` trigger as every
+             * other select in the form — and portals its panel onto `document.body` through
+             * `shift-portal`, exactly as `shift-select` does.
+             * Standalone by design: `form` is optional. Drop `<branch-slot-picker>` on any
+             * page, in a PWA or in a native WebView, give it the four ids, and listen to
+             * `slotChange`.
+             */
+            "branch-slot-picker": LocalJSX.IntrinsicElements["branch-slot-picker"] & JSXBase.HTMLAttributes<HTMLBranchSlotPickerElement>;
             "dead-stock-lookup": LocalJSX.IntrinsicElements["dead-stock-lookup"] & JSXBase.HTMLAttributes<HTMLDeadStockLookupElement>;
             "distributor-lookup": LocalJSX.IntrinsicElements["distributor-lookup"] & JSXBase.HTMLAttributes<HTMLDistributorLookupElement>;
             "flexible-container": LocalJSX.IntrinsicElements["flexible-container"] & JSXBase.HTMLAttributes<HTMLFlexibleContainerElement>;
@@ -3796,6 +4235,15 @@ declare module "@stencil/core" {
             "vehicle-service-history": LocalJSX.IntrinsicElements["vehicle-service-history"] & JSXBase.HTMLAttributes<HTMLVehicleServiceHistoryElement>;
             "vehicle-specification": LocalJSX.IntrinsicElements["vehicle-specification"] & JSXBase.HTMLAttributes<HTMLVehicleSpecificationElement>;
             "vehicle-warranty-details": LocalJSX.IntrinsicElements["vehicle-warranty-details"] & JSXBase.HTMLAttributes<HTMLVehicleWarrantyDetailsElement>;
+            /**
+             * Warranty coverage as a single dated rail: the standard warranty followed by every
+             * extended coverage in sequence.
+             * Deliberately separate from `vehicle-warranty-details` rather than a mode of it. This
+             * panel shows warranty and nothing else — no campaign table, no reCAPTCHA, no unauthorized
+             * campaign lookup — so hosts adopt it by pointing their warranty tab at this tag and can
+             * keep the original panel untouched for as long as they like.
+             */
+            "vehicle-warranty-timeline": LocalJSX.IntrinsicElements["vehicle-warranty-timeline"] & JSXBase.HTMLAttributes<HTMLVehicleWarrantyTimelineElement>;
             "vin-extractor": LocalJSX.IntrinsicElements["vin-extractor"] & JSXBase.HTMLAttributes<HTMLVinExtractorElement>;
         }
     }

package/dist/types/features/multi-lingual/types.d.ts

@@ -17,8 +17,8 @@ export declare const sharedLocalesSchema: import("yup").ObjectSchema<{
         requestFailedPleaseTryAgainLater?: string;
     };
 } & {
-    lang: string;
     direction: string;
+    lang: string;
     language: string;
     noData: string;
 }, import("yup").AnyObject, {
@@ -34,8 +34,8 @@ export declare const sharedLocalesSchema: import("yup").ObjectSchema<{
         wildCard: undefined;
         requestFailedPleaseTryAgainLater: undefined;
     };
-    lang: undefined;
     direction: undefined;
+    lang: undefined;
     language: undefined;
     noData: undefined;
 }, "">;
@@ -44,8 +44,8 @@ export type ComponentLocale<T extends AnyObjectSchema> = {
     sharedLocales?: SharedLocales;
 } & InferType<T>;
 export declare const sharedFormLocalesSchema: import("yup").ObjectSchema<{
-    lang: string;
     direction: string;
+    lang: string;
     language: string;
     noData: string;
     errors: {
@@ -68,8 +68,8 @@ export declare const sharedFormLocalesSchema: import("yup").ObjectSchema<{
     wildCard: string;
     requestFailedPleaseTryAgainLater: string;
 }, import("yup").AnyObject, {
-    lang: undefined;
     direction: undefined;
+    lang: undefined;
     language: undefined;
     noData: undefined;
     errors: {

package/dist/types/global/types/generated/vehicle-lookup/vehicle-extended-warranty-dto.d.ts

@@ -0,0 +1,9 @@
+export type VehicleExtendedWarrantyDTO = {
+    id: string;
+    name?: string;
+    providerCompanyID: string;
+    providerCompanyLogo?: string;
+    providerCompanyName?: string;
+    startDate?: string;
+    endDate?: string;
+};

package/dist/types/global/types/generated/vehicle-lookup/vehicle-warranty-dto.d.ts

@@ -1,12 +1,16 @@
+import type { VehicleExtendedWarrantyDTO } from './vehicle-extended-warranty-dto';
 export type VehicleWarrantyDTO = {
     hasActiveWarranty: boolean;
     warrantyStartDate?: string;
     warrantyEndDate?: string;
+    startState: 'Started' | 'AwaitingBrokerInvoice' | 'AwaitingEndCustomerSale' | 'AwaitingActivation';
+    activatedByBrokerName?: string;
     activationIsRequired: boolean;
     activationStatus: 'NotRequired' | 'Required' | 'BlockedNotAllocated';
     hasExtendedWarranty: boolean;
     extendedWarrantyStartDate?: string;
     extendedWarrantyEndDate?: string;
+    extendedWarranties: VehicleExtendedWarrantyDTO[];
     freeServiceStartDate?: string;
     deFactoServiceStartDate?: string;
 };

package/dist/types/locale-mapper.d.ts

@@ -13,13 +13,14 @@ declare const localeMapper: {
     readonly "partLookup.distributor": readonly ["locales/partLookup/distributor/"];
     readonly "partLookup.manufacturer": readonly ["locales/partLookup/manufacturer/"];
     readonly "vehicleLookup.accessories": readonly ["locales/vehicleLookup/accessories/"];
-    readonly vehicleLookup: readonly ["locales/vehicleLookup/accessories/", "locales/vehicleLookup/claimableItems/", "locales/vehicleLookup/paintThickness/", "locales/vehicleLookup/saleInformation/", "locales/vehicleLookup/serviceHistory/", "locales/vehicleLookup/specification/", "locales/vehicleLookup/warranty/"];
+    readonly vehicleLookup: readonly ["locales/vehicleLookup/accessories/", "locales/vehicleLookup/claimableItems/", "locales/vehicleLookup/paintThickness/", "locales/vehicleLookup/saleInformation/", "locales/vehicleLookup/serviceHistory/", "locales/vehicleLookup/specification/", "locales/vehicleLookup/warranty/", "locales/vehicleLookup/warrantyTimeline/"];
     readonly "vehicleLookup.claimableItems": readonly ["locales/vehicleLookup/claimableItems/"];
     readonly "vehicleLookup.paintThickness": readonly ["locales/vehicleLookup/paintThickness/"];
     readonly "vehicleLookup.serviceHistory": readonly ["locales/vehicleLookup/serviceHistory/"];
     readonly "vehicleLookup.saleInformation": readonly ["locales/vehicleLookup/saleInformation/"];
     readonly "vehicleLookup.specification": readonly ["locales/vehicleLookup/specification/"];
     readonly "vehicleLookup.warranty": readonly ["locales/vehicleLookup/warranty/"];
+    readonly "vehicleLookup.warrantyTimeline": readonly ["locales/vehicleLookup/warrantyTimeline/"];
     readonly "forms*": readonly ["locales/forms/"];
 };
 export default localeMapper;