adp-web-components 0.0.65 → 0.0.66

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

@@ -0,0 +1,19 @@
+import { MockJson } from "../types/components";
+import { PartInformation } from "../types/part-information";
+export interface PartInformationInterface {
+    isDev: boolean;
+    baseUrl: string;
+    queryString?: string;
+    abortController: AbortController;
+    networkTimeoutRef: ReturnType<typeof setTimeout>;
+    loadedResponse?: (response: PartInformation) => void;
+}
+type GetPartInformationProps = {
+    partNumber: string;
+    notAvailableMessage?: string;
+    mockData: MockJson<PartInformation>;
+    scopedTimeoutRef: ReturnType<typeof setTimeout>;
+    middlewareCallback?: (PartInformation: any) => void;
+};
+export declare const getPartInformation: (component: PartInformationInterface, generalProps: GetPartInformationProps, headers?: any) => Promise<PartInformation>;
+export {};

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/api/vehicleInformation.d.ts

@@ -0,0 +1,33 @@
+import { MockJson } from "../types/components";
+import { VehicleInformation } from "../types/vehicle-information";
+declare const vehicleRequestHeaders: {
+    readonly cityId: "City-Id";
+    readonly userId: "User-Id";
+    readonly companyId: "Company-Id";
+    readonly customerName: "Customer-Name";
+    readonly customerPhone: "Customer-Phone";
+    readonly customerEmail: "Customer-Email";
+    readonly companyBranchId: "Company-Branch-Id";
+    readonly cityIntegrationId: "City-Integration-Id";
+    readonly brandIntegrationId: "Brand-Integration-Id";
+    readonly companyIntegrationId: "Company-Integration-Id";
+    readonly companyBranchIntegrationId: "Company-Branch-Integration-Id";
+};
+type VehicleRequestHeaders = Partial<Record<keyof typeof vehicleRequestHeaders, string>>;
+export interface VehicleInformationInterface extends VehicleRequestHeaders {
+    isDev: boolean;
+    baseUrl: string;
+    queryString?: string;
+    abortController: AbortController;
+    networkTimeoutRef: ReturnType<typeof setTimeout>;
+    loadedResponse?: (response: VehicleInformation) => void;
+}
+type GetVehicleInformationProps = {
+    vin: string;
+    notAvailableMessage?: string;
+    mockData: MockJson<VehicleInformation>;
+    scopedTimeoutRef: ReturnType<typeof setTimeout>;
+    middlewareCallback?: (VehicleInformation: any) => void;
+};
+export declare const getVehicleInformation: (component: VehicleInformationInterface, generalProps: GetVehicleInformationProps, headers?: any) => Promise<VehicleInformation>;
+export {};

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

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export default function cn(...inputs: ClassValue[]): string;

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

@@ -0,0 +1,47 @@
+import { AnyObjectSchema } from 'yup';
+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: {
+        [key: string]: string;
+    };
+    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;
+    };
+    setCachedValues: (newValues: Partial<T>) => void;
+    getValues: () => Partial<T> & {
+        [k: string]: FormDataEntryValue;
+    };
+    private focusFirstInput;
+    onSubmit: (formEvent: SubmitEvent) => void;
+    getInputState: (name: string) => Field;
+    private signal;
+    validateInput: (name: string) => {
+        isError: boolean;
+        errorMessage: any;
+    };
+    validateForm: (name: string, value: string, strict?: boolean) => {
+        isError: boolean;
+        errorMessage: any;
+    };
+}

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

@@ -0,0 +1 @@
+export declare function capitalize(str: any): any;

package/dist/types/global/lib/get-local-language.d.ts

@@ -0,0 +1,2 @@
+import { Locale } from "../types/locales/index";
+export declare const getLocaleLanguage: (fileKey: string) => Promise<Locale>;

package/dist/types/global/lib/image-expansion.d.ts

@@ -0,0 +1,9 @@
+export interface ImageViewerInterface {
+    el: HTMLElement;
+    expandedImage?: string;
+    originalImage: HTMLImageElement;
+    closeImage: (event?: KeyboardEvent) => void;
+    closeImageListener: (event?: KeyboardEvent) => void;
+}
+export declare function openImageViewer(context: ImageViewerInterface, target: HTMLImageElement, imageSrc: string): void;
+export declare function closeImageViewer(context?: ImageViewerInterface, event?: KeyboardEvent): void;

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/utils.d.ts

@@ -0,0 +1 @@
+export declare function format(first?: string, middle?: string, last?: string): string;

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/lib/validate-vin.d.ts

@@ -0,0 +1 @@
+export default function validateVin(vin: any): boolean;

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

@@ -0,0 +1,7 @@
+export type AppStates = 'idle' | 'loading' | 'data' | 'error' | 'error-loading' | 'data-loading';
+export type MockJson<T> = {
+    [key: string]: T;
+};
+export type DotNetObjectReference = {
+    invokeMethodAsync: (methodName: string, ...args: any[]) => Promise<any>;
+};

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

@@ -0,0 +1,63 @@
+import { JSX } from '../../stencil-public-runtime';
+import { LanguageKeys } from "./locales/index";
+import { FormHook } from "../lib/form-hook";
+export interface FormHookInterface<T> {
+    el: HTMLElement;
+    structure: string;
+    renderControl: {};
+    isLoading: boolean;
+    errorMessage: string;
+    language: LanguageKeys;
+    formSubmit: (formValues: T) => void;
+}
+export type FormSelectItem = {
+    value: string;
+    label: string;
+};
+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;
+    errorMessage: string;
+    continuousValidation: boolean;
+}
+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 interface FormElement {
+    reset: (newValue?: string) => void;
+}
+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

@@ -0,0 +1,23 @@
+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 type InputParams = {
+    id?: string;
+    name: string;
+    type?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    defaultValue?: string;
+    onInput?: (event: InputEvent) => void;
+};

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

@@ -0,0 +1,23 @@
+export declare const errorsSchema: import("yup").ObjectSchema<{
+    wildCard: string;
+    noBaseUrl: string;
+    invalidVin: string;
+    noPartsFound: string;
+    vinNumberRequired: string;
+    wrongFormStructure: string;
+    partNumberRequired: string;
+    noServiceAvailable: string;
+    wrongResponseFormat: string;
+    requestFailedPleaseTryAgainLater: string;
+}, import("yup").AnyObject, {
+    wildCard: undefined;
+    noBaseUrl: undefined;
+    invalidVin: undefined;
+    noPartsFound: undefined;
+    vinNumberRequired: undefined;
+    wrongFormStructure: undefined;
+    partNumberRequired: undefined;
+    noServiceAvailable: undefined;
+    wrongResponseFormat: undefined;
+    requestFailedPleaseTryAgainLater: 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,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;
+}, "">;