adp-web-components 0.3.13 → 0.3.15

package/dist/types/components/form-elements/branch-slot-dropdown.d.ts

@@ -0,0 +1,48 @@
+/** One day, already de-duplicated and sorted by the picker. */
+export interface BranchSlotDay {
+    date: string;
+    times: string[];
+}
+export interface BranchSlotDropdownCopy {
+    day: string;
+    time: string;
+    days: string;
+    slots: string;
+    empty: string;
+    error: string;
+    retry: string;
+}
+/**
+ * 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.
+ */
+export declare class BranchSlotDropdown {
+    name?: string;
+    isOpen: boolean;
+    direction: string;
+    status: 'idle' | 'loading' | 'ready' | 'empty' | 'error';
+    days: BranchSlotDay[];
+    activeDate: string;
+    selectedRaw: string;
+    idleText?: string;
+    copy: BranchSlotDropdownCopy;
+    formatDay: (date: string, options: Intl.DateTimeFormatOptions) => string;
+    displayTime: (raw: string) => string;
+    handleDay: (date: string) => void;
+    handleTime: (raw: string) => void;
+    handleRetry: () => void;
+    /** Tapping the sheet scrim. Unused above 600px, where the scrim is hidden. */
+    handleDismiss?: () => void;
+    setElementRef?: (el: HTMLElement | null) => void;
+    private containerEl;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private renderMessage;
+    private renderSkeleton;
+    private renderSlots;
+    render(): any;
+}

package/dist/types/components/form-elements/branch-slot-picker.d.ts

@@ -0,0 +1,128 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { FormHook } from "../../features/form-hook/form-hook";
+import { FormElement, FormInputLocalization } from "../../features/form-hook/index";
+import { LanguageKeys } from "../../features/multi-lingual/index";
+import { BranchSlotDay } from './branch-slot-dropdown';
+export interface BranchSlotSelection {
+    /** `2026-08-13` */
+    date: string;
+    /** Exactly what the API sent, e.g. `2026-08-13 09:00 AM`. */
+    raw: string;
+    /** `2026-08-13T09:00` — what goes on the wire to the ticket. */
+    value: string;
+}
+type 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`.
+ */
+export declare class BranchSlotPicker implements FormElement {
+    /** Field name. Only meaningful when `form` is supplied. */
+    name: string;
+    /** Optional — omit for standalone use and listen to `slotChange` instead. */
+    form?: FormHook<any>;
+    /** 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;
+    branchId: string;
+    departmentId: string;
+    brandId: string;
+    /** How far ahead to ask. The endpoint caps its own response at 15 days. */
+    daysAhead: number;
+    /** Gap between the trigger and the panel, matching shift-select's default. */
+    gap: number;
+    label?: string;
+    wrapperId: string;
+    wrapperClass: string;
+    isRequired: boolean;
+    isDisabled: boolean;
+    language: LanguageKeys;
+    localization?: FormInputLocalization;
+    /** Preselects a slot, in the same `YYYY-MM-DDTHH:mm` form the field emits. */
+    defaultValue?: string;
+    status: Status;
+    days: BranchSlotDay[];
+    selectedDate: string;
+    selectedRaw: string;
+    isOpen: boolean;
+    dropdownAncestorClasses: string;
+    /**
+     * The day being browsed in the panel. Kept apart from `selectedDate` so that
+     * opening the panel, scrubbing through days and then dismissing it leaves the
+     * committed selection untouched.
+     */
+    draftDate: string;
+    /** Fires on every confirmed day+time selection. The standalone contract. */
+    slotChange: EventEmitter<BranchSlotSelection>;
+    el: HTMLElement;
+    private abortController?;
+    private dropdownEl;
+    private lockedScrollY;
+    private boundKeyDown;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    onOpenChange(isOpen: boolean): void;
+    /**
+     * Pinning the body position rather than just hiding overflow: on iOS,
+     * `overflow: hidden` alone still lets the page rubber-band behind the sheet.
+     */
+    private lockScroll;
+    private releaseScroll;
+    onTargetChange(): void;
+    /** FormElement contract. */
+    reset(newValue?: unknown): void;
+    getValue(): string;
+    /** Lets a host force a refetch, e.g. after a token refresh. */
+    refresh(): Promise<void>;
+    openDropdown(): Promise<void>;
+    closeDropdown(): Promise<void>;
+    private get isRtl();
+    private get copy();
+    private get intlLocales();
+    private pad;
+    /** `2026-08-13 09:00 AM` → minutes since midnight. */
+    private minutesOf;
+    private toFormValue;
+    private displayTime;
+    private formatDay;
+    private queryUrl;
+    /**
+     * Overlapping work periods of equal priority make the endpoint emit the same
+     * slot more than once (branch 45 returns every time twice), and a merged
+     * response is not necessarily ordered. Both are fixed here rather than in the
+     * panel, so anything reading `days` gets clean data.
+     */
+    private normalise;
+    private load;
+    private setDropdownRef;
+    private getTriggerEl;
+    private isTriggerInView;
+    /**
+     * Below this width the panel is a bottom sheet pinned to the viewport, so it
+     * is not anchored to anything and none of the positioning below applies. Kept
+     * in sync with the media query in branch-slot-dropdown.css.
+     */
+    private get isSheet();
+    /** Mirrors shift-select: anchor to the trigger, flip up when space is short. */
+    private adjustDropdownPosition;
+    private handleResize;
+    private handleScroll;
+    private handleKeyDown;
+    private closeOnOutsideClick;
+    private toggle;
+    private handleDay;
+    private handleTime;
+    /** What the trigger shows: the committed slot, or why it cannot be opened. */
+    private triggerText;
+    render(): any;
+}
+export {};

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

@@ -48,6 +48,7 @@ export declare class FormFile implements FormElement {
     private syncValue;
     private requestSignedUpload;
     private uploadToSignedUrl;
+    private uploadWithRetry;
     private handleFileChange;
     validate: () => AnyObjectSchema;
     render(): any;

package/dist/types/components/forms/defaults/mappers.d.ts

@@ -62,6 +62,22 @@ export declare const getFormMappers: (extraMappers?: Record<string, (prop: any)
     date: ({ props }: {
         props: any;
     }) => any;
+    /**
+     * Branch-aware booking slot. Unlike `time` below — which builds a fixed ladder
+     * from min/max/span and is therefore identical at every branch on every day —
+     * this asks the branch's own calendar what is actually open.
+     *
+     * The branch comes from the `companyBranchId` field's selected option, whose
+     * `meta` is the whole branch record, so company / department / brand need no
+     * extra configuration. Department resolves against the branch's own list
+     * rather than being hardcoded: asking a branch for a department it does not
+     * have returns an empty calendar.
+     */
+    bookingSlot: ({ form, language, props }: {
+        form: any;
+        language: any;
+        props: any;
+    }) => any;
     time: ({ language, props }: {
         language: any;
         props: any;

package/dist/types/components/forms/defaults/validation.d.ts

@@ -5,6 +5,7 @@ export declare const format: (name: string) => string;
 export declare const require: (name: string) => string;
 export declare const size: (name: string) => string;
 export declare const max: (name: string) => string;
+export declare const upload: (name: string) => string;
 export declare const placeholder: (name: string) => string;
 export declare const meta: (name: any) => FormInputMeta;
 export declare const condition: (name: string) => string;
@@ -17,6 +18,7 @@ export declare const y: {
     meta: (name: any) => FormInputMeta;
     size: (name: string) => string;
     max: (name: string) => string;
+    upload: (name: string) => string;
 };
 export declare const getFormValidations: (extraFields?: Record<string, Schema>) => import("yup").ObjectSchema<{
     name: string;

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

@@ -0,0 +1,13 @@
+import { InferType } from 'yup';
+import warrantyTimelineSchema from "../../../locales/vehicleLookup/warrantyTimeline/type";
+import { VehicleLookupDTO } from "../../../global/types/generated/vehicle-lookup/vehicle-lookup-dto";
+type TimelineLocale = InferType<typeof warrantyTimelineSchema>;
+type Props = {
+    isAuthorized: boolean;
+    locale: TimelineLocale;
+    vehicleInformation?: VehicleLookupDTO;
+    /** Overrides the snapshot date. Supplied by tests so rendered positions are deterministic. */
+    today?: string;
+};
+export default function CoverageTimeline({ vehicleInformation, locale, isAuthorized, today }: Props): any;
+export {};

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

@@ -5,6 +5,7 @@ import { VehicleClaimableItems } from './vehicle-claimable-items';
 import { VehiclePaintThickness } from './vehicle-paint-thickness';
 import { VehicleServiceHistory } from './vehicle-service-history';
 import { VehicleWarrantyDetails } from './vehicle-warranty-details';
+import { VehicleWarrantyTimeline } from './vehicle-warranty-timeline';
 import { VehicleSaleInformation } from './vehicle-sale-information';
 import { DotNetObjectReference } from "../../features/blazor-ref/index";
 import { LanguageKeys, MultiLingual, SharedLocales } from "../../features/multi-lingual/index";
@@ -16,6 +17,7 @@ declare const componentTags: {
     readonly vehicleClaimableItems: "vehicle-claimable-items";
     readonly vehicleSaleInformation: "vehicle-sale-information";
     readonly vehicleWarrantyDetails: "vehicle-warranty-details";
+    readonly vehicleWarrantyTimeline: "vehicle-warranty-timeline";
     readonly vehicleSsc: "vehicle-ssc";
 };
 export type ComponentMap = {
@@ -26,6 +28,7 @@ export type ComponentMap = {
     [componentTags.vehicleClaimableItems]: VehicleClaimableItems;
     [componentTags.vehicleSaleInformation]: VehicleSaleInformation;
     [componentTags.vehicleWarrantyDetails]: VehicleWarrantyDetails;
+    [componentTags.vehicleWarrantyTimeline]: VehicleWarrantyTimeline;
     [componentTags.vehicleSsc]?: VehicleWarrantyDetails;
 };
 export type ActiveElement = (typeof componentTags)[keyof typeof componentTags] | '';

package/dist/types/components/vehicle-lookup/vehicle-warranty-timeline.d.ts

@@ -0,0 +1,46 @@
+import { VehicleLookupDTO } from "../../global/types/generated/vehicle-lookup/vehicle-lookup-dto";
+import warrantyTimelineSchema from "../../locales/vehicleLookup/warrantyTimeline/type";
+import { VehicleInfoLayoutInterface } from "../../features/vehicle-info-layout/index";
+import { BlazorInvokable, DotNetObjectReference, BlazorInvokableFunction } from "../../features/blazor-ref/index";
+import { VehicleLookupComponent, VehicleLookupMock } from "../../features/vehicle-lookup-component/index";
+import { ComponentLocale, ErrorKeys, LanguageKeys, MultiLingual } from "../../features/multi-lingual/index";
+/**
+ * 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.
+ */
+export declare class VehicleWarrantyTimeline implements MultiLingual, VehicleInfoLayoutInterface, VehicleLookupComponent, BlazorInvokable {
+    language: LanguageKeys;
+    locale: ComponentLocale<typeof warrantyTimelineSchema>;
+    componentWillLoad(): Promise<void>;
+    changeLanguage(newLanguage: LanguageKeys): Promise<void>;
+    coreOnly: boolean;
+    blazorRef?: DotNetObjectReference;
+    setBlazorRef(newBlazorRef: DotNetObjectReference): Promise<void>;
+    isDev: boolean;
+    disableVinValidation: boolean;
+    baseUrl: string;
+    headers: object;
+    queryString: string;
+    errorCallback?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
+    loadingStateChange?: BlazorInvokableFunction<(isLoading: boolean) => void>;
+    loadedResponse?: BlazorInvokableFunction<(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>;
+    fetchVin(newData: VehicleLookupDTO | string, headers?: any): Promise<void>;
+    setErrorMessage(message: ErrorKeys): Promise<void>;
+    clearData(): Promise<void>;
+    onLoadingChange(newValue: boolean): void;
+    render(): any;
+}