adp-web-components 0.1.70 → 0.1.72

package/dist/types/components/forms/defaults/mappers.d.ts

@@ -2,6 +2,9 @@ export declare const getFormMappers: (stateObject: Record<string, any>, extraMap
     submit: ({ props }: {
         props: any;
     }) => any;
+    stepperSubmit: ({ props }: {
+        props: any;
+    }) => any;
     name: ({ props }: {
         props: any;
     }) => any;

package/dist/types/components/forms/general-inquiry.d.ts

@@ -14,6 +14,7 @@ export declare class GeneralInquiryForm implements FormHookInterface<any>, Multi
     loadingChanges: (loading: boolean) => void;
     errorCallback: (error: any, message: string) => void;
     successCallback: (data: any, message?: string) => void;
+    stepChangeCallback?: (step: number, currentForm?: any) => void;
     structure: FormElementStructure<any> | undefined;
     fields?: object;
     el: HTMLElement;

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

@@ -14,6 +14,7 @@ export declare class ServiceBookingForm implements FormHookInterface<any>, Multi
     loadingChanges: (loading: boolean) => void;
     errorCallback: (error: any, message: string) => void;
     successCallback: (data: any, message?: string) => void;
+    stepChangeCallback?: (step: number, currentForm?: any) => void;
     structure: FormElementStructure<any> | undefined;
     fields?: object;
     el: HTMLElement;

package/dist/types/components/forms/ssc-lookup.d.ts

@@ -14,6 +14,7 @@ export declare class SSCLookupForm implements FormHookInterface<any>, MultiLingu
     loadingChanges: (loading: boolean) => void;
     errorCallback: (error: any, message: string) => void;
     successCallback: (data: any, message?: string) => void;
+    stepChangeCallback?: (step: number, currentForm?: any) => void;
     structure: FormElementStructure<any> | undefined;
     fields?: object;
     el: HTMLElement;

package/dist/types/components/forms/test-drive.d.ts

@@ -14,6 +14,7 @@ export declare class TestDriveForm implements FormHookInterface<any>, MultiLingu
     loadingChanges: (loading: boolean) => void;
     errorCallback: (error: any, message: string) => void;
     successCallback: (data: any, message?: string) => void;
+    stepChangeCallback?: (step: number, currentForm?: any) => void;
     structure: FormElementStructure<any> | undefined;
     fields?: object;
     el: HTMLElement;

package/dist/types/components/vehicle-lookup/vehicle-accessories.d.ts

@@ -16,6 +16,7 @@ export declare class VehicleAccessories implements MultiLingual, VehicleInfoLayo
     blazorRef?: DotNetObjectReference;
     setBlazorRef(newBlazorRef: DotNetObjectReference): Promise<void>;
     isDev: boolean;
+    disableVinValidation: boolean;
     baseUrl: string;
     headers: object;
     queryString: string;

package/dist/types/components/vehicle-lookup/vehicle-claimable-items.d.ts

@@ -15,6 +15,7 @@ export declare class VehicleClaimableItems implements MultiLingual, VehicleInfoL
     changeLanguage(newLanguage: LanguageKeys): Promise<void>;
     coreOnly: boolean;
     isDev: boolean;
+    disableVinValidation: boolean;
     baseUrl: string;
     headers: object;
     queryString: string;

package/dist/types/components/vehicle-lookup/vehicle-lookup.d.ts

@@ -35,6 +35,7 @@ export declare class VehicleLookup implements MultiLingual {
     activeElement?: ActiveElement;
     baseUrl: string;
     isDev: boolean;
+    disableVinValidation: boolean;
     queryString: string;
     childrenProps?: string | Object;
     blazorErrorStateListener: string;

package/dist/types/components/vehicle-lookup/vehicle-paint-thickness.d.ts

@@ -16,6 +16,7 @@ export declare class VehiclePaintThickness implements MultiLingual, VehicleInfoL
     blazorRef?: DotNetObjectReference;
     setBlazorRef(newBlazorRef: DotNetObjectReference): Promise<void>;
     isDev: boolean;
+    disableVinValidation: boolean;
     baseUrl: string;
     headers: object;
     queryString: string;

package/dist/types/components/vehicle-lookup/vehicle-sale-information.d.ts

@@ -13,6 +13,7 @@ export declare class VehicleSaleInformation implements MultiLingual, VehicleInfo
     blazorRef?: DotNetObjectReference;
     setBlazorRef(newBlazorRef: DotNetObjectReference): Promise<void>;
     isDev: boolean;
+    disableVinValidation: boolean;
     baseUrl: string;
     headers: object;
     queryString: string;

package/dist/types/components/vehicle-lookup/vehicle-service-history.d.ts

@@ -13,6 +13,7 @@ export declare class VehicleServiceHistory implements MultiLingual, VehicleInfoL
     blazorRef?: DotNetObjectReference;
     setBlazorRef(newBlazorRef: DotNetObjectReference): Promise<void>;
     isDev: boolean;
+    disableVinValidation: boolean;
     baseUrl: string;
     headers: object;
     queryString: string;

package/dist/types/components/vehicle-lookup/vehicle-specification.d.ts

@@ -13,6 +13,7 @@ export declare class VehicleSpecification implements MultiLingual, VehicleInfoLa
     blazorRef?: DotNetObjectReference;
     setBlazorRef(newBlazorRef: DotNetObjectReference): Promise<void>;
     isDev: boolean;
+    disableVinValidation: boolean;
     baseUrl: string;
     headers: object;
     queryString: string;

package/dist/types/components/vehicle-lookup/vehicle-warranty-details.d.ts

@@ -11,6 +11,7 @@ export declare class VehicleWarrantyDetails implements MultiLingual, VehicleInfo
     changeLanguage(newLanguage: LanguageKeys): Promise<void>;
     coreOnly: boolean;
     isDev: boolean;
+    disableVinValidation: boolean;
     baseUrl: string;
     headers: object;
     queryString: string;

package/dist/types/components.d.ts

@@ -292,6 +292,38 @@ export namespace Components {
         "type"?: string;
         "value": string;
     }
+    interface FormStepperControl {
+        "form": FormHook<any>;
+        "isLoading": boolean;
+        "language"?: string;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
+        "step"?: number;
+        /**
+          * @default 'submit'
+         */
+        "submitTextKey"?: string;
+        "wrapperClass": string;
+        "wrapperId": string;
+    }
+    interface FormStepperSubmit {
+        "form": FormHook<any>;
+        "isLoading": boolean;
+        "language"?: string;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
+        "step"?: number;
+        /**
+          * @default 'submit'
+         */
+        "submitTextKey"?: string;
+        "wrapperClass": string;
+        "wrapperId": string;
+    }
     interface FormStructure {
         "errorMessage": string;
         "fields"?: object;
@@ -424,6 +456,7 @@ export namespace Components {
         "isMobileForm": boolean;
         "language": LanguageKeys;
         "loadingChanges": (loading: boolean) => void;
+        "stepChangeCallback"?: (step: number, currentForm?: any) => void;
         "structure": FormElementStructure<any> | undefined;
         "structureUrl"?: string;
         "submit": () => Promise<void>;
@@ -586,6 +619,7 @@ export namespace Components {
         "isMobileForm": boolean;
         "language": LanguageKeys;
         "loadingChanges": (loading: boolean) => void;
+        "stepChangeCallback"?: (step: number, currentForm?: any) => void;
         "structure": FormElementStructure<any> | undefined;
         "structureUrl"?: string;
         "submit": () => Promise<void>;
@@ -656,6 +690,7 @@ export namespace Components {
         "isMobileForm": boolean;
         "language": LanguageKeys;
         "loadingChanges": (loading: boolean) => void;
+        "stepChangeCallback"?: (step: number, currentForm?: any) => void;
         "structure": FormElementStructure<any> | undefined;
         "structureUrl"?: string;
         "submit": () => Promise<void>;
@@ -683,6 +718,7 @@ export namespace Components {
         "isMobileForm": boolean;
         "language": LanguageKeys;
         "loadingChanges": (loading: boolean) => void;
+        "stepChangeCallback"?: (step: number, currentForm?: any) => void;
         "structure": FormElementStructure<any> | undefined;
         "structureUrl"?: string;
         "submit": () => Promise<void>;
@@ -695,6 +731,10 @@ export namespace Components {
           * @default false
          */
         "coreOnly": boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation": boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         "fetchVin": (newData: VehicleLookupDTO | string, headers?: any) => Promise<void>;
         /**
@@ -729,6 +769,10 @@ export namespace Components {
           * @default false
          */
         "coreOnly": boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation": boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         "fetchVin": (newData: VehicleLookupDTO | string, headers?: any) => Promise<void>;
         /**
@@ -796,6 +840,10 @@ export namespace Components {
          */
         "blazorOnLoadingStateChange": string;
         "childrenProps"?: string | Object;
+        /**
+          * @default false
+         */
+        "disableVinValidation": boolean;
         "dynamicClaimActivate"?: (vehicleInformation: VehicleLookupDTO) => void;
         "errorStateListener"?: (newError: string) => void;
         "fetchVin": (vin: string, headers?: any) => Promise<void>;
@@ -821,6 +869,10 @@ export namespace Components {
           * @default false
          */
         "coreOnly": boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation": boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         "fetchVin": (newData: VehicleLookupDTO | string, headers?: any) => Promise<void>;
         /**
@@ -874,6 +926,10 @@ export namespace Components {
           * @default false
          */
         "coreOnly": boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation": boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         "fetchVin": (newData: VehicleLookupDTO | string, headers?: any) => Promise<void>;
         /**
@@ -905,6 +961,10 @@ export namespace Components {
           * @default false
          */
         "coreOnly": boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation": boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         "fetchVin": (newData: VehicleLookupDTO | string, headers?: any) => Promise<void>;
         /**
@@ -932,6 +992,10 @@ export namespace Components {
           * @default false
          */
         "coreOnly": boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation": boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         "fetchVin": (newData: VehicleLookupDTO | string, headers?: any) => Promise<void>;
         /**
@@ -999,6 +1063,10 @@ export namespace Components {
           * @default null
          */
         "customerPhone"?: string;
+        /**
+          * @default false
+         */
+        "disableVinValidation": boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         "fetchVin": (newData: VehicleLookupDTO | string, headers?: any) => Promise<void>;
         /**
@@ -1156,6 +1224,18 @@ declare global {
         prototype: HTMLFormShadowInputElement;
         new (): HTMLFormShadowInputElement;
     };
+    interface HTMLFormStepperControlElement extends Components.FormStepperControl, HTMLStencilElement {
+    }
+    var HTMLFormStepperControlElement: {
+        prototype: HTMLFormStepperControlElement;
+        new (): HTMLFormStepperControlElement;
+    };
+    interface HTMLFormStepperSubmitElement extends Components.FormStepperSubmit, HTMLStencilElement {
+    }
+    var HTMLFormStepperSubmitElement: {
+        prototype: HTMLFormStepperSubmitElement;
+        new (): HTMLFormStepperSubmitElement;
+    };
     interface HTMLFormStructureElement extends Components.FormStructure, HTMLStencilElement {
     }
     var HTMLFormStructureElement: {
@@ -1366,6 +1446,8 @@ declare global {
         "form-picker-input": HTMLFormPickerInputElement;
         "form-select": HTMLFormSelectElement;
         "form-shadow-input": HTMLFormShadowInputElement;
+        "form-stepper-control": HTMLFormStepperControlElement;
+        "form-stepper-submit": HTMLFormStepperSubmitElement;
         "form-structure": HTMLFormStructureElement;
         "form-structure-error": HTMLFormStructureErrorElement;
         "form-submit": HTMLFormSubmitElement;
@@ -1637,6 +1719,38 @@ declare namespace LocalJSX {
         "type"?: string;
         "value"?: string;
     }
+    interface FormStepperControl {
+        "form"?: FormHook<any>;
+        "isLoading"?: boolean;
+        "language"?: string;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
+        "step"?: number;
+        /**
+          * @default 'submit'
+         */
+        "submitTextKey"?: string;
+        "wrapperClass"?: string;
+        "wrapperId"?: string;
+    }
+    interface FormStepperSubmit {
+        "form"?: FormHook<any>;
+        "isLoading"?: boolean;
+        "language"?: string;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
+        "step"?: number;
+        /**
+          * @default 'submit'
+         */
+        "submitTextKey"?: string;
+        "wrapperClass"?: string;
+        "wrapperId"?: string;
+    }
     interface FormStructure {
         "errorMessage"?: string;
         "fields"?: object;
@@ -1768,6 +1882,7 @@ declare namespace LocalJSX {
         "isMobileForm"?: boolean;
         "language"?: LanguageKeys;
         "loadingChanges"?: (loading: boolean) => void;
+        "stepChangeCallback"?: (step: number, currentForm?: any) => void;
         "structure"?: FormElementStructure<any> | undefined;
         "structureUrl"?: string;
         "successCallback"?: (data: any, message?: string) => void;
@@ -1919,6 +2034,7 @@ declare namespace LocalJSX {
         "isMobileForm"?: boolean;
         "language"?: LanguageKeys;
         "loadingChanges"?: (loading: boolean) => void;
+        "stepChangeCallback"?: (step: number, currentForm?: any) => void;
         "structure"?: FormElementStructure<any> | undefined;
         "structureUrl"?: string;
         "successCallback"?: (data: any, message?: string) => void;
@@ -1983,6 +2099,7 @@ declare namespace LocalJSX {
         "isMobileForm"?: boolean;
         "language"?: LanguageKeys;
         "loadingChanges"?: (loading: boolean) => void;
+        "stepChangeCallback"?: (step: number, currentForm?: any) => void;
         "structure"?: FormElementStructure<any> | undefined;
         "structureUrl"?: string;
         "successCallback"?: (data: any, message?: string) => void;
@@ -2008,6 +2125,7 @@ declare namespace LocalJSX {
         "isMobileForm"?: boolean;
         "language"?: LanguageKeys;
         "loadingChanges"?: (loading: boolean) => void;
+        "stepChangeCallback"?: (step: number, currentForm?: any) => void;
         "structure"?: FormElementStructure<any> | undefined;
         "structureUrl"?: string;
         "successCallback"?: (data: any, message?: string) => void;
@@ -2019,6 +2137,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "coreOnly"?: boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation"?: boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         /**
           * @default {}
@@ -2047,6 +2169,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "coreOnly"?: boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation"?: boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         /**
           * @default {}
@@ -2107,6 +2233,10 @@ declare namespace LocalJSX {
          */
         "blazorOnLoadingStateChange"?: string;
         "childrenProps"?: string | Object;
+        /**
+          * @default false
+         */
+        "disableVinValidation"?: boolean;
         "dynamicClaimActivate"?: (vehicleInformation: VehicleLookupDTO) => void;
         "errorStateListener"?: (newError: string) => void;
         /**
@@ -2129,6 +2259,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "coreOnly"?: boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation"?: boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         /**
           * @default {}
@@ -2176,6 +2310,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "coreOnly"?: boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation"?: boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         /**
           * @default {}
@@ -2203,6 +2341,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "coreOnly"?: boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation"?: boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         /**
           * @default {}
@@ -2226,6 +2368,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "coreOnly"?: boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation"?: boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         /**
           * @default {}
@@ -2289,6 +2435,10 @@ declare namespace LocalJSX {
           * @default null
          */
         "customerPhone"?: string;
+        /**
+          * @default false
+         */
+        "disableVinValidation"?: boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         /**
           * @default {}
@@ -2383,6 +2533,8 @@ declare namespace LocalJSX {
         "form-picker-input": FormPickerInput;
         "form-select": FormSelect;
         "form-shadow-input": FormShadowInput;
+        "form-stepper-control": FormStepperControl;
+        "form-stepper-submit": FormStepperSubmit;
         "form-structure": FormStructure;
         "form-structure-error": FormStructureError;
         "form-submit": FormSubmit;
@@ -2433,6 +2585,8 @@ declare module "@stencil/core" {
             "form-picker-input": LocalJSX.FormPickerInput & JSXBase.HTMLAttributes<HTMLFormPickerInputElement>;
             "form-select": LocalJSX.FormSelect & JSXBase.HTMLAttributes<HTMLFormSelectElement>;
             "form-shadow-input": LocalJSX.FormShadowInput & JSXBase.HTMLAttributes<HTMLFormShadowInputElement>;
+            "form-stepper-control": LocalJSX.FormStepperControl & JSXBase.HTMLAttributes<HTMLFormStepperControlElement>;
+            "form-stepper-submit": LocalJSX.FormStepperSubmit & JSXBase.HTMLAttributes<HTMLFormStepperSubmitElement>;
             "form-structure": LocalJSX.FormStructure & JSXBase.HTMLAttributes<HTMLFormStructureElement>;
             "form-structure-error": LocalJSX.FormStructureError & JSXBase.HTMLAttributes<HTMLFormStructureErrorElement>;
             "form-submit": LocalJSX.FormSubmit & JSXBase.HTMLAttributes<HTMLFormSubmitElement>;

package/dist/types/features/form-hook/form-hook.d.ts

@@ -1,10 +1,11 @@
 import { AnyObjectSchema } from 'yup';
 import { LanguageKeys, SharedFormLocales } from "../multi-lingual/index";
-import { Field, FormElement, FormHookInterface, FormStateOptions, WatchCallback } from './interface';
+import { Field, FormElement, FormHookInterface, FormStateOptions, Step, WatchCallback } from './interface';
 import { FormStructure } from '../../components/form-elements/form-structure';
 export declare class FormHook<T> {
     haltValidation: boolean;
     private isSubmitted;
+    private stepFormValues;
     private watchers;
     private cachedValues;
     private subscribers;
@@ -24,6 +25,7 @@ export declare class FormHook<T> {
     constructor(context: FormHookInterface<T>, schemaObject: AnyObjectSchema, formStateOptions?: FormStateOptions);
     subscribe: (formName: string, formElement: FormElement) => void;
     unsubscribe: (formName: string) => void;
+    getStepLabels: (language?: LanguageKeys, selectedStep?: number) => Step;
     reset(): void;
     addWatcher: (key?: string, callback?: WatchCallback) => void;
     removeWatcher: (key: string) => void;

package/dist/types/features/form-hook/interface.d.ts

@@ -4,6 +4,8 @@ import { FormHook } from "./form-hook";
 import { LanguageKeys } from "../multi-lingual/index";
 export type FormElementStructureComponents<T> = {
     id?: string;
+    step?: number;
+    type?: string;
     class?: string;
     staticValue?: any;
     isHidden?: boolean;
@@ -16,7 +18,15 @@ export type FormElementStructureComponents<T> = {
     tag: string;
     name?: T;
 });
+export type Step = {
+    back?: string;
+    title: string;
+    stepCell?: string;
+    stepTitle?: string;
+    submitButton?: string;
+};
 export type FormElementStructure<T> = {
+    steps?: Record<LanguageKeys, Step>[];
     data?: Record<string, any>;
     requiredContext?: Record<string, boolean>;
 } & FormElementStructureComponents<T>;
@@ -43,6 +53,7 @@ export interface FormHookInterface<T> {
     loadingChanges?: (loading: boolean) => void;
     errorCallback?: (error: any, message?: string) => void;
     successCallback?: (data: any, message?: string) => void;
+    stepChangeCallback?: (step: number, currentForm?: any) => void;
 }
 export type ValidationType = 'onSubmit' | 'always';
 export interface Field<MetaType> {

package/dist/types/features/form-hook/render-structure.d.ts

@@ -1,3 +1,3 @@
 import { JSX } from '../../stencil-public-runtime';
 import { FormElementStructure, FormElementMapper, FormElementMapperFunctionProps } from "./index";
-export declare function renderStructure(structure: FormElementStructure<any> | string, elementMapper: FormElementMapper<any, any>, generaProps: FormElementMapperFunctionProps<any>, fields?: object): JSX.Element | false;
+export declare function renderStructure(structure: FormElementStructure<any> | string, elementMapper: FormElementMapper<any, any>, generaProps: FormElementMapperFunctionProps<any>, fields: object, currentStep: number): JSX.Element | false;

package/dist/types/features/vehicle-lookup-component/interface.d.ts

@@ -4,6 +4,7 @@ import { BlazorInvokableFunction } from "../blazor-ref/index";
 import { VehicleLookupMock, VehicleRequestHeaders } from './types';
 export interface VehicleLookupComponent extends VehicleRequestHeaders {
     isDev: boolean;
+    disableVinValidation?: boolean;
     baseUrl: string;
     headers: object;
     isError: boolean;

package/dist/types/global/lib/populate-items.d.ts

@@ -1,8 +1,8 @@
 type Setup = {
-    'item-value': string;
-    'item-label': string;
+    'item-value': string | string[];
+    'item-label': string | string[];
     'useNamedValue'?: boolean;
-    'items': 'data.attributes.Models';
+    'items': string | string[];
 };
 type Populated = {
     value: string;

package/package.json

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

package/dist/cjs/form-input-prefix-RFgXEC1Q.js

@@ -1,18 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-'use strict';
-
-var index = require('./index-CmK48vN3.js');
-var cn = require('./cn-BHnqYtun.js');
-
-const FormInputPrefix = ({ direction, prefix, name }) => {
-    if (!prefix)
-        return false;
-    return (index.h("div", { dir: direction, class: "form-input-prefix", part: cn.cn('form-input-prefix', {
-            [`${name}-prefix`]: !!name,
-        }) }, prefix));
-};
-
-exports.FormInputPrefix = FormInputPrefix;