adp-web-components 0.0.47 → 0.0.49

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

@@ -0,0 +1,2 @@
+import { FormFieldParams } from "../../../global/types/forms";
+export declare const formFieldParams: FormFieldParams;

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

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

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

@@ -1,22 +1,6 @@
-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>;
+import { LanguageKeys, Locale } from "../../global/types/locales/index";
+import { ContactUs } from './contact-us/validations';
 export declare class ContactUsForm implements FormHookInterface<ContactUs> {
     theme: string;
     baseUrl: string;
@@ -30,6 +14,7 @@ export declare class ContactUsForm implements FormHookInterface<ContactUs> {
     recaptchaKey: string;
     isLoading: boolean;
     renderControl: {};
+    errorMessage: string;
     structureObject: StructureObject;
     locale: Locale;
     recaptchaWidget: number | null;
@@ -43,4 +28,3 @@ export declare class ContactUsForm implements FormHookInterface<ContactUs> {
     formSubmit(formValues: ContactUs): Promise<void>;
     render(): any;
 }
-export {};

package/dist/types/components.d.ts

@@ -9,16 +9,16 @@ 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 { FormElementMapper, FormFieldParams, FormInputChanges, 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";
 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 { FormElementMapper, FormFieldParams, FormInputChanges, 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 {
@@ -88,12 +88,19 @@ export namespace Components {
         "unInvoicedByBrokerName"?: string;
         "vin"?: string;
     }
+    interface FormDialog {
+        "dialogClosed": () => void;
+        "errorMessage": string;
+        "language": LanguageKeys;
+    }
     interface FormInput {
         "class": string;
         "componentClass": string;
         "componentId": string;
+        "defaultValue"?: string;
         "disabled": boolean;
         "errorMessage": string;
+        "form": FormHook<any>;
         "formLocaleName": LocaleFormKeys;
         "inputChanges": FormInputChanges;
         "inputPreFix": string;
@@ -102,6 +109,8 @@ export namespace Components {
         "label": string;
         "language": LanguageKeys;
         "name": string;
+        "numberDirection"?: boolean;
+        "onChangeMiddleware"?: (event: InputEvent) => InputEvent;
         "placeholder": string;
         "type": string;
     }
@@ -111,6 +120,7 @@ export namespace Components {
         "disabled": boolean;
         "errorMessage": string;
         "fetcher": FormSelectFetcher;
+        "form": FormHook<any>;
         "formLocaleName": string;
         "inputChanges": FormInputChanges;
         "isError": boolean;
@@ -121,6 +131,7 @@ export namespace Components {
         "placeholder": string;
     }
     interface FormStructure {
+        "errorMessage": string;
         "form": FormHook<any>;
         "formElementMapper": FormElementMapper;
         "formFieldParams": FormFieldParams;
@@ -140,8 +151,10 @@ export namespace Components {
     interface FormTextArea {
         "componentClass": string;
         "componentId": string;
+        "defaultValue"?: string;
         "disabled": boolean;
         "errorMessage": string;
+        "form": FormHook<any>;
         "formLocaleName": LocaleFormKeys;
         "inputChanges": FormInputChanges;
         "isError": boolean;
@@ -307,6 +320,12 @@ declare global {
         prototype: HTMLDynamicRedeemElement;
         new (): HTMLDynamicRedeemElement;
     };
+    interface HTMLFormDialogElement extends Components.FormDialog, HTMLStencilElement {
+    }
+    var HTMLFormDialogElement: {
+        prototype: HTMLFormDialogElement;
+        new (): HTMLFormDialogElement;
+    };
     interface HTMLFormInputElement extends Components.FormInput, HTMLStencilElement {
     }
     var HTMLFormInputElement: {
@@ -397,6 +416,7 @@ declare global {
         "distributor-lookup": HTMLDistributorLookupElement;
         "dynamic-claim": HTMLDynamicClaimElement;
         "dynamic-redeem": HTMLDynamicRedeemElement;
+        "form-dialog": HTMLFormDialogElement;
         "form-input": HTMLFormInputElement;
         "form-select": HTMLFormSelectElement;
         "form-structure": HTMLFormStructureElement;
@@ -465,12 +485,19 @@ declare namespace LocalJSX {
         "unInvoicedByBrokerName"?: string;
         "vin"?: string;
     }
+    interface FormDialog {
+        "dialogClosed"?: () => void;
+        "errorMessage"?: string;
+        "language"?: LanguageKeys;
+    }
     interface FormInput {
         "class"?: string;
         "componentClass"?: string;
         "componentId"?: string;
+        "defaultValue"?: string;
         "disabled"?: boolean;
         "errorMessage"?: string;
+        "form"?: FormHook<any>;
         "formLocaleName"?: LocaleFormKeys;
         "inputChanges"?: FormInputChanges;
         "inputPreFix"?: string;
@@ -479,6 +506,8 @@ declare namespace LocalJSX {
         "label"?: string;
         "language"?: LanguageKeys;
         "name"?: string;
+        "numberDirection"?: boolean;
+        "onChangeMiddleware"?: (event: InputEvent) => InputEvent;
         "placeholder"?: string;
         "type"?: string;
     }
@@ -488,6 +517,7 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "errorMessage"?: string;
         "fetcher"?: FormSelectFetcher;
+        "form"?: FormHook<any>;
         "formLocaleName"?: string;
         "inputChanges"?: FormInputChanges;
         "isError"?: boolean;
@@ -498,6 +528,7 @@ declare namespace LocalJSX {
         "placeholder"?: string;
     }
     interface FormStructure {
+        "errorMessage"?: string;
         "form"?: FormHook<any>;
         "formElementMapper"?: FormElementMapper;
         "formFieldParams"?: FormFieldParams;
@@ -517,8 +548,10 @@ declare namespace LocalJSX {
     interface FormTextArea {
         "componentClass"?: string;
         "componentId"?: string;
+        "defaultValue"?: string;
         "disabled"?: boolean;
         "errorMessage"?: string;
+        "form"?: FormHook<any>;
         "formLocaleName"?: LocaleFormKeys;
         "inputChanges"?: FormInputChanges;
         "isError"?: boolean;
@@ -630,6 +663,7 @@ declare namespace LocalJSX {
         "distributor-lookup": DistributorLookup;
         "dynamic-claim": DynamicClaim;
         "dynamic-redeem": DynamicRedeem;
+        "form-dialog": FormDialog;
         "form-input": FormInput;
         "form-select": FormSelect;
         "form-structure": FormStructure;
@@ -655,6 +689,7 @@ declare module "@stencil/core" {
             "distributor-lookup": LocalJSX.DistributorLookup & JSXBase.HTMLAttributes<HTMLDistributorLookupElement>;
             "dynamic-claim": LocalJSX.DynamicClaim & JSXBase.HTMLAttributes<HTMLDynamicClaimElement>;
             "dynamic-redeem": LocalJSX.DynamicRedeem & JSXBase.HTMLAttributes<HTMLDynamicRedeemElement>;
+            "form-dialog": LocalJSX.FormDialog & JSXBase.HTMLAttributes<HTMLFormDialogElement>;
             "form-input": LocalJSX.FormInput & JSXBase.HTMLAttributes<HTMLFormInputElement>;
             "form-select": LocalJSX.FormSelect & JSXBase.HTMLAttributes<HTMLFormSelectElement>;
             "form-structure": LocalJSX.FormStructure & JSXBase.HTMLAttributes<HTMLFormStructureElement>;

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

@@ -1,9 +1,11 @@
 import { AnyObjectSchema } from 'yup';
-import { Field, FieldType, FormHookInterface, FormStateOptions } from "../types/forms";
+import { Field, FieldType, FormElement, FormHookInterface, FormStateOptions } from "../types/forms";
 export declare class FormHook<T> {
     private isSubmitted;
+    private subscribers;
     private context;
     private schemaObject;
+    private haltValidation;
     private validationType;
     private subscribedFields;
     formErrors: {
@@ -11,6 +13,13 @@ export declare class FormHook<T> {
     };
     formController: any;
     constructor(context: FormHookInterface<T>, schemaObject: AnyObjectSchema, formStateOptions?: FormStateOptions);
+    subscribe: (formName: string, formElement: FormElement) => number;
+    unsubscribe: (formName: string) => {
+        name: string;
+        context: FormElement;
+    }[];
+    reset(): void;
+    resetFormErrorMessage: () => string;
     getFormErrors: () => {
         [key: string]: string;
     };

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

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

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

@@ -5,6 +5,7 @@ export interface FormHookInterface<T> {
     structure: string;
     renderControl: {};
     isLoading: boolean;
+    errorMessage: string;
     language: LanguageKeys;
     structureObject: StructureObject;
     formSubmit: (formValues: T) => void;
@@ -40,9 +41,16 @@ type FormElementStructure = {
 export type StructureArray = (string | StructureArray)[];
 export type StructureObject = FormElementStructure | null;
 export type LocaleFormKeys = 'contactUs';
-type Params = {
+export type Params = {
     [key: string]: any;
     formLocaleName: LocaleFormKeys;
 };
 export type FormFieldParams = Record<string, Params>;
+export interface FormElement {
+    reset: (newValue?: string) => void;
+}
+export type Subscribers = {
+    name: string;
+    context: FormElement;
+}[];
 export {};

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

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

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

@@ -48,6 +48,7 @@ export declare const localeSchema: import("yup").ObjectSchema<{
         requestFailedPleaseTryAgainLater?: string;
     };
     general: {
+        close?: string;
         noSelectOptions?: string;
     };
     lang: string;
@@ -227,6 +228,7 @@ export declare const localeSchema: import("yup").ObjectSchema<{
         requestFailedPleaseTryAgainLater: undefined;
     };
     general: {
+        close: undefined;
         noSelectOptions: undefined;
     };
     lang: undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adp-web-components",
-  "version": "0.0.47",
+  "version": "0.0.49",
   "description": "ADP Platform Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -60,6 +60,7 @@
   "license": "MIT",
   "dependencies": {
     "clsx": "^2.1.1",
+    "libphonenumber-js": "^1.11.19",
     "tailwind-merge": "^2.5.5",
     "yup": "^1.5.0"
   }