@cnamts/synapse 1.0.15 → 1.0.16

package/src/components/Amelipro/AmeliproPatientLogged/__tests__/__snapshots__/AmeliproPatientLogged.spec.ts.snap

@@ -101,40 +101,7 @@ exports[`AmeliproPatientLogged > render correctly 1`] = `
                     border: 1px solid #00749C;
                   "
                 >
-                  <span>
-                    <svg
-                      aria-hidden="true"
-                      height="34"
-                      style="
-                        shape-rendering:geometricPrecision;
-                        text-rendering:geometricPrecision;
-                        image-rendering:optimizeQuality;
-                        fill-rule:evenodd;
-                        clip-rule:evenodd;
-                      "
-                      viewBox="0 0 6828 6828"
-                      width="34"
-                      xml:space="preserve"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <circle
-                        class="circle-color"
-                        cx="3414"
-                        cy="3414"
-                        r="3321"
-                      />
-                      <g class="shape-color">
-                        <path
-                          class="fil1"
-                          d="M6642 3414c0-891-362-1698-946-2282S4306 187 3414 187c-891 0-1698 361-2282 945S187 2523 187 3414c0 892 361 1698 945 2282s1391 946 2282 946c892 0 1698-362 2282-946s946-1390 946-2282zm-814-2414c618 618 1000 1471 1000 2414 0 942-382 1796-1000 2414-617 618-1471 1000-2414 1000-942 0-1796-382-2414-1000C383 5211 0 4356 0 3414s382-1796 1000-2414C1618 383 2472 0 3414 0s1796 382 2414 1000z"
-                        />
-                        <path
-                          class="fil1"
-                          d="M3055 4035v-140c0-161 29-296 88-402 58-107 161-218 307-333 174-137 287-244 338-320 50-76 75-167 75-272 0-123-41-217-123-283s-200-99-353-99c-139 0-268 19-387 59-118 40-234 87-347 143l-184-387c297-165 615-247 955-247 287 0 515 70 683 210 168 141 253 335 253 582 0 110-16 208-49 294-32 85-81 167-146 244-64 78-177 179-337 303-136 107-227 196-274 266-45 70-68 165-68 283v99h-431zm-90 701c0-221 107-332 323-332 105 0 186 29 242 87 55 58 83 139 83 245 0 104-29 186-85 247s-136 91-240 91-184-30-240-89c-55-59-83-142-83-249z"
-                        />
-                      </g>
-                    </svg>
-                  </span>
+                  <span></span>
                 </span>
               </span>
             </span>
@@ -201,31 +168,7 @@ exports[`AmeliproPatientLogged > render correctly 1`] = `
                     border: 1px solid #FFFFFF;
                   "
                 >
-                  <span>
-                    <svg
-                      aria-hidden="true"
-                      style="enable-background:new 0 0 34 34;"
-                      viewBox="0 0 34 34"
-                      x="0px"
-                      xml:space="preserve"
-                      xmlns="http://www.w3.org/2000/svg"
-                      xmlns:xlink="http://www.w3.org/1999/xlink"
-                      y="0px"
-                    >
-                      <ellipse
-                        class="circle-color"
-                        cx="17"
-                        cy="17"
-                        rx="17"
-                        ry="16.9"
-                      />
-                      <g class="shape-color">
-                        <path d="M17.5,14.7h-1.9v4.7h1.9c0.5,0,0.9-0.4,0.9-0.9v-2.8C18.4,15.1,18,14.7,17.5,14.7z" />
-                        <path d="M11.9,14.7H10v1.9h1.9c0.5,0,0.9-0.4,0.9-0.9C12.8,15.1,12.4,14.7,11.9,14.7z" />
-                        <path d="M25,11.9H9c-1,0-1.9,0.8-1.9,1.9v6.5c0,1,0.9,1.9,1.9,1.9H25c1,0,1.9-0.8,1.9-1.9v-6.5 C26.9,12.7,26,11.9,25,11.9z M11.9,17.5H10v2.8H9v-4.7v-1.9h2.8c1,0,1.9,0.8,1.9,1.9C13.7,16.7,12.9,17.5,11.9,17.5z M19.4,18.4 c0,1-0.8,1.9-1.9,1.9h-2.8v-6.5h2.8c1,0,1.9,0.8,1.9,1.9V18.4z M25,14.7h-3.8v1.9H24v0.9h-2.8v2.8h-0.9v-6.5H25V14.7z" />
-                      </g>
-                    </svg>
-                  </span>
+                  <span></span>
                 </span>
               </span>
             </span>
@@ -329,19 +272,7 @@ exports[`AmeliproPatientLogged > render correctly 1`] = `
                         role="img"
                         style="color: #00749C;"
                       >
-                        <span>
-                          <svg
-                            aria-hidden="true"
-                            version="1.1"
-                            viewBox="0 0 24 24"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              class="shape-color"
-                              d="M8.4,0c-.6,0-1.2.3-1.7.7-.5.5-.7,1.1-.7,1.7v2.4h2.4v-2.4h13.2v13.2h-2.4v2.4h2.4c.6,0,1.2-.3,1.7-.7.5-.5.7-1.1.7-1.7V2.4c0-.6-.3-1.2-.7-1.7-.5-.5-1.1-.7-1.7-.7h-13.2ZM2.4,6c-.6,0-1.2.3-1.7.7C.3,7.2,0,7.8,0,8.4v13.2C0,22.2.3,22.8.7,23.3c.5.5,1.1.7,1.7.7h13.2c.6,0,1.2-.3,1.7-.7.5-.5.7-1.1.7-1.7v-13.2c0-.6-.3-1.2-.7-1.7-.5-.5-1.1-.7-1.7-.7H2.4Z"
-                            />
-                          </svg>
-                        </span>
+                        <span></span>
                       </span>
                     </span>
                   </span>
@@ -504,35 +435,7 @@ exports[`AmeliproPatientLogged > render correctly 1`] = `
                         role="img"
                         style="color: #FFFFFF;"
                       >
-                        <span>
-                          <svg
-                            aria-hidden="true"
-                            style="enable-background:new 0 0 24 24;"
-                            version="1.1"
-                            viewBox="0 0 24 24"
-                            x="0px"
-                            xml:space="preserve"
-                            xmlns="http://www.w3.org/2000/svg"
-                            xmlns:xlink="http://www.w3.org/1999/xlink"
-                            y="0px"
-                          >
-                            <circle
-                              class="circle-color"
-                              cx="12"
-                              cy="12"
-                              r="12"
-                            />
-                            <g class="shape-color">
-                              <rect
-                                height="7.2"
-                                width="2.4"
-                                x="10.8"
-                                y="10.8"
-                              />
-                              <path d="M11.1,6.3c-0.2,0.2-0.3,0.5-0.3,0.9c0,0.3,0.1,0.6,0.3,0.9c0.2,0.2,0.5,0.3,0.9,0.3c0.3,0,0.6-0.1,0.9-0.3s0.3-0.5,0.3-0.9c0-0.3-0.1-0.6-0.3-0.9C12.6,6.1,12.3,6,12,6C11.7,6,11.4,6.1,11.1,6.3z" />
-                            </g>
-                          </svg>
-                        </span>
+                        <span></span>
                       </span>
                     </span>
                   </span>
@@ -672,35 +575,7 @@ exports[`AmeliproPatientLogged > render correctly 1`] = `
                         role="img"
                         style="color: #FFFFFF;"
                       >
-                        <span>
-                          <svg
-                            aria-hidden="true"
-                            style="enable-background:new 0 0 24 24;"
-                            version="1.1"
-                            viewBox="0 0 24 24"
-                            x="0px"
-                            xml:space="preserve"
-                            xmlns="http://www.w3.org/2000/svg"
-                            xmlns:xlink="http://www.w3.org/1999/xlink"
-                            y="0px"
-                          >
-                            <circle
-                              class="circle-color"
-                              cx="12"
-                              cy="12"
-                              r="12"
-                            />
-                            <g class="shape-color">
-                              <rect
-                                height="7.2"
-                                width="2.4"
-                                x="10.8"
-                                y="10.8"
-                              />
-                              <path d="M11.1,6.3c-0.2,0.2-0.3,0.5-0.3,0.9c0,0.3,0.1,0.6,0.3,0.9c0.2,0.2,0.5,0.3,0.9,0.3c0.3,0,0.6-0.1,0.9-0.3s0.3-0.5,0.3-0.9c0-0.3-0.1-0.6-0.3-0.9C12.6,6.1,12.3,6,12,6C11.7,6,11.4,6.1,11.1,6.3z" />
-                            </g>
-                          </svg>
-                        </span>
+                        <span></span>
                       </span>
                     </span>
                   </span>
@@ -812,35 +687,7 @@ exports[`AmeliproPatientLogged > render correctly 1`] = `
                         role="img"
                         style="color: #FFFFFF;"
                       >
-                        <span>
-                          <svg
-                            aria-hidden="true"
-                            style="enable-background:new 0 0 24 24;"
-                            version="1.1"
-                            viewBox="0 0 24 24"
-                            x="0px"
-                            xml:space="preserve"
-                            xmlns="http://www.w3.org/2000/svg"
-                            xmlns:xlink="http://www.w3.org/1999/xlink"
-                            y="0px"
-                          >
-                            <circle
-                              class="circle-color"
-                              cx="12"
-                              cy="12"
-                              r="12"
-                            />
-                            <g class="shape-color">
-                              <rect
-                                height="7.2"
-                                width="2.4"
-                                x="10.8"
-                                y="10.8"
-                              />
-                              <path d="M11.1,6.3c-0.2,0.2-0.3,0.5-0.3,0.9c0,0.3,0.1,0.6,0.3,0.9c0.2,0.2,0.5,0.3,0.9,0.3c0.3,0,0.6-0.1,0.9-0.3s0.3-0.5,0.3-0.9c0-0.3-0.1-0.6-0.3-0.9C12.6,6.1,12.3,6,12,6C11.7,6,11.4,6.1,11.1,6.3z" />
-                            </g>
-                          </svg>
-                        </span>
+                        <span></span>
                       </span>
                     </span>
                   </span>
@@ -870,6 +717,7 @@ exports[`AmeliproPatientLogged > render correctly 1`] = `
               Allocation de solidarité aux personnes âgées
             </span>
           </p>
+          <!-- v-if -->
         </div>
         <button
           class="
@@ -997,17 +845,11 @@ exports[`AmeliproPatientLogged > render correctly 1`] = `
                     >
                       <!---->
                       <div
-                        class="
-                          bg-ap-blue-darken-1
-                          v-progress-linear__background
-                        "
+                        class="v-progress-linear__background"
                         style="opacity: NaN;"
                       ></div>
                       <div
-                        class="
-                          bg-ap-blue-darken-1
-                          v-progress-linear__buffer
-                        "
+                        class="v-progress-linear__buffer"
                         style="
                           opacity: NaN;
                           width: 0%;
@@ -1021,12 +863,10 @@ exports[`AmeliproPatientLogged > render correctly 1`] = `
                       >
                         <div class="v-progress-linear__indeterminate">
                           <div class="
-                            bg-ap-blue-darken-1
                             long
                             v-progress-linear__indeterminate
                           "></div>
                           <div class="
-                            bg-ap-blue-darken-1
                             short
                             v-progress-linear__indeterminate
                           "></div>
@@ -1050,13 +890,9 @@ exports[`AmeliproPatientLogged > render correctly 1`] = `
                       <!---->
                       <!---->
                       <input
-                        aria-controls="menu-v-12"
-                        aria-expanded="false"
                         aria-label="Open"
-                        aria-required="false"
                         id="test-id-select"
                         inputmode="none"
-                        role="combobox"
                         size="1"
                         title="Open"
                         type="text"

package/src/components/Amelipro/AmeliproPatientLogin/AmeliproPatientLoginForm/AmeliproPatientLoginForm.vue

@@ -177,7 +177,7 @@
 				<AmeliproTextField
 					v-model="currentValue.fieldValue"
 					v-maska="mask"
-					aria-required
+					required
 					classes="mt-6"
 					clearable
 					:counter="13"

package/src/components/Amelipro/AmeliproPostalAddressField/AmeliproPostalAddressCityRow/AmeliproPostalAddressCityRow.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 	/* eslint-disable vuejs-accessibility/label-has-for */
-	import { type PropType, computed, onMounted, ref } from 'vue'
+	import { type PropType, computed, onMounted, ref, watch } from 'vue'
 	import AmeliproAutoCompleteField from '../../AmeliproAutoCompleteField/AmeliproAutoCompleteField.vue'
 	import AmeliproMessage from '../../AmeliproMessage/AmeliproMessage.vue'
 	import type { AutoCompleteItem } from '../../AmeliproAutoCompleteField/types'
@@ -13,7 +13,7 @@
 	import { useDisplay } from 'vuetify'
 
 	const props = defineProps({
-		ariaRequired: {
+		required: {
 			type: Boolean,
 			default: false,
 		},
@@ -60,20 +60,56 @@
 
 	const { mdAndUp } = useDisplay()
 
+	const normalizeValue = (
+		val?: string | InputPostalAddressAutoCompleteItem,
+		mode: 'city' | 'postalCode' = 'city',
+	): LocalValue => {
+		if (!val || typeof val === 'string') {
+			return { city: '', postalCode: '', toString: () => '' }
+		}
+
+		const city = val.city ?? ''
+		const postalCode = val.postalCode ?? ''
+		return {
+			city,
+			postalCode,
+			toString: () => (mode === 'city' ? `${city} (${postalCode})` : postalCode),
+		}
+	}
+
+	type LocalValue = { city: string, postalCode: string, toString: () => string }
+
 	// v-model
+	const postalCodeValue = computed({
+		get: (): string | InputPostalAddressAutoCompleteItem => props.postalCode || '',
+		set: (newValue: string | InputPostalAddressAutoCompleteItem): void => {
+			emit('update:postalCode', newValue)
+		},
+	})
 	const cityValue = computed({
 		get: (): string | InputPostalAddressAutoCompleteItem => props.city || '',
 		set: (newValue: string | InputPostalAddressAutoCompleteItem): void => {
 			emit('update:city', newValue)
-			setInternalValue('postalCode', newValue, false)
 		},
 	})
-
-	const postalCodeValue = computed({
-		get: (): string | InputPostalAddressAutoCompleteItem => props.postalCode || '',
-		set: (newValue: string | InputPostalAddressAutoCompleteItem): void => {
-			emit('update:postalCode', newValue)
-			setInternalValue('city', newValue, false)
+	const postalCodeValueLocal = ref<LocalValue>(normalizeValue(props.postalCode, 'postalCode'))
+	const cityValueLocal = ref<LocalValue>(normalizeValue(props.city, 'city'))
+	const postalCodeVModel = computed<string | InputPostalAddressAutoCompleteItem | undefined>({
+		get() {
+			const val = postalCodeValueLocal.value
+			return val.city || val.postalCode ? val : undefined
+		},
+		set(val) {
+			postalCodeValueLocal.value = normalizeValue(val, 'postalCode')
+		},
+	})
+	const cityVModel = computed<string | InputPostalAddressAutoCompleteItem | undefined>({
+		get() {
+			const val = cityValueLocal.value
+			return val.city || val.postalCode ? val : undefined
+		},
+		set(val) {
+			cityValueLocal.value = normalizeValue(val, 'city')
 		},
 	})
 
@@ -87,41 +123,32 @@
 		return false
 	}
 
-	const setInternalValue = (autocomplete?: string, newValue?: string | InputPostalAddressAutoCompleteItem, handleBoth = true): void => {
-		if (props.autoCompleteList.length > 0) {
-			if (autocomplete === 'city' && !compareFields(cityValue.value, newValue || postalCodeValue.value)) {
-				if (handleBoth) {
-					cityValue.value = newValue || postalCodeValue.value
-				}
-				else {
-					emit('update:city', newValue || postalCodeValue.value)
-				}
-			}
-
-			if (autocomplete === 'postalCode' && !compareFields(postalCodeValue.value, newValue || cityValue.value)) {
-				if (handleBoth) {
-					postalCodeValue.value = newValue || cityValue.value
-				}
-				else {
-					emit('update:postalCode', newValue || cityValue.value)
-				}
+	const setInternalValue = (
+		field: 'city' | 'postalCode',
+		newValue: string | InputPostalAddressAutoCompleteItem,
+	) => {
+		if (field === 'city') {
+			if (!compareFields(cityValue.value, newValue)) {
+				cityValue.value = newValue
+				emit('update:city', newValue)
 			}
 		}
-
-		if (postalCodeFocused.value) {
-			postalCodeFocused.value = false
+		else {
+			if (!compareFields(postalCodeValue.value, newValue)) {
+				postalCodeValue.value = newValue
+				emit('update:postalCode', newValue)
+			}
 		}
 
-		if (cityFocused.value) {
-			cityFocused.value = false
-		}
+		postalCodeFocused.value = false
+		cityFocused.value = false
 	}
 
 	type eventType = 'blur' | 'change' | 'update:error'
 	const emit = defineEmits(['blur', 'change', 'update:city', 'update:postalCode', 'update:error'])
-	const emitEvent = (eventName: eventType, autocomplete?: string): void => {
-		if (typeof event === 'object') {
-			setInternalValue(autocomplete)
+	const emitEvent = (eventName: eventType, field?: 'city' | 'postalCode') => {
+		if (field) {
+			setInternalValue(field, field === 'city' ? cityValue.value : postalCodeValue.value)
 		}
 		emit(eventName, { city: cityValue.value, postalCode: postalCodeValue.value })
 	}
@@ -131,7 +158,7 @@
 			...props[ruleKey],
 		]
 
-		if (props.ariaRequired) {
+		if (props.required) {
 			rules.push(isRequired)
 		}
 
@@ -223,6 +250,50 @@
 		return borderColor
 	})
 
+	watch(cityValueLocal, (newVal) => {
+		const normalized = normalizeValue(newVal, 'city')
+
+		emit(
+			'update:city',
+			normalized.city
+				? { city: normalized.city, postalCode: normalized.postalCode }
+				: undefined,
+		)
+
+		if (!normalized.city) {
+			return
+		}
+
+		if (
+			postalCodeValueLocal.value
+			&& postalCodeValueLocal.value.postalCode !== normalized.postalCode
+		) {
+			postalCodeValueLocal.value = normalizeValue(normalized, 'postalCode')
+		}
+	}, { deep: true })
+
+	watch(postalCodeValueLocal, (newVal) => {
+		const normalized = normalizeValue(newVal, 'postalCode')
+
+		emit(
+			'update:postalCode',
+			normalized.postalCode
+				? { city: normalized.city, postalCode: normalized.postalCode }
+				: undefined,
+		)
+
+		if (!normalized.postalCode) {
+			return
+		}
+
+		if (
+			cityValueLocal.value
+			&& cityValueLocal.value.city !== normalized.city
+		) {
+			cityValueLocal.value = normalizeValue(normalized, 'city')
+		}
+	}, { deep: true })
+
 	onMounted(() => {
 		// remove the native label of VTextField because we have our own one
 		document.querySelectorAll(`label[for="${props.uniqueId}-city"]`)[1]?.remove()
@@ -242,10 +313,10 @@
 			>
 				<AmeliproAutoCompleteField
 					ref="inputPostalCodeField"
-					v-model="postalCodeValue"
+					v-model="postalCodeVModel"
 					:aria-describedby="displayPostalCodeError ? `${uniqueId}-postal-code-error` : undefined"
 					:aria-invalid="displayPostalCodeError ? true : undefined"
-					:aria-required="ariaRequired"
+					:required="required"
 					autocomplete="address-level2"
 					:disabled="disabled"
 					hide-error-message
@@ -271,7 +342,7 @@
 					:for="`${uniqueId}-postal-code`"
 				>
 					Code postal&nbsp;:&nbsp;
-					<span v-if="ariaRequired">
+					<span v-if="required">
 						<span aria-hidden="true">
 							*
 						</span>
@@ -284,10 +355,10 @@
 				<VTextField
 					:id="`${uniqueId}-postal-code`"
 					ref="inputPostalCodeField"
-					v-model="postalCodeValue"
+					v-model="postalCodeVModel"
 					:aria-describedby="displayPostalCodeError ? `${uniqueId}-postal-code-error` : undefined"
 					:aria-invalid="displayPostalCodeError ? true : undefined"
-					:aria-required="ariaRequired"
+					:required="required"
 					autocomplete="postal-code"
 					:bg-color="disabled ? 'ap-grey-lighten-2' : 'ap-white'"
 					class="pt-0"
@@ -323,10 +394,10 @@
 			>
 				<AmeliproAutoCompleteField
 					ref="inputCityField"
-					v-model="cityValue"
+					v-model="cityVModel"
 					:aria-describedby="displayCityError ? `${uniqueId}-city-error` : undefined"
 					:aria-invalid="displayCityError ? true : undefined"
-					:aria-required="ariaRequired"
+					:required="required"
 					autocomplete="address-level2"
 					:disabled="disabled"
 					hide-error-message
@@ -353,7 +424,7 @@
 					:for="`${uniqueId}-city`"
 				>
 					Commune&nbsp;:&nbsp;
-					<span v-if="ariaRequired">
+					<span v-if="required">
 						<span aria-hidden="true">
 							*
 						</span>
@@ -365,10 +436,10 @@
 				<VTextField
 					:id="`${uniqueId}-city`"
 					ref="inputCityField"
-					v-model="cityValue"
+					v-model="cityVModel"
 					:aria-describedby="displayCityError ? `${uniqueId}-city-error` : undefined"
 					:aria-invalid="displayCityError ? true : undefined"
-					:aria-required="ariaRequired"
+					:required="required"
 					autocomplete="address-level2"
 					:bg-color="disabled ? 'ap-grey-lighten-2' : 'ap-white'"
 					class="pt-0"
@@ -387,30 +458,43 @@
 				/>
 			</div>
 		</div>
-		<AmeliproMessage
-			v-if="displayPostalCodeError && mdAndUp"
-			class="mb-0"
-			no-icon
-			text
-			type="error"
-			:unique-id="`${uniqueId}-postal-code-error`"
-		>
-			<p class="mb-0">
-				{{ inputPostalCodeField.errorMessages[0] }}
-			</p>
-		</AmeliproMessage>
-		<AmeliproMessage
-			v-if="displayCityError"
-			class="mb-0"
-			no-icon
-			text
-			type="error"
-			:unique-id="`${uniqueId}-city-error`"
+		<div
+			v-if="displayPostalCodeError || displayCityError"
+			class="error-messages"
 		>
-			<p class="mb-0">
-				{{ inputCityField.errorMessages[0] }}
-			</p>
-		</AmeliproMessage>
+			<div class="error-col">
+				<AmeliproMessage
+					v-if="displayPostalCodeError && mdAndUp"
+					:unique-id="`${uniqueId}-postal-code-error`"
+					class="mb-0"
+					no-icon
+					text
+					type="error"
+				>
+					<p class="mb-0">
+						{{ inputPostalCodeField.errorMessages[0] }}
+					</p>
+				</AmeliproMessage>
+			</div>
+
+			<div
+				class="error-col"
+				:style="{ marginLeft: !displayPostalCodeError ? '130px' : '0' }"
+			>
+				<AmeliproMessage
+					v-if="displayCityError"
+					:unique-id="`${uniqueId}-city-error`"
+					class="mb-0"
+					no-icon
+					text
+					type="error"
+				>
+					<p class="mb-0">
+						{{ inputCityField.errorMessages[0] }}
+					</p>
+				</AmeliproMessage>
+			</div>
+		</div>
 	</div>
 </template>
 
@@ -418,8 +502,8 @@
 @use '@/assets/amelipro/apTokens';
 
 .postal-code-field {
-	min-width: 120px;
-	width: 120px;
+	min-width: 140px;
+	width: 140px;
 
 	& :deep(.v-field__outline) {
 		border-color: v-bind(inputPostalCodeBorderStyle);
@@ -461,4 +545,10 @@
 		opacity: 1 !important;
 	}
 }
+
+.error-messages {
+	display: flex;
+	gap: 22px;
+}
+
 </style>

package/src/components/Amelipro/AmeliproPostalAddressField/AmeliproPostalAddressCityRow/__tests__/AmeliproPostalAddressCityRow.spec.ts

@@ -1,12 +1,12 @@
 import { mount } from '@vue/test-utils'
-import { expect, describe, it } from 'vitest'
+import { describe, expect, it } from 'vitest'
 import AmeliproPostalAddressCityRow from '../AmeliproPostalAddressCityRow.vue'
 
 describe('AmeliproPostalAddressCityRow', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproPostalAddressCityRow, {
 			props: {
-				ariaRequired: true,
+				required: true,
 				autoCompleteList: [
 					{
 						city: 'Nantes',