adp-web-components 0.0.95 → 0.0.97

package/dist/types/components.d.ts

@@ -8,10 +8,10 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { ErrorKeys, LanguageKeys, SharedLocales } from "./features/multi-lingual/index";
 import { PartLookupDTO } from "./global/types/generated/part/part-lookup-dto";
 import { PartLookupMock } from "./features/part-lookup-components/index";
-import { FormHook } from "./global/lib/form-hook";
-import { InputParams } from "./global/types/general";
-import { FormElementMapper, FormFieldParams, FormSelectFetcher, LocaleFormKeys, StructureObject } from "./global/types/forms";
-import { LanguageKeys as LanguageKeys1 } from "./features/multi-lingual/types";
+import { FormElementMapper, FormElementStructure, FormHook, FormSelectFetcher } from "./features/form-hook/index";
+import { demoElementNames } from "./components/forms/demo/element-mapper";
+import { FormHook as FormHook1 } from "./features/form-hook/form-hook";
+import { AsYouType } from "libphonenumber-js";
 import { InformationTableColumn } from "./components/components/information-table";
 import { ActiveElement } from "./components/part-lookup/part-lookup";
 import { DotNetObjectReference } from "./global/types/components";
@@ -23,13 +23,14 @@ import { VehicleServiceItemDTO } from "./global/types/generated/vehicle-lookup/v
 import { ClaimFormType } from "./locales/vehicleLookup/claimableItems/type";
 import { ClaimFormPayload } from "./components/vehicle-lookup/vehicle-item-claim-form";
 import { ActiveElement as ActiveElement1 } from "./components/vehicle-lookup/vehicle-lookup";
+import { vehicleQuotationElementNames } from "./components/forms/vehicle-quotation/element-mapper";
 export { ErrorKeys, LanguageKeys, SharedLocales } from "./features/multi-lingual/index";
 export { PartLookupDTO } from "./global/types/generated/part/part-lookup-dto";
 export { PartLookupMock } from "./features/part-lookup-components/index";
-export { FormHook } from "./global/lib/form-hook";
-export { InputParams } from "./global/types/general";
-export { FormElementMapper, FormFieldParams, FormSelectFetcher, LocaleFormKeys, StructureObject } from "./global/types/forms";
-export { LanguageKeys as LanguageKeys1 } from "./features/multi-lingual/types";
+export { FormElementMapper, FormElementStructure, FormHook, FormSelectFetcher } from "./features/form-hook/index";
+export { demoElementNames } from "./components/forms/demo/element-mapper";
+export { FormHook as FormHook1 } from "./features/form-hook/form-hook";
+export { AsYouType } from "libphonenumber-js";
 export { InformationTableColumn } from "./components/components/information-table";
 export { ActiveElement } from "./components/part-lookup/part-lookup";
 export { DotNetObjectReference } from "./global/types/components";
@@ -41,31 +42,8 @@ export { VehicleServiceItemDTO } from "./global/types/generated/vehicle-lookup/v
 export { ClaimFormType } from "./locales/vehicleLookup/claimableItems/type";
 export { ClaimFormPayload } from "./components/vehicle-lookup/vehicle-item-claim-form";
 export { ActiveElement as ActiveElement1 } from "./components/vehicle-lookup/vehicle-lookup";
+export { vehicleQuotationElementNames } from "./components/forms/vehicle-quotation/element-mapper";
 export namespace Components {
-    interface ContactUsForm {
-        "baseUrl": string;
-        "brandId": string;
-        "errorCallback": (error: any) => void;
-        /**
-          * @default 'en'
-         */
-        "language": LanguageKeys;
-        "loadingChanges": (loading: boolean) => void;
-        /**
-          * @default ''
-         */
-        "queryString": string;
-        /**
-          * @default '6Lehq6IpAAAAAETTDS2Zh60nHIT1a8oVkRtJ2WsA'
-         */
-        "recaptchaKey": string;
-        /**
-          * @default '["submit.Submit"]'
-         */
-        "structure": string;
-        "successCallback": (values: any) => void;
-        "theme": string;
-    }
     interface DeadStockLookup {
         "baseUrl": string;
         /**
@@ -92,6 +70,28 @@ export namespace Components {
         "setErrorMessage": (message: ErrorKeys) => Promise<void>;
         "setMockData": (newMockData: PartLookupMock) => Promise<void>;
     }
+    interface DemoForm {
+        "baseUrl": string;
+        "brandId": string;
+        "errorCallback": (error: any) => void;
+        "gistId"?: string;
+        /**
+          * @default 'en'
+         */
+        "language": LanguageKeys;
+        "loadingChanges": (loading: boolean) => void;
+        /**
+          * @default ''
+         */
+        "queryString": string;
+        /**
+          * @default '6Lehq6IpAAAAAETTDS2Zh60nHIT1a8oVkRtJ2WsA'
+         */
+        "recaptchaKey": string;
+        "structure": FormElementStructure<demoElementNames> | undefined;
+        "successCallback": (data: any) => void;
+        "theme": string;
+    }
     interface DistributorLookup {
         "baseUrl": string;
         /**
@@ -146,50 +146,71 @@ export namespace Components {
          */
         "stopAnimation"?: boolean;
     }
+    interface FormCheckbox {
+        "defaultChecked": boolean;
+        "form": FormHook<any>;
+        "inputPrefix": string;
+        "name": string;
+        /**
+          * @default 'text'
+         */
+        "type": string;
+        "wrapperClass": string;
+        "wrapperId": string;
+    }
     interface FormDialog {
+        "closeText": string;
         "dialogClosed": () => void;
-        "errorMessage": string;
+        "form": FormHook<any>;
+        "isError": boolean;
+        "message": string;
+    }
+    interface FormInput {
+        "defaultValue": string;
+        "form": FormHook<any>;
+        "inputPrefix": string;
+        "isLoading"?: boolean;
+        "name": string;
         /**
-          * @default 'en'
+          * @default 'text'
          */
-        "language": LanguageKeys;
+        "type": string;
+        "wrapperClass": string;
+        "wrapperId": string;
     }
-    interface FormInput {
-        "class": string;
-        "errorMessage": string;
+    interface FormPhoneNumber {
+        "defaultValue": string;
         "form": FormHook<any>;
-        "formLocaleName": LocaleFormKeys;
-        "inputParams": InputParams;
-        "inputPreFix": string;
-        "isError": boolean;
-        "isRequired": boolean;
-        "label": string;
+        "inputPrefix": string;
+        "isLoading"?: boolean;
+        "name": string;
         /**
-          * @default 'en'
+          * @default 'text'
          */
-        "language": LanguageKeys;
-        "numberDirection"?: boolean;
+        "type": string;
+        "validator": AsYouType;
         "wrapperClass": string;
         "wrapperId": string;
     }
     interface FormSelect {
-        "disabled": boolean;
-        "errorMessage": string;
-        "fetcher": FormSelectFetcher;
+        /**
+          * @default false
+         */
+        "clearable": boolean;
+        "defaultValue": string;
+        "fetcher": FormSelectFetcher<any>;
+        "fetcherKey": any;
         "form": FormHook<any>;
-        "formLocaleName": LocaleFormKeys;
-        "isError": boolean;
+        "isDisabled": boolean;
+        "isLoading": boolean;
         "isRequired": boolean;
-        "label": string;
         /**
           * @default 'en'
          */
         "language": LanguageKeys;
         "name": string;
-        /**
-          * @default 'Select an option'
-         */
-        "placeholder": string;
+        "resetKey": any;
+        "searchable": boolean;
         "wrapperClass": string;
         "wrapperId": string;
     }
@@ -201,25 +222,18 @@ export namespace Components {
     interface FormStructure {
         "errorMessage": string;
         "form": FormHook<any>;
-        "formElementMapper": FormElementMapper<any>;
-        "isLoading": boolean;
-        /**
-          * @default 'en'
-         */
-        "language": LanguageKeys;
+        "formElementMapper": FormElementMapper<any, any>;
         /**
           * @default {}
          */
-        "renderControl": {};
-        /**
-          * @default '["submit.Submit"]'
-         */
-        "structure": string;
-        "theme": string;
+        "formLocale": any;
+        "isLoading": boolean;
         /**
-          * @default {}
+          * @default 'en'
          */
-        "themes": any;
+        "language": LanguageKeys;
+        "structure": FormElementStructure<any>;
+        "successMessage": string;
     }
     interface FormStructureError {
         /**
@@ -228,29 +242,29 @@ export namespace Components {
         "language": LanguageKeys;
     }
     interface FormSubmit {
+        "form": FormHook<any>;
         "isLoading": boolean;
+        "language"?: string;
+        "submitTextKey"?: string;
+        "wrapperClass": string;
+        "wrapperId": string;
+    }
+    interface FormSwitch {
+        "defaultChecked": boolean;
+        "form": FormHook<any>;
+        "inputPrefix": string;
+        "name": string;
         /**
-          * @default 'en'
-         */
-        "language": LanguageKeys;
-        /**
-          * @default {}
+          * @default 'text'
          */
-        "params": FormFieldParams;
-        "structureElement": StructureObject;
+        "type": string;
+        "wrapperClass": string;
+        "wrapperId": string;
     }
     interface FormTextArea {
-        "errorMessage": string;
+        "defaultValue": string;
         "form": FormHook<any>;
-        "formLocaleName": LocaleFormKeys;
-        "inputParams": InputParams;
-        "isError": boolean;
-        "isRequired": boolean;
-        "label": string;
-        /**
-          * @default 'en'
-         */
-        "language": LanguageKeys;
+        "name": string;
         "wrapperClass": string;
         "wrapperId": string;
     }
@@ -350,39 +364,37 @@ export namespace Components {
         "queryString": string;
         "setBlazorRef": (newBlazorRef: DotNetObjectReference) => Promise<void>;
     }
-    interface ServiceBookingForm {
-        "baseUrl": string;
-        "brandId": string;
-        "errorCallback": (error: any) => void;
-        /**
-          * @default 'en'
-         */
-        "language": LanguageKeys;
-        "loadingChanges": (loading: boolean) => void;
-        /**
-          * @default ''
-         */
-        "queryString": string;
-        /**
-          * @default '6Lehq6IpAAAAAETTDS2Zh60nHIT1a8oVkRtJ2WsA'
-         */
-        "recaptchaKey": string;
-        /**
-          * @default '["submit.Submit"]'
-         */
-        "structure": string;
-        "successCallback": (values: any) => void;
-        "theme": string;
-    }
     interface ShiftAccordion {
         "accordionClasses"?: string;
         "accordionContentClasses"?: string;
         "items": AccordionItem[];
     }
+    interface ShiftCheckbox {
+        "checked": boolean;
+        "componentClass": string;
+        "componentId": string;
+        "disabled": boolean;
+        "getInputRef": () => Promise<HTMLInputElement>;
+        "getIsChecked": () => Promise<boolean>;
+        "label": string;
+        "name": string;
+        "onChange"?: (event: Event) => void;
+    }
     interface ShiftSlider {
         "activeIndex": number;
         "components": (() => Node)[];
     }
+    interface ShiftSwitch {
+        "checked": boolean;
+        "componentClass": string;
+        "componentId": string;
+        "disabled": boolean;
+        "getInputRef": () => Promise<HTMLInputElement>;
+        "getIsChecked": () => Promise<boolean>;
+        "label": string;
+        "name": string;
+        "onChange"?: (event: Event) => void;
+    }
     interface ShiftTabContent {
         "activeComponent": string;
         "components": { [key: string]: Node };
@@ -545,6 +557,18 @@ export namespace Components {
         "setErrorMessage": (message: ErrorKeys) => Promise<void>;
         "setMockData": (newMockData: VehicleLookupMock) => Promise<void>;
     }
+    interface VehicleQuotationForm {
+        "errorCallback": (error: any) => void;
+        "gistId"?: string;
+        /**
+          * @default 'en'
+         */
+        "language": LanguageKeys;
+        "loadingChanges": (loading: boolean) => void;
+        "structure": FormElementStructure<vehicleQuotationElementNames> | undefined;
+        "structureUrl"?: string;
+        "successCallback": (data: any) => void;
+    }
     interface VehicleServiceHistory {
         "baseUrl": string;
         /**
@@ -732,18 +756,18 @@ export namespace Components {
     }
 }
 declare global {
-    interface HTMLContactUsFormElement extends Components.ContactUsForm, HTMLStencilElement {
-    }
-    var HTMLContactUsFormElement: {
-        prototype: HTMLContactUsFormElement;
-        new (): HTMLContactUsFormElement;
-    };
     interface HTMLDeadStockLookupElement extends Components.DeadStockLookup, HTMLStencilElement {
     }
     var HTMLDeadStockLookupElement: {
         prototype: HTMLDeadStockLookupElement;
         new (): HTMLDeadStockLookupElement;
     };
+    interface HTMLDemoFormElement extends Components.DemoForm, HTMLStencilElement {
+    }
+    var HTMLDemoFormElement: {
+        prototype: HTMLDemoFormElement;
+        new (): HTMLDemoFormElement;
+    };
     interface HTMLDistributorLookupElement extends Components.DistributorLookup, HTMLStencilElement {
     }
     var HTMLDistributorLookupElement: {
@@ -756,6 +780,12 @@ declare global {
         prototype: HTMLFlexibleContainerElement;
         new (): HTMLFlexibleContainerElement;
     };
+    interface HTMLFormCheckboxElement extends Components.FormCheckbox, HTMLStencilElement {
+    }
+    var HTMLFormCheckboxElement: {
+        prototype: HTMLFormCheckboxElement;
+        new (): HTMLFormCheckboxElement;
+    };
     interface HTMLFormDialogElement extends Components.FormDialog, HTMLStencilElement {
     }
     var HTMLFormDialogElement: {
@@ -768,6 +798,12 @@ declare global {
         prototype: HTMLFormInputElement;
         new (): HTMLFormInputElement;
     };
+    interface HTMLFormPhoneNumberElement extends Components.FormPhoneNumber, HTMLStencilElement {
+    }
+    var HTMLFormPhoneNumberElement: {
+        prototype: HTMLFormPhoneNumberElement;
+        new (): HTMLFormPhoneNumberElement;
+    };
     interface HTMLFormSelectElement extends Components.FormSelect, HTMLStencilElement {
     }
     var HTMLFormSelectElement: {
@@ -798,6 +834,12 @@ declare global {
         prototype: HTMLFormSubmitElement;
         new (): HTMLFormSubmitElement;
     };
+    interface HTMLFormSwitchElement extends Components.FormSwitch, HTMLStencilElement {
+    }
+    var HTMLFormSwitchElement: {
+        prototype: HTMLFormSwitchElement;
+        new (): HTMLFormSwitchElement;
+    };
     interface HTMLFormTextAreaElement extends Components.FormTextArea, HTMLStencilElement {
     }
     var HTMLFormTextAreaElement: {
@@ -828,24 +870,30 @@ declare global {
         prototype: HTMLPartLookupElement;
         new (): HTMLPartLookupElement;
     };
-    interface HTMLServiceBookingFormElement extends Components.ServiceBookingForm, HTMLStencilElement {
-    }
-    var HTMLServiceBookingFormElement: {
-        prototype: HTMLServiceBookingFormElement;
-        new (): HTMLServiceBookingFormElement;
-    };
     interface HTMLShiftAccordionElement extends Components.ShiftAccordion, HTMLStencilElement {
     }
     var HTMLShiftAccordionElement: {
         prototype: HTMLShiftAccordionElement;
         new (): HTMLShiftAccordionElement;
     };
+    interface HTMLShiftCheckboxElement extends Components.ShiftCheckbox, HTMLStencilElement {
+    }
+    var HTMLShiftCheckboxElement: {
+        prototype: HTMLShiftCheckboxElement;
+        new (): HTMLShiftCheckboxElement;
+    };
     interface HTMLShiftSliderElement extends Components.ShiftSlider, HTMLStencilElement {
     }
     var HTMLShiftSliderElement: {
         prototype: HTMLShiftSliderElement;
         new (): HTMLShiftSliderElement;
     };
+    interface HTMLShiftSwitchElement extends Components.ShiftSwitch, HTMLStencilElement {
+    }
+    var HTMLShiftSwitchElement: {
+        prototype: HTMLShiftSwitchElement;
+        new (): HTMLShiftSwitchElement;
+    };
     interface HTMLShiftTabContentElement extends Components.ShiftTabContent, HTMLStencilElement {
     }
     var HTMLShiftTabContentElement: {
@@ -888,6 +936,12 @@ declare global {
         prototype: HTMLVehiclePaintThicknessElement;
         new (): HTMLVehiclePaintThicknessElement;
     };
+    interface HTMLVehicleQuotationFormElement extends Components.VehicleQuotationForm, HTMLStencilElement {
+    }
+    var HTMLVehicleQuotationFormElement: {
+        prototype: HTMLVehicleQuotationFormElement;
+        new (): HTMLVehicleQuotationFormElement;
+    };
     interface HTMLVehicleServiceHistoryElement extends Components.VehicleServiceHistory, HTMLStencilElement {
     }
     var HTMLVehicleServiceHistoryElement: {
@@ -913,25 +967,29 @@ declare global {
         new (): HTMLVinExtractorElement;
     };
     interface HTMLElementTagNameMap {
-        "contact-us-form": HTMLContactUsFormElement;
         "dead-stock-lookup": HTMLDeadStockLookupElement;
+        "demo-form": HTMLDemoFormElement;
         "distributor-lookup": HTMLDistributorLookupElement;
         "flexible-container": HTMLFlexibleContainerElement;
+        "form-checkbox": HTMLFormCheckboxElement;
         "form-dialog": HTMLFormDialogElement;
         "form-input": HTMLFormInputElement;
+        "form-phone-number": HTMLFormPhoneNumberElement;
         "form-select": HTMLFormSelectElement;
         "form-shadow-input": HTMLFormShadowInputElement;
         "form-structure": HTMLFormStructureElement;
         "form-structure-error": HTMLFormStructureErrorElement;
         "form-submit": HTMLFormSubmitElement;
+        "form-switch": HTMLFormSwitchElement;
         "form-text-area": HTMLFormTextAreaElement;
         "information-table": HTMLInformationTableElement;
         "loading-spinner": HTMLLoadingSpinnerElement;
         "manufacturer-lookup": HTMLManufacturerLookupElement;
         "part-lookup": HTMLPartLookupElement;
-        "service-booking-form": HTMLServiceBookingFormElement;
         "shift-accordion": HTMLShiftAccordionElement;
+        "shift-checkbox": HTMLShiftCheckboxElement;
         "shift-slider": HTMLShiftSliderElement;
+        "shift-switch": HTMLShiftSwitchElement;
         "shift-tab-content": HTMLShiftTabContentElement;
         "shift-tabs": HTMLShiftTabsElement;
         "vehicle-accessories": HTMLVehicleAccessoriesElement;
@@ -939,6 +997,7 @@ declare global {
         "vehicle-item-claim-form": HTMLVehicleItemClaimFormElement;
         "vehicle-lookup": HTMLVehicleLookupElement;
         "vehicle-paint-thickness": HTMLVehiclePaintThicknessElement;
+        "vehicle-quotation-form": HTMLVehicleQuotationFormElement;
         "vehicle-service-history": HTMLVehicleServiceHistoryElement;
         "vehicle-specification": HTMLVehicleSpecificationElement;
         "vehicle-warranty-details": HTMLVehicleWarrantyDetailsElement;
@@ -946,30 +1005,6 @@ declare global {
     }
 }
 declare namespace LocalJSX {
-    interface ContactUsForm {
-        "baseUrl"?: string;
-        "brandId"?: string;
-        "errorCallback"?: (error: any) => void;
-        /**
-          * @default 'en'
-         */
-        "language"?: LanguageKeys;
-        "loadingChanges"?: (loading: boolean) => void;
-        /**
-          * @default ''
-         */
-        "queryString"?: string;
-        /**
-          * @default '6Lehq6IpAAAAAETTDS2Zh60nHIT1a8oVkRtJ2WsA'
-         */
-        "recaptchaKey"?: string;
-        /**
-          * @default '["submit.Submit"]'
-         */
-        "structure"?: string;
-        "successCallback"?: (values: any) => void;
-        "theme"?: string;
-    }
     interface DeadStockLookup {
         "baseUrl"?: string;
         /**
@@ -993,6 +1028,28 @@ declare namespace LocalJSX {
          */
         "queryString"?: string;
     }
+    interface DemoForm {
+        "baseUrl"?: string;
+        "brandId"?: string;
+        "errorCallback"?: (error: any) => void;
+        "gistId"?: string;
+        /**
+          * @default 'en'
+         */
+        "language"?: LanguageKeys;
+        "loadingChanges"?: (loading: boolean) => void;
+        /**
+          * @default ''
+         */
+        "queryString"?: string;
+        /**
+          * @default '6Lehq6IpAAAAAETTDS2Zh60nHIT1a8oVkRtJ2WsA'
+         */
+        "recaptchaKey"?: string;
+        "structure"?: FormElementStructure<demoElementNames> | undefined;
+        "successCallback"?: (data: any) => void;
+        "theme"?: string;
+    }
     interface DistributorLookup {
         "baseUrl"?: string;
         /**
@@ -1041,50 +1098,71 @@ declare namespace LocalJSX {
          */
         "stopAnimation"?: boolean;
     }
+    interface FormCheckbox {
+        "defaultChecked"?: boolean;
+        "form"?: FormHook<any>;
+        "inputPrefix"?: string;
+        "name"?: string;
+        /**
+          * @default 'text'
+         */
+        "type"?: string;
+        "wrapperClass"?: string;
+        "wrapperId"?: string;
+    }
     interface FormDialog {
+        "closeText"?: string;
         "dialogClosed"?: () => void;
-        "errorMessage"?: string;
+        "form"?: FormHook<any>;
+        "isError"?: boolean;
+        "message"?: string;
+    }
+    interface FormInput {
+        "defaultValue"?: string;
+        "form"?: FormHook<any>;
+        "inputPrefix"?: string;
+        "isLoading"?: boolean;
+        "name"?: string;
         /**
-          * @default 'en'
+          * @default 'text'
          */
-        "language"?: LanguageKeys;
+        "type"?: string;
+        "wrapperClass"?: string;
+        "wrapperId"?: string;
     }
-    interface FormInput {
-        "class"?: string;
-        "errorMessage"?: string;
+    interface FormPhoneNumber {
+        "defaultValue"?: string;
         "form"?: FormHook<any>;
-        "formLocaleName"?: LocaleFormKeys;
-        "inputParams"?: InputParams;
-        "inputPreFix"?: string;
-        "isError"?: boolean;
-        "isRequired"?: boolean;
-        "label"?: string;
+        "inputPrefix"?: string;
+        "isLoading"?: boolean;
+        "name"?: string;
         /**
-          * @default 'en'
+          * @default 'text'
          */
-        "language"?: LanguageKeys;
-        "numberDirection"?: boolean;
+        "type"?: string;
+        "validator"?: AsYouType;
         "wrapperClass"?: string;
         "wrapperId"?: string;
     }
     interface FormSelect {
-        "disabled"?: boolean;
-        "errorMessage"?: string;
-        "fetcher"?: FormSelectFetcher;
+        /**
+          * @default false
+         */
+        "clearable"?: boolean;
+        "defaultValue"?: string;
+        "fetcher"?: FormSelectFetcher<any>;
+        "fetcherKey"?: any;
         "form"?: FormHook<any>;
-        "formLocaleName"?: LocaleFormKeys;
-        "isError"?: boolean;
+        "isDisabled"?: boolean;
+        "isLoading"?: boolean;
         "isRequired"?: boolean;
-        "label"?: string;
         /**
           * @default 'en'
          */
         "language"?: LanguageKeys;
         "name"?: string;
-        /**
-          * @default 'Select an option'
-         */
-        "placeholder"?: string;
+        "resetKey"?: any;
+        "searchable"?: boolean;
         "wrapperClass"?: string;
         "wrapperId"?: string;
     }
@@ -1096,25 +1174,18 @@ declare namespace LocalJSX {
     interface FormStructure {
         "errorMessage"?: string;
         "form"?: FormHook<any>;
-        "formElementMapper"?: FormElementMapper<any>;
-        "isLoading"?: boolean;
-        /**
-          * @default 'en'
-         */
-        "language"?: LanguageKeys;
+        "formElementMapper"?: FormElementMapper<any, any>;
         /**
           * @default {}
          */
-        "renderControl"?: {};
-        /**
-          * @default '["submit.Submit"]'
-         */
-        "structure"?: string;
-        "theme"?: string;
+        "formLocale"?: any;
+        "isLoading"?: boolean;
         /**
-          * @default {}
+          * @default 'en'
          */
-        "themes"?: any;
+        "language"?: LanguageKeys;
+        "structure"?: FormElementStructure<any>;
+        "successMessage"?: string;
     }
     interface FormStructureError {
         /**
@@ -1123,29 +1194,29 @@ declare namespace LocalJSX {
         "language"?: LanguageKeys;
     }
     interface FormSubmit {
+        "form"?: FormHook<any>;
         "isLoading"?: boolean;
+        "language"?: string;
+        "submitTextKey"?: string;
+        "wrapperClass"?: string;
+        "wrapperId"?: string;
+    }
+    interface FormSwitch {
+        "defaultChecked"?: boolean;
+        "form"?: FormHook<any>;
+        "inputPrefix"?: string;
+        "name"?: string;
         /**
-          * @default 'en'
+          * @default 'text'
          */
-        "language"?: LanguageKeys;
-        /**
-          * @default {}
-         */
-        "params"?: FormFieldParams;
-        "structureElement"?: StructureObject;
+        "type"?: string;
+        "wrapperClass"?: string;
+        "wrapperId"?: string;
     }
     interface FormTextArea {
-        "errorMessage"?: string;
+        "defaultValue"?: string;
         "form"?: FormHook<any>;
-        "formLocaleName"?: LocaleFormKeys;
-        "inputParams"?: InputParams;
-        "isError"?: boolean;
-        "isRequired"?: boolean;
-        "label"?: string;
-        /**
-          * @default 'en'
-         */
-        "language"?: LanguageKeys;
+        "name"?: string;
         "wrapperClass"?: string;
         "wrapperId"?: string;
     }
@@ -1239,39 +1310,33 @@ declare namespace LocalJSX {
          */
         "queryString"?: string;
     }
-    interface ServiceBookingForm {
-        "baseUrl"?: string;
-        "brandId"?: string;
-        "errorCallback"?: (error: any) => void;
-        /**
-          * @default 'en'
-         */
-        "language"?: LanguageKeys;
-        "loadingChanges"?: (loading: boolean) => void;
-        /**
-          * @default ''
-         */
-        "queryString"?: string;
-        /**
-          * @default '6Lehq6IpAAAAAETTDS2Zh60nHIT1a8oVkRtJ2WsA'
-         */
-        "recaptchaKey"?: string;
-        /**
-          * @default '["submit.Submit"]'
-         */
-        "structure"?: string;
-        "successCallback"?: (values: any) => void;
-        "theme"?: string;
-    }
     interface ShiftAccordion {
         "accordionClasses"?: string;
         "accordionContentClasses"?: string;
         "items"?: AccordionItem[];
     }
+    interface ShiftCheckbox {
+        "checked"?: boolean;
+        "componentClass"?: string;
+        "componentId"?: string;
+        "disabled"?: boolean;
+        "label"?: string;
+        "name"?: string;
+        "onChange"?: (event: Event) => void;
+    }
     interface ShiftSlider {
         "activeIndex"?: number;
         "components"?: (() => Node)[];
     }
+    interface ShiftSwitch {
+        "checked"?: boolean;
+        "componentClass"?: string;
+        "componentId"?: string;
+        "disabled"?: boolean;
+        "label"?: string;
+        "name"?: string;
+        "onChange"?: (event: Event) => void;
+    }
     interface ShiftTabContent {
         "activeComponent"?: string;
         "components"?: { [key: string]: Node };
@@ -1417,6 +1482,18 @@ declare namespace LocalJSX {
          */
         "queryString"?: string;
     }
+    interface VehicleQuotationForm {
+        "errorCallback"?: (error: any) => void;
+        "gistId"?: string;
+        /**
+          * @default 'en'
+         */
+        "language"?: LanguageKeys;
+        "loadingChanges"?: (loading: boolean) => void;
+        "structure"?: FormElementStructure<vehicleQuotationElementNames> | undefined;
+        "structureUrl"?: string;
+        "successCallback"?: (data: any) => void;
+    }
     interface VehicleServiceHistory {
         "baseUrl"?: string;
         /**
@@ -1591,25 +1668,29 @@ declare namespace LocalJSX {
         "verbose"?: boolean;
     }
     interface IntrinsicElements {
-        "contact-us-form": ContactUsForm;
         "dead-stock-lookup": DeadStockLookup;
+        "demo-form": DemoForm;
         "distributor-lookup": DistributorLookup;
         "flexible-container": FlexibleContainer;
+        "form-checkbox": FormCheckbox;
         "form-dialog": FormDialog;
         "form-input": FormInput;
+        "form-phone-number": FormPhoneNumber;
         "form-select": FormSelect;
         "form-shadow-input": FormShadowInput;
         "form-structure": FormStructure;
         "form-structure-error": FormStructureError;
         "form-submit": FormSubmit;
+        "form-switch": FormSwitch;
         "form-text-area": FormTextArea;
         "information-table": InformationTable;
         "loading-spinner": LoadingSpinner;
         "manufacturer-lookup": ManufacturerLookup;
         "part-lookup": PartLookup;
-        "service-booking-form": ServiceBookingForm;
         "shift-accordion": ShiftAccordion;
+        "shift-checkbox": ShiftCheckbox;
         "shift-slider": ShiftSlider;
+        "shift-switch": ShiftSwitch;
         "shift-tab-content": ShiftTabContent;
         "shift-tabs": ShiftTabs;
         "vehicle-accessories": VehicleAccessories;
@@ -1617,6 +1698,7 @@ declare namespace LocalJSX {
         "vehicle-item-claim-form": VehicleItemClaimForm;
         "vehicle-lookup": VehicleLookup;
         "vehicle-paint-thickness": VehiclePaintThickness;
+        "vehicle-quotation-form": VehicleQuotationForm;
         "vehicle-service-history": VehicleServiceHistory;
         "vehicle-specification": VehicleSpecification;
         "vehicle-warranty-details": VehicleWarrantyDetails;
@@ -1627,25 +1709,29 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "contact-us-form": LocalJSX.ContactUsForm & JSXBase.HTMLAttributes<HTMLContactUsFormElement>;
             "dead-stock-lookup": LocalJSX.DeadStockLookup & JSXBase.HTMLAttributes<HTMLDeadStockLookupElement>;
+            "demo-form": LocalJSX.DemoForm & JSXBase.HTMLAttributes<HTMLDemoFormElement>;
             "distributor-lookup": LocalJSX.DistributorLookup & JSXBase.HTMLAttributes<HTMLDistributorLookupElement>;
             "flexible-container": LocalJSX.FlexibleContainer & JSXBase.HTMLAttributes<HTMLFlexibleContainerElement>;
+            "form-checkbox": LocalJSX.FormCheckbox & JSXBase.HTMLAttributes<HTMLFormCheckboxElement>;
             "form-dialog": LocalJSX.FormDialog & JSXBase.HTMLAttributes<HTMLFormDialogElement>;
             "form-input": LocalJSX.FormInput & JSXBase.HTMLAttributes<HTMLFormInputElement>;
+            "form-phone-number": LocalJSX.FormPhoneNumber & JSXBase.HTMLAttributes<HTMLFormPhoneNumberElement>;
             "form-select": LocalJSX.FormSelect & JSXBase.HTMLAttributes<HTMLFormSelectElement>;
             "form-shadow-input": LocalJSX.FormShadowInput & JSXBase.HTMLAttributes<HTMLFormShadowInputElement>;
             "form-structure": LocalJSX.FormStructure & JSXBase.HTMLAttributes<HTMLFormStructureElement>;
             "form-structure-error": LocalJSX.FormStructureError & JSXBase.HTMLAttributes<HTMLFormStructureErrorElement>;
             "form-submit": LocalJSX.FormSubmit & JSXBase.HTMLAttributes<HTMLFormSubmitElement>;
+            "form-switch": LocalJSX.FormSwitch & JSXBase.HTMLAttributes<HTMLFormSwitchElement>;
             "form-text-area": LocalJSX.FormTextArea & JSXBase.HTMLAttributes<HTMLFormTextAreaElement>;
             "information-table": LocalJSX.InformationTable & JSXBase.HTMLAttributes<HTMLInformationTableElement>;
             "loading-spinner": LocalJSX.LoadingSpinner & JSXBase.HTMLAttributes<HTMLLoadingSpinnerElement>;
             "manufacturer-lookup": LocalJSX.ManufacturerLookup & JSXBase.HTMLAttributes<HTMLManufacturerLookupElement>;
             "part-lookup": LocalJSX.PartLookup & JSXBase.HTMLAttributes<HTMLPartLookupElement>;
-            "service-booking-form": LocalJSX.ServiceBookingForm & JSXBase.HTMLAttributes<HTMLServiceBookingFormElement>;
             "shift-accordion": LocalJSX.ShiftAccordion & JSXBase.HTMLAttributes<HTMLShiftAccordionElement>;
+            "shift-checkbox": LocalJSX.ShiftCheckbox & JSXBase.HTMLAttributes<HTMLShiftCheckboxElement>;
             "shift-slider": LocalJSX.ShiftSlider & JSXBase.HTMLAttributes<HTMLShiftSliderElement>;
+            "shift-switch": LocalJSX.ShiftSwitch & JSXBase.HTMLAttributes<HTMLShiftSwitchElement>;
             "shift-tab-content": LocalJSX.ShiftTabContent & JSXBase.HTMLAttributes<HTMLShiftTabContentElement>;
             "shift-tabs": LocalJSX.ShiftTabs & JSXBase.HTMLAttributes<HTMLShiftTabsElement>;
             "vehicle-accessories": LocalJSX.VehicleAccessories & JSXBase.HTMLAttributes<HTMLVehicleAccessoriesElement>;
@@ -1653,6 +1739,7 @@ declare module "@stencil/core" {
             "vehicle-item-claim-form": LocalJSX.VehicleItemClaimForm & JSXBase.HTMLAttributes<HTMLVehicleItemClaimFormElement>;
             "vehicle-lookup": LocalJSX.VehicleLookup & JSXBase.HTMLAttributes<HTMLVehicleLookupElement>;
             "vehicle-paint-thickness": LocalJSX.VehiclePaintThickness & JSXBase.HTMLAttributes<HTMLVehiclePaintThicknessElement>;
+            "vehicle-quotation-form": LocalJSX.VehicleQuotationForm & JSXBase.HTMLAttributes<HTMLVehicleQuotationFormElement>;
             "vehicle-service-history": LocalJSX.VehicleServiceHistory & JSXBase.HTMLAttributes<HTMLVehicleServiceHistoryElement>;
             "vehicle-specification": LocalJSX.VehicleSpecification & JSXBase.HTMLAttributes<HTMLVehicleSpecificationElement>;
             "vehicle-warranty-details": LocalJSX.VehicleWarrantyDetails & JSXBase.HTMLAttributes<HTMLVehicleWarrantyDetailsElement>;