adp-web-components 0.3.10 → 0.3.13

package/dist/collection/components/forms/ssc-lookup.js

@@ -67,9 +67,9 @@ export class SSCLookupForm {
     // #endregion
     render() {
         var _a, _b;
-        return (h(Host, { key: '4558d798467fac201f742b081338de108b1ef76f', translate: "no" }, h("div", { key: 'e1acfaf413b8faa69337fb1bc04ca99d307e232f', 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: 'baecdb5f383f9a03667c93ba452a968533be71cc', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: '6fb1436b130abbbba8987d4fe5d5fa1a5857f43c', 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: 'f9efa6bfdad64cf8ec7613ae9c245ba7ff61b22b', translate: "no" }, h("div", { key: 'c52a74f4b29b30476b77201a66abf81487f560eb', 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: '068a2662ba4c042bc5bfbeac72e685817e1a37d2', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: 'e8a08b325e81c9f5b4c1ce7976e747ec6c1d679c', 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: 'e4e394935436ee1b966130015ace765e13d239f8', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: '33b7eec9282445e922d3755661913214004c4803', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: '5ecaa0c2103e643dbab811aa51ee2143e988e637', 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: '9a5ddf7378f45015d8195038f23ad6a8d1804ed9' }))))))));
+            }) }, h(LoaderIcon, { key: '4ca121d0fa731a27a5bcfc2702dd4c5891a518bf', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: '3f37cf6049ddac0c3552066bcf7425a607872b23', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: 'ab4b4dc0d541c002efdc317d506f2fcabdda9944', 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: '1a79f36ea2169f9c45ea88d98fba32e33693350d' }))))))));
     }
     static get is() { return "ssc-lookup-form"; }
     static get encapsulation() { return "shadow"; }
@@ -87,7 +87,6 @@ export class SSCLookupForm {
         return {
             "language": {
                 "type": "string",
-                "attribute": "language",
                 "mutable": true,
                 "complexType": {
                     "original": "LanguageKeys",
@@ -96,7 +95,8 @@ export class SSCLookupForm {
                         "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"
                         }
                     }
                 },
@@ -108,11 +108,11 @@ export class SSCLookupForm {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "language"
             },
             "gistId": {
                 "type": "string",
-                "attribute": "gist-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -127,11 +127,11 @@ export class SSCLookupForm {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "gist-id"
             },
             "extraHeader": {
                 "type": "unknown",
-                "attribute": "extra-header",
                 "mutable": false,
                 "complexType": {
                     "original": "object",
@@ -149,7 +149,6 @@ export class SSCLookupForm {
             },
             "extraPayload": {
                 "type": "unknown",
-                "attribute": "extra-payload",
                 "mutable": false,
                 "complexType": {
                     "original": "object",
@@ -167,7 +166,6 @@ export class SSCLookupForm {
             },
             "structureUrl": {
                 "type": "string",
-                "attribute": "structure-url",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -182,11 +180,11 @@ export class SSCLookupForm {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "structure-url"
             },
             "loadingChanges": {
                 "type": "unknown",
-                "attribute": "loading-changes",
                 "mutable": false,
                 "complexType": {
                     "original": "(loading: boolean) => void",
@@ -204,7 +202,6 @@ export class SSCLookupForm {
             },
             "errorCallback": {
                 "type": "unknown",
-                "attribute": "error-callback",
                 "mutable": false,
                 "complexType": {
                     "original": "(error: any, message: string) => Promise<void | boolean>",
@@ -227,7 +224,6 @@ export class SSCLookupForm {
             },
             "successCallback": {
                 "type": "unknown",
-                "attribute": "success-callback",
                 "mutable": false,
                 "complexType": {
                     "original": "(data: any, message?: string) => Promise<void | boolean>",
@@ -250,7 +246,6 @@ export class SSCLookupForm {
             },
             "stepChangeCallback": {
                 "type": "unknown",
-                "attribute": "step-change-callback",
                 "mutable": false,
                 "complexType": {
                     "original": "(step: number, currentForm?: any) => void",
@@ -268,7 +263,6 @@ export class SSCLookupForm {
             },
             "structure": {
                 "type": "unknown",
-                "attribute": "structure",
                 "mutable": true,
                 "complexType": {
                     "original": "FormElementStructure<any> | undefined",
@@ -277,7 +271,8 @@ export class SSCLookupForm {
                         "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"
                         }
                     }
                 },
@@ -292,7 +287,6 @@ export class SSCLookupForm {
             },
             "fields": {
                 "type": "unknown",
-                "attribute": "fields",
                 "mutable": true,
                 "complexType": {
                     "original": "object",
@@ -310,7 +304,6 @@ export class SSCLookupForm {
             },
             "formReadyCallback": {
                 "type": "unknown",
-                "attribute": "form-ready-callback",
                 "mutable": false,
                 "complexType": {
                     "original": "() => void",
@@ -328,7 +321,6 @@ export class SSCLookupForm {
             },
             "theme": {
                 "type": "string",
-                "attribute": "theme",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -343,11 +335,11 @@ export class SSCLookupForm {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "theme"
             },
             "formId": {
                 "type": "string",
-                "attribute": "form-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -362,11 +354,11 @@ export class SSCLookupForm {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "form-id"
             },
             "isDev": {
                 "type": "boolean",
-                "attribute": "is-dev",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -382,11 +374,11 @@ export class SSCLookupForm {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "is-dev",
                 "defaultValue": "false"
             },
             "disableScrollToTop": {
                 "type": "boolean",
-                "attribute": "disable-scroll-to-top",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -401,11 +393,11 @@ export class SSCLookupForm {
                 },
                 "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",
@@ -421,11 +413,11 @@ export class SSCLookupForm {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "is-mobile-form",
                 "defaultValue": "false"
             },
             "getMobileToken": {
                 "type": "unknown",
-                "attribute": "get-mobile-token",
                 "mutable": false,
                 "complexType": {
                     "original": "() => string",
@@ -467,7 +459,8 @@ export class SSCLookupForm {
                         "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>>"

package/dist/collection/components/forms/test-drive.js

@@ -56,9 +56,9 @@ export class TestDriveForm {
     // #endregion
     render() {
         var _a, _b;
-        return (h(Host, { key: '9d8227808af37e4965405d70ac605774ec66fcf3', translate: "no" }, h("div", { key: '1c31f3cfd7ad7b0d4b48685cd93542344a62ef61', 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: '8147d9cf0187fbf600c0249da4089121a345a49f', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: '6c7d9ab23d1529696b0a7f913d83464c4576ac97', 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: '5266e1b30cb4759dc10011eaf264c568baac2a36', translate: "no" }, h("div", { key: '5d801974606cbcdbe834d95abcb7ff5d5e85e00d', 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: 'c0e58b6f678685b4e69021401b772294b913ec64', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: '28b515d0216c1166ceeb5937a7a7b047698f9227', 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: '2e293679ef8f7102c52018dca6bc6d59baf02340', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: '13088d5264491c636f0bac5d25a99f36fbf66709', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: '0e9b794aeb7efa933b3d57950ab640d1c5a9268b', 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: '5a4d6bf7a3225e42e75a00eead76add8f4be7eaa' }))))))));
+            }) }, h(LoaderIcon, { key: '8e195e515962ce2b6efd49e11ce366b3703f52d3', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: '5df846b3997a92d786f47cf09c0cc2e5d325e3e5', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: '40ff429b10d3a8addbc8bc803bfcd4ebc0f5eac0', 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: '924762fabdd688dda23233a82a4604f4e51a9210' }))))))));
     }
     static get is() { return "test-drive-form"; }
     static get encapsulation() { return "shadow"; }
@@ -76,7 +76,6 @@ export class TestDriveForm {
         return {
             "language": {
                 "type": "string",
-                "attribute": "language",
                 "mutable": true,
                 "complexType": {
                     "original": "LanguageKeys",
@@ -85,7 +84,8 @@ export class TestDriveForm {
                         "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 TestDriveForm {
                 },
                 "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 TestDriveForm {
                 },
                 "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 TestDriveForm {
             },
             "extraPayload": {
                 "type": "unknown",
-                "attribute": "extra-payload",
                 "mutable": false,
                 "complexType": {
                     "original": "object",
@@ -156,7 +155,6 @@ export class TestDriveForm {
             },
             "structureUrl": {
                 "type": "string",
-                "attribute": "structure-url",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -171,11 +169,11 @@ export class TestDriveForm {
                 },
                 "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 TestDriveForm {
             },
             "errorCallback": {
                 "type": "unknown",
-                "attribute": "error-callback",
                 "mutable": false,
                 "complexType": {
                     "original": "(error: any, message: string) => Promise<void | boolean>",
@@ -216,7 +213,6 @@ export class TestDriveForm {
             },
             "successCallback": {
                 "type": "unknown",
-                "attribute": "success-callback",
                 "mutable": false,
                 "complexType": {
                     "original": "(data: any, message?: string) => Promise<void | boolean>",
@@ -239,7 +235,6 @@ export class TestDriveForm {
             },
             "stepChangeCallback": {
                 "type": "unknown",
-                "attribute": "step-change-callback",
                 "mutable": false,
                 "complexType": {
                     "original": "(step: number, currentForm?: any) => void",
@@ -257,7 +252,6 @@ export class TestDriveForm {
             },
             "structure": {
                 "type": "unknown",
-                "attribute": "structure",
                 "mutable": true,
                 "complexType": {
                     "original": "FormElementStructure<any> | undefined",
@@ -266,7 +260,8 @@ export class TestDriveForm {
                         "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 TestDriveForm {
             },
             "fields": {
                 "type": "unknown",
-                "attribute": "fields",
                 "mutable": true,
                 "complexType": {
                     "original": "object",
@@ -299,7 +293,6 @@ export class TestDriveForm {
             },
             "formReadyCallback": {
                 "type": "unknown",
-                "attribute": "form-ready-callback",
                 "mutable": false,
                 "complexType": {
                     "original": "() => void",
@@ -317,7 +310,6 @@ export class TestDriveForm {
             },
             "theme": {
                 "type": "string",
-                "attribute": "theme",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -332,11 +324,11 @@ export class TestDriveForm {
                 },
                 "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 TestDriveForm {
                 },
                 "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 TestDriveForm {
                 "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 TestDriveForm {
                 },
                 "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 TestDriveForm {
                 "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 TestDriveForm {
                         "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>>"

package/dist/collection/components/forms/vehicle-quotation/VehicleImageViewer.js

@@ -27,7 +27,7 @@ export const VehicleImageViewer = ({ form }) => {
     var _a, _b, _c, _d;
     form.addWatcher('vehicle');
     let vehicleId = form.getValue('vehicle');
-    let openContainer = !!vehicleId;
+    const openContainer = !!vehicleId;
     const selectedVehicle = (_a = form.context['vehicleList']) === null || _a === void 0 ? void 0 : _a.find(vehicle => vehicle.value === vehicleId);
     let imSrc;
     if (selectedVehicle) {

package/dist/collection/components/forms/vehicle-quotation/element-mapper.js

@@ -11,14 +11,14 @@ export const vehicleQuotationElements = {
     },
     'phone': ({ props, isLoading }) => h("form-phone-number", Object.assign({ isLoading: isLoading }, props)),
     'vehicle': ({ form, language, props }) => {
-        var _a;
+        var _a, _b;
         const fetcher = async ({ signal }) => {
-            var _a, _b, _c;
-            const vehicleEndpoint = (_a = form.context.structure) === null || _a === void 0 ? void 0 : _a.data.vehicleApi;
+            var _a, _b, _c, _d;
+            const vehicleEndpoint = (_b = (_a = form.context.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.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) {
+            if ((_d = (_c = form.context.structure) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.vehiclesApiStrapiFormat) {
                 const res = await response.json();
-                let options = res.data;
+                const options = res.data;
                 return options.map(vehicle => {
                     var _a, _b, _c, _d, _e, _f;
                     return ({
@@ -40,7 +40,7 @@ export const vehicleQuotationElements = {
         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);
+            defaultValue = params.get((_b = (_a = form.context.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.vehicleIdQueryParam);
         }
         else {
             defaultValue = props.defaultValue;
@@ -49,8 +49,8 @@ export const vehicleQuotationElements = {
     },
     'dealer': ({ form, language, props }) => {
         const fetcher = async ({ signal }) => {
-            var _a;
-            const dealerEndpoint = (_a = form.context.structure) === null || _a === void 0 ? void 0 : _a.data.dealerApi;
+            var _a, _b;
+            const dealerEndpoint = (_b = (_a = form.context.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.dealerApi;
             const response = await fetch(dealerEndpoint, { signal, headers: { 'Accept-Language': language } });
             const options = (await response.json()).map(dealer => ({
                 label: dealer.Name,
@@ -118,8 +118,8 @@ export const vehicleQuotationElements = {
         form.addWatcher('ownVehicle');
         const ownVehicle = form.getValue('ownVehicle') === 'yes';
         const fetcher = async ({ signal }) => {
-            var _a;
-            const currentVehiclesEndpoint = (_a = form.context.structure) === null || _a === void 0 ? void 0 : _a.data.currentVehiclesApi;
+            var _a, _b;
+            const currentVehiclesEndpoint = (_b = (_a = form.context.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.currentVehiclesApi;
             const response = await fetch(currentVehiclesEndpoint, { signal, headers: { 'Accept-Language': 'en' } });
             const options = (await response.json()).filter(vehicle => vehicle.name !== 'Other');
             return [
@@ -149,7 +149,7 @@ export const vehicleQuotationElements = {
             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,
@@ -164,8 +164,8 @@ export const vehicleQuotationElements = {
     'contact information': ({ locale }) => h("h1", { part: "section-title" }, locale['Contact Information']),
     'city': ({ form, language, props }) => {
         const fetcher = async ({ signal }) => {
-            var _a;
-            const cityEndpoint = (_a = form.context.structure) === null || _a === void 0 ? void 0 : _a.data.cityApi;
+            var _a, _b;
+            const cityEndpoint = (_b = (_a = form.context.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.cityApi;
             const response = await fetch(cityEndpoint, { signal, headers: { 'Accept-Language': language } });
             const options = (await response.json()).map(city => ({
                 label: city.Name,