adp-web-components 0.3.10 → 0.3.13

package/dist/collection/components/form-elements/form-vin-input.js

@@ -23,7 +23,7 @@ export class FormVinInput {
         this.onStaticValueChange(this.staticValue, false);
     }
     async onStaticValueChange(newStaticValue, notInitialLoad = true) {
-        if (!!newStaticValue) {
+        if (newStaticValue) {
             this.defaultValue = newStaticValue;
             this.inputRef.value = newStaticValue;
         }
@@ -52,9 +52,9 @@ export class FormVinInput {
         const { label, placeholder, errorTextMessage } = getInputLocalization(this, meta, errorMessage);
         const isDisabled = disabled || this.isLoading || !!this.staticValue || this.isDisabled;
         const extractorTitle = ((_b = (_a = this.localization) === null || _a === void 0 ? void 0 : _a[language]) === null || _b === void 0 ? void 0 : _b.scan) || ((_j = (_g = (_f = (_e = (_d = (_c = this.form) === null || _c === void 0 ? void 0 : _c.context) === null || _d === void 0 ? void 0 : _d.structure) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.localization) === null || _g === void 0 ? void 0 : _g[(_h = this.form.context) === null || _h === void 0 ? void 0 : _h.language]) === null || _j === void 0 ? void 0 : _j['vin-scan']) || 'Scan Your VIN';
-        return (h(Host, { key: '664b2090565f7b02c0ac4c8e5e02a7d306fb5912', translate: "no" }, h("label", { key: 'cec36a5cd5d97de6dd5349b0f8e4787c0e78d417', part: this.name, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, h(FormInputLabel, { key: 'ac5abc409e71813176f1619fae700e924aef9270', isRequired: isRequired, label: label }), h("div", { key: 'd79f5f046b1931d28bb771599b0a9c4ffc6e56e3', part: `${this.name}-container form-input-container`, class: "form-input-container" }, h(FormInputPrefix, { key: '4f841aa8360703887100f2da7e4fb12df2428fb0', name: this.name, direction: (_k = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _k === void 0 ? void 0 : _k.direction, prefix: this.inputPrefix }), h("input", Object.assign({ key: '6b96dfd514da16348efda219603e7b46503edce3' }, this.inputProps, { name: this.name, disabled: isDisabled, defaultValue: this.defaultValue, part: `${this.name}-input form-input`, placeholder: placeholder || (meta === null || meta === void 0 ? void 0 : meta.placeholder), style: Object.assign({}, (this.prefixWidth ? { [((_l = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _l === void 0 ? void 0 : _l.direction) === 'rtl' ? 'paddingRight' : 'paddingLeft']: `${this.prefixWidth}px` } : {})), class: cn('form-input-style !uppercase', part, {
+        return (h(Host, { key: '215c351a25f595ea580860307698a78e0ed8bc40', translate: "no" }, h("label", { key: '5e78306671c2c5ccee32e59534c596e6607b9a78', part: this.name, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, h(FormInputLabel, { key: 'b14868238d8dc5f7f5cec711661a64c2f4b8538c', isRequired: isRequired, label: label }), h("div", { key: '2b2e403c17623670606002078bfe1463160f0c06', part: `${this.name}-container form-input-container`, class: "form-input-container" }, h(FormInputPrefix, { key: '54ab7ccf57b14afb191454cbd410feba6c0177cd', name: this.name, direction: (_k = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _k === void 0 ? void 0 : _k.direction, prefix: this.inputPrefix }), h("input", Object.assign({ key: '11a972843cf0d63fbed3e08c59b944cfe27003e9' }, this.inputProps, { name: this.name, disabled: isDisabled, defaultValue: this.defaultValue, part: `${this.name}-input form-input`, placeholder: placeholder || (meta === null || meta === void 0 ? void 0 : meta.placeholder), style: Object.assign({}, (this.prefixWidth ? { [((_l = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _l === void 0 ? void 0 : _l.direction) === 'rtl' ? 'paddingRight' : 'paddingLeft']: `${this.prefixWidth}px` } : {})), class: cn('form-input-style !uppercase', part, {
                 'form-input-error-style': isError,
-            }) })), !!this.scannerIcon && (this.useOcr || this.readSticker) && (h("button", { key: 'd5cebbf58749e7d6a95262ed5265e412719291de', type: "button", disabled: isDisabled, part: cn('vin-validator', part + '-vin'), onClick: () => { var _a; return (_a = this === null || this === void 0 ? void 0 : this.el.getElementsByTagName('vin-extractor')[0]) === null || _a === void 0 ? void 0 : _a.open(); }, class: "absolute transition-all duration-500 disabled:!pointer-events-none disabled:!opacity-0 flex justify-center items-center end-3.5 !text-[#576675] enabled:hover:!text-black/85 aspect-square h-[70%] top-1/2 -translate-y-1/2" }, this.scannerIcon === 'qr-code' && h(QrCodeScanIcon, { key: 'b28d6734fdea8ce14809f653d9343631bf1969b2', class: "size-[90%] text-inherit" }), this.scannerIcon === 'camera' && h(CameraIcon, { key: 'dd7354ddc2f3bf17eea2436cc5abe8e2edc3450a', class: "size-[90%] text-inherit" })))), h(FormErrorMessage, { key: '86212aa0ed1a9873ffc04c81b41b06a2a6084b26', name: this.name, isError: isError, errorMessage: errorTextMessage })), (this.useOcr || this.readSticker) && (h("div", { key: '9aaf51c7573629c6ee303f5f300c9c1ad2ee802f', class: "absolute" }, h("vin-extractor", { key: '233ce31e4436fe5ca8db405db3a648d03b44d948', verbose: true, manualCapture: true, useOcr: this.useOcr, title: extractorTitle, skipValidation: false, readSticker: this.readSticker, ocrEndpoint: this.ocrEndpoint, onExtract: newVin => {
+            }) })), !!this.scannerIcon && (this.useOcr || this.readSticker) && (h("button", { key: '6cf6c1bb3edd99178935c16924d9e8a0695188ad', type: "button", disabled: isDisabled, part: cn('vin-validator', part + '-vin'), onClick: () => { var _a; return (_a = this === null || this === void 0 ? void 0 : this.el.getElementsByTagName('vin-extractor')[0]) === null || _a === void 0 ? void 0 : _a.open(); }, class: "absolute transition-all duration-500 disabled:!pointer-events-none disabled:!opacity-0 flex justify-center items-center end-3.5 !text-[#576675] enabled:hover:!text-black/85 aspect-square h-[70%] top-1/2 -translate-y-1/2" }, this.scannerIcon === 'qr-code' && h(QrCodeScanIcon, { key: 'c0df6702f7017669ca8b9ca7e9c5ccb3ee11951e', class: "size-[90%] text-inherit" }), this.scannerIcon === 'camera' && h(CameraIcon, { key: 'ada1c0fc271b55949e49b80922d271b4359831ca', class: "size-[90%] text-inherit" })))), h(FormErrorMessage, { key: '1e712888216d4982c7126b226cb359effda2baad', name: this.name, isError: isError, errorMessage: errorTextMessage })), (this.useOcr || this.readSticker) && (h("div", { key: '79e3b99bdadcb2000bf00c5930e22df6a0c8e0f5', class: "absolute" }, h("vin-extractor", { key: '1cf874279dc591d0f8c909ca02372ef9725e3d67', verbose: true, manualCapture: true, useOcr: this.useOcr, title: extractorTitle, skipValidation: false, readSticker: this.readSticker, ocrEndpoint: this.ocrEndpoint, onExtract: newVin => {
                 var _a, _b;
                 this.inputRef.value = newVin;
                 (_a = this.form) === null || _a === void 0 ? void 0 : _a.validateInput(this === null || this === void 0 ? void 0 : this.name);
@@ -76,7 +76,6 @@ export class FormVinInput {
         return {
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -91,11 +90,11 @@ export class FormVinInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "name"
             },
             "wrapperId": {
                 "type": "string",
-                "attribute": "wrapper-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -110,11 +109,11 @@ export class FormVinInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "wrapper-id"
             },
             "isLoading": {
                 "type": "boolean",
-                "attribute": "is-loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -129,11 +128,11 @@ export class FormVinInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "is-loading"
             },
             "isDisabled": {
                 "type": "boolean",
-                "attribute": "is-disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -148,11 +147,11 @@ export class FormVinInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "is-disabled"
             },
             "form": {
                 "type": "unknown",
-                "attribute": "form",
                 "mutable": false,
                 "complexType": {
                     "original": "FormHook<any>",
@@ -161,7 +160,8 @@ export class FormVinInput {
                         "FormHook": {
                             "location": "import",
                             "path": "~features/form-hook/form-hook",
-                            "id": "src/features/form-hook/form-hook.ts::FormHook"
+                            "id": "src/features/form-hook/form-hook.ts::FormHook",
+                            "referenceLocation": "FormHook"
                         }
                     }
                 },
@@ -176,7 +176,6 @@ export class FormVinInput {
             },
             "inputPrefix": {
                 "type": "string",
-                "attribute": "input-prefix",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -191,11 +190,11 @@ export class FormVinInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "input-prefix"
             },
             "wrapperClass": {
                 "type": "string",
-                "attribute": "wrapper-class",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -210,11 +209,11 @@ export class FormVinInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "wrapper-class"
             },
             "staticValue": {
                 "type": "string",
-                "attribute": "static-value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -229,11 +228,11 @@ export class FormVinInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "static-value"
             },
             "inputProps": {
                 "type": "any",
-                "attribute": "input-props",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -249,11 +248,11 @@ export class FormVinInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "input-props",
                 "defaultValue": "{}"
             },
             "ocrEndpoint": {
                 "type": "string",
-                "attribute": "ocr-endpoint",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -268,11 +267,11 @@ export class FormVinInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "ocr-endpoint"
             },
             "defaultValue": {
                 "type": "string",
-                "attribute": "default-value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -287,20 +286,21 @@ export class FormVinInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "default-value"
             },
             "localization": {
                 "type": "unknown",
-                "attribute": "localization",
                 "mutable": false,
                 "complexType": {
                     "original": "FormInputLocalization<{ scan: string }>",
-                    "resolved": "{ [lang: string]: { label?: string; placeholder?: string; require?: string; format?: string; minMessage: string; maxMessage: string; betweenMessage: string; } & { scan: string; }; }",
+                    "resolved": "{ scan: string; }",
                     "references": {
                         "FormInputLocalization": {
                             "location": "import",
                             "path": "~features/form-hook",
-                            "id": "src/features/form-hook/index.ts::FormInputLocalization"
+                            "id": "src/features/form-hook/index.ts::FormInputLocalization",
+                            "referenceLocation": "FormInputLocalization"
                         }
                     }
                 },
@@ -316,7 +316,6 @@ export class FormVinInput {
             },
             "useOcr": {
                 "type": "boolean",
-                "attribute": "use-ocr",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -331,11 +330,11 @@ export class FormVinInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "use-ocr"
             },
             "readSticker": {
                 "type": "boolean",
-                "attribute": "read-sticker",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -350,11 +349,11 @@ export class FormVinInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "read-sticker"
             },
             "scannerIcon": {
                 "type": "string",
-                "attribute": "scanner-icon",
                 "mutable": false,
                 "complexType": {
                     "original": "'' | 'qr-code' | 'camera'",
@@ -370,6 +369,7 @@ export class FormVinInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "scanner-icon",
                 "defaultValue": "''"
             }
         };

package/dist/collection/components/forms/defaults/mappers.js

@@ -12,7 +12,7 @@ export const getFormMappers = (extraMappers = {}) => (Object.assign({ submit: ({
         const fetcher = async ({ signal, context }) => {
             var _a, _b;
             const params = new URLSearchParams(window.location.search);
-            let paramValue = (_a = (params.get(props === null || props === void 0 ? void 0 : props.vehicleIdQueryParam) || '')) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+            const paramValue = (_a = (params.get(props === null || props === void 0 ? void 0 : props.vehicleIdQueryParam) || '')) === null || _a === void 0 ? void 0 : _a.toLowerCase();
             const vehicleEndpoint = props.vehicleApi;
             const response = await fetch(vehicleEndpoint, { signal, headers: { 'Accept-Language': language } });
             let options;
@@ -105,7 +105,7 @@ export const getFormMappers = (extraMappers = {}) => (Object.assign({ submit: ({
             const options = [];
             if (Array.isArray(props.span) && Array.isArray(props.min) && Array.isArray(props.max) && props.format) {
                 let tempDate = decodeTimeOffset({ offsets: props.min });
-                let maxDate = decodeTimeOffset({ offsets: props.max });
+                const maxDate = decodeTimeOffset({ offsets: props.max });
                 while (isBefore(tempDate, maxDate) || isEqual(tempDate, maxDate)) {
                     options.push({
                         value: format(tempDate, props.format),
@@ -169,7 +169,7 @@ export const getFormMappers = (extraMappers = {}) => (Object.assign({ submit: ({
             if (!selectedBrand)
                 return [];
             return [
-                ...selectedBrand === null || selectedBrand === void 0 ? void 0 : selectedBrand.Models.map(model => ({ label: model.Name, value: `${model.ID}` })),
+                ...selectedBrand.Models.map(model => ({ label: model.Name, value: `${model.ID}` })),
                 {
                     value: 'Other',
                     label: locale.Other,
@@ -225,7 +225,7 @@ export const getFormMappers = (extraMappers = {}) => (Object.assign({ submit: ({
             if (!selectedBrand)
                 return [];
             return [
-                ...selectedBrand === null || selectedBrand === void 0 ? void 0 : selectedBrand.Models.map(model => ({ label: model.Name, value: (props === null || props === void 0 ? void 0 : props.useNamedValue) ? model.Name : `${model.ID}` })),
+                ...selectedBrand.Models.map(model => ({ label: model.Name, value: (props === null || props === void 0 ? void 0 : props.useNamedValue) ? model.Name : `${model.ID}` })),
                 {
                     value: 'Other',
                     label: locale.Other,

package/dist/collection/components/forms/general-form.js

@@ -56,9 +56,9 @@ export class GeneralForm {
     // #endregion
     render() {
         var _a, _b;
-        return (h(Host, { key: '8d9e87f97b8d1ed560857211aade5f3e997943d6', translate: "no" }, h("div", { key: '0c8f5a4ea1f53f34b06da4d679a0ec907778b590', part: cn('shift-form', (_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme, this.theme) }, h("div", { key: 'fce5a1e6cc3a3255bf1da7f456cf5faab036dfda', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: '22c5fae871debed1d7194b53365d05ac08ffa8d2', part: "form-loader-container", class: cn('form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500', {
+        return (h(Host, { key: '6ecd31aab29e85d56f3d57db3ad2faf0e608e003', translate: "no" }, h("div", { key: '6c06f65b5287c2ef02f0e72fc67783033d296d65', part: cn('shift-form', (_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme, this.theme) }, h("div", { key: 'f5130e8613af15860aec0fb3a3e72d5b355f8922', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: '8df05d223369c3c171053db50745e148f3b4ad46', part: "form-loader-container", class: cn('form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500', {
                 'opacity-0': this.structureRendered,
-            }) }, h(LoaderIcon, { key: '694ae757d202d45b574d044f1b3af6b883933c68', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: '32806bfe3c1350ea22ae6e5257c3b1573f3d8945', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: '994ec28ea9e10d4a8a49d4351f24db020f67912b', form: this.form, fields: this.fields, formId: this.formId, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: elementMapper, successMessage: this.locale['Form submitted successfully.'] || 'Form submitted successfully.' }, h("slot", { key: 'b3dd483992ef48f7520a12ecbc8e2ea5b964e637' }))))))));
+            }) }, h(LoaderIcon, { key: 'e8610734754510f5884317cb652e0d0b14a6d348', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: '4f024b249cdd8756d95d6f41bfc58e7c116bba61', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: 'd5592132953b0ccb73393f678acc16fff180b27b', form: this.form, fields: this.fields, formId: this.formId, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: elementMapper, successMessage: this.locale['Form submitted successfully.'] || 'Form submitted successfully.' }, h("slot", { key: '0f8e92ca0ec8723e3c5c20876ebdd992fbd55fa8' }))))))));
     }
     static get is() { return "general-form"; }
     static get encapsulation() { return "shadow"; }
@@ -76,7 +76,6 @@ export class GeneralForm {
         return {
             "language": {
                 "type": "string",
-                "attribute": "language",
                 "mutable": true,
                 "complexType": {
                     "original": "LanguageKeys",
@@ -85,7 +84,8 @@ export class GeneralForm {
                         "LanguageKeys": {
                             "location": "import",
                             "path": "~features/multi-lingual",
-                            "id": "src/features/multi-lingual/index.ts::LanguageKeys"
+                            "id": "src/features/multi-lingual/index.ts::LanguageKeys",
+                            "referenceLocation": "LanguageKeys"
                         }
                     }
                 },
@@ -97,11 +97,11 @@ export class GeneralForm {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "language"
             },
             "gistId": {
                 "type": "string",
-                "attribute": "gist-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -116,11 +116,11 @@ export class GeneralForm {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "gist-id"
             },
             "extraHeader": {
                 "type": "unknown",
-                "attribute": "extra-header",
                 "mutable": false,
                 "complexType": {
                     "original": "object",
@@ -138,7 +138,6 @@ export class GeneralForm {
             },
             "extraPayload": {
                 "type": "unknown",
-                "attribute": "extra-payload",
                 "mutable": false,
                 "complexType": {
                     "original": "object",
@@ -156,7 +155,6 @@ export class GeneralForm {
             },
             "structureUrl": {
                 "type": "string",
-                "attribute": "structure-url",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -171,11 +169,11 @@ export class GeneralForm {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "structure-url"
             },
             "loadingChanges": {
                 "type": "unknown",
-                "attribute": "loading-changes",
                 "mutable": false,
                 "complexType": {
                     "original": "(loading: boolean) => void",
@@ -193,7 +191,6 @@ export class GeneralForm {
             },
             "errorCallback": {
                 "type": "unknown",
-                "attribute": "error-callback",
                 "mutable": false,
                 "complexType": {
                     "original": "(error: any, message: string) => Promise<void | boolean>",
@@ -216,7 +213,6 @@ export class GeneralForm {
             },
             "successCallback": {
                 "type": "unknown",
-                "attribute": "success-callback",
                 "mutable": false,
                 "complexType": {
                     "original": "(data: any, message?: string) => Promise<void | boolean>",
@@ -239,7 +235,6 @@ export class GeneralForm {
             },
             "stepChangeCallback": {
                 "type": "unknown",
-                "attribute": "step-change-callback",
                 "mutable": false,
                 "complexType": {
                     "original": "(step: number, currentForm?: any) => void",
@@ -257,7 +252,6 @@ export class GeneralForm {
             },
             "structure": {
                 "type": "unknown",
-                "attribute": "structure",
                 "mutable": true,
                 "complexType": {
                     "original": "FormElementStructure<any> | undefined",
@@ -266,7 +260,8 @@ export class GeneralForm {
                         "FormElementStructure": {
                             "location": "import",
                             "path": "~features/form-hook",
-                            "id": "src/features/form-hook/index.ts::FormElementStructure"
+                            "id": "src/features/form-hook/index.ts::FormElementStructure",
+                            "referenceLocation": "FormElementStructure"
                         }
                     }
                 },
@@ -281,7 +276,6 @@ export class GeneralForm {
             },
             "fields": {
                 "type": "unknown",
-                "attribute": "fields",
                 "mutable": true,
                 "complexType": {
                     "original": "object",
@@ -299,7 +293,6 @@ export class GeneralForm {
             },
             "formReadyCallback": {
                 "type": "unknown",
-                "attribute": "form-ready-callback",
                 "mutable": false,
                 "complexType": {
                     "original": "() => void",
@@ -317,7 +310,6 @@ export class GeneralForm {
             },
             "theme": {
                 "type": "string",
-                "attribute": "theme",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -332,11 +324,11 @@ export class GeneralForm {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "theme"
             },
             "formId": {
                 "type": "string",
-                "attribute": "form-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -351,11 +343,11 @@ export class GeneralForm {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "form-id"
             },
             "isDev": {
                 "type": "boolean",
-                "attribute": "is-dev",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -371,11 +363,11 @@ export class GeneralForm {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "is-dev",
                 "defaultValue": "false"
             },
             "disableScrollToTop": {
                 "type": "boolean",
-                "attribute": "disable-scroll-to-top",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -390,11 +382,11 @@ export class GeneralForm {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "disable-scroll-to-top"
             },
             "isMobileForm": {
                 "type": "boolean",
-                "attribute": "is-mobile-form",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -410,11 +402,11 @@ export class GeneralForm {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "is-mobile-form",
                 "defaultValue": "false"
             },
             "getMobileToken": {
                 "type": "unknown",
-                "attribute": "get-mobile-token",
                 "mutable": false,
                 "complexType": {
                     "original": "() => string",
@@ -456,7 +448,8 @@ export class GeneralForm {
                         "FormHook": {
                             "location": "import",
                             "path": "~features/form-hook",
-                            "id": "src/features/form-hook/index.ts::FormHook"
+                            "id": "src/features/form-hook/index.ts::FormHook",
+                            "referenceLocation": "FormHook"
                         }
                     },
                     "return": "Promise<FormHook<any>>"