adp-web-components 0.0.45 → 0.0.48

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,69 @@ export namespace Components {
     }
     interface FormInput {
         "class": string;
-        "containerClass": string;
+        "componentClass": string;
+        "componentId": string;
+        "defaultValue"?: 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;
+        "numberDirection"?: boolean;
+        "onChangeMiddleware"?: (event: InputEvent) => InputEvent;
+        "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 GeneralInquiryForm {
+    interface FormStructure {
+        "form": FormHook<any>;
+        "formElementMapper": FormElementMapper;
+        "formFieldParams": FormFieldParams;
+        "isLoading": boolean;
+        "language": LanguageKeys;
+        "renderControl": {};
+        "structureObject": StructureObject;
+    }
+    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 +279,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 +310,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 +395,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 +417,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 +470,69 @@ declare namespace LocalJSX {
     }
     interface FormInput {
         "class"?: string;
-        "containerClass"?: string;
+        "componentClass"?: string;
+        "componentId"?: string;
+        "defaultValue"?: 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;
-        "onOnInput"?: (event: FormInputCustomEvent<any>) => void;
+        "numberDirection"?: boolean;
+        "onChangeMiddleware"?: (event: InputEvent) => InputEvent;
+        "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 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 +631,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 +656,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 { StructureArray, StructureObject } from "../types/forms";
+export declare const formStructureStringExample = "[[\"div.kodo#j7\",\"name.name#name\"], \"div.d3#s2\"]";
+export declare const isValidStructure: (requestedStructure: string | StructureArray) => 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';
+export type Params = {
+    [key: string]: any;
+    formLocaleName: LocaleFormKeys;
+};
+export type FormFieldParams = Record<string, Params>;
+export {};

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

@@ -0,0 +1,14 @@
+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;
+};

package/dist/types/global/types/locales/error-schema.d.ts

@@ -4,6 +4,7 @@ export declare const errorsSchema: import("yup").ObjectSchema<{
     invalidVin: string;
     noPartsFound: string;
     vinNumberRequired: string;
+    wrongFormStructure: string;
     partNumberRequired: string;
     noServiceAvailable: string;
     wrongResponseFormat: string;
@@ -14,6 +15,7 @@ export declare const errorsSchema: import("yup").ObjectSchema<{
     invalidVin: undefined;
     noPartsFound: undefined;
     vinNumberRequired: undefined;
+    wrongFormStructure: undefined;
     partNumberRequired: undefined;
     noServiceAvailable: undefined;
     wrongResponseFormat: undefined;

package/dist/types/global/types/locales/forms/contact-us-schema.d.ts

@@ -0,0 +1,37 @@
+export declare const contactUsSchema: import("yup").ObjectSchema<{
+    fullName: string;
+    fullNameMinimum: string;
+    fullNameIsRequired: string;
+    emailAddress: string;
+    emailAddressNotValid: string;
+    city: string;
+    selectCity: string;
+    cityIsRequired: string;
+    phoneNumber: string;
+    phoneNumberIsRequired: string;
+    phoneNumberFormatInvalid: string;
+    inquiryType: string;
+    selectInquiryType: string;
+    inquiryTypeIsRequired: string;
+    writeAMessage: string;
+    leaveUsMessage: string;
+    messageIsRequired: string;
+}, import("yup").AnyObject, {
+    fullName: undefined;
+    fullNameMinimum: undefined;
+    fullNameIsRequired: undefined;
+    emailAddress: undefined;
+    emailAddressNotValid: undefined;
+    city: undefined;
+    selectCity: undefined;
+    cityIsRequired: undefined;
+    phoneNumber: undefined;
+    phoneNumberIsRequired: undefined;
+    phoneNumberFormatInvalid: undefined;
+    inquiryType: undefined;
+    selectInquiryType: undefined;
+    inquiryTypeIsRequired: undefined;
+    writeAMessage: undefined;
+    leaveUsMessage: undefined;
+    messageIsRequired: undefined;
+}, "">;

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

@@ -0,0 +1,45 @@
+export declare const FormsSchema: import("yup").ObjectSchema<{
+    contactUs: {
+        fullName?: string;
+        fullNameMinimum?: string;
+        fullNameIsRequired?: string;
+        emailAddress?: string;
+        emailAddressNotValid?: string;
+        city?: string;
+        selectCity?: string;
+        cityIsRequired?: string;
+        phoneNumber?: string;
+        phoneNumberIsRequired?: string;
+        phoneNumberFormatInvalid?: string;
+        inquiryType?: string;
+        selectInquiryType?: string;
+        inquiryTypeIsRequired?: string;
+        writeAMessage?: string;
+        leaveUsMessage?: string;
+        messageIsRequired?: string;
+    };
+    reCaptchaIsRequired: string;
+    inputValueIsIncorrect: string;
+}, import("yup").AnyObject, {
+    contactUs: {
+        fullName: undefined;
+        fullNameMinimum: undefined;
+        fullNameIsRequired: undefined;
+        emailAddress: undefined;
+        emailAddressNotValid: undefined;
+        city: undefined;
+        selectCity: undefined;
+        cityIsRequired: undefined;
+        phoneNumber: undefined;
+        phoneNumberIsRequired: undefined;
+        phoneNumberFormatInvalid: undefined;
+        inquiryType: undefined;
+        selectInquiryType: undefined;
+        inquiryTypeIsRequired: undefined;
+        writeAMessage: undefined;
+        leaveUsMessage: undefined;
+        messageIsRequired: undefined;
+    };
+    reCaptchaIsRequired: undefined;
+    inputValueIsIncorrect: undefined;
+}, "">;

package/dist/types/global/types/locales/general.d.ts

@@ -0,0 +1,5 @@
+export declare const generalSchema: import("yup").ObjectSchema<{
+    noSelectOptions: string;
+}, import("yup").AnyObject, {
+    noSelectOptions: undefined;
+}, "">;