adp-web-components 0.0.50 → 0.0.52

package/dist/shift-components/shift-components.esm.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{p as e,b as a}from"./p-65102e7a.js";export{s as setNonce}from"./p-65102e7a.js";import{g as r}from"./p-446d908d.js";(()=>{const a=import.meta.url,r={};return""!==a&&(r.resourcesUrl=new URL(".",a).href),e(r)})().then((async e=>(await r(),a([["p-d0c9c65a",[[4,"contact-us-form",{theme:[1],baseUrl:[1,"base-url"],brandId:[1,"brand-id"],queryString:[1,"query-string"],language:[1],errorCallback:[16],successCallback:[16],structure:[1],loadingChanges:[16],recaptchaKey:[1,"recaptcha-key"],isLoading:[32],renderControl:[32],errorMessage:[32],structureObject:[32],locale:[32]},null,{language:["changeLanguage"],structure:["onStructureChange"]}]]],["p-d557c08c",[[1,"dynamic-redeem",{vin:[1],item:[16],language:[1],canceledItems:[16],unInvoicedByBrokerName:[1,"un-invoiced-by-broker-name"],handleScanner:[16],handleQrChanges:[16],loadingStateChange:[16],locale:[32],isLoading:[32],internalVin:[32],isOpened:[32],internalItem:[32],confirmServiceCancellation:[32],internalCanceledItem:[32],confirmUnInvoicedTBPVehicles:[32],quite:[64],getQrValue:[64]},null,{language:["changeLanguage"],isLoading:["onIsLoadingChange"],canceledItems:["changeInternalCanceledItem"],unInvoicedByBrokerName:["changeConfirmUnInvoicedTBPVehicles"],vin:["changeInternalVin"],item:["changeInternalItem"]}]]],["p-5431e57b",[[4,"vehicle-lookup",{activeElement:[1,"active-element"],baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],blazorErrorStateListener:[1,"blazor-error-state-listener"],childrenProps:[1,"children-props"],blazorOnLoadingStateChange:[1,"blazor-on-loading-state-change"],errorStateListener:[16],loadingStateChanged:[16],wrapperErrorState:[32],blazorRef:[32],locale:[32],setBlazorRef:[64],fetchVin:[64]},null,{language:["changeLanguage"],wrapperErrorState:["errorListener"]}]]],["p-267a7802",[[0,"form-dialog",{errorMessage:[1,"error-message"],dialogClosed:[16],language:[1],internalMessage:[32],isOpened:[32],locale:[32]},null,{language:["changeLanguage"],errorMessage:["changeErrorMiddleware"]}],[0,"form-input",{name:[1],type:[1],label:[1],class:[1],isError:[4,"is-error"],disabled:[4],form:[16],componentId:[1,"component-id"],inputPreFix:[1,"input-pre-fix"],isRequired:[4,"is-required"],placeholder:[1],errorMessage:[1,"error-message"],defaultValue:[1,"default-value"],componentClass:[1,"component-class"],numberDirection:[4,"number-direction"],language:[1],formLocaleName:[1,"form-locale-name"],inputChanges:[16],onChangeMiddleware:[16],locale:[32]},null,{language:["changeLanguage"]}],[0,"form-select",{name:[1],label:[1],isError:[4,"is-error"],disabled:[4],componentId:[1,"component-id"],form:[16],isRequired:[4,"is-required"],errorMessage:[1,"error-message"],componentClass:[1,"component-class"],formLocaleName:[1,"form-locale-name"],fetcher:[16],language:[1],inputChanges:[16],placeholder:[1],isLoading:[32],isOpen:[32],selectedValue:[32],openUpwards:[32],options:[32],fetchingErrorMessage:[32],locale:[32]},null,{language:["changeLanguage"]}],[0,"form-submit",{isLoading:[4,"is-loading"],params:[16],structureElement:[16]}],[0,"form-text-area",{name:[1],label:[1],isError:[4,"is-error"],disabled:[4],form:[16],isRequired:[4,"is-required"],componentId:[1,"component-id"],placeholder:[1],errorMessage:[1,"error-message"],defaultValue:[1,"default-value"],componentClass:[1,"component-class"],language:[1],formLocaleName:[1,"form-locale-name"],inputChanges:[16],locale:[32]},null,{language:["changeLanguage"]}]]],["p-14cd1066",[[4,"form-structure",{renderControl:[16],isLoading:[4,"is-loading"],form:[16],errorMessage:[1,"error-message"],language:[1],formFieldParams:[16],formElementMapper:[16],structureObject:[16],fieldControllers:[32],locale:[32]},null,{language:["changeLanguage"]}],[0,"form-structure-error",{language:[1],locale:[32]},null,{language:["changeLanguage"]}]]],["p-e6ec4aa0",[[1,"dead-stock-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}],[1,"distributor-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],hiddenFields:[1,"hidden-fields"],language:[1],localizationName:[1,"localization-name"],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}],[1,"manufacturer-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],hiddenFields:[1,"hidden-fields"],language:[1],localizationName:[1,"localization-name"],headerTitle:[1,"header-title"],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}]]],["p-8d0a4f46",[[4,"part-lookup",{baseUrl:[1,"base-url"],queryString:[1,"query-string"],language:[1],blazorErrorStateListener:[1,"blazor-error-state-listener"],childrenProps:[1,"children-props"],blazorOnLoadingStateChange:[1,"blazor-on-loading-state-change"],activeElement:[1,"active-element"],errorStateListener:[16],loadingStateChanged:[16],wrapperErrorState:[32],blazorRef:[32],locale:[32],setBlazorRef:[64],fetchPartNumber:[64]},null,{language:["changeLanguage"],wrapperErrorState:["errorListener"]}]]],["p-54249df3",[[1,"dynamic-claim",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],isIdle:[32],popupClasses:[32],isLoading:[32],externalVin:[32],errorMessage:[32],activePopupIndex:[32],vehicleInformation:[32],setMockData:[64],setData:[64],setErrorMessage:[64],fetchData:[64],completeClaim:[64]},null,{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleInformation:["resetProgressBar"],popupClasses:["windowScrollListener"]}],[1,"paint-thickness",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],expandedImage:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}],[1,"service-history",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}],[1,"vehicle-accessories",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],expandedImage:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}],[1,"vehicle-specification",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}],[1,"warranty-details",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],showSsc:[4,"show-ssc"],queryString:[1,"query-string"],recaptchaKey:[1,"recaptcha-key"],language:[1],showWarranty:[4,"show-warranty"],unauthorizedSscLookupBaseUrl:[1,"unauthorized-ssc-lookup-base-url"],unauthorizedSscLookupQueryString:[1,"unauthorized-ssc-lookup-query-string"],cityId:[1,"city-id"],cityIntegrationId:[1,"city-integration-id"],companyId:[1,"company-id"],companyIntegrationId:[1,"company-integration-id"],companyBranchId:[1,"company-branch-id"],companyBranchIntegrationId:[1,"company-branch-integration-id"],userId:[1,"user-id"],brandIntegrationId:[1,"brand-integration-id"],customerName:[1,"customer-name"],customerPhone:[1,"customer-phone"],customerEmail:[1,"customer-email"],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],state:[32],externalVin:[32],showRecaptcha:[32],errorMessage:[32],unInvoicedByBrokerName:[32],vehicleInformation:[32],checkingUnauthorizedSSC:[32],recaptchaRes:[32],headers:[32],locale:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}]]]],e))));
+import{p as e,b as a}from"./p-65102e7a.js";export{s as setNonce}from"./p-65102e7a.js";import{g as r}from"./p-446d908d.js";(()=>{const a=import.meta.url,r={};return""!==a&&(r.resourcesUrl=new URL(".",a).href),e(r)})().then((async e=>(await r(),a([["p-9e786e3f",[[4,"contact-us-form",{theme:[1],baseUrl:[1,"base-url"],brandId:[1,"brand-id"],queryString:[1,"query-string"],language:[1],structure:[1],recaptchaKey:[1,"recaptcha-key"],errorCallback:[16],successCallback:[16],loadingChanges:[16],isLoading:[32],renderControl:[32],errorMessage:[32]}]]],["p-22693b71",[[4,"service-booking-form",{theme:[1],baseUrl:[1,"base-url"],brandId:[1,"brand-id"],queryString:[1,"query-string"],language:[1],structure:[1],recaptchaKey:[1,"recaptcha-key"],errorCallback:[16],successCallback:[16],loadingChanges:[16],isLoading:[32],renderControl:[32],errorMessage:[32]}]]],["p-54ed06de",[[1,"dynamic-redeem",{vin:[1],item:[16],language:[1],canceledItems:[16],unInvoicedByBrokerName:[1,"un-invoiced-by-broker-name"],handleScanner:[16],handleQrChanges:[16],loadingStateChange:[16],locale:[32],isLoading:[32],internalVin:[32],isOpened:[32],internalItem:[32],confirmServiceCancellation:[32],internalCanceledItem:[32],confirmUnInvoicedTBPVehicles:[32],quite:[64],getQrValue:[64]},null,{language:["changeLanguage"],isLoading:["onIsLoadingChange"],canceledItems:["changeInternalCanceledItem"],unInvoicedByBrokerName:["changeConfirmUnInvoicedTBPVehicles"],vin:["changeInternalVin"],item:["changeInternalItem"]}]]],["p-8cf903b1",[[1,"dynamic-claim",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],isIdle:[32],popupClasses:[32],isLoading:[32],externalVin:[32],errorMessage:[32],activePopupIndex:[32],vehicleInformation:[32],setMockData:[64],setData:[64],setErrorMessage:[64],fetchData:[64],completeClaim:[64]},null,{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleInformation:["resetProgressBar"],popupClasses:["windowScrollListener"]}],[1,"paint-thickness",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],expandedImage:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}],[1,"service-history",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}],[1,"vehicle-accessories",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],expandedImage:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}],[1,"vehicle-specification",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}],[1,"warranty-details",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],showSsc:[4,"show-ssc"],queryString:[1,"query-string"],recaptchaKey:[1,"recaptcha-key"],language:[1],showWarranty:[4,"show-warranty"],unauthorizedSscLookupBaseUrl:[1,"unauthorized-ssc-lookup-base-url"],unauthorizedSscLookupQueryString:[1,"unauthorized-ssc-lookup-query-string"],cityId:[1,"city-id"],cityIntegrationId:[1,"city-integration-id"],companyId:[1,"company-id"],companyIntegrationId:[1,"company-integration-id"],companyBranchId:[1,"company-branch-id"],companyBranchIntegrationId:[1,"company-branch-integration-id"],userId:[1,"user-id"],brandIntegrationId:[1,"brand-integration-id"],customerName:[1,"customer-name"],customerPhone:[1,"customer-phone"],customerEmail:[1,"customer-email"],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],state:[32],externalVin:[32],showRecaptcha:[32],errorMessage:[32],unInvoicedByBrokerName:[32],vehicleInformation:[32],checkingUnauthorizedSSC:[32],recaptchaRes:[32],headers:[32],locale:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}]]],["p-fa985979",[[4,"vehicle-lookup",{activeElement:[1,"active-element"],baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],blazorErrorStateListener:[1,"blazor-error-state-listener"],childrenProps:[1,"children-props"],blazorOnLoadingStateChange:[1,"blazor-on-loading-state-change"],errorStateListener:[16],loadingStateChanged:[16],wrapperErrorState:[32],blazorRef:[32],locale:[32],setBlazorRef:[64],fetchVin:[64]},null,{language:["changeLanguage"],wrapperErrorState:["errorListener"]}]]],["p-635a820a",[[1,"dead-stock-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}],[1,"distributor-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],hiddenFields:[1,"hidden-fields"],language:[1],localizationName:[1,"localization-name"],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}],[1,"manufacturer-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],hiddenFields:[1,"hidden-fields"],language:[1],localizationName:[1,"localization-name"],headerTitle:[1,"header-title"],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}]]],["p-8b8e58f3",[[4,"part-lookup",{baseUrl:[1,"base-url"],queryString:[1,"query-string"],language:[1],blazorErrorStateListener:[1,"blazor-error-state-listener"],childrenProps:[1,"children-props"],blazorOnLoadingStateChange:[1,"blazor-on-loading-state-change"],activeElement:[1,"active-element"],errorStateListener:[16],loadingStateChanged:[16],wrapperErrorState:[32],blazorRef:[32],locale:[32],setBlazorRef:[64],fetchPartNumber:[64]},null,{language:["changeLanguage"],wrapperErrorState:["errorListener"]}]]],["p-16fcb94c",[[4,"form-structure",{theme:[1],themes:[8],renderControl:[16],isLoading:[4,"is-loading"],form:[16],errorMessage:[1,"error-message"],language:[1],structure:[1],formElementMapper:[16],showSuccess:[32],structureObject:[32],locale:[32]},null,{structure:["onStructureChange"],language:["changeLanguage"]}],[0,"form-select",{name:[1],label:[1],isError:[4,"is-error"],wrapperId:[1,"wrapper-id"],disabled:[4],form:[16],isRequired:[4,"is-required"],errorMessage:[1,"error-message"],wrapperClass:[1,"wrapper-class"],formLocaleName:[1,"form-locale-name"],fetcher:[16],language:[1],placeholder:[1],isLoading:[32],isOpen:[32],selectedValue:[32],openUpwards:[32],options:[32],fetchingErrorMessage:[32],locale:[32]},null,{language:["changeLanguage"]}],[0,"form-input",{label:[1],class:[1],isError:[4,"is-error"],wrapperId:[1,"wrapper-id"],form:[16],inputPreFix:[1,"input-pre-fix"],isRequired:[4,"is-required"],errorMessage:[1,"error-message"],wrapperClass:[1,"wrapper-class"],inputParams:[16],numberDirection:[4,"number-direction"],language:[1],formLocaleName:[1,"form-locale-name"],locale:[32]},null,{language:["changeLanguage"]}],[0,"form-submit",{isLoading:[4,"is-loading"],params:[16],language:[1],structureElement:[16],locale:[32]},null,{language:["changeLanguage"]}],[0,"form-text-area",{label:[1],isError:[4,"is-error"],wrapperId:[1,"wrapper-id"],form:[16],isRequired:[4,"is-required"],wrapperClass:[1,"wrapper-class"],errorMessage:[1,"error-message"],inputParams:[16],language:[1],formLocaleName:[1,"form-locale-name"],locale:[32]},null,{language:["changeLanguage"]}],[0,"form-dialog",{errorMessage:[1,"error-message"],dialogClosed:[16],language:[1],internalMessage:[32],isOpened:[32],locale:[32]},null,{language:["changeLanguage"],errorMessage:["changeErrorMiddleware"]}],[0,"form-shadow-input",{name:[1],value:[1],form:[16]},null,{name:["handleNameChange"],value:["handleValueChange"]}],[0,"form-structure-error",{language:[1],locale:[32]},null,{language:["changeLanguage"]}]]]],e))));

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

@@ -1,26 +1,21 @@
 import { FormHook } from "../../global/lib/form-hook";
+import { InputParams } from "../../global/types/general";
+import { FormElement, LocaleFormKeys } from "../../global/types/forms";
 import { LanguageKeys, Locale } from "../../global/types/locales/index";
-import { FormElement, FormInputChanges, LocaleFormKeys } from "../../global/types/forms";
 export declare class FormInput implements FormElement {
-    name: string;
-    type: string;
     label: string;
     class: string;
     isError: boolean;
-    disabled: boolean;
+    wrapperId: string;
     form: FormHook<any>;
-    componentId: string;
     inputPreFix: string;
     isRequired: boolean;
-    placeholder: string;
     errorMessage: string;
-    defaultValue?: string;
-    componentClass: string;
+    wrapperClass: string;
+    inputParams: InputParams;
     numberDirection?: boolean;
     language: LanguageKeys;
     formLocaleName: LocaleFormKeys;
-    inputChanges: FormInputChanges;
-    onChangeMiddleware?: (event: InputEvent) => InputEvent;
     locale: Locale;
     el: HTMLElement;
     private inputRef;

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

@@ -1,20 +1,19 @@
 import { FormHook } from "../../global/lib/form-hook";
 import { ErrorKeys, LanguageKeys, Locale } from "../../global/types/locales/index";
-import { FormElement, FormInputChanges, FormSelectFetcher, FormSelectItem } from "../../global/types/forms";
+import { FormElement, FormSelectFetcher, FormSelectItem } from "../../global/types/forms";
 export declare class FormSelect implements FormElement {
     name: string;
     label: string;
     isError: boolean;
+    wrapperId: string;
     disabled: boolean;
-    componentId: string;
     form: FormHook<any>;
     isRequired: boolean;
     errorMessage: string;
-    componentClass: string;
+    wrapperClass: string;
     formLocaleName: string;
     fetcher: FormSelectFetcher;
     language: LanguageKeys;
-    inputChanges: FormInputChanges;
     placeholder: string;
     isLoading: boolean;
     isOpen: boolean;

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

@@ -0,0 +1,9 @@
+import { FormHook } from "../../global/lib/form-hook";
+export declare class FormInput {
+    name: string;
+    value: string;
+    form: FormHook<any>;
+    handleNameChange(newName: string): Promise<void>;
+    handleValueChange(newValue: string): Promise<void>;
+    render(): any;
+}

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

@@ -1,18 +1,22 @@
 import { FormHook } from "../../global/lib/form-hook";
+import { FormElementMapper, StructureObject } from "../../global/types/forms";
 import { LanguageKeys, Locale } from "../../global/types/locales/index";
-import { FieldControllers, FormElementMapper, FormFieldParams, StructureObject } from "../../global/types/forms";
 export declare class FormStructure {
+    theme: string;
+    themes: any;
     renderControl: {};
     isLoading: boolean;
     form: FormHook<any>;
     errorMessage: string;
     language: LanguageKeys;
-    formFieldParams: FormFieldParams;
-    formElementMapper: FormElementMapper;
+    structure: string;
+    formElementMapper: FormElementMapper<any>;
+    showSuccess: boolean;
     structureObject: StructureObject;
-    fieldControllers: FieldControllers;
     locale: Locale;
     componentWillLoad(): Promise<void>;
+    onStructureChange(newStructure: string): Promise<void>;
+    structureValidation(structureString: string): Promise<void>;
     changeLanguage(newLanguage: LanguageKeys): Promise<void>;
     private renderLoop;
     render(): any;

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

@@ -1,7 +1,12 @@
+import { LanguageKeys, Locale } from "../../global/types/locales/index";
 import { FormFieldParams, StructureObject } from "../../global/types/forms";
 export declare class FormSubmit {
     isLoading: boolean;
     params: FormFieldParams;
+    language: LanguageKeys;
     structureElement: StructureObject;
+    locale: Locale;
+    componentWillLoad(): Promise<void>;
+    changeLanguage(newLanguage: LanguageKeys): Promise<void>;
     render(): any;
 }

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

@@ -1,21 +1,18 @@
 import { FormHook } from "../../global/lib/form-hook";
+import { InputParams } from "../../global/types/general";
+import { FormElement, LocaleFormKeys } from "../../global/types/forms";
 import { LanguageKeys, Locale } from "../../global/types/locales/index";
-import { FormElement, FormInputChanges, LocaleFormKeys } from "../../global/types/forms";
 export declare class FormTextArea implements FormElement {
-    name: string;
     label: string;
     isError: boolean;
-    disabled: boolean;
+    wrapperId: string;
     form: FormHook<any>;
     isRequired: boolean;
-    componentId: string;
-    placeholder: string;
+    wrapperClass: string;
     errorMessage: string;
-    defaultValue?: string;
-    componentClass: string;
+    inputParams: InputParams;
     language: LanguageKeys;
     formLocaleName: LocaleFormKeys;
-    inputChanges: FormInputChanges;
     locale: Locale;
     el: HTMLElement;
     private inputRef;

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

@@ -0,0 +1,3 @@
+import { FormElementMapper } from "../../../global/types/forms";
+import { ContactUs } from './validations';
+export declare const contactUsElements: FormElementMapper<ContactUs>;

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

@@ -1,5 +1,6 @@
-import { FormHookInterface, StructureObject } from "../../global/types/forms";
-import { LanguageKeys, Locale } from "../../global/types/locales/index";
+import { LanguageKeys } from "../../global/types/locales/index";
+import { FormHookInterface } from "../../global/types/forms";
+import { FormHook } from "../../global/lib/form-hook";
 import { ContactUs } from './contact-us/validations';
 export declare class ContactUsForm implements FormHookInterface<ContactUs> {
     theme: string;
@@ -7,23 +8,24 @@ export declare class ContactUsForm implements FormHookInterface<ContactUs> {
     brandId: string;
     queryString: string;
     language: LanguageKeys;
+    structure: string;
+    recaptchaKey: string;
     errorCallback: (error: any) => void;
     successCallback: (values: any) => void;
-    structure: string;
     loadingChanges: (loading: boolean) => void;
-    recaptchaKey: string;
     isLoading: boolean;
     renderControl: {};
     errorMessage: string;
-    structureObject: StructureObject;
-    locale: Locale;
     recaptchaWidget: number | null;
-    private form;
+    form: FormHook<{
+        name?: string;
+        message?: string;
+        cityId?: string;
+        email?: string;
+        generalTicketType?: string;
+        phone?: string;
+    }>;
     el: HTMLElement;
-    componentWillLoad(): Promise<void>;
-    changeLanguage(newLanguage: LanguageKeys): Promise<void>;
-    onStructureChange(newStructure: string): Promise<void>;
-    structureValidation(structureString: string): Promise<void>;
     componentDidLoad(): Promise<void>;
     formSubmit(formValues: ContactUs): Promise<void>;
     render(): any;

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

@@ -0,0 +1,3 @@
+import { FormElementMapper } from "../../../global/types/forms";
+import { ContactUs } from './validations';
+export declare const contactUsElements: FormElementMapper<ContactUs>;

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

@@ -0,0 +1,26 @@
+import { AsYouType } from 'libphonenumber-js';
+import { InferType } from 'yup';
+export declare const phoneValidator: AsYouType & {
+    default: string;
+    metadata: {
+        numberingPlan: {
+            metadata: [string];
+        };
+    };
+};
+export declare const contactUsSchema: import("yup").ObjectSchema<{
+    cityId: string;
+    email: string;
+    message: string;
+    generalTicketType: string;
+    name: string;
+    phone: string;
+}, import("yup").AnyObject, {
+    cityId: undefined;
+    email: undefined;
+    message: undefined;
+    generalTicketType: undefined;
+    name: undefined;
+    phone: undefined;
+}, "">;
+export type ContactUs = InferType<typeof contactUsSchema>;

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

@@ -0,0 +1,32 @@
+import { LanguageKeys } from "../../global/types/locales/index";
+import { FormHookInterface } from "../../global/types/forms";
+import { FormHook } from "../../global/lib/form-hook";
+import { ContactUs } from './service-booking/validations';
+export declare class ContactUsForm implements FormHookInterface<ContactUs> {
+    theme: string;
+    baseUrl: string;
+    brandId: string;
+    queryString: string;
+    language: LanguageKeys;
+    structure: string;
+    recaptchaKey: string;
+    errorCallback: (error: any) => void;
+    successCallback: (values: any) => void;
+    loadingChanges: (loading: boolean) => void;
+    isLoading: boolean;
+    renderControl: {};
+    errorMessage: string;
+    recaptchaWidget: number | null;
+    form: FormHook<{
+        name?: string;
+        message?: string;
+        cityId?: string;
+        email?: string;
+        generalTicketType?: string;
+        phone?: string;
+    }>;
+    el: HTMLElement;
+    componentDidLoad(): Promise<void>;
+    formSubmit(formValues: ContactUs): Promise<void>;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -10,7 +10,8 @@ import { PartInformation } from "./global/types/part-information";
 import { DotNetObjectReference, MockJson } from "./global/types/components";
 import { ServiceItem, VehicleInformation } from "./global/types/vehicle-information";
 import { FormHook } from "./global/lib/form-hook";
-import { FormElementMapper, FormFieldParams, FormInputChanges, FormSelectFetcher, LocaleFormKeys, StructureObject } from "./global/types/forms";
+import { InputParams } from "./global/types/general";
+import { FormElementMapper, FormFieldParams, FormSelectFetcher, LocaleFormKeys, StructureObject } from "./global/types/forms";
 import { ActiveElement } from "./components/part-lookup/part-lookup";
 import { ActiveElement as ActiveElement1 } from "./components/vehicle-lookup/vehicle-lookup";
 export { ErrorKeys, LanguageKeys } from "./global/types/locales/index";
@@ -18,7 +19,8 @@ export { PartInformation } from "./global/types/part-information";
 export { DotNetObjectReference, MockJson } from "./global/types/components";
 export { ServiceItem, VehicleInformation } from "./global/types/vehicle-information";
 export { FormHook } from "./global/lib/form-hook";
-export { FormElementMapper, FormFieldParams, FormInputChanges, FormSelectFetcher, LocaleFormKeys, StructureObject } from "./global/types/forms";
+export { InputParams } from "./global/types/general";
+export { FormElementMapper, FormFieldParams, FormSelectFetcher, LocaleFormKeys, StructureObject } from "./global/types/forms";
 export { ActiveElement } from "./components/part-lookup/part-lookup";
 export { ActiveElement as ActiveElement1 } from "./components/vehicle-lookup/vehicle-lookup";
 export namespace Components {
@@ -95,74 +97,70 @@ export namespace Components {
     }
     interface FormInput {
         "class": string;
-        "componentClass": string;
-        "componentId": string;
-        "defaultValue"?: string;
-        "disabled": boolean;
         "errorMessage": string;
         "form": FormHook<any>;
         "formLocaleName": LocaleFormKeys;
-        "inputChanges": FormInputChanges;
+        "inputParams": InputParams;
         "inputPreFix": string;
         "isError": boolean;
         "isRequired": boolean;
         "label": string;
         "language": LanguageKeys;
-        "name": string;
         "numberDirection"?: boolean;
-        "onChangeMiddleware"?: (event: InputEvent) => InputEvent;
-        "placeholder": string;
-        "type": string;
+        "wrapperClass": string;
+        "wrapperId": string;
     }
     interface FormSelect {
-        "componentClass": string;
-        "componentId": string;
         "disabled": boolean;
         "errorMessage": string;
         "fetcher": FormSelectFetcher;
         "form": FormHook<any>;
         "formLocaleName": string;
-        "inputChanges": FormInputChanges;
         "isError": boolean;
         "isRequired": boolean;
         "label": string;
         "language": LanguageKeys;
         "name": string;
         "placeholder": string;
+        "wrapperClass": string;
+        "wrapperId": string;
+    }
+    interface FormShadowInput {
+        "form": FormHook<any>;
+        "name": string;
+        "value": string;
     }
     interface FormStructure {
         "errorMessage": string;
         "form": FormHook<any>;
-        "formElementMapper": FormElementMapper;
-        "formFieldParams": FormFieldParams;
+        "formElementMapper": FormElementMapper<any>;
         "isLoading": boolean;
         "language": LanguageKeys;
         "renderControl": {};
-        "structureObject": StructureObject;
+        "structure": string;
+        "theme": string;
+        "themes": any;
     }
     interface FormStructureError {
         "language": LanguageKeys;
     }
     interface FormSubmit {
         "isLoading": boolean;
+        "language": LanguageKeys;
         "params": FormFieldParams;
         "structureElement": StructureObject;
     }
     interface FormTextArea {
-        "componentClass": string;
-        "componentId": string;
-        "defaultValue"?: string;
-        "disabled": boolean;
         "errorMessage": string;
         "form": FormHook<any>;
         "formLocaleName": LocaleFormKeys;
-        "inputChanges": FormInputChanges;
+        "inputParams": InputParams;
         "isError": boolean;
         "isRequired": boolean;
         "label": string;
         "language": LanguageKeys;
-        "name": string;
-        "placeholder": string;
+        "wrapperClass": string;
+        "wrapperId": string;
     }
     interface ManufacturerLookup {
         "baseUrl": string;
@@ -206,6 +204,18 @@ export namespace Components {
         "queryString": string;
         "setBlazorRef": (newBlazorRef: DotNetObjectReference) => Promise<void>;
     }
+    interface ServiceBookingForm {
+        "baseUrl": string;
+        "brandId": string;
+        "errorCallback": (error: any) => void;
+        "language": LanguageKeys;
+        "loadingChanges": (loading: boolean) => void;
+        "queryString": string;
+        "recaptchaKey": string;
+        "structure": string;
+        "successCallback": (values: any) => void;
+        "theme": string;
+    }
     interface ServiceHistory {
         "baseUrl": string;
         "errorCallback": (errorMessage: ErrorKeys) => void;
@@ -338,6 +348,12 @@ declare global {
         prototype: HTMLFormSelectElement;
         new (): HTMLFormSelectElement;
     };
+    interface HTMLFormShadowInputElement extends Components.FormShadowInput, HTMLStencilElement {
+    }
+    var HTMLFormShadowInputElement: {
+        prototype: HTMLFormShadowInputElement;
+        new (): HTMLFormShadowInputElement;
+    };
     interface HTMLFormStructureElement extends Components.FormStructure, HTMLStencilElement {
     }
     var HTMLFormStructureElement: {
@@ -380,6 +396,12 @@ declare global {
         prototype: HTMLPartLookupElement;
         new (): HTMLPartLookupElement;
     };
+    interface HTMLServiceBookingFormElement extends Components.ServiceBookingForm, HTMLStencilElement {
+    }
+    var HTMLServiceBookingFormElement: {
+        prototype: HTMLServiceBookingFormElement;
+        new (): HTMLServiceBookingFormElement;
+    };
     interface HTMLServiceHistoryElement extends Components.ServiceHistory, HTMLStencilElement {
     }
     var HTMLServiceHistoryElement: {
@@ -419,6 +441,7 @@ declare global {
         "form-dialog": HTMLFormDialogElement;
         "form-input": HTMLFormInputElement;
         "form-select": HTMLFormSelectElement;
+        "form-shadow-input": HTMLFormShadowInputElement;
         "form-structure": HTMLFormStructureElement;
         "form-structure-error": HTMLFormStructureErrorElement;
         "form-submit": HTMLFormSubmitElement;
@@ -426,6 +449,7 @@ declare global {
         "manufacturer-lookup": HTMLManufacturerLookupElement;
         "paint-thickness": HTMLPaintThicknessElement;
         "part-lookup": HTMLPartLookupElement;
+        "service-booking-form": HTMLServiceBookingFormElement;
         "service-history": HTMLServiceHistoryElement;
         "vehicle-accessories": HTMLVehicleAccessoriesElement;
         "vehicle-lookup": HTMLVehicleLookupElement;
@@ -492,74 +516,70 @@ declare namespace LocalJSX {
     }
     interface FormInput {
         "class"?: string;
-        "componentClass"?: string;
-        "componentId"?: string;
-        "defaultValue"?: string;
-        "disabled"?: boolean;
         "errorMessage"?: string;
         "form"?: FormHook<any>;
         "formLocaleName"?: LocaleFormKeys;
-        "inputChanges"?: FormInputChanges;
+        "inputParams"?: InputParams;
         "inputPreFix"?: string;
         "isError"?: boolean;
         "isRequired"?: boolean;
         "label"?: string;
         "language"?: LanguageKeys;
-        "name"?: string;
         "numberDirection"?: boolean;
-        "onChangeMiddleware"?: (event: InputEvent) => InputEvent;
-        "placeholder"?: string;
-        "type"?: string;
+        "wrapperClass"?: string;
+        "wrapperId"?: string;
     }
     interface FormSelect {
-        "componentClass"?: string;
-        "componentId"?: string;
         "disabled"?: boolean;
         "errorMessage"?: string;
         "fetcher"?: FormSelectFetcher;
         "form"?: FormHook<any>;
         "formLocaleName"?: string;
-        "inputChanges"?: FormInputChanges;
         "isError"?: boolean;
         "isRequired"?: boolean;
         "label"?: string;
         "language"?: LanguageKeys;
         "name"?: string;
         "placeholder"?: string;
+        "wrapperClass"?: string;
+        "wrapperId"?: string;
+    }
+    interface FormShadowInput {
+        "form"?: FormHook<any>;
+        "name"?: string;
+        "value"?: string;
     }
     interface FormStructure {
         "errorMessage"?: string;
         "form"?: FormHook<any>;
-        "formElementMapper"?: FormElementMapper;
-        "formFieldParams"?: FormFieldParams;
+        "formElementMapper"?: FormElementMapper<any>;
         "isLoading"?: boolean;
         "language"?: LanguageKeys;
         "renderControl"?: {};
-        "structureObject"?: StructureObject;
+        "structure"?: string;
+        "theme"?: string;
+        "themes"?: any;
     }
     interface FormStructureError {
         "language"?: LanguageKeys;
     }
     interface FormSubmit {
         "isLoading"?: boolean;
+        "language"?: LanguageKeys;
         "params"?: FormFieldParams;
         "structureElement"?: StructureObject;
     }
     interface FormTextArea {
-        "componentClass"?: string;
-        "componentId"?: string;
-        "defaultValue"?: string;
-        "disabled"?: boolean;
         "errorMessage"?: string;
         "form"?: FormHook<any>;
         "formLocaleName"?: LocaleFormKeys;
-        "inputChanges"?: FormInputChanges;
+        "inputParams"?: InputParams;
         "isError"?: boolean;
         "isRequired"?: boolean;
         "label"?: string;
         "language"?: LanguageKeys;
-        "name"?: string;
-        "placeholder"?: string;
+        "wrapperClass"?: string;
+        "wrapperId"?: string;
     }
     interface ManufacturerLookup {
         "baseUrl"?: string;
@@ -593,6 +613,18 @@ declare namespace LocalJSX {
         "loadingStateChanged"?: (isLoading: boolean) => void;
         "queryString"?: string;
     }
+    interface ServiceBookingForm {
+        "baseUrl"?: string;
+        "brandId"?: string;
+        "errorCallback"?: (error: any) => void;
+        "language"?: LanguageKeys;
+        "loadingChanges"?: (loading: boolean) => void;
+        "queryString"?: string;
+        "recaptchaKey"?: string;
+        "structure"?: string;
+        "successCallback"?: (values: any) => void;
+        "theme"?: string;
+    }
     interface ServiceHistory {
         "baseUrl"?: string;
         "errorCallback"?: (errorMessage: ErrorKeys) => void;
@@ -666,6 +698,7 @@ declare namespace LocalJSX {
         "form-dialog": FormDialog;
         "form-input": FormInput;
         "form-select": FormSelect;
+        "form-shadow-input": FormShadowInput;
         "form-structure": FormStructure;
         "form-structure-error": FormStructureError;
         "form-submit": FormSubmit;
@@ -673,6 +706,7 @@ declare namespace LocalJSX {
         "manufacturer-lookup": ManufacturerLookup;
         "paint-thickness": PaintThickness;
         "part-lookup": PartLookup;
+        "service-booking-form": ServiceBookingForm;
         "service-history": ServiceHistory;
         "vehicle-accessories": VehicleAccessories;
         "vehicle-lookup": VehicleLookup;
@@ -692,6 +726,7 @@ declare module "@stencil/core" {
             "form-dialog": LocalJSX.FormDialog & JSXBase.HTMLAttributes<HTMLFormDialogElement>;
             "form-input": LocalJSX.FormInput & JSXBase.HTMLAttributes<HTMLFormInputElement>;
             "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>;
@@ -699,6 +734,7 @@ declare module "@stencil/core" {
             "manufacturer-lookup": LocalJSX.ManufacturerLookup & JSXBase.HTMLAttributes<HTMLManufacturerLookupElement>;
             "paint-thickness": LocalJSX.PaintThickness & JSXBase.HTMLAttributes<HTMLPaintThicknessElement>;
             "part-lookup": LocalJSX.PartLookup & JSXBase.HTMLAttributes<HTMLPartLookupElement>;
+            "service-booking-form": LocalJSX.ServiceBookingForm & JSXBase.HTMLAttributes<HTMLServiceBookingFormElement>;
             "service-history": LocalJSX.ServiceHistory & JSXBase.HTMLAttributes<HTMLServiceHistoryElement>;
             "vehicle-accessories": LocalJSX.VehicleAccessories & JSXBase.HTMLAttributes<HTMLVehicleAccessoriesElement>;
             "vehicle-lookup": LocalJSX.VehicleLookup & JSXBase.HTMLAttributes<HTMLVehicleLookupElement>;