@movvjs/svelte-schedule-view 0.2.4 → 0.2.6-beta-1

package/.svelte-kit/__package__/schedule-view/components/flight-search/FlightSearch.svelte

@@ -3,12 +3,12 @@ import { padStart, range } from "lodash-es";
 import { fade } from "svelte/transition";
 import { t } from "../../../i18n";
 import { dayjs } from "../../../dayjs";
-import { BookingAPI } from "../../api";
+import { BookingAPI, CommonAPI } from "../../api";
 import { alert } from "../notifications";
 let on = false;
 let type = "AUTO";
 let dateTime;
-let iata;
+let airport = { iata: null, code: null };
 let loading = false;
 let resolveFn;
 let arrivalDate;
@@ -29,15 +29,22 @@ let manualInput = "";
 let estimateDate;
 let hour = 0;
 let minute = 0;
+let terminals = [];
+let arrivalTerminal;
 export async function open(options) {
   return new Promise(async (resolve, reject) => {
     if (!options?.dateTime) {
       reject(new Error($t("flight.pleaseSelectDate")));
       return;
     }
+    if (!options?.airport?.iata && !options?.airport?.code) {
+      reject(new Error($t("flight.pleaseSelectAnAirport")));
+      return;
+    }
     resolveFn = resolve;
     dateTime = options.dateTime;
-    iata = options.iata;
+    airport.iata = options.airport?.iata;
+    airport.code = options.airport?.code;
     manualInput = "";
     estimateDate = dayjs(dateTime);
     hour = estimateDate.hour();
@@ -45,15 +52,28 @@ export async function open(options) {
     flights = [];
     page = 1;
     arrivalDate = dayjs(dateTime).minute(0);
-    if (iata) {
-      type = "AUTO";
-      fetchFlights();
+    terminals = [];
+    arrivalTerminal = null;
+    if (options.terminalOnly) {
+      changeType("TERMINAL");
     } else {
-      type = "MANUAL";
+      if (airport.iata) {
+        changeType("AUTO");
+      } else {
+        changeType("MANUAL");
+      }
     }
     on = true;
   });
 }
+function changeType(value) {
+  type = value;
+  if (type === "TERMINAL" || type === "MANUAL") {
+    fetchTerminals();
+  } else if (type === "AUTO") {
+    fetchFlights();
+  }
+}
 function close() {
   on = false;
 }
@@ -61,7 +81,7 @@ async function fetchFlights() {
   loading = true;
   try {
     flights = await BookingAPI.searchFlights({
-      iata,
+      iata: airport.iata,
       ymd: arrivalDate.format("YYYY-MM-DD"),
       time: arrivalDate.hour()
     });
@@ -72,6 +92,17 @@ async function fetchFlights() {
     loading = false;
   }
 }
+async function fetchTerminals() {
+  try {
+    loading = true;
+    terminals = await CommonAPI.getPoiTerminals(airport.code);
+  } catch (e) {
+    alert.open({ text: e.message });
+    terminals = [];
+  } finally {
+    loading = false;
+  }
+}
 async function subtractHour() {
   arrivalDate = arrivalDate.subtract(1, "hour");
   fetchFlights();
@@ -106,12 +137,26 @@ function save() {
       return;
     }
     const manualFlight = {
-      iata,
+      iata: airport.iata ?? null,
       ymd: estimateDate.format("YYYY-MM-DD HH:mm:ss"),
       name: manualInput,
-      selectType: "MANUAL"
+      selectType: "MANUAL",
+      arrivalTerminal
     };
     resolveFn(manualFlight);
+  } else if (type === "TERMINAL") {
+    if (!arrivalTerminal) {
+      alert.open({ text: $t("flight.selectTerminal") });
+      return;
+    }
+    const terminalFlight = {
+      iata: airport.iata ?? null,
+      ymd: estimateDate.format("YYYY-MM-DD HH:mm:ss"),
+      name: null,
+      selectType: "MANUAL",
+      arrivalTerminal
+    };
+    resolveFn(terminalFlight);
   }
   close();
 }
@@ -128,132 +173,160 @@ function save() {
 					</div>
 
 					<div class="contents pdMg">
-						<div class="indie_tab_square_01_wrapper">
-							<ul class="indie_tab_square_01">
-								{#if iata}
-									<li class:on={type === 'AUTO'}><a href={null} on:click={() => (type = 'AUTO')}>{$t('flight.selectFlightNo')}</a></li>
-								{/if}
-								<li class:on={type === 'MANUAL'}><a href={null} on:click={() => (type = 'MANUAL')}>{$t('flight.editManually')}</a></li>
-							</ul>
-						</div>
-
-						{#if type === 'AUTO'}
-							<div class="indie_flight_name_top_infos">
-								<div class="infos">
-									<p class="sbj">{$t('flight.arrivalDate')}</p>
-									<p class="date">
-										<span>{dayjs(arrivalDate).format('ll')}</span>
-										<span>{dayjs(arrivalDate).format('HH:mm')}~{dayjs(arrivalDate).add(1, 'hour').format('HH:mm')}</span>
-									</p>
-								</div>
-								<div class="btns">
-									<button type="button" class="indie_btn_squre only prev" on:click={() => subtractHour()}>이전</button>
-									<button type="button" class="indie_btn_squre only next" on:click={() => addHour()}>다음</button>
-								</div>
-							</div>
-
+						{#if type === 'TERMINAL'}
 							{#if loading}
 								<div class="indie_loading_common_box">
 									<div class="indie_loader" />
 								</div>
-							{:else if !loading && flights.length === 0}
-								<div class="indie_search_none_common_box">
-									<p>{$t('flight.noFlightsWereFound')}</p>
-								</div>
 							{:else}
-								<div bind:this={contentsEl$} class="indie_tab_squre_01_cont" in:fade={{ duration: 100, delay: 100 }}>
-									<!-- 항공편 선택 -->
-									<ul class="indie_flight_name_select_list">
-										{#each flightsByPaging as item (item.name)}
-											<li in:fade={{ duration: 100, delay: 100 }}>
-												<div class="check">
-													<input
-														bind:group={flight}
-														value={item}
-														type="radio"
-														class="indie_radio_box xs flight_b"
-														name="f_choice"
-														id="ch_{item.name}" />
-													<label for="ch_{item.name}">
-														<p class="flight">{item.name}</p>
-														<div class="flight_time_box">
-															<dl class="start">
-																<dt>{item.departureAirport}</dt>
-																<dd>
-																	<!-- TODO: 검색일 이전날짜인 경우 표현 -->
-																	{#if dayjs(item.departure).isBefore(arrivalDate, 'day')}
-																		<b>D-{arrivalDate.diff(dayjs(item.departure).format('YYYY-MM-DD'), 'd')}</b>
-																	{/if}
-																	{dayjs(item.departure).format('HH:mm')}
-																</dd>
-															</dl>
+								<select bind:value={arrivalTerminal} class="indie_select_nor w100">
+									<option value={null}>{$t('flight.selectTerminal')}</option>
+									{#each terminals as terminal}
+										<option value={terminal}>{terminal}</option>
+									{/each}
+								</select>
+							{/if}
+						{:else}
+							<div class="indie_tab_square_01_wrapper">
+								<ul class="indie_tab_square_01">
+									{#if !!airport.iata}
+										<li class:on={type === 'AUTO'}><a href={null} on:click={() => changeType('AUTO')}>{$t('flight.selectFlightNo')}</a></li>
+									{/if}
+									<li class:on={type === 'MANUAL'}><a href={null} on:click={() => changeType('MANUAL')}>{$t('flight.editManually')}</a></li>
+								</ul>
+							</div>
 
-															<dl class="end">
-																<dt>{item.arrivalAirport}</dt>
-																<dd>{dayjs(item.arrive).format('HH:mm')}</dd>
-															</dl>
-														</div>
-													</label>
-												</div>
-											</li>
-										{/each}
-									</ul>
+							{#if type === 'AUTO'}
+								<div class="indie_flight_name_top_infos">
+									<div class="infos">
+										<p class="sbj">{$t('flight.arrivalDate')}</p>
+										<p class="date">
+											<span>{dayjs(arrivalDate).format('ll')}</span>
+											<span>{dayjs(arrivalDate).format('HH:mm')}~{dayjs(arrivalDate).add(1, 'hour').format('HH:mm')}</span>
+										</p>
+									</div>
+									<div class="btns">
+										<button type="button" class="indie_btn_squre only prev" on:click={() => subtractHour()}>이전</button>
+										<button type="button" class="indie_btn_squre only next" on:click={() => addHour()}>다음</button>
+									</div>
 								</div>
 
-								<div class="indie_flight_paing_box" in:fade={{ duration: 100, delay: 100 }}>
-									<div class="indie_paging_b">
-										<button
-											type="button"
-											class="pg_left"
-											style:visibility={page > 1 ? 'visible' : 'hidden'}
-											on:click={() => (page = page > 1 ? page - 1 : page)}>이전</button>
-										<input readonly type="text" class="txt_paging" value={page} />
-										<span>/</span>
-										<span class="last">{totalPage}</span>
-										<button
-											type="button"
-											class="pg_right"
-											style:visibility={page < totalPage ? 'visible' : 'hidden'}
-											on:click={() => (page = page < totalPage ? page + 1 : page)}>
-											다음
-										</button>
+								{#if loading}
+									<div class="indie_loading_common_box">
+										<div class="indie_loader" />
+									</div>
+								{:else if !loading && flights.length === 0}
+									<div class="indie_search_none_common_box">
+										<p>{$t('flight.noFlightsWereFound')}</p>
+									</div>
+								{:else}
+									<div bind:this={contentsEl$} class="indie_tab_squre_01_cont" in:fade={{ duration: 100, delay: 100 }}>
+										<!-- 항공편 선택 -->
+										<ul class="indie_flight_name_select_list">
+											{#each flightsByPaging as item (item.name)}
+												<li in:fade={{ duration: 100, delay: 100 }}>
+													<div class="check">
+														<input
+															bind:group={flight}
+															value={item}
+															type="radio"
+															class="indie_radio_box xs flight_b"
+															name="f_choice"
+															id="ch_{item.name}" />
+														<label for="ch_{item.name}">
+															<p class="flight">{item.name}</p>
+															<div class="flight_time_box">
+																<dl class="start">
+																	<dt>{item.departureAirport}</dt>
+																	<dd>
+																		<!-- TODO: 검색일 이전날짜인 경우 표현 -->
+																		{#if dayjs(item.departure).isBefore(arrivalDate, 'day')}
+																			<b>D-{arrivalDate.diff(dayjs(item.departure).format('YYYY-MM-DD'), 'd')}</b>
+																		{/if}
+																		{dayjs(item.departure).format('HH:mm')}
+																	</dd>
+																</dl>
+
+																<dl class="end">
+																	<dt>{item.arrivalAirport}</dt>
+																	<dd>{dayjs(item.arrive).format('HH:mm')}</dd>
+																</dl>
+															</div>
+														</label>
+													</div>
+												</li>
+											{/each}
+										</ul>
 									</div>
-								</div>
-							{/if}
-						{:else if type === 'MANUAL'}
-							<div class="indie_tab_squre_01_cont">
-								<!-- 항공편 직접입력 -->
-								<input bind:value={manualInput} maxlength="15" type="text" class="indie_text_nor lg w100 mgt10" placeholder={$t('flight.flightNo')} />
 
-								<div class="indie_flight_direct_input">
-									<p class="tit">{$t('flight.estimatedTimeOfArrival')}</p>
+									<div class="indie_flight_paing_box" in:fade={{ duration: 100, delay: 100 }}>
+										<div class="indie_paging_b">
+											<button
+												type="button"
+												class="pg_left"
+												style:visibility={page > 1 ? 'visible' : 'hidden'}
+												on:click={() => (page = page > 1 ? page - 1 : page)}>이전</button>
+											<input readonly type="text" class="txt_paging" value={page} />
+											<span>/</span>
+											<span class="last">{totalPage}</span>
+											<button
+												type="button"
+												class="pg_right"
+												style:visibility={page < totalPage ? 'visible' : 'hidden'}
+												on:click={() => (page = page < totalPage ? page + 1 : page)}>
+												다음
+											</button>
+										</div>
+									</div>
+								{/if}
+							{:else if type === 'MANUAL'}
+								<div class="indie_tab_squre_01_cont">
+									<!-- 항공편 직접입력 -->
+									<input bind:value={manualInput} maxlength="15" type="text" class="indie_text_nor w100 mgt10" placeholder={$t('flight.flightNo')} />
 
-									<div class="gather_box">
-										<div class="da_select_box">
-											<button type="button" class="indie_btn_squre only prev" on:click={() => subtractDay()}>이전</button>
-											<p class="date">{dayjs(estimateDate).format('YYYY.MM.DD')}</p>
-											<button type="button" class="indie_btn_squre only next" on:click={() => addDay()}>다음</button>
+									{#if loading}
+										<div class="indie_loading_common_box">
+											<div class="indie_loader" />
 										</div>
-										<div class="indie_time_select_box triangle lg">
-											<select bind:value={hour} on:change={() => onChangeEstimateTime()}>
-												{#each range(0, 24, 1) as h}
-													<option value={h}>{padStart(`${h}`, 2, '0')}</option>
-												{/each}
-											</select>
-											<span>:</span>
-											<select bind:value={minute} on:change={() => onChangeEstimateTime()}>
-												{#each range(0, 60, 1) as m}
-													<option value={m}>{padStart(`${m}`, 2, '0')}</option>
-												{/each}
-											</select>
+									{:else}
+										<select bind:value={arrivalTerminal} class="indie_select_nor w100 mgt5">
+											<option value={null}>{$t('flight.selectTerminal')}</option>
+											{#each terminals as terminal}
+												<option value={terminal}>{terminal}</option>
+											{/each}
+										</select>
+									{/if}
+
+									<div class="indie_flight_direct_input">
+										<p class="tit">{$t('flight.estimatedTimeOfArrival')}</p>
+
+										<div class="gather_box">
+											<div class="da_select_box">
+												<button type="button" class="indie_btn_squre only prev" on:click={() => subtractDay()}>이전</button>
+												<p class="date">{dayjs(estimateDate).format('YYYY.MM.DD')}</p>
+												<button type="button" class="indie_btn_squre only next" on:click={() => addDay()}>다음</button>
+											</div>
+											<div class="indie_time_select_box triangle lg">
+												<select bind:value={hour} on:change={() => onChangeEstimateTime()}>
+													{#each range(0, 24, 1) as h}
+														<option value={h}>{padStart(`${h}`, 2, '0')}</option>
+													{/each}
+												</select>
+												<span>:</span>
+												<select bind:value={minute} on:change={() => onChangeEstimateTime()}>
+													{#each range(0, 60, 1) as m}
+														<option value={m}>{padStart(`${m}`, 2, '0')}</option>
+													{/each}
+												</select>
+											</div>
 										</div>
-									</div>
 
-									<div class="indie_exclamation_mark_box sm black">
-										<p class="normal">{$t('flight.directly')}</p>
+										<div class="indie_exclamation_mark_box sm black">
+											<p class="normal">{$t('flight.directly')}</p>
+										</div>
 									</div>
 								</div>
-							</div>
+							{/if}
 						{/if}
 					</div>
 

package/.svelte-kit/__package__/schedule-view/components/flight-search/FlightSearch.svelte.d.ts

@@ -4,7 +4,11 @@ declare const __propDef: {
     props: {
         open?: (options: {
             dateTime: string;
-            iata: string;
+            airport: {
+                iata: string;
+                code: string;
+            };
+            terminalOnly: boolean;
         }) => Promise<Flight>;
     };
     events: {
@@ -18,7 +22,11 @@ export type FlightSearchSlots = typeof __propDef.slots;
 export default class FlightSearch extends SvelteComponent<FlightSearchProps, FlightSearchEvents, FlightSearchSlots> {
     get open(): (options: {
         dateTime: string;
-        iata: string;
+        airport: {
+            iata: string;
+            code: string;
+        };
+        terminalOnly: boolean;
     }) => Promise<Flight>;
 }
 export {};

package/.svelte-kit/__package__/schedule-view/stores/booking.d.ts

@@ -53,6 +53,7 @@ export declare const originalBooking: {
     selectedPrice: import("svelte/store").Writable<SearchPriceV2>;
     isModifiable: import("svelte/store").Readable<boolean>;
     priceDifference: import("svelte/store").Readable<number>;
+    isFlightService: import("svelte/store").Readable<boolean>;
     hour: {
         subscribe: (this: void, run: import("svelte/store").Subscriber<number>, invalidate?: import("svelte/store").Invalidator<number>) => import("svelte/store").Unsubscriber;
         set(hour: number): void;
@@ -138,6 +139,7 @@ export declare const copiedBooking: {
     selectedPrice: import("svelte/store").Writable<SearchPriceV2>;
     isModifiable: import("svelte/store").Readable<boolean>;
     priceDifference: import("svelte/store").Readable<number>;
+    isFlightService: import("svelte/store").Readable<boolean>;
     hour: {
         subscribe: (this: void, run: import("svelte/store").Subscriber<number>, invalidate?: import("svelte/store").Invalidator<number>) => import("svelte/store").Unsubscriber;
         set(hour: number): void;

package/.svelte-kit/__package__/schedule-view/stores/booking.js

@@ -70,6 +70,7 @@ function createBookingStore(bookingDTO) {
     const isBabySeatServiceAvailable = derived(availableExtraServices, $availableExtraServices => $availableExtraServices.some(extra => extra.type === ExtraServiceType.baby));
     // 피켓 서비스 가능 여부
     const isPicketServiceAvailable = derived(availableExtraServices, $availableExtraServices => $availableExtraServices.some(extra => extra.type === ExtraServiceType.picket));
+    const isFlightService = derived(booking, $booking => $booking?.serviceType === BookingServiceType.pickup || $booking?.serviceType === BookingServiceType.sending);
     // 금액 정보
     const price = derived(booking, $booking => {
         const beforePrice = isNumber($booking?.price) ? $booking.price : null;
@@ -303,6 +304,7 @@ function createBookingStore(bookingDTO) {
         selectedPrice,
         isModifiable,
         priceDifference,
+        isFlightService,
         // subscribe & set
         hour,
         minute,

package/.svelte-kit/__package__/schedule-view/types/flight.d.ts

@@ -6,6 +6,7 @@ interface BaseFlight {
     name: string;
     iata: string;
     selectType: 'AUTO' | 'MANUAL';
+    arrivalTerminal?: string;
 }
 export interface FlightAuto extends BaseFlight {
     selectType: 'AUTO';
@@ -16,7 +17,6 @@ export interface FlightAuto extends BaseFlight {
     arrivalAirport: string;
     departureAirport: string;
     delay: boolean;
-    arrivalTerminal: string;
 }
 export interface FlightManual extends BaseFlight {
     selectType: 'MANUAL';

package/.svelte-kit/ambient.d.ts

@@ -118,6 +118,8 @@ declare module '$env/static/private' {
 	export const npm_package_devDependencies__types_lodash_es: string;
 	export const npm_config_node_gyp: string;
 	export const XPC_SERVICE_NAME: string;
+	export const npm_package_dependencies__turf_helpers: string;
+	export const npm_package_dependencies__turf_center: string;
 	export const npm_package_devDependencies__sveltejs_adapter_auto: string;
 	export const npm_package_version: string;
 	export const VSCODE_INJECTION: string;
@@ -285,6 +287,8 @@ declare module '$env/dynamic/private' {
 		npm_package_devDependencies__types_lodash_es: string;
 		npm_config_node_gyp: string;
 		XPC_SERVICE_NAME: string;
+		npm_package_dependencies__turf_helpers: string;
+		npm_package_dependencies__turf_center: string;
 		npm_package_devDependencies__sveltejs_adapter_auto: string;
 		npm_package_version: string;
 		VSCODE_INJECTION: string;

package/.svelte-kit/generated/server/internal.js

@@ -21,7 +21,7 @@ export const options = {
 		app: ({ head, body, assets, nonce, env }) => "<!DOCTYPE html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<link rel=\"icon\" href=\"" + assets + "/favicon.png\" />\n\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n\t\t<meta name=\"referrer\" content=\"no-referrer\" />\n\t\t" + head + "\n\t</head>\n\t<body data-sveltekit-preload-data=\"hover\">\n\t\t<div>" + body + "</div>\n\t</body>\n</html>\n",
 		error: ({ status, message }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>" + message + "</title>\n\n\t\t<style>\n\t\t\tbody {\n\t\t\t\t--bg: white;\n\t\t\t\t--fg: #222;\n\t\t\t\t--divider: #ccc;\n\t\t\t\tbackground: var(--bg);\n\t\t\t\tcolor: var(--fg);\n\t\t\t\tfont-family:\n\t\t\t\t\tsystem-ui,\n\t\t\t\t\t-apple-system,\n\t\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t\t'Segoe UI',\n\t\t\t\t\tRoboto,\n\t\t\t\t\tOxygen,\n\t\t\t\t\tUbuntu,\n\t\t\t\t\tCantarell,\n\t\t\t\t\t'Open Sans',\n\t\t\t\t\t'Helvetica Neue',\n\t\t\t\t\tsans-serif;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmax-width: 32rem;\n\t\t\t\tmargin: 0 1rem;\n\t\t\t}\n\n\t\t\t.status {\n\t\t\t\tfont-weight: 200;\n\t\t\t\tfont-size: 3rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -0.05rem;\n\t\t\t}\n\n\t\t\t.message {\n\t\t\t\tborder-left: 1px solid var(--divider);\n\t\t\t\tpadding: 0 0 0 1rem;\n\t\t\t\tmargin: 0 0 0 1rem;\n\t\t\t\tmin-height: 2.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.message h1 {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\tbody {\n\t\t\t\t\t--bg: #222;\n\t\t\t\t\t--fg: #ddd;\n\t\t\t\t\t--divider: #666;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\t</head>\n\t<body>\n\t\t<div class=\"error\">\n\t\t\t<span class=\"status\">" + status + "</span>\n\t\t\t<div class=\"message\">\n\t\t\t\t<h1>" + message + "</h1>\n\t\t\t</div>\n\t\t</div>\n\t</body>\n</html>\n"
 	},
-	version_hash: "173ovcu"
+	version_hash: "wtuul9"
 };
 
 export async function get_hooks() {

package/dist/i18n/locales/en.json

@@ -20,7 +20,7 @@
     "file": "File",
     "fileUpload": "Upload file",
     "firstName": "First name",
-    "flight": "Flight",
+    "flight": "Flight Info",
     "guestName": "Guest Name",
     "hours": "{hour} hour(s)",
     "lastName": "Last name",
@@ -80,8 +80,10 @@
     "noFlightsWereFound": "No flights were found.",
     "pleaseEnterFlightNo": "Please enter flight No.",
     "pleaseSelectAFlightNo": "Please select a flight No.",
+    "pleaseSelectAnAirport": "Please select an airport.",
     "pleaseSelectDate": "Please select a date.",
     "selectFlightNo": "Select Flight No.",
+    "selectTerminal": "Please select a terminal.",
     "terminal": "Terminal {number}"
   },
   "placeholder": {

package/dist/i18n/locales/ko.json

@@ -20,7 +20,7 @@
     "file": "파일",
     "fileUpload": "파일 업로드",
     "firstName": "이름",
-    "flight": "항공편",
+    "flight": "항공편 정보",
     "guestName": "사용자명",
     "hours": "{hour} 시간",
     "lastName": "성",
@@ -67,8 +67,10 @@
     "noFlightsWereFound": "항공편을 찾을 수 없습니다.",
     "pleaseEnterFlightNo": "항공편명을 입력해주세요.",
     "pleaseSelectAFlightNo": "항공편명을 선택해주세요.",
+    "pleaseSelectAnAirport": "공항을 선택해주세요.",
     "pleaseSelectDate": "날짜를 선택해주세요.",
     "selectFlightNo": "항공편명 선택",
+    "selectTerminal": "터미널을 선택해주세요.",
     "terminal": "터미널 {number}"
   },
   "placeholder": {

package/dist/i18n/locales/vi.json

@@ -20,7 +20,7 @@
     "file": "Tệp",
     "fileUpload": "Cập nhật dử liệu",
     "firstName": "Tên đầu tiên",
-    "flight": "Mã chuyến bay",
+    "flight": "Thông tin chuyến bay",
     "guestName": "Tên khách",
     "hours": "{hour} giờ",
     "lastName": "Họ",
@@ -67,8 +67,10 @@
     "noFlightsWereFound": "Không tìm thấy chuyến bay.",
     "pleaseEnterFlightNo": "Vui lòng nhập số chuyến bay",
     "pleaseSelectAFlightNo": "Vui lòng chọn số chuyến bay",
+    "pleaseSelectAnAirport": "Vui lòng chọn một sân bay.",
     "pleaseSelectDate": "Vui lòng chọn một ngày.",
     "selectFlightNo": "Chọn số chuyến bay",
+    "selectTerminal": "Vui lòng chọn một thiết bị đầu cuối.",
     "terminal": "Nhà ga số 2"
   },
   "placeholder": {

package/dist/i18n/locales/zh-cn.json

@@ -20,7 +20,7 @@
     "file": "档案",
     "fileUpload": "上传文件",
     "firstName": "名",
-    "flight": "航班号",
+    "flight": "航班信息",
     "guestName": "乘客姓名",
     "hours": "{hour} 小时",
     "lastName": "姓",
@@ -67,8 +67,10 @@
     "noFlightsWereFound": "未找到航班。",
     "pleaseEnterFlightNo": "请输入航班号",
     "pleaseSelectAFlightNo": "请选择航班号",
+    "pleaseSelectAnAirport": "请选择一个机场。",
     "pleaseSelectDate": "请选择日期。",
     "selectFlightNo": "选择航班号",
+    "selectTerminal": "请选择一个终端。",
     "terminal": "第{number}航站楼"
   },
   "placeholder": {

package/dist/i18n/locales/zh-tw.json

@@ -20,7 +20,7 @@
     "file": "檔案",
     "fileUpload": "上傳文件",
     "firstName": "名",
-    "flight": "航班號",
+    "flight": "航班資訊",
     "guestName": "乘客姓名",
     "hours": "{hour} 小時",
     "lastName": "姓",
@@ -67,8 +67,10 @@
     "noFlightsWereFound": "未找到航班。",
     "pleaseEnterFlightNo": "請輸入航班號碼",
     "pleaseSelectAFlightNo": "請選擇航班號碼",
+    "pleaseSelectAnAirport": "請選擇機場。",
     "pleaseSelectDate": "請選擇日期。",
     "selectFlightNo": "選擇航班號碼",
+    "selectTerminal": "請選擇一個終端。",
     "terminal": "第{number}航廈"
   },
   "placeholder": {