adp-web-components 0.0.44 → 0.0.47

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-0f0e54c1.js";export{s as setNonce}from"./p-0f0e54c1.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-ad59c0ac",[[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-33434784",[[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-02589422",[[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-c87d536f",[[0,"form-input",{name:[1],label:[1],class:[1],isError:[4,"is-error"],disabled:[4],labelClass:[1,"label-class"],errorClass:[1,"error-class"],errorMessage:[1,"error-message"],containerClass:[1,"container-class"]}]]],["p-a88d388f",[[1,"general-inquiry-form",{isLoading:[32],renderControl:[32]}]]],["p-edf9ed4b",[[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-b1663a0f",[[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-b8390527",[[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-6cc94857",[[4,"form-structure",{renderControl:[16],isLoading:[4,"is-loading"],form:[16],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-ecc53648",[[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],structureObject:[32],locale:[32]},null,{language:["changeLanguage"],structure:["onStructureChange"]}]]],["p-359ea480",[[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-36423afa",[[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-ba46e8f2",[[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-974f9490",[[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-14de3422",[[0,"form-input",{name:[1],type:[1],label:[1],class:[1],isError:[4,"is-error"],disabled:[4],componentId:[1,"component-id"],inputPreFix:[1,"input-pre-fix"],isRequired:[4,"is-required"],placeholder:[1],errorMessage:[1,"error-message"],componentClass:[1,"component-class"],language:[1],formLocaleName:[1,"form-locale-name"],inputChanges:[16],locale:[32]},null,{language:["changeLanguage"]}],[0,"form-select",{name:[1],label:[1],isError:[4,"is-error"],disabled:[4],componentId:[1,"component-id"],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],isRequired:[4,"is-required"],componentId:[1,"component-id"],placeholder:[1],errorMessage:[1,"error-message"],componentClass:[1,"component-class"],language:[1],formLocaleName:[1,"form-locale-name"],inputChanges:[16],locale:[32]},null,{language:["changeLanguage"]}]]]],e))));

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

@@ -0,0 +1,24 @@
+import { FormInputChanges, LocaleFormKeys } from "../../global/types/forms";
+import { LanguageKeys, Locale } from "../../global/types/locales/index";
+export declare class FormInput {
+    name: string;
+    type: string;
+    label: string;
+    class: string;
+    isError: boolean;
+    disabled: boolean;
+    componentId: string;
+    inputPreFix: string;
+    isRequired: boolean;
+    placeholder: string;
+    errorMessage: string;
+    componentClass: string;
+    language: LanguageKeys;
+    formLocaleName: LocaleFormKeys;
+    inputChanges: FormInputChanges;
+    locale: Locale;
+    el: HTMLElement;
+    componentWillLoad(): Promise<void>;
+    changeLanguage(newLanguage: LanguageKeys): Promise<void>;
+    render(): any;
+}

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

@@ -0,0 +1,38 @@
+import { ErrorKeys, LanguageKeys, Locale } from "../../global/types/locales/index";
+import { FormInputChanges, FormSelectFetcher, FormSelectItem } from "../../global/types/forms";
+export declare class FormSelect {
+    name: string;
+    label: string;
+    isError: boolean;
+    disabled: boolean;
+    componentId: string;
+    isRequired: boolean;
+    errorMessage: string;
+    componentClass: string;
+    formLocaleName: string;
+    fetcher: FormSelectFetcher;
+    language: LanguageKeys;
+    inputChanges: FormInputChanges;
+    placeholder: string;
+    isLoading: boolean;
+    isOpen: boolean;
+    selectedValue: string;
+    openUpwards: boolean;
+    options: FormSelectItem[];
+    fetchingErrorMessage?: ErrorKeys;
+    locale: Locale;
+    el: HTMLElement;
+    private abortController;
+    changeLanguage(newLanguage: LanguageKeys): Promise<void>;
+    dropdownRef: HTMLElement;
+    componentWillLoad(): Promise<void>;
+    toggleDropdown: () => void;
+    adjustDropdownPosition(): void;
+    handleSelection(option: FormSelectItem): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    closeDropdown: (event: MouseEvent) => void;
+    fetch(): Promise<void>;
+    componentDidLoad(): Promise<void>;
+    disconnectedCallback(): Promise<void>;
+    render(): any;
+}

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

@@ -0,0 +1,8 @@
+import { LanguageKeys, Locale } from "../../global/types/locales/index";
+export declare class FormStructureError {
+    language: LanguageKeys;
+    locale: Locale;
+    componentWillLoad(): Promise<void>;
+    changeLanguage(newLanguage: LanguageKeys): Promise<void>;
+    render(): any;
+}

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

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

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

@@ -0,0 +1,7 @@
+import { FormFieldParams, StructureObject } from "../../global/types/forms";
+export declare class FormSubmit {
+    isLoading: boolean;
+    params: FormFieldParams;
+    structureElement: StructureObject;
+    render(): any;
+}

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

@@ -0,0 +1,21 @@
+import { LanguageKeys, Locale } from "../../global/types/locales/index";
+import { FormInputChanges, LocaleFormKeys } from "../../global/types/forms";
+export declare class FormTextArea {
+    name: string;
+    label: string;
+    isError: boolean;
+    disabled: boolean;
+    isRequired: boolean;
+    componentId: string;
+    placeholder: string;
+    errorMessage: string;
+    componentClass: string;
+    language: LanguageKeys;
+    formLocaleName: LocaleFormKeys;
+    inputChanges: FormInputChanges;
+    locale: Locale;
+    el: HTMLElement;
+    componentWillLoad(): Promise<void>;
+    changeLanguage(newLanguage: LanguageKeys): Promise<void>;
+    render(): any;
+}

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

@@ -0,0 +1,46 @@
+import { InferType } from 'yup';
+import { LanguageKeys, Locale } from "../../global/types/locales/index";
+import { FormHookInterface, StructureObject } from "../../global/types/forms";
+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>;
+export declare class ContactUsForm implements FormHookInterface<ContactUs> {
+    theme: string;
+    baseUrl: string;
+    brandId: string;
+    queryString: string;
+    language: LanguageKeys;
+    errorCallback: (error: any) => void;
+    successCallback: (values: any) => void;
+    structure: string;
+    loadingChanges: (loading: boolean) => void;
+    recaptchaKey: string;
+    isLoading: boolean;
+    renderControl: {};
+    structureObject: StructureObject;
+    locale: Locale;
+    recaptchaWidget: number | null;
+    private form;
+    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;
+}
+export {};

package/dist/types/components.d.ts

@@ -9,15 +9,31 @@ import { ErrorKeys, LanguageKeys } from "./global/types/locales/index";
 import { PartInformation } from "./global/types/part-information";
 import { DotNetObjectReference, MockJson } from "./global/types/components";
 import { ServiceItem, VehicleInformation } from "./global/types/vehicle-information";
+import { FormElementMapper, FormFieldParams, FormInputChanges, FormSelectFetcher, LocaleFormKeys, StructureObject } from "./global/types/forms";
+import { FormHook } from "./global/lib/form-hook";
 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";
 export { PartInformation } from "./global/types/part-information";
 export { DotNetObjectReference, MockJson } from "./global/types/components";
 export { ServiceItem, VehicleInformation } from "./global/types/vehicle-information";
+export { FormElementMapper, FormFieldParams, FormInputChanges, FormSelectFetcher, LocaleFormKeys, StructureObject } from "./global/types/forms";
+export { FormHook } from "./global/lib/form-hook";
 export { ActiveElement } from "./components/part-lookup/part-lookup";
 export { ActiveElement as ActiveElement1 } from "./components/vehicle-lookup/vehicle-lookup";
 export namespace Components {
+    interface ContactUsForm {
+        "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 DeadStockLookup {
         "baseUrl": string;
         "errorCallback": (errorMessage: ErrorKeys) => void;
@@ -74,16 +90,66 @@ export namespace Components {
     }
     interface FormInput {
         "class": string;
-        "containerClass": string;
+        "componentClass": string;
+        "componentId": string;
         "disabled": boolean;
-        "errorClass": string;
         "errorMessage": string;
+        "formLocaleName": LocaleFormKeys;
+        "inputChanges": FormInputChanges;
+        "inputPreFix": string;
         "isError": boolean;
+        "isRequired": boolean;
         "label": string;
-        "labelClass": string;
+        "language": LanguageKeys;
         "name": string;
+        "placeholder": string;
+        "type": string;
+    }
+    interface FormSelect {
+        "componentClass": string;
+        "componentId": string;
+        "disabled": boolean;
+        "errorMessage": string;
+        "fetcher": FormSelectFetcher;
+        "formLocaleName": string;
+        "inputChanges": FormInputChanges;
+        "isError": boolean;
+        "isRequired": boolean;
+        "label": string;
+        "language": LanguageKeys;
+        "name": string;
+        "placeholder": string;
+    }
+    interface FormStructure {
+        "form": FormHook<any>;
+        "formElementMapper": FormElementMapper;
+        "formFieldParams": FormFieldParams;
+        "isLoading": boolean;
+        "language": LanguageKeys;
+        "renderControl": {};
+        "structureObject": StructureObject;
     }
-    interface GeneralInquiryForm {
+    interface FormStructureError {
+        "language": LanguageKeys;
+    }
+    interface FormSubmit {
+        "isLoading": boolean;
+        "params": FormFieldParams;
+        "structureElement": StructureObject;
+    }
+    interface FormTextArea {
+        "componentClass": string;
+        "componentId": string;
+        "disabled": boolean;
+        "errorMessage": string;
+        "formLocaleName": LocaleFormKeys;
+        "inputChanges": FormInputChanges;
+        "isError": boolean;
+        "isRequired": boolean;
+        "label": string;
+        "language": LanguageKeys;
+        "name": string;
+        "placeholder": string;
     }
     interface ManufacturerLookup {
         "baseUrl": string;
@@ -210,11 +276,13 @@ export namespace Components {
         "userId"?: string;
     }
 }
-export interface FormInputCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLFormInputElement;
-}
 declare global {
+    interface HTMLContactUsFormElement extends Components.ContactUsForm, HTMLStencilElement {
+    }
+    var HTMLContactUsFormElement: {
+        prototype: HTMLContactUsFormElement;
+        new (): HTMLContactUsFormElement;
+    };
     interface HTMLDeadStockLookupElement extends Components.DeadStockLookup, HTMLStencilElement {
     }
     var HTMLDeadStockLookupElement: {
@@ -239,28 +307,41 @@ declare global {
         prototype: HTMLDynamicRedeemElement;
         new (): HTMLDynamicRedeemElement;
     };
-    interface HTMLFormInputElementEventMap {
-        "onInput": any;
-    }
     interface HTMLFormInputElement extends Components.FormInput, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLFormInputElementEventMap>(type: K, listener: (this: HTMLFormInputElement, ev: FormInputCustomEvent<HTMLFormInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLFormInputElementEventMap>(type: K, listener: (this: HTMLFormInputElement, ev: FormInputCustomEvent<HTMLFormInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLFormInputElement: {
         prototype: HTMLFormInputElement;
         new (): HTMLFormInputElement;
     };
-    interface HTMLGeneralInquiryFormElement extends Components.GeneralInquiryForm, HTMLStencilElement {
+    interface HTMLFormSelectElement extends Components.FormSelect, HTMLStencilElement {
+    }
+    var HTMLFormSelectElement: {
+        prototype: HTMLFormSelectElement;
+        new (): HTMLFormSelectElement;
+    };
+    interface HTMLFormStructureElement extends Components.FormStructure, HTMLStencilElement {
     }
-    var HTMLGeneralInquiryFormElement: {
-        prototype: HTMLGeneralInquiryFormElement;
-        new (): HTMLGeneralInquiryFormElement;
+    var HTMLFormStructureElement: {
+        prototype: HTMLFormStructureElement;
+        new (): HTMLFormStructureElement;
+    };
+    interface HTMLFormStructureErrorElement extends Components.FormStructureError, HTMLStencilElement {
+    }
+    var HTMLFormStructureErrorElement: {
+        prototype: HTMLFormStructureErrorElement;
+        new (): HTMLFormStructureErrorElement;
+    };
+    interface HTMLFormSubmitElement extends Components.FormSubmit, HTMLStencilElement {
+    }
+    var HTMLFormSubmitElement: {
+        prototype: HTMLFormSubmitElement;
+        new (): HTMLFormSubmitElement;
+    };
+    interface HTMLFormTextAreaElement extends Components.FormTextArea, HTMLStencilElement {
+    }
+    var HTMLFormTextAreaElement: {
+        prototype: HTMLFormTextAreaElement;
+        new (): HTMLFormTextAreaElement;
     };
     interface HTMLManufacturerLookupElement extends Components.ManufacturerLookup, HTMLStencilElement {
     }
@@ -311,12 +392,17 @@ declare global {
         new (): HTMLWarrantyDetailsElement;
     };
     interface HTMLElementTagNameMap {
+        "contact-us-form": HTMLContactUsFormElement;
         "dead-stock-lookup": HTMLDeadStockLookupElement;
         "distributor-lookup": HTMLDistributorLookupElement;
         "dynamic-claim": HTMLDynamicClaimElement;
         "dynamic-redeem": HTMLDynamicRedeemElement;
         "form-input": HTMLFormInputElement;
-        "general-inquiry-form": HTMLGeneralInquiryFormElement;
+        "form-select": HTMLFormSelectElement;
+        "form-structure": HTMLFormStructureElement;
+        "form-structure-error": HTMLFormStructureErrorElement;
+        "form-submit": HTMLFormSubmitElement;
+        "form-text-area": HTMLFormTextAreaElement;
         "manufacturer-lookup": HTMLManufacturerLookupElement;
         "paint-thickness": HTMLPaintThicknessElement;
         "part-lookup": HTMLPartLookupElement;
@@ -328,6 +414,18 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    interface ContactUsForm {
+        "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 DeadStockLookup {
         "baseUrl"?: string;
         "errorCallback"?: (errorMessage: ErrorKeys) => void;
@@ -369,17 +467,66 @@ declare namespace LocalJSX {
     }
     interface FormInput {
         "class"?: string;
-        "containerClass"?: string;
+        "componentClass"?: string;
+        "componentId"?: string;
+        "disabled"?: boolean;
+        "errorMessage"?: string;
+        "formLocaleName"?: LocaleFormKeys;
+        "inputChanges"?: FormInputChanges;
+        "inputPreFix"?: string;
+        "isError"?: boolean;
+        "isRequired"?: boolean;
+        "label"?: string;
+        "language"?: LanguageKeys;
+        "name"?: string;
+        "placeholder"?: string;
+        "type"?: string;
+    }
+    interface FormSelect {
+        "componentClass"?: string;
+        "componentId"?: string;
         "disabled"?: boolean;
-        "errorClass"?: string;
         "errorMessage"?: string;
+        "fetcher"?: FormSelectFetcher;
+        "formLocaleName"?: string;
+        "inputChanges"?: FormInputChanges;
         "isError"?: boolean;
+        "isRequired"?: boolean;
         "label"?: string;
-        "labelClass"?: string;
+        "language"?: LanguageKeys;
         "name"?: string;
-        "onOnInput"?: (event: FormInputCustomEvent<any>) => void;
+        "placeholder"?: string;
+    }
+    interface FormStructure {
+        "form"?: FormHook<any>;
+        "formElementMapper"?: FormElementMapper;
+        "formFieldParams"?: FormFieldParams;
+        "isLoading"?: boolean;
+        "language"?: LanguageKeys;
+        "renderControl"?: {};
+        "structureObject"?: StructureObject;
+    }
+    interface FormStructureError {
+        "language"?: LanguageKeys;
     }
-    interface GeneralInquiryForm {
+    interface FormSubmit {
+        "isLoading"?: boolean;
+        "params"?: FormFieldParams;
+        "structureElement"?: StructureObject;
+    }
+    interface FormTextArea {
+        "componentClass"?: string;
+        "componentId"?: string;
+        "disabled"?: boolean;
+        "errorMessage"?: string;
+        "formLocaleName"?: LocaleFormKeys;
+        "inputChanges"?: FormInputChanges;
+        "isError"?: boolean;
+        "isRequired"?: boolean;
+        "label"?: string;
+        "language"?: LanguageKeys;
+        "name"?: string;
+        "placeholder"?: string;
     }
     interface ManufacturerLookup {
         "baseUrl"?: string;
@@ -478,12 +625,17 @@ declare namespace LocalJSX {
         "userId"?: string;
     }
     interface IntrinsicElements {
+        "contact-us-form": ContactUsForm;
         "dead-stock-lookup": DeadStockLookup;
         "distributor-lookup": DistributorLookup;
         "dynamic-claim": DynamicClaim;
         "dynamic-redeem": DynamicRedeem;
         "form-input": FormInput;
-        "general-inquiry-form": GeneralInquiryForm;
+        "form-select": FormSelect;
+        "form-structure": FormStructure;
+        "form-structure-error": FormStructureError;
+        "form-submit": FormSubmit;
+        "form-text-area": FormTextArea;
         "manufacturer-lookup": ManufacturerLookup;
         "paint-thickness": PaintThickness;
         "part-lookup": PartLookup;
@@ -498,12 +650,17 @@ 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>;
             "distributor-lookup": LocalJSX.DistributorLookup & JSXBase.HTMLAttributes<HTMLDistributorLookupElement>;
             "dynamic-claim": LocalJSX.DynamicClaim & JSXBase.HTMLAttributes<HTMLDynamicClaimElement>;
             "dynamic-redeem": LocalJSX.DynamicRedeem & JSXBase.HTMLAttributes<HTMLDynamicRedeemElement>;
             "form-input": LocalJSX.FormInput & JSXBase.HTMLAttributes<HTMLFormInputElement>;
-            "general-inquiry-form": LocalJSX.GeneralInquiryForm & JSXBase.HTMLAttributes<HTMLGeneralInquiryFormElement>;
+            "form-select": LocalJSX.FormSelect & JSXBase.HTMLAttributes<HTMLFormSelectElement>;
+            "form-structure": LocalJSX.FormStructure & JSXBase.HTMLAttributes<HTMLFormStructureElement>;
+            "form-structure-error": LocalJSX.FormStructureError & JSXBase.HTMLAttributes<HTMLFormStructureErrorElement>;
+            "form-submit": LocalJSX.FormSubmit & JSXBase.HTMLAttributes<HTMLFormSubmitElement>;
+            "form-text-area": LocalJSX.FormTextArea & JSXBase.HTMLAttributes<HTMLFormTextAreaElement>;
             "manufacturer-lookup": LocalJSX.ManufacturerLookup & JSXBase.HTMLAttributes<HTMLManufacturerLookupElement>;
             "paint-thickness": LocalJSX.PaintThickness & JSXBase.HTMLAttributes<HTMLPaintThicknessElement>;
             "part-lookup": LocalJSX.PartLookup & JSXBase.HTMLAttributes<HTMLPartLookupElement>;

package/dist/types/global/api/urls.d.ts

@@ -0,0 +1,2 @@
+export declare const TIQ_VEHICLES = "https://tiq-tickets.azurewebsites.net";
+export declare const CITY_ENDPOINT = "https://tiq-identity-server.azurewebsites.net/api/public/city";

package/dist/types/global/lib/form-hook.d.ts

@@ -1,33 +1,5 @@
 import { AnyObjectSchema } from 'yup';
-export interface FormInputInterface {
-    name: string;
-    label: string;
-    class: string;
-    isError: boolean;
-    disabled: boolean;
-    labelClass: string;
-    errorClass: string;
-    errorMessage: string;
-    containerClass: string;
-}
-export interface FormHookInterface<T> {
-    el: HTMLElement;
-    renderControl: {};
-    isLoading: boolean;
-    formSubmit: (formValues: T) => void;
-}
-type FieldType = 'text';
-type ValidationType = 'onSubmit' | 'always';
-interface Field {
-    name: string;
-    isError: boolean;
-    disabled: boolean;
-    errorMessage: string;
-    onInput: (event: InputEvent) => void;
-}
-export interface FormStateOptions {
-    validationType?: ValidationType;
-}
+import { Field, FieldType, FormHookInterface, FormStateOptions } from "../types/forms";
 export declare class FormHook<T> {
     private isSubmitted;
     private context;
@@ -51,4 +23,3 @@ export declare class FormHook<T> {
     private signal;
     private onChanges;
 }
-export {};

package/dist/types/global/lib/recaptcha.d.ts

@@ -0,0 +1,16 @@
+import { LanguageKeys } from "../types/locales/index";
+export type Grecaptcha = {
+    getResponse(): string;
+    reset(widgetId?: number): void;
+    ready(callback: () => void): void;
+    execute(siteKey: string, options: {
+        action: string;
+    }): Promise<string>;
+    render(container: HTMLElement | string, parameters: {
+        'sitekey': string;
+        'callback'?: (token: string) => void;
+        'error-callback'?: () => void;
+        'expired-callback'?: () => void;
+    }): number;
+};
+export declare const setupRecaptcha: (recaptchaKey: string, language?: LanguageKeys, callback?: () => void) => void;

package/dist/types/global/lib/validate-form-structure.d.ts

@@ -0,0 +1,3 @@
+import { StructureObject } from "../types/forms";
+export declare const formStructureStringExample = "[[\"div.kodo#j7\",\"name.name#name\"], \"div.d3#s2\"]";
+export declare const isValidStructure: (structureString: string) => StructureObject;

package/dist/types/global/types/forms.d.ts

@@ -0,0 +1,48 @@
+import { LanguageKeys, Locale } from "./locales/index";
+export interface FormHookInterface<T> {
+    locale: Locale;
+    el: HTMLElement;
+    structure: string;
+    renderControl: {};
+    isLoading: boolean;
+    language: LanguageKeys;
+    structureObject: StructureObject;
+    formSubmit: (formValues: T) => void;
+}
+export type FormSelectItem = {
+    value: string;
+    label: string;
+};
+export type FormInputChanges = (event: InputEvent | string) => void;
+export type FormSelectFetcher = (language: string, signal: AbortSignal) => FormSelectItem[];
+export type FieldType = 'text' | 'select' | 'number' | 'text-area';
+export type FormElementMapper = Record<string, FieldType>;
+export type ValidationType = 'onSubmit' | 'always';
+export interface Field {
+    name: string;
+    isError: boolean;
+    disabled: boolean;
+    isRequired: boolean;
+    fieldType: FieldType;
+    errorMessage: string;
+    inputChanges: FormInputChanges;
+}
+export type FieldControllers = Record<string, Field>;
+export interface FormStateOptions {
+    validationType?: ValidationType;
+}
+type FormElementStructure = {
+    id: string;
+    class: string;
+    children: FormElementStructure[];
+    element: '' | 'div' | 'slot' | 'submit' | 'button' | string;
+};
+export type StructureArray = (string | StructureArray)[];
+export type StructureObject = FormElementStructure | null;
+export type LocaleFormKeys = 'contactUs';
+type Params = {
+    [key: string]: any;
+    formLocaleName: LocaleFormKeys;
+};
+export type FormFieldParams = Record<string, Params>;
+export {};