adp-web-components 0.1.59 → 0.1.60

package/dist/types/components.d.ts

@@ -10,7 +10,7 @@ import { Endpoint } from "./global/lib/fetch-from";
 import { BlazorInvokableFunction, DotNetObjectReference } from "./features/blazor-ref/index";
 import { PartLookupDTO } from "./global/types/generated/part/part-lookup-dto";
 import { PartLookupMock } from "./features/part-lookup-components/index";
-import { FormElementMapper, FormElementStructure, FormHook, FormSelectFetcher, FormSelectItem, PhoneValidator } from "./features/form-hook/index";
+import { FormElementMapper, FormElementStructure, FormHook, FormInputLocalization, FormSelectFetcher, FormSelectItem, PhoneValidator } from "./features/form-hook/index";
 import { FormHook as FormHook1 } from "./features/form-hook/form-hook";
 import { DateTypes } from "./global/lib/decode-time-offset";
 import { InformationTableColumn } from "./components/components/information-table";
@@ -29,7 +29,7 @@ export { Endpoint } from "./global/lib/fetch-from";
 export { BlazorInvokableFunction, DotNetObjectReference } from "./features/blazor-ref/index";
 export { PartLookupDTO } from "./global/types/generated/part/part-lookup-dto";
 export { PartLookupMock } from "./features/part-lookup-components/index";
-export { FormElementMapper, FormElementStructure, FormHook, FormSelectFetcher, FormSelectItem, PhoneValidator } from "./features/form-hook/index";
+export { FormElementMapper, FormElementStructure, FormHook, FormInputLocalization, FormSelectFetcher, FormSelectItem, PhoneValidator } from "./features/form-hook/index";
 export { FormHook as FormHook1 } from "./features/form-hook/form-hook";
 export { DateTypes } from "./global/lib/decode-time-offset";
 export { InformationTableColumn } from "./components/components/information-table";
@@ -131,6 +131,10 @@ export namespace Components {
         "defaultChecked": boolean;
         "form": FormHook<any>;
         "inputPrefix": string;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
         "name": string;
         /**
           * @default 'text'
@@ -184,6 +188,10 @@ export namespace Components {
         "inputProps"?: any;
         "isDisabled"?: boolean;
         "isLoading"?: boolean;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
         "name": string;
         "staticValue"?: string;
         "type"?: HTMLInputElement['type'];
@@ -196,6 +204,10 @@ export namespace Components {
         "inputPrefix": string;
         "isDisabled"?: boolean;
         "isLoading"?: boolean;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
         "name": string;
         "staticValue"?: string;
         /**
@@ -224,6 +236,10 @@ export namespace Components {
         "inputProps"?: any;
         "isDisabled"?: boolean;
         "isLoading"?: boolean;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
         "max"?: string | number[];
         "min"?: string | number[];
         "name": string;
@@ -256,6 +272,10 @@ export namespace Components {
           * @default 'en'
          */
         "language": LanguageKeys;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
         "name": string;
         "resetKey": any;
         "searchable": boolean;
@@ -300,6 +320,10 @@ export namespace Components {
         "form": FormHook<any>;
         "isLoading": boolean;
         "language"?: string;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
         /**
           * @default 'submit'
          */
@@ -311,6 +335,10 @@ export namespace Components {
         "defaultChecked": boolean;
         "form": FormHook<any>;
         "inputPrefix": string;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
         "name": string;
         /**
           * @default 'text'
@@ -324,6 +352,10 @@ export namespace Components {
         "form": FormHook<any>;
         "isDisabled"?: boolean;
         "isLoading"?: boolean;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
         "name": string;
         "staticValue"?: string;
         "wrapperClass": string;
@@ -355,7 +387,12 @@ export namespace Components {
         "inputProps"?: any;
         "isDisabled"?: boolean;
         "isLoading"?: boolean;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization<{ scan: string }>;
         "name": string;
+        "ocrEndpoint"?: string;
         "readSticker"?: boolean;
         /**
           * @default ''
@@ -1430,6 +1467,10 @@ declare namespace LocalJSX {
         "defaultChecked"?: boolean;
         "form"?: FormHook<any>;
         "inputPrefix"?: string;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
         "name"?: string;
         /**
           * @default 'text'
@@ -1483,6 +1524,10 @@ declare namespace LocalJSX {
         "inputProps"?: any;
         "isDisabled"?: boolean;
         "isLoading"?: boolean;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
         "name"?: string;
         "staticValue"?: string;
         "type"?: HTMLInputElement['type'];
@@ -1495,6 +1540,10 @@ declare namespace LocalJSX {
         "inputPrefix"?: string;
         "isDisabled"?: boolean;
         "isLoading"?: boolean;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
         "name"?: string;
         "staticValue"?: string;
         /**
@@ -1523,6 +1572,10 @@ declare namespace LocalJSX {
         "inputProps"?: any;
         "isDisabled"?: boolean;
         "isLoading"?: boolean;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
         "max"?: string | number[];
         "min"?: string | number[];
         "name"?: string;
@@ -1555,6 +1608,10 @@ declare namespace LocalJSX {
           * @default 'en'
          */
         "language"?: LanguageKeys;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
         "name"?: string;
         "resetKey"?: any;
         "searchable"?: boolean;
@@ -1599,6 +1656,10 @@ declare namespace LocalJSX {
         "form"?: FormHook<any>;
         "isLoading"?: boolean;
         "language"?: string;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
         /**
           * @default 'submit'
          */
@@ -1610,6 +1671,10 @@ declare namespace LocalJSX {
         "defaultChecked"?: boolean;
         "form"?: FormHook<any>;
         "inputPrefix"?: string;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
         "name"?: string;
         /**
           * @default 'text'
@@ -1623,6 +1688,10 @@ declare namespace LocalJSX {
         "form"?: FormHook<any>;
         "isDisabled"?: boolean;
         "isLoading"?: boolean;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
         "name"?: string;
         "staticValue"?: string;
         "wrapperClass"?: string;
@@ -1654,7 +1723,12 @@ declare namespace LocalJSX {
         "inputProps"?: any;
         "isDisabled"?: boolean;
         "isLoading"?: boolean;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization<{ scan: string }>;
         "name"?: string;
+        "ocrEndpoint"?: string;
         "readSticker"?: boolean;
         /**
           * @default ''

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

@@ -2,3 +2,16 @@ export type FormInputMeta = {
     label: string;
     placeholder: string;
 };
+export type FormInputLocalization<T = {}> = {
+    [lang: string]: {
+        label?: string;
+        placeholder?: string;
+        require?: string;
+        format?: string;
+    } & T;
+};
+export declare const getInputLocalization: (context: any, meta: FormInputMeta, errorMessage: string) => {
+    label: any;
+    placeholder: any;
+    errorTextMessage: any;
+};

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

@@ -1,3 +1,4 @@
+import { FormSelect } from '../../../components/form-elements/form-select';
 export type FormSelectItem = {
     value: string;
     label: string;
@@ -6,6 +7,7 @@ export type FormSelectItem = {
 type FormSelectFetcherProps = {
     language: string;
     signal: AbortSignal;
+    context: FormSelect;
     locale: Record<string, any>;
 };
 export type FormSelectFetcher = (props: FormSelectFetcherProps) => Promise<FormSelectItem[]>;

package/dist/types/locales/vehicleLookup/claimableItems/type.d.ts

@@ -3,9 +3,9 @@ export declare const claimFormSchema: import("yup").ObjectSchema<{
     name: string;
     print: string;
     expand: string;
-    serviceType: string;
     uploadSingleDocument: string;
     uploadMultipleDocument: string;
+    serviceType: string;
     documentLimitError: string;
     documentRequiredError: string;
     activationDate: string;
@@ -22,9 +22,9 @@ export declare const claimFormSchema: import("yup").ObjectSchema<{
     name: undefined;
     print: undefined;
     expand: undefined;
-    serviceType: undefined;
     uploadSingleDocument: undefined;
     uploadMultipleDocument: undefined;
+    serviceType: undefined;
     documentLimitError: undefined;
     documentRequiredError: undefined;
     activationDate: undefined;
@@ -44,9 +44,9 @@ declare const claimableItemsSchema: import("yup").ObjectSchema<{
         name?: string;
         print?: string;
         expand?: string;
-        serviceType?: string;
         uploadSingleDocument?: string;
         uploadMultipleDocument?: string;
+        serviceType?: string;
         documentLimitError?: string;
         documentRequiredError?: string;
         activationDate?: string;
@@ -85,9 +85,9 @@ declare const claimableItemsSchema: import("yup").ObjectSchema<{
         name: undefined;
         print: undefined;
         expand: undefined;
-        serviceType: undefined;
         uploadSingleDocument: undefined;
         uploadMultipleDocument: undefined;
+        serviceType: undefined;
         documentLimitError: undefined;
         documentRequiredError: undefined;
         activationDate: undefined;

package/dist/types/locales/vehicleLookup/serviceHistory/type.d.ts

@@ -2,10 +2,10 @@ declare const ServiceHistorySchema: import("yup").ObjectSchema<{
     noData: string;
     date: string;
     dealer: string;
-    serviceType: string;
     branch: string;
     partDescription: string;
     partNumber: string;
+    serviceType: string;
     packageCode: string;
     invoiceNumber: string;
     serviceHistory: string;
@@ -20,10 +20,10 @@ declare const ServiceHistorySchema: import("yup").ObjectSchema<{
     noData: undefined;
     date: undefined;
     dealer: undefined;
-    serviceType: undefined;
     branch: undefined;
     partDescription: undefined;
     partNumber: undefined;
+    serviceType: undefined;
     packageCode: undefined;
     invoiceNumber: undefined;
     serviceHistory: undefined;

package/dist/types/locales/vehicleLookup/wrapper-type.d.ts

@@ -48,9 +48,9 @@ declare const vehicleLookupWrapperSchema: import("yup").ObjectSchema<{
             name?: string;
             print?: string;
             expand?: string;
-            serviceType?: string;
             uploadSingleDocument?: string;
             uploadMultipleDocument?: string;
+            serviceType?: string;
             documentLimitError?: string;
             documentRequiredError?: string;
             activationDate?: string;
@@ -90,10 +90,10 @@ declare const vehicleLookupWrapperSchema: import("yup").ObjectSchema<{
         noData?: string;
         date?: string;
         dealer?: string;
-        serviceType?: string;
         branch?: string;
         partDescription?: string;
         partNumber?: string;
+        serviceType?: string;
         packageCode?: string;
         invoiceNumber?: string;
         serviceHistory?: string;
@@ -148,9 +148,9 @@ declare const vehicleLookupWrapperSchema: import("yup").ObjectSchema<{
             name: undefined;
             print: undefined;
             expand: undefined;
-            serviceType: undefined;
             uploadSingleDocument: undefined;
             uploadMultipleDocument: undefined;
+            serviceType: undefined;
             documentLimitError: undefined;
             documentRequiredError: undefined;
             activationDate: undefined;
@@ -197,10 +197,10 @@ declare const vehicleLookupWrapperSchema: import("yup").ObjectSchema<{
         noData: undefined;
         date: undefined;
         dealer: undefined;
-        serviceType: undefined;
         branch: undefined;
         partDescription: undefined;
         partNumber: undefined;
+        serviceType: undefined;
         packageCode: undefined;
         invoiceNumber: undefined;
         serviceHistory: undefined;

package/package.json

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

package/dist/cjs/state-object-B_0-oj8G.js

@@ -1,243 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-'use strict';
-
-var getLocalLanguage = require('./get-local-language-CMptyFxH.js');
-var validateVin = require('./validate-vin-CJDIXpJO.js');
-var index = require('./index-CmK48vN3.js');
-var index$1 = require('./index-D5c513Xn.js');
-var loaderIcon = require('./loader-icon-qrSyqpQO.js');
-var cn = require('./cn-BHnqYtun.js');
-var decodeTimeOffset = require('./decode-time-offset-DqzP0mck.js');
-
-const label = (name) => `${name}-label`;
-const format = (name) => `${name}-format`;
-const require$1 = (name) => `${name}-require`;
-const placeholder = (name) => `${name}-placeholder`;
-const condition = (name) => `$${name}Required`;
-const y = { label, format, require: require$1, condition, placeholder };
-const getDefaultValidations = (stateObject) => ({
-    name: getLocalLanguage.create$6()
-        .meta({ label: label('name'), placeholder: placeholder('name') })
-        .when(condition('name'), {
-        is: true,
-        otherwise: schema => schema.optional(),
-        then: schema => schema.required(require$1('name')).min(3, format('name')),
-    }),
-    lastName: getLocalLanguage.create$6()
-        .meta({ label: label('lastName'), placeholder: placeholder('lastName') })
-        .when(condition('lastName'), {
-        is: true,
-        otherwise: schema => schema.optional(),
-        then: schema => schema.required(require$1('lastName')).min(3, format('lastName')),
-    }),
-    message: getLocalLanguage.create$6()
-        .meta({ label: label('message'), placeholder: placeholder('message') })
-        .when(condition('message'), {
-        is: true,
-        otherwise: schema => schema.optional(),
-        then: schema => schema.required(require$1('message')).min(10, format('message')),
-    }),
-    email: getLocalLanguage.create$6()
-        .meta({ label: label('email'), placeholder: placeholder('email') })
-        .when(condition('email'), {
-        is: true,
-        otherwise: schema => schema.optional(),
-        then: schema => schema.required(require$1('email')),
-    })
-        .email(format('email')),
-    vin: getLocalLanguage.create$6()
-        .meta({ label: label('vin'), placeholder: placeholder('vin') })
-        .when(condition('vin'), {
-        is: true,
-        otherwise: schema => schema.optional(),
-        then: schema => schema.required(require$1('vin')).test(format('vin'), format('vin'), a => validateVin.validateVin(a === null || a === void 0 ? void 0 : a.toUpperCase())),
-    }),
-    phone: getLocalLanguage.create$6()
-        .meta({ label: label('phone'), placeholder: placeholder('phone') })
-        .when(condition('phone'), {
-        is: true,
-        otherwise: schema => schema.optional(),
-        then: schema => schema.required(require$1('phone')).test(format('phone'), format('phone'), () => { var _a; return (_a = stateObject === null || stateObject === void 0 ? void 0 : stateObject.phoneValidator) === null || _a === void 0 ? void 0 : _a.geIsValidPhoneNumber(); }),
-    }),
-    vehicle: getLocalLanguage.create$6()
-        .meta({ label: y.label('vehicle'), placeholder: y.placeholder('vehicle') })
-        .when(y.condition('vehicle'), {
-        is: true,
-        otherwise: schema => schema.optional(),
-        then: schema => schema.required(y.require('vehicle')),
-    }),
-    companyBranchId: getLocalLanguage.create$6()
-        .meta({ label: y.label('companyBranchId'), placeholder: y.placeholder('companyBranchId') })
-        .when(y.condition('companyBranchId'), {
-        is: true,
-        otherwise: schema => schema.optional(),
-        then: schema => schema.required(y.require('companyBranchId')),
-    }),
-    date: getLocalLanguage.create$6()
-        .meta({ label: label('date'), placeholder: placeholder('date') })
-        .when(condition('date'), {
-        is: true,
-        otherwise: schema => schema.optional(),
-        then: schema => schema.required(require$1('date')),
-    }),
-    time: getLocalLanguage.create$6()
-        .meta({ label: label('time'), placeholder: placeholder('time') })
-        .when(condition('time'), {
-        is: true,
-        otherwise: schema => schema.optional(),
-        then: schema => schema.required(require$1('time')),
-    }),
-});
-
-const cachedImages = {};
-const cacheImage = (form, imSrc, id) => {
-    fetch(imSrc)
-        .then(res => res.blob())
-        .then(blob => {
-        const reader = new FileReader();
-        reader.onloadend = () => {
-            cachedImages[id] = reader.result;
-            form.rerender({ rerenderForm: true });
-        };
-        reader.readAsDataURL(blob);
-    })
-        .catch(e => {
-        console.log(e);
-        // fail silently, keep fallback
-    });
-};
-let imageSrcBase64 = '';
-const VehicleImageViewer = ({ form }) => {
-    var _a, _b, _c, _d;
-    form.addWatcher('vehicle');
-    let vehicleId = form.getValue('vehicle');
-    let openContainer = !!vehicleId;
-    const selectedVehicle = (_a = form.context['vehicleList']) === null || _a === void 0 ? void 0 : _a.find(vehicle => vehicle.value === vehicleId);
-    let imSrc;
-    if (selectedVehicle) {
-        imSrc = (_b = selectedVehicle === null || selectedVehicle === void 0 ? void 0 : selectedVehicle.meta) === null || _b === void 0 ? void 0 : _b.image;
-        vehicleId = selectedVehicle.value;
-    }
-    else if (form.context['vehicleList'] && form.context['vehicleList'][0]) {
-        imSrc = (_d = (_c = form.context['vehicleList'][0]) === null || _c === void 0 ? void 0 : _c.meta) === null || _d === void 0 ? void 0 : _d.image;
-        vehicleId = form.context['vehicleList'][0].value;
-    }
-    let isLoading = false;
-    if (cachedImages[vehicleId]) {
-        imageSrcBase64 = cachedImages[vehicleId];
-    }
-    else if (form && imSrc && vehicleId) {
-        cacheImage(form, imSrc, vehicleId);
-        isLoading = true;
-    }
-    return (index.h("flexible-container", { isOpened: openContainer },
-        index.h("div", { style: { 'min-height': '60px' }, part: "vehicle-image-wrapper", class: cn.cn('vehicle-image-wrapper', { loading: isLoading }) },
-            index.h("div", { part: cn.cn('vehicle-image-loading-wrapper', { 'vehicle-image-active-loading-wrapper': isLoading }), class: cn.cn('loading-wrapper vehicle-image-loading-wrapper', { 'vehicle-image-active-loading-wrapper': isLoading }) },
-                index.h(loaderIcon.LoaderIcon, { part: "vehicle-image-loader-icon", class: "img vehicle-image-loader-icon" })),
-            index.h("img", { alt: "vehicle image", part: "vehicle-image", src: imageSrcBase64, style: { 'border-radius': '6px', 'transition': 'opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);', 'opacity': isLoading ? '0' : '1' } }))));
-};
-
-const CalendarDaysIcon = props => (index.h("svg", Object.assign({ fill: "none" }, props, { "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }),
-    index.h("path", { d: "M8 2v4" }),
-    index.h("path", { d: "M16 2v4" }),
-    index.h("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2" }),
-    index.h("path", { d: "M3 10h18" }),
-    index.h("path", { d: "M8 14h.01" }),
-    index.h("path", { d: "M12 14h.01" }),
-    index.h("path", { d: "M16 14h.01" }),
-    index.h("path", { d: "M8 18h.01" }),
-    index.h("path", { d: "M12 18h.01" }),
-    index.h("path", { d: "M16 18h.01" })));
-
-const getDefaultMappers = (stateObject) => ({
-    submit: ({ props }) => index.h("form-submit", Object.assign({}, props)),
-    name: ({ props }) => index.h("form-input", Object.assign({}, props)),
-    lastName: ({ props }) => index.h("form-input", Object.assign({}, props)),
-    email: ({ props }) => index.h("form-input", Object.assign({ type: "email" }, props)),
-    message: ({ props }) => index.h("form-text-area", Object.assign({}, props)),
-    vin: ({ props }) => index.h("form-vin-input", Object.assign({}, props)),
-    vehicleImage: ({ form }) => index.h(VehicleImageViewer, { form: form }),
-    phone: ({ props, isLoading }) => {
-        if (!stateObject.phoneValidator) {
-            stateObject.phoneValidator = loaderIcon.getPhoneValidator((props === null || props === void 0 ? void 0 : props.countryCode) || '');
-        }
-        return index.h("form-phone-number", Object.assign({ defaultValue: stateObject.phoneValidator.default }, props, { isLoading: isLoading, validator: stateObject.phoneValidator }));
-    },
-    vehicle: ({ form, language, props }) => {
-        var _a;
-        const fetcher = async ({ signal }) => {
-            var _a, _b, _c;
-            const vehicleEndpoint = (_a = form.context.structure) === null || _a === void 0 ? void 0 : _a.data.vehicleApi;
-            const response = await fetch(vehicleEndpoint, { signal, headers: { 'Accept-Language': language } });
-            if ((_c = (_b = form.context.structure) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.vehiclesApiStrapiFormat) {
-                const res = await response.json();
-                let options = res.data;
-                return options.map(vehicle => ({
-                    label: vehicle.attributes.GradeName,
-                    value: `${vehicle.id}`,
-                    meta: Object.assign(Object.assign({}, vehicle), { image: vehicle.attributes.Cover.data.attributes.url }),
-                }));
-            }
-            else {
-                const options = await response.json();
-                return options.map(vehicle => ({
-                    label: vehicle.Title,
-                    value: `${vehicle.ID}`,
-                    meta: Object.assign(Object.assign({}, vehicle), { image: vehicle.Image }),
-                }));
-            }
-        };
-        let defaultValue;
-        if (!props.defaultValue) {
-            const params = new URLSearchParams(window.location.search);
-            defaultValue = params.get((_a = form.context.structure.data) === null || _a === void 0 ? void 0 : _a.vehicleIdQueryParam);
-        }
-        else {
-            defaultValue = props.defaultValue;
-        }
-        return index.h("form-select", Object.assign({}, props, { defaultValue: defaultValue, searchable: true, fetcher: fetcher, language: language }));
-    },
-    companyBranchId: ({ form, language, props }) => {
-        const fetcher = async ({ signal }) => {
-            var _a;
-            const dealerEndpoint = (_a = form.context.structure) === null || _a === void 0 ? void 0 : _a.data.dealerApi;
-            const response = await fetch(dealerEndpoint, { signal, headers: { 'Accept-Language': language } });
-            const options = (await response.json()).map(dealer => ({
-                label: dealer.Name,
-                value: `${dealer.ID}`,
-                meta: Object.assign({}, dealer),
-            }));
-            return options;
-        };
-        return index.h("form-select", Object.assign({}, props, { clearable: true, searchable: true, fetcher: fetcher, language: language }));
-    },
-    date: ({ props }) => index.h("form-picker-input", Object.assign({ type: "date" }, props, { icon: index.h(CalendarDaysIcon, null) })),
-    time: ({ language, props }) => {
-        const fetcher = async () => {
-            const options = [];
-            if (Array.isArray(props.span) && Array.isArray(props.min) && Array.isArray(props.max) && props.format) {
-                let tempDate = decodeTimeOffset.decodeTimeOffset({ offsets: props.min });
-                let maxDate = decodeTimeOffset.decodeTimeOffset({ offsets: props.max });
-                while (index$1.dateFnsExports.isBefore(tempDate, maxDate) || index$1.dateFnsExports.isEqual(tempDate, maxDate)) {
-                    options.push({
-                        value: index$1.dateFnsExports.format(tempDate, props.format),
-                        label: index$1.dateFnsExports.format(tempDate, props.format),
-                    });
-                    tempDate = decodeTimeOffset.decodeTimeOffset({ offsets: props.span, date: tempDate });
-                }
-            }
-            return options;
-        };
-        return index.h("form-select", Object.assign({}, props, { clearable: true, fetcher: fetcher, language: language }));
-    },
-});
-
-const getDefaultStateObject = () => ({ phoneValidator: undefined });
-
-exports.getDefaultMappers = getDefaultMappers;
-exports.getDefaultStateObject = getDefaultStateObject;
-exports.getDefaultValidations = getDefaultValidations;
-exports.y = y;