adp-web-components 0.0.50 → 0.0.53

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,73 @@ 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 LoadingSpinner {
+        "isLoading": boolean;
     }
     interface ManufacturerLookup {
         "baseUrl": string;
@@ -206,6 +207,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 +351,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: {
@@ -362,6 +381,12 @@ declare global {
         prototype: HTMLFormTextAreaElement;
         new (): HTMLFormTextAreaElement;
     };
+    interface HTMLLoadingSpinnerElement extends Components.LoadingSpinner, HTMLStencilElement {
+    }
+    var HTMLLoadingSpinnerElement: {
+        prototype: HTMLLoadingSpinnerElement;
+        new (): HTMLLoadingSpinnerElement;
+    };
     interface HTMLManufacturerLookupElement extends Components.ManufacturerLookup, HTMLStencilElement {
     }
     var HTMLManufacturerLookupElement: {
@@ -380,6 +405,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,13 +450,16 @@ 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;
         "form-text-area": HTMLFormTextAreaElement;
+        "loading-spinner": HTMLLoadingSpinnerElement;
         "manufacturer-lookup": HTMLManufacturerLookupElement;
         "paint-thickness": HTMLPaintThicknessElement;
         "part-lookup": HTMLPartLookupElement;
+        "service-booking-form": HTMLServiceBookingFormElement;
         "service-history": HTMLServiceHistoryElement;
         "vehicle-accessories": HTMLVehicleAccessoriesElement;
         "vehicle-lookup": HTMLVehicleLookupElement;
@@ -492,74 +526,73 @@ 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 LoadingSpinner {
+        "isLoading"?: boolean;
     }
     interface ManufacturerLookup {
         "baseUrl"?: string;
@@ -593,6 +626,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,13 +711,16 @@ 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;
         "form-text-area": FormTextArea;
+        "loading-spinner": LoadingSpinner;
         "manufacturer-lookup": ManufacturerLookup;
         "paint-thickness": PaintThickness;
         "part-lookup": PartLookup;
+        "service-booking-form": ServiceBookingForm;
         "service-history": ServiceHistory;
         "vehicle-accessories": VehicleAccessories;
         "vehicle-lookup": VehicleLookup;
@@ -692,13 +740,16 @@ 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>;
             "form-text-area": LocalJSX.FormTextArea & JSXBase.HTMLAttributes<HTMLFormTextAreaElement>;
+            "loading-spinner": LocalJSX.LoadingSpinner & JSXBase.HTMLAttributes<HTMLLoadingSpinnerElement>;
             "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>;

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

@@ -1,11 +1,14 @@
 import { AnyObjectSchema } from 'yup';
-import { Field, FieldType, FormElement, FormHookInterface, FormStateOptions } from "../types/forms";
+import { Field, FormElement, FormHookInterface, FormStateOptions } from "../types/forms";
 export declare class FormHook<T> {
+    successAnimation: () => void;
     private isSubmitted;
+    private cachedValues;
     private subscribers;
     private context;
     private schemaObject;
     private haltValidation;
+    private onValuesUpdate;
     private validationType;
     private subscribedFields;
     formErrors: {
@@ -13,22 +16,32 @@ export declare class FormHook<T> {
     };
     formController: any;
     constructor(context: FormHookInterface<T>, schemaObject: AnyObjectSchema, formStateOptions?: FormStateOptions);
+    setSuccessAnimation: (newSuccessAnimation: typeof this.successAnimation) => () => void;
     subscribe: (formName: string, formElement: FormElement) => number;
     unsubscribe: (formName: string) => {
         name: string;
         context: FormElement;
     }[];
     reset(): void;
+    onInput: (event: Event) => void;
     resetFormErrorMessage: () => string;
     getFormErrors: () => {
         [key: string]: string;
     };
-    getValues: () => {
+    setCachedValues: (newValues: Partial<T>) => void;
+    getValues: () => Partial<T> & {
         [k: string]: FormDataEntryValue;
     };
     private focusFirstInput;
     onSubmit: (formEvent: SubmitEvent) => void;
-    newController: (name: string, fieldType: FieldType) => Field;
+    getInputState: (name: string) => Field;
     private signal;
-    private onChanges;
+    validateInput: (name: string) => {
+        isError: boolean;
+        errorMessage: any;
+    };
+    validateForm: (name: string, value: string, strict?: boolean) => {
+        isError: boolean;
+        errorMessage: any;
+    };
 }

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

@@ -1,32 +1,28 @@
-import { LanguageKeys, Locale } from "./locales/index";
+import { JSX } from '../../stencil-public-runtime';
+import { LanguageKeys } from "./locales/index";
+import { FormHook } from "../lib/form-hook";
 export interface FormHookInterface<T> {
-    locale: Locale;
     el: HTMLElement;
     structure: string;
     renderControl: {};
     isLoading: boolean;
     errorMessage: string;
     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 FormSelectFetcher = (language: string, signal: AbortSignal) => Promise<FormSelectItem[]>;
 export type ValidationType = 'onSubmit' | 'always';
 export interface Field {
     name: string;
     isError: boolean;
     disabled: boolean;
     isRequired: boolean;
-    fieldType: FieldType;
     errorMessage: string;
-    inputChanges: FormInputChanges;
+    continuousValidation: boolean;
 }
 export type FieldControllers = Record<string, Field>;
 export interface FormStateOptions {
@@ -53,4 +49,15 @@ export type Subscribers = {
     name: string;
     context: FormElement;
 }[];
+type FormElementMapperFunction = (ElementContext: {
+    form: FormHook<any>;
+    isLoading: boolean;
+    structureElement: StructureObject;
+    language: LanguageKeys;
+}) => JSX.Element;
+export type FormElementMapper<T> = {
+    [K in keyof T]: FormElementMapperFunction;
+} & {
+    submit: FormElementMapperFunction;
+};
 export {};

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

@@ -12,3 +12,12 @@ export type Grecaptcha = {
         'expired-callback'?: () => void;
     }): number;
 };
+export type InputParams = {
+    id?: string;
+    name: string;
+    type?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    defaultValue?: string;
+    onInput?: (event: InputEvent) => void;
+};

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

@@ -1,7 +1,11 @@
 export declare const generalSchema: import("yup").ObjectSchema<{
     close: string;
+    submit: string;
     noSelectOptions: string;
+    formSubmittedSuccessfully: string;
 }, import("yup").AnyObject, {
     close: undefined;
+    submit: undefined;
     noSelectOptions: undefined;
+    formSubmittedSuccessfully: undefined;
 }, "">;

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

@@ -49,7 +49,9 @@ export declare const localeSchema: import("yup").ObjectSchema<{
     };
     general: {
         close?: string;
+        submit?: string;
         noSelectOptions?: string;
+        formSubmittedSuccessfully?: string;
     };
     lang: string;
     noData: string;
@@ -229,7 +231,9 @@ export declare const localeSchema: import("yup").ObjectSchema<{
     };
     general: {
         close: undefined;
+        submit: undefined;
         noSelectOptions: undefined;
+        formSubmittedSuccessfully: undefined;
     };
     lang: undefined;
     noData: undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adp-web-components",
-  "version": "0.0.50",
+  "version": "0.0.53",
   "description": "ADP Platform Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/cjs/Loading-c3489701.js

@@ -1,16 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-'use strict';
-
-const index = require('./index-603d8f32.js');
-const loader = require('./loader-baf2418b.js');
-const cn = require('./cn-f559f9e5.js');
-
-function Loading({ isLoading }) {
-    return (index.h("div", { class: cn.cn('size-full transition-all z-50 duration-100 flex items-center justify-center pointer-events-none absolute ', { 'opacity-0': !isLoading }) },
-        index.h("img", { class: "animate-spin-2s size-[40px]", src: loader.loaderSvg })));
-}
-
-exports.Loading = Loading;