adp-web-components 0.1.57 → 0.1.59

package/dist/types/components/form-elements/form-date-picker-legacy.d.ts

@@ -0,0 +1,44 @@
+import { FormHook } from "../../features/form-hook/form-hook";
+import { FormElement } from "../../features/form-hook/interface";
+export declare class FormDatePicker implements FormElement {
+    name: string;
+    wrapperId: string;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    form: FormHook<any>;
+    wrapperClass: string;
+    staticValue?: string;
+    defaultValue?: string;
+    language?: string;
+    minDate?: string;
+    maxDate?: string;
+    disabledDates?: (date: Date) => boolean;
+    firstDayOfWeek?: number;
+    isOpen: boolean;
+    selectedValue: string;
+    viewYear: number;
+    viewMonth: number;
+    openUpwards: boolean;
+    el: HTMLElement;
+    componentWillLoad(): Promise<void>;
+    onStaticValueChange(newStaticValue?: string): Promise<void>;
+    componentDidLoad(): Promise<void>;
+    disconnectedCallback(): Promise<void>;
+    reset(newValue?: string): void;
+    handleOutsideClick: (event: MouseEvent) => void;
+    handleKeyDown: (event: KeyboardEvent) => void;
+    toggleDropdown: () => void;
+    adjustDropdownPosition(): void;
+    private toDateString;
+    private isDateDisabled;
+    private getCalendarDays;
+    private getWeekDayNames;
+    private getMonthYearTitle;
+    private formatDisplayValue;
+    private canGoPrev;
+    private canGoNext;
+    selectDate: (year: number, month: number, day: number) => void;
+    prevMonth: () => void;
+    nextMonth: () => void;
+    render(): any;
+}

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

@@ -12,6 +12,10 @@ export declare class FormInput implements FormElement {
     inputProps?: any;
     type?: HTMLInputElement['type'];
     defaultValue: string;
+    formatter?: (value: string) => string;
+    icon?: any;
+    iconAction?: () => void;
+    iconPosition?: 'start' | 'end';
     prefixWidth: number;
     el: HTMLElement;
     private inputRef;
@@ -20,5 +24,6 @@ export declare class FormInput implements FormElement {
     componentDidLoad(): Promise<void>;
     disconnectedCallback(): Promise<void>;
     reset(newValue?: string): void;
+    onInputChange: (event: InputEvent) => void;
     render(): any;
 }

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

@@ -0,0 +1,36 @@
+import { FormHook } from "../../features/form-hook/form-hook";
+import { FormElement } from "../../features/form-hook/interface";
+import { DateTypes } from "../../global/lib/decode-time-offset";
+export declare class FormPickerInput implements FormElement {
+    name: string;
+    format?: string;
+    wrapperId: string;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    form: FormHook<any>;
+    inputPrefix: string;
+    wrapperClass: string;
+    staticValue?: string;
+    inputProps?: any;
+    max?: string | number[];
+    min?: string | number[];
+    type?: DateTypes;
+    defaultValue: string;
+    formatter?: (value: string) => string;
+    icon?: any;
+    iconAction?: () => void;
+    iconPosition?: 'start' | 'end';
+    prefixWidth: number;
+    displayedValue?: string;
+    el: HTMLElement;
+    private inputRef;
+    componentWillLoad(): Promise<void>;
+    onStaticValueChange(newStaticValue?: string, notInitialLoad?: boolean): Promise<void>;
+    componentDidLoad(): Promise<void>;
+    disconnectedCallback(): Promise<void>;
+    updateDisplayValue: () => void;
+    reset(newValue?: string): void;
+    onInputChange: (event: InputEvent) => void;
+    onInputClick: () => void;
+    render(): any;
+}

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

@@ -3,6 +3,7 @@ export declare class FormInput {
     name: string;
     value: string;
     form: FormHook<any>;
+    type?: string;
     handleNameChange(newName: string): Promise<void>;
     handleValueChange(newValue: string): Promise<void>;
     render(): any;

package/dist/types/components/form-elements/form-time-picker-legacy.d.ts

@@ -0,0 +1,38 @@
+import { FormHook } from "../../features/form-hook/form-hook";
+import { FormElement } from "../../features/form-hook/interface";
+export declare class FormTimePicker implements FormElement {
+    name: string;
+    wrapperId: string;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    form: FormHook<any>;
+    wrapperClass: string;
+    staticValue?: string;
+    defaultValue?: string;
+    minTime?: string;
+    maxTime?: string;
+    minuteStep?: number;
+    isOpen: boolean;
+    selectedValue: string;
+    openUpwards: boolean;
+    el: HTMLElement;
+    componentWillLoad(): Promise<void>;
+    onStaticValueChange(newStaticValue?: string): Promise<void>;
+    componentDidLoad(): Promise<void>;
+    disconnectedCallback(): Promise<void>;
+    reset(newValue?: string): void;
+    handleOutsideClick: (event: MouseEvent) => void;
+    handleKeyDown: (event: KeyboardEvent) => void;
+    toggleDropdown: () => void;
+    adjustDropdownPosition(): void;
+    private scrollToSelected;
+    private toTimeMinutes;
+    private isHourDisabled;
+    private isMinuteDisabled;
+    private getSelectedHour;
+    private getSelectedMinute;
+    private formatTime;
+    selectHour: (hour: number) => void;
+    selectMinute: (minute: number) => void;
+    render(): any;
+}

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

@@ -13,7 +13,7 @@ export declare class FormVinInput implements FormElement {
     defaultValue: string;
     useOcr?: boolean;
     readSticker?: boolean;
-    scannerIcon?: '' | 'qr-code';
+    scannerIcon?: '' | 'qr-code' | 'camera';
     prefixWidth: number;
     el: HTMLElement;
     private inputRef;

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

@@ -17,8 +17,28 @@ export declare const getDefaultMappers: (stateObject: Record<string, any>) => {
     vin: ({ props }: {
         props: any;
     }) => any;
+    vehicleImage: ({ form }: {
+        form: any;
+    }) => any;
     phone: ({ props, isLoading }: {
         props: any;
         isLoading: any;
     }) => any;
+    vehicle: ({ form, language, props }: {
+        form: any;
+        language: any;
+        props: any;
+    }) => any;
+    companyBranchId: ({ form, language, props }: {
+        form: any;
+        language: any;
+        props: any;
+    }) => any;
+    date: ({ props }: {
+        props: any;
+    }) => any;
+    time: ({ language, props }: {
+        language: any;
+        props: any;
+    }) => any;
 };

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

@@ -10,11 +10,15 @@ export declare const y: {
     condition: (name: string) => string;
     placeholder: (name: string) => string;
 };
-export declare const getDefaultValidaations: (stateObject: Record<string, any>) => {
+export declare const getDefaultValidations: (stateObject: Record<string, any>) => {
     name: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
     lastName: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
     message: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
     email: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
     vin: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
     phone: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
+    vehicle: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
+    companyBranchId: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
+    date: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
+    time: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
 };

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

@@ -1,8 +1,6 @@
-import { serviceBookingElementNames } from './service-booking/element-mapper';
-import { ServiceBooking } from './service-booking/validations';
-import { FormHook, FormHookInterface, FormElementStructure } from "../../features/form-hook/index";
+import { FormElementStructure, FormHook, FormHookInterface } from "../../features/form-hook/index";
 import { GeneralFormLocal, LanguageKeys, MultiLingual } from "../../features/multi-lingual/index";
-export declare class ServiceBookingForm implements FormHookInterface<ServiceBooking>, MultiLingual {
+export declare class ServiceBookingForm implements FormHookInterface<any>, MultiLingual {
     language: LanguageKeys;
     locale: GeneralFormLocal;
     changeLanguage(newLanguage: LanguageKeys): Promise<void>;
@@ -16,14 +14,14 @@ export declare class ServiceBookingForm implements FormHookInterface<ServiceBook
     loadingChanges: (loading: boolean) => void;
     errorCallback: (error: any, message: string) => void;
     successCallback: (data: any, message?: string) => void;
-    structure: FormElementStructure<serviceBookingElementNames> | undefined;
+    structure: FormElementStructure<any> | undefined;
     fields?: object;
     el: HTMLElement;
     setIsLoading(isLoading: boolean): void;
     setErrorCallback(error: any): void;
     setSuccessCallback(data: any): void;
     componentWillLoad(): Promise<void>;
-    formSubmit(formValues: ServiceBooking): Promise<void>;
+    formSubmit(formValues: any): Promise<void>;
     componentDidLoad(): Promise<void>;
     getForm(): Promise<FormHook<any>>;
     submit(): Promise<void>;
@@ -36,6 +34,6 @@ export declare class ServiceBookingForm implements FormHookInterface<ServiceBook
     disableScrollToTop?: boolean;
     isMobileForm: boolean;
     getMobileToken?: () => string;
-    form: FormHook<ServiceBooking>;
+    form: FormHook<any>;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -12,9 +12,9 @@ import { PartLookupDTO } from "./global/types/generated/part/part-lookup-dto";
 import { PartLookupMock } from "./features/part-lookup-components/index";
 import { FormElementMapper, FormElementStructure, FormHook, FormSelectFetcher, FormSelectItem, PhoneValidator } 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";
-import { serviceBookingElementNames } from "./components/forms/service-booking/element-mapper";
 import { AccordionItem } from "./components/components/shift-accordion";
 import { VehicleLookupDTO } from "./global/types/generated/vehicle-lookup/vehicle-lookup-dto";
 import { VehicleLookupMock } from "./features/vehicle-lookup-component/index";
@@ -31,9 +31,9 @@ export { PartLookupDTO } from "./global/types/generated/part/part-lookup-dto";
 export { PartLookupMock } from "./features/part-lookup-components/index";
 export { FormElementMapper, FormElementStructure, FormHook, FormSelectFetcher, FormSelectItem, PhoneValidator } 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";
-export { serviceBookingElementNames } from "./components/forms/service-booking/element-mapper";
 export { AccordionItem } from "./components/components/shift-accordion";
 export { VehicleLookupDTO } from "./global/types/generated/vehicle-lookup/vehicle-lookup-dto";
 export { VehicleLookupMock } from "./features/vehicle-lookup-component/index";
@@ -139,6 +139,27 @@ export namespace Components {
         "wrapperClass": string;
         "wrapperId": string;
     }
+    interface FormDatePicker {
+        "defaultValue"?: string;
+        "disabledDates"?: (date: Date) => boolean;
+        /**
+          * @default 0
+         */
+        "firstDayOfWeek"?: number;
+        "form": FormHook<any>;
+        "isDisabled"?: boolean;
+        "isLoading"?: boolean;
+        /**
+          * @default 'en'
+         */
+        "language"?: string;
+        "maxDate"?: string;
+        "minDate"?: string;
+        "name": string;
+        "staticValue"?: string;
+        "wrapperClass": string;
+        "wrapperId": string;
+    }
     interface FormDialog {
         "closeText": string;
         "dialogClosed": () => void;
@@ -149,6 +170,13 @@ export namespace Components {
     interface FormInput {
         "defaultValue": string;
         "form": FormHook<any>;
+        "formatter"?: (value: string) => string;
+        "icon"?: any;
+        "iconAction"?: () => void;
+        /**
+          * @default 'end'
+         */
+        "iconPosition"?: 'start' | 'end';
         "inputPrefix": string;
         /**
           * @default {}
@@ -178,6 +206,35 @@ export namespace Components {
         "wrapperClass": string;
         "wrapperId": string;
     }
+    interface FormPickerInput {
+        "defaultValue": string;
+        "form": FormHook<any>;
+        "format"?: string;
+        "formatter"?: (value: string) => string;
+        "icon"?: any;
+        "iconAction"?: () => void;
+        /**
+          * @default 'end'
+         */
+        "iconPosition"?: 'start' | 'end';
+        "inputPrefix": string;
+        /**
+          * @default {}
+         */
+        "inputProps"?: any;
+        "isDisabled"?: boolean;
+        "isLoading"?: boolean;
+        "max"?: string | number[];
+        "min"?: string | number[];
+        "name": string;
+        "staticValue"?: string;
+        /**
+          * @default 'datetime-local'
+         */
+        "type"?: DateTypes;
+        "wrapperClass": string;
+        "wrapperId": string;
+    }
     interface FormSelect {
         /**
           * @default false
@@ -209,6 +266,10 @@ export namespace Components {
     interface FormShadowInput {
         "form": FormHook<any>;
         "name": string;
+        /**
+          * @default 'string'
+         */
+        "type"?: string;
         "value": string;
     }
     interface FormStructure {
@@ -268,6 +329,22 @@ export namespace Components {
         "wrapperClass": string;
         "wrapperId": string;
     }
+    interface FormTimePicker {
+        "defaultValue"?: string;
+        "form": FormHook<any>;
+        "isDisabled"?: boolean;
+        "isLoading"?: boolean;
+        "maxTime"?: string;
+        "minTime"?: string;
+        /**
+          * @default 1
+         */
+        "minuteStep"?: number;
+        "name": string;
+        "staticValue"?: string;
+        "wrapperClass": string;
+        "wrapperId": string;
+    }
     interface FormVinInput {
         "defaultValue": string;
         "form": FormHook<any>;
@@ -283,7 +360,7 @@ export namespace Components {
         /**
           * @default ''
          */
-        "scannerIcon"?: '' | 'qr-code';
+        "scannerIcon"?: '' | 'qr-code' | 'camera';
         "staticValue"?: string;
         "useOcr"?: boolean;
         "wrapperClass": string;
@@ -464,7 +541,7 @@ export namespace Components {
         "isMobileForm": boolean;
         "language": LanguageKeys;
         "loadingChanges": (loading: boolean) => void;
-        "structure": FormElementStructure<serviceBookingElementNames> | undefined;
+        "structure": FormElementStructure<any> | undefined;
         "structureUrl"?: string;
         "submit": () => Promise<void>;
         "successCallback": (data: any, message?: string) => void;
@@ -991,6 +1068,12 @@ declare global {
         prototype: HTMLFormCheckboxElement;
         new (): HTMLFormCheckboxElement;
     };
+    interface HTMLFormDatePickerElement extends Components.FormDatePicker, HTMLStencilElement {
+    }
+    var HTMLFormDatePickerElement: {
+        prototype: HTMLFormDatePickerElement;
+        new (): HTMLFormDatePickerElement;
+    };
     interface HTMLFormDialogElement extends Components.FormDialog, HTMLStencilElement {
     }
     var HTMLFormDialogElement: {
@@ -1009,6 +1092,12 @@ declare global {
         prototype: HTMLFormPhoneNumberElement;
         new (): HTMLFormPhoneNumberElement;
     };
+    interface HTMLFormPickerInputElement extends Components.FormPickerInput, HTMLStencilElement {
+    }
+    var HTMLFormPickerInputElement: {
+        prototype: HTMLFormPickerInputElement;
+        new (): HTMLFormPickerInputElement;
+    };
     interface HTMLFormSelectElement extends Components.FormSelect, HTMLStencilElement {
     }
     var HTMLFormSelectElement: {
@@ -1051,6 +1140,12 @@ declare global {
         prototype: HTMLFormTextAreaElement;
         new (): HTMLFormTextAreaElement;
     };
+    interface HTMLFormTimePickerElement extends Components.FormTimePicker, HTMLStencilElement {
+    }
+    var HTMLFormTimePickerElement: {
+        prototype: HTMLFormTimePickerElement;
+        new (): HTMLFormTimePickerElement;
+    };
     interface HTMLFormVinInputElement extends Components.FormVinInput, HTMLStencilElement {
     }
     var HTMLFormVinInputElement: {
@@ -1218,9 +1313,11 @@ declare global {
         "distributor-lookup": HTMLDistributorLookupElement;
         "flexible-container": HTMLFlexibleContainerElement;
         "form-checkbox": HTMLFormCheckboxElement;
+        "form-date-picker": HTMLFormDatePickerElement;
         "form-dialog": HTMLFormDialogElement;
         "form-input": HTMLFormInputElement;
         "form-phone-number": HTMLFormPhoneNumberElement;
+        "form-picker-input": HTMLFormPickerInputElement;
         "form-select": HTMLFormSelectElement;
         "form-shadow-input": HTMLFormShadowInputElement;
         "form-structure": HTMLFormStructureElement;
@@ -1228,6 +1325,7 @@ declare global {
         "form-submit": HTMLFormSubmitElement;
         "form-switch": HTMLFormSwitchElement;
         "form-text-area": HTMLFormTextAreaElement;
+        "form-time-picker": HTMLFormTimePickerElement;
         "form-vin-input": HTMLFormVinInputElement;
         "general-inquiry-form": HTMLGeneralInquiryFormElement;
         "information-table": HTMLInformationTableElement;
@@ -1340,6 +1438,27 @@ declare namespace LocalJSX {
         "wrapperClass"?: string;
         "wrapperId"?: string;
     }
+    interface FormDatePicker {
+        "defaultValue"?: string;
+        "disabledDates"?: (date: Date) => boolean;
+        /**
+          * @default 0
+         */
+        "firstDayOfWeek"?: number;
+        "form"?: FormHook<any>;
+        "isDisabled"?: boolean;
+        "isLoading"?: boolean;
+        /**
+          * @default 'en'
+         */
+        "language"?: string;
+        "maxDate"?: string;
+        "minDate"?: string;
+        "name"?: string;
+        "staticValue"?: string;
+        "wrapperClass"?: string;
+        "wrapperId"?: string;
+    }
     interface FormDialog {
         "closeText"?: string;
         "dialogClosed"?: () => void;
@@ -1350,6 +1469,13 @@ declare namespace LocalJSX {
     interface FormInput {
         "defaultValue"?: string;
         "form"?: FormHook<any>;
+        "formatter"?: (value: string) => string;
+        "icon"?: any;
+        "iconAction"?: () => void;
+        /**
+          * @default 'end'
+         */
+        "iconPosition"?: 'start' | 'end';
         "inputPrefix"?: string;
         /**
           * @default {}
@@ -1379,6 +1505,35 @@ declare namespace LocalJSX {
         "wrapperClass"?: string;
         "wrapperId"?: string;
     }
+    interface FormPickerInput {
+        "defaultValue"?: string;
+        "form"?: FormHook<any>;
+        "format"?: string;
+        "formatter"?: (value: string) => string;
+        "icon"?: any;
+        "iconAction"?: () => void;
+        /**
+          * @default 'end'
+         */
+        "iconPosition"?: 'start' | 'end';
+        "inputPrefix"?: string;
+        /**
+          * @default {}
+         */
+        "inputProps"?: any;
+        "isDisabled"?: boolean;
+        "isLoading"?: boolean;
+        "max"?: string | number[];
+        "min"?: string | number[];
+        "name"?: string;
+        "staticValue"?: string;
+        /**
+          * @default 'datetime-local'
+         */
+        "type"?: DateTypes;
+        "wrapperClass"?: string;
+        "wrapperId"?: string;
+    }
     interface FormSelect {
         /**
           * @default false
@@ -1410,6 +1565,10 @@ declare namespace LocalJSX {
     interface FormShadowInput {
         "form"?: FormHook<any>;
         "name"?: string;
+        /**
+          * @default 'string'
+         */
+        "type"?: string;
         "value"?: string;
     }
     interface FormStructure {
@@ -1469,6 +1628,22 @@ declare namespace LocalJSX {
         "wrapperClass"?: string;
         "wrapperId"?: string;
     }
+    interface FormTimePicker {
+        "defaultValue"?: string;
+        "form"?: FormHook<any>;
+        "isDisabled"?: boolean;
+        "isLoading"?: boolean;
+        "maxTime"?: string;
+        "minTime"?: string;
+        /**
+          * @default 1
+         */
+        "minuteStep"?: number;
+        "name"?: string;
+        "staticValue"?: string;
+        "wrapperClass"?: string;
+        "wrapperId"?: string;
+    }
     interface FormVinInput {
         "defaultValue"?: string;
         "form"?: FormHook<any>;
@@ -1484,7 +1659,7 @@ declare namespace LocalJSX {
         /**
           * @default ''
          */
-        "scannerIcon"?: '' | 'qr-code';
+        "scannerIcon"?: '' | 'qr-code' | 'camera';
         "staticValue"?: string;
         "useOcr"?: boolean;
         "wrapperClass"?: string;
@@ -1653,7 +1828,7 @@ declare namespace LocalJSX {
         "isMobileForm"?: boolean;
         "language"?: LanguageKeys;
         "loadingChanges"?: (loading: boolean) => void;
-        "structure"?: FormElementStructure<serviceBookingElementNames> | undefined;
+        "structure"?: FormElementStructure<any> | undefined;
         "structureUrl"?: string;
         "successCallback"?: (data: any, message?: string) => void;
         "theme"?: string;
@@ -2109,9 +2284,11 @@ declare namespace LocalJSX {
         "distributor-lookup": DistributorLookup;
         "flexible-container": FlexibleContainer;
         "form-checkbox": FormCheckbox;
+        "form-date-picker": FormDatePicker;
         "form-dialog": FormDialog;
         "form-input": FormInput;
         "form-phone-number": FormPhoneNumber;
+        "form-picker-input": FormPickerInput;
         "form-select": FormSelect;
         "form-shadow-input": FormShadowInput;
         "form-structure": FormStructure;
@@ -2119,6 +2296,7 @@ declare namespace LocalJSX {
         "form-submit": FormSubmit;
         "form-switch": FormSwitch;
         "form-text-area": FormTextArea;
+        "form-time-picker": FormTimePicker;
         "form-vin-input": FormVinInput;
         "general-inquiry-form": GeneralInquiryForm;
         "information-table": InformationTable;
@@ -2156,9 +2334,11 @@ declare module "@stencil/core" {
             "distributor-lookup": LocalJSX.DistributorLookup & JSXBase.HTMLAttributes<HTMLDistributorLookupElement>;
             "flexible-container": LocalJSX.FlexibleContainer & JSXBase.HTMLAttributes<HTMLFlexibleContainerElement>;
             "form-checkbox": LocalJSX.FormCheckbox & JSXBase.HTMLAttributes<HTMLFormCheckboxElement>;
+            "form-date-picker": LocalJSX.FormDatePicker & JSXBase.HTMLAttributes<HTMLFormDatePickerElement>;
             "form-dialog": LocalJSX.FormDialog & JSXBase.HTMLAttributes<HTMLFormDialogElement>;
             "form-input": LocalJSX.FormInput & JSXBase.HTMLAttributes<HTMLFormInputElement>;
             "form-phone-number": LocalJSX.FormPhoneNumber & JSXBase.HTMLAttributes<HTMLFormPhoneNumberElement>;
+            "form-picker-input": LocalJSX.FormPickerInput & JSXBase.HTMLAttributes<HTMLFormPickerInputElement>;
             "form-select": LocalJSX.FormSelect & JSXBase.HTMLAttributes<HTMLFormSelectElement>;
             "form-shadow-input": LocalJSX.FormShadowInput & JSXBase.HTMLAttributes<HTMLFormShadowInputElement>;
             "form-structure": LocalJSX.FormStructure & JSXBase.HTMLAttributes<HTMLFormStructureElement>;
@@ -2166,6 +2346,7 @@ declare module "@stencil/core" {
             "form-submit": LocalJSX.FormSubmit & JSXBase.HTMLAttributes<HTMLFormSubmitElement>;
             "form-switch": LocalJSX.FormSwitch & JSXBase.HTMLAttributes<HTMLFormSwitchElement>;
             "form-text-area": LocalJSX.FormTextArea & JSXBase.HTMLAttributes<HTMLFormTextAreaElement>;
+            "form-time-picker": LocalJSX.FormTimePicker & JSXBase.HTMLAttributes<HTMLFormTimePickerElement>;
             "form-vin-input": LocalJSX.FormVinInput & JSXBase.HTMLAttributes<HTMLFormVinInputElement>;
             "general-inquiry-form": LocalJSX.GeneralInquiryForm & JSXBase.HTMLAttributes<HTMLGeneralInquiryFormElement>;
             "information-table": LocalJSX.InformationTable & JSXBase.HTMLAttributes<HTMLInformationTableElement>;

package/dist/types/features/form-hook/functions.d.ts

@@ -45,15 +45,15 @@ export type FormGetFormHandler = {
     form: FormHook<any>;
 };
 export declare const formGetFormHandler: (formContext: FormGetFormHandler) => Promise<FormHook<any>>;
-export type FormSubmitHandler = {
+export type HandleFormSubmit = {
     form: FormHook<any>;
 };
-export declare const formSubmitHandler: (formContext: FormSubmitHandler) => Promise<void>;
+export declare const handleFormSubmit: (formContext: HandleFormSubmit) => Promise<void>;
 export type FormStructureRenderedHandler = {
     formReadyCallback?: () => void;
 };
 export declare const formStructureRenderedHandler: (formContext: FormStructureRenderedHandler, isRendered: boolean) => Promise<void>;
-export type FormSubmittHandler<T> = {
+export type OnFormSubmit<T> = {
     formValues: T;
     afterSuccess?: (payload: object, header: object) => void;
     context: FormHookInterface<T> & MultiLingual & {
@@ -65,15 +65,15 @@ export type FormSubmittHandler<T> = {
         url: string;
     };
 };
-export declare const formSubmittHandler: <T>({ context, formValues, middleware, afterSuccess }: FormSubmittHandler<T>) => Promise<void>;
+export declare const onFormSubmit: <T>({ context, formValues, middleware, afterSuccess }: OnFormSubmit<T>) => Promise<void>;
 export declare const functionHooks: {
     formLanguageChange: (formContext: FormLanguageChange, newLanguage: LanguageKeys) => Promise<void>;
     formErrorHandler: (formContext: FormErrorHandler, error: any) => Promise<void>;
-    formSubmitHandler: (formContext: FormSubmitHandler) => Promise<void>;
+    handleFormSubmit: (formContext: HandleFormSubmit) => Promise<void>;
     formLoadingHandler: (formContext: FormLoadingHandler, isLoading: boolean) => Promise<void>;
     formSuccessHandler: (formContext: FormSuccessHandler, data: any) => Promise<void>;
     formDidLoadHandler: <T, B>(formContext: FormDidLoadHandler<B> & FormHookInterface<B>, validator: AnyObjectSchema) => Promise<void>;
     formGetFormHandler: (formContext: FormGetFormHandler) => Promise<FormHook<any>>;
-    formSubmittHandler: <T>({ context, formValues, middleware, afterSuccess }: FormSubmittHandler<T>) => Promise<void>;
+    onFormSubmit: <T>({ context, formValues, middleware, afterSuccess }: OnFormSubmit<T>) => Promise<void>;
     formStructureRenderedHandler: (formContext: FormStructureRenderedHandler, isRendered: boolean) => Promise<void>;
 };

package/dist/types/global/assets/calendar-days-icon.d.ts

@@ -0,0 +1,8 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+type Props = {
+    class?: string;
+    part?: string;
+    onClick?: () => void;
+};
+export declare const CalendarDaysIcon: FunctionalComponent<Props>;
+export {};

package/dist/types/global/assets/clock-8-icon.d.ts

@@ -0,0 +1,8 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+type Props = {
+    class?: string;
+    part?: string;
+    onClick?: () => void;
+};
+export declare const Clock8Icon: FunctionalComponent<Props>;
+export {};